body{background: #FFF6F1;}
.scrollstyle {
  overflow: hidden;
}
.blank {
  height: 1px;
  padding: 0 0 1.1rem;
}
*:focus {
  outline: none;
}
input,
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
  -webkit-tap-highlight-color: transparent;
}

/*共用*/
.cloumn{ margin-bottom: 0.6rem; text-align: center; overflow: hidden}
.cloumn span{display: block;font-size:0.36rem; margin-bottom: 0.2rem;}
.cloumn a{color: #666666;text-decoration: underline !important;}
.submit{display: block;height:0.7rem;line-height: 0.7rem;color: #733332 !important;text-align: center;font-size: 0.26rem;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: 5rem; position: relative; background: url("../images/banner.jpg") center top no-repeat;background-size: contain;overflow: hidden;}
.eve-head a{display: block;color: #fff; position: absolute;bottom: 0.65rem; left: 50%; line-height: 0.6rem; margin-left: -1.1rem; width: 2.2rem;text-align: center;text-decoration: underline !important;}
.eve-slogn{position: relative;top: -0.4rem; margin: 0 0.12rem; z-index: 1;}
.eve-slogn .container{ height: 1rem; text-align: center; color:#733332;}
.eve-slogn li{float: left; height: 1rem; line-height: 0.9rem; width: 33.3%;position: relative;cursor: pointer}
.eve-slogn li.item1{ background: url("../images/cloumn1.png") center no-repeat; background-size: contain}
.eve-slogn li.item2{ background: url("../images/cloumn2.png") center no-repeat; background-size: contain}
.eve-slogn li.item3{ background: url("../images/cloumn3.png") center no-repeat; background-size: contain}
.eve-slogn li:hover{font-weight: bold}

/*products*/
.products:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.products{position: relative;border: 2px solid #fff; margin-bottom: 0.3rem; box-shadow: 0px 0px 0.06rem 0px rgba(223,151,99,0.3);}
.products dt{ padding:0.3rem 0.3rem 0;overflow: hidden}
.products dd{ padding:0 0.3rem 0.25rem;overflow: hidden}
.products .name{font-size: 0.32rem;color: #51201F;margin-bottom: 0.2rem;}
.products .name em{font-size: 0.24rem;color: #FF5F53; margin-left: 0.4rem; padding-left: 0.38rem;background: url("../images/ico.png") left center no-repeat; background-size:0.24rem}
.products .tip{ display: inline-block; border-radius: 50px;background: #FFDECC; padding: 0 0.3rem; color: #66434A; height: 0.5rem;line-height: 0.5rem;}
.products .label{width: 1.5rem; padding-left: 0.14rem; height:0.4rem; line-height: 0.4rem; font-size: 0.22rem; position: absolute;right: -2px;top: -2px; z-index: 1; color: #fff; background: url("../images/label.png") center no-repeat;background-size: contain}
.products .free{color: #fff; margin-bottom: 0.24rem; line-height: 0.3rem;}
.products .free:before{content: "";display: inline-block; margin-right: 0.2rem; vertical-align: text-top;width:0.24rem;height:0.3rem;background: url("../images/ico1.png") center no-repeat;background-size: contain}
.products .option{margin-top: 0.24rem; overflow: hidden}
.products .option li{float: left; margin-right: 0.55rem; margin-bottom: 0.1rem; font-size: 0.26rem;}
.products .option li:last-child{margin: 0;}
.products .option span{display: block;color: #666; margin-bottom: 0.12rem}
.products .vision{margin-top: 0.2rem; font-size: 0.26rem; color: #666; line-height:0.58rem; overflow: hidden}
.products .vision ul{text-align: center; margin-left: 0.2rem; display: inline-block;vertical-align: top}
.products .vision ul li{display: inline-block;width:1.62rem;height:0.58rem;border: 1px solid #ddd; color: #333; margin-left: 0.22rem; cursor: pointer}
.products .vision ul li:hover{border-color: #FF5F53;}
.products .vision .active{border-color: #FF5F53;background: #FF5F53;color: #fff;}

/*云数据库*/
.eve-rds{ position: relative;padding: 0.2rem 0.3rem 0.75rem; overflow: hidden}
.eve-rds .mysql .submit,.eve-rds .redis .submit{background: linear-gradient( 90deg, #FF7940 0%, #F95B51 100%);color: #fff !important;}
.eve-rds h3{font-size: 0.3rem; margin-bottom: 0.35rem; padding-left: 0.6rem;}
.eve-rds .ico1{background: url("../images/title1.png") left center no-repeat; background-size: 0.4rem}
.eve-rds .ico2{background: url("../images/title2.png") left center no-repeat; background-size: 0.4rem}
.eve-rds .ico3{background: url("../images/title3.png") left center no-repeat; background-size: 0.4rem}
.eve-rds .disk{color: #FF7940; margin: 0.28rem 0; padding-left:0.42rem;background: url("../images/gift.png") left center no-repeat;background-size: 0.24rem}
.eve-rds .mysql .products{background: url("../images/rds.jpg") center top #fff no-repeat; background-size: contain}
.eve-rds .redis .products{background: url("../images/redis.jpg") center top #fff no-repeat;background-size: contain}
.eve-rds .redis .disk{background: url("../images/ico.png") left center no-repeat;background-size: 0.24rem}
.eve-rds .redis .btns{background: url("../images/btn.jpg") center no-repeat;background-size: contain}
.eve-rds .redis .btns span{float: right;width: 3.7rem;}
.eve-rds .redis .btns .apply{width: 2.5rem; float: left;color: #733332}
.eve-rds .memcached .products{background: url("../images/memcache.jpg") center top #fff no-repeat;background-size: contain}
.eve-rds .memcached dt{height: 2.7rem;}
.eve-rds .memcached dd{text-align: center; padding: 0.3rem; background: linear-gradient( 90deg, #FF7940 0%, #F95B51 100%);}


/*RabbitMQ*/
.eve-mq{background: #FFECE2; padding: 0.75rem 0.3rem; overflow: hidden}
.eve-mq .products{background: url("../images/mq.jpg") center top #fff no-repeat;background-size: contain}
.eve-mq dt{height: 2.7rem;}
.eve-mq dd{ text-align: center; padding: 0.3rem; background: linear-gradient( 90deg, #FF7940 0%, #F95B51 100%);}

/*云负载均衡ALB*/
.eve-alb{ padding: 0.75rem 0.3rem; overflow: hidden}
.eve-alb dl{position: relative; padding-right: 3rem;}
.eve-alb dt{background: linear-gradient( 360deg, #FFFFFF 0%, #FFEBDC 100%);height: 2.3rem;}
.eve-alb dd{ position: absolute; right: 0;top: 0;bottom: 0;width: 3rem; padding-top: 0.62rem; background: url("../images/alb.jpg") center top no-repeat; background-size: cover}
.eve-alb .option li{background: #fff;border: 1px solid #ddd;float: left; padding:0.1rem 0 0 0.18rem; width: 1.4rem;height: 1.1rem; margin-right: 0.2rem;}
.eve-alb .option span{margin-top:0.1rem;}
.eve-alb .label{ color: #733332; width: 1.7rem; padding-left: 0.2rem; background: url("../images/label1.png") center top no-repeat; background-size: contain}

.foot{ text-align: center; padding: 0.35rem 0; height: 2.2rem;background: url("../images/foot.jpg") center top no-repeat;background-size: contain}
.foot h3{color: #fff; font-size: 0.36rem;}
.foot .submit{ display: block;margin: 0.3rem auto 0; width: 2.7rem;height:0.7rem; line-height:0.7rem;}



/*菜单*/
.float-menu{
  position: fixed;
  left: 0.07rem;
  bottom: 2rem;
  z-index: 3;
}
.float-menu ul{
  display: none;
}
.float-menu-btn{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.24rem;
  height: 1.24rem;
  background: url("../images/menu.png") center no-repeat;
  background-size: cover;
}
.float-swicth .float-menu-btn{
  background: url("../images/menu_close.png") center no-repeat;
  background-size: cover;
}
.float-swicth ul{
  display: block;
  position: absolute;
  left: 0.18rem;
  bottom: 1.26rem;
  width: 2.3rem;
  background: #F8D0AB;
  box-shadow: 0px 0px 8px 0px rgba(223,151,99,0.3);
}
.float-swicth ul:after{content: ""; position: absolute;left: 0.32rem;border: 0.12rem solid transparent;border-top-color: #F8D0AB;}
.float-swicth ul li{
  color: #733332;
  padding: 0 0.3rem;
  border-bottom: 1px solid #EEB785;
}
.float-swicth ul li:last-child{border: 0}
.float-swicth ul em{display: block;line-height: 0.69rem;}
.float-swicth ul li:last-child em{border: 0;}
.float-swicth ul li.active{background: #F95B51; color: #fff;}
.float-swicth ul li.active em{border-color: #F95B51}


/*弹窗*/
.alert-main {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.alert-main .close{ width: 0.7rem;height: 0.7rem; position: absolute;right: 0;top: 0; background: url("../images/close.png") center no-repeat;background-size: 0.3rem}
.alert-main .main {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  width: 6.7rem;
  margin-left: -3.35rem;
}
.alert-rules .main {
  padding-bottom: 0.3rem;
  margin-top: -4.4rem;
  overflow-y: scroll;
}
.alert-rules .head {
  line-height: 1rem;
  font-size: 0.3rem;
  padding: 0 0.3rem;
}
.alert-rules .rules {
  padding: 0.15rem 0.3rem 0;
  max-height:7rem;
  overflow-y: scroll;
}
.alert-rules .rules h5 {
  margin: 0.2rem 0 0.1rem;
  color: #000;
  font-size: 0.24rem;
  font-weight: bold;
}
.alert-rules .rules p {
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #666666;
}
.alert-rules .rules p a{display: inline-block}

.alert-order .close {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.6rem;
  width: 0.6rem;
  background: url("../images/close1.png") center no-repeat;
  background-size: 0.36rem;
  cursor: pointer;
}
.alert-order .main {
  width: 6.5rem;
  margin: -3rem 0 0 -3.25rem;
  background: linear-gradient( 180deg, #FFECDD 0%, #FFFFFF 96%);
  box-shadow: 0px 0px 0.06rem 0px rgba(109,109,109,0.3);
  border: 2px solid #FFFFFF;
}
.alert-detail{text-align: center; padding: 0.4rem 0.24rem; overflow: hidden}
.alert-detail h4{font-size:0.32rem;color: #51201F; margin-bottom: 0.24rem;}
.alert-detail ul{background: #FFE6D9; color: #66434A; padding: 0.2rem 0; overflow: hidden}
.alert-detail ul li{display: inline-block; text-align: left; margin: 0 0.2rem;}
.alert-detail ul span{display: block;margin-bottom: 6px;}
.alert-detail .check{color: #FF5F53; margin: 0.24rem 0;line-height: 0.44rem; cursor: pointer}
.alert-detail .check:before{content: "";display: inline-block; width: 0.32rem;height: 0.44rem; vertical-align: top; margin-right: 0.1rem; background: url("../images/checked.png") center no-repeat;background-size: contain}
.alert-detail .check a{ display: block; text-decoration: underline !important;}
.alert-detail .submit-btn{ display: block; font-size: 0.26rem; width: 4.5rem;height: 0.6rem;line-height:  0.6rem; color: #fff; margin: 0 auto; background: linear-gradient( 90deg, #FF7940 0%, #F95B51 100%);}
.alert-detail .submit-btn:hover{background: #F95B51}