.colorff4 {
  color: #FF4C4C !important;
}

.colorffc {
  color: #FFC108 !important;
}

html body {
  font-size: 14px;
}

.img {
  overflow: hidden;
}

.img img {
  width: 100%;
  height: 100%;
  display: block;
  -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;
}

.img:hover img {
  webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

a:hover {
  color: #4597f5 !important;
}

.navbox-list li a:hover {
  color: #fff !important;
  opacity: 100%;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.w980 {
  width: 980px;
  margin: 0 auto;
}

.w350 {
  width: 350px;
}

.w570 {
  width: 570px;
}

.w580 {
  width: 580px;
}

.w390 {
  width: 390px;
}

.w380 {
  width: 380px;
}

.w730 {
  width: 730px;
}

.w215 {
  width: 215px;
}

.w240 {
  width: 240px;
}

.w954 {
  width: 954px;
}

.w200 {
  width: 200px;
}

.w660 {
  width: 660px;
}

.w315 {
  width: 315px;
}

.w320 {
  width: 320px;
}

.w239 {
  width: 239px;
}

.w720 {
  width: 720px;
}

.w340 {
  width: 340px;
}

.w350 {
  width: 350px;
}

.w409 {
  width: 409px;
}

.w289 {
  width: 289px;
}

.w720 {
  width: 720px;
}

.ad {
  overflow: hidden !important;
  text-align: left !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px;
  overflow-x: hidden;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

body {
  background-color: #fff;
}

.line958 {
  background-color: #eeeeee;
  width: 958px;
  height: 1px;
  margin: 0 auto;
}

.pub-tit h3 {
  display: inline-block;
  margin-left: 5px;
}

.pub-tit .tit {
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #333333;
  letter-spacing: 2.57px;
  font-weight: normal;
}

.pub-tit .iconfont {
  color: #4597F5;
  margin-right: 10px;
  font-size: 22px;
}

.pub-btn {
  background-color: #EF4C21;
  color: #fff;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
}

.pub-btn:hover {
  color: #fff;
  position: relative;
}

.pub-btn:hover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.tab-nav a {
  display: inline-block;
  margin-top: 6px;
  height: 22px;
  line-height: 22px;
  margin-right: 20px;
  padding: 0 5px;
  vertical-align: text-bottom;
}

.tab-nav a:hover,
.tab-nav a.current {
  background-color: #4597F5;
  color: #fff !important;
  border-radius: 2px;
}

.tab-nav .more {
  margin-right: 0;
}

.tab-nav .more:hover {
  color: #4597f5 !important;
  background-color: #fff;
}

.tab-content {
  display: none;
}

.tab-content.current {
  display: block;
}

.header .index-link {
  font-size: 13px;
  margin-right: 30px;
  color: #C8CACD;
}

.header .index-link:hover {
  color: #fff;
}

.header .icon-collection {
  border-left: 1px solid #536075;
  padding-left: 20px !important;
}

.header .top-nav {
  font-size: 13px;
  padding: 0 20px;
  color: #C8CACD;
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-bottom: 11px;
  margin-bottom: 11px;
}

.header .top-nav:hover {
  color: #FF9D35;
}

.header .top-nav:hover .nav {
  display: block;
}

.header .top-nav .nav {
  display: none;
  border-top: 4px solid #FF9D35;
  height: 91px;
  background: #F9F9F9;
  position: absolute;
  top: 27px;
  left: -70px;
}

.header .top-nav .nav ul {
  padding: 11px 24px 0;
}

.header .top-nav .nav li {
  position: relative;
  float: left;
  padding-bottom: 20px;
  margin-right: 43px;
  width: 90px;
}

.header .top-nav .nav li.line-last {
  width: 88px;
  margin-right: 0;
}

.header .top-nav .nav li:hover span,
.header .top-nav .nav li:hover a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.header .top-nav .nav li:hover .icon-down:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header .top-nav .nav li:hover .down-list {
  display: block;
}

.header .top-nav .nav li .icon-tab_icon_xiala:before {
  content: "\e92f";
  color: #a7a7a7;
}

.header .top-nav .nav li a {
  font-size: 16px;
  line-height: 22px;
  height: 22px;
  font-weight: bold;
  opacity: 0.95;
  filter: alpha(opacity=95);
  color: #686868;
  display: block;
}

.header .top-nav .nav li .down-list {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  box-shadow: 0 2px 4px 0 rgba(226, 226, 226, 0.5);
  border-radius: 2px;
  padding: 5px 0;
  z-index: 9;
}

.header .top-nav .nav li .down-list a {
  display: block;
  padding: 8px 20px;
  font-weight: normal;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}

.header .top-nav .nav li .down-list a:hover {
  background: #f5f5f5;
}

.header .top-nav .nav li .down-list .icon-down {
  color: #a7a7a7;
}

.logo-search-box {
  margin-top: 10px;
}

.logo-search-box .logo-box {
  padding-top: 24px;
}

.logo-search-box .logo {
  margin-right: 15px;
}

.logo-search-box .logo img {
  width: 120px;
  height: 48px;
}

.logo-search-box .channel-name {
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
  border-left: 1px solid #d8d8d8;
  padding-left: 15px;
  margin-top: 20px;
}

.logo-search-box .channel-name span {
  color: #0070c9;
}

.logo-search-box .form-search {
  margin-top: 14px;
  width: 300px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #dddddd;
  position: relative;
}

.logo-search-box .form-search .ipt {
  display: block;
  height: 100%;
  width: 279px;
  padding-left: 20px;
  border: none;
  font-size: 14px;
}

.logo-search-box .form-search .submit-btn {
  width: 50px;
  height: 33px;
  position: absolute;
  right: -1px;
  top: -1px;
  background-color: #4597f5;
  color: #fff;
  border: none;
  font-size: 14px;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}

.logo-search-box .form-search .submit-btn:hover {
  background-color: #0070c9;
}

.logo-search-box .hotbox .hotsearch {
  margin-top: 10px;
}

.logo-search-box .hotbox .hotsearch li {
  float: left;
  margin-right: 15px;
}

.logo-search-box .hotbox .hotsearch li a {
  display: block;
  overflow: hidden;
  width: 82px;
  height: 20px;
  font-size: 12px;
  color: #333333;
}

.logo-search-box .hotbox .hotsearch li:nth-child(1) {
  margin-right: 10px;
  color: #9A9A9A;
  font-size: 12px;
  line-height: 22px;
}

/* .logo-search-box .hotbox .hotsearch li:nth-child(1) a{
    font-size: 12px;
    color: #9A9A9A;
    font-size: 12px;
    line-height: 22px;
  } */
.channel-nav {
  height: 40px;
  background-color: #4597f5;
  line-height: 40px;
}

.channel-nav a {
  padding: 0 30px;
  float: left;
  font-size: 16px;
  color: #fff;
}

.channel-nav a:hover,
.channel-nav a.current {
  background-color: #0070c9;
  color: #fff !important;
}

.logo-links {
  width: 960px;
  margin: 15px auto 0;
  padding-bottom: 5px;
}

.logo-links a {
  float: left;
  margin: 0 1px;
}

.logo-links a:hover p {
  color: #4A90E2;
}

.logo-links a img {
  display: block;
  width: 94px;
  height: 34px;
}

.logo-links a p {
  height: 34px;
  line-height: 35px;
  color: #666;
  text-align: center;
}

.more-brand {
  padding-left: 10px;
  color: #D1D1D1;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 12px;
}

.more-brand span {
  color: #646464;
}

.more-brand a {
  color: #646464;
  padding: 0 15px;
}

.more-brand a:hover {
  color: #0083EB !important;
}

.li1 {
  margin-right: -20px;
}

.li1 a {
  float: left;
  width: 180px;
  text-align: center;
  padding: 15px 0;
  margin-right: 20px;
}

.li1 a .tit {
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  overflow: hidden;
}

.li1 a p {
  color: #999999;
  line-height: 14px;
  margin-top: 10px;
}

.li1 a p span {
  color: #FF4C4C;
}

.banner {
  width: 620px;
  height: 310px;
  position: relative;
}

.banner.laptop {
  width: 660px;
  height: 480px;
}

.banner.laptop .gallery-top p {
  bottom: 99px;
}

.banner.laptop .gallery-thumbs {
  padding: 10px 0;
  width: 622px;
}

.banner.laptop .gallery-thumbs .swiper-slide {
  height: 64px;
}

.banner.laptop .gallery-thumbs-box {
  height: 84px;
}

.banner .gallery-top {
  width: 100%;
  height: 100%;
}

.banner .gallery-top p {
  position: absolute;
  bottom: 79px;
  color: #fff;
  height: 32px;
  font-size: 24px;
  line-height: 30px;
  margin: 0 10px;
  border-left: 6px solid #FF7E00;
  padding-left: 10px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.banner .gallery-thumbs-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
}

.banner .gallery-thumbs {
  padding: 10px 0;
  width: 582px;
}

.banner .gallery-thumbs .swiper-slide {
  position: relative;
  height: 48px;
  border: 2px solid transparent;
  background-size: 80px 44px;
  background-repeat: no-repeat;
  overflow: initial;
  box-sizing: border-box;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.banner .gallery-thumbs .swiper-slide:before {
  content: '';
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  width: 0;
  height: 0;
  left: 36px;
  top: -10px;
}

.banner .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border-color: #FF7E00;
}

.banner .gallery-thumbs .swiper-slide-thumb-active:before {
  border-bottom-color: #FF7E00;
}

.banner img {
  display: block;
  width: 100%;
  height: 100%;
}

.m1 .tit1 {
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  height: 18px;
  color: #4597f5;
}

.m1 .tit1:hover {
  color: #FF4C4C !important;
}

.m1 .tit2 {
  text-align: center;
  font-size: 0;
  margin-top: 20px;
  height: 14px;
}

.m1 .tit2 a {
  width: 165px;
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  overflow: hidden;
  display: inline-block;
}

.m1 .tit2 a:nth-of-type(1) {
  margin-right: 5px;
}

.m1 .tit2 a:nth-of-type(2) {
  margin-left: 5px;
}

.li2 {
  padding-top: 13px;
}

.li2 li {
  line-height: 14px;
  height: 14px;
  margin-top: 15px;
}

.li2 .name {
  width: 44px;
  text-align: right;
  padding-right: 10px;
  border-right: 1px solid #D1D1D1;
  line-height: 14px;
  color: #666;
  float: left;
}

.li2 .tit {
  margin-left: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  float: left;
}

.li2 span {
  float: right;
}

.li3 li {
  margin-top: 15px;
  line-height: 16px;
  height: 16px;
  overflow: hidden;
}

.li3 li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  background-color: #E1E1E1;
}

.m2 .img {
  width: 185px;
  height: 140px;
}

.m2 .tit1 {
  line-height: 16px;
  height: 16px;
  font-weight: bold;
  overflow: hidden;
}

.m2 .img,
.m3 .img,
.swiper1 .img,
.li4 .img {
  display: block;
  position: relative;
}

.m2 .img p,
.m3 .img p,
.swiper1 .img p,
.li4 .img p {
  background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  padding: 5px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.m2 .img p span,
.m3 .img p span,
.swiper1 .img p span,
.li4 .img p span {
  display: block;
  font-size: 12px;
  color: #fff;
  margin: 0 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.m3 .img {
  width: 350px;
  height: 200px;
}

.swiper1 .img {
  margin-bottom: -3px;
}

.swiper1 .img p {
  line-height: 21px;
  height: 42px;
}

.swiper1 .li3 li {
  margin-top: 18px;
}

.swiper-module {
  width: 100%;
}

.swiper-module .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #D8D8D8;
  opacity: 1;
}

.swiper-module .swiper-pagination-bullet-active {
  width: 22px;
  background-color: #4597F5;
  border-radius: 5px;
}

.swiper-module .swiper-pagination {
  line-height: 10px;
}

.swiper1 .swiper-pagination,
.swiper3 .swiper-pagination {
  position: static;
  line-height: 10px;
  margin-top: 18px;
}

.swiper1 .img {
  width: 290px;
  height: 218px;
}

.swiper2 .swiper-slide,
.swiper4 .swiper-slide {
  height: 180px;
  position: relative;
}

.swiper2 .swiper-slide img,
.swiper4 .swiper-slide img {
  width: 100%;
  height: 100%;
}

.swiper2 .swiper-slide p,
.swiper4 .swiper-slide p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;
  background: rgba(0, 0, 0, 0.5);
}

.swiper2 .swiper-slide p span,
.swiper4 .swiper-slide p span {
  display: block;
  margin: 0 10px;
  color: #fff;
  overflow: hidden;
  line-height: 14px;
  height: 14px;
  margin-top: 10px;
}

.swiper3 .swiper-pagination {
  margin-top: -3px;
}

.swiper5 .img {
  width: 112px;
  height: 90px;
  margin: 0 auto;
  display: block;
}

.swiper5 .name {
  text-align: center;
  display: block;
  line-height: 14px;
  margin: 12px 0 10px;
  height: 14px;
  overflow: hidden;
}

.swiper5 .swiper-b {
  height: 107px;
  padding: 3px 10px 10px;
  line-height: 28px;
  background: url(../img/bg_bianjituijian.png) no-repeat center;
  color: #2E2E2E;
}

.swiper5 .swiper-b span {
  color: #646464;
}

.swiper5 .swiper-b .price {
  color: #FF4C4C !important;
}

.li4 .img {
  display: block;
}

.li4 dt {
  height: 220px;
}

.li4 dt .img {
  height: 100%;
  position: relative;
}

.li4 dt .iconfont {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  color: rgba(0, 0, 0, 0.5);
  line-height: 220px;
  width: 100%;
  text-align: center;
  font-size: 40px;
}

.li4 dd {
  margin-top: 22px;
  float: left;
  height: 38px;
}

.li4 dd:nth-of-type(2) {
  margin: 22px 27px 12px;
  padding: 0 27px;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}

.li4 dd .img {
  width: 203px;
  height: 62px;
  margin-top: -12px;
}

.li5 li {
  position: relative;
  width: 228px;
  float: left;
  margin-bottom: 18px;
}

.li5 li:nth-of-type(2),
.li5 li:nth-of-type(5) {
  margin: 0 18px;
}

.li5 li .img {
  width: 228px;
  height: 125px;
  display: block;
}

.li5 li p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 34px;
  background: rgba(0, 0, 0, 0.5);
}

.li5 li p span {
  display: block;
  margin: 0 10px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.li6 li {
  height: 100px;
  margin-top: 15px;
}

.li6 li .img {
  margin-right: 15px;
  height: 100%;
  width: 140px;
}

.li6 li .tit {
  line-height: 22px;
  height: 66px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.li6 li p {
  color: #787878;
  font-size: 12px;
  line-height: 24px;
  margin-top: 10px;
}

.li7 a {
  display: block;
  position: relative;
  border-bottom: 1px solid #F0F0F0;
  padding: 15px 0;
  line-height: 24px;
  margin-left: 15px;
}

.li7 a:before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 26px;
  left: -15px;
  border-radius: 50%;
  background-color: #648FEB;
  opacity: .3;
}

.li7 a:hover:before {
  opacity: 1;
}

.li8 .img {
  display: block;
  height: 120px;
  margin-top: 15px;
}

.li9 .img {
  display: block;
  height: 236px;
  position: relative;
  margin-top: 15px;
}

.li9 p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.li9 span {
  margin: 0 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  color: #fff;
}

.recommend {
  height: 42px;
  background-color: #F8F8F8;
  line-height: 42px;
  font-size: 12px;
}

.recommend a,
.recommend span {
  padding: 0 10px;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.infor-list {
  width: 311px;
  height: 332px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-top: none;
}

.infor-list li {
  padding: 13px 10px;
  border-top: 1px solid #e6e6e6;
}

.infor-list li.current {
  padding: 10px;
}

.infor-list li.current a {
  height: 44px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.infor-list li.current a:hover {
  color: #EF4C21;
}

.infor-list li.current p {
  display: -webkit-box;
}

.infor-list a {
  line-height: 22px;
  display: block;
  font-size: 16px;
  overflow: hidden;
  height: 22px;
}

.infor-list p {
  margin-top: 9px;
  line-height: 14px;
  height: 14px;
  color: #999999;

  overflow: hidden;
  display: none;
}

.product-focus .clearfix {
  margin-right: -15px;
}

.product-focus .dl {
  float: left;
  width: 320px;
  margin-right: 10px;
}

.product-focus .dt {
  height: 80px;
  line-height: 80px;
  text-align: center;
}

.product-focus .dt img {
  display: block;
  width: 100%;
  height: 100%;
}

.product-focus .dd:nth-of-type(1) {
  margin-bottom: 10px;
}

.product-focus .dd a {
  display: block;
  position: relative;
}

.product-focus .dd a:hover p {
  height: 240px;
  display: table;
  background: url("../img/image_pic.png") no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
}

.product-focus .dd a:hover p span {
  display: table-cell;
  vertical-align: middle;
}

.product-focus .dd a:hover img {
  webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.product-focus .dd .img {
  width: 100%;
  height: 240px;
}

.product-focus .dd .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.product-focus .dd p {
  width: 100%;
  position: absolute;
  height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.product-focus .dd p span {
  color: #fff;
  display: block;
  line-height: 20px;
  margin: 10px;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* .art-list .pub-tit span {
  cursor: pointer;
}
.art-list .bands {
  height: 22px;
  color: #D1D1D1;
  line-height: 22px;
  margin-top: 10px;
}
.art-list .bands span {
  padding: 0 15px;
  font-size: 12px;
  color: #646464;
  cursor: pointer;
}
.art-list .bands span.current,
.art-list .bands span:hover {
  color: #4597f5;
} */
.blue-border {
  width: 6px;
  height: 26px;
  background: #3083F4;
  border-radius: 3px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -6px;
}

.red-border {
  display: inline-block;
  width: 6px;
  height: 15px;
  background: #FF0000;
  border-radius: 3px;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 5px;
}

.art-list .art-logo .article-introduce {
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #333333;
  display: inline-block;
  letter-spacing: 2.57px;
  margin-left: 5px;
}

.art-list .art-nav {
  background: #fff;
  margin-top: 20px;
}

.art-list .art-nav span {
  height: 30px;
  line-height: 30px;
  margin-left: 30px;
  border-radius: 30px;
  border: 1px solid #EEEEEE;
  color: #333 !important;
  cursor: pointer;
}

.art-list .art-nav span:hover,
.nav-tab-box .art-nav span.current {
  color: #3083F4 !important;
  border: 1px solid #3083F4;
}

.art-list .art-nav span:first-child {
  margin-left: 10px;
}

.art-list .bands span {
  height: 30px;
  line-height: 30px;
  margin-left: 30px;
  color: #333 !important;
  cursor: pointer;
}

.art-list .bands span:first-child {
  margin-left: 10px;
}

.art-list .bands span:hover,
.nav-tab-box .brand-box span.current {
  color: #3083F4 !important;
}

.art-list ul li .mess {
  float: right;
  width: 500px;
}

.art-list li {
  height: 152px;
  margin-bottom: 20px;
}

.art-list li a {
  overflow: hidden;
  height: 36px;
}

.art-list li a:hover {
  color: #3083F4;
}

.art-list .img {
  float: left;
  width: 202px;
  height: 152px;
  overflow: hidden;
}

.art-list .img img {
  display: block;
  width: 100%;
  height: 152px;
  object-fit: cover;
}

.art-list .mess .title {
  display: block;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  margin-bottom: 10px;
  color: #333333;
  letter-spacing: 1.71px;
  overflow: hidden;
}

.art-list .mess p {
  font-size: 12px;
  color: #999999;
  letter-spacing: 1.39px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  height: 48px;
}

.art-list .mess p a {
  margin-right: 0;
}

.art-list .mess .info {
  margin-top: 38px;
  color: #B0B0B0;
  font-size: 13px;
  width: 468px;
  position: relative;
  line-height: 21px;
}

.art-list .mess .info p {
  display: inline-block;
  margin-right: 10px;
  color: #999;
  font-size: 12px;
  height: 21px;
  line-height: 12px;
  line-height: 21px;
}

.art-list .mess .info p:last-child {
  width: 296px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0px;
  height: 21px;
}

.art-list .mess .info p .iconfont {
  font-size: 12px;
  margin-right: 5px;
}

.art-list .mess .info a {
  margin-right: 44px;
  color: #B0B0B0;
  display: inline;
}

.art-list .mess .info a:hover {
  color: #0070c9;
}

.list1 li {
  height: 149px;
  padding: 10px 0;
}

.list1 .img {
  width: 110px;
  height: 110px;
  overflow: hidden;
}

.list1 .img img {
  width: 100%;
  height: 100%;
}

.list1 .name {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
  overflow: hidden;
  height: 16px;
  width: 110px;
}

.list1 .links-box {
  width: 128px;
  padding-top: 23px;
}

.info-links {
  padding-bottom: 24px;
}

.info-links a {
  color: #EF4C21;
  margin-left: 8px;
  float: left;
  width: 54px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #eeeeee;
  margin-bottom: 8px;
  border-radius: 10px;
  font-size: 12px;
  color: #333333;
}

.info-links a:hover {
  color: #3083F4 !important;
  border-color: #3083F4;
}

.list2 .lit,
.list12 li {
  line-height: 16px;
  height: 16px;
}

.list2 .lit .num,
.list12 li .num {
  background: #c0c0c0;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff !important;
  margin-right: 10px;
  font-size: 12px;
}

.list2 .lit .tit,
.list12 li .tit {
  width: 146px;
  height: 16px;
  overflow: hidden;
  line-height: 16px;
}

.list2 .lit .price,
.list12 li .price {
  color: #999999;
}

.list2 .lit a:hover .price,
.list12 li a:hover .price {
  color: #ef4c21;
}

.list2 {
  margin-top: 12.5px;
}

.list2 li {
  padding: 7.5px 0;
}

.list2 li.current .lib {
  display: block;
}

.list2 li:nth-of-type(-n+3) .lit .num {
  background-color: #FF4C4C;
  color: #fff !important;
}

.list2 li .num {
  width: 15px;
  height: 15px;
  border-radius: 2px;
  color: #333 !important;
}

.list2 li .lit {
  height: 15px;
  line-height: 15px;
}

.list2 li .lib {
  display: none;
  margin-top: 10px;
  padding-left: 25px;
  height: 92px;
}

.list2 li .lib .img {
  width: 92px;
  height: 92px;
  overflow: hidden;
}

.list2 li .lib .img img {
  width: 100%;
  height: 100%;
}

.list2 li .lib .info-links {
  width: 114px;
  padding-top: 22px;
  padding-bottom: 0;
}

.list2 li .lib .info-links a {
  width: 50px;
  margin-left: 5px;
  margin-bottom: 5px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}

.pager {
  padding: 25px 0;
}

.pager a {
  height: 24px;
  padding: 0 8px;
  width: auto;
}

.pager a:hover {
  background-color: #F3F3F3;
}

.pager a.current {
  background-color: #0083EB;
}

.pager a.current:hover {
  background-color: #0083EB;
}

.pager .disabled {
  color: #bbb;
  cursor: default;
}

.pager .icon-prev,
.pager .icon-next {
  width: 26px;
}

.art-nav,
.rank-nav {
  height: 40px;
  background: #f8f8f8;
}

.art-nav span,
.rank-nav span,
.art-nav a,
.rank-nav a {
  float: left;
  text-align: center;
  line-height: 40px;
  padding-top: 2px;
  border-top: 2px solid transparent;
  font-size: 16px;
  padding: 0 25px;
  cursor: pointer;
  margin-top: -2px;
}

.rank-nav span {
  display: inline-block;
  width: 64px;
  color: #333333 !important;
}

.art-nav span.current,
.rank-nav span.current,
.art-nav a.current,
.rank-nav a.current,
.art-nav span:hover,
.rank-nav span:hover,
.art-nav a:hover,
.rank-nav a:hover {
  border-color: #4597f5;
  background-color: #fff;
  color: #0073DD !important;
}

.ranking-nav-box {
  border-bottom: 1px solid #eee;
}

.rank-content {
  display: none;
  background-color: #fff;
}

.rank-content.current {
  display: block;
}

.toolbar {
  height: 97px;
}

.toolbar a.icon-tel {
  border-top: none;
  height: 48px;
}

.friend {
  background-color: #F8F8F8;
  padding: 20px 0;
  border-top: 1px solid #eee;
}

.friend dt {
  float: left;
  line-height: 28px;
  width: 70px;
  text-align: right;
  font-weight: bold;
}

.friend dd {
  line-height: 28px;
  float: right;
  width: 900px;
}

.footer {
  height: auto;
  padding: 14px 0;
  background-color: #333;
  color: #CFCFCF;
  line-height: 32px;
  text-align: center;
}

.footer a {
  color: #cfcfcf;
  margin: 0 4px;
}

/*01.27新增日历*/
.bor0127 {
  height: 292px;
  overflow: hidden;
}

.bor0127_l {
  float: left;
  width: 336px;
  height: 281px;
  overflow: hidden;
}

.calendar {
  border: 1px solid #eee;
  padding: 0 9px;
  width: 336px;
  z-index: 999;
}

#calendar thead {
  color: #fff;
}

#calendar td,
#calendar th {
  text-align: center;
  vertical-align: middle;
  color: #3C3C3C;
  width: 40px;
}

#calendar tr {
  margin-bottom: 14px;
}

#calendar th {
  width: 336px;
}

#calendar div {
  width: 36px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #ccc;
  font-size: 14px;
  margin-top: 16px;
}

#calendar .c_today {
  color: #333;
  font-weight: bold;
}

#calendar .has {
  background: #f0f0f0;
  color: #333;
  cursor: pointer;
}

