.ht-modal {
	width: 382px;
	margin: 0 auto;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.ht-modal.account-login {
	display: none;
}
.ht-modal.qrcode-login {
	display: none;
}
.ht-modal-body input::-moz-placeholder {
	color: #7A8491;
	font-size: 14px;
	text-align: left;
}
.ht-modal-body input::-webkit-input-placeholder {
	color: #7A8491;
	font-size: 14px;
	text-align: left;
}
.ht-modal-body input:-ms-input-placeholder {
	color: #7A8491;
	font-size: 14px;
	text-align: left;
}
.ht-modal-header {
	padding: 36px 16px 28px 16px;
	box-sizing: border-box;
	background-color: #3388FF;
	position: relative;
}
.ht-modal-header>span.btn-close {
	position: absolute;
	top: 6px;
	right: 6px;
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	padding: 10px;
}
.modal-header-title>h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 8px;
	color: #fff;
	text-align: center;
}
.modal-header-msg>p {
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,0.8);
}
.ht-modal-body {
	padding: 40px 36px 46px 36px;
	box-sizing: border-box;
	background-color: #fff;
	overflow: hidden;
}
.ht-modal-body>div {
	width: 310px;
}
.ht-modal-body>div>div {
	width: 100%;
	height: 44px;
	position: relative;
	float: left;
}
.ht-modal-body div.inputs-forgetpsd {
	height: 20px;
}
div.inputs-numcode-code, div.code-login-imgcode {
	margin-top: 16px;
}
div.inputs-login-now {
	margin-top: 30px;
	margin-bottom: 14px;
}
.ht-modal-body>div>div input[type="text"],input[type="password"] {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	outline: none;
	padding-left: 16px;
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	border: none;
	border-radius: 1px;
	background-color: #F1F2F4;
}
.ht-modal-body>div>div label {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #f76120;
	line-height: 44px;;
	height: 44px;
	cursor: text;
	opacity: 0;
	visibility: hidden;
	font-weight: 400;
}

.inputs-phone-account label {
	right: 0;
}

.inputs-phone-code label {
	right: 0;
}
.code-login-imgcode>label {
	right: 92px!important;
}
input#code-login-code+label {
	right: 92px;
}
input#code-login-input+img {
	width: 80px;
	height: 44px;
	float: right;
	border: 1px solid #3388ff;
}
#code-login-code, #code-login-input {
	width: 218px;
}
.btn-code {
	width: 80px;
	height: 44px;
	float: right;
	margin-left: 12px;
	border: none;
	outline: none;
	background-color: #fff;
	border: 1px solid #3388FF;
	color: #3388ff;
	font-size: 14px;
	border-radius: 1px;
	cursor: pointer;
}
.inputs-login-now>input {
	display: inline-block;
	width: 100%;
	height: 44px;
	border: none;
	outline: none;
	background-color: #3388FF;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 1px;
	transition: all 0.3s;
}
.inputs-login-now>input:hover {
	opacity: 0.9;
}
.ht-modal p.bottom-msg {
	font-size: 14px;
	color: #9098A4;
	margin: 0;
}

.ht-modal-footer {
	height: 52px;
	background-color: #fff;
	border-top: 1px solid #E8EcF2;
	padding: 0 16px;
	box-sizing: border-box;
}
.ht-modal-footer>div {
	float: left;
	line-height: 52px;
}
.ht-modal-footer a {
	display: inline-block;
	height: 52px;
	text-decoration: none;
}
.ht-modal-footer a:hover {
	color: #3388ff;
}
.to-login-wechat {
	position: relative;
}
.to-login-wechat a {
	font-size: 14px;
	color: #939BA5;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 16px;
	transition: all 0.2s;
}
.to-login-wechat>span {
	position: absolute;
	left: 0;
	font-size: 22px;
	color: green;
	line-height: 52px;
}
div.to-login-account span {
	display: inline-block;
	float: left;
	width: 2px;
	height: 14px;
	background-color: rgba(151,151,151,.5);
	margin-top: 19px;
	margin-right: 16px;
}
div.to-login-numcode span {
	display: inline-block;
	float: left;
	width: 2px;
	height: 14px;
	background-color: rgba(151,151,151,.5);
	margin-top: 19px;
	margin-right: 16px;
}
div.to-login-account a {
	font-size: 14px;
	color: #939BA5;
	font-weight: bold;
	transition: all 0.2s;
	float: left;
}
div.to-login-numcode {
	padding-right: 16px;
}
div.to-login-numcode a {
	font-size: 14px;
	color: #939BA5;
	font-weight: bold;
	transition: all 0.2s;
	float: left;
}
div.to-register-now {
	float: right;
	padding-right: 18px;
	position: relative;
}
div.to-register-now>a {
	font-size: 14px;
	color: #3388FF;
}
div.to-register-now>i {
	position: absolute;
	right: 0;
	top: 19px;
	font-size: 14px;
	color: #3388FF;
	transition: all 0.2s;
}
div.to-register-now:hover {
	font-weight: 600;
}

