/* 引入百分比样式 */
@import url(../common/common.css);

.headx {
    background-color: #1787b5;
    height: 80px;
    width: 100%;
}

.logo {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    line-height: 80px;
    /*padding-left: 20px;*/
    height: 80px;
    overflow: hidden;
}
.userBox {
    float: right;
    padding-top: 10px;
    padding-right: 15px;
}

.welcomeBar {
    clear: both;
    float: right;
    color: #fff71e;
    font-size: 14px;
}

.welcomeBar a {
    color: #fff71e;
    line-height: 30px;
}

.menuBar {
    clear: both;
    float: right;
    font-size: 14px;
}

.menuitem {
    clear: both;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

.menuitem li {
    float: left;

    list-style: none;
    display: block;
    padding: 0px 10px;
}

.menuitem li .icon {
    margin-top: 5px;
    float: left;
    display: block;
    margin-right: 6px;
}

.menuitem li .topuser img {
    width: 27px;
}

.menuitem li .menuText {
    float: left;
    display: block;
}

.menuitem li.userImg .icon {
    border: 2px solid #fff;
    border-radius: 100%;
    width: 27px;
    height: 27px;
    margin-top: -1px;
    background-color: #fff;
}

.menuitem li.userImg img {
    width: 27px;
    height: 27px;
    border-radius: 100%;
}

.menuText {
    color: #fff;
}

.bodyx {
    height: calc(100% - 80px);
    position: relative;
}

.navleft {
    background-color: #ececec;
    width: 190px;
    height: 100%;
    position: absolute;
    z-index: 9999;
    border-right: 1px solid #d7d7d7;
}

.zoomNav {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #f9f9f9;
    font-size: 16px;
    padding: 0px 0px 0px 20px;
    vertical-align: middle;
}

.zoomNav .zqiconfont {
    height: 40px;
    overflow: hidden;
    color: #333;
    display: block;
    float: left;
    margin-right: 10px;
}

.zoomNav i {
    font-style: normal;
    color: #0c7091;
    display: block;
    float: left;
}

.zoomNav .zqiconfont img {
    margin-top: 6px;
    width: 28px;
    height: 28px;
}

.navBox {
    width: 100%;
    height: calc(100% - 42px);
    line-height: 40px;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #d3d3d3;
}

.itemList {
    padding: 18px 0px 0px 0px;
    margin: 0px;
    border-bottom: 1px solid #f9f9f9;
}

.itemList li {
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #f9f9f9;
    font-size: 16px;
    padding: 0px 0px 0px 15px;
    height: 40px;
    overflow: hidden;
}

.itemList li:first-child {
    border-top: none;
}

.itemList li i {
    font-style: normal;
    color: #0c7091;
    display: block;
    float: left;
}

.itemList li.active {
    background-color: #fff;
}

.itemExtend {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 356px;
    z-index: 100000;
    left: 221px;
    top: 0px;
    height: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

/*.itemExtend {*/
/*    display: none;*/
/*    position: absolute;*/
/*    background-color: #fefefe;*/
/*    width: 356px;*/
/*    z-index: 10000;*/
/*    left: 301px;*/
/*    top: 0px;*/
/*    height: 100%;*/
/*    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);*/
/*}*/

.itemInfo {
    height: 80px;
    padding-top: 20px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.05);
}

.itemInfo .itemImg {
    margin-left: 45px;
    float: left;
}

.itemInfo .itemMenuName {
    float: left;
    padding-left: 20px;
    padding-top: 6px;
    color: #1787b5;
}

.itemInfo .itemMenuName i {
    color: #c7c7c7;
    font-size: 14px;
    font-style: normal;
}

.itemMenuName .nameText {
    font-size: 22px;
    font-weight: bold;
    display: block;
}

.itemExtendList {
    padding: 30px 10px 30px 45px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 160px);
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
}

.closeBtn {
    display: none;
    position: absolute;
    width: 350px;
    left: 182px;
    text-align: right;
    top: 8px;
    z-index: 999999;
    font-size: 16px;
}

.leftMenuExtend .active {
    display: block;
}

.exNav {
    margin: 0px 30px 0px 0px;
    font-size: 14px;
}

.exNavTitle {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #eee;
    margin-bottom: 5px;
}

