*{
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
}
a{
    color: #333333;
    text-decoration: none;
    font-size: 16px;
}
ul, li, ol {
    list-style-type: none;
}
body{
    background-color: #EFF2F9;
}
.max-width{
    max-width: 1200px;
    margin: auto;
}
.mobile .hide{
    display: none !important;
}
.mobile .hides{

}
.mobile{
    /*padding-bottom: 75px;*/
}
.mobile .max-width{
    max-width: 95% !important;
}

.header{
    height: 64px;
    background: #1e62ec;
}
.header .loge{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    position: relative;
}
.header .loge-img img{
    height: 40px;
}
.header .loge .loge-img{
    position: absolute;
    left: 10px;
}
.mobile .loge b{
    display: none;
}
.mobile .header{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
}
.mobile header{
    margin-top: 64px;
}
.loge-more{
    margin-right: 10px;
    display: none;
}
.loge-more img{
    width: 30px;
}
.mobile .loge{
    justify-content: space-between !important;
}
.mobile .loge .loge-img{
    position: relative !important;
    margin-left: 0px;
}
.mobile .header .loge .loge-img {
    left: 0px;
}
.mobile .loge .loge-more{
    display: block;
}
/* 底部 */
.mobile .fixed-bottom{
    display: flex !important;
}
.fixed-bottom{
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    align-items: center;
    border-top: 1px solid #ccc;
    z-index: 999;
    background-color: white;
}
.fixed-bottom a{
    width: 25%;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
}
.fixed-bottom a img{
    display: block;
    width: 30px;
    margin: 0 auto 5px;
}
/* 头部导航 */
.nav-fixed{
    position: fixed;
    top: 0;
    z-index: 9999;
}
.mobile .nav{
    display: none;
}
header .nav{
    background-color: white;
    width: 100%;
    box-shadow: 0 2px 29px 0 rgba(0,0,0,.08);
}
header .nav>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    line-height: 50px;
}
header .nav-div{
    display: flex;
    align-items: center;
    max-width: 640px;

}

header .nav-div a{
    width: 64px;
    /*width: 85px;*/
    min-width: 64px;
    text-align: center;
    position: relative;
}
header .nav-div text a{
    display: block;
}
header .nav-div a:hover{
    color: #1890ff;
}
header .nav-div a div{
    display: none;
    position: absolute;
    top: 50px;
    background-color: white;
    z-index: 99999;
}
header .nav-div a:hover div{
    display: block !important;
}
header .nav-div .nav-div-img{
    display: flex;
    justify-content: center;
    align-items: center;
}


header .nav-div text{
    width: 64px;
    /*width: 85px;*/
    min-width: 64px;
    text-align: center;
    position: relative;
}
header .nav-div text:hover{
    color: #1890ff;
}
header .nav-div text div{
    display: none;
    position: absolute;
    top: 50px;
    background-color: white;
    z-index: 99999;
}
header .nav-div text:hover div{
    display: block !important;
}

