/**
 * Description Css
 * Power By Mr.K
 * QQ 908526866
 * E-mail lnend@sina.cn
 * Copyright 360.cn
 
 Please respect the developers, thank you.
 
 */
/* Reset system css */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
html {
  text-size-adjust: none;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* from reset */
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
input,
select,
label,
button {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border: none;
  background: none;
  font-size: 12px;
  font-family: 'Microsoft Yahei';
  font-weight: normal;
}
input[type="text"],
input[type="password"],
textarea {
  outline-style: none;
  -webkit-appearance: none;
}
textarea {
  resize: none;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none;
}
/* aLink reset */
a:link,
a:visited {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: #333;
}
a:hover,
a:active {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 'color 0.1s linear, background-color 0.1s linear';
  -moz-transition: 'color 0.1s linear, background-color 0.1s linear';
  -ms-transition: 'color 0.1s linear, background-color 0.1s linear';
  -o-transition: 'color 0.1s linear, background-color 0.1s linear';
  transition: 'color 0.1s linear, background-color 0.1s linear';
}
body {
  font: 12px/150% Arial, Verdana, "\5FAE\8F6F\96C5\9ED1";
  background-color: #f4f4f4;
  color: #505050;
 /* width:1150px;*/
}
.container02 {
  /*width: 1400px;*/
  width:100%;
  margin: 0 auto;
  *zoom: 1;
}
.container02:before,
.container02:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}


