.layout-banner-desc dd .btn-buy{
  width:140px;
  color:#1F5DEA;
  margin-left:10px;
}
.layout-banner-desc dd .btn-playvideo{
  width:140px;
  color:#1F5DEA;
  margin-left:10px;
}

.layout-fun-list li:nth-child(4) .list-top-border{
  background-image: linear-gradient(-180deg, #3086FB 0%, #48C7FC 100%);
}
.autotest-title{
  font-size:38px;
  font-weight:normal;
  text-align:center;
  margin:50px 0;
}
/* frame & bg */
.w100_percent{width:100%; margin:0 auto;}
.floor-layout-autotest{
  background:url(../images/auto_test/banner.png) no-repeat top center #FCFDFF;
  z-index: 3;
}

/* 自动化测试页首屏 功能列表*/
.layout-fun-list.autotest-fun-list{

}
.layout-banner-desc:before{content: ""; position: absolute; width: 100px; height: 405px; top: 80px; left: -150px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg)}
.layout-banner-desc:hover::before{-webkit-transition: left 1s; -moz-transition: left 1s; transition: left 1s; left: 260px}

.autotest-fun-list li{
  width:22.25%;
}
.autotest-fun-list li:nth-child(1) .list-item{
  height:257px;
  background: url(../images/auto_test/block1.png) no-repeat right bottom #FFFFFF;
}
.autotest-fun-list li:nth-child(2) .list-item{
  height:257px;
  background: url(../images/auto_test/block2.png) no-repeat right bottom #FFFFFF;
}
.autotest-fun-list li:nth-child(3) .list-item{
  height:257px;
  background: url(../images/auto_test/block3.png) no-repeat right bottom #FFFFFF;
}
.autotest-fun-list li:nth-child(4) .list-item{
  height:257px;
  background: url(../images/auto_test/block4.png) no-repeat right bottom #FFFFFF;
}
.autotest-fun-list li dl{
  padding:30px 15px 50px;
}
.autotest-fun-list dt,.autotest-fun-list dd{
  text-align: center;
}
.autotest-fun-list li .list-item:hover{-webkit-animation: anmi-fade 1s infinite; -moz-animation: anmi-fade 1s infinite; animation: anmi-fade 1s infinite}

/* 功能描述 */
.func-desc .right-circle{
  width: 46px;height: 46px;float:right;cursor:pointer; text-align:center;color:#fcfcfc;border:1px solid #fcfcfc;border-radius: 100%;
}
.func-desc dl{
  padding-left:120px;
}
.func-desc .icon1{ 
  background:url(../images/auto_test/icon1.png) no-repeat 27px 0 #FCFDFF;
}
.func-desc .icon2{
  background:url(../images/auto_test/icon2.png) no-repeat 29px 0 #FCFDFF;
}
.func-desc .icon3{ 
  background:url(../images/auto_test/icon3.png) no-repeat 27px 0 #FCFDFF;
}
.func-desc .icon4{
  background:url(../images/auto_test/icon4.png) no-repeat 26px 0 #FCFDFF;
}
.func-desc .panel-default>.panel-heading{
  background: #F9FBFE;
}
.func-desc dl{
  margin-bottom: 0px;
}
.func-desc dt{
  font-size:16px;
  font-weight:bold;
  line-height: 22px;
  color:#172B4D;
}
.func-desc dd{
  font-size:13px;
  line-height: 18px;
  color:#6B798E;
}

.func-desc .item-list{
  margin-top:0;
}


