.screen {
  height: 149px;
  border: 1px solid #dcdcdc;
}
.screen .title {
  height: 49px;
  background-color: #f3f3f3;
  line-height: 49px;
  padding-left: 20px;
  border-bottom: 1px solid #dcdcdc;
}
.screen .xt_01 {
  height: 50px;
  line-height: 49px;
  padding-left: 20px;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
}
.screen .xt_01 > div {
  font-size: 12px;
  color: #666;
}
.screen .xt_01 ul {
  display: flex;
  margin-left: 50px;
}
.screen .xt_01 ul li {
  margin-right: 40px;
  font-size: 12px;
  color: #333;
}
.screen .xt_02 {
  height: 48px;
  line-height: 49px;
  padding-left: 20px;
  display: flex;
}
.screen .xt_02 > div {
  font-size: 12px;
  color: #666;
}
.screen .xt_02 ul {
  display: flex;
  margin-left: 50px;
}
.screen .xt_02 ul li {
  margin-right: 40px;
  font-size: 12px;
  color: #333;
}
.exchange {
  margin-top: 30px;
}
.exchange ul {
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.exchange ul li {
  height: 336px;
  width: 244px;
  padding-right: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f4f4f4;
}
.exchange ul li:nth-child(5n +5) {
  margin-right: 0px;
  width: 224px;
  padding-right: 0px;
}
.exchange ul li .exchange_img {
  width: 100%;
  height: 260px;
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fafaf5;
  position: relative;
}
.exchange ul li .exchange_img:hover {
  border: 1px solid #0081cc;
}
.exchange ul li .exchange_img .conversion {
  color: #fff;
  background-color: #0081cc;
  width: 43px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  user-select: none;
}
    .exchange ul li .exchange_img .conversion a {
        color:#fff;
    }
    .exchange ul li .explain {
        position: relative;
        height: 49px;
        line-height: 25px;
        margin-top: 8px;
        font-size: 12px;
        color: #666666;
        padding: 0 10px;
    }
.exchange ul li .explain div {
  color: #fd2727;
  position: absolute;
  right: 10px;
  bottom: 0;
}
.exchange .paging_cont {
  display: flex;
  justify-content: center;
  user-select: none;
}
.exchange .paging_cont .layui-laypage a,
.exchange .paging_cont .layui-laypage span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding: 0 17px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  background-color: #fff;
  color: #333;
  font-size: 12px;
}
.exchange .paging_cont .layui-laypage a {
  text-decoration: none;
  margin: 0 5px;
}
.exchange .paging_cont .layui-laypage .layui-laypage-curr .layui-laypage-em {
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 1px;
  width: 100%;
  height: 100%;
  background-color: #84ccc9;
}
.setting {
  margin-top: 0px;
}
.cont {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 70px;
}