1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- .banner img{
- width: 100%;
- }
- .section{
- color: #fff;
- text-align: center;
- margin-top: 83px;
- }
- .section .title .desc{
- font-size: 30px;
- margin-bottom: 22px;
- }
- .section .title .info{
- font-size: 22px;
- margin-bottom: 76px;
- }
- .section .showlist{
- margin-bottom: 90px;
- /* margin-top: 0.5rem; */
- overflow: hidden;
- }
- .change-page{
- margin-bottom: 14px;
- text-align: right;
- height: 36px;
- }
- .change-page .left,.change-page .right{
- width: 42px;
- cursor: pointer;
- }
- .section .showlist .list{
- width: 23.75%;
- margin-right: 1.6%;
- /* height: 470px; */
- /* 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;
- /* height: 390px; */
- }
- .list .from{
- height: 80px;
- padding: 20px;
- box-sizing: border-box;
- font-size: 20px;
- color: #000;
- background: #fff;
- }
- .nextPage{
- display: none;
- }
- .beianinfo{
- display: inline-block;
- margin-left: 65px;
- }
|