/* modal-login-account */
div.inputs-password-account {
	margin-top: 16px;
}
div.inputs-login {
	margin-top: 30px;
}
div.inputs-login>input {
	display: inline-block;
	width: 100%;
	height: 44px;
	border: none;
	outline: none;
	background-color: #3388FF;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 1px;
	transition: all 0.2s;
}
#account-login-psd {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	outline: none;
	padding-left: 16px;
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	border: none;
	border-radius: 1px;
	background-color: #F1F2F4;
}
div.inputs-login>input:hover {
	opacity: 0.9;
}
div.inputs-forgetpsd {
	margin-top: 14px;
}
div.inputs-forgetpsd>a {
	font-size: 14px;
	color: #9098A4;
	text-decoration: none;
	transition: all 0.2s;
}
div.inputs-forgetpsd>a:hover {
	color: #3388ff;
}

/* modal-login-qrcode */
.ht-modal div.wechat-qrcode {
	width: 172px;
	height: 172px;
	margin: 0 auto;
	position: relative;
}
.ht-modal div.wechat-qrcode img {
	border: 0;
	width: 100%;
	height: 100%;
}
.ht-modal div.wechat-qrcode>div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.9);
	z-index: 100;
	text-align: center;
	display: none;
}
.ht-modal div.wechat-qrcode>div span.btn-refresh {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.3);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;

	font-size: 30px;
	line-height: 50px;
	text-align: center;
	color: #aaa;
	cursor: pointer;
	transition: all 0.4s;
}
.ht-modal div.wechat-qrcode>div span.btn-refresh:hover {
	transform: rotateZ(180deg);
	opacity: 0.4;
}
.ht-modal div.wechat-qrcode>div span.failed-msg {
	line-height: 260px;
	font-size: 12px;
}
div.wechat-msg {
	width: 156px;
	height: 22px;
	line-height: 22px;
	margin: 16px auto;
}
div.wechat-msg span:nth-child(1) {
	font-size: 22px;
	color: green;
	float: left;
	margin-right: 8px;
}
div.wechat-msg span:nth-child(2) {
	line-height: 22px;
	font-size: 16px;
	float: left;
}
.ht-modal-body.body-qrcode {
	padding-bottom: 32px;
}

/* add resume */
.add-resume {
	width: 500px;
	height: 228px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	border-radius: 3px;
}
.add-resume-header {
	height: 52px;
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
}
.add-resume-header p.header-title {
	font-size: 16px;
	color: #333;
	line-height: 52px;
}
.add-resume-header span.add-close {
	position: absolute;
	right: 16px;
	top: 16px;
	cursor: pointer;
}
.add-resume .add-resume-content {
	padding: 20px 30px 30px 30px;
	box-sizing: border-box;
}
div.add-content-left {
	width: 48px;
	height: 100px;
	float: left;
	background: url("../image/fail.png") no-repeat left top;
	margin-right: 20px;
}
div.add-content-right h3 {
	font-size: 16px;
	color: #070606;
	font-weight: bold;
	margin-bottom: 11px;
	margin-top: 0;
}
div.add-content-right>p {
	font-size: 14px;
	margin-bottom: 17px;
}
.content-bottom>div{
	width: 176px;
	height: 48px;
	border: 1px dashed #B3B7BD;
	float: left;
	box-sizing: border-box;
	text-align: center;
	line-height: 62px;
	position: relative;
}
.content-bottom .perfect-resume-enter {
	margin-right: 19px;
	background: url("../image/perfect-resume.png") no-repeat 132px 10px;
}
div.perfect-resume-enter a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 14px;
	line-height: 48px;
	color: #878D96;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 25px;
}
div.perfect-resume-enter a::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../image/add.png") no-repeat left top;
	background-size: 15px 15px;
	position: absolute;
	top: 16px;
	left: 32px;
	cursor: pointer;
}
div.uplaod-resume {
	position: relative;
	overflow: hidden;
}
.content-bottom .uplaod-resume a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 14px;
	line-height: 48px;
	color: #878D96;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 25px;
}
.content-bottom .uplaod-resume {
	background: url("../image/resume.png") no-repeat 132px 10px;
}
.content-bottom .uplaod-resume>a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../image/add.png") no-repeat left top;
	background-size: 15px 15px;
	position: absolute;
	top: 16px;
	left: 32px;
	cursor: pointer;
}

