.state-content {
  position: relative;
  background: #ffffff;
  border: 1px solid #dddddd;
}

.state-content .state-soft {
  padding: 20px 0px;
  height: 164px;
}

.state-content .state-soft ul {
  margin: 0px;
  padding: 0px;
}

.state-content .state-soft ul li {
  list-style-type: none;
  float: left;
  width: 96px;
  margin-left: 21px;
  position: relative;
}

.state-content .state-soft ul li img {
  width: 96px;
  height: 96px;
}

.state-content .state-soft ul li span {
  display: inline-block;
  width: 96px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #555555;
  letter-spacing: 0;
  text-align: center;
  margin-top: 8px;
  overflow: hidden;
  height: 17px;
  font-size: 12px;
}

.state-content .state-soft ul li span:hover {
  color:#14A218; 
}

.state-content .state-soft ul li:nth-last-child(1) {
  margin-right: 0px;
}

.state-content .state-text {
  padding-left: 20px;
}

.state-content .state-text .state-row {
  position: relative;
  height: 24px;
  margin-bottom: 10px;
}

.state-content .state-text .state-row .tip {
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 24px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
  margin-right: 16px;
  background-color: #89c2f9;
}

.state-content .state-text .state-row .tip::after {
  position: absolute;
  left: 48px;
  top: 6px;
  content: ' ';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #89c2f9;
}

.state-content .state-text .state-row .purple {
  background-color: #9ba3f6;
}

.state-content .state-text .state-row .purple::after {
  border-left: 6px solid #9ba3f6;
}

.state-content .state-text .state-row .pink {
  background-color: #f4a8a8;
}

.state-content .state-text .state-row .pink::after {
  border-left: 6px solid #f4a8a8;
}

.state-content .state-text .state-row .green {
  background-color: #46db8f;
}

.state-content .state-text .state-row .green::after {
  border-left: 6px solid #46db8f;
}

.state-content .state-text .state-row .state-row-content {
  height: 24px;
  width: 100%;
  line-height: 24px;
  padding-left: 60px;
  padding-right: 20px;
  overflow: hidden;
}

.state-content .state-text .state-row .state-row-content a {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #555555;
}

.state-content .state-text .state-row .state-row-content a:hover {
  color:#14A218; 
  text-decoration: underline; 
}

.state-content .state-text .state-row .state-row-content .ext {
  padding: 0px 8px;
}

.state-content .state-text .state-row:nth-last-child(1) {
  margin-bottom: 20px;
}

.mid-left {
  float: left;
  width: 430px;
  margin-right: 20px;
}

.mid-left .mid-adSlide {
  width: 430px;
  height: 330px;
  /*border:1px solid #e3e3e3;*/
  margin-bottom: 18px;
}

.mid-left .mid-state h4 {
  height: 22px;
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #555555;
  line-height: 22px;
  margin: 8px 0px;
}

.mid-left .mid-state .state-cont {
  position: relative;
  width: 100%;
}

.mid-left .mid-state .state-cont .state-soft {
  float: left;
  background: #f9f9f9;
  border: 1px solid #dddddd;
  border-radius: 6px;
  width: 208px;
  height: 78px;
  padding: 9px 9px;
  margin-bottom: 10px;
}

.mid-left .mid-state .state-cont .state-soft img {
  float: left;
  width: 60px;
  height: 60px;
}

.mid-left .mid-state .state-cont .state-soft .soft-left {
  float: left;
  display: inline-block;
  margin-left: 10px;
}

.mid-left .mid-state .state-cont .state-soft .soft-left h4 {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 0px;
  color: #333333;
  margin-bottom: 6px;
}

.mid-left .mid-state .state-cont .state-soft .soft-left h4:hover {
  color:#14A218; 
  text-decoration: underline; 
}

.mid-left .mid-state .state-cont .state-soft .soft-left p {
  font-size: 12px;
  color: #666666;
  height: 17px;
  line-height: 17px;
  margin-bottom: 0px;
}

.mid-left .mid-state .state-cont .state-soft:nth-child(odd) {
  margin-right: 10px;
}

