html,body,div,p,span,a,strong,form,table,th,td,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,iframe,object,pre,img,b,i{border: 0 none; margin: 0; outline: 0 none; padding: 0;}
ul,ol,li{ list-style: none;}
table{border-spacing: 0;}
fieldset,img { border: 0 none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
body, table, input, textarea, button, select {font-family: "\5FAE\8F6F\96C5\9ED1"; font-size: 12px; color: #666;}

html{background: #fff; overflow-y: scroll;}
.clr{ clear: both; height: 0; font-size: 0;}
a{ text-decoration: none; color: #666;}
.hot-link{ color: #047ecb; text-decoration: underline;}
.blue{ color: #008eff!important;}
.green{}

.header{ width: 100%; height: 80px; overflow: hidden; background: url(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 #047ecb;}
	
	.weibo{ float: left; margin-top: 30px; border-left: 1px solid #a0a0a0; padding-left: 30px; height: 22px; overflow: hidden;}
	.icons-weibo-tx,.icons-weibo-sina{ background: url(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;}

.footer{ background: #dfe2e6 url(f-bg.png) repeat-x; width: 100%; min-width: 980px; height: 100px; padding-top: 45px; text-align: center; line-height: 22px;}

.product-detail{ float: left; width: 620px;}

.c-tit{ border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; height: 23px; line-height: 23px;}
	.c-tit h2{ float: left;}
	.c-tit .more{ float: right;}
	
.detail-list{ overflow: hidden; zoom: 1; font-size: 14px;}
.detail-list li{ float: left; width: 50%; margin-top: 45px; 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: 316px;}

.titles{ background: url(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(icon-p-detail.png) no-repeat; width: 62px; height: 62px; float: left; margin-right: 30px;}
.icon-wsbf{ background-position: 0 0; margin-top: 10px;}
.icon-aqbz{ background-position: -62px 0; margin-top: 5px;}
.icon-ldfw{ background-position: -124px 0; margin-top: 12px;}
.icon-bjgl{ background-position: -186px 0; width: 64px;}

.question-list{ overflow: hidden; zoom: 1; font-size: 14px; color: #008eff; margin-top: 45px;}
.question-list li{ float: left; width: 100%; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 8px;}
.question-list a{ color: #008eff;}
.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: 0px; top: 48px; width:610px; 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: 775px; top: 287px;}

.btn-focus{ width: 190px; height: 50px; display: inline-block; margin-right: 10px; background: url(btn-focus.png) no-repeat;} 
.btn-focus-down{ background-position: 0 0;}
.btn-ai{  width: 190px; height: 50px; display: inline-block; margin-right: 10px; background: url(btn-ai.png) no-repeat;}
.btn-manage{ background-position: 0 -50px;}


.focus-links{ position: absolute; top: 468px; left:778px;}
.icon-links{ width: 65px; height: 65px; float: left; background: url(icon-links.png) no-repeat; margin-right: 10px;}
.link-ios{ background-position: 0 0;}
.link-ios:hover{ background-position: 0 -65px;}
.link-android{ background-position: -65px 0;}
.link-android:hover{ background-position: -65px -65px;}
.link-symbian{ background-position: -130px 0;}
.link-symbian:hover{ background-position: -130px -65px;}
.link-wp{ background-position: -195px 0;}
.link-wp:hover{ background-position: -195px -65px;}
.link-java{ background-position: -260px 0;}
.link-java:hover{ background-position: -260px -65px;}

.focus-page-btn{ width: 66px; height: 66px; background: url(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(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: #008eff;}
.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(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(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(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;}
	.tit-guide .guide{ float: left; padding: 0 10px;}
	.tit-guide a:hover{ color: #008eff;}
	.tabs-split{float: left;}
.down-info-tit-list{ float: left;}
.down-info-tit-list li{ float: left; padding: 0 50px;}

.down-info-tit-list .current a{ color: #008eff;}

.logos-down-detail{ background: url(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: #047ecb; 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: #047ecb; margin-bottom: 30px; font-weight: normal;}

.down-detail-item{}
.down-detail-item .btn-area{ float: left; padding: 0 80px; width: 180px;}
.down-detail-item .er-code{ float: left; padding-right: 80px; text-align: center;color: #047ecb; line-height: 24px;}
.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;}
.tit-line,.q-list li,.q-list a{ background: url(icons-q.png) no-repeat;}
.tit-line{ background-position: 0 bottom; line-height: 50px; font-size: 24px; color: #047ecb; height: 50px; margin-bottom: 40px;}

.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: #008eff;}

.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(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(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; }

/*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(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;}
.ercode-bar{ padding: 10px 0; text-align: center; color: #047ecb; 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{}