/*通用样式*/
*{appearance: normal; -webkit-appearance: none; -moz-appearance: none; margin: 0; padding: 0; border: 0; vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-shadow: none;}
*{font-family:"微软雅黑",tahoma,'宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;}
html{font-size: 62.5%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;min-width: 320px;max-width: 640px;margin: 0 auto;-webkit-text-size-adjust:none;}
body{margin:0;padding: 0;background-color: #F5F5F5;}
input[type=checkbox], input[type=radio] {box-sizing: border-box; padding: 0; height: 14px; width: 14px;vertical-align: middle;}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}
fieldset, img{border: 0;max-width:100%;}
a{color: #666666;}
a, input, textarea{text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent;}
a:link, a:visited{color: #666; text-decoration: none;}
ol,ul,li{list-style:none}
dl,dt,dd,ul,li,h1,h2,h3,h4,h5,p{margin:0;padding:0;word-break:break-all;}
em,h1,h2,h3,h4,h5,i{font-style: normal;font-weight: normal;}
input,textarea{outline:none}
button, input, select, textarea {font-family: inherit; color: #666;border:0;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.fl{float: left;}
.fr{float: right;}
#index{display: none;position: relative;width: 100%;overflow: hidden;}
#main{padding-top: 4.5rem;padding-bottom: 5.5rem;}
.nofound {background: url(../images/ico/nofound.png); width: 100%; padding-bottom: 42.5%; background-size: cover;}
#error {display: none!important;}
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icon/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.spacing{height: 1rem;background-color: #f5f5f5;}
body.overhide{overflow: hidden;}

.text td,.text th{display:table-cell;}
.text td,.text th{vertical-align:inherit;}
.text td,.text th{padding: 5px 10px;border: 1px solid #DDD;}
.text td p{margin:0;padding:0;}
.text table{margin-bottom:10px;border-collapse:collapse;display:table;}
/*加载动画*/
#loading {width: 100%; height: 100%; background-color: #fff; z-index: 9999; position: fixed;top: 0;left: 0;}
#loading .tl{position: absolute; top: 50%; left: 50%; font-size: 12px; width: 120px; height: 30px;margin-top: 25px;margin-left: -60px; color: #666;}
.spinner { width: 32px; height: 32px;position: relative;top: 50%;left: 50%;margin-top: -72px;margin-left: -42px;}
.cube1, .cube2 {background-color: #2ebd59; width: 30px; height: 30px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out;}
.cube2 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
/*滑动按钮*/
.cui-view{position: absolute;right: 1rem;top: 50%;margin-top: -13px;height: 24px;line-height: 23px;}
.cui-switch{position:relative;width:44px;height:24px;display:inline-block;vertical-align:middle;border-radius:24px;background-color:#ccc;cursor:pointer;-webkit-transition:200ms background-color ease-in;-moz-transition:200ms background-color ease-in;transition:200ms background-color ease-in;}
.cui-switch.current{background-color:#2ebd59}
.cui-switch .cui-switch-bg{position:absolute;top:0;left:0;width:44px;height:24px;border-radius:24px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);transform-origin:center center;-webkit-transition:200ms -webkit-transform ease-in;-moz-transition:200ms -moz-transform ease-in;transition:200ms transform ease-in}
.cui-switch .cui-switch-bg.current{width:44px;height:24px;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);transform:scale(0,0);}
.cui-switch .cui-switch-scroll{position:absolute;top:1px;left:1px;right:21px;height:22px;border-radius:22px;background-color:#fff;-webkit-transition:200ms width ease-in,200ms left ease-in,200ms right ease-in;-moz-transition:200ms width ease-in,200ms left ease-in,200ms right ease-in;transition:200ms width ease-in,200ms left ease-in,200ms right ease-in}
.cui-switch.current .cui-switch-scroll{left:21px;right:1px}
.cui-switch .cui-switch-scroll.wide{left:2px;right:14px}
.cui-switch.current .cui-switch-scroll.wide{left:14px;right:1px}

/*回到顶部*/
.gotop{width: 30px; height: 30px; position: fixed; right: 10px; bottom: 80px; z-index: 9999; display: none; background: url(../images/ico/gotop.png) no-repeat 0 0/cover;}

/*页头样式*/
header{background-color: #2ebd59;box-sizing:border-box;padding: 1rem;position: fixed;top: 0;width: 100%;z-index: 999;max-width: 640px;-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19)}
header.opened{}
header.sp{background-color: rgba(0,0,0,0);}
/*header.sp .headTitle li a{background-color: rgba(0,0,0,0.3); border-radius: 50%; padding: 0.1rem;}
header.sp .headTitle .home a{display: none;}*/
header.sp .headTitle .input{display: none;}
header.on{background-color: #2ebd59;}
header.sp.on .headTitle li a{padding: 0;background-color: inherit;border-radius: 0;}
header.sp.on .headTitle .home a{display: block;}
header.sp.on .headTitle .input{display: block;}
header .headTitle{height: 2.5rem;}
header .headTitle ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
header .headTitle li{}
header .headTitle li:nth-child(1){-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
header .headTitle li:nth-child(2){-moz-box-flex:4; -webkit-box-flex:4; box-flex:4;-o-box-flex:4;}
header .headTitle li:nth-child(3){-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
header .headTitle li a{display: block;width: 2.2rem;height: 2.2rem;}
header .headTitle .menu a{background: url(../images/ico/menu.png) no-repeat 0 0.1rem/2rem;/* height: 3rem; */}
header .headTitle .input{text-align: center;line-height: 2.4rem;font-size: 1.5rem;color: #fff;height: 2.4rem;overflow: hidden;margin:0 1rem 0 0.5rem;}
header .headTitle .input i{display: inline-block; width: 0.8rem; height: 0.8rem; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 0.1rem; position: relative; left: 0.5rem; top: -0.5rem;}
header .headTitle .input i.up{-webkit-transform: rotate(-135deg); transform: rotate(-135deg);top: 0.2rem;}
header .headTitle .in a{background: url(../images/ico/mem.png) no-repeat 0rem 0.1rem/2.3rem;/* height: 3rem; */float: right;}
header .headTitle .withdraw a{background: url(../images/ico/withdraw.png) no-repeat 0rem 0.1rem/2.3rem;/* height: 3rem; */float: right;}
header .headTitle .back{}
/*header .headTitle .back i{display: inline-block;width: 1rem;height: 1rem;border-right: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(135deg)translateY(-0.8rem);transform: rotate(135deg)translateY(-0.8rem);margin-left: 0.1rem;}*/
header .headTitle .back a{background: url(../images/ico/left.png) no-repeat 0 0/cover;background-color: rgba(34,34,34,0.6);float: left;background-position: 0.4rem 0.4rem;border-radius:50%;width: 2.5rem;height: 2.5rem;background-size: 1.6rem;}
header .headTitle .back.on a{background: url(../images/ico/left.png) no-repeat 0 0.2rem/2rem;height: 2.5rem;width: 2.5rem;float: left;}
header .headTitle .home a{background: url(../images/ico/home.png) no-repeat 0 0/cover;background-color: rgba(34,34,34,0.6);float: right;background-position: 0.4rem 0.4rem;border-radius: 50%;width: 2.5rem;height: 2.5rem;background-size: 1.6rem;}
header .headTitle .home.on a{background: url(../images/ico/home.png) no-repeat 0 0/cover;height: 2rem;width:2rem;float: right;}
/*页脚样式*/
footer{position: fixed; bottom: 0; width: 100%; max-width: 640px;}
footer ul{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
footer ul li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;text-align: center;background-color: #fff;padding: 1rem;box-sizing: border-box;font-size: 1rem;border-right: 1px solid #e6e6e6;}
footer ul li i{background-repeat: no-repeat;background-size: cover;display: block;width: 2rem;height: 2rem;margin: 0 auto;}
footer ul li i.f1{background-image: url(../images/ico/phone.png);}
footer ul li i.f2{background-image: url(../images/ico/help.png);}
footer ul li i.f3{background-image: url(../images/ico/link.png);}
footer ul li i.f4{background-image: url(../images/ico/member.png);}
footer ul li i.f5{background-image: url(../images/ico/city.png);}
footer ul li i.f6{background-image: url(../images/ico/des.png);}
footer ul li i.f7{background-image: url(../images/ico/sort.png);}
footer ul li i.f8{background-image: url(../images/ico/filter.png);}
footer ul li i.f9{background-image: url(../images/ico/price.png);}
footer ul li i.f10{background-image: url(../images/ico/date.png);}
footer ul li i.f11{background-image: url(../images/ico/c_type.png);}
footer ul li i.f12{background-image: url(../images/ico/toCity.png);}
footer ul li i.f13{background-image: url(../images/ico/i3.png);}
footer ul li i.theme{background-image: url(../images/ico/theme.png);}
footer ul li i.level{background-image: url(../images/ico/level.png);}

footer ul li i.home{background-image: url(../images/ico/home1.png);}
footer ul li i.collect{background-image: url(../images/ico/collect.png);}
footer ul li i.consult{background-image: url(../images/ico/consult.png);}

footer > div{line-height: 3rem;background-color: #fff;text-align: center;font-size: 1.2rem;color: #999;}
.asort dd em.up {width: 0;height: 0;border-left: .5rem solid transparent;border-right: .5rem solid transparent;border-bottom: .8rem solid #B8B8B8;position: absolute;top: 1.1rem;left: 4.5rem;}
.asort dd em.down {width: 0;height: 0;border-left: .5rem solid transparent;border-right: .5rem solid transparent;border-top: .8rem solid #B8B8B8;position: absolute;bottom: 1.1rem;left: 4.5rem;}
.asort dd.up em.up{border-bottom-color: #666;}
.asort dd.down em.down{border-top-color: #666;}

footer.sub .poster{width: 20%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .poster:before{content: "";display: block;margin:5px auto 2px;width: 1.6rem;height: 1.6rem;background: url(../images/ico/poster.png) 0 0/cover;}

footer.sub .spread{width: 20%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .spread:before{content: "";display: block;margin:5px auto 2px;width: 1.6rem;height: 1.6rem;background: url(../images/ico/spread.png) 0 0/cover;}

footer.sub .myde{width: 20%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .myde:before{content: "";display: block;margin:5px auto 2px;width: 1.6rem;height: 1.6rem;background: url(../images/ico/member.png) 0 0/cover;}
/*左侧滑动菜单*/
.menu-bar-wrapper{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.menu-bar-wrapper.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.menu-bar-wrapper .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;height: 4rem;line-height: 4rem;position: relative;}
.menu-bar-wrapper .hd .back{display: inline-block;width: 1.5rem;height: 1.5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(135deg)translateY(-0.8rem);transform: rotate(135deg)translateY(-0.8rem);margin-left: 0.1rem;position: absolute;left: 1rem;top: 50%;margin-top: -1.5rem;}
.menu-bar-wrapper .bd{/* padding: 1rem; */font-size: 1rem;line-height: 2rem;color: #666;border-bottom: 0;}
.menu-bar-wrapper .bd textarea{width: 100%;background-color: #ededed;padding: 1rem;box-sizing: border-box;height: 9rem;}
.menu-bar-wrapper .bd .proof{}
.menu-bar-wrapper .bd .proof input{float: left; border: 1px solid #ededed; height: 2rem; line-height: 2rem; padding: 0 .5rem;min-width: 50%;}
.menu-bar-wrapper .bd .proof #imgid{color: #C10;float: left;padding-left: 1rem;}
.menu-bar-wrapper .bd .button{width: 100%; margin-top: 1rem; height: 3rem; line-height: 3rem; color: #fff; background-color: #2ebd59; font-size: 1.2rem;}
.menu-bar-wrapper .bd li{line-height: 4rem;height: 4rem;position: relative;border-bottom: 1px solid #e1dfdf;padding-left: 1rem;font-size: 1.2rem;}
.menu-bar-wrapper .bd li > a:after {content: ''; display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.menu-bar-wrapper .bd li a{}

/*成功提交订单页*/
.view{}
.view .viewTitle{width: 19rem;margin: 1rem auto;background: url(../images/ico/view.png) no-repeat 0 0/3rem;box-sizing: border-box;padding-left: 4rem;font-size: 1.2rem;line-height: 2.5rem;}
.view .viewTitle p{font-size: 1rem;color: #666;}
.view .payment{margin-bottom: 1rem;}
.view .payment ul{border:1px solid #e8e8e8;margin:10px;}
.view .payment li{/* border-bottom: 1px solid #e8e8e8; */position: relative;padding-left: 5rem;background-color: #fff;}
.view .payment li:after {content: ''; display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.view .payment li a{display: block;height: 4rem;line-height: 1.5rem;box-sizing: border-box;padding: .5rem 0;font-size: 1.2rem;color: #000;}
.view .payment li a div{font-size: 1rem; color: #666;}
.view .payment li i{display: block;width: 3rem;height: 3rem;position: absolute;left: 1rem;top: 50%;margin-top: -1.5rem;border-radius: .5rem;}
.view .payment li.alipay i {background: url(../images/icon/alipay.png) no-repeat 0 0/cover; background-color: #1CACEB;}
.view .payment li.weixin i {background: url(../images/icon/weixin.png) no-repeat 0 0/cover; background-color: #24BC52;}
.view .payment li.waptenpay i {background: url(../images/icon/waptenpay.png) no-repeat 0 0/cover;background-color: #f60;}
.view .memberview{margin-bottom: 1rem;padding: 1rem;background-color: #fff;line-height: 2rem;border: 1px solid #e8e8e8;margin:10px;}
.view .memberview h4{font-size: 1.2rem; color: #000;}
.view .memberview p em{color: #f60;padding-left: .5rem;}
.view .memberview p em i{font-size: 1.2rem;font-weight: bold;}
.view .memberview a{position: relative;display: block;}
.view .memberview a:after{content: ''; display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 0; top: 50%; margin-top: -.25rem;}
.view .btnBox{margin-top: 1rem;text-align: center;}
.view .btnBox a{background: #fff;margin-right: 1rem;display: inline-block;padding: 0.6rem 1rem;border: 1px solid #e8e8e8;border-radius: 2px;}

/*验证码图片大小*/
#imgid img{vertical-align: middle;height: 1.9rem;}

/*成功提交订单页*/
.paymentMod{}
.paymentMod .payment{}
.paymentMod .payment h4{background: #FFF;border-bottom: 1px solid #E5E5E5;padding: 0 1rem;position: relative;height: 3.5rem;line-height: 3.5rem;}
.paymentMod .payment p{background: #FFF;border-bottom: 1px solid #E5E5E5;padding: 0 1rem;position: relative;height: 3rem;line-height: 3rem;}

/*弹出*/
.other_show{width: 100%; height: 0; /*background: #fff;*/ position: fixed; bottom: 0; left: 0; /*z-index: -1;*/ overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.other_show.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.other_show.show1{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.other_show .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;height: 4rem; line-height: 4rem;position: relative;}
.other_show .bd{padding: 1rem; font-size: 1rem; line-height: 2rem; color: #666;}
.other_show .bd h3{color: #000; font-size: 1.2rem;}
.other_show .close{background: url(../images/ico/close.png) 0 0/cover;width: 3rem;height: 3rem;bottom: 1rem;margin: 10px auto;}
.other_show .hd .back {display: inline-block; width: 1.5rem; height: 1.5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(135deg)translateY(-0.8rem); transform: rotate(135deg)translateY(-0.8rem); margin-left: 0.1rem; position: absolute; left: 1rem; top: 50%; margin-top: -1.5rem;}

/*layer样式重写*/
.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#fff !important;}
.layui-layer-btn{text-align:center !important;}
.layui-layer-title{background-color: #2ebd59!important;color: #fff!important;border-radius:0!important;border-bottom: 0!important;}
.layui-layer-btn .layui-layer-btn0{background-color: #2ebd59!important;border-color: #34b35a!important;}
.layui-layer-dialog{border-radius: 4px;}
.layui-layer{}
.layui-layer-shade{filter: alpha(opacity=60)!important;background: #DCE2F1!important;opacity: .6!important;}
.layui-layer-btn{background-color: #F6F6F6;padding: 5px 10px 5px!important;border-top: solid 1px #DADEE5;}
.layui-layer-setwin{top: 10px!important;right: 10px!important;}
.layui-layer-setwin .layui-layer-close1{background: inherit; font-family: tahoma,arial,\5b8b\4f53,sans-serif; font-size: 20px; color: #fff;border-radius: 2px;height: 20px;width: 20px;text-align: center;line-height: 19px;margin: 0;padding: 0;}
.layui-layer-setwin .layui-layer-close1:after{content: '×';}
.layui-layer-setwin .layui-layer-close1:hover{opacity: 1!important;background: #c72327;}

/*响应式控制*/
@media screen and (min-width: 300px) {
    html {
        font-size: 9px; } }
@media screen and (min-width: 320px) {
    html {
        font-size: 10px; } }
@media screen and (min-width: 340px) {
    html {
        font-size: 11px; } }
@media screen and (min-width: 360px) {
    html {
        font-size: 12px; } }
@media screen and (min-width: 400px) {
    html {
        font-size: 13px; } }
@media screen and (min-width: 420px) {
    html {
        font-size: 14px; } }
@media screen and (min-width: 440px) {
    html {
        font-size: 15px; } }
@media screen and (min-width: 460px) {
    html {
        font-size: 16px; } }
@media screen and (min-width: 480px) {
    html {
        font-size: 17px; } }
@media screen and (min-width: 500px) {
    html {
        font-size: 18px; } }
@media screen and (min-width: 520px) {
    html {
        font-size: 19px; } }
@media screen and (min-width: 550px) {
    html {
        font-size: 20px; } }
@media screen and (min-width: 570px) {
    html {
        font-size: 21px; } }
@media screen and (min-width: 600px) {
    html {
        font-size: 22px; } }
@media screen and (min-width: 620px) {
    html {
        font-size: 23px; } }
@media screen and (min-width: 640px) {
    html {
        font-size: 24px; } }
.fenxiaoAmt {background-color: rgba(34,34,34,0.6); width: 4rem; height: 2rem; line-height: 2rem; position: absolute; right: 0; top: 4.5rem; color: #fff; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; padding-left: 2rem; text-align: center;}
.fenxiaoAmt .con{position: relative;}
.fenxiaoAmt .con i{position: absolute;left: -1.8rem;top: 0.2rem;width: 1.6rem;height: 1.6rem;line-height: 1.6rem;text-align: center;background-color: #f80;border-radius: 50%;overflow: hidden;}
.fenxiaoAmt .con em{font-size: 1.2rem;}