#infoModal{
	overflow: auto;
}

/* perfect message */
.ht-modal-introduction {
	width: 388px;
	height: 675px;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	margin: auto;
	/*margin-left: -194px;*/
	/*top: 80px;*/
	transition: all 0.5s;
}
.ht-modal-introduction ul{
	margin: 0;
	padding: 0;
}
.ht-modal-introduction .ht-modal-introduction {
	top: 534px;
}
.ht-modal-introduction .introduction-body-content {
    width: 388px;
    padding: 30px 40px 30px 40px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative
}
.ht-modal-introduction .introduction-body-content span.btn-close {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 10px;
	cursor: pointer;
	font-size: 16px;
	color: #bbb;
}
.ht-modal-introduction .introduction-content-title {
    text-align: center;
}
.ht-modal-introduction .introduction-content-title h3 {
    font: 600 16px/21px "Microsoft YaHei","微软雅黑";
    color: #070606;
    margin: 0;
}
.ht-modal-introduction .introduction-content-title p {
    font: 400 12px/16px "Microsoft YaHei","微软雅黑";
    color: #4F4F4F;
    margin-top: 4px;
    margin-bottom: 18px;
}
.ht-modal-introduction .introduction-input-groups {
    width: 308px;
    position: relative;
}
.ht-modal-introduction .introduction-input-groups>form>div input:read-only{
	cursor: pointer;
}
.ht-modal-introduction .introduction-input-groups>form>div input::placeholder {
    color: #AFB7C3;
    font-size: 12px;
		text-align: right;
}
.ht-modal-introduction .introduction-input-groups>form>div {
    height: 44px;
    margin-top: 12px;
    position: relative;
}
.ht-modal-introduction .introduction-input-groups>form>div>label {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #f76120;
	line-height: 44px;;
	height: 44px;
	cursor: text;
	transition: all 0.5s;
	font-weight: 400;
}
.ht-modal-introduction .introduction-input-groups>form>div>span {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 14px;
    color: #333;
	font-weight: 600;
}
.ht-modal-introduction .introduction-input-groups>form>div>input[type="text"],.ht-modal-introduction .introduction-input-groups>form>div>input[type="email"] {
    display: inline-block;
    width: 308px;
    height: 44px;
	line-height: 44px;
    padding: 1px 34px 0 52px;
    box-sizing: border-box;
    background-color: #F1F2F4;
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 14px;
    text-align: right;
    color: #7A8491;
}
.ht-modal-introduction .introduction-input-groups>form>div #school-choose {
	display: inline-block;
    width: 308px;
    height: 44px;
    padding: 1px 16px 0 52px;
    box-sizing: border-box;
    background-color: #F1F2F4;
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 14px;
    text-align: right;
    color: #7A8491;
}
.ht-modal-introduction #finish {
    margin-top: 20px;
}
.ht-modal-introduction #finish:hover {
    opacity: 0.9;
    transition: all 0.3s;
}
.ht-modal-introduction .introduction-input-groups>form>div>i {
    position: absolute;
    right: 12px;
    top: 18px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../image/login-slide.png");
}
.ht-modal-introduction .introduction-input-groups>form>div>input::placeholder {
    color: #AFB7C3;
    font-size: 12px;
    text-align: right;
}
.ht-modal-introduction .introduction-input-groups>form>div:nth-child(5)>div>input {
    padding-left: 80px;
}
.ht-modal-introduction .introduction-input-groups>form>div:nth-child(6)>div>input {
    padding-left: 80px;
}
.ht-modal-introduction .introduction-input-groups #jlcr {
	text-align: right;
	height: auto;
}
.ht-modal-introduction #finish {
    width: 308px;
    height: 44px;
	text-align: center;
}
.ht-modal-introduction #finish input {
    display: inline-block;
    width: 90%;
    height: 100%;
    border: none;
    outline: none;
    background-color: #3388FF;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
	border-radius: 8px;
}

