@import url(../css/owl.carousel.css);

.video-box {
  padding: 50px 30px
}

.video-l {
  position: relative
}

.video-l,
.video-l video {
  width: 483px
}

.video-l img {
  width: 100%
}

.video-stop div.loading {
  height: 265px;
  background: url(../images/loading.gif) no-repeat;
  background-size: 100% auto
}

.video-controls {
  display: none
}

.video-stop-index {
  height: 265px;
  width: 100%;
  overflow: hidden
}

.video-stop {
  position: relative;
  height: 265px;
  overflow: hidden;
  transition: all 1s ease 0s
}

.video-stop p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, .6)
}

.video-stop i {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border-radius: 100%;
  display: block;
  background: url(../images/stop.png) no-repeat;
  background-size: 100% auto;
  cursor: pointer
}

.video-stop i,
.video-stop p {
  display: none;
  transition: all .1s ease
}

.video-stop:hover i,
.video-stop:hover p {
  display: block;
  animation: spin .3s ease-in
}

@keyframes spin {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.video-r {
  width: 620px;
  font-size: 16px;
  line-height: 2;
  padding: 30px 0 0 0
}

.video-r h2 {
  font-size: 24px;
  padding-bottom: 20px
}

.video-r p {
  display: block;
  text-align: right;
  margin-top: 40px
}

.video-r p a {
  background: #f3d660;
  border-radius: 32px;
  padding: 10px 20px;
  color: #333;
  text-decoration: none
}

.video-r p a:hover {
  background: #f3d353
}

.title i.small {
  font-size: 14px;
  display: inline-block;
  padding: 10px;
  font-style: normal
}

.highlight li {
  float: left;
  width: 209px;
  text-align: center;
  border-radius: 8px 8px 0 0;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(../images/ipv6_03.png);
  margin: 0 45px
}

.highlight li h3 {
  color: #fff;
  font-size: 24px;
  padding: 20px 0;
  border-bottom: 2px solid #fff;
  border-radius: 8px 8px 0 0
}

.highlight li h3 span {
  display: none
}

.highlight li p {
  display: block;
  color: #fff;
  padding: 20px 25px;
  height: 140px;
  font-size: 16px
}

.highlight li i {
  background: url(../images/ipv6_02.png) no-repeat center top;
  display: block;
  width: 89px;
  height: 89px;
  margin: -2px auto 40px auto
}

.highlight li.gfsy {
  background-position: -209px bottom
}

.highlight li.gfsy i {
  background-position: 0 -89px
}

.highlight li.lhyy {
  background-position: -418px bottom
}

.highlight li.lhyy i {
  background-position: 0 -178px
}

.highlight li.http {
  background-position: -627px bottom
}

.highlight li.http i {
  background-position: 0 -267px
}

.highlight li.jjgx h3,
.highlight li.jjgx p {
  background-color: #58a2ee
}

.highlight li.gfsy h3,
.highlight li.gfsy p {
  background-color: #1ad9fb
}

.highlight li.lhyy h3,
.highlight li.lhyy p {
  background-color: #69dac6
}

.highlight li.http h3,
.highlight li.http p {
  background-color: #f4cf5d
}

.col-lg-4.ipv6 {
  padding-left: 30px;
  padding-right: 30px;
  position: relative
}

.package {
  margin-top: 140px;
  background: #ef8678;
  width: 100%;
  padding: 60px 0 40px 0;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 18px
}

.package span {
  font-size: 40px
}

.package sup {
  font-size: 20px;
  line-height: 1;
  vertical-align: top
}

.package p {
  display: block;
  margin-top: 30px
}

.package p a {
  color: #fff;
  font-size: 20px;
  border: 1px solid #fff;
  border-radius: 12px;
  text-decoration: none;
  padding: 5px 26px
}

.package p a:hover {
  background: rgba(255, 255, 255, .1)
}

.bandwidth {
  position: absolute;
  left: 50%;
  margin-left: -90px;
  background: url(../images/ipv6_04.png) no-repeat center center #ef8678;
  width: 180px;
  height: 180px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  padding-top: 60px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.fivem .bandwidth,
.fivem .package {
  background-color: #4a9df1
}

.tenm .bandwidth,
.tenm .package {
  background-color: #66bdc6
}

.ipv6-why {
  float: left;
  width: 670px
}

.ipv6-file {
  float: right;
  width: 464px;
  border-radius: 6px
}

.ipv6-file img,
.mob-ipv6-file img {
  display: block;
  border: 1px solid #fa2e1b;
  border-radius: 6px
}

.ipv6-why li,
.theory li {
  font-size: 20px;
  margin-bottom: 20px
}

.ipv6-why li,
.ipv6-why li p,
.theory li,
.theory li h5 {
  display: block
}

.ipv6-why li i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background: #2e99fe;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  font-size: 20px
}

.ipv6-why li p {
  padding-top: 6px;
  font-size: 16px;
  line-height: 1.6
}

.ipv6-why li i.orange {
  background: #ffae2f
}

.ipv6-why li i.green {
  background: #7ecb76
}

.theory li {
  background: #2495ff;
  color: #fff;
  border-radius: 10px;
  padding: 15px;
  font-size: 16px;
  line-height: 1.6
}

.theory li h5 {
  font-size: 18px;
  padding-bottom: 5px
}

.ipv6-case {
  width: 100%;
  background: #fff;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 30px
}

.ipv6-img {
  width: 465px;
  float: left
}

.ipv6-news {
  width: 685px;
  float: right
}

.ipv6-news a.more {
  display: block;
  text-align: right;
  font-size: 16px;
  line-height: 1.4;
  color: #127be6;
  margin-top: 15px
}

.d-border.ja-caption {
  padding: 15px 0 0 0;
  border-bottom: 0;
  background: #fff
}

.d-border.sl-wrap {
  border-top: 0;
  background: #fff
}

.d-border.ja-caption .jingjia-tabs li {
  margin-left: 20px;
  margin-right: 5px;
  padding: 0 12px
}

.selector {
  padding: 15px
}

.sl-wrap {
  padding: 10px 0
}

.selector .sl-value,
.sl-value span {
  display: inline-block;
  color: #666;
  font-size: 15px;
  position: relative
}

.selector .sl-value span {
  margin-right: 15px
}

.selector input.form-control {
  display: inline-block;
  width: 280px
}

.selector select.form-control {
  display: inline-block;
  width: 230px
}

.selector .sl-value.sl-right {
  padding-left: 30px
}

.selector .sl-value.sl-right i {
  display: inline-block;
  font-style: normal;
  padding-right: 45px
}

.selector.selcolor {
  background: #f7f8fc
}

.selector .sl-value.sl-right span {
  margin: 0 15px
}

.sl-domain {
  float: right;
  width: 93%
}

.sl-domain li {
  display: inline-block;
  margin-right: 20px
}

.sl-value .sl-domain li label {
  padding-left: 3px;
  vertical-align: top
}

.selector .sl-value.sl-right.attention {
  color: #f50e00
}

.selector .sl-value .btn span {
  margin-right: 0;
  color: #127be6
}

.selector .sl-value .btn {
  padding: 2px 6px;
  position: absolute;
  top: 0;
  right: 20px
}

.selector .sl-value .btn.btn-default {
  color: #127be6;
  background-color: #fff;
  border-color: #127be6
}

.sl-value .sl-domain.dropdown-menu {
  position: inherit;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  left: 0;
  top: 0;
  padding: 0
}

.selebtn {
  text-align: center
}

.selebtn button {
  margin: 10px 20px
}

.selebtn button.btn {
  padding: 8px 46px
}

.filter .btn-primary,
.sl-wrap .btn-primary {
  background-color: #127be6;
  border-color: #127be6
}

.filter {
  margin-top: 50px;
  background: #fff
}

.filter .table.table-striped>thead>tr>th {
  font-size: 16px;
  color: #333;
  background: #f7f8fc;
  background: -moz-linear-gradient(top, #fff 0, #f7f8fc 100%);
  background: -webkit-linear-gradient(top, #fff 0, #f7f8fc 100%)
}

.filter .table.table-striped>tbody>tr>td,
.filter .table.table-striped>thead>tr>th {
  padding: 15px 20px
}

.filter .table.table-striped>tbody>tr>td.price {
  color: #ff5820
}

.filter .table.table-striped>tbody>tr>td {
  border: 0
}

.filter .table.table-striped>tbody>tr>td a {
  font-size: 15px;
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-family: Georgia
}

.filter .table.table-striped>tbody>tr>td a:hover {
  color: #127be6
}

.filter .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff
}

.filter .table-striped>tbody>tr:nth-of-type(even) {
  background-color: #f7f8fc
}

.selemun {
  padding: 20px 20px 0 20px;
  font-size: 15px
}

.selemun label {
  font-weight: 400;
  margin-bottom: 0;
  margin-right: 20px
}

.filter .selemun input[type=checkbox] {
  margin: 0
}

.paginations {
  display: inline-block;
  float: right;
  padding-right: 50px;
  text-align: right
}

.page * {
  vertical-align: middle
}

.paginations .current,
.paginations a:hover {
  background: #2087ed;
  border: 1px solid #2087ed;
  color: #fff
}

.paginations a {
  border: 1px solid #ddd;
  width: auto;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #999;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  text-decoration: none
}

#jumptxt {
  width: 40px;
  padding: 0 5px;
  height: 32px;
  border: solid 1px #ddd;
  margin: 0 6px 0 6px;
  border-radius: 3px
}

.paginations .chaxun {
  padding: 0;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  margin: 0 0 0 6px;
  width: 36px;
  height: 32px;
  background: #2087ed;
  border: 0;
  color: #fff;
  cursor: pointer;
  border-radius: 3px
}

.total.d-border {
  padding-bottom: 30px;
  border-width: 0
}

.certification {
  background: url(../images/rz_27.jpg) no-repeat 700px 0;
  height: 477px
}

.certification ul {
  width: 70%
}

.certification ul li {
  float: left;
  margin: 30px 0 10px 40px;
  padding: 50px;
  text-align: center;
  -webkit-box-shadow: 0 0 16px hsla(0, 0%, 60.8%, .45);
  box-shadow: 0 0 16px hsla(0, 0%, 60.8%, .45);
  border-radius: 10px
}

.certification ul li:hover {
  -webkit-box-shadow: 0 0 16px hsla(360, 100%, 60.8%, .6);
  box-shadow: 0 0 16px hsla(360, 100%, 60.8%, .6)
}

.certification ul li p {
  padding-top: 15px;
  color: #333;
  font-size: 20px
}

.certifn-choose .certifn-box {
  height: 240px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px hsla(0, 0%, 60.8%, .35);
  box-shadow: 0 0 10px hsla(0, 0%, 60.8%, .35);
  text-align: center;
  padding: 30px 50px;
  border-radius: 16px;
  font-size: 18px;
  line-height: 1.8;
  margin: 20px 0 10px 0
}

.certifn-choose .certifn-box:hover {
  -webkit-box-shadow: 0 0 10px hsla(360, 100%, 60%, .8);
  box-shadow: 0 0 10px hsla(360, 100%, 60%, .8)
}

.certifn-choose .certifn-box h4,
.corevalue li h3 {
  font-size: 24px;
  color: #333;
  padding: 20px 0 15px 0
}

.certifn-choose .certifn-box i {
  display: block;
  height: 63px;
  width: 63px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../images/rz_28.png)
}

.certifn-choose .onestop i {
  background-position: 5px -63px
}

.certifn-choose .customer i {
  background-position: 5px -126px
}

.certifn-choose .secrecy i {
  background-position: 5px -189px
}

.certifn-choose .fast i {
  background-position: 0 -252px
}

.certifn-choose .nohide i {
  background-position: 5px -315px
}

.certifn-choose .fast,
.certifn-choose .nohide,
.certifn-choose .secrecy {
  margin-bottom: 0
}

.corevalue {
  padding-top: 20px
}

.corevalue li {
  display: block;
  float: left;
  background: #fff;
  width: 25%;
  height: 300px;
  overflow: hidden;
  position: relative;
  font-size: 18px;
  line-height: 1.8
}

.corevalue li img {
  width: 100%;
  height: 100%
}

.corevalue li img:hover {
  transform: scale(1.1);
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s
}

.corevalue li.text {
  padding: 40px
}

.corevalue li h3 {
  text-align: center
}

.corevalue li i {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  display: block;
  width: 0;
  height: 0
}

.corevalue li i.arrow-up {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 40px solid #fff;
  bottom: 0
}

.corevalue li i.arrow-down {
  top: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 40px solid #fff
}

.station .photo {
  width: 310px;
  margin-bottom: 30px
}

#swiper-honor img,
.station .photo img {
  width: 100%
}

.station .website {
  width: 860px;
  font-size: 16px;
  line-height: 2;
  padding-top: 30px
}

#swiper-honor img {
  height: 200px
}

.honor {
  position: relative;
  margin-top: 40px
}

.honor .swiper-button-next,
.honor .swiper-button-prev {
  position: absolute;
  left: 50%;
  top: 95px;
  background: url(../images/arrow.png) no-repeat left top;
  width: 30px;
  height: 55px
}

.honor .swiper-button-prev {
  margin-left: -650px
}

.honor .swiper-button-next {
  margin-left: 615px;
  background-position: right top
}

.certifn-pic {
  width: 710px;
  border-radius: 10px
}

.certifn-pic img {
  border: 8px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 16px hsla(0, 0%, 60.8%, .45);
  box-shadow: 0 0 16px hsla(0, 0%, 60.8%, .45)
}

.certifn-list {
  width: 460px
}

.certifn-list ul li {
  display: block;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
  margin-bottom: 20px
}

.c-time {
  width: 70px;
  color: #127be6;
  text-align: center;
  font-size: 16px
}

.c-time p.date {
  display: block;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 5px;
  border-bottom: 2px solid #127be6;
  color: #127be6
}

.certifn-list ul li.last-child {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.c-news {
  width: 370px;
  padding-top: 5px
}

.c-news h2 {
  font-size: 16px;
  padding-bottom: 10px
}

.c-news h2 a {
  color: #000
}

.c-news h2 a:hover {
  color: #127be6
}

.domain-caption {
  font-size: 24px;
  border-bottom: 1px solid #dcdcdc;
  height: 56px;
  line-height: 56px;
  width: 70%
}

.domain-caption span {
  display: inline-block;
  height: 56px;
  padding: 0 20px;
  color: #2a62ff
}

.jingjia-links {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #dcdcdc;
  width: 30%;
  text-align: right;
  color: #2a62ff;
  padding-right: 10px
}

.jingjia-links a {
  display: inline-block;
  color: #2a62ff;
  padding: 0 7px;
  text-decoration: none
}

.jingjia-table {
  margin: 50px 50px 40px 50px
}

.jingjia-rules {
  padding: 0 50px
}

.jingjia-buy {
  padding: 40px 0;
  text-align: center
}

.jingjia-buy .btn {
  color: #fff;
  padding: 10px 70px;
  background: #ff8915;
  border-radius: 6px
}

.jingjia-left.d-border,
.jingjia-right.d-border {
  margin-top: 0
}

.domain-caption.entrust {
  width: 100%;
  font-size: 18px
}

.domain-caption.entrust span {
  color: #666
}

.comm {
  padding: 0 15px 25px 15px
}

.comm li {
  color: #aaa
}

.comm li.last {
  padding-top: 10px
}

.jingjia-search {
  width: 800px;
  margin: 30px auto;
  position: relative
}

.search-bar {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 10px 15px
}

.search-bar input {
  border: 0;
  width: 95%;
  font-size: 16px;
  display: inline-block;
  color: #c2c2c2
}

.search-bar .search-btn {
  background: url(../images/icon_search.png) no-repeat right top;
  width: 31px;
  height: 27px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100
}

.jingjia-tabs,
.title02 {
  border-bottom: 1px solid #d5d5d5;
  height: 40px
}

.jingjia-tabs li,
.title02 span {
  display: inline-block;
  color: #003;
  font-size: 18px;
  height: 40px;
  position: relative;
  padding: 3px 5px 0 40px
}

.domain-caption span.active,
.jingjia-tabs li.active,
.title02 span.active {
  border-bottom: 2px solid #2a62ff
}

.title02 span i {
  display: inline-block;
  background: url(../images/jingjia_01.png) no-repeat left top;
  width: 27px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0
}

.jingjia-tabs a,
.title02 a {
  display: inline-block;
  float: right;
  padding-top: 10px
}

.popular li {
  width: 20%;
  float: left;
  padding: 16px 8px 0 8px;
  display: block
}

.popular .domainList:hover {
  border-color: #2a62ff
}

.popular .domainList {
  border: 1px solid #eee;
  background: #fff;
  padding: 20px
}

.popular p.new-domain {
  color: #2a62ff;
  font-size: 18px;
  margin-bottom: 8px
}

.jingjia-left,
.jingjia-right {
  margin-top: 50px
}

.jingjia-left {
  width: 840px
}

.jingjia-right {
  width: 320px
}

.jingjia-tabs li {
  cursor: pointer
}

.jingjia-right .title02 span,
.jingjia-tabs li {
  padding-left: 0;
  padding-right: 0;
  margin-right: 30px
}

.other-domain {
  display: none
}

.other-domain .domainList {
  background: #fff;
  padding: 0;
  height: 120px;
  border: 0
}

.other-domain .domainList:hover {
  border: 1px solid #2a62ff
}

.other-domain .popular li {
  padding: 20px 5px 0 5px
}

.other-domain .popular p.new-domain {
  color: #2a62ff;
  padding: 5px 8px;
  background: #eaecf3
}

.other-domain .domainList:hover p.new-domain {
  color: #fff;
  background: #2a62ff
}

.other-domain .popular p {
  padding: 8px 10px 0 10px;
  color: #666
}

.jingjia-right ul {
  padding-top: 25px
}

.jingjia-right li {
  display: block;
  padding-bottom: 20px
}

.jingjia-right span {
  display: inline-block;
  padding-bottom: 20px;
  margin-right: 15px
}

.jingjia-right span input {
  vertical-align: top;
  height: auto
}

.jingjia-right li label {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  width: 15%;
  text-align: left
}

.jingjia-right input,
.jingjia-right textarea {
  display: inline-block;
  max-width: 83%;
  height: 35px;
  vertical-align: top
}

.jingjia-right textarea {
  height: 170px
}

.jingjia-right li.last {
  text-align: center
}

.jingjia-right li.last .btn {
  background: #2a62ff;
  color: #fff;
  border: 0;
  padding: 10px 70px
}

.dns-tex {
  width: 710px
}

.dns-tex ul li {
  display: block;
  border: 2px solid #d4d4d6;
  border-radius: 2px;
  padding: 10px 15px 10px 80px;
  margin-bottom: 17px;
  position: relative
}

.dns-tex ul li div.number {
  position: absolute;
  left: 15px;
  top: 30px;
  width: 50px;
  height: 43px;
  line-height: 43px;
  overflow: hidden;
  color: #fff;
  font-size: 30px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: 700
}

.dns-tex ul li div.number.n01 {
  background-image: url(../images/dns_01.png)
}

.dns-tex ul li div.number.n02 {
  background-image: url(../images/dns_02.png)
}

.dns-tex ul li div.number.n03 {
  background-image: url(../images/dns_03.png);
  margin-bottom: 0
}

.dns-tex ul li div.caption {
  font-size: 24px;
  color: #000
}

.deploy-box {
  position: relative;
  padding: 40px 0 0 0
}

.deploy {
  border-width: 1px;
  border-style: solid;
  text-align: center;
  margin-left: -1px
}

.deploy.contrast {
  border-color: #e7e7e7
}

.deploy.low {
  border-color: #ffd654;
  background: #ffd654
}

.deploy.enterprise {
  border-color: #ffa445;
  background: #ffa445
}

.deploy.elite {
  border-color: #26e776;
  background: #26e776
}

.deploy.ultimate {
  border-color: #4ea1f8;
  background: #4ea1f8
}

.deploy.contrast .deploy-cap,
.deploy.contrast ul li {
  color: #000
}

.deploy.low .deploy-cap {
  background: #ffd654;
  border-bottom: 1px solid #ffd654
}

.deploy.enterprise .deploy-cap {
  background: #ffa445;
  border-bottom: 1px solid #ffa445
}

.deploy.elite .deploy-cap {
  background: #26e776;
  border-bottom: 1px solid #26e776
}

.deploy.ultimate .deploy-cap {
  background: #4ea1f8;
  border-bottom: 1px solid #4ea1f8
}

.deploy ul li {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #e7e7e7;
  color: #6e6e6e;
  font-size: 18px
}

.deploy ul li.btn,
.deploy.contrast ul li:last-child {
  border-bottom: 0
}

.deploy ul li.deploy-cap,
.deploy.contrast ul li.deploy-cap {
  font-size: 22px
}

.deploy ul li.deploy-cap {
  color: #fff
}

.deploy ul li.link {
  font-size: 16px;
  height: 66px
}

.deploy ul li.btn {
  padding: 26px 0;
  display: none
}

.deploy ul li.btn a {
  color: #fff;
  font-size: 16px;
  padding: 7px 30px;
  border-radius: 4px;
  text-decoration: none
}

.deploy ul li.deploy-explan {
  font-size: 15px;
  height: 110px
}

.deploy.contrast .deploy-explan {
  font-size: 22px;
  line-height: 76px
}

.deploy-price {
  height: 120px;
  position: relative
}

.deploy.contrast .deploy-price {
  line-height: 80px
}

.deploy-price b {
  font-size: 50px;
  font-weight: 400;
  letter-spacing: -4px
}

.deploy-price sup {
  top: -1.5em
}

.deploy-price span {
  display: block;
  width: 86px;
  height: 23px;
  line-height: 23px;
  background: url(../images/dns_04.png) 0 0;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 13px;
  right: 20px
}

.deploy.elite .deploy-price span {
  background: url(../images/dns_04.png) 0 -23px
}

.deploy.low ul li.link a {
  color: #ffc200
}

.deploy.enterprise ul li.link a {
  color: #fd952b
}

.deploy.elite ul li.link a {
  color: #26e776
}

.deploy.ultimate ul li.link a {
  color: #4ea1f8
}

.deploy.low ul li.btn a {
  background: #ffc200
}

.deploy.enterprise ul li.btn a {
  background: #fd952b
}

.deploy.elite ul li.btn a {
  background: #26e776
}

.deploy.ultimate ul li.btn a {
  background: #4ea1f8
}

.selected.hover,
.selected:hover {
  border-top: 0;
  top: -19px;
  position: relative;
  -webkit-box-shadow: 0 0 46px hsla(0, 0%, 60.8%, .25);
  box-shadow: 0 0 46px hsla(0, 0%, 60.8%, .25)
}

.selected.hover ul li.deploy-cap,
.selected:hover ul li.deploy-cap {
  padding: 30px 0 30px 0
}

.selected.hover ul li.btn,
.selected:hover ul li.btn {
  display: block
}

.system li {
  float: left;
  width: 31%;
  display: block;
  margin: 10px 42px 30px 0;
  padding-top: 43px;
  position: relative
}

.system li div {
  border: 1px solid #e9e6e9;
  -webkit-box-shadow: 0 0 10px hsla(0, 0%, 60.8%, .3);
  box-shadow: 0 0 10px hsla(0, 0%, 60.8%, .3);
  padding: 65px 35px 20px 35px;
  text-align: center;
  height: 210px
}

.system li div h5 {
  font-size: 20px;
  color: #000;
  padding-bottom: 15px
}

.system li div p {
  font-size: 16px
}

.system li i {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/dns_05.png);
  width: 86px;
  height: 86px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -43px;
  top: 0
}

