.banner img{ width: 100%; } .section{ color: #fff; text-align: center; margin-top: 0.83rem; } .section .title .desc{ font-size: 0.3rem; margin-bottom: 0.22rem; } .section .title .info{ font-size: 0.22rem; margin-bottom: 0.76rem; } .section .showlist{ margin-bottom: 0.9rem; /* margin-top: 0.5rem; */ overflow: hidden; } .change-page{ margin-bottom: 0.14rem; text-align: right; height: 0.36rem; } .change-page .left,.change-page .right{ width: 0.42rem; cursor: pointer; } .section .showlist .list{ width: 23.75%; margin-right: 1.6%; /* background-color:#b6885d; */ float: left; position: relative; } .section .showlist .list .play{ width: 30%; position: absolute; top: 50%; margin-top: -15%; left: 50%; margin-left: -15%; cursor: pointer; z-index: 3; } /* .section .showlist .list:hover{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(255,255,255,0.85); } */ .section .showlist .clear-right{ margin-right: 0; } .list .video{ width: 100%; display: block; } .list .from{ padding: 0.2rem; font-size: 0.2rem; color: #000; background-color: #fff; } .nextPage{ display: none; } .beianinfo{ display: inline-block; margin-left: 0.65rem; }