*:focus {
  outline: none;
}
.container {
  width: 1280px;
  margin: 0 auto;
}
.footer {
  min-width: 1280px;
}
.submit {
  display: block;
  background: #015bfe;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  line-height: 50px;
}
.submit:hover {
  color: #eee;
}
.disabled {
  background: #c2c2c2 !important;
  cursor: not-allowed;
}
.cloumn-title {
  clear: both;
  margin-bottom: 70px;
  text-align: center;
  font-size: 32px;
  color: #000;
}


/*banner*/
.free-banner {
  padding-top: 330px;
  background: url("../images/activityfree/banner.jpg?v=1") #0136fe no-repeat center
    top;
  height: 150px;
  min-width: 1280px;
  overflow: hidden;
}
.free-banner .register {
  display: block;
  font-size: 16px;
  margin: 0 auto 60px;
  text-align: center;
  color: #fff;
  width: 180px;
  line-height: 50px;
  background: #ffa648;
}
.free-banner .register:hover {
  background: #fc972b;
}
.free-slogn {
  background: #fff;
  padding: 30px 0 40px;
  margin-top: -40px;
  overflow: hidden;
}
.free-slogn .rules {
  color: #015bfe;
  margin-left: 25px;
  cursor: pointer;
}
.free-slogn ul {
  margin-bottom: 35px;
  font-size: 18px;
  overflow: hidden;
}
.free-slogn ul li {
  float: left;
  border-right: 1px solid #ddd;
  padding: 0 68px;
  color: #666666;
}
.free-slogn ul li:last-child {
  border-right: none;
}
.free-slogn ul li:before {
  content: "";
  float: left;
  height: 60px;
  margin: 3px 33px 0 0;
}
.free-slogn ul p {
  font-size: 24px;
  color: #000000;
  margin-top: 10px;
}
.free-slogn ul .item1:before {
  width: 51px;
  background: url("../images/activityfree/ico1.png") no-repeat center;
}
.free-slogn ul .item2:before {
  width: 64px;
  background: url("../images/activityfree/ico2.png") no-repeat center;
}
.free-slogn ul .item3:before {
  width: 60px;
  background: url("../images/activityfree/ico3.png") no-repeat center;
}
.free-slogn ul .item4:before {
  width: 65px;
  background: url("../images/activityfree/ico4.png") no-repeat center;
}
.free-slogn h5 {
  text-align: center;
  font-size: 14px;
  color: #888888;
}

