@charset "utf-8";
.Novice_icon_big{
  background-color: #fff;
  margin-top: 34px;
  padding: 40px 40px 26px 40px;
}

.Novice_switch_icon_box{
  overflow: hidden;
  border-bottom: 1px solid #e3e3e3;
}
.Novice_switch_icon_box > li{
  float: left;
  margin-right: 4%;
  cursor: pointer;
}
.Novice_switch_icon{
  width:104px;
  height: 104px;
  background-color: #f8f8f8;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.Novice_icon1{
  background-image: url(../images/Help/Novice1.png);
}
.Novice_icon2{
  background-image: url(../images/Help/Novice2.png);
}
.Novice_icon3{
  background-image: url(../images/Help/Novice3.png);
}
.Novice_icon4{
  background-image: url(../images/Help/Novice4.png);
}
.Novice_icon5{
  background-image: url(../images/Help/Novice5.png);
}
.Novice_icon6{
  background-image: url(../images/Help/Novice6.png);
}
.Novice_icon7{
  background-image: url(../images/Help/Novice7.png);
}
.Novice_switch_txt{
  font-size: 16px;
  color: #444;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 30px;
}
.Novice_switch_icon_box > .active > .Novice_icon1{
  background-image: url(../images/Help/Novice11.png);
}
.Novice_switch_icon_box > .active > .Novice_icon2{
  background-image: url(../images/Help/Novice22.png);
}
.Novice_switch_icon_box > .active > .Novice_icon3{
  background-image: url(../images/Help/Novice33.png);
}
.Novice_switch_icon_box > .active > .Novice_icon4{
  background-image: url(../images/Help/Novice44.png);
}
.Novice_switch_icon_box > .active > .Novice_icon5{
  background-image: url(../images/Help/Novice55.png);
}
.Novice_switch_icon_box > .active > .Novice_icon6{
  background-image: url(../images/Help/Novice66.png);
}
.Novice_switch_icon_box > .active > .Novice_icon7{
  background-image: url(../images/Help/Novice77.png);
}
.Novice_switch_icon_box > .active > .Novice_txt1{
  color: #f14b4b;
  font-weight: bold;
}
.Novice_switch_icon_box > .active > .Novice_txt2{
  color: #4b74fb;
  font-weight: bold;
}
.Novice_switch_icon_box > .active > .Novice_txt3{
  color: #eb5819;
  font-weight: bold;
}
.Novice_switch_icon_box > .active > .Novice_txt4{
  color: #1ecd70;
  font-weight: bold;
}
.Novice_switch_icon_box > .active > .Novice_txt5{
  color: #d7870f;
  font-weight: bold;
}
.Novice_switch_icon_box > .active > .Novice_txt6{
  color: #2a95fc;
  font-weight: bold;
}
.Novice_switch_icon_box > .active > .Novice_txt7{
  color: #f22626;
  font-weight: bold;
}
/* 二级菜单 */
.Novice_switch_Small{
  overflow: hidden;
  margin-top: 10px;
}
.Novice_switch_Small > li{
  float: left;
  font-size: 14px;
  color: #666666;
  padding: 6px 30px;
  margin-right: 2%;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 15px;
}
.Novice_switch_Small > .active{
  background-color: #fb5050;
  color: #fff;
}
/* 图文指南 */
.Graphic_Guide_box_big{
  background-color: #fff;
  margin-top: 20px;
  padding: 30px 40px 40px 40px;
  min-height: 600px;
  
}
.Graphic_Guide_title{
  font-size: 18px;
  color: #444;
  font-weight: bold;
}
.Graphic_ctn_box_big{
  margin-top: 20px;
}
.Graphic_ctn_box > li {
  font-size: 14px;
}
@media (min-width:992px) and (max-width:1430px ) { 
  .Novice_switch_icon{
    width: 74px;
    height: 74px;
  }
}

@media (min-width:768px) and (max-width:992px ) { 
  .Novice_switch_icon{
    width: 74px;
    height: 74px;
  }
  .Novice_switch_txt{
    margin-top: 10px;
    padding-bottom: 15px;
  }
  .Novice_switch_Small{
    margin-top: 0;
  }
  .Novice_switch_Small > li{
    padding: 6px 15px;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 768px) {  
  body {
    background-color: 
    #fff;
}
  .Novice_switch_icon_big,.Novice_switch_ctn_box{ 
    width: 100%;
    position: relative;
    overflow-x: auto;
    list-style: none;
    white-space: nowrap;
  }
  .Novice_switch_icon_box,.Novice_switch_Small{
    width: 92%;
    margin: auto;
    overflow-x: auto;
  }
  .Novice_switch_icon_box > li,.Novice_switch_Small > li{
    float: none;
    display: inline-block;

  }
  .Novice_switch_icon {
    width: 60px;
    height: 60px;
  }
  .Novice_switch_txt{
    margin-top: 10px;
    padding-bottom: 15px;
  }
  .Novice_switch_icon_box{
    margin-top:65px;
  }
  .Novice_switch_Small{
    width: 92%;
    margin: auto;
  }

  .Novice_switch_txt{
    font-size: 16px;
  }
  .Novice_switch_Small > li{
    font-size: 16px;
    padding: 6px 10px;
  }
  .Graphic_Guide_box_big {
    padding: 15px 0 0 15px;
    min-height: auto;
}
  .Graphic_ctn_box > li {
    font-size: 16px;
  }
  .Graphic_ctn_box_big {
    margin-top: 15px;
}
.Novice_icon_big{
  margin-top: 0px;
  padding: 0;
}
.phone_common_proble_big {
  margin-top: 0px;
}
.Graphic_Guide_box_big{
  margin-top: 0px;
}
}