/* gender-choose-start */
.ht-modal-introduction .poli_box li:hover {
    color: #fff;
    background: #3388FF;
}

.ht-modal-introduction .poli_box li {
    width: 308px;
    font-size: 13px;
    line-height: 32px;
    height: 32px;
    padding-left: 14px;
    cursor: pointer;
    list-style: none;
}
.ht-modal-introduction .poli_box {
    padding: 0;
}
/* gender-choose-end */

/* major-list-start */
.ht-modal-introduction .major-box {
    position: absolute;
    left: 0;
    top: 45px;
    width: 600px;
    height: 500px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    // padding: 20px 0px 20px 20px;
    box-sizing: border-box;
    overflow: hidden;
}
 /*.major-box .major-box-header {*/
  /*width: 100%;*/
  /*height: 50px;*/
  /*background-color: #eee;*/
  /*border-bottom: 1px solid #fff;*/
  /*padding: 10px 10px 20px 10px;*/
  /*box-sizing: border-box;*/
  /*position: absolute;*/
  /*top: 0;*/
 /*}*/
 /*.major-box .major-box-header span {*/
  /*display: inline-block;*/
  /*position: absolute;*/
  /*top: 5px;*/
  /*right: 20px;*/
  /*width: 30px;*/
  /*height: 30px;*/
  /*font-size: 30px;*/
  /*text-align: center;*/
  /*line-height: 30px;*/
  /*color: #aaa;*/
  /*cursor: pointer;*/
 /*}*/