.system li.sys02 i {
  background-position: 0 -86px
}

.system li.sys03 i {
  background-position: 0 -172px
}

.system li.sys04 i {
  background-position: 0 -258px
}

.system li.sys05 i {
  background-position: 0 -344px
}

.system li.sys06 i {
  background-position: 0 -430px
}

.system li.sys03,
.system li.sys06 {
  margin-right: 0
}

.corevalue li.text:nth-last-child(1),
.corevalue li.text:nth-last-child(2),
.corevalue li:last-child,
.system li.sys04,
.system li.sys05,
.system li.sys06 {
  margin-bottom: 0
}

.leading {
  position: relative
}

.dns-advantage {
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background: #7f92e9;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -80px;
  top: 50%;
  margin-top: -60px;
  z-index: 2;
  font-size: 40px;
  line-height: 1.2;
  padding-top: 30px
}

.leading li {
  border: 2px solid #55e0e6;
  float: left;
  width: 49%;
  height: 190px;
  margin: 10px 0 15px 0;
  position: relative;
  text-align: center
}

.leading li span {
  display: block;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/dns_06.png);
  color: #fff;
  font-size: 22px;
  text-align: left;
  padding: 8px 5px;
  position: absolute;
  top: -1px
}

.leading li h4 {
  font-size: 26px;
  padding: 20px 0;
  border-bottom: 2px solid #55e0e6
}

.leading li p {
  display: block;
  font-size: 18px;
  padding: 20px;
  text-align: left
}

.leading li.protect,
.leading li.tech {
  border-radius: 0 16px 16px 16px;
  left: -1px
}

.leading li.idc,
.leading li.management {
  border-radius: 16px 0 16px 16px;
  float: right;
  border-color: #7fa8f5
}

.leading li.idc span,
.leading li.management span {
  background-position: 0 -70px;
  right: -1px;
  text-align: right
}

.leading li.idc h4,
.leading li.protect h4 {
  border-bottom-color: #7fa8f5
}

.leading li.protect {
  border-color: #7fa8f5
}

.leading li.protect span {
  background-position: 0 -140px
}

.leading li.management {
  border-color: #55e0e6
}

.leading li.management span {
  background-position: 0 -210px
}

.ssl-value {
  background: url(../images/ssl_01.jpg) no-repeat center 30px;
  height: 480px;
  position: relative
}

.ssl-value i {
  display: inline-block;
  background: url(../images/ssl_02.png) no-repeat left top;
  width: 120px;
  height: 26px;
  position: absolute;
  top: 10px
}

.ssl-value h3 {
  font-size: 24px;
  margin-bottom: 20px
}

.ssl-value p {
  display: block;
  width: 340px;
  padding: 20px;
  color: #fff;
  height: 126px
}

.value-01 {
  position: absolute;
  left: 0;
  top: 70px;
  width: 50%
}

.value-02 {
  position: absolute;
  left: 50%;
  top: 80px;
  margin-left: 150px
}

.value-03 {
  position: absolute;
  left: 0;
  top: 290px;
  width: 50%
}

.value-04 {
  position: absolute;
  left: 50%;
  top: 290px;
  margin-left: 150px
}

.value-01 i {
  left: 50%;
  margin-left: 34px
}

.value-02 i {
  left: 0;
  background-position: 0 -26px
}

.value-03 i {
  left: 50%;
  margin-left: 34px;
  background-position: 0 -52px
}

.value-04 i {
  left: 0;
  background-position: 0 -78px
}

.value-01 h3 {
  color: #7757ff;
  padding-left: 150px
}

.value-02 h3 {
  color: #6683ff;
  padding-left: 135px
}

.value-03 h3 {
  color: #1dca8a;
  padding-left: 125px;
  padding-top: 20px
}

.value-04 h3 {
  color: #b257ff;
  padding-left: 135px;
  padding-top: 20px
}

.value-01 p {
  background-color: #7757ff
}

.value-02 p {
  background-color: #6683ff;
  margin-left: 120px;
  width: 310px
}

.value-03 p {
  background-color: #1dca8a
}

.value-04 p {
  background-color: #b257ff;
  margin-left: 120px;
  width: 310px
}

.ssl-scenes {
  background: url(../images/ssl_03.png) no-repeat left 70px;
  height: 530px;
  position: relative
}

.ssl-scenes div {
  position: absolute;
  left: 50%
}

.ssl-scenes div.title {
  margin-left: -460px;
  top: 50px
}

.ssl-scenes img {
  border-radius: 50%;
  display: block;
  float: left;
  background: #fff;
  margin-right: 20px;
  padding: 5px;
  border: 4px solid #fdbd0c
}

.ssl-scenes b {
  display: block;
  font-size: 18px;
  color: #ff9c00;
  padding-bottom: 5px
}

.scenes-01 {
  margin-left: -50px
}

.scenes-02 {
  top: 130px;
  margin-left: -10px
}

.scenes-03 {
  top: 270px;
  margin-left: -12px
}

.scenes-04 {
  margin-left: -55px;
  top: 410px
}

.scenes-02 img {
  border-color: #42cc99
}

.scenes-03 img {
  border-color: #5798f9
}

.scenes-04 img {
  border-color: #8557f9
}

.scenes-02 b {
  color: #42cc99
}

.scenes-03 b {
  color: #5798f9
}

.scenes-04 b {
  color: #8557f9
}

.ssl-tabs {
  text-align: center;
  padding: 20px 0 0 0
}

.ssl-tabs li {
  display: inline-block;
  padding: 8px 20px;
  height: 65px;
  border: 2px solid #d2d2d2;
  border-radius: 32px;
  margin: 0 20px;
  position: relative;
  cursor: pointer;
  background: #fff
}

.ssl-tabs li i {
  display: none;
  background: url(../images/ssl_25.png) no-repeat 0 0;
  width: 28px;
  height: 17px;
  position: absolute;
  top: 61px;
  left: 50%;
  margin-left: -14px
}

.ssl-tabs li.active {
  border-color: #ff9c00
}

.other-domain.show,
.ssl-choose.show,
.ssl-tabs li.active i {
  display: block
}

.ssl-choose {
  margin-top: 50px;
  display: none;
  background: #fff
}

.ssl-choose ul {
  float: left;
  width: 190px;
  border: 1px solid #dcdcdc;
  padding: 20px 15px;
  margin-right: 12px
}

.ssl-choose ul.last {
  margin-right: 0
}

.ssl-choose ul:hover {
  box-shadow: 0 0 30px hsla(0, 0%, 60.8%, .35)
}

.ssl-choose ul li {
  text-align: center
}

.ssl-choose ul li h5 {
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  border-top: 1px dashed #dcdcdc;
  border-bottom: 1px dashed #dcdcdc;
  padding: 12px 0;
  margin: 20px 0
}

.ssl-choose img {
  width: 100%
}

.ssl-choose p {
  display: block;
  height: 170px;
  color: #666;
  line-height: 1.8;
  padding: 0 10px;
  text-align: left;
  border-bottom: 1px dashed #dcdcdc
}

.ssl-choose b {
  display: block;
  font-style: italic;
  font-size: 24px;
  color: #000;
  padding: 15px 0
}

.ssl-choose ul li a {
  display: block;
  background: #bf0005;
  padding: 8px 0;
  border-radius: 32px;
  color: #fff;
  font-size: 16px;
  text-decoration: none
}

.ssl-special ul {
  width: 230px
}

.edition-box {
  padding: 90px 0 0 0;
  position: relative;
  height: 1100px
}

.edition-bg {
  border: 1px solid #d8f2ec;
  border-left: 0
}

.deploy-box .deploy,
.edition-box .edition {
  background: #fff;
  float: left;
  width: 20%
}

.leibie {
  height: 290px;
  position: relative;
  overflow: hidden
}

.leibie span {
  display: block;
  position: absolute;
  font-size: 18px;
  color: #9a9997
}

.leibie span.leixing {
  right: 20px;
  top: 20px
}

.leibie span.fuwu {
  left: 20px;
  bottom: 20px
}

.diagonal {
  background: url(../images/aqlm_15.gif) no-repeat left top;
  height: 241px;
  width: 240px;
  position: absolute;
  left: 0;
  top: -1px;
  border-left: 1px solid #d8f2ec
}

.cuxiao {
  background: url(../images/aqlm_13.jpg) no-repeat;
  width: 60px;
  height: 29px;
  position: absolute;
  right: 0;
  top: 0
}

.type {
  border-top: 5px solid #00ca97;
  padding: 50px 16px 0 16px;
  height: 290px;
  border-left: 1px solid #d8f2ec;
  position: relative
}

.type p {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.6;
  color: #f47b30;
  font-weight: 700;
  text-align: center
}

.type p.stars {
  background-image: url(../images/aqlm_14.gif);
  background-position: left top;
  background-repeat: repeat;
  height: 15px;
  margin: 0 auto 15px auto
}

.type p.stars.two-stars {
  width: 36px
}

.type p.stars.three-stars {
  width: 56px
}

.type p.stars.four-stars {
  width: 76px
}

.type p.stars.five-stars {
  width: 96px
}

.type p.apply {
  display: none
}

.type p.apply a {
  display: inline-block;
  background: #ffc439;
  color: #fff;
  font-size: 16px;
  padding: 6px 40px;
  border-radius: 3px;
  text-decoration: none
}

.type p.apply a:hover {
  background: #f1b62b
}

.version.hover,
.version:hover {
  border: 1px solid #00ca97;
  border-top: none;
  top: -50px;
  position: relative
}

.version.hover .type,
.version:hover .type {
  border-right: 0;
  height: 340px
}

.version.hover p.apply,
.version:hover .type p.apply {
  display: block
}

.hangbiao {
  background-color: #00ca97;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  padding-left: 40px;
  width: 100%
}

.hb-img {
  background-image: url(../images/aqlm_16.gif);
  background-repeat: no-repeat
}

.row-01 {
  background-position: 15px 14px
}

.row-02 {
  background-position: 13px -75px
}

.row-03 {
  background-position: 14px -122px
}

.row-04 {
  background-position: 13px -168px
}

.ul-group li {
  display: block;
  font-size: 15px;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  border-left: 1px solid #d8f2ec
}

.ul-group li:nth-child(even) {
  background-color: #f0fcf9
}

.eyes li {
  background-image: url(../images/aqlm_17.png);
  background-repeat: no-repeat;
  background-position: 93% center
}

.symbol li {
  text-align: center;
  color: #00ca97
}

.symbol li.yes {
  background: url(../images/aqlm_18.png) no-repeat center center
}

.tabs {
  text-align: center
}

.tabs li {
  display: block;
  float: left;
  width: 20%;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  position: relative;
  cursor: pointer
}

.tabs-hover .tabs .tab-item:after {
  -webkit-transition: width .3s;
  background: #00ca97;
  content: " ";
  height: 2px;
  position: absolute;
  top: 110px;
  left: 50%;
  transition: width .3s;
  width: 0
}

.tabs-hover .tabs .tab-item p {
  padding-top: 20px;
  -webkit-transition: all .2s ease;
  font-size: 18px;
  line-height: 32px;
  transition: all .2s ease
}

.tabs-hover .tabs .tab-item._actived {
  -webkit-transform: scale(1.15);
  transform: scale(1.15)
}

.tabs-hover .tabs .tab-item._actived:after {
  width: 30px;
  margin-left: -15px
}

.tabs-hover .out {
  display: none
}

.tabs-hover .detail {
  -webkit-transition: all .2s linear;
  height: 0;
  margin-top: 85px;
  position: relative;
  transition: all .2s linear
}

.tabs-hover .detail p {
  font-weight: 400;
  line-height: 1.4
}

.tabs-hover .detail.active {
  height: 504px
}

.tabs-hover .detail {
  -webkit-transition: all .2s linear;
  height: 0;
  margin-top: 85px;
  position: relative;
  transition: all .2s linear
}

.edition-bg,
.tabs-hover .detail .main {
  -webkit-box-shadow: 0 0 46px hsla(0, 0%, 60.8%, .25);
  box-shadow: 0 0 46px hsla(0, 0%, 60.8%, .25);
  height: 100%;
  margin: auto;
  position: relative;
  width: 100%
}

.tabs-hover .detail .main .desc {
  color: #666;
  font-size: 20px;
  font-weight: 300;
  margin-top: 26px;
  width: 434px
}

.tabs-hover .detail .main .title {
  font-size: 32px;
  font-weight: 700
}

.tabs-hover .detail .main .container {
  padding: 0 8%;
  width: 100%
}

.tabs-hover .detail .mark {
  -webkit-transform: translateX(-50%);
  -webkit-transition: left .5s ease;
  border: 10px solid transparent;
  border-bottom-color: #edfff8;
  height: 0;
  height: 10px;
  position: absolute;
  top: -20px;
  transform: translateX(-50%);
  transition: left .5s ease;
  width: 0
}

.tabs-hover .fade-enter-active,
.tabs-hover .fade-leave-active,
.tabs-hover .fadeIn,
.tabs-hover .fadeOut {
  -webkit-animation-duration: 2s !important;
  animation-duration: 2s !important
}

.tabs-hover .qq_2 {
  height: 342px;
  left: 0;
  opacity: .2;
  top: 24px;
  width: 343px;
  z-index: 1
}

.tabs-hover .qq_3 {
  height: 310px;
  left: 121px;
  opacity: 0;
  top: 42px;
  width: 321px
}

.tabs-hover .wechat-2 {
  left: 0;
  opacity: .2;
  top: 0;
  z-index: 1
}

.tabs-hover .wechat-3 {
  left: 110px;
  opacity: 0;
  top: 20px
}

.tabs-hover .liulan_2 {
  -webkit-transition: height 2s ease;
  height: 0;
  left: 92px;
  top: 42px;
  transition: height 2s ease
}

.tabs-hover .liulan_3 {
  left: 109px;
  opacity: 0;
  top: 19px
}

.tabs-hover .sougou_liulan_2 {
  -webkit-transition: height 2s ease;
  height: 0;
  left: 92px;
  top: 42px;
  transition: height 2s ease
}

