﻿@media screen and (min-width: 800px) {
    table th,
    table td {
        border: none;
        padding: 0.1rem;
    }

    table th {
        font-weight: inherit;
        border: none;
    }

    .Calendar {
        margin: 0.2rem 0 0;
        overflow: hidden;
    }

    .Calendar td {
        text-align: center;
        color: #333;
    }

    .Calendar .th {
        height: 0.6rem;
        line-height: 0.6rem;
        text-align: center;
        border: 1px solid #7CD3C7;
        color: #fff;
        font-size: 25px;
        background: #7CD3C7;
        border-radius: 3px 3px 0 0;
    }

    .Calendar .tb {
        border: 1px solid #7CD3C7;
    }

    .Calendar .thB {
        background: #7CD3C7;
        color: #fff;
    }

    .Calendar .thB td {
        color: #fff;
    }

    .Calendar .anquan {
        color: #7DB8D3;
    }

    .Calendar .pairuan {
        color: #FF6884;
    }

    .Calendar .yuejing {
    }

    .Calendar .anquan i {
        display: block;
        width: 0.16rem;
        height: 0.16rem;
        background: #7DB8D3;
        border-radius: 50%;
        margin: 0 auto;
    }

    .Calendar .pairuan i {
        display: block;
        width: 0.16rem;
        height: 0.16rem;
        background: #FF6884;
        border-radius: 50%;
        margin: 0px auto;
    }

    .Calendar .yuejing i {
        display: block;
        width: 0.16rem;
        height: 0.16rem;
        background: #333;
        border-radius: 50%;
        margin: 0px auto;
    }

    .CalendarFoot {
        text-align: center;
        border: 1px solid #7CD3C7;
        border-top: none;
        border-radius: 0 0 3px 3px;
        height: 0.8rem;
        line-height: 0.8rem;
    }

    .CalendarFoot em {
        margin: 0 5px;
    }

    .CalendarFoot .pairuan {
        color: #FF6884;
    }

    .CalendarFoot .anquan {
        color: #7DB8D3;
    }

    .CalendarFoot .yuejing {
        color: #333;
    }

    .CalendarFoot .anquan:before {
        content: "";
        display: inline-block;
        width: 0.16rem;
        height: 0.16rem;
        background: #7DB8D3;
        border-radius: 50%;
        margin-right: 0.1rem;
    }

    .CalendarFoot .pairuan:before {
        content: "";
        display: inline-block;
        width: 0.16rem;
        height: 0.16rem;
        background: #FF6884;
        border-radius: 50%;
        margin-right: 0.1rem;
    }

    .CalendarFoot .yuejing:before {
        content: "";
        display: inline-block;
        width: 0.16rem;
        height: 0.16rem;
        background: #333;
        border-radius: 50%;
        margin-right: 0.1rem;
    }

    /* ----------------------------------------------------- */
    .jisuanqi-aqq {
        font-size: 0.3rem;
        margin-top: -86px;
    }

    h1 {
        font-size:26px;
        font-weight: bold;
        color: #333;
        margin: 10px auto;
        text-align: center;
        line-height: 0.6rem;
    }

    .m-section {
        color: #999;
        font-size: 20px;
        margin: 0.2rem;
        line-height: 0.5rem;
        height: 0.5rem;
    }

    .itemA {
        margin: 0.2rem;
        background: #fff;
        position: relative;
        border: 1px solid #FD8181;
        overflow: hidden;
    }

    .itemA a.l {
        left: 0;
    }

    .itemA a {
        display: block;
        width: 33%;
        height: 0.8rem;
        text-align: center;
        font-weight: bold;
        color: #fff;
        background: #FD8181;
        position: absolute;
        top: 0;
        overflow: hidden;
        font-size: 0.36rem;
    }

    .itemA span {
        display: block;
        text-align: center;
    }

    .itemA a.r {
        right: 0;
    }

    .m-input {
        border: 1px solid #DDDDDD;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 0.2rem;
    }

    .m-input input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        width: 96%;
        padding: 0 2%;
        background: transparent;
        border: none;
        outline: none;
    }

    .m-input input[id="Jdata"]::before, .m-input input[id="JdataA"]::before {
        content: "";
        position: absolute;
        top: 0.3rem;
        right: 10px;
        font-size: 0;
        width: 0;
        height: 0;
        line-height: 0;
        overflow: hidden;
        display: block;
        border: 0 dashed transparent;
        border-width: 0.2rem 0.1rem;
        border-top-style: solid;
        border-top-color: #777;
    }

    .m-input input[id="Jdata"]::after, .m-input input[id="JdataA"]::after {
        content: "";
        position: absolute;
        top: 0.32rem;
        right: 0.24rem;
        font-size: 0;
        width: 0;
        height: 0;
        line-height: 0;
        overflow: hidden;
        display: block;
        border: 0 dashed transparent;
        border-width: 0.12rem 0.06rem;
        border-top-style: solid;
        border-top-color: #fff;
    }

    .m-work {
        margin: 10px;
    }

    .m-work input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #7CD3C7;
        border: none;
        outline: none;
        font-size: 25px;
    }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

    .m-result {
        margin: 0.2rem;
        padding: 0.2rem;
        line-height: 0.5rem;
        color: #555555;
        border: 1px solid #DEF5F2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        word-break: break-all;
        word-wrap: break-word;
        white-space: normal;
        background: #F5FEFD;
        display: none;
    }

    .m-result-tit {
        text-align: center;
        color: #43B7A7;
        font-size: 25px;
        line-height: 0.6rem;
    }

    .m-result em {
        font-style: normal;
    }

}

