body{
	background: #eee!important;
}
*{
	padding:0;
	margin:0;
}
a:link{
	color: #333
}
a:visited{
	color: #333
}
a:hover{
	color: #333
}
a:active{
	color: #333
}
.user_box{
	width: 1080px;
	margin: 0 auto;
	height: 100%;
	background: white;
	position: relative;
}
.user_wrap{
	min-width: 1080px;
	width: 100%;
	animation-duration: .5s;
}
.clear{
	clear: both;
}

/*user header*/
.user_header{
	height: 168px;
	margin-top: 80px;
	overflow: hidden;
}
.user_img{
	width: 108px;
	height: 108px;
	float: left;
	margin-top: 29px;
	margin-left: 31px;
}
.user_img img{
	width: 100%;
	height: 100%;
	display: block;
}
.user-intro{
	width: 764px;
	float: left;
	margin-left: 20px;
	margin-top: 29px;
}
.profile-username{
	font-size: 22px;
	color: #333;
	margin-right: 43px;
}
.user-intro>div a{
	position: relative;
	top: -3px;
	margin-left: 18px;
}
.user-bio{
	font-size: 13px;
	color: #808080;
	margin-top: 15px;
	min-height: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 20px;
}
.user-page{
	font-size: 12px;
	color: #00a0e9;
	position: relative;
	top:-3px;
	margin-left: 20px;
	font-weight: bold;
}
.user-page>img{
	position: relative;
	top: -1px
}
.user-country{
	font-size: 12px;
	color: #333;
	display: inline-block;
	margin-top: 5px;
}
.user-visited{
	font-size: 12px;
	color: #808080;
	margin-left: 28px;
	display: inline-block;
	margin-top: 5px;
}
.user_contain{
	margin-top: 19px;
	min-height: 906px
}
.user_contain .user_box{
	min-height: 906px;
	background: #eeeeee;
}
.user_content{
	width: 714px;
	min-height: 906px;
	margin-right: 19px;
	background: #fff;
	float: left;
	animation-duration: .5s;
}
.user_bar{
	width: 346px;
	float: left;
	min-height: 906px;
	animation-duration: .5s;
}
.user-bar-honor{
	width: 100%;
	height: 208px;
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
}
.user-bar-cpt{
	width: 100%;
	background: #fff;
	/*margin-top: 19px;*/
	padding: 30px;
	box-sizing: border-box;
}
.user-con-nav{
	width: 100%;
	height: 61px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.user-nav-list{
	float: left;
	margin-left: 29px;
	margin-bottom: 0;
}
.user-nav-list>li{
	float: left;
	line-height: 61px;
	font-size: 16px;
	color: #666666;
	margin-right: 50px;
	cursor: pointer;
}
.nav-change-bar{
	height: 3px;
	background: #00a0e9;
	left: 29px;
	top: 58px;
	transition: .5s;
	width: 50px;
	position: absolute;
}
.user-search-input{
	width: 152px;
	height: 36px;
	background: #fff;
	border:1px solid #dddddd;
	border-right: none;
	border-radius: 3px 0 0 3px;
	display: block;
	float: right;
	margin-top: 12px;
	text-indent: 10px
}
.user-search-btn{
	width: 36px;
	height: 36px;
	background: #fff;
	border:1px solid #dddddd;
	border-left: none;
	border-radius: 0 3px 3px 0;
	display: block;
	float: right;
	margin-top: 12px;
	margin-right: 25px;
}
.usercontent{
	width: 100%;
	min-height: 844px;
	background: #fff;
}
.cpt-list{
	width: 100%;
}
.cpt-list>li{
	height: 109px;
	border-bottom: 1px solid #f5f5f5;
	padding-top: 32px;
	box-sizing: border-box;
	color: #333;
	transition: .5s;
	padding: 30px
}
.cpt-list>li:hover{
	background: #f2f9fe;
}
.cpt-intro{
	width: 545px;
	float: left;
}
.cpt-thunbs{
	width: 109px;
	float: left;
}
.cptintro-name{
	display: block;
	float: left;
	font-size: 16px;
	max-width: 268px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-weight: bold;
}
.cpt-page{
	font-size: 12px;
	color: #00a0e8;
	margin-top: 2px;
	margin-left: 40px;
	font-weight: 500;
}
.cpt-page>span{
	position: relative;
	top:1px;
}
.cpt-time{
	float: left;
	font-size: 12px;
	color: #999999;
	margin-right: 20px;
	margin-top: 20px;
}
.cpt-category{
	float: left;
	font-size: 12px;
	color: #00a0e4;
	margin-right: 20px;
	margin-top: 20px;
}
.cpt-trecomment{
	float: left;
	font-size: 12px;
	margin-top: 20px;
	color: #999
}
.support button:nth-child(1){
	width: 72px;
	height: 30px;
	border: none;
	background: #e2efff;
	border-radius:4px;
	color: #2aacea;
	font-size: 20px;
	display: block;
	float: left;
	outline: none;
	cursor: pointer;
}
.support button:nth-child(1) span{
	font-size: 16px;
	font-weight: 500
}
.support button:nth-child(2){
	width: 30px;
	height: 30px;
	border: none;
	background: #e2efff;
	border-radius:4px;
	color: #2aacea;
	font-size: 20px;
	display: block;
	float: left;
	margin-left: 6px;
	outline: none;
	cursor: pointer;
}
.competition-list>li{
	padding: 30px;
	border-bottom: 1px solid #f5f5f5;
	transition: .5s
}
.competition-list>li:hover{
	background: #f2f9fe;
}
.competition-logo{
	width: 70px;
	height: 56px;
	float: left;
}
.competition-logo>img{
	display: block;
	width: 100%;
	height: 100%
}
.competition-intro{
	width: 539px;
	float: left;
	margin-left: 20px;
}
.competition-name{
	font-size: 16px;
	color: #333;
	display: block;
	float: left;	
}
.comprtition-user{
	font-size: 12px;
	margin-top: 15px;
}
.competition-user{
	color: #2aacea
}
.competition-time{
	margin-left: 20px;
}
.user-bar-intro{
	font-size: 18px;
	color: #100408
}
.bar-logo{
	width: 72px;
	height: 48px;
	float: left;
}
.bar-logo>img{
	display: block;
	width: 100%;
	height: 100%;
}
.user-bar-list{
	width: 284px;
}
.user-bar-list>li{
	padding: 30px 0;
	border-bottom: 1px solid #f5f5f5
}
.user-bar-list>li:nth-child(3){
	border-bottom: none
}
.bar-intro{
	float: left;
	width: 200px;
	margin-left: 12px;
}
.bar-user-name{
	font-size: 16px;
	color: #333333;
	margin-bottom: 13px;
}
.bar-user-award{
	font-size: 14px;
	color: #00a0e9
}
.bar-user-sponsor{
	font-size: 12px;
	color: #666;
	margin-top: 7px;
}
.bar-user-time{
	font-size: 12px;
	color: #666;
	margin-top: 7px;
}
.bar-user-jionTime{
	font-size: 12px;
	color: #666;
	margin-top: 7px;
}
.more-cpt{
	width: 100px;
	height: 32px;
	color: #00a0e9;
	background: #fff;
	font-size: 14px;
	border:1px solid #00a0e9;
	margin-left: 94px;
}
.user-honor-wrap{
	width: 286px;
	height: 99px;
	margin-top: 30px;
	overflow: auto;
}
.honor-icon{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #2aacea;
}
.bar-honor-icon{
	width: 19px;
	float: left;
	padding-top: 8px;
}
.bar-honor-intro{
	width: 267px;
	float: left;
}
.honor-name{
	font-size: 14px;
	color: #333;
	display:inline-block;
	width: 232px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.honor-rank{
	font-size: 14px;
	color: #00a0e9;
	position: relative;
	top: -3px
}
.honon-jionDate{
	font-size: 12px;
	color: #999999
}
.user-honor-list>li{
	margin-bottom: 10px;
}
.models-private{
	width: 58px;
	height: 32px;
	border:1px solid #e5e5e5;
	font-size: 13px;
	color: #333;
	display: block;
	float: left;
	margin-top: 30px;
	outline: none;
}
.models-public{
	width: 58px;
	height: 32px;
	border:1px solid #00a1e7;
	font-size: 13px;
	color: #fff;
	background: #00a1e7;
	display: block;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	outline: none;
}
.models-name{
	font-size: 18px;
	color: #333
}
.models-public-icon{
	color: #00a1e7;
	margin-left: 20px;
	position: relative;
	top: -3px
}
.models-page{
	font-size: 12px;
	color: #00a1e7;
	margin-left: 70px;
	position: relative;
	top: -3px
}
.models-list>li{
	padding: 30px;
	border-bottom: 1px solid #f5f5f5;
	transition: .5s
}
.models-list>li:hover{
	background: #f2f9fe;
}
.models-intro{
	width: 540px;
	float: left;
}
.models-thunbs{
	width: 114px;
	float: left;
}
.model-introduction{
	font-size: 14px;
	color: #999;
	margin-top: 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 512px;
}
.models-timing{
	font-size: 12px;
	margin-top: 7px;
}
.models-time{
	color: #999;
	margin-right: 22px;
}
.models-category{
	color: #00a0e9;
	margin-right: 22px;
}
.models-comment-num{
	color: #666
}
.models-type-icon{
	width: 31px;
	height: 32px;
	background: #eeeeee;
	text-align: center;
	line-height: 31px;
	float: left;
	margin-right: 7px;
	margin-top: 7px;
}
.models-lan-icon{
	width: 31px;
	height: 32px;
	background: #eeeeee;
	text-align: center;
	line-height: 31px;
	float: left;
	margin-right: 7px;
	margin-top: 7px;
}
.all-list{
	padding: 30px;
	animation-duration: .5s;
	border-bottom: 1px solid #f5f5f5;
	transition: .5s
}

.all-list:hover{
	background: #f2f9fe;
}
.all-name{
	font-size: 18px;
	color: #333;
	max-width: 268px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	display: block;
	float: left;
	position: relative;	
	top: -3px
}
.user-all-loading{
	font-size: 13px;
	color: #0aa4e9;
	text-align: center;
	padding: 20px 0 ;
}
.user-all-loading>i{
	font-size: 18px;
}
.user-honor_all_img{
	width: 45px;
	height: 45px;
	float: left;
}
.user-honor_all_img>img{
	width: 100%;
	height: 100%;
}
.user-honor_all_contain{
	width: 539px;
	float: left;
	margin-left: 20px;
}
.null_contain{
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 500px;
}
.show_profirm{
	width: 108px;
	height: 34px;
	background: #00a1e7;
	color: #fff;
	border:none;
	border-radius: 3px;
	position: absolute;
	right: 30px
}
.user-view-profile{
	display: none;
	margin-top: 19px;
}
.user-profile-head{
	height: 60px;
	border-bottom: 1px solid #ebebeb;
	padding: 0px 30px;
	line-height: 60px;
}
.user-profile-head>span{
	font-size: 16px;
	color: #666;
}
.edit_profile{
	width: 108px;
	height: 34px;
	background: #fff;
	color: #00a1e7;
	border:1px solid #00a1e7;
	border-radius: 3px;
	float: right;
	display: block;
	margin-top: 12px;
	margin-right: -3px;
	line-height: 34px;
}
.user-profile-content{
	padding: 8px 30px 38px;
}
.profile_intro{
	width: 146px;
	float: left;
	font-size: 16px;
	color: #333;
	margin-top: 30px;
}
.profile_content{
	font-size: 14px;
	color: #333;
	width: 380px;
	float: left;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 30px;
}
.profile_content>span{
	margin-right: 34px;
}
.profile_content_edit{
	font-size: 14px;
	color: #333;
	width: 601px;
	float: left;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 30px;
}

.tools_con>button{
	padding: 10px;
	border:1px solid #e5e5e5;
	border-radius: 2px;
	background: #fff;
}
.user_page_list{
	padding: 5px 10px;
	border:1px solid #e5e5e5;
	border-radius: 2px;
	background: #fff;

}
.user_page_list>i{
	color: #e0e0e0
}
.user-edit-profile{
	display: none;
}
.user-edit-profile{
	padding: 8px 30px 38px
}
.user-edit-profile input[type="text"]{
	height: 32px;
	width: 502px;
	border:1px solid #ebebeb;
	text-indent: 10px
}
.user-edit-profile textarea{
	width: 502px;
	height: 108px;
	border:1px solid #ebebeb;
	padding: 5px;
	resize: none
}
.user-profirm_img{
	width: 99px;
	height: 99px;
	display: block;
	position: absolute;
	top: 80px;
	left:577px;	
}
.user-countrys>input{
	width: 152px!important;
	height: 34px!important;
	margin-right: 12px;
}
.add_tool{
	width: 18px;
	height: 18px;
	background: #00a0e3;
	font-size: 18px;
	border:none;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	margin-left: 12px;
	color: #fff;
	display: inline-block;
	line-height: 18px;
}
.submit_btn{
	width: 152px;
	height: 34px;
	background: #00a1e7;
	color:#fff;
	font-size: 14px;
	margin-left: 127px;
	margin-top: 30px;
}
.profile_content_edit>select{
	width: 152px;
	height: 34px;
	border-radius:2px;
	border:1px solid #ebebeb;
	background: #fff;
}
.profile_content_edit>input[type="radio"]:nth-child(1){
	margin-left: 0;
}
.profile_content_edit>input[type="radio"]{
	margin-left: 40px;
	margin-right: 10px;
}
.user-reovePage{
	width: 18px;
	height: 18px;
	border:1px solid #e8e8e8;
	text-align: center;
	line-height: 18px;
	color: #e8e8e8;
	font-size: 18px;
	float: right;
}
.add_pageIpt{
	width: 152px!important;
	height: 34px!important;
}
#avatar-modal .modal-dialog{
	margin-top: 100px;
}
.btn-danger:hover{
	background: #d9534f;
}