@charset "utf-8";

/* CSS Document */

body {
    /*font-family: "黑体","Microsoft YaHei",STHeiti,Verdana,Arial, Helvetica, sans-serif;*/
    font-family: "微软雅黑";
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:visited {
    text-decoration: none !important;
}

ul li {
    list-style: none;
}


.pointer {
    cursor: pointer;
}

/*****header*******/
.header {
    width: 100%;
    /*height: 160px;*/
    height: 130px;
    /*height: 120px;*/
    /*background-color: #0165df;*/
    background: linear-gradient(#136dbf, #06ccfb);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.headerLogo img {
    width: 180px;
}

.hearderTop {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.headerCon {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerSearch {
    width: 50%;
    max-width: 700px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    /*box-shadow: 2px 2px 3px #ccc;*/

}

.searchCon {
    position: relative;
}

.searchChose {
    width: 150px;
    height: 50px;
    border-right: 1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.searchChose p {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
}

.searchType {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
}

.searchType li {
    font-size: 16px;
    color: #333;
    line-height: 2;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
}

.searchType li:hover {
    color: #fff;
    background-color: #0165df;
}

.searchTxt {
    width: calc(100% - 267px);
    height: 48px;
    border: none;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    letter-spacing: 1px;
}

.searchBtn {
    width: 120px;
    height: 50px;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #0165df;
    font-size: 22px;
    color: #fff;
    border-radius: 0 30px 30px 0;
}

.headerLogin {
    width: 180px;
    height: 46px;
    border-radius: 50px;
    border: 2px solid #0165df;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerLogin div {
    width: calc(50% - 1px);
    font-size: 16px;
    color: #0165df;
    text-align: center;
    cursor: pointer;
}

.headerLogin div.line {
    width: 2px;
    height: 20px;
    background-color: #0165df;
}

.headerUser {
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerUser a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerUser img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin-right: 10px;
}

.headerUser span {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.headerUser .msg {
    margin-left: 10px;
    display: flex;
    justify-content: center;
}

.headerUser .msg .msg-num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    /*position: relative;*/
    /*top: -4px;*/
    background-color: #e70c0c;
    color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50px;
}

.loginOut {
    margin-top: 10px;
    padding: 2px 10px;
    border-radius: 50px;
    border: 2px solid #ccc;
    font-size: 18px;
    color: #ccc;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.headerUser .loginOut {
    margin-left: 10px;
    padding: 2px 10px;
    border-radius: 50px;
    border: 2px solid red;
    font-size: 16px;
    color: red;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.headerNav {
    /*height: 80px;*/
    height: 50px;
    /*height: 40px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerNav li {
    margin: 0 20px;
}

.headerNav li a {
    /*height: 80px;*/
    /*font-size: 24px;*/
    /*line-height: 80px;*/
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    height: 60px;
    font-size: 20px;
    line-height: 60px;
}

.headerNav li.on a,
.headerNav li a:hover {
    color: #fff;
    /* font-weight: bold; */
}

.headerNav li a::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 10px;

    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.headerNav li.on a::after,
.headerNav li a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

/*****header*******/

/***footer***/
.footer {
    background-color: #0e54a8;
    margin-top: 20px;
}

.footerTop {
    padding: 60px 0;
    display: flex;
    align-items: flex-start;
    /*justify-content: flex-start;*/
    justify-content: space-between;
}

.footerNav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.footerNav li {
    /*margin-left: 10vw;*/
    margin-right: 5vw;
}

.footerNav li h6 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.footerNav li a {
    margin-top: 10px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.footerNav li a:hover {
    color: #fff;
    text-decoration: underline !important;
}

.footerCopy {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding: 15px 0;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footerCopy p,
.footerCopy a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.footerCopy a {
    margin-left: 15px;
}


.footer .img_qr_code {
    width: 120px;
    height: 120px;
    background-color: #fff;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.footer .img_qr_code img {
    width: 100%;
    height: 100%;
}

.footer .img_qr_code p {
    margin-top: 10px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
}

/***footer***/

/***alert***/
.alertWarpper {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
}

.alertCon {
    width: 450px;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    /*top: 22%;*/
    left: calc(50% - 225px);
    display: none;

    top: 10%;
    height: 80%;
    overflow: scroll;
}

.alertClose {
    width: 20px;
    height: 20px;
    margin: 0 0 0 auto;
    cursor: pointer;
}

.alertBox {
    margin-top: 10px;
}

.alertHead {
    text-align: center;
}

.alertHead img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.alertTitle {
    font-size: 20px;
    color: #000;
    text-align: center;
}

.alertForm {
    padding: 30px;
}

.alertList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.alertList li {
    width: calc((100% - 40px) / 3);
    height: 46px;
    border-radius: 5px;
    border: 1px solid #999;
    font-size: 16px;
    color: #999;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
}

.alertList li:nth-child(3n) {
    margin-right: 0;
}

.alertList li.on {
    color: #0165df;
    border-color: #0165df;
}

.alertInput input {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 10px;
    background-color: #eee;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.alertEwm {
    text-align: center;
}

.alertBtn {
    margin-top: 40px;
    text-align: center;
}

.alertBtn input {
    width: 140px;
    height: 40px;
    border: none;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 18px;
    color: #fff;
}

.alertReturn {
    margin-top: 40px;
    text-align: center;
}

.alertReturn input {
    width: 200px;
    height: 40px;
    border: 1px solid #0165df;
    border-radius: 5px;
    background-color: transparent;
    font-size: 18px;
    color: #0165df;
}

.alertBtn .alertReturn {
    margin-top: 0;
}

.loginType {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.loginType li {
    padding: 0 10px;
    margin-right: 10px;
    font-size: 16px;
    color: #999;
    cursor: pointer;
    position: relative;
}

.loginType li.on {
    color: #000;
    font-weight: bold;
}

.loginType li.on::after {
    content: '';
    display: block;
    width: 40px;
    height: 5px;
    border-radius: 5px;
    background-color: #0165df;
    position: absolute;
    left: calc(50% - 20px);
    bottom: -11px;
}

.loginForm {
    padding: 0 15px;
}

.loginForm:nth-child(n+2) {
    display: none;
}

.loginInput {
    margin-top: 10px;
    position: relative;
}

.loginInput input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    color: #000;
}
.login-psw-box{
    display: flex;
    justify-content: center;
    align-items: center;
}

.getCode {
    font-size: 14px;
    color: #0165df;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.loginForget {
    margin-top: 10px;
    text-align: right;
}

.loginForget a {
    font-size: 12px;
    color: #999;
}

.loginForget a:hover {
    color: #0165df;
    text-decoration: underline !important;
}

.loginBtn {
    margin-top: 20px;
}

.loginBtn input {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 40px;
    background-color: #0165df;
    font-size: 18px;
    color: #fff;
}

.loginRegister {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
    text-align: center;
    cursor: pointer;
}

.otherLogin {
    margin-top: 30px;
    position: relative;
    z-index: 0;
}

.otherLogin::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: -1;
}

.otherLogin h6 {
    width: 100px;
    background-color: #fff;
    margin: 0 auto;
    font-size: 12px;
    color: #999;
    text-align: center;
}

.otherLogin_type {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.otherLogin_type a {
    display: block;
    font-size: 12px;
    color: #000;
    line-height: 2;
    text-align: center;
}

.registerRead {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.registerRead input[type=checkbox] {
    margin: 0 5px 0 0;
    /*同样，首先去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*编辑我们自己的样式*/
    position: relative;
    top: 0;
    width: 14px;
    height: 14px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.registerRead input[type=checkbox]:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/checked.png) center/cover no-repeat;
    color: #fff;
    position: relative;
    right: 1px;
    bottom: 1px;
    opacity: 0;
}

.registerRead input[type=checkbox]:checked:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    opacity: 1;
}

.registerRead p {
    font-size: 14px;
    color: #999;
}

.registerRead p a {
    color: #0165df;
}

.alertChecked {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.alertChecked li {
    width: 30%;
    margin-right: 5%;
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.alertChecked li input {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.alertChecked li:nth-child(3n) {
    margin-right: 0;
}

.alertChecked li:nth-child(n+4) {
    margin-top: 20px;
}

.alertForm_need textarea {
    width: 100%;
    height: 140px;
    padding: 10px 20px;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}

.reportAlert textarea {
    width: 100%;
    height: 140px;
    padding: 10px 20px;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}

.alertForm_need input[type="file"] {
    margin-top: 10px;
}

.enterpriseAlert {
    width: 800px;
    left: calc(50% - 400px);
}

.enterpriseAlert_input {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.enterpriseAlert_input h6 {
    font-size: 18px;
    color: #000;
    padding-top: 16px;
}

.enterpriseAlert_input h6 span {
    color: #f4000b;
}

.enterpriseAlert_input input {
    width: calc(100% - 100px);
    height: 50px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #333;
    padding: 0 20px;
}

.enterpriseAlert_input textarea {
    width: calc(100% - 100px);
    height: 180px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    padding: 10px 20px;
}

.enterpriseAlert .materialUpload {
    width: calc(100% - 100px);
}

.enterpriseAlert .materialUpload .materialUpload_box {
    margin-right: 20px;
}

.enterpriseAlert .materialUpload .settledList_img {
    width: 100%;
}

.enterpriseAlert .materialUpload .materialUpload_btn {
    width: 120px;
}

/***alert***/

/*****banner*******/
.banner {
    margin-top: 120px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #eff3f6;
}

.bannerTxt {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
}

.bannerTxt h6 {
    font-size: 36px;
    color: #fff;
    letter-spacing: 1px;
}

.bannerTxt p {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}

/*****banner*******/

.comment_title {
    /* text-align: center; */
}

.comment_title h5 {
    font-size: 58px;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
}

.comment_title h5:last-child::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #0165df;
    margin-left: 30px;
}

.comment_title h6 {
    font-size: 38px;
    color: #333333;
    text-transform: uppercase;
}

.comment_title p {
    margin-top: 20px;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
}

.comment_title.center {
    text-align: center;
}

.comment_title.white h5,
.comment_title.white h6,
.comment_title.white p {
    color: #fff;
}


.comment_btn {
    margin: 0 auto;
    display: block;
    width: 260px;
    height: 46px;
    border-radius: 46px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: #666;
    font-weight: bold;
    text-align: center;
    line-height: 46px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.comment_btn:hover {
    color: #fff;
    background-color: #000;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    transform: translateY(-10px);
}


.padding80 {
    padding: 80px 0;
}

.padding100 {
    padding: 100px 0;
}

.marginTop60 {
    margin-top: 60px;
}

.marginTop30 {
    margin-top: 30px;
}

.warpper {
    padding: 20px 0;
    background-color: #f8f8f8;
}

.commentNav {
    /*display: flex;*/
    /*align-items: flex-start;*/
    /*justify-content: flex-start;*/
}

.commentNav a {
    font-size: 16px;
    color: #666;
    margin-right: 8px;
}

.commentPag {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.commentPag li {
    margin: 0 10px;
}

.commentPag li a {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 24px;
    color: #333;
    line-height: 60px;
    text-align: center;
}

.commentPag li.on a,
.commentPag li:hover a {
    color: #fff;
    background-color: #0165df;
}

/* forget.html */
.forgetWarpper {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 50px;
    background-color: #fff;
}

.forgetSpec {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    position: relative;
    z-index: 0;
}

.forgetSpec::before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e5e5e5;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: -1;
}

.forgetSpec::after {
    content: '';
    display: block;
    width: 15%;
    height: 4px;
    background-color: #0165df;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: -1;
}

.forgetSpec.first::after {
    width: 16%;
}

.forgetSpec.second::after {
    width: 52%;
}

.forgetSpec.third::after {
    width: 100%;
}

.forgetSpec li {
    text-align: center;
}

.forgetSpec li h6 {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0165df;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.forgetSpec li p {
    margin-top: 10px;
    font-size: 18px;
    color: #000;
}

.forgetForm {
    margin: 60px auto;
    width: 300px;
}

.forgetInput {
    position: relative;
}

.forgetInput input {
    width: 300px;
    height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
}

.forgetGetCode {
    width: 100px;
    height: 40px;
    background-color: #0165df;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;

    position: absolute;
    top: 0;
    right: 0;
}

.forgetBtn {

}

.forgetBtn input {
    width: 300px;
    height: 40px;
    border: none;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 16px;
    color: #fff;
}

.forgetReturn {
    padding: 80px 0;
    font-size: 18px;
    color: #000;
    text-align: center;
}

.forgetReturn span {
    color: #0165df;
    cursor: pointer;
}

/* forget.html */

/* index.html */
.indBanner_con {
    margin-top: 20px;
    position: relative;
}

.indBanner_swiper {
    width: calc(70% - 20px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.indBanner_swiperPag {
    text-align: right;
    padding-right: 20px;
    bottom: 30px !important;
}

.indBanner_swiperPag .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #0165df;
    margin: 0 10px !important;
}

.indBanner_swiperBtn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    left: 14%;
    bottom: 30px;
    z-index: 1;
}

.indBannner_swiperPrev,
.indBannner_swiperNext {
    cursor: pointer;
    margin: 0 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.indBannner_swiperPrev:hover,
.indBannner_swiperNext:hover {
    background-color: rgba(0, 101, 223, 1);
}

.indBanner_img {
    width: 100%;
    height: 100%;
    display: block;
}

.indBanner_list {
    width: 31%;
    margin: 0 0 0 auto
}

.indBanner_list li:nth-child(n+2) {
    margin-top: 10px;
}

.indBanner_list li a {
    position: relative;
}

.indBanner_listImg {
    overflow: hidden;
}

.indBanner_listImg .indBanner_listImgBox {
    height: 140px;
    transition: all 0.3s ease-in-out;
}

.indBanner_listTxt {
    width: 100%;
    padding: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.indBanner_listTxt h6 {
    font-size: 14px;
    color: #000;
    transition: all 0.3s ease-in-out;
}

.indBanner_listTxt h6 span {
    font-weight: bold;
}

.indBanner_listTxt p {
    font-size: 14px;
    color: #000;
    line-height: 2;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease-in-out;
}

.indBanner_list li a:hover .indBanner_listImg .indBanner_listImgBox {
    transform: scale(1.1);
}

.indBanner_list li a:hover .indBanner_listTxt h6,
.indBanner_list li a:hover .indBanner_listTxt p {
    padding-left: 10px;
    color: #0165df;
}

.indSec1 {
    background-color: #fff;
}

.indSec1_con {
    margin-top: 30px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.indSec1_left {
    width: 200px;
}

.indSec1_classify {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.indSec1_classify li {
    width: calc(50% - 10px);
    margin-bottom: 10px;
}

.indSec1_classify li a {
    font-size: 16px;
    color: #999;
}

.indSec1_classify li a:hover {
    color: #0165df;
    text-decoration: underline !important;
}

.indSec1_more {
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.indSec1_more img {
    margin-left: 10px;
}

.indSec1_more:hover {
    padding-left: 10px;
}

.indSec1_swiper {
    width: calc((100% - 280px) * 0.65);
}

.indSec1_swiperPag {
    text-align: right;
    padding-right: 20px;
    bottom: 30px !important;
}

.indSec1_swiperPag .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #fff;
    margin: 0 10px !important;
}

.indSec1_box {
    display: block;
    background-color: #0165df;
}

.indSec1_img {
    overflow: hidden;
}

.indSec1_img .indSec1_imgBox {
    height: 250px;
    transition: all 0.3s ease-in-out;
}

.indSec1_box:hover .indSec1_img .indSec1_imgBox {
    transform: scale(1.1);
}

.indSec1_txt {
    width: 80%;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.indSec1_time {
    text-align: center;
}

.indSec1_time h6 {
    font-size: 62px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}

.indSec1_time p {
    font-size: 16px;
    color: #fff;
}

.indSec1_text {
    width: calc(100% - 90px);
}

.indSec1_text h6 {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indSec1_box:hover .indSec1_text h6 {
    text-decoration: underline;
}

.indSec1_text p {
    margin-top: 5px;
    font-size: 14px;
    color: #fff;
}

.indSec1_list {
    width: calc((100% - 280px) * 0.35);
}

.indSec1_list li {
    padding: 15px 0;
}

.indSec1_list li:first-child {
    padding-top: 0;
}

.indSec1_list li:last-child {
    padding-bottom: 0;
}

.indSec1_list li:nth-child(n+2) {
    border-top: 2px solid #f5f5f5;
}

.indSec1_list li h6 {
    font-size: 14px;
    color: #999;
}

.indSec1_list li p {
    margin-top: 10px;
    font-size: 16px;
    color: #000;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indSec1_list li a {
    transition: all 0.3s ease-in-out;
}

.indSec1_list li:hover a {
    padding-left: 10px;
}

.indSec1_list li:hover p {
    color: #0165df;
    text-decoration: underline;
}

.indSec2_con {
    position: relative;
}

.indSec2_left {
    width: 330px;
    height: 100%;
    padding: 6% 30px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.indSec2_title {

}

.indSec2_title h6 {
    font-size: 36px;
    color: #333;
    margin-bottom: 6%;
}

.indSec2_title p {
    font-size: 48px;
    color: #333;
    font-weight: bold;
    line-height: 1;
}

.indSec2_more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 30px;
    bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.indSec2_more:hover {
    left: 40px;
}

.indSec2_more span {
    font-size: 18px;
    color: #0165df;
}

.indSec2_more img {
    margin: -2px 0 0 5px;
}

.indSec2_right {
    width: calc(100% - 370px);
    padding: 40px 60px;
    margin: 0 0 0 auto;
    background-color: #fff;
}

.indSec2_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.indSec2_list li {
    font-size: 18px;
    color: #999;
    padding-bottom: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.indSec2_list li::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background-color: #0165df;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.indSec2_list li.on,
.indSec2_list li:hover {
    color: #0165df;
}

.indSec2_list li.on::after,
.indSec2_list li:hover::after {
    width: 40px;
    left: calc(50% - 20px);
}

.indSec2_list li:nth-child(n+2) {
    margin-left: 40px;
}

.indSec2_box {
    display: block;
}

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

.indSec2_txt p {
    font-size: 16px;
    color: #000;
}

.indSec3 {
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.indSec3 .container {
    position: relative;
}

.indSec3::before {
    content: '';
    display: block;
    width: 100%;
    height: 140px;
    background-color: #0165df;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: -1;
}

.indSec3_left {
    width: 60%;
}

.indSec3_left .flex {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.indSec3_classify {
    width: calc(100% - 240px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.indSec3_classify li {
    margin-right: 10px;
}

.indSec3_classify li a {
    font-size: 16px;
    color: #999;
}

.indSec3_classify li:last-child a {
    color: #000;
}

.indSec3_classify li:hover a {
    color: #0165df;
    text-decoration: underline !important;
}

.indSec3_swiper {
    padding-bottom: 180px;
}

.indSec3_txt {
    font-size: 38px;
    color: #333 !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px;
}

.indSec3_swiperPag {
    width: 70%;
    text-align: left;
    bottom: 0 !important;
}

.indSec3_swiperPag .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 28px;
    color: #0165df;
    line-height: 40px;
    text-align: center;
    margin: 0 30px 0 0 !important;
}

.indSec3_swiper2 {
    width: 35%;
    height: calc(100% + 100px);
    position: absolute;
    top: 0;
    right: 0;
}

.indSec3_box {
    overflow: hidden;
}

.indSec3_img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.indSec3_box:hover .indSec3_img {
    transform: scale(1.1);
}

.indSec3_swiper2Btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 35%;
    bottom: 0;
    z-index: 1;
}

.indSec3_swiper2Btn > div {
    width: 40px;
    height: 40px;
    margin-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.indSec4 {
    background-color: #fff;
}

.indSec4_con {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
}

.indSec4_con .top {
    position: absolute;
    top: 15px;
    left: 100px;
}

.indSec4_con .indSec3_classify {
    width: auto;
    max-width: calc(100% - 400px);
}

.indSec4_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.indSec4_list li {
    width: calc((100% - 60px) / 4);
    background-color: #fff;
    margin-right: 20px;

    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
}

.indSec4_list li:nth-child(4n) {
    margin-right: 0;
}

.indSec4_list li:nth-child(n+5) {
    margin-top: 20px;
}

.indSec4_img {
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.indSec4_img img {
    transition: all 0.3s ease-in-out;
}

/*.indSec4_list li:hover .indSec4_img img{*/
/*	transform: scale(1.1);*/
/*}*/
.indSec4_txt {
    /*padding: 20px;*/
    padding: 10px 10px 0px 10px;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.indSec4_txt h6 {
    font-size: 20px;
    color: #333;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    /*height: 56px;*/
}

.indSec4_list li:hover .indSec4_txt h6 {
    color: #0165df;
    text-decoration: underline;
}

.indSec4_txt p {
    /*margin-top: 10px;*/
    margin-top: 5px;
    font-size: 18px;
    color: #999;

    display: flex;
    align-items: center;
}

.indSec4_txt p span{
    margin-left: 3px;
}

.indSec4_txt .price {
    display: block;
    /*margin-top: 10px;*/
    margin-top: 5px;
    font-size: 24px;
    color: #fe3b03;
    font-weight: bold;
    text-align: right;
}

.indSec4_txt .price span {
    font-size: 18px;
}

.indSec4_btn {
    margin: 20px auto 0;
    width: 100px;
    height: 34px;
    background-color: #0165df;
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
}

.indSec5 {

}

.indSec5_top {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.indSec5_top .top {
    position: absolute;
    top: 15px;
    left: 250px;
}

.indSec5_more {
    font-size: 18px;
    color: #000 !important;
}

.indSec5_con {
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    min-height: 280px;
}

.indSec5_left {
    width: 280px;
    height: 650px;
    padding: 50px 0 50px 30px;
    background: url(../images/indSec5_bg.jpg) center/cover no-repeat;
}

.indSec5_left h6 {
    font-size: 18px;
    color: #fff;
}

.indSec5_left h6 span {
    font-size: 26px;
}

.indSec5_classify {
    width: 100%;
    margin-top: 40px;
}

.indSec5_classify li {
    position: relative;
    padding: 25px 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.indSec5_classify li.on {
    background-color: #fff;
}

.indSec5_classify li img:nth-child(1),
.indSec5_classify li.on img:nth-child(2) {
    display: none;
}

.indSec5_classify li.on img:nth-child(1) {
    display: block;
}

.indSec5_classify li span {
    font-size: 18px;
    color: #fff;
    margin-left: 30px;
}

.indSec5_classify li.on span {
    color: #0165df;
}

.indSec5_list {
    width: calc(100% - 300px);
    display: none;
}

.indSec5_list.on {
    display: block;
}

.indSec5_list li a {
    /*padding: 30px 40px 30px 10px;*/
    padding: 20px 40px 20px 10px;
    position: relative;
}

.indSec5_list li:nth-child(n+2) a {
    border-top: 1px dashed #ddd;
}

.indSec5_img {
    width: 140px;
    height: calc(100% - 60px);
    overflow: hidden;
    border-radius: 5px;
    position: absolute;
    top: 30px;
    left: 10px;
}

.indSec5_img .indSec5_imgBox {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.indSec5_list li a:hover .indSec5_img .indSec5_imgBox {
    transform: scale(1.1);
}

.indSec5_box {
    /*width: calc(100% - 170px);*/
    width: 100%;
    margin: 0 0 0 auto;
}

.indSec5_txt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.indSec5_txt h6 {
    width: 100%;
    font-size: 18px;
    color: #333;
    line-height: 1.6;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indSec5_list li:hover .indSec5_txt h6 {
    color: #0165df;
    text-decoration: underline;
}

.indSec5_txt p {
    font-size: 14px;
    color: #999;
}

.indSec5_txt p span {
    font-size: 18px;
    color: #000;
}

.indSec5_txt p span.price {
    /*font-size: 24px;*/
    font-size: 18px;
    color: #f4000b;
}

.indSec5_label {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.indSec5_label li {
    padding: 0 10px;
    background-color: #e5effc;
    font-size: 12px;
    color: #0165df;
    line-height: 24px;
    margin: 0 10px 10px 0;
}

.indSec6 {
    background-color: #fff;
    position: relative;
}

.indSec6_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.indSec6_list li {
    width: 40%;
    position: relative;
    margin-top: 6%;
    overflow: hidden;
}

.indSec6_list li:nth-child(2n) {
    margin-top: -200px;
}

.indSec6_img {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indSec6_img img {
    transition: all 0.3s ease-in-out;
}

.indSec6_list li:hover .indSec6_img img {
    transform: scale(1.1);
}

.indSec6_txt {
    width: 70%;
    padding: 20px;
    background-color: rgba(0, 101, 223, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.indSec6_list li:hover .indSec6_txt {
    transform: translate(-101%, 101%);
}

.indSec6_txt h6 {
    font-size: 18px;
    color: #fff;
    line-height: 1.6;
}

.indSec6_txt p {
    margin-top: 10px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.indSec6_box {
    width: 100%;
    height: 100%;
    padding: 50px;
    background-color: rgba(0, 101, 223, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: scroll;

    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;

    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

.indSec6_list li:hover .indSec6_box {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
}

.indSec6_box img {
    max-width: 60%;
    max-height: 100px;
}

.indSec6_box h6 {
    margin-top: 5%;
    width: 100%;
    font-size: 22px;
    color: #fff;
    line-height: 1.6;
}

.indSec6_box p {
    margin-top: 5%;
    width: 100%;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    text-indent: 2em;
}

.indSec6_more {
    width: 100%;
    margin-top: 5%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* position: absolute;
	right: 50px;
	bottom: 50px; */
}

.indSec6_more span {
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
}

.indSec6_con {
    position: relative;
}

.indSec6_bottom {
    width: 40%;
    padding-bottom: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.indSec6_bottom h6 {
    font-size: 24px;
    color: #000;
    line-height: 2;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
}

.indSec6_classfiy {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.indSec6_classfiy a {
    /* width: calc((100% - 60px)/4); */
    margin-right: 20px;
    margin-bottom: 20px;

    font-size: 16px;
    color: #999;
}

.indSec6_classfiy a:hover {
    color: #0165df;
    text-decoration: underline !important;
}

.indSec6_bottom .indSec6_more {
    right: 0;
    bottom: 0;
}

.indSec6_bottom .indSec6_more span {
    color: #000;
}

/* index.html */

/* article.html */
.articleCon {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.articleClassify {
    /*width: 200px;*/
    width: 210px;
}

.articleClassify li {
    margin-bottom: 10px;
    width: 200px;
    height: 46px;
    padding: 10px;
    background-color: #fff;
    font-size: 16px;
    color: #666;
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.articleClassify li.on,
.articleClassify li:hover {
    color: #fff;
    background-color: #0165df;

    font-size: 18px;
    font-weight: bold;
}

.articleClassify2Box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
    margin-bottom: 15px;
}

.articleClassify2 {
    width: 100%;
    height: 50px;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.articleClassify2 li {
    font-size: 20px;
    color: #000;
    line-height: 50px;
    margin-right: 40px;
    cursor: pointer;
}

.articleClassify2 li.on {
    color: #0165df;
    border-bottom: 2px solid #0165df;
}

.articleClassify2_btn {
    /* display: block; */
    width: 90px;
    height: 30px;
    border-radius: 10px;
    /* border: 2px solid #0165df; */
    font-size: 19px;
    /* color: #0165df!important; */
    color: #fff !important;
    line-height: 30px;
    text-align: center;
    margin-right: 18px;
    background-color: #0165df;
}

.articleListBox {
    width: calc(100% - 250px);
}

.articleList {

}

.articleList li:nth-child(n+2) {
    margin-top: 15px;
}

.articleList li a {
    padding: 3px 15px 10px 15px;
    background-color: #fff;
    position: relative;
    transition: all 0.3s ease-in-out;

    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
}

.articleImg {
    width: 20%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
}

.articleImgBox {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.articleList li:hover .articleImgBox {
    transform: scale(1.1);
}

/*.articleList li:hover a{*/
/*	padding-left: 40px;*/
/*}*/
.articleTxt {
    width: 80%;
}

.articleTxt h6 {
    font-size: 20px;
    color: #000;
    line-height: 2;
    transition: all 0.3s ease-in-out;
}

.articleList li:hover .articleTxt h6 {
    color: #0165df;
    font-weight: bold;
}

.articleTxt .line {
    width: 100px;
    height: 2px;
    background-color: #0165df;
    /*margin-top: 10px;*/
}

.articleTxt p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 2;
}

.articleTxt .time {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}

.articleList_bottom {
    /*border-top: 1px solid #ddd;*/
    /*padding-top: 10px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleList_bottom .articleLeft_bottomBox {
    width: 100%;
    justify-content: space-between;
}

.articleLeft_bottomBox p {
    margin: auto;
}

.articleList_user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.articleList_user img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.articleList_user p {
    font-size: 18px;
    color: #333;
    margin-left: 10px !important;
}

.articleList_time {
    font-size: 16px;
    color: #999;
}

.articleTxt .more {
    /*margin-top: 20px;*/
    margin-top: 10px;
    width: 130px;
    height: 36px;
    background-color: #0165df;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.articleList li:hover .articleTxt .more {
    /*margin-left: 10px;*/
}

.articleLeft {
    width: calc(70% - 30px);
}

.articleLeft_box {
    /*padding: 30px 40px;*/
    padding: 20px 20px;
    background-color: #fff;
}

.articleLeft_top h6 {
    font-size: 28px;
    color: #000;
    line-height: 1.6;
}

.articleLeft_top p {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleLeft_top p a {
    font-size: 16px;
    color: #0165df;
}

.articleLeft_top p span {
    font-size: 13px;
    color: #999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleLeft_con {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.articleLeft_con p {
    font-size: 17px;
    color: #000;
    line-height: 2;
}

.articleLeft_con img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.articleLeft_con p:nth-child(n+2),
.articleLeft_con img:nth-child(n+2) {
    margin-top: 30px;
}

.articleLeft_bottom {
    /*margin-top: 30px;*/
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleLeft_bottomBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.articleLeft_bottomBox p,
.articleLeft_bottomBox #reward{
    font-size: 13px;
    color: #999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleLeft_bottomBox p:nth-child(n+2),
.articleLeft_bottomBox #reward:nth-child(n+2) {
    margin-left: 30px;
}

.articleLeft_bottomBox img {
    margin-right: 5px;
    width: 15px;
    height: 15px;
}

.articleLeft_bottomBox .imgList {
    margin-left: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.articleLeft_bottomBox .imgList img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 -3px;
}

.articleLeft_eval {
    margin-top: 30px;
    padding: 20px;
    background-color: #fff;
}

.articleLeft_evalTitle {
    font-size: 24px;
    color: #000;
    /*padding-bottom: 20px;*/
    border-bottom: 1px solid #ddd;
}

.articleLeft_evalTitle span {
    font-size: 18px;
    color: #999;
    margin-left: 10px;
}

.articleLeft_evalInput {
    /*margin-top: 30px;*/
    margin-top: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleLeft_evalInput img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}

.articleLeft_evalInput input[type="text"] {
    width: calc(100% - 180px);
    /*height: 60px;*/
    height: 30px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #000;
    padding: 0 20px 0 10px;
}

.articleLeft_evalInput input[type="button"] {
    width: 100px;
    /*height: 60px;*/
    height: 30px;
    border: none;
    background-color: #0165df;
    font-size: 18px;
    color: #fff;
}

.articleLeft_evalInput .identity {
    width: 120px;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articleLeft_evalList {
    /*margin-top: 20px;*/
    margin-top: 10px;
    width: 100%;
}

.articleLeft_evalList2 {
    padding-left: 50px;
}

.articleLeft_evalList li {
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.articleLeft_evalList li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.articleLeft_evalList li > img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 20px;
}

.articleLeft_evalList_txt {
    width: calc(100% - 70px);
    padding-right: 100px;
}

.articleLeft_evalList_txt h6 {
    font-size: 18px;
    color: #000;
}

.articleLeft_evalList_txt h6 .identity {
    position: relative;
    top: -2px;
    display: inline-block;
    border-radius: 5px;
    padding: 0 4px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #999;
    line-height: 1.6;
}

.articleLeft_evalList_txt h6 span {
    font-size: 16px;
    color: #666;
    /*margin-left: 10px;*/
    margin: 0 10px;
}

.articleLeft_evalList_txt p {
    margin-top: 10px;
    font-size: 18px;
    color: #333;
    line-height: 2;
}

.articleLeft_evalList_txt p .reply {
    display: inline;
    font-size: 18px;
    color: #0165df;
    font-weight: bold;
    cursor: pointer;
}

.articleLeft_evalList_txt .time {
    margin-top: 10px;
    font-size: 13px;
    color: #999;
}

.articleLeft_evalList_txt .articleLeft_bottomBox {
    position: absolute;
    top: 50px;
    right: 30px;
}

.articleRight {
    width: 30%;
}

.articleRight_user {
    padding: 33px;
    background-color: #fff;

    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
}

.articleRight_userTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleRight_userTop img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.articleRight_userTop p {
    width: calc(100% - 70px);
    font-size: 20px;
    color: #333;
}

.articleRight_userCenter {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleRight_userCenter li {
    width: 50%;
    text-align: center;
    position: relative;
}

.articleRight_userCenter li:nth-child(n+2)::before {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: #ddd;
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
}

.articleRight_userCenter h6 {
    font-size: 26px;
    color: #333;
    display: inline-block;
    position: relative;
}

.articleRight_userCenter h6 span {
    padding: 0 5px;
    min-width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fa2d2d;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(110%);
}

.articleRight_userCenter p {
    font-size: 15px;
    color: #999;
}

.articleRight_userBtn {
    display: block;
    margin: 20px auto 0;
    width: 60%;
    height: 40px;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 16px;
    color: #fff !important;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
}

.articleRight_recommend {
    margin-top: 30px;
    background-color: #fff;
}

.articleRight_recommend h6 {
    padding: 20px 30px;
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.articleRight_recommendBox {
    padding: 20px 30px;
}

.articleRight_recommendBox a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 2;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articleRight_recommendBox a:hover {
    color: #0165df;
    text-decoration: underline !important;
}

.articleRight_recommendBox a:nth-child(n+2) {
    margin-top: 10px;
}

.articleRight_recommendBox span {
    font-size: 14px;
    color: #0165df;
    float: right;
}

.articleForm {
    padding: 40px;
    margin-top: 30px;
    background-color: #fff;
}

.articleForm_title {
    font-size: 22px;
    color: #000;
    font-weight: bold;
}

.articleForm_title:nth-child(n+2) {
    margin-top: 30px;
}

.articleForm_title2 {
    margin-top: 30px;
    font-size: 20px;
    color: #000;
}

.articleForm_title3 {
    margin: 30px 0;
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.articleForm_title3 img {
    margin-right: 10px;
}

.articleForm input[type="text"] {
    margin-top: 20px;
    width: 100%;
    height: 66px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 20px;
    color: #000;
}

.articleForm textarea {
    margin-top: 30px;
    width: 100%;
    height: 300px;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 20px;
    color: #000;
    line-height: 2;
}

.articleForm_box {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.articleForm_img {
    width: 300px;
    height: 200px;
    margin-right: 20px;
    position: relative;
}

.uploadClose {
    width: 22px !important;
    height: 22px !important;
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
}

.articleForm_upload {
    padding-top: 50px;
    width: 300px;
    height: 200px;
    border-radius: 5px;
    text-align: center;
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.articleForm_upload p {
    margin-top: 20px;
    width: 100%;
    font-size: 16px;
    color: #999;
    text-align: center;
}

.articleForm_upload input[type="file"] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.articleForm_upload input[type="button"] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.articleForm_box textarea {
    margin-top: 0;
    margin-left: 30px;
    width: 440px;
    height: 200px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #000;
    line-height: 2;
}

.articleForm_line {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin-top: 40px;
}

.articleForm_label {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.articleForm_label li {
    padding: 0 15px;
    margin: 0 20px 20px 0;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #999;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}

.articleForm_label li.on {
    color: #0165df;
    border-color: #0165df;
    background-color: #e0edfc;
}

.articleForm_label li.on a {
    color: #0165df;
    border-color: #0165df;
    background-color: #e0edfc;
}

.articleForm_important {
    font-size: 16px;
    color: #ff1616;
}

.articleForm_submit {
    margin-top: 40px;
    width: 100%;
    height: 100px;
    text-align: right;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.articleForm_submit input {
    width: 120px;
    height: 40px;
    border-radius: 5px;
    border: none;
    background-color: #0165df;
    font-size: 20px;
    color: #fff;
}

/* article.html */

/* material.html */
.materialTop {
    padding: 10px 27px 10px 27px;;
    background-color: #fff;
    position: relative;
}

.materialClassify {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.materialClassify .swiper-slide {
    width: auto;
}

.materialClassify .swiper-slide p {
    /*padding: 0 10px 20px 10px;*/
    padding: 0 10px 10px 10px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}

.materialClassify .swiper-slide p.on {
    color: #0165df;
    border-bottom: 2px solid #0165df;
}

.materialTop_box {
    margin-top: 30px;
}

.materialTop_list {
    margin-top: 20px;
    padding-left: 120px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.materialTop_list h6 {
    font-size: 20px;
    color: #333;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 0;
}

.materialTop_list li {
    font-size: 20px;
    color: #333;
    line-height: 36px;
    margin-right: 20px;
}

.materialTop_list li {
    padding: 0 10px;
    border-radius: 5px;
    background-color: #fff;
    margin-right: 40px;
    margin-bottom: 10px;
    cursor: pointer;
}

.materialTop_list li.on {
    color: #fff;
    background-color: #0165df;
}

.materialCon {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.materialLeft {
    width: calc(70% - 40px);
    padding: 30px 40px;
    background-color: #fff;
}

.materialNav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.materialNav span {
    font-size: 20px;
    color: #0165df;
}

.materialList {

}
.materialList li{
    border-bottom: 1px solid #ddd;
}
.materialList li a {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.materialList_img {
    width: 140px;
}

.materialList_txt {
    width: calc(100% - 170px);
}

.materialList_txt h6 {
    font-size: 22px;
    color: #333;
    line-height: 2;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.materialList li a:hover h6 {
    color: #0165df;
    text-decoration: underline;
}

.materialList_txt p {
    margin-top: 10px;
    font-size: 18px;
    color: #999;
    line-height: 2;

}

.materialList_txt p span {
    margin-right: 5%;
}

.materialList_txt .time {
    float: right;
    margin-right: 0;
}

.materialList_more {
    margin-top: 20px;
    padding: 20px 0;
    font-size: 24px;
    color: #999;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.materialList_more:hover {
    color: #fff;
    background-color: #0165df;
}

.materialList_more.noColor:hover {
    cursor: auto;
    color: #999;
    background-color: #fff;
}

.materialRight {
    width: 30%;
}

.materialBox {
    margin-top: 30px;
    background-color: #fff;
}

.materialBox_title {
    padding: 20px 30px;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    color: #333;
    position: relative;
}

.materialBox_list {
    padding-bottom: 20px;
}

.materialBox_list li a {
    margin-top: 20px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.materialBox_list_num {
    font-size: 26px;
    color: #0165df;
    font-weight: bold;
}

.materialBox_list_img {
    width: 50px;
}

.materialBox_list_txt {
    width: calc(100% - 120px);
}

.materialBox_list_txt p {
    font-size: 18px;
    color: #333;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.materialBox_list2 .materialBox_list_txt {
    width: calc(100% - 80px);
}

.materialBox2 {
    margin-top: 30px;
    padding: 30px;
    background-color: #fff;
}

.materialBox2 h6 {
    font-size: 26px;
    color: #000;
    line-height: 1.4;
}

.materialBox2_txt {
    margin-top: 10px;
}

.materialBox2_txt p {
    padding: 10px 0;
    font-size: 16px;
    color: #333;
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.materialBox2_txt p:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.articleLeft_top .materialBox2_txt{
    margin: 0;
}

.articleLeft_top .materialBox2_txt p {
    margin: 0;
    padding: 0;
}

.materialBox2 .articleLeft_bottomBox {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.materialUpload {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.materialUpload_box {
    width: 120px;
    height: 120px;
    text-align: center;
    margin-right: 30px;
    position: relative;
}

.materialUpload_box img {
    height: calc(100% - 28px);
}

.materialUpload_box p {
    font-size: 14px;
    color: #333;
    line-height: 2;
}

.materialUpload_btn {
    width: 280px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.materialUpload_btn img {
    width: 120px;
    height: 120px;
}

.materialUpload_btn p {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.materialUpload_btn input {
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=100);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

.materialForm .materialClassify .swiper-slide p {
    padding: 0 10px 10px 10px;
}

/* material.html */

/* answers.html */
.answersTop {
    /*padding: 60px 10%;*/
    padding: 10px 10%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.answersTop_search {
    /*width: calc(100% - 240px);*/
    width: 100%;
    /*height: 80px;*/
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #0165df;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.answersTop_search input[type="text"] {
    width: calc(100% - 200px);
    height: 100%;
    border: none;
    padding: 0 30px;
    /*font-size: 28px;*/
    font-size: 19px;
    color: #000;
}

.answersTop_search input[type="button"] {
    width: 200px;
    height: 80px;
    border-radius: 10px;
    border: 2px solid #0165df;
    background-color: #0165df;
    /*font-size: 30px;*/
    font-size: 25px;
    color: #fff;
}

.answersTop_btn {
    display: block;
    width: 200px;
    /*height: 80px;*/
    height: 50px;
    border-radius: 10px;
    border: 2px solid #0165df;
    /*font-size: 30px;*/
    font-size: 25px;
    color: #0165df !important;
    /*line-height: 76px;*/
    line-height: 46px;
    text-align: center;
}

.answersImg {
    margin-top: 30px;
}

.answersLeft {
    /*width: calc(70% - 30px);*/
    width: calc(70% - 16px);
}

.answersClassify {
    width: 100%;
    /*height: 100px;*/
    height: 50px;
    padding: 0 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;

    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
}

.answersClassify li {
    font-size: 20px;
    color: #000;
    line-height: 50px;
    margin-right: 40px;
    cursor: pointer;
}

.answersClassify li.on {
    color: #0165df;
    border-bottom: 2px solid #0165df;
}

.answersBox {
    margin-top: 30px;
    background-color: #fff;

    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
}

.answersBox > h6 {
    padding: 20px 30px;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    color: #333;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.answersLabel {
    padding: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.answersLabel li {
    font-size: 18px;
    color: #333;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 0 20px 20px 0;
    padding: 0 10px;
    cursor: pointer;
}

.answersLabel li.on,
.answersLabel li.on a,
.answersLabel li:hover,
.answersLabel li:hover a {
    color: #0165df;
    border-color: #0165df;
    background-color: #e5effc;
}

.answersList {

}

.answersList li {
    margin-top: 16px;
    padding: 20px 60px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
}

.answersList_top {
    padding: 0 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.answersList_txt {
    width: calc(100% - 240px);
}

.answersList_txt h6,
.answersList_txt p {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.answersList_txt h6 img,
.answersList_txt p img {
    position: relative;
    top: 4px;
}

.answersList_txt h6 span,
.answersList_txt p span {
    width: calc(100% - 50px);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
}

.answersList_txt h6 {
    font-size: 22px;
    color: #333;
    line-height: 1.6;
}

.answersList li:hover .answersList_txt h6 {
    color: #0165df;
    text-decoration: underline;
}

.answersList_txt p {
    margin-top: 10px;
    font-size: 18px;
    color: #999;
    line-height: 1.6;
}

.answersList_img {
    width: 200px;
    border-radius: 10px;
    overflow: hidden;
}

.answersList_img img {
    transition: all 0.3s ease-in-out;
}

.answersList li:hover .answersList_img img {
    transform: scale(1.1);
}

.answersList_bottom {
    border-top: 1px solid #ddd;
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.answersList_bottom .articleLeft_bottomBox {
    /*width: 60%;*/
    width: 100%;
    justify-content: space-between;
}

.answersList_user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.answersList_user img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.answersList_user p {
    font-size: 15px;
    color: #333;
    margin-left: 10px !important;
}

.answersList_time {
    font-size: 13px;
    color: #999;
}

.answersBox .change {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.answersBox .change span {
    font-size: 16px;
    color: #999;
    margin-left: 5px;
}

@keyframes move {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(720deg);
    }
}

.answersBox .change.on img {
    animation: move 1s infinite ease-in-out forwards;
}

.answersRelated {
    padding: 0 30px 30px;
}

.answersRelated li {
    margin-top: 20px;
    position: relative;
}

.answersRelated li h6 {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.answersRelated li p {
    margin-top: 5px;
    font-size: 12px;
    color: #999;
}

.answersRelated li .answersRelated_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 0;
    bottom: 0;
}

.answersRelated li .answersRelated_btn span {
    font-size: 14px;
    color: #0165df;
    margin-left: 5px;
}

.answersLeft_user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.answersLeft_user > img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.answersLeft_userTxt {
    margin-left: 10px;
}

.answersLeft_userTxt h6 {
    font-size: 20px;
    color: #000;
}

.answersLeft_userTxt p {
    margin-top: 5px;
    font-size: 14px;
    color: #999;
}

.answersLeft_btn {
    width: 120px;
    height: 40px;
    border-radius: 5px;
    background-color: #0165df;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}

.answersLeft_btn span {
    margin-left: 10px;
    font-size: 18px;
    color: #fff;
}

.answersLeft_title {
    margin-top: 20px;
    font-size: 22px;
    color: #333;
    line-height: 1.6;
}

.answersLeft_txt {
    margin-top: 20px;
}

.answersLeft_txt img {
    max-width: 100% !important;
}

.answersLeft_txt p {
    font-size: 20px;
    color: #333;
    line-height: 1.6;
}

.articleLeft_box2 {
    margin-top: 30px;
}

.articleLeft_box2_title {
    padding: 30px 30px 0;
    /*padding: 10px;*/
    background-color: #fff;
    text-align: center;
    z-index: 0;
    position: relative;
}

.articleLeft_box2_title::after {
    content: '';
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 44px;
    left: 30px;
    z-index: -1;
}

.articleLeft_box2_title span {
    font-size: 20px;
    color: #999;
    background-color: #fff;
    padding: 0 20px;
}

.articleLeft_box2_list {
    padding: 0 30px;
    background-color: #fff;
}

.articleLeft_box2_list li {
    padding: 30px 0;
}

.articleLeft_box2_list li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.articleLeft_box2_more {
    margin-top: 30px;
    background-color: #fff;
    font-size: 26px;
    color: #000;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
}

/* answers.html */

/* course.html */
.courseBanner {

}

.courseBanner .indBannner_swiperPrev {
    position: absolute;
    top: calc(50% - 25px);
    left: 30px;
    z-index: 2;
}

.courseBanner .indBannner_swiperNext {
    position: absolute;
    top: calc(50% - 25px);
    right: 30px;
    z-index: 2;
}

.courseBanner .swiper-pagination-bullet {
    background-color: #fff;
}

.courseBanner .indBanner_swiperPag {
    text-align: center;
}

.courseTitle {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.courseTitle h6 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.courseSec2_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.courseSec2_list li {
    margin: 90px 0 60px;
    width: calc(50% - 20px);
}

.courseSec2_list li a {
    padding: 30px;
    background-color: #fff;
}

.courseSec2_box {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.courseSec2_img {
    width: calc(50% - 40px);
    /*margin-top: -100px;*/
    border-radius: 5px;
    overflow: hidden;
}

.courseSec2_img img {
    /*height: 320px;*/
    height: auto;
    transition: all 0.3s ease-in-out;
}

.courseSec2_list li a:hover .courseSec2_img img {
    /*transform: scale(1.1);*/
}

.courseSec2_txt {
    width: 50%;
}

.courseSec2_txt h5 {
    font-size: 24px;
    color: #333;
}

.courseSec2_txt h6 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-top: 20px;
}

.courseSec2_txt p {
    margin-top: 10px;
    font-size: 18px;
    color: #333;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.courseSec2_bottom {
    margin-top: 20px;
}

.courseTitle2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.courseTitle2 h6 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.courseTitle2 span {
    font-size: 14px;
    color: #999;
}

.courseSec2_bottom_con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.courseSec2_bottom_box {
    margin-top: 20px;
    width: calc(50% - 10px);
    height: 50px;
    border-radius: 5px;
    background-color: #f9f9f9;
    font-size: 18px;
    color: #333;
    line-height: 50px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.courseSec2_bottom_box:hover {
    color: #fff;
    background-color: #0165df;
}

/* course.html */

/* video.html */
.videoCon {
    padding: 40px 0 60px;
}

.videoClassify {
    margin-top: 30px;
    padding: 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.videoClassify_left {
    /*width: 400px;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 65px;
}

.videoClassify_left li {
    text-align: center;
}

.videoClassify_left li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.videoClassify_left li a img {
    width: 60px;
}

.videoClassify_left li p {
    font-size: 22px;
    color: #333;
    /*margin-top: 10px;*/
    margin-left: 15px;
}

.videoClassify_left li.on p {
    color: #0165df;
    border-color: #0165df;
    background-color: #e0edfc;
}

.videoClassify_right {
    margin-top: 0;
    /*width: calc(100% - 450px);*/
    width: 100%;
}

.videoClassify_right li {
    color: #333;
}

.videoDetail_con {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.videoDetail_left {
    width: calc(70% - 30px);
}

.videoDetail_leftVideo {
    background-color: #fff;
}

.videoDetail_right {
    width: 30%;
}

.videoDetail_leftVideo_title {
    padding: 20px;
}

.videoDetail_leftVideo_title h6 {
    font-size: 26px;
    color: #000;
    font-weight: bold;
}

.videoDetail_leftVideo_title p {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.videoDetail_leftVideo_title span {
    margin-left: 3px;
}

.videoDetail_leftVideo_video video {
    width: 100%;
    height: 500px;
    cursor: pointer;
}

.videoDetail_leftVideo_bottom {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.videoDetail_leftVideo_price {
    font-size: 40px;
    color: #0165df;
    font-weight: bold;
}

.videoDetail_leftVideo_price span {
    font-size: 18px;
    color: #999;
    font-weight: normal;
    text-decoration: line-through;
}

.videoDetail_leftVideo_btn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.videoDetail_leftVideo_btn div {
    margin-left: 20px;
    min-width: 100px;
    height: 46px;
    padding: 0 30px;
    border-radius: 5px;
    background-color: #0165df;
    border: 1px solid #0165df;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    cursor: pointer;
}

.videoDetail_leftVideo_btn .notColor {
    color: #0165df;
    background-color: #fff;
}

.videoDetail_leftCon {
    margin: 30px 0 60px;
    padding: 0 30px;
    background-color: #fff;
}

.videoDetail_leftInfo {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.videoDetail_leftInfo_img {
    width: 150px;
}

.videoDetail_leftInfo_txt {
    width: calc(100% - 180px);
}

.videoDetail_leftInfo_txt h6 {
    font-size: 26px;
    color: #000;
}

.videoDetail_leftInfo_txt p {
    margin-top: 20px;
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

.videoDetail_leftCon .articleLeft_eval {
    margin-top: 0;
    padding: 30px 0;
}

.videoDetail_rightBox {
    padding: 0 0 30px;
    margin-bottom: 30px;
    background-color: #fff;
}

.videoDetail_user {
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.videoDetail_user img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.videoDetail_user p {
    font-size: 18px;
    color: #000;
    margin-left: 10px;
}

.videoDetail_list {
    padding: 0 20px;
}

.videoDetail_list li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.videoDetail_list li a {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.videoDetail_listImg {
    width: calc(50% - 20px);
    border-radius: 5px;
    overflow: hidden;
}

.videoDetail_listImg img {
    transition: all 0.3s ease-in-out;
}

.videoDetail_list li a:hover .videoDetail_listImg img {
    /*transform: scale(1.1);*/
}

.videoDetail_listTxt {
    width: 50%;
}

.videoDetail_listTxt h6 {
    font-size: 18px;
    color: #000;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.videoDetail_list li a:hover .videoDetail_listTxt h6 {
    color: #0165df;
    font-weight: bold;
    text-decoration: underline;
}

.videoDetail_listTxt p {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.videoDetail_listTxt p span {
    font-size: 14px;
    color: #999;
    margin-left: 5px;
}

/* video.html */

/* teacher.html */
.teacherDetail_con {
    margin-top: 30px;
    padding: 0 30px 30px;
    background-color: #fff;
}

.teacherDetail_list {
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.teacherDetail_list li {
    margin-right: 30px;
    padding: 0 20px;
    font-size: 18px;
    color: #999;
    line-height: 60px;
    cursor: pointer;
}

.teacherDetail_list li.on {
    color: #0165df;
    border-bottom: 2px solid #0165df;
}

.teacherDetail_box:nth-child(n+2) {
    display: none;
}

.teacherDetail_box {
    position: relative;
}

.teacherDetail_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: -50px;
    right: 0;
}

.teacherDetail_price p {
    font-size: 24px;
    color: #0165df;
}

.teacherDetail_price div {
    margin-left: 10px;
    width: 70px;
    height: 34px;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
}

.teacherDetail_list2 {
    margin-top: 10px;
}

.teacherDetail_list2 li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.teacherDetail_list2 li a {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.teacherDetail_list2_title {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.teacherDetail_list2_title h6 {
    width: calc(100% - 30px);
    font-size: 18px;
    color: #666;
}

.teacherDetail_list2 li a:hover .teacherDetail_list2_title h6 {
    color: #0165df;
    font-weight: bold;
    text-decoration: underline;
}

.teacherDetail_list2_time p {
    font-size: 18px;
    color: #999;
}

/* teacher.html */

/* need.html */
.needSec1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.needSec1_box {
    display: block;
    width: calc(50% - 15px);
    overflow: hidden;
}

.needSec1_box img {
    transition: all 0.3s ease-in-out;
}

.needSec1_box:hover img {
    transform: scale(1.1);
}

.needSec_list {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.needSec_list li,
.needSec_classify {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
}

.needSec_classify {
    /*height: 358px;*/
    height: 185px;
    background: #f3d2a1 url(../images/needBg.png) center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.needSec_classify h6 {
    font-size: 28px;
    color: #fff;
}

.needSec_classify p {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
}

.needSec_list:nth-child(2n) .needSec_classify {
    background: #87bafa url(../images/needBg.png) center/cover no-repeat;
}

.needSec_list li {
    background-color: #fff;
}

.needSec_list li:nth-child(4n) {
    margin-right: 0;
}

.needSec_list li:nth-child(n+5) {
    margin-top: 20px;
}

.needSec_img {
    height: 170px;
    overflow: hidden;
}

.needSec_img .needSec_imgBox {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.needSec_list li:hover .needSec_img .needSec_imgBox {
    transform: scale(1.1);
}

.needSec_txt {
    padding: 20px 30px;
    text-align: center;
}

.needSec_txt h6 {
    font-size: 18px;
    color: #000;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.needSec_list li:hover .needSec_txt h6 {
    color: #0165df;
    font-weight: bold;
    text-decoration: underline;
}

.needSec_txt p {
    margin: 20px auto 0;
    width: 130px;
    height: 38px;
    background-color: #0165df;
    font-size: 20px;
    color: #fff;
    line-height: 38px;
}

.needSec_txt p.status2 {
    background-color: #00abf9;
}

.needSec_txt p.status3 {
    background-color: #d5d5d5;
}

.needSec_bottom {
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
}

.needSec_user {
    /*width: 120px;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.needSec_user img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.needSec_user p {
    width: calc(100% - 30px);
    font-size: 16px;
    color: #999;
    margin-left: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.needSec_con {
    /*width: calc(90% - 140px);*/
    width: 100% ;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.needSec_box {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.needSec_box p {
    font-size: 16px;
    color: #999;
    margin-left: 5px;
}

.needCon .materialLeft {
    padding: 0;
    background-color: transparent;
}

.needList {

}

.needList li {
    margin-bottom: 30px;
    background-color: #fff;
}

.needList li a {
    padding: 20px;
    position: relative;
}

.needList_img {
    width: 200px;
    height: calc(100% - 40px);
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 20px;
}

.needList_imgBox {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

/*.needList li:hover .needList_img .needList_imgBox {*/
/*    transform: scale(1.1);*/
/*}*/

.needList_txt {
    width: calc(100% - 220px);
    margin: 0 0 0 auto;
}

.needList_txt h6 {
    font-size: 22px;
    color: #333;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.needList li:hover .needList_txt h6 {
    color: #0165df;
}

.needList_txt h6 span {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    background-color: #0165df;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-left: 20px;
}

.needList_txt h6 .status2 {
    background-color: #00abf9;
}

.needList_txt h6 .status3 {
    background-color: #d5d5d5;
}

.needList_label {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.needList_label span {
    display: block;
    padding: 0 20px;
    height: 30px;
    background-color: #cfedbf;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    margin: 0 20px 20px 0;
}

.needList_txt p {
    font-size: 18px;
    color: #999;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.needList li:hover .needList_txt p {
    color: #0165df;
    text-decoration: underline;
}

.needList_con {
    margin-top: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.needList_box {
    font-size: 14px;
    color: #999;
}

.needList_box span {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.needList_box span.price {
    font-size: 24px;
    color: #f4000b;
    line-height: 1;
}

.needDetail_con {
    padding: 30px;
    background-color: #fff;
}

.needDetail_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.needDetail_top > h6 {
    width: calc(100% - 400px);
    font-size: 26px;
    color: #000;
    line-height: 1.4;
    /*font-size: 18px;*/
    /*color: #000;*/
    /*width: 100%;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.needDetail_countDown {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.needDetail_countDown_box {
    width: 70px;
    height: 80px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.needDetail_countDown_box:nth-child(n+2) {
    margin-left: 20px;
}

.needDetail_countDown_box:nth-child(n+2)::before {
    content: ':';
    font-size: 48px;
    color: #dedede;
    position: absolute;
    top: 0;
    left: -22px;
}

.needDetail_countDown_box h6 {
    font-size: 36px;
    color: #0165df;
}

.needDetail_countDown_box p {
    font-size: 16px;
    color: #0165df;
}

.needDetail_center {
    margin-top: 60px;
}

.needDetail_conPrice {
    display: flex;
    align-items: center;
    justify-content: center;
}

.needDetail_conPrice h6 {
    font-size: 40px;
    color: #000;
    font-weight: bold;
}

.needDetail_conPrice h6 span {
    font-size: 60px;
    color: #000;
}

.needDetail_conPrice p {
    margin-left: 20px;
    padding: 0 20px;
    background-color: #ff6600;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

.needDetail_step {
    margin-top: 80px;
    padding: 40px 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 0;
}

.needDetail_step::before {
    content: '';
    display: block;
    width: calc(100% - 80px);
    height: 10px;
    background-color: #efefef;
    position: absolute;
    top: 12px;
    left: 40px;
    z-index: -1;
}

.needDetail_step::after {
    content: '';
    display: block;
    width: 15%;
    height: 10px;
    background-color: #0165df;
    position: absolute;
    top: 12px;
    left: 40px;
    z-index: -1;
}

.needDetail_step.status2::after {
    width: 45%;
}

.needDetail_step.status3::after {
    width: 75%;
}

.needDetail_step.status4::after {
    width: calc(100% - 80px);
}

.needDetail_step li {
    font-size: 14px;
    color: #000;
    position: relative;
}

.needDetail_step li::before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background: url(../images/step01.png) center/cover no-repeat;
    position: absolute;
    top: -40px;
    left: calc(50% - 17px);
}

.needDetail_step li.on::before {
    background: url(../images/step02.png) center/cover no-repeat;
}

.needDetail_bottom {
    margin-top: 80px;
    position: relative;
}

.needDetail_btn {
    padding: 0 20px;
    height: 48px;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
}

.needDetail_btn.status2 {
    background-color: #00abf9;
}

.needDetail_btn.status3 {
    background-color: #d5d5d5;
}

.needDetail_txt {
    padding-right: 200px;
}

.needDetail_txt h6 {
    font-size: 18px;
    color: #000;
    line-height: 1.6;
    overflow: hidden;
}

.needDetail_label {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.needDetail_label p {
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.needDetail_label span {
    font-size: 16px;
    color: #999;
    margin-left: 5px;
}

.needDetail_txt2 {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.needDetail_txt2 p {
    font-size: 18px;
    color: #999;
    line-height: 1.6;
}

.needDetail_list {
    margin-top: 30px;
    padding: 30px;
    background-color: #fff;
}

.needDetail_list li {
    padding: 30px 0 30px 180px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.needDetail_list li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.needDetail_list li h5 {
    padding-left: 30px;
    /*font-size: 26px;*/
    font-size: 22px;
    color: #000;
    line-height: 1;
    position: absolute;
    top: 25px;
    left: 0;
}

.needDetail_list li h5::before {
    content: '';
    display: block;
    width: 4px;
    height: 25px;
    background-color: #0165df;
    position: absolute;
    top: calc(50% - 14px);
    left: 10px;
}

.needDetail_list li h6 {
    font-size: 16px;
    color: #666;
}

.needDetail_list li p {
    margin-top: -5px;
    width: calc(100% - 90px);
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

.needForm {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.needForm:nth-child(n+2) {
    margin-top: 30px;
}

.needForm .articleForm_title {
    margin-right: 30px;
    width: 132px;
}

.needForm .alertChecked {
    width: 300px;
}

.needForm_time {
    width: 50%;
}

.needForm input[type='text'] {
    margin-top: 0;
    height: 50px;
}

/* need.html */

/* enterprise.html */
.enterpriseCon {
    padding: 30px;
    margin-top: 30px;
    background-color: #fff;
}

.enterpriseTop {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.enterpriseClassify {
    width: calc(100% - 150px);
    margin: 0;
    border: none;
}

.enterpriseBtn {
    width: 110px;
    height: 43px;
    border-radius: 5px;
    border: 1px solid #0165df;
    font-size: 18px;
    color: #0165df !important;
    line-height: 43px;
    text-align: center;
    position: absolute;
    bottom: 15px;
    right: 0;
    z-index: 1;
}

.enterpriseList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.enterpriseList li {
    width: 50%;
    border-bottom: 1px solid #ddd;
}

.enterpriseList li a {
    padding: 40px 15px 40px 0;
    position: relative;
}

.enterpriseList li:nth-child(2n) a {
    padding: 40px 0 40px 15px;
}

.enterpriseList_img {
    width: 200px;
    height: calc(100% - 80px);
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    display: flex;
    align-items: center;
}

.enterpriseList_imgBox {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
}

.enterpriseList li a:hover .enterpriseList_img .enterpriseList_imgBox {
    transform: scale(1.1);
}

.enterpriseList_txt {
    width: calc(100% - 220px);
    margin: 0 0 0 auto;
}

.enterpriseList_txt h6 {
    font-size: 22px;
    color: #333;
    line-height: 1.2;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 54px;
}

.enterpriseList li a:hover .enterpriseList_txt h6 {
    color: #0165df;
}

.enterpriseList_txt p {
    margin-top: 10px;
    font-size: 18px;
    color: #999;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 76px;
}

.enterpriseList_bottom {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.enterpriseList_bottom span {
    font-size: 14px;
    color: #0165df;
}

.enterprisePag {
    margin-top: 40px;
    justify-content: flex-start;
}

.enterpriseMap {
    margin-top: 30px;
    padding: 20px;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.enterpriseMap_search {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 60px;
    left: 60px;
    z-index: 1;
}

.enterpriseMap_classify {
    position: relative;
}

.enterpriseMap_classify h6 {
    width: 200px;
    height: 60px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #0165df;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    color: #333;
    cursor: pointer;
}

.enterpriseMap_list {
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #0165df;
    background-color: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    display: none;
}

.enterpriseMap_list li {
    font-size: 18px;
    color: #333;
    padding: 10px 0;
    cursor: pointer;
}

.enterpriseMap_list li:hover {
    color: #0165df;
    text-decoration: underline;
}

.enterpriseMap_list li:nth-child(n+2) {
    border-top: 1px solid #ddd;
}

.enterpriseMap_input {
    width: 600px;
    border-radius: 5px;
    border: 1px solid #0165df;
    overflow: hidden;
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.enterpriseMap_input input[type="text"] {
    width: calc(100% - 120px);
    height: 58px;
    border: none;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
}

.enterpriseMap_input input[type="button"] {
    width: 120px;
    height: 58px;
    border: none;
    background-color: #0165df;
    font-size: 22px;
    color: #fff;
}

#dituContent {
    width: 100%;
    /*height: 600px;*/
    height: 180px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
}

.iw_poi_title {
    color: #0165df;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.BMap_scaleTxt {
    color: #ffffff !important;
}

.BMapLabel {
    border: none !important;
    font-size: 14px !important;
    color: #0165df !important;
    font-weight: bold !important;
    transform: translate(10px, 20px);
    text-shadow: 0 0 5px rgba(255, 255, 255, 1);
}

.BMap_Marker {
    background: transparent url(../images/map.png) no-repeat !important;
}

.enterpriseDetail_con {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #fff;
}

.enterpriseDetail_info {
    position: relative;
}

.enterpriseDetail_infoImg {
    width: 230px;
    /*height: 230px;*/
    height: 100%;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
}

.enterpriseDetail_infoImg img {
    max-width: 80%;
    max-height: 80%;
}

.enterpriseDetail_infoTxt {
    width: calc(100% - 260px);
    margin: 0 0 0 auto;
}

.enterpriseDetail_infoTxt h6 {
    font-size: 26px;
    color: #000;
}

.enterpriseDetail_infoTxt p {
    margin-top: 20px;
    font-size: 16px;
    color: #999;
    line-height: 1.6;
}

.enterpriseDetail_infoLabel {
    margin-top: 30px;
}

.enterpriseDetail_infoLabel li {
    padding: 20px 10px;
    font-size: 20px;
    color: #333;
}

.enterpriseDetail_infoLabel li:nth-child(n+2) {
    border-top: 1px dashed #ddd;
}

.enterpriseDetail_title {
    font-size: 26px;
    color: #000;
    font-weight: bold;
}

.enterprisePhoto {
    margin-top: 30px;
}

.enterpriseDetail_photo {
    width: 100%;
    height: 180px;
}

.enterpriseDetail_list {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.enterpriseDetail_list li {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.enterpriseDetail_list li:nth-child(3n) {
    margin-right: 0;
}

.enterpriseDetail_list li:nth-child(n+4) {
    margin-top: 30px;
}

.enterpriseDetail_listImg {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.enterpriseDetail_listImgBox {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.enterpriseDetail_list li:hover .enterpriseDetail_listImg .enterpriseDetail_listImgBox {
    transform: scale(1.1);
}

.enterpriseDetail_listTxt {
    padding: 10px 20px;
}

.enterpriseDetail_listTxt h6 {
    font-size: 20px;
    color: #0165df;
    line-height: 1.6;
}

.enterpriseDetail_listTxt p {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
    line-height: 1.6;
}

.productAdd {
    display: inline-block;
    cursor: pointer;
}

.settledList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.settledList li {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-top: 30px;
    border-radius: 5px;
    border: 1px solid #ddd;
    position: relative;
}

.settledList li:nth-child(3n) {
    margin-right: 0;
}

.settledList_img {
    width: 35%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.settledList_imgBox {
    width: 100%;
    height: 100%;
}

.settledList_txt {
    width: 65%;
    padding: 20px;
    margin: 0 0 0 auto;
}

.settledList_txt h6 {
    font-size: 16px;
    color: #0165df;
}

.settledList_txt p {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 1.6;
}

.settledList_close {
    cursor: pointer;
    position: absolute;
    top: -8px;
    right: -8px;
}

.settledList_close img {
    width: 22px;
}

/* enterprise.html */

/* user.html */
.commentUser {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.commentUserLeft {
    width: 260px;
    background-color: #fff;
}

.commentUserRight {
    width: calc(100% - 280px);
    padding: 30px;
    background-color: #fff;
    position: relative;
}

.userInfo {
    padding: 50px 30px;
    text-align: center;
}

.userInfo_head {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #0165df;
    margin: 0 auto;
}

.userInfo h6 {
    margin-top: 20px;
    font-size: 24px;
    color: #333;
}

.userInfo_nav {
    overflow: hidden;
}

.userInfo_nav li a {
    padding-left: 40px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 0;
}

.userInfo_nav li a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    border-left: 4px solid #0165df;
    position: absolute;
    top: 0;
    left: -20%;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s ease-in-out;
}

.userInfo_nav li.on a::before,
.userInfo_nav li:hover a::before {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.userInfo_nav li a p {
    font-size: 20px;
    color: #000;
    margin-left: 10px;
}

.userInfo_nav li.on a p,
.userInfo_nav li:hover a p {
    font-weight: bold;
}

.userInfo_nav li a p span {
    color: #999;
    position: relative;
}
.userInfo_nav .point{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    top: 20px;
    left: 170px;
}
    

.commentUser_title {
    font-size: 26px;
    color: #000;
    font-weight: bold;
    position: relative;
}

.commentUser_title a {
    float: right;
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
.commentUser_title span{
    font-size: 18px;
    color: #666;
    font-weight: normal;
}

.userUser_form {
    margin-top: 30px;
}

.userUser_top {
    padding: 30px 10px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.userUser_head {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.userUser_headMark {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    color: #fff;
    line-height: 90px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.userUser_head input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.userUser_box {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.userUser_label {
    width: 100px;
    font-size: 18px;
    color: #000;
    text-align: right;
}

.userUser_input {
     width: calc(100% - 200px);
    /*width: 100%;*/
    margin-left: 30px;
}

.userUser_input input {
    width: 280px;
    height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #000;
}
.userUser_input span{
    font-size: 18px;
    color: #000;
}

.userUser_input textarea {
    /*width: 400px;*/
    width: 100%;
    height: 180px;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #000;
}

.userUser_textarea {
    width: 100%;
    padding: 0 20px;
    border-top: 1px solid #ddd;
    padding: 30px;
}

.userUser_textarea textarea {
    width: 100%;
    height: 220px;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #000;
}

.userUser_textarea p {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
}

.userUser_btn {
    margin-top: 30px;
    padding-left: 130px;
}

.userUser_btn input {
    width: 160px;
    height: 50px;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 22px;
    color: #fff;
}

.userUser_box .alertChecked {
    width: 240px;
    margin-left: 30px;
}

.userUser_txt {
    margin-left: 30px;
    width: 100%;
}

.userUser_txt h6 {
    font-size: 24px;
    color: #0165df;
}

.userUser_btn2 {
    margin-left: 30px;
    width: 110px;
    height: 40px;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.userUser_input select {
    width: 350px;
    height: 40px;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #333;
    outline: none;
}

.userUser_input a {
    margin-left: 10px;
    font-size: 14px;
    color: #666;
}

.articlelList {
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.articlelList li {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}

.articlelList_con h6 {
    font-size: 22px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articlelList_con p {
    margin-top: 10px;
    font-size: 18px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articlelList li:hover .articlelList_con h6 {
    color: #0165df;
    font-weight: bold;
}

.articlelList .articleLeft_bottom {
    margin-top: 10px;
}

.articlelList .articleLeft_top p {
    margin-top: 0;
}

.recruitClassify {
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.recruitClassify li {
    padding: 10px;
    font-size: 20px;
    color: #999;
    margin-right: 40px;
    cursor: pointer;
}

.recruitClassify li.on {
    color: #0165df;
    border-bottom: 2px solid #0165df;
}

.recruitList {
    padding: 0 10px;
}

.recruitList li {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}

.recruitList_info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.recruitList_txt {
    width: 40%;
}

.recruitList_txt h6 {
    font-size: 18px;
    color: #000;
}

.recruitList_txt p {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
}

.recruitList_label {
    font-size: 14px;
    color: #000;
}

.recruitList_label span {
    font-size: 20px;
}

.recruitList_btn {
    width: 110px;
    height: 42px;
    padding: 0 20px;
    border-radius: 5px;
    background-color: #0165df;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.recruitList_btn img {
    transition: all 0.3s ease-in-out;
}

.recruitList_btn.on img {
    transform: rotate(180deg);
}

.recruitList_con {
    padding: 20px 20px 0;
    display: none;
}

.recruitList_box {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.recruitList_box:last-child {
    padding-bottom: 0
}

.recruitList_boxLeft {
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.recruitList_boxUser {
    width: calc(100% - 220px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.recruitList_boxUser img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.recruitList_boxUser_txt {
    width: calc(100% - 50px);
}

.recruitList_boxUser_txt h6 {
    font-size: 18px;
    color: #000
}

.recruitList_boxUser_txt h6 span {
    font-size: 14px;
    color: #000;
}

.recruitList_boxUser_txt p {
    margin-top: 5px;
    font-size: 12px;
    color: #333;
}

.recruitList_boxFile {
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recruitList_boxFile h6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recruitList_boxFile h6 span {
    font-size: 14px;
    color: #000;
    margin-left: 5px;
}

.recruitList_boxFile a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ddd;
    padding: 0 10px;
    height: 32px;
    border-radius: 5px;
}

.recruitList_boxFile a img {
    width: 16px;
}

.recruitList_boxFile a p {
    font-size: 14px;
    color: #000;
    margin-left: 5px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recruitList_boxPrice {
    width: 35%;
    margin-left: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recruitList_boxPrice h6 {
    font-size: 16px;
    color: #f4000b;
}

.recruitList_boxPrice input[type=radio] {
    /*同样，首先去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*编辑我们自己的样式*/
    position: relative;
    top: 0;
    margin-right: 0.65rem;
    width: 30px;
    height: 30px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.recruitList_boxPrice input[type=radio]:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/checked2.png) center/cover no-repeat;
    color: #fff;
    position: relative;
    right: 1px;
    bottom: 1px;
    opacity: 0;
}

.recruitList_boxPrice input[type=radio]:checked:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    opacity: 1;
}

.recruitList_boxPrice p {
    width: 80px;
    height: 42px;
    border-radius: 5px;
    background-color: #0165df;
    font-size: 20px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: auto;
}

.recruitList_boxPrice p.on {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
}

.userEnterprise_con:nth-child(n+2) {
    display: none;
}

.userEnterprise_list {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.userEnterprise_list li {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.userEnterprise_list li:nth-child(4n) {
    margin-right: 0;
}

.userEnterprise_list li:nth-child(n+5) {
    margin-top: 20px;
}

.userEnterprise_listImg {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.userEnterprise_listImgBox {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.userEnterprise_list li:hover .userEnterprise_listImg .userEnterprise_listImgBox {
    transform: scale(1.1);
}

.userEnterprise_listTxt {
    padding: 10px 20px;
}

.userEnterprise_listTxt h6 {
    font-size: 20px;
    color: #0165df;
    line-height: 1.6;
}

.userEnterprise_listTxt p {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
}

.userWallet {
    margin-top: 30px;
}

.userWallet_top {
    padding: 40px 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userWallet_top h6 {
    font-size: 18px;
    color: #000;
}

.userWallet_top h6 span {
    font-size: 36px;
    color: #0165df;
    line-height: 1;
    margin: 0 5px 0 20px;
}

.userWallet_btn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.userWallet_btn span,
.userWallet_btn a {
    margin-left: 20px;
    width: 100px;
    height: 40px;
    border-radius: 5px;
    background-color: #ff9125;
    font-size: 16px;
    color: #fff !important;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.userWallet_btn a {
    background-color: #0165df;
}

.userWallet_con {
    margin-top: 30px;
}
.userWallet_con>h6{
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}

.userWallet_table {
    width: 100%;
}

.userWallet_table tr {
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
}

.userWallet_table th {
    max-width: 40%;
    padding: 10px;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    padding-left: 20px;
    /* text-align: center; */
}

.userWallet_table td {
    max-width: 40%;
    padding: 30px 20px;
    font-size: 16px;
    color: #333;
}

.withdraw_form .userUser_label {
    width: 160px;
}

.withdraw_form .userUser_label span {
    color: #f4000b;
}

.withdraw_form .userUser_btn {
    padding-left: 190px;
}

.deliverList .recruitList_txt {
    width: 30%;
}

.deliverList .recruitList_boxPrice {
    width: 170px;
    justify-content: flex-end;
}

.problemList .articleLeft_bottom {
    margin-top: 20px;
}

.commentsList li {
    border-bottom: 1px solid #ddd;
}

.commentsList li:nth-child(n+2) {
    border-top: none;
}

.commentUserRight .indSec4_list li {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
}

.commentUserRight .indSec4_list li:nth-child(3n) {
    margin-right: 0;
}

.commentUserRight .indSec4_list li:nth-child(n+4) {
    margin-top: 20px;
}

/* user.html */


@media (max-width: 1760px) {

}

@media (max-width: 1680px) {

}

@media (max-width: 1600px) {

}

@media (max-width: 1520px) {
    .header {
        height: 130px;
    }

    .headerLogo img {
        width: 180px;
    }

    .searchBtn {
        font-size: 18px;
    }

    .headerNav {
        height: 50px;
        /*height: 40px;*/
    }

    .headerNav li a {
        height: 60px;
        font-size: 22px;
        line-height: 60px;
    }

    .headerNav li a::after {
        height: 3px;
        bottom: 4px;
    }

    .banner {
        margin-top: 140px;
    }

    .padding100 {
        padding: 60px;
    }

    .indSec3_txt {
        font-size: 38px;
        height: 110px;
    }

    .indSec3_swiperPag {
        bottom: 40px !important;
    }

    .indSec3_classify {
        width: calc(100% - 200px);
    }

    .indSec3_classify li a {
        font-size: 14px;
    }

    .indSec5_top .top {
        top: 8px;
        left: 180px;
    }

    .indSec6_list li {
        width: 45%;
    }

    .indSec6_list li:nth-child(2n) {
        margin-top: -120px;
    }

    .indSec6_bottom {
        width: 45%;
        padding-bottom: 30px;
    }

    .indSec6_classfiy a {
        font-size: 16px;
    }

    .materialTop_list li {
        font-size: 18px;
        margin-right: 20px;
    }

    .materialList_txt {
        width: calc(100% - 160px);
    }

    .materialList_txt p {
        margin-top: 20px;
        font-size: 16px;
    }

    .materialList_txt p span {
        margin-right: 10px;
    }

    .answersList_txt h6 {
        font-size: 20px;
    }

    .answersList_txt p {
        font-size: 16px;
    }

    .indSec4_txt {
        /*padding: 10px;*/
        padding: 10px 10px 0px 10px;
    }

    .indSec4_txt h6 {
        font-size: 20px;
        /*height: 56px;*/
    }

    .courseSec2_img {
        /*margin-top: -60px;*/
    }

    .courseSec2_txt p {
        font-size: 16px;

        -webkit-line-clamp: 2;
    }

    .enterpriseList_txt h6 {
        font-size: 24px;
    }

    .enterpriseList_txt p {
        height: 68px;
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .enterpriseList_bottom span {
        font-size: 16px;
    }

    .commentUserLeft {
        width: 340px;
    }

    .commentUserRight {
        width: calc(100% - 370px);
    }

    .recruitList_boxLeft {
        width: 60%;
    }

    .articlelList_con h6 {
        font-size: 18px;
    }

    .needSec_list li,
    .needSec_classify {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
    }

    .needSec_list li:nth-child(4n) {
        margin-right: 20px;
    }

    .needSec_list li:nth-child(3n) {
        margin-right: 0;
    }

    .needSec_list li:nth-child(n+4) {
        margin-top: 20px;
    }

}

@media (max-width: 1440px) {
    .indSec2_list li:nth-child(n+2) {
        margin-left: 20px;
    }

    .indSec3_swiper2Btn {
        bottom: 40px
    }
}

@media (max-width: 1360px) {

}

@media (max-width: 1280px) {
    .headerNav li a {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }

    .headerNav li a::after {
        height: 2px;
        bottom: 3px;
    }

    .indSec2_list li:nth-child(n+2) {
        margin-left: 10px;
    }

    .userUser_head {
        width: 40px;
        height: 40px;
    }

    /*article.html*/
    .articleLeft_bottomBox p:nth-child(n+2),
    .articleLeft_bottomBox #reward:nth-child(n+2){
        margin-left: 10px;
    }
    /*article.html*/

    /* enterprise.html */
    .enterpriseBtn {
        width: 60px;
        height: 28px;
        font-size: 12px;
        line-height: 26px;
        bottom: 10px;
    }

    .enterpriseClassify {
        width: calc(100% - 70px);
    }

    .enterpriseCon {
        margin-top: 20px;
        padding: 20px;
    }

    .enterpriseList {
        margin-top: 10px;
    }

    .enterpriseList li {
        margin-top: 10px;
        width: calc(50% - 5px);
    }

    .enterpriseList li a, .enterpriseList li:nth-child(2n) a {
        padding: 0;
    }

    .enterpriseList_img {
        width: 100%;
        height: 120px;
        position: relative;
        top: 0;
    }

    .enterpriseList_txt {
        width: 100%;
        padding: 10px 0;
    }

    .enterpriseList_txt h6 {
        font-size: 16px;
        height: auto;
        -webkit-line-clamp: 1;
    }

    .enterpriseList_txt p {
        margin-top: 5px;
        font-size: 14px;
        height: auto;
        -webkit-line-clamp: 2;
    }

    .enterpriseList_bottom {
        margin-top: 5px;
        display: block;
    }

    .enterpriseList_bottom span {
        font-size: 12px;
    }

    .enterprisePag {
        margin: 20px auto 0;
        justify-content: center;
    }

    .enterpriseMap {
        margin-top: 20px;
        padding: 15px;
    }

    .enterpriseMap_search {
        width: 80%;
        top: 25px;
        left: 25px;
        display: block;
    }

    .enterpriseMap_classify h6 {
        width: 110px;
        height: 40px;
        padding: 0px 10px;
        border-radius: 5px;
        font-size: 14px;
    }

    .enterpriseMap_input {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .enterpriseMap_input input[type="text"] {
        width: calc(100% - 80px);
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }

    .enterpriseMap_input input[type="button"] {
        width: 80px;
        height: 40px;
        font-size: 14px;
    }

    .enterpriseDetail_infoImg {
        width: 50%;
        height: 120px;
        position: relative;
        margin: 0 auto;
    }

    .enterpriseDetail_con {
        padding: 20px;
        margin-bottom: 20px;
    }

    .enterpriseDetail_info {
        display: block;
    }

    .enterpriseDetail_infoTxt {
        width: 100%;
        margin-top: 20px;
    }

    .enterpriseDetail_infoTxt h6 {
        font-size: 18px;
    }

    .enterpriseDetail_infoTxt p {
        margin-top: 10px;
        font-size: 14px;
    }

    .enterpriseDetail_infoLabel {
        margin-top: 10px;
    }

    .enterpriseDetail_infoLabel li {
        padding: 10px 0;
        font-size: 14px;
    }

    .enterpriseDetail_title {
        font-size: 18px;
    }

    .enterprisePhoto {
        margin-top: 20px;
    }

    .enterpriseDetail_photo {
        height: 220px;
    }

    .enterpriseDetail_list {
        margin-top: 20px;
    }

    .enterpriseDetail_list li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

    .enterpriseDetail_list li:nth-child(3n) {
        margin-right: 10px;
    }

    .enterpriseDetail_list li:nth-child(2n) {
        margin-right: 0;
    }

    .enterpriseDetail_list li:nth-child(n+3) {
        margin-top: 10px;
    }

    .enterpriseDetail_listImg {
        height: 100px;
    }

    .enterpriseDetail_listTxt {
        padding: 10px;
    }

    .enterpriseDetail_listTxt h6 {
        font-size: 16px;
        font-weight: bold;
    }

    .enterpriseDetail_listTxt p {
        margin-top: 5px;
        font-size: 12px;
    }

    .settledForm .articleForm_box {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .settledForm .articleForm_img {
        width: calc(50% - 10px);
        height: 120px;
        margin-bottom: 10px;
    }

    .settledForm .articleForm_upload {
        width: calc(50% - 10px);
    }

    .articleForm_title:nth-child(n+2) {
        margin-top: 10px;
    }

    .settledList li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

    .settledList li:nth-child(3n) {
        margin-right: 10px;
    }

    .settledList li:nth-child(2n) {
        margin-right: 0;
    }

    .settledList li:nth-child(n+3) {
        margin-top: 10px;
    }

    .settledList_img {
        width: 100%;
        height: 100px;
        position: relative;
    }

    .settledList_txt {
        padding: 10px;
        width: 100%;
    }

    .enterpriseList_imgBox{
        width: auto;
        height: 100%;
        margin: auto;
    }

    /* enterprise.html */

    /*video/list.html*/
    .videoClassify_left li p {
        font-size: 18px;
        margin: auto;
    }
    /*video/list.html*/
}

@media (max-width: 768px) {
    .row,
    .row > div {
        margin: 0;
        padding: 0;
    }

    .navbar-nav {
        width: 100%;
        margin-left: 0px;
        text-transform: uppercase;
    }

    .navbar-nav li {
        text-align: center;
        border-bottom: 1px dotted #e5e5e5;
        line-height: 40px;
    }

    .navbar-nav li a {
        color: #666;
        font-size: 13px;
    }

    .navbar-nav li a img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

    .navbar-nav li a:hover {
        color: #000;
        font-weight: bold;
    }

    .headerbg {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 9;
        background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

    .logo_boxlist {
        float: left;
        width: 120px;
        margin-top: 10px;
    }

    .navbar-toggle {
        margin-top: 10px;
    }

    .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-collapse {
        border-top: 1px solid #e5e5e5;
        overflow-y: scroll;
        max-height: 100vh;
    }

    .collapse_lis {
        background-color: #f5f5f5;
        display: none;
    }

    .navbar-nav .loginOut {
        font-size: 14px;
        color: #ccc;
        text-align: center;
        cursor: pointer;
    }

    .answersLeft_title
    .warpper {
        min-height: calc(100vh - 100px);
    }

    /* index.html */
    .banner {
        margin-top: 52px;
    }

    .indBanner_con {
        margin-top: 0;
    }

    .indBanner_swiper {
        width: 100%;
        height: 240px;
        position: relative;
    }

    .indBanner_swiperBtn {
        left: 0;
        bottom: 15px;
    }

    .indBannner_swiperPrev, .indBannner_swiperNext {
        width: 40px;
        height: 40px;
    }

    .indBannner_swiperPrev img, .indBannner_swiperNext img {
        width: 10px;
    }

    .indBanner_swiperPag {
        bottom: 25px !important;
    }

    .indBanner_swiperPag .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 6px !important;
    }

    .indBanner_list {
        width: 100%;
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .indBanner_list li {
        width: calc(50% - 5px);
    }

    .indBanner_list li:nth-child(n+2) {
        margin-top: 0;
    }

    .indBanner_listImg .indBanner_listImgBox {
        height: 120px;
    }

    .indBanner_listTxt {
        padding: 5px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .indBanner_listTxt h6 {
        font-size: 16px;
    }

    .indBanner_listTxt p {
        font-size: 14px;
    }

    .padding100 {
        padding: 40px 0;
    }

    .warpper {
        padding: 10px 0;
    }

    .comment_title h5 {
        font-size: 36px;
    }

    .comment_title h5:last-child::after {
        width: 15px;
        height: 15px;
        margin-left: 15px;
    }

    .indSec1_con {
        margin-top: 20px;
        display: block;
    }

    .indSec1_left {
        width: 100%;
    }

    .comment_title h6 {
        font-size: 26px;
    }

    .indSec1_classify {
        margin-top: 30px;
        justify-content: flex-start;
    }

    .indSec1_classify li {
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .indSec1_classify li:nth-child(3n) {
        margin-right: 0;
    }

    .indSec1_classify li a {
        font-size: 14px;
    }

    .indSec1_more {
        margin-top: 10px;
        position: relative;
        font-size: 16px;
        justify-content: flex-end;
    }

    .indSec1_more img {
        width: 16px;
    }

    .indSec1_swiper {
        width: 100%;
        margin-top: 20px;
    }

    .indSec1_img .indSec1_imgBox {
        height: 200px;
    }

    .indSec1_txt {
        width: 100%;
        padding: 20px;
    }

    .indSec1_time h6 {
        font-size: 44px;
    }

    .indSec1_time p {
        margin-top: 5px;
        font-size: 14px;
    }

    .indSec1_text {
        width: calc(100% - 70px);
    }

    .indSec1_text h6 {
        font-size: 16px;
    }

    .indSec1_text p {
        font-size: 14px;
    }

    .indSec1_swiperPag {
        bottom: 20px !important;
    }

    .indSec1_swiperPag .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 6px !important;
    }

    .indSec1_list {
        margin-top: 20px;
        width: 100%;
    }

    .indSec1_list li {
        padding: 10px 0;
    }

    .indSec1_list li h6 {
        font-size: 14px;
    }

    .indSec1_list li p {
        font-size: 16px;
    }

    .indSec2_left {
        width: 100%;
        padding: 30px;
        position: relative;
    }

    .indSec2_title h6 {
        margin-top: 20px;
        font-size: 26px;
    }

    .indSec2_title p {
        font-size: 36px;
    }

    .indSec2_more {
        margin-top: 10px;
        justify-content: flex-start;
        position: relative;
        left: 0;
        bottom: 0;
    }

    .indSec2_more img {
        width: 16px;
    }

    .indSec2_right {
        width: 100%;
        padding: 0 30px 30px;
    }

    .indSec2_list li {
        font-size: 14px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .indSec2_list li:nth-child(n+2) {
        margin-left: 0;
    }

    .marginTop60 {
        margin-top: 20px;
    }

    .indSec2_txt {
        margin-top: 10px;
    }

    .indSec2_txt p {
        font-size: 16px;
    }

    .indSec3::before {
        height: 60px;
        bottom: 25px;
    }

    .indSec3_left {
        width: 100%;
    }

    .indSec3_swiper {
        padding-bottom: 60px;
    }

    .indSec3_swiperPag .swiper-pagination-bullet {
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
    }

    .indSec3_swiper2Btn {
        display: none;
    }

    .indSec3_swiper2 {
        position: relative;
        display: none;
    }

    .indSec3_left .flex {
        margin-top: 20px;
        display: block;
    }

    .indSec3_classify {
        margin-top: 20px;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .indSec3_classify li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .indSec3_classify li a {
        font-size: 16px;
    }

    .indSec3_txt {
        font-size: 22px;
        height: 62px;
    }

    .indSec4_con {
        display: block;
    }

    .indSec4_con .top {
        margin-top: 20px;
        position: relative;
        left: 0;
        top: 0;
    }

    .indSec4_con .indSec3_classify {
        width: 100%;
        max-width: 100%;
    }

    .indSec4_list li {
        width: calc(50% - 5px);
    }

    .indSec4_list li {
        margin-right: 10px;
    }

    .indSec4_list li:nth-child(2n) {
        margin-right: 0;
    }

    .indSec4_list li:nth-child(n+3) {
        margin-top: 10px;
    }

    .indSec4_txt {
        /*padding: 10px;*/
        padding: 10px 10px 0px 10px;
    }

    .indSec4_txt h6 {
        font-size: 16px;
        /*height: 45px;*/
    }

    .indSec4_txt p {
        font-size: 12px;
    }

    .indSec4_txt .price {
        font-size: 14px;
    }

    .indSec4_txt .price span {
        font-size: 18px;
    }

    .indSec5_top .top {
        margin-top: 20px;
        position: relative;
        left: 0;
        top: 0;
    }

    .indSec5_top {
        display: block;
    }

    .indSec5_more {
        display: flex;
        justify-content: flex-end;
    }

    .indSec5_con {
        display: block;
    }

    .indSec5_left {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .indSec5_left h6 {
        font-size: 14px;
    }

    .indSec5_left h6 span {
        font-size: 22px;
    }

    .indSec5_classify {
        margin-top: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .indSec5_classify li {
        padding: 10px;
    }

    .indSec5_classify li span {
        font-size: 16px;
        margin-left: 10px;
    }

    .indSec5_list {
        width: 100%;
    }

    .indSec5_list li a {
        padding: 10px;
    }

    .indSec5_img {
        width: 130px;
        height: calc(100% - 20px);
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .indSec5_box {
        /*width: calc(100% - 140px);*/
        width: 100%;
    }

    .indSec5_txt {
        display: block;
    }

    .indSec5_txt h6 {
        max-width: 100%;
    }

    .indSec5_txt h6 {
        font-size: 16px;
    }

    .indSec5_txt p {
        font-size: 12px;
    }

    .indSec5_txt p span {
        font-size: 16px;
    }

    .indSec5_txt p span.price {
        /*font-size: 20px;*/
        font-size: 18px;
    }

    .indSec5_label li {
        font-size: 10px;
    }

    .indSec6_list li {
        width: 47.5%;
    }

    .indSec6_list li:nth-child(2n) {
        margin-top: -60px;
    }

    .indSec6_txt {
        display: none;
    }

    .indSec6_list li .indSec6_box {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale(1);
    }

    .indSec6_box {
        padding: 10px;
    }

    .indSec6_box h6 {
        margin-top: 10px;
        font-size: 18px;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .indSec6_box p {
        margin-top: 10px;
        font-size: 14px;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .indSec6_more {
        display: none;
    }

    .indSec6_bottom {
        margin-top: 20px;
        padding-bottom: 0;
        position: relative;
        width: 100%;
    }

    .indSec6_bottom h6 {
        font-size: 18px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .indSec6_classfiy a {
        width: auto;
        font-size: 16px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .footerTop {
        display: none;
    }

    .footerCopy p, .footerCopy a {
        font-size: 12px;
    }

    .footerCopy p:nth-child(n+2) {
        display: none;
    }

    .commentNav a {
        font-size: 14px;
    }

    /* index.html */
    /* article.html */
    .articleCon {
        margin-top: 10px;
        display: block;
    }

    .articleClassify {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .articleClassify li {
        width: auto;
        font-size: 14px;
        line-height: 1;
        padding: 5px 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .articleClassify2Box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 2px 2px 3px #ccc;
        margin-bottom: 10px;
    }

    .articleClassify2 {
        height: 50px;
        padding: 0 20px;
        /*border-radius: 5px;*/
        /*box-shadow: 2px 2px 3px #ccc;*/
        /*margin-bottom: 10px;*/
    }

    .articleClassify2 li {
        font-size: 18px;
        line-height: 50px;
        margin-right: 20px;
    }

    .articleClassify2_btn {
        width: 90px;
        height: 48px;
        border-radius: 5px;
        font-size: 16px;
        line-height: 44px;
        margin-right: 5px;
    }

    .articleListBox {
        width: 100%;
    }

    .articleList li a {
        padding: 10px;
    }

    .articleImg {
        width: 120px;
        height: calc(100% - 20px);
        top: 10px;
        left: 0;
        padding: 20px;
    }

    .articleTxt {
        /*width: calc(100% - 130px);*/
        width: calc(100% - 100px);
        margin: 0 0 0 auto;
    }

    .articleTxt h6 {
        font-size: 16px;
        line-height: 1.4;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .articleTxt p {
        font-size: 12px;
        line-height: 1.6;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .articleTxt .time {
        margin-top: 5px;
        font-size: 12px;
    }

    .articleTxt .more {
        margin-top: 10px;
    }

    .articleTxt .more {
        width: 100%;
        height: 32px;
        font-size: 12px;
        line-height: 32px;
    }

    .articleList li:nth-child(n+2) {
        margin-top: 10px;
    }

    .commentPag li {
        margin: 0 5px;
    }

    .commentPag li a {
        width: 25px;
        height: 25px;
        font-size: 10px;
        line-height: 25px;
    }

    .articleLeft {
        width: 100%;
    }

    .articleLeft_box {
        padding: 10px 20px;
    }

    .articleLeft_top h6 {
        font-size: 22px;
    }

    .articleLeft_top p {
        margin-top: 10px;
    }

    .articleLeft_top p a,
    .articleLeft_top p span {
        font-size: 13px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .articleLeft_con {
        margin-top: 10px;
        padding-top: 10px;
    }

    .articleLeft_con p {
        font-size: 14px;
        line-height: 1.6;
    }

    .articleLeft_con p:nth-child(n+2), .articleLeft_con img:nth-child(n+2) {
        margin-top: 20px;
    }

    .articleLeft_bottom {
        margin-top: 10px;
    }

    .articleLeft_bottomBox:first-child {
        /*width: 80%;*/
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        /*justify-content: flex-start;*/
        justify-content: space-between;
    }

    .articleLeft_bottomBox p {
        font-size: 13px;
        justify-content: flex-start;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .articleLeft_bottomBox p img {
        width: 14px;
    }

    .articleLeft_bottomBox p:nth-child(n+2),
    .articleLeft_bottomBox #reward:nth-child(n+2){
        margin-left: 0;
    }

    .articleLeft_eval {
        margin-top: 10px;
        padding: 10px;
    }

    .articleLeft_evalTitle {
        font-size: 18px;
        /*padding-bottom: 10px;*/
    }

    .articleLeft_evalTitle span {
        font-size: 14px;
    }

    .articleLeft_evalInput img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .articleLeft_evalInput input[type="text"] {
        width: calc(100% - 120px);
        height: 40px;
        padding: 0 10px 0 10px;
        font-size: 14px;
    }

    .articleLeft_evalInput input[type="button"] {
        width: 60px;
        height: 40px;
        font-size: 16px;
    }

    .articleLeft_evalInput .identity {
        width: 80px;
        left: 65px;
        font-size: 14px;
    }

    .articleLeft_evalList {
        margin-top: 10px;
    }

    .articleLeft_evalList2 {
        padding-left: 30px;
    }

    .articleLeft_evalList li {
        padding: 10px;
    }

    .articleLeft_evalList li > img {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .articleLeft_evalList_txt {
        width: calc(100% - 40px);
        padding-right: 20px;
    }

    .articleLeft_evalList_txt .articleLeft_bottomBox {
        right: -10px;
    }

    .articleLeft_evalList_txt h6 {
        font-size: 16px;
    }

    .articleLeft_evalList_txt p {
        font-size: 12px;
        line-height: 1.6;
    }

    .articleLeft_evalList_txt p .reply {
        font-size: 14px;
    }

    .articleLeft_evalList_txt .time {
        margin-top: 5px;
        font-size: 14px;
    }

    .articleRight {
        margin-top: 10px;
        width: 100%;
    }

    .articleRight_user {
        padding: 20px;
    }

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

    .articleRight_userTop p {
        /*width: calc(100% - 60px);*/
        width: 100%;
        font-size: 20px;
    }

    .articleRight_userCenter {
        margin-top: 10px;
    }

    .articleRight_userCenter h6 {
        font-size: 28px;
    }

    .articleRight_userCenter h6 span {
        height: 18px;
        font-size: 12px;
        line-height: 18px;
    }

    .articleRight_userCenter p {
        font-size: 15px;
    }

    .articleRight_userBtn {
        margin-top: 20px;
        width: 60%;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }

    .articleRight_recommend h6 {
        padding: 20px;
        font-size: 18px;
    }

    .articleRight_recommendBox {
        padding: 10px 20px;
    }

    .articleRight_recommendBox a {
        font-size: 12px;
        line-height: 1.6;
    }

    .articleForm {
        margin-top: 20px;
        padding: 20px
    }

    .articleForm_title {
        font-size: 16px;
        width: 100px;
    }

    .articleForm input[type="text"] {
        margin-top: 10px;
        height: 48px;
        padding: 0 10px;
        font-size: 16px;
    }

    .articleForm textarea {
        margin-top: 10px;
        height: 120px;
        font-size: 16px;
        padding: 5px 10px;
    }

    .articleForm_title2 {
        margin-top: 10px;
        font-size: 16px;
    }

    .articleForm_box {
        margin-top: 10px;
    }

    .articleForm_upload {
        width: 100%;
        height: 120px;
        padding-top: 30px;
    }

    .articleForm_upload img {
        width: 30px;
    }

    .articleForm_upload p {
        font-size: 14px;
        margin-top: 10px;
    }

    .articleForm_box textarea {
        margin-left: 10px;
        height: 120px;
        margin-top: 0;
        font-size: 14px;
    }

    .articleForm_line, .articleForm_label {
        margin-top: 20px
    }

    .articleForm_label li {
        padding: 0 10px;
        margin: 0 10px 10px 0;
        font-size: 14px;
        line-height: 32px;
    }

    .articleForm_important {
        font-size: 14px;
    }

    .articleForm_submit {
        margin-top: 20px;
    }

    .articleForm_submit {
        height: 80px;
    }

    .articleForm_submit input {
        font-size: 16px;
    }

    .articleList_bottom {
        padding-top: 10px;
    }

    .articleList_time {
        font-size: 12px;
        width: 50%;
    }

    .articleList_user {
        width: 100%;
        margin-bottom: 10px;
    }

    /* article.html */
    /* material.html */
    .materialTop {
        padding: 20px;
    }

    .materialClassify .swiper-slide p {
        font-size: 16px;
        padding: 0 5px 10px 5px;
    }

    .materialTop_box {
        margin-top: 20px;
    }

    .materialTop_list {
        padding-left: 0;
    }

    .materialTop_list:nth-child(n+2) {
        margin-top: 0;
        padding-top: 10px;
        border-top: 1px solid #ddd;
    }

    .materialTop_list h6 {
        font-size: 16px;
        line-height: 28px;
        position: relative;
    }

    .materialTop_list li {
        padding: 0 5px;
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 28px;
    }

    .materialCon {
        margin-top: 20px;
        display: block;
    }

    .materialLeft {
        padding: 20px;
        width: 100%;
    }

    .materialNav img {
        width: 20px;
    }

    .materialNav span {
        font-size: 14px;
    }

    .materialList li a {
        padding: 10px;
    }

    .materialList_img {
        width: 80px;
    }

    .materialList_txt {
        width: calc(100% - 90px);
    }

    .materialList_txt h6 {
        font-size: 18px;
        line-height: 1.4;
        -webkit-line-clamp: 1;
    }

    .materialList_txt p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.4;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .materialList_more {
        margin-top: 10px;
        padding: 10px 0;
        font-size: 18px;
    }

    .materialList_more {
        color: #fff;
        background-color: #0165df;
    }

    .materialList_more.noColor {
        cursor: auto;
        color: #999;
        background-color: #fff;
    }

    .materialRight {
        width: 100%;
    }

    .materialBox_title {
        padding: 10px 15px;
        font-size: 18px;
        font-weight: bold;
    }

    .materialList {
        margin-top: 10px;
    }

    .materialBox_list li a {
        margin-top: 10px;
        padding: 0 15px;
    }

    .materialBox_list_num {
        font-size: 22px;
    }

    .materialBox_list_img {
        width: 40px;
    }

    .materialBox_list_txt {
        width: calc(100% - 80px);
    }

    .materialBox_list_txt p {
        font-size: 16px;
    }

    .materialBox_list2 .materialBox_list_txt {
        width: calc(100% - 50px);
    }

    .materialRight {
        margin-top: 20px;
    }

    .materialBox2 {
        margin-top: 20px;
        padding: 20px;
    }

    .materialBox2 h6 {
        font-size: 18px;
    }

    .materialBox2_txt {
        margin-top: 0;
    }

    .materialBox2_txt p {
        padding: 5px 0;
        font-size: 14px;
    }

    .articleForm_title3 {
        margin: 10px 0;
        font-size: 16px;
    }

    .articleForm_title3 img {
        width: 18px;
    }

    .materialUpload_box {
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .materialUpload_box:nth-child(2n) {
        margin-right: 0;
    }

    .materialUpload_btn {
        width: 100%;
    }

    .uploadClose {
        width: 18px !important;
        height: 18px !important;
    }

    .materialUpload_btn {
        justify-content: flex-start;
    }

    .materialUpload_btn img {
        width: 100px;
        height: 100px;
    }

    /* material.html */
    /* answers.html */
    .answersTop {
        padding: 20px;
    }

    .answersTop_search {
        /*width: calc(100% - 90px);*/
        width: 100%;
        height: 48px;
        border-radius: 5px;
    }

    .answersTop_search input[type="text"] {
        width: calc(100% - 80px);
        font-size: 16px;
        padding: 0 10px;
    }

    .answersTop_search input[type="button"] {
        width: 80px;
        height: 48px;
        border-radius: 5px;
        font-size: 16px;
    }

    .answersTop_btn {
        width: 80px;
        height: 48px;
        border-radius: 5px;
        font-size: 16px;
        line-height: 44px;
    }

    .answersLeft {
        width: 100%;
    }

    .answersClassify {
        height: 50px;
        padding: 0 20px;
        border-radius: 5px;
        box-shadow: 2px 2px 3px #ccc;
    }

    .answersClassify li {
        font-size: 18px;
        line-height: 50px;
        margin-right: 20px;
    }

    .answersList li {
        padding: 10px 20px;
        margin-top: 20px;
    }

    .answersList_top {
        padding: 10px 0;
    }

    .answersList_txt {
        width: 100%;
    }

    .answersList_txt h6 {
        font-size: 16px;
    }

    .answersList_txt h6 img, .answersList_txt p img {
        width: 22px;
    }

    .answersList_txt h6 span,
    .answersList_txt p span {
        width: calc(100% - 40px);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .answersList_txt p {
        font-size: 14px;
    }

    .answersList_img {
        width: 100px;
        display: none;
    }

    .answersList_user img {
        width: 30px;
        height: 30px;
    }

    .answersList_bottom {
        padding-top: 10px;
    }

    .articleLeft_bottomBox p {
        font-size: 12px;
        margin-bottom: 0;
        /*margin-left: 5px;*/
        margin-left: 0px;
    }

    .articleLeft_bottomBox:first-child {
        /*width: 70%;*/
        width: 100%;
    }

    .answersList_time {
        font-size: 12px;
        width: 40%;
    }

    .answersList_user {
        width: 100%;
        margin-bottom: 10px;
    }

    .answersBox > h6 {
        padding: 10px 15px;
        font-size: 18px;
        font-weight: bold;
    }

    .answersLabel {
        padding: 10px;
    }

    .answersLabel li {
        line-height: 32px;
        font-size: 14px;
        margin: 0 10px 10px 0;
    }

    .answersLeft_user > img {
        width: 35px;
        height: 35px;
    }

    .answersLeft_userTxt h6 {
        font-size: 16px;
    }

    .answersLeft_userTxt p {
        font-size: 12px;
    }

    .answersLeft_btn {
        width: 100px;
        height: 38px;
    }

    .answersLeft_btn img {
        width: 18px;
    }

    .answersLeft_btn span {
        font-size: 16px;
    }

    .answersLeft_title {
        font-size: 18px;
    }

    .answersLeft_txt {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #ddd;
    }

    .answersLeft_txt p {
        font-size: 14px;
    }

    .answersBox .change span {
        font-size: 14px;
    }

    .answersRelated {
        padding: 0 10px 10px;
    }

    .answersRelated li {
        margin-top: 10px;
    }

    .answersRelated li .answersRelated_btn span {
        font-size: 12px;
    }

    .replyBox {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .replyBox .articleForm_img,
    .replyBox .articleForm_upload {
        width: calc(50% - 10px);
        height: 120px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    /* answers.html */
    /* course.html */
    .courseTitle {
        margin-bottom: 20px;
    }

    .courseTitle h6 {
        font-size: 22px;
    }

    .indSec5_more {
        font-size: 16px;
    }

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

    .courseSec2_list li a {
        padding: 15px;
    }

    .courseSec2_box {
        /* display: block; */
    }

    .courseSec2_img {
        width: 40%;
        margin-top: 0;
    }

    .courseSec2_txt {
        width: calc(60% - 10px);
    }

    .courseSec2_txt h5 {
        font-size: 18px;
        font-weight: bold;
    }

    .courseSec2_txt h6 {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .courseSec2_txt p {
        font-size: 12px;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .courseSec2_bottom {
        margin-top: 10px;
    }

    .courseTitle2 h6 {
        font-size: 14px;
    }

    .courseSec2_bottom_box {
        margin-top: 10px;
        font-size: 14px;
        line-height: 38px;
        height: 38px;
    }

    .courseSec2_list li {
        margin: 5px 0;
    }

    .videoClassify {
        margin-top: 20px;
        padding: 20px;
        display: block;
    }

    .videoClassify_left {
        width: 100%;
        margin: auto;
    }

    .videoClassify_left li img {
        width: 60px;
    }

    .videoClassify_left li p {
        font-size: 16px;
    }

    .videoClassify_left li a img {
        width: 45px;
    }

    .videoClassify_left li a p {
        margin: auto;
    }

    .videoClassify_right {
        width: 100%;
        padding-top: 20px;
        border-top: 1px solid #ddd;
    }

    .videoCon {
        padding: 20px 0;
    }

    .videoDetail_con {
        margin-top: 20px;
        display: block;
    }

    .videoDetail_left {
        width: 100%;
    }

    .videoDetail_leftVideo_title {
        padding: 10px;
    }

    .videoDetail_leftVideo_title h6 {
        font-size: 18px;
        line-height: 1.4;
    }

    .videoDetail_leftVideo_title p {
        font-size: 12px;
    }

    .videoDetail_leftVideo_title p img {
        width: 14px;
        margin-right: 5px;
    }

    .videoDetail_leftVideo_video video {
        height: 240px;
    }

    .videoDetail_leftVideo_price {
        font-size: 28px;
    }

    .videoDetail_leftVideo_price span {
        font-size: 14px;
    }

    .videoDetail_leftVideo_btn div {
        margin-left: 10px;
        min-width: auto;
        height: 34px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 34px;
        text-align: center;
    }

    .videoDetail_leftCon {
        margin: 20px 0;
        padding: 0 10px;
    }

    .videoDetail_leftInfo {
        padding: 20px 0;
        display: block;
    }

    .videoDetail_leftInfo_img {
        width: 50%;
        margin: 0 auto;
    }

    .videoDetail_leftInfo_txt {
        width: 100%;
        margin-top: 20px;
    }

    .videoDetail_leftInfo_txt h6 {
        font-size: 18px;
    }

    .videoDetail_leftInfo_txt p {
        margin-top: 10px;
        font-size: 14px;
    }

    .videoDetail_leftCon .articleLeft_eval {
        padding: 10px;
    }

    .videoDetail_right {
        width: 100%;
        margin-top: 20px;
    }

    .videoDetail_rightBox {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .videoDetail_user img {
        width: 40px;
        height: 40px;
    }

    .videoDetail_user p {
        font-size: 16px;
    }

    .videoDetail_list li a {
        padding: 10px 0;
    }

    .videoDetail_user {
        padding: 20px 20px 0;
    }

    .videoDetail_listImg {
        width: calc(40% - 10px);
    }

    .videoDetail_listTxt {
        width: 60%;
    }

    .videoDetail_listTxt h6 {
        font-size: 14px;
        line-height: 1.4;
    }

    .videoDetail_listTxt p img {
        width: 16px;
    }

    .videoDetail_listTxt p span {
        font-size: 12px;
    }

    .teacherDetail_con {
        margin-top: 20px;
        padding: 0 20px 20px;
    }

    .teacherDetail_list li.on {
        margin-right: 10px;
        padding: 0 10px;
        font-size: 16px;
        line-height: 42px;
    }

    .videoDetail_leftInfo_txt {
        margin-top: 10px;
    }

    .teacherDetail_list li {
        padding: 0 10px;
        line-height: 42px
    }

    .teacherDetail_price p {
        font-size: 22px;
    }

    .teacherDetail_list2 li a {
        padding: 10px 0;
    }

    .teacherDetail_price div {
        width: 60px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .teacherDetail_list2_title {
        width: calc(100% - 50px);
    }

    .teacherDetail_list2_title img {
        width: 18px;
    }

    .teacherDetail_list2_title h6 {
        font-size: 14px;
        line-height: 1.4;
        width: calc(100% - 25px);
    }

    .teacherDetail_list2_time p {
        font-size: 14px;
    }

    .teacherDetail_list2_time img {
        width: 18px;
    }

    /* course.html */
    /* need.html */
    .needSec1_box {
        width: calc(50% - 5px);
    }

    .needSec_list {
        margin-top: 20px;
    }

    .needSec_list li, .needSec_classify {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

    .needSec_list li:nth-child(3n) {
        margin-right: 10px;
    }

    .needSec_list li:nth-child(2n) {
        margin-right: 0;
    }

    .needSec_list li:nth-child(n+3) {
        margin-top: 10px;
    }

    .needSec_img {
        height: 100px;
    }

    .needSec_classify {
        /*height: 250px;*/
        height: 150px;
    }

    .needSec_txt {
        padding: 10px;
    }

    .needSec_txt h6 {
        font-size: 16px;
    }

    .needSec_txt p {
        margin: 10px auto 0;
        width: 100px;
        height: 32px;
        font-size: 14px;
        line-height: 32px;
    }

    .needSec_bottom {
        display: block;
        padding: 10px;
    }

    .needSec_con {
        width: 100%;
        margin-top: 5px;
    }

    .needSec_box p {
        font-size: 14px;
    }

    .needSec_classify h6 {
        font-size: 24px;
    }

    .needSec_classify p {
        font-size: 14px;
    }

    .needList li a {
        padding: 10px;
    }

    .needList_img {
        width: 100%;
        height: 140px;
        position: relative;
        top: 0;
        left: 0;
    }

    .needList_txt {
        width: 100%;
        margin-top: 10px;
    }

    .needList_txt h6 {
        font-size: 18px;
    }
    .needDetail_list li h5
    .needList_txt h6 span {
        padding: 0 10px;
        height: 28px;
        font-size: 14px;
        line-height: 28px;
        position: absolute;
        top: 10px;
        right: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 20px;
    }

    .needList_label span {
        padding: 0 10px;
        font-size: 12px;
        line-height: 24px;
        height: 24px;
        margin: 0 10px 10px 0;
    }

    .needList li {
        margin-bottom: 20px;
    }

    .needList_txt p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .needList_con {
        margin-top: 10px;

        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .needList_box {
        font-size: 12px;
        margin-right: 20px;
    }

    .needList_box:nth-child(3) {
        width: 100%;
        margin-top: 5px;
        margin-right: 0;
    }

    .needList_box span {
        font-size: 14px;
    }

    .needList_box span.price {
        font-size: 22px;
    }

    .needDetail_con {
        padding: 20px;
    }

    .needDetail_top {
        display: block;
    }

    .needDetail_top > h6 {
        width: 100%;
        font-size: 18px;
    }

    .needDetail_countDown {
        width: 100%;
        margin-top: 10px;
    }

    .needDetail_countDown_box {
        width: 60px;
        height: 68px;
    }

    .needDetail_countDown_box h6 {
        font-size: 28px;
    }

    .needDetail_countDown_box p {
        font-size: 14px;
    }

    .needDetail_countDown_box:nth-child(n+2)::before {
        font-size: 38px;
        left: -20px;
    }

    .needDetail_center {
        margin-top: 20px;
    }

    .needDetail_conPrice h6 {
        font-size: 18px;
    }

    .needDetail_conPrice h6 span {
        font-size: 36px;
    }

    .needDetail_conPrice p {
        margin-left: 10px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 30px;
    }

    .needDetail_step {
        margin-top: 20px;
        padding: 40px 10px 0;
    }

    .needDetail_step::before,
    .needDetail_step::after {
        height: 6px;
    }

    .needDetail_step li::before {
        width: 30px;
        height: 30px;
    }

    .needDetail_step::after {
        width: 18%;
    }

    .needDetail_step li {
        font-size: 12px;
    }

    .needDetail_bottom {
        margin-top: 20px;
    }

    .needDetail_btn {
        font-size: 18px;
        line-height: 42px;
        height: 42px;
        position: relative;
        top: 0;
        right: 0;
    }

    .needDetail_txt {
        padding-right: 0;
        margin-top: 10px;
    }

    .needDetail_txt h6 {
        font-size: 14px;
    }

    .needDetail_label span {
        font-size: 14px;
    }

    .needDetail_txt2 {
        margin-top: 10px;
        padding-top: 10px;
    }

    .needDetail_txt2 p {
        font-size: 14px;
    }

    .needDetail_list {
        margin-top: 20px;
        padding: 20px;
    }

    .needDetail_list li {
        padding: 10px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .needDetail_list li h5 {
        width: 100%;
        font-size: 16px;
        padding-left: 10px;
        top: 0;
        position: relative;
    }

    .needDetail_list li h5::before {
        width: 3px;
        height: 20px;
        top: calc(50% - 10px);
        left: 0;
    }

    .needDetail_list li h6 {
        margin-top: 10px;
        margin-left: 10px;
    }

    .needDetail_list li p {
        margin-top: 10px;
        line-height: 1;
    }

    .needDetail_list li:nth-child(3) p {
        width: 100%;
        padding-left: 10px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.4;
    }

    .needForm .articleForm_title {
        width: 100px;
        margin-right: 10px;
    }

    .needForm .alertChecked, .needForm_time {
        width: calc(100% - 100px);
    }

    .articleForm input[type="text"] {
        height: 38px;
    }

    .needForm_time input[type="text"] {
        margin-top: 0;
    }

    .alertChecked li {
        width: 50%;
        margin-right: 0;
    }

    .needForm:nth-child(n+2) {
        margin-top: 20px;
    }

    /* need.html */
    /* enterprise.html */
    .enterpriseBtn {
        width: 60px;
        height: 28px;
        font-size: 12px;
        line-height: 26px;
        bottom: 10px;
    }

    .enterpriseClassify {
        width: calc(100% - 70px);
    }

    .enterpriseCon {
        margin-top: 20px;
        padding: 20px;
    }

    .enterpriseList {
        margin-top: 10px;
    }

    .enterpriseList li {
        margin-top: 10px;
        width: calc(50% - 5px);
    }

    .enterpriseList li a, .enterpriseList li:nth-child(2n) a {
        padding: 0;
    }

    .enterpriseList_img {
        width: 100%;
        height: 120px;
        position: relative;
        top: 0;
    }

    .enterpriseList_txt {
        width: 100%;
        padding: 10px 0;
    }

    .enterpriseList_txt h6 {
        font-size: 16px;
        height: auto;
        -webkit-line-clamp: 1;
    }

    .enterpriseList_txt p {
        margin-top: 5px;
        font-size: 14px;
        height: auto;
        -webkit-line-clamp: 2;
    }

    .enterpriseList_bottom {
        margin-top: 5px;
        display: block;
    }

    .enterpriseList_bottom span {
        font-size: 12px;
    }

    .enterprisePag {
        margin: 20px auto 0;
        justify-content: center;
    }

    .enterpriseMap {
        margin-top: 20px;
        padding: 15px;
    }

    .enterpriseMap_search {
        width: 80%;
        top: 25px;
        left: 25px;
        display: block;
    }

    .enterpriseMap_classify h6 {
        width: 110px;
        height: 40px;
        padding: 0px 10px;
        border-radius: 5px;
        font-size: 14px;
    }

    .enterpriseMap_input {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .enterpriseMap_input input[type="text"] {
        width: calc(100% - 80px);
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }

    .enterpriseMap_input input[type="button"] {
        width: 80px;
        height: 40px;
        font-size: 14px;
    }

    .enterpriseDetail_infoImg {
        width: 50%;
        height: 120px;
        position: relative;
        margin: 0 auto;
    }

    .enterpriseDetail_con {
        padding: 20px;
        margin-bottom: 20px;
    }

    .enterpriseDetail_info {
        display: block;
    }

    .enterpriseDetail_infoTxt {
        width: 100%;
        margin-top: 20px;
    }

    .enterpriseDetail_infoTxt h6 {
        font-size: 18px;
    }

    .enterpriseDetail_infoTxt p {
        margin-top: 10px;
        font-size: 14px;
    }

    .enterpriseDetail_infoLabel {
        margin-top: 10px;
    }

    .enterpriseDetail_infoLabel li {
        padding: 10px 0;
        font-size: 14px;
    }

    .enterpriseDetail_title {
        font-size: 18px;
    }

    .enterprisePhoto {
        margin-top: 20px;
    }

    .enterpriseDetail_photo {
        height: 220px;
    }

    .enterpriseDetail_list {
        margin-top: 20px;
    }

    .enterpriseDetail_list li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

    .enterpriseDetail_list li:nth-child(3n) {
        margin-right: 10px;
    }

    .enterpriseDetail_list li:nth-child(2n) {
        margin-right: 0;
    }

    .enterpriseDetail_list li:nth-child(n+3) {
        margin-top: 10px;
    }

    .enterpriseDetail_listImg {
        height: 100px;
    }

    .enterpriseDetail_listTxt {
        padding: 10px;
    }

    .enterpriseDetail_listTxt h6 {
        font-size: 16px;
        font-weight: bold;
    }

    .enterpriseDetail_listTxt p {
        margin-top: 5px;
        font-size: 12px;
    }

    .settledForm .articleForm_box {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .settledForm .articleForm_img {
        width: calc(50% - 10px);
        height: 120px;
        margin-bottom: 10px;
    }

    .settledForm .articleForm_upload {
        width: calc(50% - 10px);
    }

    .articleForm_title:nth-child(n+2) {
        margin-top: 10px;
    }

    .settledList li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

    .settledList li:nth-child(3n) {
        margin-right: 10px;
    }

    .settledList li:nth-child(2n) {
        margin-right: 0;
    }

    .settledList li:nth-child(n+3) {
        margin-top: 10px;
    }

    .settledList_img {
        width: 100%;
        height: 100px;
        position: relative;
    }

    .settledList_txt {
        padding: 10px;
        width: 100%;
    }

    /* enterprise.html */
    /* user.html */
    .commentUser {
        display: block;
    }

    .commentUserLeft {
        width: 100%;
        /* display: none; */
    }

    .userInfo_nav {
        /* display: none; */
    }

    .userInfo {
        padding: 20px;
    }

    .userInfo_head {
        width: 80px;
        height: 80px;
    }

    .userInfo h6 {
        margin-top: 10px;
        font-size: 18px;
    }

    .commentUserRight {
        width: 100%;
        padding: 20px;
        margin-top: 20px;
    }

    .commentUser_title {
        font-size: 18px;
    }

    .userUser_top {
        padding: 0;
        display: block;
    }

    .userUser_form {
        margin-top: 20px;
    }

    .userUser_head {
        margin: 0 auto;
    }

    .userUser_box {
        margin-top: 15px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .userUser_input {
        width: calc(100% - 80px);
        margin-left: 0;
    }

    .userUser_input input {
        width: 100%;
        padding: 0 10px;
        font-size: 14px;
    }

    .userUser_input span{
        font-size: 14px;
        color: #000;
    }

    .userUser_top .userUser_input {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    .userUser_top .userUser_input input {
        width: calc(100% - 40px);
        font-size: 14px;
        height: 36px;
    }
    .userUser_input span{
        font-size: 14px;
        color: #000;
    }

    .userUser_label {
        font-size: 16px;
        width: 70px;
    }

    .userUser_box .alertChecked {
        padding-left: 70px;
        margin-top: 10px;
    }

    .userUser_input textarea {
        width: 100%;
        height: 120px;
        padding: 5px 10px;
        font-size: 14px;
    }

    .userUser_btn {
        padding-left: 80px;
        margin-top: 20px;
    }

    .userUser_btn input {
        width: 140px;
        height: 44px;
        font-size: 18px;
    }

    .articlelList li {
        padding: 10px 0;
    }

    .articlelList_con h6 {
        font-size: 18px;
    }

    .articlelList_con p {
        font-size: 14px;
    }

    .userArticlelList .articleLeft_bottom {
        display: block;
    }

    .userArticlelList .articleLeft_top {
        width: 100%;
        margin-top: 5px;
    }

    .recruitClassify {
        margin-top: 20px;
    }

    .recruitClassify li {
        padding: 0 10px 10px;
        margin-right: 10px;
        font-size: 16px;
    }

    .recruitList li {
        padding: 10px 0;
    }

    .recruitList_info {
        display: block;
    }

    .recruitList_txt {
        width: 100%;
    }

    .recruitList_txt h6 {
        font-size: 16px;
    }

    .recruitList_txt p {
        font-size: 14px;
    }

    .recruitList_label {
        font-size: 12px;
    }

    .recruitList_label span {
        font-size: 18px;
    }

    .recruitList_btn {
        width: 70px;
        height: 32px;
        padding: 0 10px;
        font-size: 14px;
        margin: -32px 0 0 auto;
    }

    .recruitList_btn img {
        width: 12px;
    }

    .recruitList_con {
        padding: 10px 10px 0;
    }

    .recruitList_box {
        padding: 10px 0;
        display: block;
    }

    .recruitList_boxLeft {
        width: 100%;
        display: block;
    }

    .recruitList_boxUser {
        width: 100%;
    }

    .recruitList_boxUser img {
        width: 30px;
        height: 30px;
    }

    .recruitList_boxFile {
        margin-top: 10px;
        width: 100%;
        justify-content: flex-start;
    }

    .recruitList_boxFile a {
        margin-left: 10px;
    }

    .recruitList_boxUser_txt {
        width: calc(100% - 40px);
    }

    .recruitList_boxUser_txt h6 {
        font-size: 16px;
    }

    .recruitList_boxUser_txt h6 span {
        font-size: 12px;
    }

    .recruitList_boxPrice {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .recruitList_boxPrice h6 {
        font-size: 14px;
    }

    .recruitList_boxPrice input[type=radio] {
        margin-right: 10px;
        width: 25px;
        height: 25px;
    }

    .recruitList_boxPrice input[type=radio]:after {
        width: 25px;
        height: 25px;
    }

    .recruitList_boxPrice p {
        width: 70px;
        height: 32px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 32px;
    }

    .deliverList .recruitList_txt {
        width: 100%;
    }

    .deliverList .recruitList_label {
        margin-top: 10px;
    }

    .deliverList .recruitList_label::before {
        content: '提交时间：';
    }

    .deliverList .recruitList_boxPrice {
        width: 100%;
        margin-top: -16px;
    }

    .problemList .articleLeft_bottom {
        margin-top: 10px;
        display: block;
    }

    .articlelList {
        margin-top: 20px;
    }

    .problemList .articleLeft_top {
        margin-top: 5px;
    }

    .indSec4_btn {
        margin: 10px auto 0;
        width: 80px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .userEnterprise .materialUpload {
        width: calc(100% - 80px) !important;
        margin-left: 10px !important;
    }

    .userEnterprise .materialUpload_box {
        width: calc(50% - 5px);
        height: 100px;
        margin-right: 10px;
    }

    .userEnterprise .materialUpload_box:nth-child(2n) {
        margin-right: 0;
    }

    .userEnterprise .materialUpload_btn {
        width: calc(50% - 5px);
        margin-right: 0;
    }

    .userEnterprise_list {
        margin-top: 20px;
        justify-content: space-between;
    }

    .userEnterprise_list li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

    .userEnterprise_list li:nth-child(4n) {
        margin-right: 10px;
    }

    .userEnterprise_list li:nth-child(2n) {
        margin-right: 0;
    }

    .userEnterprise_list li:nth-child(n+3) {
        margin-top: 10px;
    }

    .userEnterprise_listImg {
        height: 100px;
    }

    .userEnterprise_listTxt {
        padding: 10px;
    }

    .userEnterprise_listTxt h6 {
        font-size: 16px;
    }

    .userEnterprise_listTxt p {
        font-size: 12px;
        margin-top: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 40px;
    }

    .userWallet {
        margin-top: 20px;
    }

    .userWallet_top {
        padding: 10px;
        display: block;
    }

    .userWallet_top h6 {
        font-size: 14px;
    }

    .userWallet_btn {
        margin-top: 20px;
        justify-content: flex-start;
    }

    .userWallet_btn span, .userWallet_btn a {
        width: 80px;
        margin-left: 0;
        margin-right: 20px;
        font-size: 14px;
        line-height: 32px;
        height: 32px;
    }

    .userWallet_table {
        margin-top: 10px;
    }

    .userWallet_table th {
        font-size: 14px;
    }

    .userWallet_table td {
        font-size: 10px;
        padding-left: 5px;
    }

    .userWallet_table th,
    .userWallet_table td {
        max-width: auto;
        padding: 5px
    }

    .userWallet_table th:nth-child(1),
    .userWallet_table td:nth-child(1) {
        width: 24%;
    }

    .userWallet_table th:nth-child(2),
    .userWallet_table td:nth-child(2) {
        width: 15%;
    }

    .userWallet_table th:nth-child(3),
    .userWallet_table td:nth-child(3) {
        width: 25%;
    }

    .userWallet_table th:nth-child(4),
    .userWallet_table td:nth-child(4) {
        width: 20%;
    }

    .userWallet_table th:nth-child(5),
    .userWallet_table td:nth-child(5) {
        width: 20%;
    }

    .commentUser_title a {
        font-size: 14px;
    }

    .withdraw_form .userUser_label {
        width: 80px;
    }

    .withdraw_form .userUser_btn {
        padding-left: 90px;
    }

    .withdraw_form .userUser_input {
        width: calc(100% - 160px);
    }

    .userUser_btn2 {
        margin-left: 0;
        width: 70px;
        height: 38px;
        font-size: 12px;
        line-height: 38px;
    }

    .userUser_input select {
        width: 100%;
    }

    .withdraw_form .userUser_box:nth-child(1) {
        /*justify-content: flex-start;*/
    }

    .withdraw_form .userUser_box:nth-child(1) .userUser_txt {
        margin-left: 10px;
    }

    /*.withdraw_form .userUser_box:nth-child(3) .userUser_input {*/
    /*    width: calc(100% - 85px);*/
    /*}*/

    .userUser_input a {
        display: block;
        font-size: 12px;
        margin-left: 0;
        margin-top: 10px;
    }

    .articleLeft_evalList_txt h6 span {
        font-size: 12px;
        display: block;
        /*margin-left: 0;*/
        /*margin-top: 5px;*/
        margin: 5px 0;
    }

    /* user.html */
    /* forget.html */
    .forgetWarpper {
        padding: 30px 20px;
        width: 94%;
    }

    .forgetSpec::before, .forgetSpec.first::after {
        top: 14px;
        height: 3px;
    }

    .forgetSpec li h6 {
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
    }

    .forgetSpec li p {
        font-size: 14px;
    }

    /* forget.html */
    /* alert.html */
    .alertCon {
        width: 94%;
        /*top: 15%;*/
        left: 3%;

        top: 10%;
        height: 80%;
        overflow: scroll;
    }

    .loginForm {
        padding: 0 10px;
    }

    .loginType li {
        font-size: 14px;
    }

    .loginInput input {
        font-size: 14px;
    }

    .loginBtn input {
        font-size: 16px;
    }

    .loginRegister {
        font-size: 12px;
    }

    .registerRead p {
        font-size: 12px;
    }

    .alertTitle {
        font-size: 16px;
        font-weight: bold;
    }

    .alertInput input {
        font-size: 14px;
    }

    .alertBtn input {
        font-size: 16px;
    }

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

    .alertList li {
        width: calc((100% - 20px) / 3);
        height: 38px;
        font-size: 14px;
        line-height: 38px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .alertBtn {
        margin-top: 20px;
    }

    .alertEwm img {
        max-width: 50%;
    }

    .alertReturn input {
        font-size: 14px;
    }

    .alertForm {
        margin-top: 20px;
        padding: 0;
    }

    .alertForm .alertChecked li:nth-child(n+3) {
        margin-top: 10px;
    }

    .alertForm_need textarea {
        height: 120px;
        padding: 5px 10px;
        font-size: 14px;
    }

    .enterpriseAlert_input h6 {
        font-size: 14px;
    }

    .enterpriseAlert_input input {
        width: calc(100% - 70px);
        height: 42px;
        padding: 0 10px;
        font-size: 14px;
    }

    .enterpriseAlert_input textarea {
        width: calc(100% - 70px);
        height: 100px;
        font-size: 14px;
        padding: 5px 10px;
    }

    .enterpriseAlert .materialUpload {
        width: calc(100% - 70px);
    }

    .enterpriseAlert .materialUpload .materialUpload_box {
        width: calc(50% - 5px);
        height: 100px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .enterpriseAlert .materialUpload .materialUpload_btn {
        width: calc(50% - 5px);
    }

    .enterpriseAlert .materialUpload .materialUpload_btn img {
        width: 100%;
    }

    /* alert.html */
    .courseSec2_img img {
        /*height: 160px;*/
    }

    .enterpriseList_imgBox {
        width: 100%;
        height: auto;
    }
}


.container {
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
    padding: 5px;
}

.warpper .container {
    box-shadow: none;
}

.newIndSec1_box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
    padding: 27px;
}

.newIndSec1 .container {
    box-shadow: none;
}

.newIndSec2_con,
.newIndSec3_con,
.newIndSec4_con,
.newIndSec5_con {
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
    padding: 27px;
}

.newIndSec2 .container {
    box-shadow: none;
}

.banner .container {
    box-shadow: none;
}

.header .container {
    box-shadow: none;
}

.footer .container {
    box-shadow: none;
}

.materialTop {
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
    /*padding: 27px;*/
}

.materialLeft {
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
    padding: 27px;
}

.materialBox {
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
    padding: 27px;
}

@media (min-width: 768px) {
    .container {
        margin: 0 auto;
        padding: 0;
    }

    .answersList_user p {
        font-size: 10px;
    }
}

@media (min-width: 1000px) {
    .container {
        width: 800px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 960px;
    }

    .answersList_user p {
        font-size: 10px;
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1320px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1320px;
    }
}

@media (min-width: 1760px) {
    /*.container{
	    width: 1620px;
	}*/
}


/* 2022-10-26更新 */
.newIndBanner .indBanner_swiper {
    position: relative;
    width: 100%;
    height: 360px;
}

.newIndBanner .indBanner_swiperPag .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: #fff;
    margin: 0 5px !important;
}

.newIndSec1 {
    padding: 30px 0 0 0;
    /*background-color: #fff;*/
    background-color: #eff3f6;
}

.newIndSec1_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.newIndSec1_box {
    width: calc(55% - 15px);
}

.newIndSec1_box:nth-child(2n) {
    width: calc(45% - 15px);
}

.newIndSec1_title {
    padding-top: 7px;
    padding-bottom: 15px;
    border-bottom: 1px solid #076ce0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newIndSec1_title h6 {
    font-size: 25px;
    color: #076ce0;
    font-weight: bold;
}

.newIndSec1_title a {
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.newIndSec1_box_1 {
    width: 100%;
    display: flex;
    /*justify-content: space-between;*/
}

.newIndSec1_list {
    margin-top: 10px;
}

.newIndSec1_list_right {
    width: 100%;
    /*margin-left: 30px;*/
    /*margin-top: 20px;*/
    margin-left: 10px;
}

.newIndSec1_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #e5e5e5;
}

.newIndSec1_list li span {
    width: 100px;
    height: 50px;
    border-radius: 5px;
    background-color: #076ce0;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    padding: 0 10px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newIndSec1_list_left {
    margin-top: 15px;
}

.newIndSec1_list_left li:nth-child(n+2) {
    margin-top: 16px;
}

.newIndSec1_list_left li:nth-child(n+5) {
    display: none;
}

/*.newIndSec1_list_right li:nth-child(n+7){*/
/*	display: none;*/
/*}*/
.newIndSec1_list li a {
    /*width: calc(100% - 80px);*/
    width: 100%;
    font-size: 16px;
    color: #666;
    line-height: 60px;
    /*border-bottom: 1px solid #e5e5e5;*/

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newIndSec1_list_left li a {
    width: 120px;
    height: 45px;
    border-radius: 5px;
    background-color: #076ce0;
    background-color: #fff;
    font-size: 16px;
    color: #fff;
    color: #076ce0;
    line-height: 45px;
    text-align: center;
    padding: 0 10px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;

    border: 1px solid #076ce0;
}

/*.newIndSec1_list_right li a{*/
/*	line-height: 61px;*/
/*}*/
.newIndSec1_list li div {
    font-size: 14px;
    color: #ccc;
}

.newIndSec1_list li a:hover {
    color: #076ce0;
    text-decoration: underline !important;
}

.newIndSec1_list_left li a:hover {
    color: #fff;
    text-decoration: underline!important;
}

.newIndSec1_list_left .on a {
    color: #076ce0;
    color: #fff;
    background-color: #fff;
    background-color: #076ce0;
    /*border: 1px solid #076ce0;*/
}

.newIndSec1_box:nth-child(2n) ul li a {
    width: 100%;
    /*border-bottom: 1px dashed #e5e5e5;*/
}

.newIndSec_bg {
    padding: 20px 0;
    background-color: #eff3f6;
}

.newIndSec2 {

}

.newIndSec2_line {
    width: 1px;
    height: 100%;
    background-color: #ddd;
    margin-top: 40px;
}

.newIndSec2_con {
    padding: 30px;
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.newIndSec2_left {
    width: calc(55% - 15px);
}

.newIndSec2_leftTitle {
    /*font-size: 34px;*/
    font-size: 28px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.newIndSec2_leftClassify {
    margin-top: 3px;
    display: flex;
    align-items: center;
    /*justify-content: flex-start;*/
    justify-content: space-between;
}

.newIndSec2_leftClassify li {
    font-size: 16px;
    /*color: #666;*/
    font-weight: bold;
    cursor: pointer;
    padding: 0 15px 5px;
    /*margin-right: 10%;*/

    width: 100px;
    height: 36px;
    border-radius: 5px;
    /*background-color: #076ce0;*/
    font-size: 16px;
    /*color: #fff;*/
    line-height: 36px;
    text-align: center;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;

    border: 1px solid #076ce0;
}

.newIndSec2_leftClassify a {
    font-size: 16px;
    /*color: #666;*/
    color: #076ce0;
    padding: 0 0 5px;
}

.newIndSec2_leftClassify li.on,
.newIndSec2_leftClassify li:hover {
    /*color: #076ce0;*/
    /*border-bottom: 2px solid #076ce0;*/
    background-color: #076ce0;
    color: #fff;
}

.newIndSec2_leftClassify li.on a,
.newIndSec2_leftClassify li:hover a{
    color: #fff;
}

.newIndSec2_leftList {
    margin-top: 10px;
}

.newIndSec2_leftList li {
    margin-top: 15px;
    position: relative;
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
}

.newIndSec2_leftList_img {
    width: 130px;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.newIndSec2_leftList_txt {
    /*width: calc(100% - 150px);*/
    width: 100%;
    padding: 10px 0;
    margin: 0 0 0 auto;
}

.newIndSec2_leftList_txt h6 {
    /*font-size: 18px;*/
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    /* font-weight: bold; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newIndSec2_leftList_txt h6:hover {
    color: #076ce0;
    border-bottom: 2px solid #076ce0;
}

.newIndSec2_leftList_txt p {
    font-size: 14px;
    color: #999;
    line-height: 1.6;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 90px;
}

.newIndSec2_right {
    width: calc(45% - 15px);
}

.newIndSec2_rightList {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newIndSec2_rightList li {
    width: 70px;
    height: 280px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.newIndSec2_rightList li > a {
    padding: 30px 0;
    font-size: 18px;
    color: #666;
    /*font-weight: bold;*/
    line-height: 46px;
    text-align: center;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 3;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.newIndSec2_rightList li.on {
    width: 250px;
    height: 330px;
    background-color: #076ce0;
}

.newIndSec2_rightList li.on > a {
    display: none;
}

.newIndSec2_rightList_txt {
    padding: 30px;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
}

.newIndSec2_rightList li.on .newIndSec2_rightList_txt {
    display: flex;
}

.newIndSec2_rightList_img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.newIndSec2_rightList_txt h6 {
    margin-top: 20px;
    /*font-size: 18px;*/
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newIndSec2_rightList_txt p {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newIndSec2_rightList_txt a {
    margin-top: 20px;
    width: 90px;
    height: 28px;
    background-color: #fff;
    font-size: 12px;
    color: #076ce0;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
}

.newIndSec3 {
    margin-top: 20px;
}

.newIndSec3_con {
    padding: 30px;
    background-color: #fff;
}

.newIndSec3_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newIndSec3_title h6 {
    font-size: 26px;
    color: #333;
    font-weight: bold;
}

.newIndSec3_title a {
    font-size: 16px;
    color: #999;
}

.newIndSec3_con .indSec4_list {
    margin-top: 30px;
}

.newIndSec4 {
    margin-top: 20px;
}

.newIndSec4_con {
    padding: 30px;
    background-color: #fff;
}

.indSec5_left {
    width: 180px;
    height: 100%;
    padding: 0;
    border-radius: 10px;
    background: url(../images/indSec5_bg02.jpg) center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.indSec5_classify li {
    width: 100px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0 0 20px auto;
    padding: 10px 15px;
}

.indSec5_classify li span {
    margin-left: 0;
}

.indSec5_list {
    width: calc(100% - 200px);
    margin: 0 0 0 auto;
}

.newIndSec3_step {
    margin-top: 20px;
    border-radius: 20px;
    background-color: #f6fafb;
    overflow: hidden;
}

.newIndSec3_stepBox {
    width: 0;
    /*height: 20px;*/
    height: 4px;
    background: linear-gradient(to right, #169fff, #21f9f6);
}

.newIndSec5 {
    margin-top: 20px;
}

.newIndSec5_con {
    padding: 30px;
    background-color: #fff;
}

.newIndSec5_title {
    text-align: center;
}

.newIndSec5_title h6 {
    font-size: 26px;
    color: #333;
    font-weight: bold;
}

.newIndSec5_title p {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
}

.newIndSec5_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
}

.newIndSec5_list li {
    width: 25%;
    padding: 30px;
    position: relative;
}

/*.newIndSec5_list li:nth-child(4n-3)::after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 1000px;*/
/*    height: 1px;*/
/*    background-color: #e5e5e5;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*}*/

.newIndSec5_list li:first-child::after {
    display: none;
}

.newIndSec5_list li a {
    /*border-right: 1px solid #e5e5e5;*/
}

.newIndSec5_list li:nth-child(4n) a {
    border: none;
}

.newIndSec5_list li img {
    max-width: 120px;
    max-height: 70px;
}

@media (max-width: 1440px) {
    .newIndBanner .indBanner_swiper {
        height: 220px;
    }
    .newIndSec1{
        padding: 20px 0 0 0;
    }
}

@media (max-width: 768px) {
    .newIndBanner .indBanner_swiper {
        height: 100px;
    }
    .newIndSec1{
        padding: 0;
    }

    .newIndSec1_con {
        display: block;
    }

    .newIndSec1_box {
        width: 100%;
        padding: 20px;
    }

    .newIndSec1_box:nth-child(2n) {
        margin-top: 20px;
        width: 100%;
    }

    .newIndSec2_con {
        padding: 20px;
        display: block;
    }

    .newIndSec2_left {
        width: 100%;
    }

    .newIndSec2_right {
        margin-top: 20px;
        width: 100%;
    }

    .newIndSec2_leftClassify li {
        margin-right: 10px;
        padding: 0px 10px 5px;
    }

    .newIndSec2_rightList_txt {
        padding: 20px
    }

    .newIndSec3_con {
        padding: 20px;
    }

    .newIndSec5_con {
        padding: 20px;
    }

    .indSec5_left {
        width: 100%;
        height: auto;
        padding: 10px;
        position: relative;
    }

    .indSec5_classify li {
        border-radius: 10px;
    }

    .indSec5_list {
        width: 100%;
    }

    .newIndSec5_list li {
        width: 50%;
    }

    .newIndSec5_list li:nth-child(2n) a {
        border: none;
    }

    .newIndSec5_list li:nth-child(2n-1)::after {
        content: '';
        display: block;
        width: 1000px;
        height: 1px;
        background-color: #e5e5e5;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .newIndSec1_list_left {
        margin-top: 10px;
    }

    .newIndSec1_list_left li a {
        width: 100px;
        /*height: 60px;*/
        height: 40px;
        border-radius: 5px;
        background-color: #fff;
        font-size: 10px;
        color: #076ce0;
        /*line-height: 60px;*/
        line-height: 40px;
        text-align: center;
        padding: 0 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .newIndSec1_list_left li:nth-child(n+2) {
        margin-top: 0;
    }

    /*.newIndSec1_list_right li a{*/
    /*	width: 100%;*/
    /*	height: 40px;*/
    /*	border-radius: 5px;*/
    /*	!*background-color: #fff;*!*/
    /*	font-size: 10px;*/
    /*	!*color: #076ce0;*!*/
    /*	line-height: 40px;*/
    /*	text-align: center;*/
    /*	padding: 0 10px;*/
    /*	display: -webkit-box;*/
    /*	-webkit-box-orient: vertical;*/
    /*	-webkit-line-clamp: 1;*/
    /*	overflow: hidden;*/
    /*	text-overflow: ellipsis;*/
    /*}*/
    /*.newIndSec1_list_right li:nth-child(n+2){*/
    /*	margin-top: 16px;*/
    /*}*/
    .newIndSec1_list li a {
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }

    .newIndSec5_list li img {
        max-height: 30px;
    }
}

/* 2022-10-26更新 */


/*富文本图片放大*/
.imgDolg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    background-color: rgba(140, 134, 134, 0.6);
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgDolg #imgDolgClose {
    position: fixed;
    top: 35px;
    cursor: pointer;
    right: 7%;
    font-size: 50px;
    color: white;
}

.imgDolg img {
    max-width: 90%;
    max-height: 90%;
}

/*富文本图片放大*/

/* 20221125更新 */
.userClassify{
    background-color: #fff;
}
.userClassify_list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.userClassify_list li{
    margin-left: 5%;
}
.userClassify_list li a{
    font-size: 18px;
    color: #333;
    cursor: pointer;
    line-height: 80px;
    position: relative;
}
.userClassify_list li.on a{
    font-size: 22px;
    color: #0165df;
    position: relative;
}
.userClassify_list li.on a::after{
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #0165df;
    position: absolute;
    left: calc(50% - 15px);
    bottom: 20px;
}
.userClassify_list .point{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    top: 20px;
    right: -10px;
}
.userInfo_title{
    padding: 30px 30px 40px;
    font-size: 24px;
    color: #333;
}
.articlelList_right{
    
}
.collectarticleList li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.collectarticleList li a{
    width: calc(100% - 130px);
}
.articlelList_right div{
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.articlelList_right img{
    margin-right: 5px;
}
.articlelList_right p{
    font-size: 16px;
    color: #666;
}
.articlelList_right div:nth-child(2){
    margin-top: 20px;
}
.collectarticleList .indSec4_btn{
    margin: 10px 0 0;
}
.messagesList{
    margin-top: 30px;
    border-top: 1px solid #ddd;
}
.messagesList li{
    border-bottom: 1px solid #ddd;
}
.messagesList li a{
    padding: 30px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.messagesList li a:nth-child(n+2){
    padding: 0 0 30px;
}
.messagesList_img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #0165df;
    display: flex;
    align-items: center;
    justify-content: center;
}
.messagesList_img img{
    width: 80%;
}
.messagesList_txt{
    width: calc(100% - 80px);
}
.messagesList_txt h6{
    font-size: 18px;
    color: #333;
}
.messagesList_txt h6 span{
    margin-left: 20px;
    font-size: 14px;
    color: #999;
}
.messagesList_txt p{
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}
.commentsreceived_img{
    background-color: transparent;
    overflow: hidden;
}
.commentsreceived_img img{
    width: 100%;
}
@media (max-width: 768px) {
    .userClassify_list{
        padding: 0 10px;
        justify-content: space-between;
    }
    .userClassify_list li {
        margin-left: 0;
    }
    .userClassify_list li a {
        font-size: 14px;
        color: #333;
        cursor: pointer;
        line-height: 50px;
        position: relative;
    }
    .userClassify_list li.on a{
        font-size: 16px;
        font-weight: bold;
    }
    .userClassify_list li.on a::after {
        bottom: 6px;
    }
    .userClassify_list .point{
        top: 10px;
    }
    .commentUserRight .indSec4_list li {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
    }
    
    .commentUserRight .indSec4_list li:nth-child(n+3) {
        margin-top: 20px;
        margin-right: 20px;
    }
    
    .commentUserRight .indSec4_list li:nth-child(2n) {
        margin-right: 0;
    }

    .userInfo_title{
        padding: 15px;
        font-size: 18px;
        font-weight: bold;
    }
    .userInfo_nav li a{
        padding-left: 20px;
        height: 48px;
    }
    .userInfo_nav li a p{
        font-size: 16px;
    }
    .userInfo_nav .point{
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: red;
        position: absolute;
        top: 10px;
        left: 140px;
    }
}
/* 20221125更新 */

/* 20230207更新 */
@media (max-width: 768px) {
    .headerSearch {
        margin: 0 auto;
        width: 96%;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #dddddd;
        display: flex!important;
        align-items: center;
        justify-content: space-between;
        border-radius: 30px;
    }
    .searchCon {
        position: relative;
    }
    .searchChose {
        width: 100px;
        height: 40px;
        border-right: 1px solid #dddddd;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .searchChose p {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        margin-right: 10px;
    }
    .searchTxt {
        width: calc(100% - 180px);
        height: 38px;
        border: none;
        padding: 0 15px;
        font-size: 14px;
        color: #333;
        letter-spacing: 1px;
    }
    .searchBtn {
        width: 80px;
        height: 40px;
        border: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #0165df;
        font-size: 16px;
        color: #fff;
        border-radius: 0 30px 30px 0;
    }
}
/* 20230207更新 */

/* 分页 2024年09月12日 */
.pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-top: 60px;
}
.pagination li {
    margin: 5px;
}
.pagination li span,
.pagination li a
{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 18px;
    color: #333;
    line-height: 40px;
    text-align: center;
    padding: unset;
}
.pagination li.on a,
.pagination li:hover a {
    color: #fff;
    background-color: #0165df;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0165df;
    border-color: #0165df;
}
/* 分页 */