@charset "utf-8";

/*登陆页面*/
/* .login_top { height: 25px; width: 100%; } */
.content {
  width: 100%;
  position: absolute;
  top: 25px;
  overflow: scroll;
  bottom: 0;
  background: #f4f4f4;
}

.content .content_main {
  width: 1000px;
  margin: 0px auto;
  overflow: hidden;
}

.content .content_main .LoginIn {
  position: relative;
  width: 350px;
  height: 390px;
  background: #fff;
  margin-right: 15px;
  margin-bottom: 25px;
  margin-top: 200px;
  padding-top: 80px;
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px;
  border: none;
}

.content .content_main .LoginIn form {
  padding-top: 15px;
}

.content .content_main .LoginIn form ul {
  margin-bottom: 20px;
  padding-left: 25px;
  z-index: 100;
}

.content .content_main .LoginIn form ul li {
  font-size: 14px;
  line-height: 25px;
}

.content .content_main .LoginIn form ul li input {
  line-height: 25px;
}

.content .content_main .LoginIn form ul li .input_1 {
  width: 200px;
  height: 30px !important;
}

.content .content_main .LoginIn form ul li .login { /*position: fixed;*/
  width: 100px;
  margin-right: 50px;
  top: 345px;
}

.content .content_main .LoginIn form ul li .jizhu {
  margin-left: 65px;
}

.content .content_main .LoginIn form ul li .error_info {
  position: absolute;
  color: red;
  font-size: 13px;
  top: 175px;
  margin-left: 65px;
}

.content .content_main .logo {
  margin-top: 100px;
}

.content .content_main .info {
  margin-top: 50px;
}

.content .content_main .info ul li {
  line-height: 25px;
}

.content .content_main .link {
  margin-top: 200px;
  padding-top: 15px;
  padding-left: 10px;
  border-top: 1px solid #2dbe60;
}

.content .content_main .link ul li {
  display: inline;
  margin-right: 15px;
}

.content .content_main .link ul li strong {
  color: #7d7d7d;
}

.intro-nav-div {
  position: fixed;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  opacity: .4;
  filter: alpha(opacity=40);
  background: #000;
  z-index: 1;
}

.intro-nav {
  position: relative;
  padding-top: 15px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  z-index: 2;
}

.intro-nav ul li {
  display: inline;
  width: 100px;
  margin-left: 20px;
  margin-right: 20px;
}

.intro-nav ul li a {
  color: #fff !important;
  cursor: pointer;
}

.introBtn {
  border: 1px #fff solid;
  background: none;
  border-radius: 3px;
  padding: 2px 8px;
  color: #fff;
}

.loginPage {
  background: url(../images/Login_01.jpg) center 0 no-repeat;
  position: relative;
  top: 0px;
  overflow: hidden;
  height: 750px;
  z-index: 0;
}

.LoginTip {
  position: absolute;
  font-size: 24px;
  color: #32b16c;
  font-family: Microsoft yahei;
  top: 30px;
  left: 15px;
}

/* 
.copyright {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: #c9c9c9;
  min-height: 200px;
  padding-top: 30px;
}

.copyright ul li {
  display: inline;
  margin-left: 20px;
  margin-right: 20px;
  color: #434343;
}

.copyright ul li a {
  color: #434343;
} */

.introBottom {
  width: 100%;
  background-color: #ffffff;
  height: auto;
}

.introBottomMain {
  margin: 0 auto;
  max-width: 1000px;
  padding: 30px;
  display: flex;
}

.introTel {
  display: inline-flex;
  width: 32%;
  border-right: 1px solid #ddd;
  padding-top: 20px;
}

.telImg {
/* margin-left: 20px; */
}

.tel {
  margin-left: 30px;
}

.introBtmInfo {
  margin-left: 20px;
  border-right: 1px solid #dddddd;
  padding-top: 20px;
}

.introBtmInfo ul li {
  display: inline-block;
  width: 90px;
  line-height: 30px;
}

.introBtmInfo ul li a {
  color: #484848;
  font-size: 14px;
  text-decoration: none;
}

.weixin {
  padding-left: 35px;
}

.weixin img {
  width: 100px;
  height: 100px;
}

.introCopyright {
  width: 100%;
  background-color: #dcdcdc;
  height: auto;
  padding: 20px 20px 10px 20px;
}

.introCopyright .copyrightMain {
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
}

.introCopyright .copyrightMain p,
.introCopyright .copyrightMain a {
  color: #898989;
}

/*登陆页面*/
/*页面建设中*/
.constructing {
  margin-left: auto;
  margin-right: auto;
  width: 328px;
}

/*搜索页--下载简历*/
.content_1 .con_main {
  width: 1000px;
  margin: 0 auto;
}

