@charset "utf-8";

body{font-size: 14px;min-width: 1200px;color: #333;}
@font-face{
    font-family: 'element-icons';
    src : url('./fonts/element-icons.ttf');
    src : url('./fonts/element-icons.woff');
}
*{padding: 0;margin: 0;border: 0;}
li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
i{font-style: normal;}
a{text-decoration: none;color: #333;}
a,.transition,button{transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
input{outline: none;}
input:focus{outline:none;border: 0;}
.hide{display: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    　　-webkit-appearance: none;
}
textarea {
    　　-webkit-appearance: none;
}

.clearfix{
    clear: both;
}
/*以及圆角*/
.button{ border-radius: 0; }

.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
    font-weight: initial !important;
}

.el-breadcrumb__inner .active{
    font-weight: bold !important;
}

.avt-bor-color{
    border: 1px solid #00a5e3;
}

.avt-bg-color{
    background: #00a5e3 !important;
    color: #FFFFFF !important;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{
    cursor: pointer !important;
}

.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover{
    color: #989999 !important;
}

.avt-color{
    color: #00a5e3 !important;
}

.container{
    width: 1200px;
    margin: 0 auto;
}
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}


/*头部*/
.top_header{
    padding: 18px 0;
    background: #FFFFFF;
}

.top_header .header_aside{
    width: 888px;
    float: right;
    margin-top: 14px;
    text-align: right;
}

.setipt{
    /*width: 324px;*/
    background: #FFFFFF;
    display: inline-flex;
    border-radius: 20px;
    position: relative;
    /*float: left;*/
}

.setipt select,.setipt input,.setipt button{
    border: 0;
    outline:none;
    position: relative;
}

.setipt select{
    border-radius: 20px 0 0 20px;
    padding: 0 10px;
}

.setipt button{
    border-radius: 0 20px 20px 0;
    width: 76px;top: 0px;
    height: 33px;
    cursor: pointer;
    right: -3px;
}

.logState{
    /*width: 134px;*/
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
}

.logState .icon{
    font-size: 28px;
    position: relative;
    top: 5px;
}
/*栏目*/
.menuList{
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.menuList a,.menuList a:hover{
    width: 160px;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
}

.menuList .act{
    background: #01729c;
}

/*资源中心*/
.title_img{
    text-align: center;
    position: relative;
    height: 144px;
    padding-top: 26px;
    margin-bottom: 46px;
}

.title_img .titleName{
    font-size: 22px;
    color: #444444;
    margin-top: -68px;
}

.news_one_list{
    display: flex;
}

.news_one_list .news_one_tjList{
    width: 260px;
    background: #F0F0F0;
}

.news_one_list .news_one_tjList .blockquote{
    font-size: 18px;
    position: relative;
    padding-left: 20px;
    line-height: 38px;
}


.news_one_list .news_one_tjList .blockquote::after{
    content: '';
    width: 3px;
    height: 20px;
    background: #FFFFFF;
    position: absolute;
    left: 6px;
    top: 8px;
    border: 2px;
}

.news_one_list .news_one_tjList .news_one_tjChildrenList{
    padding: 13px 10px;
}

.news_one_tjChildrenList a{
    display: block;
    font-size: 15px;
    color: #000000;
    margin-bottom: 12px;
}

.news_one_tjChildrenList a:last-child{
    margin-bottom: 0;
}

.news_one_tjChildrenList span{
    display: inline-block;
    background: #00a5e3;
    transform:skew(-20deg); /*设置倾斜度为-30*/
    width: 24px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 8px;
    font-size: 14px;
}

.news_one_flexList li{
    background: url("../img/imgbg.png") no-repeat;
    background-size: 100% 100%;
    width: 215px;
    height: 324px;
}

.news_one_flexList{
    margin-left: 20px;
    position: relative;
    flex: 1;
    overflow: hidden;
}

.news_one_flexList::after{
    content: '';
    display: block;
    clear: both;
}

.news_one_flexList a{
    width: 215px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    border-radius: 8px;
    float: left;
}

.news_one_flexList a .actcent{
    display: none;
}

.news_one_flexList a:hover .actcent{
    display: block;
}

.news_one_flexList a:hover .imgurl{
    display: none;
}

.news_one_flexList li .imgurl{
    margin: 46px 0 0 22px;
}

.news_one_flexList a:hover .actcent{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 8px
}

.news_one_flexList a:hover .actcent div{
    position: absolute;
    top: 178px;
    left: 0;
    width: 80%;
    left: 10%;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
}

.news_one_flexList a:hover .actcent .actImgUrl{
    position: absolute;
    top: 214px;
    left: 71.5px;
    border-radius: 80%;
}

.news_one_flexList a:last-child{
    margin-right: 0;
}

.more{
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
    margin: 38px 0 72px 0;
}

.more a,.more a:hover{
    color: #FFFFFF;
}

.more text{
    position: absolute;
    left: 0;
    top: 8px;
    width: 100%;
}

/*书屋动态*/

.news_two{
    background: #F7FBF9;
    height: 620px;
}

.news_two .news_two_list::after{
    content: '';
    clear: both;
    display: block;
}

.news_two .news_two_list a{
    display: inline-block;
    /*flex: 1;*/
    width: 389.33px;
    margin-right: 16px;
    position: relative;
    float: left;
    transition: all .5s;
    top: 0;
}

.news_two .news_two_list dt img{
    border-radius: 3px 0 0 3px;
}

.news_two .news_two_list dd img{
    border-radius: 0 3px 3px 0;
}

.news_two .news_two_list a:last-child{
    margin-right: 0;
}

.news_two .news_two_list dd{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.news_two .news_two_list div{
    font-size: 22px;
    text-align: center;
    color: #000000;
    margin-top: 26px;
    position: relative;
}

.news_two .news_two_list div:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    top: 50%;
    background-color: #ededed;
    left: 2%;
}
.news_two .news_two_list div:after {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    top: 50%;
    background-color: #ededed;
    right: 2%;
}

.news_two .news_two_list .active div{
    color: #57AF91;
}

.news_two .news_two_list .active{
    top: -10px;
}

/*百姓点单*/
.news_tre_list{
    position: relative;
}

.news_tre_list::after{
    content: '';
    display: block;
    clear: both;
}

.news_tre_list a{
    width: 210px;
    display: inline-block;
    float: left;
    position: relative;
    height: 388px;
    margin-right: 10px;
}

.news_tre_list a:last-child{
    margin-right: 0;
}

.news_tre_list a .fixImg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.news_tre_list dt img{
    border-radius: 3px;
}

.news_tre_list a dd{
    display: none;
}

.news_tre_list dt{
    width: 210px;
    position: relative;
}

.news_tre_list dt .typeName{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 22px;
    right: 0;
    left: 0;
    bottom: 0;
    writing-mode: tb-rl;
    color: #000000;
    font-size: 25px;
    letter-spacing: 12px;
    
}

.news_tre_list .active{
    width: 540px;
}

.news_tre_list .active dd{
    background: #FAFBFE;
    width: 272px;
    display: inline-block;
    padding: 74px 24px 28px 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.news_tre_list .active dd .title{
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_tre_list .active dd .intron{
    margin-top: 46px;
    text-align: justify;
    font-size: 14px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.news_four{
    background: #F5FAF7;
    margin-top: 68px;
}

.news_four .swiper-button-next, .news_four .swiper-button-prev{
    top: 34% !important;
}

/*底部*/
.footer{
    background: #141416;
    padding: 0 0 20px 0;
    position: relative;
    border-bottom: 1px solid #4D4D4F;
}

.footer::after{
    content: '';
    display: block;
    clear: both;
}

.footer #botLogo{
    display: inline-block;
    margin: 0 46px;
    float: left;
    margin-top: 80px;
}

.footer #botcent{
    float: left;
    margin-left: 20px;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 96px;
    line-height: 26px;
}

.footer dl{
    float: right;
    margin-top: 45px;
}

.footer dd{
    color: #FFFFFF;
    text-align: center;
}

#bot{
    background: #141416;
    text-align: center;
    color: #FFFFFF;
    line-height: 64px;
}

#bot a{
    color: #FFFFFF;
}

/*分类列表*/
.cateGoryName{
    background: #EEF0EF;
    height: 54px;
    line-height: 54px;
    color: #9e9e9e;
    font-size: 16px;
    cursor: pointer;
}

.cateGoryName .container{
    display: flex;
    cursor: pointer;
}

.cateGoryName #category{
    width: 360px;
    display: inline-block;
    font-size: 16px;
}

