a,a:hover{

    text-decoration: none;

}

ul{

    list-style: none;

    margin: 0;

    padding: 0;

}

img{

    max-width: 100%;

}

.siteTop .siteWelcome h3{

    font-size: 28px;

    color: #25c8ff;

    padding: 12px 12px 0;

    margin: 0;

}

.siteTop .siteWelcome p{

    padding: 0 12px 16px;

    color: #9a9a9a;

    font-size: 16px;

    margin: 0;

}

.flexWrap{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.product{

    margin: 20px auto;

    padding: 10px 0;

    background: #fff;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

}

.product ul li{

    width: 49%;

    margin-bottom: 10px;

    background: #fff;

    border-radius: 2px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);;

}

.product ul li .top{

    width: 100%;

    height: 200px;

    padding: 8px;

}

.product ul li .under .title{

    height: 58px;

    overflow: hidden;

    padding: 8px;

    font-size: 14px;

    box-sizing: border-box;

    text-align: center;

    color: rgba(0,0,0,.87);

    padding: 0 8px;

}

.product ul li .under .title a{

    color: rgba(0,0,0,.87);

}

.product ul li .under .price{

    color: #f39839;

    padding: 8px;

    font-size: 14px;

    margin: 0;

    box-sizing: border-box;

} 



.footer{

    box-shadow: 0 3px 14px 2px rgb(0 0 0 / 12%);

}

.footer .item{

    width: 25%;

    padding: 4px 0;

}

.footer .item a{

    color: #868f8b;

}

.footer .item .iconfont{

    font-size: 18px;

    margin: 0;

}



.footer .item p{

    line-height: 1;

    margin: 0;

    font-size: 12px;

}

.mg_out::after{

    display: block;

    width: 100%;

    height: 40px;

    content: '';

}

.footer .item a.active{

    color: #25c8ff!important;

}



.topbanner{

    width: 100%;

    height: 160px;

    background: url('../img/a1.jpg')no-repeat center center /cover;

}

.activityList{

    margin: 10px auto;

}

.activityList li{

    padding: 4px 8px;

}

.activityList li .wrap{

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    border-radius: 2px;

    overflow: hidden;

}

.winTop{

    padding: 15px;

}

.winTop .winWrap{

    color: #fff;

    position: relative;

    border-radius: 10px;

    padding: 12px 8px 12px 8px;

    background: url('../img/11.be9bb9f4.png')no-repeat center center/cover;

}

.winTop .winWrap p{

    padding: 12px 8px 35px;

}

.winTop .winWrap .RecBtn{

    display: inline-block;

    padding: 0 15px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    color: rgba(0,0,0,.87);

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    border: 0;

    border-radius: 6px;

    margin-right: 10px;

    color: #fff;

    background-image: url('../img/rbtn.bc8ac8f6.png')no-repeat center center/cover;

}

.winTop .winWrap .picBtn{

    width: 40px;

    position: absolute;

    right: 8px;

    bottom: 12px;

    display: inline-block;

}

.winTop .winWrap .picBtn img{

    width: 100%;

}

.winTabs li{

    width: 50%;

    text-align: center;

    background: #797878;

    line-height: 48px;

    font-size: 14px;

    opacity: 0.7;

}

.winTabs li a{

    color: #333;

    display: inline-block;

    width: 100%;

}

.winTabs li.active{

    opacity: 1;

    background: url('../img/win-nav-li.5c6f242b.png')no-repeat center center/cover;

}



.Bets{

    padding: 10px 0;

}

.Bets p{

    margin-bottom: 12px;

    color: #7d7d7d;

}

.Bets p .iconfont{

    color: #86a7f8;

    font-size: 20px;

    margin-right: 5px;

    vertical-align: middle;

}

.Bets .num{

    font-size: 22px;

    color: rgba(0,0,0,.87)

}

.touzhuBtn{

    margin: 20px auto;

}

.touzhuBtn .tzBtn{

    display: inline-block;

    padding: 8px 13px;

    font-size: 14px;

    border-radius: 2px;

    border: 0;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;

    background: #4caf50;

    color: #fff;

}

