.popup-window {width: 100%;height: 100%;z-index: -1;overflow: hidden;position: fixed;left: 0;top: 0;transition:all .4s ease;transform:translateY(-100%);}
.popup-window.cur {display: block;transform:translateY(0);z-index: 1111;} 
.popup-window-mark {background: rgba(0,0,0,.5);width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.popup-window-content {position: relative;background: #fff;margin: auto;width: 60%;padding: 3% 4%;overflow: hidden;transform:translate(-72%,-50%);z-index: 20;top: 50%;left:50%;}
.popup-window-content-left {float: left;width: 50%;overflow: hidden;position: relative;background: #f7f8fa;}
.popup-window-content-left img.img-center{max-width: 70%;max-height: 70%;mix-blend-mode:multiply;}
.popup-window-content-right {float: right;width: 45%;overflow: hidden;padding: 0 0 0 5%;text-align:left;}
.popup-window-content-right .riifo-title h3{font-size: 30px;}
.popup-window-content-right .riifo-text{opacity: 1;color: #1a1a1a;font-size: 16px;line-height: 26px;}
.popup-window-content-scroll {height: 320px;overflow-y: auto;margin-top:5%;padding-right: 3%;}
.popup-window-content-right .show-item {margin-bottom: 2%;overflow: hidden;}
.popup-window-content-right .show-item .title-1 {border-bottom: 1px solid #e6e6e6;padding: 18px 0;overflow: hidden;position: relative;cursor: pointer;}
.popup-window-content-right .show-item .title-1::before,.popup-window-content-right .show-item .title-1::after {content: '';position: absolute;background: #000;}
.popup-window-content-right .show-item .title-1::before {right: 0;top: 50%;width: 16px;height: 2px;margin-top: -1px;}
.popup-window-content-right .show-item .title-1::after {right: 7px;top: 50%;width: 2px;height: 16px;margin-top: -8px;}
.popup-window-content-right .show-item .title-1.cur strong{color: #f8db7d;}
.popup-window-content-right .show-item .title-1.cur::after {display: none;}
.popup-window-content-right .show-item .title-1.cur::before {background: #f8db7d;}
.popup-window-content-right .show-item .title-1 i {position: relative;display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 5px;}
.popup-window-content-right .show-item .title-1 strong{display: inline-block;vertical-align: middle;font-size: 16px;text-transform: uppercase;}
.popup-window-content-right .show-item .title-1 i img{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.popup-window-content-right .show-item .title-1.cur i img {filter:none;-webkit-filter: none}
.popup-window-content-right .show-item .main-2{padding: 2% 0;overflow: hidden;font-size: 16px;line-height: 26px;display: none;}
.popup-window-content-right .show-item .main-2 .row2 {padding: 10px 0;overflow: hidden;font-size: 14px;border-bottom: 1px solid #e6e6e6;}
.popup-window-content-right .show-item .main-2 .row2 span {display: inline-block;vertical-align: middle;width: 49%;}
.popup-window-content-right .show-item .main-2 .row2 strong {display: inline-block;vertical-align: middle;width: 49%;text-align: right;}
.popup-window-content-right .show-item .main-2 .lirow2 {margin-top: 2%;overflow: hidden;}
.popup-window-content-right .show-item .main-2 .lirow2 li{float: left;width: 50%;margin-bottom: 1%;list-style: none;padding-left: 15px;position: relative;box-sizing: border-box;}
.popup-window-content-right .show-item .main-2 .lirow2 li::before {content: '';width: 4px;height: 4px;position: absolute;border: 2px solid #000;border-radius: 100%;left: 0;top: 9px;}
.popup-window-content-scroll::-webkit-scrollbar{height:4px; width:2px;background: #d7d9dc;}
.popup-window-content-scroll::-webkit-scrollbar-button{height:0; width:5px;background: #d7d9dc;}
.popup-window-content-scroll::-webkit-scrollbar-thumb{background-color:#333;box-shadow:inset 1px 1px 0 #333,inset 0 -1px 0 #333;}
.popup-close {background: #f8db7d url('../images/xxb.png') center no-repeat;width: 60px;height: 60px;position: absolute;top: 0;right: 0;z-index: 11;cursor: pointer;}
.popup-close:hover {background: #b4000f url('../images/xxb.png') center no-repeat;}
.popup-window-content-left .popup-window-content-left.popup-window-content-left-pic-swiper {overflow: hidden;}
.popup-window-content-left .popup-window-content-left-pic-swiper .img {background-color: transparent;}
.popup-window-content-left .popup-window-content-left-pic-swiper img.img-center{max-width: 100%;max-height: 100%;mix-blend-mode:normal;}
.popup-window-content-left-pic-swiper .popup-next,.popup-window-content-left-pic-swiper .popup-prev {left: auto;right: 0;width: 60px;height: 60px;margin: 0;top: auto;bottom: 0;opacity: 1;}
.popup-window-content-left-pic-swiper .popup-next::after,.popup-window-content-left-pic-swiper .popup-prev::after {display: none;}
.popup-window-content-left-pic-swiper .popup-next {right: 0;background: #f8db7d url('../images/right3.png') center no-repeat;}
.popup-window-content-left-pic-swiper .popup-prev {right: 60px;background: #ccc url('../images/lefth3.png') center no-repeat;}
.riifo-text-2 {font-size: 16px;line-height: 32px;padding: 2% 0 4% 0;overflow: hidden;}
.riifo-text-3 {font-size: 16px;line-height: 32px;padding: 4% 0;overflow: hidden;border-top: 1px solid #e6e6e6;}

.detail-text {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 11;background: #fff;width: 28%;padding: 3%;overflow: hidden;}
.detail-text-swiper {overflow: hidden;position: relative;}
.detail-text-item {overflow: hidden;position: relative;}
.detail-text-item .icon-1 {position: relative;width: 50px;height: 50px;}
.detail-text-item .title-1 {margin-top: 3%;font-size: 30px;font-weight: bold;}
.detail-text-item .title-1::after {content: '';display: block;width: 50px;height: 3px;margin: 20px 0;background: #f8db7d;}
.detail-text-item .text-2 {font-size: 18px;line-height: 30px;color: #666666;}
.pic-point {position: absolute;left: 50%;bottom: 10%;z-index: 11;width: 180px;text-align: center;cursor: pointer;}
.pic-point strong{display: block;margin: 0;padding: 0;width: 50px;height: 50px;margin: 10px auto;overflow: hidden;position: relative;transition:all .4s ease;}
.pic-point strong::after {content: '';width: 50px;height: 50px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: rgba(230, 0, 0,.4);}
.pic-point i{display: block;width: 30px;height: 30px;position: relative;background-color: rgba(230, 0, 0,.6);border-radius: 100%;margin: 10px;}
.pic-point i::before,.pic-point i::after {content: '';width: 10px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 11;}
.pic-point i::after {width: 2px;height: 10px;}
.pic-point span{display: block;font-size: 18px;color: #fff;}
.pic-point.point1 {left: 52%;bottom: 27%;}
.pic-point.point2 {left: 80%;bottom: 30%;}
.pic-point.point3 {left: 85%;bottom: 15%;}
.pic-point:hover strong{transform: rotate(135deg);}
.pic-point.point1 strong::after {animation: yuanfangda 1500ms infinite ease;}
.pic-point.point2 strong::after {animation: yuanfangda 2000ms infinite ease;}
.pic-point.point3 strong::after {animation: yuanfangda 2500ms infinite ease;}
@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.7);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.3);opacity: 0;}}
.pic-point.cur i{background-color: rgba(230, 0, 0,1);}
.popup-window-content video {display: block;width: 100%;}

@media screen and (max-width: 1500px) {	
	.popup-window-whatwecare-item .text {padding-top: 0;}
	.popup-window-whatwecare-item .title-2,.popup-window-whatwecare-item .text-3 {font-size: 14px;line-height: 22px;}
	.popup-window-whatwecare-item .title-1 {font-size: 16px;padding-bottom: 10px;}
	.popup-window-whatwecare-item .title-2 {padding: 10px 0 10px 0;}
}
@media screen and (max-width: 1440px) {
	.riifo-product-detail-content .text .riifo-text .text-2,.riifo-product-overview-item .title-2,.riifo-product-overview-nav a,.popup-window-content-right .show-item .title-1 strong,.riifo-product-download-right-item .title-2 {font-size: 14px;}
	.popup-window-content {width: 74%;padding: 3%;transform: translate(-62%,-50%);}
	.popup-window-content-right .riifo-text,.popup-window-content-right .show-item .main-2 {font-size: 12px;line-height: 22px;}
	.popup-window-content-right {padding:2% 0 0 5%;}
	.popup-window-content-right .show-item .main-2 .lirow2 li::before {top: 6px;}
}
@media screen and (max-width: 1000px) {
	.popup-window-content {width:100%;padding:0;transform:none;top: 0;left: 0;height: 100%;box-sizing: border-box;overflow:auto;}
	.popup-window-content-left,.popup-window-content-right,.riifo-product-index-text {width: 100%;box-sizing: border-box;}
	.popup-window-content-right {padding: 5%;}
	.popup-window-content-right .riifo-title h3 {font-size: 24px;}
	.popup-window-whatwecare-list {width: 90%;padding: 5% 5%;}
	.popup-window-whatwecare-item {float: none;width: 100%;margin-right: 0;}
	.popup-window-whatwecare-item .title-2,.popup-window-whatwecare-item .text-3 {font-size: 12px;line-height: 20px;}
	.popup-window-content-scroll {height:auto;margin-top: 5%;padding-right:0;overflow: hidden;}
}