.cateGoryName #category .iconmap{
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.cateGoryName .el-breadcrumb{
    flex: 1;
    text-align: right;
    cursor: pointer;
}

.cateGoryName .el-breadcrumb .el-breadcrumb__item{
    float: initial;
    line-height: 54px;
    font-size: 16px;
}

.cateGoryName .el-breadcrumb .active .el-breadcrumb__inner{
    font-weight: bold;
    font-size: 16px;
    color: #00a5e3 !important;
}

.dataList{
    margin-top: 50px;
}

.dataList .el-row{
    cursor: pointer;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #8B8B8B;
}

.dataList .el-row:last-child{
    border-bottom: 0;
}

.dataList dt{
    font-size: 18px;
    color: #000000;
    margin: 12px 0;
}

.dataList dt span{
    float: right;
}

.dataList dd{
    font-size: 16px;
    line-height: 30px;
    color: #8b8b8b;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dataList button{
    font-size: 16px;
}

.dataList button:hover{
    border: 0;
    background: #00a5e3;
    color: #FFFFFF;
}

.dataList .el-button{
    margin-top: 20px;
}

.el-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.el-col{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dataList_cont{
    text-align: justify;
    text-align: justify-all;
}
.dataList_cont p,.dataList_cont span{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}

.dataList_cont img{
    max-width: 60%;
}

.dataList_content{
    text-align: center;
    margin-top: 60px;
}

.dataList_content dt{
    font-size: 26px;
    color: #000000;
}

.dataList_content dd{
    font-size: 16px;
    color: #838383;
    line-height: 28px;
    margin: 24px 0 42px 0;
}

#knowledge{
    display: flex;
    border: 14px solid #00a5e3;
    border-radius: 8px;
    margin-top: 42px;
}

