@charset "utf-8";
.mobileStyle .aboutUsBanner,
.mobileStyle .fixed_right_section {
  display: none;
}
.mobileStyle .user_center_section .public_content_section .question_area .content .imgList img {
  width: 48%;
}
.mobileStyle video {
  max-width: 100%;
  height: auto !important;
}
.mobileStyle .mobileShowSection {
  display: block;
}
.PCStyle .public_page {
  display: block;
}
.PCStyle .mobileShowSection,
.PCStyle header.index_header,
.PCStyle .fixed_right_contact {
  display: none;
}
.shadow_box {
  background: white;
}
.btn_oprator {
  display: inline-block;
  height: 30px;
  line-height: 26px;
  padding: 0 16px;
  border: 1.5px solid #369ff2;
  color: #369ff2;
  font-size: 14px;
  text-align: center;
  background: transparent;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-left: 20px;
  box-shadow: 0 0 0 0.1px #369ff2, 0 0 0 0.1px #369ff2 inset;
}
.btn_oprator:hover {
  background: #369ff2;
  color: #ffffff;
}
.UC_header {
  position: relative;
  height: 58px;
  line-height: 58px;
  font-size: 22px;
  font-family: FZFont3, "黑体", "Microsoft Yahei", sans-serif;
  padding-left: 20px;
  color: #000;
}
.UC_header:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 19px;
  width: 4px;
  height: 20px;
  background: #369FF2;
}
.UC_box {
  border: 1px solid #e0e8ef;
  margin-bottom: 20px;
}
input[type=file].file {
  position: absolute;
  width: 104px;
  height: 30px;
  filter: alpha(opacity=0);
  opacity: 0;
  left: 23px;
  top: 0;
}
.user_center_section {
  position: relative;
  margin-top: 20px;
  *padding-top: 20px;
}
.user_center_section:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  bottom: 0;
  background: #ffffff;
}
.public_nav_section {
  position: relative;
  width: 230px;
  padding-top: 16px;
  float: left;
  z-index: 99;
  background: #ffffff;
}
.public_nav_section ul li a {
  display: block;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  color: #444444;
}
.public_nav_section ul li.active a {
  background: #369ff2;
  color: #ffffff;
}
.public_content_section {
  margin-left: 240px;
}
.public_content_section .company_info_sec {
  padding: 0 24px 20px;
  margin-bottom: 10px;
}
.public_content_section .company_info_sec .head_sec {
  position: relative;
  height: 220px;
  padding-top: 22px;
  text-align: center;
}
.public_content_section .company_info_sec .head_sec .img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  -ms-border-radius: 110px;
  -o-border-radius: 110px;
  border-radius: 110px;
  background: url(../img/circle_user_head.png) center center no-repeat;
  padding: 4px;
  overflow: hidden;
}
.public_content_section .company_info_sec .head_sec .img img {
  width: 102px;
  height: 102px;
}
.public_content_section .company_info_sec .head_sec .name {
  font-size: 20px;
  color: #666666;
  line-height: 74px;
}
.public_content_section .company_info_sec .head_sec .btn_oprator {
  position: absolute;
  top: 18px;
  right: 20px;
}
.public_content_section .company_info_sec .info_line {
  line-height: 54px;
  font-size: 16px;
}
.public_content_section .company_info_sec .info_line .label {
  color: #999999;
  width: 146px;
  text-align: left;
  padding-left: 40px;
  display: inline-block;
}
.public_content_section .company_info_sec .info_line .value {
  color: #444444;
  margin-left: 146px;
  text-align: center;
}
.public_content_section .company_info_sec_2 {
  padding: 20px 35px;
}
.public_content_section .company_info_sec_2 .info_line {
  line-height: 50px;
  font-size: 16px;
}
.public_content_section .company_info_sec_2 .info_line .label {
  display: inline-block;
  color: #999999;
  width: 146px;
  text-align: left;
  padding-left: 40px;
}
.public_content_section .company_info_sec_2 .info_line .value {
  color: #444444;
}
.UC_Tabs {
  width: 690px;
  height: 52px;
  overflow: hidden;
  margin: 0 auto 17px;
}
.UC_Tabs.half_sec li {
  width: 50%;
}
.UC_Tabs li {
  padding: 17px 0;
  width: 222px;
  border-bottom: 1px solid #e0e8ef;
  float: left;
}
.UC_Tabs li a {
  display: block;
  height: 16px;
  font-size: 18px;
  color: #666666;
  text-align: center;
}
.UC_Tabs li.active {
  padding: 17px 0 16px;
  border-bottom: 2px solid #369ff2;
}
.UC_Tabs li.active a {
  color: #369ff2;
}
.UC_Tabs li:hover a {
  color: #369ff2;
}
.UC_Tabs li + li a {
  border-left: 1px solid #e0e8ef;
}
.employee_manage_sec {
  padding: 0 24px 20px;
}
.employee_manage_sec .btns_line {
  height: 50px;
  line-height: 50px;
  background: #f5f7f8;
  padding: 0 38px;
  font-size: 16px;
}
.employee_manage_sec .btns_line .btn_left {
  position: relative;
  display: inline-block;
}
.employee_manage_sec .btns_line .btn_left .upload_btn {
  background: #a8b4bf;
  color: #ffffff;
  border: 1px solid #a8b4bf;
  box-shadow: none;
  line-height: 26px;
}
.employee_manage_sec .btns_line .fileName {
  font-size: 12px;
  color: #a8b4bf;
}
.employee_manage_sec .btns_line .btn_right {
  float: right;
}
.employee_manage_sec .btns_line .red {
  color: red;
}
.employee_manage_sec .result_sec_box {
  margin: 28px;
}
.employee_manage_sec .result_sec_box p {
  font-size: 16px;
}
.employee_manage_sec .result_sec_box .result_sec {
  margin: 10px 0 32px;
  min-height: 386px;
}
.employee_manage_sec .oprator_line {
  padding: 20px 38px 0 10px;
  overflow: hidden;
}
.employee_manage_sec .oprator_line .btn_oprator {
  margin-top: 6px;
}
.employee_manage_sec .oprator_line .UC_search_section {
  position: relative;
  width: 220px;
  height: 36px;
  float: right;
  border: 1px solid #369ff2;
}
.employee_manage_sec .oprator_line .UC_search_section input[type="text"] {
  height: 34px;
  line-height: 34px;
  width: 178px;
  padding: 0 10px;
  border: none;
}
.employee_manage_sec .oprator_line .UC_search_section .btn_search {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 39px;
  height: 34px;
  border: none;
  outline: none;
  background: url(../img/btn_search.png) center center no-repeat #369ff2;
}
.table_section {
  position: relative;
  width: 100%;
  overflow-x: auto;
  margin: 20px 0 40px;
}
.table_section + .EC-pagination {
  margin-top: -30px;
}
.table_section table {
  border-collapse: collapse;
  min-width: 100%;
  width: auto;
}
.table_section table.table_degree tbody td:first-child {
  width: 200px;
  text-align: left;
  padding-left: 50px;
}
.table_section table tr.total td {
  background: #F5F5F5;
  text-align: left;
  padding-left: 18px;
}
.table_section table tr.total td .group_opt {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 40px;
}
.table_section table tr.total td .group_opt a {
  margin: 0 10px;
}
.table_section table thead td {
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 16px 6px;
  background: #f5f7f8;
}
.table_section table tbody td {
  font-size: 12px;
  color: #666666;
  text-align: center;
  padding: 12px 6px;
  border-bottom: 1px solid #e0e8ef;
  min-height: 30px;
}
.table_section table tbody td .long_text {
  max-width: 100%;
  width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}
