* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    box-sizing: border-box;
}

input {
    font-family: 'Microsoft Yahei';
}

a {
    text-decoration: none;
    color: #333;
}

ul, ol, dl, dd, dt, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

design_mainRight_all i, em {
    font-style: normal;
}

a img {
    border: 0;
}

img {
    vertical-align: top;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    display: block;
    content: '';
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

.marginTop1 {
    margin-top: 14px;
}

.marginTop2 {
    margin-top: 18px;
}

.paddingTop1 {
    padding-top: 3px;
}

.gridContainer_all {
    background-color: #fff;
    padding: 15px 15px 8px 15px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    margin: 0 12px 12px;
}

#gridContainer {
    /*padding: 15px;*/
    width: 100%;
   /* background-color: #fff;*/
}

#mainReport {
    padding: 15px;
}

/*登录*/
/*.login_all {
    min-width: 1200px;
    background: url(../images/bg_login.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.login_top {
    width: 65%;
    margin: 0 auto;
    position: absolute;
    margin-top: 3%;
}

.login_topLeft {
    float: left;
}

    .login_topLeft img {
        width: 100%;
    }

.login_center {
    width: 65%;
    max-width: 1300px;
    position: absolute;
    top: 26%;
}

    .login_center h1 {
        font-size: 25px;
        color: #fff;
        margin-bottom: 10px;
    }

.login_centerAll {
    width: 100%;
    max-height: 380px;
    background-color: #fff;
    box-shadow: 2px 2px 3px #ebebeb;
    margin-bottom: 20px;
}

.login_centerAll_left {
    float: left;
    width: 50%;
}

.login_centerAll_leftImgdiv {
    margin: 0 auto 10px auto;
}

    .login_centerAll_leftImgdiv img {
        width: 100%;
    }

.login_centerAll_left p {
    text-align: center;
    color: #7b7b7b;
}

.login_centerAll_center {
    width: 1%;
    height: 100%;
    float: left;
    background: url(../images/bg_loginline.png) left center no-repeat;
}

.login_centerAll_right {
    width: 49%;
    float: right;
}

    .login_centerAll_right h2 {
        text-align: center;
        font-size: 18px;
        margin-bottom: 20px;
    }

.login_centerAll_rightDiv {
    width: 310px;
    margin: 0 auto;
}

.login_centerAll_rightDiv_input1 {
    width: 310px;
    height: 53px;
    background: url(../images/bg_login_userinput.png) no-repeat;
    padding: 1px 2px 0 0;
    margin-bottom: 5%;
}

.login_centerAll_rightDiv_input2 {
    width: 310px;
    height: 53px;
    background: url(../images/bg_login_pwdinput.png) no-repeat;
    padding: 1px 2px 0 0;
    margin-bottom: 10%;
}

.login_centerAll_rightDiv input {
    height: 45px;
    width: 261px;
    color: #7b7b7b;
    float: right;
    padding-left: 14px;
    font-size: 16px;
}

.login_centerAll_btn {
    width: 310px;
    height: 47px;
    margin: 0 auto 10px auto;
    background-color: #5bafff;
    cursor: pointer;
}

    .login_centerAll_btn p {
        color: #fff;
        line-height: 47px;
        font-size: 16px;
        text-align: center;
    }

.login_centerAll_tishi {
    width: 310px;
    margin: 0 auto;
}

    .login_centerAll_tishi p {
        color: #e62129;
    }

.login_bottom {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 15px;
}

    .login_bottom p {
        color: #7b7b7b;
        line-height: 1.8;
    }*/

/*登录*/

/*#dynamicInfo {
    margin:12px;
}*/

.distri_all {
    width: 100%;
}

.distri_top {
    width: 65%;
    min-width: 1140px;
    max-width: 1440px;
    margin: 0 auto;
    height: 93px;
}

.distri_all.loginHtml  .distri_top {
    width: 100%;
    min-width: 800px;
    max-width: 5000px;
    position:fixed;
    z-index:2;
    box-sizing:border-box;
    padding:10px  26px;
}


.distri_topLeft img {
    height: 43px;
    margin-top: 25px;
}

.distri_center {
    width: 100%;
    /*min-height: 600px;*/
    /*background: url(/image/login/bg_distri1.jpg) no-repeat center center;*/
    background-size: 100% 100%;
    position: relative;
}



.distri_all.loginHtml  .loginbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:1
}
    .distri_all.loginHtml .loginbg img {
        width: 100%;
        height: 100%;
    }


    .distri_center_bg {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .distri_center_bg li {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
    }

        .distri_center_bg li img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }


.distri_all.loginHtml  .distri_centerAll {
    position: fixed;
    right: 100px;
    min-width: 800px;
    max-width: 5000px;
    z-index: 2
}

