body {
    background: url(/Resource/img/bg.jpg) no-repeat;
    background-color: #e6f3fc !important;
    height: 100%;
    background-size: 100%;
    font-size: 0.325rem;
    font-family: "微软雅黑";
    font-weight: normal;
    padding-bottom: 0 !important;
}

.container {
    height: auto;
    margin: 5% 2.5% !important;
    width: 95%;
    padding: 0 !important;
    max-width: 100%;
}

.wcm {
    font-size: 0.4rem;
    word-spacing: 0.3rem;
    letter-spacing: 0.06rem;
    text-align: center;
    width: 100%;
    color: #fff;
    display: block;
    margin: 0 0 0.325rem;
    font-weight: 600;
    text-shadow: 1px 1px 0px #000;
}
    .wcm em {
        font-style: normal;
        background: #29A9FF;
        color: #fff;
        margin-right: 0.15rem;
        padding: 0 0.1rem;
        border-radius: 0.1rem;
        font-weight: normal;
        text-shadow:unset;
    }

    .wcm .goback {
        background: url(/Resource/images/back.png) no-repeat;
        width: 0.5rem;
        cursor: pointer;
        position: absolute;
        height: 0.5rem;
        display: inline-block;
        left: 0;
        background-size: contain;
        margin-left: 0.175rem;
        text-shadow: unset;
    }

    .wcm .newinfo {
        background: url(/Resource/images/new.png) no-repeat;
        width: 0.5rem;
        cursor: pointer;
        position: absolute;
        height: 0.5rem;
        display: inline-block;
        right: 2.5%;
        background-size: contain;
        margin-left: 0.175rem;
        text-shadow: unset;
    }

    .wcm .goother {
        width: 1rem;
        cursor: pointer;
        position: absolute;
        display: inline-block;
        right: 2.5%;
        margin-left: 0.175rem;
        text-align: center;
        border: 1px solid #fff;
        font-size: 0.3rem;
        padding: 0.05rem 0;
        border-radius: 0.05rem;
        color: #fff;
        text-shadow: unset;
    }
.layui-m-layerchild h3 {
    text-shadow: 1px 1px 0px #000 !important;
}
.contents {
    background: rgba(255, 255, 255, 0.5);
    padding: 0.5rem 0.5rem 1rem;
    border-radius: 5px;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: relative;
}

.myinfo {
    text-align: left;
    line-height: 0.75rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.25rem;
}

    .myinfo p {
        text-align: left;
    }
        .myinfo p em {
            font-style: normal;
            color: #29A9FF;
            font-weight: 600;
        }

img {
    vertical-align: middle;
    max-width: 100%;
}

/* 快捷导航 */
.quick-nav {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.75rem 0 0;
}

    .quick-nav ul {
        /*  padding: 0 .05rem;*/
        display: flex;
        /*justify-content: center;*/
        justify-content: left;
        flex-wrap: wrap;
        padding: 0;
    }

        .quick-nav ul li {
            width: 33%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: .5rem;
        }

            .quick-nav ul li img {
                width: 1.16rem;
            }

            .quick-nav ul li span {
                padding-top: .1rem;
                color: #666666;
            }

            .quick-nav ul li a div {
                color: #666666;
                text-align: center;
            }

    .quick-nav .class li {
        width: 50% !important;
    }

.notes {
    color: #999;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.3rem;
    text-shadow: 1px 1px 0px #fff;
}

.logout {
    text-align: center;
    padding: 1rem 0;
}

    .logout a {
        padding: 0.1rem 0.25rem;
        color: #f60 !important;
        border: 1px solid #f60;
        border-radius: 0.1rem;
        background: rgba(255,240,220,0.5);
    }

