@media only screen and (min-width: 769px){
 .p1714m73f566b305986976{cursor: pointer;}
#s50017 { display:none; width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99999;}
#s50017>div{
    height: 100%;
}
#s50017>div>div{
    height: 100%;
}
#s50017>div>div>div{
    height: 100%;
}

.video_bg {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    opacity: 0.5;
}

#i9bb24f79fc13d934 {
    width: 900px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 20;
    background: #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#i9bb24f79fc13d934 video{
 width:100%;
 height: 100%;
 display: block;
}

.video_close {
    width: 30px;
    height: 30px;
    background: url(https://0.rc.xiniu.com/g3/M00/9D/8C/CgAH6F_kHxmAJLC5AAAE5AMaCXQ220.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    top: -30px;
    right: 0px;
    z-index: 5;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}   
}
@media only screen and (max-width: 769px){
 .p1714m73f566b305986976{cursor: pointer;}
#s50017 { display:none; width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99999;}
#s50017>div{
    height: 100%;
}
#s50017>div>div{
    height: 100%;
}
#s50017>div>div>div{
    height: 100%;
}

.video_bg {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    opacity: 0.5;
}

#i9bb24f79fc13d934 {
    width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 20;
    background: #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#i9bb24f79fc13d934 video{
 width:100%;
 height: 100%;
 display: block;
}

.video_close {
    width: 30px;
    height: 30px;
    background: url(https://0.rc.xiniu.com/g3/M00/9D/8C/CgAH6F_kHxmAJLC5AAAE5AMaCXQ220.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    top: -30px;
    right: 0px;
    z-index: 5;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
} 



.p1714m163de67597394aa7>div{position:relative;}
.prod_list_top {
    width: 36px;
    height: 36px;
    position: absolute;
    background: url("https://0.rc.xiniu.com/g3/M00/9F/94/CgAH6F_r2GGAVPg2AAAGK5PSEaw703.png") center center no-repeat;
    z-index: 100 !important;
    left: 50%;
    margin-left: -18px;
    background-size: 60% auto;
    transition: all .3s;
}
.prod_list_top.cur{
    transform: rotate(180deg);
}
.p1714m163de67597394aa7>div>div{z-index:10;}
.p1714md28c8c12810ce90f {
    display: none;
}
.p1714m163de67597394aa7>div:nth-child(3){height:0;transition:all 0.5s; overflow: hidden; position: absolute;width: 100%;}
}