.distri_centerAll {
    width: 65%;
    min-width: 1140px;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.distri_centerAll_left {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -226.5px;
}

.distri_centerAll_right {
    background-color: rgba(255,255,255,0.9);
    opacity: .9;
    padding: 40px;
    margin-top: -171px;
    position: absolute;
    right: 0;
    top: 50%;
    box-shadow: 0 19px 20px rgba(58,88,98,0.1);
    box-reflect: below 1px -webkit-linear-gradient(transparent,transparent 80%,rgba(0,0,0,.30));
    -webkit-box-reflect: below 1px -webkit-linear-gradient(transparent,transparent 80%,rgba(0,0,0,.30));
    border-radius: 10px;
}

    .distri_centerAll_right h2 {
        margin-bottom: 30px;
    }

        .distri_centerAll_right h2 img {
            width: 25px;
            float: left;
            margin-right: 10px;
        }

        .distri_centerAll_right h2 span {
            font-size: 18px;
        }

.distri_centerAll_rightDiv {
    width: 100%;
    margin: 0 auto;
}

.distri_centerAll_rightDiv_input1 {
    width: 310px;
    height: 42px;
    background: url(/images/login/bg_distri_userinput.png) no-repeat;
    padding: 1px 2px 0 0;
    margin-bottom: 20px;
}

.distri_centerAll_rightDiv_input2 {
    width: 310px;
    height: 42px;
    background: url(/images/login/bg_distri_pwdinput.png) no-repeat;
    padding: 1px 2px 0 0;
    margin-bottom: 15px;
}

.distri_centerAll_rightDiv input {
    /*line-height: 40px;*/
    height: 39px;
    width: 261px;
    border: 0;
    float: right;
    padding-left: 14px;
    font-size: 16px;
    outline: none;
    background: 0;
}

.distri_centerAll_btn {
    width: 310px;
    height: 47px;
    margin: 0 0 10px 0;
    background-color: #5bafff;
    cursor: pointer;
}

.distri_all.loginHtml  .distri_centerAll_btn {
    background: linear-gradient(to right bottom, #f2505b, #fb2746);
    border-radius: 7px;
    box-shadow: 0 5px 10px rgba(251,39,70,0.26);
}

    .distri_centerAll_btn p {
        color: #fff;
        line-height: 47px;
        font-size: 16px;
        text-align: center;
        margin: 0;
    }

.distri_centerAll_link {
    width: 100%;
    text-align: right;
}

    .distri_centerAll_link a {
        color: #6c6c6c;
    }

        .distri_centerAll_link a:hover {
            color: #5bafff;
            text-decoration: underline;
        }

.distri_centerAll_tishi {
    width: 310px;
    height: 30px;
}

    .distri_centerAll_tishi p {
        color: #e62129;
        margin: 0;
    }

.distri_all.loginHtml .distri_bottom {
    position:fixed;
    bottom:0;
    z-index:2
}


.distri_bottom {
    width: 100%;
    height: 30px;
    background-color: #282828;
}

    .distri_bottom p {
        color: #fff;
        line-height: 30px;
        padding-right: 10px;
        text-align: center;
        margin: 0;
    }

        .distri_bottom p span {
            font-weight: bold;
        }

/*系统主界面*/
.main_all {
    width: 100%;
    min-width: 1200px;
}

.main_top {
    width: 100%;
    height: 50px;
    background-color: #3d4a5d;
}

.main_topAll {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.main_topLeft {
    position: absolute;
    width: 123px;
    top: 9px;
    left: 30px;
}

    .main_topLeft img {
        width: 100%;
    }

.main_topRight {
    position: absolute;
    top: 14px;
    right: 30px;
    z-index: 99;
}

.main_topRight_a {
    float: right;
}

.main_topSet {
    float: right;
    margin: 0 0 0 50px;
    cursor: pointer;
}

.main_topSet_img {
    float: left;
    margin-right: 5px;
    width: 18px;
    padding-top: 2px;
}

.main_topSet span {
    color: #fff;
}

.design_span02 {
    color: #fff;
    line-height: 23px;
}

.design_img02 {
    padding-top: 10px;
}

.main_banner {
    width: 100%;
    /*height: 341px;*/
    background: url(../images/bg_maintopbg.jpg) no-repeat center center;
    position: relative;
    background-size: 100% 100%;
}

/*.main_bannerAll {
    width: 100%;
    position: absolute;
}

    .main_bannerAll h2 {
        color: #fff;
        font-size: 65px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 5px;
        margin-bottom: 20px;
    }

    .main_bannerAll p {
        color: #fff;
        text-align: center;
        font-size: 16px;
    }*/

.main_bannerAll {
    width: 75%;
    position: absolute;
    left: 12.5%;
}

    .main_bannerAll ul li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 10px .6% 0;
    }

        .main_bannerAll ul li:first-child h2 {
            color: #fff;
            font-size: 55px;
            font-weight: bold;
            letter-spacing: 5px;
            margin-bottom: 20px;
        }

        .main_bannerAll ul li:first-child p {
            color: #fff;
            font-size: 16px;
            margin: 0;
        }

        .main_bannerAll ul li:last-child {
            padding-top: 20px;
        }

            .main_bannerAll ul li:last-child div {
                cursor: pointer;
            }

.main_bannerAll_btn01 {
    width: 38%;
    float: right;
    text-align: center;
    padding: 10px 0;
    height: 33.333%;
    margin-left: 20px;
}

    .main_bannerAll_btn01 h2 {
        font-size: 16px;
        width: 100%;
        margin-top: 10px;
    }



.main_bigData {
    position: absolute;
    background-color: #000;
    opacity: .6;
    width: 120px;
    height: 100px;
    padding-top: 20px;
    text-align: center;
    right: 35px;
    top: 80px;
    cursor: pointer;
}

    .main_bigData h3 {
        margin-top: 5px;
        color: #fff;
    }

.main_bannerData {
    position: absolute;
    right: 0;
    text-align: center;
    background-color: #3d4a5d;
    padding: 15px 30px;
    cursor: pointer;
}

    .main_bannerData i {
        color: #fff;
    }

    .main_bannerData h3 {
        color: #fff;
        font-size: 16px;
    }

.main_center {
    width: 75%;
    max-width: 1360px;
    margin: 0 auto;
}

.main_centerTitle {
    width: 100%;
}

    .main_centerTitle ul li {
        vertical-align: middle;
        min-height: 70px;
        text-align: center;
        background-color: #fff;
        background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0 !important;
        filter: Alpha(opacity=10);
        background: #fff;
    }

    .main_centerTitle table {
        width: 100%;
        height: 100%;
    }

        .main_centerTitle table td {
            height: 100%;
            vertical-align: middle;
        }

    .main_centerTitle ul li h2 {
        font-size: 26px;
        color: #fff;
        margin-bottom: 2px;
        padding-left: 60px;
    }

    .main_centerTitle ul li p {
        color: #c2c2c2;
        padding-left: 60px;
        font-size: 16px;
        margin: 0;
    }

.main_centerTitle_img {
    width: 40px;
    margin: 0 auto 6px;
    padding-top: 3px;
}

    .main_centerTitle_img img {
        width: 100%;
    }

.main_centerTitle ul li h3 {
    color: #fff;
    font-size: 16px;
}

.main_li1 {
    float: left;
}

.main_li2 {
    float: right;
    width: 200px;
    cursor: pointer;
}

.main_centerCon {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 30px 0;
    filter: Alpha(opacity=10);
    background: #fff;
}

    .main_centerCon ul {
        height: 100%;
    }

    .main_centerCon li {
        width: 20%;
        float: left;
        text-align: center;
        padding: 10px 0;
        height: 33.333%;
    }

        .main_centerCon li i {
            color: #fff;
        }

.main_centerSysCon {
    cursor: pointer;
    width: 93%;
    margin: 0 auto;
    /*padding: 10px 0;*/
}

.main_divbg0 {
    background-color: #ddd;
}

.main_divbg1 {
    background-color: #40d0ad;
}

.main_divbg2 {
    background-color: #48c0eb;
}

.main_divbg3 {
    background-color: #ffb824;
}

.main_divbg4 {
    background-color: #fd6d49;
}

.main_divbg5 {
    background-color: #8979f9;
}

.main_divbg6 {
    background-color: #ba8aea;
}

.main_divbg7 {
    background-color: #f39753;
}

.main_divbg8 {
    background-color: #697dd1;
}

.main_divbg9 {
    background-color: #5bb936;
}

.main_divbg10 {
    background-color: #d5c36d;
}

.main_divbg11 {
    background-color: #d18daa;
}

.main_divbg12 {
    background-color: #638bf4;
}

.main_divbg13 {
    background-color: #acd073;
}

.main_divbg14 {
    background-color: #e276cf;
}

.main_divbg15 {
    background-color: #e15b5b;
}

.main_centerCon li h2 {
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
}

.main_centerPart {
    width: 95px;
    margin: 0 auto;
}

    .main_centerPart li {
        width: 40px;
        float: left;
        height: 5px;
        cursor: pointer;
    }

.main_partLi1 {
    margin-right: 15px;
    background-color: #fff;
}

.main_partLi2 {
    background-color: #fff;
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0 !important;
    filter: Alpha(opacity=10);
    background: #fff;
}

.main_bottom {
    width: 100%;
    text-align: center;
    background-color: #282828;
    height: 30px;
    overflow: hidden;
}

    .main_bottom p {
        color: #fff;
        line-height: 30px;
        margin: 0;
    }

        .main_bottom p span {
            font-weight: bold;
        }
/*首页*/
.design_main {
    width: 100%;
    min-width: 1200px;
}
/*.design_mainTop{background-color:#293038; width:100%; height:50px;}*/
.design_mainTop {
    height: 74px;
    padding: 20px 0 20px 0;
}

.design_logo2 {
    width: 28px;
    margin: 0 auto;
}

    .design_logo2 img {
        width: 100%;
    }


.design_mainLeft {
    width: 220px;
    float: left;
    background-color: #262d40;
    /*overflow-y: auto;
    overflow-x: hidden;*/
}

.designMainLeft.newPlan {
    float: left;
    width: 80px;
    height: 100%;
    background-color: #f1f3f5;
    position: relative;
}



        .designMainLeft.newPlan ul {
            width:80px;
            height: 100%;
            border-right: solid 1px #e5e6e8
        }



            .designMainLeft.newPlan ul li {
                width: 100%;
                height: 86px;
                border-bottom: solid 1px #e5e6e8;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                padding-right: 5px;
            }


                .designMainLeft.newPlan ul li:hover {
                    background-color: #d7dade;
                    -webkit-transition: all 0.5s linear;
                    -moz-transition: all 0.5s linear;
                    -o-transition: all 0.5s linear;
                    transition: all 0.5s linear;
                }

                .designMainLeft.newPlan ul li.dd1selected {
                    background: linear-gradient(to bottom,#f43857,#b0122f);
                    border: solid 1px #fff;
                    width: 81px;
                    height: 88px;
                    margin-top: -1px;
                    margin-left: -1px;
                }


                .designMainLeft.newPlan ul li .iconText {
                    width:46px;
                    font-size:14px;
                    line-height:16px;
                    text-align:center;
                    color:#0e0f0f;
                }

                .designMainLeft.newPlan ul  li.dd1selected  .iconText {
                    color: #fff;
                }

                .designMainLeft.newPlan ul li .arrowNewNav {
                    position: absolute;
                    width: 12px;
                    height: 12px;
                    top: 37px;
                    right: -7px;
                    background-color: #f1f3f5;
                    border: solid 1px #fff;
                    border-top: 0;
                    border-right: 0;
                    transform: rotate(45deg);
                    display: none;
                }

                .designMainLeft.newPlan  ul  li.dd1selected  .arrowNewNav {
                    display: block;
                }

                .designMainLeft.newPlan  ul  li  div  img{
                    width:46px;
                }

         .userInfoGroup{
            position:absolute;
            width:100%;
            bottom:20px;
            cursor:pointer;
        }

            .userInfoGroup .photoBox {
                width: 100%;
                height: 46px;
                display:flex;
                justify-content:center;
                align-items:center;
            }

             .userInfoGroup .textBox {
                height:26px;
                line-height:26px;
                font-size:14px;
                color:#41474a;
                text-align:center;
            }

                .design_mainLeft_top {
                    width: 100%;
                    padding: 20px 0 20px 15px;
                }





.design_logo {
    width: 133px;
}

.designMainLeft.newPlan .design_logo {
    width: 80px;
    border-right: solid 1px #eee;
    background-color:#fff;
    height:68px;
}

.design_logo img {
    width: 100%;
}

.design_mainLeft_title {
    height: 30px;
    width: 100%;
    background-color: #3c4662;
    cursor: pointer;
    /*border-bottom: solid 1px #3c536a;*/
}

.design_mainLeft_titleIcon {
    width: 12px;
    margin: 0 auto;
    padding-top: 9px;
}

    .design_mainLeft_titleIcon img {
        width: 12px;
        height: 12px;
    }

.design_mainLeft_demoTitle {
    width: 100%;
    background-color: #2d364c;
    border-bottom: solid 1px #2d364c;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

.design_mainLeft_demo_Div {
    padding-left: 12px;
}

.design_mainLeft_demoImg01 {
    width: 16px;
    float: left;
    margin: 0 13px 0 12px;
    padding-top: 14px;
}

.design_mainLeft_demoImg04 {
    width: 16px;
    float: left;
    padding-top: 11px;
}

.design_mainLeft_demoImg02 {
    width: 11px;
    float: right;
    padding-top: 18px;
}

.design_mainLeft_demoTitle h2 {
    color: #acb1c0;
    float: left;
}

.design_mainLeft_demo ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #2d364c;
    cursor: pointer;
    padding: 0 15px 0 45px;
}

    .design_mainLeft_demo ul li:hover {
        background-color: #435070;
    }

    .design_mainLeft_demo ul li h3 {
        float: left;
    }

.design_mainLeft_demoImg03 {
    float: right;
    padding-top: 16px;
}

.design_li01 {
    background-color: #488fd2;
}

    .design_li01 h3 {
        color: #fff;
    }

.design_li02 h3 {
    color: #acb1c0;
}

.design_mainRight {
    float: left;
    background-color: #f1f3f5;
    width: calc(100% - 220px);
}


.design_mainRightN.newPlan {
    float: left;
    background-color: #f1f3f5;
    width: calc(100% - 80px);
    height:100%;
}


    .design_mainRightN.newPlan #iframeMain1 {
        width:100%;
        height:100%;
    }


    .design_mainRight_top {
        background-color: #488fd2;
        width: 100%;
        height: 50px;
        padding: 0 0 0 15px;
    }

    .design_mainRight_top h1 {
        color: #fff;
        float: left;
        line-height: 48px;
        margin-right: 40px;
        font-size: 20px;
        font-style: normal;
    }

.design_mainRight_lei {
    float: left;
    padding: 0 20px;
    background-color: #3378ba;
    cursor: pointer;
    position: relative;
}

    .design_mainRight_lei p {
        float: left;
        margin: 0;
        margin-right: 8px;
        line-height: 50px;
        color: #fff;
    }

    .design_mainRight_lei ul {
        width: 340px;
        position: absolute;
        padding: 5px;
        left: 0;
        top: 50px;
        background-color: #3378ba;
        z-index: 3;
        display: none;
    }

        .design_mainRight_lei ul li {
            color: #fff;
            width: 165px;
            padding: 0 0 0 15px;
            line-height: 35px;
        }

            .design_mainRight_lei ul li span {
                margin-top: -1px;
                float: left;
            }

            .design_mainRight_lei ul li:hover {
                background: #488fd2;
            }




#divHtml {
    height: 100%;
    overflow-y: auto;
}



        .iconfont_span {
            margin-top: -1px;
            float: left;
        }

.design_mainRight_top a {
    float: right;

}

.design_imgDiv01 {
    float: left;
    width: 23px;
    margin-right: 6px;
    border-radius: 250px;
}

    .design_imgDiv01 img {
        width: 100%;
        border-radius: 250px;
    }

.design_span01 {
    color: #fff;
    line-height: 50px;
}

.design_div01 {
    background-color: #3378ba;
    float: right;
    height: 50px;
    width: 100px;
    cursor: pointer;
    line-height: 30px;
    padding-left: 20px;
}

    .design_div01 img {
        float: left;
        margin-right: 6px;
        width: 20px;
        padding-top: 15px;
    }

    .design_div01 p {
        color: #fff;
        line-height: 50px;
        margin: 0;
    }

.design_div02 {
    float: right;
    width: 60px;
    cursor: pointer;
}

    .design_div02 img {
        float: left;
        margin-right: 4px;
        width: 20px;
    }

/*    .design_div02 p {
        color: #fff;
        line-height: 30px;
    }*/

.design_div03 {
    background-color: #fff;
    float: right;
    height: 60px;
    width: 120px;
    cursor: pointer;
    line-height: 30px;
    padding-left: 20px;
    margin-top: -14px;
    margin-right: 15px;
}

    .design_div03 p {
        line-height: 58px;
        padding: 0 6px 0 0;
        float: left;
        margin: 0;
    }

    .design_div03 h3 {
        line-height: 58px;
        float: left;
        color: #13b7f6;
    }


.design_img01 {
    padding-top: 23px;
}

.design_mainRight_titleDiv01 {
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

    .design_mainRight_titleDiv01 img {
        margin-right: 1px;
        float: left;
        margin-top: 15px;
    }

    .design_mainRight_titleDiv01 p {
        padding: 0 6px;
        color: #fff;
        float: left;
        line-height: 50px;
        margin: 0;
    }

.design_mainRight_titleDiv02 {
    float: right;
    margin-right: 40px;
    cursor: pointer;
}

    .design_mainRight_titleDiv02 img {
        margin-right: 1px;
        float: left;
    }

    .design_mainRight_titleDiv02 p {
        background-color: #E74C3C;
        border-radius: 25px;
        padding: 0 6px;
        color: #fff;
        float: left;
        font-size: 12px;
        margin: 0;
        margin-top: 3px;
    }

.design_mainRight_titleDiv03 {
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

    .design_mainRight_titleDiv03 img {
        margin-right: 4px;
        float: left;
    }

/*    .design_mainRight_titleDiv03 p {
        padding: 0 6px;
        color: #fff;
        float: left;
        line-height: 30px;
    }*/

    .design_mainRight_titleDiv03 h3 {
        padding: 0 6px;
        float: left;
        color: #fff;
        line-height: 30px;
    }

.design_mainSystem_top {
    /*width: calc(100% - 24px);*/
    height: 60px;
    border-bottom: solid 1px #ddd;
    background-color: #fff;
    padding: 0 15px;
    margin: 10px 12px 12px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    display: flex;
    justify-content: space-between;
}

.design_mainSystem_top_title {
    vertical-align: top;
    padding-top: 6px;
}

.design_h301 {
    text-align: center;
    font-size: 16px;
    margin: 0;
    line-height: 60px;
}

.design_mainSystem_top_btn {
    vertical-align: top;
    padding-top: 12px;
}

.design_h201 {
    font-size: 16px;
    border-left: solid 4px #f85858;
    padding-left: 10px;
    color: rgb(85, 85, 85);
    font-weight: 400;
}

#divTopBtn {
    overflow: hidden;
}

#divToolBar {
    width: 100%;
    text-align: right;
}

#divToolBar table {
    width: 100%;
    float: right;
}

