@charset "utf-8";

.vote_item {
	width: 100%;
	overflow: hidden;
	background: #f3f3f3;
	padding-top: 23px;
	padding-left: 20px;
}
.vote_item .vote_list .pic_box{
	width:90%;
	height:auto;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	border-radius:6px;
	}
.vote_item .vote_list .pic_box img.pic_list{
	width:100%;
	height:auto;
	display:block;
	border:none;
	
	}
.vote_item .company .pic_box{
	border:1px solid #F93;
	}
.vote_item .vote_list .pic_box .num{
	position:absolute;
	top:0px; left:5px;
	width:auto;
	height:auto;
	/*line-height:30px;*/
	padding:4px 14px;
	text-align:center;
	background:rgba(0,0,0,0.3);
	color:#fff;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	font-size:14px;
	}
.vote_item .vote_list .pic_box .rank{
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:center;
	background:rgba(0,0,0,0.3);
	color:#fff;
	/*opacity:0.6;*/
	border-top-left-radius:4px;
	font-size:14px;
	padding:4px 14px;
	display:inline-block;
	width:auto;
	
	}
.vote_item .vote_list .name_box{
	width:90%;
	margin:0 auto;
	height:auto;
	}
.vote_item .vote_list .name_box p.vote_name{
	width:auto; float:left;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#333;
	
	}
