* {
    padding: 0;
    margin: 0;
    font-weight: normal;
    box-sizing: border-box;
    outline: none;
    font-family: 'microsoft yahei';
}

body {
    font-size: 1rem;
}

ul,
ol {
    list-style: none;
}

small {
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
}

strong {
    font-weight: bold;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    color: rgba(0, 0, 0, .9);
}


select {
    border: 0;
    background: rgba(0, 0, 0, .03);
}

::placeholder {
    font-size: 14px;
}

input {
    border: 1px solid rgba(0, 0, 0, .9);
    padding: .4rem;
    font-size: 1rem;
    border-radius: .15rem;
}

input,
textarea,
select {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: .3rem;
    font-size: 1rem;
    border-radius: .15rem;
    -webkit-transition: all .1s ease-out;
    transition: all .2s ease-out;
    background: rgba(255, 255, 255, 1);
}


select:hover,
textarea:hover,
input:hover {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(0, 0, 0, 1);
    /*outline: 3px solid rgba(0, 0, 0, .1);*/
}

textarea {
    min-height: 10rem;
}

input,
select {
    border: 1px solid rgba(200, 200, 200);
    border-radius: 3px;
}

/* 
Table 
*/

table {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-collapse: collapse
}

table thead {
    font-size: .95rem;
    background: rgba(0, 40, 100, .08);
}

table thead td {
    padding: .2rem .5rem;
}

table td {
    padding: .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    vertical-align: top;
}

table tr:last-child td {
    border-bottom: 0;
}

table tbody tr td:first-child {
    text-align: right;
    font-size: .95rem;
    color: rgba(0, 0, 0, .9);
}

table tbody tr:last-child td {
    border-bottom-color: rgba(0, 0, 0, .5)
}

table .cols,
table .cols:hover {
    background: rgba(0, 0, 0, .05);
}


/*comm*/
.icon-fix {
    position: relative;
    top: .15rem;
}

.download-qr {
    background: rgba(0, 0, 0, .05);
    margin: 0 .1rem;
}

.download-qr:hover {
    background: rgba(0, 0, 0, .1);
}

.file-vs {
    cursor: pointer;
}

.im-import {
    cursor: pointer;
}

.im-os {
    background: red;
    color: white;
    border-radius: .3rem;
    font-size: .95rem;
    padding: .1rem 1.5rem;
    border-bottom: .1rem solid rgba(0, 0, 0, .3);
}

.fi-name {
    font-size: 1.4rem;
    background: rgba(0, 0, 0, .05);
    border-radius: .2rem;
    padding: .2rem .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

/*list*/
.ls-foot,
.ls-head {
    margin: .5rem 0.3rem;
    font-size: .95rem;
}

.ls-head .tools {
    gap: .2rem;
}

.ls-list {
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: .3rem;
}

.ls-form tbody td:first-child span {
    position: relative;
    top: 0.4rem;
}

.t1-left tbody td:first-child {
    text-align: left;
}

/* loading */
.fullpage,
.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading>div {
    position: absolute;
    width: 10rem;
    height: 2.5rem;
    left: calc(50% - 5rem);
    top: calc(50% - 1.25rem);
    text-align: center;
    font-size: .9rem;
    background: rgba(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    overflow: hidden;
}


/*qrs*/
.qrs {
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: .3rem;
    overflow: hidden;
}

.qrs thead {
    background: rgba(0, 40, 100, .2);
}

.qrs thead td {
    padding: .2rem .5rem;
}

.qrs tbody tr td {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.qrs input:hover {
    cursor: pointer;
}

.qrs .oc>span {
    margin: 0 .2rem;
    position: relative;
}

.qrs .oc>span .flag {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 40, 100, 1);
    color: white;
    font-size: 0.6rem;
    border-radius: .2rem;
    padding: .0rem 0.2rem;
}



/*log*/
.log>div {
    padding: 0;
    margin: 0 1rem 1rem 1rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
    width: calc(100% - 3rem);
    height: calc(100vh - 5rem);
    border-radius: .3rem;
}

.log>div textarea {
    width: 100%;
    height: 100%;
    font-size: .8rem;
}


/*docs*/
.docs {
    clear: both;
    padding: 0 1rem 1rem 1rem;
}

.docs .files {
    clear: both;
    padding: 0 0;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: .2rem;
}

.docs ul {
    width: 100%;
}

.docs .files li {
    padding: .3rem .5rem;
    border-radius: .2rem;
    background: rgba(0, 0, 0, .03);
    width: 100%;
    margin-top: 1px;
    font-size: .8rem;
}

.docs .files li:hover {
    background: rgba(0, 0, 0, .1);
}

.docs .files>p {
    padding: 1rem;
}

/**/
.win {
    position: fixed;
    width: auto;
    height: auto;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top-width: .2rem;
    background: white;
    border-radius: .3rem;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    z-index: 1;
}

.win>h3 {
    font-size: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    line-height: 2rem;
    background: rgba(0, 0, 0, .05);
    text-align: left;
    padding-left: .5rem;
}

.win>.cc {
    position: relative;
    display: block;
    height: calc(100% - 2rem);
    padding: 2rem
}

/*.copyright*/
.copyright {
    position: fixed;
    bottom: .5rem;
    right: 1rem;
    font-size: .8rem;
    padding: .5rem;
    color: rgba(0, 0, 0, .5);
}

.copyright a {
    color: rgba(0, 0, 0, 1);
}

/*uchome*/
.uchome {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    margin-top: -10%;
}

.uchome h1 .product {
    font-size: .95rem;
    border-radius: .2rem;
    padding: 0 .3rem;
    margin: 0 .2rem;
}

.uchome h1 {
    text-align: center;
    padding: 1rem;
}

.uchome p {
    text-align: center;
    padding-bottom: 1rem;
}

.uchome .stt {
    width: 50%;
    min-width: 350px;
    border: .2rem solid rgba(0, 0, 0, .1);
    border-radius: .3rem;
}

.uchome .stt li {
    padding: .5rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2);

}

.uchome .stt h3 {
    font-size: .95rem;
}

.uchome .stt .total {
    font-size: 1rem;
    font-weight: bold;
}

/***/
.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: lateX(-50%);
}