.divTodayTickets {
    color: #f00;
    font-weight: bold;
}

.design_span03 {
    font-size: 16px;
}

.design_mainRight_conText {
    padding: 0 15px;
    width: 99.9%;
}

.img_01 {
    width: 100%;
}

/*.design_mainRight_all {
    width: calc(100% - 220px);
}*/

.design_mainSystem_searchCriteria2 {
    width: 100%;
    border-bottom: solid 1px #ddd;
    background-color: #fff;
    margin-bottom: 10px;
}

.design_mainSystem_searchCriteria {
    /*width:  calc(100% - 24px);*/
    /*border-bottom: solid 1px #ddd;*/
    background-color: #fff;
    padding: 5px 15px;
    margin: 0 12px 12px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

    .design_mainSystem_searchCriteria ul li {
        float: left;
        width: 25%;
        margin: 5px 0;
    }

        .design_mainSystem_searchCriteria ul li label {
            display: inline-block;
            vertical-align: top;
            padding-left: 10px;
            width: 110px;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
        }

.design_mainSystem_searchCriteria_kuang {
    width: calc(100% - 125px);
    display: inline-block;
    vertical-align: top;
}

    .design_mainSystem_searchCriteria_kuang span {
    }

.design_mainSystem_searchCriteria_kuang_dx {
    width: 60%;
    float: left;
}

    .design_mainSystem_searchCriteria_kuang_dx span {
        line-height: 36px;
    }

.design_mainRight_allTongji1 {
    width: 100%;
    padding: 0 0 15px 0;
}

    .design_mainRight_allTongji1 ul li {
        background-color: #fff;
        width: 32.5%;
        float: left;
        padding: 15px;
    }

.design_mainRight_allTongji_li1 {
    border-left: 4px solid #2ECC71;
}

.design_mainRight_allTongji_li2 {
    border-left: 4px solid #3498DB;
    margin: 0 1.25%;
}

.design_mainRight_allTongji_li3 {
    border-left: 4px solid #E74C3C;
}

.desgin_mainRight_allTongji_wordDiv {
    float: left;
}

    .desgin_mainRight_allTongji_wordDiv h2 {
        font-size: 32px;
        margin-bottom: 5px;
    }

.design_mainRight_allTongji1 img {
    width: 100%;
}

.desgin_mainRight_allTongji_imgDiv1 {
    float: right;
    width: 30%;
    max-width: 74px;
    padding: 10px;
    background-color: #2ECC71;
    margin-top: 4px;
}

.desgin_mainRight_allTongji_imgDiv2 {
    float: right;
    width: 30%;
    max-width: 74px;
    padding: 10px;
    background-color: #3498DB;
    margin-top: 4px;
}

.desgin_mainRight_allTongji_imgDiv3 {
    float: right;
    width: 30%;
    max-width: 74px;
    padding: 10px;
    background-color: #E74C3C;
    margin-top: 4px;
}

.design_mainSystem_bottom {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.design_mainSystem_moreBtn {
    width: 120px;
    background-color: #eeeff2;
    margin: 0 auto;
    height: 25px;
    cursor: pointer;
}

    .design_mainSystem_moreBtn p {
        text-align: center;
        line-height: 25px;
        margin: 0;
    }

/*弹出 */

.ceng_all {
    width: 850px;
    height: 650px;
    margin: 50px auto;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

header {
    width: 100%;
    height: 57px;
    background: #465c7b;
    line-height: 57px;
    overflow: hidden;
}

    header span {
        color: #fff;
        font-size: 18px;
    }

        header span:nth-child(1) {
            float: left;
            margin-left: 38px;
        }

        header span:nth-child(2) {
            float: right;
            margin-right: 38px;
        }

.ceng_allcon {
    overflow: hidden;
    background: #fff;
    position: relative;
}

.left {
    width: 192px;
    height: 555px;
    background: #eeeff2;
    padding-top: 38px;
    float: left;
    margin-right: 40px;
}

    .left li {
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        padding-left: 38px;
    }

        .left li:hover {
            background: #488fd2;
            color: #fff;
        }

.dialogTable {
    border-collapse: collapse;
}

.td00 {
    border-bottom: 1px solid #e9e9e9;
}

    .td00 td {
        font-size: 16px;
    }

.td01, .td02 {
    font-size: 14px;
}

.ceng_tabtr01 .td01 {
    padding-right: 0;
    width: 25%;
}

.ceng_tabtr01 .td02 {
    padding-left: 0;
}

.btn {
    position: absolute;
    right: 40px;
    bottom: 20px;
}

    .btn button {
        width: 64px;
        height: 37px;
        outline: none;
        border-radius: 5px;
        border: none;
        cursor: pointer;
        margin-right: 8px;
    }

        .btn button:hover {
            opacity: 0.8;
        }

        .btn button:nth-child(1) {
            color: #fff;
            background: #44b549;
            font-size: 14px;
        }

/*主界面部分样式*/
.weiIndex_centerAll_right_center {
    width: 100%;
    margin: 0 auto 15px auto;
    border: solid 1px #e7e7eb;
    background-color: #fff;
}

.weiIndex_centerAll_right_centerTop {
    width: 100%;
    background-color: #f4f5f9;
}

.wechat_indexTitle {
    width: 100%;
    border-bottom: solid 1px #e7e7eb;
}

    .wechat_indexTitle ul li {
        float: left;
        padding: 10px 0;
        font-size: 16px;
    }

.wechat_indexTitleLi_02 {
    width: 110px;
    cursor: pointer;
}

.wechat_indexTitle ul li p {
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.wechat_indexTitleLi_03 {
    background-color: #488fd2;
    width: 110px;
}

    .wechat_indexTitleLi_03 p {
        color: #fff;
        margin: 0;
    }

.wechat_indexTime {
    width: 100%;
    padding: 8px 15px 7px;
    border-bottom: solid 1px #e7e7eb;
}

    .wechat_indexTime ul li {
        float: left;
        font-size: 16px;
    }

        .wechat_indexTime ul li p {
            text-align: center;
            margin: 0;
        }

.wechat_indexTimeLi_02 {
    padding: 8px 25px;
    background-color: #fff;
    border: solid 1px #e7e7eb;
    border-right: 0;
    cursor: pointer;
}

.wechat_pTime_01 {
    color: #459ae9;
}

.wechat_indexTimeLi_03 {
    border-right: 0;
    cursor: pointer;
    margin-left: 10px;
}

.wechat_pTime_01 {
    color: #459ae9;
}

.wechat_timep_01 {
    float: left;
    margin-right: 8px;
}

.wechat_timeicon_01 {
    float: right;
    padding-top: 7px;
}

.weiIndex_centerAll_right_centerCen {
    width: 95%;
    margin: 0 auto;
    padding: 15px 0 50px 0;
}

.dx-field-label {
    padding: 0;
}

.dx-field-label p {
    margin: 0;
}
/*弹出层*/
.tancengTitle {
    width: 100%;
    background-color: #f1f5f7;
    height: 57px;
    line-height: 57px;
    padding: 0 30px;
    border-bottom: solid 1px #e1e5e8;
}

    .tancengTitle h1 {
        color: #000;
        font-size: 18px;
        float: left;
        margin: 0;
    }

.tancengTitle_img {
    float: right;
    width: 20px;
    padding-top: 18px;
    cursor: pointer;
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

.tancengCon {
    height: calc(100% - 130px);
    padding: 15px 10px 20px 30px;
}

.tancengCon01 {
    padding: 30px;
}

.tancengCon02 {
    padding: 20px;
}

.RechargeDivclass {
    overflow: auto;
    width: 850px;
}

.tancengCon_list {
    padding: 0 20px 20px 20px;
}

.tancengCon_content {
    /*padding-bottom: 30px;*/
    height: 100%;
}

    .tancengCon_content table {
        width: 100%;
        line-height: 39px;
        padding-right: 20px;
    }

.tancengCon_content_01 {
    width: 660px;
    margin: 0 auto;
    padding-bottom: 30px;
}

    .tancengCon_content_01 div {
        margin: 0 20px 6px 0;
    }

    .tancengCon_content_01 h2 {
        margin-bottom: 30px;
    }

.tancengCon_listWord {
    float: left;
}

    .tancengCon_listWord p b {
        font-weight: bold;
    }

    .tancengCon_listWord p span {
        font-size: 25px;
        color: #f00;
        font-weight: bold;
        margin: 0 5px;
    }

/*补充样式*/

.dx-datagrid-nodata {
    color: #cecece;
}

#SeatContainer .dx-field-right {
    float: right;
    overflow: hidden;
}

#ChoseTicetMessage {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    /*font-size: 18px;*/
    font-weight: bold;
    color: red;
    /*text-align: center;*/
    width: calc(100% - 650px);
}

.spTotalPrice {
    font-size: 24px;
}

.canvasContainer {
    overflow: auto;
    width: 100%;
    border: solid 1px #dedede;
    background-color: #fff;
    display: none;
    clear: both;
    padding: 30px;
}

.seatNum {
    width: 100%;
    padding: 15px;
    background-color: #fff;
}

.lblSeatInfo {
    line-height: 34px;
}

.seatNum_top {
    width: 72%;
}

.seatNum_topLeft {
    float: left;
}

.seatNum_topRight {
    float: right;
    padding-right: 10px;
}

.seatTicket_top {
    width: 100%;
    display: none;
    border-bottom: solid 1px #dedede;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background-color: #fff;
}

.seatTicket {
    width: 100%;
    margin-bottom: 15px;
}

    .seatTicket .dx-field {
        min-height: 0;
        padding: 5px;
        border: 1px solid #dedede;
        cursor: pointer;
    }

        .seatTicket .dx-field:hover {
            border: 1px solid #488fd2;
        }

.ticketDesign {
    width: 100%;
    background-color: #fff;
    padding: 15px;
}

/*弹出层*/
.inputStyle {
    border: 1px solid #e2e2e0;
    height: 31px;
    width: 100%;
    background-color: #fafafa;
    padding-left: 10px;
    font-size: 16px;
}

.formButton_left {
    float: left;
}

.formButton_base {
    float: left;
    margin-left: 5px;
}

.formButton_right {
    float: left;
}

#saveButton, #cancelButton, #ReadCardButton, #ReadIdentityButton, #saveNoPrint, #reserveOrder {
    height: 40px;
    /*margin-left: 5px;*/
    display: inline-block;
}

#formButton {
    margin-bottom: 0px;
    /*clear: both;*/
    text-align: center;
}

#formBody #formBodyTable tr td {
    height: 50px;
}

