.moneytee{background: #000;}
.moneytee a{display: block;text-align: center;padding: 5px 0;}
.moneytee .hidden-xs{color: #fff;padding-left: 10px;font-weight: 600;}
.material{margin-bottom: 150px;}
article .banner-bj{position: absolute;z-index: -1;left: 50%;top: 0;-webkit-transform: translate(-50%,0%);width: 100%;}
article .banner-bj img{width: 100%;}
article .among-ler{position: absolute;z-index: -1;left: 0;}
article .among-bj{position: absolute;z-index: -1;right: 0;top: 20%;}

.micro-soft{background: url(../../image/44/win-bj.png) no-repeat center;height: 500px;}
.micro-soft .mico{display: flex;justify-content: space-evenly;padding: 0;}
.micro-soft .mico .mico-a{position: relative;}
.micro-soft .mico .mico-b{position: relative;}
.micro-soft .mico .mico-a a{position: absolute;left: 57px;display: block;width: 130px;height: 30px;bottom: 171px;}
.micro-soft .mico .mico-b a{position: absolute;left: 66px;display: block;width: 130px;height: 30px;bottom: 186px;}

.swiper-container,.swiper-wrapper{z-index: auto;}

/* scrbest-sellersoll */
.best-sellers{padding: 0;position: relative;}
.best-sellers .best-top{position: absolute;top: 100px;right: -130px;width: 1480px;}
.zz-sever .list-item .item{width:370px;height:500px;background: #fff;box-shadow:1px 0px 10px rgb(34 25 25 / 6%);padding: 15px;transition:all 0.5s linear;}
.zz-sever .list-item .item:hover{box-shadow:0px 0px 20px rgb(34 25 25 / 15%);z-index: 1;}
.zz-sever .list-item .item em {position: absolute;; left: 20px;top: 20px;color: #fff;background: #FF240E;width: 40px;height: 40px;border-radius: 50px;text-align: center;line-height: 40px;}
.zz-sever {position:relative;padding-top: 33px}
.zz-sever .list-item{position: relative;overflow: hidden;}
.zz-sever span[class*="-btn"]{line-height: 42px;font-size: 29px;color: #EFCBB3;text-align: center;border-radius: 43px;width: 45px;height: 45px;top: 36%;position: absolute;border: 2px solid #EFCBB3;cursor: pointer;z-index: 1;opacity:1;}
.zz-sever span.prev-btn{left: 125px;top: -53px;}
.zz-sever span.next-btn{left: 190px;top: -53px;}
.list-item .wrapbox{position: relative;}
.zz-sever .owl-item a>img {height:340px;display: block;margin: auto;max-width: 100%;}
.zz-sever .owl-item .item-link{display: block;height: 100%;}
.zz-sever .list-item .item .actions-links {font-size:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:all 0.3s linear;}
.zz-sever .list-item .item .actions-links:hover{font-weight: bolder;}
.zz-sever span.btngrey {opacity:1;border: 2px solid #fff; cursor: default;color: #fff;}
.best-sellers .price{padding-top: 30px;font-size:22px;font-weight: bolder;}
.best-sellers .price .price-past{font-size: 14px;color: #999;font-weight: 500;text-decoration:line-through;padding-left: 15px;}

.adv-banner>a>img{width: 100%;}

/*recreation*/
.recreation{background: url(../../image/44/recreation-bj.png) no-repeat center;background-size: 100%;}
.recreation .tabs-top{padding: 40px 0;}
.recreation .nav-tabs{padding-top: 20px;border-bottom: none;}
.recreation .nav-tabs a{border: none;font-size: 2rem;padding-left: 0;padding-right:0;margin-right: 60px;color: #fff;font-weight: 600;}
.recreation .nav-tabs a:hover{border: none;color: #EFD3D2;}
.recreation .nav-tabs .active a{background: none;border: none;color: #EFD3D2;}
.recreation .nav-tabs .active a:hover{background: none;border: none;color: #EFD3D2;}
.recreation .nav-tabs .active a:focus{background: none;border: none;color: #EFD3D2;}
.recreation .nav-tabs a:after {content: '';display: block; position: absolute;width:0%;bottom: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;height: 4px;background: #EFD3D2; z-index: 2;left: 50%;-webkit-transform: translate(-50%,0%);border-radius: 50px;}
.recreation .nav-tabs a:hover:after{width: 60px;}
.recreation .nav-tabs .active a:after{width: 60px;}
.recreation .tab-content{padding: 50px 0;}
.recreation .owl-item{background: #fff;padding: 15px;width: 350px;position: relative;margin-bottom: 50px;box-shadow:0px 0px 20px rgb(34 25 25 / 15%);height: 600px;}
.recreation .owl-item:first-child{margin-left: 0;}
.recreation .owl-item>a{height: 445px;display: block;}
.recreation .owl-item .item-img{height: 100%;width: 100%;}
.recreation .tab-pane.active.in .item-list{display: flex;justify-content: space-between;}
.recreation .owl-item .matter{padding: 20px 0;z-index: 1;position: relative;}
.recreation .owl-item .bottom-bj{position: absolute;bottom:-32px;z-index: 0;width: 100%;left: 0;}
.recreation .owl-item .matter p a{font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;}
.recreation .owl-item .matter p a:hover{font-weight: 600;}
.recreation .owl-item .web-money .s-us{font-size: 18px;font-weight: 600;}
.recreation .owl-item .web-money .c-price{color: #999;text-decoration:line-through;padding-left: 15px;}
.recreation .owl-item em{position: absolute;background: #FF240E;width: 40px;height: 40px;border-radius: 50px;text-align: center;line-height: 40px;color: #fff;top: 20px;right: 20px;}
.recreation .tab-pane.active.in .web-n-more a{display: block;margin: 0 auto;width: 150px;height: 40px;line-height:36px;color: #fff;border: 2px solid #fff;text-align: center;font-size: 1rem;border-radius: 5px;}
.recreation .tab-pane.active.in .web-n-more{margin-bottom:60px;position: relative;}
.recreation .tab-pane.active.in .web-n-more .preloader{top: 9px;margin-left: -22px;}

/*also*/
.material.also .among-bj{top: initial;bottom: -155px;}
.also .you-like{position: relative;text-align: center;font-size: 2rem;font-weight: 600;padding: 0;}
.also .you-like .more{position: absolute;right: 0;font-size: 1rem;bottom: 0;color: #999;}
.also .you-like .more:hover{color: #000;}
.also .owl-item{background: #fff;padding: 15px;width:250px;position: relative;margin-bottom: 50px;box-shadow:0px 0px 20px rgb(34 25 25 / 0%);height: 460px;transition:all 0.3s linear;}
.also .owl-item:hover{box-shadow:0px 0px 20px rgb(34 25 25 / 15%);}
.also .owl-item:first-child{margin-left: 0;}
.also .owl-item .item-img{width: 100%;}
.also .owl-item .matter{padding: 20px 0;z-index: 1;position: relative;}
.also .owl-item .bottom-bj{position: absolute;bottom:-32px;z-index: 0;width: 100%;left: 0;}
.also .owl-item .matter p a{font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;}
.also .owl-item .matter p a:hover{font-weight: 600;}
.also .owl-item .web-money .s-us{font-size: 18px;font-weight: 600;}
.also .owl-item .web-money .c-price{color: #999;text-decoration:line-through;padding-left: 15px;}
.also .item-list{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0;margin-top: 40px;}
.also .item-list:before,
.also .item-list:after{display: none;}
.also .item-list .owl-item:nth-child(2){top: 150px;}
.also .item-list .owl-item:nth-child(3){top: 50px;}
.also .item-list .owl-item:nth-child(4){top: 150px;}

/*program*/
.program{margin-bottom: 100px;}
.program .af-bj{padding: 0;position: relative;background: url(../../image/44/af-bj.png) center no-repeat;background-size: 100%;height: 380px;}
.program .af-bj .make{color: #fff;width: 30%;position: absolute;top: 100px;left: 15%;}
.program .af-bj .make strong{font-size:2rem;}
.program .af-bj .make p{padding-top: 15px;}
.program .af-bj .but-af{position: absolute;right: 15%;top:150px;display: block;width: 350px;background: #fff;height:35px;text-align: center;line-height: 35px;font-weight: 600;opacity: .8;}
.program .af-bj .but-af:hover{opacity: 1;}

.swiper-container {padding-bottom:40px;padding-top: 40px;}
.swiper-slide {width:1200px;transition-timing-function:linear;}

.recently.you{width: 1500px;margin: 24px auto;}

@media only screen and (max-width:1200px){
    .swiper-slide {width:770px;}
    .micro-soft{background-size: 100%;}
}
@media only screen and (max-width:980px){.swiper-slide {width:471px;}
}
@media only screen and (max-height:480px){
.swiper-slide {width:471px;}
}
.swiper-slide img{width:100%;border-radius:10px;}
.swiper-slide .title{position:absolute;transform:rotate(90deg);transform-origin:left top;left:-3px;font-size:11px;color: rgb(102, 102, 102);}	
.swiper-button-next, .swiper-button-prev{width:112px;height:112px;background-size:112px 112px;margin-top:-56px;outline:none;}
.swiper-button-next{background-image:url(../../image/44/cursor-next.png);right: 200px;}
.swiper-button-prev{background-image:url(../../image/44/cursor-prev.png);left: 200px;}		
.swiper-pagination-bullet{background:none;opacity:1;margin:0 6px !important;width:9px;height:9px;position:relative;outline:none;vertical-align:middle;}
.swiper-pagination-bullet span{width:5px;height:5px;background:#CCC;display:block;border-radius:50%;margin-top:3px;margin-left:3px;}
.swiper-pagination-bullet i{background:#000;height:1px;width:20px;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{width:9px;height:9px;margin-top:0;margin-left:0;background:#000;position:relative;z-index:1;}
.swiper-pagination-bullet-active i{animation:middle 6s;}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}				
@keyframes first{
0% {transform:scaleX(0.5);left:0px;}/*091*/
100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
0% {transform:scaleX(0.7);left:-10px;}/*1090*/
20% {transform:scaleX(0.3);left:2px;} /*090*/
100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
0% {transform:scaleX(0.7);left:-10px;}/*1091*/
20% {transform:scaleX(0.45);left:2px;}/*092*/
100% {transform:scaleX(1);left:2px;} /*0913*/
}	

/* ipad */
@media screen and (max-width:1920px){
    .micro-soft .mico{width: 100%;}
    
}
@media screen and (max-width:1768px){
    .best-sellers{height: 1000px;}
    .zz-sever .list-item{overflow: auto;}
    .list-item .wrapbox{display: flex;flex-wrap: wrap;width: 100% !important;left: 0px !important;}
    .zz-sever .list-item .item{float: none;}
    .best-sellers .best-top{right: 0;padding-left: 0;padding-right: 0;}
    .zz-sever span[class*="-btn"]{display: none;}
    .recreation{background: none;margin-bottom: -80px;}
    .recreation .nav-tabs a{color: #999;}
    .recreation .nav-tabs .active a{color: #000;}
    .recreation .nav-tabs a:after{background: #000;}
    .recreation .nav-tabs .active a:hover{color: #000;}
    .recreation .tab-pane.active.in .web-n-more a{color: #000;border: 2px solid #000;}
    .material.adv{margin-bottom: 0px;}
}

@media screen and (max-width:1440px){
   .recreation .owl-item{width: 24%;height: auto;}
    .zz-sever .list-item .item{flex: 1;display: none;}
     .zz-sever .list-item .item:nth-child(-n+6){display: block;}
    .recreation .tabs-top{width: auto;    padding: 0px 25px;}
    .also .item-list{width: auto;padding: 0px 22px;flex-wrap: unset;}

    
    .program .af-bj{width: auto;    background-size: 1222px;}
    .also .you-like{width: auto;}
    .best-sellers{width: auto;height: 463px}
    .best-sellers .best-top{width: auto;}
    article .among-ler img{width: 100%;}
    .micro-soft .mico .mico-a,    .micro-soft .mico .mico-b{top: 86px;}
    .micro-soft .mico .mico-a img{width: 100%;height: 249px;}
    .micro-soft .mico .mico-b img{width: 100%;height: 249px;}
    .micro-soft .mico { width: 86%;}
    .zz-sever .owl-item a>img{height: auto;}
    .zz-sever .list-item .item{height: auto;}
    .also .item-list .owl-item:nth-child(5){top: -30px;}
    .also .item-list .owl-item:nth-child(4){top: -30px;}
    .also .item-list .owl-item:nth-child(3){top: 0;}
.micro-soft {height: 383px; background-size: 89%;}
.zz-sever .list-item .item .actions-links{font-size: 14px;}
.also .owl-item .matter p a {font-size: 14px;}
.also .owl-item .web-money .s-us {font-size: 14px;}
.best-sellers .price {font-size: 14px;display: flex;justify-content: space-around; flex-wrap: wrap;}
    .best-sellers .price .price-past{padding-left:0px;}
.swiper-slide {width: 700px;}
.swiper-button-next, .swiper-button-prev {width: 50px;height: 50px;background-size: 100%;}
.swiper-button-prev {left: 40px;}
.swiper-button-next{right: 40px;}
.swiper-container {padding-bottom: 9px; padding-top: 12px;}  
.recreation .owl-item .item-img { height: auto;}
.recreation .owl-item>a {height: auto;}
.recreation .owl-item .matter {padding-bottom: 0px;}
.also .item-list .owl-item:nth-child(2),
.also .item-list .owl-item:nth-child(4) {top: 0;}
 .also .item-list .owl-item:nth-child(5) {top: 0;}
}
@media screen and (max-width:768px){
    .best-sellers{height: 770px;}
}