*{
margin: 0;
padding: 0;
}
body{
font-size: 14px;
font-family: 微软雅黑 sans-serif;
background: #fff;
}
a{
text-decoration: none;
color: #3d3d3d;
}
a:hover{
text-decoration: none;
}
ul{
list-style: none;
}
.w1200{
width: 1200px;
margin: auto;
}
.fl{
float: left;
}
.fr{
float: right;
}
.ov{
overflow: hidden;
}
.top{
height: 30px;
background: #1f2121;
border-bottom: 1px solid #c7c7c7;
}
.top-link{
text-align: right;
line-height: 30px;
}
.top-link a{
color: #9e9e9f;
margin-right: 10px;
position: relative;
padding-right: 10px;
font-size: 12px;
}
.top-link a:first-child{
color: #d2d3d3;
}
.top-link a:last-child::after,.top-link a:first-child::after{
display: none;
}
.top-link a::after{
position: absolute;
right: 0;
height: 100%;
content: ' ';
border-right: 1px solid #545555;
top: 0;
}
.header{
position: relative;
}
.logo{
position: absolute;
left: 0;
top: -30px;
}
.platform{
position: absolute;
right: 0;
top: 35px;
}
.platform a{
padding-right: 10px;
margin-right: 10px;
float: left;
position: relative;
font-size: 12px;
}
.platform a img{
width: 28px;
height: 28px;
margin-right: 5px;
}
.platform a::after{
position: absolute;
content: ' ';
height: 20px;
border-right: 1px solid #ddd;
right: 2px;
top: 5px;
}
.platform a:last-child{
margin-right: 0;
padding-right: 0;
border-right: 0;
}
.platform a:last-child::after{
display: none;
}
.search{
width: 500px;
margin: auto;
height: 69px;
padding-top: 29px;
}
.search form{
overflow: hidden;
}
.search input[type='text']{
background: #f7f7f7;
border: 1px solid #e2e3e3;
height: 38px;
padding: 0 10px;
width: 379px;
float: left;
color: #b4b4b5;
outline-color: #ff4442;
}
.search input[type='submit']{
float: left;
background: url("../images/search-bg.jpg") no-repeat;
width: 99px;
height: 40px;
border: none;
cursor: pointer;
}
.nav-list{
overflow: hidden;
padding: 20px 0;
border-top: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
}
.nav-list a{
float: left;
width: 50px;
white-space: nowrap;
text-overflow: ellipsis;
color: #595757;
overflow: hidden;
height: 28px;
line-height: 28px;
}
.nav-list a:nth-of-type(3n){
margin-right: 39px;
border-right: 1px solid #ededed;
padding-right: 20px;
}
.nav-list a:nth-of-type(18n){
margin-right: 0;
padding-right: 0;
border-right: 0;
}
.nav-blank{
height: 30px;
}
.banner{
background: #eeeeef;
height: 600px;
}
.banner-main{
padding: 30px 0;
}
.top-title{
border-bottom: 1px solid #ededed;
}
.banner-left li{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-bottom: 1px dashed #ededed;
height: 45px;
line-height: 45px;
padding-left: 5px;
padding-right: 16px;
}
.banner-left li span{
font-size: 24px;
color: #c8c9ca;
font-style: italic;
margin-right: 10px;
width: 30px;
text-align: right;
float: left;
}
.banner-left{
width: 250px;
background: #fff;
height: 540px;
}
.banner-left li:nth-of-type(1) span{
color: #ff4440;
}
.banner-left li:nth-of-type(2) span{
color: #f29600;
}
.banner-left li:nth-of-type(3) span{
color: #f2ca19;
}
.banner-center{
width: 640px;
margin: 0 30px;
height: 540px;
}
.banner-title{
position: absolute;
height: 30px;
line-height: 30px;
color: #ffffff;
padding-left: 15px;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
display: none;
}
.banner-center .swiper-slide img{
display: block;
width: 640px;
height: 320px;
}
.banner-center .swiper-container-horizontal>.swiper-pagination-bullets{
width: auto;
left: auto;
right: 10px;
bottom: 7px;
}
.banner-center .swiper-pagination-bullet{
background: #dbdcdc;
opacity: 1;
}
.banner-center .swiper-pagination-bullet-active{
background: #ffffff;
}
.banner-news-item{
width: 180px;
height: 185px;
background: #fff;
padding: 15px 10px 0 10px;
}
.banner-news-item b{
color: #ff4440;
font-size: 15px;
display: block;
margin-bottom: 5px;
}
.banner-news-item:nth-of-type(2){
margin: 0 20px;
}
.banner-news{
margin-top: 20px;
}
.banner-news-item p a{
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 28px;
line-height: 28px;
}
.banner-news-item p a span{
float: left;
background: #c8c9ca;
width: 5px;
height: 5px;
border-radius: 100%;
margin: 12px 7px 0 0;
}
.banner-right{
width: 250px;
height: 540px;
}
.banner-login{
height: 270px;
background: #fff;
position: relative;
padding-top: 50px;
}
.enter-home{
height: 25px;
color: #776d55;
line-height: 25px;
background: #ffda47;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
position: absolute;
right: 0;
top: 15px;
font-size: 12px;
padding-left: 15px;
padding-right: 10px;
}
.user-info{
margin: 0 auto;
text-align: center;
}
.user-info .user-head{
width: 120px;
height: 120px;
border-radius: 100%;
margin: auto;
}
.user-info .user-head img{
width: 120px;
height: 120px;
}
.user-nickname{
font-weight: bold;
font-size: 20px;
margin-top: 15px;
}
.banner-login .login-btn{
width: 180px;
height: 40px;
text-align: center;
line-height: 40px;
display: block;
margin: 30px auto 0 auto;
font-size: 16px;
background: #ff4440;
color: #fff;
border-radius: 5px;
}
.banner-apps a{
float: left;
width: 70px;
height: 100px;
text-align: center;
margin-bottom: 5px;
}
.banner-apps a:nth-of-type(2), .banner-apps a:nth-of-type(5){
margin: 0 20px;
}
.banner-apps a img{
width: 70px;
height: 70px;
display: block;
background: #fff;
}
.banner-apps a span{
display: block;
height: 30px;
line-height: 30px;
}
.banner-apps{
margin-top: 20px;
}
.index-main-1{
padding: 70px 0;
}
.bor{
border-bottom: 5px solid #f7f7f7;
}
.index-main-1-left{
width: 330px;
}
.index-common-title{
margin-bottom: 15px;
}
.index-common-title span{
float: left;
border-left: 4px solid #ffda47;
padding-left: 10px;
font-weight: bold;
}
.index-main-1-item-1{
width: 330px;
height: 220px;
position: relative;
overflow: hidden;
}
.index-main-1-item-1 span{
width: 310px;
position: absolute;
height: 24px;
line-height: 24px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
bottom: 0;
padding-left: 10px;
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
padding-right: 10px;
}
.index-main-1-item-1 img{
display: block;
width: 100%;
height: 100%;
}
.index-main-1-left-2{
margin: 9px 0 0 0;
}
.index-main-1-left-2 a{
float: left;
width: 160px;
height: 150px;
margin-right: 10px;
margin-bottom: 15px;
}
.index-main-1-left-2 a img{
width: 100%;
height: 106px;
}
.index-main-1-left-2 a span{
display: block;
height: 40px;
overflow: hidden;
margin-top: 5px;
}
.index-main-1-left-2 a:nth-of-type(even){
margin-right: 0;
}
.index-main-1-center{
width: 480px;
margin: 0 45px;
}
.an-1 img{
width: 100%;
height: 100px;
display: block;
}
.an-1{
margin-bottom: 23px;
}
.index-main-1-center-list li{
overflow: hidden;
height: 37px;
line-height: 37px;
text-overflow: ellipsis;
white-space: nowrap;
}
.index-main-1-center-list li:nth-of-type(1){
font-weight: bold;
font-size: 20px;
}
.index-main-1-center-list li span{
background: #c8c9ca;
width: 5px;
height: 5px;
float: left;
border-radius: 100%;
margin: 16px 8px 0 0;
}
.index-main-1-center-list li span.new{
width: 19px;
height: 12px;
background: url("../images/n2.jpg") no-repeat;
border-radius: 0;
margin: 12px 8px 0 0;
}
.index-main-1-center-list li:first-child span.new{
background: url("../images/n1.jpg") no-repeat;
}
.index-main-1-center-list li:nth-of-type(7){
font-weight: bold;
font-size: 20px;
margin-top: 20px;
}
.index-main-1-center-list li:nth-of-type(7) span{
background: #595757;
}
.index-main-1-right{
width: 300px;
}
.index-common-title a{
}
.an-2 img{
display: block;
width: 100%;
height: 100%;
}
.index-main-1-right ul{
background: #f7f7f7;
padding: 7px 20px;
}
.index-main-1-right ul li{
padding: 17px 0;
border-bottom: 1px solid #e9e9e9;
}
.index-main-1-right ul li:last-child{
border-bottom: 0;
}
.index-main-1-right ul li a{
display: block;
}
.index-main-cate-left{
width: 800px;
height: 532px;
padding: 70px 0;
}
.index-main-cate-list{
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
}
.index-main-cate-list a.one{
font-size: 20px;
position: relative;
padding: 0 20px 0 20px;
}
.index-main-cate-list a.one::before{
content: ' ';
position: absolute;
right: 0;
border-right: 1px solid #ededed;
height: 15px;
top: 8px;
}
.index-main-cate-list a.on{
color: #ff4440;
position: relative;
}
.index-main-cate-list a.on::after{
content: ' ';
position: absolute;
bottom: -12px;
width: 100%;
border-bottom: 3px solid #ff4440;
left: 0;
}
.index-main-cate-list span.child{
margin-left: 20px;
}
.index-main-cate-list .enter{
color: #ff4440;
float: right;
margin-top: 9px;
}
.index-main-cate-list span.child a{
color: #9e9e9f;
}
.index-main-cate-list span.child span{
margin: 0 10px;
color: #9e9e9f;
}
.index-main-cate-list span.child span:last-child{
display: none;
}
.index-main-cate-left-img{
padding-top: 28px;
width: 370px;
}
.cate-img{
float: left;
width: 180px;
}
.cate-img img{
display: block;
width: 100%;
}
.cate-img span{
display: block;
white-space: nowrap;
color: #595757;
margin-top: 10px;
margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
.cate-img:nth-of-type(1){
width: 370px;
margin-bottom: 5px;
}
.cate-img:last-child{
margin-left: 10px;
}
.index-main-cate-left-text{
width: 395px;
float: left;
margin-left: 30px;
padding-top: 28px;
}
.index-main-cate-left-text ul li{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 36px;
}
.index-main-cate-left-text ul li a{
color: #595757;
}
.index-main-cate-left-text ul li:nth-of-type(7){
margin-top: 15px;
}
.index-main-cate-left-text ul li:nth-of-type(1), .index-main-cate-left-text ul li:nth-of-type(7){
font-weight: bold;
font-size: 20px;
}
.index-main-cate-left-text ul li:nth-of-type(1) a, .index-main-cate-left-text ul li:nth-of-type(7) a{
color: #595757;
}
.index-main-cate-left-text ul li a span{
background: #c8c9ca;
width: 5px;
height: 5px;
border-radius: 100%;
float: left;
margin: 16px 10px 0 0;
}
.index-main-cate-left-text ul li:nth-of-type(1) a span, .index-main-cate-left-text ul li:nth-of-type(7) a span{
background: #595757;
}
.index-main-cate-right{
width: 350px;
padding: 70px 0;
margin-left: 50px;
}
.cate-right-title{
background: #eeeeee;
width: 100%;
height: 43px;
line-height: 43px;
text-align: center;
color: #3e3a39;
font-size: 16px;
}
.cate-right-main{
background: #f7f7f7;
padding: 25px 20px 0 20px;
}
.cate-right-main ul{
overflow: hidden;
border-bottom: 1px #dfe0e0 dashed;
padding-bottom: 10px;
margin-bottom: 10px;
}
.cate-right-main li{
float: left;
width: 150px;
margin-right: 10px;
}
.cate-right-main li:nth-of-type(even){
margin-right: 0;
}
.cate-right-main li img{
width: 150px;
height: 110px;
}
.cate-right-main li span{
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 10px 0;
}
.cate-right-bottom .index-common-title span{
border-color: #ff4440;
color: #ff4440;
}
.cate-right-bottom p{
overflow: hidden;
}
.cate-right-bottom p a{
float: left;
width: 60px;
text-align: center;
margin-right: 23px;
}
.cate-right-bottom p a span.shop-logo{
display: block;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 100%;
margin: auto auto 5px auto;
}
.cate-right-bottom p a img{
width: 50px;
height: 50px;
}
.cate-right-bottom p a .shop-name{
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.cate-right-bottom{
padding-bottom: 15px;
overflow: hidden;
}
.cate-right-bottom p a:last-child{
margin-right: 0;
}
.link{
background: #eeeeef;
line-height: 30px;
}
.link b{
float: left;
color: #595757;
margin-right: 20px;
}
.link span a{
margin-right: 20px;
}
.link span{
width: 1108px;
}
.footer{
background: #333333;
color: #7c7c7c;
padding-top: 80px;
}
.copyright{
text-align: center;
}
.footer ul{
}
.footer ul li{
float: left;
width: 156px;
margin-right: 50px;
}
.footer ul li a{
color: #b4b4b5;
}
.footer ul li b{
color: #b4b4b5;
font-size: 16px;
padding-bottom: 10px;
border-bottom: 1px solid #5d5d5d;
display: block;
}
.footer ul li p{
padding-top: 20px;
}
.footer ul li p img{
max-width: 114px;
}
.footer ul li p a{
display: block;
line-height: 50px;
}
.footer ul li:last-child{
width: auto;
margin-right: 0;
text-align: center;
margin: -40px 0 0 80px;
}
.footer ul li .p1{
font-size: 16px;
font-weight: bold;
color: #b4b4b5;
margin: 5px 0;
}
.footer ul li .p2{
font-size: 26px;
font-weight: bold;
color: #b4b4b5;
}
.footer ul li .p3{
text-align: center;
margin-top: 10px;
}
.footer .copyright{
margin: 50px 0 0 0;
padding-bottom: 50px;
}
.cate-nav{
background: #a0a0a0;
line-height: 50px;
height: 50px;
}
.cate-nav-logo{
width: 115px;
text-align: center;
position: relative;
margin-right: 15px;
}
.cate-nav-logo::after{
content: ' ';
position: absolute;
right: 0;
height: 20px;
border-right: 1px solid #d0cfce;
top: 15px;
}
.cate-nav-logo img{
max-width: 115px;
max-height: 50px;
vertical-align: middle;
}
.cate-nav-list a{
float: left;
margin: 0 5px;
color: #ffffff;
height: 30px;
line-height: 30px;
margin-top: 10px;
padding: 0 15px;
border-radius: 5px;
font-size: 16px;
}
.cate-nav-list a.on{
background: #7a7877;
}
.cate-side, .cate-side-share{
background: #f7f7f7;
width: 125px;
}
.cate-side a{
display: block;
height: 50px;
line-height: 50px;
color: #595757;
text-align: center;
font-size: 16px;
}
.cate-side a.on{
background: #e94841;
color: #ffffff;
}
.cate-main{
padding: 35px 0 60px 0;
}
.cate-article-list{
height: auto;
margin: 0 37px;
min-height: 1px;
}
.cate-article-list-list{
margin-top: 45px;
border-top: 2px solid #f6f7f7;
padding-top: 30px;
}
.list-img{
width: 180px;
height: 120px;
margin-right: 22px;
}
.list-img img{
width: 100%;
height: 100%;
}
.list-info{
width: 438px;
}
.list-info a{
font-size: 18px;
color: #3e3a39;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 15px;
}
.list-info p{
color: #727171;
height: 34px;
overflow: hidden;
margin-bottom: 25px;
line-height: 17px;
}
.list-info span{
color: #9f9e9f;
}
.article-list li{
margin-bottom: 60px;
}
.load-more a{
display: block;
width: 140px;
height: 35px;
text-align: center;
line-height: 35px;
background: #efeeef;
margin: auto;
color: #727171;
}
.cate-side-title{
border-bottom: 1px solid #eeeeed;
color: #e94841;
font-size: 16px;
height: 36px;
font-weight: bold;
line-height: 36px;
}
.cate-side-article{
width: 360px;
}
.cate-side-article .ul1 li{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-bottom: 1px dashed #ededed;
height: 45px;
line-height: 45px;
padding-right: 16px;
}
.cate-side-article .ul1 li:last-child{
border-bottom: none;
}
.cate-side-article .ul1 li:nth-of-type(1) span {
color: #ff4440;
}
.cate-side-article .ul1 li span {
font-size: 24px;
color: #c8c9ca;
font-style: italic;
margin-right: 10px;
width: 30px;
text-align: left;
float: left;
}
.cate-side-article .ul1 li:nth-of-type(2) span {
color: #f29600;
}
.cate-side-article .ul1 li:nth-of-type(3) span {
color: #f2ca19;
}
.cate-side-article .ul2{
padding-top: 30px;
}
.cate-side-article .ul2 .list-img{
width: 150px;
height: 100px;
margin-right: 20px;
}
.cate-side-article .ul2 .list-info{
width: 170px;
}
.cate-side-article .ul2 .list-info a{
white-space: initial;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 18px;
margin-bottom: 9px;
}
.cate-side-article .ul2 li.ov{
margin-bottom: 28px;
}
.article-detail{
width: 795px;
margin-right: 45px;
}
.article-detail .pos a{
color: #3c3d3d;
}
.article-detail h1.title{
margin: 10px 0;
color: #3f3f40;
font-weight: bold;
font-size: 24px;
}
.article-time{
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ededed;
color: #9e9e9f;
}
.article-time-l{
margin-top: 5px;
}
.article-time-l a{
color: #ec6964;
border: 1px solid #ec6964;
border-radius: 15px;
padding: 0 10px;
margin-left: 10px;
font-size: 12px;
}
.article-time span.fr{
margin-top: 5px;
color: #b4b4b5;
}
.article-content{
line-height: 28px;
padding: 20px 0 0 0;
}
.article-content img{
max-width: 100% !important;
height: auto !important;
}
.prev-next{
margin-top: 50px;
}
.prev-next div{
height: 30px;
line-height: 30px;
border: 2px solid #717071;
width: 44%;
padding-left: 2%;
}
.detail-comment{
margin-top: 40px;
}
.detail-comment-title-l{
color: #e84741;
font-size: 24px;
}
.detail-comment-title-l span{
color: #c8c9ca;
font-size: 12px;
margin-left: 10px;
}
.detail-comment-title-total{
color: #009fe8;
margin: 10px 0 0 0;
}
.detail-comment-form{
padding-top: 15px;
}
.detail-comment-form textarea{
float: left;
height: 73px;
width: 663px;
border: 1px solid #dbdcdc;
resize: none;
padding: 15px;
}
.detail-comment-form span{
background: #e84741;
color: #fff;
line-height: 105px;
float: left;
width: 100px;
text-align: center;
font-size: 18px;
cursor: pointer;
}
.comment-list-title-l{
color: #e84741;
font-size: 20px;
}
.comment-list{
margin-top: 28px;
}
.comment-list-title-l span{
color: #009fe8;
font-size: 12px;
border-left: 1px solid #ededed;
padding-left: 10px;
margin-left: 10px;
}
.comment-list-title{
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
}
.comment-list-title-r{
margin-top: 5px;
}
#comment_list{
padding-top: 10px;
}
#comment_list li{
padding: 10px 0;
overflow: hidden;
border-bottom: 1px dashed #ededed;
}
#comment_list li:last-child{
border-bottom: none;
}
#comment_list li img{
float: left;
margin-right: 20px;
}
.comment-content span.name{
color: #009fe8;
}
.comment-content{
float: left;
width: 718px;
}
.comment-content p{
margin: 5px 0 8px 0;
}
.laud span{
padding-left: 18px;
color: #c8c9ca;
}
.laud span:first-child{
background: url(../images/i1.jpg) no-repeat left 2px;
margin-right: 10px;
}
.laud span:last-child{
background: url(../images/i2-2.jpg) no-repeat left 2px;
}
.load-comment{
display: block;
background: #eeedee;
color: #b4b4b5;
height: 40px;
line-height: 40px;
text-align: center;
margin-top: 15px;
}
.pagelist ul li {
float: left;
}
.pagelist ul li.am-disabled.total {
border-right: 1px solid #ccc;
display: none;
}
.pagelist ul li a {
padding: 0 15px;
border: 1px solid #ddd;
display: block;
height: 31px;
line-height: 31px;
}
.pagelist ul li.am-disabled a {
background: #ddd;
}
.pagelist ul li.am-active a {
background: #e94841;
color: #fff;
border-color: #e94841;
}
.content-desc{
border: 1px solid #999;
padding: 10px;
line-height: 22px;
color: #666;
margin-bottom: 10px;
}
.content-kwd{
color: #9e9e9f;
margin: 10px 0;
font-size: 12px;
}
.content-kwd span{
margin-right: 15px;
color: #9e9e9f;
}
.phone-footer{
display: none;
}
.bshare-custom a{
padding: 12px 0;
width: 120px;
border-bottom: 1px solid #e5e5e5;
}
.cate-side-share{
background: none;
}
.cate-side-share .bshare-custom span.iconfont{
padding: 6px 0;
color: #fff;
border-radius: 5px;
background: #20a839;
width: 40px;
display: inline-block;
text-align: center;
margin-right: 10px;
font-size: 20px;
}
.cate-side-share .bshare-custom a{
background: none;
color: #888;
display: block;
height: auto;
}
.cate-side-share .bshare-custom #bshare-more-icon {
background: none;
}
.cate-side-share .bshare-custom a:hover{
text-decoration: none;
}
.cate-side-share .bshare-custom .bshare-weixin span.iconfont{
background: #20a839;
}
.cate-side-share .bshare-custom .bshare-qzone span.iconfont{
background: #1d8ac9;
}
.cate-side-share .bshare-custom .bshare-sinaminiblog span.iconfont{
background: #e89213;
}
.cate-side-share .bshare-custom .bshare-renren span.iconfont{
background: #456fff;
}
.cate-side-share .bshare-custom .bshare-more span.iconfont{
background: #888888;
}
.content-kwd{
display: block;
}
.collect-a{
color: #b4b4b5;
margin: 5px 10px 0 0;
}
.collect-a.on{
color: #ff4442;
}
.index-foor-1{
margin-top: 30px;
}
.index-foor-title{
font-size: 22px;
font-weight: bold;
color: #333;
position: relative;
height: 30px;
margin-bottom: 10px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}
.index-foor-title em{
font-style:normal;
font-size: 14px;
margin-left: 15px;
color: #999;
font-weight: 400;
}
.index-foor-title em a{
margin-right: 10px;
}
.index-foor-title .tips{
background: #ff7646;
position: absolute;
left: 170px;
color: #fff;
font-size: 12px;
font-weight: normal;
border-radius: 5px;
padding: 0 10px;
bottom: 42px;
animation: mymove 1.2s infinite;
}
@keyframes mymove
{
0% {bottom: 42px;}
50% {bottom: 47px;}
100% {bottom: 42px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {bottom: 42px;}
50% {bottom: 47px;}
100% {bottom: 42px;}
}
.index-foor-title .tips::after{
content: ' ';
position: absolute;
left: 5px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 15px solid transparent;
border-top: 10px solid #ff7646;
top: 23px;
}
.index-floor-1{
padding: 7px;
margin: -7px;
}
.product-item{
width:15%;
float:left;
background: #fff;
padding: 10px;
transition: all 0.5s;
}
.product-item-img{
overflow: hidden;
}
.product-item-img img{
transition: all 0.5s;
width: 100%;
}
.product-item-img:hover img{
transform: scale(1.1);
}
.product-item-title{
height: 22px;
margin: 10px 0;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-item-title a{
color: #787682;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
pointer-events: auto;
}
.index-floor-1 .swiper-button-next, .index-floor-1 .swiper-button-prev{
background: #d9d9d9;
color: #fff;
width: 22px;
height: 35px;
line-height: 35px;
justify-content: left;
opacity: 1;
padding-left: 8px;
}
.index-floor-1 .swiper-button-prev{
left: 0;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
}
.index-floor-1 .swiper-button-next{
right: 0;
border-bottom-left-radius: 15px;
border-top-left-radius: 15px;
padding-left: 12px;
width: 18px;
}
.index-floor-1 .swiper-button-next:after, .index-floor-1 .swiper-button-prev:after{
font-size: 14px;
}
.link_a{
cursor: pointer;
height: 35px;
display: inline-block;
vertical-align: top;
position: relative;
box-sizing: border-box;
}
.product-item-price{
width:100%;
height: 24px;
position: relative;
}
.trade_item .product-item-price a{
float: right;
background: #e01c0f;
color: #fff;
padding: 2px 8px;
}
.product-item-price .link_a{
height:100%;
display:block;
background:url(../images/priceicon.png)no-repeat;
background-size: cover;
}
.product-item-price .price{
position: absolute;
top: 3px;
left: 4px;
display: inline-block;
float: left;
font-size: 18px;
line-height: 18px;
width: 50%;
text-align: center;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product-item-price .discount{
position: absolute;
top: 5px;
right: 8px;
display: inline-block;
color: #ef1f1f;
font-size: 14px;
line-height: 14px;
text-align: left;
font-weight: 700;
}
.index-row5{
height:auto;
padding:20px 0 ;
background: #eeeeef;
overflow:hidden;
}
.index-foor-title,.trade_item{
width:1200px;
margin:0 auto;
}
.trade_item{
}
.trade_item .show-area{
width:48%;
float:left;
margin-right:2%;
background:#fff;
padding-top:15px;
margin-bottom: 15px;
}
.trade_item .show-area:last-child{
margin-right:0;
}
.box-th {
overflow: hidden;
width: 100%;
}
.box-th ul li {
float: left;
width: 74px;
height: 20px;
margin-right: 2px;
padding: 5px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor:pointer;
position:relative;
}
.box-th ul li.s-more,.box-th ul li:last-child{
width: 40px;
position: absolute;
right: 0;
background: #fff;
z-index: 10;
}
.box-th ul li:hover,.box-th ul li.current{
color: #ef1f1f;
}
.more-tab{
display:none;
color: #ef1f1f;
position: absolute;
left:50%;
bottom: 0;
width: 16px;
height: 2px;
overflow: hidden;
background-color: #ef1f1f;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.box-th ul li.current .more-tab{
display:block;
}
.box-tb {
margin-top: 20px;
height: 500px;
}
.box-tb .item:nth-child(n+2) {
display: none;
}
.box-tb .item .product-item{
width:22%;
padding:8px;
margin-bottom:20px;
}
.box-tb .item .product-item-title{
height: 36px;
line-height:18px;
}
.box-tb .item .product-item-price span , .index-floor-2-list .product-item-price span{
font-weight: bold;
color: #e01c0f;
font-size: 18px;
display: inline-block;
}
.box-tb .item .product-item-price .cny , .index-floor-2-list .product-item-price .cny{
font-weight: 700;
display: inline-block;
font-style: normal;
margin-right: 2px;
font-size: 12px;
color:#e01c0f;
}
.box-tb .item .product-item-price .unit , .index-floor-2-list .product-item-price .unit{
font-size: 12px;
font-weight: 400;
padding-left: 2px;
}
.index-floor-2-list .product-item-price .location{
float:right;
max-width: 43%;
line-height:24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: #999;
padding-left:15px;
background:url(../images/6c.jpg)no-repeat 0px 6px;
background-size: 18%;
vertical-align:middle;
}
.index-floor-2-list{
display: flex;
flex-wrap: wrap;
margin-bottom: 80px;
}
.index-floor-2-list .product-item{
width: 208px;
margin-right: 14px;
margin-bottom: 20px;
}
.index-floor-2-list .product-item:nth-of-type(5n){
margin-right: 0;
}
.index-floor-2-list .product-item-price{
margin:10px 0;
}
.index-floor-2-list .product-item-title{
height: 36px;
line-height:18px;
margin:0;
}
.index-floor-2-list .tags-wrap{
position: relative;
height: 28px;
margin: 15px 0 0;
}
.index-floor-2-list .tags-wrap span{
font-size: 12px;
color: #999;
margin-right: 5px;
border: 1px solid transparent;
}
.index-floor-2-list .p-card-bottom{
line-height: 20px;
height: 20px;
}
.index-floor-2-list .p-card-bottom .name{
display: inline-block;
font-size: 12px;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.index-floor-2-list .p-card-bottom .icons{
display: inline-block;
position: relative;
vertical-align: 0px;
}
.index-floor-2-list .p-card-bottom .qi-icon-1{
width: 18px;
height: 18px;
background:url(../images/qi_icon_2.cc5f569.png) no-repeat;
background-size: 90%;
}
.index-floor-2-list .p-card-bottom .qi-icon-2{
width: 25px;
height: 25px;
background:url(../images/qi_icon_1.07f67c3.png) no-repeat;
background-size: 100%;
vertical-align: -2px;
}
.index-floor-2-list .p-card-bottom .qi-icon-3{
width: 65px;
height: 16px;
background:url(../images/factory_full.b1973e0.png) no-repeat;
background-size: 100%;
}
.ann-content{
max-width: 1200px;
margin: 0 auto;
padding: 20px 0;
line-height: 26px;
color: #333;
}
.ann-content img{
max-width: 100%;
}
.ann-content h2{
font-weight: revert;
}
.lr-table table .content .sj-filter-item.on{
color: #ef1f1f;
}
.tags-wrap a {
font-size: 12px;
margin-right: 5px;
border: 1px solid transparent;
vertical-align: middle;
background: #e01c0f;
color: #fff;
padding: 2px 5px;
}
.tags-wrap a img {
height: 18px;
margin-right: 3px;
}
.tags-wrap a:hover{
color: #fff;
}
@media screen and (max-width: 1024px){
.content-kwd .ph{
display: none;
}
/*.content-kwd.pc{
display: none;
}*/
input,textarea {-webkit-appearance:none;}
.w1200{
width: 100%;
}
.top, .search, .platform{
display: none;
}
.header{
height: 80px;
background: #ff4440;
}
.logo{
top: 0;
}
.logo img{
max-height: 80px;
}
.nav-list{
display: none;
}
.cate-main{
padding: 0 5%;
width: 90%;
margin-bottom: 50px;
}
.article-detail{
width: 100%;
float: none;
margin-right: 0;
}
.article-time{
font-size: 12px;
border-bottom: none;
}
.article-content{
padding-top: 0;
}
.content-desc{
border: none;
background: #eeeeef;
color: #9e9e9f;
}
.content-kwd{
display: block;
}
.prev-next div{
width: auto;
float: none;
margin-bottom: 15px;
white-space: nowrap;
overflow: hidden;
}
.detail-comment {
margin-top: 20px;
position: relative;
margin-bottom: 60px;
}
.detail-comment-title-l{
font-size: 20px;
}
.detail-comment-title-total{
font-size: 12px;
}
.detail-comment-form textarea{
width: 75%;
padding: 2%;
height: 50px;
border-radius: 0;
}
.detail-comment-form span{
width: 20%;
font-size: 14px;
line-height: 66px;
}
.comment-list-title-l{
font-size: 16px;
}
.comment-list-title-r{
font-size: 12px;
}
#comment_list li{
position: relative;
}
#comment_list li img{
position: absolute;
width: 55px;
}
.comment-content{
float: none;
width: auto;
padding-left: 70px;
}
.detail-comment::after{
content: ' ';
border-bottom: 3px solid #eeeeef;
width: 112%;
position: absolute;
bottom: -30px;
left: -6%;
}
.load-comment{
margin-bottom: 30px;
}
.cate-side-article .ul1 li{
font-size: 12px;
}
.cate-side-article{
width: 100%;
}
.cate-side-article .ul2 li.ov{
position: relative;
}
.cate-side-article .ul2 .list-img{
position: absolute;
width: 130px;
height: auto;
}
.cate-side-article .ul2 .list-info{
float: none;
padding-left: 145px;
width: auto;
}
.cate-side-article .ul2 .list-info a{
font-size: 14px;
}
.list-info span{
font-size: 12px;
}
.footer{
display: none;
}
.phone-footer{
display: block;
position: fixed;
bottom: 0;
width: 100%;
}
.phone-footer a{
float: left;
width: 50%;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
background: #33beef;
}
.phone-footer a:last-child{
background: #f29600;
}
.detail-comment-title-l span{
margin-left: 5px;
}
}