@charset"utf-8";
body,html{height:100%; width:100%; background:#f5f5f5}
body,ul,p{margin:0 !important;padding:0;}
li{list-style:none}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, keygen, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video, input, textarea, select, button {margin:0; padding:0; border:none; border:0; outline:0; font-size:87.5%; font:inherit; vertical-align:baseline; line-height:1.75em; font-size: 15px;}
ins, u, s, a, a:hover,a:focus{text-decoration:none !important;}
.fl{float:left;}
.fr{float:right}
.wrapper{height:100%; overflow-x:hidden; background:#f5f5f5;}
.clearfix{clear:both; z-index:1}

/* 浣跨敤闃块噷宸村反鍥炬爣搴撳瓧浣撳浘鏍� */
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*淇敼榛樿婊氬姩鏉�*/
	::-webkit-scrollbar{
		width:6px;
		height:15px;
	}
	/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
	::-webkit-scrollbar-track  {
		-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
		border-radius:10px;
		background-color:#ddd;
	}
	/*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
	::-webkit-scrollbar-thumb  {
		border-radius:10px;
		-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
		background-color:#999;
	}
/* 鍗曢�夋牱寮忕編鍖� */
	.radio{
		display: inline-block !important;
		position: relative;
		margin-right: 10px;
		cursor: pointer;
		width: 75px;
		margin: 0 !important;
	}
	.radio input{
		display: none;
	}
	.radio .radio-bg{
		display: inline-block !important;
		height: 18px;
		width: 18px;
		margin-right: 5px;
		margin: 7px 0;
		border: 1px solid #282b8e;
		background-color: #fff;
		border-radius: 100%;
		vertical-align: top;
		cursor: pointer;
		transition: all 0.2s ease;
	}
	.radio .radio-on{
		display: none;
	}
	.radio input:checked + span.radio-on{
		width: 10px;
		height: 10px;
		position: absolute;
		border-radius: 100%;
		top: 11px;
		left: 4px;
		background-image: linear-gradient(#282b8e 0, #282b8e 100%);
		transform: scale(0, 0);
		transition: all 0.2s ease;
		transform: scale(1, 1);
		display: inline-block;
	}
/* 复选框美化 */
	#checkbox label {
		cursor:pointer;

		display: inline-block;
		width:100%;
	}
	#checkbox label i {
		font-size:14px;
		font-style:normal;
		display:inline-block;
		width:15px;
		height:15px;
		text-align:center;
		line-height:12px;
		color:#fff;
		vertical-align:middle;
		margin:-2px 5px 1px 0;
		border:#1c1f87 1px solid;
		border-radius: 5px;
	}
	#checkbox input[type="checkbox"],input[type="radio"] {
		display:none;
	}
	#checkbox input[type="radio"] + i {
		border-radius:7px;
	}
	#checkbox input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {
		background: #1c1f87;
	}
	#checkbox input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {
		border-color: #ccc;
	}
	#checkbox input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {
		background :#ccc;
	}
	/*
	<label><input type="checkbox"><i>✓</i>复选框</label><br>
	<label><input type="checkbox" checked><i>✓</i>默认复选框</label><br>
	<label><input type="checkbox" disabled><i>✓</i>禁止复选框</label><br>
	<label><input type="checkbox" disabled checked><i>✓</i>禁止默认复选框</label><br>
	<label><input type="radio" name="abc"><i>✓</i>单选框</label><br>
	<label><input type="radio" name="abc" checked><i>✓</i>默认单选</label><br>
	<label><input type="radio" name="abc" disabled><i>✓</i>禁止单选</label><br>
	<label><input type="radio" name="def" disabled checked><i>✓</i>禁止默认单选</label><br>
	 */
/* 按钮 */
	.btn-primary, .btn-primary:hover, .btn-primary:focus{
		background-color: #1c1f87!important;
		border:1px solid #494cc3 !important;
	}
