﻿/*global*/
body { color: #2B2B2B; font-family: 'Microsoft YaHei'; font-size: 12px; }
a { color: #888888; text-decoration: none; }
	a:hover { text-decoration: underline; }
.inner { margin: 0 auto; position: relative; width: 965px; }
.clear { clear: both; }

/*page navigator*/
.page-nav { background: none repeat scroll 0 0 #FFFFFF; height: 80px; }
	.page-nav .inner { height: 80px; }
.logo { position: absolute; top: 21px; vertical-align: text-bottom; }
	.logo:hover { text-decoration: none; }
	.logo > img { margin-right: 4px; }
.page-nav .inner div { font-size: 16px; position: absolute; right: 0; top: 40px; }
	.page-nav .inner div span { color: #D3D3D3; font-size: 14px; margin: 0 12px; vertical-align: baseline; }

/*page sidebar*/
.page-sidebar { display: block; background: none repeat scroll 0 0 #519DEB; border-radius: 3px 3px 3px 3px; position: fixed; right: -9999px; top: -9999px; z-index: 2; color: #fff; }
	.page-sidebar a { border-bottom: 1px solid #62AAF6; display: block; height: 58px; position: relative; text-align: center; width: 82px; }
		.page-sidebar a:hover div { background: none repeat scroll 0 0 #FFFFFF; height: 100%; left: 0; opacity: 0.3; filter: alpha(opacity=30); position: absolute; top: 0; width: 100%; }
		.page-sidebar a img { margin: 12px 0 0; }
		.page-sidebar a.qr { height: 70px; }
	.page-sidebar > span { display: block; font-size: 20px; padding: 6px 0; text-align: center; }
	.page-sidebar .detail { position: absolute; left: -121px; top: 133px; padding: 12px 10px; background: #7DB6F1; width: 86px; font-size: 14px; display: none; }
		.page-sidebar .detail i { position: absolute; top: 50%; right: -6px; width: 6px; height: 12px; margin: -6px 0 0 0; background: url(../images/comadmin5/sidebar_arrow.png) no-repeat 0 0; }
		.page-sidebar .detail.d2 { top: 202px; }
/*page hero*/
.page-hero { background: url("../images/comadmin5/hero.jpg") no-repeat scroll center 0 transparent; height: 770px; }
	.page-hero h1, .page-hero h2 { color: #FFFFFF; position: absolute; }
	.page-hero h1 { font-size: 56px; font-style: italic; letter-spacing: 6px; margin: 0; text-shadow: 3px 3px 3px #828282; top: 42px; }
	.page-hero h2 { font-size: 28px; font-style: italic; text-shadow: 2px 2px 3px #7A7A7A; top: 130px; }
	.page-hero p { color: #735A24; font-size: 28px; left: 14px; position: absolute; top: 207px; *top: 238px; }
		.page-hero p span { color: #FF7010; font-size: 34px; margin: 0 8px; position: relative; top: 3px; }
	.page-hero .btn-express { background: url("../images/comadmin5/btn_express.png") no-repeat scroll 0 0 transparent; height: 70px; position: absolute; right: 70px; top: 80px; width: 200px; }
	.page-hero .qr { color: #FFFFFF; font-size: 14px; position: absolute; right: 116px; text-align: center; top: 186px; width: 102px; }
		.page-hero .qr > img { border: 4px solid #DFD6C7; }

/*section*/
.section { background: #fff url(../images/comadmin5/section_bg.png) no-repeat center bottom; padding: 0 0 24px 0; }
	.section h3 { font-size: 32px; font-weight: normal; margin: 38px 0; text-align: center; }
	.section .intro { color: #747474; font-size: 18px; margin: 0 auto; text-align: center; width: 680px; }
	.section .summary { color: #747474; font-size: 14px; margin: 18px 0; text-align: center; }
.section-3, .section-4, .section-5 { padding: 0 0 48px 0; }

/*section-1*/
.section-1 dl { margin: 48px 0 0; }
.section-1 dt { float: left; text-align: center; width: 500px; height: 478px; overflow: hidden; }
	.section-1 dt img { display: none; }
		.section-1 dt img.active { display: block; }
.section-1 dd { background: url("../images/comadmin5/s1_sidebar_bg.png") no-repeat scroll 0 0 transparent; float: left; height: 85px; margin: 0 0 12px 10px; padding: 0 0 0 40px; width: 400px; }
	.section-1 dd.active, .section-1 dd:hover h5 { color: #E20300; }
	.section-1 dd h5 { font-size: 14px; margin: 9px 0; }
	.section-1 dd p { color: #818181; font-size: 12px; height: 46px; line-height: 22px; margin: -4px 0 0; overflow: hidden; width: 356px; }



/*section-2*/
.section-2 .carousel img { float: left; }
.section-2 .carousel h6 { float: left; font-size: 22px; font-weight: normal; margin: 60px 0 26px 32px; }
.section-2 .carousel p { float: left; width: 248px; margin: 0 0 0 32px; line-height: 24px; color: #808080; }

/*section-3*/
.section-3 .intro { margin-bottom: 20px; }
.section-3 .mod-intro { float: left; width: 304px; height: 462px; }
	.section-3 .mod-intro h6 { font-size: 18px; margin: 86px 0 30px 0; }
	.section-3 .mod-intro p { font-size: 16px; line-height: 28px; color: #808080; padding: 46px 0 0 0; }
		.section-3 .mod-intro p span { color: #309494; }
.section-3 .mod-bg { float: left; width: 660px; height: 462px; position: relative; background: url(../images/comadmin5/mac.png) no-repeat center center; }
.section-3 .carousel img { float: right; }
.section-3 .carousel h6 { float: right; font-size: 22px; font-weight: normal; margin: 60px 32px 26px 0; }
.section-3 .carousel p { float: right; width: 248px; margin: 0 32px 0 0; line-height: 24px; color: #808080; }

#carousel-s3-2-c .ltitle { font-size: 19px; }
#carousel-s3-2-c h6, #carousel-s3-3-c h6 { margin-right: 0; width: 320px; }
#carousel-s3-2-c p, #carousel-s3-3-c p { width: 291px; }
#carousel-s3-1-c img { width: 441px; height: 260px; }
/*section-4*/
.section-4 ul { margin: 60px -34px 0 0; }
.section-4 li { float: left; width: 212px; margin: 0 0 0 82px; *margin-right: 26px; }
	.section-4 li > div { width: 213px; height: 263px; position: relative; background: url(../images/comadmin5/suit_bg.png) no-repeat 0 0; }
		.section-4 li > div:hover { background: url(../images/comadmin5/suit_bg.png) no-repeat -228px; 0; }
		.section-4 li > div a { height: 43px; position: absolute; width: 100%; }
.section-4 .top { color: #fff; display: block; text-align: center; font-size: 16px; line-height: 38px; }
.section-4 .price { height: 125px; text-align: center; font-size: 16px; line-height: 125px; }
	.section-4 .price strong { font-size: 42px; }
	.section-4 .price i { color: #AAAAAA; }
	.section-4 .price span { font-size: 20px; vertical-align: top; line-height: 106px; }
.section-4 li .intro { width: 100%; height: 58px; display: block; font-size: 16px; color: #484848; line-height: 48px; }
.section-4 .bottom { display: block; text-align: center; color: #fff; font-size: 18px; height: 42px; line-height: 42px; cursor: pointer; }
.section-4 dl { margin: 32px 0 0 0; }
.section-4 dt { color: #696969; padding: 0 0 0 18px; font-size: 16px; font-weight: bold; margin: 0 0 16px 0; }
.section-4 dd { padding: 0 0 0 18px; margin: 0; color: #959595; background: url(../images/comadmin5/icon_mark.png) no-repeat 0 8px; font-size: 14px; line-height: 24px; }

/*section-6*/
.section-6 ul { *width: 100%; *padding: 0; *margin: 0; }
.section-6 li { float: left; width: 50%; *width: 460px; position: relative; text-align: center; margin: 0 0 30px 0; *margin-right: 12px; }
	.section-6 li .icon-zoom { display: none; width: 34px; height: 34px; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -17px; background: url(../Images/comadmin5/zoom.jpg) no-repeat 0 0; cursor: pointer; z-index: 2; }
	.section-6 li div { display: none; height: 100%; width: 100%; top: 0; left: 0; position: absolute; opacity: 0.5; background: #fff; filter: alpha(opacity=50); }
	.section-6 li:hover .icon-zoom, .section-6 li:hover div { display: block; }


/*comment*/
.comment-container { background: #ececec; padding: 30px 0 80px 0; margin-top: -10px; }
	.comment-container h4 { font-size: 42px; text-align: center; margin: 0; font-weight: normal; line-height: 160px; }
	.comment-container ul { margin: 0 -28px 0 0; *width: 100%; *padding: 0; }
	.comment-container li { float: left; width: 230px; margin: 0 28px 30px 0; *margin-right: 20px; padding: 0 35px 18px 35px; background: #fff; position: relative; }
		.comment-container li div { }
		.comment-container li p { height: 200px; font-size: 14px; line-height: 25px; overflow: hidden; margin: 25px 0 30px 0; }
		.comment-container li img { float: left; margin: 0 8px 0 0; height: 36px; width: 36px; }
		.comment-container li span, .comment-container li strong { display: block; width: 186px; overflow: hidden; float: left; text-overflow: ellipsis; white-space: nowrap; }
		.comment-container li strong { color: #D93335; }
		.comment-container li .sup { position: absolute; top: 24px; left: 13px; width: 15px; height: 12px; background: url(../images/comadmin5/sup.png) no-repeat 0 0; }
		.comment-container li .sub { position: absolute; top: 195px; right: 21px; width: 15px; height: 12px; background: url(../images/comadmin5/sub.png) no-repeat 0 0; }

/*register*/
.register-container { background: #93b0c9; color: #fff; padding: 20px 0 60px 0; }
	.register-container h2 { margin: 0 0 30px 0; font-size: 42px; text-align: center; font-weight: normal; line-height: 120px; }
	.register-container h6 { margin: 18px 0; font-size: 14px; }
	.register-container .info-con { width: 570px; float: left; text-align: center; font-size: 14px; }
	.register-container .form-con { width: 300px; float: right; }
		.register-container .form-con input { width: 280px; padding: 10px 6px; border: none; margin-bottom: 16px; border-radius: 5px; }
		.register-container .form-con .btn-register { width: 292px; background: #16b219; text-align: center; color: #fff; display: block; height: 44px; line-height: 44px; font-size: 18px; border-radius: 5px; }
			.register-container .form-con .btn-register:hover { text-decoration: none; background: #32bf35; }
		.register-container .form-con .btn-login { width: 292px; background: #6B8DA9; text-align: center; color: #fff; display: block; height: 44px; line-height: 44px; font-size: 18px; border-radius: 5px; }
		.register-container .form-con i.split { display: block; background: #B3C8DB; width: 292px; height: 1px; margin: 24px 0 22px 0; }
		.register-container .form-con p { font-size: 14px; }
			.register-container .form-con p a { color: #3a5c7a; margin: 0 4px; }
			.register-container .form-con p img { vertical-align: middle; margin: 0 0 0 4px; }
	.register-container .icon-arrow { position: absolute; width: 66px; height: 66px; top: 64px; right: 143px; background: url(../images/comadmin5/register_arrow.png) no-repeat 0 0; }

/*page bottom*/
.page-bottom { background: #373737; color: #fff; padding: 55px 0 12px 0; }
	.page-bottom dl { float: left; margin: 0 116px 0 0; }
		.page-bottom dl a { color: #aaa; }
			.page-bottom dl a:hover { color: #fff; }
	.page-bottom dt { margin: 0 0 30px 0; }
	.page-bottom dd { margin: 0 0 12px 0; }
	.page-bottom address { float: left; font-size: 18px; font-style: normal; }
		.page-bottom address span { display: block; font-size: 12px; margin: 14px 0 0 0; }
		.page-bottom address a {color:#fff;}


/*导航栏*/
.navbar-pills { width: 486px; margin: 40px auto 64px auto; padding: 0 0 0 10px; background: url(../images/comadmin5/nav_bg.png) no-repeat 0 0; }
	.navbar-pills li { display: inline-block; *display: inline; *zoom: 1; width: 175px; height: 38px; line-height: 38px; cursor: pointer; text-align: center; }
		.navbar-pills li.first { width: 126px; }
		.navbar-pills li.last { width: 162px; }
		.navbar-pills li.active { color: #D7251B; }
	.navbar-pills.pills-1 { background-position: 0 0; }
	.navbar-pills.pills-2 { background-position: 0 -45px; }
	.navbar-pills.pills-3 { background-position: 0 -90px; }
	.navbar-pills.pills-4 { width: 314px; background-position: 0 -136px; }
	.navbar-pills.pills-5 { width: 314px; background-position: 0 -182px; }

/*导航控制的滚动栏目*/
.carousel-list > .item { display: none; }
	.carousel-list > .item.active { display: block; }

/*滚动*/
.section-2 .carousel-indicators { top: 348px; right: 215px; }
.carousel-control { display: none; }
#carousel-s3-1-c { position: absolute; top: 50%; *top: 231px; *width: 441px; left: 50%; margin: -185px 0 0 -218px; }
	#carousel-s3-1-c .carousel-indicators { bottom: -160px; top: auto; right: 132px; }
#carousel-s3-2-c .carousel-indicators { top: auto; bottom: 30px; right: auto; left: 210px; }
#carousel-s3-3-c .carousel-indicators { top: auto; bottom: 10px; right: auto; left: 150px; }

.carousel { position: relative; margin-bottom: 20px; line-height: 1; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
	.carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
		.carousel-inner > .item > img,
		.carousel-inner > .item > a > img { display: block; line-height: 1; }
	.carousel-inner > .active,
	.carousel-inner > .next,
	.carousel-inner > .prev { display: block; }
	.carousel-inner > .active { left: 0; }
	.carousel-inner > .next,
	.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
	.carousel-inner > .next { left: 100%; }
	.carousel-inner > .prev { left: -100%; }
		.carousel-inner > .next.left,
		.carousel-inner > .prev.right { left: 0; }
	.carousel-inner > .active.left { left: -100%; }
	.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); }
	.carousel-control.right { right: 15px; left: auto; }
	.carousel-control:hover,
	.carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; }
	.carousel-indicators li { display: block; float: left; width: 13px; height: 13px; margin-left: 14px; text-indent: -999px; background: url(../images/comadmin5/dot1.png) no-repeat 0 0; cursor: pointer; }
	.carousel-indicators .active { background: url(../images/comadmin5/dot2.png) no-repeat 0 0; }
.carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); }
	.carousel-caption h4,
	.carousel-caption p { line-height: 20px; color: #ffffff; }
	.carousel-caption h4 { margin: 0 0 5px; }

	.carousel-caption p { margin-bottom: 0; }



/*易展荣誉 yi-z.com直接套用过来*/
.slider_index_bottom { height: 430px; *height: 455px; _height: 455px; }
	.slider_index_bottom .sit_thumb { width: 986px; margin: 30px 0 0 0; }
	.slider_index_bottom .list { position: absolute; z-index: 10; left: 0; }
		.slider_index_bottom .list .content { background: rgb(255, 255, 255); padding: 10px 9px 6px; border: 1px solid rgb(204, 204, 204); position: absolute; box-shadow: 0px 1px 3px rgba(0,0,0,0.25); }
		.slider_index_bottom .list .abs_C { left: 245px; top: 0px; z-index: 13; }
			.slider_index_bottom .list .abs_C .board_pic { width: 100%; overflow: hidden; display: block; }
				.slider_index_bottom .list .abs_C .board_pic a { width: 100%; overflow: hidden; display: block; }
				.slider_index_bottom .list .abs_C .board_pic .pic { width: 100%; overflow: hidden; display: block; border: 0; }
				.slider_index_bottom .list .abs_C .board_pic a:hover { opacity: 0.9; }
			.slider_index_bottom .list .abs_C .board_name { padding: 8px 0 6px; margin: 0; font-size: 16px; white-space: nowrap; text-align: left; color: #333; display: block; }

				.slider_index_bottom .list .abs_C .board_name em { font-weight: 400; font-style: normal; }
				.slider_index_bottom .list .abs_C .board_name a { overflow: hidden; margin-left: -6px; display: block; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }
			.slider_index_bottom .list .abs_C .board_owner { padding: 0px 0px 3px; color: rgb(128, 128, 128); line-height: 14px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }
			.slider_index_bottom .list .abs_C .board_fans { color: rgb(128, 128, 128); line-height: 14px; }
	.slider_index_bottom .sit_thumb { position: relative; }
		.slider_index_bottom .sit_thumb .slider_btn { width: 42px; height: 62px; display: block; position: absolute; cursor: pointer; }
		.slider_index_bottom .sit_thumb .lt_btn { left: 0px; top: 174px; z-index: 31; background: url(//s.yizimg.com//skins/SB4698Skin/Images/intro/slider_btn1.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="//s.yizimg.com//skins/SB4698Skin/Images/intro/slider_btn1.png"); }
		.slider_index_bottom .sit_thumb .rt_btn { top: 174px; right: 0px; z-index: 31; background: url(//s.yizimg.com//skins/SB4698Skin/Images/intro/slider_btn2.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="//s.yizimg.com//skins/SB4698Skin/Images/intro/slider_btn2.png"); }


/*购买框*/
.dialog { background: none repeat scroll 0 0 #FFFFFF; border-top: 7px solid #4096ED; box-shadow: 0 0 12px #B5B5B5; left: 50%; position: fixed; top: 50%; z-index: 10; }
.dialog-close { background: none repeat scroll 0 0 #EF5C6F; color: #FFFFFF; font-size: 14px; height: 25px; line-height: 25px; position: absolute; right: -40px; text-align: center; text-decoration: none; top: 0; width: 40px; }
	.dialog-close:hover { background: none repeat scroll 0 0 #62ABF9; }
.dialog input { border: 1px solid #D2D2D2; border-radius: 3px 3px 3px 3px; margin: 0 0 12px; padding: 8px 4px; width: 208px; }
.dialog-main { padding: 24px 0 0; }
	.dialog-main h3 { font-size: 28px; font-weight: normal; margin: 0; text-align: center; }
.dialog h4 { font-size: 16px; font-weight: normal; margin: 16px 0 30px; text-align: center; }
.dialog .btn-confirm { background: none repeat scroll 0 0 #4096ED; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: block; height: 36px; line-height: 36px; margin: 0 auto; text-align: center; text-decoration: none; width: 216px; }
	.dialog .btn-confirm:hover { background: none repeat scroll 0 0 #62ABF9; }
.dialog-buy { width: 558px; padding-bottom: 10px; }
	.dialog-buy div { display: inline-block; text-align: center; vertical-align: top; width: 49%; }
		.dialog-buy div.column { border-left: 1px solid #E5E5E5; }
			.dialog-buy div.column > p { color: #A0A0A0; font-size: 14px; line-height: 20px; padding: 0 30px; text-align: left; }
	.dialog-buy > p { font-size: 14px; text-align: center; }
.dialog-more { padding: 0 50px; text-align: left; width: 228px; }
	.dialog-more > p { color: #A0A0A0; font-size: 0.8em; line-height: 1.6em; }
	.dialog-more h5 { color: #A0A0A0; font-weight: normal; margin: 26px 0 14px; text-align: left; }
	.dialog-more .btn-confirm { margin: 0; }
.dialog-suc { padding: 0 18px 12px 0; text-align: center; width: 360px; background: #FFF; height: 80px; margin: 0 auto; }
.mask { z-index: 9; background: #fff; opacity: 0.4; filter: alpha(opacity=40); width: 100%; position: fixed; top: 0; left: 0; }

.qq-img { position: relative; top: 6px; left: 8px; }
