@charset "utf-8";
html{touch-action: manipulation;overflow-x: hidden;font-size: 50px;-webkit-tap-highlight-color: transparent}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp, div{margin:0;padding:0;box-sizing: border-box}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.52}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:Arial, Microsoft YaHei}
h1,h2,h3,h4,h5,h6{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none;color:inherit}
sup,sub{vertical-align:baseline}
body {font-family: 'Microsoft Yahei', sans-serif;line-height: 1;-webkit-text-size-adjust: none;margin: 0;background:#f5f7f9;}
.flex{display: flex;}.flex1{display: flex;flex-direction: column}.flex-wrap{flex-wrap: wrap}.flex-nowrap{flex-wrap: nowrap}
.justify-between{justify-content: space-between;}.justify-center{justify-content: center;}.justify-around{justify-content: space-around;}.justify-evenly{justify-content: space-evenly;}
.align-center{align-items: center;}

::-webkit-scrollbar {
    width: 0;
    height: 0;
}

@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }

.common-header{
    height: 1rem;
    width: 100%;
    box-sizing: border-box;
    font-size: .34rem;
    position: relative;
    background: #FFFFFF;
    justify-content: center!important;
    display: flex;
    align-items: center;
}
.common-header-w{
    height: 1rem;
    width: 7.5rem;
    box-sizing: border-box;
    font-size: .34rem;
    position: relative;
    justify-content: center!important;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    background: transparent;
}
.background-layer{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.left-icon{
    width: .16rem;
    height: .32rem;
    background: url(/mobile21/image/index/recommend/left-icon.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: .2rem;
}
.left-icon-w{
    width: .16rem;
    height: .32rem;
    background: url(/mobile21/image/index/recommend/left-icon-w.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: .2rem;
}
.coupon-body{
    width: 100%;
    min-height: calc(100vh - 1.8rem);
    background: #F5F7F9;
}
.common-header.border-bottom{
    border-bottom: 1px solid #F1F1F1;
}
.hide{
    display: none;
}
/*.index-page{*/
/*    position: fixed;*/
/*}*/
.slide-in{
    width: 7.5rem;
    min-height: 100%;
    overflow: scroll;
    background: #F5F7F9;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -7.5rem;
    z-index: 999;
    display: none;
}
.action-btn{
    width: 6.7rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    border-radius: 4px!important;
    background: linear-gradient(135deg, #E6C496 0%, #EFCD9B 100%);
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #AF7C00;
    font-size: .28rem;
    margin: 0 auto;
    display: block;
}
.action-btn.sec{
    background: transparent;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    color: #111111;
    font-size: .28rem;
    margin: .2rem auto;
    display: block;
}
.action-btn[disabled]{
    background: #DDDDDD;
    color: #333333;
}
.get-sms{
    height: .6rem;
    width: 1.8rem;
    line-height: .6rem;
    font-size: .24rem;
    background: #FFFFFF;
    border: 1px solid #E6C496;
    box-sizing: border-box;
    border-radius: 20px!important;
    color: #AF7C00;
    margin-left: auto;
    text-align: center;
}
.regular-btn{
    height: .52rem;
    padding: 0 .22rem;
    font-size: .24rem;
    line-height: .52rem;
    background: linear-gradient(135deg, #E6C496 0%, #EFCD9B 100%);
    border-radius: .26rem;
    color: #936718;
    margin-left: auto;
    text-align: center;
    flex: none;
}
.get-sms[disabled]{
    border: 1px solid #999999;
    color: #666666;
}
.regular-input-wrap{
    background: #FFFFFF;
    padding: 0 .4rem;
    box-sizing: border-box;
}
.regular-input-wrap .regular-input-item{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    border-top: 1px solid #F1F1F1;
    font-size: .28rem;
    color: #111111;
    display: flex;
    align-items: center;
    position: relative;
}
.regular-input-wrap .regular-input-item label{
    min-width: 1.6rem;
    text-align: left;
}
.regular-input-wrap .regular-input-item input:nth-of-type(1){
    width: 100%;
    flex: 1;
}
.regular-input-wrap .regular-input-item:first-of-type{
    border-top: none;
}

.regular-input-item input::-webkit-input-placeholder {/* Firefox 18- */
    color: #999999;
    font-size: .26rem;
}
.regular-input-item input::-moz-placeholder{/* Firefox 19+ */
    color: #999999;
    font-size: .26rem;
}
.regular-input-item input:-ms-input-placeholder {
    color: #999999;
    font-size: .26rem;
}
.regular-input-item .view,
.ui-input-row .view{
    width: .28rem;
    height: .15rem;
    background: url(/mobile21/image/userSetting/login/hidden-icon.png);
    background-size: 100%;
    margin-left: auto;
    margin-right: .2rem;
}
.regular-input-item .view.active,
.ui-input-row .view.active{
    height: .21rem;
    background: url(/mobile21/image/userSetting/login/view-icon.png);
    background-size: 100%;
}
.tips-over-input{
    font-size: .24rem;
    padding: .2rem .4rem .26rem;
    color: #999999;
}
.sms-tips{
    width: max-content;
    font-size: .2rem;
    color: #666666;
    position: absolute;
    right: .36rem;
    margin-top: .2rem;
}

.IOS-radio-box {
    position:relative;
    width: 1.04rem;
    height: .54rem;
}
.IOS-radio-box input {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index: 99;
}
.IOS-switch {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: .3rem;
    background: #e9e9e9;
    box-shadow:0px 0px 2px #e9e9e9 inset;
    transition:all 0.2s ease-in-out;
}
.IOS-radio-box input:checked~.IOS-switch {
    background: #12BA4E;
    box-shadow:0px 0px 2px #12BA4E inset;
}
.IOS-cursor {
    display:inline-block;
    position:absolute;
    left: 5%;
    width: .48rem;
    height: .48rem;
    border-radius: 100%;
    background: #fff;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.1);
    z-index:10;
    -webkit-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.IOS-radio-box input:checked~.IOS-switch .IOS-cursor {
    left: .52rem;
}
.IOS-label {
    position:absolute;
    top:0;
    width:70px;
    font-size:28px;
    line-height:58px;
    color:#fff;
    text-align:center;
    -webkit-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.IOS-label-on {
    left: -0.55rem;
    opacity:0.5;

}
.IOS-radio-box input:checked~.IOS-switch .IOS-label-on {
    left: 3px;
    opacity: 1;
}
.IOS-label-off {
    opacity: 1;
    right: 0;
}
.IOS-radio-box input:checked~.IOS-switch .IOS-label-off {
    opacity: 0.5;
    right: -0.55rem;
}
.common-body-bg{
    background: #F5F7F9;
}

.login-register-box{
    position: fixed;
    height: 100%;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.79);
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.login-wrap{
    background: #FFFFFF;
    padding: 0 .2rem;
    box-sizing: border-box!important;
    width: 7.5rem;
    height: 4.7rem;
}
.login-wrap img{
    width: 1.5rem;
    height: 1.5rem;
    margin: .4rem 0;
}
.login-wrap a{
    border-radius: 2px;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    font-size: .28rem;
    margin-bottom: .4rem;
}
.login-wrap .login{
    background: linear-gradient(135deg, #E6C496 0%, #EFCD9B 100%);
    color: #AF7C00;
}
.login-wrap .register{
    background: transparent;
    border: 1px solid #DDDDDD;
}
.no-data{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .24rem;
    color: #999999;
}
.no-data img{
    height: 2.74rem;
    width: 2.84rem;
    margin-bottom: .36rem;
}

.result-body {
    width: 100%;
    height: 5.4rem;
    font-size: .28rem;
    color: #111111;
    line-height: 2;
}
.result-body img{
    width: .72rem;
    height: .72rem;
    margin-bottom: .15rem;
}
.result-page a{
    width: 6.7rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0.04rem;
    background: linear-gradient(135deg, #E6C496 0%, #EFCD9B 100%);
    border: .5px solid #EFCD9B;
    font-size: .28rem;
    color: #AF7C00;
    margin: 0 auto .4rem;
    display: block;
}
.result-page a:nth-of-type(2) {
    background: #FFFFFF;
}
.result-body .text {
    font-size: .24rem;
    color: #666666;
}
.result-details{
    margin-top: .8rem;
    width: 100%;
    height: 2.22rem;
    background: #ffffff;
    padding: .4rem;
    box-sizing: border-box;
    font-size: .24rem;
    line-height: .34rem;
    color: #111111;
    justify-content: space-between;
}
.result-details .wrap p:nth-of-type(1){
    color: #666666;
}
.bottom-data{
    width: 100%;
    color: #bdbdbd;
    font-size: 12px;
    text-align: center;
    margin: 10px auto;
    display: block;
}

.animation-plus{
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}



.layui-m-layerchild.layui-m-layer-discount-tip {
    width: 6.3rem!important;
    height: 8.3rem!important;
    background: url(/images/header/discount-tip-bg.png) center center / 100% 100% no-repeat;
    box-shadow: none;
    background-color: transparent!important;
}
.layui-m-layer-discount-tip  .layui-m-layercont {
    padding-top: 1.7rem!important;
    height: auto!important;
}
.layui-m-layer-discount-tip  .layui-m-layercont >div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.layui-m-layer-discount-tip  .layui-m-layercont >div img{
    width: 5rem;    
}
.layui-m-layer-discount-tip  .layui-m-layercont >div>div{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin:1.5rem auto 0;
}
.layui-m-layer-discount-tip  .layui-m-layercont >div>div>div{
    cursor: pointer;
    height: .88rem;
    width:3.3rem;
    display: flex;
justify-content: center;
align-items: center;
border-radius: .6rem;
background: linear-gradient(98deg, var(--Color-Btn-Btn_Gradient_start, #FFEBB5) 0%, var(--Color-Btn-Btn_Gradient_end, #D0B880) 100%);
color: #111;
text-align: center;
font-family: "PingFang SC";
font-size: .32rem;
font-style: normal;
}
.layui-m-layer-discount-tip .layui-m-layercont >div>div .btn1{
    width:1.6rem;
    border-radius: 30px;
border: 1px solid #FFEBB5;
background: transparent;
color: #EBC58C;
}
.layui-m-layer-discount-tip  .layui-m-layercont >div>p{
    font-size: 10px;
    color: #fff;
    text-align: center;
}
.layui-m-layer-discount-tip  .layui-m-layercont >div>p>span{
    color: #CEAA70;
    cursor: pointer;
}
.layui-m-layer-discount-tip  .layui-m-layercont .tip-test{
   
padding: 6px 10px;
border-radius: 6px;
background: #272422;
margin-top: 1.7rem;
display:flex;
flex-direction: column;
}
.layui-m-layer-discount-tip  .layui-m-layercont .tip-test p{
    color:  #FFF;
text-align: center;
font-size: .32rem;
line-height: .5rem; /* 162.5% */
}