@charset "utf-8";

html {font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */}
*,:after,:before{box-sizing:inherit;-moz-box-sizing:inherit; /* Firefox */color:inherit}
.cf:before,.cf:after {content: " "; display: table;line-height: 0;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

body {font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif;font-size: 14px;line-height: 1.5;color: #6F7479;
    background-color: #fff;margin: 0;padding: 0;}

a {text-decoration: none;outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
p,ul, li, h1, h2, h3, h4, h5, h6, dl, dd, a {margin: 0;padding: 0;color: inherit;font-size: inherit;font-weight: inherit;}
:focus { outline:0; }

.black{color: #252b3a;}
.white{color: #fff;}
.gray-b{color: #a0a2a8;}
.gray-w{color: rgba(255,255,255,.6);}
.link,.blue{color: #387cf0;}
.activity.light .link:hover{color: #2d65c4;}
.activity.dark .link:hover{color: #609bff;}
.red,.price{color: #f66f6a;}
.yellow{color: #f7a655;}
img{display: block;width: 100%;}
.h1{font-size: 48px;line-height: 60px;}
.h2{font-size: 28px;line-height: 36px;}
.h3{font-size: 24px;line-height: 30px;}
.h4{font-size: 22px;line-height: 28px;}
.h5{font-size: 20px;line-height: 26px;}
.h6{font-size: 18px;line-height: 22px;}
.h7{font-size: 16px;line-height: 20px;}
.h8{font-size: 14px;line-height: 18px;}
.h9{font-size: 12px;line-height: 16px;}
.p1{font-size: 16px;line-height: 24px;}
.p2{font-size: 14px;line-height: 22px;}
.p3{font-size: 12px;line-height: 18px;}
.lh1{line-height: 1 !important;}
.bdr2{border-radius: 2px}
.bdr4{border-radius: 4px}

.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12,
.col-pd-1, .col-pd-2, .col-pd-3, .col-pd-4, .col-pd-5, .col-pd-6, .col-pd-7, .col-pd-8, .col-pd-9, .col-pd-10, .col-pd-11, .col-pd-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; }
.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12 { float: left; }
.col-mb-1 { width: 8.33333333%; }
.col-mb-2 { width: 16.66666667%; }
.col-mb-3 { width: 25%; }
.col-mb-4 { width: 33.33333333%; }
.col-mb-5 { width: 41.66666667%; }
.col-mb-6 { width: 50%; }
.col-mb-7 { width: 58.33333333%; }
.col-mb-8 { width: 66.66666667%; }
.col-mb-9 { width: 75%; }
.col-mb-10 { width: 83.33333333%; }
.col-mb-11 { width: 91.66666667%; }
.col-mb-12 { width: 100%; }
@media (min-width: 768px) {
    .col-pd-1, .col-pd-2, .col-pd-3, .col-pd-4, .col-pd-5, .col-pd-6, .col-pd-7, .col-pd-8, .col-pd-9, .col-pd-10, .col-pd-11, .col-pd-12 { float: left; }
    .col-pd-1 { width: 8.33333333%; }
    .col-pd-2 { width: 16.66666667%; }
    .col-pd-3 { width: 25%; }
    .col-pd-4 { width: 33.33333333%; }
    .col-pd-5 { width: 41.66666667%; }
    .col-pd-6 { width: 50%; }
    .col-pd-7 { width: 58.33333333%; }
    .col-pd-8 { width: 66.66666667%; }
    .col-pd-9 { width: 75%; }
    .col-pd-10 { width: 83.33333333%; }
    .col-pd-11 { width: 91.66666667%; }
    .col-pd-12 { width: 100%; }
}
@media (min-width: 1024px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-12 { width: 100%; }
}
@media (min-width: 1280px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    .col-md-1 { width: 8.33333333%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-12 { width: 100%; }
}
@media (min-width: 1366px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
    .col-lg-1 { width: 8.33333333%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-3 { width: 25%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-6 { width: 50%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-9 { width: 75%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-12 { width: 100%; }
}
@media (min-width: 1680px) {
    .col-xg-1, .col-xg-2, .col-xg-3, .col-xg-4, .col-xg-5, .col-xg-6, .col-xg-7, .col-xg-8, .col-xg-9, .col-xg-10, .col-xg-11, .col-xg-12 { float: left; }
    .col-xg-1 { width: 8.33333333%; }
    .col-xg-2 { width: 16.66666667%; }
    .col-xg-3 { width: 25%; }
    .col-xg-4 { width: 33.33333333%; }
    .col-xg-5 { width: 41.66666667%; }
    .col-xg-6 { width: 50%; }
    .col-xg-7 { width: 58.33333333%; }
    .col-xg-8 { width: 66.66666667%; }
    .col-xg-9 { width: 75%; }
    .col-xg-10 { width: 83.33333333%; }
    .col-xg-11 { width: 91.66666667%; }
    .col-xg-12 { width: 100%; }
}

/****dropdown start****/
.dropdown{position: relative;display: inline-block;width: 100%;color: #666a75;font-size: 0;}
.dark .dropdown,.dark .dropdown{color: rgba(255,255,255,.8);}
.dropdown .ui-title{display: inline-block;width: 56px;color: #666a75;font-size: 14px;line-height: 32px;margin-right: 10px;vertical-align: top;white-space: nowrap;}
.dropdown.small .ui-title{line-height: 24px;}
.dropdown .ui-reveal{display: inline-table;width: calc(100% - 66px);height: 32px;padding: 4px 0 4px 9px;font-size: 14px;border-radius: 2px;border: 1px solid #ddd;background-color: #fff;cursor: pointer;}
.dropdown.small .ui-reveal{height: 22px;padding-left: 5px;line-height: 14px;}
/*.dropdown .ui-reveal:hover{border-color: #a0a2a8;}*/
.dropdown .ui-reveal span{display: table-cell;padding-right: 10px;color: #252b3a;vertical-align: middle;}
.dropdown .ui-reveal i{position: relative;display: table-cell;width: 30px;height: 22px;border-left: 1px solid #ddd;vertical-align: middle;}
.dropdown.small .ui-reveal i{height: 14px;}
.dropdown .ui-reveal i::after{content: '';position: absolute;width: 0;height: 0;top: 9px;left: 9px;border-width: 5px;border-style: solid;border-color: #666a75 #fff #fff #fff;}
.dropdown.small .ui-reveal i::after{top: 5px;}
.dropdown .ui-content{display: none;position: absolute;margin-top: 5px;border-radius: 2px;border: 1px solid #ddd;background-color: #fff;cursor: pointer;overflow: hidden;z-index: 9;}
.dropdown li{padding: 0 9px;color: #666a75;font-size: 14px;line-height: 32px;}
.dropdown.small li{line-height: 24px;}
.dropdown li:hover{color: #f66f6a;background-color: #f7f7f7;}
.dropdown li:active{color: #fff;background-color: #f66f6a;}
@media(max-width: 768px){
    .dropdown .ui-reveal:hover{
        border: 1px solid #ddd;
    }
    .dropdown li:hover,.dropdown li:active{
        color: #666a75;
        background-color: #fff;
    }
}
/****dropdown end****/

/****radio & checkbox start****/
.radio,.checkbox{color: #666a75;font-size: 0;}
.dark .radio,.dark .checkbox{color: rgba(255,255,255,.8);}
.radio .ui-title,.radio ul,.radio li,.checkbox .ui-title,.checkbox ul,.checkbox li{display: inline-block;}
.radio .ui-title,.checkbox .ui-title{font-size: 14px;line-height: 16px;vertical-align: middle;}
.radio[ui="radio2"] .ui-title,.radio[ui="radio3"] .ui-title{line-height: 32px;vertical-align: top;}
.radio li,
.checkbox li{
    position: relative;
    font-size: 14px;
    cursor: pointer;
}
.radio[ui="radio1"] li,
.checkbox li{
    line-height: 16px;
    vertical-align: middle;
}
.radio[ui="radio1"] li+li,
.checkbox li+li{
    margin-left: 20px;
}
.radio[ui="radio1"] li::before{
    content: '';
}
.radio[ui="radio1"] li::before,
.checkbox li i{
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    margin-right: 10px;
    border-radius: 16px;
    border: 1px solid #ddd;
    background-color: #fff;
    vertical-align: top;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.radio[ui="radio1"] li:hover::before{
    border: 1px solid #f66f6a;
}
.radio[ui="radio1"] li.active::before{
    border: 5px solid #f66f6a;
}
.radio[ui="radio2"] li,
.radio[ui="radio3"] li{
    padding: 0 9px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.radio[ui="radio2"] li{
    border-radius: 2px;
}
.radio[ui="radio2"] li+li{
    margin-left: 10px;
}
.radio[ui="radio2"] li:hover,
.radio[ui="radio2"] li.active{
    color: #f66f6a;
    border: 1px solid #f66f6a;
}
.radio[ui="radio3"] li+li{
    border-left: none;
}
.radio[ui="radio3"] li:first-child{
    border-radius: 2px 0 0 2px;
}
.radio[ui="radio3"] li:last-child{
    border-radius: 0 2px 2px 0;
}
.radio[ui="radio3"] li:hover{
    color: #f66f6a;
}
.radio[ui="radio3"] li.active{
    color: #fff;
    border-color: #f66f6a;
    background-color: #f66f6a;
}
.checkbox li i{
    position: relative;
    border-radius: 2px !important;
}
.checkbox li:hover i{
    border-color: #f66f6a;
}
.checkbox li.active i{
    border-color: #f66f6a;
    background-color: #f66f6a;
}
.checkbox li.active i::before,
.checkbox li.active i::after{
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    background-color: #fff;
}
.checkbox li.active i::before{
    width: 5px;
    top: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox li.active i::after{
    width: 8px;
    top: 6px;
    right: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/****radio & checkbox end****/

/****button start****/
.btn-s, .btn-m, .btn-l{display: inline-block;text-align: center;border-radius: 2px;border: 1px solid;cursor: pointer;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.btn-s{padding: 0 19px;font-size: 14px;line-height: 30px;}
.btn-m{padding: 0 19px;font-size: 16px;line-height: 38px;}
.btn-l{padding: 0 29px;font-size: 16px;line-height: 38px;}
.btn-red{color: #fff;border-color: #f66f6a;background-color: #f66f6a;}
.light .btn-red:hover{box-shadow: 0 8px 16px 0 rgba(246,111,106,.3);}
.dark .btn-red:hover{background: rgba(246,111,106,.9);}
.btn-white{color: #f66f6a;border-color: #f66f6a;}
.btn-white:hover{color: #fff;border-color: #f66f6a;background-color: #f66f6a;}
.dark .btn-white{color: #fff;border-color: #fff;}
.dark .btn-white:hover{color: #fff;border-color: #f66f6a;background: #f66f6a;}
.light .btn-black{color: #252b3a;border-color: #252b3a;}
.disable{pointer-events: none;}
.light .btn-s.disable,.light .btn-m.disable,.light .btn-l.disable{color: #a0a2a8;border-color: #ddd;background-color: #f7f7f7;}
@media(max-width: 768px){
    .btn-s, .btn-m, .btn-l{
        padding: 0 14px;
        font-size: 14px;
        line-height: 30px;
    }
    .light .btn-red:hover{
        box-shadow: none;
    }
    .dark .btn-red:hover{
        background: #f66f6a;
    }
    .light .btn-white:hover{
        color: #f66f6a;
        border-color: #f66f6a;
        background-color: inherit;
    }
    .dark .btn-white:hover{
        color: #fff;
        border-color: #fff;
        background: inherit;
    }
}
/****button end****/

/************************modal star************************/
.shade{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 200;opacity: .8;}
.modal{display: none;position: fixed;top: 50%;left: 50%;z-index: 999;background-color: #fff;border-radius: 2px;transform: translate(-50%, -50%);}
.modal-s{width: 400px}
.modal-m{width: 550px}
.modal-l{width: 700px}
.modal-xl{width: 900px}
.mod-close{position: absolute;width: 22px;height: 22px;top: 20px;right: 20px;cursor: pointer;overflow: hidden;transform: rotate(45deg);}
.mod-close::before,.mod-close::after{content: '';display: block;position: absolute;width: 22px;height: 2px;top: 10px;left: 0;background-color: #999;}
.mod-close::after{width: 2px;height: 22px; top: 0;left: 10px;}
.mod-header{padding-top: 30px;color: #333;font-size: 24px;font-weight: bold;line-height: 1;}
.mod-caption{padding-left: 27px;border-left: 3px solid #f41e2b;}
.mod-body{padding: 0 30px;margin: 30px 0;*zoom: 1;}
.mod-body.scroll{overflow-y: scroll;padding-right: 23px;margin-right: 2px;}
.mod-body::-webkit-scrollbar {width: 5px;border-radius: 8px;background-color: rgba(51,51,51,.6);}
.mod-body::-webkit-scrollbar-track {border-radius: 8px;background-color: #fff;}
.mod-body::-webkit-scrollbar-thumb {border-radius: 8px;background-color: rgba(51,51,51,.6)}
.modal-m .mod-body.scroll{height: 237px;}
.modal-l .mod-body.scroll{height: 349px;}
.modal-xl .mod-body.scroll{height: 424px;}
.mod-body::after{content: ' ';display: table; line-height: 0;clear: both;}
.mod-state-icons{float: left;width: 40px;height: 40px;margin-right: 20px;background-repeat: no-repeat;background-image: url(../images/icons-modal.png);background-size: auto 100%;}
.mod-state-icons.icon2{background-position: -40px 0;}
.mod-state-icons.icon3{background-position: -80px 0;}
.mod-state-icons.icon4{background-position: -120px 0;}
.mod-content{float: left;max-width: calc(100% - 60px);min-height: 40px;}
.mod-content.state-icons-none{max-width: 100%; width: 100%;}
.mod-content-layout{display: table;}
.mod-content-center{display: table-cell;vertical-align: middle;}
.mod-content-title{color: #333;font-size: 18px;font-weight: bold;line-height: 1.25;}
.mod-content-title+.mod-content-detail{margin-top: 5px;}
.mod-footer{padding: 15px;font-size: 0;text-align: center;background-color: #f5f5f5;border-radius: 0 0 2px 2px;}
.mod-footer .btn-s+.btn-s{ margin-left: 20px;}
.mod-rule-wrapper{padding-left: 20px;}
.mod-rule-wrapper li{color: #333;list-style: decimal;text-align: justify;}
.mod-rule-wrapper li+li{margin-top: 5px;}

.modal-l .mod-body.scroll {height: 265px;}
.abtn-lv1 {color: #fff;background-color: #e41f2b;}
.abtn-s {display: inline-block;height: 32px;padding: 0 19px;font-size: 14px;line-height: 30px;border: 1px solid #e41f2b;cursor: pointer;}
.abtn-lv1:active {color: #fff;background-color: #c8000d;border-color: #c8000d;}
.abtn-lv1:hover{color: #fff;background-color: #f24651;border-color: #f24651;}

@media(max-width:768px){
    .modal-s,.modal-m,.modal-l,.modal-xl{
        max-width: calc(100% - 30px);
    }
    .mod-header{
        font-size: 20px;
    }
    .mod-state-icons{
        margin-right: 10px;
    }
    .mod-content-title{
        font-size: 16px;
    }
    .modal-s .mod-body.scroll,
    .modal-m .mod-body.scroll,
    .modal-l .mod-body.scroll,
    .modal-xl .mod-body.scroll{
        height: calc(100vh - 372px);
    }
    .mod-rule-wrapper li+li{
        margin-top: 2px;
    }
}
@media(max-width:320px){
    .modal-s .mod-body.scroll,
    .modal-m .mod-body.scroll,
    .modal-l .mod-body.scroll,
    .modal-xl .mod-body.scroll{
        height: calc(100vh - 212px);
    }
}
/************************modal end************************/

.header{background-color:rgb(25, 52, 86)}

#content{background-position: center top;background-repeat: repeat-y;background-color: #c5d1e0;overflow: hidden;/* padding-top: 55px; */}
.section{width: 100%;padding-bottom: 50px;padding-top: 0;}
.dark-theme {background-color: #261188;}
.banner{height: 410px;background-position: center;background-image: url(../images/banner.jpg?v=091402);margin-top: 55px;}
.banner .content{height: 350px;display: table;width: 100%;max-width: 1180px;margin: 0 auto;}
.layout-middle{display: table-cell;vertical-align: middle;}
.banner .content p+p{margin-top:10px;}

.headline, .content{max-width: 1180px;margin: 0 auto;}
.headline{margin-bottom: 30px;text-align: center;}
.headline .h7{margin-top: 10px}
.rule-inlet{display: inline-block;margin-left: 10px;color: #387cf0;cursor: pointer;}

.newuser.content{padding: 30px;background-image: url(../images/newuser-bg.png);background-size: cover;}
.card{position: relative;box-shadow: 0 8px 16px 0 rgba(147,154,255,.1);border-radius: 4px;}
.newuser-title{display: table;width: 100%;height: 40px;padding-bottom: 25px;margin-bottom: 20px;color: #fff;border-bottom: 1px solid rgba(204,204,204,.5);}
.newuser-title .h3{display: table-cell;width: 170px;vertical-align: middle;}
.newuser-title .p2{line-height: 20px;}
.newuser .card{padding: 20px;color: #252b3a;background-color: #fff;}
.newuser .card .h3{float: none;width: 100%;height: auto;}
.newuser .card .p2{margin-bottom: 20px;}
.newuser .card .dropdown+.dropdown{margin-top: 10px;}
.dropdown .regular{display: inline-block;padding-left: 10px;color: #252b3a;font-size: 14px;line-height: 32px;}
.package{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
.newuser .card .meal-price .p2{display: inline-block;margin-bottom: 0;}
.meal-price .price{display: inline-block;font-size: 26px;line-height: 1;}
.newuser .btn-m{width: 100%;margin-top: 10px;}
.newuser .btn-m{width: 100%;margin-top: 10px;}

.AGrid-row:before,.AGrid-row:after {content: " ";display: table;line-height: 0;}
.AGrid-row:after {clear: both;}
.AGrid-row {*zoom: 1;clear: both;}
.AGrid-row.no-gap,.gap .AGrid-row.no-gap {margin: 0;}
.AGrid-row.no-gap [class^=col-],.gap .AGrid-row.no-gap [class^=col-] {padding: 0;}
.AGrid-row.gap,.no-gap .AGrid-row.gap {margin: -10px;}
.AGrid-row.gap [class^=col-],.no-gap .AGrid-row.gap [class^=col-] {padding: 10px;}

@media(max-width: 1199px){
    .newuser .AGrid-row.gap{
        margin: -5px;
    }
    .newuser .AGrid-row.gap [class^=col-]{
        padding: 5px;
    }
    .newuser .card{
        padding: 15px;
    }
    .radio .discount{
        margin-left: 5px;
    }
}
@media (max-width: 799px) {
    .AGrid-row.gap,.no-gap .AGrid-row.gap {
        margin: -5px;
    }
    .AGrid-row.gap [class^=col-],.no-gap .AGrid-row.gap [class^=col-] {
        padding: 5px;
    }
}
@media(max-width: 768px){
    .newuser.content{
        padding: 20px 15px;
    }
    .newuser-title{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .newuser-title .h3{
        width: 120px;
    }
    .package{
        height: auto;
    }
    .package .dropdown{
        display: block;
        max-width: 100%;
        width: 230px;
    }
    .dark-theme{
        background-color: #33189b;
    }
    .activity.dark{
        background-color: #33189b;
    }
    .banner{
        height: auto;
        background-image: none;
    }
    .banner .content{
        height: auto;
    }
    .banner .layout-middle{
        display: none;
    }
    .banner-mb{
        display: block;
    }
}
@media(max-width: 480px){
    .newuser-title .h3,
    .newuser-title .p2{
        display: block;
        width: 100%;
    }
    .newuser-title .p2{
        margin-top: 5px;
    }
}

@media (max-width: 799px) {
    .mb-hide {
        display: none !important;
    }
}
@media (min-width: 800px) {
    .pd-hide {
        display: none !important;
    }
}
@media (min-width: 1024px)  {
    .sm-hide {
        display: none !important;
    }
}
@media (min-width: 1280px)  {
    .md-hide {
        display: none !important;
    }
}
@media (min-width: 1366px)  {
    .lg-hide {
        display: none !important;
    }
}
@media (min-width: 1680px) {
    .xg-hide {
        display: none !important;
    }
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 8px;height: 8px;background-color: #F0F2F5;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {border-radius: 8px;background-color: #F0F2F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {border-radius: 8px;background-color: #bfc3c6;}