@charset "utf-8";
/* CSS Document */
html,input,button,select,textarea,form,fieldset,iframe,object,pre,code,legend,blockquote{margin:auto; padding:0; border:0; font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
html{font-size:16px;}
body{margin:0; padding:0;text-align:center;background: #fff;}
ul,ol,li{list-style:none; margin:auto; padding:0;}
a{text-decoration:none; color:inherit; font-size:inherit; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:none;}
button{cursor:pointer;}
*{outline:none;}
input{font-size: .9375rem;height: 1.5rem;line-height: 1.5rem;-webkit-appearance: none;}
textarea{font-size: .9375rem;}
select{-webkit-appearance: none;}
/*公用*/
.wrapper{position:relative; width:100%; margin:0; padding:0;}
.container{position:relative; width:100%; height:100%; padding-bottom:3rem;margin-top: 0;}
.header{position:fixed; top:0; width:100%; height:3rem; background-color:#fff;border-bottom: 1px solid #e7a8a5; z-index:1000; color:#000; font-size:1.125rem; line-height:3rem;}
.header .back{position:absolute;height: 3rem; left:0;  width:3rem; cursor:pointer;}
.header .back img{ position:absolute; left:1rem;top:.75rem;  width:.75rem;}
.head-right{position: absolute;right:.625rem;font-size: .875rem;color:#e28989;top: 0;}


.quan_cenbox{position:absolute;bottom:-.75rem;left:0;right:0;padding-top: .75rem;margin: 0;width: auto;z-index: 22;}
.quan_cenli{position:relative;text-align:left;width:auto;margin:0 1rem .4375rem 1rem;background: #faf9f7;height: 2.375rem;line-height: 2.375rem;border-radius: 3rem;z-index: 22;}
.quan_cenliin input{height: 1.5rem;line-height: 1.5rem;font-size:.9375rem;margin-top: .4375rem;margin-left: 1.5rem;background: #faf9f7;width: 60%;}
.quan_yzm{position: absolute;right: 1rem;height: 1rem;line-height: 1rem;top: .6875rem;color:#e87883;font-size: .75rem;border-left: 1px solid #e87883;padding-left: .5rem;}
.quan_btn{position:relative;padding-bottom:.75rem ;padding-top:.3125rem;margin: 0 1rem;width: auto; z-index: 22;}
.quan_btn input{width: 100%;background:-webkit-linear-gradient(left,#e78891,#e7808a,#e87883);height: 2.25rem;line-height: 2.25rem;color: #FFFFFF;border-radius: 3rem;box-shadow:0 6px 12px rgba(12, 3, 7, 0.1);}
.quan_cenboxpar{position: relative;margin: 0 1rem;width: auto;}
.quan_cenboxbg{position:absolute;background: #fff;opacity: 0.5;top: 0;left: 0;right: 0;bottom: 0;border-radius: 5px;z-index: 2;}
.quan_cenboxbgs{position: relative;width: 100%;z-index: 1;}
.quan_cenboxbgs img{display: block;width: 100%;}
.quan_logo{margin: 0 1.75rem;width: auto;padding-top: 1.5rem;}
.quan_logo img{display: block;width: 100%;}
.quant_box{position: relative;margin: 1rem 2rem 1.5rem 2rem;}
.quant_box ul,.quant_box ul li{position: relative;width:100% ;}
.quant_box ul li{position: relative;width:100% ;height: 4rem;margin-bottom: .625rem;}
.quant_boxl{padding: .75rem 1.25rem .75rem 1.25rem;text-align: left;}
.quant_boxl01{font-size: .9375rem;color: #7b4745;}
.quant_boxl01 span{font-size: .5rem;color: #e87883;border: 1px solid #e87883;display: inline-block;margin-left: .25rem;height: 1rem;line-height: 1rem;padding: 0 .125rem;border-radius: 2px;}
.quant_boxl02{color: #bd9593;font-size: .75rem;padding-top: .125rem;}
.quant_boxr{position: absolute;right: 0;top: 0;height: 4rem;line-height: 4rem;text-align: center;width: 6rem;border-left: 1px dashed #bbb;color: #e87883;font-size: 1.5rem;}
.quant_boxr span{font-size: .8125rem;}
.txt_box{color:#fbf8f4 ;margin: 2rem 1rem 0 1rem;text-align: left;}
.txt_tit{position:relative;font-size: .8125rem;height: 1rem;line-height: 1rem;padding-left: 1.25rem;}
.txt_tit img{position: absolute;left: 0;top: 0;width: 1rem;height: 1rem;}
.txt_txt{font-size: .75rem;padding-top: .5rem;}
.txt_txt div{line-height: 1.25rem;margin-left: 2px;}
.qlitank{position: fixed;left: 0;top: 0;width: 100%;z-index: 1111;display: none}
.qlitank-box{position: fixed;top: 23%;left: 3.5rem;right: 3.5rem;background: #fff;border-radius: .75rem;} 
.qli-clo{position:absolute;right:-1.125rem;top:-1.125rem;background:#fff;width: 2.25rem;height: 2.25rem;border-radius: 50%;box-shadow: 0px 0px 12px 4px rgba(29,12,103,0.05);}
.qli-clo img{width:1.375rem;display: block;position: absolute;left:.4375rem;top: .4375rem;}
.qli-ban{margin: 2rem 1.625rem 2rem 2.375rem;width: auto;}
.qli-ban img{width:100%;display: block;}
.qli-txt01{font-size: 1.25rem;color: #333;margin-bottom: 1rem;}
.qli-txt02{font-size: .875rem;color: #666;margin-bottom: 3rem;}
.qli-txt02 span{color:#e87883;}
.qli-btn{position:absolute;bottom:-1.25rem;left:25%;height:2.5rem;line-height:2.5rem;font-size: 1.125rem;color: #fff;width: 50%;margin:0 auto;background: #e7a8a5;border-radius: 2.5rem}
.popup-bg{ position:fixed; left:0; top:0; bottom:0; width:100%; background-color:#000; opacity:.5;}
.quant_boxl02 span{position:relative;top:-1px;font-size: .5rem;color: #e87883;border: 1px solid #e87883;display: inline-block;margin-left: .25rem;height: .75rem;line-height: .75rem;padding: 0 .125rem;border-radius: 2px;}
.xcxewm{width: 35%;margin: 0 auto;}
.xcxewm img{display: block;width: 100%;}
.xcxtxt{padding: .25rem 1rem 3rem 1rem;}