.mid-center {
  float: left;
  width: 430px;
}

.mid-center .mid-nav {
  position: relative;
  clear: both;
  width: 431px;
  height: 43px;
  padding-left: 10px;
}

.mid-center .mid-nav ul {
  margin: 0px;
  padding: 0px;
  height: 42px;
}

.mid-center .mid-nav ul li {
  position: relative;
  margin-right: 4px;
  list-style-type: none;
  float: left;
  width: 78px;
  height: 42px;
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #55b82e;
  padding: 10px 0px 12px;
  text-align: center;
  z-index: 999;
}

.mid-center .mid-nav ul li span {
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
}

.mid-center .mid-nav ul li:hover {
  cursor: pointer;
}

.mid-center .mid-nav ul .active {
  border-top: 4px solid #55b82e;
  border-left: 1px solid #55b82e;
  border-right: 1px solid #55b82e;
  border-bottom: 1px solid #ffffff;
  padding-top: 8px;
  background-color: #fff;
  z-index: 999;
}

.mid-center .mid-nav ul .active span {
  color: #55b82e;
}

.mid-center > hr {
  position: absolute;
  content: " ";
  width: 430px;
  margin: 0px;
  color: #55b82e;
  top: 40px;
  z-index: -999;
  border-bottom: 1px solid #55b82e;
}

.mid-center .mid-content {
  position: relative;
  width: 430px;
}

.mid-center .mid-content > div {
  position: absolute;
  width: 100%;
  display: none;
}

.mid-center .mid-content > div ul {
  margin: 0px;
  padding: 0px;
}

.mid-center .mid-content > div ul .skip-head {
  list-style: none;
  margin-bottom: 10px;
}

.mid-center .mid-content > div ul .skip-head img {
  float: left;
  width: 90px;
  height: 72px;
  margin-right: 10px;
}

.mid-center .mid-content > div ul .skip-head .skip-content {
  width: 320px;
  height: 72px;
  margin: 0px;
  overflow: hidden;
}

