.k-a{width: 12.6rem;margin-top: .6rem;margin-bottom: .4rem; padding: .5rem; background-color: #ffffff;box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);}
.k-cont{width: 100%;padding-bottom: .55rem;}
.k-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.k-left{float: left; width: 5.8rem;}
.k-big{width: 100%;position: relative;}
.k-b{width: 100%;}
.k-item{width: 100%;}
.k-c{display: block;cursor: pointer; width: 100%;}
.k-c img{width: 100%;}
.k-small{width: 100%;position: relative; padding:.2rem .15rem;}
.k-d{width: 100%;}
.k-nav{width: 20%;padding: 0 .1rem;}
.k-e{display: block;width: 100%;cursor: pointer; border: solid .02rem #fff;padding-top: 65.5%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.k-nav.swiper-slide-active .k-e{border: solid .02rem #1a63dc;}

.k-prev{left: 0;margin-top: -.1rem;	width: .12rem;height: .2rem;background-image: url('/static/home/images/a20.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.k-prev:hover{background-image: url('/static/home/images/a20-b.png');}
.k-next{transform: rotate(-180deg); right: 0;margin-top: -.1rem;	width: .12rem;height: .2rem;background-image: url('/static/home/images/a20.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;}
.k-next:hover{background-image: url('/static/home/images/a20-b.png');}

.k-right{float: right;width: 5.1rem;padding-top: .4rem;}
.k-titles{color: #333333;font-weight: bold;margin-bottom: .4rem;}
.k-text{color: #555555;line-height: 1.8; min-height: 2.58rem;padding-bottom: .3rem;}
.k-text *{line-height: inherit;}
 

.k-list{width: 100%;}
.k-top {
  width: 100%;
  color: #ffffff;
  line-height: 1.3;
  background-color: #1a63dc;
}

.k-tp-item {
  display: inline-block;

  cursor: pointer;
  padding: .2rem .25rem;
  position: relative;
}
.k-tp-item.on{
  box-shadow: 0 -2px 0 0 inset #fff;
}

.k-textbox{width: 100%;color: #555555;padding: .4rem  0 .55rem;line-height: 1.6; }
.k-textbox *{line-height: inherit;}

.k-te-item{
  display: none;
}
.k-te-item.show{
  display: block;
}

.k-buttombox{display: inline-block;position: relative;cursor: pointer; background-color: #1a63dc;overflow: hidden;}
.k-buttombox:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color: #1a63dc;}
.k-buttom{color: #ffffff;position: relative;z-index: 18;padding: .18rem .65rem;}
.k-buttombox:hover:after{left: 0;}

@media(max-width: 750px){ 
    .k-a{width: 100%; padding: .3rem .15rem;}
    .k-left{width: 100%;}
    .k-right{width: 100%;}
}

.nav-mbtn {
  margin-top: 0.3rem;
}

.nav-mbtn .button {
  width: 100%;
  height: 2.5em;
  background-color: #1a63dc;
  color: #fff;
  border: none;
  border-radius: 0.1rem;
  cursor: pointer;
}

.user-nav-up {
  margin-bottom: 0.3rem;
}

.user-nav-up .button {
  width: 100%;
  height: 3.125em;
  background-color: #1a63dc;
  color: #fff;
  border: none;
  border-radius: 0.1rem;
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .nav-mbtn {
    display: none;
  }

  .user-nav-up {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .nav-left {
    z-index: 101 !important;
  }

  .user-nav {
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    padding: 0.3rem;
    background-color: #fff;
    transition: all 0.5s;
    z-index: 101;
  }

  .user-nav.mshow {
    left: 0;
  }
}