cms_yiqingfangkong/TE.Site/Public/css/index.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*幻灯片 beg*/
#swiper-main { z-index: 50; position: relative; }
#swiper-main .swiper-slide { height:360px;background-size:cover;}
#swiper-main .swiper-slide a { display: block; position: relative; color: #fff; }
#swiper-main .swiper-slide a img { width: 100%; }
#swiper-main .swiper-slide a .wrap { position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#swiper-main .swiper-slide a .wrap .container { position: relative; height: 100%; }
#swiper-main .swiper-slide a .wrap .container .silde-title { display: inline-block; padding: 10px 20px; position: absolute; bottom: 30px; left: 0px; background-color: rgba(43, 39, 39, 0.50); }
#swiper-main .swiper-slide a .wrap .container .silde-title span { font-size: 18px; }

#swiper-main .swiper-pagination-bullet { background-color: #fff; border: none; opacity: 1; height: 8px; width: 8px; border-radius: 0px; transition: all 0.3s; }
#swiper-main .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; width: 30px; }

#swiper-main .swiper-button-next, #swiper-main .swiper-button-prev { background-image: none !important; position: absolute; top: 50%; width: 44px !important; height: 44px; text-align: center; line-height: 54px !important; margin-top: -22px; z-index: 10; border-radius: 0; background-color: rgba(0, 0, 0, 0.20); transition: all 0.3s; }
#swiper-main .swiper-button-next:hover, #swiper-main .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.80) }
#swiper-main .swiper-button-next { right: 0px !important; }
#swiper-main .swiper-button-prev { left: 0px !important; }
#swiper-main .swiper-button-next i, #swiper-main .swiper-button-prev i { font-size: 22px; color: rgba(255, 255, 255, 0.6); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20) }
#swiper-main .swiper-button-next:hover i, #swiper-main .swiper-button-prev:hover i { color: rgba(255, 255, 255, 0.8); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.40) }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; }

 

.box-live { display: flex; padding:10px;}
.box-live:hover {box-shadow:0px 0px 5px #ccc;}
.box-live .live_cover { background-color: #5c7ba3; height: 80px; width: 80px; border-radius: 50%; overflow: hidden; position: relative; }
.box-live .live_cover img { width: 100%; border: none; display: block; transition: all 0.5s; z-index: 90; position: absolute; transform: translate(-50%,-50%); left: 50%; right: 50%; top: 50%; bottom: 50%; }
.box-live .live_info { flex: 1; display: flex; flex-direction: column; justify-content: space-around; padding-left: 10px; }
.box-live:hover .live_info{color:initial}

.notice-box { background-color: #fff8e9; display: flex; padding: 0px 8px; align-items: center; }
.notice-box img { height: 20px; width: 20px; margin-right: 10px; }
.notice-box .notice-con { flex: 1; }
.swiper-container.notice { height: 36px; overflow: hidden; }
.swiper-container.notice a { height: 36px; line-height: 36px; display: block; }

/*.btn-area-buy { display: block; background: url(../img/buy-bg-index.jpg) no-repeat center; background-size: cover; padding: 15px 15px; border-radius: 5px; }
.btn-area-buy > p { margin: 0px !important; }
.btn-area-share { display: block; background: url(../img/share-bg.jpg) no-repeat center; background-size: cover; padding: 15px 15px; border-radius: 5px; }
.btn-area-share > p { margin: 0px !important; }*/


.spec-item img { width: 80px; height: 80px; background-color: #f5f5f5; padding: 15px; border-radius: 50%; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.0); transition: 0.3s; }
.spec-item:hover img { box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2) }
.spec-item { text-align: center; cursor: pointer; }
.spec-item dl dt { font-size: 24px; padding: 10px 0px; color: #595959 }
.spec-item dl dd { font-size: 13px; padding: 0px 25px; font-weight: 300; color: #666; }

 
 
.section-header .section-header-value { width: 150px; margin: 0px auto; }
.section-header .setion-title { font-size: 30px; font-weight: bold; white-space: nowrap; }
.section-header .setion-desc { font-size: 14px; font-weight: bold; white-space: nowrap; }
.section-header .setion-line-h { width: 150px; height: 4px; display: block; position: relative; }
.section-header .setion-line-h:before { content: ""; background-color: #e0b509; overflow: hidden; vertical-align: middle; width: 30px; height: 4px; display: inline-block; }

.box-header { border-bottom: solid 0px #eee; height: 50px; line-height: 50px; margin-bottom: 15px; }
.box-header .box-header-title { color: #333; font-size: 24px; position: relative; display: inline-block;padding-left:10px; }