/* reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
menu,
input,
textarea,
button,
select,
th,
td iframe {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-size: 100%;
    font-weight: normal;
}

li {
    list-style: none;
}

em,
i {
    font-style: normal;
}

a,
a:visited,
a:active {
    text-decoration: none;
    /* border: none; */
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input,
textarea {
    outline: none;
}

textarea {
    resize: vertical;
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    word-wrap: break-word;
    line-height: 1.5;
    font-size: 12px;
    min-width: 7.5rem !important;
}

body,
button,
input,
select,
textarea {
    font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;
}

.none {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.m-hide {
    display: none;
}

.clearfix::after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.The_total {
    display: none;
}

a[title="站长统计"] {
    display: none;
}

body {
    width: 7.5rem;
    margin: 0 auto !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrap {
    width: 6.8rem;
    margin: 0 auto;
	position: relative;
}

.wrap1 {
    width: 7.2rem;
    margin: 0 auto;
}

.m-show {
    display: block !important;
}

.m-hide {
    display: none !important;
}

.banner{width: 100%;position: relative;}
.banner >img{width: 100%; display: block;}
.banner .logo{width:1.95rem; height:.68rem; top: .18rem; position: absolute; left: 0;}
.banner .logo img{width: 100%;}
.main .tit{width: 100%; clear: both; float: left; margin-top: .4rem;}
.main .tit img{height: 1.2rem; display: block; margin: auto;}
.code-down{width: 100%; clear: both; float: left; margin-top: .4rem; text-align: center; display: block;}
.QR-code{ width: 170px;display: block;  border: solid 1px #ccc; border-radius: .1rem; margin: auto;}
#qrcode2{margin: 10px auto;}
.code-down >span{width: 100%; clear: both; display: block; float: left; margin-top: .15rem;}

.code-down.down a{width: 2.4rem; height: .7rem; font: .3rem/.7rem "microsoft yahei"; color: #fff; display: inline-block; margin: 0 .2rem;
	background: #FF3B23;
	border-radius: .4rem;
}

.main .txt{width: 100%; clear: both; float: left; margin-top: .5rem; font: .28rem/.6rem "microsoft yahei"; color: #444; text-align: center;}
.main .txt p span{margin-right: .15rem;}
.main .btn{width: 100%; clear: both;  float: left; margin: .2rem auto .5rem; font-size: .32rem; text-align: center; color: #ff3b23;}
.main .btn a{color: #FF3B23;}

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
/* #sharePage{display: block;} */
.share-box{width: 6.25rem;margin: .35rem auto;}
.share-box img{width: 100%; display: block; margin-left: 5%;}

.mainVideo{width: 100%; max-width: 7.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.mainVideo .video-box{width: 100%; height: auto;}