#weixin_img{
    position: relative;
    display: inline-block;margin-right: 10px;
}
#weixin_img .weixin_mask{
    background: rgba(0,0,0,0.5);
    width: 150px;height: 150px;
    padding:10px;
    position: absolute;
    top: 40px;z-index: 10;display: none;
}
#weixin_img .weixin_mask img{
    width: 100%;height: 100%;
}
#weixin_img:hover .weixin_mask{
    display: block;
}
.nav-top{
    line-height: 40px;
    min-height:40px;
    background:rgba(242,246,249,1);

}
.nav-top .grid p{
    display: inline-block;
    font-size:14px;
    color:rgba(102,102,102,1);
}
.nav-top .grid p.school_phone
{
    margin-right: 63px;
}
.nav-top .grid.nav-top-right{
    float: right;
}

.header{
    background: #fff;
    line-height: 80px;
    border-bottom:1px solid #E5E5E5;
}

.header ul.nav{
    float: right;
}

.header .nav li{
    display: inline-block;
}

.header .nav li:first-child a{
    margin-left: 0;
}

.header .nav li a{
    cursor: pointer;
    font-size:18px;
    font-weight:normal;
    color: #333333;
    margin-left: 64px;
}

.header .nav li a.active{
    color: #0076CC;font-weight: bold;
}

.header .nav li a:hover{
    color:rgba(0,118,204,1);
}

#gotoLogin{
    cursor: pointer;
}

.swiper-container{
    width: 100%;
}
.layui-carousel{
    height: 450px;
}
.layui-carousel img{
    width: 100%;
    height: 100%;
}

/**
 * 新闻
 */
.new{
    margin-top: 39px;
}
.new .new-bg-image{
    height:376px;
    cursor: pointer;
    overflow: hidden;
}
.new .new-bg-image img{
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}
.new .new-bg-image img:hover{
    transform: scale(1.5);
}
.new .new-bg-image .image{
    width: 100%;
    position: relative;
    height:100%;
}
.new .new-bg-image .image p{
    width: 100%;
    position: absolute;
    bottom: 0;
    height:36px;
    background:rgba(0,0,0,0.6);
    line-height: 36px;
    padding-left:10px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size:18px;
    font-weight:bold;
    color:rgba(255,255,255,1);
}

.new .news-right{
    padding-left: 17px;
}
.new .news-top{
    border-bottom:1px solid #E5E5E5;
    box-sizing: border-box;
}
.new .news-top p{
    width:125px;
    height:43px;
    background:rgba(66,141,211,1);
    font-size:24px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:43px;
    text-align: center;
}
.new .news-top .jiantou{
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid;
    left: 70px;
    border-color: rgba(66,141,211,1) transparent transparent transparent;
}
.new .news-main .list{
    margin-top: 17px;
}
.new .news-main .list li{
    margin-top: 24px;
}
.new .news-main .list p{
    display: inline-block;
    height: 16px;
    line-height: 16px;vertical-align: middle;
}

.new .news-main .list .dian{
    width:4px;
    height:4px;
    background:rgba(66,141,211,1);
    border-radius:50%;
}

.new .news-main .list p.main{
    font-size:16px;
    width:70%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-left: 6px;
}

.new .news-main .list p a{
    color:#585B5F;
}

.new .news-main .list p a:hover{
    color:#0076CC;
}

.new .news-main .list p.create_time{
    font-size:14px;
    color:rgba(199,199,199,1);
    float: right;
}

/**
 * 学院
 */
.school{
    margin-top: 93px;
    margin-bottom: 100px;
}
.common-title
{
    font-size:30px;
    font-weight:bold;
    color:rgba(0,0,0,1);
}
.common-title div{
    display: inline-block;
}
.common-title .small-title
{
    font-size:14px;
    font-weight:normal;
    color:rgba(186,186,186,1);
    margin-left: 17px;
}