#calendar .current {
  background: #FF4C4C;
  color: #fff;
}

#calendar p {
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}

#calendar .prev,
#calendar .next {
  width: 17px;
  height: 14px;
  line-height: 14px;
  border: 1px solid #999;
  color: #999;
  border-radius: 2px;
}

#calendar .prev {
  margin-left: 15px;
}

#calendar .next {
  margin-right: 15px;
}

#calendar #calendar_title {
  cursor: pointer;
  text-align: center;
  width: 240px;
  color: #2C3135;
  font-size: 18px;
  display: inline-block;
}

.bor0127_r {
  float: right;
  width: 367px;
  position: relative;
}

.tit0127 a {
  font-weight: bold;
  font-size: 18px;
  line-height: 48px;
}

.tit0127 span {
  float: left;
  background: #4790cf;
  color: #fff;
  padding: 0 4px;
  margin-right: 8px;
}

.tit0127 a {
  color: #3f3f3f;
}

.tit0127 a:hover {
  color: #ce0000;
}

.img0127 {
  height: 112px;
}

.bor0127_r p {
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  color: #787878;
}

.bor0127_r p a {
  color: #4790cf;
}

.bor0127_r p a:hover {
  color: #ce0000;
}

.page0127 {
  display: none;
  position: absolute;
  right: 20px;
  top: 0;
  line-height: 21px;
  font-size: 16px;
  color: #848484;
}

