body { font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,Arial,sans-serif; }

.container { width: 9.2rem; margin: 0 auto; height: 100%; }

.container2 { width: 8.66667rem; margin: 0 auto; height: 100%; }

.header { width: 100%; height: 1.33333rem; background: #44567d; text-align: center; }

.header .menu-btn { float: left; width: 0.42667rem; height: 100%; background: url("../images/icon-menu.png") no-repeat center; -moz-background-size: 0.42667rem 0.36rem; background-size: 0.42667rem 0.36rem; }

.header .menu-btn.on { background: url("../images/icon-close.png") no-repeat center; -moz-background-size: 0.41333rem 0.42667rem; background-size: 0.41333rem 0.42667rem; }

.header .logo { display: inline-block; padding-top: 0.26667rem; }

.header .logo img { width: 2.53333rem; height: auto; }

.header .search-btn { float: right; width: 0.4rem; height: 100%; background: url("../images/icon-search.png") no-repeat center; -moz-background-size: 0.4rem 0.42667rem; background-size: 0.4rem 0.42667rem; }

.header .search-btn.on { background: url("../images/icon-close.png") no-repeat center; -moz-background-size: 0.41333rem 0.42667rem; background-size: 0.41333rem 0.42667rem; }

.footer { background: #f1f1f3; }

.footer .top { padding-top: 1rem; padding-bottom: 0.26667rem; text-align: center; border-bottom: 1px solid #dddfe2; }

.footer .top .t { font-size: 0.48rem; color: #333333; line-height: 1; }

.footer .top ul { width: 8.53333rem; overflow: hidden; display: inline-block; }

.footer .top ul li { display: inline-block; width: 3.2rem; float: left; padding: 0.53333rem; text-align: center; }

.footer .top ul li img { width: 2.8rem; height: auto; display: inline-block; }

.footer .top ul li .text { font-size: 0.32rem; color: #333333; padding-top: 0.26667rem; line-height: 1; }

.footer .bottom { padding-top: 0.26667rem; padding-bottom: 0.4rem; text-align: center; line-height: 1; font-size: 0.32rem; color: #cccccc; }

.menu-box { width: 100%; background: #f7f7f7; opacity: 0; z-index: -1; position: absolute; top: 1.33333rem; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.menu-box.on { opacity: 1; z-index: 99; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.menu-box ul li { padding: 30px 0; text-align: center; border-bottom: 1px solid #e6e6e6; }

.menu-box ul li a { font-size: 0.48rem; color: #333333; line-height: 1; }

.search-box { width: 100%; padding: 0.33333rem 0; background: #44567d; overflow: hidden; display: none; }

.search-box.on { display: block; }

.search-box .input-text { float: left; width: 88%; border: 1px solid #fff; height: 0.77333rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; padding-left: 0.8rem; padding-right: 0.4rem; background: url("../images/icon-search.png") no-repeat 0.26667rem center; -moz-background-size: 0.4rem; background-size: 0.4rem; }

.search-box .input-text input { width: 100%; height: 0.77333rem; background: none; color: #fff; border: none; outline: none; }

.search-box .input-button { float: left; width: 12%; background: #fff; height: 0.77333rem; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; }

.search-box .input-button button { width: 100%; height: 100%; color: #333333; }

.banner img { width: 100%; height: auto; }