.ht-modal-introduction .major-box .major-box-list {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.ht-modal-introduction .major-box .major-box-list .major-list {
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
}
.ht-modal-introduction .major-box .major-box-list .major-list-title {
    width: 65px;
    box-sizing: border-box;
    float: left;
    font-size: 13px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}
.ht-modal-introduction .major-box .major-box-list .major-list-msg {
    width: 480px;
    box-sizing: border-box;
    float: left;
}
.ht-modal-introduction .major-box .major-box-list .major-list-msg ul {
    width: 100%;
    height: 100%;
}
.ht-modal-introduction .major-box .major-box-list .major-list-msg ul li {
    float: left;
    background-color: #f6f7f8;
    margin: 0 0 10px 10px;
    padding: 0 1px 0 1px;
    box-sizing: border-box;
    width: 108px;
    height: 34px;
    border-radius: 2px;
    line-height: 34px;
    font-size: 13px;
    text-align: center;
    color: #687484;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ht-modal-introduction .major-box .major-box-list .major-list-msg ul li:hover {
    background-color: #3388ff;
    color: #fff;
}
/* major-list-end */

/* date-picker-start */
.datetimepicker {
	position: absolute;
	top: 50%;
	margin-top: 100px;
    width: 280px;
    margin-left: 50px;
}
.datetimepicker table {
    width: 100%;
}
/* datepicker-years-start */
.datetimepicker .datetimepicker-years table tr td span {
    background-color: #F1F2F4;
}
.datetimepicker .datetimepicker-years table tr td span.active {
    background-image: none;
    background-color: #3388FF!important;
    color: #fff;
}
.datetimepicker .datetimepicker-years table tr td span:hover {
    background-color: #3388FF;
    color: #fff;
}
/*.datetimepicker .datetimepicker-years table tr th.prev:after {*/
    /*content: "<";*/
    /*position: absolute;*/
    /*left: 8px;*/
    /*top: 8px;*/
    /*color: #000;*/
    /*transform: scaleY(2)*/
/*}*/
.datetimepicker .datetimepicker-years table tr th.prev:hover {
    background-color: #3388FF;
}
.datetimepicker .datetimepicker-years table tr th.next:hover {
    background-color: #3388FF;
}
/*.datetimepicker .datetimepicker-years table tr th.next:after {*/
    /*content: ">";*/
    /*position: absolute;*/
    /*right: 3px;*/
    /*top: 4px;*/
    /*color: #000;*/
    /*transform: scaleY(2)*/
/*}*/
/* datepicker-years-end */

.datetimepicker .datetimepicker-months table tr td span {
    background-color: #F1F2F4;
}
.datetimepicker .datetimepicker-months table tr td span.active {
    background-image: none;
    background-color: #3388FF!important;
    color: #fff;
}
.datetimepicker .datetimepicker-months table tr td span:hover {
    background-color: #3388FF;
    color: #fff;
}
.datetimepicker .datetimepicker-months table tr th.next {
    position: relative;
}
/*.datetimepicker .datetimepicker-months table tr th.next::after {*/
    /*content: ">";*/
    /*position: absolute;*/
    /*right: 3px;*/
    /*top: 4px;*/
    /*color: #000;*/
    /*transform: scaleY(2)*/
/*}*/
/*.datetimepicker .datetimepicker-months table tr th.prev::after {*/
    /*content: "<";*/
    /*position: absolute;*/
    /*left: 8px;*/
    /*top: 8px;*/
    /*color: #000;*/
    /*transform: scaleY(2)*/
/*}*/
/* datepicker-months-start */

/* datepicker-days-start */
.datetimepicker .datetimepicker-days table tr td.day:hover {
    background-color: #3388FF;
    color: #fff;
}
.datetimepicker .datetimepicker-days table tr td.day.active {
    background-color: #3388FF;
    color: #fff;
    background-image: none;
}
.datetimepicker .datetimepicker-days table tr th.next::after  {
    content: ">";
    position: absolute;
    right: 16px;
    top: 8px;
    color: #000;
    transform: scaleY(2)
}
.datetimepicker .datetimepicker-days table tr th.prev::after {
    content: "<";
    position: absolute;
    left: 16px;
    top: 8px;
    color: #000;
    transform: scaleY(2)
}
/* datepicker-days-end */
/* date-picker-end */

/* type-ahead-start */
.ht-modal-introduction .typeahead  {
    width: 308px;
    max-height: 308px;
    padding: 0;
    overflow-y: scroll;
}
.ht-modal-introduction .typeahead.dropdown-menu {
    overflow: scroll;
}
.ht-modal-introduction .typeahead  li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    list-style: none;
}
.ht-modal-introduction .typeahead  li a {
    display: inline-block;
    line-height: 30px;
    width: 100%;
    height: 100%;
    padding: 0px 3px;
    box-sizing: border-box;
}
.ht-modal-introduction .dropdown-menu > .active > a:hover {
    background-color: #3388FF;
    text-decoration: none;
}
.ht-modal-introduction .dropdown-menu > .active > a {
    background-color: #3388FF;
    color: #fff;
}
/* type-ahead-end */

/* email-auto-fill-start */
.ht-modal-introduction ul.auto-tip {
    width: 308px;
    background-color: #fff;
    border-radius: 4px;
		max-height: 200px;
		overflow: auto;
}
.ht-modal-introduction ul.auto-tip li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 3px 0 3px;
    box-sizing: border-box;
    list-style: none;
}
.ht-modal-introduction ul.auto-tip li:hover {
    background-color: #3388FF;
    color: #fff;
    cursor: pointer;
}
.ht-modal-introduction ul.auto-tip li em {
    font-style: normal;
}

.cities-box-list{
	width: 500px;
	height: 350px;
	overflow: hidden;
}
.cities-box-list ::-webkit-scrollbar{
	width: 5px;
	height: 5px;
	box-sizing: border-box;
}

.cities-box-list ::-webkit-scrollbar-corner{
	background-color: #f1f1f1;
	-webkit-border-radius: 1px;
}

.cities-box-list ::-webkit-scrollbar-thumb{
	background-color: #c4cbd3;
	-webkit-border-radius: 5px;
}

.cities-box-list ::-webkit-scrollbar-thumb:hover{
	background-color: #c4cbd3;
}

