@charset "UTF-8";

.jsred {
	color: #c4192d!important
}

.article-tabs .ranking-menu .quantity a,.article-tabs .ranking-menu .ranking-pop a,.font12,.ja-article-list .article-ad1 .adphone i,.ja-article-list .article-main ol ul i,.ja-article-list .article-phones .adphone i,.js-24ranking .list i,.js-article .ad-list ul span,.js-columns-24updown .control .digital-down,.js-columns-24updown .control .digital-up,.js-columns-author .control ol li dl dt,.js-columns-say .people ul .name,.js-columns-value .main .price ol span,.js-foot-columns-status .control .column .author li:nth-child(2),.js-home-market .main ul .con .price,.js-lives-twitter .main .content .translate,.js-market-detai .mkleft .mk-main,.js-module-twitter .main .content .translate,.js-project .control ul span,.js-right-remind li:nth-child(2),.js-search-columns .control ol li dl dt,.js-updown .control .down .digital-down,.js-updown .control .down .digital-up,.js-updown .control .up .digital-down,.js-updown .control .up .digital-up,.nav-channel .channel-col ul,.nav-channel .channel-col ul .phone-pop i,header ul,header ul .phone-pop i {
	font-size: 12px
}

.font13,.js-video .content ul li:nth-child(3) {
	font-size: 13px
}

.article-tabs .activity-fiter a,.article-tabs .time-tabs a,.article-tabs ul .guide,.font14,.github-tabs dl dd,.js-article .source .error-correction,.js-article section p,.js-article section span,.js-article section table,.js-article section tbody,.js-article section td,.js-article section tr,.js-author-brands .control .data ul span,.js-columns-say .people ul .name a,.js-foot-status .control .attention a,.js-home-market .main ul .con ol span,.js-lives .main .control .content,.js-lives .main .control .resource ul,.js-lives-twitter .main .content .name span,.js-market-detai .mkleft .title span,body,html {
	font-size: 14px
}

.font15,.js-apply-webnav-bottom p {
	font-size: 15px
}

.font16,.js-930 .title,.js-acl .aclink a,.js-acl .active ol,.js-acl .add,.js-article .recom .recom-con ol,.js-author-brands .control .brief,.js-blockchain-games .main dl dd .title,.js-brands-card ul a,.js-college .module .control .map,.js-columns-24updown .control i,.js-columns-author .control ol .name,.js-columns-college .control a,.js-columns-ranking .main ul .ranking .name span:nth-child(1),.js-columns-ranking .main ul ol span,.js-columns-say .people ul .text,.js-columns-value .main .active ul:nth-child(1),.js-correction .jsc-commit .jsc-infor,.js-correction .jsc-fill .title-detail,.js-data-down ul li a,.js-github .main .list .name,.js-github .main .list .num span,.js-hot-article ul li a,.js-hot-project dl dd .title,.js-lectures .module .control .map,.js-lectures .module .control .theme,.js-lives .main .control .content .livesb,.js-lives-read dl dd .title,.js-lives-twitter .main .content .name,.js-lives-twitter .main .content .text,.js-market .main ol .name,.js-market .main ul .name,.js-mining dl dd .title,.js-online .lecturer .module .control .map,.js-online .lecturer .module .control .theme,.js-online .service .summary,.js-online-main .js-online-mail,.js-quantity ul li,.js-related dl dd .title,.js-right-remind li,.js-search-columns .control ol .name,.js-settledin ol,.js-updown .control .down i,.js-updown .control .up i,.js-video .content ul li,.sub-tabs{
	font-size: 16px
}

.font17 {
	font-size: 17px
}

.article-tabs,.font18,.js-acr p,.js-app-download ul li,.js-apply-webnav .jsaw-infor li .jsaw-infor-right .jsaw-infor-file span,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=text],.js-apply-webnav .jsaw-infor li .jsaw-infor-right textarea,.js-article .ad-list ul li,.js-article .reading,.js-article .recom .recom-con ul,.js-article blockquote,.js-article p,.js-article strong,.js-article-next p,.js-author-brands .control .data ul li,.js-author-brands .control .name,.js-brands-card .name,.js-college .module .control .activity-title,.js-college .module .control .period,.js-college .module .control .price,.js-college .module .control .theme,.js-columns-ranking .main ul i,.js-columns-tag ol,.js-correction .jsc-fill ul li input[type=text],.js-correction .jsc-fill ul li textarea,.js-github .main .list i,.js-hot-article ul li i,.js-lives .main .control .time-detail,.js-lives .title .date ol .week,.js-lives .title .tabs,.js-lives-twitter .title .date ol .week,.js-lives-twitter .title .tabs,.js-market-detai .mkright .msg ol,.js-module-twitter .title .date ol .week,.js-module-twitter .title .tabs,.js-online .service .period,.js-project .control ul li,.js-project-main .list a ul li:nth-child(1),.js-search input,.js-settledin a,.js-settledin ul,header .main span {
	font-size: 18px
}

.font19 {
	font-size: 19px
}

.font20,.input-cancel[type=button],.input-default[type=button],.js-apply-webnav,.js-apply-webnav .jsaw-infor li .jsaw-infor-left,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put-again,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text],.js-apply-webnav-bottom h6,.js-correction .jsc-fill ul li,.js-correction .jsc-fill ul li input[type=button][type=text],.js-correction input[type=button].put,.js-correction input[type=button].put-again,.js-error-tip p {
	font-size: 20px
}

.font21 {
	font-size: 21px
}

.article-tabs ul .active-no,.font22,.js-acr strong,.js-brands-card ol span,.js-columns-people ul li .columns-tag span:nth-child(1),.js-columns-ranking .main ul:nth-child(2) i,.js-columns-ranking .main ul:nth-child(3) i,.js-correction .jsc-commit .jsc-title,.js-correction .jsc-fill .title,.js-github .main .list:nth-child(1) i,.js-github .main .list:nth-child(2) i,.js-github .main .list:nth-child(3) i,.js-home-carousel .carousel-title ol,.js-hot-article ul li:nth-child(1) i,.js-hot-article ul li:nth-child(2) i,.js-hot-article ul li:nth-child(3) i,.js-imgtabs .photo .control-title ul,.js-lives .main .control .content-detail,.js-market-detai .mkleft .title,.js-online .service .price {
	font-size: 22px
}

.font23 {
	font-size: 23px
}

.font24 {
	font-size: 24px
}

.font25 {
	font-size: 25px
}

.font26 {
	font-size: 26px
}

.font27 {
	font-size: 27px
}

.font28 {
	font-size: 28px
}

.font29 {
	font-size: 29px
}

.font30 {
	font-size: 30px
}

.font31 {
	font-size: 31px
}

.font32,.js-acl .price,.js-acl .price-free,.js-acl .title,.js-article .title h2,.js-article-next .title h2,.js-online .service .title {
	font-size: 32px
}

.font33 {
	font-size: 33px
}

.font34 {
	font-size: 34px
}

.font35 {
	font-size: 35px
}

.font36 {
	font-size: 36px
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right textarea,.js-correction .jsc-fill .title-detail,.js-correction .jsc-fill ul li textarea,.line18 {
	line-height: 18px
}

.line19 {
	line-height: 19px
}

.js-apply-webnav h5,.js-article .sponsor ul,.js-columns-author .control ol .text,.js-correction .jsc-commit .jsc-infor,.js-correction .jsc-fill ul li,.js-search-columns .control ol .text,.line20 {
	line-height: 20px
}

.line21 {
	line-height: 21px
}

.js-article .recom .recom-con ol,.js-blockchain-games .main dl dd .title,.js-columns-tag span,.js-correction .jsc-commit .jsc-title,.js-correction .jsc-fill .title,.js-data-down ul li a,.js-hot-article ul li a,.js-mining dl dd .title,.js-module-twitter .main .content .text,.js-video .content ul li,.line22 {
	line-height: 22px
}

.line23 {
	line-height: 23px
}

.js-930 .content ol,.js-article .statement,.js-home-market .main ul .con ol span,.js-lectures .module .control .theme,.js-lives-read dl dd .title,.js-market-detai .mkleft .data ul li,.js-online .lecturer .module .control .theme,.line24 {
	line-height: 24px
}

.line25 {
	line-height: 25px
}

.js-930 .title,.js-college .module .control .activity-title,.js-columns-say .people ul .text,.js-foot-status .control .attention a,.js-hot-project dl dd .title,.js-lives .main .control .content,.js-lives-twitter .main .content .text,.js-related dl dd .title,.line26 {
	line-height: 26px
}

.line27 {
	line-height: 27px
}

.line28 {
	line-height: 28px
}

.line29 {
	line-height: 29px
}

.js-acr p,.js-acr strong,.js-article .reading,.js-article blockquote,.js-article p,.js-article strong,.js-article-next p,.line30 {
	line-height: 30px
}

.line31 {
	line-height: 31px
}

.js-article .article-info,.js-article-next .article-info,.js-imgtabs .photo .control-title ul li,.js-market-detai .mkleft .list ol li,.js-market-detai .mkleft .list ul li,.line32 {
	line-height: 32px
}

.line33 {
	line-height: 33px
}

.line34 {
	line-height: 34px
}

.line35 {
	line-height: 35px
}

.js-lives .main .control .content-detail,.line36 {
	line-height: 36px
}

.js-correction .jsc-fill ul li .jsc-artcle,.tl {
	text-align: left
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-left,.js-correction .jsc-fill ul li .left-infor,.tr {
	text-align: right
}

.article-tabs .lr-tabs a,.article-tabs .market-tabs a,.article-tabs .market-tabs span,.article-tabs .time-tabs a,.js-apply-webnav,.js-apply-webnav .jsaw-infor li .jsaw-infor-right .jsaw-infor-file,.js-columns-agency .main ul .quantity,.js-correction,.tc {
	text-align: center
}

.fl {
	float: left
}

.fr {
	float: right
}

.fn {
	float: none
}

.mg0 {
	margin: 0!important
}

.pr {
	position: relative
}

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

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

.el3 {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 3
}

.eq1,.js-24ranking .list ol,.js-acl .aclink a,.js-acl .active ol li:nth-child(2),.js-acl .add,.js-article .ad-list ul span,.js-article .review .list li,.js-blockchain-games .main dl dd .title,.js-blockchain-games .main dl dd span,.js-college .module .control .theme,.js-columns-24updown .control .name,.js-columns-24updown .control .price,.js-columns-agency .main ul li,.js-columns-college .control a,.js-columns-ranking .main ul .ranking .name span:nth-child(1),.js-columns-ranking .main ul .ranking .name span:nth-child(2),.js-columns-value .main .price ol li,.js-columns-wsnav .main li,.js-correction .jsc-fill ul li .jsc-artcle a,.js-github .main .list .name,.js-github .main .list .num span,.js-home-adtext ol,.js-home-carousel .carousel-title ol,.js-hot-project dl dd span,.js-market .main ol li,.js-market .main ul li,.js-mining dl dd span,.js-online .lecturer .module .control .period,.js-poportion ul span:nth-child(2),.js-poportion ul span:nth-child(3),.js-poportion ul span:nth-child(4),.js-project .control ul li,.js-recharge ul dl dd span,.js-recharge ul dl dt span,.js-related dl dd span,.js-right-ad a ol li,.js-right-ad a ol span,.js-updown .control .down .name,.js-updown .control .down .price,.js-updown .control .up .name,.js-updown .control .up .price {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.eq2,.js-930 .title a,.js-acl .title,.js-article .ad-list ul li,.js-author-brands .control .brief,.js-college .module .control .activity-title,.js-columns-author .control ol .text,.js-data-down ul li a,.js-hot-article ul li a,.js-lectures .module .control .theme,.js-lives-read dl dd .title,.js-mining dl dd .title a,.js-online .lecturer .module .control .theme,.js-project .control ul span,.js-project-main .list a ul li:nth-child(2),.js-search-columns .control ol .text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.eq3,.ja-article-list .article-main ol ul li:nth-child(2),.js-hot-project dl dd .title a,.js-related dl dd .title a,.js-right-visit .visit ul span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.eq4,.js-columns-say .people ul .text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

.eq5,.js-930 .content ol {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}

textarea {
	resize: vertical
}

.flex,.ja-article-list .article-phones .adphone,.js-project .control {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex
}

.
.input-default[type=text],.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=text].put,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=text],.js-correction .jsc-fill ul li input[type=text],.js-correction input[type=text].put {
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	padding-left: 15px;
	box-sizing: border-box
}

.input-default[type=text]:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=text].put:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=text]:hover,.js-correction .jsc-fill ul li input[type=text]:hover,.js-correction input[type=text].put:hover {
	border: 1px solid #f39700
}

.input-default[type=button],.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text],.js-correction .jsc-fill ul li input[type=button][type=text],.js-correction input[type=button].put {
	-webkit-appearance: none;
	outline: 0;
	background: #f29700;
	border-radius: 4px;
	border: 1px solid #f29700;
	color: #fff;
	cursor: pointer
}

.input-default[type=button]:active,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put:active,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text]:active,.js-correction .jsc-fill ul li input[type=button][type=text]:active,.js-correction input[type=button].put:active {
	background: #fff!important;
	color: #666;
	outline: 0;
	border: 1px solid #999
}

.input-default[type=button]:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text]:hover,.js-correction .jsc-fill ul li input[type=button][type=text]:hover,.js-correction input[type=button].put:hover {
	background: #eb9200
}

.input-cancel[type=button],.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put-again,.js-correction input[type=button].put-again {
	-webkit-appearance: none;
	outline: 0;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #999;
	color: #666;
	cursor: pointer
}

.jsred {
	color: #c4192d!important
}

.article-tabs .ranking-menu .quantity a,.article-tabs .ranking-menu .ranking-pop a,.font12,.ja-article-list .article-ad1 .adphone i,.ja-article-list .article-main ol ul i,.ja-article-list .article-phones .adphone i,.js-24ranking .list i,.js-article .ad-list ul span,.js-columns-24updown .control .digital-down,.js-columns-24updown .control .digital-up,.js-columns-author .control ol li dl dt,.js-columns-say .people ul .name,.js-columns-value .main .price ol span,.js-foot-columns-status .control .column .author li:nth-child(2),.js-home-market .main ul .con .price,.js-lives-twitter .main .content .translate,.js-market-detai .mkleft .mk-main,.js-module-twitter .main .content .translate,.js-project .control ul span,.js-right-remind li:nth-child(2),.js-search-columns .control ol li dl dt,.js-updown .control .down .digital-down,.js-updown .control .down .digital-up,.js-updown .control .up .digital-down,.js-updown .control .up .digital-up,.nav-channel .channel-col ul,.nav-channel .channel-col ul .phone-pop i,header ul,header ul .phone-pop i {
	font-size: 16px
}

.font13,.js-video .content ul li:nth-child(3) {
	font-size: 13px
}

.article-tabs .activity-fiter a,.article-tabs .time-tabs a,.article-tabs ul .guide,.font14,.github-tabs dl dd,.js-article .source .error-correction,.js-article section p,.js-article section span,.js-article section table,.js-article section tbody,.js-article section td,.js-article section tr,.js-author-brands .control .data ul span,.js-columns-say .people ul .name a,.js-foot-status .control .attention a,.js-home-market .main ul .con ol span,.js-lives .main .control .content,.js-lives .main .control .resource ul,.js-lives-twitter .main .content .name span,.js-market-detai .mkleft .title span,body,html {
	font-size: 14px
}

.font15,.js-apply-webnav-bottom p {
	font-size: 15px
}

.font16,.js-930 .title,.js-acl .aclink a,.js-acl .active ol,.js-acl .add,.js-article .recom .recom-con ol,.js-author-brands .control .brief,.js-blockchain-games .main dl dd .title,.js-brands-card ul a,.js-college .module .control .map,.js-columns-24updown .control i,.js-columns-author .control ol .name,.js-columns-college .control a,.js-columns-ranking .main ul .ranking .name span:nth-child(1),.js-columns-ranking .main ul ol span,.js-columns-say .people ul .text,.js-columns-value .main .active ul:nth-child(1),.js-correction .jsc-commit .jsc-infor,.js-correction .jsc-fill .title-detail,.js-data-down ul li a,.js-github .main .list .name,.js-github .main .list .num span,.js-hot-article ul li a,.js-hot-project dl dd .title,.js-lectures .module .control .map,.js-lectures .module .control .theme,.js-lives .main .control .content .livesb,.js-lives-read dl dd .title,.js-lives-twitter .main .content .name,.js-lives-twitter .main .content .text,.js-market .main ol .name,.js-market .main ul .name,.js-mining dl dd .title,.js-online .lecturer .module .control .map,.js-online .lecturer .module .control .theme,.js-online .service .summary,.js-online-main .js-online-mail,.js-quantity ul li,.js-related dl dd .title,.js-right-remind li,.js-search-columns .control ol .name,.js-settledin ol,.js-updown .control .down i,.js-updown .control .up i,.js-video .content ul li,.sub-tabs {
	font-size: 16px
}

.font17 {
	font-size: 17px
}

.article-tabs,.font18,.js-acr p,.js-app-download ul li,.js-apply-webnav .jsaw-infor li .jsaw-infor-right .jsaw-infor-file span,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=text],.js-apply-webnav .jsaw-infor li .jsaw-infor-right textarea,.js-article .ad-list ul li,.js-article .reading,.js-article .recom .recom-con ul,.js-article blockquote,.js-article p,.js-article strong,.js-article-next p,.js-author-brands .control .data ul li,.js-author-brands .control .name,.js-brands-card .name,.js-college .module .control .activity-title,.js-college .module .control .period,.js-college .module .control .price,.js-college .module .control .theme,.js-columns-ranking .main ul i,.js-columns-tag ol,.js-correction .jsc-fill ul li input[type=text],.js-correction .jsc-fill ul li textarea,.js-github .main .list i,.js-hot-article ul li i,.js-lives .main .control .time-detail,.js-lives .title .date ol .week,.js-lives .title .tabs,.js-lives-twitter .title .date ol .week,.js-lives-twitter .title .tabs,.js-market-detai .mkright .msg ol,.js-module-twitter .title .date ol .week,.js-module-twitter .title .tabs,.js-online .service .period,.js-project .control ul li,.js-project-main .list a ul li:nth-child(1),.js-search input,.js-settledin a,.js-settledin ul,header .main span {
	font-size: 18px
}

.font19 {
	font-size: 19px
}

.font20,.input-cancel[type=button],.input-default[type=button],.js-apply-webnav,.js-apply-webnav .jsaw-infor li .jsaw-infor-left,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put-again,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text],.js-apply-webnav-bottom h6,.js-correction .jsc-fill ul li,.js-correction .jsc-fill ul li input[type=button][type=text],.js-correction input[type=button].put,.js-correction input[type=button].put-again,.js-error-tip p {
	font-size: 20px
}

.font21 {
	font-size: 21px
}

.article-tabs ul .active-no,.font22,.js-acr strong,.js-brands-card ol span,.js-columns-people ul li .columns-tag span:nth-child(1),.js-columns-ranking .main ul:nth-child(2) i,.js-columns-ranking .main ul:nth-child(3) i,.js-correction .jsc-commit .jsc-title,.js-correction .jsc-fill .title,.js-github .main .list:nth-child(1) i,.js-github .main .list:nth-child(2) i,.js-github .main .list:nth-child(3) i,.js-home-carousel .carousel-title ol,.js-hot-article ul li:nth-child(1) i,.js-hot-article ul li:nth-child(2) i,.js-hot-article ul li:nth-child(3) i,.js-imgtabs .photo .control-title ul,.js-lives .main .control .content-detail,.js-market-detai .mkleft .title,.js-online .service .price {
	font-size: 22px
}

.font23 {
	font-size: 23px
}

.font24 {
	font-size: 24px
}

.font25 {
	font-size: 25px
}

.font26 {
	font-size: 26px
}