#knowledge .el-image{
    width: 528px;
}

#knowledge .cent{
    padding: 14px 14px 6px 28px;
    flex: 1;
}

#knowledge .cent dt{
    font-size: 24px;
}

#knowledge .cent dd{
    font-size: 16px;
    color: #b4b4b4;
    margin: 18px 0 12px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #D3D3D3;
}

#knowledge .cent #intro{
    text-align: justify;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#knowledge .cent .el-link .el-link--inner{
    color: #00a5e3;
    font-size: 16px;
}

#knowledge .cent .el-link{
    float: left;
}

#knowledge .cent .er_more{
    margin-top: 15px;
}

#knowledge .cent .iconsjt{
    color: #00a5e3;
    font-size: 30px;
    position: relative;
    top: -4px;
}

.videoList,.fontList{
    background: #FFFFFF;
    cursor: pointer;
}

.block_quote{
    font-size: 20px;
    color: #333333;
    padding: 26px 14px;
    padding-left: 30px;
    position: relative;
    font-weight: bold;
}

.block_quote::after{
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    top: 26px;
    width: 5px;
    height: 28px;
    border-radius: 3px;
    background: #00a5e3;
}

.videoList .el-row{
    padding: 0 14px;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.videoList .el-col{
    text-align: center;
    padding: 16px 0 0;
    cursor: pointer;
    transition: all .2s;
}

.videoList .el-col a{
    display: block;
}

.videoList .videoName{
    color: #333333;
    font-size: 17px;
    padding: 15px 0;
}

.videoList .el-col:hover{
    box-shadow: 1px 1px 6px rgba(0,0,0,.5);
    border-radius: 3px;
}

.videoList .el-col:hover .videoName{
    color: #00a5e3;
}

.fontList{
    height: 380px;
    width: 862px;
    display: inline-block;
    float: left;
}

.fontList .el-row{
    margin: 0 14px;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #E1E1E1;
    font-size: 17px;
}

.fontList .el-row .icon{
    font-size: 24px;
    color: #00a5e3;
    position: relative;
    top: 4px;
}

.fontList .title{
    padding-left: 12px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fontList .form,.fontList .time{
    color: #646665;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ranking{
    width: 326px;
    display: inline-block;
    float: right;
    height: 380px;
    background: #FFFFFF;
    cursor: pointer;
}

.ranking .ranktext{
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    border-bottom: 1px solid #ECECEC;
}

.ranking .ranktext .icon{
    font-size: 24px;
    position: relative;
    top: 12px;
    float: left;
}

.video_List{
    background: #EFF7F5;
}

.video_List .el-row{
    padding: 0;
}

.video_List .el-row .active{
    background: #FFFFFF;
}

.orderState{
    margin: 26px 0 16px 0;
    font-size: 16px;
    color: #333333;
}

.orderState a{
    display: inline-block;
    margin-left: 18px;
}

.activeList{
    padding: 0 8px;
}

.activeList .activeChildrenList{
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #E3EAE9;
}

.activeList .activeChildrenList::after{
    content: '';
    display: block;
    clear: both;
}

.activeList .activeChildrenList .dl{
    padding-right: 30px !important;
}

.activeList .activeChildrenList .dt{
    font-weight: bold;
    color: #3d3d3d;
    font-size: 18px;
    position: relative;
    padding-left: 0;
    transition: all .5s;
}

.activeList .activeChildrenList .dt::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 0px;
    height: 2px;
    background: none;
    transition: all .5s;
}

.activeList .activeChildrenList .dd{
    color:#666666;
    font-size: 14px;
    line-height: 26px;
    margin-top: 22px;
}

.activeList .activeChildrenList .moreTime{
    font-weight: bold;
    font-size: 18px;
    color: #808080;
    text-align: center;
    line-height: 32px;
    padding: 28px 0;
    border-left: 1px solid #E2E9E8;
}

.activeList .activeChildrenList:hover .dt{
    padding-left: 72px;
}

.activeList .activeChildrenList:hover .dt,.activeList .activeChildrenList:hover .moreTime{
    color: #00a5e3;
}

.activeList .activeChildrenList:hover .dt::after{
    width: 60px;
    background: #00a5e3;
}

.paper{
    margin-top: 15px;
}

.paper::after{
    content: '';
    display: block;
    clear: both;
}

.cateGory{
    width: 230px;
    display: inline-block;
    float: left;
}

.cateGory .typeName{
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    color: #FFFFFF;
    background: linear-gradient(to right,#00a5e3,#70c6e6);
    text-align: center;
}

.cateGory .cateGoryList span{
    font-weight: bold;
    color: #000000;
}

.cateGory .cateGoryList a,.cateGory .cateGoryList span{
    display: block;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #FFFFFF;
    background: #EEF0EF;
    font-size: 16px;
    color: #333333;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.cateGory .cateGoryList a .icon{
    display: none;
}

.cateGory .cateGoryList .active{
    background: #FFFFFF;
    color: #00a5e3;
    font-weight: bold;
}

.cateGory .cateGoryList .active .icon{
    display: block;
    position: absolute;
    right: 24px;
    top: 18px;
    color: #00a5e3;
}

.paper .paper_list{
    width: 926px;
    display: inline-block;
    float: right;
}

.paper .paper_list #search{
    display: flex;
    border: 1px solid #00a5e3;
    border-radius: 20px;
}

.paper .paper_list #search .el-input__inner{
    border-radius: 20px 0 0 20px;
    border: 0;
}