.top-bar {
    width: 100%;
    max-width: 750px;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: .4rem;
    box-shadow: 0.001rem 0.01rem 0.1rem rgba(0, 0, 0, 0.35);
    z-index: 999;
    position: fixed;
    background: linear-gradient(45deg,#60daf1,#5bc5fb) !important;
    color: #fff;
}

    .top-bar a {
        width: 15% !important;
        line-height: 0.8 !important;
    }

    .top-bar span {
        font-weight: 700;
        width: 69% !important;
        white-space: nowrap;
        overflow: hidden;
    }

    .top-bar a span {
        width: auto !important;
        font-weight: normal;
        color: #fff;
    }


.conditions {
    text-align: left;
    line-height: 0.75rem;
    padding-bottom: 0.15rem;
}

    .conditions em {
        background: url(/Resource/images/up.png) no-repeat;
        background-size: cover;
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        right: 0.1rem;
        top: 0.1rem;
    }

        .conditions em.down {
            background-image: url(/Resource/images/down.png);
        }

    .conditions label {
    }

        .conditions label span {
            display: inline-block;
            width: 2rem;
        }

        .conditions label input, .conditions label select {
            background-color: rgba(255, 255, 255, 0.5);
            width: 6rem;
            padding: 0.25em 0.15rem;
            margin-bottom: 0;
            border: 1px solid #6fc9fb;
            border-radius: 0.075rem;
            font-weight: normal;
            transition: all 0.2s ease-in-out;
            height: 0.75rem;
            line-height: 0.75rem;
        }

        .conditions label button {
            padding: 0.1rem 0.5rem;
            border: 0;
            border-radius: 0.075rem;
            color: #fff !important;
            background: linear-gradient(45deg,#0BCAE7, #05A4F5) !important;
            box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.2);
            line-height: 0.5rem;
        }

        .conditions label .condtimes {
            width: 6rem;
            display: inline-block;
        }

            .conditions label .condtimes input, .conditions label .condtimes select {
                width: 2.825rem;
                display: inline-block;
            }

    .conditions .condtimes em {
        width: 0.3rem;
        display: inline-block;
        position: unset;
        text-align: center;
        background: none;
    }

.nullData {
    line-height: 1rem;
    border-top: 1px solid #fff;
    color: #999;
    padding: 2rem 0;
}

.infos {
    text-align: left;
    width: 106%;
    margin-left: -3%;
    max-height: 15rem;
    overflow: auto;
}

    .infos .citems {
        line-height: 0.625rem;
        margin-bottom: 0.15rem;
        padding: 0 3% 0;
        border-radius: 0.1rem;
        border: 1px solid rgba(155,200,255,0.75);
        position: relative;
    }

        .infos .citems .aOper {
            position: absolute;
            right: 0.15rem;
            top: 0.15rem;
        }

        .infos .citems p {
            display: flex;
            justify-content: space-between;
        }

            .infos .citems p em {
                font-style: normal;
                color: #999;
                white-space: nowrap;
                width: 15%;
                display: inline-block;
            }

            .infos .citems p span {
                width: 85%;
                text-align: left;
                display: inline-block;
                font-style: normal;
            }

                .infos .citems p span i {
                    font-style: normal;
                }

        .infos .citems img {
            width: 0.5rem;
            height: 0.5rem;
        }

        .infos .citems p.cother {
            display: none;
        }

        .infos .citems:nth-child(2n+1) {
            background: rgba(155,200,255,0.15);
        }

        .infos .citems strong {
            font-style: normal;
            font-weight: normal;
            color: #999;
            background: rgba(155,175,200,0.2);
            padding: 0.1rem 0.2rem;
            display: inline-block;
            line-height: 0.5rem;
        }

            .infos .citems strong i {
                width: 48%;
                display: inline-block;
            }
        .infos .citems .cheads {
            background: rgba(155,200,255,0.2);
            margin: 0 -3.15%;
            padding: 0 3%;
        }

        .infos .citems .cfoots {
            background: rgba(150,150,150,0.1);
            margin: 0 -3.15%;
            padding: 0 3%;
        }
        .infos .citems .cdetails {
            border-top: 1px solid rgba(155,200,255,0.5);
        }
            .infos .citems .cdetails:first-child {
                border-top: 0;
            }


    .infos .citemstat {
        line-height: 0.625rem;
        margin-bottom: 0.15rem;
        padding: 0 3% 0;
        border-radius: 0.1rem;
        border: 1px solid rgba(155,200,255,0.75);
        background: rgba(155,200,255,0.2);
    }

        .infos .citemstat span {
            display: inline-block;
        }

            .infos .citemstat span em {
                font-style: normal;
                color: #05A4F5;
                padding: 0 0.05rem;
            }


    .infos .liitems {
        width: 48.5%;
        display: inline-block;
        line-height: 0.625rem;
        margin-bottom: 0.15rem;
        padding: 0;
        border-radius: 0.1rem;
        border: 1px solid #6fc9fb;
    }

        .infos .liitems:nth-child(2n) {
            margin-left: 1%;
        }

        .infos .liitems img {
            height: 4.275rem;
            width: 4.275rem;
        }

        .infos .liitems p {
            padding: 0 0.1rem;
            max-width: 95%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .infos .liitems p span {
                color: #999;
            }

            .infos .liitems p.cother {
                display: none;
            }

            .infos .liitems p.operitems {
                padding: 0.12rem 0;
                text-align: center;
            }

.otherstat {
    border: 1px solid rgba(155,200,255,0.2);
    border-radius: 0.15rem;
}
    .otherstat li {
        display: flex;
        justify-content: space-evenly;
        line-height: 0.6rem;
        padding: 0 0.15rem;
    }
        .otherstat li span {
            text-align: left;
            display: inline-block;
            width: 40%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .otherstat li span:nth-child(2) {
            width: 30%;
        }
            .otherstat li span:nth-child(3) {
                width: 30%;
            }
        .otherstat li.t {
            background: rgba(155,200,255,0.2);
            font-weight: 600;
        }
        .otherstat li.s {
            background: rgba(150,150,150,0.1);
        }
        .otherstat li.no {
            line-height:2rem;
            color:#999;
            text-align:center;
        }



.showinfos {
    text-align: left;
    width: 100%;
}

    .showinfos .liitems {
        width: 100%;
        display: inline-block;
        line-height: 0.625rem;
        margin-bottom: 0.15rem;
        padding: 0;
        border-radius: 0.1rem;
        border: 1px solid #6fc9fb;
    }

        .showinfos .liitems img {
            /*height: auto;
            width: 100%;
            max-height: 20rem;*/
        }

        .showinfos .liitems p {
            padding: 0 0.1rem;
            max-width: 95%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .showinfos .liitems p span {
                color: #999;
                display: inline-block;
                width: 49.5%;
            }

                .showinfos .liitems p span em {
                    color: #333;
                    font-style: normal;
                }

            .showinfos .liitems p.operitems {
                padding: 0.12rem 0;
                text-align: center;
            }

    .showinfos .speclist {
        border-top: 1px solid #6fc9fb;
        padding: 0.125rem 0;
    }

        .showinfos .speclist li {
            padding: 0.1rem;
        }

            .showinfos .speclist li._half {
                width: 45%;
                display: inline-block;
            }

                .showinfos .speclist li._half input {
                    width: 1.865rem;
                    display: inline-block;
                    margin: 0;
                }

        .showinfos .speclist span {
        }

        .showinfos .speclist label {
            margin-right: 0.325rem;
            color: #999;
        }

        .showinfos .speclist input {
            width: 2rem;
            padding: 0.02rem 0.2rem;
            margin-right: 0.2rem;
            border: 1px solid #6fc9fb;
        }

.cstat {
}

    .cstat p {
        text-align: left;
        font-weight: 600;
        color: #888;
    }
        .cstat p em {
            font-style: normal;
            background: #29A9FF;
            color: #fff;
            margin-right: 0.15rem;
            padding: 0 0.1rem;
            border-radius: 0.1rem;
            font-weight: normal;
        }

    .cstat ul {
        border: 1px solid rgba(155, 205, 255, 0.8);
        border-radius: 0.1rem;
        margin: 0.15rem 0 0.5rem;
        padding: 0.15rem;
        text-align: left;
        font-size: 0;
        background: rgba(255, 255, 255,0.5);
    }

        .cstat ul li {
            width: 32%;
            display: inline-block;
            text-align: center;
            font-size: 0.325rem;
        }

            .cstat ul li.mt {
                padding-top: 0.325rem;
            }

            .cstat ul li span {
                display: block;
                font-size: 0.4rem;
                line-height: 0.6rem;
                color: #29A9FF;
            }

            .cstat ul li em {
                color: #91C6FF;
                margin: 0.1rem 0 0.15rem;
                font-size: 0.3rem;
                font-style: normal;
                display: block;
            }

            .cstat ul li label {
                color: #999;
                width: 90%;
                margin: 0.1rem auto 0;
                border-top: 1px solid #eee;
                padding-top: 0.1rem;
            }


.cstat_tb {
}

    .cstat_tb p {
        text-align: left;
        font-weight: 600;
        color: #888;
    }

    .cstat_tb ul {
        border: 1px solid rgba(155, 205, 255, 0.8);
        border-radius: 0.1rem;
        margin: 0.15rem 0 0.5rem;
        padding: 0.15rem;
        text-align: left;
        font-size: 0;
        background: rgba(255, 255, 255,0.5);
        max-height: 4.8rem;
        overflow: auto;
    }

        .cstat_tb ul li {
            width: 100%;
            display: inline-block;
            text-align: center;
            font-size: 0.325rem;
            text-align: left;
            display: flex;
            justify-content: space-evenly;
            line-height: 0.75rem;
        }

            .cstat_tb ul li.title {
                color: #666;
                font-weight: 600;
                color: #6fc9fb;
            }

            .cstat_tb ul li:nth-child(2n) {
                background: rgba(155, 205, 255, 0.2)
            }

            .cstat_tb ul li span {
                display: inline-block;
                width: 32%;
                text-align: center;
                white-space: nowrap;
            }

            .cstat_tb ul li.nodata {
                display: block;
                text-align: center;
                line-height: 1rem;
                color: #999;
            }



.cstock_tb {
}

    .cstock_tb ul {
        border: 1px solid rgba(155, 205, 255, 0.8);
        border-radius: 0.1rem;
        margin: 0.15rem 0 0.5rem;
        padding: 0;
        text-align: left;
        font-size: 0;
        background: rgba(255, 255, 255,0.5);
        max-height: 13.5rem;
        overflow: auto;
    }

        .cstock_tb ul li {
            width: 100%;
            display: inline-block;
            font-size: 0.325rem;
            text-align: left;
            line-height: 0.6rem;
            padding: 0.1rem 2%;
        }
            .cstock_tb ul li.title, .cstock_tb ul li.title label {
                color: #666;
                font-weight: 600;
                color: #6fc9fb;
                font-size: 0.325rem;
            }
            .cstock_tb ul li:nth-child(2n) {
                background: rgba(155, 205, 255, 0.2)
            }

            .cstock_tb ul li span, .cstock_tb ul li label {
                display: inline-block;
                width: 23%;
                text-align: left;
                white-space: nowrap;
            }
            .cstock_tb ul li label {
                width: 31%;
                margin: 0 !important;
            }
            .cstock_tb ul li i {
                font-style:normal;
            }

.sfont{
    font-size:0.3rem;
    color:#999;
}

.tabs {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.2rem;
}

    .tabs a {
        min-width: 1rem;
        display: inline-block;
        background: rgba(200,200,200,0.35);
        padding: 0 0.25rem;
        color: #23527c;
    }
        .tabs a:first-child {
            border-top-left-radius: 0.1rem;
            border-bottom-left-radius: 0.1rem;
        }
        .tabs a:last-child {
            border-top-right-radius: 0.1rem;
            border-bottom-right-radius: 0.1rem;
        }
        .tabs a.curr {
            background: #6fc9fb;
            color:#fff;
        }

button.cbtn {
    padding: 0.1rem 0.5rem;
    border: 0;
    border-radius: 0.075rem;
    color: #fff !important;
    background: linear-gradient(45deg,#0BCAE7, #05A4F5) !important;
    /*box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.2);*/
    line-height: 0.5rem;
}

button.cbtn-del {
    padding: 0 0.1rem;
    border: 0;
    border-radius: 0.075rem;
    color: #fff !important;
    background: linear-gradient(45deg,#E79A0B, #F56405) !important;
    /*box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.2);*/
    line-height: 0.5rem;
}

button.cbtn-modify {
    padding: 0 0.1rem;
    border: 0;
    border-radius: 0.075rem;
    color: #fff !important;
    background: linear-gradient(45deg,#90BAE7, #0564F5) !important;
    /*box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.2);*/
    line-height: 0.5rem;
}
a.abtn-modify {
    display: inline-block;
    padding: 0 0.1rem;
    margin-left: 0.1rem;
}
    a.abtn-modify img {
        width: 0.35rem;
        height: auto;
        margin-top: -0.1rem;
    }

.radio-inline {
}

    .radio-inline input {
        width: auto !important;
        padding: 0 !important;
        margin: 0 0.1rem !important;
        border: 0 !important;
        border-radius: unset !important;
        height: auto !important;
        line-height: unset !important;
    }

    .radio-inline span {
        width: auto !important;
    }

.layui-m-layershade {
    background-color: rgba(0,0,0,.2) !important;
}

.layui-m-layercont {
    padding: 0.5rem !important;
}

.ml-1 {
    margin-left: 1rem !important;
}

.c-red {
    color: #f30 !important;
}

.c-blue {
    color: #03f !important;
}

.c-green {
    color: #79a83e !important;
}
.c-grey {
    color: #d3a198 !important;
}

input[readonly=readonly], textarea[readonly=readonly] {
    border: 1px solid #ccc !important;
    background-color: #eee !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0.1rem 0.1rem 0 0 !important;
}

.ctitle {
    position: relative;
    background: rgba(5,120,200,0.3);
    color: #fff;
    text-align: left !important;
    line-height: 1.05rem !important;
    height: 1.05rem !important;
}

    .ctitle a {
        position: absolute;
        display: inline-block;
        right: 0.325rem;
        top: 0.275rem;
        color: #eee !important;
        border: 1px solid #eee;
        border-radius: 50%;
        width: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        text-align: center;
        font-size: 0.325rem;
    }

.ccontents {
    padding: 0.25rem !important;
    max-height: 15rem;
    overflow: auto;
}


.pagebar {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    display: none;
}

    .pagebar .pageinfos {
        display: flex;
        justify-content: center;
        margin-top: 0.01rem;
        height: 0.625rem;
    }

        .pagebar .pageinfos span {
            display: inline-block;
            padding: 0 0.05rem;
            color: #05A4F5;
        }

    .pagebar .pagination {
        display: flex;
        justify-content: center;
        margin-top: 0.01rem;
    }

.pagination a {
    background: #fff;
    color: #05A4F5 !important;
    border: 1px solid #05A4F5;
    font-size: 0.3rem;
    padding: 0.1rem 0.2rem;
    margin: 0 0.05rem;
    border-radius: 3px;
    white-space: nowrap;
}

.pagination span {
    color: #333;
    font-size: 0.24rem;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}

.pagination a.dis {
    color: #999 !important;
    border: 1px solid #ccc;
}

.pagination a.page-num-current {
    color: #fff !important;
    background: #05A4F5;
    border: 1px solid #05A4F5;
}

.showimg {
    width: 8.45rem;
    max-height: 12rem;
    overflow: auto;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.15rem;
}

    .showimg img {
        max-width: unset !important;
        max-height: unset !important;
    }
.ctrlimg {
    color: #6fc9fb !important;
    border: 1px solid #6fc9fb;
    border-radius: 50%;
    width: 0.5rem !important;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.375rem;
}
    img.ctrl {
        max-width: 100% !important;
        max-height: 100% !important;
    }