#formBodyTable {
    width: 100%;
    padding-right: 20px;
    table-layout: fixed;
}

    #formBodyTable tr td:nth-child(1) {
        width: 20px;
    }

    #formBodyTable tr td:nth-child(2) {
        width: 150px;
    }

    #formBodyTable tr td:nth-child(3) {
        width: calc(100% - 170px);
    }

#formBody #PayTable tr td {
    height: 50px;
}

#PayTable {
    width: 660px;
    padding-right: 20px;
}

/*#PayTable tr td:nth-child(2) {
        width: 150px;
    }

    #PayTable tr td:nth-child(3) {
        width: 490px;
    }*/

#ticketCount {
    color: red;
    font-size: 24px;
}

#messageDiv {
    color: red;
    text-align: left;
}

.popupBottomMessage {
    /*width: 640px;*/
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

#formBodyScrollBody {
    height: 100%;
}

/*#formBodyScrollBody::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

#formBodyScrollBody::-webkit-scrollbar-track-piece {
        background-color: #CCCCCC;
        -webkit-border-radius: 6px;
    }

#formBodyScrollBody::-webkit-scrollbar-thumb:vertical {
        height: 5px;
        background-color: #999999;
        -webkit-border-radius: 6px;
    }

#formBodyScrollBody::-webkit-scrollbar-thumb:horizontal {
        width: 5px;
        background-color: #CCCCCC;
        -webkit-border-radius: 6px;
    }
    .tdCenter {
        width:500px;
    }*/