.exNavTitle .zqiconfont {
    text-align: center;
    width: 30px;
    margin-right: 5px;
    display: block;
    float: left;
    color: #259ac0;
}

.itemExtendList dl {
    padding: 0px 0px 0px 30px;
    /* width: 145px;	 */
    margin: 10px 0px 10px 0px;
}

.exNavTitle a {
    color: #7194a0;
}

.itemExtendList dd {
    line-height: 24px;
    position: relative;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itemExtendList .exNav4 {
    color: #f00;
    line-height: 24px;
    position: relative;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px 0px 5px 6px;
    padding: 6px 5px 2px 20px;
    border-radius: 3px;
}

.itemExtendList .exNav4 dd {
    width: auto;
    border-left: 3px #81c2f5 solid;
    margin-bottom: 7px;
    padding-left: 7px;
    line-height: 14px;
}

.itemExtendList .exNav4 .zqiconfont {
    display: none;
}

.itemExtendList dd .zqiconfont {
    text-align: center;
    width: 30px;
    margin-right: 5px;
    display: block;
    float: left;
}

.itemExtendList dd a {
    color: #9a9a9a;
}

.itemExtendList dd a:hover {
    color: #000;
}

.itemShadow {
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: calc(100% - 190px);
    z-index: 9998;
    left: 190px;
    top: 0px;
    height: 100%;
}

.main {
    padding-left: 190px;
    height: 100%;
}

.navClose {
    display: block;
}

.navMini .navleft,
.navMini .navBox {
    width: 60px;
}

.navMini .main {
    padding-left: 60px;
}

.navMini .itemExtend {
    left: 61px
}

.navMini .closeBtn {
    left: 52px
}

.navMini .itemShadow {
    width: calc(100% - 60px);
    left: 60px;
}

.navMini .itemList li,
.navMini .zoomNav {
    padding-left: 15px;
}

.navMini .itemList li i,
.navMini .zoomNav i {
    display: none;
}

.navMini .navClose {
    display: none;
}

/* 登录 */

.login {
    min-width: 1200px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
}

.loginHeadx {
    height: 135px;
    width: 100%;
    overflow: hidden;
}

.loginHead {
    width: 1200px;
    margin: 0px auto;
}

.loginTips {
    padding-top: 69px;
    float: right;
    line-height: 22px;
    margin-right: 20px;
    color: #999;
}

.loginTips img {
    vertical-align: bottom;
    margin-right: 5px;
    height: 22px;
}

.loginLogo {
    float: left;
}

.loginLogo .imgLogo img {
    height: 135px;
}

.loginBodyx {
    height: calc(100% - 270px);
    background-color: #eee;
    width: 100%;
}

.loginMain {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    height: 100%;
    width: 100%;
}

.loginBox {
    position: absolute;
    width: 1180px;
    height: 460px;
    top: 50%;
    left: 50%;
    margin-top: -230px;
    margin-left: -590px;
}

.loginBox .loginRight {
    float: right;
    background-color: #fff;
    width: 340px;
    height: 460px;
    border-radius: 4px;
}

.lbBody {
    clear: both;
    padding: 0px 20px 20px 20px;
    font-size: 14px;
}

.lbBody .inputrow {
    border: 1px solid #ddd;
    padding: 6px 10px 6px 40px;
    position: relative;
    border-radius: 2px;
}

.lbBody .verifyInput .inputrow {
    padding: 6px 100px 6px 40px;
}

.lbBody .verifyCode {
    position: absolute;
    text-align: center;
    right: 5px;
    width: 80px;
    height: 27px;
    line-height: 27px;
    margin-top: -27px;
}

.lbBody .zqiconfont {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 28px;
    line-height: 28px;
    font-size: 22px;
    color: #2fa1d0;
}

.lbBody dl input {
    width: 100%;
    border: none;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #666;
    font-family: "microsoft yahei";
    outline: none;
}

.lbBody dt input {
    width: 100%;
    border: none;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    background-color: #2fa1d0;
    color: #fff;
    border-radius: 2px;
}

.lbBody dt input:hover {
    background-color: #19c1ff;
}

.loginBox .loginLeft {
    font-size: 18px;
    float: left;
    width: 700px;
    height: 430px;
    padding-top: 30px;
    overflow: hidden;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.loginBox .loginLeft h3 {
    color: #fff;
}

.loginBox .loginLeft ol {
    padding-left: 4%;
}

.loginBox .loginLeft li {
    margin-bottom: 10px;
    line-height: 30px;
    color: #fff;
}

.lbHead {
    padding: 30px 20px 10px 20px;
}

.lbHead img {
    height: 46px;
}

.loginBot {
    height: 135px;
    width: 100%;
    text-align: center;
}

.loginBot .loginBotBox {
    line-height: 80px;
    color: #7d7d7d;
}

.loginBotBox a {
    color: #7d7d7d;
}

.loginBotBox a:hover {
    color: #069;
}

.loginInfo {
    color: #666;
}

.msg-error {
    color: #f00;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .loginHead {
        width: 1150px;
    }

    .loginBox {
        width: 1130px;
        height: 340px;
        margin-top: -170px;
        margin-left: -565px;
        overflow: hidden;
    }

    .loginBox .loginRight {
        height: 340px;
        overflow: hidden;
    }

    .lbHead {
        padding: 15px 20px 5px 20px;
    }

    .lbBody dl,
    .lbBody dt {
        margin: 0px 0px 5px 0px;
    }

    .lbBody dt {
        padding-top: 5px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1600px) {
    .loginHead {
        width: 1180px;
    }

    .loginBox {
        width: 1180px;
        height: 460px;
        margin-top: -230px;
        margin-left: -590px;
        overflow: hidden;
    }

    .loginBox .loginRight {
        height: 460px;
        overflow: hidden;
    }

    .lbHead {
        padding: 30px 20px 20px 20px;
    }

    .lbBody dl,
    .lbBody dt {
        margin: 0px 0px 10px 0px;
    }

    .lbBody dt {
        padding-top: 5px;
    }
}

/* Extra small devices (large laptops and desktops, 1930px and up)) */
@media only screen and (min-width: 1930px) {
    .loginHead {
        width: 1680px;
    }

    .loginBox {
        width: 1680px;
        margin-left: -840px;
        overflow: hidden;
    }

    .loginBox .loginLeft {
        font-size: 22px;
        width: 1000px;
    }

    .loginTips {
        padding-top: 105px;
        font-size: 14px;
    }

    .loginHeadx {
        height: 185px;
        width: 100%;
        overflow: hidden;
    }

    .loginBodyx {
        height: calc(100% - 370px);
    }

    .loginBot {
        height: 185px;
    }

    .loginLogo .imgLogo img {
        height: 185px;
    }
}

#__SYSTABVIEW_BAR-targetEl .x-tab-default .x-tab-close-btn {
    top: 9px;
}

input:-webkit-autofill, input:-internal-autofill-selected, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 400px #ffffff inset; /*用box-shadow覆盖背景色*/
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
    color: #666;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 8px;
    width: 8px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #ddd;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #eee;
}

