/* design by BOOFCCOM */

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

/* 顶部 */
.head{ margin:auto; width:520px; height:60px; text-align:left; padding:10px 0px;padding-top:80px; overflow:hidden; }
.head .left{ float:left;width:200px; height:60px;}
.head .right{ float:left;width:320px; height:60px; line-height:60px; text-align:right; font-size:15px; color:#FFF; }
.head .right a{color:#FFF; }

/* 主体 */
.reg{ margin:auto; width:720px; height:auto; text-align:left; padding:0px 0px; padding-bottom:0px; background-color:#FFF; border:2px #F4F4F4 solid;border-radius:3px;overflow:hidden; }
.reg .left{ float:left; width:300px; height:390px; text-align:left; padding:30px 0px;background-color:#F5F5F5; }
.reg .left .sublogo{ float:left; width:300px; height:60px; text-align:center; }
.reg .left .sublogo img{  width:190px; height:60px; }
.reg .left .qrcode{ float:left; width:300px; height:160px; margin-top:40px; }
.reg .left .qrcode div{ margin:auto; width:160px; height:160px; text-align:center; background-color:#FFF; }
.reg .left .qrcode img{ width:150px; height:150px; }
.reg .left .hint{ float:left; width:300px; height:auto; margin-top:20px; text-align:center; }
.reg .left .hint span{ float:left; width:300px; height:30px; font-size:14px; color:#666; }
.reg .left .hint span a{ color:#ee4e4e; margin:0px 5px; }
.reg .left .hint p{ float:left; width:300px; height:30px; font-size:14px; color:#666; }

.reg .right{ float:left; width:340px; height:auto; text-align:left; padding:30px 40px; }
.reg .tit{ float:left;width:340px; height:40px;border-bottom:1px #E3E7ED solid;  }
.reg .tit .lef{ float:left;width:100px; line-height:40px; font-size:15px; color:#666;  }
.reg .tit .rig{ float:right;width:auto; line-height:40px; font-size:15px; color:#666;  }
.reg .tit .rig a{ color:#ee4e4e;  }

.mobile{ float:left; width:340px; height:auto; }
.email{ float:left; width:340px; height:auto; }

.reg .txttwo{ float:left; width:340px; height:20px; line-height:20px;margin:30px 0px; color:#BBB; text-align:left; }
.reg .txttwo a:link{ color:#666; }
.reg .txttwo a:visited{ color:#666; }

/* 表单 */
.inptwo{ float:left; width:336px; height:auto; border:1px #E3E7ED solid;margin-top:20px;border-radius:2px; }
.inptwo .txt{ float:left; width:240px; height:34px;  line-height:34px; border:0px; color:#555; text-indent:10px; font-size:16px;outline:none; }
.inptwo .btn{ float:left; width:86px; height:26px;  line-height:26px; margin-top:5px; border:0px;background-color:#FFF; color:#555; text-align:center;border-radius:2px;outline:none;cursor:pointer }
.inptwo .btn:hover{ background-color:#FFF;color:#555;}

.inptwo a{ float:left; width:86px; height:30px;  line-height:30px; margin-top:10px; display:inline-block; background-color:#D6D6D6; color:#FFF; text-align:center; font-size:12px;border-radius:2px; }
.inptwo a:hover{ background-color:#009DDA;color:#FFF;}
.inptwo img{ float:left; width:86px; height:30px; margin-top:7px; border:0px; border-radius:2px; }

.inptwo .drag{ width: 336px;height: 34px;line-height: 34px; }
.inptwo .drag .drag_text{ width: 336px; }

.inperr{ float:left; width:340px; height:auto; }
.focus{ border:1px #EE4E4E solid; }

.reg input::-webkit-input-placeholder { color:#D1D4DB; font-size:14px; }
.reg input:-moz-placeholder { color:#D1D4DB; font-size:14px; }
.reg input::-moz-placeholder { color:#D1D4DB; font-size:14px; }
.reg input:-ms-input-placeholder { color:#D1D4DB; font-size:14px; }

/* 按钮 */
.btn{ float:left; width:100%; height:45px; }
.btn a{ margin:auto; width:100%; height:45px;  line-height:45px; margin-top:0px; display:inline-block; background-color:#EE4E4E; color:#FFF; font-size:16px;text-align:center;border-radius:3px; }
.btn a:visited{ color:#FFF; }


.login{ margin:auto; width:520px; height:50px; line-height:50px; text-align:center; padding:0px 0px;}
.login a{ color:#288ADD;text-decoration: none }
.login a:hover{ text-decoration: underline;}


.quick{ float:left; width:440px; height:auto; margin-top:10px;text-align:center;background:url(/images/reg/line1.png) 0px 19px repeat-x;  }
.quick .title{ margin:auto;width:140px; height:40px; line-height:40px;color:#BBB; font-size:12px; background-color:#FFF; }
.quick .list{ margin:auto;width:300px; height:45px; }
.quick .list .qq{ float:left; width:85px; height:45px; line-height:45px;background:url(/images/login/qq1.png) 35px no-repeat; color:#BBB; padding-left:65px; }
.quick .list .qq:hover{ background:url(/images/login/qq2.png) 35px  no-repeat; }
.quick .list .wx{ float:left; width:135px; height:45px; line-height:45px;background:url(/images/login/wx1.png) 5px no-repeat; color:#BBB; padding-left:15px; }
.quick .list .wx:hover{ background:url(/images/login/wx2.png) 5px no-repeat; }