.cities-box-list ::-webkit-scrollbar-track-piece{
	background-color: #fff;
	-webkit-border-radius: 5px;
}
.cities-box-list .cities-box-list-left{
	width: 35%;
	height: 100%;
	overflow-y: auto;
	padding: 14px 0;
	background: #fff;
	float: left;
}
.cities-box-list .cities-box-list-left li{
	width: auto;
}
.cities-box-list .cities-box-list-right{
	width: 65%;
	height: 100%;
	overflow-y: auto;
	padding: 14px 0 14px 20px;
	background: #F7F9FC;
	float: left;
}
.cities-box-list .cities-box-list-right ul{
	overflow: hidden;
}
.cities-box-list .cities-box-list-right li{
	width: auto;
	float: left;
	padding-right: 14px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.cities-box-list .active{
	background: #3388FF;
	color: #fff;
}

#cities label{
	right: 10px;
}
#cities-choose, #phone-input, #email-input{
	padding-left: 76px;
}

.cities-box{
	background: #f0f0f0;
}
.cities-box .cities-box-select{
	overflow: hidden;
	padding: 10px 9px 0 9px;
	background: #fff;
	margin-bottom: 10px;
}
.cities-box .cities-box-select span{
	float: left;
	display: block;
	height: 20px;
	padding: 0 5px;
	line-height: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
.cities-box .cities-box-select .cities-box-select-item{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	color: #3388fe;
	line-height: 18px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cities-box-select .cities-box-select-item .cities-box-select-item-remove{
	position: absolute;
	background: url(https://cdn7.haitou.cc/jlcr/static/image/closeUpload.png) no-repeat center;
	background-size: 100%;
	cursor: pointer;
	display: block;
	width: 12px;
	height: 12px;
	right: -6px;
	top: -6px;
	background-color: rgba(0,0,0,.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.positions-box-list{
	width: 500px;
	height: 350px;
	overflow: hidden;
}
.positions-box-list ::-webkit-scrollbar{
	width: 5px;
	height: 5px;
	box-sizing: border-box;
}

.positions-box-list ::-webkit-scrollbar-corner{
	background-color: #f1f1f1;
	-webkit-border-radius: 1px;
}

.positions-box-list ::-webkit-scrollbar-thumb{
	background-color: #c4cbd3;
	-webkit-border-radius: 5px;
}

.positions-box-list ::-webkit-scrollbar-thumb:hover{
	background-color: #c4cbd3;
}

.positions-box-list ::-webkit-scrollbar-track-piece{
	background-color: #fff;
	-webkit-border-radius: 5px;
}
.positions-box-list .positions-box-list-left{
	width: 35%;
	height: 100%;
	overflow-y: auto;
	padding: 14px 0;
	background: #fff;
	float: left;
}
.positions-box-list .positions-box-list-left li{
	width: auto;
}
.positions-box-list .positions-box-list-right{
	width: 65%;
	height: 100%;
	overflow-y: auto;
	padding: 14px 0 14px 20px;
	background: #F7F9FC;
	float: left;
}
.positions-box-list .positions-box-list-right ul{
	overflow: hidden;
}
.positions-box-list .positions-box-list-right li{
	width: auto;
	float: left;
	padding-right: 14px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.positions-box-list .active{
	background: #3388FF;
	color: #fff;
}

#positions label{
	right: 10px;
}
#positions-choose{
	padding-left: 76px;
}

.positions-box{
	background: #f0f0f0;
}
.positions-box .positions-box-select{
	overflow: hidden;
	padding: 10px 9px 0 9px;
	background: #fff;
	margin-bottom: 10px;
}
.positions-box .positions-box-select span{
	float: left;
	display: block;
	height: 20px;
	padding: 0 5px;
	line-height: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
.positions-box .positions-box-select .positions-box-select-item{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	color: #3388fe;
	line-height: 18px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.positions-box-select .positions-box-select-item .positions-box-select-item-remove{
	position: absolute;
	background: url(https://cdn7.haitou.cc/jlcr/static/image/closeUpload.png) no-repeat center;
	background-size: 100%;
	cursor: pointer;
	display: block;
	width: 12px;
	height: 12px;
	right: -6px;
	top: -6px;
	background-color: rgba(0,0,0,.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}