.page0127 a {
  font-size: 12px;
}

.rank-hot {
  height: 22px;
  border-top: 1px solid #4597f5;
  border-bottom: 1px solid #4597f5;
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
  line-height: 22px;
}

.rank-hot span {
  width: 63px;
  float: left;
  border-right: 1px solid #4597f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #E1EFFF;
  color: #4597f5;
  cursor: pointer;
}

.rank-hot span:nth-of-type(1) {
  border-left: 1px solid #4597f5;
}

.rank-hot span.current {
  background-color: #4597f5;
  color: #fff;
}

.laptop .swiper2 .swiper-slide {
  height: 240px;
}

.laptop .list2 .lib {
  height: 121px;
}

.laptop .list2 .lib .img {
  width: 120px;
  height: 121px;
}

.laptop .list2 .lib .info-links {
  width: 122px;
  padding-top: 34px;
  padding-right: 27px;
}

.laptop .list2 .lib .info-links a {
  width: 54px;
}

.homeapp .ranking-nav-box {
  border-bottom: none;
}

.homeapp .business-nav {
  height: 30px;
  padding: 15px 0;
}

.homeapp .business-nav span {
  display: inline-block;
  box-sizing: border-box;
  width: 70px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  float: left;
  font-size: 14px;
  border-radius: 15px;
  cursor: pointer;
  border: 1px solid #EEEEEE;
  color: #333 !important;
}