.paper .paper_list #search .el-button{
    border: 0;
    border-radius: 0  20px 20px 0;
    background: #00a5e3;
    color: #FFFFFF;
    position: relative;
    top: 0;
    right: -1px;
    width: 120px;
}

.paper .paper_list .el-row{
    margin-top: 24px;
}

.paper_list .paperChildrenList{
    width: 216px;
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-bottom: 12px;
}

.paper_list .el-row .paperChildrenList:nth-child(4n){
    margin-right: 0;
}

.paper_list .paperChildrenList::after{
    content: '';
    display: block;
    clear: both;
}

.paper_list .paperChildrenList .paperImg{
    background: url("../img/paper.png") no-repeat;
    background-size: 100% 100%;
    height: 127px;
    display: flex;align-items: center;justify-content: center;
}

.paper_list .paperChildrenList .paperActImg{
    display: none;
    background: url("../img/actpoper.png") no-repeat;
    background-size: 100% 100%;
    height: 127px;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 127px;
    text-align: center;
    font-size: 18px;
}

.paper_list .active .paperActImg {
    display: block;
}

.folkList .el-row{
    display: flex;
    flex-wrap: wrap;
}

.folkList .folkChildrenList{
    width: 272px;
    display: inline-block;
    margin-right: 55px;
    position: relative;
    margin-bottom: 16px;
    transition: all .3s;
}

