@charset "gb2312";
/*
@Description: pc专题列表页面
@author: yushanghui
@update: 2016-10-19
*/
/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {margin:0;padding:0;}
body {font:12px/1.5 Arial,"Microsoft YaHei"; color:#333}
select,input,button {vertical-align:middle;font-size:100%;}
ul,ol {list-style:none;}
fieldset,img {border:0;}
em {font-style:normal;}
.clearfix:after {content:"."; display: block; visibility: hidden; clear: both; height:0; font-size:0}
.clearfix {*zoom:1}

.topic-wrap{width:1000px;margin:0 auto;}
.topic-wrap .tabs{border-top:3px solid #0f5489;height:42px;line-height:42px;font-size:18px;}
.topic-wrap .tabs a{float:left;width:79px;border-right:1px solid #e9e9e9;font-weight: bold; text-align:center;display: block;cursor: pointer;}
.topic-wrap .tabs a:hover{text-decoration: none;}
.topic-wrap .tabs .seleted{border-bottom: 3px solid #ff6600;height: 40px;}

#pc_topic,#m_topic{border:1px solid #e9e9e9;border-left:none;border-right:none;overflow:hidden;clear: both;display: none;margin-top: 1px;}
#pc_topic.visible,#m_topic.visible{display: block;}
#pc_topic .topic-list li,#m_topic .topic-list li{width:300px;border-right:1px solid #e9e9e9;float:left;border-bottom:1px solid #e9e9e9;padding: 15px 25px;}
#pc_topic .topic-list li >span,#m_topic .topic-list li >span{font-size:14px;line-height:24px;margin-top:4px;display:block;color:#999999}
#m_topic .topic-list li{width: 220px;padding: 15px 20px;height: 220px}
/*#m_topic li a{position: relative;display: block;overflow: hidden;}*/
#m_topic .topic-list li >span{margin-top: 2px;}
.topic-wrap .topic-list li >span em{float: right;margin-right: 17px;}
.topic-wrap .topic-list li >span i{background: url(https://s.kcimg.cn/topic/images/pc-topic/icon.png) -155px -39px;display: inline-block;width: 20px;height: 12px;margin-right: 4px;}
.topic-list li img{display:block;overflow: hidden;margin-bottom: 10px;height: 145px;}
.topic-list li .descript{font-size:14px;height: 38px; line-height:20px;overflow:hidden;font-weight:bold;color:#0f5489;display: block;}
.topic-list li .descript:hover{color:#d60000}

.topic-list .wechat-icon{position:absolute;left:0;top:0px;width:56px;height:56px;display:block;z-index:2;background:url(https://s.kcimg.cn/topic/images/pc-topic/icon.png) 0 0;}
.topic-list .qa-code{position:absolute; left:0;right:0;bottom:-155px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);z-index:3; }
.topic-list :root .qa-code{filter:none;}
.topic-list .qa-code img{width:100px;height:100px;margin:18px auto;display: block;border:5px solid #fff;}

/*专题列表翻页*/
/*.topic-wrap .pages{padding:30px 0;clear:both;height:32px;max-width: 500px;margin:0 auto;}
.topic-wrap .pages li{float:left;}
.topic-wrap .pages li a{width:31px;height:31px;border:1px solid #e9e9e9;color: #666666;margin-left:5px;display: block; line-height:31px;text-align:center;}
.topic-wrap .pages li a:hover{border-color: #0f5489; text-decoration: none;}
.topic-wrap .pages li .selected{background: #0f5489;color: #fff;border:1px solid #0f5489;}
.topic-wrap .pages li .omitted{width:30px;border:0px;margin-left:0;}
.topic-wrap .pages li .end{margin-left:0;}
.topic-wrap .pages li .next{width:72px;}*/
.pageboxtom { float: left; clear: both; width: 100%; }
.pages { text-align: center; margin: 20px auto; line-height: 15px; height: 32px; font-size: 16px; }
.pages a { display: inline-block; margin: 0px 1px 0px 0px; padding: 8px 11px 7px 11px; border: 1px #e9e9e9 solid; background: #fff; border-radius: 1px; color: #666666; text-decoration: none; }
.pages a:hover { border: 1px solid #0f5489; color: #666666; }
.pages span { display: inline-block; margin: 0 5px 0px 0px; padding: 8px 11px 7px 11px; border: 1px #0f5489 solid; background: #0f5489; border-radius: 1px; color: #fff; font-weight: bold; }
.pages .pages-wd { padding: 8px 0px 7px 0px; width: 75px; }
.pagestip { color: #999999; line-height: 18px; text-align: center; font-size: 14px; height: 20px; padding-bottom: 20px; }


.m-topic-dialog{position: fixed;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5474747', endColorstr='#E5474747');background:rgba(71,71,71,0.9);left: 0;top:0;z-index: 1005;display: none;}
:root  .m-topic-dialog{filter:none;}
.dialog-content{width: 1000px;height: 800px;z-index: 5;left: 50%;margin-left: -500px;top: 50%;margin-top: -400px;background: #fff;position: absolute;}
.dialog-content .close{width: 23px;height: 23px;position: absolute;display: block;right: 20px;top: 20px;cursor: pointer;background: url(https://s.kcimg.cn/topic/images/pc-topic/icon.png) -2px -77px;overflow: hidden;text-indent: -100px;}
.dialog-content .close:hover{background-position: -161px -77px}
.dialog-content .phone-wrap{margin-left:90px;width:360px;float: left;height: 700px;margin-top: 50px;background: url(https://s.kcimg.cn/topic/images/pc-topic/phone.png);}
.dialog-content .phone{width: 320px;height: 550px;margin:65px auto 0;overflow: hidden;}
.dialog-content .describe{float: left;width: 440px;margin-left: 40px;}
.dialog-content .describe h3{font-size: 24px;line-height: 36px;margin-top: 110px;cursor: pointer;}
.dialog-content .describe .link{position: relative;line-height: 33px;margin:12px 0 72px;height: 35px;}
.dialog-content .describe .copy-ok{position: absolute;width: 130px;height: 48px;top:45px;right: 10px;border:1px solid #e9e9e9;display: block;line-height: 48px;display: none;}
.dialog-content .describe .copy-ok i{background: url(https://s.kcimg.cn/topic/images/pc-topic/icon.png) -83px -66px;display: inline-block;width: 35px;height: 35px;margin:7px 10px 6px 15px;float: left;}
.dialog-content .describe input{width: 338px;height: 33px;border:1px solid #e9e9e9;float: left;padding: 0 10px;}
#link_copy{float: left;width: 68px;border:1px solid #e9e9e9;border-left: none;display: block;height: 33px;background: #f0f0f0;text-align: center;line-height: 33px;cursor: pointer;}
.dialog-content .describe .qa-code{text-align: center;}
.dialog-content .describe .qa-code img{width: 215px;height: 215px;overflow: hidden;}
.dialog-content .describe .qa-code span{display: block;margin-top: 16px;font-size: 14px;line-height: 20px;color: #666}
.phone iframe { display: block; border: 0 none; overflow: scroll; }
.phone iframe::-webkit-scrollbar { width: 0px; }
.phone-wrap .phone .double-dpr { width: 640px; height: 1008px;background: #fff}
.phone-wrap #content { margin-top: 175px; width: 320px!important; }
.phone-wrap .phone iframe { position: relative; width: 320px; height: 798px;}
.phone-wrap .phone .double-dpr { width: 640px; height: 1100px; }
.phone-wrap .edui-editor { width: 320px!important; }
.phone-wrap #edui1_iframeholder { width: 320px!important; }
.phone .double-dpr{ -webkit-transform: scale(.5); -webkit-transform-origin: 0 0; transform: scale(.5); transform-origin: 0 0; }