guoyao-jiankang/public/admin/css/common.css

:root {
    --themeColor: #284a94;
}
.bg-theme{
    background-color: var(--themeColor) !important;
}
.pace .pace-progress {
    background: var(--themeColor) !important;
    position: fixed;
    z-index: 2000;
    top: 0;
    width: 100%;
    height: 2px;
}
/*解决底部有灰色区块*/
.el-scrollbar__wrap {
    overflow-x: hidden!important;
    overflow-y: scroll!important;
    margin-bottom: 0px!important;
}

/*elementui 表单元素去掉圆角*/
.el-input__inner {
    border-radius: 0px;
}
/*hplus 边框颜色*/
.form-control:focus{
    border-color: var(--themeColor) !important;
    /*font-size: 13px!important;*/
}
.form-control{
    width: 100%!important;
    height: 32px;
    color: #606266!important;
    font-size: 13px!important;
    padding: 5px 15px!important;
}
.ui-jqgrid .form-control{
    height: auto;
    width: auto !important;
    padding: 0!important;
    font-size: .9em!important;
}
#input_pager .form-control{
    width: auto !important;
}
/*placeholder颜色设置*/
input::-webkit-input-placeholder {
    color: #909399!important;
}
input::-moz-input-placeholder {
    color: #909399!important;
}
input::-ms-input-placeholder {
    color: #909399!important;
}

.navbar{
    background-color: #ffffff!important;
    border-bottom: 1px solid #eee;
}
.navbar-header{
    line-height: 60px!important;
    font-size: 24px;
    font-weight: bold;
    padding-left: 20px;
}
.navbar-header:before{
    content: '';
    position: absolute;
    height: 30px;
    width: 2px;
    background: #EDF4F5;
    top: 15px;
    left: 9px;
}
.sidebar-box{
    position: fixed;
    z-index: 10000000;
    top: 61px;
    left: 0;
    bottom: 0;
    width: 120px;
    background-color: #FFFFFF!important;
    /*overflow: hidden;*/
}
.sidebar-box.sidebar-box-h2{
    width: 280px;
}
.sidebar-box .sidebar-box-sub{
    position: relative;
    width: 120px;
    height: 100%;
    float: left;
}
.sidebar-box .sidebar-box-sub .sidebar-collapse{
    width: auto;
    height: 100%;
}

.sidenav{
    margin-bottom: 0;
    height: 100%;
}
.sidenav .side-list{
    height: 40px;
    line-height: 40px;
}
.sidenav .side-list a{
    display: block;
    width: 100%;
    height: 100%;
    color: #effeff;
    padding: 0 15px;
    font-size: 14px;
}
.sidenav .side-list a i{
    vertical-align: middle;
    margin-right: 4px;
}
.sidenav .side-list a span{
    vertical-align: middle;
}
.sidenav .side-list .active{
    background-color: #ffffff;
    color: #333333!important;
}
.sidenav .side-list a:hover,.sidenav .side-list a:focus{
    background-color: rgba(255, 255, 255,0.2);
}
.sidenav .side-list .active:hover,.sidenav .side-list .active:focus{
    background-color: #ffffff;
    color: #333333!important;
}

.sidenavsub{
    margin-bottom: 0;
    padding: 0 10px;
}
.sidebar-box-sub2{
    width: 160px!important;
}
.sidenavsub .side-group{
    height: auto;
    font-size: 12px;
    color: #999999;
    padding-top: 10px;
}
.sidenavsub .side-group .side-group-label{
    /*padding: 0 15px;*/
    padding-bottom: 5px;
}
.sidenavsub .side-group .side-list a{
    /*padding-left: 25px;*/
}
.sidenavsub .side-list{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.sidenavsub .side-list a{
    display: block;
    color: #333333;
    /*padding: 0 15px;*/
    padding-left: 10px;
    font-size: 14px;
}
.sidenavsub .side-list .active{
    background-color: #f5f5f5;
}
.sidenavsub .side-list a:hover,.sidenavsub .side-list a:focus{
    color: var(--themeColor)!important;
}

.main-box{
    width: 100%;
    height: 100%;
    /*padding: 75px 15px 15px 295px;*/
    padding: 60px 0px 0px 280px;
    margin-left: 26px;
    /*min-height: 100%;*/
}
.main-box.main-box-h2{
    /*padding: 75px 15px 15px 135px;*/
    padding: 60px 0px 0px 120px;
}

.btn-primary {
    background-color: var(--themeColor) !important;
    border-color: var(--themeColor) !important;
}
.label-primary, .badge-primary {
    background-color: var(--themeColor) !important;
}

#form-search .form-control{
    width: 120px!important;
}
input[type=checkbox], input[type=radio] {
    margin: 9px 0 0;
}