.none {
    display: none;
}

.close {
    position: absolute;
    z-index: 500;
    right: 0;
    top: 0;
    padding: .2rem .3rem;
    margin: 0 .2rem;
    background: rgba(0, 0, 0, .2);
    color: rgba(245, 245, 245, 1);
    border-radius: 0 0 .2rem .2rem;
    font-size: .8rem;
    cursor: pointer;
}

.close:hover {
    background: rgba(0, 0, 0, .5);
    color: white;
}

.do-search {
    width: 100px;
    height: 30px;
}

.do-search-hover,
.do-search:hover {
    width: 300px;
}

/*搜索*/
.search {
    position: relative;
}

.search>input {
    padding-right: 1rem;
}

.search>span.s {
    position: absolute;
    cursor: pointer;
    opacity: .6;
    top: .3rem;
    right: .2rem;
}

.search:hover span.s,
.search:focus span.s {
    opacity: 1;
}


.is-do,
.do-create,
.do-url {
    cursor: pointer;
}

.is-do,
.do-create {
    opacity: .5;
}

.is-do:hover,
.do-create:hover {
    opacity: 1;
}

.do-create {
    padding: .3rem .8rem;
    border-radius: .2rem;
    background: rgba(0, 0, 0, .2);
}

.do-create:hover {
    background: rgba(0, 40, 100, .2);
}

.do-create span {
    margin-left: .3rem;
}

.do-upload {
    padding: 0.15rem .8rem;
}

.nodata {
    padding: 1rem;
    border-radius: .3rem;
    font-size: .95rem;
}

.disable {
    opacity: .5;
}

.an {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.xls-report {
    width: 400px;
}

.xls-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    z-index: 20000;
    background: white;
    padding: .5rem;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
}

.xls-sidebar h2 {
    font-size: 1.4rem;
    padding: .5rem;
}