.school .top{
    margin-top: 37px;
}
.school .top .big-img{
    width:30%;
    height:320px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;

}
.school .top .big-img img{
    transition: all 0.6s;
    width: 100%;height: 100%;
}

.school .top .big-img-p{
    position: absolute;top: 0;left: 0;
    background: rgba(0,0,0,.6);
    text-align: center;
    padding-top: 119px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;cursor: pointer;
}

.school .top .big-img:hover img{
    transform: scale(1.5);
}

.school .top .big-img-p p{
    font-size:36px;
    font-weight:bold;
    color: #fff;
}

.school .top .small-img{
    width:69%;
    height:315px;display: inline-block;
}

.school .top .small-img .list{
    height: 100%;
}

.school .top .small-img .list li{
    width:32%;
    display: inline-block;
    overflow: hidden;
    height: 50%;position: relative;
    margin-left: 1%;
}
.school .top .small-img .list li div.li-list{
    width: 100%;height: 100%;
}
.school .top .small-img .list li div.li-list img
{
    width: 100%;height: 100%;cursor: pointer;
    transition: all 0.6s;
}
.school .top .small-img .list li div.li-list img:hover{
    transform: scale(1.5);
}

.school .top .small-img .list p{
    position: absolute;bottom: 0;width: 100%;
    font-size:22px;
    font-weight:normal;
    height: 36px;line-height: 36px;
    background:rgba(0,0,0,1);
    text-align: center;cursor: pointer;
    color:rgba(224,224,224,1);
}

.school .top.bottom{
    margin:0;margin-top: 6px;
}

.school .top.bottom .big-img{
    width:19%;
}

.school .top.bottom .small-img{
    width: 80%;
}

.school .top.bottom .small-img .list li{
    width:23.5%;
    display: inline-block;
    overflow: hidden;
    height: 50%;position: relative;
    margin-right: 1%;
    margin-left: 0;
}

/**
 * 职业技能
 */
.skill .main{
    margin-bottom: 100px;
}
.skill .main .nav{
    width:100%;
    height:80px;
    background:rgba(249,249,249,1);
    line-height: 80px;
    margin-top: 28px;
    margin-bottom: 24px;
}
.skill .main .nav li{
    display: inline-block;
    font-size:16px;
    font-weight:normal;
    width: 15%;
    text-align: center;margin: 0 auto;
}
.skill .main .nav li a{
    color:rgba(102,102,102,1);
    display: block;
    width:59%;
    margin: 0 auto;
}
.skill .main .nav li a.active{
    border-bottom: 4px solid #0076CC;font-weight:bold;
    color: #0076CC;
}

.skill .main .nav li a:hover{
    border-bottom: 4px solid #0076CC;
    color: #0076CC;
}

