@charset "UTF-8";


/* 头部悬浮撑开高度盒子 */
.spreadout{width: 100%;height: 60px;}

.inner_line{display: flex;justify-content: space-between;}

/* 内页头导航 */
.inner_minnav{display: flex;justify-content: flex-start;padding: 11px 0px;flex-wrap: wrap;}
.inner_minnav a{font-size: 16px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Regular';padding:0 13px;position: relative;text-transform:uppercase;}
.inner_minnav a:first-child{padding-left: 0;}
.inner_minnav a:before{content: '/';position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: 16px;color: #232f3f;}
.inner_minnav a:last-child:before{display: none;}
.inner_minnav a:last-child{padding:0;}
.inner_minnav a:nth-child(n-1){margin-right: 13px;padding: 0px 16px 0px 0px;}

/* 内页顶部大图 */
.inner_topbox{width: 100%;height: 624px;position: relative;overflow: hidden;}
.inner_topbox .bigimg{width: 100%;height: 100%;object-fit: cover;display: block;}
/* .inner_topbox .box_title{position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%);}*/
.inner_topbox .box_title{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0,0,0,0.2);}
.inner_topbox .box_title h1{color: #fff;}
.inner_topbox .box_title p{color: #fff}

.wop_blog_page_topbox .box_title{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.wop_blog_page_topbox .box_title .title{color: #fff;width: 60%;}

.wop_publicpage_titlebox{width: 100%;display: flex;flex-direction: column;align-items: center;margin-bottom: 50px;}
.wop_publicpage_titlebox .p1{font-size: 40px;color: #434343;line-height: 42px;font-family: 'Quicksand-Bold';margin: 0px;}
.wop_publicpage_titlebox img{width: 43px;height: auto;margin-top: 20px;}
.wop_publicpage_titlebox .p2{font-size: 18px;color: #434343;line-height: 22px;font-family: 'Quicksand-Regular';margin-top: 12px;text-align: center;}

.box_title.onliy{margin-top: 80px;}
@media(max-width:1440px){
	.inner_topbox{height: 520px;}
	.box_title.onliy{margin-top: 60px;}
	
	.wop_publicpage_titlebox{margin-bottom: 46px;}
	.wop_publicpage_titlebox .p1{font-size: 36px;line-height: 38px;}
	.wop_publicpage_titlebox img{width: 38px;margin-top: 18px;}
	.wop_publicpage_titlebox .p2{font-size: 16px;line-height: 20px;margin-top: 12px;}
}
@media (max-width: 1220px){
	.spreadout{height: 48px;}
}
@media (max-width: 1080px) {
	.inner_topbox{height: 400px;}
	.spreadout{height: 48px;}
	
	.inner_minnav a{font-size: 14px;}

	.wop_publicpage_titlebox{margin-bottom: 40px;}
	.wop_publicpage_titlebox .p1{font-size: 32px;line-height: 34px;}
	.wop_publicpage_titlebox img{width: 34px;margin-top: 16px;}
}
@media(max-width:850px){
	.inner_minnav a{line-height: 30px;}

	.wop_publicpage_titlebox{margin-bottom: 36px;}
	.wop_publicpage_titlebox .p1{font-size: 26px;line-height: 28px;}
	.wop_publicpage_titlebox img{width: 32px;margin-top: 14px;}
	.wop_publicpage_titlebox .p2{font-size: 14px;line-height: 18px;margin-top: 10px;}
}
@media (max-width:480px) {
	.inner_minnav{}
	.inner_minnav a{font-size: 12px;padding: 0 6px;line-height: 22px;}
	.inner_minnav a:nth-child(n-1){margin-right: 6px;padding: 0px 12px 0px 0px;}
	
	.inner_topbox{height: 240px;}
	.box_title.onliy{margin-top: 30px;}
	.wop_blog_page_topbox .box_title .title{font-size: 18px;width: 90%;}

	.wop_publicpage_titlebox{margin-bottom: 30px;}
	.wop_publicpage_titlebox .p1{font-size: 22px;line-height: 24px;}
	.wop_publicpage_titlebox img{width: 28px;margin-top: 12px;}
	.wop_publicpage_titlebox .p2{font-size: 12px;line-height: 14px;margin-top: 8px;}
}


/* 产品内页 */
.inner_bigbox .inner_line{margin-bottom: 30px;flex-wrap: wrap;}
.inner_sortbtn{border-radius: 50px;background: #EEEEEE;width: max-content;
overflow: hidden;height: 40px;margin-bottom: 20px;}
.inner_sortbtn ul{display: flex;}
.inner_sortbtn li{border-radius: 50px;overflow: hidden;position: relative;}
.inner_sortbtn li p,.inner_sortbtn li a{font-size: 18px;line-height: 40px;color: #232f3f;font-family: 'Quicksand-Bold';width: 100%;display: block;padding: 0 40px;
transition: all .4s linear;-webkit-transition: all .4s linear;text-transform:capitalize;text-align: center;cursor: pointer;}
.inner_sortbtn li.active p,.inner_sortbtn li.active a{background: #EA5504;color: #fff;}
.inner_sortbtn li:hover p,.inner_sortbtn li:hover a{background: #335C80;color: #fff;}
.inner_sortbtn li .newbox{position: absolute;top: 2px;right: 10px;background: #335C80;border-radius: 50px;padding: 1px 3px;font-size: 10px;color: #fff;font-family: 'Quicksand-SemiBold';}
.inner_sortbtn li:hover .newbox{background: #EA5504;}

.bottom_sort{position:relative;}
.bottom_sort h6{font-size: 16px;color: #232f3f;font-family: 'Quicksand-Bold';line-height: 40px;cursor: pointer;caret-color: rgba(0,0,0,0);transition: all .2s linear;-webkit-transition: all .2s linear;}
.bottom_sort_show{border:1px solid #e0e0e0;padding: 0 18px;width: max-content;border-radius: 50px;display: flex;align-items: center;
justify-content: space-between;min-width: 246px;cursor: pointer;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.bottom_sort_show i{font-size: 24px;color: #e0e0e0;transition: all .2s linear;-webkit-transition: all .2s linear;}
.bottom_sort_list{border: 1px solid #e0e0e0;border-radius: 15px;display: none;position: absolute;overflow: hidden;
left: 0;top: 58px;z-index: 50;background: #fff;width: 100%;}
.bottom_sort_list h6{line-height: 36px;-webkit-tap-highlight-color:rgba(0,0,0,0);padding: 00px 18px;border-radius: 15px;}
.bottom_sort_list .sort_li.cur h6{background: #ea5504;color: #fff;}
.bottom_sort_list .sort_li:hover h6{color: #ea5504;}

@media (max-width:1360px) {
	.inner_bigbox .inner_line{margin-bottom: 20px;}
	.inner_sortbtn{height: 38px;}
	.inner_sortbtn li p,.inner_sortbtn li a{padding: 0 30px;font-size: 16px;line-height: 38px;}
	.bottom_sort h6{font-size: 14px;line-height: 38px;}
}
@media (max-width:769px) {
	.inner_sortbtn li p,.inner_sortbtn li a{white-space: nowrap;line-height: 36px;border-radius: 50px;}
	.inner_sortbtn ul{overflow: scroll;}
	.inner_sortbtn ul::-webkit-scrollbar {display: none;}
	.inner_sortbtn li{overflow: unset;}
	.inner_sortbtn{height: 36px;max-width: 100%;margin-bottom: 16px;}
}
@media (max-width:480px) {
	.bottom_sort{width: 100%;}
	.inner_sortbtn li p,.inner_sortbtn li a{padding: 0px 20px;font-size: 14px;}
	.bottom_sort_show{min-width: 100%;}
	.bottom_sort h6{line-height: 36px;}
	.bottom_sort_list h6{line-height: 36px;}

	.inner_sortbtn li .newbox{top: 0px;right: 0px;}
	
	.inner_bigbox .inner_line{margin-bottom: 10px;}
}

/* 产品列表 */
.pro_list{display: flex;flex-wrap: wrap;}
.pro-box{width: calc((100% - 72px) /3);caret-color:rgba(0,0,0,0);margin-right: 36px;margin-bottom: 36px;background: #f7f5f4;border-radius: 8px;overflow: hidden;}
@media (min-width:850px) {
	.pro-box:nth-child(3n){margin-right: 0;}
}
.pro-box .pro-imgbox{background: #f7f5f4;border-radius: 15px;width: 100%;height: 0;padding-bottom: 100%;position: relative;}
.pro-box .pro-imgbox a{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;text-align: center;}
.pro-box .pro-imgbox a.bigimg:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: calc(100% + 30px);background: rgba(0,0,0,0.2);z-index: 2;transition: .5s;opacity: 0;}
.pro-box .pro-imgbox a.bigimg img{max-width: 100%;max-height: 100%;display: block;margin: -10% auto 0px;display: none;transition: all .4s linear;-webkit-transition: all .4s linear;transform: scale(0.75);}
.pro-box .pro-imgbox a.bigimg img:first-child{display: block;}


.pro-box .cart{background: #fff;border-radius: 10px;width: 58px;height: 58px;position: absolute;transition: all 0.2s;-webkit-transition: all 0.2s;
left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;opacity: 0;display: none;visibility: hidden;cursor: pointer;}
.pro-box .cart i{font-size: 26px;color: #232f3f;transition: all 0.2s;-webkit-transition: all 0.2s;}

.pro-box .colorbox{position: absolute;left: 30px;top: 30px;width: 60%;}
.pro-box .colorbox ul{display: flex;flex-wrap: wrap;width:100%;}
.pro-box .colorbox li{margin-right: 14px;margin-bottom: 14px;width: auto;height: auto;cursor: pointer;
border: 2px solid #e4e4e3;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.pro-box .colorbox li span{width: 16px;height: 16px;display: block;border: 2px solid #fff;border-radius: 50%;}

.pro-box .colorbox li.cur{border-color: #232f3f;}
.pro-box .colorbox li:hover{border-color: #232f3f;}

.pro-box .Collection{position: absolute;right: 30px;top: 30px;}
.pro-box .Collection i{font-size: 28px;line-height: 28px;display: block;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-box .Collection .oncur{opacity: 0;display: none;visibility: hidden;}
.pro-box .Collection .nocur{color: #262525;}
/* .pro-box .Collection:hover .oncur{opacity: 1;display: block;visibility: unset;color: #ea5504;}
.pro-box .Collection:hover .nocur{opacity: 0;display: none;visibility: hidden;} */
.pro-box .Collection.cur .oncur{opacity: 1;display: block;visibility: unset;color: #ea5504;}
.pro-box .Collection.cur .nocur{opacity: 0;display: none;visibility: hidden;}

.pro-box .wp-pro-tipbox{position: absolute;right: 30px;top: 24px;padding: 6px 17px;font-family: 'Quicksand-Bold';font-size: 14px;color: #fff;background-color: #ea5504;border-radius: 50px;}
.pro-box .wp-pro-tipbox.soldout{background: #999;}
.pro-box .wp-pro-tipbox.new{background: #232f3f;}
.pro-box .wp-pro-tipbox_activity{width: 76px;height: 84px;position: absolute;right: 20px;top: 16px;z-index: 10;background-image: url('/webfile/index/img/christmas/discount_bg.png');background-size: 100% 100%;background-repeat: no-repeat;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.pro-box .wp-pro-tipbox_activity .p1{font-size: 24px;line-height: 24px;color: #fff;font-family: 'Sans_Bold';margin-top: 10px;}
.pro-box .wp-pro-tipbox_activity .off_box{display: flex;flex-direction: column;margin-left: 2px;margin-top: 10px;}
.pro-box .wp-pro-tipbox_activity .off_box p{font-size: 10px;line-height: 10px;font-family: 'Sans_Medium';color: #fff;}

.pro-box .pro-imgbox:hover .cart{opacity: 1;display: flex;visibility: unset;z-index: 9;}
.pro-box .pro-imgbox .cart:hover i{transform:scale(1.1);}
.pro-box .pro-imgbox:hover a.bigimg:after{opacity: 1;}
.pro-box .pro-imgbox:hover .colorbox{z-index: 9;}
.pro-box .pro-imgbox:hover .Collection{z-index: 9;}
/* .pro-box .pro-imgbox:hover img{transform: scale(0.8);} */
.pro-box .pro-imgbox:hover a.bigimg img{transform: scale(0.8);}

.pro-box .pro-text{padding: 0 30px;padding-bottom: 24px;margin-top: -14%;display: flex;flex-direction: row;justify-content: space-between;}
.pro-box .pro-text .linebox{display: flex;flex-direction: column;}
.pro-box .pro-text .linebox:first-child{width: 75%;}
.pro-box .pro-text .linebox:last-child{width: 25%;}
.pro-box .pro-text p{font-size: 16px;line-height: 26px;color: #232f3f;font-family: 'Quicksand-Regular';margin-left: auto;z-index: 1;}
.pro-box .pro-text h3{font-size: 22px;line-height: 28px;color: #232f3f;font-family: 'Quicksand-Bold';width: 90%;text-align: left;
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;white-space: pre-wrap;  
display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;z-index: 1;}
.pro-box .pro-text h5{font-size: 24px;line-height: 36px;color: #ea5504;font-family: 'Quicksand-Bold';margin-left: auto;line-height: 24px !important;z-index: 1;}

@media (max-width:1360px) {
	.pro-box{margin-right: 24px;margin-bottom: 24px;width: calc((100% - 48px) /3);}
	.pro-box .pro-imgbox a.bigimg img{transform: scale(0.70);}
	.pro-box .pro-imgbox:hover a.bigimg  img{transform: scale(0.75);}
	
	.pro-box .pro-text h3{font-size: 20px;line-height: 24px;}
	.pro-box .pro-text h5{font-size: 20px;}
	.pro-box .colorbox li{margin-right: 10px;margin-bottom: 10px;}
}
@media (max-width:1080px) {
	.pro-box .pro-imgbox a.bigimg img{transform: scale(0.65);}
	.pro-box .pro-imgbox:hover a.bigimg  img{transform: scale(0.7);}
	.pro-box .colorbox{left: 15px;top: 15px;}
	.pro-box .Collection{right: 15px;top: 15px;}
	.pro-box .wp-pro-tipbox{right: 15px;top: 15px;font-size: 12px;padding: 5px 14px;}
	.pro-box .wp-pro-tipbox_activity{top: 16px;right:16px;width: 60px;height: 67px;}
	.pro-box .wp-pro-tipbox_activity .p1{font-size: 20px;line-height: 20px;margin-top: 8px;}
	.pro-box .wp-pro-tipbox_activity .off_box{margin-top: 8px;}
	
	.pro-box .pro-text{padding: 0 15px 20px;}
	.pro-box .pro-text p{font-size: 14px;line-height: 20px;}
	.pro-box .pro-text h3{font-size: 18px;line-height: 22px;}
	.pro-box .pro-text h5{font-size: 18px;line-height: 18px;}
}
@media (max-width:850px) {
	/* .pro-box .pro-imgbox{background: #fff;} */
	.swiper-btn{display: flex;}
	.pro-box{width: calc((100% - 16px)/2);margin-right: 16px;margin-bottom: 16px;}
	.pro-box:nth-child(2n){margin-right: 0px;}

	.pro-box .pro-imgbox a.bigimg:after{display: none;}
	.pro-box .cart{opacity: 1;display: flex;visibility: initial;left: inherit;top: inherit;right: 0px;bottom: 18%;width: 46px;height: 46px;border-radius: 50px;border: 1px solid #e1e1e1;background: #fff;}
	.pro-box .pro-text p{line-height: 20px;}
}
@media (max-width:480px) {
	.pro-box{width: 100%;margin-right: 0;margin-bottom: 16px;margin-left: 0;}
	.pro-box:nth-child(2n){margin-left: 0;}
	
	.swiper-btn{width: calc(100% - 20px);}
	.swbtn{width: 40px;height:40px;}
	.swbtn i{font-size:12px}
	
	.pro-box .wp-pro-tipbox{padding: 4px 12px;}
	.pro-box .wp-pro-tipbox_activity{top: 10px;right: 14px;width: 58px;height: 64px;}
	.pro-box .wp-pro-tipbox_activity .p1{font-size: 18px;line-height: 18px;margin-top: 7px;}
	.pro-box .wp-pro-tipbox_activity .off_box{margin-top: 7px;transform: scale(0.8);margin-left: 0px;}
	.pro-box .pro-text{margin-top: 0px;padding-bottom: 16px;}
	.pro-box .pro-text p{font-size: 12px;line-height: 18px;}
	
	.pro-box .pro-text h3{font-size: 16px;line-height: 22px;max-width: 240px;}
	.pro-box .pro-imgbox{padding-bottom: calc(100% - 78px);}
	.pro-box .pro-imgbox a.bigimg img{transform: scale(0.85);margin: 0px auto;}
	.pro-box .pro-imgbox:hover a.bigimg img{transform: scale(0.9);}
	.pro-box .pro-imgbox:hover a.bigimg:after{display: none;}
	.pro-box .pro-imgbox a.cart{box-shadow: 0 0 20px 10px rgb(0 0 0 / 10%);opacity: 1;display: none;visibility: unset;z-index: 9;top: calc(62% + 58px);}
	.pro-box .pro-imgbox:hover a.cart{display: none;}

	.pro-box .cart{bottom: 8px;width: 36px;height: 36px;}
	.pro-box .cart i{font-size: 22px;}
}

/* 博客 */
.blog{padding: 80px 0 160px;}
.blog .inner_sortbtn{margin: 0 auto;}
.blog_list{display: flex;flex-wrap: wrap;margin-top: 60px;}
.blog_list .blog_li{width: calc((100% - 120px)/3);margin-right: 60px;margin-bottom: 60px;}
@media(min-width:850px){
	.blog_list .blog_li:nth-child(3n){margin-right: 0;}
}

.blog_list .blog_li a{display: block;width: 100%;height: 100%;}
.blog_list .blog_li .img{width: 100%;height: 288px;border-radius: 15px;overflow: hidden;margin-bottom: 20px;}
.blog_list .blog_li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.blog_list .blog_li h3{font-size: 24px;line-height: 32px;color: #232f3f;font-family: "Quicksand-Bold";}
.blog_list .blog_li p{font-size: 16px;line-height: 28px;color: #888888;font-family: "Quicksand-Regular";margin-top: 16px;}

.blog .inner_sortbtn{position: relative;margin-bottom: 100px;overflow: initial;}
.blog .inner_sortbtn li{padding: 0px 40px;display: flex;flex-direction: row;align-items: center;transition: all 0.6s ease;}
.blog .inner_sortbtn li.active{background: #EA5504;color: #fff;}
.blog .inner_sortbtn li:hover{background: #335C80;color: #fff;}
.blog .inner_sortbtn li a{padding: 0px 10px;background: none;transition: none;}
.blog .inner_sortbtn li .iconfont{font-size: 16px;color: #232f3f;font-weight: bold;transform: rotate(-90deg);transition: all 0.6s ease;cursor: pointer;}
.blog .inner_sortbtn li.active .iconfont{color: #ffffff;transform: rotate(0deg);}
.blog .inner_sortbtn li:hover .iconfont{color: #ffffff;transform: rotate(0deg);}
.blog .secondary-menu{display: flex;flex-direction: column;align-items: center;position: absolute;top: 38px;background-color: #fff;padding: 16px 0px;width: 100%;}
.blog .secondary-menu .menulist{width: 100%;display: none;flex-direction: row;align-items: center;flex-wrap: wrap;justify-content: center;}
.blog .secondary-menu .menulist.active{display: flex;}
.blog .secondary-menu .menulist a{padding: 4px 15px;font-size: 18px;line-height: 26px;color: #335C80;font-family: "Quicksand-SemiBold";margin: 10px 10px;background-color: #EEEEEE;}
.blog .secondary-menu .menulist a.active{color: #ffffff;background-color: #335C80;}
.blog .secondary-menu .menulist a:hover{color: #ffffff;background-color: #335C80;}
.blog .secondary-menu .menulist a:last-child{margin-right: 0px;}

@media (max-width:1360px){
	.blog_list{margin-top: 40px;}
	.blog_list .blog_li{width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 30px;}
	.blog_list .blog_li h3{font-size: 20px;line-height: 28px;}
	.blog_list .blog_li p{font-size: 14px;line-height: 24px;margin-top: 10px;}
}
@media(max-width:1280px){
	.blog_list .blog_li .img{height: 250px;}
}
@media(max-width:1080px){
	.blog_list .blog_li .img{height: 208px;margin-bottom: 14px;}
	.blog_list .blog_li h3{font-size: 18px;line-height: 24px;}

	.blog .inner_sortbtn li{padding: 0px 30px;}
	.blog .inner_sortbtn li a{padding: 0px 10px;}
	.blog .secondary-menu .menulist a{padding: 4px 12px;font-size: 16px;line-height: 24px;margin: 8px 8px;}
}
@media(max-width:850px){
	.blog{padding-bottom: 80px;}
	.blog_list .blog_li{width: calc((100% - 20px)/2);margin-right: 0;}
	.blog_list .blog_li:nth-child(2n){margin-left: 20px;}
}
@media(max-width:520px){
	.blog{padding:40px 0 80px;}
	.blog_list .blog_li{width: calc((100% - 16px)/2);;margin-left: 0;margin-bottom: 16px;margin-right: 16px;}
	.blog_list .blog_li:nth-child(2n){margin-left: 0;margin-right: 0px;}
	.blog_list .blog_li .img{margin-bottom: 10px;}
	.blog_list .blog_li h3{font-size: 14px;line-height: 18px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
	.blog_list .blog_li p{margin-top: 4px;}

	.blog_list{margin-top: 20px;}
	.blog .inner_sortbtn{margin-bottom: 0px;border-radius: 0px;height: auto;background: none;}
	.blog .inner_sortbtn ul{border-radius: 50px;overflow: scroll;background: #EEEEEE;}
	.blog .inner_sortbtn li{padding: 0px 20px;}
	.blog .inner_sortbtn li a{padding: 0px 10px;}
	.blog .inner_sortbtn li:hover{background: #EA5504;color: #fff;}
	.blog .secondary-menu{position: inherit;top: 0px;padding: 6px;}
	.blog .secondary-menu .menulist a{padding: 4px 12px;font-size: 14px;line-height: 22px;margin: 6px 6px;}
}


/* 博客详情页 */
.blog_detail{padding-bottom: 120px;}

.wop_blog_page .bigtitle{font-size: 36px;line-height: 48px;color: #232f3f;font-family: "Quicksand-Bold";text-align: center;margin: 80px auto 20px;max-width: 840px;}

.wop_blog_page .blog_crumbs{display: flex;flex-direction: row;align-items: center;margin: 60px auto 40px;}
.wop_blog_page .blog_crumbs a{font-size: 16px;line-height: 24px;color: #434343;font-family: "Quicksand-Bold";position: relative;text-transform: uppercase;padding-right: 16px;margin-right: 10px;}
.wop_blog_page .blog_crumbs a::before{content: '/';position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: 16px;color: #434343;}
.wop_blog_page .blog_crumbs a:last-child::before{display: none;}

.wop_blog_page .blog_content{display: flex;flex-direction: row;justify-content: space-between;}

.wop_blog_page .blog_content .content_left{width: 70%;display: flex;flex-direction: column;padding-right: 40px;float: left;}
.wop_blog_page .blog_content .content_left .topbox{background: #f5f5f5;padding: 30px 30px;display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;border-radius: 12px;}
.wop_blog_page .blog_content .content_left .topbox h1{font-size: 36px;line-height: 42px;color: #434343;font-family: "Quicksand-Bold";text-align: center;margin-bottom: 40px;}
.wop_blog_page .blog_content .content_left .topbox .info{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.wop_blog_page .blog_content .content_left .topbox .info p{font-size: 16px;line-height: 22px;color: #434343;font-family: "Quicksand-Regular";padding: 0 20px;position: relative;}
.wop_blog_page .blog_content .content_left .topbox .info p::before{content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: #434343;transform: translateY(-50%);}
.wop_blog_page .blog_content .content_left .topbox .info p:last-child::before{display: none;}
.wop_blog_page .blog_content .content_left .topbox .info .top_plicon{cursor: pointer;}
.wop_blog_page .blog_content .content_left .topbox .info .top_plicon .iconfont{margin-right: 10px;}

.wop_blog_page .blog_content .content_left .conbox{background: #f5f5f5;padding: 30px 30px;margin-bottom: 30px;border-radius: 12px;}

.wop_blog_page .blog_content .content_left .labelbox{display: flex;flex-direction: row;flex-wrap: wrap;}
.wop_blog_page .blog_content .content_left .labelbox p{font-size: 16px;line-height: 22px;color: #434343;margin-bottom: 8px;}
.wop_blog_page .blog_content .content_left .labelbox .boxlist{flex: 1;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.wop_blog_page .blog_content .content_left .labelbox a{border-radius: 4px;background: #335C80;padding: 4px 8px;cursor: pointer;font-size: 12px;color: #ffffff;margin-left: 8px;margin-bottom: 8px;}
.wop_blog_page .blog_content .content_left .labelbox a:hover{background: #EA5504;}

.wop_blog_page .blog_content .content_right{width: 30%;display: flex;flex-direction: column;position: sticky;top: 140px;left: 0px;float: right;}
.wop_blog_page .blog_content .content_right .popular_post{background: #f5f5f5;padding: 30px 20px;margin-bottom: 30px;border-radius: 12px;position: relative;}
.wop_blog_page .blog_content .content_right .popular_post:before{content: '';position: absolute;left: 20px;bottom: 30px;width: calc(100% - 40px);height: 40px;background-image: linear-gradient(to top,rgba(255,255,255,0.8) 20%,rgba(255,255,255,0));}
.wop_blog_page .blog_content .content_right .popular_post .title{font-size: 24px;line-height: 24px;color: #434343;font-family: "Quicksand-Bold";margin-bottom: 24px;}
.wop_blog_page .blog_content .content_right .popular_post .popular_postList{display: flex;flex-direction: column;height: 280px;overflow-y: scroll;overflow-x: hidden;}
.wop_blog_page .blog_content .content_right .popular_post .popular_postList::-webkit-scrollbar {display: none;}
.wop_blog_page .blog_content .content_right .popular_post .blogcon_li{display: flex;flex-direction: row;align-items: center;margin-bottom: 18px;}
.wop_blog_page .blog_content .content_right .popular_post .blogcon_li:last-child{margin-bottom: 0px;}
.wop_blog_page .blog_content .content_right .popular_post .blogcon_li img{width: 160px;height: 100px;border-radius: 12px;object-fit: cover;}
.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox{display: flex;flex-direction: column;margin-left: 24px;flex: 1;}
.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox .p1{font-size: 16px;line-height: 20px;color: #434343;font-family: 'Quicksand-SemiBold';}
.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox .p2{font-size: 16px;line-height: 20px;color: #434343;font-family: 'Quicksand-Regular';margin-top: 10px;}

.wop_blog_page .blog_content .content_right .share_box{background: #f5f5f5;padding: 30px 20px;margin-bottom: 30px;border-radius: 12px;}
.wop_blog_page .blog_content .content_right .share_box .right{display: flex;flex-direction: row;align-items: center;}
.wop_blog_page .blog_content .content_right .share_box .right h5{font-size: 16px;line-height: 22px;color: #434343;font-family: "Quicksand-Bold";}
.wop_blog_page .blog_content .content_right .share_box .right h5 .iconfont{margin-right: 8px;}
.wop_blog_page .blog_content .content_right .share_box .right img{width: 20px;height: auto;margin-right: 8px;}

.wop_blog_page .blog_content .content_right .pageupdo{background: #f5f5f5;padding: 30px 20px;margin-bottom: 30px;border-radius: 12px;display: flex;flex-direction: row;align-items: center;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li{width: 50%;position: relative;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li:before{position: absolute;content: '';width: 1px;height: 100%;background: #e0e0e0;right: 0;top: 50%;transform: translateY(-50%);}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li:nth-child(2)::before{display: none;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li:nth-child(1){text-align: right;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li .txt{flex: 1;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li p{font-size: 14px;line-height: 14px;color: #626262;font-family: 'Quicksand-Regular';margin-bottom: 10px;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li p i{display: none;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li h5{font-size: 18px;line-height: 20px;color: #434343;font-family: 'Quicksand-Bold';}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li:nth-child(2){text-align: left;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li i{font-size: 18px;padding: 0 20px;display: inline-block;}
.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li:nth-child(1) i{transform: rotate(180deg);}

.wop_blog_page .prolist_model{width: 100%;margin-top: 80px;}
.wop_blog_page .prolist_model .titlebox{width: 100%;display: flex;align-items: center;justify-content: center;}
.wop_blog_page .prolist_model .titlebox h2{font-size: 32px;line-height: 36px;color: #232f3f;font-family: "Quicksand-Bold";}
.wop_blog_page .pro_list{width: 100%;display: flex;flex-wrap: wrap;margin-top: 40px;}

.center_text{padding: 40px 0px 80px;}
.center_text p{font-size: 16px;line-height: 36px;color: #232f3f;font-family: "Quicksand-Regular";}
.center_text span{font-size: 16px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Bold';}
.center_text h2{font-size: 24px;line-height: 36px;color: #232f3f;font-family: "Quicksand-Bold";}
.center_text h3{font-size: 22px;line-height: 34px;color: #232f3f;font-family: "Quicksand-Bold";}
.center_text a.linka{padding: 4px 6px;background: #EFEBE9;border-radius: 6px;font-size: 14px;margin-right: 8px;margin-bottom: 6px;display: inline-block;line-height: 20px;}
.center_text a.email{color: #ea5504;}
.center_text p.fix{position: relative;padding-left: 26px;}
.center_text p.fix:before{content: '';position: absolute;left:0;top: 12px;width: 13px;height: 13px;background: #232f3f;border-radius: 50%;}
.center_text img{display: block;max-width: 100%;height: auto;margin: 50px auto;}

/* 博客文章自定义样式区域start */
.wop_blog_center .wop_t1 {margin-top: 20px;}
.wop_blog_center .blog_titleline {position: relative;padding-left: 14px;}
.wop_blog_center .blog_titleline::before {position: absolute;top: 18px;transform: translatey(-50%);left: 0;content: '';width: 4px;height: 26px;background-color: #ea5504;}
.wop_blog_center .blog_titleborder {border: 1px solid #335C80;padding: 14px 20px;width: 100%;text-align: center;line-height: 30px;border-radius: 8px;color: #335C80;}
.wop_blog_center .blog_titlebg {background: #335C80;padding: 14px 20px;width: 100%;text-align: center;line-height: 30px;border-radius: 8px;color: #fff;}
.wop_blog_center .blog_textdot {position: relative;padding-left: 14px;}
.wop_blog_center .blog_textdot::before {position: absolute;top: 18px;transform: translatey(-50%);left: 0;content: '';width: 4px;height: 4px;background-color: #232f3f;border-radius: 50%;}
.wop_blog_center .blog_titlecheck {position: relative;padding-left: 30px;}
.wop_blog_center .blog_titlecheck::before {content: '';display: block;width: 24px;height: 17px;position: absolute;top: 9px;left: 0px;background-image: url('/webfile/index/img/story/check.png');background-size: 100% 100%;}
.wop_blog_center .blog_buttonbg a {padding: 16px 40px;background: #ea5504;border-radius: 4px;cursor: pointer;}
.wop_blog_center .blog_buttonbg span {font-size: 16px;color: #fff;font-family: "Quicksand-Bold";}
.wop_blog_center .blog_textarc .sp1 {border-radius: 50px;background: #335C80;font-size: 16px;color: #fff;font-family: "Quicksand-Bold";padding: 4px 12px;}
.wop_blog_center .blog_textnumber {display: flex;flex-direction: row;align-items: center;}
.wop_blog_center .blog_textnumber .sp1 {font-size: 16px;color: #fff;font-family: "Quicksand-Bold";width: 24px;height: 24px;text-align: center;line-height: 24px;display: block;}
.wop_blog_center .blog_textnumber .sp2 {font-size: 16px;line-height: 24px;color: #232f3f;font-family: "Quicksand-Bold";margin-left: 8px;flex: 1;}
.wop_blog_center .blog_textnumber .style1 {background: #ea5504;border-radius: 50px;}
.wop_blog_center .blog_textnumber .style2 {background: #ea5504;border-top-left-radius: 6px;border-bottom-right-radius: 6px;}
.wop_blog_center .blog_textnumber .style3 {background: #ea5504;width: 60px;}
.wop_blog_center .blog_textnumber .style1.blue{background: #335C80;}
.wop_blog_center .blog_textnumber .style2.blue{background: #335C80;}
.wop_blog_center .blog_textnumber .style3.blue{background: #335C80;}
.wop_blog_center .blog_pros_cons {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 40px;}
.wop_blog_center .blog_pros_cons .pros_cons_li {position: relative;border: 1px solid #335C80;border-radius: 8px;padding: 30px 20px;width: calc(50% - 10px);margin-right: 20px;background: #fff;}
.wop_blog_center .blog_pros_cons .onlyone {width: 70%;}
.wop_blog_center .blog_pros_cons .pros_cons_li:nth-child(2n) {margin-right: 0px;border: 1px solid #ea5504;}
.blog_pros_cons .pros_cons_li .li-title {height: 30px;border: 1px solid #ea5504;background: #fff;display: flex;flex-direction: row;align-items: center;position: absolute;left: 40px;top: -15px;padding: 0px 16px;border-radius: 8px;}
.blog_pros_cons .pros_cons_li:nth-child(2n) .li-title{border: 1px solid #335C80;}
.blog_pros_cons .pros_cons_li .li-title .p1 {line-height: 20px;margin-right: 8px;font-family: "Quicksand-Bold";}
.blog_pros_cons .pros_cons_li .li-title img {width: 24px;height: 23px;margin: 0px;}
.blog_pros_cons .pros_cons_li:nth-child(1) .li-title img {margin: -4px 0px 0px;}
.blog_pros_cons .pros_cons_li .li-text {width: 100%;display: flex;flex-direction: column;}
.blog_pros_cons .pros_cons_li .li-text .textli {display: flex;flex-direction: row;margin-bottom: 16px;}
.blog_pros_cons .pros_cons_li .li-text .textli:last-child {margin-bottom: 0px;}
.blog_pros_cons .pros_cons_li .li-text .textli .dot {width: 8px;height: 8px;border: 2px solid #232f3f;margin-top: 10px;border-radius: 50%;}
.blog_pros_cons .pros_cons_li .li-text .textli .p1 {line-height: 28px;margin-left: 10px;flex: 1;}
.blog_pros_cons .pros_cons_li .li-text .textli .p1 span {line-height: 28px;font-family: "Quicksand-Bold";}
.wop_blog_center .bolg_catalogue {width: 100%;background: #f7f5f4;padding: 16px 20px;display: flex;flex-direction: column;border-radius: 12px;}
.wop_blog_center .bolg_catalogue .title {line-height: 20px;margin-bottom: 16px;font-family: "Quicksand-Bold";color: #232f3f;font-size: 18px;}
.wop_blog_center .bolg_catalogue .catalogue_li {position: relative;padding-left: 14px;}
.wop_blog_center .bolg_catalogue .catalogue_li ::before {position: absolute;top: 11px;transform: translatey(-50%);left: 0;content: '';width: 6px;height: 6px;background-color: #ea5504;}
.wop_blog_center .bolg_catalogue .catalogue_li a {font-size: 16px;line-height: 24px;color: #ea5504;font-family: "Quicksand-Bold";cursor: pointer;}
.wop_blog_center .bolg_catalogue .catalogue_li .second {margin-left: 24px;display: flex;flex-direction: column;margin-bottom: 8px;}
.wop_blog_center .bolg_catalogue .catalogue_li .second a {position: relative;padding-left: 14px;}
.wop_blog_center .bolg_catalogue .catalogue_li .second a::before {position: absolute;top: 11px;transform: translatey(-50%);left: 0;content: '';width: 6px;height: 6px;background-color: #ea5504;}
.wop_blog_center .bolg_faqs .wop_blog_list {width: 100%;display: flex;flex-direction: column;}
.wop_blog_center .bolg_faqs .wop_blog_list li {border-bottom: 1px solid #e0e0e0;}
.wop_blog_center .bolg_faqs .wop_blog_list li h3 {display: flex;flex-direction: row;align-items: center;justify-content: space-between;cursor: pointer;padding: 20px 0px;}
.wop_blog_center .bolg_faqs .wop_blog_list li .li_box {display: none;}
.wop_blog_center .bolg_faqs .wop_blog_list li .li_box p {margin-bottom: 20px;}
.wop_blog_center .volg_table {width: 100%;border: 1px solid #335C80;background: #fff;}
.wop_blog_center .volg_table .volg_table_thead {width: 100%;height: 40px;border-bottom: 1px solid #335C80;display: flex;flex-direction: row;}
.wop_blog_center .volg_table .volg_table_thead .thead-li {width: 50%;height: 40px;border-right: 1px solid #335C80;padding-left: 8px;font-size: 16px;line-height: 40px;color: #232f3f;font-family: 'Quicksand-Bold';}
.wop_blog_center .volg_table .volg_table_thead .thead-li:last-child {border-right: none;}
.wop_blog_center .volg_table .volg_table_tbody {width: 100%;display: flex;flex-direction: column;}
.wop_blog_center .volg_table .volg_table_tbody .tbody-li {width: 100%;border-bottom: 1px solid #335C80;display: flex;flex-direction: row;background: #fff;}
.wop_blog_center .volg_table .volg_table_tbody .tbody-li:last-child {border-bottom: none;}
.wop_blog_center .volg_table .volg_table_tbody .tbody-li:nth-child(2n) {background: #fff;}
.wop_blog_center .volg_table .volg_table_tbody .tbody-li .libix {width: 50%;border-right: 1px solid #335C80;padding: 16px 8px;font-size: 16px;line-height: 28px;color: #232f3f;font-family: 'Quicksand-Regular';}
.wop_blog_center .volg_table .volg_table_tbody .tbody-li .libix:last-child {border-right: none;}
.wop_blog_center .vlog_tips {width: 100%;display: flex;flex-direction: column;}
.wop_blog_center .vlog_tips .vlog_tips_title {height: 32px;display: flex;flex-direction: row;justify-content: start;}
.wop_blog_center .vlog_tips .vlog_tips_title .title_con {border-top-left-radius: 8px;border-top-right-radius: 8px;background: #ea5504;height: 32px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0px 20px;}
.wop_blog_center .vlog_tips .vlog_tips_title img {width: 21px;height: 24px;margin: 0px;}
.wop_blog_center .vlog_tips .vlog_tips_title .p1 {line-height: 20px;margin-left: 8px;font-family: "Quicksand-Bold";color: #fff;}
.wop_blog_center .vlog_tips .vlog_tips_con {border-radius: 0px 8px 8px 8px;border: 1px solid #e0e0e0;padding: 14px 20px;width: 100%;text-align: left;font-size: 16px;line-height: 24px;color: #232f3f;font-family: 'Quicksand-Regular';background: #fff;}
.wop_blog_center .vlog_titleicon_bgbox {background: #fff;padding: 14px 20px;width: 100%;border-radius: 8px;display: flex;flex-direction: column;}
.wop_blog_center .vlog_titleicon_bgbox .titleicon {display: flex;flex-direction: row;align-items: center;margin-bottom: 16px;}
.wop_blog_center .vlog_titleicon_bgbox .titleicon img {width: 24px;height: 22px;margin: 0px;}
.wop_blog_center .vlog_titleicon_bgbox .titleicon .p1 {line-height: 20px;margin-left: 12px;font-family: "Quicksand-Bold";color: #232f3f;}
.wop_blog_center .vlog_titleicon_bgbox .vlog_tips_con {width: 100%;text-align: left;font-size: 16px;line-height: 24px;color: #232f3f;font-family: "Quicksand-Regular";}
.wop_blog_center .blog_titlelinebg {background: #fff;padding: 14px 20px;width: 100%;line-height: 30px;color: #232f3f;border-left: 8px solid #335C80;}
.wop_blog_center .blog_titlebotborder {padding: 8px 0px;width: 100%;line-height: 30px;border-bottom: 1px solid #335C80;}
.wop_blog_center .vlog_notebox {background: #ffeee4;padding: 14px 0px;width: 100%;display: flex;flex-direction: column;margin-bottom: 40px;}
.wop_blog_center .vlog_notebox .titleicon {margin-bottom: 16px;}
.wop_blog_center .vlog_notebox .titleicon img {width: 80px;height: auto;margin: 0px;}
.wop_blog_center .vlog_notebox .vlog_text_con {width: 100%;text-align: left;font-size: 16px;line-height: 24px;color: #ea5504;font-family: "Quicksand-Regular";padding: 0px 20px;}
.wop_blog_center .vlog_couponbox {background: #ffeee4;padding: 24px 16px;width: 100%;text-align: center;border: 1px solid #ea5504;border-radius: 8px;margin-bottom: 40px;}
.wop_blog_center .vlog_couponbox .p1 {font-size: 24px;color: #ea5504;font-family: "Quicksand-Bold";}
.wop_blog_center .vlog_couponbox .p1 span {font-size: 24px;}
.wop_blog_center .vlog_features {width: 100%;display: flex;flex-direction: column;margin-bottom: 40px;}
.wop_blog_center .vlog_features .vlog_features_title {height: 36px;display: flex;flex-direction: row;justify-content: start;}
.wop_blog_center .vlog_features .vlog_features_title .title_con {border-top-left-radius: 8px;border-top-right-radius: 8px;background: #ea5504;height: 36px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0px 20px;}
.wop_blog_center .vlog_features .vlog_features_title img {width: 21px;height: 24px;margin: 0px;}
.wop_blog_center .vlog_features .vlog_features_title .p1 {line-height: 20px;margin-left: 8px;font-family: "Quicksand-Bold";color: #fff;}
.wop_blog_center .vlog_features .vlog_features_con {border-radius: 0px 8px 8px 8px;background: #fff;padding: 14px 20px;width: 100%;text-align: left;font-size: 16px;line-height: 24px;color: #232f3f;font-family: 'Quicksand-Regular';}
.wop_blog_center .blog_sharebox{width: 100%;display: flex;flex-direction: row;align-items: center;}
.wop_blog_center .blog_sharebox h5{font-size: 16px;line-height: 26px;color: #232f3f;font-family: 'Quicksand-Bold';}
.wop_blog_center .blog_sharebox h5 .iconfont{margin-right: 8px;}
.wop_blog_center .blog_sharebox a{display: block;margin-left: 14px;}
.wop_blog_center .blog_sharebox a img{width: 20px;height: 20px;object-fit: cover;display: block;margin: auto;}
/* 博客文章自定义样式区域end */

.reply{padding: 80px 0;}
.wop_blog_page .disqusbox{padding: 80px 0px;}
.reply h3{font-size: 36px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 14px;}
.reply p{font-size: 16px;line-height: 36px;color: #888888;font-family: 'Quicksand-Regular';}
.reply .myinfo{display: flex;width: 100%;margin-top:40px}
.reply input{background: #f7f5f4;line-height: 60px;font-size: 18px;font-family: 'Quicksand-Regular';margin-right: 30px;color: #232f3f;
width: calc((100% - 30px)/2);border-radius: 60px;padding-left: 14px;margin-bottom: 30px;}
.reply input:nth-child(2n){margin-right: 0;}
.reply textarea{background: #f7f5f4;padding: 14px;font-size: 18px;font-family: 'Quicksand-Regular';margin-bottom: 30px;width: 100%;border: unset;
border-radius: 15px;min-height: 148px;color: #232f3f;}

.reply input::-webkit-input-placeholder{color: #ccc;}    /* 使用webkit内核的浏览器 */
.reply input:-moz-placeholder{color: #ccc;}                  /* Firefox版本4-18 */
.reply input::-moz-placeholder{color: #ccc;}                  /* Firefox版本19+ */
.reply input:-ms-input-placeholder{color: #ccc;}           /* IE浏览器 */

.reply textarea::-webkit-input-placeholder{color: #ccc;}    /* 使用webkit内核的浏览器 */
.reply textarea:-moz-placeholder{color: #ccc;}                  /* Firefox版本4-18 */
.reply textarea::-moz-placeholder{color: #ccc;}                  /* Firefox版本19+ */
.reply textarea:-ms-input-placeholder{color: #ccc;}           /* IE浏览器 */

.reply button{padding: 0 40px;border: unset;background: #ea5504;max-width: max-content;color: #fff;line-height: 58px;border-radius: 58px;
font-size: 18px;font-family: 'Quicksand-Regular';cursor: pointer;}


/* .replylist{margin-top: 80px;} */
.replyli{width: 100%;padding: 30px;border-radius: 15px;background: #f7f5f4;margin-top: 20px;}
.replyli .top_user{display: flex;align-items: center;}
.replyli .top_user .img{width: 48px;height: 48px;border-radius: 50%;overflow: hidden;margin-right: 12px;}
.replyli .top_user .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.replyli .top_user h4{font-size: 16px;line-height: 32px;color: #232f3f;font-family: 'Quicksand-Bold';}
.replylist p{font-size: 14px;line-height: 32px;color: #888888;font-family: 'Quicksand-Regular';}
.replyli .top_user p{line-height: 20px;}
.replylist p.cent{padding-left: 60px;margin-top: 20px;}

@media (max-width:1080px) {
	.wop_blog_page .blog_crumbs{margin: 50px auto 30px;}
	
	.wop_blog_page .blog_content .content_left{padding-right: 24px;width: 60%;}
	.wop_blog_page .blog_content .content_left .topbox{padding: 26px 20px;margin-bottom: 24px;}
	.wop_blog_page .blog_content .content_left .topbox h1{font-size: 28px;line-height: 32px;margin-bottom: 20px;}
	.wop_blog_page .blog_content .content_left .topbox .info p{font-size: 16px;line-height: 22px;padding: 0 16px;}
	
	.wop_blog_page .blog_content .content_left .conbox{padding: 26px 20px;margin-bottom: 20px;}
	
	.wop_blog_page .blog_content .content_left .labelbox p{font-size: 14px;line-height: 20px;}
	
	.wop_blog_page .blog_content .content_right{width: 40%;}
	.wop_blog_page .blog_content .content_right .popular_post{padding: 26px 20px;margin-bottom:24px;}
	.wop_blog_page .blog_content .content_right .popular_post:before{left: 20px;bottom: 26px;width: calc(100% - 40px);height: 30px;}
	.wop_blog_page .blog_content .content_right .popular_post .title{font-size: 22px;line-height: 24px;margin-bottom: 14px;}
	.wop_blog_page .blog_content .content_right .popular_post .popular_postList{height: 220px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li{margin-bottom: 14px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li img{width: 150px;height: 80px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox{margin-left: 16px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox .p1{font-size: 14px;line-height: 18px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox .p2{font-size: 14px;line-height: 18px;margin-top: 8px;}
	
	.wop_blog_page .blog_content .content_right .share_box{padding: 26px 20px;margin-bottom: 24px;}
	.wop_blog_page .blog_content .content_right .share_box .right h5{font-size: 14px;line-height: 18px;}
	
	.wop_blog_page .blog_content .content_right .pageupdo{padding: 26px 20px;margin-bottom: 24px;}
	.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li p{font-size: 12px;line-height: 14px;margin-bottom: 8px;}
	.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li h5{font-size: 14px;line-height: 18px;}
	.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li i{font-size: 16px;padding: 0 18px;}

	.replylist p.cent{margin-top: 10px;}
}
@media (max-width:850px){
	.blog_detail{padding-bottom: 80px;}

	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li img{width: 80px;height: 50px;}
	
	.wop_blog_page .bigtitle{font-size: 26px;line-height: 36px;margin:60px auto 20px;width: 100%;}
	
	.center_text{padding: 40px 0px 60px;}
	.center_text h2{font-size: 20px;}
	.center_text h3{font-size: 18px;}
	.center_text p{font-size: 14px;}
	.center_text img{margin: 30px 0;}
	
	.reply{padding: 50px 0;}
	.wop_blog_page .disqusbox{padding: 50px 30px;}
	.reply h3{font-size: 24px;line-height: 34px;margin-bottom: 10px;}
	.reply p{font-size: 14px;line-height: 30px;}
	.reply .myinfo{margin-top: 30px;}
	.reply input{line-height: 50px;font-size: 14px;}
	.reply textarea{font-size: 14px;}
	.reply button{line-height: 50px;}
	.replyli{padding: 20px;}

	.wop_blog_page .prolist_model{margin-top: 60px;}
	.wop_blog_page .prolist_model .titlebox h2{font-size: 28px;line-height: 32px;}
	.wop_blog_page .pro_list{margin-top: 30px;}
}
@media (max-width:480px) {
	.blog_detail{padding-bottom: 40px;}

	.wop_blog_page .bigtitle{font-size: 22px;line-height: 28px;margin:30px auto 0px;width: 100%;}
	
	.center_text{padding: 32px 0px 40px;}
	.center_text p{font-size: 14px;line-height: 26px;}
	.center_text h2{font-size: 20px;line-height: 30px;}
	.center_text h3{font-size: 18px;line-height: 28px;}
	.center_text p.fix{padding-left: 18px;}
	.center_text p.fix:before{width: 8px;height: 8px;top: 10px;}

	.wop_blog_page .blog_crumbs{margin: 20px auto 16px;}
	.wop_blog_page .blog_crumbs a{font-size: 12px;line-height: 16px;}
	
	.wop_blog_page .blog_content{flex-direction: column;}
	.wop_blog_page .blog_content .content_left{padding-right: 24px;width: 100%;padding-right: 0px;}
	.wop_blog_page .blog_content .content_left .topbox{padding: 20px 12px;margin-bottom: 20px;}
	.wop_blog_page .blog_content .content_left .topbox h1{font-size: 22px;line-height: 28px;margin-bottom: 20px;}
	.wop_blog_page .blog_content .content_left .topbox .info p{font-size: 14px;line-height: 20px;padding: 0 12px;}
	
	.wop_blog_page .blog_content .content_left .conbox{padding: 0px;margin-bottom: 20px;background: none;}
	
	.wop_blog_page .blog_content .content_left .labelbox p{font-size: 14px;line-height: 24px;}
	
	.wop_blog_page .blog_content .content_right{width: 100%;margin-top: 20px;}
	.wop_blog_page .blog_content .content_right .popular_post{margin-bottom:20px;padding: 16px;}
	.wop_blog_page .blog_content .content_right .popular_post:before{display: none;}
	.wop_blog_page .blog_content .content_right .popular_post .title{font-size: 18px;line-height: 22px;margin-bottom: 12px;}
	.wop_blog_page .blog_content .content_right .popular_post .popular_postList{height: auto;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li{margin-bottom: 12px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li img{width: 120px;height: 70px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox{margin-left: 12px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox .p1{font-size: 14px;line-height: 18px;}
	.wop_blog_page .blog_content .content_right .popular_post .blogcon_li .textbox .p2{font-size: 12px;line-height: 16px;margin-top: 6px;}
	
	.wop_blog_page .blog_content .content_right .share_box{padding: 20px 12px;margin-bottom: 20px;}
	.wop_blog_page .blog_content .content_right .share_box .right h5{font-size: 12px;line-height: 18px;}
	
	.wop_blog_page .blog_content .content_right .pageupdo{padding: 20px 12px;margin-bottom: 20px;}
	.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li p{font-size: 12px;line-height: 14px;margin-bottom: 8px;}
	.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li h5{font-size: 12px;line-height: 16px;}
	.wop_blog_page .blog_content .content_right .pageupdo .pageupdo-li i{font-size: 12px;padding: 0 16px;}

	.wop_blog_page .prolist_model{margin-top: 50px;}
	.wop_blog_page .prolist_model .titlebox h2{font-size: 24px;line-height: 30px;}
	.wop_blog_page .pro_list{margin-top: 24px;}

	/* 博客文章自定义样式区域start */
	.wop_blog_center .wop_t1 {margin-top: 18px;}
	.wop_blog_center .blog_titleborder {padding: 14px 16px;}
	.wop_blog_center .blog_titlebg {padding: 14px 16px;line-height: 24px;}
	.wop_blog_center .blog_titlelinebg {padding: 14px 16px;line-height: 24px;border-left: 6px solid #335C80;background: #f7f5f4;}
	.wop_blog_center .blog_titlebotborder {padding: 8px 0px;line-height: 24px;}
	.wop_blog_center .blog_titleline::before {height: 22px;top: 15px;}
	.wop_blog_center .blog_textnumber .sp2 {font-size: 14px;line-height: 20px;}
	.wop_blog_center .blog_textdot::before {top: 12px;}
	.wop_blog_center .blog_titlecheck::before {top: 15px;width: 20px;height: 14px;}
	.blog_pros_cons .pros_cons_li .li-title {left: 20px;}
	.blog_pros_cons .pros_cons_li .li-text .textli .dot {top: 9px;}
	.wop_blog_center .blog_pros_cons .pros_cons_li {width: 100%;margin-right: 0px;margin-bottom: 30px;padding: 20px 16px;}
	.wop_blog_center .bolg_catalogue {padding: 14px 16px;}
	.wop_blog_center .bolg_faqs .wop_blog_list li h3 {padding: 16px 0px;}
	.wop_blog_center .volg_table .volg_table_tbody .tbody-li .libix {font-size: 14px;line-height: 24px;}
	.wop_blog_center .vlog_tips .vlog_tips_con {font-size: 14px;line-height: 24px;}
	.wop_blog_center .vlog_titleicon_bgbox .vlog_tips_con {font-size: 14px;line-height: 24px;}
	.wop_blog_center .vlog_tips .vlog_tips_con {padding: 14px 16px;}
	.wop_blog_center .vlog_titleicon_bgbox .titleicon .p1 {font-size: 16px;}
	.wop_blog_center .vlog_titleicon_bgbox {padding: 14px 16px;background: #f7f5f4;}
	.wop_blog_center .vlog_notebox {margin-bottom: 20px;}
	.wop_blog_center .vlog_notebox .titleicon img {width: 70px;}
	.wop_blog_center .vlog_notebox .vlog_text_con {font-size: 14px;line-height: 20px;padding: 0px 16px;}
	.wop_blog_center .vlog_couponbox {margin-bottom: 20px;}
	.wop_blog_center .vlog_couponbox .p1 {font-size: 16px;line-height: 22px;}
	.wop_blog_center .vlog_couponbox .p1 span {font-size: 16px;line-height: 22px;}
	.wop_blog_center .vlog_features {margin-bottom: 20px;}
	.wop_blog_center .vlog_features .vlog_features_con {font-size: 14px;padding: 14px 16px;background: #f7f5f4;}
	.wop_blog_center .vlog_features .vlog_features_con .blog_textdot::before {top: 12px;}
	/* 博客文章自定义样式区域end */

	.wop_blog_page .disqusbox{padding: 40px 16px;}
	.reply h3{font-size:16px;line-height: 26px;margin-bottom: 8px;}
	.reply p{font-size: 12px;line-height: 26px;}
	.reply .myinfo{flex-wrap: wrap;margin-top: 20px;}
	.reply input{width: 100%;margin-right: 0;margin-bottom: 10px;font-size: 12px;line-height: 42px;}
	.reply textarea{font-size: 12px;margin-bottom: 20px;}
	.reply button{font-size: 12px;line-height: 42px;}
	
	.replyli{margin-top: 10px;}
	.replylist p.tips{font-size: 14px;}
	.replylist p{font-size: 12px;line-height: 24px;}
	.replylist p.cent{padding-left: 0;}
	.replyli .top_user h4{font-size: 14px;line-height: 24px;}
	.replyli .top_user .img{width: 40px;height: 40px;}
}


/* 联系我们 */
.contact{padding: 72px 0 120px;}

.contact-top{display: flex;align-items: center;position: relative;margin-bottom: 72px;}
.contact-top .litxt{padding: 30px 0;border-bottom: 1px solid #f7f5f4;width: calc(50% - 80px);}
.contact-top .litxt:last-child{border: unset;}
.contact-top h2{font-size: 28px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 30px;padding-left: 20px;}
.contact-top p{font-size: 18px;line-height: 28px;color: #232f3f;font-family: 'Quicksand-Regular';padding-left: 20px;}
.contact-top .left{width:calc(100% - 120px);background-color: #fff;padding: 20px 40px;}
.contact-top .right{width: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 80%;}
.contact-top .right #container {width:100%; height: 100%; }
.contact-top .right #container .amap-logo{opacity: 0;}
.contact-top .right #container .amap-copyright{opacity: 0;}

.contact h1{font-size: 48px;line-height: 38px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 60px;text-align: center;margin-top: 120px;}
.contact h2.formh2{font-size: 48px;line-height: 38px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 60px;text-align: center;margin-top: 120px;}
.contact .form_input{display: flex;flex-wrap: wrap;background: #335C80;padding: 40px 40px 0px;border-radius: 20px;box-shadow: 0px 12px 15px 5px rgba(51,92,128,0.26);}
.contact .form_li{width: calc((100% - 80px)/3);margin-right: 40px;margin-bottom: 40px;background: #fff;border-radius: 58px;
height: 58px;padding:0 24px;display: flex;align-items: center;justify-content: space-between;position: relative;}
.contact .form_li input{font-size: 14px;line-height: 58px;font-family: 'Quicksand-Medium';color: #232f3f;width: 100%;cursor: pointer;padding-right: 16px;}
.contact .form_li img{display: block;width: 80px;height: 35px;margin-left: auto;}
.contact textarea{font-size: 14px;line-height: 28px;font-family: 'Quicksand-Medium';padding:10px 24px;border-radius: 15px;
color: #232f3f;height: 170px;width: 100%;display: block;border: unset;margin-bottom: 40px;}
.contact .form_li:nth-child(3n){margin-right: 0px;}
.contact .line_bott{display: flex;align-items: center;flex-wrap: wrap;width: 100%;}
.contact .show{display: flex;justify-content: space-between;align-items: center;width: 100%;cursor: pointer;caret-color: rgba(0,0,0,0);}
.contact .show i{transition: all .4s linear;-webkit-transition: all .4s linear;}
.contact .dowul{z-index: 10;position: absolute;left: 0;top: 68px;background: #fff;border-radius: 15px;border: 1px solid #e0e0e0;width: 100%;max-height: 300px;overflow-y: scroll !important;}
.contact .dowul p{font-size: 16px;line-height: 34px;font-family: 'Quicksand-Medium';color: #232f3f;padding: 0 24px;
cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear;border-radius: 15px;}
.contact .dowul p:hover{color: #ea5504;}
.contact .dowul .li.cur p{color: #ea5504;}
.contact button{font-size: 20px;color: #fff;font-family: 'Quicksand-Bold';background: #EA5504;transition: all .4s linear;-webkit-transition: all .4s linear;height: 58px;
line-height: 56px;border-radius: 50px;border:unset;padding: 0 90px;margin-left: auto;cursor: pointer;border: 1px solid #EA5504;margin-bottom: 40px !important;}
.contact button:hover{background: #fff;color: #ea5504;}

.contact .prodowul{max-height: 500px;}
.contact .prodowul .li{width: 100%;display: flex;flex-direction: row;align-items: center;padding: 0px 12px 12px;position: relative;}
.contact .prodowul .li .img1{width: 50px;height: 50px;margin-left: 0px;}
.contact .prodowul .li p{font-size: 16px;line-height: 20px;padding: 0px;margin: 0px 10px;}
.contact .prodowul .li.cur::after{content:'√';position: absolute;right: 12px;color: #ea5504;font-size: 18px;font-weight: bold;}

.contact input::-webkit-input-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}    /* 使用webkit内核的浏览器 */
.contact input:-moz-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}                  /* Firefox版本4-18 */
.contact input::-moz-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}                  /* Firefox版本19+ */
.contact input:-ms-input-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}           /* IE浏览器 */

.contact textarea::-webkit-input-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}    /* 使用webkit内核的浏览器 */
.contact textarea:-moz-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}                  /* Firefox版本4-18 */
.contact textarea::-moz-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}                  /* Firefox版本19+ */
.contact textarea:-ms-input-placeholder{color: #888888;font-size: 14px;font-family: 'Quicksand-Medium';}           /* IE浏览器 */


@media(max-width:1360px){
	.contact-top .right{width: 60%;}
	
	.contact-top .litxt{width: calc(50% - 100px);}
	.contact-top h2{font-size: 24px;margin-bottom: 24px;}
	.contact-top p{font-size: 16px;line-height: 26px;}
	
	.contact h1{font-size: 40px;margin: 80px 0 40px;}
	.contact h2.formh2{font-size: 40px;margin: 80px 0 40px;}
}
@media (max-width:1080px){
	.contact{padding: 60px 0px;}
	.contact-top{flex-wrap: wrap;border-radius: 15px;overflow: hidden;margin-bottom: 60px;}
	.contact-top .left{width: 100%;display: flex;flex-wrap: wrap;}
	.contact-top .right{width: 100%;height: 400px;position: unset;transform: unset;}
	
	.contact-top .litxt{padding: 20px 16px;width: 50%;}
	.contact h1{font-size: 34px;}
	.contact h2.formh2{font-size: 34px;}
	.contact-top h2{font-size: 20px;margin-bottom: 16px;}
	
	.contact .form_input{padding: 30px 30px 0px;}
	.contact .form_li{width:calc((100% - 30px)/2);margin-right: 0;margin-bottom: 30px;}
	.contact .form_li:nth-child(2n){margin-left: 30px;}
	.contact textarea{margin-bottom: 30px;}
}
@media (max-width:769px){
	.contact-top{margin-bottom: 50px;}
	.contact-top .litxt{padding: 20px 0;}
	.contact-top p{font-size: 14px;line-height: 24px;}
	.contact-top .right{height: 350px;}
	
	.contact h1{font-size: 24px;margin: 40px 0 20px;}
	.contact h2.formh2{font-size: 24px;margin: 40px 0 20px;}
	.contact .form_input{padding: 30px 20px;}
	.contact .form_li{width: 100%;line-height: 48px;height: 48px;margin-bottom: 20px;}
	.contact textarea{margin-bottom: 20px;}
	.contact .form_li input{line-height: 48px;font-size: 12px;}
	.contact .dowul p{font-size: 12px;}
	.contact .form_li:nth-child(2n){margin-left: 0px;}
	
	.contact button{margin: 0 auto !important;height: 52px;line-height: 50px;padding: 0px 70px;}

	.contact .prodowul{max-height: 400px;}
	.contact .prodowul .li{padding: 0px 10px 10px;}
	.contact .prodowul .li .img1{width: 46px;height: 46px;}
	.contact .prodowul .li p{font-size: 14px;line-height: 16px;margin: 0px 8px;}
}
@media (max-width:480px) {
	.contact{padding: 40px 0px;}
	.contact-top{margin-bottom: 40px;}
	.contact-top .litxt{width: 100%;}
	.contact-top .left{padding:20px 16px}
	
	.contact-top h2{font-size: 16px;margin-bottom: 12px;}
	.contact-top p{font-size: 12px;line-height: 22px;}
	.contact-top .litxt{padding: 16px 0;}
	
	.contact h1{font-size: 18px;}
	.contact .form_input{padding: 24px 16px;border-radius: 12px;}
	.contact .form_li{margin-bottom: 16px;}
	.contact textarea{margin-bottom: 16px;border-radius: 12px;}
	.contact h2.formh2{font-size: 18px;}
	.contact button{font-size: 16px;padding: 0 50px;line-height: 40px;height: 42px;width: 100%;}

	.contact .dowul{top: 58px;max-height: 200px;}

	.contact .prodowul{max-height: 300px;}
}


/* 关于我们 */
.about-box{padding: 80px 0px;}
.about-box2{background: #f7f5f4;}

.about-box h2.tit{font-size: 36px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 60px;text-align: center;}
.about-box1 p{font-size: 18px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Regular';}
.about-box1 h2{font-size: 36px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 30px;}
.about-box1 .line2{display: flex;align-items: center;flex-wrap: wrap;margin-top: 70px;}
.about-box1 .line2 .img{width: calc(50% - 44px);height: 100%;overflow: hidden;}
.about-box1 .line2 .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.about-box1 .line2 .text{width: calc(50% - 44px);margin-left: auto;}


.box2_swp2{background: #fff;display: flex;padding: 0 60px;height: 545px;align-items: center;}
.box2_swp2 h6{font-size: 22px;line-height: 36px;color: #888888;font-family: 'Quicksand-Bold';white-space: nowrap;padding-right: 80px;}
.box2_swp2 p{font-size: 14px;line-height: 36px;color: #888888;font-family: 'Quicksand-Bold';white-space: nowrap;}
.box2_swp2 .gallery-top{width: 420px;overflow: hidden;}

/* .box2_swp2 .gallery-thumbs{width:calc(100% - 420px);}
.box2_swp2 .gallery-thumbs .swiper-slide{display: flex;align-items: center;justify-content: flex-start;} */

/*发展历程*/
.about-process{width:100%;background:#fff;overflow:hidden;}
.about-process .years-thumbs{float:left;width:350px;padding:60px 0;position:relative;}
.about-process .years-thumbs:before{content: '';position: absolute;right: 6px;top:0;width: 1px;height: 100%;background: #cccccc;}
.about-process .years-thumbs .gallery-thumbs{width:100%;height:384px;overflow: unset;}
.about-process .years-thumbs .overbox{overflow: hidden;}
.about-process .years-thumbs .year{width:100%;height:24px;color:#888888;font-size:22px;line-height:34px;text-align:center;font-family:'Quicksand-Bold';position: relative;}
.about-process .years-thumbs .year:before{content: '';position: absolute;right: 6px;top: 50%;transform: translate(50%,-50%);width: 9px;height: 9px;background: #ccc;border-radius: 50%;}
.about-process .years-thumbs .gallery-thumbs .swiper-slide-prev .year{color:#888888;font-size:22px;}
.about-process .years-thumbs .gallery-thumbs .swiper-slide-next .year{color:#888888;font-size:22px;}
.about-process .years-thumbs .gallery-thumbs .swiper-slide-active .year{font-size:28px;color:#ea5504;}
.about-process .years-thumbs .gallery-thumbs .swiper-slide-active .year:before{border: 1px solid #ea5808;background: #fff;}
.about-process .years-thumbs .gallery-thumbs .swiper-slide-active{position:relative;}
/* .about-process .years-thumbs .gallery-thumbs .swiper-slide-active:after{content:"";position: absolute;top:50%;left:0;width:8px;height:64px;background:#ea5504;margin-top:-32px;}
 */
.years-thumbs .swiper-button-next,.years-thumbs .swiper-button-prev{width:44px;height:44px;margin-top:0;z-index:9;background:none;border-radius: 50%;border: 1px solid #cccccc;
transition:all 0.3s;-webkit-transition:all 0.3s;opacity:1;top:30px;font-size:28px;color:#ccc;line-height:40px;text-align:center;left: 50%;transform: translateX(-50%);}
.years-thumbs .swiper-button-next i,.years-thumbs .swiper-button-prev i{font-size: 20px;}
.years-thumbs .swiper-button-next {top:auto;bottom:30px;}
.years-thumbs .swiper-button-next:hover,.years-thumbs .swiper-button-prev:hover{color:#ea5504;}
.years-thumbs .swiper-button-prev.swiper-button-disabled {opacity: 0.1;}
.years-thumbs .swiper-button-next.swiper-button-disabled {opacity: 0.1;}

.process-right{float:right;width:calc(100% - 350px);padding:60px 5.5%;position:relative;}
.about-process .gallery-top{float:left;width:50%;height:384px;position:relative;}
.about-process .gallery-top li{width:100%;height:34px;justify-content: flex-start;position:unset;}
.about-process .gallery-top li .txt{width:100%;height:100%;display:flex;align-items: center;}
.about-process .gallery-top li .txt h5{width:100%;font-size:14px;color:#888888;line-height:36px;font-family:'Quicksand-Regular';font-weight:bold;text-align:left;max-height:96px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.about-process .gallery-top li.swiper-slide-active .txt h5{font-size:18px;color:#ea5504;}

.about-process-img{float:left;width:42%;height:100%;display:flex;align-items: center;justify-content: center;position:absolute;top:50%;right:6.5%;transform:translateY(-50%);}
.about-process-img .img{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.about-process-img .img img{display:block;max-width:100%;max-height: 100%;}

@media (max-width:1440px) {
	.about-process .years-thumbs{width:300px;padding:40px 0;}
	.about-process .years-thumbs .gallery-thumbs{height:400px;}
	.about-process .years-thumbs .year{font-size: 18px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-next .year{font-size: 18px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-prev .year{font-size: 18px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-active .year{font-size: 20px;}
	
	.years-thumbs .swiper-button-next, .years-thumbs .swiper-button-prev{top: 10px;}
	.years-thumbs .swiper-button-next {top:auto;bottom:10px;}

	.process-right{width:calc(100% - 300px);padding:40px 5%;}
	.about-process .gallery-top{width:43%;height:400px;}
	.about-process .gallery-top li{height:80px;}
	.about-process .gallery-top li .txt h5{font-size:16px;line-height:28px;max-height:84px;}
	.about-process .gallery-top li.swiper-slide-active .txt h5{font-size:18px;}

	.about-process-img{width:42%;right:6%;}
}

@media (max-width:1200px) {
	.about-process .years-thumbs{width:240px;}
	.years-thumbs .swiper-button-next {top:auto;bottom:10px;}

	.process-right{width:calc(100% - 240px);padding:40px 5%;}
	.about-process .gallery-top li .txt h5{font-size:14px;font-weight:normal;}
	.about-process .gallery-top li.swiper-slide-active .txt h5{font-size:16px;}
}

@media (max-width:769px) {
	.about-process .years-thumbs{width:100%;border-right:none;padding:0 40px;}
	.about-process .years-thumbs .gallery-thumbs{height:auto;}
	.about-process .years-thumbs .year{width:100%;height:auto;font-size:18px;line-height:60px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-prev .year{font-size:18px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-next .year{font-size:18px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-active .year{font-size:20px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-active:after{content:"";position: absolute;top:auto;bottom:0;left:50%;width:60px;height:4px;margin-top:0;margin-left:-30px;}
	

	.years-thumbs .swiper-button-next,.years-thumbs .swiper-button-prev{width:20px;height:20px;top:50%;left:10px;font-size:12px;line-height:20px;transform:translateY(-50%) rotate(-90deg);}
	.years-thumbs .swiper-button-next {top:50%;bottom:auto;left:auto;right:10px;}
	
	.about-process .years-thumbs:before{width: 100%;top:unset;right: unset;left: 0;bottom: 4px;height: 1px;}
	.about-process .years-thumbs .year:before{right: unset;top: unset;bottom: 0px;left: 50%;transform: translateX(-50%);}
	
	
	.process-right{width:100%;padding:30px 4%;}
	.about-process .gallery-top{width:100%;height:auto;margin-bottom:20px;}
	.about-process .gallery-top li{height:auto;}
	.about-process .gallery-top li .txt{width:100%;height:auto;display:block;text-align:center;}
	.about-process .gallery-top li .txt h5{font-size:14px;max-height:100%;width:auto;display:inline-block;}
	.about-process .gallery-top li.swiper-slide-active .txt h5{font-size:16px;color:#000;}

	.about-process-img{width:100%;height:auto;display:block;position:relative;top:0;right:0;transform:translateY(0%);}
	.about-process-img .img{width:100%;height:auto;display:block;}
	.about-process-img .img img{margin:0 auto;}

}

@media (max-width:480px) {
	
	.about-process .years-thumbs .year{font-size:12px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-prev .year{font-size:12px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-next .year{font-size:12px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-active .year{font-size:14px;}
	.about-process .years-thumbs .gallery-thumbs .swiper-slide-active:after{width:40px;height:3px;margin-top:0;margin-left:-20px;}
	
}



.about-box3{width: 100%;height: auto;position: relative;padding-bottom: 14px;}
.about-box3 img{width: 100%;height: 100%;object-fit: cover;position: relative;display: block;}
.about-box3 .big .swiper-slide::before{content: '';position: absolute;z-index:1;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.about-box3 .txt{position: absolute;z-index:2;left: 50%;transform: translateX(-50%);top: 120px;text-align: center;max-width: 880px;padding: 0 20px;}
.about-box3 .txt h3{font-size: 28px;line-height: 36px;color: #ffffff;font-family: 'Quicksand-Bold';margin-bottom: 40px;}
.about-box3 .txt p{font-size: 18px;line-height: 36px;color: #ffffff;font-family: 'Quicksand-Regular';}

.about-box3 .bott{position: absolute;bottom: 0;height: auto;left: 0;}
.about-box3 .bott h6{opacity: 0.5;font-size: 28px;line-height: 36px;color: #ffffff;font-family: 'Quicksand-Regular';position: relative;padding-bottom: 70px;cursor: pointer;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.about-box3 .bott h6::before{opacity: 0.5;content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #232f3f;width: 48px;height: 4px;border-radius: 4px;}
.about-box3 .bott .swiper-slide-active h6{opacity: 1;}
.about-box3 .bott .swiper-slide-active h6:before{opacity: 1;}


.about-box4 .brandlist{display: flex;flex-wrap: wrap;width: 100%;}
.about-box4 .brandlist .brandli{width: calc((100% - 120px)/3);margin-right: 60px;height: 288px;overflow: hidden;position: relative;}
.about-box4 a{display: block;width: 100%;height: 100%;}
.about-box4 .brandlist .brandli:nth-child(3n){margin-right: 0;}
.about-box4 .brandlist .brandli img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .2s linear;-webkit-transition: all .2s linear;}
.about-box4 .brandlist .brandli h6{width: 100%;opacity: 0;font-size: 18px;line-height: 36px;color: #ffffff;font-family: 'Quicksand-Bold';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .2s linear;-webkit-transition: all .2s linear;text-align: center;}
.about-box4 .brandlist .brandli:hover h6{opacity: 1;}

@media (max-width:1680px){
	.about-box1 h2{font-size: 28px;line-height: 30px;}
	.about-box h2.tit{font-size: 28px;margin-bottom: 50px;}
	.about-box3 .bott h6{font-size: 24px;padding-bottom: 54px;}
}
@media(max-width:1440px){
	.about-box{padding: 80px 0;}
	.about-box1 p{font-size: 16px;line-height: 32px;}
	.about-box1 .line2{margin-top: 50px;}
	.about-box1 .line2 .text{width: calc(50% - 20px);}
	.about-box1 h2{margin-bottom: 20px;}
	
	.about-box3 .txt{top: 60px;}
	.about-box3 .txt h3{font-size: 22px;line-height: 26px;margin-bottom: 20px;}
	.about-box3 .txt p{font-size: 16px;line-height: 30px;}
	.about-box3 .bott h6{font-size: 16px;padding-bottom: 40px;line-height: 26px;}
	
	.about-box4 .brandlist .brandli{margin-right: 20px;width: calc((100% - 40px)/3);}
}
@media (max-width:1080px){
	.about-box1 p{font-size: 14px;line-height: 26px;}
	.about-box1 .line2{margin-top: 40px;}
	.about-box1 h2{font-size: 24px;margin-bottom: 10px;}
	.about-box1 .line2 .text{width: 50%;}
	
	.about-box h2.tit{font-size: 24px;margin-bottom: 40px;}
	.years-thumbs .swiper-button-next, .years-thumbs .swiper-button-prev{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;}
	.years-thumbs .swiper-button-next i, .years-thumbs .swiper-button-prev i{font-size: 14px;}
	
	.about-box3 .txt h3{font-size: 18px;margin-bottom: 10px;}
	.about-box3 .txt p{font-size: 14px;line-height: 26px;}
	.about-box3 .bott h6{font-size: 14px;}
	.about-box3 .bott h6::before{width: 34px;}
	
	.about-box4 .brandlist .brandli{height: 210px;}
	.about-box4 .brandlist .brandli h6{font-size: 14px;line-height: 24px;}
}
@media(max-width:769px){
	.about-box{padding: 60px 0;}
	
	.about-box1 p{font-size: 16px;line-height: 24px;}
	.about-box1 .line2{margin-top: 20px;}
	.about-box1 h2{font-size: 20px;}
	.about-box1 .line2 .img{width: calc(50% - 20px);}
	
	.about-box h2.tit{font-size: 20px;margin-bottom: 20px;}
	
	.about-box3{height: 500px;}
	.about-box3 .txt{width: 100%;}
	
	.about-box4 .brandlist .brandli{height: 160px;}
}
@media(max-width:480px){
	.about-box{padding: 40px 0;}
	/* .about-box1 p{line-height: 18px;} */
	.about-box1 .line2 .img{width: 100%;}
	.about-box1 .line2 .text{width: 100%;margin-top: 20px;text-align: center;}
	.about-box1 h2{font-size: 24px;line-height: 34px;}
	.about-box h2.tit{font-size: 24px;line-height: 34px;}
	.about-box4 .brandlist .brandli h6{opacity: 1;}
	
	.about-process .years-thumbs .year:before{width: 6px;height: 6px;}
	.about-process .years-thumbs .year:before{bottom: 2px;}
	.years-thumbs .swiper-button-next, .years-thumbs .swiper-button-prev{width: 28px;height: 28px;}
	.years-thumbs .swiper-button-next i, .years-thumbs .swiper-button-prev i{font-size: 12px;}
	
	.about-process .gallery-top li.swiper-slide-active .txt h5{font-size: 12px;}
	
	.about-box3 .txt h3{font-size: 14px;line-height: 18px;}
	.about-box3 .txt p{font-size: 12px;line-height: 24px;}
	
	.about-box3 .bott h6{font-size: 12px;padding-bottom: 20px;white-space: nowrap;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;-webkit-box-orient: vertical;}
	.about-box3 .bott h6::before{width: 24px;}
	.about-box4 .brandlist .brandli{width: 100%;margin-right: 0;margin-bottom: 10px;height: auto;}
}


/* 新闻列表 */
.news{padding: 80px 0 160px;}
.news .inner_sortbtn{margin: 0 auto;}
.news .news_list{margin-bottom: 80px;}
.news .newsli{width: 100%;border-radius: 15px;height: 460px;border-radius: 15px;overflow: hidden;position: relative;margin-top: 60px;}
.news .newsli img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .4s linear;-webkit-transition: all .4s linear;;}
.news .newsli .txt{position: absolute;left: 60px;top: 50%;transform: translateY(-50%);width: 430px;}
.news .newsli .txt p{font-size: 18px;line-height: 36px;color: #ffffff;font-family: 'Quicksand-Regular';margin-bottom: 20px;}
.news .newsli .txt h3{font-size: 28px;line-height: 36px;color: #ffffff;font-family: 'Quicksand-Bold';}
.news .newsli a{display: block;width: 100%;height: 100%;}
.news .newsli:hover img{transform: scale(1.08);}

.news .swiper-container{position: unset;}

@media(max-width:1360px){
	.news .newsli .txt h3{font-size: 22px;line-height: 32px;}
	.news .newsli{margin-top: 40px;}
}
@media(max-width:1080px){
	.news .newsli{height: 350px;}
	.news .newsli .txt h3{font-size: 20px;line-height: 30px;}
	.news .newsli .txt p{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
	.news .newsli{margin-top: 20px;}
	.news .news_list{margin-bottom: 40px;margin-top: 40px;}
}
@media(max-width:769px){
	.news{padding: 60px 0 80px;}
	.news .newsli .txt{left: 30px;width: 56%;}
	.news .newsli .txt h3{font-size: 18px;line-height: 28px;}
	.news .newsli{height: 308px;}
}
@media(max-width:480px){
	.news .newsli{margin-top: 10px;height: 260px;}
	.news .newsli .txt{width: 60%;left: 20px;}
	.news .newsli .txt h3{font-size: 16px;line-height: 20px;}
	.news .newsli .txt p{font-size: 12px;margin-bottom: 0;}
}

/* faq页面new */
.wop_page_faq{width: 100%;padding: 1px 0px 80px;background: #F7F5F4;}
.wop_page_faq .faqlist_content{width: 100%;display: flex;flex-direction: column;}
.wop_page_faq .faqlist_content .con_libox{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;background: #335C80;box-shadow: 0px 16px 31px 7px rgba(51,92,128,0.26);border-radius: 20px;padding: 25px 25px 25px 50px;margin-bottom: 64px;}
.wop_page_faq .faqlist_content .con_libox:nth-child(2n){background: #EA5504;box-shadow: 0px 16px 31px 7px rgba(234,85,4,0.26);}
.wop_page_faq .faqlist_content .con_libox .libox_left{width: 36%;margin-right: 40px;display: flex;flex-direction: column;}
.wop_page_faq .con_libox .libox_left .p1{font-size: 36px;line-height: 36px;color: #fff;font-family: 'Quicksand-Bold';margin-bottom: 22px;}
.wop_page_faq .con_libox .libox_left .p2{font-size: 18px;line-height: 28px;color: #fff;font-family: 'Quicksand-Medium';}
.wop_page_faq .con_libox .libox_left .p2 a{cursor: pointer;font-size: 18px;line-height: 28px;color: #fff;text-decoration: underline;}
.wop_page_faq .con_libox .libox_right{flex: 1;border-radius: 20px;background: #fff;padding: 20px 38px;display: flex;flex-direction: column;}
.wop_page_faq .con_libox .libox_right .faqli{width: 100%;padding: 16px 0px;border-bottom: 1px solid #707070;cursor: pointer;}
.wop_page_faq .con_libox .libox_right .faqli:last-child{border: none;}
.wop_page_faq .con_libox .libox_right .faqli .faqli_top{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.wop_page_faq .con_libox .libox_right .faqli .faqli_top .t1{font-size: 18px;color: #434343;font-family: 'Quicksand-Bold';line-height: 20px;flex: 1;margin-right: 12px;}
.wop_page_faq .con_libox .libox_right .faqli .faqli_top .right_icon{width: 27px;height: 27px;background: #DDDDDD;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.wop_page_faq .con_libox .libox_right .faqli .faqli_top .right_icon i{font-size: 14px;color: #313131;transition: all .2s linear;-webkit-transition: all .2s linear;display: block;}
.wop_page_faq .con_libox .libox_right .faqli.open .right_icon i{transform: rotate(180deg);}
.wop_page_faq .con_libox .libox_right .faqli .faqli_bottom{width: 100%;padding: 8px 0px 0px;display: none;}
.wop_page_faq .con_libox .libox_right .faqli .faqli_bottom .t2{font-size: 16px;color: #888888;font-family: 'Quicksand-Medium';line-height: 20px;}

@media (max-width:1440px){
	.wop_page_faq .faqlist_content .con_libox{box-shadow: 0px 12px 22px 5px rgba(51,92,128,0.26);padding: 25px 25px 25px 40px;margin-bottom: 54px;}
	.wop_page_faq .faqlist_content .con_libox:nth-child(2n){box-shadow: 0px 12px 22px 5px rgba(234,85,4,0.26);}
	.wop_page_faq .faqlist_content .con_libox .libox_left{margin-right: 32px;}
	.wop_page_faq .con_libox .libox_left .p1{font-size: 32px;line-height: 32px;margin-bottom: 18px;}
	.wop_page_faq .con_libox .libox_left .p2{font-size: 16px;line-height: 24px;}
	.wop_page_faq .con_libox .libox_left .p2 a{font-size: 16px;line-height: 24px;}
	.wop_page_faq .con_libox .libox_right{padding: 16px 32px;}
	.wop_page_faq .con_libox .libox_right .faqli{padding: 12px 0px;}
	.wop_page_faq .con_libox .libox_right .faqli .faqli_top .t1{font-size: 17px;}
}

@media (max-width:1080px){
	.wop_page_faq{padding: 1px 0px 80px;}
	.wop_page_faq .faqlist_content .con_libox{margin-bottom: 48px;padding: 20px 20px 20px 32px;}
}

@media (max-width:825px){
	.wop_page_faq{padding: 1px 0px 70px;}
	.wop_page_faq .faqlist_content .con_libox{margin-bottom: 40px;padding: 20px 20px 20px 26px;box-shadow: 0px 8px 16px 4px rgba(51,92,128,0.26);}
	.wop_page_faq .faqlist_content .con_libox:nth-child(2n){box-shadow: 0px 8px 16px 4px rgba(234,85,4,0.26);}
	.wop_page_faq .faqlist_content .con_libox .libox_left{margin-right: 24px;}
	.wop_page_faq .con_libox .libox_left .p1{font-size: 26px;line-height: 26px;margin-bottom: 14px;}
	.wop_page_faq .con_libox .libox_left .p2{font-size: 16px;line-height: 22px;}
	.wop_page_faq .con_libox .libox_left .p2 a{font-size: 16px;line-height: 22px;}
	.wop_page_faq .con_libox .libox_right{padding: 16px 24px;}
	.wop_page_faq .con_libox .libox_right .faqli{padding: 12px 0px;}
	.wop_page_faq .con_libox .libox_right .faqli .faqli_top .t1{font-size: 16px;}
	.wop_page_faq .con_libox .libox_right .faqli .faqli_bottom .t2{font-size: 14px;line-height: 18px;}
}

@media (max-width:480px){
	.wop_page_faq{padding: 1px 0px 50px;}
	.wop_page_faq .faqlist_content .con_libox{margin-bottom: 32px;padding: 16px 16px;box-shadow: 0px 6px 12px 3px rgba(51,92,128,0.26);flex-direction: column;border-radius: 12px;}
	.wop_page_faq .faqlist_content .con_libox:nth-child(2n){box-shadow: 0px 6px 12px 3px rgba(234,85,4,0.26);}
	.wop_page_faq .faqlist_content .con_libox .libox_left{margin-right: 0px;width: 100%;display: flex;flex-direction: column;align-items: center;margin-bottom: 16px;}
	.wop_page_faq .con_libox .libox_left .p1{font-size: 20px;line-height: 20px;margin-bottom: 14px;}
	.wop_page_faq .con_libox .libox_left .p2{font-size: 14px;line-height: 20px;text-align: center;}
	.wop_page_faq .con_libox .libox_left .p2 a{font-size: 14px;line-height: 20px;}
	.wop_page_faq .con_libox .libox_right{padding: 12px 16px;border-radius: 12px;}
	.wop_page_faq .con_libox .libox_right .faqli{padding: 12px 0px;}
	.wop_page_faq .con_libox .libox_right .faqli .faqli_top .t1{font-size: 14px;}
	.wop_page_faq .con_libox .libox_right .faqli .faqli_top .right_icon{width: 24px;height: 24px;}
	.wop_page_faq .con_libox .libox_right .faqli .faqli_top .right_icon i{font-size: 12px;}
	.wop_page_faq .con_libox .libox_right .faqli .faqli_bottom .t2{font-size: 12px;line-height: 16px;}
}

/* 问答列表 */
/* 常见问题 */
.center-boxc{width: 100%;height: auto;display: flex;justify-content: space-between;}
.tab-left{width:364px;height: 100%;padding: 24px 40px;background: #fff;border-radius: 15px;}
.tab-left li a{display: flex;align-items: center;justify-content: space-between;}
.tab-left li i{font-size: 16px;color: #232f3f;}
.tab-left li h4{font-size: 18px;line-height: 20px;color: #000;font-family: 'Quicksand-Bold';margin: 20px 0 15px 0;}
.tab-left li:not(:last-child){border-bottom: 1px solid #e0e0e0;}
.tab-left li.active h4{color: #ea5504;}
.tab-left li.active i{color: #ea5504;}
.tab-left li.active .pro_faq i{transform: rotate(90deg);}
.tab-left .profaq_list{display: flex;flex-direction: column;padding: 0px 0px 20px 12px;}
.tab-left .profaq_list a{font-size: 14px;line-height: 24px;color: #888888;font-family: 'Quicksand-Regular';cursor: pointer;margin-bottom: 8px;}
.tab-left .profaq_list a.active{color: #ff8a4a;}
.tab-left .profaq_list a:last-child{margin-bottom: 0px;}

/* 内容 */
.center-list{width: calc(100% - 400px);}
.center-list ul{width: 100%;}
.center-list li{background: #fff;width: 100%;margin-bottom: 20px;border-radius: 15px;}
.center-list li p{font-size: 14px;line-height: 24px;color: #888888;font-family: 'Quicksand-Regular';}
.center-list li a{display: block;width: 100%;padding:20px 30px;}

.center-list li h3{font-size: 18px;line-height: 36px;color: #232f3f;display: flex;align-items: center;font-family: 'Quicksand-Bold';}
.center-list li h4{font-size: 18px;line-height: 36px;color: #232f3f;display: flex;align-items: center;font-family: 'Quicksand-Bold';}

.center-list li .left-box{background: #232f3f;border-radius: 50%;margin-right: 16px;
display: flex;align-items: center;justify-content: center;width: 34px;height: 34px;}
.center-list li .left-box h6{font-size: 16px;color: #fff;font-family: 'Quicksand-Bold';}
.center-list li .left-box img{display: block;width: 100%;height: 100%;object-fit: cover;}

.center-list li .lin_p{display: none;;padding:20px 30px;border-top: 1px solid #e0e0e0;}
.center-list li .lin_p p{width: calc(100% - 40px);float: left;}
.center-list li .lin_p .Abox{width: 24px;height: 24px;background: #888888;float: left;}
.center-list li .lin_p .left-box h6{font-size: 12px;font-family: 'Quicksand-Regular';}

.center-list li  .right-icon{margin-left: auto;width: 32px;height: 32px;min-width:32px;border-radius: 50%;background: #f7f5f4;display: flex;align-items: center;justify-content: center;}
.center-list li  .right-icon i{font-size: 14px;color: #232f3f;transition: all .2s linear;-webkit-transition: all .2s linear;display: block;}
.center-list li.open .right-icon i{transform: rotate(180deg);}

.center-list.max_QA{width: 100%;}

@media (max-width:1280px) {
	.problem-box{max-width: 1200px;margin: 100px auto 20px;padding: 0 40px;}
	
	.tab-left{width: 300px;}
	.center-list{width: calc(100% - 320px);}
	.center-list li h3{font-size: 16px;}
	.center-list li h4{font-size: 16px;}
}
@media (max-width:1080px) {
	.tab-left{width: 230px;padding: 14px 20px;}
	.center-list{width: calc(100% - 250px);}
	.center-list li p{font-size: 12px;line-height: 20px;}
	.center-list li .Qbox img{width: 34px;height: 34px;}
}
@media (max-width:769px) {
	.center-boxc{flex-direction: column;}
	.tab-left{width: 100%;margin-bottom: 30px;}
	.tab-left li h4{font-size: 16px;line-height: 18px;margin: 15px 0px;}
	.center-list{width: 100%;}
}
@media (max-width:480px) {
	.tab-left{margin-bottom: 20px;padding: 10px 16px;}
	.tab-left li h4{font-size: 14px;line-height: 16px;margin: 12px 0px;}
	.tab-left .profaq_list a{font-size: 12px;line-height: 18px;}
	.center-list li{margin-bottom: 12px;}
	.center-list li h4{font-size: 14px;line-height: 24px;background-size:2%;}
	.center-list li.open h4{background-size: 3%;}
	.center-list li h3{font-size: 18px;line-height: 24px;background-size:2%;}
	.center-list li.open h3{background-size: 3%;}
	.center-list li p{font-size: 14px;line-height: 24px;}
	.center-list li a{padding: 10px 16px;}
	.center-list li .lin_p{padding: 10px 16px;}
	.center-list li .right-icon{width: 26px;height: 26px;min-width: 26px;}
	.center-list li .left-box{width: 28px;height: 28px;}
	.center-list li .left-box img{width: 28px;height: 28px;}
	.center-list li .lin_p .left-box{width: 20px;height: 20px;}
	.center-list li .Abox img{width: 20px;height: 20px;}
}


/* 天使计划 */
.plan-box p{text-align: center;}

.plan_list{display: flex;flex-wrap: wrap;justify-content: space-evenly;margin-top: 60px;}
.plan_list .planli{width: 210px;}
.plan_list .img{width: 148px;height: 148px;border-radius: 50%;background: #f7f5f4;display: flex;align-items: center;justify-content: center;
margin: 0 auto;margin-bottom: 44px;}
.plan_list .img img{display: block;max-width: 100%;max-height: 100%;}

.plan-topbox{margin-top: 200px;position: relative;}
.plan-topbox .img{width: 50%;height: 460px;overflow: hidden;position: absolute;left: 0;top: -80px;}
.plan-topbox .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.plan-topbox .text{width: calc(50% + 80px);background: #f7f5f4;flex-direction: column;justify-content: center;
display: flex;align-items: flex-start;padding-left: 150px;height: 460px;right: 0;top: 80px;margin-left: auto;}
.plan-topbox .text p{font-size: 28px;line-height: 32px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 40px;text-align: left;}
.plan-topbox .text .link{background: #ea5504;border-radius: 56px;transition: all .4s linear;-webkit-transition: all .4s linear;cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.plan-topbox .text .link a{display: block;width: max-content;padding: 0 32px;font-size: 18px;line-height: 56px;font-family: 'Quicksand-Regular';color: #fff;transition: all .4s linear;-webkit-transition: all .4s linear;}
.plan-topbox .text .link:hover{background: #fff;}
.plan-topbox .text .link:hover a{color: #ea5504;}

.plan-bottom{background: #f7f5f4;position: relative;}

.plan-bottom .swiper-container{max-width: 1440px;margin: 0 auto;position: relative;}
.plan-bottom .img{width: 100%;height: auto;overflow: hidden;}
.plan-bottom .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.plan-bottom .swiper-btn{max-width: 1650px;margin: 0 auto;position: absolute;top: 50%;transform: translate(-50%,calc(-50% + 46px));width: 100%;left: 50%;}
.plan-bottom .swiper-btn .swbtn{caret-color: rgba(0,0,0,0);width: 58px;height: 58px;border-radius: 50%;-webkit-tap-highlight-color:rgba(0,0,0,0);
border: 1px solid #232f3f;display: flex;align-items: center;justify-content: center;}

.plan-bottom .swiper-btn .swiper-button-prev:after,
.plan-bottom .swiper-btn .swiper-button-next:after{content: '';}
.plan-bottom .swiper-btn .swbtn i{font-size: 20px;color: #232f3f;}

@media (max-width:1440px) {
	.plan-bottom .swiper-btn{width: 90%;z-index: 10;}
	.plan-bottom .swiper-btn .swbtn{border-color: #fff;z-index: 10;border-width: 2px;}
	.plan-bottom .swiper-btn .swbtn i{color: #fff;}
	
	.plan-topbox{margin-top: 130px;}
	.plan-topbox .text{top: 50px;}
	.plan-topbox .text p{font-size: 24px;line-height: 30px;margin-bottom: 30px;}
}
@media (max-width:1280px){
	.plan_list .img{width: 120px;height: 120px;margin-bottom: 20px;}
	.plan_list .img img{transform: scale(0.8);}
	.plan-topbox .img{height: 380px;}
	.plan-topbox .text{height: 380px;}
	.plan-topbox .text p{font-size: 20px;}
}
@media(max-width:1080px){
	.plan_list .planli{width: 33%;margin-bottom: 20px;}
	.plan-topbox .text{padding-left: 120px;}
}
@media (max-width:769px) {
	.plan_list{margin-top: 20px;}
	.plan_list .img{width: 96px;height: 96px;}
	.plan_list .img img{width: 44%;}
	.plan-topbox{margin-top: 20px;padding-bottom: 0;}
	
	.plan-topbox .text .link a{font-size: 12px;line-height: 40px;}
	.plan-topbox .text p{max-width: 56%;font-size: 16px;line-height: 20px;margin-bottom: 20px;}
	.plan-topbox .text{width: 100%;position: unset;padding-left: 20px;height: auto;padding:  60px 20px;}
	.plan-topbox .img{height: auto;max-width: 40%;margin-left: auto;position: absolute;top: 50%;right:20px ;transform: translateY(-50%);}
}
@media(max-width:480px){
	.plan_list .img{width: 70px;height: 70px;margin-bottom: 10px;}
	.plan-topbox .img{position: unset;transform: translateY(0%);width: 100%;max-width: 100%;}
	.plan-topbox .text p{max-width: 100%;font-size: 14px;}
	.plan-topbox .text{padding: 30px 20px;align-items: center;}
	.plan-topbox .text .link{margin: 0 auto;}
	.plan-topbox .text .link a{line-height: 32px;}
	.plan-bottom .swiper-btn .swbtn{width: 40px;height: 40px;}
	.plan-bottom .swiper-btn{top: 45%;}
}

/* 用户手册 */
.manual-box .inner_sortbtn{margin: 0 auto;}

.manual_list{display: flex;flex-wrap: wrap;}
.manual_list .manual_li{width: calc((100% - 180px)/4);margin-right: 60px;border-radius: 15px;background: #f7f5f4;padding: 40px 48px 60px;margin-top: 60px;}
.manual_list .manual_li:nth-child(4n){margin-right: 0;}
.manual_list .manual_li .img{width: 100%; height: 0;padding-bottom: 100%;position: relative;}
.manual_list .manual_li .img .pic{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;text-align: center;}
.manual_list .manual_li .img img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.manual_list .manual_li p{font-size: 18px;line-height: 24px;color: #232f3f;font-family: 'Quicksand-Bold';text-align: center;margin-top: 20px;}
.manual_list .manual_li .btn{margin-top: 20px;border-radius: 48px;border: 1px solid #273343;transition: all .4s linear;-webkit-transition: all .4s linear;}

.manual_list .manual_li .btn a{display: flex;justify-content: center;width: 100%;line-height: 48px;align-items: center;font-size: 14px;
font-family: 'Quicksand-Regular';text-transform:uppercase;transition: all .4s linear;-webkit-transition: all .4s linear;}
.manual_list .manual_li .btn a i{font-size: 20px;display: inline-block;margin-right: 10px;}
.manual_list .manual_li .btn.play{border-color: #ea5504;}
.manual_list .manual_li .btn.play a{color: #ea5504;}

.manual_list .manual_li .btn.down:hover{background: #232f3f;}
.manual_list .manual_li .btn.down:hover a{color: #fff;}

.manual_list .manual_li .btn.play:hover{background: #ea5504;}
.manual_list .manual_li .btn.play:hover a{color: #fff;}

/* 运输 和担保 */
.warranty{padding-top: 80px;}
.warranty .box_title.onliy{margin-bottom: 0;}
@media (max-width:1680px) {
	.manual_list .manual_li{padding:20px 30px 40px ;}
}
@media (max-width:1280px){
	.manual_list .manual_li{width: calc((100% - 60px)/4);margin-right: 20px;margin-top: 40px;}
}
@media (max-width:1080px){
	.manual_list .manual_li{padding: 20px 14px 20px;}
	.manual_list .manual_li p{font-size: 14px;}
	.manual_list .manual_li .btn{margin-top: 14px;}
	.manual_list .manual_li .btn a{line-height: 42px;}
}
@media (max-width:769px){
	.manual_list .manual_li{width: calc((100% - 40px)/3);margin-top: 30px;}
	.manual_list .manual_li:nth-child(4n){margin-right: 20px;}
	.manual_list .manual_li:nth-child(3n){margin-right: 0!important;}
}
@media(max-width:480px){
	.manual_list{margin-top: 20px;}
	.manual_list .manual_li{width: calc((100% - 10px)/2);margin-right: 0px!important;margin-top: 10px;}
	.manual_list .manual_li:nth-child(2n){margin-left: 10px;}
	
	.manual_list .manual_li .btn a{line-height: 34px;font-size: 12px;}
	.manual_list .manual_li .btn a i{font-size: 14px;margin-right: 4px;}
	.manual_list .manual_li .btn{margin-top: 10px;}
	.manual_list .manual_li p{margin-top: 10px;}
	
	.warranty{padding-top: 40px;}
}


/* 相册 列表 */
.album_list{margin-top: 50px;width: 100%;overflow: hidden;}
.album_list ul{width: 100%;}
.album_list li{width: 33.3%;padding: 30px;}
.album_list li .photo-box{width: 100%;}
.album_list li a{border-radius: 15px;overflow: hidden;display: block;width: 100%;height: 100%;position: relative;}
.album_list li .img{width: 100%;overflow: hidden;}
.album_list li .img img{display: block;width: 100%;transition: 1s;}
.album_list li .min_fix{position: absolute;top: 20px;right: 20px;background: rgba(0,0,0,0.5);border-radius: 28px;overflow: hidden;padding: 0 12px;}
.album_list li .min_fix p{font-size: 16px;line-height: 28px;color: #fff;font-family: 'Quicksand-Regular';}

.album_list li .photo-box:hover img{transform: scale(1.2);}


.album_bg{position: fixed;z-index: 1000;top: 0;left: 0;background: #000;opacity: 0.7;width: 100%;height: 100%;display: none;}
.albumbox{position: fixed;z-index: 1001;top: 0;left: 0;width: 920px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding: 60px;padding-bottom: 80px;border-radius: 15px;}
.albumbox .album_close{position: absolute;right: 20px;top: 20px;width: 24px;height: 24px;background-color: #e0e0e0;
border-radius: 50%;cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear;}
.albumbox .album_close:before{transition: all .4s linear;-webkit-transition: all .4s linear;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 64%;height: 1px;background-color: #232f3f;}
.albumbox .album_close::after{transition: all .4s linear;-webkit-transition: all .4s linear;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 1px;height: 64%;background-color: #232f3f;}

.albumbox .album_close:hover{background: #ea5504;}
.albumbox .album_close:hover:before{background: #fff;}
.albumbox .album_close:hover:after{background: #fff;}

.albumbox .swiper-pagination{font-size: 16px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Regular';bottom: 22px;}
.albumbox .swiper{width: 70%;margin: 0 auto;}
.albumbox .swiper .img{width: 100%;height: auto;}
.albumbox .swiper .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.albumbox .swiper-slide{height: auto;}

.albumbox .swiper-button-next:after,
.albumbox .swiper-button-prev:after{display: none;}

.albumbox .swbtn{width: 56px;height: 56px;border-radius: 50%;border: 1px solid #cccccc;display: flex;align-items: center;transition: all .4s linear;-webkit-transition: all .4s linear;
justify-content: center;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.albumbox .swbtn i{font-size: 20px;color: #ccc;transition: all .4s linear;-webkit-transition: all .4s linear;}
.albumbox .swiper-button-prev{left: 60px;}
.albumbox .swiper-button-next{right: 60px;}
.albumbox .swbtn:hover{background: #ea5504;border-color: #ea5504;}
.albumbox .swbtn:hover i{color: #fff;}

@media(max-width:1360px){
	.album_list{margin-bottom: 40px;}
	.album_list li{padding: 20px;}
}
@media(max-width:1080px){
	.album_list li{padding: 10px;}
	
	.albumbox{width: 88%;}
}
@media(max-width:769px){
	.album_list{margin-top: 20px;}
	.album_list li{width: 49.8%;}
	
	.album_list li .min_fix{padding: 0 8px;top: 12px;right: 12px;}
	.album_list li .min_fix p{font-size: 14px;line-height: 20px;}
	
	.albumbox .swiper-button-prev{left: 30px;}
	.albumbox .swiper-button-next{right: 30px;}
}
@media(max-width:480px){
	.album_list li{padding: 6px;}
	.album_list li .min_fix{top: 10px;right: 10px;}
	.album_list li .min_fix p{font-size: 12px;line-height: 18px;}
	
	
	.albumbox{width: 90%;padding: 50px;padding-bottom: 60px;}
	.albumbox .swiper{width: 100%;}
	.albumbox .album_close{top: 14px;right: 14px;}
	.albumbox .swbtn{width: 34px;height: 34px;}
	.albumbox .swbtn i{font-size: 14px;}
	.albumbox .swiper-button-prev{left: 10px;}
	.albumbox .swiper-button-next{right: 10px;}
	.albumbox .swiper-pagination{font-size: 14px;line-height: 20px;}
	
}


/* 购物车列表 */
.cart_bigbox{padding: 60px 0 120px;}
.wop_payConfirm_page .main3{max-width: 1300px;}
.cart_topline{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 40px;}
.cart_topline h1{font-size: 30px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Bold';}

/* 购物车 */
.custom-choice{display: block;position: relative;z-index: 1;vertical-align:top;cursor:pointer;}
.custom-choice img{float:left;margin-right:16px;}
.custom-choice span{float:left;font-weight:normal;}
.custom-choice input{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 5;opacity: 0;filter: alpha(opacity=0);cursor: pointer;z-index: 5;margin:0;padding:0;}

.wop_cartpage_box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.wop_cartpage_box .wop_cartpage_left{flex: 1;}
.wop_cartpage_box .wop_cartpage_right{width: 400px;height: max-content;margin-left: 30px;margin-top: 76px;border: 1px solid #E8E8E8;border-radius: 12px;background: #fff;padding: 20px 20px 24px;}
.wop_cartpage_right .wop_cart_yhmbox{width: 100%;height: 46px;border-radius: 6px;border: 1px solid #d8d8d8;padding: 6px;margin-bottom: 16px;display: flex;flex-direction: row;justify-content: space-between;transition: all .5s ease-in;}
.wop_cartpage_right .wop_cart_yhmbox input{flex: 1;line-height: 46px;font-size: 14px;font-family: 'Quicksand-Medium';color: #232f3f;padding-left: 6px;}
.wop_cartpage_right .wop_cart_yhmbox .yhmyz{display: block;font-size: 14px;color: #fff;width: 76px;height: 32px;line-height: 32px;text-align: center;border-radius: 8px;background: #c2bcbc;margin-left: 20px;font-family: 'Quicksand-Bold';cursor: pointer;}
.wop_cartpage_right .wop_cart_yhmbox.cur{border: 1px solid #ea5504;}
.wop_cartpage_right .wop_cart_yhmbox.cur .yhmyz{background: #ea5504;}
.wop_cartpage_right .wop_cart_bottom{border-top: 1px solid #E8E8E8;padding-top: 16px;display: flex;flex-direction: column;align-items: center;}
.wop_cart_bottom .bottom-li{width: 100%;margin-bottom: 16px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.wop_cart_bottom .bottom-li .p1{font-size: 14px;color: #999999;font-family: 'Quicksand-Bold';}
.wop_cart_bottom .bottom-li .p2{font-size: 16px;color: #232f3f;font-family: 'MADETommySoft-Regular';}
.wop_cart_bottom .bottom-li .free{color: #7e9f61;}
.wop_cart_bottom .bottom-li .discount_code{color: #232f3f;margin-left: 4px;}
.wop_cart_bottom .bottom-li.active{margin-top: 10px;margin-bottom: 10px;}
.wop_cart_bottom .bottom-li.active p{font-size: 20px;color: #ea5504;font-family: 'MADETommySoft-Bold';}
.wop_cart_bottom .bottom-li.active .cartitem_num{font-size: 14px;color: #b2aca4;margin-left: 8px;font-family: 'Quicksand-Regular';}
.wop_cart_bottom .cartbuy{width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 18px;font-family: 'Quicksand-Bold';color: #fff;cursor: pointer;border-radius: 50px;background: #335C80;}
.wop_cart_bottom .cartbuy:hover{background: #EA5504;}
.wop_cart_bottom .shipping_text{width: 100%;font-size: 14px;color: #999999;font-family: 'Quicksand-Regular';margin-bottom: 16px;text-align: left;}

@media (max-width: 1080px) {
	.wop_cartpage_box{width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
	.wop_cartpage_box .wop_cartpage_left{flex: 1;}
	.wop_cartpage_box .wop_cartpage_right{width: 100%;height: auto;margin-left: 0px;margin-top: 20px;}
}

@media(max-width:480px){
	.wop_cartpage_right .wop_cart_yhmbox input{font-size: 12px;}
	.wop_cartpage_right .wop_cart_yhmbox .yhmyz{font-size: 12px;}
	.wop_cart_bottom .bottom-li{margin-bottom: 12px;}
	.wop_cart_bottom .bottom-li .p1{font-size: 12px;}
    .wop_cart_bottom .bottom-li .p2{font-size: 13px;}
	.wop_cart_bottom .bottom-li.active p{font-size: 15px;}
	.wop_cart_bottom .bottom-li.active .cartitem_num{font-size: 12px;margin-left: 6px;}
	.wop_cart_bottom .cartbuy{font-size: 16px;}
}

/* 数量加减 */
.crt_mu{width: 120px;margin: 0px auto;display: inline-block;border: 1px solid #f7f5f4;border-radius: 50px;background: #fafafa;}
.crt_mu a{display: block;float: left;height:36px;width:36px;border:solid 1px #f7f5f4;text-align: center;line-height:36px;font-size: 18px;color: #666;
font-family:'oppo-r';color: #232f3f;background: #f7f5f4;border-radius: 50%;position: relative;transition: all .2s linear;-webkit-transition: all .2s linear;}
.crt_mu a:before{content: '';position: absolute;top: 50%;left: 50%;width: 30%;height: 2px;background: #232f3f;transform: translate(-50%,-50%);}
.crt_mu a::after{content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 30%;background: #232f3f;transform: translate(-50%,-50%);}
.crt_mu a.gwcdell::after{display: none;}

.crt_mu a:hover{background:#ea5504;color:#fff;}
.crt_mu a:hover:before{background: #fff;}
.crt_mu a:hover::after{background: #fff;}

.crt_mu .mums{display: block;float: left;width: 46px;text-align: center;height:36px;line-height:36px;font-size:14px;background: #fafafa;}

/* 购物车列表 */
.cart-list{width:100%;display: flex;flex-direction: column;}
.cart-list ul{width:100%;padding:20px 16px;background:#fff;margin-bottom: 20px;border-radius: 12px;display: flex;align-items: center;flex-wrap: wrap;}
.cart-list ul:last-child{border-bottom:none;margin-bottom: 0;}
.cart-list li{padding: 0px 15px;text-align:center;font-size:14px;color:#666;font-family:'Quicksand-Regular';}
.cart-list li.cart-name{flex: 1;padding: 0px;display: flex;align-items: center;}
.cart-list li.cart-name .img{float:left;width:100px;height:100px;border-radius: 15px;overflow: hidden;position: relative;}
.cart-list li.cart-name .img a{display:block;}
.cart-list li.cart-name .img img{display:block;width:100%;}
.cart-list li.cart-name .wop_cart_soldout{width: 100%;height: 100%;background: rgba(0,0,0,0.2);position: absolute;left: 0px;top: 0px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #fff;font-family:'Quicksand-Bold';}
.cart-list li.cart-name .txt{float:left;margin-left:30px;width:calc(100% - 138px);}
.cart-list li.cart-name .txt h3{width:100%;}
.cart-list li.cart-name .txt h3 a{display:-webkit-box;width:100%;font-size:18px;color:#232f3f;line-height:24px;height:auto;font-family:'Quicksand-Bold';text-align:left;}
.cart-list li.cart-name .txt h6{width:100%;max-width: 180px;font-size:14px;color:#888888;line-height:26px;height:26px;font-family:'Quicksand-Medium';text-align:left;margin-top: 8px;padding: 0px 6px;}
.cart-list li.cart-name .txt .delet_icon{max-width: max-content;margin-top: 8px;cursor: pointer;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.cart-list li.cart-name .txt .delet_icon i{font-size: 18px;color: #394453;line-height: 20px;}
.cart-list li.cart-name .txt .delet_icon i:hover{color: #ea5504;}
.cart-list li.cart-price{width: 100px;padding:0;font-size:16px;color:#232f3f;font-family:'Quicksand-Bold';display: flex;align-items: center;flex-wrap: wrap;align-content: center;margin-left: 20px;}
.cart-list li.cart-price p{line-height:26px;width: 100%;font-family: 'MADETommySoft-Regular';}
.cart-list li.cart-price p.delp{text-decoration: line-through;color: #888888;font-family: 'MADETommySoft-Regular';}
.cart-list li.cart-quantity{padding:0;margin-left: 20px;}
.cart-list li.cart-total{width: 100px;padding:0;font-size:18px;color:#ea5504;font-family:'MADETommySoft-Bold';margin-left: 20px;}
.cart-list li.cart-ope{padding-top:26px;}
.cart-list li.cart-ope a{display: block;font-size: 12px;color: #999;line-height: 24px;text-align: center;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.cart-list li.cart-ope a:hover{color: #0099ff;}

.cart-list .big_right{display: flex;align-items: center;justify-content: flex-end;}

/*类型 下拉 */
.cart-list .screenlist{display: flex;align-items: center;flex-wrap: wrap;}
.cart-list .screenlist .screen{border: 1px solid #e0e0e0;line-height: 26px;border-radius: 4px;padding: 0 6px;cursor: pointer;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);
width: max-content;max-width: 100%;position: relative;display: flex;align-items: center;margin-right: 10px;margin-top: 6px;}
.cart-list .screenlist .screen h6{margin-top: 0!important;line-height: 26px;}
.cart-list .screenlist .screen i{font-size: 16px;color: #888888;display: block;margin-left: 20px;transition: all .4s linear;-webkit-transition: all .4s linear;}
.cart-list .screenlist .screen .screenli{position: absolute;left: 0;top: 30px;background: #fff;border: 1px solid #e0e0e0;width: 100%;display: none;z-index: 2;}
.cart-list .screenlist .screen .screenli h6{line-height: 26px;max-width: 100%;height: auto;white-space: initial;}
.cart-list .screenlist .screen .screenli h6:hover{color: #ea5504;}
.cart-list .screenlist .screen .screenli h6.cur{background: #ea5504;color: #fff;}
.cart-list .screenlist .screen .screenli .disable:hover{color: #888888;}
.cart-list .screenlist .screen .screenli h6.disable{text-decoration: line-through;cursor: default;opacity: 0.7;}

/* 赠送 套餐 */
.cart-list ul .Bundle{width: 100%;float: left;margin-top: 30px}
.cart-list ul .Bundle .li{display: flex;align-items: center;border-top: 1px solid #f7f5f4;padding: 20px 0;justify-content: space-between;}
.cart-list ul .Bundle .li .left_top{width: 40%;margin-left: 4%;display: flex;align-items: center;}
.cart-list ul .Bundle .img{width: 69px;height: 68px;border-radius: 15px;overflow: hidden;}
.cart-list ul .Bundle .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.cart-list ul .Bundle .bund_icon{border: 1px solid #ea5504;background: #fff;color: #ea5504;width: max-content;
padding: 0 10px;border-radius: 5px;margin: 0 20px;}
.cart-list ul .Bundle .bund_icon p{font-size: 14px;font-family: 'Quicksand-Regular';line-height: 28px;}
.cart-list ul .Bundle h4{font-size: 14px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';}

/* .cart-list ul .Bundle .right_box{width: 16%;} */

.cart-list ul .Bundle .right_bott{width: 45%;display: flex;align-items: center;justify-content:flex-end;}
.cart-list ul .Bundle .right_box{width: 35.3%;text-align: center;}

.cart-list ul .Bundle .cart-price{width: 28%;padding:0;font-size:16px;height:100px;color:#232f3f;font-family:'Quicksand-Bold';display: flex;align-items: center;flex-wrap: wrap;align-content: center;}
.cart-list ul .Bundle .cart-price p{line-height:26px;width: 100%;}
.cart-list ul .Bundle .cart-price p.delp{text-decoration: line-through;color: #888888;font-family: 'Quicksand-Regular';}

.cart-list ul .Bundle .cart-total{padding:0;font-size:18px;line-height:100px;color:#ea5504;font-family:'Quicksand-Bold';}
.cart-list ul .Bundle .cart-total p{line-height:100px;}


.wap-cart-quantity{display:none;}
.wap-cart-quantity .price{float:left;width:100%;text-align:left;font-size:14px;color:#000;line-height:24px;font-family:'Quicksand-Regular';}
.wap-cart-quantity .crt_mu{float:right;margin-top:-24px;}
.wap-cart-quantity .delete{float:left;width:30%;margin-top:24px;font-size:14px;color:#0099ff;line-height:24px;text-align:left;font-family:'Quicksand-Regular';}
.wap-cart-quantity .crt_mu a{border-radius:50%;width:24px;height:24px;line-height:22px;}
.wap-cart-quantity .crt_mu a:before{height: 1px;}
.wap-cart-quantity .crt_mu a::after{width:1px;}
.wap-cart-quantity .crt_mu .mums{border:none;height:24px;line-height:24px;width:36px;}

@media (max-width:1280px) {
    .cart-list li.cart-name .txt h6{max-width: 120px;}
	.cart-list .big_right{margin-left: 90px;}
}

@media (max-width:1080px) {
	.cart_bigbox{padding: 30px 0 60px;}
	.cart_topline{margin-bottom: 20px;}
	.cart_topline h1{font-size: 22px;line-height: 26px;}
	.cart-list .big_right{display: none;}
	.wap-cart-quantity .price{display: flex;align-items: center;color: #ea5504;}
	.wap-cart-quantity .price p{margin-right: 20px;}
	.wap-cart-quantity .price p.delp{text-decoration: line-through;color: #888888;}
	.cart-list{margin-top:15px;}
	.cart-list ul{padding:20px 16px;}
	.cart-list li{display:none;}
	.cart-list li.cart-name{display:flex;width:calc(100% - 30px);padding: 0px;}
	.cart-list li.cart-name .img{width:80px;height:80px;}
	.cart-list li.cart-name .wop_cart_soldout{font-size: 14px;}
	.cart-list li.cart-name .txt{width:calc(100% - 90px);margin-left:10px;}
	.cart-list li.cart-name .txt h3{margin-top:0;}
	.cart-list li.cart-name .txt h3 a{font-size:16px;}
	.cart-list li.cart-name .txt h6{line-height:26px !important;font-size:12px;margin-top: 0;height: 26px;}
	.cart-list .screenlist .screen .screenli{top: 30px;}
	.cart-list .screenlist{margin-bottom: 10px;}
	
	.cart-list ul .Bundle{margin-top: 20px;}
	.cart-list ul .Bundle .bund_icon p{font-size: 12px;line-height: 20px;}
	.cart-list ul .Bundle h4{font-size: 12px;}
	.cart-list ul .Bundle .cart-total{display: none;}
	.cart-list ul .Bundle .li{flex-wrap: wrap;}
	.cart-list ul .Bundle .li .left_top{width: calc(100% - 106px);padding-left: 40px;margin-left: 0;}
	.cart-list ul .Bundle .cart-price{display: none;}
	.cart-list ul .Bundle .right_bott{width: max-content;}
	.cart-list ul .Bundle .right_box{width: 100%;}
	.cart-list ul .Bundle .bund_icon{margin: 0 10px;}
	.cart-list ul .Bundle .crt_mu{height: 24px;}
	.cart-list ul .Bundle .crt_mu .mums{width: 36px;line-height: 24px;height: 24px;}
	.cart-list ul .Bundle .crt_mu a{width: 24px;height: 24px;line-height: 24px;}
	
	.wap-cart-quantity{display:block;}

	.cart-list li.cart-name .txt .delet_icon{margin-top: -22px;float: left;margin-left: 100px;}
	.wap-cart-quantity .crt_mu{margin-top: 8px;float: left;width: auto;}
}
@media(max-width:480px){
	.cart_topline h1{font-size: 20px;line-height: 36px;}
	.cart_topline{margin-bottom: 0;}
	.custom-choice img{width: 100%;object-fit: cover;}
	.cart-list ul{margin-bottom: 10px;}
	.cart-list li.cart-name .txt h3 a{margin-bottom: 6px;}
	.cart-list li.cart-name .wop_cart_soldout{font-size: 12px;}
	.cart-list li.cart-name{width: calc(100% - 30px);}
	.cart-list li.cart-name .txt .delet_icon{margin-top: -23px;float: right;margin-left: 0px;}
	.wap-cart-quantity .price p{margin-right: 10px;}
	.wap-cart-quantity .price{font-size: 14px;color: #ea5504;}
	.wap-cart-quantity .crt_mu{margin-top: 8px;float: left;width: auto;}
	.cart-list ul .Bundle .li .left_top{flex-wrap: wrap;padding-left: 0px;align-items: flex-end;}
	.cart-list ul .Bundle .bund_icon{margin-bottom: 10px;}
	
	.cart-list .screenlist .screen i{margin-left: 10px;font-size: 12px;line-height: 12px;}
	.cart-list .screenlist .screen{margin-top: 0;margin-bottom: 8px;}
	.cart-list .screenlist{margin-bottom: 0;}
	.cart-list li.cart-name .txt h6{line-height:22px !important;height: 24px;}
	.cart-list .screenlist .screen .screenli{top: 28px;}
}

/* 无数据 */
.cart-empty{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 40px 40px 80px;}
.cart-empty img{width: 200px;height: 200px;}
.cart-empty p{color: #999; font-size: 14px;font-family: 'Quicksand-Regular';}
.cart-empty a{display: block;padding: 8px 14px;color: #fff;font-size: 16px;cursor: pointer;background: #ea5504;border-radius: 8px;margin-top: 20px;}
@media (max-width: 1080px) {
	.cart-empty{padding: 40px 30px 60px;}
	.cart-empty img{width: 160px;height: 160px;}
	.cart-empty p{font-size: 12px;}
	.cart-empty a{font-size: 14px;}
}
@media (max-width:480px){
	.cart-empty img{width: 120px;height: 120px;}
}


/* 购物车 结算 */
.wop_payConfirm_page{padding: 110px 0 120px;}
.wop_payConfirm_page .confirm_toptab{width: 100%;height: 68px;background: #fff;border-bottom: 1px solid #E8E8E8;margin-bottom: 50px;position: fixed;left: 0px;top: 0px;z-index: 99;}
.wop_payConfirm_page .confirm_toptab .main3{height: 68px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.wop_payConfirm_page .confirm_toptab .logoimg{width: 150px;}
.wop_payConfirm_page .confirm_toptab .logoimg img{width: 100%;height: auto;}
.wop_payConfirm_page .confirm_toptab .securebox{display: flex;flex-direction: row;align-items: center;}
.wop_payConfirm_page .confirm_toptab .securebox img{width: 26px;height: 26px;}
.wop_payConfirm_page .confirm_toptab .securebox .p1{font-size: 14px;line-height: 18px;color: #198055;font-family: 'Quicksand-SemiBold';margin-left: 6px;}

.cart_playinfo .left_play{width: calc(55% - 16px);float: left;}
.cart_playinfo .right_play{width: calc(45% - 16px);float: right;position: sticky;left: 0px;top: 100px;}

.cart_playinfo .box1{border-radius: 15px;overflow: hidden;margin-bottom: 32px;}
.cart_playinfo .title{background: #d9d9d9;padding: 20px 24px;width: 100%;}
.cart_playinfo .title h2{font-size: 20px;line-height: 20px;color: #414141;font-family: 'Quicksand-Bold';}
.cart_playinfo .title .info{font-size: 14px;line-height: 18px;color: #414141;font-family: 'Quicksand-Medium';margin-top: 6px;}
.cart_playinfo .title a{display: block;font-size: 14px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Regular';text-decoration:underline;margin-left: auto;transition: all .4s linear;-webkit-transition: all .4s linear;}
.cart_playinfo .title a:hover{color: #ea5504;}
.cart_playinfo .bottbox{background-color: #fff;padding: 20px 24px;}

.cart_playinfo .list_row{display: flex;flex-wrap: wrap;flex-direction: column;}
.cart_playinfo .list_row .playbtn{margin-right: 10px;cursor: pointer;max-width: 220px;}
.cart_playinfo .list_row .playbtn a{display: block;width: 100%;height: 100%;}
.cart_playinfo .list_row .playbtn img{display: block;width: 100%;height: auto;object-fit: cover;transition: all .4s linear;-webkit-transition: all .4s linear}
.cart_playinfo .list_row .playbtn:hover img{opacity: 0.8;}
.cart_playinfo .list_row .p1{font-size: 14px;line-height: 16px;color: #232f3f;font-family: 'Quicksand-Medium';margin-top: 10px;}

.cart_playinfo .box1.overhino{overflow: unset;}
.cart_playinfo .box1.overhino .title{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.cart_playinfo .box1.overhino .bottbox{border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;}

.cart_playinfo .li{margin-bottom: 20px;}
.cart_playinfo .li h3{font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 20px;}
.cart_playinfo .li h5.user{font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 20px;}

.cart_playinfo .bg-li{border-radius: 8px;height: 48px;width: 100%;display: flex;align-items: center;position: relative;}
.cart_playinfo .bg-li input{padding-left: 16px;line-height: 48px;font-size: 14px;border-radius: 8px;overflow: hidden;border: 1px solid #d9d9d9;
color: #414141;font-family: 'Quicksand-Medium';background: #fff;width: 100%;}
.cart_playinfo .bg-li i{margin-right: 16px;display: block;font-size: 16px;position: absolute;top: 50%;right: 0px;transition: all .4s linear;-webkit-transition: all .4s linear;
transform: translateY(-50%);color: #888;cursor: pointer;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.cart_playinfo .bg-li input:focus{border: 1px solid #335C80;}
.cart_playinfo .bg-li .tips_pop{position: absolute;bottom: 120%;right: 0px;z-index: 10;background: #414141;border-radius: 8px;padding: 12px 12px;font-size: 14px;line-height: 18px;color: #fff;font-family: 'Quicksand-Medium';width: 70%;display: none;}
.cart_playinfo .bg-li .tips_pop::after{content: "";position: absolute;width: 0;height: 0;bottom: -8px;right: 16px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #414141;z-index: 10;}

.cart_playinfo .bg-li input::-moz-placeholder{color: #888;}
.cart_playinfo .bg-li input::-ms-input-placeholder{color: #888;}
.cart_playinfo .bg-li input::-webkit-input-placeholder{color: #888;}

.cart_playinfo .wop_country input::-webkit-input-placeholder{color:#232f3f !important;}
.cart_playinfo .wop_country input::-moz-placeholder{color:#232f3f !important;}
.cart_playinfo .wop_country input:-moz-placeholder{color:#232f3f !important;}
.cart_playinfo .wop_country input:-ms-input-placeholder{color:#232f3f !important;}

.cart_playinfo .li.choice{display: flex;align-items: center;margin-bottom: 0;}
.cart_playinfo .li.choice label{margin-right: 8px;cursor: pointer;caret-color: #335C80;-webkit-tap-highlight-color:#335C80;}
.cart_playinfo .li.choice label img{width: 20px;height: auto;}
.cart_playinfo .li.choice p{font-size: 14px;line-height: 24px;color: #414141;font-family: 'Quicksand-Medium';}

.cart_playinfo .li2{display: flex;width: 100%;}
.cart_playinfo .li2 .li{width: calc(50% - 15px);margin-right: 30px;}
.cart_playinfo .li2 .li:nth-child(2n){margin-right: 0;}

.cart_playinfo .down_list{position: absolute;left: 0;top: 60px;max-height: 300px;overflow-y: scroll;height: auto;border: 1px solid #dedede;
	background: #ffffff;width: 100%;padding: 8px 12px;border-radius: 15px;z-index: 2;display: none;}
.cart_playinfo .down_list_toTop {top: inherit;bottom: 60px;}
.cart_playinfo .down_list h4{font-size: 14px;line-height: 30px;color: #414141;font-family: 'Quicksand-SemiBold';transition: all .2s linear;-webkit-transition: all .2s linear;
cursor: pointer;caret-color: #335C80;-webkit-tap-highlight-color:#335C80;}
.cart_playinfo .down_list h4:hover{color: #ea5504;font-size: 16px;}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
/* .cart_playinfo .down_list::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background-color: #f5f5f5;
} */
/*定义滚动条轨道 内阴影+圆角*/
/* .cart_playinfo .down_list::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #f5f5f5;
} */
/*定义滑块 内阴影+圆角*/
/* .cart_playinfo .down_list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #ea5504;
} */

/* 右侧 */
.cart_playinfo .cartlibox{border-bottom: 1px solid #f7f5f4;}
.cart_playinfo .cartlibox:last-child{border-bottom: unset;}
.cart_playinfo .cartlibox .cartli{display: flex;align-items: center;margin-bottom: 20px;margin-top: 20px;}
.cart_playinfo .cartlibox .cartli:last-child{margin-bottom: 15px;}
.cart_playinfo .cartlibox:first-child .cartli:first-child{margin-top: 0px;}
.cart_playinfo .cartlibox:last-child .cartli:last-child{margin-bottom:0px;}
.cart_playinfo .shopcart_box .cartlibox{padding: 6px 0px;}
.cart_playinfo .cartlibox .cartli .img{width: 68px;height: 68px;min-width:68px;border-radius: 8px;border: 1px solid #d9d9d9;position: relative;margin-right: 20px;}
.cart_playinfo .cartlibox .cartli .img img{width: 100%;height: 100%;display: block;object-fit: cover;border-radius: 8px;}
.cart_playinfo .cartlibox .cartli .fixnum{position: absolute;top: -14px;right: -14px;width: 24px;height: 24px;border-radius: 50%;
background: #335C80;color: #fff;display: flex;align-items: center;justify-content: center;}
.cart_playinfo .cartlibox .cartli h5{font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';}
.cart_playinfo .cartlibox .cartli p{font-size: 14px;line-height: 20px;color: #888888;font-family: 'Quicksand-Medium';width: 80%;display: inline-block;}
.cart_playinfo .cartlibox .cartli h5{overflow: hidden;width: 80%;display: inline-block;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.cart_playinfo .cartlibox .cartli .discount-box{display: flex;flex-direction: row;align-items: center;margin-top: 4px;}
.cart_playinfo .cartlibox .cartli .discount-box img{width: 18px;height: 18px;}
.cart_playinfo .cartlibox .cartli .discount-box .p1{font-size: 14px;line-height: 20px;color: #232f3f;font-family: "Quicksand-SemiBold";margin-left: 6px;}
.cart_playinfo .cartlibox .cartli .discount-box .p1 span{font-family: 'Quicksand-Bold';}

.cart_playinfo .cartlibox .cartli .total{height: max-content;width: max-content;margin-left: auto;}
.cart_playinfo .cartlibox .cartli .total h3{font-size: 18px;line-height: 36px;font-family: 'MADETommySoft-Regular';color: #232f3f;}
.cart_playinfo .cartlibox .cartli .total .underline{text-decoration: line-through;line-height: 24px;color: #888888;font-size: 16px;}
.cart_playinfo .cartlibox .cartli .total .p1{font-size: 20px;line-height: 30px;font-family: 'Quicksand-Bold';color: #232f3f;width: 100%;}
.cart_playinfo .cartlibox .cartli .Bundlebox{font-size: 14px;color: #ea5504;line-height: 30px;width: max-content;margin-top: 10px;
font-family: 'Quicksand-Regular';padding: 0 10px;border: 1px solid #ea5504;border-radius: 5px;}

.cart_playinfo .codelist{display: flex;align-items: center;}
.cart_playinfo .codelist .btnapply{background: #c2bcbc;border-radius: 8px;line-height: 48px;color: #fff;font-size: 16px;font-family: 'Quicksand-SemiBold';
margin-left: 16px;padding: 0 24px;cursor: pointer;}
.cart_playinfo .codelist .btnapply:hover{opacity: 0.9;}
.cart_playinfo .codelist .btnapply.cur{background: #335C80;}

.cart_playinfo .totalli{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.cart_playinfo .totalli:last-child{margin-bottom: 0;}
.cart_playinfo .totalli h5{font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'MADETommySoft-Regular';}
.cart_playinfo .totalli.last h5{font-size: 20px;}
.cart_playinfo .totalli h3{font-size: 28px;line-height: 30px;color: #ea5504;font-family: 'MADETommySoft-Bold';}
.cart_playinfo .totalli.last{border-top: 1px solid #d9d9d9;padding-top: 20px;}

.cart_playinfo .overbtn{display: flex;align-items: center;justify-content: space-between;}
.cart_playinfo .wop_order_summary_box{display: none;}
.cart_playinfo .wop_phone_order_summary{display: none;}

.cart_playinfo .overbtn a{color: #232f3f;font-size: 16px;line-height: 36px;font-family: 'Quicksand-Bold';display: flex;align-items: center;}
.cart_playinfo .overbtn a .toback{width: 26px;height: 26px;border-radius: 50%;background: #232f3f;overflow: hidden;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.cart_playinfo .overbtn a .toback i{font-size: 12px;color: #fff;}

.cart_playinfo .overbtn .paybtn{width: 100%;background: #EA5504;border-radius: 8px;transition: all .4s linear;-webkit-transition: all .4s linear;}
.cart_playinfo .overbtn .paybtn a{min-width: 220px;text-align: center;display: block;line-height: 56px;color: #fff;font-size: 18px;font-family: 'Quicksand-Bold';padding: 0 30px;transition: all .4s linear;-webkit-transition: all .4s linear;cursor: pointer;border-radius: 8px;}
.cart_playinfo .overbtn .paybtn a.paypal{background: #335C80;}
.cart_playinfo .overbtn .paybtn a img{width: 90px;height: auto;}

/* 已登录状态 */
.userinfo{border-bottom: 1px solid #e0e0e0;padding-bottom: 20px;margin-bottom: 30px;}
.cart_playinfo .bottbox .userinfo:first-child{margin-top: 10px;}
.userinfo:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: unset;}
.userinfo h3{font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';}
.userinfo .line{display: flex;justify-content: space-between;}
.userinfo a{font-size: 14px;line-height: 24px;color: #888888;font-family: 'Quicksand-Regular';cursor: pointer;}
.userinfo h5{font-size: 16px;line-height: 24px;color: #232f3f;font-family: 'Quicksand-Regular';margin-top: 20px;width: calc(100% - 160px);}
.userinfo  .bg-li{margin-top: 20px;}

.wop_payConfirm_page .shipping_list{border: 1px solid #d9d9d9;border-radius: 8px;overflow: hidden;}
.shipping_list .shipp_li{background-color: #fff;border-bottom: 1px solid #d9d9d9;}
.shipping_list .shipp_li:last-child{border-bottom: none;}
.shipping_list .shipp_li .libox_con{padding: 16px 24px;display: flex;align-items: center;cursor: pointer;flex-wrap: wrap;}
.payment_shipping_list .shipp_li .infobox{padding: 18px 24px;background: #f7f5f4;font-size: 14px;line-height: 20px;color: #414141;font-family: 'Quicksand-Medium';text-align: center;display: none;}
.payment_shipping_list .shipp_li2 .infobox{display: block;}
.shipping_list .shipp_li .circle{border-radius: 50%;border: 2px solid #cdcdcd;background: #fff;width: 20px;height: 20px;min-width: 20px;position: relative;margin-right: 12px;}
.shipping_list .shipp_li.cur .circle:before{content: '';position: absolute;left:50%;top:50%;border-radius: 50%;background: #335C80;width: 70%;height: 70%;border-radius: 50%;transform: translate(-50%,-50%);}
.shipping_list .shipp_li h6{margin-left: auto;font-size: 16px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Bold';}

.shipping_list .shipp_li .txt{flex: 1;}
.shipping_list .shipp_li h4{font-size: 16px;line-height: 26px;color: #232f3f;font-family: 'Quicksand-SemiBold';}
.shipping_list .shipp_li p{font-size: 14px;line-height: 26px;color: #888888;font-family: 'Quicksand-Regular';}
.shipping_list .shipp_li .imgbox{height: 33px;display: flex;flex-direction: row;flex: 1;align-items: center;justify-content: space-between;}
.shipping_list .shipp_li2 .imgbox{height: 28px;}
.shipping_list .shipp_li .imgbox .p1{font-size: 16px;color: #232f3f;font-family: 'Quicksand-SemiBold';}
.shipping_list .shipp_li .imgbox .box{display: flex;flex-direction: row;align-items: center;justify-content: end;flex: 1;flex-wrap: wrap;}
.shipping_list .shipp_li .imgbox img{display: block;width: 120px;height: auto;object-fit: cover;}
.shipping_list .shipp_li .imgbox .box img{width: 40px;margin-right: 8px;}
.shipping_list .shipp_li .imgbox .box img:last-child{margin-right: 0px;}

.wop_cartpage_right .wop_cart_yhmbox{margin-bottom: 0px;}
.wop_cartpage_right .wop_yhm_taglist{margin-bottom: 16px;}
.wop_yhm_taglist{width: 100%;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.wop_yhm_taglist .taglist_li{display: flex;flex-direction: row;align-items: center;margin-top: 12px;margin-right: 12px;background: #f7f5f4;padding: 8px 8px;border-radius: 6px;}
.wop_yhm_taglist .taglist_li:last-child{margin-right: 0px;}
.wop_yhm_taglist .taglist_li img{width: 17px;height: 17px;}
.wop_yhm_taglist .taglist_li .p1{font-size: 14px;color: #232f3f;padding: 0px 4px;line-height: 14px;font-family: "Quicksand-SemiBold";}
.wop_yhm_taglist .taglist_li .del_btn{position: relative;width: 20px;height: 20px;cursor: pointer;}
.wop_yhm_taglist .taglist_li .del_btn::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 70%;height: 1px;background: #888888;}
.wop_yhm_taglist .taglist_li .del_btn::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 1px;height: 70%;background: #888888;}
.wop_yhm_taglist .taglist_li .del_btn:hover::before{background: #ea5504;}
.wop_yhm_taglist .taglist_li .del_btn:hover::after{background: #ea5504;}

.wop_payConfirm_page .wop_pay_security{width: 100%;display: flex;flex-direction: column;background: #fff;padding: 20px 24px;border-radius: 15px;}
.wop_payConfirm_page .wop_pay_security .libox{width: 100%;display: flex;flex-direction: column;margin-bottom: 16px;}
.wop_payConfirm_page .wop_pay_security .libox:last-child{margin-bottom: 0px;}
.wop_payConfirm_page .wop_pay_security .libox .topbox{width: 100%;display: flex;flex-direction: row;align-items: center;}
.wop_payConfirm_page .wop_pay_security .libox .topbox img{width: 16px;height: 16px;}
.wop_payConfirm_page .wop_pay_security .libox .topbox .t1{font-size: 14px;color: #198055;line-height: 14px;font-family: "Quicksand-SemiBold";margin-left: 8px;}
.wop_payConfirm_page .wop_pay_security .libox .p1{width: 100%;font-size: 13px;color: #414141;line-height: 16px;font-family: "Quicksand-Medium";margin-top: 8px;}
.wop_payConfirm_page .wop_pay_security_phone{display: none;}

.wop_payConfirm_page .wop_pay_policybox{width: 100%;margin-top: 40px;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;justify-content: center;padding-top: 24px;border-top: 1px solid #d9d9d9;}
.wop_payConfirm_page .wop_pay_policybox .p1{font-size: 14px;color: #335C80;line-height: 16px;font-family: "Quicksand-SemiBold";margin-right: 12px;cursor: pointer;text-decoration: underline;}
.wop_payConfirm_page .wop_pay_policybox .p1:hover{color: #335C80;}

@media(max-width:1280px){
	.cart_playinfo .left_play{width: calc(55% - 10px);}
	.cart_playinfo .right_play{width: calc(45% - 10px);}
	.cart_playinfo .li h3{margin-bottom: 10px;}
	.cart_playinfo .li h5.user{margin-bottom: 10px;}
	.cart_playinfo .li{margin-bottom: 20px;}
	.cart_playinfo .box1{margin-bottom: 20px;}
	.cart_playinfo .li2{flex-direction: column;}
	.cart_playinfo .li2 .li{width: 100%;margin-right: 0;}
	
	.cart_playinfo .codelist .btnapply{font-size: 14px;padding: 0 20px;line-height: 50px;}
	.cart_playinfo .bg-li{height: 50px;border-radius: 50px;}
	.cart_playinfo .overbtn .paybtn a{font-size: 16px;min-width: 180px;}
	
	.cart_playinfo .down_list{top: 54px;}
	.cart_playinfo .down_list_toTop {top: inherit;bottom: 54px;}
	
	.cart_playinfo .cartlibox .cartli .text{width: 50%;}
	.cart_playinfo .cartlibox .cartli .img{margin-right: 12px;}
	.cart_playinfo .cartlibox .cartli h5{width: 90%;}
	.cart_playinfo .cartlibox .cartli p{width: 90%;}
	
	.userinfo h3{font-size: 14px;}
	.userinfo h5{margin-top: 16px;}
}
@media(max-width:840px){
	.wop_payConfirm_page{padding: 0px 0 80px;}
	.wop_payConfirm_page .confirm_toptab{height: 60px;margin-bottom: 40px;background: #f7f5f4;position: static;}
	.wop_payConfirm_page .confirm_toptab .main3{height: 60px;}
	.wop_payConfirm_page .confirm_toptab .logoimg{width: 140px;}

	.cart_playinfo .left_play{width:100%;}
	.cart_playinfo .right_play{width: 100%;position: static;}
	
	.cart_playinfo .title{padding: 16px 20px;}
	.cart_playinfo .title h2{font-size: 15px;}
	.cart_playinfo .bottbox{padding: 20px 20px;}

	.cart_playinfo .down_list{max-height: 240px;}

	.cart_playinfo{padding-top: 20px;display: flex;flex-direction: column-reverse;}
	.cart_playinfo .wop_rightpay_box{display: none;}
	.cart_playinfo .wop_web_title{display: none;}
	.cart_playinfo .wop_order_summary_box{width: 100%;display: flex;background: #d9d9d9;padding: 16px 20px;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 10px;border-radius: 12px;cursor: pointer;}
	.cart_playinfo .wop_order_summary_box .leftbox{font-size: 14px;line-height: 20px;color: #335C80;font-family: 'Quicksand-Bold';display: flex;align-items: center;}
	.cart_playinfo .wop_order_summary_box .leftbox .iconfont{margin-left: 10px;height: 18px;transition: all 0.4s linear;font-size: 16px;}
	.cart_playinfo .wop_order_summary_box .rightbox{font-size: 18px;line-height: 20px;color: #ea5504;font-family: 'Quicksand-Bold';}

	.cart_playinfo .wop_phone_order_summary{display: block;border-radius: 12px;background: #fff;overflow: hidden;margin-bottom: 16px;}
	.cart_playinfo .wop_phone_order_summary .summary_titlebox{width: 100%;display: flex;padding: 16px 20px 20px;flex-direction: row;align-items: center;justify-content: space-between;}
	.cart_playinfo .wop_phone_order_summary .summary_titlebox .p1{font-size: 15px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';display: flex;align-items: center;}
	.cart_playinfo .wop_phone_order_summary .summary_titlebox .right_icon{display: flex;flex-direction: row;align-items: center;cursor: pointer;}
	.cart_playinfo .wop_phone_order_summary .summary_titlebox .right_icon .iconfont{margin-left: 8px;height: 14px;transition: all 0.4s linear;font-size: 14px;color: #335C80;}
	.cart_playinfo .wop_phone_order_summary .summary_titlebox .right_icon .p2{font-size: 14px;line-height: 14px;color: #335C80;font-family: 'Quicksand-Bold';}
	.cart_playinfo .wop_phone_order_summary .summary_probox{display: none;}
	.cart_playinfo .wop_phone_order_summary .summary_probox .bottbox{padding-top: 10px;}
	.cart_playinfo .exchangeBox{padding: 0px 20px;}

	.wop_payConfirm_page .wop_pay_security_web{display: none;}
	.wop_payConfirm_page .wop_pay_security_phone{display: flex;}
	.wop_payConfirm_page .wop_pay_security{padding: 20px 20px;margin-top: 20px;}
}
@media (max-width:480px) {
	.wop_payConfirm_page{padding: 0px 0 50px;}
	.wop_payConfirm_page .confirm_toptab{height: 48px;margin-bottom: 20px;}
	.wop_payConfirm_page .confirm_toptab .main3{height: 48px;}
	.wop_payConfirm_page .confirm_toptab .logoimg{width: 95px;}
	.wop_payConfirm_page .confirm_toptab .securebox img{width: 24px;height: 24px;}
	.wop_payConfirm_page .confirm_toptab .securebox .p1{font-size: 12px;line-height: 16px;}

	.cart_playinfo .title{padding: 16px 14px;}
	.cart_playinfo .bottbox{padding: 20px 14px;}
	.cart_playinfo .exchangeBox{padding: 0px 14px;}
	.cart_playinfo .wop_phone_order_summary .summary_titlebox{padding: 16px 14px 18px;}
	.cart_playinfo .list_row .playbtn{width:calc(50% - 5px) ;margin-right: 10px;margin-bottom: 0px;}
	.cart_playinfo .list_row .playbtn:nth-child(2n){margin-right: 0;}
	.cart_playinfo .list_row .p1{font-size: 14px;}
	
	.cart_playinfo .cartlibox .cartli .text{flex: 1;padding-right: 6px;}
	.cart_playinfo .cartlibox .cartli h5{font-size: 14px;width: 100%;}
	.cart_playinfo .cartlibox .cartli p{font-size: 12px;}
	.cart_playinfo .cartlibox .cartli .discount-box img{width: 16px;height: 16px;}
	.cart_playinfo .cartlibox .cartli .discount-box .p1{font-size: 12px;line-height: 16px;}
	.cart_playinfo .cartlibox .cartli .Bundlebox{font-size: 12px;line-height: 22px;padding: 0 6px;}
	.cart_playinfo .cartlibox .cartli .fixnum{font-size: 12px;}
	.cart_playinfo .box1{margin-bottom: 16px;border-radius: 12px;}
	
	.cart_playinfo .cartlibox .cartli{margin-top: 20px;margin-bottom: 20px;}
	.cart_playinfo .cartlibox .cartli:last-child{margin-bottom: 20px;}
	.cart_playinfo .cartlibox:last-child .cartli:last-child{margin-bottom: 0px;}
	.cart_playinfo .shopcart_box .cartlibox{padding: 0px 0px;}
	.cart_playinfo .cartlibox .cartli .total h3{font-size: 14px;}
	.cart_playinfo .cartlibox .cartli .total .p1{font-size: 16px;line-height: 24px;}
	.cart_playinfo .cartlibox .cartli .img{width: 48px;height: 48px;min-width: 48px;border-radius: 8px;}
	.cart_playinfo .cartlibox .cartli .fixnum{width: 20px;height:20px;top: -10px;right: -10px;}
	.cart_playinfo .cartlibox .cartli .Bundlebox{margin-top: 4px;}
	
	.cart_playinfo .bg-li{height: 42px;border-radius: 42px;}
	.cart_playinfo .bg-li input{line-height: 24px;padding: 9px 12px;}
	.cart_playinfo .codelist .btnapply{line-height: 42px;font-size: 12px;}
	.cart_playinfo .bg-li input{font-size: 14px;}
	.cart_playinfo .down_list{top: 46px;}
	.cart_playinfo .down_list_toTop {top: inherit;bottom: 46px;}
	
	.cart_playinfo .totalli h5{font-size: 14px;}
	.cart_playinfo .totalli.last h5{font-size: 16px;}
	.cart_playinfo .totalli{margin-bottom: 10px;}
	.cart_playinfo .totalli h3{font-size: 24px;}

	.cart_playinfo .overbtn .paybtn a{font-size: 16px;line-height: 42px;padding: 0 10px;min-width: 160px;}
	.cart_playinfo .overbtn a .toback{width: 20px;height: 20px;margin-right: 6px;}
	.cart_playinfo .overbtn a{font-size: 12px;}
	.cart_playinfo .totalli.last{padding-top: 16px;}
	.cart_playinfo .li h3{font-size: 12px;}
	.cart_playinfo .li h5.user{font-size: 12px;}
	.cart_playinfo .li{margin-bottom: 14px;}
	.cart_playinfo .li.choice label{margin-right: 6px;}
	.cart_playinfo .li.choice label .choice-img{width: 20px;height: 20px;}
	.cart_playinfo .li.choice p{font-size: 14px;line-height: 16px;}
	
	.userinfo{padding-bottom: 16px;margin-bottom: 20px;}
	.cart_playinfo .bottbox .userinfo:first-child{margin-top: 0px;}
	.cart_playinfo .bg-li{margin-top: 0px;}
	.cart_playinfo .bg-li.last input{margin-top: 0px;}
	.userinfo h5{width: 100%;margin-top: 8px;font-size: 14px;}
	.shipping_list .shipp_li .libox_con{padding: 14px 16px;}
	.payment_shipping_list .shipp_li .infobox{padding: 14px 16px;font-size: 12px;line-height: 16px;}
	.shipping_list .shipp_li .circle{margin-right: 6px;width: 18px;height: 18px;min-width: 18px;}
	.shipping_list .shipp_li h6{font-size: 14px;}
	.shipping_list .shipp_li .txt{padding-left: 8px;}
	.shipping_list .shipp_li h4{font-size: 14px;line-height: 24px;}
	.shipping_list .shipp_li p{font-size: 12px;line-height: 20px;}
	
	.shipping_list .shipp_li .imgbox{height: 24px;margin-left: 5px;}
	.shipping_list .shipp_li2 .imgbox{height: 20px;}
	.shipping_list .shipp_li2 .imgbox img{width: 36px;height: auto;}
	.shipping_list .shipp_li .imgbox .p1{font-size: 14px;}
	.shipping_list .shipp_li .imgbox img{width: 80px;}
	.shipping_list .shipp_li .imgbox .box img{width: 28px;margin-right: 6px;}

	.cart_playinfo .overbtn .paybtn a img{width: 70px;}
	
	.wop_yhm_taglist .taglist_li{margin-top: 10px;margin-right: 10px;padding: 6px 6px;}
	.wop_yhm_taglist .taglist_li img{width: 15px;height: 15px;}
	.wop_yhm_taglist .taglist_li .p1{font-size: 12px;padding: 0px 4px;line-height: 12px;}
	.wop_yhm_taglist .taglist_li .del_btn{width: 18px;height: 18px;}

	.wop_payConfirm_page .wop_pay_security{padding: 20px 14px;}
	.wop_payConfirm_page .wop_pay_security .libox .topbox img{width: 14px;height: 14px;}
	.wop_payConfirm_page .wop_pay_security .libox .topbox .t1{font-size: 13px;margin-left: 6px;}
	.wop_payConfirm_page .wop_pay_security .libox .p1{font-size: 12px;margin-top: 6px;}

	.wop_payConfirm_page .wop_pay_policybox{margin-top: 24px;padding-top: 16px;}
	.wop_payConfirm_page .wop_pay_policybox .p1{font-size: 13px;margin-bottom: 10px;}
}

/* 支付结算页查看隐私政策弹窗 */
.wop_globaltop_popupbox_policybox .wop_pop_content{top: initial;bottom: 0px;height: auto;max-height: 90%;border-radius: 16px 16px 0px 0px;animation: wpFullPopupModelConBot .5s;flex-direction: column;}
.wop_globaltop_popupbox_policybox .title_box{width: 100%;background: #fff;height: 60px;display: flex;align-items: center;justify-content: center;position: fixed;top: 0px;left: 0px;border-radius: 16px 16px 0px 0px;}
.wop_globaltop_popupbox_policybox .title_box .title{font-size: 24px;line-height: 24px;color: #414141;font-family:'Quicksand-Bold';text-align: center;}
.wop_globaltop_popupbox_policybox .pop_content{width: 100%;height: 100%;padding: 80px 160px;display: flex;flex-direction: column;overflow-y: scroll;border-radius: 16px 16px 0px 0px;}
.wop_globaltop_popupbox_policybox .pop_content::-webkit-scrollbar {display: none;}
.wop_globaltop_popupbox_policybox .pop_content .text_content{width: 100%;height: 100%;}
.wop_globaltop_popupbox_policybox .pop_content .text_content h2{font-size: 20px;line-height: 26px;color: #414141;font-family: "Quicksand-Bold";}
.wop_globaltop_popupbox_policybox .pop_content .text_content h3{font-size: 18px;line-height: 22px;color: #414141;font-family: "Quicksand-Bold";}
.wop_globaltop_popupbox_policybox .pop_content .text_content p{font-size: 16px;line-height: 20px;color: #414141;font-family: "Quicksand-Medium";}

@media (max-width:1440px){
	.wop_globaltop_popupbox_policybox .pop_content{padding: 70px 120px;}
}

@media (max-width:840px) {
	.wop_globaltop_popupbox_policybox .title_box{height: 50px;}
	.wop_globaltop_popupbox_policybox .title_box .title{font-size: 22px;line-height: 22px;}
	.wop_globaltop_popupbox_policybox .wop_pop_content .wop_globaltop_popupbox_close{width: 24px;height: 24px;top: 16px;}
	.wop_globaltop_popupbox_policybox .pop_content{padding: 70px 30px;}
	.wop_globaltop_popupbox_policybox .pop_content .text_content h2{font-size: 18px;line-height: 22px;}
	.wop_globaltop_popupbox_policybox .pop_content .text_content h3{font-size: 16px;line-height: 20px;}
	.wop_globaltop_popupbox_policybox .pop_content .text_content p{font-size: 14px;line-height: 18px;}
}

@media (max-width:480px) {
	.wop_globaltop_popupbox_policybox .title_box{height: 48px;}
	.wop_globaltop_popupbox_policybox .title_box .title{font-size: 18px;line-height: 18px;}
	.wop_globaltop_popupbox_policybox .wop_pop_content .wop_globaltop_popupbox_close{width: 20px;height: 20px;top: 12px;}
	.wop_globaltop_popupbox_policybox .pop_content{padding: 60px 16px;}
	.wop_globaltop_popupbox_policybox .pop_content .text_content h2{font-size: 16px;line-height: 20px;}
	.wop_globaltop_popupbox_policybox .pop_content .text_content h3{font-size: 14px;line-height: 18px;}
	.wop_globaltop_popupbox_policybox .pop_content .text_content p{font-size: 12px;line-height: 18px;}
}

/* 支付结果*/
.wop_play_over{width: 100%;display: flex;flex-direction: column;align-items: center;}
.wop_play_over .status_box{width: 100%;padding: 160px 0px;display: flex;flex-direction: column;align-items: center;position: relative;}
.wop_play_over .status_succ{display: none;}
.wop_play_over .status_fail{display: none;}
.wop_play_over .status_box .img{width: 100px;height: 100px;object-fit: cover;}
.wop_play_over .status_box .p1{font-size: 24px;line-height: 28px;color: #434343;font-family:'Quicksand-Bold';text-align: center;margin-top: 30px;}
.wop_play_over .status_succ{width: 100%;height: 780px;padding: 0px;overflow: hidden;}
.wop_play_over .status_succ .status_succ_con{width: 100%;height: 100%;padding: 160px 0px;display: flex;flex-direction: column;align-items: center;background: rgba(0, 0, 0, 0.3);position: absolute;left: 0px;top: 0px;}
.wop_play_over .status_succ .imgbg{width: 100%;height: 780px;object-fit: cover;}
.wop_play_over .status_succ .p1{color: #fff;}
.wop_play_over .status_succ .alliance_box{width: max-content;padding: 24px 18px;background: #EAE8E6;border-radius: 20px;position: relative;margin-top: 40px;}
.wop_play_over .status_succ .alliance_box .t1{font-size: 22px;line-height: 28px;color: #434343;font-family:'Quicksand-Bold';text-align: center;}
.wop_play_over .status_succ .alliance_box .catbox{position: absolute;right: -108px;top: -208px;}
.wop_play_over .status_succ .alliance_box .catbox .catimg{width: 290px;height: auto;}
.wop_play_over .status_succ .alliance_box .catbox .t2{font-size: 18px;line-height: 18px;color: #434343;font-family:'Quicksand-SemiBold';position: absolute;top: 94px;right: 12px;}
.wop_play_over .status_succ .btn_box{display: flex;flex-direction: column;align-items: center;margin-top: 40px;}
.wop_play_over .status_succ .btn_box .btn{padding: 2px;border: 2px solid #EA5504;border-radius: 50px;margin-bottom: 20px;transition: all 0.5 ease-in;}
.wop_play_over .status_succ .btn_box .btn a{display: block;background: #EA5504;border-radius: 50px;width: 280px;height: 56px;text-align: center;line-height: 56px;font-size: 24px;color: #ffffff;font-family: 'Quicksand-SemiBold';}
.wop_play_over .status_succ .btn_box .btn:nth-child(2){border: 2px solid #EAE8E6;}
.wop_play_over .status_succ .btn_box .btn:nth-child(2) a{background: #EAE8E6;color: #EA5504;}
.wop_play_over .status_succ .btn_box .btn:hover{transform: scale(1.05);}

@media (max-width:1440px){
	.wop_play_over .status_box{padding: 140px 40px;}
	.wop_play_over .status_box .img{width: 90px;height: 90px;}
	.wop_play_over .status_box .p1{font-size: 22px;line-height: 26px;margin-top: 26px;}
	.wop_play_over .status_succ{height: 700px;padding: 0px;}
	.wop_play_over .status_succ .imgbg{width: 100%;height: 700px;}
	.wop_play_over .status_succ .status_succ_con{padding: 140px 40px;}
	.wop_play_over .status_succ .alliance_box{max-width: 80%;padding: 22px 18px;margin-top: 32px;}
	.wop_play_over .status_succ .alliance_box .t1{font-size: 20px;line-height: 24px;}
	.wop_play_over .status_succ .alliance_box .catbox{right: -96px;top: -184px;}
	.wop_play_over .status_succ .alliance_box .catbox .catimg{width: 260px;height: auto;}
	.wop_play_over .status_succ .alliance_box .catbox .t2{font-size: 16px;line-height: 16px;top: 82px;right: 12px;}
	.wop_play_over .status_succ .btn_box{margin-top: 32px;}
	.wop_play_over .status_succ .btn_box .btn a{width: 260px;height: 48px;line-height: 48px;font-size: 22px;}
}
@media(max-width:825px){
	.wop_play_over .status_box{padding: 120px 30px;}
	.wop_play_over .status_box .p1{font-size: 20px;line-height: 24px;margin-top: 24px;}
	.wop_play_over .status_succ{height: 680px;padding: 0px;}
	.wop_play_over .status_succ .img{width: 80px;height: 80px;}
	.wop_play_over .status_succ .p1{margin-top: 18px;}
	.wop_play_over .status_succ .imgbg{width: 100%;height: 680px;}
	.wop_play_over .status_succ .status_succ_con{padding: 120px 30px;}
	.wop_play_over .status_succ .alliance_box{max-width: 80%;padding: 20px 16px;margin-top: 32px;}
	.wop_play_over .status_succ .alliance_box .t1{font-size: 18px;line-height: 22px;}
	.wop_play_over .status_succ .alliance_box .catbox{right: -70px;top: -166px;}
	.wop_play_over .status_succ .alliance_box .catbox .catimg{width: 240px;height: auto;}
	.wop_play_over .status_succ .alliance_box .catbox .t2{font-size: 14px;line-height: 14px;top: 76px;right: 12px;}
	.wop_play_over .status_succ .btn_box{margin-top: 32px;}
	.wop_play_over .status_succ .btn_box .btn a{width: 260px;height: 44px;line-height: 44px;font-size: 18px;}
}
@media(max-width:480px){
	.wop_play_over .status_box{padding: 80px 16px;}
	.wop_play_over .status_box .img{width: 70px;height: 70px;}
	.wop_play_over .status_box .p1{font-size: 16px;line-height: 20px;margin-top: 16px;}
	.wop_play_over .status_succ{height: 600px;padding: 0px;}
	.wop_play_over .status_succ .img{width: 60px;height: 60px;}
	.wop_play_over .status_succ .p1{margin-top: 12px;}
	.wop_play_over .status_succ .imgbg{width: 100%;height: 600px;}
	.wop_play_over .status_succ .status_succ_con{padding: 80px 16px;}
	.wop_play_over .status_succ .alliance_box{max-width: 90%;padding: 12px 10px;margin-top: 110px;border-radius: 12px;}
	.wop_play_over .status_succ .alliance_box .t1{font-size: 14px;line-height: 20px;}
	.wop_play_over .status_succ .alliance_box .catbox{right: 0px;top: -124px;}
	.wop_play_over .status_succ .alliance_box .catbox .catimg{width: 180px;height: auto;}
	.wop_play_over .status_succ .alliance_box .catbox .t2{font-size: 12px;line-height: 14px;top: 50px;right: 8px;width: 120px;text-align: center;}
	.wop_play_over .status_succ .btn_box{margin-top: 28px;}
	.wop_play_over .status_succ .btn_box .btn{margin-bottom: 14px;}
	.wop_play_over .status_succ .btn_box .btn a{width: 220px;height: 42px;line-height: 42px;font-size: 16px;}
}


/* 登录页面 */
.logn_on{padding: 60px 0;}
.logn_on .main7{display: flex;align-items: center;}
.logn_on .boxli{width: 50%;border-radius: 15px 0px 0px 15px;overflow: hidden;background: #fff;height: 632px;}
.logn_on .boxli:nth-child(2){padding: 0 60px;display: flex;flex-direction: column;justify-content: center;border-radius: 0px 15px 15px 0px;}

.logn_on  h1{font-size: 36px;line-height: 30px;color: #232f3f;font-family: 'Quicksand-Bold';margin-bottom: 20px;}
.logn_on .li{width: 100%;border-bottom: 1px solid #e0e0e0;display: flex;align-items: center;justify-content: space-between;padding-bottom: 22px;padding-top: 26px;position: relative;}
/* .logn_on .li.li-active{border-bottom: 1px solid #ea5504;} */
.logn_on .li::after{content: '';position: absolute;display: block;width: 100%;height: 1px;background: #ea5504;left: 0;bottom: -1px;transition: transform .6s;-webkit-transition: transform .6s;transform: scaleX(0);will-change: transform;}
.logn_on .li.li-active:after{width:100%;left:0;transform: scaleX(1);}
.logn_on .li input{width: 100%;font-size: 16px;}
.logn_on .li .wop_small_inp{width: 60%;}
.logn_on .li .vercode {margin-top: 0px;width: 35%;line-height: 46px;}
.logn_on .li i{font-size: 18px;color: #cccccc;display: none;margin-left: auto;caret-color: rgba(0,0,0,0);cursor: pointer;}
.logn_on .li i.cur{display: block;}
.logn_on button{border: unset;background: #ea5504;color:#fff;font-size: 20px;line-height: 56px;width: 100%;cursor: pointer;transition: all .4s linear;-webkit-transition: all .4s linear;
caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius: 56px;margin-top: 40px;font-family: 'Quicksand-Regular';}
.logn_on .minlink{width: max-content;display: block;font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Regular';border-bottom: 1px solid #232f3f;margin-top: 20px;}
.logn_on .minlink:hover {color: #ea5504;border-color: #ea5504;}
.logn_on .wop_a_center{margin: 16px auto 0px;}
.wop_login_content .forget_btnbox{width: 100%;display: flex;justify-content: flex-end;}
.wop_login_content .forget_btnbox .forget_btn{margin-top: 20px;}
.logn_on .listlogon{width: 100%;display: flex;flex-wrap: wrap;margin-top: 20px;justify-content: center;}
.logn_on .listlogon .btngo{width: calc(50% - 10px);margin-right: 20px;margin-top: 20px;border: 1px solid #e0e0e0;border-radius: 56px;}
.logn_on .listlogon .btngo a{display: block;width: 100%;line-height: 46px;font-size: 16px;font-family: 'Quicksand-Regular';color: #232f3f;display: flex;align-items: center;justify-content: center;}
.logn_on .listlogon .btngo a img{display: block;margin-right: 12px;width: 20px;height: 20px;}
.logn_on .listlogon .btngo:nth-child(2n){margin-right: 0;}
.logn_on .listlogon .btngo:hover{border: 1px solid #ea5504;}

.logn_on .vercode {max-width: 140px;margin-top: 0px;width: 35%;}

.swiper-slide .img{width: 100%;height: 100%;border-radius: 15px;}
.swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.logn_on button:hover{background: #335C80;}

/* 登录页 */
.logn_on .line{display: flex;align-items: center;margin-top: 20px;}
.logn_on .line label{margin-right: 14px;cursor: pointer;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.logn_on .line p{font-size: 16px;line-height: 36px;color: #232f3f;font-family: 'Quicksand-Regular';}
.logn_on .creat{margin-top: 20px;}
.logn_on .creat a{display: inline-block;margin-top: 0;color: #ea5504;border-color: #ea5504;}
.logn_on .creat p{font-size: 16px;line-height: 30px;color: #999999;}
.logn_on.logon2 button{margin-top: 30px;}
@media(max-width:1080px){
	.logn_on .boxli{width: 50%;}
	.logn_on .boxli:nth-child(2){padding: 0px 20px;}
}
@media(max-width:769px){
	.logn_on .boxli{height: 530px;}
	.logn_on .boxli:nth-child(2){padding: 0 20px;border-radius: 8px;}
	.logn_on .boxli:nth-child(3){padding: 0 20px;}
	.logn_on h1{font-size: 24px;margin-bottom: 10px;}
	.logn_on .li{padding: 20px 0 16px;}
	.logn_on .li input{font-size: 14px;}
	.logn_on button{font-size: 14px;line-height: 42px;margin-top: 20px;}
	.logn_on .minlink{font-size: 14px;margin-top: 14px;}
	.logn_on .listlogon .btngo{width: 100%;margin-right: 0;margin-top: 10px;}
	.logn_on .listlogon .btngo a{line-height: 42px;font-size: 14px;}
	
	.logn_on .line label{margin-right: 6px;}
	.logn_on .line p{font-size: 12px;}
	.logn_on.logon2 button{margin-top: 10px;}
	.logn_on .creat{margin-top: 10px;}
	.logn_on .creat p{font-size: 14px;}
	.logon2.logn_on .minlink{margin-top: 10px;}
	.logon2.logn_on .forget_btn{margin-bottom: 10px;}
	.logn_on .li .vercode{line-height: 36px;}
}
@media(max-width:520px){
	.logn_on{padding: 60px 0;}
	.logn_on .boxli:nth-child(1){display: none;}
	.logn_on .boxli:nth-child(2){margin-left: 0px;padding: 20px 20px;}
	.logn_on .boxli:nth-child(3){margin-left: 0px;padding: 20px 20px;}
	.logn_on .boxli{width: 100%;height: auto;}
	.logn_on h1{font-size: 20px;line-height: 24px;}
	.logn_on .minlink{font-size: 12px;}
	.logn_on button{font-size: 16px;}
}


/* 购物车 底部下单条 */
.pro_bottom{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.1);padding: 5px 0;display: flex;
align-items: center;z-index: 888;bottom:-100px;opacity: 0;transition: all .4s linear;-webkit-transition: all .4s linear;}
.pro_bottom.cur{bottom: 0;opacity: 1;}
.pro_bottom .main3{display: flex;align-items: center;justify-content: space-between;max-width: 1280px;}
.pro_bottom .box{display: flex;align-items: center;}
.pro_bottom .img{width: 60px;height: 60px;border-radius: 15px;overflow: hidden;min-width: 68px;margin-right: 16px;}
.pro_bottom .img img{display: block;max-width: 100%;max-height: 100%;object-fit: cover;border-radius: 15px;}

.pro_bottom h3{font-size: 18px;line-height: 24px;color: #232f3f;font-family: 'MADETommySoft-Regular';}
.pro_bottom .one h3{padding-right: 20px;max-width: 600px;}
.pro_bottom .la h3{white-space: nowrap;}
.pro_bottom .pro_bottom_screen{border: 1px solid #e0e0e0;line-height: 35px;border-radius: 48px;width: 160px;position: relative;
padding: 0 16px;display: flex;align-items: center;justify-content: space-between;margin-right: 0px;cursor: pointer;caret-color: rgba(0,0,0,0);margin-right: 20px;}
.pro_bottom .pro_bottom_screen:last-child{margin-right:0;}
.pro_bottom .pro_bottom_screen h5{font-size: 14px;min-height: 38px;color: #232f3f;font-family: 'Quicksand-Medium';width: auto;display: flex;align-items: center;line-height: 22px;}
.pro_bottom .pro_bottom_screen h5:hover{color: #ea5504;}
.pro_bottom .pro_bottom_screen h5.cur{background: #ea5504;color: #fff;}
.pro_bottom .pro_bottom_screen h5.disable:hover {color: #888888;}
.pro_bottom .pro_bottom_screen h5.disable{color: #888888;cursor: default;text-decoration: line-through;}
.pro_bottom .pro_bottom_screen i{font-size: 14px;color: #888888;display: block;margin-left: 20px; transition: all .4s linear;
 -webkit-transition: all .4s linear;}
.pro_bottom .pro_bottom_screen .ggname {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 38px;}
.pro_bottom .pro_bottom_screen i.cur{transform:rotate(180deg);}
.pro_bottom .pro_bottom_screen .pro_bottom_screenul{position: absolute;left: 0;bottom: 55px;display: none;overflow: hidden;
border-radius: 15px;width: 100%;padding:0px;background: #fff;border: 1px solid #e0e0e0;}
.pro_bottom .pro_bottom_screen .pro_bottom_screenul h5{padding: 0 16px;}

.pro_bottom .input_num{display: flex;align-items: center;}
.pro_bottom .input_num input{width: 100px;border-radius: 35px;line-height: 35px;font-size: 14px;color: #232f3f;text-align: center;border: 1px solid #e0e0e0;}
.pro_bottom .input_num .num_btn{font-size: 26px;color: #232f3f;font-family: 'Quicksand-Regular';padding: 0px 20px 0px 10px;line-height: 48px;cursor: pointer;caret-color: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.pro_bottom .input_num .num_btn:nth-child(1) {padding: 0px 10px 0px 20px;}

.pro_bottom button{padding: 0 32px;line-height: 48px;color: #fff;background: #ea5504;border-radius: 48px;white-space: nowrap;
font-size: 18px;font-family: 'Quicksand-Bold';border: unset;cursor: pointer;caret-color: rgba(0,0,0,0);margin-left: 20px;}
.pro_bottom button:hover{background: #335C80;}
.pro_bottom button .iconfont{font-size: 20px;line-height: 20px;margin-right: 6px;}

.pro_bottom .input_num input::-webkit-outer-spin-button,
.pro_bottom .input_num input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.pro_bottom .input_num input[type="number"]{
    -moz-appearance: textfield;
}

@media(max-width:1440px){
	.pro_bottom .one h3{max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}
@media(max-width:1280px){
	.pro_bottom button{font-size: 14px;padding: 0 30px;}
	.pro_bottom .pro_bottom_screen i{margin-left: 30px;}
}
@media(max-width:1080px){
	.pro_bottom .pro_bottom_screen h5{line-height: 24px;}
	.pro_bottom .pro_bottom_screen{line-height: 40px;}
	.pro_bottom .pro_bottom_screen i{font-size: 14px;}
	.pro_bottom .input_num input{width: 80px;line-height: 40px;}
	.pro_bottom button{font-size: 14px;padding: 0 20px;line-height: 40px;margin-left: 10px;}
	.pro_bottom .input_num .num_btn{margin: 4px 0;padding: 0 10px;}
	.pro_bottom .pro_bottom_screen{margin-right: 8px;}
}
@media(max-width:991px){
	.pro_bottom .pro_bottom_screen{width: 120px;}
	.pro_bottom .box.one .img{display: none;}
	.pro_bottom .box.la h3{display: none;}
}
@media(max-width:769px){
	.pro_bottom .box.one{display: none;}
	.pro_bottom .box.la{margin-left: auto;margin-right: 20px;}
	.pro_bottom .pro_bottom_screen{width: 120px;}
	.pro_bottom .pro_bottom_screen i{margin-left: 10px;}
	.pro_bottom button{margin-left: 0;}
}
@media(max-width:550px){
	/* .pro_bottom {display: none;} */
	.pro_bottom .main3{flex-wrap: wrap;}
	.pro_bottom .box:nth-child(2){width: 100%;}
	.pro_bottom .pro_bottom_screen{flex: 1;line-height: 36px;}
	.pro_bottom .pro_bottom_screen h5{line-height: 20px;}
	.pro_bottom .pro_bottom_screen i{margin-left: auto;font-size: 12px;}
	.pro_bottom .box.la{margin-left: 0;width: calc(50% - 5px);margin-right: 5px;}
	.pro_bottom .input_num{width: 100%;}
	.pro_bottom .input_num input{width: calc(100% - 26px - 26px);}
	.pro_bottom button{width: calc(50% - 5px);}
}
@media(max-width:480px){
	.pro_bottom .pro_bottom_screen{line-height: 32px;width: 50%;}
	.pro_bottom .pro_bottom_screen h5{line-height: 20px;}
	.pro_bottom .pro_bottom_screen .pro_bottom_screenul{bottom: 44px;}
	
	.pro_bottom .box:nth-child(2){margin-bottom: 5px;}
	.pro_bottom .input_num .num_btn{line-height: 32px;margin: 0 0;}
	.pro_bottom .input_num input{line-height: 32px;}
	.pro_bottom button{line-height: 32px;width: calc(55% - 5px);}
	.pro_bottom .box.la{width: calc(45% - 5px);}
	.pro_bottom button .iconfont{font-size: 16px;line-height: 16px;}
}

/* app相关覆盖css start */
.wop_wopetlife_app .pro_bottom {padding: 5px 0 24px;}
/* app相关覆盖css end */