@media screen and (max-width: 800px){
        table th,
        table td {
            border: none;
            padding: 0.1rem;
        }

        table th {
            font-weight: inherit;
            border: none;
        }

        .Calendar {
            margin: 0.2rem 0 0;
            overflow: hidden;
        }

        .Calendar td {
            text-align: center;
            color: #333;
        }

        .Calendar .th {
            height: 0.6rem;
            line-height: 0.6rem;
            text-align: center;
            border: 1px solid #7CD3C7;
            color: #fff;
            font-size: 0.36rem;
            background: #7CD3C7;
            border-radius: 3px 3px 0 0;
        }

        .Calendar .tb {
            border: 1px solid #7CD3C7;
        }

        .Calendar .thB {
            background: #7CD3C7;
            color: #fff;
        }

        .Calendar .thB td {
            color: #fff;
        }

        .Calendar .anquan {
            color: #7DB8D3;
        }

        .Calendar .pairuan {
            color: #FF6884;
        }

        .Calendar .yuejing {
        }

        .Calendar .anquan i {
            display: block;
            width: 0.16rem;
            height: 0.16rem;
            background: #7DB8D3;
            border-radius: 50%;
            margin: 0 auto;
        }

        .Calendar .pairuan i {
            display: block;
            width: 0.16rem;
            height: 0.16rem;
            background: #FF6884;
            border-radius: 50%;
            margin: 0px auto;
        }

        .Calendar .yuejing i {
            display: block;
            width: 0.16rem;
            height: 0.16rem;
            background: #333;
            border-radius: 50%;
            margin: 0px auto;
        }

        .CalendarFoot {
            text-align: center;
            border: 1px solid #7CD3C7;
            border-top: none;
            border-radius: 0 0 3px 3px;
            height: 0.8rem;
            line-height: 0.8rem;
        }

        .CalendarFoot em {
            margin: 0 5px;
        }

        .CalendarFoot .pairuan {
            color: #FF6884;
        }

        .CalendarFoot .anquan {
            color: #7DB8D3;
        }

        .CalendarFoot .yuejing {
            color: #333;
        }

        .CalendarFoot .anquan:before {
            content: "";
            display: inline-block;
            width: 0.16rem;
            height: 0.16rem;
            background: #7DB8D3;
            border-radius: 50%;
            margin-right: 0.1rem;
        }

        .CalendarFoot .pairuan:before {
            content: "";
            display: inline-block;
            width: 0.16rem;
            height: 0.16rem;
            background: #FF6884;
            border-radius: 50%;
            margin-right: 0.1rem;
        }

        .CalendarFoot .yuejing:before {
            content: "";
            display: inline-block;
            width: 0.16rem;
            height: 0.16rem;
            background: #333;
            border-radius: 50%;
            margin-right: 0.1rem;
        }

        /* ----------------------------------------------------- */
        .jisuanqi-aqq {
            font-size: 0.3rem;
        }

        h1 {
            font-size: 0.4rem;
            font-weight: bold;
            color: #333;
            margin: 10px auto;
            text-align: center;
            line-height: 0.6rem;
        }

        .m-section {
            color: #999;
            font-size: 0.3rem;
            margin: 0.2rem;
            line-height: 0.5rem;
            height: 0.5rem;
        }

        .itemA {
            height: 0.8rem;
            line-height: 0.8rem;
            margin: 0.2rem;
            background: #fff;
            position: relative;
            border: 1px solid #FD8181;
            overflow: hidden;
        }

        .itemA a.l {
            left: 0;
        }

        .itemA a {
            display: block;
            width: 33%;
            height: 0.8rem;
            text-align: center;
            font-weight: bold;
            color: #fff;
            background: #FD8181;
            position: absolute;
            top: 0;
            overflow: hidden;
            font-size: 0.36rem;
        }

        .itemA span {
            display: block;
            text-align: center;
        }

        .itemA a.r {
            right: 0;
        }

        .m-input {
            border: 1px solid #DDDDDD;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin: 0.2rem;
        }

        .m-input input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            position: relative;
            height: 0.8rem;
            width: 96%;
            padding: 0 2%;
            background: transparent;
            border: none;
            outline: none;
        }

        .m-input input[id="Jdata"]::before, .m-input input[id="JdataA"]::before {
            content: "";
            position: absolute;
            top: 0.3rem;
            right: 10px;
            font-size: 0;
            width: 0;
            height: 0;
            line-height: 0;
            overflow: hidden;
            display: block;
            border: 0 dashed transparent;
            border-width: 0.2rem 0.1rem;
            border-top-style: solid;
            border-top-color: #777;
        }

        .m-input input[id="Jdata"]::after, .m-input input[id="JdataA"]::after {
            content: "";
            position: absolute;
            top: 0.32rem;
            right: 0.24rem;
            font-size: 0;
            width: 0;
            height: 0;
            line-height: 0;
            overflow: hidden;
            display: block;
            border: 0 dashed transparent;
            border-width: 0.12rem 0.06rem;
            border-top-style: solid;
            border-top-color: #fff;
        }

        .m-work {
            margin: 10px;
        }

        .m-work input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            height: 0.8rem;
            width: 100%;
            color: #fff;
            text-align: center;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #7CD3C7;
            border: none;
            outline: none;
            font-size: 0.3rem;
        }

        button, html input[type="button"], input[type="reset"], input[type="submit"] {
            -webkit-appearance: button;
            cursor: pointer;
        }

        .m-result {
            margin: 0.2rem;
            padding: 0.2rem;
            line-height: 0.5rem;
            color: #555555;
            border: 1px solid #DEF5F2;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            word-break: break-all;
            word-wrap: break-word;
            white-space: normal;
            background: #F5FEFD;
            display: none;
        }

        .m-result-tit {
            text-align: center;
            color: #43B7A7;
            font-size: 0.32rem;
            line-height: 0.6rem;
        }

        .m-result em {
            font-style: normal;
        }
}