
li {
	list-style: none;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
}
.page_content{margin-top:0px !important; background-color: #fff !important;}
.goodlooking-banner{
	width:100%;
	min-width: 1200px;
	height: 160px;
	background: url(../../img/GoodLooking/banner@2x.png) no-repeat center center;
	background-size:cover;
	
}
.goodlooking-banner>div{height: 100%; position: relative;}
.goodlooking-banner .link_buttons{
	position: absolute;
	top:50%;
	right:0;
	margin-top:-20px;
	
}

.goodlooking-banner .link_buttons a{
	width: 140px;
	height: 40px;
	line-height: 40px;
	background-image: linear-gradient(270deg, 
		#ea1643 0%, 
		#f3632a 100%), 
	linear-gradient(
		#d32a2a, 
		#d32a2a);
	background-blend-mode: normal, 
		normal;
	border-radius: 4px;
	display: inline-block;
	margin-left:30px;
	text-align: center;
	vertical-align: middle;
	color:#fff;
}

.goodlooking-banner .link_buttons a img{display: inline-block; vertical-align: middle; margin-right: 15px;}
.goodlooking-banner .pic_publish,
.goodlooking-banner .article_publish{
	
}

.nav{
    width: 100%;
    background: #F0F3F5;
}
.nav.stick{
	position: fixed;
	top: 74px;
	z-index: 1029;
}
div.main.asd{
	padding-top: 70px!important;
}
.nav ul {
	list-style: none;
 
    display: flex;
    
    /*display: inline-block;
    height: 60px;
    line-height: 60px;*/
}
.nav ul li {
    font-size: 15px;
    color: #888;
    position: relative;
    border: solid 1px #F0F3F5;

    margin-right: 60px;
    text-align: center;
    
   /* float: left;*/
}
.nav ul li > a {
    color: #888;
    padding: 16px 13px;
    display: inline-block;
    border-radius: 2px;
    font-size: 15px;
    font-family: MicrosoftYaHei-Bold;
    letter-spacing: 0px;
    font-weight: normal;
    font-stretch: normal;
   /* padding: 0px 13px;*/
}
.nav ul li b {
    display: none;
    width: 50px;
    height: 4px;
    background-color: #d32a2a;
    background-image: linear-gradient(270deg, rgba(234, 22, 67, 1) 0%, rgba(243, 99, 42, 1) 100%), linear-gradient(rgba(173, 34, 35, 1), rgba(173, 34, 35, 1));
    background-blend-mode: normal, normal;
    border-radius: 2px 2px 2px 2px;
    position: absolute;
    left: 40%;
    bottom: 0;
    margin-left: -18px;
}
.nav ul li.active>b{
    display: inline-block;
}
.nav ul li.active a{
    color: #333;
    font-weight: bold;
}
.nav ul li:hover{
    border-left: solid 1px #E5E5E5;
    border-right: solid 1px #E5E5E5;
    box-shadow: 0px 1px 9px -1px  rgba(0, 0, 0, 0.1);
}

.main{
	padding-top:30px !important;
}

.main-left{
	width: 860px;
	margin-right: 40px;
	float:left;
}

.main-right{
	width: 300px;
	margin-bottom: 20px;
	float:right;
}
.decorationbook{
	list-style: none;
	padding:0;
	margin:0;
	margin-left:-10px;
}

.decorationbook>li{
	float:left;
	width:205px;
	height: 80px;
	margin-left:10px;
	margin-bottom: 10px;
	
}
.decorationbook>li a{display: block; width:100%; height: 100%;}
.decorationbook>li:nth-child(1){
	background:url(../../img/GoodLooking/decorationbook_1@2x.png) no-repeat center center;
}
.decorationbook>li:nth-child(2){
	background:url(../../img/GoodLooking/decorationbook_2@2x.png) no-repeat center center;
}
.decorationbook>li:nth-child(3){
	background:url(../../img/GoodLooking/decorationbook_3@2x.png) no-repeat center center;
}
.decorationbook>li:nth-child(4){
	background:url(../../img/GoodLooking/decorationbook_4@2x.png) no-repeat center center;
}
.decorationbook>li:nth-child(5){
	background:url(../../img/GoodLooking/decorationbook_5@2x.png) no-repeat center center;
}
.decorationbook>li:nth-child(6){
	background:url(../../img/GoodLooking/decorationbook_6@2x.png) no-repeat center center;
}
.decorationbook>li:nth-child(7){
	background:url(../../img/GoodLooking/decorationbook_7@2x.png) no-repeat center center;
}
.decorationbook>li:nth-child(8){
	background:url(../../img/GoodLooking/decorationbook_8@2x.png) no-repeat center center;
}

.scheme-title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    align-items: center;
}
.scheme-title span{
    font-size: 19px;
    font-weight: bold;
    border-left: solid 4px #D32A2A;
    padding: 0 10px;
}
.scheme-title a{
    font-size: 14px;
    color: #989898;
}
.scheme-title a:hover{
    color: #D32A2A;
}

ul.designworks_2{margin-left:-10px !important;}
ul.designworks_2>li{width:280px; height: 350px; margin-left:10px !important;}
ul.designworks_2>li .designcase_content>.imginfo {
    height: 207px;
}
ul.designworks_2>li .designcase_content>.imginfo .vr {top:10px; right:15px;}
ul.designworks>li .designcase_content>.caseinfo {border-bottom: solid 0px #F2F2F2; padding-bottom: 0px;}

.searchbox{border-bottom: solid 1px #E5E5E5; padding-bottom: 30px;}
.searchbox .search-wrap{
	height: 44px;
	line-height: 44px;
	background-color: #f5f5f5;
	border-radius: 4px;
	padding-right: 54px;
	position: relative;
}

.searchbox .search-wrap input[type=text]{
	height: 100%;
	width:100%;
	background: transparent;
	border:none;
	outline: 0;
	padding:0 10px;
}

.searchbox .search-wrap .search{
	position:absolute;
	right:0;
	top:0;
	width: 54px;
	height: 44px;
	line-height: 44px;
	background-color: #d32a2a;
	border-radius: 4px;
	text-align: center;
	color:#fff;
	font-size:20px;
	text-decoration: none;
}
.topic{border-bottom: solid 1px #f5f5f5; padding-bottom: 30px;}
.topic>h1{font-size:18px; color:#333; font-weight: 700; margin-top:30px; margin-bottom: 20px;}
.topic>h1 a{font-size:12px; color:#888; font-weight: 400;}

.topiclist{
	list-style: none;
	
}
.topiclist>li{width:100%; float:left; height:150px; margin-top: 20px; position: relative;}
.topiclist>li:first-child{margin-top:0;}
.topiclist>li img{width:100%; height: 100%; object-fit: cover;}
.topiclist>li .overlay{
 position: absolute; 
 left:0; 
 top:0; 
 width:100%; 
 height: 100%;
 background-color:rgba(51, 51, 51, 0.1);
 background-image: linear-gradient(0deg, rgba(51, 51, 51, .4) 0%, rgba(51, 51, 51, 0) 100%);
 background-blend-mode: normal
}
.topiclist>li .overlay p{position:absolute; left:0; bottom:10px; color:#fff;font-size:14px; padding:0 20px;}
.ad{
	padding-top:30px;
}

.ad img{width:100%; height: 330px; margin-top:30px;}
.ad img:first-child{margin-top:0px;}
