@charset "gb2312";
/* CSS Document */


h1, h2, h3, h4, h5, h6 {font-size: 100%;}
body, input, textarea, button, select {font-family:"Î¢ÈíÑÅºÚ"; font-size: 12px; color: #666;}



.side{ width: 285px; float: left; overflow: hidden; zoom: 1; padding: 40px 0; }

.content{ width: 640px; float: right; overflow: hidden;zoom: 1; padding: 40px 0;}
#q-list li{ background: url(/images/xin-index/icons-q.png) no-repeat; }
.tit-line{ background: url(/images/xin-index/greenLine.png) 0 bottom no-repeat; line-height: 50px; font-size: 24px; color: #06a54e; height: 50px; margin-bottom: 40px;}

#q-list{ overflow: hidden; zoom: 1; font-size: 16px;}
#q-list li{ float: left; width: 100%; height:auto; line-height: 38px; background-position: -600px 0; overflow: hidden;}
#q-list-2 a{ background: url(/images/xin-index/icons-q-2.png) no-repeat;}
ul#q-list-2{ float: left; width: 90%; padding-left:10%; height:auto; line-height: 38px; background-position: -600px 0; overflow: hidden;}
ul#q-list-2 li{ float: left; width: 100%; height:auto; line-height: 38px; background-position: -600px 0; overflow: hidden;}



#q-list a{ background: url(/images/xin-index/icons-q-bg.png) 0 bottom  no-repeat; margin-left: 20px; height:auto;display: inline-block; padding-bottom: 6px; line-height:38px;}

#q-list .current{ background-position: -300px 0;}
#q-list .current a{color: #06a54e;}




.content-box{ line-height:26px !important; font-size:14px;}
.content-box p img{ padding:8px;}

.zx h1{ font-size:22px; padding-top:10px; padding-bottom:10px; line-height:30px;}






















.hotcar {
	clear:both;
	
	margin-bottom:8px;
	background-color:#ffffff;
}
.hotdog_top {
	height:36px;
	line-height:36px;
	clear:both;
	position:relative;
	z-index:1000;
}
.hotdog_top_line {
	position:absolute;
	top:37px;
	left:0;
	height:1px;
	width:349px;
	line-height:1px;
	border-bottom:solid 1px #06a54e;
	z-index:9;
}
.hot_ul {
	height:36px;
	padding-top:3px;
	padding-left:8px;
	position:relative;
	z-index:10;
	float:left;
}
.hot_ul li {
	width:75px;
	height:34px;
	line-height:34px;
	float:left;
	margin-right:8px;
	background-color:#ffffff;
}
.hot_ul li a{ text-decoration:none;}
.hot_ul li span {
	display:block;
	height:34px;
	line-height:34px;
	border:solid 1px #06a54e;
	
	color:#3e3e3e;
	text-align:center;
	font-size:14px;
	cursor:pointer;
}
.hot_ul li.curt span {
	background-color:#ffffff;
	height:34px;
	border-top:solid 2px #06a54e;
	border-bottom:none;
	color:#0cb233;
	font-weight:bold;
}
.hot_search {
	float:left;
	height:27px;
	position:absolute;
	overflow:hidden;
	left:410px;
	top:3px;
}
.hot_stext {
	width:153px;
	height:20px;
	line-height:20px;
	padding:0 5px;
	float:left;
	border-left:solid 1px #7b7b7b;
	border-top:solid 1px #7b7b7b;
	border-bottom:solid 1px #b6b6b6;
	border-right:solid 1px #b6b6b6;
	background-color:#ffffff;
}
.hot_button {
	width:58px;
	height:24px;
	float:left;
	margin-left:5px;
	cursor:pointer;
	position:relative;
	top:-1px;
}


#q-list1,#q-list2,#q-list3,#q-list4{ overflow: hidden; zoom: 1; font-size: 16px; padding-bottom:5px;  padding-left:5px; margin-top:20px;}
#q-list1 li,#q-list2 li,#q-list3 li,#q-list4 li{ float: left; width: 100%; height: 38px; line-height: 38px; background:url(../images/xin-index/icons-q-tab.png) no-repeat; background-position: -631px 0; overflow: hidden;}

#q-list1 a,#q-list2 a,#q-list3 a,#q-list4 a{ background:url(../images/xin-index/icons-q-tab.png) 0 -24px no-repeat;  margin-left: 20px; height: 38px; display: inline-block;}

#q-list1 .current,#q-list2 .current,#q-list3 .current,#q-list4 .current{ background:url(../images/xin-index/icons-q-tab.png) -282px 0  no-repeat;}
#q-list1 .current a,#q-list2 .current a,#q-list3 .current a,#q-list4 .current a{color: #06a54e; background:url(../images/xin-index/icons-q-tab.png) 0 -342px no-repeat;}

.side-tab{ width:350px; float:left; padding: 50px 0 0 0;}
.content-tab{ width: 600px; float: right; overflow: hidden;zoom: 1; padding: 40px 0;}
.hotdog_con{ margin-top:40px;}

.zhengshu{ margin-top:20px; overflow:hidden; padding-bottom:80px;}
.zhengshu-title{ font-family:"Î¢ÈíÑÅºÚ"; font-size:18px; text-align:center; font-weight:bold; margin:80px 0 40px 0;}
.zhengshu-title span{ color:#0cb233;}










.header{ width: 100%; height: 80px; overflow: hidden; background: url(/images/xin-index/h-bg.png) repeat-x; min-width: 980px;}
.h-b{ width: 980px; margin: auto; height: 100%;}

	.logo{ float: left; margin-right: 90px;}
	.menu{ float: left; font-size: 16px; margin-top: 30px;}
	.menu a{ float: left; padding: 0 15px; color: #000; margin: 0 15px; height: 47px; }
	.menu .current{ border-bottom: 3px solid #049c5e;}
	
	.weibo{ float:right; height: 22px; overflow: hidden;}
	.icons-weibo-tx,.icons-weibo-sina{ background: url(/images/xin-index/icons-weibo.png) no-repeat; height: 22px; display: inline-block; width: 18px;}
	.icons-weibo-sina{ background-position: -18px 0; width: 26px; margin-left: 20px;}
	

.wrapper{ width: 980px; margin: auto; min-height: 450px; _height: 450px;}


.product-detail{ float: left; width: 600px;}

.c-tit{ border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; height: 23px; line-height: 23px;}
	.c-tit h2{ float: left; font-size:26px;}
	.c-tit .more{ float: right;}
	
.detail-list{ overflow: hidden; zoom: 1; font-size: 14px;}
.detail-list li{ float: left; width: 50%; margin-top: 25px; height: 100px; overflow: hidden;}
.detail-list h3{ font-size: 16px; float: left; margin-bottom: 5px;}
.detail-list .info{ width: 180px; float: left; line-height: 20px;}

.product-question{ float: right; width: 336px;}

.titles{ background: url(/images/xin-index/tits.png) no-repeat; height: 23px; text-indent: -9000px;}
.tit-detail{ background-position: 0 0; width: 125px;}
.tit-question{ background-position: 0 -23px; width: 125px;}
.tit-select-by-type{ background-position: 0 -69px; width: 205px;}
.tit-code{ background-position: 0 -46px; width: 205px;}
.tit-app-store{ background-position: 0 -115px; width: 255px;}
.tit-yueyu{ background-position: 0 -138px; width: 255px;}
.tit-gnjj{ background-position: 0 -92px; width: 125px;}

.p-icon{ background: url(/images/xin-index/icon-p-detail.png) no-repeat; width: 45px; height: 62px; float: left; margin-right: 30px;}
.icon-wsbf{ background-position: 0 0; margin-top: 10px;}
.icon-aqbz{ background-position: -50px 0; margin-top: 5px;}
.icon-ldfw{ background-position: -100px 0; margin-top: 12px;}
.icon-bjgl{ background-position: -150px 0;}
.icon-ckupx{ background-position: -200px 0;}
.icon-ckugc{ background-position: -250px 0;}
.question-list{ overflow: hidden; zoom: 1; font-size: 14px; margin-top: 45px;}
.question-list li{ float: left; width: 100%; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 8px; list-style:inside;}
.question-list a{ color: #049c5e;}
.question-list a:hover{ text-decoration: underline;}


.qq-q{ margin-top: 40px; border-top: 1px solid #d2d2d2; padding: 25px 0; font-size: 14px;}
.qq-q label{ font-size: 16px; font-weight: bold;}
.qq-q span{ margin-right: 20px;}

/*focus*/
.focus{ width: 100%; min-width: 980px; height: 588px; overflow: hidden; position: relative; border-top: 1px solid #959595;}
.f-img-list{ height: 480px; overflow: hidden; position: absolute;left: 0; top: 0; z-index: 100; width: 100%;}
.f-img-list li{height: 480px; text-align: center; width: 100%; position: absolute; left: 0; top: 0; z-index: 101; background: url(#) center no-repeat; }
.f-img-list li.on{ z-index: 105;}
.focus .f-b{ width: 980px; margin: auto; position: relative; z-index: 110;}

.d-img-list{position: absolute; left: 85px; top: 88px; width: 360px; height: 500px;}
.d-img-list li{ position: absolute; left: 0; top: 0; z-index: 112; display: none;}
.d-img-list li.on{ z-index: 113; display: block;}
.focus-btns{ position: absolute; left: 455px; top: 327px;}

.btn-focus{ width: 190px; height: 50px; display: inline-block; margin-right: 10px; background: url(/images/xin-index/btn-focus.png) no-repeat;} 
.btn-focus-down{ background-position: 0 0;}
.btn-manage{ background-position: 0 -50px;}


.focus-links{ position: absolute; top: 450px; left: 600px;}
.icon-links{ width: 65px; height: 65px; float: left; background: url(/images/xin-index/icon-links.png) no-repeat; margin-right: 10px; text-align:center; font-size:18px; }

.link-ios{ background-position: 0 0; line-height:60px;}
.link-ios:hover{ background-position: 0 -65px; line-height:60px; color:#FFF}
.link-android{ background-position: -65px 0; line-height:60px;}
.link-android:hover{ background-position: -65px -65px; line-height:60px; color:#FFF}
.link-symbian{ background-position: -130px 0; line-height:60px;}
.link-symbian:hover{ background-position: -130px -65px; line-height:60px; color:#FFF}
.link-wp{ background-position: -195px 0; line-height:60px;}
.link-wp:hover{ background-position: -195px -65px; line-height:60px; color:#FFF}
.link-java{ background-position: -260px 0; line-height:60px;}
.link-java:hover{ background-position: -260px -65px; line-height:60px; color:#FFF}

.focus-page-btn{ width: 66px; height: 66px; background: url(/images/xin-index/focus-page-btns.png) no-repeat; position: absolute; top: 212px;}
.focus-btn-prev{ background-position: 0 0; left: 0; }
.focus-btn-next{ background-position: -66px 0; right: 0;}


.tabs,.tabs-split,.down-info-tit-list .current{ background: url(/images/xin-index/tabs-bg.png) no-repeat; height: 51px;}
.tabs{ background-repeat: repeat-x; background-position: 0 -51px; width: 100%;}
.tabs-innerbox{ width: 980px; margin: auto; line-height: 50px;font-size: 18px; height: 100%; color: #3b4d71;}
.tabs-innerbox a{ color: #3b4d71;}
.tabs-innerbox a:hover{ color: #049c5e;}
.tabs-split{ background-position: 0 0; width: 20px;}
.down-info-tit-list .current{ background-position: bottom center;}

.down-type-list{ overflow: hidden; zoom: 1; padding: 43px 0 86px;}
.down-type-list li{ float: left; width: 160px; text-align: center; margin-right: 45px;}
.down-type-list li.last{ margin-right: 0;}

.logos-down{ background: url(/images/xin-index/logos-down.png) no-repeat; display: inline-block; height: 83px; width: 107px;}
	.l-d-ios{ background-position: 0 0;}
	.l-d-android{ background-position: 0 -83px;}
	.l-d-symbian{ background-position: 0 -166px;}
	.l-d-wp{ background-position: 0 -249px;}
	.l-d-java{ background-position: 0 -332px;}

.btns-down{ background: url(/images/xin-index/btns-down.png) no-repeat; display: block; width: 160px; height: 50px; margin: 28px auto 0;}
	.b-d-ios{ background-position: 0 0;}
	.b-d-android{ background-position: 0 -50px;}
	.b-d-symbian{ background-position: 0 -100px;}
	.b-d-wp{ background-position: 0 -150px;}
	.b-d-java{ background-position: 0 -200px;}
	.b-d-normal{ background-position: 0 -250px;}
	.b-d-a{ background-position: 0 -300px;}
	.b-d-y{ background-position: 0 -350px;}
	.b-d-s-j{ background-position: 0 -400px;}
	.b-d-s-c{ background-position: 0 -450px;}
	.b-d-gj{ background-position: 0 -500px;}
	.b-d-tyazb{ background-position: 0 -550px;}
	
	.b-d-symbian .kb,.b-d-symbian .ts{ width: 50%; float: left; height: 100%;}

.c-box{ overflow: hidden; zoom: 1; padding: 65px 0;}
.left-img-box{ float: left; width: 250px; text-align: center; padding-right: 50px; }
.right-info-box{ float: left;}
.sa-item{ height: 50px; margin-bottom: 40px; line-height: 50px; color: #000144;}
.sa-item label{ font-weight: bold; font-size: 16px; float: left; margin-right: 35px;}
.sa-item span{ float: left; font-size: 14px; color: #183245;width: 337px; height: 57px;}
.sa-item .select{ background: url(/images/xin-index/select-bg.png) no-repeat; padding-left: 30px;}
.sa-item .b-d-normal{ margin: 0; display: none;}
.down-select{ display: none; border: 1px solid #dedfe1; border-top: none; width: 365px; overflow-y: scroll; position: absolute; background: #fff; font-size: 14px; _height: 350px; max-height: 350px;}
.down-select li{ width: 173px;; border-bottom: 1px solid #dedfe1; height: 50px; float: left; line-height: 50px; overflow: hidden; }
.down-select a{ display: block; padding-left: 20px;}
.down-select a:hover{ background: #dedfe1;}
.down-select .odd{ border-right: 1px solid #dedfe1;}
.down-select .s-tips{ border: none; padding-left: 30px;}
.code-note{ font-size: 16px; color: #000; line-height: 30px; padding-top: 15px;}

/**/
.tit-guide{ float: left; padding-left: 5px; font-size:18px;}
	.tit-guide .guide{ float: left; padding: 0 10px; line-height:50px;}
	.tit-guide .guide a{ font-size:18px;}
	.tit-guide a:hover{ color: #049c5e;}
	.tabs-split{float: left; font-size:18px;}
.down-info-tit-list{ float: left;}
.down-info-tit-list li{ float: left; padding: 0 25px;}

.down-info-tit-list .current a{ color: #049c5e; font-size:18px;}

.logos-down-detail{ background: url(/images/xin-index/logos-down-detail.png) no-repeat; width: 84px; height: 84px; display: inline-block;}
	.l-d-d-a{ background-position: 0 0;}
	.l-d-d-y{ background-position: 0 -84px;}

.down-detail-col{ float: left; width: 50%; text-align: center;}
	.btn-area{ padding-bottom: 50px; color: #049c5e; text-align: center; font-size: 14px;}
	.btn-area .btns-down{ margin-bottom: 10px;}
		.down-other{ padding: 10px 0; color: #8fc31f; text-decoration: underline; display: block;}
	.version-info{ width: 310px; margin: auto; text-align: left; font-size: 14px; line-height: 30px; color: #000;}
	.version-info h2{ font-size: 24px; color: #049c5e; margin-bottom: 30px; font-weight: normal;}

.down-detail-item{}
.down-detail-item .btn-area{ float: left; padding: 0 80px; width: 180px;}
.down-detail-item .version-info{ float: left;}

.side{ width: 285px; float: left; overflow: hidden; zoom: 1; padding: 40px 0; }

.content{ width: 640px; float: right; overflow: hidden;zoom: 1; padding: 40px 0;}
.q-list li,.q-list a{ background: url(/images/xin-index/icons-q.png) no-repeat;}

.q-list{ overflow: hidden; zoom: 1; font-size: 16px;}
.q-list li{ float: left; width: 100%; height: 66px; line-height: 50px; background-position: -600px 0; overflow: hidden;}

.q-list a{ background-position: 0 0; margin-left: 20px; display: inline-block; height: 50px; padding-bottom: 16px;}
.q-list .current{ background-position: -300px 0;}
.q-list .current a{color: #049c5e;}

.content-box{ font-size: 14px; line-height: 24px;}

.log{ position: relative; margin: 50px; padding-top: 50px;}
.log .line{ position: absolute; left: 105px; top: 0; height: 100%; width: 1px; font-size: 0; overflow: hidden; background: #cbcbcb; z-index: 100;}
.line .t-l,.line .b-l{ position: absolute; left: 0; width: 1px; font-size: 0; overflow: hidden; background: url(/images/xin-index/tt-line.png) no-repeat; height: 35px;}
.line .t-l{ top: 0;}
.line .b-l{ background-position: -1px 0; bottom: 0}

.f-item{ overflow: hidden; zoom: 1; padding-bottom: 50px; z-index: 101; position: relative;font-size: 14px;}
.f-item .date{ float: left; color: #959595; background: url(/images/xin-index/list-img1.png) right center no-repeat; width: 85px; padding-right: 24px; margin-right: 40px; height: 22px; line-height: 22px;}
.f-item .f-detail{ float: left; width: 636px;}
.f-detail .tit{ font-size: 18px; margin-bottom: 10px; height: 22px; line-height: 22px; color: #000;}
.f-detail .tit .hot-link{ margin-left: 20px; font-size: 14px;}
.f-detail p{ color: #959595; margin-bottom: 5px; line-height: 22px; font-size:18px;}

/*dialog*/
.mask{ position: absolute; left: 0; top: 0; background: #000; width: 100%;height: 100%; opacity: .5; filter:Alpha(Opacity=50); z-index: 1000; display: none;}
.dialog{ position: absolute; left: 100px; top: 100px; background: #fff; color: #6d6d6d; width: 600px; padding: 10px 20px 20px; z-index: 1001;border-radius: 5px; box-shadow: 0 5px 30px #666; font-size: 14px; display: none;}
.dialog .tit{ padding: 5px 0; overflow: hidden; height: 29px; line-height: 29px;}
.dialog h3{ float: left; color: #074e81; padding-left: 10px; font-size: 15px;}
.dialog .close{ float: right; background: url(/images/xin-index/close.png) no-repeat; width: 30px; height: 29px;}
.dialog .close:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}

.dialog-cnt{ padding: 0 10px;}
.dialog-cnt .cnt-tit{ margin-bottom: 15px; font-size: 12px;}
.dialog-cnt .cnt-tit b{ color: #074e81; font-size: 14px;}
.dialog-cnt p{ line-height: 24px;}
.dialog-cnt .d-line{ font-size: 0; height: 0; border-bottom: 3px dashed #d9d9d9; margin: 25px 0; clear: both;}
.dialog-cnt .btn-bar{ padding: 5px 0; text-align: center;}
	.btn-bar .btns-down{ margin-top: 0;}
.dialog-cnt .d-tips{ border: 1px solid #fddeaa; background: #f7f6da; color: #5b5b5b; padding: 5px 10px; margin-bottom: 20px; line-height: 24px;}

.d-step{ overflow: hidden; zoom: 1;}
.d-step .step{ margin-bottom: 10px; overflow: hidden; zoom: 1;}
.d-step .step .num{ font-size: 36px; font-family: arial; color: #333; width: 35px; float: left; overflow: hidden;}
.d-step .step .step-tit{ width: 540px; margin-top: 10px;  float: left; color: #666; font-size: 16px;}

.tb-i-d{ font-size: 14px; width: 100%;}
.tb-i-d td{ padding: 10px; vertical-align: top;}

.tb-i-d .app-name{ display: block; width: 84px; text-align: center;}

.d-select-box{ overflow: hidden; zoom: 1; padding: 15px 0;}
.d-select-area{ float: left; width: 240px; padding-right: 20px;}
.d-select-area .select-brand{ margin-bottom: 20px;}
.d-select-area select{ width: 230px; margin-top: 5px;}

.phone-brand,.phone-model{ float: left; width: 123px; height: 123px; border: 1px solid #cecece; margin-left: 12px; text-align: center;}
.phone-brand img,.phone-model img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.phone-brand i,.phone-model i{ display: inline-block; vertical-align: middle; height: 100%;}

.select-result{ padding: 20px 0; text-align: center; border: 1px solid #ccc;}
.no-select{ color: #074e81; font-size: 14px; line-height: 26px; font-weight: bold;}

.is-select{ display: none;}
.is-select b{ color: #074e81;}
.select-result .btn-bar,.normal-app-down .btn-bar{ padding: 25px 0 0;}

.normal-app-down h4{color: #074e81; font-size: 14px; line-height: 26px; font-weight: bold;}
.normal-app-down p{}