@charset "UTF-8";.strcount .layui-textarea{height:280px;flex:1;display:flex;margin-left:20px}.strcount .result{font-size:14px;margin-top:20px}.strcount .item{margin-top:10px}.strcount .item .li{width:calc(25% - 30px);padding:10px;margin-right:10px;border-bottom:1px #ccc dashed;align-items:center;border:1px #ccc dashed;border-radius:5px;margin-bottom:10px}.strcount .item .li:nth-child(4n){margin-right:0}.strcount .item .li .count{font-weight:700;color:#fff;font-size:20px;padding:5px 15px;border-radius:5px}.strcount .item .li .total{background:#3b82f6}.strcount .item .li .chinese{background:#a855f7}.strcount .item .li .letters{background:#ec4899}.strcount .item .li .digits{background:#22c55e}.strcount .item .li .spaces{background:#eab308}.strcount .item .li .half{background:#f97316}.strcount .item .li .full{background:#14b8a6}.strcount .item .li .paragraph{background:#6366f1}.strcount .item .li span{display:flex;align-items:center;margin-left:5px}.strcount .tips{width:calc(100% - 20px);height:auto;font-size:14px;color:#646464;margin:0 0 20px;background:#fff;border-radius:10px;padding:20px}.strcount .tips p{font-size:12px;line-height:28px}.strcount .operation button{margin:0 10px 10px 0!important}.strcount .operation .icon{margin-right:2px}.password .layui-form{margin-left:20px}.password .result{border-radius:5px;padding:10px;color:var(--text-two);font-size:16px;font-weight:700;border:2px #ccc dashed;word-wrap:break-word;max-width:calc(100% - 20px)}.password .layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i{color:#fe6f26}.password .copy{background:linear-gradient(to right,#909399,#a6a9af);color:#fff!important;border:none;outline:none;padding:12px 24px;border-radius:5px;margin-left:10px;font-size:14px}.password .copy:hover{background:linear-gradient(to right,#aaadb4,#babdc4)}.token .list{margin-left:20px}.token .slider{display:flex;justify-content:center;align-items:center}.token #slide{width:100%}.token .layui-slider-bar{background:var(--main)!important}.token .layui-slider-wrap-btn{border-color:var(--main)!important}.token .layui-slider-input-btn i:hover{color:var(--main)}.token #token{min-height:180px}.token .copy{background:linear-gradient(to right,#909399,#a6a9af);color:#fff!important;border:none;outline:none;padding:12px 24px;border-radius:5px;margin-left:10px;font-size:14px}.token .copy:hover{background:linear-gradient(to right,#aaadb4,#babdc4)}.token .layui-form-label{padding:9px 0;width:45px}.token .layui-input-block{margin-left:55px}.entities .item{width:100%}.entities .item .list{width:calc(50% - 10px);display:flex;justify-content:center;align-items:center;flex-direction:column}.entities .item .name{font-size:16px;color:var(--color-three)}.entities .item .stitle{width:100%;font-size:14px;color:var(--color-four);margin:20px 0 5px;text-align:left}.upperlower .layui-form,.upperlower .list{width:100%}.upperlower .li{width:calc(50% - 10px)}.upperlower .li .layui-form-label{width:110px}.upperlower .li .layui-input-block{margin-left:140px}.upperlower .li .layui-input-block input{width:calc(100% - 80px);float:left;font-size:14px}.upperlower .li .copybtn{width:80px;background-image:linear-gradient(to right,var(--main),var(--second));text-align:center;height:38px;line-height:38px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.upperlower .li .copybtn:hover{background-image:linear-gradient(to right,var(--main-hover),var(--second-hover))}.datetime .list{width:100%}.datetime .list .li{width:50%}.datetime .list .layui-form-item{width:100%}.datetime .list .layui-form-label{width:160px}.datetime .list .layui-input-block{margin-left:160px;display:flex;justify-content:center;align-items:center}.datetime .list .layui-input-block input{width:calc(100% - 80px);float:left;font-size:14px}.datetime .list .copybtn{width:80px;background-image:linear-gradient(to right,var(--main),var(--second));text-align:center;height:38px;line-height:38px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.datetime .list .copybtn:hover{background-image:linear-gradient(to right,var(--main-hover),var(--second-hover))}.datetime .curdate{margin-bottom:10px}.datetime .curdate span{font-size:24px;color:var(--text-one)}.datetime .curdate .week{margin-left:10px}.datetime .curtime{font-size:80px;color:var(--text-two);margin-bottom:20px}.datetime .opera .btn{background:#18b8d8;color:#fff;padding:10px 20px;font-size:14px;margin-left:20px;cursor:pointer}.datetime .begin{display:none}.datetime .list .input{margin-top:20px}.datetime .list .input .layui-input{font-size:14px}.datetime .list .converter{width:300px;background-image:linear-gradient(to right,var(--main),var(--second));text-align:center;height:38px;line-height:38px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.datetime .list .converter:hover{background-image:linear-gradient(to right,var(--main-hover),var(--second-hover))}.datetime .list .converter .icon{margin:0 5px}.xml .item{width:100%;display:flex;flex-direction:row;justify-content:space-between}.xml .item .layui-inline{width:calc(50% - 10px)}.xml .item .layui-inline .icon{color:var(--color-three)}.xml .item .layui-inline textarea{min-height:400px}.xml .item .layui-inline .layui-form-label{padding:0;width:100%;text-align:left;margin-bottom:10px}.xml .item .layui-inline .layui-input-block{margin-left:0}@media screen and (max-width:1360px){.upperlower .list{flex-direction:column}.upperlower .li{width:100%}.datetime .layui-form{flex-direction:column}.datetime .layui-form .li{width:100%}.datetime .layui-form .li:last-child{margin-top:20px}.datetime .layui-form .layui-form-label{width:125px}.datetime .layui-form .layui-input-block{margin-left:125px}}@media screen and (max-width:1050px){.strcount .layui-textarea{margin-left:0}.strcount .item .li{width:calc(50% - 27px)}.strcount .item .li:nth-child(2n){margin-right:0}.strcount .item .li:nth-last-child(-n+2){margin-bottom:0}.strcount .operation button{width:calc(33.33% - 7px);padding:12px 0!important}.strcount .operation button:nth-child(3n){margin-right:0!important}.token .list,.password .layui-form{margin-left:0}}@media screen and (max-width:1000px){.entities .item{flex-direction:column}.entities .item .list{width:100%}.entities .item .list:last-child{margin-top:40px}.datetime .curtime{font-size:70px}}@media screen and (max-width:750px){.password .layui-form-label{padding:9px 0;width:60px}.password .layui-input-block{margin-left:70px}.strcount .layui-textarea{height:150px;font-size:12px}.strcount .result{margin-top:10px;font-size:12px}.strcount .item .li .name{font-size:12px}.strcount .item .li .count{font-size:16px}.xml .item{flex-direction:column}.xml .item .layui-inline{width:100%;margin-bottom:10px}.xml .item .layui-inline:last-child{margin-bottom:0}.xml .item .layui-inline textarea{min-height:200px;font-size:12px}.upperlower .li .layui-input-block input{font-size:12px}.upperlower .layui-form-label{padding:9px 0;width:75px!important}.upperlower .layui-input-block{margin-left:80px!important}.upperlower .li .copybtn{font-size:12px}.upperlower .li .copybtn .icon{margin-right:2px}.entities .item .name{font-size:14px}.entities .item .stitle{font-size:12px;margin-top:10px}.entities .layui-textarea,.datetime{font-size:12px}.datetime .curtime{font-size:50px}.datetime .curdate span{font-size:20px}.datetime .list .input .layui-input,.datetime .list .layui-input-block input{font-size:12px}}