.xls-sidebar .ls-list {
    height: calc(100% - 3rem);
    overflow: auto;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-col {
    flex-direction: column;
}

.flex-sc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-ec {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex-cc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-ai-c {
    align-items: center;
}

.flex-sbc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn {
    border-radius: .2rem;
    padding: .3rem .7rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-width: .15rem;
    box-shadow: inset 0 .05rem 0 rgba(255, 255, 255, 0.5);
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    font-size: 1rem;
}

.btn:hover {
    cursor: pointer;
}

.btn-lg {
    padding: .5rem 1.5rem;
}

.btn-sm {
    padding: .15rem .3rem;
    font-size: .95rem;
}

.btn-blank:hover {
    background: rgba(0, 0, 0, .05);
}

.btn-site {
    color: #fff;
    background-color: #002864;
    border-color: #001e4b;
}

.btn-site:hover {
    color: #fff;
    background-color: #001e4b;
    border-color: #002864;
}

.btn-success {
    color: #fff;
    background-color: #1d9d74;
    border-color: #198764;
}

.btn-success:hover {
    color: #fff;
    background-color: #157254;
    border-color: #0f543e;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.w100 {
    width: 100%;
}

.pointer {
    cursor: pointer;
}



/***/
.login {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #f5f5f5;
}

.login .title {
    font-size: .9rem;
    opacity: .9;
}

.login>div {
    min-width: 400px;
    padding: 1rem;
    position: relative;
    top: -5%;
}

.login .osl {
    padding: .5rem 2rem;
}

.login>div .logo {
    text-align: center;
    padding: .5rem 0;
}

.login>div .logo img {
    height: 2.5rem;
    width: auto;
}

.login .cr {
    padding: 1rem 0;
    font-size: .8rem;
    color: rgba(0, 0, 0, .7);
}

.login .cr a {
    color: rgba(0, 40, 100, 1);
}

.login .oss {
    background: white;
    border-radius: .3rem;
    padding: 3rem 3rem;
}

.login form li {
    padding: .3rem;
}

.login form li:last-child {
    padding-top: .5rem;
}

.login .osi {
    font-size: .9rem;
    padding: .5rem;
    text-align: left;
}

.login .osi span.first {
    font-size: 1.4rem;
}

.reset-pw {
    font-size: .9rem;
    color: rgba(0, 0, 0, .7);
    padding: .5rem;
    line-height: 1.5rem;
}

.reset-pw a {
    color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}



/**/
.wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
}

.side {
    width: 200px;
    background: rgba(0, 40, 100, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .8);
}

.body {
    flex: 1;
    overflow: auto;
    position: relative;
    padding: 1rem;
}



/**/
.ucs {
    padding: 1rem;
}


/*预览*/
.file-preview {
    position: relative;
    width: auto;
    height: auto;
    max-width: calc(85%);
    max-height: calc(85%);
    border-radius: .2rem;
    margin: .1rem;
    background: white;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
}

.file-preview>.close {
    top: -1.6rem;
    right: -1.6rem;
    border-radius: .3rem;
    overflow: hidden;
}

.file-preview .img-preview {
    border-radius: .3rem;
}

.file-preview .img-preview img {
    max-width: 100%;
    max-height: 100%;
}

.file-preview:hover {
    border-color: rgba(0, 0, 0, 1);
}

/*ufile*/
.ufile {
    position: relative;
    width: 100%;
}

.ufile-status {
    position: absolute;
    top: 50px;
    font-size: .6rem;
    background: rgba(0, 0, 0, .2);
    border-radius: .2rem;
    height: 20px;
    left: 1rem;
    max-width: calc(100% - 2rem);
    line-height: 20px;
    text-align: right;
    padding: 0 .5rem;
    opacity: 0;
}

.ufile-filename {
    position: absolute;
    right: 1.5rem;
    top: 50px;
    width: auto;
    margin: 0 1rem;
    text-align: center;
    border-radius: .2rem 0 0 .2rem;
    font-size: .7rem;
    height: 20px;
}

.ufile input {
    width: 100%;
    height: 100;
    display: none;
}

/*side*/
.side .logo {
    text-align: center;
    margin: .5rem .5rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(250, 250, 250, .5);
}

.side .logo img {
    height: 2rem;
    width: auto;
}

.side .user {
    border-bottom: 1px solid rgba(250, 250, 250, .5);
    padding: .3rem .8rem;
}

.snv {
    margin: .5rem .5rem;
}

.snv li {
    border-bottom: 0 solid rgba(0, 0, 0, .05);
    margin: .2rem 0;
    font-size: 1rem;
}

.snv li span {
    display: block;
    padding: .5rem 1rem;
    border-radius: .3rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.snv li span:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .03);
}

.snv li span.current {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-width: .15rem;
    font-size: 1.4rem;
    box-shadow: inset 0 .05rem 0 rgba(255, 255, 255, 0.5);
}

/**/
.tbs {
    margin: 0rem 1.5rem;
    border-bottom: 0rem solid rgba(0, 0, 0, .2);
}

