body{background:#f2f2f2}
.article-banner{background:url(/assets/revision/images/article/article-banner.png) no-repeat center top;height:400px}
.article-wrapper{padding:20px 0}
.article-wrapper .article-l{width:920px;border-radius:5px;overflow:hidden}
.article-wrapper .article-l .article-nav{padding:10px 15px;line-height:36px;background:#fff;border-bottom:1px #F2F2F2 solid}
.article-wrapper .article-l .article-nav a{font-size:16px;color:#999;display:inline-block;margin:0 15px;position: relative;}
.article-wrapper .article-l .article-nav a.active, .article-wrapper .article-l .article-nav a:hover {color: #333;font-weight: bold;}
.article-wrapper .article-l .article-show{padding:0 20px 1px}
.article-wrapper .article-r{width:300px}
.article-wrapper .article-r .recomment-article{background:#fff;border-radius:5px;overflow:hidden;margin-bottom:20px}
.article-wrapper .article-r .recomment-article .head{font-size:16px;padding:0 20px;line-height:56px;border-bottom:1px #F2F2F2 solid;font-weight: bold}
.article-wrapper .article-r .recomment-article .main{padding:10px 20px}
.article-wrapper .article-r .recomment-article .main p{white-space:nowrap;line-height:34px;overflow:hidden;text-overflow:ellipsis}
.article-wrapper .article-r .recomment-article .main p span{width:15px;height:15px;border-radius:3px;line-height:14px;text-align:center;color:#fff;font-size:12px;background:#bbb;display:inline-block;margin-right:9px}
.article-wrapper .article-r .recomment-article .main p:nth-child(-n+3) span{background:#ff583d}
.article-wrapper .article-r .recomment-article .main p a{color:#333}
.article-wrapper .article-r .recomment-article .main p a:hover{color:#ff583d;text-decoration:underline}
.article-wrapper .article-r .recomment-author{margin-bottom:20px;background:#fff;border-radius:5px;overflow:hidden}
.article-wrapper .article-r .recomment-author .head{font-size:16px;padding:0 20px;line-height:56px;border-bottom:1px #f2f2f2 solid;font-weight: bold}
.article-wrapper .article-r .recomment-author .main{padding:20px 20px 5px}
.article-wrapper .article-r .recomment-author .main .author-list{height:50px;margin-bottom:20px;position:relative;padding-left:64px;padding-top:7px}
.article-wrapper .article-r .recomment-author .main .author-list .avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;position:absolute;left:0;top:0}
.article-wrapper .article-r .recomment-author .main .author-list .avatar img{display:block;width:100%;height:100%}
.article-wrapper .article-r .recomment-author .main .author-list .name{color:#333}
.article-wrapper .article-r .recomment-author .main .author-list .name:Hover{color:#ff583d}
.article-wrapper .article-r .recomment-author .main .author-list p{padding-top:10px}
.article-wrapper .article-r .recomment-author .main .author-list p span{font-size:12px;color:#999;padding-right:14px}
.article-wrapper .article-r .recomment-author .main .author-list .follow-btn{position:absolute;right:0;top:12px;width:52px;height:25px;line-height:24px;background:#ffd500;border-radius:13px;transition:background .2s;text-align:center;cursor:pointer}
.article-wrapper .article-r .recomment-author .main .author-list .follow-btn:hover{background:#ffdd32}
.article-wrapper .article-r .recomment-author .main .author-list .refollow-btn{position:absolute;right:0;top:12px;width:52px;height:25px;line-height:22px;text-align:center;font-size:12px;color:#999;border:1px #999 solid;border-radius:13px;cursor:pointer}
.article-wrapper .article-r .qr-code{margin-bottom:20px;background:#fff;border-radius:5px;text-align:center;padding:22px 0 19px}
.article-wrapper .article-r .qr-code p{color:#666;padding-bottom:15px}
.article-wrapper .article-r .qr-code img{width:200px;height:200px;display:inline-block;vertical-align:top}
.article-wrapper .article-r .talk-qq{height:55px;line-height:54px;border-radius:5px;background:#fff;margin-bottom:20px;padding:0 20px;color:#333;font-size: 16px;font-weight: bold;}
.article-wrapper .article-r .talk-qq a.fr{font-weight: normal;color: #333;}
.article-wrapper .article-r .talk-qq a.fr em{display: inline-block;color: #333;width: 8px;height: 8px;border-bottom: solid 2px currentColor;border-left: solid 2px currentColor;-ms-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);vertical-align: 1px;}
.article-wrapper .article-r .talk-qq i{width:13px;height:14px;margin-right:11px;display:inline-block;background:url(../images/article-icon.png) -74px -1px;vertical-align:-2px}
.article-detail{padding-bottom:30px;background: #fff;}
.article-detail .pos{line-height:52px;font-size:12px;color:#666}
.article-detail .pos a{color:#666}
.article-detail .detail-box{padding-top: 40px;position: relative;}
.article-detail .detail-l{width:940px}
.article-detail .detail-l .article-con{position:relative;}

.article-detail .detail-l .article-con .sole{width: 50px;height: 28px;line-height: 26px;text-align: center;border:1px #FF701D solid;border-radius: 5px;font-size: 14px;color: #FF701D;font-weight: normal;display: inline-block;vertical-align: 6px;margin-right: 10px;}
.article-detail .detail-l .article-con h2{font-size:32px;font-weight:400}
.article-detail .detail-l .article-con .info{height:22px;line-height:22px;margin-top:22px;}
.article-detail .detail-l .article-con .info .avatar img{width: 22px;height: 22px;display: inline-block;vertical-align: top;border-radius: 50%;}
.article-detail .detail-l .article-con .info .name{color: #666666;display: inline-block;margin:0 15px 0 10px;}
.article-detail .detail-l .article-con .info .name:hover{color: #E3AD13;}
.article-detail .detail-l .article-con .info span{padding:0 15px;border-left:1px #ccc solid;color:#666;line-height: 14px;display: inline-block;}
.article-detail .detail-l .article-con .info .report{color:#666;cursor: pointer;}
.article-detail .detail-l .article-con .info .report:hover{color: #E3AD13;}
.article-detail .detail-l .article-con .con{padding:22px 0;}
.article-detail .detail-l .article-con .con *{word-break:break-all;max-width:100%;line-height: 28px!important;}
.article-detail .detail-l .article-con .con p{font-size:18px}
.article-detail .detail-l .article-con .con img{max-width:100%;margin:0px auto;display: block;}
.article-detail .detail-l .article-con .abstract{word-break:break-all;padding:50px 26px;background: #F7F7F7;border-radius: 5px;position: relative;line-height: 28px;font-size: 16px;margin-top: 22px;}
.article-detail .detail-l .article-con .abstract:before{width: 20px;height: 16px;position: absolute;left: 28px;top: 24px;background: url(../images/article-icon.png) 0 -88px;content: '';}
.article-detail .detail-l .article-con .abstract:after{width: 20px;height: 16px;position: absolute;right: 28px;bottom: 24px;background: url(../images/article-icon.png) 0 -70px;content: '';}
.article-detail .detail-l .article-con .soft-download{width:100%;border:1px solid #ddd;border-radius:5px;background:#fff;position:relative;margin:20px 0 0}
.article-detail .detail-l .article-con .soft-download:before{content:'';width:20px;height:16px;position:absolute;right:63px;bottom:34px;background:url(../images/article-icon.png) 0 -70px;opacity:.4;transform:scale(2.4);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}
.article-detail .detail-l .article-con .soft-download img{display:block;width:45px;height:45px;position:absolute;top:20px;left:28px}
.article-detail .detail-l .article-con .soft-download .info-r{padding:20px 28px 20px 90px;border-bottom:1px solid #ddd}
.article-detail .detail-l .article-con .soft-download .info-r .h4{font-size:16px;color:#333;padding-bottom:14px}
.article-detail .detail-l .article-con .soft-download .info-r .sm{font-size:14px;color:#666;padding-right:150px;line-height:20px}
.article-detail .detail-l .article-con .soft-download .info-r .a-download{display:block;width:120px;height:36px;line-height:36px;border-radius:5px;background:#ffd500;color:#333;font-size:14px;text-align:center;position:absolute;top:27px;right:28px;transition:all .2s}
.article-detail .detail-l .article-con .soft-download .info-r .a-download:hover{opacity:.9}
.article-detail .detail-l .article-con .soft-download .info-b{padding:0 28px 20px;background:#f7f7f7;border-radius:0 0 4px 4px}
.article-detail .detail-l .article-con .soft-download .info-b .span{display:inline-block;vertical-align:top;line-height:18px;font-size:14px;color:#333;margin-top:20px;width:280px;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-detail .detail-l .article-con .soft-download .info-b .span small{color:#999}
.article-detail .detail-l .article-con .soft-download .info-b .span span{color:#333}
.article-detail .detail-l .article-con .good-btn{padding:40px 0;text-align:center;border-bottom: 1px #E1E1E1 solid;}
.article-detail .detail-l .article-con .good-btn span{width:130px;height:70px;border-radius:35px;background:#ffd500;display:inline-block;padding-top:12px;cursor:pointer}
.article-detail .detail-l .article-con .good-btn span em{font-weight: normal;}
.article-detail .detail-l .article-con .good-btn span:hover{background:#ffdd2f}
.article-detail .detail-l .article-con .good-btn span.ed{background:#E6E6E6;color:#808080}
.article-detail .detail-l .article-con .good-btn span i{display:block;width:26px;height:25px;background:url(../images/article-icon.png) 0 -42px;margin:0 auto 7px}
.article-detail .detail-l .article-con .good-btn span.ed i{background-position: 0 -15px;}
.article-detail .detail-l .article-con .qr-code-txt{color:#666;line-height:24px;padding:26px 0 30px;font-size: 16px;}
.article-detail .detail-l .article-con .qr-code{max-width:400px;max-height:400px;display:block;margin:15px auto 0}
.article-detail .detail-l .article-con .share{border:1px #E1E1E1 solid;padding:20px;border-radius:5px;position: relative;z-index: 2;}
.article-detail .detail-l .article-con .share .p1{color:#999}
.article-detail .detail-l .article-con .share .p1 span{color:#666}
.article-detail .detail-l .article-con .share .p2{line-height: 30px;margin-top: 16px;color:#999}
.article-detail .detail-l .article-con .share .p2 a,.article-detail .detail-l .article-con .share .p2 span{display: inline-block;vertical-align: top;padding:0 12px;background: #F8F8F8;border-radius: 15px;margin-left: 12px;}
.article-detail .detail-l .article-con .share .pos-r{position: absolute;right: 20px;top: 30px;line-height: 32px;}
.article-detail .detail-l .article-con .share .bshare-custom{display: inline;}
.article-detail .detail-l .article-con .share .bshare-custom span{color:#999;vertical-align: 0;}
.article-detail .detail-l .article-con .share .bshare-custom a{background:url(../images/article-icon.png);display:inline-block;margin:0 10px;transition:background .2s;vertical-align:top;float:none;width: 40px;height: 40px;}
.article-detail .detail-l .article-con .share .bshare-custom .bshare-sinaminiblog{background-position:-119px -42px}
.article-detail .detail-l .article-con .share .bshare-custom .bshare-sinaminiblog:hover{background-position:-119px 0}
.article-detail .detail-l .article-con .share .bshare-custom .bshare-weixin{background-position:-77px -42px}
.article-detail .detail-l .article-con .share .bshare-custom .bshare-weixin:hover{background-position:-77px 0}
.article-detail .detail-l .article-con .share .bshare-custom .bshare-qqim{background-position:-34px -42px}
.article-detail .detail-l .article-con .share .bshare-custom .bshare-qqim:hover{background-position:-34px 0}
.article-detail .detail-l .article-con .share .pos-r > a{width: 80px;border-radius: 5px;text-align: center;border:1px #E1E1E1 solid;color:#999;margin-left: 10px;display: inline-block;margin-top: 3px;transition:all .2s}
.article-detail .detail-l .article-con .share .pos-r > a:hover,.article-detail .detail-l .article-con .share .pos-r > a.ed{border-color: #E3AE14;color:#E3AE14}
.article-detail .detail-l .article-con .share .download-app-tips{width: 230px;background: #F2CA22;border-radius: 5px;padding:8px 40px 8px 20px;position: absolute;right: -248px;top:-14px;line-height: 26px;display: none;}
.article-detail .detail-l .article-con .share .download-app-tips:before{content: '';position: absolute;left: -15px;top: 26px;border:7px transparent solid;border-right:8px #F2CA22 solid;}
.article-detail .detail-l .article-con .share .download-app-tips .close{width: 9px;height: 9px;background: url(../images/article-icon.png) 0 -106px;position: absolute;right: 14px;top: 14px;cursor: pointer;}
.article-detail .detail-l .article-con .pos-l{width: 44px;position: absolute;top: 105px;left: -84px;}
.article-detail .detail-l .article-con .pos-l.fixed{position: fixed;left: 50%;margin-left: -704px;top: 104px;}
.article-detail .detail-l .article-con .pos-l .list{position: relative;margin-bottom: 14px;}
.article-detail .detail-l .article-con .pos-l .list .box{width: 44px;height: 44px;display: block;border:1px #e1e1e1 solid;border-radius: 50%;text-align: center;line-height: 42px;font-size: 12px;color: #E4AE14;}
.article-detail .detail-l .article-con .pos-l .list:hover .box{border-color: #E3AE14;cursor: pointer;}
.article-detail .detail-l .article-con .pos-l .list:hover .box .s1{display: none;}
.article-detail .detail-l .article-con .pos-l .list:hover .box .s2{display: block;}
.article-detail .detail-l .article-con .pos-l .list .box em{font-weight: normal;padding:0 6px;border-radius:8px 8px 8px 0;height: 15px;background: #FF701E;font-size: 12px;color: #fff;position: absolute;left: 30px;top: -3px;line-height: 14px;}
.article-detail .detail-l .article-con .pos-l .list .box .s1{background: url(../images/article-icon.png);display: inline-block;vertical-align: -3px;}
.article-detail .detail-l .article-con .pos-l .list .box.icon1 .s1{width: 16px;height: 16px;background-position: -86px -88px;}
.article-detail .detail-l .article-con .pos-l .list .box.icon2 .s1{width: 17px;height: 16px;background-position: -26px -88px;}
.article-detail .detail-l .article-con .pos-l .list .box.icon3 .s1{width: 18px;height: 17px;background-position: -47px -88px;}
.article-detail .detail-l .article-con .pos-l .list .box.icon4 .s1{width: 16px;height: 16px;background-position: -67px -88px;}
.article-detail .detail-l .article-con .pos-l .list .box .s2{display: none;}
.article-detail .detail-l .article-con .pos-l .list .box.icon2.ed{border-color: #E3AE14;}
.article-detail .detail-l .article-con .pos-l .list .box.icon2.ed .s1{background-position:-26px -108px;}
.article-detail .detail-l .article-con .pos-l .list .box.icon3.ed{border-color: #E3AE14;}
.article-detail .detail-l .article-con .pos-l .list .box.icon3.ed .s1{background-position:-47px -108px;}
.article-detail .detail-l .article-con .pos-l .list:hover .bshare-custom{display: block;}
.article-detail .detail-l .article-con .pos-l .list .bshare-custom{border-radius: 22px;border:1px #E1E1E1 solid;padding: 16px 0 2px;text-align: center;display: none;margin-top: 10px;}
.article-detail .detail-l .article-con .pos-l .list .bshare-custom a{background: url(../images/article-icon.png);margin-bottom: 14px;background-position-y: -88px;padding:0;margin:0;display: block;margin:0 auto 14px}
#bsWXBox{box-sizing: content-box;z-index: 10;}
.article-detail .detail-l .article-con .pos-l .list .bshare-custom a:hover{background-position-y: -113px;}
.article-detail .detail-l .article-con .pos-l .list .bshare-custom a.bshare-qqim{background-position-x: -112px;width: 19px;height: 23px;}
.article-detail .detail-l .article-con .pos-l .list .bshare-custom a.bshare-sinaminiblog{background-position-x: -160px;width: 23px;height: 19px;}
.article-detail .detail-l .article-con .pos-l .list .bshare-custom a.bshare-weixin{background-position-x: -135px;width: 23px;height: 18px;}
.article-detail .detail-l .comment-box{padding-top:50px;}
.article-detail .detail-l .comment-box .comment-num{font-size: 16px;border-left:4px #E3AE14 solid;padding-left: 9px;}
.article-detail .detail-l .comment-box .head{padding-top: 30px;position: relative;}
.article-detail .detail-l .comment-box .head .cont-num{position: absolute;right: 10px;top: 117px;font-size: 12px;color:#b8b8b8}
.article-detail .detail-l .comment-box .head .cont-num em{font-weight: normal;}
.article-detail .detail-l .comment-box .head .txt{width:100%;height:140px;border:1px #E1E1E1 solid;border-radius:4px;background:#FAFAFA;padding:12px 20px;line-height:24px}
.article-detail .detail-l .comment-box .head .submit-btn{float:right;width:120px;height:40px;line-height:40px;text-align:center;border-radius:5px;border:1px #ffd500 solid;background:#ffd500;cursor:pointer;margin-top:10px}
.article-detail .detail-l .comment-box .head .emoji-btn{margin-top: 10px;}
.article-detail .detail-l .recomment-con{padding-top: 20px;}
.article-detail .detail-l .recomment-con .head{font-size:16px;padding-left: 7px;border-left:4px #F2CA22 solid;}
.article-detail .detail-l .recomment-con .main{padding-top:10px}
.article-detail .detail-l .recomment-con .main .list{width:300px;height:186px;border-radius:5px;margin:20px 20px 0 0;border:1px #ddd solid;border:1px #E1E1E1 solid;padding:14px;position: relative;transition:all .2s}
.article-detail .detail-l .recomment-con .main .list:hover{box-shadow: 1px 4px 8px 0px rgba(112, 112, 112, 0.18);transform:translateY(-5px)}
.article-detail .detail-l .recomment-con .main .list .img{width:150px;height: 93px;position: absolute;right: 14px;bottom:14px;}
.article-detail .detail-l .recomment-con .main .list .img img{width:100%;height:100%;display:block;border-radius: 5px;}
.article-detail .detail-l .recomment-con .main .list .title{line-height:28px;height:56px;color:#333;font-size:16px;overflow:hidden;display:block}
.article-detail .detail-l .recomment-con .main .list .title:hover{color: #E3AE14;}
.article-detail .detail-l .recomment-con .main .list .p1{padding-top: 13px;color:#808080}
.article-detail .detail-l .recomment-con .main .list .p2{color: #808080;padding-top: 56px;}
.article-detail .detail-l .recomment-con .main .list .p2 span{display: inline-block;vertical-align: top;max-width: 62px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 5px;}
.article-detail .detail-l .recomment-con .main .list:nth-child(3n){margin-right: 0;}.article-detail .detail-l .training-con{padding-top: 20px;}
.article-detail .detail-l .training-con .head{font-size:16px;padding-left: 7px;border-left:4px #F2CA22 solid;}
.article-detail .detail-l .training-con .head h3 {font-weight: normal}
.article-detail .detail-l .training-con .head h3 span{font-weight: normal;font-size: 14px;color: #999;}
.article-detail .detail-l .training-con .head h3 i{color: #FF583E;padding:0 8px}
.article-detail .detail-l .training-con .head h3 i:nth-child(1){border-right:1px #999999 solid;margin-right:8px;display: inline-block;height: 14px;}
.article-detail .detail-l .training-con .head .more{font-size: 12px;color: #666;}
.article-detail .detail-l .training-con .head .more:hover{color: #E4AE14;}
.article-detail .detail-l .training-con .main{padding: 30px 0;}
.article-detail .detail-l .training-con .list{width:300px;padding-bottom:15px;margin-right:20px;border-radius: 5px;background: #fff;border: 1px solid #E1E1E1;transition:all .2s}
.article-detail .detail-l .training-con .list:nth-child(3){margin-right: 0;}
.article-detail .detail-l .training-con .list:hover{box-shadow: 1px 4px 8px 0px rgba(112, 112, 112, 0.18);transform:translateY(-5px)}
.article-detail .detail-l .training-con .list .img{display: block;width: 100%;height: 182px;}
.article-detail .detail-l .training-con .list .title{font-size: 16px;color: #343434;line-height: 24px;margin:10px 15px 8px;height: 48px;overflow: hidden;display: block;}
.article-detail .detail-l .training-con .list .title:hover{color: #E4AE14;}
.article-detail .detail-l .training-con .info{padding:0 15px;}
.article-detail .detail-l .training-con .info .s1{color: #9A9A9A;}
.article-detail .detail-l .training-con .info .s2{color: #FF583E;}
.article-detail .detail-l .empty{padding:50px 0}
.article-detail .detail-l .empty .p1{text-align: center;}
.article-detail .detail-l .empty .p1 img{vertical-align: top;width: 200px;}
.article-detail .detail-l .empty .p2{color:#999;text-align: center;padding-top: 20px;}
.article-detail .detail-r{width:260px}
.article-detail .detail-r.fixed{position: fixed;background: #fff;top:104px;left: 50%;margin-left: 360px;}
.article-detail .detail-r.fixed .author-video{display: none;}
.article-detail .detail-r .user-info{border:1px #E1E1E1 solid;padding:20px 16px 60px;position: relative;border-radius: 5px;overflow: hidden;}
.article-detail .detail-r .info{border-bottom: 1px #E1E1E1 solid;padding-bottom: 10px;}
.article-detail .detail-r .info .avatar-info{height: 200px;}
.article-detail .detail-r .info .avatar{width:200px;height:200px;border:1px #ddd solid;overflow:hidden;border-radius:1%;
	margin: 0 auto;}
.article-detail .detail-r .info .avatar img{width:100%;height:100%;display:block}
.article-detail .detail-r .info .name{display:block;color:#333;font-size:18px;line-height: 24px;font-weight: bold;margin-bottom:7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article-detail .detail-r .info .name:hover{color:#ff583d}
.article-detail .detail-r .info .follow-num{color: #808080;}
.article-detail .detail-r .info .data{margin-top:20px;text-align: center;border-top:1px #E6E6E6 solid;padding-top:10px}
.article-detail .detail-r .info .data span{color:#999;display: inline-block;vertical-align: top;width: 33.3%;line-height: 24px;}
.article-detail .detail-r .info .data span i{color:#666}
.article-detail .detail-r .info .follow span{display:block;width:70px;height:26px;line-height:26px;border-radius:5px;text-align:center;cursor:pointer;transition:all .2s;color: #1F1F1F;}
.article-detail .detail-r .info .follow span:Hover{opacity:.9}
.article-detail .detail-r .info .follow .follow-btn{background:#ffd301;color: #1F1F1F;}
.article-detail .detail-r .info .follow .follow-btn.on{background:#ccc; color: #808080;}
.article-detail .detail-r .author-article{padding-top: 20px;}
.article-detail .detail-r .author-article .head{font-size:16px;padding-left: 7px;border-left:4px #F2CA22 solid;}
.article-detail .detail-r .author-article .main{padding:4px 0 0}
.article-detail .detail-r .author-article .main a{display:block;overflow:hidden;max-height: 48px;line-height: 24px;color:#666;margin-top: 15px;}
.article-detail .detail-r .author-article .main a:hover{color:#E4AE14}
.article-detail .detail-r .author-article .main p{font-size: 12px;color: #999;padding-top: 5px;}
.article-detail .detail-r .author-article .pos-b{position: absolute;left: 0;bottom: 0;height: 40px;line-height: 40px;text-align: center;background: #F2CA22;width: 100%;color:#333}
.article-detail .detail-r .author-article .pos-b:hover{background: #F5D758;}
.article-detail .detail-r .author-video{margin-top: 16px;border:1px #E1E1E1 solid;padding:20px 16px 16px;position: relative;border-radius: 5px;overflow: hidden;}
.article-detail .detail-r .author-video .head{font-size:16px;padding-left: 7px;border-left:4px #F2CA22 solid;}
.article-detail .detail-r .author-video .main{padding-top:10px}
.article-detail .detail-r .author-video .main .list{padding-top: 10px;}
.article-detail .detail-r .author-video .main .list .img{height:140px;position:relative;display:block;border-radius: 5px;overflow: hidden;}
.article-detail .detail-r .author-video .main .list .img .play-cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:all .25s}
.article-detail .detail-r .author-video .main .list .img .play-cover:before{content:"";left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;transition:all .25s;background:url(https://js.huke88.com/assets/revision/images/hk_new_index_icons3.png?111) 0 -115px;position:absolute;transform:scale(1.4)}
.article-detail .detail-r .author-video .main .list .img img{display:block;width:100%;height:100%}
.article-detail .detail-r .author-video .main .list .img:hover .play-cover{opacity:1}
.article-detail .detail-r .author-video .main .list .img:hover .play-cover:before{transform:scale(1)}
.article-detail .detail-r .author-video .main .list .name{line-height:22px;color:#666;max-height:44px;overflow:hidden;display:block;margin-top:10px}
.article-detail .detail-r .author-video .main .list .name:Hover{color:#E4AE14}
.article-detail .detail-r .next-article{margin-top: 16px;border:1px #E1E1E1 solid;padding:20px 16px;border-radius: 5px;}
.article-detail .detail-r .next-article .head{font-size:16px;padding-left: 7px;border-left:4px #F2CA22 solid;}
.article-detail .detail-r .next-article .main{padding-top: 14px;}
.article-detail .detail-r .next-article .main a{display:block;overflow:hidden;max-height: 48px;line-height: 24px;color:#666;}
.article-detail .detail-r .next-article .main a:hover{color:#E4AE14;text-decoration:underline}
.article-detail .detail-r .next-article .main p{font-size: 12px;color: #999;padding-top: 5px;}
@media only screen and (max-width:1440px){
	.article-wrapper .article-l{width:680px}
	.article-show .article-list .img-r .article-info .time{display:none}
	.article-detail .detail-l{width: 720px;}
	.article-detail .detail-l .recomment-con .main .list{width:226px;height:167px}
	.article-detail .detail-l .recomment-con .main .list .img{height:76px;width: 110px;}
	.article-detail .detail-r .author-info.fixed{margin-left:201px}
	.article-detail .detail-l .recomment-con .main .list .p2{padding-top: 36px;}
	.article-detail .detail-l .recomment-con .main .list .p2 span{max-width: 46px;}
	.article-detail .detail-r.fixed{margin-left: 240px;}
	.article-detail .detail-l .article-con .pos-l.fixed{margin-left: -584px;}
	.article-detail .detail-l .training-con .list{width: 233px;margin-right: 10px;}
	.article-detail .detail-l .training-con .list .img{height: 140px;}
	.article-detail .detail-l .training-con .main{padding:10px 0}
	.article-detail .detail-l .recomment-con .main{padding-top: 0;}
}
.slide-box{width:100%;height:350px;position:relative;overflow:hidden}
.slide-box:hover .cut-btn{opacity:.6}
.slide-box .bd{position:relative;zoom:0}
.slide-box .bd li{float:left;width:100%;height:350px}
.slide-box .bd li .img{display:block;width:100%;height:100%}
.slide-box .hd{position:absolute;bottom:20px;left:0;right:0;text-align:center}
.slide-box .hd ul{display:inline-block;padding:4px 30px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background:rgba(0,0,0,.3)}
.slide-box .hd li{display:inline-block;width:9px;height:9px;-webkit-border-radius:50%;border-radius:50%;background:#ccc;margin:0 2px;cursor:pointer;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.7}
.slide-box .hd li.on,.slide-box .hd li:hover{width:35px;-webkit-border-radius:12px;border-radius:12px;background:#eee}
.slide-box .cut-btn{position:absolute;top:50%;margin-top:-22px;left:50%;opacity:0;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.slide-box .cut-btn .cut-btn-icon{display:block;width:25px;height:45px;background:url(/assets/revision/images/hk_new_index_icons.png) no-repeat}
.slide-box .prev{margin-left:-620px}
.slide-box .prev .cut-btn-icon{background-position:0 -61px}
.slide-box .prev:hover .cut-btn-icon{background-position:-65px -61px}
.slide-box .next{margin-left:595px}
.slide-box .next .cut-btn-icon{background-position:-35px -61px}
.slide-box .next:hover .cut-btn-icon{background-position:-100px -61px}
.d-critique{position:relative}
.d-critique .d-critiqueCen .d-critiqueMain{width:100%;height:100px;line-height:100px;text-align:center;border:1px #ddd solid;border-radius:4px;background-color:#fff}
.d-critique .d-critiqueCen .d-critiqueMain a{color:#E4AE14}
.d-author-info{background:0 0!important}
.d-author-info .author-article{padding-bottom:1px}
.d-authorCenInfo{background-color:#fff;border-radius:5px;margin-bottom:20px;padding-top:1px;padding-bottom:1px}
.d-authorCenInfo .info{margin:19px 20px 20px!important}
.d-advertising a{display:block}
.d-advertising img{width:100%;border-radius:5px}
.recomment-pub{background-color:#fff;border-radius:5px;margin-bottom:20px}
.recomment-pub .head{font-size:16px;padding:0 20px;line-height:56px;border-bottom:1px #f2f2f2 solid;font-weight: bold; color: #333;}
.recomment-pub .n-pub-img{padding:20px}
.recomment-pub .n-pub-img img{width:100%;border-radius:4px}
.newCurriculum{background-color:#fff;border-radius:5px;margin-top:20px}
.detail-l .newCurriculum .head{line-height:54px;font-size:16px;padding-left:30px}
.newCurriculum .curriculumList{padding-left:30px}
.newCurriculum .curriculumList li{float:left;width:270px;border-radius:5px;margin:0 25px 25px 0;transition:all .2s}
.newCurriculum .curriculumList li .list-img{position:relative}
.newCurriculum .curriculumList li .list-img .imgTop{display:block;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #ddd;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}
.newCurriculum .curriculumList li .list-img .imgTop:hover{box-shadow:0 6px 15px rgba(0,0,0,.1)!important;-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.newCurriculum .curriculumList li .list-img:hover .play-cover{opacity:1;-ms-filter:Alpha(Opacity=100);filter:Alpha(Opacity=100)}
.newCurriculum .curriculumList li .list-img:hover .play-cover i{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:Alpha(Opacity=100);filter:Alpha(Opacity=100)}
.newCurriculum .curriculumList li .list-img img{display:block;width:100%;height:165px}
.newCurriculum .curriculumList li .list-img .play-cover{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.3);opacity:0;-ms-filter:Alpha(Opacity=0);filter:Alpha(Opacity=0);-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;z-index:5}
.newCurriculum .curriculumList li .list-img .play-cover i{display:block;width:60px;height:60px;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-ms-filter:Alpha(Opacity=0);filter:Alpha(Opacity=0);position:absolute;left:50%;top:50%;margin:-30px -30px;z-index:1;background:url(https://js.huke88.com/assets/revision/images/hk_new_index_icons3.png?111) no-repeat 0 -115px;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}
.newCurriculum .curriculumList li .img-name{padding:14px 5px}
.newCurriculum .curriculumList li .img-name .curriculum-name{display:block;font-size:16px;color:#333;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newCurriculum .curriculumList li .img-name .curriculum-name:hover{color:#f70}
.newCurriculum .curriculumList li .img-data{font-size:14px;color:#999;line-height:19px;padding:0 5px}
.newCurriculum .curriculumList li .img-data .curriculum-label{border-radius:2px;color:#fff;font-size:12px;padding:0 5px;height:19px;line-height:19px;margin-right:14px}
.crmBgColor{background-color:#6ebd6b}
.newCurriculum .curriculumList li .list-img .time-length{display:block;padding:0 6px;height:15px;line-height:15px;background:rgba(0,0,0,.25);font-size:12px;color:#fff;border-radius:4px;position:absolute;right:10px;bottom:10px;transition:all .25s ease-in}
.newCurriculum .curriculumList li .list-img:hover .time-length{display:none}

/*new add*/
.article-wrapper .article-l .article-show .article-list{ border-bottom: 1px solid #F2F2F2; padding-left: 170px;}
.article-wrapper .article-l .article-show .article-list .img{ width: 150px; height: 93px;}
.article-wrapper .article-l .article-show .article-list .img-r{ height: auto;}
.article-wrapper .article-l .article-show .article-list .img-r .article-title{ padding-top: 4px;}
.article-wrapper .article-l .article-show .article-list .img-r .article-title a{ font-size: 18px;font-weight: bold;}
.article-wrapper .article-l .article-show .article-list .img-r .article-con{ padding: 5px 0; max-width: 90%;}
.article-wrapper .article-l .article-show .article-list .img-r .article-time{ font-size: 12px; color: #999;}

.comment-box .comment-wrap .comment-list {padding: 0}
@media only screen and (max-width:1440px){
	.newCurriculum .curriculumList li{width:190px}
	.newCurriculum .curriculumList li .list-img img{height:116px}
	.article-detail .detail-l .article-con .share .pos-r{top:45px}
	.article-detail .detail-l .article-con .share .bshare-custom a{margin:0 5px}
	.article-detail .detail-l .article-con .share .p2 a{padding:0 8px;margin-left:8px}
	.article-detail .detail-l .article-con .soft-download .info-b .span{width:200px}
}
.editormd-html-preview, .editormd-preview-container {
	font-size: 16px;
	line-height: 1.72;
}

.editormd-html-preview code, .editormd-preview-container code {
	padding: 2px;
	border-radius: 2px;
	font-size: 14px;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.editormd-html-preview, .editormd-preview-container .code-toolbar {
	font-size: 14px;
}

.editormd-preview li {
	list-style: initial;
}

.editormd-html-preview pre, .editormd-preview-container pre {
	border: 1px solid #f6f6f6;
	font-size: 14px;
}