.func-desc .panel-body{
  background: no-repeat url(../images/auto_test/fun-area-bg.png) 100% 100%;
}
.func-desc .panel-body .box{
  padding: 20px 20px 0 50px;
}
.func-desc .panel-body .title{
  color:#172B4D;
  font-size:16px;
  font-weight: bold;
  line-height: 22px;
  padding-left:30px;
  background: no-repeat url(../images/auto_test/arr.png) 0 50%;
}
.func-desc .panel-body p{
  color:#69778C;
  font-size:13px;
  line-height: 22px;
}
/* 运维及安全 */
.security{
  margin-top:0;
}
.security .list-item{
  height: 320px;
}
.security .list-item .item{
  height: 176px;
  line-height:176px;
  color:#fff;
  font-size:20px;
  text-align:center;
}
.security li:nth-child(1) .list-item .item{
  background:url(../images/auto_test/security-bg01.png) no-repeat top center #FCFDFF;
  background-size:100%;
}
.security li:nth-child(2) .list-item .item{
  background:url(../images/auto_test/security-bg02.png) no-repeat top center #FCFDFF;
  background-size:100%;
}
.security li:nth-child(3) .list-item .item{
  background:url(../images/auto_test/security-bg03.png) no-repeat top center #FCFDFF;
  background-size:100%;
}
.security li .list-item .item:hover{-webkit-animation: anmi-fade 1s infinite; -moz-animation: anmi-fade 1s infinite; animation: anmi-fade 1s infinite}
.security .list-item{
  background:none!important;
}
.security .list-item p{
  font-size:14px;
  line-height:24px;
  padding:10px 20px 0 20px;
  text-align:left;
}
.security .list-item a.more{
  font-size:13px;
  padding:0 20px;
  color:#1F5DEA;
}
.security .list-item a.more:hover{
  color:#f60;
}

/* 推荐配置 */
.commend-conf .layout-fun-list{
  margin-top:0;
}
.commend-conf .list-item{
  height: 688px;
  text-align:center;
}
.commend-conf .list-item dt{
  font-size:20px;
  color:#172B4D;
}
.commend-conf .list-item dd{
  max-width:100%;  
}
.commend-conf .list-item dd.price,.commend-conf .list-item dd.phone{
  font-size:24px;
  font-weight:bold;
  color:#1F5DEA;
  height:68px;
}
.commend-conf .list-item .lh68{
  line-height:68px;
}
.commend-conf .list-item dd.price .small{
  font-size:12px;
}

.commend-conf .list-item dd.disline{
  border-top:1px solid #eaecef;
  padding:0 15%;
  margin:30px 0;
  font-size:0;
  line-height:0;
}
.commend-conf .list-item{
  background:none!important;
}
.commend-conf .list-item p{
  font-size: 13px;
  line-height: 18px;
  font-weight:normal;
  color:#69778C;
  margin-bottom:10px;
}
.commend-conf .list-item .blue{
  color:#1F5DEA
}
.commend-conf .list-item .red{
  color:#f00
}
.commend-conf .list-item .gray{
  color:#69778C
}
.commend-conf .list-item .func{
  height:335px;
  padding:20px 0;
}
.commend-conf .list-item .btns{
  padding-bottom:50px;
}
/* 立即认证 */
.floor-autotest-auth{
  background:url(../images/auto_test/banenr04.png) no-repeat 50% bottom #FCFDFF;
  background-size:100%;
  z-index: 3;
}
.autotest-banner-auth{
  margin-top:50px;
  height:220px;
  text-align:center;
  overflow:hidden;
}
.autotest-banner-auth h4{
  margin:85px 0 30px;
  font-size:24px;
  font-weight:normal;
}
/* dialog */

#myModal .el-dialog--tiny{
    width:500px;
}
#myModal .el-dialog__headerbtn{
    position: relative;
    z-index: 101;
}
#myModal .el-dialog__body{
    background: #f5f5f5;
}
#myModal .modal-body img{
    top:-117px;
}
#myModal .modal-body img {
    position: absolute;
    left: 50%;
    margin-left: -60px;
}
#myModalTry .el-dialog--tiny{
    width:500px;
}
#myModalTry .el-dialog__headerbtn{
    position: relative;
    z-index: 101;
}
#myModalTry .el-dialog__body{
    background: #f5f5f5;
}
#myModalTry .modal-body img{
    top:-117px;
}
#myModalTry .modal-body img {
    position: absolute;
    left: 50%;
    margin-left: -60px;
}

/* 移动端适配 */
@media (min-width: 768px) and (max-width:1169px){
  .floor-layout01 .layout-banner-desc dt{
    font-size:24px!important;
  }
  .layout-fun-list.autotest-fun-list{
    margin-top:504px;
  }
  .autotest-fun-list li{
    width:46%;
    float:left;
    
  }
  .autotest-fun-list .list-item{
    height:220px!important;
  }
  .autotest-fun-list li dt{
    font-size:16px;
    color:#172B4D;
    text-align:left;
    margin-bottom:5px;
  }
  .autotest-fun-list li dd{
    width:100%!important;
    font-size:14px;
    line-height: 17px;
    color:#172B4D;
    text-align:left;
  }
}

