@charset "utf-8";
html{color:#1e1e1e;background-color:#f1f1f1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,
th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	margin:0;padding:0;box-sizing:border-box}ul{list-style:none}body{vertical-align:baseline;background:#f5f5f5;
	font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:block}body,button,input,select,textarea{font-size:14px}
input,select,textarea{font-size:100%}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset,img{border:0;margin:0 auto}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:500}
em{font-style:normal}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a{text-decoration:none;color:#000}
a:hover{color:#000}
.after,.before{position:absolute;top:0;right:0;height:0;width:0;border-style:solid;border-color:transparent;border-width:0;display:inline-block}
.vip{
	background:url(http://res.jiemian.com/static/r/jmm/image/jm-icon_67d7c063.png) no-repeat -63px -23px;width:14px;height:16px;display:inline-block;
	vertical-align:text-bottom}.vip2{background:url(http://res.jiemian.com/static/r/jmm/image/jm-icon_67d7c063.png) no-repeat -63px -43px;
	width:14px;height:16px;display:inline-block;vertical-align:text-bottom
}
.vip3{
	background:url(http://res.jiemian.com/static/r/jmm/image/jm-icon_67d7c063.png) no-repeat -63px -63px;width:14px;height:16px;display:inline-block;
	vertical-align:text-bottom}.header{background:#fff;position:relative;height:49px;z-index:888
}
.header.header-show .header-container{
	-webkit-transform:translateY(0%);transform:translateY(0%);-webkit-transition:all 500ms cubic-bezier(0.19,1,.22,1);
	transition:all 500ms cubic-bezier(0.19,1,.22,1)
}
.header-inner .header-container{width:100%;background:#fff;position:fixed;top:0;border-bottom:rgba(0,0,0,.08) 1px solid}
.header-back{position:absolute;left:0;top:0;height:100%;
	background:url(http://res.jiemian.com/static/r/jmm/image/header/header_back_c53a71f6.png) no-repeat center center;background-size:24px;width:60px
}
.header-back a{display:block;width:60px;height:60px}
.header .logo{height:48px;height:48px;font-size:18px;margin-left:15px;width:106px;float:left}
nav .burger{cursor:pointer;padding:17px;z-index:1000;-webkit-transform:translate3d(0,-9999em,0);transform:translate3d(0,-9999em,0);position:fixed;right:0;top:0}
nav .burger.opaque{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
nav .burger div{
	background:#f12b15;height:4px;width:28px;margin-bottom:4px;border-radius:1px;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)
}
nav .burger div:first-of-type,nav .burger div:last-of-type{
	-webkit-transition:-webkit-transform .3s ease s,background-color 0ms ease-out;transition:transform .3s ease s,background-color 0ms ease-out;position:relative
}
nav .burger.transform div:first-of-type,nav .burger.transform div:last-of-type{
	-webkit-transition:-webkit-transform .4s ease .3s,background-color 250ms ease-in;
transition:transform .4s ease .3s,background-color 250ms ease-in;background:#fff}
	nav .burger.transform div:first-of-type{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:6px}
	nav .burger.transform div:nth-child(2){display:none}nav .burger.transform div:last-of-type{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:-2px
}
nav .sections{z-index:999;position:fixed;left:0;right:0;padding:50px 10px 0;overflow:hidden;background:rgba(0,0,0,.92);-webkit-transition:all 300ms ease;
	transition:all 300ms ease;-webkit-transform:translateY(-1500px);transform:translateY(-1500px);width:100%
}
nav .sections.downward{transform:translateY(0);-webkit-transform:translateY(0);transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
nav .sections .user-view-info{background:rgba(255,255,255,.2);margin:0 1px 10px}nav .sections .user-card{overflow:hidden;padding:5px}
nav .sections .user-card .user-avatar{text-align:center;color:white;}
nav .sections .user-card .user-avatar a{height:40px;overflow:hidden;float:left}
nav .sections .user-card .user-avatar span{display:inline-block;background-size:100% 100%;border-radius:5px;display:inline-block}
nav .sections .user-card .user-avatar img{width:40px;height:40px;border-radius:50%}
nav .sections .user-card .user-info{margin-left:50px;line-height:40px}
nav .sections .user-card .user-info span{color:#fff}
nav .sections .user-card .user-info .user_center{float:right;color:#fff;margin-right:15px;font-size:12px}
nav .sections ul{overflow:hidden}nav .social-tools{overflow:hidden;padding:10px 0 10px 10px}
nav .social-tools li{display:inline-block;margin-right:5px;float:left}
nav .social-tools li:last-of-type{margin-right:0}
nav .social-tools li:last-of-type{float:right;margin-right:10px;width:inherit}
nav .social-tools li:last-of-type a{color:#fff;display:block;line-height:46px;text-align:right;font-size:14px;padding:0 5px}
nav .social-tools li a{color:#fff;text-decoration:none;font-size:14px;padding:0 5px;display:block;line-height:46px;}
nav .social-tools li.wx-login{display:none}
nav .social-tools li a.jm,nav .social-tools li a.login-weibo,nav .social-tools li a.login-qq,nav .social-tools li a.login-wx{
	width:30px;height:31px;display:inline-block;background-size:100%
}
nav form{position:relative;height:40px;line-height:42px;margin:0 0px 10px;font-size:31px}
nav form.js-input-value input,nav form.js-focus input{text-align:left;padding:0 20px;width:85%;left:0;position:relative}
nav form.js-input-value button,nav form.js-focus button{display:block;width:25%}
.nav-search{padding:0 20px 0 10px;width:20%;float:right;box-sizing:border-box;overflow:hidden;height:inherit;background:rgba(255,255,255,.2);border:0;outline:0}
.nav-search i{
	float:right;width:34px;height:36px;background-image:url(http://m.kanshangjie.com/statics/images/news/nav.png);background-repeat:no-repeat;background-size:100%
}
nav .search{
	border:0;border-radius:0;color:#fff;font-size:18px;line-height:22px;text-align:left;height:40px;padding-left:5%;width:80%;position:absolute;left:0;
	background:rgba(255,255,255,.2);outline:0
}
.scrolly{overflow-x:hidden;overflow-y:auto}
nav .sections-list-big li,nav .sections-list li{padding:1px;float:left}
nav .sections-list li{width:25%}
nav .sections-list-big li{width:50%}
nav .sections-list li a,nav .sections-list-big li a{
	display:block;color:#fff;text-decoration:none;white-space:nowrap;line-height:40px;text-align:center;font-size:14px;background:rgba(255,255,255,.2)
}
nav .sections-list-big li:last-of-type a{background:#f12b15}
nav .sections-list-big li a i{
	display:inline-block;height:20px;width:20px;vertical-align:text-bottom;
	background-image:url(http://m.kanshangjie.com/statics/images/news/nav.png);background-repeat:no-repeat;background-size:100%
}
nav .sections-list-big li a.app i{background-position:0 -22px}
nav .sections-list li img{width:20px;display:inline-block;vertical-align:-3px}
nav .sections-list li span{display:inline-block}
.content{min-height:400px;max-width:640px;margin:0 auto;position:relative}
.footer-link{border-top:1px solid #bfbfbf;text-align:center;background:#f8f8f8;font-size:13px}
.footer-link a{color:#848689;padding:0 15px;line-height:40px}
/* .footer-link a:nth-child(1){border-right:1px solid #d7d7d7} */
.footer-link a:active{color:#95a0ac}
.pagination{ text-align:center; }
.pagination a{padding-right:10px;font-size:14px;line-height:30px;color:#333}
.pagination a:active{color:#fff}.pagination a:visited{color:#666}
.jm_ad_detail{overflow:hidden}.jm_ad_detail .bx-wrapper{position:relative}
.jm_ad_detail .bx-wrapper img{width:100%;height:auto;display:block}
.jm_ad_detail .bx-controls{position:absolute;left:10px;top:10px}
.jm_ad_detail .bx-controls .bx-pager-item{display:inline-block}
.jm_ad_detail .bx-controls .bx-pager-item a{display:inline-block;background:#fff;text-indent:-999px;width:10px;height:10px;margin:0 3px}
.jm_ad_detail .bx-controls .bx-pager-item a.active{background:#f12b35}
.content-container{min-height:400px;max-width:640px;margin:0 auto;position:relative}
.news-list{padding:10px 10px 0}.news-view{overflow:hidden;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
.news-view.position{position:relative}
.news-view.position .news-position{position:absolute;bottom:0;left:0;padding:10px 10%;width:80%;background:rgba(0,0,0,.7)}
.html5-video .news-img a,.list-header span,.news-view .news-right{position:relative}
.html5-video .news-img a{display:block}
.news-view.position .news-position .news-header a{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:24px;line-height:30px}
.news-view.position .news-position .news-main p,.news-view.position .news-position p .author a,.news-view.position .news-position p .comment,.news-view.position .news-position p .date{color:#fff}
.news-view.left{display:table;width:100%}
.news-view.left .news-left{display:table-cell;vertical-align:middle}
.news-view.left .news-right{display:table-cell;width:100px;padding:0 10px 0 0}
.news-view.left .news-right .news-img img{height:80px;width:100px;border-radius:5px;display:block}
.news-view.left .news-left .news-header a{font-size:16px}
.news-view .news-img img{width:100%;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;height:auto;border-radius:10px}
.news-view .news-right .news-header,.news-view .news-right .news-tag{padding:0 0 5px}
.news-tag,.news-view .news-header{padding:5px 0}
.news-view .news-right .news-main{height:40px;overflow:hidden}
.news-tag .tags{font-size:12px;color:#e3120b;margin-right:5px}
.news-view .news-header h3 span{vertical-align:text-bottom;margin-right:3px;color:#8c070e}
.news-view .news-header h3 span img{display:inline-block;vertical-align:-5px}
.special-news .news-view .news-header{margin-bottom:5px;padding-top:0}
.news-view .news-header h1{margin-top:10px}
.news-view .news-header a{font-size:16px;line-height:24px;color:#333;font-weight:400}
.news-view .news-header a:hover{color:#009bff}
.news-view .news-main p{font-size:14px;line-height:20px;color:#777}
.news-view .news-footer{padding-top:5px}
.news-view .news-footer p{position:relative;color:#999;line-height:20px;overflow:hidden;font-size:12px}
.news-view .news-footer p span{float:left;margin-right:5px}
.news-view .news-footer p a{color:#777}
.news-view .news-footer p span em{color:#000}
.news-view .news-footer p .comment{float:right}
.news-view .news-footer p .comment i{
	width:14px;height:16px;display:inline-block;
	vertical-align:-3px;background-size:100% 100%;margin-right:2px
}
.news-list .index-kx .news-view{margin-bottom:0;padding-bottom:0}
.index-kx .news-header h3 a{line-height:24px;font-weight:400;font-size:16px}
.index-kx .news-header h3 .n-mate{color:#1279a3}
.news-list .news-view{padding-bottom:10px;border-bottom:1px solid #e1e1e1;margin-bottom:10px}
.news-list .news-view:last-of-type{border-bottom:0}
.js-load-more{
	color:#666;text-align:center;display:block;border:1px solid #dcdcdc;background-color:#fff;height:35px;line-height:35px;margin:12px 0 20px;border-radius:1px;cursor:pointer}
.js-load-more a{color:#666}
.js-load-more:after{
	content:"";
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALBAMAAABv+6sJAAAAIVBMVEUAAABXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1ffA55cAAAACnRSTlMAA5+Ymo8GCa7pLAkHJQAAAFJJREFUCNdjYChgAAIwxbFYAMQSXsHAkLVKEchi1FqVwMC6ahFQWGjVUqCAFVAYKOgAZDIDhYVWLQGyQMJqYEGw8EqQIFQYJAgRBgrCQFQAiAQAGbYU57mg1kEAAAAASUVORK5CYII=') 0 center no-repeat;background-size:10px 6px;
	display:inline-block;height:10px;width:10px;margin-left:6px;vertical-align:1px
}
.js-load-more.load:after{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASBAMAAAB/WzlGAAAAIVBMVEUAAABXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1ffA55cAAAACnRSTlMAwwlyewSz5ix9txqNRwAAAD5JREFUCNdj4CxmAIGoVQ4gim3VEhDFJAXhKuLiGoBo9VULQJTVqgQgybxqoQKYI4SDEwXmMDCCOQysrSASABi7FEIuPK9EAAAAAElFTkSuQmCC');background-size:6px 10px
}
.list-header{margin:20px 0 10px;border-left:4px solid #f12b35}
.list-header span{display:block;font-size:18px;padding:0 5px}
.list-header span a{color:#0f6d88}
.img-scroll{width:100%;overflow:hidden;position:relative}
.img-scroll .bx-caption{background:rgba(0,0,0,.8);overflow:hidden;position:absolute;bottom:0;width:100%}
.img-scroll .bx-default-pager{color:#fff}
.img-scroll li img{width:100%;height:220px;}
.img-scroll .bx-caption span{font-size:16px;line-height:20px;color:#fff;padding:5px 60px 5px 10px;display:block}
.img-scroll .bx-controls{line-height:20px;background:#303031;padding:0 10px;font-size:12px;position:absolute;right:0;bottom:0}
.html5-video{background:#1e1e1e;overflow:hidden;padding:10px 10px 0}
.html5-video .news-view{padding:0 5px 5px}
.html5-video .list-header{font-size:18px;padding:10px 0 10px 15px;border-bottom:1px solid #8e8e8e;margin-bottom:10px;margin-top:0;border-left:0}
.html5-video .list-header a{color:#fff}
.html5-video .news-view.list{width:50%;padding:0 5px 5px;float:left}
.html5-video .news-img a img{border-radius:5px}
.html5-video .news-img a .play{
	width:35px;height:35px;background:url(http://res.jiemian.com/static/r/jmm/image/icon/play_f0f7ab3c.png);
	background-size:35px;position:absolute;bottom:5px;right:5px
}
.html5-video .news-img a .h5-icon{
	width:20px;height:24px;background:url(http://res.jiemian.com/static/r/jmm/image/icon/html5_dfe5920b.png) no-repeat;
	background-size:20px;position:absolute;bottom:5px;right:5px
}
.html5-video .news-header h3{height:40px;overflow:hidden}
.html5-video .news-header a{color:#fff;font-size:14px;line-height:20px}
.html5-video .news-footer p .comment em{color:#f5f5f5;font-weight:400}
.hot-list{margin-top:20px;position:relative;z-index:0;padding:0 2.5rem .5rem;margin-bottom:10px}
.hot-list:after,.hot-list:before{box-sizing:border-box;overflow:hidden;height:auto;position:absolute;text-indent:-9999rem;font-size:0;line-height:0}
.hot-list .news-view:last-of-type{margin-bottom:0}
.hot-list:before{top:5px;left:5px;right:5px;bottom:5px;width:auto;z-index:-2;content:"solid background border background color";background-color:#f5f5f5}
.hot-list:after{top:0;left:0;right:0;bottom:0;z-index:-3;content:"solid background border color";background:#0288d1}
.hot-list .list-header{text-align:center;margin:0 0 10px;border:0}
.hot-list .list-header span{border:0;background:#f5f5f5;display:inline-block;line-height:1rem;padding:0 15px}
.hot-list .list-header span a{color:#0288d1;font-size:24px;font-weight:700}
.hot-list .news-view .news-header h3 a{font-size:16px;line-height:20px}