.folkList .folkChildrenList:nth-child(3n){
    margin-right: 0;
}

.folkList .folkChildrenList .folkName{
    font-size: 16px;
    color: #333333;
    margin: 10px 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 8px;
}

.folkList img{
    border-radius: 3px;
}

.folkList .folkChildrenList .videoIcon{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 3;
    border-radius: 3px;
    text-align: center;
    line-height: 249px;
    display: none;
}

.folkList .folkChildrenList:hover .videoIcon {
   display: block;
}

.folkList .folkChildrenList:hover .videoIcon .icon{
    display: initial;
    color: #FFFFFF;
    font-size: 42px;
}

.bookGoryList{
    margin-left: 0;
    margin-top: 24px;
}

.bookGoryList a:nth-child(4n){
    margin-right: 0;
}

.bookGoryList a{
    width: 216px;
    margin-right: 20px;
    margin-bottom: 12px;
}

.videoConTitle{
    font-size: 22px;
    color: #5ab193;
    font-weight: bold;
    padding-bottom: 22px;
    border-bottom: 1px solid #5ab193;
}

.rightIcon{
    float: right;
    font-weight: initial;
    font-size: 16px;
}

.rightIcon a{
    display: inline-block;
    margin-left: 12px;
    color: #5ab193;
    font-size: 18px;
}

.rightIcon .el-icon-star-on{
    font-size: 32px;
    top: 6px;
}

.rightIcon i{
    font-size: 24px;
    position: relative;
    top: 3px;
}

.rightIcon .icon{
    font-size: 24px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.poperCont .percont{
    background: url("../img/act.png") no-repeat;
    background-size: 100% 100%;
    height: 200px;
    margin: 36px 0 26px 0;
    padding: 62px 0;
    display: flex;
    position: relative;
}

.poperCont .percont .el-image{
    width: 202px;
    display: inline-block;
    float: left;
    margin: 72px 40px 0 65px;
}

.poperCont .percont dl{
    flex: 1;
    padding-right: 50px;
}

.poperCont .percont dt{
    color: #00a5e3;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #E9EBEA;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.poperCont .percont dd{
    color: #535353;
    line-height: 32px;
    font-size: 16px;
}

.poperCont .percont .rightIcon{
    position: absolute;
    bottom: 44px;
    right: 50px;
}

.cateGoryList .setime{
    display: flex;
    padding: 12px 10px;
    background: #EEF0EF;
    border-bottom: 1px solid #FFFFFF;
}

.setime select{
    flex: 1;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #EEF0EF;
    text-align-last: center;
    border: 1px solid #B8B8B8;
}

.Episodes{
    width: 940px;
    display: inline-block;
    float: right;
}

.strongName {
    font-weight: bold;
    font-size: 22px;
    color: #5ab193;
    border-bottom: 1px solid #C9C9C9;
    padding: 6px 0 24px 0;
    position: relative;
}

.strongName::after{
    content: '';
    display: block;
    width: 142px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #5ab193;
}

.episodesList a{
    display: block;
    margin: 34px 0;
    font-size: 17px;
    color: #606060;
}

.episodesList .icon{
    font-size: 26px;
    color: #5ab193;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

#boolIntrn{
    margin: 32px 0;
    text-align: justify;
    text-indent: 2rem;
    font-size: 18px;
    color: #606060;
    line-height: 36px;
}

.boolMenu{
    padding: 0 8px;
}

.boolMenu a{
    font-size: 18px;
    color: #606060;
    display: block;
    margin: 24px 0;
}

.boolMenu a .icon{
    font-size: 26px;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.boolMenu .actMp .icon,.boolMenu .actMp{
    color: #5ab193;
}

.boolMenu .active,.boolMenu .active .icon{
    color: #5ab193;
}

.compeTion{
    margin-top: 16px;
}

.compeTion #compeTionTime{
    position: relative;
}

.compeTion #compeTionTime .el-button{
    position: absolute;
    width: 412px;
    top: 62%;
    height: 45px;
    left: 394px;
    text-align: center;
    color: #363636;
    font-size: 14px;
    letter-spacing: 2px;
}

