@charset "utf-8";

a {
    color: #333;
}
body a:hover {
    color: #3D9A3D;
    text-decoration: none;
}

/*分页当前页背景色*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #5CB85C !important;
}

/* rq 自适应容器  */
.rq-fluid-container {
    width: 100%;
    box-sizing: border-box !important;
}
.rq-fluid-container-padding {
    padding: 10px;
}

.rq-fluid-container-shadow {
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.rq-container, .rq-container-shadow  {
    box-sizing: border-box !important;
    border-radius: 12px;
}

.rq-container-shadow {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.rq-text-center {text-align: center !important;}
.rq-text-left {text-align: left !important;}
.rq-text-right {text-align: right !important;}

.rq-img-fluid{max-width:100%;height:auto}

/*字体粗幼*/
.rq-fw-lighter  {font-weight: lighter;}
.rq-fw-bolder {font-weight: bolder;}
.rq-fw-bold  {font-weight: bold;}
.rq-fw-normal  {font-weight: normal;}

/* 屏幕自适应字体大小 */
.rq-fs-9 { font-size: 9px !important; }
.rq-fs-10 { font-size: 10px !important; }
.rq-fs-11 { font-size: 11px !important; }
.rq-fs-12 { font-size: 12px !important; }
.rq-fs-13 { font-size: 13px !important; }
.rq-fs-14 { font-size: 14px !important; }
.rq-fs-15 { font-size: 15px !important; }
.rq-fs-16 { font-size: 16px !important; }
.rq-fs-17 { font-size: 17px !important; }
.rq-fs-18 { font-size: 18px !important; }
.rq-fs-19 { font-size: 19px !important; }
.rq-fs-20 { font-size: 20px !important; }
.rq-fs-21 { font-size: 21px !important; }
.rq-fs-22 { font-size: 22px !important; }
.rq-fs-23 { font-size: 23px !important; }
.rq-fs-24 { font-size: 24px !important; }
.rq-fs-28 { font-size: 28px !important; }

/* 背景色 */
.rq-bg-white {
    background-color: #fff !important;
}

/* 边距 */
.rq-p-0 { padding: 0px !important;}
.rq-p-5 { padding: 5px !important;}
.rq-p-10 { padding: 10px !important;}
.rq-p-20 { padding: 20px !important;}
.rq-pt-10 { padding-top: 10px !important; }
.rq-mt-10 { margin-top: 10px !important;}
.rq-mt-20 { margin-top: 20px !important;}
.rq-mt-30 { margin-top: 30px !important;}
.rq-ml-10 { margin-left: 10px !important;}
.rq-ml-15 { margin-left: 15px !important;}
.rq-ml-20 { margin-left: 20px !important;}
.rq-mb-5 {margin-bottom: 5px !important;}
.rq-mb-10 {margin-bottom: 10px !important;}
.rq-mb-15 {margin-bottom: 15px !important;}
.rq-mt-20 {margin-top: 20px !important;}
.rq-mb-20 {margin-bottom: 20px !important;}
.rq-mb-0 { margin-bottom: 0 !important;}

/* 尺寸 */
.rq-w-100 { width: 100% !important; }
.rq-w-auto { width: auto !important; }

.rq-date-icon {
    cursor: pointer;
    width: 38px;
    height: 20px;
    border-left: 1px solid #D8D8D8;
    padding-left: 10px;
    background-image: url("/Public/User/Images/analytics_module/date.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center center;
}

.rq-table {
    width: 100%;
}

.rq-table.rq-text-center th,
.rq-table.rq-text-center td
{ text-align: center;
}

.rq-table tbody td
{
    padding: 10px 10px;
    color: #545454;
}
.rq-table.rq-table-striped tbody tr:nth-child(even) td {
    background-color: #FBFBFB;
}

.rq-table tbody tr:hover td {
    background-color: #F5F5F5 !important;
}


.rq-table thead th {
    padding: 10px 10px;
    background-color: #F2F2F2;
    color: #545454;
    font-weight: normal;
}

.rq-non-vip-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.rq-non-vip-title {
    color: #fff;
    background-color: #5CB85C;
    border:none;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 10px;

}
.rq-non-vip-title:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
}
.rq-non-vip-message {
   color: #666;
}


.text-footer-container {
    display: flex;
    padding: 5px 0;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/* 手机 */
@media screen and (max-width: 576px) {
    /* 字体缩小一号 */
    .rq-fs-9 { font-size: 8px !important; }
    .rq-fs-10 { font-size: 9px !important; }
    .rq-fs-11 { font-size: 10px !important; }
    .rq-fs-12 { font-size: 11px !important; }
    .rq-fs-13 { font-size: 12px !important; }
    .rq-fs-14 { font-size: 13px !important; }
    .rq-fs-15 { font-size: 14px !important; }
    .rq-fs-16 { font-size: 15px !important; }
    .rq-fs-17 { font-size: 16px !important; }
    .rq-fs-18 { font-size: 17px !important; }
    .rq-fs-19 { font-size: 18px !important; }
    .rq-fs-20 { font-size: 19px !important; }
    .rq-fs-21 { font-size: 20px !important; }
    .rq-fs-22 { font-size: 21px !important; }
    .rq-fs-23 { font-size: 22px !important; }
    .rq-fs-24 { font-size: 23px !important; }
    .rq-fs-28 { font-size: 27px !important; }

    .text-footer-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 1279px) {
    .rq-fluid-container {
        padding-left: 5px;
        padding-right: 5px;
    }
}
/* 标准 1920 */
@media screen and (min-width: 1280px) {
    .rq-fluid-container {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
}

/* 标准 1920 */
@media screen and (min-width: 1921px) {
    .rq-fluid-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
    }
}

/* 超大屏 */
@media screen and (min-width: 2600px) {
    .rq-fluid-container {
        width: 2200px;
        margin: 0 auto;
    }
}

.rq-tab {
    display: flex;
    background-color: #F9F9F9;
    border-radius: 5px;
    padding: 3px 10px;
    height: 36px;
    box-sizing: border-box;
}
.rq-tab-item.active {
    background-color: #fff;
    color: #000;
    font-weight: bold;

}
.rq-tab-item {
    display: block;
    padding: 0 10px;
    color: #9B9B9B;
    border: none;
    background-color: transparent;
    border-radius: 5px;
}


/* 小滚动条 */
.slim-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.slim-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.slim-scrollbar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(228, 228, 228, 1);
    /*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);*/
}

.slim-scrollbar::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(228, 228, 228, 1);
}

/**
/user/calendar/training_diary
/user/coach/msg?student_user_id=?
 */
.feedback {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    border: none;
    background-color: transparent;
    vertical-align: bottom;
}

.feedback-1.on { background-image: url("/Public/User/Images/feedback/1_on.png") !important; }
.feedback-2.on { background-image: url("/Public/User/Images/feedback/2_on.png") !important; }
.feedback-3.on { background-image: url("/Public/User/Images/feedback/3_on.png") !important; }
.feedback-4.on { background-image: url("/Public/User/Images/feedback/4_on.png") !important; }
.feedback-5.on { background-image: url("/Public/User/Images/feedback/5_on.png") !important; }

.feedback-0,.feedback-0.on { background-image: url("/Public/User/Images/feedback/1_off.png"); }
.feedback-1 { background-image: url("/Public/User/Images/feedback/1_off.png"); }
.feedback-2 { background-image: url("/Public/User/Images/feedback/2_off.png"); }
.feedback-3 { background-image: url("/Public/User/Images/feedback/3_off.png"); }
.feedback-4 { background-image: url("/Public/User/Images/feedback/4_off.png"); }
.feedback-5 { background-image: url("/Public/User/Images/feedback/5_off.png"); }

a.layui-btn {
    text-decoration: none !important;
}