#wrap {    width: 100%;}
#head {    padding: 0.213rem 0;    background-color: #ffffff;    position: fixed;    width: 100%;    z-index: 11;}
.main {    width: 9.467rem;}
.mg-auto {    margin: auto;}
.logo {    height: 1rem;}
.fl {    float: left !important;}
.img {    font-size: 0;}
.img-size img {    height: 100%;}
.nav-btn {    cursor: pointer;    padding: 0.200rem 0;    width: 0.773rem;    height: 0.453rem;}
.nav-btn_item {    margin-bottom: 0.160rem;    height: 0.053rem;    background-color: #444444;    border-radius: 0.027rem;}
.fr {    float: right !important;}
.clearfix:after {    content: "";    display: block;    visibility: hidden;    height: 0;    clear: both;}
.clearfix {    zoom: 1;}
.menu {    overflow-y: auto;    position: fixed;    top: 0;    z-index: 1000;    margin-top: 0;    background-color: #ffffff;    transition: all ease 0.5s;    -webkit-transition: all ease 0.5s;    opacity: 1;
    visibility: visible;    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;    top: 0;    transform: translateX(100%);}
.menu.open {    transform: translateX(0);}
.menu-closed {    cursor: pointer;    position: absolute;    top: 0.400rem;    right: 0.400rem;    width: 0.533rem;    height: 0.533rem;}
.menu ul {    margin: auto;    width: 9.467rem;}
.menu ul li {    float: left;    width: 4.6rem;    margin: 0.133rem 0.267rem 0.133rem 0;    background-color: #f5f5f5;    border-radius: 0.080rem;    transform: translateY(0);    -webkit-transform: translateY(100%);    transform: translateY(100%);    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;    opacity: 0;}
.menu ul li:nth-child(2n) {    margin-right: 0;}
.menu.open ul li {    opacity: 1;    -webkit-transform: translateY(0);    transform: translateY(0);}
.menu ul li:nth-child(1) {    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(2) {    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(3) {    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(4) {    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(5) {    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(6) {    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(7) {    -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(8) {    -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(9) {    -webkit-transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(10) {    -webkit-transition: all 2.0s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 2.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(11) {    -webkit-transition: all 2.2s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 2.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(12) {    -webkit-transition: all 2.4s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 2.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(13) {    -webkit-transition: all 2.6s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 2.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li:nth-child(14) {    -webkit-transition: all 2.8s cubic-bezier(.77, 0, .175, 1) 0ms;    transition: all 2.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.menu ul li a {    display: block;    text-decoration: none;    height: 1.120rem;    line-height: 1.120rem;    font-size: 0.427rem;    text-align: center;    color: #333333;}
.w100 {    width: 100%;}
.h100 {    height: 100%;}
.layout {    display: -ms-flexbox;    display: -webkit-flex;    display: -moz-box;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    ustify-content: center;    -ms-flex-align: center;    -webkit-align-items: center;    -moz-box-align: center;    align-items: center;    width: 100%;    height: 100%;}