.mainECS {
  min-height: 560px;
}
.mainECS > .headerTop {
  height: 560px;
  z-index: 2;
  overflow: hidden;
  background: #21242b url(../img/freedns/mainECS.jpg) no-repeat center;
}
.mainECS > .headerTop > .info {
  position: relative;
  height: 100%;
}
.mainECS > .headerTop > .info > .title {
  position: absolute;
  font-size: 40px;
  color: #f4cc4e;
  top: 120px;
  left: 10px;
}
.mainECS > .headerTop > .info > p {
  position: absolute;
  width: 525px;
  line-height: 35px;
  font-size: 18px;
  color: #dadada;
  top: 250px;
  left: 10px;
}
.mainECS > .headerTop > .info > a {
  position: absolute;
  font-size: 16px;
}
.mainECS > .headerTop > .info > a.freeGo {
  width: 134px;
  height: 40px;
  line-height: 40px;
  color: #f4cc4e;
  text-align: center;
  border: 1px solid #f4cc4e;
  border-radius: 20px;
  top: 397px;
  left: 10px;
}
.mainECS > .headerTop > .info > a.freeGo:hover {
  background-color: #f4cc4e;
  color: #333;
}
.mainECS > .headerTop > .info > a.freeGo > span {
  position: absolute;
  left: 32px;
}
.mainECS > .headerTop > .info > a.freeGo > i {
  display: none;
  position: absolute;
  top: 1px;
  right: 0;
}
.mainECS > .headerTop > .info > a.dnsInfo {
  color: #f1f1f1;
  top: 405px;
  left: 170px;
}

.mecuList {
    height: 80px;
	background-color: #fff;
}
.guding {
  width: 100%;
  background-color: #f5f5f6;
  position: fixed;
  top: 0;
  z-index: 12;
}
.mecuList > .info > ul {
	display: flex;
}
.mecuList > .info > ul > li {
  flex: 1;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}
.mecuList > .info > ul > li > a {
  display: block;
  color: #333;
}
.mecuList > .info > ul > li.active {
  border-bottom: 3px solid #f4cc4e;
}
.mecuList > .info > ul > li.active > a {
  color: #333;
}