.font27 {
	font-size: 27px
}

.font28 {
	font-size: 28px
}

.font29 {
	font-size: 29px
}

.font30 {
	font-size: 30px
}

.font31 {
	font-size: 31px
}

.font32,.js-acl .price,.js-acl .price-free,.js-acl .title,.js-article .title h2,.js-article-next .title h2,.js-online .service .title {
	font-size: 22px
}

.font33 {
	font-size: 33px
}

.font34 {
	font-size: 34px
}

.font35 {
	font-size: 35px
}

.font36 {
	font-size: 36px
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right textarea,.js-correction .jsc-fill .title-detail,.js-correction .jsc-fill ul li textarea,.line18 {
	line-height: 18px
}

.line19 {
	line-height: 19px
}

.js-apply-webnav h5,.js-article .sponsor ul,.js-columns-author .control ol .text,.js-correction .jsc-commit .jsc-infor,.js-correction .jsc-fill ul li,.js-search-columns .control ol .text,.line20 {
	line-height: 20px
}

.line21 {
	line-height: 21px
}

.js-article .recom .recom-con ol,.js-blockchain-games .main dl dd .title,.js-columns-tag span,.js-correction .jsc-commit .jsc-title,.js-correction .jsc-fill .title,.js-data-down ul li a,.js-hot-article ul li a,.js-mining dl dd .title,.js-module-twitter .main .content .text,.js-video .content ul li,.line22 {
	line-height: 22px
}

.line23 {
	line-height: 23px
}

.js-930 .content ol,.js-article .statement,.js-home-market .main ul .con ol span,.js-lectures .module .control .theme,.js-lives-read dl dd .title,.js-market-detai .mkleft .data ul li,.js-online .lecturer .module .control .theme,.line24 {
	line-height: 24px
}

.line25 {
	line-height: 25px
}

.js-930 .title,.js-college .module .control .activity-title,.js-columns-say .people ul .text,.js-foot-status .control .attention a,.js-hot-project dl dd .title,.js-lives .main .control .content,.js-lives-twitter .main .content .text,.js-related dl dd .title,.line26 {
	line-height: 26px
}

.line27 {
	line-height: 27px
}

.line28 {
	line-height: 28px
}

.line29 {
	line-height: 29px
}

.js-acr p,.js-acr strong,.js-article .reading,.js-article blockquote,.js-article p,.js-article strong,.js-article-next p,.line30 {
	line-height: 30px
}

.line31 {
	line-height: 31px
}

.js-article .article-info,.js-article-next .article-info,.js-imgtabs .photo .control-title ul li,.js-market-detai .mkleft .list ol li,.js-market-detai .mkleft .list ul li,.line32 {
	line-height: 32px
}

.line33 {
	line-height: 33px
}

.line34 {
	line-height: 34px
}

.line35 {
	line-height: 35px
}

.js-lives .main .control .content-detail,.line36 {
	line-height: 36px
}

.js-correction .jsc-fill ul li .jsc-artcle,.tl {
	text-align: left
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-left,.js-correction .jsc-fill ul li .left-infor,.tr {
	text-align: right
}

.article-tabs .lr-tabs a,.article-tabs .market-tabs a,.article-tabs .market-tabs span,.article-tabs .time-tabs a,.js-apply-webnav,.js-apply-webnav .jsaw-infor li .jsaw-infor-right .jsaw-infor-file,.js-columns-agency .main ul .quantity,.js-correction,.tc {
	text-align: center
}

.fl {
	float: left
}

.fr {
	float: right
}

.fn {
	float: none
}

.mg0 {
	margin: 0!important
}

.pr {
	position: relative
}

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

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

.el3 {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 3
}

.eq1,.js-24ranking .list ol,.js-acl .aclink a,.js-acl .active ol li:nth-child(2),.js-acl .add,.js-article .ad-list ul span,.js-article .review .list li,.js-blockchain-games .main dl dd .title,.js-blockchain-games .main dl dd span,.js-college .module .control .theme,.js-columns-24updown .control .name,.js-columns-24updown .control .price,.js-columns-agency .main ul li,.js-columns-college .control a,.js-columns-ranking .main ul .ranking .name span:nth-child(1),.js-columns-ranking .main ul .ranking .name span:nth-child(2),.js-columns-value .main .price ol li,.js-columns-wsnav .main li,.js-correction .jsc-fill ul li .jsc-artcle a,.js-github .main .list .name,.js-github .main .list .num span,.js-home-adtext ol,.js-home-carousel .carousel-title ol,.js-hot-project dl dd span,.js-market .main ol li,.js-market .main ul li,.js-mining dl dd span,.js-online .lecturer .module .control .period,.js-poportion ul span:nth-child(2),.js-poportion ul span:nth-child(3),.js-poportion ul span:nth-child(4),.js-project .control ul li,.js-recharge ul dl dd span,.js-recharge ul dl dt span,.js-related dl dd span,.js-right-ad a ol li,.js-right-ad a ol span,.js-updown .control .down .name,.js-updown .control .down .price,.js-updown .control .up .name,.js-updown .control .up .price {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.eq2,.js-930 .title a,.js-acl .title,.js-article .ad-list ul li,.js-author-brands .control .brief,.js-college .module .control .activity-title,.js-columns-author .control ol .text,.js-data-down ul li a,.js-hot-article ul li a,.js-lectures .module .control .theme,.js-lives-read dl dd .title,.js-mining dl dd .title a,.js-online .lecturer .module .control .theme,.js-project .control ul span,.js-project-main .list a ul li:nth-child(2),.js-search-columns .control ol .text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.eq3,.ja-article-list .article-main ol ul li:nth-child(2),.js-hot-project dl dd .title a,.js-related dl dd .title a,.js-right-visit .visit ul span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.eq4,.js-columns-say .people ul .text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

.eq5,.js-930 .content ol {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}

textarea {
	resize: vertical
}

.flex,.ja-article-list .article-phones .adphone,.js-project .control {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex
}

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



.input-default[type=text],.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=text].put,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=text],.js-correction .jsc-fill ul li input[type=text],.js-correction input[type=text].put {
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	padding-left: 15px;
	box-sizing: border-box
}

.input-default[type=text]:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=text].put:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=text]:hover,.js-correction .jsc-fill ul li input[type=text]:hover,.js-correction input[type=text].put:hover {
	border: 1px solid #f39700
}

.input-default[type=button],.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text],.js-correction .jsc-fill ul li input[type=button][type=text],.js-correction input[type=button].put {
	-webkit-appearance: none;
	outline: 0;
	background: #f29700;
	border-radius: 4px;
	border: 1px solid #f29700;
	color: #fff;
	cursor: pointer
}

.input-default[type=button]:active,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put:active,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text]:active,.js-correction .jsc-fill ul li input[type=button][type=text]:active,.js-correction input[type=button].put:active {
	background: #fff!important;
	color: #666;
	outline: 0;
	border: 1px solid #999
}

.input-default[type=button]:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put:hover,.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=button][type=text]:hover,.js-correction .jsc-fill ul li input[type=button][type=text]:hover,.js-correction input[type=button].put:hover {
	background: #eb9200
}

.input-cancel[type=button],.js-apply-webnav .jsaw-infor li .jsaw-infor-right [type=button].put-again,.js-correction input[type=button].put-again {
	-webkit-appearance: none;
	outline: 0;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #999;
	color: #666;
	cursor: pointer
}


.nav-channel {
	height: 64px;
	margin: 0 auto;
	width: 1170px
}

.nav-channel .channel-logo {
	padding-top: 18px;
	float: left
}

.nav-channel .channel-logo img {
	height: 28px
}

.nav-channel .channel-logo ol {
	float: left;
	padding: 11px 0 0 40px
}

.nav-channel .channel-logo ol img {
	width: 24px;
	height: 24px
}

.nav-channel .channel-col {
	padding-top: 16px;
	height: 32px
}

.nav-channel .channel-col .login {
	padding-left: 48px;
	width: 32px;
	position: relative
}

.nav-channel .channel-col .login a {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	display: block;
	overflow: hidden
}

.nav-channel .channel-col .login img {
	width: 100%;
	height: 100%
}

.nav-channel .channel-col .loading-pop {
	z-index: 11;
	padding: 10px 0;
	position: absolute;
	bottom: -177px;
	left: 17px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	background: #fff;
	border-radius: 4px;
	width: 100px
}

.nav-channel .channel-col .loading-pop li {
	display: block;
	height: 36px;
	line-height: 36px;
	width: 100%
}

.nav-channel .channel-col .loading-pop a {
	border-radius: 0;
	width: 100px;
	display: block;
	text-align: center
}

.nav-channel .channel-col ul {
	padding-top: 8px
}

.nav-channel .channel-col ul li+li {
	margin-right: 24px
}

.nav-channel .channel-col ul li {
	position: relative;
	height: 22px;
	line-height: 22px
}

.nav-channel .channel-col ul li a {
	color: #999
}

.nav-channel .channel-col ul li img {
	margin-right: 4px
}

.nav-channel .channel-col ul .phone-pop {
	z-index: 11;
	padding: 20px;
	position: absolute;
	bottom: -202px;
	left: -70px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	background: #fff;
	border-radius: 4px
}

.nav-channel .channel-col ul .phone-pop img {
	width: 120px;
	height: 120px
}

.nav-channel .channel-col ul .phone-pop i {
	text-align: center;
	display: block;
	padding-top: 6px
}



.remind {
	background: #f5f5f5
}

.remind .control {
	height: 48px;
	margin: 0 auto;
	width: 1170px
}

.remind .control ul {
	float: left;
	height: 48px;
	line-height: 48px
}

.remind .control ul span {
	color: #c4192d
}

.remind .control a {
	padding: 6px 10px;
	margin-top: 6px;
	float: right;
	border: #dcdcdc 1px solid;
	border-radius: 4px
}

.remind .control a:hover {
	border: #397bff 1px solid
}

.js-foot-status-pop {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99
}

.js-foot-status {
	border-top: #dcdcdc 1px solid;
	margin: 0!important;
	background: #fff
}

.js-foot-status .control {
	height: 44px
}

.js-foot-status .control .collection {
	margin-top: 3px;
	float: left
}

.js-foot-status .control .collection a {
	padding: 9px 0 0 0;
	height: 20px;
	line-height: 20px;
	display: block
}

.js-foot-status .control .column {
	float: right;
	padding-top: 1px;
	margin-top: 20px
}

.js-foot-status .control .column a {
	background: url(../img/tabs-more.svg) 36px 4px no-repeat;
	padding-right: 13px;
	display: block;
	color: #999
}

.js-foot-status .control .column a span {
	opacity: 0;
	text-decoration: none;
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s
}

.js-foot-status .control .column a:hover {
	background: url(../img/tabs-more-h.svg) 36px 4px no-repeat
}

.js-foot-status .control .column a:hover span {
	opacity: 1
}

.js-foot-status .control .attention {
	float: right;
	padding-top: 9px
}

.js-foot-status .control .attention a {
	width: 56px;
	height: 26px;
	background: #333;
	border-radius: 4px;
	display: block;
	text-align: center;
	color: #fff
}

.js-foot-status .control .share {
	float: right;
	height: 36px;
	margin: 4px 4px 0 0
}

.js-foot-status .control .share a {
	width: 24px;
	height: 24px;
	padding: 6px;
	display: block;
	float: left
}

.js-foot-status .control .share .qq {
	background: url(../img/qq-a-icon.svg) 6px 6px no-repeat;
	background-size: 24px 24px
}

.js-foot-status .control .share .q-zone {
	background: url(../img/q-zone-icon.svg) 6px 4px no-repeat;
	background-size: 24px 24px
}

.js-foot-status .control .share .weibo {
	background: url(../img/weibo-a-icon.svg) 6px 6px no-repeat;
	background-size: 24px 24px
}

.js-foot-status .control .share .weixin {
	background: url(../img/weixin-a-icon.svg) 6px 6px no-repeat;
	background-size: 24px 24px
}

.js-foot-status .control .infor {
	float: left
}

.js-foot-status .control .author {
	display: block;
	float: left;
	padding-left: 40px;
	border-left: 1px solid #dcdcdc;
	margin-top: 10px
}

.js-foot-status .control .author img,.js-foot-status .control .author span {
	color: #999;
	display: inline-block
}

.js-foot-status .control .author .photo {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	margin-right: 4px
}

.js-foot-status .control .author a span {
	color: #333
}

.js-foot-status .control .author a:hover span {
	color: #397bff
}

.js-foot-status .control .author span {
	margin-top: 3px
}

.js-foot-columns-status {
	border-top: 1px solid #999;
	margin: 0!important
}

.js-foot-columns-status .control {
	height: 66px
}

.js-foot-columns-status .control .column {
	width: 770px
}

.js-foot-columns-status .control .column .author {
	display: block;
	float: left;
	margin-top: 15px
}

.js-foot-columns-status .control .column .author ol,.js-foot-columns-status .control .column .author ul {
	display: block;
	float: left
}

.js-foot-columns-status .control .column .author li {
	color: #999
}

.js-foot-columns-status .control .column .author img {
	margin-top: 3px;
	width: 32px;
	height: 32px;
	border-radius: 100%
}

.js-foot-columns-status .control .column .author ol {
	margin-right: 20px
}

.js-foot-columns-status .control .main {
	float: right
}

.js-foot-columns-status .control .main .attention {
	float: right;
	margin-top: 20px
}

.js-foot-columns-status .control .main .attention a {
	width: 56px;
	display: block;
	height: 26px;
	line-height: 26px;
	border-radius: 4px;
	background: #333;
	text-align: center;
	color: #fff
}

.js-foot-columns-status .control .main .share {
	float: right;
	margin-top: 23px
}

.js-foot-columns-status .control .main .share a {
	padding-left: 26px;
	display: block;
	color: #999;
	float: left;
	margin-right: 40px;
	background: url(../img/share.svg) 0 3px no-repeat
}

.js-foot-columns-status .control .main .share a:hover {
	color: #333
}

.loading>div {
	width: 6px;
	height: 6px;
	margin-left: 4px;
	background: #999;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.loading .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.loading .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes bouncedelay {
	0%,100%,80% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.js-loading-public {
	height: 48px;
	text-align: center;
	padding: 140px 0 400px 0;
	background: #fff;
	width: 100%;
	display: block
}

.js-loading-public div {
	width: 12px;
	height: 12px;
	margin-left: 10px
}


.js-fixed-tools {
	position: fixed;
	right: 30px;
	bottom: 10%;
	z-index: 10;
	width: 48px
}

.js-fixed-tools a {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	background: #dcdcdc;
	text-align: center
}

.js-fixed-tools a img {
	margin-top: calc(50% - 10px)
}

.js-fixed-tools a:hover {
	background: #292b32
}

.js-fixed-tools a+a {
	margin-top: 15px
}

.js-home-market {
	background: #292b32;
	padding: 0 15px
}

.js-home-market .main {
	height: 86px;
	margin: 0 auto;
	width: 1170px
}

.js-home-market .main ul {
	width: 96px;
	height: 86px;
	display: block;
	float: left;
	border-left: #5a5c65 1px solid;
	position: relative
}

.js-home-market .main ul .con {
	padding: 8px 10px 0 7px;
	position: relative
}

.js-home-market .main ul .con ol {
	color: #999;
	-webkit-transform: scale(.9)
}

.js-home-market .main ul .con ol span {
	color: #fff;
	display: block;
	font-weight: 600;
	padding-bottom: 2px
}

.js-home-market .main ul .con ol img {
	width: 24px;
	height: 24px;
	margin-right: 4px
}

.js-home-market .main ul .con i {
	position: absolute;
	top: 12px;
	right: 10px;
	display: block
}

.js-home-market .main ul .con .digital-down,.js-home-market .main ul .con .digital-gray,.js-home-market .main ul .con .digital-up {
	position: absolute;
	top: 36px;
	left: 9px;
	padding: 0 6px;
	display: block;
	border-radius: 4px;
	color: #fff;
	-webkit-transform: scale(.9)
}

.js-home-market .main ul .con .digital-up {
	background: #c4192d
}

.js-home-market .main ul .con .digital-down {
	background: #5da310
}

.js-home-market .main ul .con .digital-gray {
	background: #666
}

.js-home-market .main ul .con .price {
	color: #999;
	-webkit-transform: scale(.9);
	padding-top: 2px;
	display: none
}

.js-home-market .main ul .curve {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.js-home-market .main ul .curve img {
	min-width: 100%
}

.js-home-market .main ul:hover .price {
	display: block
}

.js-home-market .main ul:hover {
	cursor: pointer
}

.js-home-market .main ul:hover i {
	display: none
}

.js-home-market .main ul:hover .digital-down,.js-home-market .main ul:hover .digital-gray,.js-home-market .main ul:hover .digital-up {
	display: none
}

.js-home-market .main ul:nth-child(12) {
	border-right: #5a5c65 1px solid;
	width: 101px
}

.js-home-market .main-loading .con-loading {
	width: 79px;
	height: 76px;
	display: block;
	float: left;
	border-left: #5a5c65 1px solid;
	position: relative;
	padding: 10px 10px 0 7px
}

.js-home-market .main-loading .con-loading .ld1,.js-home-market .main-loading .con-loading .ld2,.js-home-market .main-loading .con-loading .ld3 {
	background: rgba(255,255,255,.06)
}

.js-home-market .main-loading .con-loading .ld1 {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	float: left
}

.js-home-market .main-loading .con-loading .ld2 {
	width: calc(100% - 30px);
	height: 10px;
	float: left;
	margin: 7px 0 0 6px
}

.js-home-market .main-loading .con-loading .ld3 {
	width: 100%;
	height: 10px
}

.js-home-market .main-loading .con-loading ol {
	height: 30px;
	display: block
}

.js-home-market .main-loading .con-loading:nth-child(12) {
	border-right: #5a5c65 1px solid;
	width: 84px
}

.js-home-ad {
	background: #f5f5f5;
	padding: 0 15px;
	padding-top: 24px
}

.js-home-ad .main {
	margin: 0 auto;
	width: 1170px;
	position: relative
}

.js-home-ad .main a {
	width: 160px;
	height: 32px;
	padding-bottom: 24px;
	display: inline-block
}

.js-home-ad .main a img {
	width: 32px;
	height: 32px;
	float: left
}

.js-home-ad .main a li {
	width: 120px;
	float: right;
	color: #666
}

.js-home-ad .main a li span {
	font-weight: 600;
	color: #333;
	display: block
}

.js-home-ad .main a li i {
	display: block;
	width: 120px
}

.js-home-ad .main a:hover span {
	color: #397bff
}

.js-home-ad .main a+a {
	margin-left: 37px
}

.js-home-ad .main .note {
	position: absolute;
	top: -14px;
	right: 0;
	color: #999;
	opacity: .5
}

.js-home-ad .main-loading {
	margin: 0 auto;
	width: 1170px
}

.js-home-ad .main-loading dl {
	width: 160px;
	height: 32px;
	padding-bottom: 24px;
	display: inline-block
}

.js-home-ad .main-loading dl dt {
	width: 32px;
	height: 32px;
	background: rgba(0,0,0,.06);
	float: left;
	display: block
}

.js-home-ad .main-loading dl dd {
	float: right;
	display: inline-block;
	width: calc(100% - 42px);
	padding-top: 2px
}

.js-home-ad .main-loading dl ol {
	width: 100%;
	height: 10px;
	background: rgba(0,0,0,.06);
	display: block
}

.js-home-ad .main-loading dl ol:nth-child(1) {
	background: rgba(0,0,0,.06)
}

.js-home-ad .main-loading dl ol+ol {
	margin-top: 8px
}

.js-home-ad .main-loading dl+dl {
	margin-left: 37px
}

.js-article-ad {
	background: #fff;
	padding: 0 15px;
	padding-top: 24px;
	border-bottom: #dcdcdc 1px solid;
	margin-bottom: 40px
}

.js-main {
	padding: 0 15px;
	margin-bottom: 50px;
	margin-top: 30px;
}

.js-main .js-home-main {
	margin: 0 auto;

}

.js-main .js-home-main .js-left {

	float: left;

}
.down-article .title h2 {
    font-size: 18px;
    padding-bottom: 24px;
    line-height: 30px;
    font-size: 24px;
    color: #000;
    font-weight: 700;
}

.down-article .title h2 {
    font-size: 18px;
    padding-bottom: 24px;
    line-height: 30px;
    font-size: 24px;
    color: #000;
    font-weight: 700;
}

.down-article p.down-summary {
    margin-bottom: 20px;
}
.down-article p{
	margin-bottom:10px;
}

.down-line{
	height:5px;
	border-top:1px solid #eee;
	margin:40px 0 20px;
}
.down-line-sub{
	height:2px;
	width:30%;
	background:#1c62bc;
}


.js-main .js-home-main .js-right {

	float: right;
	padding-left:40px;

}

.js-home-carousel {
	height: 275px;
	background: #333;
	overflow: hidden;
	border-radius: 4px;
	position: relative
}

.js-home-carousel a:hover img {
	-webkit-transform: scale(1.02);
	transform: scale(1.02)
}

.js-home-carousel img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-home-carousel .carousel-title {
	width: calc(100% - 40px);
	height: 72px;
	padding: 64px 20px 0 20px;
	left: 0;
	bottom: 0;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	border-radius: 4px;
	color: #fff;
	background: linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.75) 50%,transparent)
}

