body,

div,

ul,

li,

span,

a,

table,

th,

tr,

h1,

h2,

h3,

h4,

p,

i,

strong,

select,

input,

img,

s,

hr {

  padding: 0;

  margin: 0;

  text-decoration: none;

  list-style: none;

  background: none;

  border: 0;

  outline: none;

}

i,s,em{

    font-weight:normal;font-style:normal;

}

body {

  font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;

  color: #333;

}

.pull-left {

  float: left;

}

.pull-right {

  float: right;

}

.text-center {

  text-align: center;

}

.text-red {

  color: #FF0505;

}

.text-input {

  outline: none;

  border: 1px solid #7ED0FF;

  padding: 11px 15px 10px 15px;

  border-radius: 5px;

}

.text-input:focus {

  -webkit-box-shadow: 0 0 6px #7ED0FF;

  -moz-box-shadow: 0 0 6px #7ED0FF;

  box-shadow: 0 0 6px #7ED0FF;

}

.alert-bg {

  display: none;

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 4;

  background: rgba(0, 0, 0, 0.8);

}

.alert {

  display: none;

  width: 450px;

  padding-bottom: 20px;

  overflow: hidden;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -225px;

  z-index: 999;

  background: #232434;

  border-radius: 15px;

  -webkit-box-shadow: 3px 3px 3px #000;

  -moz-box-shadow: 3px 3px 3px #000;

  box-shadow: 3px 3px 3px #000;

}

.alert .msg-t {

  position: relative;

  height: 60px;

  line-height: 60px;

  color: #FF8A57;

  padding: 0 45px;

  font-size: 20px;

  background: url("../images/supervisehomealertmsgbg.png") no-repeat left top;

}

.alert .msg-t .icon1 {

  position: absolute;

  left: 15px;

  top: 14px;

  display: block;

  width: 24px;

  height: 33px;

  background: url("../images/supervisehomealerticon.png") no-repeat left top;

}

.alert .msg-t .close {

  position: absolute;

  top: 22px;

  width: 16px;

  height: 16px;

  right: 20px;

  overflow: hidden;

  /*background: url("../images/x.png");*/

  cursor: pointer;

}

.alert .msg-t .close:hover {

  background: url("../images/xblue.png");

}

.alert .msg-box {

  padding: 16px 45px;

  font-size: 16px;

  line-height: 30px;

  color: #fff;

}

.alert .msg-box .btn-wrap {

  margin-top: 15px;

}

.alert .msg-box .btn-wrap .btn {

  height: 50px;

  border-radius: 100px;

  background: rgba(34, 172, 244, 0.3);

  padding: 5px;

  width: 150px;

  box-sizing: border-box;

  color: #fff;

  display: inline-block;

}

.alert .msg-box .btn-wrap .btn span {

  position: relative;

  display: block;

  box-sizing: border-box;

  background: #22ACF4;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 100px;

}

.alert .msg-box .btn-wrap .btn span .icon {

  background: url("../images/icon-home.png") no-repeat;

  display: block;

  width: 24px;

  height: 24px;

  position: absolute;

  opacity: 0;

}

.alert .msg-box .btn-wrap .btn.pull-left span .icon {

  top: 10px;

  left: 15px;

}

.alert .msg-box .btn-wrap .btn.pull-right span .icon {

  right: 15px;

  top: 6px;

  transform: rotate(180deg);

}

.alert .msg-box .btn-wrap .btn.pull-left:hover span {

  padding-left: 20px;

  box-sizing: border-box;

}

.alert .msg-box .btn-wrap .btn.pull-left:hover span .icon {

  opacity: 1;

  -webkit-transition: all 218ms ease-in-out;

  -moz-transition: all 218ms ease-in-out;

  -o-transition: all 218ms ease-in-out;

  -ms-transition: all 218ms ease-in-out;

  transition: all 218ms ease-in-out;

}

.alert .msg-box .btn-wrap .btn.pull-right:hover span {

  padding-right: 20px;

  box-sizing: border-box;

}

.alert .msg-box .btn-wrap .btn.pull-right:hover span .icon {

  opacity: 1;

  -webkit-transition: all 218ms ease-in-out;

  -moz-transition: all 218ms ease-in-out;

  -o-transition: all 218ms ease-in-out;

  -ms-transition: all 218ms ease-in-out;

  transition: all 218ms ease-in-out;

}

a {

  text-decoration: none;

  color: #fff;

}

html,

body {

  width: 100%;

  height: 100%;

}

.container {

  position: relative;

  width: 100% !important;

  height: 100%;

  min-width: 1330px;

}

