html {
  width: 100%;
  height: 100%;
  min-width: 1200px;
}

body {
  height: 100%;
  width: 100%;
  background: url("../img/bg_grid.png") repeat;
  font-family: "Hiragino Sans GB","Microsoft YaHei",Arial;
  font-weight: 100;
  color: #666;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Sans GB", "Microsoft YaHei";
}

input{
  font-family: "Hiragino Sans GB", "Microsoft YaHei";
}

/*
  login and  slide section
*/

.slidesjs-navigation {
  /*display: none!important;*/
}

  section.login-and-slide {
    height: 800px;
    width: 100%;
    /*border: 1px solid #F2F2F2;*/
    position: relative;
    display: block;
    padding: 100px 0;
    padding-bottom: 180px;
    box-sizing: border-box;
    /*background-color: #F9C03C;*/
    background: white;
    text-align: right;
  }

@media (max-width: 2500px) {
  section.login-and-slide {
    height: 1000px;
    width: 100%;
    /*border: 1px solid #F2F2F2;*/
    text-align: right;
    position: relative;
    box-sizing: border-box;
    /*background-color: #F9C03C;*/
    background-color: white;
  }
}

@media (max-width: 1950px) {
  section.login-and-slide {
    height: 680px;
    width: 100%;
    /*border: 1px solid #F2F2F2;*/
    position: relative;
    box-sizing: border-box;
    /*background-color: #F9C03C;*/
    background-color: white;
  }
}

@media (max-width: 1500px) {
  section.login-and-slide {
    height: 560px;
    /*height:auto;*/
    width: 100%;
    /*border: 1px solid #F2F2F2;*/
    position: relative;
    box-sizing: border-box;
    /*background-color: #F9C03C;*/
    background-color: white;
  }
}

.content-container {
  width: auto;
  max-width: 1000px;
  height: auto;
  min-height: 200px;
  margin: 0 auto;
  text-align: right;
  position: relative;
}

/* login form */

.login-container {
  z-index: 20;
  display: inline-table;
  height:100%;
  margin-right: 20%;
}

@media (max-width: 1500px) {
  .login-container {
    margin-right: 10%;
  }
}


.login-content-container{
  width: 100%;
  height: auto;
  vertical-align: middle;
  display: table-cell;
}

.login-form-wrap {
  text-align: left;
  width: 364px;
  height:auto;
  /*height: 309px;*/
  display: inline-block;
  box-sizing: border-box;
  border-radius: 5px;
}
.login-form-wrap .form-switcher{
  height: 50px;
  width: 100%;
  background: none;
  display: table;
  white-space: nowrap;
  text-align: center;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}

.form-switcher .switcher {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  font-weight: 600;
  }

.switcher.selected {
  background-color: #6c2e09;
  color: white;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}


.form {
  text-align: center;
  border: 0.6mm solid white;
  border-top: none;
  padding: 10px 20px;
  min-height: 320px;
  background-color: #FFF;
  background-image: url("../img/login-bg.png");
  background-repeat: repeat-x;
  background-position: bottom;

}

.form_login{
  background: url("../img/mbg.jpg") 100% 100%;
}

.field{
  position: relative;
  font-size: 12px;
}
.form .field input{
  height: 45px;
  width: 300px;
  font-size: 14px;
  font-family: "Microsoft Yahei";
  outline: none;
  border:0.4mm solid lightgray;
  border-radius: 3px;
  padding-left: 20px;
  box-sizing: border-box;
  margin: 10px auto;
  color: #6666;
  transition: all 0.5s;
}

.form .field input:focus{
  box-shadow: 0 0 4px lightgray;
}

.form .buttons {
  width: 300px;
  margin: 10px auto;
  display: block;
  text-align: center;
}

.form .buttons button.login {

  background-color: #F4C042;
  font-size: 14px;
  font-family: "Microsoft Yahei";
  color: white;
  float: left;
}

.form .buttons button.read-free {
  background-color: #FC6926;
  font-size: 14px;
  font-family: "Microsoft Yahei";
  color: white;
}

.form .buttons button.register {
  background-color: #999998;
  color: white;
  font-size: 14px;
  float: right;
  font-family: "Microsoft Yahei";
}

.form .field button {
  /*width: 92px;*/
  width: 145px;
  height: 42px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  background: none;
  border: 0;
  box-sizing: border-box;
}
.form .field button:nth-child(2) {
}