.tabs-hover .sougou_liulan_3 {
  left: 109px;
  opacity: 0;
  top: 17px
}

.tabs-hover .sougou_2 {
  left: 200px;
  opacity: .2;
  top: -67px;
  z-index: 1
}

.tabs-hover .sougou_3 {
  height: 350px;
  left: 218px;
  opacity: 0;
  top: 32px;
  width: 350px
}

.tabs-hover .guanjia_2 {
  left: 300px;
  opacity: .2;
  top: 30px;
  z-index: 1
}

.tabs-hover .guanjia_3 {
  height: 350px;
  left: 229px;
  opacity: 0;
  top: 52px;
  width: 350px
}

.tabs-hover .cnzz_2 {
  left: 129px;
  opacity: .2;
  top: 13px;
  z-index: 1
}

.tabs-hover .cnzz_3 {
  height: 350px;
  left: 50px;
  opacity: 0;
  top: 32px;
  width: 350px
}

.el-row {
  position: relative
}

.el-col-12 {
  padding-top: 5%;
  width: 50%
}

[class*=el-col-] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left
}

.tabs-hover .detail .main .title {
  margin-top: 100px;
  font-size: 32px;
  color: #000;
  font-weight: 700;
  text-align: left
}

.t_div .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 1
}

.com-left {
  width: 395px
}

.com-intro {
  width: 760px;
  padding-top: 50px
}

.com-intro h3 {
  font-size: 28px;
  margin-bottom: 30px
}

.com-intro p {
  font-size: 14px;
  color: #7a7a7a;
  padding-bottom: 15px;
  line-height: 30px
}

.title p {
  padding-bottom: 20px
}

.jdh_ddym_comyum ul li {
  width: 280px;
  height: 300px;
  margin-right: 25px;
  float: left;
  cursor: pointer
}

.jdh_ddym_comyum ul li div {
  height: 160px;
  margin: 0 auto;
  background: #fff;
  padding: 0 25px;
  box-shadow: 0 0 8px #e5e5e5;
  position: relative
}

.jdh_ddym_comyum ul li div img {
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -8px;
  display: none
}

.jdh_ddym_comyum ul li .hoverstyle {
  background-color: #0072e7
}

.jdh_ddym_comyum ul li .hoverstyle p {
  color: #fff
}

.jdh_ddym_comyum ul .jdh_ddym_margin {
  margin-right: 0
}

.jdh_plb_pone {
  font-size: 20px;
  color: #333;
  padding: 25px 0 10px 0;
  text-align: center
}

.jdh_plb_ptwo {
  font-size: 14px;
  color: #666;
  line-height: 24px
}

.domainnames {
  padding: 15px 0 15px 15px;
  font-size: 16px;
  color: #474747;
  background-color: #fff;
  font-weight: bold;
}

.domainnames span {
  font-size: 14px;
  color: #999999;
}

.result-total {
  border: 1px solid #ff8815;
  background: #fff;
  padding: 15px 50px 15px 15px;
  font-size: 16px;
  color: #333;
}

.d-price i,
.result-total i {
  font-style: normal;
  color: #ff6000
}

.added,
.buyadd,
.result-total a.orange {
  font-size: 14px;
  padding: 5px 30px;
  border-radius: 3px;
  color: #fff;
  text-decoration: none
}

.result-total a.orange {
  background: #ff8815
}

.result-total a.orange:hover {
  background: #f37f0f
}

.result-list li {
  background: #fff;
  display: block;
  border-bottom: 1px dashed #e5e5e5;
  height: 50px;
  line-height: 50px;
  padding: 0 50px 0 15px;
  position: relative
}

.result-list li div {
  display: inline-block;
  color: #333
}

.result-list li div.d-name {
  min-width: 280px
}

.result-list li div.d-name input[type=checkbox],
input.checkall {
  margin: 0 5px 0 0
}

.more-price,
.result-list li .registered,
del {
  color: #949494
}

.result-list li .unregistered {
  color: #00b12e
}

.result-list li div span.d-mark {
  background: #127be6;
  margin-left: 10px;
  font-size: 12px;
  padding: 2px 7px;
  position: relative;
  font-weight: 700;
  color: #fff;
  border-radius: 2px
}

.d-mark::before {
  content: " ";
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 6px;
  top: 50%;
  margin-top: -3px;
  left: -3px;
  background-color: inherit;
  transform: rotate(45deg)
}

.result-list li div.middle {
  position: absolute;
  top: 15px;
  right: 230px
}

.result-list li div.middle span {
  margin-right: 4px
}

.result_all {
  padding: 15px 0 10px 15px
}

.result_all label {
  font-weight: 400
}

.result_all a {
  display: inline-block;
  color: #fff;
  background: #2993ff;
  font-size: 13px;
  padding: 3px 20px;
  border-radius: 32px;
  margin-left: 10px;
  text-decoration: none
}

.result_all a:hover {
  background: #127be6
}

.d-price i {
  color: #db0000
}

.more-price {
  background: url(../images/icon_down.gif) no-repeat center right;
  padding-right: 18px;
  cursor: pointer
}

.more-price2 {
  background: url(../images/icon_up.png) no-repeat center right;
  padding-right: 18px;
  cursor: pointer
}

.view {
  font-size: 16px;
  text-decoration: none;
  color: #5b5b5b;
  margin-right: 10px
}

.view:hover {
  color: #127be6;
}

.result-list li div.price-list {
  display: none;
  position: absolute;
  top: 40px;
  right: 132px;
  background: #fff;
  padding: 5px;
  border-radius: 3px;
  z-index: 9999
}

.price-list .table>tbody>tr>td,
.price-list .table>thead>tr>th {
  font-size: 12px;
  text-align: center;
  background: #f3f3f3;
  border-color: #fff
}

.price-list .table>tbody>tr>td {
  color: #666
}

.cn-list li:last-child,
.price-list .table-bordered {
  border: 0
}

.icon-arrow {
  background: url(../images/icon_up.gif) no-repeat;
  width: 21px;
  height: 9px;
  position: absolute;
  right: 97px;
  top: -8px;
  z-index: 10000
}

.buyadd {
  background: #2993ff;
  padding: 4px 22px
}

.buyadd:hover {
  color: yellow;
  cursor: pointer;
}

.allbuyadd {
  background-color: #ff8815;
}

.allbuyadd:hover {
  background: #f37d0a;
  color: #fff;
  text-decoration: none;
}

.cn-list li h2,
.more-links a,
.more-links p,
.result-list li div.right a {
  text-decoration: none;
  line-height: 50px
}

.added,
.added:hover {
  padding: 5px 30px 5px 40px;
  background: url(../images/icon_added.gif) no-repeat 20px 9px #fff;
  border: 1px solid #e5e5e5;
  color: #afafaf;
  cursor: default
}

.more-links {
  background: #fff;
  text-align: center;
  padding: 3px 0;
  font-size: 16px
}

.more-links a,
.more-links p {
  color: #127be6;
  font-size: 16px
}

.more-links:hover {
  background: #f8f8f8
}

.cn-list.d-border {
  margin-top: 20px;
  border-top: 2px solid #127be6
}

.cn-list li h2 {
  font-weight: 700;
  font-size: 18px
}

.bg-light {
  background: #ecf4ff;
  padding: 50px 0;
  margin-top: 50px
}

.free-box {
  width: 200px;
  height: 390px;
  padding: 60px 25px;
  color: #fff;
  font-size: 15px;
  line-height: 1.6;
  background: url(../images/value_bg.png) no-repeat
}

.value-btn {
  text-align: center;
  padding: 30px 10px 0 10px
}

.value-btn a {
  background: #127be6;
  color: #fff;
  padding: 6px 35px;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none
}

.value-btn a:hover {
  background: #0e6fd2
}

.text-box {
  width: 980px
}

.text-box .panel-default>.panel-heading {
  color: #127be6;
  padding: 15px;
  background-color: #fff
}

.text-box .panel {
  box-shadow: none;
  border-radius: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.text-box .panel {
  border: 0
}

.icon-a,
.panel-title span {
  font-size: 20px
}

.text-box .panel-title a {
  display: block;
  text-decoration: none;
  position: relative
}

.text-box .panel-title a.collapsed::before,
.text-box .panel-title a::before {
  content: "-";
  width: 25px;
  height: 1px;
  font-size: 26px;
  color: #b8b8b8;
  position: absolute;
  top: -5px;
  right: 5px
}

.text-box .panel-title a.collapsed::before {
  content: "+"
}

.text-box .panel-body {
  background: #ecf4ff
}

.icon-a {
  width: 3%;
  color: #127be6
}

.answer {
  width: 96%;
  padding-right: 20px;
  font-size: 15px;
  color: #333;
  line-height: 1.8
}

.bg-color {
  background: #f7f8fc;
  padding: 30px 0
}

.bg-color.bg-result {
  padding: 0
}

.white-box {
  background: #fff;
  padding: 20px;
  margin-top: 30px
}

.price-title h1 {
  font-weight: 700;
  color: #585678;
  font-size: 20px;
  margin-bottom: 15px
}

.price-title h1 span {
  font-size: 14px;
  color: rgba(88, 86, 120, .5);
  display: inline-block;
  padding-left: 5px
}

.prdiv.xzdiv label {
  padding-left: 0
}

.table>thead>tr>th {
  border-bottom-width: 1px
}

.p-table .table>tbody>tr>td,
.p-table .table>thead>tr>th {
  text-align: center;
  vertical-align: middle
}

.p-table .table>thead>tr>th {
  font-size: 18px;
  background: #585678;
  color: #fff
}

.p-table .table>thead>tr.f-small>th {
  font-size: 16px
}

.p-table .table>thead>tr.f-small>th.blue {
  background: #007eff
}

.p-table .table>tbody>tr>td {
  padding: 12px;
  color: #333
}

.p-table .table>tbody>tr>td:first-child {
  font-weight: 700;
  color: #47456b
}

.p-table .table>tbody>tr>td:nth-child(2),
.p-table .table>tbody>tr>td:nth-child(4) {
  background: #f7f8fc
}

.hotList li {
  width: 33.333332%;
  float: left
}

.dynList.hotList li a {
  width: 95%
}

.dynList.hotList li.last {
  border-bottom: 0
}

.d-info {
  width: 895px
}

.d-border {
  border: 1px solid #dcdcdc
}

.head {
  font-size: 20px;
  border-bottom: 2px solid #127be6;
  padding: 15px
}

.head b,
.inventory span a,
.shopping li a {
  color: #127be6;
  text-decoration: none
}

.whole_btn {
  padding-left: 15px;
  border-bottom: 1px solid #eee;
}

.whole_btn label {
  padding: 0 10px 0 0;
}

.whole_btn label input {
  margin-right: 3px;
}

.d-box {
  padding: 30px 60px
}

.update {
  text-align: right;
  color: #000;
  margin-bottom: 10px
}

.myinfo a,
.update a {
  color: #127be6;
  text-decoration: underline;
  display: inline-block;
  margin-left: 10px
}

.table {
  margin-bottom: 0
}

.d-box .table>tbody>tr>td,
.jingjia-table .table>tbody>tr>td {
  border-top: 0;
  border-left: 1px solid #dcdcdc;
  line-height: 1.8;
  padding: 10px 30px
}

.d-box .table>tbody>tr>td p {
  line-height: 2.2
}

.d-box .table>tbody>tr>td:first-child,
.jingjia-table .table>tbody>tr>td:first-child {
  border: 0;
  text-align: right;
  padding-right: 16px
}

.d-box .table-striped>tbody>tr:nth-of-type(odd),
.jingjia-table .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff
}

.d-box .table-striped>tbody>tr:nth-of-type(even),
.jingjia-table .table-striped>tbody>tr:nth-of-type(even) {
  background-color: #f8f8f8
}

.other-info {
  padding: 15px 15px 0 15px
}

.myinfo {
  color: #666;
  padding-bottom: 15px
}

.myinfo b.nolink {
  display: block;
  padding-bottom: 5px
}

.d-right {
  width: 280px
}

.d-list,
.mob-years,
.other-info {
  margin-top: 0;
  background: #ffff;
}

.inventory {
  border-bottom: 1px solid #eee;
  font-size: 18px;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  position: relative
}

.inventory span {
  font-size: 14px
}

.inventory i.num {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  background: #127be6;
  color: #fff;
  border-radius: 50%;
  font-style: normal;
  position: absolute;
  left: 95px;
  top: 50%;
  margin-top: -10px
}

.noshop {
  padding: 20px 15px;
  text-align: center
}

.inventory span,
.right,
.shopping li span {
  float: right
}

.shopping {
  padding: 20px 15px 0 15px
}

.shopping li {
  color: #333;
  padding-bottom: 20px
}

.shopping li span.remove a {
  border: 1px solid #127be6;
  font-size: 13px;
  padding: 2px 8px;
  border-radius: 3px;
  text-decoration: none
}

.shopping li span.remove a:hover {
  background: #127be6;
  color: #fff
}

.settle {
  border-top: 1px solid #eee;
  padding: 20px 0;
  text-align: center
}

.settle button {
  background: #ff8815;
  padding: 5px 30px;
  color: #fff
}

.settle button:hover {
  background: #f37d0a
}

.blue-tab {
  text-align: center;
  margin-bottom: 40px
}

.blue-tab li {
  display: inline-block;
  cursor: pointer;
  font-size: 15px;
  width: 140px;
  height: 50px;
  line-height: 42px;
  text-align: center;
  color: #666
}

.blue-tab li.active {
  background: url(../images/domain_tab.png) no-repeat left top;
  color: #fff
}

.mybox.active {
  display: block
}

.mybox {
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 5px #e5e5e5;
  display: none;
  position: relative
}

.mybox.mybox2 {
  padding: 30px 0 10px 0
}

.mylist li {
  width: 33.33332%;
  height: 160px;
  float: left;
  padding-left: 20px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee
}

.mylist li img {
  float: left
}

.mylist li div {
  float: left;
  width: 85%;
  padding-left: 15px
}

.pone {
  font-size: 18px;
  color: #000;
  padding-bottom: 8px
}

.pone a {
  color: #000
}

.ptwo {
  font-size: 14px;
  color: #9a9a9a;
  line-height: 24px
}

.pthree {
  padding-top: 20px;
  display: block
}

.pone a:hover,
.pthree,
.pthree:hover {
  color: #0079f5
}

.inner.right-none,
.mylist li.right-none {
  border-right: none
}

.inner.bottom-none,
.mylist li.bottom-none {
  border-bottom: none;
  padding-top: 30px
}

#scroll,
#scroll-honor,
.scroll-box {
  width: 1140px
}

.owl-buttons div {
  position: absolute;
  top: 93px;
  padding: 5px;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden
}

#scroll-honor .owl-buttons div {
  top: 123px
}

.mybox.mypartner {
  padding: 30px 30px 10px 30px
}

.myscroll {
  position: relative;
  float: left;
  width: 20%;
  height: 280px;
  text-align: center
}

.inner {
  height: 130px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee
}

.inner p {
  display: block;
  padding-top: 10px
}

#scroll-honor .myscroll {
  height: 340px
}

#scroll-honor .inner {
  height: 160px
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

.internet div {
  float: left;
  width: 399px;
  border-right: 1px solid #fff;
  padding: 35px 45px 0 50px;
  height: 215px;
  position: relative
}

