*{
    margin: 0;padding: 0;box-sizing: border-box;-webkit-text-size-adjust: none;
}
html, body {
    width: 100%;
    max-width: 750px;
    position: relative;
    text-align: center;
    background-color: #fff;
    font-size: 12px;
    margin: 0 auto;
    font-family: '微软雅黑', sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.main{ width: 100%; min-height: 100vh; background-repeat: no-repeat; background-size: 100% auto; }
.page{display: inline;position: relative; display: none;min-height: 100vh; background-repeat: no-repeat; background-size: 100% auto;}
.page.on{display: block;}
.page .t1{padding: 70px 0;margin-left: -35px;}
.itemBox{position: relative;}
.itemBox .item{margin-bottom: 27px;display: block;text-align: center;}

.itemBox2{display: flex;flex-wrap: wrap;justify-content: center;}
.itemBox2 .item{padding: 0 12px;margin-bottom: 20px;display: block;}
.itemBox2 .item img{width: 100%;}


.foot{min-height: 160px;}
.menuDom{ position: fixed; bottom: 0; left: 0; width: 100%; height: 146px; background-color: #fff; z-index: 1000; box-shadow: 2px 2px 40px #CCCCCC; display: flex; align-items: center; }
.menuItem{ font-size: 20px; width: 50%; display: block;text-decoration: none;color: #000;}
.menuItem.on{ color: #00706b; }
.menuIcon{}

.menuIcon .def{display: initial;}
.menuIcon .act{display: none;}
.menuItem.on .menuIcon .def{display: none;}
.menuItem.on .menuIcon .act{display: initial;}
.menuText{ margin-top: 10px; }


/* list */
.list-main{position: relative;}
.top-img img{width: 100%;}
.list{width: 680px;margin: 0 auto;position: relative;z-index: 100;margin-top: -110px;}
.list .item{margin-bottom: 30px;border-radius: 25px;overflow: hidden;position: relative;}
.list .item .img{position: relative;height: 383px;overflow: hidden;}
.list .item .img img{width: 100%; height: 100%; object-fit: cover;}
.list .item .btn-play{position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 10;}
.list .item .tt{ position: absolute; bottom: 0; left: 0; width: 100%; height: 28%; background-color: rgba(0, 0, 0, 0.6);color: #fff;font-size: 25px;display: flex;align-items: center;padding: 0 25px;text-align: left;}

.tcDom{ position: fixed; width: 100%; height: 100%; top:0; left: 0; background-color: rgba(0,0,0,1); z-index: 100000; display: none; }
.tcBox{ position: absolute; top:50%; width: 100%; transform: translateY(-50%); }
.video { width: 100%; }
#video1 { width: 100%; }
.btn_close{ position: absolute; top:20px; right: 20px; z-index: 100; }