114 lines
4.9 KiB
CSS
Executable File
114 lines
4.9 KiB
CSS
Executable File
.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;}
|
|
|
|
} |