.container_change {

  position: relative;

  width: 100%;

  height: 100%;

  min-width: 1330px;

  background: #999;

}

/*导航栏*/

.menu_nav {

  width: 220px;

  height: 100%;

  background: #292A3A;

  position: absolute;

  left: 0;

  top: 0;

  overflow-y: scroll;

  overflow-x: hidden;

}

.menu_nav::-webkit-scrollbar {

  width: 6px;

  height: 6px;

}

.menu_nav::-webkit-scrollbar-track-piece {

  background-color: #CCCCCC;

  -webkit-border-radius: 6px;

}

.menu_nav::-webkit-scrollbar-thumb:vertical {

  height: 5px;

  background-color: #999999;

  border-radius: 6px;

}

.menu_nav::-webkit-scrollbar-thumb:horizontal {

  width: 5px;

  background-color: #CCCCCC;

  border-radius: 6px;

}

.menu_nav .message {

  width: 100%;

  height: 148px;

  border-bottom: 2px solid #0C1224;

  padding: 12px 0;

}

.menu_nav .message dt {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 auto;

}

.menu_nav .message dt img {

  display: block;

  width: 100%;

  height: 100%;

}

.menu_nav .message dd {

  padding: 0 20px;

  text-align: center;

  color: #fff;

  font-size: 16px;

  line-height: 30px;

  margin-top: 13px;

}

.menu_nav .menu_list a {

  width: 100%;

  padding-left: 73px;

  display: block;

  height: 45px;

  line-height: 45px;

}

.menu_nav .menu_list ol {

  display: none;

}

.menu_nav .menu_list ol li a span {

  display: inline-block;

  width: 0;

  height: 0;

  border: 10px solid transparent;

  border-left-color: transparent;

}

.menu_nav .menu_list ol li a:link {

  color: #fff;

}

.menu_nav .menu_list ol li a:visited {

  color: #fff;

}

.menu_nav .menu_list ol li a:hover {

  color: #E3C263;

}

.menu_nav .menu_list ol li a:active {

  color: #FECF10;

}

.menu_nav .menu_list .choosed {

  background: #1D1D2D;

}

.menu_nav .menu_list .choosed ol {

  display: block;

}

.menu_nav .menu_list .choosed ol .choosed_now a {

  color: #E3C263;

}

.menu_nav .menu_list .choosed ol .choosed_now a span {

  border-left-color: #E3C263;

}

.menu_nav .menu_list .choosed ol .choosed_now a:active {

  color: #FECF10;

}

/*底-关于我们*/

.aboutUs {

  width: 100%;

  height: 240px;

  background: #0D0F10;

  margin-top: 50px;

}

.aboutUs .box {

  width: 660px;

  overflow: hidden;

  margin: 0 auto;

}

.aboutUs .logos {

  float: left;

  margin-top: 70px;

}

.aboutUs ul {

  float: left;

  margin-top: 31px;

}

.aboutUs ul li {

  margin-bottom: 12px;

  color: #AAAAAA;

  font-size: 12px;

  line-height: 20px;

}

.aboutUs ul li a {

  color: #AAAAAA;

  font-size: 12px;

  line-height: 20px;

}

.aboutUs ul li h5 {

  color: #fff;

  margin: 0;

  font-size: 14px;

  font-weight: normal;

}

.aboutUs .understand {

  margin-left: 120px;

}

.aboutUs .contact {

  float: right;

}

.public_footer {

  height: 60px;

  line-height: 60px;

  width: 100%;

  text-align: center;

  background: #000;

  color: #fff;

  font-size: 12px;

}

/*# sourceMappingURL=public.css.map */

body,

div,

ul,

li,

span,

a,

table,

th,

tr,

h1,

h2,

h3,

h4,

p,

i,

strong,

select,

input,

img,

s,

hr {

  padding: 0;

  margin: 0;

  text-decoration: none;

  list-style: none;

  background: none;

  border: 0;

  outline: none;

}

i,s,em{

    font-weight:normal;font-style:normal;

}

body {

  font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;

  color: #333;

}

.pull-left {

  float: left;

}

.pull-right {

  float: right;

}

.text-center {

  text-align: center;

}

.text-red {

  color: #FF0505;

}

.text-input {

  outline: none;

  border: 1px solid #7ED0FF;

  padding: 11px 15px 10px 15px;

  border-radius: 5px;

}

.text-input:focus {

  -webkit-box-shadow: 0 0 6px #7ED0FF;

  -moz-box-shadow: 0 0 6px #7ED0FF;

  box-shadow: 0 0 6px #7ED0FF;

}

.alert-bg {

  display: none;

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 10;

  background: rgba(0, 0, 0, 0.8);

}

