cms_yiqingfangkong/TE.Site/Public/css/content.css

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

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

.banner { height: 20px; overflow: hidden; margin-bottom: 0px; }

.navbar-fixed-top { position: relative; }

.nav.nav-pro li { width: 25%; text-align: center; }
.nav.nav-pro li > a { background-color: rgba(0, 0, 0, 0.3); color: #fff; padding: 0px 15px; font-size: 18px; height: 52px; line-height: 52px !important; }
.nav.nav-pro li.active > a { background-color: #f5f5f5; color: #333; }
.nav.nav-pro li.active > a { background-color: #f5f5f5; color: #333; }
.tab-content .tab-pane { }
.tab-content .tab-pane h3 { font-size: 24px; padding-bottom: 10px; font-weight: 300; }
.tab-content .tab-pane p {   color: #595959 }

#info h3 { font-size: 24px; padding-bottom: 30px; margin-top: 50px; font-weight: 400; position: relative; display: block; }
#info h3:first-child { margin-top: 0px; }
#info h3:before { display: inline-block; height: 24px; width: 4px; background-color: #3277f6; position: absolute; left: -10px; top: 5px; content: ""; }
#info p { font-size: 18px; padding-bottom: 10px; font-weight: 300; }
#info .lead { padding: 5px; border: solid 0px #fedcbc; }
#info .lead > div { padding: 20px 180px; border: solid 0px #edceb1; font-weight: 600; font-size: 24px; }

.pro_info_sec01 { background: url(../img/pro_infor_01.jpg) no-repeat center; padding: 30px; color: #666; }
.pro_info_sec02 { padding-top: 30px; }
.pro_info_sec02 dl dt { font-size: 24px; color: #0094ff }
.pro_info_sec02 dl dd { padding-top: 10px; font-weight: 300; }

.icon-line { display: inline-block; width: 200px; height: 1px; background-color: #ddd; vertical-align: middle; margin: 0px 20px; }

#record > div { height: 800px !important }

#record .loopbox { height: 760px !important }
#record .loopbox ul li span { padding-right: 20px; font-size: 18px; font-weight: 300 !important; }

.lab-title { font-weight: normal; color: #999; width: 50px; }
.pro-buy { display: flex; }
.pro-buy > .pro-buy-info { flex: 1; }
.pro-type > span { background-color: #f5f5f5; display: inline-block; border: solid 1px #ddd; padding: 8px 13px; margin-bottom: 10px; cursor: pointer; }
.pro-type > span.active { background-color: #f5f5f5; border: solid 1px #ff8500; position: relative; }
.pro-type > span.active:before { content: ""; display: inline-block; height: 16px; width: 16px; background: url(../img/check-angle.png)no-repeat center; background-size: 16px 16px; position: absolute; right: 0px; bottom: 0px; }
.pro-type > span:hover { background-color: #f5f5f5; border: solid 1px #ff8500; }

.pro-type > span[data-soldout] { position: relative; padding-right: 30px; }
.pro-type > span[data-soldout]:before { content: ""; display: inline-block; height: 40px; width: 40px; background: url(../img/soldout.png)no-repeat center; background-size: 40px 40px; position: absolute; right: 0px; bottom: 0px; }

.pro-type > span[data-soldout].active { background-color: #f5f5f5; border: solid 1px #59caed; position: relative; padding-right: 30px; }
.pro-type > span[data-soldout].active:before { content: ""; display: inline-block; height: 40px; width: 40px; background: url(../img/soldout.png)no-repeat center; background-size: 40px 40px; position: absolute; right: 0px; bottom: 0px; }




#btnBuy { min-width: 200px; padding: 10px; font-size: 16px; }

span.error { color: #e5004f; }
.box-header { border-bottom: solid 1px #eee; height: 40px; line-height: 40px; margin-bottom: 15px; }
.box-header .box-header-title { color: #3277f6; font-size: 15px; position: relative; display: inline-block; padding-left: 10px; }
.box-header .box-header-title:before { display: inline-block; height: 14px; width: 3px; background-color: #3277f6; position: absolute; left: 0px; top: 13px; content: ""; }
.box-header .more { float: right; font-size: 12px; color: #999 }
.box-header .more:hover { color: #3277f6 }
.wx-bg { height: 200px !important; display: block; background: url(../img/wx-bg.jpg) no-repeat center right; box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.1) }
.looparea { border-left: solid 1px #eee; }
.loopbox { width: 100%; border: solid 0px #ddd; overflow: hidden; height: 240px; position: relative; }