@font-face {
  font-family:'Barlow';
  src: url('fonts/Barlow-Bold.woff') format('woff');
  font-weight:700;
  font-display:swap;
}
@font-face {
  font-family:'Barlow';
  src: url('fonts/Barlow-Medium.woff') format('woff');
  font-weight:500;
  font-display:swap;
}
@font-face {
  font-family:'Barlow';
  src: url('fonts/Barlow-Regular.woff') format('woff');
  font-weight:300;
  font-display:swap;
}
@font-face {
  font-family:'Barlow';
  src: url('fonts/Barlow-Light.woff') format('woff');
  font-weight:100;
  font-display:swap;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

body{font-family:'Barlow',sans-serif;--white:#ffffff;--hover:#1291a0;--black:#000;--grey:#666;--grey2:#999;--bgcolor:#f5f9fa;--rgb-white:255,255,255;--rgb-black:0,0,0; font-size:var(--font-size16); overflow-x:hidden;}
a:hover{color:var(--hover);}


/* 导航 */
header{ border-bottom:solid 1px rgba(0,0,0,0.1); background:var(--white); position:fixed; left:0; top:0; width:100%; z-index:10;}
header.back-grey{ background:var(--bgcolor);}
header .logo a{ height: 1rem; display: inline-flex; align-items: center;}
header .logo a img{ max-width:3.5rem;}
header .nav-box .ul{ height:100%;}
header .nav-box li{ margin-right:.5rem;}
header .nav-box li a{ color:#222222; height:100%;}
header .nav-box li.active a,
header .nav-box li a:hover{ color:var(--hover);}
header .others-top{ font-size:var(--font-size20);}
header .use-box{ margin-right:.4rem;}
header .use-box .use-img{ margin-right:.1rem; width:.41rem; position: relative;}
header .use-box .use-img .Count{ position:absolute; top:0; right:0; font-size:.1rem; min-width:1.5em; height:1.5em; line-height:1.5em; display:block; border-radius:100%; background:#e60012; text-align:center; color:#fff; text-align:center; font-style: normal;}
header .use-box .use-img figure{ width:100%; padding-bottom:100%; border-radius:1rem; overflow:hidden;}
header .use-box .use-img figure img{ position:absolute; left:0; top:0;object-fit:cover;}
header .login-but-up{ cursor:pointer; padding:.08rem .2rem; font-weight:300; background:#1291a0; color:var(--white); border-radius:.05rem;}
header .iconfont{ margin-right:.1rem; font-size:var(--font-size18); color:#222222;}
header .voice{ cursor:pointer;}
header .open-menu{ display:none;}
header .open-menu i{ background:var(--hover);}

@media(max-width:1024px){
header .logo a{ height: .8rem;}
header .logo a img{ max-width:2rem;}
header .nav-box{ background:var(--white); position:fixed; right:-55%; width:35%; top:.74rem; height:calc(100vh - .74rem); z-index:8; transition:.3s;}
header .nav-box .ul{ flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; align-content:flex-start; width:100%; padding:.2rem; background-color:#fff;}
header .nav-box .ul li{ width:100%; margin-right:0; padding:.05rem .1rem;}
header .nav-box .ul li a{ padding:.1rem;}
header .use-box{ margin-right:.2rem;}
header .open-aniu{ margin-left:.2rem;}
header .open-menu{ display:block;}
.menu-show .nav-box{ right:0;}
.menu-show .nav-box:before{ content:''; position:absolute;right:0; top:0; width:100vw; height:100%; background-color:rgba(0,0,0,0.5);z-index:-1;}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
  
.open-menu:not(.on) i:nth-child(1){margin-top:-10px;}
.open-menu:not(.on) i:nth-child(3){margin-top:8px;}
.menu-show .open-menu i:nth-child(2){opacity:0;}
.menu-show .open-menu i:nth-child(1){ margin:0; transform:rotate(-45deg);}
.menu-show .open-menu i:nth-child(3){ margin:0; transform:rotate(45deg);}
}

@media(max-width:640px){
header .logo a img{ max-width:1.5rem;}
header .others-top{ font-size:var(--font-size16);}
header .login-but-up{ padding:.05rem .1rem;}
header .nav-box{ width:50%; top:.72rem; height:calc(100vh - .72rem);}
}


/* 底部 */
footer{ background:#231815; color:rgba(255,255,255,0.6); font-weight:300; padding:.2rem 0;}
footer .copyright{ margin-right:1.5em;}
footer a{color:rgba(255,255,255,0.6);}
footer a:hover{ color:var(--white);}

/* 文件中心 */
.index-main{ padding:1.8rem 0 1rem; background-color:var(--bgcolor);}
.index-main .menu-left{width:2.4rem; line-height:1.5;}
.index-main .menu-left .web-txt{ display:none;}
.index-main .Rigcon-box{width:calc(100% - 3.2rem); min-height:75vh;}
/* @media(max-width:1024px){
.index-main{ padding-top:1.2rem;}
.index-main .menu-left{width:2.2rem;}
.index-main .Rigcon-box{ width:calc(100% - 2.6rem);}
} */

@media(max-width:1024px){
.index-main .Rigcon-box{ width:100%; min-height:45vh;}
.index-main .menu-left{ width:100%; margin-bottom:.2rem; position:relative;}
.index-main .menu-left .web-txt{ margin-bottom:.1rem; display:-webkit-flex; display:flex; align-items:center;}
.index-main .menu-left .web-txt .but-menu::before{ content:''; display:block; width:.35rem; height:.35rem; background-image:url(../images/category.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.index-main .menu-left .web-txt .but-menu span{ margin-left:.1rem;}
.index-main .menu-left .dow-oiw{ position:absolute; left:0; top:100%; width:100%; z-index:7; background:var(--white); padding:.2rem; border-radius:.05rem; overflow: hidden; box-shadow:0 0 .1rem rgba(0,0,0,0.1); display:none;}
}



/* 左边菜单 */
.file-box .menu-left .let-box{ padding-bottom:.25rem; margin-bottom:.25rem; border-bottom:solid 1px rgba(0,0,0,0.1);}
.file-box .menu-left .let-box:last-child{ margin-bottom:0;}
.file-box .menu-left .ol{ line-height:1.5; font-weight:600; position:relative; cursor:pointer;}
.file-box .menu-left .ol i{ font-size:var(--font-size16); position:absolute; right:0; top:0; color:#575b66; transform:rotate(-180deg); transition:.3s;}
.file-box .menu-left .ol.active i{ transform:rotate(0deg);}
.file-box .menu-left .ul{ margin-top:.15rem;}
.file-box .menu-left .ul li{display:-webkit-flex; display:flex; justify-content:space-between; margin-bottom:.08rem; color:#666666; font-weight:300;cursor:pointer;}
.file-box .menu-left .ul li span{ display:block; flex: 1; padding: 0 .1rem; }
.file-box .menu-left .ul li .num{ font-size: var(--font-size14);}
.file-box .menu-left .ul li .check{ margin-top:.03rem; width:.16rem; height:.16rem; text-align:center; line-height:.14rem;display:block; border:solid 1px rgba(0,0,0,0.2); border-radius:.02rem; overflow:hidden; font-size:0;}
.file-box .menu-left .ul li:last-child{ margin-bottom:0;}
.file-box .menu-left .ul li.on{ color:#222;}
.file-box .menu-left .ul li.on .check{ background:var(--hover); border-color:var(--hover); font-size:var(--font-size14); color:var(--white);}

/* 文件搜索 */
.file-search{ border:solid 1px #ccc; border-radius:.05rem; overflow:hidden;}
.file-search input{ width:calc(100% - .9rem); padding:.18rem .3rem; font-size:var(--font-size18);border:none; font-weight:300;}
.file-search .aniu{ width:.8rem; font-size:var(--font-size22); cursor:pointer;}

/* 添加标签 */
.page-tag{ padding:.3rem 0;}
.page-tag .tag-list .ol{ margin-right:.1rem; padding:.1rem .2rem; border:solid 1px var(--hover); border-radius:.05rem;}
.page-tag .tag-list .ol i{ cursor:pointer; margin-left:.15rem; font-size:var(--font-size10); width:.25rem; height:.25rem; text-align:center;}
.page-tag .tag-list .ol:last-child{ margin-right:.3rem;}
.page-tag .tag-con .aclear{ font-size:var(--font-size16); cursor:pointer;}
.page-tag .results{ margin-right:.25rem;}
.page-tag .dis-icon{ margin-right:.3rem; cursor:pointer;}
.page-tag .dis-icon i{ margin-right:.1rem;}
.page-tag .dis-icon:last-child{ margin-right:0;}
.page-tag .dis-icon.on{ color:var(--hover);}

@media(max-width:1024px){
.page-tag{ flex-wrap:wrap-reverse;}
.page-tag .rig-con{ margin-bottom:.2rem; width:100%;}
.page-tag .tag-list .ol{ padding:.05rem .1rem; margin-top:.05rem; margin-bottom:.05rem;}
.page-tag .tag-list .ol:last-child{ margin-right:.2rem;}
}

@media(max-width:640px){
.page-tag .tag-con{ width:100%;}
.page-tag .tag-list{ max-width:calc(100% - 3.5em);}
}



/*瀑布流布局*/
#fluid-container{-webkit-column-width:4.8rem;-moz-column-width:4.8rem;-o-column-width:4.8rem;-ms-column-width:4.8rem;}
#fluid-container .item{display:inline-block;position:relative; margin-bottom:.18rem;}
#fluid-container .item .pic{border-radius:.05rem; background:var(--white); overflow:hidden; position:relative; cursor:pointer;}
#fluid-container .item .pic img{ width:100%;}
#fluid-container .item .pic::after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:2; opacity:0; transition:all .3s;}
#fluid-container .item .tit{position:absolute; bottom:0; left:0; padding:.25rem .3rem; width:100%; opacity:0; z-index:3; font-weight:300;}
#fluid-container .item .check-but{ position:absolute; left:.25rem; top:.25rem; background:var(--white); padding:.08rem .2rem .08rem .1rem;border-radius:.05rem; cursor:pointer; z-index:5;}
#fluid-container .item .check-but i{ margin-right:.1rem; width:.16rem; height:.16rem; border:solid .02rem #696969; border-radius:1rem; font-size:0;}
#fluid-container .item .ril-oi{ position:absolute; right:.25rem; top:.25rem; z-index:5;}
#fluid-container .item .option-other{ opacity:0;}
#fluid-container .item .icon-sel{ margin-right:.1rem; background:var(--white); width:.4rem; text-align:center; border-radius:.05rem; cursor: pointer; color:#666666; position:relative; padding:.095rem .15rem;}
#fluid-container .item .icon-sel:last-child{ margin-right:0;}
#fluid-container .item .icon-sel .twz{ padding:.1rem; font-size:var(--font-size14); background:#111111; color:var(--white); position:absolute; left:50%; top:120%; border-radius:.05rem; transform:translateX(-50%); display:none;}
#fluid-container .item .icon-sel:hover{ color:var(--hover);}
#fluid-container .item .icon-sel:hover .twz{ display:block;}
#fluid-container .item .but-collect.on,
#fluid-container .item .but-collect:hover{ background:var(--hover); color:var(--white);}
#fluid-container .item .but-delete:hover{ background:var(--hover); color:var(--white);}
#fluid-container .item .ConUp{ position:absolute; top:0; left:100%; padding-left:.15rem; z-index:6; height:0; overflow:hidden;}
#fluid-container .item .ConUp .tit{ font-size:var(--font-size22);}
#fluid-container .item .ConUp .PaddCon{width:8.1rem; box-shadow:0 0 .1rem rgba(0,0,0,0.3);border-radius:.05rem; overflow:hidden; position:relative;}
#fluid-container .item .ConUp.left-ol{ right:auto; left:100%; padding-left:.15rem;}
#fluid-container .item .ConUp.right-ol{ left:auto; right:100%; padding-right:.15rem;}
#fluid-container .item .ConUp.top-ol{ bottom:auto; top:0;}
#fluid-container .item .ConUp.fot-ol{ top:auto; bottom:0;}
#fluid-container .item.active .check-but{ color:var(--white); background:var(--hover);}
#fluid-container .item.active .check-but i{ border-color:var(--white); background:var(--white); color:var(--hover); font-size:var(--font-size12);}
#fluid-container .item:hover .tit,
#fluid-container .item.active .tit{ opacity:1; color:var(--white);}
#fluid-container .item:hover .pic::after,
#fluid-container .item.active .pic::after{ opacity:1;}
#fluid-container .item:hover .option-other,
#fluid-container .item.active .option-other{ opacity:1;}

.fluid-layout .download-all{ position:fixed; left:0; bottom:.2rem; width:100%; z-index:8;}
.fluid-layout .wtdol{width:calc(100% - 3.2rem);}
.fluid-layout .wtdol .bg-green{ padding:0 .2rem; background:var(--hover); border:solid 2px var(--white); color:var(--white); border-radius:2rem;}
.fluid-layout .wtdol .color-bg{ padding:.18rem 0; cursor:pointer;}
.fluid-layout .wtdol .color-bg .line{ padding:0 .25rem; border-right:solid 1px rgba(255,255,255,0.2);}
.fluid-layout .wtdol .color-bg i{ font-size:var(--font-size18); margin-right:.15rem;}
.fluid-layout .wtdol .color-bg em{ font-style:normal;}
.fluid-layout .wtdol .color-bg:last-child .line{ border-right:none;}

@media(max-width:1680px){
#fluid-container{-webkit-column-width:3.8rem;-moz-column-width:3.8rem;-o-column-width:3.8rem;-ms-column-width:3.8rem;}
#fluid-container .item .ConUp .PaddCon{ width:7.5rem;}
}

@media(max-width:1600px){
#fluid-container .item .ConUp .PaddCon{ width:6.5rem;}
}

@media(max-width:1440px){
#fluid-container{-webkit-column-width:3.5rem;-moz-column-width:3.5rem;-o-column-width:3.5rem;-ms-column-width:3.5rem;}
#fluid-container .item .icon-sel{ padding:.098rem .1rem;}
#fluid-container .item .ConUp .PaddCon{ width:5rem;}
#fluid-container .item .ConUp .tit{ font-size:var(--font-size18);}
}

@media(max-width:1024px){
#fluid-container{-webkit-column-width:2rem;-moz-column-width:2rem;-o-column-width:2rem;-ms-column-width:2rem;}
#fluid-container .item .tit{ padding:0 .15rem .15rem; font-size:var(--font-size14);}
#fluid-container .item .check-but{ padding:.065rem .1rem; top:.15rem; left:.15rem; font-size:var(--font-size12);}
#fluid-container .item .check-but i{ margin-right:.05rem;}
#fluid-container .item .ril-oi{ top:.15rem; right:.15rem;}
#fluid-container .item .icon-sel{ padding:.08rem .05rem; width:.3rem;}
#fluid-container .item .icon-sel .iconfont{ font-size:var(--font-size12);}
#fluid-container .item .ConUp .PaddCon{ width:3rem;}
#fluid-container .item .ConUp .tit{ font-size:var(--font-size16);}
#fluid-container .item .tit,
#fluid-container .item.active .tit{ opacity:1; color:#fff;}
#fluid-container .item .pic::after,
#fluid-container .item.active .pic::after{ opacity:1;}
#fluid-container .item .option-other,
#fluid-container .item.active .option-other{ opacity:1;}
}

@media(max-width:640px){
#fluid-container .item .ConUp{ display:none !important;}
#fluid-container .item .ConUp .PaddCon{ width:2rem;}
#fluid-container .item .pic::after,
#fluid-container .item.active .pic::after{ opacity:1;}
#fluid-container .item .option-other,
#fluid-container .item.active .option-other{ opacity:1;}
.fluid-layout .wtdol{ width:100%;}
.fluid-layout .wtdol .color-bg .line{ font-size:var(--font-size14); padding:0 .15rem;}
.fluid-layout .wtdol .color-bg i{ margin-right:.1rem;}
}




/* 加载 */
.loading{ margin:1rem 0 0; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.loading i{ display:block; width:.54rem; height:.54rem; background-image: url(../images/load.png); background-repeat:no-repeat; background-size:cover; background-position:center; animation:rotate 2s infinite linear; -webkit-animation:rotate 2s infinite linear; }
@keyframes rotate{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media(max-width:1024px){
.loading{ margin-top:.5rem;}
.loading i{ width:.35rem; height:.35rem;}
}


/* 弹框 */
.pop-up{position:fixed;width:100%;height:100%;left:0;top:0;z-index:20;background:rgba(0,0,0,0.6); display:none;}
.pop-up .center{width:100%; height:100%;}
.pop-up .title{ margin-bottom:.35rem; text-align:center; font-size:var(--font-size32); font-weight:bold;}
.pop-up .back-white{ min-width:6rem; background:var(--white); padding:.6rem; border-radius:.1rem; position:relative;}
.pop-up .close{position:absolute;right:0;top:0;width:.4rem;height:.4rem;cursor:pointer;border-radius:.05rem;overflow:hidden;z-index:10;}
.pop-up .close::before,
.pop-up .close::after{position:absolute;content:'';width:50%;height:2px;border-radius:3px;background-color:var(--grey);left:0; top:0; right:0;bottom:0; margin:auto}
.pop-up .close::before{ transform:rotate(45deg);}
.pop-up .close::after{ transform:rotate(-45deg);}
@media(max-width:640px){
.pop-up .back-white{ min-width:90%; max-width:90%; padding:.3rem;}
.pop-up .title{ font-size:var(--font-size24);}
}


/* 选择角色弹框 */
.up-role .list-box li{ margin-bottom:.2rem; background:#f7f7f7; padding:.3rem; border-radius:.1rem; overflow: hidden;}
.up-role .list-box li .pic{ background:var(--white); width:1rem; height:1rem; border-radius:1rem; overflow: hidden;}
.up-role .list-box li .pic figure{ width:100%; padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.up-role .list-box li .text{width:calc(100% - 1rem); padding-left:.4rem;}
.up-role .list-box li .text .tit{ margin-bottom:.15rem; font-size:var(--font-size24);}
.up-role .list-box li .text .but{ padding:.1rem .2rem; background:#333333; color:#fff; cursor:pointer; border-radius:.05rem;}
.up-role .list-box li .text .but.bg-green{ background:var(--hover);}
.up-role .list-box li:last-child{ margin-bottom:0;}
@media(max-width:640px){
.up-role .list-box li{ padding:.2rem;}
.up-role .list-box li .text{ padding-left:.2rem;}
}



/* 代理商登陆弹框 */
.up-login .item{ margin-bottom:.15rem;}
.up-login .item .name{ margin-bottom:.1rem; font-size:var(--font-size18); color:#222222; font-weight:300;}
.up-login .item .input-txt{ background:#f7f7f7; border-radius:.05rem; overflow:hidden; position:relative;}
.up-login .item .input-txt input{ font-weight:300; background:transparent; padding:.15rem; padding-right:.6rem; font-size:var(--font-size16); width:100%; border:none;}
.up-login .item .input-txt .eye{ position:absolute; top:0; right:0; width:.5rem; height:100%; background-image: url(../images/eye2.png); background-repeat:no-repeat; background-position:center; background-size:.22rem; opacity:.5; cursor:pointer;}
.up-login .item .input-txt .eye.on{ background-image:url(../images/eye.png);}
.up-login .login-but{ margin-top:.35rem; padding:.15rem; text-align:center; background:var(--hover); color:#fff; font-weight:bold; text-transform:uppercase; font-size:var(--font-size18); border-radius:.05rem; overflow:hidden; cursor:pointer;}
.up-login .forgot-aniu{ margin-top:.15rem; color:var(--hover);}
.up-login .forgot-aniu .forgot-but{ padding:.1rem 0; cursor:pointer;}


/* 忘记密码弹框 */
.up-forgot .item{ margin-bottom:.15rem;}
.up-forgot .item .name{ margin-bottom:.1rem; font-size:var(--font-size18); color:#222222; font-weight:300;}
.up-forgot .item .input-txt{ background:#f7f7f7; border-radius:.05rem; overflow:hidden; position:relative;}
.up-forgot .item .input-txt input{ font-weight:300; background:transparent; padding:.15rem; padding-right:.6rem; font-size:var(--font-size16); width:100%; border:none;}
.up-forgot .item .input-txt .code{ position:absolute; top:0; right:0; background:#efefef; width:1.3rem; height:100%; color:#666666; font-weight:300; cursor:pointer;}
.up-forgot .item .input-txt .eye{ position:absolute; top:0; right:0; width:.5rem; height:100%; background-image: url(../images/eye2.png); background-repeat:no-repeat; background-position:center; background-size:.22rem; opacity:.5; cursor:pointer;}
.up-forgot .item .input-txt .eye.on{ background-image:url(../images/eye.png);}
.up-forgot .login-but{ margin-top:.35rem; padding:.15rem; text-align:center; background:var(--hover); color:#fff; font-weight:bold; text-transform:uppercase; font-size:var(--font-size18); border-radius:.05rem; overflow:hidden; cursor:pointer;}
.up-forgot .forgot-aniu{ margin-top:.15rem; color:var(--hover);}
.up-forgot .forgot-aniu .forgot-but{ padding:.1rem 0; cursor:pointer;}


/* 退出弹框 */
.up-Logout .title{ margin-bottom:0; font-size:var(--font-size36); color:var(--hover);}
.up-Logout .des{ text-align:center; margin:.25rem 0 .35rem; font-size:var(--font-size18); font-weight:300; color:#333333;}
.up-Logout .aniu .but{ font-size:var(--font-size20); font-weight:300; padding:.13rem; background:#f2f2f2; color:#333; width:47%; border-radius:1rem; text-align:center; cursor:pointer;}
.up-Logout .aniu .but.but-submit,
.up-Logout .aniu .but:hover{ color:var(--white); background:var(--hover);}




/* 列表展示 */
.list-display li{ font-size:var(--font-size16); color:#666666; padding:.18rem .35rem; padding-left:.6rem; position:relative; background:#f3f2f5; font-weight:300;}
.list-display li .check-but{ position:absolute; left:.25rem; width:.18rem; height:.18rem; line-height:.16rem; border:solid 2px #cccccc; border-radius:1rem; cursor: pointer; text-align:center; font-size:0;}
.list-display li .check-but.on{ border-color:var(--hover); background:var(--hover); color:var(--white); font-size:var(--font-size12);}
.list-display li i{ display:inline-block;}
.list-display li .tit{ width:70%;}
.list-display li .tit i{ margin-left:.25rem;}
.list-display li .tit .wit{ display:grid; max-width:calc(100% - .3rem);}
.list-display li:nth-child(2n){ background:var(--white);}
.list-display li .rig-ol .oi{ cursor:pointer; margin-right:.35rem;}
.list-display li .rig-ol .oi i{ margin-right:.1rem;}
.list-display li .rig-ol .oi:last-child{ margin-right:0;}
.list-display li .rig-ol .oi.on,
.list-display li .rig-ol .oi:hover{ color:#1291a0;}
@media(max-width:1024px){
.list-display li .tit{ width:65%;}
.list-display li .rig-ol .oi{ margin-right:.2rem;}
}
@media(max-width:640px){
.list-display li{ padding-left:.4rem; padding-right:.15rem;}
.list-display li .check-but{ left:.15rem;}
.list-display li .tit i{ margin-left:.05rem; font-size:var(--font-size13);}
.list-display li .rig-ol{ font-size:var(--font-size13);}
.list-display li .rig-ol .oi{ margin-right:.1rem;}
.list-display li .rig-ol .oi i{ margin-right:.05rem; font-size:var(--font-size13);}
}


/* 文件详情 */
.file-info .switch-box{ width:67%; padding:0 .8rem;}
.file-info .switch-box .item .pic{ padding:.25rem; background:var(--white); border-radius:.05rem; overflow: hidden;}
.file-info .switch-box .item .pic figure{ background-size:contain; background-repeat:no-repeat; background-position:center; padding-bottom:65.262%;}
.file-info .switch-box .item .pic img{ position:absolute; left:50%; top:50%; max-width:100%; height:100%; object-fit:contain; transform:translate(-50%,-50%);}
.file-info .switch-box .item .tit{ padding-top:.25rem; height:.55rem; text-align:center; font-size:var(--font-size20); font-weight:300;}
.file-info .switch-box .item .tit .olx{ display:grid;}
.file-info .switch-box .item .video-file{padding-bottom:66.922222%; width:100%; background-color:rgba(0,0,0,0.3); border-radius:.05rem; overflow: hidden;}
.file-info .switch-box .item .video-file video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.file-info .swiper-but:after{ color:#b6babf; font-weight:bold; font-size:var(--font-size36);}
.file-info .swiper-button-prev{ left:0;}
.file-info .swiper-button-next{ right:0;}

.file-info .file-des{ width:4.8rem;}
.file-info .file-des .back-white{ padding-bottom:.2rem; width:100%; border:solid 1px #e5e5e5; background:var(--white); border-radius:.1rem; min-height:7rem;}
.file-info .file-des .aniu-other{ padding:.4rem; border-bottom:solid 1px #e5e5e5;}
.file-info .file-des .aniu-other .but{ font-size:var(--font-size18); padding:.15rem; text-align:center; width:47%; border:solid 1px #cccccc; border-radius:1rem; cursor:pointer; color:#333333;}
.file-info .file-des .aniu-other .but i{ color:#666666; font-size:var(--font-size20); margin-right:.15rem;}
.file-info .file-des .aniu-other .but.on,
.file-info .file-des .aniu-other .but:hover{ color:#fff; background:var(--hover); border-color:var(--hover);}
.file-info .file-des .aniu-other .but.on i,
.file-info .file-des .aniu-other .but:hover i{ color:var(--white);}
.file-info .file-des .table-box li{ font-weight:300; padding:.15rem .4rem; border-bottom:solid 1px #e5e5e5;}

.file-info .multiple-list{ width:69%;}
.file-info .multiple-list .switch-box{ width: 100%; padding: 0;}
.file-info .multiple-list li{position:relative; width:32.3333%; margin-right:1.49%; margin-bottom:1.49%;}
.file-info .multiple-list li:nth-child(3n){ margin-right:0;}
.file-info .multiple-list li .option-other{ opacity:0;}
.file-info .multiple-list li .pic{border-radius:.05rem; background:var(--white); overflow:hidden; position:relative; cursor:pointer;}
.file-info .multiple-list li .pic img{ width:100%;}
.file-info .multiple-list li .pic::after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); border:solid 2px rgba(0,0,0,0.01); z-index:2; opacity:0; transition:all .3s;}
.file-info .multiple-list li .tit{position:absolute; bottom:0; left:0; padding:.2rem; width:100%; opacity:0; z-index:3; font-weight:300; font-size:var(--font-size14);}
.file-info .multiple-list li .check-but{ position:absolute; left:.25rem; top:.25rem; background:var(--white); padding:.08rem .2rem .08rem .1rem;border-radius:.05rem; cursor:pointer; z-index:5;}
.file-info .multiple-list li .check-but i{ margin-right:.1rem; width:.16rem; height:.16rem; border:solid .02rem #696969; border-radius:1rem; font-size:0;}
.file-info .multiple-list li.active .check-but{ color:var(--white); background:var(--hover);}
.file-info .multiple-list li.active .check-but i{ border-color:var(--white); background:var(--white); color:var(--hover); font-size:var(--font-size12);}
.file-info .multiple-list li:hover .pic::after,
.file-info .multiple-list li.active .pic::after{ opacity:1;}
.file-info .multiple-list li:hover .option-other,
.file-info .multiple-list li.active .option-other{ opacity:1;}
.file-info .multiple-list li:hover .tit{ opacity:1; color:var(--white);}
.file-info .multiple-list li:hover .pic::after{ border-color:var(--hover);}

@media(max-width:1024px){
.file-info .file-des{ width:4rem;}
.file-info .file-des .aniu-other{ padding:.25rem;}
.file-info .file-des .aniu-other .but{ font-size:var(--font-size16); padding:.12rem .1rem;}
.file-info .file-des .aniu-other .but i{ font-size:var(--font-size16);}
.file-info .file-des .back-white{ min-height:auto;}
.file-info .switch-box{ padding:0 .4rem; width:calc(100% - 4.5rem);}
.file-info .switch-box .item .tit{ font-size:var(--font-size16);}
.file-info .multiple-list{ padding:0; width:calc(100% - 4.5rem);}
.file-info .multiple-list li:nth-child(3n),
.file-info .multiple-list li{ width:49%; margin-right:2%; margin-bottom:2%;}
.file-info .multiple-list li:nth-child(2n){ margin-right:0;}
.file-info .multiple-list li .check-but{ left:.1rem; top:.1rem;}
.file-info .multiple-list li .tit{ padding:.1rem;}
}
@media(max-width:640px){
.file-info .switch-box{ width:100%; margin-bottom:.35rem;}
.file-info .switch-box .item .video-file{ padding-bottom:70%;}
.file-info .multiple-list{ width:100%; margin-bottom:.35rem;}
.file-info .file-des{ width:100%;}
}



/* Information feedback */
.feedback-box{ background:var(--white); padding:.6rem 1rem;}
.feedback-box .title{ margin-bottom:.5rem; text-align:center; font-size:var(--font-size40); font-weight:600;}
.feedback-box .form-box .item{ margin-bottom:.3rem; font-size:var(--font-size16);}
.feedback-box .form-box .item .name{ width:2.3rem; font-size:var(--font-size18); font-weight:bold;}
.feedback-box .form-box .item .name.padop{ padding-top:.25rem;}
.feedback-box .form-box .item .name i{ color:#ff0000;}
.feedback-box .form-box .item .select-box{ border:solid 1px #cccccc; border-radius:.05rem; overflow:hidden; position: relative;}
.feedback-box .form-box .item .select-box select{ font-size:var(--font-size16); font-weight:300; padding:.2rem; width:100%; border:none; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:transparent; position: relative; z-index:3; cursor: pointer; color:#999999;}
.feedback-box .form-box .item .select-box::after{display:-webkit-flex;display:flex;align-items:center;justify-content:center;font-family:"iconfont" !important;font-size:.16rem;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e61d";position:absolute;right:.2rem;top:0;width:.2rem;height:100%; color:#575b66;}
.feedback-box .form-box .item .wtdol{ width:calc(100% - 2.3rem);}
.feedback-box .form-box .item .area-text{ padding:.2rem; border:solid 1px #cccccc; border-radius:.05rem; overflow:hidden;}
.feedback-box .form-box .item .area-text .text,
.feedback-box .form-box .item .area-text textarea{ font-size:var(--font-size16); height:8em; display:block; width:100%; resize:none; border:none; font-weight:300;}
.feedback-box .form-box .item .area-text .text{ height: .3rem; }
.feedback-box .form-box .item .upload-box{ text-align:center; color:#999999; font-weight:300; border:solid 1px #cccccc; border-radius:.05rem; overflow:hidden;}
.feedback-box .form-box .item .upload-box .upload-but{ padding:.4rem; cursor:pointer;}
.feedback-box .form-box .item .upload-box .upload-but .fileInput{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor: pointer;}
.feedback-box .form-box .item .upload-box .tian{ margin-bottom:.25rem;}
.feedback-box .form-box .item .upload-box .aniu{ color:var(--hover); padding:.2rem .42rem; background:rgba(18,145,160,0.1); border-radius:.05rem; overflow:hidden; cursor:pointer;}
.feedback-box .submit-box{ margin-top:.4rem; padding-left:2.3rem; text-align:center;}
.feedback-box .submit-box .but{ width:50%; text-align:center; background:var(--hover); color:var(--white); line-height:3.3; font-size:var(--font-size18); font-weight:bold; text-transform: uppercase; border-radius:.05rem; cursor:pointer;}
@media(max-width:640px){
.feedback-box{ padding:.3rem .2rem;}
.feedback-box .title{ margin-bottom:.2rem; font-size:var(--font-size32);}
.feedback-box .form-box .item .name{ line-height:2; margin-bottom:.1rem; width:100%;}
.feedback-box .form-box .item .name.padop{ padding-top:0;}
.feedback-box .form-box .item .wtdol{ width:100%;}
.feedback-box .submit-box{ padding-left:0;}
}


/* 反馈查询 */
.feedback-inquiry{ margin-bottom:.5rem;}
.feedback-inquiry li{ padding:.1rem .3rem; margin-bottom:.2rem; background:var(--white);}
.feedback-inquiry li a{ padding:.15rem .1rem; font-size:var(--font-size20); font-weight:bold;}
.feedback-inquiry li .time{ color:#918b8a; font-size:var(--font-size18); font-weight:300;}
.feedback-inquiry li .tit{ width:calc(100% - 13em); display:grid;}
@media(max-width:1024px){
.feedback-inquiry li .time span{ display:none;}
.feedback-inquiry li .tit{ width:calc(100% - 6em);}
}
@media(max-width:1024px){
.feedback-inquiry li{ padding:.1rem;}
.feedback-inquiry li .tit{ width:calc(100% - 5em);}
}

/* 反馈查询详情 */
.inquiry-info{ line-height:2; font-size:var(--font-size18);}
.inquiry-info .inquiry-tit{ font-size:var(--font-size20); font-weight:600; margin-bottom:.1rem;}
.inquiry-info .left-box{ width:69%; background:var(--white); padding:.5rem .6rem .6rem;}
.inquiry-info .description{ padding-bottom:.3rem; margin-bottom:.3rem; border-bottom:dashed 1px #d3d3d3;}
.inquiry-info .description .des{ color:#918b8a; font-weight:300;}
.inquiry-info .Attachment{ margin-bottom:.35rem;}
.inquiry-info .Attachment .list li{ margin-bottom:.15rem; font-weight:300;}
.inquiry-info .Attachment .list li .tit{ background-image:url(../images/pdf.svg); background-position:left center; background-size:.22rem; background-repeat:no-repeat; padding-left:.35rem; width:80%; max-width:calc(100% - 8em);}
.inquiry-info .Attachment .list li .tit .grid{ display:grid; width:calc(100% - 4em);}
.inquiry-info .Attachment .list li .szi{ color:#999999;}
.inquiry-info .Attachment .list li .dow{ font-size:var(--font-size16);}
.inquiry-info .Attachment .list li i{ margin-right:.1rem; color:#666666;}
.inquiry-info .Attachment .list li a:hover i{ color:var(--hover);}
.inquiry-info .Attachment .list li:last-child{ margin-bottom:0;}
.inquiry-info .others-con{ background:#f5f9fa; padding:.4rem;}
.inquiry-info .others-con .others-des{ margin-bottom:.2rem; color:#333333; font-size:var(--font-size16);}
.inquiry-info .others-con .others-des .ol{ font-weight:300; margin-right:.8rem;}
.inquiry-info .others-con .others-des .ol:last-child{ margin-right:0;}
.inquiry-info .others-con .response-con{ color:#918b8a; font-weight:300; padding-bottom:.5rem; border-bottom:dashed 1px #d3d3d3; margin-bottom:.3rem;}
.inquiry-info .losl-box .list li{ margin-bottom:.15rem; font-weight:300;}
.inquiry-info .losl-box .list li .tit{ background-image:url(../images/pdf.svg); background-position:left center; background-size:.22rem; background-repeat:no-repeat; padding-left:.35rem; width:80%; max-width:calc(100% - 8em);}
.inquiry-info .losl-box .list li .tit .grid{ display:grid; width:calc(100% - 4em);}
.inquiry-info .losl-box .list li .szi{ color:#999999;}
.inquiry-info .losl-box .list li .dow{ font-size:var(--font-size16);}
.inquiry-info .losl-box .list li i{ margin-right:.1rem; color:#666666;}
.inquiry-info .losl-box .list li a:hover i{ color:var(--hover);}
.inquiry-info .losl-box .list li:last-child{ margin-bottom:0;}

.inquiry-info .file-des{ width:4.8rem;}
.inquiry-info .file-des .back-white{ padding-bottom:.2rem; width:100%; border:solid 1px #e5e5e5; background:var(--white); border-radius:.1rem; min-height:7rem;}
.inquiry-info .file-des .aniu-other{ font-size:var(--font-size20); color:#222222; font-weight:bold; line-height:1.7; padding:.3rem .4rem; border-bottom:solid 1px #e5e5e5;}
.inquiry-info .file-des .table-box li{ font-weight:300; padding:.15rem .4rem; border-bottom:solid 1px #e5e5e5;}
@media(max-width:1024px){
.inquiry-info{ font-size:var(--font-size16);}
.inquiry-info .inquiry-tit{ font-size:var(--font-size18);}
.inquiry-info .left-box{ padding:.3rem; width:calc(100% - 4.5rem);}
.inquiry-info .file-des{ width:4rem;}
.inquiry-info .file-des .aniu-other{ padding:.3rem; font-size:var(--font-size18);}
.inquiry-info .others-con{ padding:.2rem;}
.inquiry-info .others-con .others-des{ font-size:var(--font-size14);}
.inquiry-info .others-con .others-des .ol{ margin-right:.2rem;}
.inquiry-info .Attachment{ margin-bottom:.2rem;}
.inquiry-info .Attachment .list li{ margin-bottom:.05rem;}
.inquiry-info .Attachment .list li{ font-size:var(--font-size14);}
.inquiry-info .Attachment .list li .dow{ font-size:var(--font-size14);}
.inquiry-info .Attachment .list li i{ margin-right:.05rem; font-size:var(--font-size14);}
.inquiry-info .losl-box .list li{ margin-bottom:.05rem;}
.inquiry-info .losl-box .list li{ font-size:var(--font-size14);}
.inquiry-info .losl-box .list li i{ font-size:var(--font-size14);}
.inquiry-info .losl-box .list li .dow{ font-size:var(--font-size14);}
}
@media(max-width:640px){
.inquiry-info .left-box{ width:100%; margin-bottom:.3rem;}
.inquiry-info .file-des .back-white{ min-height:auto;}
.inquiry-info .file-des{ width:100%;}
}


/* 会员中心 */
.Member-box{ padding-top:.84rem;}
.Member-Center .left-box{width:2.4rem; line-height:1.5; padding-top:.55rem;}
.Member-Center .left-box .web-txt{ padding-bottom:.2rem; margin-bottom:.1rem; font-size:var(--font-size24); font-weight:bold; border-bottom:solid 1px rgba(0,0,0,0.1);}
.Member-Center .left-box li{ font-size:var(--font-size18); padding:.1rem 0;}
.Member-Center .left-box li i{ margin-right:.15rem; font-size:var(--font-size18);}
.Member-Center .left-box li i.icon-set{ font-size:var(--font-size22);}
.Member-Center .left-box li i.icon-message{ font-size:var(--font-size20);}
.Member-Center .left-box li i.icon-dow{ font-size:var(--font-size20);}
.Member-Center .left-box li i.icon-Logoutsvg{ font-size:var(--font-size20);}
.Member-Center .left-box li a:hover,
.Member-Center .left-box li.active a{ color:var(--hover);}
.Member-Center .Rigcon-box{width:calc(100% - 2.4rem); padding-top:.55rem; position:relative;}
.Member-Center .Rigcon-box::after{ background:var(--white); position:absolute; left:0; top:0; width:100vw; content:''; display:block;  height:100%;}
.Member-Center .Rigcon-box .basic-tit{ margin-bottom:.45rem; line-height:1; font-size:var(--font-size40); font-weight:bold; color:#333333;}
.Member-Center .Rigcon-box .basic-tit .name{ line-height:1;}
.Member-Center .Rigcon-box .basic-tit .name .ites{ font-size:var(--font-size16); background:#f04a3e; color:var(--white); padding:.1rem .2rem; font-weight:500; border-radius:1rem; margin-left:.15rem;}
.Member-Center .Rigcon-box .basic-tit .screen{ font-size:var(--font-size16); font-weight:500;}
.Member-Center .Rigcon-box .basic-tit .screen a{ padding:.05rem 0; margin-right:.3rem; border-bottom:solid 2px transparent;}
.Member-Center .Rigcon-box .basic-tit .screen a.on,
.Member-Center .Rigcon-box .basic-tit .screen a:hover{ color:var(--hover); border-color:var(--hover);}
.Member-Center .Rigcon-box .basic-tit .screen a:last-child{ margin-right:0;}

.Member-Center .Rigcon-box .member-bg{ position: relative; z-index:3; padding-left:.8rem;}

@media(max-width:1024px){
.Member-box{ padding-top:.74rem;}
.Member-Center .Rigcon-box .member-bg{ padding-left:.4rem;}
.Member-Center .Rigcon-box::after{ width:104%;}
.Member-Center .Rigcon-box .basic-tit .name .ites{ font-size:var(--font-size12); padding:.05rem .1rem;}
}
@media(max-width:640px){
.Member-Center .Rigcon-box{ width:100%; padding:.2rem;}
.Member-Center .Rigcon-box::after{ width:100%;}
.Member-Center .Rigcon-box .member-bg{ padding:0;}
.Member-Center .Rigcon-box .basic-tit{ margin-bottom:.2rem; font-size:var(--font-size32);}

.Member-Center .left-box{ width:100%; margin-bottom:.2rem; position:relative;}
.Member-Center .left-box .web-txt{ margin-bottom:.1rem; display:-webkit-flex; display:flex; align-items:center;}
.Member-Center .left-box .web-txt .but-menu::before{ content:''; display:block; width:.35rem; height:.35rem; background-image:url(../images/category.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.Member-Center .left-box .web-txt .but-menu span{ margin-left:.1rem;}
.Member-Center .left-box .ul{ position:absolute; left:0; top:100%; width:100%; z-index:7; background:var(--white); padding:.2rem; border-radius:.05rem; overflow: hidden; box-shadow:0 0 .1rem rgba(0,0,0,0.1); display:none;}

.Member-Center .Rigcon-box .basic-tit .screen{ width:100%;}
.Member-Center .Rigcon-box .basic-tit .screen a{ margin-right:.1rem;}
}


/* 会员-个人信息 */
.Profile-Picture .use-tit{ font-size:var(--font-size24); font-weight:bold; margin-bottom:.15rem;}
.Profile-Picture .item-one{ margin-bottom:.1rem;}
.Profile-Picture .item-use{ padding:.35rem 0; border-bottom:solid 1px #e6e6e6;}
.Profile-Picture .item-one .use-tu{ color:var(--hover); font-size:var(--font-size20); font-weight:300;}
.Profile-Picture .item-one .use-tu .use-img{ margin-right:.25rem; width:1rem; border-radius:1rem; overflow:hidden; cursor:pointer;}
.Profile-Picture .item-one .use-tu .txt{ cursor:pointer;}
.Profile-Picture .item-one .use-tu .use-img figure{ width:100%; padding-bottom:100%;}
.Profile-Picture .item-one .use-tu .use-img figure img{ position:absolute; left:0; top:0;object-fit:cover;}
.Profile-Picture .item-one #file-but{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.Profile-Picture .item-use .input-txt input{ width:4rem; border:solid 1px #e6e6e6; padding:.15rem .2rem; font-size:var(--font-size20); font-weight:300; color:#333333; border-radius:.05rem;}
.Profile-Picture .item-two{ padding:.35rem 0 .7rem;}
.Profile-Picture .item-two .input-txt{ margin-bottom:.15rem;}
.Profile-Picture .item-two .input-txt input{ width:4rem; border:solid 1px #e6e6e6; padding:.15rem .2rem; font-size:var(--font-size20); font-weight:300; color:#333333; border-radius:.05rem;}
.Profile-Picture .item-two .input-txt .ity{ font-size:var(--font-size20); font-weight:300; padding:0 .18rem; margin-left:.1rem; background:#cccccc; color:var(--white); border-radius:.05rem; cursor:pointer;}
.Profile-Picture .aniu-box{ margin-top:.2rem; font-size:var(--font-size20); font-weight:300;}
.Profile-Picture .aniu-box .but-io{ padding:.13rem .25rem; margin-right:.1rem; border-radius:.05rem;}
.Profile-Picture .aniu-box .but-io:last-child{ margin-right:0; cursor:pointer;}
.Profile-Picture .aniu-box .but-io.on{ background:#ececee; cursor:pointer;}
.Profile-Picture .aniu-box .but-io:hover{ background:var(--hover); color:var(--white);}
@media(max-width:640px){
.Profile-Picture .item-two{ padding:.35rem 0 .5rem;}
.Profile-Picture .item-two .input-txt .ity{ padding:.12rem; margin-top:.1rem; margin-left:0;}
}

/* 会员收藏列表 */
.Member-Center .MyCollection::after{ display:none;}
@media(max-width:640px){
.Member-Center .MyCollection{ padding:0;}
}

/* 会员下载列表 */
.Member-Center .MyDownloads::after{ display:none;}
.MyDownloads .list-box{ margin-bottom:.5rem;}
.MyDownloads .list-box li{ background:var(--white); margin-bottom:.2rem; border-radius:.05rem; overflow:hidden;}
.MyDownloads .list-box li .item{ border-bottom:dashed 1px #ececee;}
.MyDownloads .list-box li .item:last-child{ border-bottom:none;}
.MyDownloads .list-box li .text-des{ padding:.2rem;}
.MyDownloads .list-box li .let-con{ width:calc(100% - 2rem);}
.MyDownloads .list-box li .ioaw{ padding:.2rem; border-bottom:solid 1px #f2f1f1; font-size: var(--font-size18); font-weight:300;}
.MyDownloads .list-box li .ioaw .tiem{ color:#918b8a;}
.MyDownloads .list-box li .ioaw .date{ color:#666666; cursor:pointer;}
.MyDownloads .list-box li .ioaw .date i{ margin-right:.1rem;}
.MyDownloads .list-box li .pic{ width:2.5rem;}
.MyDownloads .list-box li .text{ padding-left:.4rem; width:calc(100% - 2.5rem);}
.MyDownloads .list-box li .text .tit{ margin-bottom:.15rem; font-size:var(--font-size20); font-weight:600;}
.MyDownloads .list-box li .text .io{ margin-bottom:.1rem; color:#918b8a; font-weight:300;}
.MyDownloads .list-box li .text .io:last-child{ margin-bottom:0;}
.MyDownloads .list-box li .aniu .but{ background:#f5f9fa; padding:.15rem .25rem; color:#333333; border-radius:1rem; cursor:pointer;}
.MyDownloads .list-box li .aniu .but i{ margin-right:.1rem;}
.MyDownloads .list-box li .aniu .but:hover{ background:var(--hover); color:var(--white);}
.MyDownloads .list-box li .ioaw .date:hover{ color:var(--hover);}
@media(max-width:1024px){
.MyDownloads .list-box li .pic{ width:2rem;}
.MyDownloads .list-box li .let-con{ width:calc(100% - 1rem);}
.MyDownloads .list-box li .text{ width:calc(100% - 2rem); padding-left:.2rem;}
.MyDownloads .list-box li .text .tit{ font-size:var(--font-size16);}
.MyDownloads .list-box li .aniu .but{ font-size:var(--font-size14);}
}
@media(max-width:768px){
.MyDownloads .list-box li .let-con{ width:calc(100% - 1.7rem);}
.Member-Center .MyDownloads{ padding:0;}
}
@media(max-width:640px){
.MyDownloads .list-box li .text-des{ flex-wrap:wrap;}
.MyDownloads .list-box li .let-con{ margin-bottom:.1rem; width:100%;}
}

/* 会员收藏列表 */
.Member-Center .MyMessage::after{ display:none;}
.MyMessage .list-box{ margin-bottom:.5rem;}
.MyMessage .list-box li{ font-size:var(--font-size18); font-weight:300; margin-bottom:.1rem; background:var(--white); padding:.15rem .3rem .15rem .4rem; line-height:1.8; border-radius:.05rem;}
.MyMessage .list-box li .text{ position:relative; width:calc(100% - 9em);}
.MyMessage .list-box li .text::before{ content:''; display:block; width:.06rem; height:.06rem; background:#f04a3e; border-radius:1rem; position:absolute; top:.8em; left:-1em;}
.MyMessage .list-box li .tiem{ color:#666666;}
.MyMessage .list-box li .tit span{ color:var(--hover);}
.MyMessage .list-box li dl dd a{ color:var(--hover);}
@media(max-width:1024px){
.Member-Center .MyMessage .basic-tit .screen{ margin:.1rem 0;}
}
@media(max-width:640px){
.Member-Center .MyMessage{ padding:0;}
.MyMessage .list-box li{ font-size:var(--font-size16);}
.MyMessage .list-box li .text{ width:calc(100% - 8em);}
.MyMessage .list-box li .text::before{ width:4px; height:4px;}
}








/*Page002737 */
.Page002737 .Pages{ text-align:center;}
.Page002737 .Pages > span{display:inline-block; vertical-align:middle;}
.Page002737 .Pages .p_jump,
.Page002737 .Pages .a_first,
.Page002737 .Pages .a_end,
.Page002737 .Pages .p_cur,
.Page002737 .Pages .p_count,
.Page002737 .Pages .p_total{display: none;}
.Page002737 .Pages .p_jump,
.Page002737 .Pages .p_page{overflow: hidden; }
.Page002737 .Pages .p_page em{font-style: normal;}
.Page002737 .Pages .p_page a{float:left;width:.5rem;line-height:.5rem;border-radius:1rem;padding:0 .1rem;margin:0 5px;color:#aaa; background:var(--white);color:#5b5351;}
.Page002737 .Pages .p_page a.a_prev::after,
.Page002737 .Pages .p_page a.a_next::after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1; font-weight:bold; color:#5b5351;}
.Page002737 .Pages .p_page a.a_prev{font-size:0; margin-right:.25rem; display:-webkit-flex;align-items:center;justify-content:center;}
.Page002737 .Pages .p_page a.a_next{font-size:0; margin-left:.25rem; display:-webkit-flex;align-items:center;justify-content:center;}
.Page002737 .Pages .p_page a.a_prev::after{content:'prev'; font-size:var(--font-size16);}
.Page002737 .Pages .p_page a.a_next::after{content:'next'; font-size:var(--font-size16);}
.Page002737 .Pages .p_page a:hover,
.Page002737 .Pages .p_page a.a_cur{background-color:var(--hover); border-color:var(--hover); color: #fff;}
.Page002737 .Pages .p_page a.a_prev:hover::after,
.Page002737 .Pages .p_page a.a_next:hover::after{ color:var(--white);}
.Page002737 .Pages  .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: .5rem;}
.Page002737 .Pages .p_jump > *{float: left;}
.Page002737 .Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;}
.Page002737 .Pages .p_jump b.f0{margin-right: 6px;}
.Page002737 .Pages .p_jump input{ height:46px; border-radius:5px;}
.Page002737 .Pages .i_text{ line-height:.5rem;text-align:center;width:46px; text-align:center;color: #333;font-size:20px;}
.Page002737 .Pages .i_button{background:#ebebeb; width:70px;padding:0; cursor:pointer;border:none;margin-left:10px;color:#888;}
@media(max-width:768px){
.Page002737 .Pages .p_jump{display: none;}
.Page002737 .Pages .p_page a{ width:.4rem; height:.4rem; line-height:.4rem; margin:0 .03rem;}
.Page002737 .Pages .p_page a.a_prev{margin:0 .03rem;}
.Page002737 .Pages .p_page a.a_next{margin:0 .03rem;}
.Page002737 .Pages .p_page a.a_prev::after{font-size:var(--font-size14);}
.Page002737 .Pages .p_page a.a_next::after{font-size:var(--font-size14);}
}


[v-cloak] {
    display: none !important;
}


.back_top{ position: fixed; right: 0; bottom: 20%; width: .4rem;  background: #1291a0; box-shadow: 0 0 10px rgba(0,0,0,.3); cursor: pointer; z-index: 10; color: #fff!important; text-align: center; line-height: .4rem; text-transform: uppercase; }


@media(max-width:1024px){
  .file-info{ position: relative;}
  .file-info .switch-box,
  .file-info .multiple-list{ width: 100%;min-height: 71vh;}
  .file-info .click_file-des{ position: absolute; right: -3.5%; top: 0; height: 100%; width: auto; max-width: 4.8rem; z-index: 10;  }
  .file-info .click_file-des .back-white{ display: none; width: 4rem;}
  .click_right{position: absolute;right: 100%;width: auto;top: 50%;transform: translateY(-50%);background-color: #1291a0;color: #fff;text-align: center;cursor: pointer;border-radius: .1rem 0 0 .1rem;}
  .click_right::before{content: '<<';font-family: serif;font-weight: bold;padding: .2rem .05rem;display: block;}
  .file-info .click_file-des.show .back-white{ display: block;}
  .file-info .click_file-des.show .click_right::before{ transform:rotateY(180deg);}
}