.content_1 .con_main .search_body {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.content_1 .con_main .search_body .ul_1 {
  margin-top: 100px;
  text-align: center;
}

.content_1 .con_main .search_body .ul_1 img {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 50px;
}

.content_1 .con_main .search_body .ul_2 {
  margin-top: 10px;
}

.content_1 .con_main .search_body ul li {
  display: inline;
}

.content_1 .con_main .search_body ul li .ssk {
  width: 450px;
  height: 25px;
  line-height: 25px;
}

.ss_btn {
  clear: both;
  line-height: 25px;
  width: 100px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
background: #2dbe60 color: #fff;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#2dbe60, endColorStr=#14ae4a);/*IE6*/
  background: -moz-linear-gradient(top, #2dbe60, #14ae4a);/*非IE6的其它*/
  position: absolute;
  margin-top: -1px;
  margin-left: -8px;
}

.ss_btn:focus,
.ss_btn:active:focus,
.ss_btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.ss_btn:hover,
.ss_btn:focus {
  color: #fff;
  text-decoration: none;
  background: #2dbe60;
}

.ss_btn:active,
.ss_btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.ss_btn.disabled,
.ss_btn[disabled],
fieldset[disabled] .ss_btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65
}

.content_1 .con_main .search_body .ul_3 {
  margin-top: 10px;
}

.content_1 .con_main .search_body .ul_3 li {
  margin-right: 10px;
}

.content_1 .con_main .search_body .ul_4 {
  margin-top: 50px;
}

.content_1 .con_main .search_body .ul_4 li {
  line-height: 25px;
  padding-top: 5px;
}

.content_1 .con_main .search_body .ul_4 li select {
  height: 25px;
  border: 1px solid #eee;
  border-radius: 4px;
}

/*搜索页--下载简历*/
/*搜索结果页*/
.content_1 {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

.content_1 .con_main {
  margin-top: 25px;
  margin-left: 10px;
}

.content_1 .con_main ul {
  margin-top: 10px;/*margin-bottom: 5px; */
}

.content_1 .con_main ul li {
  display: inline;
}

.content_1 .con_main .logo_left {
  width: 150px;
}

.content_1 .con_main .logo_right {
  position: absolute;
  margin-left: 220px;
  margin-top: -80px;
}

.content_1 .con_main .logo_right .sch_btn_postion {
  position: relative;
  left: 5px;
  margin-top: -26px;
}

.content_1 .con_main .ul_4 {
  margin-top: 0px;
}

.content_1 .con_main .ul_4 li {
  line-height: 25px;
  padding-top: 5px;
}

.content_1 .con_main .ul_4 li select {
  height: 25px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.search_result {
  margin-left: 10px;
  margin-right: 10px;
}

.search_result .result_list {
  border-bottom: 1px dashed #eee;
  padding: 10px;
  overflow: auto;
}

.search_result .result_list:hover {
  background: #f4f4f4;
}

.search_result .result_list ul {
  display: block;
}

.search_result .result_list ul li {
  display: inline;
  line-height: 25px;
}

.search_result .result_list ul li a {
  font-size: 13px;
  text-decoration: underline;
}

.btn_postion {
  margin-top: -10px;
}

.jifen_color {
  color: #F00;
}

.page_postion {
  margin-bottom: 25px;
}

/*搜索结果页*/

/************主要页面框架**************/
/*顶部*/
.top .top_1 {
  width: 100%;
  height: 40px;
  position: fixed;
  min-width: 1280px;
  background: #0088c6;
  z-index: 99;
  padding-left: 20px;
}

.top .top_1 ul {
  margin-right: 20px;
}

.top .top_1 ul li {
  display: inline-block;
  line-height: 35px;
  padding: 5px 10px 5px 10px;
}

.top .top_1 ul li a {
  color: #fff;
  font-size: 14px;
  font-family: "微软雅黑", Arial, "宋体";
  line-height: 22px;
  text-decoration: none !important;
}

.top .top_1 ul li a img {
  margin-top: -5px;
}

.top .top_1 ul li ul {
  display: none;
  background: #fff;
  position: absolute;
  margin-left: -10px;
  box-shadow: 0px 0px 5px #ccc;
  border-top: #0079b0 1px solid;
}

.top .top_1 ul li ul li {
  clear: both;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  min-width: 120px !important;
  line-height: 25px !important;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 160px;
}

.top .top_1 ul li ul li a {
  clear: both;
  color: #535353;
  width: 100%;
  font-size: 14px;
}

.top .top_1 ul li ul li a:hover {
  color: #333 !important;
  width: 100%;
}

.background_top {
}

.background_top li {
  float: left;
  position: relative;
  text-align: left;
}

.background_top .on {
  cursor: pointer;
  background: #ddeef6;
}

.background_top .on a {
  color: #333 !important;
}

.background_top li img {
  margin-left: 3px;
}

.menuBG {
  background: #14ae4a !important;
}

.background_top li a img {
  margin-left: 5px;
}

.background_top li ul li {
  z-index: 100;
}

.background_top li ul li:hover {
  cursor: pointer;
}

.createBtn {
  padding: 3px 8px;
  border: none;
  border-radius: 3px;
  background: none;
  box-shadow: none;
}

.createBtn:hover {
  background: #0079b0;
}

.createBtn:focus {
  background: #0079b0;
}

.btn_top {
  margin-top: -4px;
}

.search {
  position: absolute;
  margin-left: 10px;
  width: 800px;
}

.swapValue {
  width: 320px !important;
  line-height: 30px !important;
  padding-left: 25px !important;
  background: url(../images/icon_search.png) no-repeat 5px 8px #fff !important;
  border: none;
  height: 30px;/*  margin-left:10px; */
}

.results {
  position: relative;
  left: 25px;
  top: -2px;
  width: 435px;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px #cccccc;
  z-index: 199;
}
.topWhite .results li{
	display:block;
	padding-left:30px;
}
.result_top {
  overflow-y: auto;
  overflow-x: hidden;
}

.result_right {
  pdding: 5px;
}

.result_right li {
  padding-left: 5px;
  line-height: 35px;
}

.result_right li:hover {
  background: #f4f4f4;
  cursor: pointer;
}

.current_search_hint {
  background-color: #eeeeee;
}

/*顶部*/
/*中部*/
.center {
  position: absolute;
  top: 46px;
  bottom: 0px;
  height: auto;
  width: auto;
  width: 100%;
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  background: #f4f4f4;
}

/*左侧树结构*/
.left {
  width: 200px;
  position: absolute;
  left: 0px;
  height: 100%;
  padding-left: 10px;
  padding-top: 10px;
  bottom: 0px;
  overflow: auto;
  background: #eee;
}

#menuDiv {
  border-bottom: 1px #ccc dashed;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.leftsidebar-box {
  width: 200px;
  height: auto !important;
  overflow: visible !important;
  position: fixed;
  top: 0;
  height: 100% !important;
  background-color: #2f2f2f;
  z-index: 100;
}

.leftsidebar-box dt {
  padding-left: 40px;
  padding-right: 10px;
  background-color: #2f2f2f;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #f5f5f5;
  font-size: 14px;
  position: relative;
  line-height: 48px;
  cursor: pointer;
  border-bottom: 1px solid #252525;
}

.leftsidebar-box dd {
  background-color: #3a3a3a;
  padding-left: 10px;
}

.leftsidebar-box dd a {
  color: #f5f5f5;
  line-height: 30px;
  display: block;
  padding-left: 20px;
  margin-right: 10px;
}

.leftsidebar-box dd a:hover {
  background-color: #00a0e9;
}

.leftsidebar-box dt img {
  position: absolute;
  right: 10px;
  top: 20px;
}

.btImg {
  left: 10px;
  top: 15px !important;
}

.avatar {
  height: 120px;
  text-align: center;
  padding-top: 40px;
}

.avatar img {
  height: 66px;
  width: 66px;
  -moz-border-radius: 33px;
  -webkit-border-radius: 33px;
  border-radius: 33px;
}

/*.ResumeLibrary dt{background-image:url(images/resumelibrary.png);}
.ProjectLi dt{background-image:url(images/projectli.png);}
.setting dt{background-image:url(images/icon_05.png);}*/
.leftsidebar-box dl dd:last-child {
  padding-bottom: 10px;
}

.selected {
  background-color: #00a0e9;
}

.font_color_white {
  color: #fff !important;
  font-size: 13px;
}

.subMenu {
  position: absolute;
  left: 200px;
  margin-top: -40px;
  clear: both;
  width: 100px;
  color: #fff;
  padding-top: 10px;
  background-color: #3a3a3a;
}

#jsSearchPa img {
  position: absolute;
  right: 10px;
  margin-top: 15px;
}

.topWhite {
  position: fixed;
  background-color: #fff;
  left: 71px;
  right: 0px;
  min-width: 935px;
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #ddd;
  z-index: 1;
}

.topWhite ul li {
  display: inline;
  line-height: 45px;
}

.topWhite a {
	position:relative;
	top:2px;
  line-height: 45px;
  color: #333333 !important;
}

.MenuBTN {
  padding: 13px 12px;
  border: none;
  background: none;
}

.MenuBTN:hover {
  background-color: #ddd;
  color: #fff;
}

/* icon形式菜单 */
.SimMenu {
  position: fixed;
  background-color: #242e39;
  top: 0px;
  bottom: 0;
  width: 70px;
  z-index: 99;
}

.face {
	height: 100px;
    padding: 30px 8px;
    margin: 0 auto;
    width: 70px;
}

.face a {
  border: 2px #f4f4f4 solid;
  display: block;
  border-radius: 25px;
  box-shadow: 0px 0px 5px 5px #181818;
}

.face img {
  border-radius: 25px;
  width: 50px;
  height: 50px;
}

.menu li {
}

.menu li a {
  display: block;
  height: 50px;
}

.menu li a img {
  margin: 13px;
}

.SimMenu .MenuIcon {
  border-radius: 25px;
}

.SimMenu .MenuIconOth {
  width: 50px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.SimMenu .subMenu2 {
  position: fixed;
  top: 0;
  margin-left: 70px;
  width: 220px;
  height:100%;
  background-color: #2a3542;
  overflow-y:scroll; 
  overflow-x:hidden !important;
  padding-top:20px;
  padding-bottom:20px;
  z-index:99;
}

.MenuTitle {
  line-height: 40px;
  padding-left: 20px;
  color: #fff;
  border-bottom: #242e39 1px solid;
  font-weight: bold;
}
.SimMenu .menu-info{
	display:none;	
}

.SimMenu .subMenu2 li a {
  display: block;
  height: 40px;
  padding-left: 35px;
  line-height: 40px;
  color: #fff !important;
  text-decoration: none;
}

.SimMenu .subMenu2 li a:hover {
  color: white;
  background-color:#17855d;
}
.SimMenu .subMenu2 li ul{
	width:200px;	
}

.logo-wrapper{
	height: 100px;
    padding: 40px 0px;
    margin: 0 auto;
}
.SimMenu .logo-wrapper{	
    width: 70px;
}

.normal-menu .logo-wrapper{	
    width: 200px;
}
.logo-wrapper .menu-logo{	
	display:block;
	background-image:url("../images/starcv_logo.png");
}
.SimMenu .logo-wrapper .menu-logo{
	margin: 0 auto;
	height: 32px;
    width: 37px;
}

.normal-menu .logo-wrapper .menu-logo{
	margin-left:9px;
	height: 32px;
    width: 110px;
}

.mCSB_scrollTools .mCSB_draggerContainer{
	left:190px !important;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	margin-right: 0;
    position: relative;
}
.mCustomScrollBox div.mCSB_container{
	margin-right:0;
	padding-top:20px;
	padding-bottom:20px;
}

.foldImg {
  background: url("../images/select_xl.png") no-repeat 15px 15px;
}

.foldImg2 {
  background: url("../images/select_xl01.png") no-repeat 15px 15px;
}

.MenuOn {
  background-color: #17855d;
}

.deleteBtn {
  position: absolute;
  margin-top: -40px;
  right: 10px;
  line-height: 20px;
  color: #333;
  font-size: 13px !important;
}

.deleteBtn a {
  font-size: 12px;
}

.LimitName {
  max-width: 200px;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.normal-menu{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	width:200px;
	background-color:#242e39;
}
.normal-menu .menu-info{
	display:inline-block;
	font-size:16px;
	color:#fff;
	padding: 10px;
    margin-top: 5px;
    position: absolute;
}

.normal-menu .subMenu2{
	positive:relative;
	width:200px;
}

.normal-menu .subMenu2 li a {
  display: block;
  height: 40px;
  padding-left: 35px;
  line-height: 40px;
  color: #fff !important;
  text-decoration: none;
}

.normal-menu .subMenu2 li a:hover {
  color: white;
}
.normal-menu .subMenu2 li ul{
	width:200px;	
}
.normal-menu .mCustomScrollBox div.mCSB_container{
	margin-right:0;
	padding-top:5px;
	padding-bottom:5px;
}
/*左侧树结构*/
/*右侧部分*/
@media screen and (min-width:1200px){
	.center .right{
	overflow-x: hidden;
	}	
}
@media screen and (max-wdith:1199px){
	.center .right{
	overflow-x: scroll;
	}	
}
.center .right {  
  overflow-y: scroll;
  margin-left: 71px;
  position: fixed;
  bottom: 0px;
  top: 46px;
  right: 0px;
  left: 0px;
  background: #ddd;
  z-index: 0;/*padding-left: 15px;  padding-right:15px;  */
}

/*右侧部分*/
/*中部*/
/************主要页面框架**************/

/*-----------工作面板------------*/
.index {
  width: 100%;
  padding-top: 20px;
}

.index_main {
  margin: 0 auto;
  width: 95%;
}

.index .index_main .index_inner {
  width: 45%;
  background: #fff;
  margin: 10px; /*border: 1px solid #e4e4e4;border-top:none;*/
}
@media screen and (max-height:720px){
	.desktop{
		min-height: 600px;
	}
}
@media screen and (max-height:900px) and (min-height:721px){
	.desktop{
		min-height: 700px;
	}
}
@media screen and (min-height:901px){
	.desktop{
		min-height: 800px;
	}
}

.desktop {
  width: 80%;
  min-width: 900px;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-top: 10px;
  overflow: auto;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px #ccc;
  -moz-box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px #ccc;
}

.work_table {
  padding-bottom: 15px; /*margin-bottom: 25px; border: 1px solid #e4e4e4;*/
}

.work_title {
  font-size: 13px;
  font-weight: bold;
  color: #666;
  padding-left: 10px;
  line-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#fefefe, endColorStr=#ececec);/*IE6*/
  background: -moz-linear-gradient(top, #fefefe, #ececec);/*非IE6的其它*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ececec));/*非IE6的其它*/
}

.work_table table {
  text-align: center;
}

.work_table table tr {
  border-bottom: 1px dashed #eee;
  line-height: 35px;
}

.work_table table .pm_title {
  font-weight: bold;
  text-shadow: 1px 1px 1px #eee;
  background: #f5f2e1;
}

.work_table_list {
  padding-left: 10px;
  padding-right: 10px;
}

.work_table_list ul {
  border-bottom: 1px dashed #e4e4e4;
  height: 35px
}

.work_table_list ul li {
  display: inline;
  line-height: 25px;
  width: 100%;
}

.schedule {
  border-bottom: 1px dashed #e4e4e4;
  padding-top: 5px;
}

.noticeContent {
  position: absolute;
  margin-left: 50px;
  margin-top: -25px;
  max-height: 420px;
  overflow-y: scroll;
}

.WorkTableContent {
  max-height: 540px;
  overflow-y: scroll;
  margin-top: 10px;
}

.WorkTableContent ul {
  height: auto !important;
}

.schedule ul {
  border-bottom: none;
}

.schedule ul li {
  width: auto !important;
}

/*待办日程颜色*/
.remind_color {
  background: #dda35a;
  color: #fff;
  padding: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 1px 1px 0px #C60;
  margin-left: 2px;
}

/*待办日程颜色*/
.remind_time {
  color: #999;
}

.hunman_list_title {
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#fefefe, endColorStr=#ececec);/*IE6*/
  background: -moz-linear-gradient(top, #fefefe, #ececec);/*非IE6的其它*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ececec));/*非IE6的其它*/
}

.nav_title {
  padding-top: 5px;
  padding-right: 10px;
}

.yuji {
  padding: 10px;
}

.yuji ul li {
  display: inline;
}

/*时间轴*/
.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 5px;
}

.main {
  background: url("../images/line-bg.png") repeat-y 100px 0;
}

.main {
  position: relative;
  margin-left:5px;
}

.main .list {
  margin: 5px 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
  -moz-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
  -ms-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
  -o-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;
  transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s
}

.main .list ul {
  bottom: 0;
}

.main .list ul li {
  display: block;
  width: 100%;
  background: url("../images/dot.png") no-repeat 86px 2px;
  padding: 0 0 10px;
  color: #a1a4b8;/* margin-bottom: 8px; */
}

.intro {
  margin-bottom: 0px;
  background: url("../images/arrow_03.png") no-repeat;
  margin-left: -14px;
  padding-left: 16px;
}

.cls {
  zoom: 1;
}

.cls:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cls .cls_left {
  width: 80px;
  margin-left: 0px;
  margin-top: 10px;
  text-align: right;
}
.cls .cls_left dl{
	margin-bottom:0;
}

.cls .cls_right {
  position: relative;
  margin-left: 134px;
  margin-right: 10px;
  padding: 5px;
  padding-top: 10px;
  padding-bottom:3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #eee;
}

.cls .cls_right .intro dd {
 /*  color: #999; */
}

.more {
  width: 100%;
  overflow: hidden;
  line-height: 25px;
  padding: 5px;
  padding-bottom:2px;
  word-break: break-all;
}

.shixiang span {
  background: #00a0e9;
  color: #fff !important;
  padding: 2px;
  line-height: 25px;
  text-decoration: none;
  border-radius: 3px;
  cursor: default;
}

.pingjiaDetail span {
  background: #dda35a;
  color: #fff !important;
  padding: 2px;
  line-height: 25px;
  text-decoration: none;
  border-radius: 3px;
  cursor: default;
}

.resumeStates span {
  background: #17855d;
  color: #fff !important;
  padding: 2px;
  line-height: 25px;
  text-decoration: none;
  border-radius: 3px;
  cursor: default;
}

.quick-note{
	margin-left:10px;
	margin-bottom:5px;
}
.quick-note a{
	top:0px !important;
	margin:5px;
	padding:3px 5px;
	border:1px solid #ddd;
	background-color:#f4f4f4;
	border-radius:3px;
	color:#333 !important;
	display:inline-block;
}
.quick-note a:hover,
.quick-note a.selected{
	border:1px solid #00a0e9;
	color:#fff !important;
	background-color:#00a0e9;
	cursor:pointer;
}

/*用户个人中心*/
.myinfo { /*margin-bottom: 10px;*/
  min-width: 1100px;
  background: #fff;
}

.myinfo p {
  line-height: 25px;
  font-size: 16px;
  background: #eee;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.myinfo ul {
  padding-left: 30px;
  min-width: 950px;
  margin-bottom: 0px;
}

.myinfo ul li {
  display: table-cell;
  line-height: 35px;
  font-size: 14px;
  /*  margin-right: 45px; */
  padding-right: 5px;
  padding-left: 5px;
}

.myinfo ul li img {
  margin-top: -3px;
  margin-right: 2px;
}

/* .yueWid{display:inline-block; max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} */

.personInfo {
  max-width: 610px;
  overflow: hidden;
}

.personInfo ul li {
  display: table-cell;
  margin-right: 20px;
}

.info_tab {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  min-width: 1100px;
  background: #fff;
  padding-bottom: 75px;
}

.info_tab .tab-content {
  min-height: 500px;
}

.info_tab .tab-content .myinfo_edit p {
  padding-left: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  background: #F1F7F9;
  padding-top: 10px;
}

.info_tab .tab-content .myinfo_edit .info_btn {
  margin-left: 166px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.info_tab .tab-content .myinfo_edit .title_2 {
  margin-top: 20px;
}

.info_tab .tab-content .myinfo_edit {
  padding-bottom: 50px;
}

.info_tab .tab-content .myinfo_edit ul {/* border-bottom: 1px dashed #e4e4e4; */
}

.info_tab .tab-content .myinfo_edit ul li {
  display: inline;
  line-height: 50px;
  /* padding-left: 5px; */
}

.info_tab .tab-content .myinfo_edit ul .bt_1 {
  width: 150px;
  margin-right: 10px;
  text-align: right;
  overflow: hidden;
}

.info_tab .tab-content .myinfo_edit ul li input { /*height: 35px; */
}

.info_tab .tab-content .myinfo_edit ul li select {
  height: 35px;
}

.info_tab .tab-content .myinfo_edit ul li select option {
  background: #fff;
}

.inExport {
  padding: 20px;
}

.inExport ul li {
  line-height: 25px !important;
}

#toUsers li {
  display: block;
  line-height: 35px;
}

#toLabelUsers li {
  display: block;
  line-height: 35px;
}

#toTeams li {
  display: block;
  line-height: 35px;
}

.touserS {
  min-width: 150px;
  float: left;
}

.toUsersD {
  margin-left: 150px;
}

.friends {
}

.friendLeft {
  max-width: 1400px;
  width: 100%;
}

.friendsDisplay {
  display: inline-flex;
  width: 100%;
}

.friendDiv {
  /* margin: 20px; */
  /* max-width:1200px; */
  padding-bottom: 20px;
}

.friendList {
  display: inline-flex;
  margin: 10px 20px 10px 0;
  padding: 10px;
  background-color: #f4f4f4;
  width:260px;
}

.friendList ul li {
  display: block !important;
  line-height: 35px !important;
}

.friendPortrait {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  border-right: 1px #ddd solid;
  padding-right: 10px;
}

.friendPortrait img {
  width: 80px;
  height: 80px;
  border-radius: 40px;
}

.friendInfo {
  margin-top: 5px;
}

.friendsRight {
  margin-left: 40px;
  min-width: 340px;
  max-width: 340px;
  background-color: #f4f4f4;
  padding: 20px;
}

.friendSearch {
  width: 300px;
  padding: 10px;
  background-color: #fff;
}

.friendGroup {
  width: 300px;
  margin-top: 20px;
  padding: 10px;
  background-color: #fff;
}

.friendGroup ul li {
  display: block !important;
  line-height: 30px;
}

/*用户个人中心*/
/*发送邮件*/
.send_mail {
  /* width: 585px; */
  margin-left: auto;
  margin-right: auto;
  padding-bottom:30px;
  background: #fff;
}

.send_mail .send_mail_detail {
  padding-top: 10px;
}

.send_mail .send_mail_detail ul li {
  display: inline;/* line-height: 50px;*/
  padding-left: 5px;
}

.send_mail .send_mail_detail ul .bt_2 {
  clear: both;
  width: 80px;
  margin-right: 10px;
  line-height: 50px;
  text-align: right;
  overflow: hidden;
}

.send_mail .send_mail_detail ul .line_height_50px {
  line-height: 50px;
}

.send_mail .send_mail_detail ul .line_height_65px {
  line-height: 65px;
}

.send_mail .send_mail_detail ul li .input_height_1 {
  height: 35px;
  position: relative;
  top: 5px;
  margin-bottom: 5px;
}

.send_mail .send_mail_detail ul li .input_height_2 {
  min-height: 35px;
  height: auto;
}

.send_mail .send_mail_detail ul li select {
  height: 35px;
}

.send_mail .send_mail_detail ul li select option {
  background: #fff;
}

.send_mail .send_mail_detail ul .s_m_span_1 {
  right: 60px;
  position: absolute;
 /*margin-top: 20px; */
}

.s_m_span_2 {
  visibility: visible;
  position: absolute;
  top: -13px;
  right: -50px;
  width: 45px; /*height:30px;*/
  overflow: hidden;
}

.send_mail .send_mail_detail ul li .mail_address { /* position:absolute; */
  top: 20px;
  margin-left: 48px;
}

/*发送邮件*/
/*邮件模板排序*/
.email_tem_paixu {
  width: 100%;
  padding-top: 5px;
}

.email_tem_paixu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #999;
  padding-left: 0px;
  padding-top: 5px;
}

.email_tem_paixu ul li {
  display: block;
  margin: 5px;
  padding: 5px;
  font-size: 14px;
  padding-left: 20px;
  margin-top: 5px;
  border: 1px solid #CCC;
  color: #666;
  background: #f4f4f4;
  cursor: pointer;
}

.email_tem_paixu ul li span {
  line-height: 25px;
  position: absolute;
  margin-left: -1.3em;
}

.dimission-tras span {
  margin-left: 0px !important;
}

/*邮件模板排序*/
.pay-mode{
	padding:0 20px;
	padding-bottom:50px;
}
.pay-mode div{
	margin-bottom:10px;
}
.pay-mode div:nth-child(3){
	border-top:1px solid #ddd;
	padding-top:10px;
}
.pay-mode img{
	width:100px;
}
/*提示消息弹窗*/
.pop_up {
  width: 350px;
  height: auto;
  background: #fff;
  margin: 20px auto;
  border: 1px #eee solid;
  padding: 10px;
  padding-bottom: 0;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #999;
  filter: alpha(opacity=90); /* IE */
  -moz-opacity: 0.9;/* 老版Mozilla */
  -khtml-opacity: 0.9;/* 老版Safari */
  opacity: 0.9;
}

.pop_up .pop_up_list {
  border-bottom: 1px #ccc dashed;
  margin-bottom: 10px;
}

.pop_up .pop_up_list ul li {
  display: inline;
  line-height: 25px;
}

.pop_up_list_2 {
  border-bottom: 1px #ccc dashed;
  margin-bottom: 10px;
}

.pop_up_list_2 .p_u_l_title {
  background: #dda35a;
  width: 330px; /* line-height: 25px; */
  height: 35px;
}

.pop_up_list_2 .p_u_l_title span {
  margin-top: 5px;
  text-align: center;
  color: #fff;
  width: 330px;
  float: left;
  line-height: 25px;
  font-weight: bold;
}

.pop_up_list_2 ul li {
  display: inline;
  line-height: 25px;
}

/*提示消息弹窗*/
/*公司名*/
.com_title {
  font-weight: bold;
  font-family: Microsoft yahei;
  line-height: 25px;
  background: #ddd;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.name-container {
  padding-left: 10px;
  padding-right: 10px;
}

.name-container:hover {
  background: #fff;
}

.customized-name-container {
  padding-left: 10px;
  padding-right: 10px;
}

.com_name {
  color: #333;
  font-size: 13px !important;
  line-height: 30px;
  max-width: 140px;
  display: block !important;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.com_name:hover {/* text-decoration: underline; */
  cursor: pointer;
}

.com_selected {
  background: #fff; 
}

.com_num {
  color: #333;
  font-size: 13px !important;
  margin-top: -30px;
  line-height: 20px;
}

.com_btn {
  padding: 2px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #ddd;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#fefefe, endColorStr=#efefef);
  background: -moz-linear-gradient(top, #fefefe, #ececec);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ececec));
}

.com_selected .com_name {
  color: #333;
}

.com_selected .com_num {
  color: #333;
}

/*工资单详情*/
.payroll {
  padding: 20px; /* width: 1000px; margin-left: auto;margin-right: auto; */
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px #ccc;
  -moz-box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px #ccc;
}

.payroll table {
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.payroll table tr {
  line-height: 30px;
  border-bottom: 1px solid #eee;
}

.payroll table tr td {
  padding-left: 10px;
}

.payroll_title {
  background: #2dbe60;
  color: #fff;
  text-align: center;
}

.payroll_b_r {
  border-right: 1px solid #eee;
}

.payroll_subtotal {
  background: #f4f4f4;
  text-align: center;
}

.payroll_num {
  text-align: right;
  padding-right: 10px;
}

/*权限管理*/
.ResControl {
  position: relative;
}

.ResControlLeft {
  clear: both;
  width: 300px;
  border: 1px solid #eee;
  margin-left: 10px;
}

.ResControlLeft p {
  text-align: center;
  line-height: 35px; /* font-weight: bold;  */
  font-size: 14px;
  margin-bottom: 0px;
  font-family: microsoft yahei;
  background: #f1f7f9;
  color: #333 !important;
}

.ResRole {
  padding: 10px;
  overflow-y: scroll;
  min-height: 500px;
  max-height: 500px;
}

.ResRole ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ResRole ul li:hover {
  background: #f4f4f4;
}

.ResRole ul li label {
  cursor: pointer;
}

.ResRole ul li input[type=checkbox] {
  margin-right: 2px;
}

.ResSelected {
  background: #f4f4f4;
}

.connectIcon {
  position: absolute;
  left: 317px;
  top: 200px;
  width: 26px;
  height: 12px;
  background: url(../images/connect.png);
}

.ResControlRight {
  position: absolute;
  left: 320px;
  top: 0px;
  margin-left: 30px;
  min-width: 600px;
  max-width: 1000px;
  border: 1px solid #eee;
}

.ResControlRight p {
  text-align: center;
  line-height: 35px;/* font-weight: bold; */
  font-size: 14px;
  margin-bottom: 0px;
  font-family: microsoft yahei;
  background: #f1f7f9;
  color: #333 !important;
}

.ResList {
  padding: 10px;
  min-height: 500px;
  max-height: 500px;
  overflow-y: scroll;
}

.ResList table {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ResList table input[type=checkbox] {
  cursor: pointer;
}

.ResList table tr:hover {
  background: #f4f4f4;
}

.ResList table tr td {
  padding: 5px;
}

.ResBtn {
  margin-top: 15px;
  margin-left: 600px;
}

.ResEdit {
  padding-top: 10px;
  padding-left: 10px;
}

.ResEdit ul li {
  line-height: 50px;
}

/*简历下载*/
.DownLoad {
  padding: 10px;
  background: #fff; /*width:500px; margin-left:auto; margin-right:auto;*/
}

/*签到*/
.signIn {
  display: inline-flex;
  padding: 20px;
}

.signInList {
  width: 561px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.signInBtn {
  width: 345px;
  padding: 10px !important;
  margin-left: 108px;
  margin-bottom: 20px !important;
}

.signInList ul li {
  display: inline-block;
  margin-right: -4px;
}

.signInBg {
  width: 80px;
  height: 70px;
  padding: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.alrSignIn {
  background-color: #e4f7ff;
  background-image: url(../images/signIn_01.png);
  background-position: 25px 15px;
  background-repeat: no-repeat;
}

.missSignIn {
  background-color: #fff1dc;
  background-image: url(../images/signIn_02.png);
  background-position: 25px 15px;
  background-repeat: no-repeat;
}

.resourceControl {
}

.resourceControl ul li {
  display: inline;
  line-height: 40px;
}

/* 注册页 */
.registerPosi {
  margin: auto;
  margin-top: 100px;
  margin-bottom: 150px;
  width: 1000px;
  min-height: 450px;
}

.regiImg {
  /*margin-top: -75px;*/
  border-radius: 187px;
}

.regiForm {
  position: absolute;
  width: 350px;
  top: 200px;
  margin-left: 650px;
}

.regiForm ul li {
  line-height: 50px;
  display: inline;
}

.regiSuc {
  background-color: #ffffff;
  box-shadow:0 0 5px 5px #ddd;
  overflow:hidden;
}

.regiSucInfo {
  padding: 50px;
}

.regiSucInfoColor {
  color: #f88c17;
}
.div-right{
	margin-left: 400px;
	padding:50px 20px;
	display:block;
	line-height: 45px;
	overflow: hidden;
}
.div-right img{
    line-height: 25px;
}

.idenCodyDisable {
  margin-top: -2px;
  padding: 6px 30px;
  background-color: #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.logoLabel {
  margin-left: 65px;
}

/* 介绍页新--20160115 */

.introMenu {
  width: 100%;
  min-width: 1260px;
  height: 80px;
  padding-top: 10px;
  background-color: #000000;
}

.introMenu .introMain {
  margin: 0 auto;
  max-width: 1000px;
}

.introMenu .introMain .logo {
  margin-top: 10px;/*width: 200px;*/
}

.introMenu .introMain ul {
  margin-top: 10px;
}

.introMenu .introMain ul li {
  display: inline;
}

.introMenu .introMain ul li a {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  line-height: 50px;
}

.introMenu .introMain ul li a:hover {
  border-bottom: 2px solid #40a06c;
  text-decoration: none;
}

.introMenu .introOn {
  color: #17855d !important;
}

.introMenu .introMain .nav-download{
  position:relative;
  top:2px;
  padding-left:10px;
  padding-right:10px;

}
.introMenu .introMain .nav-download span:before,.nav-download span::before{
  border: 2px solid #fff;
  padding: 2px 4px;
  border-radius: 100%;	
}
.introMenu .introMain .sub-list{
  display:none;
  position:absolute;
  margin-left:200px;
  margin-top:7px;
  background-color:#000000;	
  z-index:1;
}
.introMenu .introMain .sub-list li {
  display:block;
}

.introMenu .introMain .sub-list li a{
  position: relative;
  font-size: 14px;
  display:block;
}
.sub-list li a:hover{	
  cursor: pointer;
  background-color:#17855d;	
}
.introMenu .introMain .sub-list li a span:before{
  position:relative;
  top:2px;
  margin-right:5px;
}

.introBanner {
  position: relative;
  width: 100%;
}

.introSearchPos {
  width: 1000px;
  margin: 0 auto;
}

.introSearch {
  position: absolute;
  bottom: 30px;
  margin-left: 100px;
  margin-right: 100px;
  padding: 20px 30px;
  width: 800px;
  background: url("../images/intro/search-bg.png");
  z-index:9;
}

.introSearch ul li {
  border: none;
}

.introSearch>.nav-tabs>li>a {
  border: none;
}

/* .introSearch>.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #fff;
  border: none;
  border-bottom: none !important;
  background: url("../images/intro/searchInput.png");
  background-repeat: no-repeat;
  background-position: 20px 26px;background-color: #17855d;
}

.introSearch>.nav-tabs>li>a:hover {
  background: url("../images/intro/searchInput.png");
  background-repeat: no-repeat;
  background-position: 20px 26px;
  border-bottom: none;
  border: none;
} */

.introSearch .introSearchTab {
  background: none;
}

.introSearch .introSearchTab a {
  color: #fff !important;
}

.introSearch .SearchInput {
  height: 39px;
  width: 90%;
  min-width: 200px;
  border: none;
}

.introSearch .introSearchIcon {
  background-color: #313131;
  width: 10%;
  height: 39px;
  border: none;
}
.arrow-div {
  position:absolute;
  margin-left:-50px;
  width:1100px;
  height:99px;
  bottom:200px;
  z-index:9;
  animation: arrowShow 5s;
-moz-animation: arrowShow 5s;	/* Firefox */
-webkit-animation: arrowShow 5s;	/* Safari 和 Chrome */
-o-animation: arrowShow 5s;	
}
@keyframes arrowShow
{
from {opacity: 0;}
to {opacity:100;}
}

@-moz-keyframes arrowShow /* Firefox */
{
from {margin-top: 130px;}
to {margin-top: 140px;}
}

@-webkit-keyframes arrowShow /* Safari 和 Chrome */
{
from {margin-top: 130px;}
to {margin-top: 140px;}
}

@-o-keyframes arrowShow /* Opera */
{
from {margin-top: 130px;}
to {margin-top: 140px;}
}

.arrow-div .left-arrow {
  height: 95px;
  width: 34px;
  background: url(../images/intro/arrow.png) -28px -6px no-repeat;
  display: block;
}
.arrow-div .left-arrow:hover {
  background: url(../images/intro/arrow.png) -28px -125px no-repeat;
  cursor:pointer;
}
.arrow-div .right-arrow {
  height: 95px;
  width: 34px;
  background: url(../images/intro/arrow.png) -110px -6px no-repeat;
  display: block;
}
.arrow-div .right-arrow:hover {
  background: url(../images/intro/arrow.png) -110px -125px no-repeat;
  cursor:pointer;
}
.banner-circle {
  position: absolute;
  margin-left: 475px;
  bottom: 10px;
  width: 100px;
  height: 20px;
   z-index:9;
}

.banner-circle ul li {
  display: inline-block;
  margin:5px;
  vertical-align: middle;
 
}

.banner-circle ul li a {
  display: block;  
  width: 10px;
  height: 10px;
  background:#409976;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.banner-circle .cur a{
  height:12px;
  width:12px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border: 1px solid #409976;
  background: #ffffff;
}

.introImg {
  width: 100%;
  height:496px;
}
.introImg ul{
  position:relative;
  width: 100%;
  height: 100%;
  display: block;	
}

.introImg ul li{
  position:absolute;
  top:0px;
  left:0px;
  height: 496px;
  width: 100%;
}
.introImg ul li a{
  position: relative;
  display: block !important;
  width: 100%;
  min-width:1260px;
  height: 496px;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-size: auto 100% !important;
}
.introImg img {
  width: 100%;
}
.introImg .new-leaves{
  position: absolute;
  margin-left: -300px;
  margin-top: 130px;
  animation: move 2s ease alternate infinite;
  -moz-animation: move 2s ease alternate infinite;
  -webkit-animation: move 2s ease alternate infinite;
  -o-animation: move 2s ease alternate infinite;	
}
.introImg .new-leaves img{
	width:222px;
	height:271px;
}

@keyframes move
{
from {margin-top: 130px;}
to {margin-top: 140px;}
}

@-moz-keyframes move /* Firefox */
{
from {margin-top: 130px;}
to {margin-top: 140px;}
}

@-webkit-keyframes move /* Safari 和 Chrome */
{
from {margin-top: 130px;}
to {margin-top: 140px;}
}

@-o-keyframes move /* Opera */
{
from {margin-top: 130px;}
to {margin-top: 140px;}
}

.introMenu .introMain .logo {
  margin-top: 10px;
  width: 100px;
}

.introContent {
  width: 100%;
  min-width: 1260px;
}

.introContentMain {
  margin: 0 auto;
  width: 1000px;
}

.introContentMain p {
  font-size: 18px;
  text-align: center;
}

.preference {
  padding-top: 20px;
}

.preference p {
  margin-top: 20px;
}

.preference ul li {
  display: inline-table;
  width: 21.5%;
  min-width: 200px;
  margin: 5px;
}

.introPosition ul li {
  display: inline-block;
  padding: 20px;
}

.intro4Con {
  padding: 30px 45px 15px 45px;
  text-align: center;
}

.intro4Con p {
  color: #fff;
}

.intro6Con {
  padding: 25px;
  text-align: center;
}

.intro4Con a {
  color: #fff;
  font-size: 18px;
}

.intro4Con a:hover,
.intro4Con a:focus {
  color: #fff;
}

.Blue {
  background-color: #4898eb;
}

.Yellow {
  background-color: #e7c331;
}

.Green {
  background-color: #5dc800;
}

.Red {
  background-color: #cd0400;
}

.Purple {
  background-color: #6935d1;
}

.Orange {
  background-color: #f38f00;
}

.introDocument {
  padding: 20px;
  text-indent: 28px;
}

.introDocument a {
  width: 171px;
  height: 80px;
  overflow: hidden;
  white-space: normal;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.introPosCount {
  padding: 15px 28px;
}

/*浮动客服*/
#floatDivBoxs {
  width: 170px;
  background: #fff;
  position: fixed;
  top: 180px;
  right: 0;
  z-index: 999;
}

#floatDivBoxs .floatDtt {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #f08326;
  color: #fff;
  font-size: 18px;
  text-indent: 22px;
  position: relative;
}

#floatDivBoxs .floatDqq {
  padding: 0 14px;
}

#floatDivBoxs .floatDqq li {
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 0 50px;
}

#floatDivBoxs .floatDtxt {
  font-size: 18px;
  color: #333;
  padding: 12px 14px;
}

#floatDivBoxs .floatDtel {
  padding: 0 0 15px 10px;
}

#floatDivBoxs .floatDtel img {
  display: block;
}

#floatDivBoxs .floatDbg {
  width: 100%;
  height: 20px;
  background: url(../images/intro/online_botbg.jpg) no-repeat;
  box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}