.touzhuBtn .tzBtn:nth-child(2){

    background: #9c27b0;

}

.touzhuBtn .tzBtn:nth-child(3){

    background: #f44336;

}

.numTz a{

    width: 18%;

    display: inline-block;

    margin-bottom: 15px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;

    /*background: url('../img/rbtn.bc8ac8f6.png') bottom;*/

    border-radius: 6px;

    text-align: center;

    color: #fff;

    padding: 10px 0;

}



.numTz .tzBtn.green {

    background-color: #4caf50;

}



.numTz .tzBtn.red {

    background-color: #f44336;

}



.numTz .tzBtn.purple-red {

    background: linear-gradient(160deg, purple 0%, purple 50%, #f44336 50%, #f44336 100%);

}



.numTz .tzBtn.purple-green {

    background: linear-gradient(160deg, purple 0%, purple 50%, #4caf50 50%, #4caf50 100%);

}





.tzBtn.disable {

    background-color: gray !important;

    background: gray !important;

}





.pubTabTit {

    border-bottom: 2px solid #25c8ff;

    padding: 12px 0;

    font-size: 14px;

}

.pubTabTit .iconfont{

    font-size: 20px;

    color: #25c8ff;

    margin-right: 5px;

    vertical-align: middle;

}

.recordTab{

    margin: 0;

}

.recordTab thead th{

    font-size: 12px;

    color: rgba(0,0,0,.54);

    text-align: center;

    width: 25%;

}

.recordTab tbody td{

    text-align: center;

    color: #333;

    font-size: 12px;

}

.recordTab tbody tr td:nth-child(3){

    color: #4caf50;

}

.recordTab tbody tr td.redTd{

    color: #f44336;

}

.recordTab tbody tr td .dot{

    display: inline-block;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    /*background: #008000;*/

    margin: 0 2px;

}

.recordTab tbody tr td .dot.green{

    background: #1eb83f;

}

.recordTab tbody tr td .dot.indigo{

    background: #6610f2;

}



.recordTab tbody tr td .dot.pink{

    background: #ee82ee;

}

.recordTab tbody tr td .dot.red{

    background: #ff0000;

}

.tab-ctrl{

    font-size: 12px;

    color: rgba(0,0,0,.54);

    line-height: 50px;

    border-bottom: 1px solid #a6a6a6;

    padding: 0 15px;

}

.tab-ctrl span{

    display: inline-block;

    margin-right: 20px;

}

.tab-ctrl a{

    color: #333;

    display: inline-block;

    margin-left: 30px;

    font-size: 16px;

    font-weight: 700;

}

.MyRecord{

    margin: 20px auto;

}

.MyRecord .accordion .card .parent-nav{

    position: relative;

    line-height: 40px;

    padding: 0 15px;

    font-size: 14px;

}

.MyRecord .accordion .card .parent-nav span{

    margin-right: 20px;

}

.MyRecord .accordion .card .parent-nav span.red{

    color: #f44336;

}

.MyRecord .accordion .card .parent-nav span.blue{

    color: #25c8ff;

}

.MyRecord .accordion .card .parent-nav .fas{

    position: absolute;

    right: 15px;

    line-height: 40px;

    color: #969799;

    font-size: 16px;

}

.MyRecord .accordion .card .parent-nav label{

    margin: 0;

}

.accordionCont{

    padding: 10px 15px;

}

.accordionCont .tit{

    color: rgb(38 201 255);

    font-size: 14px;

    margin-bottom: 0px;

}

.accordionCont table{

    margin: 15px 0;

    font-size: 12px;

    width: 100%;

}

.accordionCont table tr{

    line-height: 30px;

}

.accordionCont table tr td{

    width: 50%;

}

.accordionCont table tr td.yellow{

    color: #f39839;

}

.accordionCont table tr td.blue{

    color: rgb(37, 200, 255);

}

.accordionCont table tr td.red{

    color: #f44336;

}

.payBtn{

    float: right;

    display: inline-block;

    font-size: 13px;

    height: 28px;

    line-height: 28px;

    padding: 0 12px;

    background: #25c8ff;

    color: #fff;

    border: 0;

    border-radius: 4px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

}

.header{

    height: 56px;

    width: 100%;

    line-height: 56px;

    box-sizing: border-box;

    background: #25c8ff;

    color: #fff;

    font-size: 20px;

    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);

    transition: .2s cubic-bezier(.4,0,.2,1);

}

.header a{

    color: #fff;

}

.header .iconfont{

    font-size: 24px;

    vertical-align: middle;

    margin-right: 10px;

}

.productInfo{

    margin: 20px auto;

}

.productInfo .title{

    font-size: 14px;

    margin: 0;

    line-height: 1.5;

}

.productInfo .price{

    font-size: 18px;

    color: #f39839;

    font-weight: 700;

    margin: 8px auto;

}

.productInfo a{

    padding: 10px 15px;

    border: 0;

    font-size: 14px;

    border-radius: 4px;

    margin-top: 10px;

    display: inline-block;

    background: #dcdcdc!important;

    color: rgba(0,0,0,.26)!important;

}

.proTable .table th{

    width: 50%;

    border: none;

}

.proTable .table td{

    width: 50%;

    font-size: 14px;

}

.proTable .table tr td:nth-child(1){

    padding-left: 8%;

}

.loginForm{

    margin: 30px 15px;

}

.loginForm .formItem{

    width: 100%;

    position: relative;

    margin-bottom: 30px;

}

.loginForm .formItem input{

    width: 100%;

    line-height: 45px;

    background: #fff;

    outline: none;

    border: none;

    text-indent: 3rem;

    border-radius: 3px;

    box-shadow:  0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);

}