.skill .main .nav-main{
    width: 100%;
}
.skill .main .nav-main .big{
    width:40%;
    height: 508px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    display: inline-block;
    vertical-align: top;
}
.skill .main .nav-main .big .img{
    overflow: hidden;
}
.skill .main .nav-main .big img{
    width: 100%;
    height: 450px;
    transition: all 0.6s;
}
.skill .main .nav-main .big img:hover{
    transform: scale(1.5);
}
.skill .main .nav-main .big .p{
    width: 100%;
    height: 58px;background: #FFFFFF;
}
.skill .main .nav-main .big .p p{
    font-size:16px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:24px;padding-left: 10px;padding-right: 10px;box-sizing: border-box;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.skill .main .nav-main .big .p p.title{
    padding-top:5px;
}
.skill .main .nav-main .big .p p.content{
    font-size:12px;
    font-weight:normal;
    color:rgba(153,153,153,1);
    line-height:24px;
}
.skill .main .nav-main .small{
    width:59%;display: inline-block;
    height: 508px;
}
.skill .main .nav-main .small ul{
    width:100%;height: 100%;
}
.skill .main .nav-main .small li{
    display: inline-block;width:31.2%;
    height: 49%;margin-left: 1.5%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    margin-bottom: 1%;
}
.skill .main .nav-main .small ul li .img{
    width: 100%;overflow: hidden;
}
.skill .main .nav-main .small ul li img{
    width: 100%;height: 186px;
    transition: all 0.6s;
}
.skill .main .nav-main .small ul li img:hover{
    transform: scale(1.5);
}
.skill .main .nav-main .small .p p{
    font-size:16px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:24px;padding-left: 10px;padding-right: 10px;box-sizing: border-box;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.skill .main .nav-main .small .p p.title{
    padding-top:5px;
}
.skill .main .nav-main .small .p p.content{
    font-size:12px;
    font-weight:normal;
    color:rgba(153,153,153,1);
    line-height:24px;
}

/**
 * 学员风采
 */
.cadet-style .list {
    margin-top: 60px;
}
.cadet-style .list .list-item{margin-bottom: 30px;}
.cadet-style .list .list-item .grid-demo-bg1{
    height:250px;
    width:90%;
    background:rgba(255,255,255,1);
    border:1px solid rgba(226,226,226,1);
    padding: 18px;
    box-sizing: border-box;
}
.cadet-style .list .list-item .grid-demo-bg1:hover{
    background: #4CACFF;cursor: pointer;
    box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.cadet-style .list .list-item .grid-demo-bg1:hover .content-list,.cadet-style .list .list-item .grid-demo-bg1:hover .title,.cadet-style .list .list-item .grid-demo-bg1:hover .content span{
    color: #fff !important;
}

.cadet-style .list .list-item:last-child .grid-demo-bg1{
    float: right;
}
.cadet-style .list .list-item:nth-child(2) .grid-demo-bg1{
    margin: 0 auto;
}
.cadet-style .list .list-item:first-child .grid-demo-bg1{
    float: none;
}
.cadet-style .list .top .img{
    display: inline-block;
    transition: all 0.6s;overflow: hidden;vertical-align: middle;border-radius: 50%;
}
.cadet-style .list .top .img img{
    width:60px;
    height:60px;
    border-radius:50%;
    transition: all 0.6s;
}
.cadet-style .list .top .img img:hover{
    transform: scale(1.5);
}
.cadet-style .list .top .right
{
    display: inline-block;margin-left: 15px;vertical-align: middle;
}
.cadet-style .list .top .right .title{
    font-size:18px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:24px;
}

.cadet-style .list .top .right span{
    font-size:14px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:24px;margin-right: 10px;
}
.cadet-style .list .content-list{
    font-size:14px;
    color:rgba(102,102,102,1);
    line-height:24px;
    margin-top: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.cadet-style .img-main .grid-demo-bg1{
}
.cadet-style .img-main .grid-demo-bg1{
    width: 100%;height:180px;
    transition: all 0.6s;overflow: hidden;
}
.cadet-style .img-main .grid-demo-bg1 img{
    width: 100%;height:180px;
    transition: all 0.6s;overflow: hidden;
}
.cadet-style .img-main .grid-demo-bg1 img:hover{
    transform: scale(1.5);
}
/**
 * 我的优势
 */
.advantage-style{
    margin-top: 59px;
    margin-bottom: 114px;
}
.advantage-style .main{
    margin-top: 55px;
}

.advantage-style .main .layui-col-xs2{
    margin:0 auto;text-align: center;
}

.advantage-style .main img{
    width:70px;
    height:70px;
    border-radius:70px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 0.6s;
}

.advantage-style .main img:hover{
    transform: rotate(360deg);
}

.advantage-style .main p{
    font-size:18px;
    font-weight:bold;
    color:rgba(55,59,58,1);
}
.advantage-style .main p.content{
    font-size:14px;
    font-weight:normal;
    color:rgba(55,59,58,1);
    margin-top: 11px;
}

.bottom-footer-style{
    height: 360px;
    background: #001F3B;
}
.bottom-footer-style ul h1{
    font-size:20px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    padding-top: 85px;
    padding-bottom: 40px;
}
.bottom-footer-style ul a{
    display: inline-block;
    font-size:16px;
    font-weight:normal;
    color:rgba(170,170,170,1);
    margin-bottom: 27px;
}
.bottom-footer-style ul p{
    font-size:16px;
    font-weight:bold;
    color:rgba(170,170,170,1);
    margin-bottom: 27px;
}
.bottom-footer-style ul li p:last-child{
}
.bottom-footer-style ul a:hover{
    color: #fff;
}

footer{
    height: 40px;text-align: center;background: #011E33;
    font-size:12px;
    font-weight:400;
    color:rgba(255,255,255,1);
    display: flex;justify-content: center;align-items: center;
}

input:-webkit-autofill {
    transition:background-color 5000s ease-in-out 0s;
}
#login{
    width:100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    display: none;
}
.login-mark{
    width:100%;
    height: 100%;
    position: fixed;
    top: 0;
    background:rgba(0,0,0,0.5);
    z-index: 10;
    cursor: pointer;
}
.login-main{
}

.login-main{
    width: 40%;
    height: 540px;
    position: absolute;
    margin: auto;
    position: absolute;
    top: 116px;
    left:0;
    right: 0;
    z-index: 11;
}

.login-main .layui-row{
    height: 100%;
}
.login-main .login-right-logo{
    background: #4DAAF9;
    height: 100%;text-align: center;
}
.login-main .login-right-logo img{
    width: 80%;margin-top:167px;
}
.login-main .login-bg{
    background: #fff;height: 100%;
    padding: 30px; box-sizing: border-box;
}
.login-main .login-bg .login-tab
{
    width: 100%;
    border-bottom: 1px solid #F3F6FA;
}
.login-main .login-bg .login-tab ul{
    box-sizing: border-box;height:60px;
}
.login-main .login-bg .login-tab ul li{
    display: inline-block;
    width:116px;text-align: center;line-height:60px;
    height:60px;
    font-size:24px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color:rgba(203,214,226,1);
    cursor: pointer;
}
.login-main .login-bg .login-tab ul li.active{
    border-bottom: 1px solid #2E8CFF;
    color: #31445C;
}
.login-main .login-bg div.input-item{
    width:100%;
    height:52px;
    background:rgba(245,247,249,1);margin-top: 20px;
    position: relative;
    padding-left: 16px;padding-right: 16px;box-sizing: border-box;
    line-height: 52px;
    position: relative;
}
.login-main .login-bg div.input-item .item{
    width: 10%;display: inline-block;
}
.login-main .login-bg div.input-item .item img{
    display: inline-block;
    width:16px;
    height:18px;
}
.login-main .login-bg div.input-item .input{
    width:90%;display: inline-block;
}
.login-main .login-bg div.input-item .input input{
    width: 100%;
    height:30px;
    font-size:12px;
    font-family:Source Han Sans CN;
    font-weight:normal;
    color:rgba(113,114,115,1);
    border: 0;
    background: none;
}

#login .send-code{
    position: absolute;top:0;
    right: 10px;
}
#login .send-code button{
    width:132px;
    height:42px;
    background:rgba(65,163,251,1);
    border-radius:4px;
    border:0;
    font-size:14px;
    font-family:Source Han Sans CN;
    font-weight:normal;
    color:rgba(255,255,255,1);
    cursor: pointer;
}
#login .login-btn{
    padding-top: 40px;
    padding-bottom: 78px;
}
#login .login-btn button{
    width:150px;
    height:50px;
    background:linear-gradient(30deg,rgba(47,140,255,1),rgba(75,183,255,1));
    line-height: 50px;
    font-size:18px;
    font-family:Source Han Sans CN;
    font-weight:normal;
    color:rgba(255,255,255,1);
    border: 0;
    cursor: pointer;
}
.login-main .login-bg div.input-item p{
    font-size:12px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color:rgba(207,211,217,1);
    position: absolute;right: 21px;
    top: 0;
    cursor: pointer;
}
.login-main .login-bg div.input-item a{
    color:rgba(207,211,217,1);
    font-weight: normal;
}
#login .login-register{
    display: none;
}
#login .login-login .login-login-tab{
    padding-left: 74px;margin-top: 10px;
}
#login .login-login .login-login-tab li{
    display: inline-block;
    width:108px;
    height:42px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    line-height: 42px;text-align: center;
    font-size:14px;
    font-family:Source Han Sans CN;
    font-weight:normal;
    color:rgba(102,102,102,1);cursor: pointer;
}
#login .login-login .login-login-tab li.active{
    border:1px solid rgba(52,167,255,1);color:rgba(52,167,255,1);
    font-weight: bold;
}
#login .login-code-password{
    display: none;
}

