body {
    /*min-width:1200px;*/
    margin: 0px;
    padding: 0px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;

}

/*.head_bg {*/
/*width: 100%;*/
/*height: 40px;*/

/*}*/

.head_line {
    height: 43px;
    width: 100%;
    background-color: rgba(178, 194, 217, 0.55);
    text-align: center;
    color: #fff;
    background-image: url('/img/bus/page/head_pic.png');
    background-repeat: no-repeat;
    background-position: right;
}

.brand_frm {
    color: palevioletred;
    color: #000000;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;

    /*background: #fff;*/
    padding: 0px 10px;
    user-select: none;
    box-sizing: border-box;
    letter-spacing: 1px;
    float: left;
}

.nav_li_item {
    list-style: none;
    display: inline-block;
}

/*框架*/
.head_frm {
    /*overflow-x: auto;*/
    box-sizing: border-box;
    width: 100%;
    /*overflow-x: auto;*/
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    height: 50px;
}

/*滚动条*/
.hd_ul_frm::-webkit-scrollbar {
    width: 5px;
    height: 7px;
    box-sizing: border-box;
}

/*定义滚动条轨道 内阴影+圆角*/
.hd_ul_frm::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ecedf0;
    background-color: #ecedf0;
    box-sizing: border-box;
}

/*定义滑块 内阴影+圆角*/
.hd_ul_frm::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px #8fd2dc;
    background-color: rgba(188, 189, 193, 0.39);
    box-sizing: border-box;
}

/*滚动条里面的小方块，能向上向下移动（或向左向右移动）*/
.hd_ul_frm::-webkit-scrollbar-corner {
    background-color: #ecedf0;
    box-sizing: border-box;
}

/*边角，即垂直滚动条和水平滚动条相交的地方*/

.hd_ul_frm {
    width: calc(100% - 0px);
    /*width: 960px;*/
    /*overflow: auto;*/
    text-align: center;
    float: left;
    height: 40px;
    /*height: 50px;*/
}

.nav_li {
    display: inline-block;
    vertical-align: top;

}

.head_nav_item_1 {
    display: block;
    text-decoration: none;
    height: 28px;
    font-size: 13px;
    padding: 0px 13px;
    text-align: center;
    line-height: 28px;
    letter-spacing: 1px;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-drag: none;
    border-radius: 3px;
    background-color: rgba(255, 146, 18, 0.63);
    color: #fff;
}

.bg_green {
    background-color: rgba(26, 210, 83, 0.83);
}

.bg_red {
    background-color: rgba(240, 119, 117, 0.83);
}

.head_nav_sub_item {
    background-color: rgba(255, 255, 255, 0.43);
    color: #405396;
    letter-spacing: 0px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.53);
    padding:0px 10px;
    margin: 0px 1px;
    height: 24px;
    line-height: 24px;
    margin-top: 2px;
}

