.word_color {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6562), to(#ff5f28));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
}
li {
  list-style: none;
}
a,
a:hover {
  text-decoration: none;
  display: block;
}
img {
  border: 0;
}
.whole {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.top_wrap > img {
  width: 100%;
}
.top_wrap .content {
  width: 1200px;
}
.top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.top > img {
  width: 100%;
}
.top_row {
  overflow: hidden;
  margin-top: 50px;
}
.nav {
  background: #fff;
  margin-top: 36vw;
  border-radius: 6px;
  box-shadow: 0 5px 10px 10px rgba(255, 99, 98, 0.05);
  margin-bottom: 20px;
}
.nav ul {
  overflow: hidden;
}
.nav li {
  float: left;
  width: 16.66666667%;
  text-align: center;
}
.nav li.active span {
  border-bottom: 6px solid #5db0fd;
}
.nav li:hover a {
  color: rgba(0, 0, 0, 0.5);
}
.nav a {
  font-size: 1.4em;
  color: #000;
  font-weight: bold;
}
.nav span {
  display: inline-block;
  padding: 15px 0;
}
.nav_outer {
  position: relative;
}
.nav_outer:hover .second_nav {
  display: block;
}
.second_nav_outer {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  margin-top: -87px;
}
.second_nav {
  position: absolute;
  top: 67px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: none;
}
.second_nav_body {
  background: #fff;
  padding: 20px 0;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 0 5px 5px rgba(72, 133, 190, 0.1);
  display: none;
  position: relative;
  border-top: none;
}
.second_nav_body a {
  display: inline-block;
  margin: 0 10px;
  border-radius: 50px;
  padding: 7px 20px;
  color: #000;
  background: #ecf6ff;
  transition: all 0.5s;
}
.second_nav_body a:hover {
  display: inline-block;
  background: #73bbff;
  color: #fff;
  transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
}
.left_img {
  position: absolute;
  top: 50px;
  left: 0;
  width: 12vw;
}
.right_img {
  position: absolute;
  top: 50px;
  right: 0;
  width: 13vw;
}
.row {
  overflow: hidden;
  width: 100%;
}
.whole_block {
  width: 100%!important;
  float: none!important;
}
.block {
  margin-top: 40px;
  overflow: hidden;
  width: 48%;
  float: left;
}
.block:nth-child(even) {
  float: right;
}
.right_block .num_tit {
  float: right;
  text-align: right;
}
.right_block .block_child {
  float: left;
}
.right_block .num_tit_btn {
  float: right;
  margin-right: 3px;
  margin-bottom: 3px;
}
.right_block .num_tit_circle {
  margin-right: -5px;
}
.right_block .num_tit_circle img {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.block_two_list {
  width: 48%;
  float: left;
}
.num_leader {
  width: 35%;
}
.many_btn .block_tit {
  float: left;
  width: 21%;
  margin-bottom: 0;
}
.many_btn .block_body {
  float: left;
  width: 79%;
  overflow: hidden;
}
.three_btn .block_tit_left span {
  padding-left: 100px;
}
.three_btn .num_btn_1 {
  float: left;
  width: 30%;
  margin-right: 4.6%;
}
.three_btn .num_btn_1:last-child {
  margin-right: 0;
}
.three_btn .block_body {
  margin-top: 10px;
}
.four_btn {
  overflow: hidden;
}
.four_btn li {
  float: left;
  width: 31%;
  background: #ecf6ff;
  margin-right: 3.5%;
}
.four_btn li:hover {
  opacity: 0.7;
}
.four_btn li a {
  overflow: hidden;
  color: #2696ff;
}
.four_btn li a div {
  float: left;
  text-align: center;
  font-size: 1em;
}
.four_btn li:last-child {
  margin-right: 0;
}
.four_btn_img {
  padding: 10px 0 10px 5%;
  width: 45%;
}
.four_btn_img img {
  vertical-align: bottom;
}
.four_btn_word {
  width: 45%;
  line-height: 90px;
}
.num_btn_1 {
  border: 1px solid #73bbff;
  border-radius: 4px;
  height: 70px;
  transition: all 0.5s;
}
.num_btn_1 > div {
  float: left;
}
.num_btn_1:hover {
  background: #73bbff;
}
.num_btn_1:hover .num_btn_1_word_outer {
  color: #fff;
}
.num_btn_1_icon_outer {
  background: #73bbff;
  text-align: center;
  width: 30%;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  vertical-align: bottom;
}
.num_btn_1_icon_outer img {
  vertical-align: middle;
}
.num_btn_1_word_outer {
  width: 65%;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  color: #000;
  margin-top: 15px;
}
.num_btn_1_word_outer p:nth-child(2) {
  font-size: 0.7em;
  opacity: 0.7;
}
.num_leader_main {
  border: 1px solid #ecf6ff;
  border-radius: 4px;
  margin-bottom: 25px;
  overflow: hidden;
  color: #000;
}
.num_leader_main > div {
  float: left;
  margin: 20px 0 ;
}
.num_leader_left {
  background: #ecf6ff;
  color: #fff;
  margin-left: 20px!important;
  width: 12%;
  text-align: center;
  height: 150px;
}
.num_leader_left span {
  display: inline-block;
  margin-top: 25px;
  font-weight: bold;
  font-size: 1.1em;
}
.num_leader_middle {
  width: 40%;
  margin: 20px 3%!important;
}
.num_leader_middle p:nth-child(1) {
  font-size: 1.8em;
}
.num_leader_middle p:nth-child(1) span {
  color: #ecf6ff;
}
.num_leader_middle p:nth-child(2) {
  margin-top: 20px;
  line-height: 25px;
}
.num_leader_right {
  margin-right: 20px!important;
  float: right;
  width: 31%;
}
.num_leader_right img {
  width: 100%;
  vertical-align: bottom;
}
.block_tit {
  overflow: hidden;
  position: relative;
}
.block_tit_left {
  float: left;
  width: 100%;
  font-size: 1.5em;
  color: #000;
  transition: all 0.5s;
  position: relative;
}
.block_tit_left img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.block_tit_left span {
  position: relative;
  z-index: 1;
  padding: 28px 20px 40px 20px;
  display: inline-block;
}
.block_tit_right {
  text-align: right;
  position: absolute;
  right: 0;
  top: 25px;
}
.num_big_word {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6562), to(#ff5f28));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2em;
  font-weight: bold;
  transition: all 0.5s;
}
.num_small_word {
  color: #959595;
  font-size: 0.8em;
  margin: 10px 0 30px 0;
}
.num_tit {
  float: left;
  width: 20%;
  transition: all 0.3s;
}
.num_tit:hover {
  opacity: 0.7;
}
.num_tit_btn {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 3px 3px rgba(255, 99, 98, 0.1);
  display: inline-block;
  padding: 3px 25px;
  color: #000;
  border-radius: 30px;
  font-size: 0.9em;
  margin-left: 3px;
  transition: all 0.5s;
}
.num_tit_btn span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 30px;
  margin-left: 5px;
}
.num_tit_circle {
  background: #ecf6ff;
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}
.num_tit_circle img {
  display: inline-block;
  vertical-align: bottom;
}
.line {
  border-bottom: 1px dashed #ffffff;
}
.btn_0,
.tab_btn_brother {
  font-size: 1.1em;
  display: inline-block;
  background: #ecf6ff;
  padding: 10px;
}
.btn_0 a,
.tab_btn_brother a {
  color: #000;
}
.btn_0.active,
.tab_btn_brother.active {
  background: #73bbff;
}
.btn_0.active a,
.tab_btn_brother.active a {
  color: #fff;
}
.tab_body li,
.index_list li {
  line-height: 20px;
  margin-top: 11px;
  transition: all 0.5s;
}
.tab_body li:hover,
.index_list li:hover {
  opacity: 0.7;
}
.tab_body li:hover span,
.index_list li:hover span {
  margin-right: 10px;
}
.tab_body li a,
.index_list li a {
  color: #000;
}
.tab_body li span,
.index_list li span {
  transition: all 0.5s;
  display: inline-block;
}
.num_btn_3 {
  background: #f8e5e3;
  color: #ecf6ff;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  padding: 10px 0;
  margin-top: 30px;
  transition: all 0.5s;
}
.num_btn_3:hover {
  background: #ecf6ff;
  color: #fff;
}
.num_btn_3 img {
  vertical-align: middle;
}
.index_list {
  margin-top: 0;
  overflow: hidden;
}
.index_list span {
  vertical-align: middle;
}
.second_inpage .index_list,
.manager .index_list {
  margin-left: 40px;
}
.index_list_name {
  width: 69%;
  margin-right: 9%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.index_list_time {
  width: 20%;
  text-align: right;
  color: #000;
}
.img_block {
  position: relative;
}
.img_block img {
  width: 100%;
}
.img_block .num_tit {
  text-align: center;
  margin: 30px auto 20px auto;
  float: none;
}
.img_block .num_big_word {
  color: #fff!important;
  background: none;
  -webkit-text-fill-color: inherit;
}
.img_block .num_small_word {
  color: #fff;
}
.img_block .num_tit_circle img {
  width: 20px;
  transform: rotate(90deg);
}
.img_block_body {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 60px;
  left: 0;
}
.info {
  overflow: hidden;
  margin-top: -80px;
}
.info li {
  float: left;
  width: 9.8%;
  margin-right: 8%;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
}
.info li:nth-child(2),
.info li:nth-child(5) {
  margin-top: 60px;
}
.info li:nth-child(3),
.info li:nth-child(4) {
  margin-top: 120px;
}
.info li:hover {
  transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  -webkit-transform: scale(0.95, 0.95);
  -o-transform: scale(0.95, 0.95);
  -moz-transform: scale(0.95, 0.95);
}
.info li:last-child {
  margin-right: 0;
}
.info li a {
  color: #fff;
  overflow: hidden;
  text-align: center;
}
.info li div {
  float: left;
  width: 30px;
  font-size: 1.5em;
  text-align: center;
}
.info .num_tit_circle {
  margin-top: 10px;
  transform: rotate(180deg);
}
.info_en {
  width: 12px;
  display: inline-block;
  word-wrap: break-word;
  font-size: 0.6em;
  background: rgba(255, 255, 255, 0.8);
  color: #aaaaaa;
  margin-top: -15px;
  line-height: 17px;
  padding: 25px 4px;
  transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}
.info_right {
  margin-top: 30px;
}
.three_btns {
  width: 40%;
}
.three_btns ul {
  margin-top: 20px;
}
.three_btns li {
  width: 29%;
  box-shadow: none;
  transition: all 0.5s;
}
.three_btns li:hover {
  transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
}
.three_btns .num_tit_btn_word {
  color: #000;
}
.num_btn_2 {
  border: 1px solid #ecf6ff;
  border-radius: 4px;
  width: 10%;
  text-align: center;
  float: left!important;
  margin: 45px 4%;
}
.num_btn_2:hover .num_btn_2_Word {
  background: #ecf6ff;
  color: #fff;
}
.num_btn_2_Word {
  font-size: 1.3em;
  color: #000;
  font-weight: bold;
  padding: 50px 0;
  background: #fff;
}
.num_btn_2_icon {
  background: #ecf6ff;
  color: #fff;
  padding: 33px 0;
}
.num_btn_2_icon img {
  vertical-align: bottom;
}
.num_tit_btn_word {
  padding: 15px 0;
  color: #ff6362;
  font-size: 1.2em;
}
.num_tit_btn_small_word {
  color: #959595;
  font-size: 0.6em;
  margin-top: 5px;
}
.commu_index {
  height: 330px;
  overflow: hidden;
}
.commu_index ul {
  overflow: hidden;
}
.commu_index ul li {
  float: left;
  width: 5%;
  margin-right: 1px;
  background: #ecf6ff;
  overflow: hidden;
}
.commu_index ul li.active {
  width: 89.7%;
}
.commu_index ul li.active .commu_tit {
  width: 5%;
}
.commu_index ul li.active .commu_body {
  width: 95%;
}
.commu_tit {
  float: left;
  width: 100%;
  height: 330px;
  text-align: center;
  background: linear-gradient(180deg, #73bbff, #ecf6ff);
  transition: all 1s;
}
.commu_tit img {
  margin-top: 40px;
}
.commu_tit span {
  display: block;
  width: 50%;
  margin: 10px auto;
  color: #fff;
  font-size: 1.2em;
}
.commu_body {
  float: left;
  width: 0;
  height: 330px;
  overflow: hidden;
  transition: all 1s;
}
.commu_body_inner {
  margin: 15px;
  overflow: hidden;
}
.commu_online {
  overflow: hidden;
}
.commu_online > div {
  float: left;
  width: 60%;
  height: 300px;
  background: #fff;
}
.commu_online > ul {
  float: right;
  width: 38%;
}
.commu_online ul li {
  width: 100%!important;
  padding: 0!important;
}
.commu_online ul li a {
  margin: 15px;
}
.commu_online .commu_list_tit {
  width: 55%;
}
.commu_online .commu_list_time {
  width: 45%;
}
.commu_block {
  margin-bottom: 20px;
}
.commu_block ul {
  overflow: hidden;
}
.commu_block ul li {
  float: left;
  width: 45%;
  margin-right: 1%;
  background: #fff;
  padding: 15px;
  color: #626262;
  margin-bottom: 10px;
}
.commu_block ul li:nth-child(2n) {
  margin-right: 0;
}
.commu_block ul li:hover {
  opacity: 0.7;
}
.commu_list_top {
  overflow: hidden;
  margin-bottom: 10px;
}
.commu_list_bottom {
  color: #626262;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.commu_list_tit {
  float: left;
  width: 65%;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.commu_list_time {
  float: right;
  width: 35%;
  text-align: right;
  color: #626262;
}
.commu_block_tit span {
  background: #fff;
  padding: 10px;
  color: red;
  margin-bottom: 20px;
  margin-right: 10px;
  display: inline-block;
}
.commu_block_tit span:hover {
  background: none;
}
.commu_block_tit a {
  color: red;
}
.commu_block_tit i {
  color: red;
  font-size: 0.8em;
  margin-left: 10px;
  text-decoration: underline;
}
.commu_word {
  background: #fff;
  padding: 15px;
  color: #626262;
  font-size: 0.95em;
  line-height: 25px;
}
.invite .index_list li {
  float: left;
  width: 48%;
  margin-right: 4%;
}
.invite .index_list li:nth-child(2n) {
  margin-right: 0;
}
.footer {
  position: relative;
}
.footer > img {
  width: 100%;
  vertical-align: bottom;
}
.footer_body {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: right;
  color: #fff;
}
.footer_tit {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.footer_row {
  overflow: hidden;
}
.footer_row a {
  display: inline-block;
  margin-left: 20px;
  color: #fff;
  line-height: 30px;
  transition: all 0.3s;
}
.footer_row a:hover {
  transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  -webkit-transform: scale(0.95, 0.95);
  -o-transform: scale(0.95, 0.95);
  -moz-transform: scale(0.95, 0.95);
  text-decoration: underline;
}
.footer_line {
  border-bottom: 1px solid #fff;
  margin: 20px 0;
}
.footer_icon {
  float: left;
  margin-left: 0!important;
  margin-right: 20px;
}
.footer_bottom_word {
  float: right;
}
.block_second_tit {
  border-left: 5px solid #5db0fd;
  border-right: 5px solid #5db0fd;
  margin-bottom: 20px;
  position: relative;
}
.block_second_tit .left {
  position: absolute;
  padding: 0 30px;
  left: 0;
  top: -2px;
  background: #fff;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
}
.block_second_tit .right img {
  width: 100%;
  margin-top: 5px;
}
.block_second_tit_right {
  position: absolute;
  right: -5px;
  top: -10px;
}
.second_inpage .invite .index_list li {
  width: 46%;
  margin-right: 90px;
}
.second_inpage .invite .index_list li:nth-child(2n) {
  margin-right: 0;
}
.second_inpage .commu_body {
  height: inherit;
}
.second_inpage .commu_block:last-child {
  margin-bottom: 0;
}
.second_inpage .block_left .commu_block ul li {
  width: 90%;
}
.second_inpage .block_left .commu_list_tit {
  width: 60%;
}
.second_inpage .block_left .commu_list_time {
  width: 40%;
  font-size: 0.8em;
  margin-top: 5px;
}
.second_inpage .commu_bg {
  background: #ecf6ff;
}
.second_inpage .commu_bg .tab_body {
  padding: 30px;
}
.second_inpage .commu_bg .commu_block ul li {
  width: 46%;
}
.second_inpage .commu_btns {
  text-align: center;
}
.second_inpage .commu_btns a {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 10px 20px;
}
.second_inpage .commu_btns a.active {
  background: #ecf6ff;
}
.margin_left_1 {
  margin-left: 90px;
}
.margin_left_2 {
  margin-left: 130px;
}
.header_top {
  background: #242424;
  overflow: hidden;
  color: #fff;
  font-size: 0.8em;
  padding: 12px 0;
}
.header_top a {
  color: #fff;
  display: inline-block;
}
.header_top a:hover {
  color: #9be1ff;
}
.header_top form {
  float: right;
}
.header_top select {
  border: none;
  padding: 4px 5px 6px 5px;
  padding: 4.5px 5px 4px 5px\0;
  *padding: 4.5px 5px 4px 5px;
  margin-left: -3px;
  vertical-align: bottom;
  outline: none;
  color: #007dc1;
  font-size: 0.75em;
  font-size: 1em\0;
  *font-size: 1em\0;
  font-weight: bold;
  *float: left;
}
.header_top_left {
  float: left;
  text-align: left;
  line-height: 24px;
}
.header_top_right {
  float: right;
  text-align: right;
  line-height: 22px;
  *width: 33%;
}
.header_top_right a {
  margin-right: 20px;
  *float: left;
}
.header_top_right img {
  vertical-align: bottom;
}
.header_search {
  *float: left;
  text-align: right;
  position: relative;
  display: inline-block;
}
.header_search input {
  padding: 5px 10px;
  font-size: 0.9em;
  border: 0;
  background: #fff;
  outline: none;
}
.header_search img {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  width: 20px;
}
.manager_list {
  background: #f3f8fe;
}
.manager_list li {
  margin-bottom: 30px;
  overflow: hidden;
}
.manager_list li:last-child {
  margin-bottom: 0;
}
.manager_list .block_inner {
  margin: 30px;
}
.manager_list .block_left {
  width: 20%;
}
.manager_list .block_left img {
  width: 100%;
  vertical-align: bottom;
}
.manager_list .block_right {
  width: 77.5%;
}
.block_inner {
  overflow: hidden;
}
.block_left {
  float: left;
}
.manager_left_word {
  text-align: center;
  font-size: 1.5em;
  margin-top: 20px;
  font-weight: bold;
}
.manager_left_word span {
  color: #5db0fd;
}
.block_right {
  float: right;
}
.manager_block {
  margin-bottom: 15px;
  overflow: hidden;
}
.manager_tit {
  border-left: 5px solid #5db0fd;
  padding-left: 10px;
  margin-bottom: 15px;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  transition: all 0.5s;
}
.manager_tit:hover {
  padding-left: 15px;
}
.manager_right_word {
  background: #f1f7ff;
  line-height: 28px;
  padding: 15px;
  color: #626262;
  max-height: 210px;
  overflow-y: auto;
}
.manager_detail_left {
  float: left;
  width: 70%;
  margin-top: 85px;
}
.manager_detail_right {
  float: right;
  width: 25%;
}
.manager_detail_right img {
  width: 100%;
}
.num_btn_4 {
  color: #000!important;
  border-bottom: 3px solid #5db0fd;
  padding: 10px 0;
  text-align: center;
  display: inline-block;
}
.num_btn_4:hover {
  display: inline-block;
}
.mailbox .block_left {
  width: 30%;
  background: #f1f7ff;
}
.mailbox .block_right {
  width: 67%;
}
.mailbox_block {
  background: #f1f7ff;
  padding: 20px;
  overflow: hidden;
}
.mailbox_list {
  background: #f3f8fe;
  margin-top: 20px;
}
.mailbox_list li {
  margin-top: 20px;
}
.mailbox_list li:hover .mailbox_circle {
  margin-right: 10px;
}
.mailbox_list a {
  color: #000;
}
.mailbox_tit {
  color: red!important;
  background: #fff;
  width: 80px;
  text-align: center;
  padding: 5px 10px;
  transition: all 0.5s;
}
.mailbox_tit:hover {
  margin-left: 10px;
}
.mailbox_word {
  line-height: 28px;
  font-size: 0.95em;
  margin-top: 15px;
}
.mailbox_circle {
  background: #5db0fd;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.5s;
}
.mailbox_list_top {
  font-size: 1.1em;
  font-weight: bold;
}
.mailbox_list_bottom {
  margin-top: 10px;
  color: #626262;
  line-height: 25px;
  font-size: 0.95em;
}
.mailbox_list_bottom span {
  font-weight: bold;
}
.top_btn {
  margin: 30px 0;
}
.top_btn ul {
  overflow: hidden;
  padding: 5px;
}
.top_btn ul li {
  float: left;
  background: #fff;
  width: 30%;
  margin-right: 5%;
  box-shadow: 0 0 5px 3px #cde3ff;
  line-height: 50px;
  text-align: right;
  border-radius: 4px;
  cursor: pointer;
}
.top_btn ul li:hover,
.top_btn ul li.active {
  background: #5db0fd;
  color: #fff;
}
.top_btn ul li:last-child {
  margin-right: 0;
}
.top_btn ul li span {
  font-size: 1.5em;
  margin-top: 3px;
}
.top_btn ul li img {
  height: 50px;
  vertical-align: middle;
  margin-left: 70px;
}
.top_btn ul li:last-child {
  margin-right: 0;
}
.book {
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  margin: 20px 5px 5px 5px;
  width: 99%;
  overflow: visible;
}
.book_side {
  height: 550px;
}
.book_side.left {
  float: left;
}
.book_side.right {
  float: right;
}
.book_left {
  float: left;
  width: 30%;
}
.book_left_inner,
.book_right_inner {
  margin: 20px;
}
.book_left_inner ul {
  margin-top: 30px;
  margin-left: 20px;
}
.book_left_inner li {
  margin-top: 15px;
  overflow: hidden;
}
.book_left_inner li img {
  display: block;
  float: left;
  height: 48px;
}
.book_left_inner li.active .book_left_list_right {
  background: #5db0fd;
  color: #fff;
}
.book_left_inner li.active b {
  display: inline-block;
}
.book_left_inner li b {
  color: #5db0fd;
  font-size: 2em;
  margin-left: -7px;
  line-height: 47px;
  display: none;
  transform: scale(0.6, 1);
  -ms-transform: scale(0.6, 1);
  -webkit-transform: scale(0.6, 1);
  -o-transform: scale(0.6, 1);
  -moz-transform: scale(0.6, 1);
}
.book_right_inner {
  position: relative;
}
.book_left_list_right {
  float: left;
  background: #f8f8f8;
  color: #666;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  font-size: 1.1em;
  width: 80%;
}
.book_right {
  float: right;
  width: 52%;
}
.book_tap {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  width: 60px;
  text-align: center;
  position: absolute;
  left: -90px;
  top: -40px;
}
.book_tap_top {
  background: #fff;
  line-height: 70px;
  padding-top: 20px;
}
.book_tap_bottom {
  background: #5db0fd;
  color: #fff;
}
.book_tap_bottom span {
  display: inline-block;
  width: 20px;
  font-size: 1.1em;
  padding: 20px 0;
}
.article_tit {
  text-align: center;
  margin-top: 20px;
  font-size: 1.2em;
  font-weight: bold;
}
.article_content {
  color: #626262;
  line-height: 25px;
  margin: 40px auto 0 auto;
  width: 90%;
}
.article_content p,
.set p {
  font-family: "微软雅黑" !important;
  font-size: 1em!important;
  line-height: 28px!important;
  color: #626262 !important;
}
.set {
  height: 600px;
  margin-top: 50px;
}
.set_left {
  float: left;
  height: 100%;
  overflow: auto;
  width: 25%;
}
.set_right {
  background: #f1f7ff;
  float: right;
  width: 70%;
  padding: 20px;
}
.set_tit_1 > li {
  text-align: center;
  margin-bottom: 3px;
}
.set_tit_1 > li > a {
  height: 55px;
  line-height: 55px;
  color: #626262;
  font-size: 1.1em;
  background: #ecf6ff;
}
.set_tit_2 {
  display: none;
}
.set_tit_2 li a {
  color: #000;
  padding: 8px 0;
  margin-bottom: 3px;
  background: #f1f7ff;
}
.gov .block_second_tit .right img {
  height: 12px;
  margin-top: 6px;
}
.center_tit_block .block_tit_left {
  float: none;
  text-align: center;
  margin: 40px auto 0 auto;
}
.env_intro {
  border: 1px solid #f4faff;
  padding: 20px;
  margin: 40px 0;
}
.env_intro span {
  display: inline-block;
  width: 74%;
  font-size: 0.95em;
  color: #626262;
  line-height: 20px;
  vertical-align: middle;
  margin-right: 5%;
}
.env_intro a {
  display: inline-block;
  width: 20%;
  margin: 0;
}
.second_inpage .four_btn li a div {
  font-size: 1.1em;
}
.second_inpage .four_btn_img {
  width: 35%;
}
.second_inpage .four_btn_img img {
  width: 100%;
}
.second_inpage .four_btn_word {
  line-height: 120px;
}
.open .block_tit {
  width: 20%;
}
.open_btns {
  overflow: hidden;
}
.open_btns li {
  float: left;
  background: #ecf6ff;
  text-align: center;
  margin-right: 4%;
  width: 13.33333333%;
}
.open_btns li:hover {
  opacity: 0.8;
}
.open_btns li:last-child {
  margin-right: 0;
}
.open_btns a {
  color: #626262;
  text-align: center;
  padding-bottom: 20px;
}
.open_btns_icon {
  background: #73bbff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  margin: 20px auto 10px auto;
}
.open_btns_icon img {
  vertical-align: middle;
}
.commu .mailbox_list {
  background: #f1f7ff;
}
.online_row .block {
  width: 40%;
  float: left!important;
  margin-right: 2.5%;
}
.online_row .block:last-child {
  margin-right: 0!important;
}
.online_wrap {
  border: 1px dashed #e2e2e2;
  margin-top: 40px;
  height: 185px;
  overflow: hidden;
}
.online_inner {
  height: 185px;
  overflow-y: auto;
  width: 102%;
}
.num_float {
  position: fixed;
  left: 8px;
  z-index: 99999;
  top: 0;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.num_float img {
  border-radius: 10px;
  vertical-align: bottom;
}
.num_wrap {
  position: relative;
}
.swiper-slide {
  height: auto !important;
  position: relative;
}
.swiper-slide img {
  width: 100%;
  height: 270px;
  vertical-align: bottom;
}
.swiper-wrapper {
  height: auto !important;
}
.swiper-container {
  position: relative;
}
.pagination {
  position: absolute;
  z-index: 9;
  right: 10px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  margin-right: 5px;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: red;
}
.arrow-left {
  position: absolute;
  left: 30px;
  top: 45%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  font-size: 3em;
  color: rgba(34, 34, 34, 0.5);
  z-index: 10;
  cursor: pointer;
}
.arrow-right {
  position: absolute;
  right: 30px;
  top: 45%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  font-size: 3em;
  color: rgba(34, 34, 34, 0.5);
  z-index: 10;
  cursor: pointer;
}
.wrap_block {
  position: relative;
}
.wrap_title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 23% 10px 3%;
  width: 74%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  font-size: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.activity {
  position: relative;
}
.activity .swiper-slide img {
  height: 130px;
}
.activity .wrap_block {
  margin: 0;
}
/******************************************列表页样式******************************************/
.inpage .top_wrap > img {
  margin-top: -2vw;
}
.inpage .nav {
  margin-top: 20vw;
}
.inpage .footer {
  margin-top: 6vw;
}
.inpage_body {
  box-shadow: 0 0 10px 10px rgba(255, 99, 98, 0.05);
  margin: 10px auto;
}
.topic_fish_inpage_body {
  background: #fff;
  padding: 0 30px 30px 30px;
}
.topic_fish_name {
  font-size: 1.5em;
  margin: 10px 0;
}
.listpage_tittle {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #ffffff;
}
.listpage_vertical_line {
  height: 60%;
  border-left: 7px solid #5db0fd;
  display: inline-block;
  margin-top: 12px;
  float: left;
}
.listpage_tittle_word {
  display: inline;
}
.listpage_tittle_word img {
  width: 20px;
  margin: 20px 5px 0 10px;
  display: block;
  float: left;
}
.listpage_tittle_word a {
  display: inline-block;
  color: #626262;
}
.listpage_content {
  padding-top: 20px;
  overflow: hidden;
}
.listpage_left {
  float: left;
  width: 15%;
  border: 1px solid #ffffff;
  min-height: 400px;
  position: relative;
}
.listpage_left_tittle {
  text-align: center;
  background: #5db0fd;
  color: #fff;
  padding: 10px 0;
  font-size: 1.3em;
}
.listpage_left_tittle a {
  color: #fff;
}
.listpage_left_ul > li {
  padding: 10px 0;
}
.listpage_left_ul > li a {
  margin-left: 15px;
  color: #626262;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
.listpage_left_ul > li:hover,
.listpage_left_ul > li.active {
  background: #5db0fd;
}
.listpage_left_ul > li:hover a,
.listpage_left_ul > li.active a {
  color: #fff;
}
.listpage_left_ul ul {
  margin-left: 15px;
  margin-top: 10px;
  font-size: 0.8em;
  opacity: 0.7;
}
.listpage_left_ul ul li {
  height: 35px;
  line-height: 35px;
}
.show_body {
  display: none;
}
.listpage_left_line {
  height: 25px;
  border-left: 7px solid rgba(0, 0, 0, 0);
  margin-top: 12px;
  float: left;
  margin-right: 8px;
  margin-top: 8px;
}
.listpage_left_line_checked {
  height: 25px;
  border-left: 7px solid #5db0fd;
  margin-top: 12px;
  float: left;
  margin-right: 8px;
  margin-top: 8px;
}
.listpage_right {
  float: none;
  width: 100%;
}
.listpage_right_tittle {
  padding: 20px 0;
  font-size: 1.3em;
  color: #626262;
}
.listpage_right_tittle a {
  color: #5db0fd;
}
.listpage_right_ul {
  margin-left: 20px;
  color: #5db0fd;
}
.listpage_right_ul li {
  list-style: disc;
  border-bottom: 1px dotted #ffffff;
  height: 50px;
  line-height: 50px;
  padding: 0 1%;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -o-transition: background 0.5s;
  -moz-transition: background 0.5s;
  list-style: none none lower-roman;
}
.listpage_right_ul li:hover {
  background: #fff2d1;
}
.listpage_right_ul li a {
  overflow: hidden;
  font-size: 0.9em;
  width: 100%;
  float: right;
  color: #626262;
}
.list_name {
  float: left;
  width: 79%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.list_time {
  float: right;
  width: 20%;
  text-align: right;
}
.pageing {
  margin-top: 4%;
  text-align: center;
}
.pageing a {
  display: inline-block;
  font-size: 0.7em;
  margin-bottom: 5px;
  padding: 10px 20px;
  color: #626262;
  border: 1px solid #ffffff;
  transition: background 0.5s, color 0.5s, border 0.5s;
  -webkit-transition: background 0.5s, color 0.5s, border 0.5s;
  -o-transition: background 0.5s, color 0.5s, border 0.5s;
  -moz-transition: background 0.5s, color 0.5s, border 0.5s;
}
.pageing a:hover {
  border: 1px solid #5db0fd;
  background: #5db0fd;
  color: #fff;
}
.list_write_btn {
  float: right;
  width: 20%;
  margin-top: 3%;
  background: #5db0fd;
  color: #fff;
  text-align: center;
  padding: 8px 0;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -o-transition: background 0.5s;
  -moz-transition: background 0.5s;
}
.list_write_btn:hover {
  background: #2d2e42;
}
.list_write_btn img {
  width: 25px;
  vertical-align: top;
}
.list_write_btn span {
  display: inline-block;
  margin-top: 2px;
}
/******************************************详情页页样式******************************************/
.detail_tittle {
  text-align: center;
  color: #5db0fd;
  padding: 20px 0;
  line-height: 30px;
  font-size: 1.3em;
  border-bottom: 1px solid #ffffff;
}
.detail_intro {
  text-align: center;
  margin: 20px;
  color: #959595;
  font-size: 0.8em;
}
.detail_content {
  margin-top: 20px;
  padding-bottom: 10px;
}
.inpage_form_intro {
  font-family: initial;
}
.inpage_form_intro div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  font-family: initial;
}
.detail_content div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  font-family: initial;
}
/******************************************图片列表样式******************************************/
.ninteenth_pic_list {
  overflow: hidden;
}
.ninteenth_pic_list a {
  float: left;
  width: 23.5%;
  width: 23%\9;
  margin-right: 2%;
  margin-top: 25px;
  text-align: center;
  background: #f3f3f3;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
}
.ninteenth_pic_list a:hover {
  opacity: 0.7;
}
.ninteenth_pic_list a:nth-child(4n) {
  margin-right: 0;
}
.ninteenth_pic_list img {
  width: 100%;
  height: 160px;
  vertical-align: bottom;
}
.ninteenth_pic_list_word {
  color: #bb282e;
  margin: 20px;
  height: 60px;
  overflow: hidden;
  line-height: 30px;
}
@media screen and (max-width: 1700px) {
  .nav {
    margin-top: 34vw;
  }
  .img_block > img {
    min-height: 800px;
  }
  .margin_left_1 {
    margin-left: 40px;
  }
  .margin_left_2 {
    margin-left: 80px;
  }
  .block_tit_left {
    font-size: 1.43em;
  }
  .block_tit_left span {
    padding: 17px 20px 50px 20px;
  }
  .many_btn .block_tit_left span {
    padding: 17px 20px 60px 20px!important;
  }
  .three_btn .block_tit_left span {
    padding-left: 70px!important;
  }
  .open_btns a {
    font-size: 0.95em;
  }
  body.active .block_tit_left span {
    padding: 30px 20px 60px 20px!important;
  }
  body.active .three_btn .block_tit_left span {
    padding-left: 70px!important;
  }
  .block_tit_right {
    top: 12px;
  }
  .commu_index ul li.active {
    width: 89%;
  }
  .commu_block ul li {
    width: 44%;
  }
  .commu_index {
    height: 350px;
  }
  .commu_body {
    height: 350px;
  }
  .commu_list_tit {
    width: 50%;
  }
  .commu_list_time {
    width: 50%;
  }
  .commu_online > div {
    height: 320px;
  }
  .three_btn .num_btn_1 {
    margin-right: 4.5%;
  }
  .four_btn_img {
    width: 42%;
  }
  .four_btn_img img {
    width: 65px;
    margin-top: 10px;
  }
  .four_btn_word {
    width: 48%;
  }
}
@media screen and (max-width: 1660px) {
  .topic_fish_left_img,
  .topic_fish_right_img {
    width: 10%;
  }
  .nav {
    margin-top: 33vw;
  }
}
@media screen and (max-width: 1366px) {
  .left_img,
  .right_img {
    display: none;
  }
  .index_list li:hover span {
    margin-right: 3px;
  }
  .topic_fish_left_img,
  .topic_fish_right_img {
    width: 7%;
  }
  .nav {
    margin-top: 32vw;
  }
  .swiper-slide img {
    height: 260px;
  }
  .index .index_list_time {
    width: 25%;
  }
  .index .index_list_name {
    margin-right: 2%;
  }
  .index .block_tit_left {
    font-size: 1.2em;
  }
  .margin_left_1 {
    margin: 0 10px;
  }
  .margin_left_2 {
    margin-left: 40px;
  }
  .four_btn_img {
    width: 90%;
    padding: 10px 5% 5px 5%;
  }
  .four_btn_img img {
    margin-top: 0;
  }
  .four_btn_word {
    width: 100%;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .open_btns li:first-child {
    padding-bottom: 20px;
  }
  .three_btn .num_btn_1 {
    margin-right: 4%;
  }
  .block_tit_left span,
  .many_btn .block_tit_left span {
    padding: 17px 10px 50px 10px!important;
  }
  .three_btn .block_tit_left span {
    padding-left: 35px!important;
  }
  .commu_index {
    height: 380px;
  }
  .commu_body {
    height: 520px;
  }
  .commu_online > div {
    height: 350px;
  }
  .num_btn_1_icon_outer {
    width: 25%;
  }
  .num_btn_1_word_outer {
    width: 70%;
  }
}
@media screen and (max-width: 798px) {
  .img_block > img {
    min-height: inherit;
  }
  .whole {
    margin-bottom: 20px;
  }
  .content {
    width: 96%;
    overflow: hidden;
  }
  .mobile_hidden {
    display: none;
  }
  /****************************************移动端 主页******************************/
  .top_wrap {
    margin-top: 0;
    margin-bottom: -30px;
  }
  .top_wrap .content {
    width: 96%;
  }
  .top_wrap > img {
    width: 200%;
    margin-left: -50%;
  }
  .inpage .content {
    width: 96%!important;
  }
  .inpage .nav {
    margin-top: 30vh;
  }
  .inpage .listpage_left,
  .inpage .listpage_right {
    float: none;
    width: 100%;
  }
  .inpage .list_time {
    font-size: 0.9em;
  }
  .img_block > img {
    width: 300%;
    margin-left: -100%;
  }
  .img_block .num_tit {
    margin: -20px auto 0 auto;
  }
  .top_row {
    margin-top: 10px;
  }
  .top_row img {
    width: 20%;
  }
  .search {
    height: 25px;
    line-height: 25px;
  }
  .nav {
    margin-top: 27vh;
  }
  .nav li {
    width: 33%;
  }
  .nav a {
    font-size: 1em;
  }
  .left_img,
  .right_img,
  .info_en {
    display: none;
  }
  .num_tit,
  .right_block .num_tit {
    float: none;
    width: 100%;
    transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    text-align: center;
    margin: -20px 0;
  }
  .num_tit .num_tit_btn,
  .right_block .num_tit .num_tit_btn {
    float: none;
  }
  .num_tit .num_small_word,
  .right_block .num_tit .num_small_word {
    margin: 10px 0;
  }
  .num_tit_circle img {
    transform: rotate(90deg) !important;
  }
  .block {
    margin: 20px 0;
    float: none;
    width: 100%!important;
  }
  .num_leader_right {
    width: 29%;
  }
  .block_tit_left {
    width: 40%;
  }
  .index_list_name {
    margin-right: 1%;
  }
  .index_list_time {
    width: 25%;
  }
  .info li {
    margin-right: 7%;
  }
  .info li div {
    font-size: 1em;
  }
  .info .num_tit_circle {
    display: none;
  }
  .info_right {
    margin-top: 0;
  }
  .btns li {
    width: 48%;
    margin-top: 20px;
    margin-right: 4%;
  }
  .btns li:nth-child(2n) {
    margin-right: 0;
  }
  .three_btns li {
    width: 30%;
  }
  .three_btns li:nth-child(2n) {
    margin-right: 4%;
  }
  .three_btns li:nth-child(3) {
    margin-right: 0;
  }
  .footer {
    font-size: 0.9em;
  }
  .footer > img {
    width: 500%;
    margin-right: -200%;
  }
  .footer_icon {
    float: right;
  }
  .block_left,
  .block_right {
    width: 100%!important;
    float: none;
  }
  .block_right {
    margin-top: 20px;
  }
  .manager .block_tit_left {
    width: 100%;
  }
  .manager_list .num_btn_4 {
    width: 100%;
  }
  .env_intro span {
    width: 100%;
  }
  .env_intro .num_btn_3 {
    width: 100%;
    margin-top: 20px;
  }
  .open_btns li {
    width: 30%;
    margin-right: 5%;
    margin-top: 10px;
  }
  .open_btns li:nth-child(3n) {
    margin-right: 0;
  }
  .topic_fish_wrap {
    width: 100%;
    position: relative;
    height: 275px\9;
    overflow: hidden;
  }
  .swiper-slide {
    height: auto !important;
    position: relative;
  }
  .swiper-slide img {
    width: 100%;
    height: 100px;
    vertical-align: bottom;
  }
  .swiper-wrapper {
    height: auto !important;
  }
  .swiper-container {
    position: relative;
  }
  .swiper-visible-switch {
    background: #aaa;
  }
  .swiper-active-switch {
    background: red;
  }
  .arrow-left {
    position: absolute;
    left: 22%;
    top: 35%;
  }
  .arrow-right {
    position: absolute;
    left: 73%;
    top: 35%;
  }
  .wrap_block {
    margin: 10px;
  }
  .wrap_title {
    font-size: 0.9em;
    padding: 5px 23% 5px 3%;
  }
  .wrap_white_left,
  .wrap_white_right {
    display: none;
  }
  .open_btns li:first-child {
    padding-bottom: 0;
  }
  .tab_outer .block_tit_left img {
    width: 200%;
  }
  .many_btn .block_tit_left,
  .tab_outer .block_tit_left {
    height: 60px;
    overflow: hidden;
  }
  .second_inpage .invite .index_list li {
    width: 100%;
    margin-right: 0;
  }
  .second_inpage .commu_bg .commu_block ul li {
    width: 90%;
  }
  .second_inpage .four_btn_img {
    width: 90%;
  }
  .second_inpage .four_btn_word {
    line-height: 40px;
  }
  /****************************************移动端 列表页******************************/
  .listpage_tittle {
    height: auto;
    line-height: 25px;
    padding: 10px 0;
  }
  .listpage_tittle img {
    width: 20px;
    margin: 3px 3px 0 0;
    float: left;
  }
  .listpage_right {
    float: none;
    width: 100%;
  }
  .listpage_right_tittle {
    padding: 20px 0;
    font-size: 1.3em;
    margin-left: 10px;
    color: #626262;
  }
  .listpage_right_ul {
    margin-left: 20px;
    color: #5db0fd;
  }
  .listpage_right_ul li {
    list-style: disc;
    border-bottom: 1px dotted #ffffff;
    height: 50px;
    line-height: 50px;
    padding: 0 1%;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    -moz-transition: background 0.5s;
    list-style: none none lower-roman;
  }
  .listpage_right_ul li:hover {
    background: #ededed;
  }
  .listpage_right_ul li a {
    overflow: hidden;
    font-size: 0.9em;
    width: 100%;
    float: right;
    color: #626262;
  }
  .list_name {
    float: left;
    width: 69%;
  }
  .list_time {
    float: right;
    width: 30%;
  }
  .pageing {
    width: 100%;
  }
  .pageing ul {
    overflow: hidden;
    margin-left: 20px;
    margin-top: 4%;
  }
  .pageing ul li {
    float: left;
    font-size: 0.7em;
  }
  .pageing ul li a {
    padding: 10px 20px;
    color: #626262;
    border: 1px solid #ffffff;
    transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
    -o-transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
  }
  .pageing ul li a:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    background: #5db0fd;
    color: #fff;
  }
  .list_write_btn {
    float: none;
    clear: both;
    margin-left: 20px;
    margin-top: 18%;
  }
  /****************************************移动端 局长******************************/
  .nav li span {
    border: 6px solid #fff;
  }
  .top_btn ul li span {
    font-size: 1.3em;
  }
  .top_btn ul li img {
    margin-left: 20px;
  }
  .book_left,
  .book_right,
  .manager_detail_left,
  .manager_detail_right,
  .invite .index_list li {
    float: none;
    width: 100%;
  }
  .book_side {
    display: none;
  }
  .book {
    padding: 20px 0;
    margin-top: 40px;
  }
  .manager_detail_left {
    margin-top: 0;
  }
  .manager_detail_right {
    text-align: center;
  }
  .manager_detail_right img {
    width: 50%!important;
    margin-top: 20px;
  }
  /****************************************移动端 详情页******************************/
}
@media screen and (max-width: 350px) {
  .list_name {
    width: 60%!important;
  }
  .list_time {
    width: 40%!important;
  }
}