.RechargeBodyDiv {
    width: 100%;
    background-color: #f7f7f7;
    padding: 5px 15px;
    margin-bottom: 25px;
}

.PayTable_td1 {
    width: 70px;
}

.PayTable_td2 {
    width: 200px;
}

.PayTable_td3 {
    width: 130px;
}

.PayTable_td4 {
    width: 100px;
}

.dyName {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.simuTicket_con {
    width: calc(100% - 24px);
    margin: 10px 12px 12px;
    padding: 15px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.RechargeBodyDiv_tabdiv1 {
    float: left;
    width: 60%;
    margin-right: 15px;
}

.RechargeBodyDiv_tabdiv2 {
    float: left;
}

.tanceng_span01 {
    color: #f00;
    font-size: 18px;
    float: left;
}

.tanceng_div01 {
    color: #f00;
    font-size: 18px;
}

.tancengButton_div01 {
    height: 40px;
    /*margin-right: 5px;*/
    display: inline-block;
}

.tancengButton_div02 {
    height: 40px;
    display: inline-block;
}

#ReadIdentityButton {
}

/*座位图界面增加颜色选项*/
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    /*padding-left: 1px;*/
    padding-right: 7px;
}

.custom-item {
    position: relative;
    min-height: 30px;
}

    .custom-item .product-name {
        display: inline-block;
        padding-left: 30px;
        text-indent: 0;
        line-height: 30px;
        font-size: 15px;
    }

    .custom-item > img {
        left: 10px;
        position: absolute;
        top: 50%;
        margin-top: -8px;
    }

    .custom-item .dx-texteditor-buttons-container {
        display: none;
    }

