*{padding:0;margin:0;border:0 none;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{font:14px "PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,YouYuan,Arial,\5b8b\4f53,sans-serif,Tahoma,Verdana,Simsun;-webkit-text-size-adjust:100%}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a img{border:0}
:focus{outline:0}
a:active,a:hover{outline:0}


/* GENERAL STYLES
----------------------------------------------- */
.left{float:left}
.right{float:right}
.tc{text-align:center}
.f-color{color:tomato}
.hide{display:none}
.clear{clear:both}
#content:after,.bd:after,.clearfix:after,.content:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html #content,* html .bd,* html .clearfix,* html .content{zoom:1}
.full-height{height:100%}


/* ----- SELECTION COLORS ----- */

img::selection{background:0 0}
img::-moz-selection{background:0 0}

/* ----- LINKS ----- */

a, a:link, a:visited {
    text-decoration: none;
    transition: color 0.4s ease-in-out 0s;
    /*color: #34AC98;*/
}
a:hover, a:focus { /*color: #EC6635;*/ }
{
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;  
         -o-transition: all .2s ease;  
            transition: all .2s ease; 
}

.n{display:none}
.b{display:block}

/*网页置灰 start*/
html{
/* 	-webkit-filter: grayscale(100%);	 */
/* 	-moz-filter: grayscale(100%);  */
/* 	-ms-filter: grayscale(100%);  */
/* 	-o-filter: grayscale(100%);  */
/* 	filter: grayscale(100%);  */
/* 	filter:gray;  */
/* 	background-image: url(blur.svg); */
}
/*网页置灰 end*/
.n .background {
	width: 100vw;
	height: 51.47vw;
	position: absolute;
	top: 0;
	left: 0;
}
.n .background img{
	height: 100%;
}
.n .menu-close{
    width: 20px;
    height: 20px;
    position: fixed;
    margin-top: 15px;
    right: 25px;
    z-index: 100000;
}
.n .menu-close img{
	width: 100%;
}