@charset "utf-8";


        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            height: 100%;
        }

        .container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
            min-width: 100vw;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            background-color: #eee;
            position: relative;
        }

        .container_center {
            display: flex;
            flex-direction: column;
            justify-content: center;
            user-select: none;
        }

        .brand_logo {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 14px;
            margin-top: 8px;
            user-select: none;
        }

        .brand_logo>span {
            font-size: 12px;
            color: #7c7c7c;
        }

        .logo {
            width: 80px;
            height: 100%;
            background: url('/static1/fonts/e3e3be975820447e9fc6def1558d7819.woff') no-repeat;
            background-size: 100% 100%;
            margin: 0 6px;
            cursor: pointer;
        }

/*HTML5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ margin:0; padding:0; display:block }

/*RESET
-------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, button, fieldset, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0; width: 100%; vertical-align: top;margin-top: 0.2rem;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
del, ins { text-decoration: none }
caption, th { text-align: left }
input, button, textarea, select { font-size: 100% ; border:none; outline: none; /*! font:.7rem/1.5 '微软雅黑',YaHei,tahoma,arial,"Hiragino Sans GB",\5b8b\4f53 */}
q:before, q:after { content: '' }
addr, acronym { border: 0; font-variant: normal }
sup, sub { vertical-align: baseline }
body{ color:#333;background: #f5f5f5;}
a{text-decoration:none;}
::-webkit-input-placeholder { color:#ccc;font-size:15px; }
::-moz-placeholder { color:#ccc;font-size:15px; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc;font-size:15px; } /* ie */
input:-moz-placeholder { color:#ccc;font-size:15px; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none;
}
input[type='number']{-moz-appearance: textfield;}


.top{position:absolute; width:100%; height:55px; top:0px;}

header{height:55px;line-height: 55px;width:100%;background: #503f32;text-align: center;overflow: hidden; position:relative}

.ultop{list-style:none; width:320px; margin:0px auto; position:relative; top:-55px;}
.ultop li{float:left; width:25%; display:block; position:relative; line-height:55px;}
.ultop li a{display: inline-block;font-size:14px;color:#fff;margin:0 10px;}
.ultop li a:hover,.ultop li a.curr{color:#debb69;}
.ulsub{list-style:none; position:absolute; background: #503f32; top:54px;}
.ulsub li{border-bottom:1px solid #EEE; width:100%; height:30px; line-height:30px; text-align:center;}
.ulsub li a{font-weight:normal; font-size:12px; letter-spacing:3px; margin:0px;}
.ulsub li:last-child{border-bottom:none;}

main{width:auto;margin:50px auto 50px auto;overflow: hidden;background: #fff;min-height: 500px;}
.main-line{height:2px;width:45px;margin:0 auto;background: #19805c;}
.main-nav{margin:0px;text-align: center;}
.main-nav span,.main-nav a{display: block;height:50px;line-height: 50px;border:solid 1px #ccc;font-size:16px;color:#19805c;margin-bottom: 10px;border-radius: 3px;cursor: pointer;}
.main-nav span.curr,.main-nav span:hover,.main-nav a.curr,.main-nav a:hover{background: #19805c;color:#fff;}

.main-content{overflow: hidden;margin:15px;}
.main-content h1{font-size:24px;color:#19805c;font-weight: normal;text-align: center;}
.main-content h2{font-size:14px;color:#ccc;font-weight: normal;text-align: center;margin:15px 0;}
.main-content .txt{font-size:14px;color:#333;margin:30px 0;line-height: 22px;}

.main_browser{overflow: hidden;padding:15px 15px;border-top:solid 10px #f5f5f5;}
.main_browser .shuo{font-weight: bold;color:#333;font-size:13px;text-align: center;margin-bottom:10px;}
.main_browser p{font-size:13px;color:#666;line-height: 20px;}
.wrap_browser{overflow:hidden;text-align:center;}
.wrap_browser div{display:inline-block;width:80px;height:105px;text-align: center;margin:10px 10px;overflow:hidden;}
.wrap_browser div a{display:block;width:80px;height:80px;overflow:hidden;background:#eee;}
.wrap_browser div img{width:100%;height:100%;margin:0;}
.wrap_browser div p{color:#999;font-size:13px;line-height:25px;}


.reg-tit{text-align: center;font-size:24px;color:#666;margin-top:50px;}
.main-nav-reg{margin:40px 15px;}
.reg-content{margin:15px;overflow: hidden;font-size:14px;color:#474747;line-height: 23px;}
.reg-content li{overflow: hidden;position: relative;min-height: 23px;}
.reg-content li a{color:#19805c;}
.reg-content li .nu{display: block;width:20px;position: absolute;left:0;top:0;}
.reg-content li .c{margin-left:20px;}

.reg-daili-c{overflow: hidden;margin-bottom: 30px;}
.reg-daili-c li{width:25%;float:left;margin-bottom: 9px;}
.reg-daili-c li span{display:block;height:40px;line-height: 40px;text-align: center;border:solid 1px #ddd;border-radius: 3px;margin-right:6px;color:#19805c;}
.reg-daili-c li span.curr,.reg-daili-c li span:hover{background: #19805c;border-color:#19805c;color:#fff;cursor: pointer;}
.reg-daili-c li:nth-child(4n-1) span{margin:0 3px;}
.reg-daili-c li:nth-child(4n) span{margin:0 0 0 6px;}
.main-nav2{margin:20px 0;}

main.formbox{/*width:600px;*/}
.reg-form{margin:50px 15px;overflow: hidden;}
.reg-form .itembx{overflow: hidden;margin-bottom: 10px;min-height:50px;position: relative;}
.reg-form .itemcn{overflow: hidden;margin-right:95px;}
.reg-form .itemcn2{margin:0;}
.reg-form .itemcn i{display: block;width:24px;height:24px;position: absolute;left:6px;top:11px;background: #ccc;}
.reg-form .itemcn i.pn{background: url("/static1/images/icon01.png")no-repeat center;background-size: 12px;}
.reg-form .itemcn i.zm{background: url("/static1/images/icon02.png") no-repeat center;background-size: 14px;}
.reg-form .itemcn i.cd{background: url("/static1/images/icon03.png")no-repeat center;background-size: 14px;}
.reg-form .itemcn input{width:145px;height:45px;border:solid 1px #ccc;border-radius: 3px;padding:0 10px 0 35px;}
.reg-form .itemcn input:focus{border-color:#f90;}
.reg-form .itemcn2 input{width:242px;}
.reg-form .rgbtn{width:90px;height:47px;line-height: 47px;text-align: center;background: #19805c;color:#fff;font-size:13px;border-radius: 3px;transition: all .5s;
    position: absolute;top:0;right:0;overflow: hidden;}
.reg-form .rgbtn img{width:100%;height:100%;}
.reg-form .rgbtn_gy{background: #ccc;font-size:16px;}
.reg-form .rgbtn:hover{opacity: .8;cursor: pointer;}
.reg-form .rgbtndis,.reg-form .rgbtndis:hover{background: #ccc;opacity: 1;cursor: default;}
.reg-form-tx .rgbtn_xg{width:80px;}
.reg-form-tx .tit{float:left;width:70px;color:#999;font-size:13px;line-height: 45px;}
.reg-form-tx .itemcn input{padding:0 15px;width:258px;}
.reg-form-tx .itemcn input.code{width:150px;}
.reg-form-tx .rgbtn_tx{width:100px;}
.reg-button{overflow: hidden;margin-top:30px;}
.reg-button button{width:48%;height:45px;background: #999;color:#fff;cursor: pointer;transition: all .3s;border-radius: 3px;}
.reg-button button:hover{opacity: .8;cursor: pointer;}
.reg-button button.back{background: #999;}
.reg-button button.next{background: #19805c;float:right;}
.reg-button button.next2{width:100%;}
.reg-button-tx{margin-left:0px;}
.reg-button-tx button.sure{background: #19805c;width:100%;}
.itemsm{color:#999;font-size:12px;margin-top:5px;}
.reg-form-tx .keti{font-size:13px;color:#666;padding:10px 0;line-height: 25px;}
.reg-form-tx .keti span{color:#f00;}
.reg-form-tx .keti div{height:25px;padding:0 10px;border-radius:3px;
    background-color: #1E9FFF;color:#fff;float:right;cursor: pointer;font-size:12px;}
.reg-form-tx .itemcn_tx{position: relative;margin:0;}
.reg-form-tx .itemcn_tx input{width:148px;padding:0 60px 0 80px;text-align: right;}
.reg-form-tx .itemcn_tx em{display: block;width:60px;line-height:45px;position: absolute;left:15px;top:1px;font-size:14px;}
.reg-form-tx .itemcn_tx span{display: block;line-height:45px;position: absolute;right:15px;top:1px;font-size:14px;}

.recg-content{text-align: center;}
.recg-content .rate{margin:30px 0 10px 0;font-size:14px;overflow: hidden;}
.recg-content .rate a{color: #19805c;}
.recg-content .adwrap{line-height: 30px;}
.recg-content .adwrap em{color:#666;word-break: break-all;display: inline-block;font-size:16px;line-height: 20px;}
.recg-content .adwrap span{color:#19805c;}
.recg-content .adwrap span.youxq{display: inline-block;border: solid 1px #f00;line-height: :24px;padding: 0 5px;color: #f00;font-weight: bold}
.recg-content .adwrap a{display: inline-block;background: #999;color:#fff;padding:0 15px;border-radius: 5px;cursor: pointer;}
.recg-content .adwrap2 div{float:left;width:200px;text-align: left;}
.recg-content .adwrap2 a{margin-top:30px;float:right;}
.recg-content .codewrap img{width:120px;height:120px;margin:50px 0;}
.recg-content .codewrap input{padding:0 10px;width:266px;height:45px;text-align: center;border:solid 1px #ccc;}
.recg-content .codewrap input:focus{border-color:#f90;}
.recg-content .codewrap button{width:100%;height:45px;background: #19805c;color:#fff;margin-top: 10px;transition: all .5s;}
.recg-content .codewrap button:hover{opacity: .8;cursor: pointer;}
.recg-content .warnwrap{color:#f00;margin:30px 0 50px 0;}
.recg-content .warnwrap2{text-align: left;margin:20px 0;border-bottom:solid 1px #ddd;padding-bottom: 25px;}
.recg-content .regstips{color:#f00;margin-bottom: 50px;text-align: left;}
.tixiansp{line-height: 30px;font-size:14px;color:#333;margin-bottom: 10px;}
.tixiansp a{float:right;color:#19805c;}
.tixiansp span{color:#999;padding-left: 30px;}

.reg-suc{margin:80px 15px 15px 15px;overflow: hidden;text-align: center;line-height: 20px;}
.reg-suc .icon_suc{width:64px;height:64px;margin:0 auto;
    background: url("/static1/images/icon_gou.png")/*tpa=https://www.hg168.vip/images/icon_gou.png*/ no-repeat center;background-size:48px;border:solid 2px #19805c;border-radius: 50%;}
.reg-suc .txt_suc{font-size:16px;color:#19805c;margin-top:6px;}
.reg-suc .qus{color:#666;font-size:13px;margin-top:50px;}
.reg-suc a{color:#19805c;font-size:13px;}
.reg-suc button,.reg-suc a.btn{width:100%;height:45px;line-height:45px;display:block;font-size:14px;
    border-radius:3px;background: #19805c;color:#fff;margin-top: 50px;transition: all .5s;}
.reg-suc button:hover,.reg-suc a.btn:hover{opacity: .8;cursor: pointer;}
.reg-tips{margin:30px 0;font-size:13px;color:#666;line-height: 22px;text-align: left;}
.reg-tips li{min-height: 22px;position: relative;}
.reg-tips .nu{display: block;width:20px;position: absolute;left:0;top:0;}
.reg-tips .c{margin-left:20px;}

.fgetlst{margin-top:50px;padding-bottom: 30px;}
.fgetlst ul{text-align: left;line-height: 22px;color:#666;margin-top:40px;overflow: hidden;font-size:14px;}

.foothp{position:fixed;left:0;bottom:0;width:100%;height:40px;line-height:40px;font-size:12px;color:#999;background:#fff;text-align:center;box-shadow:-1px -1px 3px #ddd;}

@media (max-width:768px){
    main{}
}
@media (max-width:600px){
    main.formbox{width:100%;}
    .reg-form{margin:50px 20px;}
}
@media (max-width:460px){
    .reg-form{margin:50px auto;width:295px;}
    .reg-form .rgbtn{margin:0px;}
    .reg-button button{width:48%;}
    .reg-form-tx .itemtx input{padding:0 15px;width:260px;}
    .reg-form-tx .tit{float:none;}
    .reg-form-tx .rgbtn_tx{margin:0;}
    .reg-button-tx{margin-left:0;}
    header a{margin:0 10px;}
}