.current-value {
    padding: 10px 0;
}

    .current-value > span {
        font-weight: bold;
    }


/*演出信息*/
.img_ProinfoDiv_add:hover {
    border-color: #488fd2;
}

.img_ProinfoDiv_add {
    width: 130px;
    height: 98px;
    border: dashed 3px #ddd;
    text-align: center;
    cursor: pointer;
}

.img_ProinfoDiv_addImg {
    margin: 0 auto;
    padding-top: 10px;
}

.performanceImg {
    width: 70%;
}

    .performanceImg tr:not(:last-child) td {
        padding-bottom: 20px;
    }

.img_ProinfoDiv_img {
    width: 130px;
    height: 98px;
}

    .img_ProinfoDiv_img img {
        width: 130px;
        height: 98px;
    }

.performanceImg ul li {
    position: relative;
    width: 130px;
    height: 98px;
}

    .performanceImg ul li .img_ProinfoDiv_remove {
        position: absolute;
        right: -8px;
        top: -8px;
        width: 20px;
        cursor: pointer;
        transition: 0.5s all ease;
    }

        .performanceImg ul li .img_ProinfoDiv_remove:hover {
            transform: rotate(90deg);
        }

.performanceImg td .proposalSize {
    line-height: 98px;
    margin-left: 20px;
    color: #999;
}

