@font-face {
  font-family: bebas;
  src: url("../../../public/fonts/bebas.ttf");
}
*: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;
}
.submit:hover {
  color: #eee;
}
.disabled {
  background: #c2c2c2 !important;
  color: #fff !important;
  cursor: not-allowed;
}
.cloumn-title {
  clear: both;
  margin-bottom: 75px;
  text-align: center;
  overflow: hidden;
}
.cloumn-title span {
  font-size: 32px;
  color: #000000;
}
.cloumn-title p {
  margin-top: 22px;
  color: #666666;
  font-size: 16px;
}
.cloumn-title a {
  display: inline-block;
  color: #015bfe;
  margin-left: 15px;
}
.per-price {
  text-align: center;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
}
.per-price em {
  display: inline-block;
  background: #ff7900;
  color: #fff;
  text-align: center;
}
.per-price span {
  margin: 0 8px 0 10px;
  display: inline-block;
  vertical-align: sub;
  font-size: 24px;
  color: #ff7900;
  font-weight: bold;
}
.per-price del {
  display: block;
  height: 22px;
  line-height: 22px;
  margin-top: 8px;
}
.per-price p{ margin-top: 8px; height: 20px;line-height: 20px; color:#015bfe;font-size: 14px;}
.per-tip {
  position: absolute;
  right: -1px;
  top: -1px;
  color: #fff;
  z-index: 2;
  line-height: 26px;
  text-align: center;
  width: 80px;
  padding-left: 16px;
  height: 26px;
  background: url("../images/activityperson/tip.png") no-repeat left top;
}
.discout-label{position: absolute;right:-1px;top:-1px;width: 55px;height: 55px;background: url("../images/activityperson/label.png") center no-repeat;font-size: 12px;font-weight: bold;color: #fff;}
.discout-label span{
  display: block;
  text-align: center;
  width: 50px;
  margin:11px 0 0 14px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
}
.fy{color: #2ebe5e; height: 20px; line-height: 20px;}
.fy:before{content: ""; width: 11px; height: 20px; display: inline-block; margin-right:5px; vertical-align: top;background: url("../images/activityperson/fy.png") no-repeat center;}

/*banner*/
.per-banner {
  height: 480px;
  background: url("../images/activityperson/banner.jpg") #0013ec no-repeat
    center top;
  position: relative;
  min-width: 1280px;

}
.per-banner .slogin{position: absolute; left: 0; right: 0; bottom: -70px; color: #f2f5fa;}
.per-banner .slogin li{float: left; width: 240px; height: 104px; line-height:24px; padding:20px 10px 0 44px; margin-right: 34px;background: url("../images/activityperson/slogn.png") no-repeat
center top;}
.per-banner .slogin li:last-child{margin: 0;}
.per-banner .slogin li h4{font-size: 18px; margin-bottom: 5px;}


/*云服务器*/
.per-hot {
  background: #f2f5fa;
  padding: 150px 0 100px;
  min-width: 1280px;
  overflow: hidden;
}
.per-hot .time-line {
  margin-bottom: 50px;
  color: #999;
  text-align: center;
  overflow: hidden;
}
.per-hot .time-line li {
  float: left;
  height: 60px;
}
.per-hot .time-line li:after {
  content: "";
  float: left;
  height: 1px;
  width: 213px;
  margin: 25px 0 0;
  background: #ddd;
}
.per-hot .time-line li span {
  float: left;
  width: 158px;
  line-height: 48px;
  height: 48px;
  border: 1px solid #ddd;
  background: #fff;
}
.per-hot .time-line li span:after {
  content: "";
  margin-left: 72px;
  display: block;
  width: 16px;
  height: 9px;
}
.per-hot .time-line li em {
  font-weight: bold;
  margin-right: 5px;
}
.per-hot .time-line li:last-child:after {
  width: 0;
}
.per-hot .time-line .close span {
  color: #fff;
  background: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.per-hot .time-line .active span {
  background: #015bfe;
  border: 1px solid #015bfe;
  color: #fff;
}
.per-hot .time-line .active span:after {
  background: url("../images/activityperson/ico.png") center no-repeat;
}
.per-hot dl:last-child {
  margin-right: 0;
  width: 287px;
}
.per-hot .products {
  float: left;
  background: #fff;
  text-align: center;
  margin-right: 40px;
  border: 1px solid #ddd;
  width: 288px;
  height: 428px;
  position: relative;
}
.per-hot .products:hover {
  border: 1px solid #015bfe;
}
.per-hot .products dt {
  height: 85px;
  padding-top: 24px;
  color: #888888;
}
.per-hot .products dt h4 {
  font-size: 20px;
  color: #333333;
  margin-bottom: 10px;
}
.per-hot .parameter {
  background: #f2f5fa;
  color: #666666;
  text-align: center;
  padding: 20px 0;
  overflow: hidden;
}
.per-hot .parameter li {
  display: inline-block;
  border-right: 1px solid #ddd;
  padding: 0 16px;
}
.per-hot .parameter li:last-child {
  border-right: none;
  padding: 0 18px;
}
.per-hot .parameter span {
  display: block;
  line-height: 20px;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.per-hot .submit {
  width: 250px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 12px;
}
.per-hot .per-price {
  padding: 30px 0 26px;
}
.per-hot .per-price em {
  width: 36px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}

/*优选*/
.per-rec {
  padding: 95px 0;
  min-width: 1280px;
  overflow: hidden;
}
.per-rec .products {
  margin-bottom: 50px;
  float: left;
  width: 618px;
  border: 1px solid #ddd;
  position: relative;
}
.per-rec .products:nth-child(odd) {
  float: right;
  margin-right: 0;
}
.per-rec .products:hover {
  border: 1px solid #015bfe;
}
.per-rec .products dt {
  height: 246px;
  width: 328px;
  padding-top: 22px;
  float: left;
}
.per-rec .products dd {
  width: 290px;
  background: #f2f5fa;
  padding-top:23px;
  float: right;
}
.per-rec .products .fy{margin:0 0 18px 20px;}
.per-rec .products h4 {
  font-size: 20px;
  margin-left:19px;
    margin-bottom: 27px;
  line-height: 24px;
}
.per-rec .products h4 span{font-size: 14px; color: #888888; margin-left: 10px;}
.per-rec .per-price {
   padding:18px 20px 12px;
}
.per-rec .per-price em {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.per-rec .per-price del{display:block; margin-left: 10px;text-decoration: inherit;}
.per-rec .group {
    clear: both;
  color: #888888;
  margin-left:19px;
  overflow: hidden;
}
.per-rec .option {
  text-align: center;
  border-left: 1px solid #ddd;
  margin-top: 10px;
}
.per-rec .option li {
  float: left;
  border: 1px solid #ddd;
  width:71px;
  margin: -1px 0 0 -1px;
  color: #666666;
  background: #fff;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
}
.per-rec .option .active {
  position: relative;
  border: 1px solid #015bfe;
  color: #015bfe;
  background: url("../images/activityperson/active.png") right bottom #d7e4ff
    no-repeat;
}
.per-rec .group.time {
  margin-left: 20px;
}
.per-rec .group.time .option li {
  width: 124px;
}
.per-rec .submit {
  width: 100%;
  line-height: 50px;
  height: 50px;
}
.per-rec .link {
  display: block;
  text-align: center;
  clear: both;
  font-size: 16px;
  color: #015bfe;
}
.per-rec .select {
    position: relative;
    float: left;
    width: 137px;
    margin-bottom: 25px;
    color: #888888;
}
.per-rec .select p {
    height: 38px;
    line-height: 38px;
    color: #333;
    padding-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    border: 1px solid #ddd;
}
.per-rec .select p:after {
    content: "";
    float: right;
    width: 11px;
    height: 39px;
    margin-right: 10px;
    transition: transform 0.3s ease;
    background: url("../images/activityperson/select.png") center no-repeat;
}
.per-rec .select:hover p:after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.per-rec .select ul {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top:69px;
    z-index: 2;
    background: #f2f5fa;
}
.per-rec .select li {
    line-height: 40px;
    cursor: pointer;
    padding-left:20px;
}
.per-rec .select li:hover {
    background: #015bfe;
    color: #fff;
}

/*案例*/
.per-case{padding: 75px 0 100px; min-width: 1280px;overflow: hidden}
.per-case ul{margin-left: -27px; overflow: hidden}
.per-case ul li{float: left; background: #fff; width: 297px; height: 148px; border: 1px solid #ddd; margin-left:27px;}
.per-case ul img{ display: block; margin: 24px auto;}


/*优惠券*/
.per-coupon {
  background: #f2f5fa;
  padding: 95px 0;
  min-width: 1280px;
  overflow: hidden;
}
.per-coupon .list {
  width: 470px;
  height: 184px;
  padding: 26px 120px 0 30px;
  color: #fff;
  float: left;
  margin-right: 40px;
  cursor: pointer;
}
.per-coupon .list:last-child {
  margin-right: 0;
}
.per-coupon .list h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
.per-coupon .list ul {
  text-align: center;
  font-size: 16px;
  overflow: hidden;
}
.per-coupon .list ul li {
  width: 140px;
  height: 70px;
  padding-top: 10px;
  float: left;
  margin-right: 10px;
}
.per-coupon .list li p {
  margin-bottom: 5px;
}
.per-coupon .list li span {
  font-size: 24px;
  font-weight: bold;
}
.per-coupon .item1 {
  background: url("../images/activityperson/coupon_bg1.png") no-repeat center
    top;
}
.per-coupon .item1 li {
  background: url("../images/activityperson/coupon1.png") no-repeat center top;
}
.per-coupon .item2 {
  background: url("../images/activityperson/coupon_bg2.png") no-repeat center
    top;
}
.per-coupon .item2 li {
  background: url("../images/activityperson/coupon2.png") no-repeat center top;
}

/*其他产品*/
.act-other{background: #f2f5fa; }
.act-other .list{border: 1px solid #ddd !important;}
.act-other .item1:after {
  background: url("../images/activityperson/ico1.png") no-repeat center;
}
.act-other .item2:after {
  background: url("../images/activityperson/ico2.png") no-repeat center;
}
.act-other .item3:after {
  background: url("../images/activityperson/ico3.png") no-repeat center;
}

.coupon-btn{position: fixed; left:20px; bottom:400px; width:45px; height:90px; background: url("../images/activityperson/coupon-btn.png") no-repeat center top;
  background-size:contain;}

.alert-cash .time{display: inline-block;vertical-align: text-top;margin-top: 4px; height: 20px; line-height: 20px; padding: 0 5px; margin-left:10px; border-radius: 4px; font-size: 14px; color: #fff;background:-webkit-linear-gradient(left,#e55e5e,#b8343e);background:-o-linear-gradient(right,#e55e5e,#b8343e);background:-moz-linear-gradient(right,#e55e5e,#b8343e);background:linear-gradient(to right,#e55e5e,#b8343e);}
.alert-cash .main{width: 540px; padding-bottom: 30px; margin: -250px 0 0 -270px;}
.alert-cash .main h3{margin-bottom: 25px;}
.alert-cash .list{width: 460px;background: #fff6eb; padding: 15px 0 20px 20px; margin: 0 auto 10px;overflow: hidden}
.alert-cash .list h5{font-size: 18px; color: #bf6747; font-weight: bold; margin-bottom:13px;}
.alert-cash .list p{float: left; margin-right: 10px; font-size: 12px; text-align: center; color: #666666; width: 140px; height: 55px; padding-top:10px; background: url("../images/activityperson/coupon.png") no-repeat center;}
.alert-cash .list span{display: block; font-size: 14px; margin-bottom: -6px; color: #eb4018;}
.alert-cash .list em{font-size: 30px;font-family: bebas;}
.alert-cash .btn{display: block; margin:30px auto 0; text-align: center; font-size: 16px; color: #b77e00; width: 240px; height: 45px; line-height: 45px;background:-webkit-linear-gradient(left,#ffe2a3,#fed374);background:-o-linear-gradient(right,#ffe2a3,#fed374);background:-moz-linear-gradient(right,#ffe2a3,#fed374);background:linear-gradient(to right,#ffe2a3,#fed374);}