﻿* {margin: 0;padding: 0}
body {
    height: 100%;
    color: #fff;
    background: #1AAF5D
}
li {List-style-type: none}
a {text-decoration: none}
img {max-width: 100%;height: auto}
.jiance {
    text-align: center;
    margin-bottom: 4px
}
.jiance div {
    display: flex;
    justify-content: center;
    margin-bottom: 5px
}
.layout {
    width: 100%;
    max-width: 760px;
    padding: 5px 12px 0 12px;
    box-sizing: border-box;
    background: #1AAF5D;
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 3px;
    transform: translate(-50%,-50%)
}
.weui-btn a {cursor: pointer}
.weui-btn a:hover h3 {font-size: 20px;color: #006b04}
.weui-btn_primary,.weui-btn_primary2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 1%;
    flex: 0 0 48%;
    padding: 0 14px;
    color: #fff;
    background: #fff;
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    border-radius: 3px
}
.weui-btn_primary h3,.weui-btn_primary2 h3 {
    flex: 1;
    font-size: 18px;
    font-weight: bold;
    color: #1AAF5D;
    transition: font-size 0.2s ease,color 0.2s;
    margin: 0 auto
}
.weui-btn_primary2 h3::before{
    content:"";
    background-size: 20px;
    background-repeat:no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
    margin-left: -21px;
    margin-top: 4px;
    position: absolute;
    opacity: 0.8;
}
.weui-btn_primary2:nth-of-type(1) h3::before{background-image: url(favicon01.png);}
.weui-btn_primary2:nth-of-type(2) h3::before{background-image: url(favicon02.png);}
.weui-btn_primary2:nth-of-type(3) h3::before{background-image: url(favicon03.png);}
.weui-btn_primary2:nth-of-type(4) h3::before{background-image: url(favicon04.png);}
.weui-btn_primary2:nth-of-type(5) h3::before{background-image: url(favicon05.png);}
.weui-btn_primary2:nth-of-type(6) h3::before{background-image: url(favicon06.png);}
.weui-btn_primary span,.weui-btn_primary2 span {font-size: 12px;color: #999}
.foots {
    display:flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.foots .weui-btn_primary1 {
    margin-top: 5px;
    width: 50%;
    text-align: center;
}
.weui-btn_primary1 i {color: #ffd66e}
.weui-btn_primary1 h3 {
    flex: 1;
    font-size: 16px;
    font-weight: bold
}
.weui-btn_primary1 span {font-size: 12px}
.weui-btn_primarys {flex: 1;text-align: center}
.weui-btn_primary2 a:nth-child(n+2) {border: 0 solid#e8e8e8;border-left-width: 2px}
.weui-btn_primary2 a:nth-child(n+2)h3 {font-size: 14px}
.weui-btn_default {color: #000000;background-color: #F8F8F8}
.weui-icon-waiting {color: #10AEFF}
.weui-icon-success {color: #1AAD19}
.iconText {font-size: 24px;margin-left: 8px;font-weight: bold}
.red {font-size: 24px;margin-left: 8px;font-weight: bold;color: #fff!important}
.actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}
.b1 {
    background: url(/files/1.png)0 0 no-repeat;
    background-size: 100%100%;
    width: 32px;
    height: 32px;
    display: inherit
}
#subText {font-size: 14px}
.b2 {
    background: url(/files/2.png)0 0 no-repeat;
    background-size: 100%100%;
    width: 32px;
    height: 32px;
    display: inherit
}
ss {
    font-size: 12px;
    color: #8f8f8f;
    writing-mode: horizontal-tb
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)
}
.itlist h3{
    color:#1AAD19;
    width: 6.6%;
    word-wrap:break-word;
    margin-left: 3%;
    text-align: center;
}
.itlist {
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 50%;
    border-radius: 3px;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
}
.close-overlay-loading{
	float: right;
    height: 10px;
	display:block;
	width: 15px;
	padding: 5px;
	margin-top:-8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #25b09b;
	--_m: 
	conic-gradient(#0000 10%,#000),
	linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
		  mask: var(--_m);
	-webkit-mask-composite: source-out;
		  mask-composite: subtract;
	animation: loads 1s infinite linear;
}
@keyframes loads {to{transform: rotate(1turn)}}
.close-overlay{
    color: #319d5d;
    font-size: 16px!important;
    background: #fbfbfb;
    font-weight: bolder;
    float: right;
    margin-top: -10px;
    width: 28px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px #b5b5b5 dashed;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-left-radius: 3px;
    padding:0!important;
    cursor: pointer;
	transition: color 0.5s linear;
}
.close-overlay:hover {color: #00cb54;}
.itlist ul {padding: 10px 0;width: 93%;}
.itlist ul li {
    color: #000;
    padding: 5px 20px 5px 0px;
    text-align: center;
    margin-left: -4%;
}
.itlist a {
    border: 1px solid#00c250;
    padding: 5px 0px;
    border-radius: 3px;
    width: 70%;
    display: block;
    margin: 0 auto;
    color: #00c250;
    position: relative;
    border-left-width: 30px;
}
.itlist a:hover {font-weight: bolder;}

.icon-p {width: 30px;height: 33px;margin: -6px 0 0 -30px;float: left;}
.itlist a i {
    height: 33px;
    background-image: url(data:image/png;base64,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);
    display: block;
    background-size: 20px;
    background-position: center;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat
}
.itlist span {
    font-size: 12px;
    padding-left: 3px;
	padding-right: 2px;
}
.itlist span.r {color: red}
.itlist span.lr {color: #d3562}
.itlist span.g {color: green}
.loader {
    margin-left: 5px;
    display: inline-block;
    width: 20px;
    aspect-ratio: 6;
    background: radial-gradient(circle closest-side,#795548 90%,#0000)0/calc(100%/3)100%space;
    clip-path: inset(0 100%0 0);
    animation: l1 1.5s steps(4)infinite
}
@keyframes l1 {
    to {
        clip-path: inset(0-34%0 0)
    }
}
@media(max-width: 600px) {
    .weui-btn_primary h3,.weui-btn_primary2 h3 {}
    .foots .weui-btn_primary1 {width: 100%;margin-top: 0px;}
    .weui-btn_primary2 {margin: 3px 1%;}
    .itlist {width: 80%;}
}