body {
    height: 100%;
    font-size: 16px;
    font-family: "Ping Fang SC","Noto Sans CJK","Microsoft Yahei", Helvetica, Arial, sans-serif;
}
output, .form-control{
    font-size: 16px;
}
.margin-top-20 {
    margin-top: 20px;
}

.text-muted, .text-gray {
    color: #171A1D !important;
}

.text-primary {
    color: #0089ff !important;
}

.text-warning {
    color: #f4b400 !important;
}

.text-danger {
    color: #FF5219 !important;
}

.text-success {
    color: #00B042; !important;
}
.form-control{
    height: 44px;
    padding: 10px 15px;
    border-color: rgba(126,134,142,.16);
}
.input-group .btn-default{
    border-color: rgba(126,134,142,.16);
    color: rgba(23,26,29,.24);
    padding:10px 15px;
}
.btn-primary {
    background: #0089ff;
    border-color: #0089ff;
}

.bg-primary {
    background-color: #0089ff;
}
.btn{
    font-size: 16px;
    height: 44px;
    padding: 10px 20px;
}
.btn-danger{
    background-color: #FF5219;
    border-color: #FF5219;
}
.more_error {
    margin-top: 20px;
}
.label{
    font-weight:normal;
    margin-right: 10px;
    font-size: 100%;
}
.label-default{
    background-color: #fff;
    color: #171A1D;
    border-color: #171A1D;
}
.btn-success{
    background-color: #00B042;
    border-color:#00B042;
}
.moreLoading {
    text-align: center;
    padding: 10px;
}
.swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
}
/*dialog*/
@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

.ngdialog {
    box-sizing: border-box;
}

.ngdialog *, .ngdialog *:before, .ngdialog *:after {
    box-sizing: inherit;
}

.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay, .ngdialog.ngdialog-disabled-animation .ngdialog-content {
    -webkit-animation: none !important;
    animation: none !important;
}

.ngdialog-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.ngdialog-no-overlay {
    pointer-events: none;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
    background: white;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
    pointer-events: all;
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
    font-family: 'Helvetica', Arial, sans-serif;
    content: '\00D7';
    cursor: pointer;
}

html.ngdialog-open, body.ngdialog-open {
    overflow: hidden;
}

@-webkit-keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

}

@keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

}

@-webkit-keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

}

@keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

}

.ngdialog {
    padding-bottom: 160px;
    padding-top: 160px;
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout .5s;
    animation: ngdialog-flyout .5s;
}

.ngdialog .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    background: #fff;
    border-radius: 3px;
    color: #444;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 450px;
    padding-top: 10px;
    position: relative;
    width: 80%;
}

.ngdialog .ngdialog-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 2px;
    display: inline-block;
}

.ngdialog .ngdialog-close:before {
    background: transparent;
    color: #666;
    font-family: 'Helvetica', Arial, sans-serif;
    content: '\00D7';
    font-size: 25px;
    display: inline-block;
}

.ngdialog .ngdialog-message {
    margin-bottom: .5em;
    font-size: 14px;
    text-align: center;
}

.ngdialog .ngdialog-input {
    margin-bottom: 1em;
}

.ngdialog .ngdialog-input textarea, .ngdialog .ngdialog-input input[type="text"], .ngdialog .ngdialog-input input[type="password"], .ngdialog .ngdialog-input input[type="email"], .ngdialog .ngdialog-input input[type="url"] {
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 .25em;
    min-height: 2.5em;
    padding: .25em .67em;
    width: 100%;
}

.ngdialog .ngdialog-input textarea:focus, .ngdialog .ngdialog-input input[type="text"]:focus, .ngdialog .ngdialog-input input[type="password"]:focus, .ngdialog .ngdialog-input input[type="email"]:focus, .ngdialog .ngdialog-input input[type="url"]:focus {
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: none;
}

.ngdialog .ngdialog-buttons {
    *zoom: 1;
}

.ngdialog .ngdialog-buttons:after {
    content: '';
    display: table;
    clear: both;
}
.ngdialog-buttons{
    display: flex;
}
.ngdialog-buttons .btn{
    display: block;
    flex: 1;
    border-radius: 0;
}
.ngdialog .ngdialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 0 .5em;
    padding: .75em 2em;
    text-transform: uppercase;
}

.ngdialog .ngdialog-button:focus {
    -webkit-animation: ngdialog-pulse 1.1s infinite;
    animation: ngdialog-pulse 1.1s infinite;
    outline: none;
}

@media (max-width:568px) {
    .ngdialog .ngdialog-button:focus {
        -webkit-animation: none;
        animation: none;
    }

}

