@charset "utf-8";
/*-------------------
*Description:      By www.yiwuku.com
*Website:          https://app.zblogcn.com/?id=21401
*Author:           尔今 erx@qq.com
*update:           2021-05-13(Last:2023-08-11)
-------------------*/
/* -- erx:Global -- */
*{margin:0;padding:0;}
i, em{font-style:normal;}
ul{list-style:none;}
img{border:0;max-width:100%;}
input, textarea, button{outline:none;vertical-align:middle;}
button{border:0;cursor:pointer;}
a{color:#fff;text-decoration:none;transition:all .3s linear;}
body{color:#eee;font-size:14px;font-family:"Microsoft Yahei Light", "Microsoft Yahei", PingFangSC-Regular, Helvetica, sans-serif;background:#333;overflow-x:hidden;}
.red{color:#f33;}
.erx-start-main{position:relative;width:1024px;max-width:96%;min-height:calc(100vh - 50px);margin:0 auto;text-align:center;padding:0 0 40px;z-index:1;}
.all-tips{display:none;position:fixed;top:48%;left:0;width:100%;text-align:center;pointer-events:none;z-index:9990;}
.all-tips p{display:inline-block;line-height:48px;background:#fff;border-radius:30px;padding:0 15px;pointer-events:auto;box-shadow:0 0 30px rgba(255,102,0,.88);}
.all-tips p::before{display:inline-block;margin:-2px 5px 0 0;font-size:20px;vertical-align:middle;}
.all-tips .red::before{content:'\2716';}
.all-tips .yes{color:#693;box-shadow:0 0 12px rgba(95,191,0,.88);}
.all-tips .yes::before{content:'\2714';}
/* -- erx:Main -- */
.erx-start-header{padding:16vh 0 30px;}
.erx-start-time{position:relative;min-height:53px;margin-bottom:20px;}
.erx-start-time .now-time{font-size:40px;}
.erx-start-time .now-time em, .erx-start-time .now-time i{display:inline-block;text-shadow:0 1px 3px rgb(0 0 0 / 48%);cursor:pointer;transition:all .3s linear;}
.erx-start-time .now-time em:hover, .erx-start-time .now-time i:hover{color:#fc7c2d;}
.search-wrap{position:relative;display:inline-block;max-width:82vw;}
.search-word{width:240px;height:40px;max-width:100%;color:rgba(255,255,255,.8);border:0;border-radius:20px;padding:0 25px;background:rgba(255,255,255,.25);box-shadow:rgb(0 0 0 / 20%) 0 0 10px;box-sizing:border-box;transition:all .3s linear;}
.search-wrap.hover .search-word{width:320px;color:#111;background:rgba(255,255,255,.6);}
.search-wrap.focus .search-word{width:520px;color:#111;background:rgba(255,255,255,.9);}
.search-word::placeholder{color:inherit;}
.search-btn{display:none;position:absolute;top:50%;right:9px;width:20px;height:20px;margin:-10px 0 0;background:url(../img/search.png) 50% 50% no-repeat;}
.erx-start-body{position:relative;min-height:28vh;margin-bottom:8vh;padding-bottom:50px;}
.erx-start-slist{display:none;width:520px;max-width:96vw;max-height:30vh;margin:0 auto 15px;background:rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(20px);overflow-y:auto;}
.erx-start-slist li{line-height:32px;color:rgba(255,255,255,.8);font-size:12px;text-align:left;padding:0 25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s linear;}
.erx-start-slist li:hover{text-indent:8px;background:rgba(255,255,255,.1);}
.erx-start-slist::-webkit-scrollbar{width:4px;}
.erx-start-slist::-webkit-scrollbar-track{background:transparent;}
.erx-start-slist::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px;}
.erx-start-mlist{display:none;flex-wrap:wrap;justify-content:center;padding-top:2vh;}
.erx-start-mlist.erxshow{display:flex;}
.erx-start-mlist li{position:relative;max-width:12.5%;padding:15px;border:1px transparent dashed;border-radius:6px;box-sizing:border-box;}
.erx-start-mlist li .mc{display:block;transition:all .3s linear;cursor:pointer;opacity:.9;}
.erx-start-mlist li .mc i{display:inherit;width:24px;height:24px;margin:0 auto 6px;background:rgba(255,255,255,1);padding:15px;border-radius:50%;}
.erx-start-mlist li .mc i img{display:inherit;width:inherit;height:inherit;}
.erx-start-mlist li .mc em{display:inherit;text-shadow:0 1px 3px rgb(0 0 0 / 48%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.erx-start-mlist li:hover .mc{transform:translateY(-4px);opacity:1;}
.erx-start-mlist .edit-style:hover{border-color:rgba(255,255,255,.5);}
.erx-start-mlist .edit-style:hover .mc{transform:none;}
.erx-start-mlist .edit-style:hover > i{opacity:1;}
.erx-start-mlist .edit-style:hover .del-ico{visibility:visible;}
.erx-start-mlist .edit-style > i{position:absolute;top:3px;right:1px;width:18px;height:18px;line-height:18px;text-align:center;background:rgba(255,255,255,.4);cursor:pointer;opacity:.5;transition:all .3s linear;border-radius:50%;transform:scale(.9);transform-origin:50% 0;}
.erx-start-mlist .edit-style > i:hover{background:#fc7c2d;}
.erx-start-mlist .edit-style .del-ico{right:auto;left:1px;visibility:hidden;}
.erx-start-mlist .add-link i{line-height:22px;color:#999;font-size:25px;font-weight:bold;}
.erx-start-pagenav{display:none;position:absolute;bottom:8px;left:0;width:100%;opacity:0;transition:all .4s linear;}
.erx-start-body:hover .erx-start-pagenav{opacity:1;}
.erx-start-pagenav.erxshow, .erx-start-tips.erxshow{display:block;}
.erx-start-pagenav .p{position:relative;display:inline-block;vertical-align:middle;transition:all .3s linear;cursor:pointer;opacity:.6;}
.erx-start-pagenav .p:hover{opacity:.9;}
.erx-start-pagenav .bar .p{margin:0 1px;font-size:12px;padding:4px 8px 3px;border-radius:3px;transform:scale(.9);}
.erx-start-pagenav .bar .p.cu{opacity:1;background:rgba(0,0,0,.8);border:1px rgba(255,255,255,.2) solid;}
.erx-start-pagenav .bar .p.cu::after{content:'';position:absolute;bottom:100%;left:50%;width:0;height:0;margin-left:-4px;border:4px transparent solid;border-bottom-color:rgba(0,0,0,.8);}
.erx-start-pagenav .bar .p.cu::before{content:'';position:absolute;bottom:100%;left:50%;margin:0 0 -2px -4px;width:6px;height:6px;border:0 rgba(255,255,255,.2) solid;border-width:1px 1px 0 0;transform:rotate(-45deg);}
.erx-start-pagenav .pager{width:9px;height:9px;margin:0 30px 0 0;border:0 #fff solid;border-width:2px 0 0 2px;transform:rotate(-45deg);visibility:hidden;}
.erx-start-pagenav .next{margin:0 0 0 30px;transform:rotate(135deg);}
.erx-start-pagenav .next em{transform:rotate(-135deg);}
.erx-start-pagenav .prev em{transform:rotate(45deg);}
.erx-start-pagenav .erxshow{visibility:visible;}
.erx-start-quote{padding-bottom:3vh;opacity:0;}
.erx-start-tips{display:none;position:absolute;top:5vw;right:5vw;max-width:90vw;line-height:1.5;color:#666;font-size:12px;background:#fff;padding:15px 20px;border-radius:9px;box-sizing:border-box;z-index:999;}
.erx-start-tips .close{position:absolute;top:9px;right:9px;width:14px;height:14px;line-height:14px;text-align:center;color:#fff;font-size:12px;background-image:linear-gradient(135deg, #9c0 0, #9c0 40%, transparent 100%);border-radius:50%;cursor:pointer;}
.erx-start-tips em{font-weight:bold;font-size:14px;}
/* -- erx:Layer -- */
.erx-start-layer, .erx-start-mbg, .erx-start-mask{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:all .2s ease-in;z-index:999;}
.erx-start-mbg{z-index:-1;}
.erx-start-layer{display:none;justify-content:center;align-items:center;z-index:990;}
.erx-start-layer.erxshow{display:flex;}
.erx-start-layer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);z-index:-1;}
.erx-start-layer .layer-wrap{position:relative;width:400px;max-width:98%;max-height:98%;color:#333;background:#fff;padding:0 35px;border-radius:12px;box-sizing:border-box;overflow-y:auto;}
.layer-wrap ul{display:none;border-top:5px #fc7c2d solid;padding:30px 0 25px;}
.layer-wrap li{margin:9px 0;}
.layer-wrap li.mti{margin:0;padding:0 0 15px;font-size:25px;text-align:center;}
.layer-wrap a{color:#307df2;}
.layer-wrap a:hover{color:#fc7c2d;}
.xylogout{margin-left:20px;font-size:12px;opacity:.6;}
.layer-wrap .acts{display:flex;justify-content:space-between;font-weight:bold;text-align:right;border-bottom:1px #ccc dashed;padding:15px 0;}
.layer-wrap .btns{display:flex;justify-content:space-between;align-items:center;padding:15px 0 0;}
.layer-wrap .btns button, .layer-wrap .btns a{color:#fff;font-size:12px;background:#307df2;padding:8px 25px;border-radius:3px;transition:all .3s linear;}
.layer-wrap .btns button:hover, .layer-wrap .form .item .btn:hover{opacity:.8;}
.layer-wrap .btns .erxclose{background:#fc7c2d;}
.layer-wrap .btns a{padding:8px 15px;}
.layer-wrap .btns .clear{display:none;margin-right:8px;background:#bbb;padding:8px 15px;}
.layer-wrap .tit{margin:0 0 15px;}
.layer-wrap .tit h3{font-size:16px;text-align:center;}
.layer-wrap .form{background:#f2f2f2;padding:0 8px 8px;border-radius:6px;}
.layer-wrap .form .item{position:relative;padding:8px 0 0;}
.layer-wrap .form .item .btn{position:absolute;top:16px;right:6px;height:24px;line-height:24px;color:#fff;font-size:12px;padding:0 8px;background:#9c0;border-radius:4px;cursor:pointer;transition:all .3s linear;}
.layer-wrap .form .item .btn label{display:block;cursor:inherit;}
.layer-wrap .form .set{display:flex;justify-content:space-between;align-items:center;}
.layer-wrap .form .set i{display:inline-block;height:28px;line-height:28px;margin-left:5px;font-size:12px;background:#fff;padding:0 12px;border-radius:20px;cursor:pointer;}
.layer-wrap .form .set .cu{color:#fc7c2d;}
.layer-wrap .form .set .cu::before{content:'';display:inline-block;width:6px;height:3px;margin:-2px 4px 0 0;border:0 #fc7c2d solid;border-width:0 0 1px 1px;transform:rotate(-45deg);vertical-align:middle;}
.layer-wrap .form .int, .layer-wrap .form textarea, .upload-img{width:100%;height:40px;line-height:40px;color:#307df2;border:0;background:#fff;padding:0 15px;border-radius:4px;box-sizing:border-box;}
.layer-wrap .form .int.s{width:80px;height:32px;line-height:32px;}
.layer-wrap .form textarea{height:80px;line-height:20px;border:0 #fff solid;border-width:10px 0;resize:none;}
.layer-wrap .form .upload-img{display:none;margin-top:9px;padding:0 15px;}
.layer-wrap .form .upload-img input{visibility:hidden;}
.layer-wrap .form .upload-img span{color:#9c0;}
/* -- erx:Loading -- */
.erx-loading{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:9990;}
.erx-loading .loader{position:relative;width:50px;height:50px;overflow:hidden;vertical-align:middle;}
.erx-loading .loader div{height:100%;box-sizing:border-box;}
.erx-loading .loader, .erx-loading .loader div{border-radius:50%;padding:5px;border:2px solid transparent;animation:rotate linear 3.5s infinite;border-top-color:rgba(0,0,0,.5);border-bottom-color:rgba(255,135,0,0.8);}
.erx-loading .loader, .erx-loading .loader *{will-change:transform;}
/* -- erx:Linktip -- */
.erx-start-linktip{position:absolute;font-size:12px;line-height:1.5;padding:10px 0 0 5px;z-index:9999;}
.erx-start-linktip .tip-arrow{position:absolute;top:0;left:20px;margin:0 0 0 -5px;width:0;height:0;border:transparent 5px solid;border-bottom-color:rgba(0,0,0,.8);}
.erx-start-linktip .tip-text{max-width:200px;padding:8px 12px;text-align:justify;border-radius:6px;background-color:rgba(0,0,0,.8);color:#fff;}
/* -- erx:Foot -- */
.erx-start-mbg.erxfocus{transform:scale(1.05);}
.erx-start-mask{background-image:radial-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%), radial-gradient(rgba(0,0,0,0) 33%, rgba(0,0,0,.35) 168%);z-index:-1;}
.erx-start-mask.erxfocus{backdrop-filter:blur(10px);}
.erx-start-footer{position:absolute;bottom:0;left:0;width:100%;font-size:12px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:9px 0;opacity:.38;transform:scale(.9);}
.erx-start-footer > a::before, .erx-start-footer > span:not(:first-child)::before{content:'';display:inline-block;width:1px;height:10px;margin:-1px 8px 0;background:rgba(255,255,255,.8);vertical-align:middle;}
.animated{animation-duration:1s;animation-fill-mode:both;}
.bounceIn{animation-name:bounceIn;}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  20% {transform: scale3d(1.1, 1.1, 1.1);}
  40% {transform: scale3d(.9, .9, .9);}
  60% {opacity: 1;transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(.97, .97, .97);}
  to {opacity: 1;transform: scale3d(1, 1, 1);}
}
@keyframes rotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
/* -- erx:Responsive -- */
@media screen and (max-width:720px) {
  .erx-start-header{padding-top:9vh;}
  .erx-start-body{min-height:32vh;}
  .erx-start-mlist li{width:25%;max-width:none;padding:8px;}
  .erx-start-mlist li .mc em{font-size:12px;}
  .erx-start-layer .layer-wrap{padding:0 20px;}
  .erx-start-pagenav{opacity:1;}
  .erx-start-quote{font-size:12px;}
}