body{width:100%;background:#f6f6f6;color:#333;}
.wd{width:1580px; margin: 0 auto;}
/**************top**********/
.top{background:#fff;display:flex;justify-content: center; flex-wrap: wrap;padding: 0 5%;position:relative;}
.top:before{content:"";width:6%;height:100%;background:#d7000f;position:absolute;right:0;top:0;}
.top .toplogo{width:152px;height:62px;margin:19px 0 0 0;}
.navbox{width:calc(100% - 152px - 448px);padding:0 30px;display:flex;justify-content: center;}
.navli{position:relative;width:12.5%;}
.navyjlm{position:relative;}
.navyjlm a{font-size:20px;line-height:100px;height:100px; text-align:center;display:block;overflow:hidden;position:relative;z-index:2;}
.navyjlm a:before{content:"";width:100%;height:0;background:rgba(255,255,255,0.2);position:absolute;left:0;top:0;z-index:-1;transition:0.5s;}
.navyjlm a:hover{color:#d7000f;border-bottom:2px solid #d7000f;}
.navyjlm:hover a:before,.navyjlm.on a:before{height:100%;}
.nav_erji{visibility: hidden;opacity:0;width:100%;position: absolute;left: 0;top: 130%;background:#fff;transition: .5s;padding:5px 0;}
.navli:hover .nav_erji{top: 100%;visibility: visible;opacity: 1;z-index: 9;}
.nav_erji{width:300px;background:rgba(255,255,255,1);display:flex;justify-content:center;position:absolute;border-top:2px solid #eeeeee}
.nav_erji .xlul{width:100%;}
.nav_erji .xlul li{width:46%;float:left;margin:0 2%;}
.nav_erji .xlul li a{width:100%;display:block;line-height:48px;height:48px;color:#333;position:relative;text-align:center; z-index:1;}
.nav_erji .xlul li:hover a{color:#fff;background:#d7000f;}
.topright{position:relative;background:#d7000f;display:flex;justify-content: center; flex-wrap: wrap;padding:38px 66px;}
.topright select{background:none;height:23px;line-height:23px;border:0;font-size:18px;color:#fff;}
.topright option{height:23px; line-height:23px;font-size:14px;color:#333;background:#fff;}
.topright .topfont{width:257px;height:23px;}
.topright .ss{float:right;margin: 0 0 0 15px; padding:0 0 0 20px;border-left:1px solid #fff;}
.topright .ss>a{width:22px;height:22px;background:url("../img/serch.png") no-repeat;display:block;}
.serch{width:300px;position:absolute;right:50px; top:30px; display:none;z-index:2;transition:0.5s;}
.serch input{width:80%;height:34px;background:#fff;float:left;border-radius:17px 0 0 17px;padding:0 10px;}
.serch button{width:20%;height:34px;line-height: 34px;background:#f61e2d;float:left;border-radius:0 17px 17px 0;text-align:center;font-size:16px;color:#fff;}
.serch button:hover{background:#ae000c;}
/***********************************************************/
.topnav{ position:absolute;right:5px; top:0;z-index:99;display:none;opacity:0;visibility:hidden;}
#header .menua{ display:none;margin: 4px 0;position: absolute; top:15px;right:20px;opacity:0;visibility:hidden;}
#header .menua a{ width:40px; height:42px;background:#d7000f;display: block;   padding: 8px 0 0 0;}
#header .menua a img{ width:25px; margin:0 auto 0 auto;}
#header a.menu_btn i {font-size:18px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index: 10;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header a.menu_btn i {font-size:18px; padding-right:25px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index:99;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header .menu {width: 9.75rem;background-color: #FFFFFF;overflow-x: hidden;height: 100%;overflow-y: auto;}
#header .menu .nav_right li{display: block;border-bottom: 0.01rem solid #eeeeef;}
#header .menu .nav_right li> a {display: block;width:100%;height:60px; box-sizing: border-box;color: #3a3a3a;line-height:60px;text-align: center; font-size:18px;}
#header .menu .nav_right li> a.active {background:#0b72b4;border-color: #2797fd;color: #FFFFFF;}
#header .menu .nav_right .ejlm{ display: none;}	
#header .menu .nav_right li .ejlm{ width: 100%; background: #f7f7f7; }
#header .menu .nav_right li .ejlm a{ width: 100%; line-height:30px;font-size:14px;font-weight:bold; color:#d7000f; text-align:center; display: block;}
#header .menu .nav_right li .ejlm a:hover{ color: #fff;background: #f51827;}
/**************banner**********/
.banner{width:100%;position:relative;overflow:hidden;-webkit-animation-fill-mode: unset;  animation-fill-mode: unset;}
.sybanner{ width:100%;overflow:hidden; position:relative; }
.sybanner .swiper-slide{width:100%;height:892px;overflow:hidden;}
.sybanner .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.sybanner .page{width:100%; overflow:hidden; right:0; bottom:50px !important;}
.sybanner .page .swiper-pagination-bullet{width:15px; height:15px; position: relative;left:0; background:rgba(255,255,255,0.5);opacity:1; cursor:pointer;border-radius:7px;}
.sybanner .page .swiper-pagination-bullet-active{background:#fff;}
.titlegd{}
.titlegd a{width:135px;height:40px;line-height:40px;text-align:center;margin:0 auto;color:#333; background:#fff;border-radius:20px;text-align:center;overflow:hidden;display:block;}
.titlegd a:hover{color:#fff; background:#d7000f;}
/**************中国文学艺术基金会**********/
.index01{position:relative;z-index:1;margin:-94px 0 10px 0;}
.index01:before{content:"";width:42.5%;height:100%;background:url("../img/bj01.jpg") no-repeat;background-size:cover; z-index:-1;position:absolute;left:0; top:0;}
.index01 .wd{ display:flex;justify-content:center;}
.index01 .zgwx{width:41%;}
.index01 .zgwx .titlegd{float: left;}
.index01 .ydyl{width:59%;position: relative;}
.index01 .ydyl .ydylimg{width:70%;height:;overflow:hidden;}
.index01 .ydyl .ydylimg img{width:100%;height:100%;object-fit:cover;}
.index01 .ydyl .ydylbox{width:60%;background:#fff;position:absolute;right:0;bottom:0;padding:60px;}
.index01 .ydyl .ydylbox .titlegd{float: left;}
.index01 .ydyl .ydylbox .titlegd a{background:#d7000f;color:#fff;}
.index01 .ydyl .ydylbox .titlegd a:hover{background:#e6e6e6;color:#d7000f;}
.index01 .zgwx{padding:140px 80px 0 0;}
.index01 .zgwx .dxjfont{color:#fff;}
.index01 .zgwx .dxjtitle{color:#fff;}
.index01 .zgwx .dxjtitle:before{background:#fff;}
/**************东学稷文化**********/
.index02{position:relative;z-index:1;}
.index02:before{content:"";width:10%;height:100%;background:#fff;z-index:-1;position:absolute;left:0; top:0;}
.index02 .wd{background:#fff;display:flex;justify-content:center;}
.index02 .dxjwh{width:41%;padding:65px 80px 0 0;}
.dxjtitle{width:100%;font-size:30px; line-height:40px;height:55px;position:relative; overflow:hidden;}
.dxjtitle:before{content:""; width:40px; height:2px; background:#d7000f;position:absolute;left:0; bottom:0;}
.dxjfont{width:100%;line-height:30px; overflow:hidden;margin:10px 0 0 0;/*overflow-y:auto;padding-bottom:20px;*/}
.index02 .dxjwhright{width:59%;}
.index02 .dxjwhright img{width:100%;}
/**************产品中心**********/
.index03{margin:70px 0;}
.index03 .wd{background:url("../img/bj04.png") no-repeat; }
.cpzxtitle img{width:202px;height:43px;float:right;margin:0 0 20px 0;}
.cpzxtitle span{width:100%;font-size:36px;line-height:40px;height:40px;overflow:hidden;text-align:right;display:block;margin:0 0 30px 0;position:relative;}
.cpzxtitle span:before{content:"";width:50px;height:1px;background:#d7000f;position:absolute;right:150px;top:19px;}
.cpzxul{width:60%;float:right;}
.cpzxul li{width:49%;float:left;background:#fff;border-bottom:3px solid #d7000f;padding:30px;margin:0 0 20px 0;}
.cpzxul li:nth-child(2n){ float:right;}
.cpzxul .cpzxxbt{width:100%;font-size:26px;line-height:30px;height:30px;display:flex;overflow:hidden;}
.cpzxul .cpzxxbt img{width:61px;height:20px;margin:5px 5px 0 0;}
.cpzxul .cpzxfont{width:100%; line-height:30px;height:60px;overflow:hidden;margin:10px 0 20px 0;}
.cpzxul .titlegd a{margin:0;background:#e6e6e6}
.cpzxul .titlegd a:hover{background:#d7000f}
/**************合作加盟**********/
.index04{background:url("../img/bj05.jpg") no-repeat;background-size:cover;padding:40px 0;}
.hzjmtitle img{margin:0 auto;width:312px;height:54px;}
.hzjmtitle span{width:312px;font-size:36px;line-height:40px;height:40px;overflow:hidden;position:relative;margin:20px auto 0 auto; text-align:center; color:#fff;display:block;}
.hzjmtitle span:before{content:""; width:70px;height:1px;background:#d7000f; position:absolute;left:0; top:19px; }
.hzjmtitle span:after{content:""; width:70px;height:1px;background:#d7000f; position:absolute;right:0; top:19px; }
.hzjmbox{background:rgba(255,255,255,0.1);display:flex;justify-content:center;flex-wrap:wrap;margin:30px 0;border-radius:10px;overflow:hidden;}
.hzjmleft{width:65%;}
.hzjmleft .slideTxtBox{ width:100%;  position:relative; display:flex;justify-content:center; }
.hzjmleft .slideTxtBox .hd{width:28%;background:rgba(255,255,255,0.1);padding:30px 0;}
.hzjmleft .slideTxtBox .hd ul{width:90%;margin:0 auto;}
.hzjmleft .slideTxtBox .hd ul li{width:100%; line-height:62px;height:62px;font-size:20px;padding:0 20px 0 60px;margin:12px 0 0 0;cursor:pointer;color:#fff; border-radius:5px;overflow:hidden; }
.hzjmleft .slideTxtBox .hd ul li.on{background:#d7000f;}
.hzjmleft .slideTxtBox .bd{width:72%;padding:60px 60px 0 60px;}
.hzjmleft .slideTxtBox .hzfsul{width:100%;color:#fff;}
.hzjmleft .slideTxtBox .hzfsultitle{width:100%;font-size:26px;}
.hzjmleft .slideTxtBox .hzfsulfont{width:100%;font-size:18px;line-height:30px;height:210px;overflow:hidden; border-bottom:1px solid #fff;margin:20px 0 50px 0;}
.hzjmleft .slideTxtBox .titlegd a{float:left;}
.hzjmright{width:35%;background:rgba(255,255,255,0.1);padding:20px 0;}
.hzjmright .hhrhxtitle span{color:#fff;}
.hzjmrightul{display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0;}
.hzjmrightul li{width:100px;height:100px;background:#fff;border-radius:10px; overflow:hidden;margin: 15px;cursor:pointer;}
.hzjmrightul li img{width:74px;height:74px; object-fit:fill;overflow:hidden;margin:13px auto 0 auto;}
.hhrhx{background:rgba(255,255,255,0.7);padding:20px 0;}
.hhrhxtitle span{width:100%;font-size:26px;line-height:50px;height:50px;overflow:hidden;margin:0 auto;display:block;text-align:center;position:relative;}
.hhrhxtitle span:before{content:""; width:40px;height:4px;background:#d7000f; position:absolute;left:50%; bottom:0;margin:0 0 0 -20px; }
.hhrhxul{margin:20px 0 0 0;}
.hhrhxul li{width:25%;float:left; padding:20px 30px; border-right:1px solid #999;}
.hhrhxul li p{width:100%; font-size:18px;line-height:30px;height:60px; overflow:hidden;}
/**************新闻资讯**********/
.index05{ margin:70px 0;}
.xwzxtitle{width:100%;}
.xwzxtitle span{width:309px; font-size:36px;line-height:40px;height:40px;display:block;text-align:right;margin:10px 20px 0 0;position:relative;overflow:hidden;}
.xwzxtitle span:before{content:""; width:50%;height:1px;background:#d7000f; position:absolute;left:0; top:19px; }
.mtzx{ width:100%;position:relative; margin:-93px 0 0 0; }
.mtzx .hd{width:100%; height:93px; float:right;padding:0 0 0 350px;position:relative;margin: 0 0 50px 0;z-index:1;}
.mtzx .hd ul{}
.mtzx .hd ul li{font-size:26px;line-height:93px;height:93px; overflow:hidden; float:left;cursor:pointer;padding:0 30px;border-left:1px solid #ddd;  }
.mtzx .hd ul li:nth-child(2){border-left:0;  }
.mtzx .hd ul li.on{color:#d7000f; }
.mtzx .bd{width:100%;position:relative;}
.mtzx .mtzxbox{width:100%;display:flex;justify-content:center;flex-wrap:wrap;}
.mtzx .mtzxbox .mtzxqh{width:51%;margin:0 3% 0 0;}
.mtzx .mtzxbox .parBd{width:100%;position:relative;}
.mtzx .mtzxbox .parBd ul li{width:800px;}
.mtzx .mtzxbox .parBd ul li a{width:100%;display:block;position:relative;}
.mtzx .mtzxbox .mtzxqhpic{width:100%;height:540px; overflow:hidden; display:block;}
.mtzx .mtzxbox .mtzxqhpic img{width:100%; height:100%; object-fit:cover;transition:0.5s;}
.mtzx .mtzxbox .mtzxqhtitle{width:100%; height:70px;line-height:70px;font-size:20px; color:#fff;padding:0 145px 0 20px;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;}
.mtzx .mtzxbox .parBd ul li:hover .mtzxqhpic img{transform: scale(1.05);}
.mtzx .mtzxbox .parBd ul li:hover .mtzxqhtitle{background:#d7000f;}
.mtzx .mtzxbox .sPrev{width:70px; height:70px;overflow:hidden;position:absolute;right:70px;bottom:0;background:#fff;}
.mtzx .mtzxbox .sPrev:before{content:""; width:8px; height:14px;overflow:hidden;position:absolute;right:50%;bottom:28px;background:url('../img/jt01.png') 0 -14px no-repeat;transition:0.5s;margin:0 0 0 -4px;}
.mtzx .mtzxbox .sPrev:hover{background:#d7000f;}
.mtzx .mtzxbox .sPrev:hover:before{background:url('../img/jt01.png') 0 0 no-repeat;}
.mtzx .mtzxbox .sNext{width:70px; height:70px;overflow:hidden;position:absolute;right:0;bottom:0;background:#fff;}
.mtzx .mtzxbox .sNext:before{content:""; width:8px; height:14px;overflow:hidden;position:absolute;right:50%;bottom:28px;background:url('../img/jt02.png') 0 -14px no-repeat;transition:0.5s;margin:0 0 0 -4px;}
.mtzx .mtzxbox .sNext:hover{background:#d7000f;}
.mtzx .mtzxbox .sNext:hover:before{background:url('../img/jt02.png') 0 0 no-repeat;}
.mtzx .mtzxbox .mtzxul{width:46%;}
.mtzx .mtzxbox .mtzxul li{width:100%;background:#fff;padding:16px 0;margin:0 0 10px 0;}
.mtzx .mtzxbox .mtzxul li:last-child{margin:0;}
.mtzx .mtzxbox .mtzxul a{width:100%;border-left:3px solid #d7000f;display:block;padding:0 20px 0 20px;}
.mtzx .mtzxbox .mtzxul span{width:100%;font-size:18px;display:block;color:#333;line-height:48px;height:48px;overflow:hidden;}
.mtzx .mtzxbox .mtzxul p{width:100%;color:#999;line-height:20px;height:20px;overflow:hidden;}
.mtzx .mtzxbox .mtzxul li:hover{background:#d7000f;}
.mtzx .mtzxbox .mtzxul li:hover span,.mtzx .mtzxbox .mtzxul li:hover p{color:#fff;}
.mtzx .mtzxbox .titlegd{position: absolute;top:26px;right: 0;z-index:2;}
.mtzx .mtzxbox .titlegd a{background:#e6e6e6}
.mtzx .mtzxbox .titlegd a:hover{background:#d7000f}
/**************广告位**********/
.ggw{background:url("../img/bj06.jpg") no-repeat;background-size:cover;padding:40px 0;}
.ggw .wd{display:flex;justify-content: center; flex-wrap: wrap;}
.ggw p{width:calc(100% - 140px - 410px); display:block;color:#fff;font-size:26px;line-height:47px;height:94px;overflow:hidden;padding:0 20px;text-align:center;}
.ggw span{position:relative;display:block;color:#d7000f;font-size:20px;background:#fff;padding:0 30px 0 50px; line-height:50px;height:50px;border-radius: 25px; overflow:hidden;margin: 0 0 10px 0;}
.ggw span:before{content:"";width:18px;height:18px;background:url("../img/ico01.png") no-repeat;position:absolute;left:25px;top:16px;}
.ggw span:nth-child(2):before{content:"";width:18px;height:18px;background:url("../img/email.png") no-repeat;position:absolute;left:25px;top:16px;}
/**************版权**********/
.bq{background:#ab2029;padding:50px 0 20px 0;}
.bqbox{padding:0 0 40px 0;}
.bqnavul{float:left;margin:0 110px 0 0;}
.bqnavul a{width:100%;display:block;color:#fff;line-height:35px;}
.bqnavul span{width:100%;display:block;color:#fff;height:50px;font-size:18px;font-weight:bold;}
.bqright span{display:block;color:#fff;line-height:38px;font-size:18px;font-weight:bold;text-align:right;}
.bqright p{display:block;color:#fff;line-height:38px;text-align:right;}
.bqright h5{display:block;color:#d7000f;line-height:38px;text-align:right;font-size:30px;}
.bqright img{width:110px;height:110px; overflow:hidden;object-fit:cover; float:right;margin: 10px 0 0 0;}
.bqico{border-top:1px solid #ce2933;padding:20px 0 0 0;}
.bqbah,.bqnav{float:left;}
.bqjszc,.bqright{float:right;}
.bqbah,.bqjszc,.bqbah a,.bqjszc a{color:#fff;line-height:48px;}
.bqbah a,.bqjszc a{margin:0 0 0 10px;}
.bqbah a:hover,.bqjszc a:hover,.bqnavul a:hover,.bqnavul span:hover{color:#d7000f;}
@media screen and (max-width:2000px) {
}
@media screen and (max-width:1920px) {
}
@media screen and (max-width:1680px) {
}
@media screen and (max-width:1550px) {
    .top{padding:0 1.5%;}
    .topright .topfont{width:190px;height:18px;}
    .navbox{width: calc(100% - 152px - 263px);padding:0;}
    .topright{    padding: 38px 15px;}
    .topright .ss{margin: 0 0 0 10px;padding: 0 0 0 10px;}
    .navyjlm a{font-size:18px;}
}
@media screen and (max-width:1500px) {
	.wd{width:1350px;}
}
@media screen and (max-width:1440px) {
    .sybanner .swiper-slide{height:auto;}
    .mtzx .hd ul li,.cpzxul .cpzxxbt{font-size:22px;}
}
@media screen and (max-width:1366px) {
	.wd{width:1200px;}
    .navyjlm a{font-size:16px;}
}
@media screen and (max-width:1300px) {
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:1024px) {
	html, body, ul, p, ol, li, h1, h2, h3, h4, h5, h6, form, dl, dt, dd, input, span{font:14px/21px "Arial",sans-serif}
	.wd{width:100%;}
	.navbox,.topright,.top:before,.index01 .ydyl .ydylimg{display:none;}
	.topnav{display:block;opacity:1;visibility:inherit;}
	#header .menua{display:block;opacity:1;visibility:inherit;}
	.logo {height:auto;padding:10px 0;}
	.logo a{margin:0;}
	.top .toplogo{margin: 10px auto 10px 0}
	.sybanner .swiper-slide{height: auto}
	.dxjtitle{font-size: 20px;height: 50px}
	.dxjfont{height: 205px;}
	.xwzxtitle span{font-size: 20px}


	.index01{margin: 0 0 10px 0}
	.index01:before{width: 100%}
	.index01 .wd,.index02 .wd{display: block;}
	.index01 .zgwx{width: 100%;padding: 20px 0 0 0}
	.index01 .zgwx .titlegd{margin-top: 10px}
	.index01 .zgwx .dxjfont{height: 155px}
	.index01 .ydyl .ydylbox{width: 100%;padding: 20px;position:unset;}
	.index01 .ydyl{width: 100%;margin-top: 80px;padding-bottom: 20px}
	.index01 .ydyl .ydylbox .titlegd{float: none;text-align: left}
	.index01 .ydyl .ydylbox .titlegd a{margin: 10px 0 0 0}


	.index02 .dxjwh{width: 100%;padding: 20px 0}
	.index02 .dxjwhright{width: 100%}

	.index03{margin: 20px auto}
	.index03 .wd{background: none}
	.cpzxtitle img{float: unset;margin: 0 auto 10px}
	.cpzxtitle span{text-align: center;font-size: 30px}
	.cpzxtitle span:before{background: none}
	.cpzxul{width: 100%}
	.cpzxul li{width: 100%;margin: 0 0 10px 0;padding: 10px}

	.cpzxul .cpzxxbt{font-size: 20px}


	.hzjmleft{width: 100%}
	.hzjmtitle span{font-size: 30px}
	.hzjmleft .slideTxtBox{display: block}
	.hzjmleft .slideTxtBox .hd{width: 100%;padding: 10px 0}
	.hzjmleft .slideTxtBox .hd ul li{padding: 0;text-align: center;height: 40px;line-height: 40px}
	.hzjmleft .slideTxtBox .bd{width: 100%;padding:20px;}
	.hzjmleft .slideTxtBox .hzfsulfont{margin: 20px auto;font-size: 14px;height: auto;padding-bottom: 10px}
	.hzjmright{width: 100%;margin-top: 20px}

	.hzjmrightul li{width: 60px;height: 60px;margin: 10px}
	.hzjmrightul li img{margin: 10px auto 0 auto;width: 40px;height: 40px}

	.hhrhxul li{width: 100%;border-bottom: 1px solid #999;border-right: none;padding: 10px 10px}
	.hhrhxul li p{font-size: 14px;height: auto}



	.index05{margin: 20px auto}
	.mtzx{margin: 0}
	.mtzx .hd{padding: 0;margin: 0}
	.mtzx .hd ul li{font-size: 18px;height: 70px;line-height: 70px;padding: 0 10px;border: 0}
	.mtzx .mtzxbox .titlegd{right: 10px;top: 15px}
	.mtzx .mtzxbox .titlegd a{width: 115px}
	.mtzx .mtzxbox .mtzxqh{width: 100%;margin: 0}
	.mtzx .mtzxbox .mtzxqhpic{height: 250px}
	.mtzx .mtzxbox .mtzxqhtitle{padding: 0 10px}
	.mtzx .mtzxbox .sPrev,.mtzx .mtzxbox .sNext{display: none}
	.mtzx .mtzxbox .mtzxul{width: 100%;margin-top: 20px}
	.mtzx .mtzxbox .mtzxul span{font-size: 16px}

	.ggw{padding: 20px 0}
	.ggw p{width: 100%;height: auto;font-size: 16px;margin: 10px auto;line-height: 1.5}
	.ggw span{font-size: 18px}

	.bq{padding: 10px 0}
	.bqbox{display: none}

	.bqnavul{width: 33.33%;padding: 0 5px;margin: 0 0 20px 0;text-align: center;}
	.bqright{width: 100%;float: left;padding: 0 20px}
	.bqright span,.bqright p,.bqright h5{text-align: left}
	
	.bqico{text-align: center;}

	.bqbah, .bqjszc, .bqbah a, .bqjszc a{line-height: 2}

	.sybanner .page{bottom: 0 !important;display: none}

}
@media screen and (max-width:900px) {
	.wd{width:90%;}
}
@media screen and (max-width:700px) {
    .bqright img,.bqjszc{float: unset}
}
@media screen and (max-width:500px) {
    
}
@media screen and (max-width:414px) {
	
}
@media screen and (max-width:400px) {
	
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) {
	.app-main {
		transform: scale(0.665, 0.665); /* 缩放数值需要根据效果调试 */
		transform-origin: left top;
	}
}
/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
	.app-main {
		transform: scale(0.799, 0.799);
		transform-origin: left top;
	}
}