NN2023032801/public/webadvert/css/hl_netdetail.css

* {
  
  -moz-box-sizing: border-box;
  
}
.box1200 {
  width: 1200px;
  margin: 0 auto;
}
body {
  background: #f4f4f4;
}
.netdetail {
  width: 100%;
  background: url(../images/hl_netdetail/banner.png) no-repeat;
  background-size: 100%;
}
.netdetail-container {
  width: 1200px;
  margin: 0 auto;
}
.netdetail-containerl,
.netdetail-containerr {
  float: left;
  height: 540px;
  background: #ffffff;
}
.netdetail-containerl {
  width: 930px;
}
.netdetail-containerr {
  width: 260px;
  margin-left: 10px;
  background: url(../images/hl_netdetail/rightbg.png) no-repeat;
  background-size: 100% 100%;
}
.net-title {
  position: relative;
  padding: 15px;
}
.net-title__mark {
  float: left;
  font-size: 12px;
  border-radius: 5rem;
  background: #3586ec;
  line-height: 22px;
  color: #ffffff;
  padding: 0 10px;
  margin: 4px 5px 0;
}
.net-title__main {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  text-align-last: left;
  line-height: 30px;
}
.net-title__marks {
  float: right;
}
.net-title__marks-item {
  float: left;
  font-weight: normal;
  font-size: 12px;
  border: 1px solid #dcdcdc;
  color: #999999;
  padding: 0 10px;
  border-radius: 5rem;
  margin: 5px;
  line-height: 20px;
}
.net-search {
  width: 860;
  height: 150px;
  background: #f0f0f0;
  padding: 15px 10px 0 10px;
}
.net-search__subtitle {
  margin-top: 5px;
  color: #c29e6e;
  margin-bottom: 15px;
  float: left;
  margin-left: 20px;
}
.net-search__subtitle1 {
  float: right;
  margin-top: 5px;
  color: #f18281;
}
.net-search__subtitle1 .x-jintanhao {
  display: inline-block;
  width: 15px;
  height: 17px;
  background: url(../images/hl_netdetail/jintanhao.png) no-repeat;
  position: relative;
  top: 5px;
  left: -5px;
}
.net-search__top {
  background: #ffffff;
  height: 111px;
 
  width: 100%;
}
.net-search__top-t {
  padding: 15px;
  border-bottom: 1px dotted #ebebeb;
}
.net-search__top-to {
  float: left;
  border-left: 1px solid #ebebeb;
  width: 137px;
}
.net-search__top-to:first-child {
  border: 0;
}
.net-search__top-to p {
  text-align: center;
}
.net-search__top-to p:first-child {
  color: #999999;
  font-size: 12px;
}
.net-search__top-to p:last-child {
  color: #4c4c4c;
  font-size: 14px;
}
.net-search__top-b {
  width: 100%;
}
.net-search__top-b-link {
  line-height: 40px;
}
.net-search__top-b-link span {
  font-size: 14px;
  color: #808080;
  cursor: default;
  font-weight: bold;
}
.net-search__top-b-link:first-child {
  float: left;
}
.net-search__top-b-link:last-child {
  float: right;
}
.net-search__top-b-link:last-child li {
  float: left;
}
.net-search__top-b-link li {
  float: left;
  margin-right: 10px;
}
.net-search__top-b-link li a {
  color: #808080;
  font-size: 14px;
}
.net-search__top-b-link li a:hover {
  color: #f62221;
}
.net-search__top-b-link li a.active {
  color: #f62221;
}
.net-search__selected {
  width: 100%;
  padding: 15px;
  
  border-bottom: 1px dotted #ebebeb;
  position: relative;
}
.net-search__selectedl,
.net-search__selectedr {
  float: left;
  line-height: 30px;
}
.net-search__selectedl {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
}
.net-search__selectedr {
  margin-left: 60px;
}
.net-search__selectedr p {
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0px 10px;
  border: 1.5px solid #dfdfdf;
  padding: 0px 10px;
  color: #4d4d4d;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.net-search__selectedr p:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: transparent;
  transform: rotate(45deg);
  position: absolute;
  right: -9px;
  bottom: -9px;
}
.net-search__selectedr p:hover {
  border-color: #f62221;
  color: #f62221;
}
.net-search__selectedr p:hover::after {
  background: #f62221;
}
.net-search__selectedr p.active {
  border-color: #f62221;
  color: #f62221;
}
.net-search__selectedr p.active::after {
  background: #f62221;
}
.net-search__number {
  width: 100%;
  padding: 15px;
  border-bottom: 1px dotted #ebebeb;
  position: relative;
}
.net-search__numberl,
.net-search__numberr {
  float: left;
  line-height: 30px;
}
.net-search__numberl {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
}
.net-search__numberr {
  margin-left: 60px;
}
.net-search__numberr p {
  float: left;
  margin: 0px 10px;
  border: 1.5px solid #dfdfdf;
  background: #f5f5f5;
  color: #4d4d4d;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  height: 34px;
  text-align: center;
}
.net-search__numberr p input {
  width: 95px;
  border-left: 1.5px solid #dfdfdf;
  border-right: 1.5px solid #dfdfdf;
  height: 34px;
  font-size: 16px;
  text-align: center;
  background: #ffffff;
  color: #a9a9a9;
  position: relative;
  top: -14px;
}
.net-search__numberr p span {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  height: 34px;
  width: 30px;
  padding: 0;
  border: none;
  position: relative;
}
.net-search__numberr p span .x-add {
  display: block;
  width: 30px;
  height: 34px;
  background: url(../images/hl_netdetail/add1.png) no-repeat;
  position: absolute;
  right: -30%;
  top: 40%;
}
.net-search__numberr p span .x-reduce {
  display: block;
  width: 30px;
  height: 34px;
  background: url(../images/hl_netdetail/reduce.png) no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
}
.net-search__price {
  margin: 15px 0 0 0;
  width: 100%;
  border-bottom: 1px dotted #ebebeb;
  position: relative;
}
.net-search__pricein {
  padding: 15px;
  background: #e9ecf4;
  border-radius: 5px;
}
.net-search__pricein-l {
  float: left;
}
.net-search__pricein-l p {
  font-size: 14px;
  color: #4c4c4c;
}
.net-search__pricein-l p i {
  font-size: 16px;
  color: #ff7200;
}
.net-search__pricein-l p mark {
  background: transparent;
  font-size: 28px;
  color: #ff7200;
  font-weight: bold;
}
.net-search__pricein-l p span {
  background: #576fff;
  color: #ffffff;
  margin-left: 10px;
  display: inline-block;
  font-size: 12px;
  padding: 5px;
  position: relative;
  top: -10px;
}
.net-search__pricein-l p span::before {
  content: "";
  border: 7px solid #576fff;
  border-left-color: #576fff;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  bottom: -7px;
  left: -7px;
}
.net-search__pricein-r {
  float: right;
  margin-top: 15px;
  margin-right: 15px;
}
.net-search__pricein-r button {
  width: 138px;
  height: 40px;
  border-radius: 5px;
  background: #f62221;
  color: #ffffff;
  cursor: pointer;
  transition: all .3s;
}
.net-search__pricein-r button:last-child {
  margin-left: 15px;
  background: transparent;
  color: #f62221;
  border: 1px solid #F62221;
}
.net-search__pricein-r button:last-child:hover {
  background: #f62221;
  color: #ffffff;
  opacity: 1;
}
.net-search__pricein-r button:hover {
  opacity: .7;
}
.net-search__last {
  padding: 15px 0px;
  width: 100%;
  position: relative;
}
.net-search__lastl {
  float: left;
}
.net-search__lastl li {
  cursor: default;
  float: left;
  color: #b7b7b7;
  margin-right: 15px;
  position: relative;
}
.net-search__lastl li:after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  background: #dbdbdb;
  position: absolute;
  right: -8px;
  top: 5px;
}
.net-search__lastl li:last-child:after {
  display: none;
}
.net-search__lastr {
  position: absolute;
  right: 0px;
}
.net-search__lastr li {
  float: left;
  color: #b7b7b7;
  position: relative;
  margin-right: 45px;
  cursor: default;
}
.net-search__lastr li:after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  background: #dbdbdb;
  position: absolute;
  right: -8px;
  top: 5px;
}
.net-search__lastr li:last-child {
  margin-right: 0;
}
.net-search__lastr li:last-child:after {
  display: none;
}
.net-search__lastr li i {
  position: absolute;
  left: -20px;
  top: 2px;
  width: 16px;
  height: 16px;
}
.net-search__lastr li i.x-icon-kefu {
  background: url(../images/hl_netdetail/kefu.png) no-repeat;
  background-size: 100% 100%;
}
.net-search__lastr li i.x-icon-chengshi {
  background: url(../images/hl_netdetail/chengshi.png) no-repeat;
  background-size: 100% 100%;
}
.net-search__lastr li i.x-icon-tuikuan {
  background: url(../images/hl_netdetail/tuikuan.png) no-repeat;
  background-size: 100% 100%;
}
.net-search__lastr li i.x-icon-ditu {
  background: url(../images/hl_netdetail/ditu.png) no-repeat;
  background-size: 100% 100%;
}
.kefu {
  padding: 20px;
}
.kefu-top {
  text-align: center;
}
.kefu-top__in {
  width: 176px;
  height: 136px;
  border-radius: 50%;
  background: #e6eef7;
  margin: 0px auto;
  overflow: hidden;
  padding: 20px;
}
.kefu-top__inner {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #ffffff;
  margin: 0px auto;
  overflow: hidden;
  padding: 10px;
}
.kefu-top__inner img {
  max-width: 100%;
  max-height: 100%;
}
.kefu p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  color: #4c4c4c;
}
.kefu-ce {
  width: 220px;
  height: 150px;
  border-radius: 5px;
  margin: 25px auto;
  background: #ffffff;
}
.kefu-ce p {
  text-align: left;
  border-bottom: 1px dotted #dbdbdb;
  margin: 0;
  line-height: 30px;
  padding: 10px;
  font-weight: normal;
  font-size: 14px;
  color: #666666;
}
.kefu-ce p .x-wujiaoxin {
  background: url(../images/hl_netdetail/wujiaoxin.png) no-repeat;
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.kefu-ce p a {
  font-size: 12px;
  text-decoration: underline;
  color: #576fff;
  margin-left: 5px;
}
.kefu-cefollow {
  margin: 0 auto;
}
.kefu-cefollow button {
  width: 220px;
  height: 42px;
  background: #ff6a51;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  
}
.kefu-cefollow button .x-pointer {
  display: inline-block;
  height: 18px;
  width: 15px;
  background: url(../images/hl_netdetail/pointer.png) no-repeat;
  position: relative;
  top: 2px;
}
.kefu-buttons {
  text-align: center;
  margin-top: 25px;
}
.kefu-buttons button {
  width: 102px;
  height: 30px;
  border: 1px solid #ff6a51;
  color: #ff6a51;
  border-radius: 5rem;
  cursor: pointer;
}
.kefu-buttons button i {
  display: inline-block;
  width: 15px;
  height: 17px;
  position: relative;
  top: 2px;
}
.kefu-buttons button .x-qq-red {
  background: url(../images/hl_netdetail/qq_stroke.png) no-repeat;
}
.kefu-buttons button .x-qq-blue {
  background: url(../images/hl_netdetail/qq_strokeb.png) no-repeat;
}
.kefu-buttons button:last-child {
  border-color: #8e9ced;
  color: #8e9ced;
}
.info {
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  background: #ffffff;
}
.info-nav ul li {
  float: left;
  width: 65px;
  padding: 20px 30px;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  color: #666666;
  cursor: pointer;
}
.info-nav ul li.active {
  border-bottom: 1px solid #ffffff;
  position: relative;
  font-weight: bold;
}
.info-nav ul li.active a {
  color: #F62221;
}
.info-nav ul li.active:before {
  content: "";
  display: block;
  width: 125px;
  height: 2px;
  background: #f62221;
  position: absolute;
  left: 0;
  top: 0;
}
.info-nav ul li:hover {
  border-bottom: 1px solid #ffffff;
  position: relative;
  font-weight: bold;
}
.info-nav ul li:hover a {
  color: #F62221;
}
.info-nav ul li:hover:before {
  content: "";
  display: block;
  width: 125px;
  height: 2px;
  background: #f62221;
  position: absolute;
  left: 0;
  top: 0;
}
.info-nav ul li:last-child {
  width: 825px;
  border-right: 0;
  color: transparent;
}
.info-nav ul li:last-child:hover {
  border-bottom: 1px solid #dbdbdb;
}
.info-nav ul li:last-child:hover::before {
  display: none;
}
.info-content {
  background: #ffffff;
}
.info-content__in {
  height: 570px;
  width: 1160px;
  margin: 80px auto 0px;
  background: url(../images/hl_netdetail/infobg.png) no-repeat;
  position: relative;
}
.info-content__maijiashuo {
  width: 312px;
  height: 399px;
  background: url(../images/hl_netdetail/maijiashuo.png) no-repeat;
  margin: -40px 10px 10px 20px;
  float: left;
  padding: 40px 0px;
  position: relative;
}
.info-content__maijiashuo .swiper-title {
  margin: 0 auto;
  text-align: center;
  font-size: 26px;
  color: #ffffff;
  margin-bottom: 5px;
}
.info-content__maijiashuo .swiper-slide {
  height: 270px !important;
}
.info-content__maijiashuo .swiper-slide p {
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 5px;
}
.info-content__maijiashuo .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 15px;
  width: 100%;
}
.info-content__maijiashuo .swiper-pagination-switch {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: rgba(225, 225, 225, 0.7);
  box-shadow: 0px 1px 2px rgba(225, 225, 225, 0.7) inset;
  margin: 0 3px;
  cursor: pointer;
}
.info-content__maijiashuo .swiper-active-switch {
  background: #fff;
  width: 12px;
}
.info-content__wxtips {
  height: 183px;
  width: 272px;
  background: rgba(225, 225, 225, 0.5);
  float: left;
  margin: 365px 0 0 -322px;
  border-radius: 5px;
  padding: 10px 20px;
}
.info-content__wxtips h3 {
  color: #ffffff;
}
.info-content__wxtips p {
  color: rgba(225, 225, 225, 0.6);
  line-height: 20px;
}
.info-content__bigswiper {
  width: 800px;
}
/* .info-content__bigswiper__pagination {
  height: 40px;
  width: 360px;
  position: absolute;
  right: 15px;
  top: 20px;
  border-radius: 5px;
  overflow: hidden;
}
.info-content__bigswiper .swiper-pagination-switch {
  display: inline-block;
  width: 120px;
  height: 40px;
  background: rgba(225, 225, 225, 0.4);
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
}
.info-content__bigswiper .swiper-pagination-switch:nth-child(2) {
  border: 0.5px solid rgba(225, 225, 225, 0.7);
  border-top: 0;
  border-bottom: 0;
}
.info-content__bigswiper .swiper-active-switch {
  background: #ff6a51;
} */
.info-content__bigswiper__title {
  height: 80px;
  float: left;
}
.info-content__bigswiper__title h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  line-height: 80px;
  float: left;
  padding-left: 15px;
  position: relative;
}
.info-content__bigswiper__title h3::before {
  content: "";
  display: block;
  width: 4px;
  height: 20px;
  background: #f62221;
  position: absolute;
  left: 0px;
  top: 30px;
}
.info-content__bigswiper__content {
  width: 800px;
  height: 482px;
  background: #ffffff;
  position: absolute;
  right: 15px;
  top: 68px;
  border-radius: 5px;
  
  overflow: hidden;
}
.info-content__bigswiper__content .swiper-container {
  position: relative;
}
.info-content__bigswiper__content .swiper-container .arrow-left,
.info-content__bigswiper__content .swiper-container .arrow-right {
  display: block;
  width: 65px;
  height: 65px;
  background: url(../images/hl_netdetail/swiperleft.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 150px;
  z-index: 3;
}
.info-content__bigswiper__content .swiper-container .arrow-right {
  background: url(../images/hl_netdetail/swiperright.png) no-repeat;
  background-size: 100% 100%;
  left: 670px;
}
.info-content__bigswiper__content .swiper-slide {
  margin: 0 auto;
  text-align: center;
  height: 400px !important;
  margin-top: 30px;
}
.info-content__bigswiper__content .swiper-slide p span {
  display: inline-block;
  width: 150px;
  text-align: center;
}
.info-content__bigswiper__content .swiper-wrapper {
  text-align: center;
}
.step-inner {
  width: 1160px;
  margin: 0 auto;
  height: 180px;
  background: #ffffff;
  padding: 40px 20px 0px 20px;
}
.step-inner h3 {
  font-size: 20px;
  font-weight: bold;
  color: #4c4c4c;
  padding-left: 15px;
  position: relative;
}
.step-inner h3:after {
  content: "";
  width: 4px;
  height: 20px;
  display: block;
  background: #f62221;
  position: absolute;
  left: 0;
  top: 5px;
}
.step-inner__follow-item {
  width: 135px;
  height: 103px;
  background: url(../images/hl_netdetail/step1.png) no-repeat;
  float: left;
  margin-right: 5px;
  margin-top: 10px;
  padding: 10px 20px 10px 70px;
}
.step-inner__follow-item p:first-child {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
}
.step-inner__follow-item p:first-child:after {
  content: "";
  height: 3px;
  width: 28px;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  background: url(../images/hl_netdetail/jxu50.png) no-repeat;
}
.step-inner__follow-item p:last-child {
  color: #999999;
  font-size: 14px;
}
.step-inner__follow-item:nth-child(2) {
  background: url(../images/hl_netdetail/step2.png) no-repeat;
}
.step-inner__follow-item:nth-child(3) {
  background: url(../images/hl_netdetail/step3.png) no-repeat;
}
.step-inner__follow-item:nth-child(4) {
  background: url(../images/hl_netdetail/step4.png) no-repeat;
}
.step-inner__follow-item:nth-child(5) {
  background: url(../images/hl_netdetail/step5.png) no-repeat;
}
.problem-inner {
  width: 1160px;
  margin: 0 auto;
  background: #ffffff;
  padding: 0px 20px 0;
}
.problem-inner h3 {
  font-size: 20px;
  font-weight: bold;
  color: #4c4c4c;
  padding-left: 15px;
  position: relative;
}
.problem-inner h3:after {
  content: "";
  width: 4px;
  height: 20px;
  display: block;
  background: #f62221;
  position: absolute;
  left: 0;
  top: 5px;
}
.problem-inner__contents {
  width: 1120px;
  height: 494px;
  border-radius: 5px;
  background: #e9ecf5;
  margin-top: 10px;
  padding: 19px;
}
.problem-inner__contents-item {
  width: 535px;
  height: 146px;
  border-radius: 5px;
  background: #ffffff;
  float: left;
  margin: 0 10px 10px 0;
  padding: 8px 10px 5px 10px;
}
.problem-inner__contents-item p:first-child {
  color: #525252;
  font-size: 16px;
  font-weight: bold;
  padding-left: 15px;
  position: relative;
  line-height: 30px;
  border-bottom: 1px dashed #dbdbdb;
  padding-bottom: 12px;
}
.problem-inner__contents-item p:first-child .x-question {
  display: inline-block;
  height: 30px;
  width: 30px;
  background: url(../images/hl_netdetail/question.png) no-repeat;
  position: relative;
  top: 10px;
}
.problem-inner__contents-item p:last-child {
  padding-left: 15px;
  color: #999999;
  font-size: 14px;
}
.problem-inner__contents-item p:last-child span {
  width: 480px;
  line-height: 24px;
  margin-top: 15px;
  display: inline-block;
}
.problem-inner__contents-item p:last-child .x-answer {
  display: inline-block;
  height: 30px;
  width: 30px;
  background: url(../images/hl_netdetail/anser.png) no-repeat;
  position: relative;
  top: 0px;
}
.problem-inner__contents-item p:last-child a {
  color: #60aeff;
  font-size: 14px;
}
.problem-inner__contents-item:nth-of-type(even) {
  margin-right: 0;
}
.problem-inner__more {
  width: 100%;
  height: 120px;
  background: #ffffff;
  text-align: center;
}
.problem-inner__more a {
  width: 290px;
  height: 60px;
  border: 2px solid #f1f3f8;
  color: #757575;
  font-size: 15px;
  font-weight: bold;
  display: block;
  line-height: 60px;
  margin: 20px auto;
  cursor: pointer;
}
.problem-inner__more a .x-add {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/hl_netdetail/add.png) no-repeat;
  position: relative;
  top: 4px;
}
.like {
  margin-top: 20px;
}
.like-inner {
  width: 1160px;
  margin: 0 auto;
  background: #ffffff;
  padding: 40px 20px;
}
.like-inner h3 {
  font-size: 20px;
  font-weight: bold;
  color: #4c4c4c;
  padding-left: 15px;
  position: relative;
}
.like-inner h3:after {
  content: "";
  width: 4px;
  height: 20px;
  display: block;
  background: #f62221;
  position: absolute;
  left: 0;
  top: 5px;
}
.like-inner__content {
  margin-top: 20px;
}
.like-inner__content-item {
  width: 340px;
  height: 210px;
  border-radius: 5px;
  overflow: hidden;
  background: #f7f7f7;
  float: left;
  padding: 19px;
  position: relative;
  transition: all .3s;
  border: 1px solid transparent;
  cursor: pointer;
}
.like-inner__content-item:nth-child(2) {
  margin: 0 10px;
}
.like-inner__content-item .x-collect {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/hl_netdetail/collect.png) no-repeat;
  position: absolute;
  right: -17px;
  top: -17px;
}
.like-inner__content-itemt {
  border-bottom: 1px dashed #dbdbdb;
}
.like-inner__content-itemb {
  padding: 20px 0;
}
.like-inner__content-itemb .jump {
  float: left;
  width: 144px;
  
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 17px 10px;
}
.like-inner__content-itemb .jump:first-child {
  margin-right: 8px;
}
.like-inner__content-itemb .jump p:first-child {
  font-size: 14px;
  color: #666666;
}
.like-inner__content-itemb .jump p:last-child {
  font-size: 18px;
  color: #ff5a00;
  font-weight: bold;
}
.like-inner__content-itemb .jump .x-right {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/hl_netdetail/jiantou.png) no-repeat;
  position: relative;
  top: 2px;
}
.like-inner__content-item .game {
  background: #3586ec;
  color: #ffffff;
  width: 64px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  border-radius: 5rem;
}
.like-inner__content-item .title {
  margin: 17px 0;
  font-size: 16px;
  line-height: 16px;
  color: #4c4c4c;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.like-inner__content-item .sgin {
  margin: 17px 0;
}
.like-inner__content-item .sgin span {
  color: #999999;
  font-size: 12px;
  margin-right: 20px;
  line-height: 12px;
}
.like-inner__content-item:hover {
  background-color: #ffffff;
  border-color: #eeeeee;
}
.like-inner__content-item:hover .jump {
  border-color: #eeeeee;
}