.mid-center .mid-content > div ul .skip-head .skip-content h3 {
  height: 25px;
  line-height: 25px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
  margin: 0px 0px 5px;
  padding: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mid-center .mid-content > div ul .skip-head .skip-content h3:hover {
  color: #888888;
}

.mid-center .mid-content > div ul .skip-head .skip-content p {
  position: relative;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  line-height: 20px;
  max-height: 40px;
  text-align: left;
  /*  &::after{
              content: "..."; position: absolute; bottom: 0; right: 10px; padding-left: 10px;padding-right: 5px;
              background: -webkit-linear-gradient(left, transparent, #fff 55%);
              background: -o-linear-gradient(right, transparent, #fff 55%);
              background: -moz-linear-gradient(right, transparent, #fff 55%);
              background: linear-gradient(to right, transparent, #fff 55%);
            }*/
}

.mid-center .mid-content > div ul .skip-head .skip-content p a{
  position: relative;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  line-height: 20px;
  max-height: 40px;
  text-align: left;
}

.mid-center .mid-content > div ul .skip-head .skip-content p a:hover {
  color: #000;
}

.mid-center .mid-content > div ul .skip-head a:hover {
  text-decoration: none;
}

.mid-center .mid-content > div ul .skip-pos {
  list-style: none;
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mid-center .mid-content > div ul .skip-pos a {
  font-family: PingFangSC-Regular;
  font-size: 14px;
}

.mid-center .mid-content > div ul .skip-pos a:hover {
  text-decoration: none;
}

.mid-center .mid-content > div ul .skip-pos .skip-babel {
  position: relative;
  color: #999999;
  margin-right: 15px;
  padding-left: 12px;
}

.mid-center .mid-content > div ul .skip-pos .skip-babel::before {
  content: "•";
  color: #999999;
  position: absolute;
  width: 10px;
  height: 20px;
  left: 2px;
}

.mid-center .mid-content > div ul .skip-pos .skip-text {
  color: #000;
}

.mid-center .mid-content > div ul .skip-pos .skip-text:hover {
  color: #7a7979;
}


.mid-center .mid-content > div .mid-soft-list li{
  margin: 0 0 5px;
  height: 26px;
  overflow: hidden;
  line-height: 26px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mid-center .mid-content > div .mid-soft-list li span {
  float: right;
}
.mid-center .mid-content > div .mid-soft-list li a{
  color: #333;
  text-decoration: none;
}
.mid-center .mid-content > div .mid-soft-list li a:hover{
  color: #7a7979; 
  text-decoration: underline; 
}
.mid-center .mid-content > div .mid-soft-list li img {
  float: left;
  width: 16px;
  height: 16px;
  margin: 5px 4px 0 0;
  vertical-align: middle;
}
.mid-hot {
  background: #ffffff;
  border: 1px solid #dddddd;
  width: 298px;
  height: 178px;
}

.mid-hot .hot-content {
  height: 122px;
  width: 96px;
  margin: 20px auto 0px;
}

.mid-hot .hot-content > div {
  display: none;
}

.mid-hot .hot-content img {
  width: 96px;
  height: 96px;
  margin-bottom: 8px;
}

.mid-hot .hot-content p {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
}

.mid-hot .hot-nav {
  height: 36px;
  padding-left: 37px;
  padding-top: 8px;
  position: relative;
}

.mid-hot .hot-nav li {
  float: left;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  width: 68px;
  height: 20px;
  background: #cccccc;
  margin-right: 5px;
  margin-top: 6px;
  color: #ffffff;
  cursor: pointer;
}

.mid-hot .hot-nav .active {
  width: 68px;
  height: 26px;
  background: #ff4f4f;
  margin-top: 0px;
  line-height: 26px;
  font-weight: 600;
}

.mid-refer {
  width: 300px;
  position: relative;
  margin-top: 20px;
}

.mid-refer .refer-slide {
  position: relative;
  margin-bottom: 20px;
}

.mid-refer .refer-slide .slide-content > div {
  display: none;
}

.mid-refer .refer-slide .slide-content > div img {
  width: 298px;
  height: 120px;
  border: 1px solid #dddddd;
  border-bottom: 0px;
}

.mid-refer .refer-slide .slide-content > div div {
  background: #f9f9f9;
  border: 1px solid #dddddd;
  width: 298px;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
}

.mid-refer .refer-list ul {
  margin: 0px;
  padding: 0px;
}

.mid-refer .refer-list ul li {
  height: 28px;
  margin-top: 10px;
  list-style: none;
  overflow: hidden;
}

.mid-refer .refer-list ul li .list-babel {
  display: inline-block;
  width: 90px;
  height: 28px;
  background-color: #55b82e;
  color: #ffffff;
  text-align: center;
  line-height: 28px;
  float: left;
}

.mid-refer .refer-list ul li .list-text {
  border: 1px solid #55b82e;
  display: inline-block;
  width: 210px;
  height: 28px;
  line-height: 28px;
  padding-left: 17px;
}

.mid-refer .refer-list ul li .listBlue {
  background-color: #5098ff;
}

.mid-adSlide {
  position: relative;
  /*background:#d8d8d8;*/
  width: 430px;
  height: 330px;
  overflow: hidden;
}

.mid-adSlide .adSlide-img {
  position: absolute;
  width: 2580px;
  height: 330px;
}

.mid-adSlide .adSlide-img li {
  float: left;
}

.mid-adSlide .adSlide-img li img {
  width: 430px;
  height: 330px;
}

.mid-adSlide .lbt {
  position: absolute;
  left: 30px;
  top: 140px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #ffffff;
  color: #ffffff;
  line-height: 46px;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
}

.mid-adSlide .lbt:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.66);
  text-decoration: none;
}

.mid-adSlide .rbt {
  position: absolute;
  right: 30px;
  top: 140px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #ffffff;
  color: #ffffff;
  line-height: 46px;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
}

.mid-adSlide .rbt:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.66);
  text-decoration: none;
}

