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;font-family: 微软雅黑;}
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; background: url(h-bg.png) repeat-x; min-width: 980px;}
.h-b{ width: 980px; margin: auto; height: 100%;}

	.logo{ float: left; margin-right: 40px;}
	.menu{ float: left; font-size: 16px; margin-top: 30px;}
	.menu a{ float: left; padding: 0 5px; color: #000; margin: 0 5px; height: 47px; display:block; }
	.menu a:hover{ color:#06F; border-bottom: 3px solid #047ecb; }
	.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;}

.nav{ float: left; font-size: 16px; margin-top: 30px;}
	.nav li{ float: left; position:relative;}
	.nav a{ padding: 0 5px; color: #000; margin: 0 5px; height: 47px; display:block; }
	.nav a:hover{ color:#06F; border-bottom: 3px solid #047ecb; }
	.nav .current{ border-bottom: 3px solid #047ecb;}
	.nav dl{ position:absolute; top:47px; z-index:9999;background:#047ecb; display:none;}
	.nav dl a{ color:#fff; height:auto; padding:10px 5px; font-size:}	
	.nav dl a:hover{border-bottom: 0; color:#FF0;}
	.nav dd:hover{ background:#06F;}

#banner_bolang_bg_1 {
    width:997px;
    height:85px;
    background:url(wave1.png) repeat-x;
    _background:url(wave1-ie6.png) repeat-x;
    position:absolute;
    top:411px;
    width:400%;
    left:-236px;
    z-index:999;
    animation:wave1 25s linear .4s infinite normal;
    -moz-animation:wave1 25s linear .4s infinite normal;
    -webkit-animation:wave1 25s linear .4s infinite normal;
    -o-animation:wave1 25s linear .4s infinite normal
}
#banner_bolang_bg_2 {
    width:1009px;
    height:100px;
    background:url(wave2.png) repeat-x;
    _background:0 0;
    position:absolute;
    top:406px;
    width:400%;
    left:0;
    z-index:998;
    animation:wave2 60s linear .4s infinite normal;
    -moz-animation:wave2 60s linear .4s infinite normal;
    -webkit-animation:wave2 60s linear .4s infinite normal;
    -o-animation:wave2 60s linear .4s infinite normal
}
@-webkit-keyframes wave1 {
    from {
        left:-236px
    }
    to {
        left:-1233px
    }
}
@-moz-keyframes wave1 {
    from {
        left:-236px
    }
    to {
        left:-1233px
    }
}
@-o-keyframes wave1 {
    from {
        left:-236px
    }
    to {
        left:-1233px
    }
}
@keyframes wave1 {
    from {
        left:-236px
    }
    to {
        left:-1233px
    }
}
@-webkit-keyframes wave2 {
    from {
        left:0
    }
    to {
        left:-1009px
    }
}
@-moz-keyframes wave2 {
    from {
        left:0
    }
    to {
        left:-1009px
    }
}
@-o-keyframes wave2 {
    from {
        left:0
    }
    to {
        left:-1009px
    }
}
@keyframes wave2 {
    from {
        left:0
    }
    to {
        left:-1009px
    }
}

.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; margin-top:30px;}

.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: 508px; 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;cursor:pointer; }
.f-img-list li.on{ z-index: 105; }
.f-img-list li a{ display:block; width:100%; height:100%; text-indent:-9999px;}
.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(btn-focus.png) no-repeat;} 
.btn-focus-down{ background-position: 0 0;}
.btn-manage{ background-position: 0 -50px;}


.focus-links{ position: absolute; top: 468px; left: 458px;}
.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{}

.ctt,.guest-content{width:980px; margin:auto; clear:both; margin-top:30px;}
.parent-classname{width:201px; height:47px; background:url(sideNavBg.png)}
.parent-classname a{display:block; font-size:16px; font-weight:bold; color:#fff; text-align:center; padding-top:8px;letter-spacing: 3px;}
.ctt .list{ width:201px;}
.show-class-navigation a{ display:block; padding:10px; text-align:center; border-bottom:1px #CCCCCC dotted; font-size:14px;}
.show-class-navigation a:hover{ color:#06F;}
.ctt .ctit{ border-bottom:2px #003966 solid; height:40px;}
.ctt .ctit a{ display:block; font-size:24px; color:#003966; font-weight:bold;}
.ctt .cc{ padding-top:20px; min-height:500px;}
.page{ text-align:center;}

#gbooks {width:740px; min-height:444px;_height:444px; margin:auto;}
	#gbooks_title {width:740px;min-height:54px;_height:54px;}
		#gbooks_title h1 { font-size:12px; line-height:14px; font-weight:bold;}
		#gbooks_title span { color:#bababa; display:block}
		.gbooks_t { width:258px; height:80px; float:left; padding:8px 0px 8px 20px; margin-top:30px;}
		.gbooks_t span{ display:block; }
		.gbooks_t em{ display:block; padding-bottom:4px; font-style:normal}
		.gbooks_t input { width:220px; color:#6b6b6b; padding:3px 2px 2px;}
		.gbooks_m { width:690px; height:130px; float:left; padding:8px 0px 8px 20px; clear:both}
		.gbooks_m span{ display:block; }
		.gbooks_m em{ display:block; padding-bottom:4px; font-style:normal}
		.gbooks_m textarea { width:670px; height:80px; color:#6b6b6b; padding:3px 2px 2px;}
		#gbooks_form_fs {width:690px; height:50px;padding:8px 0px 8px 20px}
			#gbooks_form_left { float:left; width:400px;}
			#gbooks_form_left img { float:left; display:block;}
			#gbooks_form_left span{ display:inline; line-height:24px}
			#gbooks_form_left em{ margin-left:5px; font-style:normal; line-height:24px}
			#gbooks_form_left input { width:50px; color:#6b6b6b; padding:1px;}
			#gbooks_form_right { float:right;width:135px; height:44px; }
			.gbooks_k { width:690px; height:50px; float:left; padding:8px 0px 8px 20px; clear:both}
		.gbooks_k span{ display:block; color:#cfcfcf }
		.gbooks_k em{ display:block; padding-bottom:4px; font-style:normal}
.bannerpic{width:100%; position: relative; height: 300px; overflow: hidden; margin: 0px auto;}
.bannerpic .pos{position: absolute; width: 100%; padding-top: 0px;}
.bannerpic .pic{width: 1920px; height: 300px; cursor: default; overflow: hidden; display: block; outline: none; margin: 0px auto; position: relative; z-index:1; background-position: 50% 50%; background-repeat: no-repeat;}

.parent-classname{ display:none;}
.show-class-navigation li{ float:left; width:150px; margin-right:50px;}
.show-class-navigation li a{ font-size:20px; display:block; padding:10px; border:1px #CCCCCC solid;}
.show-class-navigation li a:hover,.show-class-navigation li a.current{ background:#1b75e3; color:#fff;}
.datalist{ clear:both; display:none;}
.datalist li{ width:980px; float:left; padding:5px 0; border-bottom:1px #CCCCCC dotted;}
.datalist li:hover{ background:#989898; color:#fff;}
.datalist li:hover a{ color:#fff;}
.datalist span{ display:block; float:left;}
.datalist a{ font-size:14px; }
.datalist .other{ float:right;}
.datalist .property{ padding-right:3px; padding-left:3px;}
.page{ clear:both; padding-top:30px;}
.data-classlist-pic{ width:930px; overflow:hidden; margin:auto;}
.article-main-content{ padding:20px; line-height:150%;}
.data-classlist-pic li{ width:280px; float:left; margin-right:30px;}
.data-classlist-pic .img img{ width:280px; height:150px;}
.data-classlist-pic .title a{ font-size:16px; font-weight:bold;}