.alert {

  display: none;

  width: 450px;

  padding-bottom: 20px;

  overflow: hidden;

  position: fixed;

  top: 50%;

  left: 50%;

  margin-left: -225px;

  z-index: 999;

  background: #232434;

  border-radius: 15px;

  -webkit-box-shadow: 3px 3px 3px #000;

  -moz-box-shadow: 3px 3px 3px #000;

  box-shadow: 3px 3px 3px #000;

}

.alert .msg-t {

  position: relative;

  height: 60px;

  line-height: 60px;

  color: #FF8A57;

  padding: 0 45px;

  font-size: 20px;

  background: url("../images/supervisehomealertmsgbg.png") no-repeat left top;

}

.alert .msg-t .icon1 {

  position: absolute;

  left: 15px;

  top: 14px;

  display: block;

  width: 24px;

  height: 33px;

  background: url("../images/supervisehomealerticon.png") no-repeat left top;

}

.alert .msg-t .close {

  position: absolute;

  top: 22px;

  width: 16px;

  height: 16px;

  right: 20px;

  overflow: hidden;

 /* background: url("../images/x.png");*/

  cursor: pointer;

}

.alert .msg-t .close:hover {

  background: url("../images/xblue.png");

}

.alert .msg-box {

  padding: 16px 45px;

  font-size: 16px;

  line-height: 30px;

  color: #fff;

}

.alert .msg-box .btn-wrap {

  margin-top: 15px;

}

.alert .msg-box .btn-wrap .btn {

  height: 50px;

  border-radius: 100px;

  background: rgba(34, 172, 244, 0.3);

  padding: 5px;

  width: 150px;

  box-sizing: border-box;

  color: #fff;

  display: inline-block;

}

.alert .msg-box .btn-wrap .btn span {

  position: relative;

  display: block;

  box-sizing: border-box;

  background: #22ACF4;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 100px;

}

.alert .msg-box .btn-wrap .btn span .icon {

  background: url("../images/icon-home.png") no-repeat;

  display: block;

  width: 24px;

  height: 24px;

  position: absolute;

  opacity: 0;

}

.alert .msg-box .btn-wrap .btn.pull-left span .icon {

  top: 10px;

  left: 15px;

}

.alert .msg-box .btn-wrap .btn.pull-right span .icon {

  right: 15px;

  top: 6px;

  transform: rotate(180deg);

}

.alert .msg-box .btn-wrap .btn.pull-left:hover span {

  padding-left: 20px;

  box-sizing: border-box;

}

.alert .msg-box .btn-wrap .btn.pull-left:hover span .icon {

  opacity: 1;

  -webkit-transition: all 218ms ease-in-out;

  -moz-transition: all 218ms ease-in-out;

  -o-transition: all 218ms ease-in-out;

  -ms-transition: all 218ms ease-in-out;

  transition: all 218ms ease-in-out;

}

.alert .msg-box .btn-wrap .btn.pull-right:hover span {

  padding-right: 20px;

  box-sizing: border-box;

}

.alert .msg-box .btn-wrap .btn.pull-right:hover span .icon {

  opacity: 1;

  -webkit-transition: all 218ms ease-in-out;

  -moz-transition: all 218ms ease-in-out;

  -o-transition: all 218ms ease-in-out;

  -ms-transition: all 218ms ease-in-out;

  transition: all 218ms ease-in-out;

}

a {

  text-decoration: none;

  color: #fff;

}

html,

body {

  width: 100%;

  height: 100%;

}

.container {

  position: relative;

  width: 100% !important;

  height: 100%;

  min-width: 1330px;

  min-height:560px;

}

.container_change {

  position: relative;

  width: 100%;

  height: 100%;

  min-width: 1330px;

  background: #999;

}

/*导航栏*/

.menu_nav {

  width: 220px;

  height: 100%;

  background: #292A3A;

  position: absolute;

  left: 0;

  top: 0;

  overflow-y: scroll;

  overflow-x: hidden;

}

.menu_nav::-webkit-scrollbar {

  width: 6px;

  height: 6px;

}

.menu_nav::-webkit-scrollbar-track-piece {

  background-color: #CCCCCC;

  -webkit-border-radius: 6px;

}

.menu_nav::-webkit-scrollbar-thumb:vertical {

  height: 5px;

  background-color: #999999;

  border-radius: 6px;

}

.menu_nav::-webkit-scrollbar-thumb:horizontal {

  width: 5px;

  background-color: #CCCCCC;

  border-radius: 6px;

}

.menu_nav .message {

  width: 100%;

  height: 148px;

  border-bottom: 2px solid #0C1224;

  padding: 12px 0;

}

