@charset "utf-8";
/* CSS Document */
/*-----copyright------*/
.footer{width:100%; max-width:1020px; margin: 1rem auto 1.2rem; position: relative;
	display:flex; display:-ms-flexbox;
	flex-direction: column;	-ms-flex-direction: column;
	align-items:center ; -ms-flex-align: center; 
	}

.footer li,.footer li span{ font-size:.9rem;}
.cr_con{ width:100%; margin: 0 auto; padding-bottom: 0.8rem;
	border-width:1px; border-style:solid;
	border-image: 
	  linear-gradient(
		to right, 
		rgba(60, 43, 21, 0) 0%, 
		rgb(60, 43, 21) 10%,
		rgb(60, 43, 21) 90%,      
		rgba(60, 43, 21, 0) 100%
	  ) 0 0 100% 0; /* 上右下左 */
}




.cr_con ul { display:flex; display:-ms-flexbox; justify-content:center;	-ms-flex-pack:center; align-items:center;-ms-flex-align:center;}
.cr_con ul li{transition:all 0.3s ease-out; /*chrome*/-webkit-transition:all 0.3s ease-out; /*firefox*/-moz-transition:all 0.3s ease-out;}
.cr_uj{width:180px;}
.cr_text{flex-grow:0;}
.cr_uj{ width: 100%; height: auto; max-width: 171px;}
/*.cr_uj img{filter: drop-shadow(0 0 5px rgba(255,255,255,1));}*/
.cr_txt{ text-align:left; line-height: 1.2rem; font-size: 0.8rem; padding: 1.2rem .5rem 0rem .8rem;}
.rank_con ul li img {margin-right: .3rem;}

.rank_con{ width:100%; }
.rank_con ul {display:flex; display:-ms-flexbox; flex-direction:row; -ms-flex-direction:row; justify-content:flex-start;-ms-flex-pack:start;}
.rank_con ul li { text-align:left; font-size:1rem; line-height: 1.3rem ; padding: .7rem .5rem;
	transition:all 0.3s ease-out; /*chrome*/-webkit-transition:all 0.3s ease-out; /*firefox*/-moz-transition:all 0.3s ease-out;
}
.rank_con ul li:nth-of-type(1) {width: 50%;}
.rank_con ul li:nth-of-type(2) {width: 1%;
	border-width: 1px;
	border-style: solid;
	border-image: 
	  linear-gradient(
		to bottom, 
		rgba(60, 43, 21, 0) 0%, 
		rgb(60, 43, 21) 10%,
		rgb(60, 43, 21) 90%,      
		rgba(60, 43, 21, 0)100%
	  ) 0 0 0 100%; /* 上右下左 */
}


.rank_con ul li:nth-of-type(3) {width: 48%;}
.rank_con ul li:nth-of-type(1){display:flex; display:-ms-flexbox; align-items:center;-ms-flex-align:center;}
.icon img{ width:32px; height: auto;}
.rank_con ul li:nth-of-type(1)>div:nth-of-type(2){padding-left:0.5rem; flex-grow:1; flex-shrink:1;}


@media (max-width:1050px){
	.cr_uj {width: 28%;margin-left: 0rem;}
}

@media (max-width:950px){
	.cr_txt {padding: .3rem .5rem 0rem .8rem;}
}

@media (max-width:860px){
	.footer li ,.footer li span ,.rank_con ul li{display: inline-block;}
}

@media (max-width:750px){/*mobile width*/
	.cr_con ul{flex-direction: column;-ms-flex-direction: column;}
	.cr_uj {width:80%; margin: 0 auto;}
	.cr_txt{ margin:0 auto; text-align: center;}
}

@media (max-width:640px){
	.cr_uj{ width:40%;}
	.cr_txt{ width:100%;}
	.rank_con ul li img { margin: 1.2rem .8rem;}

	.icon img{ width:80%; height: auto;}

	.rank_con ul li{font-size: .9rem;}
	.rank_con ul {flex-direction: column;-ms-flex-direction: column;}

	.rank_con ul li:nth-of-type(2){display: none;}
	.rank_con ul li:nth-of-type(1),.rank_con ul li:nth-of-type(3) {width:98%; margin: 0 auto;}
	.rank_con ul li img {margin:0;}
	.rank_con ul li:nth-of-type(3) {text-align: center;}
	.rank_con ul li:nth-of-type(1)>div:nth-of-type(2) {padding-left:0;}
}

@media (max-width:430px){
	.cr_uj{ width:30%;}
}

@media (max-width:375px){
	.cr_uj{ width:40%;}
	.rank_con ul li:nth-of-type(1){display: block;}
	.icon{width:10%; margin: 0 auto  0.3rem auto;}
}