*{box-sizing: border-box}
.wrap-index{overflow-x: hidden;position: relative;}
.banner{position: relative;z-index: 1;min-height: 136px}
html{scroll-behavior:smooth;}
#swiper1{width: 100%;min-height: 136px;cursor: unset!important;}
#swiper1 .swiper-wrapper{height: 100%;}
#swiper1 .swiper-slide a{display: flex;height: 100%;}
#swiper1 .swiper-slide img{width: 100%;height: 100%;}
#swiper1 .swiper-pagination-bullet{background-color: #fff;}
#swiper1 .swiper1-button-prev{background: url("../image/banner-left.png") no-repeat;background-position: 0 0;width: 54px;height: 54px;left: 160px;background-size: cover;}
#swiper1 .swiper1-button-next{background: url("../image/banner-right.png") no-repeat;background-position: 0 0;right: 160px;width: 54px;height: 54px;background-size: cover;}
.banner .banner-welcome{width: 150px;height: 250px;background: #FFFFFF;border-radius: 6px;position: absolute;top:50%; margin-top:-125px;right: 0;z-index: 3;padding: 0 0 18px;text-align: center;}
.banner .banner-welcome .color-999{margin: -44px 0 17px 0;}
.banner .banner-welcome .btn-login{display: inline-block;line-height: 34px;padding: 0 17px;height: 34px;border-radius: 17px;background: linear-gradient(0deg, #E83408, #FFC053);color: #fff;}
/* .banner .banner-welcome .btn-login:hover{opacity: 0.8;} */
.banner .f-box{position: absolute;top: 0;width: 150px;max-width: 100%;top: 160px;right:calc(50% - 600px) ;z-index: 15;height:250px;margin-top: -125px}
.menu-list{position: fixed;left: 205px;top: 50%;border-radius: 6px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);width: 86px;background: #fff;z-index: 999;}
@media screen and (max-width: 1219px) {
  .banner .f-box{width:150px;right:calc(50% - 490px) ;}
}
@media screen and (max-width: 1023px) {
  .banner .f-box{width:150px;right:10%;}}
@media screen and (max-width: 767px) {  .banner .f-box{width:150px;right:2%;} }
.menu-list.m-bottom{bottom: 589px;top: auto;}
.menu-list li{width: 74px;margin: 0 auto;height: 40px;display: flex;align-items: center;justify-content: center;}
.menu-list li:not(:first-child){border-top: 1px solid #DCDCDC;}
.menu-list li a{color: #333;display: block;height: 100%;width: 100%;display: flex; align-items:center; justify-content:center}
.menu-list li:first-child{border-radius: 6px 6px 0 0;}
.menu-list li:last-child{border-radius: 0 0 6px 6px;}
.menu-list li.active{width: 100%;background-color: #39A6FF;}
.menu-list li.active a{color: #fff;}
.menu-list li:hover{background-color: #39A6FF;width: 100%;border-color: #39A6FF;cursor: pointer;}
.menu-list li:hover a{color: #fff;}
@media screen and (max-width:1219px){
  .menu-list{left: 20px;}
  #swiper1 .swiper1-button-prev{left: 30px;}
  #swiper1 .swiper1-button-next{right: 30px;}
}
@media screen and (max-width:991px){
  .menu-list{left: 5px;font-size: 12px;width: 60px;}
  .menu-list li{width: 50px;height: 30px;}
  #swiper1 .swiper1-button-prev{left: 20px;width: 40px;height: 40px;}
  #swiper1 .swiper1-button-next{right: 20px;width: 40px;height: 40px;}
}
@media screen and (max-width: 767px){

}
.index-box{padding: 43px 0 50px;}
.index-box .index-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.index-box .index-top p{display: flex;align-items: center;}
.index-box .index-top .index-l{width: 5px;height: 24px;background: #39A6FF;margin-right: 10px;}
.index-box .index-top .index-l2{width: 5px;height: 24px;background: #39A6FF;margin-right: 10px;}
.index-box .index-top .color-333{font-size: 22px;margin-right: 20px;}
.index-box .index-top p .color-666{font-size: 16px;}
.index-box .index-top>.color-666:hover{color: #39A6FF;}
.index-box1{background: #fff;overflow: visible;}
.index-box1 .index-top{margin-bottom: 14px;}
.index-box1 .index1-list{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.index-box1 .index1-list .index1-item{width: calc(12.6% - 10px);height: 90px;background-color: #fff;border-radius: 6px; margin-top: 16px;padding: 0 9px; position: relative;}
.index-box1 .index1-list .index1-item .name{ font-size: 16px; line-height: 24px; margin-top: 10px;font-weight: bold;}
.index-box1 .index1-list .index1-item .look{ margin-top: 13px; display: inline-block; height: 22px; padding: 0 8px; background: rgba(255, 255, 255, 0.5); border-radius: 11px;font-size: 12px; color: #CACACA; line-height: 22px;} 
.index-box1 .index1-list .index1-item .look em { font-family: "iconfontxgw" !important; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; display: inline-block; transform: scale(0.76);margin-left: 4px;} 
.index-box1 .index1-list .index1-item .look em::before {content: "\e618"}
.index-box1 .index1-list .index1-item .icon{ position: absolute; bottom: 10px;right: 10px;} 
.index-box1 .index1-list .index1-item-vip{position: relative;}
.index-box1 .index1-list .index1-item-vip .name {color: #AC6A37;font-size: 16px;}
.index-box1 .index1-list .index1-item-vip .i-right{position: absolute;right: 0;top: 0;}
.index-box1 .index1-list .index1-item:hover {box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08); position: relative; bottom: 10px;}
.index-box1 .index1-list .index1-item:hover .name{color: #39A6FF;}
.index-box1 .index1-list .index1-item-vip:hover .name{color: #D17A2B;}
.index-box1 .index1-list .index1-item-vip { background-color: #FFE7D2;}
.index-box1 .index1-list .index1-item-vip .look { color: #C57237;}

.index-box1 .index1-list .index1-item1,.index-box1 .index1-list .index1-item103 { background-color: #E1F1FF;}
.index-box1 .index1-list .index1-item2 { background-color: #FEECE4;}
.index-box1 .index1-list .index1-item3,.index-box1 .index1-list .index1-item8 { background-color: #CCF5F1;}
.index-box1 .index1-list .index1-item4,.index-box1 .index1-list .index1-item57 { background-color: #EFE9FC;}
.index-box1 .index1-list .index1-item5,.index-box1 .index1-list .index1-item111 { background-color: #DAFBE9;}
.index-box1 .index1-list .index1-item6,.index-box1 .index1-list .index1-item112 { background-color: #F9ECD8;}
.index-box1 .index1-list .index1-item7,.index-box1 .index1-list .index1-item113 { background-color: #FFE2E9;}
.index-box1 .index1-list .index1-item1 .look,.index-box1 .index1-list .index1-item103 .look { color: #679DFD;}
.index-box1 .index1-list .index1-item2 .look { color: #FE8C1D;}
.index-box1 .index1-list .index1-item3 .look,.index-box1 .index1-list .index1-item8 .look { color: #38C8BB;}
.index-box1 .index1-list .index1-item4 .look,.index-box1 .index1-list .index1-item57 .look { color: #9688FF;}
.index-box1 .index1-list .index1-item5 .look,.index-box1 .index1-list .index1-item111 .look { color: #3FC88E;}
.index-box1 .index1-list .index1-item6 .look,.index-box1 .index1-list .index1-item112 .look { color: #FFB60F;}
.index-box1 .index1-list .index1-item7 .look,.index-box1 .index1-list .index1-item113 .look { color: #FF4978;}

@media screen and (max-width:1219px){
  .index-box1 .index1-list .index1-item{width: calc(25.2% - 10px);}
}
@media screen and (max-width:991px){
  .index-box{padding: 30px 0;} 
}
@media screen and (max-width: 767px){

}
.index-box10 { background-color: #f5f5ff;padding-bottom: 24px;}
.index-box10 .index-top { margin-bottom: 0;}
.index-box10 .curriculum-box .item { width: calc(25% - 20px);cursor: pointer;margin-top: 26px} 
.index-box10 .curriculum-box .item .img-box{position: relative;border-radius: 6px 6px 0 0;overflow: hidden;min-height: 156px;max-height: 156px;display: flex; align-items:center; justify-content:center;transition: all .4s;max-width: 280px;overflow: hidden}
.index-box10 .curriculum-box .item .img-box img{display: block;width: 100%;transition: all .4s}
.index-box10 .curriculum-box .item .img-box .bg{display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.index-box10 .curriculum-box .item .img-box .bg .icon{color: #fff;font-size: 46px;}
.index-box10 .curriculum-box .item .img-box:hover .bg{opacity: 1;}
.index-box10 .curriculum-box .item .img-box:hover img{transform: scale(1.1);}
.index-box10 .curriculum-box .item .img-box .tag{position: absolute;top: 9px;left: 10px;display: inline-block;min-width: 38px;height: 24px; padding: 0 12px; background-color: rgba(5, 0, 14, 0.6); line-height: 26px;text-align: center;color: #fff;font-size: 12px;border-radius: 12px;} 
.index-box10 .curriculum-box .item .img-box .tag i {font-size: 12px;} 
.index-box10 .curriculum-box .item:hover {box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);} 
.index-box10 .curriculum-box .cont-box{padding: 0 16px 20px 20px;box-sizing: border-box;border-radius: 0 0 6px 6px; background-color: #fff;}
.index-box10 .curriculum-box .cont-box .title{padding-top: 10px; height: 58px; font-size: 16px;line-height: 24px;transition: all .4s; max-width:100%;}
.index-box10 .curriculum-box .cont-box .title:hover{color:#39A6FF }
.index-box10 .curriculum-box .cont-box .desc{font-size: 12px; height: 36px; color: #999999; line-height: 18px;margin-top: 6px;}
.index-box10 .curriculum-box .cont-box .bot{margin-top: 13px;color: #999;font-size: 12px}
.index-box10 .curriculum-box .cont-box .bot button {width: 100px; height: 34px; box-sizing: border-box; background: #39A6FF; border-radius: 17px;font-size: 14px;  color: #FFFFFF; line-height: 34px;}
.index-box10 .curriculum-box .cont-box .bot button.border {background: #FFFFFF; border-radius: 17px;border: 1px solid #39A6FF; font-size: 14px;  color: #39A6FF; line-height: 34px;}
.index-box10 .curriculum-box .cont-box .bot button.gray {background: #C0C0C0; border-radius: 17px; font-size: 14px;  color: #FFFFFF; line-height: 34px;}
.index-box10 .curriculum-box .cont-box .bot .right{display: flex; align-items:center; justify-content:center} 
.index-box10 .curriculum-box .cont-box .bot .right .avatar{ }
.index-box10 .curriculum-box .cont-box .bot .right .avatar img{width: 18px; height: 18px; border-radius: 50%; margin-left: -10px;border: 1px solid #FFFFFF;}
.index-box10 .curriculum-box .cont-box .bot .right span{margin-left: 9px;} 
.item-no { margin-top: 0;} 
.index-box2 {background: #F7F8FA;padding-bottom: 62px;}
.index-box2 .f-box{overflow: visible;}
.index-box2 .index-top img{margin-right: 10px;}
.index-box2 .index2-nav{flex: 1; padding-left: 50px;}
.index-box2 .index2-nav a {padding: 5px 3px;margin-right: 25px;}
.index-box2 .index2-nav a.active {color: #37A2F8;border-bottom: 3px solid #37A2F8;} 
.index-box2 .index2-nav a:hover {color: #37A2F8;border-bottom: 3px solid #37A2F8;} 
#swiper2{}
.index-box2-list{ width: 100%;display: flex;align-items: center;justify-content: space-between;display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
.index-box2-lists{ display: none;}
.index-box2-list0{ display: block;}
.index-box2-list .item{width: calc(25% - 20px); box-shadow: 0px 3px 12px 0px rgba(6, 0, 1, 0.04);}
.index-box2-list .index2-img-box{overflow: hidden;position: relative;min-height: 156px;max-height: 156px;overflow: hidden;transition: all .4s;border-radius:6px 6px 0 0 ;}
.index-box2-list .index2-img-box:hover img{transform: scale(1.1);}
.index-box2-list .index2-img-box img{max-width: 100%;transition: all .4s}
.index-box2-list .index2-img-box .cover{position: absolute;top: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0, 0,0.5);width: 100%;height: 100%;opacity: 0;}
.index-box2-list .index2-img-box:hover .cover{transition: all 0.4s;opacity: 1;}
.index-box2-list .swiper-text{padding: 12px 10px;background: #fff;border-radius: 0 0 6px 6px;}
.index-box2-list .swiper-text .color-333{font-size: 16px; line-height: 20px;max-width: 100%;cursor: pointer;}
.index-box2-list .swiper-text p:nth-of-type(2){font-size: 12px; line-height: 16px; color: #999999;margin-top: 10px;}
.index-box2-list .index2-img-box .tag{ text-indent: -5px; position: absolute;top: 0;left: 0;display: inline-block;width: 70px;height: 22px;line-height: 22px;text-align: center;color: #fff;font-size: 12px;border-radius: 6px;border-bottom-left-radius: 0;border-top-left-radius: 0}
.index-box2-list .index2-img-box .tag.free{ width: 51px;background-image: url(../image/index/index-free-bg.png);background-repeat: no-repeat;}
.index-box2-list .index2-img-box .tag.member{ color: #774B23; background-image: url(../image/index/index-vip-bg.png);background-repeat: no-repeat;}
.swiper2-box{position: relative;}
.swiper2-box .swiper2-btn{position: absolute;top: 50%;transform: translateY(-50%);font-size: 16px;}
.swiper2-box .swiper2-prev{left: -40px;}
.swiper2-box .swiper2-next{right: -40px;}
@media screen and (max-width:1219px){

}
@media screen and (max-width:991px){

}
@media screen and (max-width: 767px){

}

.index-box3{padding-bottom: 32px;}
/*padding: 0 40px 0 48px;*/
.index-top2{display: flex;align-items: center;justify-content: space-between;padding-top: 33px;color: #666666;}
.index-top2 .index-top2-left{}
.index-top2 .index-top2-left p{display: flex;align-items: center;}
.index-box3 .index-top { margin-bottom: 13px;}
.index-box3 .index-top+.index-box3-main .index-top2 { border-top: none;}
.index-box3-main .indext-top2-type1 .index-top2-left .index-l{width: 5px;height: 24px;background: #39A6FF;margin-right: 10px;}
.index-box3-main .indext-top2-type2 .index-top2-left .index-l{width: 5px;height: 24px;background: #FF7F58;margin-right: 10px;}
.index-box3-main .indext-top2-type3 .index-top2-left .index-l{width: 5px;height: 24px;background: #42CEBE;margin-right: 10px;}
.index-box3-main .indext-top2-type4 .index-top2-left .index-l{width: 5px;height: 24px;background: #9872EB;margin-right: 10px;}
.index-box3-main .index-top2-left .index-2{font-size: 14px;  color: #666666; line-height: 28px; margin-left: 30px;}
.index-top2 .index-top2-left p:nth-of-type(1){font-size: 26px;}
.index-top2 .index-top2-left p:nth-of-type(1) a{display: flex;align-items: center; }
.index-top2 .index-top2-left p:nth-of-type(1) img{margin-right: 12px;}
.index-top2 .index-top2-left p:nth-of-type(2){margin: 16px 70px 11px 0;}
.index-top2 .index-top2-left p:nth-of-type(3) span:nth-of-type(2){border-left: 1px solid #fff;border-right: 1px solid #fff;padding: 0 9px;margin: 0 9px;}
.index-top2 .index-top2-left p:nth-of-type(3) span:last-child{margin-left: 20px;}
.index-top2 .index-top2-left p:nth-of-type(3) span { position: relative;}
.index-top2 .index-top2-left p:nth-of-type(3) span:nth-of-type(2)::after { content: '';height: 14px;border-left: 1px solid #666;position: absolute;right: 0;top: 3px;}
.index-top2 .index-top2-left p:nth-of-type(3) span:nth-of-type(2)::before { content: '';height: 14px;border-left: 1px solid #666;position: absolute;left: 0;top: 3px;}
.index-top2 .index-top2-right{display: flex;align-items: center;}
.index-top2 .index-top2-right a {color: #999999;}
.index-top2 .index-top2-right .current-price{font-size: 26px;color: #FF7517}
.index-top2 .index-top2-right .original-prive{font-size: 16px;text-decoration: line-through;margin: 7px 20px 0 10px;color: #999}
.index-top2 .index-top2-right .index-btn1{background: #39A6FF;color:#fff;border-radius: 20px;font-size: 16px; height: 40px;padding: 0 28px;line-height: 40px;    word-break: keep-all;}
/* .index-top2 .index-top2-right .index-btn1:hover{opacity: 0.8;} */
/*.index-box3-main .indext-top2-type1{background: url("../image/index3-topbg.png") no-repeat;background-size: cover;}*/
/*.index-box3-main .indext-top2-type2{background: url("../image/index4-topbg.png") no-repeat;background-size: cover;}*/
/*.index-box3-main .indext-top2-type3{background: url("../image/index5-topbg.png") no-repeat;background-size: cover;}*/
/*.index-box3-main .indext-top2-type4{background: url("../image/index6-topbg.png") no-repeat;background-size: cover;}*/

.index-box3-main .indext-top2-type1 .index-top2-left p:nth-of-type(1) a{color:#4CB6FA ;font-size: 20px;font-weight: bold}
.index-box3-main .indext-top2-type2 .index-top2-left p:nth-of-type(1) a{color:#FF7F58 ;font-size: 20px;font-weight: bold}
.index-box3-main .indext-top2-type3 .index-top2-left p:nth-of-type(1) a{color:#42CEBE ;font-size: 20px;font-weight: bold}
.index-box3-main .indext-top2-type4 .index-top2-left p:nth-of-type(1) a{color: #9872EB;font-size: 20px;font-weight: bold}
.index-box3-main .index-top2-left p i{font-size: 30px;display: inline-block;margin-right: 5px}
.index-box3-main .indext-top2-type1 .index-top2-left p .iconfontxgw:before { content: "\e63d";}
.index-box3-main .indext-top2-type2 .index-top2-left p .iconfontxgw:before { content: "\e63f";}
.index-box3-main .indext-top2-type3 .index-top2-left p .iconfontxgw:before { content: "\e68f";}
.index-box3-main .indext-top2-type4 .index-top2-left p .iconfontxgw:before { content: "\e63e";}
/*background: #F5F6F8;*/
.index-box3-main{padding-bottom: 0;border-radius: 10px;}
.index-box3-main.mgb0{margin-bottom: 0;}
/*background: #F5F6F8;*/
.index-box3-main .index-box3-list{padding: 20px 0 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.index-box3-main .index-box3-item{width: calc(25% - 20px); margin-bottom: 27px;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08); border-radius: 6px;position: relative;}
.index-box3-main .index-box3-item:hover {box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);}
.index-box3-main .index-box3-item .index3-img{border-radius:6px;position: relative;overflow: hidden;max-width: 280px;overflow: hidden;min-height: 156px; max-height: 156px;}
.index-box3-main .index-box3-item .index3-img img{max-width: 100%;transition: all .4s}
.index-box3-main .index-box3-item .index3-img .cover{position: absolute;top: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0, 0,0.5);width: 100%;height: 100%;transition: all 0.4s;opacity: 0;}
.index-box3-main .index-box3-item .index3-img:hover .cover{opacity: 1;}
.index-box3-main .index-box3-item .index3-img:hover img{transform: scale(1.1);}
.index-box3-main .index-box3-item .color-333{font-size: 16px; display: flex;align-items: center;margin: 10px 0;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-box3-main .index-box3-item .color-333:hover{color: #39A6FF;}
.index-box3-main .index-box3-item .index3-red{ background: url(../image/icon/hot.png) no-repeat; background-size: 100% 100%;color: #fff; position: absolute;top: 0;right: 0 !important; font-size:12px; width: 43px;height: 18px;display: inline-block;text-align: center;line-height: 18px;padding-left: 5px;}
.index-box3-main .index-box3-item .index3-green{ background: url(../image/icon/new.png) no-repeat; background-size: 100% 100%;color: #fff; position: absolute;top: 0;right: 0 !important; font-size:12px; width: 43px;height: 18px;display: inline-block;text-align: center;line-height: 18px;padding-left: 5px;}
.index-box3-main .index-box3-item .index3-orange{ background: url(../image/icon/sale.png) no-repeat; background-size: 100% 100%;color: #fff; position: absolute;top: 0;right: 0 !important; font-size:12px; width: 43px;height: 18px;display: inline-block;text-align: center;line-height: 18px;;padding-left: 5px;}
.index-box3-main .index-box3-item .index3-info {padding: 0 10px 14px;}
.index-box3-main .index-box3-item .index3-info .desc{font-size: 14px; color: #AD886A; line-height: 22px; margin-bottom: 9px;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.index-box3-main .index-box3-item .index3-info .num p{font-size: 12px; line-height: 26px;}
.index-box3-main .index-box3-item .index3-info .num a{ padding: 7px 11px;background: #EDF7FF; border-radius: 13px; font-size: 12px; color: #39A6FF; line-height: 1;}

.index-box3-main .index-btn-bottom{text-align: center;}
.index-box3-main .index-btn-bottom .index-btn2{margin-top: 10px; display: inline-block;padding: 0 18px;line-height: 1;border-radius: 20px;font-size: 14px;color: #999999;}
.index-box3-main .index-btn-bottom .index-btn2 i{ display: inline-block;transform: rotate(90deg) scale(0.7);margin-left: 3px; position: relative; top: 1px;}
/* .index-box3-main .index-btn-bottom .index-btn2:hover{opacity: 0.8;} */ 
.index-advertising img{max-width: 100%;}
@media screen and (max-width:1219px){

}
@media screen and (max-width:991px){

}
@media screen and (max-width: 767px){

}
.index-box7{background: #F7F8FA;}
.index-box7 .index-top img{margin-right: 7px;}
.swiper3-box{position: relative;}
#swiper3{}
#swiper3 .swiper-slide{display: flex;align-items: center;justify-content: space-between;}
#swiper3 .swiper3-item{width: calc(33% - 9px);background: #FFFFFF;box-shadow: 0px 3px 12px 0px rgba(6, 0, 1, 0.06);border-radius: 6px;position: relative;padding: 30px 20px;height: 250px;overflow: hidden}
#swiper3 .swiper3-item .swiper3-sift{position: absolute;right: 0;top: 10px;background: linear-gradient(0deg, #FF7619 0%, #FFA365 100%);width: 53px;  height: 26px;line-height: 26px;border-radius: 10px 0 0 10px;color: #fff;font-size: 12px;padding-left: 17px;}
#swiper3 .swiper3-item .swiper3-top{display: flex;justify-content: space-between;}
#swiper3 .swiper3-item .s-top-left{display: flex;align-items: center;width: calc(100% - 100px)}
#swiper3 .swiper3-item .s-top-left>div{width: calc(100% - 50px)}
#swiper3 .swiper3-item .s-top-left>P{margin-right: 10px;max-width: 46px;min-height: 46px;min-width: 46px}
#swiper3 .swiper3-item .s-top-left>P img{max-width: 100%;max-height: 46px;overflow: hidden;border-radius: 50%;}
#swiper3 .swiper3-item .s-top-left>div p:nth-of-type(1){font-size: 14px;color: #333;font-weight: bold;margin-bottom: 5px;display: block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
#swiper3 .swiper3-item .s-top-left>div p:nth-of-type(2){font-size: 12px;color: #999;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
#swiper3 .swiper3-item .swiper3-time{align-self: flex-end;font-size: 12px;color: #999;margin-bottom: 4px;min-width: 100px;text-align: right}
#swiper3 .swiper3-item .swiper3-con{font-size: 12px;color: #999;margin: 20px auto;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.6;min-height:58px}
#swiper3 .swiper3-item .swiper3-bot{}
#swiper3 .swiper3-item .swiper3-btn{width: 100%;height: 40px;border: 1px solid #E8E8E8;text-align: center;line-height: 38px;font-size: 14px;color: #333;display: block;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
#swiper3 .swiper3-item .swiper3-btn:hover{color: #39A6FF;}
.swiper3-box .swiper3-pagination{position: static;margin-top: 30px;}
.swiper3-box .swiper3-pagination span{width: 10px;height: 10px;margin: 0 5px;}
.swiper3-box .swiper-pagination-bullet-active{background: #39A6FF;}
.index-box8{padding-bottom: 56px;}

@media screen and (max-width:1219px){

}
@media screen and (max-width:991px){

}
@media screen and (max-width: 767px){

}
.index-box8 .f-box{overflow: visible;}
.index-box8 .index-top img{margin-right: 8px;}
.swiper4-box{position: relative;}
#swiper4{}
#swiper4 .swiper-slide{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
#swiper4 .swiper4-item{width: calc(20% - 16px);padding-bottom:125px;}
#swiper4 .swiper4-item.swiper4-item-no{width: calc(20% - 16px);padding-bottom:0;height: 0}

#swiper4 .swiper4-item .swiper4-text{display: block;width: 1200px;position: absolute;padding: 22px 26px;border: 1px solid #FF7517;margin-top: 24px;left: 0;bottom: 0;transition: all 0s;opacity: 0;border-radius: 10px;min-height: 105px}
#swiper4 .swiper4-item.active .swiper4-text{display: block;bottom: 1px;opacity: 1;}
#swiper4 .swiper4-item.active .swiper4-text .s4_before{display: block;position: absolute;top: -12px;border-bottom: 12px solid #ff7517;border-left: 12px solid transparent;border-right: 12px solid transparent;width: 0;height: 0;}
#swiper4 .swiper4-item.active .swiper4-text .s4_after{display: block;position: absolute;top: -11px;border-bottom: 12px solid #f7f8fa;border-left: 12px solid transparent;border-right: 12px solid transparent;width: 0;height: 0;}
#swiper4 .swiper4-item .swiper4-img{border: 1px solid transparent;display: flex;overflow: hidden;min-height: 250px;overflow: hidden;display: flex; align-items:center; justify-content:center}
#swiper4 .swiper4-item .swiper4-img img{display: block;width: 100%;border-radius: 6px}
#swiper4 .swiper4-item.active .swiper4-img{border: 1px solid #FF7517;border-radius: 6px;overflow: hidden;}
#swiper4 .swiper4-item .swiper4-name{text-align: center;font-size: 14px;color: #666;margin-top: 20px;opacity: 0}
#swiper4 .swiper4-item .swiper4-name span{text-align: center;font-size: 16px;color: #333;font-weight: bold}
#swiper4 .swiper4-item.active .swiper4-name{opacity: 1}
#swiper4 .swiper4-item img{max-width: 100%;cursor: pointer;max-height: 100%;transition: transform 0.3s;}
#swiper4 .swiper4-item img:hover{transform-origin: 50% 50%;transform: scale(1.1);}
.swiper4-box .swiper4-btn{position: absolute;top: 120px;}
.swiper4-box .swiper4-prev{left: -40px;}
.swiper4-box .swiper4-next{right: -40px;}
.tq2 {padding: 60px 70px 20px 86px; position: relative; background: url(../image/vip/tq2-circle.png) no-repeat; background-size: 140px auto; background-position: 0 -30px;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);}   
.tq2 .tq2-cont { width: 100%;}
.tq2 #swiper7 { width: 100%; padding: 20px 0 40px 1px;}
.tq2 .info { max-width: 630px;}
.tq2 .info .name {font-size: 16px; color: #333; font-weight: bold; line-height: 31px;}
.tq2 .info .name .lname {font-size: 31px; color: #FF7B21; line-height: 1;}
.tq2 .info .desc { padding: 32px 0 45px; font-size: 14px;color: #8897AD; line-height: 24px;}
.tq2 .info .swiper-slide .item {line-height: 0; position: relative; bottom: 0; margin-right: 10px; width: 118px; height: 136px; border-radius: 6px;}
.tq2 .info .swiper-slide .item div { width: 100%; height: 100%; border-radius: 6px;transition: transform 0.3s;overflow: hidden;}
.tq2 .info .swiper-slide .item img { width: 116px; height: 134px; border-radius: 6px; transition: transform 0.3s;}
.tq2 .info .swiper-slide .item img:hover { transform-origin: 50% 50%; transform: scale(1.1);}
.tq2 .info .swiper-slide.swiper-slide-active .item {  margin-right: 11px;}
.tq2 .info .swiper-slide.swiper-slide-active .item { bottom: 10px; border: 1px solid #FF7517; border-radius: 6px;}
.tq2 .info .swiper-slide.swiper-slide-active .item::after { content: ''; border-width: 6px; border-style: dashed dashed dashed solid; border-color: transparent transparent #FF7517 ; position: absolute; left: 50%; top: -17px;}
.tq2 .pic { position: relative; text-align: center; margin-left: 43px; width: 358px;height: 400px;background: url(../image/vip/peo-bg.png) center no-repeat; background-size: 100% auto;}
.tq2 .pic img { width: 80%; height: 100%; object-fit: contain;}
.tq2 .pic::after { content: ''; width: 100%;height: 12%;background: linear-gradient(0deg,rgba(255,255,255,0.7), rgba(255,255,255,0)); position: absolute;left: 0;bottom: 0;}
.tq2 .swiper-button-next { width: 50px;height: 50px;right: -6px;z-index: 8;}
.tq2 .swiper-button-prev { width: 50px;height: 50px;left: -6px;z-index: 8;}
.tq2 .swiper-button-prev:after { display: block;content: ''; width: 100%; height: 100%; background: url(../image/vip/arrow-left.png) no-repeat; background-size: 50px auto;}
.tq2 .swiper-button-next:after { display: block;content: ''; width: 100%; height: 100%; background: url(../image/vip/arrow-right.png) no-repeat; background-size: 50px auto;}

@media screen and (max-width:1219px){

}
@media screen and (max-width:991px){
  #swiper4 .swiper4-item.active .swiper4-text{padding: 10px 20px;}
}
@media screen and (max-width: 767px){

}
.index-box9{background: #F7F8FA;}
.index-box9 .f-box{overflow: visible;}
.index-box9 .index-top img{margin-right: 5px;}
.swiper5-box{position: relative;}
.swiper5-box .swiper5-pagination{position: static;}
.swiper5-box .swiper5-pagination span{width: 10px;height: 10px;margin: 0 5px;}
.swiper5-box .swiper-pagination-bullet-active{background: #39A6FF;}
#swiper5 .swiper-slide{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
#swiper5 .swiper5-item{display: flex;align-items: center;width: calc(50% - 15px);margin-bottom: 60px;}
#swiper5 .swiper-slide .swiper5-img{margin-right: 20px;width: 208px;overflow: hidden;flex: 0 0 208px;max-height: 128px;border-radius: 6px}
#swiper5 .swiper-slide .swiper5-img img{max-width: 100%;transition: transform 0.3s;border-radius: 6px}
#swiper5 .swiper-slide .swiper5-tit{color: #333333;font-size: 18px;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#swiper5 .swiper-slide .swiper5-con{color: #999999;font-size: 14px;margin: 14px auto 26px;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#swiper5 .swiper-slide .swiper5-con a{color: #999999;display: block;word-wrap:break-word}
#swiper5 .swiper-slide .swiper5-time{color: #999999;font-size: 14px;}
#swiper5 .swiper-slide .swiper5-img:hover img{transform-origin: 50% 50%;transform: scale(1.1);}
#swiper5 .swiper-slide .swiper5-tit:hover a{color: #39A6FF;}
#swiper5 .swiper-slide .swiper5-con:hover a{color: #39A6FF;}
#swiper5 .swiper-slide .swiper5-right{width: calc(100% - 230px)}
#swiper2 .index2-img-box .tag{position: absolute;top: 0;left: 0;display: inline-block;width: 70px;height: 28px;line-height: 26px;text-align: center;color: #fff;font-size: 12px;border-radius: 6px;border-bottom-left-radius: 0;border-top-left-radius: 0}
#swiper2 .index2-img-box .tag.free{ background-image: linear-gradient(#6ABCFF, #0487F2);}
#swiper2 .index2-img-box .tag.member{ background-image: linear-gradient(#FFA365,#FF7517);}


.index-top2 .index-top2-right .current-price{font-size:26px;color: #ff7517;position: relative}
.index-top2 .index-top2-right .current-price .tag{position: absolute;top: -15px;right: -40px;width: 48px;}
.index-top2 .index-top2-right .current-price .tag img{display: block;width: 100%}
.index-top2 .index-top2-right .current-price .tag i{width:100%;color: #fff;font-size: 12px;transform: scale(.9);position: absolute;top: 0;left: 0;width: 100%;line-height: 1.1}
.footer{margin-top: 0}
@media screen and (max-width:1219px){

}
@media screen and (max-width:991px){

}
@media screen and (max-width: 767px){

}
@-moz-keyframes living-icon-ani {
  from {
      transform: scaleY(.5)
  }
  50% {
      transform: scaleY(1)
  }
  to {
      transform: scaleY(.5)
  }
}

@-webkit-keyframes living-icon-ani {
  from {
      transform: scaleY(.5)
  }
  50% {
      transform: scaleY(1)
  }
  to {
      transform: scaleY(.5)
  }
}

@-o-keyframes living-icon-ani {
  from {
      transform: scaleY(.5)
  }
  50% {
      transform: scaleY(1)
  }
  to {
      transform: scaleY(.5)
  }
}

@keyframes living-icon-ani {
  from {
      transform: scaleY(.5)
  }
  50% {
      transform: scaleY(1)
  }
  to {
      transform: scaleY(.5)
  }
}
.index-advertising { margin-top: 60px;}
.living-icon-col {width: 2px;margin: 0 1px;background-color: #fff;border-radius: 2px;animation: linear .6s infinite living-icon-ani ;transform-origin: bottom;display: inline-block;height: 100%;}
.living-icon-col:first-child {animation-delay: -.2s;margin-left: 0}
.living-icon-col:last-child {animation-delay: .2s;margin-right: 0}
.living-icon{ margin-left: 7px; width: 10px; height: 10px; margin-right: 2px;  float: right; position: relative; }

.index-box2-list .index2-img-box .time{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1;
    padding: 6px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.layer-welfare-modal.layui-layer { background-color: rgba(0, 0, 0, 0); box-shadow: none;}
.layer-welfare-modal.layui-layer .layui-layer-setwin { top: unset; bottom: 0; right: 50%;}
.layer-welfare-modal.layui-layer .layui-layer-ico { font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 25px; color: #fff; top: unset !important; bottom: -64px; margin-right: 12px;}
.layer-welfare-modal.layui-layer .layui-layer-ico:before { content: "\e621";}
.layer-welfare-modal .welfare-modal img { width: 100%;}