body { font-family: 微软雅黑,"Open Sans", sans-serif;background:#fff; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 100%; margin: 0 auto; position: relative; font-size: 0.26rem; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }

select { -webkit-appearance: none; }

.wrap:after { content: ''; display: block; clear: both; }
img { max-width: 100%; }

/*----------header----------*/
.header { background: #fff; border-bottom: 1px solid #fff; line-height: .95rem; }
.header h1 { text-align: center; font-size: 0.36rem; font-weight: normal; line-height: 1rem; }
.login { position: absolute; right: 0.3rem; }
.header a { margin-left: .2rem; display: inline-block; }
.header a.icon_login { background: #b41e34; right: 0; top: 50%; margin-top: -.25rem; padding: 0 .15rem; font-size: .22rem; line-height: .5rem; color: #fff; text-align: center; border-radius: .05rem; }
.header a.icon_login span { display: inline-block; /*padding-left: .43rem; padding-right: .1rem; background: url(../img/icon1.png) no-repeat left center;*/ background-size: .43rem auto; }
.logo { width: 1.98rem; float: left; }
.logo img { vertical-align: middle; }
.header a.ico_back { position:absolute; top:0; left:0.3rem; width:0.45rem; height:.95rem; background:url(../img/back.png) no-repeat center center; background-size:0.45rem auto; margin-left:0; }
/*----------mainer----------*/
.mainer { }
* { box-sizing: border-box; }
.wrap { padding: 0 .3rem; }
ul.flex { display: flex; }
ul.flex li { flex: 1; }
.main_list1 ul { margin: 0 -.1rem; margin-bottom: -.2rem; }
.main_list1 { text-align: center; }
.main_list1 li { margin: .1rem; line-height: 1rem; font-size: .34rem;border-radius: .1rem; }
.main_list1 li a { display: block; color: #fff; text-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.1); }
.main_list1 li:first-child { box-shadow: 0 0.05rem 0.5rem rgba(267,92,0,.26); background: url(../img/img2.jpg) no-repeat center center; background-size: 100% auto; }
.main_list1 li:nth-child(2) { box-shadow: 0 0.05rem 0.5rem rgba(194,32,56,.26); background: url(../img/img3.jpg) no-repeat center center; background-size: 100% auto; }
.main_list1 li:nth-child(3) { box-shadow: 0 0.05rem 0.5rem rgba(99,54,239,.26); background: url(../img/img4.jpg) no-repeat center center; background-size: 100% auto; }

.page_tit { text-align: center; padding: .3rem 0; margin-top: .3rem; }
.page_tit h3 { font-size: .34rem; margin-bottom: .2rem; }
.page_tit p { color: #626262; font-size: .18rem; text-transform: uppercase; }
.div_video { position: relative; background: #000; border-radius: .1rem; }
.div_video img { opacity: .88; display: block; }
.div_video span { display: block; position: absolute; top: 50%; width: .97rem; height: .97rem; border-radius: 100%; left: 0; right: 0; margin: 0 auto; background: url(../img/icon2.jpg) no-repeat center center; background-size: 100% auto; margin-top: -.48rem; }

.main_list2 li { margin-bottom: .2rem; padding: .3rem; background: #fff; box-shadow: 0 .05rem .4rem rgba(0,0,0,0.1); }
.main_list2 .img { width: 1.26rem; height: 1.26rem; border-radius: 100%; float: left; margin-right: .3rem; }
.main_list2 .text { }
li:after { content: ''; display: block; clear: both; }
.main_list2 h3 span { display: inline-block; padding: 0 .23rem; line-height: .46rem; background: #b51f35; border-radius: .5rem; color: #fff; border-bottom-right-radius: 0; box-shadow: 0 0.05rem 0.2rem rgba(170,25,47,.3); font-weight: normal; font-size: .28rem; position: relative; z-index: 1; }
.main_list2 h3:after { position: absolute; top: 0; left: .1rem; width: 100%; height: 100%; background: #f5d2d8; border-radius: .5rem; border-bottom-right-radius: 0; content: ''; display: block; z-index: -1; }
.main_list2 h3 { margin-bottom: .1rem; display: inline-block; position: relative; z-index: 1; }
.main_list2 p { font-size: .24rem; line-height: .38rem; height: .76rem; overflow: hidden; }
.main_list3 ul { margin: -.13rem; }
.main_list3 li { width: 50%; float: left; }
.main_list3 li > div { overflow: hidden; margin: .13rem; border-radius: .1rem; border-top-left-radius: 0; border-bottom-right-radius: 0; box-shadow:0 0.1rem 0.3rem rgba(0,21,53,0.1)}
.main_list3 li .img { width: .68rem; margin: 0 auto; margin-bottom: .2rem; }
.main_list3 li:nth-child(2n+1){ clear:both;}
.main_list3 li p { font-size: .24rem; line-height: .4rem; }
.main_list3 .box { padding: .45rem; padding-bottom: 0; background: url(../img/bg1.jpg) no-repeat top center; background-size: 100% auto; padding-bottom: .2rem; }
.main_list3 .bottom { background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#2a2d6e), to(#3f418c)); color: #fff; line-height: .74rem; text-align: center; position: relative; }
.main_list3 .bottom h3 { font-size: .32rem; }
.main_list3 .bottom span {font-size:.28rem;font-weight:bold; display: block; top: 50%; margin-top: -.24rem; line-height: .48rem; border-radius: 0 .3rem .3rem 0; position: absolute; background: #b41e34; text-align: center; padding-left: .1rem; padding-right: .2rem; }




/*----------footer----------*/
.div_foot { height: 1.8rem; }
.footer { background: url(../img/ft.png) no-repeat center center; background-size: 100% auto; height: 1.6rem; position: fixed; bottom: 0; left: 0; width: 100%; padding-top: .5rem; z-index:100}
.footer li { float: left; width: 20%; text-align: center; }
.footer li span { display: block; padding-top: .55rem; background-repeat: no-repeat; background-position: top center; }
.footer li a { display: block; padding-top: .2rem; font-size: .22rem; color: #8d8b8b; }
.footer li .span1 { background-image: url(../img/f1.png); background-size: .39rem auto; }
.footer li .span2 { background-image: url(../img/f2.png); background-size: .44rem auto; }
.footer li .span3 { background-image: url(../img/f3.png); background-size: 1.12rem auto; padding-top: 1.08rem; }
.footer li:nth-child(3) a { padding-top: 0; margin-top: -0.3rem; }
.footer li .span4 { background-image: url(../img/f4.png); background-size: .41rem auto; }
.footer li .span5 { background-image: url(../img/f5.png); background-size: .4rem auto; }
.footer li .span1 { background-image: url(../img/f1.png); background-size: .39rem auto; }
.footer li .span2 { background-image: url(../img/f2.png); background-size: .44rem auto; }
.footer li .span4 { background-image: url(../img/f4.png); background-size: .41rem auto; }
.footer li .span5 { background-image: url(../img/f5.png); background-size: .4rem auto; }
.footer li a:active, .footer li.on a { color: #b41e34; }
.footer li a:active .span1, .footer li.on a .span1 { background-image: url(../img/f1-1.png); background-size: .39rem auto; }
.footer li a:active .span2, .footer li.on a .span2 { background-image: url(../img/f2-1.png); background-size: .44rem auto; }
.footer li a:active .span4, .footer li.on a .span4 { background-image: url(../img/f4-1.png); background-size: .41rem auto; }
.footer li a:active .span5, .footer li.on a .span5 { background-image: url(../img/f5-1.png); background-size: .4rem auto; }


.modal_cont .close{ position:absolute; top:100%;; left:0;margin:0 auto; right:0px;width:.72rem;; height:.72rem;border-radius:100%; background:url(../img/close.png) no-repeat center center ;background-size:.33rem auto;border:1px solid #fff; border-radius:100%;cursor:pointer;margin-top:.5rem;}
.modal,.fp_modal{ position:fixed; top:0; left:0;width:100%;height :100%;z-index:1000; font-size:.26rem;}
.fp_modal{ display:table;}
.modal{transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; background:rgba(0,0,0,0.7);}
.fp_modal .cell{display:table-cell; vertical-align:middle;}
.modal_cont .box{}
.lw_modal .text{ margin: 0 0.4rem;
    background: #fff;
    line-height: .48rem;
    font-size: .3rem;
    color: #353535;
    border-radius: .1rem;
    padding: .2rem .4rem;}
.modal_btn a{ display:inline-block; margin:0 0.2rem; line-height:.57rem;padding:0 .6rem; background:#b41e34; border-radius:.1rem; color:#fff}
.modal_btn{ text-align:center;padding:.2rem 0;}

.wx_modal .ewm { background:#fff;padding:.7rem 0;}
.wx_modal .ewm img{ width:4.28rem; margin :0 auto; display:block;}
.wx_modal img{ display:block;}
.wx_modal .modal_cont{position:relative; width:5.77rem; margin:0 auto;}
.wx_modal .modal_cont p{ background:#fff; text-align:center;color:#b41e34;line-height: .55rem; padding-bottom: .2rem; padding-left: .2rem; padding-right: .2rem;}

/*----------custom----------*/


.modal_copy .modal_cont{background:#fff; margin:0 .3rem;border-radius:0.1rem;overflow:hidden;}
.modal_cont .tit{color:#b41e34; line-height:.7rem; text-align:center; background:#f4f6f8; font-size:.26rem;position:relative;}
.modal_cont .tit .close2{ width:.38rem; height:.7rem; border-radius:100%; background:url(../img/close2.png) no-repeat center center; background-size:100% auto;position:absolute; top:0;bottom:0; right:.2rem;}
.modal_copy .box{ padding:.2rem .25rem; margin:.2rem; background:#fcf0dc;line-height:.49rem;font-size:.26rem;}
.modal_copy .box p span{color:#818181}
.modal_copy .box p a{color:#0954dd;text-decoration:underline;}
.modal_copy .box .btn{ margin-top:.2rem;}
.btn a{display:inline-block;width:1.58rem; line-height:.62rem; border-radius:.02rem; background:#b41e34;color:#fff;text-align:center; border-radius:0.05rem;}
.modal_copy .inputs{ margin:0 0.2rem;display:flex;}
.modal_copy .inputs .div_input{flex:1; margin-right:.2rem; line-height:.6rem; padding:0 0.1rem; background:#fff; border:1px solid #c7c7c7; border-radius:0.05rem;}
.div_input input{width:100%; border:0;background:none;}
.modal_copy .tips{margin:0 .2rem;line-height:.8rem;}

body.bg_f5f5f5{ background:#f5f5f5; }
.header h2{ text-align:center; font-weight:normal; font-size:0.34rem; }
.header.in{ border-bottom:1px solid #e0e0e0; box-shadow:0 0 5px rgba(0,0,0,0.1); }
em{ font-style:normal; }
.c_00b259{ color:#00b259; }

.presentation{  }
.presentation .list{  }
.presentation .list ul li{ border:1px solid #b9b9b9; border-radius:5px; margin-top:0.3rem; background:#f5f5f5; padding:0.1rem 0.15rem 0.3rem 0.3rem; box-shadow:0 3px 8px rgba(6,0,1,0.14); }
.presentation .list ul li .text{}
.presentation .list ul li .text p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.3rem; margin-top:0.3rem; line-height:.34rem;}
.presentation .list ul li .text p span{ float:right; font-size:0.26rem; }
.presentation .list ul li .btn{ margin-top:0.35rem; }
.presentation .list ul li .btn a{ display:inline-block; margin-left:0.25rem; width:29.666%; margin-left:4%; height:0.6rem; line-height:0.6rem; color:#fff; background:#b41e34; font-size:0.26rem; border-radius:5px; text-align:center; }
.presentation .list ul li .btn a:nth-child(3n+1){ margin-left:0;margin-bottom: .15rem; }
.div_tips{ background:#fffaea; border:1px solid #fff7dd; margin-top:0.3rem; padding:0.2rem; border-radius:5px; }
.div_tips h3{ line-height:0.34rem; font-size:0.24rem; color:#5d2f05; }
.div_tips h3 span{ display:inline-block; padding-left:0.38rem; background:url(../img/icon3.png) no-repeat left center; background-size:0.28rem auto; }
.div_tips p{ padding-left:0.38rem; background:url(../img/icon4.png) no-repeat 0.24rem 0.18rem; background-size:0.04rem auto; line-height:0.39rem; font-size:0.22rem; color:#5d2f05; }

.recharge{}
.recharge .list{ margin-bottom:0.2rem; background:#fff; padding:0.18rem 0; }
.recharge .list:first-child{ margin-bottom:0; border-bottom:1px solid #ededed; }
.recharge .list:last-child { margin-bottom:0; }
.recharge .list .tit{ line-height:0.64rem; font-size:0.26rem; }
.recharge .list .tit span{ color:#454545; display:inline-block; padding-left:0.3rem; background:url(../img/icon5.png) no-repeat left center; background-size:0.15rem auto; }
.recharge .list .tit span font{ font-size:0.46rem; margin-left:0.15rem; margin-right:0.1rem; vertical-align:bottom; }
.recharge .list .tit em{ float:right; font-size:0.28rem; color:#4d4d4d; }
.recharge .list .tit .div_inp { display:inline-block; width:1.22rem; height:0.64rem; line-height:0.64rem; background:#f7f7f7; border:1px solid #e0e0e0; border-radius:5px; margin:0 0.15rem; }
.recharge .list .tit .div_inp input { text-align:center; font-size:0.3rem; }

.discount { margin-top:0.15rem; }
.discount ul { margin:0 -0.12rem; }
.discount ul li { float:left; width:25%; text-align:center; }
.discount ul li .box { border:1px solid #d3d3d3; margin:0 0.12rem; padding:0.77rem 0 0.48rem; border-radius:5px; position:relative; }
.discount ul li span { display:block; width:1.13rem; height:0.35rem; line-height:0.35rem; padding-left:0.17rem; background:url(../img/icon6.png) no-repeat center center; background-size:1.13rem auto; font-size:0.22rem; color:#fff; text-align:center; position:absolute; top:-1px; right:-1px; }
.discount ul li h3 { font-size:0.32rem; font-weight:normal; }
.discount ul li p { font-size:0.26rem; color:#b41e34; margin-top:0.29rem; }
.discount ul li.on .box { border-color:#b41e34; background:#f7e8ea url(../img/icon7.png) no-repeat right bottom; background-size:0.29rem auto; }
.recharge_tips { margin-top:0.2rem; }
.recharge_tips p { font-size:0.24rem; line-height:0.34rem; color:#696969; padding-left:0.3rem; background:url(../img/icon8.png) no-repeat left 0.07rem; background-size:0.17rem auto; }

input[type=text] { border:none; background:none; width:100%; }
input[type=number] { border:none; background:none; width:100%; }
.recharge .list .web { padding:0 0.3rem; }
.recharge .list .web p { font-size:0.26rem; line-height:0.52rem; }
.recharge .list .web p font { color:#b41e34; }

.payment_method { }
.payment_method ul li { background:url(../img/icon11.png) no-repeat right center; background-size:0.31rem auto; line-height:0.73rem; font-size:0.3rem; }
.payment_method ul li span { display:inline-block; padding-left:0.52rem; }
.payment_method ul li span.span1 { background:url(../img/icon9.png) no-repeat left center; background-size:0.32rem auto; }
.payment_method ul li span.span2 { background:url(../img/icon10.png) no-repeat left center; background-size:0.32rem auto; }
.payment_method ul li.on { background:url(../img/icon11-1.png) no-repeat right center; background-size:0.31rem auto; }

.div_btn { margin-top:0.1rem; }
.div_btn a { display:block; height:0.76rem; line-height:0.76rem; background:#b41e34; font-size:0.28rem; color:#fff; text-align:center; border-radius:4px; }

.paper { }
.paper .tab { }
.paper .tab .list { }
.paper .tab .list .tit { line-height:0.84rem; }
.paper .tab .list .tit span { display:inline-block; padding-left:0.3rem; background:url(../img/icon5.png) no-repeat left center; background-size:0.15rem auto; font-size:0.26rem; color:#454545; }
.paper .tab .list .tit a { display:inline-block; width:1.52rem; height:0.53rem; line-height:0.53rem; background:#f7e8ea; border:1px solid #b41e34; text-align:center; position:relative; font-size:0.22rem; color:#b41e34; border-radius:4px; margin-left:0.23rem; }
.paper .tab .list .tit a label { display:inline-block; padding-left:0.28rem; background:url(../img/icon12.png) no-repeat left center; background-size:0.22rem auto; }
.paper .tab .list .tit a input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.paper .tab .list .web { position:relative; }
.paper .tab .list .web .div_inp { line-height:0.72rem; background:#f7f7f7; border:1px solid #e0e0e0; border-radius:5px; padding:0 0.3rem; }
.paper .tab .list .web .div_inp input { font-size:0.28rem; }
.paper .tab .list .web .div_inp.div_inp1 { width:3.3rem; }
.paper .tab .list .web .div_textarea { background:#f7f7f7; border:1px solid #e0e0e0; border-radius:5px; padding:0.1rem 0.3rem; }
.paper .tab .list .web .div_textarea textarea { background:none; resize:none; border:none; height:2rem; width:100%; }

.paper .tab .file { }
.paper .tab .file ul li { line-height:0.65rem; font-size:0.22rem; position:relative; margin-top:0.2rem; }
.paper .tab .file ul li p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; padding-left:0.72rem; background:url(../img/icon13.png) no-repeat left center; background-size:0.53rem auto; }
.paper .tab .file ul li i { display:block; width:0.33rem; height:0.65rem; background:url(../img/icon14.png) no-repeat center center; background-size:0.33rem auto; position:absolute; top:0; right:0; }
.paper .div_btn { margin-top:1.2rem; }
.tab_tips { margin-top:0.3rem; }
.tab_tips p { font-size:0.24rem; color:#b41e34; padding-left:0.33rem; background:url(../img/icon15.png) no-repeat left 0.03rem; background-size:0.26rem auto; line-height:0.32rem; }

.header.bg_n { background:none; position:absolute; top:0; left:0; width:100%; border-bottom:none; }
.member_det { padding:1.3rem 0 0.5rem; background: -webkit-linear-gradient(top, #fcf9fa, #f7f4f5);  }
.member_gr { }
.member_gr .img { float:right; position:relative; }
.member_gr .img .pic { width:1.6rem; height:1.6rem; border-radius:1.6rem; overflow:hidden; }
.member_gr .img .pic img { display:block; width:100%; }
.member_gr .img span { display:block; width:0.46rem; height:0.46rem; background:url(../img/icon16.png) no-repeat center center; background-size:0.46rem; position:absolute; right:0.03rem; bottom:-0.04rem; }
.member_gr .img span.span1 { background:url(../img/icon23.png) no-repeat center center; background-size:0.46rem; }
.member_gr .web { overflow:hidden; padding-right:0.3rem; padding-top:0.25rem; }
.member_gr .web h3 { font-size:0.44rem; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.member_gr .web h3 img { width:1.06rem; vertical-align:top; margin-left:0.1rem; }
.member_gr .web h3 span { font-size:0.22rem; color:#fff; display:inline-block; width:1.06rem; height:0.36rem; line-height:0.36rem; text-align:center; border-radius:0.36rem; background: -webkit-linear-gradient(left, #cfa46c, #dfbe87); margin-left:0.15rem; vertical-align:middle; font-style:oblique; }
.member_gr .web p { font-size:0.3rem; color:#797979; margin-top:0.2rem; }

.member_account { margin-top:0.5rem; }
.member_account .btn { float:right; margin-top:0.08rem; }
.member_account .btn a { width:1.34rem; }
.member_account .item { overflow:hidden; }
.member_account .item ul li { float:left; width:1.65rem; }
.member_account .item ul li:first-child { margin-left:0; }
.member_account .item ul li font { font-size:0.34rem; }
.member_account .item ul li p { font-size:0.24rem; color:#919191; margin-top:0.2rem; }

.mem_list { }
.mem_list ul li { line-height:1.18rem; border-top:1px solid #efefef; padding:0 0.3rem; font-size:0.29rem; }
.mem_list ul li:first-child { border-top:none; }
.mem_list ul li a { display:block; background:url(../img/icon22.png) no-repeat right center; background-size:0.13rem auto; }
.mem_list ul li a span { display:inline-block; padding-left:0.64rem; }
.mem_list ul li a span.span1 { background:url(../img/icon17.png) no-repeat left center; background-size:0.42rem auto; }
.mem_list ul li a span.span2 { background:url(../img/icon18.png) no-repeat left center; background-size:0.42rem auto; }
.mem_list ul li a span.span3 { background:url(../img/icon19.png) no-repeat left center; background-size:0.42rem auto; }
.mem_list ul li a span.span4 { background:url(../img/icon20.png) no-repeat left center; background-size:0.42rem auto; }
.mem_list ul li a span.span5 { background:url(../img/icon21.png) no-repeat left center; background-size:0.42rem auto; }



.member .div_btn { padding:0 0.3rem; }
.recharge_record { }
.recharge_record .list { }
.recharge_record .list ul li { line-height:0.46rem; padding:0.18rem 0; border-bottom:1px solid #ebebeb; }
.recharge_record .list ul li h3 { font-size:0.3rem; font-weight:normal; }
.recharge_record .list ul li h3 span { float:right; font-size:0.26rem; color:#00b259; }
.recharge_record .list ul li p { font-size:0.24rem; color:#7c7c7c; }
.recharge_record .list ul li p span { float:right; display:inline-block; padding-left:0.35rem; background:url(../img/icon24.png) no-repeat left center; background-size:0.26rem auto; color:#b41e34; }
.btn.btnsize { margin-top:0.25rem; }
.btn.btnsize p { text-align:center; line-height:0.76rem; font-size:0.3rem; }
.btn.btnsize p font { color:#b41e34; }
.btn.btnsize a { width:2.22rem; line-height:0.76rem; font-size:0.29rem; }

.share { }
.share .list { padding-bottom:0.2rem; }
.share .list ul li { background: -webkit-linear-gradient(left, #fff7ec, #fcefdb); padding:0.11rem; border-radius:4px; margin-top:0.2rem; }
.share .list ul li .box { border:1px solid #ab9471; padding:0.2rem 0; }
.share .list ul li .num { float:left; width:2.67rem; padding-left:0.35rem; border-right:1px solid #ddceb7; }
.share .list ul li .num h3 { color:#b51e34; font-size:0.24rem; font-weight:normal; }
.share .list ul li .num h3 font { font-size:0.7rem; margin-right:0.1rem; }
.share .list ul li .num p { font-size:0.24rem; color:#b51e34; margin-top:0.1rem; }
.share .list ul li .web { overflow:hidden; padding-left:0.5rem; padding-top:0.1rem; }
.share .list ul li .web p { font-size:0.28rem; }
.share .list ul li .web a { display:inline-block; width:1.48rem; height:0.48rem; line-height:0.48rem; text-align:center; border-radius:0.48rem; background:#2b2d33; color:#fff; font-size:0.26rem; margin-top:0.15rem; }
.share .list ul li .web a.on { background:#f3ddb6; color:#2b2d33; }

.modal_copy .btn a { position:relative; }
.modal_copy .btn a:first-child { margin-right:0.2rem; }
.modal_copy .btn a input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.btn_jt { padding-bottom:0.3rem; margin:0 0.2rem; }
.btn_jt a { font-size:0.24rem; color:#b51e34; text-decoration:underline; }

.consumption { }
.consumption ul li { line-height:0.46rem; padding:0.18rem 0; border-bottom:1px solid #ebebeb; }
.consumption ul li h3 { font-weight:normal; font-size:0.3rem; }
.consumption ul li h3 span { float:right; color:#b41e34; font-size:0.28rem; }
.consumption ul li h3 span em { display:inline-block; width:1rem; height:0.3rem; line-height:0.3rem; text-align:center; font-size:0.22rem; border-radius:4px; background:#b41e34; color:#fff; margin-left:0.14rem; }
.consumption ul li p { text-align:right; font-size:0.24rem; color:#7c7c7c; }

.msg_web { text-align:center; padding:0.35rem 0; }
.msg_web .img { width:1.77rem; height:1.77rem; border-radius:1.77rem; overflow:hidden; margin:0 auto; }
.msg_web .img img { display:block; width:100%; }
.msg_web p { margin-top:0.25rem; font-size:0.3rem; }
.paper.message .tab .list .web .div_textarea { padding-bottom:0.45rem; }
.paper.message .tab .list .web .div_textarea textarea { height:3.4rem; }
.paper.message .tab .list .web .text_num { position:absolute; bottom:0.15rem; right:0.25rem; font-size:0.24rem; }
.paper.message .div_btn { margin-top:0.3rem; }

#refreshContainer>li{ margin-bottom: 1px; padding: 20px 10px; }
.refreshText{ position: absolute; width: 100%; line-height: 50px; text-align: center; left: 0; top: 0; font-size: 16px;}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 100;
    color: #6198F2;
    font-weight: 400;
    text-transform: uppercase;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif;
    font-size: 16px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .2);
    margin: 0;
}

@keyframes con {
    50% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

.d {
    animation: con 2.0s ease-out infinite
}

.d-2 {
    animation-delay: .5s
}

.d-3 {
    animation-delay: 1s
}


.main_list1 ul.second li {
    flex: 1;
}

.main_list1 ul.second li:first-child {
    box-shadow: 0 0.05rem 0.5rem rgba(194,32,56,.26);
    background: url(../img/img6_1.png) no-repeat center center;
    background-size: 105% auto;
}

.main_list1 ul.second li:nth-child(2) {
    box-shadow: 0 0.05rem 0.5rem rgba(149, 194, 60, 0.26);
    background: url(../img/img7_1.png) no-repeat center center;
    background-size: 105% auto;
}

.main_list1 ul.second li:nth-child(3) {
    box-shadow: 0 0.05rem 0.5rem #c7f8e2;
    background: url(../img/img5_1.png) no-repeat center center;
    background-size: 105% auto;
}