/**
    支付二维码，弹框
 */
.pay_mask{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.pay_mask_bg{
    position: fixed;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    cursor: pointer;
}
.mask{
    width: 450px;
    position: absolute;
    margin: auto;
    position: absolute;
    top: 116px;
    left:0;
    right: 0;
    z-index: 11;
    text-align: center;
    height:458px;
    background:rgba(68,72,77,1);
}
.mask .mask-title{
    font-size:36px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color:rgba(255,255,255,1);
    padding-top:36px;
    padding-bottom: 43px;
}
.mask .mask-img{
    padding-bottom: 29px;
}
.mask .mask-img img{
    width:205px;
    height:199px;
    background:rgba(255,255,255,1);
    border-radius:8px;
}
.mask .mask-content-p{
    width:279px;
    height:41px;
    background:rgba(63,66,72,1);
    border-radius:21px;
    margin: 0 auto;
    font-size:12px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color:rgba(180,183,188,1);
    line-height: 41px;
}
.mask .mask-content-ok-p{
    font-size:12px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    padding-top: 21px;
    color:rgba(180,183,188,1);
}
.mask .close_pay{
    position: absolute;right:-15px;top: -15px;
    cursor: pointer;
}
.mask .close_pay img{
    width:30px;
    height:30px;
}

.nav-mobile-list{
    display: none;
}
.nav-mobile-list li{
    height:40px;border-top: 1px solid #e5e5e5;line-height: 40px;text-indent: 2em;font-size: 14px;
}
.mobile-right-tab{
    cursor: pointer;
    width:44px;height:34px;
    border: 1px solid #E5E5E5;
    position: absolute;right: 20px;
    top: 20px;margin: 0 auto;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;
}
.mobile-right-tab .mobile-right-tab-one{
    width:30px;height: 1px;border: 1px solid #E5E5E5;background: #E5E5E5;
}
.mobile-right-tab .mobile-right-tab-two{
    width:30px;height: 1px;border: 1px solid #E5E5E5;background: #E5E5E5;margin-top: 5px;
}
.mobile-right-tab .mobile-right-tab-three{
    width:30px;height: 1px;border: 1px solid #E5E5E5;margin-top: 5px;
    background: #E5E5E5;
}
.mobile-right-tab.active{
    background: #42A5FF;border: 1px solid #42A5FF;
}
.mobile-right-tab.active div{
    border: 1px solid #fff;
}
.mobile-right-tab{
    display: none;
}

@media screen and (max-width: 768px) {
    .nav-pc-list{
        display: none;
    }
    .mobile-right-tab{
        display: flex;
     }
    .login-main .login-bg div.input-item .input input{
        font-size: 14px;
    }
    .new .new-bg-image{
        display: none;
    }
    .login-right-logo{
        display: none;
    }
    .login-main{
        width: 100%;
        top: 50px;
    }
    .new .news-right {
        padding-left: 0px;
        margin-top: 0px;
    }
    .new .news-main .list p.main{
        width: 40%;
    }
    .new {
        margin-top: 15px;
    }
    .school{
        margin-top: 20px;
        margin-bottom:20px;
    }
    .layui-carousel{
        height: 250px !important;
    }
    .school .top {
        margin-top: 20px;
    }
    .school .top .big-img{
        display: none;
    }
    .school .top .small-img{
        width: 100%;
    }
    .school .top .small-img .list li{
        width: 48%;
        margin-bottom:2%;
    }
    .school .top.bottom{
        display: none;
    }

    .school .top .small-img{
        height: inherit;
    }

    .school .top .small-img .list li{
        height: 155px;
    }

    .skill .main .nav{
        margin-top: 10px;
        height: auto;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .skill .main .nav li{
        font-size:14px;
        width: 24%;
    }

    .skill .main .nav li a{
        width: 100%;
    }

    .skill .main .nav-main .big{
        width: 100%;
    }

    .common-title .small-title{
        margin-left: 0;font-size:13px;
    }

    .skill .main .nav-main .big{
        height: 308px;
        margin-bottom: 10px;
    }

    .skill .main .nav-main .big img{
        height: 250px;
    }

    .skill .main .nav-main .small{
        width: 100%;margin: 0 auto;text-align: center;
    }

    .skill .main .nav-main .small li{
        width: 49%;margin-left: 0;margin-bottom: 3%;text-align: left;height: 48%;
    }

    .skill .main .nav-main .small{
        height: auto;
    }

    .skill .main{
        margin-bottom: 30px;
    }
    .cadet-style .list{
        margin-top: 20px;
    }

    .cadet-style .list .list-item .grid-demo-bg1{
        width: 100%;height: 200px;
    }

    .cadet-style .list .list-item{
        margin-bottom: 10px;
    }

    .advantage-style{
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .advantage-style .main{
        margin-top:20px;
    }

    .advantage-style .layui-col-xs6.layui-col-md2{
        text-align: center;margin-bottom: 20px;
    }

    .advantage-style .main img{
        margin-bottom: 10px;
    }

    .advantage-style .main p{
        font-size:14px;
    }
    .advantage-style .main p.content{
        margin-top: 0px;font-size: 12px;
    }

    .bottom-footer-style{
        height: inherit;
        padding-top: 10px;
    }
    .bottom-footer-style ul h1{
        padding-bottom: 10px;padding-top: 10px;font-size:14px;
    }

    .bottom-footer-style ul a{
        margin-bottom: 10px;font-size:12px;
    }

    .bottom-footer-style ul li p{
        margin-bottom: 10px;font-size:12px;
    }

    .bottom-footer-style ul li p:last-child{
        text-indent: 0;margin-bottom: 10px;
    }

    footer{
        font-size:10px;padding: 10px;
    }


    .header ul.nav{
        float: none;
        display: flex;
        overflow-x: auto;width: 100%;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;
    }

    .header .nav li{
        display: flex;flex:0 0 90px;justify-content: center;justify-items: center;
    }

    .header .nav li a{
        margin-left: 0px;font-size:14px; margin-bottom: 20px;
    }

    .header .layui-container{
        padding: 0;
    }

    .nav-top .grid p{
        font-size:12px;
    }

    .nav-top .grid p.school_mail{
        display: none;
    }

    .nav-top .grid p.school_phone{
        margin: 0;
    }

    .header .logo img{
        width: 30%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .header{
        line-height: inherit;
    }

    .layui-container{
        padding: 0 10px;
    }

    .common-title{
        font-size:25px;
    }

    .cadet-style .list .content-list{
        margin-top: 26px;
    }

}

ul.pagination{
    text-align: center;
    margin-top: 20px;
}
.am-fr.pagination-total.am-margin-right{
    text-align: right;position: absolute;right: 20px;
    top: 20px;font-weight: normal;
}
ul.pagination li{
    display: inline-block;
    margin-left:10px;margin-right: 10px;
}

ul.pagination li span{
    font-size:14px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:28px;
}

ul.pagination li a{
    font-size:14px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(163,163,163,1);
    line-height:28px;
}

@media screen and (min-width: 300px) and (max-width: 760px) {
    .header .logo img{
        width: 50%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
}