/* 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:#f5f5f5;}
* {box-sizing: border-box;}
.hide{display: none;}
.text-center {text-align: center;}
.nowrap {white-space: nowrap;}
.trans{-webkit-transition:.3s;transition:.3s;}
.flex-max,
.flex-max2,
.flex-middle,
.flex-middle2,
.flex-right,
.flex-between,
.flex-around,
.flex-wrap,
.flex-column,
.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-between{justify-content:space-between;}
.flex-around{justify-content:space-around;}
.flex-right:not(.flex-column){justify-content:flex-end;}
.flex-wrap{flex-wrap:wrap;}
.flex-column{flex-direction:column;}
.flex-middle:not(.flex-column){align-content:center;}
.flex-middle2{align-items:center;}
.flex-max{justify-content:center;align-items:center;flex-direction:column;}
.flex-max2{justify-content:center;align-items:center;}


.main { width:100%;margin:0 auto;position:relative;  overflow:hidden; padding-bottom: 0;padding-top: 0.9rem;}
.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;}

/* 内容 */
.tab_list {background-color: #fff;border-top: 0.01rem solid rgba(0,0,0,0.1);border-bottom: 0.01rem solid rgba(0,0,0,0.1);position: fixed;top: 0;left: 0;width: 100%;z-index: 5;}
.tab_list .li {width: 25%;font-size: .3rem;line-height: 1em;color: rgba(0,0,0,0.9);padding: .28rem 0.1rem .32rem;position: relative;}
.tab_list .li::before {position: absolute;content: '';width: .24rem;height: .08rem;border-radius: 0.04rem;background-color: #FF3C3E;-webkit-transition:.3s;transition:.3s;opacity: 0;pointer-events: none;bottom: .08rem;left: 50%;transform: translateX(-50%);}
.tab_list .li.cur {font-weight: bold;}
.tab_list .li.cur::before {opacity: 1;pointer-events: all;}
.content {width: 7.1rem;margin: 0 auto;}
.content .list {display: block;}
.content .list.hide {display: none;}
.content .list .li {background-color: #fff;border-radius: 0.24rem;padding: 0.3rem;margin-top: .2rem;}
.content .list .li .name {font-size: .32rem;line-height: 1em;color: rgba(0,0,0,0.9);font-weight: 500;}
.content .list .li .massge {margin-top: .2rem;}
.content .list .li .massge .card_img {width: 2.36rem;}
.content .list .li .massge .text {margin-left: .2rem;flex: 1;padding-top: 0.05rem;}
.content .list .li .massge .brief {font-size: .24rem;line-height: .34rem;color: rgba(0,0,0,0.7);padding-left: .16rem;position: relative;}
.content .list .li .massge .brief::before {position: absolute;content: '';width: 0.06rem;height: 0.06rem;border-radius: 0.03rem;background-color: #FF3C3E;left: 0;top: 0.14rem;}
.content .list .li .massge .notes {display: inline-block;padding-left: .38rem;padding-right: 0.08rem;position: relative;border-radius: 0.04rem;background-color: #FFF0E4;margin: .15rem 0 .24rem;}
.content .list .li .massge .notes .icon_lh {width: .22rem;position: absolute;left: .08rem;top: 50%;transform: translateY(-50%);}
.content .list .li .massge .notes span {font-size: .2rem;line-height: .32rem;color: #8F3A11;}
.content .list .li .btn_list {align-items: flex-end;}
.content .list .li .btn_list .more {font-size: .2rem;line-height: 2em;color: #7F7F7F;font-weight: 500;}
.content .list .li .btn_list .more img {width: .2rem;}
.content .list .li .btn_list .apply_for {font-size: .24rem;line-height: 1em;color: #fff;font-weight: bold;width: 1.68rem;height: .66rem;background-color: #FF3C3E;border-radius: .33rem;}
.bottom {width: 100%;height: 1.2rem;background-color: #fff;margin-top: 0.3rem;}
.bottom .button {font-size: .32rem;line-height: 1em;color: #FF3C3E;font-weight: 500;width: 6.86rem;height: .88rem;border-radius: 0.44rem;border: 0.02rem solid rgba(255,60,62,1);}


/*细则*/
.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;}