.vote_item .vote_list .name_box p.vote_count{ 
 width:auto;
 float:right;
 font-size:14px;
 color:#555;
 text-align:right;
}
.vote_item .vote_list .name_box p.vote_count b{ color:#F60; width:auto;}
.vote_item .vote_list img {
	display: block;
	width:90%;
	height: auto;
	border:1px solid #aa8242;
	margin: 0 auto;
}
.vote_item .vote_list .vote_name {
	width: 88%;
	margin: 0 auto;
	height: 34px;
	color: #333;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	font-weight:bold;
	margin-bottom:8px;
	overflow: hidden;
}
.H18 .vote_list .vote_name{
	/*height: 18px;*/
}
.design_com .vote_item .vote_list .com_name02{
	width:90%;
	margin:10px auto 14px;
	height:auto;
	color: #333;
    font-size: 14px;
    text-align: left;
	font-weight: bold;
	}
.design_com .vote_item .company .popularity{
	width:90%;
	margin:0 auto 10px;
	}
.design_com .vote_item .company .popularity .Look_des{
	float:left;
	width:auto;
	line-height:30px;
	height:30px;
	text-align:center;
	padding:0 20px;
	color:#fff;
	border-radius: 6px;
    box-shadow: 1px 1px 2px #ccc;
    font-size: 14px;
    font-weight: bold;
	}
.design_com .vote_item .company .popularity .vote_count{
	float:right;
	width:auto;
	height:30px;
	line-height:30px; text-align:right;
	color:#555;
	font-size:14px;
	}
.design_com .vote_item .company .popularity .vote_count b{ color:#F60; width:auto;}
.vote_item .vote_list .Look_des {
	display: block;
	width:86%;
	height:30px;
	line-height:30px;
	background: #028bd1;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	border-radius:6px;	
	box-shadow:1px 1px 2px #ccc;
	font-size: 14px;
	font-weight:bold;
	margin-bottom:30px;
}
.design_com .vote_item .company .popularity .before{ background:#ccc;}
.design_com .vote_item .company .popularity .end{ background:#ccc;}
.design_com .vote_item .company .popularity .start{
	background: #028bd1;
	}
.vote_item .vote_list .before{ background:#ccc;}
.vote_item .vote_list .start{ background:#028bd1;}
.vote_item .vote_list .end{ background:#ccc;}
.vote_item .vote_list .vote_count{
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #444444;
	font-size: 12px;
}
.vote_item .vote_list .vote_count b {
	font-weight: normal;
}
.container .vote_item .designer_box .morebtn{
	width:150px;
	font-size:16px;
	text-align:center;
	height:150px;
	border-radius:100%;
	line-height:150px;
	font-weight:bold;
	margin-top:26%;
	
	}
.vote_item .vote_list .morebtn {
	width: 105px;
	height: 105px;	
	line-height: 105px;
	border-radius: 50%;
	background: #f8b551;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 0 auto;
	overflow: hidden;
}
div.tit{ position:relative;}
div.tit .more_btn{ position:absolute; right:16px; top:0px; width:100px; text-align:right;}
div.tit .more_btn a{ color:#000; text-align:right;}
.container .design_com .vote_item .company .com_more{ 
width:100px;
height:100px;
border-radius:100%;
margin:0 auto;
line-height:100px;
font-size:16px;
color:#fff;
text-align:center;
margin-top:18%;
}

.design_com .commons .company .pic_box{ border:none;}
.piaoshu_box{ width:100%; background:rgb(22,3,58);}
.piaoshu_box .piaoshu_list{ width:90%; margin:0 auto; padding-bottom:10px;}
.piaoshu_box .piaoshu_list li{ width:50%; float:left;}
.piaoshu_box .piaoshu_list li .num_box{ width:100%; font-size:14px; text-align:center; line-height:26px; display:inline-block; color:rgb(231,200,107);}
.piaoshu_box .piaoshu_list li .num{ width:100%; font-size:14px; text-align:center; line-height:22px; display:inline-block; color:rgb(231,200,107);}
.mask_pop {
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top:0;
	z-index: 999;
	overflow: hidden;
}

@media( max-width:768px){
	.tit .icon_star{top:6px;transform: scale(0.6);}
	.tit{ text-indent:36px;}
	.tit h4{ font-size:14px;}
	div.tit .more_btn a{ font-size:14px; text-align:right;}
	.vote_item .vote_list .pic_box{ width:92%;}
	.vote_item .vote_list .name_box{ width:92%}
	.vote_item{ padding-left:10px;}
	.vote_item .vote_list .name_box p.vote_name{ font-size:12px; width:auto; margin:0 auto; line-height:40px; height:40px; }
	.vote_item .vote_list .name_box p.vote_count{ font-size:12px; width:auto; line-height:40px; height:40px;}
	.vote_item .vote_list .pic_box .num{ height:auto;font-size:12px; width:auto; padding:2px 10px;}
	.vote_item .vote_list .pic_box .rank{font-size:12px; padding:2px 10px;}
	.container .vote_item .designer_box .morebtn{ width:100px; height:100px; line-height:100px; font-size:14px; margin-top:24%;}
	.vote_item .vote_list .Look_des{ font-size:12px; height:24px; line-height:24px; border-radius:4px;}
	.design_com .vote_item .vote_list .com_name02{ font-size:12px; line-height:18px;margin:8px auto 10px; height:20px; overflow:hidden;}
	.design_com .vote_item .company .popularity .Look_des{ line-height:24px; font-size:12px; border-radius:4px; height:24px;padding: 0 14px;}
	.design_com .vote_item .company .popularity .vote_count{ line-height:24px; height:24px; font-size:12px;}
	.container .design_com .vote_item .company .com_more{ height:75px; width:75px; line-height:75px; font-size:14px; margin-top:5%;}
	.container .design_com .commons .company .com_more{ width:100px; height:100px; border-radius:100%; line-height:100px;}
	.piaoshu_box .piaoshu_list li .num_box,.piaoshu_box .piaoshu_list li .num{ font-size:12px;}
	}
@media( max-width:750px){
	.container .vote_item .designer_box .morebtn{ margin-top:34.9%;}
	.container .design_com .vote_item .company .com_more{ width:100px; height:100px; line-height:100px; margin-top:18%;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:34.9%;}
	}
@media( max-width:640px){
	.container .vote_item .designer_box .morebtn{ margin-top:32.3%;}
	.container .design_com .vote_item .company .com_more{ width:100px; height:100px; line-height:100px; margin-top:17%;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:32.3%;}
	}
@media( max-width:520px){
	.container .vote_item .designer_box .morebtn{ margin-top:28.1%;}
	.container .design_com .vote_item .company .com_more{ width:100px; height:100px; line-height:100px; margin-top:12%;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:28.1%;}
	}
@media( max-width:480px){
	.container .vote_item .designer_box .morebtn{ margin-top:26.2%;}
	.container .design_com .vote_item .company .com_more{ width:80px; height:80px; line-height:80px; margin-top:15%;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:26.2%;}
	}
@media( max-width:414px){
	.container .vote_item .designer_box .morebtn{ margin-top:22.4%;}
	.container .design_com .vote_item .company .com_more{ width:80px; height:80px; line-height:80px; margin-top:12%;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:22.4%;}
	}
@media( max-width:412px){
	.container .vote_item .designer_box .morebtn{ margin-top:22.2%;}
	.container .design_com .vote_item .company .com_more{ width:80px; height:80px; line-height:80px; margin-top:12%;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:22.2%;}
	}
@media( max-width:375px){
	.container .vote_item .designer_box .morebtn{ margin-top:19.2%;}
	.container .design_com .vote_item .company .com_more{ width:80px; height:80px; line-height:80px; margin-top:8%;}
	.design_com .vote_item .company .popularity .Look_des{ padding:0 14px;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:19.2%;}
	}
@media( max-width:360px){
	.container .vote_item .designer_box .morebtn{ margin-top:18%;}
	.container .design_com .vote_item .company .com_more{ width:80px; height:80px; line-height:80px; margin-top:7%;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:18%;}
	}
@media( max-width:320px){
	.container .vote_item .designer_box .morebtn{ margin-top:16%;}
	.container .design_com .vote_item .company .com_more{ width:80px; height:80px; line-height:80px; margin-top:4%;}
	.design_com .vote_item .company .popularity .Look_des{ padding:0 6px;}
	.container .design_com .commons .company .com_more{width:100px; height:100px; line-height:100px; margin-top:16%;}
	}