﻿@charset "utf-8";
/*头部*/
.header {
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    background: url(../images/top-bg.png) no-repeat center;
    height: 74px;
    line-height: 60px;
    min-width: 1200px;
}

.content {
    padding: 0 20px;
}

.per_logo {
    width: 301px;
    height: 39px;
    margin-top: 11px;
}

.header .fright > a {
    font-size: 18px;
    color: #384456;
    background: url(../images/index-icon.png) no-repeat center left;
    padding-left: 34px;
    margin-right: 20px;
    display: inline-block;
}

.header .fright > span {
    font-size: 18px;
    color: #384456;
    background: url(../images/user-icon.png) no-repeat center left;
    padding-left: 34px;
    margin-right: 30px;
    display: inline-block;
}
/*main*/
.main {
    width: 100%;
    color: #354052;
    margin-top: 62px;
}

.mainBox {
    width: 100%;
    overflow: auto;
}

.main_cont {
    margin: 20px 20px 20px 260px;
    background: #fff;
    width: auto;
    padding: 6px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 1px #d4d6d7;
    position: relative;
}
/*侧边导航*/
.main .page-sidebar-wrapper {
    width: 240px;
    height: 100%;
    background: #3e4e69;
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 10;
}

.main .page-sidebar-menu > li {
    background: #3e4e69;
    border-bottom: 1px solid #293445;
}

    .main .page-sidebar-menu > li > ul > li {
        border-bottom: 1px solid #4d4e52;
    }

    .main .page-sidebar-menu > li:hover {
        background: #30405c;
    }

    .main .page-sidebar-menu > li.clicked {
        background: #0e99c4;
    }

    .main .page-sidebar-menu > li > a {
        display: block;
        position: relative;
        padding: 13px 10px;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
    }

.per_title {
    font-size: 22px;
    color: #3e4e69;
    padding: 12px 0;
    border-bottom: 1px solid #e1e1e1;
    line-height: 22px;
    font-weight: normal;
}

    .per_title > span.borderspan {
        width: 4px;
        height: 22px;
        background: #11bef3;
        display: inline-block;
        border-radius: 2px;
        margin: 0 15px 0 0;
    }
/*个人中心*/
.userphoto {
    padding: 20px 0;
    text-align: center;
    color: #fff;
    height: 280px;
}

    .userphoto .userphoto_p {
        font-size: 16px;
    }

        .userphoto .userphoto_p b {
            font-size: 16px;
        }