.floatShadow {
  background: #fff;
  box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}

#rightArrow {
  width: 50px;
  height: 45px;
  background: url(../images/intro/online_arrow.jpg) no-repeat;
  position: fixed;
  top: 180px;
  right: 170px;
  z-index: 999;
}

#rightArrow a {
  display: block;
  height: 45px;
}

.innerSearch {
  width: 100%;
  background-color: rgb(242,243,244);
}

.innerSearchMain {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  padding: 20px 0 10px 0;
}

.innerSearchMain a:active {
  color: #0000ff;
}

.innerSearch .innerSearchInput {
  height: 36px;
  width: 500px;
  min-width: 200px;
  padding-left:5px;
  border: none;
}

.innerSearch .innerSearchIcon {
  background-color: #313131;
  width: 80px;
  height: 36px;
  border: none;
}

.innerSearchMain ul li {
  display: inline;
  line-height: 45px;
}

.searchResult {
  width: 100%;
}

.searchResultMain {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  padding-bottom: 20px;
}

.searchResultMain a:focus {
  color: #0068b7;
}

/* .searchCondition {
  width: 200px;
  height: 600px;
  display: table-cell;
}

.searchCondition dt {
  line-height: 35px;
  background-color: #00c9b4;
  cursor: pointer;
}

.searchCondition dt a,
.searchCondition dt a:active,
.searchCondition dt a:focus {
  color: #fff;
}

.searchCondition dd {
  line-height: 30px;
}

.searchCondition dd {
  padding-left: 10px;
}

.searchCondition dd a {
  display: block;
}

.searchCondition dt:hover,
.searchCondition dd:hover {
  background-color: #f4f4f4;
  cursor: pointer;
} 

.searchList {
  display: table-cell;
  width: 800px;
  min-height: 600px;
  padding: 10px;
}

.searchList ul li {
  display: inline;
}

.searchList p {
  line-height: 45px;
}

.searchListDetail {
  display: table;
  width: 100%;
  max-width: 1000px;
  border-bottom: 1px solid #eee;
}

.searchListDetail ul {
  display: table-row;
}

.searchListDetail ul:nth-of-type(even) {
  background-color: rgb(242,243,244);
}

.searchListDetail ul:hover {
  background-color: fef7e2;
}

.searchListDetail ul li {
  display: table-cell;
  line-height: 55px;
  overflow: hidden;
  max-width: 500px;
  min-width: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
}

.searchListDetail ul li:first-child {
  padding-left: 10px;
}
 */
 
 /*==========左边===========================*/