.dnsParameter{ background: #fafafa;}
.info > .title {
	padding: 64px 0;
	text-align: center;
}
.info > .title > h5 {
  font-size: 32px;
}
.parameterList{ display: flex; background-color: #fff;}
.parameterList1{ width: 25%; padding: 32px 32px 40px;
    box-sizing: border-box;
	border-right: 1px solid #f0f1f2;
    position: relative;}
.parameterList1:last-child{ border: none;}
.parameterList1 .title h6{ text-align: center; font-size: 22px;}
.parameterList1 .title p{ font-size: 14px; color: #666; text-align: center;padding: 12px 0;
    border-bottom: 1px solid #f0f1f2;
    margin-bottom: 20px;
    line-height: 22px;}
.infoBody ul{ font-size: 14px; color: #333; line-height: 36px; border-bottom: 1px solid #f0f1f2;padding-bottom: 20px;}
.infoBody li span{ display: inline-block; width: 45px; color: #999999;  padding-left: 80px;}
.infoBody .money{ text-align: center; color: #f23c3c; font-size: 28px; padding: 24px 0 16px; font-family: number;}
.infoBody span{ font-size: 14px;}
.infoBody .goBuy{    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
	background:#f0f1f2;
    font-size: 14px;
	}
.parameterList1.on .infoBody .goBuy{ background: -webkit-linear-gradient( top,#fbd847,#f4c93a);}
	
.parameterList1 .hot{
	background: url('img/ecsHOT.png') no-repeat;
	width: 94px;
	height: 93px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
.parameterList1.on{
	box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1);
	z-index: 9;
}
.advantages{ padding-bottom: 64px;}
.advantages_hk{ background: #fafafa;}
.advantages_hk .superiorityList ul li{     border-top: 5px solid #fafafa;}
.advantages1{ background: url(../img/ecs/ecs_hk07.png) no-repeat; background-size: cover; color: #fff;}
.advantages1 .info > .title > h5{ color: #fff;}
.superiorityList ul{ display: flex; flex-wrap:wrap;}
.superiorityList ul li{ width: 50%; padding: 30px 30px 30px 100px; position: relative;margin-bottom: 12px;border-radius: 8px; border-top: 5px solid #fff;}
.superiorityList ul li:hover{box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1); border-top: 5px solid #ffc936; background: url('img/ecss01.png') no-repeat top right;}
.superiorityList ul li svg{ display: block; width: 40px; height: 40px; position: absolute; left: 30px;}
.superiorityList ul li h6{ font-size: 18px;padding-bottom: 8px;}
.superiorityList ul li p{ color: #666; font-size: 14px; line-height: 26px;}
.advantage{ background: url('img/Map_mapBg.png') no-repeat; height: 440px; padding-top: 60px; position: relative;}
.Map-text{ position: absolute; top: 80px;left: 1130px;width: 408px;}
.Map-text p{ color: #fff; opacity: 0.6; line-height: 26px;font-size: 14px; padding-bottom: 20px;}
.Map-text h4{ color: #ffd52d; font-size: 14px;}
.Map-text h2{ color: #fff; font-size: 24px;padding: 10px 0 50px;}

.panel-rx{width: 100%; background: #fafafa; padding: 64px 0;}
.panel-rx-text{ margin-bottom: 64px; text-align: center;font-size: 28px;color: #333;}
.panel-rx-text h2{ font-weight: 100;}
.panel-rx-contents{ display: flex; align-items: center;}
.panel-rx-content1{ border: 1px solid #f0f1f2; border-radius: 5px 0 0 5px; padding: 60px; width: 350px; height: 355px; box-sizing: border-box;background: #fff; border-right: none;}
.panel-rx-content1 p{ font-size: 18px; padding-bottom: 30px;}
.panel-rx-content1 div{ line-height: 26px; font-size: 14px; color: #666;}
.panel-rx-content{ width: 850px;border: 1px solid #f0f1f2; border-radius: 10px; padding: 45px 60px 55px; box-sizing: border-box; background:#fff url('img/Map_mapBg02.png') no-repeat center;box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1);}
.content-frame-text h4{ font-size: 16px;}
.content-frame-text p{ font-size: 14px; color: #999; padding-top: 10px;}
.content-frame{ position: relative; padding: 16px 0; margin-left:65px; border-bottom: 1px solid #f0f1f2;}
.content-frame svg{ width: 40px; height: 40px; position: absolute; left: -60px;}
.panel-rx-text p{ font-size: 14px; color: #999; padding-top: 10px;}
.service{ padding: 64px 0;}
.service-frame{ display: flex;}
.frame-text{ width: 25%; box-sizing: border-box; border-right: 1px solid #f0f1f2;border-top: 5px solid #fff; text-align: center; padding: 48px 35px;}
.frame-text:last-child{ border-right: none;}
.frame-text h4{ font-size: 18px; padding: 20px 0 28px;}
.frame-text p{ font-size: 14px; color: #666; line-height: 24px;}
.frame-text p.down{ padding-top: 38px;}
.frame-text svg{ width: 58px; height: 58px;}
.frame-text:hover{box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1);border-top: 5px solid #ffc936; }

.advantage_hk { padding-bottom: 50px;}
.container_hk{display: flex;}
.container .container1{ width: 50%;}
.container1 img{ width: 100%;}
.container1b h2{ font-size: 20px; padding-bottom: 16px;}
.container2{ font-size: 14px; color: #666666; border-bottom: 1px solid #f0f1f2; line-height: 26px; padding-bottom: 16px; margin-bottom: 20px;}
.container3{ font-size: 16px; padding-bottom: 8px;}
.container1b{ padding-left: 70px; box-sizing: border-box;}
.cloud-logo{ color: #fff; background:url('../img/ecs/ecs_hk07.png') no-repeat;background-size: cover; width: 100%; height: 361px; text-align: center;}
.cloud-logo h2{ font-size: 28px; padding: 60px 0 20px;}
.cloud-logo p{ font-size: 16px; opacity: 0.6;}
.cloud-logo span{ background-color: #fff; width: 170px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px;    margin: 60px 8px 0;}
.cloud-logo > div{ display: inline-flex; align-items: center;}
.overlay {
	text-align: left;
	padding: 20px;
    height: 100%;
    position: absolute;
    background:#fff url('../img/ecs/ecs_hk08.png') no-repeat right bottom;
    color: #333;
    top: 512px;
	left: 0;
    transition: all 0.4s cubic-bezier(0.24, 0.06, 0.25, 0.92);
}
.overlay .overlay1{ font-size: 14px; padding: 8px 0 3px;}
.overlay .overlay2{ font-size: 12px; color: #999; line-height: 22px;}
.frame-text:hover .overlay {
   top: 0;
}
.technology-cont {
    overflow: hidden;
    position: relative;
	background: #fff;
	height: 380px;
}

.dns_new_info {
	padding-top: 60px;
	background-color: #fcfcfc;
	padding-bottom: 30px;
}
.dns_new_info > .info > .common {
  width: 45%;
  overflow: hidden;
}
.dns_new_info > .info > .common:nth-child(1) {
	float: left;
}
.dns_new_info > .info > .common:nth-child(2) {
	float: right;
}
 .dns_new_info > .info > .common:not(:first-child) {
	margin-left: 55.5px;
}
 .dns_new_info > .info > .common > .title {
  margin-top: 118px;
  border-bottom: 1px solid #ddd;
  height: 49px;
}
 .dns_new_info > .info > .common > .title > h5 {
  float: left;
  margin-bottom: 20px;
  font-size: 20px;
  color: #333;
}
 .dns_new_info > .info > .common > .title > a {
  float: right;
  margin-top: 11px;
  font-size: 14px;
  color: #f5b300;
}
 .dns_new_info > .info > .common > .bodyInfo > ul {
  height: 252px;
  list-style: disc;
  color: #fff;
  overflow: hidden;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li {
  margin: 25px 0;
  font-size: 14px;
  height: 18px;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li:hover > a > p {
  color: #f4cc4e;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li:hover > a > p {
  color: #f4cc4e;
}
 .dns_new_info > .info > .common > .bodyInfo > ul.ssl > li:hover > a > span,.dns_new_info > .info > .common > .bodyInfo > ul.ssl > li:hover > a > p {
  color: #6bd367;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a {
  display: block;
  box-sizing: border-box;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a > p {
  float: left; 
  color: #555;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 360px;
  position: relative;
  box-sizing: border-box;
  padding-left: 16px;
}
 .dns_new_info > .info > .common:nth-child(1)  > .bodyInfo > ul > li> a > p {
	width: 352px;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a > p:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #555;
	position: absolute;
	left: 0;
	top: 8px;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a > span {
  float: right;
  color: #777;
}
.vipcont01b{ display: flex;justify-content: center;flex-wrap: wrap;width: 100%;}
.vipcont01d{ text-align: center;font-size: 14px; color: #666; line-height: 50px; width: 24%; float: left; border: 1px solid #e5e5e5; border-left: none; height: 366px;}
.vipcont01d:nth-child(1){border-left: 1px solid #e5e5e5;border-right: none; border-radius: 6px 0 0 6px;}
.vipcont01d:nth-child(3){ border-radius: 0 6px 6px 0;}
.vipcont01d1{ font-size: 18px; color: #333; line-height: 66px;background: rgba(245,246,247,0.95);}
.vipcont01d2{ background: rgba(255,255,255,0.95);}
.vipcont01d3{ background:rgba(245,246,247,0.95);}
.vipcont01ds .vipcont01d3{ background:rgba(255,241,196,0.95);}
.vipcont01ds{ border:1px solid #edd4b2; height: 386px; position: relative; top: -10px;font-size: 14px; color: #333;box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 6px;}
.vipcont01ds .vipcont01d1{ font-size: 20px; color: #3f2e21; line-height: 48px; padding: 10px 0 18px; background: #ffdc5e;border-radius: 5px 5px 0 0;}
.vipcont01ds .vipcont01d1 a{ background-color: #deb287; color: #3f2e21; font-size: 14px; width: 98px; text-align: center; line-height: 32px; height: 32px; border-radius: 4px; display: inline-block;margin-top: 9px;}
.vipcont01ds .vipcont01d1 i{background: url(../img/vip/vip07.png);top: 2px; width: 34px; height: 24px; display: inline-block; position: relative; margin-right: 12px;}
.vipcont01ds .vipcont01d1 span{background: url(../img/vip/vip04.png);top: 0px; left: -1px; width: 110px; height: 109px; display: inline-block; position: absolute;}
.vipcont01d i{background: url(../img/vip/vip09.png) no-repeat center;top: 2px; width: 22px; height:22px; display: inline-block; position: relative; }
.vipcont01d i.no{background: url(../img/vip/vip10.png) no-repeat center;}
.vipcont01d i.vipsa{background: url(../img/vip/vip08.png); width: 25px;height: 17px; margin-right: 8px;}
.vipcont01e{ text-align: center; font-size: 16px; color: #95908d; line-height: 80px;}
.vipcont01f{ background: url(../img/vip/vip05.png) no-repeat; width: 1280px; height: 106px; text-align: center; line-height: 106px; font-size: 20px; color: #b27b45; margin-bottom: 80px;}
.vipcont01f a{background-color: #deb287; color: #3f2e21; font-size: 16px; width: 142px; text-align: center; line-height: 38px; height: 38px; border-radius: 4px; display: inline-block; margin-left: 60px; position: relative;top: -3px;}
.vipcont01d > div{ text-align: left; padding-left: 26px !important;}
.vipBox::after{ content: ''; display: block; width: 1px; height: 111px; border-left: 1px dashed #eed1bc; position: absolute;left: 48px;top: 40px;}
.vipBox01::after{ content: ''; display: block; width: 7px; height: 7px; background: #eed1bc; border-radius: 50%; position: absolute;left: 0;top: 10px;line-height: 20px;}