html, body {
    font-family: var(--default-font) !important;
    font-size: var(--font-size-02);
    color: #344050;
    background: #FFFFFF;
}
.top{
    width: 100%;
    height: 0.3rem;
    background: green;
}
.math-body{
    /*background: #fff;*/
}
.shuffling{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 997;
    overflow-y: overlay;
}
.layui-carousel{
    height: 100%;
}
.layui-carousel img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.background{
    position: fixed;
    width: 100%;
    height: 4rem;
    /*background: linear-gradient(to bottom, #000 20%, #6e6e6e);*/
    /*opacity: 0.4;*/
    background: url("../index/img/head/header.png");
    z-index: -1;
}
.layui-header{
    display: flex;
    /*justify-content: center;*/
    height: 4rem!important;
    align-items: center;
    background-color: transparent!important;
    box-shadow: none!important;
}
.nav-list{
    position: unset!important;
    width: 50%;
    display: flex;
    align-items: center;
}
.tab-title .layui-this:after {
    left: auto;
    width: 3rem;
    top: 1.4rem;
    height: 40px;
    position: absolute;
    content: '';
    box-sizing: border-box;
    pointer-events: none;
}
.tab-title .layui-this{
    display: flex;
    justify-content: center;
    background-color: transparent !important;
}
.tab-title{
    border: none;
    height: auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    left: 0;
    white-space: nowrap;
    -webkit-transition: all .2s;
}
.layui-layout-admin .layui-header a{
    color: #fff;
    font-size: var(--font-size-03);
    padding: 0;
}

.layui-layout-admin .layui-header .layui-logo{
    left: 15%;
    position: unset;
    background-color: transparent!important;
    box-shadow: none!important;
    display: flex;
    align-items: center;
    /* width: 15%; */
    justify-content: flex-end;
    padding-right: 10%;
    color: #000;
}
.layui-layout-admin .layui-header li:hover a, .layui-layout-admin .layui-this a {
    color: #0F823C !important;
    font-weight: bold;
    /* padding: 0; */
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.tab-title .layui-this:after {
    border: none;
    border-radius: 0.1rem;
    border-bottom: 3px solid #0F823C;
}
.layui-layout-admin .layui-header .font:hover, .layui-layout-admin .layui-this .font {
    color: #FFF !important;
    font-weight: bold;
}
.layui-layout-admin .layui-header .layui-logo img {
    width: 9.739583rem;
    vertical-align: middle;
}
.logo>img{
    cursor: pointer;
}
.layui-layout-admin .layui-body{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    overflow-y: hidden;
}
.layui-tab{
    width: 94%;
    display: flex;
    align-items: center;
    margin: 0;
}
.layui-unselect{
    display: none;
}
.layui-layout-admin .layui-header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2.60416rem;
    box-shadow: 0 0.052rem 0 0 rgb(0 0 0 / 3%);
    z-index: 1000;
    display: flex;
    /* justify-content: center; */
    width: 1200px;
    padding: 0 calc(50% - 600px);
}
.layadmin-tabsbody-item{
    height: 100%;
}
.production-detail {
    /* width: 7%; */
    /* padding: 0% 0 0% 6%; */
}
.phone {
    width: 15%;
    display: flex;
    align-items: center;
    margin-left: 1%;
    font-size: var(--font-size-03);
    font-family: DIN, DIN-Bold;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: -0.052rem;
    position: absolute;
    left: 81%;
}
.head-line {
    width: 0.052rem;
    height: 1rem;
    background: #FFFFFF;
    /* margin: 0 2% 0 12%; */
    position: absolute;
    left: 80%;
}
.production-detail span {
    color: #FFFFFF;
    cursor: pointer;
    padding-bottom: 2rem;
    font-size: var(--font-size-03);
}
.production-detail span:hover {
    color: #0F823C !important;
    font-weight: bold !important;
}
.drag-box:hover+.layui-tab .production-detail span {
    color: #0F823C !important;
}
.drag-item-entrance a{
    line-height: 2rem;
    font-size: var(--default-font-size) !important;
}
#data-box .drag-item-entrance>h3 a:hover {
    color: #00873B !important;
}
.phone img {
    width: 1.30208rem;
    margin-right: 0.5rem;
    transform: translateX(25.83334rem);
    filter: drop-shadow(#fff -26.09375rem 0);
}

.drag-box {
    position: fixed;
    left: 29%;
    top: 4.0rem;
    width: 59%;
    background: #FFF;
    padding: 1% 1.2%;
    border-radius: 0.3rem;
    display: none;
}

.drag-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.drag-item-entrance {
    /* min-height: 5.5rem; */
    display: flex;
    align-items: center;
    margin: 0.8rem 0 0.5rem 0;
    padding-left: 1rem;
    cursor: pointer;
    padding: 7% 10%;
    line-height: normal;
}

.drag-header {
    color: #00873B;
    font-weight: 700;
    cursor: default;
}

.drag-item-entrance h3 {
    color: #333333;
    font-weight: bold;
    font-size: var(--font-size-02);
}

#data-box .drag-item-entrance a {
    font-weight: normal;
    font-size: var(--default-font-size);
    color: #999999 !important;
    margin-top: 0.2rem;
}

.drag-item-model h3 {
    font-size: var(--font-size-01);
    font-weight: 400;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 1.71875rem;
    letter-spacing: 0.15rem;
    cursor: pointer;
}
.drag-item-model h3:hover {
    font-weight: bold;
}
.drag-item-title {
    color: #00873B;
    font-weight: 700;
    padding: 0.5rem 0;
    cursor: default;
}

.drag-item:nth-child(1) .drag-item-entrance {
    background: url("img/head/wisdi.png") no-repeat;
    background-size: 100% 100%;
}
.drag-item:nth-child(2) .drag-item-entrance {
    background: url("img/head/stateowned.png") no-repeat;
    background-size: 100% 100%;
}
.drag-item:nth-child(3) .drag-item-entrance {
    background: url("img/head/base.png") no-repeat;
    background-size: 100% 100%;
}
.drag-item:nth-child(4) .drag-item-entrance {
    background: url("img/head/business.png") no-repeat;
    background-size: 100% 100%;
}
.drag-item:nth-child(5) .drag-item-entrance {
    background: url("img/head/big-data.png") no-repeat;
    background-size: 100% 100%;
}
.data-box {
    position: fixed;
    top: 4.0rem;
    width: 10%;
    background: #FFF;
    padding: 0.3rem 0.8rem;
    border-radius: 0.3rem;
    display: none;
}
.data-box>.drag-item-entrance:nth-child(1) {
    background: url("img/head/custom.png") no-repeat;
    background-size: 100% 100%;
}
.data-box>.drag-item-entrance:nth-child(2) {
    background: url("img/head/ai.png") no-repeat;
    background-size: 100% 100%;
}
.drag-item {
    width: 18.5%;
}
.data-box>.drag-item-entrance {
    margin: 0.5rem 0;
}
.tab-title li {
    line-height: 4;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .layadmin-tabspage-none {
        font-size: 19.2px !important;
    }
}
body .layui-btn.layui-btn-radius {
    border-radius: 3px;
}