.breadcrumb .breadcrumb-item {font-size: 12px;}
.user-warp{display: flex;margin-top:20px}
.user-warp .left-user{width: 20%;min-height: 800px;background: #fff;padding: 20px 0px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);border-radius: 10px;margin-right: 22px}
.user-warp .right-user{background: #fff; padding: 20px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%); border-radius: 10px;flex: 1}
.user-warp .head-img{width: 120px;height:120px;margin:auto;position: relative;}
.user-warp .head-img .picture{width: 100%;height:100%;border-radius: 50%;     background: #f0f1f0;}
.user-warp .head-img:hover .edit{opacity: 0.6}
.user-warp .head-img .edit{transition:all 0.5s linear; position: absolute;left:0;top:0px;background: #000;width: 100%;height:100%;border-radius: 50%;display: flex;align-items: center;justify-content:center;opacity: 0;cursor: pointer;}
.user-warp .head-img .edit img{width: 30px;display:block;margin-top: -21px;}
.user-warp .head-img .edit span{display:block;position: absolute;top: 69px;color: #ddd;font-size: 12px;}

.user-warp .head-sculpture .account{overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;text-align: center;padding: 8px 10px;}
.user-warp .user-nav{padding-top:44px}
.user-warp .user-nav img{height: 19px;display: inline-block;margin-right: 12px}
.user-warp .user-nav li{padding:4px 0px}
.user-warp .user-nav li a{display:block;padding:12px 0px;    padding-left: 5vh;font-size: 14px}
.user-warp .user-nav li a:hover{color:#d12b2b}

.right-user{position: relative;}
.right-user .r-title{font-weight: bold;padding-bottom:20px;}

.right-user .order-tab{background: #f5f5f5;}
.right-user .order-tab ul{display: flex;position: relative;align-items: center;justify-content: space-between;}
.right-user .order-tab  li{padding:10px 0px;width: 20%;text-align: center;font-size: 14px;cursor: pointer;}
.right-user .order-tab .active{border-top: 3px solid var(--btn-theme);color:var(--btn-theme);background: #fff;font-weight: bold;}

.right-user .table-style{display:inline-table;width: 100%; padding:4px 16px;font-size: 12px;position: relative;z-index: 1;}
.right-user .table-style .tabletr{display: flex;align-items: center;margin-top: 8px; flex-wrap: wrap; border-bottom: 1px solid #eee;}
.right-user .table-style .tabletd{flex: 1;line-height: 32px;}
.right-user .table-style .tdname{width: 45%;flex: none;padding: 10px 0px;}
.right-user .table-style .order-number {padding: 1px; color: #ababab; font-size: 12px; line-height: 24px;}
.right-user .table-style .proifo{display: flex;align-items: center;}
.right-user .table-style .proimg {width: 70px; min-width: 70px; height: 70px; background: linear-gradient(45deg, #eaeaea, #c6c6c6); border-radius: 10px; overflow: hidden;}
.right-user .table-style .proimg img {width: 70px; object-fit: cover;}
.right-user .table-style .pro-name{padding-left:13px}
.right-user .table-style .pro-name p:nth-child(2){font-weight: bolder;font-size:14px;line-height: 20px}
.right-user .table-style .pro-name p:nth-child(3){color:#666}
.right-user .table-style .pro-name em {margin-left: 5px; font-weight: normal;background: #fff;border-radius: 9px;font-size: 12px;padding: 0px 6px; color: #e39b00; border: 1px solid #e39b00;}
.right-user .table-style .set-comment{position: relative;}
.right-user .table-style .set-comment:after{content: "";background: url(../images/user/red-packet.webp) no-repeat 0px 0;background-size: 100%;position: absolute;width: 12px; height: 17px; bottom: 15px;right: -5px;}
.right-user .table-style .set-comment:after{-webkit-animation:goldmine_gold 2000ms 0s infinite normal;-moz-animation:goldmine_gold 2000ms 0s infinite normal;-ms-animation:goldmine_gold 2000ms 0s infinite normal;-o-animation:goldmine_gold 2000ms 0s infinite normal;animation:goldmine_gold 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
@keyframes goldmine_gold{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
2%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
4%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
6%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
8%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
10%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
12%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
14%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
16%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
18%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
22%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
24%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
26%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
28%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
30%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
32%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}



.right-user .table-style .fine-red{white-space: nowrap;padding-right: 15px;color: #ed4518;cursor: pointer;background: #fff2f2;padding: 6px 13px;border-radius: 3px;margin-right: 8px;}
.right-user .table-style .btn-cancel-order{background-color: #f3f3f3;color: #b3b3b3;}
.right-user:after{content: "";background: url(../images/user/circular.png) no-repeat 0px 213px;background-size: 100%;position: absolute;width: 430px;height: 400px;bottom: 0px;right: 15px;display: none;}
.right-user .table-style .tabletr .tabletd:last-child{flex:auto;width: 130px;}
@media screen and (max-width:1024px){
	.user-warp {display: block;}
	.user-warp .head-img { width: 60px;height: 60px;z-index: 1;top: 17px;margin: 10px;}
	.user-warp .user-nav li a{padding:0px}
	.user-warp .user-nav li {flex: 1;text-align: center;}
	.user-warp .left-user {width: 100%; min-height: auto; padding: 0px;padding-bottom: 13px; margin-bottom:6px;}
	.user-warp .user-nav {padding-top: 0;}
	.user-warp .user-nav ul{display: flex;}
	.right-user .table-style .tdname{width: 64%; padding: 0;}
	.right-user .table-style .table-title{display: none;}
	.right-user .order-tab li{flex: 1;}
	.right-user .table-style{padding:0px}
	.head-sculpture{height: 84px}
	.user-warp .head-sculpture .account {position: absolute;top: 65px;text-align: left; width: 100%;text-indent: 81px;}
	.user-warp .user-nav img{display: none;}
	.user-warp .head-img .edit img {width: 20px;margin-top: -6px;}
	.user-warp .head-img .edit span {top: 37px;font-size: 12px;}
	.user-warp .right-user{padding:8px}
	.right-user .table-style .tabletd{text-align: center;}
	.right-user .table-style .td-operate{width: 100%;flex: none;text-align: right;}
	.right-user .table-style .pro-name p{text-align: left;}
	.right-user .table-style .tabletr .tabletd:last-child {flex: none;width: 100%;}
}



.order-ifo{border:1px solid #ddd;border-radius: 15px;display: flex;overflow: hidden;position: relative;z-index: 1;margin-top: 35px;}
.order-ifo .order-left{border-right:1px solid #ddd; width:50%;}
.order-ifo .order-status{background: #f6f6f6;border-top-left-radius:15px;font-weight: bold;border-bottom: 1px solid #ddd;display: flex;justify-content:space-between}
.order-ifo .order-left li{padding:12px;font-size: 12px;position: relative;display: flex;}

.order-ifo .order-left li span{ color: #a39b9b;  position: absolute; left: 0px;    text-align: right;width: 106px;}
.order-ifo .order-left li  p{padding-left:130px;}
.order-ifo .order-left .order-card{background: #f1fff6;border: 1px solid #dbf9e6;    margin-bottom: 5px;}
.order-ifo .order-left .order-card span{color:#000}
.order-ifo .order-left .order-card p{font-weight: bold;color: #1d8604;font-size: 14px;}
.order-ifo .order-left .price{font-weight:bold;color:rgb(252, 66, 66)}
.order-ifo .order-right{display: flex;align-items: center;justify-content:center;flex: 1;}
.order-ifo .order-right .order-font{font-size:12px;}
.order-ifo .order-right .order-font a { border: 1px solid #ddd;display: inline-block; padding: 5px 13px;width: 102px; border-radius: 91px; text-align: center;font-weight: bold;}
.order-ifo .order-right .order-font .btn-x{border: 1px solid var(--font-theme);color: var(--font-theme);margin-right: 8px}
.order-ifo .order-right .order-font p{padding:11px 0px}
.order-ifo .order-right .order-font p:nth-child(1){font-size:14px}
.user-warp .return-a{text-align: center;}
.user-warp .return-a a{border: 1px solid #ddd;display: inline-block; padding: 5px 13px;width: 102px;font-size: 12px; border-radius: 91px; text-align: center;position: relative; z-index: 1;margin: 21px 0px;}
@media screen and (max-width:1024px){
.order-ifo{display:block;}
.order-ifo .order-left { border-right: 0;width: 100%;border-bottom: 1px solid #ddd;}
}

/*  user title  */
.right-user .r-title.viewport{border-bottom: 1px solid #eee;position: relative;}

.right-user .r-title .rev-iew{position: absolute;width: 100px;height: 3px;background: #000;left: 0;bottom: 0;}

/*  my evaluateModal  */
.modal-footer{justify-content: center;border-top: 0px;padding-top: 0px;}
.modal-footer .btn{font-size: 12px;width: 90px;padding: 10px 0px;border-radius: 31px;}
.modal-footer .btn-secondary{font-weight: bold;    margin-right: 15px;}
.modal-footer .btn-primary,
.modal-footer .btn-primary:hover{background: transparent;  border: 1px solid #ddd}
.evaluate-box .tdname{padding: 10px 0px;font-size:14px;display: flex;justify-content: space-between;align-items: center;}
.evaluate-box .proifo{display: flex;align-items: center;}
.evaluate-box .proimg img{width: 60px;border-radius: 10px}
.evaluate-box .pro-name{padding-left:13px}
.evaluate-box .pro-name p:nth-child(1){font-weight: bolder;font-size:14px;line-height: 22px;}
.evaluate-box .pro-name p:nth-child(2){color:#666;font-size:12px;}
.evaluate-box .pro-name em {font-weight: normal;background: #fff;border-radius: 9px;font-size: 12px;padding: 0px 6px; color: #565656;opacity: 0.5;border: 1px solid #c8c8c8;}
.evaluate-box .state{color: #f60}
.evalbox .eval-title{font-size: 14px;color:#666;margin-top: 15px;padding-bottom: 9px;padding-right:10px;}
.evalbox .remarkstart{display: flex;padding-bottom: 12px;align-items: center;}
.evalbox .reamrknum {color: #C30;padding-left: 9px;font-size: 15px;padding-top: 3px;}
.evalbox .w-star{position: relative;top: 2px;}
.evalbox .w-star span{font-size: 20px;color: #e0e0e0;margin-right: 10px;cursor: pointer;}
.evalbox .w-star span.active{color:var(--btn-theme);}
.evalbox .form-control{height:50px;overflow: hidden;background: #fff; font-size: 12px;}
.evalbox .comment-tips{font-size: 12px;color:#666;padding-top: 6px;}

.evalbox .remark-label span { font-size: 14px;display: inline-block; border: 1px solid #ddd;padding: 4px 11px;border-radius: 4px; margin: 3px;  cursor: pointer; font-weight: bold; color: #646464;}
.evalbox .remark-label-txt { font-size: 13px;font-weight: bold; color: #C30; padding: 9px 0px 0px 0px;}
.evalbox .remark-label .active{color:#C30;border: 1px solid #f7a9a9}

.evalbox .cancel-remark-label span { font-size: 12px;display: inline-block; border: 1px solid #ddd;padding: 4px 11px;border-radius: 4px; margin: 3px;  cursor: pointer; font-weight: bold; color: #646464;}
.evalbox .cancel-remark-label .active{color:#C30;border: 1px solid #f7a9a9}
.evalbox .cancel-comment-tips{font-size: 12px;color:#666;padding-top: 16px}
.evalbox .cancel-customer{font-size: 14px;padding-top:20px;}
.evalbox .cancel-customer img{width: 21px}
.evalbox .cancel-customer span{color:#029789;font-weight: bold;cursor: pointer;}
.modal-footer .cancel-font{color:#666;font-size: 12px;}
.success-tips .tick{width: 30px; height: 30px; background: #00CC9A;border-radius: 31px;text-align:center;display: inline-block;}
.success-tips .tick::before {content: '';position: absolute;width: 5px;height: 15px;color: #fff;border-bottom: 2px solid;border-right: 2px solid;top: 9px;transform-origin: center;  transform: translate(-50%, -30%) rotate(45deg); -webkit-transform: translate(-50%, -30%) rotate(45deg);}
.success-tips .success-title {padding-left: 10px;color: #00cc9a; padding-top: 4px;}
.success-tips .success-title span{font-size: 12px;color:#f60}
.success-tips .success-box{position:relative;display: flex; justify-content: center;margin-top: 14px;}
.success-tips .success-cont{text-align: center;margin-top: 22px;}
.success-tips .success-warp{text-align: center;padding: 22px;}
.success-tips .success-warp .btn{font-size: 12px;color: #000;font-weight: bold;padding: 10px 23px;    border-radius: 31px;}
.success-tips .success-warp .btn-primary{background: transparent; border: 1px solid #ddd; margin-left: 15px;}
/*  security-warp  */
.security-warp{display: flex;margin-top: -11px;flex-wrap: wrap;position: relative;z-index: 1;}
.security-warp .security-box{background:#f4f4f4;border-radius: 13px;margin-left: 5vh;text-align:center;padding:22px 10px;box-shadow: -3px -2px 20px 0px rgb(165 165 165 / 15%);cursor: pointer;width: 26%;margin-top: 71px;}
.security-warp  .svgimg{width:60px;height:60px;overflow: hidden;margin: auto;}
.security-warp .svgimg img{width: 100%;height: 100%; filter: drop-shadow(#666 100px 0); transform: translateX(-100px); }
.security-warp .security-box .security-ifo{color:#666;font-size: 12px}
.security-warp .security-box .btn {border-radius: 50px;    font-size: 12px;background: #fff; border: 1px solid #ddd;padding: 5px 17px; margin-top: 21px;}
.security-warp .security-box .security-title{padding: 11px 4px; font-size: 14px;}
.security-warp .security-box:hover{background: #fff}
.security-warp .security-box:hover .btn{background: var(--btn-theme);border: 1px solid var(--btn-theme)}
.security-warp .security-box:hover img{filter: drop-shadow(var(--btn-theme) 100px 0); }


/* aliyunCaptcha  */
#aliyunCaptcha-question {font-weight: bold;text-align: center;color: #409eff;background: #ecf5ff;padding: 11px 4px;}


/*  form-input  */
.form-input-warp{padding:22px; position: relative;z-index: 1;    padding-left: 14vh;}
.form-input-warp .form-input{width: 360px;}
.form-input-warp .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { left: 0;}
.form-input-warp .form-input>ul>li{position: relative;padding-left:100px;    margin: 28px 0px}
.form-input-warp .form-title{padding:12px 0px;}
.form-input-warp .form-input .f-title{position: absolute;font-size: 13px;color:#949494;padding-top: 9px;left:0px}
/* .form-input-warp .form-input .form-phone{text-indent: 46px;} */
.form-input-warp .form-input .form-control{font-size: 14px;}
.form-operate{display:flex;}
.form-operate .web-button{width: 147px;}
.form-operate .return-btn {border-radius: 50px; height: 40px;margin-left: 31px; line-height: 21px;font-size: 12px;width: 110px; border: 1px solid #ddd;background: transparent;}
.web-button .web-recharge .button{box-shadow: none;    font-size: 14px;}
.form-input-warp .form-tips{left: 100px;top: -30px;color: #fff;}
.form-input-warp  .form-code {display: flex;}
.form-input-warp .form-code .code-btn {display: block; margin-left: 10px;background: #ffe9e9;border: 1px solid #ffbbbb; border-radius: 6px;font-size: 13px; color:#bb4545; padding: 8px 0px; width:310px;}



.form-input-warp .third-icon{display:flex;margin-top: 23px}
.form-input-warp .third-icon span {width: 50px;height: 50px;background: #f0f0f0;border-radius: 4px;margin-right: 28px;display: flex;justify-content: center;align-items: center;padding: 3px;cursor:pointer;opacity:0.8}
.form-input-warp .third-icon img{height:60%;width:60%}
.form-input-warp .third-icon span:first-child img{height:70%;width:70%}
.form-input-warp .third-icon span:hover{opacity:1}
.form-input-return .return-btn,
.form-input-return .return-btn:hover{border-radius: 50px; height: 40px;margin-top: 31px; line-height: 21px;font-size: 12px;width: 110px; border: 1px solid #ddd;background: transparent;}
@media screen and (max-width:1024px){
.form-input-warp .form-input {width: 100%;}
.form-input-warp {padding: 0;padding-left: 0;}
.form-input-warp .form-input >ul>li {padding-left: 0;margin: 15px 0px;}
.form-input-warp .form-tips {left: 10px;top: -30px;}
.form-input-warp .form-input .f-title {position: relative;}
}
.no-data{height: 350px;display: flex;align-items: center;justify-content:center;color:#bdbdbd;font-size: 14px}

/* disconut-list  */
.right-user .disconut-tab ul{justify-content: flex-start;}
.right-user .disconut-tab ul li a{display: block;}
.right-user .disconut-tab ul .active a{color: var(--btn-theme)}
.discount-tab-state{padding-top:12px;}
.discount-tab-state ul{display: flex;font-size: 14px;}
.discount-tab-state ul li{padding:12px 34px;cursor: pointer;}
.discount-tab-state ul .active{font-weight:bold;color: var(--btn-theme);}
.disconut-list .pag-bott{padding-right: 43px}
.disconut-list{padding-top:0px;position: relative;z-index: 1;}
.disconut-list .dis-item {position:relative;display: grid;grid-template-columns: repeat(5, 1fr);grid-auto-rows:auto;grid-column-gap: 15px;grid-row-gap: 20px;}
.disconut-list .dis-box {background:#fef2d7;border-radius:5px;margin-right: inherit; position:relative;overflow: hidden;}
.disconut-list .dis-item .dot-left,
.disconut-list .dis-item .dot-right {display:block;width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;z-index:999;}
.disconut-list .dis-item .dot-left {top:50%;left:-6px;-webkit-transform: translate(0%,-50%);}
.disconut-list .dis-item .dot-right {top:50%;right:-6px;-webkit-transform: translate(0%,-50%);}
.disconut-list .dis-item .page-group {width:98%;}
.disconut-list .dis-item .page-group .dis-title{font-size:16px;color:  var(--font-theme);font-weight: bolder;}
.disconut-list .dis-item .page-group .dis-cent {font-size: 12px;opacity: 0.8;border-top: 1px dashed #c2c1c1;padding-top: 7px; margin-top: 6px}
.disconut-list .dis-item .page-group .fold-page {display:block;width:2px;height:5px;background:#db0113;transform:skewY(-40deg);position:absolute;top:-1px;left:0;z-index:0;}
.disconut-list .dis-item .page-group .page {position:absolute;z-index:1;display:block;padding:0 10px;height:20px;background:linear-gradient(137deg,#ff5b5b 0%,#db0113 100%);border-radius:0 20px 20px 0;color:#fff;text-align:center;font-size:12px;overflow:hidden;}
.disconut-list .dis-item .dis-content {height: 80px;position: relative;z-index: 2;text-align: center; display: flex;justify-content: center;align-items: center;}
.disconut-list .dis-item .dis-footer {color:#666;font-size:12px;padding:5px 15px 10px 15px;display: none;}
.disconut-list .dis-footer-label {line-height:24px;padding-left: 6px;}
.disconut-list .dis-item .ribbon {border-radius: 50px;position: absolute;top: 28px;right: 20px; background:var(--font-theme);padding: 5px 22px;font-size: 12px;cursor: pointer;}
.disconut-list .expire .page-group .dis-title{color:#c2c3c7}
.disconut-list .expire .page-group .dis-cent{color:#c2c3c7}
.disconut-list .expire .dis-footer{color:#c2c3c7;position: relative;}
.disconut-list .expire .dis-footer img {width: 95px;position: absolute;top: -78px;right: 10px; opacity: 0.2;}
.disconut-list .expire .ribbon{display: none;}


.skin-package .dis-box {background: linear-gradient(90deg, #fbb92a 0%, #f57c42 100%);}
.disconut-list .expire .dis-box,
.disconut-list .used.dis-box{background: #f1f1f1;}
.skin-package .group-box {gap: 12px; padding: 15px; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 6px;}
.skin-package .group-box .group-title{display:flex;align-items: center;padding-bottom: 10px;color:#666;font-size: 12px;}
.skin-package .group-box .group-title span{margin-right:27px;font-size: 12px;}
.skin-package .group-box + .group-box {margin-top: 10px;}
.skin-package .dis-item .page-group .dis-title {color: #fff;}
.skin-package .dis-item .page-group .dis-cent {color: #fff;}
.skin-package .dis-item .page-group .dis-cent{ border-top:1px dashed #ffffff8c;}
.skin-package .box .discount-code .dis-font{font-size: 15px;color: #8d8d8d;font-weight: normal;position: relative;top: -2px;}
.skin-package .expire .page-group .dis-title,
.skin-package .used .page-group .dis-title {color: #c2c3c7;}
.skin-package .expire .page-group .dis-cent,
.skin-package .used .page-group .dis-cent {border-top: 1px dashed #c2c1c1; color: #c2c3c7}

.skin-package .box {margin-top: 12px; padding: 12px; background: #f5f5f5; border-radius: 5px;padding-top:2px}
.skin-package .dis-item .dot-left,
.skin-package .dis-item .dot-right{background: #fff;}
.skin-package .box .discount-code{display: flex;font-weight: bold;font-size: 20px; height:40px; border-top-left-radius: 10px; border-top-right-radius: 10px; align-items: center;}
.skin-package .box .used-tag {background: #bcbcbc;position: absolute;right: 0px;top: 0px;padding: 2px 6px;font-size: 12px; border-bottom-left-radius: 5px;color: #fff;}
.skin-package .box .discount-code .dis-expire {position: absolute;right: 20px;color: #ed5151; font-weight: normal; font-size: 14px;}
.skin-package .box.expire .discount-code{color: #8d8d8d;}
.skin-package .box .discount-code time{font-size: 14px;color: #999;padding-left: 20px;font-weight: 500;display: none;}








.modile-pro{display: none;}
@media screen and (max-width:1024px){
.disconut-list .dis-item{grid-template-columns: repeat(2, 1fr);}
.disconut-list .dis-box{margin-bottom: 7px;}
}

@media screen and (max-width:768px){
	.modile-pro{display: block;}
.security-warp .security-box{margin-left: 3vh;width: 41%;    margin-top: 25px;}
.security-warp .svgimg { width: 34px;height: 34px;}
header{display: none;}
.mt-3{display: none;}
.user-warp .left-user{display: none;}
.user-warp .right-user {padding: 8px;border-radius: 0;box-shadow: none;}
body{background: #fff;}
.right-user .r-title{display: none;}
.order-ifo {margin-top:0px; border-radius: 0;}
.user-warp {margin-top: 0;}
.pag-bott{justify-content: center;}
.user-profile{position:fixed;height: 100vh;top:0px;z-index: 3;display: none;background: #fff;}
.discount-tab-state ul li{flex: 1;padding: 0px;text-align: center;}
.skin-package .box .discount-code {display: block;}
.skin-package .box .discount-code .dis-time{padding:0px}
}

.user-repay {position: relative;}
.rest-time {display: none;position: absolute;white-space: nowrap;left: 0;bottom: -3em;color: #e60057;background-color: #fddf2b;line-height: 2em;padding: 0 1em;border-radius: 1em;font-weight: bold;z-index: 2;}
.rest-time::before {content: "";display: inline-block;width: 6px;height: 6px;position: absolute;left: 20px;top: -3px;background-color: #fddf2b;transform: rotate(45deg);z-index: 1;}
.right-user .table-style .btn-cancel-order {background-color: #fff2f2;color: #ed4518;}
.right-user .user-repay .fine-red {background-color: #e00909;color: #fff;}