@media (max-width: 767px){
  .func-desc .panel-default>.panel-heading{
    height:auto;
  }
  .func-desc dl{
    padding-left:10px;
    margin-bottom:0;
    background:none!important;
  }
  .func-desc .icon1 dt{ 
    padding-left: 30px;
    background:url(../images/auto_test/icon1.png) no-repeat 0 50% #FCFDFF;
    margin-bottom:5px;
    background-size:20px;
  }
  .func-desc .icon2 dt{
    padding-left: 30px;
    background:url(../images/auto_test/icon2.png) no-repeat 0 50% #FCFDFF;
    margin-bottom:5px;
    background-size:20px;
  }
  .func-desc .icon3 dt{ 
    padding-left: 30px;
    background:url(../images/auto_test/icon3.png) no-repeat 0 50% #FCFDFF;
    margin-bottom:5px;
    background-size:20px;
  }
  .func-desc .icon4 dt{
    padding-left:30px;
    background:url(../images/auto_test/icon4.png) no-repeat 0 50% #FCFDFF;
    margin-bottom:5px;
    background-size:20px;
  }

  .func-desc .panel-body .box{
    padding:10px 10px 0 10px
  }
  .autotest-fun-list li{
    width:46%;
    float:left;
    
  }
  .autotest-fun-list .list-item{
    height:150px!important;
    background-size:100%!important;
  }
   .autotest-fun-list li dl{
    padding:10px 15px 10px
   }
  .autotest-fun-list li dt{
    font-size:14px;
    color:#172B4D;
    text-align:left;
    margin-bottom:5px;
  }
  .autotest-fun-list li dd{
    width:100%!important;
    font-size:12px;
    line-height: 17px;
    color:#172B4D;
    text-align:left;
  }
  .floor-layout-autotest{
    background:url(../images/auto_test/mobile_banner.png) no-repeat 50% top #FCFDFF;
  }
  .autotest-title{
    font-size:24px;
    font-weight:normal;
    text-align:center;
    margin:30px 0;
    color:#172B4D;
  }
  .commend-conf{
    display:none;
  }
  .autotest-banner-auth h4{
    padding: 0 30px;
    line-height: 36px;
    margin:75px 0 10px
  }
  .mobile-bottom{
    display:block;
    height:240px;
    background:url(../images/auto_test/mobile_bottom.png) no-repeat 50% bottom #FCFDFF;
    background-size:100%;
  }

}
    
/* animation */
@-webkit-keyframes guess-slide{0%{right:100%;opacity:.3}100%{right:0;opacity:1}}
@-moz-keyframes guess-slide{0%{right:100%;opacity:.3}100%{right:0;opacity:1}}
@keyframes guess-slide{0%{right:100%;opacity:.3}100%{right:0;opacity:1}}
@-webkit-keyframes anmi-slide{0%{margin-top:0;opacity:.7}100%{margin-top:-10px;opacity:1}}
@-moz-keyframes anmi-slide{0%{margin-top:0;opacity:.7}100%{margin-top:-10px;opacity:1}}
@keyframes anmi-slide{0%{margin-top:0;opacity:.7}100%{margin-top:-10px;opacity:1}}
@-webkit-keyframes anmi-pictit{0%{bottom:0;opacity:.7}100%{bottom:3px;opacity:1}}
@-moz-keyframes anmi-pictit{0%{bottom:0;opacity:.7}100%{bottom:3px;opacity:1}}
@keyframes anmi-pictit{0%{bottom:0;opacity:.7}100%{bottom:3px;opacity:1}}
@-webkit-keyframes anmi-fade{0%{opacity:.7}100%{opacity:1}}
@-moz-keyframes anmi-fade{0%{opacity:.7}100%{opacity:1}}
@keyframes anmi-fade{0%{opacity:.7}100%{;opacity:1}}