/*通用*/
body, button, input, select, textarea {
    font: 12px/1.5 "Microsoft YaHei","Microsoft JhengHei","黑体";
}
.text-center a{
    text-decoration:none;
}
.combo-m,.tu,#swiper-new,.main-header,.statistics-m__tab,.aboutus,.rl,.exam-box__m,.ksm-int{
    display:none;
}
.btn-con,.exam-box
{
    display:block;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
#SendMobileBtn
{
    color: #fff;
    border: 0;
    background-color: #405efe99;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 16px;
    padding: 10px;
    position: absolute;
    width: 30%;
    right: 20px;
}

.
/*通用按钮*/
.button:hover{
    box-shadow: 0px 0px 5px rgba(255,255,255,0.7);
}
.btn-con--white{
    color: #3085ff;
    border: 2px solid #fff;
    background-color: #fff;
}
.btn-con--bule{
    color: #fff;
    border: 2px solid #fff;
}
.btn-con--bule:hover,.btn-con--white:hover{
    box-shadow: 0px 0px 5px rgb(255, 255, 255);
}
.form-control__x:focus{
    border-bottom: 1px solid #3f5efd;
}
/*通用按钮--渐变*/
.btn-con--more {
    color: #fff;
    border: 0;
    background-color: #fff;
    background: linear-gradient(#3d60fc, #4b91ff); 
}
.btn-con--org {
    color: #fff;
    border: 0;
    background-color: #fff;
    background: linear-gradient(#fcbf3d, #ff4b4b);
}
.banner-btn{
    position: absolute;
    bottom: 20%;
    left: 18%;
}
/*登录*/
.btn-con--code {
    position: absolute;
    color: #405efe;
    border: 1px solid #405efe;
    background-color: #ffffff;
    border-radius: 5px;
    width: 20%;
    margin: 0;
    top: 260px;
    right: 40px;
    padding: 5px 0;
}
.btn-con--login:hover,.btn-con--code:hover,.btn-con--more:hover,#SendMobileBtn:hover{
    box-shadow: 0px 0px 5px rgb(64, 94, 254);
}
.btn-con--login {
    color: #fff;
    border: 0;
    background-color: #405efe;
    border-radius: 5px;
    width: 100%;
    margin: 0;
}
/*通用大问题*/
.title-size--black{
    font-size: 36px;
    color: #222;
    text-align: center;
    letter-spacing: 1px;
}
.title-size--white{
    font-size: 36px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
}
/*通用小问题*/
.title-vice{
    margin-top: 18px;
    /* font-size: 1rem; */
    font-size: 1.2rem;
    color: #000;
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
/*--------------------------------------------------------------*/

/*弹框*/
.activit-tk {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9999999;
}
.activit-tk .activit-mask {
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
}
.activit-nr-main {
    position: absolute;
    width: 750px;
    height: 478px;
    top: 50%;
    left: 50%;
    margin: -239px 0 0 -375px;
}
.activit-nr-main .pic-box, .activit-nr-main .pic-box img {
    display: block;
    width: 100%;
    height: auto;
}
.activit-nr-info-main .colos-btn {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    z-index: 999;
    top: -50px;
    right: -50px;
}
.activit-nr-info-main .colos-btn img {
    display: block;
    width: 100%;
}
/*头部*/
.header-color{
    color:#ff4c19;
}
.header-try{
    position: absolute;
    top: 23px;
    right: 72px;
    background-color: #405efe;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 5px;
    color: #fff;
}
.header-try:hover{
    background-color: #12b7f5;
}
.header-login{
    position: absolute;
    top: 0px;
    right: 195px;
    color: #666;
}
.solution-dropdown {
    background: #f9faff;
    padding: 40px 0 80px 0;
    display: none;
    position: fixed;
    top: 85px;
    z-index: 999;
    width: 100%;
    margin-top: -1px;
    transition: all 0.1s ease;
    box-shadow: 0px 0px 15px rgba(31,76,150,0.1);
  }
  .solution-dropdown .group {
    margin-bottom: 66px;
  }
  .solution-dropdown .group:last-child {
    margin-bottom: 0;
  }
  .solution-dropdown .group a {
    text-decoration: none;
  }
  .solution-dropdown .group a > div {
    display: inline-block;
    vertical-align: middle;
  }
  .solution-dropdown .group .row {
    margin-bottom: 18px;
  }
  .solution-dropdown .group .row:last-child {
    margin-bottom: 0;
  }
  .solution-dropdown .group .row > div a {
    display: inline-block;
    width: 90%;
    padding: 20px;
  }
  .solution-dropdown .group .row > div a:hover,
  .solution-dropdown .group .row > div a:focus,
  .solution-dropdown .group .row > div a:active {
    box-shadow: 0px 3px 9px 0px rgba(66, 144, 255, 0.14);
    background: #fff;
  }
  .solution-dropdown p {
    font-size: 14px;
    color: #6e798b;
  }
  .solution-dropdown .sort-title {
    font-size: 20px;
    color: #222222;
    margin-bottom: 40px;
  }
  .solution-dropdown .title {
    font-size: 18px;
    color: #36475b;
    margin-bottom: 15px;
  }
  .solution-dropdown img {
    margin-right: 8%;
  }
  .solution-dropdown .col-xs-5 {
    width: 39.66666667%;
  }
  .solution-dropdown .col-xs-3 {
    width: 26%;
  }
/*banner*/
.banner{
    position: relative;
    margin-top: 0px;
}
.banner img{
    width: 100%;
}
.banner-lite{
    font-size: 20px;
}
.banner-box input{  
    border: none;
    border-bottom: #dedede 1px solid;
    border-radius: 0;
    margin-top: 22px;
    font-size: 14px;
    width: 100%;
    padding: 6px;
    z-index: 20;
  } 
.banner-center__deal{
    font-size: 14px;
    color: #6c757d;
    margin-top: 20px;
    margin-bottom: 20px;
}
.banner-center__deal input{
    margin:10px 10px 0;
}
.banner-box{
    padding: 30px 40px 10px;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    width: 430px;
    bottom: 10%;
    right: 14%;
    z-index: 20;
}
/*手艺支持*/
.skill{
    padding: 90px 0 30px;
    background-color:#fafafa;
    overflow: hidden;
}
.skill img:hover{
    transition: all 0.8s;
    transform: rotateY(130deg);
    -webkit-transform: rotateY(360deg);
}
.skill .row{
    padding-top: 30px;
}
.skill small{
    font-size: 1rem;
}
.ks-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.art{
    padding: 50px 0;
}
/*专属在线教育平台*/
.alone{
    padding: 90px 0 0;
    background-color: #fff;
}
.alone-left{
    width: 226px;
    margin-top: 123px;
}
.alone-left__img{
    box-shadow:0px 4px 14px 0px rgba(181, 193, 229, 0.56);
    margin:42px 20px;
    position: relative;
    border-radius: 5px;
}
.alone-blue{
    position: absolute;
    top: 0;
    left: 3px;
    z-index: -1;
}
.alone-right{
    float: right;
    position: absolute;
    top: 210px;
    left: 248px;
    width: 80%;
    height: 690px;
    padding: 10px 0 0 35px;
    background-color: #fff;
    box-shadow: 0px 4px 14px 0px rgba(181, 193, 229, 0.56);
    border-radius: 10px;
}
.alone-right__box .title-vice{
    margin-bottom: 0;
}
.alone-patch{
    width: 20%;
    height: 250px;
    padding: 20px 20px;
    float: left;
    transition: all 0.3s;
}
.alone-patch:hover{
    transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
    transition: all 0.3s;
    box-shadow: 0px 4px 14px 0px rgba(181, 193, 229, 0.56);
    border-radius: 10px;
}
.alone-p{
    font-size: 14px;
    color: #666;
    margin-bottom: 30px;
}
.alone-case{
    clear: both;
    padding: 35px 0;
}
.alone-casemer{
    transition: all 0.8s;
    margin-top: 20px;
    border: 1px solid #e1e2e4;
    height: 160px;
    width: 160px;
    border-radius: 10px;
    padding: 40px;
    margin-left: 20px;
    float: left;
}
.alone-casemer:hover{
    transition: all 0.3s;
    box-shadow: 0px 4px 14px 0px rgba(181, 193, 229, 0.56);
}
.alone-patch__triangle {
    display: none;
    width: 50px;
    height: 40px;
    transform: rotate(45deg);
    box-shadow: 0px 4px 14px 0px rgba(181, 193, 229, 0.56);
    position: absolute;
    z-index: -10;
    top: 20px;
    right: -71px;
    background-color: #7c99fe;
}
.alone-patch__sitem{
    font-size: 14px;
    color: #666;
}
/*互动直播*/
.live{
    background-image: url(/Template/skin1/public/vTeacher/image/livebgi.png);
    width: 100%;
    color: #fff;
    padding: 65px 0;
    margin-top: 100px;
}
.live-box{
    padding: 70px 10px;
}
.live-box__intro{
    font-size: 18px;
    line-height: 36px;
}
.live-btn{
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
/*录播*/
.photo{
    background-color: #fff;
    padding: 70px 0;
    text-align: center;
}
.photo img{
    padding: 70px 0;
}

/* 考试系统 */
.exam{
    background-color: #fafafa;
    padding: 70px 0;
    text-align: center;
    overflow: hidden;
}
.exam img{
    padding: 20px 0 0 55px;
}
.exam .title-vice{
    margin-top: 0;
}
.exam-top,.sem-top,.cms-top,.ftu-top{
    margin-bottom: 70px;
}
.exam-box{
    padding: 18px 25px;
    transition: all 0.8s;
}
.exam-box:hover{
    box-shadow: 0px 4px 14px 0px rgba(181, 193, 229, 0.56);
    position: relative;
    border-radius: 10px;
    transition: all 0.8s;
}
.active .alone-blue{
    z-index: 10;
}
.active .alone-patch__triangle{
    display: block;
}

/*营销*/
.sem{
    background-color: #fff;
    height: 600px;
    text-align: center;
    margin-bottom:170px;
}
.sem .nav-icon {
    display: inline-block;
    padding-left: 0;
}
.sem .nav-icon li {
    list-style-type: none;
    display: inline-block;
    height: 160px;
    width: 28.7%;
    margin: 1.8%;
    background: #fff;
    float: left;
    font-size: 0;
    box-shadow: 0px 4px 14px 0px rgba(181, 193, 229, 0.56);
}
.sem .nav-icon li a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.sem .nav-icon li a::after{
    content: '';
    height: 100%;
    display: inline-block;
    width: 0;
    vertical-align: middle;
}
.sem .nav-icon li a img {
    margin-bottom: 15px;
}
.no-click {
    display: none;
}
.sem .nav-icon li a p {
    font-size: 16px;
    color: #36475a;
}
.sem .nav-icon li a > div {
    display: inline-block;
    vertical-align: middle;
}
/*治理系统*/
.cms{
    background-color: #fafafa;
    padding: 90px 0 80px;
}
.cms img{
    margin-bottom: 60px;
}
/*多终端*/
.ftu{
    padding: 90px 0 30px;
}
.ftu-box{
    padding:0 10px 60px;
}
.ftu-box__content{
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 14px 0px rgba(181, 193, 229, 0.56);
    height: 415px;
    transition: all 0.8s;
}
.ftu-box__content:hover {
    box-shadow: 0px 8px 14px 0px rgba(181, 193, 229, 0.8);
    transition: all 0.8s;
    transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
}
.ftu-box__content img{
    width: 265px;
}
.ftu-box__content p{
    margin-top: 25px;
    color: #5974fd;
    font-size: 20px;
}
.ftu-box__content > div{
    font-size: 14px;
}
.ftu .col-sm-2{
    height: 100px;
}
/*都选择了pp电子*/
.pick{
    padding: 100px 0;
}
.pick .col-sm-2 img{
    width: 200px;
}
/**/
/*强盛的手艺团队下边轮播*/
.team .tab-pane .left {
    position: relative;
    width: 45%;
}
.team .tab-pane .left, .index-content .team .tab-pane .right {
    display: inline-block;
    vertical-align: middle;
}
.team .tab-pane .switch {
    position: absolute;
    right: -90px;
    top: 60px;
}
.team .tab-pane .right {
    width: 53%;
    padding-left: 20%;
    font-size: 18px;
    color: #79849a;
    line-height: 42px;
    display: -webkit-inline-box;
}
.team .tab-pane img{
    vertical-align: middle;
    max-width: 100%;
}
.team .btn-con {
    text-align: center;
}
.first-btn {
    background: #3085ff;
    color: #fff;
    margin-right: 120px;
    border: 0;
    box-shadow: 0px 0px 10px rgba(20,113,245,0.2);
}
.first-btn:hover,.last-btn:hover{
    box-shadow: 0px 0px 8px rgba(20, 113, 245, 0.6)
}
.last-btn {
    background: transparent;
    color: #3085ff;
    border: 1px solid #3085ff;
    box-shadow: 0px 0px 10px rgba(20,113,245,0.2);
}
button {
    background: transparent;
    border-radius: 50px;
    font-size: 16px;
    outline: none;
    padding: 10px 20px;
    margin: 0 50px;
}

/*证书*/
.cards{
    padding: 90px 0;
}
.cards .row{
    padding: 60px 0;
}
.cards img{
    width: 390px;
    padding: 10px;
    transition: all 0.8s;
}
.cards img:hover{
    transition: all 0.8s;
    transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
}
/*底部*/
.fre{
    color: #fff;
    padding: 100px;
    height: 370px;
    background-image: url(/Template/skin1/public/vTeacher/image/free.png);
    position: relative;
}
.fre .btn-con{
    margin-top: 60px;
}
.fre p{
    font-size: 62px;
}
.fre button{
    border-radius: 10px;
    padding: 10px 40px;
}
.kexunbest {
    line-height: 20px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
    min-width: 600px;
}
.kexunbest .kexun-des {
    position: relative;
    margin: 0;
    font-size: 14px;
    letter-spacing: -0.2px;
    color: #666666;
}
.kexunbest .kexun-records {
    margin: 15px 0 15px;
    font-size: 12px;
    color: #999;
}
.kexunbest .kexun-des .kexun-line-left {
    position: relative;
    display: inline-block;
    border-bottom: 2px solid #888;
    width: 30px;
    top: -3px;
}
.kexunbest .kexun-des .kexun-line-right {
    position: relative;
    display: inline-block;
    border-bottom: 2px solid #888;
    width: 30px;
    top: -3px;
}

.banner-box--tm{
    box-shadow: -1px -2px 10px rgba(0,0,0,0.2);
    /* background: rgba(255,255,255,0.21); */
    border-radius: 10px;
    width: 430px;
    padding: 15px 20px;
}
.conditionList{
    padding-left:0;
}
.conditionList p {
    font-size: 16px;
    color: #000;
    text-align: left;
    margin: 10px 0;
}
.conditionList li{
    list-style-type:none;
}
.conditionList dl dd {
    flex: 1;
}
.conditionList dd {
    text-align: left;
    color: #000;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
}
.conditionList dd i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(/Template/skin1/public/vTeacher/image/chsoe_icon1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 10px;
}

.conditionList dd.active i {
    background-image: url(/Template/skin1/public/vTeacher/image/chsoe_icon2.png);
}
dl, ol, ul {margin-top: 0;margin-bottom: 0rem;}

 /*Cell单位格*/
     .ks-cell {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding: 10px 15px;
        overflow: hidden;
        color: #333333;
        font-size: 15px;
        line-height: 24px;
        background-color: #fff;
    }
    .ks-cell__title, .ks-cell__value {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    .ks-cell__right-icon {
        margin-left: 5px;
        color: #969799;
    }
    .ks-cell__left-icon, .ks-cell__right-icon {
        min-width: 1em;
        height: 24px;
        font-size: 16px;
        line-height: 24px;
    }
    .ks-icon {
        position: relative;
        display: inline-block;
        font: normal normal normal 14px/1 "kst-icon";
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .ks-cell:not(:last-child)::after {
        position: absolute;
        box-sizing: border-box;
        content: ' ';
        pointer-events: none;
        right: 0;
        bottom: 0;
        left: 15px;------
         
        border-bottom: 1px solid #ebedf0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    .more {
        float: right;
        font-size: 0.7rem;
        color: #575c60;
        background: url(https://www.kesion.com/Template/skin1/static/index/images/icon-right.png) no-repeat 100% 50%;
        background-size: 0.6rem 0.6rem;
        padding-right: 0.8rem;
    }
    .ks-cell img{
        width: 22px;
        height: 22px;
        margin-right: 5px;
    }
.ks-text--center {
    text-align: center;
}


/* 响应式处理 */

@media screen and (max-width: 768px) {
    .activit-tk,.solution-dropdown,.banner,.alone,.rrr,small,.kesion-index,.btn-con,.exam-box{
        display: none;
    }
    .tu,.statistics-m__tab,.aboutus,.rl,.exam-box__m
    {
        display:block;
     }
    .title-size--black
    {
        font-size:24px;
        font-weight : bold;
    }
    .title-size--black span
    {
        display: flow-root;
    }
    .combo-m {
        margin-top: 25px;
        display:block;
    }
    .combo-m__info {
    background-color: #F7F8FA;
    padding: 1px 26px 26px;
    }
    .combo-m__info img {
    width: 44px;
    float: left;
}
.combo-m__info__box {
    clear: both;
    height: 44px;
}
.ks-mt-20 {
    margin-top: 20px;
}
.combo-m__info__left {
    float: left;
    margin-left: 14px;
}
.combo-m__info__left__top {
    font-size: 14px;
    font-weight: bold;
}
.title-vice
{
    font-size: 1rem;
}
.live
{
    margin-top:0px;
    padding: 22px 0;
 }
 .art {
    padding: 20px 0;
    }
 .live-box
 {
     padding:20px 10px;
 }
 .live-box img
 {
     width:80px;
 }
 .live-box__intro {
    font-size: 14px;
    line-height: 20px;
}
.live-box h4
{
    font-size:18px;
}
button {
    background: transparent;
    border-radius: 50px;
    font-size: 12px;
    outline: none;
    padding: 10px 20px;
    margin: 0 0px;
}
.photo img {
    padding: 45px 0;
    width: 100%;
}
.photo {
    padding: 30px 0;
}
.exam {
    padding: 30px 0;
}
.exam-top
{
    margin-bottom: 0px;
}
.cms-top
{
    margin-bottom: 30px;    
}
.exam img
{
    padding:0px;
    padding-top: 15px;
}
.cms img {
    margin-bottom: 40px;
    width: 100%;
}
.cms {
    background-color: #fafafa;
    padding: 50px 0;
}
.ftu {
    padding: 30px 0;
}
.ftu-box__content img {
    width: 100%;
}
.ftu-box__content p {
    margin-top: 5px;
    color: #5974fd;
    font-size: 14px;
    margin-bottom:0px;
}
.pick .col-sm-2 img
{
    width:100%
 }
 .pick .col-sm-2
 {
    padding:0px;      
 }
 .ftu-box__content > div {
    font-size: 12px;
}
.ftu-box__content
{
    height:260px;
 }
 .ftu-box {
    padding: 0 10px 20px;
}
.cards img
{
    width:100%;
    padding-top: 10px;
}
.fre p {
    font-size: 24px;
    font-weight: bold;
}
.fre {
    padding: 50px 0;
    height: 240px;
    margin-top:20px;
}
.kexunbest 
{ 
    min-width: 100%;
    bottom : -70%;
}
.cards .row {
    padding: 30px 0;
}
#swiper-new img
{
    width:100%
}
#swiper-new 
{
    display:block;
    margin-top:60px;
 }
.aboutus {
        padding: 12px 15px;
        font-size: 14px;
        background-color: #333;
        height: 210px;
        clear: both;
        color: #fff;
    }
    .aboutus-ks,
    .aboutus-wmh {
        float: left;
    }
    .aboutus-ks__img {
        padding: 16px 10px 32px 68px;
        float: left;
    }
    .aboutus-wmh__img {
        padding: 16px 68px 32px 10px;
        height: 138px;
        float: left;
    }
    .combo-m__title {
        text-align: center;
        font-size: 21px;
        margin-top: 50px;
        margin-bottom: 15px;
    }
    .combo-m__info {
        background-color: #F7F8FA;
        padding: 1px 26px 26px;
    }
    .combo-m__info img {
        width: 44px;
        float: left;
    }
    .combo-m__info__left {
        float: left;
        margin-left: 14px;
    }
    .combo-m__info__left__top {
        font-size: 14px;
        font-weight: bold;
    }
    .combo-m__info__left__bottom {
        font-size: 11px;
        color: #999;
    }
    .combo-m__info__box {
        clear: both;
        height: 44px;
    }
.mediam-img{
        height: 70px;
        border-radius: 5px;
        padding: 1px;
    }
    .mediam-title{
        font-size: 16px;
        color: #000;
        font-weight: 700;
    }
    .mediam-li{
        margin-top: 15px;
        padding: 5px;
        border-radius: 5px;
        box-shadow:1px 0px 3px 1px rgba(28, 31, 33, .2);
    }
    .mediam-text{
        padding-left:5px;
    }
    .ksimg{
        height: 115px;
    }
    .combo-m__color{
        display: none;
        background-color: #333;
        padding: 20px 20px;
    }
    .combo-m__color .ks-col-12,.combo-m__color .ks-col-24{
        padding: 5px;
    }
    .combo-m__color a{
        color:#fff;
        font-size:14px;
    }
    .ks-col-8
    {
        width:33.33333%
    }
    .ks-col-12{
        width: 50%;
    }
    .ks-col-24{
        width: 100%;
    }
    .skill
    {
        padding-top: 30px;
    }
    .pj
    {
        line-height: 44px;
        font-size: 14px;
     }
     .pj> div
     {
         width: 8px;
        height: 8px;
        background-color: #3f5bfd;
        float: left;
        margin-top: 18px;
        margin-right: 5px;
        border-radius: 50%;
     }
      .n .combo-m__info
     {
         padding-top:25px;
     }
     .aside {
    position: fixed;
    height: 100%;
    width: 240px;
    right: -100%;
    top: 0;
    background: #fff;
    z-index: 10000;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.asideuser {
    position: relative;
    background: #fff;
    padding: 20px 15px;
}
.aside-wrap li a {
    padding-left: 15px;
    font-size: 15px;
    color: #000;
}
li{
    list-style-type: none;
}
.referindex {
    position: fixed;
    background-color: #3d6bfc;
    color: #fff;
    right: 0;
    line-height: 18px;
    padding: 5px;
    border-radius: 5px 0 0 5px;
    top: 35%;
    z-index: 999;
}
.cards
{
    padding: 50px 0 0;
}
.pick {
    padding: 0;
}
.disnon
{
    display:none;
 }
 .fre-inp
 {
    border-radius: 5px;
    border: 0px;
    height: 30px;
    width:200px;
    padding: 0 10px;
 }
 .fre-t
 {
     color: #fff;font-size: 16px;
  }
  .fre-btnjr
  {
    width: 40%;
    margin: 36px auto;
    background-color: #fff;
    font-size: 18px;
    border-radius: 5px;
    padding: 5px;   
    color: #537dfb;
  }
  .exam-box__m{
       padding: 10px 0;
  }
  .ksm-int
  {
    display:block;
    width: 100%;
    padding: 0 20px;
    margin-top:15px;
  }
  .ksm-int input{
    height: 36px;
    outline: 0;
    border: #dce4e6 solid 1px;
    background-color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  .ksm-int>div{
    background-color: #fb8217;
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
  }
  .ftu-top {
    margin-bottom: 40px;
}
}
@media (min-width: 1024px){
     .banner-box
    {
        bottom:5%;
    }
    } /*>=1024的装备*/

    @media (min-width: 1100px) {
      .banner-box
    {
        bottom:5%;
    }
    } /*>=1100的装备*/
    @media (min-width: 1280px) {
     .banner-box
    {
        bottom:5%;
    }
    } /*>=1280的装备*/

    @media (min-width: 1366px) {
  .banner-box
    {
        bottom:5%;
    }
    }  

    @media (min-width: 1440px) {
    .banner-box
    {
        bottom:5%;
    }
    } 

    @media (min-width: 1680px) {
     .banner-box
    {
        bottom:10%;
    }
    } 
    @media (min-width: 1920px) {
      .banner-box
    {
        bottom:20%;
    }
    } <!--耗时1782902694.3252秒-->