@charset "UTF-8";
/* all style */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, span, i, select, label {
  margin: 0;
  padding: 0;
}

body {
  font-family: "PingFang SC", "Microsoft YaHei";
  background: url("../images/bg.jpg") no-repeat center bottom;
  background-size: 100% 100%;
}

html, body {
  width: 100%;
}

a {
  text-decoration: none;
  outline: none;
}

ul, ol {
  list-style: none;
}

.clearfix:after {
  display: block;
  content: ".";
  height: 0;
  overflow: hidden;
  clear: both;
}

.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

img {
  border: none;
}

i {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

.wrapper {
  width: 100%;
  margin: 0 auto 0.8rem;
}

body {
  background: #C6EF8F;
}

.banner {
  width: 100%;
  position: relative;
  z-index: 0;
}

.banner img {
  display: block;
  width: 100%;
  height: 100%;
}

.banner .slogen {
  position: absolute;
  top: 1.13333rem;
  left: 1.06667rem;
  width: 5.56rem;
  height: 2.2rem;
}

.banner .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner .banner-content .xkw-logo {
  width: 2.12rem;
  height: .64rem;
  background: url("../images/logo.png") no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin-top: .2667rem;
  margin-left: .2667rem;
}

.banner .banner-content .wxt {
  width: 2.4533rem;
  height: .4533rem;
  background: url("../images/wxt.png") no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin-top: .4rem;
}

.intro-box {
  height: 4.56rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 .64rem .4533rem;
  box-sizing: border-box;
  background: url("../images/intro.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 1;
  margin: 0 .16rem;
}

.intro-box .intro-box-title {
  width: 100%;
  text-align: center;
  padding: .2rem 0 .5067rem;
  color: #FFF;
  font-size: .4267rem;
  font-style: normal;
  font-weight: 700;
  line-height: .4rem;
}

.intro-box p {
  color: #333;
  font-size: .2933rem;
  font-style: normal;
  font-weight: 400;
  line-height: .5333rem;
}

.intro-box p span {
  display: inline-block;
  width: .5867rem;
}

.tip {
  font-size: .2667rem;
  color: #78541D;
  padding: .32rem .8rem;
  text-align: left;
}

.content {
  margin-top: .5333rem;
}

.content .title-name-analyse {
  width: 8.36rem;
  height: 0.84rem;
  background: url("../images/tit.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.62667rem;
}

.content .title-name-paper {
  width: 6rem;
  height: 1.48rem;
  background: url("../images/tit-2.png") no-repeat;
  background-size: 100% 100%;
  margin: .44rem auto 0;
}

.content .list {
  text-align: center;
  margin: 0 .4667rem 0;
  border-radius: 0.4rem;
  border: 0.06667rem solid #FFF;
  background: rgba(255, 255, 255, 0.63);
  -webkit-box-shadow: 0 4px 4px 0 rgba(255, 226, 171, 0.4);
          box-shadow: 0 4px 4px 0 rgba(255, 226, 171, 0.4);
}

.content .list.paper {
  padding: .4rem .5333rem .8rem;
  text-align: left;
}

.content .list .item-box {
  text-align: center;
  padding: 0.6rem .08rem 0;
  position: relative;
}

.content .list .item-box.item-box-paper {
  margin-bottom: .5333rem;
}

.content .list .item-box .item-area {
  color: #655F31;
  font-size: .4267rem;
  text-align: center;
  padding: 0px 1.3333rem;
  display: inline-block;
  position: relative;
}

.content .list .item-box .item-area::before, .content .list .item-box .item-area::after {
  width: 1.0219rem;
  height: .2484rem;
  content: '';
  display: inline-block;
  position: absolute;
  top: .1333rem;
}

.content .list .item-box .item-area::before {
  background: url("../images/sm-tit-l.png") no-repeat;
  background-size: 100% 100%;
  left: 0;
}

.content .list .item-box .item-area::after {
  background: url("../images/sm-tit-r.png") no-repeat;
  background-size: 100% 100%;
  right: 0;
}

.content .list .item-box .item-area span {
  display: inline-block;
}

.content .list .item-box .item-list {
  padding: .4933rem 0;
  text-align: left;
  width: 100%;
  /*关键点 父元素*/
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content .list .item-box .item-list.item-list-other {
  margin-top: 15px;
}

.content .list .item-box .item-list.item-list-other .smitem {
  width: 4.1033rem;
  height: 2.9774rem;
  background: url("../images/other.png") no-repeat;
  background-size: 100% 100%;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: .9333rem;
  text-align: center;
}

.content .list .item-box .item-list.item-list-other .smitem.null {
  position: relative;
}

.content .list .item-box .item-list.item-list-other .smitem.null::before {
  width: 4.1033rem;
  height: 2.9774rem;
  line-height: 2.9774rem;
  content: '敬请期待';
  color: #CCCBCB;
  font-size: .4267rem;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/other-null.png") no-repeat;
  background-size: 100% 100%;
}

.content .list .item-box .item-list.item-list-other .smitem .tab {
  padding-top: .84rem;
  font-size: .32rem;
  color: #fff;
}

.content .list .item-box .item-list.item-list-other .smitem .item-bg {
  padding-top: .2133rem;
}

.content .list .item-box .item-list.item-list-other .smitem .item-bg .titleName {
  font-size: .4rem;
  color: #333;
  font-weight: bold;
}

.content .list .item-box .item-list.item-list-other .smitem .item-bg .intro {
  font-size: 16px;
  color: #333;
  padding: 5px 0px 5px 0;
}

.content .list .item-box .item-list.item-list-other .smitem .item-bg .btn {
  width: 1.9546rem;
  height: .5268rem;
  line-height: .5268rem;
  border-radius: 1.3333rem;
  font-size: .3rem;
  color: #fff;
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.01%, #FD5805), color-stop(99.99%, #FF9829));
  background: linear-gradient(0deg, #FD5805 0.01%, #FF9829 99.99%);
}

.content .list .item-box .item-list.item-list-other .smitem:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.content .list .item {
  width: 5.952rem;
  border-radius: .2133rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: .56rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 .4rem;
  display: inline-block;
}

.content .list .item .item-bg {
  padding: .32rem;
  position: relative;
  z-index: 2;
  border-radius: .1342rem;
  background: linear-gradient(82deg, #FFEEB1 -6.65%, #FFF6E3 99.22%);
}

.content .list .item .tab {
  width: 4.44rem;
  height: .88rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .1333rem 0 0 .4533rem;
  background: url("../images/label-top.png") no-repeat;
  background-size: 100% 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01%, #FFF0BA), color-stop(99.99%, #FFD789));
  background: linear-gradient(180deg, #FFF0BA 0.01%, #FFD789 99.99%);
  border-radius: .2667rem .2667rem 0 0;
  position: absolute;
  top: -0.56rem;
  left: 0px;
  z-index: 1;
}

.content .list .item .tab b {
  font-size: .3rem;
  color: #78541D;
  font-weight: normal;
}

.content .list .item .teacherTitle {
  width: 2.792rem;
  height: 1.2573rem;
  background: url("../images/label-bottom-1.png") no-repeat;
  background-size: 100%;
  color: #6B2900;
  font-size: .2933rem;
  border-radius: .08rem;
  padding: .4533rem .2133rem 0 .1333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  line-height: 1;
  font-weight: bold;
  box-sizing: border-box;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: 1;
}

.content .list .item .teacherTitle em {
  display: block;
  color: #333;
  font-size: .2133rem;
  font-style: normal;
  padding-top: .08rem;
  font-weight: normal;
}

.content .list .item .img {
  text-align: center;
  position: absolute;
  top: .8rem;
  right: .1333rem;
}

.content .list .item .img img {
  width: 1.24rem;
  height: 1.88rem;
  display: inline-block;
}

.content .list .item .titleName p {
  font-size: .2933rem;
  color: #39211E;
  display: block;
  font-weight: bold;
  line-height: .3733rem;
}

.content .list .item .label {
  background: -webkit-gradient(linear, left top, right top, from(#FFD6C2), to(#FFE4CD));
  background: linear-gradient(90deg, #FFD6C2 0%, #FFE4CD 100%);
  border-radius: .0533rem;
  font-size: .3733rem;
  color: #6B2900;
  font-weight: bold;
  line-height: 1;
  padding: .0533rem;
  margin-top: .3733rem;
  display: inline-block;
}

.content .list .item .intro {
  width: 4rem;
  height: 1.1933rem;
  font-size: .2667rem;
  color: #39211E;
  line-height: .4rem;
  padding: .0333rem 0px 0 0;
  margin-bottom: .3467rem;
  overflow: hidden;
  white-space: normal;
}

.content .list .item .btn {
  font-size: .2933rem;
  color: #78541D;
  line-height: 1;
  padding: .08rem .1333rem;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  margin-right: .0667rem;
  border-radius: .0667rem;
  border: 1px solid #D69F4C;
}

.content .list .item .btn.null {
  background: #FFE3AD;
  border: 1px solid #FFE3AD;
  color: #DC6A39;
}

.content .list .item .btn em {
  font-style: normal;
  display: none;
}

.content .list .item .btn i {
  width: .6rem;
  height: .2133rem;
  display: inline-block;
  background: url("../images/free.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -0.24rem;
  right: 0;
}

.content .list .item-paper {
  width: 4.2667rem;
  height: 4.36rem;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: .5333rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.content .list .item-paper:nth-child(2n+2) {
  margin-left: .4rem;
}

.content .list .item-paper .label {
  width: 3.7333rem;
  height: 1.7067rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, right top, from(#FDCCB5), to(#FFE4CD));
  background: linear-gradient(90deg, #FDCCB5 0%, #FFE4CD 100%);
  -webkit-box-shadow: 0px 0.16rem 0.32rem 0px rgba(215, 220, 227, 0.6);
          box-shadow: 0px 0.16rem 0.32rem 0px rgba(215, 220, 227, 0.6);
  border-radius: .2133rem;
  border: 1px solid #FFFFFF;
  position: absolute;
  top: 0;
  left: .2667rem;
  padding: .2133rem 0 0 .32rem;
  font-size: .3733rem;
  line-height: 1;
  font-weight: 600;
  color: #6B2900;
  text-align: left;
}

.content .list .item-paper .folder {
  width: 4.2667rem;
  padding-bottom: .48rem;
  background: url("../images/folder.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: .4133rem;
  left: 0;
}

.content .list .item-paper .folder b {
  padding: .8533rem 0 .4rem 0;
  font-size: .4267rem;
  color: #000B66;
  display: block;
  text-align: center;
}

.content .list .item-paper .folder .links {
  text-align: center;
}

.content .list .item-paper .folder .links .btn {
  font-size: .32rem;
  color: #333;
  line-height: 1;
  padding-left: .4133rem;
  margin: 0 .1333rem;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.content .list .item-paper .folder .links .btn::before {
  width: .32rem;
  height: .32rem;
  content: '';
  display: inline-block;
  background: url("../images/checked.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: calc(50% - .16rem);
  left: 0;
}

.content .list .item-paper .folder .links .btn.null {
  color: #999;
}

.content .list .item-paper .folder .links .btn.null::before {
  background: url("../images/checked-null.png") no-repeat;
  background-size: 100% 100%;
}

.gg {
  display: block;
  margin: .4rem .4667rem;
}

.gg img {
  width: 100%;
  height: 100%;
}

.footer {
  text-align: center;
  padding: .8rem .2667rem .4rem;
  font-size: 14px;
  color: #333;
}

.go-top {
  width: 60px;
  height: 60px;
  background: url("../images/go-top.png") no-repeat;
  background-size: 100% 100%;
  position: fixed;
  right: 100px;
  bottom: 100px;
  cursor: pointer;
  display: none;
}

.go-top:hover {
  background: url("../images/go-top-hover.png") no-repeat;
  background-size: 100% 100%;
}

.slider {
  width: 1.0933rem;
  height: 1.0933rem;
  position: fixed;
  bottom: .4rem;
  right: .4rem;
  z-index: 10;
  background: url("../images/go-top.png") no-repeat;
  background-size: 100% 100%;
  display: none;
}

.list-paper {
  padding: 0.74667rem 0.86667rem;
}

.list-paper a {
  display: block;
  margin-bottom: .4rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.26667rem;
}

.list-paper a img {
  width: 100%;
  height: auto;
}

.list-paper a:last-child {
  margin-bottom: 0;
}

.list-paper a span {
  display: none;
}

.list-paper a.coming-soon {
  pointer-events: none;
}

.list-paper a.coming-soon span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  color: #FFF;
  font-size: 0.42667rem;
  font-weight: bold;
}