﻿html{color:#4d4d4d;background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a:hover{text-decoration:underline}
ins,a{text-decoration:none}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
body .fn-hide{display:none}
.fn-left,.fn-right{display:inline}
.fn-left{float:left}
.fn-right{float:right}

#page,#header,#content,#footer{margin-left:auto;margin-right:auto;}
#header,#content,#footer{width:960px}

.masthead .additional .service-tel,.main-login .login-box .login-tabs,.main-login .login-box .submit-field .submit-btn,.register-area .register-form .field .msg span,.register-area .register-form .submit-field .submit-btn{background:url(../images/logreg.png) 0 0 no-repeat;}

.masthead{height:70px;}
.masthead .site-logo{width:400px;float:left;}
.masthead .site-logo .main-logo{float:left;display:inline;border-right:1px solid #d3d3d3;padding-right:15px;}
.masthead .site-logo .sub-logo{float:left;display:inline;padding:15px 0 0 15px;height:30px;line-height:30px;font-family:"SimHei";font-size:26px;font-weight:500;color:#666;}
.masthead .additional{float:right;padding-top:30px;height:24px;position:relative;}
.masthead .additional .service-tel{padding-left:20px;font-weight:700;color:#C00;background-position:-180px -80px;}
.masthead .additional .f_hotline{background-position:0 2px;*background-position:0 center;}
.masthead .additional a{width:80px;height:20px;background:#FFF url(../images/btn_kefu.gif) no-repeat 0 0;display:inline-block;position:relative;top:4px;*top:2px;}

.main-login{margin:50px 0;}
.main-login .login-banner{float:left;width:550px;}
.main-login .login-area{float:right;width:333px;}
.main-login .login-area .tips{color:#999;margin-bottom:20px;display:none;}
.main-login .login-box{border:1px solid #CACACA;background-color:#FAFAFA;}
.main-login .login-box .hd{margin-bottom:-1px;height:35px;overflow:hidden;zoom:1;}
.main-login .login-box .login-tabs{background-position:0 0;background-repeat:repeat-x;height:35px;}
.main-login .login-box .login-tabs li{float:left;line-height:35px;width:165px;font-weight:700;font-size:14px;text-align:center;}
.main-login .login-box .login-tabs li.per-type{border-right:1px solid #CACACA;}
.main-login .login-box .login-tabs li.current{background-color:#FAFAFA;position:relative;}
.main-login .login-box .login-tabs li a{display:block;color:#999;outline:none;}
.main-login .login-box .login-tabs li.current a,.main-login .login-box .login-tabs li a:hover{color:#333;text-decoration:none;}
.main-login .login-box .bd{border-top:1px solid #CACACA;padding:30px 20px 20px;}
.main-login .login-box .field{padding-bottom:15px;zoom:1;}
.main-login .login-box .field label{display:inline-block;width:55px;padding-right:10px;text-align:right;}
.main-login .login-box .login-text{width:185px;}
.main-login .login-box input{height:18px;line-height:18px;padding:3px;border:solid 1px #C8C8C8;vertical-align:middle;}
*+html .main-login .login-box .login-text{margin-left:-2px;}
.main-login .login-box .code-field .checkcode{width:50px;margin-right:5px;vertical-align:middle;}
.main-login .login-box .code-field .checkcode-img{vertical-align:middle;width:80px;height:26px;}
.main-login .login-box .code-field .change-code{display:inline-block;line-height:14px;padding-left:5px;vertical-align:middle;}
.main-login .login-box .safe-field{padding:0 0 0 70px;}
.main-login .login-box .safe-field input{vertical-align:middle;margin-right:5px;}
.main-login .login-box .submit-field{text-align:center;padding-top:15px;}
.main-login .login-box .submit-field .submit-btn{width:100px;height:32px;border:0;display:inline-block;overflow:hidden;vertical-align:middle;font-size:14px;font-weight:700;background-position:0 -40px;cursor:pointer;color:#FFF;}
.main-login .login-box .submit-field .submit-btn:hover{background-position:0 -80px;}
.main-login .login-box .submit-field .forget-pw{padding-left:20px;}
.main-login .login-box .entries{margin-top:20px;padding-top:15px;border-top:1px solid #EEE;}
.main-login .login-box .entries .no-reg{display:block;height:27px;}
.main-login .login-box .entries .register-btn{background-image:-moz-linear-gradient(top,#FEFFFC,#EDEDEA); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FEFFFC),color-stop(1,#EDEDEA)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEFFFC',EndColorStr='#EDEDEA'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEFFFC',EndColorStr='#EDEDEA')"; border:1px solid #CFCFCF; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;display:block;cursor:pointer;text-align:center;zoom:1;overflow:visible;padding:4px 0;width:250px;margin:0 auto;}
.main-login .login-box .entries .register-btn:hover{border:1px solid #999; text-decoration:none;}
.main-login .login-box .entries .register-btn .button-text{padding:0 50px; font-family:Tahoma; font-weight:600; text-shadow:1px 1px 0 white; color:#333; font-size:14px;}

.main-register{margin:30px 0;}
.main-register .register-tabs{height:35px;margin-bottom:-1px;text-align:right;}
.main-register .register-tabs li{float:left;height:33px;line-height:33px;width:120px;text-align:center;font-size:14px;font-weight:700;border:1px solid #98B7CC;margin-right:-1px;position:relative;background-color:#4783D2;}
.main-register .register-tabs li a{color:#FFF;}
.main-register .register-tabs li.current{border-bottom-color:#FFF;background-color:#FFF;}
.main-register .register-tabs li.current a{color:#000;}
.main-register .register-tabs span{font-size:14px;}
.main-register .register-content{border:1px solid #98B7CC;padding:20px;}

.register-step{overflow:hidden;margin:10px 0 0;*zoom:1}
.register-step li{float:left;background:#e4e4e4 url(../images/flow_steps.png) no-repeat 100% 0;font-size:14px;font-weight:700;line-height:23px;width:213px;text-align:center;color:#B9B9B9;padding:0 15px 0 0;overflow:hidden}
.register-step li,.register-step li .first{background-color:#E4E4E4;background-image:url(../images/flow_steps.png)}
.register-step li.current{background-color:#FF6600;color:#FFF;overflow:visible;position:relative;_padding-right:0}
.register-step li.last{background-position:100% -138px}
.register-step li span,.register-step li strong{display:block}
.register-step li .first{background:#e4e4e4 url(../images/flow_steps.png) no-repeat -12px -69px}
.register-step li.current .first{background-color:#f60;background-position:-12px -92px}
.register-step li.current-prev{background-color:#FFEDA2;background-position:100% -23px!important}
.register-step li.done{background-color:#ffe6ba;background-position:100% -46px;color:#f60}
.register-step li.done .first{background-color:#ffe6ba;background-position:-12px -115px}
.register-step li.last-current{background-color:#f60;color:#fff;background-position:100% -161px}

.register-form .register-tit{height:29px;border-bottom:1px solid #98B7CC;background-color:#F7F9FD;margin:10px 20px 20px 0;}
.register-form .register-tit h3{font-weight:bold;font-size:14px;color:#034FA3;padding-top:6px;padding-left:10px;}

.register-area{margin:20px 0 0;}
.register-area .register-form{width:600px;border-right:1px dashed #98B7CC;}
.register-area .register-form .field{padding:10px 2px 2px;height:46px;}
.register-area .register-form .field .input{width:350px;float:left;}
.register-area .register-form .field label{width:100px;height:26px;line-height:26px;font-size:14px;text-align:right;display:inline-block;}
.register-area .register-form .field .f_red{color:#f40;}
.register-area .register-form .field .radio{width:70px;text-align:left;padding-left:5px;}
.register-area .register-form .field label strong{color:red;padding-left:10px;font-weight:normal;width:10px;}
.register-area .register-form .field .field-text{width:230px;}
.register-area .register-form .field input{height:24px;margin:0 0 0 5px;padding:2px;border:1px solid #98B7CC;font-size:14px; vertical-align:middle;}
.register-area .register-form .code-field .input{width:390px;}
.register-area .register-form .code-field .code-text{width:60px;vertical-align:middle;}
.register-area .register-form .code-field .code-img{width:100px;height:26px;border:1px solid #E4E4E4;}
.register-area .register-form .code-field .input span{width:80px;margin-left:10px;vertical-align:middle;}
.register-area .register-form .agree-field .input{width:400px;}
.register-area .register-form .agree-field label{width:290px;text-align:left;padding-left:105px;}
.register-area .register-form .agree-field label input{vertical-align:middle;margin-right:5px;}
.register-area .register-form .submit-field .input{margin-left:105px;display:inline;}
.register-area .register-form .submit-field .submit-btn{width:180px;height:35px;line-height:35px;border:0;cursor:pointer;background-position:0 -80px;font-size:14px;font-weight:700;color:#FFF;text-align:center;}
.register-area .register-form .field .msg{position:relative;float:left;width:190px;margin:0 0 0 10px;padding:6px 10px;display:inline;border:1px solid #edd9a5;background:#fffce9;color:#666;line-height:20px;}
.register-area .register-form .field .msg span{position:absolute;left:-7px;top:12px;width:7px;height:11px;background-position:-180px -110px;font-size:1px;line-height:1px;}
.register-area .register-form .field .error{position:relative;border:1px solid #EDA5A5;background:#FFE9E9;}
.register-area .register-form .field .error span{background-position:-193px -110px;}
.register-area .register-form .code-field .msg{width:150px;}
.register-area .register-form .agree-field .msg{width:150px;}

.register-service{float:right;width:290px;}
.register-service .title{color:#333;font-size:14px;font-weight:bold;margin-bottom:20px;}
.register-service h2{height:16px;color:#333;line-height:16px;font-size:12px;font-weight:bold;}
.register-service span{display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:middle;background-color:#F00;}
.register-service p{margin-bottom:18px;padding-left:26px;line-height:20px;}
.register-service .i1{background-position:0 0;}
.register-service .i2{background-position:-30px 0;}
.register-service .i3{background-position:-60px 0;}
.register-service .i4{background-position:-90px 0;}
.register-service .more{color:#999;text-align:left;}

.register-form .send-email{border:1px solid #76AAE5;background-color:#E8F4FF;line-height:18px;padding:8px 10px;margin-right:20px;}
.register-form .receive-email{padding:20px 0 0 32px;}
.register-form .receive-email strong{padding-right:15px;}
.register-form .activate-email{padding:20px 0 0 32px;}
.register-form .activate-email a{font-weight:700;}
.register-form .resend{padding:20px 0 0 32px;}

.reg-successful{width:350px;margin:0 auto;padding:50px 0 30px 150px;background:url(../images/reg_suc.png) 50px 50px no-repeat;}
.reg-successful h3{height:35px;line-height:35px;border-bottom:1px solid #DDD;font-size:16px;}
.reg-successful p{line-height:20px;margin-top:15px;}
.reg-successful p em{color:#08C;}
.entry-ucenter{padding:10px 0 30px 300px;}
.entry-ucenter .entry-btn{display:block;height:32px;line-height:32px;width:150px;font-weight:700;color:#FFF;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;background-position:-350px -190px;}

#footer .foot-links{text-align:center;border-top:1px solid #DDD;padding-top:10px;}
#footer .foot-links .list-links{display:inline;height:28px;line-height:28px;}
#footer .foot-links .list-links li{display:inline;padding:0 3px;color:#CCC;}
#footer .foot-links .list-links li a{color:#36C;}
#footer .copyright{padding:6px 0 10px 0;}
#footer .copyright p{line-height:20px;text-align:center;}






