/* 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:#f0fbff;}
.hide{display: none;}

/* 内容 */
* {box-sizing: border-box;}
/*强行不换行*/
.nowrap{white-space:nowrap;}
/*强行换行*/
.break{white-space:normal;word-break:break-all;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.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;}


.main { width:100%;margin:0 auto; position:relative;  overflow:hidden; padding-bottom:0.5rem;padding-top: 5.84rem;}
.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;}
.main .gg {font-size: 0.2rem;line-height: 0.3rem;color: #fff;position: absolute;top: 5.45rem;right: 0.4rem;border-radius: 0.08rem;background-color: rgba(0,7,98,0.4);padding: 0 0.09rem;}
.content {position: relative;width: 7.03rem;margin: 0 auto;}
.content .box1 {padding-left: 0.3rem;padding-right: 0.25rem;border-radius: 0.2rem;background: linear-gradient(to bottom,#fff,#e6f7ff);border-color: #fff;border-width: 0.02rem;border-style: solid;border-top: none;border-bottom: none;align-items: center;}
.content .box1 .img {width: 1.37rem;flex: 0 0 auto;}
.content .box1 .txt {font-size: 0.3rem;line-height: 1.2;color: #333;margin-left: -0.1rem;padding-right: 0.1rem;flex: 1;}
.content .box1 .txt span {color: #ee3f42;font-weight: bold;}
.content .box1 .btn {width: 1.76rem;flex: 0 0 auto;}
.content .box2 {margin-top: 0.15rem;border-radius: 0.2rem;background: linear-gradient(to bottom,#fff,#e6f7ff);border: 0.02rem solid #fff;}
.content .box2 .li {width: 25%;padding: 0.38rem 0.1rem;}
.content .box2 .li .icon {width: 0.77rem;margin: 0 auto;}
.content .box2 .li .name {margin-top: 0.18rem;font-size: 0.24rem;line-height: 1;color: #696969;}
.content .box3 {margin-top: 0.23rem;border-radius: 0.3rem;overflow: hidden;background: linear-gradient(to bottom,#95d3ff 0%,#e1f0fb 1.2rem,#b6e5f6 1.2rem,#b6e5f6 100%);width: 100%;height: auto;}
.content .box3 .tabs {position: relative;z-index: 3;}
.content .box3 .tabs .li {flex: 1;text-align: center;font-size: 0.32rem;line-height: 0.78rem;color: #438df4;font-weight: bold;filter: drop-shadow(0 0.02rem 0 #fff);}
.content .box3 .tabs .li.cur {flex: 0 0 auto;width: 40%;color: #fff;filter: none;}
.content .box3 .tab_content {position: relative;z-index: 1;margin-top: -0.78rem;padding: 0.9rem 0.15rem 0.15rem;}
.content .box3 .tab_item .box_bg {position: absolute;top: 0;left: 0;}
.content .box3 .tab_item .cont {position: relative;border-radius: 0.24rem;background-color: #e0f4ff;padding: 0.4rem 0.22rem 0.22rem;}
.content .box3 .tab_item .cont .title {}
.content .box3 .tab_item .cont .title span {position: relative;font-size: 0.26rem;line-height: 1;color: #5da6f1;font-weight: bold;}
.content .box3 .tab_item .cont .title span::before {position: absolute;content: '';top: 50%;left: calc(100% + 0.16rem);transform: translateY(-50%);width: 0.4rem;height: 0.03rem;border-radius: 0.02rem;background: linear-gradient(to right,rgba(93,166,241,1),rgba(93,166,241,0.5));}
.content .box3 .tab_item .cont .title span::after {position: absolute;content: '';top: 50%;right: calc(100% + 0.16rem);transform: translateY(-50%) rotateY(180deg);width: 0.4rem;height: 0.03rem;border-radius: 0.02rem;background: linear-gradient(to right,rgba(93,166,241,1),rgba(93,166,241,0.5));}
.content .box3 .tab_item .cont .list {padding: 0.24rem 0 0.4rem;}
.content .box3 .tab_item .cont .list .li {margin-top: 0.37rem;position: relative;display: block;}
.content .box3 .tab_item .cont .list .li:first-of-type {margin-top: 0;}
.content .box3 .tab_item .cont .list .li .icon {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.94rem;filter: drop-shadow(0.06rem 0 0.03rem rgba(222,233,240,0.57));z-index: 2;}
.content .box3 .tab_item .cont .list .li .msg {padding-left: 1.08rem;padding-right: 0.25rem;background-color: #f5ffff;border-radius: 0.415rem;height: 0.83rem;align-items: center;justify-content: space-between;filter: drop-shadow(0 0.06rem 0.03rem rgba(222,233,240,0.57));}
.content .box3 .tab_item .cont .list .li .msg .text {font-size: 0.26rem;line-height: 1;color: #696969;flex: 1;padding-right: 0.1rem;}
.content .box3 .tab_item .cont .list .li .msg .text span {color: #ee4043;}
.content .box3 .tab_item .cont .list .li .msg .icon2 {width: 0.33rem;flex: 0 0 auto;}
.content .box3 .tab_item .cont .notes {font-size: 0.2rem;line-height: 0.3rem;color: #666;}
.content .box4 {margin-top: 0.15rem;border-radius: 0.24rem;background-color: #b6e4f6;padding: 0.15rem;}
.content .box4 .item {border-radius: 0.24rem;background-color: #fff;padding: 0.34rem 0.3rem 0.1rem;}
.content .box4 .item .card {width: 2.02rem;flex: 0 0 auto;filter: drop-shadow(0.02rem 0.08rem 0.06rem rgba(137,137,137,0.4));}
.content .box4 .item .msg {flex: 1;padding-left: 0.18rem;}
.content .box4 .item .msg .name {font-size: 0.24rem;line-height: 0.38rem;color: #333;font-weight: bold;}
.content .box4 .item .msg .btn2 {margin-top: 0.15rem;width: 2.37rem;}
.content .box4 .item .msg .notes {margin-top: 0.2rem;text-align: right;font-size: 0.2rem;line-height: 1;color: #666;}

.content .box1 .img .hide {display: none;}
.content .box4 .item.hide {display: none;}


/*细则*/
.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;white-space:normal;word-break:break-all;}
.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;}
.rule_ct .rule_detail p.text-center {text-align: center;}
.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;}