.loginForm .formItem .iconfont{

    position: absolute;

    left: 10px;

    vertical-align: middle;

    font-size: 24px;

    line-height: 45px;

    color: rgba(0,0,0,.26);

}

.loginForm .formItem button{

    outline: none;

    border: none;

    background: #25c8ff;

    text-align: center;

    display: block;

    color: #fff;

    width: 60%;

    line-height: 45px;

    margin: 0 auto;

    border-radius: 3px;

    box-shadow:  0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);

}

.resetPWD{

    display: flex;

    flex-wrap: nowrap;

    width: 60%;

    margin: 0 auto;

    margin-top: 20px;

    padding: 0 10px;

    justify-content: space-between;

}

.resetPWD a{    

    display: inline-block;

    line-height: 45px;

    box-shadow:  0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);

    color: #333;

    padding: 0px 15px;

    font-size: 12px;

    border-radius: 3px;

}

.vsCode{

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    position: relative;

}

.loginForm .formItem.vsCode input{

    width: 70%!important;

}

.loginForm .formItem.vsCode button{

    width: 20%;

    margin: 0;

    background: #f1f0f0;

    color: #333;

}

.downBtn{

    padding: 0 15px;

}

.downBtn a{

    text-align: center;

    display: block;

    color: #fff;

    width: 60%;

    margin: 0 auto;

    margin-top: 10px;

    border-radius: 3px;

    background: #25c8ff;

    line-height: 45px;

    box-shadow:  0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);

}

.checkbox__icon{

    margin: 20px auto;

    font-size: 14px;

}

.checkbox__icon .iconfont{

    width: 18px;

    height: 18px;

    font-size: 14px;

    margin-right: 10px;

    display: inline-block;

}

.checkbox__icon .blue{

    color: #25c8ff;

}

.mine{

    padding: 15px;

}

.mine_top{

    border-radius: 5px 5px;

    color: #fff;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    transition: .3s cubic-bezier(.25,.8,.5,1);

    padding: 10px;

    background: url('../img/11.be9bb9f4.png')no-repeat center center/cover;

}

.mine .mine_top .right a{

    display: inline-block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: #fff;

    text-align: center;

    line-height: 40px;

    font-size: 18px;

    color: #333333;

}