.container {
  width: 1150px;
  /*width:100%;*/
  margin: 0 auto;
  *zoom: 1;
 /* text-align: center;*/
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.container:after {
  clear: both;
}
.no-border {
  border: none !important;
}
.pull-left {
  float: left;
  display: inline;
}
.pull-right {
  float: right;
  display: inline;
}
.err-info {
  color: #ff0000;
  left: 860px;
  top: 10px;
  position: absolute;
  /*修改众测和快测申请页面的样式*/
  /*display: block;
  width: 450px;*/
}
.err-info327{
  color: #ff0000;
  position: inherit;
  left: 0;
  display:block;
}
.err-info331{
  color: #ff0000;
  position: inherit;
  left: 0;
}
.err-info01{
  color: #ff0000;
  left: 860px;
  top: 10px;
  position: absolute;
  /*修改众测和快测申请页面的样式*/
  /*display: block;
  width: 450px;*/
}
input[disabled],
textarea[disabled] {
  cursor: not-allowed;
}
.btn,
a.btn {
  display: inline-block;
  line-height: 26px;
  padding: 3px 15px;
  background: #00d1b6;
 /* background: #00ffdd;*//*要单独改个人中心这里影响个人中心颜色*/
  color: #FFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  overflow: hidden;
  margin-top: 6px;
  font-size: 14px;
  vertical-align: middle;
}
/*这里影响个人中心颜色*/
/*.btn.btn-green {
  background: #48bfc2;
}*/
.btn.btn-orange {
  background: #ffb149;
}
.btn.btn-pink {
  background: #ed5e7a;
}
.btn.btn-blue {
  background: #4c9feb;
}
.btn.btn-white {
  background: #fff;
  border:1px solid #4c9feb;
  color: #4c9feb;
  line-height: 24px; 
}
input.btn.btn-white{ color: #4c9feb !important; }
input.btn {
  color: #FFF !important;
  cursor: pointer;
  font-size: 14px;
}
.btn.disable {
  background: #c4c6c8;
}
.page-nav,
.table-nav {
  line-height: 1.3;
  font-size: 14px;
  text-align: right;
  margin-top: 20px;
}
.page-nav a,
.table-nav a,
.page-nav span,
.table-nav span {
  display: inline-block;
  padding: 3px 10px;
  color: #FFF;
  background: #c4c6c8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  margin-right: 5px;
}
.page-nav span,
.table-nav span {
  background: #4c9feb;
}
/* k-checkbox */
label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.k-checkbox,
.k-radio {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  background: url("../images/icon-checkbox.png") no-repeat left top;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  top: -1px;
  margin-right: 13px;
}
.k-checkbox.light,
.k-radio.light {
  background-position: -14px top;
}
.k-checkbox.disabled,
.k-radio.disabled {
  background-position: -14px bottom;
}
.k-checkbox.on,
.k-radio.on {
  background-position: left bottom;
}
.k-checkbox input,
.k-radio input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0;
  cursor: pointer;
}
.k-table {
  table-layout: fixed;
}
.k-table th,
.k-table td {
  text-align: center;
}
.k-table th {
  padding: 12px 8px;
  font-weight: normal;
  color: #020202;
  border: 1px solid #e2e2e2;
  border-width: 1px 0;
  background-color: #f5f5f5;
}
.k-table td {
  padding: 12px 8px;
  border-top: 0px;
  border-bottom: 1px solid #e1e6eb;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.k-table .nowrap{white-space: normal;}
.k-table th.l,.k-table td.l{text-align: left;}
.k-table th.r,.k-table td.r{text-align: right;}
.k-table td a {
  color: #505050;
}
.k-table td a:hover {
  color: #02c3ab;
  text-decoration: underline;
}
.k-table tr:hover td {
  background-color: #F9F9FA;
}
.k-table .text-left {
  text-align: left;
}
.k-table .text-status {
  color: #02c3ab;
}
.k-table .isReade .text-status {
  display: none;
}
.k-table .isReade td,
.k-table .isReade td a {
  color: #999;
}
.k-table-tools {
  padding: 12px;
  *zoom: 1;
}
.k-table-tools:before,
.k-table-tools:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.k-table-tools:after {
  clear: both;
}
.k-table-tools .btn-wrap {
  float: left;
  display: inline;
}
.k-table-tools .table-nav {
  float: right;
  display: inline;
  text-align: right;
  line-height: 26px;
  margin: 0;
}
.k-table-tools .btn {
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
  color: #505050;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  margin: 0 10px 0 0;
}
.k-radio {
  background-image: url("../images/icon-radio.png");
}
/* 下拉菜单 */
.k-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  line-height: 32px;
  height: 30px;
  width: 100px;
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
}
.k-select span {
  background: #b7c2c9;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  padding-left: 8px;
  color: #FFF;
  cursor: pointer;
  position: relative;
  padding-right: 22px;
}
.k-select span b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
.k-select span i {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 5px;
  top: 10px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  background: url("../images/icon-select.png") no-repeat 2px -59px;
}
.k-select.on span i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.k-select span {
  background: #48bfc2;
}
.k-select.dark span {
  background: #32434f;
}
.k-select.on span {
/*  background: #b7c2c9;*/
background: #48bfc2;
}
.k-select ul {
  display: none;
  list-style: none;
  line-height: 28px;
  margin: 0;
  padding: 5px 0;
  position: absolute;
  top: 37px;
  left: 0;
  background: #FFF;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-width: 100%;
  -webkit-box-shadow: 0 0 6px 2px rgba(221, 221, 221, 0.8);
  -moz-box-shadow: 0 0 6px 2px rgba(221, 221, 221, 0.8);
  -ms-box-shadow: 0 0 6px 2px rgba(221, 221, 221, 0.8);
  -o-box-shadow: 0 0 6px 2px rgba(221, 221, 221, 0.8);
  box-shadow: 0 0 6px 2px rgba(221, 221, 221, 0.8);
  overflow: hidden;
  z-index: 9999;
}
.k-select li {
  white-space: nowrap;
}
.k-select li a {
  display: block;
  padding: 0 8px 0 25px;
}
.k-select li a.on {
  background: url("../images/icon-select.png") no-repeat 8px top;
}
.k-select li a:hover {
  background: #48bfc2;
  color: #FFF;
}
.k-select.dark li a.on {
  background-position: 8px -28px;
}
.k-select.dark li a:hover {
  background: #32434f;
}
.k-select.showTop ul {
  top: auto;
  bottom: 37px;
}
.k-select ul {
  max-height: 300px;
  overflow: auto;
}
.header {
  background: #1f2630 url("../images/header_bg.png") no-repeat center;
  height: 90px;
}
.header .logo {
  color:red;
  padding: 24px 0 0 20px;
  float: left;
  display: inline;
}
.header .logo img {
  height: 40px;
}
.header .nav {
  margin-left: 60px;
  line-height: 40px;
  height: 40px;
  margin-top: 25px;
  font-size: 18px;
  color: #FFF;
  float: left;
  display: inline;
}
.header .nav ul {
  overflow: hidden;
}
.header .nav li {
  float: left;
  display: inline;
  padding-right: 40px;
}
.header .nav a {
  color: #FFF;
  display: block;
  text-align: center;
  border-bottom: 2px solid transparent;
}
.header .nav a:hover,
.header .nav li.on a {
  border-color: #02c3ab;
  color: #1cffe1;
}
.header .nav.hideBorder .on a {
  border-color: transparent;
}
.header .tool {
  float: right;
  margin-right:2px;
  display: inline;
  font-size: 14px;
  line-height: 90px;
  position:relative;
}
.header .tool a{
  color: #1cffe1;
  margin-left: 12px;
}

.header .tool .tool-menu-bottom{
   position: absolute;
    left: 0px;
    top: 60px;
    width: 130px;
    height: 100px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
   background: #1f2630;
}
.tool li{
  margin-left: 32px;
  float:left;
}
.header .tool .tool-menu-bottom li{
  height: 40px;
  font-size:12px;
  line-height:40px;
  text-align:center;
  cursor:pointer;
  margin-left: 0;
  margin: 2px 0;
}
.header .tool .tool-menu-bottom li:hover{
  background: #4d4d4d;
}
.header .tool li ,.jstool-name-right{
      /* color: #19dfc7; */
    position: relative;
    display: block;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    width: 150px;
    height: 117px;
}
.jstool-name-right
.header .tool .tool-menu-bottom li a{
 color:#000 !important;
}
.header .tool a i{
  position: absolute;
  left: 60px;
  top: -15px;
  color: red;
}
.header .tool a:hover {
  text-decoration: underline;
}
.header.scroll {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.copyright {
    height: 300px;
    width: 1150px;
    margin-top: 20px;
    color: #fff;
    padding: 50px 0;
    background: #2e3439;
    margin: 0 auto;
}
.copyright:before,
.copyright:after {
  display: block;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.copyright:after {
  clear: both;
}

.copyright .code {
  /*width: 170px; */
    /* height: 191px; */
    /*border: 1px solid red;*/
    float: left;
    margin-left: 108px;

}
.copyright .code dt {
  font-size:22px;
  color:#fff;
  margin:20px 0 30px 0;
}
.copyright .code dd{
  font-size:18px;
  color:#c6d6d6;
  margin:10px 2px;
}
.copyright .code-newchange {
   /*margin-left: 212px;*/
    text-align: center;
}
.copyright .code-bottom {
  zoom:1;
  margin-top:20px;
  width: 220px;
}
.copyright .code-bottom:after {
  content:"";
  clear:both;
  display:block;
  line-height: 0;
  visibility:hidden;
}
.copyright .code-bottom-left img,
.copyright .code-bottom-right img{
  width:100px;
  height:100px;
}
.copyright .code-bottom-left{
  float:left;
}
.copyright .code-bottom-right{
    
}
.copyright dl {
  float:left;
}
.foot-right {
  float:right;
  width:200px;
  height:190px;
  border:1px solid red;
}

.copy {
  padding-top: 30px;
  text-align: center;
  font-size: 14px;
  width:100%;
  height:50px;
  background:#1b1f23;
}






.copyright .contact {
  float: left;
  display: inline;
  *zoom: 1;
}
.copyright .contact:before,
.copyright .contact:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.copyright .contact:after {
  clear: both;
}
.copyright .contact .contact-item {
  float: left;
  display: inline;
  line-height: 21px;
  padding-right: 55px;
  background: url("../images/icon-copy.png") no-repeat;
  padding-left: 55px;
}
.copyright .contact .contact-item span {
  display: block;
}
.copyright .contact .contact-item.tel {
  background-position: left -77px;
  padding-left: 30px;
}
.copyright .contact .contact-item.mail {
  background-position: left -148px;
  padding-left: 45px;
}
.copyright .links {
  float: right;
  display: inline;
  overflow: hidden;
  margin-right: -2px;
}
.copyright .links a {
  display: inline-block;
  line-height: 1;
}
.copyright .links a.line {
  border-right: 2px solid #FFF;
  margin-right: 20px;
  padding-right: 20px;
}







.float_blank {
  position: fixed;
  /*bottom: 250px;*/
  top:350px;
  right: 0px;
  z-index: 9999;
}
.float_blank .item {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  margin-top: 12px;
  background: #d1d1d1;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.float_blank .item img {
  width:100%;
  height: auto;
}
.float_blank .item:hover {
  background: #45b5bc;
}
.float_blank .item.go_top {
  display: none;
}
.home .logo {
  padding-left: 20px;
}
.guide {
  background: #eee;
  padding: 34px 0;
  *zoom: 1;
  line-height: 70px;
  height: 70px;
  overflow: hidden;
  font-size: 22px;
  color: #696969;
}
.guide:before,
.guide:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.guide:after {
  clear: both;
}
.guide span {
  display: block;
  float: left;
  display: inline;
  margin-right: 35px;
}
.copyright {
  margin: 0 auto;
}
.copyright a {
  color: #FFF;
}
.copyright a:hover {
  text-decoration: underline;
}
/* index */
.index-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  /*background: #092b42;
  opacity: 0.3;*/
  background: url("../images/t01a5bb6cab3a645fc3.png");
  z-index: 9;
/*  opacity: 0.5;*/
}
.index-header .logo {
 padding: 20px 0 0 20px;
    margin-left: 30px;
}
.index-header .nav {
 line-height: 28px;
    height: 28px;
    margin-top: 25px;
    font-size: 18px;
}
.index-header .tool {
      line-height: 80px;
      
}
.index-main{
  /*background: #0b1323;*/
}
.index-main .banner {
  /*修改头部样式*/
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
  background: #0b1424 url("../images/index-banner.png") no-repeat center;

  margin: 0 auto;
}
.index-main .banner02 {
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
  background: #021115 url("../images/index-banner02.png") no-repeat center;
  background-size:100% 580px;
}
.index-main .banner03 {
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
  background: #021115 url("../images/index-banner03.png") no-repeat center;
  background-size:100% 580px;
}
.index-main .banner .slogan {
  text-align: center;
  position: absolute;
  top: 195px;
  left: 0;
  right: 0;
  line-height: 1;
  font-size: 55px;
  color: #FFF;
  -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.index-main .banner .slogan01 {
  position: absolute;
  top: 195px;
  /*修改头部对其样式*/
  left: 22%;
  right: 0;
  line-height: 1;
  font-size: 55px;
  color: #FFF;
  -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* 修改头部不要宽度*/
.index-main .banner .tools {
 /* width: 360px;*/
  text-align: center;
  position: absolute;
  bottom: 120px;
  left: 56%;
  margin-left: -180px;
}
.index-main .banner .tools01 {
/*  width: 360px;*/
  text-align: center;
  position: absolute;
  bottom: 120px;
  left: 22%;
  margin-left: 0px;
}
.index-main .banner .tools .play-area {
  margin: 0 auto 50px;
  width: 65px;
  height: 65px;
  border: 2px solid #FFF;
  background: url("../images/index-blank-bg.png");
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.index-main .banner .tools .play-area a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/index-play.png") no-repeat 25px 19px;
}
.index-main .banner .tools .buttons {
  *zoom: 1;
  position:relative;
}
.index-main .banner .tools .buttons:before,
.index-main .banner .tools .buttons:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.index-main .banner .tools .buttons:after {
  clear: both;
}
.index-main .banner .tools .buttons a {
  display: block;
  margin: 0 auto;
  width: 190px;
  border: 1px solid #00ffdd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #00ffdd;
  font-size: 18px;
  line-height: 52px;
  background: url("../images/index-blank-bg.png");
}
.index-main .banner .tools .buttons a:hover{
  display: block;
  margin: 0 auto;
  width: 190px;
  border: 1px solid #00ffdd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  color: #021115 !important;
  line-height: 52px;
  background: #00ffdd;
  font-weight: bold;
}
.index-main .banner .tools .buttons img {
  position:absolute;
  left:160px;
  top:20px;
}
.index-main .notice {
  line-height: 60px;
  font-size: 14px;
  color: #FFF;
  background: #000;
}
.index-main .notice .list {
  height: 60px;
  padding-left: 34px;
  background: url("../images/index-notice-icon.png") no-repeat left center;
}
.index-main .notice .list a {
  color: #FFF;
}
.index-main .notice .list a:hover {
  text-decoration: underline;
}
.index-main .index-item .title {
  text-align: center;
}
.index-main .index-item.item-01 {
  height: 580px;
  overflow: hidden;
  background: #f0f2f8;
/*  border:1px solid red;*/
}
.index-guide-02 {
   height: 580px;
  overflow: hidden;
  background:#f0f2f8;
}
.index-main .index-item.item-01 .title {
  padding: 50px 0 80px;
}
.title-middle{
  font-size: 36px;
  color: #000;
}
.container-middle {
  width:1088px;
  zoom:1;
}
.container-middle:after {
 clear:both;
 display:block;
 content:"";

 visibility:hidden;
}
.container-middle li {
  float:left;
}
.index-main .index-item.item-01 .content {
  *zoom: 1;
  /*padding: 0 130px;*/
  /*首页中部图片居中修改修改320*/
  padding: 0 48px 0 48px;
}
.index-main .index-item.item-01 .content:before,
.index-main .index-item.item-01 .content:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
  font-family:;
}
.index-main .index-item.item-01 .content:after {
  clear: both;
}
.index-main .index-item.item-01 .content dl {
  display: block;
  float: left;
  display: inline;
  width:33.3333%;
  text-align: center;
  line-height: 1;
}
.index-main .index-item.item-01 .content .common-dl02 {
  display: block;
  float: left;
  display: inline;
  width:33.33333333333%;
  text-align: center;
  line-height: 1;
}
.index-main .index-item.item-01 .content dt {
  padding-bottom: 34px;
}
.index-main .index-item.item-01 .content dt span:nth-of-type(1) {
  display: inline-block;
  width: 170px;
  height: 170px;
  
}
.index-main .index-item.item-01 .content dd {
  font-size: 14px;
  color: #808080;
  line-height: 24px;
}
.index-main .index-item.item-01 .content .common-dd02 {
  font-size: 14px;
  color: #808080;
  line-height: 24px;
  width: 275px;
  margin: 0 auto;
}
.index-main .index-item.item-01 .content dd strong {
  display: block;
  font-size: 24px;
  margin-bottom: 12px;
  color: #000;
  line-height: 1;
}
.index-main .index-item.item-01 .content .dl-01 dt span {
background: url("../images/service04.png") no-repeat;
}

.index-main .index-item.item-01 .content .dl-02 dt span {
  background: url("../images/service01.png") no-repeat;
}

.index-main .index-item.item-01 .content .dl-03 dt span {
 background: url("../images/service02.png") no-repeat;
}
.index-main .index-item.item-01 .content .dl-04 dt span {
 background: url("../images/service03.png") no-repeat;
}



.index-main .index-item.item-01 .content .dl-02 dt .common-span02 {
  background: url("../images/hat01.png") no-repeat;
  background-size: 180px 160px;
}

.index-main .index-item.item-01 .content .dl-03 dt .common-span03 {
 background: url("../images/hat02.png") no-repeat;
}
.index-main .index-item.item-01 .content .dl-04 dt .common-span04{
 background: url("../images/hat03.png") no-repeat;
}
.index-main .index-item.item-01 .content .dl-02 dt .common-safe-span02 {
  background: url("../images/safe01.png") no-repeat;
}

.index-main .index-item.item-01 .content .dl-03 dt .common-safe-span03 {
 background: url("../images/safe02.png") no-repeat;
}
.index-main .index-item.item-01 .content .dl-04 dt .common-safe-span04{
 background: url("../images/safe03.png") no-repeat;
}
.index-main .index-item.item-01 .content .dl-02 dt .common-surf-span02 {
  background: url("../images/surf01.png") no-repeat;
}

.index-main .index-item.item-01 .content .dl-03 dt .common-surf-span03 {
 background: url("../images/surf02.png") no-repeat;
}
.index-main .index-item.item-01 .content .dl-04 dt .common-surf-span04{
 background: url("../images/surf03.png") no-repeat;
}



.index-main .index-item.item-01 .content .dl-01 dt i {
background: url("../images/guide01.png") no-repeat;
}

.index-main .index-item.item-01 .content .dl-02 dt i {
  background: url("../images/guide02.png") no-repeat;
}

.index-main .index-item.item-01 .content .dl-03 dt i {
 background: url("../images/guide03.png") no-repeat;
}
.index-main .index-item.item-01 .content .dl-04 dt i {
 background: url("../images/guide04.png") no-repeat;
}






.index-main .item-02 {
  background:url("../images/t017843209ff66bd643.jpg") no-repeat;
  background-size:100% 784px;
  width:100%;
  height:786px;
  text-align:center;
  position:relative;
}
.index-main .item-play-game {
    position: absolute;
    top: 1px;
    right: 20px;
}
.index-main .item-02 h4{
  font-size:36px;
  color:#fff;
  line-height: 44px;
  padding-top: 70px;
  z-index: 100;
  position: relative;
}
.index-main .item-02 .item-left {
  width:342px;
  height:500px;
 /* border:1px solid red;*/
  margin:140px 0 0 180px;
}
.index-main .item-02 .item-left p {
     font-size: 16px;
    line-height: 34px;
  color:#fff;
  text-indent:34px;
  text-align: left;
}
.index-main .item-02 .item-left .hat-tab-change-p01{
  display:block;
}
.index-main .item-02 .item-left .hat-tab-change-p02{
  display:none;
}
.index-main .item-left-top {
  zoom:1;
  /*border:1px solid red;*/
}
.index-main .item-left-top:after {
  clear:both;
  display: block;
  content: "";
  overflow: hidden;
}
.index-main .item-left-top li {
    float: left;
    border: 1px solid #00ffdd;
    font-size: 20px;
    line-height: 28px;
    color: #00ffdd;
    padding: 8px 40px 8px 40px;
    margin: 16px 9px 29px 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}
.index-main .item-left-top .js-active {
 background:#00ffdd;
 color:#000;
}
.hat-tab-change-test01 {
  position:relative;

}
.hat-tab-change-test02{
  position:relative;

}
.hat-dot-bottom01,.hat-dot-bottom02{  
    position: absolute;
    left: 219px;
    bottom: -10px;
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: #00ffdd;  
    border-bottom-width: 0;  
    border-style: dashed;  
    border-top-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  
}  
.hat-dot-bottom01{  
    position: absolute;
    left: 48px;
    bottom: -10px;
    display:block;
}  
.hat-dot-bottom02{  
    display:none;
    position: absolute;
    left: 46px;
    bottom: -10px;
}  
.button-more {
  display:block;
  margin-top:30px;
  width:126px;
  height:40px;
  border:1px solid #00ffdd;
  background: #0a1c34;
}
.button-more a{
 color:#00ffdd;
 font-size:14px;
 line-height:40px;
}






















/* page */
.page-header {
  background-color: #000;
  background-position: center;
  height: 200px;
  line-height: 200px;
  font-size: 47px;
  color: #FFF;
}
.page-header span {
  padding-left: 20px;
}
.page-header.banner-1 {
  background-image: url("../images/banner-1.jpg");
}
.page-header.banner-2 {
  background-image: url("../images/banner-2.jpg");
}
.page-header.banner-3 {
  background-image: url("../images/banner-3.jpg");
}
.page-main {
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 600px;
}
.page-main.process-main {
  background-image: url("../images/process-bg.jpg");
  padding: 50px 0;
}
.page-main .process-text {
  border-left: 7px solid #00d1b6;
  padding: 35px 50px;
  background: #FFF;
  font-size: 14px;
  color: #797979;
  line-height: 22px;
}
.page-main .process-img {
  padding: 200px 80px;
  text-align: center;
}
.page-main .faq-main .faq-item {
  padding-top: 60px;
}
.page-main .faq-main .faq-item .title {
  text-align: center;
}
.page-main .faq-main .faq-item .content {
  margin: 35px 55px 0 180px;
  padding: 14px 0 0 35px;
  color: #999999;
  line-height: 28px;
  font-size: 16px;
  background: url("../images/faq-text-b.png") no-repeat top left;
}
.page-main .faq-main .faq-item .content img {
  vertical-align: text-bottom;
  position: relative;
  top: 12px;
}
.page-main .faq-main .faq-item .content strong {
  font-weight: 900;
}
.page-main .faq-main .step1 {
  padding-bottom: 50px;
}
.page-main .faq-main .step2 {
  background: #efefef;
  padding-bottom: 55px;
}
.page-main .faq-main .step3 {
  background: #f5f5f5 url("../images/faq-img.png") no-repeat left bottom;
  padding-bottom: 210px;
}
.page-main .contact-main .title {
  font-size: 32px;
  color: #00d1b6;
  text-align: center;
  line-height: 1;
  padding: 65px 0;
}
.page-main .contact-main .grid {
  padding: 0 35px;
  margin-right: -1px;
  margin-bottom: -1px;
  margin-bottom: 134px;
  line-height: 1;
}
.page-main .contact-main .grid .row {
  *zoom: 1;
  border-bottom: 1px #d2d2d2 solid;
}
.page-main .contact-main .grid .row:before,
.page-main .contact-main .grid .row:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.page-main .contact-main .grid .row:after {
  clear: both;
}
.page-main .contact-main .grid .item {
  float: left;
  display: inline;
  border-right: 1px #d2d2d2 solid;
  height: 260px;
  width: 33.23333333%;
}
.page-main .contact-main .grid .item .blank {
  margin-top: 70px;
}
.page-main .contact-main .grid .item .blank .image {
  height: 53px;
  text-align: center;
  margin-bottom: 18px;
}
.page-main .contact-main .grid .item .blank p {
  font-size: 18px;
  text-align: center;
  margin-bottom: 6px;
  line-height: 1.2;
}
.page-main .contact-main .grid .item .blank p.name {
  font-size: 16px;
  color: #919191;
}
.page-main .apply-main {
  padding: 50px 0;
}
.page-main .apply-main h3 {
  font-size: 18px;
  line-height: 40px;
  height: 41px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: -1px;
}
.page-main .apply-main h3 span {
  display: inline-block;
  border-bottom: 2px solid #30d0b6;
  padding: 0 10px;
}
.page-main .apply-main .apply-form {
  padding: 20px;
  font-size: 14px;
  line-height: 32px;
}
.page-main .apply-main .apply-form input,
.page-main .apply-main .apply-form textarea {
  border: 1px solid #cdcdcd;
  height: 30px;
  padding: 2px 8px;
  color: #505050;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 260px;
  background: transparent;
}
.page-main .apply-main .apply-form textarea {
  width: 60%;
  height: 180px;
  padding: 8px;
}
.page-main .apply-main .apply-form input.other {
  margin-left: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-top: none;
  border-left: 0;
  border-right: 0;
  width: 150px;
  height: 22px;
}
.page-main .apply-main .apply-form td.label {
  width: 80px;
  text-align: right;
}
.page-main .apply-main .apply-form td {
  padding: 5px 2px 20px;
}
.page-main .apply-main .apply-form td span {
  margin-left: 8px;
}
.page-main .apply-main .apply-form .td-title {
  padding-bottom: 0;
  font-size: 16px;
}
.page-main .apply-main .apply-form.security {
  padding-left: 50px;
  padding-right: 50px;
}
.page-main .apply-main .apply-btn {
  text-align: center;
}
.page-main .apply-main .apply-btn .btn {
  padding: 15px 50px;
  font-size: 20px;
}
.page-main .notice-main {
  padding: 50px 0;
}
.page-main .notice-main .notice-table {
  font-size: 16px;
}
.page-main .notice-main .notice-table th {
  background: #ededed;
}
.page-main .notice-main .notice-table td,
.page-main .notice-main .notice-table th {
  padding: 22px 10px;
}
.page-main .notice-main .page-nav {
  padding: 30px 0;
  text-align: center;
  font-size: 16px;
}
.page-main .notice-main .title {
  text-align: center;
  font-size: 14px;
  color: #999;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
.page-main .notice-main .title h1 {
  font-size: 24px;
  margin: 12px 0;
  color: #505050;
}
.page-main .notice-main .content {
  line-height: 26px;
  font-size: 14px;
  padding: 10px;
}
.page-main .notice-main .content p {
  text-indent: 2em;
}
.login-body {
  background: #11423c url("../images/fast-login01.png") no-repeat center top;
  background-size: 100% 1108px;
}
.login-body .login-wrap {
  /*padding: 140px 0 90px;*/
  padding-top:58px;
}
.login-body .login-box {
  width: 450px;
  margin: 0 auto;
}
.login-body .login-box .logo {
  margin-bottom: 35px;
  text-align: center;
}
.login-body .login-box .logo img {
  height: 50px;
}
.login-body .login-box .login-main {
  background: #FFF;
}
.login-body .login-box .login-main .title {
  line-height: 64px;
  color: #333;
  text-align: center;
  background: #f2f2f2;
  font-size: 24px;
}
.login-body .login-box .login-main .content {
  padding: 20px;
}
.login-body .login-box .login-main .tab-nav ul {
  *zoom: 1;
  border-bottom: 1px solid #e9e9e9;
}
.login-body .login-box .login-main .tab-nav ul:before,
.login-body .login-box .login-main .tab-nav ul:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.login-body .login-box .login-main .tab-nav ul:after {
  clear: both;
}
.login-body .login-box .login-main .tab-nav li {
  float: left;
  margin-bottom: -1px;
  margin-right: 10px;
}
.login-body .login-box .login-main .tab-nav li a {
  display: block;
  line-height: 38px;
  color: #666;
  text-align: center;
  font-size: 14px;
  background: #e9e9e9 url("../images/login-icons.png") no-repeat 16px 12px;
  padding: 0 20px 0 40px;
}
.login-body .login-box .login-main .tab-nav li a:hover,
.login-body .login-box .login-main .tab-nav li a.on {
  background-color: #00d1b6;
  background-position: 16px -28px;
  color: #FFF;
}
.login-body .login-box .login-main .tab-nav li a.company {
  background-position: 16px -67px;
}
.login-body .login-box .login-main .tab-nav li a.company:hover,
.login-body .login-box .login-main .tab-nav li a.company.on {
  background-position: 16px -106px;
}
.login-body .login-box .tab-content {
  padding: 20px 20px 20px;
}
.login-body .login-box .tab-content .tab-item {
  display: none;
}
.login-body .login-box .tab-content .tab-item.on {
  display: block;
}
.login-body .login-box .auth-text {
  text-align: center;
  font-size: 16px;
  color: #00d1b6;
}
.login-body .login-box .auth-text .error {
  color: #ff0000;
  display: none;
}
.login-body .login-box .auth-input {
  margin: 20px 0;
  text-align: center;
}
.login-body .login-box .auth-input input {
  height: 35px;
  border: 1px #cdcdcd solid;
  width: 50%;
  padding: 8px;
  color: #999;
  font-size: 30px;
  text-align: center;
}
.login-body .login-box .auth-button {
  text-align: center;
}
.login-body .login-box .auth-button .btn {
  font-size: 18px;
  padding: 6px 30px;
}
.video_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
.video_box .mark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.video_box .video {
  position: absolute;
  width: 640px;
  height: 480px;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -320px;
  background: #FFF;
  -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.8);
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.8);
}
.video_box .close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  line-height: 1;
  color: #666;
}
/*html, body{
  height: 100%;
  overflow: hidden;
}*/
/* 干掉奇虎登录框 */
.quc-mod-sign-in .quc-footer:before {
  display: none !important;
}
.quc-mod-sign-in .quc-main {
  margin: 0 auto !important;
}
input.quc-submit.quc-button.quc-button-sign-in:hover {
  /*background: #13e4c9 !important;*/
}
input.quc-submit.quc-button.quc-button-sign-in {
  background: #00d1b6 !important;
  color: #FFF !important;
  text-indent: 0 !important;
  font-size: 18px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.quc-input-long .quc-input-bg-focus {
  background-position: 0 -440px !important;
}
.quc-input-short .quc-input-bg-focus {
  background-position: 0 -575px !important;
}
.quc-mod-sign-in .quc-tip-wrapper {
  padding: 13px 0 0 74px !important;
}
.quc-footer {
  display: none !important;
}
.header .nav li{padding-right:40px;}
/*新增加样式表*/
.new-introduce {
    width: 100%;
    height: 499px;
    background: #021115 url(../images/360introduce01.png) no-repeat center;
    background-size:100% 499px;
    text-align:center;
}
.new-introduce02 {
    width: 100%;
    height: 499px;
    background: #021115 url(../images/360introduce02.png) no-repeat center;
    background-size:100% 499px;
    
}
.new-introduce02-content {
  zoom:1;
}
.new-introduce02-content {
  content:'';
  display:block;
overflow: hidden;
  clear:both;
}
.new-introduce02-content-slip{
  width:1px;
  height:200px;
  border:1px solid red;
}
/* 向左的箭头 */  
.new-dot-left {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: #cdcdcd;  
    border-left-width: 0;  
    border-style: dashed;  
    border-right-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent;
     position: absolute;
  left: -22px;
  top:16px;  
}  

.new-introduce02-content{
  width:500px;
  height:280px;
  margin: 21px 0 0 0px;
  /*border:1px solid red;*/
}
.new-introduce02-content .new-introduce02-content-left{
  float:left;
}
.new-introduce02-content .new-introduce02-content-left01 {
  padding: 10px 20px 0 2px;
}
.new-introduce02-content-right {
    width: 290px;
    height: 300px;
    padding: 10px;
    border-left: 3px solid #cdcdcd;
    position:relative;
}
.new-introduce02-content-right p{
    color:#767676;
    font-size:22px;
    line-height:36px;
}
.new-introduce02-content-right .new-introduce02-content-right-p01{
    position:absolute;
    left:10px;
    top:20px;
}
.new-introduce02-content-right .new-introduce02-content-right-p02{
    position:absolute;
    left:10px;
    top: 86px;
    display:none;
}
.new-introduce02-content-right .new-introduce02-content-right-p03{
    position:absolute;
    left:10px;
    top: 132px;
    display:none;
}
.new-introduce02-content-left .new-introduce02-content-active {
  color:#1f8eeb;
   font-size:30px;
}
.new-introduce02-content-left li {
  font-size:22px;
  line-height:40px;
  color:#050505;
  margin: 20px 0;
  cursor:pointer;
}
.new-introduce03{
    width: 100%;
    height: 499px;
    background: #021115 url(../images/360mirror01.png) no-repeat center;
    background-size:100% 499px;
    
}
.new-introduce03 h4 {
  padding-top:100px;
  font-size:36px;
  line-height:40px;
  color:#000;
  text-align:center;
}
.newIntem03-introduce02 {
    width: 100%;
    height: 499px;
    background: #021115 url(../images/newitem01.png) no-repeat center;
    background-size:100% 499px;
}
.newIntem03-introduce02 h4 {
  padding-top:100px;
  font-size:36px;
  line-height:40px;
  color:#000;
  text-align:center;
}
.newIntem03-introduce02-pic01 {
    zoom: 1;
    width: 1150px;
    /* margin-left: 280px; */
    margin: 0 auto;
}
.newIntem03-introduce02-pic01:after {
content:"";
clear:both;
display:block;
visibility: hidden;
}
.newIntem03-introduce02-pic01 .newIntem03-introduce02-li01 {
  float:left;
}
.newIntem03-introduce02-pic01 .newIntem03-introduce02-li02{
  float:right;
}
.new-introduce h4 {
  padding-top:130px;
  font-size:36px;
  line-height:40px;
  color:#000;

}
.new-introduce02 h4 {
  padding-top:100px;
  font-size:36px;
  line-height:40px;
  color:#000;
   text-align:center;
}
.new-introduce02 img {
 margin-left:100px;
}
.new-introduce03 img {
 margin-left:50px;
}
.new-introduce p {
  padding-top:34px;
  width:700px;
  font-size:24px;
  line-height:44px;
  margin: 0 auto;
  color:#767676;
}
.form-apply {
  width:100%;
  height:700px;
  background:#f0f2f8;
 
}
.form-apply input:hover{
  border:1px solid #1f8eeb;
}
.form-apply-middle {
  width:1100px;
  height:600px;
  background:#fff;
  margin:0px auto;
  border:1px solid #e2e2e2;
  text-align:center;
}
.form-apply-middle .form-font-size{
    font-size: 18px;
    width: 122px;
    /* border: 1px solid red; */
    color: #333;
    text-align: right;
    display: inline-block;
    margin-right: 10px;
}
.form-apply-middle-top h4{
  font-size:32px;
  line-height:40px;
  color:#333;
  margin:20px 0;
}
.foot-input {
  width:458px;
  height:36px;
  border:1px solid #e2e2e2;
  text-indent: 10px;
}
.foot-input02 {
  width:258px;
  height:36px;
  border:1px solid #e2e2e2;
  margin-right:50px;
}
.foot-space {
  margin:16px 0;
  position: relative;
}
/*.foot-space327 {
  margin:10px 0;
  position: relative;
}*/
.foot-space button{
  width:110px;
  height:36px;
  background:#e3ffef;
  border:1px solid #3ec478;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  left: 37px;
}

.index-version {
  width:1100px;
  height:402px;
/*  border:1px solid red;*/
  zoom:1;
  margin:0 auto;
}
.index-version:after{
  content:"";
  clear:both;
  display:block;
  visibility: hidden;
}
.index-version-left01 {
  width:410px;
  height:400px;
  border:1px solid #3ec478;
  float:left;
}
.index-version-left01 div:nth-of-type(1){
  background: url(../images/common-pic01.png);
    background-size: 402px 163px;
    height: 143px;
    width: 410px;
    text-align: center;
    margin-bottom: 20px;
}
.index-version-left01 h4{
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    padding-top: 20px;
}
.index-version-left01 i{
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
}
.index-version-left01 .index-version-bottom {
  /*text-align:center;*/
}
.index-version-left01 p{
    color: #767676;
    font-size: 24px;
    line-height: 40px;
    /* text-indent: 49px; */
    padding-left: 46px;
}
.index-version-left02 {
  width:310px;
  height:324px;
  border:1px solid #e2e2e2;
  float:left;
  margin-top: 38px;
  cursor:pointer;
}
.index-version-left02 div:nth-of-type(1){
  background: url(../images/common-pic02.png);
    background-size: 310px 129px;
    width: 310px;
    height: 129px;
    text-align: center;
    margin-bottom: 20px;
}
.index-version-left02 .index-version-pic03{
  background: url(../images/common-pic03.png);
    background-size: 310px 129px;
    width: 310px;
    height: 129px;
    text-align: center;
    margin-bottom: 20px;
}
.index-version-left02 h4{
    color: #000;
    font-size: 30px;
    line-height: 40px;
    padding-top: 20px;
}
.index-version-left02 i{
    color: #000;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
}
.index-version-left02 p{
    color: #767676;
    font-size: 18px;
    line-height: 30px;
    /* text-indent: 49px; */
    padding-left: 46px;
}
.index-version-left03 {
  width:310px;
  height:250px;
  /*border:1px solid red;*/
  float:left;
}
.fast-apply-footer{
  /*border:1px solid red;*/
 /* height:36px;*/
  margin:0 auto;
  text-align: center;
  margin-top: 74px;
}
.fast-apply-footer-middle{
  zoom:1;
  margin-bottom: 15px;
}
.fast-apply-footer-middle:after{
  content:"";
  clear:both;
  visibility:hidden;
  display:block;
}
.fast-apply-footer-middle li a{
  float:left;
  width:104px;
  height:28px;
  border-right:1px solid #8ca4a2;
  color:#fff;
  font-size:14px;
  text-align:center;
  line-height:28px;
  /*border-right:1px solid red;*/
}
.fast-apply-footer-copy {
  color:#8ca4a2;
  font-size:14px;
}
.white-hat-right-fixed {
  position:fixed;
  right:0;
  top:700px;
  display:none;
}
.white-hat-right-fixed01{
  position:fixed;
  right:-55px;
  top:300px;
  cursor: pointer;
  /*display:none;*/
}
.white-hat-right-fixed01-left{
  width: 230px;
  height: 160px;
  background:#fff; 
  position:fixed;
  right:72px;
  top:300px;
  cursor:pointer;
  border: 1px solid #19dfc7;
  padding: 20px;
  z-index: 50;
}
.white-hat-right-fixed01-span02{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: red;
  position: fixed;
  right: 0;
  top:300px;
}
.white-hat-right-fixed01-left p {
 color: #fff;
    line-height: 14px;
    font-size: 14px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    word-break: break-all;

}
.js-tool-menu-bottom a{
  color: #fff !important;
  margin-left: 0 !important;
}
/*input[placeholder]{
  padding-left:20px;
}*/
.hat-content-message:after{
  display:block;
  content:"";
  clear:both;
}
.btn-green01 {
  background: #48bfc2 !important;
}
.white-dot-right {  
    font-size: 0;
    line-height: 0;
    border-width: 10px;
    border-color: #f0f2f8;
    border-right-width: 0;
    border-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    right: -11px;
    top: 8%;
}  
.dot-top-down{  
    font-size: 0;  
    line-height: 0;  
    border-width: 8px;  
    border-color: #fff;  
    border-bottom-width: 0;  
    border-style: dashed;  
    border-top-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;
    margin-left: 8px;  
}   
.form-apply-middle .err-info{
  font-size:12px;
}