* {
  padding: 0;
  margin: 0;
}

body {
  background-color: #F9F9F9;
}

.top_div {
  width: 100%;
  height: 100px;
  background-color: #E8F0FF;
}

.top_div .top_main_div {
  width: 1000px;
  height: 100px;
  margin: 0 auto;
}

.top_div .top_main_div img {
  float: left;
}

.top_div .top_main_div h1 {
  float: left;
  margin-top: 30px;
  margin-left: 30px;
  font-family: 'DFKai-SB';
  font-size: 30px;
}

.top_div .top_main_div ul {
  float: right;
  margin-right: 10px;
}

.top_div .top_main_div li {
  float: left;
  width: 100px;
  height: 100px;
  margin-left: 20px;
  font-size: 30px;
  list-style-type: none;
  border-radius: 50px;
}

.top_div .top_main_div li:hover {
  background-color: #E3FAD1;
}

.top_div .top_main_div a {
  display: block;
  margin-top: 30px;
  margin-left: 20px;
  color: #48ADD9;
  text-decoration: none;
}

.top_div .top_main_div a:hover {
  color: #A090DB;
}

.middle_div {
  width: 100%;
  height: 500px;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
}

.middle_div .middle_main {
  width: 1000px;
  height: 400px;
  margin: 0 auto;
}

.bottom_div {
  width: 100%;
  height: 30px;
  background-color: #F9F9F9;
}

.bottom_div .bottom_main {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #BCBCBC;
}

.bottom_div .bottom_main span {
  font-size: 12px;
}

.bottom_div .bottom_main span a {
  text-decoration: none;
}

.bottom_div .bottom_main .copy {
  font-family: 'Arial';
}

.back_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  display: none;
  width: 100%;
  height: 630px;
  background-color: black;
  -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
         opacity: .80;
  filter: alpha(opacity=80);
}

.middle_main .service_div {
  float: left;
  width: 600px;
  height: 200px;
  text-align: center;
}

.middle_main .service_div span {
  display: block;
  margin-top: 60px;
  font-family: 'SimHei';
  font-size: 50px;
}

.middle_main .service_div div {
  display: block;
  margin-top: 20px;
  margin-left: 180px;
  font-family: 'SimHei';
  font-size: 30px;
}

.middle_main .mysite_div {
  float: left;
  width: 400px;
  height: 200px;
}

.middle_main .mysite_div .mysite_btn {
  width: 300px;
  height: 120px;
  margin-top: 40px;
  margin-left: 50px;
  font-size: 50px;
  color: #9512A5;
  background-color: #94DE44;
  border: 5px solid #FF8000;
  border-radius: 50px;
  outline: none;
}

.middle_main .mysite_div .mysite_btn:hover {
  color: #CE3BE0;
  cursor: pointer;
  background-color: #C9FC93;
  border-color: #EC4749;
}

.middle_main .mysite_div .mysite_btn:active {
  margin-top: 45px;
  margin-left: 55px;
}

.middle_main .steps_div {
  float: left;
  width: 1000px;
  height: 250px;
  text-align: center;
}

.middle_main .steps_div li {
  float: left;
  width: 150px;
  height: 150px;
  margin-left: 50px;
  font-size: 20px;
  color: white;
  list-style-type: none;
  background-color: #FF0005;
  border-radius: 75px;
}

.middle_main .steps_div li:hover {
  color: black;
  background-color: #FFE93A;
}

.middle_main .steps_div li span {
  display: block;
  margin-top: 60px;
}

.middle_main .steps_div .steps_info {
  display: none;
  float: left;
  width: 1000px;
  height: 100px;
  margin-top: 20px;
  border: 2px solid #A7A7FC;
  border-radius: 20px;
}

.middle_main .steps_div .steps_info span {
  display: block;
  margin-top: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #024798;
}

.login_dialog {
  position: absolute;
  top: -320px;
  left: 20%;
  z-index: 1002;
  width: 60%;
  height: 320px;
  text-align: center;
  background: #B7CEFC;
  border-radius: 30px;
}

.login_dialog h1 {
  display: block;
  margin-top: 30px;
}

.login_dialog .close_btn {
  display: block;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  font-family: SimHei;
  font-size: 40px;
  text-decoration: none;
}

