body{background: #FFF6F1;}

/*共用*/
.cloumn-title{ margin-bottom: 60px; text-align: center; overflow: hidden}
.cloumn-title span{display: block;font-size:32px;}
.cloumn-title a{color: #666666;text-decoration: underline !important;}
.submit{display: block;height: 50px;line-height: 50px;color: #733332 !important;text-align: center;font-size: 16px;margin: 0 auto;background:-o-linear-gradient(to right,#FFF2E0,#F8D0AB);background:-webkit-linear-gradient(to right,#FFF2E0,#F8D0AB);background:-moz-linear-gradient(to right,#FFF2E0,#F8D0AB);background:linear-gradient(to right,#FFF2E0,#F8D0AB);filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF2E0',endColorStr='#F8D0AB',gradientType='1');}
.submit:hover{background:#F8D0AB !important;}

/*head*/
.eve-head{height: 560px; position: relative; background: url("../images/banner.jpg") center top #ed4217 no-repeat;min-width: 1280px;overflow: hidden;}
.eve-head a{display: block;color: #fff; position: absolute;bottom: 70px; left: 50%; line-height: 52px; margin-left: -100px; width: 200px;text-align: center;text-decoration: underline !important;}
.eve-slogn{position: relative;top: -40px; z-index: 1;}
.eve-slogn .container{ height: 100px; text-align: center; color:#733332; font-size: 24px;}
.eve-slogn li{float: left; height: 100px; line-height: 90px; width: 33.3%;position: relative;cursor: pointer}
.eve-slogn li.item1{ background: url("../images/cloumn1.png") center no-repeat;}
.eve-slogn li.item2{ background: url("../images/cloumn2.png") center no-repeat;}
.eve-slogn li.item3{ background: url("../images/cloumn3.png") center no-repeat;}
.eve-slogn li:hover{font-weight: bold}

/*products*/
.products:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.products{ float: left;width:396px; position: relative;margin-right: 40px; border: 2px solid #fff; box-shadow: 0px 0px 6px 0px rgba(223,151,99,0.3);}
.products:last-child{float: right;margin: 0;}
.products dt{ padding:28px 28px 0;overflow: hidden}
.products dd{ padding:0 28px 28px;overflow: hidden}
.products .name{font-size: 20px;color: #51201F;margin-bottom: 12px;}
.products .name em{font-size: 14px;color: #FF5F53; margin-left: 16px; padding-left: 22px;background: url("../images/ico.png") left center no-repeat;}
.products .tip{ display: inline-block; border-radius: 50px;background: #FFDECC; padding: 0 16px; color: #66434A; height: 30px;line-height: 30px;}
.products .label{ width: 70px;height: 26px; line-height: 25px; font-size: 12px; padding-left: 17px; position: absolute;right: -2px;top: -2px; color: #fff; background: url("../images/label.png") center no-repeat;}
.products .free{color: #fff; margin-bottom: 18px;}
.products .free:before{content: "";display: inline-block; vertical-align: text-top; margin-right: 9px; width: 14px;height: 19px;background: url("../images/ico1.png") center no-repeat;}


/*云数据库*/
.eve-rds{ position: relative; padding:20px 0 80px; min-width: 1280px;overflow: hidden}
.eve-rds h3{font-size: 20px; margin-bottom: 30px; padding-left: 44px;}
.eve-rds .ico1{background: url("../images/title1.png") left center no-repeat;}
.eve-rds .ico2{background: url("../images/title2.png") left center no-repeat;}
.eve-rds .ico3{background: url("../images/title3.png") left center no-repeat;}
.eve-rds .option{ margin: 17px 0; overflow: hidden}
.eve-rds .option li{line-height: 28px;}
.eve-rds .option span{float: left;width: 100px;color: #666666; }
.eve-rds .vision{margin-bottom: 24px;overflow: hidden}
.eve-rds .vision ul{margin-left: 16px; text-align: center; display: inline-block}
.eve-rds .vision ul li{display: inline-block;width: 64px;height: 26px; line-height: 26px; border: 1px solid #ddd; margin-right: 6px; cursor: pointer}
.eve-rds .vision ul li:hover{border-color: #FF5F53;}
.eve-rds .vision .active{border-color: #FF5F53;background: #FF5F53;color: #fff;}
.eve-rds .disk{color: #FF7940; padding-left:20px;background: url("../images/gift.png") left center no-repeat;}
.eve-rds .mysql .products{background: url("../images/rds.png") center top #fff no-repeat;}
.eve-rds .redis .products{background: url("../images/redis.png") center top #fff no-repeat;}
.eve-rds .mysql .submit,.eve-rds .redis .submit{background: linear-gradient( 90deg, #FF7940 0%, #F95B51 100%);margin-top: 28px; color: #fff !important;}
.eve-rds .mysql,.eve-rds .redis,.eve-rds .memcached{margin-bottom: 25px; padding-bottom: 10px; overflow: hidden}
.eve-rds .redis .disk{background: url("../images/ico.png") left center no-repeat;}
.eve-rds .redis .btns{background: url("../images/btn.jpg") center no-repeat;}
.eve-rds .redis .btns span{font-size: 16px; color: #fff; width: 194px; float: right}
.eve-rds .redis .btns .apply{float: left; color: #733332; width: 140px;}
.eve-rds .redis .btns:hover{background: url("../images/btn.jpg") center no-repeat !important;}
.eve-rds .memcached .products{float: none; width: auto;background: url("../images/memcache.jpg") left top #fff no-repeat;}
.eve-rds .memcached .products dt{padding: 28px 28px 0; float: left; width: 800px;}
.eve-rds .memcached .products dd{float: right; width: 300px; padding: 20px 50px 0; height: 112px; background: linear-gradient( 270deg, #FF7940 0%, #F95B51 100%); text-align: center; overflow: hidden}
.eve-rds .memcached .option{float: left;width: 480px; margin: 0 0 0 50px}
.eve-rds .memcached .option li{float: left; margin-right: 20px;}
.eve-rds .memcached .option span{display: block; margin-top: 8px; float: none;border: 1px solid #ddd;background: #fff;width: 60px;height: 28px;  line-height: 28px; padding: 0 11px;}

/*RabbitMQ*/
.eve-mq{background: #FFECE2; padding:80px 0; min-width: 1280px;overflow: hidden}
.eve-mq .products{width: 616px; padding: 28px 0 0; text-align: center; background: url("../images/mq.jpg") center top #fff no-repeat;}
.eve-mq .option{ margin: 24px 0 38px; color: #666666; overflow: hidden}
.eve-mq .option li{display: inline-block;margin: 0 28px;}
.eve-mq .option span{display: block; color: #333}
.eve-mq dd{padding: 28px 80px;background: linear-gradient( 270deg, #FF7940 0%, #F95B51 100%);overflow: hidden}

/*云负载均衡ALB*/
.eve-alb{padding:80px 0; min-width: 1280px;overflow: hidden}
.eve-alb .products{width: 616px; padding: 0; background: #fff;}
.eve-alb dt{float: left;width: 288px; padding: 28px 0 0 28px;background: linear-gradient( 360deg, #FFFFFF 0%, #FFEBDC 100%);}
.eve-alb dd{float: right; text-align: center; width:210px;height: 133px; padding: 45px 45px 0; background: url("../images/alb.jpg") center top no-repeat;}
.eve-alb .option{ color: #666; overflow: hidden}
.eve-alb .option li{background: #fff;border: 1px solid #ddd; width: 70px;height: 56px; padding: 10px 0 0 12px; float: left;margin-right: 24px;}
.eve-alb .option span{display: block;color: #333; margin-top: 6px;}
.eve-alb .label{ color: #733332; padding-left: 11px; width: 76px; background: url("../images/label1.png") center top no-repeat;}

.foot{ height: 110px; background: url("../images/foot.jpg") center top no-repeat;}
.foot h3{float: left;color: #fff; font-size: 24px; line-height: 110px;}
.foot .submit{float: right; margin-top: 35px; width: 160px;height: 40px; line-height: 40px;}

/*左侧*/
.float-menu {
  position: fixed;
  left: 10px;
  bottom:33%;
  z-index: 3;
  text-align: center;
}
.float-menu ul{
  width:116px;
  border: 2px solid #fff;
  background: linear-gradient( 135deg, #FFF2E0 0%, #F8D0AB 100%);
  box-shadow: 0px 0px 8px 0px rgba(223,151,99,0.3);
}

.float-menu li {
  color: #814104;
  cursor: pointer;
}
.float-menu li:after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #EEB785;
}
.float-menu li:last-child:after{height: 0}
.float-menu li em{
  display: block;
  line-height:48px;
}
.float-menu li:hover{
  color: #F95B51;
}
.float-menu li.active{
  color: #fff;
  background: linear-gradient( 270deg, #FF7940 0%, #F95B51 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF7940',endColorStr='#F95B51',gradientType='1');
}
.float-menu-btn{display: none}
@media (max-width: 1730px) {
  .float-menu-btn{
    display: block;
    width: 18px;
    padding: 12px 10px;
    cursor: pointer;
    color: #733332;
    background: linear-gradient( 135deg, #FFF2E0 0%, #F8D0AB 100%);
    box-shadow: 0px 0px 8px 0px rgba(223,151,99,0.3);
    border: 1px solid #fff;
  }
  .float-menu-btn:after{content: "";display: block; width: 16px;height: 16px; margin: 6px auto 0; background: url("../images/switch.png") center no-repeat;}
  .float-menu ul{display: none}
  .float-swicth ul{display: block;}
  .float-swicth .float-menu-btn{display: none}
}

/*规则弹窗*/
.alert-main {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 11;
}
.alert-main .close {
    float: right;
    height: 70px;
    width: 50px;
    background: url("../images/close.png") center no-repeat;
    cursor: pointer;
}
.alert-main .main {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
}
.alert-rules .head {
    line-height: 70px;
    padding: 0 20px 0 30px;
    background: #ececf8;
    font-size: 18px;
}
.alert-rules .main {
    width: 800px;
    margin: -270px 0 0 -400px;
}
.alert-rules .rules {
    padding: 20px 30px;
    overflow: hidden;
}
.alert-rules .rules h5 {
    margin: 15px 0 5px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.alert-rules .rules p {
    line-height: 24px;
    color: #666666;
}

.alert-order .close {
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background: url("../images/close1.png") center no-repeat;
  cursor: pointer;
}
.alert-order .main {
  width: 460px;
  margin: -200px 0 0 -230px;
  background: linear-gradient( 180deg, #FFECDD 0%, #FFFFFF 96%);
  box-shadow: 0px 0px 6px 0px rgba(109,109,109,0.3);
  border: 2px solid #FFFFFF;
}
.alert-detail{text-align: center; padding: 35px 25px; overflow: hidden}
.alert-detail h4{font-size: 20px;color: #51201F; margin-bottom: 20px;}
.alert-detail ul{background: #FFE6D9; color: #66434A; padding: 15px 10px; overflow: hidden}
.alert-detail ul li{display: inline-block; text-align: left; margin: 0 16px;}
.alert-detail ul span{display: block;margin-bottom: 6px;}
.alert-detail .check{color: #FF5F53; margin: 20px 0; height: 20px; line-height: 20px; cursor: pointer}
.alert-detail .check:before{content: "";display: inline-block; width: 20px;height: 20px; vertical-align: top; margin-right: 6px; background: url("../images/checked.png") center no-repeat;}
.alert-detail .check a{text-decoration: underline !important;}
.alert-detail .submit-btn{ display: block; font-size: 16px; width: 250px;height: 40px;line-height: 40px; color: #fff; margin: 0 auto; background: linear-gradient( 90deg, #FF7940 0%, #F95B51 100%);}
.alert-detail .submit-btn:hover{background: #F95B51}