/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-9999em;}
body,html{background-color: #ffffff;width: 100%;overflow-x: hidden;}
:focus{outline: none;}
*{-webkit-touch-callout:none; 
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none; 
user-select:none;}
input,textarea {-webkit-user-select:auto;margin: 0px;padding: 0px;outline: none;}
img{pointer-events: none;}
header,footer {width:100%;margin:0 auto;}
footer{color:#fff;background-color:#100d0c;padding:0.2rem 0;font-size:0.2rem;text-align:center;}
.listflex {width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}

.wrap{padding-top: .44rem;background-color: #ffffff;min-height: 100vh;padding-bottom: 1.4rem;box-sizing: border-box;position: relative;}
.mh_item{width:90%;border: .06rem solid #7a51bd;background-color: #7a51bd;margin: 0 auto .24rem;border-radius: .3rem;overflow: hidden;}
.mh_item img{display: block;width: 100%;margin: 0 auto;}
.mh_item p{padding: .2rem .5rem;background-color: #4c4c4c;font-size: .26rem;color: #ffffff;line-height: .36rem;text-align: center;}

.tips{position: absolute;bottom: 0;left: 0;width: 100%;height: 1.24rem;background-color: #222222;font-size: .2rem;color: #ffffff;text-align: center;line-height: 1.24rem;}

.wrap1{position: relative;padding-bottom: 1rem;padding-top: .88rem;}
.back_box{position: fixed;width: 100%;height: .88rem;background: rgba(255,255,255,1);top: 0;left: 0;z-index: 10;display: none;}
.back_box.show{display: block;}
.btn_back{display: block;margin-left: .32rem;}
.btn_back img{width: .19rem;}
.btn_back span{font-size: .26rem;color: #000000;line-height: .88rem;opacity: 0;}
.pic_box img{display: block;width: 100%;margin: 0 auto;}
.page_box{position: fixed;bottom: 0;left: 0;width: 100%;height: 1rem;background-color: #222222;z-index: 10;box-sizing: border-box;padding: 0 .4rem;display: flex;justify-content: space-between;align-items: center;display: none;padding-bottom: .06rem;}
.page_box.show{display: flex;}
.page_box p{font-size: .2rem;color: #ffffff;text-align: center;line-height: .3rem;}

.btn_prev img,.btn_next img,.btn_prev span,.btn_next span,.btn_back img,.btn_back span{display: inline-block;vertical-align: middle;margin: 0 .1rem;}
.btn_prev img,.btn_next img{height: .28rem;}
.btn_prev span,.btn_next span{font-size: .2rem;color: #ffffff;line-height: .3rem;opacity: 0;}