.i-construct {
  background: #8042ff;
  background: -moz-linear-gradient(left, #988aff 0, #8042ff 100%);
  background: -webkit-linear-gradient(left, #988aff 0, #8042ff 100%);
  background: linear-gradient(to right, #988aff 0, #8042ff 100%)
}

.i-approve {
  background: #fe605d;
  background: -moz-linear-gradient(left, #fd8381 0, #fe605d 100%);
  background: -webkit-linear-gradient(left, #fd8381 0, #fe605d 100%);
  background: linear-gradient(to right, #fd8381 0, #fe605d 100%)
}

.i-spread {
  background: #0048ff;
  background: -moz-linear-gradient(left, #4d7fff 0, #0048ff 100%);
  background: -webkit-linear-gradient(left, #4d7fff 0, #0048ff 100%);
  background: linear-gradient(to right, #4d7fff 0, #0048ff 100%)
}

.internet div span {
  display: block;
  color: #fff
}

.internet div.i-construct span.i-span {
  margin-right: 32px
}

.internet div span.i-span {
  margin-right: 40px
}

.internet div span h5 {
  font-size: 24px;
  margin-bottom: 10px
}

.internet div span p {
  color: #fff;
  font-size: 16px;
  padding-bottom: 5px
}

.i-icon {
  background-repeat: no-repeat;
  width: 15px;
  height: 24px;
  z-index: 100;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -12px
}

.i-construct .i-icon {
  background-image: url(../images/domain_purple.png)
}

.i-approve .i-icon {
  background-image: url(../images/domain_red.png)
}

.whoistitle ul li {
  float: left;
  background: #fff;
  color: #666;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 25%;
  font-size: 18px;
  border: 1px solid #e3e3e3;
  border-left: none;
  cursor: pointer
}

.whoistitle ul li.first {
  border-left: 1px solid #e3e3e3
}

.whoistitle ul .active {
  background: #2087ed;
  color: #fff;
  height: 60px;
  border-top: 2px solid #2087ed;
  border-bottom: none
}

.whoisbody {
  background: #fff;
  padding: 30px;
  border: 1px solid #e3e3e3;
  border-top: 0
}

.whoisbox {
  border: 15px solid #dcdcdc;
  padding: 15px;
  background: #fff;
  position: relative;
  margin-bottom: 20px
}

.whoisbody .whoisbodys .textarea {
  float: left;
  width: 890px;
  height: 125px;
  overflow: hidden;
  padding: 15px;
  border: 1px dashed #e3e3e3;
  outline: 0
}

.whoisbtn {
  width: 170px;
  float: right;
  position: relative
}

.whoisbtn .import {
  height: 35px;
  overflow: hidden;
  opacity: 0;
  cursor: pointer
}

.my-file {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
  text-align: center;
  border-radius: 3px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #666;
  border: 1px solid #dcdcdc;
  background: #eee;
  background: -moz-linear-gradient(top, #fdfdfd 0, #eee 100%);
  background: -webkit-linear-gradient(top, #fdfdfd 0, #eee 100%);
  background: linear-gradient(to bottom, #fdfdfd 0, #eee 100%)
}

.whoisbtn .my-submit {
  margin-top: 22px;
  height: 67px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 24px;
  background: #ff9100;
  background: -moz-linear-gradient(top, #ffbd1f 0, #ff9100 100%);
  background: -webkit-linear-gradient(top, #ffbd1f 0, #ff9100 100%);
  background: linear-gradient(to bottom, #ffbd1f 0, #ff9100 100%)
}

.whoisbtn .my-submit:hover {
  background: #ffa710
}

.whoisbtn .my-submit input.submit {
  display: block;
  color: #fff;
  height: 100%;
  background: url(../images/domain_06.png) no-repeat 20px 18px;
  padding-left: 30px
}

.domainul li {
  float: left;
  width: 10%;
  padding: 5px 5px 0 5px
}

.xzdiv {
  padding-bottom: 10px
}

.xzdiv label {
  margin-right: 20px
}

.xzdiv input,
.xzdiv label input {
  margin-right: 4px;
  vertical-align: top
}

.cycle {
  margin-top: 30px
}

.cycle .picScroll-left,
.cycle .picScroll-left .bd {
  height: 180px
}

.years .picScroll-left,
.years .picScroll-left .bd {
  height: 130px
}

.years .picScroll-left .bd ul li {
  margin-right: 12px
}

.years .picScroll-left .hd .next,
.years .picScroll-left .hd .prev {
  top: 50px
}

.coupon {
  display: block;
  height: auto;
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 80px;
}

.coupon h2 {
  font-size: 26px;
  color: #000000;
  text-align: center;
  line-height: 42px;
  height: 42px;
  margin: 52px 0 32px 0;
}

.coupon .coupon_list {
  width: 1200px;
  margin: 0 auto;
}

.coupon .coupon_list li {
  float: left;
  margin-right: 25px;
  width: 383px;
  height: 260px;
  background-color: #f7f7f7;
}

.coupon_list li h3 {
  background-color: #517ff6;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  margin-bottom: 29px;
}

.coupon_list li .price {
  text-align: center;
  font-size: 18px;
  color: #f31100;
  margin-bottom: 8px;
  line-height: 34px;
}

.coupon_list li .price b {
  font-size: 30px;
  font-weight: 700;
  font-weight: bold;
}

.original_price {
  color: #6b6b6b;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  margin-bottom: 30px;
}

.original_price span {
  text-decoration: line-through;
}

.coupon_list li a {
  font-size: 18px;
  color: #fff;
  display: block;
  width: 193px;
  height: 44px;
  line-height: 44px;
  margin: 0 auto;
  background-color: #ff8815;
  text-align: center;
}

.coupon_list li a:hover {
  text-decoration: none;
}

.coupon .coupon_list .no_margin {
  margin-right: 0;
}

.picScroll-left {
  margin: 0 auto;
  width: 1272px;
  overflow: hidden;
  position: relative
}

.picScroll-left .bd {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto
}

.picScroll-left .bd ul {
  overflow: hidden;
  zoom: 1
}

.picScroll-left .bd ul li {
  margin-right: 12px;
  float: left;
  overflow: hidden
}

.Promotions .picScroll-left .bd ul li {
  margin-right: 18px;
  float: left;
  overflow: hidden;
  width: 286px;
}

.picScroll-left .hd .next,
.picScroll-left .hd .prev {
  display: block;
  width: 28px;
  height: 51px;
  position: absolute;
  top: 77px;
  left: 0;
  z-index: 10;
  cursor: pointer;
}

.Promotions .picScroll-left .hd .next,
.Promotion .picScroll-left .hd .prev {
  display: block;
  width: 28px;
  height: 51px;
  position: absolute;
  top: 77px;
  left: 0;
  z-index: 10;
  cursor: pointer;
}

.Promotions .picScroll-left .hd .prev {
  background: #eeeeee url(../images/arrow_le.png) no-repeat center
}

.Promotions .picScroll-left .hd .next {
  background: #eeeeee url(../images/arrow_re.png) no-repeat center;
  left: inherit;
  right: 0
}

.Promotion {
  display: none
}

.picScroll-left .hd .prev {
  background-image: url(../images/prev.png);
  background-repeat: no-repeat;
}

.picScroll-left .hd .next {
  background-image: url(../images/next.png);
  left: inherit;
  right: 0;
  background-repeat: no-repeat;
}

.ad a,
.dian a,
.dian p,
.picScroll-left .bd ul li a {
  display: block;
  text-decoration: none
}

.dian {
  background: #9d7fff;
  border-radius: 3px;
  width: 230px;
  height: 130px;
  overflow: hidden;
  padding: 4px 20px 10px 20px
}

.dian p {
  color: #fff;
  font-size: 16px;
  padding-top: 5px
}

.dian p span {
  display: inline-block;
  margin-right: 10px
}

.dian span.name {
  font-size: 24px
}

.dian span.hot-sale {
  background: url(../images/hot.png) no-repeat;
  width: 29px;
  height: 13px
}

.dian span.name.price {
  margin-right: 0
}

.dian.color-02 {
  background: #3dbf96
}

.dian.color-03 {
  background: #ff6b6b
}

.dian.color-04 {
  background: #7f9aff
}

.dian.color-05 {
  background: #ff9732
}

.dian.color-06 {
  background: #bd2f8d
}

.indicate {
  background: url(../images/kx_07.png) no-repeat center 20px;
  height: 400px;
  position: relative
}

.indicate .appreciation {
  left: 0
}

.indicate .e-card {
  margin-left: 200px;
  top: 170px
}

.indicate .e-engine {
  left: inherit;
  right: 0
}

.indicate .e-browser {
  left: inherit;
  right: 0;
  margin-right: 210px;
  top: 150px
}

.add-value {
  background: url(../images/kx_12.jpg) no-repeat left 20px;
  height: 335px;
  padding: 90px 0 0 590px
}

.add-value li {
  display: block;
  float: left;
  text-align: center;
  margin-right: 20px
}

.add-value li img {
  display: block;
  border: 6px solid #e2e2e2;
  border-radius: 5px;
  width: 188px
}

.add-value li p {
  font-size: 16px;
  color: #666;
  padding-top: 10px
}

.choseus {
  width: 300px;
  height: 150px;
  overflow: hidden;
  position: relative
}

.choseus.color-box h6 {
  padding-bottom: 10px
}

.color-box {
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  padding: 30px 20px
}

.ch-red {
  background: #fe605d;
  background: -moz-linear-gradient(left, #fd8381 0, #fe605d 100%);
  background: -webkit-linear-gradient(left, #fd8381 0, #fe605d 100%);
  background: linear-gradient(to right, #fd8381 0, #fe605d 100%)
}

.ch-green {
  background: #85c121;
  background: -moz-linear-gradient(left, #9ac94b 0, #85c121 100%);
  background: -webkit-linear-gradient(left, #9ac94b 0, #85c121 100%);
  background: linear-gradient(to right, #9ac94b 0, #85c121 100%)
}

.ch-blue {
  background: #3a81ff;
  background: -moz-linear-gradient(left, #87b2ff 0, #3a81ff 100%);
  background: -webkit-linear-gradient(left, #87b2ff 0, #3a81ff 100%);
  background: linear-gradient(to right, #87b2ff 0, #3a81ff 100%)
}

.ch-purple {
  background: #9530dd;
  background: -moz-linear-gradient(left, #bb72ee 0, #9530dd 100%);
  background: -webkit-linear-gradient(left, #bb72ee 0, #9530dd 100%);
  background: linear-gradient(to right, #bb72ee 0, #9530dd 100%)
}

.ch-data {
  background: #00d1de;
  background: -moz-linear-gradient(left, #54edff 0, #00d1de 100%);
  background: -webkit-linear-gradient(left, #54edff 0, #00d1de 100%);
  background: linear-gradient(to right, #54edff 0, #00d1de 100%)
}

.ch-yellow {
  background: #ffa600;
  background: -moz-linear-gradient(left, #ffc250 0, #ffa600 100%);
  background: -webkit-linear-gradient(left, #ffc250 0, #ffa600 100%);
  background: linear-gradient(to right, #ffc250 0, #ffa600 100%)
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fe605d
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #87b2ff
}

.ch-arrow {
  display: block;
  position: absolute;
  left: 0;
  top: 65px;
  z-index: 100
}

.i-green {
  border-left: 10px solid #85c121
}

.i-blue {
  left: inherit;
  right: 0
}

.i-purple {
  left: inherit;
  right: 0;
  border-right: 10px solid #bb72ee
}

.i-data {
  border-left: 10px solid #00d1de
}

.i-yellow {
  border-left: 10px solid #ffa600
}

.caseScroll {
  position: relative
}

#well-case {
  width: 1200px;
  height: 544px;
  overflow: hidden
}

#well-case li {
  display: block;
  width: 1200px;
  float: left
}

#well-case li p {
  display: block;
  float: left;
  width: 376px;
  margin: 10px 12px 10px 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .15)
}

.caseScroll .groupBtn a {
  top: 240px
}

.basic {
  background: url(../images/cx_01.jpg) no-repeat left top;
  height: 440px;
  position: relative
}

.appreciation {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 192px;
  text-align: center
}

.appreciation img {
  border: 6px solid #e5e5e5;
  border-radius: 50% !important
}

.appreciation p {
  display: block;
  font-size: 16px;
  color: #666;
  margin-top: 10px
}

.appreciation p i {
  font-style: normal
}

.e-card {
  margin-left: 220px;
  top: 110px
}

.e-media {
  left: inherit;
  right: 0
}

.e-safe {
  top: inherit;
  bottom: 0;
  margin-left: 40px
}

.e-brand {
  margin-left: 0
}

.cx-value,
.kx-value {
  background: url(../images/cx_07.png) no-repeat 330px 30px;
  height: 410px;
  position: relative
}

.cx-value .value,
.kx-value .value {
  float: none;
  border: 0;
  border-radius: 0;
  position: absolute;
  left: 150px;
  background-image: url(../images/cx_08.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 188px;
  height: 188px;
  background-color: transparent
}

.cx-value .value.bright {
  background-image: url(../images/cx_09.png);
  left: 50%;
  margin-left: 240px
}

.cx-value .value.tree {
  background-image: url(../images/cx_10.png);
  left: 0;
  top: 160px;
  margin-left: 0
}

.cx-value .value.platform {
  background-image: url(../images/cx_11.png);
  left: inherit;
  top: 160px;
  right: 20px
}

.kx-value {
  background: url(../images/kx_01.png) no-repeat left 30px;
  height: 440px
}

.kx-value .value {
  background-image: url(../images/kx_02.png);
  width: 193px;
  height: 168px;
  left: 60%;
  top: 50px;
  padding: 22px 30px
}

.kx-value .value.bright {
  background-image: url(../images/kx_03.png);
  margin-left: -170px;
  top: 150px
}

.kx-value .value.tree {
  background-image: url(../images/kx_04.png);
  top: 150px;
  margin-left: 170px
}

.kx-value .value.platform {
  background-image: url(../images/kx_05.png);
  top: 250px
}

.des-tabs {
  text-align: center
}

.des-tabs li {
  margin: 0 15px;
  display: inline-block;
  color: #666;
  font-size: 16px;
  border: 1px solid #e2e2e2;
  padding: 7px 20px;
  border-radius: 4px;
  cursor: pointer
}

.des-tabs li.on {
  position: relative;
  color: #fff;
  background: #b41f25;
  background: -moz-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -webkit-gradient(linear, top bottom, top bottom, color-stop(0, #ff3341), color-stop(100%, #b41f25));
  background: -webkit-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -o-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -ms-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: linear-gradient(to bottom, #ff3341 0, #b41f25 100%)
}

.des-tabs li.on i {
  display: block;
  background: url(../images/cx_down.png) no-repeat left top;
  width: 16px;
  height: 8px;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -8px
}

.tab-content-wrap {
  margin-top: 40px;
  height: 500px;
  position: relative
}

.tab-content {
  position: absolute;
  top: 0;
  transition: all .2s linear;
  opacity: 0;
  z-index: -1;
  height: 0;
  width: 100%
}

.tab-content.show {
  height: auto;
  opacity: 1;
  top: 0;
  z-index: 1
}

.overflow-hide {
  overflow: hidden
}

.des-list:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.add-value li.last,
.des-list.last-list,
.mob-desc li:last-child,
.saleBox ul li.right,
.why li.w-last {
  margin-right: 0
}

.add-value li,
.des-list,
.mob-desc li {
  float: left;
  margin-right: 3.4%;
  width: 31%;
  border: 1px solid #e2e2e2
}

.des-list h5 {
  text-align: center;
  padding: 25px 0 25px 0;
  font-size: 24px;
  color: #666;
  font-style: italic;
  border-bottom: 1px solid #e2e2e2;
  display: block
}

.des-list h5 img {
  width: 100px;
  vertical-align: middle;
}

.des-list h5 b {
  color: #cb141d
}

.des-list h5 b.nobold {
  font-weight: 400;
  font-style: normal;
  color: #666666;
}

.des-inner {
  padding: 25px 55px 0
}

.des-list.last-list .des-inner {
  padding: 25px 38px 0
}

.des-inner p {
  display: block;
  font-size: 15px;
  padding-bottom: 20px;
  color: #555;
}

.des-inner .special_p {
  font-size: 14px;
}

p.price {
  color: #cb161f
}

.des-inner p span,
.des-inner td span {
  color: #a4a4a4
}

.des-inner p img {
  vertical-align: middle;
  padding-right: 5px;
}

.price_btn {
  width: 296px;
  height: auto;
  border-top: 1px solid #ededed;
  margin: 0 auto;
  padding-top: 28px;
}

.price_btn .price {
  height: 52px;
  font-size: 18px;
  text-align: center;
  color: #cd071a;
  font-weight: bold;
}

.des-inner p.des-icon {
  text-align: center;
  padding-bottom: 25px;
}

.price_btn .price span {
  font-size: 14px;
  color: #666;
  text-decoration: line-through;
  font-weight: normal;
}

.price_btn .des-btn {
  display: inline-block;
  width: 224px;
  height: 40px;
  background-color: #d02b36;
  text-align: center;
  line-height: 40px;
  margin: 0 0 34px 30px;
  border-radius: 4px;
}

.price_btn .des-btn a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}

.des-inner p.des-btn {
  text-align: center;
  padding-top: 15px
}

.des-inner p.des-btn a {
  font-size: 16px;
  padding: 10px 40px;
  border-radius: 4px;
  color: #fff;
  background: #b41f25;
  background: -moz-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -webkit-gradient(linear, top bottom, top bottom, color-stop(0, #ff3341), color-stop(100%, #b41f25));
  background: -webkit-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -o-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -ms-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: linear-gradient(to bottom, #ff3341 0, #b41f25 100%)
}

.des-inner td {
  font-size: 15px;
  line-height: 1.4;
  padding-bottom: 3px
}

.space30 {
  margin-top: 30px;
  background-color: #fff;
  border: none;
}

/*.space30_01{background:#fff url(../images/youhui.png) no-repeat top right;}*/
.why li {
  display: block;
  float: left;
  width: 390px;
  height: 200px;
  overflow: hidden;
  margin: 15px 15px 0 0;
  position: relative
}

.why li .why-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 2;
  text-align: center;
  padding: 45px 50px 0 50px
}

.choseus h6,
.why li .why-inner h6 {
  font-size: 24px;
  padding-bottom: 20px
}

.choseus:hover img,
.why li:hover img {
  transform: scale(1.2);
  transition: all .5s
}

.case-box {
  width: 100%;
  position: relative;
  height: 258px
}

.case {
  background: url(../images/cx_18.png) no-repeat 0 0;
  width: 137px;
  height: 118px;
  text-align: center;
  padding-top: 35px;
  position: absolute;
  left: 0;
  top: 20px
}

.case02 {
  top: 139px
}

.case03 {
  top: 79px;
  left: 104px
}

.case04 {
  left: 208px
}

.case05 {
  top: 139px;
  left: 208px
}

.case06 {
  top: 79px;
  left: 312px
}

.case07 {
  left: 416px
}

.case08 {
  top: 139px;
  left: 416px
}

.case09 {
  top: 79px;
  left: 520px
}

.case10 {
  left: 624px
}

.case11 {
  top: 139px;
  left: 624px
}

.case12 {
  top: 79px;
  left: 728px
}

.case13 {
  left: 832px
}

.case14 {
  top: 139px;
  left: 832px
}

.case15 {
  top: 79px;
  left: 936px
}

.case16 {
  left: 1040px
}

.case17 {
  top: 139px;
  left: 1040px
}

.cx-website {
  padding-top: 20px
}

.cx-form {
  width: 560px
}

.cx-form li {
  display: block;
  padding-bottom: 20px
}

.cx-form li label {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  width: 20%;
  padding-right: 2%;
  text-align: right
}

.cx-form li input {
  display: inline-block;
  max-width: 70%;
  height: 40px
}

.cx-form li input.verifycode {
  width: 46%;
  display: inline-block
}

.cx-form li input.contacter {
  width: 26%;
  display: inline-block
}

.cx-form li label.radio-box {
  position: relative;
  border: 1px solid #fc1d1e;
  margin-bottom: 0;
  text-align: center;
  padding: 6px 0;
  border-radius: 2px;
  width: 19%;
  margin-left: 10px
}

.cx-form li label.radio-box input[type=radio] {
  opacity: 0;
  width: 0;
  height: 0
}

.cx-form li label span.radio-style::before {
  display: inline-block;
  background: url(../images/kx_29.png) no-repeat left top;
  width: 25px;
  height: 21px;
  position: absolute;
  right: -1px;
  top: -1px
}

.cx-form li label.radio-box input[type=radio]:checked+.radio-style::before {
  content: ""
}

.cx-form li img {
  vertical-align: middle
}

.cx-form li.last {
  text-align: center;
  padding-top: 10px
}

.cx-form li.last .btn {
  background: #d22d31;
  color: #fff;
  border: 0;
  padding: 10px 40px;
  font-size: 15px
}

.cx-form li.last .btn:hover {
  background: #f5373b
}

.cnews-pic {
  width: 400px;
  position: relative
}

.cnews-title {
  display: block;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  padding: 0 15px;
  color: #fff;
  font-size: 18px
}

.cnews-title:hover {
  color: #fff
}

.cnews-list {
  width: 780px
}

.cnews-box {
  border-bottom: 1px dashed #e5e5e5;
  padding: 14px
}

.cnews-box a {
  font-display: block;
  text-decoration: none;
  color: #999
}

.cnews-box.no-boder {
  border: none
}

.cnews-box:hover {
  background-color: #f7f8fc
}

.cnews-box:hover h4.sub-tit {
  color: #ec6c6d
}

.title-top {
  width: 100%;
  overflow: hidden;
  position: relative
}

.title-top h4.sub-tit {
  width: 76%;
  display: inline-block;
  font-size: 15px;
  color: #000
}

.cnews-time {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-style: normal;
  font-size: 15px;
  color: #999
}

.other-product a {
  margin-top: 20px;
  display: block;
  color: #666;
  font-size: 20px;
  text-align: center;
  text-decoration: none
}

.c-icon {
  background: url(../images/shadow.png) no-repeat center bottom;
  display: block;
  padding-bottom: 3px;
  margin-bottom: 10px;
  opacity: .9
}

.other-product a:hover {
  color: #5179a3
}

.other-product a:hover .c-icon {
  opacity: 1
}

.ctfation-box {
  padding: 60px 0
}

.ctfation {
  background: url(../images/rz_05.jpg) no-repeat right 35px;
  padding-top: 30px
}

.ctfation ul li {
  text-align: center;
  display: block;
  margin-right: 15px;
  float: left;
  width: 153px
}

.ctfation ul li p {
  color: #666;
  font-size: 16px;
  padding-top: 5px
}

.red-word {
  font-size: 20px;
  color: #ce0202;
  padding: 50px 60px
}

.red-btn {
  width: 50%;
  text-align: center
}

.red-btn a {
  display: inline-block;
  margin: 0 35px;
  padding: 8px 40px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  background: #ff3341;
  background: -moz-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -webkit-gradient(linear, top bottom, top bottom, color-stop(0, #ff3341), color-stop(100%, #bbe9fe));
  background: -webkit-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -o-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: -ms-linear-gradient(top, #ff3341 0, #b41f25 100%);
  background: linear-gradient(to bottom, #ff3341 0, #b41f25 100%)
}

.red-btn a:hover {
  background: #d7272e
}

.ctfation-choose {
  position: relative;
  background: url(../images/rz_06.png) no-repeat center bottom;
  height: 420px
}

.ctf-line {
  position: absolute;
  left: 50%;
  top: 50%;
  border-bottom: 1px solid #b086b8
}

.purple {
  width: 100px;
  margin-top: -138px;
  margin-left: -180px
}

.yellow {
  width: 120px;
  margin-top: 24px;
  margin-left: -180px;
  border-color: #ebae44
}

.cyan {
  width: 100px;
  margin-top: -120px;
  margin-left: 95px;
  border-color: #7ea1bf
}

.magenta {
  width: 130px;
  margin-top: 14px;
  margin-left: 60px;
  border-color: #901a4e
}

.ctfation-intro {
  position: absolute;
  left: 0;
  top: 50px;
  width: 340px;
  text-align: right;
  font-size: 16px;
  color: #666
}

.ctfation-intro .circle {
  position: absolute;
  right: -80px;
  top: -5px;
  background: #b086b8;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 16px
}

.ctfation-intro h3 {
  color: #b086b8;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px
}

.ctfation-intro.yellow-i {
  top: 215px
}

.ctfation-intro.yellow-i .circle {
  background: #ebae44;
  top: -10px
}

.ctfation-intro.yellow-i h3 {
  color: #ebae44
}

.ctfation-intro.cyan-i {
  top: 65px;
  left: 50%;
  margin-left: 190px;
  width: 410px;
  text-align: left;
  padding-left: 75px
}

.ctfation-intro.cyan-i .circle {
  left: 0;
  top: -5px;
  background: #7ea1bf
}

.ctfation-intro.cyan-i h3 {
  color: #7ea1bf
}

.ctfation-intro.magenta-i {
  top: 200px;
  left: 50%;
  margin-left: 190px;
  width: 410px;
  text-align: left;
  padding-left: 75px
}

.ctfation-intro.magenta-i .circle {
  left: 0;
  top: -5px;
  background: #901a4e
}

.ctfation-intro.magenta-i h3 {
  color: #901a4e
}

.valueList {
  background: url(../images/rz_07.jpg) no-repeat center 20px;
  padding: 100px 0;
  position: relative
}

.value {
  float: left;
  width: 206px;
  height: 206px;
  border-radius: 50%;
  border: 5px solid #e5e5e5;
  background-color: #2ba6e2;
  color: #fff;
  font-size: 16px;
  padding: 40px 30px;
  text-align: center
}

.value i {
  display: block;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px
}

.bright {
  background-color: #ff6262;
  position: absolute;
  left: 190px
}

.tree {
  background-color: #884ee8;
  position: absolute;
  left: 50%;
  margin-left: 200px;
  z-index: 1
}

.platform {
  background-color: #0fcea8;
  position: absolute;
  right: 0
}

.station ul {
  width: 470px
}

.station ul li {
  float: left;
  width: 97px;
  text-align: center;
  display: block;
  margin: 15px 20px 0 0
}

.station ul li p {
  font-size: 16px;
  padding-top: 5px;
  color: #666
}

.network {
  width: 670px;
  font-size: 16px;
  color: #666;
  line-height: 2;
  padding-top: 40px
}

.company li img {
  display: block;
  float: left;
  width: 290px;
  margin-right: 10px
}

.groupScroll {
  position: relative;
  margin: 40px auto 30px auto
}

.groupBox {
  width: 1200px;
  height: 200px;
  overflow: hidden
}

.groupBox ul li {
  float: left;
  width: 300px;
  text-align: center
}

.groupBox ul li img {
  width: 296px;
  display: block
}

.groupBtn a {
  position: absolute;
  left: 50%;
  top: 65px;
  background: url(../images/arrow.png) no-repeat left top;
  width: 30px;
  height: 55px
}

.groupBtn a#goL2 {
  margin-left: -645px
}

.groupBtn a#goR2 {
  margin-left: 613px;
  background-position: right top
}

.basic-box,
.choose-box,
.ctfation-news,
.value-box {
  padding: 50px 0
}

.choose-box .col-lg-3 {
  position: relative
}

.choose {
  text-align: center;
  margin-top: 40px
}

.choose img {
  display: inline-block
}

.choose h5 {
  color: #000;
  font-size: 18px;
  display: block;
  margin-top: 25px
}

.choose em {
  width: 30px;
  height: 2px;
  background: #b2d8ff;
  display: block;
  margin: 18px auto
}

.choose p {
  display: block;
  color: #666
}

.line-r {
  background: #efefef;
  width: 1px;
  height: 160px;
  position: absolute;
  right: 0;
  top: 40px
}

.partner li {
  position: relative;
  display: block;
  float: left;
  width: 16.6667%;
  padding: 15px 0;
  text-align: center;
  border-right: 1px solid #eff0f2
}

.partner li.line-b {
  margin-bottom: 30px
}

.shape {
  background: url(../images/line-b.png) no-repeat right top;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 1.5%;
  bottom: -18px
}

.partner li.six {
  border: 0
}

.partner li.six .shape {
  background-image: url(../images/line-b-six.png)
}

#swiper-partner {
  padding-bottom: 20px
}

#tabs-partner.pagination {
  position: absolute;
  bottom: 0;
  z-index: 100;
  width: 100%;
  margin: 0;
  text-align: center
}

#tabs-partner .swiper-pagination-bullet,
#tabs-partner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: #aaa;
  opacity: 1;
  margin: 0 5px
}

#tabs-partner .swiper-active-switch,
#tabs-partner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #007eff;
  transition: all .3s ease-out 0s;
  width: 30px
}

#tabs-partner.green .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #11b984
}

.ad-lunzhuan {
  float: left;
  width: 297px;
  height: 410px
}

.ad-lunzhuan .swiper-slide a {
  display: block;
  width: 100%;
  height: 410px
}

.ad-lunzhuan .swiper-container-horizontal>.swiper-pagination-bullets {
  margin: 0;
  text-align: center;
  bottom: 5px;
  position: absolute;
  z-index: 100
}

.dynamic {
  float: left;
  width: 554px;
  height: 410px;
  background: #fff;
  margin-left: 25px
}

.ad-link {
  float: right;
  width: 298px
}

.tab {
  border-bottom: 1px solid #e9ebf0;
  padding: 12px 8px 0 8px;
  height: 52px
}

.tab2 {
  display: none;
}

.tab a {
  color: #333;
  font-size: 18px;
  text-decoration: none;
  margin: 0 12px;
  height: 40px;
  display: inline-block;
  cursor: pointer
}

.tab a.active {
  color: #007eff;
  border-bottom: 2px solid #007eff
}

.tab a:hover {
  color: #333
}

.tab a.active:hover {
  color: #007eff
}

.dynamic-l {
  margin: 17px;
  float: left;
  background: url(../images/news-bg.jpg) no-repeat 0 0;
  width: 300px;
  height: 325px;
  position: relative
}

.notes {
  width: 90%;
  position: absolute;
  left: 5%;
  bottom: 19px;
  z-index: 1001
}

.notes h3 a {
  display: block;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  font-size: 18px
}

.notes p.detail {
  color: rgba(255, 255, 255, .8);
  line-height: 1.8;
  padding-top: 10px
}

.notes p.detail a {
  color: rgba(255, 255, 255, .95);
  text-decoration: none
}

.notes p.detail a:hover {
  color: rgba(255, 255, 255, 1)
}

.dynamic-r {
  width: 550px;
  padding: 0 15px;
  margin: 17px 0
}

.high {
  text-align: center;
  margin-bottom: 15px
}

.high a {
  display: block;
  width: 250px
}

.high a img {
  width: 100%
}

.dynList li {
  display: block;
  border-bottom: 1px dashed #e8e8e8;
  height: 34px;
  margin-top: 12px
}

.dynList li a {
  display: block;
  float: left;
  width: 80%;
  font-size: 15px;
  height: 34px;
  color: #888
}

.dynList li a:hover {
  color: #5179a3
}

.dynList li a i {
  display: inline-block;
  font-style: normal;
  color: #5179a3
}

.dynList li span.time {
  display: block;
  text-align: right;
  color: #999;
  float: right;
  width: 18%;
  height: 34px
}

.preordain {
  padding: 40px 0 18px 0
}

.preordain-l {
  float: left;
  color: #fff;
  width: 188px;
  height: 380px;
  padding: 40px 20px;
  background: url(../images/domain.jpg) no-repeat 0 0;
  position: relative
}

.pre-title h1 {
  color: #fff;
  font-size: 24px
}

.pre-title em {
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  margin: 15px 0
}

.preordain .see-more {
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  display: block;
  padding: 5px 0;
  margin-top: 30px
}

.preordain .see-more:hover {
  background: rgba(255, 255, 255, .09);
  transition: all .2s ease-out 0s
}

.arrow-r {
  background: url(../images/arrow-r.png) no-repeat left top;
  width: 8px;
  height: 18px;
  position: absolute;
  right: -8px;
  top: 50px
}

.preordain-r {
  float: right;
  width: 1000px
}

.preordain-r .domainList {
  border: 1px solid #eee;
  background: #f7f8fc;
  padding: 12px 20px;
  margin-bottom: 23px
}

.preordain-r .domainList p {
  display: block;
  color: #666
}

.preordain-r .domainList p.new-domain {
  color: #ff3000;
  font-size: 18px;
  margin-bottom: 8px
}

.preordain-r .domainList p.zh-domain {
  width: 180px;
  margin: 0 0 5px 0
}

.popular .domainList a,
.preordain-r .domainList a {
  text-decoration: none;
  display: block
}

.preordain-r .domainList:hover {
  border-color: #fd7875;
  transition: all .5s ease-out 0s
}

.preordain-r .domainList.del-domain {
  padding: 20px 12px 10px 8px
}

.preordain-r .domainList.del-domain p {
  font-size: 15px;
  text-align: center;
  padding-bottom: 10px;
  color: #999
}

.fast-domain {
  background: #f7f8fc;
  padding: 15px 0
}

.fast-domain a {
  display: inline-block;
  margin-right: 26px
}

.fast-domain a span {
  display: inline-block;
  padding-right: 1px
}

.bold {
  font-weight: 700
}

.sky {
  color: #0048ff
}

.orange {
  color: #ff7e00
}

.fast-domain a:hover,
.fast-domain a:hover span {
  color: #2a62ff;
  text-decoration: none
}

.picScroll {
  height: 120px;
  position: relative;
  margin: 20px auto 30px auto
}

#picBox {
  width: 1200px;
  height: 120px;
  overflow: hidden
}

.company ul li,
.picScroll ul li {
  float: left;
  display: block;
  width: 1200px
}

.picScroll ul li div.picList a {
  display: block;
  float: left;
  margin-right: 2px
}

.picScroll ul li div.picList a.end {
  margin-right: 0
}

.control a {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 50px;
  z-index: 100
}

.control a#goL {
  margin-left: -640px
}

.control a#goR {
  margin-left: 614px
}

.control.control-sale a {
  top: 70px
}

.gray {
  background: #f7f8fc;
  padding: 50px 0
}

.server-box li {
  width: 390px;
  float: left;
  display: block;
  margin: 15px 15px 5px 0
}

.server-box li:hover {
  box-shadow: 0 1px 12px rgba(170, 170, 170, .9)
}

.server-l {
  float: left;
  width: 185px
}

.server-l .click {
  display: block;
  color: rgba(255, 255, 255, .8);
  text-decoration: none
}

.server-l .hill {
  height: 269px;
  background: url(../images/hill.png) no-repeat left bottom;
  padding: 25px 20px;
  text-align: center
}

.server-l .writing {
  color: rgba(255, 255, 255, 1)
}

.server-l .writing h2,
.server-l .writing h2 a {
  font-size: 24px;
  color: rgba(255, 255, 255, 8);
  padding: 20px 0 15px 0
}

.server-l .writing h2 a:hover {
  text-decoration: none
}

.server-r {
  width: 205px;
  height: 269px;
  float: right;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-left: 0;
  padding: 45px 14px
}

.server-r p {
  font-size: 16px;
  color: #333
}

.server-r .server-link {
  margin: 30px 0
}

.server-r .server-link a {
  display: inline-block;
  padding: 0 5px 5px 5px;
  font-size: 15px;
  color: #666
}

.server-btn {
  color: #fff;
  display: block;
  text-align: center;
  padding: 6px 0;
  font-size: 15px;
  border-radius: 3px
}

.server-btn:hover {
  color: #fff;
  text-decoration: none;
  opacity: .9;
  transition: all .2s ease-out 0s
}

.server-box li.yuming .server-l {
  background: #2cb4ec;
  background: -moz-linear-gradient(left, #46d7ec 0, #2cb4ec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #46d7ec), color-stop(100%, #2cb4ec));
  background: -webkit-linear-gradient(left, #46d7ec 0, #2cb4ec 100%);
  background: linear-gradient(to right, #46d7ec 0, #2cb4ec 100%)
}

.server-box li.wangzhan .server-l {
  background: #8042ff;
  background: -moz-linear-gradient(left, #988aff 0, #8042ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #988aff), color-stop(100%, #8042ff));
  background: -webkit-linear-gradient(left, #988aff 0, #8042ff 100%);
  background: linear-gradient(to right, #988aff 0, #8042ff 100%)
}

.server-box li.renzheng .server-l {
  background: #ff6c13;
  background: -moz-linear-gradient(left, #ffc494 0, #ff6c13 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffc494), color-stop(100%, #ff6c13));
  background: -webkit-linear-gradient(left, #ffc494 0, #ff6c13 100%);
  background: linear-gradient(to right, #ffc494 0, #ff6c13 100%)
}

.server-box li.yunanq .server-l {
  background: #0048ff;
  background: -moz-linear-gradient(left, #4d7fff 0, #0048ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d7fff), color-stop(100%, #0048ff));
  background: -webkit-linear-gradient(left, #4d7fff 0, #0048ff 100%);
  background: linear-gradient(to right, #4d7fff 0, #0048ff 100%)
}

.server-box li.shangbiao .server-l {
  background: #fe605d;
  background: -moz-linear-gradient(left, #fd8381 0, #fe605d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd8381), color-stop(100%, #fe605d));
  background: -webkit-linear-gradient(left, #fd8381 0, #fe605d 100%);
  background: linear-gradient(to right, #fd8381 0, #fe605d 100%)
}

.server-box li.tuiguang .server-l {
  background: #00c59e;
  background: -moz-linear-gradient(left, #72edd2 0, #00c59e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72edd2), color-stop(100%, #00c59e));
  background: -webkit-linear-gradient(left, #72edd2 0, #00c59e 100%);
  background: linear-gradient(to right, #72edd2 0, #00c59e 100%)
}

.server-box li.yuming .server-r {
  border-color: #44d3ec
}

.server-box li.wangzhan .server-r {
  border-color: #9582ff
}

.server-box li.renzheng .server-r {
  border-color: #ffb27a
}

.server-box li.yunanq .server-r {
  border-color: #429fff
}

.server-box li.shangbiao .server-r {
  border-color: #fd7f7d
}

.server-box li.tuiguang .server-r {
  border-color: #6cebcf
}

.server-box li.yuming .server-btn {
  background: #0094cf;
  background: -moz-linear-gradient(top, #46d7ec 0, #0094cf 100%);
  background: -webkit-gradient(linear, top bottom, color-stop(0, #46d7ec), color-stop(100%, #0094cf));
  background: -webkit-linear-gradient(top, #46d7ec 0, #0094cf 100%);
  background: linear-gradient(to bottom, #46d7ec 0, #0094cf 100%)
}

.server-box li.wangzhan .server-btn {
  background: #611bf3;
  background: -moz-linear-gradient(top, #947eff 0, #611bf3 100%);
  background: -webkit-gradient(linear, top bottom, color-stop(0, #947eff), color-stop(100%, #611bf3));
  background: -webkit-linear-gradient(top, #947eff 0, #611bf3 100%);
  background: linear-gradient(to bottom, #947eff 0, #611bf3 100%)
}

.server-box li.renzheng .server-btn {
  background: #ff6100;
  background: -moz-linear-gradient(top, #fb8 0, #ff6100 100%);
  background: -webkit-gradient(linear, top bottom, color-stop(0, #fb8), color-stop(100%, #ff6100));
  background: -webkit-linear-gradient(top, #fb8 0, #ff6100 100%);
  background: linear-gradient(to bottom, #fb8 0, #ff6100 100%)
}

.server-box li.yunanq .server-btn {
  background: #004fdf;
  background: -moz-linear-gradient(top, #6d9dff 0, #004fdf 100%);
  background: -webkit-gradient(linear, top bottom, color-stop(0, #6d9dff), color-stop(100%, #004fdf));
  background: -webkit-linear-gradient(top, #6d9dff 0, #004fdf 100%);
  background: linear-gradient(to bottom, #6d9dff 0, #004fdf 100%)
}

.server-box li.shangbiao .server-btn {
  background: #fe3a36;
  background: -moz-linear-gradient(top, #ff9492 0, #fe3a36 100%);
  background: -webkit-gradient(linear, top bottom, color-stop(0, #ff9492), color-stop(100%, #fe3a36));
  background: -webkit-linear-gradient(top, #ff9492 0, #fe3a36 100%);
  background: linear-gradient(to bottom, #ff9492 0, #fe3a36 100%)
}

.server-box li.tuiguang .server-btn {
  background: #00b18e;
  background: -moz-linear-gradient(top, #67e9cc 0, #00b18e 100%);
  background: -webkit-gradient(linear, top bottom, color-stop(0, #67e9cc), color-stop(100%, #00b18e));
  background: -webkit-linear-gradient(top, #67e9cc 0, #00b18e 100%);
  background: linear-gradient(to bottom, #67e9cc8 0, #00b18e 100%)
}

.server-box li.renzheng,
.server-box li.tuiguang {
  margin-right: 0
}

.search-box {
  background: url(../images/search-bg.gif) repeat left top;
  padding: 25px 0 20px 0
}

.cnic {
  width: 200px;
  height: 46px;
  margin-top: 26px;
  background: url(../images/domain_l.png) no-repeat left center
}

.search-middle {
  width: 780px
}

.search-tab a {
  display: inline-block;
  background: #272744;
  padding: 5px 35px;
  color: #fff;
  text-decoration: none;
  border-radius: 3px 3px 0 0;
  font-size: 16px
}

.search-tab a.default {
  background: #007eff
}

.s-domain {
  width: 70%;
  padding: 10px
}

.s-domain input,
.s-trademark input,
.whoisbtn input {
  width: 100%;
  border: 0
}

.s-domain .domainDrop li input {
  width: auto
}

.s-box {
  width: 100%;
  display: none;
  position: relative
}

.s-box.active {
  display: block
}

.select_box ul {
  border: 0;
  background: #eee;
  top: 50px;
  width: 100px
}

.sch-box {
  position: relative;
  height: 43px;
  background: #fff;
  border-radius: 0 3px 3px 3px
}

.sch-box .btn-group.open .dropdown-toggle {
  box-shadow: none
}

.domainDrop {
  background: #fff;
  border-radius: 4px;
  padding: 25px 20px 10px 20px;
  position: absolute;
  left: 0;
  top: 45px;
  width: 780px;
  z-index: 999998;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  /* display: none */
}

.domainDrop li {
  display: block;
  width: 14%;
  float: left;
  padding-bottom: 8px
}

.domainDrop li label,
.domainul li label,
.sl-domain li label,
.xzdiv label {
  font-weight: 400;
  color: #333;
  padding-left: 5px
}

.domainDrop.dropdown-menu {
  float: none;
  border: 0;
  margin: 0
}

.sch-box [role=button] {
  cursor: none
}

.domainul li input[type=checkbox] {
  width: 16px;
  height: 16px;
  vertical-align: top;
  background-color: #fff;
  -webkit-appearance: none;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  outline: 0
}

.domainul li input[type=checkbox]:checked {
  background: url(../images/domain_05.png) no-repeat center
}

.domainDrop li span,
.domainul li span {
  color: #fff;
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  padding: 2px 3px;
  line-height: 1.2
}

span.color-hot {
  background: #e30000
}

span.color-sale {
  background: #ff6c00
}

span.color-new {
  background: #0080ff
}

.sch-type {
  position: relative;
  width: 15%;
  font-size: 18px;
  border-left: 1px solid #b2b2b2;
  line-height: 43px;
  background: #f7f8fc
}

.sch-type input {
  display: block;
  width: 100%;
  height: 43px;
  line-height: 43px;
  background: url(../images/domico.png) no-repeat 90px 19px;
  border: 0;
  cursor: pointer;
  padding: 0 20px 0 15px
}

.sch-type .select-ul {
  background: #f7f8fc;
  left: -1px;
  top: 43px;
  border: 1px solid #b2b2b2;
  border-top: 0;
  width: 117px;
  height: 200px;
  overflow-y: scroll;
  position: absolute;
  z-index: 999999;
  display: none
}

.sch-type .select-ul li {
  padding-left: 15px;
  line-height: 2;
  font-size: 16px;
  cursor: pointer
}

.sch-type .select-ul li:hover {
  background: #ddd
}

.sch-btn {
  float: right;
  width: 15%;
  background: #007eff;
  line-height: 43px;
  color: #fff;
  font-size: 18px;
  border-radius: 0 3px 3px 0;
  text-align: center;
}

.s-trademark {
  width: 84%;
  padding: 10px
}

.tlink {
  position: absolute;
  right: 0;
  top: -30px
}

.teamlink a,
.tlink a {
  display: inline-block;
  margin-left: 20px;
  color: #fff
}

.blink {
  margin-top: 15px
}

.onlylink {
  width: 40%
}

.onlylink a {
  color: #ff6920
}

.t-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.teamlink a {
  background: #292744;
  padding: 2px 9px;
  border-radius: 1px;
  margin-left: 8px
}

.brand {
  width: 200px;
  margin-top: 30px
}

.brand i {
  display: inline-block;
  background: url(../images/baohu.png) no-repeat;
  width: 54px;
  height: 54px;
  border-radius: 27px
}

.brand p {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  width: auto;
  float: right;
  padding-top: 4px
}

.brand p span {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0
}

.brand :hover i {
  background-color: #2087ed
}

.brand :hover p {
  color: #2087ed
}

.banner {
  position: relative
}

.banner.bannerH .swiper-slide {
  height: 460px
}

.banner.rz-bnr .swiper-slide,
.banner.rz-bnr .swiper-slide a {
  height: 460px
}

.banner .odd-bnr,
.banner .swiper-slide,
.banner .swiper-slide a {
  background-repeat: no-repeat;
  background-position: center top;
  height: 400px
}

.banner .swiper-slide a {
  display: block
}

#tabs-banner.pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center
}

#tabs-banner .swiper-pagination-bullet,
#tabs-banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: #fff;
  margin: 0 8px;
  opacity: .3
}

#tabs-banner .swiper-active-switch,
#tabs-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  opacity: .7;
  width: 20px
}

.chushen {
  width: 567px;
  float: left
}

.telone {
  padding: 20px 5px 0 5px
}

.telone span {
  border: 2px solid #e8141c;
  border-radius: 6px;
  height: 52px;
  line-height: 52px;
  width: 250px;
  display: inline-block;
  font-size: 18px;
  text-align: center;
  background-image: url(../images/kx_28.png);
  background-repeat: no-repeat
}

.telone span a,
.telone span a:hover {
  text-decoration: none;
  color: #333;
}

.telone span.fl {
  background-position: 35px 10px;
  padding-left: 30px;
}

.telone span.fr {
  background-position: 60px -42px;
  padding-left: 40px;
}

#mob-banner,
#swiper-icon,
.cnews-more,
.dym-more,
.dynList.hotList li.last,
.ie-arrow-left,
.ie-arrow-right,
.m-show,
.mob-case,
.mob-corevalue,
.mob-desc,
.mob-domain,
.mob-search,
.mob-show .shape,
.powerful,
.preordain .title {
  display: none
}

.dig-bg {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.6;
  opacity: 0.6;
  display: none;
}

#closeVideo {
  display: inline-block;
  padding-right: 5px;
  color: #fff;
  font-size: 16px;
}

.dig-vid {
  display: block;
  width: 1000px;
  height: 560px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  top: 50%;
  /*    -moz-border-radius: 6px 6px 0 0;    -webkit-border-radius: 6px 6px 0 0;    border-radius: 6px 6px 0 0;*/
  overflow: hidden;
  /*    box-shadow: 0 0 15px #666;*/
  z-index: 10001;
  display: none;
  text-align: right;
  box-sizing: content-box;
  padding: 40px
}

.dig-vid #close {
  width: 30px;
  height: 30px;
  font-size: 16px;
  top: 15px;
  right: 15px;
}

.dig-vid .videoBox {
  overflow: hidden;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 0 15px #666;
}

@media screen and (max-width:768px) {

  #swiper-banner,
  .ad-link,
  .ad-lunzhuan,
  .corevalue li i,
  .ctf-line,
  .ctfation-intro,
  .cx-website .fl,
  .d-mark,
  .d-right,
  .description,
  .detail,
  .dns-tex ul li div.number,
  .dynList li span.time,
  .e-media,
  .fast-domain,
  .foot,
  .free-box,
  .high,
  .highlight li i,
  .i-icon,
  .line-r,
  .mob-hide,
  .more-links,
  .more-price,
  .other-info,
  .picScroll,
  .preordain-l,
  .pthree,
  .ptwo,
  .result-total,
  .scroll-outer,
  .search-box,
  .selector .sl-value.sl-right i,
  .server-r,
  .slider-box a.next,
  .slider-box a.prev,
  .ssl-choose p,
  .system li div p,
  .title p,
  .years,
  del {
    display: none
  }

  #mob-banner,
  #swiper-icon,
  .cnews-more,
  .m-show,
  .mob-case,
  .mob-domain,
  .mob-show .shape,
  .powerful,
  .preordain .title {
    display: block
  }

  #scroll,
  #scroll-honor,
  #swiper-icon img,
  .add-value li img,
  .appreciation img,
  .chushen img,
  .cnews-pic img,
  .ctfation ul li img,
  .dynList li a,
  .dynList.hotList li a,
  .ipv6-img img,
  .jdh_ddym_comyum ul li img,
  .jingjia-search,
  .mob-case img,
  .mob-desc li img,
  .mob-ipv6-file img,
  .partner li img,
  .preordain-r .domainList p.zh-domain,
  .red-btn,
  .scroll-box,
  .ssl-special ul,
  .ssl-value-mob img,
  .video-l img,
  .video-l video,
  .yuanli {
    width: 100%
  }

  .certifn-list.fr,
  .certifn-pic.fl,
  .chushen,
  .cnews-list,
  .cnews-pic,
  .com-intro,
  .com-left,
  .cx-form,
  .cx-form.fr,
  .d-info,
  .dns-tex.fr,
  .dynamic,
  .dynamic-l,
  .dynamic-r,
  .hotList li,
  .ipv6-file,
  .ipv6-img,
  .ipv6-news,
  .ipv6-why,
  .jingjia-left.fl,
  .jingjia-right.fr,
  .mylist li div,
  .preordain-r,
  .server-l,
  .station .photo.fl,
  .station .website.fr,
  .text-box,
  .video-l.fl,
  .video-r.fr,
  span.fl,
  span.fr {
    float: none;
    width: 100%
  }

  .choose p,
  .dian p,
  .inner p,
  .internet div span p,
  .server-l .writing,
  .value {
    font-size: 10px
  }

  .certifn-choose .certifn-box h4,
  .choose h5,
  .cn-list li h2,
  .cnews-title,
  .cx-form li label,
  .dynList li a,
  .highlight li p,
  .icon-a,
  .internet div span h5,
  .ipv6-why li p,
  .mob-corevalue li h3,
  .p-table .table>thead>tr>th,
  .panel-title span,
  .preordain-r .domainList p.new-domain,
  .price-title h1 span,
  .selector .sl-value,
  .server-l .writing h2,
  .server-l .writing h2 a,
  .sl-value span,
  .ssl-choose ul li h5,
  .ssl-scenes b,
  .station .website,
  .theory li,
  .title-top h4.sub-tit,
  .video-r,
  .inventory {
    font-size: 14px
  }

  .add-value li p,
  .answer,
  .appreciation p,
  .blue-tab li,
  .certification ul li p,
  .cnews-box,
  .cnews-time,
  .ctfation ul li p,
  .d-box .table>tbody>tr>td,
  .d-box .table>tbody>tr>td p,
  .dian span.name,
  .dynList li span.time,
  .jdh_plb_ptwo,
  .jingjia-rules,
  .jingjia-rules p,
  .jingjia-table .table>tbody>tr>td,
  .mob-edition li p.intro,
  .other-product a,
  .p-table .table>tbody>tr>td,
  .p-table .table>thead>tr.f-small>th,
  .panel-title,
  .pone,
  .popular .domainList p,
  .preordain-r .domainList p,
  .preordain-r .domainList.del-domain p,
  .red-word,
  .result-list li div.right a,
  .result-list li span,
  .ssl-choose b,
  .ssl-choose ul li a,
  .update,
  .value i,
  .allbuyadd,
  .inventory span,
  .shopping li span.remove a {
    font-size: 12px
  }

  .domain-caption.entrust span,
  .ipv6-why li,
  .notes h3 a,
  .platform-mob li h3,
  .popular p.new-domain,
  .price-title h1,
  .tab a,
  .theory li h5,
  .video-r h2 {
    font-size: 16px
  }

  .ctfation-box {
    padding: 30px 0
  }

  .ctfation {
    background: 0 0;
    padding: 0 15px
  }

  .ctfation ul li {
    margin-right: 0;
    width: 25%;
    padding: 0 2px
  }

  .ctfation ul li p {
    color: #000
  }

  .red-word {
    text-align: center;
    color: #ce0202;
    padding: 15px 0 25px 0
  }

  .red-btn a {
    display: inline-block;
    margin: 0 10px;
    padding: 6px 32px;
    border-radius: 32px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    background: #d7272e
  }

  .ctfation-choose {
    background: url(../images/rz_06_mob.jpg) no-repeat top center;
    background-size: 100% auto;
    height: 230px
  }

  .valueList {
    background-position: right 15px;
    padding: 0 10px;
    background-size: 45% auto;
    height: 200px
  }

  .value {
    width: 105px;
    height: 105px;
    padding: 15px 5px;
    border-width: 3px
  }

  .value i {
    margin-bottom: 0;
    font-style: normal
  }

  .bright {
    position: absolute;
    left: 108px
  }

  .tree {
    position: absolute;
    left: 10px;
    top: 95px;
    z-index: 1;
    margin-left: 0
  }

  .platform {
    position: absolute;
    left: 108px;
    top: 95px;
    z-index: 2
  }

  .platform.value i,
  .tree.value i {
    margin-bottom: 5px
  }

  .mob-search {
    display: block;
    padding: 0 15px 20px 15px
  }

  .sch-title {
    text-align: center;
    margin: 20px 0
  }

  .sch-title h1 {
    font-size: 18px;
    color: #000;
    text-transform: uppercase
  }

  .mob-sch span {
    float: left;
    color: #000;
    font-size: 16px;
    display: block;
    height: 40px;
    line-height: 40px
  }

  .mob-sch span.www {
    width: 10%;
    margin-right: 2%
  }

  .mob-sch span.mob-input {
    width: 60%
  }

  .mob-sch span.mob-input input {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-right: 0;
    padding: 6px 10px;
    border-radius: 4px 0 0 4px;
    -webkit-appearance: none;
    height: 40px;
    line-height: 40px
  }

  .mob-sch button.mob-sch-btn {
    height: 40px;
    line-height: 40px;
    width: 28%;
    color: #fff;
    background: url(../images/mob-search.png) no-repeat 15px 10px #007eff;
    background-size: 20px 20px;
    padding-left: 26px;
    font-size: 16px;
    border-radius: 0 4px 4px 0
  }

  .d-border.result-list.cn-list,
  .mob-top {
    border-top: 8px solid #f1f2f7
  }

  .gray {
    background: #fff;
    padding: 30px 0 20px
  }

  .server-box {
    padding: 0 15px
  }

  .server-box li {
    width: 32%;
    margin: 0 2% 2% 0
  }

  .server-box li:nth-child(3),
  .server-box li:nth-child(6) {
    margin-right: 0
  }

  .server-l .hill {
    height: 180px;
    padding: 18px 0 0 0
  }

  .server-l .hill img {
    width: 55px
  }

  .server-l .writing h2,
  .server-l .writing h2 a {
    font-weight: 700;
    padding: 15px 0 10px 0
  }

  .server-box li:hover {
    box-shadow: none
  }

  .preordain {
    padding: 30px 0 10px 0
  }

  .preordain-r .col-xs-6:nth-last-child(2),
  .preordain-r .col-xs-6:nth-last-child(3),
  .preordain-r .col-xs-6:nth-last-child(4),
  .preordain-r .col-xs-6:nth-last-child(5),
  .preordain-r .col-xs-6:nth-last-child(6),
  .preordain-r .col-xs-6:nth-last-child(7) {
    display: none
  }

  .preordain-r .col-xs-6:nth-child(odd) {
    padding-right: 7px
  }

  .preordain-r .col-xs-6:nth-child(even) {
    padding-left: 7px
  }

  .preordain-r .domainList {
    border-color: #fd7875;
    padding: 10px;
    height: 100px;
    margin-bottom: 15px
  }

  .preordain-r .domainList.del-domain {
    padding: 24px 0 0 0
  }

  .preordain-r .domainList.del-domain p {
    padding-bottom: 10px;
    color: #999
  }

  .preordain-r .domainList.del-domain p img {
    width: 20px
  }

  .preordain-r .domainList p.new-domain {
    margin-bottom: 4px
  }

  .tab {
    border-bottom: none;
    padding: 0 8px 5px 8px;
    height: 36px;
    position: absolute;
    width: 75%;
    z-index: 9
  }

  .tab2 {
    border-bottom: 1px solid #e9ebf0;
    z-index: 2;
    width: 100%
  }

  .tab a {
    height: 36px
  }

  .dynamic {
    height: auto;
    position: relative;
  }

  #swiper-dynamic {
    z-index: 3;
    top: 0;
    padding-top: 36px;
  }

  .dynamic-l {
    margin: 4%;
    background-size: 100% auto;
    width: 92%;
    border-radius: 2px;
    height: 90px
  }

  .dynamic-r {
    padding: 0 15px 0 10px;
    margin: 0;
    position: relative;
    padding-bottom: 90px;
  }

  .dynamic-r .high {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0 15px 0 15px
  }

  .dynamic-r .high a {
    width: 49%;
    height: auto
  }

  .dynList li a:hover {
    color: #888;
    text-decoration: none
  }

  .notes {
    bottom: 5px;
    width: 100%;
    left: 0;
    padding: 0 10px
  }

  .notes .t-hide {
    line-height: 1.5;
    overflow: auto;
    text-overflow: inherit;
    white-space: normal
  }

  .dynList li span.time {
    width: 25%
  }

  .dynList li,
  .dynList li a,
  .dynList li span.time {
    height: 32px
  }

  .dym-more {
    display: block;
    text-align: right;
    margin: 0;
    position: absolute;
    top: -42px;
    right: 17px;
    z-index: 3;
  }

  .dym-more a {
    color: #5179a3;
    font-size: 13px
  }

  .choose-box .col-xs-6 {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0
  }

  .choose-box .col-xs-6:nth-child(odd) {
    border-right: 1px solid #e0e0e0
  }

  .choose-box .col-xs-6:nth-child(3),
  .choose-box .col-xs-6:nth-child(4) {
    border-bottom: 0
  }

  .basic-box,
  .choose-box,
  .ctfation-news,
  .value-box {
    padding: 30px 0
  }

  .choose {
    margin: 0;
    height: 160px;
  }

  .mob-choose {
    padding: 0 5px
  }

  .choose img {
    width: 50px
  }

  .choose h5 {
    font-weight: 700;
    margin-top: 20px
  }

  .choose em {
    width: 20px;
    margin: 9px auto
  }

  .choose p {
    line-height: 1.6;
    padding: 0 15px;
  }

  #tabs-partner.pagination {
    position: absolute;
    bottom: 10px
  }

  .partner {
    padding: 0 15px 0 15px
  }

  .partner li {
    width: 22.7%;
    margin-right: 3%
  }

  .partner li:nth-child(12),
  .partner li:nth-child(16),
  .partner li:nth-child(4),
  .partner li:nth-child(8) {
    margin-right: 0;
    border-right: 0
  }

  .partner li.six.mob-last {
    border: 0
  }

  .partner li.six {
    border-right: 1px solid #eff0f2
  }

  .partner li:nth-child(12) .shape,
  .partner li:nth-child(16) .shape,
  .partner li:nth-child(4) .shape,
  .partner li:nth-child(8) .shape {
    background-image: url(../images/line-b-six-mob.png)
  }

  .partner li.six .shape {
    background-image: url(../images/line-b-mob.png)
  }

  .shape {
    background-image: url(../images/line-b-mob.png);
    left: 2.5%
  }

  .pagination {
    margin: 0
  }

  .banner .swiper-slide,
  .banner.bannerH .swiper-slide,
  .banner.rz-bnr .swiper-slide,
  .banner.rz-bnr .swiper-slide a {
    background-size: 100% auto;
    height: 200px
  }

  #mob-tabs.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center
  }

  #mob-tabs .swiper-pagination-bullet,
  #mob-tabs .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #fff;
    margin: 0 6px;
    opacity: .3
  }

  #mob-tabs .swiper-active-switch,
  #mob-tabs .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    opacity: .7;
    width: 16px
  }

  .rz-bnr {
    background-image: url(../images/rz_banner_mob.jpg);
    background-size: 100% auto
  }

  .banner .odd-bnr.rz-bnr {
    height: 200px
  }

  .cnews-pic {
    padding: 0 15px;
    margin-bottom: 5px
  }

  .cnews-title {
    padding: 0 30px
  }

  .cnews-pic img {
    height: 150px
  }

  .title-top h4.sub-tit {
    padding-bottom: 8px
  }

  .cnews-list .col-lg-6:nth-last-child(1),
  .cnews-list .col-lg-6:nth-last-child(2),
  .cnews-list .col-lg-6:nth-last-child(3),
  .cnews-list .col-lg-6:nth-last-child(4) {
    display: none
  }

  .cnews-more {
    text-align: center;
    padding-top: 20px
  }

  .cnews-more a {
    color: #5179a3
  }

  .c-icon {
    background-size: 100% auto;
    padding-bottom: 2px
  }

  .c-icon img {
    width: 60%
  }

  .mob-product .col-xs-4:nth-child(3) .c-icon img {
    width: 57%
  }

  .c-icon.c-big img {
    width: 30%
  }

  .c-icon.c-middle img {
    width: 42%
  }

  .other-product a {
    height: 110px
  }

  .col-xs-4 {
    border: 1px solid #e5e5e5
  }

  .mob-product .col-xs-4.three-cols:nth-child(2),
  .mob-product .col-xs-4.three-cols:nth-child(3),
  .mob-product .col-xs-4.three-cols:nth-child(4) {
    border-bottom: 1px solid #e5e5e5
  }

  .mob-product {
    padding: 30px 15px
  }

  .mob-product .col-xs-4:nth-child(2),
  .mob-product .col-xs-4:nth-child(3) {
    border-right: 0;
    border-bottom: 0
  }

  .mob-product .col-xs-4:nth-child(4) {
    border-bottom: 0
  }

  .mob-product .col-xs-4:nth-child(5),
  .mob-product .col-xs-4:nth-child(6) {
    border-right: 0
  }

  .basic {
    background-position: 60% 42%;
    background-size: 55% auto;
    height: 380px
  }

  .appreciation {
    left: 15px;
    top: 0;
    width: 120px
  }

  .appreciation img {
    border-width: 3px
  }

  .appreciation.e-media.e-brand,
  .e-card {
    margin-left: 0;
    left: inherit;
    right: 15px
  }

  .e-safe {
    top: inherit;
    bottom: 0;
    margin-left: 0
  }

  .appreciation.e-media.e-brand {
    display: block;
    top: inherit;
    bottom: 0
  }

  .cx-value {
    background-position: 50% 30%;
    background-size: 50% auto;
    height: 260px
  }

  .cx-value .value {
    background-size: 110px 110px;
    left: 15px;
    padding: 25px 15px;
    width: 110px;
    height: 110px
  }

  .cx-value .value.bright {
    right: 15px;
    left: inherit;
    margin-left: 0
  }

  .cx-value .value.tree {
    left: 30px;
    top: inherit;
    bottom: 0
  }

  .cx-value .value.platform {
    top: inherit;
    bottom: 10px;
    right: 30px
  }

  .cx-form,
  .mob-desc {
    display: block;
    padding: 0 15px
  }

  .mob-desc li {
    display: block;
    border: 1px solid #e2e2e2;
    padding: 10px 5px 5px 5px
  }

  .mob-desc li p {
    text-align: center;
    display: block;
    padding-bottom: 12px
  }

  .mob-desc li p span {
    font-size: 12px;
  }

  .mob-desc li p a {
    background: #b41f25;
    display: block;
    width: 90%;
    margin: 0 auto;
    border-radius: 32px;
    padding: 2px 0;
    color: #fff
  }

  .cx-form li {
    padding-bottom: 15px
  }

  .cx-form li input,
  .jingjia-right li input,
  .jingjia-right li textarea {
    height: 34px;
    box-shadow: none;
    -webkit-appearance: none
  }

  .cx-form li label {
    width: 25%
  }

  .cx-form li img {
    width: 90px
  }

  .cx-form li input.verifycode {
    width: 40%
  }

  .kx-value {
    background-size: 45% auto;
    background-position: right 20px;
    height: 210px
  }

  .kx-value .value {
    background-size: 110px 96px;
    width: 110px;
    height: 96px;
    left: 10px;
    top: 0;
    padding: 15px
  }

  .kx-value .value.bright {
    left: 120px;
    margin-left: 0;
    top: 0
  }

  .kx-value .value.tree {
    top: 110px;
    margin-left: 0
  }

  .kx-value .value.platform {
    left: 120px;
    top: 110px
  }

  .indicate {
    background-size: 40% auto;
    background-position: 53% 90px;
    height: 330px
  }

  .indicate .appreciation {
    left: 15px
  }

  .indicate .e-engine {
    margin-left: 0;
    top: 0;
    left: inherit;
    right: 15px
  }

  .indicate .e-card {
    margin-left: 0;
    top: 180px
  }

  .indicate .e-browser {
    left: inherit;
    right: 15px;
    margin-right: 0;
    top: 180px
  }

  .indicate .appreciation img {
    border-color: #fe6261
  }

  .indicate .e-engine img {
    border-color: #7fc269
  }

  .indicate .e-card img {
    border-color: #f8b453
  }

  .indicate .e-browser img {
    border-color: #56a4fe
  }

  .add-value,
  .case-img {
    background: 0 0;
    height: auto;
    padding: 0 15px
  }

  .add-value li {
    border: 0
  }

  .add-value li img {
    border-width: 4px
  }

  .case-img li {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    text-align: center
  }

  .case-img li img {
    width: 94%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
  }

  .mob-domain {
    position: absolute;
    z-index: 999;
    background: #f7f8fc;
    width: 93%;
    left: 0;
    right: 0;
    top: 360px;
    margin: auto;
    padding-left: 10px;
    box-shadow: 2px 4px 10px #333;
    display: none;
  }

  .mobile_close {
    position: absolute;
    right: 0;
  }

  .mob-domain li {
    display: block;
    float: left;
    width: 33.333332%
  }

  #swiper-icon {
    padding: 15px 0
  }

  .internet {
    padding: 0 15px
  }

  .internet div {
    width: 33.3332%;
    padding: 15px 5px;
    height: 220px
  }

  .internet div span.i-span,
  .internet div.i-construct span.i-span {
    margin-right: 0
  }

  .internet img {
    width: 60px
  }

  .internet span {
    margin-bottom: 15px;
    text-align: center
  }

  .blue-tab {
    margin-bottom: 20px
  }

  .blue-tab li {
    display: inline-block;
    cursor: pointer;
    padding: 3px 6px;
    width: auto;
    height: auto;
    line-height: 20px;
    margin: 0 5px;
    border-radius: 4px
  }

  .blue-tab li.active {
    background: #007cfa
  }

  .mybox {
    padding: 15px 0
  }

  .mylist li {
    text-align: center;
    height: 70px
  }

  .mylist li img {
    float: none;
    width: 22px
  }

  .pone {
    display: block;
    padding-top: 10px;
    line-height: 1.4
  }

  .mylist li,
  .mylist li div {
    padding-left: 0
  }

  .mylist li.bottom-none,
  .myscroll .inner.bottom-none {
    padding-top: 15px
  }

  .myscroll {
    height: 180px
  }

  .inner {
    padding: 0 5px;
    height: 80px
  }

  .inner img {
    width: 70%
  }

  .mybox.mypartner {
    padding: 15px 0 10px 0
  }

  .owl-buttons {
    display: none
  }

  #scroll-honor .myscroll {
    height: 230px
  }

  #scroll-honor .inner {
    height: 110px
  }

  .d-info.d-border {
    border: 0
  }

  .head {
    font-size: 16px;
    border-color: #e5e5e5
  }

  .d-box {
    padding: 20px 12px
  }

  .d-box .table>tbody>tr>td {
    padding: 5px;
    line-height: 1.4
  }

  .d-box .table>tbody>tr>td:first-child,
  .jingjia-table .table>tbody>tr>td:first-child {
    padding-right: 0
  }

  .basic-box.space10 {
    padding: 0 0 10px 0
  }

  .head b {
    color: #333
  }

  .d-box .table>tbody>tr>td p {
    line-height: 1.6
  }

  .dian {
    width: 100%;
    height: auto;
    padding: 0 5px 5px 5px
  }

  .mob-years li {
    margin-right: 2%;
    float: left;
    width: 32%
  }

  .mob-years li:last-child {
    margin-right: 0
  }

  .dian span.hot-sale {
    background-size: 20px 9px;
    width: 20px;
    height: 9px
  }

  .bg-color,
  .value-btn {
    background: #fff;
    padding: 0
  }

  .white-box {
    padding: 15px 12px;
    margin-top: 0
  }

  .p-table .table>tbody>tr>td {
    padding: 8px 5px
  }

  .hotList {
    padding: 0 12px
  }

  .bg-light {
    background: #fff;
    margin-top: 0
  }

  .text-box .panel-default>.panel-heading {
    background: #f7f8fc
  }

  .text-box .panel-body {
    background: #fff
  }

  .answer {
    width: 94%;
    padding-right: 0;
    line-height: 1.6
  }

  .text-box .panel-title a.collapsed::before,
  .text-box .panel-title a::before {
    top: -10px
  }

  .com-intro,
  .com-left,
  .jdh_ddym_comyum ul,
  .result-list.d-border {
    border: 0;
    padding: 0 15px
  }

  .result-list li {
    padding: 0;
    font-size: 12px
  }

  .result-list li div.d-name {
    min-width: 0;
    width: auto
  }

  .result-list li div.middle {
    margin: 0 5px;
    position: inherit;
    top: 0;
    right: 0;
    display: none;
  }

  .com-left {
    text-align: center;
    margin-bottom: 40px
  }

  .com-left img {
    width: 200px
  }

  .com-intro h3 {
    font-size: 18px;
    margin-bottom: 15px
  }

  .com-intro p:last-child {
    padding-bottom: 0
  }

  .jdh_ddym_comyum ul li {
    width: 48%;
    height: auto;
    margin-right: 0
  }

  .jdh_ddym_comyum ul li:nth-child(1),
  .jdh_ddym_comyum ul li:nth-child(2) {
    margin-bottom: 4%
  }

  .jdh_ddym_comyum ul li:nth-child(1) div,
  .jdh_ddym_comyum ul li:nth-child(2) div {
    height: 115px
  }

  .jdh_ddym_comyum ul li:nth-child(odd) {
    margin-right: 2%
  }

  .jdh_ddym_comyum ul li:nth-child(even) {
    margin-left: 2%
  }

  .jdh_ddym_comyum ul li div {
    height: 140px;
    padding: 0 10px
  }

  .jdh_plb_pone {
    font-size: 14px;
    padding: 10px 0 0 0
  }

  .jdh_ddym_comyum ul li div img {
    top: -5px;
    width: 10px
  }

  .certifn-choose,
  .corevalue,
  .dns-tex,
  .highlight,
  .ipv6-file,
  .ipv6-img,
  .ipv6-news,
  .ipv6-why,
  .jingjia-search,
  .leading,
  .mob-box,
  .mob-deploy,
  .mob-edition,
  .platform-mob,
  .ssl-choose,
  .ssl-scenes,
  .ssl-value-mob,
  .station,
  .system {
    padding: 0 15px
  }

  .mob-edition li,
  .platform-mob li {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    height: 150px;
  }

  .platform-mob li img {
    width: 95%
  }

  .platform-mob li h3 {
    padding-bottom: 10px
  }

  .platform-mob li:nth-last-child(1),
  .platform-mob li:nth-last-child(2) {
    margin: 0
  }

  .mob-edition li {
    width: 48%;
    margin-bottom: 15px;
    box-shadow: 0 0 10px hsla(0, 0%, 60.8%, .45);
    padding: 20px 15px;
    text-align: center;
    height: 255px
  }

  .mob-edition li:nth-child(even) {
    float: right
  }

  .mob-edition li img {
    width: 120px
  }

  .mob-edition li h4,
  .mob-edition li p.price {
    font-size: 16px;
    padding: 10px 0;
    color: #000
  }

  .mob-edition li p.intro {
    text-align: left;
    height: 60px
  }

  .mob-edition li p a {
    display: block;
    background: #c60020;
    padding: 6px 0;
    border-radius: 32px;
    color: #fff;
    text-decoration: none
  }

  .ssl-scenes {
    background: 0 0;
    height: auto;
    position: inherit
  }

  .ssl-scenes div {
    position: inherit;
    left: 0;
    float: left;
    width: 50%;
    padding: 15px;
    border: 1px solid #ddd;
    margin-right: -1px;
    margin-top: -1px
  }

  .ssl-scenes div.title {
    margin-left: 0;
    top: 0;
    float: none;
    border: 0;
    width: 100%;
    padding: 0
  }

  .ssl-scenes img {
    float: none;
    margin-right: 0;
    width: 55px;
    margin: 0 auto 10px auto;
    border-width: 2px
  }

  .scenes-01,
  .scenes-02,
  .scenes-03,
  .scenes-04 {
    margin-left: 0;
    top: 0
  }

  .ssl-scenes b {
    text-align: center
  }

  .ssl-scenes p {
    text-align: left
  }

  .ssl-tabs li {
    border-width: 1px;
    padding: 3px 6px;
    height: 32px;
    margin: 0 5px
  }

  .ssl-tabs li img {
    width: 60px;
    vertical-align: middle
  }

  .ssl-tabs li i {
    background-size: 16px 10px;
    width: 16px;
    height: 10px;
    top: 30px;
    margin-left: -8px
  }

  .ssl-choose {
    margin-top: 30px
  }

  .ssl-choose ul {
    width: 32%;
    padding: 15px 10px;
    margin-right: 6px;
    margin-bottom: 6px
  }

  .ssl-choose ul:nth-child(3) {
    margin-right: 0
  }

  .ssl-choose ul li h5 {
    margin: 20px 0 0 0
  }

  .dns-tex ul li:last-child,
  .mob-deploy li:nth-child(3),
  .mob-deploy li:nth-child(4),
  .partner.ssl-partner li:nth-child(9).line-b {
    margin-bottom: 0
  }

  .dns-tex ul li {
    padding: 25px 15px 12px 15px;
    text-align: center;
    margin: 40px 0 20px 0
  }

  .dns-tex ul li div.caption {
    background: #64aaff;
    position: absolute;
    top: -17px;
    left: 50%;
    margin-left: -76px;
    width: 152px;
    height: 31px;
    line-height: 30px;
    color: #fff;
    font-size: 18px
  }

  .dns-tex ul li div.caption span.m-show {
    display: inline-block
  }

  .dns-tex ul li:nth-child(2) div.caption,
  .dns-tex ul li:nth-child(2) div.caption i.square {
    background: #26e776
  }

  .dns-tex ul li:nth-child(3) div.caption,
  .dns-tex ul li:nth-child(3) div.caption i.square {
    background: #ffa445
  }

  .dns-tex ul li div.caption i.square {
    background: #64aaff;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
    transform: rotate(45deg)
  }

  .dns-tex ul li div.caption i.square.s-left {
    left: -11px
  }

  .dns-tex ul li div.caption i.square.s-right {
    right: -11px
  }

  .mob-deploy li {
    float: left;
    width: 47%;
    text-align: center;
    margin-bottom: 20px
  }

  .certifn-choose .col-lg-4:nth-child(even),
  .mob-deploy li:nth-child(even) {
    float: right
  }

  .mob-deploy li p {
    display: block;
    -webkit-box-shadow: 0 0 5px hsla(0, 0%, 60.8%, .25);
    box-shadow: 0 0 5px hsla(0, 0%, 60.8%, .25);
    padding: 15px;
    height: 100px;
    border-radius: 6px 6px 0 0;
    font-size: 16px;
    line-height: 1.4
  }

  .mob-deploy li a,
  .mob-deploy li i,
  .mob-deploy li p span {
    display: block
  }

  .mob-deploy li p span {
    padding-bottom: 5px
  }

  .mob-deploy li i {
    font-size: 13px;
    font-style: normal
  }

  .mob-deploy li:nth-child(1) p {
    color: #ffc200;
    padding-top: 26px
  }

  .mob-deploy li:nth-child(2) p {
    color: #ffa445
  }

  .mob-deploy li:nth-child(3) p {
    color: #26e776
  }

  .mob-deploy li:nth-child(4) p {
    color: #4ea1f8;
    padding-top: 26px
  }

  .mob-deploy li a {
    border-radius: 0 0 6px 6px;
    color: #fff;
    font-size: 17px;
    padding: 6px 0
  }

  .mob-deploy li:nth-child(1) a {
    background: #ffc200
  }

  .mob-deploy li:nth-child(2) a {
    background: #ffa445
  }

  .mob-deploy li:nth-child(3) a {
    background: #26e776
  }

  .mob-deploy li:nth-child(4) a {
    background: #4ea1f8
  }

  .system li {
    float: left;
    width: 32%;
    display: block;
    margin: 0 6px 6px 0;
    padding-top: 0
  }

  .system li i {
    width: 43px;
    height: 43px;
    background-size: 43px auto;
    top: 10px;
    margin-left: -22px
  }

  .system li div {
    padding: 70px 10px 10px;
    height: 100px
  }

  .system li:first-child div {
    padding: 61px 10px 10px
  }

  .system li div h5 {
    font-size: 12px;
    padding-bottom: 0
  }

  .system li.sys02 i {
    background-position: 0 -43px
  }

  .system li.sys03 i {
    background-position: 0 -86px
  }

  .system li.sys04 i {
    background-position: 0 -129px
  }

  .system li.sys05 i {
    background-position: 0 -172px
  }

  .system li.sys06 i {
    background-position: 0 -215px
  }

  .leading li {
    margin: 0 0 10px 0
  }

  .leading li h4 {
    font-size: 16px;
    padding: 15px 0
  }

  .leading li p {
    font-size: 12px;
    padding: 10px
  }

  .leading li span {
    background-size: 50px auto;
    width: 50px;
    height: 50px;
    font-size: 16px;
    padding: 5px
  }

  .leading li.idc span {
    background-position: 0 -50px
  }

  .leading li.protect span {
    background-position: 0 -100px
  }

  .leading li.management span {
    background-position: 0 -150px
  }

  .dns-advantage {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -60px;
    z-index: 2;
    font-size: 20px;
    line-height: 1.2;
    padding-top: 20px
  }

  .jingjia-search {
    margin: 15px 0
  }

  .search-bar {
    padding: 6px
  }

  .search-bar input {
    border: 0;
    width: 92%;
    font-size: 14px;
    display: inline-block;
    color: #c2c2c2;
    padding: 3px 0
  }

  .search-bar .search-btn {
    background-size: 21px 18px;
    width: 21px;
    height: 18px;
    right: 25px;
    top: 12px
  }

  .jingjia-tabs,
  .jingjia-tabs li,
  .title02,
  .title02 span {
    height: 34px
  }

  .title02 span {
    font-size: 16px;
    padding: 0 5px 0 27px
  }

  .jingjia-tabs li {
    font-size: 15px;
    padding: 0;
    margin-right: 12px;
    color: #666
  }

  .title02 span i {
    background-size: 18px 21px;
    width: 18px;
    height: 21px
  }

  .popular li {
    width: 50%;
    padding: 12px 5px 0 5px
  }

  .popular .domainList {
    padding: 15px;
    border: 1px solid #2a62ff
  }

  .jingjia-tabs a,
  .popular li:nth-last-child(1),
  .popular li:nth-last-child(2),
  .popular li:nth-last-child(3),
  .popular li:nth-last-child(4),
  .popular li:nth-last-child(5),
  .popular li:nth-last-child(6),
  .popular li:nth-last-child(7) {
    display: none
  }

  .other-domain .popular li {
    padding: 15px 5px 0 5px
  }

  .other-domain .domainList {
    padding: 0;
    border: 1px solid #2a62ff;
    height: 110px
  }

  .other-domain .popular p.new-domain {
    background: #2a62ff;
    color: #fff
  }

  .jingjia-right li {
    padding: 0 15px 15px 15px
  }

  .jingjia-right span {
    padding-left: 15px;
    color: #666;
    padding-bottom: 15px
  }

  .jingjia-right li textarea {
    height: 120px
  }

  .jingjia-right li label {
    width: 15%
  }

  .jingjia-right input,
  .jingjia-table .table>tbody>tr>td {
    vertical-align: middle
  }

  .jingjia-right input,
  .jingjia-right textarea {
    width: 84%
  }

  .jingjia-left,
  .jingjia-right,
  .jingjia-right.d-border {
    margin-top: 30px
  }

  .title02 a {
    padding-top: 5px
  }

  .jingjia-right li.last {
    padding-top: 20px
  }

  .jingjia-right input[type=checkbox] {
    width: auto
  }

  .domain-caption {
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    width: 100%
  }

  .domain-caption span {
    height: 46px;
    padding: 0 10px
  }

  .jingjia-links {
    height: 50px;
    line-height: 50px;
    border-bottom: 0;
    width: 100%;
    text-align: right;
    color: #2a62ff;
    padding-right: 10px
  }

  .jingjia-table {
    margin: 5px 12px 20px 12px
  }

  .jingjia-rules {
    padding: 0 12px
  }

  .jingjia-table .table>tbody>tr>td {
    padding: 8px 5px
  }

  .jingjia-rules,
  .jingjia-rules p,
  .jingjia-table .table>tbody>tr>td {
    color: #666;
    line-height: 1.8
  }

  .certification {
    background-position: 92% top;
    background-size: 35% auto;
    height: auto
  }

  .certification ul {
    width: 60%
  }

  .certification ul li {
    float: left;
    margin: 15px 0 0 10px;
    padding: 10px;
    -webkit-box-shadow: 0 0 10px hsla(0, 0%, 60.8%, .45);
    box-shadow: 0 0 10px hsla(0, 0%, 60.8%, .45)
  }

  .certification ul li img {
    width: 80px
  }

  .certifn-choose .col-lg-4 {
    padding-left: 0;
    padding-right: 0;
    width: 48%;
    float: left
  }

  .certifn-choose .certifn-box {
    padding: 15px 10px;
    height: 140px;
    font-size: 11px;
    line-height: 1.4;
    margin: 5px 0 10px 0
  }

  .certifn-choose .certifn-box h4,
  .corevalue li h3 {
    padding: 15px 0 10px 0
  }

  .certifn-choose .certifn-box i {
    height: 33px;
    width: 33px;
    background-size: 33px auto
  }

  .certifn-choose .onestop i {
    background-position: 5px -33px
  }

  .certifn-choose .customer i {
    background-position: 5px -66px
  }

  .certifn-choose .secrecy i {
    background-position: 5px -99px
  }

  .certifn-choose .fast i {
    background-position: 0 -132px
  }

  .certifn-choose .nohide i {
    background-position: 5px -165px
  }

  .mob-corevalue {
    display: block;
    padding: 0 15px
  }

  .mob-corevalue li {
    height: 120px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.4;
    float: left;
    width: 50%
  }

  .mob-corevalue li img {
    width: 100%;
    height: 120px
  }

  .mob-corevalue li.text {
    padding: 10px;
    border: 1px solid #ddd
  }

  .mob-corevalue li h3 {
    padding: 5px 0;
    text-align: center
  }

  .ipv6-why li:last-child,
  .mob-corevalue li:nth-last-child(1),
  .mob-corevalue li:nth-last-child(2),
  .theory li:last-child {
    margin-bottom: 0
  }

  .ctfation-news {
    padding: 30px 15px
  }

  .certifn-pic img {
    border: 0;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 20px
  }

  .c-time {
    width: 18%
  }

  .c-news {
    width: 78%
  }

  .station .photo {
    text-align: center;
    margin-bottom: 0
  }

  .station .photo img {
    width: 230px
  }

  .station .website {
    padding-top: 15px
  }

  .honor {
    margin-top: 20px;
    padding: 0 15px
  }

  #swiper-honor img {
    height: 90px
  }

  .honor .swiper-button-next,
  .honor .swiper-button-prev {
    margin-left: 0;
    left: 4px;
    top: 50px;
    background-size: 40px auto;
    width: 20px;
    height: 30px
  }

  .honor .swiper-button-next {
    margin-left: 0;
    left: inherit;
    right: 4px
  }

  .selector input.form-control {
    width: 130px
  }

  .selector .sl-value span,
  .selector .sl-value.sl-right span,
  .sl-domain li {
    margin-right: 5px;
    margin-left: 0
  }

  .selector .sl-value.sl-right {
    padding-left: 0;
    margin-top: 15px
  }

  .selector .sl-value.sl-right.mob-no-top {
    margin-top: 0
  }

  .selector select.form-control {
    width: 100px
  }

  .selector select.form-control.mob-form-01 {
    width: 200px
  }

  .selector select.form-control.mob-form-02 {
    width: 75px
  }

  .selector .sl-value .btn {
    right: inherit;
    left: 0;
    top: 30px;
    font-size: 12px
  }

  .sl-domain {
    width: 78%
  }

  .selector {
    padding: 10px
  }

  .selebtn button.btn {
    padding: 6px 30px
  }

  .selebtn button {
    margin: 5px 10px
  }

  .filter .table.table-striped>tbody>tr>td,
  .filter .table.table-striped>thead>tr>th {
    padding: 10px 12px;
    color: #666
  }

  .filter .table.table-striped>thead>tr>th,
  .paginations a,
  .selemun {
    font-size: 13px
  }

  .filter .btn-primary,
  .filter .table.table-striped>tbody>tr>td,
  .filter .table.table-striped>tbody>tr>td a,
  .page,
  .paginations .chaxun {
    font-size: 12px
  }

  .selemun {
    padding: 15px 10px 0 12px
  }

  .filter {
    margin-top: 20px;
    padding-bottom: 20px
  }

  .paginations {
    display: block;
    float: none;
    padding: 0;
    margin-top: 20px;
    text-align: center
  }

  #jumptxt,
  .paginations .chaxun,
  .paginations a {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0 2px
  }

  .paginations a:nth-child(5),
  .paginations a:nth-child(6),
  .paginations a:nth-child(7),
  .paginations a:nth-child(8) {
    display: none
  }

  .selector .form-control {
    height: 30px;
    padding: 2px 7px
  }

  #jumptxt,
  .selector .form-control {
    -webkit-appearance: none;
    box-shadow: none
  }

  .selector.selcolor {
    background-color: #fff
  }

  .filter .table.table-striped>thead>tr>th img {
    width: 6px
  }

  .gray.mob-top-20 {
    padding: 20px 0
  }

  .selemun,
  .sl-domain li label {
    color: #666
  }

  .total.d-border {
    padding-bottom: 20px;
    border-width: 1px;
    border-top: 0
  }

  .filter .table-responsive {
    border-bottom: 0;
    margin-bottom: 0
  }

  .video-box {
    padding: 30px 15px
  }

  .highlight li {
    float: left;
    width: 48%;
    background: 0 0;
    margin: 0 0 10px 0
  }

  .highlight li:nth-child(even) {
    float: right
  }

  .title i.small {
    font-size: 12px;
    padding: 10px 0
  }

  .highlight li h3 {
    font-size: 18px;
    padding: 10px 25px 10px 50px;
    height: 50px;
    line-height: 30px;
    border-width: 1px;
    position: relative
  }

  .highlight li p {
    padding: 15px;
    border-radius: 0 0 8px 8px;
    height: 120px
  }

  .highlight li h3 span {
    display: block;
    position: absolute;
    left: 15%;
    background: url(../images/ipv6_02.png) no-repeat left top;
    background-size: 30px auto;
    width: 30px;
    height: 30px
  }

  .highlight li.gfsy h3 span {
    background-position: left -30px
  }

  .highlight li.lhyy h3 span {
    background-position: left -60px
  }

  .highlight li.http h3 span {
    background-position: left -90px;
    left: 10%
  }

  .bandwidth {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    background-size: 90px auto;
    width: 120px;
    height: 120px;
    font-size: 18px;
    padding-top: 45px
  }

  .col-lg-4.ipv6 {
    margin: 15px 0 10px 0
  }

  .package {
    margin-top: 90px;
    padding: 50px 0 40px 0
  }

  .package span {
    font-size: 30px
  }

  .package p {
    margin-top: 25px
  }

  .package p a {
    font-size: 18px;
    padding: 8px 36px
  }

  .mob-ipv6-file,
  .yuanli {
    margin-bottom: 30px
  }

  .ipv6-case {
    padding: 3px 0;
    margin-bottom: 10px
  }

  .ipv6-case img {
    width: 80%
  }

  .ipv6-why li i {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: inherit
  }

  .video-stop,
  .video-stop div.loading,
  .video-stop-index {
    height: 215px
  }

  .dynamic {
    margin-left: 0
  }

  .chushen {
    padding: 0 15px;
    margin-bottom: 20px
  }

  .telone {
    padding: 10px 10px 0 10px
  }

  .telone span {
    border: 1px solid #e8141c;
    width: 48%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-size: 15px auto;
  }

  .telone span.fl {
    background-position: 15px 12px;
    padding-left: 18px;
    float: left;
    display: block;
  }

  .telone span.fr {
    background-position: 35px -16px;
    padding-left: 15px;
    float: right;
    display: block;
  }

  .cx-form li label.radio-box {
    padding: 4px 0;
    border-radius: 2px;
    margin-left: 5px
  }

  .cx-form li label span.radio-style::before {
    background-size: 18px auto;
    width: 18px;
    height: 15px
  }

  .coupon {
    padding-bottom: 0;
  }

  .Promotions {
    display: none;
    padding-bottom: 0;
  }

  .Promotion {
    display: block;
  }

  .coupon h2 {
    font-size: 18px;
    margin: 10px auto;
  }

  .Promotion h2 {
    margin: 10px auto;
  }

  .coupon .coupon_list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 15px;
    margin-bottom: 10px;
  }

  .mob-top {
    border: none;
  }

  .coupon .coupon_list li {
    width: 49%;
    margin: 0 2% 2% 0;
    height: auto;
    padding-bottom: 15px;
  }

  .coupon .coupon_list li:nth-child(2) {
    margin-right: 0;
  }

  .coupon_list li h3 {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 10px;
  }

  .coupon_list li .price {
    font-size: 12px;
    line-height: 26px;
    margin-bottom: 0;
  }

  .coupon_list li .price b {
    font-size: 16px;
  }

  .original_price {
    margin-bottom: 10px;
    font-size: 10px;
  }

  .coupon_list li a {
    width: 70%;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }

  .domainnames {
    padding: 10px 10px 0 10px;
    font-size: 14px;
  }

  .domainnames span {
    font-size: 12px;
  }

  .picScroll-left2 {
    width: 100%;
    padding: 0 10px;
  }

  .picScroll-left2 .bd {
    width: 100%;
  }

  .picScroll-left2 .bd .tempWrap {
    width: 100%;
  }

  .Promotion .picScroll-left2 .bd ul {}

  .Promotion .picScroll-left2 .bd ul li {
    width: 49%;
    margin: 0 2% 2% 0;
    background-color: gray;
    float: left;
  }

  .Promotion .picScroll-left2 .bd ul li:nth-child(2n) {
    margin-right: 0;
  }

  .Promotion .picScroll-left2 .bd ul li img {
    width: 100%;
  }

  .Promotion .picScroll-left2 .hd .prev {
    background: transparent;
  }

  .Promotion .picScroll-left2 .hd .next {
    background: transparent;
  }

  .main .d-right {
    display: block;
    width: 100%;
    float: none;
  }

  .main .d-right .ad {
    display: none;
  }

  .inventory {
    height: 40px;
    line-height: 40px;
  }

  .inventory i.num {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    margin-top: -9px;
    left: 70px;
  }

  .shopping {
    padding: 15px 15px 0 15px;
  }

  .shopping li {
    padding-bottom: 15px;
    font-size: 12px;
  }

  .settle {
    padding: 20px 15px 20px 0;
    text-align: right;
  }

  .d-border {
    border: none;
  }

  .inventory {
    font-size: 12px;
    color: #000;
  }

  .dig-vid {
    width: 95%;
    height: auto;
    text-align: right;
    padding: 40px 10px 10px;
  }

  #closeVideo {
    display: inline-block;
    padding-right: 5px;
    color: #fff;
    font-size: 14px;
  }

  .dig-vid #close {
    font-size: 12px;
    padding: 0 !important;
    text-align: center;
    line-height: 20px;
    right: 10px !important;
    top: 2px !important;
  }
}

@media screen and (max-width:320px) {
  .blue-tab li {
    margin: 0
  }

  .certification,
  .indicate {
    background: 0 0
  }

  .c-news,
  .certification ul {
    width: 100%
  }

  .d-box .table>tbody>tr>td,
  .d-box .table>tbody>tr>td p,
  .jingjia-table .table>tbody>tr>td,
  .paginations a,
  .result-list li div.right a,
  .result-list li span,
  .selector .form-control,
  .selector .sl-value,
  .sl-value span,
  .ssl-choose b,
  .ssl-scenes p {
    font-size: 10px
  }

  .buyadd {
    padding: 6px 10px
  }

  .added,
  .added:hover {
    padding: 6px 20px;
    background: 0 0
  }

  .banner .swiper-slide,
  .banner.bannerH .swiper-slide,
  .banner.rz-bnr .swiper-slide,
  .banner.rz-bnr .swiper-slide a {
    height: 170px
  }

  .sch-title h1 {
    font-size: 15px
  }

  .mob-sch button.mob-sch-btn {
    height: 30px;
    line-height: 30px;
    background-size: 12px 12px;
    padding-left: 26px;
    font-size: 12px
  }

  .mob-sch span,
  .mob-sch span.mob-input input {
    height: 30px;
    line-height: 30px;
    font-size: 12px
  }

  .cx-form li label,
  .domainul li label,
  .highlight li p,
  .jingjia-right li label,
  .mob-sch span.www,
  .sl-value .sl-domain li label,
  .ssl-scenes b {
    font-size: 12px
  }

  .jingjia-tabs li {
    font-size: 13px;
    margin-right: 10px
  }

  .jdh_ddym_comyum ul li div {
    height: 160px
  }

  .jdh_ddym_comyum ul li:nth-child(1) div,
  .jdh_ddym_comyum ul li:nth-child(2) div,
  .mob-corevalue li,
  .mob-corevalue li img {
    height: 140px
  }

  .ssl-tabs li {
    padding: 3px;
    margin: 0 2px
  }

  .mob-edition li {
    height: 275px
  }

  .mob-edition li img {
    width: 100%
  }

  .mob-edition li p.intro {
    height: 80px
  }

  .certification ul li {
    width: 45.5%
  }

  .certifn-choose .certifn-box {
    height: 150px
  }

  .c-time {
    display: none
  }

  .ssl-choose ul,
  .system li {
    width: 31.9%
  }

  .system li div {
    height: 120px
  }

  .jingjia-table .table>tbody>tr>td:first-child {
    padding: 8px 0 8px 0
  }

  .jingjia-right li label {
    width: 16%
  }

  .jingjia-right input,
  .jingjia-right textarea {
    width: 80%
  }

  .selector input.form-control {
    width: 100px
  }

  .selector select.form-control {
    width: 90px
  }

  .selector select.form-control.mob-form-02 {
    width: 70px
  }

  .paginations a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 0 1px
  }

  .highlight li h3 span {
    left: 10%
  }

  .highlight li h3 {
    font-size: 14px
  }

  .highlight li.http h3 {
    padding: 10px 15px 10px 50px
  }

  .kx-value {
    background-position: right 40px;
    height: 210px
  }

  .ssl-scenes p {
    line-height: 22px;
    color: #666
  }

  .ssl-choose ul li h5 {
    height: 120px
  }

  .video-stop,
  .video-stop div.loading,
  .video-stop-index {
    height: 190px
  }

  .telone {
    padding: 10px 0 0 0
  }

  .telone span {
    font-size: 12px;
    height: 34px;
    line-height: 32px;
  }

  .telone span.fl {
    background-position: 15px 8px;
    padding-left: 20px;
  }

  .telone span.fr {
    background-position: 30px -20px;
    padding-left: 15px;
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {

  body,
  html {
    overflow-x: scroll;
    width: 100%
  }

  .banner .swiper-slide,
  .banner.bannerH .swiper-slide,
  .banner.rz-bnr .swiper-slide,
  .banner.rz-bnr .swiper-slide a {
    height: 400px
  }
}