.wrap, .contents .wrap {
    max-width: 1060px;
  }

  @media (max-width: 1060px){
  	.wrap, .contents .wrap{
  		width: 100%;
  		margin: 0;
  	}
  	.area_links, .mostreply, .timenews{display: none;}
  	.search{max-width: 595px; width: 80%;}
  	.list_left{width: 60%}
  	.list_right{width: 30%;}
  	.function{width: 100%;}
  	.news_list .art-img2{width: 23%;}
  	.news_list .art-img2 img{width: 100%;}
   	.news_list .art-info2{width: 70%; float: right; padding-right: 10px;}
  }


   @media (max-width: 760px){
   	.search{width:80%; top:60px; left:50%; transform: translateX(-50%); margin-top:0;}
   	.header .special{height: 115px;}
   	
   	.menu{padding:0 10px;}
   	.window{width: 93%; padding-left: 0;}
   	.list_left{ float: none; clear: both; padding-right: 0; padding: 20px; padding-top: 0; box-sizing: border-box; width: 100%;}
   	.news_list .art-img2{width: 34%; height: 80px; margin-right: 10px; position: relative; overflow: hidden; border-radius: 2px;}
	.news_list .art-info2{width: 60%; padding-right: 0;}
	.todayphoto_box .s_left, .todayphoto_box .s_right,.mostreply, .f_social, {display: none;}
	.list_right{width: 100%;}
	.list_right .banner2{margin: 0 auto;}
	.foot_link{top: 16px; left: 20px; width: 100%}
	.f_social{display: none;}
       
    .header .special .logo{width: 90px; top: 20px; left: 50%; transform: translateX(-50%);}
    .header .special .logo img{width: 100%;}  
       .section_navbar{padding-left: 20px; box-sizing: border-box;}
    .section_navbar .wrap .menu li{}
    .logo_company{display: block; width: 80px;}
    .logo_company img{width: 100%; height: auto}
    .contents{width: 100%; box-sizing: border-box; padding-top: 20px;}
       .view_header{padding-bottom: 0; padding-top: 5px;}
    .view_header h2{font-size: 22px; line-height: 140%; padding-top: 15px;}
    .view_header .time{display: none;}
   .section{margin: 0; padding: 20px; border-bottom: 10px solid #f2f4f7}
       .recommend{margin: 0; padding: 20px;}
       .recommend .recommend_box:last-child{margin-bottom: 0;}
       .viewall{padding-bottom: 0;}
       .popular{margin: 0; padding: 20px;}
       .popular .p_list{width: 49%; padding-right: 2%;}
       .popular .p_list:last-child{padding-right: 0;}
       .popular .photo{width: 100% !important; height: 160px !important; border:1px solid rgba(0,0,0,.03); }
       .life{margin: 0; padding: 20px; width: 100%; box-sizing: border-box;}
       .life .i-cover >div{width: 100% !important; height: 200px !important }
       .list_right .banner2{width: 100%;}
       .life .i-cover2{width: 50%}
       .life .i-cover2 > div{width: 100% !important; height: 150px !important }
       .section_box {font-size: 15px;}
       .recommend_box .art-info{font-size: 15px; font-weight: 400;}
       .popular .p_list .tit{padding-bottom: 10px;}
       .reaction{padding: 20px 0}
       .reaction .like{font-size: 11px;}
       .reaction .click{font-size: 12px;}
       .reaction .reaction_box{width: 14% !important; margin: 0 3%;}
       .reaction .reaction_box a{display: block;}
       .reaction img{padding-right: 0; width: 100%; float: none;}
       .reply_write textarea{width: 100% !important; box-sizing: border-box; letter-spacing: -0.08em}
       .reply_sort span{font-size: 14px; position: relative; padding-right: 10px;}
       .relatedarticle li a{font-size: 14px;    }
       .relatedarticle li{text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
       .reply .delete{padding-left: 10px;}
       .copyright{left: 20px}
    .news_list .art-title{
        font-size: 16px;
        line-height: 1.3;
        font-weight: 400;
        padding-bottom: 0;
        margin-bottom: 5px;
            overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: keep-all;
    }
    .news_list .art-sum{
         overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: keep-all;
    }
    .news_list .art-title .comment{display: none;}
    
    .news_list_cont{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f7f7f7}
    .todayphoto_box li{width: 48%; margin-right: 2.5%; margin-bottom: 2.5%; }
       .todayphoto_box li:nth-child(even){margin-right: 0;}
       .todayphoto_box li > div{width: 100% !important;}
       .todayphoto_box .s_right{top: 180px;}
       .todayphoto_box .s_left{top: 180px;}
       .todayphoto h4{font-size: 16px;}
       .section h4,.recommend h4, .popular h4, .life h4{font-size: 16px;}
       .recommend_box .art-img{ border: 1px solid rgba(0,0,0,.03);}
       .news_list .art-img2:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 1px solid rgba(0,0,0,.03);}
       
       .top{display: none;}  
       .recommend{border-bottom: 0 none;}
       .rankytop{display: none;}
      
   }