@charset "utf-8";
/*
 * by ccq
 * date 2014.11.25
 */
/*reset*/
html,body{height:100%;font-size: 62.5%; background-color:#fff;}
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0;padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video,img {display: block;}
body {font-family:Microsoft YaHei,Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;}
textarea {resize: none;}
iframe,img {border:0;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
a{text-decoration: none;color:#666;}
img{display:block;}
i{font-style:normal;}

/*常用*/
.clearfix:after {clear: both;content: " "; display: block;font-size: 0;height: 0;visibility: hidden;}
.clearfix {}
.clear {clear: both;font-size: 0;height: 0;overflow: hidden;}
.left,.l{float:left;}
.right,.r{float:right;}
.o-hidden{overflow:hidden;}
.hide,.none{display:none;-webkit-transition:display .2s ease;transition:display .2s ease;}
.show,.block{display:block;-webkit-transition:display .2s ease;transition:display .2s ease;}
.icon{background:url(../image/main_bg.png) no-repeat 0 0;}
.clr-f47a20{color:#f47a20;}

/*home-page,channel-page*/
.home-page{position:relative; width:100%;height:100%;top:0;left:0;z-index:2;background-color:#fff;-webkit-transition: all .3s ease;transition: all .3s ease;/*overflow:auto; -webkit-overflow-scrolling:touch;*/overflow:auto;}
.move{-webkit-transition: left .3s ease;transition: left .3s ease;}

/*header*/
.header-box{/*position:fixed;top:0;left:0;*/width:100%;overflow:hidden;-webkit-transition: left .3s ease;transition: left .3s ease;z-index:1;}
.header{width:100%;height:44px;border-bottom:5px solid #000;background-color:#292929;/*webkit-backface-visibility:hidden;-webkit-transform:none;*/}
.header .kk-logo{width:24%;height:44px;display:inline-block;margin-left:3.906%;text-indent:-9999em;}
.kk-logo .logo{display:block;width:74px;height:30px;margin-top:6px;background:url(../image/main_bg.png) no-repeat 0 0;background-size:100%;}
.header .kk-user{width:20%;overflow:hidden;}
.header .kk-user span{display:block;width:78.125%;overflow:hidden;}
.header .user{display:block;width:23px;height:23px;margin-top:10px;margin-right:23.4%;background:url(../image/user_icon.png) no-repeat 0 0;background-position:0 0;background-size:23px; cursor:pointer;-webkit-transition: background-position 0s linear;transition: background-position 0s linear;}
.header .user:focus,.header .tap{background-position:0 -23px;-webkit-transition: background-position 0s linear;transition: background-position 0s linear;}

/*nav*/
.site-nav{width:100%;box-shadow:0 0 1px #fff inset;}
.nav-list{width:86%;height:33px;}
.nav-list li{float:left;width:20%;text-align:center;}
.nav-list a{display:inline-block;width:64.285%;margin:0 auto;padding-top:4px;line-height:26px;border-bottom:4px solid #fff;text-align:center;color:#666;white-space:nowrap;font-size:1.4rem;}
.nav-list a:focus,.nav-list a.current{color:#f57921;border-bottom-color:#f57921;}
.nav-more{width:13.593%;height:20px;line-height:20px;margin-top:8px;border-left:1px solid #ddd;text-align:center;}
.nav-more .icon-arr,.read-more .icon-arr{display:block;width:15px;height:10px;margin:2px auto 0 auto;background-position:-134px -62px;}
.more-list{display:none; width:100%;margin-top:-4px;margin-bottom:10px;background-color:#fff;overflow:hidden;-webkit-transition: display 0.5s linear;
-o-transition: display 0.5s linear;
transition: display 0.5s linear;}
.more-list ul{overflow:hidden;padding-bottom:4px;}
.more-list li{float:left;width:25%;}
.more-list li a{display:block;margin:4px 8.116%;border:1px solid #ddd;border-radius:3px; text-align:center;font-size:1.4rem;line-height:24px;color:#666;background-color:#eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.more-list li a:focus{background-color:#fff;color:#f57921;border-color:#f57921;}
.show .icon-arr{background-position:-108px -63px;}

/*footer*/
.copyright{width:100%;height:auto;padding:8px 0;line-height:1.8rem;text-align:center;font-size:1.2rem;color:#666;background:#efefef;}

/*轮播图*/
.slider-box{position:relative;overflow:hidden;background-color:#fff;max-width:500px;height:180px;margin:0 auto;}
.slider-box .slider{position:relative;min-height:134px; max-width:500px;margin:0 auto;overflow:hidden;visibility:hidden;}
.slider-box .slider-list{position:relative;overflow:hidden;}
.slider-list li{float:left;position:relative;width:100%;overflow:hidden;max-height:180px;min-height:134px;}
.slider-list li a{display:block;width:100%;overflow:hidden;min-height:134px;}
.slider-list li img{width:100%;min-height:180px;}
.slider-list li span{position:absolute;display:block;width:100%;height:30px;line-height:30px;bottom:0;left:0;font-size:1.4rem;color:#fff;font-weight:700;text-indent:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1;background:rgba(0,0,0,0.5);}
.slider-list .icon-pop{display:inline-block;width:30px;height:22px;line-height:20px;padding:0 5px;margin-left:-10px;font-size:1.4rem;text-align:center;text-indent:0;letter-spacing:1px; background-color:#cf4c46;color:#fff;-webkit-transform:scale(0.5);transform:scale(0.5);}
.slider-btn{position:absolute;bottom:15px;right:5px;width:60px;height:8px;}
.slider-btn li{float:left;width:12px;overflow:hidden;}
.slider-btn li span{display:inline-block;width:4px;height:4px;line-height:0;margin:2px 4px;font-size:0;background-color:#fff;border-radius:100%;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.slider-btn .on span{width:8px;height:8px;margin:0 2px;background-color:#e86414;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}

@media only screen and (min-width: 500px){
	.slider-list li img{max-width:100%;max-height:100%;}
}


/*containner*/
.containner{width:100%;height:auto;overflow-y:auto; -webkit-overflow-scrolling:touch;background-color:#fff;
-webkit-transition:left .3s ease;
-o-transition:left .3s ease;
transition:left .3s ease;}
.article-content,.tag-intro{overflow:hidden;width:95.312%;padding-bottom:10px;margin:0 2.343%;}
/*.article-content{-webkit-overflow-scrolling:touch;}*/
.news-list-mod{position: relative;width:95.312%;padding:5px 2.343%;overflow:hidden;}
#J_ajax_list .news-list-mod:first-child{padding-top:10px;}
#J_news_cont .news-list-mod{overflow:hidden;width:95.312%;padding:10px 2.343%;}
.news-list-mod:last-child{border-bottom:1px solid #ddd;}
.news-list-mod dt{width:100%;}
.news-list-mod dt .top-one{display:block;width:100%;height:100%;position:relative;z-index:1;}
.top-one span{position:absolute;bottom:0;width:100%;height:30px;line-height:30px;}
.top-one .title-des{padding:0 5px;z-index:1;font-size:1.6rem;font-weight:700;color:#fff;}
.top-one .title-mask{background-color:#000;opacity:0.5;}
.news-list-mod dt img{max-width:100%;max-height:100%;margin:0 auto;}
.news-list-mod dd{width:100%;padding:0.625rem 0;border-bottom:1px solid #ddd;overflow:hidden;}
.news-list-mod dd:last-child{border-bottom:none;}
.news-list-mod .l-pic{position: relative;display:block;width:32.78%;}
.news-list-mod .l-pic img{max-width:100%;max-height:100%;}
.news-list-mod .r-cont{width:64%;overflow:hidden;}

.g-pic-wrap{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.g-pic-pop{position:absolute;z-index:99;display:none;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.3);color: #fff;overflow:hidden;}

/*.news-list-mod a.focus{background-color:#ccc;}
.news-list-mod  a{ -webkit-tap-highlight-color:rgba(120,120,120,0.4); -webkit-tap-highlight-color:transparent;}
.news-list-mod  a img{-webkit-tap-highlight-color:rgba(120,120,120,0.4);-webkit-tap-highlight-color:transparent;}*/
.r-cont h3{min-height:65px;}
.r-cont h3 a{display:block;font-size:1.8rem;font-weight:400;line-height:2rem;color:#4e4e4e;}
.r-cont .info{line-height:150%;overflow:hidden;font-size:1.4rem;color:#979696;}
.r-cont .info time{padding-left:5px;margin-left:5px;border-left:1px solid #ddd;}
.r-cont .info span:last-child{float:right;}
.news-list-mod h2{margin-bottom:9px;background-color:#ededed;}
.news-list-mod .channel{width:23.77%;font-size:1.6rem;line-height:27px;background-color:#f57921;color:#fff;text-align:center;letter-spacing:3px;}
.news-list-mod .more{padding-right:2.812%;font-size:1.2rem;line-height:27px;color:#969696;}
.news-list-mod .more:hover{text-decoration:underline;}

/*频道页*/
.channel-page .kk-user{width:20%;}
.channel-page .kk-user .user{margin-left:28.125%;}
.header .jump-return{width:20%;height:44px;}
.jump-return .icon-return{display:inline-block;width:20px;height:20px;margin-left:18.75%;margin-top:12px;background:url(../image/icon_return.png) no-repeat 0 0;background-size:50%;}
.channel-title{display:inline-block;width:60%;line-height:44px;text-align:center;font-size:1.8rem;color:#fff;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*.channel-page .containner{padding:0 0 50px 0;}*/
.channel-page .news-list-mod{border-bottom:1px solid #ddd;padding-top:10px;}
.tag-intro{padding:10px 0 10px 0;line-height:1.0625rem;border-bottom:1px solid #ddd;}
.tag-intro .tag-name{font-weight:700;font-size:1rem;color:#f47a20;}
.tag-intro .tag-des{font-size:1.4rem;}

/*登陆注册*/
.validate{visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#212121;/*min-height:320px;*/}
.validate .val-box{padding-left:20%;padding-top:50px;}
.val-box form{width:100%;text-align:center;}
.val-box .user-avatar{width:100%;}
.user-avatar img{display:block;width:53px;height:53px;border-radius:100%;margin:0 auto;}
.val-box li{width:77.82%;margin:0 auto;border-bottom:1px solid #5c5c5c;overflow:hidden;}
.val-box li:nth-last-child(1),.val-box li:nth-last-child(2){border-bottom:none;}
.val-box li label,.val-box li input{float:left;height:40px;line-height:40px;}
.val-box li label{width:14px;height:16px;margin-top:13px;text-indent:-9999em;}
.val-box li .label-account{background:url(../image/toux.png) no-repeat 0 0;background-size:100%;}
.val-box li .label-password{background:url(../image/mima.png) no-repeat 0 0;background-size:100%;}
.val-box li input{width:81%;height:20px;line-height:20px;padding:10px 0;padding-left:5%;border:none;background-color:#212121;color:#666;font-size:1.5rem;font-family:Microsoft YaHei;}
.val-box li a{display:inline-block;width:100%;height:35px;line-height:35px;text-align:center;color:#fff;font-size:1.6rem;letter-spacing:0.5rem;}
.val-box li .login-btn{margin-top:17px;background-color:#f57921;}
.val-box li .register-btn{margin-top:9px;background-color:#5e5e5e;}

.register{width:100%;height:250px;background-color:#fff;}
.status-tip{width:100%;height:30px;line-height:30px;text-align:center;color:#f47a20;font-size:1.4rem}
.register ul{width:83.75%;margin:0 auto;overflow:hidden;border:1px solid #ddd;border-radius:4px;}
.register li{border-bottom:1px solid #ddd;overflow:hidden;}
.register li:last-child{border-bottom:none;}
.register input{width:85%;height:21px;line-height:21px;padding:11px 5.597%;background-color:#fff;border:none;font-size:1.4rem;font-family:Microsoft YaHei;color:#353535;}
.register .register-btn,.logout{display:block;width:83.9%;height:37px;line-height:37px;margin:30px auto 0 auto;text-align:center;font-size:1.6rem;background-color:#f57921;color:#fff;border-radius:1px;}

/*登录成功*/
.logout{display:none;letter-spacing:5px;}
.login-user-name{line-height:50px;}


/*返回顶部*/
.fr-nav{position:relative;}
#J_go_top{position:fixed;right:0;bottom:50px;width:40px;height:40px;background:url(../image/main_bg.png) no-repeat -110px -80px; opacity:0.5;z-index:3;-webkit-transition: right .3s ease;transition: right .3s ease;-webkit-backface-visibility:hidden;-webkit-transform:none;}

/*文章内容页*/
.article-content .cont-hd{width:100%;height:30px;line-height:30px;padding:10px 0;border-bottom:1px solid #eee;}
.author-box .author-avatar{width:30px;height:30px;overflow:hidden;border-radius:100%;}
.author-box .author-avatar img{max-width:100%;max-height:100%;display:block;}
.author-box p{width:100px;height:30px;padding-left:10px;font-size:1.2rem;color:#4e4e4e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.date-box{font-size:1rem;color:#969696;padding-right:10px;}

.cont-bd .title{padding:12px 0;overflow:hidden;}
.cont-bd .title span,.recommond-box dt span,.all-comment .comment-hd span{float:left;padding-left:10px;border-left:6px solid #f57921;line-height:20px;font-size:1.8rem;}
.cont-bd .detail{width:96%;margin:0 auto;}
.detail .text{width:100%;display:none;}
.detail .text-show{display:block;}
.detail p{margin-bottom:13px;font-size:1.6rem;}
.detail img{display:block;max-width:100%;max-height:100%;margin:0 auto;}
.detail p{line-height:22px;}

.read-more{display:block;width:41.78%;height:30px;line-height:30px;margin:0 auto;border:1px solid #ddd;border-radius:2px; text-align:center;font-size:1.4rem;color:#666;background-color:#f7f5f5;}
.read-more .icon-arr{display:inline-block;margin:0 5px 0 0;}

/*分享*/
.share-box dl{padding-left:10px;line-height:20px;}
.share-box dt{font-size:1.2rem;line-height:28px;}
.bdsharebuttonbox{height:28px;padding-bottom:25px;}

/*文章评论*/
.recommond-box dt{overflow:hidden;}
.recommond-box dt span{margin-bottom:5px;font-size:1.6rem;}
.recommond-box dd{padding-left:16px;}
.recommond-box a{line-height:1.875rem;font-size:1.2rem;color:#f57921;}

.comment-box .my-comment{text-align:center;}
.comment-box .coment-input{width:70.164%;height:34px;line-height:34px;padding:0 1.639%;border:1px solid #ddd;border-radius:3px; font-size:1.4rem;color:#666;background-color:#fff;}
.comment-box .comment-btn{width:19.672%;height:36px;padding:0;border:none;border-radius:3px;border:none;background-color:#f57921;color:#fff;font-size:1.4rem;font-family:Microsoft YaHei;}
.all-comment .comment-hd{overflow:hidden;}
.all-comment .comment-hd span{line-height:14px;height:18px;font-size:1.2rem;}
.my-comment{padding:16px 0 22px 0;}
.comment-list,.comment-cont{width:100%;}
.comment-list li{border-bottom:1px solid #eee;padding:7px 0;}
.comment-list li:last-child{border-bottom:none;}
.comment-list li,.comment-cont p{overflow:hidden;font-size:1.2rem;}
.comment-cont{padding:0 10px 0 5px;}
.comment-cont .com-info{line-height:26px;}
.com-info .name{color:#f57921;font-size:1.2rem;}
.com-info .time{color:#969696;padding-right:15px;}
.comment-cont .com-cont{line-height:21px;color:#4e4e4e;word-break:break-all;}
.input-tips{font-size:1.2rem;text-align:left;padding-left:10px;line-height:1.5rem;color:#999;}

/*all-comment*/
.to-all{padding-top:26px;}
.more-comment{display:block;width:40.665%;height:30px;line-height:30px;margin:0 auto;text-align:center;font-size:1.2rem;color:#666;background-color:#f7f5f5;border:1px solid #ddd;border-radius:2px;}
.anonymity{float:left;width:16px;height:16px;margin:2px 5px 0 8px;border:1px solid #ddd;border-radius:2px; background-color:#fff;}
.anonymity.checked{background-color:#f47a20;}
.my-comment p label span{font-size:1.4rem;}

/*Responsive*/
@media only screen and (width: 320px){
	.r-cont h3{min-height:58px;}
}
@media only screen and (min-width: 480px){
.top-one span{height:45px;line-height:45px;}
.top-one .title-des{font-size:2rem;font-weight:400;}
.news-list-mod .l-pic{width:21%;}
.news-list-mod .l-pic img{width:120px;}
.news-list-mod .r-cont{width:75%;}
}

/*@media only screen and (min-width: 530px){
.news-list-mod .l-pic img{width:100%;height:100%;}
.news-list-mod .r-cont{width:64%;}
}*/

@media only screen and (min-width: 640px) {
.r-cont h3 a{font-size:2.6rem;line-height:2.6rem;}
.top-one span{height:3.75rem;line-height:3.75rem}
.top-one .title-des{font-size:3rem;font-weight:400;}
.news-list-mod dt img{width:100%;}
}

@media only screen and (min-width: 720px){
.r-cont .info{font-size:1.6rem;}
}

@media only screen and (min-width: 768px){
.news-list-mod .channel{line-height:54px;font-size:3rem;}
.news-list-mod .more{line-height:54px;font-size:3rem;}
.news-list-mod .l-pic{width:15%;}
.news-list-mod .r-cont{width:80%;}
}

/*@media only screen and (-webkit-min-device-pixel-ratio:2.5), only screen and (min-device-pixel-ratio:2.5) {
.r-cont h3 a{font-size:1rem;}
}
*/

/*系统提示*/
.system-message{text-align:center;padding-top:100px;}
.get-more{display:block;width:100px;line-height:30px;margin:10px auto 10px auto;text-align:center;font-size:1.4rem;color:#666;border:1px solid #ddd;border-radius:2px;background-color:#f9f9f9;}
.register-page,.register-page .containner{overflow:hidden;-webkit-overflow-scrolling:none;}
embed{max-width:100%;max-height:100%;}

/*404页面*/
@-webkit-keyframes toBottom{ 0%{opacity:0;transform:translate(0,-200px)}  100%{transform:translate(0,0);} }
@-moz-keyframes toBottom{ 0%{opacity:0;transform:translate(0,-200px)}  100%{transform:translate(0,0);} }
@keyframes toBottom{ 0%{opacity:0;transform:translate(0,-200px)}  100%{transform:translate(0,0);} }
.err-cont{width:100%;height:100%;text-align:center;}
.err-cont img{max-width:100%;max-height:100%;margin:0 auto;padding-top:35%;
-webkit-animation:0.8s ease-in-out 0s toBottom;
-o-animation:0.8s ease-in-out 0s toBottom;
animation:0.8s ease-in-out 0s toBottom;}
.err-cont p{padding-top:20px;font-size:1.8rem;}
#J_article .detail iframe{width: 100%;min-height: 210px;}