html {
  color: #000;
  margin: 0 auto;
  font-size: 14px;
  background: #fff;
}
body {
  background: #fff;
  padding: 0px;
  margin: 0px;
}
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-size: 0 ;
}
div {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}
legend {
  color: #000;
}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #333333;
}
input,
textarea {
  background: none;
  outline: none;
  border: 0px;
}
input[type="text"]:focus,
input[type="password"]:focus {
  background: #fff;
  outline: none;
}
textarea:focus {
  outline: none;
}
button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
select {
  outline: none;
}
.single-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiline-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.container {
  width: 100%;
  background: #F1F3F5;
  position: relative;
  padding-top: 134px;
  box-sizing: border-box;
}
.container-w {
  width: 100%;
  background: #FFFFFF;
  position: relative;
  padding-top: 134px;
  box-sizing: border-box;
}
.box-1240 {
  width: 1240px;
  margin: 0 auto;
}
.head-box {
  width: 100%;
  transition: 0.2s all ease-in;
  background: #FFFFFF;
  position: fixed;
  left: 0;
  top: 0;
}
.head-top {
  width: 100%;
  height: 35px;
  background: #F8F8F8;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
}
.head-action {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.head-action .head-l {
  display: flex;
  align-items: center;
}
.head-action .address {
  display: flex;
  height: 100%;
  align-items: center;
}
.head-action .head-icon {
  width: 24px;
  height: 24px;
}
.head-action .address-name {
  height: 100%;
  display: flex;
  align-items: center;
}
.head-action .address-name span {
  color: #999999;
  margin-left: 3px;
}
.head-action .head-fgf {
  height: 14px;
  width: 1px;
  background: #DDDDDD;
  margin: 0 12px;
}
.head-action .head-text {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.head-action .menu-bar {
  display: flex;
  align-items: center;
}
.head-action .menu-bar li {
  margin-left: 30px;
}
.head-action .menu-bar li a {
  display: flex;
  height: 100%;
  align-items: center;
}
.head-action .menu-bar li img {
  margin-right: 2px;
}
.head-action .menu-bar li .out-text {
  color: #999999;
  margin-left: 6px;
}
.head-action .menu-bar li .head-phone {
  font-size: 16px;
  font-weight: bold;
  color: #FF6161;
}
.navigation-box {
  display: flex;
  padding: 18px 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
.navigation-box .logo {
  display: block;
}
.navigation-box .logo-img {
  width: 188px;
  height: 63px;
}
.navigation-box .navigation {
  display: flex;
}
.navigation-box .nav-item {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.navigation-box .nav-item a {
  display: block;
  padding: 0 26px;
  transition: 0.2s all ease-in;
}
.navigation-box .nav-item:hover a {
  font-weight: bold !important;
  color: #269BFF !important;
}
.navigation-box .nav-item-cur a {
  font-weight: bold !important;
  color: #269BFF !important;
}
.navigation-box .search-box {
  width: 303px;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navigation-box .search-box .search-l {
  display: flex;
  align-items: center;
  height: 100%;
}
.navigation-box .search-box .search-l .search-input {
  height: 100%;
  margin-left: 15px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 132px;
}
.navigation-box .search-box .serve-btn {
  cursor: pointer;
  min-width: 60px;
  height: 100%;
  border: none;
  outline: none;
  /*娓呴櫎闅剧湅鐨勭矖榛戠嚎*/
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 12px;
  /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄�*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗�*/
  background: url("../img/select-up.png") no-repeat scroll right center transparent;
}
.navigation-box .search-box .serve-btn-box {
  position: relative;
  height: 100%;
}
.navigation-box .search-box .serve-btn-box::after {
  content: '';
  position: absolute;
  top: 8px;
  right: -15px;
  height: 19px;
  width: 1px;
  background: #DDDDDD;
  margin: 0 0 0 10px;
}
.navigation-box .search-box select::-ms-expand {
  display: none;
}
.navigation-box .search-box .search-btn {
  display: block;
  width: 60px;
  height: 100%;
  background: #269BFF;
  border-radius: 0px 4px 4px 0px;
  background-image: url("../img/search.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  cursor: pointer;
}
.fix {
  background: #ffffff;
  z-index: 999;
  border-bottom: none !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.more-icon {
  width: 6px;
  height: 12px;
  margin-left: 6px;
}
.title-text {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.title-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.title-box .title-content {
  display: flex;
  align-items: center;
}
.title-box .title-content h2 {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin-right: 12px;
}
.title-box .title-text {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.title-box .more-btn {
  display: flex;
  align-items: center;
}
.title-box .more-icon {
  width: 6px;
  height: 12px;
  margin-left: 6px;
}
.title-new-right {
  display: flex;
  align-items: center;
}
.footer {
  overflow: hidden;
}
.link-box {
  width: 100%;
  height: 278px;
  background: #333333;
  margin-top: 100px;
}
.link {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.link-font1 {
  font-size: 14px;
  font-weight: 400;
  color: #BBBBBB;
}
.link-font2 {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
.link-l .logo-img {
  display: block;
  width: 220px;
  height: 85px;
}
.link-l .logo-img img {
  width: 100%;
  height: 100%;
}
.link-l .logo-desc {
  height: 60px;
  width: 280px;
  overflow: hidden;
  line-height: 20px;
  margin-top: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #BBBBBB;
}
.link-c {
  display: flex;
  padding: 0 74px;
  box-sizing: border-box;
  border-right: 1px solid rgba(41, 41, 41, 0.6);
  border-left: 1px solid rgba(41, 41, 41, 0.6);
}
.linkc-item {
  min-width: 108px;
  margin-right: 60px;
}
.linkc-item:last-child {
  margin: 0;
}
.linkc-item:nth-child(3) {
  max-width: 136px;
}
.linkc-title {
  line-height: 20px;
  width: 100%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
.link-list {
  width: 100%;
  margin-top: 24px;
}
.link-list li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
}
.link-list li:last-child {
  margin-bottom: 0;
}
.link-list li a {
  position: relative;
  overflow: hidden;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #BBBBBB;
}
.link-list li a:hover {
  color: #269BFF;
}
.link-list li a:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #BBBBBB;
  border-radius: 50%;
  left: 0;
  top: 8px;
}
.link-list .link-item {
  overflow: visible;
  cursor: pointer;
  position: relative;
}
.link-list .link-item:hover .bubble-box {
  opacity: 1;
  transition: 0.4s;
  position: absolute;
  height: auto;
  width: auto;
  padding: 8px;
  display: flex;
}
.link-list .link-item p {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #BBBBBB;
}
.link-list .link-item p:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #BBBBBB;
  border-radius: 50%;
  left: 0;
  top: 8px;
}
.link-list .link-item .bubble-box {
  opacity: 0;
  position: static;
  display: none;
  left: 110px;
  top: -10px;
  background: #FFFFFF;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  height: 0;
  width: 0;
  padding: 0;
}
.link-list .link-item .bubble-box:after {
  content: '';
  position: absolute;
  top: 13px;
  left: -10px;
  background: transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: none;
  border-right: 10px solid #FFFFFF;
}
.link-list .link-item .bubble-item {
  margin-right: 10px;
}
.link-list .link-item .bubble-item:last-child {
  margin-right: 0;
}
.link-list .link-item .bubble-item .code-img {
  width: 83px;
  height: 83px;
}
.link-list .link-item .bubble-item .code-text {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  max-width: 100%;
  margin-top: 8px;
}
.link-r .fwrx-item:nth-child(1) {
  margin-bottom: 40px;
}
.link-r .fwrx-item:nth-child(2) {
  margin-bottom: 24px;
}
.link-r .fwrx-item .fwrx-title {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
.link-r .fwrx-item .rx-phone2 {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #BBBBBB;
}
.link-r .rx-phone {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 8px;
}
.filing-info {
  width: 100%;
  padding: 18px 0;
  box-sizing: border-box;
  background: #292929;
}
.filing-desc {
  width: 664px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #BBBBBB;
  margin: 0 auto;
  text-align: center;
}
.sidebar-box {
  position: fixed;
  right: 50px;
  top: 200px;
  background: #FFFFFF;
  border-radius: 100px;
  border: 1px solid #F1F3F5;
  box-sizing: border-box;
  z-index: 112;
}
.sidebar-box .sidebar-open,
.sidebar-box .sidebar-img {
  display: flex;
  width: 56px;
  height: 56px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #F1F3F5;
  box-sizing: border-box;
  cursor: pointer;
}
.sidebar-box .sidebar-item {
  position: relative;
}
.sidebar-box .sidebar-item:last-child {
  border-bottom: none;
}
.sidebar-box .sidebar-item:hover .sidebar-icon {
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  transition: height 0.2s;
}
.sidebar-box .sidebar-item:hover .sidebar-text {
  height: 20px !important;
  width: 32px !important;
  overflow: visible !important;
  transition: height 0.2s;
}
.sidebar-box .sidebar-item:hover .sidebar-bubble,
.sidebar-box .sidebar-item:hover .sidebar-bubble1 {
  transform: scale(1) translateX(0px);
}
.sidebar-box .sidebar-icon {
  width: 34px;
  height: 34px;
  transition: 0.2s;
}
.sidebar-box .sidebar-text {
  font-size: 16px;
  font-weight: 400;
  color: #269BFF;
  height: 0;
  width: 0;
  overflow: hidden;
  transition: height 0.2s;
}
.sidebar-bubble {
  position: absolute;
  right: 67px;
  bottom: -14px;
}
.sidebar-bubble1 {
  position: absolute;
  right: 67px;
  bottom: -70px;
}
.sidebar-bubble,
.sidebar-bubble1 {
  white-space: nowrap;
  padding: 14px 15px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  transform: scale(0) translateX(100px);
  transition: 0.5s;
  z-index: 9;
}
.sidebar-bubble .sidebar-title,
.sidebar-bubble1 .sidebar-title {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.sidebar-bubble .sidebar-desc,
.sidebar-bubble1 .sidebar-desc {
  margin-top: 6px;
  link: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.sidebar-bubble .sidebar-font1,
.sidebar-bubble1 .sidebar-font1 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.sidebar-bubble .sidebar-code,
.sidebar-bubble1 .sidebar-code {
  display: flex;
}
.sidebar-bubble .sidebar-code .sidcode-item,
.sidebar-bubble1 .sidebar-code .sidcode-item {
  width: 86px;
  margin-right: 26px;
}
.sidebar-bubble .sidebar-code .sidcode-item img,
.sidebar-bubble1 .sidebar-code .sidcode-item img {
  width: 100%;
  height: 86px;
  margin-top: 6px;
}
.sidebar-bubble .sidebar-code .sidcode-item:last-child,
.sidebar-bubble1 .sidebar-code .sidcode-item:last-child {
  margin-right: 0;
}
.sidebar-c {
  transition: height 0.3s ease-in;
}
.sidebarc-block {
  overflow: visible !important;
  height: 280px !important;
}
.sidebar-none {
  height: 0;
  overflow: hidden;
}
#openButton {
  border-bottom: none;
}
@keyframes LR {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes RL {
  100% {
    width: 100%;
  }
  0% {
    width: 0;
  }
}
.customer_abso {
  position: absolute !important;
  left: 0 !important;
  bottom: 333px !important;
}
.customer-dh1 {
  animation: LR 1s;
}
.customer-dh2 {
  animation: RL 1s;
}
.customer-box {
  z-index: 999;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.customer {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  width: 1170px;
  margin: 0 auto;
}
.customer-list {
  display: flex;
  margin-left: 153px;
}
.customer-list li {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 50%;
  margin-right: 14px;
}
.customer-list li img {
  height: 48px;
  width: 48px;
}
.customer-text {
  margin-left: 26px;
  display: flex;
  align-items: center;
}
.customer-text img {
  width: 440px;
  height: 50px;
}
.appointment {
  margin-left: 50px;
}
.appointment-btn {
  display: block;
  width: 193px;
  height: 50px;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  background-color: #00a7eb;
  text-align: center;
}
.appointment-btn:hover {
  color: #FFFFFF;
}
.customer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 8px;
  background-color: #222;
  cursor: pointer;
}
.customer-close img {
  width: 24px;
  height: 24px;
}
.customer-icon {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 123px;
}
.customer-icon img {
  width: 100%;
  height: 100%;
}
.customer-new-bg {
  position: absolute;
  left: 37px;
  top: -62px;
  width: 1033px;
}
.customer-new-bg img {
  width: 100%;
  height: 100%;
}
.customer-down {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 1070px;
  top: 28px;
  animation: yyy 1.5s ease-in infinite;
}
@keyframes yyy {
  0% {
    top: 28px;
  }
  50% {
    top: 0px;
  }
  100% {
    top: 28px;
  }
}
.customer-big {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  height: 460px;
  background-color: rgba(0, 0, 0, 0.7);
  transition: 0.3s;
}
.customer-min {
  transition: 0.5s;
  bottom: 0;
  width: 160px;
  height: 96px;
  cursor: pointer;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0 48px 48px 0;
}
.customer-minl {
  left: -100%;
}
.customer-minr {
  left: 0px;
}
.customer-select {
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  right: 10px;
}
.customer-select img {
  width: 22px;
  height: 22px;
}
.customer-container {
  width: 100%;
  display: flex;
  height: 395px;
  margin-top: 110px;
  justify-content: space-between;
}
.customer-container-l {
  width: 896px;
  height: 100%;
  background: linear-gradient(50deg, #E3F2FF 0%, #FFFFFF 100%);
  border-radius: 16px 16px 0 0;
  padding: 22px 38px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.customer-container-r {
  width: 258px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 16px 16px 0 0;
  padding: 48px 37px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.customer-tp {
  width: 439px;
  height: 317px;
  margin-top: 33px;
}
.customer-form-box {
  width: 346px;
}
.customer-form-box .form-bd1 {
  position: static;
  width: 100%;
  background: transparent;
  padding: 0;
}
.customer-form-box .form-bd1 .bd-select {
  background-position: 320px center;
}
.customer-form-box .form-bd1 .bd-select,
.customer-form-box .form-bd1 .bd-input,
.customer-form-box .form-bd1 .bd-code {
  border: 1px solid #999999;
  height: 34px;
}
.customer-form-box .form-bd1 .bd-item {
  margin-bottom: 8px;
}
.customer-form-box .form-bd1 .zx-qy {
  background: #FFFFFF;
  border: 1px solid #999999;
}
.customer-form-box .form-bd1 .zx-qy input {
  border: none;
}
.customer-form-box .form-bd1 .sp-liyy {
  margin-top: 15px;
  background: #FF6161;
  font-weight: bold;
}
.customer-form-box .form-bd1 .sp-liyy:hover {
  background: #FF6161;
  opacity: 0.8;
}
.customer-form-box .form-bd1 .ld-list {
  top: -323px;
  width: 100%;
}
.customer-form-box .form-bd1 .ld-left {
  height: 280px;
}
.customer-form-box .time-list {
  bottom: auto;
  top: -319px;
}
.customer-code {
  width: 100%;
  height: 184px;
}
.customer-code-text {
  font-size: 18px;
  color: #333333;
  margin-top: 10px;
  text-align: center;
}
.fwn-desc {
  font-size: 14px;
  color: #999999;
  margin-left: 15px;
}
.master-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  padding: 0 10px;
  box-sizing: border-box;
}
.order-ys-box {
  width: 100%;
   display: flex;
   align-items: center;
  margin-top: 10px;
}
.order-ys-box input{
  margin: 3px 5px 0 3px;
}
.order-ys-box label {
  font-size: 12px;
}
.check_agreement {
  font-size: 12px;
  color: #269BFF;
}
.check_agreement:hover {
  color: #269BFF;
  text-decoration: underline;
}


/* 钀藉湴椤� */

/* .landingPage-details {
	padding: 3px 12px;
	background: #FF5D61;
	border-radius: 100px 100px 100px 0px;
	font-size: 14px !important;
	color: #FFFFFF !important;
	text-decoration: auto !important;
	display: none;
	margin-left: 12px;
} */

.landingPage-index {
	width: 100%;
	height: 130px;
	margin-top: 8px;
}

.landingPage-index-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	display: none;
}

.landingPage-index-box {
	text-align: center;
	position: absolute;
	width: 500px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.landingPage-index-box a img {
	width: 100%;
	height: 100%;
}

.landingPage-index-box a {
	width: 100%;
	height: 600px;
	display: block;

}

.landingPage-index-close {
	width: 37px;
	height: 37px;
	margin: 0 auto;
	cursor: pointer;
}

.landingPage-index-box-rk {
	text-align: center;
	position: fixed;
	right: 120px;
	bottom: 37%;
	z-index: 99;
}

.landingPage-index-box-rk a{
	width: 130px;
	height: 130px;
	display: block;
}
.landingPage-index-box-rk a img {
	width: 100%;
	height: 100%;
}

.landingPage-index-close-rk {
	width: 27px;
	height: 27px;
	margin: 0 auto;
	cursor: pointer;
}
/* 钀藉湴椤� */

.landingPage-details {
	padding: 3px 12px;
	background: #FF5D61;
	border-radius: 100px 100px 100px 0px;
	font-size: 14px !important;
	color: #FFFFFF !important;
	text-decoration: auto !important;
	display: none;
	margin-left: 12px;
  margin-bottom: 11px;
}
.landingPage-details2 {
  width:67px;
	/* padding: 3px 12px; */
  text-align: center;
	background: #FF5D61;
	border-radius: 100px 100px 100px 0px;
	font-size: 14px !important;
	color: #FFFFFF !important;
	text-decoration: auto !important;
	/* display: none; */
	margin-left: 12px;
  margin-bottom: 0px;

}
.landingPage-details1 {
	padding: 3px 12px;
	background: #FF5D61;
	border-radius: 100px 100px 100px 0px;
	font-size: 14px !important;
	color: #FFFFFF !important;
	text-decoration: auto !important;
	/* display: none; */
	margin-left: 12px;
  margin-bottom: 11px;

}
.landingPage-index {
	width: 100%;
	height: 130px;
	margin-top: 8px;
}

.landingPage-index-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	display: none;
}

.landingPage-index-box {
	text-align: center;
	position: absolute;
	width: 500px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.landingPage-index-box a img {
	width: 100%;
	height: 100%;
}

.landingPage-index-box a {
	width: 100%;
	height: 600px;
	display: block;

}

.landingPage-index-close {
	width: 37px;
	height: 37px;
	margin: 0 auto;
	cursor: pointer;
}




/*# sourceMappingURL=public.css.map */
.rmzx-animation:hover .rmzx-img .rmzx-p,
.rmzx-animation:hover .rmzxl-img .rmzx-p {
  transition: 1.5s all ease-in;
  transform: scale(1.2, 1.2);
}
.font1-cur {
  color: #269BFF;
  transition: 0.2s;
}
.label-color1 {
  background: #269BFF;
}
.label-color2 {
  background: #FF6161;
}
.label-color3 {
  background: #1FB766;
}
.page-font1 {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.title-20 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.title-14 {
  font-size: 14px;
  font-weight: 400;
}
.font20 {
  font-size: 20px;
  font-weight: 400;
}
.font48 {
  font-size: 48px;
  font-weight: 400;
}
.font26 {
  font-size: 26px;
  font-weight: 400;
}
.font30 {
  font-size: 30px;
  font-weight: 400;
}
.font12 {
  font-size: 12px;
  font-weight: 400;
}
.font18 {
  font-size: 18px;
  font-weight: 400;
}
.font16 {
  font-size: 16px;
  font-weight: 400;
}
.font24 {
  font-size: 24px;
  font-weight: 400;
}
.font32 {
  font-size: 32px;
  font-weight: bold;
}
.crumbs-font1 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.crumbs-box {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.crumbs-box li {
  margin-right: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.crumbs-box li a {
  display: inline-block;
  padding-right: 3px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.crumbs-box li a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.order-gg {
  display: block;
  width: 100%;
  height: 120px;
  background: url("../img/order-gg.png") no-repeat;
  background-size: 100% 100%;
}
.master-pf {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.master-pf .master-name {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: 10px;
  transition: 1s all ease-in;
}
.pf-list {
  transition: 1s all ease-in;
  display: flex;
  align-items: center;
}
.pf-list .pf-item {
  margin-right: 4px;
}
.pf-list .pf-item:last-child {
  margin-right: 0;
}
.pf-list .pf-item img {
  width: 14px;
  height: 14px;
}
.gg-box {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  background: #FFF5F3;
}
.gg-box .gg-title {
  font-size: 24px;
  font-weight: bold;
  color: #FF6161;
  text-align: center;
}
.gg-box .gg-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}
.gg-box .gg-label em {
  display: block;
  width: 80px;
  height: 32px;
  background: #FFD1D1;
  border-radius: 2px;
  color: #333333;
  line-height: 32px;
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
}
.gg-box .gg-desc {
  width: 100%;
}
.gg-box .gg-desc p {
  width: 100%;
  color: #666666;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
}
.gg-box .gg-desc p:last-child {
  color: #2F80FF;
}
.gg-box .gg-desc .gg-name {
  color: #333333;
  font-weight: bold;
  font-size: 14px;
}
.gg-box .gg-btn-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.gg-box .gg-btn-box a:nth-child(1) {
  background: #FF6161;
  margin-right: 10px;
}
.gg-box .gg-btn-box a:nth-child(2) {
  background: #D6AB7B;
}
.gg-box .gg-btn-box .gg-btn {
  display: block;
  width: 170px;
  height: 35px;
  border-radius: 3px;
  color: #FFFFFF;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.apply-box {
  width: 402px;
  height: 162px;
  display: block;
  margin-top: 16px;
}
.apply-box img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.author-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.author-text {
  font-size: 12px;
  font-weight: 400;
  color: #BBBBBB;
}
.author-text:hover {
  color: #269BFF;
  transition: 0.2s;
}
.author-l {
  display: flex;
  align-items: center;
}
.author-l .r-item {
  display: flex;
  align-items: center;
  margin-left: 28px;
}
.author-l img {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 8px;
}
.author-l a {
  margin-right: 8px;
}
.author-l a:last-child {
  margin-right: 0px;
}
.author-r {
  display: flex;
  align-items: center;
}
.author-r .r-item {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.author-r .r-item:first-child {
  margin-left: 0px;
}
.author-r .r-item img {
  width: 20px;
  height: 20px;
  margin-right: 2px;
}
.author-r .label-data {
  height: 24px;
  overflow: hidden;
  flex-wrap: wrap;
}
.author-r .label-data li {
  margin-top: 0;
  margin-right: 6px;
  height: auto;
  display: block;
  width: auto;
}
.author-r .label-data li:last-child {
  margin-right: 0;
}
.author-r .labeld-item {
  height: 24px;
  width: auto;
  max-width: 64px;
  padding: 0 8px;
  line-height: 24px;
  font-size: 12px;
}
.author-r .label-data li:nth-of-type(3n) {
  margin-right: 6px;
}
.label-a {
  max-width: 188px;
  display: inline-flex;
  margin-left: 16px;
}
.author-text3 {
  font-size: 12px;
  font-weight: 400;
  color: #269BFF;
}
.rmzx-bk {
  margin-top: 37px;
}
.rmzx {
  width: 100%;
  height: 680px;
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.rmzx-l {
  width: 498px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmzx-l .author-info {
  margin-top: 8px;
}
.rmzx-l .rmzx-item {
  width: 498px;
  height: 330px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.rmzx-l .rmzx-img {
  display: block;
  width: 100%;
  height: 100%;
}
.rmzx-l .rmzx-img img {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: 1.5s all ease-in;
}
.rmzx-l .rmzx-info {
  width: 100%;
  height: 86px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 18px 18px 15px;
  box-sizing: border-box;
}
.rmzx-l .rmzx-info .rmzx-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #FFFFFF;
  transition: 0.5s all ease-in;
}
.rmzx-l .rmzx-info .rmzx-title:hover {
  transition: 0.5s all ease-in;
  color: #269BFF;
  transition: 0.2s;
}
.rmzx-r {
  width: 720px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmzx-r li {
  width: 100%;
  height: 118px;
  display: flex;
  justify-content: space-between;
}
.rmzx-r .rmzxl-img {
  display: block;
  width: 174px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.rmzx-r .rmzxl-img .rmzx-p {
  width: 100%;
  height: 100%;
  transition: 1.5s all ease-in;
  transform: scale(1, 1);
}
.rmzx-r .label-list {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
}
.rmzx-r .label-list li {
  width: 33px;
  height: 18px;
  border-radius: 3px 0px 3px 0px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 18px;
  justify-content: center;
  margin-right: 4px;
}
.rmzx-r .rmzxr-info {
  width: 534px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmzx-r .rmzxr-info .rmzxr-top {
  width: 100%;
}
.rmzx-r .rmzxr-info .rmzxr-top .rmzxr-h2 {
  display: block;
  max-width: 100%;
}
.rmzx-r .rmzxr-info .rmzxr-top h2 {
  font-size: 18px;
  line-height: 24px;
  color: #333333;
}
.rmzx-r .rmzxr-info .rmzxr-top h2:hover {
  color: #269BFF;
  transition: 0.2s;
}
.rmzx-r .rmzxr-info .rmzxr-top .rmzxr-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #999999;
  -webkit-line-clamp: 2;
  margin-top: 10px;
}
.rmzx-r .rmzxr-info .author-text2 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.rmzx-r .rmzxr-info .author-text {
  font-size: 12px;
  color: #999999;
}
.rmzx-r .rmzxr-info .author-r .r-item {
  margin-left: 24px;
}
.rmwd-bk {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.rmwd-h2 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.rmwd-h2:hover {
  color: #269BFF;
  transition: 0.2s;
}
.rmwd-l {
  width: 716px;
}
.rmwd-l .title-box {
  padding-right: 68px;
  box-sizing: border-box;
}
.rmwdl-list {
  height: 720px;
  width: 100%;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmwdl-list .rmwdl-item {
  width: 100%;
  height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmwdl-list .rmwdl-top {
  width: 100%;
}
.rmwdl-list .rmwdl-top .author-info {
  margin-top: 8px;
}
.rmwdl-list .rmwdl-top .label-a .author-text3 {
  margin-right: 8px;
}
.rmwdl-list .rmwdl-top .author-text {
  color: #999999;
}
.rmwdl-list .author-r .r-item {
  margin-left: 24px;
}
.rmwdl-list .author-r .r-item:first-child {
  margin-left: 0;
}
.rmwdl-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.rmwdinfo-l .master-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.rmwdinfo-l .master-name {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  margin-top: 3px;
  max-width: 42px;
  text-align: center;
}
.rmwdinfo-r {
  width: 658px;
}
.rmwdinfo-r .rmwdr-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  -webkit-line-clamp: 2;
}
.rmwdinfo-r .rmwdr-btn {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-top: 1px;
}
.rmwd-r {
  width: 505px;
}
.rmwd-r .rmzx-r {
  margin-top: 24px;
  width: 100%;
  height: 734px;
}
.rmwd-r .rmzx-r .rmzxr-info {
  width: 320px;
}
.rmwd-r .label-a {
  margin-left: 0;
  max-width: 94px;
}
.rmwd-r .rmzxl-img:hover .rmzx-cover {
  opacity: 0;
  transition: 1.5s all ease-in;
}
.rmzx-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.3;
  border-radius: 4px;
  transition: 1.5s all ease-in;
}
.video-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-btn img {
  width: 36px;
  height: 36px;
}
.master-data {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  width: 100%;
  transition: 1s all ease-in;
}
.master-data .msdata-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  transition: 1s all ease-in;
}
.master-data .ms-fg {
  height: 8px;
  width: 1px;
  background: #707070;
  margin: 0 12px;
  display: block;
}
.master-worker {
  margin-top: 26px;
}
.master-worker .swiper-container {
  margin-top: 24px;
}
.master-worker .swiper-img {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.master-worker .swiper-img:hover .master-info .master-data {
  display: flex;
  transition: 1s ease-in;
}
.master-worker .master-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 280px;
  padding: 25px 0 22px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 1s all ease-in;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.master-worker .swiper-slide {
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 280px !important;
  height: 375px;
  position: relative;
}
.master-worker .swiper-slide img {
  transition: 300ms;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.master-worker .swiper-button-prev,
.master-worker .swiper-button-next {
  width: 40px;
  height: 86px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.6;
  border-radius: 4px;
  top: 45%;
}
.master-worker .swiper-button-prev {
  left: 10px;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 32px;
  left: 14px;
  width: 14px;
  height: 28px;
  background: url(../img/swi-select.png) no-repeat;
  background-size: 100% 100%;
}
.master-worker .swiper-button-prev:hover {
  background: #269BFF;
  opacity: 0.8;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-prev:hover::after {
  background: url(../img/swi-select.png) no-repeat;
  background-size: 100% 100%;
}
.master-worker .swiper-button-next {
  right: 10px;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 32px;
  left: 14px;
  width: 14px;
  height: 28px;
  background: url(../img/swi-select.png) no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
}
.master-worker .swiper-button-next:hover {
  background: #269BFF;
  opacity: 0.8;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-next:hover::after {
  background: url(../img/swi-select.png) no-repeat;
  background-size: 100% 100%;
}
.recom-bk {
  margin-top: 20px;
}
.recomlt-serve {
  display: flex;
  justify-content: space-between;
  width: 636px;
}
.recomlt-serve a {
  display: block;
}
.recomlt-serve li {
  width: 200px;
  height: 327px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-top: 16px;
  transition: 0.5s;
}
.recomlt-serve li .rec-serve {
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.recomlt-serve li .rec-img {
  width: 100%;
  height: 180px;
  display: block;
}
.recomlt-serve li .rec-img img {
  width: 100%;
  height: 100%;
}
.recomlt-serve li:hover {
  transform: translateY(-10px);
}
.recomlt-serve .rec-proname {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  text-align: center;
  margin-top: 12px;
}
.recomlt-serve .rec-fbt {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 2px;
  text-align: center;
}
.recomlt-serve .rec-pirce {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FF6161;
  text-align: center;
  margin-top: 10px;
}
.recomlt-serve .recbt-box {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.recomlt-serve .recbt-box .rec-btn {
  width: 90px;
  height: 26px;
  background: #269BFF;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}
.recomlt-serve .recbt-box .rec-btn img {
  width: 4px;
  height: 7px;
  margin-left: 3px;
}
.recom-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.recom-box .recom-l {
  width: 286px;
  height: 463px;
  margin-top: 16px;
}
.recom-box .recom-l .recoml-img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.recom-box .recom-r {
  width: 938px;
  height: 479px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.recom-box .recomr-gg {
  width: 100%;
  height: 118px;
  border-radius: 4px;
  overflow: hidden;
}
.recom-box .recomr-gg img {
  width: 100%;
  height: 100%;
}
.recom-box .recoml-top {
  display: flex;
  justify-content: space-between;
}
.rx-host {
  width: 286px;
  height: 327px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-top: 16px;
}
.hot-bg {
  border-radius: 4px 4px 0px 0px;
  width: 100%;
  height: 46px;
  background: url("../img/hot_bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding: 0 16px;
  box-sizing: border-box;
}
.hot-bg .hot-title {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.hot-bg .ph-icon {
  width: 13px;
  height: 14px;
  margin-left: 6px;
}
.hot-serve {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.hot-item {
  width: 100%;
  display: flex;
  margin-top: 22px;
}
.hot-item:hover .hot-name {
  color: #269BFF;
  transition: 0.2s;
}
.hot-item:nth-child(1) .hot-xh {
  background: url("../img/xh-1.png") no-repeat;
  background-size: 100% 100%;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item:nth-child(2) .hot-xh {
  background: url("../img/xh-2.png") no-repeat;
  background-size: 100% 100%;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item:nth-child(3) .hot-xh {
  background: url("../img/xh-3.png") no-repeat;
  background-size: 100% 100%;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item .xh-font {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item .hot-xh {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}
.hot-item .xh-font2 {
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}
.hot-item .hot-info {
  width: 224px;
  display: block;
}
.hot-item .hot-name {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  max-width: 100%;
}
.hot-item .hot-pro {
  width: 100%;
  display: flex;
  height: 0px;
  overflow: hidden;
  transition: height 0.3s ease-in;
}
.hot-item .hot-pro-img {
  width: 48px;
  height: 48px;
  border-radius: 2px;
  margin-right: 10px;
}
.hot-item .hot-i-list {
  width: 166px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.hot-item .hot-i-list p {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  -webkit-line-clamp: 2;
}
.hot-flex {
  height: 48px !important;
  padding-top: 9px;
}
.index-gg {
  margin-top: 28px;
}
.gg-img {
  width: 100%;
  height: 140px;
  border-radius: 4px;
}
.lunbo-bxo {
  width: 100%;
  height: 560px;
  min-width: 1240px;
  position: relative;
}
.lunbo-bxo .swiper-container {
  min-width: 1200px;
  width: 100%;
  height: 100%;
  z-index: 113;
}
.lunbo-bxo .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.lunbo-bxo .swiper-container .swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.lunbo-bxo .swiper-container .swiper-pagination-bullets {
  bottom: 24px;
}
.lunbo-bxo .swiper-wrapper {
  width: 100% !important;
  height: 100% !important;
}
.lunbo-bxo .swiper-slide {
  width: 100% !important;
  height: 100%;
}
.lunbo-bxo .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.lunbo-bxo .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lunbo-bxo .form-bd1 .bd-select {
  background-position: 260px center;
}
.fw-bz {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.fw-bz .fwbz-item {
  height: 48px;
  display: flex;
  align-items: center;
}
.fw-bz .zb-icon {
  width: 48px;
  height: 100%;
  margin-right: 10px;
}
.fw-bz .zb-title {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-bz .zb-fbt {
  color: #999999;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
}
.fwfw-box {
  margin-top: 24px;
  display: flex;
  height: 224px;
  justify-content: space-between;
}
.fwfw-l {
  width: 298px;
  height: 100%;
  border-radius: 6px;
  background: url("../img/fwfw-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  padding: 0 24px;
  box-sizing: border-box;
  flex-direction: column;
}
.fwfw-l .fwfw-title {
  color: #FFFFFF;
  font-weight: bold !important;
  font-size: 26px;
  font-weight: 400;
}
.fwfw-l .fwfw-text {
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
}
.fwfw-l .fwfw-btn {
  margin-top: 34px;
  width: 90px;
  height: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}
.fw-list {
  width: 918px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fw-list .fw-item {
  width: 290px;
  height: 100px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  padding: 15px 16px;
  box-sizing: border-box;
  margin-right: 24px;
  margin-top: 24px;
  transition: 0.5s;
}
.fw-list .fw-item:hover {
  transition: 0.5s;
  transform: translateY(-10px);
}
.fw-list .fw-item:nth-child(1),
.fw-list .fw-item:nth-child(2),
.fw-list .fw-item:nth-child(3) {
  margin-top: 0;
}
.fw-list .fw-item:nth-of-type(3n) {
  margin-right: 0px;
}
.fw-list .fw-item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fw-list .fw-icon {
  height: 100%;
  width: 70px;
}
.fw-list .fw-content {
  width: 176px;
}
.fw-list .fw-content .fw-title {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.fw-list .fw-fbt {
  display: flex;
  align-items: center;
  margin-top: 7px;
}
.fw-list .fw-fbt p {
  color: #999999;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 400;
}
.fw-list .fw-fbt .fw-circle {
  flex: 1;
  display: flex;
  align-items: center;
}
.fw-list .fw-fbt .circle {
  width: 13px;
  height: 13px;
  border: 1px solid #999999;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-flex;
  background: url("../img/select-left.png") no-repeat center center;
  background-size: 4px 7px;
}
.fw-team {
  margin-top: 24px;
  height: 322px;
  background: url("../img/team-bg.jpg") no-repeat;
  background-size: 100% 100%;
  border-radius: 6px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 28px;
  box-sizing: border-box;
}
.team-list {
  display: flex;
  align-items: center;
  height: 274px;
}
.team-list img {
  width: 210px;
  height: 100%;
  border-radius: 10px;
  margin-left: 25px;
}
.team-list img:hover {
  transition: 0.5s;
  transform: translateY(-10px);
}
.fw-type {
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.fw-type .fwType-item {
  width: 298px;
  height: 316px;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 16px 0;
  box-sizing: border-box;
  transition: 0.5s;
}
.fw-type .fwType-item:hover {
  transition: 0.5s;
  transform: translateY(-10px);
}
.fw-type .fwType-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 16px;
  box-sizing: border-box;
}
.fw-type .fwType-fg {
  display: block;
  width: 3px;
  height: 16px;
  background: #269BFF;
}
.fw-type .fwType-l {
  display: flex;
  align-items: center;
}
.fw-type .fwType-name {
  color: #333333;
  margin-left: 13px;
  max-width: 200px;
  font-size: 18px;
  font-weight: 400;
}
.fw-type .fwType-name a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.fw-type .fwType-ck {
  color: #999999;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
}
.fw-type .fwType-ck:hover {
  color: #269BFF;
  transition: 0.2s;
}
.fw-type .fwType-icon {
  display: block;
  background: url("../img/select-left.png") no-repeat;
  width: 4px;
  height: 7px;
  background-size: 100% 100%;
  margin-left: 4px;
}
.fw-type .fwType-fbt {
  color: #999999;
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
}
.fw-type .fwType-list {
  display: flex;
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 12px;
  justify-content: space-between;
}
.fw-type .fwType-list img {
  width: 111px;
  height: 224px;
  border-radius: 4px;
}
.fw-type .fwType-fw {
  height: 224px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fw-type .fwType-piece {
  width: 147px;
  height: 108px;
}
.fw-type .fwType-piece a,
.fw-type .fwType-piece img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.gg-lubo {
  height: 150px;
  margin-top: 24px;
}
.gg-lubo .swiper-container {
  width: 100%;
  height: 100%;
}
.gg-lubo .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #000000;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.4;
  border-radius: 10px;
}
.gg-lubo .swiper-container .swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.9;
  border-radius: 10px;
}
.gg-lubo .swiper-slide {
  width: 100%;
  height: 100%;
}
.gg-lubo .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.gg-lubo .swiper-slide a img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-data {
  margin-top: 24px;
  display: flex;
  height: 485px;
  justify-content: space-between;
}
.fw-data .form-bd1 {
  position: static;
  width: 370px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  z-index: 111;
}
.fw-data .form-bd1 .bd-select {
  background-position: 299px center;
}
.fwData-l {
  height: 100%;
  width: 846px;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 22px 18px;
  box-sizing: border-box;
}
.fwData-l .order-gg {
  margin-top: 22px;
}
.fwData-r {
  width: 370px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
}
.fw-user {
  width: 100%;
  display: flex;
  align-items: center;
}
.fw-number {
  display: flex;
}
.fw-number .fwn-item {
  width: 33px;
  height: 43px;
  margin-right: 4px;
  background: url("../img/usern-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 400;
}
.fwn-unit {
  font-weight: bold !important;
  color: #FF6161;
  margin-left: 13px;
  font-size: 20px;
  font-weight: 400;
}
.fwn-text {
  font-weight: bold !important;
  color: #333333;
  margin-left: 7px;
  font-size: 20px;
  font-weight: 400;
}
.fwData-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
.fwData-list .fwData-item {
  width: 33%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.fwData-list .fwData-number {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fwData-list .fwData-number em {
  font-size: 39px;
  font-weight: 400;
  color: #269BFF;
  margin-right: 10px;
}
.fwData-list .fwData-fg {
  display: block;
  width: 32px;
  height: 3px;
  background: #EBEBEB;
  margin-top: 8px;
}
.fwData-list .fwData-name {
  color: #333333;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.fwlc-title {
  width: 100%;
  display: flex;
  margin-top: 34px;
  overflow: hidden;
  align-items: center;
}
.fwlc-title .fwlc-bt {
  width: 66px;
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fwlc-title p {
  max-width: 700px;
  margin-left: 10px;
  color: #EBEBEB;
  font-size: 12px;
  font-weight: 400;
}
.lc-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
.lc-list .lc-item {
  width: 150px;
  height: 54px;
  display: flex;
  align-items: center;
  position: relative;
}
.lc-list .lc-item:after {
  content: '';
  position: absolute;
  right: -35px;
  top: 15px;
  width: 12px;
  height: 22px;
  background: url("../img/select-lc.png") no-repeat;
  background-size: 100% 100%;
}
.lc-list .lc-item:last-child:after {
  display: none;
}
.lc-list .lc-xh {
  font-size: 48px;
  font-weight: normal;
  color: #FF6161;
  font-style: oblique;
}
.lc-list .lc-info {
  margin-left: 10px;
}
.lc-list .lc-info .lc-bt {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.lc-list .lc-info .lc-fbt {
  color: #999999;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
}
.fw-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
.fwlb-item {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: bold !important;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.fwlb-item img {
  width: 26px;
  height: 26px;
  margin-right: 6px;
}
.page-gg {
  margin-top: 16px;
}
.page-gg .page-img {
  display: block;
  width: 100%;
  border-radius: 8px;
}
.page-gg img {
  height: 120px;
  width: 100%;
}
.hot-title {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.hot-city {
  margin-top: 24px;
}
.city-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.city-font1 {
  font-size: 16px;
  font-weight: 400;
}
.city-cur {
  background: #269BFF !important;
  border: 1px solid #269BFF !important;
}
.city-cur a {
  color: #FFFFFF !important;
}
.city-item {
  height: 33px;
  border-radius: 2px;
  padding: 0 12px;
  box-sizing: border-box;
  margin-top: 16px;
  margin-right: 12px;
  border: 1px solid #EBEBEB;
  transition: 0.2s;
}
.city-item:hover {
  background: #269BFF !important;
  border: 1px solid #269BFF !important;
}
.city-item:hover a {
  color: #FFFFFF !important;
}
.city-item a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 31px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.find-city {
  margin-top: 24px;
}
.alphabet-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.alphabet-item {
  margin-right: 0;
  width: 35px;
  height: 35px;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  transition: 0.2s;
}
.alphabet-item:hover {
  background: #269BFF !important;
  border: 1px solid #269BFF !important;
}
.alphabet-item:hover a {
  color: #FFFFFF !important;
}
.alphabet-item a {
  font-size: 18px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 33px;
  font-size: 16px;
  font-weight: 400;
}
.find-city-list {
  width: 100%;
}
.find-city-list .find-item {
  width: 100%;
  margin-top: 24px;
}
.find-city-list .find-letter {
  height: 40px;
  background: #F1F3F5;
  padding-left: 16px;
  box-sizing: border-box;
  width: 100%;
  line-height: 40px;
  font-size: 18px;
  font-size: 16px;
  font-weight: 400;
}
.region-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.region-list .city-name {
  margin-right: 40px;
  margin-top: 16px;
}
.region-list a {
  font-size: 16px;
  font-weight: 400;
}
.region-list a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.label-content {
  margin-top: 16px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 20px 25px;
}
.label-title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  line-height: 36px;
}
.label-desc {
  line-height: 28px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.label-recom {
  margin-top: 16px;
}
.label-recom .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.label-recom .recomlt-serve {
  width: 100%;
  justify-content: flex-start;
}
.label-recom .recomlt-serve li {
  margin-right: 17px;
  border-radius: 4px;
  height: auto;
  width: 195px;
}
.label-recom .recomlt-serve li:last-child {
  margin-right: 0;
}
.label-recom .recomlt-serve li .rec-serve {
  background: #F8F8F8;
  padding: 10px 10px 15px;
}
.label-recom .recomlt-serve li .rec-img {
  height: 175px;
}
.label-zx {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.label-zx .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.labelzx-r {
  width: 403px;
}
.labelzx-r .rmzx-r {
  width: 100%;
  height: 548px;
  margin-top: 24px;
}
.labelzx-r .rmzx-r .rmzxr-info {
  width: 217px;
}
.labelzx-r .rmzx-r .rmzxr-info .r-item {
  display: flex;
  align-items: center;
}
.labelzx-r .rmzx-r .rmzxr-info .r-item img {
  margin-right: 2px;
  width: 20px;
  height: 20px;
}
.labelzx-r .label-a {
  max-width: 87px;
  margin-left: 0;
}
.labelzx-r .video-btn img {
  width: 36px;
  height: 36px;
}
.labelzx-l {
  width: 820px;
}
.labelzx-l .rmzx-r {
  height: 548px;
  width: 100%;
}
.labelzx-l .rmzx-r .rmzxr-info {
  width: 635px;
}
.labelzx-l .label-a {
  max-width: 284px;
}
.label-b {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
}
.label-b .labelzx-l {
  margin-bottom: 16px;
}
.label-b .labelzx-r {
  margin-bottom: 25px;
}
.label-b .title-box h2 {
  font-size: 16px;
}
.label-left {
  width: 820px;
}
.label-wd {
  width: 100%;
  margin-top: 24px;
}
.label-wd .label-a {
  max-width: 280px;
}
.label-wd .rmwd-new-list {
  margin-top: 24px;
}
.label-shifu {
  width: 100%;
  margin-top: 24px;
}
.label-shifu .gcs-list-A {
  grid-gap: 6px;
  margin-top: 24px;
}
.shifu-lsit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.shifu-lsit .shifu-item {
  width: 403px;
  height: 168px;
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.shifu-lsit .shifu-item .shifu-img-box {
  display: block;
  width: 126px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.shifu-lsit .shifu-item .shifu-img-box img {
  width: 100%;
  height: 100%;
}
.shifu-lsit .shifu-item .shifu-img-box:hover .shifu-cover {
  bottom: 0;
}
.shifu-lsit .shifu-item .shifu-img-box .shifu-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: -100%;
  transition: 1s;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
}
.shifu-lsit .shifu-item .shfu-info {
  width: 263px;
  height: 100%;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shifu-lsit .shifu-item .shfu-info .master-pf {
  justify-content: flex-start;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .master-name {
  font-size: 18px;
  color: #333333;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .master-name:hover {
  color: #269BFF;
  transition: 0.2s;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .pf-list {
  flex: 1;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .pf-list .pf-item {
  display: flex;
  align-items: center;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc p {
  color: #999999;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc p:last-child {
  -webkit-line-clamp: 2;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc .shifu-data {
  color: #269BFF;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc .shifu-text {
  color: #333333;
}
.label-right {
  box-sizing: border-box;
  width: 403px;
}
.label-special {
  margin-top: 24px;
  width: 100%;
}
.gg2-box {
  display: block;
  width: 100%;
  height: 212px;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 16px;
}
.gg2-box img {
  width: 100%;
  height: 100%;
}
.label-tj {
  width: 100%;
  margin-top: 16px;
}
.label-data {
  display: flex;
  flex-wrap: wrap;
}
.label-data li {
  margin-top: 12px;
  margin-right: 16px;
}
.label-data li:nth-of-type(3n) {
  margin-right: 0;
}
.labeld-item {
  display: block;
  width: 123px;
  height: 32px;
  background: #F1F3F5;
  border-radius: 2px;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 32px;
  color: #333333;
  transition: 0.5s;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.labeld-item:hover {
  background: #E0E4E8;
}
.sp-l {
  width: 820px;
}
.sp-l .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.sp-l .sp-bt {
  color: #333333;
  line-height: 40px;
  margin-top: 4px;
  font-size: 32px;
  font-weight: bold;
}
.sp-l .sp-author .author-info {
  width: 100%;
  display: block;
  margin-top: 11px;
}
.sp-l .sp-author .r-item {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.sp-l .sp-author .author-l {
  width: 100%;
}
.sp-l .sp-author .author-l img {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.sp-l .sp-author .label-a {
  margin-left: 0;
  margin-right: 24px;
  max-width: 374px;
}
.sp-container {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.video-box {
  width: 100%;
  height: 453px;
  margin-top: 24px;
  position: relative;
}
.video-cover {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  transition: all 2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-cover .video-btn {
  position: static;
  width: 68px;
  height: 68px;
  cursor: pointer;
}
.video-none {
  opacity: 0;
  visibility: hidden;
  transition: all 2s !important;
}
.intro-bt {
  color: #333333;
  margin-top: 16px;
  font-weight: bold;
  font-size: 16px;
  font-weight: 400;
}
.intro-desc {
  font-weight: 400 !important;
  line-height: 20px;
  color: #999999;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
}
.serve-gg {
  width: 100%;
  height: 158px;
  margin-top: 24px;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  transition: all 0.5s;
  padding: 12px 130px 12px 12px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.serve-gg .serve-label {
  width: 75px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
}
.serve-gg .serve-label:before {
  content: '\4e3a\60a8\63a8\8350';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  line-height: 28px;
  padding-left: 7px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .serve-label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  display: block;
  height: 100%;
  box-sizing: border-box;
  border-top: 28px solid #FF6161;
  border-right: 8px transparent solid;
  border-left: none;
  border-bottom: none;
}
.serve-gg:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
  transition: all 0.5s;
}
.serve-gg .serve-gg-img {
  display: block;
  height: 100%;
}
.serve-gg .serve-gg-img img {
  width: 132px;
  height: 100%;
  border-radius: 2px;
}
.serve-gg .serve-gg-desc {
  display: block;
  height: 100%;
  width: 490px;
  margin-left: 13px;
}
.serve-gg .serve-title {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.serve-gg .serve-title:hover {
  color: #269BFF;
  transition: 0.2s;
}
.serve-gg .serve-fbt {
  color: #999999;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .serve-info {
  display: inline-flex;
  height: 30px;
  width: auto;
  background: #F1F3F5;
  border-radius: 4px;
  margin-top: 6px;
  padding: 0 12px;
  box-sizing: border-box;
  align-items: center;
}
.serve-gg .serve-info em {
  display: block;
  height: 15px;
  background: #DDDDDD;
  width: 1px;
  margin: 0 10px;
}
.serve-gg .serve-item {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .serve-item em {
  color: #DDDDDD;
  display: block;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .fw-btn-group {
  position: absolute;
  right: 30px;
  top: 43px;
}
.serve-gg .fw-btn-group .fw-btn {
  display: block;
  width: 80px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .fw-btn-group .fw-btn:nth-child(1) {
  background: #269BFF;
  margin-bottom: 10px;
  color: #FFFFFF;
  line-height: 30px;
}
.serve-gg .fw-btn-group .fw-btn:nth-child(2) {
  border: 1px solid #269BFF;
  box-sizing: border-box;
  color: #269BFF;
  line-height: 28px;
}
.price-box {
  display: flex;
  align-items: flex-end;
  margin-top: 20px;
}
.price-box .price-small {
  color: #FF6161;
  line-height: 20px;
  margin-right: 2px;
  font-size: 14px;
  font-weight: 400;
}
.price-box .price-big {
  color: #FF6161;
  line-height: 30px;
  margin-right: 2px;
  font-size: 24px;
  font-weight: 400;
}
.video-zx {
  margin-top: 16px;
}
.video-zx .labelzx-l {
  width: 100%;
}
.sp-r {
  width: 403px;
}
.sp-r .title-box .title-content h2 {
  font-size: 20px;
}
.sptj-serve {
  width: 100%;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  padding: 22px 24px;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.sptj-serve .sptj-bt {
  width: 100%;
  display: flex;
  align-items: center;
}
.sptj-serve .sptj-label {
  display: block;
  width: 23px;
  height: 23px;
  background-color: #FF6161;
  border-radius: 50%;
  background-image: url("../img/dz.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 16px;
  margin-right: 8px;
}
.sptj-serve .sptj-title {
  color: #333333;
  font-weight: bold !important;
  font-size: 16px;
  font-weight: 400;
}
.sptj-list {
  width: 100%;
}
.sptj-list .sptj-item {
  width: 100%;
  margin-top: 24px;
}
.sptj-list .fwtj-bt {
  width: 100%;
  display: flex;
  align-items: center;
}
.sptj-list .fwtj-bt p {
  overflow: hidden;
  color: #F1F3F5;
  flex: 1;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
.sptj-list .sp-fl {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.sptj-list .sp-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-height: 90px;
  overflow: hidden;
}
.sptj-list .sp-list li {
  display: flex;
  margin-right: 23px;
}
.sptj-list .sp-list .sp-name {
  display: block;
  color: #333333;
  margin-top: 10px;
  line-height: 20px;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 400;
}
.sptj-list .sp-list .sp-name:hover {
  color: #269BFF;
  transition: 0.2s;
}
.change-box {
  display: flex;
  align-items: center;
}
.change-box .change-icon {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.change-box .change-text {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.page-turner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  transition: all 0.3s;
}
.page-turner :hover {
  transition: all 0.3s;
  color: #FFFFFF !important;
  background: #269BFF !important;
  border: 1px solid #269BFF !important;
}
.page-turner :hover a {
  color: #FFFFFF !important;
}
.page-turner a {
  width: 106px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
}
.page-turner a:first-child {
  margin-right: 16px;
}
/*琛ㄥ崟寮€濮�*/
.form-bd1 {
  position: absolute;
  top: 54px;
  right: 338px;
  width: 331px;
  height: 444px;
  border-radius: 4px;
  background: #FFFFFF;
  z-index: 122;
  padding: 24px 20px 32px 24px;
  box-sizing: border-box;
}
.form-bd1 .bd-title {
  font-weight: bold !important;
  color: #333333;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
.form-bd1 .swiper-container {
  width: 100%;
  height: 24px !important;
  min-width: auto;
  margin-top: 8px;
  margin-bottom: 24px;
}
.form-bd1 .swiper-slide {
  width: 100%;
  color: #999999;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
}
.form-bd1 .qy-box {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.form-bd1 .qy-box span {
  font-size: 14px;
}
.form-bd1 .qy-icon {
  width: 24px;
  height: 24px;
  background-image: url("../img/qy-icon.png");
}
.form-bd1 .zx-qy {
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  display: flex;
  border-radius: 4px;
  padding: 0 10px;
}
.form-bd1 .zx-qy input {
  border: none;
  width: 50%;
  padding: 0px 10px 0 0;
  box-sizing: border-box;
}
.form-bd1 #area_input {
  display: inline-block;
  max-width: calc(100% - 50px);
  margin-right: 8px;
}
.form-bd1 .ld-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-bd1 .ld-input input {
  font-size: 14px;
}
.form-bd1 .ld-input img {
  width: 12px;
  height: auto;
}
.form-bd1 .ld-box {
  width: 100%;
  position: relative;
}
.form-bd1 .ld-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.form-bd1 .ld-up {
  bottom: 40px;
}
.form-bd1 .ld-block {
  display: block !important;
}
.form-bd1 .ld-none {
  display: none;
}
.form-bd1 .ld-bottom {
  top: 42px !important;
}
.form-bd1 .ld-left {
  display: none;
  width: 50%;
  position: absolute;
  left: 50%;
  padding: 10px 0;
  box-sizing: border-box;
  background: #FFFFFF;
  max-height: 280px;
  overflow-y: auto;
  z-index: 9;
}
.form-bd1 .ld-right {
  display: none;
  width: 50%;
  position: absolute;
  left: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  background: #FFFFFF;
  z-index: 9;
  max-height: 280px;
  overflow-y: auto;
}
.form-bd1 .ld-item {
  width: 100%;
  color: #333333;
  font-size: 14px;
  line-height: 28px;
  transition: 0.3s;
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.form-bd1 .ld-item:hover {
  transition: 0.3s;
  color: #269BFF;
  background: #e6f7ff;
}
.form-bd1 .form-bd1-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-bd1 .form-bd1-bottom {
  margin-top: 8px;
}
.form-bd1 .bd-item {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.form-bd1 .bd-select,
.form-bd1 .bd-input {
  width: 100%;
  padding: 0 10px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}
.form-bd1 .bd-code {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.form-bd1 .bd-code {
  display: flex;
  align-items: center;
  height: 36px;
}
.form-bd1 .bd-select {
  cursor: pointer;
  position: relative;
  /* 娓呴櫎榛樿鐨勭澶存牱寮� */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url('../img/arrow-down.png');
  background-size: 14px;
  background-position: 293px center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}
.form-bd1 .address-arrow {
  width: 14px;
  height: 14px;
}
.form-bd1 .bd-yz,.form-bd1 .bd-time {
  width: 60%;
  padding: 0 10px;
  height: 100%;
  box-sizing: border-box;
  font-size: 14px;
}
.form-bd1 .bd-yz{
  width: 60%;
}
.form-bd1 .bd-time{
  width: 70%;
}
.form-bd1 .bd-yz-btn {
  padding: 0 10px 0px 0;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #269BFF;
  cursor: pointer;
  font-size: 14px;
}
.form-bd1 .adress-list {
  z-index: 99;
  position: absolute;
  top: 40px;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  max-height: 280px;
  overflow-y: auto;
  padding: 10px 0px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ebebeb;
}
.form-bd1 .adress-list .adress-item {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: 4px;
  text-align: left;
  transition: all 0.3s;
  padding: 0 10px;
  box-sizing: border-box;
}
.form-bd1 .adress-list .adress-item:hover {
  transition: all 0.3s;
  color: #333333;
  background: #e6f7ff;
}
.form-bd1 .adress-list .adress-item em {
  color: #269BFF;
}
.form-bd1 .sp-liyy {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all;
  height: 40px;
  background: #269BFF;
  border-radius: 4px;
  width: 100%;
  color: #FFFFFF;
}
.form-bd1 .sp-liyy:hover {
  color: #FFFFFF;
  transition: 0.3s all;
  background: #2668CF;
}
.ld-item-cur {
  transition: 0.3s;
  color: #269BFF;
  background: #e6f7ff;
}
/*琛ㄥ崟缁撴潫*/
/**棰勭害鏃堕棿寮€濮�*/
.appointment-box{
  position: relative;
}
.appointment-box .bd-time{
  width: 80%;
}
.appointment-time .qy-box{
  width: 20%;
}
.appointment-time{
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.appointment-time span{
  color:#269BFF;
  padding-right: 5px;
  box-sizing: border-box;
}
.appointment-time span:hover{
  text-decoration: underline;
}
.time-list {
  width: 100%;
  height: 346px;
  position: absolute;
  left: 0;
  bottom: -354px;
  display: none;
  z-index: 5;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  overflow: hidden;
}
.time-title-box{
  height: 70px;
  background: #FFFFFF;
}
.time-tilte-text{
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
}
.time-desc-text{
  font-size: 12px;
  text-align: center;
  color: #8D6622;
}
.time-item-list{
  height: calc(100% - 70px);
  display: flex;
}
.time-list-left{
  width: 50%;
  height: 100%;
  overflow-y: auto;
  background: #F5F5F7;
}
.time-list-right{
  width: 50%;
  height: 100%;
  overflow-y: auto;
  background: #FFFFFF;
  padding: 14px;
  box-sizing: border-box;
}
.time-date-item{
  display: inline-block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  font-size: 13px;
  color: #222222;
  cursor: pointer;
}
.time-date-item:hover{
  color: #269BFF;
}
.time-date-active{
  background: #fff;
}
.time-item{
  margin-bottom: 12px;
}
.time-item-title{
  font-size: 14px;
  color: #999999;
}
.time-hour-item{
  border-bottom: 1px solid #F1F3F5;
  padding: 12px 0;
  box-sizing: border-box;
  font-size: 13px;
  color: #222222;
  cursor: pointer;
  position: relative;
}
.time-hour-item:hover{
  color: #269BFF;
}
.time-hour-active{
  color: #269BFF;
}
.time-hour-active:after{
  content: '';
  display: block;
  width: 12px;
  height: 9px;
  position: absolute;
  top: 16px;
  right: 10px;
  background: url("../img/new/time_active.png") no-repeat;
  background-size: 100%;
}
/*棰勭害鏃堕棿缁撴潫*/
.serve-navigation {
  width: 100%;
  height: 480px;
  background: #FFFFFF;
}
.serve-nav {
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding-bottom: 16px;
  box-sizing: border-box;
}
.serve-nav-l {
  position: relative;
}
.serve-nav-list {
  height: 100%;
  width: 235px;
  background: #383D40;
  border-radius: 4px;
  overflow-y: auto;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.serve-nav-list::-webkit-scrollbar {
  width: 4px;
  background: #383D40;
  cursor: pointer;
  border-radius: 4px;
}
.serve-nav-list::-webkit-scrollbar-thumb {
  height: 367px;
  background: #505254;
  border-radius: 10px;
  cursor: pointer;
}
.serve-nav-list .serve-nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 0 20px;
}
.serve-nav-list .serve-nav-item:hover .type-content {
  transform: scale(1);
  transition: all 0.4s;
  opacity: 1;
}
.serve-nav-list .serve-nav-item:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #999999;
  border-radius: 50%;
  margin-right: 6px;
}
.serve-nav-list .serve-nav-item:after {
  content: '';
  width: 5px;
  height: 9px;
  background: url("../img/select-left.png") no-repeat;
  background-size: 100% 100%;
  margin-left: 10px;
}
.serve-nav-list .serve-nav-item .serve-name {
  flex: 1;
}
.serve-nav-list .serve-nav-item .serve-name a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.serve-nav-list .serve-nav-item .serve-name a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.serve-nav-list .type-content {
  position: absolute;
  right: -638px;
  top: 0;
  width: 642px;
  height: 462px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  z-index: 1000;
  overflow-y: auto;
  transition: all 0.4s;
  padding: 16px;
  box-sizing: border-box;
  transform: scale(0);
  opacity: 0;
}
.serve-nav-list .type-content::-webkit-scrollbar {
  width: 4px;
  background: #FFFFFF;
  cursor: pointer;
  border-radius: 4px;
}
.serve-nav-list .type-content::-webkit-scrollbar-thumb {
  height: 367px;
  border-radius: 10px;
  cursor: pointer;
  width: 4px;
  background: #DDDDDD;
}
.serve-nav-list .type-content .type-item {
  margin-bottom: 22px;
}
.serve-nav-list .type-content .type-name {
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.serve-nav-list .type-content .serve-list {
  display: flex;
  flex-wrap: wrap;
}
.serve-nav-list .type-content .serve-item {
  margin-top: 8px;
  margin-right: 16px;
  width: 72px;
  transition: 0.5s;
}
.serve-nav-list .type-content .serve-item:nth-of-type(7n) {
  margin-right: 0;
}
.serve-nav-list .type-content .serve-item:hover {
  transition: 0.5s;
  transform: translateY(-4px);
}
.serve-nav-list .type-content .serve-img {
  display: block;
  width: 100%;
  height: 72px;
  border-radius: 4px;
  overflow: hidden;
}
.serve-nav-list .type-content .serve-img img {
  width: 100%;
  height: 100%;
}
.serve-nav-list .type-content .serve-name {
  text-align: center;
  margin-top: 5px;
  width: 100%;
}
.serve-nav-list .type-content .serve-name a {
  display: inline-block;
  color: #333333;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.serve-nav-list .type-content .serve-name a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.serve-nav-r {
  height: 100%;
  width: 990px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.serve-nav-r .swiper-container {
  width: 675px;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}
.serve-nav-r .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #000000;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.4;
  border-radius: 10px;
}
.serve-nav-r .swiper-container .swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.9;
  border-radius: 10px;
}
.serve-nav-r .swiper-slide {
  width: 100%;
  height: 100%;
}
.serve-nav-r .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.serve-nav-r .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.serve-r-top {
  width: 100%;
  height: 317px;
  display: flex;
  justify-content: space-between;
}
.fwyy-box {
  width: 298px;
  height: 100%;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 18px 20px;
}
.fwyy-box .swiper-container {
  width: 100%;
  height: 90px;
}
.fwyy-box .swiper-slide {
  height: 30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  opacity: 0.6;
  font-size: 14px;
  font-weight: 400;
}
.fwyy-box .swiper-slide span {
  color: #FF6161;
  margin-right: 5px;
}
.fwyy-box .swiper-slide-active {
  color: #333333;
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
}
.fwyy-title {
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  height: 21px;
  margin-bottom: 22px;
}
.fwyy-title .fwyy-line {
  width: 100%;
  height: 1px;
  background: #F1F3F5;
}
.fwyy-title .fwyy-bt {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fwyy-title .fwyy-bt img {
  height: 100%;
  width: 86px;
  background: #FFFFFF;
  padding: 0 6px;
}
.fwyy-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.fwyy-label img {
  width: 52px;
  height: 52px;
}
.fwyy-label p {
  font-weight: bold !important;
  color: #333333;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.fwljyy-btn {
  width: 100%;
  height: 35px;
  background: #269BFF;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 400;
}
.fwljyy-btn:hover {
  color: #FFFFFF;
}
.serve-r-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.serve-r-list .serve-l-item {
  width: 319px;
  height: 129px;
  border-radius: 6px;
  display: flex;
  padding: 12px 12px 12px 20px;
  box-sizing: border-box;
  justify-content: space-between;
}
.serve-r-list .serve-l-item:nth-child(1) {
  background: #EAF2F3;
}
.serve-r-list .serve-l-item:nth-child(2) {
  background: #F6EDED;
}
.serve-r-list .serve-l-item:nth-child(3) {
  background: #EAF3F1;
}
.serve-r-list .serve-l-item .serve-l-info {
  width: 160px;
}
.serve-r-list .serve-l-item .serve-bt {
  font-weight: bold !important;
  color: #344043;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
}
.serve-r-list .serve-l-item .serve-bt a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.serve-r-list .serve-l-item .serve-fbt {
  line-height: 24px;
  color: #999999;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
}
.serve-r-list .serve-l-item .serve-ljyy {
  display: block;
  margin-top: 15px;
}
.serve-r-list .serve-l-item .serve-ljyy:hover .ljyy-text {
  color: #269BFF;
  transition: 0.2s;
}
.serve-r-list .serve-l-item .serve-ljyy:hover .ljyy-line {
  transition: all 0.3s;
  width: 100%;
  background: #0090E6;
}
.serve-r-list .serve-l-item .serve-ljyy .ljyy-text {
  color: #344043;
  font-size: 14px;
  font-weight: 400;
}
.serve-r-list .serve-l-item .serve-ljyy .ljyy-line {
  display: block;
  width: 26px;
  height: 2px;
  background: #344043;
  margin-top: 4px;
  transition: all 0.3s;
}
.serve-r-list .serve-l-item .serve-img-box {
  display: block;
  height: 100%;
  width: 105px;
  overflow: hidden;
  border-radius: 6px;
}
.serve-r-list .serve-l-item .serve-img-box img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}
.serve-r-list .serve-l-item .serve-img-box img:hover {
  transition: all 0.6s;
  transform: scale(1.2, 1.2);
}
.jxfw-box {
  margin-top: 16px;
  height: 275px;
  display: flex;
  justify-content: space-between;
}
.jxfw-box .swiper-container {
  width: 1004px;
  height: 100%;
  background: #FFFFFF;
  padding: 0 8px;
  box-sizing: border-box;
}
.jxfw-box .swiper-container .swiper-slide {
  width: 20%;
  height: 100%;
  padding: 16px 8px;
  box-sizing: border-box;
}
.jxfw-box .swiper-container .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 0px 17px 17px 0px;
  top: 45%;
  left: 0;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 9px;
  width: 9px;
  height: 14px;
  background: url(../img/select-w02.png) no-repeat;
  background-size: 100% 100%;
}
.jxfw-box .swiper-container .swiper-button-prev:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .swiper-button-next {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 17px 0px 0px 17px;
  top: 45%;
  right: 0;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  right: 9px;
  width: 9px;
  height: 14px;
  background: url(../img/select-w01.png) no-repeat;
  background-size: 100% 100%;
}
.jxfw-box .swiper-container .swiper-button-next:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .serve-box {
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.5s;
}
.jxfw-box .swiper-container .serve-box:hover {
  transition: 0.5s;
  transform: translateY(-8px);
}
.jxfw-box .swiper-container .serve-box .serve-img {
  display: block;
  width: 100%;
  height: 157px;
  border-radius: 4px;
  overflow: hidden;
}
.jxfw-box .swiper-container .serve-box .serve-img img {
  width: 100%;
  height: 100%;
}
.jxfw-box .swiper-container .serve-box .serve-bt {
  width: 100%;
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.jxfw-box .swiper-container .serve-box .serve-bt a {
  display: inline-block;
  max-width: 100%;
}
.jxfw-box .swiper-container .serve-box .serve-bt a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.jxfw-box .swiper-container .serve-box .serve-price {
  color: #FF6161;
  text-align: center;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 400;
}
.swiper-button-prev {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 0px 17px 17px 0px;
  top: 45%;
  left: 0;
  transition: 0.1s ease-in;
}
.swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 9px;
  width: 9px;
  height: 14px;
  background: url(../img/select-w02.png) no-repeat;
  background-size: 100% 100%;
}
.swiper-button-prev:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.swiper-button-next {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 17px 0px 0px 17px;
  top: 45%;
  right: 0;
  transition: 0.1s ease-in;
}
.swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  right: 9px;
  width: 9px;
  height: 14px;
  background: url(../img/select-w01.png) no-repeat;
  background-size: 100% 100%;
}
.swiper-button-next:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.jxfw-bg {
  width: 235px;
  height: 100%;
  border-radius: 4px;
}
.tjfw-box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  height: 376px;
  margin-bottom: 16px;
}
.tjfw-box .tjfw-title {
  display: flex;
  align-items: center;
}
.tjfw-box .tjfw-bt {
  font-weight: bold !important;
  color: #333333;
  font-size: 24px;
  font-weight: 400;
}
.tjfw-box .tjfw-bt span {
  color: #269BFF;
}
.tjfw-box .tjfw-label {
  display: block;
  width: 17px;
  height: 17px;
  background: #FFFFFF;
  border: 2px solid #269BFF;
  border-radius: 50%;
  background: url("../img/select-b.png") no-repeat center center;
  background-size: 6px 9px;
  margin-left: 7px;
}
.tjfw-l {
  width: 612px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
}
.tjfw-l .tjfw-content {
  width: 100%;
  height: 302px;
  display: flex;
  margin-top: 12px;
  justify-content: space-between;
}
.tjfw-l .tjfw-item {
  width: 177px;
  height: 100%;
  background: #F8F8F8;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
}
.tjfw-l .tjfw-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 60px solid #FF6161;
  border-right: 60px solid transparent;
}
.tjfw-l .tjfw-icon:after {
  content: '鎺ㄨ崘';
  position: absolute;
  left: 9px;
  top: -53px;
  width: 33px;
  height: 33px;
  color: #FFFFFF;
  transform: rotate(-45deg);
  font-size: 14px;
  font-weight: 400;
}
.tjfw-l .tjfw-img {
  display: block;
  width: 100%;
  height: 145px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.tjfw-l .tjfw-img img {
  width: 100%;
  height: 100%;
}
.tjfw-l .tjfw-info {
  display: inline-block;
  width: 100%;
}
.tjfw-l .tjfw-info .tjfw-i-title {
  color: #333333;
  margin-top: 16px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.tjfw-l .tjfw-info .tjfw-i-title:hover {
  color: #269BFF;
  transition: 0.2s;
}
.tjfw-l .tjfw-info .tjfw-fbt {
  color: #999999;
  text-align: center;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
}
.tjfw-l .tjfw-info .tjfw-price {
  color: #FF6161;
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
}
.tjfw-l .tjfw-list {
  width: 389px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tjfw-l .tjfw-pices {
  width: 119px;
}
.tjfw-l .tjfw-pices .tjfw-img {
  display: block;
  width: 100%;
  height: 119px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.tjfw-l .tjfw-pices .tjfw-img img {
  width: 100%;
  height: 100%;
}
.tjfw-l .tjfw-pices .tjfw-img .tjfw-action {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
  background: rgba(51, 51, 51, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
}
.tjfw-l .tjfw-pices .tjfw-name {
  color: #333333;
  width: 100%;
  margin-top: 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.tjfw-l .tjfw-pices .tjfw-name a {
  display: inline-block;
  max-width: 100%;
}
.tjfw-l .tjfw-pices .tjfw-name a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.tjfw-r {
  width: 612px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
}
.gcs-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.gcs-item {
  width: 282px;
}
.gcs-img {
  display: block;
  width: 100%;
  height: 188px;
  position: relative;
}
.gcs-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.gcs-img .gcs-tx {
  position: absolute;
  right: 12px;
  bottom: -42px;
  width: 84px;
  height: 84px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.5s ease-in;
}
.gcs-img .gcs-tx:hover {
  transition: 0.5s ease-in;
  transform: rotate(360deg);
}
.gcs-info {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.gcs-info .master-data {
  display: flex;
  width: auto;
  justify-content: flex-start;
}
.gcs-info .master-data .ms-fg {
  background: #DDDDDD;
  height: 12px;
}
.gcs-info .master-data .msdata-item {
  color: #999999;
}
.gcs-info .master-data .msdata-item span {
  color: #269BFF;
}
.gcs-info .fwxm {
  margin-top: 8px;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.gcs-info .fwxm span {
  color: #333333;
}
.gcs-name {
  display: flex;
  width: 180px;
  align-items: center;
  margin-bottom: 20px;
}
.gcs-text {
  font-weight: bold !important;
  color: #333333;
  margin-right: 12px;
  font-size: 16px;
  font-weight: 400;
}
.gcs-pf {
  display: flex;
  align-items: center;
  flex: 1;
}
.gcs-pf li {
  margin-right: 4px;
}
.gcs-pf .xx-icon {
  width: 14px;
  height: 14px;
}
.page-gg2 {
  margin-top: 16px;
  height: 150px;
}
.page-gg2 .page-img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-gg2 img {
  width: 100%;
  height: 100%;
}
.rmfw-box {
  margin-top: 24px;
  margin-bottom: 16px;
}
.rmfw-bk {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 514px;
  margin-top: 16px;
}
.rmfw-bk-l {
  width: 235px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmfw-bk-l .rmfw-item1 {
  display: block;
  width: 100%;
  height: 366px;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.rmfw-bk-l .rmfw-item1 img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.rmfw-bk-l .rmfw-item2 {
  display: block;
  width: 100%;
  height: 132px;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.rmfw-bk-l .rmfw-item2 img {
  width: 100%;
  height: 100%;
}
.rmfw-bk-r {
  width: 989px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmfw-bk-r .rmfw-item3 {
  display: block;
  width: 587px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.rmfw-bk-r .rmfw-item3 img {
  width: 100%;
  height: 100%;
}
.rmfw-bk-r .rmfw-top {
  width: 100%;
  height: 249px;
  display: flex;
  justify-content: space-between;
}
.rmfw-list,
.rmfw-list2,
.rmfw-list3 {
  width: 386px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.rmfw-list .rmfw-item,
.rmfw-list2 .rmfw-item,
.rmfw-list3 .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.rmfw-list .rmfw-item:hover,
.rmfw-list2 .rmfw-item:hover,
.rmfw-list3 .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.rmfw-list .rmfw-img,
.rmfw-list2 .rmfw-img,
.rmfw-list3 .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.rmfw-list .rmfw-img img,
.rmfw-list2 .rmfw-img img,
.rmfw-list3 .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.rmfw-list .rmfw-info,
.rmfw-list2 .rmfw-info,
.rmfw-list3 .rmfw-info {
  display: block;
  width: 100%;
}
.rmfw-list .rmfw-name,
.rmfw-list2 .rmfw-name,
.rmfw-list3 .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rmfw-list .rmfw-name:hover,
.rmfw-list2 .rmfw-name:hover,
.rmfw-list3 .rmfw-name:hover {
  color: #269BFF;
  transition: 0.2s;
}
.rmfw-list .rmfw-pirce,
.rmfw-list2 .rmfw-pirce,
.rmfw-list3 .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rmfw-list2 {
  width: 100%;
  height: 248px;
}
.rmfw-list3 {
  height: 100%;
  width: 386px;
}
.rmfw-list3 .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.rmfw-list3 .rmfw-pirce {
  margin-top: 15px;
}
.classify-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.classify-box .classify-item {
  width: 612px;
  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 24px;
}
.classify-box .classify-item:nth-child(1) .classify-bg {
  background: url("../img/serve-bg01.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item:nth-child(2) .classify-bg {
  background: url("../img/serve-bg02.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item:nth-child(3) .classify-bg {
  background: url("../img/serve-bg03.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item:nth-child(4) .classify-bg {
  background: url("../img/serve-bg04.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item .title-r {
  width: 386px;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.classify-box .classify-item .title-box .title-text {
  font-size: 14px;
  font-weight: 400;
}
.classify-box .classify-item .title-box .title-text:hover {
  color: #269BFF;
  transition: 0.2s;
}
.classify-box .classify-item .type-list {
  display: flex;
  overflow: hidden;
  max-width: 346px;
  flex-wrap: wrap;
  height: 20px;
}
.classify-box .classify-item .type-list .type-item {
  margin-right: 16px;
}
.classify-box .classify-item .type-list .type-item a {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.classify-box .classify-item .type-list .type-item a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.classify-box .classify-content {
  width: 100%;
  display: flex;
  height: 277px;
  justify-content: space-between;
}
.classify-box .classify-content .classify-bg {
  width: 208px;
  height: 277px;
  border-radius: 4px;
  padding-top: 24px;
  box-sizing: border-box;
}
.classify-box .classify-content .classify-text1 {
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
.classify-box .classify-content .classify-fbt {
  margin-top: 4px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 400;
}
.fw-lb {
  margin-top: 19px;
}
.fw-lb .fw-data-box li {
  display: none;
}
.fw-lb .swiper-container {
  width: 100%;
  height: 295px;
  display: block;
  margin-top: 8px;
}
.fw-lb .swiper-container .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.fw-lb .swiper-container .rmfw-pirce {
  margin-top: 15px;
}
.fw-lb .swiper-container .swiper-slide {
  height: 281px;
}
.fw-lb .swiper-container .swiper-wrapper {
  width: 100%;
  align-items: flex-end;
}
.fw-lb .swiper-container .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.fw-lb .swiper-container .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.fw-lb .swiper-container .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.fw-lb .swiper-container .rmfw-img img {
  width: 100%;
  height: 100%;
}
.fw-lb .swiper-container .rmfw-info {
  display: block;
  width: 100%;
}
.fw-lb .swiper-container .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.fw-lb .swiper-container .rmfw-name:hover {
  color: #269BFF;
  transition: 0.2s;
}
.fw-lb .swiper-container .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.swiper-block {
  display: flex !important;
}
.fw-nav {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 52px;
  box-sizing: border-box;
  justify-content: space-between;
}
.fw-nav-cur .fw-line {
  width: 24px !important;
  transition: 0.2s all !important;
}
.fw-nav-cur .fw-nav-name {
  color: #269BFF !important;
  transition: 0.2s !important;
}
.fw-nav-cur .fw-nav-fbt {
  color: #269BFF !important;
  transition: 0.2s !important;
}
.fw-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.fw-nav-item:hover .fw-line {
  width: 24px !important;
  transition: 0.2s all !important;
}
.fw-nav-item:hover .fw-nav-name {
  color: #269BFF !important;
  transition: 0.2s !important;
}
.fw-nav-item:hover .fw-nav-fbt {
  color: #269BFF !important;
  transition: 0.2s !important;
}
.fw-nav-item .fw-nav-name {
  color: #333333;
  text-align: center;
  font-weight: bold !important;
  font-size: 16px;
  font-weight: 400;
}
.fw-nav-item .fw-nav-fbt {
  margin-top: 4px;
  color: #999999;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
}
.fw-nav-item .fw-line {
  display: block;
  width: 0;
  transition: 0.2s all;
  height: 2px;
  background: #269BFF;
}
.fw-sort .sort-item {
  width: 100%;
  display: flex;
}
.fw-sort .sort-title {
  color: #333333;
  width: 80px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
}
.fw-sort .sort-list {
  width: 1100px;
  display: flex;
  flex-wrap: wrap;
  transition: all 1s;
}
.fw-sort .sort-list .sort-label {
  padding: 0 12px;
  box-sizing: border-box;
  height: 27px;
  background: #F5F5F5;
  color: #666666;
  margin-right: 10px;
  margin-top: 20px;
}
.fw-sort .sort-list .sort-label a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
}
.fw-sort .sort-list .sort-label:hover {
  background: #269BFF !important;
  transition: all 0.3s;
}
.fw-sort .sort-list .sort-label:hover a {
  color: #FFFFFF !important;
}
.fw-sort .sort-all {
  width: 60px;
  height: 30px;
  margin-top: 20px;
  align-items: center;
  color: #666666;
  display: none;
  cursor: pointer;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 400;
}
.fw-sort .sort-all i {
  transition: all 0.3s;
}
.fw-sort .sort-all em {
  display: block;
  width: 11px;
  height: 6px;
  transition: all 0.3s;
  margin-left: 5px;
  background: url("../img/select-up.png") no-repeat;
  background-size: 100% 100%;
}
.fw-sort .sort-label-cur {
  background: #269BFF !important;
  transition: all 0.3s;
}
.fw-sort .sort-label-cur a {
  color: #FFFFFF !important;
}
.sort-content {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.sort-l {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(6, 192px);
  grid-gap: 16px;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 386px;
}
.sort-l .rmfw-item {
  width: auto !important;
  height: 281px !important;
  background: #F8F8F8 !important;
  padding: 10px !important;
}
.sort-l .rmfw-img {
  height: 172px !important;
}
.sort-l .rmfw-fbt {
  margin-bottom: 10px;
}
.sort-l .rmfw-pirce {
  margin-top: 0 !important;
}
.sort-l .price-text-line {
  margin-top: 0;
}
.sort-l .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.sort-l .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.sort-l .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.sort-l .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.sort-l .rmfw-info {
  display: block;
  width: 100%;
}
.sort-l .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.sort-l .rmfw-name:hover {
  color: #269BFF;
  transition: 0.2s;
}
.sort-l .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.sort-l .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.sort-l .rmfw-pirce {
  margin-top: 15px;
}
.sort-r {
  width: 262px;
}
.engineer-bt {
  width: 100%;
  height: 44px;
  background: url("../img/ysgcs-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.excellent-engineer {
  width: 100%;
  height: 984px;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  box-sizing: border-box;
}
.excellent-engineer .yy-box {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
}
.excellent-engineer .engineer-yy {
  width: 100%;
  height: 35px;
  background: #269BFF;
  border-radius: 16px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.engineer-list {
  width: 100%;
  margin-top: 14px;
}
.engineer-item {
  height: 100px;
  display: flex;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  justify-content: space-between;
  margin-bottom: 24px;
}
.engineer-img {
  display: block;
  width: 75px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.engineer-img img {
  width: 100%;
  height: 100%;
}
.engineer-info {
  height: 100%;
  width: 154px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.engineer-top {
  width: 100%;
}
.engineer-top .gcs-name {
  width: 100%;
  margin-bottom: 5px;
}
.engineer-top .gcs-pf {
  justify-content: flex-end;
}
.engineer-top .master-data {
  display: flex;
  width: auto;
  justify-content: flex-start;
}
.engineer-top .master-data .ms-fg {
  background: #DDDDDD;
  height: 12px;
  margin: 0 8px;
}
.engineer-top .master-data .msdata-item {
  color: #999999;
  max-width: 75px;
  font-size: 12px;
  font-weight: 400;
}
.engineer-top .master-data .msdata-item span {
  color: #269BFF;
}
.engineer-desc {
  line-height: 18px;
  color: #999999;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.hot-tj {
  width: 100%;
  margin-top: 24px;
}
.hot-tj .hot-title {
  font-weight: bold !important;
  color: #333333;
  font-size: 20px;
  font-weight: 400;
}
.hot-list {
  width: 100%;
}
.hot-list .hot-item {
  width: 100%;
  margin-top: 18px;
}
.hot-list .hot-item:hover .hot-bt {
  color: #269BFF;
  transition: 0.2s;
}
.hot-list .hot-item:nth-child(1) .xh {
  color: #FC0000;
}
.hot-list .hot-item:nth-child(2) .xh {
  color: #FFA200;
}
.hot-list .hot-item:nth-child(3) .xh {
  color: #FFD501;
}
.hot-list .hot-item a {
  display: flex;
  width: 100%;
}
.hot-list .hot-item .xh {
  font-style: oblique;
  color: #999999;
  font-weight: bold;
  margin-right: 12px;
  font-size: 18px;
  font-weight: 400;
}
.hot-list .hot-item .hot-bt {
  flex: 1;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.fw-xq .fw-xq-l {
  width: 450px;
}
.fw-xq .fw-xq-l .fw-xq-top {
  width: 100%;
  height: 340px;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-container {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-l .fw-action {
  margin-top: 12px;
  width: 100%;
  height: 65px;
}
.fw-xq .fw-xq-l .fw-action .swiper-container {
  width: 100%;
  height: 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-slide-active {
  opacity: 1;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-prev {
  width: 30px;
  height: 100%;
  background: #666666;
  opacity: 0.4;
  top: 22px;
  left: 0;
  border-radius: initial;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 25px;
  left: 10px;
  width: 9px;
  height: 14px;
  background: url(../img/select-w02.png) no-repeat;
  background-size: 100% 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-prev:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-next {
  width: 30px;
  height: 100%;
  background: #666666;
  opacity: 0.4;
  top: 22px;
  right: 0;
  border-radius: initial;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 25px;
  left: 10px;
  width: 9px;
  height: 14px;
  background: url(../img/select-w01.png) no-repeat;
  background-size: 100% 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-next:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-slide {
  height: 100%;
  width: 100%;
  opacity: 0.4;
  cursor: pointer;
}
.fw-xq .fw-xq-l .fw-action .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-r {
  width: 766px;
}
.fw-xq .fw-xq-r .fw-r-top {
  width: 100%;
  height: 246px;
  display: flex;
  justify-content: space-between;
}
.fw-xq .fw-xq-r .fw-info {
  height: 100%;
  width: 538px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fw-xq .fw-xq-r .fw-name {
  font-weight: bold !important;
  line-height: 40px;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
.fw-xq .fw-xq-r .fw-fbt {
  margin-top: 8px;
  color: #999999;
  -webkit-line-clamp: 2;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box {
  width: 100%;
  display: flex;
  margin-top: 16px;
  align-items: center;
}
.fw-xq .fw-xq-r .price-box em {
  font-weight: bold !important;
  color: #FF6161;
  line-height: 60px;
  font-size: 48px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box span {
  color: #FF6161;
  margin-left: 8px;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box .price-desc {
  color: #333333;
  margin-left: 32px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box .price-desc:hover {
  color: #269BFF;
  transition: 0.2s;
}
.fw-xq .fw-xq-r .price-box .price-desc .select-iocn {
  display: block;
  background: url("../img/select-b.png") no-repeat;
  width: 6px;
  height: 9px;
  background-size: 100% 100%;
  margin-left: 8px;
}
.fw-xq .fw-xq-r .fw-info-b {
  height: 50px;
  border-top: 1px solid #F1F3F5;
  display: flex !important;
  justify-content: flex-start !important;
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  width: 100%;
  transition: 1s all ease-in;
}
.fw-xq .fw-xq-r .fw-info-b .msdata-item {
  color: #999999 !important;
  margin-right: 28px;
}
.fw-xq .fw-xq-r .fw-info-b .msdata-item span {
  color: #FF6161 !important;
}
.fw-xq .fw-xq-r .fw-info-b .msdata-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  transition: 1s all ease-in;
}
.fw-xq .fw-xq-r .fw-info-b .ms-fg {
  height: 8px;
  width: 1px;
  background: #707070;
  margin: 0 12px;
  display: block;
}
.fw-xq .fw-xq-r .code-box {
  width: 204px;
  height: 100%;
  border: 1px solid #F1F3F5;
  box-sizing: border-box;
}
.fw-xq .fw-xq-r .code-img {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #F1F3F5;
}
.fw-xq .fw-xq-r .code-img img {
  width: 100%;
  height: 170px;
}
.fw-xq .fw-xq-r .code-desc {
  color: #333333;
  text-align: center;
  margin-top: 11px;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-r-bottom {
  width: 100%;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc {
  display: flex;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc li {
  width: 83px;
  height: 90px;
  background: #F1F3F5;
  border-radius: 4px;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc li img {
  width: 35px;
  height: 35px;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc li .lc-text {
  margin-top: 12px;
  color: #333333;
  font-size: 12px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button {
  width: 100%;
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn {
  display: flex;
  width: 260px;
  height: 45px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn span {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn1 {
  background: #269BFF;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn2 {
  background: #FF6161;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn3 {
  width: 214px;
  height: 45px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn3 em {
  display: block;
  width: 33px;
  height: 28px;
  background: url("../img/zx-icon.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
}
.dp-tj {
  margin-top: 16px;
}
.dp-tj .tj-list {
  width: 100% !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 386px;
}
.dp-tj .tj-list .rmfw-item {
  width: 193px !important;
  height: 281px !important;
  background: #F8F8F8 !important;
  padding: 10px !important;
  margin: 16px 16px 0 0;
}
.dp-tj .tj-list .rmfw-item:nth-of-type(6n) {
  margin-right: 0;
}
.dp-tj .tj-list .rmfw-img {
  height: 175px !important;
}
.dp-tj .tj-list .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.dp-tj .tj-list .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.dp-tj .tj-list .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.dp-tj .tj-list .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.dp-tj .tj-list .rmfw-info {
  display: block;
  width: 100%;
}
.dp-tj .tj-list .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.dp-tj .tj-list .rmfw-name:hover {
  color: #269BFF;
  transition: 0.2s;
}
.dp-tj .tj-list .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.dp-tj .tj-list .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.dp-tj .tj-list .rmfw-pirce {
  margin-top: 15px;
}
.rx-list {
  width: 100% !important;
  display: block !important;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 386px;
}
.rx-list .rmfw-item {
  width: 100% !important;
  height: 368px !important;
  background: #F8F8F8 !important;
  padding: 14px !important;
  margin-top: 16px;
  margin-right: 0 !important;
}
.rx-list .rmfw-img {
  height: 229px !important;
}
.rx-list .rmfw-fbt {
  margin-bottom: 18px;
}
.rx-list .price-text-line {
  margin-top: 0;
}
.rx-list .rmfw-name {
  margin-top: 19px !important;
}
.rx-list .rmfw-pirce {
  margin-top: 0;
}
.rx-list .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.rx-list .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.rx-list .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.rx-list .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.rx-list .rmfw-info {
  display: block;
  width: 100%;
}
.rx-list .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rx-list .rmfw-name:hover {
  color: #269BFF;
  transition: 0.2s;
}
.rx-list .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rx-list .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.rx-list .rmfw-pirce {
  margin-top: 15px;
}
.fw-xq-fl {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.fw-xq-fl .fw-fl-l {
  width: 262px;
}
.fw-xq-fl .fw-fl-l .sptj-serve {
  padding: 22px 18px;
  margin-top: 12px;
}
.fw-xq-fl .code-box {
  width: 100%;
  height: 325px;
  background: #FFFFFF;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
}
.fw-xq-fl .code-box .engineer-bt {
  background: url("../img/code-bg.png") no-repeat;
  background-size: 100% 100%;
}
.fw-xq-fl .code-box .code-img {
  width: 100%;
  padding: 23px 35px 0 35px;
  box-sizing: border-box;
}
.fw-xq-fl .code-box .code-img img {
  width: 100%;
  height: 192px;
}
.fw-xq-fl .code-box .code-desc {
  text-align: center;
  color: #333333;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
}
.fw-xq-fl .rx-tj {
  width: 100%;
  margin-top: 16px;
}
.fw-xq-fl .gzwd .hot-list .hot-item {
  margin-top: 16px;
}
.fw-xq-fl .gzwd .hot-list .hot-item:nth-child(1) .xh {
  background: #FC0000;
}
.fw-xq-fl .gzwd .hot-list .hot-item:nth-child(2) .xh {
  background: #FFA200;
}
.fw-xq-fl .gzwd .hot-list .hot-item:nth-child(3) .xh {
  background: #FFD501;
}
.fw-xq-fl .gzwd .hot-list .hot-item .xh {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF !important;
  background: #BBBBBB;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .fw-fl-r {
  width: 960px;
}
.fw-xq-fl .fw-nav-list {
  width: 100%;
  height: 44px;
  background: #F1F3F5;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
  display: flex;
}
.fw-xq-fl .fw-nav-list .fw-nav-cur {
  transition: all 0.3s;
  background: #269BFF !important;
  font-weight: bold !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-cur a {
  transition: all 0.3s;
  color: #FFFFFF !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-item {
  width: 124px;
  height: 44px;
  display: flex;
  transition: all 0.3s;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .fw-nav-list .fw-nav-item:hover {
  transition: all 0.3s;
  background: #269BFF !important;
  font-weight: bold !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-item:hover a {
  transition: all 0.3s;
  color: #FFFFFF !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-item a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #333333;
  transition: all 0.3s;
}
.fw-xq-fl .fw-desc {
  width: 100%;
}
.fw-xq-fl .fw-desc img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.fw-xq-fl .sfbz {
  margin-top: 24px;
  width: 100%;
}
.fw-xq-fl .sf-table {
  width: 100%;
  border-top: 1px solid #F1F3F5;
  margin-top: 24px;
  border-left: 1px solid #F1F3F5;
  box-sizing: border-box;
  transition: 0.5s all;
}
.fw-xq-fl .sf-line {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #F1F3F5;
  box-sizing: border-box;
  display: flex;
}
.fw-xq-fl .sf-title {
  background: #F1F3F5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .sf-td {
  width: 50%;
  height: 100%;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #F1F3F5;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .fwpj {
  margin-top: 24px;
  width: 100%;
}
.fw-xq-fl .pj-list {
  width: 100%;
}
.fw-xq-fl .pj-list .pj-item {
  width: 100%;
  padding: 16px 0;
  box-sizing: border-box;
  border-bottom: #ebebeb dashed 1px;
}
.fw-xq-fl .pj-list .pj-info {
  width: 100%;
  display: flex;
  height: 40px;
}
.fw-xq-fl .pj-list .pj-info .pj-icon {
  width: 40px;
  height: 100%;
  border-radius: 50%;
}
.fw-xq-fl .pj-list .pj-info .pj-text {
  height: 100%;
  margin-left: 7px;
}
.fw-xq-fl .pj-list .pj-info .pjsf-name {
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .pj-list .pj-info .pf-list {
  margin-top: 2px;
}
.fw-xq-fl .pj-list .pj-content {
  margin-top: 10px;
  line-height: 20px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .pj-list .pj-img-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fw-xq-fl .pj-list .pj-img {
  width: 155px;
  height: 103px;
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  margin-right: 8px;
}
.fw-xq-fl .pj-list .pj-img img {
  width: 100%;
  height: auto;
}
.sf-btn {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  color: #333333;
  border-bottom: 1px solid #F1F3F5;
  height: 45px;
  background: #F1F3F5;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.sf-btn .sf-icon {
  border-top: #333333 solid 7px;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: none;
  margin-left: 8px;
  overflow: visible;
}
.zx-box {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  height: 275px;
}
.zx-box .zx-item {
  width: 410px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.zx-box .zx-img {
  display: block;
  width: 100%;
  height: 100%;
}
.zx-box .zx-img:hover img {
  transition: 1.5s all ease-in;
  transform: scale(1.2, 1.2);
}
.zx-box .zx-img img {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: 1.5s all ease-in;
}
.zx-box .zx-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  align-items: center;
}
.zx-box .zx-title {
  padding: 0 20px;
  box-sizing: border-box;
}
.zx-box .zx-title a {
  display: block;
  color: #FFFFFF;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
.zx-box .zx-title a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.zx-box .zx-content {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  color: #BBBBBB;
  line-height: 18px;
  margin-top: 8px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.zx-box .zx-content:hover {
  color: #269BFF;
  transition: 0.2s;
}
.zx-box .zx-new-list1 {
  width: calc(100% - 410px);
  padding-left: 12px;
  box-sizing: border-box;
}
.zx-box .zx-new-list1 .zx-new-item {
  margin-bottom: 12px;
}
.zx-box .zx-new-list1 .zx-new-item:last-child {
  margin-bottom: 0;
}
.zx-label-btn {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  background: #269BFF;
  border-radius: 4px 0px 4px 0px;
  opacity: 0.8;
  font-size: 14px;
  color: #FFFFFF;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: 30px;
  max-width: 128px;
}
.zx-new-list1 .zx-new-box {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  width: 126px;
  height: 84px;
}
.zx-new-list1 .zx-new-box:hover .zx-new-img {
  transition: 1s all ease-in;
  transform: scale(1.2, 1.2);
}
.zx-new-list1 .zx-new-item {
  display: flex;
}
.zx-new-list1 .zx-new-img {
  border-radius: 4px;
  width: 126px;
  height: 84px;
  transform: scale(1, 1);
  transition: 1s all ease-in;
}
.zx-new-list1 .zx-new-right {
  width: calc(100% - 126px);
  padding-left: 12px;
  box-sizing: border-box;
}
.zx-new-list1 .zx-new-right .label-data {
  margin-top: 7px;
  height: 24px;
  overflow: hidden;
  flex-wrap: wrap;
}
.zx-new-list1 .zx-new-right .label-data li {
  margin-top: 0;
  margin-right: 6px;
}
.zx-new-list1 .zx-new-right .label-data li:last-child {
  margin-right: 0;
}
.zx-new-list1 .zx-new-right .labeld-item {
  height: 24px;
  width: auto;
  max-width: 64px;
  padding: 0 8px;
  line-height: 24px;
  font-size: 12px;
}
.zx-new-list1 .zx-new-right .author-l {
  margin-top: 13px;
}
.zx-new-list1 .zx-new-right .author-l img {
  width: 20px;
  height: 20px;
}
.zx-new-list1 .zx-new-right .author-text2 {
  font-size: 12px;
  color: #999999;
}
.zx-new-list1 .zx-new-title {
  display: inline-block;
  max-width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  line-height: 19px;
  transition: 0.3s;
}
.zx-new-list1 .zx-new-title:hover {
  transition: 0.3s;
  color: #269BFF;
}
.zx-new-type-box {
  width: 100%;
  margin-top: 33px;
}
.zx-new-type-box .label-data li {
  margin-right: 6px;
}
.zx-new-type-box .labeld-item {
  width: auto;
  padding: 0 12px;
}
.label-item-active .labeld-item {
  background: #269BFF;
  color: #FFFFFF;
}
.zx-new-yj-type {
  display: flex;
  align-items: center;
}
.zx-new-yj-type .zx-bt {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  width: 72px;
  display: flex;
  align-items: center;
}
.zx-new-yj-type .zx-new-type-list {
  padding-left: 39px;
  box-sizing: border-box;
}
.zx-new-type-list {
  width: calc(100% - 72px);
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
}
.zx-new-type-list::-webkit-scrollbar {
  height: 5px;
  /* 榧犳爣 hover 鏃舵樉绀烘粴鍔ㄦ潯 */
  display: none;
}
.zx-new-type-item {
  margin-right: 30px;
  display: inline-block;
}
.zx-new-type-item:hover .zx-new-type-a {
  transition: 0.3s;
  color: #269BFF;
}
.zx-new-type-a {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  transition: 0.3s;
}
.zx-new-type-active .zx-new-type-a {
  transition: 0.3s;
  color: #269BFF;
}
.zxnews-box {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.zxnews-box .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.zxnews-l {
  width: 820px;
}
.zxnews-l .serve-gg {
  margin-top: 17px;
}
.zxnews-l .sp-tj .rmzx-r {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 16px;
}
.zxnews-l .sp-tj .rmzx-r li {
  width: 263px;
  height: auto;
  display: block;
}
.zxnews-l .sp-tj .rmzx-r .rmzxr-info {
  width: 100%;
  height: auto;
}
.zxnews-l .sp-tj .rmzx-r .rmzxl-img {
  width: 100%;
  height: 178px;
  box-sizing: border-box;
}
.zxnews-l .sp-tj .rmzx-r .rmzxr-top h2 {
  color: #333333;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 400;
}
.zxnews-l .sp-tj .rmzx-r .rmzxr-top .rmzxr-desc {
  margin-top: 8px;
  line-height: 18px;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.zxnews-l .rmwd-box {
  margin-top: 24px;
  width: 100%;
}
.zxnews-l .rmwd-box .rmwdl-list {
  height: auto;
}
.zxnews-l .rmwd-box .rmwdl-list .rmwdl-item {
  margin-bottom: 16px;
}
.zxnews-l .rmwd-box .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.zxzx .rmzx-r {
  margin-top: 24px;
  width: 100%;
  height: 691px;
}
.zxzx .rmzx-r .rmzxr-info {
  width: 635px;
}
.zxnews-r {
  width: 402px;
}
.zxnews-r .zx-type {
  width: 100%;
}
.zxnews-r .zxfl-type {
  width: 100%;
}
.zxnews-r .zxfl-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
.zxnews-r .zxfl-title a {
  font-weight: bold !important;
  color: #269BFF;
  font-size: 16px;
  font-weight: 400;
}
.zxnews-r .zxfl-rj {
  width: 316px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  max-height: 21px;
}
.zxnews-r .zxrj-item {
  color: #666666;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
}
.zxnews-r .zxrj-item a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.zxnews-r .zxrj-item:nth-child(1) {
  margin-left: 0px;
}
.zxnews-r .zx-label {
  margin-top: 16px;
  width: 100%;
}
.zxnews-r .zx-label .label-data li {
  margin-top: 16px;
}
.rmht-box {
  margin-top: 16px;
}
.rmht-box .zxht {
  width: 100%;
}
.rmht-box .zxht-item {
  margin-top: 16px;
}
.rmht-box .zxht-item .author-info {
  margin-top: 10px;
}
.rmht-box .zxht-item .label-a {
  max-width: 95px;
}
.rmht-box .zxht-item .author-text2 {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .zxht-item .zxht-title {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.rmht-box .zxht-item .zxht-title a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.rmht-box .zxht-item .zxht-desc {
  width: 100%;
  line-height: 18px;
  color: #999999;
  margin-top: 3px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .zxht-item .zxht-desc:hover {
  color: #269BFF;
  transition: 0.2s;
}
.rmht-box .zxht-item .zxht-img-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.rmht-box .zxht-item .zxht-img {
  width: 130px;
  height: 88px;
  border: 1px solid #F5F5F5;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}
.rmht-box .zxht-item .zxht-img img {
  width: 100%;
  height: 100%;
}
.rmht-box .rmzx-r {
  width: 100%;
}
.rmht-box .rmzx-r li {
  height: 100px;
}
.rmht-box .rmzx-r .rmzx-animation {
  margin-top: 16px;
}
.rmht-box .rmzx-r .rmzxl-img {
  width: 150px;
  box-sizing: border-box;
}
.rmht-box .rmzx-r .rmzxr-info {
  width: 245px;
}
.rmht-box .rmzx-r .rmzxr-info .author-r .r-item {
  margin-left: 10px;
}
.rmht-box .rmzx-r .rmzxr-info .rmzxr-top h2 {
  font-size: 16px;
  font-weight: 400;
}
.rmht-box .rmzx-r .rmzxr-info .rmzxr-top .rmzxr-desc {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .rmzx-r .label-a {
  max-width: 44px;
  margin-left: 10px;
}
.rmht-box .rmzx-r .author-l img {
  margin-right: 5px;
}
.rmht-box .rmwdl-list {
  margin-top: 16px;
  height: auto;
}
.rmht-box .rmwdl-list .rmwdl-item {
  height: auto;
}
.rmht-box .rmwdl-list .label-a {
  max-width: 94px;
}
.rmht-box .rmwdl-list .rmwd-h2 {
  font-size: 16px;
  font-weight: 400;
}
.rmht-box .rmwdl-list .rmwdinfo-r {
  display: flex;
  height: 61px;
  flex-direction: column;
  justify-content: space-between;
  width: 348px;
}
.rmht-box .rmwdl-list .rmwdinfo-r .rmwdr-desc {
  line-height: 18px;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .labelzx-r {
  width: 100%;
}
.rmht-box .labelzx-r .rmzx-r {
  height: auto;
  margin-top: 0;
}
.rmht-box .labelzx-r .label-a {
  max-width: 87px;
}
.zxlb-box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.new-title-icon {
  display: inline-block;
  width: 4px;
  height: 16px;
  background: #269BFF;
  border-radius: 0px 2px 2px 0px;
  margin-right: 7px;
}
.zxlb-l {
  width: 856px;
}
.zxlb-l .title-box .title-content h2 {
  font-size: 16px;
}
.zxlb-l .rmzx-r {
  width: 100%;
  height: auto;
}
.zxlb-l .rmzx-r .rmzxr-info {
  width: calc(100% - 174px);
  padding-left: 12px;
  box-sizing: border-box;
}
.zxlb-l .rmzx-r .label-a {
  max-width: 284px;
}
.zxlb-l .rmzx-r .rmzx-animation {
  margin-top: 24px;
}
.zxlb-l .rmzx-r .author-r {
  flex: 1;
  padding-left: 26px;
  box-sizing: border-box;
}
.zxlb-l .rmzx-r .author-r .labeld-item {
  max-width: 112px;
}
.zxlb-l .page-turner {
  margin-top: 24px;
}
.page-form .form-bd1 {
  position: static;
  margin-top: 20px;
  width: 100%;
  height: 182px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0;
}
.page-form .form-bd1 .form-title-box {
  width: 100%;
  height: 50px;
  background: #F1F3F5;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-form .form-bd1 .form-title {
  height: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
}
.page-form .form-bd1 .form-title:after {
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  content: '';
  width: 4px;
  height: 20px;
  background: #269BFF;
}
.page-form .form-bd1 .form-number {
  display: flex;
  align-items: center;
  color: #333333;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.page-form .form-bd1 .bd-item,
.page-form .form-bd1 .sp-liyy {
  width: 227px;
  margin-top: 0;
}
.page-form .form-bd1 .bd-select,
.page-form .form-bd1 .bd-input,
.page-form .form-bd1 .sp-liyy {
  height: 35px;
}
.page-form .form-bd1 .bd-code {
  height: 35px;
}
.page-form .form-bd1 .bd-yz {
  width: 55%;
}
.page-form .form-box {
  height: 130px;
  width: 100%;
  padding: 15px 55px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.number-list {
  display: flex;
  margin-right: 6px;
}
.number-list .number-item {
  width: 18px;
  height: 20px;
  background: #FF6161;
  border-radius: 2px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  font-size: 16px;
  font-weight: 400;
}
.zxlb-nav {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #F1F3F5;
  display: flex;
}
.zxlb-l .zxlb-nav {
  flex-wrap: wrap;
  height: auto;
}
.zxlb-l .zxlb-nav-item {
  height: 50px;
  margin: 0 19px;
}
.zxlb-nav-item {
  height: 100%;
  margin: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #333333;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
}
.zxlb-nav-item:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #269BFF;
  transition: 0.3s all;
}
.zxlb-nav-item:hover {
  position: relative;
}
.zxlb-nav-item:hover a {
  font-weight: bold;
  transition: 0.3s all;
  color: #269BFF !important;
}
.zxlb-nav-item:hover:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #269BFF;
  transition: 0.3s all;
}
.zxlb-nav-cur {
  position: relative;
}
.zxlb-nav-cur a {
  font-weight: bold;
  transition: 0.3s all;
  color: #269BFF !important;
}
.zxlb-nav-cur:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #269BFF;
  transition: 0.3s all;
}
.zxlb-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 24px 4px 15px;
  box-sizing: border-box;
}
.zxlb-label .zxlb-item {
  height: 35px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
  margin-left: 16px;
  margin-bottom: 10px;
  transition: 0.3s all;
}
.zxlb-label .zxlb-item:hover {
  background: #269BFF;
  border: 1px solid #269BFF;
}
.zxlb-label .zxlb-item:hover a {
  color: #FFFFFF;
}
.zxlb-label .zxlb-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
}
.zxlb-label .zxlb-item-cur {
  background: #269BFF;
  border: 1px solid #269BFF;
}
.zxlb-label .zxlb-item-cur a {
  color: #FFFFFF;
}
.zxlb-r {
  width: 354px;
}
.zxlb-r .sptj-serve {
  margin-top: 18px;
}
.rt-hot {
  width: 100%;
}
.rt-hot .hot-list .hot-item {
  margin-top: 20px;
}
.rt-hot .hot-list .hot-item .xh {
  display: block;
  width: 26px;
  margin-right: 7px;
}
.rt-hot .hot-list .xh-info {
  width: 369px;
  display: flex;
  align-items: center;
}
.rt-hot .hot-list .label-list {
  display: flex;
}
.rt-hot .hot-list .label-list li {
  width: 26px;
  height: 19px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
.cjgz-box .label-data {
  display: grid;
  grid-template-columns: repeat(3, 112px);
  grid-gap: 8px;
  margin-top: 16px;
}
.cjgz-box .label-data li {
  margin-top: 0;
  margin-right: 0;
}
.cjgz-box .labeld-item {
  width: 112px;
}
.cjgz-box .label-data li:nth-of-type(3n) {
  margin-right: 0;
}
.zx-details {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.zx-details .title-box h2 {
  font-size: 20px;
}
.zx-details .author-text {
  font-size: 14px;
}
.zx-details .details-l .info-content .author-text2 {
  font-size: 14px !important;
}
.details-l {
  width: 856px;
}
.details-l .rmwdl-list {
  height: auto;
  margin-top: 0;
}
.details-l .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.details-l .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.details-l .info-title {
  line-height: 40px;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
.details-l .info-content {
  margin-top: 13px;
  padding-bottom: 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-l .info-content .label-a {
  max-width: 275px;
}
.details-l .info-content .author-text2 {
  color: #999999 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.details-l .serve-gg {
  margin-top: 16px;
}
.details-l .xgwd {
  width: 100%;
  margin-top: 24px;
}
.info-action-box {
  width: 100%;
}
.info-desc {
  position: relative;
  width: 100%;
  padding: 24px 0;
  box-sizing: border-box;
  line-height: 25px;
  color: #333333;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}
.info-desc p {
  text-indent: initial !important;
  width: 100%;
  line-height: 25px;
  color: #333333;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
}
.info-desc p img {
  max-width: 100% !important;
  height: auto !important;
  margin-top: 10px !important;
}
.info-desc img {
  max-width: 100% !important;
  height: auto !important;
  margin-top: 10px !important;
}
.info-no {
  max-height: 766px;
}
.no-login {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 164px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.no-login .no-text {
  font-weight: bold !important;
  color: #269BFF;
  margin-bottom: 4px;
  display: inline;
  width: auto !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.no-login em {
  display: block;
  width: 12px;
  height: 14px;
  background: url("../img/select-up-w.png") repeat-y;
  background-size: 100% 7px;
}
.login-flex {
  display: flex;
}
.open-more-style {
  position: static;
  height: auto;
}
.open-more-style em {
  transform: rotate(180deg);
}
#detail {
  position: relative;
}
.page-turner2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.page-turner2 a {
  width: 420px;
  background: #F5F5F5;
  border-radius: 4px;
  padding: 18px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: 0.3s all;
}
.page-turner2 a:hover {
  background: #269BFF;
  transition: 0.3s all;
}
.page-turner2 a:hover p {
  color: #FFFFFF;
  transition: 0.3s all;
}
.page-turner2 a p {
  color: #333333;
  transition: 0.3s all;
  font-size: 16px;
  font-weight: 400;
}
.page-turner2 a p:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.details-r {
  width: 402px;
}
.details-r .label-tj {
  margin-top: 0;
}
.details-r .label-data li {
  margin-top: 16px;
}
.details-r .gg-box {
  margin-top: 17px;
}
.wd-box {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  height: 275px;
}
.wd-box .zx-list {
  width: 296px !important;
}
.wd-box .zx-list .zx-item {
  margin-right: 0px !important;
}
.wd-box .form-bd1 {
  width: 298px;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
  position: static;
  padding: 24px 16px;
}
.wd-box .form-bd1 .number-desc {
  color: #999999;
  margin-top: 7px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.wd-box .form-bd1 .bd-img {
  width: 100%;
  height: 138px;
  border-radius: 4px;
  margin-top: 26px;
}
.wd-box .form-bd1 .form-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
  box-sizing: border-box;
}
.wd-box .form-bd1 .bd-item {
  width: auto;
  margin-right: 3px;
  margin-top: 8px;
}
.wd-box .form-bd1 .bd-item:nth-child(2),
.wd-box .form-bd1 .bd-item:nth-child(4) {
  margin-right: 0;
}
.wd-box .form-bd1 .bd-code {
  width: 182px;
}
.wd-box .form-bd1 .bd-yz {
  padding: 8px 6px;
  width: 53%;
}
.wd-box .form-bd1 .bd-select {
  padding: 8px 3px;
}
.wd-box .form-bd1 .bd-input {
  padding: 8px 6px;
}
.wd-box .form-bd1 .bd-select,
.wd-box .form-bd1 .bd-input {
  height: 35px;
  width: 130px;
}
.wd-box .form-bd1 .bd-yz-btn {
  padding: 8px 4px 8px 0;
}
.wd-box .form-bd1 .sp-liyy {
  width: 78px;
  margin-top: 8px;
  height: 35px;
  font-size: 14px;
  font-weight: 400;
}
.wd-box .number-list {
  width: 100%;
  justify-content: center;
}
.wd-box .number-list .number-item {
  width: 26px;
  height: 34px;
  font-size: 24px;
  font-weight: 400;
}
.wd-box .zx-item {
  width: 410px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.wd-box .zx-img {
  display: block;
  width: 100%;
  height: 100%;
}
.wd-box .zx-img:hover img {
  transition: 1.5s all ease-in;
  transform: scale(1.2, 1.2);
}
.wd-box .zx-img img {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: 1.5s all ease-in;
}
.wd-box .zx-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  align-items: center;
}
.wd-box .zx-title {
  padding: 0 20px;
  box-sizing: border-box;
}
.wd-box .zx-title a {
  display: block;
  color: #FFFFFF;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
.wd-box .zx-title a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.wd-box .zx-content {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  color: #BBBBBB;
  line-height: 18px;
  margin-top: 8px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.wd-box .zx-content:hover {
  color: #269BFF;
  transition: 0.2s;
}
.wd-box .zx-new-list1 {
  width: calc(100% - 410px);
  padding-left: 12px;
  box-sizing: border-box;
}
.wd-box .zx-new-list1 .zx-new-item {
  margin-bottom: 12px;
}
.wd-box .zx-new-list1 .zx-new-item:last-child {
  margin-bottom: 0;
}
.wd-container {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.wd-container .title-box h2 {
  font-size: 20px;
}
.wd-l {
  width: 820px;
}
.wd-l .serve-gg {
  margin-top: 16px;
}
.wd-l .zxzx {
  margin-top: 24px;
}
.wd-l .zxzx .rmzx-r {
  height: auto;
  margin-top: 0;
}
.wd-l .rmzx-animation {
  margin-top: 24px;
}
.wd-hot {
  width: 100%;
}
.ph-hot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.ph-hot .ph-item {
  width: 262px;
  height: 477px;
  background: #FFFFFF;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ph-hot .ph-item:nth-child(1) .ph-bt {
  background: url("../img/ph_01.jpg") no-repeat;
  background-size: 100% 100%;
}
.ph-hot .ph-item:nth-child(2) .ph-bt {
  background: url("../img/ph_02.jpg") no-repeat;
  background-size: 100% 100%;
}
.ph-hot .ph-item:nth-child(2) .hot-list .hot-item a {
  align-items: flex-start;
}
.ph-hot .ph-item:nth-child(2) .hot-list .xh-info {
  display: block;
}
.ph-hot .ph-item:nth-child(2) .hot-list .hot-desc {
  line-height: 18px;
  color: #999999;
  margin-top: 8px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.ph-hot .ph-item:nth-child(3) .ph-bt {
  background: url("../img/ph_03.jpg") no-repeat;
  background-size: 100% 100%;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item:nth-child(1) .xh {
  background: #FC0000;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item:nth-child(2) .xh {
  background: #FFA200;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item:nth-child(3) .xh {
  background: #FFD501;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item .xh {
  background: #BBBBBB;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-number {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.ph-hot .ph-more {
  color: #269BFF;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.ph-hot .ph-bt {
  border-radius: 4px 4px 0 0;
  width: 100%;
  height: 44px;
  padding: 0 14px;
  box-sizing: border-box;
  line-height: 44px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
.ph-hot .hot-list {
  padding: 0 15px;
  height: 395px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.ph-hot .hot-list .hot-item {
  margin-top: 14px;
}
.ph-hot .hot-list .hot-item a {
  align-items: center;
}
.ph-hot .hot-list .hot-item .xh {
  display: block;
  width: 26px;
  margin-right: 7px;
}
.ph-hot .hot-list .xh-info {
  width: 198px;
  display: flex;
  align-items: center;
}
.ph-hot .hot-list .label-list {
  display: flex;
}
.ph-hot .hot-list .label-list li {
  width: 26px;
  height: 19px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
.engineer-box {
  margin-top: 16px;
}
.engineer-box .gcs-item {
  width: 262px;
}
.engineer-box .gcs-item .gcs-tx {
  width: 78px;
  height: 78px;
  bottom: -39px;
}
.engineer-box .gcs-img {
  height: 175px;
}
.wd-r {
  width: 402px;
}
.wd-r .label-tj {
  margin-top: 16px;
}
.wd-r .label-data li {
  margin-top: 16px;
}
.wd-r .labelzx-r {
  width: 100%;
  margin-top: 16px;
}
.wd-r .labelzx-r .rmzx-r {
  height: auto;
  margin-top: 0;
}
.wd-r .labelzx-r .rmzx-r .rmzxr-info {
  width: 240px;
}
.wd-r .labelzx-r .rmzx-r .rmzxr-info .rmzxr-top .rmzxr-desc {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
}
.wd-r .labelzx-r .rmzx-r .rmzxr-info .rmzxr-top h2 {
  font-size: 16px;
  font-weight: 400;
}
.wd-r .labelzx-r .rmzx-r .rmzxl-img {
  width: 150px;
}
.wd-r .labelzx-r .rmzx-r li {
  height: 100px;
}
.wd-r .labelzx-r .rmzx-animation {
  margin-top: 16px;
}
.wd-r .sptj-serve {
  margin-top: 16px;
}
.wdzt-box {
  width: 100%;
}
.wdzt-imglist {
  width: 100%;
  margin-top: 12px;
}
.wdzt-imglist li {
  width: 100%;
  height: 225px;
  margin-bottom: 16px;
}
.wdzt-imglist a,
.wdzt-imglist img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.wdlist-box {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.wdlist-box .title-box h2 {
  font-size: 20px;
}
.wdlist-l {
  width: 820px;
}
.wdlist-l .zxlb-nav {
  width: 80%;
  overflow: hidden;
  border-bottom: none;
}
.wdlist-l .zxlb-nav-item {
  margin: 0 18px;
}
.wdlist-l .zxlb-nav-item:nth-child(1) {
  margin: 0 18px 0 0;
}
.wdlist-l .zxlb-label-block {
  border-bottom: 1px solid #F1F3F5 !important;
  box-sizing: border-box !important;
  height: auto !important;
  padding: 24px 4px 15px !important;
  overflow: visible !important;
  transition: 0.5s all;
}
.wdlist-l .zxlb-label {
  border-bottom: transparent;
  overflow: hidden;
  transition: 0.5s all;
  padding: 0;
}
.wdlist-l .zxlb-label .zxlb-item {
  width: 88px;
  margin: 0 16px 10px 0;
}
.wdlist-l .zxlb-label .zxlb-item:nth-of-type(8n) {
  margin-right: 0;
}
.wdlist-l .zxlb-label .zxlb-item a {
  padding: 0 5px;
  overflow: hidden;
}
.wdlist-l .rmwdl-list {
  height: auto;
  margin-top: 0;
}
.wdlist-l .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.wdlist-l .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.wdlist-l .page-form .form-bd1 {
  margin-top: 20px;
}
.wdlist-l .page-turner {
  margin-top: 10px;
}
.wd-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #F1F3F5;
}
.wd-nav .wd-btn {
  width: auto !important;
  display: flex !important;
  background: transparent !important;
  border-bottom: none !important;
  color: #999999 !important;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  color: #333333;
  border-bottom: 1px solid #F1F3F5;
  height: 45px;
  background: #F1F3F5;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.wd-nav .wd-btn:hover {
  color: #333333 !important;
}
.wd-nav .wd-btn .sf-icon {
  border-top: #DDDDDD solid 7px !important;
}
.wd-nav .wd-btn .sf-icon {
  border-top: #333333 solid 7px;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: none;
  margin-left: 8px;
  overflow: visible;
}
.wdlist-r {
  width: 402px;
}
.wdlist-r .sptj-serve {
  margin-top: 16px;
}
.wtgz-box {
  width: 100%;
  height: 487px;
  background: #FFFFFF;
  border: 1px solid #F1F3F5;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 20px 15px;
}
.wtgz-box .wtgz-bt {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.wtgz-box .wtgz-search {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 2px;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.wtgz-box .wtgz-input {
  color: #333333;
  padding: 0 14px;
  box-sizing: border-box;
  height: 100%;
  width: 330px;
  font-size: 14px;
  font-weight: 400;
}
.wtgz-box .wtgz-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 30px;
  height: 100%;
  background: url("../img/search-w.png") no-repeat center center;
  background-size: 16px 16px;
}
.wtgz-box .labeld-item {
  width: 113px;
  height: 30px;
}
.wtgz-box .label-data li {
  margin-right: 15px;
  margin-top: 16px;
}
.wtgz-box .label-data li:nth-of-type(3n) {
  margin-right: 0;
}
.wd-bd {
  margin-top: 16px;
}
.wd-bd .xh-info {
  width: 369px;
  display: flex;
  align-items: center;
}
.wd-bd .xh-info .hot-number {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.wd-bd .hot-list .hot-item {
  margin-top: 16px;
}
.wd-bd .hot-list .hot-item:nth-child(1) .xh {
  background: #FC0000;
}
.wd-bd .hot-list .hot-item:nth-child(2) .xh {
  background: #FFA200;
}
.wd-bd .hot-list .hot-item:nth-child(3) .xh {
  background: #FFD501;
}
.wd-bd .hot-list .hot-item .xh {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background: #BBBBBB;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
}
.page-gg3 {
  width: 100%;
  height: 280px;
  margin-top: 16px;
}
.page-gg3 a {
  display: block;
  width: 100%;
  height: 100%;
}
.page-gg3 img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.wdDetails-l {
  width: 856px;
}
.wdDetails-l .zxzx {
  margin-top: 24px;
}
.wdDetails-l .zxzx .rmzx-r {
  height: auto;
  margin-top: 0;
}
.wdDetails-l .zxzx .rmzx-animation {
  margin-top: 24px;
}
.wdDetails-l .wdinfo-content {
  margin-top: 10px;
}
.wdDetails-l .wdinfo-content .author-text3 {
  margin-right: 8px;
}
.wdDetails-l .wd-count {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 18px;
}
.wdDetails-l .wd-count .wd-number {
  display: flex;
  align-items: center;
}
.wdDetails-l .wd-count .number-box {
  width: 26px;
  height: 26px;
  background: #269BFF;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.wdDetails-l .wd-count .number-text {
  color: #333333;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 400;
}
.wdDetails-l .wd-count .number-text span {
  color: #269BFF;
}
.wdDetails-l .wd-count .wd-fgx {
  flex: 1;
  margin-left: 12px;
  height: 1px;
  background: #EBEBEB;
}
.wdDetails-l .rmwdl-list {
  height: auto;
  margin-top: 0;
}
.wdDetails-l .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.wdDetails-l .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.wdDetails-l .info-title {
  line-height: 40px;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
.wdDetails-l .info-content {
  margin-top: 13px;
  padding-bottom: 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wdDetails-l .info-content .label-a {
  max-width: 275px;
}
.wdDetails-l .info-content .author-text2 {
  color: #999999 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.wdDetails-l .serve-gg {
  margin-top: 16px;
}
.wdDetails-l .xgwd {
  width: 100%;
  margin-top: 24px;
}
.wdDetails-l .info-content .author-text2 {
  font-size: 14px !important;
}
.wdDetails-l .info-content {
  border-bottom: none !important;
}
.master-answers {
  width: 100%;
  margin-bottom: 30px;
}
.master-answers .answers-item {
  margin-top: 32px;
}
.master-answers .answers-info {
  width: 100%;
  display: flex;
  height: 44px;
  justify-content: space-between;
}
.master-answers .answers-icon {
  height: 100%;
  width: 44px;
  border-radius: 50%;
}
.master-answers .answers-desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 7px;
}
.master-answers .answers-desc p {
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.master-answers .answers-desc em {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.master-answers .master-text {
  line-height: 28px;
  color: #333333;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
}
.master-answers .master-text img {
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}
.master-answers .master-text span {
  font-size: 16px !important;
  line-height: 28px !important;
  color: #333333 !important;
}
.master-answers .master-text p {
  text-indent: initial !important;
  margin-top: 5px;
  font-size: 16px !important;
  line-height: 28px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.master-answers .master-text p span {
  font-size: 16px !important;
  line-height: 28px !important;
  color: #333333 !important;
}
.master-answers .master-text p img {
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}
.master-answers .answers-l {
  display: flex;
  align-items: center;
}
.master-answers .answers-label {
  width: 74px;
  height: 30px;
  background: #FF6161;
  border-radius: 4px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.master-no-login {
  max-height: 400px;
  overflow: hidden;
  position: relative;
}
.wdDetails-r {
  width: 402px;
}
.wdDetails-r .label-tj {
  margin-top: 16px !important;
}
.wdDetails-r .label-tj {
  margin-top: 0;
}
.wdDetails-r .label-data li {
  margin-top: 16px;
}
.wdDetails-r .gg-box {
  margin-top: 17px;
}
.wdfw-list {
  width: 100%;
}
.wdfw-list .wdfw-item {
  width: 100%;
  height: 139px;
  background: #F8F8F8;
  border-radius: 4px;
  margin-top: 16px;
}
.wdfw-list .wdfw-item:hover .wdfw-img img {
  transition: 0.6s ease-in;
  transform: scale(1.2, 1.2);
}
.wdfw-list .wdfw-item a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  justify-content: space-between;
}
.wdfw-list .wdfw-item .wdfw-img {
  width: 114px;
  height: 100%;
  border-radius: 2px;
  overflow: hidden;
}
.wdfw-list .wdfw-item .wdfw-img img {
  width: 100%;
  height: 100%;
  transition: 0.6s ease-in;
  transform: scale(1, 1);
}
.wdfw-list .wdfw-item .wdfw-info {
  height: 100%;
  width: 253px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wdfw-list .wdfw-item .wdfw-bt {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.wdfw-list .wdfw-item .wdfw-bt:hover {
  color: #269BFF;
  transition: 0.2s;
}
.wdfw-list .wdfw-item .wdfw-fbt {
  color: #999999;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
}
.yhpj-list {
  width: 100%;
}
.yhpj-item {
  padding: 15px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #F5F5F5;
}
.yhpj-item:last-child {
  border-bottom: none;
}
.yhpj-top {
  display: flex;
  justify-content: space-between;
}
.yhpj-info {
  display: flex;
  align-items: center;
}
.yhpj-info h3 {
  font-weight: bold !important;
  color: #333333;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
}
.yhpj-info p {
  height: 24px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  padding: 0 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.pj-time {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.pj-desc {
  line-height: 20px;
  color: #666666;
  margin-top: 10px;
  -webkit-line-clamp: 3;
  font-size: 14px;
  font-weight: 400;
}
.gs-gg {
  width: 100%;
  background: #666666;
}
.gs-gg a {
  display: block;
  width: 100%;
  height: 100%;
}
.gs-gg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.f-nav-box {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
}
.fnav-box {
  display: flex;
  justify-content: space-around;
  height: 100%;
}
.fnav-box li {
  width: 100px;
  height: 100%;
}
.fnav-box li:after {
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  width: 0;
  bottom: 0;
  left: 35%;
  height: 3px;
  background: #269BFF;
}
.fnav-box li:hover {
  position: relative;
  transition: 0.3s;
}
.fnav-box li:hover a {
  color: #269BFF;
  font-weight: bold;
}
.fnav-box li:hover:after {
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  width: 30%;
  bottom: 0;
  left: 35%;
  height: 3px;
  background: #269BFF;
}
.fnav-box li a {
  width: 100%;
  height: 100%;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.fnav-box .fnav-cur {
  position: relative;
  transition: 0.3s;
}
.fnav-box .fnav-cur a {
  color: #269BFF;
  font-weight: bold;
}
.fnav-box .fnav-cur:after {
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  width: 30%;
  bottom: 0;
  left: 35%;
  height: 3px;
  background: #269BFF;
}
.intro-box {
  margin-top: 24px;
}
.infro-img-box {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: space-between;
  z-index: 11;
}
.infro-l {
  width: 600px;
  height: 100%;
  z-index: 11;
}
.infro-l img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.intro-c {
  width: 288px;
  height: 100%;
  z-index: 11;
}
.intro-c ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.intro-c li {
  width: 100%;
  height: auto;
}
.intro-c img {
  height: 192px;
  width: 100%;
  border-radius: 4px;
}
.intro-r {
  width: 320px;
  height: 100%;
  z-index: 11;
}
.intro-r img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.intro-text {
  margin-top: 24px;
  line-height: 28px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.intro-text p {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
}
.jzg-box {
  height: 330px;
}
.jzg-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.jzg-box .jzg-tb {
  width: 100%;
  height: 142px;
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.jzg-box .jzg-tb img {
  width: 966px;
  height: 100%;
}
.fwjz {
  width: 100%;
  height: 492px;
  background: #F4F4F5;
}
.jzg-bt {
  color: #333333;
  font-size: 32px;
  text-align: center;
  position: relative;
}
.line-box {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.jzg-bt-line {
  width: 60px;
  height: 3px;
  background: #269BFF;
}
.fwjz-box {
  height: 100%;
  padding-top: 1px;
  box-sizing: border-box;
}
.fwjz-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.fwjz-content {
  width: 100%;
  height: 320px;
  margin-top: 47px;
  display: flex;
  justify-content: center;
}
.fwjz-content .fwjz-center {
  height: 100%;
  width: 234px;
  position: relative;
}
.fwjz-content .fwjz-center fwjz-img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fwjz-content .fwjz-item {
  width: 382px;
  height: 142px;
  background: #FFFFFF;
  border-radius: 6px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fwjz-content .fwjz-title {
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fwjz-content .fwjz-text1 {
  color: #999999;
  line-height: 22px;
  text-align: right;
  margin-top: 13px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.fwjz-content .fwjz-text2 {
  text-align: left !important;
  padding-right: 10px !important;
  padding-left: 0 !important;
  color: #999999;
  line-height: 22px;
  text-align: right;
  margin-top: 13px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.fwjz-content .fwjz-left1 {
  top: 0;
  right: 311px;
  padding: 0 52px 0 20px;
  align-items: flex-end;
  transition: 0.3s;
}
.fwjz-content .fwjz-left1:hover {
  transition: 0.3s;
  right: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-left1:hover .fwjz-iconl1,
.fwjz-content .fwjz-left1:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover1:hover {
  transition: 0.3s;
  right: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover1:hover .fwjz-iconl1,
.fwjz-content .fwjz-hover1:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover2:hover {
  transition: 0.3s;
  left: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover2:hover .fwjz-iconl1,
.fwjz-content .fwjz-hover2:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-left2 {
  top: 178px;
  right: 311px;
  padding: 0 52px 0 20px;
  align-items: flex-end;
  transition: 0.3s;
}
.fwjz-content .fwjz-left2:hover {
  transition: 0.3s;
  right: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-left2:hover .fwjz-iconl1,
.fwjz-content .fwjz-left2:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right1 {
  top: 0;
  left: 311px;
  padding: 0 20px 0 52px;
  align-items: flex-start;
  transition: 0.3s;
}
.fwjz-content .fwjz-right1:hover {
  transition: 0.3s;
  left: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right1:hover .fwjz-iconl1,
.fwjz-content .fwjz-right1:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right2 {
  top: 178px;
  left: 311px;
  padding: 0 20px 0 52px;
  align-items: flex-start;
  transition: 0.3s;
}
.fwjz-content .fwjz-right2:hover {
  transition: 0.3s;
  left: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right2:hover .fwjz-iconl1,
.fwjz-content .fwjz-right2:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-iconl1 {
  position: absolute;
  right: -37px;
  top: 34px;
  height: 74px;
  width: 74px;
  border-radius: 50%;
}
.fwjz-content .fwjz-iconl2 {
  position: absolute;
  left: -37px;
  top: 34px;
  height: 74px;
  width: 74px;
  border-radius: 50%;
}
.fwln-box {
  height: 340px;
  padding-top: 1px;
  box-sizing: border-box;
}
.fwln-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.fwln-content {
  width: 100%;
  display: flex;
  justify-content: center;
}
.fwln {
  margin-top: 168px;
  width: 938px;
  border-top: 1px dashed #A2ADB7;
  padding-top: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.fwln-item {
  width: 162px;
  position: relative;
}
.fwln-item p {
  line-height: 24px;
  color: #333333;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.floating {
  width: 100%;
  height: 83px;
  border-radius: 8px;
  position: absolute;
  top: -141px;
  left: 0;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  font-size: 24px;
  font-weight: 400;
}
.floating:hover {
  transition: 0.4s;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  top: -160px;
}
.fla-label1 {
  display: block;
  width: 11px;
  height: 11px;
  background: #177BD1;
  transform: rotate(45deg);
  position: absolute;
  top: 115px;
  left: 75px;
}
.fla-label2 {
  display: block;
  width: 11px;
  height: 11px;
  background: #D85151;
  transform: rotate(45deg);
  position: absolute;
  top: 115px;
  left: 75px;
}
.fla-line {
  transition: 0.4s;
  height: 38px;
  border-left: 1px dashed #A2ADB7;
  position: absolute;
  bottom: -38px;
  left: 80px;
}
.flbg-color1 {
  background: linear-gradient(180deg, #269BFF 0%, #0F8FE0 5%, #43AFF4 100%);
}
.flbg-color2 {
  background: linear-gradient(180deg, #D24B4B 0%, #F56E6E 100%);
}
.dev-box {
  display: flex;
  justify-content: center;
  margin-top: 37px;
}
.timeline-list {
  margin: 0;
  font-size: 14px;
  list-style: none;
}
.timeline-item:last-child .timeline-item_tail {
  display: none;
}
.timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.timeline-item:hover .timeline-item_node {
  transition: 0.4s;
  box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.3);
}
.timeline-item:hover .tbox-content {
  transition: 0.4s;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  transform: translateX(20px);
}
.timeline-item_tail {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #e4e7ed;
}
.timeline-item_node {
  position: absolute;
  transition: 0.4s;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -6px;
  width: 23px;
  height: 23px;
  padding: 4px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #DDDDDD;
}
.timeline-item_node:after {
  position: absolute;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #269BFF;
  left: 3px;
  top: 3px;
  border-radius: 50%;
}
.timeline-item_wrapper {
  position: relative;
  padding-left: 20px;
  top: 0px;
}
.timeline-item_timestamp {
  margin-bottom: 8px;
  padding-top: 0px;
  color: #242424;
  line-height: 1;
  font-weight: 700;
  font-size: 13px;
  padding-left: 10px;
}
.tbox {
  padding: 10px;
}
.tbox-content {
  transition: 0.4s;
  background: #f6f6f6;
  padding: 10px;
  width: 600px;
  line-height: 20px;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.company-info {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 50px;
  box-sizing: border-box;
}
.info-item {
  display: flex;
  align-items: center;
  font-weight: bold !important;
  color: #333333;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
}
.info-item em {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.info-item .info-icon1 {
  background: url("../img/lx-phone-icon.png") no-repeat;
  background-size: 100% 100%;
}
.info-item .info-icon2 {
  background: url("../img/address-icon.png") no-repeat;
  background-size: 100% 100%;
}
.dt-box {
  margin-top: 45px;
  height: 800px;
  display: flex;
  justify-content: center;
}
#dz-continer {
  width: 1190px;
  height: 100%;
}
.rzgw-box {
  margin-top: 42px;
}
.rzgw-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.gw-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.gw-list .gw-item {
  padding: 25px;
  box-sizing: border-box;
  width: 403px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
.gw-list .zw-name {
  font-size: 20px;
  font-weight: bold !important;
  color: #333333;
}
.gw-list .zwyq-title {
  margin-top: 18px;
  height: 20px;
  border-left: 3px solid #269BFF;
  display: flex;
  align-items: center;
  padding-left: 7px;
  box-sizing: border-box;
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.gw-list .zw-desc {
  line-height: 20px;
  color: #333333;
  margin-top: 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.gw-list .gw-lx {
  margin-top: 16px;
}
.gw-list .gw-lx p {
  color: #269BFF;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.tdfs-box {
  margin-top: 20px;
}
.tdfs-box .title-box {
  justify-content: center;
  position: relative;
}
.tdfs {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 38px;
}
.tdfs .tdfs-info {
  width: 532px;
  height: 129px;
  background: #F2F6FB;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tdfs .td-img {
  width: 90px;
  height: 87px;
}
.tdfs .td-desc {
  margin-left: 25px;
}
.tdfs .td-desc p {
  font-weight: bold !important;
  line-height: 24px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.tdfs .td-desc p:nth-child(1) {
  margin-bottom: 5px;
}
.search {
  width: 630px;
  height: 45px;
  margin-top: 24px;
  display: flex;
}
.input-box {
  width: 525px;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #999999;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
}
.input-box input {
  width: 100%;
  height: 100%;
  padding-left: 40px;
  box-sizing: border-box;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.input-box i {
  position: absolute;
  top: 7px;
  left: 10px;
  display: block;
  width: 29px;
  height: 29px;
  background: url("../img/search-logo.png") no-repeat;
}
.search-button {
  width: 105px;
  height: 100%;
  background: #269BFF;
  border-radius: 0px 4px 4px 0px;
  font-weight: bold !important;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.search-top .zxlb-nav-item {
  margin: 0 25px;
}
.search-top .zxlb-nav-item a {
  color: #666666;
}
.search-top .zxlb-nav-item:nth-child(1) {
  margin-left: 0;
}
.search-result {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.result-l,
.search-k {
  width: 961px;
}
.fwjg-box {
  margin-bottom: 24px;
}
.fwjg-box .recomlt-serve {
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.fwjg-box .recomlt-serve li {
  width: 228px;
  height: 331px;
  margin-right: 16px;
}
.fwjg-box .recomlt-serve li:nth-of-type(4n) {
  margin-right: 0;
}
.fwjg-box .recomlt-serve li .rec-img {
  height: 202px;
}
.fwjg-box .recomlt-serve .rec-proname {
  margin-top: 16px;
}
.fwjg-box .rec-serve {
  background: #F8F8F8;
}
.jghz-text {
  color: #999999;
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.jghz-text span {
  color: #FF6161;
}
.zxhz-box {
  margin-bottom: 24px;
}
.zxhz-box .rmzx-r {
  width: 100%;
}
.zxhz-box .rmzx-r .rmzxr-info {
  width: 770px;
}
.zxhz-box .rmzx-animation {
  margin-top: 24px;
}
.zxhz-box .label-a {
  max-width: 276px;
}
.wdhz-box {
  margin-bottom: 24px;
}
.wdhz-box .label-a {
  max-width: 276px;
}
.wdhz-box .rmwdl-list {
  height: auto;
  display: block;
  margin-top: 0;
}
.wdhz-box .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.wdhz-box .rmwdinfo-r {
  width: 902px;
}
.sfhz-box {
  margin-bottom: 24px;
}
.hz-title {
  font-weight: bold !important;
  color: #333333;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
}
.hz-title span {
  color: #FF6161;
}
.jghz-a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.result-r {
  width: 262px;
}
.result-r .title-box h2 {
  font-size: 20px;
}
.rmss {
  margin-bottom: 16px;
}
.rmss .label-data li {
  margin-right: 16px;
  margin-top: 16px;
}
.rmss .label-data li:nth-of-type(2n) {
  margin-right: 0px !important;
}
.search-k {
  margin-top: 16px;
}
.k-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-box img {
  width: 190px;
  height: 190px;
}
.k-box .k-text {
  margin-top: 16px;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
}
.container-l {
  width: 100%;
  height: 100vh;
  position: relative;
}
.login-bg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 60px);
}
.login-bg .login-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.register-bg {
  position: relative;
}
.register-bg:after {
  content: "";
  background-image: url("../img/zc-bg.jpg");
  background-size: 1920px;
  background-position: center center;
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.login-logo,
.register-logo {
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  padding: 0 28px;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.register-logo {
  background: transparent;
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
}
.login-l {
  display: flex;
  align-items: center;
  height: 100%;
}
.login-l img {
  width: 140px;
  height: auto;
}
.logo-text {
  color: #333333;
  margin-left: 16px;
  font-size: 16px;
  font-weight: 400;
}
.container-zc {
  width: 860px;
  height: 495px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  z-index: 11;
}
.container-zc .zc-img {
  height: 100%;
  width: 372px;
}
.container-content {
  width: 1000px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: flex-end;
}
.container-content .form-bd1 {
  position: static;
  padding: 0;
  width: 100%;
  height: auto;
}
.container-content .form-bd1 .bd-select {
  height: 40px;
  background-position: 253px center;
}
.container-content .form-bd1 .sp-liyy {
  margin-top: 15px;
}
.login-form {
  width: 344px;
  height: 468px;
  border-radius: 4px;
  background: linear-gradient(180deg, #C4DAFF 0%, #FFFFFF 12%);
}
.login-form .fwyy-label {
  margin-top: 30px;
  margin-bottom: 0;
}
.login-form .fwyy-label p {
  font-size: 14px;
  font-weight: 400 !important;
  color: #999999;
  margin-top: 8px;
}
.login-bt {
  font-weight: bold !important;
  margin-top: 32px;
  text-align: center;
  color: #333333;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 400;
}
.input-item {
  width: 100%;
  position: relative;
  margin-bottom: 16px;
}
.input-item .login-icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 7px;
  top: 8px;
}
.input-item .login-icon1 {
  background: url("../img/yh-icon.png") no-repeat;
  background-size: 100% 100%;
}
.input-item .login-icon2 {
  background: url("../img/pass-icon.png") no-repeat;
  background-size: 100% 100%;
}
.login-input {
  width: 100%;
  height: 40px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  padding: 0 20px 0 20px;
  box-sizing: border-box;
  color: #333333;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 400;
}
.login-input:focus {
  border: 1px solid #269BFF;
  transition: 0.3s;
}
.wjmm-box {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.wjmm-box a {
  color: #269BFF;
  font-size: 12px;
  font-weight: 400;
}
.login-btn {
  width: 100%;
  height: 40px;
  background: #269BFF;
  opacity: 0.4;
  border-radius: 4px;
  margin-top: 24px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.zc-aciton {
  width: 100%;
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.zc-aciton .zc-bt {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: transparent;
  position: absolute;
  justify-content: center;
  left: 0;
  top: 0;
}
.zc-aciton .zc-line-box {
  width: 100%;
  height: 1px;
  background: #EBEBEB;
}
.zc-aciton .zc-tilte {
  display: flex;
  align-items: center;
  color: #333333;
  background: #FFFFFF;
  height: 100%;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.zc-aciton .zc-tilte a {
  color: #269BFF;
}
.login-footer {
  width: 100%;
  position: absolute;
  bottom: 24px;
  left: 0;
  display: flex;
  justify-content: center;
}
.login-footer p {
  width: 800px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.login-footer p a {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.login-footer p a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.zc-form {
  width: 320px;
  margin-left: 80px;
}
.zc-form .login-bt {
  text-align: left;
  margin-bottom: 4px;
}
.zc-form .login-input {
  padding: 0 16px;
  box-sizing: border-box;
}
.dx-box input {
  padding-right: 100px;
}
.dx-item {
  padding: 0 10px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  color: #269BFF;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
.login-btn {
  margin-top: 30px;
}
.xy-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.xy-box input[type="checkbox"] {
  margin: 0;
}
.xy-box .xy-desc {
  width: 300px;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.xy-box .xy-desc a {
  color: #269BFF;
}
.zc-text {
  color: #333333;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}
.zc-text a {
  color: #269BFF;
}
.ts-text {
  display: block;
  color: #FF6161;
  margin-top: 5px;
  transition: 0.3s;
  font-size: 12px;
  font-weight: 400;
}
.honor-box .jzg-bt {
  width: 100%;
}
.honor-box .swiper-container {
  margin-top: 47px;
  width: 100%;
  height: 180px;
}
.honor-box .swiper-container .swiper-slide {
  height: 100% !important;
}
.honor-box .swiper-container .swiper-slide img {
  height: 100%;
  width: 100%;
  border-radius: 4px;
}
.honor-box .swiper-container:last-child {
  margin-top: 30px;
}
#yjdl,
#wdl {
  cursor: pointer;
}
.login-text {
  color: #999999;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 18px;
  font-size: 14px;
}
.page-404-box {
  width: 100%;
  height: calc(100vh - 350px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-404-box .page-404-one {
  width: 268px;
  height: 268px;
}
.page-404-box .page-404-two-box {
  margin-left: 30px;
}
.page-404-box .page-404-two {
  width: 190px;
  height: 150px;
}
.page-404-box .page-404-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 10px;
  color: #999999;
}
.page-404-box .page-404-button {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #0474F5;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 400;
  color: #0474F5;
  text-align: center;
  margin-top: 30px;
  transition: 0.3s;
}
.page-404-box .page-404-button:hover {
  background: #0474F5;
  color: #fff;
  transition: 0.3s;
}
.personal-info-head {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tx-box {
  width: 105px;
  height: 105px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.tx-img {
  width: 100%;
  height: 100%;
}
.tx-btn {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.personal-left {
  display: flex;
  align-items: center;
}
.personal-info {
  margin-left: 24px;
}
.personal-name {
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
}
[v-cloak] {
  display: none;
  /* 闅愯棌 */
}
.change-box {
  margin-top: 16px;
}
.change-name-box {
  display: none;
  align-items: center;
  font-size: 16px;
  color: #999999;
  cursor: pointer;
}
.change-name-box:hover .change-icon {
  transition: 0.3s;
  background-image: url("../img/xg_active_icon.png");
}
.change-icon {
  width: 19px;
  height: 19px;
  background-image: url("../img/xg_icon.png");
  background-size: 100%;
  margin-right: 6px;
  transition: 0.3s;
}
.change-left-box {
  display: none;
  width: 400px;
}
.change-input-box {
  align-items: center;
  width: 350px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
}
.change-btn-group {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.change-btn-group .save-icon:hover {
  transition: 0.3s;
  background-image: url("../img/seave_active_icon.png");
}
.change-btn-group .cancel-icon:hover {
  transition: 0.3s;
  background-image: url("../img/cancel_active_icon.png");
}
.save-icon {
  width: 30px;
  height: 30px;
  background-image: url("../img/seave_icon.png");
  background-size: 100%;
  cursor: pointer;
  transition: 0.3s;
}
.cancel-icon {
  width: 30px;
  height: 30px;
  background-image: url("../img/cancle_icon.png");
  background-size: 100%;
  cursor: pointer;
  transition: 0.3s;
}
.personal-right {
  display: flex;
}
.shortcut-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 70px;
  padding-right: 40px;
  transition: 0.3s;
  position: relative;
}
.shortcut-button:last-child:after {
  display: none;
}
.shortcut-button:after {
  content: '';
  position: absolute;
  top: 10%;
  right: -14px;
  height: 80%;
  width: 1px;
  background: #707070;
  opacity: 0.1;
}
.shortcut-button:hover {
  transition: 0.3s;
  transform: translateY(-10px);
}
.shortcut-button:hover .shortcut-text {
  transition: 0.3s;
  color: #269BFF;
}
.dhzx-icon {
  width: 47px;
  height: 47px;
  background-image: url("../img/kj-icon1.png");
  background-size: 100%;
  transition: 0.3s;
}
.zxkf-icon {
  width: 47px;
  height: 47px;
  background-image: url("../img/kj-icon2.png");
  background-size: 100%;
  transition: 0.3s;
}
.zxyy-icon {
  width: 47px;
  height: 47px;
  background-image: url("../img/kj-icon3.png");
  background-size: 100%;
  transition: 0.3s;
}
.shortcut-text {
  color: #333333;
  margin-top: 16px;
  text-align: center;
  transition: 0.3s;
  font-size: 14px;
}
.personal-content {
  padding-top: 16px;
  box-sizing: border-box;
}
.personal-menu {
  width: 214px;
  background: #FFFFFF;
  float: left;
  border-radius: 8px;
  padding: 12px 0;
  box-sizing: border-box;
}
.message-style {
  min-width: auto !important;
}
.personal-menu-item {
  width: 100%;
  height: 48px;
  margin-bottom: 10px;
}
.personal-menu-item a {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  box-sizing: border-box;
  display: flex;
  background-image: url("../img/person-menu-left.png");
  background-size: 6px 10px;
  background-repeat: no-repeat;
  background-position: 190px center;
  align-items: center;
}
.personal-menu-item .icon {
  width: 26px;
  height: 26px;
  margin-right: 3px;
  transition: 0.3s;
}
.personal-menu-item span {
  font-size: 16px;
  transition: 0.3s;
}
.personal-menu-item:hover {
  background: #f3f8ff;
  position: relative;
}
.personal-menu-item:hover:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #269BFF;
}
.personal-menu-item:hover .wddd-icon {
  transition: 0.3s;
  background-image: url("../img/wddd-active.png");
}
.personal-menu-item:hover .wdtw-icon {
  transition: 0.3s;
  background-image: url("../img/wdtw-active.png");
}
.personal-menu-item:hover .wdyj-icon {
  transition: 0.3s;
  background-image: url("../img/wdyj-active.png");
}
.personal-menu-item:hover .wdjl-icon {
  transition: 0.3s;
  background-image: url("../img/wdjl-active.png");
}
.personal-menu-item:hover .wdhd-icon {
  transition: 0.3s;
  background-image: url("../img/wdhd-active.png");
}
.personal-menu-item:hover span {
  transition: 0.3s;
  color: #269BFF;
}
.wddd-icon {
  background-image: url("../img/wddd-icon.png");
  background-size: 100%;
}
.wdtw-icon {
  background-image: url("../img/wdtw-icon.png");
  background-size: 100%;
}
.wdyj-icon {
  background-image: url("../img/wdyj-icon.png");
  background-size: 100%;
}
.wdjl-icon {
  background-image: url("../img/wdjl-icon.png");
  background-size: 100%;
}
.wdhd-icon {
  background-image: url("../img/wdhd-icon.png");
  background-size: 100%;
}
.personal-menu-active {
  background: #f3f8ff;
  position: relative;
}
.personal-menu-active:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #269BFF;
}
.personal-menu-active .wddd-icon {
  transition: 0.3s;
  background-image: url("../img/wddd-active.png");
}
.personal-menu-active .wdtw-icon {
  transition: 0.3s;
  background-image: url("../img/wdtw-active.png");
}
.personal-menu-active .wdyj-icon {
  transition: 0.3s;
  background-image: url("../img/wdyj-active.png");
}
.personal-menu-active .wdjl-icon {
  transition: 0.3s;
  background-image: url("../img/wdjl-active.png");
}
.personal-menu-active .wdhd-icon {
  transition: 0.3s;
  background-image: url("../img/wdhd-active.png");
}
.personal-menu-active span {
  transition: 0.3s;
  color: #269BFF;
}
.personal {
  background: #F8F8F8;
  padding-top: 150px;
}
.box-center {
  width: 1296px;
  margin: 0 auto;
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.personal-center {
  width: 696px;
  background: #FFFFFF;
  border-radius: 8px;
  float: left;
  padding: 24px 16px;
  box-sizing: border-box;
}
.personal-center-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-title-box {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-left: 16px;
}
.personal-title-box:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 18px;
  background: #269BFF;
}
.order-type {
  display: flex;
  align-items: center;
}
.order-type-item {
  margin-left: 32px;
  transition: 0.3s;
  cursor: pointer;
  font-size: 14px;
}
.order-type-item:hover {
  transition: 0.3s;
  font-weight: bold;
  color: #269BFF;
}
.order-type-active {
  transition: 0.3s;
  font-weight: bold;
  color: #269BFF;
}
.order-list {
  width: 100%;
  padding-top: 24px;
}
.order-item {
  width: 100%;
  border: 1px solid #EBEBEB;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px;
  transition: 0.3s;
  cursor: pointer;
}
.order-item:last-child {
  margin-bottom: 0;
}
.order-item:hover {
  transition: 0.3s;
  background: #F8F8F8;
}
.order-item:hover .order-head {
  transition: 0.3s;
  background: #F8F8F8;
}
.order-head {
  transition: 0.3s;
  width: 100%;
  height: 48px;
  background: #F8F8F8;
  border-bottom: 1px solid #EBEBEB;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.personal-content-box {
  width: 100%;
}
.order-sno-box {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
}
.copy-icon {
  transition: 0.3s;
  width: 13px;
  height: 13px;
  background-image: url("../img/copy-icon.png");
  background-size: 100%;
  margin-left: 10px;
  cursor: pointer;
}
.copy-icon:hover {
  transition: 0.3s;
  background-image: url("../img/copy-active.png");
}
.order-zt-s01 {
  font-size: 14px;
  color: #269BFF;
}
.order-zt-s02 {
  color: #999999;
  font-size: 14px;
}
.order-info-box {
  padding: 8px 16px 20px;
  box-sizing: border-box;
}
.order-info-item {
  color: #999999;
  margin-top: 12px;
  font-size: 14px;
}
.order-info-item span {
  font-size: 14px;
  color: #333333;
}
.result-box {
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  margin-top: 62px;
}
.result-null {
  width: 140px;
  height: 140px;
}
.result-desc {
  font-size: 16px;
  color: #999999;
  margin-top: 16px;
}
.result-desc a {
  color: #269BFF;
}
.go-xd {
  width: 79px;
  height: 28px;
  background: #269BFF;
  border-radius: 4px;
  color: #FFFFFF;
  transition: 0.3s;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
}
.go-xd:hover {
  color: #FFFFFF;
  transition: 0.3s;
  background: #2668CF;
}
.personal-xq-right {
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 24px 16px;
  box-sizing: border-box;
}
.progress-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
}
.progress-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 126px;
  margin-left: 55px;
  position: relative;
}
.progress-item:after {
  content: '';
  position: absolute;
  width: 84px;
  height: 14px;
  left: -68px;
  top: 16px;
  background: url("../img/progress-arrow.png") no-repeat;
  background-size: 100%;
  opacity: 0.3;
}
.progress-item:first-child {
  margin-left: 0;
}
.progress-item:first-child:after {
  display: none;
}
.progress-img {
  width: 42px;
  height: 42px;
  opacity: 0.5;
}
.progress-text {
  color: #999999;
  margin-top: 12px;
}
.isActive .progress-img {
  opacity: 1;
}
.isActive .progress-text {
  color: #333333;
}
.isActive:after {
  opacity: 1;
}
.order-sno {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-top: 40px;
}
.order-card {
  width: 100%;
  border: 1px solid #EBEBEB;
  margin-top: 16px;
}
.order-card-header {
  width: 100%;
  height: 48px;
  background: #F8F8F8;
  display: flex;
  padding: 0 16px;
  box-sizing: border-box;
  align-items: center;
}
.order-card-title {
  font-size: 16px;
  font-weight: bold;
}
.order-card-content {
  width: 100%;
  padding: 0 16px 20px;
  box-sizing: border-box;
}
.order-card-content .order-info-item {
  margin-top: 20px;
}
.order-tabbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 32px;
}
.qx-btn {
  width: 80px;
  height: 36px;
  border: 1px solid #269BFF;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #269BFF;
  transition: 0.3s;
  cursor: pointer;
  margin-left: 12px;
  font-size: 14px;
}
.qx-btn:hover {
  transition: 0.3s;
  color: #FFFFFF;
  background: #269BFF;
}
.lxkf-btn {
  width: 80px;
  height: 36px;
  background: #269BFF;
  border-radius: 4px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin-left: 12px;
  cursor: pointer;
  font-size: 14px;
}
.lxkf-btn:hover {
  color: #FFFFFF;
  transition: 0.3s;
  background: #2668CF;
}
.qx-content {
  width: 100%;
  box-sizing: border-box;
}
.dialog-box {
  border-radius: 8px !important;
}
.dialog-title {
  width: 100%;
  height: 48px;
  background: #F1F3F5;
  border-radius: 8px 8px 0 0 !important;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.el-dialog__header {
  padding: 0 !important;
}
.qx-title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.qx-label-list {
  width: 100%;
}
.qx-label-item {
  width: 100%;
  margin-top: 30px;
}
.qx-label-item .el-radio__input.is-checked .el-radio__inner {
  border-color: #269BFF;
  background: #269BFF;
}
.qx-label-item .el-radio__input.is-checked + .el-radio__label {
  color: #269BFF;
}
.qx-label-item .el-radio__label {
  font-size: 16px;
}
.qx-label-item .el-radio {
  display: flex;
  align-items: center;
}
.qx-label-item .el-radio__inner {
  width: 16px;
  height: 16px;
}
.text-box {
  margin-top: 26px;
}
.text-box .el-textarea__inner {
  border: 1px solid #BFBFBF;
  border-radius: 8px;
}
.text-box .el-textarea__inner:focus {
  border-color: #269BFF;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #269BFF;
}
.cancel-btn {
  width: 80px;
  height: 36px;
  border: 1px solid #2F80FF;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #269BFF;
  cursor: pointer;
}
.dialog-footer {
  display: flex;
  justify-content: flex-end;
}
.submit-btn {
  width: 80px;
  height: 36px;
  background: #269BFF;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-left: 12px;
  transition: 0.3s;
  cursor: pointer;
}
.submit-btn:hover {
  transition: 0.3s;
  background: #2668CF;
}
.fklx-box,
.fknr-box {
  width: 100%;
  margin-top: 32px;
}
.fknr-box {
  display: none;
}
.fknr-block {
  display: block;
}
.fk-title {
  font-size: 16px;
  font-weight: bold;
  color: #222222;
}
.fklx-list {
  width: 100%;
  display: none;
  grid-template-columns: repeat(3, 211px);
  grid-gap: 15px;
  margin-top: 16px;
}
.fklx-list-block {
  display: grid;
}
.fklx-item {
  height: 40px;
  background: #F8F8F8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #222222;
  cursor: pointer;
}
.fklx-item-active {
  background: #269BFF;
  color: #FFFFFF;
}
.fknr-list {
  display: grid;
  grid-template-columns: repeat(3, 206px);
  grid-gap: 15px;
  margin-top: 16px;
}
.fknr-item {
  height: 40px;
  background: #F8F8F8;
  border-radius: 4px;
  display: flex;
  font-size: 16px;
  color: #222222;
  align-items: center;
  justify-content: center;
  position: relative;
}
.del-icon {
  width: 19px;
  height: 19px;
  background-image: url("../img/fk-del-icon.png");
  background-size: 100%;
  position: absolute;
  top: -9px;
  right: -9px;
  cursor: pointer;
  transition: 0.3s;
}
.del-icon:hover {
  transition: 0.3s;
  opacity: 0.5;
}
.bznr-box {
  width: 100%;
  margin-top: 32px;
}
.bznr-text {
  width: 100%;
  height: 180px;
  background: #FFFFFF;
  border: 1px solid #BFBFBF;
  border-radius: 8px;
  font-size: 16px;
  color: #333333;
  margin-top: 16px;
  padding: 16px;
  box-sizing: border-box;
}
.submit-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 24px;
}
.feed-submit-btn {
  width: 80px;
  height: 36px;
  background: #269BFF;
  border-radius: 4px;
  transition: 0.3s;
  cursor: pointer;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.feed-submit-btn:hover {
  transition: 0.3s;
  color: #FFFFFF;
  background: #2668CF;
}
.tw-content {
  display: none;
}
.browsing-list {
  width: 100%;
}
.browsing-item {
  width: 100%;
  margin-top: 26px;
}
.browsing-head {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #333333;
}
.browsing-head p {
  flex: none;
}
.browsing-head a {
  color: #269BFF;
  transition: 0.3s;
}
.browsing-head a:hover {
  transition: 0.3s;
  text-decoration: underline;
}
.browsing-xq-box {
  width: 100%;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  padding: 0 16px 16px;
  box-sizing: border-box;
  margin-top: 16px;
}
.browsing-xq-item {
  font-size: 16px;
  color: #999999;
  margin-top: 17px;
}
.browsing-xq-item span,
.browsing-xq-item a {
  color: #333333;
}
.browsing-xq-item a {
  transition: 0.3s;
}
.browsing-xq-item a:hover {
  transition: 0.3s;
  color: #269BFF;
}
.discounts-list {
  width: 100%;
  margin-top: 24px;
  display: flex;
  padding: 9px 0 9px 40px;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.discounts-item {
  height: 153px;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  margin-right: 38px;
}
.other-discount {
  position: absolute;
  top: 0;
  right: 0;
}
.other-discount img {
  width: 134px;
  height: 100%;
}
.discounts-item-yhq {
  height: 100%;
  width: 118px;
}
.discounts-item-yhq img {
  height: 100%;
  width: 118px;
}
.personal-content-left {
  width: 1066px;
  float: right;
}
.personal-contenter-bk {
  margin-top: 16px;
}
.fw-list-A {
  display: grid;
  grid-template-columns: repeat(5, 246px);
  grid-gap: 16px;
}
.fw-list-A .fzfw-one-item {
  height: 378px;
}
.fzfw-one-img {
  display: block;
  height: 190px;
  width: 100%;
}
.fzfw-one-img img {
  height: 100%;
  width: 100%;
  border-radius: 4px;
}
.fzfw-one-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 13px;
  box-sizing: border-box;
}
.fzfw-bt {
  font-size: 16px;
  margin-top: 8px;
  transition: 0.3s;
  width: 100%;
  text-align: center;
}
.fzfw-bt:hover {
  transition: 0.3s;
  color: #269BFF;
}
.fzfw-desc {
  font-size: 12px;
  color: #999999;
  margin-top: 8px;
  width: 100%;
  height: 16px;
}
.fzfw-action {
  width: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
  margin-top: 8px;
}
.fzfw-price {
  display: inline-block;
  height: 21px;
  overflow: hidden;
}
.fzfw-price span {
  display: inline-block;
  font-size: 16px;
  color: #ff5d61;
  align-items: center;
  padding: 0 13px;
  box-sizing: border-box;
  transition: 0.3s;
}
.fzfw-price:hover {
  height: auto;
}
.fzfw-price:hover span {
  display: none;
}
.fzfw-price:hover .zfwf-btn {
  transition: 0.3s;
  visibility: visible;
  opacity: 1;
}
.zfwf-btn {
  width: 90px;
  height: 30px;
  background: #269BFF;
  border-radius: 4px;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
  visibility: hidden;
  transition: 0.3s;
}
.zx-fxfw-style .fw-list-A {
  grid-template-columns: repeat(2, 166px);
  grid-gap: 0 24px;
}
.zx-fxfw-style .fzfw-desc {
  font-size: 12px;
  text-align: center;
}
.zx-fxfw-style .fzfw-one-img {
  height: 166px;
}
.zx-fxfw-style .fzfw-one-info {
  padding: 0;
}
.zx-fxfw-style .fzfw-one-item {
  background: #FFFFFF;
  height: 290px;
}
.zx-fxfw-style .fzfw-bt {
  font-size: 18px;
}
.base-fw .fzfw-bt {
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
}
.base-fw .fzfw-desc {
  text-align: center;
  font-size: 14px;
}
.base-fw .fzfw-one-img {
  height: 246px;
}
.base-fw .fzfw-action {
  margin-top: 18px;
}
.personal-head {
  border-bottom: none;
}
.personal-head .header-bottom {
  padding: 22px 0;
  box-sizing: border-box;
  margin-top: 0;
}
.personal-head .logo-box img {
  width: 166px;
  height: 63px;
}
.personal-head .header-menu-item {
  margin-right: 58px;
}
.rxfw-box {
  width: 100%;
}
.page-title {
  font-size: 20px;
  font-weight: bold;
}
.fw-style01 .fw-list-A {
  margin-top: 24px;
}
.fw-style01 .fzfw-price {
  height: auto;
}
.fw-style01 .zfwf-btn {
  visibility: visible;
  opacity: 1;
  background: transparent;
  color: #269BFF;
  transition: 0.3s;
}
.fw-style01 .zfwf-btn:hover {
  transition: 0.3s;
  background: #269BFF;
  color: #FFFFFF;
}
.personal-fw {
  float: right;
  width: 354px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 24px 15px;
  box-sizing: border-box;
}
.personal-fw .zx-fxfw-style .fzfw-one-img {
  height: 154px;
}
.personal-fw .zx-fxfw-style .fw-list-A {
  grid-template-columns: repeat(2, 154px);
  grid-gap: 0 12px;
}
.container-page {
  background: #F8F8F8;
}
.qx-none {
  display: none;
}
.qx-flex {
  display: flex;
}
.alert-close {
  display: none !important;
}
.isShow {
  display: flex;
}
.prompt-box {
  display: flex;
  align-items: center;
  background: rgba(51, 51, 51, 0.9);
  opacity: 0;
  overflow: hidden;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  color: #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -200%);
  z-index: 0;
}
.error-img {
  width: 22px;
  height: 22px;
  background-color: #ff5d61;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/error.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  margin-right: 10px;
}
.prompt-show {
  height: 53px;
  overflow: auto;
  opacity: 1;
  z-index: 9999;
  padding: 0 30px;
  animation: yc 0.6s linear;
  transition: 0.3s;
}
@keyframes yc {
  0% {
    background: rgba(51, 51, 51, 0);
  }
  100% {
    background: rgba(51, 51, 51, 0.9);
  }
}
.tab-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
}
.login-tab {
  height: 100%;
  width: 50%;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-order {
  display: flex;
  width: 50%;
  height: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  align-items: center;
  justify-content: center;
}
.tab-style-A {
  background: url("../images/login_tab_left.png") no-repeat;
  background-size: 100%;
}
.tab-style-B {
  background: url("../images/order-tab.png") no-repeat;
  background-size: 100%;
}
.login-form-box {
  padding: 0 30px;
  box-sizing: border-box;
  width: 100%;
}
.login-order-form{
  height: 506px;
}
#dlbtn,
#userInfo {
  display: none;
}
.user-flex {
  display: block !important;
}
.user-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.user-name {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  margin-top: 4px;
}
.bd-box {
  width: 352px;
  height: 452px;
  background: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  right: 310px;
  bottom: 24px;
  z-index: 2;
  padding: 20px 16px;
  box-sizing: border-box;
}
.bd-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.message-text {
  width: 100%;
  display: inline-block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.message-text span {
  color: #269BFF;
}
.go-order-page {
  margin-top: 0px;
  box-sizing: border-box;
  height: calc(100vh);
  width: 100%;
  background: linear-gradient(179deg, #2F80FF 0%, rgba(47, 128, 255, 0.6) 100%);
}
.xd-footer-box {
  width: 100%;
  height: 170px;
  background: #333333;
}
.xd-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.xd-footer-left .link-list {
  display: flex;
}
.xd-footer-left .link-list-item {
  margin-right: 60px;
}
.xd-footer-left .footer-filing-box {
  width: 760px;
  margin-top: 28px;
}
.xd-footer-left .footer-filing-box .info {
  text-align: left;
}
.go-order-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.go-order-box .bd-box {
  bottom: 0;
  right: 0;
  height: 479px;
  top: calc((100% - 447px) / 2);
  padding: 30px 20px 20px;
}
.go-order-box .form-bd1 .bd-select,
.go-order-box .form-bd1 .bd-input {
  height: 40px;
}
.go-order-box .form-bd1 .bd-code {
  height: 40px;
}
.go-order-box .form-bd1 .form-bd1-bottom {
  margin-top: 15px;
}
.go-order-box .form-bd1 .bd-select {
  background-position: 286px center;
}
.go-order-left {
  width: 930px;
  height: 447px;
  background: url("../img/go-order-bg.png") no-repeat;
  background-size: 100%;
  position: relative;
}
.order-data-item {
  width: 130px;
  margin-bottom: 90px;
}
.order-data-item .gs-data-num,
.order-data-item .gs-unit {
  font-size: 32px;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 0;
}
.order-data-item .gs-data-fbt {
  color: #FFFFFF;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
}
.order-data-item .gs-num-box {
  display: flex;
  justify-content: center;
}
.order-data-box {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.input-none {
  display: none;
}
.order-page {
  width: 100%;
}
.order-page .link-box {
  margin-top: 0;
}
.order-page .head-box {
  /*position: static;*/
  z-index: 1;
}
.order-page .form-bd1 {
  position: static;
  width: 100%;
  padding: 0;
  height: auto;
  margin-top: 18px;
}
.yyzz-a {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #BBBBBB;
  transition: 0.3s;
  padding-left: 5px;
}
.yyzz-a:hover {
  transition: 0.3s;
  color: #269BFF;
  text-decoration: underline;
}
.special-list {
  width: 100%;
}
.special-list .special-item {
  width: 100%;
  margin-top: 16px;
}
.special-list .special-bt-left {
  display: flex;
  align-items: center;
  width: 100%;
}
.special-list .special-top {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.special-list .special-label {
  position: relative;
  color: #ff5d61;
  font-size: 18px;
  font-weight: 400;
}
.special-list .special-label:after {
  content: '';
  position: absolute;
  right: -14px;
  top: 5px;
  height: 16px;
  width: 1px;
  background: #DDDDDD;
}
.special-list .special-title {
  flex: 1;
  margin-left: 28px;
}
.special-list .special-title a {
  max-width: 100%;
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.special-list .special-title a:hover {
  color: #269BFF;
  transition: 0.2s;
}
.special-list .special-text {
  margin-top: 9px;
}
.special-list .special-text a {
  color: #999999;
  line-height: 20px;
  -webkit-line-clamp: 3;
  font-size: 14px;
  font-weight: 400;
}
.special-list .special-text a:hover {
  color: #269BFF;
  transition: 0.2s;
}
/*# sourceMappingURL=style.css.map */