.js-home-carousel .carousel-title ol,.js-home-carousel .carousel-title ul {
	padding: 0 30px
}

.js-home-carousel .carousel-title ul {
	color: #999;
	padding-top: 6px
}

.js-home-carousel .carousel-title ul span {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #666;
	display: inline-block
}

.js-home-carousel .carousel-title ul span+span {
	margin-left: 10px
}

.js-home-carousel .carousel-title ul .active {
	background: #f29700
}

.js-home-carousel .carousel-left,.js-home-carousel .carousel-right {
	display: block;
	position: absolute;
	width: 24px;
	height: 26px;
	bottom: 40px
}

.js-home-carousel .carousel-left {
	left: 15px;
	background: url(../img/carousel-l.svg) 5px 0 no-repeat
}

.js-home-carousel .carousel-left:hover {
	background: url(../img/carousel-lh.svg) 5px 0 no-repeat
}

.js-home-carousel .carousel-right {
	right: 15px;
	background: url(../img/carousel-r.svg) 5px 0 no-repeat
}

.js-home-carousel .carousel-right:hover {
	background: url(../img/carousel-rh.svg) 5px 0 no-repeat
}

.js-home-carousel-tc {
	margin: 0 auto;
	width: 770px
}

.js-home-adtext {
	height: 68px;
	padding-top: 10px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	position: relative;
	margin-top: 20px
}

.js-home-adtext ol {
	width: 140px;
	margin-left: 26px;
	padding-left: 16px;
	float: left;
	height: 30px;
	line-height: 30px;
	position: relative
}

.js-home-adtext ol span {
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #dcdcdc;
	position: absolute;
	left: 0;
	top: 13px
}

.js-home-adtext .note {
	position: absolute;
	top: 4px;
	right: 4px;
	color: #999;
	opacity: .5
}

.article-tag {
	position: absolute;
	top: 8px;
	right: 8px
}

.article-tag span {
	padding: 3px 9px;
	border-radius: 4px;
	background: #c4192d;
	color: #fff;
	display: block;
	float: left
}

.article-tag span a {
	color: #fff;
	display: block;
	width: 30px!important;
	height: 20px!important
}

.article-tag span+span {
	margin-left: 8px
}

.ja-article-list {
	margin-top: 30px
}

.ja-article-list .article-main {
	margin-bottom: 40px
}

.ja-article-list .article-main ol .article-img {
	width: 270px;
	height: 167px;
	display: block;
	float: left;
	border-radius: 4px;
	position: relative;
	overflow: hidden
}

.ja-article-list .article-main .db_download ol .article-img {
	width: 100%;
	height: 100%;
	display: block;
	float: none;
	border-radius: 4px;
	position: relative;
	overflow: hidden
}