.homeapp .business-nav span:nth-child(1) {
  margin-left: 0;
}

.homeapp .business-nav span.current,
.homeapp .business-nav span:hover {
  border-color: #3083F4;
  color: #3083F4 !important;
}

.homeapp .swiper-business {
  display: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.homeapp .swiper-business.current {
  display: block;
}

.homeapp .swiper-business .swiper-slide {
  height: 40px;
  text-align: center;
  line-height: 14px;
  font-size: 0;
}

.homeapp .swiper-business .swiper-button-prev,
.homeapp .swiper-business .swiper-button-next {
  background: none;
  font-size: 30px;
  color: #999;
  height: 30px;
}

.homeapp .swiper-business a {
  width: 180px;
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
  position: relative;
}

.homeapp .swiper-business .swiper-slide a:first-child {
  margin-left: 0;
}

.homeapp .swiper-business .swiper-slide a:last-child {
  margin-right: 0;
}

.homeapp .swiper-business .num {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 20px;
  z-index: 9;
}

.homeapp .swiper-business .num i {
  font-style: normal;
  color: #fff;
  line-height: 12px;
  font-size: 12px;
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  text-align: center;
}

.homeapp .swiper-business .num .iconfont {
  color: #FF4C4C;
  font-size: 20px;
  line-height: 20px;
}

.homeapp .swiper-business .img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.homeapp .swiper-business .tit {
  margin-bottom: 10px;
  height: 14px;
  overflow: hidden;
}

.homeapp .swiper-business p {
  color: #999999;
  font-size: 12px;
}

/* .homeapp .swiper-business p span {
  color: #FF4C4C;
} */
.homeapp .swiper-business p:hover {
  color: #FF4C4C;
}

.homeapp .li4 .img {
  width: 350px;
  height: 200px;
}

.homeapp .li4 p {
  line-height: 18px;
  height: 26px;
}

.homeapp .swiper5 .img {
  width: 112px;
  height: 92px;
}

.homeapp .swiper-b {
  height: 87px;
  padding-top: 13px;
}

.homeapp .swiper-b .iconfont {
  color: #d8d8d8;
}

.homeapp .swiper-b .iconfont.current {
  color: #FF7E00;
}

.homeapp .swiper-b .sr .icon {
  font-size: 15px;
  line-height: 15px;
  color: #FFC108;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
}

.homeapp .swiper-b .sr i {
  font-style: normal;
  color: #FFBA00;
}

.homeapp .swiper-b p {
  margin-bottom: 7px;
}

.homeapp .rank-hot span {
  width: 80px;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.Banner_focus {
  border: 1px solid #eee;
  overflow: hidden;
  height: 310px;
  position: relative;
  margin-top: 20px;
}

.Banner_focus1 {
  float: left;
  width: 620px;
  height: 310px;
  border-right: 1px solid #ddeded;
}

.Banner_focus1 a {
  display: block;
  position: relative;
}

.Banner_focus2 {
  float: left;
  width: 356px;
  height: 310px;
}

.Banner_focus2 ul {
  width: 360px;
  clear: both;
  height: 312px;
}

.Banner_focus2 li {
  height: 51px;
  line-height: 51px;
  position: relative;
  border-bottom: 1px solid #eee;
}

.Banner_focus2 li:last-child {
  border-bottom: none;
}

.Banner_focus2 li a {
  overflow: hidden;
  height: 51px;
  padding: 0 20px 0 31px;
  display: block;
  margin-left: -6px;
  font-size: 14px;
  color: #333333;
}

.Banner_focus2 li a.a_01,
.Banner_focus2 li a.a_02,
.Banner_focus2 li a.a_03,
.Banner_focus2 li a.a_04,
.Banner_focus2 li a.a_05,
.Banner_focus2 li a.a_06 {
  background-color: #4597f5;
  border-color: #FF7E00;
  color: #fff;
  position: relative;
  z-index: 99;
  background: url("../img/disekuang.png") no-repeat left center;
  background-size: 100% 100%;
}

.Banner_focus2 li a.a_01:hover,
.Banner_focus2 li a.a_02:hover,
.Banner_focus2 li a.a_03:hover,
.Banner_focus2 li a.a_04:hover,
.Banner_focus2 li a.a_05:hover,
.Banner_focus2 li a.a_06:hover {
  color: #fff !important;
}

.Banner_focus2 li a:hover {
  text-decoration: none;
}

.m2 .img p,
.swiper1 .img p {
  height: 21px;
}

.m2 .img p span,
.swiper1 .img p span {
  -webkit-line-clamp: 1;
}

.swiper4 .swiper-slide img {
  height: auto;
}

.icon {
  font-size: 26px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.search-btn {
  font-size: 17px !important;
}

.nav-box {
  height: 50px;
  background: #3083F4;
  margin-top: 20px;
}

.navbox-list {
  padding-left: 10px;
}

.navbox-list li {
  float: left;
  margin-right: 50px;
  line-height: 50px;
}

.navbox-list li a {
  font-size: 16px;
  color: #FFFFFF;
  opacity: 0.8;
}

.Bannerfocus {
  height: 368px;
  padding: 20px 0;
}

.Bannerfocus .Bannerfocus1 {
  height: 368px;
}

.Bannerfocus .Bannerfocus1 .swiper-button-next {
  background: none;
  font-size: 26px;
  color: #fff;
  width: 35px;
  height: 46px;
  line-height: 46px;
  right: 0 !important;
  text-align: center;
  background: rgba(0, 0, 0, 0.50);
  border-radius: 5px 0 0 5px;
  display: none;
}

.Bannerfocus .Bannerfocus2 .Bannerfocus2-pic:hover img {
  transform: scale(1.1);
}

.Bannerfocus .Bannerfocus1 .swiper-button-prev {
  background: none;
  font-size: 26px;
  color: #fff;
  width: 35px;
  height: 46px;
  line-height: 46px;
  right: 0 !important;
  left: 0 !important;
  text-align: center;
  background: rgba(0, 0, 0, 0.50);
  border-radius: 0 5px 5px 0;
  display: none
}

.Bannerfocus1>.swiper-pagination-bullets {
  bottom: 15px;
}

.Bannerfocus1>.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 15px;
  height: 5px;
  background: rgba(0, 0, 0, 0.50);
  background-color: #000000;
  border-radius: 3px;
}

.Bannerfocus .Bannerfocus1 .swiper-slide p {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 2.14px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
}

.banner_new {
  position: absolute;
  width: 100%;
  height: 68px;
  bottom: 0;
  background: url(http://cdn.static.it168.com/channel/168channel/img/image_banner_masking.png) no-repeat;
  background-size: 100% 100%;

}

.swiper-pagination-bullet-active {
  background: #fff !important;
}

.Bannerfocus .Bannerfocus1 .swiper-slide img {
  width: 570px;
  height: 368px;
}

.Bannerfocus .Bannerfocus2 .Bannerfocus2-pic {
  width: 390px;
  height: 174px;
  position: relative;
  overflow: hidden;
}

.Bannerfocus .Bannerfocus2 .Bannerfocus2-pic:nth-child(2) {
  margin-top: 20px;
}

.Bannerfocus .Bannerfocus2 .Bannerfocus2-pic img {
  width: 390px;
  height: 174px;
  -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;
}

.Bannerfocus .Bannerfocus2 .Bannerfocus2-pic p {
  position: absolute;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
  text-align: center;
  line-height: 30px;
  height: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: url(http://cdn.static.it168.com/channel/168channel/img/image_banner_masking.png) no-repeat;
  background-size: 100% 100%;
}

.pub .pub-tit .cp-tit {
  font-size: 24px;
  color: #333333;
  display: inline-block;
  letter-spacing: 2.57px;
  margin-left: 5px;
}

.pub .pub-content {
  margin-top: 20px;
}

.pub .pub-content .pub-pic {
  width: 240px;
  height: 180px;
  position: relative;
  overflow: hidden;
}

.pub .pub-content .pub-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -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;
}

.pub .pub-content .pub-pic:hover img {
  transform: scale(1.1);
}

.pub .pub-content .pub-pic p {
  position: absolute;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
  bottom: 0;
  text-align: left;
  padding: 0 8px 14px;
  background: url(http://cdn.static.it168.com/channel/168channel/img/image_banner_masking.png) no-repeat;
  background-size: 100% 100%;
}

.pub .pub-content .pub-introduce {
  width: 325px;
}

.pub .pub-content .pub-introduce li {
  width: 325px;
  margin-top: 20px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}

.pub .pub-content .pub-introduce li:nth-child(1) {
  margin-top: 0;
}

.pub .pub-content .pub-introduce li a {
  font-size: 14px;
  color: #333333;
  letter-spacing: 1.5px;
}

.pub .pub-content .pub-introduce li:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-color: #eeeeee;
}

.pub:nth-child(2) {
  margin-top: 20px;
}

.pic-show {
  position: relative;
}

.pic-show .show-tit .tit {
  font-size: 24px;
  color: #333333;
  display: inline-block;
  letter-spacing: 2.57px;
  margin-left: 5px;
}

.pic-show .Bannershow1 {
  width: 248px;
  height: 186px;
  margin-top: 20px;
  padding: 0px 65px;
}

.pic-show .Bannershow1 img {
  width: 100%;
  height: 100%;
}

.pic-show .swiper-button-prev {
  background: none;
  width: 51px;
  height: 187px;
  font-size: 26px;
  text-align: center;
  line-height: 186px;
  color: white;
  top: 68px;
  left: 0;
  background: transparent;
  border-right: 15px solid white;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pic-show .swiper-button-next {
  background: none;
  width: 51px;
  height: 187px;
  font-size: 26px;
  text-align: center;
  line-height: 186px;
  color: white;
  top: 68px;
  right: 0px;
  background: transparent;
  border-left: 15px solid white;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#banner1 .swiper-slide.swiper-slide-prev img,
#banner1 .swiper-slide.swiper-slide-next img {
  position: relative;
  z-index: 1;
}

.editor-introduce .editor-tit {
  margin-top: 20px;
}

.editor-introduce .editor-tit .tit {
  font-size: 24px;
  color: #333333;
  display: inline-block;
  letter-spacing: 2.57px;
  margin-left: 5px;
}

.pic-show .Bannershow1 {
  position: relative;
}

.pic-show .Bannershow1 p {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  text-align: center;
  padding-bottom: 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
  background: url(http://cdn.static.it168.com/channel/168channel/img/image_banner_masking.png) no-repeat;
  background-size: 100% 100%;
}

.pic-show .Bannershow1 p span {
  display: inline-block;
  text-align: left;
  padding: 0 5px;
}

#banner2 {
  margin-top: 20px;
  height: 174px;
}

#banner2 a {
  display: block;
}

#banner2 .swiper-slide img {
  display: block;
  width: 100px;
  height: 100px;
  float: left;
  margin: 27px;
}

#banner2 .swiper-slide .pic-introduce {
  width: 226px;
  height: 154px;
  float: left;
  box-sizing: border-box;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 20px;
  background: url(http://cdn.static.it168.com/channel/168channel/img/image_recom_bg.png) no-repeat;
  background-size: 100% 100%;
}

#banner2 .swiper-slide .pic-introduce .pic-tit {
  font-size: 16px;
  color: #333333;
  letter-spacing: 1.71px;
}

#banner2 .swiper-slide .pic-introduce .pic-price {
  font-size: 12px;
  color: #333333;
  letter-spacing: 1.29px;
  margin: 15px 0;
}

#banner2 .swiper-slide .pic-introduce .pic-price span {
  color: #FF4C4C;
}

#banner2 .swiper-slide .pic-introduce .pic-choice {
  font-size: 12px;
  color: #333333;
  letter-spacing: 1.29px;
  line-height: 24px;
  height: 50px;
  overflow: hidden;
}

.Bannershow2>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  width: 15px;
  height: 5px;
  background: rgba(0, 0, 0, 0.20);
  border-radius: 3px;
  border-radius: 3px;
}

.Bannershow2>.swiper-pagination-bullets {
  bottom: 0px !important;
}

.Bannershow2>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #3083F4 !important;
}