
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  vertical-align: baseline;
}

a{
  text-decoration: none;
}
img{
  display: block;
  object-fit: cover;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
  display: block;
}
ol, ul, li{
  list-style: none;
}
blockquote, q{
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
  content: '';
  content: none;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}

/* custom */
a{
  color: #7e8c8d;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}
::-webkit-scrollbar{
  width: 0.3125rem;
  height: 0.3125rem;
}
::-webkit-scrollbar-track-piece{
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.375rem;
}
::-webkit-scrollbar-thumb:vertical{
  height: 0.3125rem;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 0.375rem;
}
::-webkit-scrollbar-thumb:horizontal{
  width: 0.3125rem;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 0.375rem;
}
html, body{
  width: 100%;
  height: 100% !important;
  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
body{
  line-height: 1;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html{
  /* overflow-y: auto;
  overflow-x: auto; */
}

/*清除浮动*/
.clearfix:before,
.clearfix:after{
  content: " ";
  display: inline-block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  *zoom: 1;
}

/*隐藏*/
.dn{
  display: none;
}

/*swiper*/

.swiper-pagination{
  display: flex;
  justify-content: center;
}
.swiper-pagination-id{
  display: flex;
  justify-content: center;
}
.swiper-pagination3{
  display: flex;
  justify-content: center;
  margin-top: 4.6875rem;
}
.swiper-pagination-custom{
  bottom: 6.25rem !important;
}
.swiper-pagination-customs-container{
  width: 3.75rem;
  height: 0.5rem;
  margin: 0 0.625rem;
  cursor: pointer;
}

.swiper-pagination-customs{
  width: 3.75rem;
  height: 0.25rem;
  margin-top: 0.125rem;
  background: #DFE1E6;
  opacity: .6;
}
.swiper-pagination-customs-active{
  background: #2C6DF0;
  animation: active 5s linear;
  -webkit-animation:active 5s linear;
  height: 0.25rem;
  opacity: 1;
}

.swiper-button-prev{
  width: 4rem !important;
  height: 4rem !important;
  background: url('https://s.17win.com/snack/121/bb11839d685e4d7d8c1da5e4059e949f.png') center center no-repeat !important;
  position: absolute;
  left: -4.6875rem !important;
  z-index: 9 !important;
  cursor: pointer !important;
}
.swiper-button-prev:hover{
  background: url('https://s.17win.com/snack/121/bf0d428976314e108484e03714892144.png') center center no-repeat !important;
}
.swiper-button-prev::after{
  content: none !important;
}

.swiper-button-next{
  width: 4rem !important;
  height: 4rem !important;
  background: url('https://s.17win.com/snack/121/bb11839d685e4d7d8c1da5e4059e949f.png') center center no-repeat !important;
  position: absolute;
  right: -4.6875rem !important;
  z-index: 9 !important;
  cursor: pointer !important;
  transform: rotate(180deg);
}
.swiper-button-next:hover{
  background: url('https://s.17win.com/snack/121/bf0d428976314e108484e03714892144.png') center center no-repeat !important;
  transform: rotate(180deg);
}
.swiper-button-next::after{
  content: none !important;
}

.dpl-modal-btns{
  display: none;
}

@keyframes active{
  from {width: 0rem}
  to {width: 3.75rem}
}

html {font-size: 1rem;}

/* 控制在线咨询悬窗的显隐 */
/*.nb-frame-chat-box{*/
/*  display: none !important;*/
/*}*/

#newBridge .icon-right-center{
  top: calc(50% - 7.5rem) !important;
}

/* 在线咨询弹窗 */
 .nb-frame-chat-box{
  margin-right: 4.375rem !important;
}

#newBridge .nb-icon-base-4 .nb-icon-inner-wrap{
  display: none !important;
}

.embed-icon {
  top: calc(50% - 7.8125rem) !important;
}

.embed-chat-container {
  right: 124px !important;
  bottom: calc(50% - 20.4rem) !important;
}

/*
#floating_window{
  position: fixed;
  right: 5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 12.5rem;
  height: 4.375rem;
}
.issue-box {
  position: relative;
  background: #fff;
}
.issue-box:after, .issue-box:before {
  content: "";
  left: -1.25rem;
  top: 50%;
  border: solid transparent;
  display: none;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.issue-box:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #fff;
  border-width: 0.5rem;
  margin-top: -0.5rem;
}
.issue-box:before {
  border-color: rgba(245, 245, 245, 0);
  border-left-color: #fff;
  border-width: 0.5rem;
  margin-top: -0.5rem;
}

#issueMarquee::before{
  content: '在线客服立即咨询';
  position: absolute;
  display: none;
  width: 14.5rem;
  height: 5.125rem;
  right: 5.625rem;
  top: -0.25rem;
  padding: 1.25rem 0 0 1.5rem;
  font-size: 1rem;
  color: #3860F4;
  line-height: 1.5rem;
  font-weight: 600;
  background: #FFFFFF;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.75rem 0 rgba(0,0,0,0.16);
}
#issueMarquee::after{
  content: '工作日 9:00-18:00 在线服务';
  position: absolute;
  display: none;
  width: 14.5rem;
  height: 5.125rem;
  right: 5.625rem;
  top: -0.25rem;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1.125rem;
  font-weight: 400;
  padding: 3.125rem 0 0 1.5rem;
}

.nb-icon-wrap {
  width: 4.375rem !important;
  height: 4.375rem !important;
  background: #FFFFFF !important;
  box-shadow: -0.3125rem -0.3125rem 0.75rem -0.25rem rgba(0, 0, 0, 0.1), 0.3125rem -0.3125rem 0.75rem -0.25rem rgba(0, 0, 0, 0.1) !important;
}

.nb-icon-wrap:hover #issueMarquee::before{
  display: block;
}
.nb-icon-wrap:hover #issueMarquee::after{
  display: block;
}
.nb-icon-wrap:hover .issue-box:after{
  display: block;
}
.nb-icon-wrap:hover .issue-box:before{
  display: block;
}

.nb-icon-wrap:hover #floating_window{
  display: block;
}

.nb-icon-wrap::before{
  content: '';
  display: block;
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  width: 1.25rem;
  height: 1.25rem;
  background: url("https://d.17win.com/snack/121/2023%E5%AE%98%E7%BD%91%E5%88%87%E5%9B%BE/%E9%A6%96%E9%A1%B5%E5%88%87%E5%9B%BE/3d041e3cf6df4266b3e7d1cbe71fbfd5.png") no-repeat;
  background-size: cover;
}

.nb-icon-wrap::after{
  content: '在线咨询';
  display: block;
  position: absolute;
  bottom: 0.75rem;
  width: 4.375rem;
  text-align: center;
  font-size: 0.875rem;
  color: #333;
}

.nb-icon-wrap:hover::after {
  color: #3860F4 !important;
}

.nb-icon-wrap:hover::before {
  background: url("https://d.17win.com/snack/121/2023%E5%AE%98%E7%BD%91%E5%88%87%E5%9B%BE/%E9%A6%96%E9%A1%B5%E5%88%87%E5%9B%BE/f49cb619a2204b2499a9cb66c59b72a5.png") no-repeat;
  background-size: cover;
}

#newBridge .icon-right-center{
  right: 0.75rem !important;
}

#newBridge .nb-icon-base{
  border-radius: 0.25rem 0.25rem 0 0 !important;
}

#nb_icon_inner_wrap{
  position: relative !important;
  background: red !important;
}

#nb_icon_inner_wrap::before{
  position: absolute !important;
  display: block !important;
  left: 12.5rem !important;
  top: 0 !important;
  width: 12.5rem !important;
  height: 12.5rem !important;
  border: 0.0625rem solid red !important;
}
#nb_icon_inner_wrap::after{
  position: absolute !important;
}

#newBridge .nb-icon-base-4 .nb-icon-inner-wrap {
  background: #fff !important;
}

#newBridge .nb-icon-base-4 .nb-icon-inner-wrap{
  width: 4.375rem !important;
}

.nb-icon-wrap::before{
  content: '';
  display: block;
  position: absolute;
}
 */