.banji {
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
/*个人信息*/
.scorepart {
}

.score {
    float: left;
    width: 82%;
}

.kh_pj {
    float: left;
    width: 44%;
    margin-left: 4%;
}

.score, .collection {
    margin: 10px 0 0;
}

.collection {
    border-top: 1px solid #eee;
}

.collection_div {
    position: relative;
}

.score h4, .collection h4, .kh_pj h4 {
    font-size: 20px;
    color: #3e4e69;
    line-height: 26px;
    margin: 20px 0 15px;
}

.kh_pj h4 {
    line-height: 33px;
}

.jifen_div span {
    padding: 3px 5px;
    border-radius: 4px;
}

.score h4 span, .collection h4 span, .kh_pj h4 span {
    font-size: 14px;
    line-height: 1em;
    color: #fff;
    font-weight: normal;
    margin-left: 40px;
    background: #82c8de;
}

.score h4 img, .collection h4 img {
    margin-right: 5px;
    width: 30px;
    display: block;
    float: left;
}

.kh_pj h4 img {
    margin-right: 5px;
    display: block;
    float: left;
    width: 23px;
}

.chart_div {
    margin: 40px 10px;
}

    .chart_div.chart2 {
        margin: 10px;
    }

.borderwrap {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

    .borderwrap h3 {
        font-weight: normal;
        margin: 30px 0 0;
        font-size: 18px;
    }

.my_collect .rt_bb_ul li {
    width: 208px;
    height: 218px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: #fafafa;
    float: left;
    margin: 10px 30px 10px 0;
    cursor: pointer;
}

.my_collect .bb_img_div {
    background: #e9e9e9;
    border-radius: 8px;
    text-align: center;
    height: 150px;
    line-height: 150px;
    position: relative;
}

.my_collect .collect_btn {
    background: url(../images/collect-s.png) no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.my_collect .delete {
    width: 32px;
    height: 32px;
    background: url(.../images/btn-small.png);
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 5;
    display: none;
}

.my_collect ul li:hover .delete {
    display: block;
}

.my_collect .bb_img_div img.img {
    vertical-align: middle;
    max-width: 200px;
    max-height: 148px;
}

.my_collect .bb_name {
    color: #2eb0d8;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    padding: 7px 0;
}

.my_collect .browse_collect {
    font-size: 12px;
    color: #ababaa;
}

    .my_collect .browse_collect .l_browse {
        float: left;
        background: url(../images/eye-icon.png) no-repeat center left;
        padding-left: 22px;
    }

    .my_collect .browse_collect .r_collect {
        float: right;
        background: url(../images/collect-icon.png) no-repeat center left;
        padding-left: 18px;
    }

.my_collect .course_ul li {
    width: 208px;
    height: 218px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: #fafafa;
    float: left;
    margin: 30px 30px 0 0;
    cursor: pointer;
}

.my_collect .course_img_div {
    background: #e9e9e9;
    border-radius: 8px;
    text-align: center;
    height: 150px;
    line-height: 150px;
    position: relative;
    overflow: hidden;
}

    .my_collect .course_img_div img.img {
        vertical-align: middle;
        max-height: 150px;
        margin-left: -30px;
    }

.my_collect .course_name {
    color: #2eb0d8;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    padding: 7px 0;
}

.my_collect .browse_collect {
    font-size: 12px;
    color: #ababaa;
}

    .my_collect .browse_collect .l_browse {
        float: left;
        background: url(../images/eye-icon.png) no-repeat center left;
        padding-left: 22px;
    }

/*修改密码*/
.passw_group {
    margin-top: 40px;
    margin-left: 40px;
}

    .passw_group > div {
        margin-bottom: 20px;
        position: relative;
        width: 600px;
    }

        .passw_group > div > span {
            display: inline-block;
            width: 80px;
            text-align: right;
            margin-right: 10px;
            font-size: 16px;
            color: #354052;
        }

        .passw_group > div input {
            width: 484px;
            height: 38px;
            line-height: 38px;
            background: #FFFFFF;
            border: 1px solid #DFE2E5;
            border-radius: 2px;
            padding: 0 10px;
        }

.prompt {
    font-size: 14px;
    color: #999999;
    margin-left: 90px;
    margin-top: 10px;
    line-height: 16px;
}

.degree {
    display: none;
}

    .degree > span {
        display: inline-block;
        margin-right: 4px;
        width: 60px;
        height: 16px;
        line-height: 16px;
        color: #fff;
        background: #DFE2E5;
        border-radius: 2px;
        font-size: 12px;
        text-align: center;
    }

        .degree > span.actived {
            background: #F45655;
        }

.error_prompt {
    background: url(../images/icon_warning.png) no-repeat center left;
    font-size: 14px;
    color: #999999;
    padding-left: 22px;
    line-height: 16px;
    margin-left: 90px;
    margin-top: 10px;
    display: none;
}

.delete_pasw {
    display: none;
    background: url(.../images/icon_delete.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 12px;
    cursor: pointer;
}

.confirm_btn {
    display: block;
    width: 356px;
    height: 86px;
    text-align: center;
    line-height: 76px;
    background: url(../images/loginbtn.png) no-repeat center;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    margin-left: 72px;
}

.btn {
    background: #16a0d3;
    border: none;
    color: #0e99c4;
    cursor: pointer;
    display: inline-block;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 0 1px 0 0;
    padding: 0 20px;
}

    .btn:hover {
        background: #117ea6;
    }

    .btn.green {
        background: #52A152;
    }

        .btn.green:hover {
            background: #328032;
        }

    .btn.yellow {
        background: #FF9C30;
    }

        .btn.yellow:hover {
            background: #c87316;
        }

    .btn.violet {
        background: #993333;
    }

        .btn.violet:hover {
            background: #990033;
        }

.btn-wrap {
    position: fixed;
    margin: 0;
    padding: 10px 0;
    top: auto;
    left: 15px;
    right: 15px;
    bottom: 0;
    background: #fff;
    z-index: 1000;
}

.confirm_btn:hover {
    background: url(../images/loginbtn-s.png) repeat-x;
}

/*表格样式*/
.table-wrap {
    margin: 0 50px 20px;
}

.ftable {
    margin: 15px 0;
    width: 100%;
    border: 1px solid #f0f0f0;
    background: #fff;
}

.mtable {
    margin: 15px 0;
    width: 100%;
    background: #fff;
    _width: auto;
}

    .mtable th, .ftable th {
        padding: 0.8em;
        color: #6e717a;
        font-size: 13px;
        font-weight: 400;
        background: #fbfbfb;
        border-bottom: 1px solid #e8e8e8;
    }

    .mtable td, .ftable td {
        padding: 0.8em;
        color: #333;
        font-size: 13px;
        border-bottom: 1px solid #F3F3F3;
    }

        .ftable td .img {
            padding: 1px;
            width: 60px;
            height: 60px;
            border: 1px solid #e8e8e8;
        }

        .ftable td s {
            color: #999;
            text-decoration: line-through;
        }

    .mtable .tr_odd_bg, .ftable .tr_odd_bg {
        background: #f9f9f9;
    }
/*会员列表页码样式*/
.page-foot {
    clear: both;
    height: 35px;
    line-height: 35px;
}

    .page-foot .btn-box a {
        display: inline-block;
        margin-right: 10px;
        padding: 5px 15px;
        line-height: 20px;
        border: 1px solid #eee;
        font-size: 12px;
        vertical-align: middle;
    }

    .page-foot .right {
        float: right;
    }
/*考试及成绩*/
.sj_border {
    border: 1px solid #e8ebef;
    width: 94%;
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 2px #e8ebef;
}

    .sj_border:hover {
        border: 1px solid #86a9e3;
    }

.testscore_list_div .sj_border:hover {
    border: 1px solid #e8ebef;
}
/*9月12修改*/
.sj {
    background: #f4f4f4;
    padding: 10px 15px;
    border-radius: 10px;
    position: relative;
}

.yikao_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 73px;
}

.sj_cont {
    height: 87px;
}

    .sj_cont > div {
        float: left;
        width: 19%;
        height: 87px;
        text-align: center;
    }

.test_list_div .sj_cont > div {
    width: 17%;
}

.sj_cont > div.sj_icon {
    width: 14%;
    line-height: 87px;
}

.test_list_div .sj_cont > div.sj_sj {
    width: 25%;
}

.sj_cont > div.sj_icon img {
    vertical-align: middle;
}

.sj_cont > div h3 {
    font-size: 20px;
    color: #3e4e69;
    padding-top: 10px;
}

.sj_cont > div.sj_time {
    width: 28%;
}

.sj_cont > div p, .sj_cont > div p a {
    font-size: 18px;
    color: #3e4e69;
}

.sj_cont > div p {
    padding-top: 10px;
}
/*自测*/
.self_test {
    margin: 15px auto;
    width: 80%;
}

    .self_test.shiti {
        width: 100%;
    }

.test_title_div h2 {
    font-size: 26px;
    text-align: center;
    color: #3e4e69;
}

.shuoming_div {
    margin: 30px 0 50px;
}

    .shuoming_div p {
        font-size: 22px;
        line-height: 1.5em;
        color: #5a5a5a;
        padding: 5px 0;
    }

.experiment_div {
    float: left;
    color: #3e4e69;
    width: 270px;
    line-height: 35px;
}

.self_test_part label {
    font-size: 22px;
    float: left;
}

.experiment_select {
    float: left;
    width: 156px;
    margin-left: 20px;
    position: relative;
}

.select2_div {
    margin-left: 12px;
    float: left;
}

.report_title_input {
    font-size: 16px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    color: #3e4e69;
    background: #f8f8f8;
    height: 25px;
    padding: 5px;
    width: 310px;
    margin-left: 20px;
}

.select_div {
    width: 144px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    height: 25px;
    padding: 5px;
    background: #f8f8f8;
    position: relative;
}

.report_select_input {
    font-size: 16px;
    width: 110px;
    padding-right: 35px;
    height: 25px;
    border: none;
    background: none;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    cursor: default;
    color: #3e4e69;
}

.pull_div {
    width: 35px;
    height: 35px;
    background: #0e99c4;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    text-align: center;
    line-height: 35px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.option_div {
    width: 154px;
    max-height: 285px;
    border: 1px solid #3ba5f4;
    border-radius: 2px;
    position: absolute;
    top: 36px;
    z-index: 4;
    display: none;
}

.select_div.focused, .report_title_input.focused {
    border: 1px solid #3ba5f4;
}

ul.option_ul {
    background: #f8f8f8;
    border-radius: 2px;
    max-height: 285px;
}

    ul.option_ul li {
        font-size: 16px;
        margin: 3px 0;
        height: 32px;
    }

        ul.option_ul li span {
            width: 100%;
            color: #3e4e69;
            display: block;
            text-align: center;
            line-height: 30px;
            cursor: pointer;
        }

            ul.option_ul li span:hover, ul.option_ul li.actived span {
                background: #0e99c4;
                color: #fff;
            }

.self_test_part {
    width: 550px;
    margin: 0 auto;
}

.start_self_test {
    font-size: 22px;
    color: #fff;
    display: block;
    width: 280px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #11b8ec;
    border-radius: 25px;
    margin: 70px auto 20px;
}

.self_shiti_div {
    margin: 30px auto;
}

.shiti_title {
    font-size: 22px;
    color: #5a5a5a;
}

.shiti_title_span {
    float: left;
}

.test_time {
    float: right;
}

    .test_time > div {
        margin-left: 50px;
    }

        .test_time > div span {
            color: #1C93ED;
        }
/*.xingxing{margin-left: 5px;}
.xingxing img{margin-left: 5px;}*/
/*radio样式*/
.test_title {
    font-size: 18px;
    background: #f8f8f8;
    padding: 10px;
    border: 1px solid #9ee3f8;
    border-radius: 4px;
}

    .test_title.right {
        border: 1px solid #4cf950;
    }

    .test_title.wrong {
        border: 1px solid #f73c3c;
    }

.shiti_part {
    margin-top: 22px;
}

    .shiti_part .answer_list {
        padding: 10px 20px 0;
        width: 60%;
        float: left;
        position: relative;
    }

.answers {
    min-height: 14px;
    line-height: 1.2em;
    cursor: pointer;
    text-align: left;
    padding: 10px 0 10px 38px;
    *padding-left: 0;
    margin-left: 5px;
    background: url(../images/experimentReport/radio.png) no-repeat center left;
    color: #2e2e2e;
    font-size: 16px;
    position: relative;
}

.shiti_part .answer_list .answers img.wrong_img {
    position: absolute;
    left: -12px;
    top: -6px;
}

.radioclass {
    opacity: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    display: block;
    height: 42px;
    position: absolute;
    left: 0;
    top: 0;
}

.answers.on {
    background: url(../images/experimentReport/radio-s.png) no-repeat center left;
    min-height: 14px;
    padding: 10px 0 10px 38px;
    *padding-left: 0;
    margin-left: 5px;
}
/*正确答案的样式*/
.tip_img_fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*提交*/
.btn-submit {
    display: block;
    color: #fff;
    width: 225px;
    height: 45px;
    border-radius: 25px;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    box-shadow: 0px 0px 10px 0px #999;
    background: #11b8ec;
    margin: 25px auto;
}
/*自测弹出框*/
.zice_fade {
    background: url(../images/fade_bg.png);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.zice_df_box {
    width: 340px;
    height: 350px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -190px;
}

.zice_df_top {
    background: url(.../images/df-icon.png) no-repeat center left;
    color: #50627a;
    font-size: 20px;
    padding: 2px 0 2px 27px;
}

.zice_df {
    color: #f2a722;
    font-size: 80px;
    text-align: center;
    padding: 20px 0;
}

.zice_df_btn a {
    display: block;
    width: 228px;
    height: 45px;
    border-radius: 25px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
    line-height: 45px;
    font-size: 18px;
}

    .zice_df_btn a span {
        padding-left: 28px;
    }

    .zice_df_btn a.zice_btn1 {
        background: #0ec5a1;
    }

        .zice_df_btn a.zice_btn1 span {
            background: url(.../images/btn-icon1.png) no-repeat center left;
        }

        .zice_df_btn a.zice_btn1:hover {
            background: #11dfb6;
        }

    .zice_df_btn a.zice_btn2 {
        background: #10b9ed;
    }

        .zice_df_btn a.zice_btn2 span {
            background: url(.../images/btn-icon2.png) no-repeat center left;
        }

        .zice_df_btn a.zice_btn2:hover {
            background: #31ceff;
        }

    .zice_df_btn a.zice_btn3 {
        background: #647a99;
    }

        .zice_df_btn a.zice_btn3 span {
            background: url(.../images/btn-icon3.png) no-repeat center left;
        }

        .zice_df_btn a.zice_btn3:hover {
            background: #7189ab;
        }



/*学习进度*/
.per_title.hasul {
    padding: 0;
}

    .per_title.hasul > span.borderspan, .per_title.hasul > span.title_span {
        float: left;
        margin: 12px 15px 10px 0;
    }

.jp_title_ul {
    float: left;
}

    .jp_title_ul li {
        float: left;
        color: #424141;
        font-size: 20px;
        font-weight: normal;
        margin: 2px 10px 0;
        cursor: pointer;
        padding: 10px 0;
    }

        .jp_title_ul li:hover, .jp_title_ul li.clicked {
            background: url(../images/border_bg.png) no-repeat center bottom;
            color: #11bef3;
        }

.study_jindu_part ul li .click_bar {
    background: #f9f9f9;
    border: 1px solid #d1d1d1;
    color: #576e94;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    border-radius: 4px;
    margin-top: 20px;
    box-shadow: 0px 0px 10px 0px #d4d6d7;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

    .study_jindu_part ul li .click_bar span {
        margin: 0 10px 0 20px;
        display: block;
        background: url(.../images/tab-xiala.png) no-repeat center right;
    }

.study_jindu_part ul li:hover .click_bar {
    background: #fff5f5;
}

.study_jindu_part ul li.clicked .click_bar {
    background: #586f95;
    border: 1px solid #d2defc;
    color: #fff;
}

    .study_jindu_part ul li.clicked .click_bar span {
        background: url(.../images/tab-xiala-s.png) no-repeat center right;
    }

.xiala_div {
    background: #f9f9f9;
    border: 1px solid #d2defc;
    padding: 10px;
    margin: 0 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0px 0px 10px 0px #d4d6d7;
    display: none;
}

    .xiala_div ul li {
        float: left;
        background: #fff;
        width: 40%;
        border: 1px solid #cfdbfa;
        border-radius: 3px;
        padding: 10px 3%;
        margin: 10px 1.8% 5px;
        box-shadow: 0px 0px 10px 0px #d4d6d7;
    }

        .xiala_div ul li > div {
            float: left;
            width: 60%;
        }

            .xiala_div ul li > div.jiedian_name {
                font-size: 16px;
                color: #5a6481;
                width: 40%;
            }

            .xiala_div ul li > div.jiedian_state {
                padding-top: 2px;
            }

                .xiala_div ul li > div.jiedian_state .state_span {
                    display: block;
                    font-size: 16px;
                    text-align: center;
                }

                    .xiala_div ul li > div.jiedian_state .state_span.finished {
                        color: #4ba7ed;
                    }

                    .xiala_div ul li > div.jiedian_state .state_span.unfinished {
                        color: #f2644d;
                    }

.barbox_span {
    position: absolute;
    right: 0;
    top: 0;
    color: #4ba7ed;
    font-size: 16px;
    line-height: 16px;
}
/*个性分析*/
.gexingfenxi {
    width: 96%;
    margin: 0 auto;
}

    .gexingfenxi > div {
        float: left;
    }

        .gexingfenxi > div h2 {
            text-align: center;
            color: #3e4e69;
            font-size: 26px;
            padding: 25px 0 10px;
        }

    .gexingfenxi .lianxi_fenxi {
        width: 50%;
    }

    .gexingfenxi .shijuan_fenxi {
        margin-left: 5%;
        width: 44%;
    }

    .gexingfenxi > div .shuoming_div img {
        float: left;
        margin-top: 5px;
    }

    .gexingfenxi > div .shuoming_div p {
        line-height: 1.8em;
        padding: 0;
        text-indent: 10px;
    }
/*课程公告*/
/*.scourse_notice{position: relative;}*/
.news_div {
    padding: 25px 0;
}

.news_l {
    width: 230px;
    border-right: 1px solid #e7e7e7;
    padding-right: 20px;
}

.news_l_cont {
    width: 230px;
    min-height: 200px;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0px 0px 15px 1px #d4d6d7;
}

    .news_l_cont ul {
        width: 95%;
        margin: 0 auto;
    }

        .news_l_cont ul li {
            padding: 10px 0;
            border-bottom: 1px solid #e4e4e4;
        }

            .news_l_cont ul li a {
                color: #354050;
                display: block;
                padding: 0 6px;
                position: relative;
            }

            .news_l_cont ul li span.news_t {
                line-height: 1.5em;
                font-size: 16px;
                display: block;
            }

            .news_l_cont ul li a:hover span.news_t, .news_l_cont ul li a.clicked span.news_t {
                text-decoration: underline;
                color: #0e99c4;
            }

img.zhiding {
    padding: 0 0 0 5px;
    vertical-align: middle;
}

.news_l_cont ul li span.news_date {
    color: #b5b5b5;
    display: block;
    width: 72px;
    text-align: right;
    position: absolute;
    right: 12px;
    bottom: 0px;
    /*font-size: 12px;*/
}

.news_r {
    width: 73%;
    margin-left: 30px;
}

.news_r_title {
    font-size: 20px;
    color: #354050;
    text-align: center;
    font-weight: normal;
    padding: 13px 0 11px;
}

    .news_r_title .news_time {
        color: #b5b5b5;
        padding: 4px 0;
    }

.news_r p {
    text-indent: 2em;
    color: #2e2e2e;
    font-size: 16px;
    line-height: 1.8em;
    padding-bottom: 10px;
}


 

@media only all and (max-width: 1400px) {
    .news_r {
        width: 68%;
    }
}

@media only all and (max-width: 1240px) {
    .news_r {
        width: 66%;
    }
}
