.area-list{ background: #f7f7f7;}
.list2020{ width: 1200px; margin: 0 auto; padding: 40px 0;}
.list2020-container{ width: 860px; float: left;}
.list2020-container .screen{ border-bottom: 1px dashed #ddd; padding-bottom: 26px;}
.list2020-container .screen h2{ font-size: 20px; font-weight: 700;}
.list2020-container .screen h2 span{ font-size: 16px; font-weight: 500; color: #666; margin-left: 20px;}
.list2020-container .screen p{ margin-top: 20px; font-size: 16px; line-height: 28px;}
.list2020-container .screen p b{ font-weight: 700; float: left;}
.list2020-container .screen p a{ float: left; width: 96px; line-height: 26px; text-align: center; transition: .2s; border: 1px solid transparent; margin-left: 10px; cursor: pointer; color: #333;}
.list2020-container .screen p a.active{ border-color: #ff8d18; color: #ff8d18; position: relative; text-indent: -10px; background: #fff;}
.list2020-container .screen p a.active i{ background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/list/screen_close.png) no-repeat; width: 10px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 8px;}
.list2020-container .screen p a:hover{ border-color: #ff8d18;}
.list2020-container .sort{ margin-top: 26px;}
.list2020-container .sort p{ font-size: 14px; line-height: 28px; float: left;}
.list2020-container .sort p b{ font-weight: 700; float: left; font-size: 16px;}
.list2020-container .sort p a{ float: left; width: 68px; line-height: 26px; text-align: center; border: 1px solid #ddd; margin-left: 10px; cursor: pointer; color: #333; -webkit-user-select:none;}
.list2020-container .sort p a.active{ border-color: #ff8d18; color: #ff8d18; background: #fff;}
.list2020-container .sort p a i{ background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/list/sort_arr.png) no-repeat; width: 10px; height: 14px; display: inline-block; vertical-align: bottom; vertical-align: middle; margin: -2px 0 0 5px; background-position: left 0;}
.list2020-container .sort p a i.sup{ background-position: right 0;}
.list2020-container .sort p a.active i{ background-position: left -14px;}
.list2020-container .sort p a.active i.sup{ background-position: right -14px;}
.list2020-container .sort .qpage{ float: right; -webkit-user-select:none;}
.list2020-container .sort .qpage span{ font-size: 12px; line-height: 28px; display: inline-block; vertical-align: middle; padding: 0 10px;}
.list2020-container .sort .qpage a{ width: 28px; height: 28px; display: inline-block; vertical-align: middle; background-color: #fff; cursor: pointer; text-align: center;}
.list2020-container .sort .qpage a i{ background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/list/qpage_arr.png) no-repeat; width: 10px; height: 14px; display: inline-block; margin-top: 7px;}
.list2020-container .sort .qpage a i.prev{ background-position: left 0;}
.list2020-container .sort .qpage a i.next{ background-position: right 0;}
.list2020-container .sort .qpage a.disabled{ background: #ddd; cursor: initial;}
.list2020-container .sort .qpage a.disabled i.prev{ background-position: left -14px;}
.list2020-container .sort .qpage a.disabled i.next{ background-position: right -14px;}
.list2020-container .productlist{ margin-top: 26px;}
.list2020-container .productlist .item{ background-color: #fff; margin-bottom: 20px; transition: .5s;}
.list2020-container .productlist .item:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.list2020-container .productlist .item:hover .intro dt img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.list2020-container .productlist .item .intro{ width: 595px; float: left; border-right: 1px solid #F7F7F7; padding: 40px 30px;}
.list2020-container .productlist .item .intro dt{ width: 200px; float: left; overflow: hidden;}
.list2020-container .productlist .item .intro dt img{ width: 100%; display: block; transition: .5s;}
.list2020-container .productlist .item .intro dd{ margin-left: 230px; height: 200px; position: relative;}
.list2020-container .productlist .item .intro dd h3{ font-size: 24px; font-weight: 700; line-height: 26px; margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list2020-container .productlist .item .intro dd li{ font-size: 16px; line-height: 30px; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list2020-container .productlist .item .intro dd .tag{ font-size: 14px; line-height: 20px; color: #666; width: 100%; position: absolute; bottom: 0;}
.list2020-container .productlist .item .intro dd .tag span{ background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/list/tag.png) left center no-repeat; display: inline-block; padding-left: 20px; margin-right: 20px;}
.list2020-container .productlist .item .price{ width: 204px; float: right; padding-top: 100px;}
.list2020-container .productlist .item .price p{ font-size: 14px; color: #ff8d18; line-height: 38px; text-align: center;}
.list2020-container .productlist .item .price p b{ font-size: 36px; font-weight: 700;}
.list2020-container .productlist .item .price a{ width: 140px; height: 40px; background: #ff8d18; border-radius: 20px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; display: block; margin: 10px auto 0; transition: .3s;}
.list2020-container .productlist .item .price a:hover{ opacity: 0.8;}
.list2020-container .productlist .item .propertylist{ display: none;}

.list2020-container .productempty{ padding: 150px 0; display: none;}
.list2020-container .productempty img{ display: block; margin: 0 auto 20px;}
.list2020-container .productempty p{ font-size: 14px; color: #999; text-align: center;}

.list2020-container .carfocus{ padding: 40px 30px; background: #fff; margin-top: 26px; display: none;}
.list2020-container .carfocus .tit{ display: block;}
.list2020-container .carfocus .btn{ width: 260px; height: 54px; background: #ff8d18; border-radius: 27px; font-size: 18px; color: #fff; line-height: 54px; text-align: center; display: block; margin: 30px auto 0; transition: .2s;}
.list2020-container .carfocus .btn span{ transition: .5s; display: inline-block;}
.list2020-container .carfocus .btn:hover{ opacity: 0.8;}
.list2020-container .carfocus .btn:hover span{ transform: translateX(10px);}
.list2020-container .carfocus .car-wrap{ background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/list/car_bg.jpg) no-repeat center center; width: 100%; height: 353px; margin-top: 30px; position: relative; overflow: hidden;}
.list2020-container .carfocus .car-wrap:before{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(255,255,255,.6), rgba(255,255,255,.6) 50%,rgba(255,255,255,0));position: absolute; left: 0; top: 0;}
.list2020-container .carfocus .car-wrap .info{ padding: 50px 60px 0;}
.list2020-container .carfocus .car-wrap .info h3{ font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.list2020-container .carfocus .car-wrap .info p{ font-size: 16px; color: #444; line-height: 32px;}
.list2020-container .carfocus .car-wrap .info p small{ font-size: 12px; line-height: 20px; display: block; margin-top: 20px;}
.list2020-container .carfocus .car-wrap .car-swiper-container{ height: 100%; position: relative; z-index: 2;}
.list2020-container .carfocus .car-swiper-pagination{ width: 100%; text-align: center; position: absolute; z-index: 20; bottom: 15px;}
.list2020-container .carfocus .car-swiper-pagination span{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ff8d18; border: 1px solid #ff8d18; margin-right: 10px; cursor: pointer; opacity: 1;}
.list2020-container .carfocus .car-swiper-pagination .swiper-pagination-bullet-active{ background: transparent;}

.list2020-container .groupfocus{ padding: 40px 30px; background: #fff; margin-top: 26px; display: none;}
.list2020-container .groupfocus .tit{ display: block;}
.list2020-container .groupfocus .btn{ width: 260px; height: 54px; background: #ff8d18; border-radius: 27px; font-size: 18px; color: #fff; line-height: 54px; text-align: center; display: block; margin: 30px auto 0; transition: .2s;}
.list2020-container .groupfocus .btn span{ transition: .5s; display: inline-block;}
.list2020-container .groupfocus .btn:hover{ opacity: 0.8;}
.list2020-container .groupfocus .btn:hover span{ transform: translateX(10px);}
.list2020-container .groupfocus .group-wrap{ width: 100%; height: 353px; margin-top: 30px;}
.list2020-container .groupfocus .group-wrap img{ width: 100%; display: block;}

.list2020-container .pages{ text-align: center; margin-top: 40px; -webkit-user-select:none;}
.list2020-container .pages a{ display: inline-block; font-size: 14px; line-height: 26px; border: 1px solid #ddd; padding: 0 10px; margin-left: 10px; cursor: pointer;}
.list2020-container .pages a.current{ border-color: #ff8d18; background: #fff; color: #ff8d18;}
.list2020-container .pages a.disabled{ color: #ddd; cursor: initial;}
.list2020-container .pages a:hover{ border-color: #ff8d18;}
.list2020-container .pages a.disabled:hover{ border-color: #ddd;}
.list2020-side{ width: 310px; float: right;}
.list2020-side .module{ background: #fff; padding: 25px 20px; margin-bottom: 20px;}
.list2020-side .module h3{ font-size: 16px; line-height: 20px; font-weight: 700; position: relative; padding-left: 12px;}
.list2020-side .module h3:before{ content: ''; width: 4px; height: 12px; background-color: #647FCB; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.list2020-side .howbuy{ display: none;}
.list2020-side .howbuy .info{ margin-top: 10px; padding: 0 5px 0 12px; height: 220px; overflow: auto;}
.list2020-side .howbuy .info p{ font-size: 14px; line-height: 24px; color: #999;}
.list2020-side .howbuy .info::-webkit-scrollbar{ width: 6px;}
.list2020-side .howbuy .info::-webkit-scrollbar-track{ border-radius: 6px;}
.list2020-side .howbuy .info::-webkit-scrollbar-thumb{ border-radius: 6px; background: #ddd;}
#howbuy-default{ display: block;}
.list2020-side .review .btn{ width: 138px; height: 38px; background: #fff; border: 1px solid #ff8d18; border-radius: 20px; font-size: 18px; color: #ff8d18; text-align: center; line-height: 38px; display: block; margin: 25px auto 0;}
.list2020-side .review .btn:hover{ background: #ff8d18; color: #fff;}
.list2020-side .review p,.list2020-side .review p a{ font-size: 14px; color: #647FCB; text-align: center; margin-top: 20px;}
.list2020-side .review .cir{ width: 176px; height: 88px; position: relative; margin: 70px auto 0;}
.list2020-side .review .cir ul{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.list2020-side .review .cir ul li{ position: absolute; left: 50%; bottom: 0; }
.list2020-side .review .cir ul li:first-child{ width: 172px; height: 86px; border: 1px dashed #E7E9F0; border-bottom: none; margin-left: -86px; background-color: #fff; border-radius: 86px 86px 0 0;}
.list2020-side .review .cir ul li:first-child+li{ width: 144px; height: 72px; background: #FFF9EE; border-radius: 72px 72px 0 0; margin-left: -72px; z-index: 2;}
.list2020-side .review .cir ul li:first-child+li+li{ width: 102px; height: 51px; background: #FFEFD0; border-radius: 51px 51px 0 0; margin-left: -51px; z-index: 3;}
.list2020-side .review .cir ul li:first-child+li+li+li{ width: 102px; height: 51px; background: #FFDB93; border-radius: 51px 51px 0 0; margin-left: -51px; z-index: 4; -webkit-transform-origin: bottom; transform-origin: bottom;}
.list2020-side .review .cir .cc{ width: 8px; height: 8px; background: #fff; border: 1px solid #FFDA97; border-radius: 50%; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; z-index: 10;}
.list2020-side .review .cir .line{ width: 78px; height: 1px; background: #FFAF4F; position: absolute; bottom: 0; left: 10px; z-index: 8; -webkit-transform-origin: right; transform-origin: right;}
.list2020-side .review .cir .txt{ font-size: 14px; line-height: 14px; color: #666; position: absolute; z-index: 5;}
.list2020-side .review .cir .txt:after{ content: ''; width: 6px; height: 6px; background: #FFC750; border-radius: 50%; position: absolute;}
.list2020-side .review .cir .txt1{ bottom: 0; left: -47px;}
.list2020-side .review .cir .txt1:after{ right: -10px; bottom: -2px;}
.list2020-side .review .cir .txt2{ top: -20px; left: 58px;}
.list2020-side .review .cir .txt2:after{ left: 50%; margin-left: -3px; bottom: -10px;}
.list2020-side .review .cir .txt3{ bottom: 0; right: -47px;}
.list2020-side .review .cir .txt3:after{ left: -9px; bottom: -2px;}
.list2020-side .review .cir-active .line,.list2020-side .review .cir-active ul li:first-child+li+li+li{ -webkit-animation: 2s cirRotate; animation: 2s cirRotate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.list2020-side .order img{ display: block; width: 100%; margin: 15px 0 20px;}
.list2020-side .order .btn{ width: 268px; height: 38px; background: #fff; border: 1px solid #ff8d18; border-radius: 20px; font-size: 18px; color: #ff8d18; text-align: center; line-height: 38px; display: block; margin: 5px auto 0;}
.list2020-side .order .btn:hover{ background: #ff8d18; color: #fff;}
.list2020-side .order p{ font-size: 12px; text-align: center; color: #ddd; line-height: 20px; margin-top: 20px;}
.list2020-side .order p:before,.list2020-side .order p:after{ content: ''; width: 50px; height: 1px; background: #F1F1F1; display: inline-block; vertical-align: middle; margin: 0 10px;}
.list2020-side .order li{ border: 1px solid #ddd; border-radius: 20px; height: 38px; margin-bottom: 10px; transition: .3s;}
.list2020-side .order li h4{ width: 70px; padding-left: 20px; line-height: 38px; font-size: 14px; color: #666; float: left;}
.list2020-side .order li input{ width: 150px; height: 36px; float: left; font-size: 14px; border: none;}
.list2020-side .order li input::placeholder{ color: #ddd;}
.list2020-side .order li:hover{ border-color: #ff8d18;}
.list2020-side .ad{ width: 100%; display: block; margin-bottom: 20px;}

@-webkit-keyframes cirRotate{
  0%{ -webkit-transform: rotate(0);}
  100%{ -webkit-transform: rotate(140deg);}
}
@keyframes cirRotate{
  0%{ transform: rotate(0);}
  100%{ transform: rotate(140deg);}
}

@media screen and (max-width:1440px) {
  .list2020,.mainfooter .wrapper{ width: 1080px;}
  .list2020-container{ width: 740px;}
  .list2020-container .productlist .item .intro{ width: 475px;}
  .list2020-container .productlist .item .intro dt{ width: 180px;}
  .list2020-container .productlist .item .intro dd{ margin-left: 210px; height: 180px;}
  .list2020-container .productlist .item .intro dd h3{ font-size: 20px;}
  .list2020-container .productlist .item .intro dd li{ font-size: 12px; line-height: 26px;}
  .list2020-container .productlist .item .intro dd .tag{ font-size: 12px;}
  .list2020-container .productlist .item .price{ padding-top: 80px;}
}