@charset "utf-8";
/*
* @description: 公共样式文件
* @author: Muzg
* @time: 2020-07-27
 */
/*变量*/
/*重写*/
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
select,
textarea,
input,
button,
img {
  outline: none;
}
img {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
button {
  border: none;
  background: none;
}
button:focus,
a:focus {
  -moz-outline-style: none;
}
button:focus,
a:focus {
  outline: none;
  -moz-outline: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
input:-moz-placeholder {
  color: #C1C5CC;
}
input::-moz-placeholder {
  color: #C1C5CC;
}
input:-ms-input-placeholder {
  color: #C1C5CC;
}
input::-webkit-input-placeholder {
  color: #C1C5CC;
}
textarea:-moz-placeholder {
  color: #C1C5CC;
}
textarea::-moz-placeholder {
  color: #C1C5CC;
}
textarea:-ms-input-placeholder {
  color: #C1C5CC;
}
textarea::-webkit-input-placeholder {
  color: #C1C5CC;
}
input,
textarea {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  font-family: "Microsoft YaHei", "PingFangSC-Regular,PingFang SC";
  color: #3D4A5E;
}
textarea {
  resize: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.del_line {
  text-decoration: line-through;
}
.hand,
button {
  cursor: pointer;
}
body {
  font-size: 14px;
  color: #3D4A5E;
  font-family: "Microsoft YaHei", "PingFangSC-Regular,PingFang SC";
}
.cb {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.k_img {
  width: 100%;
}
.hide_important {
  display: none !important;
}
.k_line {
  border-top: 1px solid #E6EAEF;
  height: 0px;
  overflow: hidden;
  width: 100%;
}
.eps {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boxs {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.oh::after {
  display: block;
  content: "";
  clear: both;
}
.ovh {
  overflow: hidden;
}
.pe {
  pointer-events: none;
}
.w_1200 {
  width: 1200px;
  margin: 0 auto;
}
/* CSS  按钮  */
.btn_main {
  width: 100%;
}
.btn_main .btn {
  margin-bottom: 20px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
}
.btn_main .btn:last-child {
  margin-bottom: 0;
}
.btn_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.btn_box .btn {
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.btn_box .btn:first-child {
  margin-left: 0;
}
.btn_blue {
  background: #3B8CFE;
  color: #FFFFFF;
}
.btn_blue:focus,
.btn_blue:hover {
  color: #FFFFFF;
}
.btn_bor {
  background: none;
  color: #3B8CFE;
  border: 1px solid #3B8CFE;
}
.btn_bor:focus,
.btn_bor:hover {
  color: #3B8CFE;
}
.btn_grey {
  background: #EDEDED;
  color: #3D4A5E;
}
.btn_white {
  background: #FFFFFF;
  color: #3B8CFE;
}
.btn_small {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  border-radius: 0.1px;
}
.btn_midd {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  border-radius: 0.1px;
}
.btn_large {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  border-radius: 0.1px;
}
/* CSS 字号 宽度 高  行高  边距*/
/*弹性布局*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex_item {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex_t {
  align-items: flex-start;
}
.flex_b {
  align-items: flex-end;
}
.flex_l {
  justify-content: flex-start;
}
.flex_c {
  justify-content: center;
}
.flex_r {
  justify-content: flex-end;
}
.flex_j {
  justify-content: space-between;
}
.center {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*盒子居中*/
.center_y {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*盒子Y州居中*/
.center_x {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*盒子X州居中*/
/* 设计规范-按钮 */
.k_btn {
  text-align: center;
  display: block;
}
.w_100 {
  width: 100px;
}
.w_120 {
  width: 120px;
}
.btn_middle {
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  width: 100%;
}
.btn_small {
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  width: 100%;
}
.btn_big {
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  width: 100%;
}
.btn_bgGold {
  background: #CC9C46;
  color: #FFFFFF;
}
.btn_bgGold:hover {
  background: #E1AE53;
  color: #FFFFFF;
}
.btn_bgGold:active {
  background: #DDA239;
}
.btn_bgRed {
  background: #FF5339;
  color: #FFFFFF;
}
.btn_bgRed:hover {
  background: #FF7561;
  color: #FFFFFF;
}
.btn_bgRed:active {
  background: #FE4023;
}
.btn_bgBlue {
  background: #3B8CFE;
  color: #FFFFFF !important;
  border-radius: 0.18rem;
}
.btn_bgBlue:hover {
  background: #62A3FE;
  color: #FFFFFF;
}
.btn_bgBlue:active {
  background: #3072F6;
}
.btn_borderBlue {
  color: #3B8CFE !important;
  background: #FFFFFF;
  border: 1px solid #3B8CFE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.btn_borderBlue:hover {
  border: 1px solid #89BAFE;
  color: #3B8CFE;
}
.btn_borderBlue:active {
  color: #3072F6;
  border: 1px solid #3072F6;
}
.btn_borderRed {
  color: #FF5339;
  background: #FFFFFF;
  border: 1px solid #FF5339;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.btn_borderRed:hover {
  border: 1px solid #FF9888;
  color: #FF5339;
}
.btn_borderRed:active {
  color: #FE4023;
  border: 1px solid #FE4023;
}
.btn_borderBlack {
  color: #3D4A5E;
  background: #FFFFFF;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.btn_borderBlack:hover {
  color: #3B8CFE;
  border: 1px solid #3B8CFE;
}
.btn_borderBlack:active {
  color: #3072F6;
  border: 1px solid #3072F6;
}
.k_linkBlue a,
.k_linkBlue button {
  color: #3B8CFE !important;
}
.k_linkBlue a:hover,
.k_linkBlue button:hover {
  color: #62A3FE !important;
  cursor: pointer;
}
.k_linkBlue a:active,
.k_linkBlue button:active {
  color: #3072F6 !important;
}
.k_linkBlack a,
.k_linkBlack button {
  color: #3D4A5E;
}
.k_linkBlack a:hover,
.k_linkBlack button:hover {
  color: #3B8CFE;
  cursor: pointer;
}
.k_linkBlack a:active,
.k_linkBlack button:active {
  color: #3072F6;
}
.k_linkOrange a,
.k_linkOrange button {
  color: #FF6C00;
}
.k_linkOrange a:hover,
.k_linkOrange button:hover {
  color: #FF8933;
  cursor: pointer;
}
.k_linkOrange a:active,
.k_linkOrange button:active {
  color: #E16103;
}
.k_linkDisable {
  color: #D9D9D9;
  cursor: default;
}
.k_linkDisable:hover {
  color: #D9D9D9;
  pointer-events: none;
  cursor: not-allowed;
}
.btn_bgRed.btn_disable,
.btn_bgBlue.btn_disable,
.btn_bgGold.btn_disable {
  color: #C1C5CC !important;
  background: #F5F5F5;
  cursor: default;
}
.btn_bgRed.btn_disable:hover,
.btn_bgBlue.btn_disable:hover,
.btn_bgGold.btn_disable:hover {
  color: #C1C5CC;
  background: #F5F5F5;
}
.btn_borderBlue.btn_disable,
.btn_borderBlack.btn_disable,
.btn_borderRed.btn_disable {
  color: #C1C5CC;
  background: #F5F5F5;
  border: 1px solid #E6EAEF;
  cursor: default;
}
.btn_borderBlue.btn_disable:hover,
.btn_borderBlack.btn_disable:hover,
.btn_borderRed.btn_disable:hover {
  color: #C1C5CC;
  background: #F5F5F5;
  border: 1px solid #E6EAEF;
}
/* 设计规范-分页 */
.k_layuiPageBox {
  margin: 30px 0 0 0 !important;
}
.k_layuiPageBox .layui-laypage {
  margin: 0;
}
.layui-laypage-k_laypage {
  margin: 0 !important;
}
.layui-laypage-k_laypage .layui-laypage-count {
  margin: 0;
  color: #3D4A5E;
  line-height: 32px;
  font-size: 14px;
  height: 100%;
}
.layui-laypage-k_laypage .layui-laypage-curr {
  margin: 0 4px 0 0;
  padding: 0 12px;
  height: 30px;
  font-size: 14px;
}
.layui-laypage-k_laypage .layui-laypage-curr .layui-laypage-em {
  background: #3B8CFE;
}
.layui-laypage-k_laypage .layui-laypage-limits {
  margin: 0 4px;
  height: 32px;
}
.layui-laypage-k_laypage a:hover {
  color: #3B8CFE;
  border: 1px solid #3B8CFE;
}
.layui-laypage-k_laypage .laypage {
  width: 56px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #e6eaef;
}
.layui-laypage-k_laypage select {
  width: 89px;
  font-size: 14px;
  padding: 0 8px;
  height: 32px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #3D4A5E;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #FFFFFF url("../images/icon/icon_down.svg") no-repeat 65px center;
  background-size: 14px 14px;
}
.layui-laypage-k_laypage select:hover,
.layui-laypage-k_laypage select:focus {
  border: 1px solid #3B8CFE !important;
}
.layui-laypage-k_laypage .layui-laypage-spr {
  margin: 0 4px 0 0;
  padding: 0 12px;
  border-radius: 0;
  height: 30px;
}
.layui-laypage-k_laypage a {
  padding: 0 12px;
  margin: 0 4px 0 0;
  font-size: 14px;
  color: #3D4A5E;
  height: 30px;
  line-height: 30px;
}
.layui-laypage-k_laypage .layui-laypage-curr span {
  border: 1px solid #E6EAEF;
}
.layui-laypage-k_laypage .layui-laypage-count span {
  border: none;
  height: auto;
}
.layui-laypage-k_laypage .layui-laypage-count a {
  height: auto;
}
.layui-laypage-k_laypage .layui-laypage-btn {
  display: none;
}
.layui-laypage-k_laypage .layui-laypage-skip .layui-input {
  width: 44px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 8px;
}
.layui-laypage-k_laypage .layui-laypage-skip .layui-input:focus {
  border: 1px solid #3B8CFE !important;
}
.layui-laypage-k_laypage .layui-laypage-skip {
  height: 32px;
  font-size: 14px;
  margin: 0 0 0 8px;
  color: #3D4A5E;
}
.layui-laypage-k_laypage .layui-disabled:hover {
  border: 1px solid #E6EAEF;
}
.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.layui-laypage span {
  border: 1px solid #E6EAEF;
}
/*单选复选*/
.ichekcbox,
.iradio {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
}
.ichekcbox {
  background: url(../images/icon/icon_checkbox_link.svg) no-repeat;
  background-size: 100%;
}
.ichekcbox.checked {
  background: url(../images/icon/icon_checkbox_active.svg) no-repeat;
  background-size: 100%;
}
.ichekcbox.disabled {
  background: url(../images/icon/icon_checkbox_link_dis.svg) no-repeat;
  background-size: 100%;
  cursor: default;
}
.ichekcbox.checked.disabled {
  background: url(../images/icon/icon_checkbox_active_dis.svg) no-repeat;
  background-size: 100%;
  cursor: default;
}
.iradio {
  background: url(../images/icon/icon_radio_link.svg) no-repeat;
  background-size: 100%;
}
.iradio.checked {
  background: url(../images/icon/icon_radio_active.svg) no-repeat;
  background-size: 100%;
}
.iradio.disabled {
  background: url(../images/icon/icon_radio_link_dis.svg) no-repeat;
  background-size: 100%;
  cursor: default;
}
.iradio.checked.disabled {
  background: url(../images/icon/icon_radio_active_dis.svg) no-repeat;
  background-size: 100%;
  cursor: default;
}
/*提示 Muzg 2020/07/30*/
.k_tips {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_tipsBlue {
  border: 1px solid #96C1FE;
  background: #F0F6FF url('../images/icon/icon_warn_blue.svg') no-repeat;
}
.k_tipsGreen {
  border: 1px solid #A2DF83;
  background: #F2FBED url('../images/icon/icon_warn_green.svg') no-repeat;
}
.k_tipsRed {
  border: 1px solid #F88F8F;
  background: #FEEFEF url('../images/icon/icon_warn_red.svg') no-repeat;
}
.k_tipsOrange {
  border: 1px solid #FFB076;
  background: #FFF4EB url('../images/icon/icon_warn_orange.svg') no-repeat;
}
.k_tipsSuccess {
  background: #FFFFFF url('../images/icon/icon_warn_green.svg') no-repeat;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.k_tipsError {
  background: #FFFFFF url('../images/icon/icon_warn_red.svg') no-repeat;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.k_tipsWarn {
  background: #FFFFFF url('../images/icon/icon_warn_orange.svg') no-repeat;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.k_tipsSmall {
  padding: 2px 10px 2px 32px;
  min-height: 24px;
  line-height: 20px;
  background-position: 10px 6px;
  font-size: 12px;
  background-size: 12px;
}
.k_tipsMidd {
  padding: 5px 20px 5px 42px;
  min-height: 30px;
  line-height: 20px;
  background-position: 20px 9px;
  font-size: 12px;
  background-size: 12px;
}
.k_tipslarge {
  padding: 11px 20px 11px 44px;
  min-height: 42px;
  line-height: 20px;
  background-position: 20px 14px;
  font-size: 14px;
  background-size: 14px;
  animation: k_tipsAnimate 0.8s forwards;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1001;
}
.k_tipsClose {
  width: 20px;
  height: 20px;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.k_tipsSmall .k_tipsClose,
.k_tipsMidd .k_tipsClose,
.k_tipslarge .k_tipsClose {
  margin-right: -5px;
}
@keyframes k_tipsAnimate {
  0% {
    top: 0px;
  }
  100% {
    top: 30px;
  }
}
.k_rbBox {
  padding: 20px;
}
.k_rbOrder {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 280px;
  border: 1px solid #96C1FE;
  background: #F0F6FF;
  z-index: 1000;
}
.k_rbTitle {
  position: relative;
  font-size: 14px;
  color: #030303;
  line-height: 22px;
  height: 22px;
  margin-bottom: 10px;
}
.k_rbBox .k_tipsClose {
  position: absolute;
  top: 0;
  right: 0;
}
.k_rbContent {
  font-size: 12px;
  line-height: 18px;
  color: #3D4A5E;
}
.k_rbContent a {
  color: #3D4A5E;
}
.k_rbRed {
  color: #F23030;
}
/*关闭 Muzg 2020/07/30*/
.k_close {
  background: url('../images/icon/icon_close_gray.svg') no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
.k_close:hover {
  background: url('../images/icon/icon_close_black.svg') no-repeat;
  background-size: 100%;
}
/*步进器 Muzg 2020/07/30*/
.k_numBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #E6EAEF;
  width: 200px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_numSymbol {
  width: 38px;
  height: 38px;
  font-size: 16px;
  cursor: pointer;
  color: #3D4A5E;
}
.k_numDis {
  pointer-events: none;
}
.k_numSymbol:hover {
  color: #3B8CFE;
}
.k_numInput {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  border-right: 1px solid #E6EAEF;
  border-left: 1px solid #E6EAEF;
  height: 38px;
}
.k_numInput input {
  width: 120px;
  text-align: center;
  color: #3D4A5E;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
}
/*弹出层*/
.layui-layer.k_popup {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.k_popup .layui-layer-title {
  background: #FFFFFF;
  border: none;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  color: #030303;
}
.k_popup .layui-layer-setwin,
.k_ask .layui-layer-setwin {
  right: 0px;
  top: 0px;
}
.k_popup .layui-layer-ico,
.k_ask .layui-layer-ico {
  width: 56px;
  height: 56px;
  background: url('../images/icon/icon_close_gray.svg') no-repeat;
  background-size: 12px;
}
.k_popup .layui-layer-setwin .layui-layer-close1:hover,
.k_ask .layui-layer-setwin .layui-layer-close1:hover {
  opacity: 1;
  background: url('../images/icon/icon_close_black.svg') no-repeat;
  background-position: center center;
  background-size: 12px;
}
.k_popup .layui-layer-setwin .layui-layer-close1,
.k_ask .layui-layer-setwin .layui-layer-close1 {
  background-position: center center;
}
.k_popup .layui-layer-content {
  font-size: 14px;
  text-align: center;
}
.k_popupBox {
  padding: 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_popupIcon {
  width: 50px;
  height: 50px;
  margin: 0px auto 20px auto;
}
.k_popupTitle {
  font-size: 20px;
  line-height: 30px;
  color: #030303;
  text-align: center;
  margin-bottom: 20px;
}
.k_popupText {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}
.k_popup .k_popupText:first-child {
  font-size: 16px;
  line-height: 26px;
}
.k_popup .layui-layer-btn {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 0 30px 50px 30px;
}
.k_popup .layui-layer-btn [class^="layui-layer-btn"] {
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 20px;
  text-align: center;
}
.k_popup .layui-layer-btn a {
  margin: 0;
  padding: 0;
  width: 150px !important;
}
.k_popup .layui-layer-btn a:first-child {
  margin-left: 0;
}
.k_popup .layui-layer-btn .layui-layer-btn0 {
  background: #3B8CFE;
  color: #FFFFFF !important;
  border: none;
}
.k_popup .layui-layer-btn .layui-layer-btn1 {
  color: #3B8CFE !important;
  background: #FFFFFF;
  border: 1px solid #3B8CFE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*对话框*/
.k_ask .layui-layer-title {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #E6EAEF;
  font-size: 16px;
}
.k_ask .k_askText {
  padding: 20px;
  line-height: 22px;
}
.k_ask .layui-layer-btn {
  border-top: 1px solid #E6EAEF;
  padding: 10px 0;
}
.k_ask .layui-layer-btn [class^="layui-layer-btn"] {
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 20px 0 0px;
  width: 120px;
  text-align: center;
  border-radius: 0px;
}
.k_ask .layui-layer-btn .layui-layer-btn0 {
  color: #3B8CFE !important;
  background: #FFFFFF;
  border: 1px solid #3B8CFE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_ask .layui-layer-btn .layui-layer-btn1 {
  background: #3B8CFE;
  color: #FFFFFF !important;
  border: none;
}
/*
* @description: 公共样式文件
* @author: hjs
* @time: 2020-07-29
 */
.public_ulInput {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}
.public_ulInput:hover {
  border: 1px solid #3B8CFE;
  box-shadow: 0px 0px 4px 0px rgba(10, 50, 97, 0.2);
}
.public_liInput {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.public_input {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #3D4A5E;
  min-width: 100px;
  width: 100%;
}
.public_inputIcon {
  background: url(../images/icon/icon_clear.svg) no-repeat center center;
  background-size: 14px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  display: none;
  background-size: 100%;
}
.public_inputEye {
  background: url(../images/icon/icon_eye_close.svg) no-repeat center center;
  background-size: 14px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-left: 20px;
  display: none;
}
.public_inputEyeOpen {
  background: url(../images/icon/icon_eye_open.svg) no-repeat center center;
  background-size: 14px;
}
.public_text {
  width: 100%;
  height: 86px;
  border: 1px solid #E6EAEF;
  padding: 10px 20px 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.public_arae {
  width: 100%;
  height: 44px;
  font-size: 14px;
  color: #3D4A5E;
  caret-color: #3B8CFE;
}
.as_num {
  color: #3D4A5E;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.public_text:hover {
  border: 1px solid #3B8CFE;
  box-shadow: 0px 0px 4px 0px rgba(10, 50, 97, 0.2);
}
.layui-form-select .layui-input {
  padding-right: 20px !important;
  font-size: 14px;
  border: 1px solid #E6EAEF !important;
}
.f12 .layui-form-select .layui-input,
.f12 .public_input {
  font-size: 12px!important;
}
.layui-input,
.layui-textarea {
  padding-left: 20px !important;
}
.layui-input,
.layui-select,
.layui-textarea {
  height: 40px !important;
}
.layui-form-select dl dd.layui-this {
  background-color: #ECF4FF !important;
  color: #3D4A5E !important;
}
.layui-form-select dl dd:hover {
  background-color: #F5F5F5 !important;
}
.layui-form-select dl {
  max-height: 200px !important;
  border: none !important;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  top: 44px !important;
}
.layui-form-selectup dl {
  top: auto !important;
  bottom: 44px !important;
}
.layui-form-select dl dd {
  line-height: 40px !important;
  padding: 0 20px !important;
}
.layui-select-tips {
  display: none !important;
}
.layui-form-select .layui-edge {
  background: url(../images/icon/icon_sel_down.svg) center center no-repeat !important;
  right: 20px !important;
  margin-top: -7px !important;
  width: 14px;
  height: 14px;
  background-size: 14px;
  border-width: none;
  border-style: none;
  border-color: none;
  border-top-color: none !important;
  border-top-style: none !important;
}
.layui-form-selected .layui-edge {
  margin-top: -7px !important;
}
.layui-input:hover {
  border: 1px solid #3B8CFE !important;
  box-shadow: 0px 0px 4px 0px rgba(10, 50, 97, 0.2) !important;
}
/* 定义轨道 */
.layui-form-select dl::-webkit-scrollbar {
  width: 6px;
  height: 60px;
}
/* 定义滑块 */
.layui-form-select dl::-webkit-scrollbar-thumb {
  border-right: 2px solid rgba(0, 0, 0, 0);
  box-shadow: 4px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.js_public_ulInputBor {
  border: 1px solid #3B8CFE !important;
  box-shadow: 0px 0px 4px 0px rgba(10, 50, 97, 0.2);
  caret-color: #3B8CFE;
}
.layui-form-select .js_public_ulInputBor {
  border: 1px solid #3B8CFE !important;
  box-shadow: 0px 0px 4px 0px rgba(10, 50, 97, 0.2);
  caret-color: #3B8CFE;
}
.Disable {
  background: #F5F5F5;
}
.Disable:hover {
  border: 1px solid #E6EAEF !important;
  box-shadow: none !important;
}
.err_bor {
  border: 1px solid #FF6C00 !important;
}
.error_bor .public_ulInput {
  border: 1px solid #FF6C00 !important;
}
.public_widthFl {
  float: left;
  width: 220px;
}
.public_widthFr {
  float: right;
}
.public_code {
  float: left;
  cursor: pointer;
  width: 120px;
  height: 40px;
}
.public_change {
  float: right;
  margin-left: 20px;
  margin-right: 8px;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
}
.public_tabUl {
  width: 100%;
  font-size: 16px;
  color: #3D4A5E;
  height: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #E6EAEF;
}
.public_tabUl::after {
  display: block;
  content: "";
  clear: both;
}
.public_tabUl li {
  float: left;
  margin-right: 40px;
  line-height: 50px;
  cursor: pointer;
  position: relative;
}
.public_tabUl .js_tabLi {
  color: #3B8CFE;
  font-weight: bold;
}
.public_tabUl .js_tabLi::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #3B8CFE;
  bottom: 0;
  left: 0;
}
.public_tabUl li:hover {
  color: #3B8CFE;
}
.public_tabCont {
  display: none;
}
.public_tabOl {
  width: 100%;
  height: 50px;
  background: #F5F5F5;
  border: 1px solid #E6EAEF;
  font-size: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #3D4A5E;
}
.public_tabOl li {
  width: 200px;
  float: left;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  height: 50px;
}
.public_tabOl li:hover {
  color: #3B8CFE;
}
.js_tabOLi {
  font-weight: bold;
  color: #3B8CFE;
  background: #FFFFFF;
  border-top: 2px solid #3B8CFE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: -1px;
  height: 50px;
}
.public_tabMain {
  display: none;
}
/* 设计规范-表格 */
.textOmit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k_table {
  width: 100%;
  text-align: left;
}
.k_table_border {
  border: 1px solid #E6EAEF;
  border-bottom: none;
}
.k_tableListHead,
.k_tableListItem,
.k_tableListContent:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.k_tableListHead,
.k_tableListItem {
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_tableListHead {
  background: #F5F5F5;
  height: 39px;
}
.k_tableListItem {
  background: #FFFFFF;
}
.k_tableListTitle,
.k_tableListContent {
  font-size: 12px;
  line-height: 20px;
}
.k_tableListTitle {
  color: #030303;
  color: #030303 !important;
  margin-right: 40px;
}
.k_tableListContent {
  color: #3D4A5E;
  margin-right: 40px;
}
.k_tableListTitle:first-child,
.k_tableListContent:first-child {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  display: block;
}
.k_tableListTitle:nth-child(2),
.k_tableListContent:nth-child(2) {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  display: block;
}
.k_tableListTitle:last-child,
.k_tableListContent:last-child {
  -webkit-box-flex: 1.5;
  -webkit-flex: 1.5;
  flex: 1.5;
  display: block;
  margin-right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.k_addMore .k_tableListTitle:first-child,
.k_addMore .k_tableListContent:first-child {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.k_addMore .k_tableListTitle,
.k_addMore .k_tableListContent {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  display: block;
}
.k_addMore .k_tableListTitle:last-child,
.k_addMore .k_tableListContent:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.k_tableListOperation {
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  margin-right: 28px;
}
.k_oneLine {
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k_tableListText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k_tableListOperation:last-child {
  margin-right: 0;
}
.k_tableListHeadWhite {
  background: #FFFFFF;
}
.k_tableListImg {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  background: #D8D8D8;
}
.k_tableListItem:hover {
  background: #F5F5F5;
}
/*中部内容部分*/
/*01.面包屑*/
.k_breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  line-height: 20px;
  width: 1200px;
  margin: 0 auto;
}
.k_breadcrumbItem:first-child {
  color: #949EA3 !important;
}
.k_breadcrumbItem:after {
  content: "/";
  margin: 0px 10px;
  color: #949EA3 !important;
}
.k_breadcrumbItem:first-child:after {
  margin: 0px 10px 0px 0px;
  color: #949EA3 !important;
}
.k_breadcrumbItem:first-child:after,
.k_breadcrumbItem:last-child:after {
  content: "";
}
.k_breadcrumbItem:last-child a {
  color: #3D4A5E !important;
  cursor: default;
  pointer-events: none;
}
.k_breadcrumbItem a {
  color: #949EA3;
}
.k_breadcrumbItem a:hover {
  color: #3B8CFE;
}
.breadcrumbItemSelect a {
  color: #3D4A5E !important;
}
.k_breadcrumbAdd {
  padding: 10px 0;
}
/*02.左侧侧边栏*/
.k_middleContent {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}
.k_leftSidebar {
  width: 180px;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 32px 0px 28px 0px;
  background: #ffffff;
  border: 1px solid #e6eaef;
}
/*03.右侧内容*/
.k_rightContentBox {
  margin-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.k_leftSidebarTitle {
  font-size: 16px;
  color: #030303;
  color: #030303 !important;
  line-height: 16px;
  margin-bottom: 18px;
  margin-top: 40px;
}
.k_leftSidebarTitle:first-child {
  margin-top: 0px;
}
.k_leftSidebarContent {
  position: relative;
  font-size: 14px;
  color: #949EA3;
  line-height: 18px;
  margin-top: 12px;
}
.k_leftSidebarTitle,
.k_leftSidebarContent {
  padding-left: 20px;
}
.k_leftSidebarContent:hover {
  color: #3B8CFE;
  cursor: pointer;
}
.k_leftSidebarContent:first-child {
  margin-top: 0px;
}
/*底部内容部分*/
.k_bottomContentBox {
  width: 100%;
  background: #F5F5F5;
  height: 120px;
  margin-top: 40px;
}
.k_bottomContent {
  width: 1200px;
  padding: 35px 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_bottomContentItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.k_bciImg {
  width: 44px;
  height: 44px;
}
.k_bciText {
  margin-left: 20px;
}
.k_bcitTitle {
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  color: #030303;
  color: #030303 !important;
}
.k_bcitContent {
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  color: #949EA3;
}
.k_footerBox {
  width: 100%;
  background: #EAEAEA;
}
.k_footerBoxTop {
  width: 1200px;
  padding: 30px 121px 20px 121px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_fbtiTitle {
  font-size: 14px;
  line-height: 20px;
  color: #030303 !important;
  margin-bottom: 25px;
}
.k_fbtiContent {
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  color: #3D4A5E;
  margin-bottom: 10px;
  display: list-item;
}
.k_fbtiContent:last-child {
  margin-bottom: 0;
}
.k_footerBoxBottom {
  width: 1200px;
  margin: auto;
  padding: 30px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_fbbTop,
.k_fbbMiddle,
.k_fbbBottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.k_fbbMiddle {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  margin-top: 15px;
  color: #949EA3;
}
.k_fbbMiddle a {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #949EA3 !important;
}
.k_fbbMiddle a:hover {
  color: #3B8CFE !important;
}
.k_fbbMiddle img {
  width: 14px;
  height: 14px;
}
.k_fbbBottom {
  margin-top: 15px;
}
.k_fbbtText {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  color: #949EA3 !important;
}
.k_fbbtText:hover {
  color: #3B8CFE !important;
}
.k_fbbtLine {
  width: 1px;
  height: 10px;
  background: #c1c5cc;
  margin-left: 20px;
  margin-right: 20px;
}
.k_fbbbImg {
  height: 36px;
  margin-right: 30px;
}
.k_secuImg {
  height: 100%;
}
.k_fbbbImg:last-child {
  margin-right: 0;
}
.k_footImg96 {
  width: 96px;
}
.k_footImg130 {
  width: 130px;
}
.k_footImg120 {
  width: 120px;
}
.k_footImg140 {
  width: 140px;
}
.k_fbbbImg80 {
  width: 80px;
}
.k_fbbbImg87 {
  width: 87px;
}
.k_bgWhite {
  background: #FFFFFF;
}
.k_bgWhite .k_footerBoxTop {
  display: none;
}
.k_defaultSelect {
  color: #3B8CFE;
}
.k_defaultSelect span:first-child {
  position: absolute;
  left: 0;
  width: 2px;
  height: 18px;
  background: #3B8CFE;
  border-radius: 1px;
}
.k_layuiPageBox {
  text-align: right;
  width: 100%;
}
.layui-carousel-arrow:hover,
.layui-carousel-ind ul:hover {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.k_fbbFriendBox {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #949EA3;
  margin-top: 15px;
}
.k_fbbFriendUl {
  margin-left: 10px;
  display: flex;
}
.k_fbbFriend {
  display: flex;
  align-items: center;
  padding: 3px 14px;
  border-radius: 13px;
  border: 1px solid #C9CCD2;
  margin-left: 20px;
  font-size: 12px;
  color: #949EA3;
  line-height: 18px;
}
.k_fbbFriend:first-child {
  margin-left: 0;
}
.k_fbbFriend span {
  margin-right: 10px;
}
.k_fbbFriendtt {
  width: 24px;
  height: 16px;
  background: url(/themes/2009jingdong/new_style/images/tt.png);
  background-size: 100%;
}
.k_fbbFrienddy {
  width: 15px;
  height: 18px;
  background: url(/themes/2009jingdong/new_style/images/dy.png);
  background-size: 100%;
}
.k_fbbFriendfb {
  width: 10px;
  height: 18px;
  background: url(/themes/2009jingdong/new_style/images/fb.png);
  background-size: 100%;
}
.k_fbbFriend:hover {
  border: 1px solid #3B8CFE;
  color: #3B8CFE;
}
.k_fbbFriend:hover .k_fbbFriendtt {
  background: url(/themes/2009jingdong/new_style/images/tt_h.png);
  background-size: 100%;
}
.k_fbbFriend:hover .k_fbbFrienddy {
  background: url(/themes/2009jingdong/new_style/images/dy_h.png);
  background-size: 100%;
}
.k_fbbFriend:hover .k_fbbFriendfb {
  background: url(/themes/2009jingdong/new_style/images/fb_h.png);
  background-size: 100%;
}
/* 邮箱验证 */
.k_veriBg {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}
.k_veriBox {
  display: none;
  padding: 0 30px 50px;
}
.k_veriTitle {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}
.k_veriText {
  padding-top: 27px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.k_veriInput {
  margin-top: 20px;
  border: 1px solid #E6EAEF;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  margin-bottom: 20px;
}
.k_veriInput input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  padding: 0 20px;
}
.k_veriInput i {
  width: 1px;
  height: 20px;
  background: #E6EAEF;
}
.k_veriInput .k_veriGet {
  width: 120px;
  color: #3B8CFE;
  cursor: pointer;
}
.k_verifail {
  background: #FFF4EB;
  border: 1px solid #FFB076;
  height: 32px;
  font-size: 12px;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 10px;
  padding: 0 20px;
  margin-bottom: 10px;
  display: none;
}
.k_verifail img {
  margin-right: 10px;
  width: 12px;
  height: 12px;
}
.k_veriErro .k_veriInput {
  border: 1px solid #FF6C00;
  margin-bottom: 0;
}
.k_veriErro .k_verifail {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.k_veriKf {
  padding-top: 10px;
  color: #949EA3;
  font-size: 12px;
  line-height: 20px;
}
.k_veriKf a {
  color: #3B8CFE;
}
.k_veriCount {
  display: none;
  width: 120px;
  color: #C1C5CC;
}
/*
* @description: 公共头部
* @author: hjs
* @time: 2020-07-31
 */
.head_top {
  width: 100%;
  height: 30px;
  background: #F5F5F5;
}
.head_topCenter {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.head_topCenter::after {
  display: block;
  content: "";
  clear: both;
}
.head_select {
  float: left;
  line-height: 30px;
  cursor: pointer;
}
.head_select::after {
  display: block;
  content: "";
  clear: both;
}
.head_stateLogo {
  width: 18px;
  float: left;
  margin-right: 5px;
  margin-top: 9px;
}
.head_p2 {
  float: left;
  font-size: 12px;
  color: #949EA3;
  margin-left: 20px;
  line-height: 30px;
}
.head_stateText {
  float: left;
  margin-right: 5px;
}
.head_stateMoney {
  float: left;
}
.head_p {
  float: left;
  color: #030303;
  font-size: 12px;
}
.head_p b {
  font-weight: normal;
}
.head_stateDown {
  float: left;
  width: 12px;
  margin-left: 5px;
  margin-top: 9px;
}
.head_option {
  position: absolute;
  top: 30px;
  width: 150px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: none;
  z-index: 1000;
  background: #FFFFFF;
}
.head_option li {
  width: 100%;
  line-height: 36px;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  z-index: 1000;
}
.head_option li::after {
  display: block;
  content: "";
  clear: both;
}
.head_option li:hover {
  background: #F5F5F5;
}
.head_optionLoge {
  width: 18px;
  float: left;
  margin: 12px 10px 0 20px;
}
.head_optionText {
  float: left;
  color: #3D4A5E;
}
.head_optionMoney {
  float: left;
  margin-left: 5px;
  color: #949EA3;
}
.head_optionMoney b {
  font-weight: normal;
}
.head_optionAngle {
  position: absolute;
  top: -5px;
  left: 40px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  transform: rotate(360deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
}
.head_optionCover {
  width: 25px;
  height: 15px;
  background: #FFFFFF;
  position: absolute;
  left: 32px;
  top: 0px;
}
.head_frCont {
  position: relative;
  float: right;
}
.head_frOl {
  color: #3D4A5E;
  font-size: 12px;
}
.head_frOl::after {
  display: block;
  content: "";
  clear: both;
}
.head_frOlLi {
  float: left;
  line-height: 30px;
  cursor: pointer;
}
.head_long {
  background: #C1C5CC;
  margin: 0 20px 0 20px;
  width: 0.5px;
  height: 10px;
  display: inline-block;
}
.head_cRed {
  color: #F23030;
}
.head_signIn {
  background: url(../images/icon/icon_gift.svg) left center no-repeat;
  background-size: 12px;
  text-indent: 17px;
}
.head_frOl .head_msg {
  position: relative;
}
.head_frOl .head_msg:hover {
  color: #3B8CFE;
}
.head_news {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 12px;
  width: 250px;
  padding-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  display: none;
  background: #FFFFFF;
  z-index: 1000;
}
.head_news ul {
  width: 230px;
  margin: auto;
  padding-top: 17px;
}
.head_news ul::after {
  display: block;
  content: "";
  clear: both;
}
.head_news ul li {
  height: 36px;
  line-height: 36px;
  width: 230px;
}
.head_news ul li a {
  color: #3D4A5E;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.head_news ul li a span {
  color: #FF6C00;
}
.head_news ul li a:hover span {
  color: #3B8CFE;
}
.head_news ul li a:active span {
  color: #3072F6;
}
.head_look {
  display: block;
  width: 230px;
  margin: auto;
  text-align: center;
  line-height: 36px;
  height: 36px;
  background: #F5F5F5;
  font-size: 12px;
  color: #3D4A5E;
  margin-top: 10px;
}
.head_newsLeft {
  left: 174px;
}
.head_newsLeft2 {
  left: 166px;
}
.head_vipuser {
  width: 50px;
  display: inline-block;
  margin-left: 5px;
}
.head_topMain {
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
}
.head_topMain::after {
  display: block;
  content: "";
  clear: both;
}
.kacn_logo {
  width: 220px;
  height: 60px;
  float: left;
}
.head_search {
  float: left;
  margin-left: 90px;
  position: relative;
  width: 500px;
}
.head_search_height {
  height: 44px !important;
}
.head_searchFixed {
  position: absolute;
  z-index: 99;
  background: #FFFFFF;
}
.head_searchFixed::after {
  display: block;
  content: "";
  clear: both;
}
.head_searchCont {
  float: left;
  min-height: 44px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 420px;
  border: 2px solid #3B8CFE;
}
.head_searchInput {
  width: 380px;
  margin: auto;
  display: block;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #3D4A5E;
  font-size: 14px;
  caret-color: #3B8CFE;
}
.head_searchBtn {
  float: left;
  background: #3B8CFE;
  width: 80px;
  height: 44px;
  text-align: center;
  position: absolute;
}
.head_searchBtn img {
  width: 24px;
  display: block;
  margin: auto;
}
.head_searchSon {
  width: 500px;
  margin-top: 46px;
  height: 18px;
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.home_searchHot {
  display: inline-block;
  width: 30px;
  height: 14px;
  margin-left: 2px;
}
.head_searchSon a {
  color: #949EA3;
  margin-right: 20px;
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.head_searchUl {
  padding-top: 5px;
  padding-bottom: 15px;
  display: none;
}
.head_searchUlLi {
  margin-top: 10px;
  margin-left: 20px;
  height: 24px;
  line-height: 24px;
}
.head_searchUlLi a {
  display: block;
}
.search_sp {
  width: 20px;
  height: 16px;
  background: #D9D9D9;
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 2px;
}
.search_spRed {
  background: #FF513A;
}
.search_spOrange {
  background: #FE813B;
}
.search_spYellow {
  background: #FEB13B;
}
.js_inputBor {
  border-bottom: 1px solid #E6EAEF;
}
.head_kf {
  float: left;
  margin-left: 60px;
  flex: 1;
}
.head_kf::after {
  display: block;
  content: "";
  clear: both;
}
.left_headKf {
  margin-left: 100px;
}
.head_kfText {
  text-align: right;
  font-size: 16px;
  color: #3D4A5E;
  float: left;
  margin-top: 1px;
}
.head_kfText b {
  font-weight: bold;
  line-height: 24px;
  color: #3B8CFE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
}
.head_kfText span {
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.head_kfText a {
  color: #3D4A5E;
}
.head_kfText a:hover {
  color: #3D4A5E;
}
.head_kfLogo {
  width: 46px;
  float: left;
  margin-left: 10px;
}
.head_adSize {
  float: right;
  width: 120px;
  height: 60px;
}
.head_nav {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #3B8CFE;
}
.head_navUlLi {
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.head_navUlLi:hover {
  background: #4F98FF;
}
.js_headNavUlLi {
  background: #4F98FF;
}
.head_navLi a {
  font-size: 16px;
  color: #FFFFFF;
}
.head_fastLi {
  width: 200px;
  background: url(../images/icon/icon_classify.svg) #5F6471 35px center no-repeat;
  background-size: 14px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.head_fastLi:hover {
  background: url(../images/icon/icon_classify.svg) #5F6471 35px center no-repeat;
}
.head_fastLiA {
  text-indent: 50px;
  display: block;
}
.fl_spColor {
  color: #FFFFFF;
  font-size: 12px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.4;
}
.head_classify {
  width: 200px;
  position: absolute;
  z-index: 1000;
  top: 40px;
  left: 0;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  background: #41454F;
}
.head_classifyUl {
  width: 170px;
  margin: auto;
}
.head_classifyLi {
  width: 100%;
  border-top: 1px solid rgba(230, 234, 239, 0.1);
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 80px;
}
.head_classifyLi::after {
  display: block;
  content: "";
  clear: both;
}
.head_classifyUl .head_classifyLi:nth-child(1) {
  border-top: none;
}
.head_classifyTitle {
  line-height: 30px;
  display: inline-block;
  float: left;
  font-weight: bold;
  font-size: 14px !important;
  margin-left: 10px;
}
.classify_boxIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: flex-start;
  height: 30px;
  margin-top: 10px;
}
.classify_icon {
  width: 16px;
}
.head_classifySon {
  float: left;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: start;
}
.head_classifySon::after {
  display: block;
  content: "";
  clear: both;
}
.head_classifySon a {
  font-size: 12px;
}
.head_classifySon a:nth-child(1) {
  margin-left: 0;
}
.head_classifyAll {
  width: 170px;
  margin: auto;
  line-height: 0;
}
.head_classifyAll button {
  color: #FFFFFF;
}
.pay_head {
  line-height: 30px;
  font-size: 12px;
  color: #3D4A5E;
}
.go_home {
  text-indent: 19px;
  display: block;
  background: url(../images/icon/icon_go_home.svg) left center no-repeat;
  background-size: 14px;
  float: left;
}
.head_flow {
  float: right;
  margin-right: 50px;
}
.head_flow img {
  width: 528px;
  margin-left: 23px;
}
.head_flow ul::after {
  display: block;
  content: "";
  clear: both;
}
.head_flow ul li {
  float: left;
  font-size: 14px;
  margin-top: 10px;
  line-height: 14px;
  height: 14px;
  color: #949EA3;
}
.head_flow ul li:nth-child(2) {
  margin-left: 86px;
}
.head_flow ul li:nth-child(3) {
  margin-left: 101px;
}
.head_flow ul li:nth-child(4) {
  margin-left: 109px;
}
.head_flow ul .li_color {
  color: #3D4A5E;
}
.head_orderTitle {
  color: #030303;
  font-size: 24px;
  line-height: 24px;
  float: left;
  margin-top: 18px;
  margin-left: 40px;
  flex: 1;
}
.head_goHome {
  line-height: 14px;
  font-size: 14px;
  display: block;
  height: 14px;
  margin-top: 23px;
}
.head_login {
  width: 100%;
}
.head_boxShadow {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.head_AllClassify {
  width: 170px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  margin-top: 15px;
  margin-left: 15px;
}
.head_AllClassify:hover {
  font-weight: bold;
}
.head_classifyUl a:hover {
  font-weight: bold;
}
.head_languageTitle {
  line-height: 30px;
  font-size: 12px;
  float: left;
}
.head_languageUl {
  position: absolute;
  top: 30px;
  left: 0;
  font-size: 12px;
  color: #3D4A5E;
  line-height: 36px;
  width: 80px;
  text-align: center;
  background: white;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  cursor: pointer;
  display: none;
  z-index: 1000;
}
.head_languageUl li {
  position: relative;
  z-index: 1000;
}
.head_languageUl li:hover {
  background: #F5F5F5;
}
.js_headSelect2 {
  position: relative;
}
.head_optionAngle2 {
  left: 54px !important;
}
.head_optionCover2 {
  left: 47px !important;
}
.head_newsReply {
  color: #52C41A !important;
}
.head_orderNum {
  font-weight: normal;
  color: #F23030;
}
.empty {
  color: #949EA3;
  font-size: 14px;
  line-height: 24px;
  float: right;
  margin: 10px 20px 0 0;
  cursor: pointer;
}
.nav_banner {
  position: relative;
  width: 1200px;
  height: 100px;
  margin: auto;
  margin-top: 15px;
}
.nav_banner_img {
  width: 1200px;
  height: 100px;
}
.nav_banner_XBg {
  display: block;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.nav_banner_XBg:hover {
  background: rgba(0, 0, 0, 0.4);
}
.nav_banner_x {
  width: 10px;
}
.head_adSizeBox {
  position: relative;
  cursor: pointer;
}
.head_adSizeCode {
  position: absolute;
  top: 55px;
  left: -10px;
  width: 140px;
  height: 140px;
  z-index: 999;
  display: none;
}
.head_adSizeBox:hover .head_adSizeCode {
  display: block !important;
}
.newKacn_hint {
  width: 1200px;
  margin: auto;
  padding-top: 15px;
}
.newKacn_hintHref {
  margin-left: 20px;
}
.newKacn_hintHref a {
  text-decoration: underline;
  font-weight: bold;
}
.newKacn_hintBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.newKacn_hintB {
  color: #FF6C00;
}
/*
* @description: 商务合作
* @author: hjs
* @time: 2020-07-29
 */
.cooper {
  padding-top: 30px;
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cooper_left {
  margin-top: 70px;
}
.cooper_leftTitle {
  font-weight: bold;
  color: #030303;
  font-size: 42px;
  line-height: 60px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.cooper_leftText {
  color: #3D4A5E;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
.cooper_hzBtn {
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
  background: #3B8CFE;
  animation: aa 0.7s linear infinite;
  display: block;
}
.cooper_hzBtn:hover {
  color: #FFFFFF;
}
@keyframes aa {
  25% {
    transform: scale(90%);
  }
  40%,
  to {
    transform: scale(100%);
  }
}
.cooper_right {
  width: 600px;
  height: 400px;
  margin-left: 28px;
}
.cooper_right img {
  width: 100%;
}
.cooper_title {
  font-size: 28px;
  font-weight: bold;
  color: #030303;
  line-height: 42px;
  text-align: center;
  width: 100%;
  margin-top: 30px;
  background: url(../images/icon/icon_cooper_line.svg) no-repeat center bottom;
  padding-bottom: 43px;
}
.cooper_rz {
  width: 1200px;
  margin: 20px auto 80px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cooper_list {
  position: relative;
  width: 270px;
  height: 280px;
  margin-right: 40px;
  background: #FFFFFF;
  border-radius: 20px;
  box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.05);
  padding: 40px 30px 30px 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.cooper_list:last-child {
  margin-right: 0;
}
.cooper_list:after,
.cooper_list:before {
  box-sizing: border-box;
  content: "";
  position: absolute;
  border: 1px solid transparent;
  border-radius: 12px;
  width: 0;
  height: 0;
}
.cooper_list:before {
  top: 0;
  left: 0;
}
.cooper_list:after {
  bottom: 0;
  right: 0;
}
.cooper_list:hover:before {
  width: 100%;
  height: 100%;
  border-top-color: #3B8CFE;
  border-right-color: #3B8CFE;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.cooper_list:hover:after {
  width: 100%;
  height: 100%;
  border-bottom-color: #3B8CFE;
  border-left-color: #3B8CFE;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.8s;
}
.cooper_listImg {
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
}
.cooper_listTitle {
  font-size: 20px;
  font-weight: bold;
  color: #3D4A5E;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
}
.cooper_listText {
  font-size: 16px;
  color: #949EA3;
  line-height: 24px;
  margin-bottom: 30px;
  height: 48px;
}
.cooper_listLink {
  font-size: 16px;
  color: #3B8CFE;
  height: 24px;
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: flex-end;
  transition: 0.5s;
}
.cooper_listLink img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.cooper_list:hover .cooper_listLink {
  transform: translateX(10px);
}
.cooper_yx {
  width: 1200px;
  margin: 40px auto 0px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cooper_view {
  width: 270px;
  margin-right: 40px;
}
.cooper_view:last-child {
  margin-right: 0;
}
.cooper_viewImg {
  width: 50px;
  height: 50px;
  margin: 0px auto 30px auto;
}
.cooper_viewTitle {
  font-size: 20px;
  font-weight: bold;
  color: #3D4A5E;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}
.cooper_viewText {
  font-size: 16px;
  color: #949EA3;
  line-height: 24px;
  text-align: center;
}
.cooper_swText {
  width: 372px;
  font-size: 20px;
  line-height: 40px;
  margin-top: 20px;
  color: #3D4A5E;
  margin-bottom: 50px;
}
.cooper_swImg {
  width: 400px;
  height: 290px;
}
.cooper_hzBox {
  background: linear-gradient(180deg, #F5F9FF 0%, #FFFFFF 100%);
  padding: 50px 0 50px 0;
  margin-bottom: 30px;
}
.cooper_hz {
  width: 1200px;
  margin: 80px auto 0px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cooper_hz .cooper_title {
  text-align: left;
  width: 196px;
  margin-top: 10px;
  background: url(../images/icon/icon_cooper_line.svg) no-repeat center bottom;
  padding-bottom: 43px;
}
.cooper_hzLeft {
  width: 400px;
}
.cooper_hzRight {
  width: 600px;
  height: 580px;
  margin-left: 160px;
  background: #FFFFFF;
  box-shadow: 0px 20px 50px 0px rgba(77, 150, 254, 0.1);
  border-radius: 20px;
  padding: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.cooper_hzUl {
  margin-bottom: 20px;
}
.cooper_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cooper_flex .cooper_hzUl {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  margin-right: 20px;
}
.cooper_flex .cooper_hzUl:last-child {
  margin-right: 0;
}
.cooper_hzName {
  color: #030303;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.cooper_red {
  color: #F23030;
  margin-left: 5px;
}
.cooper_inp {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cooper_inpLeft {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.cooper_width {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cooper_code {
  width: 150px;
  height: 40px;
  margin-left: 10px;
}
.cooper_change {
  color: #3B8CFE;
  font-size: 14px;
  line-height: 20px;
  margin-left: 10px;
  width: 42px;
}
.cooper_error {
  width: 300px;
  margin: 15px auto 5px auto;
  min-height: 26px;
}
.cooper_btn {
  width: 300px;
  margin: 0px auto;
}
.cooper_hzUl .layui-form-select dl {
  height: 200px;
}
.coop_bg {
  width: 1200px;
  margin: auto;
  height: 300px;
  background: url(../images/coop_bg.png) center center no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  position: relative;
}
.coop_title {
  text-align: center;
  line-height: 30px;
  padding-top: 100px;
  font-size: 30px;
}
.coop_title span {
  color: #3B8CFE;
  font-weight: bold;
}
.coop_text {
  width: 900px;
  font-size: 12px;
  line-height: 20px;
  margin: auto;
  text-align: center;
  margin-top: 30px;
}
.coop_cont {
  width: 670px;
  margin-left: 200px;
  padding-top: 20px;
}
.coop_last {
  display: block;
  margin-top: 20px;
  color: #3D4A5E;
}
.coop_last::after {
  display: block;
  content: "";
  clear: both;
}
.coop_labL {
  float: left;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: right;
  margin-right: 20px;
}
.coop_labL span {
  color: #FF6C00;
}
.coop_labR {
  float: right;
  width: 500px;
}
.coop_subBtn {
  width: 300px;
  margin: auto;
  margin-top: 30px;
}
.coop_titleImg {
  display: block;
  margin: auto;
  width: 175px;
  margin-top: 40px;
}
.coop_bottom {
  margin-bottom: 10px;
}
/*
    * @description: 用户中心
    * @author: tonyLee
    * @time: 2020-08-04
*/
.borE6ea {
  border: 1px solid #E6EAEF;
}
.f22c {
  font-size: 22px;
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
}
.cFF53 {
  color: #FF5339 !important;
}
.cFf6c {
  color: #FF6C00 !important;
}
.f12 {
  font-size: 12px;
  line-height: 12px;
}
.f14 {
  font-size: 14px;
  line-height: 14px;
}
.f16 {
  font-size: 16px;
  line-height: 16px;
}
.f18 {
  font-size: 18px;
  line-height: 18px;
}
.f12c3b8c {
  font-size: 12px;
  line-height: 12px;
  color: #3B8CFE;
}
.f12cFf6c {
  font-size: 12px;
  line-height: 12px;
  color: #FF6C00;
}
.f12c949e {
  font-size: 12px;
  line-height: 12px;
  color: #949EA3;
}
.f14c3d4a {
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
}
.f14c949e {
  font-size: 14px;
  line-height: 14px;
  color: #949EA3;
}
.f14c3b8c {
  font-size: 14px;
  line-height: 14px;
  color: #3B8CFE;
}
.f16c {
  font-size: 16px;
  line-height: 16px;
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
}
.f16c3d4a {
  font-size: 16px;
  line-height: 16px;
  color: #3D4A5E;
}
.f18cFf533 {
  font-size: 18px;
  line-height: 18px;
  color: #FF5339;
}
.w_300 {
  width: 300px;
}
.w_350 {
  width: 350px;
}
.w_400 {
  width: 400px;
}
.w_600 {
  width: 600px;
}
.w_630 {
  width: 630px !important;
  margin: auto !important;
}
.ml200 {
  margin-left: 200px !important;
}
.p20 {
  padding: 20px !important;
}
.ml200 {
  margin-left: 200px !important;
}
.ml220 {
  margin-left: 220px !important;
}
.mb20 {
  margin-bottom: 20px;
}
.textOmit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user_rcbVipOne,
.user_rcbVipTwo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.user_rcbVipTwo {
  margin-top: 20px;
}
.user_rcbvoLeft {
  position: relative;
  width: 400px;
  height: 210px;
  background: linear-gradient(315deg, #2d70f8 0%, #4583fd 100%);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 40px 0px 0px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_rcbvoRight {
  width: 600px;
  margin-top: 10px;
  position: relative;
  background: #f5f5f5;
  border: 1px solid #e6eaef;
}
.user_vip_line {
  background: #E6EAEF;
}
.user_rcbvtLeft,
.user_rcbvtRight {
  border: 1px solid #E6EAEF;
}
.user_vip_title {
  color: #949EA3;
  padding: 17px 20px;
  overflow: hidden;
}
.user_rcbvtLeft {
  width: 700px;
  height: 200px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.user_rcbvtLeft .user_vip_title {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_rcbvtLeft .user_vip_title span:first-child {
  margin-right: 10px;
}
.user_balance {
  float: right;
  color: #3D4A5E;
}
.user_balance:hover .tl_oneAdd {
  display: block;
}
.user_vip_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 10px;
}
.user_vcLeft {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5;
  flex: 2.5;
  display: block;
}
.user_vcMiddle {
  -webkit-box-flex: 1.5;
  -webkit-flex: 1.5;
  flex: 1.5;
  display: block;
}
.user_vcRight {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  display: block;
}
.user_vcItem {
  padding: 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 20px;
}
.user_vciNum {
  font-size: 22px;
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
  line-height: 30px;
}
.user_vciTitle {
  color: #3D4A5E;
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
}
.user_vcilLine {
  width: 1px;
  height: 12px;
  background: #949EA3;
  margin: 0 10px;
}
.user_vciLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 22px;
  font-size: 14px;
  line-height: 14px;
}
.user_rcbvtRight {
  width: 280px;
  height: 200px;
  margin-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.user_rcbvtRight .user_rcbvtrText {
  padding: 10px 20px;
  font-size: 12px;
  line-height: 22px;
  color: #3D4A5E;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.user_rcbvtlContent {
  width: 700px;
  padding: 30px 0px 36px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}
.user_bgPhone {
  background: url(../images/vip_phone.png) no-repeat;
  background-size: 100%;
}
.user_bgEmail {
  background: url(../images/vip_email.png) no-repeat;
  background-size: 100%;
}
.user_bgWeixin {
  background: url(../images/vip_weixin.png) no-repeat;
  background-size: 100%;
}
.user_bgQq {
  background: url(../images/vip_qq.png) no-repeat;
  background-size: 100%;
}
.user_bgBank {
  background: url(../images/vip_bank.png) no-repeat;
  background-size: 100%;
}
.user_rcbvtlcBox {
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
  text-align: center;
  cursor: pointer;
}
.user_rcbvtlcBox:hover {
  color: #3B8CFE;
}
.user_rcbvtlcBox:hover .user_bgPhone {
  background: url(../images/vip_phone_blue.png) no-repeat;
  background-size: 100%;
}
.user_rcbvtlcBox:hover .user_bgEmail {
  background: url(../images/vip_email_blue.png) no-repeat;
  background-size: 100%;
}
.user_rcbvtlcBox:hover .user_bgWeixin {
  background: url(../images/vip_weixin_blue.png) no-repeat;
  background-size: 100%;
}
.user_rcbvtlcBox:hover .user_bgQq {
  background: url(../images/vip_qq_blue.png) no-repeat;
  background-size: 100%;
}
.user_rcbvtlcBox:hover .user_bgBank {
  background: url(../images/vip_bank_blue.png) no-repeat;
  background-size: 100%;
}
.user_rcbvolUserPhoto {
  position: relative;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.user_rcbvolUserPhoto img {
  width: 100%;
  height: 100%;
}
.user_rcbvolUserBox {
  display: none;
}
.user_rubFont {
  color: #FFE297;
  margin-left: 20px;
  margin-right: 57px;
  font-size: 14px;
  line-height: 14px;
}
.user_rubFont:hover {
  cursor: pointer;
}
.user_rubFontIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #FFE297;
  font-size: 12px;
  line-height: 12px;
}
.user_rubFontIcon span:first-child {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.user_rubFontIcon:hover {
  cursor: pointer;
}
.user_iconExclusive {
  background: url(../images/vip_exclusive.png) no-repeat;
  background-size: 100%;
}
.user_iconDiscount {
  background: url(../images/vip_discount.png) no-repeat;
  background-size: 100%;
}
.user_rubLine {
  width: 1px;
  height: 12px;
  background: #ffe297;
  opacity: 0.5;
  margin: 0 20px;
}
.user_vip .user_rcbvolUser {
  margin-bottom: 40px;
}
.user_vip .user_rupSign {
  background: url(../images/user_vip.png) no-repeat;
  background-size: 100%;
}
.user_vip .user_rcbvolUserBox {
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #212224;
}
.user_rupSign {
  position: absolute;
  width: 50px;
  height: 16px;
  background: url(../images/user_common.png) no-repeat;
  background-size: 100%;
  bottom: -10px;
}
.user_vip_line {
  width: 100%;
  height: 1px;
  background: #E6EAEF;
}
.user_rcbvolUserName {
  margin-top: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #FFFFFF;
}
.user_rcbvtlcBoxImg {
  width: 50px;
  height: 50px;
  margin: auto;
}
.user_rcbvtlcBoxFont {
  margin-top: 20px;
}
.user_vipSelectDefault {
  position: relative;
}
.user_vipSelectDefault .user_vipIcon_right {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(../images/vip_right.png) no-repeat;
  background-size: 100%;
  right: 0;
  bottom: 0;
}
.user_titleComm {
  padding: 17px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  line-height: 16px;
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
  margin-bottom: 10px;
}
.user_orderContent {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
  background: #F5F5F5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
}
.user_ocLeft {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_ocLeft .user_wingTitle {
  color: #3D4A5E;
  font-size: 16px;
  line-height: 16px;
}
.user_ocLeft .user_wingNum {
  color: #FF5339 !important;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
.user_ocLeft a:last-child {
  color: #949EA3;
  font-size: 12px;
  line-height: 12px;
  margin-left: 20px;
}
.user_ocRight {
  height: 80px;
  margin-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_ocRight a {
  width: 100px;
  margin-right: 20px;
}
.user_ocRight a:last-child {
  margin-right: 0px;
}
.user_tableBox {
  padding: 20px 20px 40px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
}
.user_tableBoxTitle {
  color: #3D4A5E;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}
.k_addMore112 .k_tableListTitle:first-child,
.k_addMore112 .k_tableListContent:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.k_addMore112 .k_tableListTitle,
.k_addMore112 .k_tableListContent {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.k_addMore112 .k_tableListTitle:last-child,
.k_addMore112 .k_tableListContent:last-child {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  display: block;
}
.k_addMore323 .k_tableListTitle:first-child,
.k_addMore323 .k_tableListContent:first-child {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.k_addMore323 .k_tableListTitle,
.k_addMore323 .k_tableListContent {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  display: block;
}
.k_addMore323 .k_tableListTitle:last-child,
.k_addMore323 .k_tableListContent:last-child {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.k_addMore323 .k_tableListContent:last-child a {
  width: 100px;
}
.user_fbItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
.user_fbItem .user_fbiName {
  width: 200px;
  text-align: right;
  margin-right: 20px;
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
  line-height: 40px;
}
.user_formBox {
  margin: 40px 0 0 0;
}
.user_fbiBtn {
  width: 300px;
  margin-top: 30px;
  margin-left: 220px;
}
.user_fbiBtn a {
  display: inherit;
}
.user_ctTips {
  display: none;
  height: 26px;
}
.user_checkTips .user_ctTips {
  display: block;
  margin-bottom: 10px;
}
.user_checkTips .k_tipsMidd {
  min-height: inherit;
  background-position: 10px 6px;
  padding: 5px 20px 5px 30px;
  line-height: 13px;
}
.user_tableBoxTitle {
  margin-bottom: 20px;
}
.user_listAndNote {
  border: 1px solid #E6EAEF;
}
.user_lanList {
  padding: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.user_lanNote {
  padding: 20px 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #F5F5F5;
}
.user_lnTitle {
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
  margin-bottom: 20px;
}
.user_lnContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}
.user_lnContent .w_350 {
  margin-right: 10px;
}
.user_lcRound {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #949EA3;
  margin-right: 10px;
}
.user_lcText {
  font-size: 12px;
  line-height: 12px;
  color: #949EA3;
}
.user_llItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px dashed #E6EAEF;
}
.user_lliContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_lliSign {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.user_bg_weixin {
  background: url(../images/band_weixin.png) no-repeat;
  background-size: 100%;
}
.user_bg_qq {
  background: url(../images/band_qq.png) no-repeat;
  background-size: 100%;
}
.user_lliTitle {
  width: 100px;
  margin-right: 20px;
  font-size: 16px;
  line-height: 16px;
  color: #3D4A5E;
}
.user_lliText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  font-size: 14px;
  color: #949EA3;
}
.user_bandLine {
  width: 100%;
  height: 1px;
  background: #E6EAEF;
}
.user_checkCode {
  font-size: 14px;
  line-height: 14px;
  color: #3B8CFE;
  line-height: 21px;
  padding-left: 20px;
  margin-left: 10px;
  border-left: 1px solid #E6EAEF;
}
.uesr_selectAndInput {
  width: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #E6EAEF;
}
.uesr_selectAndInput::after {
  display: block;
  content: "";
  clear: both;
}
.uesr_selectAndInput .public_ulInput {
  border: none!important;
}
.uesr_selectAndInput .k_clickSelect {
  width: 130px;
  border-right: 0px;
}
.uesr_selectAndInput .user_saiLine {
  width: 1px;
  height: 21px;
  background: #E6EAEF;
}
.uesr_selectAndInput .public_widthFl {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.uesr_selectAndInput .layui-form-select .layui-input {
  border: none!important;
}
.user_lnTitleSign {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_lnTitleSign span:first-child {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.icon_good_blue {
  background: url(../images/icon/icon_good_blue.svg) no-repeat;
  background-size: 100%;
}
.user_goCheck {
  float: right;
  margin-left: 10px;
  line-height: 40px;
}
.user_fbiPhoto {
  float: right;
  width: 50px;
  height: 50px;
}
.user_fbiiTitle {
  font-size: 18px;
  line-height: 18px;
  color: #030303;
  color: #030303 !important;
}
.user_fbiiSign {
  width: 50px;
  height: 16px;
  margin-top: 10px;
  background: url(../images/user_common.png) no-repeat;
  background-size: 100%;
}
.user_fbiiSign_vip {
  background: url(../images/user_vip.png) no-repeat;
  background-size: 100%;
}
.user_radioBox {
  margin-right: 40px;
}
.user_radioBox:last-child {
  margin-right: 0px;
}
.user_timeSelect .k_clickSelect {
  margin-right: 20px;
}
.user_timeSelect .k_clickSelect:last-child {
  margin-right: 0px;
}
.user_title_tips {
  width: 100%;
  padding: 20px 20px 0px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.user_lanListSafe {
  padding-top: 20px;
}
.user_lanListSafe .user_lliSign {
  width: 18px;
  height: 18px;
}
.user_safe_green {
  background: url(../images/icon/icon_warn_green.svg) no-repeat;
  background-size: 100%;
}
.user_safe_orange {
  background: url(../images/icon/icon_warn_orange.svg) no-repeat;
  background-size: 100%;
}
.user_lliBtnSafe {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.user_lliBtnSafe a {
  width: 100px;
  margin-right: 20px;
}
.user_lliBtnSafe a:last-child {
  margin-right: 0px;
}
.user_recharge .user_rTop {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_addTips {
  font-size: 12px;
  line-height: 12px;
  color: #FF6C00;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 220px !important;
}
.user_unit {
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
  margin-left: 10px;
}
.user_moneySelect {
  width: 630px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.user_msItem {
  width: 150px;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
  line-height: 40px;
  border: 1px solid #E6EAEF;
}
.user_msItem:nth-child(4n) {
  margin-right: 0px;
}
.user_msItem:hover {
  border: 1px solid #3B8CFE;
  cursor: pointer;
}
.user_moneySelect .user_msItemDefault {
  background: rgba(59, 140, 254, 0.1);
  border: 1px solid #3B8CFE;
  color: #3B8CFE;
}
.user_fbiInput {
  line-height: 40px;
}
.user_paySelect {
  margin-top: 10px;
}
.user_paySelect .user_fbiInput {
  width: 750px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.user_psItem {
  width: 180px;
  height: 40px;
  padding: 8px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  border: 1px solid #E6EAEF;
}
.user_psItem:nth-child(5n) {
  margin-right: 0px;
}
.user_psItem:hover {
  border: 1px solid #3B8CFE;
  cursor: pointer;
}
.user_psItem:hover .user_noteTips {
  display: block;
}
.user_payMore {
  padding: 0;
}
.user_psItemDefault {
  border: 1px solid #3B8CFE;
  display: block !important;
}
.user_psItemDefault span {
  background: url(../images/select_right_white_blue.png) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  bottom: 0;
}
.user_balanceBox {
  width: 700px;
  margin: 20px auto 0px auto;
}
.user_bbTitle {
  text-align: center;
  font-size: 24px;
  line-height: 50px;
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
}
.user_bbContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 20px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px dashed #E6EAEF;
  border-bottom: 1px dashed #E6EAEF;
}
.user_bbNone {
  border-bottom: none;
}
.user_bbForm {
  margin-top: 20px;
}
.user_bbForm .user_fbiBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}
.user_bbForm .user_fbiBtn a {
  display: block;
}
.user_bbcItem {
  width: 220px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 10px;
}
.user_bbcItem:nth-child(3n) {
  margin-right: 0px;
}
.user_bbciName {
  font-size: 12px;
  line-height: 20px;
  color: #949EA3;
}
.user_bbciNText {
  font-size: 12px;
  line-height: 20px;
  color: #3D4A5E;
}
.user_bbciSign {
  width: 12px;
  height: 12px;
  background: url(../images/icon/icon_why.svg) no-repeat;
  background-size: 100%;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
}
.user_bbciSignAdd .user_noteTips {
  top: 25px;
  left: -75px;
}
.user_bbciSignAdd:hover .user_noteTips {
  display: block;
}
.user_bbSuccess {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px auto;
}
.user_bbfContent {
  font-size: 18px;
  line-height: 30px;
  color: #030303;
  color: #030303 !important;
  margin-top: 11px;
  text-align: center;
}
.user_bbfNote {
  font-size: 14px;
  line-height: 22px;
  color: #3D4A5E;
  margin-top: 10px;
  text-align: center;
}
.user_fbiInput_f18cFf533 {
  font-size: 18px;
  line-height: 18px;
  color: #FF5339;
  line-height: 40px;
}
.user_fbiInput_f14cFf533 {
  font-size: 14px;
  line-height: 14px;
  color: #FF5339;
  line-height: 40px;
}
.user_fbiInput_f14c949e {
  font-size: 14px;
  line-height: 14px;
  color: #949EA3;
  line-height: 40px;
  margin-left: 10px;
}
.tl_one {
  top: 51px;
  left: -1px;
}
.tl_two {
  top: 25px;
  left: -74px;
}
.user_noteTips {
  position: absolute;
  display: block;
  font-size: 12px;
  width: 360px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: transparent;
  z-index: 1000;
  display: none;
}
.user_noteTips .user_ntContent {
  padding: 15px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  text-align: left;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
s.tips_s {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: -20px;
  left: 70px;
  border-color: transparent transparent #e6eaef transparent;
  border-style: dashed dashed solid dashed;
  border-width: 10px;
}
i.tips_i {
  position: absolute;
  top: -8px;
  left: -10px;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent #FFFFFF transparent;
  border-style: dashed dashed solid dashed;
  border-width: 10px;
}
.user_ntcOne {
  color: #030303;
  color: #030303 !important;
  line-height: 20px;
}
.user_ntcTwo {
  color: #FF6C00;
  line-height: 20px;
  margin-top: 10px;
}
.user_ntcThree {
  color: #3D4A5E;
  line-height: 20px;
}
.user_ntcFour {
  margin-top: 10px;
}
.user_ntcFour .user_ntcfItem {
  line-height: 20px;
}
.user_ntcFive {
  color: #FF6C00;
  line-height: 20px;
}
.user_balance {
  width: 16px;
  height: 16px;
  background: url(../images/icon/icon_eye_close.svg) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.user_balanceShow {
  background: url(../images/icon/icon_eye_open.svg) no-repeat;
  background-size: 100%;
}
.user_csbsItem {
  border: 1px solid #E6EAEF;
}
.user_couponsBoxs {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.user_couponsBoxs .user_csbsItem {
  position: relative;
  width: 184px;
  height: 228px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 20px;
  text-align: center;
}
.user_couponsBoxs .user_csbsItem:nth-child(n+6) {
  margin-top: 20px;
}
.user_couponsBoxs .user_csbsItem:nth-child(5n) {
  margin-right: 0px;
}
.user_csbsiTitle {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  color: #FFFFFF;
  font-weight: bold;
}
.user_csbsiPrice {
  color: #CC9C46;
  font-weight: bold;
  margin-top: 20px;
  font-size: 30px;
  line-height: 30px;
}
.user_csbsiText {
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
  color: #CC9C46;
}
.user_csbsiNote {
  margin-top: 20px;
  font-size: 12px;
  line-height: 12px;
  color: #949EA3;
}
.user_csbsiBtn {
  margin: 30px auto 0px auto;
  width: 120px;
}
.user_couponsBoxSign {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 0px;
  width: 70px;
  height: 60px;
  background: url(../images/coupon_lq.png) no-repeat;
  background-size: 100%;
}
.user_couponsBoxs_bgGold .user_csbsiTitle {
  background: url(../images/bg_gold.png) no-repeat;
  background-size: 100%;
}
.user_couponsBoxs_bgGray .user_csbsiTitle {
  background: url(../images/bg_gray.png) no-repeat;
  background-size: 100%;
}
.user_couponsBoxs_bgGray .user_csbsiTitle .user_csbsiBtn {
  background: #F5F5F5;
}
.user_couponsBoxs_bgGray .user_csbsiPrice,
.user_couponsBoxs_bgGray .user_csbsiText,
.user_couponsBoxs_bgGray .user_csbsiNote {
  color: #D9D9D9;
}
.user_couponsBoxs_bgGray .user_couponsBoxSign {
  display: block;
}
.k_rightContentBox .k_tipsMidd {
  color: #3D4A5E;
}
.user_vipBoxs {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
.user_vbsItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  height: 336px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.user_vbsItemC {
  width: 100%;
  border: 1px solid #E6EAEF;
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #FFFFFF;
}
.user_vbsitbUp {
  font-size: 20px;
  line-height: 20px;
  color: #030303;
  color: #030303 !important;
  margin-top: 20px;
  margin-bottom: 74px;
}
.user_vbsiPart {
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
  height: 44px;
  line-height: 44px;
}
.user_vbsiPart:nth-child(2n-2) {
  background: #f5f5f5;
}
.user_vbsItemGold {
  background: #FFFAED;
  border: 1px solid #FBE2B7;
}
.user_vbsItemGold .user_vbsiPart,
.user_vbsItemGold .user_vbsitbUp {
  margin-bottom: 0px;
  color: #CC9C46 !important;
}
.user_vbsItemGold .user_vbsiPart:nth-child(2n-2) {
  background: #FBF4E4;
}
.user_vbsItemBlue {
  background: #F6F9FD;
  border: 1px solid #C8DEFF;
}
.user_vbsItemBlue .user_vbsiPart,
.user_vbsItemBlue .user_vbsitbUp {
  margin-bottom: 0px;
  color: #3B8CFE !important;
}
.user_vbsItemBlue .user_vbsiPart:nth-child(2n-2) {
  background: #ECF4FF;
}
.user_vbsItemWhite {
  background: #FFFFFF;
}
.user_vbsItemGold:hover,
.user_vbsItemBlue:hover,
.user_vbsItemWhite:hover {
  position: absolute;
  width: 270px;
  padding-top: 21px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.user_iconWarnRed,
.user_iconWarnGreen {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.user_iconWarnRed span {
  width: 18px;
  height: 18px;
  background: url(../images/icon/icon_warn_red.svg) no-repeat;
  background-size: 100%;
}
.user_iconWarnGreen span {
  width: 18px;
  height: 18px;
  background: url(../images/icon/icon_warn_green.svg) no-repeat;
  background-size: 100%;
}
.user_vbsitbBtn {
  margin: 20px auto;
  width: 150px;
}
.user_titleCommMt20 {
  margin-top: 20px;
}
.public_ulInputAdd {
  width: 150px;
  margin-right: 10px;
}
.public_ulInputAdd .layui-form-select {
  width: 130px !important;
  margin-left: -20px !important;
}
.public_ulInputAdd .layui-form-select .layui-input {
  border: none !important;
  background-color: inherit!important;
}
.public_ulInputAdd .layui-form-select .layui-input:hover {
  border: none !important;
}
.public_ulInputAdd .layui-form-select .layui-input:focus {
  border: none !important;
}
.public_ulInputAdd .user_checkCode {
  margin-left: 0px;
}
.user_checkCodeA {
  width: 270px !important;
  margin-left: -10px;
}
.user_h40 {
  height: 40px;
}
.user_mt20 {
  margin-top: 20px;
}
.k_numBox:hover,
.pp_infoMain:hover,
.borBoxhadow {
  border: 1px solid #3B8CFE;
  box-shadow: 0px 0px 4px 0px rgba(10, 50, 97, 0.2);
}
.mt40 {
  margin-top: 40px !important;
}
.w300 {
  width: 300px !important;
}
.tl_oneAdd {
  width: 85px;
  margin-top: 25px;
  right: -15px;
}
.tl_oneAdd s.tips_s {
  left: 32px;
}
.user_balance .user_ntContent:after {
  content: "隐藏余额";
}
.user_balanceShow .user_ntContent:after {
  content: "显示余额";
}
.user_rcbvolUser {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
}
.f20lh30c {
  font-size: 20px !important;
  line-height: 30px !important;
  color: #030303 !important;
}
.user_pswInputBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
  height: 36px;
}
.user_pswInputBox p:first-child {
  margin-right: 10px;
}
.user_pswInputBox .public_ulInput {
  height: 34px;
  width: inherit;
  flex: 1;
}
.tab_addBox {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.land_box {
  margin-top: 0px !important;
}
.tab_btnBox {
  position: relative;
  font-size: 20px;
  color: #3B8CFE;
  background: rgba(59, 140, 254, 0.1);
  width: 250px;
  height: 50px;
  line-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  transform: skewX(-30deg);
  margin-right: 20px;
  cursor: pointer;
}
.tab_btnBox .tab_tbbItem:first-child {
  width: 24px;
  height: 24px;
}
.tab_btnBox:hover {
  color: #FFFFFF;
  background: #3B8CFE;
}
.tab_btnBox:hover .tab_hotIcon {
  background: url(../images/hot_white.png);
  background-size: 100%;
}
.tab_btnBox:hover .tab_liveIcon {
  background: url(../images/live_white.png);
  background-size: 100%;
}
.tab_btnBoxClick {
  color: #FFFFFF;
  background: #3B8CFE;
}
.tab_btnBoxClick .tab_hotIcon {
  background: url(../images/hot_white.png);
  background-size: 100%;
}
.tab_btnBoxClick .tab_liveIcon {
  background: url(../images/live_white.png);
  background-size: 100%;
}
.tab_tbbItem {
  transform: skewX(30deg);
}
.tab_hotIcon {
  background: url(../images/hot_blue.png);
  background-size: 100%;
}
.tab_liveIcon {
  background: url(../images/live_blue.png);
  background-size: 100%;
}
.tab_tbbText {
  margin-left: 10px;
}
.user_titleH1 {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #030303;
}
.tab_user {
  width: 100%;
  font-size: 16px;
  color: #3D4A5E;
  height: 50px;
  border: 1px solid #E6EAEF;
  background: #F5F5F5;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tab_user::after {
  display: block;
  content: "";
  clear: both;
}
.tab_user li {
  float: left;
  line-height: 48px;
  cursor: pointer;
  position: relative;
  margin-left: 40px;
}
.tab_user .tab_act {
  color: #3B8CFE;
  font-weight: bold;
}
.tab_user .tab_act::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #3B8CFE;
  bottom: 0px;
  left: 0;
}
.tab_user li:hover {
  color: #3B8CFE;
}
.tab_case {
  display: none;
}
.manage_btns {
  width: 150px;
  margin: 20px auto 0 auto;
}
.manage_btn {
  width: 150px;
  margin-top: 20px;
}
.manage_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.manage_list {
  position: relative;
  min-height: 220px;
  width: 490px;
  padding: 20px 20px 15px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
  font-size: 12px;
  line-height: 20px;
  margin-top: 20px;
  margin-right: 20px;
}
.manage_list:nth-of-type(2n) {
  margin-right: 0;
}
.manage_listAct {
  background: url(../images/icon/icon_line.svg) no-repeat center left;
  border: 1px solid rgba(59, 140, 254, 0.2);
}
.manage_tips {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0 8px;
  height: 18px;
  font-size: 12px;
  color: #FFF;
  line-height: 18px;
  background: #3B8CFE;
  border-radius: 4px;
}
.manage_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.manage_name {
  height: 30px;
  font-size: 16px;
  color: #3D4A5E;
  line-height: 30px;
}
.manage_span {
  margin-left: 10px;
  color: #949EA3;
  font-size: 12px;
}
.manage_address {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  max-height: 40px;
}
.manage_adrs {
  margin-right: 10px;
}
.manage_adrs:last-child {
  margin-right: 0px;
}
.manage_text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
  margin-bottom: 25px;
}
.manage_ft {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  height: 15px;
  position: absolute;
  bottom: 15px;
  left: 20px;
  width: calc(100% - 40px);
}
.manage_set {
  cursor: pointer;
  border-bottom: 1px solid #3D4A5E;
  height: 14px;
  line-height: 14px;
}
.manage_set:hover {
  color: #3B8CFE;
  border-color: #3B8CFE;
}
.manage_edit {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  line-height: 14px;
}
.manage_edit li {
  float: right;
  cursor: pointer;
  margin-left: 22px;
  border-bottom: 1px solid #3D4A5E;
}
.manage_edit li:hover {
  color: #3B8CFE;
  border-color: #3B8CFE;
}
.short_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.short_list {
  position: relative;
  width: 235px;
  min-height: 180px;
  padding: 30px 20px 15px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
  font-size: 12px;
  line-height: 20px;
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 10px;
}
.short_list:nth-of-type(4n) {
  margin-right: 0;
}
.short_listAct {
  background: rgba(59, 140, 254, 0.05);
  border: 1px solid rgba(59, 140, 254, 0.2);
}
.short_tips {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0 8px;
  height: 18px;
  font-size: 12px;
  color: #FFF;
  line-height: 18px;
  background: #3B8CFE;
  border-radius: 4px;
}
.short_card {
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  color: #3D4A5E;
  margin-bottom: 10px;
}
.short_time {
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  padding-bottom: 10px;
}
/*
* @description: 登录注册相关
* @author: hjs
* @time: 2020-08-4
 */
.login_cont {
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  padding-bottom: 60px;
}
.login_cont::after {
  display: block;
  content: "";
  clear: both;
}
.login_adImg {
  float: left;
  width: 720px;
  height: 400px;
}
.login_main {
  float: right;
  margin-right: 20px;
  width: 410px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.login_center {
  width: 330px;
  margin: auto;
  padding-top: 50px;
}
.login_title {
  color: #3B8CFE;
  font-size: 26px;
  line-height: 26px;
  height: 26px;
  text-align: center;
}
.login_input {
  margin-bottom: 20px;
}
.login_err {
  padding-top: 30px;
}
.login_errHint {
  padding-bottom: 10px;
}
.login_long {
  background: #E6EAEF;
  width: 1px;
  height: 20px;
  margin-top: 10px;
  display: inline-block;
  float: left;
}
.login_forget {
  line-height: 40px;
  width: 90px;
  text-align: right;
  margin-left: 20px;
}
.login_forget a {
  font-size: 14px;
}
.login_btn {
  padding-top: 10px;
}
.login_goSigin {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  margin-top: 20px;
  color: #949EA3;
}
.login_tpos {
  margin-top: 80px;
  padding-bottom: 20px;
}
.login_tpos::after {
  display: block;
  content: "";
  clear: both;
}
.login_tposTitle {
  float: left;
  color: #949EA3;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
}
.login_tposUl {
  float: right;
}
.login_tposUl::after {
  display: block;
  content: "";
  clear: both;
}
.login_tposLi {
  float: left;
  margin-left: 20px;
}
.login_tposImg {
  float: left;
  width: 20px;
}
.login_tposUl .login_login {
  color: #949EA3;
  float: left;
  margin-left: 10px;
}
.login_wxCode {
  width: 100%;
  padding-top: 70px;
  background: #FFFFFF;
  display: none;
}
.login_back {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 14px;
  height: 14px;
}
.login_codeImg {
  width: 220px;
  height: 220px;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
  border: 1px solid #E6EAEF;
}
.login_codeImg img {
  width: 200px;
}
.login_codeTitle {
  color: #030303;
  margin-top: 20px;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  height: 24px;
}
.login_codeText {
  color: #3D4A5E;
  margin-top: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  letter-spacing: 1px;
  padding-bottom: 60px;
}
.signIn_pb {
  padding-bottom: 50px;
}
.singIn_tcp {
  color: #3D4A5E;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  padding-bottom: 20px;
}
.find_cont {
  margin-top: 20px;
}
.find_password {
  float: none;
  width: 600px;
  margin: auto;
}
.find_center {
  width: 400px;
  padding-top: 40px;
}
.find_verify {
  width: 250px;
}
.find_code {
  width: 130px;
  height: 40px;
}
.find_title {
  text-align: left;
}
.find_lead {
  padding-bottom: 50px;
}
.find_lead::after {
  display: block;
  content: "";
  clear: both;
}
.find_last {
  float: left;
  text-align: center;
  position: relative;
}
.find_pb {
  padding-bottom: 40px;
}
.find_num {
  font-size: 40px;
  line-height: 40px;
  height: 40px;
  color: #949EA3;
}
.js_findNum {
  color: #3B8CFE;
}
.find_text {
  color: #949EA3;
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  margin-top: 6px;
}
.js_findText {
  color: #3D4A5E;
}
.find_last1 {
  margin-right: 85px;
}
.find_last2 {
  margin-right: 85px;
}
.find_last1::after {
  position: absolute;
  left: 56px;
  top: 30px;
  content: "";
  width: 85px;
  border-top: 1px dashed #E6EAEF;
}
.find_last2::after {
  position: absolute;
  left: 104px;
  top: 30px;
  content: "";
  width: 85px;
  border-top: 1px dashed #E6EAEF;
}
.find_tabCont {
  display: none;
}
.find_tab {
  color: #949EA3;
}
.find_tab::after {
  display: block;
  content: "";
  clear: both;
}
.find_tabLi {
  float: left;
  line-height: 26px;
  font-size: 26px;
  height: 26px;
  cursor: pointer;
}
.find_tabLong {
  width: 1px;
  display: inline-block;
  height: 20px;
  background: #C1C5CC;
  margin-left: 20px;
  margin-right: 20px;
}
.js_findTabLi {
  color: #3B8CFE;
}
.find_email {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #3D4A5E;
  margin-bottom: 20px;
}
.find_sent a {
  color: #C1C5CC;
}
.find_sent a:hover {
  color: #C1C5CC;
}
.find_sent a:active {
  color: #C1C5CC;
}
.binding_text {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  color: #949EA3;
}
.tel_select {
  width: 100px;
  cursor: pointer;
  position: relative;
}
.tel_select::after {
  display: block;
  content: "";
  clear: both;
}
.area_code {
  font-size: 14px;
  line-height: 38px;
  float: left;
  color: #3D4A5E;
}
.tel_down {
  float: left;
  width: 14px;
  margin-top: 13px;
}
.tel_long {
  width: 1px;
  height: 20px;
  background: #E6EAEF;
  display: block;
  float: right;
  margin: 10px 20px 0 0;
}
.tle_selCont {
  position: absolute;
  top: 45px;
  left: -21px;
  width: 200px;
  height: 200px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  z-index: 1000;
  background: #FFFFFF;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: none;
}
.tel_optionAngle {
  left: 45px;
}
.tel_optionCover {
  left: 37px;
}
.tel_selUl {
  width: 191px;
  height: 185px;
  overflow: auto;
}
.tel_selLi {
  line-height: 34px;
  height: 34px;
  font-size: 12px;
  color: #3D4A5E;
  position: relative;
  z-index: 1000;
}
.tel_selLi::after {
  display: block;
  content: "";
  clear: both;
}
.tel_selImg {
  float: left;
  width: 20px;
  height: 14px;
  margin-left: 5px;
  margin-top: 10px;
}
.tel_selSpan1 {
  float: left;
  margin-left: 5px;
}
.tel_selSpan2 {
  float: right;
  margin-right: 15px;
}
/* 定义轨道 */
.tel_selUl::-webkit-scrollbar {
  width: 4px;
  height: 100%;
}
/* 定义滑块 */
.tel_selUl::-webkit-scrollbar-thumb {
  width: 4px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.js_telClick::after {
  display: block;
  content: "";
  clear: both;
}
.js_areaCode {
  display: inline-block;
  width: 34px;
}
/*
* @description: landing
* @author: Muzg
* @time: 2020-08-04
 */
.land_top {
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
}
.land_box {
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  background: #fff;
  padding: 0 30px 40px 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.land_main {
  padding-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.land_title {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  color: #030303;
  padding-top: 20px;
}
.land_list {
  position: relative;
  width: 180px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  padding: 20px 0px 20px 12px;
  margin-right: 12px;
  margin-top: 12px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.land_list:hover {
  border: 1px solid #3B8CFE;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.land_listImg {
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
.land_img {
  width: 100%;
  border-radius: 10px;
}
.land_content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.land_listTitle {
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  margin-bottom: 6px;
}
.land_listText {
  font-size: 12px;
  line-height: 15px;
  color: #949EA3;
}
.land_box .k_line {
  margin-top: 20px;
}
.land_recharge {
  padding: 8px 0px 11px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.land_reList {
  position: relative;
  width: 150px;
  height: 50px;
  line-height: 50px;
  margin-right: 15px;
  margin-top: 12px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.land_reList:hover {
  border: 1px solid #3B8CFE;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.land_tips {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: #FF6C00;
}
.land_reTips {
  position: absolute;
  width: 430px;
  height: 105px;
  top: -24px;
  left: 160px;
}
.land_faceList {
  position: relative;
  width: 150px;
  height: 148px;
  padding: 36px 14px 16px 14px;
  margin-right: 15px;
  margin-top: 12px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.land_faceList:hover {
  border: 1px solid #3B8CFE;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.land_faceTips {
  position: absolute;
  top: -8px;
  right: -4px;
  width: 40px;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  border-radius: 4px 0px 4px 0px;
  text-align: center;
}
.land_faceVip {
  background: linear-gradient(180deg, #31374f 0%, #181b27 100%);
  color: #FFE297;
}
.land_faceLimit {
  background: linear-gradient(180deg, #f11de2 0%, #ee1e54 100%);
  color: #FFFFFF;
}
.land_faceTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 44px;
}
.land_faceImg {
  width: 24px;
  height: 24px;
}
.land_facePrice {
  margin-left: 4px;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}
.land_faceText {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  padding-top: 11px;
  border-top: 1px dashed #E6EAEF;
  text-align: center;
}
.land_faceInput {
  width: 80px;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}
.land_limitList {
  position: relative;
  width: 150px;
  height: 62px;
  margin-right: 22px;
  margin-top: 12px;
  border: 1px solid #F23030;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  background: #FFF0F0;
}
.land_limitTitle {
  font-size: 12px;
  color: #F23030;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.land_btn {
  background: #F23030;
  color: #FFFFFF;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.land_limitActive {
  opacity: 0.5;
  pointer-events: none;
}
.land_total {
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px 0px 20px 30px;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.land_totalLeft {
  position: relative;
  width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.land_numTips {
  background: #FBF8D9;
  color: #FF6C00;
  background: #FBF8D9 url(../images/icon/icon_warn_orange_border.svg) 10px center no-repeat;
  background-size: 12px;
  padding-left: 27px;
  height: 24px;
  line-height: 24px;
  padding-right: 10px;
  font-size: 12px;
}
.land_num {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.land_num .k_numBox {
  margin-left: 10px;
}
.land_totalRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.land_totalUl {
  margin-right: 10px;
}
.land_btnBox {
  width: 150px;
  margin-right: 20px;
}
.land_btnMain .k_btn {
  margin-right: 20px;
}
.land_btnMain .k_btn:last-child {
  margin-right: 0;
}
.land_price {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: flex-end;
  height: 18px;
}
.land_priceNum {
  color: #FF5339;
  font-size: 18px;
}
.land_listActive {
  border: 1px solid #3B8CFE;
  background: url(../images/icon/icon_active.svg) bottom right no-repeat;
  background-size: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.land_tipsApp {
  background: linear-gradient(270deg, #fe703e 0%, #ff9e2c 100%);
  padding: 1px 5px;
  border-radius: 2px;
  text-align: center;
  margin-right: 5px;
  color: #FFFFFF;
  font-size: 12px;
}
.land_text {
  color: #949EA3;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 12px;
}
.land_ewm {
  position: relative;
  margin-left: 5px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.land_ewmImg {
  width: 14px;
  height: 14px;
  transform: rotate(0deg);
  margin-left: 5px;
  animation: land_imgAnimate1 0.3s forwards;
}
.land_ewm:hover .land_ewmImg {
  animation: land_imgAnimate 0.3s forwards;
}
.land_ewm:hover .land_downApp {
  display: block;
}
@keyframes land_imgAnimate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@keyframes land_imgAnimate1 {
  0% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.land_save {
  text-align: right;
  margin-top: 12px;
}
.land_saveSpan {
  font-size: 12px;
  background: linear-gradient(180deg, #f11de2 0%, #ee1e54 100%);
  color: #FFFFFF;
  border-radius: 2px;
  padding: 2px 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.land_downApp {
  text-align: center;
  width: 150px;
  height: 204px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  left: -55px;
  top: 27px;
  z-index: 10;
}
.land_downAppTitle {
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  padding: 20px 15px 0 15px;
  color: #030303;
}
.land_downAppImg {
  width: 120px;
  height: 120px;
  margin: 10px auto;
}
.land_downAppText {
  background: #F1F6FF;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  color: #3B8CFE;
}
.land_more {
  width: 1200px;
  margin: 0 auto;
  margin: 20px auto;
  background: #FFFFFF;
  padding: 40px 20px 12px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.land_moreH1 {
  text-align: center;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  color: #030303;
}
.land_moreMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.land_moreList {
  width: 378px;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 18px;
}
.land_moreList:nth-of-type(3n) {
  margin-right: 0;
}
.land_moreLeft {
  width: 134px;
  height: 134px;
  margin-right: 4px;
}
.land_moreRight {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.land_moreTitle {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  color: #3D4A5E;
  margin-top: 12px;
}
.land_moreLine {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.land_moreRed {
  width: 21px;
  height: 3px;
  background: #F23030;
}
.land_moreBlue {
  width: 18px;
  height: 3px;
  background: #3B8CFE;
}
.land_moreText {
  font-size: 12px;
  color: #949EA3;
  margin-top: 12px;
}
.land_payMain {
  padding: 40px 88px 28px 88px;
}
.k_bgNone {
  background: transparent;
}
.gjf_img {
  width: 100%;
}
.gif_model.k_popup .k_popupBox {
  padding: 20px;
}
.gif_model.k_popup .layui-layer-title {
  border-bottom: 1px solid #E6EAEF;
}
/*
* @description: 活动专区
* @author: Muzg
* @time: 2020-08-05
 */
.act_box {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.act_list {
  position: relative;
  width: 285px;
  margin: 15px 20px 25px 0;
  border: 1px solid #E6EAEF;
  padding-bottom: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.act_list:nth-of-type(4n) {
  margin-right: 0;
}
.act_list:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.act_tips {
  position: absolute;
  top: -15px;
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  width: 112px;
  text-align: center;
  z-index: 10;
}
.act_tipsText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  background: #3B8CFE;
}
.act_tipsArrow {
  width: 24px;
  height: 30px;
  background: #5EA1FF url(../images/icon/icon_right_white.svg) no-repeat center center;
}
.act_end .act_tipsText {
  background: #C1C5CC;
}
.act_end .act_tipsArrow {
  background: #E6EAEF url(../images/icon/icon_right_white.svg) no-repeat center center;
}
.act_end .act_img .act_imgB {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: block;
}
.act_link:hover {
  color: #3D4A5E;
}
.act_img {
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.act_img img {
  height: 100%;
}
.act_img .act_imgB {
  display: none;
}
.act_title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  color: #3D4A5E;
  margin: 10px 15px 0 15px;
}
.act_text {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: #949EA3;
  margin: 10px 15px 0 15px;
}
.act_page {
  margin: 0px auto 40px auto;
  text-align: right;
  width: 1200px;
}
/*
* @description: 商品详情 确认订单 支付页
* @author: Muzg
* @time: 2020-08-06
 */
/*商品*/
.k_gray {
  color: #949EA3;
}
.k_red {
  color: #FF5339;
}
.pd_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  margin: 0 auto;
}
.pd_boxLeft {
  width: 340px;
  margin-right: 40px;
}
.pd_ImgBox {
  position: relative;
  width: 340px;
  height: 340px;
  background: url(../images/pd_good_bg.png) no-repeat center center;
  background-size: 100%;
  border: 1px solid #E6EAEF;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.pd_img {
  max-width: 200px;
  border-radius: 10px;
}
.pd_save {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.pd_saveLi {
  background: url(../images/icon/icon_success.svg) no-repeat left center;
  background-size: 12px;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  padding-left: 17px;
  margin-bottom: 15px;
  margin-right: 30px;
  color: #949EA3;
}
.pd_saveLi:nth-of-type(3n) {
  margin-right: 0;
}
.pd_boxRight {
  width: 820px;
}
.pd_boxRight .co_list {
  margin-bottom: 0px;
  margin-top: 20px;
}
.pd_boxRight .co_boxTitle {
  width: 80px;
  color: #949EA3;
}
.pd_title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #030303;
}
.pd_titleTips {
  padding: 0px 10px;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  color: #FFFFFF;
  background: #d8d8d8 linear-gradient(90deg, #2ea2e2 0%, #3b8cfe 100%);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pd_tipsText {
  margin-top: 10px;
  color: #F23030;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
}
.pd_desc {
  background: #F5F5F5;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-bottom: 20px;
  margin-top: 20px;
}
.pd_descBtnUl {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  color: #949EA3;
}
.pd_descUl {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  color: #949EA3;
}
.pd_descLi {
  text-align: right;
  width: 80px;
  margin-right: 20px;
  font-size: 12px;
}
.pd_descText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.pd_descTextPeice {
  font-size: 18px;
  color: #FF5339;
  font-weight: bold;
}
.pd_btnDis {
  pointer-events: none;
  background: rgba(255, 83, 57, 0.5);
}
.pd_descApp {
  border-radius: 2px;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  color: #FFFFFF;
  background: linear-gradient(90deg, #2EA2E2 0%, #3B8CFE 100%);
}
.pd_desc98 {
  color: #3D4A5E;
  margin-left: 10px;
}
.pd_descDown {
  position: relative;
  background: url(../images/icon/icon_iphone.svg) no-repeat left center;
  background-size: 12px;
  padding-left: 14px;
  color: #3B8CFE;
  cursor: pointer;
  margin-left: 10px;
}
.pd_downApp {
  width: 160px;
  height: 204px;
  position: absolute;
  right: -160px;
  top: -87px;
  z-index: 10;
  display: none;
}
.pd_downAppCon {
  width: 150px;
  height: 204px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-left: 10px;
}
.pd_downAppTitle {
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  padding: 20px 15px 0 15px;
  color: #030303;
}
.pd_downAppImg {
  width: 120px;
  height: 120px;
  margin: 10px auto 0px auto;
}
.pd_downAppText {
  background: #F1F6FF;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  color: #3B8CFE;
  margin: 0 15px 10px 15px;
}
.pd_descDown:hover .pd_downApp {
  display: block;
}
.pd_descInput {
  width: 136px;
  height: 40px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
  padding-left: 20px;
  font-size: 14px;
}
.pd_black {
  color: #3D4A5E;
}
.pd_gray {
  margin-left: 10px;
  color: #949EA3;
}
.pd_textarea {
  padding: 10px 20px;
  text-align: left;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 10px;
  width: 700px;
  height: 86px;
  font-size: 14px;
}
.pd_textarea:hover {
  border-color: #3B8CFE;
}
.pd_descVip {
  background: linear-gradient(90deg, #31374f 0%, #181b27 100%);
  color: #FFE297;
  padding: 1px 6px;
  font-size: 12px;
}
.pd_group {
  background: url(../images/pd_bg.png) no-repeat;
  background-size: auto;
  height: 40px;
  font-size: 16px;
  padding: 8px 20px;
  color: #FFFFFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.pd_groupTime {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.pd_groupUl {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
}
.pd_groupTitle {
  margin-right: 10px;
}
.pd_groupBg {
  background: #000;
  border-radius: 2px;
  padding: 0 4px;
}
.pd_groupColon {
  margin: 0 5px;
}
.pd_pd_couponBox {
  position: relative;
  background: #FFEDEB;
  color: #FF5339;
  border: 1px solid #F23030;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 18px;
  border-radius: 2px;
}
.pd_couponFont {
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px dashed #F23030;
  font-size: 12px;
}
.pd_couponText {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 12px;
}
.pd_cir {
  position: absolute;
  top: 4px;
  z-index: 1;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  border: 1px solid #F23030;
  background: #F5F5F5;
}
.pd_cirLeft {
  left: -7px;
}
.pd_cirRight {
  right: -7px;
}
.pd_couponList {
  overflow: hidden;
  margin-right: 10px;
  cursor: pointer;
}
.pd_viewUl {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  font-size: 12px;
  color: #949EA3;
}
.pd_viewLi {
  text-align: right;
  width: 80px;
  margin-right: 20px;
  font-size: 12px;
  height: 36px;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: flex-end;
}
.pd_view {
  position: relative;
  padding: 11px 10px;
  background: #FFFFFF;
  border: 1px solid #E6EAEF;
  cursor: pointer;
  margin-right: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 10px;
  color: #3D4A5E;
  text-align: center;
  min-width: 136px;
  font-size: 14px;
}
.pd_viewTips {
  position: absolute;
  left: -1px;
  top: -9px;
  font-size: 12px;
  padding: 0 6px;
  background: linear-gradient(134deg, #6300CB 0%, #E600FF 100%);
  border-radius: 0px 10px 10px 0px;
  color: #FFFFFF;
}
.pd_view:nth-of-type(5n) {
  margin-right: 0;
}
.pd_view a {
  display: block;
  color: #3D4A5E;
}
.pd_viewGray {
  color: #949EA3;
}
.pd_viewAct {
  background: rgba(59, 140, 254, 0.1);
  border: 1px solid #3B8CFE;
  color: #3B8CFE;
}
.pd_view:hover {
  border: 1px solid #3B8CFE;
  color: #3B8CFE;
}
.pd_view:hover a {
  color: #3B8CFE;
}
.pd_viewAct a {
  color: #3B8CFE;
}
.pd_totalLi {
  text-align: right;
  width: 80px;
  margin-right: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #3D4A5E;
}
.pd_tatalPeice {
  font-size: 22px;
  color: #FF5339;
  font-weight: bold;
}
.pd_totalTips {
  background: #FBF8D9 url(../images/icon/icon_warn_orange_border.svg) no-repeat 10px center;
  background-size: 12px;
  padding-left: 27px;
  color: #FF6C00;
  height: 24px;
  line-height: 24px;
  padding-right: 10px;
  margin-left: 10px;
}
.pd_w300 {
  width: 300px;
}
.pd_w200 {
  width: 200px;
  margin-left: 20px;
  position: relative;
}
.pd_w200:hover .pd_downApp {
  display: block;
}
.btn_updateStyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.btn_updateStyle:hover .pd_btnImg {
  background: url(../images/icon/icon_sm_blue.svg);
}
.pd_btnImg {
  display: inline;
  background: url(../images/icon/icon_sm.svg);
  width: 16px;
  height: 16px;
  background-size: 100%;
  margin-left: 10px;
}
.pd_btnTips {
  background: #3B8CFE;
  border-radius: 0px 6px 0px 6px;
  height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  position: absolute;
  top: -10px;
  right: -1px;
  font-size: 12px;
  padding: 0 8px;
}
/*详情*/
.pd_main {
  width: 1200px;
  margin: 40px auto 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.pd_mainLeft {
  width: 240px;
  margin-right: 40px;
}
.pd_h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
  color: #030303;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 20px;
}
.pd_h2Link {
  color: #949EA3 !important;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  font-weight: normal;
}
.pd_h2Link:hover {
  color: #3B8CFE !important;
}
.pd_mainList {
  border: 1px solid #E6EAEF;
  margin-bottom: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pd_list {
  padding: 10px 15px 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.pd_listUl {
  margin-right: 10px;
  width: calc(50% - 5px);
  text-align: center;
  margin-bottom: 20px;
}
.pd_listUl:nth-of-type(2n) {
  margin-right: 0;
}
.pd_listImgBox {
  margin-bottom: 15px;
}
.pd_listImg {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  margin: 0 auto;
}
.pd_mainView {
  padding: 0 20px;
  margin-top: 5px;
}
.pd_listTitle {
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pd_mainTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pd_mainTips {
  background: url(../images/icon/icon_tips_top.svg) no-repeat left center;
  padding-left: 37px;
}
.pd_mainConBig {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}
.pd_mainCon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}
.pd_mainText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #949EA3;
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}
.pd_viewNewUl {
  margin-bottom: 15px;
}
.pd_mainRight {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.k_lineMar {
  margin-bottom: 15px;
}
.pd_info {
  margin-top: 20px;
  border-top: 1px solid #E6EAEF;
}
.pd_infoTitle {
  width: 100%;
  height: 34px;
  line-height: 34px;
  padding-left: 20px;
  color: #030303;
  background: #F5F5F5;
  border: 1px solid #E6EAEF;
  border-top: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pd_infoUl {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  border: 1px solid #E6EAEF;
  border-top: none;
}
.pd_infoLi {
  width: 180px;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #949EA3;
}
.pd_infoText {
  padding: 0px 20px;
  height: 30px;
  line-height: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  border-left: 1px solid #E6EAEF;
}
.pd_infoCon {
  padding: 10px 20px;
  line-height: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  border-left: 1px solid #E6EAEF;
}
.pd_infoBox {
  border: 1px solid #E6EAEF;
  border-top: none;
  padding: 10px 20px;
  line-height: 24px;
  font-size: 12px;
}
.pd_evalList {
  border-bottom: 1px solid #E6EAEF;
  margin-top: 20px;
  padding: 0px 20px 20px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.pd_evalImg {
  width: 30px;
  height: 30px;
}
.pd_evalImg .k_img {
  border-radius: 100%;
}
.pd_evaRight {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  margin-left: 20px;
}
.pd_evalMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 14px;
  margin-top: 8px;
}
.pd_evalEmail {
  margin-right: 5px;
}
.pd_evalTime {
  font-size: 12px;
  margin-right: 20px;
  color: #949EA3;
}
.pd_evalStart {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pd_evalAsk {
  margin-top: 18px;
  font-size: 12px;
}
.pd_evalBox {
  width: 100%;
  background: #F8F8F8;
  padding: 15px 20px;
  margin-top: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pd_evalKf {
  color: #3B8CFE;
  margin-right: 10px;
}
.pd_evalText {
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
.pd_cpModel {
  display: none;
}
.pd_cpBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 20px;
}
.pd_cpList {
  margin-right: 20px;
  width: 200px;
  border: 1px solid #3B8CFE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pd_cpList:last-child {
  margin-right: 0;
}
.pd_cpTop {
  background: #3B8CFE url(../images/icon/icon_coupon_bg.svg) no-repeat top right;
  background-size: 50px;
  color: #FFFFFF;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
.pd_cpTitle {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}
.pd_cpText {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-top: 15px;
}
.pd_cpBottom {
  position: relative;
  background: url(../images/coupon_bg.png) no-repeat left top;
  background-size: 100% auto;
  padding: 23px 40px 20px 40px;
}
.pb_cpAct {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 70px;
  height: 60px;
  background: url(../images/coupon_lq.png) no-repeat left top;
  background-size: 100% auto;
  display: none;
}
button.btn_disable + div.pb_cpAct {
  display: block;
}
#start .layui-rate {
  padding: 0;
}
#start .layui-rate li i.layui-icon {
  font-size: 12px;
}
/*paypal*/
.pp_bor {
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pp_leftTop {
  background: #F5F5F5;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #E6EAEF;
}
.pp_img {
  width: 60px;
  height: 60px;
}
.pp_img .k_img {
  border-radius: 10px;
}
.pp_ul {
  margin-left: 10px;
}
.pp_ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.pp_name {
  color: #030303;
  margin-bottom: 20px;
}
.pp_nameSpan {
  background: linear-gradient(90deg, #2ea2e2 0%, #3b8cfe 100%);
  color: #FFFFFF;
  font-size: 12px;
  padding: 0px 5px;
  margin-right: 10px;
}
.pp_text {
  font-size: 12px;
}
.pp_main {
  padding: 20px;
  font-size: 12px;
}
.pp_title {
  font-weight: bold;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 15px;
  height: 24px;
  line-height: 24px;
  color: #030303;
  font-size: 14px;
}
.pp_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.pp_total {
  margin-top: 15px;
  height: 22px;
  line-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
}
.pp_totalNum {
  font-size: 18px;
  color: #FF5339;
}
.pd_cpView {
  border: 1px solid #E6EAEF;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pp_h1 {
  font-size: 16px;
  font-weight: bold;
  color: #030303;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 50px;
  line-height: 50px;
  width: 780px;
}
.pp_680 {
  margin: 10px auto 0 auto;
  width: 680px;
}
.pp_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.pp_infoMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #E6EAEF;
  background: #F5F5F5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pp_infoView {
  padding: 11px 20px;
  background: #FFFFFF;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pp_infoTitle {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
}
.pp_infoInput {
  font-size: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-top: 13px;
  width: 178px;
}
.pp_infoBox {
  color: #949EA3;
  text-align: center;
  width: 80px;
  padding-top: 0;
}
.pp_infoCenter {
  width: 24px;
  height: 24px;
  background: url(../images/icon/icon_shuttle.svg) no-repeat center center;
  background-size: 100%;
  cursor: pointer;
}
.pp_tips {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: #FF6C00;
  margin: 15px auto 0 auto;
  width: 680px;
}
.pp_line {
  border-top: 1px dashed #E6EAEF;
  margin-top: 30px;
  padding-bottom: 10px;
}
.pp_textTitle {
  margin-bottom: 15px;
  margin-top: 20px;
}
.pp_textSpan {
  color: #FF6C00;
}
.pd_inputW {
  width: 500px;
}
.pp_textarea {
  padding: 10px 20px;
  text-align: left;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 86px;
}
.pp_errorTips {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  display: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.err_bor + .pp_errorTips {
  display: inline-block;
}
.error_bor + .co_errorTips {
  display: inline-block;
}
.pp_errorTips + .pp_textTitle {
  margin-top: 20px;
}
.err_bor + .pp_errorTips + .pp_textTitle {
  margin-top: 10px;
}
.error_price .pp_infoLeft {
  border-color: #FF6C00;
}
.error_price + .pp_errorTips {
  display: inline-block;
}
.pp_menu {
  position: sticky;
  bottom: 0;
  width: 820px;
  margin-top: 20px;
  height: 50px;
}
.pp_menuSticky {
  position: fixed;
  bottom: 0;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.pp_menuRelative {
  position: relative;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0);
}
.pp_menuUl {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  width: 820px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #E6EAEF;
}
.pp_menuLi {
  line-height: 50px;
  font-weight: bold;
}
.pp_menuLiBtn {
  width: 300px;
  margin-left: 30px;
}
.pp_reList {
  position: relative;
  width: 180px;
  height: 40px;
  margin-right: 20px;
  margin-top: 12px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: none;
  text-align: center;
}
.pp_listImg {
  width: 134px;
  height: 38px;
  display: inline-block;
}
.pp_reListMore,
.pp_listActive {
  display: block;
  text-align: center;
}
.pp_reList:hover {
  border: 1px solid #3B8CFE;
}
.pp_listActive {
  border: 1px solid #3B8CFE;
  background: url(../images/icon/icon_pay_active.svg) bottom right no-repeat;
  background-size: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pp_reList:nth-of-type(4n) {
  margin-right: 0;
}
.pp_reList:hover .user_noteTips {
  display: block;
}
.mt20 {
  margin-top: 20px;
}
/*确认订单*/
.co_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  font-size: 12px;
  height: 36px;
  line-height: 18px;
}
.co_num {
  margin-left: 10px;
}
.co_tips {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}
.co_activity,
.co_vip {
  font-size: 12px;
  padding: 2px 5px;
  margin-right: 5px;
}
.co_activity {
  background: linear-gradient(90deg, #fd352b 0%, #ff0428 100%);
  color: #FFFFFF;
}
.co_vip {
  background: linear-gradient(90deg, #31374f 0%, #181b27 100%);
  color: #FFE297;
}
.co_box {
  margin-top: 10px;
}
.co_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
  width: 780px;
}
.co_boxTitle {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  width: 150px;
  text-align: right;
  margin-right: 20px;
}
.co_select {
  width: 400px;
}
.co_select .layui-form-select .layui-input {
  height: 34px !important;
}
.co_boxBtn {
  margin-left: 20px;
  width: 100px;
}
.co_list .public_ulInput {
  width: 400px;
}
.co_list .k_clickSelect {
  width: 400px;
}
.error_bor .layui-form-select .layui-input {
  border-color: #FF6C00 !important;
}
.co_textBox {
  width: 610px;
  height: 82px;
  padding: 10px 20px;
}
.co_textarea {
  height: 40px;
}
.co_money {
  color: #3D4A5E;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  border-left: 1px solid #949EA3;
  margin-left: 20px;
  padding-left: 10px;
}
.co_moneySpan {
  margin-left: 5px;
  color: #FF5339;
}
.co_coupon {
  margin-top: 20px;
}
.co_couponTitle {
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #F5F5F5;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  width: 780px;
}
.co_couponTitleSpan {
  margin-left: 10px;
  font-weight: normal;
}
.co_cpSel {
  background: #F5F5F5 url(../images/icon/icon_down.svg) 740px center no-repeat;
  background-size: 20px;
}
.co_cpSel .co_couponTitleSpan {
  display: none;
}
.co_ye {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.co_yb {
  margin-top: 20px;
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.co_label {
  margin-left: 10px;
  font-size: 12px;
}
.co_pay {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 780px;
}
.co_scroll {
  width: 775px;
  height: 180px;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 5px 0 0px;
}
/* 定义轨道 */
.co_scroll::-webkit-scrollbar {
  width: 5px;
  height: 100%;
}
/* 定义滑块 */
.co_scroll::-webkit-scrollbar-thumb {
  width: 5px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.co_main {
  width: 170px;
  margin-left: 20px;
  margin-bottom: 10px;
}
.co_main .co_view:hover,
.co_main .co_bor:hover {
  border: 1px solid #FF5339;
}
.co_bor {
  border: 1px solid transparent;
}
.co_view {
  position: relative;
  width: 100%;
  height: 97px;
  border: 1px solid #62A3FE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.co_view:nth-of-type(4n) {
  margin-right: 0;
}
.co_viewActive .co_view {
  border: 1px solid #FF5339;
  background: url(../images/icon/icon_pay_active.svg) bottom right no-repeat;
  background-size: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.co_viewActive .co_bor {
  border: 1px solid #FF5339;
}
.co_cpTop {
  height: 62px;
  text-align: left;
  background: #62A3FE;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.co_cpTitle {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.co_cpText {
  margin-bottom: 10px;
  font-size: 12px;
}
.co_cpBottom {
  background: url(../images/co_bg_blue.png) no-repeat left top;
  background-size: 100% auto;
  text-align: center;
  color: #3B8CFE;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  padding: 10px 0;
}
.co_viewDis .co_view {
  border: 1px solid #D9D9D9;
  cursor: default;
}
.co_viewDis .co_view:hover {
  border: 1px solid #D9D9D9;
}
.co_viewDis .co_cpTop {
  background: #D9D9D9;
}
.co_viewDis .co_cpBottom {
  background: url(../images/co_bg_gray.png) no-repeat left top;
  background-size: 100% auto;
  text-align: center;
  color: #D9D9D9;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  padding: 10px 0;
}
.co_cpTips {
  background: url(../images/icon/icon_warn_orange_border.svg) no-repeat left 2px;
  background-size: 12px;
  text-align: left;
  line-height: 16px;
  padding-left: 17px;
  margin-top: 5px;
  visibility: hidden;
  font-size: 12px;
}
.co_viewDis .co_cpTips {
  visibility: visible;
}
.co_tb {
  width: 610px;
  height: 80px;
  padding: 10px 20px;
  border: 1px solid #E6EAEF;
  background: #F5F5F5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
}
.co_appleTips {
  color: #FF6C00;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-left: 170px;
}
.co_apple {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: flex-start;
}
.co_appleLi {
  margin-right: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.co_actBox {
  padding: 20px;
  display: none;
}
.co_actTitle {
  background: #F5F5F5;
}
.co_actTitle .co_actName,
.co_actTitle .co_actText,
.co_actTitle .co_actEdit {
  color: #030303 !important;
}
.co_actUl {
  padding: 10px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-bottom: 1px solid #E6EAEF;
}
.co_actName {
  color: #3D4A5E;
  width: 250px;
}
.co_actText {
  color: #949EA3;
  width: 200px;
}
.co_actEdit {
  color: #3B8CFE;
  width: 90px;
  cursor: pointer;
}
.co_errorTips {
  display: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 170px;
  height: 26px;
}
.co_list + .co_errorTips {
  position: relative;
  top: -10px;
}
.pd_boxRight .co_errorTips {
  position: relative;
  top: 10px;
  margin-left: 100px;
}
.co_default {
  padding-top: 120px;
  padding-bottom: 206px;
}
/*支付页*/
.pay_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  margin: 40px auto 65px auto;
}
.pay_main {
  text-align: center;
  border: 1px solid #E6EAEF;
  padding-top: 50px;
}
.pay_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
  font-size: 18px;
  color: #030303;
}
.pay_img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.pay_text {
  padding-bottom: 20px;
}
.pay_mainBtn {
  width: 300px;
  margin: 20px auto 50px auto;
}
.pay_tips {
  font-size: 12px;
  text-align: left;
  background: #F5F5F5;
  padding: 15px 20px;
}
.pay_tipsDt {
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  color: #030303;
  margin-bottom: 10px;
}
.pay_tipsDd {
  line-height: 20px;
}
.pay_tipsRed {
  color: #FF6C00;
  line-height: 20px;
}
.pay_list {
  border: 10px solid #F5F5F5;
  background: #FFFFFF;
  width: 600px;
  margin: 20px auto 50px auto;
}
.pay_view {
  border: 1px solid #E6EAEF;
  padding: 10px;
  margin: 40px auto 20px auto;
  width: 220px;
}
.pay_pic {
  width: 30px;
  margin-right: 10px;
}
.pay_name {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  color: #030303;
  margin-bottom: 40px;
}
.pay_wp {
  padding: 20px;
  text-align: left;
}
.pay_cardBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 420px;
  margin: 20px auto 50px auto;
}
.pay_cardBtn .k_btn {
  margin-right: 20px;
}
.pay_cardBtn .k_btn:last-child {
  margin-right: 0;
}
.pay_case {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 40px auto 65px auto;
}
.pay_caseLeft {
  width: 700px;
  text-align: center;
  margin-left: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pay_mImg {
  width: 60px;
  margin: 20px auto 0 auto;
}
.pay_mTitle {
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  color: #030303;
  margin-top: 20px;
}
.pay_mText {
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  color: #030303;
  margin-top: 10px;
}
.pay_mKf {
  height: 22px;
  line-height: 22px;
  margin-top: 10px;
}
.pay_mUl {
  border-top: 1px solid #E6EAEF;
  margin: 20px auto 50px auto;
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  font-size: 12px;
}
.pay_mLi {
  width: 220px;
  margin-right: 20px;
}
.pay_mLi:nth-of-type(3n) {
  margin-right: 0;
}
.pay_caseRight {
  width: 300px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
  padding: 70px;
  text-align: center;
}
.pay_caseDwon {
  font-size: 16px;
  color: #030303;
  margin-bottom: 10px;
}
.pay_caseLook {
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
.pay_caseImg {
  width: 160px;
  margin: 0 auto;
}
.pay_mBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 620px;
  margin: 0px auto 50px auto;
}
.pay_mBtn .k_btn {
  margin-right: 20px;
}
.pay_mBtn .k_btn:last-child {
  margin-right: 0;
}
.borderBlue {
  box-shadow: 0px 0px 4px 0px rgba(10, 50, 97, 0.2);
  border: 1px solid #3B8CFE;
}
.co_actUl:hover {
  background: #F5F5F5;
}
.goods_recommendedBox {
  width: 920px;
  background: #FFFFFF;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.goods_rbTitle {
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #030303;
  line-height: 14px;
  background-size: 100%;
}
.goods_rbContent {
  padding: 10px 0px 20px 20px;
  background-size: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.goods_rbcItem {
  margin-right: 20px;
}
.goods_rbcItem:last-child {
  margin-right: 0px;
}
.goods_rbciImg {
  width: 160px;
  height: 160px;
  padding: 20px;
  background: #F5F5F5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.goods_rbciImg img {
  border-radius: 10px;
}
.goods_rbciTitle {
  width: 160px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #3D4A5E;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goods_rbciPrice {
  margin-top: 10px;
  font-size: 14px;
  line-height: 14px;
  color: #FF5339;
  font-weight: bold;
}
.goods_rbciTitle:hover {
  color: #62A3FE;
  cursor: pointer;
}
.goods_rbciTitle:active {
  color: #3072F6;
}
.pd_bbciSign {
  width: 12px;
  height: 12px;
  background: url(../images/icon/icon_why.svg) no-repeat;
  background-size: 100%;
  cursor: pointer;
  margin-top: 10px;
  position: relative;
}
.pd_bbciSign .pd_noteTips {
  top: 25px;
  left: -75px;
}
.pd_bbciSign:hover .pd_noteTips {
  display: block;
}
.pd_noteTips {
  position: absolute;
  font-size: 12px;
  width: 410px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: transparent;
  z-index: 100;
  display: none;
}
.pd_noteTips .pd_ntContent {
  padding: 15px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  text-align: left;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #3D4A5E;
  line-height: 20px;
}
.classify_box {
  width: 1200px;
  margin: 0 auto;
}
.classify_box a {
  color: #3D4A5E;
}
.classify_menuBox {
  padding: 9px 9px 19px;
  border: 1px solid #E6EAEF;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #fff;
}
.classify_menuBox.classify_menuFixed {
  position: fixed;
  top: 0;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.classify_menuAll {
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 34px;
  padding: 0 8px;
  margin-top: 10px;
}
.classify_menu {
  width: 1100px;
}
.classify_menu::after {
  display: block;
  content: "";
  clear: both;
}
.classify_menu .classify_menuSel {
  background: #3B8CFE;
  color: #fff;
}
.classify_menu li {
  float: left;
  padding: 10px 0;
  background: #F5F5F5;
  font-size: 14px;
  line-height: 14px;
  margin-top: 10px;
  margin-left: 10px;
  width: 100px;
  text-align: center;
  cursor: pointer;
}
.classify_menu li:hover {
  background: #3B8CFE;
  color: #fff;
}
.classify_goodsBox::after {
  display: block;
  content: "";
  clear: both;
}
.classify_goodsTitle {
  color: #030303;
  color: #030303 !important;
  font-size: 16px;
  line-height: 46px;
  padding-top: 20px;
}
.classify_goods {
  float: left;
  border: 1px solid #E6EAEF;
  padding: 29px 9px;
  width: 150px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 20px;
  margin-left: 25px;
  cursor: pointer;
}
.classify_goods:nth-child(7n-5) {
  margin-left: 0;
}
.classify_goods:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  transform: scale(1.12);
}
.classify_goods:hover .classify_goodsText {
  color: #3B8CFE;
}
.classify_goodsImg {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: #D9D9D9;
  border-radius: 10px;
}
.classify_goodsText {
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
}
/*
    * @description: 周边商城
    * @author: tonyLee
    * @time: 2020-08-10
*/
.store_cbAdvertising {
  margin: auto;
}
.store_cbAdvertising {
  width: 1200px;
  margin: 0 auto;
  height: 150px;
}
.store_cbSort,
.store_cbClassify {
  width: 1200px;
  margin: 0 auto;
  height: 40px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  line-height: 12px;
}
.store_cbClassify {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.store_cbSort {
  background: #F5F5F5;
  margin-top: 10px;
}
.store_cbcItemTitle {
  width: 120px;
  text-align: center;
  margin-right: 20px;
  color: #949EA3;
}
.store_cbcItemAll {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.store_cbcItemDefault {
  font-weight: bold;
  color: #3B8CFE !important;
}
.store_cbcItem {
  margin-right: 50px;
}
.store_cbcItem:last-child {
  margin-right: 0;
}
.store_cbcItem:hover {
  cursor: pointer;
  color: #3B8CFE;
}
.store_cbSort {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.store_cbsItem {
  width: 120px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.store_cbsiSign {
  margin-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.store_cbsiSign div {
  width: 6px;
  height: 4px;
}
.store_icon_up {
  background: url(../images/icon/icon_store_up.svg) no-repeat;
  background-size: 100%;
}
.store_icon_down {
  background: url(../images/icon/icon_store_down.svg) no-repeat;
  background-size: 100%;
}
.store_icon_up.store_icon_blue {
  background: url(../images/icon/icon_store_up_blue.svg) no-repeat;
  background-size: 100%;
}
.store_icon_down.store_icon_blue {
  background: url(../images/icon/icon_store_down_blue.svg) no-repeat;
  background-size: 100%;
}
.store_cbsItemDefault {
  border-bottom: 2px solid #3B8CFE;
}
.store_cbsItemDefault .store_cbsiName {
  font-weight: bold;
  color: #3B8CFE;
}
.store_cbsiName:hover {
  color: #3B8CFE;
  cursor: pointer;
}
.store_goodsListBox {
  width: 1200px;
  margin: 0 auto;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.store_goodsListBox .store_glbItem {
  width: 224px;
  height: 293px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 20px;
  margin-right: 20px;
  border: 1px solid #E6EAEF;
}
.store_goodsListBox .store_glbItem:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #3B8CFE;
  cursor: pointer;
}
.store_goodsListBox .store_glbItem:nth-child(5n) {
  margin-right: 0px;
}
.store_glbiImg {
  width: 204px;
  height: 204px;
  margin: 10px auto;
  background: #F5F5F5;
}
.store_glbiTitle {
  margin: 10px 15px auto 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 20px;
}
.store_glbiPrice {
  margin: 15px 15px auto 15px;
  font-size: 14px;
  line-height: 14px;
  color: #FF5339;
}
.store_contentBox {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 40px;
}
/*
    * @description: 我的订单
    * @author: tonyLee
    * @time: 2020-08-11
*/
.cF230 {
  color: #F23030;
}
.c {
  color: #030303 !important;
}
.cff6c {
  color: #FF6C00;
}
.c3d4a {
  color: #3D4A5E;
}
.mt20 {
  margin-top: 20px;
}
.mt0 {
  margin-top: 0px;
}
.order_listBox .k_table {
  margin-top: 21px;
  border: 1px solid #E6EAEF;
}
.order_listBox .k_tableListItem {
  border-bottom: none;
  padding: 0px;
  font-size: 12px;
  color: #949EA3;
}
.order_listBox .k_tableListHead {
  font-size: 12px;
  line-height: 12px;
  color: #949EA3;
}
.order_listBox .k_tableListImg {
  width: 70px;
  height: 70px;
}
.order_listBox .order_tliPartOne {
  width: 570px;
  padding: 0px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.order_listBox .order_tliPartTwo {
  width: 228px;
}
.order_listBox .order_tliPartThree {
  width: 200px;
}
.order_tliPartOne {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.order_tliPartTwo,
.order_tliPartThree {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.order_tlhTime {
  margin-right: 20px;
}
.order_tlhNum,
.order_tliptText {
  color: #3D4A5E;
}
.order_tliLine {
  width: 1px;
  height: 110px;
  background: #E6EAEF;
}
.order_tlipoItem {
  width: 230px;
  margin-right: 50px;
}
.order_tlipoItem:last-child {
  margin-right: 0px;
  width: 70px;
}
.order_tlipoiText {
  color: #3D4A5E;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order_tliptPrice {
  margin-top: 10px;
}
.order_tlipoiPrice {
  margin-top: 20px;
}
.order_tlipoNumber {
  width: 50px;
}
.order_tliPartThree .k_linkBlue {
  margin-top: 10px;
}
.order_tliPartThree .btnBox {
  width: 100px;
}
.order_service .user_bbcItemAdd {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.order_service .user_bbcItemAdd .user_bbciNText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.borCe6ea {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
}
.order_commPartOne {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
  padding: 20px 30px;
  height: 120px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.order_cpolTitle {
  color: #FF6C00;
  font-size: 30px;
  line-height: 48px;
  font-weight: bold;
}
.order_cpolContent {
  margin-top: 10px;
  color: #3D4A5E;
  font-size: 14px;
  line-height: 22px;
}
.order_cpoRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.order_cpoRight .btnBox {
  width: 140px;
  margin-right: 20px;
}
.order_commPartTwo {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 20px;
}
.order_cptTitle {
  font-size: 16px;
  line-height: 16px;
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
  padding: 17px 20px;
}
.order_cptcName {
  font-size: 12px;
  line-height: 12px;
  color: #949EA3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.f12c3d4a {
  font-size: 12px;
  line-height: 12px;
  color: #3D4A5E;
}
.order_cptcText {
  font-size: 12px;
  line-height: 12px;
  color: #3D4A5E;
  margin-right: 50px;
}
.order_cptContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 10px 20px 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.order_commPartThree {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
  margin-top: 20px;
}
.order_cptHead {
  background: #F5F5F5;
  padding: 14px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.order_cptHead .order_cptcText {
  margin-right: 20px;
}
.order_cptMiddle {
  margin-top: 10px;
  padding: 0px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.order_cptFoot {
  padding: 0px 20px 20px 20px;
}
.order_cptfNoteBox {
  background: #F5F5F5;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.order_cptfnbLeft {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.order_cptfnbLeft .order_cptcName {
  width: 60px;
  line-height: 20px;
}
.order_cptfnbLeft .order_cptcText {
  width: 440px;
  margin-right: auto;
  line-height: 20px;
}
.order_cptfnbRight {
  width: 300px;
}
.order_cptfnbrItem {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.order_cptfnbrItem:first-child {
  margin-top: 0px;
}
.order_cptfnbrItem:last-child .order_cptcName {
  color: #3D4A5E;
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
}
.order_cptfnbrItem:last-child .order_cptcText {
  color: #FF5339;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
}
.order_cptfnbrItem .order_cptcName {
  width: 48px;
  line-height: 20px;
}
.order_cptfnbrItem .order_cptcText {
  margin-right: 0;
  line-height: 20px;
}
.order_cptcBox {
  position: absolute;
  left: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.order_whBox {
  width: 58px;
  height: 16px;
  margin-right: 5px;
  text-align: center;
}
.f12bgRed {
  font-size: 12px;
  line-height: 16px;
  background: linear-gradient(90deg, #fd352b 0%, #ff0428 100%);
  color: #FFFFFF;
}
.f12bgBlack {
  font-size: 12px;
  line-height: 16px;
  background: linear-gradient(90deg, #31374f 0%, #181b27 100%);
  color: #FFE297;
}
.order_msExclusive,
.order_tgExclusive {
  font-size: 12px;
  line-height: 16px;
  background: linear-gradient(90deg, #fd352b 0%, #ff0428 100%);
  color: #FFFFFF;
}
.order_vipExclusive {
  font-size: 12px;
  line-height: 16px;
  background: linear-gradient(90deg, #31374f 0%, #181b27 100%);
  color: #FFE297;
}
.order_cptfnbrLine {
  width: 100%;
  height: 1px;
  background: #E6EAEF;
  margin: 10px auto;
}
.order_commPartFour {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
  margin-top: 20px;
  padding: 20px 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #F5F5F5;
}
.order_cpfTitle {
  font-size: 14px;
  line-height: 14px;
  color: #FF6C00;
  margin-bottom: 10px;
}
.order_cpfContent {
  font-size: 12px;
  line-height: 22px;
  color: #949EA3;
}
.order_commPartFive {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
  margin-top: 20px;
}
.order_commPartFive .order_cptfnbrLine {
  margin: 0px;
}
.order_commPartFive .user_checkTips {
  width: 126px;
  font-size: 12px;
  line-height: 12px;
  color: #3D4A5E;
}
.order_commPartFive .user_checkTips .k_tipsMidd {
  padding: 6px 10px 6px 30px;
  background-position: 10px 7px;
}
.order_cpfContentBox {
  padding: 0px 20px;
  margin-top: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.order_cpfcbBtn {
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.order_cpfcbCheckCode {
  width: 440px;
  padding-top: 10px;
}
.order_cpfcbCheckCode::after {
  display: block;
  content: "";
  clear: both;
}
.order_cpfcbCheckCode .public_widthFl {
  width: 300px;
}
.order_cpfcbTextArea {
  margin-top: 20px;
  margin-bottom: 10px;
}
.order_cpfcbBox {
  padding: 20px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wh18bgFf6c {
  width: 18px;
  height: 18px;
  background: #FF6C00;
}
.wh18bg3a8c {
  width: 18px;
  height: 18px;
  background: #3A8CFE;
}
.order_cpfcbbItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.order_cpfcbbItem:first-child {
  margin-bottom: 20px;
}
.order_cpfcbbItem:first-child .order_cpfcbbItemLeft .order_cpfcbbilText {
  font-weight: bold;
}
.order_cpfcbbItemLeft {
  width: 625px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.order_cpfcbbilOrange {
  width: 18px;
  height: 18px;
  background: #FF6C00;
  text-align: center;
  color: #FFFFFF;
  margin-right: 10px;
  font-size: 12px;
}
.order_cpfcbbilBlue {
  width: 18px;
  height: 18px;
  background: #3A8CFE;
  margin-left: 28px;
  margin-right: 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
}
.order_cpfcbbItemRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  line-height: 12px;
  color: #949EA3;
}
.order_cpfcbbirTime {
  margin-left: 20px;
}
.order_cpfcbbilText {
  font-size: 12px;
  line-height: 20px;
  color: #3D4A5E;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.order_commPartSix {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
  margin-top: 20px;
}
.order_commPartSix .order_commPartFour {
  margin-top: 30px;
}
.order_cpsHead {
  padding: 17px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.order_cpshTitle {
  font-size: 16px;
  line-height: 16px;
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
  margin-right: 30px;
}
.order_cpshName {
  font-size: 12px;
  line-height: 12px;
  color: #98A2A6;
}
.order_cpshText {
  font-size: 12px;
  line-height: 12px;
  color: #3D4A5E;
  margin-right: 20px;
}
.order_cpsContent {
  position: relative;
  margin-top: 10px;
  padding: 0px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.order_cpscLeft {
  width: 150px;
  margin-left: 120px;
}
.order_cpsclCode {
  width: 150px;
  height: 150px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
}
.order_cpsclFont {
  text-align: center;
  margin-top: 10px;
}
.order_cpscRight {
  margin-right: 30px;
  width: 600px;
  height: 130px;
}
.order_modeBox {
  position: absolute;
  top: 0px;
  left: 20px;
  padding: 0px 19px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #030303;
  color: #030303 !important;
  background: #F5F5F5;
  border-radius: 0px 15px 15px 0px;
}
.order_cpsContentMore {
  padding: 40px 0px 20px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  justify-content: flex-start;
}
.order_cpsContentMore .order_cpscmFont {
  margin-left: 20px;
}
.order_cpsContentMore .order_cpscmBtn {
  margin-left: 20px;
}
.order_cpscmFont {
  font-size: 14px;
  line-height: 30px;
  color: #3D4A5E;
}
.order_cpscmBtn {
  width: 120px;
}
.order_cpsLine {
  width: 960px;
  margin: 29px auto 20px auto;
  height: 1px;
  background: #E6EAEF;
}
.order_commPartSixMore .order_modeBox,
.order_commPartSixMore .order_cpsLine,
.order_commPartSixMore .order_cpsContentMore {
  display: none;
}
.order_cpsContentAdd {
  display: none;
}
.order_commPartSixAdd .order_cpshName,
.order_commPartSixAdd .order_cpshText,
.order_commPartSixAdd .order_cpsLine,
.order_commPartSixAdd .order_cpsContent {
  display: none;
}
.order_commPartSixAdd .order_cpsContentAdd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 10px 20px 20px 20px;
}
.order_commPartSixAdd .order_cpsContentAdd .order_cpscmFont {
  margin-left: 0px;
}
.order_commPartSixAdd .order_commPartFour {
  display: none;
}
.order_commPartSev {
  border: 1px solid #E6EAEF;
  background: #FFFFFF;
}
.order_commPartSev .order_cpsContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.order_kamiItem {
  position: relative;
  width: 470px;
  padding: 47px 20px 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
}
.order_kamiItem:nth-child(n+3) {
  margin-top: 20px;
}
.order_kamiItem .order_kiModeBox {
  position: absolute;
  top: 10px;
  left: 0px;
  height: 22px;
  width: 80px;
  text-align: center;
  color: #3B8CFE !important;
  background: #E7F1FF;
  border-radius: 0px 12px 12px 0px;
  font-size: 12px;
  line-height: 22px;
}
.order_kiItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.order_kiItem:last-child {
  margin-top: 10px;
}
.order_kiiLeft {
  font-size: 12px;
  line-height: 28px;
  width: 24px;
}
.order_kiiMiddle {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #949EA3;
  background: #F5F5F5;
  font-size: 12px;
  line-height: 18px;
}
.order_kiiRight {
  width: 50px;
}
.order_kamiClickShow {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
  background: #F5F5F5;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  color: #3D4A5E;
}
.order_cptcNameAdd {
  line-height: 20px;
}
.order_cptcTextAdd {
  margin-right: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #3D4A5E;
}
.order_kcsFont {
  font-size: 12px;
  line-height: 12px;
  color: #3D4A5E;
}
.order_kcsIcon {
  width: 14px;
  height: 14px;
  background: url(../images/icon/icon_down.svg);
  background-size: 100%;
  margin-left: 10px;
}
.order_rotate {
  transform: rotate(180deg);
}
.order_cancelText {
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  line-height: 14px;
  color: #3D4A5E;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.order_cancelTextItem {
  position: relative;
  width: 270px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.order_cancelTextItem:nth-child(n+3) {
  margin-top: 20px;
}
.order_cancelTextDefault {
  border: 1px solid #3B8CFE;
}
.order_cancelTextDefault span:first-child {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 20px;
  height: 20px;
  background: url(../images/select_right_white_blue.png) no-repeat;
  background-size: 100%;
}
.order_couponsBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.order_couponsItem {
  margin-top: 20px;
  margin-right: 20px;
  width: 235px;
}
.order_couponsItem:nth-child(4n) {
  margin-right: 0px;
}
.order_couponsBoxUp,
.order_couponsBoxDown {
  position: relative;
}
.order_couponsBoxUp {
  width: 100%;
  height: 100px;
}
.order_couponsBoxDown {
  padding: 20px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 116px;
  background: #F5F5F5;
}
.order_cbuImg {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
}
.order_cbdItem {
  position: relative;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: default;
}
.order_cbdItem:first-child {
  margin-top: 0px;
}
.order_cbdName {
  font-size: 12px;
  line-height: 12px;
  color: #949EA3;
}
.order_cbdText {
  width: 157px;
  font-size: 12px;
  line-height: 12px;
  color: #3D4A5E;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order_cbuUp {
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  padding-top: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.order_cbuMiddle {
  font-size: 28px;
  line-height: 28px;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 3px;
  text-align: center;
}
.order_cbuDown {
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  margin-top: 15px;
  text-align: center;
}
.order_couponsItem {
  position: relative;
}
.order_couponOvh {
  position: absolute;
  top: 95px;
  overflow: hidden;
  width: 100%;
  height: 10px;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
.order_coLeft,
.order_coRight {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #FFFFFF;
}
.order_coLeft {
  margin-left: -5px;
}
.order_coRight {
  margin-right: -5px;
}
.order_couponsBoxUp_bgBlue {
  background: #3B8CFE;
}
.order_couponsBoxUp_bgBlue .order_cbuImg {
  background: url(../images/coupon_bg_blue.png) no-repeat;
  background-size: 100%;
}
.order_couponsBoxUp_bgGray {
  background: #D9D9D9;
}
.order_couponsBoxUp_bgGray .order_cbuImg {
  background: url(../images/coupon_bg_gray.png) no-repeat;
  background-size: 100%;
}
.order_cbdIcon {
  width: 12px;
  height: 12px;
  background: url(../images/icon/icon_down.svg) no-repeat;
  background-size: 100%;
}
.order_hoverBox {
  display: none;
}
.order_hoverBox,
.order_hoverBox .order_contentBox {
  position: absolute;
  top: 8px;
  right: 0px;
  border-style: solid;
  border-color: #E6EAEF;
  z-index: 2;
  width: 235px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #e6eaef;
  border-width: 0 1px;
  *left: -2px;
  background: #FFFFFF;
}
.order_hoverBox .order_contentBox {
  font-size: 12px;
  line-height: 20px;
  margin: 0px -11px;
  padding: 10px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #3D4A5E;
}
.order_hoverBox .order_topBoxs {
  position: absolute;
  top: 10px;
  right: 1px;
}
.order_hoverBox .order_topBoxs .order_horn {
  position: absolute;
  top: 10px;
  right: 1px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-left: 6px dotted transparent;
  border-right: 6px dotted transparent;
  border-bottom: 6px solid transparent;
}
.order_hoverBox .order_topBoxs .order_hornOne {
  top: -6px;
  right: -2px;
  border-bottom-color: #E6EAEF;
}
.order_hoverBox .order_topBoxs .order_hornTwo {
  top: -6px;
  right: -2px;
  border-bottom-color: #FFF;
}
.order_cbdItemAdd {
  justify-content: space-between;
}
.order_cbdItemAdd:hover {
  cursor: pointer;
}
.order_cbdItemAdd:hover .order_cbdIcon {
  transform: rotate(180deg);
}
.order_cbdItemAdd:hover .order_hoverBox {
  display: block;
}
.order_cbdItemAdd .order_cbdBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.order_couponsBoxSign {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 10px;
  width: 70px;
  height: 60px;
}
.order_signOverdue .order_couponsBoxSign {
  background: url(../images/coupon_ygq.png) no-repeat;
  background-size: 100%;
  display: block;
}
.order_signOverdue .order_cbdItemAdd:hover {
  cursor: default;
}
.order_signOverdue .order_cbdItemAdd:hover .order_cbdIcon {
  transform: rotate(0deg);
}
.w700 {
  width: 700px;
}
.k_tableListBorder {
  border: 1px solid #E6EAEF;
}
.k_tableListBorder .k_tableListItem {
  border-bottom: none;
}
.hoverBgNone:hover {
  background: none;
}
/* 元宝抽奖 */
.wing_Bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.5);
}
.wing_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
}
.wing_Before {
  position: relative;
}
.wing_After {
  position: relative;
}
.wing_Before .wing_Top {
  width: 100%;
  height: 105px;
}
.wing_After .wing_Top {
  width: 100%;
  height: 90px;
}
.wing_TopBg {
  width: 100%;
  height: 100%;
}
.wing_Close {
  position: absolute;
  top: 0px;
  right: -50px;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
}
.wing_Content {
  background: #FFF8F2;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 30px 0 20px;
}
.wing_Title {
  color: #030303;
  color: #030303 !important;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}
.wing_Title span {
  color: #F23030;
}
.wing_DrawBox {
  margin: 30px auto 0;
  width: 462px;
  overflow: hidden;
}
.wing_Draw {
  width: 140px;
  height: 170px;
  margin-left: 20px;
  float: left;
  background: url(../images/wing_Draw.png);
  background-size: 100%;
  cursor: pointer;
  position: relative;
}
.wing_Draw:first-child {
  margin-left: 0;
}
.wing_Draw.wing_DrawN {
  background: url(../images/wing_DrawN.png);
  background-size: 100%;
  animation: draw 1s;
}
.wing_Draw.wing_DrawM {
  background: url(../images/wing_DrawM.png);
  background-size: 100%;
  animation: draw 1s;
}
.wing_Draw.wing_DrawZ {
  background: url(../images/wing_DrawZ.png);
  background-size: 100%;
  animation: draw 1s;
}
.wing_Draw.wing_DrawZ .select_logo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(../images/wing_select_sign.png);
  background-size: 100%;
}
.wing_Num {
  display: none;
  color: #7D490F;
  font-size: 16px;
  line-height: 22px;
  padding-top: 110px;
  text-align: center;
  width: 110px;
  margin: auto;
}
.wing_RulesBox {
  width: 460px;
  background: #FFF7D5;
  border: 2px solid #FFEAB1;
  border-radius: 10px;
  margin: 45px auto 0 auto;
  position: relative;
  background-size: 100%;
}
.wing_RulesTitle {
  width: 100px;
  height: 30px;
  background: linear-gradient(90deg, #FFB208 0%, #FF873E 100%);
  border-radius: 0 15px 15px 0;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: -15px;
  left: -2px;
}
.wing_Rules {
  overflow-y: auto;
  height: 176px;
  margin-top: 20px;
  padding: 0 15px;
  background-size: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #FF6000;
}
.wing_After .wing_Content {
  padding: 30px 20px;
  text-align: center;
}
.wing_Success {
  color: #030303;
  color: #030303 !important;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.wing_Success span {
  color: #F23030;
}
.wing_font {
  color: #3D4A5E;
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}
.wing_CloseBtn {
  width: 140px;
  height: 34px;
  background: linear-gradient(90deg, #FE6152 0%, #FD3B40 100%);
  border: none;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 34px;
  margin: 30px auto 0;
  display: block;
  outline: none;
}
@keyframes draw {
  from {
    transform: rotateY(-90deg);
  }
  to {
    transform: rotateY(0);
  }
}
/* alert */
.wing_AlertClose {
  color: #FFFFFF;
  background: #3B8CFE;
  float: right;
}
.order_tips {
  padding: 4px 10px;
  margin-right: 10px;
  font-size: 0.2px;
  height: 0.2px;
  line-height: 0.2px;
}
.order_red {
  background: linear-gradient(90deg, #fd352b 0%, #ff0428 100%);
  color: #FFFFFF;
}
.order_black {
  background: linear-gradient(90deg, #31374f 0%, #181b27 100%);
  color: #FFE297;
}
/*
* @description: 缺省页
* @author: hjs
* @time: 2020-08-11
 */
.default_cont {
  width: 1200px;
  margin: 0 auto;
}
.default_404 {
  width: 656px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -328px;
}
.default_404::after {
  display: block;
  content: "";
  clear: both;
}
.default_404L {
  width: 300px;
  float: left;
}
.default_404R {
  width: 305px;
  float: right;
  margin-top: 70px;
}
.default_404Title {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
  color: #030303;
}
.default_404Text {
  color: #949EA3;
  margin-top: 30px;
  margin-bottom: 30px;
}
.default_404Btn::after {
  display: block;
  content: "";
  clear: both;
}
.default_404Btn1 {
  width: 120px;
  float: left;
}
.default_404Btn2 {
  width: 120px;
  float: left;
  margin-left: 20px;
}
.default_search {
  width: 614px;
  margin: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.default_search::after {
  display: block;
  content: "";
  clear: both;
}
.default_goodsL {
  float: left;
  width: 120px;
}
.default_searchR {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  margin-left: 30px;
}
.default_searchP {
  font-size: 16px;
  color: #030303;
  line-height: 24px;
}
.default_searchBtn {
  width: 100px;
  margin-top: 20px;
}
.default_order {
  text-align: center;
  padding-top: 120px;
}
.default_orderImg {
  margin: auto;
  width: 120px;
}
.default_title {
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  margin-top: 20px;
  color: #030303;
}
.default_text {
  color: #949EA3;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-top: 15px;
}
.default_btns {
  width: 220px;
  margin: auto;
  margin-top: 30px;
}
.default_orderBtn {
  width: 100px;
  margin: auto;
}
.default_orderBtn1 {
  float: left;
}
.default_orderBtn2 {
  float: right;
}
/*
* @description: 意见反馈
* @author: hjs
* @time: 2020-08-11
 */
.idea_banner {
  width: 1200px;
  margin: 0 auto;
  height: 150px;
  background: url(../images/feedblack_banner.png) no-repeat;
  background-size: 1200px;
  color: #FFFFFF;
}
.idea_banTitle {
  padding-bottom: 20px;
  font-size: 32px;
  line-height: 32px;
  height: 32px;
  padding: 40px 0 20px 50px;
}
.idea_banText {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  margin-left: 50px;
}
.idea_main {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}
.idea_main::after {
  display: block;
  content: "";
  clear: both;
}
.idea_l {
  width: 880px;
  float: left;
}
.idea_ul {
  color: #3D4A5E;
}
.idea_ul li {
  margin-right: 50px;
}
.idea_r {
  float: right;
}
.idea_rCont {
  width: 280px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 30px 20px;
}
.idea_rBtn2 {
  margin-top: 20px;
}
.idea_last {
  margin-top: 20px;
  color: #3D4A5E;
  padding-bottom: 20px;
  border-bottom: 1px solid #E6EAEF;
}
.idea_last::after {
  display: block;
  content: "";
  clear: both;
}
.feedblack_head {
  float: left;
  width: 30px;
  margin: 20px 20px 0 20px;
}
.idea_text {
  float: left;
  width: 790px;
}
.idea_user {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin-top: 20px;
}
.idea_user span {
  font-size: 12px;
  color: #949EA3;
  margin-left: 10px;
}
.idea_article {
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}
.idea_reply {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 15px 20px;
  background: #F5F5F5;
  margin-top: 20px;
}
.idea_time {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  color: #3B8CFE;
}
.idea_time span {
  font-size: 12px;
  color: #949EA3;
  margin-left: 10px;
}
.idea_replyText {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  margin-top: 10px;
}
.default_pb {
  padding-bottom: 80px;
}
.fill_in {
  border: 1px solid #E6EAEF;
  padding-bottom: 40px;
}
.fill_idea {
  line-height: 50px;
  height: 50px;
  color: #030303;
  text-indent: 20px;
  font-weight: bold;
  font-size: 16px;
}
.fill_cont {
  width: 670px;
  margin-left: 70px;
}
.fill_height {
  height: 152px;
}
.fill_height2 {
  height: 110px;
}
.fill_btn {
  margin-left: 228px;
}
.fill_ul::after {
  display: block;
  content: "";
  clear: both;
}
.fill_li {
  float: left;
  width: 90px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #3D4A5E;
  border: 1px solid #E6EAEF;
  margin-right: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.fill_li:hover {
  border: 1px solid #3B8CFE;
}
.js_fillLi {
  color: #3B8CFE;
  border: 1px solid #3B8CFE;
}
/*
* @description: 搜索结果页
* @author: hjs
* @time: 2020-08-14
 */
.result_main {
  width: 920px;
}
.result_Title {
  height: 50px;
  line-height: 50px;
  color: #030303;
  font-size: 16px;
  font-weight: bold;
}
.result_List {
  margin-top: 10px;
}
.result_List::after {
  display: block;
  content: "";
  clear: both;
}
.result_goods {
  width: 215px;
  height: 279px;
  border: 1px solid #E6EAEF;
  margin-left: 20px;
  margin-bottom: 20px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.result_List .result_goods:nth-child(4n+1) {
  margin-left: 0;
}
.result_cont {
  width: 195px;
  height: 195px;
  margin: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  background: #F5F5F5;
}
.result_goodsImg {
  width: 115px;
  height: 115px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.result_p1 {
  width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto;
  color: #3D4A5E;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.result_goods:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-color: #3B8CFE;
}
.result_goods:hover .result_p1 {
  color: #3B8CFE;
}
.result_goods:hover .result_goodsImg {
  width: 125px;
  height: 125px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.result_p2 {
  margin-left: 15px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  color: #FF5339;
  margin-top: 10px;
  font-weight: bold;
}
.search_page {
  margin: 10px 0 0 0 !important;
}
.search_cont {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.news_box {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.news_right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.news_title {
  color: #030303;
  color: #030303 !important;
  font-size: 16px;
  line-height: 50px;
  font-weight: bold;
}
.news_listBox {
  margin-top: 10px;
}
.news_list {
  padding: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-top: 1px solid #E6EAEF;
  height: 90px;
}
.news_list:hover .news_listTime {
  background: #3B8CFE;
  color: #fff;
}
.news_list:hover .news_listTitle {
  color: #3B8CFE;
}
.news_list:hover .news_listBtn {
  color: #3B8CFE;
  border: 1px solid #3B8CFE;
}
.news_listTime {
  width: 90px;
  height: 100%;
  background: #F5F5F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #C1C5CC;
}
.news_listDay {
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
}
.news_listMonth {
  padding-top: 10px;
  font-size: 12px;
  line-height: 12px;
}
.news_listInf {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  margin-left: 20px;
}
.news_listTitle {
  width: 640px;
  font-size: 16px;
  line-height: 16px;
}
.news_listText {
  width: 640px;
  margin-top: 20px;
  font-size: 12px;
  color: #949EA3;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_listBtn {
  width: 120px;
  height: 34px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  color: #3D4A5E;
}
.news_listHelp:first-child .news_listHelpTitle {
  border: none;
}
.news_listHelp.news_listHelpUnfold .news_listHelpTitle i {
  transform: rotateX(180deg);
}
.news_listHelp.news_listHelpUnfold .news_listHelpUl {
  display: block;
}
.news_listHelpTitle {
  height: 50px;
  color: #030303;
  color: #030303 !important;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  border-top: 1px solid #E6EAEF;
}
.news_listHelpTitle .news_listHelpBlue {
  border-radius: 2px;
  background: #3B8CFE;
  width: 2px;
  height: 16px;
  margin-right: 28px;
}
.news_listHelpTitle .news_listHelpText {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.news_listHelpTitle i {
  width: 14px;
  height: 14px;
  background: url("../images/icon/icon_down.svg") no-repeat;
  background-size: 100%;
  margin-right: 20px;
}
.news_listHelpUl {
  border-top: 1px solid #E6EAEF;
  display: none;
}
.news_listHelpUl li {
  line-height: 40px;
  padding-left: 30px;
  font-size: 12px;
  cursor: pointer;
}
.news_listHelpUl li:hover {
  background: #F5F5F5;
}
.news_listHelpUl li:hover a {
  color: #3D4A5E;
}
.news_listHelpUl .news_listHelpSel a {
  color: #3B8CFE;
}
.news_listHelpUl .news_listHelpSel:hover a {
  color: #3B8CFE;
}
.news_detailBox {
  padding: 40px;
  border: 1px solid #E6EAEF;
}
.news_detailTitleBox {
  padding-bottom: 20px;
  border-bottom: 1px solid #E6EAEF;
  text-align: center;
  margin-bottom: 20px;
}
.news_detailTitle {
  color: #030303;
  color: #030303 !important;
  font-size: 24px;
  line-height: 34px;
}
.news_detailTitleInf {
  color: #949EA3;
  font-size: 12px;
  line-height: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.news_detailTitleInf span {
  margin: 0 10px;
}
.news_detailContent {
  line-height: 24px;
}
.news_detailContent img {
  width: 100%;
  background: #D8D8D8;
  margin: 20px 0;
}
.news_relatedArticleBox {
  margin-top: 20px;
  border: 1px solid #E6EAEF;
  padding: 10px 19px 20px;
}
.news_relatedArticleTitle {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  padding: 8px 0;
}
.news_relatedArticleList::after {
  display: block;
  content: "";
  clear: both;
}
.news_relatedArticleList li {
  width: 280px;
  height: 36px;
  border-radius: 18px 18px 18px 0;
  background: #F5F5F5;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  padding: 12px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.news_relatedArticleList li:nth-child(3n-2) {
  margin-left: 0;
}
.news_relatedArticleList li a {
  color: #3D4A5E;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_relatedArticleList li:hover {
  background: #ECF4FF;
}
.news_relatedArticleList li:hover a {
  color: #3B8CFE;
}
.related_productsBox {
  padding: 10px 20px 20px;
}
.related_products {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
  cursor: pointer;
}
.related_products:first-child {
  margin-top: 0;
}
.related_products:hover .related_productsTitle {
  color: #3B8CFE;
}
.related_productsImg {
  width: 80px;
  height: 80px;
  background: #DBDBDB;
  border-radius: 6px;
}
.related_productsInf {
  margin-left: 10px;
}
.related_productsTitle {
  font-size: 12px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.related_productsPrice {
  padding-top: 10px;
  font-size: 12px;
  line-height: 14px;
  color: #FF5339;
  border-top: 1px dashed #E6EAEF;
  width: 110px;
}
.pay_questionsBox {
  padding: 5px 20px 20px 20px;
}
.pay_questionsBox li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 15px;
}
.pay_questionsBox li:first-child {
  margin-top: 0;
}
.pay_questionsBox li span {
  width: 6px;
  height: 6px;
  background: #3B8CFE;
  margin-right: 10px;
  border-radius: 100%;
}
.pay_questionsBox li a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  color: #3D4A5E;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pay_questionsBox li:hover a {
  color: #3B8CFE;
}
/*
* @description: 首页
* @author: hjs
* @time: 2020-08-17
 */
.home_main {
  width: 100%;
  height: 400px;
  background: url(../images/home_bg.png) top center no-repeat;
  background-size: 100%;
}
.home_cont {
  width: var(--centerA,23rem);
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.home_classify {
  border-radius: 10px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  background: #3B8CFE;
  width: 3.96rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 10px;
}
.home_classify a {
  color: #FFFFFF;
}
.home_slide {
  width: 12.3rem;
  margin-top: 10px;
}
.home_pay {
  border-radius: 10px;
  width: 5rem;
  height: 390px;
  box-shadow: 0px 2px 20px 0px rgba(59, 140, 254, 0.3);
  margin-top: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url(../images/home_paybg.png) no-repeat;
  background-size: 320px;
}
.layui-carousel-arrow {
  width: 24px;
  height: 30px;
  border-radius: 0px 15px 15px 0px;
  background: rgba(0, 0, 0, 0.2);
  line-height: 30px;
  margin-top: -15px;
  font-size: 12px;
}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
  left: 0;
}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
  right: 0;
  border-radius: 15px 0px 0px 15px;
}
.home_slideImg {
  border-radius: 10px;
  width: 100%;
  height: 280px;
}
.layui-carousel-ind ul {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
}
.layui-carousel-ind li {
  width: 10px;
  height: 4px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  margin: 0 5px;
}
.layui-carousel-ind li.layui-this {
  background-color: #fff;
  width: 15px;
}
.layui-carousel-ind {
  top: -14px;
  text-align: right;
  padding-right: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.layui-carousel-ind ul:hover {
  background-color: rgba(0, 0, 0, 0);
}
.home_slideBottom {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.home_slBotBanner {
  border-radius: 10px;
  width: 6.0rem;
  height: 100px;
}
.home_payCont {
  display: none;
}
.home_payUl {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.home_payli {
  width: 100%;
  text-align: center;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  color: #3D4A5E;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #3B8CFE;
  position: relative;
}
.home_payli:hover {
  color: #3B8CFE;
}
.home_payli::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 49px;
  left: 0;
  top: 0;
  background: #E6EAEF;
}
.js_payli {
  color: #3B8CFE;
  font-weight: bold;
  border: 1px solid #3B8CFE;
  border-bottom: none;
}
.js_payli::after {
  display: none;
}
.js_payNextLi::after {
  display: none;
}
.home_payMain {
  width: 100%;
  height: 340px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #3B8CFE;
  border-top: none;
  position: relative;
  background: url(../images/home_paybg.png) no-repeat;
  background-size: 320px;
}
.home_payCenter {
  width: 260px;
  margin: auto;
}
.home_faceUl {
  padding-top: 20px;
}
.home_faceUl::after {
  display: block;
  content: "";
  clear: both;
}
.home_faceValue {
  width: 80px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #3D4A5E;
  border: 1px solid #E6EAEF;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer;
}
.home_faceValue:hover {
  border: 1px solid #3B8CFE;
  color: #3B8CFE;
}
.home_faceValue:nth-child(3n+1) {
  margin-left: 0;
}
.js_faceValue {
  color: #3B8CFE;
  border: 1px solid #3B8CFE;
  background: url(../images/select_right_white_blue.png) rgba(59, 140, 254, 0.1) right bottom no-repeat;
  background-size: 20px;
}
.home_num {
  margin-top: 20px;
}
.k_numSymbol {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
  align-items: center;
}
.home_numBox {
  width: 100%;
}
.home_numInput {
  width: 100%;
  font-size: 14px;
  color: #3D4A5E;
  display: none;
}
.home_numInput::after {
  display: block;
  content: "";
  clear: both;
}
.home_numInputW {
  width: 230px;
  float: left;
}
.home_numInputC {
  text-align: center;
}
.home_unit {
  float: left;
  margin-left: 10px;
  line-height: 40px;
}
.home_Price {
  margin-top: 20px;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
}
.home_Price span {
  font-weight: bold;
  color: #FF5339;
  margin-left: 10px;
  display: inline-block;
}
.home_payBtn {
  margin-top: 20px;
}
.home_payImg {
  border-radius: 10px;
  width: 318px;
  position: absolute;
  bottom: 0;
}
.home_foreUl {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}
.home_foreUl::after {
  display: block;
  content: "";
  clear: both;
}
.home_foreLi {
  width: 232px;
  height: 100px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  float: left;
  margin-left: 10px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.home_foreLi:nth-child(1) {
  margin-left: 0;
}
.home_foreLi:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.home_foreLogo {
  width: 70px;
  height: 70px;
  margin: 15px 20px 0 30px;
  border-radius: 10px;
}
.home_foreR {
  width: 80px;
}
.home_foreTitle {
  margin-top: 25px;
  font-size: 18px;
  line-height: 26px;
  color: #030303;
  height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home_foreText {
  margin-top: 5px;
  color: #949EA3;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home_foreLi1 {
  background: #F1F3FF;
  border: 1px solid #E0E5FF;
}
.home_foreLi2 {
  background: #FFF7F1;
  border: 1px solid #FEEEE0;
}
.home_foreLi3 {
  background: #F5F5F5;
  border: 1px solid #EBEBEB;
}
.home_foreLi4 {
  background: #F0F6FF;
  border: 1px solid #E2EDFF;
}
.home_foreLi5 {
  background: #FFF7F1;
  border: 1px solid #FEEEE0;
}
.home_hotMain {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.hot_contLeft {
  width: 880px;
  height: 200px;
}
.hot_contRImg {
  width: 320px;
  height: 200px;
}
.hot_TitleBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.hot_Title {
  font-size: 20px;
  color: #030303;
  line-height: 20px;
  height: 20px;
}
.hot_Text {
  background: linear-gradient(270deg, #fe703e 0%, #ff992e 88%, #ff9e2c 100%);
  padding: 4px 10px 4px 10px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 12px;
  margin-left: 20px;
  position: relative;
  border-radius: 2px;
}
.hot_Text::after {
  content: "";
  position: absolute;
  left: -12px;
  top: 4px;
  border-style: dashed solid solid dashed;
  border-color: transparent #FF9E2C transparent transparent;
  font-size: 0;
  line-height: 0;
  border-width: 6px;
}
.home_wrap {
  width: 870px;
  height: 180px;
  position: relative;
  overflow: hidden;
}
.home_wrap ul .wrap_ref {
  display: block;
  width: 130px;
  height: 180px;
  float: left;
}
.home_wrap ul {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  _height: 180px;
  height: 180px;
  animation: 25s move infinite linear;
  -webkit-animation: 25s move infinite linear;
}
.home_wrap ul:hover {
  animation-play-state: paused;
  /*动画暂停播放*/
  -webkit-animation-play-state: paused;
  /*动画暂停播放*/
}
@keyframes move {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}
@-webkit-keyframes move {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}
.wrap_li {
  margin-top: 20px;
  width: 120px;
  height: 160px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  color: #3D4A5E;
}
.wrap_li:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.wrap_li:hover span {
  color: #3D4A5E;
}
.wrap_img {
  width: 70px;
  height: 70px;
  margin: auto;
  border-radius: 10px;
  margin-top: 30px;
}
.wrap_p {
  width: 100px;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto;
  margin-top: 15px;
  text-align: center;
  display: block;
}
.wrap_p:hover {
  color: #3B8CFE !important;
}
.home_new {
  width: 300px;
  height: 330px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url(../images/home_newbg.png) no-repeat;
  background-size: 300px;
}
.new_title {
  padding: 20px 0 0 20px;
}
.swiper-container {
  width: 100%;
  height: 280px;
  position: relative;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 288px;
}
.swiper_box {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  width: 80px;
  height: 80px;
  margin-left: 40px;
  position: absolute;
  top: 50px;
}
.swiper-slide-active .swiper_box {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  margin-left: 0;
}
.swiper_img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
}
.swiper-slide-next .swiper_box {
  margin-left: -40px !important;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: '';
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: '';
}
.swiper_btn {
  --swiper-navigation-color: #FFFFFF;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 10px;
  /* 设置按钮大小 */
  width: 24px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0px 15px 15px 0px;
  top: 80px;
  font-family: layui-icon !important;
  color: white;
}
.swiper_btn:hover {
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-next {
  border-radius: 15px 0px 0px 15px;
  right: 0;
}
.swiper_p {
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 12px;
  width: 40px;
  height: 18px;
  line-height: 18px;
  color: #FFFFFF;
  border-radius: 8px 0px 8px 0px;
  background: linear-gradient(270deg, #ff9e2c 0%, #fe703e 100%);
  text-align: center;
  display: none;
  transform: scale(0.66666);
  -webkit-transform: scale(0.66666);
  -moz-transform: scale(0.66666);
  z-index: 10000;
}
.swiper-slide-active .swiper_p {
  display: block;
}
.swiper-slide-active:hover .swiper_p2 {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.swiper_cont {
  position: absolute;
  width: 240px;
  text-align: center;
  top: 170px;
  left: 50%;
  margin-left: -120px;
  z-index: 1000;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  opacity: 0;
}
.swiper-slide-active .swiper_cont {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  opacity: 1;
}
.swiper_cont .swiper_title {
  color: #030303;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  display: block;
}
.swiper_cont .swiper_text {
  color: #949EA3;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.swiper_go {
  width: 100px;
  height: 34px;
  margin: auto;
  margin-top: 15px;
}
.swiper_go a {
  color: #FFFFFF !important;
}
.home_like {
  width: 560px;
  height: 330px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 10px;
}
.like_one {
  width: 170px;
  height: 240px;
  background: #F5F5F5;
  margin: 30px 10px 0 20px;
}
.like_label {
  width: 80px;
  height: 24px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  background: url(../images/home_label.png) no-repeat;
  background-size: 80px;
  margin-bottom: 11px;
}
.like_img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  margin: auto;
}
.like_title {
  width: 140px;
  margin: auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  color: #030303;
  margin-top: 15px;
  display: block;
}
.like_text {
  width: 140px;
  margin: auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  color: #949EA3;
  margin-top: 5px;
}
.like_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.like_cont {
  margin-top: 45px;
  width: 340px;
}
.like_contSon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 10px 0 40px 10px;
  float: left;
}
.like_contLimg {
  width: 70px;
  height: 70px;
  border-radius: 10px;
}
.like_contRdiv {
  margin: 10px 0 0 10px;
  width: 80px;
}
.like_contRdiv .contSon_title {
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  color: #030303;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.contSon_text {
  color: #949EA3;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_main {
  width: 320px;
  margin-left: 10px;
  height: 330px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.news_tab {
  width: 280px;
  margin: auto;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 15px;
}
.news_tab li {
  line-height: 50px;
  height: 50px;
  margin-right: 30px;
}
.news_tab .js_tabLi::after {
  width: 30px;
  left: 50%;
  margin-left: -15px;
}
.news_tab .news_tabMore {
  color: #949EA3;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  display: block;
  width: 40px;
  float: right;
}
.news_iewNewUl {
  margin-bottom: 10px;
}
.home_best {
  width: 870px;
}
.best_ul {
  padding-top: 10px;
}
.best_ul::after {
  display: block;
  content: "";
  clear: both;
}
.best_li {
  width: 166px;
  height: 220px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #E6EAEF;
  margin-left: 10px;
  margin-top: 10px;
  float: left;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.best_ul .best_li:nth-child(5n+1) {
  margin-left: 0;
}
.best_li:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.best_img {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  margin: auto;
  margin-top: 30px;
}
.best_p {
  width: 146px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #3D4A5E;
  margin: auto;
  margin-top: 20px;
  text-align: center;
  display: block;
}
.best_btn {
  width: 100px;
  margin: auto;
  margin-top: 20px;
}
.home_list {
  margin-left: 10px;
}
.home_listMain {
  width: 320px;
  height: 450px;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 20px;
}
.list_ul {
  width: 280px;
  margin: auto;
  margin-top: 20px;
}
.list_li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.list_bg {
  font-size: 14px;
  height: 24px;
  width: 24px;
  line-height: 22px;
  color: #FFFFFF;
  text-align: center;
  background: url(../images/home_listbg2.png) no-repeat;
  background-size: 24px;
  margin-top: 13px;
  margin-right: 10px;
}
.list_bgOne {
  background: url(../images/home_listbg1.png) no-repeat;
  background-size: 24px;
}
.list_div {
  width: 246px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 15px;
  padding-bottom: 14px;
  border-bottom: 1px solid #E6EAEF;
}
.list_divImg {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  margin-right: 10px;
}
.list_contBtn {
  width: 60px;
  margin: 10px 0 0 10px;
}
.list_divCont {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.list_contTitle {
  margin-top: 0;
  width: 156px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.list_contText {
  margin-top: 0;
  height: 20px;
  line-height: 20px;
  color: #949EA3;
  font-size: 12px;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.js_listBgTwo {
  margin-top: 15px;
}
.list_divImg {
  display: none;
}
.list_contBtn {
  display: none;
}
.js_divImg {
  display: block;
}
.js_contBtn {
  display: block;
}
.js_listDivCont {
  display: block;
  width: auto;
}
.js_listDivCont .list_contTitle {
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.js_listDivCont .list_contText {
  margin-top: 5px;
  color: #949EA3;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.hover_nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #3B8CFE;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1000;
  background: #FFFFFF;
  display: none;
  -webkit-animation: searchTop 0.5s ease-in-out;
  animation: searchTop 0.5s ease-in-out;
}
@-webkit-keyframes searchTop {
  0% {
    top: -50px;
  }
  to {
    top: 0;
  }
}
@keyframes searchTop {
  0% {
    top: -50px;
  }
  to {
    top: 0;
  }
}
.kacn_logo2 {
  width: 160px;
  float: left;
}
.hover_navMain {
  height: 70px;
}
.hover_search {
  margin-left: 120px;
  height: 44px;
}
.hover_kf {
  margin-left: 110px;
  margin-bottom: 0;
}
.layui-carousel-arrow:hover,
.layui-carousel-ind ul:hover {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.fixed_cook {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 10px;
  width: 1200px;
  height: 40px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  z-index: 1000;
}
.fixed_cookBtn {
  width: 56px;
  margin-left: 20px;
}
.head_classifySon a::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  visibility: hidden;
  height: 1px;
  color: transparent;
  margin-bottom: -1px;
  overflow: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swiper-slide-active .swiper_box {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    margin-left: -40px;
  }
  .swiper-slide-next .swiper_box {
    margin-left: -60px !important;
  }
  .swiper-slide-prev .swiper_box {
    margin-left: -20px !important;
  }
}
.k_payWayBox {
  width: 1200px;
  margin: 0 auto;
  margin-top: -20px;
}
.k_payWayBox::after {
  display: block;
  content: "";
  clear: both;
}
.k_payWay {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 224px;
  height: 320px;
  background: #fff;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 29px 14px;
}
.k_payWay:nth-child(5n-4) {
  margin-left: 0;
}
.k_payWay:hover {
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
}
.k_payWay img {
  width: 100%;
  height: 50px;
}
.k_payWayTitle {
  color: #030303;
  padding-top: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.k_payWayContent {
  color: #949EA3;
  padding-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
/*
* @description: 卡账单地址
* @author: hjs
* @time: 2021-08-25
 */
.token_main {
  width: 600px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 6px solid #EEEEEE;
  box-sizing: border-box;
  margin: auto;
  padding: 0 20px 30px 20px;
  position: relative;
}
.token_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #E6EAEF;
  box-sizing: border-box;
}
.token_pay {
  width: 350px;
  height: 30px;
  margin-top: 30px;
}
.token_headerL_title {
  height: 26px;
  font-size: 18px;
  font-weight: bold;
  color: #030303;
  line-height: 26px;
  margin-top: 18px;
}
.token_headerL_text {
  height: 18px;
  font-size: 12px;
  color: #949EA3;
  line-height: 18px;
  margin-top: 6px;
  margin-bottom: 22px;
  display: block;
}
.token_redB {
  color: #F23030;
  margin-right: 5px;
}
.token_input {
  padding-bottom: 30px;
  border-bottom: 1px dashed #DDDDDD;
  margin-bottom: 20px;
}
.token_inputLabel {
  display: block;
  width: 264px;
  margin-top: 30px;
  position: relative;
  float: left;
}
.token_inputLabelTitle {
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #3D4A5E;
  line-height: 20px;
  margin-bottom: 10px;
  display: block;
}
.token_inputLabelTitle b {
  color: #F23030;
  margin-right: 5px;
}
.token_hint {
  position: absolute;
  top: 72px;
  left: 0;
}
.token_inputLabelBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.token_InputWidth {
  width: 127px;
}
.token_inputLabelR {
  float: right;
}
.hides {
  display: none !important;
}
.token_ulL {
  float: left;
  width: 240px;
}
.token_bbciSign {
  float: right;
  width: 14px;
  height: 14px;
  margin-top: 13px;
  background: url(../images/icon/icon_why.svg) no-repeat;
  background-size: 100%;
  cursor: pointer;
  position: relative;
}
.token_bbciSign .token_noteTips {
  top: 24px;
  right: -20px;
}
.token_bbciSign:hover .token_noteTips {
  display: block;
}
.token_noteTips {
  position: absolute;
  font-size: 12px;
  width: 200px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: transparent;
  z-index: 100;
  display: none;
}
.token_noteTips .token_ntContent {
  padding: 15px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  text-align: left;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #3D4A5E;
  line-height: 20px;
}
s.token_tips_s {
  top: -16px;
  left: 165px;
  border-width: 8px;
}
i.token_tips_i {
  top: -7px;
  left: -8px;
  border-width: 8px;
}
.token_bill {
  position: relative;
}
.token_new {
  height: 100px;
  background: #FFFFFF;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  margin-bottom: 30px;
  cursor: pointer;
}
.token_add {
  width: 30px;
  height: 30px;
  margin: auto;
  margin-top: 20px;
  cursor: pointer;
}
.token_addText {
  font-size: 14px;
  color: #949EA3;
  line-height: 20px;
  display: block;
  width: 100px;
  margin: auto;
  text-align: center;
  margin-top: 10px;
}
.token_hint2 {
  position: absolute;
  top: 132px;
  left: 0;
}
.token_btn {
  width: 300px;
  margin: auto;
}
.token_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.token_newSite {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  cursor: pointer;
}
.token_haveSite {
  max-height: 160px;
  overflow: auto;
  overflow-x: hidden;
  word-wrap: break-word;
  word-break: normal;
}
.js_token_liListHide {
  display: none;
}
.token_haveList {
  display: block;
  border: 1px solid #E6EAEF;
  width: 100%;
  padding: 9px 19px;
  box-sizing: border-box;
}
.token_liList {
  margin-top: 10px;
}
.token_liList:first-child {
  margin-top: 0;
}
.js_haveList {
  background: rgba(59, 140, 254, 0.1);
}
.token_haveListRadio {
  float: left;
}
.token_radioText {
  color: #3D4A5E;
  font-size: 12px;
  cursor: pointer;
  float: left;
  width: 475px;
}
.token_radioText span {
  line-height: 20px;
  height: 20px;
  margin-right: 10px;
  word-wrap: break-word;
  word-break: normal;
}
.token_zipCode {
  color: #949EA3;
}
.token_down {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  color: #949EA3;
  height: 20px;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.token_downText {
  font-size: 12px;
  color: #949EA3;
  line-height: 20px;
}
.token_iconDown {
  width: 14px;
  height: 14px;
  margin-left: 5px;
}
.tokenWarning {
  position: absolute;
  top: -7px;
  left: 0;
}
.newToken_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 998;
}
.newToken_main {
  width: 600px;
  height: 610px;
  background: white;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -255px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.newToken_header {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #E6EAEF;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.newToken_headerTitle {
  font-size: 16px;
  color: #030303;
}
.newToken_headerIcon {
  width: 12px;
  height: 12px;
  margin-top: 22px;
}
.newToken_content {
  padding: 0 20px 30px 20px;
}
.newToken_inputLabel {
  width: 100%;
}
.newToken_inputLabelTitle {
  font-weight: normal;
  margin-bottom: 0;
}
.newToken_input {
  width: 275px;
  float: left;
  margin-top: 10px;
  position: relative;
}
.newToken_inputLabelBox {
  float: right;
  width: 275px;
  margin-top: 10px;
}
.token_disabled input {
  background: #F5F5F5;
  border: 1px solid #E6EAEF !important;
}
.token_disabled input:hover {
  border: 1px solid #E6EAEF !important;
}
.token_disabled .layui-input {
  border: 1px solid #E6EAEF !important;
}
.newToken_hint {
  top: 122px;
}
.newToken_textarea {
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 20px;
  resize: none;
  display: block;
}
.newToken_hint2 {
  top: 92px;
}
.newToken_inputLabelLeft {
  width: 270px;
  float: left;
}
.newToken_inputLabelRight {
  width: 270px;
  float: right;
}
.newToken_ulTop {
  margin-top: 10px;
}
.newToken_footer {
  border-top: 1px solid #E6EAEF;
  height: 54px;
  box-sizing: border-box;
  padding: 10px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.newToken_footerCheck {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  margin-top: 7px;
}
.newToken_footerCheck .ichekcbox.checked {
  width: 16px;
  height: 16px;
  margin-top: 1px;
}
.newToken_footerCheck .ichekcbox {
  width: 16px;
  height: 16px;
  margin-top: 1px;
}
.token_checkText {
  font-size: 14px;
  color: #3D4A5E;
  line-height: 20px;
  height: 20px;
  margin-left: 10px;
  cursor: pointer;
}
.newToken_footerBtn {
  width: 260px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.newToken_footerBtnW {
  width: 120px;
}
.newToken_select {
  position: absolute;
  top: 42px;
  left: 0;
  width: 560px;
  height: 260px;
  background: white;
  z-index: 999;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  display: none;
}
.newToken_ulTab {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #E6EAEF;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}
.newToken_liTab {
  margin-left: 20px;
  line-height: 50px;
  font-size: 14px;
  color: #3D4A5E;
  cursor: pointer;
  position: relative;
}
.js_newToken_liTab {
  color: #3B8CFE;
}
.js_newToken_liTab::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  width: 20px;
  height: 2px;
  background-color: #3B8CFE;
}
.newToken_TabBox {
  max-height: 210px;
  background: white;
  overflow: auto;
  display: none;
}
/* 定义轨道 */
.newToken_scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 160px;
}
/* 定义滑块 */
.newToken_scrollbar::-webkit-scrollbar-thumb {
  width: 4px;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.newToken_scrollbar {
  scrollbar-color: rgba(0, 0, 0, 0.2) white;
  scrollbar-width: thin;
}
.newToken_TabBoxLi {
  width: 255px;
  height: 40px;
  font-size: 14px;
  color: #3D4A5E;
  cursor: pointer;
  margin-right: 10px;
}
.newToken_TabBoxTop {
  padding-top: 20px;
  margin-left: 20px;
}
.newToken_TabBoxLeft {
  margin-left: 20px;
  padding-top: 10px;
}
.newToken_TabBoxLeft .newToken_TabBoxLi {
  float: left;
}
.newToken_liTab:hover {
  color: #3B8CFE;
}
.newToken_countryTitle {
  width: 40px;
  height: 20px;
  background: #F5F5F5;
  border-radius: 0px 10px 10px 0px;
  color: #3D4A5E;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-indent: 20px;
}
.newToken_countryBox {
  padding-top: 10px;
}
.token_searchCountry {
  position: absolute;
  top: 42px;
  left: 0;
  width: 560px;
  max-height: 200px;
  overflow: auto;
  background: white;
  z-index: 999;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  min-height: 40px;
  display: none;
}
.searchCountry_li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-indent: 20px;
}
.searchCountry_li a {
  color: #3D4A5E;
}
.searchCountry_li:hover {
  background: #F5F5F5;
}
.token_loadingBox {
  height: 100px;
  text-align: center;
  padding-top: 20px;
  box-sizing: border-box;
}
.token_loadingBox img {
  width: 30px;
  height: 30px;
  display: block;
  margin: auto;
  animation: rotation 1s linear infinite;
  -moz-animation: rotation 1s linear infinite;
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.token_loadingBox p {
  font-size: 14px;
  color: #3D4A5E;
  line-height: 20px;
  margin-top: 10px;
}
.sorry_text {
  text-indent: 20px;
  font-size: 14px;
  color: #3D4A5E;
  line-height: 40px;
}
.newToken_box {
  display: none;
}
.noToken_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  height: 60px;
  list-style: 60px;
  border-bottom: 1px solid #E6EAEF;
}
.noToken_headL {
  font-size: 18px;
  font-weight: bold;
  color: #030303;
  line-height: 60px;
}
.noToken_headR {
  font-size: 14px;
  font-weight: bold;
  line-height: 60px;
}
.noToken_listRadio {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  height: 50px;
  border-bottom: 1px solid #E6EAEF;
}
.noToken_listCont {
  width: 100%;
  background: #F5F5F5;
  display: none;
}
.js_noToken_listRadio {
  background: rgba(59, 140, 254, 0.1);
}
.js_noToken_listRadio .noToken_listCont {
  display: block;
}
.js_noToken_listRadio .noToken_listDelete {
  display: block;
}
.noToken_listLabel {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
  width: 500px;
}
.noToken_listP {
  padding: 15px 10px;
}
.noToken_listSp1 {
  font-size: 14px;
  font-weight: bold;
  color: #3D4A5E;
  margin-right: 20px;
}
.noToken_listSp2 {
  font-size: 14px;
  color: #3D4A5E;
}
.noToken_listDelete {
  font-size: 14px;
  margin-top: 15px;
  margin-right: 15px;
  display: none;
}
.token_haveListRadio {
  margin-top: -1px;
  margin-right: 10px;
}
.token_haveListRadio .iradio {
  width: 16px;
  height: 16px;
}
.token_haveListRadio .iradio.checked {
  width: 16px;
  height: 16px;
}
.noToken_listInput {
  padding-top: 12px;
  margin-left: 15px;
}
.noToken_listInput .iradio {
  width: 16px;
  height: 16px;
}
.noToken_listInput .iradio.checked {
  width: 16px;
  height: 16px;
}
.noToken_listCode {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  padding-top: 40px;
  margin-left: 20px;
  line-height: 40px;
  padding-bottom: 40px;
}
.noToken_listCodeSp1 {
  font-weight: bold;
  color: #3D4A5E;
  font-size: 14px;
  margin-right: 10px;
}
.noToken_listCodeSp1 b {
  color: #F23030;
  margin-right: 5px;
}
.noToken_listCodeSp2 {
  color: #949EA3;
  font-size: 12px;
}
.noToken_listUl {
  padding-bottom: 30px;
}
.noToken_listUlInput {
  width: 150px;
  position: relative;
  padding-right: 10px;
}
.tokenWidth {
  width: 150px;
}
.noToken_hint {
  top: 45px;
}
.noToken_cun {
  border-top: 1px dashed #DDDDDD;
  box-sizing: border-box;
  padding: 20px;
}
.noToken_cunRadio {
  background: white;
  border: none;
  margin-top: 10px;
  padding: 10px;
}
.noToken_cunRadio .token_radioText {
  width: 399px;
}
.nOToken_alter {
  font-size: 12px;
  margin-left: 15px;
}
.js_err_bor {
  border: 1px solid #FF6C00 !important;
}
.loadingBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99;
}
.loadingBg_img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loadingBg_img img {
  width: 60px;
  height: 60px;
  animation: rotation 1s linear infinite;
  -moz-animation: rotation 1s linear infinite;
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
}
.clickDisable {
  cursor: not-allowed !important;
  color: #C1C5CC !important;
  background: #F5F5F5 !important;
}
.token_card {
  height: 100px;
  background: #FFFFFF;
  border: 1px solid #E6EAEF;
  box-sizing: border-box;
  cursor: pointer;
}
.token_tips {
  display: inline-block;
  margin-top: 2px;
}
.newToken_inputLabelBox .layui-input {
  padding-right: 34px !important;
}
.bill_cardBox {
  width: 100%;
  margin-top: 30px;
  position: relative;
}
.bill_hint {
  position: absolute;
  left: 0px;
  top: 92px;
}
.bill_card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.bill_cardList {
  position: relative;
  width: 84px;
  height: 60px;
  border: 1px solid #E6EAEF;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.bill_cardList:last-child {
  margin-right: 0;
}
.bill_cardImg {
  width: 100%;
}
.bill_cardList:hover {
  border-color: #3B8CFE;
}
.bill_cardAct {
  border-color: #3B8CFE;
  background: url(../images/icon/icon_pay_check.svg) no-repeat bottom right;
  background-size: 20px;
}
.token_alpTips {
  font-size: 12px;
  color: #949EA3;
  font-weight: normal;
}
.token_alpLock {
  background: url(../images/icon/lock.svg) no-repeat center center;
  background-size: 16px 18px;
  width: 16px;
  height: 18px;
}
.token_alpAq {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.token_alpImg {
  background: url(../images/icon/icon_aq_w.svg) no-repeat center center;
  background-size: 16px 18px;
  display: block;
  width: 16px;
  height: 18px;
  margin-right: 10px;
}
.btn_disable .token_alpImg {
  background: url(../images/icon/icon_aq.svg) no-repeat center center;
  background-size: 16px 18px;
  display: block;
  width: 16px;
  height: 18px;
  margin-right: 10px;
}
.token_alpFy {
  float: right;
  background: url(../images/icon/icon_fy.svg) no-repeat left center;
  background-size: 14px 12px;
}
.token_alpFy a {
  font-size: 13px;
  color: #3B8CFE;
  padding-left: 18px;
  line-height: 20px;
}
.token_alpFy a:hover {
  text-decoration: underline;
}
/*
* @description: 手游专题
* @author: Muzg
* @time: 2022-03-09
 */
.game_body {
  background: #f5f5f5;
}
.game_body .head_top {
  background: #fff;
}
.game_box {
  background: #fff;
  width: 1200px;
  margin: 20px auto 0px auto;
  padding: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*手游页面 by:Muzg time:2022/03/07*/
.game_banner {
  width: 1200px;
  margin: 20px auto 0px auto;
}
.game_bannerImg {
  width: 100%;
}
.game_banner .swiper-container {
  height: auto;
}
.game_banner .swiper-button-next {
  width: 24px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 15px 0px 0px 15px;
}
.game_banner .swiper-button-prev {
  width: 24px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0px 15px 15px 0px;
}
.game_banner .swiper-button-next:hover,
.game_banner .swiper-button-prev:hover {
  background: rgba(0, 0, 0, 0.5);
}
.game_banner .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0px;
}
.game_banner .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0px;
}
.game_banner .swiper-button-next:after,
.game_banner .swiper-button-prev:after {
  font-size: 9px;
  font-weight: bold;
  color: #fff;
}
.game_banner .swiper-button-next,
.game_banner .swiper-button-prev {
  top: 55%;
}
.game_banner .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.4);
  width: 10px;
  height: 4px;
}
.game_banner .swiper-pagination-bullet-active {
  background: #ffffff;
  width: 15px;
  height: 4px;
}
.game_banner .swiper-pagination-bullet {
  border-radius: 1.5px;
}
.game_banner .swiper-button-next:after,
.game_banner .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.game_banner .swiper-button-prev:after,
.game_banner .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.game_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.game_left {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #030303;
}
.game_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.game_rightIpt {
  height: 36px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  border: 1px solid #3B8CFE;
  box-sizing: border-box;
}
.game_rightIpt input {
  width: 100%;
  border: none;
  height: 34px;
  line-height: 34px;
  outline: none;
  padding: 0 10px;
  font-size: 14px;
  color: #3D4A5E;
}
.game_rightBtn {
  width: 60px;
  height: 36px;
}
.game_rightBtn button {
  width: 100%;
  height: 36px;
  background: #3B8CFE;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  border: none;
  outline: none;
}
.game_filter {
  border: 1px solid #E6EAEF;
  width: 1140px;
  margin: 20px auto 0px auto;
  font-size: 14PX;
  box-sizing: border-box;
}
.game_dl {
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.game_dt {
  width: 116px;
  text-align: center;
  color: #949EA3;
}
.game_dd {
  min-width: 20px;
  height: 20px;
  color: #3D4A5E;
  font-size: 15px;
  margin-right: 15px;
  padding: 0 5px;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.game_act {
  background: #3B8CFE;
  color: #fff;
}
.game_scroll {
  max-height: 315px;
  overflow-x: hidden !important;
  overflow-y: auto;
  width: 1141px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.game_main {
  padding-bottom: 5px;
  border-bottom: 1px solid #E6EAEF;
  margin-top: 20px;
}
.game_list {
  width: 148px;
  height: 163px;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 15px;
  background: #FFFFFF;
  border-radius: 15px 15px 0px 15px;
  border: 1px solid #E6EAEF;
}
.game_list:nth-of-type(7n) {
  margin-right: 0px;
}
.game_img {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  margin: 25px 40px 15px 40px;
}
.game_text {
  color: #3D4A5E;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  white-space: nowrap;
}
.game_cz .landing_sp_logo {
  width: 70px;
  height: 70px;
}
.game_cz .landing_cz_right_btn {
  width: 200px;
  height: 60px;
}
.game_null {
  border: 1px solid #E6EAEF;
  width: 100%;
  margin: 20px auto 0 auto;
  height: 300px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.game_null .default_search {
  padding: 90px 0;
}
.game_name {
  font-size: 16px;
  color: #030303;
  height: 16px;
  line-height: 16px;
  margin-top: 20px;
  padding-bottom: 8px;
}
.game_case {
  padding-bottom: 20px;
  border-bottom: 1px solid #E6EAEF;
}
.game_ulFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.game_view {
  position: relative;
  margin-top: 12px;
  width: 150px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: 1px solid #E6EAEF;
  margin-right: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.game_view:nth-of-type(7n) {
  margin-right: 0;
}
.game_tips {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: #FF6C00;
  margin-top: 10px;
}
.game_sup {
  position: absolute;
  left: -1px;
  top: -10px;
  font-size: 12px;
  width: 86px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background: linear-gradient(134deg, #6300CB 0%, #E600FF 100%);
  border-radius: 0px 100px 100px 0px;
}
.game_total {
  border: 1px solid #E6EAEF;
  padding: 15px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.game_tLeft {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.game_tImg {
  width: 70px;
  height: 70px;
  border-radius: 10px;
}
.game_tNmae {
  margin-left: 10px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  line-height: 24px;
  color: #3D4A5E;
}
.game_flexBox {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.game_flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.game_tCenter {
  margin-left: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  color: #3D4A5E;
}
.game_tCenter .k_numBox {
  margin-left: 10px;
}
.game_tRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: right;
}
.game_btn {
  width: 200px;
  height: 60px;
  line-height: 60px;
  background: #3B8CFE;
  color: #fff;
  font-size: 20px;
}
.game_tText {
  font-size: 14px;
  margin-right: 10px;
}
.game_tName {
  font-weight: bold;
  margin-bottom: 10px;
}
.game_tName span {
  font-size: 20px;
  color: #FF5339;
}
.game_tPrice {
  color: #949EA3;
  text-decoration: line-through;
}
.game_active {
  border-color: #3B8CFE;
  background: rgba(59, 140, 254, 0.05) url(../images/landing_19.png) bottom right no-repeat;
  background-size: 30px;
}
.game_adv {
  background: #fff;
  width: 1200px;
  margin: 20px auto 0 auto;
  padding: 40px 26px 12px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.game_advTitle {
  text-align: center;
  font-size: 20px;
  color: #030303;
  margin-bottom: 30px;
}
.game_advBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.game_advList {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-left: 10px;
}
.game_advImg {
  width: 134px;
  height: 134px;
  margin-right: 4px;
}
.game_advUl {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
}
.game_advName {
  margin-top: 12px;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  color: #3D4A5E;
  margin-bottom: 20px;
}
.game_advLine {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #3B8CFE;
  width: 39px;
  height: 3px;
  margin-bottom: 12px;
}
.game_advBg {
  background: #F23030;
  width: 21px;
  height: 3px;
}
.game_advText {
  font-size: 12px;
  line-height: 16px;
  color: #949EA3;
}
.game_advPay {
  width: 1030px;
  margin: 0px auto 40px auto;
}
.game_advPayImg {
  width: 100%;
}
.content .panel-3 .pannel-3-box {
   // width: var(--centerA,23rem);
    margin: 0 15px;
    margin-top: 16px;
}
.content .panel-3 .title {
    display: block;
    text-align: center;
  //  width: 60px;
  //  height:14.4px;
    line-height: 14.4px;
    color: #333;
    font-size: 28px;
    font-weight: 700;
    margin: 0 auto;
    margin-bottom: 14px;
}
.content .panel-3 .title .el-image {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
}
.content .panel-3 .recommend {
    width: 100%;
    height: 122px;
    background: #fff;
    box-shadow: 0 0 10px hsl(0deg 0% 87% / 50%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.content .panel-3 .recommend .recommend-item .recommend-title-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 12px;
}
.content .panel-3 .recommend .recommend-item .recommend-title-box .recommend-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    height: .7rem;
    font-family: Microsoft YaHei;
    font-weight: 500;
    line-height: 24px;
    color: #444;
    text-align: center;
    margin-bottom: 10px;
}
.content .panel-3 .recommend .recommend-item .active .recommend-title{
    height: 40px;
    background: linear-gradient(
180deg,#35c3ff,#1890ff);
    opacity: 1;
    border-radius: 20px;
    color: #fff;
}
.content .panel-3 .recommend .recommend-item .recommend-title-box .recommend-title span {
    font-size: 22px;
    font-weight: 700;
}
.content .panel-3 .recommend .recommend-item .recommend-title-box .recommend-des {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999;
}
.content .panel-3 .recommend .recommend-item .active .recommend-des {
    color: #35c3ff;
}
.content .panel-3 .recommend-content {
    display: grid;
    margin: 20px 0;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: repeat(5,calc(1160px/5.2));
    grid-template-rows: repeat(auto-fill,auto);
    gap: 20px 0;
}
.content .panel-3 .recommend-content .recommend-content-item {
    background-color: #fff;
    height: 240px;
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .1s;
}
.content .panel-3 .recommend-content .recommend-content-item .el-image {
    height: 70%;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}