.compeTion #compeTionTime .el-button span{
    font-size: 16px;
}

.compeTion .activeGory{
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #C9C9C9;
    margin-bottom: 56px;
}

.compeTion .activeGory a{
    font-size: 22px;
    padding: 0 22px;
    color: #383838;
}

.compeTion .activeGory .is_active{
    color: #5AB193;
    font-weight: bold;
    position: relative;
}

.compeTion .activeGory .is_active::after{
    content: '';
    display: block;
    width: 140px;
    height: 1px;
    background: #5AB193;
    position: absolute;
    left: 0;
    bottom: 0;
}

.start-compeTion {
    min-height: 500px;
}

.start-compeTion .el-row .el-col{
    text-align: center;
    margin-bottom: 56px;
    cursor: pointer;
}

.start-compeTion .el-row .el-col .title{
    font-size: 18px;
    color: #333333;
    margin-top: 16px;
}

.start-compeTion .el-row .el-col:hover .title,.el-link.el-link--default:hover{
    color: #57AF91 !important;
}

.tion-ranking{
    padding: 0 50px;
    min-height: 500px;
}

.tion-ranking .has-gutter tr th{
    background: #57AF91;
    color: #FFFFFF;
}

.titlen{
    font-size: 22px;
    color: #00a5e3;
    font-weight: bold;
    background: #FFFFFF;
    position: relative;
    height: 66px;
    line-height: 66px;
    margin-top: 16px;
    border-bottom: 1px solid #C9C9C9;
}

.titlen span{
    display: inline-block;
    padding: 0 46px;
    border-bottom: 1px solid #00a5e3;
}

.progress{
    padding: 34px 0;
    background: #E8ECEB;
    font-size: 16px;
    color: #000000;
}

.progress .layui-progress{
    width: 858px;
    margin: 0 124px 0 28px ;
    display: inline-block;
}

.topic{
    padding: 60px;
    background: #FFFFFF;
    min-height: 500px;
}

.topic dt{
    font-size: 22px;
    color: #666666;
    margin-bottom: 28px;
}

.topic dt strong{
    margin-right: 30px;
}

.topic dd .solution{
    margin-bottom: 24px;
}

.topic dd .solution .el-radio.is-bordered{
    display: block;
    border: 2px solid #BFBFBF;
}

#nextBtn,#subResult{
    text-align: center;
    margin-top: 82px;
}

#nextBtn .el-button,#subResult .avt-bg-color{
    width: 164px;
    height: 56px;
    color: #FFFFFF;
    background: #00a5e3;
    font-size: 24px;
    font-weight: bold;
}

#subResult .el-button{
    width: 164px;
    height: 56px;
    font-size: 24px;
    display: inline-block;
}

.subResult,.result-list{
    background: #FFFFFF;
    padding-bottom: 22px;
}

.result-list #parse{
    text-align: center;
    font-size: 22px;
    color: #333333;
    padding: 40px 0 32px 0;
    font-weight: bold;
}

.result-list .parseList{
    width: 1134px;
    margin: 0 auto;
}

.result-list .parseList dl{
    margin-bottom: 14px;
    background: #F4F4F4;
    padding: 36px 18px;
    border-radius: 8px;
}

.result-list .parseList dl dt{
    margin-bottom: 22px;
    font-size: 20px;
    color: #666666;
}

.result-list .parseList dl dt strong{
    color: #363636;
    margin-right: 22px;
    letter-spacing: 2px;
}

.result-list .parseList dl dd{
    font-size: 18px;
    color: #666666;
    line-height: 32px;
}