.head_nav_free_item {
    background-color: rgb(240, 225, 166);
    color: rgba(249, 72, 75, 0.93);
    color: black;
    background-color: rgba(255, 255, 255, 0.73);
    color: #405396;
    letter-spacing: 0px;
    /*font-weight: bold;*/
    font-size: 12px;
    margin-left: 2px;
    border: 1px solid rgba(255, 255, 255, 0.73);
    padding:0px 10px;
}
.free_tab{
    background-color: #f74f53;
    color:#fff;
    padding: 3px 5px;
    margin-left: -9px;
    margin-right: 5px;
    border-radius: 2px;
    font-weight: normal;
}
.home_item {
    background-color: rgba(240, 119, 117, 0);
    color: black;
    font-weight: bold;
    background-image: url('/img/sys/home_pic.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    text-decoration: none;
    margin: 0px 5px;
    margin-top: -3px;
    height: 35px;
    width: 35px;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-drag: none;
    border-radius: 3px;
}

.bg {
    background-color: rgba(240, 119, 117, 0.83);
}

.nav_ul_sub {
    display: block;
    background-color: rgba(255, 255, 255, 0.68);
    border-radius: 15px 15px 15px 15px;
    border-radius: 3px;
    height: 30px;
    box-sizing: border-box;
    margin: 0px;
    margin-left: 5px;
    margin-top: 1px;
    padding: 0px 18px 0px 8px;
    /*padding-inline-start:0px;*/
}

.head_nav_item_3 {
    display: block;
    text-decoration: none;
    color: #c36268;
    color: #405396;
    font-size: 13px;
    padding: 3px 2px;
    margin: 0px 3px;
    letter-spacing: 1px;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-drag: none;
}

.head_nav_item:hover {
    border-bottom: 2px solid #00a800;
}

.head_nav_item_2 {
    display: block;
    text-decoration: none;
    color: #c36268;
    color: #405396;
    font-size: 13px;
    padding: 3px 2px;
    margin: 0px 3px;
    letter-spacing: 1px;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-drag: none;
}

.nav_a_2 {
    background-color: rgba(255, 255, 255, 0.03);
    letter-spacing: 0px;
    padding: 3px 2px 4px 4px;
    box-sizing: border-box;
    font-size: 13px;
    border-bottom: 2px rgba(204, 204, 204, 0) solid;
}

.sub_a {
    background-color: rgba(219, 255, 186, 0.33);
    background-color: rgba(255, 255, 255, 0.03);
    letter-spacing: 0px;
    padding: 6px 2px 4px 2px;
    box-sizing: border-box;
    font-size: 12px;
    border-bottom: 2px rgba(204, 204, 204, 0) solid;
    /*border-radius: 5px;*/
}

.nav_a {
    background-color: rgba(219, 255, 186, 0.33);
    background-color: rgba(255, 255, 255, 0.03);
    letter-spacing: 0px;
    padding: 7px 2px 7px 4px;
    box-sizing: border-box;
    font-size: 13px;
    border-bottom: 2px rgba(204, 204, 204, 0) solid;
    /*border-radius: 5px;*/
}

.head_nav_item_select {
    /*background-color: rgba(255, 255, 255, 0.73);*/
    /*border-radius: 15px;*/
    /*border: 1px solid #ccc;*/
    /*color: #ff6981;*/
    /*text-shadow: 0.1px 0.1px 0.1px;*/
    /*border-bottom: 2px solid #00a800;*/
    position: relative; /* 确保容器是定位的 */
}

.head_nav_item_select::after {
    content: ''; /* 必须有content属性 */
    position: absolute; /* 绝对定位 */
    top: -5px; /* 向下移动 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 微调以完全居中 */
    /*width: 5px; !* 点的大小 *!*/
    /*height: 5px; !* 点的大小 *!*/
    /*background-color: rgba(255, 122, 132, 0.82); !* 点的颜色 *! */
    /*border-radius: 50%; !* 使点成为圆形 *!*/
    border-left: 5px solid transparent; /* 左边框透明 */
    border-right: 5px solid transparent; /* 右边框透明 */
    border-top: 8px solid rgba(255, 122, 132, 0.82); /* 底部边框为三角形颜色 */
}

.nav_span {
    display: block;
    color: #a6afd7;
    box-sizing: border-box;
    margin-top: 3px;

}

.nav_ul {
    margin: 0px;
    padding: 0px 10px;
    margin-top: 7px;
    text-align: left;
    box-sizing: border-box;
}

/*.head_nav_item_select:after {*/
/*content: "";*/
/*display: block;*/
/*height: 1px;*/
/*width: 100%;*/
/*position: relative;*/
/*top: 11px;*/
/*border-bottom: 2px solid green;*/
/*}*/

.head_nav_course_item {
    color: #ff5a58;
}

.user_frm {
    width: 160px;
    height: 35px;
    font-size: 20px;
    /*color: #faf9eb;*/
    box-sizing: border-box;
    /*position: relative;*/
    /*float: right;*/
    text-align: center;
    position: absolute;
    right: 20px;
    top: 10px;
}

.login_bnt {
    margin: 0px 0px;
    /*font-weight: bold;*/
    width: 100%;
    box-sizing: border-box;
    float: right;
}

.login_bnt_hd {

    display: block;
    width: 100px;
    margin: auto;
    /*margin-left: 80px;*/
    letter-spacing: 3px;
    box-sizing: border-box;
    padding-left: 4px;
    height: 35px;
    line-height: 34px;
    text-decoration: none;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    border-radius: 35px;
    background-color: #fff;
    color: #22b55b;
    border: 1px solid #ccc;

}

.login_bnt_hd:hover {
    background-color: rgb(255, 182, 174);
    background-color: rgb(198, 206, 194);
    color: #fff;
    /*font-size: 13px;*/
    box-shadow: 0.1px 0.1px 2px #fff;
}

/*登录框*/
.login_frm {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(122, 122, 122, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

.login_div_info {
    height: 430px;
    width: 600px;
    background: #ffffff;
    position: absolute;
    top: calc(50% - 350px);
    left: calc(50% - 300px);
    z-index: 101;
    border-radius: 10px;
    color: black;
    text-shadow: 0.1px 0.1px 0.1px #5a5a5a;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
}

.login_head_div {
    width: 100%;
    height: 30px;
    border-radius: 10px;
    background-color: #f8f8f8;
}

.login_clost_bnt {
    display: block;
    float: right;
    width: 50px;
    height: 30px;
    cursor: pointer;
    color: #ffffff;
    color: #727272;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    margin: 10px 15px 0px 0px;
    /*border-radius: 0 5px 0 0;*/
    background-color: rgba(211, 211, 211, 0.74);
    background-color: #fff;
    border-radius: 10px;
    letter-spacing: 2px;
    text-shadow: 0.1px 0.1px 0.1px #ffffff;
    box-shadow: 2px 2px 2px 4px rgba(255, 182, 174, 0.17);
    box-sizing: border-box;
    user-select: none;
}

.login_clost_bnt:hover {
    font-size: 13px;
    color: #5a5a5a;
    border: 1px solid rgba(255, 182, 174, 0.47);

}

.login_title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 33px;
    font-weight: bold;
    color: black;
    text-shadow: 0.1px 0.1px 0.1px #5a5a5a;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px;
    letter-spacing: 4px;
    background-color: #f8f8f8;
}

.login_input {
    width: 500px;
    height: 45px;
    border: 1px solid #cbcbcb;
    padding: 8px;
    color: #a59f9a;
    text-shadow: 0.1px 0.1px 0.1px #5a5a5a;
    border-radius: 4px;
    outline: none;
    resize: none;
    font-size: 16px;
    margin-top: 35px;
    margin-left: calc((600px - 500px) / 2);
    box-sizing: border-box;
}

.login_input:focus {
    border: 1px solid #7a96da;
}

.login_input::-webkit-input-placeholder {
    border-color: #7a96da;
    color: #dad4ce !important; /*默认字体颜色*/
    text-shadow: none;
}

.forget_psw_a {
    text-decoration: none;
    color: #727272;
    margin-left: calc((600px - 500px) / 2);

}

.login_bnt_frm {
    width: 100%;
    margin-top: 35px;
    font-size: 16px;
    display: block;
}

.login-button {
    float: right;
    border: 0px solid #00a1d6;
    cursor: pointer;
    text-shadow: 0.1px 0.1px 0.1px #cccccc;
    color: #ffffff;
    margin-right: 35px;
    padding: 8px 100px;
    background-color: #75a6e6;
    border-radius: 4px;
    user-select: none;

}

.login-button:hover {
    background-color: #7baced;
    cursor: pointer;
}

.register-button {
    float: right;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0.1px 0.1px 0.1px #cccccc;
    margin-right: calc((600px - 500px) / 2);
    padding: 8px 100px;
    background-color: #fc9b9a;
    border-radius: 4px;
    user-select: none;

}

.register-button:hover {
    background-color: rgba(252, 155, 154, 0.95);
    cursor: pointer;
}

/*------------------登录后状态栏-----------------------------------*/
/*头像与名字*/
.head_user_frm {
    width: 115px;
    height: 35px;
    font-size: 14px;
    border: 0px solid #3f3f3f;
    z-index: 1000;
    margin: auto;
    box-sizing: border-box;
}

.head_user_info {
    display: block;
    width: 115px;
    height: 35px;
    text-align: left;
    border-radius: 35px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
    padding: 1px 2px 1px 3px;
}

.head_user_info:hover {
    cursor: pointer;
}

.head_img_frm {
    display: inline-block;
    border-radius: 28px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border: solid 1px #e0d1aa;
    vertical-align: middle
}

.head_img {
    width: 28px;
    height: 28px;
}

.user_info_name {
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border: solid 0px #008a00;
    color: #5a5a5a;
    width: 70px;
    overflow: hidden;
    margin-left: 0px;
    margin-top: 0px;
    vertical-align: middle;
    font-size: 13px;
}

/*弹出导航*/
.head_nav_frm {
    /*position: absolute;*/
    width: 85px;
    margin: auto;
    margin-top: 0px;

    /*top: 50px;*/
    /*right: 25px;*/
}

.head_nav {
    display: none;
    height: 70px;
    border-top: 1px solid #eee;
    /*margin-top: 05px;*/
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 2px 8px rgba(215, 215, 215, 0.81);
    color: #5a5a5a;
    border-radius: 0px 0px 3px 3px;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

/*.head_nav::before {*/
/*display: inline-block;*/
/*content: '';*/
/*z-index: 1100;*/
/*position: absolute;*/
/*z-index: 10;*/
/*border: 7px solid transparent;*/
/*border-bottom: 10px solid;*/
/*left: 20%;*/
/*top: -17px;*/
/*border-bottom-color: #ffffff;*/
/*}*/

.head_user_frm:hover .head_nav {
    display: block;
}

/*.head_nav{display:block;background-color: red}*/
.user_nav_item {
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 5px 0;
    letter-spacing: 1px;
}

.user_nav_item:hover {
    background: #e5e5e5;
    /*color: #ffffff;*/
}

.msg_bnt_frm {
    float: left;
    width: 40px;
    height: 50px;
}

.msg_bnt {
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    user-select: none;
}

.msg_bnt:hover {
    color: blue;
    cursor: pointer;
}

.read_point {
    float: left;
    position: relative;
    left: -7px;
    top: 13px;
    width: 12px;
    height: 12px;
    background-color: red;
    border-radius: 12px;
    font-size: 8px;
    color: #fff;
    text-align: center;
    line-height: 12px;
}

.course_bnt_frm {
    float: left;
    width: 80px;
    height: 50px;
}

.user_course_href {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: red;
    font-size: 13px;
    margin-top: 8px;
    border-radius: 5px;
    background-color: green;
    border: 1px solid #0485de;
    background-color: #fff;
    color: #0485de;
    letter-spacing: 1px;
    text-decoration: none;
}

.user_course_href:hover {

}

/*------------------------------附加--------------------------*/
.find_div, .login_div, .login_div_info, .sign_div, .user_nav_item, .add_post_div, .sign_div a, .add_post_div a, .head_title, .brand_div,
.register-button, .login-button，.id_header_info_div, .icon-corret, .icon-queren, .head_nav, .user_nav_item {
    box-sizing: border-box;
}

.brand_img {
    width: 22px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 4px;
}

.brand_href {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    color: black;
    /*letter-spacing: 2px;*/
    box-sizing: border-box;
    user-select: none;
}

.free_tag {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border: 1px solid #fff;
    border-right: 0px solid #fff;
    width: 35px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 3px 0px 0px 3px;
    background-color: rgba(249, 72, 75, 0.95);
}

.nav_item_name {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border: 1px solid #fff;
    width: 60px;
    /*color:#fff;*/
    font-size: 12px;
    text-align: center;
    border-radius: 0px 3px 3px 0px;
    border-left: 0px solid #fff;
    background-color: rgba(255, 255, 255, 0.79);
}

/*.nav_bg_img{*/
/*position: relative;*/
/*}*/