// Oswald字体
@font-face {
    font-family: "Oswald-Light";
    src: url("../fonts/Oswald-Light-TTF.sfd.eot"); /* IE9 */
    src: url("../fonts/Oswald-Light-TTF.sfd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("../fonts/Oswald-Light-TTF.sfd.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Oswald-Light-TTF.sfd.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */

    url("../fonts/Oswald-Light-TTF.sfd.svg#Oswald-Light-TTF.sfd") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
// 字体图标
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?prgpbn');
  src:  url('../fonts/icomoon.eot?prgpbn#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?prgpbn') format('truetype'),
    url('../fonts/icomoon.woff?prgpbn') format('woff'),
    url('../fonts/icomoon.svg?prgpbn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_personal_collection:before {
  content: "\e935";
  color: #cfcfcf;
}
.icon-icon_personal_data:before {
  content: "\e936";
  color: #cfcfcf;
}
.icon-icon_personal_follow:before {
  content: "\e937";
  color: #cfcfcf;
}
.icon-icon_personal_headportrait .path1:before {
  content: "\e938";
  color: rgb(166, 207, 255);
}
.icon-icon_personal_headportrait .path2:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(131, 182, 243);
}
.icon-icon_personal_homepage:before {
  content: "\e93a";
  color: #cfcfcf;
}
.icon-icon_personal_newsremind:before {
  content: "\e93b";
  color: #cfcfcf;
}
.icon-icon_personal_order:before {
  content: "\e93c";
  color: #cfcfcf;
}
.icon-icon_personal_setup:before {
  content: "\e93d";
  color: #cfcfcf;
}
.icon-icon_required_red:before {
  content: "\e93e";
  color: #ff001f;
}
.icon-icon_select:before {
  content: "\e919";
}
.icon-icon_selected:before {
  content: "\e91e";
}
.icon-header_icon_left:before {
  content: "\e925";
  color: #fff;
}
.icon-header_icon_right:before {
  content: "\e926";
  color: #4a4a4a;
}
.icon-icon_order_prompt:before {
  content: "\e927";
  color: #4a90e2;
}
.icon-icon_order_success:before {
  content: "\e928";
  color: #4a90e2;
}
.icon-icon_order_weixin:before {
  content: "\e929";
  color: #009d2e;
}
.icon-icon_order_yinlian .path1:before {
  content: "\e92a";
  color: rgb(0, 144, 140);
}
.icon-icon_order_yinlian .path2:before {
  content: "\e92b";
  margin-left: -1.7998046875em;
  color: rgb(230, 0, 18);
}
.icon-icon_order_yinlian .path3:before {
  content: "\e92c";
  margin-left: -1.7998046875em;
  color: rgb(0, 80, 142);
}
.icon-icon_order_yinlian .path4:before {
  content: "\e92d";
  margin-left: -1.7998046875em;
  color: rgb(255, 255, 255);
}
.icon-icon_order_zhifubao:before {
  content: "\e92e";
  color: #4e94e6;
}
.icon-icon_telephone_little:before {
  content: "\e92f";
  color: #e6e6e6;
}
.icon-icon_delete:before {
  content: "\e930";
  color: #dedede;
}
.icon-icon_password:before {
  content: "\e931";
  color: #d8d8d8;
}
.icon-icon_top_arrow:before {
  content: "\e932";
  color: #4a4a4a;
}
.icon-icon_wenzi:before {
  content: "\e933";
  color: #4a90e2;
}
.icon-img_logo:before {
  content: "\e934";
  color: #4a90e2;
}
.icon-icon_curriculum_address:before {
  content: "\e900";
  color: #9c9c9c;
}
.icon-icon_curriculum_bmrs:before {
  content: "\e901";
  color: #9b9b9b;
}
.icon-icon_curriculum_dianhua:before {
  content: "\e902";
  color: #e6e6e6;
}
.icon-icon_curriculum_dx:before {
  content: "\e903";
  color: #9b9b9b;
}
.icon-icon_curriculum_kecjj:before {
  content: "\e904";
  color: #4a90e2;
}
.icon-icon_curriculum_kktime:before {
  content: "\e905";
  color: #9b9b9b;
}
.icon-icon_curriculum_kongjian .path1:before {
  content: "\e906";
  color: rgb(248, 197, 7);
}
.icon-icon_curriculum_kongjian .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_ks:before {
  content: "\e908";
  color: #9b9b9b;
}
.icon-icon_curriculum_share:before {
  content: "\e909";
  color: #9b9b9b;
}
.icon-icon_curriculum_shoucang:before {
  content: "\e90a";
  color: #9b9b9b;
}
.icon-icon_curriculum_skls:before {
  content: "\e90b";
  color: #4a90e2;
}
.icon-icon_curriculum_starblue:before {
  content: "\e90c";
  color: #4a90e2;
}
.icon-icon_curriculum_stargray:before {
  content: "\e90d";
  color: #d8d8d8;
}
.icon-icon_curriculum_tengxun .path1:before {
  content: "\e90e";
  color: rgb(49, 166, 255);
}
.icon-icon_curriculum_tengxun .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_tengxun .path3:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_tengxun .path4:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_tengxun .path5:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_weixin .path1:before {
  content: "\e913";
  color: rgb(17, 181, 14);
}
.icon-icon_curriculum_weixin .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_weixin .path3:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_xinlang .path1:before {
  content: "\e916";
  color: rgb(246, 8, 25);
}
.icon-icon_curriculum_xinlang .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-icon_curriculum_yh:before {
  content: "\e918";
  color: #9b9b9b;
}
.icon-icon_evaluate:before {
  content: "\e91a";
  color: #4a90e2;
}
.icon-icon_evaluate_dzblue:before {
  content: "\e91b";
  color: #4a90e2;
}
.icon-icon_evaluate_dzgray:before {
  content: "\e91c";
  color: #d8d8d8;
}
.icon-icon_evaluate_reply:before {
  content: "\e91d";
  color: #d8d8d8;
}
.icon-icon_navbar_denglu:before {
  content: "\e91f";
  color: #fff;
}
.icon-icon_navbar_grade:before {
  content: "\e920";
  color: #fff;
}
.icon-icon_navbar_list:before {
  content: "\e921";
  color: #fff;
}
.icon-icon_navbar_search:before {
  content: "\e922";
  color: #fff;
}
.icon-icon_navbar_shangcheng:before {
  content: "\e923";
  color: #fff;
}
.icon-icon_navbar_share:before {
  content: "\e924";
  color: #fff;
}

// reset样式
html,
body {
  max-width: 60rem;
  min-width: 20rem;
}
/* reset样式 */
html,
body,
div,
p,
h1,
h3,
ul,
li,
ol,
input,
a,
button,
img,
dt,
dd,
dl,
textarea,
form {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* 旋转屏幕时，字体大小调整的问题 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
// 取消默认点击样式
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
ul,ol{
  list-style: none;
}
a {
  text-decoration: none;
  color: #4a4a4a;
}
a:hover {
  color: #4a4a4a;
}
i,
s,
em {
  text-decoration: none;
  font-style: normal;
}
input,
button {
  outline-style: none;
  border: 0;
}
h1,h3,h5 {
  font-weight: 400;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.hidden{
  display: none;
}
// 主题色
$themeColor: #4a90e2;
.themeColor {
  color: $themeColor !important;
}

/* 根字体大小 */
@media only screen and (min-width: 1300px),
only screen and (min-device-width: 1300px) {
  html,
  body {
    margin: 0 auto;
  }
}
/* 根字体大小 */
@media only screen and (max-width: 960px),
  only screen and (max-device-width: 960px) {
  html,
  body {
    font-size: 25.6px;
  }
}
@media only screen and (max-width: 800px),
  only screen and (max-device-width: 800px) {
  html,
  body {
    font-size: 21.333333333333332px;
  }
}
@media only screen and (max-width: 720px),
  only screen and (max-device-width: 720px) {
  html,
  body {
    font-size: 19.2px;
  }
}
@media only screen and (max-width: 640px),
  only screen and (max-device-width: 640px) {
  html,
  body {
    font-size: 17.066666666666666px;
  }
}
@media only screen and (max-width: 600px),
  only screen and (max-device-width: 600px) {
  html,
  body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 540px),
  only screen and (max-device-width: 540px) {
  html,
  body {
    font-size: 14.399999999999999px;
  }
}
@media only screen and (max-width: 480px),
  only screen and (max-device-width: 480px) {
  html,
  body {
    font-size: 12.8px;
  }
}
@media only screen and (max-width: 414px),
  only screen and (max-device-width: 414px) {
  html,
  body {
    font-size: 11.040000000000001px;
  }
}
@media only screen and (max-width: 400px),
  only screen and (max-device-width: 400px) {
  html,
  body {
    font-size: 10.666666666666666px;
  }
}
@media only screen and (max-width: 375px),
  only screen and (max-device-width: 375px) {
  html,
  body {
    font-size: 10px;
  }
}
@media only screen and (max-width: 360px),
  only screen and (max-device-width: 360px) {
  html,
  body {
    font-size: 9.6px;
  }
}
@media only screen and (max-width: 320px),
  only screen and (max-device-width: 320px) {
  html,
  body {
    font-size: 8.533333333333333px;
  }
}

// v-html样式
.c-info{
  p:nth-of-type(1){
    span{
      //font-size: 1.3rem !important;
      color: #4A4A4A !important;
      letter-spacing: .1rem !important;
    }
  }
  border-bottom: .05rem dotted #4a90e2;
}
//张斌专栏
.zhangbin{
  .content{
    img{
      width: 100%;
      //height:
    }
  }
}
//资讯详情
.detail{
  .info{
    p:nth-of-type(4){
      height: 22rem;
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      overflow: hidden;
      img{
        display: inline-block;
        width: auto;
        height: 100%;
      }
    }
  }
}

//课程详情
.class-detail{
  .c-info{
    p:nth-of-type(4){
      height: 22rem;
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      overflow: hidden;
      img{
        display: inline-block;
        width: auto;
        height: 100%;
      }
    }
  }
}
.shadow{
  box-shadow:.6rem .3rem .6rem #aaaaaa;
}
.cover{
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  z-index: 99999;
  img{
    position: absolute;
    &.img1{
      width: 70%;
      top: 3rem;
      left: 2rem;
    }
    &.img2{
      width: 50%;
      top: 28rem;
      left: 3rem;
    }
    &.img3{
      width: 30%;
      top: 12rem;
      left: 6rem;
    }
    &.img4{
      width: 50%;
      top: 27rem;
      right: 1rem;
    }
    &.img5{
      width: 50%;
      top: 28rem;
      right: 2rem;
    }
    &.img6{
      width: 60%;
      top: 23rem;
      right: 1rem;
    }
    &.img7{
      width: 40%;
      bottom: 4rem;
      left: 3rem;
    }
    &.img8{
      width: 50%;
      bottom: 4rem;
      left: 12rem;
    }
    &.img9{
      width: 40%;
      bottom: 4rem;
      right: 2rem;
    }
    &.img10{
      width: 40%;
      top: 2rem;
      right: 5rem;
    }
    &.img11{
      width: 40%;
      top: 2rem;
      right: 4rem;
    }
    &.img12{
      width: 40%;
      bottom: 6rem;
      left: 3rem;
    }
    &.img13{
      width: 45%;
      bottom: 6rem;
      right: 2rem;
    }
  }
}