.ngdialog .ngdialog-button.ngdialog-button-primary {
    background: #3288e6;
    color: #fff;
}

.ngdialog .ngdialog-button.ngdialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

.ngdialog .ngdialog-header {
    border-radius: 5px;
    border-bottom: 0;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 0;
}

.ngdialog .ngdialog-info {
    padding:10px 10px 20px;
    color: rgba(23,26,29,.6);
}

.app-content-loading {
    font-size: 40px;
    text-align: center;
    height: 100%;
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 9999;
}

.loading-spinner {
    position: absolute;
    font-size: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.body {
    padding: 0 10px
}

.radio, .checkbox {
    margin-top: 0;
    padding: 10px 10px 10px 40px !important;
    position: relative;
    font-weight: normal;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    position: absolute;
    left: 8px;
    top: 45%;
    width: 25px;
    height: 25px;
    margin-top: -10px;
    margin-left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    background: transparent;
    outline: 0;
}

.radio input[type="radio"]:before, .checkbox input[type="checkbox"]:before {
    font-family: 'FontAwesome';
    font-size: 25px;
    color: #0089ff;
}

.radio input[type="radio"]:before {
    content: "\f1db";
}

.radio input[type="radio"]:checked:before {
    content: "\f058";
}

.checkbox input[type="checkbox"]:before {
    content: "\f096";
}

.checkbox input[type="checkbox"]:checked:before {
    content: "\f14a";
}

/*404*/
.heading {
    text-align: center;
    font-size: 9em;
    line-height: 1.3em;
    margin: 2rem 0 0.5rem 0;
    padding: 0;
    text-shadow: 0 0 1rem #fefefe;
    font-family: Arial;
    color: #b4b4b4;
}

.reload-button {
    width: 100px;
    text-align: center;
    background: #FFFFFF;
    padding: 8px 16px;
    cursor: pointer;
    border: 2px solid #ADD7F9;
    border-radius: 5px;
    color: #ADD7F9;
    font-weight: 600;
    transition: transform 0.1s;
    user-select: none;
    margin-top: 60px;
}

.reload-button:hover {
    transform: translate(0, -2px);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
}

.reload-button a {
    color: #ADD7F9;
    text-decoration: none;
}

.animation-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.wrapper {
    position: relative;
    width: 200px;
    height: 200px;
}

.rocket {
    transform: translate(-50px, 30px);
}

.stars {
    transform: translate(50px, -30px);
}

.rocket.animated, .stars.animated {
    animation: transform-zero-animation 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1;
}

@keyframes transform-zero-animation {
    100% {
        transform: translate(0, 0) translateZ(0);
    }

}

/* ----------------------------------------------------------------
    通用
-----------------------------------------------------------------*/
a, a:hover, a:visited, a:focus {
    text-decoration: none;
}

a {
    color: #333;
}

a:focus {
    color: #0189ff;
}

p {
    margin: 0px;
}

.bg_fff {
    background: #fff;
}

/*白底色*/
.bg_f5f5f5 {
    background: #f5f5f5;
}

/*灰底*/
.text_fff {
    color: #fff;
}

.text_1571bc {
    color: #1571bc;
}

.font-size16 {
    font-size: 16px;
}

.font-size14 {
    font-size: 14px;
}

.font-size12 {
    font-size: 12px;
}

.font-size20 {
    font-size: 20px;
}

.font-size24 {
    font-size: 24px;
}

.no_mt {
    margin: 0px;
}

.mt12 {
    margin-top: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt1 {
    margin-top: 1px;
}

.no_pg {
    padding-left: 0px;
    padding-right: 0px;
}

.no_pg_left {
    padding-left: 0px;
}

.no_pg_right {
    padding-right: 0px;
}

.pt12 {
    padding-top: 12px;
}

.pb12 {
    padding-bottom: 12px;
}

.index_bm {
    padding-bottom: 68px;
}

/* ----------------------------------------------------------------
    首页
-----------------------------------------------------------------*/
.activity_list {
    display: block;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin-top: 15px;
}

.activity_list_di {
    padding: 10px 15px;
    border-top: 1px solid #f5f5f5;
}

.p_bar {
    padding: 0;
    overflow-x: hidden;
}

.p_bar .progress {
    margin-bottom: 0
}

.p_bar .progress-bar {
    max-width: 100%;
}

.activity_list_top {
    padding: 15px;
}

.activity_list_top p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.activity_list .media-right img {
    width: 80px;
    border-radius: 5px;
}

.activity_list .media-body h4 {
    margin: 10px 0px 12px 0px;
}

.activity_list .media-body h4 span {
    font-size: 20px;
}

.activity_list .media-body p {
    color: #666;
}

.team_total {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.team_total .team_item h4 {
    font-size: 25px;
}

.team_total .team_item {
    position: relative;
}

.team_total .team_item:after {
    content: " ";
    width: 2px;
    background-color: #fff;
    right: -1px;
    top: 20%;
    height: 60%;
    position: absolute;
}

.team_total .team_item:last-child:after {
    display: none;
}

/* ----------------------------------------------------------------
    考勤
-----------------------------------------------------------------*/
.attendance_rq span {
    padding: 4px 15px 4px 15px;
    display: inline-block;
    background: #38abff;
    color: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.attendance {
    padding: 15px 0px;
}

.attendance li {
    position: relative;
    padding: 10px 0px;
}

.attendance .media {
    display: block;
}

.attendance .media .media-left img {
    width: 58px;
    height: 58px;
}

.attendance .media .media-body p {
    height: 58px;
    line-height: 58px;
}

.attendance .btn-group {
    position: absolute;
    right: 0px;
    top: 28px;
}

.attendance .chuqin {
    margin-top: 15px;
}

.attendance .chuqin span {
    margin-right: 8px;
    font-size: 12px;
    color: #999;
}

.chuqing_bt {
    padding: 18px 12px 18px 12px;
}

.chuqing_bt .yuan0 {
    background: #38abff;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 6px;
    margin-bottom: 2px;
}

.chuqing_bt .yuan1 {
    background: #f0ab05;
}

.chuqing_bt .yuan2 {
    background: #a7a7a7;
}

.chuqing_bt .yuan3 {
    background: #ff3e3e;
}

.attendance .btn-group .dropdown-menu {
    left: auto;
    right: 0px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    margin-top: 6px;
    padding: 12px 0px;
}

.attendance .btn-group .dropdown-menu li {
    padding: 0px;
}

.attendance .btn-group .dropdown-menu li a {
    display: block;
    text-align: center;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0px;
}

.attendance .btn-group .dropdown-menu>.active>a, .attendance .btn-group  .dropdown-menu>.active>a:focus, .attendance .btn-group 
.dropdown-menu>.active>a:hover {
    background: none;
    color: #38abff;
}

.modal {
    background: rgba(0, 0, 0, 0.6);
}

.modal-dialog {
    margin-top: 24px;
}

.modal-content {
    border: none;
    box-shadow: none;
}

.tc_bt {
    margin: 0px;
    font-size: 20px;
    margin: 20px 0px 30px 0px;
}

.tc_nr {
    border: none;
    background: #f5f5f5;
    box-shadow: none;
    border-radius: 5px;
    padding: 24px;
}

.tc_anniu {
    background: #0189ff;
    border: none;
    border-radius: 50px;
    margin: 38px 0px 20px 0px;
}

.close {
    position: absolute;
    top: 14px;
    right: 14px;
}

.xctp {
    color: #38abff;
    border-left: 3px solid #38abff;
    padding-left: 12px;
    margin: 24px 0px 18px 0px;
}

.xctp_lb li {
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
}

.xctp_lb li img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
}

.xctp_lb li a {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #f5f5f5;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    font-size: 38px;
}

.attendance_dibu {
    border-top: 1px solid #f5f5f5;
    padding: 12px 0px;
    background: #fff;
}

.attendance_dibu a {
    width: 40%;
    margin: 0px 5% 0px 5%;
    padding: 10px 0px;
    border-radius: 50px;
}

.attendance_dibu .btn-default, .attendance_dibu .btn-default:focus, .attendance_dibu .btn-default:hover {
    border-color: #38abff;
    color: #38abff;
    background: #fff;
}

.attendance_dibu .btn-primary, .attendance_dibu .btn-primary:focus, .attendance_dibu .btn-primary:hover {
    border: none;
    color: #fff;
    background: #38abff;
    box-shadow: 0px 0px 15px rgba(0, 153, 255, 0.35)
}

/* ----------------------------------------------------------------
    社团报名表单
-----------------------------------------------------------------*/
.sign_up_top p {
    margin-bottom: 50px;
    color: #666;
    padding: 0px 24px;
}

.sign_up_bd .form-control {
    background: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none;
    border-radius: 50px;
    height: 48px;
    padding: 12px 20px;
}

.sign_up_bd .input-group-addon {
    border-color: #f5f5f5;
    background: #f5f5f5;
    padding-right: 20px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.queding_anniu {
    border-radius: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ----------------------------------------------------------------
    用户中心
-----------------------------------------------------------------*/
.user_top {
    padding: 12px 0px 48px 0px;
}

.mt_liebiao li {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.mt_liebiao li a {
    display: block;
    padding: 15px 15px 15px 0px;
    font-size: 16px;
}

.mt_liebiao .mt_liebiao_bottom {
    border: none;
}

.mt_liebiao li img {
    width: 22px;
    margin-right: 15px;
    margin-top: -4px;
}

.mt_liebiao li i {
    line-height: 18px;
    margin-top: 2px;
}

.mt_liebiao .media {
    padding: 15px 0px;
}

.mt_liebiao .media img {
    width: 70px;
    border-radius: 5px;
}

.mt_liebiao .media-left {
    padding-right: 15px;
}

.mt_liebiao .media p {
    color: #999;
}

/* ----------------------------------------------------------------
    我的社团
-----------------------------------------------------------------*/
.ma_an {
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    display: block;
    border-radius: 10px;
    padding: 15px 15px 24px 15px;
}

.ma_an .media-left {
    padding-right: 15px;
}

.ma_an .media-body h4 {
    margin: 24px 0px 14px 0px;
    margin-bottom: 14px;
}

/* ----------------------------------------------------------------
    社团活动详情
-----------------------------------------------------------------*/
.my_activity_top {
    border-bottom: 12px solid #f5f5f5;
}

.my_activity_top h4 {
    margin: 24px 0px 12px 0px;
}

.my_activity_top h4 span {
    font-size: 20px;
}

.my_activity_top p {
    color: #666;
    margin-bottom: 12px;
}

.my_activity_top img {
    border-radius: 5px;
}

.my_activity_top .text-muted {
    margin: 24px 0px;
}

.my_activity_bottom h4 {
    margin: 24px 0px;
}

.my_activity_bc, .my_activity_bc:focus, .my_activity_bc:hover {
    margin-top: 18px;
    border-color: #38abff;
    background: #38abff;
    border-radius: 50px;
    padding: 10px 60px;
    box-shadow: 0px 0px 15px rgba(0, 153, 255, 0.35);
}

.tc_nr2 {
    padding: 18px;
}

/* ----------------------------------------------------------------
    底部
-----------------------------------------------------------------*/
.di_bottom {
    padding-bottom: 75px;
}

.index_bottom_menu {
    background: #fff;
    height: 60px;
    box-shadow: 0px 0px 15px #ededed;
    margin: 0;
    padding: 0;
}

.index_bottom_menu li {
    float: left;
    list-style: none;
    width: 50%
}

.index_bottom_menu li a {
    display: block;
    text-align: center;
    color: #ccc;
    padding: 6px 8px;
}

.index_bottom_menu li a img {
    padding-bottom: 3px;
}

.index_bottom_menu li .fa {
    font-size: 25px;
}

.index_bottom_menu li.active a {
    color: #38abff;
    text-decoration: none;
}

.activity_list_top {
    position: relative;
}

.activity_list_top .media-body {
    padding-right: 93px;
}

.activity_list_top .media-body p {
    height: 2.8em;
}

.activity_list_top .media-right {
    position: absolute;
    width: 93px;
    top: 15px;
    right: 15px;
}

.menu_select .ngdialog-content {
    padding: 0;
    border-radius: 0;
}

.menu_select .ngdialog-close {
    display: none;
}

.menu_select a {
    display: block;
    padding: 8px 0;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    color: #333;
}

.menu_select a.active {
    color: #007aff
}

.chuqing {
    margin-top: 20px;
}

.chuqing span {
    margin-right: 15px;
    font-weight: 800
}

.select {
    position: relative;
}

.select:after {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    content: "\f107";
    right: 15px;
    top: 50%;
    margin-top: -7px;
}

.diy_select {
    position: relative;
    line-height: 4.5rem;
    color: #666;
}

.diy_select:after {
    font: 14px/1 FontAwesome;
    position: absolute;
    content: "\f0dd";
    right: 8px;
    top: 50%;
    color: #d2d2d2;
    margin-top: -10px;
}

.diy_select select {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.diy_select span {
    display: block;
    padding-left: 5px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.diy_select .fa-sort-desc {
    color: #d2d2d2;
    margin-top: -8px;
    position: absolute;
    right: 8px;
    top: 50%;
    vertical-align: middle;
}

.diy_select a {
    color: #666;
}

/*menu*/
.menu_img {
    float: left;
    display: block;
    width: 25%;
    text-align: center;
    margin-bottom: 20px;
}

.menu_img span.img {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    margin-bottom: 5px;
}

.menu_img img {
    width: 50px;
    height: 50px;
}

/*select*/
.data_select {
    padding: 0 15px;
    line-height: 43px;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(126,134,142,.16);
    position: relative;
}

.data_select:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 15px;
    color: rgba(23,26,29,.24);
}

.select_dialog .ngdialog-content {
    padding: 0;
    border-radius: 0;
}

.select_list .data_list span {
    display: block;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}

.select_list .data_list {
    max-height: 300px;
    overflow-y: scroll;
}

.select_list .data_list span.active {
    background-color: #0089ff;
    color: #fff;
}
.select_list .confirm,
.select_list .cancle{
    display: block;
    float: left;
    width: 50%;
    padding: 10px 0;
    text-align: center;
    position: relative;
}
.select_list .confirm{
    background-color: #0089ff;
    color: #fff;
}
.select_list .confirm:after{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #f2f2f2
}
.select_list:after{
    content: " ";
    display: block;
    clear: both;
}
.menu_title {
    margin-top: 20px;
    font-size: 16px;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

.img_upload .img_box {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    margin-bottom: 8px;
}

.img_upload .img_box img {
    max-height: 100%;
    max-width: 100%;
}

.img_upload .img_box .progress {
    position: absolute;
    height: 10px;
    z-index: 1;
    width: 100%;
    bottom: 20px;
    margin-bottom: 0;
    border-radius: 0;
}

.img_upload .img_box .fa-close {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 16px;
    font-weight: 400;
}
.js-btn-pick{
    position: relative;
    width: 50px;
    height: 50px;
    background-image: url('../img/image.png');
    background-size: 100% 100%;
    display: inline-block;
}
.js-btn-pick .webuploader-pick{
    opacity: 0;
    width: 50px;
    height: 50px;
}
.js-btn-pick .webuploader-element-invisible{
    opacity: 0;
}
.month_select{
    width: 100%;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.takes_dialog .ngdialog-content{
    padding:30px 20px 20px;
}
.takes_dialog .ngdialog-content .btn{
    min-width: 100px;
    margin-top: 30px;
    margin-right: 10px;
}
.takes_dialog .ngdialog-content .confirm_btn{
    text-align: center;
}
.list_data{
    padding: 20px 20px 20px 40px;
    position: relative;
}
.list_data:before{
    position: absolute;
    content: " ";
    width: 4px;
    background-color: rgba(23,26,29,0.24);
    height: 100%;
    top: 0;
    left: 16px;
}
.list_data .list_circle{
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    top: 50%;
    margin-top: -10px;
    left: 10px;
    border: 3px solid rgba(23,26,29,0.24);
    background-color: #fff;
}
.list_data .list_circle:after{
    background-color: rgba(23,26,29,0.24);
    border-radius: 100%;
    width: 6px;
    position: absolute;
    height: 6px;
    content: " ";
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.list_data.active{
    background-color: #F6F6F6;
}
.list_data.active:before,
.list_data.active .list_circle:after{
    background-color: #0089ff;
}
.list_data.active .list_circle{
    border-color: #0089ff;
}
.student_name{
    margin-bottom: 5px;
}
.guardian_name,
.guardian_status{
    position: absolute;
    right: 15px;
    top: 50%;
    color: #0089ff;
    font-weight: bold;
    transform: translateY(-50%);
}
.guardian_name{
    text-align: right;
}
.menu_list{
    margin: 0;
    padding: 0;
    background: #f2f2f6;
    /*border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;*/
}
.menu_list:after{
    content: " ";
    display: block;
    clear: both;
}
.menu_list li{
    list-style: none;
}
.menu_list li{
    float: left;
    width:50%;
    position: relative;
}
/*.menu_list li:after{
    content: " ";
    position: absolute;
    right: -0.5px;
    top: 25%;
    width: 1px;
    background: #d2d2d2;
    height: 50%;
    border: 0
}
.menu_list li:last-child:after{
    display: none;
}*/
.menu_list li a{
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: rgba(23,26,29,.6);
}
.menu_list li.active a{
    color:#0089ff;
    font-weight: bold;
}
.nomore{
    text-align: center;
    margin-top: 30px;
    color: rgba(23,26,29,0.4);
    font-size: 14px;
}
.top_btn_list{
    text-align: right;
    padding: 10px 15px;
    border-bottom:1px solid rgba(126,134,142,.16);
}
.top_btn_list a{
    color: #0089ff;
}
.student_search .input-group-btn .btn{
    border-radius: 0;
    border-top: 0;
    border-right: 0;
}