br{
    display: none;
}
/* imgbox */
.imgbox{
    position: relative;
}
.imgbox img{
    position: absolute;
    left: 0;
    top: 0;
}
/* sidemenu */
.sidemenu{
    position: fixed;
    top: 0.44em;
    z-index: 7;
    overflow-y: hidden;
    min-width: 58px;
    min-height: 58px;
    /* background-color: rgba(34, 34, 34, 0.7500); */
    /* display: none; */
}

.sidemenu-layout-small{
    left: 0;
    margin-left: 0px;
}

.sidemenu-content{
    background-color: rgba(244, 244, 244, 1);
    width: 80vw;
}
.sidemenu .sidemenu-content-mask{
    display: block;
    content: '';
    width: 100vw;
    position: fixed;
    height: 100%;
    top: 0;
    z-index: -1;
    background: rgba(34, 34, 34, 0.7500);
}
.sidemenu .sidemenu-content-mask::after{
    display: block;
    content: '';
    width: 28px;
    height: 28px;
    background: url('./images/left-arrow@2x.png') no-repeat center center;
    background-size: 28px 28px;
    position: fixed;
    left: 90vw;
    top: 50vh;
    margin-top: -14px;
    margin-left: -14px;
}
/* .sidemenu-content::-webkit-scrollbar{
    width:10px;
}
.sidemenu-content::-webkit-scrollbar-thumb{
    background:rgba(#000);
    width: 5px;
} */
.sidemenu .sidemenu-bar{
    width: 48px;
    height: 48px;
    background: rgba(228, 228, 228, 0.4000);
    position: absolute;
    left: 0px;
    top: 8px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.05);
    /* border-left: 0; */
    border-radius: 0 5px 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 7;
    overflow: hidden;
}
.sidemenu .sidemenu-bar.close{
    background-color: rgba(0, 0, 0, 0.7000);
    border-color: rgba(0, 0, 0, 0.05);
}
/* .sidemenu .sidemenu-bar.close:hover{
    background-color: rgba(0, 0, 0, 0.05);
} */
.sidemenu .sidemenu-bar.close::before{
    background: url('./images/menubar_close@2x.png') no-repeat center center;
    background-size: cover;
}
.sidemenu .sidemenu-bar::before{
    content:'';
    display: inline-block;
    background: url('./images/menubar@2x.png') no-repeat center center;
    width: 18px;
    height: 13px;
    background-size: cover;
}
.sidemenu .sidemenu-bar::after{
    content:'';
    display: inline-block;
    background: url('./images/menubar_arrow@2x.png') no-repeat center center;
    width: 4px;
    height: 7px;
    background-size: cover;
    margin-left: 6px;
}
/* .sidemenu .sidemenu-bar:hover::before {
    background: url('./images/menubar_hover@2x.png') no-repeat center center;
    background-size: cover;
} */
/* .sidemenu .sidemenu-bar:hover::after {
    background: url('./images/menubar_arrow_hover@2x.png') no-repeat center center;
    background-size: cover;
} */
.sidemenu .sidemenu-bar.close::after{
    background: url('./images/menubar_close_arrow@2x.png') no-repeat center center;
    width: 4px;
    height: 7px;
    background-size: cover;
}
/* .sidemenu .sidemenu-bar.close:hover::after{
    background: url('./images/menubar_close_arrow_hover@2x.png') no-repeat center center!important;
    background-size: 4px 7px!important;
} */

.sidemenu a{
    color: #333;
    text-decoration: none;
}
.sidemenu a:hover,
.sidemenu a.active{
    color: #425FFF;
    
}
.sidemenu a.active{
    font-weight: 400!important;
}
.sidemenu .sidemenu-item{
    padding: 19.5px 0 12.5px 0px;
    margin-left: 30px;
    margin-right: 30px;
}
.sidemenu .sidemenu-item.active{
    /* background-color: #fff; */
}
.sidemenu .sidemenu-item.active>.item--title{
    border: none;
}
.sidemenu .sidemenu-item>.item--title{
    color: #333;
    font-size: 16px;
    line-height: 24px;
    /* padding-right: 27px; */
    /* padding-bottom: 6px; */
    
}

.sidemenu .sidemenu-item>.item--title::after{
    content: '';
    display: block;
    background: #ccc;
    width: 100%;
    height: 1px;
    position: relative;
    bottom: -15.5px;
}
.sidemenu .sidemenu-item:last-child>.item--title::after{
    display: none;
}

.sidemenu .sidemenu-item.active>.item--title::after{
    display: none;
}

.sidemenu .sidemenu-item::after{
    content: '';
    display: block;
    /* background: #fff; */
    width: 100%;
    height: 1px;
    position: relative;
    bottom: -12.5px;
}
.sidemenu .sidemenu-item:last-child::after{
    display: none;
}

.sidemenu .sidemenu-item.active::after{
    display: none;
}


.sidemenu .sidemenu-item>.item--title>a{
    display: block;
    background: url('./images/extendToRight@2x.png') no-repeat right center;
    background-size: 4px 7px;
    margin: 0 27px 0 60px;
    line-height: 24px;
    font-weight: 300;
}
.sidemenu .sidemenu-item>.item--title>a.noSubmenu{
    background: none!important;
}
.sidemenu .sidemenu-item>.item--title>a.active{
    color: #425FFF;
    background: url('./images/extendToBottom@2x.png') no-repeat right center;
    background-size: 7px 4px;
    font-weight: bold;
}

