/* 全局登录 */
.wx-login-box {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.51);
}
.wx-login-box .wx-info{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 50vh;
    z-index: 99999;
    background-color:#fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.wx-login-box .wx-info .title {
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #f8f8f8;
    position: relative;
}
.wx-login-box .wx-info .title .close {
    position: absolute;
    right: 10px;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.wx-login-box .wx-info .title .close::before,
.wx-login-box .wx-info .title .close::after {
    position: absolute;
    content: ' ';
    background-color: #b0b0b0;
    width: 2px;
    top: 15px;
    height: 20px;
}

.wx-login-box .wx-info .title .close::before {
    transform: rotate(45deg);
}

.wx-login-box .wx-info .title .close::after {
    transform: rotate(-45deg);
}
.wx-login-box .wx-info .context {
    width: 100%;
}
.wx-login-box .wx-info .context .logo {
    width: 100%;
    height: 80px;
    border-radius: 80px;
    text-align: center;
    padding-top: 20px;
}
.wx-login-box .wx-info .context .logo img {
    width: 80px;
    border-radius: 80px;
}
.wx-login-box .wx-info .context .h1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
}
.wx-login-box .wx-info .context .txt {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #8d8d8d;
}
.wx-login-box .wx-info .context .btn {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding-top: 30px;
}
.wx-login-box .wx-info .context .btn .wxlogin {
    width: 60%;
    text-align: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    background-color: #FFD63D;
    border-radius: 40px;
    color: #fff;
}
/*公共样式*/
.search_upload {
    width: 44px;
    height: 44px;
    font-family: "hui-font";
    line-height: 44px;
    text-align: center;
    flex-shrink: 0;
    margin: 0 10px;
}

    .search_upload a img { width: 24px; height: 24px; margin: 10px; }

