/* eyoucms.com 易优CMS -- 好用,免费,安全 */
body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;}
body{ width:100%; ;position: relative;overflow-x: hidden;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding:0 10px;}

.header_box{background: #fff;}
.head_bot{height:90px;}
.logo{height:90px;position: relative;}
.logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-height: 100%;max-width: 100%;}

.nav{padding-right:170px;}
.nav li{float: left;text-align: center;padding:10px;position: relative;width:14.28%;}
.nav li a{padding:0;display: block;font-size: 16px;color:#3b3b1d;height:70px;line-height:70px;overflow: hidden;}
.nav li .nav_child{position: absolute;top:90px;left:50%;width:150px;margin-left:-75px;z-index:10;background: #fff;display: none;}
.nav li .nav_child li{width:100%;float: none;padding:5px 0;}
.nav li .nav_child li a{line-height: 35px;height:35px;border:none;}
.nav li a:hover{background:  #f1453b;color:#fff;}
.nav li.current a{background:  #f1453b;color:#fff;}
.nav li.current .nav_child li a{background:none;color:#333;}
.nav li .nav_child li a:hover{background:none;color:#f1453b;}

.hot_line{position: absolute;right:0;top:33px;color:#f1453b;font-size: 18px;}
.hot_line img{vertical-align: middle;margin:0 10px 0 0;}
.hot_line span{ white-space:nowrap; }


#model_banner .slick-dots{ }
#model_banner .slick-dots li {vertical-align:middle;border-radius: 50%;margin:0 10px;}
#model_banner .slick-dots li button{padding:0;width:12px;height:12px;border-radius: 50%;background: #fff;}
#model_banner .slick-dots li.slick-active button{width:6px;height:6px;
    border-radius: 50%;background: #f1453b;}
#model_banner .slick-dots li.slick-active{padding:3px;border:2px solid #f1453b;width:16px;height:16px;}


.s_title{padding:70px 0 50px;}
.s_title .ti_center{margin:0 40px;display: inline-block;}
.s_title b{display: inline-block;width:200px;border-bottom:2px solid #333;vertical-align: top;margin-top:17px;}
.s_title .ti_center h3{font-size: 30px;line-height: 35px;}
.s_title .ti_center span{font-size: 14px;line-height:30px;color:#999;display: block;}

.section_top{
    padding: 20px 0;
    overflow: hidden;
}

.section_one {padding-bottom:80px;background: url("/themes/default/demo/public/assets/skin/img/indexbg2.png");}
.section_one .container{padding:0 100px;}
.brand_lt{width:50%;padding:60px 95px 60px 0;position: relative;}
.brand_lt:after{content:"";display: block;position: absolute;right:25px;top:0;width:70%;height:100%;border:2px solid #f1f1f1}
.brand_lt img{position: relative;z-index:10;}
.brand_lt:before{content:"";background: url(/themes/default/demo/public/assets/skin/img/index_07.png) no-repeat center center;position: absolute;bottom:0;left:0;display: block;width:47px;height:33px;}

.brand_rt{width:50%;padding:60px 0 0 25px;position: relative;}
.brand_rt .brand_txt{font-size: 14px;color:#666;line-height: 36px;height:324px;margin:15px 0 20px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:9;}
.brand_rt h3{font-size: 24px;color:#666;}
.brand_rt a{font-size: 14px;color:#cfcfcf;display: block;}
.brand_rt:before{content:"";display: block;width:86px;height:60px;position: absolute;top:0;right:0;background: url(/themes/default/demo/public/assets/skin/img/index_03.png) no-repeat center center;}


.section_two{background:#ffffff;padding-bottom: 100px}
.topmain{
    display: flex;
}
.bottommain{
    display: flex;
}
.block-one{
    background: #D0322E;
    text-align: center;
    width:44%;
    height:200px;
    margin-left:5%;
    color:#ffffff;
}
.block-two{
    background: #3C68B0;
    text-align: center;
    width:43%;
    height:200px;
    margin-left:2%;
    color:#ffffff;
}
.block-three{
    background: #555555;
    text-align: center;
    width:22%;
    height:145px;
    margin-left:5%;
    color:#ffffff;
    padding:60px 0;
}
.block-four{
    background: #555555;
    text-align: center;
    width:21%;
    height:145px;
    margin-left:2%;
    color:#ffffff;
    padding:60px 0;
}
.block-five{
    background: #555555;
    text-align: center;
    width:21%;
    height:145px;
    margin-left:2%;
    color:#ffffff;
    padding:60px 0;
}
.block-six{
    background: #FFA44F;
    text-align: center;
    width:22%;
    height:145px;
    margin-left:2%;
    color:#ffffff;
}
.indeximg2{
    width:100%;
}
.block-txt1{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    padding:60px 0 20px 0;
}
.block-txt3{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
}
.block-txt2{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}
.block-txt4{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    padding:40px 0 20px 0;
}

.section_three{background: url("/themes/default/demo/public/assets/skin/img/indexbg4.png");padding-bottom: 100px;}
.section_four{
    padding-bottom: 100px;
}

/*内页 在线课程*/
.mymain{
    background: #F5F5F5;
    min-height: 500px;
}
.course-top{
    overflow: hidden;
    margin-bottom: 30px;
    padding:60px 0 20px;
    border-bottom: 1px solid #E6E6E6;
}
.cname{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #010101;
    float:left;
}
.search{
    float:right;
}
.search-input{
    width: 300px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    border:none;
    padding-left: 10px;
}
.search-btn2{
    width: 50px;
    height: 40px;
    background: #D0322E;
    border-radius: 0 4px 4px 0;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    border:none;
    margin:0 0 0 -5px;
    position: absolute;
    top: 0;
    right: -49px;
}
.search-btn{
    width: 50px;
    height: 40px;
    background: #D0322E;
    border-radius: 0 4px 4px 0;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    border:none;
    margin:0 0 0 -5px;
}
.right-top{
    margin: 0 0 37px 24px;
    height:25px;
}
.sortName{
    cursor: pointer;
    position: relative;

}
.sortName2{
    background: #ffffff;
    text-align: center;
    z-index:20;
    position: absolute;
    top:25px;
    width:85px;
    line-height: 30px;
    display: none;
}
.sortName2 a:hover{
    font-weight: 700;
}
.sname-active{
    font-weight: 700;
}
.rname{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 18px;
    color: #010101;
    padding-left: 20px;
    border-left:2px solid #D0322E;
    float:left;
}
.rsort{
    float:right;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #010101;
    position: relative;
}
.course-content{
    overflow: hidden;
    margin-bottom: 30px;
}
.course-left{
    width: 31.5%;
    height: auto;
    background: #FFFFFF;
    border-radius: 4px;
    float:left;
}
.courseimg{
    width: 100%;
}
.cimg-div{
    width:100%;
    height:210px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.course-main{
    overflow: hidden;
}
.course-right{
    float: left;
    width: 68.5%;
    margin-top: 20px;
}
.course-list{
    float: left;
    background: #FFFFFF;
    border-radius: 4px;
    margin:0 0 24px 2.333333%;
    width:31%;
}
.ctitle{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #010101;
    padding:15px 0 8px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.keywords{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    padding:0 0 8px 20px;
    height:32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bottom-info{
    padding:0 0 20px 20px;
}
.ctxt1{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #3C8DFF;
    line-height: 12px;
    height: 20px;
    background: #EEF5FF;
    border-radius: 2px;
    padding:0 4px;
}
.ctxt2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #919191;
    line-height: 12px;
    height: 20px;
    background: #F5F5F5;
    border-radius: 2px;
    padding:2px 6px;
    margin-right: 5px;
}
.lessonmain{
    padding: 10px 0 20px;
}
.mylists{
    padding: 0 10px 0 20px;
    position: relative;
}
.sorticon{
    padding-left: 2px;
    cursor: pointer;
}
.sorticon2{
    position: absolute;
    right:20px;
    top:30px;
    width:16px;
}
.sort-span{
    padding-left: 30px;
}
.sort-span-active{
    font-weight:700;
}
.sort-name{
    font-family: PingFangSC-Regular;
    font-weight: 700;
    font-size: 16px;
    color: #010101;
    border-bottom: 1px solid #E6E6E6;
    padding:0 0 20px;
    margin: 0 0 20px 0;
    cursor:pointer;
    line-height: 30px;
}
.sort-name .stxt{
    width:90%;
}
/*.iconspan{
    display: inline-block;
    width: 13%;
    height: 50px;
}*/
.sort-two{
    border-bottom: 1px solid #E6E6E6;
    display: none;
    position: relative;
}
.sorticon3{
    position:absolute;
    right:10px;
    top:8px;
    cursor: pointer;
}
.sort-two .stxt{
    padding-bottom: 20px;
    position: relative;
}
.sort-two .stxt:hover{
    cursor: pointer;
}
.stxt-active{
    font-weight:700;
    color:red;
}
.sort-two .stxt-active{
    margin-bottom: 20px;
    font-weight: 700;
    color: #131b25;
}
.sort-two .stxt-active:hover{
    cursor: pointer;
}
.threelist{
    color: #8f959e;
}
.threelist a{
    color: #8f959e;
}
.sort-two{
    color: #8f959e;
}
.stxt-active b{
    cursor: pointer;
}
.empty{
    margin: 80px auto;
    width: 100%;
    text-align: center;
    font-size: 30px;
}
.rsort:hover .sortName2 {
    display:block;
}
.sortName2 .sname{
    cursor: pointer;
}
.sortName2 .sname-active{
    font-weight:700;
}
.sortName2:hover  {
    display:block;
}
.sort-three{
    padding-left:20px;
}
.sort-three .stxt{
    color: #298be0;
}
.sort-name .stxt:hover{
    font-weight:700;
}
.course-tip{
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    background: #D0322E;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
    cursor: pointer;
    border:none;
}
.course-tip .stxt2{
    color:#ffffff;
}
.course-two{
    padding-bottom: 20px;
}
.course-two .stxt{
    padding:20px 0 0 20px;
}
.course-line{
    width: 100%;
    height: 20px;
    background: #F5F5F5;
}
.position{
    color: #545454;
    font-size: 14px;
    font-family: PingFangSC;
    font-weight: 400;
}
.ptxt{
    color: #010101;
}
.course-top2{
    overflow: hidden;
    margin-bottom: 30px;
    padding:60px 0 0;
}
.detail-main1{
    overflow: hidden;
    padding:30px;
    background: #ffffff;
    margin-bottom: 20px;
}
.detail-left{
    float:left;
    width:31%;
    height: 268px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:3%;
}
.detail-right{
    float:left;
    width:66%;
}
.detail-bottom{
    background: #ffffff;
    padding:30px 30px 30px 0;
    word-wrap: break-word;
    word-break: normal;
}
.detail-txt{
    padding-left: 30px;
    line-height: 40px;
}
/deep/.detail-txt p{
    word-wrap: break-word;
    word-break: normal;
}
/deep/.detail-txt span{
    word-wrap: break-word;
    word-break: normal;
}
.detail-txt img{
    max-width: 100%;
}
.detail-tip{
    font-family: PingFangSC-Medium;
    font-weight: 700;
    font-size: 24px;
    color: #010101;
    padding-left: 30px;
    border-left:2px solid #D0322E;
    margin-bottom: 20px;
}
.detailimg{
    transition: all 0.5s;
    width:100%;
    height:auto;
    height:268px;
    max-height:268px;
}
.detailimg:hover{
    transition: all 0.5s;
    transform: scale(1.2);
    cursor:pointer;
}
.detail-name{
    font-family: PingFangSC-Medium;
    font-weight: 700;
    font-size: 24px;
    color: #010101;
    padding:15px 0 20px 0;
}
.detail-info{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #919191;
}
.keywords2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    padding:10px 0 8px 0;
}
.bottom-info2{
    padding:0 0 20px 0;
}
.course-btn{
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #D0322E;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}
.course-btn a{
    color:#ffffff;
}
.model-main{
    background: #FFFFFF;
    border-radius: 4px;
    margin-left: 24px;
    padding:20px 20px 10px;
}
.model-main2{
    overflow: hidden;
}
.mtitle{
    font-family: PingFangSC-Medium;
    font-weight: 700;
    font-size: 16px;
    color: #010101;
}
.minfo{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin: 7px 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 44px;
}
.m-left{
    float: left;
}
.m-right{
    float: right;
    margin-top: 10px;
}
.bottom-info3{
    overflow: hidden;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #919191;
    margin-top: 12px;
}
.key{
    background: #F5F5F5;
    border-radius: 2px;
    padding: 0 10px;
    margin-right: 10px;
    display: inline-block;
}
.boinfo4{
    overflow: hidden;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #919191;
    margin-top: 10px;
}
.model-list{
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.minfo2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin:7px 0;
    width:80%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.model-list2{
    padding: 20px;
    margin-bottom: 24px;
    width:47%;
    background: #FFFFFF;
    margin-left: 3%;
    float:left;
}
.right-top2{
    margin: 0 0 37px 24px;
    height:25px;
}
.model-bottom{
    overflow: hidden;
}
.mleft{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #919191;
    float:left;
}
.mright{
    float:right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #D0322E;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
.mright a{
    color:#ffffff;
}
.forum-left{
    width: 180px;
    background: #FFFFFF;
    border-radius: 4px;
    float:left;
    margin:80px 0 40px;
}
.left-list{
    padding:19px 0;
    margin:0 20px 8px;
    border-bottom: 1px solid #E6E6E6;
}
.left-list:last-child{
    border-bottom: none;
}
.forum-middle{
    float:left;
    margin:80px 24px 40px;
    width:690px;
}
.forum-main{
    padding-bottom: 20px;
}
.forum-right{
    float:left;
    margin:80px 0 40px 0;
    width:282px;
}
.middle-top{
    overflow: hidden;
    margin-bottom: 20px;
}
.mmleft{
    float:left;
}
.mmright{
    float:right;
}
.mmtxt-active{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #D0322E;
    padding:0 10px 0 20px;
}
.mmtxt{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #010101;
    padding:0 10px 0 20px;
}
.froum-list{
    padding:20px;
    background: #ffffff;
    border-bottom: 1px solid #E6E6E6;
}
.futitle{
    font-family: PingFangSC-Medium;
    font-weight: 700;
    font-size: 16px;
    color: #010101;
}
.futitle2:hover{
    border-bottom: 1px solid #010101;
}
.dtitle:hover{
    border-bottom: 1px solid #010101;
}
.messgetxt:hover{
    border-bottom: 1px solid #010101;
}
.ftitle2:hover{
    border-bottom: 1px solid #010101;
}
.changeImage1{
    cursor: pointer;
}
.changeImage2{
    cursor: pointer;
}
.bottom-info4{
    overflow: hidden;
    margin-top: 16px;
}
.user-txt{
    padding-right: 10px;
}
.user-txt:hover{
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.f-left{
    float:left;
}
.f-right{
    float:right;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #919191;
}
.f-right span{
    padding-left: 20px;
}
.winShow{
    cursor: pointer;
}
.ficon{
    width:12px;
    height:12px;
    margin-right: 2px;
}
.forumicon{
    width:20px;
    height:20px;
    margin-right: 2px;
}
.headimg{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
}
.ftxt{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #545454;
    margin-right: 10px;
}
.ftxt2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #919191;
}
.forum-btn{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #D0322E;
    border-radius: 4px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 20px;
}
.forum-btn a{
    color:#ffffff;
}
.ficon5{
    width:16px;
    height: 16px;
    margin-right: 5px;
}
.message-main{
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    padding:20px;
}
.mstxt{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #010101;
    margin-bottom: 15px;
}
.mstxt2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
}
.mstxt3{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #010101;
    margin: 30px 0 15px;
}
.mstxt4 a{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #D0322E;
}
.card-main{
    width:100%;
}
.card-title{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #010101;
    margin-bottom: 30px;
}
.card-tip{
    color: #d0322e;
    font-size: 14px;
    font-family: PingFangSC;
    font-weight: 400;
    margin-bottom: 5px;
}
.card-tip span{
    color: #545454;
}
.card-input{
    width:100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    background: #FFFFFF;
    border-radius: 4px;
    border:none;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
}
.card-bottom{
    display: flex;
    text-align: center;
    margin:50px 0;
}
.post-btn5{
    width: 140px;
    height: 40px;
    background: #D0322E;
    border-radius: 4px;
    line-height: 40px;
    border:none;
    color:#ffffff;
    display: block;
    margin:0 auto;
    cursor: pointer;
}
.card-tip2{
    margin:30px 0 10px;
}
.ctip1{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
}
.ctip2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #919191;
    margin-left: 8px;
}
.post-btn1{
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-left: 369px;
    cursor: pointer;
}
.post-btn2{
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin:0 20px;
    text-align: center;
    cursor: pointer;
}
.winbottom{
    display: flex;
    text-align: center;
}
.post-btn3{
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #D0322E;
    border-radius: 4px;
    border:none;
    color:#ffffff;
}
.card-select{
    width: 300px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #919191;
    padding-left: 10px;
    border:none;
    margin-bottom: 20px;
}
.card-detail{
    overflow: hidden;
}
.dleft{
    width: 894px;
    float:left;
    margin-right: 24px;
}
.dright{
    width: 282px;
    float:left;
}
.catitle{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #010101;
}
.card-info{
    width:100%;
    background: #ffffff;
    padding:30px;
    margin-bottom: 20px;
    overflow: hidden;
}
.card-info img{
    max-width: 100%;
}
.card-info .info{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #010101;
    line-height: 30px;
}
.comtitle{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #010101;
}
.comment-info{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #919191;
    margin-top: 15px;
    width:100%;
    height:80px;
    border:none;
}
.cart-btn{
    width: 120px;
    height: 40px;
    background: #D0322E;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    border:none;
    float:right;
}
.commtitle{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #010101;
    margin-bottom: 30px;
}
.commlist{
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}
.clleft{
    float:left;
}
.clright{
    float:right;
    cursor:pointer;
}
.clright span{
    margin-left:20px;
}
.commtop{
    overflow: hidden;
}
.comment-txt{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #010101;
    margin:10px 0 20px 0;
}
.cart-btn2{
    width: 80px;
    height: 31px;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #545454;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.cart-btn3{
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #D0322E;
    border-radius: 4px;
    border:none;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    margin-left: 10px;
}
.right-btn{
    float:right;
}
.comment-info2{
    width: 100%;
    height: 100px;
    background: #F5F5F5;
    border:none;
    padding:15px 0 0 15px;
    margin: 20px 0;
}
.comment-replay{
    display: none;
}
.replay-info{
    margin-left: 30px;
}
.reicon{
    width: 12px;
    height: 12px;
    margin-right:5px;
}
.deleteicon{
    width: 12px;
    height: 12px;
    margin-right:5px;
}
.drinfo{
    background: #ffffff;
    padding:20px;
    margin-bottom: 20px;
}
.drinfo2{
    background: #ffffff;
    padding:20px;
    margin-bottom: 20px;
}
.drtitle{
    font-family: PingFangSC-Medium;
    font-weight: 700;
    font-size: 16px;
    color: #010101;
    margin-bottom: 15px;
}
.drlist{
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 14px;
    margin-bottom: 14px;
}
.drlist:last-child{
    border-bottom: none;
    padding-bottom: 14px;
    margin-bottom: 0;
}
.dtitle{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #010101;
    margin-bottom: 10px;
    display: inline-block;
}
.headimg2{
    width:20px;
    height:20px;
    margin-right: 2px;
    border-radius: 50%;
    cursor: pointer;
}
.ftxt2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #545454;
}
/*************举报弹窗************/
.windowbg{
    width: 100%;
    height: 100vh;
    opacity: 0.6;
    background: #000000;
    position: fixed;
    top:0;
    left:0;
    z-index:999;
    display: none;
}
.mywindow{
    width:1200px;
    margin:0 auto 0;
    position: relative;
    top:0;
    display: none;
}
.mywindow2{
    width:1200px;
    margin:0 auto;
    position: relative;
    top:200px;
    display: none;
    text-align: center;
}
.winmain{
    width: 40%;
    min-height: 433px;
    background: #FFFFFF;
    border-radius: 4px;
    z-index:9999;
    position: fixed;
    top:200px;
    left:30%;
    padding:30px;
}
.wintitle{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #010101;
    text-align: center;
}
.wintxt{
    width:100%;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin:20px 0 10px 0;
}
.wintxt2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #010101;
}
.wintxt2 img{
    max-width:100%;
    max-height:200px;
}
.wintxt3{
    color: #d0322e;
    font-size: 14px;
    font-face: PingFangSC;
    font-weight: 400;
    margin: 20px 0 10px 0;
}
.wintxt3 span{
    color: #545454;
}
.post-btn4{
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin:0 20px 0 120px;
    text-align: center;
    color: #545454;
    cursor:pointer;
}
/*表情包*/
#nav {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}

#nav>div {
    float: left;
}

.emoji_btn {
    width: 30px;
    cursor: pointer;
}

.clearfloat {
    zoom: 1;
}

.clearfloat:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.emoji_list {
    width: 80%;
    height: 110px;
    padding: 4px;
    top: 100%;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    display: none;
    flex-flow: wrap;
    justify-content: space-between;
    align-content: space-between;
    background-color: #fff;
}

.emoji_list li {
    width: 30px;
    height: 24px;
    text-align: center;
    float: left;
    cursor: pointer;
    overflow: hidden;
}

.easyEditor:focus{
    outline: none;
}
.easyEditor{
    width: 100%;
    min-height: 100px;
    background: #F5F5F5;
    border: none;
    padding: 15px 0 0 15px;
    margin: 20px 0;
}
.easyEditor img{
    width:24px;
    margin: 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    resize: none;
    vertical-align: middle;
}
.easyEditor input{
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    border:0px;
    outline:0px;
    background-color:transparent;
    height:24px;
    line-height:24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    resize: none;
}
.easyEditor[contentEditable=true]:empty:not(:focus):before{
    color:#aaa;
    content:attr(placeholder);
}
/**下载***/
.dname{
    float:left;
    display: flex;
}
.dolist{
    width:240px;
    text-align: left;
}
.dname1{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #010101;
    padding-bottom: 26px;
    border-bottom: 2px solid  #010101;
}
.dname2{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 24px;
    color: #545454;
}
.dbtn1{
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}
.dbtn2{
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #D0322E;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
}
.dotitle{
    font-family: PingFangSC-Medium;
    font-weight: 700;
    font-size: 16px;
    color: #010101;
    margin-bottom: 7px;
}
/**下载**/
.apply-main{
    overflow: hidden;
}
.apply-list{
    width:49%;
    float:left;
    margin-right:1%;
}
.apply-list2{
    width:49%;
    float:left;
    margin-left:1%;
}
.forum-middle2{
    float:left;
    margin: 24px 0 40px 24px;
    width: 1016px;
}
.forum-left2 {
    width: 160px;
    background: #FFFFFF;
    border-radius: 4px;
    float: left;
    margin: 24px 0 40px;
}
.left-list-active{
    color: #D0322E;
}
.userinfo{
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    padding:20px;
    margin-top: 60px;
    display: flex;
}
.userimg{
    width:72px;
    height:72px;
    border-radius: 50%;
}
.username{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #010101;
    margin:21px 0 0 15px;
}
.my-top{
    overflow: hidden;
}
.ftitle{
    float:left;
    font-weight:700;
    color:#010101;
}
.edittxt{
    float:right;
    font-size: 14px;
    color: #D0322E;
}
.metitle{
    float: left;
    color: #919191;
    font-size: 16px;
    font-family: PingFangSC;
    font-weight: 500;
}
.metitle span{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #010101;
}
.metime{
    float: right;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #919191;
}
.cardinfo{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin-top: 16px;
}
.messgetxt{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #545454;
}
.line{
    width: 2px;
    height: 14px;
    background: #919191;
    display: inline-block;
}
.editname{
    width:24px;
    height:24px;
    margin-left: 10px;
    cursor: pointer;
}
.edit-input{
    width: 300px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    border:1px solid #dddddd;
    padding-left: 10px;
}
.editname2 {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 32px;
    color: #010101;
    margin: 19px 0 0 15px;
    display: none;
    position: relative;
}
.replayTxt{
    font-size: 14px;
    margin-bottom: 10px;
}
.replayTxt span{
    font-weight:700;
}
/*.winmain2{
    width: 80%;
    min-height: 433px;
    background: #FFFFFF;
    border-radius: 4px;
    z-index: 9999;
    position: absolute;
    top: 50px;
    left: 10%;
    padding: 30px;
}*/
.winmain2{
    width: 50%;
    min-height: 433px;
    background: #FFFFFF;
    border-radius: 4px;
    z-index: 9999;
    position: fixed;
    top: 120px;
    left: 25%;
    padding: 30px;
}
.videomain{
    width:96%;
    height:500px;
    overflow: hidden;
    margin:20px auto;
    border: 1px solid #dddddd;
    border-radius: 10px;
}
.socials{
    position: relative;
}
.socials:hover{
    background-color: #9f1310;
}
.socials-active{
    background-color: #9f1310;
    padding:0 10px;
}
.socials .drop-down {
    position: absolute;
    width: 100%;
    top: 60px;
    left:0;
    text-align: center;
    overflow: hidden;
    background-color: #9f1310;
    display: none;
}
/* 回到顶部 */
.backTop {
    /* 固定定位 */
    position: fixed;
    bottom: 250px;
    right: 230px;
    margin-right: 20px;
    z-index: 999;
    /* 回到顶部样式 */
    width: 60px;
    height: 60px;
    /* 字体在元素中水平垂直居中 */
    line-height: 60px;
    text-align: center;
    /* 设置过渡效果 */
    transition: all linear 0.5s;
    cursor: pointer;
    /* 隐藏 透明度为0 */
    opacity: 0;
}
.backTop img{
    width: 60px;
    height: 60px;
}
.el-message {
    min-width: 120px;
    box-sizing: border-box;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    background-color:#f0f9eb;
    border-color:#e1f3d8;
    transition: opacity .3s,transform .4s,top .4s;
    overflow: hidden;
    padding: 15px 20px;
    display: none;
    align-items: center;
    z-index:999999;
    text-align: center;
    cursor: pointer;
}
/*上下左右移动 修改translate(x轴,y轴)*/
.block1-list a {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.block1-list a:hover {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
}
.softmain .softlist{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.softmain .softlist:hover {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    cursor:pointer;
}
.block-one{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.block-one:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor:pointer;
}
.block-two{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.block-two:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor:pointer;
}
.block-three{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.block-three:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor:pointer;
}
.block-four{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.block-four:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor:pointer;
}
.block-five{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.block-five:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor:pointer;
}
.block-six{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.block-six:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor:pointer;
}
.list4{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.list4:hover .myindex{
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    cursor: pointer;
}
.inbig{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.inbig:hover{
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    cursor: pointer;
}
.section_four .adimg {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.section_four .adimg:hover {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    cursor: pointer;
}
/*在线课程 鼠标移上去效果*/
/*上下左右移动 修改translate(x轴,y轴)*/
.course-list {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.course-list:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor: pointer;
}
.model-list2 {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.model-list2:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor: pointer;
}
.model-list {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.model-list:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    cursor: pointer;
}
/*帖子列表 上下移动效果*/
.froum-list{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.froum-list:hover {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    cursor: pointer;
}