@charset "utf-8";
/*
* @description:
* @author:
* @time:
 */
input::-ms-clear {
  display: none;
}
input::-ms-reveal {
  display: none;
}
/*清除记录密码背景*/
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
body {
  font-size: 14px;
  font-family: "Microsoft YaHei", "PingFangSC-Regular,PingFang SC";
}
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 {
  outline: none;
  -moz-outline: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
input:-moz-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
input::-moz-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
input:-ms-input-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
input::-webkit-input-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
textarea:-moz-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
textarea::-moz-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
textarea:-ms-input-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
textarea::-webkit-input-placeholder {
  color: #8C8C8C;
  font-size: 14px;
}
input,
textarea {
  font-size: 14px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  font-family: "Microsoft YaHei", "PingFangSC-Regular,PingFang SC";
}
textarea {
  resize: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none;
}
.hand,
button {
  cursor: pointer;
}
.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;
}
.hide_important {
  display: none !important;
}
.eps {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boxs {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pe {
  pointer-events: none;
}
.disable {
  pointer-events: none;
  opacity: 0.5;
}
.del_line {
  text-decoration: line-through;
  color: #8C8C8C;
}
.oh::after {
  display: block;
  content: "";
  clear: both;
}
.ptr {
  position: relative;
}
.pta {
  position: absolute;
}
.ptf {
  position: fixed;
}
.img {
  width: 100%;
}
.req::before {
  content: "*";
  color: #F4530C;
  margin-right: 5px;
}
/*  弹性布局  */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex_item {
  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_t {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.flex_b {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
}
.flex_l {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}
.flex_c {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.flex_r {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}
.flex_j {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.flex_w {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.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%);
}
.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%);
}
.animate3 {
  -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;
}
.w12 {
  max-width: 1200px;
  width: 100%;
}
.page {
  padding: 40px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*主题颜色*/
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active,
.title_line,
.search_btn,
.head_login,
.bar_pay,
.ui_goPay,
.ck_btn,
.rs_btnBg,
.uo_btn,
.uo_copy,
.ue_btn,
.lr_btn,
.sort_menued {
  background: linear-gradient(90deg, #F4770B 0%, #F4530C 100%);
  color: #fff;
}
.bar_ask:hover {
  background: url(../imgs/ask_pur.svg) no-repeat center;
}
.bar_rLi:hover .bar_top {
  background: url(../imgs/bar_top_pur.svg) no-repeat center 6px;
}
.pro_active {
  box-shadow: 0px 1px 6px 1px rgba(244, 103, 11, 0.5);
  background-image: url(../imgs/checked.svg) !important;
  background-position: 14px center;
  background-repeat: no-repeat;
  border: 2px solid #FF7606 !important;
}
.pro_type,
.o_green {
  color: #199B3B;
}
.pro_btn {
  width: 290px;
  height: 44px;
  margin: 0 auto;
  background: url(../imgs/pro_btn.png) no-repeat center;
  background-size: 290px 44px;
}
.n_caseLink::before {
  background: #FF7606;
}
.ui_pay {
  color: #F4670B;
  background: url(../imgs/right_orange.svg) no-repeat center right;
  background-size: 12px;
}
.bar_num {
  background: #E02020;
}
.ui_total {
  color: #F41C1C;
}
.u_tabed {
  position: relative;
  color: #F4670B !important;
}
.u_tabed::before {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 40px;
  content: "";
  border-bottom: 1px solid #F4670B;
  z-index: 100;
}
.uc_coup {
  color: #F4670B;
}
.us_btn {
  border: 1px solid #F4670B;
  color: #F4670B;
}
.o_red {
  color: #F2281B;
}
.us_yes .us_btn {
  background: #F4670B;
  color: #fff;
}
.page .layui-laypage {
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.page .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: linear-gradient(90deg, #F4770B 0%, #F4530C 100%);
}
.page .layui-laypage a:hover {
  color: #F4530C;
}
.page .layui-laypage a,
.page .layui-laypage button,
.page .layui-laypage input,
.page .layui-laypage select,
.page .layui-laypage span {
  border: none;
}
/*通知提醒*/
.k_popup {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 15px;
}
.k_popup .layui-layer-title {
  background: #fff;
  height: 50px;
  line-height: 50px;
  border-radius: 15px 15px 0 0;
  border-bottom: none;
}
.k_popup .layui-layer-setwin {
  right: 0px;
  top: 0px;
}
.k_popup .layui-layer-ico {
  background: url('../imgs/close_gray.svg') no-repeat;
  background-size: 12px;
}
.k_popup .layui-layer-ico {
  width: 50px;
  height: 50px;
}
.k_popup .layui-layer-setwin .layui-layer-close1:hover {
  opacity: 1;
  background: url('../imgs/close_black.svg') no-repeat;
  background-position: center center;
  background-size: 12px;
}
.k_popup .layui-layer-setwin .layui-layer-close1 {
  background-position: center center;
}
.k_popup .layui-layer-content {
  text-align: center;
  color: #262626;
}
.k_popup .k_popupBox {
  padding: 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_popup .k_popupIcon {
  width: 50px;
  height: 50px;
  margin: 0px auto 20px auto;
}
.k_popup .k_popupTitle {
  font-size: 22px;
  line-height: 34px;
  color: #262626;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}
.k_popup .k_popupText {
  line-height: 26px;
  margin-bottom: 30px;
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_popup .layui-layer-btn {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 0 30px 30px 30px;
  padding-top: 0 !important;
}
.k_popup .layui-layer-btn [class^="layui-layer-btn"] {
  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;
  line-height: 40px;
  height: 40px;
  border-radius: 20px;
}
.k_popup .layui-layer-btn a:first-child {
  margin-left: 0;
  background: #fff;
  color: #F4530C;
  border-color: #F4530C;
  border-style: solid;
  border-width: 1px;
}
.k_popup .layui-layer-btn a:last-child {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: linear-gradient(90deg, #F4770B 0%, #F4530C 100%);
  color: #fff;
}
/*弱提示*/
.layui-layer-msg.tost {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  border: none;
  min-width: 100px;
  z-index: 19891029;
  text-align: center;
}
.layui-layer-msg.tost .layui-layer-content {
  font-size: 14px !important;
  color: #fff;
  padding: 5px 20px;
}
.null_box {
  text-align: center;
  padding: 80px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.null_img {
  width: 274px;
  margin: 50px auto 0 auto;
}
.null_title {
  margin-top: 20px;
  color: #fff;
}
.null_text {
  margin-top: 8px;
  color: #8C8C8C;
}
.null_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.null_btn {
  margin: 0 10px;
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  .k_popup {
    width: 90% !important;
  }
  .k_popup .layui-layer-btn {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 0 30px 30px 30px;
    padding-top: 0 !important;
  }
  .crumbs_box {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .crumbs_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    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;
    line-height: 50px;
    height: 50px;
  }
  .crumbs_link {
    position: relative;
    margin-right: 5px;
  }
  .crumbs_link::after {
    content: '>';
    margin-left: 5px;
  }
}
.search_input {
  color: #262626;
}
/*
* @description:
* @author:
* @time:
 */
/*头部*/
.head_main {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 8px 0;
  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;
}
.head_logo {
  margin-right: 20px;
  height: 60px;
}
.head_money,
.head_language {
  position: relative;
  margin-right: 20px;
  width: 120px;
  border-radius: 8px;
  padding: 14px 14px 14px 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.money_box,
.language_box {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  cursor: pointer;
  padding-right: 24px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.money_text {
  /*.flex_num;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.money_img {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-right: 6px;
}
.money_case,
.language_case {
  position: absolute;
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  overflow: hidden;
  top: 50px;
  display: none;
  width: 100%;
  left: 0;
  z-index: 10000;
}
.money_list,
.language_list {
  width: 120px;
  line-height: 46px;
  height: 46px;
  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 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.head_search {
  border-radius: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 20px;
  height: 46px;
  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;
}
.search_input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  line-height: 46px;
  height: 46px;
  padding-left: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.search_btn {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  justify-content: center;
  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;
}
.search_img {
  width: 24px;
  height: 24px;
}
.head_ask {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  margin-right: 20px;
  cursor: pointer;
}
.head_login {
  width: 120px;
  line-height: 46px;
  height: 46px;
  border-radius: 8px;
  margin-right: 20px;
  text-align: center;
}
.head_tx {
  width: 46px;
  height: 46px;
  margin-right: 20px;
}
.head_img {
  width: 100%;
  border-radius: 46px;
}
.head_theme {
  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: 102px;
}
.theme_light,
.theme_dark {
  width: 20px;
  height: 20px;
}
.theme_bg {
  position: relative;
  width: 46px;
  height: 26px;
  margin: 0 6px;
  border-radius: 46px;
}
.theme_circle {
  position: absolute;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
}
.head_menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
/* 导航 */
.menu_main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.menu_list {
  line-height: 42px;
  height: 42px;
  font-weight: bold;
}
/* 轮播图 */
#banner {
  position: relative;
  margin: 0 auto 45px auto;
  width: 100%;
  max-width: 1200px;
}
#banner .swiper-slide img {
  margin: 0 auto;
  width: 100%;
}
#banner .swiper-pagination {
  width: 100%;
  bottom: 6px;
}
#banner .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  background: #d5d5d5;
  width: 10px;
  height: 5px;
  opacity: 1;
  border-radius: 3px;
  opacity: 0.8;
}
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 20px;
  height: 5px;
  background: #F4530C;
  opacity: 1;
}
/* 12商品图 */
.hot_boxClu {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 50px auto;
  height: 50px;
}
.hot_boxClu .swiper-container {
  width: 100%;
  overflow: hidden;
}
.hot_boxClu .swiper-slide {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.hot_boxClu .swiper-img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  margin: 0 auto;
}
.hot_boxClu .swiper-button-next,
.hot_boxClu .swiper-button-prev {
  color: #B5B5B5;
}
.hot_boxClu .swiper-button-prev,
.hot_boxClu .swiper-rtl .swiper-button-next {
  left: 0px;
}
.hot_boxClu .swiper-button-next,
.hot_boxClu .swiper-rtl .swiper-button-prev {
  right: 0px;
}
.hot_boxClu .swiper-button-next:after,
.hot_boxClu .swiper-button-prev:after {
  font-size: 20px;
}
/* 悬浮导航 */
.bar_box {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 32px;
  z-index: 100;
}
.bar_pay {
  cursor: pointer;
  position: relative;
  width: 60px;
  line-height: 60px;
  height: 60px;
  border-radius: 8px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
}
.bar_num {
  position: absolute;
  top: -10px;
  right: -10px;
  min-width: 20px;
  height: 20px;
  line-height: 18px;
  height: 18px;
  text-align: center;
  border-radius: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0px 2px;
  font-weight: normal;
}
.bar_rUl {
  position: relative;
  width: 60px;
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}
.bar_rLi {
  width: 100%;
  min-height: 60px;
  cursor: pointer;
}
.bar_link {
  width: 100%;
  display: block;
  min-height: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-top: 34px;
  text-align: center;
}
.bar_rLi:nth-child(1) {
  border-radius: 8px 8px 0px 0px;
}
.bar_rLi:last-child {
  border-radius: 0px 0px 8px 8px;
}
/*首页、商品详情*/
.title_box {
  justify-content: space-between;
  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;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 30px auto;
  height: 38px;
}
.title_main {
  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;
}
.title_line {
  width: 3px;
  height: 14px;
  margin-right: 6px;
  font-weight: bold;
}
.title_name {
  font-size: 16px;
}
.title_link {
  border-radius: 8px;
  width: 120px;
  line-height: 38px;
  height: 38px;
  display: block;
  font-size: 14px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
}
.recom_box {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 20px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.recom_list {
  position: relative;
  /*.w(384px);.h(158px);*/
}
.recom_img {
  width: 100%;
  max-height: 158px;
}
.recom_title {
  position: absolute;
  z-index: 1;
  right: 12px;
  top: 14px;
  font-size: 14px;
  color: #fff;
}
.recom_price {
  position: absolute;
  z-index: 1;
  right: 12px;
  top: 35%;
  font-size: 18px;
  font-weight: bold;
}
.recom_price span {
  font-size: 14px;
  margin-right: 5px;
}
.recom_btn {
  position: absolute;
  z-index: 1;
  right: 12px;
  bottom: 14px;
  line-height: 30px;
  height: 30px;
  width: 68px;
  font-size: 12px;
  background: url(../imgs/hot_btn.png) no-repeat;
  background-size: 68px 30px;
  color: #532A00;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  font-weight: 500;
}
.hot_box {
  max-width: 1200px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 20px auto;
}
.hot_list {
  border-radius: 12px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.hot_img {
  max-width: 156px;
  max-height: 156px;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}
.hot_name {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 10px;
}
.hot_price {
  font-size: 14px;
  margin-bottom: 4px;
}
.hot_price span {
  font-size: 12px;
  margin-right: 5px;
}
.hot_buy {
  background: url(../imgs/hot_btn.png) no-repeat;
  background-size: 90px 34px;
  font-size: 12px;
}
.new_box {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 70px auto;
}
.new_list {
  border-radius: 10px;
  padding-bottom: 14px;
  display: block;
}
.new_img {
  width: 100%;
  max-height: 180px;
  border-radius: 10px 10px 0 0;
  margin: 0 auto 14px auto;
}
.new_title {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  padding: 0 12px;
}
.new_time {
  font-size: 12px;
  padding: 0 12px;
}
.foot_box {
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.foot_main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.foot_case {
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.foot_dt {
  font-size: 16px;
}
.foot_dd {
  margin-top: 15px;
  font-size: 12px;
  opacity: 0.4;
}
.foot_content {
  opacity: 0.6;
}
.foot_view {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 50px;
}
.foot_img {
  height: 40px;
  margin: 0 5px;
  border-radius: 4px;
}
.foot_copy {
  text-align: left;
  font-size: 12px;
  margin-bottom: 12px;
}
.sort_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.sort_menu {
  border-radius: 8px;
  padding: 16px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sort_case {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.sort_list {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 10px;
}
.sort_img {
  border-radius: 12px;
}
.sort_name {
  font-size: 14px;
  margin-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
}
@media screen and (min-width: 100px) and (max-width: 767px) {
  .new_list {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .new_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  .foot_case,
  .foot_view {
    display: none;
  }
  .hot_boxClu,
  .title_box,
  .hot_box,
  .new_box,
  .foot_content {
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .hot_img {
    margin-bottom: 10px;
  }
  .hot_name {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .hot_price {
    margin-bottom: 0;
  }
  .hot_list {
    padding: 10px;
  }
  .hot_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  .search_box {
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 67vh;
    align-items: start;
    /* 顶部对齐 */
  }
  .new_list {
    margin-bottom: 20px;
  }
  .bar_box {
    right: 10px;
  }
  .sort_main {
    margin: 0 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .sort_list {
    padding: 10px 5px;
  }
  .sort_img {
    width: 55px;
    height: 55px;
    margin: 0 auto;
    border-radius: 5px;
  }
  .sort_view {
    min-height: 46px;
    margin-bottom: 16px;
    padding: 10px 15px;
    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;
  }
  .sort_menu {
    position: fixed;
    width: 140px;
    height: calc(100vh - 43px);
    padding: 0px;
  }
  .sort_case {
    position: fixed;
    margin-left: 140px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: calc(100vh - 43px);
    overflow-y: auto;
    width: calc(100% - 140px);
  }
  .sort_name {
    margin-top: 5px;
  }
  .search_body .head_search {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-left: 20px;
  }
  .search_body .head_logo {
    display: none;
  }
  .search_body .head_sear {
    display: none;
  }
  .search_body .head_ask {
    display: none;
  }
  .search_modelBg {
    position: fixed;
    z-index: 998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    display: none;
  }
  #banner,
  .hot_boxClu,
  .title_box,
  .new_box,
  .recom_box {
    margin-bottom: 16px;
  }
  .recom_box {
    overflow-x: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
  }
  .recom_list {
    display: inline-block;
    width: 204px;
  }
  .m_show {
    display: block;
  }
  .pc_show {
    display: none !important;
  }
  .head_main {
    padding: 2px 0;
  }
  .head_close,
  .head_sear,
  .head_ask {
    margin-right: 10px;
  }
  .head_close,
  .head_sear,
  .head_ask,
  .head_back {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
  }
  .head_back {
    margin-right: 20px;
  }
  .head_goBack {
    display: block;
    width: 44px;
    height: 36px;
  }
  .panel_nav {
    position: fixed;
    height: 100%;
    width: 260px;
    z-index: 9999;
    right: -260px;
    top: 0;
    -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;
    padding: 30px 10px 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .nav_bg {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 2;
  }
  .head_money,
  .head_language {
    width: 100%;
  }
  .panel_navbox {
    margin: 0 auto;
  }
  .nav_li {
    text-align: center;
    margin-bottom: 20px;
  }
  .panel_navCase {
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .panel_navLi {
    display: block;
    line-height: 40px;
    height: 40px;
  }
  .panel_navLine {
    margin: 30px 0;
    height: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .panel_img {
    width: 44px;
    height: 44px;
    border-radius: 44px;
  }
  .panel_navCon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .head_search,
  .head_login,
  .head_tx,
  .menu_box {
    display: none;
  }
  .head_logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 40px;
  }
  .head_h {
    height: 44px;
    width: 100%;
  }
  .money_list,
  .language_list {
    line-height: 36px;
    height: 36px;
  }
  .head_search {
    height: 36px;
  }
  .search_input {
    line-height: 36px;
    height: 36px;
  }
  .search_btn {
    width: 36px;
    height: 36px;
  }
  .search_img {
    width: 20px;
    height: 20px;
  }
  .head_ask {
    width: 36px;
    height: 36px;
  }
  .head_login {
    line-height: 36px;
    height: 36px;
  }
  .head_tx {
    width: 36px;
    height: 36px;
  }
  .head_img {
    border-radius: 36px;
  }
  .money_main,
  .language_main {
    max-height: 115px;
  }
  .recom_price {
    font-size: 14px;
  }
  .recom_btn {
    bottom: 12px;
  }
  .hot_list {
    padding: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
@media screen and (min-width: 1025px) {
  .hot_boxClu,
  .title_box,
  .recom_box,
  .hot_box,
  .new_box,
  .foot_content {
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .recom_box {
    margin-bottom: 26px;
  }
  .hot_box {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
  }
  .new_list {
    margin-bottom: 0;
  }
  .recom_list:nth-of-type(3n) {
    margin-right: 0;
  }
  .hot_list:nth-of-type(6n) {
    margin-right: 0;
  }
  .new_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .new_list {
    width: 386px;
  }
  .sort_main {
    margin-left: 13px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 17px;
  }
  .sort_list {
    padding: 16px 12px;
  }
  .sort_img {
    width: 100px;
    height: 100px;
  }
  .sort_menu {
    width: 200px;
    min-height: 600px;
  }
  .search_modelBg {
    display: none;
  }
  .search_modelBox {
    display: none;
  }
  .sort_view {
    min-height: 46px;
    margin-bottom: 16px;
    padding: 10px 15px;
    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;
  }
  .recom_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 20px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .recom_list {
    display: block;
  }
  .m_show {
    display: none;
  }
  .pc_show {
    display: block;
  }
  .head_close,
  .head_back,
  .head_sear,
  .head_goBack {
    display: none;
  }
  .head_logo {
    width: 158px;
  }
  .menu_box {
    display: block;
  }
  .panel_nav {
    display: none;
  }
  .head_h {
    height: 118px;
    width: 100%;
  }
  .money_main,
  .language_main {
    max-height: 200px;
  }
  #banner .swiper {
    border-radius: 16px;
  }
  #banner .swiper-slide img {
    border-radius: 16px;
  }
  .recom_btn {
    bottom: 16px;
  }
}
/*底部导航*/
/*
* @description:
* @author:
* @time:
 */
.pro_top {
  background: url(../imgs/p_bg.png) no-repeat center;
  background-size: cover;
  margin-bottom: 10px;
}
.pro_case {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 16px 0;
  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;
}
.pro_img {
  width: 112px;
  height: 112px;
  border-radius: 15px;
  margin-right: 16px;
}
.pro_right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.pro_h1 {
  font-size: 18px;
  color: #fff;
  word-break: break-all;
}
.pro_info {
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pro_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.pro_main .pro_content {
  padding: 16px 16px 0px 16px;
  border-radius: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pro_msg {
  margin-bottom: 10px;
  padding: 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 10px;
}
.pro_more {
  justify-content: center;
  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: 5px;
}
.pro_icon {
  display: block;
  width: 20px;
  height: 20px;
}
.pro_iconTop {
  background-image: url(../imgs/top_gray.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.pro_iconDown {
  background-image: url(../imgs/down_gray.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.pro_title {
  justify-content: space-between;
  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: 100%;
  margin: 0 auto 16px auto;
  height: 22px;
}
.pro_view {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.pro_list {
  margin-bottom: 16px;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 14px 14px 14px 46px;
  border-radius: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  background-image: url(../imgs/check.svg);
  background-position: 14px center;
  background-repeat: no-repeat;
}
.pro_ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.pro_list:nth-of-type(2n) {
  margin-right: 0;
}
.pro_name {
  word-break: break-all;
}
.pro_type {
  font-size: 12px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pro_price {
  margin-left: 20px;
}
.pro_desc {
  padding-bottom: 16px;
}
.pro_bag .pro_content {
  padding: 20px 20px 16px 20px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.bag_ul {
  margin-bottom: 10px;
  justify-content: space-between;
  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;
}
.bag_sum {
  font-size: 16px;
}
.bag_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;
}
.bag_sub,
.bag_add,
.bag_input {
  height: 40px;
  border-radius: 8px;
}
.bag_sub {
  width: 40px;
  cursor: pointer;
  background-image: url(../imgs/num_sub.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.bag_input {
  width: 110px;
  margin: 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.bag_add {
  width: 40px;
  cursor: pointer;
  background-image: url(../imgs/num_add.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.cf {
  color: #fff;
}
.mb20 {
  margin-bottom: 20px;
}
.pro_disc {
  font-weight: bold;
}
.pro_disc em {
  font-style: normal;
}
.pro_btn {
  color: #532A00;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  .crumbs_box {
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
  }
  .pro_list {
    width: 100%;
  }
  .pro_main {
    margin-right: 0;
  }
  .pro_top {
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .pro_content,
  .pro_info {
    margin: 0 20px 10px 20px;
    width: calc(100% - 40px);
  }
  .pro_msg {
    margin: 0 20px 10px 20px;
    width: calc(100% - 40px);
    line-height: 20px;
    padding: 10px;
  }
  .pro_height {
    height: 20px;
    overflow: hidden;
  }
  .pro_bag {
    width: 100%;
  }
  .pro_fixed {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 10px 20px 10px 20px;
    border-radius: 10px 10px 0 0;
    z-index: 99;
  }
  .pro_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 10px auto;
  }
  .pro_btn {
    margin: 0 auto;
    display: block;
  }
  .bag_ul {
    margin-bottom: 10px;
  }
  .pro_img {
    width: 90px;
    height: 90px;
    border-radius: 8px;
  }
  .uo_info {
    margin-left: 15px;
  }
}
@media screen and (min-width: 1025px) {
  .pro_list {
    width: 396px;
    height: 73px;
  }
  .pro_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
  }
  .pro_main {
    margin-right: 20px;
  }
  .pro_msg {
    width: 100%;
  }
  .pro_height {
    height: 20px;
    overflow: hidden;
  }
  .pro_list {
    margin-right: 16px;
  }
  .pro_bag {
    width: 340px;
  }
  .pro_box,
  .pro_info {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 50px auto;
  }
  .pro_fixed {
    padding: 20px 20px 16px 20px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
/*
* @description: 
* @author: 
* @time: 
 */
.n_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 40px auto;
}
.n_left {
  width: 240px;
  margin-right: 30px;
}
.n_case {
  border-radius: 8px;
  margin-bottom: 16px;
}
.n_title {
  justify-content: space-between;
  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: 100%;
  line-height: 50px;
  height: 50px;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.n_caseLink {
  position: relative;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0 18px 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top-width: 1px;
  border-top-style: dashed;
}
.n_caseLink::before {
  position: absolute;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  top: 24px;
  left: 18px;
  border-radius: 5px;
}
.n_right {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
}
.n_list {
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 10px 30px 10px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.n_img {
  width: 257px;
  height: 120px;
  border-radius: 8px;
  margin-right: 15px;
}
.n_ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.n_name {
  font-size: 16px;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.n_time {
  background: url(../imgs/lock.svg) no-repeat left center;
  background-size: 14px;
  margin-bottom: 10px;
  padding-left: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.n_text {
  border-top-width: 1px;
  border-top-style: dashed;
  font-size: 12px;
  line-height: 24px;
  padding: 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 62px;
}
.n_info {
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
}
.n_content {
  border-top-width: 1px;
  border-top-style: solid;
}
.n_content img {
  margin: 20px auto 0px auto;
  max-width: 100%;
}
.n_content p {
  text-indent: 2em;
  padding-top: 20px;
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  .n_left {
    display: none;
  }
  .n_right {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .n_list {
    margin-bottom: 10px;
    display: block;
    padding: 0px;
  }
  .n_img {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
  }
  .n_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .n_top li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    margin-right: 0;
  }
}
@media screen and (min-width: 1025px) {
  .n_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
  }
  .n_right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .n_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  .n_top li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    margin-right: 50px;
  }
}
/*
* @description:
* @author:
* @time:
 */
.user {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.u_nav {
  border-radius: 8px;
}
.u_list {
  line-height: 46px;
  height: 46px;
  display: block;
  padding-left: 52px;
}
.u_active {
  position: relative;
}
.u_active:after {
  position: absolute;
  left: 0;
  top: 11px;
  width: 4px;
  height: 24px;
  display: block;
  content: "";
  border-radius: 2px;
}
.u_center {
  background-image: url(../imgs/user_center.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_order {
  background-image: url(../imgs/user_order.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_coup {
  background-image: url(../imgs/user_coup.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_wallet {
  background-image: url(../imgs/user_wallet.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_info {
  background-image: url(../imgs/user_info.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_account {
  background-image: url(../imgs/user_account.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_after {
  background-image: url(../imgs/user_after.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_record {
  background-image: url(../imgs/user_record.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_logout {
  background-image: url(../imgs/user_logout.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 20px 13px;
}
.u_content {
  max-width: 960px;
  width: 100%;
}
.u_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.u_tx {
  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: 36px;
  margin-left: 16px;
}
.u_txImg {
  width: 50px;
  height: 50px;
  margin-right: 12px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
}
.u_lay {
  border-radius: 8px;
  width: 472px;
}
.u_name {
  line-height: 42px;
  height: 42px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-left: 48px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.u_balance {
  background: url(../imgs/balance.png) no-repeat 20px center;
  background-size: 18px;
}
.u_point {
  background: url(../imgs/point.png) no-repeat 20px center;
  background-size: 18px;
}
.u_layText {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 38px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.u_money {
  font-size: 34px;
  font-weight: bold;
}
.u_money span {
  font-size: 18px;
  margin-right: 10px;
}
.u_more {
  width: 100px;
  line-height: 32px;
  height: 32px;
  font-size: 12px;
  border-radius: 17px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  cursor: pointer;
  color: #262626;
}
.u_mx {
  border-radius: 8px;
  margin-top: 10px;
}
.ut_head {
  border-radius: 8px 8px 0 0;
}
.ut_head li:first-child {
  border-top-left-radius: 8px;
}
.ut_head li:last-child {
  border-top-right-radius: 8px;
}
.ut_body {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.u_tab {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  margin-top: 10px;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.u_tab li {
  padding: 0 6px;
  line-height: 40px;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.u_tabCont {
  display: none;
}
.uo_list {
  border-radius: 8px;
}
.uo_top {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.uo_img {
  width: 70px;
  height: 70px;
  border-radius: 8px;
  margin: 20px 0px 20px 20px;
}
.uo_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.uo_text {
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.uo_main {
  width: 200px;
  text-align: center;
}
.uo_state {
  line-height: 55px;
  height: 55px;
  text-align: center;
}
.uo_price {
  line-height: 55px;
  height: 55px;
  border-top-style: solid;
  border-top-width: 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.uo_edit .ui_log {
  margin-left: 0;
  margin-bottom: 10px;
}
.uo_edit .u_orange {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
.uo_btn {
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
  border-radius: 30px;
  text-align: center;
  display: inline-flex;
  cursor: pointer;
}
.uo_order {
  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;
}
.uo_order .uo_copy {
  margin-left: 10px;
  padding: 0 15px;
  height: 25px;
  line-height: 23px;
  border-radius: 30px;
  text-align: center;
  display: inline-flex;
  cursor: pointer;
}
.ui_box {
  border-radius: 8px;
  padding: 24px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 10px;
}
.ui_title {
  font-size: 16px;
}
.ui_text {
  margin-top: 10px;
}
.ui_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}
.ui_goPay,
.ui_log {
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
  border-radius: 30px;
  display: block;
  margin-left: 20px;
}
.ui_log {
  border-style: solid;
  border-width: 1px;
}
.ui_name {
  font-size: 16px;
}
.ui_main li {
  margin-right: 40px;
}
.ui_order {
  margin-bottom: 10px;
  border-radius: 8px;
}
.ui_top {
  padding-left: 16px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.ui_line {
  margin: 0 20px 0 40px;
  color: #262626;
}
.ui_pro {
  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: 20px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui_img {
  width: 70px;
  height: 70px;
  border-radius: 12px;
}
.ui_t2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ui_content {
  border-right-style: solid;
  border-right-width: 1px;
  width: 565px;
}
.ui_ul {
  line-height: 72px;
  height: 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui_pay {
  padding-right: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui_area {
  padding: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui_final li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.ui_sum {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 15px;
}
.us_box {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 33px 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 20px;
}
.us_icon {
  background: url(../imgs/no.svg) no-repeat center left;
  background-size: 24px;
  padding-left: 34px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.us_btn {
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 34px;
  height: 34px;
  border-radius: 34px;
  font-size: 14px;
  cursor: pointer;
}
.us_yes .us_icon {
  background: url(../imgs/yes.svg) no-repeat center left;
  background-size: 24px;
  padding-left: 34px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.uc_list {
  position: relative;
  width: 310px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  margin-right: 15px;
  margin-top: 20px;
  padding-bottom: 15px;
}
.uc_sort {
  background: #6A6A6A;
  border-radius: 8px 0px 8px 0px;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 21px;
  height: 21px;
  display: inline-flex;
  color: #fff;
}
.uc_tips {
  position: absolute;
  top: 16px;
  right: 0;
  border-radius: 20px 0px 0px 20px;
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 22px;
  height: 22px;
}
.uc_coup {
  font-size: 24px;
  color: #F4670B;
  margin-top: 12px;
  color: #fff;
  font-weight: bold;
  padding-left: 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.uc_name {
  margin-top: 8px;
  color: #fff;
  padding-left: 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.uc_time {
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.uc_act {
  border: 1px solid #F4670B;
}
.uc_act .uc_sort {
  background: #F4670B;
}
.uc_act .uc_coup {
  color: #F4670B;
}
.uw_box {
  margin-bottom: 30px;
}
.uw_list {
  width: 312px;
  height: 114px;
  border-radius: 8px;
  text-align: center;
}
.uw_name {
  line-height: 42px;
  height: 42px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.uw_text {
  font-size: 20px;
  font-weight: bold;
  line-height: 72px;
  height: 72px;
}
.up_box {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 20px;
}
.up_icon {
  background: url(../imgs/no.svg) no-repeat center left;
  background-size: 16px;
  padding-left: 24px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.up_close {
  background: url(../imgs/close.svg) no-repeat center;
  background-size: 13px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.up_main {
  justify-content: space-between;
  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: 16px;
  background: url(../imgs/point_bg.png) no-repeat;
  background-size: cover;
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 60px;
}
.up_text {
  font-size: 28px;
  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;
  color: #fff;
}
.up_text span {
  font-size: 16px;
  font-weight: normal;
}
.up_btn {
  width: 100px;
  line-height: 32px;
  height: 32px;
  text-align: center;
  border-radius: 32px;
}
.ue_box {
  border-radius: 8px;
  padding-top: 80px;
  padding-bottom: 150px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ue_title {
  font-size: 14px;
  text-align: center;
}
.ue_text {
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 10px;
}
.ue_ul {
  max-width: 600px;
  width: 100%;
  margin: 20px auto 0 auto;
}
.ue_name {
  margin-right: 20px;
  font-size: 16px;
  width: 180px;
  text-align: right;
}
.ue_view {
  position: relative;
  max-width: 420px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 15px;
  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-radius: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ue_ipt {
  padding: 14px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}
.ue_yz {
  border-left: 1px solid #595959;
  color: #F4530C;
  min-width: 95px;
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ue_btn {
  font-size: 16px;
  width: 290px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  border-radius: 8px;
  display: block;
  margin: 44px auto 0 auto;
}
.um_box {
  border-radius: 8px;
  padding: 80px 0 110px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.um_tx {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.um_img {
  width: 50px;
  height: 50px;
  margin-right: 16px;
  border-radius: 50px;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
}
.um_main {
  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: 40px auto 0 auto;
}
.um_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}
.um_max {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.um_text {
  margin-right: 20px;
  background: url(../imgs/check.svg) no-repeat center left;
  background-size: 18px;
  padding-left: 28px;
}
.um_text:nth-of-type(4n) {
  margin-right: 0;
}
.um_ed {
  background: url(../imgs/checked.svg) no-repeat center left;
  background-size: 18px;
  padding-left: 28px;
}
.um_edit {
  color: #F4670B;
  background: url(../imgs/right_orange.svg) no-repeat center right;
  background-size: 12px;
  padding-right: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 20px;
}
.ur_edit {
  -webkit-box-flex: 1.5;
  -webkit-flex: 1.5;
  flex: 1.5;
}
.ur_edit button {
  margin-right: 20px;
}
.ue_plac {
  color: #8C8C8C;
}
.ua_order {
  padding: 20px 0 40px 0;
  margin-bottom: 10px;
  border-radius: 8px;
}
.ua_text {
  font-size: 16px;
  margin-top: 10px;
}
.ua_proMain {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}
.ui_list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-left: 20px;
}
.u_edit {
  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;
}
.u_btnBg,
.u_btnBor {
  padding: 5px 15px;
  border-radius: 20px;
}
.u_btnBor {
  border: 1px solid #F4670B;
  color: #F4670B;
  margin-right: 10px;
}
.u_btnBg {
  background: linear-gradient(90deg, #F4770B 0%, #F4530C 100%);
}
#uoi_model {
  display: none;
}
.uoi_box {
  margin: 10px 40px;
}
.uoi_title {
  font-size: 20px;
  padding-bottom: 20px;
}
.uoi_list {
  position: relative;
  padding-bottom: 30px;
  border-left: 4px solid #F4530C;
}
.uoi_list:last-child {
  border-left: 4px solid transparent;
}
.uoi_circle {
  position: absolute;
  left: -9px;
  border: 4px solid #F4530C;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 10px;
}
.uoi_main {
  text-align: left;
  position: relative;
  top: -8px;
  margin-left: 40px;
}
.uoi_text {
  font-size: 16px;
}
.uoi_time {
  opacity: 0.8;
  font-size: 12px;
  margin-top: 5px;
}
.u_c_scroll {
  margin: 0px 20px 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  line-height: 15px;
  border-radius: 8px;
  text-align: left;
}
.p_i_rule {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.p_i_rule_box {
  font-size: 14px;
}
.p_i_rule_title {
  font-weight: bold;
  line-height: 30px;
}
.p_i_rule_con {
  line-height: 20px;
  margin-bottom: 5px;
  text-indent: 2em;
}
.n_foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.uo_product {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.ui_cardBox {
  height: 180px;
  overflow: hidden;
}
.ui_card:nth-of-type(2n) {
  margin-right: 0;
}
.ui_cardTitle {
  line-height: 36px;
  height: 36px;
  background: linear-gradient(180deg, #F4670B 0%, #F4530C 100%);
  border-radius: 8px 8px 0 0;
  padding-left: 16px;
  color: #fff;
}
.ui_cardView {
  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: 14px 16px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ui_cardView:last-child {
  border-bottom: none;
}
.ui_cardNum {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.ui_more {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  cursor: pointer;
  color: #F4530C;
}
.u_hide {
  height: auto;
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  .ui_top {
    line-height: 25px;
    padding: 5px 0px 5px 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .u_title {
    display: none;
  }
  .u_flex {
    width: 100%;
  }
  .panel_flex {
    -ms-flex-align: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .panel_flex .panel_img {
    margin-right: 10px;
  }
  .u_tx {
    margin-top: 20px;
  }
  .u_layText {
    padding: 20px;
  }
  .u_lay {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .u_mx {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
    overflow-x: auto;
  }
  .ut_head,
  .ut_body {
    line-height: 42px;
    white-space: nowrap;
    border-radius: 8px;
    margin-bottom: 10px;
    border-bottom: none;
    padding-top: 5px;
  }
  .ut_head li,
  .ut_body li {
    /*display: inline-block;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 10px;
    line-height: 42px;
    height: 42px;
  }
  .u_nav {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
    overflow: hidden;
  }
  .up_main {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .uc_list {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .u_tab {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-flex-align: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 10px 10px 20px 10px;
    position: relative;
    z-index: 1;
    border-bottom-style: solid;
    border-bottom-width: 3px;
  }
  .u_tab li {
    margin-right: 0;
    height: 40px;
    text-align: center;
  }
  .user_border .u_tabed::before {
    border-bottom: 3px solid #F4670B;
    bottom: -1px;
  }
  .uw_list,
  .um_box {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .u_f2 {
    width: 100%;
  }
  .u_f15 {
    width: 100%;
  }
  .u_f1 {
    width: 100%;
  }
  .ut_head {
    display: none;
  }
  .ut_body li {
    line-height: 30px;
    height: 30px;
  }
  .ur_edit.u_f2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    padding: 5px 10px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ur_edit.u_f2 .o_red,
  .ur_edit.u_f2 .u_orange {
    line-height: 40px;
    height: 40px;
  }
  .um_main {
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ue_box {
    padding: 30px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .ue_name {
    text-align: left;
    margin-bottom: 10px;
  }
  .ua_main {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .ck_h2,
  .ua_text {
    margin-bottom: 10px;
  }
  .ua_mFlex {
    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;
  }
  .us_box {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
    padding: 33px 20px;
  }
  .uo_ul {
    padding: 10px 0;
  }
  .uo_line {
    display: none;
  }
  .uo_info {
    margin-right: 0;
  }
  .uo_flex {
    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;
  }
  .uo_case {
    border-top-width: 1px;
    border-top-style: solid;
  }
  .ui_foot {
    margin-bottom: 10px;
    border-radius: 8px;
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .ui_content {
    width: 100%;
    border: none;
  }
  .ui_order {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .ui_box {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .ui_main {
    margin-top: 20px;
  }
  .ui_main li {
    margin-top: 20px;
    margin-right: 0;
  }
  .ui_link {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .ui_link a:first-child {
    margin-left: 0;
  }
  #order_list {
    padding: 0 15px;
  }
  .uo_main {
    border-right-style: solid;
    border-right-width: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ui_final {
    padding: 0px 0 5px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
  }
  .ui_final li {
    padding: 16px 16px 0 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ui_card {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  .u_user {
    font-size: 12px;
    color: #8C8C8C;
  }
  .user {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .uo_case {
    width: 100%;
  }
  .uo_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    border-right: 0px;
    width: 100%;
    padding: 0 10px;
  }
  .uo_main .uo_state {
    text-align: left;
  }
  .uo_main .uo_price {
    text-align: right;
  }
  .uo_main li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  .uo_edit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 10px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .uo_edit .u_orange,
  .uo_edit .ui_log {
    margin-bottom: 0;
  }
  .uo_price {
    border: none;
  }
  .uo_list {
    margin-top: 10px;
  }
  .uo_edit {
    -ms-flex-align: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .ui_top {
    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;
    line-height: 40px;
    height: 40px;
  }
  .user {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
  }
  .u_content {
    order: 2;
  }
  .u_nav {
    order: 1;
    padding: 28px 0;
  }
  .u_title {
    display: block;
  }
  .u_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .u_nav {
    width: 220px;
    margin-right: 20px;
    min-height: 640px;
  }
  .u_tab {
    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;
  }
  .u_tab li {
    margin-right: 38px;
  }
  .uc_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .uc_list:nth-of-type(3n) {
    margin-right: 0;
  }
  .uw_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .u_f2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .u_f15 {
    -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
    flex: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .u_f1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .ut_head,
  .ut_body {
    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;
    line-height: 50px;
    height: 50px;
  }
  .ut_head li,
  .ut_body li {
    padding-left: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ue_ul {
    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;
  }
  .um_main {
    width: 520px;
  }
  .ua_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 600px;
    margin: 20px auto 0px auto;
  }
  .ua_proBox {
    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;
  }
  .uo_ul {
    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;
    line-height: 37px;
  }
  .uo_line {
    margin: 0 20px;
    display: block;
  }
  .uo_flex {
    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;
  }
  .uo_view {
    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;
  }
  .uo_info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 20px;
    margin-left: 20px;
  }
  .ui_foot {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
  }
  .ui_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 20px;
  }
  .ui_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .uo_main {
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ui_final {
    width: 395px;
    padding: 20px 16px 5px 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ui_cardBox {
    -ms-flex-align: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .ui_card {
    width: calc(50% - 6px);
    margin-right: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  .uo_edit {
    border-left-style: solid;
    border-left-width: 1px;
    width: 229px;
    margin: 10px 0;
    padding-bottom: 10px;
    text-align: center;
  }
  .uo_edit .ui_log {
    margin: 0 auto 10px auto;
  }
  .uo_case .uo_edit {
    border-left: none;
  }
  .uo_text {
    margin-right: 10px;
  }
  .panel_flex {
    background-image: none;
  }
  .uo_case {
    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;
  }
  .ut_body:last-child {
    border-bottom: none;
  }
  .uo_list {
    margin-top: 10px;
  }
}
/*
* @description:
* @author:
* @time:
 */
.ck_box {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 10px auto;
  border-radius: 8px;
}
.ck_top {
  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;
  line-height: 40px;
  height: 40px;
  padding-left: 16px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.ck_line {
  margin: 0 20px;
  height: 14px;
  width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
}
.ck_pro {
  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;
}
.ck_img {
  width: 70px;
  height: 70px;
  border-radius: 3px;
}
.ck_name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ck_num {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ck_view .ck_line {
  height: 47px;
  margin: 0 30px;
}
.ck_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;
}
.ck_sub,
.ck_add,
.ck_input {
  height: 40px;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}
.ck_sub {
  width: 40px;
  cursor: pointer;
  background-image: url(../imgs/num_sub.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.ck_input {
  width: 110px;
  margin: 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.ck_add {
  width: 40px;
  cursor: pointer;
  background-image: url(../imgs/num_add.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.ck_title {
  justify-content: space-between;
  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;
}
.ck_main {
  margin-bottom: 20px;
}
.ck_h2 {
  width: 172px;
  margin-top: 10px;
  text-align: left;
}
.ck_flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  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;
}
.ck_ipt {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 16px;
}
.ck_psw {
  padding-left: 26px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 20px;
  background-image: url(../imgs/check.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
.ck_pswed {
  background-image: url(../imgs/checked.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
}
.ck_area {
  height: 90px;
}
.ck_ipt input {
  width: 100%;
}
.ck_ipt textarea {
  width: 100%;
}
.ck_pad {
  padding: 12px 16px 1px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ck_model {
  position: absolute;
  width: 100%;
  top: 45px;
  left: 0;
  border-radius: 4px;
  height: 120px;
  z-index: 100;
  display: none;
}
.ck_model li {
  line-height: 40px;
  height: 40px;
  padding: 0 16px;
  cursor: pointer;
}
.ck_arrow {
  width: 100%;
  background-image: url(../imgs/down_dark.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right center;
}
.ck_p30 {
  padding: 12px 30px 20px 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ck_coup {
  height: 116px;
  overflow: hidden;
  margin-bottom: 14px;
}
.ck_coupH {
  height: auto;
}
.ck_list {
  position: relative;
  width: 367px;
  height: 98px;
  margin-right: 19px;
  margin-top: 18px;
  padding: 10px 10px 10px 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  background-image: url(../imgs/check.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 337px 68px;
  cursor: pointer;
}
.ck_listed {
  background-image: url(../imgs/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 337px 68px;
}
.ck_list:nth-of-type(3n) {
  margin-right: 0;
}
.ck_tips {
  position: absolute;
  top: 10px;
  right: 0;
  border-radius: 20px 0 0 20px;
  padding: 3px 10px;
}
.ck_money {
  font-size: 18px;
}
.ck_state {
  margin-top: 8px;
}
.ck_time {
  margin-top: 8px;
}
.ck_more span {
  margin: 0 5px;
}
.ck_down {
  width: 14px;
  height: 14px;
  margin-left: 5px;
}
.ck_more {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.ck_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ck_ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.ck_balance {
  background-image: url(../imgs/check.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
.ck_balanced {
  background-image: url(../imgs/checked.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
}
.ck_hr {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}
.ck_number {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  text-align: right;
}
.ck_foot {
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
}
.ck_total {
  font-size: 28px;
  color: #F81B1B;
  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;
}
.ck_total span {
  font-size: 14px;
  margin-right: 20px;
}
.ck_btn {
  width: 220px;
  line-height: 50px;
  height: 50px;
  box-shadow: 0px 5px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  font-size: 16px;
}
.rs_main {
  width: 404px;
  margin: 0 auto;
}
.rs_img {
  width: 76px;
  height: 76px;
  margin: 0 auto 0 auto;
}
.rs_title {
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
}
.rs_text {
  font-size: 14px;
  text-align: center;
  padding-bottom: 24px;
  margin-top: 8px;
  margin-bottom: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.rs_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.rs_price {
  font-size: 16px;
}
.rs_case {
  margin-top: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.rs_btnBor {
  border-style: solid;
  border-width: 1px;
}
#ck_his {
  width: 100%;
  padding: 0px 20px 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_popup .layui-layer-title {
  font-size: 18px;
  font-weight: bold;
}
.ck_hisUl {
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
}
.ck_hisLi {
  line-height: 40px;
  height: 40px;
  padding-left: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
  background: url(../imgs/check.svg) no-repeat center left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  background-size: 16px;
}
.ck_hisEd {
  background-image: url(../imgs/checked.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
}
.ck_boxA {
  margin-left: 20px;
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  .ck_ipt {
    margin-top: 10px;
  }
  .ck_line {
    display: none;
  }
  .ck_view {
    padding: 20px;
  }
  .ck_boxB,
  .ck_boxA {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  .ck_boxC {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
  }
  .ck_box {
    width: calc(100% - 20px);
    margin-top: 10px;
  }
  .ck_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;
    margin-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 20px;
    padding-top: 10px;
  }
  .ck_right .ck_t2 {
    margin-right: 20px;
  }
  .ck_list {
    margin-right: 0;
  }
  .ck_p30 {
    padding: 12px 16px 1px 16px;
  }
  .ck_list {
    width: 100%;
  }
  .ck_foot {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 99;
  }
  .ck_btn {
    width: 100%;
    margin-top: 20px;
  }
  .ck_bg {
    padding-bottom: 147px;
  }
  .rs_box {
    border-radius: 8px;
    width: calc(100% - 40px);
    margin: 10px auto 20px auto;
    padding: 30px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .rs_main {
    width: 100%;
  }
  .ck_his {
    line-height: 30px;
    height: 30px;
    margin-top: 10px;
    cursor: pointer;
  }
  .ck_balance {
    padding-left: 20px;
  }
  .rs_btnBg,
  .rs_btnBor {
    width: 140px;
  }
  .rs_btnBg,
  .rs_btnBor {
    line-height: 40px;
    height: 40px;
    border-radius: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .ck_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .ck_case {
    width: 780px;
    margin: 0 auto;
  }
  .ck_line {
    display: block;
  }
  .ck_view {
    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: 16px;
  }
  .ck_boxC {
    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: 5px;
  }
  .ck_pro {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  .ck_coup {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .ck_sum {
    margin-left: 800px;
  }
  .ck_foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .ck_bg {
    padding-bottom: 0;
  }
  .rs_box {
    border-radius: 8px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 40px auto;
    padding: 80px 0 110px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ck_his {
    line-height: 40px;
    height: 40px;
    margin-left: 20px;
    cursor: pointer;
  }
  .ck_ul li {
    padding-left: 26px;
  }
  .ui_price {
    margin-right: 20px;
  }
  .ck_num {
    margin-top: 5px;
  }
  .ck_boxA {
    padding-right: 16px;
  }
  .ck_numBox {
    margin-top: 10px;
  }
  .rs_btnBg,
  .rs_btnBor {
    width: 180px;
  }
  .rs_btnBg,
  .rs_btnBor {
    line-height: 44px;
    height: 44px;
    border-radius: 22px;
  }
}
/*
* @description:
* @author:
* @time:
 */
.lr_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
  margin: 20px auto 0 auto;
}
.lr_left {
  width: 660px;
  height: 660px;
  border-radius: 16px;
  margin-right: 25px;
}
.lr_right {
  border-radius: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.lr_title {
  line-height: 19px;
  height: 19px;
  font-size: 16px;
  text-align: center;
}
.lr_tab {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.lr_tab li {
  line-height: 40px;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.lr_right .u_tabed::before {
  border-bottom-width: 3px;
}
.lr_list {
  position: relative;
  border-radius: 16px;
  border: 1px solid transparent;
  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: 25px;
  padding: 0 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 48px;
}
.lr_li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  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;
}
.ipt_clear {
  background: url(../imgs/clear.svg) no-repeat center center;
  background-size: 18px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: none;
}
.eye_close {
  background: url(../imgs/eye_close.svg) no-repeat center center;
  background-size: 18px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 20px;
  display: none;
}
.eye_open {
  background: url(../imgs/eye_open.svg) no-repeat center center;
  background-size: 18px;
}
.lr_ipt {
  width: 100%;
  line-height: 30px;
  height: 30px;
}
.lr_tel {
  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;
}
.lr_getYzm {
  border-left: 1px solid #fff;
  line-height: 22px;
  height: 22px;
  font-size: 16px;
  min-width: 90px;
  padding-left: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: 20px;
  text-align: center;
  cursor: pointer;
}
.login_anim {
  transition: all 0.3s ease;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.lr_view {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 12px;
  display: none;
}
.lr_item {
  margin: 0 20px;
}
.lr_text {
  margin-top: 28px;
  font-size: 13px;
  line-height: 19px;
}
.lr_btn {
  font-size: 16px;
  width: 100%;
  line-height: 48px;
  height: 48px;
  border-radius: 8px;
  margin-top: 24px;
}
.lr_agreeFlex {
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  line-height: 25px;
}
.lr_agree {
  background: url(../imgs/check.svg) no-repeat center left;
  background-size: 18px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 5px;
}
.lr_agreeed {
  background: url(../imgs/checked.svg) no-repeat center left;
  background-size: 18px;
  width: 20px;
  height: 20px;
}
.lr_menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.lr_link {
  color: #FF6907;
}
.lr_foot {
  width: 100%;
  margin-top: 80px;
}
.lr_four {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 17px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.lr_flex {
  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: 16px;
}
.lr_img {
  width: 32px;
  margin-right: 10px;
}
.country_modelBg {
  position: fixed;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  animation: modelBg 0.5s forwards;
}
@keyframes modelBg {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.5);
  }
}
.country_modelBox {
  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%);
  width: 512px;
  height: 628px;
  display: none;
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  z-index: 100000;
  border-radius: 16px;
}
.country_modelClose {
  background: url(../imgs/close_gray.svg) no-repeat center center;
  background-size: 15px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
}
.country_modelClose:hover {
  background: url(../imgs/close_black.svg) no-repeat center center;
  background-size: 15px;
}
.country_box {
  height: 555px;
  overflow-y: auto;
}
.country_showLetter {
  position: fixed;
  width: 40px;
  line-height: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  display: none;
  z-index: 1;
  font-size: 20px;
}
.country_listBox {
  padding: 0 50px 30px 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.country_modelAnimate {
  display: block;
}
.country_modelTitle {
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  height: 60px;
  border-radius: 16px 16px 0 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.country_letterBox {
  width: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  text-align: center;
  padding: 20px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 20px;
  margin-top: 20px;
  z-index: 1;
}
.country_letterBox li {
  font-size: 14px;
  display: block;
  /*.p(5px 10px);*/
  width: 40px;
  line-height: 20px;
  height: 20px;
  cursor: pointer;
}
.country_listTitle {
  font-weight: bold;
  font-size: 16px;
}
.country_list {
  padding-bottom: 20px;
  padding-top: 20px;
}
.country_list p {
  font-size: 14px;
  line-height: 25px;
  margin-top: 15px;
  cursor: pointer;
}
.country_hot p {
  overflow: hidden;
}
.country_hot p span {
  padding: 10px 25px 10px 0;
  float: left;
  cursor: pointer;
}
.country_hot p span:last-child {
  padding-right: 0;
}
.country_view {
  justify-content: space-between;
  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;
}
.country_viewNum {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-left: 20px;
  text-align: right;
  padding-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.lr_ask {
  margin-top: 28px;
  font-size: 13px;
  line-height: 19px;
  cursor: pointer;
}
@media screen and (min-width: 100px) and (max-width: 1024px) {
  .lr_box {
    width: calc(100% - 40px);
  }
  .lr_left {
    display: none;
  }
  .lr_right {
    width: 100%;
    padding: 24px 15px 33px 15px;
  }
  .lr_foot {
    display: none;
  }
  .login_bg .head_box {
    padding: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .country_modelBox {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
  }
  .lr_title {
    font-weight: bold;
  }
  .lr_tab {
    margin-top: 20px;
  }
  .lr_menu,
  .lr_agreeFlex,
  .lr_ask,
  .lr_btn,
  .lr_list {
    margin-top: 15px;
  }
  .lr_list {
    border-radius: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .lr_left {
    display: block;
  }
  .lr_right {
    width: 510px;
    padding: 24px 20px 33px 20px;
  }
  .lr_four {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .login_bg .head_box {
    padding: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .lr_tab {
    margin-top: 50px;
  }
  .lr_menu {
    margin-top: 24px;
  }
}
.lr_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.lr_main .lr_list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.lr_main .lr_numImg {
  width: 130px;
  height: 48px;
  margin-top: 25px;
  margin-left: 10px;
  border-radius: 16px;
}