/*================= 2019/12/20 崇文理想国官网用户界面布局样式 =============== */
.layui-laypage select{height:26px;}

/*================== 修改滚动条样式  ===================*/
div::-webkit-scrollbar{
  width:5px;
  height:10px;
}
div::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
div::-webkit-scrollbar-thumb{
  background: #d0d0d0;
  border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #aaa;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}



/*================== 公共样式  ===================*/
input::-webkit-input-placeholder {
        color: #aaa;
        font-size:14px;
        opacity:1;
        -webkit-transition: all .3s;
      }
      input::-moz-input-placeholder {
        color: #aaa;
        font-size:14px;
        opacity:1;
        -moz-transition: all .3s;
      }
      input::-ms-input-placeholder {
        color: #aaa;
        font-size:14px;
        opacity:1;
        -ms-transition: all .3s;
      }
input:focus::-webkit-input-placeholder {
        opacity:0;
      }
      input::-moz-input-placeholder {
       opacity:0;
      }
      input::-ms-input-placeholder {
       opacity:0;
      }


.chongwen-web *{box-sizing:border-box;}
.height100{height:100%;}
.cursor{cursor: pointer;}



/*背景颜色*/
.bg-blue{background-color:#3aaff3;}
.bg-blue3{background-color:#f7fcff;}
.bg-yellow{background-color:#f6ab00;}
.bg-white{background-color:#fff;}
.bg-click98fa{background-color:rgba(0,0,0,.02);}
.bg-click94f0{background-color:rgba(0,0,0,.06);}

/*字体颜色*/
.font-color-blue{color:#3aaff3;}
.font-color-yellow{color:#f6ab00;}
.font-color-red{color:#eb5454;}
.font-color-black50{color:#808080;}
.font-color-pink{color:#f19ec2;}

.fc-blue-hover{color:#3aaff3;cursor: pointer;}
.fc-blue-hover:hover{color:#f6ab00;}

/*文本居对齐*/
.align_center {text-align: center;}
.align_left {text-align: left;}
.align_right {text-align: right;}

/*圆角*/
.border-fillet10{border-radius:10px;}
.border-fillet5{border-radius:5px;}

/*底部版权*/
.user_footer{ position:absolute;bottom:0;width:100%;}
.user_footer p{color:#fff;opacity:1;width:100%;}

.user_index_footer{position:absolute;bottom:0;}

/*超出部分隐藏*/
.long_hidden{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/*定位*/
.absolute{position:absolute}
.relative{position:relative}

/*padding*/
.pr25 {padding-right: 25px;}


/*左侧导航-公用*/
.left_nav{left:10px;right:10px;top:140px;bottom:30px;margin:auto;}
.left_nav li a{display:block;height:40px;line-height:40px;}
.left_nav li a:hover{color:#fff;background-color:#f6ab00;}
.left_nav li .this_page_nav{background-color:#f6ab00;}
/*中部内容-公用*/
.center_content{left:10px;right:10px;top:10px;bottom:30px;margin:auto;overflow:auto;}
.center_content .layui-form-label{width:110px;}
.layui-form-switch{height:24px;}
/*右侧通告-公用*/
.notice{left:10px;right:10px;top:10px;bottom:30px;margin:auto;}
.notice>ul{}
.notice>ul>li{overflow:hidden;padding:5px 0}
.notice>ul>li>img{display:none;}
.notice>ul>li>p{overflow:hidden;}
.notice>ul>li>p>a{;float:left;width:65%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#000;}
.notice>ul>li>p>a:hover{color:#f6ab00;}
.notice>ul>li>p>span{float:right;}
.notice .notice_btn{position:absolute;bottom:0;background:#fff;padding:15px;width:100%;}
.notice .notice_btn>a{width:100%;}

.notice>ul>li:first-child{height:90px;border-radius:10px;background:#aaa;position:relative;overflow:hidden;margin-bottom:10px;}
.notice>ul>li:first-child>img{display:block;position:absolute;width:100%;top:50%;margin-top:-25%;opacity:.7;}
.notice>ul>li:first-child>p{position:absolute;bottom:0;z-index:1;width:100%;padding:5px 10px;background:rgba(0,0,0,.5);opacity:.8;}
.notice>ul>li:first-child:hover>p{opacity:1;}
.notice>ul>li:first-child>p>a{color:#fff;}
.notice>ul>li:first-child>p>span{color:rgba(255,255,255,.5);}

.personal_notice>.notice_title{line-height:50px;height:50px;border-radius:10px 10px 0 0;overflow:hidden;padding-left:50px;}
.personal_notice>.notice_title:after{content:"";width:76px;height:59px;display:block;position:absolute;left:10%;top:3px;background:url(../images_user/personal_notice.png) no-repeat center center;}
.campus_notice>.notice_title{padding-left:25%;height:110px;background:#9cd6f7 url(../images_user/campus_notice_bg.png) no-repeat;background-size:100%; background-position:center bottom -2px;}
.campus_notice>.notice_title:after{content:"";width:76px;height:59px;display:block;position:absolute;left:10%;top:15px;background:url(../images_user/campus_notice.png) no-repeat center center;}


/*================== 登录注册页 ===================*/
/*公用部分*/
.user-login-bg{background:url(../images_user/user_login/user_login_bg.gif) center center no-repeat  ; background-size: 100%;position:relative;margin-top:0;}
.user-login-bg::after{content:"";position:absolute;width:100%;top:0;bottom:0;margin:auto;background-color:rgba(0,0,0,0.2);}
.login_content{position:absolute;top:80px;bottom:0;left:0;right:0;margin:auto;width:920px;background:rgba(255,255,255,0.97);border-radius:10px;height:360px;z-index:1;overflow:hidden;padding:20px 0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}
.login_content>.left_img{width:600px;float:left;}
.login_content>.right_info{width:320px;float:right;padding:0 40px;height:320px;border-left:1px solid rgba(0,0,0,0.1);}
.login_content .layui-input-block{margin:0;position:relative;}
.login_content .layui-input-block>p{position:absolute;top:0;left:0;width:100%;opacity:0;font-size:12px; transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;z-index:1;}
.login_content .layui-input-block>i{position:absolute;bottom:0;width:100%;height:1px;background:linear-gradient(to right, #00478b , #3aaff3);}
.login_content .layui-input-block>b{position:absolute;line-height:38px;right:0;top:0;font-weight:normal;z-index:2;}
.login_content .layui-input-block>.bg-yellow{background:#f6ab00;}
.login_content .layui-input-block input:focus + p{top:-12px;opacity:.5;};
.login_content .layui-input-focus>p{top:-12px;opacity:.5;}
.login_content .layui-input{border:0;border-radius:0;background:transparent;z-index:2;position:relative;padding:0;}
.login_content .layui-input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
}
.login_content .layui-input:-moz-autofill {
    transition: background-color 5000s ease-in-out 0s;
}
.login_content .layui-input:autofill {
    transition: background-color 5000s ease-in-out 0s;
}
.login_content .layui-input-block>button{width:100%;border-radius:10px;}

/*注册*/
#registerPage{left:100%;}

/*注册登录切换动效*/
.loginPage_animation{left:-200% !important;}
.registerPage_animation{left:0 !important;}

/*================== 用户界面首页 ===================*/
.user-index {margin:0;}
.user-index-content{padding:155px 20px 0 20px;}
.user-index-content .user_name_info{height:110px;}
.user_name_info>h1{position:relative;}
.user_name_info>h1>span{position:absolute;right:0;top:2px;cursor: pointer;}


/*学生*/
.student_index_centent{background:#fafcfd url(../images_user/user_login/user_login_04.png) no-repeat;background-size:100%;}
.student_index_centent p{padding:8% 0 13% 0;font-size:24px;font-weight:bold;text-align:center;}
.student_index_centent>ul{}
.student_index_centent>ul>li{position:relative;display:inline-block;width:150px;height:180px;overflow:hidden;box-shadow: 0 5px 10px 0px rgba(0,0,0,.1);margin:0 40px;cursor: pointer;transform:translateY(0);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}
.student_index_centent>ul>li:hover{box-shadow: 0 5px 10px 0px rgba(0,0,0,.2);transform:translateY(-10px);}
.student_index_centent>ul>li>img{width:auto;margin:15px;}
.student_index_centent>ul>li>a{position:absolute;width:100%;top:0;bottom:0;margin:auto;left:0;}

/*积分筛选*/
.teacher_center_content .layui-tab-item>.this_css{color:#009688;}


/*新增学分弹窗*/
.credcit_pop{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1100;background-color:rgba(0,0,0,0.5)}
.credcit_info{width:80%;height:75%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1100;box-sizing:border-box;border-radius:10px;overflow:auto;}
.credcit_pop .layui-tab{margin:0;}
.credcit_pop .layui-tab-title{border:none;height:auto;}
.credcit_pop .layui-tab-content{padding:0;}
.credcit_pop .layui-tab-title>li{padding:0 5px;line-height:initial;}
.credcit_pop .layui-tab-title>.layui-this:after{border:none;}

/*================== 学生报名表  ===================*/
.student_signup_input{overflow:auto;}
.student_signup_input>h1{background:url(../images_user/signup_title_bg.png) bottom repeat-x;}
.student_signup_input .layui-input-inline{width:280px;}
.student_signup_input .layui-form-radio>i{color:#3aaff3;}
.student_signup_input .radio_btn .layui-form-radio{margin:0;padding:0;}
.student_signup_input .radio_btn .layui-form-radio>i{display:none;}
.student_signup_input .radio_btn .layui-form-radio>div{display:block;width:90px;height:36px;line-height:36px;border:1px solid #ccc;border-radius:5px;text-align: center;}
.student_signup_input .radio_btn .layui-form-radioed>div{background:#3aaff3;border:0;color:#fff;}
.student_signup_input .radio_gender .girl + .layui-form-radioed>div{background:#f19ec2;}
.student_signup_input #birthday + i{top:0;right:10px; line-height:38px;}
.student_signup_input .parent_info{padding:0 2% 2% 2%;}
.student_signup_input .parent_info input[type=text]{padding:2%;border:0;border-bottom:1px solid #ccc;background:transparent}
.student_signup_input .parent_info .w28{width:28%;}
.student_signup_input .parent_info .w68{width:68%;}
.student_signup_input .enclosure #signUpload:hover{color:#f6ab00;}
/*报名信息弹窗*/
.signup_popup{margin:0;}
.signup_popup .layui-form-label{padding:5px 0; color:#808080;}
.signup_popup .layui-input-inline{padding:5px 0 5px 10px;line-height:20px;}

/*================== 学生报名详情页  ===================*/
.student_signup_info input{border:0;cursor:default;}
.student_signup_info textarea{border:0;cursor:default;}


/*================== 学生报名表-报名列表  ===================*/
.student_signup_list{overflow:auto;}
.student_signup_list .approval_state{padding:1.5%;position:relative;}
.student_signup_list .approval_state:before{content:"";position:absolute;width:470px;height:470px;border-radius:100%;display:block;opacity:0.5;background-color:rgba(0,0,0,.06);top:50%;right:10%;}
.student_signup_list .approval_state:after{content:"";position:absolute;width:600px;height:600px;border-radius:100%;display:block;opacity:0.5;background-color:rgba(0,0,0,.06);bottom:-10%;left:-20%;}
.student_signup_list .approval_state>.float_left{z-index:1;width:20%;position:absolute;top:10px;bottom:10px;margin:auto;}
.student_signup_list .approval_state>.float_right{z-index:1;width:75%;padding:3% 0;}
.student_signup_list .approval_state>b{z-index:1;position:absolute;right:30px;top:20px;text-align:right;font-size:18px;}
.student_signup_list .approval_state>i{z-index:1;position:absolute;right:30px;bottom:20px;cursor: pointer;color:#3aaff3;}
.student_signup_list .approval_state>i>a{color:#3aaff3;}
.student_signup_list .approval_state>i>a:hover{color:#f6ab00;}

.student_signup_list .approval_state>.float_left>h1{}
.student_signup_list .approval_state>.float_left>h3{padding:2px 5px;border:1px solid #3aaff3;display:inline-block;}
.student_signup_list .approval_state>.float_left>h4{color:#808080;margin-bottom:2px;}
.student_signup_list .approval_state>.float_right>p{color:#808080;}
/*审核状态颜色*/
.student_signup_list .approval_state_shz{background:#fef6e5;}
.student_signup_list .approval_state_shz>b{color:rgba(246,171,0,1);}
.student_signup_list .approval_state_shz:before{background:rgba(246,171,0,0.1);}
.student_signup_list .approval_state_shz:after{background:rgba(246,171,0,0.05);}

.student_signup_list .approval_state_wtg{background:#fee5e5;}
.student_signup_list .approval_state_wtg>b{color:rgba(234,65,65,1);}
.student_signup_list .approval_state_wtg:before{background:rgba(234,65,65,0.1);}
.student_signup_list .approval_state_wtg:after{background:rgba(234,65,65,0.05);}

.student_signup_list .approval_state_ytg{background:#dbffe2;}
.student_signup_list .approval_state_ytg>b{color:rgba(62,229,93,1);}
.student_signup_list .approval_state_ytg:before{background:rgba(62,229,93,0.1);}
.student_signup_list .approval_state_ytg:after{background:rgba(62,229,93,0.05);}

.student_signup_list .approval_state_ch{display:none;}

/*================== 学生个人通知列表页  ===================*/
.school_notice_list{ overflow:auto;}
.school_notice_list>ul>li{overflow:hidden;}
.school_notice_list>ul>li a:hover{color:#f6ab00;}

/*================== 学生个人通知详情页  ===================*/
.school_notice_info>h1{font-size:18px;font-weight:bold;margin-bottom:10px;}
.school_notice_info>i{font-size:12px;color:#808080;margin-bottom:20px;}
.school_notice_info>img{border-radius:10px;}
.school_notice_info>p{text-align: left;}

/*================== 老师内部通知页  ===================*/
.received_notice .top_tool button{display:inline-block;}