.tbs ul {
    position: relative;
    top: 1px;
    justify-content: flex-start;
    padding: 0 .3rem;
}

.tbs li {
    margin: 0 .1rem;
    font-size: 1rem;
    padding: .5rem 1rem;
    background: rgba(0, 0, 0, .05);
    border-radius: .3rem .2rem 0 0;
}

.tbs li.current {
    background: rgba(0, 40, 100, 1);
    color: white;
}


/**/
.tcc {
    margin: 0 1rem 1rem 1rem;
    display: block;
}

.ac {
    margin: .3rem 0;
}

.tcc textarea {
    border-radius: .2rem;
}


/*qrcode*/
.tqs {
    padding: 1rem 2rem;
}

.tqs li {
    margin: 0 .2rem;
}

.tqr {
    padding: 0 1rem;
    clear: both;
}

.tqr .path {
    padding: .5rem .8rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: .3rem;
    background: rgba(0, 0, 0, .03);
    height: 2.5rem;
    margin-bottom: .5rem;
}

.tqr .path-folder {
    font-size: .8rem;
    opacity: .7;
}

.tqr .path .dot {
    margin: 0 .2rem;
    opacity: 1;
}

.tqr .folders {
    clear: both;
    margin: 1rem 0;
}

.tqr .folders ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tqr .folders li {
    margin: .5rem;
}

.tqr .folder {
    padding: .8rem .5rem;
    border-radius: .3rem;
    background: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    border-top-width: .2rem;
    position: relative;
    width: 150px;
    font-size: .85rem;
    position: relative;
    height: 4rem;
}

.tqr .folder>.do-remove {
    position: absolute;
    top: -0rem;
    right: .0rem;
}

.tqr .folder:hover,
.tqr .folder:hover>span.folder-top {
    background: rgba(250, 240, 10, .3);
}

.tqr .folder>span.folder-top {
    position: absolute;
    left: 0.5rem;
    top: -8px;
    background: rgba(230, 230, 230, 1);
    width: 30px;
    height: 10px;
    border: 1px solid rgba(0, 40, 100, .1);
    border-bottom: 0;
    border-radius: .2rem .2rem 0 0;
}

.tqr .files {
    clear: both;
}

.tqr .files li {
    padding: .3rem .5rem;
    border: 0 solid rgba(0, 0, 0, .1);
    min-width: 300px;
    width: calc(100% / 3.2);
    margin: .05rem .5rem;
    border-radius: .2rem;
    background: rgba(0, 0, 0, .03);
    font-size: .9rem;
}

.tqr .files li:hover {
    background: rgba(0, 0, 0, .08);
}


/**/
.qrbox {
    position: relative;
    background: linear-gradient(158deg, rgba(0, 40, 100, .9) 40%, rgb(240, 240, 240) 60%);
    border: .2rem solid rgba(0, 40, 100, 1);
    border-radius: .2rem;
    padding: 1rem;
    z-index: 10000;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
}

.qrbox>h2 {
    font-size: .9rem;
    padding-bottom: 1rem;
    text-align: center;
    color: rgba(255, 255, 255, 1)
}

.qrbox>.qrcode-box {
    padding: .5rem;
    border-radius: .3rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .15);
}



/* 
pages 
*/
.pages {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    height: 50px;
}

.pages span.n {
    border: 1px solid rgba(0, 0, 0, .2);
    background: rgba(255, 255, 255, 1);
    padding: 2px 8px;
    min-width: 25px;
    text-align: center;
    margin: 0 1px;
    border-bottom-width: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 15px;
}

.pages span.n:hover {
    background: rgba(255, 255, 255, .1);
}

.pages span.current {
    border-color: rgba(0, 40, 100, 1);
    background: rgba(0, 40, 100, .3);
    color: rgba(0, 40, 100, 1);
}

.pages span.n strong {
    font-weight: normal;
}

.pages span.dot {
    margin: 0 5px;
}