.form .field.tips{
  text-align:center;
  margin: 15px auto;
}
.form .field.tips .forgot {
  font-size: 12px;
  color:#999999;
  text-decoration: underline dotted #999999;
  border-bottom:1px solid lightgrey;
}

.forgot a{
  color: #333;
}
.forgot a:hover{
  display: inline-block;
  background: #ff7500;
  color: #FFF;
  font-weight: 100;
}
.f_user_name{
  font-size: 14px;
  color: #6c2e09;
}


/* 幻灯片 */

.hd-images{
  width: 100%;
  height: auto;
  background: #dedede;


}

.hd-images ul{
  margin: 0;
  padding: 0;
  height: 500px;

}

.hd-images ul li{
  float: left;
  width: 1100px;
  height:500px;
}

.hd-images ul li a{
  width: 100%;
  height: 100%;
  display: block;
}


.hd-images ul li a img{

  width: 100%;
  height: 100%;
  display: block;

}
.hd-navigation{
  width: 100%;
  background: #F2F2F2;
  height: auto;
}

.hd-navigation ul{
  display: flex;
  flex-flow: row;
}


.hd-navigation ul li{
  display: flex;
  padding: 0.5em;
}


.hd-navigation ul li a{
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  opacity: 0.7;
  border: 4px solid #d0d0d0;

}


.hd-navigation ul li a:hover{

  opacity: 0.9;
  border: 4px solid #f1a12c;
}


.hd-navigation ul a img{
  width: 100%;
  height: 100%;
}

.hd_box{
  width: 100%;
  height: auto;
  background: #f1a12c;
  display: flex;
  justify-content: center;
}

.hd{
  width: 1100px;
  height: auto;
  background: #FFF;
  overflow: hidden;
}


.slide-content-container {
  position:relative;
  max-width:1100px;
  height:500px;
  margin: 0 auto;
}
.slide-content-container-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.slide-content-container img{
  width: 100%;
  height: 100%;
}

.slidesjs-pagination {
  list-style: none;
  position: absolute;
  bottom: 70px;
  right: 20%;
  height: 20px;
  width: auto;
  z-index:20;
}

.slidesjs-pagination li {
  display: inline-block;
}

.slidesjs-pagination .slidesjs-pagination-item {
  display: inline-block;
  margin-right: 20px;
}

.slidesjs-pagination .slidesjs-pagination-item a{
  color: white;
  text-decoration: none;
  display: inline-block;
  width: 15px;
  height: 15px;
  color: white;
  background: white;
  overflow: hidden;
  border-radius: 50%;
}

.slidesjs-pagination .slidesjs-pagination-item a.active{
  color: #2E2F2F;
  background:#2E2F2F;
}

/*
  第二个section ，以及里面的内容
*/
section.second {
  border-bottom: 1px solid #F2F2F2;
  background-color: white;
  padding-top: 1em;
}

.introduce-wrap {
  list-style: none;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
}

.introduce-wrap .introduce {
  display: inline-block;
  width: 33%;
  box-sizing: border-box;
  padding:0 20px;
  vertical-align: middle;
}

.introduce-wrap .introduce .introduce-content {
  box-shadow: 0 0 1px rgba(0,0,0,0.3);
  height: 530px;
  /*transform: translateY(-20%);*/
  background: #E7E6E2;
  z-index: 20;
  padding: 20px;
  padding-top: 40px;
  position: relative;
}


/*
  不ｈｏｖｅｒ后
*/

.introduce-wrap:hover .introduce.blue .introduce-content {
  background:#E7E6E2;
  color: #2b49a5;
}

.introduce-wrap:hover .introduce.blue .introduce-content .introduce-hover-icon{
  display: none;
}
.introduce-wrap:hover .introduce.blue:hover .introduce-content .introduce-hover-icon{
  display: block;
}

.introduce-wrap:hover .introduce.blue .introduce-content .introduce-icon{
  display: block;
}
.introduce-wrap:hover .introduce.blue:hover .introduce-content .introduce-icon{
  display: none;
}

.introduce-wrap:hover .introduce.blue:hover .introduce-content .introduce-hover-bottom-icon{
  display: block;
  transform: scale(1.2);
  transform-origin:26px 40px;
}
.introduce-wrap:hover .introduce.blue .introduce-content .introduce-hover-bottom-icon{
  display: none;
  transform: scale(1.2);
  transform-origin:26px 40px;
}
.introduce-wrap:hover .introduce.blue:hover .introduce-content .introduce-bottom-icon{
  display: none;
}
.introduce-wrap:hover .introduce.blue .introduce-content .introduce-bottom-icon{
  display: block;
}
.introduce-wrap:hover .introduce.blue .introduce-content .introduce-title {
  color:#2b49a5;
}