/*云服务器*/
.free-cloud {
  background: #f2f5fa;
  padding: 95px 0 25px;
  min-width: 1280px;
  overflow: hidden;
}
.free-cloud .cloumn {
  color: #666666;
  margin-bottom: 70px;
  overflow: hidden;
}
.free-cloud .cloumn span {
  margin-right: 20px;
  font-size: 32px;
  color: #333;
}
.free-cloud .cloumn a {
  color: #015bfe;
  margin-left: 20px;
}
.free-cloud .products {
  margin-bottom: 30px;
  overflow: hidden;
}
.free-cloud .products dl {
  float: left;
  width: 618px;
  border: 1px solid #ddd;
  margin-bottom: 40px;
}
.free-cloud .products dl:nth-child(odd) {
  float: right;
}
.free-cloud .products dl:hover {
  border: 1px solid #015bfe;
}
.free-cloud .products dt {
  height: 214px;
  background: #fff;
  width: 308px;
  padding: 24px 10px 0;
  float: left;
}
.free-cloud .products dd {
  width: 290px;
  height: 238px;
  float: right;
  position: relative;
}
.free-cloud .products h4 {
  font-size: 20px;
  margin: 0 20px;
}
.free-cloud .products .desc {
  margin: 14px 20px 20px;
  overflow: hidden;
}
.free-cloud .products .desc li {
  line-height: 26px;
  color: #888888;
  padding-left: 20px;
  background: url("../images/activityfree/ico.png") no-repeat left center;
}
.free-cloud .products .parameter {
  text-align: center;
  color: #666666;
  overflow: hidden;
}
.free-cloud .products .parameter li {
  float: left;
  border-right: 1px solid #ddd;
  padding: 0 20px;
}
.free-cloud .products .parameter li:last-child {
  border-right: none;
}
.free-cloud .products .parameter span {
  display: block;
  line-height: 20px;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.free-cloud .products .fy {
  margin: 24px 0 0 24px;
  padding-left: 20px;
  font-size: 14px;
  color: #2ebe5e;
  background: url("../images/activityfree/fy.png") no-repeat left center;
}
.free-cloud .products .tip {
  position: absolute;
  right: -1px;
  top: -1px;
  color: #fff;
  z-index: 2;
  line-height: 26px;
  text-align: center;
  width: 111px;
  padding-left: 15px;
  height: 26px;
  background: url("../images/activityfree/tip.png") no-repeat right top;
}
.free-cloud .products .area {
  padding: 30px 0 39px 20px;
  color: #888888;
  overflow: hidden;
}
.free-cloud .products .option {
  text-align: center;
  margin-top: 22px;
  border-left: 1px solid #ddd;
}
.free-cloud .products .option li {
  float: left;
  height: 38px;
  line-height: 38px;
  width: 82px;
  border: 1px solid #ddd;
  margin: -1px 0 0 -1px;
  color: #666666;
  background: #fff;
  cursor: pointer;
}
.free-cloud .products .option .active {
  position: relative;
  border: 1px solid #015bfe;
  color: #015bfe;
  background: url("../images/activityfree/active.png") right bottom #d7e4ff
    no-repeat;
}
.free-cloud .products .submit {
  width: 100%;
}

/*热门产品*/
.free-hot {
  background: #fff;
  padding: 95px 0 60px;
  min-width: 1280px;
  overflow: hidden;
}
.free-hot ul {
  text-align: center;
  margin-left: -39px;
  overflow: hidden;
}
.free-hot ul li {
  margin: 0 0 40px 39px;
  float: left;
  width: 618px;
  padding: 20px 0 30px;
  border: 1px solid #ddd;
  border-top: 5px solid #015bfe;
}
.free-hot ul h4 {
  font-size: 20px;
  margin-bottom: 10px;
}
.free-hot ul h5 {
  font-size: 14px;
  color: #888888;
}
.free-hot ul h5 span {
  margin: 0 10px;
  display: inline-block;
}
.free-hot ul .desc {
  background: #f2f5fa;
  color: #666666;
  line-height: 26px;
  padding: 20px 28px 0;
  margin-top: 20px;
  text-align: left;
  height: 50px;
  overflow: hidden;
}
.free-hot ul .desc a {
  color: #015bfe;
  margin-left: 15px;
}
.free-hot ul .tip {
  color: #888888;
  margin: 20px 0 30px;
}
.free-hot ul .tip span {
  display: inline-block;
  margin: 0 15px;
  padding-left: 20px;
  background: url("../images/activityfree/ico.png") no-repeat left center;
}
.free-hot ul .submit {
  width: 430px;
}

/*其他产品*/
.act-other {
  background: #f2f5fa;
}
.act-other .item1:after {
  background: url("../images/activityfree/ico5.png") no-repeat center;
}
.act-other .item2:after {
  background: url("../images/activityfree/ico6.png") no-repeat center;
}
.act-other .item3:after {
  background: url("../images/activityfree/ico7.png") no-repeat center;
}

.online{display: block;height: 200px;background: url("../images/activityfree/online.jpg") no-repeat center;}

.footNavController{display: none}

@media screen and (max-width:750px){
  * {margin: 0;padding: 0;-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-tap-highlight-color:transparent;}
  body{font-size:0.24rem; max-width:750px; min-width:320px; margin:0 auto; padding:0;}
  .top-header,.float-consult,.footer{display: none}
  .footNavController{display: block}
  .container {
    width: 94%;
    max-width: initial;
    margin: 0 auto !important;
  }
  .free-banner,.free-cloud,.free-hot,.act-other{min-width: auto}
  .free-banner {
    padding-top: 3.2rem;
    height: 5rem;
    background: url(../../mobile/images/activityfree/banner.jpg) no-repeat center top;
    background-size: 7.5rem 5rem;
    overflow: hidden;
  }
  .free-banner .register {
    display: block;
    margin: 0 auto 0.7rem;
    text-align: center;
    color: #fff;
    width: 2rem;
    line-height: 0.6rem;
    background: #ffa648;
  }
  .free-slogn {
    background: #fff;
    position: relative;
    top: -0.5rem;
    padding: 0.25rem 0 0.4rem;
    overflow: hidden;
  }
  .free-slogn ul {
    color: #666666;
    margin: 0;
    font-size: 0.24rem;
    overflow: hidden;
  }
  .free-slogn ul li {
    float: left;
    width: 50%;
    padding: 0;
    border: 0;
    margin: 0.15rem 0 0.4rem;
  }
  .free-slogn ul li:before {
    content: "";
    float: left;
    width: 0.76rem !important;
    height: 0.7rem;
    margin: 0 0.3rem 0 0.5rem;
  }
  .free-slogn ul p {
    font-size: 0.28rem;
    color: #000000;
    margin-top: 0.06rem;
  }
  .free-slogn ul .item1:before {
    background: url("../../mobile/images/activityfree/ico1.png") no-repeat center;
    background-size: 0.6rem 0.7rem;
  }
  .free-slogn ul .item2:before {
    background: url("../../mobile/images/activityfree/ico2.png") no-repeat center;
    background-size: 0.74rem 0.7rem;
  }
  .free-slogn ul .item3:before {
    background: url("../../mobile/images/activityfree/ico3.png") no-repeat center;
    background-size: 0.69rem 0.7rem;
  }
  .free-slogn ul .item4:before {
    background: url("../../mobile/images/activityfree/ico4.png") no-repeat center;
    background-size: 0.75rem 0.7rem;
  }
  .free-slogn h5 {
    margin: 0 0.2rem;
    text-align: justify;
    background: #f2f5fa;
    padding: 0.1rem 0.2rem;
    line-height: 0.4rem;
    font-size: 0.22rem;
    color: #888888;
  }
  .submit {
    display: block;
    background: #015bfe;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-size: 0.26rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
  .cloumn-title {
    text-align: center;
    margin-bottom: 0.55rem;
    font-size: 0.34rem;
    overflow: hidden;
  }

  /*云服务器*/
  .free-cloud {
    background: #f2f5fa;
    padding: 0.3rem 0;
    overflow: hidden;
  }
  .free-cloud .cloumn {
    color: #666666;
    margin-bottom: 0.45rem;
    line-height: 0.48rem;
    overflow: hidden;
  }
  .free-cloud .cloumn span {
    margin-right: 0.2rem;
    font-size: 0.34rem;
    color: #000;
  }
  .free-cloud .cloumn a {
    color: #015bfe;
    margin-left: 0.2rem;
  }
  .free-cloud .products {
    margin-bottom: 0.5rem;
    overflow: hidden;
  }
  .free-cloud .products dl {
    clear: both;
    background: #fff;
    text-align: center;
    width: auto;
    float: none;
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 0.2rem;
    overflow: hidden;
  }
  .free-cloud .products dl:nth-child(odd){float: none}
  .free-cloud .products dt {
    height: auto;
    width: auto;
    float: none;
    padding: 0.25rem 0.2rem 0;
    overflow: hidden;
  }
  .free-cloud .products dd {
    width: auto;
    height: auto;
    float: none;
    position: static;
    padding: 0.24rem 0.2rem;
    overflow: hidden;
  }
  .free-cloud .products h4 {
    font-size: 0.28rem;
    margin-bottom: 0.22rem;
  }
  .free-cloud .products .desc {
    color: #888888;
    margin-bottom: 0.22rem;
    overflow: hidden;
  }
  .free-cloud .products .desc li {
    padding: 0;
    background: 0;
    line-height: 0.36rem;
    font-size: 0.22rem;
  }
  .free-cloud .products .parameter {
    background: #f2f5fa;
    padding: 0.15rem 0;
    color: #666666;
    overflow: hidden;
  }
  .free-cloud .products .parameter li {
    float: left;
    border-right: 1px solid #ddd;
    width: 33.3%;
    padding: 0;
  }
  .free-cloud .products .parameter li:last-child {
    border-right: none;
  }
  .free-cloud .products .parameter span {
    display: block;
    color: #000;
    font-size: 0.26rem;
    line-height: initial;
    margin-bottom: 0.06rem;
  }
  .free-cloud .products .fy {
    color: #2ebe5e;
    line-height: 0.3rem;
    margin: 0.25rem 0 0;
    padding: 0;
    background: 0;
    font-size: 0.22rem;
  }
  .free-cloud .products .fy:before {
    content: "";
    width: 0.18rem;
    height: 0.3rem;
    display: inline-block;
    margin-right: 0.1rem;
    vertical-align: top;
    background: url("../images/activityfree/fy.png") no-repeat center;
    background-size: contain;
  }
  .free-cloud .products .tip {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    line-height: 0.35rem;
    text-align: center;
    width: 1.95rem;
    padding-left: 0.15rem;
    font-size: 0.22rem;
    background: url("../images/activityfree/tip.png") no-repeat right top;
    background-size: 1.95rem 0.35rem;
  }
  .free-cloud .products .area {
    color: #888888;
    text-align: left;
    font-size: 0.22rem;
    padding: 0;
    height: auto !important;
    margin-bottom: 0.3rem;
    overflow: hidden;
  }
  .free-cloud .products .option {
    margin-top: 0.15rem;
    text-align: center;
    border-left: 1px solid #ddd;
  }
  .free-cloud .products .option li {
    float: left;
    height: 0.68rem;
    line-height: 0.68rem;
    width: 33.33%;
    border: 1px solid #ddd;
    margin: -1px 0 0 -1px;
    color: #666666;
    font-size: 0.24rem;
  }
  .free-cloud .products .option .active {
    position: relative;
    border: 1px solid #015bfe;
    color: #015bfe;
    background: url("../images/activityfree/active.png") right bottom #d7e4ff
    no-repeat;
    background-size: 0.32rem 0.32rem;
  }
  .free-cloud .products .submit {
    width: 100%;
  }
  .free-cloud .online {
    display: block;
    height: 2.2rem;
    background: url(../images/activityfree/online.jpg) no-repeat left center;
    background-size: cover;
  }

  /*热门产品*/
  .free-hot {
    padding: 0.75rem 0 0.55rem;
    background: #fff;
    overflow: hidden;
  }
  .free-hot ul {
    text-align: center;
    margin: 0;
    overflow: hidden;
  }
  .free-hot ul li {
    margin:0 0 0.2rem;
    width: auto;
    float: none;
    border: 1px solid #ddd;
    padding: 0.25rem 0 0.3rem;
    border-top: 0.06rem solid #015bfe;
  }
  .free-hot ul h4 {
    font-size: 0.28rem;
    margin-bottom: 0.12rem;
  }
  .free-hot ul h5 {
    font-size: 0.24rem;
    color: #888888;
  }
  .free-hot ul h5 span {
    margin: 0 0.25rem;
    display: inline-block;
  }
  .free-hot ul .desc {
    background: #f2f5fa;
    color: #666666;
    line-height: 0.38rem;
    font-size: 0.22rem;
    padding: 0.15rem 0.2rem;
    margin-top: 0.3rem;
    text-align: left;
    overflow: hidden;
  }
  .free-hot ul .desc a {
    color: #015bfe;
    margin-left: 0.2rem;
  }
  .free-hot ul .tip {
    color: #888888;
    font-size: 0.22rem;
    margin: 0.25rem 0;
    overflow: hidden;
  }
  .free-hot ul .tip span {
    display: inline-block;
    margin: 0 0.15rem;
    padding-left: 0.2rem;
    background: url("../images/activityfree/ico.png") no-repeat left center;
    background-size: 0.1rem 0.1rem;
  }
  .free-hot ul .email span {
    margin: 0 0.05rem;
  }
  .free-hot ul .submit {
    width: 6.5rem;
  }

  /*其他产品*/
  .act-other {
    background: #f2f5fa;
    padding: 0.75rem 0 0.55rem;
  }
  .act-other .item1:after {
    background: url("../../mobile/images/activityfree/ico5.png") no-repeat center;
    background-size: contain;
  }
  .act-other .item2:after {
    background: url("../../mobile/images/activityfree/ico6.png") no-repeat center;
    background-size: contain;
  }
  .act-other .item3:after {
    background: url("../../mobile/images/activityfree/ico7.png") no-repeat center;
    background-size: contain;
  }
  .act-other .list {
    display: block;
    background: #fff;
    line-height: 0.36rem;
    color: #666666;
    width: auto;
    height: auto;
    float: none;
    position: relative;
    padding: 0.35rem 1.4rem 0.3rem 0.3rem;
    margin:0 0 0.2rem;
  }
  .act-other .list:after {
    content: "";
    width: 0.74rem;
    height: 0.74rem;
    position: absolute;
    right: 0.4rem;
    top: 0.35rem;
  }
  .act-other .list h4 {
    font-size: 0.28rem;
    color: #000000;
    margin-bottom: 0.1rem;
  }
  .act-other .list span {
    color: #ff7900;
  }
  .act-other .list:last-child {
    width: auto;
  }

  .alert-rules .main {
    width: 6.8rem;
    height: 10rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5.1rem 0 0 -3.4rem;
    background: #fff;
  }
  .alert-rules .main h3 {
    line-height: 0.8rem;
    background: #ececf8;
    padding: 0 0.25rem;
    font-size: 0.28rem;
  }
  .alert-rules .main .info {
    padding: 0 0.25rem;
    margin-bottom: 0.3rem;
    height: 9rem;
    overflow: hidden;
    overflow-y: scroll;
  }
  .alert-rules .main h4 {
    font-size: 0.24rem;
    padding-left: 0.25rem;
    margin: 0.2rem 0 0.1rem;
    background: url("../../mobile/images/activityfree/ico.png") left center no-repeat;
    background-size: 0.12rem 0.12rem;
  }
  .alert-rules .main h4 span {
    font-size: 0.22rem;
    color: #ff7900;
    margin-left: 0.2rem;
  }
  .alert-rules .main p {
    color: #666666;
    font-size: 0.22rem;
    line-height: 0.36rem;
  }
  .alert-rules .close {
    float: right;
    height: 0.8rem;
    width:0.35rem;
    background: url("../../mobile/images/activityfree/close.png") center no-repeat;
    background-size: contain;
    cursor: pointer;
  }

  .free-header{height: 1rem;}
  .free-header .main{background: #232529; height: 1rem; position: fixed;left: 0;right: 0;top:0;z-index: 5}
  .free-header .logo {
    float: left;
    margin: 0.24rem 0 0 0.24rem;
    width: 1.85rem;
    height: 0.54rem;
    background: url(../images/activityfree/logo.png) center no-repeat;
    background-size: contain;
  }
  .free-header .home {
    float: right;
    width: 1rem;
    height: 1rem;
    background: url(../images/activityfree/home.png) center no-repeat;
    background-size: 0.48rem auto;
  }

  /*活动底部*/
  .footNavController {
    bottom: 0px;
    left: 0px;
    position: fixed;
    z-index: 5;
    background-color: white;
  }

  .footNavController ul {
    width: 7.5rem;
    margin: 0 auto;
  }

  .footNavController ul li {
    float: left;
    width: 50%;
  }

  .footNavController ul a {
    display: block;
    text-align: center;
    padding: 0.3rem 0;
    line-height: 0.4rem;
    font-size: 0.3rem;
  }

  .footNavController ul a:before {
    content: "";
    display: inline-block;
    width: 0.36rem;
    height: 0.4rem;
    vertical-align: top;
    margin-right: 0.1rem;
  }

  .footNavController .item1:before {
    background: url("../images/activityfree/qq.png") no-repeat center;
    background-size: 0.33rem 0.4rem;
  }

  .footNavController .item2:before {
    background: url("../images/activityfree/tel.png") no-repeat center;
    background-size: 0.36rem 0.38rem;
  }
  .blank {
    height: 1px;
    padding: 0 0 1.1rem;
  }
  .footX {
    padding-bottom: 0.4rem;
  }

  .layui-layer-dialog{width: 7rem !important;}
  .pop-login #login_form {
    margin: 0.3rem;
  }
  .pop-login .group{width: auto}
  .verify-bar-area{width: 100% !important}
  .pop-login .other{padding: 0.3rem 0.3rem 0}
}