*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#2d0a04;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:1000px){#app{width:1000px;margin:auto}}.nav{position:absolute;top:0;width:100%;height:60px}.nav-menu{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;list-style:none;margin:0;padding:0}.nav-menu-item{color:#fff;font-family:SimHei,Arial,Helvetica,sans-serif;font-weight:700;width:100%;text-align:center;line-height:60px;opacity:.7;background:#2d0a04;font-size:12px}.nav-menu-item:hover{color:#fff;background:#666;border-bottom:0}.nav-menu-item.is-active{color:#2d0a04;background:none}.web-bg{position:absolute;width:100%;height:100%;z-index:-1}.charge-wrap{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin-top:80px}.charge-wrap,.charge-wrap-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.charge-wrap-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:10px 0}.charge-wrap .charge-img{max-width:400px;max-height:225px;margin:0 10px;cursor:pointer}.charge-wrap .charge-img:hover{opacity:.5}.footer-wrap{position:absolute;width:100%;bottom:0}.footer{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#34575b;opacity:.7;background:#2d0a04;padding-left:1em;padding-right:1em;font-weight:700}.footer-copyright,.footer-info{border-top:1px solid #34575b;padding-top:5px}.footer-copyright{text-align:right}.footer-copyright a{color:#34575b}.btn-wrap{position:absolute;bottom:20%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-wrap .el-button{background:#2d0a04;color:#fff;opacity:.9;width:400px;height:50px}.btn-wrap .el-button:hover{color:#fff;background:#666}.btn-wrap .el-button:focus{background:#2d0a04;color:#fff;opacity:.9}#first-bg{background:url(../img/HomeBgImg.2a69ece7.jpg) top no-repeat}#second-bg{background:url(../img/TrendingBgImg.d384b579.jpg) top no-repeat}@media (max-width:767px){#second-bg{background:url(../img/TrendingBgImg_sm.02faba74.jpg) top no-repeat}}#third-bg{background:url(../img/NewBgImg.8b2c3382.jpg) top no-repeat}#forth-bg{background:none}.home-bg{background:#2d0a04}.home-bg,.trending-bg{position:absolute;width:100%;height:100%;z-index:-2}.trending-bg{background:#cda780}.new-bg{background:#d0dfe4}.member-bg,.new-bg{position:absolute;width:100%;height:100%;z-index:-2}.member-bg{background:#dbe0da}@media (max-width:767px){.footer-wrap{position:relative}.footer-wrap .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.footer-wrap .footer-copyright{padding-top:0;margin-top:0;text-align:center;border-top:0}.web-bg{position:relative;width:100%;height:100%;z-index:-1}.charge-wrap-row{margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.charge-wrap .charge-img{margin:10px}#forth-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto;background:#dbe0da}}