.zxk_sjSmCon_top {
    padding: 5px 0 15px 30px;
    background-color: #33c98d;
    margin-right: 15px;
}

    .zxk_sjSmCon_top h1 {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
    }

.zxk_sjSmCon {
    width: 100%;
    padding: 40px 30px 15px 30px;
    margin-right: 15px;
    background-color: #fff;
}

.zxk_sjSmCon_time {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: solid 1px #eaeaea;
}

.zxk_sjSmCon_timeTitle {
    margin-bottom: 30px;
    border-left: solid 3px #488fd2;
    padding-left: 10px;
    float: left;
    width: 15%;
}

    .zxk_sjSmCon_timeTitle h4 {
        font-weight: bold;
        margin-bottom: 2px;
        font-size: 20px;
    }

    .zxk_sjSmCon_timeTitle b {
        color: #999;
        font-size: 13px;
    }

.zxk_sjSmCon_timeP {
    float: left;
    width: 85%;
}

    .zxk_sjSmCon_timeP p {
        line-height: 2;
        margin: 0;
    }

/**/
.BtnStyle {
    float: right;
    margin-left: 5px;
    margin-top: 10px;
}

#divTicketStyle {
    clear: both;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

    #divTicketStyle .dl1 {
        clear: both;
        cursor: pointer;
        /*color: #999999;*/
        font-weight: bold;
        font-size: 2px;
        margin: 0px;
    }

    #divTicketStyle ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #divTicketStyle .dd1 {
        padding: 0 0 0 60px;
        list-style-type: none;
    }

    #divTicketStyle .aStyle2 {
        padding: 0 0 0 43px;
        line-height: 2.6;
        cursor: pointer;
    }