.ja-article-list .article-main ol .article-img img {
	width: 100%;
	/* height: 100%; */
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.ja-article-list .article-main ol .article-img:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.ja-article-list .article-main ol ul {
	/* margin-left: 303px; */
	height: 167px;
	display: block;
	position: relative;

}

.ja-article-list .article-main .db_download ol ul {
	margin-left: 0px;
	height: 50px;
	display: block;
	position: relative
}

.ja-article-list .article-main .db_download ol ul h3 {
	font-size:18px;
	font-weight:700;
	height:30px;
}

.ja-article-list .article-main ol ul h3 {
	line-height: 28px;
	margin-bottom: 6px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	    margin-left: 15px;
}

.ja-article-list .article-main ol ul li {
	line-height: 22px;
	color: #666
}

.ja-article-list .article-main ol ul li img,.ja-article-list .article-main ol ul li span {
	color: #999;
	display: inline-block
}

.ja-article-list .article-main ol ul li .author {
	width: 24px;
	height: 24px;
	/* border-radius: 100%; */
	margin-right: 4px
}

.ja-article-list .article-main ol ul li .amount {
	margin: 5px 2px 0 0
}

.ja-article-list .article-main ol ul li a:hover span {
	color: #397bff
}

.ja-article-list .article-main ol ul li+li {
	margin-top: 12px
}

.ja-article-list .article-main ol ul .article-info {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	margin-left: 30px;
    padding-right: 50px;
}
ol.clear.list {
    margin-bottom: 50px;
}
.ja-article-list .article-main ol ul li:nth-child(2) {
	height: auto;
	padding-left: 15px;
}

.ja-article-list .article-main ol ul i {
	color: #999;
	right: 0;
	bottom: 0;
	padding: 0 5px;
	-webkit-transform: scale(.8);
	border: #999 1px solid;
	position: absolute;
	border-radius: 4px;
	display: block
}
.db_download a.article-img {
    margin-top: 30px;
}
.ja-article-list .article-main ol+ol {
	margin-top: 40px
}

.ja-article-list .article-main .db_download ol+ol {
	margin-top: 0px
}

.ja-article-list .article-ad1 .adphone {
	height: 167px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 10px;
	position: relative
}

.ja-article-list .article-ad1 .adphone img {
	width: 770px;
	height: 167px;
	display: block
}

.ja-article-list .article-ad1 .adphone i {
	color: #999;
	right: 10px;
	bottom: 10px;
	padding: 0 3px;
	-webkit-transform: scale(.8);
	border: #999 1px solid;
	position: absolute;
	border-radius: 4px;
	display: block
}

.ja-article-list .article-phones .adphone {
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	width: 770px;
	justify-content: space-between
}

.ja-article-list .article-phones .adphone img {
	width: 250px;
	height: 167px;
	border-radius: 4px;
	display: inline-block
}

.ja-article-list .article-phones .adphone i {
	color: #999;
	right: 10px;
	bottom: 10px;
	padding: 0 3px;
	-webkit-transform: scale(.8);
	border: #999 1px solid;
	position: absolute;
	border-radius: 4px;
	display: block
}

.ja-article-list .article-phones .article-info {
	width: 100%;
	padding-top: 16px;
	color: #999
}

.ja-article-list .article-phones .article-info a {
	color: #999
}

.ja-article-list .article-phones .article-info a:hover {
	color: #397bff
}

.ja-article-list .article-phones .article-info .author {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	margin-right: 4px
}

.ja-article-list .article-phones .article-info .amount {
	margin: 5px 2px 0 0
}

.ja-article-list .article-loading {
	height: 48px
}

.ja-article-list .article-loading a {
	height: 34px;
	width: 100%;
	padding-top: 14px;
	border: #dcdcdc 1px solid;
	border-radius: 8px;
	display: block;
	background: #f5f5f5;
	border: #f5f5f5 1px solid;
	text-align: center
}

.ja-article-list .article-loading a:hover {
	background: #fff
}

.js-loading {
	height: 48px;
	text-align: center
}

.js-loading a {
	height: 34px;
	width: 100%;
	padding-top: 30px;
	border-radius: 8px;
	display: block;
	text-align: center;
	background: #f5f5f5
}

.js-loading a:hover {
	background: #fff
}

.loading {
	height: 48px
}

.loading a {
	height: 34px;
	width: 100%;
	padding-top: 14px;
	border: #dcdcdc 1px solid;
	border-radius: 8px;
	display: block;
	background: #f5f5f5;
	border: #f5f5f5 1px solid;
	text-align: center
}

.loading a:hover {
	background: #fff
}

.article-tabs {
	height: 70px
}

.article-tabs ul {
	float: left
}

.article-tabs ul a {
	position: relative;
	display: inline-block;
	color: #999
}

.article-tabs ul a:hover {
	color: #f29700
}

.article-tabs ul .active {
	color: #333;
	font-weight: 700
}

.article-tabs ul .active span {
	width: 100%;
	height: 3px;
	background: #f29700;
	position: absolute;
	left: 0;
	bottom: -8px;
	opacity: 1
}

.article-tabs ul .active-no {
	color: #333
}

.article-tabs ul a+a {
	margin-left: 24px
}

.article-tabs ul .guide {
	color: #999;
	font-weight: 300;
	border-left: #dcdcdc 1px solid;
	margin-left: 10px;
	padding-left: 10px;
	display: inline-block
}

.article-tabs ol {
	float: right;
	padding-top: 1px
}

.article-tabs ol a {
	background: url(../img/tabs-more.svg) 36px 4px no-repeat;
	padding-right: 13px;
	display: block;
	color: #999
}

.article-tabs ol a span {
	opacity: 0;
	text-decoration: none;
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s
}

.article-tabs ol a:hover {
	background: url(../img/tabs-more-h.svg) 36px 4px no-repeat
}

.article-tabs ol a:hover span {
	opacity: 1
}

.article-tabs .tabs-fwb {
	font-weight: 700
}

.article-tabs .time-tabs {
	float: right
}

.article-tabs .time-tabs a {
	width: 40px;
	height: 22px;
	line-height: 22px;
	border: #999 1px solid;
	float: left;
	display: block;
	background: #fff;
	color: #999
}

.article-tabs .time-tabs a:hover {
	background: #999;
	color: #fff
}

.article-tabs .time-tabs .time-tabs-left {
	border-radius: 4px 0 0 4px
}

.article-tabs .time-tabs .time-tabs-central {
	border-radius: 0;
	border-left: none;
	border-right: none
}

.article-tabs .time-tabs .time-tabs-right {
	border-radius: 0 4px 4px 0
}

.article-tabs .time-tabs .active {
	background: #999;
	color: #fff
}

.article-tabs .time-tabs-pt10 {
	padding-top: 10px
}

.article-tabs .lr-tabs {
	float: right
}

.article-tabs .lr-tabs a {
	width: 26px;
	height: 17px;
	border: #999 1px solid;
	float: left;
	display: block;
	background: #fff;
	padding-top: 5px
}

.article-tabs .lr-tabs a img {
	opacity: .5;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.article-tabs .lr-tabs a:hover img {
	opacity: 1
}

.article-tabs .lr-tabs .time-tabs-left {
	border-radius: 4px 0 0 4px
}

.article-tabs .lr-tabs .time-tabs-right {
	border-radius: 0 4px 4px 0;
	margin-left: -1px
}

.article-tabs .market-tabs {
	float: right
}

.article-tabs .market-tabs a {
	width: 26px;
	height: 17px;
	float: left;
	display: block;
	padding-top: 6px
}

.article-tabs .market-tabs a img {
	opacity: .8;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.article-tabs .market-tabs a:hover img {
	opacity: 1
}

.article-tabs .market-tabs span {
	width: 26px;
	height: 17px;
	float: left;
	display: block;
	padding-top: 6px
}

.article-tabs .market-tabs span img {
	opacity: .5
}

.article-tabs .market-tabs .time-tabs-left {
	border-radius: 4px 0 0 4px
}

.article-tabs .market-tabs .time-tabs-right {
	border-radius: 0 4px 4px 0;
	margin-left: -1px
}

.article-tabs .ranking-menu {
	float: right;
	margin-right: 12px;
	position: relative
}

.article-tabs .ranking-menu .quantity a {
	width: 58px;
	height: 19px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	display: block;
	padding: 3px 12px 0 12px;
	color: #999;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.article-tabs .ranking-menu .quantity a span {
	display: inline-block
}

.article-tabs .ranking-menu .quantity a img {
	float: right;
	margin-top: 3px
}

.article-tabs .ranking-menu .quantity a:hover {
	border: #999 1px solid;
	color: #666
}

.article-tabs .ranking-menu .quantity a:active img {
	transform: rotate(180deg)
}

.article-tabs .ranking-menu a:active img {
	transform: rotate(180deg)
}

.article-tabs .ranking-menu .ranking-pop {
	width: 60px;
	border-radius: 4px;
	display: block;
	padding: 6px 12px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	background: #fff;
	left: 0;
	bottom: -90px;
	z-index: 10;
	position: absolute
}

.article-tabs .ranking-menu .ranking-pop a {
	display: block;
	height: 24px;
	line-height: 24px;
	color: #999
}

.article-tabs .ranking-menu .ranking-pop a:hover {
	color: #666
}

.article-tabs .activity-fiter {
	float: right;
	position: relative
}

.article-tabs .activity-fiter a {
	background: url(../img/select-icon.svg) right 4px no-repeat;
	padding-right: 22px;
	padding-top: 2px
}

.sub-tabs {
	height: 50px
}

.sub-tabs ul {
	float: left;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	height: 30px;
	width: 370px
}

.sub-tabs ul a {
	position: relative;
	display: inline-block;
	color: #999
}

.sub-tabs ul a:hover {
	color: #f29700
}

.sub-tabs ul .active {
	color: #333
}

.sub-tabs ul .active span {
	width: 100%;
	height: 1px;
	background: #f29700;
	position: absolute;
	left: 0;
	bottom: -8px;
	opacity: 1
}

.sub-tabs ul a+a {
	margin-left: 11px
}

.tabs-height {
	height: 50px
}

.js-right-remind {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 12px 16px
}

.js-right-remind img {
	width: 48px;
	height: 48px;
	float: left
}

.js-right-remind ul {
	margin-left: 72px;
	padding-top: 4px
}

.js-right-remind li {
	height: 22px;
	line-height: 22px
}

.js-right-remind span {
	color: #c4192d
}

.js-right-remind li:nth-child(2) {
	color: #999
}

.js-right-ad {
	padding: 5px 0 5px 20px;
	margin-bottom: 50px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	position: relative
}

.js-right-ad a {
	height: 67px;
	display: block
}

.js-right-ad a img {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
	padding: 13px 0
}

.js-right-ad a ol {
	width: 278px;
	float: left;
	border-bottom: #dcdcdc 1px solid;
	padding: 13px 20px 13px 0;
	display: inline-block;
	height: 40px;
	line-height: 40px
}

.js-right-ad a ol li {
	width: 98px;
	float: left;
	margin-right: 10px;
	font-weight: 700
}

.js-right-ad a ol span {
	width: 170px;
	float: left;
	color: #999
}

.js-right-ad .border-b-no {
	border-bottom: 0
}

.js-right-ad .note {
	position: absolute;
	top: 4px;
	right: 4px;
	color: #999;
	opacity: .5
}

.js-right-live {
	height: 600px;
	margin-bottom: 20px;
	overflow: hidden
}

.js-right-live .main {
	height: 500px;
	overflow-y: hidden;
	overflow: scroll;
	overflow-x: hidden;
	width: 387px
}

.js-right-live .main ul {
	margin-left: 5px;
	padding: 0 20px 30px 20px;
	border-left: #dcdcdc 1px solid;
	position: relative
}

.js-right-live .main ul .time {
	margin-bottom: 12px;
	height: 14px;
	line-height: 14px
}

.js-right-live .main ul .content {
	line-height: 22px
}

.js-right-live .main ul .content a:hover {
	color: #333
}

.js-right-live .main ul .content a {
	display: block
}

.js-right-live .main ul .content a+a {
	margin-top: 6px
}

.js-right-live .main ul .content .livesb {
	font-weight: 700
}

.js-right-live .main ul li+li {
	margin-top: 6px
}

.js-right-live .main ul ol {
	float: right;
	position: relative
}

.js-right-live .main ul ol a {
	width: 24px;
	padding: 4px 6px 4px 26px;
	color: #999;
	border-radius: 4px;
	border: #fff 1px solid;
	display: block
}

.js-right-live .main ul ol a:hover {
	color: #333;
	border: #dcdcdc 1px solid
}

.js-right-live .main ul ol .rose {
	background: url(../img/rose.svg) 6px 7px no-repeat
}

.js-right-live .main ul ol .rose-h {
	background: url(../img/rose-h.svg) 6px 7px no-repeat
}

.js-right-live .main ul ol .rose:hover {
	background: url(../img/rose-h.svg) 6px 7px no-repeat
}

.js-right-live .main ul ol .fall {
	background: url(../img/fall.svg) 6px 7px no-repeat
}

.js-right-live .main ul ol .fall-h {
	background: url(../img/fall-h.svg) 6px 7px no-repeat
}

.js-right-live .main ul ol .fall:hover {
	background: url(../img/fall-h.svg) 6px 7px no-repeat
}

.js-right-live .main ul .addition {
	position: absolute;
	top: -14px;
	left: 27px;
	font-weight: 700
}

.js-right-live .main ul .red {
	color: #c4192d
}

.js-right-live .main ul .green {
	color: #5da310
}

.js-right-live .main ul ol+ol {
	margin-right: 10px
}

.js-right-live .main ul span {
	float: right;
	margin: 6px 0 0 10px
}

.js-right-live .main ul span a {
	padding: 3px 5px
}

.js-right-live .main ul .live-share {
	position: relative
}

.js-right-live .main ul .live-share .shares-pop {
	padding: 12px 18px;
	width: 160px;
	left: -195px;
	bottom: -18px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	border-radius: 4px;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 9
}

.js-right-live .main ul .live-share .shares-pop a {
	width: 24px;
	height: 24px;
	padding: 6px;
	float: left;
	display: block
}

.js-right-live .main ul .live-share .shares-pop .qq {
	background: url(../img/qq-icon.svg) 6px 6px no-repeat
}

.js-right-live .main ul .live-share .shares-pop .q-zone {
	background: url(../img/q-zone-icon.svg) 6px 4px no-repeat
}

.js-right-live .main ul .live-share .shares-pop .weibo {
	background: url(../img/weibo-icon.svg) 6px 6px no-repeat
}

.js-right-live .main ul .live-share .shares-pop .weixin {
	background: url(../img/weixin-icon.svg) 6px 6px no-repeat
}

.js-right-live .main ul .live-share .shares-pop a+a {
	margin-left: 20px
}

.js-right-live .main .grade1 {
	width: 11px;
	height: 11px;
	background: #c4192d;
	border-radius: 100%;
	position: absolute;
	left: -6px;
	top: 1px
}

.js-right-live .main .grade2 {
	width: 9px;
	height: 9px;
	background: #f29700;
	border-radius: 100%;
	position: absolute;
	left: -5px;
	top: 2px
}

.js-right-live .main .grade3 {
	width: 7px;
	height: 7px;
	background: #999;
	border-radius: 100%;
	position: absolute;
	left: -4px;
	top: 3px
}

.js-module-twitter {
	display: block
}

.js-module-twitter .title {
	height: 90px
}

.js-module-twitter .title .date {
	width: 130px;
	height: 44px;
	float: left
}

.js-module-twitter .title .date ul {
	width: 40px;
	height: 44px;
	display: block;
	border-radius: 4px;
	float: left
}

.js-module-twitter .title .date ul span {
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #c4192d;
	color: #fff;
	display: block
}

.js-module-twitter .title .date ul span:nth-child(2) {
	font-weight: 700;
	background: #fff;
	color: #333;
	height: 24px;
	line-height: 24px;
	padding-bottom: 2px
}

.js-module-twitter .title .date ul .month {
	border-radius: 6px 6px 0 0
}

.js-module-twitter .title .date ul .day {
	width: 38px;
	border-radius: 0 0 6px 6px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid
}

.js-module-twitter .title .date ol {
	display: block;
	height: 44px;
	float: right
}

.js-module-twitter .title .date ol .week {
	color: #333;
	font-weight: 700
}

.js-module-twitter .title .date ol li:nth-child(2) {
	color: #999
}

.js-module-twitter .title .tabs {
	padding: 4px 0 0 30px;
	margin-left: 30px;
	height: 44px;
	float: left;
	border-left: #dcdcdc 1px solid
}

.js-module-twitter .title .setup {
	width: 200px;
	height: 44px;
	float: right
}

.js-module-twitter .title .setup ul {
	float: right;
	padding-top: 6px;
	display: block;
	position: relative
}

.js-module-twitter .title .setup ul .link {
	padding: 6px;
	display: block
}

.js-module-twitter .title .setup ul ol {
	border-radius: 4px;
	display: block;
	padding: 12px 18px;
	width: 100px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	background: #fff;
	left: -56px;
	bottom: -90px;
	position: absolute
}

.js-module-twitter .title .setup ul ol li {
	display: block;
	height: 20px;
	padding: 8px 0 8px 0
}

.js-module-twitter .title .setup ul ol li span {
	float: left;
	color: #666
}

.js-module-twitter .title .setup ul ol li .switch {
	float: right;
	padding-top: 1px
}

.js-module-twitter .title .setup ul ol li .switch a {
	color: #666;
	display: inline-block
}

.js-module-twitter .title .setup ul ol li .switch a:hover {
	color: #333
}

.js-module-twitter .title .setup ul .remind {
	width: 29px;
	height: 14px;
	background: #999;
	padding: 1px;
	border-radius: 4px
}

.js-module-twitter .title .setup ul .remind i {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 3px;
	display: block
}

.js-module-twitter .title .setup ul .remind-open {
	width: 29px;
	height: 14px;
	background: #f29700;
	padding: 1px;
	border-radius: 4px
}

.js-module-twitter .title .setup ul .remind-open i {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 3px;
	display: block;
	float: right
}

.js-module-twitter .title .setup ul .filter {
	bottom: -269px
}

.js-module-twitter .title .setup ul .filter a {
	padding-left: 22px;
	color: #666;
	display: block
}

.js-module-twitter .title .setup ul .filter a:hover {
	background: url(../img/filter-icon.svg) 0 4px no-repeat;
	color: #333
}

.js-module-twitter .title .setup ul .filter .active {
	background: url(../img/filter-icon.svg) 0 4px no-repeat;
	color: #333;
	font-weight: 700
}

.js-module-twitter .title .setup ul .important {
	border-top: #dcdcdc 1px solid;
	padding-top: 10px;
	margin-top: 4px
}

.js-module-twitter .title .setup ul .important a {
	padding-left: 0
}

.js-module-twitter .title .setup ul .important a:hover {
	background: 0 0
}

.js-module-twitter .title .setup ul+ul {
	margin-right: 20px
}

.js-module-twitter .main .control {
	margin-left: 5px;
	padding: 0 0 30px 0
}

.js-module-twitter .main .avatar {
	width: 48px;
	height: 48px;
	float: left
}

.js-module-twitter .main .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.js-module-twitter .main .content {
	margin-left: 68px;
	border-bottom: #dcdcdc 1px solid;
	padding-bottom: 10px
}

.js-module-twitter .main .content .name {
	margin-bottom: 10px
}

.js-module-twitter .main .content .name span {
	color: #999;
	margin-left: 10px
}

.js-module-twitter .main .content .text {
	margin-bottom: 20px
}

.js-module-twitter .main .content .text a {
	color: #397bff
}

.js-module-twitter .main .content .photo {
	margin-bottom: 20px
}

.js-module-twitter .main .content .photo a {
	width: 70px;
	height: 70px;
	display: inline-block;
	overflow: hidden
}

.js-module-twitter .main .content .photo img {
	width: 100%;
	height: 100%
}

.js-module-twitter .main .content .photo a+a {
	margin-left: 10px
}

.js-module-twitter .main .content .translate {
	border-left: #dcdcdc 1px solid;
	padding-left: 20px;
	margin-bottom: 20px
}

.js-module-twitter .main .content .translate span {
	color: #999;
	height: 12px;
	line-height: 12px
}

.js-module-twitter .main .content .translate p {
	padding-top: 6px
}

.js-module-twitter .main .content .quote {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 14px 20px;
	margin-bottom: 20px
}

.js-module-twitter .main+.title {
	margin-top: 50px
}

.js-module-twitter .lives-loading {
	height: 48px;
	margin-top: 30px
}

.js-module-twitter .lives-loading a {
	height: 48px;
	width: 100%;
	border: #dcdcdc 1px solid;
	border-radius: 8px;
	display: block;
	background: url(../img/loading-ico.svg) #f5f5f5 calc(50% - 5px) no-repeat;
	border: #f5f5f5 1px solid
}

.js-module-twitter .lives-loading a:hover {
	background: url(../img/loading-ico.svg) #fff calc(50% - 5px) no-repeat
}

.js-github {
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 20px
}

.js-github .main .list {
	height: 64px;
	border-top: #dcdcdc 1px solid
}

.js-github .main .list i {
	float: left;
	font-style: italic;
	color: #666;
	height: 64px;
	line-height: 64px;
	width: 20px;
	text-align: center;
	display: block;
	margin-right: 16px
}

.js-github .main .list .name {
	float: left;
	height: 64px;
	line-height: 64px;
	width: 140px
}

.js-github .main .list .name img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	margin-top: 16px
}

.js-github .main .list .num {
	float: right;
	width: 120px;
	height: 64px;
	line-height: 64px;
	color: #999;
	padding-right: 16px
}

.js-github .main .list .num ul {
	float: left;
	padding-top: 3px
}

.js-github .main .list .num ol {
	float: right
}

.js-github .main .list .num svg {
	fill: #c5c8cb
}

.js-github .main .list .num span {
	color: #333;
	margin-left: 6px;
	width: 40px;
	float: left
}

.js-github .main .list:nth-child(1) i {
	color: #f29700;
	font-style: normal
}

.js-github .main .list:nth-child(2) i {
	color: #f29700;
	font-style: normal
}

.js-github .main .list:nth-child(3) i {
	color: #f29700;
	font-style: normal
}

.js-github .main .source {
	border-top: #dcdcdc 1px solid;
	padding-top: 20px;
	color: #999
}

.github-tabs dl {
	float: left;
	width: 160px
}

.github-tabs dl dt {
	display: block
}

.github-tabs dl dd {
	display: block;
	padding-left: 36px
}

.js-right-meeting {
	margin-bottom: 50px
}

.js-right-meeting .main {
	border: #dcdcdc 1px solid;
	border-radius: 4px
}

.js-right-meeting .main .meeting-tabs {
	height: 64px
}

.js-right-meeting .main .meeting-tabs a {
	height: 50px;
	width: 40px;
	padding-top: 13px;
	border-bottom: #dcdcdc 1px solid;
	display: block;
	float: left
}

.js-right-meeting .main .meeting-tabs a span {
	height: 18px;
	line-height: 18px;
	color: #999;
	display: block
}

.js-right-meeting .main .meeting-tabs a span:nth-child(2) {
	font-weight: 700
}

.js-right-meeting .main .meeting-tabs a:hover span {
	color: #666
}

.js-right-meeting .main .meeting-tabs a+a {
	border-left: #dcdcdc 1px solid
}

.js-right-meeting .main .meeting-tabs .active {
	width: 184px;
	border-bottom: none;
	padding: 10px 10px 4px 10px
}

.js-right-meeting .main .meeting-tabs .active ul {
	width: 40px;
	height: 44px;
	display: inline-block;
	border-radius: 4px
}

.js-right-meeting .main .meeting-tabs .active ul span {
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #c4192d;
	color: #fff;
	display: block
}

.js-right-meeting .main .meeting-tabs .active ul span:nth-child(2) {
	font-weight: 700;
	background: #fff;
	color: #333;
	height: 24px;
	line-height: 24px;
	padding-bottom: 2px
}

.js-right-meeting .main .meeting-tabs .active ul .month {
	border-radius: 6px 6px 0 0
}

.js-right-meeting .main .meeting-tabs .active ul .day {
	width: 38px;
	border-radius: 0 0 6px 6px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid
}

.js-right-meeting .main .meeting-tabs .active ol {
	display: inline-block;
	width: 124px;
	padding: 8px 0 8px 8px
}

.js-right-meeting .main .meeting-tabs .active ol .week {
	color: #333
}

.js-right-meeting .main .meeting-tabs .active ol li:nth-child(2) {
	color: #999
}

.js-right-meeting .main .meeting-tabs .active ol li {
	color: #999
}

.js-right-meeting .main .meeting-tabs .active ol li:hover {
	color: #999
}

.js-right-meeting .main-img {
	padding: 20px
}

.js-right-meeting .main-img a {
	width: 330px;
	overflow: hidden;
	display: block;
	position: relative
}

.js-right-meeting .main-img a span {
	padding: 3px 9px;
	top: 10px;
	right: 10px;
	border-radius: 4px;
	background: rgba(0,0,0,.5);
	color: #fff;
	display: block;
	position: absolute;
	font-weight: 300
}

.js-right-meeting .main-img a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-right-meeting .main-img img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-right-columns {
	margin-bottom: 50px
}

.js-right-columns ul {
	display: block
}

.js-right-columns ul li {
	width: 185px;
	height: 190px;
	display: block;
	float: left
}

.js-right-columns ul li a {
	width: 170px;
	height: 170px;
	overflow: hidden;
	display: block;
	position: relative
}

.js-right-columns ul li a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-right-columns ul li img {
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-right-columns ul li .columns-tag {
	position: absolute;
	left: 10px;
	top: 14px;
	color: #999
}

.js-right-columns ul li .columns-tag span {
	display: block
}

.js-right-columns ul li .columns-tag span:nth-child(1) {
	color: #333
}

.js-right-columns ul li:nth-child(even) a {
	float: right
}

.js-right-columns ol {
	display: block;
	position: relative;
	height: 18px
}

.js-right-columns ol .control {
	position: absolute
}

.js-right-columns ol .control a {
	opacity: .4
}

.js-right-columns ol .control a:hover {
	opacity: 1
}

.js-right-columns ol .control-left {
	left: 0;
	top: 0
}

.js-right-columns ol .control-right {
	right: 0;
	top: 0
}

.js-right-columns ol li {
	height: 16px;
	width: 200px;
	margin: 0 auto;
	text-align: center
}

.js-right-columns ol li a {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #dcdcdc;
	display: inline-block
}

.js-right-columns ol li a:hover {
	background: #f29700
}

.js-right-columns ol li a+a {
	margin-left: 8px
}

.js-right-columns ol li .active {
	background: #f29700
}

.js-right-visit {
	margin-bottom: 50px
}

.js-right-visit .visit+.visit {
	margin-top: 40px
}

.js-right-visit .visit {
	height: 138px
}

.js-right-visit .visit ol {
	float: left
}

.js-right-visit .visit ol a {
	width: 100px;
	height: 138px;
	overflow: hidden;
	display: block;
	border-radius: 4px
}

.js-right-visit .visit ol a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-right-visit .visit ol img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-right-visit .visit ul {
	width: 245px;
	height: 138px;
	float: right;
	position: relative
}

.js-right-visit .visit ul li {
	color: #999
}

.js-right-visit .visit ul li+li {
	margin-top: 6px
}

.js-right-visit .visit ul span {
	line-height: 22px;
	bottom: 0;
	position: absolute;
	height: 66px
}

.js-930 {
	height: 253px;
	border-radius: 4px;
	border: #dcdcdc 1px solid;
	margin-bottom: 30px;
	padding: 20px;
	padding-top: 0
}

.js-930 .js-930-header {
	padding-top: 2px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px
}

.js-930 .js-930-header ul {
	float: left
}

.js-930 .js-930-header ul li {
	display: inline-block;
	font-size: 18px;
	font-weight: 700
}

.js-930 .js-930-header ul li+li {
	margin-left: 6px
}

.js-930 .js-930-header ul li:nth-child(1) {
	color: #f29700
}

.js-930 .js-930-header ul span {
	color: #999;
	font-weight: 300;
	border-left: #dcdcdc 1px solid;
	margin-left: 10px;
	padding-left: 10px
}

.js-930 .js-930-header ol {
	float: right;
	padding-top: 1px
}

.js-930 .js-930-header ol a {
	background: url(../img/tabs-more.svg) 36px 18px no-repeat;
	padding-right: 13px;
	display: block;
	color: #999
}

.js-930 .js-930-header ol a span {
	opacity: 0;
	text-decoration: none;
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s
}

.js-930 .js-930-header ol a:hover {
	background: url(../img/tabs-more-h.svg) 36px 18px no-repeat
}

.js-930 .js-930-header ol a:hover span {
	opacity: 1
}

.js-930 .title a {
	height: 52px
}

.js-930 .content ul {
	float: left;
	padding-top: 16px
}

.js-930 .content ul a {
	width: 120px;
	height: 120px;
	border-radius: 4px;
	display: block;
	overflow: hidden
}

.js-930 .content ul a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-930 .content ul img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-930 .content ol {
	margin-left: 138px;
	padding-top: 14px;
	color: #666;
	height: 120px
}

.js-hot-project {
	margin-bottom: 30px
}

.js-hot-project dl {
	display: block;
	height: 105px
}

.js-hot-project dl dt {
	float: left
}

.js-hot-project dl dt a {
	width: 170px;
	height: 105px;
	border-radius: 4px;
	display: block;
	overflow: hidden
}

.js-hot-project dl dt a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-hot-project dl dt img {
	width: 100%;
	/* height: 100%; */
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-hot-project dl dd {
	margin-left: 190px;
	height: 100%;
	position: relative;
	margin-right:0;
}

.js-hot-project dl dd .title {
	font-weight: 700
}

.js-hot-project dl dd .title a {
	height: 78px
}

.js-hot-project dl dd span {
	color: #999;
	padding-top: 8px;
	display: block;
	position: absolute;
	bottom: 0;
	font-size:13px;
}

.js-hot-project dl+dl {
	margin-top: 30px
}

.js-hot-article {
	margin-bottom: 30px
}

.js-hot-article ul li {
	display: block;
	height: 50px
}

.js-hot-article ul li i {
	float: left;
	font-style: italic;
	font-weight: 700;
	color: #666;
	height: 22px;
	line-height: 22px
}

.js-hot-article ul li a {
	margin-left: 38px;
	height: 44px
}

.js-hot-article ul li:nth-child(1) i {
	color: #f29700
}

.js-hot-article ul li:nth-child(2) i {
	color: #f29700
}

.js-hot-article ul li:nth-child(3) i {
	color: #f29700
}

.js-hot-article ul li+li {
	margin-top: 20px
}

.js-data-down {
	margin-bottom: 30px
}

.js-data-down ul li {
	display: block;
	height: 50px
}

.js-data-down ul li img {
	float: left;
	margin-top: 4px
}

.js-data-down ul li a {
	margin-left: 50px;
	height: 44px
}

.js-data-down ul li+li {
	margin-top: 20px
}

.js-video .content ul {
	width: 185px;
	height: 170px;
	display: block;
	float: left;
	margin-bottom: 30px
}

.js-video .content ul .video {
	margin-bottom: 18px
}

.js-video .content ul .video a {
	width: 170px;
	height: 105px;
	border-radius: 4px;
	display: block;
	overflow: hidden;
	position: relative
}

.js-video .content ul .video a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-video .content ul .video img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-video .content ul .video span {
	width: 24px;
	height: 24px;
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
	background: url(../img/video-play.svg) no-repeat
}

.js-video .content ul li:nth-child(3) {
	color: #999
}

.js-video .content ul li:nth-child(2) {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2
}

.js-video .content ul li+li {
	margin-top: 6px
}

.js-video .content ul:nth-of-type(even) {
	width: 170px;
	padding-left: 15px
}

.js-columns-ranking {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px;
	padding-bottom: 10px
}

.js-columns-ranking .main ul {
	height: 75px;
	border-top: #dcdcdc 1px solid;
	padding: 12px 0
}

.js-columns-ranking .main ul i {
	width: 40px;
	float: left;
	font-style: italic;
	font-weight: 700;
	color: #666;
	height: 24px;
	line-height: 24px;
	padding-top: 12px
}

.js-columns-ranking .main ul .ranking {
	float: left;
	width: 210px;
	display: block
}

.js-columns-ranking .main ul .ranking img {
	width: 48px;
	height: 48px;
	float: left;
	border-radius: 100%
}

.js-columns-ranking .main ul .ranking .name {
	width: 142px;
	float: right
}

.js-columns-ranking .main ul .ranking .name span {
	display: block
}

.js-columns-ranking .main ul .ranking .name span:nth-child(1) {
	font-weight: 700
}

.js-columns-ranking .main ul .ranking .name span:nth-child(2) {
	color: #999
}

.js-columns-ranking .main ul .ranking .name span+span {
	margin-top: 4px
}

.js-columns-ranking .main ul ol {
	float: right;
	padding-top: 11px
}

.js-columns-ranking .main ul ol span {
	height: 26px;
	line-height: 26px;
	color: #999;
	display: block
}

.js-columns-ranking .main ul ol a {
	width: 56px;
	display: block;
	height: 26px;
	line-height: 26px;
	border-radius: 4px;
	background: #333;
	text-align: center;
	color: #fff;
	display: none
}

.js-columns-ranking .main ul ol:hover a {
	display: block
}

.js-columns-ranking .main ul ol:hover span {
	display: none
}

.js-columns-ranking .main ul:nth-child(2) i {
	color: #f29700
}

.js-columns-ranking .main ul:nth-child(3) i {
	color: #f29700
}

.js-columns-say {
	margin-bottom: 50px
}

.js-columns-say .people ul {
	float: left;
	width: 200px;
	height: 167px;
	padding-left: 30px;
	background: url(../img/day-icon.svg) 0 6px no-repeat;
	position: relative
}

.js-columns-say .people ul .text {
	height: 104px
}

.js-columns-say .people ul .name {
	position: absolute;
	left: 30px;
	bottom: 0;
	color: #999
}

.js-columns-say .people ul .name a {
	font-weight: 700
}

.js-columns-say .people ol {
	float: right
}

.js-columns-say .people ol a {
	width: 117px;
	height: 167px;
	border-radius: 4px;
	overflow: hidden;
	display: block
}

.js-columns-say .people ol a img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-columns-say .people ol a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-columns-say .people+.people {
	margin-top: 30px
}

.js-columns-author {
	margin-bottom: 50px
}

.js-columns-author .control {
	height: 120px;
	margin-bottom: 30px;
	position: relative
}

.js-columns-author .control ul {
	width: 70px;
	float: left;
	display: block
}

.js-columns-author .control ul li {
	display: block
}

.js-columns-author .control ul li .photo {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	overflow: hidden;
	display: block;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.js-columns-author .control ul li .photo img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-columns-author .control ul .cancel a {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: 1px solid #dcdcdc;
	color: #666;
	border-radius: 4px;
	text-align: center;
	margin: 0 auto
}

.js-columns-author .control ul li+li {
	margin-top: 14px
}

.js-columns-author .control ol {
	width: 284px;
	float: right
}

.js-columns-author .control ol li {
	display: block
}

.js-columns-author .control ol li dl {
	display: inline-block
}

.js-columns-author .control ol li dl dt {
	color: #999;
	display: block;
	float: left;
	padding-top: 2px
}

.js-columns-author .control ol li dl dd {
	display: block;
	float: left
}

.js-columns-author .control ol li dl+dl {
	margin-left: 20px
}

.js-columns-author .control ol .name {
	font-weight: 700
}

.js-columns-author .control ol .text {
	color: #999;
	height: 40px
}

.js-columns-author .control ol li+li {
	margin-top: 8px
}

.js-columns-author .control .bed {
	position: absolute;
	top: -2px;
	right: 0;
	display: none;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-columns-author .control .bed span {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: #dcdcdc 1px solid;
	background: #fff;
	color: #666;
	border-radius: 4px;
	text-align: center;
	height: 20px;
	line-height: 20px
}

.js-columns-author .control .bed a {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: 1px solid #333;
	background: #333;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	height: 20px;
	line-height: 20px
}

.js-columns-author .control .bed-cancel {
	position: absolute;
	top: -2px;
	right: 0;
	display: none;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-columns-author .control .bed-cancel a {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: #dcdcdc 1px solid;
	background: #fff;
	color: #666;
	border-radius: 4px;
	text-align: center;
	height: 20px;
	line-height: 20px
}

.js-columns-author .control:hover .bed {
	display: block
}

.js-columns-author .control:hover .bed-cancel {
	display: block
}

.js-columns-people {
	margin-bottom: 50px
}

.js-columns-people ul {
	display: block
}

.js-columns-people ul li {
	width: 370px;
	height: 370px;
	display: block
}

.js-columns-people ul li a {
	width: 370px;
	height: 370px;
	overflow: hidden;
	display: block;
	position: relative
}

.js-columns-people ul li a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-columns-people ul li img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-columns-people ul li .columns-tag {
	position: absolute;
	left: 30px;
	top: 30px;
	color: #999
}

.js-columns-people ul li .columns-tag span {
	display: block
}

.js-columns-people ul li .columns-tag span:nth-child(1) {
	color: #333;
	font-weight: 700;
	width: 120px;
	word-wrap: break-word;
	white-space: pre-wrap
}

.js-columns-people ul li .columns-tag span:nth-child(2) {
	width: 120px;
	word-wrap: break-word;
	white-space: pre-wrap
}

.js-columns-people ul li+li {
	margin-top: 30px
}

.js-imgtabs {
	background-image: linear-gradient(0deg,rgba(251,251,251,0) 24%,#f5f5f5 100%);
	padding-top: 48px
}

.js-imgtabs .photo {
	width: 580px;
	margin: 0 auto;
	background: #ececec
}

.js-imgtabs .photo a {
	width: 580px;
	height: 300px;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 4px
}

.js-imgtabs .photo a img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-imgtabs .photo a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-imgtabs .photo .control-title {
	width: calc(100% - 40px);
	height: 80px;
	padding: 64px 20px 0 20px;
	left: 0;
	bottom: 0;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	border-radius: 4px;
	color: #fff;
	background: linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.75) 50%,transparent)
}

.js-imgtabs .photo .control-title ul {
	font-weight: 700
}

.js-imgtabs .photo .control-title ul span {
	display: block;
	width: 14px;
	height: 22px;
	background: #f29700;
	float: left;
	margin-top: 6px
}

.js-imgtabs .photo .control-title ul li {
	margin-left: 24px
}

.js-imgtabs .photo-place {
	width: 580px;
	height: 300px;
	margin: 0 auto;
	background: url(../img/fig-cion.svg) center center no-repeat #ececec;
	border-radius: 4px
}

.js-imgtabs .control {
	height: 16px;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px
}

.js-imgtabs .control a {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #dcdcdc;
	display: inline-block
}

.js-imgtabs .control a:hover {
	background: #f29700
}

.js-imgtabs .control a+a {
	margin-left: 8px
}

.js-imgtabs .control .active {
	background: #f29700
}

.js-settledin {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-settledin ul {
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px
}

.js-settledin ol {
	text-align: center;
	color: #666;
	margin-bottom: 20px
}

.js-settledin a {
	width: 332px;
	display: block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 4px;
	background: #f29700;
	font-weight: 700;
	color: #fff
}

.js-lives {
	display: block
}

.js-lives .title {
	height: 90px
}

.js-lives .title .date {
	height: 44px;
	float: left
}

.js-lives .title .date ul {
	width: 40px;
	height: 44px;
	display: block;
	border-radius: 4px;
	float: left
}

.js-lives .title .date ul span {
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #c4192d;
	color: #fff;
	display: block
}

.js-lives .title .date ul span:nth-child(2) {
	font-weight: 700;
	background: #fff;
	color: #333;
	height: 24px;
	line-height: 24px;
	padding-bottom: 2px
}

.js-lives .title .date ul .month {
	border-radius: 6px 6px 0 0
}

.js-lives .title .date ul .day {
	width: 38px;
	border-radius: 0 0 6px 6px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid
}

.js-lives .title .date ol {
	display: block;
	height: 44px;
	margin-left: 58px;
	list-style:none;
}

.js-lives .title .date ol .week {
	color: #333;
	font-weight: 700
}

.js-lives .title .date ol li:nth-child(2) {
	color: #999;
	white-space: nowrap
}

.js-lives .title .tabs {
	padding: 4px 0 0 0px;
	margin-left: 0px;
	height: 44px;
	float: left;
	/* border-left: #dcdcdc 1px solid */
}

.js-lives .title .setup {
	width: 200px;
	height: 44px;
	float: right
}

.js-lives .title .setup ul {
	float: right;
	padding-top: 6px;
	display: block;
	position: relative
}

.js-lives .title .setup ul .link {
	padding: 6px;
	display: block
}

.js-lives .title .setup ul .read {
	padding: 0 20px 0 6px;
	display: block;
	color: #333;
	border-right: #dcdcdc 1px solid;
	margin-top: 4px
}

.js-lives .title .setup ul .read input {
	margin-right: 4px
}

.js-lives .title .setup ul ol {
	border-radius: 4px;
	display: block;
	padding: 12px 18px;
	width: 100px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	background: #fff;
	left: -56px;
	top: 40px;
	position: absolute;
	z-index: 10
}

.js-lives .title .setup ul ol li {
	display: block;
	height: 20px;
	padding: 8px 0 8px 0
}

.js-lives .title .setup ul ol li span {
	float: left;
	color: #666
}

.js-lives .title .setup ul ol li .switch {
	float: right;
	padding-top: 1px
}

.js-lives .title .setup ul ol li .switch a {
	color: #666;
	display: inline-block
}

.js-lives .title .setup ul ol li .switch a:hover {
	color: #333
}

.js-lives .title .setup ul .remind {
	width: 29px;
	height: 14px;
	background: #999;
	padding: 1px;
	border-radius: 4px
}

.js-lives .title .setup ul .remind i {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 3px;
	display: block
}

.js-lives .title .setup ul .remind-open {
	width: 29px;
	height: 14px;
	background: #f29700;
	padding: 1px;
	border-radius: 4px
}

.js-lives .title .setup ul .remind-open i {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 3px;
	display: block;
	float: right
}

.js-lives .title .setup ul .filter {
	z-index: 11
}

.js-lives .title .setup ul .filter a {
	padding-left: 26px;
	color: #666;
	display: block
}

.js-lives .title .setup ul .filter a:hover {
	background: url(../img/filter-icon.svg) 0 4px no-repeat;
	color: #333
}

.js-lives .title .setup ul .filter .active {
	background: url(../img/filter-icon.svg) 0 4px no-repeat;
	color: #333;
	font-weight: 700
}

.js-lives .title .setup ul .important {
	border-top: #dcdcdc 1px solid;
	padding-top: 10px;
	margin-top: 4px
}

.js-lives .title .setup ul .important a {
	padding-left: 0
}

.js-lives .title .setup ul .important a label {
	cursor: pointer
}

.js-lives .title .setup ul .important a:hover {
	background: 0 0
}

.js-lives .title .setup ul+ul {
	margin-right: 20px
}

.js-lives .main .control {
	margin-left: 5px;
	padding: 0 0 30px 20px;
	border-left: #dcdcdc 1px solid;
	position: relative
}

.js-lives .main .control .time {
	float: left;
	margin-top: 3px
}

.js-lives .main .control .time-detail {
	font-weight: 600;
	display: block;
	margin-top: 3px;
	margin-bottom: 20px;
	font-size:26px;
	    line-height: 36px;
}

.js-lives .main .control .livesb {

	display: block;
	margin-bottom: 10px
}
.js-lives .main .control .livesb p{
	font-size:18px;
	font-weight:200;
	line-height:32px;
}

.js-lives .main .control .resource ul {
	float: left;
	display: block;
	padding-top: 4px
}

.js-lives .main .control .resource ul a {
	color: #397bff
}

.js-lives .main .control .resource span img {
	margin-right: 4px
}

.js-lives .main .control .content {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.js-lives .main .control .content a {
	display: block
}

.js-lives .main .control .content i {
	color: #397bff
}

.js-lives .main .control .content a:hover {
	color: #333
}

.js-lives .main .control .content a+a {
	margin-top: 6px
}

.js-lives .main .control .content .livesb {
	font-weight: 700
}

.js-lives .main .control .intro {
	margin-left: 60px
}

.js-lives .main .control .intro-detail {
	margin-left: 0
}

.js-lives .main .control .content-detail {
	margin-bottom: 30px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	margin-top: 40px;
}

.js-lives .main .control .content-detail i {
	color: #397bff
}

.js-lives .main .control .content-detail a:hover {
	color: #333
}

.js-lives .main .control .photo-detail {
	margin-bottom: 20px
}

.js-lives .main .control .photo-detail span img {
	margin-right: 4px
}

.js-lives .main .control .fig {
	padding-top: 30px
}

.js-lives .main .control .grade {
	float: right;
	padding-top: 3px
}

.js-lives .main .control .photo {
	margin-top: 20px
}

.js-lives .main .control .photo a {
	width: 210px;
	max-height: 85px;
	display: block;
	float: left;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 6px 6px 0
}

.js-lives .main .control .photo img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-lives .main .control .photo a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-lives .main .control .read {
	padding: 10px 10px 10px 40px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	margin: 20px 0 10px 0;
	background: url(../img/read-icon.svg) 14px 14px no-repeat
}

.js-lives .main .control .read i {
	font-weight: 700
}

.js-lives .main .control ol {
	float: right;
	position: relative
}

.js-lives .main .control ol a {
	padding: 4px 6px 4px 30px;
	color: #999;
	border-radius: 4px;
	border: #fff 1px solid;
	display: block
}

.js-lives .main .control ol a:hover {
	color: #333;
	border: #dcdcdc 1px solid
}

.js-lives .main .control ol .rose {
	background: url(../img/rose.svg) 6px 7px no-repeat
}

.js-lives .main .control ol .rose-h {
	background: url(../img/rose-h.svg) 6px 7px no-repeat
}

.js-lives .main .control ol .rose:hover {
	background: url(../img/rose-h.svg) 6px 7px no-repeat
}

.js-lives .main .control ol .fall {
	background: url(../img/fall.svg) 6px 7px no-repeat
}

.js-lives .main .control ol .fall-h {
	background: url(../img/fall-h.svg) 6px 7px no-repeat
}

.js-lives .main .control ol .fall:hover {
	background: url(../img/fall-h.svg) 6px 7px no-repeat
}

.js-lives .main .control .addition {
	position: absolute;
	top: -14px;
	left: 27px;
	font-weight: 700
}

.js-lives .main .control .red {
	color: #c4192d
}

.js-lives .main .control .red a {
	color: #c4192d
}

.js-lives .main .control .red a:hover {
	color: #c4192d
}

.js-lives .main .control .green {
	color: #5da310
}

.js-lives .main .control ol+ol {
	margin-right: 10px
}

.js-lives .main .control span {
	float: right;
	margin: 6px 0 0 10px;
	display: block
}

.js-lives .main .control span a {
	padding: 3px 5px;
	color: #999
}

.js-lives .main .control span a:hover {
	color: #333
}

.js-lives .main .control-detail {
	margin-left: 0;
	padding: 0;
	border-left: none
}

.js-lives .main .share {
	position: relative;
	display: block
}

.js-lives .main .share .share-pop {
	padding: 12px 18px;
	width: 100px;
	left: -55px;
	bottom: 30px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	border-radius: 4px;
	display: block;
	background: #fff;
	position: absolute
}

.js-lives .main .share .share-pop a {
	width: 24px;
	height: 24px;
	padding: 6px;
	display: block;
	float: left
}

.js-lives .main .share .share-pop .qq {
	background: url(../img/qq-icon.svg) 6px 6px no-repeat
}

.js-lives .main .share .share-pop .q-zone {
	background: url(../img/q-zone-icon.svg) 6px 4px no-repeat
}

.js-lives .main .share .share-pop .weibo {
	background: url(../img/weibo-icon.svg) 6px 6px no-repeat
}

.js-lives .main .share .share-pop .weixin {
	background: url(../img/weixin-icon.svg) 6px 6px no-repeat
}

.js-lives .main .share .share-pop a+a {
	margin-left: 20px
}

.js-lives .main .grade1 {
	width: 11px;
	height: 11px;
	background: #c4192d;
	border-radius: 100%;
	position: absolute;
	left: -6px;
	top: 7px
}

.js-lives .main .grade2 {
	width: 9px;
	height: 9px;
	background: #f29700;
	border-radius: 100%;
	position: absolute;
	left: -5px;
	top: 8px
}

.js-lives .main .grade3 {
	width: 7px;
	height: 7px;
	background: #999;
	border-radius: 100%;
	position: absolute;
	left: -4px;
	top: 10px
}

.js-lives .main+.title {
	margin-top: 50px
}

.js-lives .lives-loading {
	height: 48px;
	margin-top: 30px
}

.js-lives .lives-loading a {
	height: 48px;
	width: 100%;
	border: #dcdcdc 1px solid;
	border-radius: 8px;
	display: block;
	background: url(../img/loading-ico.svg) #f5f5f5 calc(50% - 5px) no-repeat;
	border: #f5f5f5 1px solid
}

.js-lives .lives-loading a:hover {
	background: url(../img/loading-ico.svg) #fff calc(50% - 5px) no-repeat
}

.js-app-download {
	margin-bottom: 30px;
	border-radius: 4px;
	border: #dcdcdc 1px solid;
	/* height: 76px; */
	padding: 15px 20px
}

.js-app-download h4{
	margin-bottom:10px;
}

.js-app-download img {
	/* width: 76px;
	height: 76px;
	float: left */
}

.js-app-download ul {
	margin-left: 96px
}

.js-app-download ul li {
	color: #f29700
}

.js-app-download ul li img {
	width: 200px;
	height: 38px
}

.js-app-download ul li+li {
	margin-top: 10px
}

.js-columns-value {
	margin-bottom: 30px
}

.js-columns-value .main {
	border-radius: 4px;
	border: #dcdcdc 1px solid
}

.js-columns-value .main .coin {
	padding: 0 20px
}

.js-columns-value .main .coin ul {
	width: 120px;
	float: left;
	overflow: hidden;
	height: 48px;
	line-height: 48px
}

.js-columns-value .main .coin ul img {
	width: 16px;
	height: 16px;
	margin: 15px 10px 0 0
}

.js-columns-value .main .coin .digital-down,.js-columns-value .main .coin .digital-stop,.js-columns-value .main .coin .digital-up {
	margin: 14px 0 0 20px;
	padding: 0 4px;
	float: left;
	border-radius: 4px;
	color: #fff;
	-webkit-transform: scale(.9);
	height: 20px;
	line-height: 20px
}

.js-columns-value .main .coin .digital-up {
	background: #c4192d
}

.js-columns-value .main .coin .digital-down {
	background: #5da310
}

.js-columns-value .main .coin .digital-stop {
	background: #666
}

.js-columns-value .main .coin ul:nth-child(2) {
	width: 90px;
	margin-left: 10px
}

.js-columns-value .main .coin .expand {
	float: right;
	margin-top: 20px;
	height: 16px;
	line-height: 16px
}

.js-columns-value .main .coin .expand img {
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-columns-value .main .coin:hover {
	cursor: pointer
}

.js-columns-value .main .coin:hover .expand img {
	transform: rotate(180deg)
}

.js-columns-value .main .coin+.coin {
	border-top: 1px solid #dcdcdc
}

.js-columns-value .main .active ul img {
	width: 24px;
	height: 24px;
	margin: 12px 10px 0 0
}

.js-columns-value .main .active .expand {
	display: none
}

.js-columns-value .main .active:hover {
	cursor: default
}

.js-columns-value .main .photo {
	height: 110px
}

.js-columns-value .main .price {
	height: 70px
}

.js-columns-value .main .price ol {
	width: 100px;
	display: inline-block;
	padding-top: 14px
}

.js-columns-value .main .price ol li {
	color: #333
}

.js-columns-value .main .price ol span {
	color: #999;
	padding-left: 3px
}

.js-columns-value .main .price ol:nth-child(1) {
	padding-left: 20px
}

.js-columns-value .main .price ol:nth-child(3) {
	width: 70px
}

.js-columns-value .main .price ol+ol {
	margin-left: 10px
}

.js-lives-read {
	margin-bottom: 30px
}

.js-lives-read dl {
	display: block;
	height: 70px
}

.js-lives-read dl dt {
	float: left
}

.js-lives-read dl dt a {
	width: 70px;
	height: 70px;
	border-radius: 4px;
	display: block;
	overflow: hidden
}

.js-lives-read dl dt a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-lives-read dl dt img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-lives-read dl dd {
	margin-left: 90px
}

.js-lives-read dl dd .title {
	height: 48px
}

.js-lives-read dl dd span {
	color: #999;
	padding-top: 4px;
	display: block
}

.js-lives-read dl dd span a {
	color: #999
}

.js-lives-read dl dd span a:hover {
	color: #397bff
}

.js-lives-read dl+dl {
	margin-top: 30px
}

.js-lives-twitter {
	display: block
}

.js-lives-twitter .title {
	height: 90px
}

.js-lives-twitter .title .date {
	width: 130px;
	height: 44px;
	float: left
}

.js-lives-twitter .title .date ul {
	width: 40px;
	height: 44px;
	display: block;
	border-radius: 4px;
	float: left
}

.js-lives-twitter .title .date ul span {
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #c4192d;
	color: #fff;
	display: block
}

.js-lives-twitter .title .date ul span:nth-child(2) {
	font-weight: 700;
	background: #fff;
	color: #333;
	height: 24px;
	line-height: 24px;
	padding-bottom: 2px
}

.js-lives-twitter .title .date ul .month {
	border-radius: 6px 6px 0 0
}

.js-lives-twitter .title .date ul .day {
	width: 38px;
	border-radius: 0 0 6px 6px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid
}

.js-lives-twitter .title .date ol {
	display: block;
	height: 44px;
	float: right
}

.js-lives-twitter .title .date ol .week {
	color: #333;
	font-weight: 700
}

.js-lives-twitter .title .date ol li:nth-child(2) {
	color: #999
}

.js-lives-twitter .title .tabs {
	padding: 4px 0 0 30px;
	margin-left: 30px;
	height: 44px;
	float: left;
	border-left: #dcdcdc 1px solid
}

.js-lives-twitter .title .setup {
	width: 200px;
	height: 44px;
	float: right
}

.js-lives-twitter .title .setup ul {
	float: right;
	padding-top: 6px;
	display: block;
	position: relative
}

.js-lives-twitter .title .setup ul .link {
	padding: 6px;
	display: block
}

.js-lives-twitter .title .setup ul ol {
	border-radius: 4px;
	display: block;
	padding: 12px 18px;
	width: 100px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	background: #fff;
	left: -56px;
	bottom: -90px;
	position: absolute
}

.js-lives-twitter .title .setup ul ol li {
	display: block;
	height: 20px;
	padding: 8px 0 8px 0
}

.js-lives-twitter .title .setup ul ol li span {
	float: left;
	color: #666
}

.js-lives-twitter .title .setup ul ol li .switch {
	float: right;
	padding-top: 1px
}

.js-lives-twitter .title .setup ul ol li .switch a {
	color: #666;
	display: inline-block
}

.js-lives-twitter .title .setup ul ol li .switch a:hover {
	color: #333
}

.js-lives-twitter .title .setup ul .remind {
	width: 29px;
	height: 14px;
	background: #999;
	padding: 1px;
	border-radius: 4px
}

.js-lives-twitter .title .setup ul .remind i {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 3px;
	display: block
}

.js-lives-twitter .title .setup ul .remind-open {
	width: 29px;
	height: 14px;
	background: #f29700;
	padding: 1px;
	border-radius: 4px
}

.js-lives-twitter .title .setup ul .remind-open i {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 3px;
	display: block;
	float: right
}

.js-lives-twitter .title .setup ul .filter {
	bottom: -269px
}

.js-lives-twitter .title .setup ul .filter a {
	padding-left: 22px;
	color: #666;
	display: block
}

.js-lives-twitter .title .setup ul .filter a:hover {
	background: url(../img/filter-icon.svg) 0 4px no-repeat;
	color: #333
}

.js-lives-twitter .title .setup ul .filter .active {
	background: url(../img/filter-icon.svg) 0 4px no-repeat;
	color: #333;
	font-weight: 700
}

.js-lives-twitter .title .setup ul .important {
	border-top: #dcdcdc 1px solid;
	padding-top: 10px;
	margin-top: 4px
}

.js-lives-twitter .title .setup ul .important a {
	padding-left: 0
}

.js-lives-twitter .title .setup ul .important a:hover {
	background: 0 0
}

.js-lives-twitter .title .setup ul+ul {
	margin-right: 20px
}

.js-lives-twitter .main .control {
	margin-left: 5px;
	padding: 0 0 30px 0
}

.js-lives-twitter .main .avatar {
	width: 64px;
	height: 64px;
	float: left
}

.js-lives-twitter .main .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.js-lives-twitter .main .content {
	margin-left: 100px;
	border-bottom: #dcdcdc 1px solid;
	padding-bottom: 10px
}

.js-lives-twitter .main .content .name {
	margin-bottom: 10px
}

.js-lives-twitter .main .content .name span {
	color: #999;
	margin-left: 10px
}

.js-lives-twitter .main .content .text {
	margin-bottom: 20px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.js-lives-twitter .main .content .text a {
	color: #397bff
}

.js-lives-twitter .main .content .photo a {
	width: 170px;
	height: 170px;
	display: inline-block;
	overflow: hidden;
	margin: 0 20px 16px 0
}

.js-lives-twitter .main .content .photo img {
	width: 100%;
	height: 100%
}

.js-lives-twitter .main .content .translate {
	border-left: #dcdcdc 1px solid;
	padding-left: 20px;
	margin-bottom: 20px
}

.js-lives-twitter .main .content .translate span {
	color: #999;
	height: 12px;
	line-height: 12px
}

.js-lives-twitter .main .content .translate p {
	padding-top: 6px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.js-lives-twitter .main .content .quote {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 14px 20px;
	margin-bottom: 20px
}

.js-lives-twitter .main+.title {
	margin-top: 50px
}

.js-lives-twitter .lives-loading {
	height: 48px;
	margin-top: 30px
}

.js-lives-twitter .lives-loading a {
	height: 48px;
	width: 100%;
	border: #dcdcdc 1px solid;
	border-radius: 8px;
	display: block;
	background: url(../img/loading-ico.svg) #f5f5f5 calc(50% - 5px) no-repeat;
	border: #f5f5f5 1px solid
}

.js-lives-twitter .lives-loading a:hover {
	background: url(../img/loading-ico.svg) #fff calc(50% - 5px) no-repeat
}

.js-author-brands {
	height: 360px;
	background: url(../images/im006.png) center center no-repeat;
	background-size: 100% 360px
}

.js-author-brands .control {
	height: 360px;
	width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative
}

.js-author-brands .control .share {
	float: right;
	margin-top: 23px;
	position: absolute;
	top: 40px;
	right: 0
}

.js-author-brands .control .share a {
	padding-left: 26px;
	display: block;
	color: #999;
	float: left;
	background: url(../img/share.svg) 0 3px no-repeat
}

.js-author-brands .control .share a:hover {
	color: #999
}

.js-author-brands .control .share .shares-pop {
	padding: 12px 18px;
	width: 160px;
	left: -75px;
	bottom: 23px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	border-radius: 4px;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 9
}

.js-author-brands .control .share .shares-pop a {
	width: 24px;
	height: 24px;
	padding: 6px;
	float: left;
	display: block
}

.js-author-brands .control .share .shares-pop .qq {
	background: url(../img/qq-icon.svg) 6px 6px no-repeat
}

.js-author-brands .control .share .shares-pop .q-zone {
	background: url(../img/q-zone-icon.svg) 6px 4px no-repeat
}

.js-author-brands .control .share .shares-pop .weibo {
	background: url(../img/weibo-icon.svg) 6px 6px no-repeat
}

.js-author-brands .control .share .shares-pop .weixin {
	background: url(../img/weixin-icon.svg) 6px 6px no-repeat
}

.js-author-brands .control .share .shares-pop a+a {
	margin-left: 20px
}

.js-author-brands .control .avatar {
	padding-top: 40px;
	text-align: center;
	margin-bottom: 20px
}

.js-author-brands .control .avatar img {
	width: 80px;
	height: 80px;
	border-radius: 100%
}

.js-author-brands .control .name {
	text-align: center;
	font-weight: 700;
	color: #fff;
	margin-bottom: 12px
}

.js-author-brands .control .name ol {
	position: relative;
	display: inline-block
}

.js-author-brands .control .name span {
	position: absolute;
	top: 2px;
	right: -90px
}

.js-author-brands .control .brief {
	text-align: center;
	color: #fff;
	font-weight: 300;
	height: 46px;
	margin-bottom: 10px
}

.js-author-brands .control .bed {
	text-align: center;
	margin-bottom: 20px
}

.js-author-brands .control .bed a {
	color: #fff;
	width: 68px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	background: #000;
	display: inline-block;
	margin: 0 auto
}

.js-author-brands .control .bedcp {
	text-align: center;
	margin-bottom: 20px
}

.js-author-brands .control .bedcp a {
	color: #fff;
	width: 68px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	background: rgba(251,251,251,.2);
	display: inline-block;
	margin: 0 auto
}

.js-author-brands .control .data {
	height: 46px;
	text-align: center
}

.js-author-brands .control .data ul {
	display: inline-block;
	margin: 0 auto;
	color: #fff
}

.js-author-brands .control .data ul li {
	width: 90px;
	height: 44px;
	display: inline-block
}

.js-author-brands .control .data ul span {
	display: block;
	opacity: .5
}

.js-author-brands .control .data ul li+li {
	border-left: rgba(251,251,251,.2) 1px solid
}

.js-brands-card {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-brands-card .name {
	font-weight: 700;
	margin-bottom: 10px
}

.js-brands-card .brief {
	font-weight: 300;
	margin-bottom: 40px;
	color: #999;
	margin-bottom: 60px
}

.js-brands-card ul {
	color: #999;
	padding-top: 20px;
	padding-bottom: 10px
}

.js-brands-card ul a {
	color: #397bff
}

.js-brands-card ul li {
	margin-bottom: 10px
}

.js-brands-card ul+ul {
	border-top: #dcdcdc 1px solid
}

.js-brands-card ol {
	padding-top: 20px
}

.js-brands-card ol li {
	float: left;
	color: #999
}

.js-brands-card ol span {
	display: block;
	color: #333;
	margin-top: 5px
}

.js-brands-card ol img {
	float: right;
	width: 80px;
	height: 80px
}

.js-article .title {
	font-weight: 700;
	margin-bottom: 30px
}

.js-main .js-home-main .js-left .js-article .title h2{
	font-size:30px;
}

.js-article .article-info {
	color: #666;
	margin-bottom: 30px
}

.js-article a {
    color: #3781f4;
}

.js-article .article-info .time {
	display: inline-block;
	color: #666;
	margin-left: 30px
}

.js-article .article-info ul {
	margin-left: 30px
}

.js-article .article-info img,.js-article .article-info span,.js-article .article-info ul {
	display: inline-block
}

.js-article .article-info .author {
	width: 25px;
	height: 25px;
	/* border-radius: 100%; */
	margin-right: 4px
}

.js-article .article-info .amount {
	margin: -10px 2px 0 0
}

.js-article .article-info a:hover span {
	color: #397bff
}

.js-article .article-info li {
	display: block;
	margin-top: 4px;
	float: left
}

.js-article .reading {
	border-bottom: #dcdcdc 1px solid;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.js-article .reading span {
	font-weight: 700;
	margin-right: 10px
}

.js-article blockquote,.js-article p {
	margin-bottom: 30px;
	word-wrap: break-word
}

.js-article blockquote img,.js-article p img {
	width: 100%;
	margin: 0 auto;
	display: block
}

.js-article section {
	margin-bottom: 30px
}

.js-article section td {
	padding: 10px
}

.js-article section p {
	margin: 0
}

.js-article table {
	background: #dcdcdc
}

.js-article td {
	background: #fff
}

.js-article blockquote {
	padding-left: 20px;
	border-left: 2px solid #333;
	margin: 0 0 30px 0
}

.js-article strong {
	margin-bottom: 30px
}

.js-article .tags {
	margin-bottom: 30px
}

.js-article .tags a {
	display: inline-block;
	padding: 8px 22px;
	background: #f5f5f5;
	border-radius: 4px
}

.js-article .tags a+a {
	margin-left: 20px
}

.js-article .source {
	margin-bottom: 20px
}

.js-article .source a {
	color: #397bff;
	margin-right: 20px
}

.js-article .source .error-correction {
	@ectend .line14;color: #4a4a4a;
	padding-left: 13px
}

.js-article .source .error-correction:hover {
	text-decoration: underline;
	color: #397bff
}

.js-article .statement {
	color: #999;
	margin-bottom: 30px
}

.js-article .recom {
	border-top: #dcdcdc 1px solid;
	padding-top: 20px;
	margin-bottom: 20px
}

.js-article .recom .recom-icon {
	float: left
}

.js-article .recom .recom-con {
	margin-left: 30px
}

.js-article .recom .recom-con ol {
	color: #999;
	margin-bottom: 10px
}

.js-article .recom .recom-con ul {
	font-weight: 700;
	margin-bottom: 6px
}

.js-article .review {
	border-top: #dcdcdc 1px solid;
	padding-top: 20px
}

.js-article .review .article-tabs ul a {
	color: #333
}

.js-article .review .list {
	margin-bottom: 20px
}

.js-article .review .list li {
	height: 26px;
	line-height: 26px
}

.js-article .review .list span {
	width: 5px;
	height: 5px;
	display: inline-block;
	background: #666;
	border-radius: 100%;
	margin: 0 10px 2px 0
}

.js-article .sponsor {
	padding: 20px 0;
	border-bottom: #dcdcdc 1px solid
}

.js-article .sponsor img {
	float: left;
	width: 160px;
	height: 62px
}

.js-article .sponsor ul {
	margin-left: 190px;
	color: #666
}

.js-article .sponsor li:nth-child(1) {
	color: #333;
	font-weight: 700;
	padding-bottom: 4px
}

.js-article .btc-price {
	padding-top: 20px;
	margin-bottom: 30px
}

.js-article .btc-price span {
	color: #c4192d;
	margin: 0 3px;
	font-weight: 700
}

.js-article .ad-list {
	height: 220px
}

.js-article .ad-list ul {
	width: 130px;
	height: 175px;
	padding: 40px 20px 0 20px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	background: #fff;
	display: block;
	margin-right: 20px;
	float: left;
	position: relative
}

.js-article .ad-list ul img {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px
}

.js-article .ad-list ul li {
	margin-bottom: 10px;
	height: 46px
}

.js-article .ad-list ul span {
	color: #999;
	display: block
}

.js-article .ad-list ul .note {
	position: absolute;
	top: 4px;
	right: 4px;
	color: #999;
	opacity: .5
}

.js-article .ad-list .ad-green {
	background: #f1f8e8
}

.js-article .ad-list .ad-green li {
	color: #538c27
}

.js-article .ad-list .ad-orange {
	background: #fff8e0
}

.js-article .ad-list .ad-orange li {
	color: #ff7000
}

.js-article .ad-list .ad-blue {
	background: #dff7fa
}

.js-article .ad-list .ad-blue li {
	color: #333
}

.js-article .ad-list .ad-purple {
	background: #e8eaf6
}

.js-article .ad-list .ad-purple li {
	color: #333
}

.js-article-next-bg {
	background: #f5f5f5;
	margin-bottom: 0;
	margin: 0
}

.js-article-next {
	padding: 30px 0
}

.js-article-next .title {
	font-weight: 700;
	margin-bottom: 0px
}

.js-article-next .article-info {
	color: #666;
	margin-bottom: 0px
}

.js-article-next .article-info .time {
	display: inline-block;
	color: #666;
	margin: 5px 0px 5px 30px;
	
}

.js-article-next .article-info ul {
	margin-left: 30px
}

.js-article-next .article-info img,.js-article-next .article-info span,.js-article-next .article-info ul {
	display: inline-block
}

.js-article-next .article-info .author {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	margin-right: 4px
}

.js-article-next .article-info .amount {
	margin: 5px 2px 0 0
}

.js-article-next .article-info a:hover span {
	color: #397bff
}

.js-article-next .article-info li {
	display: block;
	margin-top: 4px;
	float: left
}

.js-article-next p {
	margin-bottom: 10px;
	font-size:16px;
}

.js-article-next ol {
	color: #999;
	margin-bottom: 10px
}

.js-mining {
	margin-bottom: 50px
}

.js-mining dl {
	display: block;
	height: 70px
}

.js-mining dl dt {
	float: left
}

.js-mining dl dt a {
	width: 70px;
	height: 70px;
	border-radius: 4px;
	display: block;
	overflow: hidden
}

.js-mining dl dt a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-mining dl dt img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-mining dl dd {
	margin-left: 98px
}

.js-mining dl dd .title a {
	height: 44px
}

.js-mining dl dd span {
	color: #f29700;
	padding-top: 8px;
	display: block
}

.js-mining dl+dl {
	margin-top: 30px
}

.js-blockchain-games {
	margin-bottom: 30px
}

.js-blockchain-games .main dl {
	display: inline-block;
	width: 182px
}

.js-blockchain-games .main dl dt {
	float: left
}

.js-blockchain-games .main dl dt a {
	width: 66px;
	height: 66px;
	border-radius: 4px;
	display: block;
	overflow: hidden;
	border-radius: 100%
}

.js-blockchain-games .main dl dt a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-blockchain-games .main dl dt img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-blockchain-games .main dl dd {
	margin-left: 80px;
	width: 105px;
	padding-top: 8px
}

.js-blockchain-games .main dl dd span {
	color: #999;
	padding-top: 8px;
	display: block
}

.js-blockchain-games .main dl+dl {
	margin-bottom: 30px
}

.js-columns-wsnav {
	margin-bottom: 30px
}

.js-columns-wsnav .main li {
	width: 182px;
	display: block;
	float: left;
	height: 40px;
	line-height: 40px
}

.js-columns-wsnav .main li a {
	display: block;
	padding-left: 12px;
	background: url(../img/dots.svg) 0 18px no-repeat
}

.js-columns-college {
	margin-bottom: 30px
}

.js-columns-college .college-banner {
	height: 177px
}

.js-columns-college .college-banner a {
	display: block;
	width: 370px;
	height: 177px
}

.js-columns-college .college-banner img {
	width: 100%;
	height: 100%
}

.js-columns-college .control {
	height: 65px;
	border: #dcdcdc 1px solid;
	border-radius: 0 0 4px 4px;
	padding: 10px 20px
}

.js-columns-college .control a {
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	margin-bottom: 8px
}

.js-columns-trend {
	margin-bottom: 30px
}

.js-columns-trend .main {
	border-radius: 4px;
	border: #dcdcdc 1px solid;
	padding: 20px
}

.js-columns-trend .main img {
	width: 328px
}

.js-columns-agency {
	margin-bottom: 30px
}

.js-columns-agency .main {
	border-radius: 4px;
	border: #dcdcdc 1px solid
}

.js-columns-agency .main ul {
	padding: 10px 20px;
	height: 40px
}

.js-columns-agency .main ul li {
	float: left;
	display: block;
	height: 40px;
	line-height: 40px
}

.js-columns-agency .main ul .agency-logo {
	width: 40px
}

.js-columns-agency .main ul .name {
	width: 90px
}

.js-columns-agency .main ul .quantity {
	width: 52px;
	margin-left: 100px
}

.js-columns-agency .main ul .quantity3 {
	width: 52px
}

.js-columns-agency .main ul .amount {
	width: 80px;
	color: #f29700
}

.js-columns-agency .main ul .tit-color {
	color: #999
}

.js-columns-agency .main ul img {
	width: 40px;
	height: 40px
}

.js-columns-agency .main ul li+li {
	margin-left: 20px
}

.js-columns-agency .main ul+ul {
	border-top: #dcdcdc 1px solid
}

.js-columns-tag {
	margin-bottom: 30px
}

.js-columns-tag ol {
	font-weight: 700;
	margin-bottom: 10px
}

.js-columns-tag span {
	color: #999
}

.js-overview {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-overview .main img {
	width: 730px
}

.js-updown {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-updown .main {
	margin-bottom: 30px
}

.js-updown .main .contrast {
	height: 16px;
	border-radius: 4px;
	background: #5da310;
	margin-bottom: 20px
}

.js-updown .main .contrast span {
	height: 16px;
	background: #c4192d;
	border-radius: 4px;
	display: block
}

.js-updown .main ul {
	margin-bottom: 30px;
	display: block;
	height: 16px
}

.js-updown .main ul li {
	display: block;
	height: 16px;
	line-height: 16px
}

.js-updown .main ul .up {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background: rgba(208,2,27,.5);
	float: left;
	margin-right: 6px
}

.js-updown .main ul .down {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background: rgba(126,185,62,.5);
	float: right
}

.js-updown .control .down,.js-updown .control .up {
	width: 360px
}

.js-updown .control .down ul,.js-updown .control .up ul {
	border-top: #dcdcdc 1px solid;
	padding: 3px 15px 0 15px;
	display: block;
	height: 43px
}

.js-updown .control .down li,.js-updown .control .up li {
	display: block;
	float: left
}

.js-updown .control .down .ranking,.js-updown .control .up .ranking {
	width: 30px;
	height: 40px;
	line-height: 40px
}

.js-updown .control .down .name,.js-updown .control .up .name {
	width: 110px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px
}

.js-updown .control .down .name img,.js-updown .control .up .name img {
	width: 16px;
	height: 16px;
	margin: 12px 8px 0 0
}

.js-updown .control .down .price,.js-updown .control .up .price {
	width: 98px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px
}

.js-updown .control .down .digital-down,.js-updown .control .down .digital-up,.js-updown .control .up .digital-down,.js-updown .control .up .digital-up {
	padding: 1px 4px;
	border-radius: 4px;
	color: #fff;
	-webkit-transform: scale(.9);
	margin-top: 10px
}

.js-updown .control .down .digital-up,.js-updown .control .up .digital-up {
	background: #c4192d
}

.js-updown .control .down .digital-down,.js-updown .control .up .digital-down {
	background: #5da310
}

.js-updown .control .down i,.js-updown .control .up i {
	color: #999;
	font-weight: 700;
	font-style: italic;
	float: left
}

.js-updown .control .down li:nth-child(3),.js-updown .control .up li:nth-child(3) {
	color: #333
}

.js-updown .control .down li:nth-child(4),.js-updown .control .up li:nth-child(4) {
	float: right
}

.js-updown .control .down ul:nth-child(1) i,.js-updown .control .up ul:nth-child(1) i {
	color: #f29700
}

.js-updown .control .down ul:nth-child(2) i,.js-updown .control .up ul:nth-child(2) i {
	color: #f29700
}

.js-updown .control .down ul:nth-child(3) i,.js-updown .control .up ul:nth-child(3) i {
	color: #f29700
}

.js-updown .control .up {
	float: left
}

.js-updown .control .down {
	float: right
}

.js-quantity {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-quantity ul {
	width: 162px;
	float: left
}

.js-quantity ul li {
	font-weight: 700
}

.js-quantity ul span {
	color: #999
}

.js-quantity ul:nth-child(1),.js-quantity ul:nth-child(2) {
	margin-bottom: 20px
}

.js-poportion {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-poportion ol {
	display: block;
	text-align: center;
	margin-bottom: 30px
}

.js-poportion ul {
	display: block
}

.js-poportion ul li {
	display: block;
	height: 24px;
	line-height: 24px
}

.js-poportion ul i {
	width: 16px;
	height: 16px;
	float: left;
	display: block;
	border-radius: 4px;
	margin: 3px 30px 0 0
}

.js-poportion ul span {
	float: left;
	margin-right: 10px;
	height: 24px;
	line-height: 24px
}

.js-poportion ul .color1 {
	background: #737ccc
}

.js-poportion ul .color2 {
	background: #52ceff
}

.js-poportion ul .color3 {
	background: #8ed06d
}

.js-poportion ul .color4 {
	background: #ffb761
}

.js-poportion ul .color5 {
	background: #fc7559
}

.js-poportion ul span:nth-child(2),.js-poportion ul span:nth-child(4) {
	width: 63px
}

.js-poportion ul span:nth-child(3) {
	width: 105px
}

.js-poportion ul li+li {
	margin-top: 4px
}

.js-recharge {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-recharge .recharge-data {
	display: block;
	margin-bottom: 30px
}

.js-recharge .recharge-data .js-rd {
	text-align: center;
	margin-bottom: 10px
}

.js-recharge .recharge-data .comments i {
	width: 14px;
	height: 14px;
	float: left;
	display: block;
	border-radius: 4px;
	margin: 3px 8px 0 0
}

.js-recharge .recharge-data .comments .red {
	background: #c4192d
}

.js-recharge .recharge-data .comments .green {
	background: #5da310
}

.js-recharge .recharge-data .comments span {
	display: block;
	float: left
}

.js-recharge .recharge-data .comments span+span {
	margin-left: 20px
}

.js-recharge ul {
	display: block
}

.js-recharge ul ol {
	height: 14px;
	line-height: 14px;
	text-align: center;
	display: block;
	color: #999
}

.js-recharge ul dl {
	height: 34px
}

.js-recharge ul dl dt {
	width: 162px;
	float: left
}

.js-recharge ul dl dt span {
	float: left;
	width: 66px
}

.js-recharge ul dl dt i {
	width: 90px;
	float: right;
	display: block;
	padding-top: 4px
}

.js-recharge ul dl dt .up {
	height: 10px;
	float: right;
	border-radius: 4px;
	background: #c4192d
}

.js-recharge ul dl dd {
	width: 162px;
	float: right
}

.js-recharge ul dl dd span {
	float: right;
	width: 66px;
	text-align: right
}

.js-recharge ul dl dd i {
	width: 90px;
	float: left;
	display: block;
	padding-top: 4px
}

.js-recharge ul dl dd .down {
	height: 10px;
	border-radius: 4px;
	background: #5da310
}

.js-recharge ul+ul {
	margin-top: 6px
}

.js-recharge .remark {
	padding-top: 10px;
	color: #999
}

.js-recharge .remark .cash {
	float: left;
	margin-right: 20px
}

.js-recharge .remark .cash span {
	background: #c4192d;
	margin-right: 6px
}

.js-recharge .remark .recharge {
	float: left
}

.js-recharge .remark .recharge span {
	background: #5da310;
	margin-right: 6px
}

.js-recharge .remark span {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	display: inline-block;
	opacity: .8
}

.js-24ranking {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	padding: 20px
}

.js-24ranking .list {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px
}

.js-24ranking .list ol {
	float: left;
	display: inline-block;
	width: 75px
}

.js-24ranking .list ul {
	height: 10px;
	padding-top: 5px;
	margin-left: 10px;
	width: 170px;
	float: left
}

.js-24ranking .list i {
	float: right;
	color: #999
}

.js-24ranking .list span {
	height: 10px;
	border-radius: 4px;
	background: #397bff;
	display: block
}

.js-columns-24updown {
	margin-bottom: 30px;
	border: #dcdcdc 1px solid;
	border-radius: 4px
}

.js-columns-24updown .title {
	padding: 20px 20px 0 20px
}

.js-columns-24updown .control {
	padding-bottom: 10px
}

.js-columns-24updown .control ul {
	padding: 3px 20px 0 20px;
	display: block;
	height: 43px
}

.js-columns-24updown .control li {
	display: block;
	float: left
}

.js-columns-24updown .control .ranking {
	width: 26px;
	height: 40px;
	line-height: 40px
}

.js-columns-24updown .control .name {
	width: 95px;
	height: 40px;
	line-height: 40px;
	padding-right: 10px
}

.js-columns-24updown .control .name img {
	width: 16px;
	height: 16px;
	margin: 12px 8px 0 0
}

.js-columns-24updown .control .price {
	width: 95px;
	height: 40px;
	line-height: 40px;
	padding-right: 10px
}

.js-columns-24updown .control .digital-down,.js-columns-24updown .control .digital-up {
	padding: 1px 4px;
	border-radius: 4px;
	color: #fff;
	-webkit-transform: scale(.9);
	margin-top: 10px
}

.js-columns-24updown .control .digital-up {
	background: #c4192d
}

.js-columns-24updown .control .digital-down {
	background: #5da310
}

.js-columns-24updown .control i {
	color: #999;
	font-weight: 700;
	font-style: italic;
	float: left
}

.js-columns-24updown .control li:nth-child(3) {
	color: #333
}

.js-columns-24updown .control li:nth-child(4) {
	float: right
}

.js-columns-24updown .control ul:nth-child(1) i {
	color: #f29700
}

.js-columns-24updown .control ul:nth-child(2) i {
	color: #f29700
}

.js-columns-24updown .control ul:nth-child(3) i {
	color: #f29700
}

.js-columns-24updown .control ul+ul {
	border-top: #dcdcdc 1px solid
}

.js-market {
	margin-bottom: 30px
}

.js-market .market-title {
	height: 40px;
	overflow: hidden;
	margin-bottom: 30px
}

.js-market .title {
	width: 700px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	height: 70px;
	position: relative;
	overflow-x: auto;
	overflow-y: unset
}

.js-market .title .more {
	height: 30px;
	width: 40px;
	top: 0;
	right: 0;
	background-image: linear-gradient(270deg,#fff 0,rgba(255,255,255,0) 100%);
	position: absolute
}

.js-market .main {
	height: 1200px
}

.js-market .main ol,.js-market .main ul {
	padding: 13px 0;
	height: 28px;
	border-bottom: #dcdcdc 1px solid
}

.js-market .main ol li,.js-market .main ul li {
	float: left;
	height: 28px;
	line-height: 28px
}

.js-market .main ol a,.js-market .main ul a {
	display: block
}

.js-market .main ol .logo,.js-market .main ul .logo {
	width: 28px;
	height: 28px;
	margin-right: 6px
}

.js-market .main ol li+li,.js-market .main ul li+li {
	margin-left: 10px
}

.js-market .main ol .name,.js-market .main ul .name {
	width: 140px
}

.js-market .main ol .deal,.js-market .main ul .deal {
	width: 110px
}

.js-market .main ol .change,.js-market .main ul .change {
	width: 80px
}

.js-market .main ol .highest,.js-market .main ul .highest {
	width: 100px;
	color: #666
}

.js-market .main ol .lowest,.js-market .main ul .lowest {
	width: 100px;
	color: #666
}

.js-market .main ol .quantity,.js-market .main ul .quantity {
	width: 70px;
	color: #666
}

.js-market .main ol .line,.js-market .main ul .line {
	width: 65px
}

.js-market .main ol .line a,.js-market .main ul .line a {
	width: 65px
}

.js-market .main ol .line img,.js-market .main ul .line img {
	width: 100%
}

.js-market .main ol .up,.js-market .main ul .up {
	color: #c4192d
}

.js-market .main ol .down,.js-market .main ul .down {
	color: #5da310
}

.js-market .main ol .exchange,.js-market .main ul .exchange {
	width: 140px
}

.js-market .main ol .change img,.js-market .main ol .deal img,.js-market .main ol .highest img,.js-market .main ul .change img,.js-market .main ul .deal img,.js-market .main ul .highest img {
	margin: 7px 0 0 4px
}

.js-market .main ol {
	color: #666;
	border-top: #dcdcdc 1px solid
}

.js-market .main ol a {
	color: #666
}

.js-project {
	background: #f5f5f5;
	margin-top: 0;
	padding-top: 40px
}

.js-project .control {
	margin-bottom: 30px;
	height: 260px;
	justify-content: space-between
}

.js-project .control ul {
	width: 130px;
	height: 175px;
	padding: 40px 20px 0 20px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	background: #fff;
	display: inline-block
}

.js-project .control ul img {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	display: block;
	margin-bottom: 28px
}

.js-project .control ul li {
	margin-bottom: 10px
}

.js-project .control ul span {
	color: #999;
	height: 34px
}

.js-project-main {
	margin-bottom: 30px
}

.js-project-main .screening {
	height: 48px;
	line-height: 48px;
	border-bottom: #dcdcdc 1px solid
}

.js-project-main .screening span {
	width: 90px;
	color: #999;
	display: inline-block
}

.js-project-main .screening .active {
	color: #f29700
}

.js-project-main .screening a:hover {
	color: #f29700
}

.js-project-main .screening a+a {
	margin-left: 16px
}

.js-project-main div:nth-child(2) {
	border-top: #dcdcdc 1px solid
}

.js-project-main .list {
	padding-top: 50px
}

.js-project-main .list a {
	width: 320px;
	height: 70px;
	padding: 24px;
	margin: 0 30px 30px 0;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	display: block;
	float: left
}

.js-project-main .list a img {
	width: 64px;
	height: 64px;
	float: left;
	margin: 4px 0
}

.js-project-main .list a ul {
	margin-left: 92px
}

.js-project-main .list a ul li:nth-child(2) {
	color: #999;
	height: 38px
}

.js-project-main .list a ul li+li {
	margin-top: 4px
}

.js-project-main .list a:nth-child(3n+3) {
	margin-right: 0
}

.js-digg {
	height: 52px
}

.js-digg a,.js-digg span {
	height: 30px;
	line-height: 30px;
	padding: 0 14px;
	border: #dcdcdc 1px solid;
	display: inline-block
}

.js-digg a+a {
	margin-left: 10px
}

.js-digg span {
	margin: 0 10px;
	border: 0
}

.js-college {
	margin-bottom: 30px
}

.js-college .module {
	width: 370px;
	float: left;
	margin: 0 30px 40px 0
}

.js-college .module .college-banner a {
	overflow: hidden;
	display: block
}

.js-college .module .college-banner a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-college .module .college-banner img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-college .module .college-banner a {
	display: block;
	width: 370px;
	height: 177px;
	border-radius: 4px 4px 0 0;
	overflow: hidden
}

.js-college .module .college-banner img {
	width: 100%;
	height: 100%
}

.js-college .module .activity-banner {
	position: relative
}

.js-college .module .activity-banner a {
	overflow: hidden;
	display: block
}

.js-college .module .activity-banner a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-college .module .activity-banner img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-college .module .activity-banner a {
	display: block;
	width: 370px;
	height: 223px;
	border-radius: 4px 4px 0 0;
	overflow: hidden
}

.js-college .module .activity-banner img {
	width: 100%;
	height: 100%
}

.js-college .module .control {
	border: #dcdcdc 1px solid;
	border-radius: 0 0 4px 4px;
	padding: 10px 20px
}

.js-college .module .control .activity-title {
	font-weight: 700;
	height: 54px;
	margin-bottom: 10px
}

.js-college .module .control .period {
	color: #999;
	float: left
}

.js-college .module .control .price {
	color: #f29700;
	float: right
}

.js-college .module .control .theme {
	font-weight: 700
}

.js-college .module .control .map {
	color: #666;
	float: left
}

.js-college .module .control .map span {
	display: block;
	height: 24px;
	line-height: 24px
}

.js-college .module .control .time {
	height: 50px
}

.js-college .module .control .end,.js-college .module .control .sign {
	float: right;
	width: 74px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin-top: 14px
}

.js-college .module .control .sign {
	background: #f29700
}

.js-college .module .control .end {
	background: #dcdcdc
}

.js-college .module .control li {
	height: 30px;
	line-height: 30px;
	display: block
}

.js-college .module .control li+li {
	margin-top: 6px
}

.js-college .module:nth-child(3n+3) {
	margin-right: 0
}

.js-activity {
	margin-bottom: 30px;
	border-top: #dcdcdc 1px solid
}

.js-activity .js-activity-screening {
	height: 48px;
	line-height: 48px;
	border-bottom: #dcdcdc 1px solid
}

.js-activity .js-activity-screening span {
	width: 90px;
	color: #999;
	display: inline-block
}

.js-activity .js-activity-screening .active {
	color: #f29700
}

.js-activity .js-activity-screening a:hover {
	color: #f29700
}

.js-activity .js-activity-screening a+a {
	margin-left: 16px
}

.js-lectures .module {
	width: 370px;
	float: left;
	margin: 0 30px 40px 0
}

.js-lectures .module .college-banner {
	float: left
}

.js-lectures .module .college-banner a {
	overflow: hidden;
	display: block
}

.js-lectures .module .college-banner a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-lectures .module .college-banner img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-lectures .module .college-banner a {
	display: block;
	width: 157px;
	height: 230px;
	border-radius: 4px 0 0 4px;
	overflow: hidden
}

.js-lectures .module .college-banner img {
	width: 100%;
	height: 100%
}

.js-lectures .module .control {
	border: #dcdcdc 1px solid;
	border-radius: 0 4px 4px 0;
	padding: 15px 20px;
	float: right;
	width: 171px;
	height: 198px
}

.js-lectures .module .control .period {
	color: #999
}

.js-lectures .module .control .theme {
	font-weight: 700;
	height: 50px;
	padding-top: 6px
}

.js-lectures .module .control .map {
	color: #666;
	float: left
}

.js-lectures .module .control .map span {
	display: block;
	height: 24px;
	line-height: 24px
}

.js-lectures .module .control ol {
	padding-top: 30px
}

.js-lectures .module .control ol a {
	color: #f29700;
	padding-left: 20px;
	display: inline-block
}

.js-lectures .module .control ol .article {
	background: url(../img/article-icon.svg) 0 3px no-repeat
}

.js-lectures .module .control ol .video {
	background: url(../img/video-icon.svg) 0 4px no-repeat
}

.js-lectures .module .control ol a+a {
	margin-left: 20px
}

.js-lectures .module .control li {
	display: block
}

.js-lectures .module .control li+li {
	margin-top: 6px
}

.js-lectures .module .control li:nth-child(3) {
	padding-top: 10px
}

.js-lectures .module:nth-child(3n+3) {
	margin-right: 0
}

.js-online {
	border-top: #dcdcdc 1px solid;
	padding-top: 40px
}

.js-online .service {
	width: 370px;
	float: left
}

.js-online .service .period {
	color: #666;
	margin-bottom: 20px
}

.js-online .service .period span {
	font-weight: 700;
	color: #f29700;
	margin: 0 4px
}

.js-online .service .title {
	color: #666;
	font-weight: 700;
	margin-bottom: 20px
}

.js-online .service .title a {
	color: #666
}

.js-online .service .summary {
	color: #999;
	margin-bottom: 20px
}

.js-online .service .price {
	color: #f29700;
	font-weight: 700;
	margin-bottom: 20px
}

.js-online .service .ewm {
	margin-bottom: 20px
}

.js-online .service .ewm img {
	width: 120px;
	height: 120px
}

.js-online .service .guild {
	color: #999
}

.js-online .lecturer {
	width: 770px;
	float: right
}

.js-online .lecturer .module {
	width: 368px;
	float: left;
	margin: 0 30px 40px 0;
	border: #dcdcdc 1px solid;
	border-radius: 4px
}

.js-online .lecturer .module .college-banner {
	float: left
}

.js-online .lecturer .module .college-banner a {
	overflow: hidden;
	display: block
}

.js-online .lecturer .module .college-banner a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-online .lecturer .module .college-banner img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-online .lecturer .module .college-banner a {
	display: block;
	width: 157px;
	height: 157px;
	border-radius: 4px 0 0 4px;
	overflow: hidden
}

.js-online .lecturer .module .college-banner img {
	width: 100%;
	height: 100%
}

.js-online .lecturer .module .control {
	padding: 15px 20px;
	float: right;
	width: 171px;
	height: 125px
}

.js-online .lecturer .module .control .period {
	color: #999
}

.js-online .lecturer .module .control .theme {
	font-weight: 700;
	height: 50px;
	padding-top: 6px
}

.js-online .lecturer .module .control .map {
	color: #666;
	float: left
}

.js-online .lecturer .module .control .map span {
	display: block;
	height: 24px;
	line-height: 24px
}

.js-online .lecturer .module .control ol {
	padding-top: 30px
}

.js-online .lecturer .module .control ol a {
	color: #f29700;
	padding-left: 20px;
	display: inline-block
}

.js-online .lecturer .module .control ol .article {
	background: url(../img/article-icon.svg) 0 3px no-repeat
}

.js-online .lecturer .module .control ol .video {
	background: url(../img/video-icon.svg) 0 4px no-repeat
}

.js-online .lecturer .module .control ol a+a {
	margin-left: 20px
}

.js-online .lecturer .module .control li {
	display: block
}

.js-online .lecturer .module .control li+li {
	margin-top: 4px
}

.js-online .lecturer .module:nth-child(2n+2) {
	margin-right: 0
}

.js-online-main {
	border-top: #dcdcdc 1px solid;
	margin-top: 30px;
	padding-top: 30px
}

.js-online-main .js-online-mail {
	float: right;
	color: #999;
	padding-top: 4px
}

.js-online-main .js-online-mail a {
	color: #397bff
}

.js-online-digg {
	float: left
}

.js-search {
	margin-bottom: 30px;
	position: relative
}

.js-search input {
	width: 100%;
	height: 50px;
	font-weight: 700;
	border-bottom: #dcdcdc 1px solid;
	border-left: none;
	border-right: none;
	border-top: none;
	outline: 0
}

.js-search a {
	position: absolute;
	padding: 10px;
	right: 0;
	top: 10px;
	display: block
}

.js-market-detai .mkleft {
	width: 270px;
	float: left
}

.js-market-detai .mkleft .title {
	height: 50px;
	margin-bottom: 30px
}

.js-market-detai .mkleft .title span {
	color: #999;
	margin-left: 10px
}

.js-market-detai .mkleft .search {
	height: 50px
}

.js-market-detai .mkleft .search input {
	display: block;
	float: left;
	width: 156px;
	padding-left: 28px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	height: 26px;
	line-height: 26px;
	background: url(../img/search2-cion.svg) 6px 5px no-repeat
}

.js-market-detai .mkleft .search select {
	display: block;
	float: right;
	width: 70px;
	border: #dcdcdc 1px solid;
	border-radius: 4px;
	height: 28px;
	line-height: 28px;
	background: #fff
}

.js-market-detai .mkleft .list ol,.js-market-detai .mkleft .list ul {
	height: 32px;
	line-height: 32px;
	margin-bottom: 6px
}

.js-market-detai .mkleft .list ol li,.js-market-detai .mkleft .list ul li {
	display: block;
	float: left;
	overflow: hidden
}

.js-market-detai .mkleft .list ol li:nth-child(1),.js-market-detai .mkleft .list ul li:nth-child(1) {
	width: 78px
}

.js-market-detai .mkleft .list ol li:nth-child(2),.js-market-detai .mkleft .list ul li:nth-child(2) {
	width: 72px;
	margin-left: 10px
}

.js-market-detai .mkleft .list ol li:nth-child(3),.js-market-detai .mkleft .list ul li:nth-child(3) {
	width: 72px;
	margin-left: 10px
}

.js-market-detai .mkleft .list ul {
	width: 270px
}

.js-market-detai .mkleft .list ol {
	color: #999;
	padding: 0 12px
}

.js-market-detai .mkleft .list a {
	color: #333;
	display: block;
	border-radius: 4px;
	height: 32px;
	line-height: 32px;
	padding: 0 12px
}

.js-market-detai .mkleft .list a:hover {
	color: #fff;
	background: #f29700
}

.js-market-detai .mkleft .list .active {
	color: #fff;
	background: #f29700
}

.js-market-detai .mkleft .mk-main {
	overflow: hidden;
	width: 290px;
	height: 416px;
	overflow-x: hidden;
	overflow-y: auto
}

.js-market-detai .mkleft .data ul {
	display: block;
	padding-top: 14px
}

.js-market-detai .mkleft .data ul li {
	display: block
}

.js-market-detai .mkleft .data ul li:nth-child(1) {
	width: 70px;
	color: #999;
	float: left
}

.js-market-detai .mkleft .data ul li:nth-child(2) {
	width: 176px;
	float: right
}

.js-market-detai .mkleft .data ul a {
	color: #397bff;
	display: block;
	word-break: break-all
}

.js-market-detai .mkleft .data ul a+a {
	margin-top: 10px
}

.js-market-detai .mkleft .mknews ul {
	margin-bottom: 20px
}

.js-market-detai .mkleft .mknews ul span {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #666;
	float: left;
	margin-top: 7px
}

.js-market-detai .mkleft .mknews ul a {
	margin-left: 12px;
	display: block
}

.js-market-detai .mkleft .mknews ol {
	text-align: center;
	color: #999;
	padding-top: 190px;
	background: #f5f5f5;
	border-radius: 4px;
	height: 314px
}

.js-market-detai .mkright {
	width: 870px;
	float: right
}

.js-market-detai .mkright .msg {
	margin-bottom: 30px
}

.js-market-detai .mkright .msg dl {
	display: block;
	float: left;
	width: 120px
}

.js-market-detai .mkright .msg dd,.js-market-detai .mkright .msg dt {
	display: block
}

.js-market-detai .mkright .msg dd {
	color: #999;
	padding-top: 10px
}

.js-market-detai .mkright .msg dl:nth-child(1) {
	width: 190px
}

.js-market-detai .mkright .msg dl:nth-child(1) dd {
	padding-top: 6px
}

.js-market-detai .mkright .msg dl+dl {
	margin-left: 10px
}

.js-market-detai .mkright .msg ol span {
	font-weight: 700
}

.js-market-detai .mkright .msg .red {
	color: #c4192d
}

.js-market-detai .mkright .msg .green {
	color: #5da310
}

.js-market-detai .mkright .control {
	border-radius: 4px;
	border: #dcdcdc 1px solid
}

.js-acl {
	width: 370px;
	float: left;
	padding-top: 30px
}

.js-acl .active {
	border-bottom: none;
	margin-bottom: 30px
}

.js-acl .active ul {
	width: 40px;
	height: 44px;
	display: block;
	float: left;
	border-radius: 4px;
	padding-top: 2px
}

.js-acl .active ul span {
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #c4192d;
	color: #fff;
	display: block
}

.js-acl .active ul span:nth-child(2) {
	font-weight: 700;
	background: #fff;
	color: #333;
	height: 24px;
	line-height: 24px;
	padding-bottom: 2px
}

.js-acl .active ul .month {
	border-radius: 6px 6px 0 0
}

.js-acl .active ul .day {
	width: 38px;
	border-radius: 0 0 6px 6px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid
}

.js-acl .active ol {
	display: block;
	margin-left: 70px;
	color: #333
}

.js-acl .active ol li:nth-child(1) {
	margin-bottom: 6px
}

.js-acl .title {
	color: #666;
	font-weight: 700;
	margin-bottom: 10px
}

.js-acl .add {
	margin-bottom: 30px
}

.js-acl .price {
	color: #f29700;
	margin-bottom: 10px
}

.js-acl .price-free {
	color: #5da310;
	margin-bottom: 10px
}

.js-acl .status {
	color: #999;
	margin-bottom: 30px
}

.js-acl .aclink a {
	font-weight: 700;
	height: 44px;
	line-height: 44px;
	display: block;
	border-top: #dcdcdc 1px solid;
	background: url(../img/tabs-more-w.svg) right 15px no-repeat scroll;
	padding-right: 26px
}

.js-acl .aclink a:hover {
	background: url(../img/tabs-more.svg) right 15px no-repeat
}

.js-acl .aclink a:last-child {
	border-bottom: #dcdcdc 1px solid
}

.js-acl-pop {
	position: fixed;
	top: 0
}

.js-acr {
	width: 770px;
	float: right;
	padding-top: 30px
}

.js-acr .topimg {
	position: relative;
	margin-bottom: 30px
}

.js-acr .topimg img {
	width: 770px;
	display: block
}

.js-acr p {
	margin-bottom: 30px;
	word-wrap: break-word
}

.js-acr p img {
	max-width: 770px;
	margin: 0 auto;
	display: block
}

.js-acr strong {
	margin-bottom: 30px;
	display: block
}

.js-related dl {
	display: block;
	height: 105px;
	float: left;
	width: 370px;
	margin: 0 30px 30px 0
}

.js-related dl dt {
	float: left
}

.js-related dl dt a {
	width: 170px;
	height: 105px;
	border-radius: 4px;
	display: block;
	overflow: hidden
}

.js-related dl dt a:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.js-related dl dt img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-related dl dd {
	margin-left: 190px;
	height: 100%;
	position: relative
}

.js-related dl dd .title {
	font-weight: 700
}

.js-related dl dd .title a {
	height: 78px
}

.js-related dl dd span {
	color: #999;
	padding-top: 8px;
	display: block;
	position: absolute;
	bottom: 0
}

.js-related dl:nth-child(2n+2) {
	margin-right: 0
}

.js-search-columns {
	margin-bottom: 50px
}

.js-search-columns .control {
	height: 120px;
	margin-bottom: 20px;
	position: relative
}

.js-search-columns .control ul {
	width: 70px;
	float: left;
	display: block
}

.js-search-columns .control ul li {
	display: block
}

.js-search-columns .control ul li .photo {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	overflow: hidden;
	display: block;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.js-search-columns .control ul li .photo img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-search-columns .control ul .cancel a {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: 1px solid #dcdcdc;
	color: #666;
	border-radius: 4px;
	text-align: center;
	margin: 0 auto
}

.js-search-columns .control ul li+li {
	margin-top: 14px
}

.js-search-columns .control ol {
	margin-left: 100px
}

.js-search-columns .control ol li {
	display: block
}

.js-search-columns .control ol li dl {
	display: inline-block
}

.js-search-columns .control ol li dl dt {
	color: #999;
	display: block;
	float: left;
	padding-top: 2px
}

.js-search-columns .control ol li dl dd {
	display: block;
	float: left
}

.js-search-columns .control ol li dl+dl {
	margin-left: 20px
}

.js-search-columns .control ol .name {
	font-weight: 700
}

.js-search-columns .control ol .name span {
	margin-left: 16px
}

.js-search-columns .control ol .text {
	color: #999;
	height: 40px
}

.js-search-columns .control ol li+li {
	margin-top: 8px
}

.js-search-columns .control .bed {
	position: absolute;
	top: -2px;
	right: 0;
	display: none;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-search-columns .control .bed span {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: #dcdcdc 1px solid;
	background: #fff;
	color: #666;
	border-radius: 4px;
	text-align: center;
	height: 20px;
	line-height: 20px
}

.js-search-columns .control .bed a {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: 1px solid #333;
	background: #333;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	height: 20px;
	line-height: 20px
}

.js-search-columns .control .bed-cancel {
	position: absolute;
	top: -2px;
	right: 0;
	display: none;
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in;
	will-change: transform
}

.js-search-columns .control .bed-cancel a {
	width: 60px;
	display: block;
	padding: 3px 0;
	border: #dcdcdc 1px solid;
	background: #fff;
	color: #666;
	border-radius: 4px;
	text-align: center;
	height: 20px;
	line-height: 20px
}

.js-search-columns .control:hover .bed {
	display: block
}

.js-search-columns .control:hover .bed-cancel {
	display: block
}

.noinform {
	text-align: center;
	color: #999;
	padding-top: 190px;
	background: #f5f5f5;
	border-radius: 4px;
	height: 314px
}

.js-correction {
	margin: 0 auto;
	padding-top: 104px;
	padding-bottom: 304px
}

.js-correction .jsc-fill {
	margin: 0 auto;
	width: 790px
}

.js-correction .jsc-fill .title {
	color: #333
}

.js-correction .jsc-fill .title-detail {
	color: #666;
	padding-top: 30px;
	padding-bottom: 158px
}

.js-correction .jsc-fill ul li {
	width: 100%;
	padding-bottom: 50px
}

.js-correction .jsc-fill ul li .left-infor {
	width: 170px;
	box-sizing: border-box;
	padding-right: 10px
}

.js-correction .jsc-fill ul li .left-infor.align {
	padding-top: 16px
}

.js-correction .jsc-fill ul li .right-infor {
	width: 602px
}

.js-correction .jsc-fill ul li .right-infor>section {
	display: flex;
	justify-content: space-between
}

.js-correction .jsc-fill ul li .right-infor section+section {
	padding-top: 32px
}

.js-correction .jsc-fill ul li span {
	color: #666
}

.js-correction .jsc-fill ul li span i {
	color: #c4192d;
	width: 9px;
	height: 9px;
	margin: 8px
}

.js-correction .jsc-fill ul li .jsc-artcle a {
	color: #4a90e2;
	display: inline-block;
	width: 100%
}

.js-correction .jsc-fill ul li label {
	color: #333;
	cursor: pointer
}

.js-correction .jsc-fill ul li label+label {
	margin-left: 114px
}

.js-correction .jsc-fill ul li input[type=checkbox] {
	transform: translateY(4px);
	margin-right: 10px;
	background: #fff;
	border: 1px solid #666;
	border-radius: 3px;
	width: 22px;
	height: 22px;
	-webkit-appearance: none;
	outline: 0
}

.js-correction .jsc-fill ul li input[type=checkbox]:checked {
	background: url(../img/correction-checked.svg) no-repeat;
	border: 0
}

.js-correction .jsc-fill ul li textarea {
	width: 100%;
	height: 123px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	color: #999;
	-webkit-appearance: none;
	outline: 0;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 15px
}

.js-correction .jsc-fill ul li textarea:active {
	border: 1px solid #f29700
}

.js-correction .jsc-fill ul li textarea:hover {
	border: 1px solid #f29700
}

.js-correction .jsc-fill ul li input[type=text] {
	width: 100%;
	height: 55px;
	color: #999
}

.js-correction .jsc-fill ul .correction-btn {
	padding-top: 114px
}

.js-correction input.put {
	width: 140px;
	height: 45px
}

.js-correction input.put-again {
	width: 140px;
	height: 45px;
	margin-left: 50px
}

.js-correction .jsc-commit {
	padding-top: 100px
}

.js-correction .jsc-commit img {
	width: 120px;
	height: 120px
}

.js-correction .jsc-commit .jsc-title {
	padding: 30px 0;
	color: #333
}

.js-correction .jsc-commit .jsc-infor {
	color: #666;
	padding-bottom: 104px
}

.js-apply-webnav {
	margin: 0 auto;
	margin-top: 109px;
	width: 758px
}

.js-apply-webnav h5 {
	color: #333
}

.js-apply-webnav .jsaw-infor {
	padding-top: 91px
}

.js-apply-webnav .jsaw-infor li {
	padding-bottom: 30px;
	vertical-align: middle
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-left {
	width: 134px;
	color: #666;
	height: 53px;
	line-height: 53px
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-left i {
	display: inline-block;
	color: #c4192d;
	width: 9px;
	height: 9px;
	position: relative;
	top: 2px;
	padding-left: 8px;
	padding-right: 12px
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=text] {
	width: 604px;
	height: 55px;
	color: #999
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right .jsaw-infor-file {
	background: #999;
	border-radius: 4px;
	width: 93px;
	height: 55px;
	display: inline-block;
	position: relative
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right .jsaw-infor-file span {
	content: '上传';
	position: absolute;
	left: 28px;
	top: 15px;
	color: #fff
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right input[type=file] {
	width: 93px;
	height: 55px;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	cursor: pointer
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right textarea {
	width: 604px;
	height: 123px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	color: #999;
	-webkit-appearance: none;
	outline: 0;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 15px
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right textarea:active {
	border: 1px solid #f29700
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right textarea:hover {
	border: 1px solid #f29700
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right select {
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	width: 602px;
	height: 53px
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right .put {
	width: 140px;
	height: 45px;
	margin-left: 100px
}

.js-apply-webnav .jsaw-infor li .jsaw-infor-right .put-again {
	width: 138px;
	height: 43px;
	margin-left: 50px
}

.js-apply-webnav-bottom {
	margin: 0 auto;
	border-top: 1px solid #e1e1e1;
	width: 1150px;
	padding: 30px 0 128px 212px;
	box-sizing: border-box
}

.js-apply-webnav-bottom h6 {
	color: #333;
	padding-bottom: 25px;
	font-weight: 500
}

.js-apply-webnav-bottom p {
	padding-bottom: 16px;
	color: #333
}

.js-apply-webnav-bottom .jsawb-infor-wrap {
	padding-bottom: 30px
}

.js-apply-webnav-bottom .jsawb-infor-wrap .jsawb-infor1 {
	width: 420px
}

.js-apply-webnav-bottom .jsawb-infor-wrap .jsawb-infor2 {
	width: 242px;
	padding-left: 70px
}

.js-error-tip {
	background: rgba(0,0,0,.7);
	border-radius: 4px;
	position: fixed;
	left: 50%;
	top: 30%;
	transform: translate(-50%,0);
	z-index: 100
}

.js-error-tip p {
	padding: 46px 130px;
	color: #fff
}

.js-content-placeholders {
	padding: 10px;
	border: #dcdcdc 1px solid;
	border-radius: 4px
}

.empty-mg0 {
	margin: 0
}

@keyframes navshow {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.article-tabs {
	/* height: 65px */
}

.search_txt {
	color: #999;
	font-size: 14px;
	margin-bottom: 30px
}

.icon_empty {
	margin: 200px auto 20px;
	text-align: center
}

.no-more-data {
	text-align: center;
	color: #999
}

.bi_list {
	margin-bottom: 40px;
	position: relative
}

.bi_list .bi_img {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	right: 0;
	border: 1px solid #eee
}

.bi_list .content {
	margin-left: 90px;
	line-height: 20px
}

.bi_list .content h3 {
	font-size: 16px;
	margin-bottom: 10px
}

.bi_list .content h3 .keyword {
	font-style: normal;
	color: #f29700
}

.bi_list .content h6 {
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
	font-weight: 400
}

.bi_list .content p {
	font-size: 14px;
	color: #9b9b9b;
	margin-bottom: 10px;
	line-height: 22px
}

.bi_list .content p .keyword {
	font-style: normal;
	color: #f29700
}

.bi_list .content em {
	color: #666;
	font-style: normal
}

.bi_list .content em a {
	color: #666;
	margin-right: auto
}

.bi_list .list_data i {
	font-size: 14px;
	color: #333;
	margin-right: 35px
}

.bi_list .list_data .Rose {
	color: #219401
}

.bi_list .list_data .fell {
	color: #e0051e
}

.bi_list .keyword {
	color: #f29700!important
}

.bi_list a:hover,.bi_list a:hover h3 .keyword {
	color: #397bff!important
}

.ja-article-list .article-main ol h3 a:hover .keyword {
	color: #397bff!important;
	transition: .4s
}

.ja-article-list .bd_bot {
	height: 28px;
	overflow: hidden
}

.ja-article-list .bd_bot span {
	color: #666;
	line-height: 30px
}

.ja-article-list .bd_bot .icons {
	height: 18px;
	margin-top: 6px
}

.ja-article-list .bd_bot .time {
	width: 190px
}

.ja-article-list .bd_bot .battn {
	background: #f29700;
	line-height: 26px;
	width: 74px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	font-weight: 300
}

.ja-article-list .bd_bot .battn:hover {
	color: #fff;
	opacity: .8
}

.ja-article-list .bd_bot .disabled {
	background: #e5e5e5;
	cursor: default
}

.article-tag .article-tag-flash {
	background: #477bf6
}


.br-news-prompt p{
	padding: 15px;
    line-height: 22px;
    font-size: 14px;
    color: #bdbdbd;
    border: 1px dotted #e4e4e4;
	margin-top:40px;
}

.br-news-pl{
	/* background:#e4e4e4; */
}



/*leate*/

/* nav {
  height: 42px;
  margin: 0 auto;
  width: 1170px; 
  }
  nav ul {
    padding: 0;
    float: left; }
    nav ul a {
      position: relative;
      color: #333; }
    nav ul a:hover {
      color: #F29700; }
    nav ul li {
      float: left;
      display: inline-block; }
      nav ul li a {
        display: inline-block; }
      nav ul li a + a {
        margin-left: 26px; }
    nav ul ol {
      font-weight: bold;
      float: left; }
    nav ul ol + li {
      margin-left: 32px; }
    nav ul .active {
      color: #fff !important; }
      nav ul .active span {
        width: 100%;
        height: 3px;
        background: #F29700;
        position: absolute;
        left: 0;
        bottom: -8px;
        opacity: 1; }
  nav ul + ul {
    margin-left: 59px; }



nav {
	width: auto;

	height: auto;
}

nav ul {

}

nav ul li .active {

	color: #fff;
    background-color: #891929;
	padding:20px 10px;
	
}

nav .more_d {
	position: relative;
	cursor: pointer
}

nav .more_d i {
	font-size: 30px;
	line-height: 18px;
	color: #D8D8D8;
	position: absolute;
	top: -6px;
	left: 28px;
	height: 42px;
	padding: 0 10px 10px 0px;
	width: 82px;
}

nav .more_d ul {
	width: 94px;
	background: #FFF;
	position: absolute;
	top: 40px;
	left: -28px;
	box-shadow: 0px 2px 3px 0 rgba(72, 72, 72, 0.2);
	border-radius: 3px;
	padding: 15px 20px;
	display: none;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	margin: 0;
}

nav .more_d ul li {
	height: auto;
	text-align: left;
}

nav .more_d ul li  a {
	font-size: 14px;
	line-height: 26px;
	margin-left: 0px;
	width: 100%;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

nav .more_d ul li  em {
	padding: 0 8px;
	color: #ccc;
	font-style: normal;
	vertical-align: bottom;
	display: none
}

nav .more_d ul li  em:nth-child(6n+0) {
	display: none;
}

nav .more_d ul li .active {
	border-bottom: 0;
}

nav .more_d:hover ul {
	display: block;
	z-index: 11;
	animation: navshow 0.5s linear;
	animation: navshow 0.5s linear;
	-moz-animation: navshow  0.5s linear;
	-webkit-animation: navshow  0.5s linear;
	-o-animation: navshow  0.5s linear;
}

@keyframes navshow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
 */