.result-list .parseList dl .parseRest{
    font-size: 20px;
    color: #00a5e3;
    margin: 26px 0;
}

.result-list .parseList dl .parseRest span{
    margin-right: 52px;
}

.result-list .parseList dl  .errorEst{
    color: #c7000b;
}

.result-list .parseList dl .parse{
    color: #666666;
    font-size: 17px;
}

#pageList{
    text-align: right;
    margin-top: 56px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active{
    background: #00a5e3 !important;
}

.trainVideo{
    display: flex;
    margin: 54px 0;
    height: 574px;
    overflow: hidden;
}

.trainVideo #video,.trainVideo .none{
    width: 928px;
    display: inline-block;
    float: left;
}

.trainVideo .videoTitleList{
    padding: 16px;
    background: #565656;
    font-size: 14px;
    overflow: auto;
    cursor: pointer;
    flex: 1;
}

.trainVideo .videoTitleList p{
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.videoChildrenTitleList li{
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    padding: 0 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.videoChildrenTitleList .active{
    background: #363636;
    color: #5AB193;
}

.trainVideo .videoTitleList::-webkit-scrollbar {/*滚动条整体样式*/

    width: 1px;     /*高宽分别对应横竖滚动条的尺寸*/

    height: 1px;

}

.trainVideo .videoTitleList::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: #535353;

}

.trainVideo .videoTitleList::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 10px;

    background: #EDEDED;

}

.active-cont div{
    line-height: 28px;
}

#insert .el-dialog{
    background: url("../img/imgc.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 730px;
}

#log_Form .el-dialog{
    background: url("../img/imge.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 515px;
}

.insert_Form{
    display: flex;
    box-shadow: 0px 1px 3px #000;
}

.insert_Form .el-image{
    flex: 1;
}

.insert_Form .logForm{
    flex: 1;
    padding-top: 38px;
}

#insert .el-dialog .el-dialog__body,#log_Form  .el-dialog .el-dialog__body{
    padding: 0;
    margin: 42px 112px;
    background: #FFFFFF;
}

.insert_Form .demo-ruleForm,.insert_Form .logForm dl{
    width: 330px;
    margin: 0 auto;
    margin-bottom: 19px;
}

.insert_Form .logForm dl dt{
    color: #00a5e3;
    font-size: 24px;
    font-weight: bold;
}

.insert_Form .logForm dl dd{
    font-size: 16px;
    color: #9289a6;
    margin-top: 4px;
}

.insert_Form .logForm .el-form-item{
    position: relative;
    margin-bottom: 16px;
}

.insert_Form .logForm .el-form-item .el-iconFont{
    position: absolute;
    font-size: 20px;
    left: 8px;
    top: 12px;
    color: #B1B3CC;
}

.insert_Form .logForm .el-form-item .el-input__inner{
    /*border: 0;*/
    padding-left: 32px;
}

.insert_Form .logForm .el-form-item .el-input__inner:focus{
    border: 1px solid #DCDFE6;
}

.insert_Form .logForm #code .el-input{
    /*width: 210px;*/
}

#captcha{
    width: 114px;
    height: 32px;
    position: absolute;
    right: 4px;
    top: 4px;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #58B092 !important;
    border-color: #58B092 !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label{
    color: #58B092 !important;
}

#deal{
    margin: 5px 0;
}

#logBtn{
    text-align: center;
}

#logBtn .el-button{
    width: 94%;
    margin: 0 auto;
    letter-spacing: 5px;
    background:linear-gradient(to right,#00a5e3,#70c6e6);
    border: 0;
}

.el-button--primary {
     background-color: #00a5e3 !important;
     border-color: #00a5e3 !important;
 }

.solution .el-radio__input.is-checked .el-radio__inner{
    border-color: #00a5e3;
    background: #00a5e3;
}

.solution .el-radio__input.is-checked+.el-radio__label{
    color: #00a5e3;
}

.Jx_res{
    width: 930px;
    margin: 50px auto;
    text-align: center;
}

.Jx_res p{
    line-height: 28px;
    font-size: 16px;
    color: #666666;
}

