/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, hr, p, ul, ol, li,span{ margin:0; padding:0; }
body{font:normal 12px  "Arial","方正兰亭黑简体","Tahoma",sans-serif; margin:0;padding:0; }
ul,ol{list-style:none;padding: 0px;overflow: visible;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend,dt,dd,dl{margin:0;padding:0;}
section, article, aside, header, footer, nav, dialog, figure,figcaption {display: block;}
em, i { font-style:normal }
img { border:0;padding:0; }
.clearfloat{clear:both;}
a,button,input,optgroup,select,textarea,span{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a, img{-webkit-touch-callout: none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
body,html{width: 100%;margin:0 auto;}
body{position: relative; -webkit-overflow-scrolling:touch;background:#eb3232;}
* {box-sizing: border-box;}
.text-center {text-align: center;}
.nowrap {white-space: nowrap;}
.hide{display: none;}
/*弹性盒子*/
.flex-between,
.flex-around,
.flex-reverse,
.flex-wrap,
.flex-nowrap,
.flex-reverse2,
.flex-row,
.flex-column,
.flex-line,
.flex-left,
.flex-right,
.flex-center,
.flex-middle,
.flex-top,
.flex-bottom,
.flex-middle2,
.flex-top2,
.flex-bottom2,
.flex-max,
.flex-max2,
.flex-height,
.flex{display:box;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-moz-box;display:flex;justify-content:flex-start;align-content:flex-start;}
.flex-column{flex-direction:column;}
.flex-height{align-content:flex-start;}
.flex-left:not(.flex-column){justify-content:flex-start;}
.flex-center:not(.flex-column){justify-content:center;}
.flex-right:not(.flex-column){justify-content:flex-end;}
.flex-between{justify-content:space-between;}
.flex-around{justify-content:space-around;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap>*{-webkit-flex-shrink:0;flex-shrink:0;}
.flex-reverse2{flex-wrap:wrap-reverse;}
.flex-row{flex-direction:row;}
.flex-reverse{flex-direction:row-reverse;}
.flex-top:not(.flex-column){align-items:flex-start;}
.flex-middle:not(.flex-column){align-content:center;}
.flex-bottom:not(.flex-column){align-items:flex-end;}
.flex-top2{align-items:flex-start;}
.flex-middle2{align-items:center;}
.flex-bottom2{align-items:flex-end;}
.flex-line{align-content:baseline;}
.flex-column.flex-center{align-items:center;}
.flex-column.flex-right{align-items:flex-end;}
.flex-column.flex-left{align-items:flex-start;}
.flex-column.flex-top{justify-content:flex-start;}
.flex-column.flex-middle{justify-content:center;}
.flex-column.flex-bottom{justify-content:flex-end;}
.flex-max{justify-content:center;align-items:center;flex-direction:column;}
.flex-max2{justify-content:center;align-items:center;}
.flex-1{flex:1;}
.flex-100{flex:1 0 100%;}
.flex-0{flex:0 0 auto;}


.main { width:100%;margin:0 auto;position:relative;  overflow:hidden; padding-bottom:1.29rem;padding-top: 7.6rem;}
.main img { width:100%; height:auto; display:block;}
.share{position: absolute;right: 0.16rem;top: 0.4rem;width: 1.04rem;z-index:9}
.share img{width: 100%;display: block;}
.img_j { position:relative;}

/* 内容 */
.main .bg {position: absolute;top: 0;left: 0;width: 100%;}
.main .logo {position: absolute;top: 0.35rem;left: 0.35rem;width: 2.76rem;z-index: 5;}
.banner {position: absolute;left: 50%;top: 1.11rem;transform: translateX(-50%);}
.banner .text_img1 {width: auto;height: 0.76rem;}
.banner .img1 {width: 5.38rem;margin: .2rem 0 .15rem;}
.banner .time {font-size: .21rem;line-height: 1em;color: #a65738;}
.banner .msg {font-size: .26rem;line-height: 1.2em;color: #fff;margin-top: 0.1rem;text-align: center;}
.main .gg {position: absolute;font-size: .16rem;line-height: .3rem;color: #fff;background-color: rgba(0,0,0,0.2);padding: 0 0.13rem;border-radius: 0.08rem;top: 3.55rem;right: 0.44rem;}
.main .xize {position: fixed;right: 0;top: 4.65rem;width: .48rem;z-index: 5;}
.content {position: relative;width: 6.8rem;margin: 0 auto;}
.content .box {border-radius: .45rem;border: 0.02rem solid #ffb94b;background-color: #fff;margin-bottom: .4rem;position: relative;box-shadow: 0 0.05rem 0.1rem rgba(221,28,33,0.57);}
.content .box::before {position: absolute;content: '';left: 0;top: 0;width: 100%;height: 1.4rem;background: linear-gradient(185deg,rgba(255,236,207,0.9),rgba(255,236,207,0.7),transparent,transparent);border-radius: .45rem .45rem 0 0;pointer-events: none;}
.content .box > * {position: relative;}
.content .box:last-child {margin-bottom: 0;}
.content .box .head {text-align: center;}
.content .box .head span {position: relative;font-size: .38rem;line-height: .6rem;color: #fff;font-weight: bold;z-index: 1;}
.content .box .head span::before {position: absolute;content: '';z-index: -1;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 3.69rem;height: .61rem;background-image: url(../images/head_bg.png);background-size: cover;}
.content .box .brief {font-size: .28rem;line-height: .48rem;color: #333;white-space: nowrap;}
.content .box .brief span {font-weight: bold;color: #ff0000;}
.content .box .btn {width: 4.09rem;margin: 0 auto;transform: translateX(0.28rem);}
.content .box .notes {font-size: .18rem;line-height: 1em;color: #9f9f9f;}
.content .box1 {padding-bottom: .3rem;}
.content .box1 .head {margin-bottom: .3rem;}
.content .box1 .btn {margin-top: .3rem;}
.content .box1 .notes2 {margin-top: .2rem;font-size: 0.24rem;line-height: 1.4em;color: #333}
.content .box1 .notes2 span {color: #ea4830}
.content .box2 {padding: 0 0.08rem 0.08rem 0.08rem;}
.content .box2 .head {margin-bottom: .3rem;}
.content .box2 .progress {margin-top: .1rem;background: linear-gradient(to bottom ,transparent,transparent,rgba(255,242,223,0.4),rgba(255,242,223,0.7),rgba(255,242,223));border-radius: .3rem;padding: .3rem 0 0;position: relative;}
.content .box2 .progress::before {position: absolute;content: '';width: calc(100% - 0.1rem);left: 50%;top: 0;bottom: 0;transform: translateX(-50%);border-radius: .3rem;background: linear-gradient(to bottom ,rgba(255,242,223),rgba(255,242,223,0),transparent,transparent,transparent);}
.content .box2 .progress > * {position: relative;}
.content .box2 .progress .title span {font-size: .32rem;line-height: 1em;color: #4d2e23;font-weight: bold;position: relative;}
.content .box2 .progress .title span::before {position: absolute;content: '';width: .56rem;height: .4rem;background-image: url(../images/tit_icon.png);background-size: cover;bottom: 0;right: calc(100% + 0.15rem);}
.content .box2 .progress .title span::after {position: absolute;content: '';width: .56rem;height: .4rem;background-image: url(../images/tit_icon.png);background-size: cover;bottom: 0;left: calc(100% + 0.15rem);transform: rotateY(180deg);}
.content .box2 .progress .tabs {width: 100%;background-color: #ead2b9;border-radius: 0 0.3rem 0 0;margin: .3rem 0 .35rem;}
.content .box2 .progress .tabs .li {flex: 1;text-align: center;white-space: nowrap;font-size: .26rem;line-height: .6rem;color: #b15f00;position: relative;z-index: 1;}
/* .content .box2 .progress .tabs .li::before {position: absolute;content: '';left: 50%;bottom: -0.12rem;transform: translateX(-50%);width: calc(100% + 0.1rem);aspect-ratio: 197/90;background-image: url(../images/cur_bg.png);background-size: cover;z-index: -1;opacity: 0;pointer-events: none;} */
.content .box2 .progress .tabs .li::before {position: absolute;content: '';left: -0.05rem;right: -0.05rem;top: -0.12rem;bottom: 0;z-index: -1;opacity: 0;pointer-events: none;border-radius: 0.12rem 0.12rem 0 0;background: linear-gradient(to right ,#f24e4a,#fd9d79);}
.content .box2 .progress .tabs .li::after {position: absolute;content: '';width: .26rem;height: .26rem;background: linear-gradient(45deg,#f36d60,#f67c6a);bottom: 0;left: 50%;transform: translate(-50%,50%) rotate(45deg);z-index: -2;pointer-events: none;opacity: 0;}
.content .box2 .progress .tabs .li:last-child span::after {display: none;}
.content .box2 .progress .tabs .li span::after {position: absolute;content: '';right: 0;top: 50%;transform: translate(50%,-50%);width: 0.01rem;height: .26rem;background-color: #b15f00;}
.content .box2 .progress .tabs .li span {display: block;position: relative;}
/* .content .box2 .progress .tabs .li img {width: .33rem;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,100%);} */
.content .box2 .progress .tabs .li.cur {color: #fff;font-size: .38rem;}
.content .box2 .progress .tabs .li.cur::before {opacity: 1;}
.content .box2 .progress .tabs .li.cur::after {opacity: 1;}
.content .box2 .progress .tabs .li.cur span::after {display: none;}
.content .box2 .progress .tabs .li.cur span {transform: translateY(-0.05rem);}
.content .box2 .progress .tab_content {margin-bottom: .35rem;}
.content .box2 .progress .tab_item .img {width: 6.2rem;margin: 0 auto;}
.content .box2 .progress .tab_item .btn {margin-top: 0.35rem;}
.content .box2 .progress .notes {padding-bottom:0.1rem;line-height: 1.4em;}
.content .box2 .progress .notes:last-of-type {padding-bottom:0.2rem;line-height: 1.4em;}


/*细则*/
.hide { display: none; }
.mask { visibility: hidden; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 999; }
.mask.show { visibility: visible; }
.pcenter { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); width: 100%; }
.oh { overflow: hidden; }
.btn_rule { cursor: pointer; }
.scroll { position: relative; }

.rule_ct { width: 90%; max-height: 85%; display: -webkit-box; -webkit-box-orient: vertical; background:#ff6457; border-radius:0.2rem; }
.rule_ct .btn_close { position: absolute; width:0.6rem; height: 0.6rem; left:50%; bottom: -0.8rem; margin-left:-0.3rem; background: url(../images/close.png) no-repeat center center; background-size:100% 100%; }
.rule_ct .rule_detail { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; background-color: #fff; border-radius: 0.2rem; margin:0 0.2rem 0.2rem; padding:0.2rem; overflow:auto; }
.rule_ct .rule_title { font-size:0.36rem; color:#fff; line-height:1.5em; text-align:center; font-weight:bold; padding: 0.2rem 0;}
.rule_ct .rule_title span { display:inline-block; position:relative;}
.rule_ct .rule_title span:before { content:''; position:absolute; z-index:9; top:50%; left:-1.2rem; width:1rem; height:0.01rem; background:#fff}
.rule_ct .rule_title span:after { content:''; position:absolute; z-index:9; top:50%; right:-1.2rem; width:1rem; height:0.01rem; background:#fff}

.rule_ct .rule_detail p { font-size:0.24rem; color:#222; line-height:1.5em; text-align:justify; padding-bottom:0.1rem;}
.rule_ct .rule_detail p span { color:#e74f29; font-weight:bold;}
.rule_ct .rule_detail a {color:#e74f29; display:inline-block; border-bottom:#e74f29 solid 0.01rem; font-weight:bold;}
.rule_ct .rule_detail p.par { padding-top:0.2rem;}
.mask_rule1 .rule_ct { background:#2682ff;}
.table_h { width:100%; border-top:#222 solid 0.01rem;border-left:#222 solid 0.01rem; font-size:0.22rem; color:#222; line-height:1.5em; text-align:center; margin-bottom:0.1rem;}
.table_h td,.table_h th { border-bottom:#222 solid 0.01rem;border-right:#222 solid 0.01rem; padding:0.1rem;}