@charset "UTF-8";
/* 初始化*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }

th, tr, td, tbody { margin: 0; padding: 0; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font: 0.24rem Helvetica Regular,Microsoft YaHei,sans-serif,Tahoma; color: #626675; }

input { outline: none; }

em, i { font-style: normal; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #626675; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }

a:hover { text-decoration: none; }

img { border: none; -ms-interpolation-mode: bicubic; }

.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

.clearfix { zoom: 1; }

.bor0 { border: none !important; }

.bj_fff { background: #fff; }

.padtop30 { padding-top: 0.3rem; }

.padtb20 { padding: 0.2rem 0; }

.pad0-30 { padding: 0 0.3rem !important; }

.borderno { border: none !important; }

.hide { display: none; }

.ico_img { background: url("../images/ico_img.png") no-repeat center; background-size: 3.09rem auto; }

#warp { min-width: 320px; max-width: 750px; margin: 0 auto; background: #fff; overflow: hidden; position: relative; font-size: 0.24rem; }

.box_flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.box_flex_1 { -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; flex: 1; }

html { font-size: calc(100vw / 7.5); }

@media (min-width: 750px) { html { font-size: 100px; } }

@media (max-width: 280px) { html { font-size: 35px; } }

.mt16 { margin-top: 0.16rem !important; }

.content { min-height: calc(100vh - 2.73rem); position: relative; }

.img { overflow: hidden; }

.img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }


.page { background: #fff; padding: 0.3rem 0.15rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.24rem; }

.page > a { width: 18%; display: inline-block; line-height: 0.53rem; border-radius: 0.05rem; background: #efeff4; text-align: center; color: #626675; margin: 0 1%; }

.page > a.gray-page { background-color: #9195a3; border: none; }

.page > a:active, .page .page span .cbtn a:active { background: #ddd; }

.page > a:nth-child(2) { width: 15%; }

.page > a:nth-child(4) { width: 15%; }

.page > a.over { color: #efeff4; }

.page > span { width: 20%; display: inline-block; line-height: 0.53rem; border-radius: 0.02rem; text-align: center; background: #ff9601; color: #fff; position: relative; border: 1px solid #ff9601; }

.page > span .cbtn { display: none; width: 100%; position: absolute; top: -1.25rem; left: 0; z-index: 10; height: 1.8rem; overflow-y: scroll; background: #fff; border-radius: 0.02rem; -webkit-box-shadow: 0 0 3px #bbb; box-shadow: 0 0 3px #bbb; }

.page > span .cbtn a { display: inline-block; text-align: center; line-height: 0.6rem; margin-bottom: 1px; width: 100%; background: #f6f6f6; color: #666; }

.lazy { background: #efeff4; border: none; }

#warp { min-height: 100vh; }

.header_warp { position: relative; }

.header_warp .header_top { background: #ff9601; height: 0.97rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.25rem; }

.header_warp .header_top .home { background: url("../images/ico-img.png") no-repeat center; background-size: 4.43rem auto; display: block; height: 0.41rem; width: 0.49rem; background-position: -3.21rem 0; }

.header_warp .header_top .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.header_warp .header_top .flex .logo { margin: 0 auto; }

.header_warp .header_top .flex .logo img { width: 1.45rem; }

.header_warp .header_top .numbox { background: url("../images/ico-img.png") no-repeat center; background-size: 4.43rem auto; display: block; height: 0.40rem; width: 0.41rem; background-position: -1.38rem 0; }

.header_warp .header_top .numbox.on { background-position: -0.80rem -0.02rem; }

.header_warp .burger { display: none; position: absolute; top: 0.97rem; left: 0; width: 100%; height: calc(100vh - 0.97rem); overflow-y: auto; z-index: 1000; background: #fff; }

.header_warp .burger .bt_h1 { height: 1.25rem; line-height: 1.25rem; font-size: 0.32rem; color: #3c3c3c; text-align: center; }

.header_warp .burger .item ul { padding: 0 0.1rem 0.2rem; }

.header_warp .burger .item ul li { width: 25%; float: left; padding-bottom: 0.25rem; }

.header_warp .burger .item ul li a { width: 1.55rem; height: 1.55rem; border: 1px solid #f3f3f3; border-radius: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.header_warp .burger .item ul li .ico { width: 0.6rem; height: 0.6rem; display: inline-block; position: relative; margin: 0 auto; }

.header_warp .burger .item ul li .ico i { background: url("../images/ico-img.png") no-repeat center; background-size: 4.43rem auto; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.header_warp .burger .item ul li p { height: 0.3rem; line-height: 0.3rem; overflow: hidden; display: inline-block; padding-top: 0.1rem; width: 100%; }

.header_warp .burger .item ul .li1 .ico i { height: 0.35rem; width: 0.43rem; background-position: -2.66rem -0.79rem; }

.header_warp .burger .item ul .li1 a { color: #ff9601; }

.header_warp .burger .item ul .li2 .ico i { height: 0.35rem; width: 0.45rem; background-position: -3.24rem -0.78rem; }

.header_warp .burger .item ul .li2 a { color: #037bff; }

.header_warp .burger .item ul .li3 .ico i { height: 0.38rem; width: 0.37rem; background-position: -2.08rem -0.80rem; }

.header_warp .burger .item ul .li3 a { color: #626675; }

.header_warp .burger .item ul .li4 .ico i { height: 0.41rem; width: 0.33rem; background-position: 0 -0.78rem; }

.header_warp .burger .item ul .li4 a { color: #4cd964; }

.header_warp .burger .item ul .li5 .ico i { height: 0.42rem; width: 0.51rem; background-position: -3.92rem -0.73rem; }

.header_warp .burger .item ul .li5 a { color: #626675; }

.header_warp .burger .item ul .li6 .ico i { height: 0.36rem; width: 0.35rem; background-position: -1.56rem -0.81rem; }

.header_warp .burger .item ul .li6 a { color: #b41370; }

.header_warp .burger .item ul .li7 .ico i { height: 0.42rem; width: 0.42rem; background-position: -3.91rem -0; }

.header_warp .burger .item ul .li7 a { color: #ffcc00; }

.header_warp .burger .item ul .li8 .ico i { height: 0.34rem; width: 0.34rem; background-position: -1.05rem -0.81rem; }

.header_warp .burger .item ul .li8 a { color: #005bbe; }

.header_warp .burger .item ul .li9 .ico i { height: 0.40rem; width: 0.34rem; background-position: -0.53rem -0.81rem; }

.header_warp .burger .item ul .li9 a { color: #ff2d55; }

.header_warp .burger .lis_box { border-top: 0.04rem solid #f0eff4; width: 100%; overflow: hidden; }

.header_warp .burger .lis_box .bt { height: 1rem; line-height: 1rem; padding: 0 0.2rem; font-size: 0.28rem; color: #3c3c3c; }

.header_warp .burger .lis_box .bt::before { content: ''; display: inline-block; vertical-align: middle; background: #ff9601; width: 0.08rem; height: 0.3rem; margin: -0.02rem 0.1rem 0 0; }

.header_warp .burger .lis_box .lis { padding: 0 0 0.2rem 0.2rem; width: 100%; }

.header_warp .burger .lis_box .lis a { width: 1.72rem; height: 0.64rem; background: #f0eff4; display: block; float: left; line-height: 0.64rem; border-radius: 0.1rem; margin: 0 0.08rem 0.2rem 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.header_warp .burger .lis_box .lis a > * { display: block; }

.header_warp .burger .lis_box .lis a:active { background: #ff9601; color: #fff; }

.footer { background: #3c3c3c; padding: 0.2rem 0; }

.footer .text { color: #fff; padding: 0.2rem; line-height: 0.4rem; text-align: center; }

.comment { min-height: calc(100vh - 3.5rem); }

.swiper_nav { height: 0.7rem; overflow: hidden; position: relative; padding: 0 0.15rem; background: #f0eff4; }

.swiper_nav .swiper-slide { line-height: 0.7rem; height: 0.7rem; position: relative; text-align: center; }

.swiper_nav .swiper-slide.on a:after { width: 100%; content: ''; height: 0.05rem; background: #ff9601; display: block; position: absolute; left: 0px; bottom: 0px; border-radius: 10px; }

.swiper_nav .swiper-slide.on a { color: #ff9601; }

.swiper_nav .swiper-slide a { display: inline-block; font-size: 0.28rem; position: relative; height: 0.7rem; padding: 0 0.05rem; color: #626675; }

.big_img_mb { display: none; width: 100%; height: 100vh; position: fixed; z-index: 20186; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); }

.big_img_wrap { display: none; position: fixed; left: 0; top: 0; z-index: 201822; width: 100%; margin: 0 auto; height: 100vh; }

#Gm-big-pic { width: 100%; height: 80%; overflow: hidden; }

#Gm-big-pic img { width: auto; height: auto; max-height: 100%; min-width: initial; max-width: 96%; margin: 0 2%; }

.big_img_wrap .big_img_top { position: fixed; width: 100%; height: 36px; line-height: 36px; font-size: 14px; left: 0; top: 10px; z-index: 201823; display: -webkit-box; display: -ms-flexbox; display: flex; }

.big_img_wrap .big_img_top .img_num { -webkit-box-flex: 1px; -ms-flex: 1px; flex: 1px; text-align: center; color: #fff; font-weight: bold; }

.big_img_wrap .big_img_top .back_btn { color: #fff; font-weight: bold; width: 70px; text-align: center; margin-left: 15px; background: url("../images/icon_back.png") no-repeat left; background-size: auto 20px; }

.big_img_wrap .big_img_top .img_src { width: 90px; height: 30px; line-height: 30px; color: #0de8fb; border: 1px solid #0de8fb; text-align: center; margin-right: 5px; }