@media (min-width: 768px) {
    .contcz {
        margin: 0 auto;
    }

    .czheader {
        height: 64px;
        padding-top: 20px;
        border-bottom: 1px solid #D9DBDD;
    }

        .czheader img {
            width: 40px;
            margin-top: -8px;
        }

    .czheaderleft a {
        color: #989B99;
        font-size: 24px;
        display: block;
        margin-top: -4px;
    }

    .czheaderleft div:nth-of-type(2) {
        border-right: 1px solid #989B99;
        min-width: 128px;
        height: 24px;
    }

    .czheaderleft div:nth-of-type(3) {
        min-width: 128px;
    }

    .czheaderright {
        padding-top: 8px;
        padding-left: calc(50% - 450px);
    }

        .czheaderright div {
            width: 122px;
            height: 14px;
            border-right: 1px solid #989B99;
        }

            .czheaderright div:last-of-type {
                border-right: none;
            }

        .czheaderright a {
            font-size: 15px;
            color: #000;
            display: block;
            margin-top: -4px;
        }

    .czxx {
        width: 100%;
        min-height: 774px;
        border: 1px solid #D9DBDD;
        margin-top: 120px;
        padding: 0;
    }

    .czxxleft {
        padding: 0;
        width: 230px;
        height: 100%;
    }

    .czxxlefttop {
        color: #989B99;
        font-size: 17.5px;
        height: 71px;
        padding-left: 15px;
        line-height: 71px;
        border-bottom: 1px solid #D9DBDD;
    }

        .czxxlefttop img {
            margin-top: -4px;
            margin-right: 10px;
        }

    .czxxleft .dropdown-toggle {
        height: 45px;
        line-height: 45px;
        padding-left: 34px;
        cursor: pointer;
        border-bottom: 1px solid #D9DBDD;
    }

        .czxxleft .dropdown-toggle span {
            margin-right: 10px;
        }

    .czxxleft .dropdown-menu {
        border: none;
        box-shadow: none;
        width: 100%;
        padding: 0;
        margin: 0;
        position: initial;
        float: none;
        border-radius: 0;
    }

        .czxxleft .dropdown-menu li {
            background-color: #fff;
            border-bottom: 1px solid #D9DBDD;
        }

            .czxxleft .dropdown-menu li a {
                height: 30px;
                line-height: 30px;
                text-align: center;
                padding: 0;
            }

                .czxxleft .dropdown-menu li a:hover,
                .czxxleft .dropdown-menu li a:focus {
                    height: 30px;
                    background-color: #ff5252;
                    color: #fff;
                }

    .traspsd {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    .traspjd {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -moz-transform: rotate(90deg);
        /* Firefox */
        -webkit-transform: rotate(90deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(90deg);
        /* Opera */
    }

    .czxxright {
        width: calc(100% - 230px);
        width: -webkit-calc(100% - 230px);
        width: -moz-calc(100% - 230px);
        padding: 0;
        min-height: 770px;
    }

        .czxxright .czxxrightbtn {
            width: 200px;
            height: 40px;
            float: right;
            margin-top: 15px;
            position: relative;
            background-color: #eff2f7;
            border-radius: 20px;
            border: solid 1px #d3dce6;
        }

        .czxxright .czxxrightone {
            width: 100%;
            height: 71px;
            padding-right: 25px;
            border-bottom: 1px solid #d3dce6;
        }

            .czxxright .czxxrightone input {
                width: 140px;
                height: 36px;
                text-align: center;
                border: none;
                outline: none;
                background: none;
            }

            .czxxright .czxxrightone span {
                width: 58px;
                font-size: 20px;
                position: absolute;
                line-height: 36px;
                text-align: center;
                color: #99a9bf;
            }

                .czxxright .czxxrightone span:hover {
                    color: #ff5252;
                    cursor: pointer;
                }

        .czxxright .czxxrighttwo {
            padding: 10px 20px 20px 20px;
            overflow-x: hidden;
            border-left: 1px solid #d3dce6;
        }

    .czxxrightthree {
        width: 100%;
        line-height: 60px;
        border-bottom: 1px solid #d3dce6;
    }

    .czxxright .czxxrighttwo img {
        max-width: 100%;
    }

    .dropdown :hover {
        background: #ff5252;
        cursor: pointer;
        color: #fff;
    }
}
@media (max-width: 768px) {
    .contcz {
        margin: 0 auto;
    }

    .czheader {
        height: 64px;
        padding-top: 20px;
        border-bottom: 1px solid #D9DBDD;
    }

        .czheader img {
            width: 40px;
            margin-top: -8px;
        }

    .czheaderleft a {
        color: #989B99;
        font-size: 24px;
        display: block;
        margin-top: -4px;
    }

    .czheaderleft div:nth-of-type(2) {
        border-right: 1px solid #989B99;
        min-width: 128px;
        height: 24px;
    }

    .czheaderleft div:nth-of-type(3) {
        min-width: 128px;
    }

    .czheaderright {
        padding-top: 8px;
        padding-left: calc(50% - 450px);
    }

        .czheaderright div {
            width: 122px;
            height: 14px;
            border-right: 1px solid #989B99;
        }

            .czheaderright div:last-of-type {
                border-right: none;
            }

        .czheaderright a {
            font-size: 15px;
            color: #000;
            display: block;
            margin-top: -4px;
        }

    .czxx {
        width: 100%;
        border: 1px solid #D9DBDD;
        margin-top: 60px;
        padding: 0;
    }

    .czxxleft {
        padding: 0;
        width: 130px;
        height: 100%;
        float: left;
    }

    .czxxlefttop {
        color: #989B99;
        font-size: 17.5px;
        width: 200px;
        height: 71px;
        padding-left: 15px;
        line-height: 71px;
        border-bottom: 1px solid #D9DBDD;
    }

        .czxxlefttop img {
            margin-top: -4px;
            margin-right: 10px;
        }

    .czxxleft .dropdown-toggle {
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
        cursor: pointer;
        border-bottom: 1px solid #D9DBDD;
    }

        .czxxleft .dropdown-toggle span {
            margin-right: 10px;
        }

    .czxxleft .dropdown-menu {
        border: none;
        box-shadow: none;
        width: 100%;
        min-width: 130px;
        padding: 0;
        margin: 0;
        position: initial;
        float: none;
        border-radius: 0;
    }

        .czxxleft .dropdown-menu li {
            background-color: #fff;
            border-bottom: 1px solid #D9DBDD;
        }

            .czxxleft .dropdown-menu li a {
                height: 30px;
                line-height: 30px;
                text-align: center;
                padding: 0;
            }

                .czxxleft .dropdown-menu li a:hover,
                .czxxleft .dropdown-menu li a:focus {
                    height: 30px;
                    background-color: #ff5252;
                    color: #fff;
                }

    .traspsd {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    .traspjd {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -moz-transform: rotate(90deg);
        /* Firefox */
        -webkit-transform: rotate(90deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(90deg);
        /* Opera */
    }

    .czxxright {
        width: calc(100% - 130px);
        width: -webkit-calc(100% - 130px);
        width: -moz-calc(100% - 130px);
        padding: 0;
        min-height: 770px;
        float: left;
    }

        .czxxright .czxxrightbtn {
            width: 200px;
            height: 40px;
            float: right;
            margin-top: 15px;
            position: relative;
            background-color: #eff2f7;
            border-radius: 20px;
            border: solid 1px #d3dce6;
        }

        .czxxright .czxxrightone {
            width: 100%;
            height: 71px;
            padding-right: 25px;
            border-bottom: 1px solid #d3dce6;
        }

            .czxxright .czxxrightone input {
                width: 140px;
                height: 36px;
                text-align: center;
                border: none;
                outline: none;
                background: none;
            }

            .czxxright .czxxrightone span {
                width: 58px;
                font-size: 20px;
                position: absolute;
                line-height: 36px;
                text-align: center;
                color: #99a9bf;
            }

                .czxxright .czxxrightone span:hover {
                    color: #ff5252;
                    cursor: pointer;
                }

        .czxxright .czxxrighttwo {
            padding: 10px 20px 20px 20px;
            overflow-x: hidden;
            border-left: 1px solid #d3dce6;
        }

    .czxxrightthree {
        width: 100%;
        line-height: 60px;
        border-bottom: 1px solid #d3dce6;
    }

    .czxxright .czxxrighttwo img {
        max-width: 100%;
    }

    .dropdown :hover {
        background: #ff5252;
        cursor: pointer;
        color: #fff;
    }
}