@charset "utf-8";

html,body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,blockquote,address,var,pre{margin:0;padding:0;}

body{background-color:white;color:#444;font:14px/1.5 "Microsoft YaHei",Verdana,"Simsun";}

input,select,textarea{font-family: 'Microsoft Yahei',verdana,"Simun";}

h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;}

button,select,textarea,input{vertical-align:middle;color:#444;}

input[type=button],input[type=submit],input[type=reset],input[type=file],button{cursor:pointer;overflow:visible;width:auto;}

button{padding:3px 5px 2px;}

textarea{resize:vertical;}  /* word-wrap for opera, resize for webkit */

a{color:#23a9f6;text-decoration:none;cursor:pointer;}

a:hover{color:#23a9f6; text-decoration:none;}

ul,ol{list-style:none outside none;}

img,fieldset{border:0;}

img{overflow:hidden;vertical-align:top;}

em,address,var{font-style:normal;}

sup,sub{vertical-align:baseline;}

table{border-collapse:collapse;border-spacing:0;}

i{display:inline-block;} /*用于修饰性小图标*/

input::-ms-clear{display:none;} /* 去掉IE10+ 文本框关闭 */

/*html5*/

article,aside,dialog,header,section,footer,nav,figure{margin:0;padding:0;display:block}

/*input IE10以上去除默认的X按钮*/

input::-ms-clear{display: none;}

::-ms-reveal{display: none;}

input{outline:none;}

mark{background:#ff0;} /* 高亮显示 */

.fz_12{font-size:12px;}

.fz_14{font-size:14px;}

.fz_16{font-size:16px;}

.fz_18{font-size:18px;}

/* FontColor */

.c_blue{color:#1294f6;}

.c_green{color:#a9d051;}

.c_gray{color:#999;}

/* FontStyle */

.fw_b{font-weight:bold!important;} /* 粗体 */

.fw_n{font-weight:normal!important;} /* 普通 */

/*font*/

.f_SimSun,.f_st{_font-family:SimSun}

/* TextAlign  */

.ta_l{text-align:left!important;}

.ta_r{text-align:right!important;}

.ta_c{text-align:center!important;}

.ta_j{text-align:justify;text-justify:inter-ideograph;}

/* Show or Hide */

.show{display:block!important;}

.hide{display:none!important;}

.v-hidden{visibility:hidden;}

.v-visible{visibility:visible;}

/*float*/

.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

/* clear float */

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.clearfix{zoom:1;}

.clearAll{overflow:hidden;_zoom:1;}

/* Padding or Margin */

.pl_5{padding-left:5px !important;}.pt_5{padding-top:5px;}.pr_5{padding-right:5px;}.pb_5{padding-bottom:5px;}

.pl_10{padding-left:10px;}.pt_10{padding-top:10px;}.pr_10{padding-right:10px;}.pb_10{padding-bottom:10px;}

.pl_15{padding-left:15px;}.pt_15{padding-top:15px;}.pr_15{padding-right:15px;}.pb_15{padding-bottom:15px;}

.pl_20{padding-left:20px;}.pt_20{padding-top:20px;}.pr_20{padding-right:20px!important;}.pb_20{padding-bottom:20px;}.pr_25{padding-right:25px!important;}

.ml_5{margin-left:5px;}.mt_5{margin-top:5px !important;}.mr_5{margin-right: 5px;}.mb_5{margin-bottom:5px;}

.ml_10{margin-left:10px;}.mt_10{margin-top:10px;}.mr_10{margin-right:10px;}.mb_10{margin-bottom:10px;}

.ml_15{margin-left:15px!important;}.mt_15{margin-top:15px!important;}.mr_15{margin-right:15px!important;}.mb_15{margin-bottom:15px!important;}

.ml_20{margin-left:20px!important;}.mt_20{margin-top:20px!important;}.mr_20{margin-right:20px!important;}.mb_20{margin-bottom:20px!important;}

/*position*/

.relative{position:relative;}

.static{position:static;}



.loginBg{background:url(../images/loginBg.jpg) center top no-repeat;}
.loginBgg{background:url(../images/loginBgg.jpg) center top no-repeat;}

.activationBg{background:url(../images/activationBg.jpg) center top no-repeat;}

.registerBg{background:url(../images/registerBg.jpg) center top no-repeat;}

.columnBg{background:#F0F3F5 url(../images/dt.jpg) center top no-repeat;}



.loginBg .ftWrap,.registerBg .ftWrap{margin-top:0;}

.columnBg .columnContent{width:1140px;margin:0 auto;padding-top:250px;}



.hd{width:1140px;height:88px;margin:0 auto;padding:10px 0;position:relative;z-index:3;}

.hd-titBox{width:340px;}

.hd-titBox-title h1,.ft-titBox-title h2{font-size:24px;color:white;font-weight:normal;margin-top:18px;}

.hd-titBox-title p,.ft-titBox-title p{font-size:12px;color:white;text-transform:uppercase;margin-top:-2px;

	-webkit-transform: scale(.9);

	transform: scale(.9);

	-webkit-transform-origin: left top;

	transform-origin: left top;

}

.navBox{width:750px;height:30px;font-size:16px;margin-top:30px;}

.navBox a{display:inline-block;color:white;line-height:26px;}

.navBox nav a{min-width:80px;padding:2px 5px;margin:0 10px;text-align:center;border-radius:5px;}

.navBox nav a:hover{border:2px solid #D4F2FA;padding:0 3px;}

.navBox nav a:active,.navBox nav .current{background-color:white;color:#23a9f6;

	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.3);

	box-shadow: 1px 1px 3px 0px rgba(0,0,0,.3);

}

.navBox-lr{font-size:0;}

.navBox-lr a{min-width:68px;line-height:30px;padding:0 5px;text-align:center;font-size:14px;}

.navBox-lr a:first-child{background-color:#A9D051;border-radius:5px 0 0 5px;}

.navBox-lr a:first-child:hover,.qqBtn:hover{background-color:#b9de66;}

.navBox-lr a:first-child:active,.qqBtn:active{background-color:#96bc41;}

/*.navBox-lr a:last-child,*/.navBox-lr .last{background-color:#23A9F6;border-radius:0 5px 5px 0;}

/*.navBox-lr a:last-child:hover,*/.navBox-lr .last:hover{background-color:#5cbcfb;}

/*.navBox-lr a:last-child:active,*/.navBox-lr .last:active{background-color:#1094e0;}



.boxWrap{width:1098px;padding:15px 20px 19px;overflow:hidden;margin:0 auto;background-color:white;border:1px solid #D6D8DA;border-radius:5px;box-shadow:1px 1px 5px 0px rgba(0,0,0,.1);}

.boxWrap-tit h2{font-size:20px;color:#34495e;line-height:30px;font-weight:normal;}



.bannerWrap{}

.bannerWrap li{height:862px;overflow:hidden;position:absolute;top:0px;left:0;right:0;z-index: 0;opacity:0}

.bannerWrap .banCurrent{opacity:1;z-index:1;

	-webkit-animation:ban .5s linear forwards;

	animation:ban .5s linear forwards;

}

.bannerWrap .innerBox{width:1140px;height:862px;margin:0 auto;position:relative;}

.bannerWrap .innerBox-info{font-size:20px;padding:250px 0 0 144px;color:white;}

.bannerWrap .innerBox-info .more{color:white;border:1px solid white;display:block;width:182px;height:42px;line-height:42px;text-align:center;border-radius:5px;}

.bannerWrap .innerBox-info .newBox{font-weight:bold;padding-left:10px;width:50px;height:30px;line-height:30px;text-align:center;background-color:white;color:#34BAEA;position:relative;}

.bannerWrap .innerBox-info .newBox-vIco{position:absolute;top:0;right:-30px;width:0;height:0;font-size:0;border-top:30px solid white;border-right:30px solid transparent;}

.bannerWrap .innerBox-img{width:605px;height:550px;position:absolute;right:75px;top:140px;}

.bannerWrap .bigImg{position:absolute;top:0px;right:0;width:456px;height:550px;}

.bannerWrap .smallImg{position:absolute;top:50px;left:0;width:564px;height:225px;}

.banPaging{position:absolute;margin-top:560px;z-index:3;width:100%;font-size:0;text-align:center;}

.banPaging a{display:inline-block;width:13px;height:13px;margin:0 5px;background-color:white;border-radius:100%;}

.banPaging .current{background-color:#A9D051;}



.banCurrent .innerBox-info{

	-webkit-animation:mascot 2s ease-out forwards;

	animation:mascot 2s ease-out forwards;

}

.banCurrent .bigImg{

	-webkit-animation:phone .5s ease-out forwards;

	animation:phone .5s ease-out forwards;

}

.banCurrent .smallImg{opacity:0;

	-webkit-animation:phones .5s .5s ease-out forwards;

	animation:phones .5s .5s ease-out forwards;

}



.qqServiceBox,.qqServiceBox a:hover{background:url(../images/qq.png) 0 0 no-repeat;}

.qqServiceBox{position:fixed;right:0;top:200px;z-index:3;width:100px;height:275px;padding-top:70px;}

.qqServiceBox a{display:block;height:25px;padding-top:65px;text-align:center;color:#648911;font-size:12px;}

.qqServiceBox .technology{color:#1c5cac;}

.qqServiceBox a:hover{background-position:-101px 0;}





.indexContent{width:1140px;margin:600px auto 0;position:relative;z-index:3;}

.indexNoticeWrap{padding:12px 20px!important;}

.indexNoticeWrap ul{height: 24px;overflow: hidden;line-height: 24px;}

.indexNoticeWrap li{overflow:hidden;width:100%;display:none;}

.indexNoticeWrap .square{color:#23a9f6;margin-right:5px;position:relative;top:-2px;}

.indexNoticeWrap a{display:block;width:500px;*width:490px;padding-right:25px;color:#666;}

.indexNoticeWrap .textInfo{display:inline-block;*display:inline;*zoom:1;max-width:425px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:75px;position:relative;}

.indexNoticeWrap .textInfo time{position:absolute;right:0;top:0;background:white;}



.adevBox{width:510px;padding:15px 30px 10px 8px;}

.adevBox dl{width:310px;}

.adevBox dt{font-size:24px;font-weight:bold;margin-top:-5px;padding-bottom:5px;}

.adevBox dd{color:#666;}

.adevBox .labelBox{width:321px;margin-left:-5px;font-size:0;}

.adevBox .label{display:inline-block;width:150px;height:32px;line-height:32px;font-size:14px;margin:6px 5px 0;color:white;text-align:center;background-color:#B3D665;}

.deverBox{padding-right:0;padding-left:30px;border-left:1px solid #DDDEDE;}

.deverBox .label{background-color:#3EB3F7;}



.sdkDownloadWrap,.recommendedMarketWrap{width:336px;}

.sdkDownloadBox,.recommendedMarketBox{padding-top:10px;}

.sdkDownloadBox a,.recommendedMarketBox a{display:block;float:left;}

.recommendedMarketBox{margin-left:-14px;}

.recommendedMarketBox a{padding:0 0 10px 14px ;}



.advertisingBrandBox ul{width:724px;margin-left:-21px;}

.advertisingBrandBox li{display:none;}

.advertisingBrandBox li a{float:left;border:1px solid #F0F3F5;margin:10px 0 0 21px;}

.advertisingBrandBox li a:hover{border-color:#A9D051;}



.marketPage {font-size:0;}

.marketPage a{display:inline-block;width:20px;height:5px;overflow:hidden;background-color:#B5B5B5;margin-left:10px;}

.marketPage .current{background-color:#A9D051;}







.regWrap{width:530px;margin:0 auto;color:#666;padding-top:128px;}

.regWrap .regInfo{width:295px;border-bottom:1px solid #E4E5E5;padding:15px 0;}

.regInfo li{line-height:24px;}



.formWrap{width:420px;margin:0 auto;padding-top:157px;position:relative;z-index:1;}

.formWrap .i-mascot{position:absolute;right:-290px;top:58px;z-index:-1;pointer-events:none;

	-webkit-animation:mascot 2s ease-out forwards;

	animation:mascot 2s ease-out forwards;

}

.formWrap .btn,.regWrap .btn{width:100%;height:37px;border:none;background-color:#23A9F6;font-size:20px;color:white;box-sizing:border-box;border-radius:3px;}

.formWrap .btnLogin{background-color:#A9D051;}

.formWrap legend{display:block;width:400px;margin:0 auto;text-align:center;color:white;font-size:20px;position:relative;top:135px;*top:-21px;*zoom:1;}

.formList{width:312px;margin:0 auto;}

.formList li{padding-bottom:13px;}

.formList li .code{border-radius:3px;}

.textBox{background-color:white;border:1px solid white;padding:6px 15px;color:#a6a6a6;position:relative;box-sizing:border-box;border-radius:3px;}

.textBox.focus{box-shadow:inset 0 0 10px 2px rgba(223,223,223,.8)}

.textBox label{position:absolute;left:15px;top:8px;}

.textBox .textInner{width:100%;height:20px;font-size:16px;border:none;}

.otherFormList .textBox{}

.otherFormList label{position:relative;left:0;top:1px;}

.otherFormList .textInner{position:relative;width:216px;}

.fTipBox{color:#666;margin:-5px 0;}

.fTipBox i{vertical-align:-3px;margin-right:2px;}

.form-ft{padding:0 54px;margin-top:3px;height:46px;line-height:46px;background-color:#DFF0F7;}





.advertisementWrap{}

.awContent{}

.awContent .item{display:none;margin:0 auto;width:920px;min-height:222px;}

.awContent .itemImg{width:920px;height:221px;}

.awTab{width:720px;margin:0 auto;}

.awTab li{float:left;width:218px;height:38px;line-height:38px;margin:0 10px;cursor:pointer;text-align:center;border:1px solid #8B9EB6;font-size:16px;color:#8b9eb6;border-radius:3px;}

.awTab li:hover,.awTab .current{background-color:#A9D051;color:white;border-color:#A9D051;}

.awTab li i{vertical-align:-8px;*vertical-align:-4px;margin-right:10px;}

.awTab li:hover .i-directional,.awTab .current .i-directional{background-position:0 0;}

.awTab li:hover .i-guarantee,.awTab .current .i-guarantee{background-position:-32px 0;}

.awTab li:hover .i-cover,.awTab .current .i-cover{background-position:-65px 0;}



.advantageWrap{}

.advantageWrap .item{float:left;width:218px;height:260px;padding:20px 20px 10px;color:white;margin:10px 22px 0 0;box-shadow:0px 2px 1px 0px rgba(0,0,0,.2);}

/*.advantageWrap .item:nth-child(1),*/.advantageWrap .item.one{background-color:#F4B27F;}

/*.advantageWrap .item:nth-child(2),*/.advantageWrap .item.two{background-color:#BCDA77;}

/*.advantageWrap .item:nth-child(3),*/.advantageWrap .item.three{background-color:#57BDF8;}

/*.advantageWrap .item:nth-child(4),*/.advantageWrap .item.four{background-color:#72899A;margin-right:0;}

.advantageWrap .item img{width:218px;height:118px;}

.advantageWrap .item figcaption{display:block;font-size:16px;line-height:32px;padding-top:5px;font-weight:bold;text-align:center;}

.advantageWrap .item p{line-height:20px;font-size:12px;}



.contactPutInWrap .item{width:320px;height:172px;float:left;background-color:#F0F3F5;padding:15px;margin:10px 24px 0 0;border-radius:5px;}

/*.contactPutInWrap .item:last-child,*/.contactPutInWrap .item.last{margin-right:0;}

.contactPutInWrap .item dl{width:165px;color:#666;}

.contactPutInWrap .item dt{font-size:16px;font-weight:bold;padding-bottom:2px;}

.contactPutInWrap .item dd{font-size:14px;word-wrap: break-word;}

.contactPutInWrap .item dd p{line-height:1.4;padding:3px 0;}

.qqBtn{display:block;width:155px;height:34px;line-height:34px;text-align:center;color:white;background-color:#A9D051;font-weight:bold;border-radius:3px;}

.qqBtn i{vertical-align:-5px;*vertical-align:-0px;margin-right:5px;}

.qqBtn:hover{color:white;}



.newsNoticeWrap{width:702px;}

.advertisingBrandBox{height:141px;}

.newsNoticeWrap-main figcaption,.newsList-imgBox figcaption{display:block;color:#666;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.newsNoticeWrap-main figure{width:250px;height:164px;overflow:hidden;}

.newsNoticeWrap-main figure a,.newsList-imgBox a{display:block;color:#666;}

.newsNoticeWrap-main figure p,.newsList-imgBox p{font-size:12px;color:#999;}

.newsNoticeWrap-main ul{width:417px;height:164px;padding-left:15px;border-left:1px solid #DDDEDE;}

.newsNoticeWrap-main li{position:relative;margin-top: -8px;padding-bottom: 10px;}

.newsNoticeWrap-main li a{display:block;padding-right:100px;color:#666;line-height:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.newsNoticeWrap-main li a:hover,.newsNoticeWrap-main li .square{color:#23a9f6;}

.newsNoticeWrap-main li .square{margin-right:5px;position:relative;top:-2px;}

.newsNoticeWrap-main li time{position:absolute;right:0;top:0px;}

.newsNoticeWrap-main li img{vertical-align:-1px;margin-left:5px;}



.platformNoticeWrap{width:274px;height:150px;padding:56px 50px 34px;background:url(../images/notice.png) no-repeat;}

.platformNoticeWrap h2{font-size:20px;color:#34495e;text-align:center;}

.platformNoticeWrap ul{font-size:16px;line-height:1.8;}

.platformNoticeWrap li{display:none;}



.officialNoticeWrap{}

.officialNoticeWrap .item{float:left;width:548px;padding-bottom:20px;}

.officialNoticeWrap .itemEven{border-left:1px solid #DDDEDE;width:528px;padding-left:20px;}

.officialNoticeWrap .item dl{width:395px;height:84px;overflow:hidden;}

.officialNoticeWrap .item dt{font-weight:bold;}

.officialNoticeWrap .itemBt{padding-bottom:0;}

.officialNoticeWrap .on_01{color:#F85A44;}

.officialNoticeWrap .on_02{color:#F39C11;}

.officialNoticeWrap .on_03{color:#23A9F6;}

.officialNoticeWrap .on_04{color:#A9D051;}

.officialNoticeWrap .on_05{color:#768595;}

.officialNoticeWrap .on_06{color:#FF52AA;}



.menuWrap{width:220px;padding:20px 0 15px;background-color:#F0F3F5;border-right:1px solid #D2DAE4;margin:-15px 0 -19px -20px;text-align:center;}

.menuBoxFixed{position:fixed;*position:static;margin-left:0;top:20px;z-index:3;width:220px;background-color: #F0F3F5;}

.menuBox{}

.menuBox h2,.menuBox a{color:#8b9eb6;}

.menuBox h2{font-size:20px;font-weight:bold;line-height:2.4}

.menuBox a{display:block;line-height:40px;height:40px;font-size:16px;margin-bottom:5px;margin-right:-1px;}

.menuBox a:hover{background:white;color:#1294f6;border-right:1px solid #D2DAE4;padding-left:1px;}

.menuBox a:active{padding-left:0;border-right:none;}

.menuBox a:active,.menuBox .current{background:#23A9F6 url(../images/menu.png) right center no-repeat;color:white;}



.businessWrap{width:860px;margin:5px 8px 0 0;}

.contactUsBox{height:300px;padding:15px;background:url(../images/contactUsBg.png) no-repeat;}

.mapBox{width:598px;height:300px;}

.contactPhoneBox{width:195px;padding:15px 18px;color:#666;}

.contactPhoneBox dt{font-size:14px;font-weight:bold;}

.contactPhoneBox .qqBtn{display:inline-block;}



.questionsAnswersBox{color:#666;}

.questionsAnswersBox dt{line-height:24px;overflow:hidden;border-bottom:2px solid #23A9F6;font-size:14px;font-weight:bold;color:#23a9f6;border-radius:0 0 0 5px;}

.questionsAnswersBox .q,.questionsAnswersBox .a{display:inline-block;padding:0 8px;text-align:center;color:white;margin-right:10px;border-radius:5px 5px 0 0;}

.questionsAnswersBox .q{height:28px;font:bold 20px/28px Arial;background-color:#23A9F6;}

.questionsAnswersBox dd{position:relative;min-height:42px;padding:10px 0 5px 42px;color:#666;}

.questionsAnswersBox .a{position:absolute;left:0;top:10px;padding:0;width:32px;height:30px;font:bold 20px/30px Arial;background-color:#A9D051;border-radius:8px 0 8px 8px;}



.promiseBox{min-height:132px;padding:18px 25px;color:#666;background:#F0F3F5 url(../other/v+8nhbmR93e12b297vV6PxxMKhcPhrWW4YNDlci3ev6WXfwBH1uddOZnYoAAAAABJRU5ErkJggg==) right bottom no-repeat;}



.platformIntroductionBox .questionsAnswersBox dt{}

.platformIntroductionBox .questionsAnswersBox .q{height:28px;line-height:30px;font-size:16px;font-weight:normal;padding:0 15px;}

.platformIntroductionBox .questionsAnswersBox dd{padding:10px 0;}



.businessWrap .companyInfo{width:625px;font-size:12px;color:#666;line-height:1.8;}

.businessWrap .companyInfo p{text-indent:2em;}



.detailsTit{background:url(../images/hdLine.png) left bottom repeat-x;padding-bottom:10px;margin:0 10px;}

.detailsTit h2{font-size:18px;color:#23a9f6;line-height:2;font-weight:normal;}

.detailsTit p{font-size:12px;color:#666;}

.detailsAricle{min-height:300px;padding-top:5px;margin:0 10px;line-height:1.8;}

.detailsPage{margin:20px -20px -20px;height:35px;line-height:32px;border-top:1px solid #D2DAE4;padding:0 20px;}

.detailsPage a,.detailsPage span{display:inline-block;height:18px;line-height:18px;padding:0 10px;*margin-top:6px;}

.detailsPage a{color:#8B9EB6;}

.detailsPage span{color:#D2DAE4;}

.detailsPage .line{border-right:1px solid #D2DAE4;}

.detailsPage .grayLine{border-right:1px solid #D2DAE4;}



.newsList-imgBox{width:335px;}

.newsListWrap .newsNoticeWrap{width:702px;}

.newsListWrap .newsNoticeWrap-main ul{width:702px;height:auto;min-height:200px;border-left:none;*padding-left:0;}

.newsNoticeWrap .detailsPage{padding:0;margin-top:0;overflow:hidden;}

.newsNoticeWrap .detailsPage a{display:block;width:50%;height:35px;line-height:30px;overflow:hidden;padding:0;text-align:center;border-left:1px solid #D2DAE4;margin-left:-1px;}

.newsNoticeWrap .detailsPage a i{*margin-top:8px;}

.detailsPage .disable{cursor:default;}

.detailsPage .disable .i-prev{background-position:-32px -69px;}

.detailsPage .disable .i-next{background-position:-65px -80px;}



.advertisementBox dt{border-bottom-width:4px;}

.advertisementBox dd{padding-left:0;}

.advertisementBox dd .i-item{vertical-align:-2px;*vertical-align:2px;margin-right:2px;}

.advertisementBox dd .i-dot{width:6px;height:6px;background-color:#A9D051;vertical-align:1px;*vertical-align:6px;margin-left:2px;margin-right:5px;border-radius:100%;}

.advertisementBox .q{height:32px;line-height:36px;padding:0 15px;}

.titLine{display:inline-block;width:4px;height:23px;background-color:#A9D051;border-top:1px solid white;border-left:1px solid white;vertical-align: -5px;*vertical-align:0px;margin-right: 10px;}



.ftWrap{background-color:white;height:162px;margin-top:30px;border-top:1px solid #E8EAEC;}

.ft{width:1140px;margin:0 auto;}

.ft-left{width:754px;}

.ft-right{width:335px;}

.ft-navWrap{padding:32px 0 0 35px;}

.ft-navWrap dl{float:left;width:155px;}

.ft-navWrap dt{display:inline-block;*display:inline;*zoom:1;padding-right:20px;line-height:24px;margin-bottom:5px;font-size:14px;color:#23a9f6;font-weight:bold;border-bottom:1px solid #E5E6E6;}

.ft-navWrap dd{font-size:12px;line-height:20px;color:#999;}

.ft-navWrap dd a{color:#999;}

.ft-titBox{padding:15px 0 10px;border-bottom:1px solid #E4E5E5;}

.ft-titBox-title{}

.ft-titBox-title h2{color:#2d3e50;margin-top:15px;}

.ft-titBox-title p{color:#34495e;}

.ft-copyright{font-size:12px;color:#999;}

.ft-copyright img{vertical-align:-2px;margin-left:5px;}



.i-logo,.i-ft-logo,

.i-fTip,

.i-activation,.i-inbox{background:url(../images/loginReg.png) no-repeat;}

.i-logo{width:81px;height:81px;background-position:0 -183px;}

.i-ft-logo{width:75px;height:75px;background-position:-90px -183px;}

.i-fTip{width:16px;height:16px;background-position:-176px -183px;}

.i-activation{width:156px;height:152px;background-position:0 0;}

.i-inbox{width:152px;height:152px;background-position:-175px 0;}



.i-directional,.i-guarantee,.i-cover,

.i-QQ,

.i-prev,.i-next,

.i-item,.i-circle,

.i-notice{background:url(../images/column.png) no-repeat;}

.i-directional{width:24px;height:28px;background-position:0 -35px;}

.i-guarantee{width:28px;height:28px;background-position:-32px -35px;}

.i-cover{width:29px;height:29px;background-position:-65px -35px;}

.i-QQ{width:20px;height:20px;background-position:0 -68px;}

.i-prev,.i-next{width:26px;height:7px;}

.i-prev{background-position:-65px -69px;}

.i-next{background-position:-32px -80px;}

.i-item{width:11px;height:15px;background-position:.0 -96px;}

.i-notice{width:36px;height:24px;background-position:-62px -91px;}



.i-menu{width:10px;height:19px;background:url(../images/menu.png) no-repeat;}

.i-mascot{width:380px;height:380px;background:url(../images/mascot.png) no-repeat;}



/* CSS animation */

@-webkit-keyframes mascot{

    0%{-webkit-transform:translate(-100px) scale(.5);opacity:0;}

    100%{-webkit-transform:translate(0px) scale(1);opacity:1;}

}

@keyframes mascot{

    0%{transform:translate(-100px) scale(.5);opacity:0;}

    100%{transform:translate(0px) scale(1);opacity:1;}

}



@-webkit-keyframes phone{

    0%{-webkit-transform:translate(100%);opacity:0;}

    100%{-webkit-transform:translate(0px);opacity:1;}

}

@keyframes phone{

    0%{transform:translate(100%);opacity:0;}

    100%{transform:translate(0px);opacity:1;}

}



@-webkit-keyframes phones{

    0%{-webkit-transform:translate(100px,-50px) scale(.5);opacity:0;}

    100%{-webkit-transform:translate(0px,0px) scale(1);opacity:1;}

}

@keyframes phones{

    0%{transform:translate(100px,-50px) scale(.5);opacity:0;}

    100%{transform:translate(0px 0px) scale(1);opacity:1;}

}



@-webkit-keyframes ban{

    0%{opacity:.9;}

    100%{opacity:1;}

}

@keyframes ban{

    0%{opacity:.9;}

    100%{opacity:1;}

}