@charset "gb2312";
@import url(basic.css);

body{background:#fff url(../img/base/bg-head.gif) repeat-x 0 0;font-size:12px;color:#3e3e3e;}


/*= Global =*/
#skip2content{height:1px; margin-top:-1px; overflow:hidden;}
#hd,
#ft .ft-inner{width:970px;margin-left:auto;margin-right:auto;}

#bd{position:relative;}

/*= Layout =*/

.col-main{float:left;width:100%;min-height:1px;}
.layout-1 .col-main .main-wrap{margin-right:267px;}
.layout-1 .col-sub{width:257px;margin-left:-257px;}
.layout-2 .col-main .main-wrap{margin-left:267px;}
.layout-3 .col-main .main-wrap{margin-left:282px;}
.layout-2 .col-sub,
.layout-3 .col-sub{width:257px;margin-left:-100%;}


/*= Header =*/
.headbar{height:27px;line-height:27px;}
.headbar .userinfo{float:left;color:#999;width:450px;}
.headbar .userinfo a{margin:0 0.3em;}
.headbar .userinfo .username{text-decoration:underline;}
.headbar .menu{float:right;}
.headbar .menu li{float:left;padding:0 9px 0 8px;background:url(../img/base/sprites.png) no-repeat 100% -281px;}
.headbar .menu .last{background:none;padding-right:0;}
.headbar .menu li a{display:block;float:left;}

.headbar .menu li .withicon{display:inline-block;padding-left:20px;background-repeat:no-repeat;background-position:0 3px;}
.headbar .menu .icon-follow{background-image:url(../img/icon/social-network/jia.png);}
.headbar .menu .icon-sina{background-image:url(../img/icon/social-network/sina.png);}
.headbar .menu .icon-tencent{background-image:url(../img/icon/social-network/tencent.png);}

/*
.headbar .menu .help a{color:#06f;}
*/

.headbar .menu .multimenu{padding:0 5px 0 3px;line-height:25px;position:relative;z-index:1;}
.headbar .menu .multimenu .inner{padding:1px 9px;}
.headbar .menu .multimenu .inner .parent{float:none;display:inline-block;padding-right:10px;background:url(../img/base/sprites.png) no-repeat 100% -304px;}

.headbar .menu .multimenu .hover{padding:0 8px;border:1px #D8D8D8 solid;background:#fff;}

.headbar .menu .multimenu .child{position:absolute;top:26px;left:3px;width:100%;visibility:hidden;}
.headbar .menu .multimenu .hover .child{visibility:visible;}
.headbar .menu .multimenu .child .list{border:1px #D8D8D8 solid;border-top:none;background:#fff;padding:2px 0 4px;}
.headbar .menu .multimenu .child .list a{display:block;line-height:200%;text-align:center;}
.headbar .menu .multimenu .child .list a{float:none;}
.headbar .menu .multimenu .child .list .withicon{}

.headbar .menu .my .child{width:100px;}

.headbar .menu .follow a{text-decoration:none !important;}
.headbar .menu .follow .child{width:96px;}
.headbar .menu .follow .child .list a{text-align:left;padding-left:8px;}


.webtitle{padding:8px 0 7px;}

.logowrap{width:150px;height:80px;}
.logowrap,
.logowrap .sitename,
.logowrap .sitename a{display:block;}
.logowrap .sitename a{height:80px;text-indent:-9999px;background:url(../img/base/logo.png) no-repeat 0 50%;}


/*= Navigation =*/
.nav{background:#FF6E00;height:50px;}
.nav,
.nav a{color:#fff;}
.nav .container{width:970px;margin:0 auto;}
.nav .title,
.nav .menu,
.nav .menu .item{display:block;float:left;}
.nav .title{width:189px;height:21px;margin:15px 22px 0 0;background:url(../img/mod/reg/v2-sprites.png) no-repeat 0 0;text-indent:-9999px;}
.nav .menu{padding:8px 0 3px;}
.nav .menu .item{line-height:33px;padding-bottom:6px;}
.nav .menu strong.item{width:102px;text-align:center;background:url(../img/mod/reg/v2-sprites.png) no-repeat 0 -40px;color:#f60;}
.nav .menu a.item{padding:0 14px;}

.nav .login{float:right;line-height:50px;}



/*= Register =*/
.reg-container{position:relative;width:970px;_height:405px;min-height:405px;margin:0 auto;}

.reg-container .msg-openid{padding-left:68px;background:url(../img/icon/operatetip.png) no-repeat 0 0;}
.reg-container .msg-openid .welcome{padding-top:10px;font:200% "Simhei";}
.reg-container .msg-openid .note{font-size:117%;padding:5px 0 10px;}

.form-reg{padding:17px 260px 0 140px;}
.form-reg .row{padding-left:70px;padding-top:11px;padding-bottom:10px;}
.form-reg .label{margin-left:-70px;padding-top:3px;}
.form-reg .label label,
.form-reg .label .inner{width:auto;padding-right:0;text-align:left;}

.form-reg .required .label label{background:none;}

.form-reg .enter input.text,
.form-reg .enter select{border:1px #bbb solid;padding:8px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.form-reg .enter input.grey{color:#999;}
.form-reg .enter input.text:focus,
.form-reg .enter select:focus{border-color:#76C378;background:#EBFFE0;}
.form-reg .enter input.v-verity{width:8em;}

.form-reg .enter select{font-size:14px;}
.form-reg .verity-wrap{clear:both;position:relative;}
.form-reg .verity-send{clear:both;line-height:22px;padding-top:5px;left:50px;top:30px;}
.form-reg .verity-send .btn{display:inline-block;width:109px;height:22px;background:url(../img/mod/reg/v2-sprites-8.png) no-repeat 0 -220px;text-align:center;text-decoration:none !important;}
.form-reg .verity-send .btn-disabled{cursor:default;color:#999 !important;}

.form-reg .phone-margin{margin-bottom:10px;}
.form-reg .verity-callback{line-height:200%;height:48px;padding:8px 5px;overflow:hidden;background:#fffad6;clear:both;overflow:hidden;border:1px solid #fff18e;}
.form-reg .verity-callback p{line-height:24px;overflow:hidden;}
.form-reg .verity-callback .padd{padding-left:110px;}

.form-reg .selector{*padding-top:3px;}

.form-reg .msg{margin-top:5px;}

.reg-verification{padding:65px 0 0 205px;}
.reg-verification .info{height:46px;line-height:46px;background:url(../img/mod/reg/v2-sprites-8.png) no-repeat 0 0;padding-left:65px;}
.reg-verification .info strong{padding:0 8px;}
.reg-verification .submit{margin:20px 0 0 160px;}

.reg-container .reg-ok{margin:35px 0 0 140px;padding-left:70px;background:url(../img/mod/reg/v2-sprites-8.png) no-repeat 0 -63px;}
.reg-container .reg-ok span{font:180% "Microsoft Yahei", "ºÚÌå";line-height:30px;text-shadow:1px 1px 1px #ccc;}
.reg-container .reg-ok p{line-height:25px;}
/*= Results =*/
.reg-container .operatetip h2.header{margin:40px 0 15px;}
.reg-container .btn-start,
.reg-container .btn-start img{display:block;width:188px;height:42px;}
.reg-container .btn-start{position:relative;margin:0 auto;}
.reg-container .btn-start img{position:absolute;top:0;left:0;background:url(../img/mod/reg/btn-start-s.png) no-repeat 0 0;}
.reg-container .banner img{display:block;margin:0 auto;}

/*= for whole page section =*/
.reg-container .operatetip .header{text-align:center;}
.reg-container .operatetip .info{padding:0;text-align:center;margin:0 10em;line-height:200%;}
.reg-container .operatetip footer,
.reg-container .operatetip .footer{padding:15px 0;}

.reg-container .operate li{padding:7px 0 8px;line-height:40px;}
.reg-container .operate li .item{display:inline-block;width:452px;text-align:right;margin-right:10px;}
.reg-container .operate li .btn{display:inline-block;width:135px;height:40px;text-align:center;font-weight:bold;font-size:14px;line-height:40px;text-decoration:none !important;background:url(../img/mod/reg/btn-complete.png) no-repeat 0 -9999px;}
.reg-container .operate .collect .btn{background-position:0 0;color:#fff !important;}
.reg-container .operate .collect .btn:hover{background-position:0 -40px;}
.reg-container .operate .collect .btn:active{background-position:0 -80px;}
.reg-container .operate .trial .btn{background-position:0 -120px;color:#666 !important;}
.reg-container .operate .trial .btn:hover{background-position:0 -160px;}
.reg-container .operate .trial .btn:active{background-position:0 -200px;}

.reg-container .back{margin:0 230px;font-family:'Simsun';}
.reg-container .back a{text-decoration:none !important;}

/*= Reg-extra =*/
.reg-extra{position:absolute;right:20px;top:25px;width:190px;padding:15px 10px 15px 30px;border-left:1px solid #e7e7e7;}
.reg-extra .note{line-height:24px;color:#999;}
.reg-extra .login{margin-bottom:15px;}
.reg-extra .login .btn{display:block;width:115px;height:29px;margin-top:10px;background:url(../img/mod/login/dialog-login-btn.png) no-repeat 0 -64px;text-indent:-9999px;}
.reg-extra .list{padding-top:5px;}
.reg-extra .list li{line-height:33px;padding-left:20px;background:url(../img/icon/share-icon.png) no-repeat 0 -9999px;}
.reg-extra .list li.weibo{background-position:0 8px;}
.reg-extra .list li.qq{background-position:0 -26px;}
.reg-extra .list li.taobao{background-position:0 -57px;}
.reg-extra .list li.alipay{background-position:0 -90px;}
.reg-extra .list li.ename{background-position:-1px -125px;}
.reg-extra .list a{color:#111;}
.reg-extra .list a:hover{color:#f60;}

/*= Footer =*/
#ft{border-top:1px #E7E7E7 solid;}
#ft .ft-frame{border-top:2px #f4f4f4 solid;}
#ft .ft-inner{padding-top:19px;padding-bottom:20px;}
#ft .guidelinks{padding-bottom:19px;border-bottom:1px #eee solid;}
#ft .guidelinks .col{float:left;padding-right:32px;padding-left:17px;width:145px;height:96px;min-height:96px;height:auto !important;}
#ft .guidelinks h2{padding:0 3px 3px;border-bottom:1px #E7E7E7 solid;margin-bottom:10px;line-height:20px;}
#ft .guidelinks h2 .inner{display:inline-block;padding-left:26px;font-weight:bold;color:#666;background:url(../img/icon/global.png) no-repeat 0 -9999px;}
#ft .guidelinks .guidelinks-help h2 .inner{background-position:3px -18px;}
#ft .guidelinks .guidelinks-pay h2 .inner{background-position:3px -38px;}
#ft .guidelinks .guidelinks-service h2 .inner{background-position:0 -58px;}
#ft .guidelinks .guidelinks-tech h2 .inner{background-position:3px -78px;}
#ft .guidelinks .guidelinks-tel h2 .inner{background-position:3px -98px;}
#ft .guidelinks .guidelinks-problem h2 .inner{background-position:3px -158px;}
#ft .guidelinks li{padding-left:10px;line-height:180%;}
#ft .guidelinks li a{display:inline-block;padding-left:14px;background:url(../img/base/sprites.png) no-repeat -278px -332px;}
#ft .guidelinks li a:hover,
#ft .guidelinks li a:active{background-position:-278px -362px;}
#ft .menu{text-align:center;padding:10px 0 6px;}
#ft .menu li{display:inline;padding:0 1.2em;background:url(../img/base/word-split.gif) no-repeat 100% -78px;}
#ft .menu .last{background:none;}
#ft .copyright{text-align:center;padding:0 20px;line-height:200%;}
#ft .certified{text-align:center;margin-top:10px;}
#ft .certified a:hover,
#ft .certified a:active{text-decoration:none;}
