@charset "UTF-8";
/* CSS Document */
.role_name,.svodinfo a{color: #ff5f00;}
.rolelist_thumb{position: relative; display: block; padding-top: 135%; background: url(../img/load.gif) no-repeat #ebebeb; background-position: 50% 50%; background-size: cover; border-radius: 4px; overflow: hidden;}
.rolelist_item{float: left; width: 50%; padding: 0 2.5rem;}
.rolelist_title{text-align: center;font-size: 0.375rem; margin: 0.25rem 0;}
.role_cont{display: block; overflow: hidden; padding: 0.25rem 0;}
.role_info{background: #f8f8f8; padding: 0.5rem; border-radius: 4px;}
.role_txt{line-height: 0.6rem;}
.role_starlist li{border-top: 1px solid #f8f8f8; padding: 0.25rem 0; width: 50%; float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media (max-width: 820px){
	.pannel.role_box,.role_show{margin: 0 0.375rem;}
	.role_info {padding: 0.375rem;border-radius: 3px;}
	.role_info .pannel_head{padding: 0;}
	.rolelist_item {padding: 0 0.2rem;}
	.role_starlist li{width: 100%;}
	.role_starlist {padding: 0 0.375rem;overflow: hidden;}
}
