*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0px;padding:0px;-webkit-tap-highlight-color:transparent;}
html{font-family:"ui-sans-serif","system-ui","-apple-system","Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans","sans-serif",BlinkMacSystemFont,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#333;font-size:62.5%; /*也就是10px(1em=1rem=10px) 默认是16px(1em=1rem=16px)*/ }
@media screen and (max-width:1270px){
  html{font-size:50%;}
}
@media screen and (max-width:992px){
  html{font-size:40%;}
}
@media screen and (max-width:768px){
  html{font-size:31.25%; /*也就是5px(1em=1rem=5px)*/}
}

body{position: relative; width:100%; /*max-width: 1920px;*/ margin: 0 auto; background-color:#F4F7F6;font-size:1.4rem;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#0097e5;text-decoration:none;}
img{display: block; max-width:100%;}
ul,li{display:block;list-style:none;padding-inline-start:0px;}
input,textarea,input:focus,select,button,button:focus{border:none;outline:none;}
input::-webkit-input-placeholder{color:#ccc;font-size:1.4rem;}
input:-moz-placeholder{color:#ccc;font-size:1.4rem;}
input::-moz-placeholder{color:#ccc;font-size:1.4rem;}
input:-ms-input-placeholder{color:#ccc;font-size:1.4rem;}
*::-webkit-input-placeholder{color:#666;font-size:1.4rem;}
*:-moz-placeholder{color:#666;font-size:1.4rem;}
*::-moz-placeholder{color:#666;font-size:1.4rem;}
*:-ms-input-placeholder{color:#666;font-size:1.4rem;}

/*滚动条样式*/
/* .scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #202239;
    background: #202239;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px transparent;
    border-radius: 0;
    background: transparent;
} */
.flex{display: flex;align-items: center;}
.hide{display: none!important;}
.show{display: block!important;}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.swiper-button-disabled{opacity: 0.5;}

.help-tips{position: relative; padding-left: 4px;padding-right: 4px;color: #FFB95E;}
.help-tips .iconfont{color: #FFB95E;font-size: 14px;cursor: pointer;}
.help-tips:hover .iconfont{color: #FFB95E;}

/*日志*/
.logBtn{position: fixed;right:40%;bottom: 10px;z-index: 1001;width: 80px;line-height: 30px;color: #fff;font-size: 12px; background-color: #EE7701;border-radius: 5px;text-align: center;}
.printLog{display: none; position: fixed;top:0;left: 0;z-index: 1000;width: 90%;height: 80%;overflow-y: auto; color: red;background-color: rgba(0,0,0,0.7);word-wrap: break-word;word-break: normal;}
.printLog div{padding-left: 10px; padding-top: 10px; color: #ddd;font-size: 12px;}

.nav-box{position: fixed;z-index: 1000; width: 100%; /*max-width: 1920px;*/ height: 65px;line-height: 64px; padding: 0px 20px;color: #fff;font-size: 1.4rem; border-bottom: 1px solid #aaa;background-color: #100D20;}
.nav-box .nav-mc{justify-content:space-between;position: relative;z-index: 2;margin: auto;padding: 0;}
.nav-box .logo{height: 22px;}
.nav-box .nav .sp[page="material"]{display: none;}
.nav-box .nav .sp{position: relative;height: 66px; padding: 0 12px;}
.nav-box .nav .sp>a{padding: 0 4px 6px 4px;color: #fff;font-size: 1.4rem; border-bottom: 2px solid transparent;cursor:pointer;}
.nav-box .nav .sp:hover>a,.nav-box .nav .sp.on>a{color: #5085fa;}
.nav-box .nav .sp .btn-fabu{position: relative; display: inline-block;padding-bottom: 0;}
.nav-box .nav .sp:hover .btn-fabu{border-bottom: 2px solid transparent;}
.nav-box .nav .sp .btn-fabu .nm{display:inline-block;height:28px;line-height:28px;padding:0 10px;color:#fff;background-color:#5085fb;border-radius: 6px;cursor:pointer;}
.nav-box .nav .sp .btn-fabu .nm .iconfont{margin-right: 3px;font-size: 14px;}
.nav-box .nav .sp .btn-fabu .nm:hover{opacity: .8;}
.nav-box .nav .sp .btn-fabu .sle-fabu{position: absolute;top: 100%;width: 280px; left: 50%;transform: translateX(-50%);background-color: #fff;border-radius: 6px;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);padding: 16px;display: none;}
.nav-box .nav .sp .btn-fabu:hover .sle-fabu{display: block;}
.nav-box .nav .sp .btn-fabu .sle-fabu::before{content: "";position: absolute;top: -7px;left: 50%;width: 0;height: 0;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;}
.nav-box .nav .sp .btn-fabu .sle-fabu .option-d{width:auto;color: #333; text-align: center;display: flex;flex-wrap: wrap;position: relative;}
.nav-box .nav .sp .btn-fabu .sle-fabu .option{display:block;width:calc(100% / 3);line-height:35px;color:#333;font-size:1.2rem;text-align: left; background-size:auto 20px;background-repeat:no-repeat;background-position:12px center;cursor: pointer;text-align: center;padding-top: 10px;margin-top: 0;margin-bottom: 10px;transition: all .2s;border-radius: 6px;}
.nav-box .nav .sp .btn-fabu .sle-fabu .option.metaverse{background: url('../img/hot2.png') no-repeat 0 0/27px auto;}
.nav-box .nav .sp .btn-fabu .sle-fabu .option img{margin: auto;display: block;width: 32px;height: 32px;}
.nav-box .nav .sp .btn-fabu .sle-fabu ul{padding-top: 6px;}
.nav-box .nav .sp .btn-fabu .sle-fabu li{line-height:normal;background:#F6FAFE;border-radius:8px;padding:12px;}
.nav-box .nav .sp .btn-fabu .sle-fabu li .h{color: #223242;margin-bottom: 3px;font-size: 14px;text-align: left;font-weight: normal;padding: 0;}
.nav-box .nav .sp .btn-fabu .sle-fabu li .p{font-size: 12px;color: #728292;}
.nav-box .nav .sp .btn-fabu .sle-fabu li{cursor: pointer;transition: all .2s;}
.nav-box .nav .sp .btn-fabu .sle-fabu li+li{margin-top: 10px;}
.nav-box .nav .sp .btn-fabu .sle-fabu li:hover{background: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06), 0px 0px 10px 0px rgba(0,0,0,0.06);}
.nav-box .nav .sp .btn-fabu .sle-fabu li .iconfont{margin-right:12px;font-size:26px;padding:6px;border-radius:10px;}
.nav-box .nav .sp .btn-fabu .sle-fabu li .icon_pencil-ruler-2-line{background: rgba(109,212,0,0.1);color: #6DD400;}
.nav-box .nav .sp .btn-fabu .sle-fabu li .icon_paint-brush-line{background: rgba(50,197,255,0.1);color: #0091FF;}
/* .nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(2){background-image:url('../img/material66.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(3) {background-image: url('../img/material67.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(4){background-image:url('../img/material61.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(5){background-image:url('../img/material64.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(6){background-image:url('../img/material62.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(7){background-image: url('../img/material63.png');} */
.nav-box .nav .sp .btn-fabu .sle-fabu .option:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06), 0px 0px 10px 0px rgba(0,0,0,0.06);}
.nav-box .nav .vLine{position: absolute;left: 0;top: 41%;z-index: 1;width: 2px;height: 10px;background-color: #aaa;}
.nav-box .info{align-items: initial;height: 64px;}
.nav-box .info .light-btn{background-color: rgba(0, 0, 0, 0.1);border-radius: 50px;padding: 0 6px;height: 24px;line-height: 24px;display: inline-block;color: #333;}
.nav-box .info .light-btn .iconfont{margin-right: 4px;}
.nav-box .info .light-btn .mount{background: url('../img/sell/ggao.png') no-repeat 0 50%/16px auto;display: inline-block;width: 16px;height: 16px;margin-right: 6px;vertical-align: -2px;}
.nav-box .info .light-btn:hover{opacity: .9;}
.nav-box .info .copyright-btn{margin-left:10px;margin-right:3px;}
.nav-box .info .ordercar{position: relative;margin-left: 6px;}
.nav-box .info .ordercar .iconfont{font-size: 18px;margin-right: 4px;}
.nav-box .info .ordercar .cart{background: url('../img/sell/cart.png') no-repeat 0 50%/23px auto;display: inline-block;width: 23px;height: 100%}
.nav-box .info .copyright-btn,.nav-box .info .ordercar{display: none;}
.nav-box .info .ordercar:hover span{opacity: .9;}
.nav-box .info .ordercar .count{position: absolute;background-color: #FF8700;padding: 0 7px;border-radius: 50px;top: 10px;right: -12px;line-height: 18px;color: #fff;font-size: 12px;}
.nav-box .info .spp{padding: 0 16px;}
.nav-box .info .sj{display: none; position:absolute;left:18%;bottom:0;z-index: 2; width: 20px;height: 20px;background-image:url('../img/spirit.png?ver=11');background-size:560px auto;background-repeat: no-repeat;background-position: -424px -363px;}
.nav-box .info .ser{width: 40px;justify-content: center;}
.nav-box .info .ser span{width: 22px;height: 22px;background-image:url('../img/spirit.png?ver=11');background-size:480px auto;background-repeat: no-repeat;background-position: -34px -105px;}
.nav-box .info .ser:hover span,
.nav-box .info .ser.on span{background-position: 1px -105px;}
.nav-box .info .msg{position: relative; font-size: 1.4rem;cursor: pointer;padding: 0 10px;}
.nav-box .info .msg .icon{width: 22px;height: 22px;background-image:url('../img/spirit.png?ver=11');background-size:380px auto;background-repeat: no-repeat;background-position: -182px -82px;}
.nav-box .info .msg:hover .icon{background-size:370px auto;background-position: -208px -80px;}
.nav-box .info .msg .flex{height: 100%;justify-content: center;}
.nav-box .info .msg .flex:hover{color: #5085fb;}
.nav-box .info .msg .sj{left: 21%;}
.nav-box .info .sp{padding: 0 6px;}
.nav-box .info .iconfont{margin-right: 0;}
.nav-box .vip{margin-left: 0px;}
.nav-box .vip .flex{height: 30px;padding: 0 12px;border-radius: 28px; /*background-color: #FF7635;*/}
.nav-box .vip .icon{position: relative; width: 15px;height: 15px;background-image:url('../img/24.png');background-size:15px auto;background-repeat: no-repeat;background-position: center;}
.nav-box .vip .txt{padding-left: 6px; color:#fff;font-size: 13px;}
.nav-box .vip.onVip:hover .flex{background-color: rgb(210,118,53);}
.nav-box .vip.onVip .tips-d{left:-111%; top:36px;height: 42px;min-width: 132px;font-size: 12px;}
.nav-box .vip.onVip .tips-d .sj{display: block; position:absolute;left:49%;top:-10px;width:0;height:0;line-height:0;overflow:hidden;font-size:0;border-width:5px;border-color:transparent transparent #403E4C transparent;border-style:dashed dashed solid dashed;}
.nav-box .vip.onVip:hover .tips-d{display: block;}
/* .nav-box .info .msg:hover .sj{display: block;} */
.nav-box .info .lgn{width: 70px;justify-content: center;cursor: pointer;}
.nav-box .info .lgn:hover{color: #5085fa;}
.nav-box .info .reg{margin-left: 8px;}
.nav-box .info .reg span{line-height: 15px; padding-left: 12px; border-left:1px solid #fff;}
.nav-box .info .user{position: relative;margin-left: 6px;}
.nav-box .info .user .flex{height: 100%;}
.nav-box .discount-tips{position: relative;height: 64px;}
.nav-box .discount-tips >img{max-width: 105px;transform: translateY(-2px);}
.nav-box .discount-tips .dropdown-panel{position:absolute;top:100%;width:332px;background:linear-gradient(119deg,#EBA00C 0%,#D14700 100%);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.06),0px 2px 20px 0px rgba(0,0,0,0.2),0px 2px 10px 0px rgba(0,0,0,0.1);border-radius:10px;padding:16px;line-height:normal;color: #fff;left: 50%;transform: translateX(-50%);display: none;}
.nav-box .discount-tips .dropdown-panel .name{font-size: 16px;}
.nav-box .discount-tips .dropdown-panel .des{font-size: 12px;margin: 12px 0 16px;}
.nav-box .discount-tips .dropdown-panel .li{border-radius:8px;}
.nav-box .discount-tips .dropdown-panel .li a{padding: 16px;}
.nav-box .discount-tips .dropdown-panel .li{background:rgba(255,255,255,0.9);}
.nav-box .discount-tips .dropdown-panel .li:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);background: #fff;}
.nav-box .discount-tips .dropdown-panel .li+.li{margin-top: 12px;}
.nav-box .discount-tips .dropdown-panel .h1{text-shadow:0px 0px 20px rgba(0,0,0,0.06);background:linear-gradient(131deg,#FCAD62 0%,#FF591F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-box .discount-tips .dropdown-panel .h2{text-shadow:0px 0px 20px rgba(0,0,0,0.06);background:linear-gradient(247deg,#532C09 0%,#B58A46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-box .discount-tips .dropdown-panel .h3{text-shadow:0px 0px 20px rgba(0,0,0,0.06);background:linear-gradient(302deg, #5361FA 0%, #F69C48 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-box .discount-tips .dropdown-panel .h{font-size: 16px;margin-bottom: 4px;padding: 0;}
.nav-box .discount-tips .dropdown-panel .h img{margin-left: 4px;}
.nav-box .discount-tips .dropdown-panel .p{color: #223242;font-size: 12px;}
.nav-box .discount-tips .dropdown-panel .img{max-width: 42px;margin-right: 16px;}
.nav-box .discount-tips .dropdown-panel::before{content: "";width:0;height:0;border-width:0 6px 7px;border-style:solid;border-color:transparent transparent #E27F08;top:-7px;left:50%;transform:translateX(-50%);position: absolute;}
.nav-box .discount-tips:hover .dropdown-panel{display: block;}



/* .nav-box .info .user:hover .sj{display: block;} */
.nav-box .info .head-img{display: flex;line-height: normal;align-items: center;background: #CBD6F1;border-radius: 6px!important;padding: 0 8px;height: 28px;}
.nav-box .info .head-img img{width: 21px;height: 21px;border-radius: 6px;opacity: 1;margin-right: 6px;}
.nav-box .info .head-img:active,.nav-box .info .head-img:visited{color: #333;}
.nav-box .info .head-img:hover{background:#5085fb;color: #fff;}
.nav-box .info .app{position: relative;padding-left: 16px;}
.nav-box .info .app .btn-app{display:inline-block;height:32px;line-height:32px;padding:0 18px;color:#fff;background-color:#5085fb;border-radius:20px;cursor:pointer;}
.nav-box .info .app .ewm-d{display: none; position: absolute;top: 0;right: -15px;padding-top: 55px;}
.nav-box .info .app:hover .ewm-d{display: block;}
.nav-box .info .app .ewm-d .mc{width: 120px;padding: 7px 7px;background-color: #fff;color: #333;border-radius: 8px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1); text-align: center;}
.nav-box .info .app .ewm-d .ewm{width: 100%;}
.nav-box .info .app .ewm-d .txt{line-height: 18px; padding-top: 5px; font-size: 14px;}

.nav-box .user-panel{position: absolute;top: 56px;right: 0;z-index: 1;line-height: 20px;border-radius: 12px;box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.06); background-color: #fff;width: 420px;overflow: hidden;display: none;}
.nav-box .info .user:hover .user-panel{display: block;}
.nav-box .user-panel .txts{margin-left: -80px;}
.nav-box .user-panel .user-info{padding: 10px 16px;justify-content: space-between;}
.nav-box .user-panel.v1 .user-info{background: linear-gradient(224deg, #232330 0%, #696A71 100%);}
.nav-box .user-panel.v2 .user-info{background-image:url('../img/vip/bg.jpg');background-size: cover;}
.nav-box .user-panel.v3 .user-info{background-image:url('../img/vip/bg2.jpg');background-size: cover;}
.nav-box .user-panel.v1 .name,.nav-box .user-panel.v1 .des,.nav-box .user-panel.v2 .name,.nav-box .user-panel.v2 .des{color: #fff;}
.nav-box .user-panel .img-d{display: block; position: relative; width: 64px;height: 64px;border-radius: 8px;overflow: hidden;}
.nav-box .user-panel .img-d:hover{border:2px solid #5085fb;}
.nav-box .user-panel .img-d img{width: 100%;height: 100%;}

.nav-box .user-panel .img-d .icon{position: absolute;right: 0;bottom: 0;z-index: 1; width: 15px;height: 15px;background-image:url('../img/24.png');background-size:15px auto;background-repeat: no-repeat;background-position: center;}
.nav-box .user-panel .img-d .tips-d{position:absolute;left:-384%;top:22px;z-index:1;height:42px;min-width:132px;font-size:12px;}
.nav-box .user-panel .img-d .tips-d .sj{display: block; position:absolute;left:46%;top:-10px;width:0;height:0;line-height:0;overflow:hidden;font-size:0;border-width:5px;border-color:transparent transparent #403E4C transparent;border-style:dashed dashed solid dashed;}
.nav-box .user-panel .img-d:hover .tips-d{display: block;}

.nav-box .user-panel .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-box .user-panel .name{display: block; padding-top: 4px; color: #223242;font-size: 1.6rem;width: 72px;font-size: 18px;font-weight: bold;margin-bottom: 6px;}
.nav-box .user-panel .name:hover{color:#5085fb;}
.nav-box .user-panel .cou-d{padding: 10px 0 0 0;}
.nav-box .user-panel .cou-d .cou{margin-right: 16px;font-size: 1.2rem;color: #5085fa;cursor: pointer;}
.nav-box .user-panel .cou-d .cou:hover{opacity: 0.6;}
.nav-box .user-panel .cou-d .cou .icon{width: 20px;height: 20px;margin-right: 4px;background-image:url('../img/spirit.png?ver=11');background-size:320px auto;background-repeat: no-repeat;background-position: -185px -205px;}
.nav-box .user-panel .cou-d .cou:nth-child(2){color: #fead06;}
.nav-box .user-panel .cou-d .cou:nth-child(2) .icon{background-position: -153px -204px;}
.nav-box .user-panel .cou-d .cou:nth-child(3){margin-right: 0; color: #ff696c;}
.nav-box .user-panel .cou-d .cou:nth-child(3) .icon{background-position: -120px -204px;}
.nav-box .user-panel .ul{padding: 4px;background: #F3F5F7;border-radius: 8px;}
.nav-box .user-panel .ul a span{display: block;margin-top: 4px;}
.nav-box .user-panel .ul a i{font-size: 28px;}
.nav-box .user-panel .ul a{display: block;flex: 1; color: #333;font-size: 1.4rem;text-align: center;padding: 10px 6px 6px;}
.nav-box .user-panel .ul a:hover{color:#5085fb;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);/*transform:translateY(-1px);*/background: #fff;border-radius: 6px;}
.nav-box .user-panel .exit{margin: 12px 0 0px;padding: 12px 0px;text-align: center;background: #F3F5F7;border-radius: 8px;}
.nav-box .user-panel .exit-btn{display: inline-block;height: 20px;line-height: 20px;padding: 0 10px;color: #999;font-size: 1.4rem;border-radius: 20px;cursor: pointer;}
.nav-box .user-panel .exit-btn:hover{color:#5085fb;}
.nav-box .user-panel .exit-btn .iconfont{font-size: 16px; margin-right: 6px;color:#999;}
.nav-box .user-panel .exit-btn:hover .iconfont{color:#5085fb;}
.nav-box .user-panel .des{width: 150px;font-size: 12px;color: #425262;}
.nav-box .user-panel .user-info .bn{width:52px;height:32px;background:#307AF2;border-radius:6px;text-align:center;line-height:32px;display:inline-block;color: #fff;cursor: pointer;padding: 0;font-weight: normal;}
.nav-box .user-panel .user-info .bn:hover{opacity: .9;}
.nav-box .user-panel .user-info .icon{width: 21px;height: 21px;margin-left: 6px;position: relative;cursor: pointer;}
.nav-box .user-panel .user-info .icon-pano{background-image:url('../img/vip/vr_vip_0.png')}
.nav-box .user-panel .user-info .icon-metaverse{background-image:url('../img/vip/m_vip_0.png')}
.nav-box .user-panel .user-info .icon-pano.on{background-image:url('../img/vip/vr_vip.png')}
.nav-box .user-panel .user-info .icon-metaverse.on{background-image:url('../img/vip/m_vip.png')}
.nav-box .user-panel .user-info .icon .tip{position: absolute;white-space: nowrap;padding: 4px 10px;background: #fff;border-radius: 6px;top: 30px;left: 50%;transform: translate(-50%);text-align: center;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);display: none;}
.nav-box .user-panel .user-info .icon .tip::before{content: "";position:absolute;width:0;height:0;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #fff;top:-6px;left:50%;transform:translateX(-50%)}
.nav-box .user-panel .user-info .icon:hover .tip{display: block;}
.nav-box .user-panel .table{margin-bottom: 20px;}
.nav-box .user-panel .table .tr{justify-content: space-between;}
.nav-box .user-panel .table .tr+.tr{margin-top: 20px;}
.nav-box .user-panel .table .iconfont{margin-right: 8px;font-size: 18px;}
.nav-box .user-panel .table .img-icon{margin-right: 8px;max-width: 18px;}
.nav-box .user-panel .table .bn{width:52px;height:28px;background:#F2F4F6;border-radius:6px;text-align:center;line-height:28px;margin-left: 16px;color: #307AF2;cursor: pointer;padding: 0;font-weight: normal;}
.nav-box .user-panel .table .bn:hover{color: #fff;background:#5085fb;}
.nav-box .user-panel .table .t{color: #666;}
.nav-box .user-panel .table .t span{font-size: 18px;font-weight: 600;}
.nav-box .user-panel .table .t1 span{color: #26B191;}
.nav-box .user-panel .table .t2 span{color: #0091FF;}
.nav-box .user-panel .table .t3 span{color: #F7B500;}
.nav-box .user-panel .table .tr .icon{color: #23B090;}
.nav-box .user-panel .table .tr .icon2{background: linear-gradient(180deg, rgba(252,173,98,0.4) 0%, #FF591F 100%);}
.nav-box .user-panel .table .tr .icon3{color: #F7B500;}
.nav-box .user-panel .wrap{padding: 25px 20px 16px;}


.nav-box .msg-panel{display: none; position: absolute;top: 56px;right: -15px;z-index: 1;line-height: 20px; padding: 16px 10px;border-radius: 12px;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06); background-color: #fff;}
.nav-box .info .msg:hover .msg-panel{display: block;}
.nav-box .msg-panel .ul{width: 300px;}
.nav-box .msg-panel .ul .li{padding:10px;color:#333;font-size:1.4rem;border-radius:6px;}
.nav-box .msg-panel .ul .li:hover{box-shadow:0 0 26px rgba(0,61,131,.1);transform:translateY(-1px);}
.nav-box .msg-panel .img-d{width: 45px;height: 45px;}
.nav-box .msg-panel .img-d img{width: 100%;height: 100%;overflow: hidden;border-radius: 2px;}
.nav-box .msg-panel .txts{flex:1; padding-left: 15px;}
.nav-box .msg-panel .txts .name{align-content:space-around;justify-content: space-between;padding: 0;}
.nav-box .msg-panel .txts .name .tm{color: #999;}
.nav-box .msg-panel .txts .tips{padding-top: 5px;color: #999;}
.nav-box .msg-panel .more{padding: 12px 0; text-align: center;}
.nav-box .msg-panel .a-more{color: #5085fb;}
.nav-box .msg-panel .a-more:hover{text-decoration: underline;}

.nav-box .search-mc{display: none; position: absolute;left: 50%;top:75px;z-index: 1;width: 848px;line-height: 20px; padding: 24px; background-color: #fff;text-align: center;opacity: 0;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);transform: translateX(-50%);border-radius: 18px;}
.nav-box .search-mc .ser{flex-shrink: 0;background: #307AF2;border-radius: 8px;padding: 6px 18px;color: #fff;font-size: 16px;cursor: pointer;}
.nav-box .search-mc .ser:hover{opacity: .9;}
.nav-box .search-mc .inp{width: 100%;color: #aaa;border:none;padding: 6px 12px;}
.nav-box .search-mc .inp-div{border: 1px solid #307AF2;border-radius: 10px;padding: 2px;flex: 1;}
.nav-box .search-mc .inp-div:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 4px rgba(80, 133, 251, 0.2);}
.nav-box .search-mc .close{margin-left: 16px;font-size: 24px;cursor: pointer;}
.nav-box .search-mc .close:hover{color: #5085fa;}
.nav-box .search-mc .lab{text-align: left;color: #627282;margin: 25px 0 0;}
.nav-box .search-mc .tags-box .list{flex-wrap: wrap;margin: 0 -8px;}
.nav-box .search-mc .tags-box .list .li{flex-basis: calc(100% / 5 - 16px);margin: 0 8px;text-align: center;height: 56px;border-radius: 8px;backdrop-filter: blur(1px);cursor: pointer;line-height: 56px;background-size: cover;background-position: center;color: #fff;margin-top: 16px;}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(1){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/qyyx.png');}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(2){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/zhzl.png');}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(3){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/yswb.png');}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(4){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/djzw.png');}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(5){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/jypx.png');}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(6){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/gyxc.png');}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(7){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/yyzkj.png');}
.nav-box .search-mc .tags-box .list[name=tag1] .li:nth-child(8){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/all.png');}

.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(1){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/rw.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(2){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/dwycw.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(3){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/ycyls.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(4){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/swyyl.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(5){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/clyys.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(6){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/jjyjj.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(7){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/ssyfs.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(8){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/ysycx.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(9){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/wqyjs.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(10){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/dzyqx.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(11){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/ydyjs.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(12){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/lyyjd.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(13){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/jzyzt.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(14){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/yxydm.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(15){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/kxyjs.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(16){background-image: url('https://front.ciip.com/wasee/VRHome/img/3dmodel/qxsy.png');}
.nav-box .search-mc .tags-box .list[name=tag2] .li:nth-child(17){background-image: url('https://front.ciip.com/wasee/VRHome/img/xnzt/all.png');}
.nav-box .search-mc .tags-box .list .li:hover{transition: all .3s;transform: scale(1.02);}

.nav-box .search-mc .history{padding-top: 18px;text-align: left;}
.nav-box .search-mc .history .sp{display: inline-block;height: 26px;line-height: 26px;padding: 0 16px;margin-right: 16px;color: #223242; background-color: #F4F8FB;border-radius: 20px;cursor: pointer;}
.nav-box .search-mc .history .sp:hover,.nav-box .search-mc .history .sp.on{background-color: #5085fb;color: #fff;}

.nav-box .recommend-mc{display: none; position: absolute;left: 0;top:0px;z-index: 1;width: 100%;line-height: 20px;padding: 45px 0; background-color: #100D20;text-align: center;opacity: 0;}
.nav-box .recommend-mc .ct{display: inline-block; margin: 0 auto;}
.nav-box .recommend-mc .col{padding-right: 40px; text-align: left;}
.nav-box .recommend-mc .tl{padding-bottom: 20px; font-size: 3rem;color: #fff;}
.nav-box .recommend-mc .imgs{position: relative; width: 200px;height: 100px;overflow: hidden;}
.nav-box .recommend-mc .img-d{position:relative;left:0;top:0;z-index:4;display:block;width:90%;height:100%;cursor:pointer;}
.nav-box .recommend-mc .img-d2{position:absolute;right:0;bottom:0;z-index:3;display:block;width:90%;height:90%;cursor:pointer;}
.nav-box .recommend-mc .img{width: 100%;height: 100%;border-radius: 4px;}
.nav-box .recommend-mc .tips{width: 200px; height: 20px;line-height: 20px;overflow: hidden; margin: 16px 0; color: #333;font-size: 1.6rem;}
.nav-box .recommend-mc .btn-more{display: inline-block;height: 24px;line-height: 24px;padding: 0 20px;margin-right: 20px;color: #fff;background-color: #5085fb;border-radius: 20px;cursor: pointer;}
.nav-box .recommend-mc .btn-more:hover{opacity: 0.9;}
.nav-box .recommend-mc .copy-img{margin-top: -30px;background: url('../img/sell/sy.png') no-repeat 0 0/contain}
.nav-box .recommend-mc .copy-img .img-d{padding: 20px 10px;}
.nav-box .recommend-mc .copy-img h1{margin-bottom: 16px;}
.nav-box .recommend-mc .copy-img p{color: #5085fb;}


.nav-box .flex-box img{display: inline-block;max-width: 35px;}
.nav-box .flex-box .product{padding: 24px 30px;flex: 1;}
.nav-box .flex-box .qa{background: #F6FBFF;padding: 20px;width: 190px;}
.nav-box .flex-box .tr{flex-wrap: wrap;margin: 0 -12px;}
.nav-box .flex-box .tr .td{width: calc(100% / 3);padding: 12px;border-radius: 6px;}
.nav-box .flex-box .tr .td img{margin-right: 12px;}
.nav-box .flex-box .tr .td:hover{border-radius: 6px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.nav-box .flex-box .tr .td a,.nav-box .flex-box .icon-list a{color: inherit;}
.nav-box .flex-box .tab-panel .tr .td{width: calc(100% / 5);}
.nav-box .flex-box .icon-list{flex-wrap: wrap;margin: 0 -8px;}
.nav-box .flex-box .icon-list a{display: flex;padding: 20px 10px;transition: all .3s;align-items: center;justify-content: center;}
.nav-box .flex-box .icon-list a:hover{transform: scale(1.1);}
.nav-box .flex-box .icon{background: #F6FAFF;border-radius: 6px;text-align: center;flex-basis: calc(100% / 5 - 16px);margin: 0 8px;margin-top: 16px;}
.nav-box .flex-box .icon .text{margin-left: 12px;}
.nav-box .flex-box .p{color: #AAADB9;margin-top: 4px;font-size: 12px;}
.nav-box .flex-box .title{margin-bottom: 12px;font-size: 16px;color: #13111F;}
.nav-box .flex-box .t2{margin-top: 20px;}
.nav-box .flex-box{display: flex;text-align: left;}
.nav-box .flex-box dt{margin-bottom: 10px;color: #2E2D3A;}
.nav-box .flex-box .dt{padding-top: 16px;}
.nav-box .flex-box dd a{color: rgba(54,63,89,0.8);font-size: 12px;display: flex;justify-content: space-between;}
.nav-box .flex-box dd a:hover{color: #5085fa;}
.nav-box .flex-box dd{margin-bottom: 10px;}
.nav-box .flex-box .td .hot .name{background: url('../img/navbar/hot.png') no-repeat 100% 50%/30px; display: inline-block;padding-right: 40px;}
.nav-box .flex-box .tab{padding: 20px;width: 200px;}
.nav-box .flex-box .tab .name{font-size: 16px;color: #2E2D3A;}
.nav-box .flex-box .tab .p{margin-top: 4px;color: rgba(54,63,89,0.8);}
.nav-box .flex-box .tab .sp{margin-bottom: 30px;cursor: pointer;}
.nav-box .flex-box .tab .sp.on .name,.nav-box .flex-box .tab .sp:hover .name{color: #5085FB;}
.nav-box .flex-box.case .product{background: #F8FCFF;}
.nav-box .flex-box .icon-list .hot{background-image: url('../img/navbar/hot.png');background-repeat: no-repeat;background-position: 94% 5px;background-size: 30px;}
.nav-box .case-mc .product .title{font-size: 16px;margin-bottom: 16px;}
.nav-box .case-mc .product .tab-panel+.tab-panel{margin-top: 16px;}
.nav-box .case-mc .flex-box .tr .td:hover{background-color: #F7FBFF;}
.nav-box .nav .sp .caret{background-image: url('../img/navbar/down.png');display: inline-block;width: 18px;height: 22px;background-repeat: no-repeat;background-position: 50% 50%;vertical-align: middle;margin-left: 2px;background-size: 100%;}
.nav-box .nav .sp.on .caret{background-image: url('../img/navbar/up.png')}
.nav-box .nav .sp.on a{color: #5085fa;}
.nav-box .nav .sp .icon-hot{background: url('../img/navbar/hot.png') no-repeat 0 0/contain;position: absolute;right: 0;width: 26px;height: 14px;top: 12px;}
.nav-box .nav .sp.more{position: relative;display: none;}
.nav-box .nav .sp .select{position: absolute;left: 50%;top: calc(100% - 12px);box-shadow: 0 0 12px rgba(0, 0, 0, .175);background-color: #fff;border-radius: 6px;width: 120px;z-index: 10;padding: 8px 0;transform: translateX(-50%);display: none;}
.nav-box .nav .sp .select>.sp{height: auto;line-height: normal;}
.nav-box .nav .sp .select>.sp a{display: block;padding: 8px 0;text-align: center;}
.nav-box .nav .sp .select>.sp a:hover{background-color: #E9ECF1;border-radius: 6px;}
.nav-box .nav .sp.more:hover .select{display: block;}
.nav-box .nav .sp.more:hover .iconfont{color: #5085fa;}
.nav-box .nav .sp.more .iconfont{font-size: 12px;}

@media screen and (max-width: 1441px){
  .nav-box .copyright-mc .ct{transform: scale(0.8);}
  .nav-box .nav .sp.more{display: block;}
  .nav-box .nav .sp{padding: 0 6px;}
  .nav-box .nav >.sp[page="community"],.nav-box .nav >.sp[page="material"],.nav-box .nav >.sp[page="helpcenter"]{display: none;}
}


.animation-cls1 .img-d{animation:animation1 0.6s linear 0s 1 normal forwards;}
.animation-cls1 .img-d2{animation:animation2 0.6s linear 0s 1 normal forwards;}
.animation-cls2 .img-d{animation:animation3 0.6s linear 0s 1 normal forwards;}
.animation-cls2 .img-d2{animation:animation4 0.6s linear 0s 1 normal forwards;}


@keyframes animation1
{
  /* 0% {transform: translate(0px,0px);height: 90%;z-index: 1;}
  50% {transform: translate(-50%,0);}
  100% {transform: translate(0px,0px);height: 100%;z-index: 2;} */
  0% {left: 0%;height: 90%;z-index: 1;}
  50% {left: -50%;}
  100% {left: 0%;height: 100%;z-index: 2;}
}
@keyframes animation2
{
  /* 0% {transform: translate(0px,0px);height: 100%;z-index: 2;}
  50% {transform: translate(50%,0);}
  100% {transform: translate(0px,0px);height: 90%;z-index: 1;} */
  0% {right: 0%;height: 100%;z-index: 2;}
  50% {right: -50%;}
  100% {right: 0%;height: 90%;z-index: 1;}
}
@keyframes animation3
{
  /* 0% {transform: translate(0px,0px);height: 100%;z-index: 2;}
  50% { transform: translate(-50%,0);}
  100% {transform: translate(0px,0px);height: 90%;z-index: 1;} */
  0% {left: 0%;height: 100%;z-index: 2;}
  50% {left: -50%;}
  100% {left: 0%;height: 90%;z-index: 1;}
}
@keyframes animation4
{
  /* 0% {transform: translate(0px,0px);height: 90%;z-index: 1;}
  50% {transform: translate(50%,0);}
  100% {transform: translate(0px,0px);height: 100%;z-index: 2;} */
  0% {right: 0%;height: 90%;z-index: 2;}
  50% {right: -50%;}
  100% {right: 0%;height: 100%;z-index: 1;}
}

.banner{position: relative; width: 100%;height: 600px;background-color: #263C4F;}
.banner .pano{width: 100%;height: 100%;}

.footer-box{width: 100%; background-color: #030619;color: #fff;font-size: 1.4rem;}
.footer-box a{color: rgba(255,255,255,.6)}
.footer-box a:hover{color: #fff;}
.footer-box .footer-m{padding-top: 35px;padding-bottom: 30px;}
.footer-box .mn{display: flex;max-width: 1920px;margin: 0 auto;padding: 0 5%;font-size: 1.4rem;justify-content: space-between;}
.footer-box .contact-d{width: 25%;padding-right: 20px;}
.footer-box .introduce-d,.footer-box .lr{flex-shrink: 0;}
.footer-box .introduce-d+.introduce-d{margin-left: 15%;}
.footer-box .hh{padding-bottom: 15px;font-size: 1.8rem;}
.footer-box .ul{width: 100%;}
.footer-box .ul .li{position: relative;line-height: 40px; width: 100%;font-size: 1.4rem;opacity: 0.8;}
.footer-box .join-d .inp{display: block; width:100%;line-height:30px;padding:0 0.5em;margin-top:5px;overflow:hidden;font-size:1.4rem;background:#0f192c;border:1px solid #1a2335;color: #fff;}
.footer-box .join-d .inp:focus{background-color: #030619;color: #fff;}
.footer-box .join-d input:focus::-webkit-input-placeholder{color:#ccc;}
.footer-box .join-d input:focus:-moz-placeholder{color:#ccc;}
.footer-box .join-d input:focus::-moz-placeholder{color:#ccc;}
.footer-box .join-d input:focus:-ms-input-placeholder{color:#ccc;}
.footer-box .join-d .btn-d{justify-content: flex-end;padding-top: 5px;}
.footer-box .join-d .btn-d .img-d{width: auto;}
.footer-box .join-d .btn-d .img-d img{height: 45px;}
.footer-box .join-d .btn-sub{width:100px;min-width:auto;line-height:30px;overflow:hidden;border:1px solid #1a2335;font-size:1.4rem;background:#0085cd;color: #fff;}
.footer-box .ewm-d{display: flex;padding: 20px 0;}
.footer-box .ewm-d .ewm{margin-right: 20px;}
.footer-box .ewm-d .tl{padding-bottom: 10px; font-size: 1.8rem;}
.footer-box .ewm-d .ewm img{width: 100px; max-width: 180px;}
.footer-box .ewm-d .txt{padding-top: 15px;}
.footer-box .info{padding-top: 60px;font-size: 1.2rem;opacity: 0.7; text-align: center;}
.footer-box .info img{display: inline;}
.footer-box .info .copyright{padding: 5px 0 15px 0;}
.footer-box .info .zp{padding-top: 5px;}
.footer-box .logo{margin-bottom: 20px;}
.footer-box .logo img{max-width: 200px;}
.footer-box .lr .u{margin: 30px 0 39px;}
.footer-box .lr .u .li+.li{margin-left: 20px;}
.footer-box .p{margin-top: 10px;color: rgba(255,255,255,.6);}
.footer-box .intro {min-width: 500px;margin-left: 50px;}
.footer-box .intro .fle{display: flex;justify-content: flex-end;}
.footer-box .note{text-align: right;font-size: 12px;}
.footer-box .state{justify-content: space-between;width: 100%;border-top: 1px solid rgba(255,255,255,.2);padding-top: 20px;margin-top: 30px;font-size: 12px;}
.footer-box .state a{color: rgba(255,255,255,.6);}
.footer-box .state img{margin-right: 6px;}
.footer-box .state .icp{padding-left: 40px;}

.tag-box{padding: 40px 0 40px 0; text-align: center;}
.tag-box .sp{position: relative; display: inline-block;height: 46px;line-height: 44px;margin-right: 30px; padding: 0 28px;color: #0d0c24;font-size: 1.8rem;border: 1px solid #0d0c24;border-radius: 50px;cursor: pointer;}
.tag-box .sp:hover,.tag-box .sp.on{background-color: #0d0c24;color: #fff;}
.tag-box .icon-sp{vertical-align: bottom;}
.tag-box .icon-sp .icon{display: inline-block;width: 22px;height: 22px;margin-right: 6px; background-image:url('../img/spirit.png?ver=11');background-size:470px auto;background-repeat: no-repeat;background-position: -320px -302px;}

.filtrate-box{justify-content: space-between;padding: 0 10px;margin-bottom: 15px;background-color: #fff;}
.filtrate-box .tag-box{padding-left: 10px; text-align: left;}
.filtrate-box .tag-box .sp{height: 34px;line-height: 32px;padding: 0 18px;margin-bottom: 15px; font-size: 1.4rem;}
.filtrate-box .tag-box .icon-sp .icon{width: 18px;height: 20px;background-size: 380px auto;background-position: -257px -244px;}
.filtrate-box .sel-box{display: flex;font-size: 1.4rem;}
.filtrate-box .sel-box .sel-group{margin-left: 15px;cursor: pointer;}
.filtrate-box .sel-box .sel-group .glyphicon{width: 16px;height: 16px;margin-left: 5px;border-radius: 50%;color: #2d2c34;font-size: 12px;}

.list-box{padding: 10px 10px;}
.list-box .list{display: flex;flex-wrap: wrap;align-items: start; margin-left: -1%; padding-bottom: 10px;}
.list-box .list:after{content:"";display:block;line-height:0;clear: both;}
.list-box .list .col{float:left;width:20%;padding:0 0 25px 1%;}

.pagination-box{display: none; text-align: center;}
.pagination-box .pagination{display: inline-block; padding: 10px 25px;background-color: #fff;border-radius: 60px;}
.pagination-box .pagination .next,.pagination-box .pagination .prev{color: #211E31;background: #fff;border:none;}
.pagination-box .pagination a,.pagination-box .pagination span{border: none;}
.pagination-box .pagination a:hover,.pagination-box .pagination .active{width:30px;height:30px;padding:0;line-height:30px;color:#fff;background:#5085fb;border:none;border-radius:50%;}

/* select */
.select-box{position: relative;}
.select-box .sel-m{display: none; position: absolute;top: 0;left: 50%;z-index: 2; width: auto; padding-top: 48px;transform: translateX(-50%);text-align: left;pointer-events: none;}
.select-box:hover .sel-m{display: block;}
.select-box .options{width:auto;padding:4px;color:#333;border-radius:10px;background-color:#fff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);pointer-events:auto;}
.select-box .options .option{display:block;width:100%;min-width:112px;height:38px;line-height:38px;padding:0 12px;color:#333;font-size:14px;box-shadow:0 0 1px rgba(0,0,0,.06);border-radius: 10px;cursor: pointer;}
.select-box .options .option:hover{background:rgba(80,133,251,0.1);}

/* item */
.item{position: relative; width: 100%;padding-bottom: 10px; background-color: #fff;transition:all 0.3s linear;}
.item:hover{
  border-radius: 8px;
  -ms-transform:translate(0,-5px); /* IE 9 */
  -webkit-transform: translate(0,-5px); /* Safari */
  transform: translate(0,-5px); /* 标准语法 */
  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.2);
}
.item .img-d{position: relative; width: 100%;border-radius: 8px;overflow: hidden;}
.item .img-d:before{content:"";display:inline-block;padding-bottom:50%;/*padding-bottom值100%为1:1,如果为1:2就设置50%,如果为3:5就设置60%*/}
.item .img-d .img{position: absolute;left: 0;top: 0; z-index: 1;width: 100%;height: 100%;overflow: hidden;}
.item .img-d .img.null{background-image:url(../img/null.png);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.item .img-d .img img{width: 100%;height: 100%;border-radius: 8px;transition:all 0.6s linear;}
.item:hover .img-d .img img{
  -ms-transform:scale(2,2); /* IE 9 */
  -webkit-transform: scale(2,2); /* Safari */
  transform: scale(2,2); /* 标准语法 */
}
.item .img-d .abs{position: absolute;left: 0;top: 0; z-index: 2; width: 100%;height: 100%;}
.item:hover .img-d .abs{display: block;z-index: 4;}
.item .img-d .abs .bk{position: absolute;z-index: 1;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
.item:hover .img-d .abs .bk{background-color: rgba(0,0,0,0.5);}
.item .img-d .abs .mark-icon{display: none; position: absolute;left: calc(50% - 20px);top: calc(50% - 20px); z-index: 2;width: 40px;height: 40px;cursor: pointer; background-image:url('../img/spirit.png?ver=11');background-size: 480px auto;background-repeat: no-repeat;background-position: -291px -228px;}
.item .img-d .abs .mark-icon2{background-position: -350px -228px;}
.item .img-d .abs .mark-icon3{background-image:url('../img/18_2.png');background-size: 100% 100%;background-position: center center;}
.item:hover .img-d .abs .mark-icon{display: inline-block;}
.item .img-d .abs .ewm-img{display: none; position: absolute;left: 0;top: 0; z-index: 4; width: 100%;height: 100%;background-color: transparent;text-align: center; cursor: pointer; background-image:url('../img/ewm-kefu.jpg');background-size: auto 80%;background-repeat: no-repeat;background-position: center 45%;}
.item .img-d .abs .ewm-img img{display: inline-block; width: auto;height: 80%;margin-top: 5%;}
.item .img-d .btns{position: absolute;top: 5px;right: 10px;z-index: 2;display: flex;}
.item .img-d .btn-zan,
.item .img-d .btn-pv{line-height: 20px;padding: 0 6px 0 6px;color: #fff;font-size: 1.2rem;border-radius: 20px;border: 1px solid transparent;cursor: pointer;}
.item .img-d .btn-zan .icon,
.item .img-d .btn-pv .icon{width: 20px;height: 20px;background-image:url('../img/spirit.png?ver=12');background-size:300px auto;background-repeat: no-repeat;background-position: -51px -227px;}
.item .img-d .btn-pv .icon{background-position: -20px -254px;}
.item .img-d .btn-zan.on .icon{background-position: -54px 1px;}
.item .img-d .share{width: 22px;height: 22px;margin-left: 6px;border: 1px solid transparent;border-radius: 50%;cursor: pointer; background-image:url('../img/spirit.png?ver=11');background-size:250px auto;background-repeat: no-repeat;background-position: -154px 4px;}
.item .img-d .tags{position:absolute;top:7px;left:7px;z-index:2;display:flex;align-items:center;}
.item .img-d .tags .btn{height:20px;line-height:20px;margin-right:5px;padding:0 5px;color:#fff;background-color:#5085fb;border-radius:5px;}
.item .img-d .tags .btn.btn-jx{background-color: rgba(0, 0, 0, 0.5);}
.item .img-d .tags .btn.btn-sr{background-color: rgba(153, 153, 153, 1);}
.item .img-d .tags .btn.btn-yc{background-color: rgba(255, 105, 109, 1);}
.item .info{padding: 0 10px;}
.item .tl{display: block; height: 20px;line-height: 20px; overflow: hidden; margin-top: 10px; font-size: 1.6rem;color: #333;}
.item .tl:hover{color:#5085fb;}
.item .tl em{color: red;font-style: normal;}
.item .adr-d{justify-content: space-between;margin-top: 15px; font-size: 1.4rem;color: #666;}
.item .adr-d .adr{position: relative;padding-left: 18px; flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item .adr-d .adr .icon{position: absolute;left: 0; width: 16px;height: 16px;background-image:url('../img/spirit.png?ver=11');background-size:340px auto;background-repeat: no-repeat;background-position: -122px -1px;}
.item .adr-d .adr font,.item .adr-d .cou{display:block;height:20px;line-height:20px;overflow:hidden;}
.item .adr-d .adr font{padding-right: 10px;}
.item .adr-d .cou{flex:1; font-size: 1.4rem;color: #666;text-align: right;}
.item .adr-d a.cou:hover{color:#5085fb;}
.item .user{justify-content: space-between;margin-top: 12px;}
.item .user .name{max-width: 60%; font-size: 1.4rem;color: #333;}
.item .user .name:hover{color:#5085fb;}
.item .user .name .icon{display: block;width: 20px; margin-right: 8px;}
.item .user .name:hover .icon{opacity: 0.6;}
.item .user .name .icon img{width: 20px;height: 20px;border-radius: 50%;}
.item .user .name span{flex:1; height: 20px;line-height: 20px; overflow: hidden;}
.item .user .btn-d .btn-gz{display: inline-block;width: 63px; height: 22px;line-height: 21px;padding: 0 10px;color: #fff;font-size: 1rem;border:1px solid #5085fb; border-radius: 20px; background-color: #5085fb;cursor: pointer;text-align: center;}
.item .user .btn-d .btn-gz:hover{opacity: 0.7;}
.item .user .btn-d .btn-gz .icon{ font-size: 1.6rem; font-style: normal;text-align: center; /*background-image:url('../img/spirit.png?ver=11');background-size:240px auto;background-repeat: no-repeat;background-position: -196px 3px;*/}
.item .user .btn-d .btn-gz.on{background-color: #fff;color: #5085fb;}
.item .tl2{height: 20px;margin-top: 10px;}
.item .tl2 .name{flex:1; height: 20px;line-height: 20px; overflow: hidden;font-size: 1.7rem;color: #171919;}
.item .caozuo{position: relative;cursor: pointer;}
.item .caozuo .btn-more{position: relative;z-index: 1; width: 20px;height: 4px; background-image:url('../img/material12.png');background-color: transparent;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.item .caozuo .sel-d{display: none; position: absolute;left: -26px;top: -18px;z-index: 2;padding-top: 30px;}
.item .caozuo .sel-d .sel{width: 70px;background-color: rgba(0,0,0,0.7);border-radius: 4px;color: #fff;text-align: center;}
.item .caozuo .sel-d .option{line-height: 30px;color: #fff;}
.item .caozuo .sel-d .option.on,.item .caozuo .sel-d .option:hover{background-color: rgba(0,0,0,0.3);}
.item .caozuo:hover .sel-d{display: block;}

.item .ewm{position: relative;padding-left: 10px;}
.item .ewm .ewm-icon{font-size: 18px;color: #333; cursor:pointer;}
.item .ewm:hover .ewm-icon{color: #5085fb;}
.item .ewm .ewm-d{display: none; position: absolute;bottom: 0;right: 2px;z-index: 2; padding-bottom: 28px;}
.item .ewm:hover .ewm-d{display: block;}
.item .ewm .ewm-d .mc{width: 120px;padding: 7px 7px;background-color: #fff;color: #333;border-radius: 8px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1); text-align: center;}
.item .ewm .ewm-d .ewm-img{width: 100%;}
.item .ewm .ewm-d .txt{line-height: 18px; padding-top: 5px; font-size: 14px;}
.item .ewm .sj-icon{position: absolute;right: 1px;bottom: 20px;z-index: 2; font-size: 18px;color: #fff; cursor:pointer;}

/* item-message */
.item-message{display: block; width: 100%;background-color: #fff;}
.item-message .mc{padding: 20px 10px;border-bottom: 1px solid #e2e2e2;}
.item-message .head-d{position: relative; width: 45px;height: 45px;}
.item-message .head-d img{width: 100%;height: 100%;border-radius: 50%;}
.item-message .info{flex:1; padding-left: 10px;padding-right: 30px;}
.item-message .info .tl-d{justify-content: space-between;margin-top: 2px; font-size: 1.4rem;color: #171919;}
.item-message .info .name{font-size: 1.4rem; color: #666;}
.item-message .info .tm{padding-left: 15px;font-size: 1.2rem; color: #999;}
.item-message .info .tips{padding-top: 6px;font-size: 1.4rem; color: #333;}
.item-message .info .btn-d{color: #999;}
.item-message .info .bt{margin-left: 10px;cursor: pointer;}
.item-message .info .bt .icon{width: 20px;height: 20px;margin-right: 5px;background-image:url('../img/spirit.png?ver=11');background-size:500px auto;background-repeat: no-repeat;background-position: -415px -325px;}
.item-message .rg{}
.item-message .btn-d{}
.item-message .btn-d .btn-detail{display: inline-block;padding: 10px 30px;color: #fff;font-size: 1rem; border-radius: 20px; background-color: #5085fb;cursor: pointer;}
.item-message .img-d{position: relative;display: block; width: 200px;height: 100px;}
.item-message .img-d img{width: 100%;height: 100%;border-radius: 4px;}
.item-message .hf-d{display: none; margin-top: 10px; margin-left: 10px; padding: 10px 15px 15px 15px;border-radius: 3px;color: #666;background-color: #F3F7F6;}
.item-message .hf-d .li{padding-top: 5px;}
.item-message .hf-d .ta-name{padding-bottom: 5px;color: #5085fb;}
.item-message .hf-d .wo-name{padding-bottom: 5px;}
.item-message .hf-d .hf-txt{padding-bottom: 5px;}
.item-message .inp-hf{padding-top: 8px;}
.item-message .inp-hf .inp{width: 100%;height: 26px;line-height: 26px;padding: 0 5px;font-size: 1.2rem;border-radius: 3px;border: 1px solid #ccc; background-color: #fafafa;}

/* user-info */
.user-info .user-img{position: relative;display: block; width: 90px;height: 90px; margin-right: 15px;border-radius: 50%;/* background-image: linear-gradient(140deg, #D6F3FD 10%, #BDECFD 20%, #5085fb 40%);*/border: 2px solid transparent;}
.user-info .user-img:hover{border: 2px solid #5085fb;}
.user-info .user-img .uIcon{width: 100%;height: 100%; border-radius: 50%;}
.user-info .user-img .vip{position: absolute;bottom: 2px;right: 0px;z-index: 1;width: 25px;height: 25px;background-image:url('../img/spirit.png?ver=11');background-size:380px auto;background-repeat: no-repeat;background-position: -350px -78px;}
.user-info .user-img .cou-d{display: none; justify-content: space-between;position: absolute;left: 0px;top: 20%;z-index: 1;width: 100%;}
.user-info .user-img:hover .cou-d{display: flex;}
.user-info .user-img .cou{padding: 2px 8px 2px 5px;border-radius: 30px;background-color: #fff;}
.user-info .user-img .cou .icon{display: inline-block;width: 16px;height: 16px;margin-right: 3px; background-image:url('../img/spirit.png?ver=11');background-size:300px auto;background-repeat: no-repeat;background-position:-202px -192px;}
.user-info .info{flex: 1;}
.user-info .info .tl-d{justify-content: space-between;}
.user-info .info .tl-d .tit{flex:1;}
.user-info .info .tl-d .tl{display: block; height: 22px;line-height: 22px;overflow: hidden; padding-right: 15px;font-size: 1.6rem;}
.user-info .info .adr{position: relative;padding-left: 16px; font-size: 1.2rem;}
.user-info .info .adr font{display:block;height:20px;line-height:20px;overflow:hidden;}
.user-info .info .adr .icon{position: absolute;left: 0; width: 18px;height: 16px; background-image:url('../img/spirit.png?ver=11');background-size:340px auto;background-repeat: no-repeat;background-position: -122px -1px;}
.user-info .info .tl-d .btn-d{}
.user-info .info .tl-d .btn-d .btn-gz{display: inline-block;min-width: 53px;padding: 0 4px;color: #fff;font-size: 1rem;border-radius: 20px;border: 1px solid #5085fb; background-color: #5085fb;cursor: pointer;text-align: center;}
.user-info .info .tl-d .btn-d .btn-gz:hover{opacity: 0.8;}
.user-info .info .tl-d .btn-d .btn-gz.on{padding: 2px 4px;background-color: #fff;color: #5085fb;}
.user-info .info .tl-d .btn-d .btn-gz.gray{background-color: transparent;color: #5085fb;}
.user-info .info .tl-d .btn-d .btn-gz .icon{width: 16px;height: 20px;line-height: 19px; font-size: 1.6rem; font-style: normal;text-align: center;/*background-image:url('../img/spirit.png?ver=11');background-size:240px auto;background-repeat: no-repeat;background-position: -196px 3px;*/}
.user-info .info .cou-d{padding: 10px 0;}
.user-info .info .cou-d .cou{margin-right: 16px;font-size: 1.5rem;color: #3245ff;cursor: pointer;}
.user-info .info .cou-d .cou:hover{opacity: 0.6;}
.user-info .info .cou-d .cou .icon{width: 20px;height: 20px;margin-right: 4px;color: #5085fa;background-image:url('../img/spirit.png?ver=11');background-size:350px auto;background-repeat: no-repeat;background-position: -203px -225px;}
.user-info .info .cou-d .cou:nth-child(2){color: #fead06;}
.user-info .info .cou-d .cou:nth-child(2) .icon{background-position: -168px -225px;}
.user-info .info .cou-d .cou:nth-child(3){color: #ff696c;}
.user-info .info .cou-d .cou:nth-child(3) .icon{background-position: -133px -225px;}
.user-info .tips{height: 20px;line-height: 20px;overflow: hidden; font-size: 1.4rem;color: #666;}

.item-user{padding:20px 20px;background-color:#fff;border-radius: 4px;transition:all 0.3s linear;}
.item-user:hover{
  -ms-transform:translate(0,-5px); /* IE 9 */
  -webkit-transform: translate(0,-5px); /* Safari */
  transform: translate(0,-5px); /* 标准语法 */
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}
.item-user .user-info{margin-bottom:15px;}
.item-user .imgs .flex{justify-content: space-between;}
.item-user .imgs .img-d{position: relative; width: 32%;overflow: hidden;border-radius: 6px;}
.item-user .imgs .img-d:before{content:"";display:inline-block;padding-bottom:50%;}
.item-user .imgs .img-d .img{position: absolute;left: 0;top: 0; z-index: 1;width: 100%;height: 100%;overflow: hidden; }
.item-user .imgs .img-d .img img{width: 100%;height: 100%;border-radius: 6px;transition:all 0.6s linear;}
.item-user .imgs .img-d:hover .img img{
  -ms-transform:scale(1.6,1.6); /* IE 9 */
  -webkit-transform: scale(1.6,1.6); /* Safari */
  transform: scale(1.6,1.6); /* 标准语法 */
}
.item-user .img-d .abs{display: none; position: absolute;left: 0;top: 0; z-index: 2; width: 100%;height: 100%;}
.item-user .img-d:hover .abs{display: block;}
.item-user .img-d .abs .bk{position: absolute;z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.item-user .img-d .abs .mark-icon{position: absolute;left: calc(50% - 12px);top: calc(50% - 16px); z-index: 2;display: inline-block; width: 24px;height: 24px;cursor: pointer; background-image:url('../img/spirit.png?ver=11');background-size: 300px auto;background-repeat: no-repeat;background-position: -182px -143px;}
.item-user .img-d .abs .mark-icon2{background-position: -219px -143px;}
.item-user .img-d .abs .mark-icon3{background-image:url('../img/18_2.png');background-size: 90% auto;background-position: center center;}
.item-user .img-d .abs .btns{position: absolute;top: 5px;right: 5px;z-index: 2;display: flex;}
.item-user .img-d .abs .btn-zan{line-height: 20px;padding: 0 8px 0 6px;color: #fff;font-size: 1.2rem;border-radius: 20px;border: 1px solid #fff;color: #ccc; cursor: pointer;}
.item-user .img-d .abs .btn-zan .icon{width: 20px;height: 20px;background-image:url('../img/spirit.png?ver=11');background-size:300px auto;background-repeat: no-repeat;background-position: -26px 1px;}
.item-user .img-d .abs .btn-zan.on .icon{background-position: -54px 1px;}
.item-user .img-d .abs .share{width: 22px;height: 22px;margin-left: 10px;border: 1px solid #fff;border-radius: 50%;cursor: pointer; background-image:url('../img/spirit.png?ver=11');background-size:250px auto;background-repeat: no-repeat;background-position: -154px 2px;}
.item-user .img-d .abs .nm{position: absolute;bottom: 4px;left: 0;z-index: 2;width: 100%;height: 20px;line-height: 20px; padding: 0px 10px;overflow: hidden;color: #fff;font-size: 1.2rem;text-align: center;}

.btn-sc{color: #0d0c24;font-size: 1.4rem;cursor: pointer;}
.btn-sc:hover{color: #5085fb;font-size: 1.4rem;cursor: pointer;}
.btn-sc .icon{display: inline-block;width: 22px;height: 22px;margin-right: 6px; background-image:url('../img/spirit.png?ver=11');background-size:400px auto;background-repeat: no-repeat;background-position: -366px -2px;}
.btn-sc:hover .icon{/* background-position: -338px -38px; */opacity: 0.6;}
.btn-sc.on .icon{background-position: -338px -38px;opacity: 1;}

.topic-box{display:flex;margin:10px 10px 20px 10px;padding:0 20px 20px 20px;border-radius:5px;background-color: #F4F7F6;}
.topic-box .lf{width: 230px;}
.topic-box .lf .info{flex-wrap:wrap;align-content:space-around;height:100%;padding-right:30px;}
.topic-box .lf .up .tl{padding-bottom: 8px; font-size: 2.2rem;color: #000;font-weight: 600;}
.topic-box .lf .up .tips{color: #666;font-size: 1.7rem;}
.topic-box .lf .con-d{justify-content: flex-end;}
.topic-box .lf .cou{padding-right: 20px;font-size: 1.4rem;color: #0d0c24;}
.topic-box .lf .dw{width: 100%;}
.topic-box .lf .dw .btn-d{padding-top: 5px;}
.topic-box .lf .dw .btn-ht{display: inline-block; padding: 6px 26px; border: 1px solid #0d0c24; color: #0d0c24;font-size: 1.4rem;border-radius: 22px;}
.topic-box .lf .dw .btn-ht:hover{background-color: #0d0c24;color: #fff;}
.topic-box .rg{position: relative; width: calc(100% - 230px);}
.topic-box .rg .tag{position: absolute;left: 10px;top: 10px;z-index: 1;height: 20px;line-height: 20px;padding: 0 10px;background-color: #F2951C;color: #fff;font-size: 1.2rem;border-radius: 6px;}
.topic-box .rg .nextNav{position: absolute;right: 10px;top:calc(50% - 20px);z-index: 1; display: inline-block;width: 40px;height: 40px;margin-right: 6px; background-image:url('../img/spirit.png?ver=11');background-size:570px auto;background-repeat: no-repeat;background-position: -199px -120px;cursor: pointer;}
.topic-box .swiper-container{width: 100%;overflow: hidden;padding-top: 20px;}
.topic-box .swiper-wrapper{}
.topic-box .swiper-wrapper .swiper-slide{width: 306px; }
.topic-box .swiper-wrapper .col{}
.topic-box .swiper-wrapper .item{}

.ht-d{padding:20px 10px;margin-bottom:15px;background-color:#fff;}
.ht-d .name{font-size: 2rem;font-weight: bold;}
.ht-d .cou{padding-left: 10px; font-size: 1.4rem;}
.ht-d .btn-d{padding-left: 20px;}

.ul-d{width: 100%;height: 100%;overflow-y: auto;}
.ul-d .ul{width: 100%;}
.ul-d .li{width: 100%;margin-bottom: 20px;border-radius: 3px; cursor: pointer;}
.ul-d .li:hover{}
.ul-d .img-d{position: relative; width: 160px;height: 90px;}
.ul-d .img-d img{width: 100%;height: 100%;}
.ul-d .img-d .tm{position: absolute;left: 0;bottom: 5px;z-index: 1;padding-left: 10px;}
.ul-d .info{flex:1;padding-left: 15px;}
.ul-d .name{max-height: 48px;line-height: 24px;overflow: hidden; font-size: 1.6rem;color: #fff;}
.ul-d .cou-d{padding-top: 20px; justify-content: space-between;font-size: 1.4rem;color: #666;}
.ul-d .bf{}
.ul-d .bf font{color: #F5A623; font-size: 1.8rem;}
.ul-d .zan{}
.ul-d .zan .icon{width: 20px;height: 20px;margin-right: 4px;color: #3245ff;background-image:url('../img/spirit.png?ver=11');background-size:350px auto;background-repeat: no-repeat;background-position: -60px -267px;}

.tips-d{display: none; position: absolute;left: -184%;bottom: 28px;z-index: 1;height: min-content;color: #fff;font-size: 1.4rem;}
.tips-d .sj{position: absolute;left: 24%;bottom: -8px; width:0; height:0; line-height:0; overflow:hidden; font-size:0; border-width:8px 9px 0px 9px; border-color:#555 transparent transparent  transparent; border-style:solid dashed dashed dashed;}
.tips-d .txt-d{line-height: 22px;padding: 10px 15px; background-color: #555;border-radius: 5px;white-space: nowrap;text-align: left;}

.alert{display:none;position:fixed;left:0;top:0;z-index:1000!important;height:100%;width:100%;margin:auto;overflow:hidden;background-color:transparent;font-size: 1.4rem;}
.alert .bk{position:absolute;left:0;top:0;height:100%;width:100%;z-index:1;background-color:rgba(0, 0, 0, 0.5);}
.alert .mc{position: absolute;left: calc(50% - 190px);top: calc(50% - 300px);z-index: 101;width: 380px;padding: 30px 40px 15px 40px;color: #333;background: #fff;border-radius: 12px;opacity: 0;}
.alert .mc .xx{position:absolute;right:8px;top:8px;height:20px;line-height:20px;z-index:100;color:#666;font-size: 1.2rem;cursor: pointer;}
.alert .mc .xx .icon{width: 20px;height: 20px; background-image:url('../img/spirit.png?ver=11');background-size:260px auto;background-repeat: no-repeat;background-position: -186px 2px;}
.alert .mc .logo{margin-top: 10px; margin-bottom: 35px; text-align: center;}
.alert .mc .logo img{display: inline-block; width: 60px;}
.alert .mc .tl{margin-top: 10px; margin-bottom: 10px;font-size: 2.6rem;font-weight: bold; text-align: center;}
.alert .mc .sm-tl{margin-bottom: 35px;color: #666;font-size: 1.4rem;text-align: center;}
.alert .mc .inp-div{position: relative; height: 40px;margin-bottom: 20px; border: 1px solid #666;border-radius: 50px;}
.alert .mc .inp-div .inp{width: 100%;height: 100%;padding: 0 10px;background-color: transparent;border: none;}
.alert .mc .inp-div .inp::-webkit-input-placeholder{color:#999;text-align: center;}
.alert .mc .inp-div .inp:-moz-placeholder{color:#999;text-align: center;}
.alert .mc .inp-div .inp:-ms-input-placeholder{color:#999;text-align: center;}
.alert .mc .inp-div .yzm{position: absolute;right: -1px;top: -1px;z-index: 1;min-width: 80px; height: 40px;line-height: 40px; padding: 0 10px;background-color: #5085fb;color: #fff;border-radius: 0 50px 50px 0;cursor: pointer;font-size: 1.2rem;text-align: center;}
.alert .mc .tishi{margin-bottom: 20px;font-size: 1.2rem;color: #999;text-align: right;}
.alert .mc .btn-d{margin-bottom: 20px;text-align: center;}
.alert .mc .btn-d .btn-lgn{height: 40px;line-height: 40px;color: #fff;font-size: 1.6rem; border: 1px solid #5085fb; background-color: #5085fb;border-radius: 8px;cursor: pointer;}
.alert .mc .btn-d .btn-wxlgn{height: 40px;line-height: 40px;font-size: 1.6rem;border: 1px solid #66BF4C;border-radius: 8px;}
.alert .mc .btn-d .btn-wxlgn .ct{display: inline-block;}
.alert .mc .btn-d .btn-wxlgn .icon{width: 20px;height: 20px;margin-right: 12px; background-image:url('../img/spirit.png?ver=11');background-size:560px auto;background-repeat: no-repeat;background-position: -519px -369px;}
.alert .mc .xieyi{padding-top: 15px; font-size: 1.4rem; text-align: center;}
.alert .mc .xieyi .txt{color: #666;}
.alert .mc .xieyi font{padding: 0 5px;color: #5085fb;}

/*switch-btn*/
.switch-btn{position: relative; width: 64px;height: 30px; padding: 5px 5px; border-radius: 20px; background-color: #EAEAEA;cursor: pointer;}
.switch-btn .sw{position: relative;width: 100%;height: 100%;}
.switch-btn .round{position: absolute;left: 0px;top: 0px;z-index: 1; width: 20px;height: 20px;border-radius: 50%; background-color: #5D5C6E;}
.switch-btn.switch-on{background-color: #5085fb;}
.switch-btn.switch-on .round{left: 34px;background-color: #fff;}

/* 二维码 */
.ewm-alert .mc{top: calc(50% - 100px);left:calc(50% - 80px); width: 160px;padding: 0;}
.ewm-alert .mc .xx{right: 12px;top: 12px;width: 20px;height: 20px; font-size:2.6rem;color:#666;transform:rotate(0deg);background-image:url("../img/material45.png");background-repeat: no-repeat;background-position: center center;background-size:100% 100%;}
.ewm-alert .mc .xx:hover{background-image:url("../img/material46.png");}
.ewm-alert .info{padding: 10px;}
.ewm-alert .info .ewm-d{width: 140px;height: 140px;margin: 0 auto;}
.ewm-alert .info .ewm-d img{width: 100%;height: 100%;}
.ewm-alert .info .txt{color: #666;font-size: 1.4rem; text-align: center;}

/*支付*/
.paywayAlert .mc{top: 50%;left: 50%;width: 300px;padding: 10px 20px 10px 20px;font-size: 1.4rem;color: #333; transform: translate(-50%,-50%)!important;}
.paywayAlert .mc .xx{right: 12px;top: 12px;width: 20px;height: 20px; font-size:2.6rem;color:#666;transform:rotate(0deg);background-image:url("../img/material45.png");background-repeat: no-repeat;background-position: center center;background-size:100% 100%;}
.paywayAlert .mc .xx:hover{background-image:url("../img/material46.png");}
.paywayAlert .mc .tl{margin: 8px 0 10px 0;font-weight: normal;font-size: 1.4rem;color:#333;text-align: center;}
.paywayAlert .mc .price-d{padding-bottom: 15px; font-size: 1.2rem;color:#666; text-align: center;}
.paywayAlert .mc .price-d .red{color: #FF9533;}
.paywayAlert .mc .opt{display: none;padding: 10px;border-radius: 5px; cursor: pointer;}
.paywayAlert .mc .opt:hover{box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.2);}
.paywayAlert .mc .opt:before{content:"";display:inline-block;width:20px;height:20px;margin-right:5%;background-image:url("../../images/apply1.png");background-repeat: no-repeat;background-position: center center;background-size:100% 100%;}
.paywayAlert .mc .surplus:before{background-image:url("../../images/apply1.png");}
.paywayAlert .mc .alipay:before{background-image:url("../../images/alipay.png");}
.paywayAlert .mc .wachat:before{background-image:url("../../images/rank_icon22.png");}
.paywayAlert .mc .wachat .ewm-d{display: none;margin-left: -8px;}
.paywayAlert .mc .wachat .ewm{width: 150px;}
.paywayAlert .mc .wachat .tips{font-size: 1.2rem;text-align: center;}

/*升级作品成功提示*/
.upMsg-alert .mc{left: calc(50% - 110px);top: 40%;width: 220px; padding: 10px;text-align: center;opacity: 1;}
.upMsg-alert .mc .icon-d{padding-top: 20px;}
.upMsg-alert .mc .icon{display: inline-block; width: 30px;}
.upMsg-alert .mc .txt{padding: 6px 0; font-size: 1.6rem;}
.upMsg-alert .mc .ts{padding-bottom: 10px;font-size: 1.4rem;}

/* 播放器 */
.video-box{position: relative; width: 100%;height: 100%;background-color: #000;}
.video-box:before{/*content:"";display:inline-block;padding-bottom:56.25%;*/}
.video-box .player_cover{position: absolute;left: 0;top: 0;z-index: 2; width: 100%;height: 100%;}
.video-box .player_cover img{width: 100%;max-width: 100%;max-height: 100%;}
.video-box .player_box{/*position: absolute;left: 0;top: 0;z-index: 1; */width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.video-box .player_box .playerVideo{width: 100%;max-width: 100%;object-fit: fill;}
.video-box .player_box .player_loading{width: 70px;height: 70px;}
.video-box .player_box .watermark{position: absolute;left: 10px; top: 50px;z-index: 1;width: auto;height: 30px;opacity: 0.7;}
.video-box .player_box .video{width: 100%;height: 100%;outline: none;}
.video-box .player_box .watermark .watermarkImg{width: auto;height: 100%;}
.video-box .player_box .dpi{position:relative;width:36px;line-height:40px;text-align:center;}
.video-box .player_box .dpi .txt{color:#fff;font-size:13px;cursor:pointer;}
.video-box .player_box .dpi .sel{display:none;position:absolute;left:0;bottom:38px;z-index:1;width:100%;padding-top:3px;border-radius:3px 3px 0px 0px;background-color:rgba(31,31,31,0.8);}
.video-box .player_box .dpi .sel .opt{line-height:25px;color:#fff;font-size:12px;cursor:pointer;}

/* 播放按钮 */
.btn-play{position: relative; width:120px;height:120px;animation:btn-play-animation1 1s ease-out backwards;z-index:99;cursor: pointer;}
.btn-play:before{content:' ';position:absolute;top:33px;left:33px;width:50px;height:50px;border:2px solid #fff;border-radius:50%;opacity:0.9;}
.btn-play:after{content:' ';position:absolute;top:24px;left:24px;width:70px;height:70px;border:1px solid #fff;border-radius:50%;opacity:0.3;}
.btn-play .circle{position:absolute;top:20px;left:20px;width:80px;height:80px;border:2px solid #fff;border-radius:50%;opacity:0.5;animation:btn-play-animation2 3s ease 0.5s infinite;}
.btn-play .circle:before{content:' ';position:absolute;top:-7px;left:-7px;width:90px;height:90px;border:1px solid #fff;border-radius:50%;opacity:0.3;}
.btn-play .circle:after{content:' ';position:absolute;top:-12px;left:-12px;width:100px;height:100px;border:1px solid #fff;border-radius:50%;opacity:0.3;}
.btn-play .triborder{display:block;position:relative;top:48px;left:50px;width:10px;height:24px;border-radius:5px;background:#0097e5;}
.btn-play .triborder::before{display:block;content:' ';position:absolute;top:0;left:0;z-index:2;width:10px;height:24px;border-radius:5px;background:#0097e5;transform-origin:50% calc(100% - 5px);transform:rotate(60deg);}
.btn-play .triborder::after{display:block;content:' ';position:absolute;z-index:0;top:0;left:0;width:10px;height:24px;border-radius:5px;background:#0097e5;transform-origin:50% 5px;transform:rotate(-60deg);}
@keyframes btn-play-animation1{
    0%{opacity:0;transform:rotate(-200deg);}
    100%{opacity:1;transform:rotate(0);}
}
@keyframes btn-play-animation2{
    0%,50%,100%{opacity:.8;}
    25%,75%{opacity:.3;}
}

/* 素材库 */
.material-alert{display: none;}
.material-alert .mc{/*left: calc(50% - 250px);top: calc(50% - 300px);*/z-index: 101;width: 400px;padding: 0; opacity: 1;background-color: #fff;}
.material-alert .mc .tl{margin: 0; padding: 10px 20px;font-size: 1.6rem;font-weight: normal; text-align: left;border-radius: 6px 6px 0 0;color: #333;}
.material-alert .mc .tl .icon_tips{font-size: 18px;margin-right: 10px;vertical-align: middle;color: #F7B500;}
.material-alert .mc .xx{right: 20px;top: 10px;}  
.material-alert .mc .xx .icon:hover{opacity: .9;}
.material-alert .mc .btn-up .bk{background-color: transparent;}
.material-alert .mc .m-d{display: flex; padding: 10px;}
.material-alert .m-d .lf{padding: 0 10px 0 0; background-color: #fff;}
.material-alert .m-d .lf .cls-d{height: 360px;overflow-y: auto;padding-right: 10px;}
.material-alert .m-d .lf .cls{color: #666;border-radius: 0 50px 50px 0;cursor: pointer;}
.material-alert .m-d .lf .cls:hover{color:#5085fb;background-color:rgba(50,202,255,0.2);}
.material-alert .m-d .lf .cls.on{color:#fff;background-color:#5085fb;}
.material-alert .m-d .lf .cls .nm{display:block;width:100px;line-height: 32px;padding: 0 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.material-alert .m-d .rg{flex:1;background-color: #f6f6f6;}
.material-alert .ul{align-content: flex-start; flex-wrap: wrap;height: 320px; padding: 10px 10px;margin-right: -10px;overflow-y: auto;} 
.material-alert .li{position: relative; margin-right: 10px;margin-bottom: 10px; cursor: pointer;}
.material-alert .li .img{position: relative; width: 80px;height: 80px;}
.material-alert .li .img img{width: 100%;height: 100%;border-radius: 5px;}
.material-alert .li .img .gou{display: none; position: absolute;right: 6px;top: 6px;z-index: 2; width: 16px;height: 16px;cursor: pointer; background-image:url('../img/material17.png');background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.material-alert .li:hover{opacity: 0.8;}
.material-alert .li.on{opacity: 1;}
.material-alert .li.ck{opacity: 0.8;}
.material-alert .li:hover .img .gou,.material-alert .li.on .img .gou,.material-alert .li.ck .img .gou{display: block;}
.material-alert .li.ck .img .gou{opacity: 0.5;}
.material-alert .li .name{position:absolute;left:0;bottom:0px;z-index:3;width:100%;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;background-color:rgba(0,0,0,0.5);border-radius:0 0 5px 5px;text-align:center;}
.material-alert .mc .btn-d{display: flex;align-items: center;justify-content:flex-end;margin-bottom: 0;padding: 20px 17px; background-color: transparent;border-radius: 0 0 6px 6px;}
.material-alert .btn-d .cou-d{color: #666;}
.material-alert2 .mc .btn-d{box-shadow: inherit;}
.material-alert .btn-d .btn{position: relative; display: inline-block;width: 82px;height: 36px;line-height: 36px!important; margin-left: 20px;color: #fff;border-radius: 6px;background-color: #5085FB;cursor: pointer;padding: 0;}
.material-alert .btn-d .btn:hover{opacity: 0.8;}
.material-alert .btn-d .btn .bk{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color:transparent;}
.material-alert .btn-d .btn-cancel{background-color: #F4F7FB;color: #333;}
.material-alert .btn-d .btn-cancel:hover{color: #5085FB;}
.material-alert.boder .mc .tl,.material-alert.boder .mc .btn-d{margin: 0 20px;padding: 15px 0;}
.material-alert.boder .mc .tl{border-bottom: 1px solid #F2F2F2;}
.material-alert.boder .mc .btn-d{border-top: 1px solid #F2F2F2;}
.material-alert.boder .mc .xx{top: 16px;}
.material-alert .inp-group{width: 100%;padding-bottom: 11px;}
.material-alert .inp-group .flex{flex-direction:column;align-items:flex-start}
.material-alert .inp-group .lab{width: 66px;padding-bottom: 10px;color: #666;}
.material-alert .inp-group .inp-d{flex:1;position: relative;}
.material-alert .inp-group .inp{width: 100%;height: 32px;padding: 0 5px; border:1px solid #e2e2e2;border-radius: 4px;}
.material-alert .inp-group .unit{padding-left: 10px; color: #666;}
.material-alert .upImg{display: inline-block;width: 122px;height: 122px;}
.material-alert .upImg img{width: 100%;height: 100%;border-radius: 4px;}
.material-alert .btn-up2{position:absolute;left:calc(50% - 30px);top:calc(50% - 13px);width:60px;height:24px;line-height:24px;color:#5085fb;border-radius:16px;background-color:#fff;text-align:center;cursor:pointer;}
.material-alert .btn-up2:hover{color:#fff;background-color:#5085fb;}
.material-alert .ser-d{margin: 0;justify-content: space-between; }
.material-alert .ser-d .inp-d{/*position: relative;height: 30px;overflow: hidden;background-color: #E7e7e7;border-radius: 16px;border:1px solid #E7e7e7;*/width:300px;}
.materialpano-page .material-alert .ser-d .inp-d{width:300px;}
/* .material-alert .ser-d .inp-d:hover{border:1px solid #5085fb;background-color: #fff;}
.material-alert .ser-d .inp-d .inp{width: 300px;height: 30px;line-height: 30px; padding-left: 10px;padding-right: 32px; border:none;background-color: transparent;}
.material-alert .ser-d .btn-ser{position: absolute;right: 0;top: 0;z-index: 1;width: 30px;height: 30px;cursor: pointer;background-image:url('../img/material23.png');background-color: transparent;background-repeat: no-repeat;background-position: center center;background-size: auto 12px;}
.material-alert .ser-d .inp-d:hover .btn-ser{background-image:url('../img/material24.png');} */
.material-alert .pagination-box{text-align: right;}

.delete-alert .mc .btn-d{padding: 0 20px 17px;}
.delete-alert .info{padding: 10px 20px 30px 36px;}
.delete-alert .mc{top: calc(50% - 150px);}
.delete-alert .mc .tl{padding: 17px 20px 0;}
.delete-alert .mc .xx{top: 20px;}
.delete-alert .info .txt{color: #333;line-height: 20px;}
.delete-alert .info .txt a{color: #5085FB;cursor: pointer;text-decoration: underline;}
.delete-alert .info .txt a:hover{opacity: .9;text-decoration: none;}
.delete-alert .info .note{margin-top: 16px;color: #F7B500;}
.delete-alert .info .icon_tips{margin-right: 10px; color:#5085FB; }
#material-alert .mc{left: calc(50% - 348px);top: calc(50% - 260px);z-index: 101;width: 706px;}
#material-alert .pagination-box{padding-right: 10px;}
#material-alert .pagination-box .pagination{background-color: transparent;}
#material-alert .pagination a,#material-alert .pagination span{border-radius: 50%;}
#material-alert .mc .tl{padding: 15px;}
#material-alert .mc .tl-txt{font-size: 1.6rem;}
#material-alert .mc .tl-txt small{padding-left: 8px; font-size: 1.4rem;color: #666;}
#material-alert .mc .m-d{padding: 0px 15px 5px 15px;}
#material-alert .mc .m-d .rg{border-radius: 6px;}
#material-alert .rg .li{width: 16.66%; margin: 0 0 10px 0;padding: 0 10px 0 0;border: 1px solid transparent;}
#material-alert .rg .li .img img{border-radius: 5px;}
#material-alert .m-d .rg .li .name{width: calc(100% - 10px);}
#material-alert .mc .btn-d{justify-content: space-between;}

/*右侧客服*/
.contact-way{position:fixed;right:0;bottom:13px;z-index:1000;/*height: 350px;*/}
.contact-way .way{position: relative; display:block;width:46px;height:46px;margin-bottom: 10px; background-color:rgba(0,0,0,0.5);background-position:center 2px;background-repeat:no-repeat;background-size: 30px auto;}
.contact-way .way:hover{background-color:#069cd6;}
.contact-way .way.wx{background-image:url('../img/bg_side1.png');}
.contact-way .way.qq{background-image:url('../img/bg_side2.png');display: none;}
.contact-way .way.phone{background-image:url('../img/bg_side3.png');}
.contact-way .way.top{background-image:url('../img/bg_side4.png');}
.contact-way .way.msg{background-image:url('../img/bg_side5.png');background-size: 22px auto;background-position: center 5px;}
.contact-way .way.app{background-image:url('../img/bg_side6.png');background-size:22px auto;background-position:center 6px;}
.contact-way .way .t{position: absolute;left: 0;bottom: 3px;z-index: 1;width: 100%;color: #fff;font-size: 10px; text-align: center; }
.contact-way .info{display:none;position: absolute;right:60px;width:343px;height:auto;background-color:#fff;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.2);top: -86px;}
.contact-way .info .img-d{display:inline-block;width:48%;padding:5px;box-sizing:border-box;text-align:center;}
.contact-way .info .img-d img{display:inline-block;width:100%;}
.contact-way .info .img-d .txt{display:block; font-size:16px;color:#333;text-align:center;}
.contact-way .info .jt{position: absolute;top:98px; right:-15px;display:block;width:0;height:0;border-width:10px 0 10px 15px;border-style:solid;border-color:transparent transparent transparent #fff;}
.contact-way .phone .info{height:60px;line-height:60px;padding:0 10px;font-size:18px;}

/* 留言弹框 */
.leaveMessageAlert{display: none; position: fixed;left: 0;top: 0;z-index: 1000;height: 100%;width: 100%;color: #fff;}
.leaveMessageAlert .bk{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.leaveMessageAlert .mc{position: absolute;left: calc(50% - 200px);top:calc(50% - 30%);z-index: 2;width: 400px;padding:20px;font-size:2rem;background:#101a2d;border-radius: 5px;}
@media screen and (max-width: 992px){
  .leaveMessageAlert .mc{left:calc(50% - 150px);width:300px;}
}
.leaveMessageAlert .mc .border-box{position: relative; width:100%;height:100%;border:1px solid #999;padding:0.5em;}
.leaveMessageAlert .mc input,.mc textarea{width:100%;line-height:2em;padding:0 5px;color: #fff; font-size:1.4rem;font-weight:normal;background:none;}
.leaveMessageAlert .mc input:focus, .leaveMessageAlert .mc textarea:focus{background-color:#030619;}
.leaveMessageAlert .mc .title{position: relative;line-height:2em; margin-bottom:1em;font-size:1.6rem;font-weight:bolder;}
.leaveMessageAlert .mc .title:before,.mc .title:after{content:' ';position:absolute;top:100%;left:0;width:4em;height:5px;border-bottom:1px solid #fff;}
.leaveMessageAlert .mc .title:after{width:1.6em;border-bottom:2px solid #fff;}
.leaveMessageAlert .mc .mlabel{font-size:1.6rem;line-height:1.6em;margin:0.5em 0;}
.leaveMessageAlert .mc .tips{font-size:1.4rem;opacity:0.8;}
.leaveMessageAlert .sub-btn{width:100%;margin:1em 0;height:2.6em;line-height:2.6em;padding:0;font-size:1.6rem;color:#fff;background:url(../img/button-bg.png);background-size:100% 100%;}
.leaveMessageAlert .border-blue{position: relative; border:1px solid #999;}
.leaveMessageAlert .border-blue:before{content:' ';position:absolute;width:16px;height:16px;top:-2px;left:-2px;border-top:2px solid #00a4f7;border-left:2px solid #00a4f7;-webkit-animation:flash 3s ease infinite;-moz-animation:flash 3s ease infinite;-ms-animation:flash 3s ease infinite;animation:flash 3s ease infinite;}
.leaveMessageAlert .border-blue:after{content:' ';position:absolute;width:16px;height:16px;bottom:-2px;right:-2px;border-bottom:2px solid #00a4f7;border-right:2px solid #00a4f7;-webkit-animation:flash 3s ease infinite;-moz-animation:flash 3s ease infinite;-ms-animation:flash 3s ease infinite;animation:flash 3s ease infinite;}
.leaveMessageAlert .border-top-left{position:absolute;width:16px;height:16px;top:-2px;left:-2px;border-top:2px solid #00a4f7;border-left:2px solid #00a4f7;}
.leaveMessageAlert .border-top-right{position:absolute;width:16px;height:16px;top:-2px;right:-2px;border-top:2px solid #00a4f7;border-right:2px solid #00a4f7;}
.leaveMessageAlert .border-bottom-left{position:absolute;width:16px;height:16px;bottom:-2px;left:-2px;border-bottom:2px solid #00a4f7;border-left:2px solid #00a4f7;}
.leaveMessageAlert .border-bottom-right{position:absolute;width:16px;height:16px;bottom:-2px;right:-2px;border-bottom:2px solid #00a4f7;border-right:2px solid #00a4f7;}
@-webkit-keyframes flash{
  0%,50%,100%{opacity:1;}
  25%,75%{opacity:0;}
}
@-moz-keyframes flash{
  0%,50%,100%{opacity:1;}
  25%,75%{opacity:0;}
}
@-ms-keyframes flash{
  0%,50%,100%{opacity:1;}
  25%,75%{opacity:0;}
}
@keyframes flash{
  0%,50%,100%{opacity:1;}
  25%,75%{opacity:0;}
}
/* -mss- */
button, input, textarea {
  -webkit-appearance: none;appearance:none;
  -moz-appearance:none;
  font-size: 100%;
  font-family: -apple-system-font,Helvetica Neue,sans-serif;
  border:none;
  background:0;
}
.visib_h{visibility: hidden;}
.visib_v{visibility: visible;}
.flexx{display: -webkit-box;display: -webkit-flex;display: flex;}
.flex_center_x{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.flex_center_y{display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;}
.flex__center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content:center;align-items: center;}
.flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.flex__wrap__b{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex__justify__b{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.none{display: none !important;}
.pagination a, .pagination span{width: 30px;height: 30px;}
.switch_cell{position: relative; width: 40px; height: 22px;cursor: pointer; outline: 0; border-radius: 16px; box-sizing: border-box; background-color: #999; -webkit-transition: background-color .1s; transition: background-color .1s;}
.switch_cell:after{content: " "; position: absolute; top: 3px; left: 3px; width: 16px; height: calc(100% - 6px); border-radius: 15px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.4); -webkit-transition: left .35s cubic-bezier(.4,.4,.25,1.35); transition: left .35s cubic-bezier(.4,.4,.25,1.35); }
.switch_cell:checked{background-color: #5085FB;}
.switch_cell:checked:after { left:21px; }
.tipsafter{position: relative;}
.tipsafter:after{content:attr(tips);position: absolute;top: -58px; left: 50%;background-color: #555;visibility: hidden;width: -webkit-max-content; width: -moz-max-content; width: max-content;padding: 8px 14px; border-radius: 4px; font-size: 12px;z-index: 1;transform: translateX(-50%);color:#fff;line-height: 26px;}
.tipsafter:before{content: ''; position: absolute; display: block;visibility: hidden; width: 0; height: 0; border-width: 8px 9px 0px 9px; border-style: solid; border-color: #555 transparent transparent transparent; top: -16px;left: 50%; transform: translateX(-50%);}
.tipsafter:hover:after,.tipsafter:hover::before{visibility: visible;}
.ihover,.goback{opacity:0.85;cursor: pointer;}
.ihover:hover,.goback:hover{opacity: 1;}
.ihover:active,.goback:active{opacity: .5;}

/*******搜索*********/
.header-search-box{position: relative;min-width: 28px;margin-left: 6px;}
.nav-box .info .header-search-box .ser{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 28px;border-radius: 50px;height: 30px;cursor: pointer;background: none!important;}
.nav-box .info .header-search-box .ser .iconfont{font-size: 18px;}
.nav-box .info .header-search-box .ser span{width: 27px;background-size: 413px auto;background-position: -29px -87px;}
.nav-box .info .header-search-box .ser:hover span, .nav-box .info .header-search-box .ser.on span{background-position: 1px -87px;}
.nav-box .info .header-search-box .ser:hover,.nav-box .info .header-search-box .ser.on{color: #5085fb;}

.anchor-page .sticky-topic {display: inline-block;height: 25px;border-radius: 6px;color: #fff;line-height: 25px;background: #5085FB url(../img/ding.png) no-repeat 8px 50%/14px 13px;padding-left: 25px;font-size: 12px;padding-right: 10px;margin-right: 8px;position: absolute;left: 10px;top: 8px;z-index: 50;}

/* 多级联动 */
.sel-ganged{position:relative;z-index: 20; width:180px;font-size: 14px;}
.sel-ganged .sel-inp{display: flex;align-items: center;justify-content: space-between; position:relative;z-index:2;width:100%;height:32px;padding: 0 10px;border-radius:8px;background-color: #fff;color: #666; cursor: pointer;}
.sel-ganged .sel-inp:hover{background-color:#dce7fe;color:#5085fb;}
.sel-ganged .sel-inp .l{overflow: hidden;}
.sel-ganged .sel-inp .txt{flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sel-ganged .sel-inp .arrow{font-size: 12px;color: #606266;}
.sel-ganged .dropdown{display: none; position:absolute;right: 0;top:31px;z-index:1;}
.sel-ganged .dropdown .mc{margin:5px 0;font-size:14px;background:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);}
.sel-ganged .panels{display:flex;border-radius:4px;font-size:14px;}
.sel-ganged .panel{overflow:hidden;position:relative;min-width:180px;box-sizing:border-box;color:#606266;border-right:1px solid #e4e7ed;}
.sel-ganged .sel{height:204px;overflow:hidden;overflow-y: auto;}
.sel-ganged .options{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box;}
.sel-ganged .option{position:relative;display:flex;align-items:center;padding:0 20px 0 10px;height:34px;line-height:34px;outline:none;cursor:pointer;}
.sel-ganged .option:hover{background:#f5f7fa;}
.sel-ganged .option .lab{flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.sel-ganged .option:hover .lab{color:#5588bb;}
.sel-ganged .option .arrow{display:inline-block;line-height:1;color:#606266;font-size:12px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;vertical-align:baseline;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.sel-ganged .option:hover .arrow{color:#5588bb;}
.sel-ganged .dropdown .sj{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;top:0px;right:80px;margin-right:3px;border-width:6px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.03));border-top-width:0;border-bottom-color:#ebeef5;}
.sel-ganged .dropdown .sj::after{content:" ";position:absolute;top:1px;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff;}

.space-create-success-alert .mc{width: 310px;padding: 43px 40px!important;text-align: center;left: 50%!important;top: 50%!important;transform: translate(-50%,-50%);}
.space-create-success-alert .img{background: url(../img/sucess.png) no-repeat 0 0/70px;width: 70px;height: 70px;display: inline-block;}
.space-create-success-alert .btn{margin: 0 8px;padding: 6px 15px;width: auto;height: auto;line-height: normal;font-size: 14px;background: #5085FB;color: #fff;border-radius: 6px;cursor: pointer;}
.space-create-success-alert .btn:hover{opacity: .9;}
.space-create-success-alert h2{margin: 20px 0 30px;font-weight: bold;}
.space-create-success-alert p{margin-top: 20px;color: #666;}
.space-create-success-alert .iconfont{color: #FFB324;margin-right: 6px;}

.material-alert.pano-space-alert .mc{width: 460px;left: 50%!important;top: 50%!important;transform: translate(-50%,-50%);padding: 24px;}
.material-alert.pano-space-alert .inp{height: 40px;border-radius: 8px;padding: 0 12px;transition: all 0.3s;}
.material-alert.pano-space-alert .inp:hover,.pano-space-alert .inp:focus{border-color: #5085fb!important;box-shadow: 0 0 10px rgba(80,133,251,0.2);}

.nice-alert .mc .btn-d{box-shadow: none!important;padding: 0;margin-top: 30px;}
.nice-alert .btn-d .btn{width: auto;border-radius: 8px;padding: 0 26px!important;height: auto;line-height: normal;}
.nice-alert .btn-d .btn-cancel{background: #F2F2F2;border-color:#F2F2F2 ;color: #333;}
.nice-alert .btn-d .btn-cancel:hover{border-width: 1pt;}
.nice-alert .mc{border-radius: 8px;padding: 24px;}
.nice-alert p{color: #666;}
.nice-alert .mc .tl{margin-bottom: 20px;padding: 0;background: none;}

/* 子账号 */
/* .sub-user .contact-way{display: none;} */
.space-stop-tip{display: block;}
.space-stop-tip .icon_close{position: absolute;top: 10px;right: 10px;font-size: 20px;cursor: pointer;}
.space-stop-tip .icon_close:hover{opacity: .8;}
.space-stop-tip .mc{width: 512px;border-radius: 16px;left: 50%!important;top: 50%!important;transform: translate(-50%,-50%);}

.space-wrap .light-box .btn .iconfont{margin-right: 6px;font-size: 18px;}

.showMsgAlert,
.help-tips,
.help-tips-d,
.space-wrap .s4,
.space-wrap .s5,
.space-wrap .s8{display: none !important;}