.multiselect-container input[type=checkbox],.multiselect-container input[type=radio]{
    margin-top: 5px!important;
}
.multiselect-container .form-control{
    height: 34px!important;
}
.multiselect-container .input-group-addon{
    display: none!important;
}
.multiselect-container .multiselect-clear-filter{
    height: 34px!important;
}

.gymain-box{
    width: 100%;
    height: auto;
    /*height: calc(100% - 70px);*/
    /*position: fixed;*/
    /*z-index: 10000000;*/
    /*top: 80px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    margin-top: 80px;
    padding-bottom: 10px;
    /*margin-bottom: 10px;*/
    /*background: red;*/
}
.gymain1{
    width: 100%;
    height: auto;
    background: #ffffff;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}
.gymain1 .menu-search-box{
    width: calc(100% - 20px);
    height: 42px;
    line-height: 42px;
    background: #F6F9FC;
    border-radius: 21px;
    padding-left: 5px;
    margin: 10px 10px 0px 10px;
}
.gymain1 .menu-search-input{
    width: 80%;
    height: 100%;
    display: inline-block;
    float: left;
}
.gymain1 .menu-search-input input{
    width: 100%;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}
.gymain1 .menu-search-box .menu-search-img-btn{
    width: 20%;
    height: 100%;
    display: inline-block;
    float: left;
}
.gymain1 .menu-search-box .menu-search-img-btn img{
    width: 20px;
    height: 20px;
}
.gymain1 .menu-list-box{
    width: calc(100% - 60px);
    height: 140px;
    margin: 10px 30px;
    overflow: hidden;
    overflow-y: auto;
}
.gymain1 .menu-list-box a{
    text-decoration: none;
    color: inherit;
}
.gymain1 .menu-list-box a div{
    width: 100%;
    padding: 2px 0px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.gymain1 .ggw-box{
    width: calc(100% - 20px);
    height: 255px;
    margin: 0 10px;
}
.gymain1 .ggw-box img{
    width: 100%;
    height: 100%;
}
.gymain1 .download-info-box{
    width: calc(100% - 25px);
    height: 80px;
    padding-left: 25px;
}
.gymain1 .download-info-box .download-info-title{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    margin-top: 15px;
}
.gymain1 .download-info-box .download-info-content-box{
    width: 100%;
    height: auto;
    padding-top: 10px;
}
.gymain1 .download-info-box .download-info-content-box div{
    width: 100%;
}
.gymain1 .download-info-box .download-info-content-box div span{
    width: 80%;
    height: 20px;
    display: inline-block;
    float: left;
    overflow: hidden;
}
.gymain1 .download-info-box .download-info-content-box div img{
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
}
.gymain1 .qrcode-box{
    width: 100%;
    height: 215px;
    padding: 10px 20px;
}
.gymain1 .qrcode-box .swiper-qrcode{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.gymain1 .qrcode-box .swiper-qrcode .qrcode-title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
}
.gymain1 .qrcode-box .swiper-qrcode .swiper-slide img{
    width: 100%;
    height: calc(100% - 30px);
}


.gymain2{
    width: 100%;
    height: 100%;
}
.gymain2 .gymian2-one-box{
    width: 100%;
    height: 210px;
}
/*.gymain2 .gymian2-one-box .col-xs-5{*/
/*    padding: 0 !important;*/
/*}*/
/*.gymain2 .gymian2-one-box .col-xs-7{*/
/*    padding: 0 !important;*/
/*}*/
.gymain2 .gymian2-one-box .loginuserbox{
    width: 100%;
    height: 210px;
    background-image: url("/admin/img/index-userbg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.gymain2 .gymian2-one-box .loginuserbox img{
    width: 49px;
    height: 49px;
    border-radius: 50%;
    margin-top: 45px;
}
.gymain2 .gymian2-one-box .loginuserbox .loginusername{
    margin-top: 15px;

}
.gymain2 .gymian2-one-box .loginuserbox .loginusername a{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
}
.gymain2 .gymian2-one-box .loginuserbox .loginusername li a{
    font-size: 16px;
    color: #333;
}

.gymain2 .gymian2-one-box .onemenu{
    width: 100%;
    height: 100px;
}
.gymain2 .gymian2-one-box .onemenu .col-xs-6{
    padding: 0 5px !important;
}
.gymain2 .gymian2-one-box .onemenu .col-xs-4{
    padding: 0 5px !important;
    margin-top: 10px !important;
}
.gymain2 .gymian2-one-box .onemenu .menu-info-box{
    width: 100%;
    height: 100px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}
.gymain2 .gymian2-one-box .onemenu .menu-info-box .menu-icon{
    width: 70px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    float: left;
    /*text-align: center;*/
}
.gymain2 .gymian2-one-box .onemenu .menu-info-box .menu-icon img{
    margin-left: 20px;
    width: 48px;
    height: 48px;
}
.gymain2 .gymian2-one-box .onemenu .menu-info-box .menu-name{
    width: calc(100% - 70px);
    height: 100px;
    display: inline-block;
    float: right;
}
.gymain2 .gymian2-one-box .onemenu .menu-info-box .menu-name .title{
    margin-top: 30px;
    width: 100%;
    height: 23px;
    overflow: hidden;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    padding-left: 3px;
}
.gymain2 .gymian2-one-box .onemenu .menu-info-box .menu-name .des{
    width: 100%;
    height: 23px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #949494;
    padding-left: 3px;
    margin-top: 5px;
}
.gymain2 .gymian2-one-box .onemenu .menu-info-box .jiantou{
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 45%;
}
.gymian2-two-box{
    /*width: 100%;*/
    height: 290px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: -10px !important;
    margin-right: -4px !important;
    padding: 0 15px;
}
.gymian2-two-box .col-xs-4{
    /*padding: 0 5px !important;*/
}
.gymian2-two-box .gymian2-two-header{
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    /*padding-left: 25px;*/
}
.gymian2-two-box .gymian2-two-header img{
    width: 20px;
    height: 20px;
    background: #DAE6FF;
    border-radius: 50%;
    float: right;
    vertical-align: middle;
    margin-top: 25px;
    margin-right: 20px;
}
.gymain2 .gymian2-two-box .menu-info-box{
    width: 100%;
    height: 78px;
    background: #F6F9FC;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    margin-top: 9px;
}
.gymain2 .gymian2-two-box .menu-info-box .menu-icon{
    width: 70px;
    height: 78px;
    line-height: 78px;
    display: inline-block;
    float: left;
    text-align: center;
}
.gymain2 .gymian2-two-box .menu-info-box .menu-icon img{
    /*margin-left: 20px;*/
    width: 30px;
    height: 30px;
}
.gymain2 .gymian2-two-box .menu-info-box .menu-name{
    width: calc(100% - 70px);
    height: 78px;
    display: inline-block;
    float: right;
}
.gymain2 .gymian2-two-box .menu-info-box .menu-name .title{
    margin-top: 18px;
    width: 100%;
    height: 23px;
    overflow: hidden;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    padding-left: 3px;
}
.gymain2 .gymian2-two-box .menu-info-box .menu-name .des{
    width: 100%;
    height: 23px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #949494;
    padding-left: 3px;
    margin-top: 5px;
}

.gymian2-three-box{
    height: 289px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    margin-top: 10px;
}




.gymain3{
    width: 100%;
    height: 100%;
    background: #fff;
}