.menu_nav .message dt {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 auto;

}

.menu_nav .message dt img {

  display: block;

  width: 100%;

  height: 100%;

}

.menu_nav .message dd {

  padding: 0 20px;

  text-align: center;

  color: #fff;

  font-size: 16px;

  line-height: 30px;

  margin-top: 13px;

}

.menu_nav .menu_list a {

  width: 100%;

  padding-left: 73px;

  display: block;

  height: 45px;

  line-height: 45px;

}

.menu_nav .menu_list ol {

  display: none;

}

.menu_nav .menu_list ol li a span {

  display: inline-block;

  width: 0;

  height: 0;

  border: 10px solid transparent;

  border-left-color: transparent;

}

.menu_nav .menu_list ol li a:link {

  color: #fff;

}

.menu_nav .menu_list ol li a:visited {

  color: #fff;

}

.menu_nav .menu_list ol li a:hover {

  color: #E3C263;

}

.menu_nav .menu_list ol li a:active {

  color: #FECF10;

}

.menu_nav .menu_list .choosed {

  background: #1D1D2D;

}

.menu_nav .menu_list .choosed ol {

  display: block;

}

.menu_nav .menu_list .choosed ol .choosed_now a {

  color: #E3C263;

}

.menu_nav .menu_list .choosed ol .choosed_now a span {

  border-left-color: #E3C263;

}

.menu_nav .menu_list .choosed ol .choosed_now a:active {

  color: #FECF10;

}



/*登录注册顶部导航*/

.login-nav {
  padding: 12px 40px 0 15px;

  /*找回密码头部*/

}

.login-banner {

  background: url("../images/loginbanner.jpg") bottom center;

   background-size: 100% auto;

}



.login-nav .login-head {

  overflow: hidden;

}

.login-nav .login-head .menus {

  overflow: hidden;

}

.login-nav .login-head .menus li {

  float: left;

  margin-left: 74px;

  line-height: 87px;

}

.login-nav .login-head .menus li a {

  color: #333;

  font-size: 18px;

}

.login-nav .login-head .menus li a:hover {

  color: #00a0e9;

}

.login-nav .login-head .menus li a.cur {

  color: #00a0e9;

}

.login-nav .login-head .menus li .line {

  color: #fff;

  padding: 0 10px;

}

.login-nav .login-type {

  overflow: hidden;

  width: 600px;

  position: relative;

  margin: 49px auto 47px;

}



/*底-关于我们*/

.aboutUs {

  width: 100%;

  height: 240px;

  background: #0D0F10;

  margin-top: 50px;

}

.aboutUs .box {

  width: 660px;

  overflow: hidden;

  margin: 0 auto;

}

.aboutUs .logos {

  float: left;

  margin-top: 70px;

}

.aboutUs ul {

  float: left;

  margin-top: 31px;

}

.aboutUs ul li {

  margin-bottom: 12px;

}

.aboutUs ul li a {

  color: #AAAAAA;

  font-size: 12px;

  line-height: 20px;

}

.aboutUs ul li h5 {

  color: #fff;

  margin: 0;

  font-size: 14px;

  font-weight: normal;

}

.aboutUs .understand {

  margin-left: 120px;

}

.aboutUs .contact {

  float: right;

}

.public_footer {

  height: 60px;

  line-height: 60px;

  width: 100%;

  text-align: center;

  background: #000;

  color: #fff;

  font-size: 12px;

}

/*加载loading*/

.dropload-load{

	position: absolute; top: 50%;margin-top: -16px;left: 50%;margin-left: -16px;display: none;

	z-index: 99;

}

.dropload-load .loading{

    display: inline-block;

    height: 16px;

    width: 16px;

    border-radius: 100%;

    margin: 6px;

    border: 2px solid #666;

    border-bottom-color: transparent;

    vertical-align: middle;

    -webkit-animation: rotate 0.75s linear infinite;

    animation: rotate 0.75s linear infinite;

}

.dropload-load .loading-blue{

		display: inline-block;

    height: 16px;

    width: 16px;

    border-radius: 100%;

    margin: 6px;

    border: 2px solid #05A8FF;;

    border-bottom-color: transparent;

    vertical-align: middle;

    -webkit-animation: rotate 0.75s linear infinite;

    animation: rotate 0.75s linear infinite;

}

@-webkit-keyframes rotate {

    0% {

        -webkit-transform: rotate(0deg);

    }

    50% {

        -webkit-transform: rotate(180deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}

@keyframes rotate {

    0% {

        transform: rotate(0deg);

    }

    50% {

        transform: rotate(180deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

/*加载loading结束*/

/*# sourceMappingURL=public.css.map */