*{ margin:0; padding:0; border:0; -webkit-box-sizing: border-box; box-sizing: border-box;}
li{ list-style:none;}
a{ text-decoration:none; color:#333}
body{max-width:640px;min-width:320px;margin:0 auto; font-family:"微软雅黑"; font-size: 100%;font-size:14px;}
input[type="submit"],input[type="reset"],input[type="date"]{-webkit-appearance: none;}
textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.b{ vertical-align:top; width:100%;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;line-height: 0;}
.cfix{*zoom:1;}
.zcnt{width: 93.75%;margin-left: auto;margin-right: auto;}
.banner img{display:block; width: 100%;}
[data-src],.swiper-lazy{background:url('/static/images/loading.gif') center center no-repeat;}
.swiper-pagination{font-size: 0;line-height: 0; padding-right: 3%; bottom: 5px !important;text-align: right !important;}
.swiper-pagination .swiper-pagination-bullet{margin: 0 3px !important; opacity: 1; background: #fff;}
.swiper-pagination .swiper-pagination-bullet-active{background: #4cbbb4;}
.flex-row{
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.nowrap{white-space:nowrap;}  /**禁止换行**/
.bg-gray{background: #f1f1f1;}

.m{padding: 5% 3%;font-size: 0.22rem;line-height: 0.3rem; color: #333;}
.m img{display: block;}
.m .zhd{text-align: center;margin-bottom: 3%;}
.m .zintro{text-indent: 2em;margin-bottom: 3%;}
.m .zbtn{display: flex; justify-content: center;}
.m .zbtn a{display: block;padding:0 8%; height: 0.5rem; color: #fff; font-size: 0.24rem;line-height: 0.5rem;background: #f49939;-webkit-border-radius: 0.5rem; border-radius: 0.5rem;}
.text-green{color: #4cbbb4 !important;}
.text-orange{color: #f49939 !important;}

.btn-group{display: flex; justify-content: center;}
.btn-group a{display: flex;align-items: center; height: 0.6rem;padding: 0 0.15rem; margin: 0 0.1rem; line-height: 0.6rem;color: #8d823c; font-size: 0.24rem; background: #ffe220;border-radius: 5px;}

.m1 dl{-webkit-justify-content: space-between;justify-content: space-between;}
.m1 dt{width: 46%;}
.m1 dd{width: 49%;text-align: center;}
.m1 .p1{padding:5% 0 0 0;font-size: 0.24rem;line-height: 1em; color: #6a807f;}
.m1 .p2{font-size: 0.4rem;font-weight:bold;line-height: 1.8em;color: #46bcae;}
.m1 .p3{color:#fff;font-size:0.24rem;padding:3% 0;margin-bottom: 5%; line-height: 1em;background: #b0c4c1;}
.m1 .zbtn{}
.m1 .zbtn a{width: 100%;font-size: 0.22rem; padding-left: 1%; padding-right: 1%;-webkit-animation:map 2s infinite linear;animation:map 2s infinite linear;}

.m2 .pic{padding-bottom: 3%; border-bottom: 1px dotted #d4d4d4;}
.m2 .tip{padding: 3% 0; line-height: 1em;}
.m2 .tip img{height: 0.22rem;display: inline-block;margin-right: 2%;}

.m3 ul{-webkit-justify-content: space-between;justify-content: space-between; -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.m3 ul li{width: 47%; padding: 1%; margin: 0 0 3% 0; background: #fff;}
.m3 .bar{padding: 3% 0; -webkit-justify-content: space-between;justify-content: space-between; -webkit-align-items: center; align-items: center;}
.m3 .bar .title{font-size: 0.24rem;}
.m3 .bar .btn{width: 1.1rem; text-align: center; padding:1% 3%; color: #4cbbb4; border: 1px solid #4cbbb4; -webkit-border-radius: 5px; border-radius: 5px;}

.m4 ul{margin-top: -3%;}
.m4 ul li{padding: 4% 0; border-bottom: 1px dotted #d4d4d4;}
.m4 ul li:last-child{border-bottom: none;}
.m4 .row1{margin-bottom: 3%; -webkit-justify-content: space-between;justify-content: space-between;}
.m4 .pic{width: 45%;}
.m4 .info{width: 51%;}
.m4 .title{padding: 0 0 0 0.6rem; margin-bottom: 3%;background: #f1f1f1; line-height: 0.45rem;color: #4cbbb4;}
.m4 .title img{float: left; height: 0.45rem;margin-left: -0.6rem;}
.m4 .zintro{text-indent: 0;}
.m4 .row2{margin-bottom: 3%; -webkit-justify-content: space-between;justify-content: space-between;}
.m4 .row2 .item{width: 33.3%;padding-left: 0.3rem;line-height: 1.3em;}
.m4 .row2 .item img{float: left;width: 0.23rem;height:auto; margin-left: -0.3rem;}
.m4 .zbtn a{width: 38%; text-align: center; margin:0 5%; }

.m5 ul{margin-bottom: 5%;}
.m5 li{padding:5% 0;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px dotted #d4d4d4;}
.m5 .pic{width: 45%;}
.m5 .info{width: 50%;}
.m5 .title{font-size: 0.24rem;color: #4cbbb4;line-height: 1.5em;}

.bszyt{margin-bottom: 3%;}
.bszyt .intro{padding:3% 4%;margin-bottom: 3%; color: #fff; background: #6bc4bf;}
.bszyt ul{padding:0 1%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.bszyt ul li{position: relative; width: 23.3%; padding: 23.3% 0 0 0; overflow: hidden; background: #b3b3b3;-webkit-border-radius: 100%;border-radius: 100%;}
.bszyt ul li p{position: absolute;left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center; color: #fff; font-size: 0.24rem;font-weight: bold;line-height: 1.3em;}
.bszyt ul li:after{position: absolute; left: 3%;top: 3%;right:3%;bottom: 3%;content: '';border: 1px dotted #fff; -webkit-border-radius: 100%; border-radius: 100%;}

.m7{padding-top: 0;padding-bottom: 0;}
.question{-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin-bottom: 5%;}
.question a{width: 49%;padding: 2% 0; margin-top: 2%; font-size: 0.24rem;color: #fff; background: #a4cfcc;}
.question a:nth-child(2){background: #6cc5c0;}
.question a:nth-child(3){background: #4ecdc6;}
.question a:nth-child(4){background: #61aba7;}
/**== 仿微信消息框 ==**/
.zmsg{margin-bottom: 5%;}
.zmsg-zbd{padding: 0.2rem; margin-left: auto;margin-right: auto; background: #ebebeb;}
.zmsg-zbd dl{padding-top: 0.25rem; display: none;}
.zmsg-zbd dl dt{float:left;width: 0.8rem;margin-right: 0.3rem;}
.zmsg-zbd dl dd{position:relative;float: left;width: 4.2rem;padding:0.3rem 0.2rem; font-size: 0.24rem;line-height: 0.3rem; border: 1px solid #84a767; border-radius: 5px; background: #9aeb4e; color: #2f2f2f;}
.zmsg-zbd dl dd:before{position: absolute;z-index: 2; width: 10px;height: 10px;top:0.2rem;left:-6px;font-size: 0; line-height: 0; content:''; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #84a767; border-bottom:1px solid #84a767; background: #9aeb4e;}

.zmsg-bot{padding: 0.2rem; font-size: 0.2rem; border-top: 1px solid #d7d7d9; background: #f5f5f6;}
.zmsg-q{font-size: 0;line-height: 0;padding: 0 0 0.15rem 0; display: flex;justify-content:space-between;}
.zmsg-q span{height: 0.4rem;line-height: 0.4rem;font-size: 0.2rem;color: #878684; vertical-align: top;}
.zmsg-q a{height: 0.4rem;padding: 0 0.15rem;line-height: 0.4rem;color:#aaa;font-size:0.2rem;background: #fff;-webkit-border-radius: 0.4rem;border-radius: 0.4rem;vertical-align: top; border: 1px solid #d9d9d9;}
.zmsg-s a span{float:left;width: 4rem;height: 0.6rem;padding: 0 0.2rem;line-height: 0.6rem;font-size: 0.22rem;color: #cbcbcb; border-radius: 5px; border: 1px solid #ddd; background: #fff;}
.zmsg-s a strong{float: right;width: 1.54rem;height: 0.6rem;line-height: 0.6rem;font-size: 0.24rem;color: #fff;text-align:center;font-weight:normal;background: #19ac15; border: 1px solid #279729; border-radius: 5px;}


@keyframes hotTag{
    0%,80%,84%,90%,96%,100%{transform:translateY(0)}
    88%{transform:translateY(-6px)}
    92%{transform:translateY(-3px)}
}
@-moz-keyframes map{0%{-moz-transform:scale(1,1)}50%{-moz-transform:scale(0.95,0.95)}100%{-moz-transform:scale(1,1)}}
@-ms-keyframes map{0%{-ms-transform:scale(1,1)}50%{-ms-transform:scale(0.95,0.95)}100%{-ms-transform:scale(1,1)}}
@-o-keyframes map{0%{-o-transform:scale(1,1)}50%{-o-transform:scale(0.95,0.95)}100%{-o-transform:scale(1,1)}}
@-webkit-keyframes map{0%{-webkit-transform:scale(1,1)}50%{-webkit-transform:scale(0.95,0.95)}100%{-webkit-transform:scale(1,1)}}
@keyframes map{0%{transform:scale(1,1)}50%{transform:scale(0.95,0.95)}100%{ transform:scale(1,1)}}