.table_section table tbody td .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon_contact.png) center center no-repeat;
}
.table_section table tbody td .icon.icon_qq {
  background-position: 1px 2px;
}
.table_section table tbody td .icon.icon_weixin {
  background-position: -23px 2px;
}
.table_section table tbody td .link {
  padding: 0 6px;
}
.table_section table tbody td .link:hover {
  text-decoration: underline;
}
.table_section table tbody td .link.link_normal {
  color: #222222;
}
.table_section table tbody td .link.link_gray {
  color: #666666;
}
.table_section table tbody td .color_tips {
  color: #cc9900;
}
.table_section table tbody td .color_forbidden {
  color: #ee0000;
}
.table_section table tbody td .color_suc {
  color: #219D05;
}
.table_section table tbody td .color_disabled {
  color: #999999;
}
.table_section table tbody td .color_theme {
  color: #369ff2;
}
.table_section table tbody td .operate_btn {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  font-size: 12px;
  color: #444444;
  padding: 0 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.table_section table tbody td .operate_btn:hover {
  background: #eeeeee;
}
.table_section table tbody td .num {
  width: 64px;
  height: 24px;
  border: 1px solid #aaaaaa;
  background: #f3f3f3;
  color: #666666;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.table_section table tbody td .split_line {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 12px;
  height: 1px;
  background: #bbb;
  margin-left: 4px;
  margin-right: 4px;
}
.table_section table tbody td a {
  color: #666666;
}
.table_section table tbody td a:hover {
  color: #444444;
}
.form_section .header {
  background: #f5f5f5;
  line-height: 50px;
  font-size: 16px;
  padding: 0 30px;
  margin-bottom: 30px;
}
.form_section .form_top_link {
  padding: 20px 0;
  text-align: right;
}
.form_section .items {
  padding: 20px 0;
}
.form_section .item {
  margin-bottom: 20px;
}
.form_section .item .label,
.form_section .item .inputs,
.form_section .item select,
.form_section .item input[type="text"],
.form_section .item textarea,
.form_section .item input[type="password"],
.form_section .item .tips_text,
.form_section .item .tips,
.form_section .item .checkbox,
.form_section .item .checkbox_section {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 14px;
  color: #444444;
}
.form_section .item .label {
  margin-right: 6px;
  width: 184px;
  text-align: right;
}
.form_section .item .label span {
  color: #f9654c;
  margin-right: 4px;
}
.form_section .item .inputs {
  max-width: 70%;
  line-height: 34px;
}
.form_section .item .inputs.bordered {
  border: 1px solid #dddddd;
  background: #f5f5f5;
  padding: 10px;
}
.form_section .item .inputs .companyShortName {
  display: inline-block;
  background: #efeff0;
  color: #999;
  text-align: center;
  height: 34px;
  width: 60px;
  font-size: 16px;
}
.form_section .item .inputs .add_inputs {
  margin: 0 6px;
}
.form_section .item .inputs select,
.form_section .item .inputs input[type="text"],
.form_section .item .inputs textarea,
.form_section .item .inputs input[type="password"] {
  background: transparent;
  border: 1px solid #e0e8ef;
  height: 34px;
  padding: 0 10px;
}
.form_section .item .inputs select {
  text-align: center;
  padding-right: 0;
}
.form_section .item .inputs input[type="text"],
.form_section .item .inputs input[type="password"] {
  width: 430px;
}
.form_section .item .inputs input.time {
  width: 200px;
  background: url(../img/icon_clock.png) 95% center no-repeat;
  background-size: 20px;
}
.form_section .item .inputs textarea {
  height: 50px;
  width: 430px;
  padding: 10px;
}
.form_section .item .inputs input.num {
  width: 40px;
  margin: 0 6px;
  text-align: center;
}
.form_section .item .inputs .radio_box {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 40px;
}
.form_section .item .inputs .radio_box input {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 4px;
}
.form_section .item .tips_text {
  color: #999999;
}
.form_section .item .tips_text span {
  color: red;
}
.form_section .item .tips {
  height: 32px;
  line-height: 32px;
  background: #78af87;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 14px;
  color: #ffffff;
  margin-left: 20px;
}
@media (max-width: 1280px) {
  .form_section .item {
    margin-bottom: 10px;
  }
}
.organ_sec {
  padding: 0 24px 20px;
}
.organ_sec .zTree_section_before {
  position: relative;
}
.organ_sec .zTree_section_before:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 220px;
  border-right: 1px solid #e0e8ef;
  background: #f5f7f8;
}
.organ_sec .zTree_section_before .zTree_section {
  position: relative;
  width: 220px;
  float: left;
}
.organ_sec .zTree_section_before .zTree_section .header {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #e0e8ef;
  margin-bottom: 20px;
}
.organ_sec .zTree_section_before .organ_sec_content {
  margin-left: 220px;
}
.organ_sec .zTree_section_before .organ_sec_content .oprator_line {
  padding: 30px 20px;
  text-align: right;
}
.table_opt {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 24px;
  height: 24px;
  background: url(../img/icon_table_opr.png) center center no-repeat;
}
.table_opt.opt_edit {
  background-position: -2px -6px;
}
.table_opt.opt_del {
  background-position: -40px -6px;
}
.table_opt.opt_unlock {
  background-position: -82px -6px;
}
.table_opt.opt_locked {
  background-position: -120px -6px;
}
.table_opt:hover {
  background-color: #f5f5f5;
}
.table_opt:hover.opt_edit {
  background-position: -2px -38px;
}
.table_opt:hover.opt_del {
  background-position: -40px -38px;
}
.table_opt:hover.opt_unlock {
  background-position: -82px -38px;
}
.table_opt:hover.opt_locked {
  background-position: -120px -38px;
}
.pub_search {
  padding-top: 14px;
  background: #f5f7f8;
}
.pub_search * {
  display: inline-block;
}
.pub_search select option {
  display: block;
}
.pub_search .item {
  margin-right: 20px;
  margin-bottom: 14px;
}
.pub_search .item .label {
  margin-left: 15px;
}
.pub_search .item .inputs select,
.pub_search .item .inputs input[type="text"],
.pub_search .item .inputs input[type="password"] {
  background: #fff;
  border: 1px solid #e0e8ef;
  height: 32px;
  padding: 0 6px;
}
.pub_search .item .inputs input[type="text"],
.pub_search .item .inputs input[type="password"] {
  width: 120px;
}
.pub_search .item .inputs select {
  text-align: center;
  padding-right: 0;
}
.pub_search .item .inputs input.time {
  width: 106px;
  background: url(../img/icon_clock.png) 95% center no-repeat #ffffff;
  background-size: 16px;
  padding: 0 4px;
}
.pub_search .opts {
  position: relative;
  display: block;
  border-top: 1px solid #e0e8ef;
  padding: 8px;
  text-align: center;
}
.pub_search.coin_search .opts {
  display: inline-block;
  border-top: none;
  padding: 0;
}
.pub_search .opts .btn_search_oprator {
  display: inline-block;
  height: 30px;
  width: 90px;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  background: #a8b4bf;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: none;
  text-align: center;
}
.pub_search .opts .btn_search_oprator:hover {
  background: #bdc9d4;
}
.pub_search .opts .oprator_line {
  position: absolute;
  right: -18px;
  top: -18px;
}
.pub_search + .table_section {
  margin-top: 0;
}
.pub_search + .table_section table thead td {
  background: #fff;
}
.pub_search .time_control {
  padding: 4px 6px;
  background: #f5f5f5;
  background: -webkit-linear-gradient(#ffffff, #f4f4f4);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffffff, #f4f4f4);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffffff, #f4f4f4);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffffff, #f4f4f4);
  /* 标准的语法 */
  border: 1px solid #dddddd;
}
.pub_search .time_control.active {
  border: 1px solid #a6a6a6;
}
.examine_pop {
  padding-bottom: 20px;
}
.examine_pop .form_section .items {
  border: none;
  padding: 20px 0;
}
.examine_pop .form_section .items .item {
  margin-bottom: 10px;
}
.examine_pop .form_section .items .item .label {
  width: 100px;
}
.examine_pop .form_section .items .item textarea {
  width: 320px;
  padding: 6px;
  line-height: 26px;
}
.examine_pop .btns {
  margin-top: -18px;
}
.checkbox {
  position: relative;
  padding-right: 20px;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  margin-right: 6px;
}
.checkbox.all {
  display: block;
}
.checkbox_section {
  padding: 10px 10px 0 10px;
  border: 1px solid #dddddd;
}
.checkbox_section .line_1 {
  margin-bottom: 10px;
}
.checkbox_section .line_2 {
  overflow: hidden;
}
.checkbox_section .line_2 .checkbox {
  float: left;
  margin-bottom: 10px;
}
.public_action {
  padding: 40px 0;
}
.no_authority {
  height: 246px;
  background: url(../img/no_authority.png) center top no-repeat;
  padding-top: 174px;
}
.no_authority p {
  font-size: 22px;
  color: #999;
  text-align: center;
  margin-bottom: 22px;
}
.no_authority p.gray {
  font-size: 16px;
  color: #bbb;
}
.UC_box .no_authority {
  margin: 30px 0;
}
.mobileStyle .question_area .question_sec.video_section {
  display: none;
}
.mobileStyle #pcVideo {
  display: none;
}
.question_area {
  background: #fff;
}
.question_area .question_sec {
  position: relative;
  padding: 0 36px 20px;
  _background: #fff;
}
.question_area .question_sec.video_section .content {
  max-width: 720px;
  margin: 20px auto;
}
.question_area .question_sec.video_section .content video {
  display: block;
  width: 100%;
  height: auto;
}
.question_area .question_sec .anchor {
  position: absolute;
  display: block;
  width: 100%;
  height: 80px;
  top: -80px;
  left: 0;
  visibility: hidden;
  z-index: -1;
}
.question_area .question_sec .header {
  height: 80px;
  line-height: 80px;
  font-size: 22px;
  letter-spacing: 2px;
  color: #282a3c;
  font-weight: 100;
  border-bottom: 1px solid #edeff3;
  margin-bottom: 0;
}
.question_area .question_sec .content .title {
  font-size: 18px;
  font-weight: 100;
  line-height: 40px;
  margin: 10px 0;
}
.question_area .question_sec .content p {
  line-height: 30px;
  font-size: 14px;
  color: #7b8185;
  margin-bottom: 0;
}
.question_area .question_sec .content p a.mail {
  color: #666;
  cursor: pointer;
}
.question_area .question_sec .content p a.mail:hover {
  color: #369ff2;
}
.question_area .question_sec .content .moblie_img {
  text-align: center;
}
.question_area .question_sec .content .moblie_img img {
  display: inline-block;
  width: 400px;
  height: auto;
  vertical-align: middle;
  margin: 10px;
}
.public_nav_section .left_header {
  height: 50px;
  line-height: 40px;
  padding-left: 22px;
  color: #369ff2;
  font-size: 22px;
  font-family: FZFont3, "黑体", "Microsoft Yahei", sans-serif;
}
.public_nav_section .left_header img {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: auto;
  margin-top: -2px;
  margin-right: 4px;
}
/*左侧菜单样式 开始*/
ul.leftNav a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.leftNav li a {
  letter-spacing: 2px;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #edeff3;
  border-top: 1px solid #edeff3;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  position: relative;
  margin-bottom: -1px;
  text-align: left;
}
ul.leftNav li a span {
  float: right;
  margin-right: 30px;
}
ul.leftNav ul {
  display: none;
  background: #f5f5f5;
}
ul.leftNav ul li a {
  letter-spacing: 0;
  height: 40px;
  line-height: 40px;
  border: none;
  font-size: 14px;
  color: #444;
  padding-left: 50px;
  margin-bottom: 0;
}
ul.leftNav ul li.active a {
  color: #369ff2;
  border-left: 2px solid #369ff2;
  background: none;
}
ul.leftNav ul li a:hover {
  color: #369ff2;
}
/*左侧菜单样式 结束*/
.coin_steps {
  padding: 40px 10px;
}
.coin_steps img {
  max-width: 100%;
  height: auto;
}
.coin_list {
  height: auto;
  overflow: hidden;
  margin-right: 10px;
}
.btn_more {
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid #ddd;
  color: #444;
  padding: 3px 8px;
  margin-bottom: 4px;
}
.btn_more .icon_arrow {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  background: url(../img/search.ele.png) center center no-repeat;
  background-position: 2px 6px;
}
.btn_more .icon_arrow.up {
  background-position: 2px -29px;
}
.btn_more:hover {
  border: 1px solid #369ff2;
  color: #369ff2;
}
.btn_more:hover .icon_arrow {
  background-position: 2px -11px;
}
.btn_more:hover .icon_arrow.up {
  background-position: 2px -46px;
}
.pub_search .dropdown {
  border: 1px solid #e0e8ef;
}
.pub_search .dropdown .selected,
.pub_search .dropdown li {
  padding: 9px 12px;
}
.wd_60 .dropdown {
  width: 60px;
}
.wd_133 .dropdown {
  width: 133px;
}
.wd_130 .dropdown {
  width: 130px;
}
.wd_160 .dropdown {
  width: 160px;
}
.coin_list_inner .tr {
  display: table-row;
  min-height: 34px;
}
.coin_list_inner .tr input[type="radio"] {
  margin-right: 6px;
  margin-top: 11px;
  display: inline-block;
  vertical-align: middle;
}
.coin_list_inner .tr span {
  display: table-cell;
  vertical-align: middle;
}
.coin_list_inner .col_1 {
  width: 60px;
}
.coin_list_inner .col_2 {
  width: 70px;
  padding-right: 20px;
}
.menuContent ul.ztree {
  background: #fff;
}
.articlePage {
  position: relative;
  margin: 20px auto;
  overflow: hidden;
}
.articlePage .banner_acticle {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.articlePage .banner_acticle img {
  display: block;
  width: 100%;
  height: auto;
}
.articlePage:before {
  content: "";
  position: absolute;
  right: 0;
  top: 130px;
  bottom: 0;
  width: 336px;
  background: #fff;
}
.articlePage:after {
  content: "";
  position: absolute;
  left: 0;
  top: 130px;
  bottom: 0;
  width: 860px;
  background: #fff;
  z-index: -1;
}
.articlePage .left_article_list {
  width: 860px;
  float: left;
  background: #fff;
}
.articlePage .left_article_list .top_cate_list {
  padding: 14px;
  border-bottom: 1px solid #f2f2f2;
}
.articlePage .left_article_list .top_cate_list li {
  display: inline-block;
  /*margin: 0 10px;*/
}
.articlePage .left_article_list .top_cate_list li a {
  /*display: block;*/
  height: 28px;
  line-height: 28px;
  padding: 6px ;
  color: #333;
  font-size: 14px;
}

.articlePage .left_article_list .top_cate_list li a:hover,
.articlePage .left_article_list .top_cate_list li a.active {
  background: #28a9ff;
  color: #fff;
  border-radius: 4px;
}
.articlePage .left_article_list .article_list li a {
  display: block;
  padding: 22px;
  overflow: hidden;
}
.articlePage .left_article_list .article_list li a .img {
  width: 280px;
  height: 180px;
  float: left;
}
.articlePage .left_article_list .article_list li a .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.articlePage .left_article_list .article_list li a .content {
  margin-left: 310px;
}
.articlePage .left_article_list .article_list li a .content p {
  color: #999;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
  height: 54px;
  overflow: hidden;
}
.articlePage .left_article_list .article_list li a .content h1.title {
  color: #333;
  font-size: 20px;
  line-height: 32px;
  height: auto;
  margin-bottom: 20px;
}
.articlePage .left_article_list .article_list li a .content p.time {
  height: auto;
}
.articlePage .left_article_list .article_list li a .content span {
  display: block;
  width: 120px;
  line-height: 30px;
  background: #28a9ff;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 16px;
}
.articlePage .left_article_list .article_list li a:hover {
  background: #fafafa;
}
.articlePage .left_article_list .article_list li + li {
  border-top: 1px solid #f2f2f2;
}
.articlePage .left_article_list .article_content {
  padding: 35px 60px;
}
.articlePage .left_article_list .article_content .title {
  font-size: 20px;
  color: #333;
  line-height: 26px;
  margin-bottom: 20px;
}
.articlePage .left_article_list .article_content .time {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  margin-bottom: 20px;
}
.articlePage .left_article_list .article_content .article_article {
  font-size: 14px !important;
  color: #333 !important;
  line-height: 28px !important;
}
.articlePage .left_article_list .article_content .article_article > p > img {
  border: none;
  width: 400px !important;
  height: 100% !important;
  margin: 15px auto !important;
}
.articlePage .left_article_list .article_content .pre_and_next {
  color: #999;
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
}
.articlePage .left_article_list .article_content .pre_and_next a {
  color: #333;
}
.articlePage .left_article_list .article_content .pre_and_next a:hover {
  color: #ffffff;
  background-color: #28A9FF;
  padding: 5px 10px;
  border-radius: 5px;
}
.articlePage .right_article_list {
  position: relative;
  width: 336px;
  float: right;
  background: #fff;
  z-index: 99;
}
.articlePage .right_article_list .image_right_acticle {
  display: block;
  width: 100%;
  height: auto;
  background: #f2f2f2;
  padding-bottom: 10px;
}
.articlePage .right_article_list .image_right_acticle img {
  display: block;
  width: 100%;
  height: auto;
}
.articlePage .right_article_list .header {
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #f2f2f2;
  padding: 8px 0;
}
.articlePage .right_article_list .header span {
  display: block;
  line-height: 40px;
  border-left: 4px solid #28a9ff;
  padding: 0 18px;
}
.articlePage .right_article_list ul {
  padding: 10px 0;
}
.articlePage .right_article_list ul li {
  position: relative;
}
.articlePage .right_article_list ul li a {
  display: block;
  font-size: 14px;
  padding: 10px 36px;
}
.articlePage .right_article_list ul li a p {
  color: #999;
  line-height: 18px;
  margin-bottom: 6px;
}
.articlePage .right_article_list ul li a p.title {
  color: #333;
  max-height: 36px;
  overflow: hidden;
}
.articlePage .right_article_list ul li a:hover p.title {
  color: #28a9ff;
}
.articlePage .right_article_list ul li:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #78afd3;
}
.pageList {
  padding: 20px;
}
.pageList li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.pageList li a {
  display: block;
  border: 1px solid #ddd;
  line-height: 28px;
  padding: 0 10px;
  color: #333;
}
.pageList li strong {
  color: #369FF2;
}
.pageList li.thisclass a {
  color: #369FF2;
  border: 1px solid #369FF2;
}
.mobileStyle .public_header,
.mobileStyle .public_footer {
  display: none;
}
.mobileStyle body {
  padding-top: 0;
  min-width: 50%;
}
.mobileStyle .common_width {
  width: 100%;
  max-width: 1210px;
}
.mobileStyle .public_page {
  padding-bottom: 0;
  min-width: 100%;
}
.mobileStyle .public_nav_section {
  width: 100%;
  float: none;
  margin-bottom: 10px;
  margin-top: 1.173333rem;
}
.mobileStyle .public_nav_section .leftNav {
  display: none;
}
.mobileStyle .public_nav_section .left_header {
  font-size: 20px;
}
.mobileStyle .user_center_section {
  margin-top: 0;
}
.mobileStyle .user_center_section:before {
  background: none;
}
.mobileStyle .public_content_section {
  margin-left: 0;
}
.mobileStyle ul.leftNav li a {
  height: 50px;
  line-height: 50px;
  padding-left: 24px;
}
.mobileStyle ul.leftNav ul li a {
  height: 36px;
  line-height: 36px;
  padding-left: 54px;
}
.mobileStyle .question_area .question_sec {
  padding: 0 22px 20px;
}
.mobileStyle .question_area .question_sec .header {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
.mobileStyle .question_area .question_sec .content .title {
  font-size: 16px;
  line-height: 30px;
}
.mobileStyle button,
.mobileStyle input[type="button"],
.mobileStyle input[type="reset"],
.mobileStyle input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
}
.aboutUsBanner {
  position: relative;
  z-index: 9;
  display: block;
  width: 100%;
  height: 928px;
  margin-bottom: -80px;
  background: url(../img/aboutUsBanner.png) center center no-repeat;
}
.user_center_section .public_content_section .question_area .content .imgList {
  margin: 10px 0;
}
.user_center_section .public_content_section .question_area .content .imgList img {
  display: inline-block;
  width: 220px;
  height: auto;
}
.user_center_section .public_content_section .question_area .content img.img_prize {
  width: 100%;
  margin: 10px 0;
}
.user_center_section .public_content_section .question_area .content .timeLine {
  padding-left: 40px;
  border-left: 4px dashed #ddd;
  margin: 40px 20px;
}
.user_center_section .public_content_section .question_area .content .timeLine .section {
  position: relative;
  margin-bottom: 40px;
}
.user_center_section .public_content_section .question_area .content .timeLine .section:before {
  content: " ";
  position: absolute;
  left: -52px;
  top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 20px solid #ddd;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.user_center_section .public_content_section .question_area .content .timeLine .section p {
  font-size: 16px;
  color: #000;
}
.user_center_section .public_content_section .question_area .content .timeLine .section p span {
  font-size: 30px;
  font-weight: 800;
}
.user_center_section .public_content_section .question_area .content .timeLine .section p a {
  color: #369ff2;
}
.user_center_section .public_content_section .question_area .content .timeLine .section:first-child:before {
  border-bottom-color: #369ff2;
}
.user_center_section .public_content_section .question_area .content .timeLine .section:first-child p span {
  color: #369ff2;
}

