.side_tankuan{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 150;background: rgba(0,0,0,0.3);display:none;opacity:0;pointer-events: none;}
.ewm-cover{background:#fff;width:auto;height:auto;padding:2%;border-radius: 5px;position: fixed;left: 50%;top: 50%;margin-left:-109px;margin-top:-132px;}
.ewm-cover::before{content:'';position:absolute;width:100%;text-align:center;left:0;bottom:50px;font-size:12px;opacity:.5}
.side_tankuan.active{display:block;opacity:1!important;pointer-events:all!important}
.ewm-cover img{width:150px;height:150px;display:block;background-color:#fff;margin: 0px auto 10px;}
.ewm-cover p{text-align:center;}
.side_tankuan .kf_close{cursor: pointer;float:right;width:15px;height:15px;position: absolute;right: 15px;top: 15px;}
.side_tankuan .kf_close img{width:100%;display:block;}
.ewm-cover .item{display: none;}
.ewm-cover .on{display:block !important;}

@media (max-width:980px) {
.ewm-cover{padding:8%;}
}

.sidenav { position: fixed;left: 1%;bottom: 280px;z-index: 10; display:none;}
.sidenav ul li{margin-bottom:10px;border-radius:3px;overflow: hidden;border:1px #344ad7 solid;background:#fff;}
.sidenav ul li p{ display:block;padding:3px 15px;font-size:14px;text-align:center; line-height:28px;color:#344ad7;cursor: pointer;}  
.sidenav ul li.on{background: linear-gradient(45deg, #713fde 0%, #075bff 100%); color:#fff;} 
.sidenav ul li.on p{color:#fff;}
.sidenav ul li p i{margin-right:5px;}
.sidenav ul li:hover{border:1px rgb(255 255 255 / 0%) solid;}
.sidenav ul li.on2:hover p{color:#fff;}
.sidenav ul li:hover{background: linear-gradient(to right, #805af5, #cd99ff); color:#fff;}
.sidenav .ico1 p{background:url(../images/side_ico1.png) no-repeat left center;background-size: contain;padding-left:35px;}
.sidenav .ico2 p{background:url(../images/side_ico2.png) no-repeat left center;background-size: contain;padding-left:35px;}
.sidenav .ico3 p{background:url(../images/side_ico3.png) no-repeat left center;background-size: contain;padding-left:35px;}
.sidenav .ico3:hover p{background:url(../images/side_ico3_on.png) no-repeat left center;background-size: contain;padding-left:35px;}
.sidenav .ico4 p{background:url(../images/side_ico4.png) no-repeat left center;background-size: contain;padding-left:35px;}
.sidenav .ico4:hover p{background:url(../images/side_ico4_on.png) no-repeat left center;background-size: contain;padding-left:35px;}
.sidenav .ico5 p{background:url(../images/side_ico5.png) no-repeat left center;background-size: contain;padding-left:35px;}
.sidenav .ico5:hover p{background:url(../images/side_ico5_on.png) no-repeat left center;background-size: contain;padding-left:35px;}
@media (max-width:1440px) {.sidenav ul li p{font-size:12px;padding:0 10px;}}
@media (max-width:960px) {.sidenav{display:none !important;}}