body {
	padding: 0px;
	margin: 0px;
	font-family: "微软雅黑", "microsoft yahei";
	font-size: 12px;
}

input,
textarea {
	outline: none;
}


/*预设值字体颜色*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #d4d4d4;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #d4d4d4;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #d4d4d4;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #d4d4d4;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
}

.overflow {
	overflow: hidden;
}

.float-left {
	float: left;
}

.relative {
	position: relative;
}

.float-right {
	float: right;
}

.free-box {
	width: 1200px;
	margin: 15px auto;
	font-size: 14px;
	color: #666666;
}

.free-left {
	width: 870px;
	background: #fbfbfb;
	
}

.free-right {
	width: 308px;
}

.free-title {
	width: 1200px;
	margin: 15px auto;
}

.free-title h1 {
	width: 870px;
	border-bottom: 3px solid #00CCFF;
	font-weight: 500;
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}

.l-inner {
	padding: 10px 20px;
}

.l-inner p {
	padding-bottom: 4px;
}

.sex-box label span {
	background: #FFFFFF;
	display: inline-block;
	text-align: center;
	padding: 6px 30px;
	margin-left: 20px;
	cursor: pointer;
	border: 1px solid #f2f2f2;
}

.sex-box input {
	display: none;
}

.sex-box label span.on-nam {
	border: 1px solid #00ccff;
	color: #00ccff;
}

.sex-box label span.on-woman {
	border: 1px solid #ff66ce;
	color: #ff66ce;
}
.sex-sel {
	transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
}

.man-sel{
	border: 1px solid #00CCFF;
	color: #00CCFF;}
	
.woman-sel{
	border: 1px solid #ff66ce;
	color: #ff66ce;
}
.man:hover {
	border: 1px solid #00CCFF;
	color: #00CCFF;
}

.woman:hover {
	border: 1px solid #ff66ce;
	color: #ff66ce;
}

.age-boxn {
	line-height: 30px;
}

.age-input {
	margin-left: 23px;
	width: 86px;
	height: 26px;
	border: 1px solid #f2f2f2;
}
.name-input {
	margin-left: 23px;
	width: 176px;
	height: 26px;
	border: 1px solid #f2f2f2;
}
.zhengzhuang {
	vertical-align: text-top;
	margin-left: 20px;
	border: 1px solid #f2f2f2;
	width: 600px;
	height: 150px;
	padding: 6px;
	font-family: "微软雅黑";
}

.zzhung-box {
	border: 1px solid;
}

.tip-user {
	padding-left: 52px;
	margin-top: -10px;
	color: #999999;
	font-size: 12px;
}

.btn-boxs {
	padding-left: 48px;
	margin-top: 20px;
	margin-bottom: 64px;
}

.submit-answer {
	padding: 10px 70px;
	background: #00CCFF;
	color: #FFF;
	border-radius: 4px;
	font-size: 14px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}

.submit-answer:hover {
	background: #33d9ff;
}

.btn-boxs span {
	color: #9a999a;
}

.center-yours {
	color: #17D4FF;
}

.ad-img-box {
	margin-bottom: 15px;
}

.ad-img-box img {
	width: 308px;
}

.sao-app {
	background: #fafafa;
	border-radius: 3px;
	height: 110px;
}

.sao-app a {
	display: block;
	height: 110px;
	padding: 0 0 0 64px;
}

.sao-app a span {
	display: block;
	width: 39px;
	height: 78px;
	background: url(../images/ws-phone.png) 0 0 no-repeat;
	position: absolute;
	left: 15px;
	top: 15px;
}

.sao-app a b {
	display: block;
	font-size: 18px;
	padding: 20px 0 10px;
	font-weight: bold;
	color: #333;
}

.sao-app a p {
	font-size: 16px;
	color: #36c0c9;
}

.togle-box {
	margin: 0px 14px;
	*margin: 0px 14px !important;
	*margin: 0px 14px;
	background: #FFFFFF;
	width: 100px;
	height: 30px;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
	border: 1px solid #00ccff;
}

.upload-a {
	background: url(../images/upload-btn.png) no-repeat;
	display: inline-block;
	height: 100px;
	width: 100px;
	margin: 10px 38px;
}


/*年龄*/

.sliders {
	background: #00ccff;
	width: 50px;
	height: 30px;
	border-radius: 4px;
	position: absolute;
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	left: 50px;
}

.togle-box span {
	height: 30px;
	line-height: 30px;
	color: #666;
}

.m {
	float: left;
	margin-left: 16px;
	width: 20px;
}

.w {
	float: right;
	margin-right: 20px;
}

/**个人档案**/
.free-box .name-box{
	float:left;
}
.free-box .personal-files{
	/* border:2px solid; */
	padding: 5px;
	margin:0 auto;
}
/* .free-box .personal-files div{
	border:2px solid; 
	padding: 5px;
	margin: 2px; 
} */
.free-box .personal-files .personal-files-left{
	float:left;
	margin:16px 2px;
	padding: 5px
}
.free-box .personal-files .personal-files-right{
	float:left;
	margin: 2px;
	padding: 5px
}
.free-box .personal-files .personal-file{
    width: 250px;
    margin: 2px 0;
    padding: 10px 0px 10px 40px;;
    border:2px solid #F5F5F5;
    display: none;
}
.free-box .personal-files .personal-file span{
	margin-right:7px;
	float: right;
	color: #00BCD4;
	cursor: pointer;
	display: none;
}
.free-box .personal-files .personal-file:hover span{
	display: inline-block;
}
.free-box .personal-files .file-list-show{
	display: block;
}
.free-box .personal-files .select{
	background-image: url("../static/images/new/ok.png");
	background-repeat: no-repeat;
	background-size:20px 20px;
	background-position:5px;
	display: block;
}
.free-box .personal-files .personal-file-new{
	margin: 2px;
	padding: 5px;
	width: 300px;
    margin-left: 130px;
}
.free-box .personal-files .personal-file-introduce{
	background-image: url("../static/images/introduce.png");
	background-repeat: no-repeat;
	background-size:50px 50px;
	width:50px;
	height:50px;
	margin-left: 8px;
}
.free-box .personal-files .show-hide-file{
	float: left;
	padding: 10px;
	margin: 5px;
	color: #00BCD4;
}
/**向上的箭头**/
.dot-up{
	/* 设定div大小 */
    width:0;
    height:0;
    /* 防溢出，稳固兼容性 */
    overflow:hidden;
    /* 箭头尺寸 */
    border-width:10px;
    /* 给箭头着色，四个值分别是边框的四个方向，箭头的方向正好相反 */
    border-color:#333333 transparent transparent transparent;
    /* 为了兼容性，最好把四个值都补上，需要的方向设实线，其他方向虚线 */
    border-style:solid dashed dashed dashed;
} 
/**向下的箭头**/
.dot-down{
	/* 设定div大小 */
    width:0;
    height:0;
    /* 防溢出，稳固兼容性 */
    overflow:hidden;
    /* 箭头尺寸 */
    border-width:8px;
    border-top-width:20px;
    /* 给箭头着色，四个值分别是边框的四个方向，箭头的方向正好相反 */
    border-color:#333333 transparent transparent transparent;
    /* 为了兼容性，最好把四个值都补上，需要的方向设实线，其他方向虚线 */
    border-style:solid dashed dashed dashed;
}