@charset "utf-8";
/* CSS Document */


.indexMenu{margin-top:-20px;}
.indexMenu ul{background:#f4f4f4;}
.indexMenu ul li{ float:left; width:calc(100% / 6); text-align:center;}
.indexMenu ul li{text-align:center; height:30px; line-height:30px; font-size:12px;color:#777; border-bottom:1px solid #ccc;}
.indexMenu ul li a{color:#999;}
.indexMenu ul .li-sel a{color:#0f75c7;}
.indexMenu ul .li-sel{border-bottom:1px solid #0f75c7;}
.indexMenu ul li .img img{ max-width:60px; max-height:60px;}

/* 固定头部 */
.fixedtop{position:fixed !important;top:20px;z-index:100000;width:100%;}

/* 轮播图 */
.lunbo-png{
    height: 0px;
    margin-bottom: 10px;
    position: relative;
    background-color: #d7d7d7;
}
.lunbo-png .search{position:absolute;width:100%;margin:0 auto;height:30px;top:10px;text-align:center;}
.cate{float:left;height:30px;width:30px;margin-left:10px;background:#023b67;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;border-radius:50%;}
.cate img{width:18px;height:18px;margin-top:6px;}
.lunbo-png .search .input{width:calc((92% - 30px));height:30px;margin:0 auto;position:relative;left:10px;float:left;}
.lunbo-png .search .input input{width:100%;line-height:30px;height:30px;background:rgba(255, 255, 255, 0.7);border-radius:50px;text-indent:15px;font-size:12px;}
.lunbo-png .search .input .button{width:30px;height:30px;position:absolute;top:0;right:5px;background:url('../images/index-search.png') no-repeat center center;background-size:20px;}
/* .lunbo-png ul li img{max-width:100%;} */

/* 内容 */
.content{padding:10px; padding-bottom: 60px;}
/*.content .naive{padding-bottom:50px;}*/
.content .naive ul li a{color:#333;width:100%;}
.content .all-naive .i-title{border-left:5px solid #0f75c7;margin:5px 0 10px 0;text-indent:10px;line-height:16px;color:#0f75c7;font-weight:bold;}
.content .all-naive .i-title .right-more{float:right;color:#0f75c7;margin-top:-2px;margin-right:5px;}
.content .all-naive .i-title .right-more a{color:#0f75c7;font-size:12px;}
.more{color:#0f8ad1;width:30%;border-radius:50px;margin:5px auto;text-align:center;height:22px;line-height:22px;border:1px solid #0f8ad1;}
.no-more{width:95%;border-radius:5px;margin:5px auto;text-align:center;height:22px;line-height:22px;background:#eee;text-align:center;display:none;}
.content .more a{color:#0f8ad1;font-size:12px;}
/* 直播 */
.content .i-live-list ul li{width:calc((100% - 10px)/ 2);margin-bottom:10px;}
.content .i-live-list ul li:nth-child(2n + 1) {
    margin-right:10px;
}
.content .i-live-list ul li .img{width:100%;height:100px;position:relative;border-radius:4px;overflow:hidden;}
.content .i-live-list ul li .title{padding-left: 10px;width:100%;font-size:12px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;position:absolute;bottom:0;box-sizing:border-box;background:rgba(0, 0, 0, 0.5);color:#fff;}
.content .i-live-list ul li .zz-live-type{color:#fff;background:#16aa16;width:70px;filter: alpha(opacity=70);-moz-opacity: .7;opacity: .7;text-align:center;position:absolute;right:0;border-radius:0 0 0 4px;font-size:12px;padding:2px 0;}
.content .i-live-list ul li .yg-live-type{color:#fff;position:absolute;right:5px;top:5px;font-size:12px;}
.content .i-live-list ul li .wq-live-type{color:#fff;background:red;width:70px;filter: alpha(opacity=70);-moz-opacity: .7;opacity: .7;text-align:center;position:absolute;right:0;border-radius:0 0 0 4px;font-size:12px;padding:2px 0;}
.content .i-live-list ul li .unit{font-size:12px;margin:10px 0;}
.content .i-live-list ul li .unit .icon{float:right;font-size:12px;color:#999;}
.content .i-live-list ul li .unit .unit-title{float:left;font-size:12px;color:#999;}
.content .i-live-list ul li .unit .unit-title img{width:15px;height:15px;margin-top:1px;float:left;margin-right:3px;}
.content .i-live-list ul li .unit .icon img{width:13px;margin-right:2px;}
.content .i-live-list ul li .sign{border:1px solid #2196f3;width:60%;height:22px;margin:0 auto;line-height:22px;text-align:center;border-radius:50px;margin-top:5px;background:#e9f7ff;}
.content .i-live-list ul li .red-sign{border:1px solid #ec1818;width:60%;height:22px;margin:0 auto;line-height:22px;text-align:center;border-radius:50px;margin-top:5px;background:#fce7e0;}
.content .i-live-list ul li .red-sign a{width:100%;color:#ec1818;font-size:12px;}
.content .i-live-list ul li .sign a{width:100%;color:#2196f3;font-size:12px;}
/* 内容  视频 */
.content  .i-video-list ul li{float:left;width:calc((100% - 14px) / 2);margin-bottom:10px;}
.content  .i-video-list ul li .img{width:100%;height:100px;position:relative;border-radius:4px;overflow:hidden;}
.content  .i-video-list ul li .clicks{width:100%;font-size:12px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;position:absolute;bottom:5px;box-sizing:border-box;color:#b5b4b4;text-indent:14px;}
.content .i-video-list ul li .clicks:before{
    content:'';
    border:6px solid transparent;
    border-left-color:#b5b4b4;
    position:absolute;
    left:5px;
}
.content .i-video-list ul li .title{width:100%;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;box-sizing:border-box;}
.content .i-video-list ul li .unit{font-size:12px;margin-top:2px;color:#999;margin-top:5px;}
.content .i-video-list ul li .unit .sc{float:right;font-size:12px;color:#10a42c;border:1px solid #10a42c;border-radius:50px;width:50px;text-align:center;line-height:20px;height:20px;margin-top:-2px;position:relative;text-indent:10px;}
.content .i-video-list ul li .unit .sc:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    left: 10px;
    top: 50%;
    margin-left: -5px;
    margin-top: -1px;
    background-color: #10a42c;
}
.content .i-video-list ul li .unit .sc:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    left: 10px;
    top: 50%;
    margin-left: -1px;
    margin-top: -5px;
    background-color: #10a42c;
}
.content .i-video-list ul li .unit .click{float:right;font-size:12px;}
.content .i-video-list ul li .unit .click img{width:15px;height:15px;margin-top:1px;float:left;margin-right:3px;}
.content .i-video-list ul li .unit .ysc{float:right;font-size:12px;color:#fff;background:#10a42c;border-radius:50px;width:50px;text-align:center;line-height:20px;height:20px;margin-top:-2px;}
.content .i-video-list ul li .unit .unit-title{white-space:nowrap;overflow:hidden;font-weight:normal;width:calc(100% - 60px);float:left;font-size:12px;text-overflow:ellipsis;}
.content .i-video-list ul li .unit .unit-title img{width:15px;height:15px;margin-top:1px;float:left;margin-right:3px;}

/* 专题 */
.content  .i-special-list ul li{float:left;width:calc((100% - 0px) / 2);margin-bottom:20px;padding: 0 5px}
.content  .i-special-list ul li .img{width:100%;height:100px;position:relative;border-radius:4px;overflow:hidden;}
.content  .i-special-list ul li .clicks{width:100%;font-size:12px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;position:absolute;bottom:5px;box-sizing:border-box;color:#b5b4b4;text-indent:14px;}
.content .i-special-list ul li .clicks:before{
    content:'';
    border:6px solid transparent;
    border-left-color:#b5b4b4;
    position:absolute;
    left:5px;
}
.content .i-special-list ul li .title{width:100%;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;box-sizing:border-box;}
.content .i-special-list ul li .unit{display:flex;align-items: center;justify-content: space-between; font-size:12px;color:#999;margin-top:5px;}
.content .i-special-list ul li .unit .sc{float:right;font-size:12px;color:#10a42c;border:1px solid #10a42c;border-radius:50px;width:50px;text-align:center;line-height:20px;height:20px;margin-top:-2px;position:relative;text-indent:10px;}
.content .i-special-list ul li .unit .sc:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    left: 10px;
    top: 50%;
    margin-left: -5px;
    margin-top: -1px;
    background-color: #10a42c;
}
.content .i-special-list ul li .unit .sc:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    left: 10px;
    top: 50%;
    margin-left: -1px;
    margin-top: -5px;
    background-color: #10a42c;
}
.content .i-special-list ul li .unit .click{font-size:12px;}
.content .i-special-list ul li .unit .ysc{float:right;font-size:12px;color:#fff;background:#10a42c;border-radius:50px;width:50px;text-align:center;line-height:20px;height:20px;margin-top:-2px;}
.content .i-special-list ul li .unit .unit-title{white-space:nowrap;overflow:hidden;font-weight:normal;font-size:12px;text-overflow:ellipsis;}




/* 培训 */
.content .i-train-list ul li{border:1px solid #ccc;padding:8px 8px;border-radius:4px;margin-bottom:10px;}

.content .i-train-list ul li .button{margin-top:50px;text-align:right;}
.content .i-train-list ul li .button a{color:#fff;width:100px;height:30px;line-height:30px;text-align:center;cursor:pointer;}
.content .i-train-list ul li .button .xq{background:#ff9a00;margin-left:10px;}
.content .i-train-list ul li .button .gray{background:#ccc;}
.content .i-train-list ul li .button .green{background:#28a52f;}
.content .i-train-list ul li .button .blue{background:#188eee;}


.content .i-train-list ul li .title a{color:#666;font-size:14px;}
.content ul li .detailBu{margin-top:10px;margin-bottom:10px;display: flex;align-items: center;justify-content: space-between}
.content ul li .detailBu div{font-size:12px;color:#999;}


/* 文章 */
.content .i-article-list ul li .title a{color:#666;font-size:14px;}
.content .i-article-list ul li{border-bottom:1px dashed #ccc;margin-bottom:10px}

/* 公告 */
.content .i-notice-list ul li .title a{color:#666;font-size:14px;}
.content .i-notice-list ul li{border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px}

/* 课件 */
.content .i-courseware-list ul li .title a{color:#666;font-size:14px;}
.content .i-courseware-list ul li{border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px}

.screen_table{width:100%;text-align:center;height:30px;line-height:30px;margin-bottom:10px;}
.screen_table tr td a{color:#868686;width:100%;height:30px;line-height:30px;border:1px solid #eee;}
.screen_table tr td .screen_sel{color:#e83b3b;}

.indexMenu{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    background: #f4f4f4;
    padding: 0px 5px;
    box-sizing: border-box;
}
.indexMenu > a{ color: #999; text-decoration: none;font-size:14px;/*padding:0 12px;width:3em;*/}
.indexMenu::-webkit-scrollbar{display: none;}
.indexMenu .li-sel{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}


/* 图解税收*/
.content  .i-imganswer-list ul li{float:left;width:calc((100% - 14px) / 2);margin-bottom:10px;}
.content  .i-imganswer-list ul li .img{width:100%;height:100px;position:relative;border-radius:4px;overflow:hidden;}
.content  .i-imganswer-list ul li .clicks{width:100%;font-size:12px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;position:absolute;bottom:5px;box-sizing:border-box;color:#b5b4b4;text-indent:14px;}
.content .i-imganswer-list ul li .clicks:before{
    content:'';
    border:6px solid transparent;
    border-left-color:#b5b4b4;
    position:absolute;
    left:5px;
}
.content .i-imganswer-list ul li .title{width:100%;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;box-sizing:border-box;}
.content .i-imganswer-list ul li .unit{font-size:12px;margin-top:2px;color:#999;margin-top:5px;}
.content .i-imganswer-list ul li .unit .sc{float:right;font-size:12px;color:#10a42c;border:1px solid #10a42c;border-radius:50px;width:50px;text-align:center;line-height:20px;height:20px;margin-top:-2px;position:relative;text-indent:10px;}
.content .i-imganswer-list ul li .unit .sc:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    left: 10px;
    top: 50%;
    margin-left: -5px;
    margin-top: -1px;
    background-color: #10a42c;
}
.content .i-imganswer-list ul li .unit .sc:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    left: 10px;
    top: 50%;
    margin-left: -1px;
    margin-top: -5px;
    background-color: #10a42c;
}
.content .i-imganswer-list ul li .unit .click{float:right;font-size:12px;}
.content .i-imganswer-list ul li .unit .click img{width:15px;height:15px;margin-top:1px;float:left;margin-right:3px;}
.content .i-imganswer-list ul li .unit .ysc{float:right;font-size:12px;color:#fff;background:#10a42c;border-radius:50px;width:50px;text-align:center;line-height:20px;height:20px;margin-top:-2px;}
.content .i-imganswer-list ul li .unit .unit-title{white-space:nowrap;overflow:hidden;font-weight:normal;width:calc(100% - 60px);float:left;font-size:12px;text-overflow:ellipsis;}
.content .i-imganswer-list ul li .unit .unit-title img{width:15px;height:15px;margin-top:1px;float:left;margin-right:3px;}


/*pfl-新增*/
