.ppt .index_content{overflow:hidden;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#13D8A7, endColorstr=#0094b5);background-image:-webkit-gradient(linear, left top, left bottom, from(#13d8a7), to(#0094b5));background-image:linear-gradient(to bottom, #13d8a7, #0094b5);color:#fff;min-height:100px;}
.ppt .banner_box{padding-top:20vh;position:relative;height:100vh;}
.ppt .banner_box h1{
  text-align: center;
  font-size: 60px;
  line-height: 80px;
  font-weight: bold;
  padding: 20px 0;
  width: 520px;
  margin: 0 auto;
  background: linear-gradient(to right,#f9f10d 20%,#fff 50%, rgb(255, 206, 31) 80%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
}
.ppt .banner_box h1::after{
  content: '';
  display: block;
  width: 118px;
  height: 1px;
  background-color: #f90;
  position: absolute;
  right: 50px;
}
.ppt .banner_box .text{text-align:center;font-size:22px;margin-top:15px;color:#e7fff8}
.ppt .banner_box .text b{display:inline-block;font-weight:normal;-webkit-transform-origin:left bottom;transform-origin:left bottom}
.ppt .banner_box .text span{opacity:.8;margin:0 10px;font-weight:bold}
.ppt .banner_box .banner_tag{margin-top:20px;text-align:center;font-size: 22px;}
.ppt .banner_box .banner_tag strong{display:inline-block;font-weight:normal;padding:0 18px;line-height:36px;text-shadow:none;color:#cfff00;border-radius:18px;font-size:18px}
.ppt .banner_box .btn_anli{ display: block; width: 128px; margin:40px auto 0; border: 1px solid #f90; text-align: center; border-radius: 20px; line-height: 32px; color: #f90; font-size: 15px; cursor: pointer;}
.ppt .banner_box .btn_anli:hover{ color: #f50; border-color: #f50;}
.ppt .banner_box .btn_history{width:118px;line-height:36px;border-radius:18px;margin:28px auto 0;text-align:center;font-size:16px;color:#eee;cursor:pointer;background-color:rgba(0, 133, 150, 0);-webkit-transition:all .2s linear 0s;transition:all .2s linear 0s}
.ppt .banner_box .btn_history:hover{background-color:rgba(0, 133, 150, .3)}
.ppt .banner_box .btn_history i{display:inline-block;vertical-align:top;font-size:20px;line-height:36px}

.banner_input{
  width: 90%;
  max-width: 558px;
  position: relative;
  margin: 30px auto 0;
  padding-right: 158px;
}
.banner_input input{
  height: 60px;
  line-height: 60px;
  width: 100%;
  border-radius: 30px 0 0 30px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  color: #333;
  padding-left: 30px;
  font-size: 16px;
  outline: none;
} 
.banner_input .btn_start{
  position: absolute;
  right: 0;
  top:0;
  width: 158px;
  height: 60px;
  padding-right: 10px;
  line-height: 60px;
  border-radius: 0 30px 30px 0;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 0 30px rgba(0,0,0,0.2);
  background: linear-gradient(to right,#0057a9,#36168f);
  color: #fff;
  cursor: pointer;
  -webkit-transition:all 0.2s linear 0s;
  transition:all 0.2s linear 0s;
}
.banner_input .btn_start:hover{
  background: linear-gradient(to right,#00498d,#2c1177);
}

.ppt .ppt_box{
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  padding-top: 120px;
  padding-bottom: 100px;
  min-height: 100vh;
}
.ppt .ppt_box .ppt_dagang_loading{
  padding: 50px 10px;
  text-align: center;
}
.ppt .ppt_box .ppt_dagang_loading p{
  font-size: 26px;
}
.ppt .ppt_box .ppt_dagang_loading .load_box{
  margin-top: 30px;
  width: 100%;
  height: 200px;
}
.ppt .ppt_box .ppt_tit{
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.ppt .ppt_box .dagang_list{
  background-color: #fff;
  min-height: 200px;
  width: 80%;
  margin-left: 10%;
  padding:20px 0 50px 50px;
  border: 1px solid #ddd;
  margin-top: 20px;
}
.ppt .ppt_box .dagang_list .dagang_tit input{
  border: 1px solid #f1f1f1;
  padding: 0 20px;
  line-height: 50px;
  font-size: 14px;
  width: 80%;
  color: #333;
  font-weight: bold;
  font-size: 25px;
}
.ppt .ppt_box .dagang_list .dagang_tit input:hover{
  border-color: #7ebfbf;
}
.ppt .ppt_box .dagang_list dl dt{
  margin-top: 20px;
  position: relative;
}
.ppt .ppt_box .dagang_list dl dt b{
  float: left;
  line-height: 40px;
  margin-right: 10px;
  font-size: 18px;
  color: #333;
}
.ppt .ppt_box .dagang_list dl dt input{
  font-weight: bold;
  font-size: 18px;
  color: #333;
  max-width: 422px;
}
.ppt .ppt_box .dagang_list dl dd{
  position: relative;
  padding-left: 70px;
  margin-top: 10px;
}
.ppt .ppt_box .dagang_list dl dd::before{
  content: '';
  position: absolute;
  left: 50px;
  top: 18px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #666;
}
.ppt .ppt_box .dagang_list dl input{
  border: 1px solid #f1f1f1;
  padding: 0 20px;
  line-height: 40px;
  font-size: 14px;
  width: calc(100% - 100px);
  max-width: 400px;
  color: #666;
}
.ppt .ppt_box .dagang_list dl input:hover{
  border-color: #7ebfbf;
}
.ppt .ppt_box .dagang_list dl span{
  display: inline-block;
  border-radius: 3px;
  padding: 0 10px;
  line-height: 26px;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
}
.ppt .ppt_box .dagang_list dl .btn_del{
  color: rgb(255, 133, 133);
  border: 1px solid rgb(255, 133, 133);
}
.ppt .ppt_box .dagang_list dl .btn_add{
  color: #00bebd;
  border: 1px solid #00bebd;
}

.ppt .ppt_box .style_list{
  width: 90%;
  max-width: 800px;
  margin: 30px auto 0;
}
.ppt .ppt_box .style_list dl{
  margin-top: 30px;
}
.ppt .ppt_box .style_list dl dt{
  font-size: 16px;
}
.ppt .ppt_box .style_list dl dt i{
  color: #f00;
}
.ppt .ppt_box .style_list dl dt .btn_yulan{
  display: inline-block;
  font-size: 14px;
  padding: 0 15px;
  line-height: 36px;
  border-radius: 5px;
  background-color:#f0ffff;
  border: 1px solid #00bebd;
  cursor: pointer;
  color: #f60;
}
.ppt .ppt_box .style_list dl dt .btn_yulan:hover{
  background-color: #fff;
  color: #f60;
}
.ppt .ppt_box .style_list dl dd{
  margin-top: 10px;
}
.ppt .ppt_box .style_list .cover_loading{
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.ppt .ppt_box .style_list .cover_list{
  overflow: hidden;
  margin-top: 20px;
  min-height: 100px;
}
.ppt .ppt_box .style_list .cover_list li{
  float: left;
  width: 23%;
  margin: 0 1%;
  border: 2px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.ppt .ppt_box .style_list .cover_list li:hover{
  border-color: #fff;
}
.ppt .ppt_box .style_list .cover_list li img{
  text-align: center;
  width: 100%;
  min-height: 90px;
}
.ppt .ppt_box .style_list .cover_list .active{
  border-color: #f60!important;
}

.ppt .ppt_box .ppt_footer{
  text-align: center;
  width: 100%;
  margin-top: 40px;
}
.ppt .ppt_box .ppt_footer p{
  font-size: 12px;
  color: #fff;
}
.ppt .ppt_box .ppt_footer .btn_create{
  width: 266px;
  text-align: center;
  color: #fff;
  background-color: #f60;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  font-size:18px;
  margin: 10px auto 0;
  cursor: pointer;
}

.ppt .ppt_box .ppt_details{
  overflow: hidden;
  padding-left: 220px;
  margin: 30px auto 0;
  width: 90%;
  height: 450px;
}
.ppt .ppt_box .ppt_details .ppt_details_aside{
  border-radius: 8px;
  overflow: hidden;
  float: left;
  padding: 10px 0 80px;
  width: 200px;
  margin-left: -220px;
  /* height: 450px; */
  height: 100%;
  position: relative;
  background-color: #fff;
}
.ppt .ppt_box .ppt_details .ppt_tab_box{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 5px 15px 15px;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.ppt .ppt_box .ppt_details .ppt_tab{
  width: 100%;
  overflow: hidden;
  
}
.ppt .ppt_box .ppt_details .ppt_tab li{
  margin-bottom: 10px;
  border: 2px solid #eee;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  
}
.ppt .ppt_box .ppt_details .ppt_tab li img{
  display: block;
  width: 100%;
}
.ppt .ppt_box .ppt_details .ppt_tab li span{
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 13px;
  display: block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 19px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.3);
  color: #fff;
}
.ppt .ppt_box .ppt_details .ppt_tab .active{
  border-color: #00bebd;
}
.ppt .ppt_box .ppt_details .tab_down_box{
  position: absolute;
  bottom: 0;
  background-color: #fff;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 20px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.ppt .ppt_box .ppt_details .tab_down_box .btn_down{
  display: inline-block;
  padding: 0 20px;
  display: inline-block;
  border-radius: 6px;
  background-color: #f60;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.ppt .ppt_box .ppt_details .tab_down_box p{
  text-align: center;
  font-size: 15px;
  color: #666;
}
.ppt .ppt_box .ppt_details .ppt_show{
  float: left;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.ppt .ppt_box .ppt_details .ppt_show img{
  display: block;
  width: 100%;
}
.ppt .ppt_box .ppt_details .ppt_show .ppt_play{
  display: none;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  cursor: pointer;
  opacity: 0.6;
  color: #000;
}
.ppt .ppt_box .ppt_details .ppt_show .ppt_play:hover{
  opacity: 0.8;
}
.ppt .ppt_box .ppt_details .ppt_show:hover .ppt_play{
  display: block;
}

.ppt .ppt_box .down_box{
  text-align: center;
  margin: 30px auto 0;
  display: none;
}
.ppt .ppt_box .down_box .btn_down{
  display: inline-block;
  padding: 0 30px;
  display: inline-block;
  border-radius: 6px;
  background-color: #f60;
  line-height: 50px;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}
.ppt .ppt_box .down_box p{
  text-align: center;
  font-size: 15px;
  color: #fff;
}

.ppt .ppt_dialog_bg{
  position: fixed;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.6);
}
.ppt .ppt_dialog_bg .ppt_dialog{
  border-radius: 10px;
  background-color: #fff;
  width: 500px;
  padding: 20px 50px 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -220px 0 0 -250px;
  
}
.ppt .ppt_dialog_bg .ppt_dialog .ppt_dialog_tit{
  font-size: 18px;
  text-align: center;
}
.ppt .ppt_dialog_bg .ppt_dialog .btn_down{
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  border-radius: 12px;
  color: #fff;
  background-color: #00bebd;
}
.ppt .ppt_dialog_bg .ppt_dialog .btn_down:hover{
  background-color: #00a9a9;
}
.ppt .ppt_dialog_bg .ppt_dialog .down_tip{
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
  color: #f90;
  display: none;
}
.ppt .ppt_dialog_bg .ppt_dialog .btn_goIndex{
  display: block;
  margin: 50px auto 0;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  border-radius: 12px;
  color: #00bebd;
  background-color:#f0ffff;
  border: 1px solid #00bebd;
  cursor: pointer;
}
.ppt .ppt_dialog_bg .ppt_dialog .btn_goIndex:hover{
  background-color:#e1f9f9;
}
.ppt .ppt_dialog_bg .ppt_dialog .btn_close{
  cursor: pointer;
  position: absolute;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  right: 10px;
  top:10px;
  font-size: 20px;
}
.ppt .ppt_dialog_bg .ppt_dialog .btn_close:hover{
  color: #333;
}

.ppt .lishi_table{
  width: 100%;
  
}
.ppt .lishi_table tr:hover{
  td{
    background-color: #f5f7fa;
  }
}
.ppt .lishi_table th{
  font-weight: bold;
  background-color: #ddd;
  color: #333;
  padding: 8px 10px;
}
.ppt .lishi_table th,.ppt .lishi_table td{
  text-align: left;
}
.ppt .lishi_table td{
  color: #666;
  padding: 12px 10px;
  
}
.ppt .lishi_table td img{
  width: 200px;
  display: block;
}
.ppt .lishi_table td .btn_down{
  display: block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  background-color: #00bebd;
}
.ppt .lishi_table td .btn_down:hover{
  background-color: #00a9a9;
}

.ppt .anli_list{margin-top: -30px; overflow: hidden;}
.ppt .anli_list li{ float: left; width: 50%; text-align: center;}
.ppt .anli_list li b{ display: block; font-size: 22px; padding: 10px 0; color: #f60;}
.ppt .anli_list li img{display: block;width: 100%;}

@media screen and (max-width: 800px){
  .ppt .index_content{ min-height: 60px;}
  .ppt .banner_box{padding-top:12vh;height: 70vh;}
  .ppt .banner_box h1{
    width: 100%;
    font-size:40px;
    padding: 10px 0;
  }
  .ppt .banner_box h1::after{
    display: none;
  }
  .ppt .banner_box .banner_tit{font-size:25px}
  .ppt .banner_box .banner_tag{ margin-top: 20px;}
  .ppt .banner_box .banner_tag strong{font-size:14px;padding:0 8px;line-height:28px;margin:0 5px;}
  .ppt .banner_box .text{font-size:18px;margin-top:10px;}
  .ppt .banner_box .text span{margin:0 6px}
  .ppt .banner_box .banner_input{
    padding-right: 108px;
    margin-top: 40px;
  }
  .ppt .banner_box .banner_input input{
    line-height: 50px;
    height: 50px;
    padding-left: 18px;
    font-size: 13px;
  }
  .ppt .banner_box .banner_input .btn_start{
    line-height: 50px;
    height: 50px;
    width: 108px;
    font-size: 16px;
  }

  .ppt .ppt_box{
    padding-top: 60px;
    z-index: 3;
    min-height: 70vh;
  }
  .ppt .ppt_box .ppt_tit{
    padding-top: 30px;
  }
  .ppt .ppt_box .dagang_list{
    margin: 20px 0 0;
    padding: 20px 10px;
    width: 100%;
  }
  .ppt .ppt_box .dagang_list .dagang_tit input{
    width: 100%;
    font-size: 18px;
    padding: 0 10px;
  }
  .ppt .ppt_box .dagang_list dl dt{
    padding-right: 120px;
    padding-left: 30px;
  }
  .ppt .ppt_box .dagang_list dl dt b{
    font-size: 15px;
    margin-right: 0;
    float: left;
    margin-left: -30px;
  }
  .ppt .ppt_box .dagang_list dl dt input{
    font-size: 15px;
    width: 100%;
  }
  .ppt .ppt_box .dagang_list dl dd{
    padding-left: 40px;
    padding-right: 120px;
    position: relative;
  }
  .ppt .ppt_box .dagang_list dl dd::before{
    left: 25px;
  }
  .ppt .ppt_box .dagang_list dl input{
    padding: 0 10px;
    font-size: 13px;
    max-width: initial;
    width: 100%;
  }
  .ppt .ppt_box .dagang_list dl span{
    position: absolute;
    top: 7px;
  }
  .ppt .ppt_box .dagang_list dl .btn_del{
    right: 0px;
  }
  .ppt .ppt_box .dagang_list dl .btn_add{
    right: 60px;
  }
  .ppt .ppt_box .style_list .cover_list li{
    width: 46%;
    margin: 10px 2%;
  }
  .ppt .ppt_box .style_list .cover_list li img{
    min-height: 80px;
  }
  .ppt .ppt_box .ppt_details{
    padding-left: 0;
    margin-top: 20px;
    height: auto;
    width: 96%;
  }
  .ppt .ppt_box .ppt_details .ppt_details_aside{
    margin-left: 0;
    width: 100%;
    height: 120px;
    padding: 0;
  }
  .ppt .ppt_box .ppt_details .ppt_tab_box{
    padding: 10px 0 0 10px;
    overflow-x: scroll;
  }
  .ppt .ppt_box .ppt_details .ppt_tab{
    width: 99999px;
  }
  .ppt .ppt_box .ppt_details .ppt_tab li{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .ppt .ppt_box .ppt_details .ppt_tab li img{
    height: 96px;
    width: auto;
  }
  .ppt .ppt_box .ppt_details .tab_down_box{
    display: none;
  }
  .ppt .ppt_box .ppt_details .ppt_show{
    margin-top: 10px;
    width: 100%;
    height: auto;
    min-height: 200px;
  }
  .ppt .ppt_box .ppt_details .ppt_show .ppt_play{
    display: block;
    font-size: 60px;
  }
  .ppt .ppt_box .down_box{
    display: block;
  }
  .ppt .ppt_dialog_bg .ppt_dialog{
    width: 98%;
    margin: 0;
    left: 1%;
    top: 20%;
    padding: 10px 10px 50px;
  }
  .ppt .ppt_dialog_bg .ppt_dialog .down_tip{
    display: block;
  }
  
}