@charset "utf-8";


.body-page{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;margin: 0 .4rem;}
.body-page .column-top{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;margin-bottom: .6rem;}
.body-page .column-main{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.body-page .column-main .main-lump{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;padding: .5rem;-webkit-box-shadow:0 0 1.5rem rgba(17,86,128,.5) inset;-moz-box-shadow:0 0 1.5rem rgba(17,86,128,.5) inset;box-shadow:0 0 1.5rem rgba(17,86,128,.5) inset;background: #031323;}
.body-page .column-main .main-lump-1{width: 0;-ms-flex: 3;-webkit-box-flex: 3;-webkit-flex-grow: 3;-o-flex-grow: 3;-moz-flex-grow: 3;flex-grow: 3;margin-right: .3rem;}
.body-page .column-main .main-lump-2{width: 0;-ms-flex: .8;-webkit-box-flex: .8;-webkit-flex-grow: .8;-o-flex-grow: .8;-moz-flex-grow: .8;flex-grow: .8;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.body-page .column-main .main-col{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.body-page .column-main .main-col-2{width: 0;-ms-flex: 2;-webkit-box-flex: 2;-webkit-flex-grow: 2;-o-flex-grow: 2;-moz-flex-grow: 2;flex-grow: 2;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.body-page .column-main .main-col-1{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;margin-right: .5rem;padding-right: .5rem;border-right: 1px solid #01444c;}
.body-page .column-main .main-col-1 .main-row{height: 0;-ms-flex: .7;-webkit-box-flex: .7;-webkit-flex-grow: .7;-o-flex-grow: .7;-moz-flex-grow: .7;flex-grow: .7;}
.body-page .column-main .main-col-1 .main-row-1{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;margin-bottom: .2rem;}
.body-page .column-main .main-col-1 .main-row-2{-ms-flex: 1.8;-webkit-box-flex: 1.8;-webkit-flex-grow: 1.8;-o-flex-grow: 1.8;-moz-flex-grow: 1.8;flex-grow: 1.8;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}

.m-growth-period{height: 1.2rem;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.m-growth-period li.growth-li{position: relative;width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;background: url(../img/page3/scale.png) center/100% 100% repeat-x;}
.m-growth-period .growth-name{text-align: center;color: #02636f;font-size: .4rem;line-height: 1.1rem;cursor: pointer;}
.m-growth-period .growth-name:after{display: inline-block;margin-left: .1rem;content:"\e6b9";font-family: 'iconfont';}
.m-growth-period li.growth-li i{position: absolute;left: 50%;top: 0;margin-top: -.35rem;}
.m-growth-period li.growth-li i:before{position: absolute;content:"";display: block;margin-left: -.35rem;width: .7rem;height: .7rem;background: url(../img/page3/current-o.png) center/contain no-repeat;-webkit-animation-name:ani-rotate;animation-name:ani-rotate;-webkit-transform-origin:center;transform-origin:center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-timing-function:linear;}
.m-growth-period li.growth-li i:after{position: absolute;content:"";display: block;margin-left: -2rem;width: 4rem;height: .6rem;background: url(../img/page3/current-i.png) center/contain no-repeat;}
.m-growth-period li.growth-li.select,
.m-growth-period li.growth-li.current{background-image: url(../img/page3/currnet-scale.png);}
.m-growth-period li.growth-li.select .growth-name,
.m-growth-period li.growth-li.current .growth-name,
.m-growth-period li.growth-li:hover .growth-name{color: #00f5f5;}
.m-growth-period li.growth-li.select .growth-time{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.m-growth-period li.growth-li.select i{display: block;}
.m-growth-period li.growth-li.current .m-operations{display: block;}
.m-growth-period li.growth-li .growth-time{position: absolute;top: 100%;left: 0;right: 0;display: none;color: #01a6a8;font-size: .28rem;z-index:1;}
.m-growth-period li.growth-li h2{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.m-growth-period li.growth-li h3{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;text-align: right;}

.m-operations{position: absolute;top: 100%;left: 0;right: 0;display: none;padding: .2rem 0;background: rgba(0,60,100,.9);-webkit-border-bottom-left-radius:.2rem;-moz-border-bottom-left-radius:.2rem;border-bottom-left-radius:.2rem;-webkit-border-bottom-right-radius:.2rem;-moz-border-bottom-right-radius:.2rem;border-bottom-right-radius:.2rem;z-index:5;}
.m-operations li{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;line-height: .8rem;padding: 0 .4rem;color: #00aaaa;cursor: pointer;}
.m-operations li.current,
.m-operations li:hover{color: #00ffff;}
.m-operations .name{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}



.m-operation-content{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.m-operation-content img{display: block;max-width:100%;}
.m-operation-content .titbar{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;margin-bottom: .3rem;}
.m-operation-content .titbar .name{color: #00ffff;font-size: .4rem;margin-bottom: .1rem;}
.m-operation-content .titbar .time{color: #aaa;font-size: .3rem;}
.m-operation-content .conbar{height: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;overflow: hidden;overflow-y:auto;margin-bottom: .3rem;}
.m-operation-content .content{padding-right: .2rem;text-align: justify;}
.m-operation-content .other{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;color: #acafb1;font-size: .32rem;}
.m-operation-content .other h2{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.m-operation-content .imgbar{margin-bottom: .4rem;}
.m-operation-content .imgbar img{height: 3rem;-o-object-fit: cover;-webkit-object-fit: cover;-moz-object-fit: cover;-ms-object-fit: cover;object-fit: cover;cursor: pointer;}

.m-expert-review{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;border: 1px solid #023743;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;border-radius:.05rem;margin-bottom: .2rem;}
.m-expert-review .expert-tit{position: relative;min-height: 2rem;width: 2rem;-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;background: #061c32;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;font-size: .4rem;color: #00b96f;line-height: 1.2;font-weight: bold;}
.m-expert-review .expert-tit:before{position: absolute;left: .15rem;top: .15rem;width: .6rem;height: .14rem;content:"";display: block;background: url(../img/page3/exp.png) center/contain no-repeat;}
.m-expert-review .expert-tit:after{position: absolute;right: .15rem;bottom: .15rem;width: .6rem;height: .14rem;content:"";display: block;background: url(../img/page3/exp.png) center/contain no-repeat;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.m-expert-review .expert-con{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;padding: .2rem .4rem;}
.m-expert-review .expert-con .con{text-align: justify;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.m-video{position: relative;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;width: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.m-video .videoCover{position: relative;flex-grow:1;width: 1px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;overflow: hidden;z-index:1;}
.m-video .videoCover video{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;width: 1px;object-fit: cover;object-position: 100% 100%;}
.m-video .video-img{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;-o-object-fit: cover;-webkit-object-fit: cover;-moz-object-fit: cover;-ms-object-fit: cover;object-fit: cover;}

.m-video-select{position: absolute;top: .1rem;right: .1rem;font-size: .28rem;z-index:20;}
.m-video-select .video-text{position: relative;padding: .15rem .6rem .15rem .35rem;background: rgba(10,35,66,0.85);color: #fff;text-align: right;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;}
.m-video-select .video-text:after{content:'';display: block;position: absolute;right: .2rem;top: 50%;margin-top: -.1em;border-width:.4em;display: block;width:0;height:0;border-style:solid;border-color:#FFF transparent transparent transparent;}
.m-video-select .m-ko-options{width: 100%;}
.m-video-select .m-ko-options li{position: relative;text-align: right;}
.m-video-select .m-ko-options span{padding-right: .7rem;}
.m-video-select .m-ko-options li:after{content:'';display: block;position: absolute;right: .25rem;top: 50%;background: #FFF;width: .15rem;height: .15rem;margin-top: -.07rem;-webkit-border-radius: 50%;-moz-border-radius:50%;border-radius: 50%;}
.m-video-select .m-ko-options li.run:after{background: #3db222;}


/*生长适宜度评价*/
.m-professional-services{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}


.m-growth-suitability{height: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;}
.m-growth-suitability .suit-title{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;margin-bottom: .3rem;}
.m-growth-suitability .suit-title .name{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;color: #00ffff;font-size: .38rem;}
.m-growth-suitability .update-time{text-align: right;font-size: .28rem;color: #aaa;}
.m-growth-suitability .main{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;}
.m-growth-suitability .main .row-1{position: relative;height: 4rem;margin-right: .2rem;background: url(../img/page1/growth-suitability.png) center bottom/contain no-repeat;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;width: 0;-ms-flex: .8;-webkit-box-flex: .8;-webkit-flex-grow: .8;-o-flex-grow: .8;-moz-flex-grow: .8;flex-grow: .8;display: none;}
.m-growth-suitability .main .row-2{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.m-growth-suitability .main .row-1 h2{position: absolute;left: 48%;top: 22%;margin-left: -.9rem;width: 1.8rem;height: 1.8rem;line-height: 1.8rem;text-align: center;font-size: .5rem;border: .06rem solid #00ffff;color: #00ffff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 .95rem rgba(0,255,255,0.9) inset;-moz-box-shadow:0 0 .95rem rgba(0,255,255,0.9) inset;box-shadow:0 0 .95rem rgba(0,255,255,0.9) inset;}
.m-growth-suitability .main .row-1 h2.suit-1:after{content:"无资料";}
.m-growth-suitability .main .row-1 h2.suit0:after{content:"无数据";}
.m-growth-suitability .main .row-1 h2.suit1:after{content:"不适宜";}
.m-growth-suitability .main .row-1 h2.suit2:after{content:"次适宜";}
.m-growth-suitability .main .row-1 h2.suit3:after{content:"适宜";}
.m-growth-suitability .main .row-1 h2.suit4:after{content:"最适宜";}
.m-growth-suitability .main .row-1 h2.suit3:after{font-size: .6rem;}

.m-growth-suitability-chart{height: 0;-ms-flex: .8;-webkit-box-flex: .8;-webkit-flex-grow: .8;-o-flex-grow: .8;-moz-flex-grow: .8;flex-grow: .8;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.m-growth-suitability-chart .mod-core{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}


.m-suit-long{padding-right: .1rem;}
.m-suit-long .suit-key{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;padding-left: .7rem;margin-bottom: .4rem;}
.m-suit-long .suit-key h2,
.m-suit-long .suit-key h3,
.m-suit-long .suit-key h4{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;text-align: center;}
.m-suit-long .suit-key h2{color: #025a65;}
.m-suit-long .suit-key h3{color: #00e5e5;}
.m-suit-long .suit-key h4{color: #ff433e;}
.m-suit-long .suit-value{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;padding: .3rem 0;}
.m-suit-long .suit-value .name{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;color: #FFF;margin-right: .4rem;}
.m-suit-long .suit-value .cont{position: relative;width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.m-suit-long .suit-value .cont .value{position: absolute;left: 10%;bottom: 130%;width: 2rem;margin-left: -1rem;text-align: center;color: #FFF;z-index:5;}
.m-suit-long .suit-value .cont .value:after{content:'';display: block;position: absolute;left: 50%;top: 100%;margin-left: -.5em;margin-top: -.1em;border-width:.5em;display: block;width:0;height:0;border-style:solid;border-color:#FFF transparent transparent transparent;}
.m-suit-long .suit-value .cont .long{position: relative;height: .24rem;background: #025a65;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;}
.m-suit-long .suit-value .cont .long:before{position: absolute;content:"";display: block;left: 25%;right: 25%;top: 0;bottom: 0;background: #00e5e5;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;z-index:3;}
.m-suit-long .suit-value .cont .long:after{position: absolute;content:"";display: block;left: 50%;right: 0;top: 0;bottom: 0;background: #722c37;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;z-index:2;}



.m-warn-msg{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.m-warn-msg .warn-tabtt{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;padding-bottom: .6rem;}
.m-warn-msg .warn-tabtt .swiper-wrapper{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;}
.m-warn-msg .warn-tabtt li{height: 1rem;line-height: 1rem;padding: 0 .2rem;text-align: center;color: #026a6e;font-size: .38rem;cursor: pointer;}
.m-warn-msg .warn-tabtt li.current{color: #0ff;}
.m-warn-msg .warn-tabcn{height: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;overflow: hidden;overflow-y: auto;}
.m-warn-msg .warn-tabtt li.current:before{content:"";display: block;position: absolute;left: -.6rem;right: -.5rem;top: .7rem;height: .6rem;background: url(../img/as/star.png) center/contain no-repeat;}

.m-follow-us{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;margin-top: .2rem;}
.m-follow-us .text{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.m-follow-us .erwei{margin-left: .3rem;width: 2rem;height: 2rem;-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;}


.m-list{padding-right: .2rem;}
.m-list li{padding: .3rem 0;border-top: 1px solid #023743;}
.m-list .topbar{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;margin-bottom: .1rem;}
.m-list .topbar h2{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;}
.m-list .topbar h3{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;color: #0ff;}
.m-list .topbar h4{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;color: #aaa;font-size: .3rem;}
.m-list .conbar{color: #eee;font-size: .32rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.m-warn-list{padding-right: .2rem;}
.m-warn-list li{padding: .3rem 0;border-top: 1px solid #023743;}
.m-warn-list li svg{width: 2rem;height: 1.6rem;}
.m-warn-list .topbar{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;}
.m-warn-list .topbar h2{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;}
.m-warn-list .topbar h3{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.m-warn-list .topbar h4{display: none;}
.m-warn-list li.color-huang h3{color: #fff000;}
.m-warn-list li.color-lan h3{color: #00ffff;}
.m-warn-list li.color-hong h3{color: #eb2323;}
.m-warn-list li.color-cheng h3{color: #f07c00;}
.m-warn-list .conbar{}