.Jx_res #jiexi{
    margin-top: 54px;
}

.Jx_res #jiexi .layui-btn{
    font-size: 14px;
    font-weight: bold;
}

.flex_usercent{
    display: flex;
    margin-top: 36px;
}

.flex_usercent #aside_l{
    width: 230px;
    display: inline-block;
}

.flex_usercent #aside_l a{
    display: block;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    text-align: center;
    background: #E8ECEB;
    color: #71BB98;
    margin-bottom: 10px;
    border-radius: 3px;
}

.flex_usercent #aside_l .act{
    background:linear-gradient(to right,#58B092,#89C6A0);
    color: #FFFFFF;
}

.flex_usercent .aside_r{
    flex: 1;
    margin-left: 25px;
}

.el-tabs__item.is-active{
    color: #58B092 !important;
    font-weight: bold !important;
}

.el-tabs__active-bar{
    background-color: #58B092 !important;
}

.el-tabs__item{
    padding: 0 !important;
    font-size: 16px !important;
    color: #2f2f2f !important;
}

#saveWord{
    width: 40%;
}

#saveWord strong{
    font-size: 20px;
    display: block;
    margin-bottom: 28px;
}

#wordSubSaveBtn{
    width: 292px;
    background:linear-gradient(to right,#58B092,#89C6A0);
}

#wordSubSaveBtn .el-form .el-form-item .el-input__inner:focus{
    border: 1px solid #DCDFE6;
}

#resnone,#lognone{
    display: none;
}

.status_list{
    display: block;
    border-bottom: 1px solid #F2F2F2;
}

.status_list a{
    width: 110px;
    text-align: center;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    position: relative;
}

.status_list .act{
    color: #58B092;
    font-weight: bold;
}

.status_list .act::after{
    content: '';
    display: block;
    position: absolute;
    width: 110px;
    height: 1px;
    left: 0;
    top: 38px;
    background: #58B092;
}


.checkDetHistory .det{position: absolute; z-index: 9; top: 3px; right: 3px; display: inline-block; height: 48px; line-height: 48px;
    background: rgb(255, 255, 255);     border-radius: 0 12px 0 0;opacity: 0; }
.checkDetHistory .det input{width: 48px;height: 48px;}
.checkDetHistory .status_list .checkAll input{opacity: 0;}
.checkDetHistory .status_list .checkAll input,.status_list .checkAll i{position: absolute;left: -32px; top: -6px; }
.checkDetHistory .status_list .checkAll input{width: 32px;height: 32px;}
.checkDetHistory .detIcon{position: absolute;top: 3px;right: 3px;background: #F2F2F2;border-radius: 0 10px 0 0; padding: 3px 6px;}
.checkDetHistory .detIcon i,.status_list .checkAll i{font-size: 32px;color: #00a5e3;}
.checkDetHistory .status_list label{display: inline-block;margin-right: 12px;position: relative;}




.panel{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    overflow-x: hidden;
}
.panel-body{
    position: relative;
}
.pdf_menu{
    position: fixed;
    right: 16%;
    top: 30%;
}
.pdf_menu div{
    cursor: pointer;
    writing-mode: tb-rl;
    font-size: 14px;
    background: #5ab193;
    color: #FFFFFF;
    padding: 12px 15px;
    text-align: center;
    letter-spacing: 6px;
    margin-bottom: 36px;
    border-radius: 3px;
}
.panel .iframe{
    position: fixed;
    bottom: 0;
    left: 20%;
    right: 20%;
    top: 0;
    width: 60%;
    height: 100%;
    overflow-x: hidden;
}
#mulu{
    margin-bottom: 52px;
}

.panel_nav{
    position: fixed;
    width: 15%;
    right: 19.1%;
    z-index: 9;
    height: 100%;
    overflow-y: auto;
    background: #FFFFFF;
    text-align: left;
    padding-left: 3%;
    line-height: 36px;
    top: 0;
    box-shadow: -6px 3px 5px rgba(0,0,0,.2);
    border-right: 1px solid #F2F2F2;
}

.panel_nav li{
    cursor: pointer;
}

.panel_nav .act{
    color: #5ab193;
    font-weight: bold;
}