.mine .mine_top .right a .iconfont{

    font-size: 18px;

}

.mine .mine_top .top .left .dot{

    width: 40px;

    height: 40px;

    background: #afa0e5;

    border-radius: 50%;

    line-height: 40px;

    font-size: 20px;

    margin-right: 10px;

    text-align: center;

    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;

}

.mine .mine_top .top .left .username .name{

    margin-bottom: 0;

    line-height: 20px;

}

.mine .mine_top .top .left .username .id{

    line-height: 20px;

}

.mine .mine_top .info{

    margin-left: 15px;

    margin-top: 10px;

}

.mine .mine_top .info p{

    line-height: 30px;

    margin: 0;

}

.mine .mine_top .btnBox{

    margin-top: 10px;

}

.mine .mine_top .btnBox a{

    display: inline-block;

    margin-right: 5px;

    line-height: 30px;

    border-radius: 5px 5px;

    font-size: 12px;

    padding:0 6px;

    color: #fff;

    background:#5ba3f0;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

}

.mine .mine_top .btnBox a:nth-child(2){

    background: #fff;

    color: #333;

}

.mine .mine_top .btnBox a:nth-child(3){

    background: #38e0cd;

}

.myMenu li{

    line-height: 50px;

    font-size: 16px;

}

.myMenu li a{

    color: #4e4e4e;

}

.myMenu li .left .iconfont{

    margin-right: 10px;

    font-size: 20px;

}

.logout{

    display: block;

    width: 120px;

    line-height: 40px;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 20px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    background: #f5f5f5;

    border-radius: 2px;

    font-size: 14px;

    height: 36px;

    line-height: 36px;

    color: rgba(0,0,0,.87);

    border: 0;

    width: 50%;

}

.noboxshow{

    /* box-shadow: unset; */

    height: unset;

}

.order_top{

    line-height: 56px;

}

.recharge_box{

    background: #25c8ff;

    line-height: 40px;

}

.recharge_box .nav-tabs{

    border-bottom: none;

}

.recharge_box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link,.recharge_box ul li a{

    padding: 0;

    background: none;

    border: none;

    color: #fff;

    padding: 0 12px;

    font-size: 14px;

    text-align: center;

}

.recharge_box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

    background: none;

    border: none;

    padding:0;

    color: #fff;

    border-bottom: 4px solid #fff;

}

.recharge_box ul li{

    width: 25%;

    /* height: 40px; */

    text-align: center;

}

.recharge_box ul li a{

    padding: 0;

    background: none;

    border: none;

    color: #fff;

    font-size: 14px;

    text-align: center;

    display: inline-block;

    line-height: 40px;

}

.recharge_box ul li.active a{

    border-bottom: 4px solid #fff;

}

.header .right .Menu{

    position: relative;

}

.moreRecord{

    display: none;

    position: absolute;

    top: 60px;

    right: 0;

    width: 120px;

    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);

    background: #fff;

    line-height: unset;

    border-radius: 4px ;

}

.moreRecord a{

    color: #333;

    text-align: center;

    font-size: 14px;

    display: inline-block;

    width: 100%;

    line-height: 30px;

    padding: 0;

}

.bonusWrap{

    margin: 20px auto;

}

.bonusWrap .bonus .bonusTit{

    font-size: 24px;

    font-weight: 400;

}

.totalWrap{

    width: 70%;

    margin: 0 auto;

    margin-top: 20px;

}

.totalWrap .item span{

    font-size: 16px;

    color: #757575;

}

.totalWrap .item p{

    margin: 0 ;

    font-size: 22px;

    color: rgba(0,0,0,.87);

    line-height: 1.5;

}

.CodeWrap{

    margin: 20px auto;

}

.CodeWrap .item .title{

    font-size: 12px;

    color: rgba(0,0,0,.54);

    margin-bottom: 5px;

}

.CodeWrap .item .answer{

    font-size: 16px;

    font-weight: 400;

}