.searchList {
  width: 700px;
  min-height: 600px;
  margin-right: 20px;
  float:left;
  clear:both;
  display:table-cell;
  padding-top:10px;
}

.searchList ul li {
  display: inline;
}

.searchList p {
  line-height: 45px;
}

.ads {
  position: relative;
  width: 700px;
  height: 100px;
  overflow: hidden;
}

.ads ol {
  position: absolute;
  right: 20px;
  bottom: 0px;
  z-index: 9;
}

.ads ol li {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin:2px;
  background: #409976;
  border-radius: 5px;
}

.ads-cur {
  background-color: #ffffff !important;
  border: 1px solid #409976;
}

.ads ul {
  position: absolute;
  top: 0px;
  width: 700px;
}

.ads ul li {
  height: 100px;
}

.ads ul li a {
  height: 100px;
  display: block;
}

.searchList .ads-notice {
  position: relative;
  background: url(../images/intro/loud.png) no-repeat 0px 10px;
  padding-left: 20px;
  line-height: 35px;
  height: 35px;
  width:700px;
  overflow: hidden;
}

.searchList .ads-notice ul {
  position: absolute;
  width: 665px;
  top: 0px;
  left: 20px;
}

.searchList .ads-notice ul li {
  display: block;
}

.searchList .ads-notice ul li span {
}

.result-list .condition {
  background: #f4f4f4;
}

.result-list .condition li {
  line-height: 40px;
}

.st_1 {
}

.result-list .category-title {
  background: #ffffff;
  padding: 10px 20px;
  border-bottom: 2px solid #00a0e9;
  font-size: 18px;
}
.result-list .category-title a{
  font-size: 18px;
    }

.result-list .condition-fr {
  margin-left: 2px;
  margin-right: 2px;
}