header .nav-div .nav-div-img img{
    width: 50px;
}
.nav-div-active{
    color: #1e62ec;
}
.nav-div-active::after{
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    left: 50%;
    background-color: #1e62ec;
    width: 20px;
    height: 3px;
    margin-top: -3px;
    transform: translateX(-50%);
}
.login{
     display: flex; 
    /*display: none;*/
    display: inline-flex;
}
.login1{
    width: 68px;
    /*height: 32px;*/
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    background: #f3f7ff;
    color: #333;
    border: 1px #1d5ee3 solid;
}
.login2{
    width: 68px;
    /*height: 32px;*/
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    background: #1e62ec;
    color: #fff;
    margin-left: 10px;
    border: 1px #fff;
}
/* 用户 */
.user{
    position: relative;
}
.user>a{
    display: flex;
    align-items: center;
}
.user>a img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.user>a span{
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    border-radius: 0 12px 12px 0;
    padding: 0 8px;
    color: #ff4d4f;
    background: linear-gradient(270deg,rgba(255,77,79,.24),rgba(255,77,79,0) 99%);
    margin: 0 5px;
}
.user text{
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-word;
    color: #333;
    font-size: 16px;
}
.user-my{
    width: 320px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.12);
    position: absolute;
    right: 0;
    display: none;
    top: 49px;
    z-index: 901;
    background-color: white;
}
.user-my div{
    padding: 24px 24px 16px 24px;
    display: flex;
    align-items: center;
    background-color: #F6FAFF;
}
.user-my img{
    margin-right: 16px;
    width: 48px;
    height: 48px;
    border-radius: 24px;
}
.user-my div span{
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    font-size: 18px;
    color: #333;
    font-weight: 500;
}
.mobile .user-my div span {
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* font-size: 18px; */
    color: #000;
    font-weight: bold;
    border: 1px #d7d7d7 solid;
    border-radius: 10px;
    margin: 1%;
}
.user-my a{
    float: right;
    font-size: 13px;
    color: #666;
    margin-right: 24px;
}
.user-my span a{
    float: right;
    font-size: 14px;
    color: #666;
    margin-right: 0px;
    padding: 5px;
}
/* 右侧导航栏 */
.mob-black{
    background-color: rgba(0,0,0,.5);
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.mob-nav{
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    background-color: white;
    z-index: 100;
    padding-top: 30px;
    display: none;
}
.mob-nav>a{
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 15px;
    border-bottom: 1px solid #1e62ec;
    padding-left: 10px;
}
.mobile .mob-nav>a{    
    width: 50%;
    display: ruby;
    height: 36px;
    line-height: 36px;
    margin: 0 15px;
    border-bottom: 0px solid #1e62ec; 
padding: 1%;
    background: aliceblue;
    text-align: center;
    margin: 10px;
}
.mobile .mob-nav {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    background-color: white;
    z-index: 100;
    padding-top: 30px;
    display: none;
}
.mob-nav .login{
    justify-content: center;
    margin-top: 10px;
}
.mob-nav .user>a{
    justify-content: center;
    margin-top: 10px;
}

/* banner */
.banner{
    padding: 20px 0;
    background-color: #EFF2F9;
}
.banner>div{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.mobile .banner .swiper-container1{
    width: 100% !important;
}
.banner .swiper-container1 img{
    width: 100%;
}
.banner .swiper-container1{
    width: 80%;
}
.banner .swiper-container2{
    width: 20%;
    background-color: white;
    height: 200px;
    position: relative;
}
.banner .swiper-container2 .swiper-slide{
    width: 100% !important;
    margin: 0;
    height: 40px !important;
}
.banner-title{
    font-size: 18px;
    height: 40px !important;
    line-height: 40px;
    background-color: white;
    padding: 0 15px;
    position: relative;
    z-index: 9999;
}
.banner .swiper-container2 .swiper-slide a{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.banner-a1{
    background: url(../images/intro-bg.bd185c31.png) no-repeat no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 9999;
}
.banner-a2{
    background: url(../images/statement-bg.23bd8034.png) no-repeat no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 9999;
}
.banner-a1 a img, .banner-a2 a img{
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
.banner-a1 a span, .banner-a2 a span{
    margin-left: auto;
}
.banner-a1 a, .banner-a2 a{
    display: flex;
    align-items: center;
    color: white;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}
.banner p{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 14px;
    margin: 20px auto 0;
}
.banner p img{
    width: 16px;
    margin-right: 10px;
}
.banner .swiper-container2 .swiper-slide-active{
    background-color: #e8effd;
    border-left: 3px solid #1e62ec;
}
.banner .swiper-container2 .swiper-slide-active a{
    color: #1e62ec;
}

/* 内容 */
.body{
    background-color: #EFF2F9;
}
.contitle{
    position: relative;
    font-size: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 64px 0 24px;
    color: #333;
    font-weight: bold;
}
/* 课程教学 */
.kcjx{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kechengjiaoxue .xxcz{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}
.kechengjiaoxue .xxcz-item{
    width: 24%;
    border-radius: 3px;
    position: relative;
}
.kechengjiaoxue .xxcz-item h1{
    padding-top: 40px;
    padding-left: 32px;
    font-size: 28px;
    font-weight: 700;
}
.kechengjiaoxue .xxcz-item p{
    padding-left: 32px;
    font-size: 14px;
}
.kechengjiaoxue .xxcz-item .xxcz-div{
    margin-top: 32px;
    margin-left: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 87px;
    align-items: center;
}
.kechengjiaoxue .xxcz-item .xxcz-div1{
    display: none;
    margin-top: 32px;
    margin-left: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 87px;
    align-items: center;
    max-width: 280px;
    overflow: hidden;
    margin-bottom: 20px;
}
.kechengjiaoxue .xxcz-item div a{
    width: 80px;
    height: 30px;
    border-radius: 30px;
    font-size: 16px;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    line-height: 30px;
    text-align: center;
    position: relative;
    z-index: 3;
}
.kechengjiaoxue .xxcz-item .xxcz-div a{
    width: 110px;
}
.kechengjiaoxue .xx{
    background: linear-gradient(291deg,#d6e4ff,#f5f8ff 77%);
}
.kechengjiaoxue .cz{
    background: linear-gradient(124deg,#f3faf1 53%,#dcffc7 99%);;
    color: #fff;
}
.kechengjiaoxue .gz{
    background: linear-gradient(144deg,#fff7eb 45%,#ffe7d2 99%);
    color: #fff;
}
.kechengjiaoxue .xx *{
    color: #1e62ec;
}
.kechengjiaoxue .cz *{
    color: #73d13d;
}
.kechengjiaoxue .gz *{
    color: #ff7801;
}
.kechengjiaoxue .xx a{
    background: linear-gradient(286deg,#2d72fb 15%,#7ea8fe 94%);
    color: #fff;
}
.kechengjiaoxue .cz a{
    background: linear-gradient(286deg,#95dd6b 15%,#abef83 94%);
    color: #fff;
}
.kechengjiaoxue .gz a{
    background: linear-gradient(286deg,#ff9d47 15%,#ffca9b 93%);
    color: #fff;
}
.kechengjiaoxue .xxcz-item img{
    height: 130px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.xxcz-item-active{
    width: 50% !important;
}
.xxcz-item-active img{
    height: 100% !important;
}
.xxcz-item-active .xxcz-div{
    display: none !important;
}
.xxcz-item-active .xxcz-div1{
    display: flex !important;
}
.kechengjiaoxue .xx.xxcz-item-active a{
    background: linear-gradient(292deg,rgba(45,114,251,.16) 14%,rgba(126,168,254,.16) 93%);
    color: #2d72fb;
}
.kechengjiaoxue .cz.xxcz-item-active a{
    background: linear-gradient(292deg,hsla(98,63%,64%,.16) 14%,hsla(98,77%,73%,.16) 93%);
    color: #73d13d;
}
.kechengjiaoxue .gz.xxcz-item-active a{
    background: linear-gradient(292deg,rgba(255,157,71,.16) 14%,rgba(255,202,155,.16) 92%);
    color: #ff7826;
}
.jssk{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 8px;
    padding: 10px;
    background-color: #fff;
    width: 30%;
}
.jssk a{
    color: white;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.jssk img{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 68px;
    width: 68px;
}
.jssk1{
    background: linear-gradient(79deg,#5dd565 -1%,#bee887 98%);
}
.jssk2{
    background: linear-gradient(79deg,#7275f4 -1%,#92bbfc 98%);
}
.jssk3{
    background: linear-gradient(79deg,#4198fd -1%,#70b0ff 98%);
    margin: 0;
}
@media screen  and (max-width: 1000px){
    .kechengjiaoxue .xxcz{
        width: 100%;
    }
    .jssk{
        flex-direction: row;
        width: 100%;
    }
    .jssk a{
        width: 30%;
        height: 178px;
    }
}
.mobile .kechengjiaoxue .xxcz{
    flex-direction: column;
    margin-bottom: 10px;
}
.mobile .kechengjiaoxue .xxcz-item{
    width: 100% !important;
    margin-bottom: 10px;
    height: 150px;
}
.mobile .kechengjiaoxue .xxcz-item h1{
    padding-top: 10px;
}
.mobile .kechengjiaoxue .xxcz-item .xxcz-div1{
    margin: 5px auto;
    height: 75px;
}
.mobile .kechengjiaoxue .xxcz-item .xxcz-div1 a{
    margin: 0;
}
.mobile .jssk a{
    width: 28%;
}
.mobile .xxcz-item img{
    height: 100% !important;
}
.mobile .xxcz-div{
    display: none !important;
}
.mobile .xxcz-div1{
    display: flex !important;
}
.mobile .xx .xxcz-div1 a{
    /*background: linear-gradient(292deg,rgba(45,114,251,.16) 14%,rgba(126,168,254,.16) 93%) !important;*/
    /*color: #2d72fb !important;*/
    background: linear-gradient(292deg, rgb(71 133 255) 14%, rgb(126 168 254 / 77%) 93%) !important;
    color: #ffffff !important;
}
.mobile .cz .xxcz-div1 a{
    /*background: linear-gradient(292deg,hsla(98,63%,64%,.16) 14%,hsla(98,77%,73%,.16) 93%) !important;*/
    /*color: #73d13d !important;*/
    background: linear-gradient(292deg, hsl(121.23deg 93.17% 59.19% / 73%) 14%, hsl(98deg 77% 73% / 85%) 93%) !important;
    color: #000000 !important;
}
.mobile .gz .xxcz-div1 a{
    /*background: linear-gradient(292deg,rgba(255,157,71,.16) 14%,rgba(255,202,155,.16) 92%) !important;*/
    /*color: #ff7826 !important;*/
    background: linear-gradient(292deg, rgb(255 157 71 / 79%) 14%, rgb(255 202 155 / 57%) 92%) !important;
    color: #000000 !important;
}

/* 课程 */
.kecheng{
    margin-top: 30px;
}
.kecheng .kctitle{
    font-size: 32px;
    color: #333;
    margin: 20px 0;
    font-weight: bold;
}
.kecheng .kctitle span{
    font-size: 14px;
    margin-left: 10px;
}
.kccon{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.kccon a{
    position: relative;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.kccon a span{
    color: white;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    height: 100%;
    display: flex;
    align-items: center;
}
.kccon a img{
    width: 100%;
}
.mobile .kccon{
    justify-content: space-between;
}
.mobile .kccon a{
    /*width: 32%;*/
    width: 49%;
    margin: 0;
    margin-bottom: 5px;
}

/* 课程分类 */
.kechengfl{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kechengfl a{
    width: 30%;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 0.25rem 4rem rgba(13,133,89,.1);
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: white;
    height: 138px;
}
.kechengfl a img{
    width: 100px;
}
.kcfl1{
    background: linear-gradient(129.07deg,#ffc529 6.028%,#f7cc56 88.826%);
}
.kcfl1 i{
    border-top: 10px solid #fdc734;
}
.kcfl2{
    background: linear-gradient(129.07deg,#f47976 6.028%,#ee5d5a 88.825%);
}
.kcfl2 i{
    border-top: 10px solid #f37471;
}
.kcfl3{
    background: linear-gradient(129.07deg,#8bacfb 6.028%,#7093e6 88.825%);
}
.kcfl3 i{
    border-top: 10px solid #85a6f6;
}
.kechengfl a i{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -9px;
    display: none;
    left: 2rem;
    position: absolute;
    transition: all .5s;
}
.kcfl-active i{
    display: block !important;
}
.kcfl-item{
    display: none;
    margin-top: 20px;
    flex-wrap: wrap;
}
.kcfl-item{
    align-items: center;
    justify-content: space-between;
}
.kcfl-item1 a{
    width: 32%;
    background-color: white;
    border-radius: 10px;
    display: flex;
    margin-bottom: 20px;
}
.kcfl-item1 a:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}
.mobile .kcfl-item1 a:last-child:nth-child(3n - 1) {
    margin-right: 0px;
}
.kcfl-item1 a>img{
    width: 50%;
    height: 50%;
}
.kcfl-item1 a>div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 1rem 0;
}
.kcfl-item1 a div div{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kcfl-item1 a div div img{
    width: 29px;
}
.kcfl-item1 a span{
    font-size: 12px;
}
.kcfl-item1 a p{
    font-size: 12px;
}
.kcfl-item1 a p img{
    width: 12px;
    margin-right: 5px;
}
.kcfl-item1 a b{
    font-weight: normal;
    font-size: 14px;
    background: #0d8559;
    border-radius: 16px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 90px;
    margin: 0 auto;
}
.mobile .kcfl-item1 a{
    /*width: 48%;*/
    width: 100%;
    
}
.mobile .kechengfl a{
    justify-content: center;
    height: 38px !important;
}
.mobile .kcfl-item1 a>div{
    /*padding: 0;*/
    /*margin: 0;*/
}

.kcfl-item2 a{
    width: 24%;
    background-color: white;
    box-shadow: 0 0 0.75rem 0.05rem rgba(0,0,0,.15);
    border-radius: 10px;
    margin-bottom: 20px;
}
.kcfl-item2 a>img{
    display: block;
    width: 100%;
}
.kcfl-item2 a>div{
    padding: 12px 15px;
}
.kcfl-item2 a div p{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.kcfl-item2 a div p img{
    width: 29px;
    margin-right: 10px;
}
.kcfl-item2 a div div{
    align-items: center;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.kcfl-item2 a div div span{
    align-items: center;
    display: flex;
    font-size: 12px;
}
.kcfl-item2 a div div img{
    width: 12px;
}
.mobile .kcfl-item2 a{
    width: 48%;
}
.kcfl-item2 a:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}
.kcfl-item2 a:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}



/* footer */
.tishi{
    margin-top: 30px;
}
.ticao{
    display: flex;
}
.ticao .tctit{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 24px;
}
.ticao .tctit span{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fd6b14;
    margin-left: 0;
    margin-right: 10px;
    display: block;
}
.gangbuoticao{
    width: 66%;
}
.tcdiv{
    display: flex;
}
.tcdiv a{
    border-radius: 8px;
    background-color: #fff;
    padding: 24px;
    width: 47%;
    margin-right: 3%;
}
.tcdiv a img{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.tcdiv a p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
}
.tcdiv a p span{
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    border-radius: 16px!important;
    font-size: 16px;
    background-color: #1e62ec;
    color: white;
}
.yanbuotichao{
    width: 31%;
}
.yanbuotichao a{
    width: 100%;
    margin: 0;
}
.mobile .tcdiv,.mobile .ticao{
    flex-wrap: wrap;
}
.mobile .tcdiv a{
    /*width: 100%;*/
    /* margin: 0; */
    width: 38%;
    margin: 0 auto;
    padding: 5% 4%;
}
.mobile .ticao .tctit {
    margin-bottom: 10px;
    margin-top: 10px;
}
.mobile .yanbuotichao, .mobile .gangbuoticao{
    width: 100%;
}
.read{
    background: url(../images/bg.457b17b4.png) no-repeat no-repeat;
    height: 100px;
    padding-top: 27px;
    font-size: 24px;
    color: #333;
    text-align: center;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.read img{
    width: 64px;
    margin-right: 20px;
}
.read span{
    margin: 0 5px;
    color: #1e62ec;
    font-size: 24px;
}
.mobile .read{
    font-size: 14px;
    display: block;
    height: 40px;
    padding: 10px 0;
}
.mobile .read *{
    font-size: 14px;
}
.footer{
    background-color: #1e62ec;
    color: white;
    font-size: 14px;
    padding: 20px 0;
    text-align: center;
}
.footer *{
    font-size: 14px;
    color: white;
}
.footer p{
    margin-bottom: 10px;
}
.btmfixed{
    position: fixed;
    right: 16px;
    bottom: 186px;
    z-index: 999;
    background: #1e62ec;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    width: 64px;
    transition: all .15s ease-out;
    border: 1px solid #f6faff80;
}
.mobile .btmfixed{
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 999;
    background: #1e62ec;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    width: 54px;
    transition: all .15s ease-out;
    border: 1px solid #f6faff80;
}
.btmfixed>a{
    display: block;
    margin: 6px;
    padding: 8px 0;
    color: white;
    font-size: 12px;
    text-align: center;
    position: relative;
}
.mobile .btmfixed>a{
    font-size: 10px;
}
.mobile .btmfixed a img {
    height: 25px;
    width: 25px;
    margin-bottom: 3px;
}
.btmfixed a img{
    display: block;
    margin: auto;
    height: 30px;
    width: 30px;
    margin-bottom: 13px;
}
#top{
    position: fixed;
    bottom: 96px;
    right: 16px;
    z-index: 999;
    width: 64px;
    height: 64px;
    border: 1px solid #f6faff80;
    border-radius: 8px;
    background-color: #1e62ec;
    display: flex;
    justify-content: center;
    align-items: center;
}
#top img{
    width: 24px;
}


/* 列表 */
.liebiao{
    background-color: white;
    border-radius: 10px;
    margin-top: 20px;
}
.lbtitle{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    color: #1e62ec;
    font-weight: bold;
}
.lbtitle img{
    width: 32px;
    margin-right: 10px;
}
.liebiao .zuijin{
    margin-top: 25px;
    padding-left: 30px;
}
.liebiao .zuijin>div{
    display: flex;
    align-items: center;
    margin-top: 15px;
    overflow-x: scroll;
}
.liebiao .zuijin>div::-webkit-scrollbar {
    width: 0;
}
.liebiao .zuijin .zj-item{
    height: 72px;
    min-width: 160px;
    border: 1px solid #e1e9f4;
    box-shadow: 0 0 8px rgba(0,0,0,.04);
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    background: linear-gradient(180deg,#f2f6ff,hsla(0,0%,100%,0)),#fff;
    margin-right: 10px;
}
.zj-item-active{
    /*border: 1px solid #1e62ec !important;*/
}
.liebiao .zuijin a img{
    height: 100%;
}
.mobile .liebiao .zuijin a img {
    height: 100%;
    width: 40%;
}
.liebiao .zuijin a div{
    padding: 5px;
}
.liebiao .zuijin a div p{
    font-size: 10px;
    overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.mobile .liebiao .zuijin a div p{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.liebiao .zuijin a div span{
    font-size: 10px;
    color: #999;
    display: block;
    margin: 5px 0;
}
.mobile .liebiao .zuijin{
    padding-left: 10px;
}
.liebiao .zhankai{
    display: flex;
    padding: 0 20px;
    justify-content: space-between;
    height: 50px;
    align-items: center;
}
.liebiao .zhankai div{
    color: #1e62ec;
}
.liebiao .zhankai div span{
    background-color: #eaf1ff;
    width: 98px;
    height: 28px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
}

.liebiao .shaixuan{
    padding: 0 30px;
    position: relative;
    display: none;
    margin-top: 20px;
}
.mobile .liebiao .shaixuan{
    padding: 0 20px;
}
.liebiao .shaixuan p{
    margin-bottom: 10px;
}
.liebiao .shaixuan p span{
    margin-right: 20px;
    font-size: 14px;
    color: #999;
}
.liebiao .shaixuan p a{
    line-height: 32px;
    /*height: 32px;*/
    padding: 0 2px;
    text-align: center;
    border-radius: 6px;
    margin-right: 5px;
    display: inline-block;
    font-size: 14px;
}
.liebiao .shaixuan p a.sx-acitve{
    color: #1e62ec!important;
    background: #f3f7ff!important;
}
.liebiao .shaixuan .shou{
    position: absolute;
    right: 30px;
    top: 0px;
}
/*.mobile .liebiao .shaixuan{*/
/*    display: block;*/
/*}*/
.mobile .liebiao .shaixuan p span{
    display: block;
    color: #000;
    margin-bottom: 10px;
    font-size: 16px;
}
.mobile .liebiao .shaixuan p a{
    line-height: 28px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.liebiao-flex{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.liebiao-left{
    width: 32%;
    background-color: #F0F6FF;
}
.liebiao-left>div{
    display: flex;
    padding: 16px;
    align-items: center;
    background-color: #E4E9EB;
}
.liebiao-left>div>img{
    width: 76px;
    margin-right: 16px;
}
.liebiao-left div div{
    font-size: 18px;
}
.liebiao-left div div p{
    font-size: 14px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.liebiao-left div div p img{
    width: 12px;
    margin-right: 5px;
}
.list-left{
    color: #666;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    box-shadow: inset 0 1px 0 0 #e1e9f4;
    padding-left: 24px;
    padding-right: 24px;
    background: #f0f6ff;
    line-height: 48px;
    height: 48px;
    display: flex;
    align-items: center;
}
.list-left img{
    width: 7px;
    margin-right: 10px;
}

.liebiao-right{
    width: 100%;
    padding: 0% 2%;
}
.item-right{
    display: flex;
    border-bottom: 1px solid #e1e9f4;
    padding: 6px 8px 14px 8px;
    padding: 24px 0;
}
.item-right>img{
    width: 25%;
}
.item-right div{
    width: 60%;
    margin-left: 20px;
}
.item-right div h5{
    font-weight: normal;
    font-size: 18px;

    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.item-right div p{
    color: #666;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.item-right div p span{
    display: flex;
    align-items: center;
    color: #666;
    font-size: 14px;
    margin-right: 15px;
}
.item-right div img{
    width: 14px;
    margin-right: 5px;
}
.mobile .liebiao-flex{
    display: block;
}
.mobile .liebiao-flex>div{
    width: 100%;
}
.mobile .item-right>img{
    width: 40%;
}
.mobile .liebiao-left{
    display: flex;
    overflow-x: scroll;
}
.mobile .liebiao-left>div::-webkit-scrollbar {
    width: 0;
}
.mobile .item-right div p{
    margin-top: 5px;
}
.mobile .item-right div p span{
    font-size: 12px;
    margin-right: 5px;
}
.mobile .item-right div img{
    width: 12px;
}
.mobile .nrtop .nrdiv span {
    font-size: 14px;
}
.mobile .nrtop>span {
    font-size: 14px;
}
.mobile .neirong .nrtitle {
    font-size: 14px;
    color: #333;
    height: 40px;
    line-height: 40px;
}
.neirong .nrtitle{
    font-size: 18px;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.neirong .nrtitle a{
    font-size: 18px;
    color: #333;
}
.mobile .neirong .nrtitle a{
    font-size: 16px;
    color: #333;
}
.nrtop{
    background-color: white;
    border-radius: 10px;
}
.nrtop h1{
    font-size: 24px;
    padding-top: 24px;
    margin: 0 24px;
}
.nrtop h3{
    font-size: 24px;
    padding-top: 24px;
    margin: 0 24px;
}
.nrtop>span{
    display: block;
    margin-top: 10px;
    margin-left: 24px;
}
.nrtop .nrdiv{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 10px 24px;
}
.nrtop .nrdiv p{
    display: flex;
    align-items: center;
}
.nrtop .nrdiv span{
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.nrtop .nrdiv span img{
    margin-right: 10px;
}
.nrtop .nrdiv a{
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.nrtop .nrdiv a img{
    margin-right: 10px;
}
.neirong-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
.neirong-left{
    width: 70%;
    background-color: white;
}
.neirong-left video{
    width: 96%;
    display: block;
    margin: 0 auto;
}
.neirong-left p{
    color: #999;
    margin-left: 24px;
}
.neirong-right{
    width: 30%;
    border-radius: 10px;
    background-color: white;
}
.neirong-right h2{
    font-size: 20px;
    margin: 0 0 10px 0;
}
.neirong-right div{
    padding: 20px;
}
.neirong-right div a>img{
    width: 40%;
    border-radius: 5px;
}
.neirong-right div a{
    padding: 12px 0;
}
.neirong-right div a div{
    width: 50%;
    padding: 0;
    margin-left: 10px;
}
.mobile .nrtop .nrdiv a{
    margin-right: 10px;
    font-size: 14px;
}
.mobile .nrtop .nrdiv a img{
    width: 14px;
}
.mobile .neirong-left, .mobile .neirong-right{
    width: 100% !important;
}
#neiright{
    overflow-y: scroll;
    padding: 0!important;
}
#neiright>div::-webkit-scrollbar {
    width: 0;
}

@media screen  and (max-width: 900px){
    .neirong-right div{
        padding: 10px;
    }
    .item-right div p span{
        margin-right: 5px;
        font-size: 12px;
    }
}
.nrbtm{
    align-items: flex-start;
}
.nrbtm .neirong-left{
    width: 68%;
}
.nrbtm .neirong-left>div{
    padding: 20px;
}
.nrbtm .neirong-left .next{
    background-color: #EDF6FF;
    line-height: 60px;
    display: flex;
    padding: 0 20px;
    border-radius: 10px;
    flex-wrap: wrap;
}
.nrbtm .neirong-left .next a{
    width: 50%;
}
.mobile .nrbtm .neirong-left .next a{
    width: 100%;
}
.nrbtm h2{
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e1e9f4;
    color: #333;
}
.shipin{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.shipin a{
    width: 30%;
    padding: 1%;
    background: #fff;
    border: 1px solid #e1e9f4;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.shipin a:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}
.shipin a>img{
    width: 100%;
    border-radius: 5px;
}
.shipin h5{
    margin: 5px 0 10px;
}
.mobile .shipin h5{
    font-size: 16px;
margin: 5px 0 10px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.shipin p{
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-left: 0;
    line-height: 30px;
}
.shipin a>p:first-of-type{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.shipin div{
    border-bottom: 1px solid #e1e9f4;
}
.shipin p img{
    width: 14px;
    margin-right: 5px;
}
.shipin p span{
    margin-right: 15px;
    display: flex;
    align-items: center;
}
.mobile .nrbtm .neirong-left>div{
    padding: 10px;
}
.mobile .shipin a{
    width: 46% !important;
    margin-right: 0 !important;
}
.mobile #neiright{
    height: auto !important;
}
.mobile .shipin p{
    font-size: 12px;
}
.mobile .shipin p img{
    width: 14px;
}

.newtitle{
    display: flex;
    align-items: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.newtitle img{
    width: 48px;
    margin-right: 10px;
}
.newtitle a{
    margin-left: auto;
}
.new-item{
    border-radius: 10px;
    padding: 20px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.new-item>a{
    width: 49%;
}
.new-item>a img{
    width: 100%;
    border-radius: 10px;
}
.new-item>div{
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.new-item>div a{
    display: flex;
    align-items: center;
}
.new-item>div a img{
    width: 30%;
    border-radius: 10px;
}
.new-item>div a div{
    flex: 1;
    padding-left: 16px;
}
.new-item>div a div  h5{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.new-item>div a div p{
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 5px;
}

.mobile .new-item{
    padding: 10px;
    margin-bottom: 10px;
}
.mobile .new-item>a, .mobile .new-item>div{
    width: 100%;
}
.mobile .new-item>div a{
    margin-top: 10px;
}
.mobile .new-item>div a img{
    width: 40%;
}
.mobile .newtitle{
    font-size: 18px;
}
.mobile .newtitle img{
    width: 30px;
    height: 30px;
}
.mobile .newtitle a{
    font-size: 14px;
}

.news .nrtitle{
    font-size: 18px;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.news .nrtitle a{
    font-size: 18px;
    color: #333;
}
.news .shipin a{
    width: 22%;
    margin-bottom: 20px;
}
.news .shipin a:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}
.news .shipin a:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}
.news .page{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.news .page span{
    font-size: 14px;
    margin-right: 20px;
}
.news .page a, .news .page b{
    display: inline-block;
    font-size: 12px;
    text-align: center;
    background-color: #f3f7ff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
}
.news .page a b{
    display: inline-block;
    font-size: 12px;
    text-align: center;
    background-color: #f3f7ff;
    border: 0px solid #d9d9d9;
    border-radius: 4px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    color: #000!important;
}
.news .page b {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    background-color: #1d5ee3;
    color: white;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
}
.news .pagec{
    color: white !important;
    background-color: #1e62ec !important;
}
.news .page input{
    width: 3em;
}
.mobile .news .page>*{
    width: 100%;
    width: 20%;
    margin-bottom: 10px;
    justify-content: center;
    text-align: center;
}

.news .nrtop{
    background-color: unset;
}
.news .neirong-left{
    width: 68%;
    background-color: unset;
}
.news .neirong-left-div{
    background-color: white;
    border-radius: 10px;
    padding-bottom: 14px;
}
.news .nrtop .nrdiv{
    margin: 0;
    margin-top: 20px;
    border-bottom: 1px solid #e1e9f4;
    padding-bottom: 15px;
}

.contenttext p{
    margin: 14px 24px;
    line-height: 32px;
    color: #000;
    text-align: justify;
}
.contenttext p img{
    width: 100%;
    max-width: 610px!important;
    height: auto!important;
    display: block!important;
    margin: 0 auto!important;
}
.contenttext ul{
    margin: 16px 35px;
    line-height: 26px;
    color: #000;
    text-align: justify;
}
.jinggao{
    color: #666;
    font-size: 14px;
    margin-top: 20px;
}
.jinggao p{
    margin: 0;
}

.logein{
    max-width: 400px;
    position: relative;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);
    padding: 30px;
    background-color: white;
    margin: 20px 0;
}
.logein>img{
    width: 90%;
    display: block;
    margin: 0 auto 20px;
}
.logein label{
    display: flex;
    align-items: center;
    line-height: 46px;
    font-size: 20px;
    height: 46px;
    background: #F5F5F5;
    margin-bottom: 10px;
}
.logein label img{
    width: 20px;
    margin: 10px;
}
.logein label input{
    flex: 1;
    background-color: #F5F5F5;
    border: 0;
}
.logein p{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.logein p .chk{
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.logein p a{
    color: #1e62ec;
}
.logein button{
    background: #0356CA;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border: 0;
    width: 100%;
    height: 46px;
    line-height: 46px;
    margin: 10px 0;
}
.logein div{
    display: flex;
    justify-content: space-around;
}
.logein span{
    position: absolute;
    width: 38px;
    height: 38px;
    display: block;
    top: 5px;
    right: 5px;
}
.logein span img{
    width: 100%;
    height: 100%;
}

.logein1{
    display: none;
}
.logein1 h5{
    color: #0356CA;
    font-size: 30px;
    height: 48px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}
.logein1 div{
    width: 212px;
    height: 212px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    text-align: center;
    line-height: 170px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.logein1 p img{
    width: 20px;
}
.logein1 p text{
    color: #45A9F8;
}
.register{
    max-width: 400px;
    position: relative;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);
    padding: 30px 0 0;
    border-radius: 10px;
    background-color: white;
    margin: 20px 0;
}
.register h5{
    color: #0356CA;
    font-size: 30px;
    height: 48px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;

}
.register p{
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 30px;
}
.register p .chk{
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
.register p a{
    font-size: 14px;
    color: #0356CA;
}
.register button{
    background: #0356CA;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border: 0;
    width: 82%;
    height: 46px;
    line-height: 46px;
    margin: 10px auto;
    display: block;
}
.register>a{
    text-align: center;
    background: #f2f4f5;
    border-radius: 0 0 4px 4px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #1E62EC;
    display: block;
    margin-top: 10px;
}
.register .input{
    height: 40px;
    line-height: 24px;
    font-size: 16px;
    padding: 4px 11px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 82%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    align-items: center;
    margin-bottom: 10px;
}
.register .input input{
    width: 70%;
    height: 100%;
    border: 0;
}
.register .input a{
    color: #1E62EC;
    text-align: center;
    width: 30%;
    font-size: 14px;
}
.register div{
    font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.45);
    width: 82%;
    margin: -10px auto 15px;
}
.dengluguankan{
    min-height: 450px;
    /*background: #171818;*/
    padding: 0px 0px;
    margin: 20px;
    text-align: center;
    position: relative;
}
/*.dengluguankan p, .dengluguankan p a {*/
/*    font-size: 22px; */
/*    color: white;*/
/*    padding: 7%;*/
/*}*/
.dengluguankan p a{
    padding: 10px;
    color: antiquewhite;
}
/* 按钮样式 */
.btn, .btns {
	display: inline-block;
	padding: 10px 20px;
	/*background-color: #007BFF;*/
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}
.btn img, .btns img {
    width: 80px!important;
}
.btn:hover, .btns:hover {
	/*background-color: #0056b3;*/
}
/* 模态框样式 */
.modal, .modals{
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}
.modal-content, .modal-contents {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 350px;
    border-radius: 10px;
}
.close, .closes {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover, .close:focus, .closes:hover, .closes:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* 响应式样式 */
@media (max-width: 600px) {
.modal-content,  .modal-contents{
	margin: 10px;
	width: auto;
	margin-top: 50%;
}
}


.mobile .swiper-slide {
    width: 100%!important;
}
.mobile .contitle {
    font-size: 22px;
    padding: 24px 0 24px 0;
    color: #333;
    font-weight: bold;
}
.mobile .kecheng .kctitle {
    font-size: 22px;
    color: #333;
    margin: 20px 0;
    font-weight: bold;
}
.mobile .kecheng .kctitle span {
    font-size: 12px;
     margin-left: 0px; 
    display: block;
}

.mobile .kcfl-item1 a div div {
    line-height: 18px;
    font-weight: bold;
}
.mobile .ticao .tctit {
    font-size: 22px;
}
.mobile .liebiao .zhankai {
    padding: 0 10px;
    height: 50px;
}
.mobile .liebiao-right{
    width: 96%!important;
    padding: 0% 2%; 
    
}
.mobile .item-right {
    display: flex;
    border-bottom: 1px solid #e1e9f4;
    padding: 10px 0;
    align-items: center;
}
.mobile .liebiao-right p:first-of-type{
    display: none;
}
.mobile .item-right div h5 {
    font-weight: bold;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.modal-content form input {
    padding: 5px;
    margin: 10px 10px 5px 10px;
    width: 90%; 
}
.modal-content form div input {
    width: 100%;
    width: 108px!important;
}
.xgke{
    overflow-y: scroll;
    height: 73%;
    margin: 10px 0;
    padding: 0;
}
.mobile .dengluguankan {
    min-height: 200px;
}
.mobile .nrtop h1 {
    margin: 0 3%;
}
.mobile .nrtop>span {
    margin-left: 3%;
}
.mobile .nrtop .nrdiv {
    margin: 3%;
}
.mobile .neirong-right h2 {
    font-size: 18px;
    padding: 10px 0px 0px 3%;
}
.mobile .neirong-left p {
    margin-left: 0px; 
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 12px;
    width: 100%;
}
.mobile .neirong-left p a{
    font-size: 14px;
}
.mobile .contenttext p{
    font-size: 14px;
    line-height: 22px;
    overflow: auto;
    text-overflow: clip;
    white-space: normal;
    width: 96%;
    margin: 0 auto;
    padding: 10px 0px;
}
.mobile .contenttext p strong, .contenttext p strong, .mobile .contenttext ul li strong, .contenttext ul li strong{
    color: brown;
}
.contenttext h2, .contenttext h3{
    padding: 10px 0px;
    width: 96%;
    margin: 0 auto;
    background: #badfff75;
    border-radius: 10px;
    font-size: 18px;
}
.mobile .contenttext h2, .mobile .contenttext h3{
    padding: 10px 0px;
    width: 96%;
    margin: 0 auto;
    background: #badfff75;
    border-radius: 10px;
    font-size: 18px;
}
.mobile .contenttext ul li, .mobile .contenttext ul li strong{
    font-size: 14px;
}
.mobile .nrbtm .neirong-left .next {
    line-height: 30px;
}
.mobile .shipin p span {
    font-size: 12px;
}
.mobile form input {
    padding: 5px;
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.mobile .mob-nav .login {
    margin-top: 0px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.mobile .user-my {
    width: 100%;
    display: block;
}
.mobile .user-my div img{
    display: none;
}
.mobile .user-my a {
    float: left;
    font-size: 14px;
    color: #666;
    margin-right: 24px;
    padding: 10px;
    color: red;
}
.mobile .user-my div a {
    float: left;
    font-size: 14px;
    color: #666;
    margin-right: 0px;
    padding: 10px;
}

.mobile .hytpkuandu{
    width: 30%!important;
}
.mobile .hytp{
    width: 40px!important;
    height: 40px!important;
}
.mobile .tcdiv a p span {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border-radius: 10px !important;
    font-size: 12px;
    background-color: #1e62ec;
    color: white;
}
.mobile .tcdiv a p {
    font-size: 12px;
    line-height: 14px;
}
.search-form input[type="text"] {
    border: 1px solid #007bff!important;
}
.search-form input[type="submit"] {
    border-radius: 0px 10px 10px 0!important;
    padding: 21.5px 20px!important;
    
}
.mobile .search-form {
    /* max-width: 1200px; */
    display: flex;
    align-items: center;
    /* background: #e6e9ef; */
    border-radius: 5px;
    overflow: hidden;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    margin: 0 auto;
    align-content: center;
    justify-content: center;
     padding: 10px 0 0 0!important; 
}
.mobile .search-form input[type="text"] {
    width: 300px;
    padding: 10px;
    border: none;
    outline: none;
    font-size: 16px;
    /* text-align: center; */
    /* margin: 0 auto; */
    border-radius: 30px 0px 0 30px;
    margin: 0px;
}
.mobile .search-form input[type="submit"] {
    padding: 20px 20px;
    background-color: #007bff;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    border-radius: 10px;
    margin: 0px;
    padding: 10px!important;
    width: 30%;
}
.vip-tip{
    height: 390px;
    margin: 20px;
    text-align: center; 
    padding: 20px; 
    background-color: #f9f9f9; 
    border: 1px solid #ddd;
}
.vip-tip div{
    width: 50%;
    margin: 20px;
    text-align: center; 
    padding: 20px; 
    background-color: #f9f9f9; 
    margin: 0 auto;
}

.mobile .vip-tip{
    height: 200px;
    padding: 0;;
}

.mobile .vip-tip div {
    width: 70%;
    font-size: 16px;
    margin: 0 auto;
}
.mobile .user-my div {
    display: flex;
    align-items: center;
    background-color: #F6FAFF;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    padding: 0px 14px 14px 14px;
}