/* 涓汉涓績 */
	.panel-body{
		min-height: 100%;
		background:#fff;
	}
	#homeTab{
		background: #fff;
		padding:15px 0;
	}
	#homeTab ul{
		background: #1c1f87;
		padding:0 15px;
		line-height: 34px;
	}
	#homeTab ul li a{
		color:#fff;
		padding: 5px 30px;
		font-size: 15px;
		line-height: 2em;
		display: inline-block;
	}
	#homeTab ul li.active{
		background: #fff;
	}
	#homeTab ul li.active a{
		color: #1c1f87;
		font-weight: 600;
	}
	#homepane{
		background: #fff;
		padding:0 15px;
	}
	.homepane #home .hometitle, .homepane #hobby .hometitle{
		background: rgba(28,31,125,0.13);
		border: 1px solid rgba(28,31,125,0.36);
		border-radius: 5px;
	}
	.homepane #home .hometitle p, .homepane #hobby .hometitle p{
		font-size: 15px;
		color: #03067c;
		line-height: 34px;
		letter-spacing: 2px;
		font-weight: 500;
	}
	.homepane #home .homemessage{
		padding: 15px 0;
	}
	.homepane #home .homemessage .homemessageimg img{
		width: 80px;
		height: 80px;
		border-radius: 50%;
		margin-bottom: 10px;
	}
	.homepane #home .homemessage .upload-file{
		position: relative;
		color: #1c1f87;
		font-size: 15px;
		overflow: hidden;
		display: inline-block;
    }
	.homepane #home .homemessage .upload-file span{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
    }

	.homepane #home .homemessage .upload-file:hover{
		font-size: 15px;
		border-color: rgb(39, 226, 81);
    }
	.homepane #home .homemessage .upload-file input[type='file']{
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		cursor: pointer;
    }
	.homepane #home .homemessage .form-group label{
    	line-height: 34px;
    	padding:0;
    	font-size: 15px;
    }
    .homepane #home .homemessage .form-group #checkboxDiv label{
    	margin-right:10px;
    }
    .homepane #home .homemessage .form-group .col-xs-9 i{
    	display:inline-block;
    	font-size:20px;
    	color:#1c1f87;
    	position:relative;
    	top:2px;
    }
    /* 个人中心 */
    #workUnitDiv .select2-container--default .select2-selection--single{
		border:none;
		height:34px;
		line-height:34px;
    }
    #workUnitDiv .select2-container--default .select2-selection--single .select2-selection__arrow{
    	height:34px;
    }
    #workUnitDiv .select2-selection__rendered .select2-selection__clear{
    	line-height:34px;
    }
	#workUnitDiv .select2-selection__rendered{
		background:rgba(28,31,125,0.08);
		height:34px;
		line-height:34px;
	}
	.tooltip{
		z-index:9999 !important;
	}
	.homepane #home .homemessage .form-group .col-xs-2{
		width: 130px !important;
	}
	.homepane #home .homemessage .col-xs-6{
		padding: 0 !important;
	}
	.homepane #home .homemessage .flexGroup{
		display: flex;
		flex-wrap: wrap;
	}
	.homepane #home .homemessage .flexGroup .form-group.clearfix{
		width: 50%;
	}
	.homepane #home .homemessage .col-xs-9 .form-group .col-xs-9 {
		width: calc(100% - 130px) !important;
	}
	.homepane #home .homemessage .form-group .col-xs-9 .tooltip-inner{
		text-align: left;
		max-width: 450px;
		font-size:14px;
		z-index:9999 !important;
	}
	#workUnitDiv .tooltip-inner{
		text-align: left;
		width: 230px;
		font-size:14px;
		position:absolute;
		right:-100px;
		z-index:9999 !important;
	}
	.homepane #home .homemessage .form-group label span{
    	display: inline-block;
    	color: #ff002c;
    	font-size: 16px;
    	font-weight: 700;
    	padding-right:10px;
    }
	.homepane #home .homemessage .form-group input, .homepane #home .homemessage .form-group select, .homepane #home .homemessage .form-group textarea{
    	background: rgba(28,31,125,0.08);
    	border-radius: 5px;
    	border: none;
    	box-shadow: none;
    	font-size: 15px;
    }

	.homepane #home .homemessage .form-group .shenfenzimg img{
		height:115px;
		width: auto;
		border-radius: 5px;
		border: 1px solid  rgba(28,31,125,0.5);
		margin-bottom: 10px;
	}
	/*.homepane #home .homemessage .form-group  .col-xs-2{*/
	/*	width: 110px;*/
	/*}*/
	/*.homepane #home .homemessage .form-group .col-xs-12 .col-xs-10{*/
	/*	width:calc(100% - 110px);*/
	/*	padding-right: 0;*/
	/*	position:relative;*/
	/*}*/
	.homeButton{
		margin-right: 9.3%
	}
	.homeButton button{
		padding:6px 30px;
	}
	.homepane #home .homemessage .ewmxuanfu{
		position: fixed;
		top:200px;
		right:35px;
		width:250px;
		background: #fff;
		box-shadow: 0px 0px 15px rgba(28,31,125,0.25);
		padding-bottom:25px;
	}
	.homepane #home .homemessage .ewmxuanfu img{
		width:250px;
		padding:25px;
	}
	.homepane #home .homemessage .ewmxuanfu p{
		text-align: center;
		font-size: 16px;
		letter-spacing: 10px;
	}