/* error & success */
.ib {
    position: fixed;
    display: block;
    right: 20px;
    bottom: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.ib>ul {
    padding: 1px 1px;
}

.ib ul li {
    clear: both;
    padding: 5px 10px;
    margin: .1rem 0;
    border-radius: .2rem;
    background: rgba(0, 0, 0, .03);
}

.ib ul li:last-child {
    border: 0;
}

.ib .close {
    position: absolute;
    right: 5px;
    top: -10px;
    font-size: 11px;
    background: rgba(200, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    padding: 2px 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    cursor: pointer;
}

.ib .close:hover {
    opacity: 1;
}

.error {
    border: 2px solid rgba(200, 0, 0, .5);
    background: rgba(200, 0, 0, .1);
}

.error:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
}

.success {
    border: 2px solid rgba(0, 100, 0, .5);
    background: rgba(0, 200, 0, .1);
}

.success:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
}


/**/
/* - */
.uc-bar {
    border-radius: .3rem;
    height: 3rem;
    padding: 0 1rem;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, .05);
    color: rgba(255, 255, 255, 1);
    margin-top: .1rem;
}

.uc-bar a {
    color: rgba(255, 255, 255, 1);
}

.uc-bar a:hover {
    opacity: 1;
}

.uc-bar small {
    color: rgba(255, 255, 255, .7);
}

.uc-bar .uv {
    overflow: hidden;
}

.uc-bar .uv li span.v {
    padding: .2rem .5rem;
    border-radius: .2rem;
    margin: 0 .1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .0);
}

.uc-bar .uv li:hover span.v {
    opacity: 1;
    background: rgba(255, 255, 255, .1);
}

.uc-bar .uv li:hover span.current,
.uc-bar .uv li span.current {
    background: rgba(255, 255, 255, .5);
    padding: .3rem .5rem;
    margin: 0 .5rem;
    display: block;
    color: rgba(255, 255, 255, 1);
    border-radius: .2rem;
    border-bottom: 1px solid rgba(250, 250, 250, .5);
}

.uc-bar .uv li span.dot {
    font-size: .6rem;
    opacity: .3;
}

.uc-bar .uv li:last-child span.dot {
    display: none;
}

/**/
.uc-section {
    margin: .5rem auto;
}


/*主题选项*/
.to-title {
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 1.5rem;
    margin-right: .5rem;
}

.to-pi {
    /*background: conic-gradient(from 90deg at 60% -50%, rgb(200, 40, 100, .1) 30%, #155799 50%, rgb(0, 40, 100, .1) 80%, rgb(200, 40, 100, .1) 90%);*/
    border-radius: .3rem;
}

.to-es {
    border-radius: .3rem;
    background: rgba(0, 40, 100, .1);
    padding: .1rem .1rem .1rem .5rem;
    margin: 0 0 .5rem 0;
    user-select: none;
    position: relative;
}

