/* 头部 */
.header{position:fixed;top:0;left:0;display:table;width:100%;box-sizing:border-box;height:0.8rem;z-index:10;line-height:0.8rem;padding:0 8.75%;box-shadow:0 0 0.1rem 0 rgba(204, 204, 204, 0.77);transition:all .3s ease-in}

.header{background:#fff}

.header.first{background:rgba(0, 0, 0, 0.5)}

.header.first{box-shadow:none;transition:all .3s ease-in}

.pc .header{min-width:1280px}

.header .logo{display:block;height:0.8rem}

.header .logo>img{width:auto;height:0.4rem;margin-top:.2rem;display:block}

.header-cont{display:table-cell;height:100%}

.header-cont::before{content:'';display:block;width:100%;height:100%;position:absolute;top:-100%;right:0;opacity:0;visibility:hidden;transition:all .3s}

.header-cont.is-search::before{opacity:1;visibility:visible;top:0}

.header-cont .log-in,
.header-cont .log-ins,
.header-cont .nav-box,
.header-cont .search>a{transition:opacity .3s, visibility .3s}

.header-cont.is-search .log-in,
.header-cont.is-search .log-ins,
.header-cont.is-search .nav-box,
.header-cont.is-search .search>a{opacity:0;visibility:hidden}


.header-nav{float:right;font-size:0}

.header-nav>li{display:inline-block;vertical-align:middle;font-size:0.18rem;min-width:1.28rem;text-align:center}

.header-nav>li.nav-active{/* border-bottom:0.02rem solid #bd671e;background-color:#f4892d; */}

.header-nav>li.nav-active>a{/* color:#fff; */color:#2C60B5}

.header-nav>li.nav-active>a>span{width:0.4rem;display:none;/*去掉导航文字前横线  */}

.header-nav>li:hover{/* border-bottom:0.02rem solid #bd6f55;background-color:#f48f55; */}

.header-nav>li>a{display:block;width:100%;height:100%}

.header-nav>li>a,
.header .search a,
.header .search input{color:#181F30;transition:color .3s linear}

.header.first .header-nav>li>a,
.header.first .search a,
.header.first .search input,
.header.first .search input::-webkit-input-placeholder{color:#fff;transition:color .3s linear}

.header.first .search input:-ms-input-placeholder{color:#fff;transition:color .3s linear}

.header.first .search input::-moz-placeholder{color:#fff;transition:color .3s linear}

.header.first .search input:-moz-placeholder{color:#fff;transition:color .3s linear}

.header-nav>li:hover>a{color:#4171ba}

.header.first .header-nav>li:hover>a,
.header.first .header-nav>li.nav-active>a{color:#1184db;transition:all .3s linear}

.header-nav>li>a>span{display:inline-block;vertical-align:middle;overflow:hidden;width:0;transition:width 0.5s ease;/* cubic-bezier(0.35, 0.45, 0.55, 1) */
  color:#fff;margin-top:-.04rem}

.header-nav>li:hover>a>span{width:0.4rem;display:none;/*去掉导航文字前横线  */}

.down-menu{position:absolute;top:.8rem;left:0;right:0;height:auto;background:#fff url(../image/index/header/bg.png) top center no-repeat;background-size:cover;visibility:hidden;overflow:hidden;transform:translateY(10%);transition:transform .6s ease-out}
.header:not(.header-first) .down-menu{box-shadow:0 -.02rem .04rem 0 rgba(204,204,204,.67)}

.header-nav li:not(.no-hover):hover>.down-menu{z-index:34;visibility:visible;transform:translateY(0);transition:transform .6s ease-out}

.search-main{opacity:0;visibility:hidden;overflow:hidden;width:auto;height:100%;position:absolute;top:-100%;right:0;padding-left:.2rem;margin:0 auto;text-align:right;transition:all .3s}

.menu-item-box{position:relative;z-index:3;font-size:0.16rem;width:82.5%;margin:.2rem auto}

.virtual-down-memu .menu-item-box{display:flex;flex-wrap:wrap}

.menu-item-box>li{display:inline-block;width:15%;margin-left:1.66%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;line-height:2.6}
.header-nav li:hover .menu-item-box>li{animation:zoomIn .5s ease-out .1s backwards}
.virtual-down-memu .menu-item-box>li{width:13%;margin-left:1.285%}

.down-menu .down-menu-item a{color:#1A2A45}
.down-menu .down-menu-item:hover a{color:#2b60b5;cursor:pointer}

.down-menu .down-menu-item span{overflow:hidden;display:inline-block;vertical-align:middle;width:0;color:#2b60b5;transition:width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1);margin-top:-.05rem}
.down-menu .down-menu-item:hover span{width:0.3rem;transition:width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1)}

.header-cont .log-in{display:block;font-size:0.14rem;width:.74rem;height:0.28rem;line-height:0.28rem;color:#1A2A45;border:1px solid #1A2A45;border-radius:0.28rem;text-align:center;margin-left:0.2rem;margin-top:0.26rem;cursor:pointer;/* margin-right:.6rem */}

.header-cont .log-ins{display:block;width:.8rem;height:0.8rem;/* color:#1A2A45; border:1px solid #1A2A45;border-radius:50%; */text-align:center;/* margin-left:0.2rem; margin-top:0.2rem; */padding:.25rem;/* padding:.05rem; */cursor:pointer;position:relative}

.header.first .header-cont .log-in{color:rgba(255, 255, 255, .7);border:1px solid rgba(255, 255, 255, .7)}

.header .header-cont .log-in:hover{color:#4171ba;border:1px solid #4171ba}

.header.first .log-in:hover{color:#fff;border:1px solid #fff}

/* .header .log-ins .log-people{
  text-align:right;background:url(../image/manager.png) .05rem center no-repeat;padding-right:.05rem;background-size:.14rem .2rem;white-space:nowrap;text-indent:.2rem;overflow:hidden;text-overflow:ellipsis;padding-bottom:.1rem} */
.header .log-ins .log-people{height:100%;border-radius:50%;white-space:nowrap;/* padding-bottom:.15rem; */box-sizing:content-box}

.header .log-ins .log-people>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.header .log-ins:hover .log-down{display:block}

.header .log-down{position:absolute;top:.8rem;width:1.4rem;height:auto;/*  background:url(../image/login_down.png) center center no-repeat;background-size:1.4rem 1.25rem; */background-color:#fff;left:-.3rem;display:none;box-shadow:0px 0px 4px 2px #5583ba;border:1px solid #5583ba;font-size:.14rem}

.header .log-down::before{content:' ';top:-.05rem;left:.63rem;display:block;height:0px;width:0;position:absolute;border-style:solid;border-width:.06rem;border-color:#e6f1fa #e6f1fa transparent transparent;transform:rotate(-45deg);box-shadow:2px -2px 2px #5583ba;z-index:1}

.header .log-down>p{display:block;color:#5583ba;line-height:.22rem;background-color:rgba(203, 219, 239, .3);font-size:.16rem;cursor:default;max-height:0.54rem;overflow:hidden;padding:.1rem}

.header .log-down>a{/* padding-top:.2rem; */
  height:.425rem;line-height:.425rem;display:block;color:#1A2A45;text-indent:0.4rem;text-align:left;border-bottom:1px dashed #5583ba}

.header .log-down>div{display:block;color:#1A2A45;line-height:.425rem;text-indent:0.4rem;text-align:left}

.header .log-down>a:hover{color:#007cd8}

.header .log-down>div:hover{color:#e56161}

/*  下拉登录后*/
/* .header .log-down>a:before,.header .log-down>div:before{  
  content:'';overflow:hidden;display:inline-block;vertical-align:middle;width:0;height:1px;background-color:#2b60b5;margin-right:.04rem;transition:width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1)}
.header .log-down>a:hover:before,.header .log-down>div:hover:before{
  width:0.3rem;transition:width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1)} */
/* .down-manager{
  background:url(../image/manager_sub.png) .15rem no-repeat;background-size:auto .16rem}
.down-exit{
  background:url(../image/exit.png) .15rem no-repeat;background-size:auto .16rem} */
/* .header .log-down .down-manager:hover{
color:#4171ba;
background:url(../image/manager_sub_h.png) .15rem no-repeat;
background-size:auto .16rem}
.header .log-down .down-exit:hover{
  color:#4171ba;background:url(../image/exit_h.png) .15rem no-repeat;background-size:auto .16rem} */
.search{display:block;height:100%;width:0.8rem;font-size:0}

.search>a{font-size:0;line-height:0;display:block;height:0.8rem;width:0.8rem;padding:0.2rem;cursor:pointer;line-height:.4rem;text-align:center;color:#1A2A45;font-size:.24rem}


.search>a>i{font-size:inherit}

.search.active>.search-main{opacity:1;visibility:visible;top:0;z-index:1}

.search>.search-main>.search-input{display:inline-block;margin:.15rem 0;height:.5rem;box-sizing:content-box}

.search>.search-main>.search-input>input{display:inline-block;width:4.65rem;line-height:.5rem;border:0;background-color:transparent;font-size:.16rem;vertical-align:top;padding:0 .2rem;border:1px solid #C9C9C9;border-right:0;border-radius:.04rem 0 0 .04rem}

.search>.search-main>.search-input>input:focus{border-color:#3C9FE9}

.search>.search-main>.search-input>a{display:inline-block;width:.7rem;background-color:#3C9FE9;color:#fff;font-size:.24rem;text-align:center;line-height:.5rem;cursor:pointer;vertical-align:top;border:1px solid #C9C9C9;border-left:0;border-radius:0 .04rem .04rem 0}

.search>.search-main a>i{font-size:inherit}

.search>.search-main>.search-main-close{display:inline-block;margin-left:.18rem;margin-top:.15rem;border-radius:50%;font-size:.38rem;line-height:.5rem;vertical-align:top;cursor:pointer}

@media screen and (max-width:1460px){
  .pc .header{padding:0 1rem 0 1rem;}
  /* .pc .search{right:1rem;} */}

/*移动端*/
.phone .header{padding:0 .4rem;height:1.12rem;z-index:11}

.phone .header.first{background:transparent;color:#FFFFFF}

.phone .header .logo>img{height:.5rem;margin-top:.31rem}

.phone .header .header-cont .log-in{display:none !important;height:.5rem;line-height:.5rem;margin-top:.31rem;margin-right:0.4rem;font-size:.26rem}

.phone .header .log-ins{display:none !important;width:.5rem;height:.5rem;margin-top:.31rem;margin-right:0.65rem}

.phone .header .log-down{width:1.6rem;top:.63rem}

.phone .search{display:none !important;right:2.1rem;margin-top:.26rem;margin-right:.4rem;height:0.6rem;width:.6rem}

.phone .search:hover{width:.4rem;border:none}

.phone .search:hover>input{display:none}

.phone .search>input{font-size:.28rem}

.phone .search>a>img{width:.4rem;line-height:.6rem;right:.1rem}

.phone .nav-box{display:none}

.phone .nav-hidden{display:block;z-index:200}

.phone .header .search-close,
.pc .header .search-close{display:none}

/* 搜索导航 */
.phone-header{display:none;align-items:center;float:right;margin:.3rem .1rem 0;line-height:.5rem;font-size:.5rem}

.phone .phone-header{display:flex}

.phone-header>div+div{margin-left:.4rem}
.phone-header .phone-log>a{color:inherit}
.phone-header i{font-size:inherit;line-height:inherit}

.iconfont.icon-search{background-image:none}

/*搜索效果  */
.phone .header.search-loading{z-index:201}

.phone .header.search-loading>a{display:none}

.phone .header.search-loading .log-ins,
.phone .header.search-loading .phone-header{display:none}

.phone .header.search-loading .search{width:calc(100% - 1.2rem);margin-right:0;right:1rem;border:1px solid #4171ba;border-radius:4px}

.phone .header.search-loading .search>input{display:block;font-size:.32rem}

.phone .header.search-loading .search-close{display:block;position:absolute;font-size:.32rem;line-height:1.12rem;right:.2rem;top:0}

/* 手机端菜单 */
.mask{width:100%;height:100%;overflow:auto;position:fixed;top:0;left:0;background-color:#fff;z-index:200}

.mask-header{width:89.33%;height:.47rem;margin:.34rem auto}

.mask-header:after{content:'';display:block;height:0;clear:both}

.mask-header-logo{height:100%;width:2.04rem}

.mask-header-logo>img{width:100%;height:100%}

.mask-header .exit-nav{position:relative;width:.3rem;height:.3rem}

.mask-header .exit-nav>div{width:.3rem;height:0;border-top:2px solid #081432;position:absolute;;left:0;top:0.13rem;transform:rotate(45deg)}

.mask-header .exit-nav>div:last-child{transform:rotate(-45deg)}

/* 手机搜索 */
.mask-search{width:100vw;height:100%;background-color:#FFFFFF;position:fixed;z-index:999;top:0;left:100%;transition:left .2s}

.mask-search.is-show{left:0}

.mask-search-back{position:absolute;left:.13rem;top:.08rem;line-height:.68rem;display:flex;align-items:center;font-size:.36rem}

.mask-search-back i{font-size:.68rem;color:#0B0B0B}

.mask-search .mask-search-main{padding:.8rem 0;height:100%;display:flex;align-items:center;flex-direction:column}

.mask-search .mask-search-main .search-logo{width:100%;padding:0 .5rem;margin-top:1.08rem}

.mask-search .mask-search-main .search-logo>img{display:block;width:44.615%;margin:auto}

.mask-search .mask-search-main .mask-search-input{position:relative;display:flex;width:100%;padding:0 .5rem;margin-top:.8rem;border-radius:4px;font-size:.3rem}

.mask-search .mask-search-main .mask-search-input>i:first-child{color:#999999;font-size:.32rem;height:.32rem;position:absolute;left:.7rem;top:0;bottom:0;margin:auto}

.mask-search .mask-search-main .mask-search-input input{display:block;width:80.3%;height:.86rem;background:#FBFBFB;padding-left:.6rem;border:0;outline:0;border:1px solid #C9C9C9;border-radius:4px 0 0 4px}

.mask-search .mask-search-main .mask-search-input>a{display:block;width:19.7%;height:.86rem;line-height:.86rem;text-align:center;background:#007CD8;border:1px solid #C9C9C9;border-left:0;border-radius:0px 4px 4px 0px;color:#FFFFFF;font-size:inherit}

.mask-search .mask-search-main .mask-search-history{width:100%;margin-top:.7rem;padding:0 .5rem;flex:1;overflow-y:auto}

.mask-search .mask-search-main .mask-search-history .label{color:#444444;font-size:.26rem}

.mask-search .mask-search-main .search-history-list{display:flex;flex-wrap:wrap;margin-left:-.1rem;margin-right:-.1rem}

.mask-search .mask-search-main .search-history-item{padding:.1rem}

.mask-search .mask-search-main .search-history-item>a{display:block;min-width:2rem;max-width:3rem;height:.62rem;line-height:.62rem;background:#F6F6FB;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .1rem;text-align:center;color:#222222;font-size:.24rem}

.mask-search .mask-search-main .empty-view{display:block;margin:auto;width:100%;float:none;margin:.5rem 0}

.mask-search .mask-search-main .empty-view>img{width:32.77%;display:block;margin:0 auto}

.mask-search .mask-search-main .empty-view>span{display:block;text-align:center;color:#999999;font-size:.22rem;letter-spacing:2px;margin-top:.27rem}

.swiper-pagination-mask{box-sizing:border-box;width:100%;height:calc(100% - 2rem);padding-top:.49rem;background-color:transparent;position:relative;top:0;left:0;overflow-y:auto}

.swiper-pagination-mask>.swiper-pagination-bullet{display:block;font-size:0.28rem;color:#1A2A45;line-height:0.96rem;width:auto;height:0.96rem;border-radius:0;position:relative;border:0;border-bottom:1px solid #E8EAF2;text-align:left;opacity:1;background:transparent;overflow:hidden;position:relative;width: 100%;padding-right: calc(10.67% + 0.15rem);box-sizing: border-box}

.swiper-pagination-mask>.swiper-pagination-bullet>a{color:#1A2A45;width: 100%;display: inline-block;text-indent:5.335%}

.swiper-pagination-mask>.swiper-pagination-bullet-active.down{height:auto}

.mask-down-menu{width:100%;padding:0 5.335%;box-sizing: content-box}

.mask-down-menu>li{text-indent:2em;text-align:left}

.mask-down-menu>li>a{text-indent:2em;font-size:.28rem;line-height:.96rem;color:#1A2A45}

.swiper-pagination-mask .swiper-pagination-bullet.down:after{content:'';position:absolute;right:5.335%;top:0.4rem;width:.15rem;height:.15rem;border-right:1px solid #7C8292;border-bottom:1px solid #7C8292;transform:rotate(45deg);transition:transform .3s ease-in-out;pointer-events: auto}

.swiper-pagination-mask .swiper-pagination-bullet-active,
.swiper-pagination-mask .swiper-pagination-bullet:hover{width:100%;outline:none;color:#007CD8}

.swiper-pagination-mask .swiper-pagination-bullet-active>a,
.swiper-pagination-mask .swiper-pagination-bullet:hover>a{color:#007CD8}

.swiper-pagination-mask .swiper-pagination-bullet-active.down:after{border-right:1px solid #007CD8;border-bottom:1px solid #007CD8;transform:rotate(-135deg);transition:transform .3s ease-in-out}

.swiper-pagination-mask>.swiper-pagination-bullet.down:hover:after{border-right:1px solid #007CD8;border-bottom:1px solid #007CD8}

.mask .log-box{box-shadow:1px 2px 18px 0px rgba(62, 71, 86, 0.19);height:.96rem;font-size:.32rem;width:100%;position:fixed;bottom:0;left:0;background-color:#fff;z-index:13}

.mask .log-in{text-align:center;line-height:.96rem}

.mask .log-ins{display:flex;justify-content:space-between;align-items:center;padding:0 5.335%}

.mask .log-ins .log-info{flex-grow:1}

.mask .log-ins .log-info a{display:flex;align-items:center}

.mask .log-ins .log-info img{width:.6rem;height:.6rem;border-radius:50%}

.mask .log-ins .log-people>span{display:block;width:7.85em;padding-left:.1rem;color:#1A2A45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* .mask .log-ins .log-info .log-people{margin-left:.34rem} */
.mask .log-ins .down-exit{background:none;width:1.5rem;height:.56rem;border-radius:.28rem;color:#e56161;border:1px solid #e56161;font-size:.28rem;text-align:center;line-height:.56rem;margin-left:.2rem}

.mask .log-ins .down-manager{display:block;background:none;width:1.5rem;height:.56rem;border-radius:.28rem;color:#007cd8;border:1px solid #007cd8;font-size:.28rem;text-align:center;line-height:.56rem}

.rightOut{animation:rightOut 0.2s linear both}

@media screen and (max-width:980px){
  html{font-size:13.33vw;}
  html.pc{font-size:85px}
}

@keyframes rightOut{
  0%{left:0;opacity:1;}
  100%{left:100%;opacity:0;}
}