/* 瀵嗙爜淇敼 */
	.code{
		width: 790px;
		margin: 20px auto;
	}
	.crumbs ul li{
		margin-bottom:45px;
	}
	.crumbs ul li.active a{
		background-color: rgba(28,31,135,1);
		color:#fff;
		font-weight: 700;
	}
	.crumbs ul li a{
		width: 100%;
		float: left;
		margin-right: 30px;
		display: inline-block;
		position: relative;
		font-size: 15px;
		line-height: 40px;
		text-align: center;
		background-color: rgba(28,31,135,0.2);
		color: #1c1f87;
		text-decoration: none;
	}
	.crumbs ul li.active a:after{
		content: "";
		border-left: 20px solid rgba(28,31,135,1);
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		position: absolute;
		right: -20px;
		top: 0;
	}
	.crumbs ul li a:after{
		content: "";
		border-left: 20px solid rgba(28,31,135,0.2);
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		position: absolute;
		right: -20px;
		top: 0;
	}
	.crumbs ul li.active a:before{
		content: "";
		border-top: 20px solid  rgba(28,31,135,1);
		border-bottom: 20px solid  rgba(28,31,135,1);
		border-left: 20px solid transparent;
		position: absolute;
		top: 0;
		left: -20px;
	}
	.crumbs ul li a:before{
		content: "";
		border-top: 20px solid  rgba(28,31,135,0.2);
		border-bottom: 20px solid  rgba(28,31,135,0.2);
		border-left: 20px solid transparent;
		position: absolute;
		top: 0;
		left: -20px;
	}
	.crumbs ul li:first-child a{
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.crumbs ul li:first-child a:before{
		display: none;
	}
	.crumbs ul li:last-child a{
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.crumbs ul li:last-child a:after{
		display: none;
	}
	.validation{
		width: 410px;
		margin: 0 auto;
	}
	.validation .col-xs-7{
		padding:0;
	}
	.validation .col-xs-5{
		padding-right:0;
	}
	.validation .col-xs-4 button, .validation .form-group button{
		width:100%;
	}
	#step_3 .validation em{
		font-size: 100px;
		color: #1c1f87;
		line-height: 100px;
		display: inline-block;
	}
	#step_3 .validation p{
		font-size: 15px;
		padding-bottom:10px;
	}
	#step_3 .validation p span{
		color: #1c1f87;
		font-weight: 700
	}
	.homepane #hobby .hometitle{
		padding-left: 15px;
		margin-bottom: 15px;
	}


	/* 注册 */
	.codeVs{
		position: fixed;
		top: 10%;
		right: 35px;
	}


	/* 样式可以根据需要自定义 */
	.eye {
		cursor: pointer;
	}