::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgba(0, 0, 0, 0.7);
}
::selection {
  color: #fff;
  background: #14c2ff;
}
::-moz-selection {
  color: #fff;
  background: #14c2ff;
}
html.cur,
body.cur {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  color: #00aeff;
  text-decoration: none;
  -webkit-transition: background-color 0.1s linear, color 0.1s linear;
  -moz-transition: background-color 0.1s linear, color 0.1s linear;
  -o-transition: background-color 0.1s linear, color 0.1s linear;
  -ms-transition: background-color 0.1s linear, color 0.1s linear;
  transition: background-color 0.1s linear, color 0.1s linear;
}
a:hover {
  text-decoration: none;
}
area {
  behavior: url(images/area.htc);
  outline: 0;
}
i {
  font-style: normal;
}
ul,
ol {
  font-size: 0;
  list-style-type: none;
}
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  border: 0;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
}
input,
textarea {
  font-size: 14px;
  font-family: arial, "microsoft yahei";
  outline: 0;
}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?9kcc5g');
  src: url('fonts/icomoon.eot?9kcc5g#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?9kcc5g') format('truetype'), url('fonts/icomoon.woff?9kcc5g') format('woff'), url('fonts/icomoon.svg?9kcc5g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fixed {
  position: fixed;
  top: 0;
}
.hide {
  display: none;
}
.shadow {
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);
}
.transform {
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.wrap {
  width: 1250px;
  margin: 0 auto;
  zoom: 1;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}
.wrap2021 {
  width: 1250px;
  margin: 0 auto;
  zoom: 1;
}
.wrap2021:after {
  content: "";
  display: block;
  clear: both;
}
.wrapper {
  font-family: arial, "microsoft yahei";
  background: #f8f8f8;
}
.topicentry,
.topicbtmentry {
  text-align: center;
}
.topicbtmentry.m {
  margin-bottom: 60px;
}
.warnbox {
  padding: 5px 0;
  font-size: 16px;
  color: #005375;
  line-height: 22px;
  text-align: center;
  border-top: 1px solid #bbe1f1;
  border-bottom: 1px solid #bbe1f1;
  background: #eefaff;
}
.warnbox a {
  font-weight: bold;
}
.top {
  line-height: 35px;
  background: #ebebeb;
  zoom: 1;
}
.top:after {
  content: "";
  display: block;
  clear: both;
}
.top .slogan {
  font-size: 14px;
  color: #666666;
}
.topqr {
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.topqr a {
  display: inline-block;
  vertical-align: top;
}
.topqr:before {
  content: "\eb4e";
  width: 20px;
  height: 20px;
  margin: 6px 5px 0 0;
  font-size: 12px;
  color: #fff;
  font-family: icomoon;
  line-height: 20px;
  border: 1px solid #5bbf23;
  border-radius: 50%;
  cursor: pointer;
  background: #5bbf23;
  display: inline-block;
  vertical-align: top;
}
.topqr .wechatqr {
  width: 120px;
  padding: 15px 10px;
  box-shadow: 0 0 2px 0 #ddd;
  background: #fff;
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 30;
  display: none;
}
.topqr .wechatqr span {
  margin-top: 5px;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  display: inline-block;
}
.topqr:hover .wechatqr {
  display: block;
}
.head {
  width: 100%;
  border-bottom: 1px solid #00aeff;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);
  background: #fff;
  zoom: 1;
}
.head:after {
  content: "";
  display: block;
  clear: both;
}
.header {
  zoom: 1;
}
.header:after {
  content: "";
  display: block;
  clear: both;
}
.logo,
.mlogo {
  float: left;
  display: inline;
  margin-right: 20px;
}
.logo a,
.mlogo a {
  width: 200px;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
}
.logo a img,
.mlogo a img {
  width: 200px;
  vertical-align: middle;
}
.mlogo {
  display: none;
}
.sublogo {
  width: 200px;
  height: 100px;
  float: left;
  display: inline;
  display: grid;
}
.sublogo img {
  width: 200px;
  align-self: center;
  justify-self: center;
}
.promise {
  float: right;
  display: inline;
  margin-top: 40px;
}
.promise li {
  margin-right: 20px;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.promise li:after {
  content: "";
  display: block;
  clear: both;
}
.promise li img {
  width: 26px;
  height: 26px;
  float: left;
  display: inline;
  margin-right: 5px;
}
.promise li span {
  font-size: 14px;
  color: #666666;
}
.all {
  width: 220px;
  float: left;
  display: inline;
  margin-right: 30px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  zoom: 1;
}
.all:after {
  content: "";
  display: block;
  clear: both;
}
.all.index ul li {
  display: inline-block;
  vertical-align: top;
}
.all ul {
  width: 100%;
  float: left;
  display: inline;
  font-size: 0;
  position: relative;
}
.all ul.on li {
  display: inline-block;
}
.all li {
  width: 100%;
  height: 51px;
  line-height: 51px;
  border-bottom: 1px solid #ccc;
  display: none;
}
.all li.allnav {
  cursor: pointer;
  display: block;
}
.all li:first-child {
  height: 51px;
  border-bottom: 0;
  background: #00aeff;
}
.all li h3 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.all li h3:before {
  content: "\e120";
  margin-right: 5px;
  font-size: 24px;
  color: #fff;
  font-family: icomoon;
  vertical-align: top;
}
.all li:last-child {
  border: 0;
}
.all li a {
  font-size: 16px;
  color: #666666;
  border-right: 1px solid #ccc;
  display: block;
}
.all li a:after {
  content: "\e409";
  margin-right: 5px;
  font-size: 14px;
  color: #666666;
  font-family: icomoon;
  position: absolute;
  right: 20px;
}
.all li a span {
  margin-left: 5px;
  font-size: 16px;
  color: #999;
}
.all li:hover a {
  color: #00aeff;
  border-right: 1px solid #efefef;
  background: #efefef;
}
.all li:hover a span {
  color: #00aeff;
}
.all li:hover dl {
  display: inline-block;
}
.all li:hover dl dd a {
  color: #666666;
  font-weight: normal;
  background: none;
}
.all li:hover dl dd a:hover {
  color: #00aeff;
}
.all li dd a {
  padding-right: 20px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
.all dl {
  width: 980px;
  height: 415px;
  padding: 20px;
  font-size: 0;
  line-height: 28px;
  box-sizing: border-box;
  background: #efefef url(images/allnavbg.png) no-repeat right bottom;
  position: absolute;
  top: 51px;
  left: 220px;
  z-index: 9;
  display: none;
}
.all dt {
  width: 80px;
  float: left;
  display: inline;
  font-size: 14px;
  color: #000;
  font-weight: 600;
}
.all dt:after {
  content: "\e409";
  font-size: 18px;
  color: #000;
  font-family: icomoon;
  vertical-align: top;
}
.all dd {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 80px;
  border-bottom: 1px solid #ddd;
}
.all dd a {
  padding: 0 10px;
  font-size: 14px;
  text-indent: 0;
  line-height: 28px;
  text-align: center;
  border-right: 1px dotted #ebebeb;
}
.all dd a:last-child:after {
  border: 0;
}
.all dd a:before,
.all dd a:after {
  display: none;
}
.all dd a:hover {
  color: #00aeff;
}
.menu {
  padding-left: 250px;
  line-height: 50px;
  position: relative;
}
.menu.on {
  width: 100%;
  float: none;
  margin: 0;
  border-top: 1px solid #ccc;
  background: #fff;
  display: block;
}
.menu.on li {
  width: 100%;
}
.menu.on li a {
  height: auto;
  padding: 0;
}
.menu.on li b {
  display: inline-block;
}
.menu ul {
  display: inline-block;
  vertical-align: top;
}
.menu .all li {
  position: static;
  display: none;
}
.menu .all .allnav {
  display: block;
}
.menu li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
.menu li a {
  padding: 0 25px;
  font-size: 16px;
  color: #666666;
  font-family: icomoon, "microsoft yahei";
  position: relative;
  display: block;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.menu li a i {
  margin-right: 3px;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
}
.menu li a:hover,
.menu li a.active,
.menu li a.on {
  color: #00aeff;
}
.menu li .subnav {
  min-width: 160px;
  line-height: 40px;
  position: absolute;
  top: 51px;
  left: 0;
  z-index: 99;
  display: none;
  -webkit-animation: fadeInUp .2s .1s ease both;
  -moz-animation: fadeInUp .2s .1s ease both;
}
.menu li .subnav a {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  border-bottom: 1px solid #00aeff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  display: block;
}
.menu li .subnav a:before {
  content: "\e315";
  font-size: 15px;
  color: #ebebeb;
  font-family: icomoon;
  position: absolute;
  top: 0;
  left: 20px;
  vertical-align: top;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  z-index: 10;
}
.menu li .subnav a:hover {
  color: #fff;
  background: #000;
}
.menu li .subnav a:hover:before {
  color: #00aeff;
}
.menu li .subnav a.on {
  color: #00aeff;
}
.menu li .subnav a.on:before {
  opacity: 1;
}
.menu li .subnav a:last-child {
  border: 0;
}
.menu li.subcate:hover a {
  color: #fff;
  background: #00a4f5;
}
.menu li.subcate:hover a b {
  color: #fff;
}
.menu li.subcate:hover .subnav {
  background: #00aeff;
  display: block;
}
.menu li.subcate:hover .subnav a:hover {
  background: #000;
}
.menuico {
  width: 38px;
  height: 38px;
  float: left;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  top: 21px;
  display: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.menuico span {
  width: 21px;
  height: 2px;
  background-color: #00aeff;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.menuico span:first-child {
  margin-top: -6px;
}
.menuico span:last-child {
  margin-top: 6px;
}
.menuico.on span:first-child {
  width: 20px;
  margin-top: -8px;
  margin-left: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menuico.on span:nth-child(2) {
  opacity: 0;
  width: 2px;
  left: 20px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.menuico.on span {
  background-color: #666666;
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  transform-origin: 0;
}
.menuico.on span:last-child {
  width: 20px;
  margin-top: 6px;
  margin-left: -7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tel {
  float: right;
  display: inline;
  font-size: 20px;
  line-height: 50px;
}
.tel:before {
  content: "\e970";
  width: 14px;
  height: 14px;
  margin: 14px 5px 0 0;
  padding: 4px;
  font-size: 14px;
  color: #00aeff;
  font-family: icomoon;
  text-align: center;
  line-height: 14px;
  border: 1px solid #00aeff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
}
.tel span {
  color: #00aeff;
  font-family: tahoma;
  font-weight: 400;
}
.main {
  background: #ffffff;
}
.cateimg {
  text-align: center;
}
.catemimg {
  display: none;
}
.sitemap {
  margin-bottom: 20px;
  padding: 10px 0;
  font-size: 16px;
  line-height: 50px;
  border-bottom: 1px solid #ccc;
}
.sitemap .homeico {
height:35px; line-height:35px;font-size:14px
}
.sitemap a {
  font-size: 16px;
  color: #666666;
}
.sitemap a.home {
  color: #333;
}
.sitenav {
  padding: 10px 0;
  background: #1d2737;
  zoom: 1;
}
.sitenav:after {
  content: "";
  display: block;
  clear: both;
}
.sitenav label {
  width: 58px;
  float: left;
  display: inline;
  font-size: 28px;
  color: #fff;
  line-height: 30px;
}
.sitenav label:hover {
  color: #00c9ff;
}
.sitenav ul {
  padding: 10px 0 0 100px;
}
.sitenav li {
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
}
.sitenav li a {
  padding: 0 20px;
  font-size: 18px;
  color: #fff;
  display: block;
}
.sitenav li a:hover {
  color: #00aeff;
}
.sitenav li a:hover em {
  border-bottom-color: #00aeff;
}
.sitenav li a img {
  width: 40px;
  margin-right: 10px;
  vertical-align: top;
}
.sitenav li a em {
  height: 0;
  width: 0;
  display: inline-block;
  cursor: pointer;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  border-right: none;
  border-top: none;
}
.search {
  float: right;
  margin-top: 8px;
}
.search .text {
  width: 200px;
  height: 32px;
  float: left;
  font-family: "microsoft yahei";
  line-height: 32px;
  text-indent: 8px;
  border: 1px solid #e8e8e8;
  border-right: 0;
  outline: 0;
  box-sizing: border-box;
}
.search .on {
  border: 1px solid #00aeff;
  border-right: 0;
}
.search .btn {
  width: 50px;
  height: 32px;
  float: left;
  line-height: 18px;
  border: 0;
  outline: 0;
  cursor: pointer;
  background: #00aeff;
  overflow: hidden;
  position: relative;
}
.search .btnload {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 13px;
  width: 13px;
  margin-top: -9px;
  margin-left: -9px;
  border: 2px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.15);
  border-left-color: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  -webkit-animation: sqs-spin 1s infinite linear;
  -moz-animation: sqs-spin 1s infinite linear;
  -ms-animation: sqs-spin 1s infinite linear;
  -o-animation: sqs-spin 1s infinite linear;
  animation: sqs-spin 1s infinite linear;
}
.search .btntxt {
  width: 20px;
  height: 20px;
  margin-top: -9px;
  margin-left: -9px;
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  visibility: visible;
}
.search .btntxt:after {
  content: "\e077";
  font-size: 18px;
  color: #fff;
  font-family: icomoon;
}
.search .submit .btnload {
  visibility: visible;
}
.search .submit .btntxt {
  visibility: hidden;
}
.searchico {
  width: 38px;
  height: 38px;
  float: right;
  display: inline;
  margin-top: 21px;
  display: none;
}
.searchico a {
  font-size: 0;
  line-height: 38px;
}
.searchico a:before {
  content: "\e077";
  font-size: 22px;
  color: #00aeff;
  font-family: icomoon;
}
@-webkit-keyframes sqs-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes sqs-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes sqs-spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes sqs-spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes sqs-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.focus {
  width: 100%;
  max-height: 600px;
  margin-bottom: 30px;
  font-size: 0;
}
.focus a {
  text-align: center;
  display: block;
}
.focus a img {
  max-height: 600px;
}
.mfocus {
  margin-bottom: 20px;
  display: none;
}
.mfocus a {
  text-align: center;
  display: block;
}
.mfocus a img {
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 20px;
}
.swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  opacity: .8;
}
.swiper-pagination-bullet-active {
  width: 15px;
  border-color: #00aeff;
  border-radius: 2px;
  background: #00aeff;
  opacity: .8;
}
.swiper-button-prev,
.swiper-button-next {
  opacity: .5;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
}
.swiper-button-prev,
.swiper-button-next {
  background: #333;
  opacity: .6;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 28px;
  color: #fff;
  font-family: icomoon;
  text-align: center;
  line-height: 45px;
  display: block;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1;
}
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  background: #00aeff;
}
.swiper-button-prev:after {
  content: "\e314";
}
.swiper-button-next:after {
  content: "\e315";
}
.nums {
  line-height: 55px;
  zoom: 1;
}
.nums:after {
  content: "";
  display: block;
  clear: both;
}
.nums .wrap {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ebebeb;
}
.nums h3 {
  width: 200px;
  float: left;
  display: inline;
  font-size: 26px;
  color: #333;
}
.nums ul {
  float: right;
  display: inline;
  zoom: 1;
  display: block;
}
.nums ul:after {
  content: "";
  display: block;
  clear: both;
}
.nums li {
  float: left;
  display: inline;
  margin-left: 20px;
  font-size: 16px;
  color: #999;
  zoom: 1;
}
.nums li:after {
  content: "";
  display: block;
  clear: both;
}
.nums li i {
  float: left;
  display: inline;
  margin-right: 10px;
  padding: 0 5px;
  font-size: 46px;
  color: #e95513;
  border-radius: 3px;
  box-sizing: border-box;
}
.selling {
  zoom: 1;
}
.selling:after {
  content: "";
  display: block;
  clear: both;
}
.selling .ads {
  width: 330px;
  float: left;
  display: inline;
}
.selling .ads a {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.selling .ads img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sellingcon {
  padding-left: 400px;
}
.sellingcon li {
  width: 25%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.sellingimg {
  width: 80px;
  height: 80px;
  margin: 20px auto;
}
.sellingimg a {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.sellingimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sellingname {
  margin-bottom: 10px;
}
.sellingname a {
  font-size: 16px;
}
.sellingintro {
  margin-bottom: 10px;
  padding: 0 20px;
  font-size: 14px;
  color: #999;
}
.sellingprice {
  font-size: 12px;
}
.sellingprice strong {
  font-size: 18px;
  color: #e95513;
  font-weight: normal;
}
.caption {
  padding: 50px 0;
  text-align: center;
}
.caption h3 {
  height: 13px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.caption h3 span {
  padding: 0 30px;
  font-size: 18px;
  color: #333333;
  background: #f8f8f8;
}
.service .tabnav {
  text-align: center;
}
.service .tabnav ul {
  margin-bottom: 30px;
  border-bottom: 1px solid #ffc68e;
}
.service .tabnav li {
  width: 10%;
  height: 50px;
  font-size: 14px;
  color: #666666;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.service .tabnav li.on {
  color: #00aeff;
}
.service .tabnav li.on:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 0 0 -12px;
  border-radius: 50%;
  border: 3px solid #b2e7ff;
  position: absolute;
  bottom: -13px;
  left: 50%;
  cursor: pointer;
  background: #00aeff;
}
.service .tabnav li:before {
  content: "";
  width: 14px;
  height: 14px;
  margin: 0 0 0 -7px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffc68e;
  position: absolute;
  bottom: -7px;
  left: 50%;
  display: inline-block;
  vertical-align: top;
}
.service .tabnav li br {
  display: none;
}
.service .tabnav dl {
  height: 7px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ffc68e;
  position: relative;
}
.service .tabnav dl dd {
  width: 7.7%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.service .tabnav dl dd:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffc68e;
  display: inline-block;
  vertical-align: top;
}
.service .tabnav dl dd.on:before {
  content: "";
  width: 18px;
  height: 18px;
  margin-top: -4px;
  border-radius: 50%;
  border: 3px solid #b2e7ff;
  cursor: pointer;
  background: #00aeff;
}
.service .tabcon li {
  margin-left: -2%;
  font-size: 0;
  display: none;
}
.service .tabcon li.on {
  display: block;
}
.service .tabimg {
  width: 48%;
  margin-left: 2%;
  display: inline-block;
  vertical-align: top;
}
.service .tabimg a {
  width: 100%;
  height: 0;
  padding-bottom: 61.7%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.service .tabimg a span {
  font-size: 14px;
  color: #666666;
  position: absolute;
  top: 10px;
  right: 15px;
}
.service .tabimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.service .tabimglist {
  width: 48%;
  margin-left: 2%;
  display: inline-block;
  vertical-align: top;
}
.service .tabimglistimg {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}
.service .tabimglistimg a {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.service .tabimglistimg a span {
  font-size: 14px;
  color: #666666;
  position: absolute;
  top: 10px;
  right: 15px;
}
.service .tabimglistimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.service .tabimglistimg:nth-child(2n) {
  margin: 0 0 4% 4%;
}
.salecon {
  margin-bottom: 20px;
}
.salecon ul {
  margin-left: -2%;
  font-size: 0;
  zoom: 1;
}
.salecon ul:after {
  content: "";
  display: block;
  clear: both;
}
.salecon li {
  width: 48%;
  float: left;
  display: inline;
  margin-left: 2%;
  padding: 10px;
  box-sizing: border-box;
  background: #ebebeb;
  vertical-align: top;
  zoom: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.salecon li:after {
  content: "";
  display: block;
  clear: both;
}
.saleimg {
  width: 50%;
  float: left;
  display: inline;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.saleimg a {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.saleimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.saledetail {
  width: 50%;
  padding-left: 20px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.saledetail h3 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
.saledetail p {
  font-size: 12px;
  color: #666666;
  line-height: 30px;
}
.saledetail a {
  color: #00aeff;
}
.saledetail a.btn {
  margin-top: 10px;
  padding: 0 20px;
  color: #fff;
  line-height: 24px;
  border-radius: 2px;
  background: #00aeff;
  display: inline-block;
  vertical-align: top;
}
.paybox {
  width: 100%;
  padding: 50px 0;
  background: #f8f8f8;
}
.paystate {
  padding: 10px 50px 30px;
  border: 1px solid #bbe1f1;
  background: #eefaff;
}
.paystate h3 {
  padding: 20px 0;
  font-size: 30px;
  color: #5bbf23;
}
.paystate h3 i {
  margin-right: 10px;
  font-size: 38px;
  color: #5bbf23;
  font-family: icomoon;
  display: inline-block;
  vertical-align: top;
}
.paystate h3 i:after {
  content: "\e07d";
}
.paystate p {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}
.paystate p strong {
  color: #005375;
}
.buy {
  margin-bottom: 30px;
  zoom: 1;
}
.buy:after {
  content: "";
  display: block;
  clear: both;
}
.buyimg {
  width: 35%;
  float: left;
  display: inline;
  zoom: 1;
}
.buyimg:after {
  content: "";
  display: block;
  clear: both;
}
.buyimg ul {
  margin: 0 0 0 -3.33%;
  font-size: 0;
}
.buyimg ul li {
  width: 30%;
  margin: 0 0 0 3.33%;
  padding: 1%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
  display: inline-block;
  vertical-align: top;
}
.buyimg ul li.on {
  border-color: #00aeff;
}
.buyimg a {
  width: 100%;
  height: 0;
  float: left;
  display: inline;
  padding-bottom: 70%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.buyimg a img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.buybox {
  padding-left: 40%;
}
.buybox h1 {
  font-size: 28px; font-weight:600;
  color: #2c7cff;
  line-height:60px;
}
.buybox form dl {
  z-index: 100;
}
.buybox form dl .dialog {
  border-radius: 6px;
  box-sizing: border-box;
  display: none;
}
.buybox form dl .dialog:before {
  display: none;
}
.buybox form dl .dialog.on {
  width: 400px;
  margin: -235px auto 0 -200px;
  padding: 0 30px;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  display: block;
}
.buybox form dl .dialog.on label {
  width: 100%;
}
.buybox form dl .dialog.on .input {
  padding: 0;
}
.buybox form dl .dialog.on .input input {
  width: 100%;
  height: 50px;
  padding: 0 10px;
  line-height: 50px;
  box-sizing: border-box;
}
.buybox form dl .dialog.on .input input.verifycode {
  width: calc(100% - 150px);
  padding-right: 100px;
}
.buybox form dl .dialog.on .input .verifyimg {
  width: 140px;
  height: 50px;
}
.buybox form dl .dialog.on .dialogtitle,
.buybox form dl .dialog.on .dialogbtn {
  display: block;
}
.buybox form dl .dialogtitle {
  margin-bottom: 20px;
  padding: 20px 0;
  font-size: 22px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  position: relative;
  display: none;
}
.buybox form dl .dialogtitle .close {
  position: absolute;
  top: 25px;
  right: 0;
}
.buybox form dl .dialogtitle .close:after {
  content: "\e5cd";
  font-size: 22px;
  color: #666666;
  font-family: icomoon;
  cursor: pointer;
}
.buybox form dl .dialogbtn {
  margin-bottom: 30px;
  display: none;
}
.buybox form dl .dialogbtn .gobuy {
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #fff;
  border: 0;
  cursor: pointer;
  background: #00aeff;
}
.buybox form dl.in:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.buybox form dt {
  margin-bottom: 15px;
  padding: 10px;
  line-height: 32px;
  border-radius: 5px;
  background: #ebebeb;
}
.buybox form dt label {
  width: 90px;
  float: left;
  display: inline;
  font-size: 16px;
  color: #333;
  line-height: 38px;
}
.buybox form dd {
  margin-bottom: 15px;
  line-height: 32px;
  overflow: hidden;
  zoom: 1;
}
.buybox form dd:after {
  content: "";
  display: block;
  clear: both;
}
.buybox form dd label {
  width: 90px;
  float: left;
  display: inline;
  font-size: 16px;
  color: #333;
}
.buybox form dd .input {
  padding-left: 100px;
}
.buybox form dd .input select {
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.buybox form dd .tip {
  margin: 0 15px 5px 0;
  padding: 0 10px;
  font-size: 14px;
  color: #ed5555;
  line-height: 26px;
  border: 1px solid #ed5555;
  background: #fff;
  display: inline-block;
  vertical-align: top;
}
.buybox form .surname,
.buybox form .memo,
.buybox form .verifycode {
  width: 180px;
  height: 27px;
  padding: 0 5px;
  border: 1px solid #e0e0e0;
  vertical-align: top;
}
.buybox form .verifycode {
  width: 90px;
  margin-right: 6px;
}
.buybox form .verifyimg {
  width: 80px;
  height: 29px;
}
.buybox form .price {
  padding-left: 100px;
  font-size: 14px;
  line-height: 34px;
}
.buybox form .price i {
  font-size: 20px;
  color: #ed5555;
}
.buyinfo {
  margin-bottom: 15px;
  font-size: 14px;
  color: #666666;
  line-height: 36px; text-indent:20px;
}
.buybtn {
  margin-top: 30px;
  text-align: center;
}
.buybtn a {
  padding: 0 30px;
  font-size: 16px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #ed5555;
  display: inline-block;
  vertical-align: top;
}
.buybtn a.gobuy,
.buybtn a.tobuy {
  color: #fff;
  background: #ed5555;
}
.buybtn a.consult {
  margin-left: 30px;
  color: #666666;
  border: 1px solid #ed5555;
  background: #fff;
}
.buybtn .gobuy,
.buybtn .tobuy {
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #ed5555;
  cursor: pointer;
  background: #ed5555;
  display: inline-block;
  vertical-align: top;
}
.buyads,
.buymads {
  margin-bottom: 50px;
}
.buymads {
  display: none;
}
.buycon {
  padding-bottom: 20px;
  zoom: 1;
}
.buycon:after {
  content: "";
  display: block;
  clear: both;
}
.buyside {
  margin-bottom: 20px;
  border: 1px solid #e4e1e1;
  background: #fff;

}
.buyside dl {
  padding:0px 0px 20px 0px;
}
.buyside h3 {
  font-size: 15px; font-weight:600;
  color: #444;
  line-height: 38px;
  text-indent: 20px;
  background: #ebebeb;  background-image:url(titbg.jpg)
}
.buyside dt {
  margin: 0 0 0px;
  font-size: 14px;
  height:28px; line-height:28px;
  font-weight: 600;background: #f5f5f5; text-indent:10px;margin-top: 15px; margin-bottom:10px;
}
.buyside dd {
 clear:both;text-align:left;height:35px; line-height:35px;  font-size:14px;  background:url(new_list.jpg) left center no-repeat; text-indent:39px;
}
.buyside dd a {
  color: #666666;
}
.buyside dd a:hover {
  color: #00aeff;
}
.buymain {
  padding-left: 300px;
}
.buymain2021 {
  padding-left: 0px;
}
.buymaintabnav {
  font-size: 0;
  background: #f5f5f5;
}
.buymaintabnav ul {
  display: inline-block;
  vertical-align: top;
}
.buymaintabnav li {
  line-height: 60px;
  display: inline-block;
  vertical-align: top;
}
.buymaintabnav li.on a {
  color: #3388ff;
  border-top: 3px solid #3388ff;
  background: #fff;
}
.buymaintabnav li a {
  padding: 0 40px;
  font-size: 20px;
  color: #333;
  border-bottom: 2px solid transparent;
  display: block;
}
.buymaintabnav span {
  line-height: 38px;
  display: inline-block;
  vertical-align: top;
}
.buymaintabnav span a {
  padding: 0 20px;
  font-size: 16px;
  color: #333;
  border-bottom: 2px solid transparent;
  display: block;
}
.buymaintabnav span a:hover {
  color: #00aeff;
  border-bottom: 2px solid #00aeff;
  background: #fff;
}
.buymaintabcon {
  padding: 20px;
  border: 1px solid #e4e1e1;
  border-top: 0;
  background: #fff;
}
.buymaintabcon dl {
  display: none;
}
.buymaintabcon dl.on {
  display: block;
}
.buymaintabcon dl dt {
  margin: 0 -20px 20px;
  padding: 0 30px;
  line-height: 50px;
  background: #ebebeb;
}
.buymaintabcon dl dd {
  line-height: 28px; font-size:14px;
}
.buymaintabcon dl dd a{
  line-height: 28px; font-size:14px;
}
.sale {
  margin-bottom: 30px;
  padding: 20px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);
  background: #fff;
  zoom: 1;
}
.sale:after {
  content: "";
  display: block;
  clear: both;
}
.salethumb {
  width: 100%;
  height: 0;
  float: left;
  display: inline;
  margin-bottom: 2%;
  padding-bottom: 97%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.salethumb img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.postbox {
  zoom: 1;
}
.postbox:after {
  content: "";
  display: block;
  clear: both;
}
.postside {
  width: 120px;
  float: left;
  display: inline;
}
.postside li {
  margin-bottom: 30px;
  line-height: 45px;
}
.postside a {
  font-size: 15px;
  color: #666666;
}
.postside a img {
  display: none;
}
.postside a:hover,
.postside a.on {
  color: #00aeff;
}
.postlist {
  padding-left: 250px;
}
.postlist ul {
  padding-left: 40px;
}
.postlist li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  zoom: 1;
}
.postlist li:after {
  content: "";
  display: block;
  clear: both;
}
.postlist li h2 {
  margin-bottom: 10px;
  line-height: 30px;
}
.postlist li h2 a {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.postlist li p {
  font-size: 12px;
  color: #666666;
  line-height: 28px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.postcatelist {
  margin: 0 0 20px 40px;
  padding-bottom: 20px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
}
.postcatelist h3 {
  padding-right: 20px;
  font-size: 14px;
  color: #666666;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
}
.postcatelist h3 a {
  color: #666666;
}
.postcatelist h3 a:hover,
.postcatelist h3 a.on {
  color: #00aeff;
  border-bottom-color: #00aeff;
}
.postcatelist ul {
  padding: 0;
  font-size: 0;
  border: 0;
  display: block;
  vertical-align: top;
}
.postcatelist li {
  margin: 0 30px 0 0;
  padding: 0;
  border: 0;
  display: inline-block;
  vertical-align: top;
}
.postcatelist li a {
  font-size: 14px;
  color: #666666;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.postcatelist li a:hover,
.postcatelist li a.on {
  color: #00aeff;
  border-bottom-color: #00aeff;
}
.postcon {
  padding-left: 230px;
}
.postimg {
  width: 200px;
  float: left;
  display: inline;
  margin-bottom: 10px;
}
.postimg a {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.postimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.postinfo {
  margin-bottom: 10px;
  line-height: 32px;
}
.postinfo span {
  padding: 0 5px;
  color: #999;
  display: inline-block;
  vertical-align: top;
}
.postinfo span a {
  vertical-align: top;
}
.postcata {
  font-size: 14px;
  color: #999;
}
.postcata a {
  color: #999;
  font-size: 14px;
}
.postcata:before {
  content: "\e072";
  margin-right: 5px;
  font-family: icomoon;
}
.postcate {
  font-size: 14px;
}
.postcate a {
  color: #999;
  font-size: 14px;
}
.postcate:before {
  content: "\e072";
  margin-right: 5px;
  font-family: icomoon;
}
.postuser {
  font-size: 14px;
}
.postuser a {
  color: #999;
}
.postuser:before {
  content: "\e936";
  margin-right: 5px;
  font-family: icomoon;
}
.posttime {
  font-size: 14px;
}
.posttime:before {
  content: "\e973";
  margin-right: 5px;
  font-family: icomoon;
}
.postviews {
  font-size: 14px;
}
.postviews:before {
  content: "\e004";
  margin-right: 5px;
  font-family: icomoon;
}
.imglist .postcatelist {
  margin-left: 0;
  padding-bottom: 10px;
}
.imglist .postcatelist ul {
  margin: 0;
}
.imglist .postcatelist li {
  width: auto;
  margin: 0 30px 0 0;
}
.imglist .postcatelist li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.imglist ul {
  margin-left: -2%;
}
.imglist li {
  width: 23%;
  margin: 0 0 2% 2%;
  display: inline-block;
  vertical-align: top;
}
.imglist .postimg {
  width: 100%;
  float: none;
  margin-bottom: 15px;
  display: block;
}
.imglist .postcon {
  padding: 0;
  text-align: center;
}
.imglist .postcon h2 {
  line-height: 22px;
}
.imglist .postcon h2 a {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.imglist .postcon p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.imglist .postinfo {
  display: none;
}
.listtip {
  padding: 10px;
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 30px;
  background: #fff;
}
.listsale {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: block;
}
.listprice {
  font-size: 18px;
  color: #ef232c;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: block;
}
.pagebar,
.cmtpagebar {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}
.pagebar .now-page,
.cmtpagebar .now-page {
  display: inline-block;
  color: #fff;
  font-weight: bolder;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid #00aeff;
  background: #00aeff;
}
.pagebar a,
.cmtpagebar a {
  margin: 4px 0;
  padding: 5px 10px;
  color: #777;
  font-weight: bolder;
  border: 1px solid #e2e2e2;
  background: #fff;
}
.pagebar a:hover,
.cmtpagebar a:hover {
  color: #00aeff;
  border: 1px solid #00aeff;
  background: #fff;
}
.pagebar .now-page {
  margin: 20px 0;
}
.pagination-loading {
  margin: 20px 0;
  padding: 10px 0;
  text-align: center;
  border-radius: 2px;
  background: #ebebeb;
}
.ias_trigger,
.ias_loader {
  margin: 0 0 20px;
  font-size: 16px;
  color: #888;
}
.ias_trigger a,
.ias_loader a {
  padding: 10px 0;
  font-size: 16px;
  color: #666;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
  display: block;
}
.ias_trigger a:hover,
.ias_loader a:hover {
  color: #888;
  background: #ebebeb;
}
.sidebar {
  width: 280px;
  float: left;
  display: inline;
}
.sidebar.left {
  float: left;
  display: inline;
}
.sideads {
  margin-bottom: 20px;
  font-size: 0;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);
}
.sideimg {
  margin-bottom: 5px;
}
.sidebox {
  margin-bottom: 20px;
  padding: 10px 20px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);
  background: #fff;
}
.sidebox ul {
  zoom: 1;
}
.sidebox ul:after {
  content: "";
  display: block;
  clear: both;
}
.sidebox li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #666666;
  border-bottom: 1px dotted #ebebeb;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.sidebox li:before {
  content: "\e409";
  margin-right: 5px;
  font-size: 12px;
  font-family: icomoon;
}
.sidebox li:last-child {
  padding: 0;
  border: 0;
}
.sidebox li a {
  color: #666666;
}
.sidebox[id^="toyean"] li {
  width: 50%;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  overflow: hidden;
}
.sidebox[id^="toyean"] li:last-child {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ebebeb;
}
.sidebox.fixed {
  top: 20px;
}
.sidebar a {
  font-size: 14px;
  color: #666666;
}
.sidebar a:hover,
.sidebar a.on {
  color: #00aeff;
}
.sidetitle {
  margin-bottom: 16px;
  line-height: 36px;
  border-bottom: 1px dotted #ebebeb;
}
.sidetitle h3 {
  font-size: 16px;
}
.sidelist li {
  margin-bottom: 25px;
  padding-bottom: 20px;
}
.sidelist li:before {
  display: none;
}
.sidelistimg {
  margin-bottom: 10px;
}
.sidelistimg a {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  position: relative;
  display: block;
}
.sidelistimg a.playbtn:hover:before {
  content: "\e960";
  margin: -17px 0 0 -17px;
  padding: 2px 1px 2px 3px;
  font-size: 24px;
  color: #fff;
  font-family: icomoon;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
}
.sidelistimg a img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sidelistimg a.on img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.sidelistname {
  position: relative;
}
.sidelistname a {
  margin-right: 50px;
  font-size: 14px;
  color: #666666;
  display: inline-block;
  vertical-align: top;
}
.sidelistname a:hover {
  color: #00aeff;
}
.sidelistname span {
  padding-left: 10px;
  font-size: 14px;
  color: #00aeff;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.sidetabnav {
  margin-bottom: 10px;
  font-size: 0;
  text-align: center;
}
.sidetabnav a {
  width: 50%;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  border-bottom: 2px solid #f8f8f8;
  display: inline-block;
  vertical-align: top;
}
.sidetabnav a.on {
  border-bottom: 2px solid #00aeff;
}
.sidetabcon ul {
  display: none;
}
.sidetabcon ul.on {
  display: block;
}
.sidetabcon li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sidetabcon li span {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  background: #ddd;
  display: inline-block;
  vertical-align: top;
}
.sidetabcon li:before {
  display: none;
}
.sidetabcon li:nth-child(1) span {
  background: #00aeff;
}
.sidetabcon li:nth-child(2) span {
  background: #32e0ff;
}
.sidetabcon li:nth-child(3) span {
  background: #64ffff;
}
.sidecon.guess li,
.sidecon.lastvisit li {
  white-space: normal;
}
.sidecon.guess li:before,
.sidecon.lastvisit li:before {
  display: none;
}
.sidecon.sidenav li {
  line-height: 45px;
}
.sidecon.sidenav a img {
  display: none;
}
.tsideimg {
  width: 40%;
  float: left;
  display: inline;
}
.tsideimg a {
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.tsideimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tsidename {
  padding-left: 45%;
}
.tsidename p {
  width: 100%;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tsidename p a {
  font-size: 14px;
  color: #666666;
}
.tsidename span {
  margin: 2px 0 0;
  display: block;
}
.tsidename i {
  margin: 0 10px 0 0;
  color: #888;
}
.relates ul {
  margin-left: -2%;
  list-style: none;
  overflow: hidden;
  zoom: 1;
}
.relates ul:after {
  content: "";
  display: block;
  clear: both;
}
.relates li {
  width: 14.66%;
  margin: 0 0 20px 2%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.relates a {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  display: block;
}
.relates a:hover {
  color: #00aeff;
}
.relatescon span {
  width: 100%;
  height: 0;
  margin-bottom: 10px;
  padding-bottom: 70%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.relatescon img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.reltitle h3 {
  margin: 20px 0;
  font-size: 16px;
  line-height: 30px;
}
.single {
  padding: 30px 20px 50px;
  background: #fff;
}
.singletitle {
  margin-bottom: 50px;
  text-align: center;
  border-bottom: 1px dotted #ebebeb;
}
.singletitle h1 {
  font-size: 24px;
  line-height: 2;
}
.singlecon p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2;
}
.singlecon p a:hover {
  text-decoration: underline;
}
.singlecon .video {
  margin: auto;
}
.singlecon .video p {
  width: 100%;
  height: 0;
  padding-top: 20px;
  padding-bottom: 60%;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.singlecon .video p embed,
.singlecon .video p iframe,
.singlecon .video p table {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.pages {
  padding-top: 20px;
  border-top: 1px solid #eee;
  overflow: hidden;
  zoom: 1;
}
.pages:after {
  content: "";
  display: block;
  clear: both;
}
.pages a {
  color: #666666;
}
.pages p {
  height: 26px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.backtolist {
  float: right;
  display: inline;
  margin: 8px 0 0;
  padding: 3px 30px;
  font-size: 14px;
  color: #00aeff;
  line-height: 28px;
  border: 1px solid #00aeff;
  border-radius: 50px;
}
a.backtolist:hover {
  color: #fff;
  background: #00aeff;
}
.pageside {
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #fff;
}
.pageside li {
  line-height: 45px;
  border-bottom: 1px dotted #ebebeb;
}
.pageside li a {
  padding-right: 20px;
  font-size: 14px;
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  display: block;
}
.pageside li a:after {
  content: "\e409";
  font-size: 22px;
  color: #666666;
  font-family: icomoon;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 0;
}
.pageside li a:hover,
.pageside li a.on {
  color: #00aeff;
}
.pageside li a:hover:after,
.pageside li a.on:after {
  color: #00aeff;
}
.pageside li:last-child {
  border: 0;
}
.pageside a {
  font-size: 15px;
  color: #666666;
}
.pageside a img {
  display: none;
}
.pageside a:hover {
  color: #00aeff;
}
.pagecon {
  margin-bottom: 20px;
  padding-left: 250px;
}
.pagecon.advicebox {
  padding: 0 125px;
}
.pagedetail {
  padding: 20px;
  background: #fff;
}
.topimg {
  text-align: center;
}
.tabbox {
  margin: 40px 0 0;
  background: #ebebeb;
}
.tabbox .tabnav {
  width: 100%;
  margin-top: 30px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.tabbox .tabnav ul {
  margin-bottom: 20px;
}
.tabbox .tabnav li {
  width: 8%;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.tabbox .tabnav li a {
  font-size: 16px;
  color: #666666;
  border-bottom: 2px solid transparent;
  display: block;
}
.tabbox .tabnav li a.on,
.tabbox .tabnav li a:hover {
  color: #00aeff;
  border-bottom: 2px solid #00aeff;
}
.tabbox .tabnav li br {
  display: none;
}
.tabbox .tabcon ul {
  margin-left: -2%;
  font-size: 0;
  display: none;
}
.tabbox .tabcon ul.on {
  display: block;
}
.tabbox .tabcon li {
  width: 23%;
  margin: 0 0 4% 2%;
  display: inline-block;
  vertical-align: top;
}
.tabbox .tabcon li a {
  font-size: 14px;
  color: #666666;
}
.tabbox .tabcon li a:hover {
  color: #00aeff;
}
.tabbox .tabimg {
  margin-bottom: 10px;
}
.tabbox .tabimg a {
  width: 100%;
  height: 0;
  padding-bottom: 61.7%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.tabbox .tabimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tabbox .tabtitle {
  text-align: center;
}
.tabbox .tabtitle a {
  font-size: 14px;
  color: #666666;
}
.news {
  font-size: 0;
}
.newslist {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.newslist li {
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  background: #ebebeb;
  zoom: 1;
}
.newslist li:after {
  content: "";
  display: block;
  clear: both;
}
.newslistimg {
  width: 28%;
  float: left;
  display: inline;
}
.newslistimg a {
  width: 100%;
  height: 0;
  padding-bottom: 72%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}
.newslistimg img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.newslistcon {
  padding-left: 32%;
}
.newslistcon h3 {
  margin: 10px 0;
  line-height: 30px;
}
.newslistcon h3 a {
  font-size: 16px;
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.newslistcon p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.newstab {
  width: 49%;
  margin-left: 2%;
  display: inline-block;
  vertical-align: top;
}
.newstabnav {
  margin-bottom: 20px;
}
.newstabnav li {
  margin-right: 10px;
  padding: 0 30px;
  line-height: 40px;
  border-bottom: 2px solid #ebebeb;
  background: #ebebeb;
  display: inline-block;
  vertical-align: top;
}
.newstabnav li.on,
.newstabnav li:hover {
  border-bottom-color: #00aeff;
}
.newstabnav li a {
  font-size: 14px;
  color: #666666;
  display: block;
}
.newstabcon ul {
  display: none;
}
.newstabcon ul.on {
  display: block;
}
.newstabcon li {
  line-height: 42px;
  border-bottom: 1px dotted #ebebeb;
  zoom: 1;
}
.newstabcon li:after {
  content: "";
  display: block;
  clear: both;
}
.newstabcon li span {
  float: right;
  display: inline;
  font-size: 14px;
  color: #999;
  text-align: right;
  background: #f8f8f8;
}
.newstabcon li a {
  width: 72%;
  font-size: 16px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.indexads,
.indexmads {
  text-align: center;
}
.indexmads {
  display: none;
}
.foot a:hover {
  text-decoration: underline;
}
.footer {
  padding: 20px 0;
  font-size: 0;
  background: #ebebeb;
}
.footitem {
  width: 50%;
  float: left;
  display: inline;
}
.footitem dl {
  width: 25%;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
.footitem dt {
  margin-bottom: 20px;
  font-size: 16px;
  color: #000;
}
.footitem dd {
  line-height: 26px;
}
.footitem dd a {
  font-size: 14px;
  color: #333;
}
.footcontact {
  width: 40%;
  float: right;
  display: inline;
  color: #333;
  text-align: center;
}
.footcontact dl {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.footcontact dl.qr {
  width: 40%;
  margin-left: 30px;
  padding-left: 30px;
  font-size: 14px;
  text-align: center;
  border-left: 1px solid #ddd;
}
.footcontact dl.qr img {
  margin-bottom: 5px;
  background: #fff;
}
.footcontact dt {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
}
.footcontact dd {
  font-size: 14px;
  line-height: 22px;
}
.footcontact dd p {
  margin-bottom: 10px;
}
.footcontact dd strong {
  font-size: 22px;
  color: #00aeff;
  font-weight: normal;
}
.footcontact dd a.btn {
  width: 120px;
  color: #fff;
  line-height: 30px;
  text-decoration: none;
  border-radius: 3px;
  background: #00aeff;
  display: inline-block;
}
.copy {
  padding: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  background: #323232;
}
.copy a {
  color: #fff;
}
.copy a:hover {
  color: #00aeff;
  text-decoration: underline;
}
.friendlink ul {
  display: inline-block;
  vertical-align: top;
}
.friendlink ul li {
  margin-right: 10px;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
.friendlink ul li a {
  font-size: 14px;
  color: #666666;
  display: inline-block;
  vertical-align: top;
}
.friendlink ul li a:hover {
  color: #00aeff;
}
a.backtotop {
  width: 36px;
  height: 36px;
  margin-left: 620px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  cursor: pointer;
  opacity: .8;
  position: fixed;
  _position: absolute;
  left: 50%;
  bottom: 100px;
  _bottom: 30px;
  background: #ccc;
  overflow: hidden;
}
a.backtotop i:after {
  content: "\eb5c";
  font-size: 22px;
  color: #fff;
  font-family: icomoon;
}
a.backtotop:hover {
  background: #00aeff;
}
.btmnav {
  padding: 10px 0 0;
  font-size: 0;
  border-top: 2px solid #d6d6d6;
  background-color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  zoom: 1;
  display: none;
}
.btmnav:after {
  content: "";
  display: block;
  clear: both;
}
.btmnav a {
  width: 25%;
  font-size: 14px;
  color: #6a6a6a;
  text-align: center;
  line-height: 30px;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
}
.btmnav a i {
  font-size: 1.6rem;
  color: #6a6a6a;
  font-family: icomoon;
  line-height: 20px;
  display: block;
}
.btmnav a:hover,
.btmnav a.on {
  color: #00aeff;
}
.btmnav a:hover i,
.btmnav a.on i {
  color: #00aeff;
}
.errortitle {
  margin: 20px 0 10px!important;
  padding-bottom: 10px;
}
.errortitle h1 {
  line-height: 1.5;
}
.errorpage {
  width: 420px;
  margin: 0 auto 50px;
  text-align: center;
}
.errorpage h3 {
  font-size: 98px;
  line-height: 150px;
  font-weight: bold;
  color: #666666;
  margin: 10px 0;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}
.errorpage h4 {
  font-size: 30px;
  color: #666666;
  line-height: 35px;
  margin: 10px 0;
}
.errorpage p {
  font-size: 14px;
  color: #666666;
  margin: 0 0 10px;
}
.errschtxt {
  float: left;
  width: 71%;
  position: relative;
  font-size: 14px;
  color: #666666;
  padding: 12px 17px;
  background-color: #fafafa;
  border: 1px solid #00aeff;
  border-radius: 2px;
  outline: 0;
  z-index: 2;
}
.errschbtn {
  width: 20%;
  font-size: 16px;
  color: #fff;
  padding: 10px 0;
  line-height: 22px;
  border: 0;
  border-radius: 2px;
  background: #00aeff;
  outline: 0;
  cursor: pointer;
}
.goback {
  padding: 10px 30px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #00aeff;
}
.goback:hover {
  color: #fff;
  text-decoration: none;
  background: #14c2ff;
}
@media screen and (max-width: 1200px) {
  .wrap {
    width: auto;
    padding: 0 20px;
  }
  .sublogo {
    display: none;
  }
  .all {
    display: none;
  }
  .menu {
    padding: 0;
  }
  .sitenav {
    padding: 20px 0 0;
  }
  .sitenav label {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .sitenav ul {
    padding: 0;
  }
  .sitenav li {
    width: 33.33%;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .sitenav li a {
    font-size: 16px;
  }
  .sitenav li a em {
    display: none;
  }
  .nums h3 {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .nums ul {
    float: none;
    margin-left: -2%;
  }
  .nums li {
    width: 23%;
    margin: 0 0 2% 2%;
    text-align: center;
  }
  .nums li i {
    float: none;
    font-size: 38px;
    display: inline-block;
    vertical-align: top;
  }
  .selling .ads {
    display: none;
  }
  .sellingcon {
    padding: 0;
  }
  .pagecon.advicebox {
    padding: 0;
  }
  .saledetail h3 {
    margin-bottom: 5px;
  }
  .saledetail p {
    line-height: 24px;
  }
  .news {
    margin-bottom: 30px;
  }
  .newslist {
    width: 100%;
  }
  .newstab {
    width: 100%;
    margin: 0;
  }
  .tabbox .tabnav {
    margin-top: 10px;
  }
  .tabbox .tabnav li {
    width: 15%;
    line-height: 50px;
  }
  .relates li {
    width: 31.33%;
  }
  .imglist li {
    width: 31.33%;
  }
  .footitem {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
  }
  .footcontact {
    width: 100%;
    float: none;
  }
  .footcontact dl {
    width: 50%;
    text-align: center;
  }
  .footcontact dl.qr {
    width: 50%;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  .wrap {
    padding: 0 10px;
  }
  .header {
    text-align: center;
  }
  .top {
    display: none;
  }
  .logo,
  .mlogo {
    float: none;
    margin-right: 0;
    display: inline-block;
  }
  .logo a,
  .mlogo a {
    width: auto;
    height: 60px;
  }
  .logo a img,
  .mlogo a img {
    width: auto;
    height: 60px;
  }
  .logo {
    display: none;
  }
  .menu {
    display: none;
  }
  .menuico {
    top: 11px;
    display: block;
  }
  .menu ul {
    width: 100%;
  }
  .menu li {
    border-bottom: 1px dotted #ebebeb;
  }
  .menu li a:before {
    content: ">";
    margin: 0 10px;
    font-size: 14px;
    color: #ddd;
  }
  .menu .tel {
    display: none;
  }
  .searchico {
    margin-top: 11px;
    display: block;
  }
  .focus {
    display: none;
  }
  .mfocus {
    display: block;
  }
  .sitenav .wrap {
    text-align: center;
  }
  .caption {
    padding: 30px 0;
  }
  .nums .wrap {
    margin-bottom: 0;
  }
  .nums h3 {
    margin-bottom: 10px;
  }
  .nums li {
    line-height: 20px;
  }
  .nums li i {
    width: 100%;
    font-size: 22px;
    line-height: 32px;
    background: none;
  }
  .nums li span {
    font-size: 14px;
  }
  .promise {
    display: none;
  }
  .selling .ads {
    width: 100%;
    margin-bottom: 20px;
    display: none;
  }
  .sellingcon {
    text-align: center;
  }
  .sellingcon li {
    width: 48%;
  }
  .indexads {
    display: none;
  }
  .indexmads {
    display: block;
  }
  .sale { padding:0; }
  .salecon ul {
    margin: 0;
  }
  .salecon li {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
  .buymain {
    padding: 0;
  }
  .buycon {
    margin-bottom: 30px;
    padding: 0;
  }
  .buyimg {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    display: block;
  }
  .buybox {
    padding: 0;
  }
  .buyads {
    display: none;
  }
  .buymads {
    display: block;
  }
  .sidebar {
    display: none;
  }
  .service .tabnav li {
    width: 14%;
  }
  .service .tabnav li br {
    display: block;
  }
  .service .tabcon li {
    margin: 0;
  }
  .service .tabimg {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
  .service .tabimglist {
    width: 100%;
    margin: 0;
  }
  .newstabnav li {
    width: 25%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .postside {
    display: none;
  }
  .postlist {
    padding: 0;
  }
  .postlist ul {
    padding: 0;
    border: 0;
  }
  .postcatelist {
    margin-left: 0;
    padding-bottom: 10px;
  }
  .postinfo span.postuser {
    display: none;
  }
  .cateimg {
    display: none;
  }
  .catemimg {
    display: block;
  }
  .single {
    padding-top: 20px;
  }
  .singletitle {
    margin-bottom: 30px;
  }
  .singletitle h1 {
    font-size: 20px;
  }
  .pageside {
    display: none;
  }
  .pagecon {
    padding: 0;
  }
  .copy.hasnav {
    margin-bottom: 62px;
  }
  .friendlink {
    display: none;
  }
  .btmnav {
    display: block;
  }
  .pcico {
    display: none;
  }
  .errorsearch {
    text-align: center;
  }
  .errorpage {
    width: auto;
  }
  .errschtxt {
    width: 60%;
    float: none;
  }
}
@media screen and (max-width: 500px) {
  .search {
    width: 100%;
    float: none;
    margin-bottom: 50px;
  }
  .saledetail h3 { font-size:16px; }
  .search .text {
    width: calc(100% - 50px);
  }
  .tabbox .tabnav li {
    width: 20%;
    line-height: 20px;
  }
  .tabbox .tabnav li a {
    height: 50px;
    font-size: 14px;
    border-bottom-color: #ddd;
  }
  .tabbox .tabnav li a br {
    display: block;
  }
  .tabbox .tabcon li {
    width: 48%;
  }
  .newslist li {
    padding: 5px;
  }
  .newslistimg {
    width: 120px;
    margin-right: 10px;
  }
  .newslistcon {
    padding: 5px 10px 0 130px;
    border: 1px solid #ccc;
    border-top: 0;
  }
  .newslistcon h3 {
    margin: 0;
  }
  .newslistcon h3 a {
    width: 100%;
  }
  .newstabcon li a {
    width: 70%;
  }
  .newstabcon time {
    display: none;
  }
  .postimg {
    width: 100px;
    margin-bottom: 0;
    margin-right: 20px;
    display: block;
  }
  .postcon {
    padding: 0;
  }
  .postlist ul {
    display: block;
  }
  .postlist li {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .postlist li h2 {
    margin-bottom: 0;
  }
  .postlist li h2 a {
    font-size: 15px;
  }
  .postlist li p {
    line-height: 24px;
  }
  .postlist .postcatelist li {
    width: 25%;
    margin: 0;
    padding: 0;
  }
  .postlist .postcatelist li a {
    width: 100%;
  }
  .postlist .postcatelist li a:hover,
  .postlist .postcatelist li a.on {
    border: 0;
  }
  .postinfo {
    display: none;
  }
  .imglist .postcatelist li {
    width: 25%;
    margin: 0;
  }
  .imglist .postcatelist li a {
    width: 100%;
  }
  .imglist .postcatelist li a:hover,
  .imglist .postcatelist li a.on {
    border: 0;
  }
  .imglist li {
    width: 48%;
  }
  .single .postinfo {
    display: block;
  }
  .sitenav li {
    width: 50%;
    margin: 0;
    margin-bottom: 20px;
    line-height: 36px;
    text-align: center;
  }
  .sitenav li img {
    width: 36px;
    margin-right: 10px;
    vertical-align: top;
  }
  .sitenav li a {
    padding: 0;
    font-size: 14px;
  }
  .sitenav li a em {
    display: none;
  }
  .sitemap {
    line-height: 28px;
  }
  .buybox form dl .dialog.on {
    width: auto;
    margin: 25px auto 0;
    position: fixed;
    top: 0;
    left: 10px;
    right: 10px;
  }
  .buybox form dl .dialog.on .input input.verifycode {
    width: calc(100% - 110px);
    padding: 0 10px;
  }
  .buybox form dl .dialog.on .input .verifyimg {
    width: 100px;
  }
  .buymaintabnav ul {
    width: 66.66%;
  }
  .buymaintabnav li {
    width: 50%;
    text-align: center;
  }
  .buymaintabnav li a {
    padding: 0;
  }
  .buymaintabnav span {
    width: 33.33%;
  }
  .buymaintabnav span a {
    padding: 0;
    text-align: center;
  }
  .relates li {
    width: 48%;
  }
  a.backtolist {
    width: 99%;
    float: none;
    margin-bottom: 20px;
    padding: 3px 0;
    text-align: center;
    display: block;
  }
  .footer {
    padding: 30px 0;
  }
}