*{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:"Microsoft YaHei","微软雅黑";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: 100; 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;}
.nav-box .logo{height: 22px;}
.nav-box .info .ordercar,.nav-box .info .spp{display: none;}
.nav-box .nav .sp{position: relative;height: 66px; padding: 0 20px;}
.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{border-bottom: 2px solid #5085fb;}
.nav-box .nav .sp .btn-fabu{position: relative; display: inline-block;padding-bottom: 0;margin-right: -19px;}
.nav-box .nav .sp:hover .btn-fabu{border-bottom: 2px solid transparent;}
.nav-box .nav .sp .btn-fabu .nm{display:inline-block;height:30px;line-height:30px;padding:0 18px;color:#fff;background-color:#5085fb;border-radius: 50px;cursor:pointer;}
.nav-box .nav .sp .btn-fabu .nm .iconfont{margin-right: 5px;font-size: 14px;}
.nav-box .nav .sp .btn-fabu .sle-fabu{display: none; position: absolute;top: 0;left: -21px;width: auto; padding-top: 56px;}
.nav-box .nav .sp .btn-fabu:hover .sle-fabu{display: block;}
.nav-box .nav .sp .btn-fabu .sle-fabu .option-d{width:auto;background-color: #fff;color: #333;border-radius: 6px;    box-shadow: 6px 0px 10px rgba(0, 0, 0, 0.5); text-align: center;}
.nav-box .nav .sp .btn-fabu .sle-fabu .option{display:block;width:100%;min-width:120px;height:35px;line-height:35px;padding-left:38px;padding-right:0px;color:#333;font-size:1.2rem;text-align: left; background-image:url('../images/material60.png');background-size:auto 20px;background-repeat:no-repeat;background-position:12px center;box-shadow:0 0 1px rgba(0,0,0,.06);cursor: pointer;}

.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(2){background-image:url('../images/material66.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(3){background-image:url('../images/material61.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(4){background-image:url('../images/material64.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(5){background-image:url('../images/material62.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:nth-child(6){background-image: url('../images/material63.png');}
.nav-box .nav .sp .btn-fabu .sle-fabu .option:hover{color:#5085fb;box-shadow:0 0 26px rgba(0,61,131,.1);transform:translateY(-1px);}
.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>div{cursor: pointer;}
.nav-box .info .light-btn{background-color: rgba(255, 255, 255, 0.2);border-radius: 50px;padding: 0 14px;height: 30px;line-height: 30px;display: inline-block;color: #fff;}
.nav-box .info .light-btn .iconfont{margin-right: 7px;}
.nav-box .info .light-btn .mount{background: url('../images/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 .ordercar{position: relative;}
.nav-box .info .ordercar .cart{background: url('../images/cart.png') no-repeat 0 50%/23px auto;display: inline-block;width: 23px;height: 100%}
.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('../images/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('../images/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-left: 5px;}
.nav-box .info .msg .icon{width: 22px;height: 22px;background-image:url('../images/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%;padding: 0 10px;justify-content: center;}
.nav-box .info .msg .sj{left: 21%;}
.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('../images/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;}
.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: 5px;}
.nav-box .info .user .flex{height: 100%;}
/* .nav-box .info .user:hover .sj{display: block;} */
.nav-box .info .head-img{display: block; width: 35px;height: 35px;}
.nav-box .info .head-img img{width: 100%;height: 100%;border-radius: 50%;opacity: 1;}
.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{display: none; position: absolute;top: 56px;right: -15px;z-index: 1;line-height: 20px; padding: 15px 0px;border-radius: 5px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); background-color: #fff;}
.nav-box .info .user:hover .user-panel{display: block;}
.nav-box .user-panel .user-info{margin: 0 20px;}
.nav-box .user-panel .img-d{display: block; position: relative; width: 60px;height: 60px;border-radius: 50%;border:2px solid transparent;}
.nav-box .user-panel .img-d:hover{border:2px solid #5085fb;}
.nav-box .user-panel .img-d img{width: 100%;height: 100%;border-radius: 50%;}

.nav-box .user-panel .img-d .icon{position: absolute;right: 0;bottom: 0;z-index: 1; width: 15px;height: 15px;background-image:url('../images/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 .txts{padding-left: 20px;}
.nav-box .user-panel .name{display: block; padding-top: 4px; color: #000;font-size: 1.6rem;}
.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('../images/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: 12px 0;}
.nav-box .user-panel .ul a{display: block;height: 36px;line-height: 36px; padding: 0 20px 0 30px; color: #333;font-size: 1.4rem;box-shadow: 0 0 1px rgba(0,0,0,.06);}
.nav-box .user-panel .ul a:hover{color:#5085fb;box-shadow:0 0 26px rgba(0,61,131,.1);/*transform:translateY(-1px);*/}
.nav-box .user-panel .exit{margin: 0px;padding-top: 0px; border-top: 0px solid #f8f8f8;text-align: center;}
.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 .msg-panel{display: none; position: absolute;top: 56px;right: -15px;z-index: 1;line-height: 20px; padding: 0px;border-radius: 5px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); 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;box-shadow:0 0 3px rgba(0,0,0,.06);}
.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: 0;top:0px;z-index: 1;width: 100%;line-height: 20px; padding: 110px 0 45px 0; background-color: #100D20;text-align: center;opacity: 0;}
.nav-box .search-mc .ct{display: inline-block; margin: 0 auto;}
.nav-box .search-mc .ser{width: 72px;height: 72px;background-image:url('../images/spirit.png?ver=11');background-size:550px auto;background-repeat: no-repeat;background-position: -479px -263px;cursor: pointer;}
.nav-box .search-mc .inp-d{padding-left: 35px;margin-left: 35px; border-left: 2px solid #ccc;}
.nav-box .search-mc .inp{width: 100%;height: 48px;padding-left: 0px;color: #aaa;font-size:4rem;letter-spacing: 5px;font-weight: 100;border-radius: 6px;border:none;background-color:transparent;}
.nav-box .search-mc .inp::-webkit-input-placeholder{color:#aaa;font-size:4rem;letter-spacing: 5px;font-weight: 100;}
.nav-box .search-mc .inp:-moz-placeholder{color:#aaa;font-size:4rem;letter-spacing: 5px;font-weight: 100;}
.nav-box .search-mc .inp:-ms-input-placeholder{color:#aaa;font-size:4rem;letter-spacing: 5px;font-weight: 100;}
.nav-box .search-mc .history{padding-top: 18px;}
.nav-box .search-mc .history .sp{display: inline-block;height: 24px;line-height: 24px;padding: 0 20px;margin-right: 20px;color: #aaa; background-color: #000;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: 110px 0 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: #ccc;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('../images/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;}
@media screen and (max-width: 1441px){
  .nav-box .copyright-mc .ct{transform: scale(0.8);}
}


.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: #fff;}
.footer-box a:hover{color: #5085fb;}
.footer-box .footer-m{padding-top: 35px;padding-bottom: 0px;}
.footer-box .mn{display: flex;justify-content:space-around;max-width: 1920px;margin: 0 auto;padding: 0 5%;font-size: 1.4rem;}
.footer-box .contact-d{width: 25%;padding-right: 20px;}
.footer-box .introduce-d{width: 16.66%;}
.footer-box .hh{padding-bottom: 15px;font-size: 1.8rem;}
.footer-box .ul{width: 100%;}
.footer-box .ul .li{position: relative;line-height: 30px; width: 100%;margin-left: 5px; padding-left: 12px; font-size: 1.4rem;opacity: 0.8;}
.footer-box .ul .li::after{position: absolute;left: 0;top: 1px; content:url("../images/jt.png");font-weight:bolder;margin-right:0.5em;width:1em;height:1em;}
.footer-box .join-d{width: 33.33%;}
.footer-box .join-d .img-d{width: 80%;}
.footer-box .join-d .fm{width: 80%;}
.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;}
.footer-box .ewm-d .ewm{padding-left: 30px;}
.footer-box .ewm-d .tl{padding-bottom: 10px; font-size: 1.8rem;}
.footer-box .ewm-d .ewm img{width: 142px; 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;}

.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('../images/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-ds:before{content:"";display:inline-block;padding-bottom:100%;/*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(../images/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;}
.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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/spirit.png?ver=11');background-size:340px auto;background-repeat: no-repeat;background-position: -122px -1px;}




.user-info .info .cou-d .default{margin-right: 16px;font-size: 1.2rem;color: #666;cursor: pointer;}
.user-info .info .cou-d .default:hover{opacity: 0.6;}
.user-info .info .cou-d .default .icon{display: inline-block;width: 16px;height: 16px;margin-right: 3px; background-image:url('../images/spirit.png?ver=11');background-size:300px auto;background-repeat: no-repeat;background-position:-202px -192px;}
.user-info .info .cou-d .default:nth-child(2) .icon{width: 16px;height: 16px;margin-right: 3px;color: #5085fa;background-image:url('../images/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('../images/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('../images/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;}





.user-img_vip::before {background-image: url('../images/ultimate.png')}
.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-ds:before{content:"";display:inline-block;padding-bottom:100%;}
.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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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('../images/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:100;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: 6px;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('../images/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('../images/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("../images/material45.png");background-repeat: no-repeat;background-position: center center;background-size:100% 100%;}
.ewm-alert .mc .xx:hover{background-image:url("../images/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: calc(50% - 200px);left: calc(50% - 150px);width: 300px;padding: 10px 20px 10px 20px;font-size: 1.4rem;color: #333;}
.paywayAlert .mc .xx{right: 12px;top: 12px;width: 20px;height: 20px; font-size:2.6rem;color:#666;transform:rotate(0deg);background-image:url("../images/material45.png");background-repeat: no-repeat;background-position: center center;background-size:100% 100%;}
.paywayAlert .mc .xx:hover{background-image:url("../images/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%;}
.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: 500px;padding: 0; opacity: 1;background-color: #fff;}
.material-alert .mc .tl{margin: 0; padding: 10px 15px;background-color: #F2F2F2;font-size: 1.6rem;font-weight: normal; text-align: left;border-radius: 6px 6px 0 0;}
.material-alert .mc .xx{right: 13px;top: 10px;}  
.material-alert .mc .xx .icon{background-image:url('../images/material45.png');background-position: center center;background-size: 100% 100%;}
.material-alert .mc .xx .icon:hover{background-image:url('../images/material46.png');}
.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('../images/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: 12px 15px; background-color: transparent;border-radius: 0 0 6px 6px;box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.1);}
.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: 84px;height: 32px;line-height: 32px; margin-left: 20px;color: #fff;border-radius: 10px;background-color: #5085FB;border: 1px solid #5085FB; cursor: pointer;}
.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: transparent;border: 1pt solid #999999;color: #999;}
.material-alert .btn-d .btn-cancel:hover{color: #5085FB;
  border: 1px solid #5085FB;}
.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('../images/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('../images/material24.png');} */
.material-alert .pagination-box{text-align: right;}

.delete-alert .info{padding: 30px 20px 30px 20px;}
.delete-alert .mc{top: calc(50% - 150px);}
.delete-alert .info .txt{color: #333;}
.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('../images/bg_side1.png');}
.contact-way .way.qq{background-image:url('../images/bg_side2.png');}
.contact-way .way.phone{background-image:url('../images/bg_side3.png');}
.contact-way .way.top{background-image:url('../images/bg_side4.png');}
.contact-way .way.msg{background-image:url('../images/bg_side5.png');background-size: 22px auto;background-position: center 5px;}
.contact-way .way.app{background-image:url('../images/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);}
.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:12px; 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(../images/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: 80px;}
.nav-box .info .header-search-box .ser{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 80px;background-color: rgba(255, 255, 255, 0.2);border-radius: 50px;height: 30px;}
.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(../images/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;text-align: center;left: 50%!important;top: 50%!important;transform: translate(-50%,-50%);}
.space-create-success-alert .img{background: url(../images/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%);}
.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: 8px 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%);}