diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 8b950fe9..a7842077 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -169,6 +169,9 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} .MainSwiper .loop-count button.remote.restart span {background-image:url('/images/btn/btn-mainvisual-play-white.png');} .MainSwiper .pagination {position:absolute;bottom:140px;left:calc(50% - -450px);} .MainSwiper .swiper-pagination-fraction {color:#fff;left:-40px;top:4px;} +.MainSwiper .swiper-slide {height:600px} +.MainSwiper .swiper-slide .img {height:600px;} +.MainSwiper .swiper-slide .img img {object-fit:cover;width:100%;height:100%;} .sec1 .inner .color-box {width:960px;margin:0 auto;text-align: center;position: relative;top:-108px;z-index:9;} .sec1 .inner .color-box .list {float:left;width:25%;height: 216px;background:#333;position: relative;overflow: hidden;} @@ -295,7 +298,7 @@ transition: all 0.2s ease-in-out; .sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:block;display:flex;align-items:center;height:350px;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;} .sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;vertical-align:middle;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;} -.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong {display:block;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;} +.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {display:block;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;color:#fff;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;margin:0;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index f334ca9c..14d017de 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -121,7 +121,7 @@ a.pop-logo img { margin-right: 10px; } .sec2 .keyword-box { width: 100vw; } section h3 { font-size: 22px; margin-bottom: 0px; } section .inner p.desc { font-size: 14px; margin-bottom: 16px; } - section .inner ul.list-tag { height: 66px; overflow: hidden; } + section .inner ul.list-tag { height: 66px; overflow: hidden;padding:5px 0px 0px; } .sec3 { padding: 52px 0px 60px; } .sec3 .pickSwiper::before, .sec3 .pickSwiper::after { display: none; } @@ -153,8 +153,8 @@ a.pop-logo img { margin-right: 10px; } .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } .sec6 .onlineSwiper::before, .sec6 .onlineSwiper::after { display: none; } - .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 20px; margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } - .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { bottom: 0; } + .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } + .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { } .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; } .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; } .sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; }