/*基本样式*/
/*上下顺序*/
.fsxto {
	display: flex;
	flex-direction: column;
}

/*两侧*/
.flztoa {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flztoabb {
    display: flex;
    justify-content: space-between;
 
}
/*左侧*/
.fzctob {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/*右侧*/
.fyctoc {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/*中间*/
.fzjtod {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*导航*/
.fzddrew {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.divtxt {
	text-align: right
}
.section {
    width: 100%;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 70px;
}
.section::-webkit-scrollbar {
    display: none; /* Chrome/Safari 隐藏滚动条 */
}
.container {
    margin: 0 auto;
    padding: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.right_arrow{
    width: 10px;
    height: 10px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 0px 2px 2px 0px;
    transform: rotate(-45deg);
}
.right_arrow_black{
    width: 9px;
    height: 9px;
    border-color: #999999;
    border-style: solid;
    border-width: 0px 2px 2px 0px;
    transform: rotate(-45deg);
}
.left_arrow{
    width: 10px;
    height: 10px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 0px 2px 2px 0px;
    transform: rotate(135deg);
}
body.bodybg{background:#fbf1ff url(../img/index_bg.png) no-repeat center top;background-size: 100% auto;}
body.bodybg2{background:#f5e3e1 url(../img/icon-kf.png) no-repeat center top;background-size: 100% auto;}
@media screen and (min-width: 1000px) {
	.container {
		width: 600px;
		background-size: 100% 100%;
	}
	.footer{
	    width: 600px;
	}
	.hidebg, .hidepw{
	   width: 600px; 
	}
	.mui-bar{
	    width: 600px;
        margin: auto;
	}
	body.bodybg, body.bodybg2{
        background-size: 600px auto !important;
	}
	.placeholder-block .profile-container .photo-container .left img{
	    width: 40%;
	}
	
	.placeholder-block .profile-container .nav-container img{
        width: 7%;
        height: 7%;
        margin-right: 5px;
    }
}

@media screen and (max-width: 500px) {
	.container {
		width: 100%;
	}
	.footer{
	    width: 100%;
	}
	.hidebg, .hidepw{
	   width: 100%;
	}
	.placeholder-block .profile-container .photo-container .left img{
	    width: 75%;
	}
	.placeholder-block .profile-container .nav-container img{
        width: 13%;
        height: 13%;
        margin-right: 5px;
    }
}

/*login*/
.loginbPage{
    background: url(../img/login_bg.png) top center no-repeat #0a0101;
    background-size: 100% auto;
    width: 100%;
    overflow: auto;
    height: 100vh;
}
.loginbPage .logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.loginbPage .logo img{
    width: 200px;
    margin-top: 60px;
}
.loginbPage .logo .welcome{
    color: #bdbdbd; font-size: 21px; margin-top: 5px;
}
.loginbPage .logo .message{
    color: #d9d9d9; font-size: 12px; text-align: center; width: 225px; margin-top: 20px;
}
.loginbPage .center{
    background: #fff;padding: 33px 0px;margin: 70px 25px 40px 25px;box-shadow: 0 7px 10px 0 #3e3343;border-radius: 16px;height: 267px;
}
.loginbPage .center .title{
    padding: 0 20px;
}
.loginbPage .center .title .left{
    font-size: 24px;color: #252525;font-weight: 600;
}
.loginbPage .center .title .right a{
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
}
.loginbPage .center .title p{
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.loginbPage .center .login-form .form-group{
    font-size: 13px;
    border-top: 1px solid #e1e1e1;
}
.loginbPage .center .login-form .form-group .form-item{
    margin-bottom: 0px;padding: 15px 20px;border-bottom: 1px solid #e1e1e1;
}

.loginbPage .center .login-form .form-group .form-item p {
    color: #8b008b;
    font-size: 15px;
    padding-right: 10px;
    text-align: justify;
    white-space: nowrap;
}
.loginbPage .center .login-form .form-group .form-item input{
    width: 100%;
    height: 1.3rem;
    padding: 0px;
    background: none;
    border-top: none;
    border-right: none;
    border-bottom: 0px solid rgb(204, 204, 204);
    border-left: none;
    border-image: initial;
    border-radius: 0px;
    text-align: left !important;
    font-size: 15px;
}
.loginbPage .center .login-form button{
    padding: 3px;
    border-radius: 88px;
    font-size: 13px;
    width: 60px;
    height: 60px;
    margin-top: 26px;
    border: none;
    background-image: linear-gradient(89deg, #4b0082 0%, #8b008b 100%);
}
.loginbPage .center .login-form button img{
    width: 100%;max-width: 26px;
}
.loginbPage .foot{
    font-size: 12px;
    padding: 40px 0 15px;
    /*position: fixed;*/
    /*bottom: 30px;*/
    /*left: 0;*/
    /*right: 0;*/
    color: #e7e7e7;
}
.loginbPage .center .login-form .form-group .agree {
    color: #252525;
    display: flex;
    align-items: center;
    padding: 15px 0 10px 15px;
}
.icon-eye {
    width: 25px;
    height: 17px;
    background-image: url(/static/img/icon_open_eyes.png);
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icon-eye.on {
    background-image: url(../img/icon_close_eyes.png);
}

/* header */
.header{width: 100%; height: 52px; padding: 0 15px; background-image: linear-gradient(89deg, #4b0082 0%, #8b008b 100%);; overflow: hidden; display: flex; align-items: center; justify-content: space-between;flex-shrink: 0;}
.header .logo img{display: block; height: 26px;}
.header .user a{display: flex; align-items: center;color: #fff;}
.header .user img{display: block; width: 26px; margin-right: 6px;}
.header .user span{text-decoration: underline; color: #FFF; font-weight: bold;}
.headerfix{width: 100%; height: 45px; background: #081d50; display: flex; justify-content: center; position: sticky; top: 0;}
.headerfix .back{position: absolute; top: 50%; left: 15px; transform: translateY(-50%);}
.headerfix .back img{display: block; height: 20px;}
.headerfix h2{color: #fff; text-align: center; line-height: 45px;}
/* home */
.index_ad{display: flex; align-items: center; font-size: 16px; color: #fff; padding: 10px 15px; font-weight: bold;background: #ffffff00;}
.index_ad img{display: block; height: 30px; margin-left: 5px;}
.index_user{color: #fff;display: flex;justify-content: space-between;padding: 30px 16px;font-size: 14px;}
.index_user .left, .index_user .right{display: flex;flex-direction: column;}
.index_user .left p{font-size: 14px;padding-bottom: 5px;}
.index_user .left h2{font-size: 22px;}
.index_start .part-1{text-align: -webkit-center;margin-top: 15px;}
.index_start .part-1 .circular {width: 250px;height: 125px;overflow: hidden;position: relative;}
.index_start .part-1 .circular .circulars .ring{height:250px;width:250px;border-width:20px;border-color:#e1241b #e1241b #e4edf2 #e4edf2;border-style:solid;box-sizing:border-box;position:relative;border-radius:100%;}
.index_start .part-2{text-align: -webkit-center;position: relative;z-index: 1;}
.index_start .part-2 .links{display:flex;margin-top:-4px;justify-content:space-between;width:300px;}
.index_start .part-2 .links .left{border-radius:100%;background-color:#e1241b;width:74px;height:74px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;}
.index_start .part-2 .links .right{border-radius:100%;background-color:#e4edf2;width:74px;height:74px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#e1241b;}
.index_start .part-3{text-align: center; color: #fff;   position: relative;top: -170px}
.index_menu{padding:0 12px;}
.index_menu li{width:33% !important;}
.index_menu li a{background-color:#fff;border-radius:10px;padding:10px 0px!important;}
.index_menu li a p{color:#000;margin-top:0px!important;}
.index_menu .img{width:110px !important;border-radius:10px !important;}
.index_tab{display:flex;margin-bottom:16px}
.index_tab .item{width:43%;background-color:#fff;border-radius:10px;padding:14px;display:flex;justify-content:center;align-items:center;margin-left:18px;font-weight:600;}
.index_tab .item img{width:40px;}
.index_tab .item span{margin-left:10px;}
.index_vip{padding: 20px 25px 0;}
.index_vip .title{display: flex; align-items: center; justify-content: space-between; color: #ffffff; margin-bottom: 20px;}
.index_vip .title h2{font-size: 16px;}
.index_vip .title a{font-size: 14px; color: #ffffff; display: flex; align-items: center;}
.index_vip .title a img{display: block; height: 15px; margin-left: 5px;}
/*.index_vip .box ul{padding: 10px; margin-bottom: 10px; background: #fff; border-radius: 12px;}
.index_vip .box ul .item{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;}
.index_vip .box ul .item img{width:50px;}
.index_vip .box ul .item .left{display:flex;align-items:center;}
.index_vip .box ul .item .left .title{margin:0px 14px;color:#e1241b;font-weight:100;font-size:18px;}
.index_vip .box ul .item .right{color:#e1241b;}*/
.index_vip .vip ul{display: flex !important;overflow-x: auto !important;padding: 0 !important;list-style: none !important;flex-wrap: wrap;justify-content: space-between;}
.index_vip .vip ul .item{width: 48%; padding: 15px; margin-bottom: 10px; background: #fff; border-radius: 12px;}
.index_vip .vip ul .item .up img{display: block; height: 40px; margin-bottom: 5px;object-fit: cover;}
.index_vip .vip ul .item .up p{color: #000; font-weight: bold; font-size: 16px; font-weight: bold;}
.index_vip .vip ul .item .down{color: #0d152c;}
.index_vip .vip ul .item .down h2{font-size: 14px; padding: 8px 0;}
.index_vip .vip ul .item .down p{font-size: 14px; padding-bottom: 10px; justify-content: space-between;width: 106px }


.index_footer{padding:30px 0 105px;text-align:center;color:#393939;}
.index_menu ul{display: flex; flex-wrap: wrap;margin: 0 -0px; }
.index_menu ul li{width: 25%; display: flex; align-items: center; flex-direction: column; margin: 1px 0 8px;}
.index_menu ul li .img{background: #fff; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.index_menu ul li img{display: block; height: 40px; }
.index_menu ul li p{color:#000; margin-top: 5px; text-align: center;}
/*my*/
.userbox{padding: 0 15px;height: auto;position: relative;flex: 1;overflow-y: auto;}
.usertop{background: #fff; padding: 15px 0; margin: 60px 0 30px; border-radius: 10px; position: relative;}
.usertop .userface{position: absolute; top: -45px; left: 50%; transform: translate(-50%,0);}
.usertop .userface img.face{width: 65px; height: 65px; border-radius: 100%; border: 1px solid #0d152c;}
.usertop .userface p{display: flex; align-items: center; font-size: 16px; color: #0d152c; margin-top: 10px;    justify-content: center;}
.usertop .userface p img{ height: 25px; margin-left: 5px; position: relative; top: 0px;object-fit: cover;}
.usertop .credit-score {position: absolute; top: 10px; right: 10px; font-size: 14px;color: #333;background-color: rgba(255, 255, 255, 0.8);padding: 5px;border-radius: 5px;}
.userbox .userinfo ul{display: flex; justify-content: space-between; padding-top: 80px; color: #000; text-align: center;}
.userbox .userinfo ul p{padding-top: 5px;}
.userbox .userinfo ul h2{color: #ef4037; font-size: 13px; padding-top: 5px;}
.userbox .userinfo ul li{flex: 1;}
.userbox .userinfo ul li:nth-child(2){border-right: 1px solid rgb(96, 111, 28); border-left: 1px solid rgb(96, 111, 28);}
.userbox .userlist{background: #fff; border-radius: 10px;}
.userbox .userlist dl dt{padding: 25px; border-bottom: 1px solid #e1241b; font-size: 16px; font-weight: bold; color: #0d152c;}
.userbox .userlist dl dd{border-bottom: 1px solid #EEE;}
.userbox .userlist dl dd a{color: #000; font-size: 15px; display: flex; align-items: center; width: 100%; padding: 15px 25px;}
.userbox .userlist dl img{display: block; height: 27px; margin-right: 15px;}
.userbox .userlist dl dt.end{border-bottom: none; padding: 0px;}
.userbox .userlist dl dt a{text-align: center; display: block; width: 100%; padding: 25px; color: #ff1602;}
.userbox .footer{padding-bottom: 50px;}
.verify-pdw .hidepw{position:fixed;bottom:68px;height:200px;z-index:9999999;background:#FFFFFF;border-radius:10px 10px 0 0;left:0;right:0;margin:auto;display:none;max-width: 95%;}
.verify-pdw .hidebg{height:100vh;background:#0e0e0e6b;z-index:99;position:fixed;top:0;left:0;right:0;margin:auto;display:none;}
.verify-pdw .hidebox .tips{height:35px;line-height:40px;margin:10px 20px;font-weight:600;}
.verify-pdw .hidebox .tips .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;}
.verify-pdw .openbox{display:grid;margin:15px;}
.verify-pdw .hidebox .openbox input#password{background:#efefef;border:none;line-height:40px;border-radius:25px;text-indent:20px;}
.verify-pdw .hidebox .openbox input#tijiao{background:#8b008b;border:none;line-height:40px;border-radius:25px;margin-top:20px;color:#FFFFFF;}
/*rotOrder*/
.rotOrder .ad{text-align:center;padding:30px 0;}
.rotOrder .ad img{height:180px;}
.rotOrder .start{padding:16px;display:flex;align-items:center;justify-content:space-between;}
.rotOrder .start .left{width:66%;}
.rotOrder .start .left p{color:#fff;margin:0;line-height:14px;}
.rotOrder .start .right{width:34%;text-align:center;justify-content:center;display:flex;}
.rotOrder .start .right .circle{width:90px;height:90px;border-radius:50%;background-color:#8b008b;display:flex;justify-content:center;align-items:center;left:66%;top:-100px;}
.rotOrder .start .right .circle .text{font-size:18px;font-weight:bold;text-align:center;color:#fff;}
.rotOrder .cardBox{margin:16px;background-color:#fff;padding:10px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:16px;}
.rotOrder .cardBox .left{display:flex;align-items:center;}
.rotOrder .cardBox .left img{width:40px;object-fit: cover;}
.rotOrder .cardBox .left span{padding-left:10px;}
.rotOrder .cardBox .right{font-weight:bold;}
.rotOrder .cardUser{display:flex;justify-content:space-between;margin:16px;}
.rotOrder .cardUser .item{background-color:#fff;text-align:center;width:48%;padding:18px;border-radius:10px;}
.rotOrder .cardUser .item img{width:45px;}
.rotOrder .cardUser .item .p1{color:#e98516;font-weight:600;line-height:24px;margin:0;}
.rotOrder .cardUser .item h2{margin-top:5px;font-size:18px;font-weight:bold;line-height:20px;}
.rotOrder .cardUser .item .p2{margin:0;color:#000;font-size:16px}
.rotOrder .cardUser .item .p3{margin:0;color:#9E9E9E;line-height:14px;}
/*order*/
.Order .tabnav{margin-top:20px;padding:0 20px;border-bottom:0.5px solid #2c295b;}
.Order .tabnav .btn-outline-default{border-color:#f8f9fc;color:#ffeb3b !important;font-weight:600;border:0px solid transparent;}
.Order .tabnav .swiper-slide a{color:#acacac;text-transform:none;}

/*Bind*/
.ptionsBox .ptions{display:flex;justify-content:space-between;align-items:center;padding:10px 60px;color:#adadad;border-bottom:1px solid #f1f1f1;}
.ptionsBox .ptions a{color:#fff;text-align:center;line-height:1.8;padding:0 10px;font-size:14px;}
.ptionsBox .hints{color:#c9c9c9;text-align:center;line-height:1.6;padding:15px 0;border-bottom:1px solid #2c295b;}
.ptionsBox .ptions .active{border-color:#8b008b;background-color:#8b008b;color:#fff !important;border-radius:6px;}
.bindBox{padding:0.2rem 0.8rem 0 0.8rem;}
.bindBox .form-item{padding-left:0.1rem;display:flex;flex-direction:column;margin-bottom: 1rem;}
.bindBox .form-item .form-label{width:100%;text-align:left;color:#cbcbcb;line-height:2.8;font-size:14px;}
.bindBox .form-item .form-control:focus{background:#fff;border-color:#8b008b;color:#333 !important;}
.bindBox .form-item .form-control{display:block;width:100%;font-weight:400;padding:12px 10px;font-size:14px;line-height:1.5;border-radius:.3rem;background:#ffffff;border-radius:5px;border:1px solid #c3c3c3;box-sizing:border-box;}
.bindBox button{width:100%;background-color:#8b008b;height:40px;box-sizing:border-box;border:none;color:#FFF;border-radius:7px;margin-top:50px;}
/*deposit*/
.depositBox{padding:0.2rem 0.8rem 0 0.8rem;}
.depositBox .title{display:flex;justify-content:center;align-items:center;}
.depositBox .title .info{background:url(/static/img/icon_deposit_bg.jpg) no-repeat 0px 0px;width:100%;background-size: 100% auto;color:#000;height:125px;margin:0.8rem 0;border-radius:8px;box-shadow:0px 3px 7px 0px #00000012;padding:1.0rem;display:flex;flex-direction:column;}
.depositBox .title .info div:nth-child(1){font-size:14px;font-weight:700;color:#fff;}
.depositBox .title .info div:nth-child(2){font-size:22px;font-weight:700;margin-top:10px;color:#fff;}
.depositBox .title .info div:nth-child(3){font-size:12px;color:#999;margin-top:10px;padding:0;}
.depositBox .choice{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:10px;box-shadow:0 .3rem 0.6rem rgba(0,0,0,.1) !important;-webkit-box-shadow:0 .3rem 0.6rem rgba(0,0,0,.1) !important;-moz-box-shadow:0 .3rem 0.6rem rgba(0,0,0,.1) !important;-ms-box-shadow:0 .3rem 0.6rem rgba(0,0,0,.1) !important;}
.depositBox .choice .card{padding:10px 20px;}
.depositBox .choice .card .switch-title{color:#515151;font-weight:600;}
.depositBox .choice .card .switch-type{padding-top:9px;padding-bottom:6px;color:#666666;font-size:13px;}
.depositBox .choice .card .switch-type label{padding-left:7px;}
.depositBox .inputBox .form-item{padding-left:0.1rem;display:flex;flex-direction:column;margin-bottom: 1rem;}
.depositBox .inputBox .form-item .form-label{width:100%;text-align:left;color:#cbcbcb;line-height:2.2;font-size:14px;}
.depositBox .inputBox .form-item .form-control:focus{background:#fff;border-color:#3b81ff;color:#333 !important;}
.depositBox .inputBox .form-item .form-control{display:block;width:100%;font-weight:400;padding:.5rem 1rem;font-size:16px;line-height:1.5;border-radius:.3rem;background:#ffffff;border-radius:5px;border:1px solid #c3c3c3;box-sizing:border-box;}
.depositBox .inputBox button{width:100%;background-color:#8b008b;height:40px;box-sizing:border-box;border:none;color:#FFF;border-radius:7px;margin-top:50px;}
.depositBox .inputBox .form-Box{display:flex;justify-content:flex-end;align-items:center;border:1px solid #c3c3c3;border-radius:5px;background:#ffffff;}
.depositBox .inputBox .form-Box input{border:none !important;}
.depositBox .inputBox .form-Box u{padding-right:30px;}
.record-group{padding:0.2rem 0.8rem 0 0.8rem;flex: 1;overflow-y: auto;}
.record-group .record-list{padding:1.56rem 1rem;background-color:#fff;margin:20px 0;border-radius:9px;box-shadow:0 1px 4px 5px #cecece2b;}
.record-group .record-list .title{display:flex;justify-content:space-between;align-items:center;}
.record-group .record-list .title span{font-size:14px;font-weight:600;color:#666;}
.record-group .record-list .title h3{font-size:12px;border:1px solid #515151;border-radius:5px;padding:5px;color:#515151;}
.record-group .record-list p{font-size:12px;margin-bottom:0px;color:#757575;line-height:1.5;}
.record-group .record-list span{color:#333;font-weight:600;font-size:16px;}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:100px;}
.empty img{width:auto;height:80px;}
.empty span{width:200px;color:#cdcdcd;font-weight:300;}
/* viplevel */
.viplevel{padding: 15px 20px 0 20px;}
.viplevel ul li{display: flex; padding: 20px 20px; border-radius: 10px; position: relative; margin-bottom: 15px; background-color: #fff;}
.viplevel ul li .img{margin-right: 10px;}
.viplevel ul li .img img{display: block; height: 50px; position: relative; top: -5px;}
.viplevel ul li .info h2{color: #330000; font-size: 16px; display: flex; align-items: center;}
.viplevel ul li .info h2 .active{font-size: 14px; color: #9d9d9d; border: 1px solid #dcdcdc; padding: 2px 8px; border-radius: 3px; margin-left: 10px;}
.viplevel ul li .info h2 .upgrade{font-size: 16px;color: #009688;text-decoration: underline;margin-left: 10px;}
.viplevel ul li .info h3{color: #e1241b; font-size: 13px; margin: 10px 0;}
.viplevel ul li .info p{color: #a8a8a8; font-size: 13px;}
.viplevel ul li .update{position: absolute; top: 20px; right: 15px; color: #0d152c; text-decoration: underline; font-size: 13px;}
/*detail*/
.detailBox{padding:0.3rem 1.5rem;}
.detailBox .content{padding:0.5rem 1rem;background-color:#ffffff9e;margin:20px 0;border-radius:9px;box-shadow:0 1px 4px 5px #cecece2b;}
.detailBox .content p{font-size:14px;color:#333;line-height:1.8;}
.detailBox .content p span{font-weight:500;font-size:14px;}
/*check*/
.checkBox .title{padding: 10px;}
.checkBox .sign_in_box{margin:0 auto;padding:1px;width:93%;height:560px;border-radius:15px;background:linear-gradient(90deg,#fff,#fff);}
.checkBox .sign_in_box #list{display:flex;flex-wrap:wrap;}
.checkBox .sign_in_box #list li{list-style:none;float:left;color:#000;text-align:center;width:20%;margin-top:20px;}
.checkBox .sign_in_box #list img{height:30px;}
/*support*/
.support_menu ul{display: flex; flex-wrap: wrap;margin: 0 -0px; }
.support_menu ul li{width: 25%; display: flex; align-items: center; flex-direction: column; margin-bottom: 30px;}
.support_menu ul li .img{border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.support_menu ul li img{display: block; border-radius: 100%; width: 60px;height: 60px;}
.support_menu ul li p{color:#ffffff; margin-top: 5px; text-align: center;}
.serviceBox{padding: 5px 15px;}
.serviceBox .banner img{width: 100%;border-radius: 7px;}
.serviceBox .tips{padding: 15px 20px;background: #fff; margin: 10px 0 10px;border-radius: 0px;margin-top: -10px;z-index: 999;position: relative;}
.serviceBox .tips p{font-size: 24px;font-weight: 600;padding-bottom: 10px;}
.serviceBox .tips span{font-size: 16px;color: #a3a3a3;}
.serviceBox .support_list{margin-bottom: 100px;}
.serviceBox .support_list ul .item{display:flex;justify-content:space-between;align-items:center;background:#ffffff;box-shadow:#676767fc 1px 1px 5px 0px;margin-bottom:12px;border-radius:7px;padding:10px;}
.serviceBox .support_list ul .item:nth-child(3n+1){background:#f5e3e1 url(../img/icon-support1.png) no-repeat 0px 0px;width:100%;background-size:100% auto;}
.serviceBox .support_list ul .item:nth-child(3n+2){background:#f5e3e1 url(../img/icon-support2.png) no-repeat 0px 0px;background-size:cover;background-position:center;}
.serviceBox .support_list ul .item:nth-child(3n+3){background:#f5e3e1 url(../img/icon-support3.png) no-repeat 0px 0px;background-size:cover;background-position:center;}
.serviceBox .support_list ul .item .info{display:flex;align-items:center;}
.serviceBox .support_list ul .item .info img{width:65px;height:65px;border-radius:6px;object-fit:cover;}
.serviceBox .support_list ul .item .info .r{padding-left:10px;max-width:200px;}
.serviceBox .support_list ul .item .btn{padding:0 10px;height:26px;text-align:center;border-radius:7px;font-size:12px;color:#fff;background-color:#8b008b;line-height:26px;}
/*lang*/
.aui-list-item{background:#fff;min-height:100px;margin:15px;border-radius:8px;box-shadow:0 6px 15px rgba(0,0,0,.08);flex: 1;overflow-y: auto;}
.aui-list-item .aui-flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:15px;position:relative;}
.aui-list-item .aui-flex .aui-cou-img{width:20px;height:20px;margin-right:0.5rem;}
.aui-list-item .aui-flex .aui-cou-img img{width:20px;height:20px;display:block;border:none;}
.aui-list-item .aui-flex .aui-flex-box{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:14px;color:#333;margin-top:0 !important;}
.aui-list-item .aui-flex .aui-flex-box p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis;font-size:0.9rem;margin-top:0.1rem;color:#676767;}
.aui-list-item .aui-flex .aui-arrow{position:relative;padding-right:0.8rem;color:#7f8699;font-size:0.85rem;}
.aui-list-item .aui-flex .aui-arrow:after{content:" ";display:inline-block;height:8px;width:8px;border-width:2px 2px 0 0;border-color:#b9b9b9;border-style:solid;-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px;border-radius:1px;}
.aui-list-item .b-line:after{content:'';position:absolute;z-index:2;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
/*set*/
.setBox{margin: 10px;background-color: #fff;border-radius: 16px;font-size: 13px;box-shadow: #2b2b2b73 0px 10px 17px;margin-bottom: 20px;}
.setBox .set-list{display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;height: 56px;}
.setBox .set-list .right{display: flex;justify-content: flex-end;align-items: center;}
.setBox .set-list .right .headpic{width: 36px;height: 36px;margin-right: 10px;}
.setBox .set-list .right .icon_right{width: 0.5rem;}
/*headimg*/
.avatarBox .set-avatar{background-size:100%;text-align:center;padding:.4rem;}
.avatarBox .set-avatar img{width:60px;height:60px;border-radius:50%;}
.avatarBox .set-avatar button{border-radius:4px;color:#fff;display:block;margin:0 auto;margin-top:3px;font-size:14px;background-color:#e1241b;padding:5px;}
.avatarBox ul{border-top:2px solid #ffd7d7;overflow:hidden;padding:10px;}
.avatarBox ul li{float:left;width:20%;padding:10px;}
.avatarBox ul li img{width:55px;height:55px;display:block;margin:0 auto;border-radius:50%;border:1px solid #000000cc;}




.deeppurple-theme .dddwe {
	width: 100%;
	overflow-x: hidden;
	background: url(/imgc/SS-02.png) top center no-repeat #ffffff;
	background-size: 100% auto;
	height: 50.1rem;
	padding-bottom: 0;
}

.loffre {
	background: #ffffff;
	border-radius: 8px;
	padding: 0.8rem;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.07);
	font-size: 1rem;
	color: #0b0b0b;
	margin-bottom: 1rem;
}

.input .loffrewe {
	color: #2051b5;
}

.loffrewe {
	border: 0px solid rgba(0, 0, 0, 0.08);
}

.loffre input::-webkit-input-placeholder {
	color: #d3d3d3;
	font-size: 0.85rem;
	width: 100px;
}

.deeppurple-theme .ddwewd {
	background: #f8f9fc;
}

.heauuy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3rem;
	padding: 0 0.85rem;
	background-image: linear-gradient(89deg, #4b0082 0%, #8b008b 100%);
	box-shadow: #290404  7px 5px 9px 0px;
}

.heauuy h2 {
	font-size: 0.95rem;
	color: #FFFFFF;
	margin-bottom: 0rem;
}

.jbdrre {
	height: 5px;
	/*background-color: #ffffff;
	/*background-image: linear-gradient(to right, #000, #000);*/
}

.mmrry {
	color: #787777;
	font-size: 0.85rem;
	padding: 0.5rem 0.85rem;
}

.deeppurple-theme .ddwewd .loffre {
	font-size: 0.85rem;
}

.dseenhy {
	width: 1rem;
	height: 1rem;
	background: #fff;
	border-radius: 100px;
	text-align: center !important;
	line-height: 1rem;
	font-size: 0.75rem;
	margin-left: 0.5rem;
	color:#000;

}

.tzjjre {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 3rem;
	padding: 0 0.85rem;
	color: #14161b;
	font-size: 0.82rem;
    /*background: linear-gradient(90deg, rgba(106, 247, 244, 1) 0%, rgba(106, 185, 249, 1) 19%, rgba(106, 108, 255, 1) 40%, rgba(145, 109, 255, 1) 62%, rgba(176, 112, 255, 1) 81%, rgba(189, 113, 255, 1) 100%);*/
	/*font-weight: 600;*/
}

.dahhwet {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 4rem 0.5rem;
    margin-top: -60px;
    text-align: center;
}

.fzddrewhy {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 22%;
    margin-top: 1rem;
    font-size: 0.75rem;
    background: #ffffff00;
    margin: 5px;
    padding: 10px 5px;
    border-radius: 12px;
}
.dweweew {
	background: #edeff700;
	height: 0.5rem;
}

.reebbt {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 1rem;
    padding-top: 0;
}

.ddrtdwhy {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 1rem;
	font-size: 0.85rem;
}

.ddrtdway {
	color: #1c428a;

}

.ddrtdway span {
	font-weight: 600;
	margin-left: 0.5rem;
}

.ddrtdway em {
	margin-right: 0.5rem;
	color: #c1c1c2;
}

.ddrtdwrr {
	font-weight: 400;
	color: #989899;
	float: right;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	margin-right: 0.5rem;
}

.dwehhyu {
	background: #FFFFFF;
	padding: 1rem 0rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*footer*/
.footer {
    display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
	background: #16111a;
	height: 68px;
	box-shadow: #28282817 1px 9px 16px 13px;
	flex-shrink: 0;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.footer .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.333%;
    padding: 0rem 0;
}
.footer .item img{
   width: 26px;height: 26px
}
.footer .item p {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    margin: 0;
}
.footer .active p {
    text-decoration: underline;
}




.foothhtb {
 display: flex;
	flex-direction: column;
	align-items: center;
	width: 20%;
	padding: 1rem 0;
    
}

.deeppurple-theme .kfrerr {
	background: #fff;
}

.kftter {
	padding: 1rem 1.5rem;
}

.kftter h2 {
	font-size: 1.36rem;
	font-weight: 600;
}

.kftter p {
	font-size: 0.85rem;
	color: #a3a3a3;

}

.kfuubbr {
	padding: 1rem 1.5rem;
	font-size: 0.85rem;
	margin-top: 5rem;
}

.kfuubbr h3 {
	font-size: 1rem;
	font-weight: 600;
	margin-top: 1.85rem;
}

.kfuubbr p {
	font-size: 0.85rem;
	color: #acacac;
}

.kfuubbr a {
	background: #ee2842;
	padding: 0.8rem 2rem;
	color: #FFFFFF;
	border-radius: 0.391rem;
	margin-top: 1.5rem;
}

.dweggm {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
}

.ddwehui {
	color: #fff;
	font-size: 0.86rem;
	margin-bottom: 0;
	font-weight: 500;
	margin-right: 0.5rem;
}

.deeppurple-theme .kfeeggy {
	background: #fff;
}

.kfdwert {
	font-size: 0.80rem;
	padding: 0.8rem 1rem;
	color: #818181
}

.kfttnnfw {
	padding: 0.8rem 1rem;
	font-size: 0.85rem;
}

.kfttnnfw h3 {
	font-size: 0.95rem;
}

.kfyydzd {
	padding: 0.8rem 1rem;
	font-size: 0.85rem;
}

.kfyydzd h3 {
	font-size: 0.95rem;
}

.kfyydzd span {
	font-weight: 500;
	color: #585858;
}

.kfyydzd p {
	color: #818181;
	margin-bottom: 0px;
}

.txhhwe {

	font-size: 0.95rem;
	font-weight: 500;
}

.weeesdd input::-webkit-input-placeholder {
	color: #000000;
	font-size: 0.85rem;
	width: 100px;
	font-weight: 600;
}

.lsttvfr {
	padding: 1.56rem 1rem;
}

.lsttvfr p {
	font-size: 0.83rem;
	margin-bottom: 0px;
	color: #565656;
}

.lsttvfr span {
	font-size: 1rem;
	font-weight: 600;

}

.lsttvfr h3 {
	font-size: 0.8rem;
	border: 1px solid #3a2c71;
	border-radius: 0.39rem;
	padding: 0.2rem 0.75rem;
	color: #3a2c71;
}

.deeppurple-theme .yqhher {
	width: 100%;
	overflow-x: hidden;
	background: url(/img/BG-28.png) top center no-repeat #dddfde;
	background-size: 100% auto;
}

.fedfgctob {
	color: #000;
	font-weight: 600;
	margin-left: 0.5rem;
}

.yqdsew {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	margin: 6rem 1rem;
	padding: 1rem;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: 10px;
	font-size: 0.82;
	margin-top: 20rem;

}

.yqdsewimg {
	margin-top: -3.5rem;
	background: #ffffff;
	box-shadow: 0 .1rem 0.09rem rgba(0, 0, 0, .15) !important;
	padding: 1rem;
	border-radius: 5px;

}

.yqdsew p {
	margin-top: 1.9rem;
	color: #7d7d7d;
	font-size: 0.79rem;
}

.yqdsew span {
	color: #000000;
	font-size: 1rem;
	font-size: 700;
}

.yqdsew a {
	font-size: 0.8rem;
	background: #0b0b0b;
	padding: 0.65rem 1.5rem;
	border-radius: 3px;
	color: #FFFFFF;
	margin-top: 1rem;
}

.yetxtyy {
	padding: 0 1.5rem;
}

.yetxtyy h3 {
	font-size: 1.31rem;
}

.yetxtyy p {
	font-size: 14px;
	color: #676767;
}

.yetxtyy h5 {
	font-size: 1.1rem;
}

.myhhwer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	margin: 1rem 1rem;
	box-shadow: 0 .16rem 0.62rem rgba(0, 0, 0, .15) !important;
	border-radius: 6px;
	font-size: 0.82rem;
	margin-top: 2rem;
}

.myhhwerimg {
	.myhhwerimg {
    background: #FFFFFF;
    /* margin-top: -3rem; */
    box-shadow: 0 .3rem 0.9rem rgba(0, 0, 0, .15) !important;
    border-radius: 80px;
}
}

.myhhwer h2 {
	font-size: 1.15rem;
	font-weight: 700;
	margin-top: 1rem;
}

 

.myhdwed {
	padding: 1rem;
	width: 100%;
}

.myhdwed p {
	margin-bottom: 0;
	margin-right: 0.36rem;
}

.mybbsdre {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    background: #FFFFFF;
	    margin: 1rem 1rem;
	    box-shadow: 0 .16rem 0.62rem rgba(0, 0, 0, .15) !important;
	    border-radius: 6px;
	    font-size: 0.82rem;
	    margin-top: 1rem;
	    padding: 1rem 1.68rem;
}

.mybbsdre span {
	font-size: 1rem;
	font-weight: 700;
}

.mybbsdre p {
	font-size: 0.76rem;
	color: #838383;
}

.myndsw {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
}

.myndsw a {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
}

.myndsw span {
	height: 3.5rem;
	color: #282828;
	font-size: 0.76rem;
	margin-top: 0.2rem;
}

.mydsing {
	margin: 1rem 1rem;

}

.mydsweh {
	margin: 0 1rem;
}

.mydsweh a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3.2rem;
}

.mydsweh h3 {
	font-size: 0.88rem;
	margin-bottom: 0;
}

.mydiggw {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #333;
	font-size: 0.78rem;
	margin: 2rem 0;
}

.dlwrry {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.85rem;
	margin: 0 1rem;
	margin-top: 1rem;
}

.dlwrry h2 {
	font-size: 1.3rem;
	margin-bottom: 0;
}

.dlwrry span {
	font-size: 0.8rem;
	margin-right: 0.3rem;
	color: #0b0b0b;
	font-weight: 600;
}

.ddyybbr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFFFFF;
	margin: 0.5rem 1rem;
	padding: 0.5rem 1rem;
	box-shadow: 0 .3rem 0.6rem rgba(0, 0, 0, .1) !important;
	border-radius: 6px;
	margin-top: 1rem;
}

.ddyybbr p {
	font-size: 0.86rem;
	margin-left: 0.5rem;
}

.ddyybbr a {
	font-size: 0.86rem;
	font-weight: 600;
}

.icoweadrr {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
	padding: 0 0.8rem;
}

.icoweaaarr {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 30.899999%;
	margin: 0.5rem 1.2%;
}

.icoweaaarr img {
	width: 100%;
	-webkit-box-shadow: 1px 0 6px 0px rgb(0 0 0 / 10%);
	box-shadow: 1px 0 6px 0px rgb(0 0 0 / 10%);
	border: 1px solid #f3f3f3;
	border-radius: 0.5rem;
}

.icoweaaarr p {
	color: #7d7d7d;
	font-size: 0.82rem;
	margin-top: 0.35rem;
	margin-bottom: 0;
}

.icoweaaarr h3 {
	font-size: 0.86rem;
	margin-top: 0.35rem;
	font-weight: 700;
}

.ddrruu {
	text-align: center;
	margin: 0 1rem;
	margin-top: 0rem;
	width: 73px;
}

.ddrruu a {
	color: #FFFFFF;
}

.qewbb {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}

.qewbb p {
	font-size: 0.8rem;
	padding: 0rem 1rem;
	color: #666666;
	margin-bottom: 0;
}

.qewbb span {
	font-size: 1.1rem;
	font-weight: 700;
}

.lhyr {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 2rem;
	padding: 0rem 1rem;
}

.lhyruu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3.1rem;
	line-height: 3.1rem;
	font-size: 0.85rem;
}

.jhybbd {
	border-bottom: 0.1rem solid #e7e7e7;
}

.lhyruu p {
	color: #adadad;
	margin-bottom: 0;
}

.lhyruu span {
	font-weight: 700;
}

.jjdsuu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 1rem;
	margin-top: 1.6rem;
	margin-bottom: 0;
}

.jjdsuu h3 {
	margin-bottom: 0rem;
	font-size: 0.8rem;
}

.jjdsuu p {
	font-size: 0.75rem;
	color: #adadad;
	margin-top: 0.3rem;
	margin-bottom: 0;
}

.ddrruu button {
	text-align: center;
	background: #0b0b0b;
	height: 3rem;
	line-height: 3rem;
	border-radius: 39px;
	font-size: 0.85rem;
	color: rgb(255, 255, 255);
	border: 1px #f8f9fc solid;
	font-weight: 500;
}



.wewddty .card {
	background-color: rgba(255, 255, 255, 0);
}

.dweerty {
	font-size: 0.95rem;
	color: #cdcdcd !important;
	/*font-weight: 600;*/
}

.ddrjio1 {
	font-size: 0.8rem;
	border: 1px #109d16 solid;
	color: #109d16;
	border-radius: 6px;
	padding: 0.06rem 1rem;

}
.ddrjio2 {
	font-size: 0.8rem;
	border: 1px #8b008b solid;
	color: #8b008b;
	border-radius: 6px;
	padding: 0.06rem 1rem;

}
.ddrjio3 {
	font-size: 0.8rem;
	border: 1px #3f51b5 solid;
	color: #3f51b5;
	border-radius: 8px;
	padding: 0.06rem 1rem;

}


.boxddxa {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.2rem;
	font-size: 0.78rem;
}

.boxwrbt p {
	color: #000000;
	font-size: 0.95rem;
	font-weight: 700;
}

.boxwrbt span {
	border: 1px solid #0d27ff;
	color: #0d27ff;
	padding: 0.2rem 0.88em;
	border-radius: 16rem;
	font-weight: 700;
	font-size: 0.75rem;
}

.boxddxa h3 {
	font-size: 0.89rem;
	color: #000000;
	margin-top: 0.39rem;
}

.boxddxa p {
	margin-bottom: 0;
}

.boxdasmwe button {
	border: 0px solid #8b008b;
	color: #fff;
	padding: 0.6rem 0.88em;
	border-radius: 9px;
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: none;
    background: linear-gradient(to bottom, #8b008b 0%, #8b008b 100%);
}

.deeppurple-theme .flztoa .btn-default {
	color: #969696 !important;
}

.deeppurple-theme .flztoa .btn-default,
.deeppurple-theme .flztoa .btn-default.active {
	background-color: #f8f9fc;
	color: #242424 !important;
	font-weight: 600;

}

.kkweffr {
	margin-left: 0.35rem;
	font-size: 0.86rem;
	color: #1c428a;
	font-weight: 500;
}

.weeerkk {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3.65rem;
	padding: 0  2.3rem;
	font-size: 0.88rem;
	font-weight: 600;
}
.dsdhhu{
	    font-size: 0.78rem;
	    background: #0b0b0b;
	    padding: 0.1rem 1.36rem;
	    color: #FFFFFF !important;
	    border-radius: 5px;
	    margin-bottom: 0.85rem;
}



:root {
    --color-primary: #272a5e;
    --color-whites: #ffffff;
    --color-blacks: #000000;
    --color-text: #272a5e;
    --color-main: #212736;
    --color-success: #67C23A;
    --color-warning: #FF8004;
    --color-danger: #F56C6C;
    --color-info: #909399;
    --color-icon: #9199AB;
    --color-cancel: #9EA0A2;
    --color-desc: #999;
    --font-size-min: .16rem;
    --font-size: .18667rem;
    --font-size-large: .21333rem;
    --font-size-big: .24rem;
    --font-size-max: .26667rem;
    --font-size-title: .32rem;
    --van-nav-bar-height: 1.46667rem
}

.main-enter-active {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.main-leave-active {
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.main-enter-from {
    opacity: 0;
    margin-left: -.26667rem
}

.main-leave-to {
    opacity: 0;
    margin-left: .26667rem
}

.van-overlay {
    z-index: 9999999!important
}

.van-popup {
    z-index: 99999999!important
}

:root {
    --van-black: #000;
    --van-white: #fff;
    --van-gray-1: #f7f8fa;
    --van-gray-2: #f2f3f5;
    --van-gray-3: #ebedf0;
    --van-gray-4: #dcdee0;
    --van-gray-5: #c8c9cc;
    --van-gray-6: #969799;
    --van-gray-7: #646566;
    --van-gray-8: #323233;
    --van-red: #ee2842;
    --van-blue: #1989fa;
    --van-orange: #ff976a;
    --van-orange-dark: #ed6a0c;
    --van-orange-light: #fffbe8;
    --van-green: #07c160;
    --van-gradient-red: linear-gradient(to right, #ff6034, #ee2842);
    --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
    --van-primary-color: var(--van-blue);
    --van-success-color: var(--van-green);
    --van-danger-color: var(--van-red);
    --van-warning-color: var(--van-orange);
    --van-text-color: var(--van-gray-8);
    --van-text-color-2: var(--van-gray-6);
    --van-text-color-3: var(--van-gray-5);
    --van-text-link-color: #576b95;
    --van-active-color: var(--van-gray-2);
    --van-active-opacity: .6;
    --van-disabled-opacity: .5;
    --van-background-color: var(--van-gray-1);
    --van-background-color-light: var(--van-white);
    --van-padding-base: .10667rem;
    --van-padding-xs: .21333rem;
    --van-padding-sm: .32rem;
    --van-padding-md: .42667rem;
    --van-padding-lg: .64rem;
    --van-padding-xl: .85333rem;
    --van-font-size-xs: .26667rem;
    --van-font-size-sm: .32rem;
    --van-font-size-md: .37333rem;
    --van-font-size-lg: .42667rem;
    --van-font-weight-bold: 500;
    --van-line-height-xs: .37333rem;
    --van-line-height-sm: .48rem;
    --van-line-height-md: .53333rem;
    --van-line-height-lg: .58667rem;
    --van-base-font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,Roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;
    --van-price-integer-font-family: Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;
    --van-animation-duration-base: .3s;
    --van-animation-duration-fast: .2s;
    --van-animation-timing-function-enter: ease-out;
    --van-animation-timing-function-leave: ease-in;
    --van-border-color: var(--van-gray-3);
    --van-border-width-base: .02667rem;
    --van-border-radius-sm: .05333rem;
    --van-border-radius-md: .10667rem;
    --van-border-radius-lg: .21333rem;
    --van-border-radius-max: 26.64rem
}


:root {
    --van-loading-text-color: var(--van-text-color-2);
    --van-loading-text-font-size: var(--van-font-size-md);
    --van-loading-spinner-color: var(--van-gray-5);
    --van-loading-spinner-size: .8rem;
    --van-loading-spinner-animation-duration: .8s
}


:root {
    --van-dialog-width: 8.53333rem;
    --van-dialog-small-screen-width: 90%;
    --van-dialog-font-size: var(--van-font-size-lg);
    --van-dialog-transition: var(--van-animation-duration-base);
    --van-dialog-border-radius: .42667rem;
    --van-dialog-background-color: var(--van-background-color-light);
    --van-dialog-header-font-weight: var(--van-font-weight-bold);
    --van-dialog-header-line-height: .64rem;
    --van-dialog-header-padding-top: .69333rem;
    --van-dialog-header-isolated-padding: var(--van-padding-lg) 0;
    --van-dialog-message-padding: var(--van-padding-lg);
    --van-dialog-message-font-size: var(--van-font-size-md);
    --van-dialog-message-line-height: var(--van-line-height-md);
    --van-dialog-message-max-height: 60vh;
    --van-dialog-has-title-message-text-color: var(--van-gray-7);
    --van-dialog-has-title-message-padding-top: var(--van-padding-xs);
    --van-dialog-button-height: 1.28rem;
    --van-dialog-round-button-height: .96rem;
    --van-dialog-confirm-button-text-color: var(--van-danger-color)
}

.van-dialog {
    top: 45%;
    left: 50%;
    width: var(--van-dialog-width);
    overflow: hidden;
    font-size: var(--van-dialog-font-size);
    background: var(--van-dialog-background-color);
    border-radius: var(--van-dialog-border-radius);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: var(--van-dialog-transition);
    -o-transition: var(--van-dialog-transition);
    transition: var(--van-dialog-transition);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform
}

:root {
    --van-action-sheet-max-height: 80%;
    --van-action-sheet-header-height: 1.28rem;
    --van-action-sheet-header-font-size: var(--van-font-size-lg);
    --van-action-sheet-description-color: var(--van-text-color-2);
    --van-action-sheet-description-font-size: var(--van-font-size-md);
    --van-action-sheet-description-line-height: var(--van-line-height-md);
    --van-action-sheet-item-background: var(--van-background-color-light);
    --van-action-sheet-item-font-size: var(--van-font-size-lg);
    --van-action-sheet-item-line-height: var(--van-line-height-lg);
    --van-action-sheet-item-text-color: var(--van-text-color);
    --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
    --van-action-sheet-subname-color: var(--van-text-color-2);
    --van-action-sheet-subname-font-size: var(--van-font-size-sm);
    --van-action-sheet-subname-line-height: var(--van-line-height-sm);
    --van-action-sheet-close-icon-size: .58667rem;
    --van-action-sheet-close-icon-color: var(--van-gray-5);
    --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
    --van-action-sheet-cancel-text-color: var(--van-gray-7);
    --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
    --van-action-sheet-cancel-padding-color: var(--van-background-color);
    --van-action-sheet-loading-icon-size: .58667rem
}


:root {
    --van-cell-group-background-color: var(--van-background-color-light);
    --van-cell-group-title-color: var(--van-text-color-2);
    --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs);
    --van-cell-group-title-font-size: var(--van-font-size-md);
    --van-cell-group-title-line-height: .42667rem;
    --van-cell-group-inset-padding: 0 var(--van-padding-md);
    --van-cell-group-inset-border-radius: var(--van-border-radius-lg);
    --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl)
}


:root {
    --van-progress-height: .10667rem;
    --van-progress-color: var(--van-primary-color);
    --van-progress-inactive-color: var(--van-gray-5);
    --van-progress-background-color: var(--van-gray-3);
    --van-progress-pivot-padding: 0 .13333rem;
    --van-progress-pivot-text-color: var(--van-white);
    --van-progress-pivot-font-size: var(--van-font-size-xs);
    --van-progress-pivot-line-height: 1.6;
    --van-progress-pivot-background-color: var(--van-primary-color)
}

.van-progress {
    position: relative;
    height: var(--van-progress-height);
    background: var(--van-progress-background-color);
    border-radius: var(--van-progress-height)
}

.van-progress__portion {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--van-progress-color);
    border-radius: inherit;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter);
    -o-transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter);
    transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)
}

.van-progress__portion--inactive {
    background: var(--van-progress-inactive-color)
}

.van-progress__pivot {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 3.6em;
    padding: var(--van-progress-pivot-padding);
    color: var(--van-progress-pivot-text-color);
    font-size: var(--van-progress-pivot-font-size);
    line-height: var(--van-progress-pivot-line-height);
    text-align: center;
    word-break: keep-all;
    background: var(--van-progress-pivot-background-color);
    border-radius: 1em;
    -webkit-transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter);
    -o-transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter);
    transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)
}

.van-progress__pivot--inactive {
    background: var(--van-progress-inactive-color)
}
.icon-lang:before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    background: url(/static/img/icon_lang.png) 100% 100% no-repeat;
    background-size: 100%;
}
.modal-content{
    border-radius: 10px;
}