/*
  默认hover效果
*/

.introduce-wrap .introduce.blue .introduce-content {
  background:#004EA3;
  color: white;
}

.introduce-wrap .introduce.blue .introduce-content .introduce-hover-icon{
  display: block;
}

.introduce-wrap .introduce.blue .introduce-content .introduce-icon{
  display: none;
}

.introduce-wrap .introduce.blue .introduce-content .introduce-hover-bottom-icon{
  display: block;
  transform: scale(1.2);
  transform-origin:26px 40px;
}
.introduce-wrap .introduce.blue .introduce-content .introduce-bottom-icon{
  display: none;
}
.introduce-wrap .introduce.blue .introduce-content .introduce-title {
  color:white;
}

.purple {
  color: purple;
}

.blue {
  color: #2b49a5;

}

.coral {
  color: coral;
}

.introduce-wrap .introduce:hover .introduce-content {
  background: #004EA1;
  cursor: pointer;
  color: white!important;
  transition:all 0.5s;
  box-shadow: 0 0 3px rgba(0,0,0,0.4);
}

.introduce-wrap .introduce.coral:hover .introduce-content {
  background:#E95A4C;
}

.introduce-wrap .introduce.purple:hover .introduce-content {
  background:#601887;
}

.introduce-wrap .introduce.blue:hover .introduce-content {
  background:#004EA3;
}

.introduce-wrap .introduce:hover .introduce-content .introduce-title{
  color: white!important;
}

.introduce-wrap .introduce .introduce-content  .introduce-icon{
  width: 70px;
  height: 70px;
  display: block;
  margin: 0 auto;
}

.introduce-wrap .introduce .introduce-content  .introduce-bottom-icon{
  height: 80px;
  display: block;
  margin: 0 auto;
}
.introduce-wrap .introduce .introduce-content  .introduce-hover-icon{
  width: 70px;
  height: 70px;
  display: none;
  margin: 0 auto;
}


.introduce-wrap .introduce .introduce-content  .introduce-hover-bottom-icon{
  height: 80px;
  display: none;
  transition: all 0.5s;
  margin: 0 auto;
}

.introduce-wrap .introduce .introduce-content:hover .introduce-hover-bottom-icon {
  display: block;
  transform: scale(1.2);
  transform-origin:26px 40px;

}

.introduce-wrap .introduce .introduce-content:hover .introduce-hover-icon {
  display: block;
}

.introduce-wrap .introduce .introduce-content:hover .introduce-icon {
  display: none;
}

.introduce-wrap .introduce .introduce-content:hover .introduce-bottom-icon {
  display: none;
}

.introduce-wrap .introduce .introduce-content  .introduce-title{
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin: 30px auto;
  margin-bottom: 10px;
}

.introduce-wrap .introduce .introduce-content  .introduce-desc{
  font-size: 15px;
  letter-spacing: 2px;
  white-space: normal;
  display: block;
  position: relative;
  padding: 20px;
  height: 200px
}