.CodeWrap .item{

    margin-bottom: 10px;

    border-bottom: 1px solid #949494;

}

.CodeWrap a{

    width: 50%;

    padding: 10px 15px;

    font-size: 14px;

    border: 0;

    background: #f5f5f5;

    border-radius: 2px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    margin: 0 auto;

    display: block;

    text-align: center;

    margin-top: 20px;

    color: #333;

}

.ProTable{

    /* display: block; */

}

.ProTable thead{

    width: 100%;

    border-radius: 5px 5px;

}

.ProTable tbody tr td{

    text-align: center;

    line-height: 35px;

    font-size: 12px;

    border: 1px solid #dee2e6;

    padding: 0;

}

.bonusBtn{

    padding: 10px 15px;

    font-size: 14px;

    border: 0;

    background: #f5f5f5;

    background: url('../img/receive.3c83a739.png')no-repeat center center /cover;

    border-radius: 2px;

    color: #333;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

}

.bonusBtn:nth-child(2){

    background: url('../img/upload.7b9e2761.png')no-repeat center center /cover;

    color: #fff;

}

.shareTip{

    padding: 15px;

    font-size: 13px;

    color: #757575;

    line-height: 20px;

    margin: 0;

}

#Wallet ul li{

    text-indent: 3rem;

}

.bonusWrap .formItem{

    position: relative;

    width: 100%;

}

.bonusWrap .formItem .iconfont{

    position: absolute;

    top: 0;

    left: 10px;

    line-height: 48px;

    font-size: 20px;

    color: #757575;

}

.bonusWrap .formItem input{

    width: 100%;

    outline: none;

    border: none;

    height: 48px;

    border-radius: 4px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    transition: background .3s cubic-bezier(.25,.8,.5,1);

    padding: 0 15px;

    display: flex;

    flex-direction: row;

    align-items: center;

    text-indent: 2rem;

}

.amount_list{

    width: 70%;

    margin: 0 auto;

    margin-top: 20px;

}

.amount_list button{

    width: 28%;

    outline: none;

    padding: 10px 0;

    box-sizing: border-box;

    text-align: center;

    font-size: 14px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;

    background: #f5f5f5;

    border: 0;

    margin: 5px 5px;

}

.Payment{

    margin: 20px auto;

    padding: 0 20px;

}

.Payment .tit{

    height: 48px;

    line-height: 48px;

    font-size: 14px;

    color: #757575;

}

.Payment .radio .item{

    line-height: 40px;

}

.Payment .radio .item .leftGou{

    width: 30px;

    float: left;

    margin-right: 20px;

}

.Payment .radio .item .iconfont{

    opacity: 0;

    width: 30px;

    transition: all 0.6s;

}

.Payment .radio .item.active .iconfont{

    display: inline-block;

    opacity: 1;

}

.RechargeBtn{

    background: #25c8ff;

    color: #fff;

    font-size: 14px;

    border-radius: 2px;

    border: 0;

    padding: 14px 0;

    text-align: center;

    width: 52%;

    display: block;

    margin: 0 auto;

    margin-top: 20px;

}

.bonusWrap .bonus .feeWrap{

    margin: 20px auto;

    padding:0 15px;

}

.bonusWrap .bonus .feeWrap .fee{

    font-size: 14px;

    margin-bottom: 10px;

}

.Payout .tit{

    height: 38px;

    line-height: 38px;

    font-size: 14px;

    color: #757575;

}

.bankCard .leftGou{

    float: left;

    margin-right: 40px;

}

.seletWrap{

    margin: 20px auto;

    font-size: 14px;

    color: #4e4e4e

}

.seletWrap a{

    color: #4e4e4e;

}

.seletWrap .left .iconfont{

    margin-right: 40px;

    font-size: 18px;

}

#selItem ul{

    margin: 20px auto;

}

#selItem ul li{

    text-indent: 4rem;

    line-height: 40px;

}



.intPassItem{

    position: relative;

    width: 100%;

}

.intPassItem .iconfont{

    position: absolute;

    top: 0;

    line-height: 40px;

    font-size: 20px;

    color: #757575;

}