.search_print { width: 44px; height: 44px; text-align: center; line-height: 44px; color: #FFF; flex-shrink: 0; margin: 0 10px; }

    .search_print a img { width: 24px; height: 24px; margin: 10px; }

.search_input { width: 80%; background: #F6F6F6; }

.footer_box { height: 50px; width: 100%; position: fixed; bottom: 0; background-color: #fff; box-shadow: 0px 3px 10px 0px #d1d1d1; line-height: 50px; text-align: center; width: 100%; }

.footer_ico { height: 85%; }

.footer_on { color: #FFCE0E; }

.banner_box { margin: 50px 10px 10px 10px; }

.banner_con { border-radius: 10px; overflow: hidden; }

    .banner_con img { vertical-align: top; }

.clear { clear: both; }

.project-title { width: 100%; height: 32px; margin: 6px; line-height: 32px; text-align: center; }

.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }

.hui-fade-in { z-index: 10001 !important; }

.ms-share { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 99999; display: none; }

    .ms-share img { width: 100%; }
/*首页 */
.major_box { margin: 10px; }

    .major_box .major_title { padding: 5px 15px; background-color: #F5F5F5; border-radius: 10px; }

        .major_box .major_title .tl { border-left: 2px solid #ffce0e; padding-left: 10px; color: #333333; font-size: 13px; }

        .major_box .major_title .tr { float: right; }

            .major_box .major_title .tr a { color: #A66F15; font-size: 13px; }

.major_class { margin-top: 10px !important; }

    .major_class img { height: 90%; }

    .major_class .major_class_name { color: #333333; font-size: 13px; line-height: 20px; height: 26px; }

.injoy_box { margin: 20px 10px; background-color: #F3F3F3; height: 90px; padding: 0 30px; border-radius: 50px; }

    .injoy_box .bl { width: 60%; height: 90px; float: left; }

        .injoy_box .bl h1 { font-size: 16px; margin-top: 15px; margin-bottom: 10px; font-weight: 500; }

        .injoy_box .bl .vipbtn { background-color: #ffce0e; color: #B07C1D; font-size: 14px; padding: 2px 20px; border-radius: 20px; }

    .injoy_box .br { width: 40%; float: right; height: 90px; }

        .injoy_box .br img { height: 100%; }

.doc_box { margin-bottom: 54px; }

.doc_title { border-bottom: 1px solid #F6F7F6; }

.doc_tab_txt { border: none !important; color: #373737 !important; height: 40px !important; line-height: 40px !important; font-weight: 500 !important; }

.doc_title .hui-tab-active span { border-bottom: 2px solid #FFD63D; color: #FFD63D; padding-bottom: 6px; font-size: 16px; }

.doc_con { margin: 20px; }

    .doc_con ul li { padding: 8px 0; margin-bottom: 0; border-bottom: 1px solid #F8F9F8; }

        .doc_con ul li:last-child { border: none; }

        .doc_con ul li .doc_con_tl { width: 65%; }

        .doc_con ul li .doc_con_tr { width: 32%; }

        .doc_con ul li .doc_name { height: 32px; font-size: 13px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

        .doc_con ul li .doc_des_box { margin-top: 6px; }

            .doc_con ul li .doc_des_box .doc_hot { height: 16px; width: 16px; vertical-align: bottom; }

            .doc_con ul li .doc_des_box .doc_hot_txt { font-size: 12px; color: #FFD63D; }

            .doc_con ul li .doc_des_box .doc_time_txt { font-size: 12px; color: #DFDFDF; margin-left: 20px; }

        .doc_con ul li .doc_pic { border-radius: 6px; height: 60px; }

    .doc_con .bottom_txt { font-size: 12px; color: #cacaca; }

.doc_more_box { height: 60px; line-height: 60px; text-align: center; background-color: #F5F5F5; }

    .doc_more_box span { background-color: #fff; color: #B5B5B5; font-size: 12px; padding: 4px 20px; border-radius: 20px; }

    .doc_more_box .bottom_line { height: 60px; }

        .doc_more_box .bottom_line .line { margin-top: 30px; }

        .doc_more_box .bottom_line .txt { line-height: 60px; font-size: 12px; color: #E3E3E3; }
/*微课*/
.lectures_item { margin: 20px 0; }

    .lectures_item .item_box { float: left; width: 33.333333% }

        .lectures_item .item_box img { width: 100%; }

    .lectures_item .subject_box { padding: 0 5px 0 10px; }

    .lectures_item .test_box { padding: 0 5px; }

    .lectures_item .subscribe_box { padding: 0 10px 0 5px; }

.lectures_con { margin: 0 10px; }

.lectures_con_box { padding: 0 0 10px 0; background: url(../image/lectures/name_bg.png) no-repeat top left; }

.lectures_item_title { width: 100%; }

.lectures_item_title_name { font-size: 16px; font-weight: 500; color: #323232; }

.lectures_item_title_more { font-size: 12px; color: #B2B2B2; float: right; padding-top: 6px; }

    .lectures_item_title_more a { font-size: 12px; color: #B2B2B2; }

        .lectures_item_title_more a img { width: 16px; vertical-align: bottom; }

.lectures_item_con { width: 100%; margin: 20px 0 0 0; }

    .lectures_item_con li { padding: 5px 0; border-bottom: 1px solid #FAFAFA; }

        .lectures_item_con li:last-child { border-bottom: 0; }

        .lectures_item_con li .img_box { float: left; width: 30%; }

            .lectures_item_con li .img_box a img { height: 100px; }

        .lectures_item_con li .txt_box { float: right; width: 70%; }

            .lectures_item_con li .txt_box .txt_title { width: 100%; font-size: 15px; font-weight: 500; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

                .lectures_item_con li .txt_box .txt_title a { font-size: 15px; font-weight: 500; }

            .lectures_item_con li .txt_box .txt_chapter { font-size: 12px; color: #848484; height: 30px; line-height: 20px; }

            .lectures_item_con li .txt_box .txt_money { font-size: 12px; color: #FF5353; }

            .lectures_item_con li .txt_box .txt_popeson { font-size: 12px; color: #A9A9A9; height: 30px; line-height: 30px; }

.lectures_deal_footer { margin-bottom: 54px; }

.lectures_con_line { width: 100%; height: 3px; background-color: #F8F8F8; margin-bottom: 20px; }

.area_more_box { height: 60px; line-height: 60px; text-align: center; }

    .area_more_box span { background-color: #F5F5F5; color: #B5B5B5; font-size: 12px; padding: 4px 20px; border-radius: 20px; }

    .area_more_box .bottom_line { height: 60px; }

        .area_more_box .bottom_line .line { margin-top: 30px; }

        .area_more_box .bottom_line .txt { line-height: 60px; font-size: 12px; color: #E3E3E3; }

.kaoyan_box { padding: 0 0 50px 0; margin: 0; width: 100%; font-size: 0; }

    .kaoyan_box img { width: 100%; padding: 0; }

.footer_box span { padding: 8px 30px; color: #fff; }

    .footer_box span:last-child { margin-left: 20px; }

    .footer_box span.yellow { background-color: #FFCD0B; }

    .footer_box span.red { background-color: #E33D27; }

    .footer_box span a { color: #fff; }

.course_group_box { width: 100%; }

    .course_group_box .tab { border-bottom: 1px solid #F4F5F4; }

        .course_group_box .tab span { text-align: center; color: #737373; padding: 5px 0 12px 0; }

            .course_group_box .tab span label { color: #737373; font-size: 12px; }

            .course_group_box .tab span.on label { padding: 5px 0 10px 0; color: #FFCD0B; border-bottom: 2px solid #FFCD0B; }

.course_group_con { padding: 10px; }

    .course_group_con .course_group_item { font-size: 12px; border-top: 1px solid #f3f3f3; margin-bottom: 0 !important; }

        .course_group_con .course_group_item:first-child { border-top: 0; }

        .course_group_con .course_group_item .tl { width: 85%; }

            .course_group_con .course_group_item .tl h1 { font-size: 12px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .course_group_con .course_group_item .tl p span { font-size: 12px; color: #B5B5B5; }

                .course_group_con .course_group_item .tl p span:last-child { margin-left: 20px; }

        .course_group_con .course_group_item .tr { width: 15%; font-size: 12px; color: #FF0000; line-height: 70px; line-height: 90px; height: 60px; }

    .course_group_con .bottom_txt { font-size: 12px; color: #cacaca; }

.course_info_video_box { width: 100%; }

.course_info_video_tools { position: absolute; top: 10px; height: 26px; width: 96%; z-index: 9999; padding: 0 2%; }

    .course_info_video_tools .civt-l { float: left; }

        .course_info_video_tools .civt-l img { width: 100%; }

    .course_info_video_tools .civt-r { float: right; }

        .course_info_video_tools .civt-r img { width: 100%; }

.ci-footer { float: left; width: 50%; height: 50px; text-align: center; }

.ci-footerx { float: left; width: 100%; height: 50px; text-align: center; }

.ci-online a { color: #FF4341; }

.ci-buy { background-color: #FF4341; color: #fff; }

    .ci-buy a { color: #fff; }

.course_d_box { width: 90%; margin: 20px auto 0 auto; }

    .course_d_box h1 { height: 40px; line-height: 40px; }

    .course_d_box .pr { width: 100%; }

        .course_d_box .pr .tcg { color: #bcbcbc; font-size: 13px; }

        .course_d_box .pr .tcl5 { margin-left: 5px; }

        .course_d_box .pr .tcl30 { margin-left: 30px; }

    .course_d_box .pr { width: 100%; }

    .course_d_box .pr { width: 100%; }

    .course_d_box .pp { line-height: 60px; }

        .course_d_box .pp .pn { color: #e33d27; font-size: 16px; }

        .course_d_box .pp .po { color: #bcbcbc; font-size: 12px; padding-left: 10px; text-decoration: line-through; }

    .course_d_box .hui-content .conn { font-size: 12px !important; color: #a9a9a9 !important; line-height: 24px !important; text-indent: 0; }

        .course_d_box .hui-content .conn p { font-size: 12px !important; color: #a9a9a9 !important; line-height: 24px !important; text-indent: 0; }

        .course_d_box .hui-content .conn div { font-size: 12px !important; color: #a9a9a9 !important; line-height: 24px !important; text-indent: 0; }

.course_pj_df { text-align: center; font-size: 12px; color: #d2d2d2; line-height: 24px; height: 34px }

.course_at { font-size: 12px !important; height: 20px !important; line-height: 20px !important; }

.course_ap { font-size: 12px !important; }

.course_d_box .hui-media-list ul .ds { border-bottom: 1px solid #f3f3f3; padding: 5px 0 10px 0; }

    .course_d_box .hui-media-list ul .ds:last-child { border-bottom: 0; }

.course_d_box .nowline { color: #ffce0e; padding: 0 0 10px 0; }

.course_at label { float: right; font-size: 0; }

    .course_at label img { width: 14px; }

.course_d_box .hui-accordion { border-bottom: 1px solid #f3f3f3; }

    .course_d_box .hui-accordion .hui-accordion-title { padding: 0; font-size: 14px; height: 48px; position: relative; }

        .course_d_box .hui-accordion .hui-accordion-title .ondd { width: 30px; height: 48px; position: absolute; right: 0; top: 0; }

    .course_d_box .hui-accordion .hui-list { border: 0; padding-bottom: 10px; }

        .course_d_box .hui-accordion .hui-list label { font-size: 12px; color: #d2d2d2; }

            .course_d_box .hui-accordion .hui-list label:last-child { padding-left: 20px; }

.pj_box { width: 100%; background-color: #fff; border-radius: 6px; }

.pj_title { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; }

.pj_con { width: 100%; }

    .pj_con textarea { width: 90%; height: 100px; border: 0; line-height: 25px; margin: 0 5%; }

.pj_btn { height: 40px; line-height: 40px; text-align: center; border-top: 1px solid #e8e8e8; }

.buybox { width: 100%; height: 100%; background: rgba(0,0,0,0.85); position: fixed; z-index: 99001; left: 0; top: 0; display: none; }

.buy-con { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); z-index: 991; background-color: #fff; border-radius: 20px; width: 80%; overflow: visible; padding-bottom: 15%; }

.buy-btn-this { padding: 0 30px; height: 40px; line-height: 40px; color: #fff; background-color: #ffce0e; border-radius: 40px; text-align: center; margin: 20% 15% 10% 15%; }

.buy-btn-all { padding: 0 30px; height: 40px; line-height: 40px; color: #fff; background-color: #969696; border-radius: 40px; text-align: center; margin: 10% 15% 0% 15%; }

.buy-btn-closebox { position: fixed; width: 30px; right: -30px; top: -20px; z-index: 993; }

    .buy-btn-closebox img { width: 100% }

.all-chapter { padding: 10px 0 0 0; text-align: center; font-size: 12px; color: #848484; text-decoration: line-through; }
/*考前必刷*/
.banner_bk { width: 100%; }

    .banner_bk img { width: 95%; margin: 0 auto; display: block; }

.zhuti { margin: 44px 0 50px 0; }

.xiti { border-bottom: 1px solid #E4E3E6; width: 90%; margin: 0 auto; }

    .xiti:last-child { border-bottom: 0; }

    .xiti a div span { font-size: 0.9em; margin-right: 10px; color: #b6b6b6; }

        .xiti a div span img { margin-right: 6px; }

.xiti { padding: 10px 0 6px 0; }
/*考研*/
.biaoti { font-size: 1.2em; font-weight: bold; }

.mianfei { padding: 10px 0 10px 0; width: 90%; margin: 0 auto; }

.zhenti { line-height: 3rem; border-bottom: solid 1px #f2f3f2; }

    .zhenti:last-child { border-bottom: 0; }

    .zhenti img { position: relative; top: 11px; }

    .zhenti a img { position: relative; top: 11px; }

.henggang { width: 100%; height: 4px; background: #f8f8f8; }

.henggang-shou { width: 100%; height: 1px; background: #f2f2f2; margin: 15px auto; }

.ziliao { padding: 15px 0px 15px 0; width: 80%; margin: 0 auto; }

    .ziliao .btn { width: 45%; height: 50px; background: #ffea95; border-radius: 15px; color: #a66f15; text-align: center; line-height: 50px; }

        .ziliao .btn a { color: #a66f15; font-size: 1.2em; }

    .ziliao .on { background: #a3b7ff; color: white; font-size: 1.2em; }

    .ziliao .btn:first-child { float: left; }

    .ziliao .btn:last-child { float: right; }

.yi { width: 95%; margin: 0 auto; background: #f5f5f5; border-radius: 8px; line-height: 30px; color: #ffcd0b; }

    .yi a { color: #ffcd0b; }

.scool { margin: 10px 0; }

    .scool div { line-height: 30px; text-align: center; width: 30%; margin-left: 3%; background: #f8f8f8; float: left; margin-top: 4px; margin-bottom: 4px; font-size: 0.8em; overflow: hidden; height: 30px; }

        .scool div a { font-size: 0.8em; }

.xt-l { width: 70%; float: left; height: 64px; overflow: hidden; }

    .xt-l h1 { height: 34px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.headbox { position: absolute; }

.headboximg { width: 24px; border-radius: 24px; position: relative; }

.hbit1 { z-index: 10; float: left; left: 0; }

.hbit2 { z-index: 9; float: left; left: -15px; }

.hbit3 { z-index: 8; float: left; left: -30px; }

.hbit4 { z-index: 7; float: left; left: -45px; }

.hbit5 { z-index: 6; float: left; left: -60px; }

.xt-r { width: 30%; float: left; }

    .xt-r img { width: 100%; border-radius: 6px; }

.hui-tab-ke { width: 100%; background: #FFFFFF; }
/*详情*/
.xiangqing { width: 92%; margin: 0 auto; }

.biaoti-1 { font-size: 1em; font-weight: bold; }

.xinxi { margin: 10px 0; }

    .xinxi span { margin: 10px 0; color: #bbbbbb; font-size: 0.8em; }

.neirong img { max-width: 100%; }

.tu-1 { float: left; }

.tu-2 { float: left; }

.tu-3 { float: left; }

.hanggao div { line-height: 44px; height: 44px; }

.hanggao img { width: 16px; height: 16px; position: relative; left: 20px; top: 14px; }

.hanggao-1 { position: relative; left: 10px; top: 14px; }

#hanggao-1 { position: relative; left: 6px; top: 14px; }

.xiazai { background: #ffcd0b; color: white; }

    .xiazai div { color: white; }

#xia-1 { background: black; opacity: 0.3; width: 100%; height: 100%; position: fixed; top: 0; }

#hui-black-mask { display: none; }

.xiazai-3 { width: 100%; height: 200px; background: white; }

.xiazai-3 { position: absolute; bottom: 0px; }

.xiazai-4 { width: 92%; margin: 0 auto; border-bottom: 1px solid #f0f0f0; padding-bottom: 16px; padding-top: 20px; }

    .xiazai-4 div img { float: left; margin-right: 20px; width: 40px; height: 42px; }

.xiazaiquan { font-size: 0.8em; color: #ffcd0b; }

.xiazaiquan { font-size: 0.8em; color: #ffcd0b; margin-top: 6px; }

.daxiao { color: #c1c1c1; font-size: 0.8em; margin-left: 10px; }

.shu { color: #ffcd0b; font-size: 0.8em; margin: 0 4px; }

.xiazai-5 { width: 92%; margin: 0 auto 30px auto; }

.text-1 { font-size: 0.9em; color: #c1c1c1; margin-top: 6px; }

.yaoqing { color: #ffcd0b; font-size: 0.9em; }

.queren { line-height: 30px; background: #ffcd0b; border-radius: 30px; text-align: center; width: 150px; color: white; margin-top: 24px; }
/*学校专业选择*/
.zuo { float: left; width: 30%; text-align: center; }

.xuexiao { width: 94%; margin: 0 auto; }

.ming { background: #f5f5f5; line-height: 2.6em; border: 1px solid #e3e3e3; border-bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9em; }

.you { float: right; width: 70%; }

.zhuanye { margin-top: 10px; }

    .zhuanye div { float: left; border: 1px solid #e3e3e3; line-height: 2em; text-align: center; width: 42%; margin-left: 4%; font-size: 0.8em; margin-top: 10px; }

.dangqian { background: #ffcd0b; }
/*我的订单*/
.zhuangtai div { font-size: 0.9em; }

.dingdan { width: 92%; margin: 0 auto; padding-top: 16px; }

.dingdan-1 img { float: left; width: 100px; height: 50px; border-radius: 6px; }

.dingdan div { }

.dingdan span { }

.shijian { margin-top: 4px; padding-bottom: 6px; border-bottom: 1px solid #f4f4f4; }

.dingdan-1 { margin-top: 16px; border-bottom: 1px solid #f4f4f4; padding-bottom: 6px; }

.ke { margin-left: 10px; top: 4px; float: left; }

.jiage { margin-top: 16px; font-size: 1em; color: #ff4141; }

.zi { font-size: 0.9em; color: #3a3a3a; }

.yuanjia { margin-top: 16px; font-size: 1em; text-decoration: line-through; }

.zaici { float: right; margin-top: 16px; margin-right: 16px; background: #ff2150; text-align: center; width: 80px; line-height: 2em; color: white; border-radius: 6px; margin-bottom: 16px; font-size: 0.9em; }

.xian { width: 100%; background: #f8f8f8; height: 6px; }

.quxiao { background: white; color: #666666; border: 1px solid #aeaeae; }
/*支付完成*/
.wancheng-1 { width: 60%; margin: 0 auto; }

    .wancheng-1 img { width: 100%; }

.jiaqian-1 { color: #ff2250; text-align: center; margin-top: 30px; font-size: 1.6em; font-weight: bold; }

.wancheng { width: 140px; text-align: center; font-size: 1.2em; color: white; background: #ff2250; line-height: 2.2em; border-radius: 4px; margin: 0 auto; margin-top: 50px; }
/*购买页面*/
.goumai-1 img { width: 100%; }

.keming { width: 80%; margin: 0 auto; text-align: center; font-size: 0.9em; margin-top: 20px; }

.jiage-1 { width: 140px; margin: 0 auto; margin-top: 10px; }

.xianjia { float: left; font-size: 1.4em; color: #FF4141; }

.yuanjia-1 { float: right; margin-top: 6px; text-decoration: line-through; }

.goumai-2 { width: 100%; height: 50px; position: fixed; bottom: 0px; }

.zongji { width: 50%; float: left; text-align: center; background: #f5f5f5; color: #FF4141; line-height: 50px; }

    .zongji label { color: #FF4141; }

.goumai-3 { width: 50%; float: right; text-align: center; line-height: 50px; background: #FF4141; color: white; }
/*公共课材料*/
.cailiao { width: 96%; margin: 0 auto; }

.xueze-1 { float: left; width: 6%; }

.cailiao-1 { float: right; width: 92%; }

.ming-2 { margin-top: 20px; }

.yuanjia-2 { float: left; margin-top: 6px; color: #999999; font-size: 0.9em; margin-left: 10px; }

.xianjia-1 { font-size: 1.2em; }

.shuliang { float: right; }

.yuan { float: left; display: block; width: 26px; height: 26px; line-height: 26px; border-radius: 26px; background: #f5f5f5; text-align: center; color: #a9a9a9; font-size: 1.4em; }

.shu-1 { float: left; font-size: 1.2em; margin: 0 10px; }

.shuliang-2 { margin-top: 20px; }

.cailiao { border-bottom: 1px solid #E1E1E1; padding-bottom: 20px; }

.yuanquan { width: 14px; height: 14px; border: 1px solid #B2B2B2; border-radius: 14px; margin: 0 auto; margin-top: 22px; }

.cailiao .xueze-1 .on { border: 1px solid #FECF0C; background: #FECF0C url('/Assets/doc/image/currency/selected.png') no-repeat center; }

/*约学*/
.banner-yue { width: 100%; height: 200px; background: #55ACEE; position: relative; }

.shijian-bei { width: 120px; height: 120px; margin: 0 auto; display: block; margin-top: 30px; }

.juli { text-align: center; width: 100%; color: #a66f15; font-weight: bold; }

.tianshu { text-align: center; width: 100%; font-size: 2.7em; color: #a66f15; font-weight: bold; margin-top: 14px; }

    .tianshu span { color: #f5cb27; }

.dingwei { position: absolute; top: 38px; width: 100%; }


.rili-1 { background: #f8f8f9; float: left; padding: 10px 0px; }

.xingqi { text-align: center; line-height: 30px; color: #9E9E9E; width: 60px; }

.hao { text-align: center; width: 60px; }

.xuanze-2 { background: #ffcd0b; }

.daohang-1 { float: left; width: 14%; margin-left: 14.2%; }

    .daohang-1 img { width: 100%; }

    .daohang-1 div { text-align: center; }

.daohang { padding-top: 20px; padding-bottom: 30px; }

.zhiding { font-size: 1.1em; padding-left: 8px; }

.henggang-1 { width: 40px; height: 6px; border-radius: 4px; background: #f1f1f1; margin-left: 8px; margin-top: 8px; }

.tiezi { padding: 0 8px; }

.biaoti-tie { margin-top: 15px; text-align: justify; }

.touxiang { float: left; width: 30px; height: 30px; padding-bottom: 30px; }

    .touxiang img { width: 100%; display: block; border-radius: 30px; margin-top: 15px; }

.guanzhu { float: right; margin-top: 22px; }

    .guanzhu img { width: 15px; height: 14px; }

    .guanzhu span { font-size: 0.9em; margin-right: 10px; color: #b6b6b6; }

.henggang-3 { background: #F8F8F8; width: 100%; height: 4px; }

.chankangengduo { width: 100%; height: 70px; background: #f5f5f5; }

.chankangengduo-1 { width: 100px; margin: 0 auto; background: white; text-align: center; color: #a9a9a9; line-height: 1.6em; border-radius: 1.6em; margin-top: 20px; }
/*约学*/

.yuexue { margin: 0 auto; width: 92%; }

.ding { background: #ffcd0c; border-radius: 2px; }

.zhiding-1 { padding: 8px 0px; border-bottom: 1px solid #f8f8f8; }

.biaoti-xue { font-size: 1.05em; font-weight: 600; margin-top: 16px; }

.dibu { border-bottom: 1px solid #f8f8f8; }
/*帖子详情*/
.xiangqing-1 { width: 92%; margin: 0 auto; margin-bottom: 10px; }

.biaoti-2 { font-size: 1.2em; font-weight: 520; }

.shui { margin-top: 20px; padding-left: 6px; }

.louzhu { background: #ffcb09; color: white; border-radius: 4px; }

.wenben-1 { width: 84%; margin-top: 20px; margin-left: 10%; color: #656B79; }

.quanbu { font-weight: 600; padding: 10px 0px; width: 92%; margin: 0 auto; border-bottom: 1px solid #f8f8f8; }

    .quanbu span { color: #ffcb09; padding-right: 10px; }

.biaoti-5 { margin-top: 14px; margin-left: 10px; font-size: 1.05em; }

.xingming { float: left; margin-top: 22px; margin-left: 10px; color: #3A3A3A; }

.gengtie { width: 60%; margin: 20px auto; line-height: 50px; font-size: 1.3em; text-align: center; background: #ffcb09; color: white; border-radius: 10px; }
/*发布*/
.bixu { color: #fca29a; font-size: 1.4em; margin-top: 11px; }

.bixu-2 { color: #fca29a; font-size: 1.2em; padding-right: 3.5%; }

.zi-2 { font-size: 0.9em; color: #656B79; border-bottom: 1px solid #F0F0F0; }

.fabu-5 { margin-top: 80px; }
/*优惠券*/
.bei { background: #f6f6f8; height: 700px; }

.quan { width: 90%; margin: 0 auto; background: white; border-radius: 10px; margin-top: 20px; position: relative; }

.zhang { float: left; width: 26%; background: #fe7970; height: 120px; }

.zhang-1 { text-align: center; color: white; font-size: 2.2em; margin-top: 24px; }

    .zhang-1 span { color: white; }

.dayin-1 { text-align: center; color: white; margin-top: 2px; }

.dayin { float: left; width: 60%; height: 120px; border-right: 1px solid #ECECEC; }

.dayin-3 { margin-left: 10px; font-size: 1.1em; margin-top: 20px; }

.dayin-2 { color: #fe7970; margin-left: 10px; margin-top: 20px; }

.qixian { margin-left: 10px; }

    .qixian span { font-size: 0.8em; color: #999999; }

.lingqu { float: left; height: 120px; width: 13%; }

    .lingqu div { width: 14px; margin: 0 auto; margin-top: 20px; color: #fe7970; }

.zuoyuan { width: 20px; height: 20px; background: #f6f6f8; position: absolute; top: 50px; left: -10px; border-radius: 20px; }

.youyuan { width: 20px; height: 20px; background: #f6f6f8; position: absolute; top: 50px; right: -10px; border-radius: 20px; }

.guoqi { background: #bcbcbc; }

.guoqi-1 div { color: #999999; }

.guoqi-1 { border: 0px; }

.guoqi-2 { position: absolute; top: 10px; right: 30px; width: 50px; height: 50px; }

    .guoqi-2 img { width: 100%; }

.beijing-5 { background: #ffcd0c; }

.zi-4 { color: #ffcd0c; }

.wuquan img { width: 100%; }

.wuquan-1 { width: 100%; background: #f6f6f8; padding-top: 100px; }

.wuquan-2 { text-align: center; margin-top: 20px; font-size: 1.4em; color: #B6B6B6; }
/*上传文档*/
.shangchuang { width: 90%; margin: 0 auto; }

.zuobu { width: 60px; text-align: right; float: left; }

.youbu { width: 80%; float: left; }

    .youbu span { margin-left: 20px; }

.hang { padding: 15px 0; border-bottom: 1px solid #EBEBEB; }

.zi-3 { color: #aeaeae; }

    .zi-3 div { color: #aeaeae; }

.leixing div { float: left; margin-left: 20px; padding: 0px 10px; border: 1px solid #aeaeae; color: #aeaeae; border-radius: 20px; }

.zuofl div { float: left; }

.shu-2 { border: 1px solid #656B79; padding: 0px 20px; margin: 0px 10px; border-radius: 30px; }

.padding-20 { padding-left: 20px; }

.kemu { border: 0px; padding-left: 20px; width: 80%; }

.chuanwenjian { width: 60%; height: 100px; margin: 0 auto; border: 2px #fdcd09 dashed; border-radius: 10px; margin-top: 40px; }

.chuanwenjian-1 img { text-align: center; margin: 0 auto; display: block; width: 30px; height: 30px; margin-top: 20px; }

.chuanwenjian-1 div { text-align: center; color: #a66f15; font-size: 0.9em; margin-top: 10px; }

.dangqian-2 { color: white; background: #fdcd09; }

.tongyi { width: 134px; margin: 0 auto; margin-top: 40px; }

.yixuan { width: 10px; height: 10px; border: 1px solid #B2B2B2; float: left; margin-top: 5px; margin-right: 6px; }

.tongyi span { font-size: 0.8em; color: #AEAEAE; }

.shenhe { width: 66%; margin: 0 auto; text-align: center; font-size: 1.2em; background-image: linear-gradient(to right, #ffcd0c, #fee57e); color: #a56f17; line-height: 36px; border-radius: 36px; margin-top: 10px; }
/*我的收益*/
.beijing-2 { width: 100%; height: 200px; background: #ffcd0c; border-radius: 0px 0px 100% 100%; }

.shouyi { text-align: center; font-size: 3.6em; margin-top: 40px; }

.shouyi-1 { text-align: center; margin-top: 10px; color: #222222; }

.shouyi-2 { float: left; line-height: 30px; color: #fe0000; }

.shouyi-3 { float: right; }

    .shouyi-3 div { font-size: 0.8em; color: #9E9E9E; }

.jilu { width: 92%; margin: 0 auto; border-bottom: 1px solid #EBEBEB; margin-top: 20px; padding: 10px 0px; }

/*我的*/
.touxiang-1 { float: left; margin: 0 16px; }

    .touxiang-1 img { width: 50px; height: 50px; border-radius: 50px; }

.dengji { float: right; }

.name { font-weight: bold; margin-top: 6px; }

.weizhi { font-size: 0.9em; color: #a9a9a9; }

.dengji { background: #ffcd0c; width: 90px; height: 30px; border-radius: 30px 0px 0px 30px; margin-top: 10px; }

.dengji-1 { line-height: 30px; float: left; color: #a66f14; font-weight: 500; }

.dengji img { width: 16px; height: 16px; float: left; margin-top: 6px; margin-left: 10px; margin-right: 4px; }

.shuju-1 { width: 33%; float: left; text-align: center; }

.shuju { font-size: 2em; }

.ming-3 { color: #a9a9a9; }

.wode-1 { margin-top: 10px; }

.wode-2 { width: 74%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }

.lingquan { width: 46%; height: 50px; text-align: center; line-height: 50px; font-size: 1.1em; border-radius: 20px; }

.beijing-3 { background: #ffea99; color: #a67016; }

.beijing-4 { background: #a3b7fe; color: white; }

.caidan { float: left; width: 25%; text-align: center; }

    .caidan div { font-size: 0.8em; margin-top: 10px; }

    .caidan img { height: 20px; }

.caidan { margin-top: 30px; }
/*我的收藏*/
.liebiao { line-height: 50px; border-bottom: 1px solid #F0F0F0; width: 90%; margin: 0 auto; padding: 0px; }

.liebiao-1 li div { color: #999999; }

.daohang-2 div { width: 20px; }
/*我的下载*/
.xiazaiwenjian { width: 90%; margin: 0 auto; border-bottom: 1px solid #F0F0F0; padding: 18px 0px; }

.tupian-1 { }

    .tupian-1 img { height: 42px; }

.wenjian-1 { margin-left: 10px; }

.shijian-2 { font-size: 0.8em; color: #999999; margin-top: 6px; }
/*明细*/
.mingxi { width: 90%; margin: 0 auto; border-bottom: 1px solid #F0F0F0; padding: 14px 0; }

.jiaqian-2 { float: right; line-height: 40px; font-size: 1.2em; color: #ffcd0b; }

.mingzi-1 { float: left; }

.shijian-3 { margin-top: 2px; }

.fuwu { color: #666; }
/*我的余额*/
.yue img { margin: 0 auto; display: block; height: 50px; margin-top: 50px; }

.yue-1 { text-align: center; margin-top: 30px; }

.shu-4 { text-align: center; position: relative; top: -12px; font-size: 2em; left: 10px; }

.shu-3 { font-size: 3em; }

.qian { width: 160px; margin: 0 auto; margin-top: 8px; }

.chongzhi { width: 50%; margin: 0 auto; line-height: 40px; text-align: center; background: #ffcd0c; color: white; border-radius: 8px; margin-top: 80px; }

.tixian { width: 50%; margin: 0 auto; line-height: 40px; text-align: center; background: #f4f4f4; color: #ffcd0c; margin-top: 14px; border-radius: 8px; }
/*我的积分*/
.qianbao { background-image: linear-gradient(#fe6751, #fe8d53); width: 100%; height: 280px; }

.jifen { /*	width: 90%;
	margin: 0 auto;*/ margin-top: 20px; }

.jifen-1 { float: left; color: white; margin-left: 5%; }

    .jifen-1 span { color: #fee75a; }

.jifen-2 { float: right; width: 100px; line-height: 26px; background: #f1c7be; text-align: center; font-size: 0.9em; color: #fe6f52; border-radius: 26px 0 0 26px; }

.qiandao-2 { width: 14%; float: left; text-align: center; }

.yuan-1 { width: 16px; height: 16px; border-radius: 16px; background: white; margin: 0 auto; }

.xian-1 { background: #fee75a; width: 50%; height: 1px; position: absolute; top: 2px; z-index: 2; }

.riqi { color: #fee75a; font-size: 0.8em; margin-top: 10px; }

.qiandao-10 { width: 100%; margin-left: 8%; margin-top: 20px; }

.qiandao-1 { margin-top: 20px; position: relative; }

.qiandao-11 { float: left; width: 13%; }

.qiandao-12 { width: 16px; height: 16px; border-radius: 16px; background: white; float: left; /*box-shadow: 0px 10px 10px rgba(0,0,0,0.2);*/ }

.qiandao-13 { width: calc(100% - 16px ); height: 1px; float: left; margin-top: 8px; }

.beijing-6 { background: #fee75a; }

.natian { margin: 0 auto; width: 92%; margin-top: 10px; }

    .natian div { width: 14%; float: left; text-align: center; font-size: 0.8em; }

.huangse { color: #fee75a; }

.baise { color: white; }

.baise-1 { background: white; }

.beijing-8 { background: #fee75a; text-align: center; font-size: 0.8em; color: #fe7552; }

.huoqu { width: 40%; line-height: 36px; margin: 0 auto; text-align: center; font-size: 1.1em; background-image: linear-gradient(#fff5cd, #ffce0f); color: #f76756; border-radius: 36px; box-shadow: 0px 10px 10px rgba(249,96,85,1); margin-top: 46px; }

.zhuanjifen { width: 88%; margin: 0 auto; padding-top: 30px; padding-left: 10px; background: white; font-size: 1.1em; padding-bottom: 20px; border-radius: 10px; position: relative; top: 40px; z-index: 99999; }

.jifen-10 { width: 86%; margin: 0 auto; padding: 20px 0; }

    .jifen-10 img { float: left; height: 26px; margin-top: 6px; margin-left: 6px; }

.meiri div { margin-left: 20px; }

    .meiri div span { color: #f76756; font-size: 0.9em; padding-right: 4px; }

.fenshu-1 { color: #666666; font-size: 0.8em; }

.go { width: 80px; background-image: linear-gradient(to right, #fe483b, #fc8a6f); text-align: center; color: white; line-height: 26px; border-radius: 26px; font-size: 0.9em; box-shadow: 0px 1px 10px rgba(249,96,85,0.8); margin-right: 10px; margin-top: 6px; }

.xian-2 { width: 100%; height: 1px; background: #F6F6F6; }

.duihuan { margin-top: 8px; }

.select-mania-theme-orange .select-mania-inner { border: 1px solid #d6d6d6 }

.select-mania-theme-orange.select-mania.select-mania-multiple .select-mania-value { border: 1px solid #fa6900; background-color: #fa6900; color: #fff }

.select-mania-theme-orange .select-mania { border: 1px solid #d6d6d6 }

.select-mania-theme-orange .select-mania-search-input { border: 1px solid #d6d6d6; color: #5a5a5a }

.select-mania-theme-orange .select-mania-item:hover { background: #fee9d9 }

.select-mania-theme-orange .select-mania-item.select-mania-selected { background: #fa6900; color: #fff }

.select { width: 100%; height: 30px; line-height: 30px; border-color: #f1f2f3; color: #656B79; border-radius: 3px; }

#hui-footer a { width: 33.333% !important; }

.vipTip { height: 40px; width: 100%; line-height: 40px; font-size: 14px; color: #fff; background-color: #ffce0e; text-align: center; padding-top: 44px; position: fixed; }

.ms-mypf { font-size: 12px; padding: 10px 20px; }

    .ms-mypf .ui-form-item { font-size: 12px; height: 30px; line-height: 30px; padding: 6px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; }

        .ms-mypf .ui-form-item label { color: #FFCD0C; border-right: 1px solid #e7e7e7; height: 20px; line-height: 20px; margin-top: 5px; width: 95px; position: absolute; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; }

        .ms-mypf .ui-form-item input { width: auto; padding-left: 115px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border: 0; font-size: 12px; background: 0 0; }

        .ms-mypf .ui-form-item a { color: #c8c3c3; }

.ui-tips-info { padding: 10px 20px; font-size: 12px; text-align: left; color: #c5c5c5; }
    .ui-tips-info .ms-ico { width: 22px; float: left; height: 52px; }
.ui-tips i { display: inline-block; width: 32px; height: 1px; vertical-align: top; }
    .ui-tips i:before { font-family: iconfont !important; font-size: 24px; line-height: 44px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; display: block; color: rgba(0,0,0,.5); content: "\26A0"; color: #FFCD0C; line-height: 21px; }
.ui-tips-info .ms-ico i:before { font-size: 16px; color: #FFCD0C; line-height: 17px; }
.ms-mypf-btn { padding: 10px 20px; }
    .ms-mypf-btn button { height: 34px; line-height: 34px; border-color: #FFCD0C; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,#fdd023),to(#fbc700)); color: #fff; padding: 0 11px; min-width: 55px; display: inline-block; text-align: center; font-size: 15px; border-radius: 3px; border: none; width: 100%; }
.ms-pof-con { width: calc(100% - 20px); margin: 20px 10px 0 10px; }
    .ms-pof-con .ui-tab-content .my-scroller ul li { margin: 0 10px; }
.ui-list > li.ui-border-t:first-child, .ui-list > li:first-child > .ui-border-t { border: 0; background-image: none; }
.ui-list > li { position: relative; display: -webkit-box; }

.ui-border-tb { background-image: none; border-top: none; background-color: #fff; width: 100%; }
.ui-list-info { -webkit-box-flex: 1; padding-top: 10px; padding-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; padding-right: 15px; }
.ms-pof-con .my-scroller ul li:first-child { border-bottom: 1px solid #e3e3e3; }
.ms-pof-con .my-scroller ul li .ui-list-info { padding: 10px 4px; text-align: center; font-size: 12px; }
.ms-pof-con .my-scroller ul li .ms:first-child { width: 35%; }
.ms-pof-con .my-scroller ul li .ms:nth-child(2) { width: 25%; }
.ms-pof-con .my-scroller ul li .ms:nth-child(3) { width: 20%; }
.ms-pof-con .my-scroller ul li .ms:last-child { width: 20%; }
.ms-pof-con .my-scroller ul li .mx p, .ms-pof-con .ui-tab-content .my-scroller ul li .ms p { font-size: 12px; }
.ui-nowrap { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.ms-nodate { width: 100%; background-color: #fff; }
img { border: 0; }

.ma-user-title { width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #fff; font-weight: bold; }
.ma-user-000 { font-weight: 100; }
.ma-user-001 { float: left; max-width: 36%; height: 20px; line-height: 20px; overflow: hidden; font-size: 13px; }
.ma-user-002 { float: left; font-size: 10px; font-weight: 100; line-height: 24px; padding-left: 10px; }
    .ma-user-002 span { font-size: 10px; font-weight: 100; line-height: 24px; }
    .ma-user-002 img { height: 12px; vertical-align: middle; margin-top: -5px; }
.ma-user-003 { float: left; max-width: 40%; padding-left: 10px; }
    .ma-user-003 a { font-size: 13px; }
.ma-user-004 { font-size: 10px; font-weight: 100; padding-top: 4px; }
.ma-user-005 { margin: 0 10px; overflow: hidden; }
    .ma-user-005 img { width: 100%; margin: 0; padding: 0; border-radius: 6px; }
.ma-user-006 { margin: 20px 0 10px 0; overflow: hidden; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-bottom: 20px; }
    .ma-user-006 .tabs { height: 50px; line-height: 50px; }
        .ma-user-006 .tabs .tab { float: left; width: 50%; text-align: center; font-weight: bold; }
        .ma-user-006 .tabs .on1 { background-color: #E8E8E8; border-bottom-right-radius: 10px; }
        .ma-user-006 .tabs .on2 { background-color: #E8E8E8; border-bottom-left-radius: 10px; }
    .ma-user-006 .cons { overflow: auto; overflow-x: hidden; }
        .ma-user-006 .cons .tip { padding: 10px; height: 30px; line-height: 30px; font-size: 10px; color: #b2b2b2; }
.mySwiper { width: 100%; margin: 20px 0 20px 0; overflow: initial !important; }
    .mySwiper .swiper-wrapper { overflow: initial; }
        .mySwiper .swiper-wrapper .swiper-slide { height: 100px; border: 1px solid #E6E6E6; border-radius: 6px; position: relative; overflow: initial; }
        .mySwiper .swiper-wrapper .on { border: 1px solid #404040; }
        .mySwiper .swiper-wrapper .swiper-slide:first-child { margin-left: 10px; }
        .mySwiper .swiper-wrapper .no { border: none; height: 100px; }
        .mySwiper .swiper-wrapper .swiper-slide .tips { border-radius: 4px; position: absolute; background-color: #038DF5; font-size: 9px; color: #fff; padding: 2px 5px; right: -5px; top: -10px; }
        .mySwiper .swiper-wrapper .swiper-slide .t1 { width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: #000; height: 20px; line-height: 20px; margin-top: 20px; }
        .mySwiper .swiper-wrapper .swiper-slide .t2 { width: 100%; text-align: center; font-size: 20px; font-weight: bold; color: #018CF5; }
            .mySwiper .swiper-wrapper .swiper-slide .t2 span { width: 100%; text-align: center; font-size: 10px; margin-left: 4px; font-weight: normal; }
        .mySwiper .swiper-wrapper .swiper-slide .t3 { width: 100%; text-align: center; font-size: 10px; font-weight: 100; color: #b2b2b2; text-decoration: line-through; }
.ma-user-007 { margin: 30px 10px 10px 10px; background-color: #018CF5; border-radius: 100px; height: 40px; line-height: 40px; font-weight: 500; color: #fff; font-size: 16px; text-align: center; }
.ma-user-007_no { background-color: #919191; }
.ma-user-008 { font-size: 10px; color: #b2b2b2; text-align: center; height: 30px; line-height: 30px; }
    .ma-user-008 img { width: 15px; height: 15px; margin: -2px 5px 0 0; vertical-align: middle; }
    .ma-user-008 span { font-size: 10px; color: #000000; }
.ma-user-009 { background-color: #fff; }
    .ma-user-009 .title { padding: 0 10px; height: 60px; line-height: 70px; color: #000000; font-weight: bold; font-size: 16px; }
    .ma-user-009 .search-box { position: relative; padding: 0 10px; }
        .ma-user-009 .search-box .search-input { font-size: 14px; border-radius: 10px; line-height: 30px; border: 1px solid #EFEFEF; padding: 3px 10px 3px 40px; width: 100%; }
        .ma-user-009 .search-box .search-img { width: 20px; height: 20px; position: absolute; top: 10px; left: 20px; }
    .ma-user-009 .word-box { margin: 20px 0 0 0; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px -2px 0px 0px #e7e7e7; }
        .ma-user-009 .word-box .type-tabs { height: 45px; line-height: 45px; }
            .ma-user-009 .word-box .type-tabs .tab { float: left; width: 33.3333%; text-align: center; height: 45px; line-height: 45px; font-weight: bold; background-color: #E8E8E8; }
            .ma-user-009 .word-box .type-tabs .on { background-color: #fff; }
            .ma-user-009 .word-box .type-tabs .x-l { border-bottom-left-radius: 10px; }
            .ma-user-009 .word-box .type-tabs .x-r { border-bottom-right-radius: 10px; }
        .ma-user-009 .word-box .tips { padding: 0 10px; font-size: 10px; color: #4F4F4F; height: 40px; line-height: 30px; }
            .ma-user-009 .word-box .tips img { height: 14px; vertical-align: middle; margin-left: 5px; }
                .ma-user-009 .word-box .tips img:last-child { margin-right: 5px; }
        .ma-user-009 .word-box .word-list { padding: 0 10px; }
        .ma-user-009 .word-box .word { font-size: 14px; border-radius: 10px; border: 1px solid #EFEFEF; padding: 20px; margin-bottom: 20px; position: relative; }
            .ma-user-009 .word-box .word .share { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; }
            .ma-user-009 .word-box .word .info { height: 100px; }
                .ma-user-009 .word-box .word .info .left { float: left; width: 40%; text-align: center; }
                    .ma-user-009 .word-box .word .info .left img { height: 74px; margin-top: 15px; }
                .ma-user-009 .word-box .word .info .right { float: right; width: 60%; }
                    .ma-user-009 .word-box .word .info .right .t1 { margin-top: 15px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
                    .ma-user-009 .word-box .word .info .right .t2 { height: 20px; line-height: 20px; }
                        .ma-user-009 .word-box .word .info .right .t2 img { height: 14px; vertical-align: middle; margin: -2px 0 0 5px; }
                    .ma-user-009 .word-box .word .info .right .t3 { height: 20px; line-height: 20px; font-size: 11px; color: #b2b2b2; text-decoration: line-through; }
            .ma-user-009 .word-box .word .foot { height: 30px; line-height: 40px; }
                .ma-user-009 .word-box .word .foot span { font-size: 11px; color: #b2b2b2; margin-right: 10px; }
                    .ma-user-009 .word-box .word .foot span:last-child { float: right; }
.ma-user-010 { width: 100%; padding: 0; margin: 0; position: relative; overflow: inherit; padding-bottom: 40px; }
    .ma-user-010 img { width: 100%; padding: 0; margin: 0; }
    .ma-user-010 .show_info { margin: 0 5%; height: 60px; padding: 10px 2%; border-radius: 10px; background-color: #fff; position: absolute; bottom: 0px; z-index: 1000; width: 86%; }
        .ma-user-010 .show_info img { width: 100%; }
.ma-user-011 { margin: 0 5%; width: 90%; font-size: 12px; color: #505051; line-height: 50px; }
.ma-user-012 { margin: 0 5%; padding: 5% 5% 0 5%; width: 80%; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff; }
    .ma-user-012 .title { font-size: 20px; font-weight: bold; }
        .ma-user-012 .title .hui-common-title-line { background: #000; }
        .ma-user-012 .title .hui-common-title-txt { font-size: 16px; color: #000; width: auto; }
    .ma-user-012 .con { width: 100%; height: 100px; padding: 20px 0; }
        .ma-user-012 .con .item { width: 25%; float: left; height: 100px; }
            .ma-user-012 .con .item p { padding: 0; margin: 0; text-align: center; font-size: 12px; }
                .ma-user-012 .con .item p img { height: 70px; }
    .ma-user-012 .con-user { width: 100%; height: 80px; padding: 20px 0; }
        .ma-user-012 .con-user .item { width: 25%; float: left; height: 80px; }
            .ma-user-012 .con-user .item p { padding: 0 5px; margin: 0; text-align: center; font-size: 12px; }

                .ma-user-012 .con-user .item p img { height: 50px; border-radius: 100px; }
            .ma-user-012 .con-user .item .user-name { height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .ma-user-012 .con-user .item .wait { color: #b2b2b2; }
.ma-user-013 { margin: 5%; width: 90%; }
    .ma-user-013 .item { height: 120px; width: 100%; background-color: #fff; position: relative; margin-bottom: 20px; }
        .ma-user-013 .item .point-top { height: 16px; width: 16px; border-radius: 16px; background-color: #F2F3F5; position: absolute; left: calc(40% - 8px); top: -8px; }
        .ma-user-013 .item .point-bottom { height: 16px; width: 16px; border-radius: 16px; background-color: #F2F3F5; position: absolute; left: calc(40% - 8px); bottom: -8px; }
        .ma-user-013 .item .left { height: 120px; width: 40%; background-color: #018CF5; float: left; }
            .ma-user-013 .item .left .font-con { line-height: 120px; text-align: center; }
                .ma-user-013 .item .left .font-con .l1 { color: #fff; font-size: 30px; font-weight: bold; }
                .ma-user-013 .item .left .font-con .l2 { color: #fff; font-size: 12px; }
        .ma-user-013 .item .right { height: 120px; width: 60%; background-color: #fff; float: right; }
            .ma-user-013 .item .right .title { padding: 15px 0 0 15px; font-size: 12px; color: #000000; }
                .ma-user-013 .item .right .title img { height: 14px; vertical-align: middle; margin-top: -2px; }
            .ma-user-013 .item .right .btn-box { text-align: right; margin: 10px 20px 10px 10px; height: 40px; line-height: 40px; }
                .ma-user-013 .item .right .btn-box label { font-size: 12px; float: left; color: #b2b2b2; text-decoration: line-through; }
                .ma-user-013 .item .right .btn-box span { font-size: 12px; border: 1px solid #000; border-radius: 20px; padding: 3px 10px; }
            .ma-user-013 .item .right .time { font-size: 11px; transform: scale(0.833333); color: #b2b2b2; }
.ovfHiden { overflow: hidden; height: 100%; }
.share-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); z-index: 9999; display: none; }
    .share-box img { width: 50%; position: absolute; right: 5%; top: 5px; }
.share-info-box { width: 100%; line-height: 30px; }
    .share-info-box img { max-width: 100% !important; }
.share-info-footer { position: fixed; width: 100%; bottom: 20px; }
.share-word-info-footer { position: fixed; width: 90%; margin: 0 5%; bottom: 20px; }
    .share-word-info-footer .left { float: left; background-color: #018CF5; height: 40px; line-height: 40px; font-weight: 500; color: #fff; font-size: 16px; text-align: center; border-top-left-radius: 100px; border-bottom-left-radius: 100px; width: 49%; }
    .share-word-info-footer .right { float: right; background-color: #018CF5; height: 40px; line-height: 40px; font-weight: 500; color: #fff; font-size: 16px; text-align: center; border-top-right-radius: 100px; border-bottom-right-radius: 100px; width: 49%; }
.extension-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); z-index: 9999; display: none; }
    .extension-box .info-box { width: 80vw; max-height: 80vh; margin: 10vh 10vw; background-color: #fff; border-radius: 20px; box-shadow: 0 0 2px 0px #000; position: relative; }
        .extension-box .info-box .title { height: 6vh; line-height: 6vh; font-size: 16px; font-weight: bold; text-align: center; }
        .extension-box .info-box .title-1 { height: 5vh; line-height: 6vh; font-size: 16px; font-weight: bold; text-align: center; }
        .extension-box .info-box .title-2 { height: 3vh; line-height: 3vh; font-size: 11px; font-weight: normal; text-align: center; color: #b2b2b2; }
            .extension-box .info-box .title-2 label { font-size: 11px; font-weight: normal; color: #b2b2b2; }
        .extension-box .info-box .con { min-height: 20vh; max-height: 64vh; width: 92%; padding: 0 4%; overflow: hidden; overflow-y: scroll; padding-bottom: 10vh; }
            .extension-box .info-box .con .title-p { font-size: 12px; font-weight: bold; text-align: left; height: 30px; line-height: 40px; }
            .extension-box .info-box .con .con-p { font-size: 11px; font-weight: normal; color: #b2b2b2; line-height: 24px; }
            .extension-box .info-box .con .cdk-con { font-size: 12px; font-weight: normal; color: #b2b2b2; line-height: 24px; }
            .extension-box .info-box .con .cdk-copy { font-size: 12px; text-align: center; line-height: 50px; }
                .extension-box .info-box .con .cdk-copy span { border: 1px solid #018CF5; padding: 4px 10px; border-radius: 6px; font-size: 12px; color: #018CF5; }
            .extension-box .info-box .con .cdk-no { font-size: 11px; text-align: center; line-height: 20px; color: #000; }
            .extension-box .info-box .con .qr-box { font-size: 12px; text-align: center; }
                .extension-box .info-box .con .qr-box img { max-width: 70% !important; }
            .extension-box .info-box .con .qr-txt { font-size: 11px; text-align: center; color: #018CF5; height: 40px; line-height: 20px; }
            .extension-box .info-box .con img { max-width: 100% !important; }
        .extension-box .info-box .footer { height: 10vh; position: absolute; width: 100%; bottom: 0; }
            .extension-box .info-box .footer .success-btn { background-color: #018CF5; border-radius: 100px; height: 5vh; line-height: 5vh; margin: 2vh 5vw 0 5vw; font-weight: 500; color: #fff; font-size: 16px; text-align: center; }
            .extension-box .info-box .footer .error-btn { background-color: #7E7E7E; border-radius: 100px; height: 5vh; line-height: 5vh; margin: 2vh 5vw 0 5vw; font-weight: 500; color: #fff; font-size: 16px; text-align: center; }
        .extension-box .info-box .footer-1 { height: 10vh; position: absolute; width: 90%; bottom: 0; margin: 0 5%; }
            .extension-box .info-box .footer-1 .left { float: left; background-color: #018CF5; height: 5vh; line-height: 5vh; margin: 2vh 0 0 0; font-weight: 500; color: #fff; font-size: 16px; text-align: center; border-top-left-radius: 100px; border-bottom-left-radius: 100px; width: 49%; }
            .extension-box .info-box .footer-1 .right { float: right; background-color: #018CF5; height: 5vh; line-height: 5vh; margin: 2vh 0 0 0; font-weight: 500; color: #fff; font-size: 16px; text-align: center; border-top-right-radius: 100px; border-bottom-right-radius: 100px; width: 49%; }
.ms-word-fj {
    padding: 10px 10px 100px 10px;
}
    .ms-word-fj img {
        max-width: 99%;
        border-radius: 4px;
        border: 1px solid #e4ecf3;
    }
    .ms-word-fj .ui-tips-info {
        font-size: 12px;
        color: #ffcd0b;
        text-align: center;
        padding: 10px 0 0;
    }