.main .content .tab-left,
.main .content .tab-right {
  margin: 25px 0;
}
.main .content .tab-head {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.main .content .tab-head h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 15px;
}
.main .content .tab-head h1 img {
  width: 60px;
  height: 60px;
}
.main .content .tab-head h1 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 100px;
}

.title_box{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dddddd;
}
/*历史版本*/
.history_box{
  right: 8%;
  position: relative;
  top: -10px;
}
.history_box .release-btn{
  width: 68px;
  height: 24px;
  background: #fff -84px -226px url(../img/sp_1.png) no-repeat;
  display: block;
  border: 1px solid #ededed;
  border-radius: 2px;
  font-size: 12px;
  color: #999;
  line-height: 24px;
  padding-left: 26px;
  position: absolute;
  z-index: 11;
  letter-spacing: 0;
}
.history_box .release-list{
  display: none;
  font-size: 12px;
  line-height: 42px;
  padding: 0 12px;
  width: 318px;
  background: #fff;
  border: 1px solid #e4e4e4;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 10;
}
.history_box:hover .release-list{
  display: block !important;
}
.history_box .release-list .item{
  letter-spacing: 2px;
}
.history_box .release-list .item a{
  color: #333333;
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history_box .release-list .item + .item a{
  border-top: 1px dashed #e4e4e4;
}

.main .content .tab-head .specific {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
}
.main .content .tab-head .specific .specific-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 895px;
}
.main .content .tab-head .specific .specific-left .specific-all {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px 0;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text {
  width: 580px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 33%;
  font-size: 14px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999999;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item span {
  color: #535353;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item .item-score-1 {
  display: inline-block;
  width: 70px;
  height: 13px;
  background: url(../img/sp_1.png) no-repeat -55px -14px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item .item-score-2 {
  display: inline-block;
  width: 70px;
  height: 13px;
  background: url(../img/sp_1.png) no-repeat -40px -14px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item .item-score-3 {
  display: inline-block;
  width: 70px;
  height: 13px;
  background: url(../img/sp_1.png) no-repeat -27px -14px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item .item-score-4 {
  display: inline-block;
  width: 70px;
  height: 13px;
  background: url(../img/sp_1.png) no-repeat -15px -14px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item .item-score-5 {
  display: inline-block;
  width: 70px;
  height: 13px;
  background: url(../img/sp_1.png) no-repeat 0px -14px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .testing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 14px;
  color: #999999;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .testing span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 12px;
  font-size: 14px;
  color: #535353;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .testing span img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-url {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fb4848;
  font-size: 14px;
  text-decoration: underline;
  margin: 15px 0;
  transition: 0.5s;
  cursor: pointer;
  position: relative;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-url + .video-url {
  margin-left: 40px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-url:first-of-type {

}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-url:last-of-type {
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-url:hover {
  color: #ffc24a;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-dom {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-dom .btn_box {
  left: 47%;
  margin-left: -50px;
  position: absolute;
  bottom: 13%;
  z-index: 999;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-dom .btn_box .btn{
  color: #ffffff;
}

.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-dom .video-content {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-dom .video-content .video-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .item-text .video-dom .video-content video {
  width: 800px;
  height: 500px;
  z-index: 99;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .down_all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .down_all a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 230px;
  height: 50px;
  color: #ffffff;
  background-color: #358ff0;
  border-radius: 5px;
  transition: 0.5s;
  overflow: hidden;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .down_all a:hover {
  background-color: #1b76d8;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .down_all a.local{
  margin-right: 15px;
}
.main .content .tab-head .specific .specific-left .specific-all .specific-text .down_all a.xiaobai{

}
.main .content .tab-head .specific .specific-left .specific-all .img-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .tab-head .specific .specific-left .specific-all .img-align img {
  width: 300px;
  height: 225px;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend h2 {
  border-bottom: 1px dashed #ddd;
  font-size: 16px;
  color: #999999;
  padding-bottom: 15px;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
  margin-top: 15px;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul li {
  margin: 10px 0;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul li a:hover .right p:first-of-type {
  color: #358ff0;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul li a .left {
  width: 35px;
  height: 35px;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul li a .right {
  width: 100px;
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul li a .right p {
  transition: 0.5s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main .content .tab-head .specific .specific-left .specific-all .recommend ul li a .right p:first-of-type {
  color: #000000;
}
.main .content .tab-head .specific .specific-right {
  width: 265px;
  padding-bottom: 15px;
}
.main .content .tab-head .specific .specific-right .banner-text {
  text-align: center;
  color: #535353;
  font-size: 14px;
  line-height: 70px;
  background-color: #eeeeee;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 15px;
}
.main .content .tab-head .specific .specific-right .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px ;
}
.main .content .tab-head .specific .specific-right .text img {
  width: 80px;
  height: 80px;
  margin-top: 20px;
}
.main .content .tab-head .specific .specific-right .text p {
  color: #535353;
  font-size: 16px;
  margin: 15px 0;
  max-height: 50px;
  line-height: 25px;
  overflow: hidden;
}
.main .content .tab-head .specific .specific-right .text a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 150px;
  line-height: 40px;
  background-color: #358ff0;
  color: #ffffff;
  border-radius: 30px;
  margin-top: 25px;
  transition: 0.5s;
}
.main .content .tab-head .specific .specific-right .text a:hover {
  background-color: #1b76d8;
}
.main .content .news-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main .content .news-all .tab-left {
  width: 890px;
  margin-top: 25px;
}
.main .content .news-all .tab-left .container-tab {
  width: 890px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #ffffff;
  margin-bottom: 15px;
  box-shadow: 0 0px 20px #ccc;
}
.main .content .news-all .tab-left .container-tab span {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 125px;
  height: 50px;
  font-size: 18px;
  cursor: pointer;
}
.main .content .news-all .tab-left .container-tab .active {
  background-color: #f5f5f5;
  color: #F9A123;
}
.main .content .news-all .tab-left .container-tab .active:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  background-color: #F9A123;
  height: 3px;
  width: 100%;
}
.main .content .news-all .tab-left .news-border .title_h1 {
  padding: 5px 0;
}
.main .content .news-all .tab-left .news-border .container {
  margin-bottom: 25px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 25px;
}
.main .content .news-all .tab-left .news-border .container .news-text .content-soft-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 1px solid #dddddd;
  background-color: #f7f7f7;
  padding: 15px 5px;
}
.content-soft-info a.btn{
  background-color: #358ff0;
  background-image: url("../img/download_ico.svg");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-size: 19px auto;
  border-radius: 4px;
  color: #ffffff;
  padding: 10px 20px 10px 30px;
  text-align: center;
  text-decoration: none;
  width: 140px;
}
.main .content .news-all .tab-left .news-border .container .news-text .content-soft-info .media-left img {
  width: 80px;
  height: auto;
}
.main .content .news-all .tab-left .news-border .container .news-text .content-soft-info .media-body {
  margin-left: 15px;
}
.main .content .news-all .tab-left .news-border .container .news-text .content-soft-info .media-body .media-heading {
  color: #535353;
  font-size: 18px;
  margin-bottom: 10px;
}
.main .content .news-all .tab-left .news-border .container .news-text .content-soft-info .media-body .text-muted {
  color: #999999;
  font-size: 14px;
}
.main .content .news-all .tab-left .news-border .container .news-text img {
  display: none;
}
.main .content .news-all .tab-left .news-border .container .news-text span {
  text-indent: 25px;
  margin: 15px 0;
}
.main .content .news-all .tab-left .news-border .container .news-text p {
  font-size: 16px;
  line-height: 30px;
  margin: 15px 0;
  color: #535353;
}
.main .content .news-all .tab-left .news-border .container .news-text p img {
  max-width: 65%;
}
.main .content .news-all .tab-left .news-border .container .news-text center img {
  max-width: 65%;
}
.main .content .news-all .tab-left .news-border .container .news-text .introduce_title {
  position: relative;
  text-indent: 15px;
  font-size: 20px;
  font-weight: bold;
}
.main .content .news-all .tab-left .news-border .container .news-text .introduce_title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  width: 4px;
  height: 80%;
  border-radius: 20%;
  background-color: #358ff0;
}
.main .content .news-all .tab-left .news-border .container .relevant {
  border: 1px solid #dddddd;
  padding: 15px 2% ;
  width: 96%;
  margin-top: 25px;
}
.main .content .news-all .tab-left .news-border .container .relevant h2 {
  padding-bottom: 10px;
  font-size: 18px;
  color: #535353;
}
.main .content .news-all .tab-left .news-border .container .relevant ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
}
.main .content .news-all .tab-left .news-border .container .relevant ul:after {
  content: "";
  width: 250px;
}
.main .content .news-all .tab-left .news-border .container .relevant ul li {
  width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px 0;
  color: #999999;
  font-size: 14px;
}
.main .content .news-all .tab-left .news-border .container .relevant ul li a {
  transition: 0.5s;
  color: #999999;
  font-size: 13px;
}
.main .content .news-all .tab-left .news-border .container .relevant ul li a:hover {
  color: #358ff0;
  text-decoration: underline;
}
.main .content .news-all .tab-left .news-border .container .swiper-course {
  width: 100%;
  height: 480px;
}
.main .content .news-all .tab-left .news-border .container .swiper-course .swiper-slide {
  position: relative;
  width: 70%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .news-all .tab-left .news-border .container .swiper-course .swiper-slide img {
  width: 640px;
  height: 480px;
}
.main .content .news-all .tab-left .news-border .container .swiper-course .swiper-slide .title {
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 90%;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 5%;
  color: #ffffff;
  font-size: 16px;
}
.main .content .news-all .tab-left .news-border .container .specific-information {
  margin-top: 25px;
  border: solid 10px #eff1f9;
  padding: 5px;
  border-radius: 5px;
}
.main .content .news-all .tab-left .news-border .container .specific-information .information {
  padding: 10px;
}
.main .content .news-all .tab-left .news-border .container .specific-information .information h3 {
  position: relative;
  font-size: 22px;
  color: #535353;
  text-indent: 30px;
  padding: 5px;
}
.main .content .news-all .tab-left .news-border .container .specific-information .information h3 i {
  position: absolute;
  left: 0;
  top: 2px;
  width: 30px;
  height: 35px;
  background: url("../img/sp_1.png") no-repeat 0px -196px;
  margin-right: 5px;
}
.main .content .news-all .tab-left .news-border .container .specific-information .information p {
  font-size: 16px;
  color: #535353;
  line-height: 45px;
}
.main .content .news-all .tab-left .news-border .download-all {
  margin-bottom: 25px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.main .content .news-all .tab-left .news-border .download-all .address {
  padding: 0px 25px 15px 25px;
}
.main .content .news-all .tab-left .news-border .download-all .address .title {
  margin: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #535353;
}
.main .content .news-all .tab-left .news-border .download-all .address .title:first-of-type {
  margin: 0 0 10px 0;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*-webkit-box-align: center;*/
  /*-webkit-align-items: center;*/
  /*-ms-flex-align: center;*/
  /*align-items: center;*/
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #535353;
  margin-top: 25px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left .download-lu {
  display: none;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul {
  width: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li {
  width: 45%;
  line-height: 45px;
  position: relative;
  margin: 10px 0;
  border-radius: 5px ;
  cursor: pointer;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  height: 100%;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li a i {
  width: 20px;
  height: 22px;
  background: url("../img/icon_downl.png") no-repeat center center;
  background-size: 15px auto;
  margin-right: 5px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li:first-of-type {
  background-color: #1e74e3;
  background: -webkit-linear-gradient(to right, #f33 0, #4b00ff 100%);
  background: linear-gradient(to right, #f33 0, #4b00ff 100%);
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li:last-of-type {
  background-color: #27cde3;
  background: -webkit-linear-gradient(to right, #4e74f0 0, #00b7e6 100%);
  background: linear-gradient(to right, #4e74f0 0, #00b7e6 100%);
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li:hover {
  background: -webkit-linear-gradient(to right, #f33 0, #4b00ff 100%);
  background: linear-gradient(to right, #22fc79 0, #4b00ff 100%);
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li.dx a i {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 22px;
  background: url("../img/sp_1.png") no-repeat -126px -203px;
  margin-right: 15px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li.lt a i {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 22px;
  background: url("../img/sp_1.png") no-repeat -170px -203px;
  margin-right: 15px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-left ul li.yd a i {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 22px;
  background: url("../img/sp_1.png") no-repeat -148px -203px;
  margin-right: 15px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-right {
  width: 400px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-right .top img {
  width: 100%;
  height: 190px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-right .bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 15px;
}
.main .content .news-all .tab-left .news-border .download-all .address .address-flex .address-right .bottom img {
  width: 400px;
  height: 90px;
}
.main .content .news-all .tab-left .news-border .problem {
  margin-bottom: 25px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.main .content .news-all .tab-left .news-border .problem ul {
  padding: 0px 25px 15px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
}
.main .content .news-all .tab-left .news-border .problem ul:after {
  content: "";
  width: 253px;
}
.main .content .news-all .tab-left .news-border .problem ul li {
  position: relative;
  width: 253px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #eeeeee;
  margin-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .news-all .tab-left .news-border .problem ul li a {
  display: block;
  height: 100%;
  width: 75%;
  color: #358ff0;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .content .news-all .tab-left .news-border .problem ul li:after {
  position: absolute;
  top: 0px;
  left: 5px;
  content: "+";
  line-height: 15px;
  color: #ffffff;
  font-size: 12px;
  z-index: 5;
}
.main .content .news-all .tab-left .news-border .problem ul li:before {
  position: absolute;
  top: 15px;
  left: -17px;
  content: "";
  border-top: 32px solid transparent;
  border-right: 32px solid transparent;
  border-left: 32px solid #358ff0;
  transform: rotate(91deg);
  z-index: 4;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(1) a {
  color: #ee4b19;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(1):before {
  border-left: 32px solid #ee4b19;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(1):hover {
  border: 1px solid #ee4b19;
  background-color: #ee4b19;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(1):hover a {
  color: #ffffff;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(1):hover:before {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(1):hover:after {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(2) a {
  color: #19bcee;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(2):before {
  border-left: 32px solid #19bcee;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(2):hover {
  border: 1px solid #19bcee;
  background-color: #19bcee;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(2):hover a {
  color: #ffffff;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(2):hover:before {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(2):hover:after {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(3) a {
  color: #8234b6;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(3):before {
  border-left: 32px solid #8234b6;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(3):hover {
  border: 1px solid #8234b6;
  background-color: #8234b6;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(3):hover a {
  color: #ffffff;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(3):hover:before {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(3):hover:after {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(4) a {
  color: #2c82e5;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(4):before {
  border-left: 32px solid #2c82e5;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(4):hover {
  border: 1px solid #2c82e5;
  background-color: #2c82e5;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(4):hover a {
  color: #ffffff;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(4):hover:before {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(4):hover:after {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(5) a {
  color: #77b62b;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(5):before {
  border-left: 32px solid #77b62b;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(5):hover {
  border: 1px solid #77b62b;
  background-color: #77b62b;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(5):hover a {
  color: #ffffff;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(5):hover:before {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(5):hover:after {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(6) a {
  color: #f15555;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(6):before {
  border-left: 32px solid #f15555;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(6):hover {
  border: 1px solid #f15555;
  background-color: #f15555;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(6):hover a {
  color: #ffffff;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(6):hover:before {
  display: none;
}
.main .content .news-all .tab-left .news-border .problem ul li:nth-child(6):hover:after {
  display: none;
}
.main .content .news-all .tab-left .news-border .need {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-bottom: 25px;
}
.main .content .news-all .tab-left .news-border .need .title_h2 {
  padding: 10px 25px;
  background-color: #eeeeee;
  border-bottom: 1px solid #dddddd;
}
.main .content .news-all .tab-left .news-border .need .title_h2 p span.left {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.main .content .news-all .tab-left .news-border .need ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 0px 25px 15px 25px;
}
.main .content .news-all .tab-left .news-border .need ul:after {
  content: "";
  width: 260px;
}
.main .content .news-all .tab-left .news-border .need ul li {
  width: 260px;
  margin-top: 25px;
}
.main .content .news-all .tab-left .news-border .need ul li:hover a h3 {
  color: #358ff0;
}
.main .content .news-all .tab-left .news-border .need ul li a {
  color: #535353;
}
.main .content .news-all .tab-left .news-border .need ul li a h3 {
  transition: 0.5s;
  font-size: 15px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000000;
  margin-bottom: 10px;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left .img-align,
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left img {
  width: 50px;
  height: 50px;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left .text-size {
  margin-left: 10px;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left .text-size .score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left .text-size .score img {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left .text-size .time {
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-left .text-size .time span {
  margin: 0 5px;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  line-height: 25px;
  width: 60px;
  background-color: #358ff0;
  background-image: linear-gradient(90deg, #5291ef 0%, #187cb7 100%, #e64a00 100%, #1bbde6 100%);
  color: #ffffff;
  font-size: 12px;
}
.main .content .news-all .tab-left .news-border .need ul li a .text-all .text-right:hover {
  background-image: linear-gradient(90deg, #00b7e6 0%, #00b7e6 100%, #00b7e6 100%, #00b7e6 100%);
  background-color: #00b7e6;
}
.main .content .news-all .tab-left .news-border .need ul li:hover p {
  color: #ffc24a;
}
.main .content .news-all .tab-left .news-border .hot {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.main .content .news-all .tab-left .news-border .hot ul {
  padding: 0px 25px 15px 25px;
}
.main .content .news-all .tab-left .news-border .hot ul li {
  padding-bottom: 15px;
  border-bottom: 1px dashed #eeeeee;
}
.main .content .news-all .tab-left .news-border .hot ul li:last-of-type {
  border-bottom: none;
}
.main .content .news-all .tab-left .news-border .hot ul li .border-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #535353;
  transition: 1s;
  padding: 15px;
  margin-top: 15px;
}
.main .content .news-all .tab-left .news-border .hot ul li .border-all:hover {
  background-color: #eeeeee;
}
.main .content .news-all .tab-left .news-border .hot ul li .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .news-all .tab-left .news-border .hot ul li .left .pic-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .news-all .tab-left .news-border .hot ul li .left .pic-left img {
  width: 190px;
  height: 142px;
}
.main .content .news-all .tab-left .news-border .hot ul li .left .information-right {
  width: 300px;
  margin-left: 25px;
}
.main .content .news-all .tab-left .news-border .hot ul li .left .information-right h2 {
  width: 580px;
  transition: 0.5s;
  height: 55px;
  font-size: 20px;
  color: #000000;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main .content .news-all .tab-left .news-border .hot ul li .left .information-right p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 12px;
  margin-bottom: 10px;
}
.main .content .news-all .tab-left .news-border .hot ul li .left .information-right p span {
  flex: 1;
}
.main .content .news-all .tab-left .news-border .hot ul li .right .download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .news-all .tab-left .news-border .hot ul li .right .download a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 190px;
  height: 35px;
  background-color: #4e74f0;
  margin-right: 10px;
  color: #ffffff;
  border-radius: 20px;
  margin-top: 5px;
  font-size: 14px;
  background-image: linear-gradient(90deg, #122cda 0%, #0be0c7 100%, #e6b400 100%, #1bbde6 100%);
  transition: 1s;
}
.main .content .news-all .tab-left .news-border .hot ul li .right .download a:hover {
  background-image: linear-gradient(90deg, #00b7e6 0%, #00b7e6 100%, #00b7e6 100%, #00b7e6 100%);
  background-color: #00b7e6;
}
.main .content .news-all .tab-right {
  width: 280px;
  line-height: 50px;
  overflow: hidden;
}
.main .content .news-all .tab-right .ranking-right ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 15px;
}
.main .content .news-all .tab-right .ranking-right ul li {
  padding: 5px;
  line-height: 25px;
}
.main .content .news-all .tab-right .ranking-right ul li a {
  font-size: 12px;
  color: #535353;
  transition: 0.5s;
}
.main .content .news-all .tab-right .ranking-right ul li a:hover {
  color: #358ff0;
  text-decoration: underline;
}
.main .content .news-all .tab-right .special-all {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.main .content .news-all .tab-right .special-all ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 15px;
}
.main .content .news-all .tab-right .special-all ul li {
  width: 48%;
  margin-bottom: 10px;
}
.main .content .news-all .tab-right .special-all ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main .content .news-all .tab-right .special-all ul li a:hover p {
  color: #358ff0;
}
.main .content .news-all .tab-right .special-all ul li a img {
  width: 100%;
  height: 55px;
  border-radius: 5px ;
}
.main .content .news-all .tab-right .special-all ul li a p {
  transition: 0.5s;
  width: 100%;
  color: #535353;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  padding: 8px;
}
.ranking-right {
  margin-bottom: 25px;
}
.ranking-right .list a p.title {
  line-height: 22px;
}
.ranking-right .title_h1 p {
  line-height: 30px;
}
.pop {
  display: none;
}
.pop .pop-flex {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.pop .pop-flex .pop-content {
  width: 430px;
  background-color: #ffffff;
}
.pop .pop-flex .pop-content .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  line-height: 70px;
  background-color: #358ff0;
  font-size: 18px;
  color: #ffffff;
}
.pop .pop-flex .pop-content .centen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 18px;
  color: red;
  margin: 35px 0;
}
.pop .pop-flex .pop-content .bottom {
  border-top: 1px solid #eeeeee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 16px;
}
.pop .pop-flex .pop-content .bottom span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  flex: 1;
  border-right: 1px solid #eeeeee;
  color: #535353;
  cursor: pointer;
}
.pop .pop-flex .pop-content .bottom a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #358ff0;
  padding: 15px 0;
}
.ranking-vertical {
  background-color: #ffffff;
  margin-bottom: 25px;
  border: 1px solid #dddddd;
}
.ranking-vertical #swiper-vertical {
  width: 100%;
  height: 500px;
}
.ranking-vertical #swiper-vertical .swiper-wrapper {
  transition-delay: 0.3s;
}
.ranking-vertical #swiper-vertical a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #535353;
}
.ranking-vertical #swiper-vertical a .item-hover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  transition: 1.5s;
  padding: 15px;
  border-bottom: 1px dashed #eee;
}
.ranking-vertical #swiper-vertical a .item-hover:last-of-type {
  border-bottom: none;
}
.ranking-vertical #swiper-vertical a .item-hover:hover {
  background-color: #eeeeee;
}
.ranking-vertical #swiper-vertical a .item-hover:hover .information-right h2 {
  color: #358ff0;
}
.ranking-vertical #swiper-vertical a .pic-all {
  width: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ranking-vertical #swiper-vertical a .pic-all .pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.ranking-vertical #swiper-vertical a .pic-all .pic img {
  width: 40px;
  height: 40px;
}
.ranking-vertical #swiper-vertical a .pic-all .download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.ranking-vertical #swiper-vertical a .pic-all .download span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 60px;
  height: 20px;
  background-color: #4e74f0;
  color: #ffffff;
  border-radius: 20px;
  margin-top: 5px;
  font-size: 12px;
  background-image: linear-gradient(90deg, #4e74f0 0%, #00b7e6 33%, #00b7e6 66%, #00b7e6 100%);
  transition: 1s;
}
.ranking-vertical #swiper-vertical a .pic-all .download span:hover {
  background-image: linear-gradient(90deg, #00b7e6 0%, #00b7e6 100%, #00b7e6 100%, #00b7e6 100%);
  background-color: #00b7e6;
}
.ranking-vertical #swiper-vertical a .information {
  width: 170px;
}
.ranking-vertical #swiper-vertical a .information h2 {
  line-height: 20px;
  transition: 0.5s;
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ranking-vertical #swiper-vertical a .information p {
  line-height: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 12px;
  margin-bottom: 5px;
}
.ranking-vertical #swiper-vertical a .information p span {
  flex: 1;
}
.ranking-vertical #swiper-vertical .swiper-slide {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ranking-vertical #swiper-vertical .swiper-slide a:nth-child(1) {
  transform: translateX(-200px);
  opacity: 0;
  transition: all 1s;
}
.ranking-vertical #swiper-vertical .swiper-slide a:nth-child(2) {
  transform: translateX(200px);
  opacity: 0;
  transition: all 1s;
  transition-delay: 0.2s;
}
.ranking-vertical #swiper-vertical .swiper-slide a:nth-child(3) {
  transform: translateX(-200px);
  opacity: 0;
  transition: all 1s;
  transition-delay: 0.4s;
}
.ranking-vertical #swiper-vertical .swiper-slide a:nth-child(4) {
  transform: translateX(200px);
  opacity: 0;
  transition: all 1s;
  transition-delay: 0.6s;
}
.ranking-vertical #swiper-vertical .swiper-slide a:nth-child(5) {
  transform: translateX(-200px);
  opacity: 0;
  transition: all 1s;
  transition-delay: 0.8s;
}
.ranking-vertical #swiper-vertical .ani-slide a {
  transform: translateX(0) !important;
  opacity: 1!important;
}
.ranking-sytem {
  background-color: #ffffff;
  margin-bottom: 25px;
}
.ranking-sytem ul {
  padding: 0 15px 15px 15px;
}
.ranking-sytem ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 15px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
}
.ranking-sytem ul li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.ranking-sytem ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
.ranking-sytem ul li a .pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.ranking-sytem ul li a .pic img {
  width: 100px;
  height: 75px;
}
.ranking-sytem ul li a .text-all {
  width: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ranking-sytem ul li a .text-all p.title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  color: #535353;
  line-height: 35px;
}
.ranking-sytem ul li a .text-all .score {
  height: 15px;
}
.ranking-sytem ul li a .text-all .score:after {
  width: 82px;
}
.ranking-sytem ul li a .text-all .size {
  font-size: 12px;
  color: #999999;
  line-height: 25px;
}
#show_downfiles span {
  font-size: 18px;
}