.login_dialog .register_span {
  float: right;
  margin-right: 20%;
  font-size: 18px;
}

.login_dialog .register_span a {
  color: #E89322;
  cursor: pointer;
}

.login_dialog .login_dialog_div {
  width: 500px;
  height: 180px;
  margin: 20px auto;
}

.login_dialog .login_dialog_div span {
  font-size: 30px;
}

.login_dialog .login_dialog_div input[type=text],
.login_dialog .login_dialog_div input[type=password] {
  width: 300px;
  height: 30px;
  padding-left: 10px;
  font-size: 20px;
  border-radius: 10px;
  outline: none;
}

.login_dialog .login_dialog_div input[type=submit] {
  width: 150px;
  height: 50px;
  font-size: 30px;
  color: #FFFFFF;
  background-color: #7BA5DE;
  border-radius: 10px;
  outline: none;
}

.register_dialog {
  position: absolute;
  top: -380px;
  left: 20%;
  z-index: 1002;
  width: 60%;
  height: 380px;
  text-align: center;
  background: #B7CEFC;
  border-radius: 30px;
}

.register_dialog h1 {
  display: block;
  margin-top: 30px;
}

.register_dialog .close_btn {
  display: block;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  font-family: SimHei;
  font-size: 40px;
  text-decoration: none;
}

.register_dialog .register_dialog_div {
  width: 500px;
  height: 180px;
  margin: 20px auto;
}

.register_dialog .register_dialog_div span {
  font-size: 30px;
}

.register_dialog .register_dialog_div input[type=text],
.register_dialog .register_dialog_div input[type=password] {
  width: 300px;
  height: 30px;
  padding-left: 10px;
  font-size: 20px;
  border-radius: 10px;
  outline: none;
}

.register_dialog .register_dialog_div input[type=submit] {
  width: 150px;
  height: 50px;
  font-size: 30px;
  color: #FFFFFF;
  background-color: #7BA5DE;
  border-radius: 10px;
  outline: none;
}

.middle_main .arrow_wrap {
  position: relative;
  width: 800px;
  height: 400px;
  margin: 50px auto;
}

.middle_main .arrow_wrap .case_div {
  overflow: hidden;
}

.middle_main .arrow_wrap .case_div ul {
  width: 3200px;
  height: 400px;
}

.middle_main .arrow_wrap .case_div ul li {
  float: left;
  width: 800px;
  height: 400px;
  list-style-type: none;
}

.middle_main .arrow_wrap .case_div ul li .info_div {
  width: 600px;
  height: 100px;
  margin: 0 auto;
}

.middle_main .arrow_wrap .case_div ul li .info_div span {
  font-weight: bold;
}

.middle_main .arrow_wrap .case_div ul li .image_div {
  width: 600px;
  height: 300px;
  margin: 0 auto;
}

.middle_main .arrow_wrap .left_button {
  position: absolute;
  top: 178px;
  left: -60px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background: url('../images/arrow.png');
}

.middle_main .arrow_wrap .right_button {
  position: absolute;
  top: 178px;
  left: 816px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background: url('../images/arrow.png') 0 44px;
}

.middle_main .nav_div {
  float: left;
  width: 300px;
  height: 500px;
  margin-left: 49px;
  overflow: auto;
  border-right: 1px solid #B7B4B4;
}

.middle_main .nav_div ul {
  margin-top: 30px;
  margin-left: 10px;
}

.middle_main .nav_div ul li {
  margin-top: 5px;
  font-size: 20px;
  color: #08488F;
  list-style-type: none;
  cursor: pointer;
}

.middle_main .nav_div ul li:hover {
  color: red;
}

.middle_main .about_info_div {
  float: left;
  width: 600px;
  height: 500px;
  margin-left: 50px;
}

.middle_main .about_info_div .info {
  display: none;
  width: 560px;
  margin: 20px auto;
}

.middle_main .about_info_div .info.active {
  display: block;
}

