body{
    background-color: #ffffff;
}
.w180{
  width: 180px !important;
}
.guide-banner{
  height: 436px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.guide-title{
    font-size: 34px;
    color: #333333;
    text-align: center;
    margin: 60px 0 50px 0;
}
.index-infor,.index-detail,.job-infor,.teacher-infor{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.index-infor .index-list{
    width: 225px;
}
.index-infor .index-list h4,.job-infor h4,.teacher-infor h4{
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
    margin-top: 5px;
}
.index-infor .index-list p{
    height: 90px;
}
.index-infor .index-list p,.job-infor p,.teacher-infor p{
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1.8;
}
.index-infor .index-list a{
    font-size: 14px;
    color: #0084ff;
}
.index-detail{
    align-items: center;
}
.index-detail .index-txt{
    width: 720px;
    text-align: left;
}
.index-detail .index-txt h5{
    font-size: 26px;
    color: #333333;
    margin-bottom: 30px;
}
.index-detail .index-txt p{
    font-size: 16px;
    color: #666666;
}
.banner{
    min-width: 1200px;
    position: relative;
}
.banner .header-btn-main{
    position: relative;
}
.banner .header-btn{
    width: 150px;
    height: 48px;
    background:linear-gradient(to right,#ff7b74,#ffb365);
    color: #ffffff;
    font-size: 22px;
    border-radius: 24px;
    text-align: center;
    line-height: 48px;
    position: absolute;
    bottom: 60px;
    left: 0;
    cursor: pointer;
}
.banner .header-btn:hover{
    background:linear-gradient(to right,#fd867f,#fac771);
}
.banner .header-btn a,.banner .header-btn a:hover,.guide-btn a,.guide-btn a:hover{
    color: #ffffff;
    display: block;
}

.guide-txt{
    font-size: 16px;
    text-align: left;
    color: #333333;
    line-height: 2;
}
.job-infor div{
    width:190px;
}
.guide-img{
    text-align: center;
    margin-bottom: 70px;
}
.guide-btn{
    width: 250px;
    height: 48px;
    background:#2177ff ;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    margin: 0 auto;
    border-radius: 24px;
    box-shadow: 0 10px 10px 0 rgba(210,226,252,.5);
    cursor: pointer;
}
.guide-btn:hover{
    background: #386cff;
}
.banner .header-btn-teacher a,
.teacher-guide .guide-btn a{
  display: inline-block;
  width: 100%;
}
.banner .header-btn-teacher{
    width: 180px;
    background:linear-gradient(to right,#f55a74,#fea083);
}
.banner .header-btn-teacher:hover{
    background:linear-gradient(to right,#f76b77,#fba086);
}
.teacher-infor div{
    width: 180px;
}
.header-btn .apply-real{
    color: #91a4fc;
}
.header-btn .apply-real a{
    margin-left: 30px;
    color: #ffffff;
}
.guide-btn .apply-real{
    color: #666666;
}
.guide-btn .apply-real a{
    margin-left: 30px;
    color: #2177ff;
}
.article-status3{
    width: 416px;
    height: 53px;
    background: url(//static-f.fwxgx.com/media/image/guide/article-8-d63d953ef9ecc45d105f74b1f8f91252.png) no-repeat;
    line-height: 45px;
    color: #ffea00;
    font-size: 14px;
    position: absolute;
    top: -12px;
    right: 0;
}
.article-status3 span{
    font-size: 16px;
    margin:0 10px 0 50px;
}
.article-status3 a{
    text-decoration: underline;
    margin-left: 3px;
    color: #ffea00;
}
.article-status1{
    width: 274px;
    height: 53px;
    background: url(//static-f.fwxgx.com/media/image/guide/article-7-8eab8c9df68656705dc63b6f9c9d72a6.png) no-repeat;
    line-height: 45px;
    color: #fffa66;
    font-size: 14px;
    position: absolute;
    top: -12px;
    right: 0;
}
.article-status1 span{
    font-size: 16px;
    font-weight: bold;
    margin-left: 50px;
}
.teacher-banner{
    background-image: linear-gradient(to right, #124df6 , #7a7ae7);
    height: 436px;
}
.job-banner{
    background-image: linear-gradient(to right, #124df6 , #4c99f0);
    height: 436px;
}
.article-banner{
    background-image: linear-gradient(to right, #008aff, #5e72e9);
    height: 436px;
}
.guide-modal{
  top: 30% !important;
}
.guide-modal-content{
  margin: 20px 0;
  text-align: center;
}
.protocol-title{
  color: #333333;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}
.bind-title{
  color: #333333;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}
.protocol-content{
  width: 880px;
  height: 401px;
  background: #FFFFFF;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #E5E5E5;
  overflow-y: scroll;
  font-size: 14px;
  color: #333;
}
.bgccc,
.bgccc:hover{ background: #ccc !important; }
.article-protocol-box .modal-dialog{ width: 920px;max-width: 920px;}
.article-protocol-box .modal-body{max-height: 700px;overflow: auto;margin-bottom:10px;padding: 0 15px 15px !important;}
.article-protocol-box .modal-header{border-bottom:none !important;padding-bottom: 0 !important;}

.article-bind-box .modal-dialog{ width: 450px; margin-top: 50px !important;}
.article-bind-box .modal-body{padding: 0 15px 15px !important;}
.article-bind-box .modal-header{border-bottom:none !important;padding-bottom: 0 !important;}
.article-bind-box .bind-content{text-align: center; margin-bottom: 20px;}

.protocol-chekbox span {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}
.protocol-chekbox{
  text-align: center;
  margin: 13px 0 8px;
}
.protocol-chekbox label{
  margin-right: 15px;
  cursor: pointer;
}
.article-protocol-btn{
  width: 112px;
  height: 39px;
  line-height: 39px;
  margin-right: 20px;
}
.color0084ff{
  color: #0084ff;
}
.error-text{
  color: red;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  margin-left: 310px;
  margin-top: 5px;
}

.article-modal-updatename {
    z-index: 100000;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 480px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}
.article-modal-updatename-header {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between;
}
.article-modal-updatename-title {
    font-size: 16px;
    padding-left: 24px;
}
.article-modal-updatename-close {
    font-size: 24px;
    padding-right: 24px;
    cursor: pointer;
}
.article-modal-updatename-body {
    padding: 24px;
}

.article-modal-feedback-btn {
    width: 88px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    margin-right: 20px;
}
.article-modal-feedback-cancal{
  color: rgba(0, 0, 0, 0.65)!important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.article-modal-feedback-save {
    background: #0084FF!important;
    color: #fff!important;
    border-radius: 2px;
}
.article-modal-updatename-footer {
    height: 52px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    line-height: 52px;
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
}
p.article-modal-updatename-tip {
    color: #999999;
    line-height: 30px;
}
span.article-modal-updatename-label {
    color: rgb(78, 78, 78);
    position: relative;
    line-height: 38px;
    height: 38px;
}
.article-modal-updatename-label:before {
    content: '*';
    color: #ff0000;
}
.article-modal-updatename-input{
    width: 352px;
    height: 36px;
    line-height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 8px;
}
.article-modal-updatename-input-box{
    display: flex;
    padding: 10px 0 0 0;
}
p.article-modal-updatename-save-tip {
    color: #F34509;
    padding: 5px 76px 0;
    height: 25px;
}