.intPassItem input{

    outline: none;

    border: none;

    background: none;

    border-bottom: 1px solid #949494;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    line-height: 40px;

    text-indent: 2rem;

}

.tranList{

    margin: 20px auto;

}

.tranList li{

    padding: 10px 0;

    border-bottom: 1px solid #e8e8e8;

}

.tranList li p{

    margin: 0;

    font-size: 14px;

    margin-bottom: 10px;

    color: #757575;

}

.cardList{

    margin: 20px auto;

}

.cardList li{

    padding: 10px 0;

    border-bottom: 1px solid #dcdcdc;

}

.cardList li .left .icon{

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    color: #fff;

    margin: 5px 0;

    margin-right: 20px;

    background: #bdbdbd;

}

.cardList li .left .icon .iconfont{

    font-size: 20px;

}

.cardList li .left .cont p{

    line-height: 25px;

    margin: 0;

    font-size: 16px;

    color: #333;

}

.cardList li .left .cont .desc{

    font-size: 14px;

    color: #4e4e4e;

}

.cardList li .right{

    line-height: 50px;

}

.cardList li .right .iconfont{

    font-size: 24px;

    color: #bdbdbd;

}

.addForm{

    width: 90%;

    margin: 20px auto;

}

.addForm input{

    outline: none;

    width: 100%;

    border: none;

    background: none;

    line-height: 20px;

    border-bottom: 1px solid #333;

}

.addForm p{

    font-size: 12px;

    color: #7d7d7d;

    margin-bottom: 10px;

}

.addForm .item{

    margin-bottom: 20px;

}

.addForm button{

    display: block;

    margin: 0 auto;

    outline: none;

    width: 65%;

    padding: 12px 0;

    text-align: center;

    border: 0;

    border-radius: 2px;

    color: #fff;

    font-size: 14px;

    background: #25c8ff;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

}

#Download ul li{

    text-indent: 2rem;

}

.oth_header{

    position: relative;

    box-shadow: unset;

}

.oth_header .backBtn{

    position: absolute;

    left: 15px;

}

.myProTop{

    background: #25c8ff;

    padding: 20px 0;

}

.myProTop .left .price{

    color: #fff;

    margin-bottom: 10px;

}

.myProTop .left .desc{

    color: #fff;

}

.myProTop .left .price span{

    font-size: 30px;

}

.myProTop .right a{

    display: inline-block;

    line-height: 25px;

    padding: 0 10px;

    font-size: 14px;

    border-radius: 25px;

    background: #fff;

    color: #25c8ff;

    text-align: center;

    margin-left: 10px;

}

.recordBtn{

    padding: 5px 0;

}

.recordBtn .item{

    display: inline-block;

    width: 50%;

    text-align: center;

    line-height: 50px;

}

.recordBtn .item a{

    color: #333;

}

.promotion{

    margin: 20px auto;

    background: #fff;

}

.promotion .top{

    line-height: 40px;

    border-left: 4px solid #25c8ff;

    text-indent: 1rem;

    position: relative;

}

.promotion .top p{

    margin: 0;

    color: #25c8ff;

}

.promotion .top a{

    display: inline-block;

    position: absolute;

    right: 15px;

    top: 0;

    color: #757575;

}

.promotion .cont{

    padding: 10px 0;

}

.promotion .cont .mem{

    margin: 0;

    line-height: 25px;

    color: #25c8ff;

}

.promotion .cont .nav-tabs{

    margin: 20px auto;

}

.promotion .cont .nav-tabs li{

    width: 50%;

    text-align: center;

    border: 1px solid #25c8ff;

}

.promotion .cont .nav-tabs li a{

    color: #25c8ff;

    height: 28px;

    line-height: 28px;

    width: 100%;

    display: inline-block;

}

.promotion .cont .nav-tabs li a.active{

    color: #fff;

    background: #25c8ff;

    width: 100%;

    display: inline-block;

}

.promotion .cont .tab-content .item{

    width: 50%;

}

