.mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;background: #000;opacity: 0.7;display: none;z-index: 1000;}
.close:hover{color: #FF0000;cursor:pointer;}
.register_box{width: 1200px;margin: 0 auto;background: #fff;}
.register_title{height: 70px;border-bottom: #e6e6e6 solid 2px;line-height: 70px;text-align: center;}
.register_title a{display: inline-block;width: 180px;font-size: 14px;color: #000;}
.register_title a i{display: inline-block;font-style: normal;width: 24px;height: 24px;border-radius: 12px;background: #b7b0b0;color: #fff;vertical-align: middle;line-height: 24px;text-align: center;}
.register_title a span{vertical-align: middle;}
.register_title a.on{border-bottom: #008afe solid 2px;}
.register_title a.on i{background: #008afe;}
.register_step{margin: 0 20px;}
.register_step .title{background: url(../../images/member/panel_line.jpg) repeat-x left bottom;height: 30px;font-size: 14px;color: #000;font-weight: bolder;}
.register_table tr td{height: 40px;}
.register_table tr td:nth-child(1){width: 145px;text-align: right;color: #000;}
.register_table tr td:nth-child(2){text-align: left;color: #828282;}
.register_table tr td input,
.register_table tr td span,
.register_table tr td label{vertical-align: middle;}
.register_input{width: 256px;height: 21px;padding: 2px;border: #ccc solid 1px;box-shadow: #f3f3f3 4px 4px 4px inset;margin-right: 10px;}
.register_select{height: 28px; padding: 2px;width: 130px;}
.register_select p{height: 23px; padding: 2px; line-height: 23px; box-shadow: #f3f3f3 4px 4px 4px inset;}
.register_submit{width: 300px;height: 40px;line-height: 40px;text-align: center;border: #ababab solid 1px; border-radius: 5px;color: #686868;font-size: 14px;cursor: pointer;}
.register_submit:hover{border: #008afe solid 1px;background: #008afe;color: #fff;}
.agreement_box{width: 703px;height: 575px;position: fixed;top: 50%;left: 50%;margin-top: -288px;margin-left: -355px;background: #fff;z-index: 1001;display: none;}
.agreement_box>div{width: 680px;height: 553px;border: #ccc solid 1px;margin: 10px;overflow: y-scroll;position: relative;overflow-y:auto;}
.agreement_box>div>i{position: absolute;top: 10px;right: 20px;font-style: normal;}
.agreement_box>div>h1{color: #000;font-weight: normal;text-align: center;font-size: 14px;margin: 20px 0;}
.agreement_box>div>h2{font-size: 12px;line-height: 25px;text-align: center;width: 460px;margin: 0 auto;color: #000;font-weight: bolder;}
.agreement_box>div>p{font-size: 12px;line-height: 25px;text-align: left;margin: 0 15px;color: #000;}
.register_okbox{width: 660px;height: 340px;position: fixed;top: 50%;left: 50%;margin-top: -170px;margin-left: -330px;background: #fff;z-index: 1001;display: none;}
.register_okbox>div{width: 638px;height: 318px;border: #ccc solid 1px;margin: 10px;overflow: y-scroll;position: relative;}
.register_okbox>div>p{font-size: 14px;color: #000;text-align: center;margin: 110px 0 70px 0;}
.register_okbox>div>p i{display: inline-block;vertical-align: middle;background: url(../../images/member/register_letter.jpg);width: 18px;height: 14px;}
.register_okbox>div>p span{vertical-align: middle;}
.register_okbox>div>.login_now{width: 300px;height: 40px;border: #ccc solid 1px;border-radius: 5px;text-align: center;line-height: 40px;color: #686868;display: block;margin: 0 auto;}
.register_okbox>div>.login_now:hover{color: #fff;background: #008afe;border: #008afe solid 1px;}

