/*!
    Theme Name: lexiw
    Theme URI: https://www.lexiw.com/
    Description: A better theme by lexiw.com
*/
.banner {position:relative;width:390px;height:252px;margin:0 0 25px 0;}
.banner .swiper-container {position:relative;width:390px;height:252px;z-index:9;border-radius:15px;background-color:wheat;}
.banner .swiper-slide {position:relative;}
.banner .swiper-slide .over {width:100%;height:100%;}
.banner .swiper-slide .over img {width:100%;height:100%;object-fit:cover;-webkit-transition:transform 0.2s ease-out;-moz-transition:transform 0.2s ease-out;-ms-transition:transform 0.2s ease-out;-o-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;}
.banner .swiper-slide .over img:hover {transform:scale(1.2);}
.banner .swiper-slide p {position:absolute;bottom:0;width:100%;height:42px;font-size:16px;color:#FFFFFF;line-height:42px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0 0 8px;box-sizing:border-box;background-image:linear-gradient(180deg,rgba(120,120,120,0) 0%,rgba(67,67,67,0.75) 100%);}
.banner .pagination {position:absolute;z-index:20;top:50%;left:8px;width:5%;transform:translateY(-50%);}
.banner .swiper-pagination-switch {display:block;width:6px;height:6px;border-radius:8px;background:#fff;margin:15px 5px;cursor:pointer;}
.banner .swiper-active-switch {width:8px;height:8px;margin-left:2px;background:transparent;border:2px solid #fff;}
.banner-list li {float:left;margin-right:15px;}
.banner-list li:last-of-type {position:relative;margin-right:0;}
.banner-list li img {width:185px;height:139px;background-color:#f2f2f2;object-fit:cover;-webkit-transition:transform 0.2s ease-out;-moz-transition:transform 0.2s ease-out;-ms-transition:transform 0.2s ease-out;-o-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;}
.banner-list li p {width:185px;font-size:14px;color:#555555;line-height:20px;letter-spacing:0.5px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;}
.banner-list li:hover img {transform:scale(1.2);}
.banner-list li:hover p {color:#E98469;}

.middle-list {margin-left:20px;}
.middle-list li {line-height:0;margin-bottom:20px;}
.middle-list li i {float:left;width:5px;height:5px;background-color:#89BAF4;border-radius:50%;margin:8px 10px 8px 20px;}
.middle-list li span {display:inline-block;width:340px;font-size:14px;color:#555555;line-height:20px;letter-spacing:0.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.middle-list li:hover i {color:#fff;background-color:#E98469;}
.middle-list li:hover span {color:#E98469;}
.middle-list .title {line-height:0;}
.middle-list .title i {width:55px;height:25px;font-size:12px;line-height:25px;text-align:center;background:url(../images/home_tab_n.png) no-repeat;background-size:100%;border-radius:6px;margin:0 15px 0 0;}
.middle-list .title span {width:373px;color:#2F7BEF;font-size:16px;font-weight:bold;line-height:25px;letter-spacing:0.64px;}
.middle-list .title:hover i {background:url(../images/home_tab_s.png) no-repeat;background-size:100%;}
.middle-list .title:hover span {color:#E98469;}
.m3{margin-top:20px;}
.line {
    width: 100%;
    border-top: 1px solid #f3f3f3;
    overflow: hidden;
}
.line .title {display:inline-block;line-height:0;padding:10px 0 20px;margin-top:-1px;border-top:2px solid #8fb3ff;}
.line .title i {color:#DADADA;font-size:22px;margin-right:6px;line-height:1;}
.line .title span {display:inline-block;color:#333333;font-size:22px;line-height:1;}
.line .classify {line-height:0;padding:10px 0 20px;margin-left:20px;}
.line .classify a {display:inline-block;font-size:12px;color:#A1A1A1;line-height:22px;cursor:pointer;}
.line .classify a:hover {color:#E98469;}
.line .classify i {display:inline-block;font-size:22px;color:#a1a1a1;vertical-align:middle;margin:0 5px;}
.evaluate {width:443px;overflow: hidden;}
.evaluate-main {margin:0 20px 15px 0;}
.evaluate img {width:212px;height:159px;background-color:#f2f2f2;object-fit:cover;-webkit-transition:transform 0.2s ease-out;-moz-transition:transform 0.2s ease-out;-ms-transition:transform 0.2s ease-out;-o-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;}
.evaluate-main img {width:200px;height:150px;}
.evaluate .text {position:relative;width:221px;height:160px;}
.evaluate-main .text {width:223px;height:150px;}
.evaluate .text p {font-size:14px;color:#555555;line-height:28px;font-weight:bold;}
.evaluate .text .author {color:#A1A1A1;font-size:12px;line-height:12px;}
.evaluate .text .author {position:absolute;bottom:0;width:100%;}
.evaluate .text .author span {color:#A1A1A1;font-size:12px;line-height:1;}

.new {width:440px;}
.new .title {text-align:center;line-height:25px;margin-bottom:25px;}
.new .title a {display:block;height:25px;font-size:18px;font-weight:bold;color:#2F7BEF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new .title a:hover {color:#E98469;}
.new li {line-height:0;margin-bottom:20px;overflow: hidden;}
.new li.h14,.new li.h15,.new li.h17,.new li.h19,.new li.h21 {margin-top:33px;}
.new li i {float:left;width:3px;height:3px;border-radius:50%;background-color:#c4c4c4;margin:9px 10px 0;}
.new li a {float:left;font-size:14px;color:#C4C4C4;line-height:20px;}
.new li a:nth-of-type(2) {float:left;color:#555555;width:350px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new li:hover i {background-color:#E98469;}
.new li:hover a {color:#E98469;}
.new li.h10 {height:10px;margin-bottom:0;}
.new li.h13 {height:13px;margin-bottom:0;}
.new li.h14, .new li.h15, .new li.h17, .new li.h19, .new li.h21 {
    margin-top: 33px;
}
.recommend {width:276px;height:320px;padding:10px 10px 0;background:#F8FBFF;border-radius:12px;box-sizing:border-box;}
.recommend .title {margin-bottom:15px;}
.recommend .title i {float:left;width:22px;height:25px;margin-left:-8px;background:url(../images/home_icon_tuijian.png) no-repeat center;background-size:100%;}
.recommend .title p {font-size:18px;color:#555555;letter-spacing:1.93px;line-height:25px;}
.recommend .product {width:256px;margin-bottom:1px;}
.recommend .product img {width:120px;height:120px;object-fit:cover;}
.recommend .product a {display:block;font-size:14px;color:#333333;line-height:20px;margin-bottom:14px;}
.recommend .product .fr>a:nth-of-type(1) {display:block;width:126px;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.recommend .product a:hover {color:#E98469;}
.recommend .product .fr {width:126px;}
.recommend .product ul li {float:left;width:54px;height:22px;text-align:center;line-height:22px;border:2px;margin-right:10px;margin-bottom:10px;background-color:#F1F4FA;}
.recommend .product ul li a {display:block;font-size:12px;color:#95ACCA;line-height:22px;}
.recommend .product ul li:nth-of-type(2n) {margin-right:0;}
.recommend .product ul li:hover {background-color:#DCEBFF;}
.recommend .product ul li:hover a {color:#358BFF;}
.recommend .product .shop {width:118px;height:22px;font-size:12px;color:#95ACCA;text-align:center;line-height:22px;background:#F1F4FA;border-radius:2px;}
.recommend .product .shop:hover {color:#358BFF;background-color:#DCEBFF;}

.link {
    padding: 20px 0;
    background: #F8F8F8;margin-top:20px;
}

.link .link-box span {
    font-weight: bold;
    font-size: 16px;
}
.link .link-box span, .link .link-box a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    color: #404040;
    letter-spacing: 0;
}
.link .link-box a {
    font-size: 14px;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main-l {
    width: 730px;
}
.main-l .crumbs {height:58px;line-height:58px;border-bottom:1px solid #E2E2E2;color:#8590A6;margin-bottom:10px;}
.main-l .crumbs a {color:#8590A6;vertical-align:middle;}
.main-l .crumbs a:hover {color:#4270D2;}
.main-l .crumbs > span {color:#BAC0CD;vertical-align:middle;}
.main-l .detail-crumbs {line-height:70px;height:70px;}
.main-l .detail-crumbs .channel-name {margin-right:50px;font-size:24px;color:#B2B7C2;font-weight:700;}
.main-l .detail-crumbs .channel-name:hover {color:#B2B7C2;}
.main-l .detail-crumbs .channel-name span {color:#FF8D6F;}
.main-l .article-list li {height:150px;padding:20px;border-bottom:1px solid #E2E2E2;}
.main-l .article-list li:last-child {border-bottom:none;}
.main-l .article-list li:hover {-webkit-box-shadow:0 2px 16px 0 rgba(182,182,182,0.5);-moz-box-shadow:0 2px 16px 0 rgba(182,182,182,0.5);box-shadow:0 2px 16px 0 rgba(182,182,182,0.5);}
.main-l .article-list li .img {display:block;width:200px;height:150px;overflow:hidden;}
.main-l .article-list li .img img {width:200px;height:auto;}
.main-l .article-list li .mess {width:470px;height:150px;margin-left:20px;position:relative;}
.main-l .article-list li .mess .title {font-size:18px;line-height:32px;height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.main-l .article-list li .mess p {line-height:26px;height:52px;font-size:13px;color:#777777;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.main-l .article-list li .mess .info {position:absolute;bottom:0;left:0;width:100%;color:#B0B0B0;line-height:16px;font-size:13px;}
.main-l .article-list li .mess .info .name {color:#999;}
.main-l .article-list li .mess .info .name:hover {color:#4270D2;}
.main-l .article-list li .mess .info .icon-comment {color:#B0B0B0;/*&:hover {color:#7A859C;&:before {color:#7A859C;}
}
*/}
.main-l .article-list li .mess .info .icon-comment:before {font-size:16px;margin-right:5px;}
.main-l .article-list li .mess .info .icon-comment {display:none;}
.main-l .icon-praise i,.main-l .icon-praise:hover i,.main-l .icon-praise.no-praise i {background:url(../images/bg.png) no-repeat;}
.main-l .icon-praise {margin:10px auto 0;width:140px;height:50px;border:1px solid #FFACA1;text-align:center;font-size:13px;color:#F77B6A;line-height:50px;border-radius:25px;cursor:pointer;}
.main-l .icon-praise i {display:inline-block;width:22px;height:23px;background-position:0 -183px;margin-right:10px;vertical-align:-6px;}
.main-l .icon-praise:hover {background:#FEF1F0;}
.main-l .icon-praise:hover i {background-position:0 -183px;}
.main-l .icon-praise.no-praise {background:#F77B6A;color:#fff;}
.main-l .icon-praise.no-praise i {background-position:0 -207px;}
.main-l .thisproduct-box {padding-top:15px;}
.main-l .thisproduct {padding-top:15px;}
.main-l .thisproduct .img {display:block;width:200px;height:200px;overflow:hidden;float:left;}
.main-l .thisproduct .img img {width:100%;height:100%;}
.main-l .thisproduct .mess {float:right;width:510px;}
.main-l .thisproduct .mess .title {line-height:28px;}
.main-l .thisproduct .mess .title h4 {width:350px;font-size:18px;}
.main-l .thisproduct .mess .title a {font-size:12px;color:#8590A6;}
.main-l .thisproduct .mess .title a:hover {color:#4270D2;}
.main-l .thisproduct .mess .allocation {padding-top:5px;margin-right:-40px;}
.main-l .thisproduct .mess .allocation span {float:left;line-height:26px;margin:5px 20px 0 0;width:245px;color:#999999;height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-l .thisproduct .mess .parameter {padding-top:20px;}
.main-l .thisproduct .mess .parameter a {background:#F1F4FA;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;float:left;margin-right:20px;width:100px;height:34px;line-height:34px;text-align:center;color:#4270D2;}
.main-l .thisproduct .mess .parameter a:hover {background-color:#D0DDF9;}
.main-l .recommend-article {margin-right:-5px;}
.main-l .recommend-article a {float:left;width:200px;height:212px;padding:20px;margin-right:5px;}
.main-l .recommend-article a:hover {-webkit-box-shadow:0 2px 16px 0 rgba(182,182,182,0.5);-moz-box-shadow:0 2px 16px 0 rgba(182,182,182,0.5);box-shadow:0 2px 16px 0 rgba(182,182,182,0.5);}
.main-l .recommend-article a .img {width:200px;height:150px;overflow:hidden;}
.main-l .recommend-article a .img img {width:200px;height:auto;}
.main-l .recommend-article a p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px;line-height:24px;margin-top:10px;}

.main-r {
    float: right;
    width: 300px;
    margin-top: 10px;
}
.main-r .news-article {
    width: 300px;
    margin-top: 12px;
  }
  .main-r .news-article .news-item {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    position: relative;
    line-height: 24px;
    padding: 15px 0 15px 14px;
    font-size: 14px;
  }
  .main-r .news-article .news-item:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #648FEB;
    position: absolute;
    top: 25px;
    left: 0;
  }
  .main-r .news-article .news-item:last-child {
    border-bottom: none;
  }
  .main-r .hot-recommend a {
    display: block;
    padding-top: 20px;
    height: 75px;
  }
  .main-r .hot-recommend a .img {
    float: left;
    width: 100px;
    height: 75px;
  }
  .main-r .hot-recommend a .img img {
    width: 100%;
    height: auto;
  }
  .main-r .hot-recommend a p {
    font-size: 13px;
    line-height: 22px;
    margin: 5px 0 0 10px;
    float: left;
    width: 190px;
    height: 66px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .main-r .next-article {
    width: 300px;
  }
  .main-r .next-article .icon-trigon {
    padding-top: 15px;
    padding-left: 20px;
    position: relative;
    line-height: 28px;
    display: block;
  }
  .main-r .next-article .icon-trigon:before {
    position: absolute;
    top: 17px;
    left: 0;
  }


  .content-box {padding-top:20px;color:#555;}
.content-box .ad {margin-bottom:20px;}
.content-box .ts-article-info {border-bottom:1px solid #E2E2E2;}
.content-box .title {line-height:56px;font-size:32px;}
.content-box h3 {font-size:24px;line-height:40px;margin:20px 0;}
.content-box p {font-size:16px;line-height:34px;margin:10px 0 20px 0;}
.content-box p img {max-width:100%;height:auto;margin:0 auto;padding:10px 0;display:inline-block;}
.content-box p a {color:#4270D2;}
.content-box p a:hover {color:#FB6B45;}
.content-box p a img {max-width:100%;height:auto;padding:10px 0;}
.content-box .quote {border-left:3px solid #3A77C9;font-size:16px;color:#627FBA;line-height:34px;padding-left:16px;margin:20px 0;}
.content-box ul,.content-box ol {list-style-position:inside;font-size:16px;line-height:32px;}
.content-box ul li,.content-box ol li {margin-top:15px;}
.content-box ul {list-style-type:square;color:#4270D2;}
.content-box ul li {color:#555;}
.content-box ol {list-style-type:decimal;}
.ts-article-info {
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #555;
    padding: 20px 0;
}
.pub-title {
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 5px;
}
.pub-title h4 {
    float: left;
    border-bottom: 2px solid #4270D2;
    margin-bottom: -1px;
    line-height: 48px;
    font-size: 16px;
}