.sidemenu-submenu{ 
    border-top: 1px solid rgba(228, 228, 228, 0.45);
    margin-top: 12px; display: none;
    padding-left: 50px;
    padding-top: 10px;
}
.sidemenu-submenu .sidemenu-submenu-item{}
.sidemenu-submenu .sidemenu-submenu-item .item--title{
    color: #333;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
}
.sidemenu-submenu .sidemenu-submenu-item .item--title a{
    font-weight: 300;
    padding-left: 0.8em;
}
/* moudle */
.moudle{
    padding: 45px 20px 20px;
}
.moudle-header-desc{
    font-size: 18px!important;
    line-height: 28px!important;
    padding-top: 10px!important;
}
.moudle-header{
    text-align: center;
    font-size: 36px;
    color: #333;
}


.moudle .moudle-content{
    /* width: 1040px; */
    margin: 0px auto;
    overflow: hidden;
}
.moudle .moudle-title{
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    margin-bottom: 10px;
}
.moudle .moudle-desc{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 20px;
}
.moudle .moudle-remarks{
    font-size: 13px;
    color: #666;
    line-height: 20px;
    padding-top: 30px;
}

/* list */
.moudle .moudle-textlist{
    /* margin-top: -30px; */
}
.moudle .moudle-textlist .moudle-textlist-item:first-child .item--title:first-child{
    margin-top: 0;
}


.moudle .moudle-textlist-item{
    height: inherit;
    overflow: hidden;
}
.moudle .moudle-textlist .moudle-textlist-item .item--title{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.moudle .moudle-textlist .moudle-textlist-item .item--desc{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    font-weight: 200;
    margin-bottom: 0!important;
    position: relative;
    padding-left: 10px;
}
.moudle .moudle-textlist .moudle-textlist-item .item--desc::before{
    content: '·';
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    left: 0;
    font-weight: bold;
}


.moudle .moudle-list {
    display: flex;
    justify-content: space-between;
}

.moudle .moudle-list .moudle-list-item{}

.moudle .moudle-list .moudle-list-item .item--title{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.moudle .moudle-list .moudle-list-item .item--desc{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 200;
}

.moudle .moudle-list .moudle-list-item .item--img{
    overflow: hidden;
    text-align: center;
}
.moudle .moudle-list .moudle-list-item .item--img img{
    width: 100%;
}


.moudle .moudle-list-1 .moudle-list-item{
    /* width: 1040px; */
    width: 100%;
}
.moudle .moudle-list-1 .moudle-list-item .item--img{
    /* width: 1040px; */
    width: 100%;
    /* height: 300px; */
    border-radius: 10px;
    /* background-color: rgba(0, 0, 0, 0.1500); */
}


.moudle .moudle-list-2{
    flex-direction: column!important;
    margin-bottom: -20px;
}
.moudle .moudle-list-2 .moudle-list-item{
    /* width: 490px; */
    width: 100%;
    margin-bottom: 20px;
}
.moudle .moudle-list-2 .moudle-list-item .item--img{
    width: 100%;
    /* height: 240px; */
    border-radius: 10px;
    /* background-color: rgba(0, 0, 0, 0.1500); */
}

.moudle.moudle-imagetext .moudle-list-2 .moudle-list-item{

}


.moudle .moudle-list-3{
    flex-direction: column;
    margin-bottom: -20px;
}
.moudle .moudle-list-3 .moudle-list-item{
    /* width: 320px; */
    width: 100%;
    margin-bottom: 20px;
}
.moudle .moudle-list-3 .moudle-list-item .item--img{
    /* width: 320px; */
    width: 100%;
    /* height: 400px; */
    border-radius: 10px;
    /* background-color: rgba(0, 0, 0, 0.1500); */
}

.moudle .moudle-list-4{
    flex-direction: column;
    margin-bottom: -20px;
}
.moudle .moudle-list-4 .moudle-list-item{
    /* width: 230px; */
    width: 100%;
    margin-bottom: 20px;
}
.moudle .moudle-list-4 .moudle-list-item .item--img{
    /* width: 230px; */
    width: 100%;
    /* height: 370px; */
    border-radius: 10px;
    /* background-color: rgba(0, 0, 0, 0.1500); */
}

.moudle .moudle-list-6{
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: -40px;
}
.moudle .moudle-list-6 .moudle-list-item{
    /* width: 320px; */
    width:100%;
    margin-bottom: 40px;
}
.moudle .moudle-list-6 .moudle-list-item .item--img{
    /* width: 320px; */
    width:100%;
    /* height: 220px; */
    border-radius: 10px;
    /* background-color: rgba(0, 0, 0, 0.1500); */
}



/*  */
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.fade-enter-active {
    transition: all .3s ease;
}
.fade-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.fade-enter, .fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateY(-100px);
    opacity: 0;
}

/*  */
/* 1.326 */
.moudle-imagetext-1v1D3{
}
.moudle-imagetext-1v1D3 .moudle-list-2 .moudle-list-item:first-child{
    width: 100%;
}
.moudle-imagetext-1v1D3 .moudle-list-2 .moudle-list-item:last-child{
    width: 100%;
}


/* icon */
.icon-k10{
    background: url('./images/icon-k10@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k20{
    background: url('./images/icon-k20@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k40{
    background: url('./images/icon-k40@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k50{
    background: url('./images/icon-k50@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k60{
    background: url('./images/icon-k60@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k61{
    background: url('./images/icon-k61@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k70{
    background: url('./images/icon-k70@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k80{
    background: url('./images/icon-k80@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k100{
    background: url('./images/icon-k100@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}

.icon-k110{
    background: url('./images/icon-k110@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}

.icon-k90{
    background: url('./images/icon-k90@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}

.icon-k130{
    background: url('./images/icon-k130@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}

.icon-k140{
    background: url('./images/icon-k140@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k141{
    background: url('./images/icon-k141@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}
.icon-k150{
    background: url('./images/icon-k150@2x.png') no-repeat 24px 14px;
    background-size: 32px 32px;
}