@charset "utf-8";
/* CSS Document */
/*reset*/
body,html{ padding:0; margin:0 auto; background:#fff; line-height:24px; word-break:break-all;}
img{ border:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,form,ul,ol,li,p,pre,dl,dt,dd,fieldset,legend,button,input,textarea,th,td,figure{ padding:0; margin:0;}
ul,ol,li{ list-style:none;}
sup{ vertical-align:text-top;}
sub{ vertical-align:text-bottom;}
legend{ color:#000;}
fieldset{ border:0;} 
button,input,select,textarea{ font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
textarea{ resize:none;}
select{ height:22px; line-height:18px; padding:2px; border:1px solid #d9d9d9; border-radius:2px;}
input::-ms-clear{display:none;}
input{ outline:none;}

/*public font*/
body,button,input,select,textarea{ font-family:Arial, Helvetica, sans-serif simsun; color:#333; font-size:12px;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:500;}
h1{font-size: 28px;text-align: center;line-height: 68px;}
address,cite,dfn,em,var,s{ font-style:normal;}
code,kbd,pre,samp{ font-family:courier new, courier, monospace;}
.fn{ font-weight:500;}.fb{ font-weight:700;}
small,.ft12{ font-size:12px;}.ft14{ font-size:14px;}.ft16{ font-size:16px;}.ft18{ font-size:18px;}.ft20{ font-size:20px;}.ft22{ font-size:22px;}.ft24{ font-size:24px;}
.ffs{ font-family:"simsun";}.ffm{ font-family:"Microsoft YaHei";}.ffa{ font-family:Arial, Helvetica, sans-serif;}
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:underline;}
.c1{ color:#ff6600;}
.c2{ color:#000; text-decoration:underline;}
.op8:hover{ filter:alpha(opacity=80); opacity:0.8;}
.wrapper{ width:750px; margin:0 auto;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.fl{ float:left;}.fr{ float:right;}
.clear{ clear:both; line-height:0px; font-size:0px;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.hr_20{ clear:both; height:20px; overflow:hidden; font-size:1px; line-height:1px;}
.vm{ vertical-align:middle;}.vt{ vertical-align:top;}
.db{ display:block;}.dn,.dsn{ display:none;}.vh{ visibility:hidden;}
.utra{ transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;}
.pta{ position:absolute;}.ptr{ position:relative;}
.cp{ cursor:pointer;}

/*layout*/
body{ font-family:"Microsoft YaHei"; background:#fff;}
.wrapper{ width:750px; margin:0 auto; }
.header{ padding:20px 0; font-size:22px;}
.header img{ vertical-align:middle; margin-right:25px;}
.footer{ border-top:1px solid #ddd; font-size:14px; text-align:center; color:#999; padding-top:10px; margin-top:80px;}
.formarea{ width:460px; margin:60px auto 0;}
.formarea input{ vertical-align:middle;}
.formarea dl{ margin-top:20px;}
.formarea dl input.text{ width:285px; height:36px; border:1px solid #B5B5B5; font:14px/36px microsoft Yahei; padding-left:5px;}
.formarea dl input.text2{ width:160px; height:36px;}
.formarea dl input.text:focus{ border-color:#ff6600;}
.formarea dl input.checkbox{ margin:-2px 5px 0 0;}
.formarea dl input.btn1{ width:292px;}
.formarea dl input.btn2{ width:125px; height:38px; border:none; background:#FF6500; font:14px/38px microsoft Yahei; color:#fff; cursor:pointer; margin-left:5px;}
.formarea dl input.btn3{ width:125px; height:38px; border:none; background:#999999; font:14px/38px microsoft Yahei; color:#fff; cursor:pointer; margin-left:5px;}
.formarea dt{ width:100px; height:38px; text-align:right; float:left; font-size:15px; line-height:38px;}
.formarea dd{ width:340px; float:left; font-size:14px; position:relative; padding-left:15px;}
.formarea dd.tc{ width:290px;}
.formarea .tm10{ margin-top:10px;}
.formarea .tm35{ margin-top:35px;}
.formarea .wtip{ padding-right:10px; min-width:320px; left:315px; top:0;}
.formarea .stip{ padding-right:10px; min-width:390px; left:0; top:-39px; display:none;}
.formarea .tright{ background:url(ico3.gif) no-repeat; width:18px; height:18px; position:absolute; top:10px; left:315px;}

/*btn*/
.btn1{ width:100%; background:#FF6600; font:15px/38px microsoft Yahei; color:#fff; border-radius:3px; border:none; cursor:pointer;}
/*tip*/
/* .wtip,.stip{font-size:14px; position:absolute; line-height:38px;}
.wtip{ background:#FFEFE5; color:#ff6600;position: absolute;line-height: 38px;}
.wtiplogin{ background:#FFEFE5; color:#ff6600;}
.stip{ background:#E4FFDA; color:#636e62;}
.wico,.sico{ background:url(ico2.gif) no-repeat; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-3px 3px 0 12px;}
.wico{ background-position:0 0;}
.sico{ background-position:right 0;} */

/*tip background:#FFEFE5;*/
.wtip,.stip{font-size:14px; position:absolute; line-height:38px;}
.wtip{ color:#ff6600;position: absolute;line-height: 38px;}
.wtiplogin{ background:#FFEFE5; color:#ff6600;}
.stip{ background:#E4FFDA; color:#636e62;}
.wico,.sico{ background:url(ico2.gif) no-repeat; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-3px 3px 0 12px;}
.wico{ background-position:0 0;}
.sico{ background-position:right 0;}

/*login*/
.login .focusad{ background:url(http://www.tk.cn/sales/pic/loginbanner.png) no-repeat top center; width:100%; height:599px; display:block;}
.login .inbox{ width:290px; min-height:295px; background:#fff; padding:40px 30px 0; position:absolute; left:50%; margin-left:150px; top:120px;}
.login .inbox h2{ font-size:16px; margin-bottom:10px;}
.login .inbox .code1{ background:url(../images/btncode.gif) no-repeat; width:48px; height:47px; position:absolute; right:5px; top:5px; cursor:pointer;}
.login .inbox .code1{ background-position:0 0;}
.login .inbox .code1:hover{ background-position:right 0;}
.login .inbox .code2{ background-position:0 -47px;}
.login .inbox .code2:hover{ background-position:right -47px;}
.login .inbox .password{ border:1px solid #B5B5B5; height:36px; margin-top:22px; padding-left:45px; position:relative;}
.login .inbox .username input,.login .inbox .password input{ border:none; width:100%; height:35px; font:14px/35px microsoft Yahei; color:#666; vertical-align:middle;}
.login .inbox .ico{ background:url(ico1.gif) no-repeat; width:19px; height:21px; position:absolute;}
.login .inbox .ico1{ background-position:0 0; left:12px; top:8px;}
.login .inbox .ico2{ background-position:0 -21px; left:12px; top:8px;}
.login .inbox .ico3{ background-position:0 -42px; right:10px; top:8px; cursor:pointer; display:none;}
.login .inbox .btn1{ margin-top:35px;}
.login .inbox p{ font-size:14px; text-align:center; word-spacing:10px; margin-top:15px;}
.login .inbox .wtip{ width:100%;font-size:14px;}/* line-height:38px; */
.login .inbox .codearea{ width:300px; background:#fff; position:absolute; right:20px; top:30px; display:none;}
.login .inbox .codearea h3{ font-size:24px; color:#ff6600; text-align:center;}
.login .inbox .codearea p{ color:#666; margin-top:5px;}
.login .inbox .codearea img{ display:block; margin:20px auto;}
.login .inbox .codearea.animated{ -webkit-transform-origin:right top; transform-origin:right top; -webkit-animation:.4s code; animation:.4s code; display:block;}

.input_sty{color: #cccccc}

/* .reg{ padding-top:50px;}
.reg .nav li{ width:333px; height:47px; float:left; border-top:3px solid #ccc; position:relative; font-size:16px; color:#ccc;}
.reg .nav li span{ width:90px; text-align:center; position:absolute; left:50%; margin-left:-45px; top:-23px;}
.reg .nav li span i{ width:38px; height:38px; border:3px solid #ccc; border-radius:50%; display:block; margin:0 auto 6px; line-height:38px; text-align:center; font-size:24px; font-style:normal; background:#fff;}
.reg .nav li.active,.reg .nav li.active span i{ border-color:#FF6600; color:#ff6600;}
.regsuccess{ width:600px; margin:90px auto 0;}
.regsuccess dt{ background:url(ico4.gif) no-repeat; width:57px; height:57px; float:left;}
.regsuccess dd{ width:520px; float:right;}
.regsuccess dd h2{ font-size:30px; line-height:34px; color:#79C13B;}
.regsuccess dd h3{ font-size:18px; margin:25px 0 40px;}
.regsuccess dd p{ font-size:16px; color:#666; line-height:40px; word-spacing:15px;}
.regsuccess dd p a{ color:#000; text-decoration:underline;} */

.reg{ padding-top:50px;}
.reg .nav li{ width:333px; height:47px; float:left; border-top:3px solid #ccc; position:relative; font-size:16px; color:#ccc;}
.reg .nav li span{ width:105px; text-align:center; position:absolute; left:50%; margin-left:-45px; top:-23px;}
.reg .nav li span i{ width:44px; height:44px; background:url(cir.png) no-repeat left 0; display:block; margin:0 auto 6px; line-height:44px; text-align:center; font-size:24px; font-style:normal;}
.reg .nav li.active{ border-color:#ff6600;}
.reg .nav li.active span i{ background-position:right 0; color:#ff6600;}
.regsuccess{ width:600px; margin:90px auto 0;}
.regsuccess dt{ background:url(ico4.gif) no-repeat; width:57px; height:57px; float:left;}
.regsuccess dd{ width:520px; float:right;}
.regsuccess dd h2{ font-size:30px; line-height:34px; color:#79C13B;}
.regsuccess dd h3{ font-size:18px; margin:25px 0 40px;}
.regsuccess dd p{ font-size:16px; color:#666; line-height:40px; word-spacing:15px;}
.regsuccess dd p a{ color:#000; text-decoration:underline;}

/* .forget .nav li{ width:250px;}
.forget .formarea .wtip{ min-width:235px;}
.forget .formarea dl input.text2{ width:186px;}
.forget .yzcode{ vertical-align:middle; margin-left:5px;}
.forget .btnref{ background:url(ref.gif) no-repeat; width:21px; height:20px; cursor:pointer; display:inline-block; vertical-align:middle; margin-left:10px;}
.forget .tabarea{ width:630px; margin:90px auto 0;}
.forget .tabtit{ height:41px; position:relative;}
.forget .tabtit li{ width:315px; float:left; border-bottom:2px solid #ccc; font-size:15px; text-align:center; padding-bottom:15px; cursor:pointer;}
.forget .tabtit li.cur{ color:#ff6500;}
.forget .tabtit .line{ width:315px; height:2px; background:#ff6500; font-size:0; line-height:0; position:absolute; left:0; bottom:0;}
.forget .tabcon .formarea{ width:600px;}
.forget .tabcon .formarea dt{ width:120px;}
.forget .tabcon .formarea dd{ float:none; width:auto; margin-left:135px;}
.forget .tabcon .formarea .num{ font-size:24px; color:#ff6500; line-height:38px;}
.forget .tabcon .formarea .num .btn1{ width:160px; display:inline-block; margin-left:30px;}
.forget .regsuccess dd p{ border-top:1px solid #ccc; padding-top:10px; width:325px;} */

.forget .nav li{ width:250px;}
.forget .formarea .wtip{ min-width:320px;}
.forget .formarea dl input.text2{ width:100px;}
.forget .formarea .nottel{ font-size:14px; text-decoration:none; margin-left:30px; vertical-align:middle;}
.forget .yzcode{ vertical-align:middle; margin-left:5px;width: 105px;height: 37px;}
.forget .btnref{ background:url(ref.gif) no-repeat; width:21px; height:20px; cursor:pointer; display:inline-block; vertical-align:middle; margin-left:10px;}
.forget .tabarea{ width:630px; margin:90px auto 0;}
.forget .tabarea h2{ border-bottom:2px solid #ccc; font-size:16px; padding-bottom:15px;}
.forget .tabarea .tip{ font-size:14px; color:#ff6600; text-align:center; margin-top:30px;}
.forget .tabarea .notfind{ background:url(ico5.gif) no-repeat left center; padding-left:70px; font-size:18px; line-height:30px;}
.forget .tabtit{ height:41px; position:relative;}
.forget .tabtit li{ width:600px; float:left; border-bottom:2px solid #ccc; font-size:15px; text-align:left; padding-bottom:15px; cursor:pointer;}
.forget .tabtit li.cur{ color:#ff6500; font-size:25px;}
.forget .tabtit .line{ width:600px; height:2px; background:#ff6500; font-size:0; line-height:0; position:absolute; left:0; bottom:0;}
.forget .formarea{ width:630px;}
.forget .formarea dt{ width:120px;}
.forget .formarea dd{ float:none; width:auto; margin-left:135px;}
.forget .formarea .num{ font-size:24px; color:#ff6500; line-height:38px;}
.forget .formarea .num .btn1,.forget .formarea #mescode{ width:160px; display:inline-block; margin-left:20px;}
.forget .regsuccess dd p{ border-top:1px solid #ccc; padding-top:10px; width:325px;}

@-webkit-keyframes code{
0%{ -webkit-transform:scale(0); opacity:0;}
100%{ -webkit-transform:scale(1); opacity:1;}
}
@keyframes code{
0%{ transform:scale(0); opacity:0;}
100%{ transform:scale(1); opacity:1;}
}
@-webkit-keyframes tada{
0%{-webkit-transform:scale3d(1, 1, 1);}
10%,20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%,60%,80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{-webkit-transform:scale3d(1, 1, 1);}
}
@keyframes tada{
0%{transform:scale3d(1, 1, 1);}
10%,20%{transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{transform:scale3d(1, 1, 1);}
}