@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#222;font:14px/30px  "Inter","poppins", Arial; position:relative;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"Inter","poppins", Arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
*{box-sizing:border-box;}
a{color:#222;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0602d5;text-decoration:none;}
.hide,.none,ins{display:none;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1200px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.popup{width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}

#top{ width:100%; background:#555;}
#top .wrap{ height:36px;display:flex;justify-content:space-between ;align-items:center;}
#top .left{ color:#fff}
#top .right{display:flex;gap:0 15px}
#top .right .item a{display:flex;align-items:center;gap:0 5px; color:#fff}

#header{ width:100%}
#header .wrap{ height:100px; display:flex;justify-content:space-between ;align-items:center;}
#header .left{display:flex;align-items:center;gap:0 100px}
#header .left .logo img{ height:60px}
#header .left .nav ul{display:flex;align-items:center;gap:0 20px}
#header .left .nav ul li{ position:relative}
#header .left .nav ul li h3 a{ font-size:16px; padding:0 20px; line-height:100px;}
#header .left .nav ul li h3 a i{ font-size:14px; margin-left:5px; color:#666}
#header .left .nav ul li .sub{ display:none; position:absolute; left:0; top:90px; width:200px; z-index:999; background:#fff; border-radius:6px;box-shadow:0px 0px 12px 0px rgba(0,0,0,.06);}
#header .left .nav ul li .sub dl{ padding:20px;}
#header .left .nav ul li .sub dl dd{ border-bottom:1px solid #eee; padding:5px 0}
#header .contact{display:flex;justify-content:space-between ;align-items:center;gap:0 30px}
#header .contact .text .li{display:flex;align-items:center;gap:0 5px;}
#header .contact .text .li span{ font-size:15px}
#header .contact .qrcode img{ height:60px}
#header .mnav{ display:none}

#banner{width:100%;}
#banner .focus{position:relative;}
#banner .focus .swiper-slide img{width:100%;}
#banner .focus .swiper-slide img.pc{display:block;}
#banner .focus .swiper-slide img.m{display:none;}

#tou-search{ width:100%; margin-top:30px}
#tou-search .wrap{display:flex;justify-content:space-between ;align-items:center;}
#tou-search .kefu{ width:350px;display:flex;align-items:center;gap:0 30px}
#tou-search .kefu .icon img{ height:70px; border-radius:4px}
#tou-search .kefu .info .qq{ font-size:18px; font-weight:700; color:#0602d5}
#tou-search .kefu .info .btn{ margin-top:2px}
#tou-search .kefu .info .btn a{ background:#f30; color:#fff; display:inline-block; padding:2px 60px; border-radius:4px}
#tou-search .search{ width:calc(100% - 400px);background:#0602d5; padding:3px; border-radius:4px}
#tou-search .search form{display:flex;align-items:center;}
#tou-search .search .text{ width:80%; background:#fff; line-height:46px; padding:0 10px; border:0}
#tou-search .search .btn{ width:20%; background:none; color:#fff; text-align:center; font-size:16px; border:0;display:flex;justify-content:center;align-items:center;gap:0 10px}

#bigtitle{ width:100%;}
#bigtitle .wrap{display:flex;justify-content:space-between ;align-items:center; padding:20px 0}
#bigtitle .wrap .tit{ font-size:26px; font-weight:700;}
#bigtitle .wrap .more a{ color:#f30;}

#qktj{ width:100%}
#qktj .wrap{display:flex;justify-content:space-between;}
#qktj .imgbox{ width:300px; border:1px solid #eee; padding:10px;}
#qktj .imgbox .focus{ position:relative; overflow:hidden}
#qktj .imgbox .focus .swiper-slide .img{ height:350px; overflow:hidden}
#qktj .imgbox .focus .swiper-slide .img img{ width:100%; height:100%;object-fit:cover}
#qktj .imgbox .focus .swiper-slide  p{ text-align:center; line-height:1.6;padding:10px}
#qktj .list{ width:calc(100% - 320px);display:flex;justify-content:space-between; border:1px solid #eee; padding:10px 30px;}
#qktj .list ul{ width:48%}
#qktj .list ul li{display:flex;align-items:center;gap:0 8px;}
#qktj .list ul li i{ background:#0602d5; color:#fff; height:26px; width:26px; display:block; overflow:hidden; text-align: center; line-height:26px; border-radius:4px}
#qktj .list ul li a{ line-height:40px}

#itemlist{ width:100%;}
#itemlist .wrap{position: relative}
#itemlist .title{display:flex;justify-content:space-between ;align-items:center; background:#eee;}
#itemlist .title .tit{ font-size:20px; border-left:10px solid #f30;  padding:8px 15px;}
#itemlist .list{ padding:20px 0; overflow:hidden}
#itemlist .list .hd{ position:absolute; right:0; top:0;}
#itemlist .list .hd ul{display:flex}
#itemlist .list .hd ul li{ padding: 8px 20px; cursor:pointer}
#itemlist .list .hd ul li.on{ background:#0602d5; color:#fff;}
#itemlist .list .hd ul li.on a{ color:#fff}
#itemlist .list .bd ul{display:flex; flex-wrap:wrap;gap: 0 2% ;}
#itemlist .list .bd ul li{ width:32%;display:flex;justify-content:space-between; position:relative; padding-left:10px; line-height:36px}
#itemlist .list .bd ul li::before{position:absolute;left:0;top:50%; margin-top:-2px; width:4px; height:4px; background:#666;content:''; display:block; overflow:hidden; border-radius:4px}
#itemlist .list .bd ul li a{ width:85%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#itemlist .list .bd ul li span{ color:#999}

#downlist{ width:100%;}
#downlist .title{display:flex;justify-content:space-between ;align-items:center;}
#downlist .title .tit{ font-size:26px; font-weight:700; padding:30px 0}
#downlist .title .more a{ color:#f30;}
#downlist .list{ margin-top:20px}
#downlist .list ul{display:flex;flex-wrap:wrap;gap:20px}
#downlist .list ul li{ width:calc((100% - 100px) / 6)}
#downlist .list ul li .img{ height:240px; border:1px solid #eee; padding:10px}
#downlist .list ul li .img img{ width:100%; height:100%;object-fit:cover}
#downlist .list ul li .title{ padding:10px 10px; text-align:center; line-height:1.6}

#link{ width:100%; padding:50px 0}
#link .wrap{ display:flex;gap:0 10px}

#footer{ width:100%; background:#555; padding:35px 0;margin-top:40px;}
#footer .wrap{display:flex;justify-content:space-between;;align-items:flex-start}
#footer .left{ width:65%}
#footer .left .link{ display:flex;gap:0 10px; color:#adbada}
#footer .left .link a{ color:#adbada}
#footer .left .link a:hover{ color:#fff}
#footer .left .contact{   color:#fff; margin-top:20px; border-radius:4px;}
#footer .left .contact p i{ margin:0 8px;}
#footer .left .copyright{ color:#adbada; line-height:1.6; margin-top:20px}
#footer .left .copyright a{ color:#adbada}
#footer .left .copyright a:hover{ color:#fff}
#footer .left .copyright i{ margin:0 8px}
#footer .qrcode{display:flex;gap:10px}
#footer .qrcode .item{ width:120px; background:#5f6c8a; padding:10px; border-radius:4px;}
#footer .qrcode .item .img img{ width:100%;}
#footer .qrcode .item p{ text-align:center; line-height:1.6; margin-top:10px;; color:#fff}
@media (max-width:800px){
	body,html{font-size:.22rem;line-height:.34rem;}
	.wrap{padding:0;}
	#top{ padding:0 .25rem}
	#top .wrap{ height:.6rem;}
	#top .left{ color:#fff; font-size:.18rem}
	#top .right{ display:none}
		
	#header{ padding:0 .25rem; position:relative}
	#header .wrap{ height:1rem;}
	#header .left{display:flex;align-items:center;gap:0 100px}
	#header .left .logo img{ height:.6rem}	
	
	#header .left .nav{position:absolute;background:#fff;min-height:100vh;width:100%;top:1rem;z-index:999;padding:0 0;transform:translatex(100%);left:0; border-top:1px solid #eee}
	#header .left .nav.active{transform:translatex(0);display:block;}
	#header .left .nav ul{display:block;}
	#header .left .nav ul li h3 a{ border-bottom:1px solid rgba(0,0,0,.06);line-height:.7rem;padding:0 .2rem; display:block}
	#header .left .nav ul li h3 a{ font-size:.24rem;}
	#header .left .nav ul li .sub{ display:none; position: inherit; left:0; top:0; width:100%; z-index:999; background:#fff; border-radius:0;box-shadow:0 0 0 0;}
	#header .left .nav ul li .sub dl{ padding:.2rem 0 .2rem .4rem;}
	#header .left .nav ul li .sub dl dd{ border-bottom:1px solid #eee; padding:0; line-height:.7rem}
	#header .left .nav ul li .sub dl dd a{ color:#666}
	
	#header .contact{display:none}
	#header .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#0602d5;transition:all .5s;border-radius:.05rem;}
	#header .mnav .s1{top:0;}
	#header .mnav .s2{top:.1rem;width:.26rem;}
	#header .mnav .s3{top:.2rem;}
	#header .mnav.isopen .s1{top:.1rem;transform:rotate(45deg);}
	#header .mnav.isopen .s2{width:0;opacity:0;}
	#header .mnav.isopen .s3{top:.1rem;transform:rotate(-45deg);}
	#header .mnav.active .s1{top:.1rem;transform:rotate(45deg);}
	#header .mnav.active .s2{width:0;opacity:0;}
	#header .mnav.active .s3{top:.1rem;transform:rotate(-45deg);}
	
	#banner .focus .swiper-slide img.pc{display:none;}
	#banner .focus .swiper-slide img.m{display:block;}
	#banner .focus .swiper-button-next{ display:none}
	#banner .focus .swiper-button-prev{ display:none}
	
	#tou-search{ width:100%; margin-top:.3rem; padding:0 .25rem}
	#tou-search .wrap{display: block}
	#tou-search .kefu{ width:100%;gap:0 .3rem}
	#tou-search .kefu .icon img{ height:1rem;}
	#tou-search .kefu .info .qq{ font-size:.22rem;}
	#tou-search .kefu .info .btn{ margin-top:.1rem}
	#tou-search .kefu .info .btn a{ padding:.02rem .3remx;}
	#tou-search .search{ width:100%; padding:.04rem; margin-top:.2rem}
	#tou-search .search .text{line-height:.6rem; padding:0 .1rem; border:0}
	#tou-search .search .btn{ font-size:.22rem;gap:0 .1rem}
	
	#bigtitle{ padding:0 .25rem}
	#bigtitle .wrap{padding:.4rem 0}
	#bigtitle .wrap .tit{ font-size:.3rem;}
	#bigtitle .wrap .more a{ color:#999}
	#qktj{ padding:0 .25rem}
	#qktj .wrap{display: block;}
	#qktj .imgbox{ width:100%; padding:.2rem;}
	#qktj .imgbox .focus .swiper-slide .img{ height:6rem;}
	#qktj .imgbox .focus .swiper-slide  p{padding:.2rem; font-size:.22rem}
	#qktj .list{ width:100%;display: block;padding:.2rem;; margin-top:.3rem}
	#qktj .list ul{ width:100%}
	#qktj .list ul li{gap:0 .1rem;}
	#qktj .list ul li i{ height:.34rem; width:.34rem; line-height:.34rem;}
	#qktj .list ul li a{ line-height:.5rem; font-size:.22rem}
	
	#itemlist{ padding:0 .25rem}
	#itemlist .title{display: block;}
	#itemlist .title .tit{ font-size:.24rem; border-left:10px solid #f30;  padding:.1rem .2rem;; font-weight:700}
	#itemlist .title .tabs{display:flex;flex-wrap:wrap;;}
	#itemlist .title .tabs a{ padding: .1rem .2rem; font-size:.2rem;}
	#itemlist .list{ padding:.1rem 0 .3rem;}
	#itemlist .list .hd{ position: inherit; right:0; top:0;}
	#itemlist .list .hd ul{display:flex; flex-wrap:wrap;}
	#itemlist .list .hd ul li{ padding: .1rem .2rem; font-size:.2rem; background:#f5f5f5}
	#itemlist .list .bd { margin-top:.3rem}
	#itemlist .list .bd ul{display:flex; flex-wrap:wrap;gap:0 ;}
	#itemlist .list .bd ul li{ width:100%; padding-left:.1rem; line-height:.5rem}
	#itemlist .list .bd ul li a{ width:85%;}
	#itemlist .list .bd ul li span{ font-size:.2rem}
	#itemlist .list .bd ul li:nth-child(n+11){ display:none}
	
	#downlist{ padding:0 .25rem}
	#downlist .title .tit{ font-size:.28rem; padding:.3rem 0}
	#downlist .title .more a{ font-size:.2rem}
	#downlist .list{ margin-top:.2rem}
	#downlist .list ul{display:flex;flex-wrap:wrap;gap:.2rem}
	#downlist .list ul li{ width:calc((100% - .2rem) / 2)}
	#downlist .list ul li .img{ height:3.5rem; padding:.1rem}
	#downlist .list ul li .title{ padding:.1rem; font-size:.22rem }
	
	#link{padding:.5rem .2rem}
	#link .wrap{ display:flex;gap:0 .1rem}
	#link .wrap a{ font-size:.2rem}
	
	#footer{ padding:.5rem .2rem}
	#footer .wrap{display: block}
	#footer .left{ width:100%}
	#footer .left .link{gap:0 .1rem; flex-wrap:wrap}
	#footer .left .link a{ font-size:.2rem}
	#footer .left .contact{ padding:.2rem; margin-top:.2rem; font-size:.2rem; line-height:1.8}
	#footer .left .contact p i{ margin:0 .1rem;}
	#footer .left .copyright{ line-height:1.8; margin-top:.2rem; font-size:.2rem;}
	#footer .left .copyright i{ margin:0 .1rem}
	#footer .qrcode{display:flex;justify-content:center;gap:.2rem; margin-top:.5rem}
	#footer .qrcode .item{ width:2rem;padding:.2rem;}
	#footer .qrcode .item p{ margin-top:.1rem; font-size:.18rem}
}


#main{ width:100%; border-top:1px solid #eee}
#main .local{ padding:10px 0}
#main .local i{ margin:0 10px}
#main .local,
#main .local a{ color:#999}
#main .list{display:flex;justify-content:space-between ;}
#main .list .left{ width:800px; border-top:1px solid #eee}
#main .list .left ul li{ padding:20px 0; border-bottom:1px dashed #ddd}
#main .list .left ul li .title a{ font-size:16px; font-weight:700;}
#main .list .left ul li .desc{ line-height:1.6; color:#999; margin-top:10px}
#main .list .left ul li .desc{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;}
#main .list .left ul li .tag{ margin-top:10px; color:#999;display:flex;gap:0 20px}
#main .list .left ul li .tag span{display:flex;}
#main .list .left ul li .tag span a{ color:#333; margin-right:10px}
#main .list .left ul li .tag span a:last-child{ margin-right:0}

#main .right{ width:360px;}
#main .right .category{ border:1px solid #eee; background:#fafafa; padding:20px}
#main .right .category .title{ font-size:16px; font-weight:700;}
#main .right .category .catelist{ margin-top:10px}
#main .right .category .catelist ul{ display:flex;flex-wrap:wrap;gap:10px}
#main .right .category .catelist ul li{ width:calc((100% - 15px) / 2)}
#main .right .category .catelist ul li a{box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); display:block; line-height:34px; text-align:center}
#main .right .category .catelist ul li a:hover{ background:#0602d5; color:#fff}
#main .right .ad{ margin-top:20px}
#main .right .ad img{ width:100%}

#main .right .infolist{ margin-top:20px; border:1px solid #eee; padding:20px}
#main .right .infolist .title{ font-size:16px; font-weight:700;}
#main .right .infolist .hostlist{ margin-top:10px}
#main .right .infolist .hostlist ul li{ display:flex;align-items:center; padding:2px 0}
#main .right .infolist .hostlist ul li i{ width:20px; height:20px; line-height:20px; text-align:center; font-size:12px; background:#f60; color:#fff}
#main .right .infolist .hostlist ul li a{ width:85%; margin-left:10px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#main .right .infolist .hostlist ul li:nth-child(n+4) i{ background:#666}
#main .right .infolist .remlist{ margin-top:10px}
#main .right .infolist .remlist ul li{ display:flex;align-items:center; padding:2px 0}
#main .right .infolist .remlist ul li i{ width:3px; height:3px;background:#666; overflow:hidden}
#main .right .infolist .remlist ul li a{ width:85%; margin-left:10px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#main .right .infolist .remlist ul li:nth-child(n+4) i{ background:#666}

#main .downlist{ margin-top:20px}
#main .downlist ul{display:flex;flex-wrap:wrap;gap:20px}
#main .downlist ul li{ width:calc((100% - 100px) / 6)}
#main .downlist ul li .img{ height:240px; border:1px solid #eee; padding:10px}
#main .downlist ul li .img img{ width:100%; height:100%;object-fit:cover}
#main .downlist ul li .title{ padding:10px 10px; text-align:center; line-height:1.6}

#main .view{display:flex;justify-content:space-between; padding-bottom:30px}
#main .view .left{ width:800px; border-top:1px solid #eee; padding:20px 0}
#main .view .left .title{ text-align:center; padding:20px 0}
#main .view .left .title h1{ font-size:30px; font-weight:700; padding:30px 0}
#main .view .left .title .info{ display:flex;justify-content:center;gap:0 20px ;}
#main .view .left .title .info span{ font-size:12px; color:#999}
#main .view .left .content{ line-height:1.9; font-size:16px; min-height:400px}
#main .view .left .content .annex{ border:1px dashed #ddd; padding:0px; margin:0 auto; width:100%; max-width:800px}
#main .view .left .content .annextitle{ background:#f5f5f5; font-size:12px;}
#main .view .left .content .annex td{ padding:10px}
#main .view .left .uppage{ padding:20px 0; margin-top:20px; border-top:1px solid #eee}

#main .view .about{ width:800px; border:1px solid #eee; padding:20px 30px}
#main .view .about .stitle{padding:20px 0; font-weight:700; font-size:22px; border-bottom:1px solid #eee}
#main .view .about .content{ line-height:1.8; font-size:16px; margin-top:20px; min-height:400px}
#main .view .about .uppage{ padding:20px 0; margin-top:20px; border-top:1px solid #eee}

#main .view .about .form{ padding:30px}
#main .view .about .form .item{ margin-top:15px}
#main .view .about .form .item .title font{ color:#f00}
#main .view .about .form .item .input .text{ border:1px solid #ddd; padding:15px 10px; border-radius:6px; font-size:14px}
#main .view .about .form .item .up{ margin-top:5px;}
#main .view .about .form .button{ text-align: center;margin-top:30px;}
#main .view .about .form .button .btn{ background:#0602d5; color:#fff; font-size:16px; padding:15px 80px; border:0; border-radius:100px;}

@media (max-width:800px){
	body,html{font-size:.22rem;line-height:.34rem;}
	#main{ padding:0 .25rem}
	#main .local{ padding:.2rem 0}
	#main .local i{ margin:0 .1rem}
	#main .local,
	#main .local a{ font-size:.18rem}
	#main .list{display:block}
	#main .list .left{ width:100%;}
	#main .list .left ul li{ padding:.25rem 0; }
	#main .list .left ul li .title a{ font-size:.24rem;}
	#main .list .left ul li .desc{margin-top:.1rem; font-size:.2rem}
	#main .list .left ul li .tag{ margin-top:.1rem;gap:0 .2rem;flex-wrap:wrap;}
	#main .list .left ul li .tag span{flex-wrap:wrap; font-size:.2rem}
	#main .list .left ul li .tag span a{margin-right:.1rem; font-size:.2rem}
	#main .right{ width:100%; margin-top:.5rem;}
	#main .right .category{padding:.2rem}
	#main .right .category .title{ font-size:.24rem;}
	#main .right .category .catelist{ margin-top:.2rem}
	#main .right .category .catelist ul{gap:.2rem}
	#main .right .category .catelist ul li{ width:calc((100% - .2rem) / 2)}
	#main .right .category .catelist ul li a{line-height:.5rem; font-size:.22rem}
	#main .right .category .catelist ul li a:hover{ background:#0602d5; color:#fff}
	#main .right .ad{ margin-top:.2rem}
	#main .right .infolist{ margin-top:.2rem; padding:.2rem}
	#main .right .infolist .title{ font-size:.24rem; }
	#main .right .infolist .hostlist{ margin-top:.1rem}
	#main .right .infolist .hostlist ul li{padding:.1rem 0}
	#main .right .infolist .hostlist ul li i{ width:.34rem; height:.34rem; line-height:.34rem; font-size:.2rem;}
	#main .right .infolist .remlist{ margin-top:.1rem}
	#main .right .infolist .remlist ul li{padding:.1rem 0}
	#main .right .infolist .remlist ul li a{ width:85%; margin-left:.1rem; font-size:.22rem}
	
	#main .downlist ul{display:flex;flex-wrap:wrap;gap:.2rem}
	#main .downlist ul li{ width:calc((100% - .2rem) / 2)}
	#main .downlist ul li .img{ height:3.5rem; padding:.1rem}
	#main .downlist ul li .title{ padding:.1rem; font-size:.22rem }
	
	
	#main .view{display:block;}
	#main .view .left{ width:100%; padding:.2rem 0}
	#main .view .left .title{ padding:.2rem 0}
	#main .view .left .title h1{ font-size:.3rem; padding:.3rem 0; line-height:1.6}
	#main .view .left .title .info{ gap:0 ;flex-wrap:wrap;}
	#main .view .left .title .info span{ width:50%; text-align:center; font-size:.18rem;}
	#main .view .left .title .info .bdsharebuttonbox{ width:100%; display:flex;justify-content:center;}
	#main .view .left .content{ line-height:1.9; font-size:.22rem}
	#main .view .left .uppage{ padding:.2rem 0; margin-top:.2rem;}
	
	
	#main .downview{display:block;padding:.2rem 0}
	#main .downview .title{ padding:.2rem 0}
	#main .downview .title h1{ font-size:.3rem; padding:.3rem 0; line-height:1.6}
	#main .downview .title .info{ gap:0 .1rem ;}
	#main .downview .title .info span{ font-size:.18rem;}
	#main .downview .content{ line-height:1.9; font-size:.22rem}
	#main .downview .uppage{ padding:.2rem 0; margin-top:.2rem;}
	
	#main .view .about{ width:100%; border:1px solid #eee; padding:.2rem}
	#main .view .about .stitle{padding:.2rem 0; font-weight:700; font-size:22px; border-bottom:1px solid #eee}
	#main .view .about .content{ line-height:1.8; font-size:16px; margin-top:20px; min-height:400px}
	#main .view .about .uppage{ padding:20px 0; margin-top:20px; border-top:1px solid #eee}

	#main .view .about .form{ padding:.3rem 0}
	#main .view .about .form .item{ margin-top:.2rem}
	#main .view .about .form .item .input .text{ box-sizing:border-box;padding:.2rem;width:100%!important; border-radius:.06rem; font-size:.22rem}
	#main .view .about .form .item .up{ margin-top:.1rem;}
	#main .view .about .form .button{;margin-top:.3rem;}
	#main .view .about .form .button .btn{ font-size:.24rem; padding:.2rem .8rem; border:0;;}
	
}

#fenye{padding:50px 0;display:flex;align-items:center;justify-content:center;gap:0 8px;}
#fenye a{color:#5a5a5a;height:40px;width:40px;line-height:40px;text-align:center;border:1px solid #eee;border-radius:4px; background:#fff}
#fenye a.curr{color:#fff;background:#274aae;border:1px solid #274aae;}
#fenye a:hover{background:#274aae;color:#fff;border:1px solid #274aae;}
#fenye a.curr + a,
#fenye a.curr + a + a{display:block;}


@media (max-width:800px){
	#fenye{padding:.5rem 0 0px;gap:0 .1rem;}
	#fenye a{width:.66rem;height:.66rem;line-height:.66rem;}
	#fenye .num,#fenye .prev{display:none;}
}