.result-list .arrow-more {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #428bca;
}

.result-list .view-list {
  width: 100%;
}

.result-list .view-list table thead {
  background: #f4f4f4;
  line-height: 45px;
  color: #333333;
}

.result-list .view-list .arrow-list {
  display: inline-block;
  height: 14px;
  width: 7px;
  background: url(../images/arrow-select.png);
  margin-left: 3px;
  top: 2px;
  position: relative;
}

.result-list .view-list .arrow-list-up {
  display: inline-block;
  height: 14px;
  width: 7px;
  background: url(../images/arrow-select.png) -12px 0px no-repeat;
  margin-left: 3px;
  top: 2px;
  position: relative;
}

.result-list .view-list .arrow-list-down {
  display: inline-block;
  height: 14px;
  width: 7px;
  background: url(../images/arrow-select.png) -23px 0px no-repeat;
  margin-left: 3px;
  top: 2px;
  position: relative;
}

.result-list .view-list table tr td {
  padding-left: 5px;
  min-width: 50px;
  max-width: 11.11%;
  border-bottom: 1px solid #dddddd;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.result-list .view-list .info-img {
  padding-top: 10px;
  vertical-align: top;
}

.result-list .view-list .detail-info {
  display: table;
}

.result-list .view-list .detail-info ul {
  display: table-row;
}

.result-list .view-list .detail-info ul li {
  display: table-cell;
  min-width: 80px;
  line-height: 35px;
}

.result-list .view-list .detail-info ul li ul li {
  display: block;
}

.result-list .view-list-old {
	display:table;
	width:700px;
}
.result-list .view-list-old ul{
	display:table-row;
}
.result-list .view-list-old ul li{
	display:table-cell;
	min-width:80px;
	line-height:25px;	
	border-bottom:1px solid #ddd;
	padding:5px 5px;
}
.result-list .view-list-old .view-list-title{	
	background:#f4f4f4;
}
.result-list .view-list-old .view-list-title li{
	line-height:35px;
}

.result-list .position-list {
  padding-top: 10px;
}

.result-list .position-list .position-list-detail {
  position: relative;
  padding: 5px;
  border-bottom: 1px solid #eee;
}

.result-list .position-list .position-list-detail ul li {
  line-height: 25px;
  
}
.result-list .position-list .position-list-detail ul li:not(:first-child){
  margin-left: 20px;
}
.result-list .position-list .position-list-detail .feedback {
  margin-left:5px;
  padding-left: 16px;
  background: url(../images/intro/feedback.png) no-repeat;
  color: #00a0e9;
}

.result-list .position-list .position-list-detail .red-packet {
  margin-left: 2px;
  line-height: 20px;
  padding-left: 18px;
  background: url(../images/intro/red_packet.png) no-repeat;
  padding-top: 4px;
  padding-bottom: 2px;
  color: #ff0000;
}

.result-list .position-list .position-list-detail .btn-position {
  position: absolute;
  right: 35px;
  top: 10px;
}

.result-list .position-bg {
  background: #f4f4f4;
}

.result-list .position-list .position-detail {
  padding-bottom: 20px;
}
.result-list .position-list .position-detail p{
	line-height: 20px;
	text-indent: 28px;
	padding:0 10px;
}
.result-list .position-list .position-detail ul li {
  display: block;
  line-height: 35px;
}

.resume-status-list .time-axis{
	width:500px !important;
	padding-left:10px;
}

.resume-status-list .time-axis .time-axis-list {	
  display: table;
  width: 700px !important;
  background-image: url(../images/time-axis_resume.jpg) !important;
  background-repeat: no-repeat;
  background-size:700px 420px;
  line-height:1.45;
}

.resume-status-list  .time-axis .axis-last {
  background-position: 0px 0px;
}

.resume-status-list .time-axis .time-axis-list ol li{
	width:140px !important;
	font-size:14px;
	position:relative;
}

/*status*/
.resume-status-list .time-axis .axis-step{
	box-sizing:border-box;
	overflow:hidden;
}

.axis-step:hover{
	cursor:pointer;
	display: block;		
}

.resume-status-list .time-axis .axis-step5 {
  background-position: 0px 0px !important;
}

.resume-status-list .time-axis .axis-step4 {
  background-position: 0px -72px !important;
}
.resume-status-list .time-axis .axis-step3 {
  background-position: 0px -144px !important;
}

.resume-status-list .time-axis .axis-step2 {
  background-position: 0px -216px !important;
}

.resume-status-list .time-axis .axis-step1 {
  background-position: 0px -286px !important;
}

.resume-status-list .time-axis .axis-null {
  background-position: 0px -350px !important;
}

.axis-step-rollback{
	position:absolute;
	margin-top:-5px;
	display: none;
	height: 52px;
	width: 10px;
	right:0;
}
.axis-step-rollback:hover{	
	display: block;
}
.axis-step-rollback span{
	position:absolute;
	margin-top:20px;
	color:#fff;
	font-size:16px;
	right:0;	
}
.axis-step-rollback span:hover{
	cursor:pointer;
}
.axis-step-li{
	height:40px;
}


.result-list .time-axis {
  width: 700px;
}

.result-list .time-axis .time-axis-list {
  display: table;
  width: 700px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  background-image: url(../images/intro/time-axis.jpg);
  background-repeat: no-repeat;
}

.result-list .time-axis .time-axis-list ol {
  display: table-row;
  width: 700px;
}

.result-list .time-axis .time-axis-list ol li {
  width: 175px;
  display: table-cell;
  text-align: center;
  float:left;
}

.result-list .time-axis .time-axis-list ol li ul li {
  display: block;
}

.result-list .time-axis .axis-all {
  background-position: 0px 0px;
}

.result-list .time-axis .axis-step3 {
  background-position: 0px -70px;
}

.result-list .time-axis .axis-step2 {
  background-position: 0px -140px;
}

.result-list .time-axis .axis-step1 {
  background-position: 0px -210px;
}

.result-list .time-axis .axis-null {
  background-position: 0px -280px;
}

.result-list .time-axis .axis-null li {
/* color:#eeeeee;*/}



/*===========右边==========================*/
.inner-right {
  width: 280px;
  float:left;
  padding-top:10px;
}

.inner-right .inner-special-column {
  margin-bottom: 20px;
  width: 100%;
  height: 310px;
  background: #f6f6f6;
  padding-top: 20px;
  box-sizing: border-box;
}

.inner-right .inner-special-column p {
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
  box-sizing: border-box;
}