/*
  第三块 ,报纸面向类型
*/
section.third {
  background:url("../img/kids.png") no-repeat center,rgba(255,0,255,0.4);
  background-blend-mode: multiply;
  background-repeat:no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.post-type-wrap {
  display: block;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

.post-type-wrap .h3 {
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  letter-spacing: 3px;
  display: block;
  color: white;
  margin-bottom: 40px;
}


.post-type-icon-wrap {
  list-style: none;
  white-space: nowrap;
}
.post-type-icon-wrap .post-type-icon-item {
  display: inline-block;
  width: 33%;
  white-space: nowrap;
  text-align: center;
}

.post-type {
  display: block;
  color: white;
  margin-top:10px;
  margin-bottom: 10px;
}
.post-type-icon img {
  width: 140px;
  height: auto;
  display: block;
  margin: 0 auto;
  vertical-align: bottom;
}
.post-type-icon-wrap .post-type-icon-item .post-type-icon {
  overflow: hidden;
  border: 2px solid white;
  border-radius: 50%;
  width: 200px;
  display: inline-block;
  height: 200px;
  box-sizing: border-box;
}

.post-type-desc {
  margin-top: 50px;
  width: 100%;
  color: white;
  font-size: 14px;
  text-align: center;
  word-break: normal;
  line-height: 30px;
}
.post-type-bottom-icon{
  display: block;
  margin: 20px auto;
  width: 70px;
}

/*
  第四部分 活动部分
*/

section.four.activity {
  padding: 40px 0;
  background: url("../img/bg_painting.png") no-repeat;
  background-size: cover;
}

.activity-wrap {
  /*width: 840px;*/
  height: 370px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
}

.activity-left-block {
  width:500px;
  height: 370px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.activity-right-block {
  width: 470px;
  height: 370px;
  vertical-align: top;
  position: relative;
  display: inline-block;
}

.spread-activity-block {

  background: url("../img/index_ad_3.png");
  width: 100%;
  height: 100%;
}


.index_ad_a:hover img{
  border: 2px solid #f9911d;
  box-sizing: border-box;
  opacity: 0.8;
}

.view-activity {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  border: 2px solid white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top:-25%;
  margin-left: -25%;
  color: white;
  font-size: 14px;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

.view-activity .activity-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  max-width: 80%;
  padding-top:3px;
  height: 20%;
  box-sizing: border-box;
  white-space: normal;
  margin: 0 auto;
}
.view-activity .activity-desc {
  width: 80%;
  height: 40%;
  font-size: 14px;
  white-space: normal;
  display: block;
  margin: 10% auto;
}
.view-activity .go {
  display: inline-block;
  width: 20%;
  height: 20%;
  font-size: 12px;
  vertical-align: middle;
  letter-spacing: 0px;
  box-sizing: border-box;
  border-radius: 50%;
  background: url("../img/go.png") no-repeat;
  background-size:cover;
  background-position: center;
}


.activity-right-block .activity-block {
  width: 50%;
  height: 50%;
  box-sizing: border-box;
  float: left;
  padding-left: 10px;
}
.activity-right-block .activity-block:nth-of-type(3){
  padding-top: 10px;
}

.activity-right-block .activity-block .activity-block-content{
  width: 100%;
  height: 100%;
  background: lightgray;
}

.activity-right-block .activity-block.four.wide {
  width: 100%;
}


/*
      recommended block
*/

section.five {
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
}

.senior-recommend-block {
  width: 100%;
  height: auto;
  text-align: left;
}

.question-and-answer-block {
  width: 100%;
  height: auto;
}
.recommend-block {
  white-space: nowrap;
  background: #EDEDED;
  font-size: 0;
  height: 290px;
}

.recommend-block .image-block {
  width: 39%;
  overflow: hidden;
  height: 100%;
  display: inline-block;
}

.recommend-block .image-block img {
  width: 400px;
  height: 290px;
}

.recommend-border-all{
  border:4px solid #c9c9c9;
}

.recommend-border-top{
  border-top:4px solid #c9c9c9;
}

.recommend-big-title{
  text-align: center;
  line-height: 60px;
  height: 60px;
  background: #c9c9c9;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

.recommend-block .recommend-content, .recommend-block .question-and-answer-content{
  display: inline-block;
  width: 60%;
  min-height: 1px;
  height:100%;
  white-space: normal;
  vertical-align: top;
  padding:30px;
  box-sizing: border-box;
  text-align: left;
}

.recommend-content .title {
  font-size: 26px;
  font-weight: bold;
  color: #CD389C;
  display: inline-block;
  margin-bottom: 20px;
}

.recommend-content .recommend-detail {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 25px;
}

.question-and-answer-content .title {
  font-size: 26px;
  font-weight: bold;
  color: #0967C1;
  width: 100%;
  margin: 0;
  display: inline-block;
  padding-bottom: 20px;
  height: 20%;
  box-sizing: border-box;
}

.QA-scroll-container {
  height: 80%;
  overflow-y:scroll;
}

.QA-scroll-container::-webkit-scrollbar {
  width: 8px;
}

.QA-scroll-container::-webkit-scrollbar-track {
  background: none;
   background: rgba(0,0,0,0.1);
}
.QA-scroll-container::-webkit-scrollbar-thumb:vertical {
   background: rgba(0,0,0,0.3);
}

.QA-scroll-list {
  font-size: 14px;
  list-style: none;
  box-sizing: border-box;
}

.QA-scroll-list .question, .QA-scroll-list .answer{
  display: table;
}

.QA-scroll-list .question p, .QA-scroll-list .answer p{
  display: table-cell;
  vertical-align: top;
  padding: 8px 10px 10px 15px;
  box-sizing: border-box;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 25px;
}

.QA-scroll-list .question::before {
  content:"Q: ";
  display: inline-block;
  height: 50px;
  width: 50px;
  color: white;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  background: #F09F9E;
  vertical-align: top;
  font-size: 22px;
}

.QA-scroll-list .answer::before {
  content: "A: ";
  display:inline-block;
  font-weight: bold;
  vertical-align: top;
  color: white;
  font-size: 22px;
  height: 50px;
  width: 50px;
  background-color: #F9C03B;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
}

/*
  footer 部分
*/

footer {
  width: 100%;
  min-height: 300px;
  background:url("../img/bg_footer.png") no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding-top: 40px;
}

footer .footer-content-container {
  width: 100%;
  max-width: 1200px;
  display: block;
  margin: 0 auto;
  position: relative;
  color: #333;
  font-family: "Microsoft YaHei";
}
.footer-content-list {
  list-style: none;
  height: 180px;
}
.footer-content-list::after {
  content: "";
  display: block;
  clear:both;
}
.footer-content-list li.footer-content-item {
  width: 33.33%;
  display: inline-block;
  float: left;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 25px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  border-right: 1px solid #987323;
  text-align: center;

}

.footer-content-item img {
  max-height: 120px;
}

.footer-content-list li:last-child {
  border-right: none;
}

.footer-content-list li.footer-content-item h5{
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 300;
}

.footer-content-list li.footer-content-item a, .footer-content-list li.footer-content-item span{
  font-size: 12px;
  display: block;
  margin-bottom: 4px;
  color: #333;
}
.footer-content-item a:hover{
  color: #FFF;
}

.footer-content-item a:visited{
  color: #333;
}
.footer-content-list li.footer-content-item img{
  display: inline-block;
}

footer .copyright-container {
  width: 100%;
  height: auto;
  background: rgba(0,0,0,0.2);
  color: white;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  margin-top: 40px;
}

.promptly {
  font-size: 12px;
}

.friends-link {
  list-style: none;
  font-size: 12px;
}
.friends-link li {
  display: inline;
}
.friends-link li:after {
  content:"|";
}

.friends-link li:last-child:after {
  content:"";
}


.auth_code{
  width: 70px;height: 35px;position: absolute;right: 25px;top: 20px;
}
.auth_code img{
  max-height: 100%;
}

.login_header{
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  border: 5px solid #FFF;


}

.login_header img{
  max-height: 100%;
}

.login_tb{
  width: 100%;
  margin-top: 20px;
  padding: 0;
}

.login_tb td{
  color: #6c2e09;
  text-align: center;
  font-size: 24px;
  min-height: 50px;
}

.user_center_btn{
  display: inline-block;
  text-decoration: none;
  color: #FFF;
  background: #FF0000;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 5px;
}

.user_center_btn:hover{
  color: #FFF;
  background: #F4C042;
}


.log_out_btn{
  display: inline-block;
  text-decoration: none;
  color: #FFF;
  background: #ff7500;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 5px;
}

.log_out_btn:hover{
  color: #FFF;
  background: #dddddd;
}


/*用户注册 */

.reg_box{
  margin: 80px auto;
  width: 780px;
  min-height: 650px;
  background: #FFF;
  box-sizing: border-box;
  border-radius: 10px;
  border: 2px solid #F2F2F2;
}

.reg_tb{
  width: 500px;
  margin: 0 auto;
  border-collapse: collapse;
}
.reg_tb td{
  height: 100px;
  vertical-align: middle;
}

.reg_tb .input_div{
  width: 100%;
  border-radius: 5px;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #eaeaea;
  position: relative;
  overflow: hidden;
}

.input_div span{
  width: 120px;
  height: 100%;
  display: inline-block;
  background: #F2F2F2;
  line-height: 40px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #888;
  position: absolute;
  left: 0;
  top: 0;
}

.input_div input[type='text'] , .input_div input[type='password']{
  width: 370px;
  height: 40px;
  position: absolute;
  left: 120px;
  top: 0;
  border: 0;
  vertical-align: middle;
  box-sizing: border-box;
  background: transparent;
  padding-left: 10px;
  font-size: 16px;
  color: #999;
  font-family: "Hiragino Sans GB", "Microsoft YaHei";
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input{outline:0px;}

.reg_title_h1{
  margin: 0;
  width: 100%;
  height: 150px;
  line-height: 150px;
  font-weight: 100;
  color: #999;
  text-align: center;
  font-family: "Hiragino Sans GB", "Microsoft YaHei";
  background: url("../img/mbg.jpg");
}

.reg_title_bar{
  width: 100%;
  height: 55px;
  background-image: url("../img/section_divider_crease_down.png");
  background-position: top;
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.reg_now{
  display: block;
  background: #F9C03B;
  width: 300px;
  height:50px;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  border-radius: 10px;

  background-image: -webkit-linear-gradient(top, #F9C03B, #f9a118);
  background-image: -moz-linear-gradient(top, #F9C03B, #f9a118);
  background-image: -ms-linear-gradient(top, #F9C03B, #f9a118);
  background-image: -o-linear-gradient(top, #F9C03B, #f9a118);
  background-image: linear-gradient(top, #F9C03B, #f9a118);

}


.reg_now:hover{
  display: block;
  text-decoration: none;
  background: #f9911d;
  background-image: -webkit-linear-gradient(top, #f9911d, #f9a118);
  background-image: -moz-linear-gradient(top, #f9911d, #f9a118);
  background-image: -ms-linear-gradient(top, #f9911d, #f9a118);
  background-image: -o-linear-gradient(top, #f9911d, #f9a118);
  background-image: linear-gradient(top, #f9911d, #f9a118);
  color: #FFF;
  text-decoration: none!important;
}

.reg_now:visited{
  text-decoration: none;
  color: #FFF;
}

.btn_send_code{
  display: block;
  line-height: 40px;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0px;
  width: 140px;
  height: 40px;
  border: 0;
  background: #8a8a8a;
  cursor: pointer;
  text-decoration: none;
}

.btn_send_code:hover{
  background: #ff7500;
  z-index: 999;
  text-decoration: none;
  color: #FFF;
}
.post-type-icon-wrap .post-type-icon-item img{
  height:200px;
  width: 188px;
  vertical-align: top;
}

.post-type-icon-wrap .icon-hover{
  display: none;
}
.post-type-icon-wrap .icon {
  display: inline-block;
}

.post-type-icon-wrap:hover .post-type-icon-item:hover .icon-hover {
  display: inline-block;
}


.post-type-icon-wrap:hover .post-type-icon-item:hover .icon {
  display: none;;
}

.post-type-icon-wrap:hover .focus .icon-hover{
  display: none;
}

.post-type-icon-wrap:hover .focus .icon{
  display: inline-block;
}

.post-type-icon-wrap .focus .icon-hover{
  display: inline-block;
}

.post-type-icon-wrap .focus .icon{
  display: none;
}
.teacher-form a{
  color: #333;
}
.teacher-form a:hover{
  color: #FFF;
}
.news_detail_info_area ul{
  float: left;
  list-style: none;
}
.news_detail_info_area ul li{
  float: left;
}
 ul,ul li{ list-style:none;}
/* topmenu */
#topmenu{width:450px;margin:30px auto 0 auto;height:80px;position:relative;}
#topmenu ul{margin:0;padding:0;}
#topmenu ul li{float:left;font-size:16px;background:#222;position:relative;text-align:center;width:70px;margin:0 10px;display:inline;line-height:30px;}
#topmenu ul li a{color:#aaa;text-decoration:none;}
#topmenu ul li a:hover{color:#fff;}
#topmenu ul li.active a{color:#fff;font-weight:800;}
/* tab */
.tab{width:720px;margin:30px auto;border:1px solid orange;}
.tab ul.menu{height:50px;background:#f6f6f6;}
.tab ul.menu li{float:left;text-align:center;width:120px;height:32px;background:#f6f6f;list-style:none;font-size:16px;cursor:pointer;height: 100%;line-height: 50px;}
.tab ul.menu li.active{background:orange;color:#fff;}
.con1,.con2,.con3,.con4{height:500px;border-top:2px solid orange;margin-top:-10px;}
.con2,.con3,.con4{display:none;}
.con1 ul li,.con2 ul li,.con3 ul li{background:url(images/point.png) no-repeat left center;padding:0 0 0 10px;font-size:14px;line-height:180%;color:orange;}
.sub_div{text-align: center}
.sub_div input{width: 100px;height: 36px;background-color: orange;border: none;border-radius: 8px;color: white}
.tex{width: 100%;height: 100%;border: none;padding: 15px;resize: none;outline: none}
.mes_div{width: 100%;text-align: center;font-size: 37px;}