.mid-adSlide .adSlide-btn {
  position: absolute;
  bottom: 20px;
  z-index: 10;
  width: 430px;
  text-align: center;
}

.mid-adSlide .adSlide-btn ul {
  display: inline-block;
  margin: 0 auto;
}
.mid-adSlide .adSlide-btn ul li {
  float: left;
  display: inline-block;
  width: 30px;
  height: 10px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 2px;
  margin: 0px 5px;
}

.mid-adSlide .adSlide-btn ul li:hover {
  cursor: pointer;
}

.mid-adSlide .adSlide-btn ul .active {
  background-color: #03a9f4;
}

.reg-nav-bg {
  float: left;
  height: 48px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #55b82e;
  clear: both;
  /* li:nth-child(1) {
    width: 199px;
  }

  li:nth-last-child(1) {
    width: 199px;
  }*/
}

.reg-nav-bg li {
  float: left;
  position: relative;
  display: inline-block;
  width: 145px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: #666666;
  cursor: pointer;
}

.reg-nav-bg li::before {
  position: absolute;
  right: 1px;
  top: 0px;
  content: "|";
  color: #dddddd;
  width: 1px;
  height: 20px;
}

.reg-nav-bg li:nth-last-child(1)::before {
  content: " ";
}

.reg-nav-bg .active {
  background-color: #55b82e;
  position: relative;
  color: #ffffff;
}

.reg-nav-bg .active::after {
  position: absolute;
  content: ' ';
  top: 44px;
  left: 66px;
  width: 0px;
  height: 0px;
  border-top: 8px solid #55b82e;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.reg-left {
  float: left;
  width: 900px;
}

.reg-left .reg-cont-bg > div {
  position: relative;
  width: 900px;
  display: none;
}

.reg-left .left-down {
  float: left;
  background: #fbfbfb;
  border: 1px solid #dddddd;
  width: 203px;
  height: 79px;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 10px;
}

.reg-left .left-down img {
  float: left;
  width: 60px;
  height: 60px;
  margin: 9px 10px;
}

.reg-left .left-down .down-pos {
  float: left;
}

