*{ margin: 0; padding: 0; font-family: 'SF Pro TC','SF Pro Display','SF Pro Icons','PingFang TC','Microsoft JhengHei', '微軟正黑體','Microsoft YaHei','微軟雅黑','SimHei','Helvetica Neue','Helvetica','Arial', sans-serif; box-sizing: border-box; font-weight: normal; } a { text-decoration: none; color: #999; } ul { list-style: none; } .height50{ height: 50px; } .height110{ height: 110px; } img { border: none; } .font-weight{ font-weight: 600; color: #454545; font-size: 2.11em!important; } strong span{ font-weight: 600; } .bg-grey { width: 100%; height: auto; } .content { width: 1600px; margin: 0 auto; height: auto; font-size: 1.12em; color: #232323!important; } .content img{ margin: 10px 0 } h2.title { text-align: center; font-size: 24px; color: #333; line-height: 24px; padding-bottom: 24px; position: relative; } h2.title:after { position: absolute; left: 50%; width: 46px; height: 1px; margin-left: -23px; bottom: 0; content: ''; } p.subtitle { margin-top: 18px; text-align: center; font-size: 16px; color: #666; line-height: 30px; } .tab-block { width: 1600px; height: 580px; margin: 50px auto 0; background-color: #FFF; } .tab-block.information-tab { height: 430px } .tab-block.information-tab .tabs { height: 380px } .tab-block .tab-buttons { width: 100%; height: 50px; } .tab-block .tab-buttons .tab-button { width: 16.63%; float: left; height: 70px; text-align: center; font-size: 20px; color: #999; line-height: 70px; position: relative; cursor: pointer; } .tab-block .tab-buttons .tab-button.cur { background-color:rgba(5,5,5,0.035); color:#d55; font-weight: 666; border-radius: 5px; } .tab-block .tab-buttons .tab-button.cur:after { content: ''; position: absolute; top: -1px; left: 25%; width: 100%; height: 4px; background-color: #CC0000; width:50%; } .tab-block .tabs { width: 100%; height: 700px } .tab-block .tabs .tab-item { width: 100%; height: 100%; padding: 0px; display: none } .tab-block .tabs .tab-item.active { display: block } .information-tab .information-left { width: 1600px; /*! height: 600px; */ overflow: hidden; position: relative; float: left; } .information-tab .information-left img { width: 100%; height: auto } .information-tab .information-left .left-bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; line-height: 48px; background-color: rgba(0, 0, 0, .5); z-index: 2; color: #fff; padding: 0 14px } .information-tab .information-left .left-bottom .article-title { font-size: 18px; width: 400px; float: left; } .information-tab .information-left .left-bottom .article-time { font-size: 14px; float: right; } .information-tab .information-right { width: 640px; height: 340px; float: right; } .information-tab .information-right .article-list { padding-top: 20px } .information-tab .information-right .article-list .article-link { display: block; padding: 0 20px } .information-tab .information-right .article-list .article-link .article-head span { display: inline-block; vertical-align: middle } .information-tab .information-right .article-list .article-number { width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; background-color: #999; font-size: 14px } .information-tab .information-right .article-list .article-title { font-size: 16px; color: #333; line-height: 20px; margin-left: 14px; width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .information-tab .information-right .article-list .article-time { float: right; font-size: 12px; color: #999; line-height: 20px } .information-tab .information-right .article-list .article-content { margin-top: 10px; padding-left: 44px; width: 450px; font-size: 14px; color: #666; line-height: 26px; display: none } .information-tab .information-right .article-list .article-content p { height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; } .information-tab .information-right .article-list:nth-of-type(1) .article-number, .information-tab .information-right .article-list:nth-of-type(2) .article-number, .information-tab .information-right .article-list:nth-of-type(3) .article-number { background-color: #333 } .information-tab .information-right .article-list.current .article-link { background-color: #fafafc; padding: 20px } .information-tab .information-right .article-list.current .article-number { background-color: #0c9!important } .information-tab .information-right .article-list.current .article-title { color: #0c9 } .information-tab .information-right .article-list.current .article-content { display: block } .question-icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(../images/question-icon.png) center no-repeat; -ms-background-size: 16px 16px; background-size: 16px 16px; } .mt100{ margin: 100px } /* pages */ .pages{ } /*分页*/ .page-num:not(:disabled) { cursor: pointer; } .page-num, .page-link { position: relative; display: block; padding: .45rem .75rem; margin-left: 2px; line-height: 1.25em; color: #17a2b8; background-color: #fff; border-radius: 5px; } a.page-num:hover, .page-link:hover { text-decoration: none; } .page-num-current { z-index: 1; color: #fff; background-color: #ffc107; border-color: #ccc; line-height: 1.5em; } .page-num-current:hover { color: #fff; } /*其他*/ .container{ max-width:85%; } .shop-list-img{ height: 462px; border:1px dashed #aaa; margin: 0 10px 20px; overflow: hidden; } .shop-list-img img{ transition: all 0.5s; } .shop-list-img img:hover{ transform: scale(1.05); } .shop-list-img .card-text{ width: 35%; float: left; } .pages { min-height: 500px; padding-top: 10px; padding-bottom: 10px; } .code, .code img { height: 100px; } .position, .position a { color: #999; } .content { color: #666; line-height: 2; } .content img, .content iframe { max-width: 100% !important; } .content li { list-style: disc outside none; margin-left: 20px; } .float-right{ float: right; } .float-left{ float:left; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } /* info */ .badge-danger{ background:#f60; } .badge-info{ background:#286; } .badge-warning{ background:#e33; } .badge-secondary{ background: #aaa; font-weight: 400; } .figure{ background:#232323; border-radius: 5px; } /*在线客服*/ .online { position: fixed; bottom: 150px; right: 10px; width: 60px; z-index: 999; color: #999; } .online a { color: #666; } .online a:hover { text-decoration: none; } .online dl { background: #198; padding: 10px 5px; margin-bottom: 1px; position: relative; border-radius:5%; } .online dl dd { color: #fff; text-align: center; font-size: 12px; cursor: pointer; } .online dl dd i { font-size: 25px; } .online dl:hover { background: #e53; } .online dl dt { position: absolute; top: 0px; right: 60px; background: #fff; border: 1px solid #ccc; z-index: 9999; display: none; padding: 10px 15px; font-weight: normal; } .online dl dt h3 { display: block; font-size: 16px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .online dl dt h3 i { margin-right: 5px; } .online dl dt h3 span { float: right; cursor: pointer; } .online dl dt input { border: 1px solid #ccc; border-radius: 5px; margin-top: 15px; height: 40px; line-height: 40px; padding: 3px 5px; width: 100%; } .online dl dt button { margin: 10px 0; border: none; border-radius: 5px; width: 100%; font-size: 18px; /*! height: 40px; */ line-height: 40px; /*! background: #28a7e1; */ color: #fff; cursor: pointer; } .left-shop-list-title{ margin: 0; padding: 0; } .left-shop-list-title li{ line-height: 2.5em; margin: 10px; border-bottom:1px dashed #ccc; padding: 0 15px; } .shop-list li.active a{ background: #00809910; color: #019984; border-left:2px solid #f30; } .left-shop-list-title li:hover,.left-shop-list-title li.active{ background: #00809910; color: #019984; border-left:2px solid #f30; } .info-ico{ display: block; position: absolute; margin: 10px; right: 10px; top:10px; } .search{ width: 50%; margin: auto; text-align: center; } .search .form-control{ max-width: 350px; margin: auto; } .search .input-group-text{ right: 177px; top:4px; padding: 6px 20px } .search .input-group-text:hover{ background: border-box; color: yellowgreen } .content-about{ width: 100%; } .content-about p{ line-height: 2em!important; } .content-about img{ max-width:100%; height: auto; } .preview{ width: 350px!important; } .product-content{ overflow: hidden; margin: 15px } .product-content .left{ float:left; } .margin-left-10{ margin: 0 0 0 10px; } .shop-list{ margin:-1px 2px 0 2px; border:1px solid #ddd; border-radius:0; } .shop-list:first-child{ margin-top:0 } .shop-list .left-title{ border-bottom:0; } .left-title a{ display: block; text-align: left; text-indent:1.5em; } .left-title a .right{ display: block; float: right!important; text-indent:0; width: 15px!important; overflow: hidden }