.regbody{ background:url(/images/reg/combg.jpg) top center no-repeat;background-color:#EEF0F5; }

/* 顶部 */
.head{ margin:auto; width:380px; height:70px; text-align:left; padding:10px 0px;padding-top:80px;overflow:hidden; }
.head .left{ float:left;width:200px; height:60px;}
.head .right{ float:left;width:180px; height:60px; line-height:60px; text-align:right; font-size:14px;color:#fff; }
.head .right a{color:#fff;background:url(/images/reg/tologin.png) center right no-repeat; padding-right:12px; }

/* 主体 */
.reg{ margin:auto; width:320px; height:auto; text-align:left; padding:10px 30px; border:0px #E5E5E5 solid;padding-bottom:30px; background-color:#FFF;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.08);overflow:hidden; }

.reg .tit{ float:left;width:320px; height:40px;border-bottom:1px #e8e8e8 solid;  }
.reg .c101 { float:left;width:160px; height:38px; line-height:38px; margin:0px 0px; border:0px;color:#2589FF;text-align:center; padding:0px; font-size:15px;cursor:pointer;}
.reg .c102 { float:left;width:160px; height:38px; line-height:38px; margin:0px 0px; border:0px;color:#B2AEBC;text-align:center; padding:0px; font-size:15px;cursor:pointer}
.reg .c103 { float:left;width:320px; height:38px; line-height:38px; margin:0px 0px; border:0px;border-bottom:2px #FFFFFF solid;color:#2589FF;text-align:center; padding:0px; font-size:16px;cursor:pointer;}
.reg .c101 p{ margin:auto;width:70px;line-height:38px;border-bottom:2px #2589FF solid;  }
.reg .c102 p{ margin:auto;width:70px;line-height:38px;border-bottom:2px #FFFFFF solid;  }

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

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



/* 表单 */
.inptwo{ float:left; width:320px; height:auto; border-bottom:1px #e8e8e8 solid;padding:7px 0px;border-radius:0px; }
.inptwo .txt{ float:left; width:220px; height:30px;  line-height:30px; border:0px; color:#555; text-indent:10px; font-size:14px;outline:none; }

.inptwo .btn{ float:right; width:80px; height:30px;  line-height:30px; margin-top:0px; border:0px;background-color:#fff; color:#2589FF; text-align:center;border-radius:0px;outline:none;cursor:pointer }
.inptwo .btn:hover{ background-color:#fff;color:#2589FF;}

.inptwo a{ float:right; width:80px; 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:right; width:80px; height:28px; margin-top:0px; border:0px; border-radius:2px; }

.inperr{ float:left; width:440px; height:auto; }
.focus{  border-bottom:1px #e8e8e8 solid; }

.reg input::-webkit-input-placeholder { color:#B2AEBC; }
.reg input:-moz-placeholder { color:#B2AEBC; }
.reg input::-moz-placeholder { color:#B2AEBC; }
.reg input:-ms-input-placeholder { color:#B2AEBC; }


/* 按钮 */
.btn{ float:left; width:320px; height:40px; margin-top:20px; }
.btn .btnregister{ float:left; width:320px; height:40px;  line-height:40px; margin-top:0px; display:inline-block; background-color:#2589FF; color:#FFF; font-size:16px;text-align:center; border:0px;border-radius:4px; }
.btn .btnregister:hover{ background-color:#1780FF; }


.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:320px; 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:45px; height:45px; line-height:45px;background:url(/images/login/qq1.png) no-repeat; margin-left:100px; }
.quick .list .qq:hover{ background:url(/images/login/qq2.png) no-repeat; }
.quick .list .wx{ float:left; width:45px; height:45px; line-height:45px;background:url(/images/login/wx1.png) no-repeat; margin-left:15px; }
.quick .list .wx:hover{ background:url(/images/login/wx2.png) no-repeat; }


/* 注册成功 */
.finshhead{ margin:auto; width:800px; height:70px; text-align:left; padding:10px 0px; margin-top:80px;overflow:hidden; }
.finshhead .left{ float:left;width:400px; height:60px;}
.finshhead .right{ float:left;width:400px; height:60px; line-height:60px; text-align:right; font-size:16px;color:#B2AEBC; }

.finsh{ margin:auto; width:800px;height:auto; border:0px #E5E5E5 solid; margin-top:0px; padding-top:9px;background-color:#FFF;border-radius:10px; overflow:hidden; }
.finsh .f1{ margin:auto; width:800px;height:59px; line-height:50px; padding:30px 0px;border-bottom:0px #EEE solid;  }
.finsh .f1 .tishi{  margin:auto;width:280px;height:50px; line-height:50px; background: url(/images/reg/over1.png) 0 0px no-repeat; background-size:50px 50px;text-align:right; font-size:18pt; color:#51B012; }

.finsh .f3{ margin:auto; width:750px;height:30px; line-height:30px;background:url(/images/reg/line1.png) 0px 15px repeat-x;  }
.finsh .f3 span{ margin:auto; width:300px;height:30px; line-height:30px; background-color:#FFF; padding:0px 10px; color:#BBB; font-size:12px;  }

.finsh .f2{ margin:auto; width:750px;height:230px; margin-top:40px;margin-bottom:60px; }
.finsh .f2 .left{ float:left;width:450px;height:230px; background-color:#FF9900; text-align:center;border-radius:5px; }
.finsh .f2 .left a{ float:left;width:450px;height:230px; display:inline-block; }
.finsh .f2 .left b{ float:left;width:450px;height:60px; line-height:60px;font-size:28pt;color:#FFF; margin-top:35px; font-weight:normal;  }
.finsh .f2 .left p{ float:left;width:450px;height:55px; line-height:55px;font-size:18px;color:#FFF; }
.finsh .f2 .left i{ float:left;width:450px;height:35px;background:url(/images/reg/com01.png) center no-repeat;}

.finsh .f2 .right{ float:right;width:270px;height:225px; text-align:left;}
.finsh .f2 .right .r1{ float:left;width:270px;height:100px;background-color:#99CC00;border-radius:5px; }
.finsh .f2 .right .r1 a{ float:left;width:270px;height:100px; display:inline-block;background:url(/images/reg/com02.png) 20px center no-repeat; }
.finsh .f2 .right .r1 b{ float:left;width:170px;height:30px; line-height:30px;font-size:16pt;color:#FFF; margin-top:22px;  margin-left:100px;  }
.finsh .f2 .right .r1 p{ float:left;width:170px;height:30px; line-height:30px;font-size:14px;color:#FFF; font-weight:normal; margin-left:100px;  }

.finsh .f2 .right .r2{ float:left;width:270px;height:100px;background-color:#2185D4; margin-top:30px;border-radius:5px; }
.finsh .f2 .right .r2 a{ float:left;width:270px;height:100px; display:inline-block;background:url(/images/reg/com03.png) 20px center no-repeat; }
.finsh .f2 .right .r2 b{ float:left;width:170px;height:30px; line-height:30px;font-size:16pt;color:#FFF; margin-top:20px;  margin-left:100px;  }
.finsh .f2 .right .r2 p{ float:left;width:170px;height:30px; line-height:30px;font-size:14px;color:#FFF; font-weight:normal; margin-left:100px;  }

.crefoot{ margin:auto; width:1100px; height:60px; line-height:60px; color:#888; text-align:center; }
.crefoot a{ color:#888; }