.reg-left .left-down .down-pos h4 {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #555555;
  letter-spacing: 0;
  text-align: left;
  margin-top: 9px;
  margin-bottom: 4px;
  padding-left: 2px;
  width: 116px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.reg-left .left-down .down-pos .down-star {
  height: 17px;
  position: relative;
  padding-top: 4px;
  margin-bottom: 5px;
  padding-left: 2px;
}

.reg-left .left-down .down-pos .down-star span {
  margin: 0px;
}

.reg-left .left-down .down-pos>a {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #56b92f;
  width: 58px;
  height: 19px;
  color: #55b82e;
  text-align: center;
  line-height: 17px;
  cursor: pointer;
  border-radius: 10px;
}

.reg-left .left-down .down-pos>a:hover {
  text-decoration: none; 
  background: #55b82e;
  color: #ffffff; 
}

.reg-right {
  width: 300px;
  float: right;
  margin-top: 4px;
}

.classify-left .left-nav {
  position: relative;
  width: 900px;
  clear: both;
  height: 36px;
  margin-bottom: 20px;
}

.classify-left .left-nav .nav-babel {
  float: left;
  margin-right: 20px;
  height: 36px;
}

.classify-left .left-nav .nav-babel .phone-logo {
  float: left;
  margin: 4px 9px 4px 0px;
}

.classify-left .left-nav .nav-babel .babel-cont {
  float: left;
  font-family: PingFangSC-Regular;
  font-size: 25px;
  color: #555555;
  letter-spacing: 0;
  text-align: left;
  height: 36px;
  line-height: 36px;
}

.classify-left .left-nav .nav-pos {
  float: left;
}

.classify-left .left-nav .nav-pos ul li {
  float: left;
  width: 84px;
  height: 36px;
  line-height: 36px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}

.classify-left .left-nav .nav-pos ul .active {
  color: #56b92f;
  border-bottom: 3px solid #56b92f;
}

.classify-left .left-nav > a {
  position: absolute;
  top: 0px;
  right: 22px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  height: 36px;
  line-height: 36px;
}

.classify-left .left-app {
  float: left;
  width: 900px;
  clear: both;
}

.classify-left .left-app > div {
  display: none;
}

.classify-left .left-app .app-pos {
  display: inline-block;
  float: left;
  width: 96px;
  height: 124px;
  margin-right: 16px;
  margin-bottom: 20px;
  position: relative;
}

.classify-left .left-app .app-pos img {
  width: 96px;
  height: 96px;
}

.classify-left .left-app .app-pos a:nth-child(2) {
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #555555;
  letter-spacing: 0;
  text-align: center;
  height: 20px;
  line-height: 20px;
  margin-top: 8px;
  width: 96px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.classify-left .left-app .app-pos a:nth-child(2):hover {
  color:#14A218; 
  text-decoration: underline;  
}

.classify-left .left-app .app-pos p:hover {
  color:#14A218; 
  text-decoration: underline;  
}


.classify-left .left-game {
  float: left;
  width: 900px;
  height: 420px;
  clear: both;
}

.classify-left .left-game > div {
  display: none;
}

.classify-left .left-game .game {
  float: left;
  position: relative;
  display: inline-block;
  width: 110px;
  margin-right: 15px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.classify-left .left-game .game .img-game {
  width: 110px;
  height: 160px;
  margin-bottom: 10px;
}

.classify-left .left-game .game .img-app {
  width: 96px;
  height: 96px;
  margin-bottom: 10px;
}

.classify-left .left-game .game .game-star {
  position: absolute;
  display: inline-block;
  top: 140px;
  left: 18px;
}

.classify-left .left-game .game a:nth-child(2) {
  display: block;
  height: 20px;
  width: 100%;
  line-height: 20px;
  text-align: center;
  color: #555555;
  margin-bottom: 0px;
  overflow: hidden;
}

.classify-left .left-game .game a:nth-child(2):hover {
  color:#14A218; 
  text-decoration: underline; 
}

.classify-left .left-game .game p:hover {
  color:#14A218; 
  text-decoration: underline; 
}

.classify-left .left-game .app {
  float: left;
  position: relative;
  display: inline-block;
  width: 98px;
  margin-right: 30px;
  margin-bottom: 20px;
}

.classify-left .left-game .app .img-game {
  width: 98px;
  height: 140px;
  margin-bottom: 10px;
}

.classify-left .left-game .app .img-app {
  width: 96px;
  height: 96px;
  margin-bottom: 10px;
}

.classify-left .left-game .app .game-star {
  position: absolute;
  display: inline-block;
  top: 120px;
  left: 8px;
}

.classify-left .left-game .app a:nth-child(2) {
  display: block;
  height: 20px;
  width: 100%;
  line-height: 20px;
  text-align: center;
  color: #555555;
  margin-bottom: 0px;
  overflow: hidden;
}

.classify-left .left-game .app a:nth-child(2):hover {
  color:#14A218; 
  text-decoration: underline; 
}

.classify-left .left-game .app p:hover {
  color:#14A218; 
  text-decoration: underline; 
}

.classify-left .left-course-game {
  float: left;
  width: 900px;
  clear: both;
}

.classify-left .left-course-game .course-list {
  margin-bottom: 20px;
  position: relative;
  height: 120px;
  overflow: hidden;
}

.classify-left .left-course-game .course-list img {
  float: left;
  width: 240px;
  height: 120px;
  margin-right: 20px;
}

.classify-left .left-course-game .course-list .list-cont {
  float: left;
  width: 600px;
  height: 120px;
  overflow: hidden;
}

.classify-left .left-course-game .course-list .list-cont > a {
  display: block;
  font-family: PingFangSC-Semibold;
  font-size: 20px;
  color: #555555;
  letter-spacing: 0;
  text-align: center;
  margin: 0px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}

.classify-left .left-course-game .course-list .list-cont > a:hover {
  color:#14A218; 
  text-decoration: underline; 
}

.classify-left .left-course-game .course-list .list-cont h3:hover {
  color:#14A218; 
  text-decoration: underline; 
}

.classify-left .left-course-game .course-list .list-cont p {
  margin-top: 14px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
  text-indent: 2em;
}

.classify-left .left-course-game .course-list .list-cont p a {
  line-height: 24px;
  color: #56b92f;
}

.classify-left .left-course-game .course-reverse img {
  float: right;
}

.classify-left .left-course-game .course-reverse .list-cont {
  width: 620px;
}

.classify-left .left-classes {
  float: left;
  clear: both;
}

.classify-left .left-classes .classes-nav {
  float: left;
  width: 68px;
  overflow: hidden;
}

.classify-left .left-classes .classes-nav li {
  background: #ffffff;
  border: 1px solid #66bf43;
  border-radius: 3px;
  width: 66px;
  height: 22px;
  text-align: center;
  line-height: 21px;
  color: #66bf43;
  margin-bottom: 10px;
  cursor: pointer;
}

.classify-left .left-classes .classes-cont {
  float: left;
  width: 1100px;
  overflow: hidden;
}

.classify-left .left-classes .classes-cont li {
  float: left;
  width: 254px;
  height: 22px;
  margin-left: 19px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  text-align: left;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 21px;
}

.classify-left .left-classes .classes-cont li a {
  word-break: break-all;
}

.classify-left .left-classes .classes-cont li .cont-babel {
  color: rgba(159, 159, 159, 0.82);
}

.classify-left .left-classes .classes-cont li .cont-text {
  color: #000000;
}

.classify-left .left-classes .classes-cont li .cont-text:hover {
  color:#14A218; 
  text-decoration: underline; 
}

.classify-right .right-game ul li {
  margin-top: 14px;
}

/*.classify-right {
  
  width: 300px;
  height: 280px;

  img {
   
  }
}*/
/*�������???*/
.partner-nav {
  width: 100%;
  height: 36px;
  margin-bottom: 4px;
}

.partner-nav .nav-babel {
  float: left;
  margin-right: 20px;
  height: 36px;
}

.partner-nav .nav-babel .phone-logo {
  float: left;
  margin: 4px 9px 4px 0px;
}

.partner-nav .nav-babel .babel-cont {
  float: left;
  font-family: PingFangSC-Regular;
  font-size: 25px;
  color: #555555;
  letter-spacing: 0;
  text-align: left;
  height: 36px;
  line-height: 36px;
}

.partner-cont {
  width: 100%;
}

.partner-cont li {
  float: left;
  margin: 15px 52px 0px 0px;
}

.partner-cont li img {
  width: 148px;
  height: 55px;
}

.link {
  margin-top: 30px;
}

.link .link-nav {
  position: relative;
  height: 29px;
  margin-bottom: 20px;
}

.link .link-nav li {
  float: left;
}

.link .link-nav li span {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  display: block;
  height: 27px;
  padding: 1px 8px 0;
  cursor: pointer;
}

.link .link-nav .active {
  border-color: #ddd;
  border-bottom: 3px solid #56b92f;
}

.link .link-nav .active span {
  color: #56b92f;
}

.link .link-cont {
  width: 100%;
  margin: 20px 0px 0px;
}

.link .link-cont .cont-item {
  display: none;
  width: 1180px;
  padding: 0px 10px;
}

.link .link-cont .cont-item .item-sider {
  margin-bottom: 10px;
}

.link .link-cont .cont-item .item-sider a {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 26px;
  text-align: left;
  margin-right: 15px;
}
.link .link-cont .cont-item .item-sider a:hover{
  color:#14A218; 
  text-decoration: underline; 
}

.link .link-cont .cont-item .item-extra {
  position: relative;
  padding: 10px 0px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 26px;
  text-align: left;
}

.link .link-cont .cont-item .item-extra .extra-babel {
  float: left;
  width: 80px;
}

.link .link-cont .cont-item .item-extra .extra-link a {
  color: #666666;
}

.medal {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 0;
  width: 38px;
  height: 79px;
  background-size: 80%;
  background-repeat: no-repeat;
  background-image: url('../../images/medal.png');
}