#ticketStyleTitle {
    width: 100%;
    border-bottom: solid 1px #d3d3d3;
    height: 34px;
    line-height: 33px;
}

    #ticketStyleTitle .tstsp1 {
        /*float: left;*/
        padding-left: 15px;
    }

    #ticketStyleTitle .tstsp2 {
        padding: 10px 12px;
        cursor: pointer;
        float: right;
    }

#divTMethod .dx-widget {
    font-size: 18px;
    color: #000;
}

.stockDiv {
    display: none;
}

.divHide table {
    line-height: 25px;
}

.dmpdivHide table {
    line-height: 25px;
}


.divHide {
    /*display: none;*/
    margin-top: 10px;
}

/*.design_mainSystem_searchCriteria {
        padding-top: 0px;
    }*/
#txtKey {
    width: 250px;
    display: inline-block;
    margin-right: 5px;
}

#deleteTatalMoney {
    color: #999;
    font-size: 16px;
}

.c_page_treeview {
    width: 100%;
    margin-top: 10px;
}

.c_page_listLeft {
    float: left;
    width: 40%;
    background-color: #fff;
    padding: 15px;
    overflow: auto;
}

.c_page_listRight {
    float: right;
    width: 59.5%;
    background-color: #fff;
    padding: 15px;
    overflow: auto;
}

.lastTd {
    color: red;
    text-decoration: underline;
    cursor: pointer;
}

.lastTdEnd {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.lastTdNounderline {
    color: red;
}

.lastTdEndNounderline {
    color: #fff;
}

.lastTdNounderline_blue {
    color: #488fd2;
    font-weight: bold;
}

/*新版主界面*/
.main_bannerAll_title {
    width: 100%;
    text-align: center;
    padding: 50px 0 30px 0;
}

    .main_bannerAll_title h2 {
        color: #fff;
        font-size: 30pt;
        font-weight: bold;
        margin-bottom: 10px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .main_bannerAll_title p {
        color: #fff;
        font-size: 16px;
        margin: 0;
    }

.main_bannerAll2 {
    width: 75%;
    max-width: 1360px;
    margin: 0 auto;
    padding-bottom: 40px;
}

    .main_bannerAll2 ul li {
        float: left;
        width: 33.3333%;
        box-sizing: border-box;
    }

.main_bannerAll2_btn01 {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}

    .main_bannerAll2_btn01 img {
        width: 100%;
        margin: 0 auto;
        border: solid 5px #fff;
    }

    .main_bannerAll2_btn01 h2 {
        font-size: 16px;
        width: 100%;
        padding: 5px 0;
        background-color: #fff;
        margin: 0;
    }

.main_topRight2 {
    position: absolute;
    top: 14px;
    right: 80px;
    z-index: 99;
}

.bigscreen_topicon {
    position: fixed;
    right: 15px;
    top: 15px;
}

.gibscreen_icon {
    width: 25px;
    position: absolute;
    right: 30px;
    top: 0;
}

.gibscreen_iconDiv1 {
    width: 3px;
    height: 28px;
    margin: 0 auto;
    background-color: #fff;
}

.gibscreen_iconDiv2 {
    width: 25px;
    height: 25px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

    .gibscreen_iconDiv2 img {
        width: 18px;
        margin: 4px auto 0 auto;
    }

.gibscreen_iconDiv3 {
    width: 180px;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    top: 28px;
    z-index: 9999;
}

    .gibscreen_iconDiv3 h2 {
        color: #b6b6b6;
        font-size: 15px;
        margin-bottom: 15px;
        margin-top: 0;
        padding-left: 10px;
    }

.gibscreen_iconDiv3_h2 {
    float: left;
}

.gibscreen_iconDiv3_titleimg {
    float: right;
    width: 12px;
    padding-top: 1px;
    cursor: pointer;
}

.gibscreen_iconDiv3 ul li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    cursor: pointer;
}

.gibscreen_iconDiv3_img {
    width: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 11px;
}

    .gibscreen_iconDiv3_img img {
        width: 100%;
    }

.gibscreen_iconDiv3 ul li p {
    font-size: 15px;
    margin: 0;
}

.gibscreen_iconDiv3 UL LI:hover {
    background-color: #13b7f6;
}

.actived {
    background-color: #13b7f6;
}

.gibscreen_iconDiv3_li {
    background-color: #13b7f6;
}

.gibscreen_iconZhuxiao {
    width: 100%;
    border-top: solid 1px #e6e6e6;
    padding: 15px 0 0 0;
}

.gibscreen_iconZhuxiaoCon {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    cursor: pointer;
}

.gibscreen_iconDiv3_img2 {
    width: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 11px;
}

    .gibscreen_iconDiv3_img2 img {
        width: 100%;
    }

.gibscreen_iconZhuxiaoCon p {
    font-size: 15px;
    margin: 0;
}

.gibscreen_iconZhuxiaoCon:hover {
    /*background-color: #4469c0;*/
    background-color: #13b7f6;
}

.inputBorder {
    border: red solid 1px;
}