.to-es .to-es {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.to-es .current {
    opacity: 1;
}

.to-es h2 {
    color: black;
    font-size: 1.4rem;
    padding: .5rem .5rem;
    opacity: .6;
}

.to-pi>.to-es>h2 {
    padding: 1rem 1.5rem;
}

.to-es h2:hover {
    opacity: 1;
}

.to-es h2 .ic {
    position: relative;
    top: .1rem;
    margin-right: .2rem;
}

.to-es .form {
    overflow: hidden;
    border-radius: .3rem;
}

.to-es .form>table {
    border: 0 solid rgba(0, 0, 0, .1);
    border-radius: .2rem;
}

.to-es .form td {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.to-es tbody td:first-child {
    width: 180px;
    font-size: .95rem;
    text-align: right;
}

.to-es .noborder td {
    vertical-align: top;
}

.to-es .noborder td label {
    position: relative;
}

/* uc-index */
.uc-index {
    position: relative;
    margin: .1rem 0;
    background: rgba(0, 0, 0, .03);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30rem;
}

.uc-index h3>span {
    font-size: .95rem;
}

.uc-index div.total {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    /*transform: translateX(-50%);*/
}

.uc-index .info {
    width: 12rem;
    background: rgba(255, 255, 255, 1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-radius: .3rem;
    margin: .05rem 0;
    padding: .2rem .8rem;
}

.uc-index .info>h2 {
    font-size: .95rem;
}

.uc-index .info>div span {
    font-size: 1.4rem;
    font-weight: bold;
}

.uc-index .total>p {
    padding: .5rem .5rem;
    text-align: center;
}

/* uc-list */
.fls {
    position: relative;
    background: white;
    border-radius: .3rem;
    z-index: 10;
}




.fls .na {
    padding: 1rem 1.5rem;
    overflow: hidden;
    position: relative;
}

.fls .na h2 {
    font-size: .95rem;
}

.fls .na .dot {
    margin: 0 .5rem;
    opacity: .3;
}

.fls .na .current {
    font-size: 1.4rem;
}

.fls .na .tls li {
    margin: 0 0 0 .5rem;
}

.fls .na .s {
    padding-right: 2rem;
}

.fls .na .search-form:hover .search-icon {
    opacity: 1;
}

.fls .na .search-icon {
    position: absolute;
    right: .5rem;
    top: 0;
    opacity: .5;
}

.fls .nb {
    clear: both;
    border: .2rem solid rgba(0, 40, 100, .1);
    border-radius: .3rem;
}

.fls .nb table tbody td {
    vertical-align: top;
}

.fls .photo-preview {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .2rem;
    overflow: hidden;
    margin-right: .5rem;
}

.fls .photo-preview img {
    max-width: 100%;
    max-height: 100%;
}

.fls .nc {
    clear: both;
}

.fls .tools span {
    margin: 0 .1rem;
    opacity: .5;
    cursor: pointer;
}

.fls .tools span:hover {
    opacity: 1;
}

.fls .info {
    border-radius: .2rem;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
    background: white;
}

.fls .info>h3 {
    font-size: 1rem;
    padding: .5rem 1rem;
    background: rgba(0, 0, 0, .05);
}

.fls .info>div {
    border: 1px solid rgba(0, 0, 0, .05);
}

.fls table {
    width: 100%;
    border: .2rem solid rgba(0, 0, 0, .05);
}

.fls tbody td:first-child {
    font-size: .95rem;
    width: 180px;
    text-align: right;
    opacity: .8;
    vertical-align: top;
    padding-top: .8rem;
}

.fls table label {
    position: relative;
}

.ucs>h2 {
    padding: 1rem;
}

.ucs .ics {
    position: absolute;
    left: 10rem;
    top: -0.5rem;
    opacity: .1;
    z-index: -1;
}

/* pages */
.uc-pages {
    position: relative;
    z-index: 100;
}


/* footer */
.copyright {
    border-top: 0 solid rgba(0, 0, 0, .1);
    padding: 1rem;
    color: rgba(0, 0, 0, .7);
    font-size: .8rem;
    margin-top: 1px;
    line-height: 1.3rem;
    text-align: center;
}

.copyright a {
    color: rgba(0, 0, 0, 1);
}



/* Site */
.sa {
    padding: 0;
}

.sa li {
    margin: .2rem 0;
}

.sa h3 {
    font-size: 1rem;
    padding: .5rem 1rem;
    background: rgba(0, 40, 100, .2);
    color: white;
}

.sa>h2 {
    padding: 2rem 1rem 1rem 1rem;
    position: relative;
    overflow: hidden;
    font-size: 2rem;
}

.sa>h2 .ics {
    position: absolute;
    left: 5%;
    opacity: .1;
    top: -.5rem;
}

.sa>h2 .nv {
    font-size: .95rem;
}

.sa>h2 .nv li {
    padding: .1rem .05rem;
    margin: 0 .1rem;
}

.sa>h2 .nv li span.vv {
    cursor: pointer;
    padding: .2rem .4rem;
    border-radius: .2rem;
    background: rgba(0, 0, 0, .05);
}

.sa>h2 .nv li span.vv.current {
    background: rgba(0, 40, 100, .2);
}

.sa .info {
    padding: .1rem;
    background: linear-gradient(60deg, rgb(0, 0, 0, .5) 30%, #159957 55%, #155799 80%);
    border-radius: .2rem;
    overflow: hidden;
}

.sa .info tbody td:first-child {
    font-size: .95rem;
    width: 180px;
    text-align: right;
    opacity: .8;
    vertical-align: top;
    padding-top: .8rem;
}

.sa .info .tips {
    font-size: .9rem;
    padding: .5rem;
}



.sasec {
    position: relative;
    margin-bottom: .2rem;
}

.sasec .nav-ic {
    height: 2rem;
    right: 1rem;
    position: absolute;
    top: .2rem;
    z-index: 10;
    cursor: pointer;
    transition: transform 0.5s ease-in-out;
}

.sasec .nav-ic.current {
    transform: rotate(-90deg);
    transform-origin: 50% 0;
    position: relative;
    transition: transform 0.5s ease-in-out;
    left: -1rem;
    top: 0;
}


/**/
.choice-projects {
    font-size: .95rem;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    opacity: .6;
    cursor: pointer;
}

.choice-projects:hover {
    opacity: 1;
}

.project-choice {
    width: 400px;
    max-height: calc(80vh);
}

.project-choice ul li {
    padding: .5rem .5rem;
    margin-bottom: 1px;
    border-radius: .2rem;
    cursor: pointer;
    color: rgba(0, 0, 0, .7);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .03);
}

.project-choice ul li:hover {
    background-color: rgba(0, 0, 0, .05);
    background: rgba(0, 0, 0, .08);
    color: rgba(0, 0, 0, 1);
}

.project-choice ul li.current:hover,
.project-choice ul li.current {
    background: rgba(0, 40, 100, 1);
    color: white;
}

/***/
.list-sub {
    position: relative;
}

.list-sub>.flag {
    position: absolute;
    background: rgba(0, 40, 100, 1);
    color: rgba(255, 255, 255, 1);
    font-size: .5rem;
    border-radius: .3rem;
    padding: 0 .3rem;
    top: -.3rem;
    left: 0;
}


/*template-info*/
.templates {
    padding: 1.5rem;
    border-width: 2px;
}

.templates ul {
    gap: 1.8rem;
}

.ti {
    position: relative;
    width: 300px;
    height: 400px;
    background: rgba(0, 0, 0, .05);
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 0 solid rgba(0, 0, 0, .05);
}

.ti:hover {
    box-shadow: inset 0 0 0 5px rgba(0, 40, 100, 1);
}

.ti .default {
    position: absolute;
    right: 0;
    bottom: 50%;
    width: 5rem;
    padding: .2rem;
    text-align: center;
    background: rgba(0, 40, 100, 1);
    border-radius: .3rem 0 0 .3rem;
    color: white;
}

.ti .cust {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .2rem;
    text-align: center;
    background: rgba(0, 40, 100, .8);
    color: white;
}

.ti>.cover {
    height: 300px;
    background: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    position: relative;
    z-index: -1;
}

.ti>.cover img {
    border-radius: .3rem;
    max-width: 100%;
}

.ti>p,
.ti>h2 {
    padding: 1.5rem 1rem;
}


/*login*/
.vc {
    display: flex;
    justify-content: flex-start;
}

.view-captcha {
    cursor: pointer;
    margin-left: 5px;
    display: flex;
    justify-content: flex-start;
    position: relative;
    width: 90px;
    height: auto;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 3px;
    height: 30px;
    overflow: hidden;
}



/* order-pay */
.order-pay {
    z-index: 10000;
}

.pay-wxpay-title {
    background: #159957;
    color: white;
}

.pay-alipay-title {
    background: #003973;
    color: white;
}

.order-pay>div {
    z-index: 300;
    border: 1px solid rgba(0, 0, 0, 1);
    border-top-width: 1px;
    border-top-width: 2px;
    border-radius: .3rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, .5);
    color: rgba(0, 0, 0, 1);
    position: relative;
}

.order-pay .close {
    position: absolute;
    z-index: 500;
    right: 0;
    top: 0;
    padding: .2rem .3rem;
    margin: 0 .2rem;
    background: rgba(0, 0, 0, .2);
    color: rgba(245, 245, 245, 1);
    border-radius: 0 0 .2rem .2rem;
    font-size: .8rem;
    cursor: pointer;
}

.order-pay .close:hover {
    background: rgba(0, 40, 100, 1);
}

.order-pay>div h2 {
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 3px 8px;
    display: flex;
    justify-content: space-between;
}

.order-pay>div>div {
    padding: 2rem;
}

.order-pay .timeleft {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    font-size: .58rem;
    border-radius: .2rem;
    background: rgba(0, 0, 0, .1);
    padding: .1rem .2rem;
}

.order-pay .tx {
    font-size: .8rem;
}

.order-pay .te,
.order-pay .label {
    font-size: .8rem;
    opacity: .7;
    margin-right: .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .1);
    border-radius: .2rem;
    padding: .1rem .2rem;
}

.order-pay .sn {
    font-size: .7rem;
}

.order-pay .payqrcode {
    border: 1px solid rgba(0, 0, 0, .5);
    margin: 1rem auto;
    border-radius: .2rem;
    padding: .5rem;
}


.order-pay .tnum {
    font-size: 1rem;
    font-weight: bold;
}