.info-right-keydata{
  font-size: 0;
  overflow: hidden;
  margin-right: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  border-bottom: 1px solid rgb(202, 196, 196);
  padding-bottom: 40px;
  padding: 20px;
}
.info-right-keydata>a{
  text-decoration:none;
}
.info-right-key{
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #00a4ff;
  border: 1px solid #00a4ff;
  box-sizing: border-box;
  text-align: center;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  flex: auto;
  -webkit-flex: auto;
  padding: 6px 10px;
  border-radius: 5px;
}
.info-right-key:hover{
  color: #ffffff;
  background-color: #28A9FF;
}
.keyword{
  padding: 40px 0;
}
.list-key{
  border: 1px solid #28A9FF;
  color: #28A9FF;
  border-radius: 5px;
  font-size: 10px;
  margin-right: 10px;
  padding: 4px !important;
}

.list-key:hover{
  color: #ffffff !important;
  background-color: #28A9FF !important;
}
.list-keyword{
  display: flex;
  position: absolute;
  left: 330px;
  bottom: 64px;
  z-index: 2;
}
.mianze{
  background: rgba(238,238,238,0.8);
  padding: 15px;
  font-size: 14px;
  color: #666;
  line-height: 25px;
  margin: 20px 0;
  overflow: hidden;
}
.mianze-title{
  font-size: 16px;
  color: #000;
  font-weight: 700;
  margin-bottom: 6px;
}
.article_list_li{
  position: relative;
}
.check_des{
  margin-top: 46px !important;
}
.error-box {
  margin: 150px auto 300px;
  padding: 60px 20px;
  width: 90%;
  max-width: 900px;
  text-align: center;
  border: 1px solid #ddd;
  color: #999;
  background: #fff;
}
.error-code {
  font-size: 40px;
}
.error-msg {
  font-size: 18px;
}
.error-time{
  font-size: 14px;
  margin-top: 10px;
}