.promotion .cont .tab-content .item p{

    color: #757575;

    margin-bottom: 10px;

}

.invite{

    padding: 10px 0;

}

.invite p{

    margin: 0;

    line-height: 40px;

}

.invite a{

    padding: 0px 15px;

    border: 1px solid #25c8ff;

    border-radius: 25px;

    display: inline-block;

    line-height: 30px;

    color: #25c8ff;

    height: 30px;

    font-size: 14px;

    margin: 5px 0;

}

.recordWrap{

    margin: 20px auto;

}

.recordWrap .nav-tabs li{

    width: 50%;

    border: 1px solid #25c8ff;

}

.recordWrap .nav-tabs li a{

    width: 100%;

    text-align: center;

    display: inline-block;

    color: #25c8ff;

}

.recordWrap .nav-tabs li a.active{

    color: #fff;

    background: #25c8ff;

    width: 100%;

    display: inline-block;

}

.recordTab table{

    width: 100%;

    margin-top: 10px;

}

.recordTab table thead tr th,.recordTab table tbody tr td{

    width: 25%;

    line-height: 20px;

    color: #25c8ff;

    font-size: 14px;

}

.recordTab table thead tr th:nth-child(1),.recordTab table tbody tr td:nth-child(1){

    width: 50%;

}

.recordTab table tbody tr td{

    color: #333;

    line-height: 30px;

    font-size: 12px;

}

.withdrawTab thead tr th,.withdrawTab thead tr th:nth-child(1),

.withdrawTab tbody tr td,.withdrawTab tbody tr td:nth-child(1){

    width: unset!important;

}



.BankWrap li{

    padding: 0 15px;

    line-height: 40px;

    border-bottom: 1px solid #e5e5e5!important;

}

.BankWrap li p{

    margin-bottom: 0;

}

.addCardBtn{

    display: block;

    margin: 0 auto;

    margin-top:30px;

    width: 80%;

    text-align: center;

    line-height: 46px;

    border-radius: 5px;

    background: #25c8ff;

    color: #fff;

}

.accountList{

    margin: 10px auto;

}

.accountList li {

    line-height: 40px;

    border-bottom: 1px solid #e5e5e5;

    padding :0 15px;

}

.accountList li a{

    color: #333;

}

.modifyForm{

    margin: 20px auto;

    width: 100%;

}

.modifyForm .formItem{

    position: relative;

    padding: 10px 0;

    border-bottom: 1px solid #e5e5e5;

}

.modifyForm .formItem .iconfont{

    font-size: 20px;

    position: absolute;

    left: 0;

    color: #757575;

    line-height: 40px;

}

.modifyForm .formItem input{

    outline: none;

    border: none;

    width: 100%;

    text-indent: 2rem;

    background: none;

    line-height: 40px;

}

.modifyForm button{

    display: inline-block;

    width: 100%;

    line-height: 40px;

    background: #25c8ff;

    color: #fff;

    text-align: center;

    outline: none;

    border: none;

    margin-top: 20px;

}

.modifyForm .formItem .otpBtn{

    position: absolute;

    right: 0;

    display: inline-block;

    line-height: 30px;

    background: #25c8ff;

    color: #fff;

    padding: 0 20px;

    font-size: 14px;

    margin-top: 10px;

    border-radius: 5px 5px;

}

.tips{

    color: #f40;

}

.tips .tipWrap{

    padding: 10px 10px;

    font-size: 14px;

    border-radius: 5px 5px;

}

.complaintsTabs{

    border: none;

}

.complaintsTabs li{

    width: 33%;

    text-align: center;

    line-height: 40px;

    border: none;

}

.complaintsTabs li a{

    color: #333;

}

.complaintsTabs li a.active{

    color: #25c8ff;

    border-bottom: 3px solid #25c8ff;

    line-height: 40px;

    padding: 0 10px;

    display: inline-block;

}

.complaintsContent{

    margin: 20px auto;

    background: #fff;

}