.x-panel-header-default .x-panel-header-text-container-default {
    color: #1f96bd;
}

/*全屏ESC问题修复*/
:-webkit-full-screen .headx {
    display: none !important;
}

:-moz-full-screen .headx {
    display: none !important;
}

:-ms-fullscreen .headx {
    display: none !important;
}

:fullscreen .headx {
    display: none !important;
}

:-webkit-full-screen .bodyx {
    height: 100% !important;
}

:-moz-full-screen .bodyx {
    height: 100% !important;
}

:-ms-fullscreen .bodyx {
    height: 100% !important;
}

:fullscreen .bodyx {
    height: 100% !important;
}

/*全新地址选择控件*/
.exAreaTab .exbutton {
    border: 1px solid #fff !important;
}

.exAreaTab .exbutton .x-btn-inner {
    font-size: 12px !important;
}


.exAreaTab .exbutton:hover, .exAreaTab .exbutton-over {
    background-color: transparent !important;
}

.exAreaTab .exbutton:hover .x-btn-inner, .exAreaTab .exbutton-over .x-btn-inner {
    background-color: transparent !important;
    color: #007be1 !important;

}

.exAreaTab .x-panel-body-default {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.exAreaTab .x-header {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.exAreaTab .x-header .x-tab-default .x-tab-inner {
    font-size: 12px !important;
}