.inner-right .inner-special-column ul {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.inner-right .inner-special-column ul li {
  line-height: 30px;
  padding-top: 15px;
  border-bottom: 1px dashed #dddddd;
}

.inner-right .inner-special-column ul li a {
  color: #333333;
  cursor: pointer;
}

.inner-right .inner-special-column ul li .column-list-title {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.inner-right .inner-special-column ul li .column-list-time {
  float: right;
  color: #999999;
}

.inner-right .inner-special-column .column-more {
  float: right;
  line-height: 45px;
  font-size: 14px;
  padding-right: 20px;
}

.inner-right .ads-right {
  margin-bottom: 20px;
  width: 280px;
  height: 175px;
}

.inner-right .inner-connect {
  background: #f4f4f4;
  padding: 10px;
  display: table;
  width: 280px;
}

.inner-right .inner-connect div {
  display: table-cell;
  padding: 10px;
}

.inner-right .inner-connect div a img {
  height: 40px;
  width: 40px;
  border-radius: 20px;
}

.inner-right .inner-connect div ul li {
  line-height: 25px;
}

.inner-right .inner-connect-info {
  padding: 10px;
  box-sizing: border-box;
}

.inner-right .inner-connect-info .connect-ask {
  width: 100%;
}

.inner-right .inner-connect-info .connect-ask li {
  display: table-cell;
  line-height: 30px;
}

.inner-right .inner-connect-info .connect-answer {
  width: 100%;
  padding-left: 20px;
}

.inner-right .inner-connect-info .connect-answer li {
  display: table-cell;
  line-height: 30px;
}

.inner-right .inner-connect-info .ellipsis {
  position: absolute;
  margin-top: -2px;
  width: 40px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inner-right .inner-connect-info ul.sub-info {
  margin-left: 40px;
}

.inner-right .inner-connect-info .connect-area {
  width: 100%;
  padding-bottom: 50px;
  margin-top: 20px;
}

.inner-right .inner-connect-info .connect-area textarea {
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  max-width: 260px;
}

/*专栏*/
.column {
  border-bottom: 1px solid #dddddd;
  margin-top:10px;
}

.column ul li {
  line-height: 25px;
}
.column ul li a{
  font-size:14px;
  display:inline-block;
    width:400px;
    overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
    }

.column .column-p {
  line-height: 25px;
  text-indent:26px;
  height:75px;  
}
.column p{
  line-height: 25px;
  text-indent:26px;
    }
 /*  热门标签*/
 .inner-special-column .hot-target{
     height:220px;
     overflow:hidden;}
.inner-special-column .hot-target ul li{
  display:inline-block;
  border:none;
  padding:2px;
  margin:3px;
    }
 .inner-special-column .hot-target ul li a.hotter{
     color:#F60;}   

.section {
  width: 100%;
  min-width: 1200px;
  text-align:center;
}

.section .section-content {
  margin: 0 auto;
  width: 1000px;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  padding: 20px;
  text-algin:left;
}

.section .section-tel {
  padding: 20px;
  display: table;
  border-right: 1px solid #dddddd;
  -moz-box-flex: 2;
  -webkit-box-flex: 1;
  box-flex: 1;
}

.section .section-tel div {
  width: 100px;
  float: left;
  display: table-cell;
  padding: 0;
}

.section .section-tel div img {
  margin-top: -5px;
}

.section .section-tel div p {
  line-height: 35px;
}

.section .section-links {
  -moz-box-flex: 1;
  -webkit-box-flex: 2;
  box-flex: 2;
  padding: 20px 30px;
  display: table;
  border-right: 1px solid #dddddd;
}

.section .section-links ul {
  display: table-row;
}

.section .section-links ul li {
  display: table-cell;
  width: 100px;
  line-height: 35px;
}

.section .section-weixin {
  -moz-box-flex: 2;
  -webkit-box-flex: 1;
  box-flex: 1;
  padding: 20px 40px;
}

.section .section-weixin img {
  margin-top: -15px;
  width: 100px;
}

.footer {
  background-color: #dddddd;
  width: 100%;
  min-width: 1200px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.footer div {
  margin: 0 auto;
  width: 1000px;
}

.footer div p {
  text-align: center;
  color: #898989;
}
/*=====帮助中心====== */

.doc {}

.docLeft {
  position: fixed;
  float: left;
  width: 240px;
  padding-top: 20px;
}

.doc .docBack {
  border-bottom: 1px solid #eeeeee;
  padding-left: 20px;
}
.doc .docBack p{
    margin-bottom: 10px;
}
.doc .docBack p a {
  color: #484848;
}

.doc .docBack p a:hover {
  color: #0068b7;
}

.docLeft .docSub {
  padding-top: 20px;
  padding-left: 20px;
}

.docLeft .docSub ul li {
  line-height: 25px;
}

.docLeft .docSub ul li a {
  display: block;
  color: #484848;
}

.docLeft .docSub ul li a:hover {
  color: #0068b7;
}

.docLeft .docSub .docOn {
  color: #0068b7;
  outline: none;
}

.docLeft .docSub .docOn:active {
  outline: none;
}

.docLeft .docSub .docOn:focus {
  outline: none;
}

.docLeft .leftListSub {
  margin-left: 20px;
}

.docLeft .ulHide {
  display: none;
}

.docLeft .ulShow {
  display: block;
}

.docRight {
  margin-left:241px;
  min-width: 600px;
}

.docRight .pageDoc {
  position: fixed;
  /*width: 90%;*/
  min-width: 600px;
  min-height: 98%;
  left: 242px;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #eeeeee;
}
.docRight .pageDoc 
.docTitle p{
  text-align:center;
  padding:15px;
  color:#cccccc;
  font-size:18px;
}
.docRight .pageDoc 
.docTitle p:hover{
  color:#333;
}
.docRight .pageDoc .doc-content{
    height: 100%;
    overflow: auto;
}
.doc-div {
  padding: 10px 50px 50px 50px;
  width: 850px;
  margin: 0 auto;
  display: block;
}

.doc-div .doc-title h2 {
  line-height: 35px;
}

.doc-div .doc-detail h3 {
  padding-left: 10px;
  margin-bottom: 10px;
  color: #0088c6;
  font-size: 18px;
}

.doc-div .doc-detail h4 {
  padding-left: 15px;
  margin-bottom: 10px;
  color: #555;
  font-size: 14px;
}

.doc-div .doc-detail p {
  margin-bottom: 10px;
  margin-left: 30px;
}

.doc-div .doc-detail p img {
  max-width: 750px;
  max-height: 750px;
}

.doc-div .doc-detail .doc-video {
  margin-bottom:20px;
}
.doc-div .doc-detail a:active,.doc-div .doc-detail a:visited{
    color: #0068b7;
}
.turning{
    background-image: url(../images/doc/page_turning.png);
    position: absolute;
    top: 50%;
    width: 27px;
    height: 45px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-repeat: no-repeat;
}

.button-prev{
    left: 10px;
    right: auto;
    background-position: 0 -2px;
}
.button-prev-disabled{
    background-position: 0 -54px;
}
.button-next{
    right: 10px;
    left: auto;
    background-position: -35px -2px;
}
.button-next-disabled{
    background-position: -35px -54px;
}
.search_jg .ui-sortable-placeholder{
	height:46px !important;
	max-height:46px;
}
/* 拨号 */
.dial-plate{
	position:fixed;
	width:200px;
	right:-200px;
	background-color:#e4e4e4;
	z-index:99;
}
.dial-plate .dial-plate-handle{
	position:absolute;
	top:0px;
	left:-35px;
	width:35px;
	height:35px;
}
.dial-plate .dial-plate-handle a{
	display:block;
	width:35px;
	height:35px;
    text-align: center;    
    padding-top: 5px;    
	font-size:20px;
	color:#ffffff !important;
}
.dial-plate .dial-plate-handle a.dial-phone{
	background-color: #3388cc;
}
.dial-plate .dial-plate-handle a.dial-list{
	background-color: #6dabde;
}
.dial-plate .dial-plate-handle a.dial-list:hover{
	background-color: #3388cc;
}
.dial-plate .dial-plate-panel{
	padding:10px;
	overflow:hidden;
	/* display:none; */
}
.dial-plate .dial-plate-panel input.dial-show{
	background-color:#ffffff;
	line-height:25px;
	padding:10px;
	height:40px;
	font-size:20px;
	width:100%;
	border:1px solid #d8d7d6;
}
.dial-info{
	color:red;
}
.dial-plate .dial-plate-panel ul{
    overflow: hidden;
    margin: 0px;
    padding: 0;
}

.dial-plate .dial-plate-panel ul li{
	list-style:none;
	float:left;
	padding:10px;
	margin:0px;
	width:60px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #d8d7d6;
    border-right: 1px solid #d8d7d6;
	color:#333;
	font-weight:bold;
	font-size:18px;
	background-color:#ffffff;
}

.dial-plate .dial-plate-panel ul li:hover{
	background-color:#fefee0;
	cursor:pointer;
	}
.dial-plate .dial-history{
	display:none;
	margin:10px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #d8d7d6;
}
.dial-plate .dial-history h3{
	margin-top:5px;
	font-size:16px;
	font-weight:bold;
}
.dial-plate .dial-history ul li{
	display:block;
	font-size:14px;
	overflow:hidden;
}
.dial-plate .dial-history ul li span{
	float:right;
	margin-top:2px;
	font-size:12px;
	color:#999;
}

/*云简历插件介绍页*/
.plugin-intro-btns {
    font-family: arial, "微软雅黑", "宋体", "Lucida Grande", tahoma;
    font-size: 1.8rem;
    padding: 1rem 2rem;
    color: #ffffff;
    border-radius: 5px;
    border:none;
    margin-right: 1rem;
}

.plugin-intro-btns-red {
    background-color: #d34525;
}

.plugin-intro-btns-green {
    background-color: #59b431;
}

.plugin-intro-btns-yellow {
    background-color: #f3ce2d;
}

.plugin-intro {
    width: 100%;
}

.plugin-bg-dim {
    background-image: url("../images/intro/plugin_intro_01.jpg");
    background-position: center center;
    background-size: 100% 100%;
    text-align: center;
}

.plugin-intro-main {
    margin: 0 auto;
}

.plugin-intro-main h1 {
    font-size: 2.5rem;
    border: none;
}

.plugin-intro-main h1.h1-top {
    color: #d34525;
    text-align: center;
}

.plugin-intro-main p {
    font-size: 1rem;
}

.plugin-intro-main p.p-top {
    text-align: center;
    color: #8b4a23;
}

.plugin-bg-icons {
    background-image: url("../images/intro/plugin_intro_02.jpg");
    background-repeat: repeat;
}

.plugin-intro-second h1, .plugin-intro-second p {
    color: #FFFFFF;
}

.plugin-intro-second h4 {
    color: #004e70!important;
    background:none !important;
    padding-left:0px;
}

.plugin-intro-second-side {
    margin-top: 2rem;
}

/*安装步骤*/
.plugin-intro-step {
    width: 100%;
    overflow: hidden;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.plugin-install-step {
    float: left;
    padding: 1rem;
    box-sizing: border-box;
}

.plugin-intro-step .plugin-install-step h3 {
    font-size: 1.5rem;
    height: 2.5rem;
    border-bottom: 1px #ddd dashed;
}

.first-step {
}

.step-icon {
    display: inline-block;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
}

.first-step .step-icon {
    background-color: #d24525;
}

.second-step .step-icon {
    background-color: #1ab6ca;
}

.third-step .step-icon {
    background-color: #f3ce2d;
}

.fourth-step .step-icon {
    background-color: #60ac36;
}

.step-icon span {
    display: inline-block;
    margin-top: 35px;
    width: 45px;
    height: 45px;
    background-image: url("../images/intro/plugin_intro_icons.png");
}

.first-step .step-icon span {
    background-position: -10px -6px;
}

.second-step .step-icon span {
    background-position: -10px -87px;
}

.third-step .step-icon span {
    background-position: -85px -7px;
}

.fourth-step .step-icon span {
    background-position: -85px -81px;
}

.plugin-bg-blue {
    padding: 2rem;
    background-color: #1eabdb;
    color: #ffffff;
}

@media screen and (min-width: 1024px) {
    .header {
        min-width: 1024px;
    }

    .section {
        min-width: 1024px;
    }

    .plugin-intro-main {
        width: 1000px;
        padding: 20px;
    }

    .plugin-bg-dim {
        padding: 50px;
    }

    .plugin-intro-top {
        text-align: center;
    }

    .plugin-bg-icons {
        padding: 2rem;
        overflow: hidden;
    }

    .plugin-intro-mac {
        float: left;
        margin-right: 5rem;
    }

    .plugin-intro-mac img {
        width: 356px;
        height: 286px;
    }

    .plugin-intro-second {
        float: left;
    }

    .plugin-install-step {
        float: left;
        width: 25%;
        box-sizing: border-box;
    }

    .step-img {
        width: 200px;
        float: left;
    }

    .step-img img {
        width: 200px;
    }

    .step-content {
        margin-left: 220px;
    }

    .footer {
        min-width: 1024px;
    }
}

@media screen and (max-width: 1023px) {
    .header {
        min-width: 320px;
        padding: 1rem;
        box-sizing: border-box;
    }

    .header .header-nav {
        width: 100%;
    }

    .plugin-intro-main {
        /*min-width: 320px;*/
        padding: 1rem;
    }

    .plugin-intro-btns {
        display: block;
        width: 50%;
        max-width: 400px;
        margin: 2rem auto;
    }

    .plugin-intro-mac {
        display: block;
        text-align: center;
    }

    .plugin-intro-mac img {
        width: 356px;
        height: 286px;
    }

    .plugin-intro-second {
        display: block;
        text-align: center;
    }

    .plugin-install-step {
        width: 50%;
    }

    .step-img {
        display: block;
        float: none;
    }

    .step-img img {
        width: 400px;
    }

    .step-content {
        margin-left: 0;
        display: block;
    }

    .section {
        min-width: 320px;
    }

    .section .section-content {
        position: relative;
        padding: 2rem;
        box-sizing: border-box;
        width: 100%;
        display: block;
    }

    .section div p {
        font-size: 1rem;
    }

    .section div a {
        font-size: 1rem;
    }

    .section .section-content div.section-tel {
        padding: 5px;
        display: block;
        overflow: hidden;
        border-right: none;
    }

    .section .section-tel div:last-child {
        margin-left: 2rem;
        width: auto;
    }

    .section .section-content div.section-links {
        padding: 5px;
        padding-left: 11rem;
        display: block;
        overflow: hidden;
        border-right: none;
    }

    .section .section-content div.section-links ul li {
        display: block;
    }

    .section .section-content div.section-weixin {
        position: absolute;
        padding: 15px;
        padding-left: 105px;
        display: block;
        overflow: hidden;
        top: 150px;
        left: -80px;
    }

    .footer {
        min-width: 320px;
    }

    .footer div {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .header .intro-logo img {
        width: 120px;
        height: 30px;
    }

    .plugin-intro-main {
        /*width: 768px;*/
        padding: 2rem;
    }

    .plugin-intro-btns {
        display: block;
        width: 100%;
        margin: 2rem auto 1rem auto;
    }

    .plugin-intro-mac img {
        width: 267px;
        height: 215px;
    }

    .step-img img {
        width: 450px;
    }

}

@media screen and (max-width: 500px ) {
    .plugin-install-step {
        width: 100%;
    }
    .step-img img {
        width: 240px;
    }
}

/*安装步骤弹窗*/
.modal-container {
    overflow: hidden;
}
h4.modal-title{
	background:none;
	color:#333333 !important;
}

/*任务列表*/
.mission-list {
    display: block;
    position: relative;
    padding: 20px;
    background: url("../images/mission-list-bg.png") repeat-x center;
    min-width: 600px;
    overflow: hidden;
}

.mission-list .mission-img, .mission-list .mission-info, .mission-list .mission-opt {
    float: left;
    background: #FFFFFF;
}

.mission-list .mission-img {
    margin-left: -20px;
    width: 105px;
    padding-left: 20px;
    padding-right: 10px;
}

.mission-list .mission-img .mission-img-icon {
    display: inline-block;
    width: 72px;
    height: 52px;
    background-image: url("../images/missions.png");
    background-repeat: no-repeat;
}

.mission-list .mission-img .sign-in-icon {
    background-position: -96px -69px;
}

.mission-list .mission-img .upload-avatar {
    background-position: 0px 0px;
}

.mission-list .mission-img .company-certification {
    background-position: 0px -137px;
}

.mission-list .mission-img .self-certification {
    background-position: 0px -69px;
}

.mission-list .mission-img .new-resume-icon {
    background-position: -96px 0px;
}

.mission-list .mission-img .common-icon {
    background-position: -96px -137px;
}

.mission-list .mission-info {
    padding-right: 20px;
}

.mission-list .mission-info h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.mission-list .mission-info h3 span {
    font-size: 13px;
    color: #ff6600;
}

.mission-list .mission-info p {
    color: #999999;
}

.mission-list .mission-opt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    width: 180px;
    padding: 15px;
}

/* 新的时间轴 */
.time-axis-new {
    padding: 10px;
}

.time-axis-new .time-axis-item {
	min-width:800px;
}

.time-axis-new .time-axis-item h5 {

}
.time-axis-new div[has-permission='false'] .time-axis-content li a.time-axis-step {
	cursor:not-allowed;
}
.not-allowed {
	cursor:not-allowed !important;
}

.time-axis-new .time-axis-item
.time-axis-content {
    height: 100px;
}
.time-axis-new .time-axis-item
.time-axis-content li.not-allowed a{
	cursor:not-allowed !important;
}
.time-axis-new .time-axis-item
.time-axis-content li {
    display:inline-table;
    position: relative;
    min-width: 140px;
    width:20%;
}

.time-axis-new .time-axis-item
.time-axis-content li:not(:last-child) {
    background-image: url(../images/time-axis_02.png);
    background-repeat: no-repeat;
    background-position: right 28px;
    background-size: 50%;
    margin-right: -10px;
}

.time-axis-new .time-axis-item
.time-axis-content li.step-checked:not(:last-child) {
    background-position: right -60px;
}

.time-axis-new .time-axis-item
.time-axis-content li a.time-axis-step {
    position: relative;
    display: block;
    width: 100px;
    height: 75px;
    /* padding-top: 10px; */
    text-align: center;
    font-size: 13px;
    cursor: pointer;
}

.time-axis-new i {
    display: block;
    margin: 7px auto;
    width: 22px;
    height: 25px;
    overflow: hidden;
    background-image: url("../images/time-axis_01.png");
    background-repeat:no-repeat;
}

.time-axis-new .time-axis-item
.time-axis-content li a p {
    color: #999;
    margin-bottom: 5px;
    line-height:1;
    /* margin-top: 5px; */
}

.time-axis-new .time-axis-item
.time-axis-content li a.checked p {
    color: #00a0e9;
}

.time-axis-options {
	 width: 100px;   
}

.time-axis-options a {
    display: inline-flex;
    overflow: hidden;
    padding: 4px;
    border-radius: 3px;
    cursor: pointer;
}

.time-axis-options a:hover {
    background-color: #f4f4f4;
}
.time-axis-options a{
	display:block;
	color:#333;
}
.time-axis-options a i {
	position:relative;
	top:3px;
    margin: 0px 10px 0 5px;
    width: 16px;
    height: 16px;
    background-image: url(../images/time-axis_01.png);
    background-size: 100px 38px;
    background-repeat: no-repeat;
    display: inline-flex;
}

.time-axis-options ul li a i.icon-hold {
background-position: 2px 0px;
}

.time-axis-options ul li a i.icon-recommend {
    background-position: -18px 0px;
}

.time-axis-options ul li a i.icon-interview{
    background-position: -41px 0px;
}

.time-axis-options ul li a i.icon-hire {
    background-position: -62px 0px;
}

.time-axis-options ul li a i.icon-sendback {
    background-position: -65px 0px;
}

.time-axis-options ul li a i.icon-reject {
    background-position: -84px 0px;
}
.time-axis-new .time-axis-item
.time-axis-content li a.step-reject p {
    color: #e71f19;
}
.time-axis-new .time-axis-item
.time-axis-content .time-axis-user{
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    margin-bottom:5px;
    white-space: nowrap;
    word-wrap: break-word;
    display: inline-block;
}

.time-axis-new i.icon-hold {
    background-position: 0 0;
}

.time-axis-new i.icon-recommend {
    background-position: -27px 0;
}

.time-axis-new i.icon-interview {
    background-position: -56px 0;
}

.time-axis-new i.icon-hire {
    background-position: -87px 0;
}

.time-axis-new i.icon-sendback {
    background-position: -116px 0;
}

.time-axis-new .time-axis-item
.time-axis-content li a.checked i.icon-hold {
    background-position: 0 -31px;
}

.time-axis-new .time-axis-item
.time-axis-content li a.checked i.icon-recommend {
    background-position: -27px -31px;
}

.time-axis-new .time-axis-item
.time-axis-content li a.checked i.icon-interview {
    background-position: -56px -31px;
}

.time-axis-new .time-axis-item
.time-axis-content li a.checked i.icon-hire {
    background-position: -87px -31px;
}

.time-axis-new .time-axis-item
.time-axis-content li a.step-reject i.icon-sendback {
    background-position: -116px -31px;
}

.time-axis-new .time-axis-item
.time-axis-content li a.step-reject i.icon-reject {
    background-position: -150px -31px;
}

/*新首页，自适应*/
.starcv-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("../images/starcv/starcv-icons.png");
    background-repeat: no-repeat;
}

.search-icon {
    background-position: -17px 0;
}

.lock-icon {
    background-position: 0 0;
}

.header {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
}

.header-wrapper {
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 9;
}

.header-wrapper .starcv-logo {
    margin-top: 10px;
    width: 142px;
    height: 45px;
    background-image: url("../images/starcv_logo.png");
    background-size: 120px;
    background-repeat: no-repeat;
    display: block;
}

.header-wrapper .header-right {
    position: absolute;
    right: 10px;
    top: 10px;
}

.header-wrapper .header-right li {
    display: inline-block;
    line-height: 20px;
    padding-right: 10px;
    margin-right: 10px;
}

.header-wrapper .header-right li:first-child {
    border-right: 1px solid #ffffff;
}

.header-wrapper .header-right li a {
    color: #ffffff;
    padding: 5px;
    text-decoration: none;
}

.header-wrapper .header-right li a i {
    position: relative;
    top: 5px;
}

.start-btn {
    width: 145px;
    height: 38px;
    border-radius: 15px;
    border: none;
    outline: none;
    background-color: #ffffff;
    color: #00a0e9;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    cursor: pointer;
}

.start-btn:hover {
    background-color: #d6faff;
}

.start-btn:active {
    background-color: #C5F8FF;
}

.aside-circles {
    position: fixed;
    right: 20px;
    z-index:9;
}

.aside-circles ul li {
    display: block;
}

.aside-circles ul li a {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #0088c6;
    margin-bottom: 10px;
    border-radius: 50%;
}

.aside-circles ul li a.active {
    margin-left: -1px;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
}

.chat {
    position: fixed;
    right: 80px;
    bottom: 60px;
    width: 80px;
    height: 80px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    z-index: 9;
}

.chat-icon {
    position: relative;
    top: 20px;
    left: 18px;
    width: 45px;
    height: 36px;
    background-color: #00a0e9;
    display: block;
    border-radius: 12px;
}

.chat-icon:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 0px;
    border: 12px solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #00a0e9;
    border-right-color: transparent;
    border-top: transparent;
    border-left: transparent;
    transform: rotate(47deg);
}

.chat-icon:after {
    content: "...";
    color: #ffffff;
    text-decoration: none;
    border: none;
    font-size: 36px;    
    text-align: center;
    position: absolute;
    top: -19px;
    left: 8px;    
}

.chat-wrapper {
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 360px;
    height: 500px;
    padding-bottom: 20px;
    background-color: #ffffff;
    border-radius: 25px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    z-index: 9;
}

.chat-wrapper .chat-content {
    position: absolute;
    top: 20px;
    bottom: 90px;
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
    overflow-y: auto;
}

.chat-wrapper .chat-content .chat-scroll {
    position: absolute;
    right: 0;
    height:100%;
    margin-top:0;
    width:8px;    
}
.scroll-bar{
	position: absolute;
	width: 8px;
    background-color: #aaa;
    border-radius: 3px;
}

.chat-wrapper .chat-content div {
    margin-top: 10px;
    box-sizing: border-box;
    font-size: 14px;
}

.chat-wrapper .chat-content .chat-content-list {
	position:relative;
    bottom: 20px;
    right: 10px;
}

.chat-wrapper .chat-content .chat-content-list .others-content {
    float: left;
    width: 100%;
}

.chat-wrapper .chat-content .chat-content-list .self-content {
    width: 100%;
    float: right;
}

.chat-wrapper .chat-content .chat-content-list i.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("../images/face.jpg");
    background-size: 40px;
}

.chat-wrapper .chat-content .chat-content-list .others-content i.avatar {
    float: left;
}

.chat-wrapper .chat-content .chat-content-list .self-content i.avatar {
    float: right;
}

.chat-wrapper .chat-content .chat-content-list span {
    max-width: 200px;
    border-radius: 10px;
    padding: 5px;
}

.chat-wrapper .chat-content .chat-content-list .others-content span {
    float: left;
    margin-left: 10px;
    background-color: #eeeeee;
}

.chat-wrapper .chat-content .chat-content-list span:before {
    content: "";
    position: absolute;
    border: 8px solid;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.chat-wrapper .chat-content .chat-content-list .others-content span:before {
    border-left-color: transparent;
    border-right-color: #eeeeee;
    margin-left: -18px;
    margin-top: 2px;
}

.chat-wrapper .chat-content .chat-content-list .self-content span {
    float: right;
    margin-right: 10px;
    background-color: #02a1e9;
    color: #ffffff;
}

.chat-wrapper .chat-content .chat-content-list .self-content span:before {
    border-left-color: #00a0e9;
    border-right-color: transparent;
    right: 35px;
    margin-top: 2px;
}

.chat-wrapper .chat-text-field {
    position: absolute;
    bottom: 20px;    
    width: 100%;
    height: 60px;
}
.chat-text-wrapper{
	
}

.chat-wrapper .chat-text-field .chat-text {
    flex: 3;
    width:100%;
    height: 100%;
    padding-left: 20px;
    border: none;
    outline: none;
}
.chat-wrapper .chat-text-opts{
	position: absolute;
    right: 20px;
}

.close-chat-btn {
    background: #acacac;
    color: #ffffff;
    cursor: pointer;
    border: 1px solid transparent;
    outline: none;
    font-size: 13px;
    vertical-align: middle;
    border-radius: 3px;
}

.close-chat-btn:hover {
    background: #939393;
}

.main-container {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main-container .main-pic {
    position: relative;
    /*width: 800px;*/
    height: 100%;
    max-width: 800px;
}

.main-description {
    position: absolute;
    margin-top: -40px;
    right: 0;
    width: 500px;
    
}

.main-description .slogan {
    width: 500px;
    height: 50px;
    background-image: url("../images/starcv/slogan.png");
    overflow: hidden;
    margin-bottom: 25px;
}
.main-description p{
	color: #ffffff;
	letter-spacing:1px;
}
.location-icon-scale {
    position: absolute;
    display: inline-block;
    background-image: url("../images/starcv/starcv-icons.png");
    background-repeat: no-repeat;
}

.location-icon {
    width: 38px;
    height: 46px;
    background-position: 0 -95px;
}

.location-icon-man {
    width: 94px;
    height: 114px;
    background-position: -65px 0;
}

.location-icon-woman {
    width: 62px;
    height: 76px;
    background-position: 0 -21px;
}

.main-btn {
    margin-top: 45px;
}

.big-btn {
    width: 260px;
    height: 50px;
    border: 0;
    background: #ffa902;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffba00), to(#ffa902));
    background: -moz-linear-gradient(top, #ffba00, #ffa902);
    background: -o-linear-gradient(top, #ffba00, #ffa902);
    background: -ms-linear-gradient(top, #ffba00, #ffa902);
    background: linear-gradient(#ffba00, #ffa902);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffba00', endColorstr='#ffa902', GradientType=0);
    border-radius: 25px;
    font-size: 18px;
    color: #ffffff;
    font-family: "microsoft yahei";
}

.big-btn:hover {
    cursor: pointer;
    background: #ffa902;
}

.big-btn:focus {
    outline: none;
    background: #ffa902;
}

.muti-circle {
    position: relative;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #ffffff;
    display: block;
    border-radius: 50%;
    transform: scale(0.5);
}

.muti-circle:before {
    position: absolute;
    top: -7px;
    left: -7px;
    width: 40px;
    height: 40px;
    content: "";
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    animation: scaleCircle 1s ease-in infinite 0.5s;
}

.muti-circle:after {
    position: absolute;
    top: -13px;
    left: -13px;
    width: 52px;
    height: 52px;
    content: "";
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    animation: scaleCircle 1s ease-in infinite;
}

.pic-person {
    position: absolute;
}

.person {
    display: block;
    position: absolute;
    background-image: url("../images/starcv/human.png");
    z-index: 9;
}

.big-circle {
    position: absolute;
    display: block;
    width: 290px;
    height: 290px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    transform: scaleY(0.3);
}

.big-circle:before {
    content: '';
    position: absolute;
    display: block;
    left: -55px;
    top: -55px;
    width: 400px;
    height: 400px;
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 50%;
}

.big-circle:after {
    content: '';
    position: absolute;
    display: block;
    left: -95px;
    top: -95px;
    width: 480px;
    height: 480px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
}
.panel-container{
	position:absolute;
	width:100%;
}
.panel-container div.panel{
	margin-bottom:0;
}

.page1 {
    background: #0292d4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0292d4), to(#02a1e9));
    background: -moz-linear-gradient(top, #0292d4, #02a1e9);
    background: -o-linear-gradient(top, #0292d4, #02a1e9);
    background: -ms-linear-gradient(top, #0292d4, #02a1e9);
    background: linear-gradient(#0292d4, #02a1e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0292d4', endColorstr='#02a1e9', GradientType=0);
}

.page1 .pic-person {
    top: 300px;
    left: 315px;
}

.page1 .main-pic .ls-1 {
    top: 505px;
    left: 195px;
}

.page1 .main-pic .ls-2 {
    top: 650px;
    left: 265px;
}

.page1 .main-pic .ls-3 {
    top: 660px;
    left: 650px;
    transform: scale(0.8);
    /*animation: fade 1s infinite;*/
}

.page1 .main-pic .ls-4 {
    top: 638px;
    left: 703px;
}

.page1 .main-pic .ls-5 {
    top: 612px;
    left: 610px;
    transform: scale(0.95);
}

.page1 .main-pic .ls-6 {
    top: 412px;
    left: 214px;
    transform: scale(0.6);
}

.page1 .main-pic .ls-7 {
    top: 569px;
    left: 289px;
    transform: scale(0.8);
}

.page1 .main-pic .ls-8 {
    top: 550px;
    left: 666px;
    transform: scale(1);
}

.page1 .main-pic .cl-1 {
    left: 355px;
    top: 185px;
}

.page1 .main-pic .cl-2 {
    left: 725px;
    top: 235px;
    transform: scale(0.3);
    opacity: 0.8;
}

.page1 .main-pic .person {
    width: 295px;
    height: 385px;
}

.page1 .main-pic .pic-person .big-circle {
    top: 220px;
    left: 65px;
}

.page1 .main-description .slogan {
    background-position: 0 0;
}

.page2 {
    background: #018ed7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#018ed7), to(#01bbd1));
    background: -moz-linear-gradient(top, #018ed7, #01bbd1);
    background: -o-linear-gradient(top, #018ed7, #01bbd1);
    background: -ms-linear-gradient(top, #018ed7, #01bbd1);
    background: linear-gradient(#018ed7, #01bbd1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#018ed7', endColorstr='#01bbd1', GradientType=0);
}

.page2 .main-pic .ls-1 {
    top: 555px;
    left: 286px;
    transform: scale(0.8);
}

.page2 .main-pic .ls-2 {
    top: 584px;
    left: 588px;
    transform: scale(0.75);
}

.page2 .main-pic .ls-3 {
    top: 715px;
    left: 323px;
    transform: scale(0.65);
}

.page2 .main-pic .ls-4 {
    top: 665px;
    left: 260px;
    transform: scale(0.5);
}

.page2 .main-pic .ls-5 {
    top: 635px;
    left: 540px;
}

.page2 .main-pic .ls-6 {
    top: 645px;
    left: 635px;
    transform: scale(0.45);
}

.page2 .main-pic .ls-7 {
    top: 628px;
    left: 365px;
    transform: scale(0.85);
}

.page2 .main-pic .ls-8 {
    top: 701px;
    left: 594px;
    transform: scale(0.6);
}

.target-icon {
    width: 35px;
    height: 31px;
    background-position: 0 -150px;
}

.hold-icon {
    width: 43px;
    height: 44px;
    background-position: 0 -182px;
}

.file-icon {
    width: 55px;
    height: 63px;
    background-position: -65px -182px;
}

.link-icon {
    width: 65px;
    height: 55px;
    background-position: -65px -123px;
}

.file-find-icon {
    width: 45px;
    height: 46px;
    background-position: -144px -123px;
}

.page2 .main-pic .target-icon {
    top: 318px;
    left: 319px
}

.page2 .main-pic .hold-icon {
    top: 346px;
    left: 644px;
}

.page2 .main-pic .file-icon {
    top: 273px;
    left: 565px;
    transform: rotate(-15deg);
}

.page2 .main-pic .link-icon {
    top: 415px;
    left: 588px;
}

.page2 .main-pic .file-find-icon {
    top: 282px;
    left: 381px;
}

.page2 .main-pic .cl-1 {
    top: 288px;
    left: 279px;
}

.page2 .main-pic .cl-2 {
    top: 453px;
    left: 595px;
    transform: scale(0.3);
    opacity: 0.8;
}

.page2 .main-description .slogan {
    background-position: 0 -72px;
}

.page2 .pic-person {
    top: 285px;
    left: 300px;
}

.page2 .pic-person .person {
    width: 305px;
    height: 450px;
    background-position: -350px 0;
}

.page2 .pic-person .big-circle {
    top: 276px;
    left: 45px;
}

.page3 {
    background: #1e5bd6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1e5bd6), to(#7656f6));
    background: -moz-linear-gradient(top, #1e5bd6, #7656f6);
    background: -o-linear-gradient(top, #1e5bd6, #7656f6);
    background: -ms-linear-gradient(top, #1e5bd6, #7656f6);
    background: linear-gradient(#1e5bd6, #7656f6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5bd6', endColorstr='#7656f6', GradientType=0);
}

.page3 .main-pic .ls-1 {
    top: 576px;
    left: 218px;
    transform: scale(0.5);
}

.page3 .main-pic .ls-2 {
    top: 584px;
    left: 588px;
    transform: scale(0.75);
}

.page3 .main-pic .ls-3 {
    top: 715px;
    left: 323px;
    transform: scale(0.8);
}

.page3 .main-pic .ls-4 {
    top: 565px;
    left: 338px;
    transform: scale(1);
}

.page3 .main-pic .ls-5 {
    top: 590px;
    left: 511px;
    transform: scale(0.25);
}

.page3 .main-pic .ls-6 {
    top: 605px;
    left: 656px;
    transform: scale(0.5);
}

.page3 .main-pic .ls-7 {
    top: 671px;
    left: 237px;
    transform: scale(0.55);
}

.page3 .main-pic .ls-8 {
    top: 701px;
    left: 594px;
    transform: scale(1);
}

.page3 .main-pic .cl-1 {
    top: 188px;
    left: 279px;
    transform: scale(0.35);
    opacity: 0.6;
}

.page3 .main-pic .cl-2 {
    top: 466px;
    left: 562px;
}

.page3 .main-pic .pic-person {
    top: 249px;
    left: 88px;
}

.page3 .main-pic .pic-person .person {
    width: 458px;
    height: 475px;
    background-position: -657px 0;
}

.page3 .main-pic .pic-person .big-circle {
    top: 320px;
    left: 247px;
}

.page3 .main-description .slogan {
    background-position: 0 -144px;
}

.page4 {
    background: #0ea0f3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0ea0f3), to(#1fdcfe));
    background: -moz-linear-gradient(top, #0ea0f3, #1fdcfe);
    background: -o-linear-gradient(top, #0ea0f3, #1fdcfe);
    background: -ms-linear-gradient(top, #0ea0f3, #1fdcfe);
    background: linear-gradient(#0ea0f3, #1fdcfe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ea0f3', endColorstr='#1fdcfe', GradientType=0);
}

.page4 .main-pic .ls-1 {
    top: 555px;
    left: 286px;
}

.page4 .main-pic .ls-2 {
    top: 724px;
    left: 168px;
    transform: scale(0.75);
}

.page4 .main-pic .ls-3 {
    top: 613px;
    left: 449px;
    transform: scale(0.75);
}

.page4 .main-pic .ls-4 {
    top: 665px;
    left: 260px;
    transform: scale(0.55);
}

.page4 .main-pic .ls-5 {
    top: 535px;
    left: 540px;
    transform: scale(0.6);
}

.page4 .main-pic .ls-6 {
    top: 645px;
    left: 635px;
}

.page4 .main-pic .ls-7 {
    top: 593px;
    left: 220px;
    transform: scale(0.8);
}

.page4 .main-pic .ls-8 {
    top: 701px;
    left: 594px;
    transform: scale(0.5);
}

.page4 .main-pic .cl-1 {
    top: 288px;
    left: 279px;
}

.page4 .main-pic .cl-2 {
    top: 466px;
    left: 562px;
    transform: scale(0.3);
}

.page4 .pic-person {
    top: 382px;
    left: 325px;
}

.page4 .pic-person .person {
    width: 212px;
    height: 400px;
    background-position: -1186px -60px;
}

.page4 .pic-person .big-circle {
    top: 188px;
    left: -74px;
}

.page4 .main-description .slogan {
    background-position: 0 -216px;
}

.page5 {
    background: #1e5bd6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0147d8), to(#00c1dc));
    background: -moz-linear-gradient(top, #0147d8, #00c1dc);
    background: -o-linear-gradient(top, #0147d8, #00c1dc);
    background: -ms-linear-gradient(top, #0147d8, #00c1dc);
    background: linear-gradient(#0147d8, #00c1dc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0147d8', endColorstr='#00c1dc', GradientType=0);
}

.page5 .main-pic .ls-1 {
    top: 555px;
    left: 253px;
    transform: scale(0.5);
}

.page5 .main-pic .ls-2 {
    top: 584px;
    left: 588px;
    transform: scale(0.65);
}

.page5 .main-pic .ls-3 {
    top: 715px;
    left: 323px;
    transform: scale(0.8);
}

.page5 .main-pic .ls-4 {
    top: 665px;
    left: 260px;
}

.page5 .main-pic .ls-5 {
    top: 635px;
    left: 540px;
    transform: scale(0.65);
}

.page5 .main-pic .ls-6 {
    top: 645px;
    left: 635px;
}

.page5 .main-pic .ls-7 {
    top: 628px;
    left: 185px;
    transform: scale(0.6);
}

.page5 .main-pic .ls-8 {
    top: 701px;
    left: 594px;
    transform: scale(0.75);
}

.page5 .main-pic .cl-1 {
    top: 288px;
    left: 279px;
}

.page5 .main-pic .cl-2 {
    top: 466px;
    left: 562px;
}

.page5 .pic-person {
    top: 317px;
    left: 301px;
}

.page5 .pic-person .person {
    width: 260px;
    height: 431px;
    background-position: -1429px -22px;
}

.page5 .pic-person .big-circle {
    top: 231px;
    left: 16px
}

.page5 .main-description .slogan {
    background-position: 0 -288px;
}

:root .gradient {
    filter: none;
}

/* @media screen */
@media screen  and (min-width: 1280px) {

}

@media (max-width: 1280px ) and (min-width: 1024px) {
    .main-container {
        max-width: 1000px;
    }

    .main-description .slogan {
        transform: scale(0.8);
        margin-left: -50px;
    }

    .main-container .main-pic {
        transform: scale(0.8);
        margin-left:-180px;
    }
}
@media(max-width:1024px){
	.main-container {
        max-width: 600px;
    }
	.main-container .main-pic {
        transform: scale(0.6);
        top:-200px;
        margin-left:-150px;
    }
    .main-description .slogan {
        transform: scale(0.8);
        margin-left: -50px;
    }    
    .main-description{
		margin-top:150px;
	}
}

/*animation define*/
@-webkit-keyframes scaleCircle {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        -webkit-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@-moz-keyframes scaleCircle {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    50% {
        -moz-transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        -moz-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(2);
        opacity: 0;
    }
}

@-ms-keyframes scaleCircle {
    0% {
        -ms-transform: scale(1.2);
        opacity: 1;
    }
    50% {
        -ms-transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        -ms-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        -ms-transform: scale(2);
        opacity: 0;
    }
}

@-o-keyframes scaleCircle {
    0% {
        -o-transform: scale(1.2);
        opacity: 1;
    }
    50% {
        -o-transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        -o-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        -o-transform: scale(2);
        opacity: 0;
    }
}

@keyframes scaleCircle {
    0% {
        transform: scale(1.2);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes fade {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.1);
        opacity: 0.8;
    }
    70% {
        -webkit-transform: scale(1.3);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes scaleCircle {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    50% {
        -moz-transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        -moz-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(2);
        opacity: 0;
    }
}

@-ms-keyframes scaleCircle {
    0% {
        -ms-transform: scale(1.2);
        opacity: 1;
    }
    50% {
        -ms-transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        -ms-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        -ms-transform: scale(2);
        opacity: 0;
    }
}

@-o-keyframes scaleCircle {
    0% {
        -o-transform: scale(1.2);
        opacity: 1;
    }
    50% {
        -o-transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        -o-transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        -o-transform: scale(2);
        opacity: 0;
    }
}

@keyframes scaleCircle {
    0% {
        transform: scale(1.2);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.8);
        opacity: 0.5;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.adapt-footer-wrapper{
	position:fixed;
	bottom:20px;
	width:100%;	
}
.adapt-footer{
	margin:0 auto;
	max-width:1000px;	
}
.adapt-footer ul li{
	display:inline-block;
	margin-right:35px;
}
.adapt-footer ul li a{
	color:#ffffff;
}