/*******2018.8.13修改*****/
a {
  background: transparent;
  outline: none;
  transition: all 300ms ease 0s;
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: #1976d2;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
a:focus {
  border: none;
  outline: none;
}
.dn {
  display: none;
}
.fl {
  float: left;
}
.mr5 {
  margin-right: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.ov {
  overflow: hidden;
}
.pt10 {
  padding-top: 10px;
}
.w100 {
  width: 100%;
}
.navbar-right span.register a:hover {
  color: #fff;
}
.fhmm .navbar-collapse .navbar-nav > li.open > a,
.fhmm .navbar-collapse .navbar-nav > li.open > a:hover,
.fhmm .navbar-collapse .navbar-nav > li.open > a:focus,
.fhmm .navbar-collapse .navbar-nav > li.active > a,
.fhmm .navbar-collapse .navbar-nav > li.active > a:hover,
.fhmm .navbar-collapse .navbar-nav > li.active > a:focus {
  color: #2e87de;
}
.fhmm .fhmm-content dl dt.title:after {
  opacity: 0.1;
  left: 16px;
  background: none;
  border-bottom: #fff solid 1px;
}
.fhmm .fhmm-content dl dt.title span {
  opacity: 1;
}
.fhmm .fhmm-content dl:before {
  display: none;
}
.fhmm .fhmm-content dl dt.title {
  height: 36px;
}
.fhmm .fhmm-content dl dd h3.nav_pro a {
  color: #9d9d9d;
}
.fhmm .fhmm-content dl dd h3.nav_pro a:hover {
  color: #2e87de;
}
.fhmm .fhmm-content dl dd h3.nav_pro.disable a {
  cursor: not-allowed;
}
.fhmm .fhmm-content dl dd h3.nav_pro.disable a span {
  color: #767676;
}
.fhmm .fhmm-content dl dd h3.nav_pro.disable a:hover {
  color: #9d9d9d;
}
.fhmm .fhmm-content dl dd p {
  display: none;
}
.fhmm .fhmm-content dl dd h3.nav_pro a.nav_buy {
  display: none;
}
.fhmm .fhmm-content dl {
  width: 25%;
}
.fhmm .fhmm-content dl dd h3 b.nav_newbg {
  height: 14px;
  line-height: 14px;
  padding: 0 3px;
  text-align: center;
  width: auto;
}
.fhmm .fhmm-content dl dd h3 b.nav_newbg span {
  position: relative;
  transform: scale(0.97);
  font-size: 12px;
  line-height: 14px;
  left: 0;
  top: 0;
  color: #fff;
  text-transform: uppercase;
}
.fhmm .fhmm-content dl dd h3 b.nav_newbg:after {
  display: none;
}
.fhmm .dropdown-menu.solve {
  padding-bottom: 25px;
}
.fhmm .dropdown-menu.solve a {
  color: #9d9d9d;
}
.fhmm .dropdown-menu.solve a:hover {
  color: #2e87de;
}
.fhmm .fullwidth .fhmm-content dl dd:first-child {
  padding: 16px 0 11px 16px;
}
.fhmm .dropdown.relative {
  position: relative;
}
.fhmm .dropdown-menu.w100 {
  left: -40px;
}
.fhmm .dropdown-menu.w100 .fhmm-content {
  width: 100%;
}
.fhmm .dropdown-menu.w100 .fhmm-content dl {
  width: 100%;
  text-align: center;
}
.fhmm .dropdown-menu.w100 .fhmm-content dl dd h3.nav_pro a {
  float: none;
}
.header-main {
  background: #242a37;
}
.swiper-container.banner-swiper {
  height: 524px;
}
.swiper-container.case {
  height: 696px;
}
.swiper-slide .tp-title {
  top: 100px;
  left: 45px;
}
.swiper-slide .tp-text.patch {
  font-size: 20px;
  color: #d3d4d6;
  font-family: '黑体';
  top: 180px;
  left: 45px;
  line-height: 27px;
}
.swiper-slide .fz-style .tp-btn {
  left: 45px;
}
.tp-caption a.btn-lg:hover {
  color: #282c32 !important;
  background: #fff;
}
.swiper-wrapper .swiper-wrapper-a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.swiper-pagination {
  text-align: center;
}
.swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  border-radius: 0;
  background: #64686f;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  display: none;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover {
  border: none;
  background: #fff;
}
.swiper-pagination-bullet::before {
  display: none;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  width: 100%;
}
.i-banner01 {
  position: absolute;
  top: 94px;
  right: 70px;
}
.i-banner02 {
  position: absolute;
  top: -55px;
  right: 156px;
}
.ssl {
  position: absolute;
  left: 617px;
  top: 225px;
  width: 152px;
  z-index: 30;
  height: 161px;
}
.lock {
  position: absolute;
  left: 668px;
  top: 92px;
  width: 217px;
  height: 231px;
  z-index: 20;
}
.i-banner03 {
  top: -70px;
  right: 0;
  position: absolute;
}
.i-banner04 {
  top: 0;
  left: -125px;
  position: absolute;
}
/**banner04 高品公有云效果**/
.i-banner04-icon01 {
  width: 53px;
  height: 50px;
  position: relative;
  top: 157px;
  left: 648px;
  animation: banner04_01 8s linear 0s infinite alternate;
  -moz-animation: banner04_01 8s linear 0s infinite alternate;
  -webkit-animation: banner04_01 8s linear 0s infinite alternate;
  -o-animation: banner04_01 8s linear 0s infinite alternate;
}
.i-banner04-icon02 {
  width: 53px;
  height: 50px;
  position: absolute;
  top: 140px;
  left: 897px;
  animation: banner04_02 8s linear 0s infinite alternate;
  -moz-animation: banner04_02 8s linear 0s infinite alternate;
  -webkit-animation: banner04_02 8s linear 0s infinite alternate;
  -o-animation: banner04_02 8s linear 0s infinite alternate;
}
@keyframes banner04_01 {
  0% {
    left: 648px;
    top: 157px;
  }
  40% {
    left: 648px;
    top: 120px;
  }
  80% {
    left: 648px;
    top: 160px;
  }
  100% {
    left: 648px;
    top: 140px;
  }
}
@keyframes banner04_02 {
  0% {
    left: 897px;
    top: 140px;
  }
  25% {
    left: 850px;
    top: 121px;
  }
  75% {
    left: 941px;
    top: 165px;
  }
  100% {
    left: 897px;
    top: 140px;
  }
}
/**banner03 动画*/
.i-banner03-icon01 {
  position: absolute;
  width: 101px;
  height: 130px;
  left: 862px;
  top: 135px;
  animation: banner03_01 4s linear 0s infinite alternate;
  -moz-animation: banner03_01 4s linear 0s infinite alternate;
  -webkit-animation: banner03_01 4s linear 0s infinite alternate;
  -o-animation: banner03_01 4s linear 0s infinite alternate;
}
@keyframes banner03_01 {
  0% {
    left: 862px;
    top: 135px;
  }
  25% {
    left: 862px;
    top: 146px;
  }
  75% {
    left: 862px;
    top: 124px;
  }
  100% {
    left: 862px;
    top: 135px;
  }
}
/**banner01 动画*/
.i-banner01-icon01 {
  position: absolute;
  width: 101px;
  height: 130px;
  left: 815px;
  top: 120px;
  animation: banner01_01 4s linear 0s infinite alternate;
  -moz-animation: banner01_01 4s linear 0s infinite alternate;
  -webkit-animation: banner01_01 4s linear 0s infinite alternate;
  -o-animation: banner01_01 4s linear 0s infinite alternate;
}
@keyframes banner01_01 {
  0% {
    left: 815px;
    top: 115px;
  }
  25% {
    left: 815px;
    top: 105px;
  }
  75% {
    left: 815px;
    top: 125px;
  }
  100% {
    left: 815px;
    top: 115px;
  }
}
/**banner02动画****/
.i-banner02-icon01 {
  position: absolute;
  width: 66px;
  height: 42px;
  left: 703px;
  top: 336px;
  animation: banner02_01 8s linear 0s infinite normal;
  -moz-animation: banner02_01 8s linear 0s infinite normal;
  -webkit-animation: banner02_01 8s linear 0s infinite normal;
  -o-animation: banner02_01 8s linear 0s infinite normal;
}
.i-banner02-icon02 {
  position: absolute;
  width: 66px;
  height: 42px;
  left: 749px;
  top: 385px;
  opacity: 0;
  animation: banner02_02 8s linear 2s infinite normal;
  -moz-animation: banner02_02 8s linear 2s infinite normal;
  -webkit-animation: banner02_02 8s linear 2s infinite normal;
  -o-animation: banner02_02 8s linear 2s infinite normal;
}
.i-banner02-icon03 {
  position: absolute;
  width: 66px;
  height: 42px;
  left: 862px;
  top: 344px;
  opacity: 0;
  animation: banner02_03 8s linear 4.5s infinite normal;
  -moz-animation: banner02_03 8s linear 4.5s infinite normal;
  -webkit-animation: banner02_03 8s linear 4.5s infinite normal;
  -o-animation: banner02_03 8s linear 4.5s infinite normal;
}
.i-banner02-icon04 {
  position: absolute;
  width: 66px;
  height: 42px;
  left: 634px;
  top: 294px;
  opacity: O;
  animation: banner02_04 8s linear 0s infinite normal;
  -moz-animation: banner02_04 8s linear 0s infinite normal;
  -webkit-animation: banner02_04 8s linear 0s infinite normal;
  -o-animation: banner02_04 8s linear 0s infinite normal;
}
.i-banner02-icon05 {
  position: absolute;
  width: 66px;
  height: 42px;
  left: 523px;
  top: 247px;
  opacity: 0;
  animation: banner02_05 8s linear 2.2s infinite normal;
  -moz-animation: banner02_05 8s linear 2.2s infinite normal;
  -webkit-animation: banner02_05 8s linear 2.2s infinite normal;
  -o-animation: banner02_05 8s linear 2.2s infinite normal;
}
.i-banner02-layer01 {
  position: absolute;
  width: 66px;
  height: 42px;
  left: 738px;
  z-index: 5;
  top: 287px;
}
.i-banner02-layer02 {
  position: absolute;
  width: 66px;
  height: 42px;
  z-index: 5;
  left: 492px;
  top: 190px;
}
@keyframes banner02_01 {
  0% {
    left: 703px;
    top: 336px;
  }
  50% {
    left: 794px;
    top: 390px;
  }
  80% {
    left: 794px;
    top: 390px;
  }
  100% {
    left: 794px;
    top: 390px;
  }
}
@keyframes banner02_02 {
  0% {
    left: 749px;
    top: 385px;
    opacity: 1;
  }
  50% {
    left: 861px;
    top: 319px;
  }
  75% {
    left: 861px;
    top: 319px;
  }
  100% {
    left: 861px;
    top: 319px;
  }
}
@keyframes banner02_03 {
  0% {
    left: 862px;
    top: 344px;
    opacity: 1;
  }
  50% {
    left: 862px;
    top: 217px;
  }
  75% {
    left: 862px;
    top: 217px;
  }
  100% {
    left: 862px;
    top: 217px;
  }
}
@keyframes banner02_04 {
  0% {
    left: 634px;
    top: 294px;
    opacity: 1;
  }
  50% {
    left: 519px;
    top: 211px;
  }
  75% {
    left: 519px;
    top: 211px;
  }
  100% {
    left: 519px;
    top: 211px;
  }
}
@keyframes banner02_05 {
  0% {
    left: 523px;
    top: 247px;
    opacity: 1;
  }
  65% {
    left: 651px;
    top: 168px;
  }
  90% {
    left: 651px;
    top: 168px;
  }
  100% {
    left: 651px;
    top: 168px;
  }
}
.recommend {
  background: #f1f3f5;
  padding-bottom: 24px;
}
.recommend .col-sm-6.col-lg-3 {
  padding: 0 10px;
}
.recommend dl {
  background: #fff;
  box-shadow: 0 0 15px #ddd;
  margin-top: 24px;
  height: 124px;
  padding-left: 93px;
  position: relative;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}
.recommend dl:hover {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.recommend dl dt {
  position: absolute;
  top: 29px;
  left: 25px;
}
.recommend dl dd {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
}
.recommend dl dd span {
  color: #333;
  font-size: 18px;
  margin-top: 28px;
  display: block;
  margin-bottom: 6px;
}
.recommend dl dd p {
  line-height: 17px;
  color: #828282;
  font-size: 12px;
  padding-right: 28px;
}
.recommend dl dd.bg {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: auto;
  float: none;
}
.page-content .pro-demond .demond-title h2 {
  font-size: 24px;
  color: #282c32;
}
.page-content .pro-demond .demond-title p {
  color: #828282;
}
.huayun-product-layer {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.huayun-product-tabs {
  text-align: center;
  position: relative;
  min-width: 1000px;
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}
.huayun-product-tabs li {
  float: left;
  padding: 15px 39px;
  width: 20%;
  box-sizing: border-box;
  border-bottom: #fff solid 2px;
}
.huayun-product-tabs li a {
  display: block;
  text-decoration: none;
  color: #373d41;
}
.huayun-product-tabs li:hover,
.huayun-product-tabs li.active {
  border-bottom: #1976d2 solid 2px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon01,
.huayun-product-tabs li.active a .huayun-product-icon.icon01 {
  background-position: 0 -50px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon02,
.huayun-product-tabs li.active a .huayun-product-icon.icon02 {
  background-position: -50px -50px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon03,
.huayun-product-tabs li.active a .huayun-product-icon.icon03 {
  background-position: -100px -50px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon04,
.huayun-product-tabs li.active a .huayun-product-icon.icon04 {
  background-position: -151px -50px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon05,
.huayun-product-tabs li.active a .huayun-product-icon.icon05 {
  background-position: -200px -50px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon06,
.huayun-product-tabs li.active a .huayun-product-icon.icon06 {
  background-position: -250px -50px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon07,
.huayun-product-tabs li.active a .huayun-product-icon.icon07 {
  background-position: -300px -50px;
}
.huayun-product-tabs li:hover a .huayun-product-icon.icon08,
.huayun-product-tabs li.active a .huayun-product-icon.icon08 {
  background-position: -350px -50px;
}
.huayun-product-tabs li:hover a .huayun-product-name,
.huayun-product-tabs li.active a .huayun-product-name {
  color: #1976d2;
}
.huayun-product-icon {
  width: 50px;
  height: 50px;
  background-image: url(../images/pro-ico.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.huayun-product-icon.icon01 {
  background-position: 0 0;
}
.huayun-product-icon.icon02 {
  background-position: -50px 0;
}
.huayun-product-icon.icon03 {
  background-position: -100px 0;
}
.huayun-product-icon.icon04 {
  background-position: -151px 0;
}
.huayun-product-icon.icon05 {
  background-position: -200px 0;
}
.huayun-product-icon.icon06 {
  background-position: -250px 0;
}
.huayun-product-icon.icon07 {
  background-position: -300px 0;
}
.huayun-product-icon.icon08 {
  background-position: -350px 0;
}
.huayun-product-name {
  color: #212226;
  font-size: 18px;
  margin-top: 16px;
}
.huayun-product-content {
  background: #f1f3f5;
  height: 0;
  overflow: hidden;
  width: 100%;
  float: left;
}
.box-height {
  float: left;
  width: 100%;
}
.huayun-product-normal-box {
  width: 33.3333%;
  float: left;
  text-align: left;
  padding: 10px 5% 50px;
}
.huayun-product-normal-box dl {
  margin-top: 43px;
}
.huayun-product-normal-box dl dt {
  color: #212226;
  font-size: 16px;
  height: 30px;
  font-weight: normal;
}
.huayun-product-normal-box dl dt span {
  position: relative;
  background: #ff5047;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding: 0 5px;
  margin-left: 5px;
}
.huayun-product-normal-box dl dd {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 18px;
}
.huayun-product-normal-box .buy_button {
  font-size: 14px;
  color: #fff;
  background: #1976d2;
  width: 104px;
  height: 36px;
  border-radius: 4px;
  border: 0;
  outline: none;
  margin-top: 23px;
  transition: all 300ms ease 0s;
}
.huayun-product-normal-box .buy_button:hover {
  background: #1d85df;
}
.pro_solution {
  height: 696px;
  position: relative;
  background: #000;
}
.page-content .demond-title h2 {
  font-size: 24px;
  color: #fff;
}
.page-content .demond-title p {
  font-size: 16px;
  color: #fff;
  opacity: 1;
}
.server-title {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 66;
  padding-top: 60px;
}
.server-title h2 {
  font-size: 24px;
  color: #fff;
}
.server-title p {
  font-size: 16px;
  color: #fff;
}
.solution-type {
  float: left;
  height: 696px;
  width: 278px;
  position: absolute;
  left: 50%;
  margin-left: -623px;
  z-index: 56;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
.solution-type li {
  height: 100px;
  padding: 10px 0;
  line-height: 80px;
  color: #a9acac;
  cursor: pointer;
  font-size: 18px;
  padding-left: 105px;
  position: relative;
}
.solution-type li.active,
.solution-type li:hover {
  border-left: #1976d2 solid 2px;
  background-color: #1c2b40;
  color: #fff;
  padding-left: 103px;
}
.solution-type li.active.t1 i,
.solution-type li:hover.t1 i {
  background-position: 1px -75px;
}
.solution-type li.active.t2 i,
.solution-type li:hover.t2 i {
  background-position: -85px -77px;
}
.solution-type li.active.t3 i,
.solution-type li:hover.t3 i {
  background-position: -175px -73px;
}
.solution-type li.active.t4 i,
.solution-type li:hover.t4 i {
  background-position: -271px -73px;
}
.solution-type li i {
  position: absolute;
  left: 53px;
  top: 35px;
  width: 50px;
  height: 50px;
  background-image: url(../images/solution-icons.png);
  background-repeat: no-repeat;
}
.solution-type li.t1 i {
  background-position: 3px 5px;
}
.solution-type li.t2 i {
  background-position: -83px 5px;
}
.solution-type li.t3 i {
  background-position: -173px 1px;
}
.solution-type li.t4 i {
  background-position: -269px 3px;
}
.pt178 {
  padding-top: 178px;
}
.swiper-container.case {
  background: none;
}
.solution-content h2 {
  color: #fff;
  font-size: 20px;
}
.solution-content p.info {
  line-height: 28px;
  color: #fff;
  width: 540px;
  height: 84px;
}
.solution-content a.more {
  font-size: 14px;
  color: #fff;
  line-height: 38px;
  padding: 0 28px;
  border-radius: 2px;
  border: #fff solid 1px;
  display: inline-block;
  margin-top: 25px;
  cursor: pointer;
}
.solution-content a.more:hover {
  background: #fff;
  color: #282c32;
}
.solution-content ul li {
  float: left;
  margin-top: 15px;
  margin-right: 25px;
}
.mt50 {
  margin-top: 50px;
}
.mt90 {
  margin-top: 90px;
}
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: none;
}
.slide01 {
  height: 696px;
  background: url(../images/solution-bg.jpg) no-repeat center top;
  background-size: auto 100%;
}
.slide02 {
  height: 696px;
  background: url(../images/solution-bg02.jpg) no-repeat center top;
}
.slide03 {
  height: 696px;
  background: url(../images/solution-bg03.jpg) no-repeat center top;
}
.slide04 {
  height: 696px;
  background: url(../images/solution-bg04.jpg) no-repeat center top;
}
.case .swiper-slide .container {
  padding-left: 328px;
  padding-top: 170px;
}
.swiper-container-fade .swiper-slide {
  opacity: 0 !important;
}
.swiper-container-fade .swiper-slide-active {
  opacity: 1 !important;
}
.hy-cloud {
  height: 760px;
  position: relative;
}
.hy-cloud h2 {
  font-size: 24px;
  color: #282c32;
  text-align: center;
  margin-top: 65px;
}
.hy-cloud p {
  text-align: center;
  color: #828282;
  font-size: 16px;
}
.hy-cloud-type {
  float: left;
  width: 480px;
  padding-top: 50px;
}
.hy-cloud-type dl {
  width: 100%;
  float: left;
  padding-left: 60px;
  margin-top: 50px;
}
.hy-cloud-type dl dt {
  font-size: 16px;
  color: #282c32;
  height: 30px;
  font-weight: normal;
}
.hy-cloud-type dl dd {
  color: #828282;
  font-size: 14px;
  line-height: 22px;
}
.hy-cloud-type dl.t1 {
  background: url(../images/hy-cloud-ico01.png) 5px 2px no-repeat;
}
.hy-cloud-type dl.t2 {
  background: url(../images/hy-cloud-ico02.png) 5px 2px no-repeat;
}
.hy-cloud-type dl.t3 {
  background: url(../images/hy-cloud-ico03.png) 5px 2px no-repeat;
}
.hy-cloud-type dl.t4 {
  background: url(../images/hy-cloud-ico04.png) 5px 2px no-repeat;
}
.hy-cloud-img {
  position: absolute;
  right: -54px;
  top: 122px;
  z-index: -1;
}
.map {
  background: url(../images/map.jpg) top center no-repeat;
  height: 918px;
}
.map h2 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  margin-top: 65px;
}
.map p {
  text-align: center;
  color: #abacad;
  font-size: 16px;
}
.map1 {
  background: url(../images/map1.jpg) top center no-repeat;
  height: 918px;
}
.map1 h2 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  margin-top: 65px;
}
.map1 p {
  text-align: center;
  color: #abacad;
  font-size: 16px;
}
.ecology {
  height: 398px;
  text-align: center;
}
.ecology h2 {
  color: #282c32;
  font-size: 24px;
  margin-top: 65px;
  text-align: center;
}
.ecology p {
  text-align: center;
  color: #828282;
  font-size: 16px;
}
.ecology a.more {
  text-align: center;
  display: inline-block;
  color: #1976d2;
  font-size: 16px;
  padding-top: 60px;
}
.case-list {
  width: 100%;
  float: left;
  margin-top: 5px;
}
.case-list li {
  padding: 0 40px;
  width: 20%;
  float: left;
  margin-top: 30px;
}
.case-list li a {
  float: left;
  border: #f1f3f5 solid 1px;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  height: 58px;
}
.case-list li a img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.promise {
  background: #f1f3f5;
  height: 404px;
  padding-top: 65px;
  text-align: center;
}
.promise h2 {
  color: #282c32;
  font-size: 24px;
}
.promise .container > ul {
  width: 100%;
  margin-top: 45px;
  float: left;
}
.promise .container > ul li {
  float: left;
  width: 20%;
}
.promise .container > ul li span {
  display: block;
  font-size: 14px;
  color: #53565b;
  line-height: 18px;
}
.promise .container > ul li span.img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  height: 100px;
}
.promise .container > ul li span.img img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.promise a.more {
  display: inline-block;
  margin-top: 40px;
  color: #1976d2;
  font-size: 16px;
}
.i-register {
  height: 208px;
  background: url(../images/register-bg.jpg) no-repeat;
  padding-top: 52px;
  text-align: center;
}
.i-register h2 {
  color: #fff;
  font-size: 24px;
}
.i-register > a.more {
  line-height: 42px;
  display: inline-block;
  border: #fff solid 1px;
  padding: 0 65px;
  font-size: 16px;
  color: #fff;
  border-radius: 2px;
  margin-top: 20px;
}
.i-register > a.more:hover {
  background: #fff;
  color: #282c32;
}
.footer-wrap {
  background: #2e3033;
  clear: both;
}
.footer-list dl {
  border-left: none;
}
.footer-list dl.first dt {
  opacity: 1;
  margin-bottom: 33px;
}
.footer-list dl.first dd {
  padding-left: 58px;
  line-height: 19px;
}
.footer-list dl.first dd.t1 {
  background: url(../images/about-hy.png) 30px center no-repeat;
}
.footer-list dl.first dd.t2 {
  background: url(../images/phone-hy.png) 30px center no-repeat;
}
.footer-list dl.first dd.t3 {
  background: url(../images/contact-hy.png) 30px center no-repeat;
}
.footer-list dl dd a {
  opacity: 1;
  font-size: 12px;
  color: #b1b0b0;
  width: auto;
}
.footer-list dl dd a:hover {
  color: #337ab7;
}
.footer-power {
  background: #2e3033;
}
.footer-power .pul-left {
  font-size: 12px;
  color: #7d7d7d;
  line-height: 24px;
  float: left;
}
.footer-power .page-content-md {
  border-top: #404245 solid 1px;
}
.footer-power .pull-right {
  float: right;
  font-size: 12px;
  color: #7d7d7d;
}
.footer-power .pull-right a {
  color: #7d7d7d;
}
.footer-power .pull-right a:hover {
  color: #337ab7;
}
.navbar-right.help span a {
  font-size: 14px;
  margin-left: 28px;
}
.navbar-right span a:hover {
  color: #1976d2;
}
.api-box {
  width: 100%;
  float: left;
  margin-top: 45px;
}
.api-box .item {
  width: 100%;
  float: left;
  margin-bottom: 45px;
}
.api-box .item .list {
  width: 20%;
  float: left;
}
.api-box .item .list .more {
  line-height: 42px;
  width: 100%;
  float: left;
  padding: 0 25px 0 35px;
}
.api-box .item .list .more a {
  color: #73777a;
  font-size: 14px;
  position: relative;
}
.api-box .item .list .more a:before {
  position: absolute;
  right: -16px;
  content: '';
  top: 2px;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #73777a;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.api-box .item .list .more.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.api-box .item .list.w25 {
  width: 25%;
}
.api-box .item dl {
  width: 100%;
  float: left;
  max-height: 257px;
  overflow: hidden;
}
.api-box .item dl dt {
  width: 100%;
  float: left;
  color: #53565b;
  font-size: 16px;
  padding: 0 25px 0 35px;
  line-height: 42px;
  font-weight: normal;
}
.api-box .item dl dd {
  width: 100%;
  float: left;
  padding: 0 25px 0 35px;
}
.api-box .item dl dd a {
  line-height: 42px;
  border-bottom: #dee0e2 solid 1px;
  font-size: 14px;
  color: #1976d2;
  display: block;
}
.api-box .item dl dd a:hover {
  background: #f7f7f7;
}
.api-type {
  width: 100%;
  float: left;
  padding-left: 36px;
  color: #212226;
  font-size: 16px;
  background-image: url(../images/api-icons.png);
  background-repeat: no-repeat;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
}
.api-type.document {
  background-position: 0 1px;
}
.api-type.api {
  background-position: 0 -35px;
}
.api-type.sdk {
  background-position: 0 -73px;
}
.p-banner {
  height: 156px;
  position: relative;
  overflow: hidden;
}
.p-banner img {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  margin-left: -960px;
}
.p-banner p.t {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 60px;
  font-size: 32px;
  color: #fff;
}
.p-banner p.info {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 110px;
  font-size: 18px;
  color: #c1c3c7;
}
.p-banner03 {
  height: 180px;
  position: relative;
  overflow: hidden;
}
.p-banner03 img {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  margin-left: -960px;
}
.p-banner03 p.t {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 60px;
  font-size: 24px;
  color: #fff;
}
.p-banner03 p.info {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 100px;
  font-size: 18px;
  color: #c1c3c7;
}
.pro-center {
  color: #282c32;
  font-size: 24px;
  margin-top: 60px;
  margin-bottom: 20px;
}
.question {
  height: 240px;
  background: #f1f3f5;
  padding: 44px 0;
  text-align: center;
}
.question .item {
  width: 25%;
  float: left;
  padding: 0 15px;
}
.question .item dl {
  width: 100%;
  float: left;
  height: 152px;
  background: #fff;
  border: #ddd solid 1px;
  box-shadow: 0 0 15px #ddd;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.question .item dl:hover {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.question .item dl dt {
  margin-top: 37px;
}
.question .item dl dd a {
  font-size: 16px;
  color: #53565b;
  display: block;
  margin-top: 15px;
}
.question .item dl:hover dd a {
  color: #1976d2;
}
.footer-list.page-content-md {
  padding-top: 50px;
}
/***idc云化****/
.idc-clouds {
  background: #f7f7f7;
  height: 75px;
  line-height: 75px;
  max-width: 100%;
  border-bottom: #efefef solid 1px;
}
.idc-clouds span {
  color: #212226;
  font-size: 16px;
  cursor: pointer;
  padding: 0 32px;
}
.idc-clouds .active span {
  color: #1976d2;
  height: 75px;
  display: inline-block;
  border-bottom: #1976d2 solid 2px;
}
.Product_overview {
  margin-top: 35px;
}
.idc-clouds.stuckMenu.isStuck {
  padding: 0;
}
.coop_contact a.btn-default:hover {
  background: #fff;
  color: #282c32;
}
/**购买**/
.pro_buy_wrap {
  background: #f7f7f7;
}
.ProductSelect {
  background: none;
  padding-right: 360px;
}
.ProductSelect .Parameter {
  padding: 0;
  margin-top: 40px;
}
.ProductSelect .Parameter .proselect_con {
  border: none;
}
.ProductSelect .Parameter .proselect_con:first-child {
  border: none;
}
.ProductSelect .Parameter .proselect_con .proselect_left {
  border: none;
  background: none;
}
.ProductSelect .Parameter .proselect_con .proselect_left h2 {
  top: 24px;
  margin-top: 0;
}
.p-pro-info {
  min-height: 130px;
  padding: 0 25px;
  border-bottom: #dee0e2 solid 1px;
}
.p-pro-info.stuckMenu.isStuck {
  padding: 0 25px;
  width: 840px;
}
.form-horizontal {
  position: relative;
  z-index: 1;
}
.p-left-price {
  float: left;
  position: relative;
  z-index: 2;
}
.p-left-price p {
  color: #53565b;
  font-size: 14px;
  margin-top: 4px;
}
.p-left-price p em {
  font-size: 20px;
  color: #ff5047;
  font-style: normal;
  display: inline-block;
  padding-left: 15px;
}
.p-left-price p em i {
  font-style: normal;
  font-size: 16px;
}
.pro-name {
  margin-top: 35px;
  position: relative;
  padding: 0 20px 20px 0;
}
.pro-name span.name {
  color: #282c32;
  font-size: 24px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.pro-name span.name:before {
  position: absolute;
  right: -16px;
  content: '';
  top: 4px;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #53565b;
}
.layer-box {
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -20px;
  background: #fff;
  border: #e0e0e0 solid 1px;
  box-shadow: 0 0 15px #ddd;
  padding: 20px 13px;
  width: 642px;
}
.layer-box .arrow {
  position: absolute;
  left: 20px;
  top: -12px;
}
.layer-box .close {
  position: absolute;
  top: 4px;
  right: 10px;
}
.layer-box dl {
  float: left;
  width: 25%;
  padding: 0 16px;
}
.layer-box dl dt {
  color: #7d7d7d;
  border-bottom: #dee0e2 solid 1px;
  font-size: 14px;
  font-weight: normal;
  height: 28px;
  line-height: 24px;
  margin-bottom: 10px;
}
.layer-box dl dd {
  line-height: 25px;
}
.layer-box dl dd a {
  color: #53565b;
  font-size: 12px;
}
.layer-box dl dd a:hover {
  color: #1976d2;
}
.layer-box.remind {
  width: 225px;
  height: 75px;
  left: 50%;
  margin-left: -23px;
}
.layer-box.remind span {
  color: #53565b;
  font-size: 14px;
}
.layer-box.remind .close-remind {
  text-align: right;
  font-size: 14px;
  color: #1976d2;
  cursor: pointer;
  padding-top: 9px;
}
.p-right-link {
  float: right;
  text-align: right;
}
.p-right-link span.at {
  color: #53565b;
  font-size: 14px;
  padding-right: 15px;
}
.p-right-link span.at a {
  color: #1976d2;
}
.p-right-link a.pro-detail {
  color: #64676b;
  display: block;
  font-size: 12px;
  margin: 40px 0 20px 0;
}
.p-right-link a.pro-detail:hover {
  color: #1976d2;
}
.p-right-link .buy-button {
  width: 90px;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  background: #1e88e5;
  border: none;
  outline: none;
}
.p-right-link .buy-button:hover {
  background: #1976d2;
}
.p-right-link .buy-button.disabled-btn {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.p-right-link .buy-button.disabled-btn:hover {
  background: #1e88e5;
}
.p-right-link .add-button {
  width: 90px;
  height: 32px;
  line-height: 30px;
  border-radius: 3px;
  font-size: 12px;
  color: #1976d2;
  border: #2e87de solid 1px;
  outline: none;
  background: #fff;
  margin-left: 10px;
}
.p-right-link .add-button:hover {
  background: #2e87de;
  color: #fff;
}
.dk_container {
  background: none;
}
.pro-notice {
  padding: 20px;
}
.pro-notice img {
  max-width: 100%;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_left h2 {
  right: 0;
  color: #64676b;
  opacity: 1;
  top: 20px;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r {
  padding: 19px 16px;
}
.data-center.ProductSelect .Parameter .proselect_con.pd10 .proselect_left h2 {
  top: 12px;
}
.data-center.ProductSelect .Parameter .proselect_con.pd10 .proselect_r {
  padding: 10px 6px;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs li {
  margin: 0;
  border: #cdcdcd solid 1px;
  margin-left: -1px;
  border-radius: 0;
  min-width: 98px;
  margin-bottom: 10px;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs li span {
  color: #53565b;
  opacity: 1;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs li.active,
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs li:hover {
  border: #1976d2 solid 1px;
  background: #e8f1fa;
  position: relative;
  z-index: 2;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs li.active span,
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs li:hover span {
  color: #1976d2;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs li i.data-center {
  top: -7px;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor ul.nav-tabs {
  float: left;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor a.pro_text_hui {
  position: relative;
  left: 0;
  right: 0;
  line-height: 32px;
  padding-left: 20px;
  color: #1976d2;
  font-size: 12px;
  display: inline-block;
  opacity: 1;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor {
  width: 100%;
  float: left;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor.pb0 {
  padding-bottom: 0;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor .place-box {
  border: #dee0e2 solid 1px;
  width: 640px;
  float: left;
  padding: 16px 8px;
  border-radius: 3px;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor .place-box dl {
  padding: 0 8px;
  float: left;
  width: 100%;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor .place-box dl dt {
  color: #64676b;
  font-size: 12px;
  font-weight: normal;
  width: 100%;
  float: left;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor .place-box dl dd {
  margin: 16px 0 10px 0;
  width: 100%;
  float: left;
}
.data-center.ProductSelect .Parameter .proselect_con .proselect_r .proselect_infor .place-box dl dd .empty-data {
  line-height: 35px;
  color: #999;
  position: relative;
  top: -10px;
}
.data-center.ProductSelect input.pro_num_text {
  font-size: 14px;
  color: #2e87de;
  font-weight: bold;
  text-align: center;
}
.data-center.ProductSelect .pro_price {
  top: 40px;
  width: 342px;
  background: #fff;
  overflow: hidden;
}
.difference {
  float: right;
  margin-top: 70px;
}
.difference a {
  color: #1976d2;
  font-size: 12px;
}
.go-console {
  line-height: 28px;
  background: #eee;
  padding: 0 20px;
  float: left;
  color: #828282;
}
.go-console a {
  color: #1976d2;
}
.no-ip {
  margin-top: 10px;
}
.pro-total {
  height: 130px;
  border-bottom: #dee0e2 solid 1px;
  padding: 22px;
  width: 100%;
}
.pro-total .pro-detailed {
  font-size: 16px;
  color: #282c32;
  font-weight: bold;
}
.pro-total .total-price {
  margin-top: 15px;
  color: #53565b;
  font-size: 14px;
}
.pro-total .total-price span {
  color: #ff5047;
  font-size: 18px;
}
.pro-total .export-button {
  float: right;
  border: #9b9b9b solid 1px;
  border-radius: 3px;
  width: 78px;
  color: #53565b;
  font-size: 12px;
  background: none;
  line-height: 30px;
  outline: none;
  margin-top: 10px;
}
.pro-total .export-button:hover {
  border: #1976d2 solid 1px;
  color: #1976d2;
}
.pro-total .export-button.disabled-btn {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.empty-box {
  text-align: center;
  padding-top: 80px;
  color: #83878f;
  font-size: 12px;
}
.empty-box img {
  display: block;
  margin: 30px auto;
}
.pro-total.stuckMenu.isStuck {
  padding: 22px;
  width: 342px;
}
.refresh {
  width: 100%;
  float: left;
  clear: both;
}
.refresh .re-mk {
  float: left;
  color: #83878f;
  font-size: 12px;
  line-height: 18px;
  width: 170px;
  margin-top: 10px;
}
.hot-pro-list {
  width: 100%;
  float: left;
  overflow-y: auto;
  height: 100%;
}
.hot-pro-list dl {
  width: 100%;
  padding: 22px 22px 15px;
  float: left;
  border-bottom: #dee0e2 solid 1px;
}
.hot-pro-list dl dt {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}
.hot-pro-list dl dt span {
  float: left;
  color: #53565b;
  font-size: 14px;
  font-weight: normal;
}
.hot-pro-list dl dt a {
  float: right;
}
.hot-pro-list dl dd {
  line-height: 20px;
  padding: 3px 0;
  width: 100%;
  float: left;
}
.hot-pro-list dl dd .lable {
  float: left;
  width: 105px;
  color: #53565b;
  font-size: 12px;
}
.hot-pro-list dl dd .value {
  color: #83878f;
  font-size: 12px;
  float: left;
  width: 176px;
}
.hot-pro-list dl dd .p-price {
  font-size: 18px;
  color: #ff5047;
  float: left;
  margin-top: 5px;
}
.hot-pro-list dl dd button.buy {
  float: right;
  border-radius: 3px;
  width: 54px;
  line-height: 24px;
  border: #2e87de solid 1px;
  color: #2e87de;
  outline: none;
  background: none;
  margin-top: 5px;
}
.hot-pro-list dl dd button.buy.disabled-btn {
  color: #cdcdcd;
  border: #ddd solid 1px;
  cursor: not-allowed !important;
}
.hot-pro-list dl dd button.buy.disabled-btn:hover {
  background: #fff;
  color: #cdcdcd;
  border: #ddd solid 1px;
}
.hot-pro-list dl dd button.buy:hover {
  background: #2e87de;
  color: #fff;
}
/***安全规格****/
.safe-list {
  width: 100%;
  float: left;
  padding-bottom: 50px;
}
.safe-list > h2 {
  text-align: center;
  line-height: 40px;
  margin-top: 60px;
  color: #282c32;
  font-size: 24px;
  padding-bottom: 0;
}
.safe-list .item dl {
  width: 100%;
  float: left;
  border: #dee0e2 solid 2px;
  height: 190px;
  margin-top: 30px;
  padding: 20px 30px 20px 124px;
  position: relative;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.safe-list .item dl:hover {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.safe-list .item dl:hover {
  border: #2e87de solid 2px;
}
.safe-list .item dl dt {
  left: 10px;
  top: 20px;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  width: 95px;
  height: 80px;
  position: absolute;
}
.safe-list .item dl dt img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.safe-list .item dl dd {
  width: 100%;
  float: left;
}
.safe-list .item dl dd h4 {
  font-size: 18px;
  color: #282c32;
  line-height: 25px;
  padding: 5px 0;
}
.safe-list .item dl dd > p {
  line-height: 22px;
  font-size: 14px;
  color: #53565b;
}
.part-in {
  background: #f1f3f5;
  padding: 60px 0;
  float: left;
  width: 100%;
}
.part-in h2 {
  color: #282c32;
  font-size: 24px;
  text-align: center;
}
.part-in li {
  margin-top: 20px;
}
.part-in li a {
  display: block;
}
.part-in li a span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  height: 100px;
}
.part-in li a span img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.part-in li a em {
  font-style: normal;
  text-align: center;
  display: inline-block;
  width: 100%;
  line-height: 30px;
  margin-top: 5px;
  color: #282c32;
  font-size: 14px;
}
.part-in li:hover a em {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
  color: #1976d2;
}
/***帮助文档***/
.doc-detail {
  display: flex;
  justify-content: flex-start;
}
.doc-list {
  min-width: 252px;
  width: 252px;
  background: #f1f3f5;
  margin: 28px 0;
}
.doc-list .pro {
  height: 54px;
  line-height: 54px;
  border-bottom: #e5e7e9 solid 1px;
  padding: 0 15px;
  position: relative;
}
.doc-list .pro > span {
  color: #212226;
  font-size: 16px;
  font-weight: bold;
}
.doc-list .pro em.menu {
  width: 14px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 15px;
  cursor: pointer;
  background: url(../images/menu.png) no-repeat;
}
.proList {
  left: 100%;
  position: absolute;
  top: 0;
  background: #fff;
  display: none;
  width: 160px;
  padding: 20px 25px;
  line-height: 34px;
  border: #d1d3d4 solid 1px;
  box-shadow: 0 0 12px #d1d3d4;
}
.proList li a {
  color: #53565b;
}
.proList li a:hover {
  color: #1976d2;
}
.pro-type {
  width: 100%;
  float: left;
}
.pro-type dl {
  width: 100%;
  float: left;
}
.pro-type dl dt {
  width: 100%;
  float: left;
  padding: 0 15px;
  border-bottom: #e5e7e9 solid 1px;
  line-height: 42px;
  font-weight: normal;
  position: relative;
  cursor: pointer;
}
.pro-type dl dt span {
  font-size: 12px;
  color: #53565b;
}
.pro-type dl dt em {
  width: 8px;
  height: 8px;
  display: block;
  right: 15px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  background-position: 0 -32px;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
.pro-type dl.active dt em {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pro-type dl dd {
  width: 100%;
  float: left;
  display: none;
}
.pro-type dl dd a {
  border-bottom: #e5e7e9 solid 1px;
  display: block;
  line-height: 42px;
  height: 42px;
  font-size: 12px;
  color: #53565b;
  position: relative;
  padding-left: 40px;
}
.pro-type dl dd a:before {
  content: '';
  width: 3px;
  height: 3px;
  background: #828282;
  border-radius: 50%;
  position: absolute;
  left: 28px;
  top: 50%;
  margin-top: -2px;
}
.pro-type dl dd a:hover {
  color: #1976d2;
}
.pro-type dl dd a:hover:before {
  background: #1976d2;
}
.p-right {
  flex: auto;
  padding-left: 20px;
  margin: 28px 0;
}
.location {
  line-height: 52px;
  width: 100%;
  float: left;
  border-bottom: #dee0e2 solid 1px;
  font-size: 14px;
  color: #282c32;
  padding-left: -5px;
}
.location a {
  display: inline-block;
  padding: 0 5px;
}
.location a.last {
  color: #828282;
}
.location a.first {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .doc-detail .doc-list {
    min-width: 200px;
    width: 200px;
  }
}
@media screen and (max-width: 499px) {
  .doc-detail {
    flex-wrap: wrap;
  }
}
/****服务管家****/
.p-banner04 {
  height: 524px;
  position: relative;
  overflow: hidden;
}
.p-banner04 img {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  margin-left: -960px;
}
.p-banner04 p.t {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 170px;
  font-size: 60px;
  color: #fff;
}
.p-banner04 p.info {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 265px;
  font-size: 20px;
  color: #bdbdbd;
}
.hy-servers {
  background: #f5f5f5;
  height: 398px;
  padding: 60px 0;
}
.hy-servers dl {
  float: left;
  width: 50%;
  padding-left: 126px;
  position: relative;
  height: 139px;
  overflow: hidden;
}
.hy-servers dl dt {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 126px;
  height: 100px;
}
.hy-servers dl dt img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hy-servers dl dd {
  width: 100%;
  float: left;
  padding-right: 90px;
}
.hy-servers dl dd span {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  color: #333;
}
.hy-servers dl dd p {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  padding: 5px 0;
}
.hy-servers dl.t1 {
  border-right: #e5e5e5 dashed 1px;
}
.hy-servers dl.t2 {
  border-bottom: #e5e5e5 dashed 1px;
}
.hy-servers dl.t3 {
  border-top: #e5e5e5 dashed 1px;
  padding-top: 20px;
}
.hy-servers dl.t3 dt {
  top: 20px;
}
.hy-servers dl.t4 {
  border-left: #e5e5e5 dashed 1px;
  padding-top: 20px;
}
.hy-servers dl.t4 dt {
  top: 20px;
}
.server-list > h2 {
  color: #333;
  font-size: 24px;
  text-align: center;
  margin-top: 52px;
}
.server-content {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.server-content dl.type {
  border: #b2dcfd solid 1px;
  width: 100%;
  float: left;
  height: 114px;
}
.server-content dl.type dt {
  line-height: 114px;
  width: 352px;
  background: #2587e8;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 22px;
  float: left;
}
.server-content dl.type dt:before {
  position: absolute;
  right: -8px;
  content: '';
  top: 50%;
  margin-top: -4px;
  width: 0px;
  height: 0px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 8px solid #2587e8;
}
.server-content dl.type dd {
  float: left;
  width: 282px;
  text-align: center;
  position: relative;
  height: 114px;
}
.server-content dl.type dd span {
  color: #333;
  font-size: 22px;
  display: block;
  margin-top: 26px;
}
.server-content dl.type dd em {
  color: #ff4401;
  font-size: 16px;
  font-style: normal;
  display: block;
  margin-top: 5px;
}
.server-content dl.type dd em.line {
  text-decoration: line-through;
}
.server-content dl.type dd:before {
  width: 1px;
  height: 25px;
  background: #b2dcfd;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  content: '';
}
.server-content dl.type dd.first:before {
  width: 0;
}
.server-content dl.type dd .ask {
  position: absolute;
  color: #888;
  font-size: 14px;
  right: 20px;
  bottom: -20px;
  background: #fff;
  width: 430px;
  line-height: 35px;
  border: #f5c27e solid 1px;
  box-shadow: 0 -2px 10px #dddddd;
}
.server-content dl.type dd .ask:before {
  width: 13px;
  height: 7px;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  background-position: 0 -50px;
  position: absolute;
  right: 120px;
  top: -7px;
  content: '';
}
.server-table {
  width: 100%;
  float: left;
}
.server-table thead tr th {
  height: 45px;
  background: #e8f4fe;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  padding-left: 25px;
}
.server-table tbody tr:nth-child(even) {
  background: #f8f8f8;
}
.server-table tbody tr td {
  height: 46px;
  padding-left: 25px;
  color: #888;
  font-size: 14px;
}
.contact-box {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 32px;
  height: 376px;
  background: #f5f5f5;
  position: relative;
}
.contact-box .container {
  position: relative;
  z-index: 2;
}
.contact-box .container dl {
  background: #fff;
  width: 100%;
  box-shadow: 0 0 15px #ddd;
  height: 190px;
  border-radius: 5px;
  margin-top: 25px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.contact-box .container dl:hover {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.contact-box .container dl dt {
  text-align: center;
  font-size: 18px;
  color: #555;
  padding-top: 30px;
  font-weight: normal;
}
.contact-box .container dl dd {
  text-align: center;
  padding: 30px 40px;
}
.contact-box .container dl dd a {
  display: inline-block;
  width: 33.33%;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  background-position: 34px -77px;
  height: 42px;
  padding-top: 40px;
}
.contact-box .container dl dd a span {
  width: 58px;
  line-height: 22px;
  height: 23px;
  border: #1976d2 solid 1px;
  color: #1976d2;
  border-radius: 2px;
  font-size: 12px;
  display: inline-block;
}
.contact-box .container dl dd a:hover span {
  color: #fff;
  background: #1976d2;
}
.contact-box .container dl dd p.phone {
  font-size: 22px;
  color: #333;
  margin-top: 28px;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  background-position: 54px -123px;
  padding-left: 10px;
}
.contact-box .container dl dd button.submit-work {
  width: 108px;
  margin-top: 22px;
  height: 36px;
  line-height: 35px;
  border: #1976d2 solid 1px;
  color: #1976d2;
  background: none;
  outline: none;
}
.contact-box .container dl dd button.submit-work:hover {
  background: #1976d2;
  color: #fff;
}
.contact-box > .bg {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -480px;
}
.contact-box h2 {
  text-align: center;
  color: #333;
  font-size: 24px;
  margin-top: 55px;
}
/****资源节点****/
.node-table {
  width: 100%;
  float: left;
  border-top: #e4e4e4 solid 1px;
  border-left: #e4e4e4 solid 1px;
}
.node-table thead tr th {
  border-right: #e4e4e4 solid 1px;
  border-bottom: #e4e4e4 solid 1px;
  height: 45px;
  text-align: center;
  background: #f5f5f5;
  font-size: 14px;
  color: #333333;
}
.node-table tbody tr td {
  padding: 20px;
  color: #666;
  line-height: 24px;
  border-right: #e4e4e4 solid 1px;
  border-bottom: #e4e4e4 solid 1px;
}
/****访问控制云产品****/
.product_main .product_nav {
  top: 25px;
  background: #fff;
  max-height: 1230px;
}
.product_main .product_nav li dl.pro_nav_sec dd:hover a {
  color: #1976d2;
  font-weight: 700;
}
.product_main .icon_calculate {
  background-position: -209px 0;
}
.product_main .icon_nework {
  background-position: -238px 0;
}
.product_main .icon_safe {
  background-position: -264px 0;
}
.product_main .icon_cdn {
  background-position: -290px 0;
}
.product_main .icon_data {
  background-position: -320px 0;
}
.product_main .icon_companyServer {
  background-position: -345px 0;
}
.product_main .icon_dns {
  background-position: -370px 0;
}
.product_main .icon_managementTool {
  background-position: -400px 0;
}
.product_main .icon_server {
  background-position: -429px 0;
}
.product_main .product_panel .pro_types .Pro_Anchor {
  width: 100%;
}
.minHeight-1300 {
  min-height: 1300px !important;
}
.product_main .img_pensons {
  background-position: -433px -30px;
}
.product_main .img_min {
  background-position: -439px -90px;
}
.product_main .img_safe {
  background-position: -435px -151px;
}
.product_main .img_free {
  background-position: -435px -210px;
}
.download {
  color: #1976d2;
}
.product_main .img_api {
  background-position: -436px -273px;
}
.product_main .img_highly {
  background-position: -436px -340px;
}
.product_main .img_flexible {
  background-position: -436px -402px;
}
.product_main .img_simple {
  background-position: -436px -459px;
}
.product_main .img_real_time {
  background-position: -441px -528px;
}
.product_main .img_alarm {
  background-position: -436px -612px;
}
.product_main .img_notice {
  background-position: -440px -677px;
}
.product_main .SupportSelect {
  overflow: hidden;
}
/**云主机**/
.adopt {
  font-size: 14px;
  color: #53565b;
}
.authentication-list {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.authentication-list dl {
  width: 145px;
  float: left;
  text-align: center;
  font-size: 12px;
}
.authentication-list dl dt {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  height: 100px;
}
.authentication-list dl dt img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.authentication-list dl dd {
  color: #53565b;
}
.authentication-list .more {
  float: left;
  margin-left: 25px;
  margin-top: 68px;
}
.authentication-list .more a {
  color: #1976d2;
  font-size: 12px;
}
/***首页地图****/
.dot {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 32px;
  top: 32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 2px solid #33ccff;
  border-radius: 50%;
  background-color: #33ccff;
  z-index: 2;
}
.pulse {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0;
  top: 0;
  border: 2px solid #3399ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  animation: warn 2s linear 0s infinite normal;
  -webkit-box-shadow: 0px 1px 3px #33ccff inset;
  -moz-box-shadow: 0px 1px 3px #33ccff inset;
  box-shadow: 0px 1px 3px #33ccff inset;
}
.pulse1 {
  position: absolute;
  -moz-animation-delay: 2s;
  width: 70px;
  height: 70px;
  left: 0;
  top: 0;
  border: 1px solid #3399ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  animation: warn1 2s linear 0s infinite normal;
  -webkit-box-shadow: 0px 1px 3px #33ccff inset;
  -moz-box-shadow: 0px 1px 3px #33ccff inset;
  box-shadow: 0px 1px 3px #33ccff inset;
}
@keyframes warn {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0;
  }
  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes warn1 {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0;
  }
  25% {
    transform: scale(0.3 0.5);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.3);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.6);
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
}
.line-box {
  position: absolute;
  cursor: pointer;
  width: 8px;
  height: 8px;
  border: #2e3033 solid 1px;
  border-radius: 50%;
  background: #fb9353;
  z-index: 99;
}
.line-box:hover {
  z-index: 100;
}
.line-box.beisu {
  left: 599px;
  top: 374px;
  background: rgba(0, 0, 0, 0);
  filter: alpha(opacity=0);
  background: #fb9353;
  animation: map01 4s linear 0s infinite alternate;
  -moz-animation: map01 4s linear 0s infinite alternate;
  -webkit-animation: map01 4s linear 0s infinite alternate;
  -o-animation: map01 4s linear 0s infinite alternate;
}
.line-box.beisu:hover {
  animation-play-state: paused;
}
.line-box.beisu .city-layer {
  left: 0;
  top: -85px;
}
.line-box.beiguang {
  left: 492px;
  top: 526px;
  background: rgba(0, 0, 0, 0);
  filter: alpha(opacity=0);
  background: #fb9353;
  animation: map02 8s linear 0s infinite alternate;
  -moz-animation: map02 8s linear 0s infinite alternate;
  -webkit-animation: map02 8s linear 0s infinite alternate;
  -o-animation: map02 8s linear 0s infinite alternate;
}
.line-box.beiguang:hover {
  animation-play-state: paused;
}
.line-box.beiguang .city-layer {
  left: 0;
  top: -85px;
}
.line-box.guangsu {
  left: 486px;
  top: 520px;
  background: rgba(0, 0, 0, 0);
  filter: alpha(opacity=0);
  background: #fb9353;
  animation: map03 6s linear 0s infinite alternate;
  -moz-animation: map03 6s linear 0s infinite alternate;
  -webkit-animation: map03 6s linear 0s infinite alternate;
  -o-animation: map03 6s linear 0s infinite alternate;
}
.line-box.guangsu:hover {
  animation-play-state: paused;
}
.line-box.guangsu .city-layer {
  left: 0;
  top: -85px;
}
@keyframes map01 {
  0% {
    left: 599px;
    top: 374px;
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    background: #fb9353;
  }
  50% {
    left: 583px;
    top: 332px;
    background: #000000;
    filter: alpha(opacity=100);
    background: #fb9353;
  }
  100% {
    left: 567px;
    top: 286px;
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    background: #fb9353;
  }
}
@keyframes map02 {
  0% {
    left: 492px;
    top: 526px;
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    background: #fb9353;
  }
  50% {
    left: 551px;
    top: 454px;
    background: #000000;
    filter: alpha(opacity=100);
    background: #fb9353;
  }
  100% {
    left: 593px;
    top: 401px;
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    background: #fb9353;
  }
}
@keyframes map03 {
  0% {
    left: 486px;
    top: 520px;
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    background: #fb9353;
  }
  50% {
    left: 523px;
    top: 401px;
    background: #000000;
    filter: alpha(opacity=100);
    background: #fb9353;
  }
  100% {
    left: 557px;
    top: 291px;
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    background: #fb9353;
  }
}
.city-layer {
  width: 172px;
  height: 75px;
  background: #fff;
  position: absolute;
  z-index: 90;
  margin-left: -86px;
  padding: 14px;
  color: #53565b;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  display: none;
}
.city-layer:before {
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -4px;
  content: '';
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #fff;
}
.city {
  cursor: pointer;
  width: 70px;
  height: 70px;
  z-index: 4;
  position: absolute;
}
.city.chengdu {
  left: 330px;
  top: 414px;
}
.city.chengdu .city-name {
  left: auto;
  right: 42px;
}
.city.chengdu .pulse {
  animation: warn 2s linear 0s infinite normal;
}
.city.chengdu .pulse1 {
  animation: warn1 2s linear 0.8s infinite normal;
}
.city.jingnan {
  left: 517px;
  top: 267px;
}
.city.jingnan .city-name {
  left: auto;
  right: 42px;
}
.city.jingnan .pulse {
  animation: warn 2s linear 0s infinite normal;
}
.city.jingnan .pulse1 {
  animation: warn1 2s linear 0s infinite normal;
}
.city.wuhan {
  left: 430px;
  top: 416px;
}
.city.wuhan .pulse {
  animation: warn 3s linear 1s infinite normal;
}
.city.wuhan .pulse1 {
  animation: warn1 3s linear 2s infinite normal;
}
.city.hongkong {
  left: 505px;
  top: 541px;
}
.city.hongkong .pulse {
  animation: warn 2s linear 2s infinite normal;
}
.city.hongkong .pulse1 {
  animation: warn1 2s linear 1s infinite normal;
}
.city.shenzhen {
  left: 479px;
  top: 524px;
}
.city.shenzhen .pulse {
  animation: warn 1.5s linear 1s infinite normal;
}
.city.shenzhen .pulse1 {
  animation: warn1 1.5s linear 1s infinite normal;
}
.city.guangzou {
  left: 448px;
  top: 507px;
}
.city.guangzou .city-name {
  left: auto;
  right: 42px;
}
.city.guangzou .pulse {
  animation: warn 1.5s linear 1.5s infinite normal;
}
.city.guangzou .pulse1 {
  animation: warn1 1.5s linear 1.5s infinite normal;
}
.city.beijing {
  left: 532px;
  top: 238px;
}
.city.beijing .pulse {
  animation: warn 2s linear 0s infinite normal;
}
.city.beijing .pulse1 {
  animation: warn1 2s linear 0s infinite normal;
}
.city.suzhou {
  left: 573px;
  top: 356px;
}
.city.suzhou .pulse {
  animation: warn 1.8s linear 1s infinite normal;
}
.city.suzhou .pulse1 {
  animation: warn1 1.8s linear 0s infinite normal;
}
.city.shanghai {
  left: 605px;
  top: 377px;
}
.city.shanghai .pulse {
  animation: warn 2s linear 0s infinite normal;
}
.city.shanghai .pulse1 {
  animation: warn1 2s linear 0.8s infinite normal;
}
.city.xiamen {
  left: 573px;
  top: 487px;
}
.city.xiamen .pulse {
  animation: warn 3s linear 1s infinite normal;
}
.city.xiamen .pulse1 {
  animation: warn1 3s linear 1.5s infinite normal;
}
.city.meizhou {
  left: 955px;
  top: 161px;
}
.city.meizhou .pulse {
  animation: warn 2s linear 0s infinite normal;
}
.city.meizhou .pulse1 {
  animation: warn1 2s linear 0.5s infinite normal;
}
.city-name {
  position: absolute;
  left: 50%;
  top: 20px;
  line-height: 30px;
  margin-left: 14px;
  width: 90px;
  color: #d5d6d6;
  font-size: 14px;
}
.dk_toggle {
  text-shadow: none;
}
/**QQ浮动**/
.main-im {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 10000;
  width: 45px;
  margin-top: -100px;
  height: 100px;
}
.main-im .open-im {
  cursor: pointer;
  margin-left: 0px;
  width: 36px;
  height: 36px;
  background: url(../images/open_im.png) no-repeat left top;
  border-radius: 4px;
}
.main-im .open_phone {
  cursor: pointer;
  margin-left: 0px;
  width: 36px;
  height: 36px;
  background: #1577e4 url(../images/open_phone.png) no-repeat left top;
  margin-top: 4px;
  border-radius: 4px;
  position: relative;
}
.main-im .open_phone .phone_panel {
  background: #1577e4;
  border-radius: 8px 0 8px 8px;
  color: #fff;
  line-height: 25px;
  padding: 8px 10px;
  position: absolute;
  right: 33px;
  text-align: center;
  width: 148px;
  top: 0;
  z-index: 5;
  display: none;
}
.main-im .open_phone .phone_panel dt {
  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
}
.main-im .open_phone .phone_panel dd {
  font-size: 16px;
}
.main-im .open_phone .phone_panel dd a {
  color: #fff;
}
.main-im .to_top {
  cursor: pointer;
  margin-left: 73px;
  width: 40px;
  height: 40px;
  background: url(../images/to_top.png) no-repeat left top;
  margin-top: 4px;
  border-radius: 8px;
  display: none;
  border: 1px solid rgba(255, 255, 255, 0);
}
.main-im .im_main {
  border: 1px solid #dddddd;
  border-radius: 10px;
  background: #f9fafb;
  display: none;
  position: absolute;
  top: -40px;
  left: -70px;
}
.main-im .close-im {
  position: absolute;
  right: 10px;
  top: -12px;
  z-index: 100;
  width: 24px;
  height: 24px;
}
.main-im .close-im a {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/close_im.png) no-repeat left top;
}
.main-im .qq-a {
  display: block;
  width: 106px;
  height: 116px;
  font-size: 14px;
  color: #0484cd;
  text-align: center;
  position: relative;
}
.main-im .qq-container {
  z-index: 99;
  position: absolute;
  width: 109px;
  height: 118px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 1px solid #dddddd;
  background: url(../images/qq-icon-bg.png) no-repeat center 8px;
}
.main-im .qq-hover-c {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  position: absolute;
  left: 18px;
  top: 10px;
  overflow: hidden;
  z-index: 9;
}
.main-im .img-qq {
  max-width: 60px;
  display: block;
  position: absolute;
  left: 6px;
  top: 3px;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.main-im .im-qq:hover .img-qq {
  max-width: 70px;
  left: 1px;
  top: 8px;
  position: absolute;
}
.main-im .qq-a span {
  bottom: 5px;
  position: absolute;
  width: 90px;
  left: 10px;
}
.main-im .im_main .im-tel {
  color: #000000;
  text-align: center;
  width: 109px;
  height: 60px;
}
.main-im .im_main .im-tel div {
  font-weight: bold;
  font-size: 12px;
  margin-top: 6px;
}
.main-im .im_main .im-tel .tel-num {
  font-family: Arial;
  font-weight: bold;
  color: #e66d15;
}
/**Phoenix6.0**/
.bg-f1f3f5 {
  background: #f1f3f5;
}
.bg-fff {
  background: #fff;
}
.pd28 {
  padding: 28px 0;
}
/**登录*注册**/
.login-div {
  width: 320px;
  margin: 0 auto;
}
.login-div > h2 {
  color: #212226;
  font-size: 26px;
  letter-spacing: 5px;
  margin-top: 30px;
  text-align: center;
}
.login-div > p.text-align {
  color: #999;
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  line-height: 18px;
  width: 100%;
  float: left;
}
.login-list {
  width: 100%;
  float: left;
  margin-top: 9px;
}
.login-list > li {
  width: 100%;
  float: left;
  margin-top: 20px;
  position: relative;
}
.login-list > li.bd {
  border: #cdcdcd solid 1px;
  z-index: 3;
}
.login-list > li.bd.error {
  border: #ff5047 solid 1px;
}
.login-list > li .login-text {
  width: 100%;
  float: left;
  height: 40px;
  padding: 10px;
  border: #cdcdcd solid 1px;
  outline: none;
}
.login-list > li .login-text.w202 {
  width: 202px;
}
.login-list > li .login-text.inputting {
  border: #2e87de solid 1px;
}
.login-list > li .login-text.error {
  border: #ff5047 solid 1px;
}
.login-list > li .login-text.no-bd.w170 {
  border: none;
  width: 170px;
}
.login-list > li.mt0 {
  margin-top: 10px;
}
.login-list > li.mt0 a {
  color: #1976d2;
  font-size: 12px;
}
.login-list > li .fr {
  float: right;
  width: 106px;
  height: 40px;
}
.login-list > li .submit {
  width: 100%;
  float: left;
  background: #2e87de;
  color: #fff;
  line-height: 40px;
  outline: none;
  border: none;
}
.login-list > li .error-text {
  color: #ff5047;
  position: absolute;
  line-height: 40px;
  left: 100%;
  padding-left: 10px;
  top: 0;
  white-space: nowrap;
}
.login-list > li .success {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 100%;
  top: 12px;
  margin-left: 10px;
  background: url(../images/vali-ico.png) no-repeat;
  background-position: left -73px;
}
.login-list > li .v-button {
  float: right;
  background: #2e87de;
  width: 106px;
  color: #fff;
  line-height: 38px;
  outline: none;
  border: none;
}
.login-list > li .v-button.disabled-btn {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.validate-list {
  width: 300px;
  padding: 15px 20px;
  border: #ececec solid 1px;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 20px;
  box-shadow: 0 0 12px #ddd;
}
.validate-list:before {
  width: 12px;
  height: 24px;
  content: '';
  position: absolute;
  left: -12px;
  top: 10px;
  background: url(../images/arrow-left.png) no-repeat;
}
.validate-list dl {
  width: 100%;
  float: left;
}
.validate-list dl dd {
  line-height: 20px;
  padding-left: 17px;
  color: #7d7d7d;
  font-size: 12px;
  background: url(../images/vali-ico.png) no-repeat;
  background-position: left -15px;
}
.validate-list dl dd.yes {
  background-position: left 4px;
}
.validate-list dl dd.no {
  background-position: left -35px;
}
.go-login {
  position: absolute;
  right: 44px;
  top: 60px;
  color: #53565b;
  font-size: 14px;
}
.go-login a {
  color: #1976d2;
}
.copyright {
  text-align: center;
  color: #7d7d7d;
  line-height: 25px;
  font-size: 12px;
  margin-top: 55px;
}
.zone {
  width: 140px;
  float: left;
  padding: 10px;
  line-height: 20px;
  border-right: #cdcdcd solid 1px;
  cursor: pointer;
}
.zone:before {
  position: absolute;
  bottom: 17px;
  left: 120px;
  margin-left: -4px;
  content: '';
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #7d7d7d;
}
.zone span {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 4;
}
.zone .zone-list {
  position: absolute;
  left: -1px;
  width: 141px;
  top: 40px;
  background: #fff;
  border: #cdcdcd solid 1px;
  padding: 10px;
}
.zone .zone-list li {
  cursor: pointer;
  line-height: 30px;
}
.layer-div .login-list {
  margin-top: 10px;
}
.layer-div .login-list > li {
  margin: 0px 0 10px 0;
}
.error-info {
  color: #ff5047;
}
/**订单列表**/
.order-info {
  float: left;
  color: #212226;
  font-size: 24px;
  line-height: 45px;
  padding-left: 20px;
}
.flow-img {
  float: right;
  padding-right: 20px;
}
.order-list {
  width: 100%;
  float: left;
}
.order-list thead tr th {
  height: 62px;
  padding: 0 20px;
  color: #64676b;
  font-size: 14px;
  border-bottom: #e7edf3 solid 1px;
}
.order-list tbody tr td {
  color: #64676b;
  line-height: 22px;
  padding: 28px 20px;
  border-bottom: #e7edf3 solid 1px;
}
.order-list tbody tr td .red {
  color: #ff5047;
}
.total {
  float: right;
  padding: 30px 20px;
}
.total-money .red {
  float: left;
  color: #ff5047;
  font-size: 26px;
  line-height: 40px;
}
.total-money .red span {
  color: #64676b;
  font-size: 14px;
}
.total-money .red small {
  font-size: 16px;
  color: #ff5047;
}
.total-money .total-btn {
  line-height: 40px;
  width: 102px;
  background: #1976d2;
  height: 40px;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  outline: none;
  border: none;
  margin-left: 30px;
}
.protocol {
  text-align: right;
  margin-top: 10px;
  float: right;
  color: #64676b;
}
.protocol a {
  color: #1976d2;
}
/***支付结果***/
.result-img {
  text-align: center;
  margin-top: 78px;
}
.result-size {
  color: #53565b;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}
.keep-pay {
  margin-top: 30px;
  text-align: center;
}
.keep-pay a {
  min-width: 130px;
  display: inline-block;
  border-radius: 4px;
  border: #2e87de solid 1px;
  line-height: 35px;
  margin: 0 9px;
  padding: 0 20px;
}
.keep-pay a.a1 {
  color: #1976d2;
}
.keep-pay a.a2 {
  background: #2e87de;
  color: #fff;
}
.gifts {
  margin-top: 70px;
  text-align: center;
}
.gifts a {
  color: #1976d2;
  font-size: 14px;
  display: inline-block;
  margin: 0 24px;
}
/***确认订单信息***/
.pro-order-info {
  width: 100%;
  float: left;
  border-bottom: #e7edf3 solid 1px;
  padding: 30px 20px;
}
.pro-order-info > h4 {
  color: #53565b;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
}
.pro-order-info > ul > li {
  width: 100%;
  line-height: 30px;
  float: left;
  color: #64676b;
}
.pro-order-info > ul > li span {
  float: left;
}
.pro-order-info > ul > li em {
  float: right;
  font-style: normal;
}
.coupon-list {
  width: 100%;
  float: left;
  padding: 30px 20px;
  border-bottom: #e7edf3 solid 1px;
}
.coupon-list > h4 {
  height: 30px;
  color: #53565b;
  font-size: 14px;
  font-weight: bold;
}
.coupon-money {
  width: 100%;
  margin-top: 5px;
  float: left;
}
.coupon-money i {
  float: left;
  font-style: normal;
  color: #53565b;
  font-size: 14px;
}
.coupon-money span {
  float: left;
  color: #53565b;
  font-size: 14px;
  padding-left: 10px;
  position: relative;
}
.coupon-money span:before {
  content: '';
  width: 3px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  background: #1976d2;
}
.coupon-money em {
  float: right;
  font-style: normal;
  font-size: 14px;
  color: #ff5047;
}
.coupon-money em b {
  font-weight: normal;
  color: #64676b;
}
.coupon-money .sum-input {
  padding: 0 10px;
  width: 84px;
  line-height: 24px;
  border: #7d7d7d solid 1px;
  outline: none;
  color: #53565b;
  margin: 0 5px;
  border-radius: 3px;
}
.couponList {
  width: 100%;
  float: left;
}
.couponList dl {
  width: 176px;
  height: 78px;
  border: #7d7d7d solid 1px;
  border-radius: 6px;
  margin-top: 15px;
  cursor: pointer;
  padding: 10px 10px 10px 20px;
  float: left;
  margin-right: 12px;
  position: relative;
}
.couponList dl.disabled-btn {
  border: #bebebe solid 1px;
}
.couponList dl.disabled-btn dt {
  color: #a9aaad;
}
.couponList dl.disabled-btn dd .agio {
  color: #a9aaad;
}
.couponList dl.disabled-btn dd .cue .cue-ico {
  background: url(../images/cue02.png) no-repeat;
}
.couponList dl.disabled-btn dd.spt {
  background: #b1b3b5;
}
.couponList dl.active {
  background: #eaf3fc url(../images/pih-on.png) no-repeat left top;
  border: #2e87de solid 1px;
}
.couponList dl dt {
  font-size: 18px;
  color: #53565b;
  width: 100%;
  float: left;
}
.couponList dl dd {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.couponList dl dd .agio {
  font-size: 14px;
  color: #53565b;
  float: left;
}
.couponList dl dd .cue {
  float: left;
  padding-left: 4px;
  position: relative;
  width: 16px;
  height: 16px;
}
.couponList dl dd .cue:hover .cue-layer {
  display: block;
}
.couponList dl dd .cue .cue-ico {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  background: url(../images/cue.png) no-repeat;
}
.couponList dl dd .cue .cue-layer {
  position: absolute;
  width: 202px;
  min-height: 120px;
  left: 32px;
  top: 50%;
  margin-top: -71px;
  z-index: 4;
  background: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  box-shadow: 0 0 12px #ddd;
  display: none;
}
.couponList dl dd .cue .cue-layer:before {
  position: absolute;
  width: 12px;
  height: 24px;
  top: 60px;
  left: -12px;
  content: '';
  background: url(../images/arrow-left.png) no-repeat;
}
.couponList dl dd .cue .cue-layer .scope {
  line-height: 30px;
  font-size: 14px;
  color: #64676b;
  font-weight: bold;
}
.couponList dl dd .cue .cue-layer li {
  color: #53565b;
  font-size: 12px;
  line-height: 24px;
  padding-left: 12px;
  position: relative;
}
.couponList dl dd .cue .cue-layer li:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #2e87de;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.couponList dl dd.spt {
  margin-top: 0;
  width: 55px;
  text-align: center;
  line-height: 20px;
  background: #fd6059;
  color: #fff;
  position: absolute;
  right: -1px;
  top: -1px;
  font-size: 12px;
  border-bottom-left-radius: 12px;
}
.coupon-layer .ct {
  color: #53565b;
  line-height: 20px;
}
.coupon-tb {
  width: 100%;
  margin: 10px 0;
}
.coupon-tb tbody tr td {
  height: 30px;
  font-size: 12px;
}
.coupon-tb tbody tr td .red {
  color: #ff5047;
}
.p-banner05 {
  height: 314px;
  position: relative;
}
.p-banner05 img {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
}
.p-banner05 p.t {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 95px;
  font-size: 24px;
  color: #fff;
}
.p-banner05 p.info {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  left: 0;
  top: 145px;
  font-size: 16px;
  color: #fff;
}
/***免费试用***/
.try-content {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: -52px;
}
.try-type {
  width: 100%;
  float: left;
  height: 100px;
  line-height: 100px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
}
.try-type span {
  font-size: 24px;
  color: #fff;
  display: inline-block;
  width: 50%;
  text-align: center;
  cursor: pointer;
  background: #7d7d7d;
}
.try-type span.active {
  background: #fff;
  color: #1976d2;
}
.try-main {
  width: 100%;
  float: left;
  padding: 50px 62px;
  display: none;
}
.try-main .item {
  margin-top: 20px;
  position: relative;
  border: #cdcdcd solid 1px;
  height: 280px;
  padding: 20px 40px;
}
.try-main .item dl {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
}
.try-main .item dl dt {
  color: #53565b;
  font-size: 24px;
  font-weight: normal;
  line-height: 40px;
  height: 50px;
}
.try-main .item dl dd {
  line-height: 26px;
  color: #53565b;
  font-size: 14px;
}
.try-main .item dl dd a.button {
  background: #2e87de;
  font-size: 14px;
  color: #fff;
  padding: 0 52px;
  line-height: 42px;
  display: inline-block;
  margin-top: 25px;
  border-radius: 4px;
}
.try-main .item > img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.try-main .item.li {
  width: 346px;
  height: 156px;
  text-align: center;
  border-radius: 6px;
  background: url(../images/gift-bg.jpg) no-repeat;
}
.try-main .item.li dl dt {
  color: #53565b;
  margin-top: 23px;
}
.try-main .item.li dl dt span {
  font-size: 30px;
}
.try-info {
  float: left;
  width: 100%;
}
.try-info .try-time {
  float: left;
  width: 468px;
  height: 244px;
  margin-left: -36px;
  margin-top: -15px;
  background: url(../images/shadow-bg.png) no-repeat;
  text-align: center;
}
.try-info .try-time span {
  display: block;
  color: #fff;
  font-size: 44px;
  margin-top: 100px;
}
.try-info .try-time em {
  display: block;
  color: #fff;
  font-size: 14px;
  margin-top: 30px;
  font-style: normal;
}
.try-info .try-text {
  float: right;
  width: 628px;
}
.try-info .try-text > h3 {
  color: #212226;
  font-size: 24px;
  margin-top: 40px;
}
.try-info .try-text > p {
  color: #53565b;
  font-size: 14px;
  padding: 15px 0;
  line-height: 24px;
}
.detail-rule {
  margin-top: 20px;
}
.detail-rule a {
  color: #1976d2;
}
.receive-t {
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #212226;
  margin-top: 70px;
  float: left;
  margin-bottom: 20px;
}
.receive-t.service {
  color: #1976d2;
  font-size: 14px;
  cursor: pointer;
}
.btnAlign .layui-layer-btn {
  text-align: center;
}
.get-all {
  text-align: center;
  margin-top: 42px;
}
.get-all a {
  width: 200px;
  height: 56px;
  line-height: 56px;
  background: #2e87de;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: inline-block;
}
/***最新活动信息***/
.new-activies {
  height: 893px;
  background: #1f1f33;
}
.new-activies .t-img {
  text-align: center;
  height: 266px;
}
.new-activies-list {
  width: 100%;
  float: left;
  margin-top: 15px;
  padding: 0 50px;
}
.new-activies-list .item {
  width: 33.33%;
  height: 374px;
  margin-top: 15px;
  float: left;
  padding: 0 10px;
}
.new-activies-list .item dl {
  background: url(../images/activity-listBg.png) no-repeat top center;
  width: 100%;
  float: left;
  height: 100%;
  text-align: center;
}
.new-activies-list .item dl dt {
  margin-top: 101px;
}
.new-activies-list .item dl dd.t1 {
  margin-top: 74px;
  font-size: 16px;
  color: #fff;
}
.new-activies-list .item dl dd.t2 {
  color: #cdcdcd;
  font-size: 14px;
  margin-top: 5px;
}
.new-activies-list .item dl dd.t3 {
  margin-top: 28px;
}
.more-hot {
  text-align: center;
  color: #00a8ff;
  font-size: 16px;
  margin-top: 58px;
  width: 100%;
  float: left;
}