@charset "utf-8";
/* CSS Document */

body{background-color: #FFFFFF;color: #FFFFFF;margin: 0;padding: 0;}
.lbox{display: flex;justify-content: center;}
.databox{max-width: 50em;padding: 2em 0;margin: 0 2em;}
.textbox{margin: 4em 0;}
.textbox img{width: 100%;}
.lbox h1{color: #000000;}
.lbox p{color: #000000;font-family: "Microsoft YaHei UI",sans-serif;font-size: 1.1em;}
.lbox h2{color: #FFFFFF;font-size: 1em;font-weight: 500;}
.lbox h3{color: #000000;font-size: 1.4em;}
.l2{background-color: #000000;height: 2em;width: auto;display: flex;align-items: center;border-radius: 0.8em;padding: 0 1em;}
.title{display: flex;justify-content: center;background-color: #232323;}
.title a{display: flex;align-items: center;}
.title h1{color: #FFFFFF;font-weight: normal;}
.logo{width: 6em;height: 3em;min-width: 120px;min-height: 48px;background-image: url(img/no7logo.png);background-size: contain;background-repeat: no-repeat;}

footer.bottom{background-color:#222;padding-top:15px;padding-bottom:15px;font-size:12px;min-height:50px;}
footer.bottom a{color:#f1f1f1;padding: 0 1em;}
footer.bottom a:hover,footer.bottom a:active,footer.bottom a:focus{color:#13aff0}

.iconbox{display: flex;justify-content: flex-start;align-items: center;}
.ic-a{width: 4em;height: 4em;background-size: contain;background-repeat: no-repeat;margin: 3em 2em 3em 0;}
.iconbox img{}
#icon-1{background-image: url("img/wechat.png");}
#icon-2{background-image: url("img/mail.png");}
#icon-3{background-image: url("img/weibo.png");}
.ic-b{width: 9em;height: 9em;margin: 0 2em 0 0;}
.ic-c{margin-right: 2em;}
#icon-1b{display: none;}
#icon-2b{display: none;}
#icon-3b{display: none;}

.bottom_icon{width: 15px;height: 15px;padding-left: 1em;}
.col{position:relative;justify-content: center;display:flex;min-height:1px;padding-left:15px;padding-right:15px;float:left;width:100%}

@media(max-aspect-ratio:1/1){body{font-size: 24px;}}