/*
 * 
 * 20150901 zjol design wjhai
 * 
 */
/*************************初始化 begin**************************/
*{
	margin:0 auto;
	padding:0;
	outline:none;
}
html, body {
 	position: relative;
 	max-width: 640px;
 	min-width: 320px;
}
html{
 	font-size: 1rem;
}
body {
 	font-family: "微软雅黑";
 	font-size: 1rem;
 	color: #333;
 	margin: 0;
 	padding: 0;
 	background: #f9f9f9;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:focus {
   outline:none;
   -moz-outline:none;
}
ul {
	list-style: none;
}
img {
	border: none;
	max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
}
.mb10 {
	margin-bottom: 0.625rem;
}
.mb15 {
	margin-bottom: 0.938rem;
}
.mb20 {
	margin-bottom: 1.25rem;
}
.mb55{
	margin-bottom: 3.438rem;
}
.cf:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.cl,.cf{
	*zoom:1;
}
input{
	-webkit-appearance: none;
}
/**************************初始化 end **************************/
/**************************图型库导入 begin **************************/
@font-face {
	font-family: 'mzjol';
	src:url('ydxlmzjol.eot?-itc8te');
	src:url('ydxlmzjol.eot?#iefix-itc8te') format('embedded-opentype'),
		url('ydxlmzjol.woff2?-itc8te') format('woff2'),
		url('ydxlmzjol.ttf?-itc8te') format('truetype'),
		url('ydxlmzjol.woff?-itc8te') format('woff'),
		url('ydxlmzjol.svg?-itc8te#mzjol') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'mzjol';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-iconfont-xinlang:before {
	content: "\e611";
}
.icon-uniE623:before {
	content: "\e623";
}
.icon-iconfont-tengxunkongjian:before {
	content: "\e624";
}
.icon-uniE60F:before {
	content: "\e60f";
}
.icon-1:before {
	content: "\e613";
}
.icon-uniE616:before {
	content: "\e616";
}
.icon-uniE617:before {
	content: "\e617";
}
.icon-uniE61C:before {
	content: "\e61c";
}
.icon-uniE61E:before {
	content: "\e61e";
}
.icon-uniE6004:before {
	content: "\e605";
}
.icon-uniE6005:before {
	content: "\e606";
}
.icon-uniE6006:before {
	content: "\e608";
}
.icon-uniE6002:before {
	content: "\e603";
}
.icon-uniE600:before {
	content: "\e601";
}
.icon-uniE604:before {
	content: "\e60a";
}
.icon-uniE605:before {
	content: "\e60b";
}
.icon-uniE606:before {
	content: "\e60c";
}
.icon-uniE60C:before {
	content: "\e60d";
}
.icon-uniE60D:before {
	content: "\e60e";
}
.icon-uniE610:before {
	content: "\e610";
}
.icon-uniE61A:before {
	content: "\e61a";
}
.icon-uniE61D:before {
	content: "\e61d";
}
.icon-uniE6003 .path1:before {
	content: "\e604";
	color: rgb(171, 171, 171);
}
.icon-uniE6003 .path2:before {
	content: "\e61f";
	margin-left: -1.146484375em;
	color: rgb(171, 171, 171);
}
.icon-uniE6003 .path3:before {
	content: "\e620";
	margin-left: -1.146484375em;
	color: rgb(171, 171, 171);
}
.icon-uniE6003 .path4:before {
	content: "\e621";
	margin-left: -1.146484375em;
	color: rgb(77, 205, 112);
}
.icon-uniE6003 .path5:before {
	content: "\e622";
	margin-left: -1.146484375em;
	color: rgb(255, 255, 255);
}
.icon-uniE607:before {
	content: "\e607";
}
.icon-iconfont-cuban3tianqirukou:before {
	content: "\e609";
}
.icon-iconfont-yuyueguahao:before {
	content: "\e612";
}
.icon-iconfont-tubiaoliangxing:before {
	content: "\e614";
}
.icon-iconfont-wenyisheng:before {
	content: "\e615";
}
.icon-iconfont-06ershoufang:before {
	content: "\e618";
}
.icon-iconfont-qiyebangonglou:before {
	content: "\e619";
}
.icon-iconfont-shuju:before {
	content: "\e61b";
}
.icon-iconfont-diannaoduan:before {
	content: "\e600";
}
.icon-iconfont-sousuo:before {
	content: "\e602";
}
/**************************图型库导入 end ****************************/
/**************************导航 begin **************************/
.header{
	background: #ffffff;
}
.header>.topNav{
	position: relative;
	height: 2.688rem;
	background: #1985db;
	border-bottom: 0.125rem solid #0e7dd6;
}
.header>.topNav>.zjolLogo{
	position: absolute;
	top: 0.625rem;
	left: 50%;
	margin-left: -4.6875rem;
	width:9.375rem;
	height:1.563rem;
}
.header>.topNav>.computer{
	width:1.25rem;
	height:0.938rem;
	line-height:0.938rem;
	font-size: 1.25rem;
	margin: 0.813rem 0.938rem 0.813rem 0.938rem;
	float: left;
	
}
.header>.topNav>.computer>a{
	color: #fff;
	text-align: center;
}
.header>.topNav>.menuBtn{
	width:1.25rem;
	height:0.938rem;
	line-height:0.938rem;
	font-size: 1.125rem;
	margin: 0.875rem 0.938rem 0.813rem 0.938rem;
	float: right;
	color: #fff;
	text-align: center;
}
.header>.menuList{
	padding: 0.625rem 0;
	background: #fff;
	border-bottom: 0.063rem solid #d9d9d9;
}
.header>.menuList>li{
	width: 2.063rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	float: left;
	margin-left: 0.938rem;
	overflow: hidden;
}
.header>.menuList>li:nth-child(6n+1){
	margin-left: 0.938rem;
}
.header>.menuList>li:nth-child(6n){
	width: 3.188rem;
	margin-right: 0;
}
.header>.menuList>li>a {
	color: #0e7dd6;
}
/**************************导航 end ****************************/
/**************************文字新闻列表样式 begin **************************/
.hotNews>.newsTxtList{
	width: 18.75rem;
	font-size: 0; /*解决一行多条空格*/ 
	line-height: 0;
}
.hotNews>.newsTxtList>li{
	display: block;
	max-height: 3.25rem;
	padding: 0.625rem 0;
	border-bottom: 0.063rem solid #e2e2e2;
	overflow: hidden;
}
.hotNews>.newsTxtList>li>a{
	display: block;
	max-height: 3.25rem;
	line-height: 1.625rem;
	font-size: 1rem;
	overflow: hidden;
}
.hotNews>.newsTxtList>li>a:nth-child(2){
	display: none;
}
/**************************文字新闻列表样式 end ****************************/
/**************************滚动头图 begin **************************/
.rollImg>.swiper-container{
	position: relative;
	width: 18.75rem;
	height: 10.625rem;
	margin: 0 auto;
	padding-bottom: 0.875rem;
    border-bottom: 0.063rem solid #e2e2e2;
	overflow: hidden;
}
.rollImg>.swiper-container>.swiper-wrapper>.swiper-slide{
	border-radius: 0.5rem;
	overflow: hidden;
}
.rollImg>.swiper-container>.swiper-wrapper>.swiper-slide a{
	display: block;
	width: 100%;
	height: 10.625rem;
	border-radius: 0.5rem;
	overflow: hidden;
}
.rollImg>.swiper-container>.swiper-wrapper>.swiper-slide img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.5rem;
}
.rollImg>.swiper-container .title{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 1.875rem;
	text-indent: 0.625rem;
	background: url(../images2016/jdtbj.png) no-repeat;
	background-size:  cover;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.rollImg>.swiper-container .txt{
	width: 14rem;
	height: 1.875rem;
	line-height: 1.875rem;
	font-size: 1rem;
	font-weight: normal;
	color: #fff;
	overflow: hidden;
	float: left;
}
.rollImg .swiper-container-horizontal>.swiper-pagination{
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0.875rem;
	width: 5rem;
	height: 1.875rem;
	line-height: 1.875rem;
}
.rollImg .swiper-pagination-bullet{
	width: 0.5rem;
	height: 0.5rem;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.156rem;
}
/**************************滚动头图 end ****************************/
/**************************图文列表 begin **************************/
.yaoWen{
	padding: 0 0.625rem ;
}
.imgTxtList{
	line-height: 0;
	font-size: 0; /*解决一行多条空格*/ 
}
.imgTxtList>li{
	display: block;
	max-height:3.75rem;
	overflow: hidden;
	padding: 0.625rem 0 0.625rem 0;
	border-bottom: 0.063rem solid #e2e2e2;
}
.imgTxtList>li>a{
	display: inline-block;
	max-height:3.75rem;
	line-height: 1.875rem;
	font-size: 1rem;
	overflow: hidden;
}
.imgTxtList>li img{
	display: block;
	width: 5rem;
	height: 3.75rem;
	padding-right: 0.625rem;
	float: left;
}
.imgTxtList>li>a:nth-child(2){
	display: none;
}
/**************************图文列表 end ****************************/
/**************************搜索 begin **************************/
.searchBox{
	padding: 0 0.625rem ;
}
.searchIn{
	width: 14.312rem;
	height: 2.375rem;
	font-size: 0.875rem;
	padding:0 0.625rem;
	border: 0.063rem solid #e2e2e2;
	border-right: none;
	float: left;
	-webkit-appearance: none;
	border-radius: 0;
}
.searchBtn{
	width: 3.125rem;
	height: 2.469rem;
	background: #479de2;
	border: none;
	font-family: 'mzjol';
	font-size: 1.5rem;
	color: #fff;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	border-radius: 0;
}
/**************************搜索 end ****************************/
/**************************住在杭州 begin **************************/
.boxTit{
	position: relative;
	height: 2.313rem;
	border-top: 0.125rem solid #0e7dd6;
	border-bottom: 0.063rem solid #e2e2e2;
	background: #fff;
}
.boxTit>a,
.boxTit>span{
	position: absolute;
	left: 0.625rem;
	bottom: -0.063rem;
	color: #1985db;
	font-weight: bold;
	line-height:2rem;
	padding: 0 0.313rem ;
	border-bottom: 0.188rem solid #f76734;
}
.innerBox{
	padding: 0 0.625rem ;
}
.btn4Icon>li{
	width: 3.75rem;
	font-size: 0.875rem;
	margin: 0 0.625rem;
	text-align: center;
	float: left;
}
.btn4Icon>li span{
	display: block;
	width: 3.125rem;
	height: 3.125rem;
	line-height: 3.125rem;
	vertical-align: middle;
	text-align: center;
	font-size: 1.875rem;
	color: #358cd1;
	border: 0.063rem solid #e2e2e2;
	border-radius: 0.313rem;
	/*transition:background 0.1s,color 0.1s,border-color 0.1s;*/
	margin-bottom: 0.313rem;
}
.iconB{
	font-weight: 600;
}
.btn4Icon>li>a{
	color: #333;
}
.btn4Icon>li>a:hover span{
	color: #fff;
	background: #358cd1;
	border-color: #378ed3;
}
.fw{
	height: 3.125rem;
	line-height: 3.125rem;
	font-size: 1rem;
	color: #333;
	padding-top: 0.938rem;
}
.fw h3{
	font-size: 1rem;
	font-weight: bold;
	border-top: 0.063rem solid #e2e2e2;
}
/**************************住在杭州 end ****************************/
/**************************买买买 begin **************************/
.buybuy{
	padding: 0 0.306rem;
}
.buybuy>li{
	position: relative;
	width: 8.938rem;
	height: 14.875rem;
	border: 0.063rem solid #ededed ;
	margin: 0.938rem 0.313rem 0 0.313rem;
	float: left;
}
.buybuy>li>a>img{
	width: 8.938rem;
	height: 9rem;
	margin-bottom: 0.313rem;
}
.buybuy>li>a>span{
	display: block;
	width: 8.313rem;
	height: 2.5rem;
	line-height: 1.25rem;
	font-size: 0.875rem;
	padding: 0 0.313rem;
	overflow: hidden;
}
.buybuy>li>.oldPrice{
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 0.875rem;
	padding: 0 0.313rem;
	color: #999;
	text-decoration: line-through;
	overflow: hidden;
}
.buybuy>li>.price{
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 0.875rem;
	font-weight: bold;
	padding: 0 0.313rem;
	color: #fe5f05;
	overflow: hidden;
}
.buybuy>li>a>.buyIcon{
	position: absolute;
	right: 0.313rem;
	bottom: 0.313rem;
	width: 1.438rem;
	height: 1.25rem;
	cursor: pointer;
}
.buybuy>li>a>.buyIcon .path1,
.buybuy>li>a>.buyIcon .path2,
.buybuy>li>a>.buyIcon .path3,
.buybuy>li>a>.buyIcon .path4,
.buybuy>li>a>.buyIcon .path5{
	position: absolute;
	right: 0;
	top: 0;
}
/**************************买买买 end ****************************/
/**************************小说 begin **************************/
.novel{
	padding: 0 0.625rem;
}
.novel>.hot{
	padding: 0.625rem 0;
}
.novel>.hot>a>img{
	width: 5.313rem;
	height: 7.5rem;
	margin-right: 0.625rem;
	float: left;
}
.novel>.hot>a>.name{
	height: 1.563rem;
	color: #000;
}
.novel>.hot>a>.author{
	height: 1.563rem;
	font-size: 0.875rem;
	color: #666;
}
.novel>.hot>a>.introduction{
	height: 4.125rem;
	line-height: 1.375rem;
	font-size: 0.875rem;
	color: #999;
	overflow: hidden;
}
.novel>.book{
	padding: 0.313rem 0;
}
.novel>.book>a>.name_author{
	height: 1.5rem;
	line-height: 1.5rem;
	overflow: hidden;
}
.novel>.book>a>.name_author>.name{
	margin-right: 0.938rem;
	color: #000;
}
.novel>.book>a>.name_author>.author{
	line-height: 1.375rem;
	font-size: 0.875rem;
	color: #666;
}
.novel>.book>a>.introduction{
	height: 1.375rem;
	line-height: 1.375rem;
	font-size: 0.875rem;
	color: #999;
	overflow: hidden;
}
.novel>.hot>a:visited .name,
.novel>.hot>a:visited .author,
.novel>.book>a:visited .name_author>.name,
.novel>.book>a:visited .name_author>.author{
	color: #999;
}
/**************************小说 end ****************************/
/**************************杂志 begin **************************/
.magazine-swiper-container *{
	margin: 0;
}
.magazine-swiper-container{
	margin-top: 0.938rem;
}
.magazine-swiper-container .magazine{
	width: 6.25rem;
}
.magazine-swiper-container .magazine>a>img{
	width: 5.313rem;
	height: 7.5rem;
}
/**************************杂志 end ****************************/
/**************************游戏 begin **************************/
.game{
	margin-top: 0.938rem;
}
.game>li{
	width: 3.75rem;
	margin: 0 0.625rem 0.625rem 0.625rem;
	text-align: center;
	float: left;
}
.game>li>a>img{
	width: 3.75rem;
	height: 3.75rem;
}
.game>li>a>.name{
	display: block;
	height: 1.375rem;
	line-height: 1.375rem;
	font-size: 0.875rem;
	color: #000000;
	overflow: hidden;
}
/**************************游戏 end ****************************/
/**************************更多推荐 begin **************************/
.moreReco{
	line-height: 2rem;
	font-size: 1rem;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0.25rem;
}
.moreList li{
	line-height: 1.5rem;
	font-size: 0.875rem;
	margin-right: 20px;
	margin-bottom:0.188rem;
	float: left;
}
.moreList li:last-child{
	margin-right: 0;
}
.moreList li a{
	color: #1f1f1f;
}
/**************************更多推荐 end ****************************/
/**************************本网活动 begin **************************/
.imgTxtList li{
	position: relative;
}
.ztIcon{
	position: absolute;
	right: 0;
	bottom: 0;
	padding:0.5rem 0 0.875rem 0;
	width: 2rem;
	height: 1.125rem;
	background: #f9f9f9;
	/*f9f9f9*/ 
}
.ztIcon>span{
	display: block;
	width: 1.875rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.75rem;
	color: #ff5a00;
	text-align: center;
	border: 0.063rem solid #ff5a00;
}
/**************************本网活动 end ****************************/
/**************************页脚 begin **************************/
.footer{
	height: 4.375rem;
	background: #1986db;
}
.fotInfoOne,
.fotInfoTwo{
	padding-top: 0.75rem;
}
.fotInfoOne,
.fotInfoTwo{
	font-size: 0.75rem;
	color: #fff;
	text-align: center;
}
.fotInfoOne>a{
	display: inline-block;
	padding: 0 0.625rem;
	line-height: 0.75rem;
	color: #fff;
	border-right: 0.063rem solid #fff;
}
.fotInfoOne>a:last-child{
	border-right: none;
}
/**************************页脚 end ****************************/
/********************文章页 begin*********************/
.detail{
	margin: 0 0.625rem;
}
.h1Cont{
	margin: 0.313rem 0 0.063rem 0;
	line-height: 2rem;
	font-size: 1.25rem;
	font-weight: 700;
}
.timeCont{
	line-height: 1.25rem;
	vertical-align: middle;
	margin-bottom: 0.813rem;
}
.timeCont span{
	font-size: 0.75rem;
	color: #666;
	margin-right: 0.938rem;
}
.cont{
	margin-bottom: 0.625rem;
}
.cont img{
	display: block;
	width: 100%;
	max-width: 37.5rem;
	_width:expression(document.body.clientWidth > 600 ? "600rem" : "auto");
	height: auto;
	margin-bottom: 1.25rem;
}
.cont p{
	line-height: 2rem;
	font-size: 1rem;
	margin-bottom: 0.625rem;
}
.bQ{
	font-size: 0.875rem;
	margin-bottom: 1.25rem;
}
.bQ span{
	font-weight: bold;
	margin-right: 0.625rem;
}
.divShare{
	margin-bottom: 1.563rem;
	height: 1.688rem;
}
.divShare span{
	float: right;
	line-height: 1.688rem;
	margin-right: 0.313rem;
	color: #666;
	font-size: 0.875rem;
}
.ulShare{
	float: right;
	margin-right: 0.125rem;
}
.ulShare li{
	width: 1.688rem;
	height: 1.688rem;
	margin-left: 0.313rem;
	float: left;
}
.aShare1,.aShare2,.aShare3{
	width: 1.688rem;
	height: 1.688rem;
	line-height: 1.688rem;
	display: block;
	cursor: pointer;
	color: #fff;
	font-size: 1.25rem;
	text-align: center;
	border-radius: 0.25rem;
}
.aShare1{
	background: #f77867;
}
.aShare1:before{
	font-family: "mzjol";
	content: "\e611";
}
.aShare2{
	background: #f7bb47;
}
.aShare2:before{
	font-family: "mzjol";
	content: "\e623";
}
.aShare3{
	background: #98e4e9;
}
.aShare3:before{
	font-family: "mzjol";
	content: "\e624";
}
.divCy{
	margin-bottom: 1.563rem;
}
.linkXw{
	overflow: hidden;
	zoom:1;
	margin-bottom: 0.938rem;
}
.h1Xg{
	margin: 0;
	padding: 0;
	height: 1.875rem;
	margin-bottom: 0.625rem;
}
.aXg{
	height: 1.875rem;
	line-height: 1.875rem;
	width: 5.313rem;
	color: #fff;
	display: block;
	text-align: center;
	float: left;
	font-size: 1rem;
	background-color: #1257a4;
}
.ulXg li{
	line-height: 2.125rem;
	height: 2.125rem;
	overflow: hidden;
}
.ulXg li a{
	font-size: 1rem;
}
/********************文章页END*********************/
/**************************栏目页 begin **************************/
.columnRollImg{
	margin-top: 0.938rem;
}
.columnRollImg>.swiper-container{
	position: relative;
	width: 100%;
	height: 10.625rem;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 0.875rem;
}
.columnRollImg>.swiper-container>.swiper-wrapper>.swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
}
.columnRollImg>.swiper-container .title{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 1.875rem;
	text-indent: 0.625rem;
	background: url(ydxljdtbj.png) no-repeat;
	background-size:  cover;
}
.columnRollImg>.swiper-container .txt{
	width: 14rem;
	height: 1.875rem;
	line-height: 1.875rem;
	font-size: 1rem;
	font-weight: normal;
	color: #fff;
	overflow: hidden;
	float: left;
}
.columnRollImg .swiper-container-horizontal>.swiper-pagination{
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0.875rem;
	width: 5rem;
	height: 1.875rem;
	line-height: 1.875rem;
}
.columnRollImg .swiper-pagination-bullet{
	width: 0.5rem;
	height: 0.5rem;
}
.column>li,
.column>li>a {
	line-height: 1.375rem;
}
.column>li>a>img {
	width: 5.313rem;
	height: 4.063rem;
}
.column>li>a>.tit{
	display: block;
	height: 2.75rem;
	overflow: hidden;
}
.column>li>a>.time{
	display: block;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 0.875rem;
	color: #666;
	overflow: hidden;
}
.column>li:last-child{
	border-bottom: none;	
}
.onloadbtn {
    width: 100%;
    height: 2.5rem;
    background-color: #004ea2;
    border-top: 0.063rem solid #bbb;
    font-size: 0.875rem;
    text-align: center;
    line-height: 2.5rem;
    color: #fff;
    cursor: pointer;
    opacity: 0.8;
    position: absolute;
    bottom: 4.375rem;
    left: 0;
}
/**************************栏目页 end ****************************/
/********************返回顶部 BEGIN****************/
.entranceRight {
	position: fixed;
	width: 2.188rem;
	height: 2.188rem;	
	right: 0.625rem;
	bottom: 10%;
	z-index: 99999;
}
.entranceRight a {
	display: block;
	width: 2.188rem;
	height: 2.188rem;
	line-height: 2.188rem;
	overflow: hidden;
	text-align: center;
	font-size: 1.375rem;
	color: #fff;
	background: #000;
	opacity: 0.1;
	border-radius: 0.125rem;
	
}
.entranceRight a:before {
	font-family: 'mzjol';
	content: "\e607";
}
/********************返回顶部 end******************/
@media screen and (min-width : 320px){html{font-size:16px;}html, body {max-width: 320px;}}
@media screen and (min-width : 360px){html{font-size: 18px;}html, body {max-width: 360px;}}
@media screen and (min-width : 375px){html{font-size: 18.75px;}html, body {max-width: 375px;}}
@media screen and (min-width : 384px){html{font-size: 19.2px;}html, body {max-width: 384px;}}
@media screen and (min-width : 412px){html{font-size: 20.6px;}html, body {max-width: 412px;}}
@media screen and (min-width : 414px){html{font-size: 20.7px;}html, body {max-width: 414px;}}
@media screen and (min-width : 480px){html{font-size: 24px;}html, body {max-width: 480px;}}
@media screen and (min-width : 568px){html{font-size: 28.4px;}html, body {max-width: 568px;}}
@media screen and (min-width : 600px){html{font-size: 30px;}html, body {max-width: 600px;}}
@media screen and (min-width : 640px){html{font-size:32px;}html, body {max-width: 640px;}}
@media screen and (min-width : 667px){html{font-size: 33.35px;}html, body {max-width: 667px;}}
@media screen and (min-width : 732px){html{font-size: 36.6px;}html, body {max-width: 732px;}}
@media screen and (min-width : 736px){html{font-size: 36.8px;}html, body {max-width: 736px;}}