@charset"utf-8";
*{-webkit-overflow-scrolling: touch;}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu{margin: 0; padding: 0;}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details{display: block;}
table{border-collapse: collapse; border-spacing: 0;}
caption,
th{text-align: left; font-weight: normal;}
html,
body,
fieldset,
img,
iframe,
abbr{border: 0;}
i,
cite,
em,
var,
address,
dfn{font-style: normal;}
[hidefocus],
summary{outline: 0;}
li{list-style: none;}
h1,
h2,
h3,
h4,
h5,
h6,
small{font-size: 100%;}
sup,
sub{font-size: 83%;}
pre,
code,
kbd,
samp{font-family: inherit;}
q:before,
q:after{content: none;}
textarea{overflow: auto; resize: none;}
label,
summary{cursor: default;}
a,
button{cursor: pointer;}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b{font-weight: bold;}
del,
ins,
u,
s,
a,
a:hover{text-decoration: none;}
body,
textarea,
input,
button,
select,
keygen,
legend{color: #333; outline: 0;}
body{background: #910101;}
a,
a:hover{color: #333;}
body{font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"sans-serif";}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{*+height: 1%;}
.bolder{font-weight: bolder;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.white{color: #fff;}
.noBorder{border: none !important;}
.noBorder:after{border: none !important;}
.noBorder:before{border: none !important;}
.img-block{display: block; width: 100%; height: 100%;}
.ib{display: inline-block;}
.vm{vertical-align: middle;}
.vt{vertical-align: top;}
/*文字溢出*/
.text-ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*多行文字*/
.line-clamp-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.line-clamp-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
img{width: 100%;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.wrap{width: 1200px; margin: 0 auto; position: relative;}
.container{width: 100%;}
.gray{color: #666666;}
/*flex布局*/
.flex{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.rowb{-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; align-items: center;}
.rowa{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; align-items: center;}
.rowLeft{-webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; align-items: center;}
.rowCenter{-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; align-items: center;}
.rowRight{-webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; align-items: center;}
.flexWrap{flex-wrap: wrap;}
/*遮罩层*/
.popui__modal-mask{background: black; opacity: .6; pointer-events: auto; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 8; animation: mask-fadeIn .5s;}
.popui__modal-panel{position: relative;}
.popui__panel-child{background: #fff; border-radius: .07rem; display: inline-block; pointer-events: auto; font-size: .28rem; text-align: left; width: 85%; position: relative;}
.popui__panel-child2{border-radius: .07rem; display: inline-block; pointer-events: auto; font-size: .28rem; text-align: center; position: relative;}
.popui__panel-child2 .box1{position: absolute; top: -34%;}
.popui__panel-section{display: table-cell; vertical-align: middle; text-align: center; z-index: 9;}
.popui__panel-main{display: table; color: #333; pointer-events: none; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 10;}