.middle_main .about_info_div .info .title {
  display: block;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.middle_main .about_info_div .info .text {
  margin-top: 20px;
  line-height: 30px;
}

.middle_main .left_hire_div {
  float: left;
  width: 500px;
  height: 400px;
  margin-top: 50px;
  text-align: center;
}

.middle_main .left_hire_div .hire_info {
  font-weight: bold;
}

.middle_main .left_hire_div .hire_info h1 {
  display: block;
  margin-top: 10px;
  color: #FF00E3;
}

.middle_main .left_hire_div .hire_info div {
  margin-top: 30px;
}

.middle_main .left_hire_div .hire_info div .not_need {
  font-size: 14px;
  line-height: 25px;
  color: #0E7700;
}

.middle_main .left_hire_div .hire_info div .need {
  font-size: 16px;
  line-height: 30px;
  color: #FF0000;
}

.middle_main .left_hire_div .hire_info div .join {
  font-size: 18px;
  line-height: 35px;
  color: #007CFF;
}

.middle_main .right_hire_div {
  float: left;
  width: 500px;
  height: 400px;
  margin-top: 50px;
}

.middle_main .right_hire_div ul {
  margin-top: 20px;
  margin-left: 100px;
}

.middle_main .right_hire_div ul li {
  margin-top: 10px;
  list-style-type: none;
}

.middle_main .right_hire_div ul li span {
  display: block;
  height: 50px;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  background: #DDF581;
  border-radius: 10px;
}

.middle_main .right_hire_div ul li span:hover {
  cursor: pointer;
  background: #D6FF27;
}

.middle_main .right_hire_div ul li .hire_detail {
  display: none;
  height: 100px;
  padding-top: 20px;
  background: #D1F7FF;
  border-radius: 10px;
}

.middle_main .right_hire_div ul li .hire_detail p {
  margin-bottom: 5px;
  margin-left: 20px;
  font-size: 20px;
}

.middle_main .myweb_left_nav {
  float: left;
  width: 200px;
  height: 400px;
  margin-top: 50px;
}

.middle_main .myweb_left_nav li {
  width: 100%;
  height: 40px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 40px;
  color: #77C53D;
  text-align: center;
  list-style-type: none;
  cursor: pointer;
  background-color: #FCEE9C;
  border: 3px solid #FCD6A0;
  border-radius: 10px;
}

.middle_main .myweb_left_nav li:hover {
  background-color: #FCE04D;
}

.middle_main .myweb_left_nav li:active {
  margin-left: 5px;
}

.middle_main .myweb_left_nav button {
  width: 180px;
  height: 50px;
  margin-top: 30px;
  margin-left: 10px;
  font-size: 30px;
  color: #C648BF;
  background-color: #FFA729;
  border-radius: 20px;
  outline: none;
}

.middle_main .myweb_left_nav button:hover {
  background-color: #ED9312;
}

.middle_main .myweb_left_nav button:active {
  margin-top: 35px;
  margin-left: 15px;
}

.middle_main .myweb_none {
  display: none;
  float: left;
  width: 600px;
  height: 300px;
  margin-top: 50px;
  margin-left: 100px;
  text-align: center;
}

.middle_main .myweb_none span {
  display: block;
  margin-top: 150px;
  font-size: 30px;
  color: #D6D6D8;
}

.middle_main .myweb_content {
  display: none;
}

.middle_main .myweb_content .myweb_top_info {
  float: left;
  width: 770px;
  height: 50px;
  margin-top: 50px;
  margin-left: 30px;
}

.middle_main .myweb_content .myweb_top_info span {
  line-height: 50px;
}

.middle_main .myweb_content .myweb_top_info span .password {
  color: #F9F9F9;
}

.middle_main .myweb_content .myweb_top_info a {
  text-decoration: none;
}

.middle_main .myweb_content .myweb_status_div {
  float: left;
  width: 200px;
  height: 325px;
  margin-top: 25px;
  margin-left: 30px;
}

.middle_main .myweb_content .myweb_status_div ul {
  height: 265px;
  margin-top: 30px;
}

.middle_main .myweb_content .myweb_status_div li {
  height: 40px;
  margin-top: 13px;
  margin-right: 10px;
  font-size: 20px;
  line-height: 40px;
  color: #811F00;
  text-align: center;
  list-style-type: none;
  cursor: pointer;
  background-color: #CAD7E1;
  border-radius: 10px;
  -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
         opacity: .60;
  filter: alpha(opacity=60);
}

.middle_main .myweb_content .myweb_status_div li:hover {
  -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
         opacity: 1.00;
  filter: alpha(opacity=100);
}

.middle_main .myweb_content .myweb_status_div li:active {
  margin-right: 0;
}

.middle_main .myweb_content .myweb_status_div .active {
  margin-right: 0;
  -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
         opacity: 1.00;
  filter: alpha(opacity=100);
}

.middle_main .myweb_content .myweb_status_div .complete {
  background-color: #C1EA4F;
}

.middle_main .myweb_content .myweb_status_div .current {
  background-color: #E99820;
}

.middle_main .myweb_content .myweb_main_mess {
  float: left;
  width: 545px;
  height: 325px;
  margin-top: 25px;
  margin-left: 25px;
  text-align: center;
  border-radius: 10px;
}

.middle_main .myweb_content .myweb_main_mess .message {
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  text-align: left;
}

.info_dialog {
  position: absolute;
  top: -420px;
  left: 20%;
  z-index: 1002;
  width: 60%;
  height: 420px;
  text-align: center;
  background: #B7CEFC;
  border-radius: 30px;
}

.info_dialog h1 {
  display: block;
  margin-top: 30px;
}

.info_dialog .close_btn {
  display: block;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  font-family: SimHei;
  font-size: 40px;
  text-decoration: none;
}

.info_dialog .info_span {
  float: right;
  margin-right: 20%;
  font-size: 18px;
}

.info_dialog .info_span a {
  color: #E89322;
  cursor: pointer;
}

.info_dialog .info_div {
  width: 500px;
  height: 180px;
  margin: 20px auto;
}

.info_dialog .info_div span {
  font-size: 30px;
}

.info_dialog .info_div input[type=text] {
  width: 300px;
  height: 30px;
  padding-left: 10px;
  font-size: 20px;
  border-radius: 10px;
  outline: none;
}

.info_dialog .info_div input[type=radio] {
  width: 20px;
  height: 20px;
  margin-left: 60px;
  outline: none;
}

.info_dialog .info_div input[type=radio] span {
  font-size: 30px;
}

.info_dialog .info_div input[type=submit] {
  width: 150px;
  height: 50px;
  font-size: 30px;
  color: #FFFFFF;
  background-color: #7BA5DE;
  border-radius: 10px;
  outline: none;
}

.demand_dialog {
  position: absolute;
  top: -420px;
  left: 20%;
  z-index: 1002;
  width: 60%;
  height: 420px;
  text-align: center;
  background: #B7CEFC;
  border-radius: 30px;
}

.demand_dialog h1 {
  display: block;
  margin-top: 30px;
}

.demand_dialog .close_btn {
  display: block;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  font-family: SimHei;
  font-size: 40px;
  text-decoration: none;
}

.demand_dialog .demand_div {
  width: 600px;
  height: 180px;
  margin: 20px auto;
}

.demand_dialog .demand_div span {
  font-size: 30px;
}

.demand_dialog .demand_div input[type=text] {
  width: 350px;
  height: 30px;
  font-size: 20px;
}

.demand_dialog .demand_div textarea {
  width: 350px;
  height: 120px;
  padding-left: 10px;
  font-size: 20px;
  border-radius: 10px;
  outline: none;
}

.demand_dialog .demand_div input[type=submit] {
  width: 150px;
  height: 50px;
  font-size: 30px;
  color: #FFFFFF;
  background-color: #7BA5DE;
  border-radius: 10px;
  outline: none;
}

.pagination {
  display: block;
  margin: 10px auto;
  text-align: center;
}

.pagination li {
  float: left;
  width: 20px;
  height: 20px;
  list-style-type: none;
}

.admin_user {
  text-align: center;
}

.admin_user h1 {
  margin-top: 10px;
  color: red;
  text-align: center;
}

.admin_user .admin_user_table table {
  margin-top: 10px;
  text-align: center;
}

.admin_user .admin_user_table table tr {
  height: 30px;
}

.admin_user .admin_user_table table tr a {
  color: #57CD0A;
  text-decoration: none;
}

.admin_user .admin_user_pagination {
  display: inline-block;
}

.admin_web {
  display: none;
}