.complaintsContent ul li{

    line-height: 40px;

    padding: 0 15px;

}

.complaintsContent ul li a{

    color: #333;

}

.complaintsContent ul li p{

    margin-bottom: 0;

}

.addNew{

    margin: 0 15px;

    display: block;

    background: #25c8ff;

    line-height: 50px;

    border-radius: 5px ;

    color: #fff;

    text-align: center;

    font-size: 18px;

}



.maskWrap{

    position: fixed;

    z-index: 9999;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.5);

    top: 0;

    left: 0;

    display: none;

}

.maskWrap .wrapper{

    position: absolute;

    top: 30%;

    left: 10%;

    width: 80%;

   

}

.maskWrap .wrapper .top{

    line-height: 50px;

    background: #25c8ff;

    color: #fff;

    padding: 0 15px;

    font-size: 20px;

    border-radius: 5px 5px 0 0;

}

.maskWrap .wrapper .under{

    padding: 10px 25px;

    border-radius: 0 0 5px 5px ;

    background: #fff;

}

.maskWrap .wrapper .under .tit{

    margin: 0;

}

.maskWrap .wrapper .under .price{

    display: inline-block;

    margin: 20px auto;

    border-radius: 5px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

}

.maskWrap .wrapper .under .price li{

    display: inline-block;

    padding: 0 10px;

    text-align: center;

    font-size: 14px;

    line-height: 30px;

}

.maskWrap .wrapper .under .price li:nth-child(1){

    border-radius: 5px 0 0 5px;

}

.maskWrap .wrapper .under .price li:last-child{

    border-radius: 0 5px 5px 0;

}

.maskWrap .wrapper .under .price li.active{

    background: #c9c9c9;

}

.maskWrap .wrapper .under .add_sub button{ 

    border: none;

    outline: none;

    display: inline-block;

    width: 56px;

    font-size: 20px;

    height: 36px;

    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);

    background: #f5f5f5;

    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;

}

.maskWrap .wrapper .under .add_sub span{

    font-size: 24px;

}

.maskWrap .wrapper .under .money{

    margin: 20px auto;

}

.maskWrap .wrapper .under .agree .chexbox-icon{

    width: 20px;

    height: 20px;

    display: inline-block;

    margin-right: 10px;

    border:1px solid#757575;

    float: left;

}

.maskWrap .wrapper .under .agree .chexbox-icon .iconfont{

    font-size: 12px;

    vertical-align: text-top;

    background: #757575;

    display: block;

    color: #fff;

}

.maskWrap .wrapper .under .agree p{

    float: left;

    font-size: 14px;

    margin: 0;

}

.maskWrap .wrapper .under .agree p span{

    color: #25c8ff;

}

.maskWrap .wrapper .under .option{

    margin-top: 20px;

}

.maskWrap .wrapper .under .option a{

    margin-left: 20px;

    font-size: 14px;

    color: #333;

}

.maskWrap .wrapper .under .option a:nth-child(2){

    color: #25c8ff;

}



.qrcode{

    position: absolute;

    width: 80%;

    padding: 20px 10px;

    background: #fff;

    top: 40%;

    left: 10%;

    text-align: center;

    border-radius: 5px 5px;

}

.qrcode .vsCode{

    background: url('../img/vscode.png')no-repeat center center;

    background-size: 100% 100%;

    line-height: 50px;

    padding: 0 20px;

    color: #f5ab1d;

    font-size: 28px;

    display: inline-block;

    width: 80%;

    margin: 20px auto;

}

.qrcode p{

    margin: 0;

}

.copyLink{

    margin: 0 15px;

    padding: 0 15px;

    line-height: 40px;

    background:#fff;

    margin-bottom: 10px;

}

.copyLink p{

    line-height: 40px;

    margin: 0;

}

.copyLink a{

    display: inline-block;

    padding: 0 10px;

    border: 1px solid #25c8ff;

    color: #25c8ff;

    text-align: center;

    line-height: 25px;

    height: 30px;

    margin: 5px 0;

    border-radius: 5px;

}