@font-face {
    font-family: 'icons';
    src: url('icon/iconfont.woff2?t=1749809103') format('woff2'), url('icon/iconfont.woff?t=1749809103') format('woff'), url('icon/iconfont.ttf?t=1749809103') format('truetype');
}

.icons {
    font-family: "icons" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icoPDF:before {
    content: "\e64d";
}

.icosousuo:before {
    content: "\e613";
}

.icowechats:before {
    content: "\e65e";
}

.icolianjie:before {
    content: "\e60b";
}

.icoqq:before {
    content: "\e63c";
}

.icopingmu:before {
    content: "\e728";
}

.icocaiwu:before {
    content: "\e702";
}

.icoxiazai3:before {
    content: "\e604";
}

.icoyule:before {
    content: "\e63a";
}

.icolishixiao:before {
    content: "\e8bd";
}

.icoboke:before {
    content: "\e70b";
}

.icoyouxi:before {
    content: "\e606";
}

.icoshipin:before {
    content: "\e6f4";
}

.icotiyu:before {
    content: "\e65f";
}

.icokejichuangxin:before {
    content: "\e8b7";
}

.icokeji:before {
    content: "\e63b";
}

.icoheikeji:before {
    content: "\e637";
}

.icozhibo:before {
    content: "\e660";
}

.icogongju:before {
    content: "\e6cf";
}

.icoyinleduanpian:before {
    content: "\e874";
}

.icoxinwen:before {
    content: "\e8ba";
}

.icojianhao:before {
    content: "\eaf5";
}

.icoAI1:before {
    content: "\e610";
}

.icoAI2:before {
    content: "\e6a5";
}

.icoweibiaoti541:before {
    content: "\e634";
}

.icobi:before {
    content: "\e632";
}

.icoxiazai:before {
    content: "\e639";
}

.icoundo:before {
    content: "\e609";
}

.icoyangshengqi:before {
    content: "\e603";
}

.icojubao:before {
    content: "\e723";
}

.icoweixin1:before {
    content: "\e63e";
}

.icoxuanzhuan:before {
    content: "\e79a";
}

.icodenglu-anquanmaicon:before {
    content: "\e668";
}

.icoyingxiaotuiguang:before {
    content: "\e672";
}

.icojiaobiao:before {
    content: "\e666";
}

.icojifen01:before {
    content: "\e631";
}

.icoweixin:before {
    content: "\e6b3";
}

.icozhifubao:before {
    content: "\e608";
}

.icoyouxiang:before {
    content: "\e626";
}

.icoshouji:before {
    content: "\e630";
}

.icojifen:before {
    content: "\e898";
}

.icohuiyuan:before {
    content: "\e65d";
}

.icouvids:before {
    content: "\e61d";
}

.icousj:before {
    content: "\e61b";
}

.icounlink:before {
    content: "\e62d";
}

.icouxb:before {
    content: "\e853";
}

.icoux:before {
    content: "\e731";
}

.icouim:before {
    content: "\e60e";
}

.icoul:before {
    content: "\e62b";
}

.icour:before {
    content: "\e62c";
}

.icoufull:before {
    content: "\e60f";
}

.icomulu:before {
    content: "\e60a";
}

.icoufs:before {
    content: "\e7aa";
}

.icouyyu:before {
    content: "\ec81";
}

.icoub:before {
    content: "\ec83";
}

.icouu:before {
    content: "\ec85";
}

.icoutxt:before {
    content: "\e61c";
}

.icoubjs:before {
    content: "\e619";
}

.icoua:before {
    content: "\e611";
}

.icoutab:before {
    content: "\e61a";
}

.icousb:before {
    content: "\e835";
}

.icouls:before {
    content: "\ea3b";
}

.icoucen:before {
    content: "\e62f";
}

.icousab:before {
    content: "\e612";
}

.icoucler:before {
    content: "\e654";
}

.icouxl:before {
    content: "\e69a";
}

.icouxr:before {
    content: "\e69b";
}

.icouh:before {
    content: "\e655";
}

.icoulink:before {
    content: "\ee16";
}

.icoshanchu:before {
    content: "\e636";
}

.icoaixin:before {
    content: "\e8ab";
}

.icoaixin1:before {
    content: "\e8c3";
}

.icoshenghuo:before {
    content: "\e625";
}

.icojxj:before {
    content: "\e65c";
}

.icoremen:before {
    content: "\e897";
}

.icoxcs:before {
    content: "\e8ad";
}

.icofenxi:before {
    content: "\e76d";
}

.icoxzs:before {
    content: "\e607";
}

.icobangong:before {
    content: "\e67e";
}

.icolunwen:before {
    content: "\e60d";
}

.icojgdw:before {
    content: "\e67f";
}

.icovr:before {
    content: "\e6dd";
}

.icosps:before {
    content: "\e9fc";
}

.icoxhs:before {
    content: "\e635";
}

.icoftops:before {
    content: "\e658";
}

.icoai247:before {
    content: "\e6eb";
}

.icoxiaofeijilu:before {
    content: "\e63f";
}

.icodaochu:before {
    content: "\e605";
}

.icoxz:before {
    content: "\e601";
}

.icoAI:before {
    content: "\e620";
}

.icoduih:before {
    content: "\e6b9";
}

.icotoux:before {
    content: "\e638";
}

.icobeye:before {
    content: "\e901";
}

.icovf:before {
    content: "\e6bf";
}

.icoemai:before {
    content: "\e645";
}

.icosuo:before {
    content: "\e62e";
}

.icoyanjing:before {
    content: "\e8c7";
}

.icoclose:before {
    content: "\e6b5";
}

.icodui:before {
    content: "\e63d";
}

.icochahao:before {
    content: "\e600";
}

.icotianjia:before {
    content: "\e64f";
}

.icotuichu:before {
    content: "\e60c";
}

.icobianji:before {
    content: "\e602";
}

.icoduihao:before {
    content: "\e633";
}

.icojiahao1:before {
    content: "\eaf3";
}

.icourls:before {
    content: "\e78b";
}

.icoapp:before {
    content: "\e64b";
}

.icohome:before {
    content: "\e62a";
}

html,body,div,header,nav,head,span,object,iframe,section,figure,aside,article,h1,h2,h3,h4,img,ol,ul,dl,p {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

html {
    font-size: calc(100vw/100);
    overflow-x: hidden;
    touch-action: pan-y;
}

@media (max-width: 2000px) {
    html {
        font-size: 20px;
    }
}

body {
    margin: 0 auto;
    color: #34495e;
    font-family: PingFang SC-Regular,PingFang SC;
    font-size: 0.6rem;
}

body::-webkit-scrollbar {
    width: 0px;
}

a:hover,a:focus,a:active {
    color: var(--zhucolor) !important;
    text-decoration: none;
    cursor: pointer;
    outline: 0
}

*,*:before,*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.clear {
    clear: both;
}

.clear:after {
    clear: both;
    display: table;
    content: " ";
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu {
    display: block
}

h1,h2,h3,h4,h5 {
    line-height: 1.75;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizelegibility;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 14px;
}

.lf {
    float: left;
}

.lr {
    float: right;
}

li {
    list-style: none;
}

a {
    color: #666;
    vertical-align: baseline;
    text-decoration: none;
    font-size: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

:focus {
    outline: 0
}

.center {
    width: 100%;
    /*max-width: 63.3rem;*/
    margin: 0 auto;
}

.uselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.marbs0 {
    margin-bottom: 0px !important;
}

.marts0 {
    margin-top: 0px !important;
}

/**********************************************/
.left-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 12rem;
    height: 100vh;
    z-index: 99999;
    background-color: #fff;
    border-right: 1px solid #efefef;
    padding: 0 0.75rem;
}

.left-nav * {
    position: relative;
    z-index: 2;
}

.left-nav::-webkit-scrollbar {
    width: 0px;
}

.left-nav::after {
    background: linear-gradient(180deg,#ffeadb,#fff);
    content: "";
    height: 6rem;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.left-nav .logo {
    width: 100%;
    height: 6rem;
    text-align: center;
    border-bottom: 1px solid #efefef;
}

.night .left-nav .logo {
    border-bottom: 1px solid #444;
}

.left-nav .logo .logo_img {
    width: 8rem;
    height: 3rem;
    margin-top: 1.5rem;
}

.left-nav .logo .wap_logo {
    display: none;
}

.left-nav .nav {
    padding-top: 0.5rem;
    height: calc(100vh - 130px);
    overflow: hidden;
    padding-bottom: 2rem;
}

.left-nav .nav:hover {
    overflow: auto;
}

.left-nav .nav::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.left-nav .nav::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background: #ffffff;
}

.left-nav .nav::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff;
}

.left-nav .nav li {
    cursor: pointer;
    direction: ltr;
}

.left-nav .nav li a {
    height: 2.2rem;
    line-height: 2.2rem;
    display: block;
    padding-left: 1.5rem;
    color: #555;
    font-size: 0.65rem;
    font-weight: 400;
    text-align: left;
}

.left-nav .nav li a.act,.left-nav .nav li a:hover {
    background: #f5f5f5;
}

.left-nav .nav li a i {
    font-size: 0.7rem;
    margin-right: 0.75rem;
    color: #ff6500;
    font-weight: bold;
}

.left-nav .nav li m {
    position: absolute;
    z-index: 999;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.45rem;
    background-color: #ff7503;
    color: #fff;
    border-radius: 10px;
}

.left-nav .nav>li>ul {
    display: none;
    border-radius: 6px;
    background-color: #f6f7fa;
    padding: 0.5rem;
}

.night .left-nav .nav>li>ul {
    background-color: #252525;
}

.left-nav .nav>li>ul a {
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.6rem;
    padding-left: 2rem;
}

.left-nav .nav>li>ul a i {
    font-size: 0.65rem;
    margin-right: 0.5rem;
    color: #ff6500;
    font-weight: 400;
}

.left-nav .nav>li>ul>li a.act,.left-nav .nav>li>ul>li a:hover {
    background-color: #eef0f7;
}

.navjia::before {
    font-family: "icons" !important;
    font-size: 0.55rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eaf3";
    position: absolute;
    right: 0.5rem;
    top: 1.1rem;
    transform: translateY(-50%);
    z-index: 99;
    color: #ff6500;
}

.navjian::before {
    font-family: "icons" !important;
    font-size: 0.55rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eaf5";
    position: absolute;
    right: 0.5rem;
    top: 1.1rem;
    transform: translateY(-50%);
    z-index: 99;
    color: #ff6500;
}

.left-nav>div:last-child {
    padding: 0.75rem 0;
}

.left-nav>div:last-child .buysdows:hover {
    color: #fff !important;
}

/**********************************************/
@media screen and (min-width: 886px) {
    .hisnav .left-nav .logo {
        height: 3rem;
        padding-top: 0.9rem;
    }

    .hisnav .left-nav .logo .logo_img {
        display: none;
    }

    .hisnav .left-nav .logo a .wap_logo {
        width: 1.2rem;
        height: 1.2rem;
        margin: auto;
        display: block;
    }

    .hisnav .left-nav {
        width: 3rem;
        padding: 0;
    }

    .hisnav .left-nav .nav {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100vh - 70px);
    }

    .hisnav .left-nav .nav li a {
        padding-left: 0;
        text-align: center;
    }

    .hisnav .left-nav .nav li a::after {
        content: '';
        position: absolute;
        width: 0.5rem;
        bottom: 0px;
        left: calc(50% - 0.25rem);
        height: 1px;
        background-color: #efefef;
    }

    .night.hisnav .left-nav .nav li a::after {
        background-color: #444;
    }

    .hisnav .left-nav .nav li a i {
        margin-right: 0;
    }

    .hisnav .left-nav .nav li a span {
        display: none;
    }

    .navhover .layui-layer-content {
        position: relative;
        line-height: unset;
        min-width: 12px;
        padding: 0.3rem 0.4rem;
        font-size: 0.6rem;
        _float: left;
        border-radius: 4px;
        box-shadow: unset;
        background-color: rgb(85, 85, 85);
        color: #fff;
    }

    .hisnav .head_div {
        width: calc(100% - 3rem);
        left: 3rem;
    }

    .hisnav .main {
        width: calc(100% - 3rem);
    }

    .hisnav .footer {
        width: calc(100% - 3rem);
    }

    .hisnav .tool_nav_but {
        left: 3rem;
        display: none;
    }

    .hisnav .wapbut:before {
        content: "\e66b";
    }
}

/**********************************************/
.head_div {
    position: fixed;
    height: 3rem;
    left: 12rem;
    top: 0;
    width: calc(100% - 12rem);
    border-bottom: 1px solid #ecf0f7;
    background-color: #fff;
    z-index: 9999;
}

.head_div>a>img,.night .head_div>a>img {
    display: none;
}

.head_div>.wapbut {
    font-size: 0.9rem;
    position: absolute;
    left: 1.3rem;
    top: 1rem;
    cursor: pointer;
}

.headada {
    position: absolute;
    left: 3.5rem;
    top: 1rem;
}

.headada a {
    font-size: 0.65rem;
    margin-right: 0.5rem;
}

.headada a img {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    margin-right: 0.3rem;
    vertical-align: -1.8px;
    border-radius: 3px;
}

.headada a.jianbian {
    color: transparent;
    background: linear-gradient(to right, #ff0000, #890d97);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.headada a.jianbian2 {
    background: linear-gradient(to right, #9C27B0, #06b672);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.headada a i {
    font-size: 0.65rem;
    margin-right: 0.25rem;
}

.night .headada a {
    color: #888;
}

.night .headada a i {
    color: #888;
}

.gonggao_alert {
    padding: 1rem;
    position: relative;
    overflow: hidden;
}

.gonggao_alert * {
    position: relative;
    z-index: 10;
}

.gonggao_alert::before {
    content: '';
    width: 200px;
    height: 100px;
    display: block;
    border-radius: 100%;
    position: absolute;
    left: -30px;
    top: -50px;
    background: linear-gradient(to bottom right, #ffffff, #f2bd6e);
}

.night .gonggao_alert::before {
    background: linear-gradient(to bottom right, #333, #222);
}

.gonggao_alert::after {
    content: '';
    width: 200px;
    height: 150px;
    display: block;
    border-radius: 100%;
    position: absolute;
    right: -30px;
    bottom: -10px;
    transform: rotate(45deg);
    background: linear-gradient(to bottom right, #f7d4a1, #ffffff);
}

.night .gonggao_alert::after {
    content: '';
    width: 200px;
    height: 150px;
    display: block;
    border-radius: 100%;
    position: absolute;
    right: -30px;
    bottom: -10px;
    transform: rotate(45deg);
    background: linear-gradient(to bottom right, #222, #333);
}

.gonggao_alert h2 {
    font-size: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
    line-height: 1rem;
}

.gonggao_alert .gonggao_contdiv {
    padding: 0 0.6rem 0.6rem 0.6rem;
    border-radius: 6px;
    max-height: 13rem;
    overflow-y: auto;
}

.gonggao_alert .gonggao_contdiv::-webkit-scrollbar {
    width: 3px;
}

.gonggao_alert .gonggao_contdiv::-webkit-scrollbar-thumb {
    background-color: #ff6500;
    border-radius: 3px;
}

.gonggao_alert .gonggao_contdiv::-webkit-scrollbar-track {
    background-color: #EEEEEE;
}

.night .gonggao_alert .gonggao_contdiv::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 3px;
}

.night .gonggao_alert .gonggao_contdiv::-webkit-scrollbar-track {
    background-color: #333;
}

.gonggao_alert .gonggao_contdiv p {
    font-size: 0.6rem;
    line-height: 1.1rem;
    margin-bottom: 0.5rem;
}

.gonggao_alert .gonggao_contdiv p:last-child {
    margin-bottom: 0;
}

.gonggao_alert .gonggao_footer {
    padding: 1rem 0.6rem 0 0.6rem;
}

.gonggao_alert .gonggao_footer span.isfvive {
    height: 1.4rem;
    line-height: 1.4rem;
    display: inline-block;
    background-color: #F57C00;
    color: #fff;
    padding: 0 1rem;
    border-radius: 3px;
    cursor: pointer;
}

.search_div {
    width: 13rem;
    display: inline-block;
}

.search {
    overflow: hidden;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 30px;
    float: left;
    position: relative;
    font-size: 0.6rem;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.search input {
    height: 1.5rem;
    line-height: 1.5rem;
    width: 100%;
    border: 0;
    padding-left: 0.5rem;
    background-color: transparent;
}

.search i {
    position: absolute;
    right: 0px;
    font-size: 0.9rem;
    color: #999;
    font-weight: bold;
    cursor: pointer;
    width: 2rem;
    text-align: center;
}

.search span {
    position: absolute;
    top: 0px;
    left: 0.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    pointer-events: none;
    color: #ccc;
    font-size: 0.55rem;
}

.search span b {
    color: #00b277;
    margin: 0 5px;
}

.headbutdiv {
    position: absolute;
    right: 3rem;
    top: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.headerbut {
    cursor: pointer;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 1.5rem;
    border-radius: 100%;
    border: 1px solid #ddd;
    text-align: center;
    display: inline-block;
    float: right;
    margin-left: 0.5rem;
    position: relative;
}

.wapsousou {
    display: none;
}

.night .headerbut {
    border: 1px solid #444;
}

.night .headerbut i {
    color: #888;
}

.headerbut>span {
    position: absolute;
    bottom: -2rem;
    left: calc(50% - 1.7rem);
    background-color: #555;
    color: #fff;
    font-size: 0.6rem;
    height: 1.2rem;
    line-height: 1.2rem;
    width: 3.4rem;
    border-radius: 6px;
    display: none;
}

.headerbut>span::before {
    content: '';
    border: 0.4rem solid transparent;
    border-bottom-color: #555555;
    position: absolute;
    left: calc(50% - 0.4rem);
    top: -0.8rem;
    width: 0.8rem;
    height: 0.8rem;
}

.headerbut:hover span {
    display: block;
}

.night .headerbut i.layui-icon-moon::before {
    content: "\e748";
}

.user {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
}

.user>img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    cursor: pointer;
}

.user_alert {
    text-align: left;
    background-color: #fff;
    position: absolute;
    top: 2.5rem;
    right: 0px;
    width: 15rem;
    border: 1px solid #e5e6ec;
    border-radius: 5px;
    padding: 0.75rem 1rem;
    z-index: 9999;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
    display: none;
}

.user:hover .user_alert {
    display: block;
}

.user_alert::after {
    content: '';
    position: absolute;
    top: -2rem;
    left: 0;
    width: 100%;
    height: 2rem;
}

.user_alert::before {
    border: 10px solid transparent;
    border-bottom-color: #e5e6ec;
    content: "";
    right: 0.25rem;
    margin-left: -0.4rem;
    position: absolute;
    top: -1rem;
    width: 0.8rem;
    height: 0.8rem;
}

.user_alert > .spanpp {
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.6rem;
    display: block;
}

.user_alert > .spanpp span {
    float: right;
    cursor: pointer;
}

.user_alert > div {
}

.user_alert > div p {
    padding: 0.4rem 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.6rem;
    background: #e9faf8;
    border-radius: 2px;
    border: 1px solid #90cdc6;
    position: relative;
    border-radius: 3px;
    color: #555;
}

.user_alert > div p.vip {
    background-color: #FFF3E0;
    border: 1px solid #FFA726;
}

.user_alert > div p a {
    font-size: 0.6rem;
    color: #00b278 !important;
    float: right;
}

.user_alert > div p.vip a {
    color: #FF9800 !important;
}

.user_alert .icoxuanzhuan {
    font-size: 0.6rem;
    margin-left: 0.5rem;
    cursor: pointer;
    color: #00b277;
}

.user_alert div.buts {
    margin-top: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px solid #f5f5f5;
}

.night .user_alert div.buts {
    border-top: 1px solid #444;
}

.user_alert div.buts a {
    font-size: 0.6rem;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eee;
    width: calc(100% / 3);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #f5f5f5;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.user_alert div.buts a:nth-child(2) {
    width: calc(100% / 3 - 10px);
    margin: 0 5px;
}

.night .user_alert div.buts a {
    background-color: #444;
    border: 1px solid #444;
    color: #eee;
}

/**********************************************/
.main {
    width: 100%;
    float: right;
    display: inline-block;
    background-color: #fff;
    
}

.main .center {
    position: relative;
}

.main::-webkit-scrollbar {
    width: 0px;
}

.tool_nav_but {
    position: fixed;
    left: 12rem;
    padding: 4px 10px 4px 6px;
    border: 1px solid #ff6500;
    border-left: 0;
    border-radius: 0 15px 15px 0;
    font-size: 0.6rem;
    color: #ff6500;
    cursor: pointer;
    background-color: #fff;
}

.tool_nav_but i {
    font-size: 0.6rem;
}

.tool_nav {
    position: fixed;
    margin-left: -1.75rem;
    transform: translateX(-100%);
    border: 1px solid #f5f5f5;
    padding: 0.5rem;
    border-radius: 6px;
    display: none;
}

.night .tool_nav {
    background-color: #181a1b;
    border: 1px solid #444;
}

.tool_nav li a {
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.6rem;
    padding: 0 0.75rem;
    display: inline-block;
    border-bottom: 1px solid #f5f5f5;
}

.night .tool_nav li a {
    border-bottom: 1px solid #444;
    color: #bbb;
}

.night .tool_nav li:last-child a {
    border-bottom: 0;
}

.tool_nav li a:hover,.tool_nav li a.act {
    background-color: #f5f5f5;
}

.night .tool_nav li a:hover,.night .tool_nav li a.act {
    background-color: #444;
}

.tool_nav li a i {
    margin-right: 0.75rem;
    font-size: 0.6rem;
}

.tool_nav_alert {
    padding: 0.75rem;
}

.tool_nav_alert li {
    width: 50%;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    text-align: center;
}

.tool_nav_alert li a {
    height: 2.25rem;
    line-height: 2.25rem;
    display: block;
    border: 1px solid #f5f5f5;
    font-size: 0.6rem;
    cursor: pointer;
}

.tool_nav_alert li a:hover {
    background-color: #f5f5f5;
}

.night .tool_nav_alert li a:hover {
    background-color: #444;
}

.tool_nav_alert li a i {
    margin-right: 0.5rem;
    font-size: 0.6rem;
    color: #ff6500;
    font-weight: bold;
}

.moder_h2 {
    font-size: 0.75rem;
    margin: 0.75rem 0;
    height: 0.9rem;
    line-height: 0.9rem;
}

.moder_h2_one {
    margin-top: 0px;
}

.moder_h2 i {
    margin-right: 0.5rem;
    color: #ff6500;
    font-weight: bold;
}

.moder {
    margin: -0.5px -0.75rem 0 -0.75rem;
}

.moder_min_height {
    min-height: calc(100vh - 15vh);
}

.moder li {
    display: inline-block;
    width: calc(100% / 3);
    float: left;
    padding: 0.75rem;
    transition: all 0.3s ease;
}

.moder li a {
    border-radius: 10px;
    display: block;
    padding: 1.1rem 1rem;
    border: 1px solid #f5f5f5;
    box-shadow: 0 2px 7px rgb(146 146 146 / 12%);
    transition: none;
}

.moder li a:hover {
    border: 1px solid #ff9800;
}

.moder li a img {
    float: left;
    border-radius: 8px;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
}

.moder li a div {
    height: 2rem;
}

.moder li a span,.moder li a h3 {
    color: #333;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.65rem;
    display: list-item;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
}

.moder li a p {
    height: 0.8rem;
    line-height: 0.8rem;
    margin-top: 0.2rem;
    font-size: 0.6rem;
    color: #9aabb8;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tools {
    background: #f6f7fa;
    border-radius: 10px;
    padding: 0 0.75rem 0.75rem 0.75rem;
}

.tools-info {
    padding: 0.75rem 0;
    position: relative;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #e8e8fd;
}

.tools-info img {
    width: 2rem;
    height: 2rem;
    float: left;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 0.5rem;
}

.tools-info .title {
    height: 1rem;
    line-height: 1rem;
    font-style: normal;
    font-size: 0.7rem;
    color: #000;
}

.tools-info .pingfens {
    height: 1rem;
    line-height: 1rem;
    vertical-align: baseline;
}

.tools-info div p i:nth-child(1),.tools-info div p i:nth-child(2),.tools-info div p i:nth-child(3),.tools-info div p i:nth-child(4) {
    color: rgb(255, 194, 13);
}

.tools-info .title span {
    margin-left: 0.25rem;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: bold;
    color: #ff7503 !important;
    position: relative;
    z-index: 999;
}

.tools-info .title span i {
    position: absolute;
    bottom: -2rem;
    left: calc(50% - 1.7rem);
    background-color: #555;
    color: #fff;
    font-size: 0.6rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    width: 3.4rem;
    border-radius: 6px;
    font-style: normal;
    display: none;
}

.tools-info .title span i::before {
    content: '';
    border: 0.4rem solid transparent;
    border-bottom-color: #555555;
    position: absolute;
    left: calc(50% - 0.4rem);
    top: -0.8rem;
    width: 0.8rem;
    height: 0.8rem;
}

.tools-info .title span:hover i {
    display: block;
}

.tools-info .title h1 {
    font-size: 0.7rem;
    color: #000;
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    font-style: normal;
}

.night .tools-info .title {
    color: #eee;
}

.night .tools-info .title h1 {
    color: #eee;
}

.tools-info>i {
    position: absolute;
    font-size: 1rem;
    right: 0.5rem;
    top: 1.2rem;
    color: #888;
    cursor: pointer;
}

.tools-cent {
    background-color: #fff;
    min-height: 12.5rem;
    border-radius: 6px;
    padding: 0.75rem;
}

.tuitool {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.tuitool h6 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 0.9rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    color: #444;
    position: relative;
}

.tuitool h6 span {
    display: inline-block;
    padding: 0 1rem;
    background-color: #fff;
    position: relative;
    z-index: 99;
}

.tuitool h6::after {
    position: absolute;
    background-color: #e8e8fd;
    width: 10rem;
    content: '';
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.night .tuitool h6 span {
    background-color: #242627;
    color: #888;
}

.night .tuitool h6::after {
    background-color: #444;
}

.footer {
    border-top: 1px solid #ff7503;
    padding: 2rem 1rem 1rem 1rem;
    width: 100%;
    float: right;
    background-color: #232627;
    display: inline-block;
    margin-top: 1rem;
}

.night .footer {
    background-color: #181a1b;
}

.footercent {
}

.footercent>div {
    display: inline-block;
}

.footercent h4 {
    margin-bottom: 20px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    font-weight: bold;
    color: #aaa;
    position: relative;
}

.footercent h4::before {
    content: '';
    width: 4px;
    display: inline-block;
    height: 12px;
    background-color: #3e444c;
    position: absolute;
    left: 0;
    top: 4px;
}

.foota {
    float: left;
    width: 32rem;
}

.foota>div {
    font-size: 0.7rem;
    line-height: 1.2rem;
    background-color: #333637;
    padding: 0.75rem;
    border-radius: 8px;
    color: #bbb;
}

.footb {
    width: 20rem;
    float: right;
}

.footb h4 {
    margin-bottom: 14px;
}

.footb p {
    height: 1.5rem;
    line-height: 1.5rem;
    color: #ccc;
    font-size: 0.65rem;
}

.footb i {
    font-size: 0.6rem;
    margin-right: 0.5rem;
}

.footb i.icowechats {
    font-size: 0.5rem;
}

.footb a {
    margin-right: 0.5rem;
    color: #ccc;
}

.footc {
    float: right;
    width: 6rem;
}

.footc img {
    max-width: 100%;
}

.footerb {
    font-size: 0.6rem;
    color: #aaa;
    border-top: 1px solid #3e444c;
    margin-top: 1rem;
    padding: 1rem 0;
}

.footerb>span {
    width: calc(100% - 370px);
    display: block;
    float: left;
}

.footerb>.rdis {
    width: 370px;
    text-align: right;
    float: right;
}

.footerb>.rdis a {
    color: #aaa;
    margin-left: 0.5rem;
    font-size: 0.6rem;
}

.footerb>.rdis a img {
    width: 12px;
    height: 12px;
    margin-right: 0.2rem;
    vertical-align: -1.5px;
}

.youlinks {
    margin-top: 1rem;
    color: #ddd;
    font-size: 0.65rem;
    padding-bottom: 0.5rem;
}

.youlinks span {
    color: #ddd;
}

.youlinks a {
    color: #ddd;
    margin-right: 0.5rem;
}

.zhe {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background-color: rgb(0 0 0 / 71%);
}

.app_search {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.app_search_ul {
    padding: 0.25rem;
    min-height: 9.5rem;
}

.app_search_ul li {
    float: left;
    padding: 0.25rem;
    width: calc(100%/3);
    display: none;
}

.app_search_ul li:nth-child(1),.app_search_ul li:nth-child(2),.app_search_ul li:nth-child(3),.app_search_ul li:nth-child(4),.app_search_ul li:nth-child(5),.app_search_ul li:nth-child(6) {
    display: block;
}

.app_search_ul li a {
    border: 1px solid #ddd;
    padding: 0.5rem 0.5rem 0.4rem 0.5rem;
    display: block;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.app_search_ul li a i {
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 0.6rem;
    font-style: normal;
    background-color: #FF5722;
    color: #fff;
    padding: 2px 5px 5px 10px;
    border-radius: 0 0 0 100%;
}

.app_search_ul li img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 6px;
}

.app_search_ul li p {
    height: 1rem;
    line-height: 1rem;
    font-size: 0.6rem;
    margin-top: 0.5rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app_search_bar {
    margin: 0 0.5rem 0 0.5rem;
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem 0;
}

.app_search_bar span {
    height: 1.3rem;
    line-height: 1.3rem;
    width: 1.3rem;
    display: inline-block;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-right: 0.5rem;
    cursor: pointer;
    border-radius: 2px;
    font-weight: bold;
    color: #999;
    border-radius: 3px;
}

.app_search_bar span.act {
    color: #fff;
    background-color: #00b277;
    border: 1px solid #00b277;
}

.app_coll_ul {
    padding: 0.25rem;
    min-height: 9.5rem;
}

.app_coll_ul li {
    float: left;
    padding: 0.25rem;
    width: calc(100%/3);
    display: none;
}

.app_coll_ul li:nth-child(1),.app_coll_ul li:nth-child(2),.app_coll_ul li:nth-child(3),.app_coll_ul li:nth-child(4),.app_coll_ul li:nth-child(5),.app_coll_ul li:nth-child(6) {
    display: block;
}

.app_coll_ul li div {
    border: 1px solid #ddd;
    padding: 0.5rem 0.5rem 0.4rem 0.5rem;
    display: block;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.app_coll_ul li div i {
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 0.6rem;
    font-style: normal;
    background-color: #FF5722;
    color: #fff;
    padding: 2px 5px 5px 10px;
    border-radius: 0 0 0 100%;
}

.app_coll_ul li div span {
    position: absolute;
    right: 0;
    top: 0.25rem;
    font-size: 0.6rem;
    padding: 0.2rem 0.5rem;
    background-color: rgba(0, 0, 0, 0.6);
    color: #eee;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    transform: translateX(100%);
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.app_coll_ul li div:hover span {
    transform: translateX(0);
}

.app_coll_ul li div:hover i {
    transform: translateX(100%);
}

.app_coll_ul li img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 6px;
}

.app_coll_ul li p {
    height: 1rem;
    line-height: 1rem;
    font-size: 0.6rem;
    margin-top: 0.5rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app_coll_bar {
    margin: 0 0.5rem 0 0.5rem;
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem 0;
}

.app_coll_bar span {
    height: 1.3rem;
    line-height: 1.3rem;
    width: 1.3rem;
    display: inline-block;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-right: 0.5rem;
    cursor: pointer;
    border-radius: 2px;
    font-weight: bold;
    color: #999;
    border-radius: 3px;
}

.app_coll_bar span.act {
    color: #fff;
    background-color: #00b277;
    border: 1px solid #00b277;
}

.app_share {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.app_share_div {
    padding: 0.5rem;
}

.app_share_div input {
    height: 2rem;
    line-height: 2rem;
    width: 100%;
    padding-left: 0.5rem;
    border: 5px solid #f5f5f5;
    color: #666;
}

.app_share_div>div {
    margin-top: 0.5rem;
}

.app_share_div>div>div {
    width: 50%;
    display: inline-block;
    text-align: center;
    background-color: #f5f5f5;
    float: left;
    padding: 1rem 0;
}

.app_share_div>div>div:nth-child(1) {
    border-right: 5px solid #fff;
}

.app_share_div>div>div:nth-child(2) {
    border-left: 5px solid #fff;
}

.app_share_div>div>div img {
    width: 6rem;
    height: 6rem;
    padding: 0.6rem;
    background-color: #fff;
    border-radius: 6px;
    background: #fff url(img/loading.gif) no-repeat center center;
}

.app_share_div>div>div p {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.6rem;
    margin-top: 0.5rem;
}

.app_share_div .icodiv {
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    background-color: #fff;
    text-align: center;
    margin: auto;
    border-radius: 6px;
    cursor: pointer;
}

.app_share_div .icodiv i {
    font-size: 2.8rem;
    color: #00BCD4;
}

.app_share_div .app_share_save {
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #f5f5f5;
    margin-top: 0.5rem;
    text-align: center;
    font-size: 0.6rem;
    color: #00bcd4;
    font-weight: bold;
    cursor: pointer;
}

.scttop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #f5f5f5;
    height: 34px;
    line-height: 34px;
    width: 34px;
    text-align: center;
    border-radius: 4px;
    color: #ff7503;
    cursor: pointer;
    display: none;
}

/******* 鍏ㄥ眬 *******/
.mt10 {
    margin-top: 10px;
}

.text_input {
    width: 100%;
    padding: 0.5rem;
    height: 10rem;
    border: 1px solid #bebedd;
    resize: none;
    border-radius: 6px;
    display: block;
    color: #555;
    line-height: 1.42857143;
    font-size: 0.7rem;
}

.night .text_input {
    width: 100%;
    padding: 0.5rem;
    height: 10rem;
    resize: none;
    border-radius: 6px;
    display: block;
    background-color: #181a1b;
    border: 1px solid #444;
    color: #aaa;
}

.text_input::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.text_input::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background: #e8e8fd;
}

.text_input::-webkit-scrollbar-thumb:hover {
    background-color: rgb(134,144,156);
}

.night .text_input::-webkit-scrollbar-thumb {
    background-color: rgb(134,144,156);
}

.night .text_input::-webkit-scrollbar-thumb:hover {
    background-color: rgb(134,144,156);
}

.text_input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.text_input::-moz-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.text_input:-moz-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.text_input:-ms-input-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.night .text_input::-webkit-input-placeholder {
    color: #444;
}

.night .text_input::-moz-placeholder {
    color: #444;
}

.night .text_input:-moz-placeholder {
    color: #444;
}

.night .text_input:-ms-input-placeholder {
    color: #444;
}

.text_input_rest {
    width: 100%;
    min-height: 7rem;
    color: #34495e;
    border: 1px solid #a0e5c6;
    background: #f8fafe;
    border-radius: 3px;
    resize: none;
    padding: 0.75rem;
}

.text_input_rest p {
    line-height: 1.3rem;
    padding: 0.4 0;
    display: block;
    border-bottom: 1px solid #dae6ef;
}

.resthtml {
    width: 100%;
    height: 13rem;
    color: #34495e;
    border: 1px solid #a0e5c6;
    background: #f8fafe;
    border-radius: 3px;
    resize: none;
    padding: 0.75rem;
    display: block;
    overflow: auto;
}

.resthtml p {
    line-height: 1.3rem;
    padding: 0.4rem 0;
    display: block;
    border-bottom: 1px solid #dae6ef;
    font-size: 0.7rem;
}

.resthtml::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.resthtml::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background: #e8e8fd;
}

.resthtml::-webkit-scrollbar-thumb:hover {
    background-color: rgb(134,144,156);
}

.night .resthtml {
    background-color: #181a1b;
    border: 1px solid #444;
}

.night .resthtml::-webkit-scrollbar-thumb {
    background-color: rgb(134,144,156);
}

.night .resthtml::-webkit-scrollbar-thumb:hover {
    background-color: rgb(134,144,156);
}

.night .resthtml p {
    border-bottom: 1px solid #444;
    color: #ddd;
}

.night .search span {
    color: #666;
}

.butdiv {
    padding: 0.25rem 0;
    clear: both;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.butdiv:after {
    clear: both;
    display: table;
    content: " ";
}

.butdiv span {
    height: 1.7rem;
    line-height: 1.7rem;
    background-color: #00b277;
    display: inline-block;
    color: #fff;
    padding: 0 0.75rem;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 0.25rem;
    float: left;
    font-size: 0.7rem;
}

.butdiv span.clears {
    background-color: #FF5722;
}

.butdiv span.setup {
    background-color: #1e9fff;
    color: #fff;
}

.butdiv span.setup i {
    font-size: 0.7rem;
}

.butdiv .layui-form {
    display: inline-block;
    margin-right: 0.25rem;
    float: left;
}

.butdiv .layui-form .layui-form-select .layui-input {
    height: 1.7rem;
    border-color: #bebede;
}

.butdiv .layui-input-group .layui-input-split {
    border-color: #ddd;
    font-size: 0.6rem;
    background-color: #f6f7fa;
}

.butdiv .layui-input-group .layui-input {
    height: 1.7rem;
    border-color: #ddd;
}

.tool_setups {
    display: none;
}

.setup_alerts {
    border-radius: 3px !important;
    box-shadow: 0px 0px 7px 2px rgb(190 190 221) !important;
    overflow: hidden;
}

.setup_alerts .layui-layer-title {
    cursor: move;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.6rem;
    background-color: transparent;
    color: #555;
}

.setup_alerts .layui-layer-setwin {
    top: 0.6rem;
}

.setup_alerts .layui-layer-content {
    padding: 0.5rem;
}

.setup_alerts .layui-form-item {
    margin-bottom: 0.5rem;
}

.setup_alerts .layui-form-item>span {
    font-size: 0.6rem;
    background-color: #f6f7fa;
    display: inline-block;
    width: 3rem;
    text-align: center;
    height: 1.9rem;
    line-height: 1.9rem;
    float: left;
    border: 1px solid #ddd;
    border-right: 0;
}

.setup_alerts .layui-form-item>.layui-input {
    border-color: #ddd;
    width: calc(100% - 3rem);
    display: inline-block;
}

.setup_alerts .layui-form-item:last-child {
    margin-bottom: 0px;
}

.setup_alerts .layui-form-select .layui-input {
    width: calc(100% - 3rem);
    border-color: #ddd;
}

.tool_setups .layui-form-item .divs {
    height: 1.9rem;
    width: calc(100% - 3rem);
    display: inline-block;
    border: 1px solid #ddd;
}

fieldset {
    margin: 0.9rem 0 0 0;
    padding: 0.7rem 1rem 1rem 1rem;
    border: 1px solid #4cd9aa;
    border-radius: 6px;
}

fieldset legend {
    font-size: 0.6rem;
    background-color: #fff;
    padding: 0 0.75rem;
    color: #00b277;
    font-weight: 500;
}

.nameres {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #bebedd;
    border-radius: 6px;
    display: none;
}

.night .nameres {
    border: 1px solid #444;
}

.nameres>div {
    display: inline-block;
    width: calc(100% / 10);
    padding: 0.25rem;
    text-align: center;
    font-size: 0.6rem;
}

.nameres>div span {
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
}

.night .nameres>div span {
    border: 1px solid #444;
    background-color: #232324;
}

@media screen and (max-width: 1248px) {
    .nameres>div {
        width: calc(100% / 8);
    }
}

@media screen and (max-width: 1200px) {
    .headada {
        display: none;
    }
}

@media screen and (max-width: 1050px) {
    .nameres>div {
        width: calc(100% / 5);
    }
}

@media screen and (max-width: 480px) {
    .nameres>div {
        width: calc(100% / 4);
    }
}

@media screen and (max-width: 350px) {
    .nameres>div {
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 280px) {
    .nameres>div {
        width: calc(100% / 2);
    }
}

.redem {
    font-style: normal;
    color: #ff6500;
}

.CodeMirror {
    font-family: monospace;
    direction: ltr;
    position: relative;
    overflow: hidden;
    height: 22.5rem;
    line-height: 1.3em;
    color: #555;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, .5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.smds {
    margin-bottom: 1.5rem;
}

.smds .center {
    border: 1px solid #f5f5f5;
    box-shadow: 0 2px 7px rgb(146 146 146 / 12%);
    padding: 1.5rem 1rem;
}

.night .smds .center {
    border: 1px solid #181a1b;
    background-color: #181a1b;
}

.smds h6 {
    text-align: center;
    font-size: 1.2rem;
}

.smds ul {
    margin-top: 1rem;
    text-align: center;
}

.smds ul>li {
    display: inline-block;
    margin: 0 0.35rem;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0 0 0.6rem 0;
    position: relative;
}

.smds ul>li.act::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 1.5rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff6500;
}

.smds ul>li:hover ::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 1rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff6500;
}

.smds ul>li>img {
    width: 0.75rem;
}

.smds ul>li>span {
    vertical-align: middle;
}

.smdsin {
    position: relative;
    max-width: 34rem;
    margin: .5rem auto 0.5rem auto;
}

.smdsin img {
    position: absolute;
    left: 0.5rem;
    width: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.smdsin input {
    height: 1.9rem;
    line-height: 1.9rem;
    width: calc(100% - 5rem);
    display: inline-block;
    float: left;
    border-radius: 5px 0 0 5px;
    border: 1px solid #ddd;
    padding-left: 1.8rem;
}

.night .smdsin input {
    background-color: #181a1b;
    color: rgb(238 238 238);
    border: 1px solid #444;
}

.smdsin span {
    width: 5rem;
    display: inline-block;
    height: 1.9rem;
    line-height: 1.9rem;
    text-align: center;
    background-color: #ddd;
    border-radius: 0 5px 5px 0;
    background-color: #ff6500;
    color: #fff;
    cursor: pointer;
}

input[name="searchpro"]::-webkit-input-placeholder {
    color: #b6c7e4;
}

input[name="searchpro"]::-moz-placeholder {
    color: #b6c7e4;
}

input[name="searchpro"]:-ms-input-placeholder {
    color: #b6c7e4;
}

input[name="searchpro"]:-moz-placeholder {
    color: #b6c7e4;
}

.night input[name="searchpro"]::-webkit-input-placeholder {
    color: #444;
}

.night input[name="searchpro"]::-moz-placeholder {
    color: #444;
}

.night input[name="searchpro"]:-ms-input-placeholder {
    color: #444;
}

.night input[name="searchpro"]:-moz-placeholder {
    color: #444;
}

@media screen and (max-width: 870px) {
    .smds .center {
        border: 0;
        box-shadow: none;
        padding: 1rem 0rem 0rem 0rem;
    }
}

@media screen and (max-width: 410px) {
    .smds .center {
        border: 0;
        box-shadow: none;
        padding: 1rem 0rem 0rem 0rem;
    }

    .smds ul>li {
        margin: 0 0.15rem;
        font-size: 0.6rem;
    }

    .smds ul>li>img {
        width: 0.5rem;
    }
}

.tuiart {
    margin-bottom: 0.75rem;
}

.tuiart h6 {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 0.9rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    color: #444;
    position: relative;
}

.tuiart h6 span {
    display: inline-block;
    padding: 0 1rem;
    background-color: #fff;
    position: relative;
    z-index: 99;
}

.night .tuiart h6 span {
    background-color: #242627;
    color: #888;
}

.tuiart h6::after {
    position: absolute;
    background-color: #e8e8fd;
    width: 10rem;
    content: '';
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.night .tuiart h6::after {
    background-color: #444;
}

.artnoimgs {
    border-radius: 10px;
    padding: 0.5rem 0rem;
    border: 1px solid #f5f5f5;
    box-shadow: 0 2px 7px rgb(146 146 146 / 12%);
}

.night .artnoimgs {
    border: 1px solid #181a1b;
    background-color: #181a1b;
}

.artnoimgs li {
    float: left;
    width: 50%;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
    padding: 0px 1.2rem 0px 2.2rem;
    position: relative;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.artnoimgs li::before {
    content: " ";
    display: inline-block;
    height: 0.3rem;
    width: 0.3rem;
    background-color: #ddd;
    border-radius: 50%;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.night .artnoimgs li::before {
    background-color: #777;
}

.artnoimgs li:nth-child(1)::before,.artnoimgs li:nth-child(2)::before {
    background-color: rgb(255, 93, 88);
}

.artnoimgs li:nth-child(3)::before,.artnoimgs li:nth-child(4)::before {
    background-color: rgb(255 181 40);
}

.artnoimgs li:nth-child(5)::before,.artnoimgs li:nth-child(6)::before {
    background-color: rgb(38 199 61);
}

.artnoimgs li span {
    float: right;
    color: #bbb;
    font-size: 0.6rem;
}

.artnoimgs li:nth-child(2n) {
}

.artnoimgs li:nth-child(2n - 1) {
    border-right: 1px solid #f5f5f5;
}

.night .artnoimgs li:nth-child(2n - 1) {
    border-right: 1px solid #444444;
}

.artnoimgs li a {
    font-size: 0.6rem;
}

.night .artnoimgs li a {
    color: #bbb;
}

.night .artnoimgs li span {
    color: #888;
}

@media screen and (max-width: 886px) {
    .tuiart h6 {
        height: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 650px) {
    .artnoimgs li {
        width: 100%;
    }

    .artnoimgs li:nth-child(2n - 1) {
        border-right: 0;
    }

    .night .artnoimgs li:nth-child(2n - 1) {
        border-right: 0;
    }
}

@media screen and (max-width: 640px) {
    .tuiart h6 {
        margin-top: 0.25rem;
    }
}

@media screen and (max-width: 550px) {
    .artnoimgs li {
        padding: 0px 0.5rem 0px 1.5rem;
    }

    .artnoimgs li::before {
        left: 0.5rem;
    }
}

@media screen and (max-width: 360px) {
    .artnoimgs li span {
        display: none;
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,.cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type,.cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta {
    color: #555
}

.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-error {
    color: red
}

.cm-invalidchar {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror-scroll {
    overflow: auto !important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: 0;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0 !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: 0;
    padding: 0.25em;
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none;
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, .4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: 0 0
}

.CodeMirror-code>div {
    font-size: 0.65rem;
    line-height: 1.2rem;
}

.night .CodeMirror {
    border: 1px solid #444;
}

.night .cm-s-default.CodeMirror {
    background: #272822;
    color: #f8f8f2;
}

.night .cm-s-default div.CodeMirror-selected {
    background: #49483E;
}

.night .cm-s-default .CodeMirror-line::selection, .night .cm-s-default .CodeMirror-line > span::selection, .night .cm-s-default .CodeMirror-line > span > span::selection {
    background: rgba(73, 72, 62, .99);
}

.night .cm-s-default .CodeMirror-line::-moz-selection, .night .cm-s-default .CodeMirror-line > span::-moz-selection, .night .cm-s-default .CodeMirror-line > span > span::-moz-selection {
    background: rgba(73, 72, 62, .99);
}

.night .cm-s-default .CodeMirror-gutters {
    background: #181a1b;
    border-right: 0px;
}

.night .cm-s-default .CodeMirror-guttermarker {
    color: white;
}

.night .cm-s-default .CodeMirror-guttermarker-subtle {
    color: #d0d0d0;
}

.night .cm-s-default .CodeMirror-linenumber {
    color: #d0d0d0;
}

.night .cm-s-default .CodeMirror-cursor {
    border-left: 1px solid #f8f8f0;
}

.night .cm-s-default span.cm-comment {
    color: #75715e;
}

.night .cm-s-default span.cm-atom {
    color: #ae81ff;
}

.night .cm-s-default span.cm-number {
    color: #ae81ff;
}

.night .cm-s-default span.cm-comment.cm-attribute {
    color: #97b757;
}

.night .cm-s-default span.cm-comment.cm-def {
    color: #bc9262;
}

.night .cm-s-default span.cm-comment.cm-tag {
    color: #bc6283;
}

.night .cm-s-default span.cm-comment.cm-type {
    color: #5998a6;
}

.night .cm-s-default span.cm-property, .night .cm-s-default span.cm-attribute {
    color: #a6e22e;
}

.night .cm-s-default span.cm-keyword {
    color: #f92672;
}

.night .cm-s-default span.cm-builtin {
    color: #66d9ef;
}

.night .cm-s-default span.cm-string {
    color: #e6db74;
}

.night .cm-s-default span.cm-variable {
    color: #f8f8f2;
}

.night .cm-s-default span.cm-variable-2 {
    color: #9effff;
}

.night .cm-s-default span.cm-variable-3, .night .cm-s-default span.cm-type {
    color: #66d9ef;
}

.night .cm-s-default span.cm-def {
    color: #fd971f;
}

.night .cm-s-default span.cm-bracket {
    color: #f8f8f2;
}

.night .cm-s-default span.cm-tag {
    color: #f92672;
}

.night .cm-s-default span.cm-header {
    color: #ae81ff;
}

.night .cm-s-default span.cm-link {
    color: #ae81ff;
}

.night .cm-s-default span.cm-error {
    background: #f92672;
    color: #f8f8f0;
}

.night .cm-s-default .CodeMirror-activeline-background {
    background: #373831;
}

.night .cm-s-default .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

.CodeMirror-vscrollbar::-webkit-scrollbar {
    width: 6px;
}

.CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
    background-color: #e8e8fd;
    border-radius: 6px;
}

.CodeMirror-vscrollbar::-webkit-scrollbar-track {
    background-color: #f6f7fa;
}

.night .CodeMirror-vscrollbar::-webkit-scrollbar {
    width: 6px;
}

.night .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 6px;
}

.night .CodeMirror-vscrollbar::-webkit-scrollbar-track {
    background-color: #333;
}

.tabdiv {
    padding: 0.5rem;
    border: 1px solid #00b277;
    margin: 1.5rem 0 0 0;
    border-radius: 6px;
    position: relative;
    padding-top: 1rem;
}

.tabdiv>span {
    padding: 0 0.75rem;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: -0.5rem;
    left: 1rem;
    color: #00b277;
    font-size: 0.65rem;
}

.night .tabdiv {
    border: 1px solid #444;
}

.night .tabdiv>span {
    background-color: #242627;
    color: #aaa;
}

.formats {
    height: 1.9rem;
    line-height: 1.9rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.formats span {
    height: 1.9rem;
    line-height: 1.9rem;
    background-color: #16b777;
    color: #fff;
    margin-right: 0.25rem;
    font-size: 0.65rem;
    display: inline-block;
    padding: 0 1rem;
    border-radius: 3px;
    cursor: pointer;
    float: left;
}

.formats span.bais {
    background-color: #fff;
    color: #666;
    /*color: var(--xc-toolbox-fontcolor);*/
    border: 1px solid #eee;
}

.formats .layui-form-checkbox {
    height: 1.9rem;
    line-height: 1.9rem;
    vertical-align: top;
    margin-right: 0px;
}

.night .formats span.bais {
    background-color: #444;
    color: #ddd;
    border: 1px solid #666;
}

.night .formats .layui-form-checkbox {
    background-color: #181a1b;
}

.night .formats .layui-form-checkbox>div {
    background-color: #444;
    color: #ddd;
}

.night .formats .layui-form-checkbox>i {
    border: 1px solid #444;
}

.formats .layui-form {
    display: inline-block;
    margin-right: 0.25rem;
    float: left;
}

.formats .layui-form-select {
    width: 6.5rem;
    font-size: 0.6rem;
}

.night .formats .layui-input {
    background-color: #444;
    border: 1px solid #666;
}

@media screen and (max-width: 600px) {
    .formats {
        height: unset;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .formats span:first-child {
        margin-top: 0px;
    }

    .formats span,.formats div {
        display: block;
        text-align: center;
        margin: 0.25rem 0 0 0;
        width: 100%;
    }

    .formats .layui-form-select,.formats .layui-select-title,.formats .layui-form-checkbox,.formats .layui-form-checkbox>div {
        margin-top: 0px;
    }

    .formats .layui-form-select {
        width: 100%;
    }
}

.tooltip {
    color: rgb(102, 60, 0);
    background-color: rgb(255, 244, 229);
    padding: 0.7rem 0.8rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 0.01071em;
}

.tooltip i {
    color: rgb(237, 108, 2);
    font-weight: bold;
    font-size: 0.9rem;
    float: left;
}

.tooltip>div {
    width: calc(100% - 1.5rem);
    float: right;
    font-size: 0.6rem;
}

.tooltip>div p {
    line-height: 1rem;
    font-size: 0.6rem;
}

.night .tooltip {
    background-color: #181a1b;
    color: #bbb;
}

.night .tooltip i {
    color: #FF9800;
}

.code_erroralert {
}

.code_erroralert .layui-layer-title {
    cursor: move;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.6rem;
    background-color: transparent;
    color: #555;
}

.code_erroralert .layui-layer-setwin {
    top: 0.6rem;
}

.code_erroralert .layui-layer-content {
    padding: 0.5rem;
}

.code_erroralert .layui-layer-content>div {
    color: #5a1019;
    background-color: #ffeff0;
    border: 1px solid #f2c4c8;
}

.code_erroralert .layui-layer-content>div pre {
    line-height: 1.3rem;
    font-size: 0.6rem;
    padding: 0.75rem;
}

.night .code_erroralert {
    background-color: rgb(36, 38, 39);
    border: 1px solid #444;
    box-shadow: 1px 1px 2px #444 !important;
}

.night .code_erroralert .layui-layer-title {
    color: #ddd;
    border-bottom: 1px solid #444;
}

.night .code_erroralert .layui-layer-setwin span {
    color: #ddd;
}

.night .code_erroralert .layui-layer-content>div {
    background-color: #222;
    border: 1px solid #444;
    color: #ddd;
}

.calc {
}

.calc .layui-form {
    background-color: #f8f8f8;
    border: 1px solid #bebedd;
    border-radius: 3px;
    padding: 0.75rem;
}

.calc .inpt {
    width: 10rem;
    ;border: 1px solid #bebedd;
    float: left;
    margin-right: 0.5rem;
}

.calc .layui-form-select {
    display: inline-block;
    float: left;
    width: calc(calc(100% - 10rem - 1.9rem - 1rem - 0.5rem - 6.5rem) / 2);
}

.calc .calc_img {
    float: left;
    width: 1.9rem;
    height: 1.9rem;
    margin: 0 0.5rem;
    border: 1px solid #bebedd;
    background: url(/zb_users/plugin/xc_toolbox/style/img/zhuanhuan.svg);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #fff;
}

.calc .layui-form-select .layui-input {
    border: 1px solid #bebedd;
}

.calc .calc_subbuttom {
    width: 6rem;
    height: 1.9rem;
    line-height: 1.9rem;
    float: left;
    margin-left: 0.5rem;
    text-align: center;
    background-color: #00b277;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.calc .calc_res {
    margin-top: 0.75rem;
    border: 1px solid #ddd;
}

.calc .calc_res .titledivs {
    background-color: #f8f8f8;
    height: 2.3rem;
    line-height: 2.3rem;
    padding-left: 0.5rem;
    border: 1px solid #ddd;
    border-width: 0 0 1px 0;
    color: #222;
    font-weight: bold;
}

.calc .calc_res .titledivs i {
    margin-right: 0.25rem;
    font-size: 0.7rem;
}

.calc .calc_res_div {
    padding: 1rem;
}

.calc .calc_res_div .subname {
    font-size: 0.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #00b277;
}

.calc .calc_res_div ul {
}

.calc .calc_res_div ul li {
    position: relative;
    height: 1.9rem;
    line-height: 1.9rem;
    margin-top: 0.5rem;
}

.calc .calc_res_div ul li input {
    width: 100%;
    height: 1.9rem;
    line-height: 1.9rem;
    padding-left: 0.5rem;
    position: relative;
    z-index: 98;
    border: 1px solid #dee2e6;
}

.calc .calc_res_div ul li span {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 1.8rem;
    line-height: 1.8rem;
    display: inline-block;
    padding: 0 0.5rem;
    background-color: #f8f9fa;
    z-index: 99;
    border-left: 1px solid #dee2e6;
    font-size: 0.6rem;
    color: #34495e;
}

.night .calc .layui-form {
    border: 1px solid #444;
    background-color: transparent;
}

.night .calc .layui-form-select .layui-input {
    border: 1px solid #444;
}

.night .calc .calc_img {
    border: 1px solid #444;
    background-color: #242627;
    background-blend-mode: exclusion;
}

.night .calc .calc_res {
    border: 1px solid #444;
}

.night .calc .calc_res .titledivs {
    background-color: #181a1b;
    border-bottom: 1px solid #444;
    color: #aaa;
}

.night .calc .calc_res_div ul li input {
    border: 1px solid #444;
}

.night .calc .calc_res_div ul li span {
    background-color: #444;
    color: #ddd;
    border-left: 1px solid #444;
}

@media screen and (max-width: 1150px) {
    .gonggao_div {
        display: none;
    }

    .calc .layui-form {
        padding: 0;
        background-color: transparent;
        border: 0px;
        border-radius: 3px;
    }

    .calc .inpt {
        width: 100%;
        display: block;
    }

    .calc .layui-form-select {
        width: 100%;
        display: block;
        margin-top: 0.4rem;
    }

    .calc .calc_img {
        width: 100%;
        display: block;
        margin: 0.4rem 0 0 0;
        background-color: #bebedd;
        background-blend-mode: color-dodge;
    }

    .calc .calc_subbuttom {
        width: 100%;
        margin: 0.4rem 0 0 0;
    }

    .calc .calc_res_div {
        padding: 0.5rem;
    }

    .calc .calc_res_div .subname {
        font-size: 0.7rem;
        font-weight: bold;
        margin-bottom: 0.75rem;
        margin-top: 0.25rem;
    }

    .night .calc .layui-form {
        border: 0;
    }
}

.resttips {
    font-size: 0.6rem;
    padding: 0.75rem;
    background-color: #fcf7ef;
    margin-top: 0.75rem;
    border-radius: 6px;
    border: 1px solid #ebd3b0;
}

.resttips span {
    margin-bottom: 0.5rem;
    display: inline-block;
    color: #ff7503;
    font-weight: bold;
}

.resttips p {
    line-height: 1rem;
    color: #444;
    color: #ff7503;
}

.night .resttips {
    background-color: #444;
    border: 1px solid #555;
}

.rest {
    color: #34495e;
    border: 1px solid #a0e5c6;
    background: #f8fafe;
    border-radius: 3px;
    padding: 0.75rem;
}

.rest p {
    color: #17b777;
    line-height: 1rem;
    font-size: 0.6rem;
}

.rest p span {
    color: #ff6500;
    margin-right: 1rem;
    width: 40px;
    font-size: 0.65rem;
    font-weight: bold;
    display: inline-block;
}

.night .rest {
    background-color: #242627;
    border: 1px solid #444;
}

.caip_res {
    margin-top: 15px;
    display: none;
}

.caip_res p {
    padding: 0.2rem 0.1rem 0.2rem 3rem;
    line-height: 2rem;
    background-color: #f5f5f5;
    margin-bottom: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    position: relative;
}

.night .caip_res p {
    background-color: #222;
    border: 1px solid #444;
}

.caip_res p i {
    position: absolute;
    left: 0.5rem;
    font-size: 0.6rem;
    font-style: normal;
}

.caip_res p:last-child {
    margin-bottom: 0px;
}

.caip_res p span {
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 0.3rem;
    border-radius: 100%;
    font-weight: bold;
    background-image: linear-gradient(180deg, #FE8A5C 0%, #FF4D4D 100%);
}

.tabred {
    width: 100%;
    color: #666 !important;
    margin-top: 0.5rem;
    font-size: 0.6rem;
}

.tabred tr td:first-child {
    width: 4rem;
    color: #fe5668;
    background: #fff2f4;
    text-align: right;
}

.tabred_w10 tr td:first-child {
    width: 5rem;
}

.tabred_w12 tr td:first-child {
    width: 6rem;
}

.tabred_w13 tr td:first-child {
    width: 6.5rem;
}

.tabred_pl0 tr td:first-child {
    padding: 0.75rem 0.5rem 0.75rem 0;
}

.tabred tr td {
    padding: 0.75rem 0.5rem;
    border: 1px solid #ffc8ce;
}

.tabred p {
    line-height: 1.3rem;
}

.tabred span {
    margin-right: 0.5rem;
    display: inline-block;
}

.night .tabred {
    color: #ddd !important;
}

.night .tabred tr td:first-child {
    color: #fff;
    background: #000000;
}

.night .tabred tr td {
    border: 1px solid #444;
}

.tabred .tabpp {
    white-space: break-spaces;
    word-break: break-all;
}

.tabred .spansdata {
    font-size: 0.6rem;
    margin-left: 5px;
    color: #999;
}

.night .tabred .spansdata {
    color: #ccc;
}

/******* table *********/
.tabnb {
    width: 100%;
    margin-top: 1rem;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #cee1ee;
    border-left: 0;
}

.night .tabnb {
    border: 1px solid #444;
}

.tabnb caption {
    padding: 0.75rem 0;
    border: 1px solid #e3eef8;
    border-bottom: 0;
    font-size: 0.65rem;
}

.tabnb caption strong {
    font-weight: 400;
}

.night .tabnb caption {
    border: 1px solid #444;
    border-bottom: 0;
}

.tabnb thead {
    border-bottom: 1px solid #cee1ee;
    background-color: #e3eef8;
}

.night .tabnb thead {
    border-bottom: 1px solid #444;
    background-color: #333;
    color: #eee;
}

.tabnb tr {
    line-height: 1.8rem;
    font-size: 0.65rem;
}

.tabnb tr th {
    color: #555;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
}

.tabnb tr th, .tabnb tr td {
    border-left: 1px solid #cee1ee;
    word-break: break-all;
    word-wrap: break-word;
    padding-left: 0.5rem;
    font-weight: normal;
    font-size: 0.6rem;
    line-height: 0.8rem;
    padding: 0.5rem 0.5rem;
}

.night .tabnb tr th,.night .tabnb tr td {
    border-left: 1px solid #444;
    color: #eee;
}

.tabnb tr:nth-child(2n) {
    background-color: #f0f5f8;
}

.night .tabnb tr:nth-child(2n) {
    background-color: #333;
}

/******* url *********/
.ipdiv {
    padding: 1rem 0;
    margin-bottom: 1.75rem;
}

.ipdiv h2 {
    text-align: center;
    color: #2196f3;
    font-size: 1.2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.ipdiv>div {
    width: 100%;
    max-width: 24rem;
    margin: auto;
    position: relative;
}

.ipdiv>div::before {
    font-family: layui-icon !important;
    content: "\e615";
    position: absolute;
    left: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #b6c7e4
}

.night .ipdiv>div::before {
    color: #444;
}

.ipdiv>div input {
    height: 1.8rem;
    line-height: 1.8rem;
    display: inline-block;
    width: calc(100% - 4rem);
    border: 1px solid #dbdfea;
    color: #3c4d62;
    border-radius: 3px 0 0 3px;
    padding-left: 1.8rem;
    float: left;
}

.night .ipdiv>div input {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
    font-size: 0.7rem;
}

.ipdiv>div textarea {
    border: 1px solid #dbdfea;
    color: #3c4d62;
}

.night .ipdiv div textarea {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
    font-size: 0.7rem;
}

.ipdiv>div span {
    height: 1.8rem;
    line-height: 1.8rem;
    display: inline-block;
    background-color: #2196f3;
    width: 4rem;
    color: #fff;
    text-align: center;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}

.ipdivsres {
    max-width: 24rem;
    margin: auto;
    margin-top: -1rem;
    display: none;
}

.ipdivsres .tabred tr td {
    border: 1px solid #dbdfea;
    color: #526484;
}

.ipdivsres .tabred tr td:first-child {
    color: #526484;
    background: #f5fafe;
}

.night .ipdivsres .tabred tr td {
    color: #ccc;
}

.night .ipdivsres .tabred tr td:first-child {
    color: #ccc;
    background: #181a1b;
}

.night .ipdivsres .tabred tr td {
    border: 1px solid #444;
}

@media screen and (max-width: 500px) {
    .ipdiv {
        text-align: left;
        border: 1px solid #dbdfea;
        background-color: #f6f7fa;
        padding: 0.5rem 0.5rem 1rem 0.5rem;
        border-radius: 3px;
        margin-bottom: 0;
    }

    .night .ipdiv {
        border: 1px solid #444;
        background-color: #242627;
    }

    .ipdiv h2 {
        margin-bottom: 1rem;
    }

    .ipdivsres {
        margin-top: 0.75rem;
        max-width: 100%;
    }
}

.ipdiv input::-webkit-input-placeholder {
    color: #b6c7e4;
}

.ipdiv input::-moz-placeholder {
    color: #b6c7e4
}

.ipdiv input:-moz-placeholder {
    color: #b6c7e4
}

.ipdiv input:-ms-input-placeholder {
    color: #b6c7e4
}

.ipdiv textarea::-webkit-input-placeholder {
    color: #b6c7e4
}

.ipdiv textarea::-moz-placeholder {
    color: #b6c7e4
}

.ipdiv textarea:-moz-placeholder {
    color: #b6c7e4
}

.ipdiv textarea:-ms-input-placeholder {
    color: #b6c7e4
}

.night .ipdiv input::-webkit-input-placeholder {
    color: #444;
}

.night .ipdiv input::-moz-placeholder {
    color: #444;
}

.night .ipdiv input:-moz-placeholder {
    color: #444;
}

.night .ipdiv input:-ms-input-placeholder {
    color: #444;
}

.night .ipdiv textarea::-webkit-input-placeholder {
    color: #444;
}

.night .ipdiv textarea::-moz-placeholder {
    color: #444;
}

.night .ipdiv textarea:-moz-placeholder {
    color: #444;
}

.night .ipdiv textarea:-ms-input-placeholder {
    color: #444;
}

/******* url *********/
.collurl_xieyi {
    padding: 1rem 1rem 10px 1rem;
}

.collurl_xieyi h2 {
    margin-bottom: 0.5rem;
    padding: 0.6rem 0.5rem;
    border: 1px dashed #bfccda;
    background-color: #f8fafc;
    border-radius: 6px;
    font-size: 0.7rem;
}

.night .collurl_xieyi h2 {
    background-color: #444;
    border-color: #444;
}

.collurl_xieyi>div {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

.night .collurl_xieyi>div {
    border-bottom: 1px solid #444;
}

.collurl_xieyi div p {
    padding: 0.2rem 0;
    text-align: justify;
    word-break: break-all;
    font-size: 0.65rem;
    line-height: 1.2rem;
}

.toolcate {
    min-height: calc(100vh - 4.5rem);
}

.toolurl {
    min-height: calc(100vh - 4.5rem);
}

.aitoolist {
    min-height: calc(100vh - 4.5rem);
}

.toolurl>div {
    background-color: #fff;
}

.night .toolurl>div {
    background-color: #242627;
}

.toolurl>div:first-child h2 {
    margin-top: 0;
}

.toolurl h2 {
    font-size: 0.7rem;
    margin: 0.75rem 0;
    background-color: #f9f9f9;
    padding: 0.3rem 0 0.3rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #f4f4f4;
}

.night .toolurl h2 {
    background-color: #181818;
    border: 1px solid #333;
}

.toolurl h2 i.tuod {
    float: right;
    color: #ddd;
}

.toolurl h2>i {
    margin-right: 0.5rem;
    color: #ff6500;
    font-size: 0.7rem;
}

.toolurl ul {
    margin: -0.25rem;
}

.toolurl ul>li {
    float: left;
    padding: 0.25rem 0.25rem;
    width: calc(100% / 6);
    position: relative;
    display: inline-block;
    background-color: #fff;
}

.night .toolurl ul>li {
    background-color: #242627;
}

.toolurl li>div {
    cursor: pointer;
    border-radius: 4px;
    display: block;
    padding: 0.5rem 0.5rem;
    border: 1px solid #f4f4f4;
}

.night .toolurl li>div {
    border: 1px solid #444;
    background-color: #333;
}

.toolurl li>div img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 6px;
    float: left;
    margin-right: 0.5rem;
}

.toolurl li>div div {
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 6px;
    display: block;
    margin: auto;
    font-size: 0.65rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toolurl li>div .divimg {
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 6px;
    float: left;
    margin: 0 0.5rem 0 0;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toolurl li .icoapp {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    color: #ddd;
    top: 50%;
    transform: translateY(-50%);
    right: 0.75rem;
    cursor: pointer;
}

.night .toolurl li .icoapp {
    color: #666;
}

.event_url {
    border-radius: 6px;
}

.urlalert {
    padding: 0.25rem;
}

.urlalert>span {
    padding: 0.25rem;
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    cursor: pointer;
}

.urlalert>span i {
    height: 1.9rem;
    line-height: 1.9rem;
    display: block;
    font-style: normal;
    border: 1px solid #f5f5f5;
    font-size: 0.6rem;
    border-radius: 6px;
}

.night .urlalert>span i {
    border: 1px solid #444;
    color: #ccc;
}

.urlalert>span i:hover {
    background-color: #FF9800;
    color: #fff;
}

.url_edit_div {
    padding: .5rem 1rem;
}

.url_edit_div>div {
    margin: 0.5rem 0;
    border: 1px solid #e5e5e5;
    font-size: 0.6rem;
    padding: 0.5rem 0;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.url_edit_div>div:first-child {
    color: green;
}

.url_edit_div>div:nth-child(2) {
    color: #EF6C00;
}

.url_edit_div>div:nth-child(3) {
    color: #888;
}

.url_edit_div>div i {
    margin-right: 0.5rem;
    font-size: 0.6rem;
}

.toolurl li>div span {
    font-size: 0.6rem;
    display: block;
    margin-top: 0.75rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.night .toolurl li>div span {
    color: #ccc;
}

.add_url_div {
    padding: 0.75rem 0.5rem 0.75rem 0.5rem;
}

.add_url_div>div {
    margin-bottom: 0.75rem;
}

.add_url_div>div>span {
    width: 4rem;
    display: inline-block;
    text-align: right;
    padding-right: 0.75rem;
    float: left;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.65rem;
}

.add_url_div>div>input {
    height: 1.75rem;
    line-height: 1.75rem;
    width: calc(100% - 5rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding-left: 0.5rem;
    color: #666;
}

.add_url_div>div>select {
    height: 1.75rem;
    line-height: 1.75rem;
    width: calc(100% - 8.75rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding-left: 0.5rem;
    color: #666;
    float: left;
}

.night .add_url_div>div>select {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

.add_url_div .addcatebut {
    width: 3.25rem;
    float: left;
    margin-left: 0.5rem;
    text-align: center;
    font-size: 0.6rem;
    padding-left: 0;
    cursor: pointer;
}

.night .add_url_div>div>input {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

.add_url_div>div>input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.add_url_div>div>input::-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.add_url_div>div>input:-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.add_url_div>div>input:-ms-input-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.night .add_url_div>div>input::-webkit-input-placeholder {
    color: #444;
}

.night .add_url_div>div>input::-moz-placeholder {
    color: #444;
}

.night .add_url_div>div>input:-moz-placeholder {
    color: #444;
}

.night .add_url_div>div>input:-ms-input-placeholder {
    color: #444;
}

.add_url_div>div>div {
    height: 1.75rem;
    line-height: 1.75rem;
    width: calc(100% - 5rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding-left: 0.5rem;
    color: #666;
    display: inline-block;
}

.night .add_url_div>div>div {
    background-color: #181a1b;
    border: 1px solid #444;
}

.add_url_div>div>div span {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 1px solid #f5f5f5;
    background-color: red;
    margin-top: 0.375rem;
    margin-right: 0.5rem;
    cursor: pointer;
    position: relative;
    border-radius: 3;
}

.night .add_url_div>div>div span {
    border: 1px solid #444;
}

.add_url_div>div>div span.act::before {
    font-family: "icons" !important;
    font-size: 0.7rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e633";
    position: absolute;
    font-weight: bold;
    top: -0.4rem;
    left: 0.1rem;
    color: #fff;
    width: 1rem;
    height: 1rem;
}

.add_url_div>div:last-child {
    margin-bottom: 0rem;
}

.add_url_div_cateid {
    height: auto !important;
    padding: 0.25rem !important;
}

.add_url_div_cateid m {
    padding: 0.25rem;
    width: calc(100% / 8);
    float: left;
    line-height: unset;
    position: relative;
}

.add_url_div_cateid m::after {
    content: "";
    display: block;
    padding-top: 100%;
    position: absolute;
}

.add_url_div_cateid i {
    display: block;
    border: 1px solid #dddfe7;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.night .add_url_div_cateid i {
    border: 1px solid #444;
    color: #ccc;
}

.add_url_div_cateid i.act {
    border: 1px solid #FF5722;
    color: #ff5722;
    position: relative;
    overflow: hidden;
}

.add_url_div_cateid i.act::after {
    content: '';
    width: 20px;
    height: 8px;
    background-color: #ff5722;
    display: block;
    position: absolute;
    right: -10px;
    bottom: 0;
    transform: rotate(315deg);
}

.savepaixu {
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    color: #fff;
    padding: 8px 0;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #4caf51;
    background-color: #4CAF50;
}

.night .savepaixu {
    color: #ccc;
    border: 1px solid #444;
    background-color: #282828;
}

.savepaixu i {
    margin-right: 0.5rem;
}

.loglists {
    margin-top: 0.75rem;
    border-radius: 2px;
    overflow: hidden;
}

.loglists h2 {
    height: 1.75rem;
    line-height: 1.75rem;
    background-color: #ecf0f8;
    font-size: 0.65rem;
    padding-left: 0.5rem;
    color: #334065;
}

.loglists ul {
    border: 1px solid rgb(236 240 248);
    padding: 0.25rem;
}

.loglists ul li {
    width: calc(100% / 6);
    float: left;
    text-align: center;
    padding: 0.25rem;
}

.loglists ul li a {
    border: 1px solid rgb(236 240 248);
    height: 1.8rem;
    line-height: 1.8rem;
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #748594;
}

.night .loglists h2 {
    color: #ccc;
    background-color: #181a1b;
}

.night .loglists ul {
    border: 1px solid #444;
}

.night .loglists ul li a {
    border: 1px solid #444;
    color: #ccc;
}

@media screen and (max-width: 1300px) {
    .loglists ul li {
        width: calc(100% / 4);
    }
}

@media screen and (max-width: 1100px) {
    .loglists ul li {
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 950px) {
    .loglists ul li {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 870px) {
    .loglists ul li {
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 630px) {
    .loglists ul li {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 330px) {
    .loglists ul li {
        width: 100%;
    }
}

/******* aitoolpage *******/
.aitoolpage {
    height: calc(100vh - 6rem);
    margin: 0 1.5rem;
}

.ait_l {
    width: 25rem;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 1px solid #efefef;
    height: 100%;
    padding-right: 1.5rem;
}

.ait_r {
    width: calc(100% - 25rem);
    float: left;
    display: inline-block;
    height: 100%;
}

.ait_l h4 {
    color: #ff6500;
    margin-bottom: 1.5rem;
    background: #fff8f2;
    padding: 0.5rem 0.75rem;
    font-size: 0.65rem;
    border-radius: 6px;
    border: 1px solid #FFF3E0;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(34, 47, 62, 0.1) 0px 2px 2px -2px, rgba(34, 47, 62, 0.07) 0px 8px 8px -4px;
}

.ait_l h4 i {
    float: right;
    font-size: 0.65rem;
    font-style: normal;
}

.ait_l h4 i.feer {
    background: linear-gradient(to right, #AD1457, #FF9800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ait_l h4 i.vip {
    background: linear-gradient(to right top, #BF360C, #FF9800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: bold;
}

.ait_l h4 i.giod {
    font-size: 0.6rem;
}

.ait_l h4 i.price {
    cursor: pointer;
}

.ait_l h4 i.price::before {
    margin-right: 0.25rem;
}

.ait_l h4 * {
    position: relative;
    z-index: 999;
}

.ait_l h4::before {
    content: '';
    width: 300px;
    height: 300px;
    position: absolute;
    background-color: #fff2e8;
    transform: rotate(42deg);
    top: -18px;
    left: -20px;
    z-index: 998;
}

.night .ait_l h4::before {
    background-color: #242627;
}

.ait_l h4 img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    margin-right: 10px;
    border: 2px solid #fff;
    float: left;
    display: block;
}

.night .ait_l h4 img {
    border: 2px solid #242627;
}

.ait_l h4 span {
    height: 1.2rem;
    line-height: 1.2rem;
    float: left;
}

.ait_l h4 i.icons {
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.ait_l .aiformsdiv {
    height: calc(100% - 3rem);
    overflow-y: scroll;
    scrollbar-width: 0px;
}

.ait_l .aiformsdiv {
    scrollbar-width: 0px;
}

.ait_l .aiformsdiv::-webkit-scrollbar {
    width: 0px;
}

.ait_l .aiformsdiv::-moz-scrollbar {
    width: 0px;
}

.ait_l .itme {
    margin-bottom: 1rem;
    position: relative;
}

.ait_l .itme .t {
    color: #3e3e3e;
    font-size: 0.65rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    display: inline-block;
}

.ait_l .itme .t i {
    margin-left: 5px;
    font-style: normal;
}

.ait_l .itme .t i::before {
    content: '鈥�';
    color: #ff381e;
    font-size: 0.6rem;
}

.ait_l .itme .tip {
    position: absolute;
    top: 5px;
    right: 0;
    color: #888;
    font-size: 0.6rem;
    cursor: pointer;
}

.ait_l .itme input[type='text'],.ait_l .itme select , .ait_l .itme .inputdiv {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding-left: 0.5rem;
    height: 2rem;
    line-height: 2rem;
    padding-right: 0.5rem;
    color: rgb(29,33,41);
}

.ait_l .itme textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 10px;
    height: 120px;
    resize: none;
    color: rgb(29,33,41);
}

.ait_l .itme input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme input::-moz-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme input:-moz-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme input:-ms-input-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme textarea::-webkit-input-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme textarea::-moz-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme textarea:-moz-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme textarea:-ms-input-placeholder {
    color: #ccc;
    font-size: 0.65rem;
}

.ait_l .itme textarea::-webkit-scrollbar {
    width: 6px;
    background-color: #e5e5e5;
}

.ait_l .itme textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #bbb;
}

.night .ait_l .itme textarea::-webkit-scrollbar {
    width: 6px;
    background-color: #242627;
}

.night .ait_l .itme textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #444;
}

.ait_l .itme .layui-form-radio {
    margin-top: -3px;
}

.ait_l .itme .layui-form-checkbox {
    margin-top: -3px;
}

.ait_l .aipstbutdiv {
    height: 3rem;
}

.ait_l .aipstbut {
    width: 100%;
    text-align: center;
    background-color: #ff6500;
    color: #fff;
    border: 0;
    padding: 0.5rem 0;
    margin: 1rem 0 0 0;
    cursor: pointer;
    border-radius: 6px;
}

.ait_l .aipstbut i {
    margin-right: 10px;
    font-size: 13px;
    font-weight: bold;
    -webkit-animation: aitoolload 1.4s infinite linear;
    animation: aitoolload 1.4s infinite linear;
    display: inline-block;
}

@-webkit-keyframes aitoolload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes aitoolload {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.nodata {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.nodata_tip {
    text-align: center;
}

#nm-preloader p {
    width: 240px;
    font-size: 0.6rem;
    line-height: 1.2rem;
    margin-top: 0;
    color: #ff6500;
}

.nm-ripple {
    display: inline-block;
    position: relative;
    width: 4rem;
    height: 4rem;
}

.nm-ripple div {
    position: absolute;
    border: 0.2rem solid #ff6500;
    opacity: 1;
    border-radius: 50%;
    animation: nm-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.nm-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes nm-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.nodata_tip img {
}

.ait_cent {
    background-color: rgb(245, 245, 245);
    height: 100%;
    padding: 1.5rem 1.5rem 2.5rem 1.5rem;
    border-radius: 0px 6px 6px 0;
    position: relative;
}

.ait_cent i {
    margin-right: 5px;
    font-size: 0.6rem;
}

.ait_cent>span {
    position: absolute;
    bottom: 0.75rem;
    font-size: 0.6rem;
    color: #919aa5;
}

.ait_cent>span.ll {
    left: 5.75rem;
}

.ait_cent .lrs {
    position: absolute;
    bottom: 0.75rem;
    right: 1.5rem;
    display: inline-block;
}

.ait_cent .lrs span {
    font-size: 0.6rem;
    color: #919aa5;
    cursor: pointer;
}

.ait_cent .lrs ul {
    position: absolute;
    right: 0;
    bottom: 0px;
    background-color: #FFF;
    width: 7.5rem;
    padding: 0.5rem 1rem;
    transform: translate(0px, -1.5rem);
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 10px rgb(0 0 0 / 12%);
    color: #6c8ca6;
    display: none;
}

.night .ait_cent .lrs ul {
    background-color: #181a1a;
    border: 1px solid #444;
}

.night .ait_cent .lrs ul li {
    border-bottom: 1px solid #444;
    color: #ddd;
}

.night .ait_cent .lrs ul li:last-child {
    border-bottom: 0;
}

.ait_cent .lrs:hover ul {
    display: block;
}

.ait_cent .lrs ul::before {
    border: 8px solid transparent;
    border-top-color: #fff;
    content: "";
    right: 0.5rem;
    bottom: -0.75rem;
    margin-left: 1.5rem;
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
}

.ait_cent .lrs_daochu {
    position: absolute;
    bottom: 0.8rem;
    right: 4.5rem;
    display: inline-block;
    cursor: pointer;
}

.night .ait_cent .lrs ul::before {
    border-top-color: #444;
}

.ait_cent .lrs ul::after {
    content: "";
    width: 100%;
    display: inline-block;
    height: 1.5rem;
    position: absolute;
    right: 0;
}

.ait_cent .lrs ul li {
    height: 1.9rem;
    line-height: 1.9rem;
    border-bottom: 1px solid #f5f5f5;
    font-size: 0.6rem;
    cursor: pointer;
}

.ait_cent .lrs ul li:hover {
    color: #ff7503;
}

.ait_cent .lrs ul li:last-child {
    border-bottom: 0;
}

.watermark {
    position: absolute;
    font-size: 12px;
    opacity: 0.1;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.night .watermark {
    opacity: 0.4;
}

.night .ait_cent {
    background-color: #181a1b;
}

.ait_cent_div {
    background-color: #fff;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 10px rgb(0 0 0 / 12%);
    border-radius: 6px;
    height: 100%;
}

.night .ait_cent_div {
    background-color: #242627;
    border: 1px solid #444;
}

.ait_cent_res {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: 0px;
}

.ait_cent_res::-webkit-scrollbar {
    width: 0px;
}

.ait_cent_res::-moz-scrollbar {
    width: 0px;
}

.nodata_tip p {
    margin-top: 1rem;
    color: #888;
}

.night .ait_l .itme input[type='text'],.night .ait_l .itme select,.night .ait_l .itme .inputdiv {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

.night .ait_l .itme textarea {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

.night .ait_l .itme input::-webkit-input-placeholder {
    color: #444;
}

.night .ait_l .itme input::-moz-placeholder {
    color: #444;
}

.night .ait_l .itme input:-moz-placeholder {
    color: #444;
}

.night .ait_l .itme input:-ms-input-placeholder {
    color: #444;
}

.night .ait_l .itme textarea::-webkit-input-placeholder {
    color: #444;
}

.night .ait_l .itme textarea::-moz-placeholder {
    color: #444;
}

.night .ait_l .itme textarea:-moz-placeholder {
    color: #444;
}

.night .ait_l .itme textarea:-ms-input-placeholder {
    color: #444;
}

.night .ait_l h4 {
    background-color: #333;
    border: 1px solid #222;
    color: #bbb;
}

.night .ait_l .itme .t {
    color: #ddd;
}

.night .ait_l .itme .tip {
    color: #999;
}

.night .ait_l .aiformsdiv::-webkit-scrollbar-thumb {
    background-color: #444;
}

.night .ait_l {
    border-right: 1px solid #444;
}

.night .layui-form-radio>i {
    color: #999;
}

/******* sqtool *******/
.sqtools {
    padding: 1rem 0.5rem 0.8rem 0.5rem;
}

.sqtools>div {
    margin-bottom: 0.75rem;
}

.sqtools>div:last-child {
    margin-bottom: 0;
}

.sqtools>div>span {
    width: 4rem;
    display: inline-block;
    text-align: right;
    padding-right: 0.75rem;
    float: left;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.65rem;
}

.sqtools>div>input {
    height: 1.75rem;
    line-height: 1.75rem;
    width: calc(100% - 5rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding-left: 0.5rem;
    color: #666;
}

.night .sqtools>div>input {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

.sqtools>div>input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.sqtools>div>input::-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.sqtools>div>input:-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.sqtools>div>input:-ms-input-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.night .sqtools>div>input::-webkit-input-placeholder {
    color: #444;
}

.night .sqtools>div>input::-moz-placeholder {
    color: #444;
}

.night .sqtools>div>input:-moz-placeholder {
    color: #444;
}

.night .sqtools>div>input:-ms-input-placeholder {
    color: #444;
}

.sqtools>div>div {
    height: 1.75rem;
    line-height: 1.75rem;
    width: calc(100% - 5rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding-left: 0.5rem;
    color: #666;
    display: inline-block;
    font-size: 0.6rem;
    position: relative;
}

.night .sqtools>div>div {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #bbb;
}

.sqtools>div>div label {
    cursor: pointer;
    margin-right: 0.9rem;
}

.sqtools>div>div label input[type="radio"] {
    display: none;
}

.sqtools>div>div label input[type="radio"] + span {
    position: relative;
    width: 0.8rem;
    height: 0.8rem;
    border: 1px solid #ddd;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    margin-top: 0.425rem;
    margin-right: 0.4rem;
    vertical-align: sub;
}

.night .sqtools>div>div label input[type="radio"] + span {
    border: 1px solid #bbb;
}

.sqtools>div>div label input[type="radio"]:checked + span {
    border: 1px solid #2196f3;
}

.sqtools>div>div label input[type="radio"]:checked + span::before {
    content: ' ';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    background-color: #2196f3;
    border-radius: 50%;
}

.sqtools>div>textarea {
    height: 6rem;
    width: calc(100% - 5rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding: 0.5rem;
    color: #666;
    resize: none;
}

.night .sqtools>div>textarea {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

.sqtools>div>textarea::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.sqtools>div>textarea::-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.sqtools>div>textarea:-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.sqtools>div>textarea:-ms-input-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 0.6rem;
}

.night .sqtools>div>textarea::-webkit-input-placeholder {
    color: #444;
}

.night .sqtools>div>textarea::-moz-placeholder {
    color: #444;
}

.night .sqtools>div>textarea:-moz-placeholder {
    color: #444;
}

.night .sqtools>div>textarea:-ms-input-placeholder {
    color: #444;
}

/******* layui *******/
.night {
    color: #ddd;
    background-color: #242627;
}

.night .left-nav {
    background-color: #181a1b;
    border-right: 1px solid #444;
}

.night .left-nav .nav li a {
    color: rgba(255, 255, 255, 0.82);
}

.night .left-nav::after {
    background: #181a1b;
}

.night .nav li a.act ,.night .nav li a:hover {
    background-color: #333;
}

.night .left-nav .nav>li>ul>li a.act,.night .left-nav .nav>li>ul>li a:hover {
    background-color: #333;
}

.night .left-nav .nav::-webkit-scrollbar-thumb {
    background-color: #181a1b;
}

.night .left-nav .nav::-webkit-scrollbar-thumb:hover {
    background-color: #181a1b;
}

.night .head_div {
    background-color: #181a1b;
    border-bottom: 1px solid #444;
}

.night .main {
    background-color: #232627;
}

.night .search {
    background-color: #242627;
    border: 1px solid #444;
}

.night .user_alert {
    background-color: #242627;
    box-shadow: unset;
    border: 1px solid #444;
    color: #ddd;
}

.night .user_alert>a {
    color: #ddd;
}

.night .user_alert hr {
    background-color: #444;
}

.night .user_alert > div p {
    border: 1px solid #444;
    background-color: #181a1b;
    color: #ddd;
}

.night .user_alert::before {
    border-bottom-color: #444;
}

.night .moder li a {
    border: 1px solid #181a1b;
    background-color: #181a1b;
}

.night .moder li a span,.night .moder li a h3 {
    color: #eee;
}

.night .footer {
    border-top: 1px solid #444;
}

.night .layui-tab-card {
    border: 1px solid #444;
}

.night .layui-tab-card>.layui-tab-title {
    background-color: #181a1b;
}

.night .layui-tab-card>.layui-tab-title .layui-this {
    background-color: #444;
    color: #ddd;
}

.night .layui-tab-card>.layui-tab-title .layui-this:after {
    border: 1px solid #181a1b;
    border-top: none;
}

.night .layui-colla-title {
    color: #ddd;
    background-color: #181a1b;
}

.night .layui-colla-content {
    border-color: #444;
}

.night .layui-collapse {
    border-color: #444;
}

.night .layui-colla-item {
    border-color: #444;
}

.tabdef .layui-tab-title {
    height: 1.5rem;
}

.tabdef .layui-tab-title li {
    line-height: 1.5rem;
    font-size: 0.6rem;
    color: #34495e;
}

.tabdef .layui-tab-title .layui-this:after {
    height: 1.55rem;
}

.night .tabdef>.layui-tab-title {
    border-color: #444;
}

.night .tabdef .layui-tab-title li {
    color: #ccc;
}

.night .tabdef>.layui-tab-title .layui-this {
    background-color: #242627;
    color: #ddd;
}

.night .tabdef>.layui-tab-title .layui-this:after {
    border: 1px solid #444;
    border-top: none;
    border-bottom-color: #242627;
}

.tabdef>.layui-tab-title .layui-tab-bar {
    height: 1.5rem;
    line-height: 1.5rem;
}

.night .tabdef>.layui-tab-title .layui-tab-bar {
    background-color: #242627;
    border-color: #444;
}

.tabdef .layui-tab-bar .layui-icon {
    top: 0px;
}

@media screen and (max-width: 1592px) {
    .main {
        padding: 0 2rem;
    }

    .aitoolpage {
        margin: 0;
    }

    .ait_l {
        padding-right: 2rem;
    }

    .footb {
        width: 15rem;
    }
}

@media screen and (max-width: 1370px) {
    .foota {
        width: 100%;
        margin-bottom: 1rem;
    }

    .footc {
        width: 50%;
    }

    .footb {
        width: 50%;
    }

    .footc img {
        max-width: 5.5rem;
    }
}

@media screen and (max-width: 1320px) {
    .aitoolpage {
        margin: -0.8rem -1.2rem;
        height: calc(100vh - 4.4rem);
    }

    .ait_l {
        width: 17.5rem;
        padding-right: 0.8rem;
    }

    .ait_cent {
        padding: 0.75rem 0.75rem 2rem 0.75rem;
    }

    .ait_cent_div {
        padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    }

    .ait_cent>span {
        bottom: 0.6rem;
        font-size: 0.55rem;
    }

    .ait_cent .lrs {
        right: 0.75rem;
        bottom: 0.6rem;
        font-size: 0.55rem;
    }

    .ait_cent .lrs_daochu {
        bottom: 0.6rem;
        right: 65px;
    }

    .ait_r {
        width: calc(100% - 17.5rem);
    }

    .ait_cent>span.ll {
        left: 95px;
    }
}

@media screen and (max-width: 1250px) {
    .moder li {
        padding: 0.5rem;
    }

    .moder li a {
        padding: 0.8rem;
    }

    .toolurl ul>li {
        width: calc(100% / 5);
    }
}

@media screen and (max-width: 1090px) {
    .moder li {
        width: calc(100%/2);
    }

    .ait_l {
        width: 12.5rem;
    }

    .ait_r {
        width: calc(100% - 12.5rem);
    }

    .toolurl ul>li {
        width: calc(100% / 4);
    }
}

@media screen and (max-width: 988px) {
    .footer p a.lr {
        float: none;
        display: block;
    }
}

@media screen and (max-width: 886px) {
    .left-nav {
        display: none;
    }

    .left-nav .logo {
        height: 3rem;
    }

    .left-nav .logo .logo_img {
        margin-top: 0px;
    }

    .left-nav .nav {
        height: calc(100vh - 3.5rem);
        overflow: auto;
    }

    .tool_nav_but {
        left: unset !important;
        right: 0 !important;
        border-radius: 15px 0 0 15px;
        border-left: 1px solid #ff6500;
        border-right: 0;
        padding: 4px 6px 4px 10px;
        z-index: 9999;
    }

    .head_div {
        left: 0;
        width: 100%;
        box-shadow: 0px 2px 8px 0px rgb(17 58 93 / 10%);
    }

    .head_div>a>img,.night .head_div>a>img {
        height: 3rem;
        margin-left: 0.25rem;
        display: block;
    }

    .search_div {
        display: none;
    }

    .glsearch {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 40%);
        z-index: 10000;
        padding: 0 1rem;
        text-align: center;
    }

    .glsearch .search_div {
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -100%);
        background-color: #ffffff;
        width: 100%;
        max-width: 24rem;
        padding: 2rem 2rem;
        border: 1px solid #f5f5f5;
        border-radius: 6px;
    }

    .night .glsearch .search_div {
        background-color: #222;
        border: 1px solid #252525;
    }

    .glsearch .search_div::before {
        content: '';
        position: absolute;
        height: 1.5rem;
        width: 2px;
        bottom: -1.5rem;
        left: calc(50% - 1px);
        background-color: #fff;
    }

    .night .glsearch .search_div::before {
        background-color: #444;
    }

    .glsearch .search_div h2 {
        margin-bottom: 1.5rem;
        font-size: 1rem;
        color: #2196F3;
        line-height: 1.75;
    }

    .glsearch .layui-icon-error {
        position: absolute;
        bottom: -3rem;
        left: 50%;
        font-size: 1.4rem;
        color: #fff;
        transform: translateX(-50%);
        cursor: pointer;
    }

    .night .glsearch .layui-icon-error {
        color: #444;
    }

    .search {
        border-radius: 6px;
        background-color: #fff;
    }

    .wn {
        display: none;
    }

    .wapsousou {
        display: block;
    }

    .wapsousou .icoclose {
        font-size: 0.6rem;
    }

    .headerbut>span {
        display: none !important;
    }

    .head_div>.wapbut {
        top: 0.75rem;
        left: unset;
        right: 9rem;
        height: 1.5rem;
        line-height: 1.5rem;
        width: 1.5rem;
        border-radius: 100%;
        border: 1px solid #ddd;
        text-align: center;
        display: inline-block;
        float: right;
        margin-left: 0.5rem;
        font-size: 0.7rem;
    }

    .night .head_div>.wapbut {
        border: 1px solid #444;
        color: #999;
    }

    .main {
        width: 100%;
        float: none;
        padding: 0 0.75rem;
        margin-top: 3rem;
    }

    .moder_h2_one {
        margin-top: 1rem;
    }

    .search_div>i {
        display: inline-block;
        float: left;
        height: 1.75rem;
        line-height: 1.75rem;
        width: 1.75rem;
    }

    .search input {
        padding-left: 0.75rem;
    }

    .search span {
        font-size: 0.6rem;
        left: 0.75rem;
        display: none !important;
    }

    .search i {
        font-size: 0.9rem;
    }

    .search_div>span {
        margin: 0;
        margin-left: 0.5rem;
        height: 1.75rem;
        line-height: 1.75rem;
        width: 1.75rem;
    }

    .moder {
        margin-top: 0px;
        padding: 0.25rem;
    }

    .moder li {
        padding: 0.25rem;
    }

    .moder li a {
        border: 1px solid #ecf0f7;
        box-shadow: 0 0px 1px 0 rgba(2,89,109,.14);
    }

    .night .moder li a {
        border: 1px solid #444;
        box-shadow: 0 0px 1px 0 rgba(2,89,109,.14);
    }

    .tools {
        margin-top: 0.75rem;
    }

    .tuitool h6 {
        height: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 0.5rem;
        margin-top: 1rem;
    }

    .toolurl {
        padding-top: 0.75rem;
        min-height: calc(100vh - 7.5rem);
    }

    .aitoolpage {
        margin: 0.75rem 0 0px 0;
    }

    .savepaixu {
        margin-bottom: 0;
        margin-top: 0.75rem;
    }

    .footer {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .toolurl ul {
        margin: -0.2rem;
    }

    .toolurl ul>li {
        padding: 0.2rem;
    }

    .footerb>span {
        display: block;
        line-height: 1.2rem;
        width: 100%;
    }

    .footerb>.rdis {
        float: left;
        display: block;
        line-height: 1.2rem;
        width: 100%;
        text-align: left;
        margin-top: 0.5rem;
    }

    .footerb>.rdis a {
        margin-left: 0;
        margin-right: 0.5rem;
    }
}

@media screen and (max-width: 640px) {
    .tools {
        padding: 0.5rem 0;
        border-radius: 0;
        background-color: #fff;
        margin-top: 0px;
        padding-bottom: 0px;
    }

    .tools-info {
        padding: 0.5rem 0 0.75rem 0;
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 0px;
    }

    .tools-cent {
        padding: 0.75rem 0;
    }

    .tuitool h6 {
        margin-top: 0.25rem;
    }

    .toolurl ul>li {
        width: calc(100% / 3);
    }

    .head_div>.wapbut {
        right: 7.75rem;
        margin-left: 0;
    }

    .headbutdiv {
        right: 2.5rem;
    }

    .headerbut {
        margin-left: 0.25rem;
    }

    .user {
        right: 0.5rem;
    }

    .footer {
        padding: 1.5rem 0.5rem 1rem 0.5rem;
    }

    .footc {
        width: 100%;
        margin-bottom: 1rem;
    }

    .footb {
        width: 100%;
    }
}

@media screen and (max-width: 620px) {
    .moder li {
        width: calc(100%/2);
    }
}

@media screen and (max-width: 580px) {
    .aitoolpage {
        height: auto;
    }

    .ait_l {
        display: block;
        height: auto;
        padding-right: 0;
        border-right: 0 !important;
        width: 100%;
    }

    .ait_l .aiformsdiv {
        height: auto;
        overflow: hidden;
        display: block;
    }

    .ait_r {
        display: none;
        width: 100%;
        height: calc(100vh - 3rem);
        margin-top: 0.5rem;
        border-radius: 6px;
    }
}

@media screen and (max-width: 480px) {
    .moder li a {
        text-align: center;
        padding: 1rem 0 1rem 0;
    }

    .moder li a img {
        width: 2rem;
        height: 2rem;
        float: none;
        display: block;
        margin: auto;
    }

    .moder li a div {
        height: 0.9rem;
        line-height: 0.9rem;
        margin-top: 0.75rem;
        padding: 0 0.5rem;
    }

    .moder li a p {
        display: none;
    }

    .butdiv span {
        width: 100%;
        margin: 0.1rem 0;
        text-align: center;
    }

    .butdiv span.setup {
        width: 3rem;
        margin-right: 0.25rem;
    }

    .butdiv span.setup + span {
        width: calc(100% - 3.25rem);
    }

    .app_search_ul {
        min-height: 14rem;
    }

    .app_search_ul li {
        width: calc(100%/2);
    }

    .app_coll_ul {
        min-height: 14rem;
    }

    .app_coll_ul li {
        width: calc(100%/2);
    }

    .toolurl ul>li {
        width: calc(100% / 2);
    }

    .add_url_div_cateid m {
        padding: 0.15rem;
        width: calc(100% / 7);
    }

    .glsearch .search_div {
        padding: 1.5rem 1rem;
        max-width: calc(100% - 2rem);
    }

    .glsearch .search_div h2 {
        line-height: 1.75;
    }

    .footerb>.rdis a {
        display: block;
    }
}

@media screen and (max-width: 460px) {
    .moder li a span,.moder li a h3 {
        font-size: 0.6rem;
    }

    .add_url_div_cateid m {
        width: calc(100% / 6);
    }
}

@media screen and (max-width: 450px) {
    .caipiaoss {
        border: 1px solid #eee;
    }

    .night .caipiaoss {
        border: 1px solid #444;
    }

    .caipiaoss .layui-form-label {
        position: absolute;
        left: 0;
        top: 0;
        height: 100% !important;
        border-width: 0;
        border-right-width: 1px;
    }

    .caipiaoss .layui-input-inline {
        padding: 5px;
        left: -1px;
        margin: 0 0 0px 110px;
    }

    .caipiaoss .layui-input-inline:last-child {
        padding-top: 0;
        margin-bottom: 0px;
    }

    .caipiaoss_p {
        padding-top: 0 !important;
    }

    .caipiaoss_t .layui-inline {
        margin-bottom: 0px;
    }

    .caipiaoss_t .layui-inline:last-child .layui-input-inline {
        margin-bottom: 0;
    }

    .add_url_div_cateid m {
        width: calc(100% / 5);
    }
}

@media screen and (max-width: 400px) {
    .moder li a span,.moder li a h3 {
        font-size: 0.6rem;
    }

    .toolurl ul>li {
        width: calc(100% / 2);
    }

    .search_div {
        width: 200px;
    }
}

@media screen and (max-width: 340px) {
    .toolurl ul>li {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 300px) {
    .moder li {
        width: 100%;
    }

    .toolurl ul>li {
        width: 100%;
    }
}

.night .tools {
    background-color: #181a1b;
}

.night .tools-cent {
    background-color: #242627;
}

.night .tools-info {
    border-bottom: 1px solid #444;
}

.night .in input {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

.night .in textarea {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
    font-size: 0.65rem;
}

.in input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.in input::-moz-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.in input:-moz-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.in input:-ms-input-placeholder {
    color: #ccc;
    opacity: 0.9;
}

.in textarea::-webkit-input-placeholder {
    color: #b6c7e4;
}

.in textarea::-moz-placeholder {
    color: #b6c7e4;
}

.in textarea:-moz-placeholder {
    color: #b6c7e4;
}

.in textarea:-ms-input-placeholder {
    color: #b6c7e4;
}

.night .in input::-webkit-input-placeholder {
    color: #444;
}

.night .in input::-moz-placeholder {
    color: #444;
}

.night .in input:-moz-placeholder {
    color: #444;
}

.night .in input:-ms-input-placeholder {
    color: #444;
}

.night .in textarea::-webkit-input-placeholder {
    color: #444;
}

.night .in textarea::-moz-placeholder {
    color: #444;
}

.night .in textarea:-moz-placeholder {
    color: #444;
}

.night .in textarea:-ms-input-placeholder {
    color: #444;
}

.zhaidivs {
    max-width: 24rem;
    margin: 1.25rem auto 2rem auto;
    border: 1px solid #eee;
    padding: 0.5rem;
    border-radius: 3px;
}

.night .zhaidivs {
    border: 1px solid #444;
}

.zhaidivs .layui-form-label .dot {
    position: absolute;
    top: 8px;
    width: 0.25rem;
    height: 0.25rem;
    background-color: red;
    border-radius: 100%;
}

.zhaidivs .tt {
    margin: 0.5rem 0;
    font-size: 0.65rem;
    color: #1e9fff;
}

.zhaidivs .tt.t0 {
    margin-top: 0;
}

.zhaidivs .tt i {
    margin-right: 0.25rem;
    font-size: 0.65rem;
}

.zhaidivsres {
    display: none;
    max-width: 24rem;
    margin: auto;
    margin-top: -1rem;
}

.zhaidivsres textarea {
    padding: 0.5rem;
    border: 1px solid #dbdfea;
    line-height: 1.2rem;
    border-radius: 3px;
    font-size: 0.65rem;
    width: 100%;
    height: 10rem;
    resize: none;
}

.night .zhaidivsres textarea {
    border: 1px solid #444;
    background-color: #181a1b;
    color: #ccc;
}

.zhaidivsresbuts {
    padding: 0.4rem 0;
    display: block;
    text-align: center;
    border: 1px solid #eee;
    color: #888;
    margin-top: 0.5rem;
    cursor: pointer;
}

.night .zhaidivsresbuts {
    border: 1px solid #444;
    color: #888;
}

.zhaidivsres textarea::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.zhaidivsres textarea::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* 璁剧疆婊氬姩杞ㄨ抗鐨勮儗鏅壊 */
}

.zhaidivsres textarea::-webkit-scrollbar-thumb {
    background: #888;
    /* 璁剧疆婊氬姩婊戝潡鐨勮儗鏅壊 */
}

.zhaidivsres textarea::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* 璁剧疆榧犳爣鎮仠鏃舵粴鍔ㄦ粦鍧楃殑鑳屾櫙鑹� */
}

.night .zhaidivsres textarea::-webkit-scrollbar-track {
    background: #222222;
    /* 璁剧疆婊氬姩杞ㄨ抗鐨勮儗鏅壊 */
}

.night .zhaidivsres textarea::-webkit-scrollbar-thumb {
    background: #444444;
    /* 璁剧疆婊氬姩婊戝潡鐨勮儗鏅壊 */
}

.night .zhaidivsres textarea::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.zhiresdiv {
    border: 1px solid #ff7503;
    padding: 0rem 0.8rem;
    border-radius: 4px;
    background-color: #fff8f2;
}

.night .zhiresdiv {
    background-color: #232324;
    border: 1px solid #444;
}

.zhiresdiv p {
    line-height: 0.8rem;
    font-size: 0.6rem;
    color: #ff7503;
    margin: 0.8rem 0;
}

.night .zhiresdiv p {
    color: #ddd;
}

@media screen and (max-width: 590px) {
    .zhaidivs {
        margin: 0 auto 0 auto;
        max-width: 100%;
    }

    .zhaidivsres {
        margin-top: 0.75rem;
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .zhaidivs {
        padding:0.25rem;
    }

    .zhaidivs .tt.t0 {
        margin-top: 0.25rem;
    }
}

.night .tuitool h6 {
    color: #ddd;
}

.night fieldset {
    border: 1px solid #444;
}

.night fieldset legend {
    background-color: #242627;
    color: #aaa;
}

.night .search input {
    color: #ddd;
}

.night .layui-form-pane .layui-form-label {
    background-color: #232324;
    border-color: #444;
    color: #ddd;
}

.night .layui-input:hover,.night .layui-textarea:hover {
    border-color: #666 !important
}

.night .layui-form-select dl {
    background-color: #181a1b;
    border: 1px solid #444;
}

.night .layui-form-select dl dd.layui-this {
    background-color: #242627;
}

.night .layui-form-select dl dd:hover {
    background-color: #242627;
}

.night .layui-table {
    background-color: #181a1b;
}

.night .layui-table td, .night .layui-table th, .night .layui-table-view, .night .layui-table-header {
    border-color: #444 !important;
}

.night .layui-table-header thead {
    background-color: #333;
}

.night .layui-table {
    color: #ddd !important;
}

.night .layui-table th {
    color: #fff !important;
}

.night .layui-form-pane .layui-form-item[pane] {
    border-color: #444 !important;
    background-color: #181a1b;
}

.layui-table-hover {
    background-color: transparent !important;
}

.night .layui-table-page {
    border-top: 1px solid #444;
}

.night .layui-laypage a[data-page] {
    color: #ddd;
}

.night .layui-input {
    background-color: #181a1b;
    color: rgb(238 238 238);
    border-radius: 2px;
    border-color: #444;
}

.night .layui-input-wrap .layui-input-prefix, .night .layui-input-wrap .layui-input-split, .night .layui-input-wrap .layui-input-suffix {
    border-color: #444;
}

.night .layui-input-number .layui-icon:first-child {
    border-bottom: 1px solid #444;
}

.night .layui-input-affix .layui-icon {
    color: #666;
}

.night .layui-colorpicker {
    border: 1px solid #444;
}

@media screen and (max-width: 640px) {
    .night .tools {
        background-color: #242627;
    }
}

.night .app_search {
    background-color: #181a1b;
    border: 1px solid #444;
}

.night .app_search .layui-layer-title {
    border-bottom: 1px solid #444;
    color: #ddd;
}

.night .app_search .layui-layer-setwin span {
    color: #ddd;
}

.night .app_search_ul li a {
    background-color: #232627;
    border: 1px solid #444;
    color: #ddd;
}

.night .app_search_bar {
    border-top: 1px solid #444;
}

.night .app_search_bar span {
    border: 1px solid #444;
    color: #ddd;
    background-color: #242627;
}

.night .app_search_bar span.act {
    color: #fff;
    background-color: #00b277;
    border: 1px solid #00b277;
}

.night .app_coll_ul li div {
    background-color: #232627;
    border: 1px solid #444;
}

.night .app_coll_ul li div a {
    color: #ddd;
}

.night .app_coll_bar {
    border-top: 1px solid #444;
}

.night .app_coll_bar span {
    border: 1px solid #444;
    color: #ddd;
    background-color: #242627;
}

.night .app_coll_bar span.act {
    color: #fff;
    background-color: #00b277;
    border: 1px solid #00b277;
}

.night .app_share {
    background-color: #181a1b;
    border: 1px solid #444;
}

.night .app_share .layui-layer-title {
    border-bottom: 1px solid #444;
    color: #ddd;
}

.night .app_share .layui-layer-setwin span {
    color: #ddd;
}

.night .app_share_div>div>div {
    background-color: #444;
}

.night .app_share_div>div>div:nth-child(1) {
    border-right: 5px solid #333;
}

.night .app_share_div>div>div:nth-child(2) {
    border-left: 5px solid #333;
}

.night .app_share_div input {
    border: 5px solid #444;
    background-color: #333;
    color: #ddd;
}

.night .app_share_div .app_share_save {
    background-color: #444;
}

.night .setup_alerts {
    background-color: rgb(36, 38, 39);
    border: 1px solid #444;
    box-shadow: 1px 1px 2px #444 !important;
}

.night .setup_alerts .layui-layer-title {
    color: #ddd;
    border-bottom: 1px solid #444;
}

.night .setup_alerts .layui-layer-setwin span {
    color: #ddd;
}

.night .setup_alerts .layui-form-item>span {
    border: 1px solid #444;
    background-color: #444;
    color: #ddd;
}

.night .setup_alerts .layui-form-item>.layui-input {
    border-color: #444;
}

.night .bai_logo {
    display: none;
}

.night .hei_logo {
    display: inline-block;
}

.night .tool_nav_but {
    background-color: #181a1b;
}

.sii {
    width: 100%;
    border-radius: 0.3rem;
    margin-bottom: 1.5rem;
    background: #fff;
    text-align: center;
    padding: 10rem 0;
    padding-top: 7rem;
}

.sii_img img {
    width: 100%;
    max-width: 18.5rem;
}

.night .sii_img img {
    opacity: 0.6;
}

.sii_img h2 {
    color: #fe7b36;
    font-weight: 400;
}

.sii_img p {
    display: inline-block;
    margin: 1.5rem auto auto auto;
    max-width: 20rem;
    width: 100%;
    padding: 0 0.5rem;
}

.sii_img p input {
    font-size: 0.7rem;
    height: 2rem;
    line-height: 2rem;
    background-color: #FFF;
    border: 1px solid #fe7b36;
    width: calc(100% - 2.5rem);
    float: left;
    padding-left: 0.5rem;
    color: #fe7b36;
    border-radius: 4px 0 0 4px;
}

.night .sii_img p input {
    background-color: #242627;
}

.sii_img p input::-webkit-input-placeholder {
    color: #ffc497;
}

.sii_img p input::-moz-placeholder {
    color: #ffc497;
}

.sii_img p input:-moz-placeholder {
    color: #ffc497;
}

.sii_img p input:-ms-input-placeholder {
    color: #ffc497;
}

.night .sii_img p input::-webkit-input-placeholder {
    color: #a88a72;
}

.night .sii_img p input::-moz-placeholder {
    color: #a88a72;
}

.night .sii_img p input:-moz-placeholder {
    color: #a88a72;
}

.night .sii_img p input:-ms-input-placeholder {
    color: #a88a72;
}

.sii_img p span {
    height: 2rem;
    line-height: 2rem;
    width: 2.5rem;
    display: inline-block;
    background-color: #fe7b36;
    color: #fff;
    font-weight: bold;
    float: left;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}

.night .sii {
    background-color: #242627;
}

@media screen and (max-width: 620px) {
    .sii {
        padding: 5rem 0;
        padding-top: 2rem;
    }
}

.mianze_div {
    padding: 1rem;
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}

.mianze_div>div {
    margin-bottom: 0.5rem;
    padding: 0.2rem 0.5rem;
    border: 1px dashed #bfccda;
    background-color: #f8fafc;
    border-radius: 6px;
}

.night .mianze_div>div {
    background-color: #222;
    border: 1px dashed #111;
}

.mianze_div p {
    padding: 0.2rem 0;
    text-align: justify;
    word-break: break-all;
    font-size: 0.6rem;
    line-height: 1.2rem;
}

.waptips {
    background-color: #f6f7fa;
    padding: 2rem 0;
    text-align: center;
    border-radius: 3px;
}

.night .waptips {
    background-color: #444;
}

.waptips img {
    width: 5rem;
    margin-bottom: 2rem;
}

.waptips p {
    color: #666;
}

.night .waptips p {
    color: #bbb;
}

@media screen and (max-width: 886px) {
    .waptips {
        margin-bottom: 1rem;
    }
}

/**********************************************/
/******* login *******/
/**********************************************/
.login_bg {
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    left: 0;
    top: 0;
}

.login {
    width: 17rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    padding: 1.5rem 1.25rem;
    user-select: none;
    overflow: hidden;
    z-index: 9999999;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 50%);
}

.night .login {
    background-color: #333;
}

.login h2 {
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #666;
    position: relative;
    margin-bottom: 1.25rem;
}

.night .login h2 {
    color: #ddd;
}

.login .icoclose {
    width: 1.75rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: -0.1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 9999;
    border-radius: 0 0 1rem 1rem;
    ;background-color: #FF9800;
    color: #fff;
    font-weight: bold;
}

.login input[type="text"],.login input[type="password"] {
    height: 2rem;
    line-height: 2rem;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding: 0 0 0 1.75rem;
    margin: 0;
    font-size: 0.6rem;
    color: #777;
}

.night .login input[type="text"],.night .login input[type="password"] {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #ddd;
}

.login input::-webkit-input-placeholder {
    color: #ddd;
    font-size: 0.6rem;
}

.login input::-moz-placeholder {
    color: #ddd;
    font-size: 0.6rem;
}

.login input:-moz-placeholder {
    color: #ddd;
    font-size: 0.6rem;
}

.login input:-ms-input-placeholder {
    color: #ddd;
    font-size: 0.6rem;
}

.night .login input::-webkit-input-placeholder {
    color: #444;
}

.night .login input::-moz-placeholder {
    color: #444;
}

.night .login input:-moz-placeholder {
    color: #444;
}

.night .login input:-ms-input-placeholder {
    color: #444;
}

.login p {
    position: relative;
    margin-bottom: 0.75rem;
}

.login p i {
    position: absolute;
    left: 0.5rem;
    top: 0.6rem;
    font-size: 0.7rem;
    color: #bbb;
}

.login p span {
    position: absolute;
    right: 0.5rem;
    top: 0.6rem;
    font-size: 0.7rem;
    color: #888;
    cursor: pointer;
}

.login p .vfs {
    width: calc(100% - 6.5rem);
}

.login p .vfs + img {
    width: 6rem;
    height: 2rem;
    margin-left: 0.5rem;
    border: 1px solid #e5e5e5;
    float: right;
    border-radius: 5px;
    cursor: pointer;
}

.night .login p .vfs + img {
    border: 1px solid #222;
}

.login p .getemailvf {
    width: 6rem;
    height: 2rem;
    line-height: 2rem;
    margin-left: 0.5rem;
    border: 1px solid #e5e5e5;
    float: right;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    top: unset;
    right: unset;
    font-size: 0.6rem;
}

.login .emilpstcode {
    font-size: 0.6rem;
    color: #aaa;
}

.login_but {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    border-radius: 5px;
    border: 0;
    margin-top: 1rem;
    color: #fff;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 0.7rem;
    background-color: #ff9800;
}

.login_foot {
    margin-top: 0.75rem;
    font-size: 0.6rem;
    color: #888;
    position: relative;
}

.login_foot .icoweixin {
    color: #00d669;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.login_foot .icoduih {
    font-size: 12px;
    cursor: pointer;
}

.night .login_foot .icoduih {
    color: #bbb;
}

.login_foot .icoduih::before {
    margin-right: 5px;
    color: #ddd;
}

.night .login_foot .icoduih::before {
    margin-right: 5px;
    color: #444;
}

.login_foot .act::before {
    color: #ff9800;
}

.night .login_foot .act::before {
    color: #ff9800;
}

.login_foot span {
    cursor: pointer;
}

.login_foot a {
    color: #fe9800;
}

@-webkit-keyframes login_alert {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes login_alert {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.reg_xieyis {
    padding: 10px 20px 20px 20px;
    height: calc(100% - 40px);
    overflow-x: auto;
    user-select: none;
}

.reg_xieyis h2 {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 10px 0;
}

.reg_xieyis p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
    padding-left: 20px;
}

/**********************************************/
/******* logins *******/
/**********************************************/
.logins {
    width: 17rem;
    position: fixed;
    left: calc(50% - 8.5rem);
    top: 50%;
    transform: translate(0, -50%);
    background-color: #fff;
    user-select: none;
    z-index: 9999999;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 50%);
    border-radius: 10px;
}

.night .logins {
    background-color: #222;
}

.logins .icochahao {
    position: absolute;
    left: -2rem;
    top: 0;
    font-size: 1.1rem;
    cursor: pointer;
    color: #666;
    padding: 1px;
    border-radius: 100%;
}

.logins .logins_title {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #f5f5f5;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.night .logins .logins_title {
    background-color: #000;
}

.logins .logins_title span {
    text-align: center;
    width: 50%;
    display: inline-block;
    cursor: pointer;
}

.logins .logins_title span.act {
    background-color: #fff;
}

.night .logins .logins_title span.act {
    background-color: #222;
}

.logins .logins_one {
    padding: 1rem;
    text-align: center;
}

.logins .logins_one img {
    width: 180px;
    height: 180px;
    border: 2px solid #4CAF50;
    border-radius: 6px;
    padding: 5px;
    background-color: #e0f7e1;
}

.logins .logins_one .updatawechatqrcode {
    margin-top: 1rem;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 0.6rem;
}

.logins .logins_one .updatawechatqrcode i {
    position: relative;
    left: unset;
    top: unset;
    margin-right: 0.4rem;
    color: #888;
    font-size: 0.6rem;
}

.logins .logins_one .wechatxieyi {
    margin-top: 0.5rem;
}

.logins p.wechatxieyi i {
    font-size: 0.6rem;
    margin-right: 0.25rem;
}

.logins p.wechatxieyi i.icoduih {
    color: #ff9800;
}

.logins p.wechatxieyi span {
    color: #ff9800;
    cursor: pointer;
    right: unset;
    top: unset;
    font-size: 0.6rem;
    position: relative;
}

.logins .logins_two {
    padding: 1rem;
    display: none;
}

.logins p {
    position: relative;
    margin-bottom: 0.75rem;
}

.logins p i {
    position: absolute;
    left: 0.5rem;
    top: 0.6rem;
    font-size: 0.7rem;
    color: #bbb;
}

.logins input[type="text"], .logins input[type="password"] {
    height: 2rem;
    line-height: 2rem;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding: 0 0 0 1.75rem;
    margin: 0;
    font-size: 0.6rem;
    color: #777;
}

.night .logins input[type="text"], .night .logins input[type="password"] {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #ddd;
}

.logins p span {
    position: absolute;
    right: 0.5rem;
    top: 0.6rem;
    font-size: 0.7rem;
    color: #888;
    cursor: pointer;
}

.logins input::-webkit-input-placeholder {
    color: #ddd;
}

.logins input::-moz-placeholder {
    color: #ddd;
}

.logins input:-moz-placeholder {
    color: #ddd;
}

.logins input:-ms-input-placeholder {
    color: #ddd;
}

.night .logins input::-webkit-input-placeholder {
    color: #444;
}

.night .logins input::-moz-placeholder {
    color: #444;
}

.night .logins input:-moz-placeholder {
    color: #444;
}

.night .logins input:-ms-input-placeholder {
    color: #444;
}

.logins_wechat {
    width: 12rem;
    position: fixed;
    left: calc(50% - 6rem);
    top: 50%;
    transform: translate(0, -50%);
    background-color: #fff;
    padding: 10px;
    user-select: none;
    z-index: 9999999;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 50%);
    text-align: center;
    border-radius: 10px;
}

.night .logins_wechat {
    background-color: #333;
}

.logins_wechat .icochahao {
    position: absolute;
    left: -2rem;
    top: 0;
    font-size: 1.1rem;
    cursor: pointer;
    color: #666;
    padding: 1px;
    border-radius: 100%;
}

.logins_wechat_title {
    font-size: 0.8rem;
    background-color: #f5f5f5;
    padding: 0.25rem 0;
}

.night .logins_wechat_title {
    background-color: #252525;
    color: #eee;
}

.logins_wechat_title i {
    color: #00d468;
    margin-right: 10px;
}

.logins_wechat img {
    width: 100%;
    height: 100%;
    border: 1px solid #f5f5f5;
    margin: 10px 0;
    border-radius: 6px;
}

.logins_wechat p {
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    cursor: pointer;
}

.night .logins_wechat p {
    color: #eee;
}

.logins_wechat p i {
    font-size: 0.6rem;
    margin-right: 0.25rem;
}

.logins_wechat p i.icoduih {
    color: #ff9800;
}

.logins_wechat p span {
    color: #ff9800;
    cursor: pointer;
}

.ppass {
}

.ppass label {
    font-size: 12px;
    color: #666;
    float: left;
    cursor: pointer;
}

.ppass input[type="checkbox"] {
    display: none;
}

.ppass input[type="checkbox"] + span {
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0px;
    margin-right: 5px;
    vertical-align: -2px;
    position: relative;
    top: unset;
    right: unset;
    border-radius: 2px;
}

.night .ppass input[type="checkbox"] + span {
    border: 1px solid #444;
}

.ppass input[type="checkbox"]:checked + span:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background-size: 10px 10px !important;
    background: url(/zb_users/plugin/xc_toolbox/style/img/duihao.svg?r=2) 0px 0px no-repeat;
    box-sizing: border-box;
    background-color: #2196f3;
    display: inline-block;
    border: 1px solid #2196f3;
    font-size: unset;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ppass .lr {
    font-size: 12px;
    color: #888;
    float: right;
    position: relative;
    top: unset;
    right: unset;
}

/*######################################################*/
.aitoolcatediv {
    min-height: calc(100vh - 10rem);
}

.aicate_cate {
    padding: 0;
    overflow: auto;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ecf0f7;
}

.aicate_cate>i {
    float: right;
    display: inline-block;
    padding: 0 0.5rem;
    line-height: 32px;
    border: 1px solid #ecf0f7;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
    border-radius: 4px;
    font-size: 0.65rem;
    color: #ff6500;
    cursor: pointer;
}

.aicate_cate::-webkit-scrollbar {
    display: none;
}

.aicate_cate span {
    cursor: pointer;
    margin-right: 0.5rem;
    padding: 0 0.4rem;
    line-height: 1.55rem;
    display: inline-block;
    color: #666;
    border: 1px solid #e5e6ec;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);
    font-size: 0.6rem;
    border-radius: 4px;
    float: left;
}

.aicate_cate span i {
    font-size: 0.65rem;
    margin-right: 0.4rem;
    color: #ff6500;
}

.aicate_cate span.act {
    background-color: #ff6500;
    border: 1px solid #ff6500;
    color: #fff;
}

.aicate_cate span.act i {
    color: #fff;
}

.aicate_list {
    margin: 0.75rem -0.75rem;
}

.aicate_list ul {
}

.aicate_list ul li {
    width: calc(100% / 4);
    float: left;
    padding: 0.75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.aicate_list ul li>a {
    border-radius: 6px;
    padding: 1.1rem 1rem;
    clear: both;
    display: block;
    border: 1px solid #f5f5f5;
    box-shadow: 0 2px 7px rgb(146 146 146 / 12%);
    transition: none;
}

.aicate_list ul li>a::after {
    clear: both;
    display: table;
    content: " ";
}

.aicate_list ul li>a:hover {
    border: 1px solid #ff9800;
}

.aicate_list ul li>a img {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.4rem;
    border-radius: 6px;
    vertical-align: -0.135rem;
}

.aicate_list ul li>a h2 {
    color: #333;
    font-size: 0.65rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aicate_list ul li>a p {
    height: 1.2rem;
    line-height: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.65rem;
    color: #9aabb8;
}

.aitool_nav_alert {
    padding: 0.75rem;
}

.aitool_nav_alert span {
    width: 50%;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    height: 2.25rem;
    line-height: 2.25rem;
    display: block !important;
    border: 1px solid #f5f5f5;
    font-size: 0.6rem;
    cursor: pointer;
    padding-left: 2rem;
}

.mingandivs {
    padding: 5px 0 5px 10px;
    border: 1px solid #FF9800;
    background-color: #FBE9E7;
    border-radius: 6px;
    margin-top: 10px;
    color: #F4511E;
}

.night .mingandivs {
    background-color: #222;
    border: 1px solid #444;
    color: #ddd;
}

.mingandivs p {
    font-size: 0.55rem;
}

.night .aitool_nav_alert span {
    border: 1px solid #444;
    color: #ddd;
}

.aitool_nav_alert span:hover {
    background-color: #f5f5f5;
}

.night .aitool_nav_alert span:hover {
    background-color: #444;
}

.aitool_nav_alert span i {
    margin-right: 0.5rem;
    font-size: 0.6rem;
    color: #ff6500;
    font-weight: bold;
}

.aitool_nav_alert>i {
    display: none;
}

.night .aicate_list ul li>a {
    background-color: #181a1b;
    border: 1px solid #181a1b;
}

.night .aicate_list ul li>a h2 {
    color: #eee;
}

.night .aicate_list ul li>a p {
    color: #666;
}

.night .aicate_cate span {
    color: #bbb;
    border: 1px solid #666;
}

.night .aicate_cate>i {
    border: 1px solid #666;
}

.night .aicate_cate span i {
    color: #bbb;
}

.night .aicate_cate span.act {
    background-color: #ff6500;
    border: 1px solid #ff6500;
    color: #fff;
}

.night .aicate_cate span.act i {
    color: #fff;
}

.night .aicate_cate {
    border-bottom: 1px solid #444;
}

@media screen and (max-width: 1300px) {
    .aicate_cate {
        padding-bottom: 1rem;
    }

    .aicate_list {
        margin: 0.5rem -0.5rem;
    }

    .aicate_list ul li {
        padding: 0.5rem;
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 990px) {
    .aicate_list ul li {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 886px) {
    .aicate_cate {
        padding-top: 1rem;
    }
}

@media screen and (max-width: 500px) {
    .aicate_cate {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .aicate_cate span {
    }

    .aicate_list {
        margin: 0.3rem -0.2rem;
    }

    .aicate_list ul li>a {
        display: block;
        padding: 1.1rem 0.75rem 1rem 0.75rem;
    }

    .aicate_list ul li {
        padding: 0.2rem;
    }

    .aicate_list ul li>a img {
        display: block;
        margin: auto;
        margin-bottom: 1rem;
        width: 2rem;
        height: 2rem;
        float: none;
    }

    .aicate_list ul li>a {
        text-align: center;
        display: block;
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 280px) {
    .aicate_list ul li {
        width: 100%;
    }
}

/**********************************************/
/******* layui *******/
/**********************************************/
.tabletitle {
    padding: 0.75rem 0;
    border: 1px solid #cee2ee;
    color: #244c64;
    border-bottom: 0;
    font-size: 0.65rem;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0.75rem;
}

.night .tabletitle {
    border: 1px solid #444;
    border-bottom: 0;
    color: #eee;
}

.layui-table {
    color: #34495e !important;
}

.layui-table-header thead {
    background: #f7faff;
    background-color: #e3eef8;
}

.layui-table th {
    font-weight: 400 !important;
    font-size: 0.7rem !important;
    color: #34495e !important;
}

.layui-table td, .layui-table th,.layui-table-view,.layui-table-header {
    border-color: #eff3f5 !important;
    border-color: #cee1ee !important;
}

.layui-table-cell {
    height: 2rem !important;
    line-height: 1.5rem !important;
    padding: 0.3rem 0.5rem;
    font-size: 0.6rem;
}

.layui-form-pane .layui-form-label {
    font-size: 0.6rem;
    width: 5.5rem;
    padding: 0.4rem 0.75rem;
    height: 1.9rem;
    line-height: 1rem;
    color: #666;
}

.layui-table-view .layui-table td {
    border-bottom: 1px solid #e3eef8 !important;
}

.night .layui-table-view .layui-table td {
    border-bottom: 1px solid #444 !important;
}

.layui-table-body table tr:nth-child(2n) {
    background-color: #f0f5f8 !important;
}

.night .layui-table-body table tr {
    background-color: #242627 !important;
}

.night .layui-table-body table tr:nth-child(2n) {
    background-color: #333 !important;
}

/*.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-input-split, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {border-color: #e8e8fd;}*/
.layui-input:hover,.layui-textarea:hover {
    border-color: #d8d8ee !important
}

.layui-input:focus,.layui-textarea:focus {
    border-color: #b6b6e2!important;
    box-shadow: 0 0 0 3px rgba(22,183,119,.08)
}

.layui-form-radio {
    line-height: 1.4rem;
    margin: 0.3rem 0.5rem 0 0;
    padding-right: 0.5rem;
    /*color: var(--xc-toolbox-fontcolor);*/
}

.night .layui-form-radio {
    color: #ddd;
}

.layui-form-radio>i {
    font-size: 0.9rem !important;
}

.layui-form-radio div {
    font-size: 0.6rem !important;
}

.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i {
    color: #16b777 !important;
}

.layui-form-mid {
    padding: 0.45rem 0!important;
    line-height: 1rem;
    margin-right: 0.5rem;
}

.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch {
    margin-top: 0.25rem !important;
    margin-left: 0.5rem !important;
}

.layui-colorpicker-main {
    box-sizing: content-box;
}

.night .layui-colorpicker-main {
    background-color: #333;
    border: 1px solid #555;
}

.layui-colorpicker-main-input .layui-btn-container .layui-btn {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.night .layui-colorpicker-main-input input.layui-input {
    color: #ccc;
}

.night .layui-colorpicker-main-input .layui-btn-container .layui-btn-primary {
    color: #ccc;
    background-color: #444;
    border: 1px solid #444;
}

/*.layui-input, .layui-select, .layui-textarea{font-size: 0.6rem;height: 1.9rem;color: var(--xc-toolbox-fontcolor);}.layui-form-checkbox[lay-skin=primary]>div{font-size: 0.6rem;margin-top: -0.05rem;padding-left: 0;padding-right: 0.75rem;line-height: 0.9rem;color:var(--xc-toolbox-fontcolor)}*/
.layui-rate {
    padding: 0 !important;
}

.layui-rate li i.layui-icon {
    font-size: 0.7rem !important;
}

.pingfens>span.layui-inline {
    color: #ffc20d;
    font-size: 0.55rem;
    vertical-align: -0.04rem;
    margin-left: 0.1rem;
}

.layui-input-block {
    min-height: 1.8rem;
}

.layui-form-pane .layui-input-block {
    margin-left: 5.5rem;
    left: -1px;
}

.layui-btn {
    height: 1.9rem;
    line-height: 1.9rem;
    font-size: 0.7rem;
}

.layui-form-select dl dd {
    cursor: pointer;
    /*color:var(--xc-toolbox-fontcolor);*/
}

.night .layui-form-select dl dd {
    color: #eee;
}

.layui-form-checkbox[lay-skin=primary] {
    height: auto!important;
    line-height: normal!important;
    min-width: 0.9rem;
    min-height: 0.9rem;
    border: none!important;
    margin-right: 0;
    padding-left: 1.2rem;
    padding-right: 0;
    background: 0 0;
}

.layui-form-pane .layui-form-checkbox {
    margin: 0.2rem 0 0.2rem 0.5rem;
}

.layui-form-checkbox>div {
    font-size: 0.6rem;
}

.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0.5rem;
}

.layui-form-checkbox[lay-skin=primary]>i {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.7rem;
    font-size: 0.6rem;
}

.night .layui-form-checkbox[lay-skin=primary]>i {
    background-color: #242627;
    border: 1px solid #444;
}

.layui-form-checked[lay-skin=primary]>i {
    border-color: #16b777 !important;
    background-color: #16b777;
    color: #fff;
}

.night .layui-form-checked[lay-skin=primary]>i {
    border-color: #16b777 !important;
    background-color: #16b777;
    color: #fff;
}

.layui-upload-drag div {
    font-size: 0.6rem;
}

.layui-upload-drag .layui-icon {
    font-size: 2.5rem;
    color: #ddd !important;
    margin-bottom: 0.75rem !important;
    display: inline-block !important;
}

.layui-colorpicker {
    width: 1.9rem;
    height: 1.9rem;
    padding: 0.25rem;
    line-height: 1.2rem;
}

.layui-layer-page .layui-layer-btn {
    padding-top: 0 !important;
    padding-right: 1.25rem;
}

.layui-layer-btn a {
    font-size: 12px;
    margin: 0px 5px 0;
}

.night .layui-form-checkbox[lay-skin=primary]>div {
    color: #eee;
}

.night .layui-upload-drag {
    background: #181a1b;
    border-color: #444;
}

.night .layui-layer {
    background: #333;
    border: 1px solid #222;
}

.night .layui-layer-loading {
    background-color: unset;
}

.night .layui-layer-title {
    color: #ddd;
    border-bottom: 1px solid #444;
}

.night .layui-layer-setwin .layui-layer-close {
    color: #ddd;
}

.night .layui-layer-btn a:last-child {
    background-color: #444;
    border: 1px solid #444;
    color: #ddd;
}

.night .tool_nav_alert li a {
    border: 1px solid #444;
    color: #ddd;
}

.layui-form-select dl::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.night .layui-form-select dl::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background: #444;
}

.night .layui-form-select dl::-webkit-scrollbar-thumb:hover {
    background-color: #444;
}

.night .layui-upload-drag .layui-icon {
    color: #999 !important;
}

.stoolsads {
    padding: 0.5rem;
    margin-top: 20px;
    display: block;
    background-color: #f6f7fa;
    border-radius: 10px;
    text-align: center;
}

.stoolsads.tooladtops {
    margin-bottom: 0.75rem;
    margin-top: 0px;
}

.stoolsads.tooladfoots {
    margin-top: 0.75rem;
    margin-bottom: 1rem;
}

.stoolsads img {
    border-radius: 6px;
    width: 100%;
}

.night .stoolsads {
    background-color: #181a1b;
}

.night .layui-form-pane .layui-form-text .layui-textarea {
    background-color: #181a1b;
    border: 1px solid #444;
    color: #eee;
}

@media screen and (max-width: 886px) {
    .stoolsads.tooladtops {
        margin-top: 0.75rem;
    }
}

@media screen and (max-width: 640px) {
    .stoolsads {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0.75rem;
    }

    .stoolsads.tooladtops {
        margin-bottom: -0.25rem;
        margin-top: 0.75rem;
    }

    .stoolsads.tooladfoots {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
}

.layui-layer-loading .layui-layer-loading3 {
    background: none !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    background-color: rgba(0,0,0,0.5) !important;
}

.layui-layer-loading .layui-layer-loading3::after {
    content: '';
    width: 40px;
    height: 40px;
    background-position: center 10px !important;
    opacity: 1;
    background: url(/zb_users/plugin/xc_toolbox/style/img/loading.png) no-repeat !important;
    background-size: 100% 100% !important;
    position: absolute;
    left: calc(50% - 20px);
    top: 8px;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
}

.layui-layer-loading .layui-layer-loading3::before {
    width: 100%;
    content: 'Loading....';
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    font-weight: 400;
    left: 50%;
    transform: translateX(-50%);
    height: 16px;
    line-height: 16px;
}

.layui-layer-loading .layui-layer-loading3 i {
    display: none;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.layui-layer-btn .layui-layer-btn0:hover {
    background-color: #EF6C00;
    color: #fff !important;
}

/***************************************************************/
.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before {
    width: 16px;
    height: 16px;
    content: " ";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")
}

.markdown-body details,.markdown-body figcaption,.markdown-body figure {
    display: block
}

.markdown-body summary {
    display: list-item
}

.markdown-body [hidden] {
    display: none !important
}

.markdown-body a {
    background-color: transparent;
    text-decoration: none;
    color: #FF9800;
}

.markdown-body abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.markdown-body dfn {
    font-style: italic
}

.markdown-body h1 {
    margin: .67em 0;
    padding-bottom: .3em;
    font-size: 1.7em;
}

.markdown-body small {
    font-size: 90%
}

.markdown-body sub,.markdown-body sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.markdown-body sub {
    bottom: -.25em
}

.markdown-body sup {
    top: -.5em
}

.markdown-body img {
    border-style: none;
    max-width: 100%;
    box-sizing: content-box;
    max-width: 100%;
    height: auto;
    display: block;
}

.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp {
    font-family: monospace;
    font-size: 1em
}

.markdown-body figure {
    margin: 1em 40px
}

.markdown-body hr {
    box-sizing: content-box;
    overflow: hidden;
    background: transparent;
    height: .25em;
    padding: 0;
    margin: 24px 0;
    border: 0
}

.markdown-body input {
    font: inherit;
    margin: 0;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit] {
    -webkit-appearance: button
}

.markdown-body [type=checkbox],.markdown-body [type=radio] {
    box-sizing: border-box;
    padding: 0
}

.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button {
    height: auto
}

.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.markdown-body ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

.markdown-body ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.markdown-body a:hover {
    text-decoration: underline
}

.markdown-body hr:after,.markdown-body hr:before {
    display: table;
    content: ""
}

.markdown-body hr:after {
    clear: both
}

.markdown-body table {
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
    width: max-content;
    max-width: 100%;
    overflow: auto
}

.markdown-body td,.markdown-body th {
    padding: 0
}

.markdown-body details summary {
    cursor: pointer
}

.markdown-body details:not([open])>:not(summary) {
    display: none !important
}

.markdown-body [role=button]:focus,.markdown-body a:focus,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=radio]:focus {
    outline-offset: -2px;
    box-shadow: none
}

.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible) {
    outline: 1px solid transparent
}

.markdown-body [role=button]:focus-visible,.markdown-body a:focus-visible,.markdown-body input[type=checkbox]:focus-visible,.markdown-body input[type=radio]:focus-visible {
    outline-offset: -2px;
    box-shadow: none
}

.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible {
    outline-offset: 0
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    line-height: 10px;
    vertical-align: middle;
    border-radius: 6px;
}

.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    line-height: 1.25
}

.markdown-body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
}

.markdown-body h3 {
    font-size: 1.25em
}

.markdown-body h4 {
    font-size: 1em
}

.markdown-body h5 {
    font-size: .875em
}

.markdown-body h6 {
    font-size: .85em;
}

.markdown-body p {
    font-size: 0.65rem;
    line-height: 1rem;
}

.markdown-body>p:last-child {
    margin-bottom: 0;
}

.markdown-body blockquote {
    margin: 0;
    padding: 0 1em;
}

.markdown-body ol,.markdown-body ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.5em
}

.markdown-body ol li,.markdown-body ul li {
    font-size: 0.65rem;
    line-height: 1rem;
    margin: 0.75rem 0;
}

.markdown-body ol li p,.markdown-body ul li p {
    margin: 5px 0;
}

.markdown-body ol ol,.markdown-body ul ol {
    list-style-type: lower-roman
}

.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol {
    list-style-type: lower-alpha
}

.markdown-body dd {
    margin-left: 0
}

.markdown-body code,.markdown-body pre,.markdown-body samp,.markdown-body tt {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px
}

.markdown-body pre {
    margin-top: 0;
    margin-bottom: 0;
    word-wrap: normal
}

.markdown-body .octicon {
    display: inline-block;
    overflow: visible !important;
    vertical-align: text-bottom;
    fill: currentColor
}

.markdown-body input::-webkit-inner-spin-button,.markdown-body input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.markdown-body:after,.markdown-body:before {
    display: table;
    content: ""
}

.markdown-body:after {
    clear: both
}

.markdown-body>:first-child {
    margin-top: 0 !important
}

.markdown-body>:last-child {
    margin-bottom: 0 !important
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none
}

.markdown-body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

.markdown-body .anchor:focus {
    outline: none
}

.markdown-body blockquote,.markdown-body details,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul {
    margin-top: 0;
    margin-bottom: 16px
}

.markdown-body blockquote>:first-child {
    margin-top: 0
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0
}

.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link {
    vertical-align: middle;
    visibility: hidden
}

.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor {
    text-decoration: none
}

.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible
}

.markdown-body h1 code,.markdown-body h1 tt,.markdown-body h2 code,.markdown-body h2 tt,.markdown-body h3 code,.markdown-body h3 tt,.markdown-body h4 code,.markdown-body h4 tt,.markdown-body h5 code,.markdown-body h5 tt,.markdown-body h6 code,.markdown-body h6 tt {
    padding: 0 .2em;
    font-size: inherit
}

.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6 {
    display: inline-block
}

.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor {
    margin-left: -40px
}

.markdown-body summary h1,.markdown-body summary h2 {
    padding-bottom: 0;
    border-bottom: 0
}

.markdown-body ol.no-list,.markdown-body ul.no-list {
    padding: 0;
    list-style-type: none
}

.markdown-body ol[type=a] {
    list-style-type: lower-alpha
}

.markdown-body ol[type=A] {
    list-style-type: upper-alpha
}

.markdown-body ol[type=i] {
    list-style-type: lower-roman
}

.markdown-body ol[type=I] {
    list-style-type: upper-roman
}

.markdown-body div>ol:not([type]),.markdown-body ol[type="1"] {
    list-style-type: decimal
}

.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body li>p {
    margin-top: 16px
}

.markdown-body li+li {
    margin-top: .25em
}

.markdown-body dl {
    padding: 0
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.markdown-body table td,.markdown-body table th {
    padding: 10px 13px;
    border: 1px solid #e0e3c0;
    font-size: 12px;
}

.markdown-body table {
    background-color: #F9FBE7;
    width: 100%;
    margin: 0 auto;
}

.markdown-body table img {
    max-width: 100%;
    height: auto;
    display: block;
}

.markdown-body img[align=right] {
    padding-left: 20px
}

.markdown-body img[align=left] {
    padding-right: 20px
}

.markdown-body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent
}

.markdown-body span.frame {
    display: block;
    overflow: hidden
}

.markdown-body span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
}

.markdown-body span.frame span img {
    display: block;
    float: left
}

.markdown-body span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
}

.markdown-body span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown-body span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}

.markdown-body span.align-center span img {
    margin: 0 auto;
    text-align: center
}

.markdown-body span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown-body span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}

.markdown-body span.align-right span img {
    margin: 0;
    text-align: right
}

.markdown-body span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}

.markdown-body span.float-left span {
    margin: 13px 0 0
}

.markdown-body span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}

.markdown-body span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}

.markdown-body code,.markdown-body tt {
    padding: .2em .4em;
    margin: 0;
    font-size: 85%;
    white-space: break-spaces;
    border-radius: 6px
}

.markdown-body code br,.markdown-body tt br {
    display: none
}

.markdown-body del code {
    text-decoration: inherit
}

.markdown-body samp {
    font-size: 85%
}

.markdown-body pre code {
    font-size: 100%;
    position: relative;
}

.markdown-body pre code i {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #888;
    font-weight: bold;
    font-size: 14px;
}

.markdown-body pre>code {
    padding: 0;
    margin: 0;
    word-break: normal;
    background: transparent;
    border: 0
}

.markdown-body .highlight {
    margin-bottom: 16px
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown-body .highlight pre,.markdown-body pre {
    padding: 16px 16px 8px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    border-radius: 6px
}

.markdown-body pre code,.markdown-body pre tt {
    display: inline-block;
    max-width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: scroll;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.markdown-body .csv-data td,.markdown-body .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap
}

.markdown-body .csv-data .blob-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: var(--color-canvas-default);
    border: 0
}

.markdown-body .csv-data tr {
    border-top: 0
}

.markdown-body .csv-data th {
    border-top: 0
}

.markdown-body [data-footnote-ref]:before {
    content: "["
}

.markdown-body [data-footnote-ref]:after {
    content: "]"
}

.markdown-body .footnotes {
    font-size: 12px;
}

.markdown-body .footnotes ol {
    padding-left: 16px
}

.markdown-body .footnotes ol ul {
    display: inline-block;
    padding-left: 16px;
    margin-top: 16px
}

.markdown-body .footnotes li {
    position: relative
}

.markdown-body .footnotes li:target:before {
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -24px;
    pointer-events: none;
    content: "";
    border-radius: 6px
}

.markdown-body .footnotes li:target {
    color: var(--color-fg-default)
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
    font-family: monospace
}

.markdown-body .pl-sr .pl-cce {
    font-weight: 700;
}

.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms {
    font-weight: 700;
}

.markdown-body .pl-mi {
    font-style: italic;
}

.markdown-body .pl-mb {
    font-weight: 700;
}

.markdown-body .pl-mdr {
    font-weight: 700;
}

.markdown-body .pl-corl {
    text-decoration: underline;
}

.markdown-body g-emoji {
    display: inline-block;
    min-width: 1ch;
    font-family: Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1em;
    font-style: normal !important;
    line-height: 1;
    vertical-align: -.075em
}

.markdown-body g-emoji img {
    width: 1em;
    height: 1em
}

.markdown-body .task-list-item {
    list-style-type: none
}

.markdown-body .task-list-item.enabled label {
    cursor: pointer
}

.markdown-body .task-list-item+.task-list-item {
    margin-top: 4px
}

.markdown-body .task-list-item .handle {
    display: none
}

.markdown-body .task-list-item-checkbox {
    margin: 0 .2em .25em -1.4em;
    vertical-align: middle
}

.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
    margin: 0 -1.6em .25em .2em
}

.markdown-body .contains-task-list {
    position: relative
}

.markdown-body .contains-task-list:focus-within .task-list-item-convert-container,.markdown-body .contains-task-list:hover .task-list-item-convert-container {
    display: block;
    width: auto;
    height: 24px;
    overflow: visible;
    clip: auto
}

.markdown-body ::-webkit-calendar-picker-indicator {
    filter: invert(50%)
}

.markdown-body {
    /*!  Theme: Tokyo-night-Dark  origin: https://github.com/enkia/tokyo-night-vscode-theme  Description: Original highlight.js style  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>  License: see project LICENSE  Touched: 2022*/
}

.markdown-body pre {
    padding: 0
}

.markdown-body code,.markdown-body pre {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace
}

.markdown-body pre code {
    display: block;
    overflow-x: auto;
    padding: 1em
}

.markdown-body code {
    padding: 3px 5px
}

.markdown-body .hljs,.markdown-body pre {
    background: #1a1b26;
    color: #cbd2ea
}

.markdown-body .hljs-comment,.markdown-body .hljs-meta {
    color: #565f89
}

.markdown-body .hljs-deletion,.markdown-body .hljs-doctag,.markdown-body .hljs-regexp,.markdown-body .hljs-selector-attr,.markdown-body .hljs-selector-class,.markdown-body .hljs-selector-id,.markdown-body .hljs-selector-pseudo,.markdown-body .hljs-tag,.markdown-body .hljs-template-tag,.markdown-body .hljs-variable.language_ {
    color: #f7768e
}

.markdown-body .hljs-link,.markdown-body .hljs-literal,.markdown-body .hljs-number,.markdown-body .hljs-params,.markdown-body .hljs-template-variable,.markdown-body .hljs-type,.markdown-body .hljs-variable {
    color: #ff9e64
}

.markdown-body .hljs-attribute,.markdown-body .hljs-built_in {
    color: #e0af68
}

.markdown-body .hljs-keyword,.markdown-body .hljs-property,.markdown-body .hljs-subst,.markdown-body .hljs-title,.markdown-body .hljs-title.class_,.markdown-body .hljs-title.class_.inherited__,.markdown-body .hljs-title.function_ {
    color: #7dcfff
}

.markdown-body .hljs-selector-tag {
    color: #73daca
}

.markdown-body .hljs-addition,.markdown-body .hljs-bullet,.markdown-body .hljs-quote,.markdown-body .hljs-string,.markdown-body .hljs-symbol {
    color: #9ece6a
}

.markdown-body .hljs-code,.markdown-body .hljs-formula,.markdown-body .hljs-section {
    color: #7aa2f7
}

.markdown-body .hljs-attr,.markdown-body .hljs-char.escape_,.markdown-body .hljs-keyword,.markdown-body .hljs-name,.markdown-body .hljs-operator {
    color: #bb9af7
}

.markdown-body .hljs-punctuation {
    color: #c0caf5
}

.markdown-body .hljs-emphasis {
    font-style: italic
}

.markdown-body .hljs-strong {
    font-weight: 700
}

.markdown-body li {
    list-style: unset;
}

@media screen and (max-width: 500px) {
    .markdown-body p {
        font-size: 0.6rem;
    }
}

/*******************************************************/
.usercent {
    max-width: 35rem;
    margin: auto;
    padding: 0.75rem;
}

.usercent .titles {
}

.usercent .titles h2 {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding-left: 0.8rem;
    border-left: 4px solid #06b672;
    height: 1rem;
    line-height: 1rem;
}

.usercent .tabh2 {
    border-bottom: 1px solid #efefef;
}

.usercent .tabh2 li {
    float: left;
    line-height: 2rem;
    margin-right: 1.5rem;
    cursor: pointer;
    margin-bottom: -1.5px;
}

.usercent .tabh2 li.act {
    border-bottom: 2px solid #00b672;
}

.usercent_data>div {
    display: none;
}

.usercent_data>div.userdata {
    display: block;
}

.userdata_img {
    padding: 1rem;
    border: 1px solid #e9e9e9;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius: 6px;
}

.userdata_img img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
}

.userdata_upimg {
    height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    float: right;
    margin-left: 1rem;
}

.userdata_upimg span {
    color: #fff;
    padding: 0.4rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
}

.night .userdata_upimg span {
    background-color: #444;
    border: 1px solid #444;
    color: #ddd;
}

.userimg_list {
    height: 290px;
    overflow-y: scroll;
    padding: 10px;
    scrollbar-width: 0px;
}

.userimg_list::-webkit-scrollbar {
    width: 0px;
}

.userimg_list li {
    width: calc(100% / 4 - 10px);
    float: left;
    display: inline-block;
    padding: 5px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #ddd;
    margin: 5px;
    cursor: pointer;
}

.night .userimg_list li {
    border: 1px solid #666;
}

.userimg_list li.act {
    border: 1px solid #ff8627;
    background-color: #fef8f4;
    position: relative;
}

.night .userimg_list li.act {
    background-color: unset;
}

.userimg_list li.act::before {
    position: absolute;
    font-family: "icons" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e666";
    top: -2px;
    right: -2px;
    color: #ff8627;
}

.userimg_list img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.userimg_list_but {
    padding: 15px 15px;
    text-align: right;
}

.userimg_list_but span {
    padding: 8px 20px;
    display: inline-block;
    margin-left: 10px;
    background-color: #2196F3;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.userimg_list_but span.exit {
    background-color: #eee;
    color: #666;
}

.night .userimg_list_but span.exit {
    background-color: #444;
    color: #ddd;
}

.userdata h3 {
    font-size: 0.8rem;
    margin-bottom: 1rem;
}

.userdata ul {
    border: 1px solid #efefef;
    padding: 0 1rem;
}

.userdata ul li {
    height: 3rem;
    line-height: 3rem;
    border-bottom: 1px solid #efefef;
}

.userdata ul li:last-child {
    border-bottom: 0 !important;
}

.userdata ul li span {
    color: #9f9f9f;
    width: 4rem;
    display: inline-block;
}

.userdata ul li i,.userdata ul li a {
    float: right;
    color: #ff7503;
    font-style: normal;
    font-size: 0.6rem;
    cursor: pointer;
}

.userdata .userout {
    width: 100%;
    border: 1px solid #ff8f47;
    color: #ff7503;
    text-align: center;
    padding: 0.6rem 0;
    margin-top: 1rem;
    cursor: pointer;
}

.userdata .userout a {
    color: #ff8f47;
}

.uservip {
}

.uservip_top {
    padding: 1rem;
    border: 1px solid #e9e9e9;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius: 6px;
}

.uservip_top .uservip_top_vip {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    line-height: 2.5rem;
    text-align: center;
    border: 2px solid #34495e;
    display: inline-block;
    float: left;
}

.uservip_top .uservip_top_vip i {
    font-size: 1rem;
    font-weight: bold;
}

.uservip_top .uservip_top_vip.vip {
    border-color: #ff791b;
}

.uservip_top .uservip_top_vip.vip i {
    color: transparent;
    background: linear-gradient(to right, #ff6500, #ff9533);
    -webkit-background-clip: text;
    background-clip: text;
}

.uservip_top_data {
    height: 2.5rem;
    line-height: 1.25rem;
    display: inline-block;
    float: left;
    margin-left: 1rem;
}

.uservip_top_data p:first-child {
    font-size: 0.9rem;
}

.uservip_top_data p:last-child {
    font-size: 0.6rem;
    color: #888;
}

.uservip_top_data.vip p:first-child {
    color: transparent;
    background: linear-gradient(to right, #ff6500, #ff9533);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: bold;
}

.uservip_top_buy {
    height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    float: right;
    margin-left: 1rem;
}

.uservip_top_buy span {
    background: linear-gradient(135deg, #ab04b5, #d42490 31%, #d90368 65%, #f93333);
    color: #fff;
    padding: 0.4rem 1rem;
    border-radius: 6px;
    cursor: pointer;
}

.uservip h3 {
    font-size: 0.8rem;
    margin-bottom: 1rem;
}

.nologs {
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    border: 1px solid #e9e9e9;
    color: #ddd;
}

.userviplist {
}

.userviplist .layui-colla-title {
    font-size: 0.65rem;
}

.userviplist .layui-colla-content {
}

.userviplist .layui-colla-content p {
    font-size: 0.65rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

.usergiod {
}

.usergiod .usergiodtop {
    padding: 1rem;
    border: 1px solid #e9e9e9;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius: 6px;
}

.usergiod_top_giod {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    line-height: 2.5rem;
    text-align: center;
    border: 2px solid #2196F3;
    display: inline-block;
    float: left;
}

.usergiod_top_giod i {
    font-size: 1rem;
    font-weight: bold;
    color: #2196F3;
}

.usergiod_top_data {
    height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    float: left;
    margin-left: 1rem;
}

.usergiod_top_data p {
    font-size: 0.8rem;
}

.usergiod_top_buy {
    height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    float: right;
    margin-left: 1rem;
}

.usergiod_top_buy span {
    color: #fff;
    padding: 0.4rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    background-color: #2196F3;
    -webkit-user-select: none;
    user-select: none;
}

.usergiod h3 {
    font-size: 0.8rem;
    margin-bottom: 1rem;
}

.pe_alert {
}

.pe_alert_head {
    position: relative;
    padding: 20px 0;
    background-color: #f5f5f5;
    text-align: center;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    overflow: hidden;
}

.pe_alert_head::before {
    content: ' ';
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    opacity: 0.1;
    position: absolute;
    top: -90px;
    left: -80px;
}

.pe_alert_head::after {
    content: ' ';
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    opacity: 0.1;
    position: absolute;
    top: 10px;
    right: -90px;
}

.pe_alert_head .icoshouji,.pe_alert_head .icoyouxiang,.pe_alert_head .icosuo {
    font-size: 30px;
    display: block;
    color: #fff;
}

.pe_alert_head span {
    margin-top: 10px;
    display: block;
    color: #fff;
}

.pe_alert_head .icochahao {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    opacity: 0.4;
    z-index: 222;
}

.pe_alert_head .icochahao:hover {
    opacity: 1;
}

.pe_alert_body {
    padding: 20px;
}

.pe_alert_body p {
    margin-bottom: 20px;
    position: relative;
}

.pe_alert_body p input {
    height: 35px;
    line-height: 35px;
    width: 100%;
    border: 1px solid #f5f5f5;
    padding-left: 10px;
    font-size: 12px;
}

.pe_alert_body p span {
    position: absolute;
    height: 35px;
    line-height: 35px;
    font-size: 0.6rem;
    right: 0;
    padding: 0 15px;
    background-color: #f5f5f5;
    cursor: pointer;
}

.pe_alert_body>span {
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.pe_emails .pe_alert_head {
    background: linear-gradient(135deg, #FF9800 10%, #FF5722 100%);
}

.pe_emails .pe_alert_body>span {
    background: linear-gradient(135deg, #FF9800 10%, #FF5722 100%);
}

.pe_pass .pe_alert_head {
    background: linear-gradient(135deg, #9C27B0 10%, #673AB7 100%);
}

.pe_pass .pe_alert_body>span {
    background: linear-gradient(135deg, #9C27B0 10%, #673AB7 100%);
}

.buyvip {
    background: #f2f0ef;
    padding: 0.5rem;
    position: relative;
}

.buyvip .icochahao {
}

.buyvipheaddiv {
    border-radius: 6px;
    overflow: hidden;
}

.buyviphead {
    background-color: #fff;
    padding: 20px 10px;
    border-bottom: 1px solid #eee;
}

.buyvipheadleft {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    float: left;
}

.buyvipheadleft i {
    font-size: 40px;
    font-weight: bold;
    color: transparent;
    background: linear-gradient(to right, #ff6500, #ff9533);
    -webkit-background-clip: text;
    background-clip: text;
}

.buyvipheadtwo {
    height: 50px;
    line-height: 25px;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.buyvipheadtwo p:first-child {
    color: #000;
    font-weight: 500;
}

.buyvipheadtwo p:last-child {
    color: #000;
    font-size: 13px;
    opacity: .5;
}

.buyvipopton {
    background-color: #fff;
    padding: 10px 10px;
}

.buyvipopton li {
    width: calc(100% / 3 - 10px);
    padding: 15px 15px;
    border: 1px solid #eee;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 6px;
    overflow: hidden;
}

.buyvipopton li.act {
    border: 1px solid #ff8627;
    background-color: #fef8f4;
    position: relative;
}

.buyvipopton li.act::before {
    position: absolute;
    font-family: "icons" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e666";
    top: -2px;
    right: -2px;
    color: #ff8627;
}

.buyvipopton li p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.buyvipopton li span {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-left: -4px;
}

.buyvipopton li m {
    display: block;
    font-size: 0.6rem;
    margin-top: 10px;
}

.buyvipopton li m i {
    font-size: 12px;
    margin-right: 5px;
    color: #ff6e10;
}

.buyvipopton li s {
    color: #666;
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
}

.buyvipbut {
    background-color: #fff;
    margin-top: 10px;
    padding: 10px;
    border-radius: 6px;
    overflow: hidden;
}

.buyvipbut span {
    width: calc(100% / 3 - 10px);
    display: inline-block;
    border: 1px solid #eee;
    padding: 10px 0;
    margin-right: 10px;
    border-radius: 6px;
    background-color: #f9f9f9;
    cursor: pointer;
}

.buyvipbut span i {
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: -1px;
}

.buyvipbut span i.icoweixin {
    color: #0eb35f;
}

.buyvipbut span i.icozhifubao {
    color: #2196F3;
}

.buyvipbut span i.icojifen01 {
    color: #ff6e10;
}

.user_get_buyvip .layui-layer-setwin {
    position: absolute;
    right: calc(50% + 14px);
    bottom: -40px;
    top: unset;
}

.user_get_buygiod .layui-layer-setwin {
    position: absolute;
    right: calc(50% + 14px);
    bottom: -40px;
    top: unset;
}

.gonggaos .layui-layer-setwin {
    position: absolute;
    right: calc(50% + 14px);
    bottom: -40px;
    top: unset;
}

.buygiodheaddiv {
}

.buygiodheaddiv .icojifen {
    color: #2196F3;
}

.buygiodopton {
    background-color: #fff;
    padding: 10px 10px;
}

.buygiodopton li {
    width: calc(100% / 3 - 10px);
    padding: 30px 15px;
    border: 1px solid #eee;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
}

.buygiodopton li.act {
    border: 1px solid #2196F3;
    background-color: #f2f8fd;
    position: relative;
    color: #2196F3;
}

.buygiodopton li.act::before {
    position: absolute;
    font-family: "icons" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e666";
    top: -2px;
    right: -2px;
    color: #2196F3;
    font-weight: normal;
}

.buygiods {
    background-color: #fff;
    margin-top: 10px;
    padding: 10px;
}

.buygiods p i {
    font-size: 0.5rem;
    color: #2196f3;
    font-style: normal;
    margin-left: 5px;
}

.night .buygiods {
    background-color: #222;
    color: #bbb;
}

@media screen and (max-width: 886px) {
    .usercent .titles h2 {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }
}

@media screen and (max-width: 500px) {
    .buyvipopton li {
        width: 100%;
        padding: 10px;
        margin: 0px;
    }

    .buyvipopton li p {
        display: inline-block;
        width: 33.3%;
        margin-bottom: 0px;
    }

    .buyvipopton li span {
        display: inline-block;
        width: 33.3%;
    }

    .buyvipopton li m {
        display: inline-block;
        margin-top: 0px;
    }

    .add_url_div {
        padding: 0.75rem 0.5rem 0.5rem 0.5rem;
    }

    .add_url_div>div {
        margin-bottom: 0.5rem;
    }
}

@media screen and (max-width: 420px) {
    .usercent {
        padding: 0.75rem 0rem;
    }

    .usercent .tabh2 li {
        margin-right: 0.8rem;
    }
}

@media screen and (max-width: 400px) {
    .buyvipbut span {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .buyvipbut span:last-child {
        margin-bottom: 0px;
    }

    .uservip_top_buy,.usergiod_top_buy {
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    .uservip_top_buy span,.usergiod_top_buy span {
        width: 100%;
        display: inline-block;
        height: 45px;
        line-height: 45px;
        padding: 0;
        text-align: center;
    }
}

.night .usercent .titles h2 {
    color: #eee;
}

.night .usercent .tabh2 li {
    color: #bbb;
}

.night .usercent .tabh2 {
    border-bottom: 1px solid #444;
}

.night .userdata_img {
    border: 1px solid #444;
}

.night .userdata h3 {
    color: #bbb;
}

.night .uservip_top .uservip_top_vip {
    border: 2px solid #aaa;
}

.night .uservip_top .uservip_top_vip i {
    color: #aaa;
}

.night .uservip_top .uservip_top_vip.vip {
    border-color: #ff791b;
}

.night .uservip_top .uservip_top_vip.vip i {
    color: transparent;
}

.night .userdata ul {
    border: 1px solid #444;
}

.night .userdata ul li {
    border-bottom: 1px solid #444;
}

.night .pe_alert_body p span {
    background-color: #444;
}

.night .uservip_top {
    border: 1px solid #444;
}

.night .userviplist .layui-colla-title {
    color: #ddd;
}

.night .userviplist .layui-colla-content p {
    color: #ccc;
}

.night .nologs {
    border: 1px solid #444;
    color: #444;
}

.night .buyvip {
    background: #444;
}

.night .buyviphead {
    background-color: #222;
    border-bottom: 1px solid #444;
}

.night .buyvipopton {
    background-color: #222;
}

.night .buyvipopton li {
    border: 1px solid #444;
}

.night .buyvipopton li.act {
    border: 1px solid #ff7a1d;
    background-color: #333;
    position: relative;
}

.night .buyvipopton li.act::before {
    color: #ff7a1d;
}

.night .buyvipheadtwo p:first-child {
    color: #eee;
}

.night .buyvipheadtwo p:last-child {
    color: #ccc;
}

.night .buyvipbut {
    background-color: #222;
}

.night .buyvipbut span {
    background-color: #333;
    border: 1px solid #333;
}

.night .usergiod .usergiodtop {
    border: 1px solid #444;
}

.night .buygiodopton {
    background-color: #222;
}

.night .buygiodopton li {
    border: 1px solid #444;
    color: #aaa;
}

.night .buygiodopton li.act {
    border: 1px solid #ff8627;
    background-color: #333;
    position: relative;
    color: #ff8627;
}

.night .buygiodopton li.act::before {
    color: #ff8627;
}

.useraff {
    padding: 1rem;
    border: 1px solid #e9e9e9;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius: 6px;
}

.night .useraff {
    border: 1px solid #444;
}

.useraff_top_aff {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    line-height: 2.5rem;
    text-align: center;
    border: 2px solid #9C27B0;
    display: inline-block;
    float: left;
}

.useraff_top_aff i {
    font-size: 1rem;
    font-weight: bold;
    color: #9C27B0;
}

.useraff_data {
    height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    float: left;
    margin-left: 1rem;
}

.useraff_data p {
    font-size: 0.8rem;
}

.useraffinfo {
    border: 1px solid #e9e9e9;
    padding: 1rem;
    border-radius: 6px;
    position: relative;
}

.night .useraffinfo {
    border: 1px solid #444;
}

.useraffinfo>p {
    line-height: 1.6rem;
    font-size: 0.7rem;
}

.useraffinfo>p.butdiv {
    margin-top: 0.2rem;
}

.useraffinfo>p span.but {
    color: #fff;
    padding: 0.0rem 1rem;
    background-color: #FF5722;
    margin-right: 0.5rem;
    cursor: pointer;
    border-radius: 4px;
    height: unset;
    line-height: unset;
}

.useraffinfo .useraffguize {
    border: 1px solid #eee;
    padding: 0.8rem;
    margin-top: 0.8rem;
    border-radius: 6px;
}

.night .useraffinfo .useraffguize {
    border: 1px solid #444;
}

.useraffinfo .useraffguize span {
    margin-bottom: 0.6rem;
    display: inline-block;
    color: #444;
    font-weight: bold;
}

.night .useraffinfo .useraffguize span {
    color: #fff;
}

.useraffinfo .useraffguize p {
    padding: 0.2rem 0;
    text-align: justify;
    word-break: break-all;
    font-size: 0.6rem;
    line-height: 1.2rem;
}

.useraffinfo .useraffguize p i {
    font-style: normal;
    color: #ff5722;
}

.useraffdiv h3 {
    font-size: 0.8rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.useraffdiv h3 span {
    font-size: 0.6rem;
    color: #607D8B;
    margin-left: 0.5rem;
}

.aff_link {
    padding: 0.5rem;
    margin: 0.5rem;
    background-color: #f5f5f5;
    border-radius: 6px;
}

.night .aff_link {
    background-color: #444;
}

.aff_link textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #ddd;
    margin-bottom: 0.5rem;
    resize: none;
    padding: 0.5rem;
    font-size: 0.65rem;
}

.aff_link span {
    height: 34px;
    line-height: 34px;
    display: block;
    width: 100%;
    background-color: #2196F3;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.sign {
    padding: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 5px;
}

.sign-top {
    font-size: 20px;
    text-align: center;
}

.sign-top i {
    font-size: 35px;
    margin-right: 10px;
    color: #4CAF50;
    vertical-align: sub;
}

.sign-three {
    border: 1px solid #f5f5f5;
    padding: 20px;
    margin-top: 30px;
    position: relative;
}

.night .sign-three {
    border: 1px solid #444;
}

.sign-three>span {
    position: absolute;
    top: -10px;
    display: inline-block;
    background-color: #fff;
    left: calc(50% - 55px);
    width: 110px;
    text-align: center;
    font-size: 12px;
    color: #888;
}

.night .sign-three>span {
    background-color: #333;
}

.sign-three p {
    background-color: #f1f7fe;
    padding: 15px;
    border-radius: 3px;
    font-size: 12px;
}

.night .sign-three p {
    background-color: #252525;
}

#sign_alerts+.layui-layer-setwin {
    right: unset;
    top: unset;
    left: calc(50% - 15px);
    bottom: -12px;
}

.night #sign_alerts+.layui-layer-setwin .layui-layer-close {
    color: #222;
}

.upviptip {
    border: 1px solid #eee;
    padding: 1rem 1rem 0.8rem 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius: 6px;
}

.night .upviptip {
    border: 1px solid #444;
}

.upviptip>span {
    margin-bottom: 0.6rem;
    display: inline-block;
    color: #444;
    font-weight: bold;
}

.night .upviptip>span {
    color: #fff;
}

.upviptip p {
    padding: 0.2rem 0;
    text-align: justify;
    word-break: break-all;
    font-size: 0.6rem;
    line-height: 1.2rem;
}

/*******************************************************/
.wechat_alert {
    width: 280px;
    padding: 0px;
    text-align: center;
    position: fixed;
    left: calc(50% - 140px);
    top: 50%;
    background-color: #fff;
    overflow: hidden;
    user-select: none;
    z-index: 9999999;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: login_alert;
    animation-name: login_alert;
}

.wechat_alert img {
    width: 280px;
    height: 280px;
}

.wechat_alert p {
    font-size: 0.8rem;
    line-height: 24px;
    height: 24px;
    margin-bottom: 20px;
}

.wechat_alert p i {
    font-size: 1rem;
    margin-right: 8px;
    color: #00da6b;
    vertical-align: -2px;
}

/*******************************************************/
.aireport {
    padding: 1rem 0.5rem 0.5rem 0.5rem;
}

.aireport>div {
    margin-bottom: 0.75rem;
}

.aireport>div:last-child {
    margin-bottom: 0px;
}

.aireport>div>span {
    width: 4rem;
    display: inline-block;
    text-align: right;
    padding-right: 0.75rem;
    float: left;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.65rem;
}

.aireport>div>input {
    height: 1.75rem;
    line-height: 1.75rem;
    width: calc(100% - 5rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding-left: 0.5rem;
    color: #666;
}

.aireport>div>textarea {
    height: 6rem;
    width: calc(100% - 5rem);
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding: 0.5rem;
    color: #666;
    resize: none;
}

/*******************************************************/
.layfmb5 .layui-form-item {
    margin-bottom: 0.25rem;
}

/*******************************************************/
.toolurlsbody {
    background-color: #eff2f5;
}

.night.toolurlsbody {
    background-color: #242627;
}

.toolurls {
    max-width: 25rem;
    width: 100%;
    background-color: #fff;
    margin: 5rem auto 0 auto;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 3px;
}

.night .toolurls {
    background-color: #333;
    border: 1px solid #444;
}

.toolurls p {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.65rem;
}

.night .toolurls p {
    color: #aaa;
}

.toolurls p.t {
    font-weight: bold;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

.toolurls>div:first-child {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 1rem;
}

.night .toolurls>div:first-child {
    border-bottom: 1px solid #444;
}

.toolurls>div:last-child {
    padding: 1rem 0 0 0;
    text-align: right;
}

.toolurls>div:last-child a {
    height: 1.6rem;
    line-height: 1.6rem;
    display: inline-block;
    background-color: #03A9F4;
    color: #fff !important;
    padding: 0 1.2rem;
    border-radius: 3px;
}

.night .toolurls>div:last-child a {
    background-color: #222;
    color: #aaa;
    border: 1px solid #444;
}

@media screen and (max-width: 560px) {
    .toolurls {
        max-width: calc(100% - 2rem);
        margin: 1rem 1rem 0 1rem;
    }
}

/*******************************************************/
.night textarea::-webkit-scrollbar {
    width: 12px;
}

.night textarea::-webkit-scrollbar-thumb {
    background-color: #444;
}

.night textarea::-webkit-scrollbar-track {
    background-color: #333;
}

/*******************************************************/
.layui-laydate-header {
    padding: 5px 70px 5px;
}

.layui-laydate-header i {
    position: absolute;
    top: 5px;
    padding: 0 5px;
    font-size: 13px;
}

.laydate-set-ym span {
    padding: 0 0.2rem;
}

.night .layui-laydate,.night .layui-laydate-hint {
    background-color: #252525;
    color: #ccc;
    border: 1px solid #444;
}

.night .layui-laydate-header {
    border-bottom: 1px solid #666;
}

.night .layui-laydate-content th {
    color: #eee;
}

.night .layui-laydate-content .laydate-day-next, .night .layui-laydate-content .laydate-day-prev {
    color: #aaa;
}

.night .layui-laydate-content td {
    color: #eee;
}

.night .layui-laydate-footer {
    border-top: 1px solid #666666;
}

.night .layui-laydate-footer span {
    background-color: #252525;
    color: #eee !important;
}

.night .laydate-footer-btns span {
    border: 1px solid #666;
    color: #eee;
}

.night .layui-laydate-content td>div:hover,.night .layui-laydate-list li:hover,.night .layui-laydate-shortcut>li:hover {
    background-color: #222;
    color: #eee;
}

.night .layui-laydate .layui-laydate-list {
    background-color: #252525;
}

.night .laydate-time-list li ol {
    border: 1px solid #444;
}

.laydate-time-list li ol::-webkit-scrollbar {
    width: 6px;
}

.laydate-time-list li ol::-webkit-scrollbar-thumb {
    background-color: #ff6500;
    border-radius: 6px;
}

.laydate-time-list li ol::-webkit-scrollbar-track {
    background-color: #EEEEEE;
}

.night .laydate-time-list li ol::-webkit-scrollbar {
    width: 6px;
}

.night .laydate-time-list li ol::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 6px;
}

.night .laydate-time-list li ol::-webkit-scrollbar-track {
    background-color: #333;
}

.huakuais {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.5rem;
    width: calc(100% - 1rem);
}

.layui-slider-wrap-btn {
    width: 18px;
    height: 18px;
}

.night .layui-slider-wrap-btn {
    background-color: #444444;
}

.night .layui-slider {
    background: #666;
}