@charset "utf-8";

/* 

PChome front group public style, applicable to all channel page.

Write the date 2014-01-07. Name: global.css-2014.1.10

PChome front-end group LTD. All rights reserved.

*/

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea,th,td{padding:0px; margin:0px; border:none;font-family:"Microsoft YaHei",Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;}

a{ color:#333; text-decoration:none;}
a:visited { }
a:active, a:hover { text-decoration:none;}
a:focus,input:hover,button:hover,input[type='button']:hover{ outline:none;}
i, em, cite { font-style: normal; }
li{ vertical-align:bottom; overflow:hidden; list-style-type:none;}
body, button, input, select, textarea{ font:14px/1.5em tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;}

/* 超出隐藏 */
.overflow{ overflow:hidden;}        
		          
/* float */
.fl{ float: left; }
.fr{ float: right;}

/* The default style of the mouse */
.cursor{cursor:pointer;}

/* iE6 固定定位闪动 */
*html{ background-image:url(about:blank); background-attachment:fixed; }  

/* 图片自适应调整 并去除IE6下底部空白*/
img{ max-width:100%;border: 0 none; vertical-align: top;}

/* 文字居中 */
.txt-center{ text-align:center;}
.txt-left{ text-align:left;}
.txt-right{ text-align:right;}
.txt-justify{ text-align:justify;}

/* 自动换行 */
.word-auto{word-wrap: break-word;word-break: normal;}

/* 自动居中 */
.mg-auto{ margin-left:auto; margin-right:auto;}

/* Container-width: 960 980 1000 1200 */
.container-960{ width:960px; position:relative;}
.container-980{ width:980px; position:relative;}
.container-1000{ width:1000px; position:relative;}
.container-1200{ width:1200px; position:relative;}

/* margin */
.mg-b10{ margin-bottom:10px;}.mg-b15{ margin-bottom:15px;}.mg-b20{ margin-bottom:20px;}.mg-b30{ margin-bottom:30px;}

/* clearfix */  
.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{ *zoom:1;}

/* transtion-Hover */
.transtion{ transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}

/*  广告角标2016-08-17  */
.mod_banner{display:block;position:relative;overflow:hidden;}
.mod_banner > iframe{display:block;}
.mod_banner .banner_fix_inner{width:29px;height:16px;position:absolute;bottom:0;left:0;z-index:99999;background:url(//static.pchome.net/public/image/ad/ad_tip_2016.png) no-repeat;overflow:hidden;}

/*  传送门2017-11-28  */
.mod-global-link{padding:10px 0;font: 400 14px/30px simsun;color:#666;}
.mod-global-link dt,.mod-global-link dd{float:left;}
.mod-global-link dt{font-weight:700;}
.mod-global-link dd a{margin:0 10px;color:#666;}

/*免责声明*/
.mzsm{
    text-align: center;
    color: #aaa;
    font-size: 14px;
}


@media screen and (max-width : 1024px) {	
    #modTopNav-linksWrap{
        display:none;
    }
    #modTopNav{
        height:42px !important;
        overflow:hidden;
    }
    .modTopNav-info-left .modTopNav-logo{
        display:block !important;
        text-indent: -99999999999px;
    }
    #modTopNav .modTopNav-info{
        width:100% !important;
        display: flex;
    }
    .modTopNav-info-left a,.modTopNav-info-left span,.modTopNav-info-right,#tonglan_nav,.m-logo .hot,.m-logo .Search,.m-brand,.m-screening,.recommend,.w-showbox,.software,.w-right-rank,.ques-box,.mod_banner,.w-appreciate,.w-appreciate-shows,.mod-rdjx,.be-c,#article_right_sky,.list-tab,.w-right-newsflash,.s_label{
        display:none !important;
    }
    .container-1200{
        width: 100% !important;
    }
    .mg-b20{
        margin-bottom:10px;
    }
    .m-logo{
        margin: 10px auto 10px auto !important;
    }
    .m-nav{
        margin-bottom:10px !important;
    }
    .w-left-enrich,.w-article-select{
        width:100% !important;
        float: none !important;
        margin-right: 0 !important;
    }
    .w-enrich-tab{
        overflow-x: scroll;
        display: flex;
        margin-bottom: 10px;
    }
    .w-enrich-tab div{
        font: 400 15px /20px "microsoft yahei" !important;
        padding-right: 10px !important;
        padding-left: 10px;
        flex-shrink: 0;
    }
    .w-article-lis{
        margin: 0 0 10px 0 !important;
        height: auto !important;
        display: flex;
    }
    .w-article-lis a img{
        width:120px !important;
        height: 90px !important;
        margin-right: 12px !important;
        float: none !important;
    }
    .w-article-con{
        width:60% !important;  
    } 
    .w-li-box{
        padding:0 10px;
    }
    .w-article-con .w-arc-cone{
        padding-top: 0 !important;
    }
    .w-article-con .w-arc-cone h2{
        font: 400 15px/28px "microsoft yahei" !important;
        margin-bottom: 0 !important;
        max-height: 30px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .w-article-con .w-arc-cone p{
        margin-bottom: 2px !important;
        height: auto !important;
        max-height: 36px !important;
        font: 400 12px/18px "microsoft yahei" !important;
        width: 100% !important;
        display:-webkit-box;
         -webkit-box-orient:vertical;
         -webkit-line-clamp:2;    
         overflow:hidden;
    }
    .w-arc-cone span em{
        padding: 0px 10px 0px 26px !important;
    }
    .w-article-select .w-click-more{
        font: 400 13px/34px "microsoft yahei" !important;
    }
    #modFootCopy .modFootCopyIn{
        width:100% !important;
        height: 36px !important;
        overflow: hidden;
    }
    #modFootCopy .modFootCopyIn{
        text-align:center !important;
    }
    #modFootCopy .modFootCopyIn span{
        padding-left: 6px !important;
    }
    #modTopNav .modTopNav-info-left{
        width:50% !important;
    }
    #modTopNav-info-right{
       text-align: right !important;
       width: 47% !important;
       padding-right: 3% !important;
    }
    .top-list{
        width: 100% !important;
        height: 30px !important;
        display: flex;
        overflow: hidden;
    }
    .top-list li{
        /* flex-shrink: 0; */
        /* width: auto !important; */
        height: 30px !important;
        float: none !important;
        padding: 0 !important;
        display: inline-block;
        line-height: 30px !important;
        min-width: 40px;
        margin-right: 10px;
    }
    .top-list li a{
        font-size:15px !important;
        font-weight: normal !important;
    }
    .be-ab,.mod-rdjx{
       width:100% !important;
       float: none !important;
    }
    .AcrCo .mod .hd-big{
        margin-bottom:0 !important;
        display: flex;
    }
    .AcrCo .mod .hd .subCha,.AcrCo .mod .hd{
        line-height:40px !important;
        display: block;
        flex: 1;
    }
    .mg-top{
        /* padding:0 10px; */
    }
    .AcrCo .mod .hd-big .mark{
        font-size:16px !important;
    }
    .AcrCo .col-a-pic{
        float:none !important;
        width:100% !important;
        margin-top: 8px !important;
        margin-right: 0 !important;
    }
    .AcrCo .chaNews-dot{
        width:100% !important;   
    }
    .AcrCo .chaRecom{
        margin-top: 0 !important;
        display: none !important;
    }
    .AcrCo .tlist li{
        font-size:14px !important;
    }
    .mg-b{
        width:96%;
        margin:0 2% !important;
    }
    .AcrCo .mod .hd .smark,.AcrCo{
        margin-top:0 !important;
    }
    .cms-nav{
        margin-top:10px !important;
        display: flex;
        overflow-x: scroll !important;
    }
    .cms-nav li{
        flex-shrink: 0;
        float: none !important;
        font-size: 14px !important;
    }
    .cms-nav li a{
        padding: 0 15px !important;
    }
    .cms-pic-list{
        width:100% !important;  
    }
    .cms-pic-list li{
        width: 100% !important;
        margin-right: 0 !important;
        padding-bottom: 10px !important;
    }
    .cms-pic-list li a{
      background:none !important;  
    }
    .page-num-list{
        margin:10px auto !important;
    }
    .top-head{
        margin-top: 0 !important;
        padding: 0 10px !important;
        height: 30px !important;
    }
    .top-head .h2-sty{
        float:none !important;
        font-size: 16px;
        line-height: 30px !important;
        height: 30px !important;
        font-weight: bold !important;
    }
    #breadcrumb{
        padding:0 10px;
        font-size:12px;
        color:#666;
    }
    .cms-list{
        width:96%;
        margin:0 2%;
    }
   .cms-list li{
       padding: 10px 0 10px 0 !important;
       display: flex;
   }
   .cms-list li .pic{
       width: 130px !important;
       height: 90px !important;
       float: none !important;
       margin: 0 10px 0 0 !important;
   }
   .cms-list li .info{
       width: 60%;
   }
   .cms-list li .info h3{
       font-size:16px !important;
       height: 28px !important;
       width: 100%;
   }
   .cms-list li .info h3 a{
       display:block;
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow:hidden;
       height: 28px !important;
       line-height: 28px !important;
       width: 100%;
   }
   .cms-list li .info p{
       margin: 0px auto !important;
       height:auto !important;
       max-height:40px;
       line-height: 20px !important;
       font-size: 12px !important;
       display:-webkit-box;
         -webkit-box-orient:vertical;
         -webkit-line-clamp:2;    
         overflow:hidden;
   }
   .content-left{
      width:100% !important;
      margin-right:0 !important; 
   }
    .info-show {
       display:flex;
    }
    .info-show span{
        font-size:12px !important;
        padding-left: 26px;
    }
    .info-show .tag{
        margin-right: 5px !important;
        overflow: hidden;
        /* width: 120px; */
    } 
    .info-show .tag a{
        padding: 0 2px !important;
    }
    .info-show .time{
        padding-left: 20px !important;
        flex: 1;
        /* text-align: right; */
        display: none;
    }
    .info-show .tag a:nth-of-type(2),.info-show .tag a:nth-of-type(3),.info-show .tag a:nth-of-type(4){
        /* display:none; */
    }
    #mod_return{
        display:none !important;
    }
}


.dhyc{
    display: none;
}