@charset "utf-8";
/* CSS RESET*/
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, sub, sup, tt, var, b, u, i, center, dl,textarea,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas,button,select,
details, embed,  figure, figcaption, footer, header,   menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; padding: 0;border: 0; font-style: normal;font-family: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header,  menu, nav, section { display: block; }
ol, ul,dl { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
sub{vertical-align: sub;font-size: smaller;}
sup{vertical-align: super;font-size: smaller;}

/* 全局 */
html{font: 14px/1.5 "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333;min-width: 1200px;}
body{background: #f1f2f6;min-width: 1200px;color:#333;height:100%;}
a {text-decoration: none; color: #333;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.no-select {user-select: none;}
.none{display: none;}
.shadow{box-shadow: 0px 8px 16px 0 rgb(0,0,0,.1);}
.radius{border-radius: 6px;}
.relative{position: relative;}
.absolute{position: absolute;}
.wrap{width: 1200px;margin: 0 auto;}
.wraper{width: 100%;min-width: 1200px;}
.border-bottom{border-bottom: 1px solid #eee;}
.border-top{border-top: 1px solid #eee;}
.font-bold{font-weight: 700;}
.flex{display: flex;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.align-items-center{align-items: center;}


/* top */
.top{line-height: 30px;height: 30px;}
.top i.iconfont{font-size: 13px;}
.top-right a:hover{color: #2468F2;}
.login-btn{width: 48px;height: 24px;background-color: #2468F2;color: #fff;text-align: center;line-height: 24px;border-radius: 4px;margin-top: 3px;}
.top-right .login-btn:hover{opacity: .9;color: #fff;}
.brand{cursor: pointer;position: relative;z-index: 10001;box-sizing: content-box;padding-right: 20px;}
.brand .iconfont-show{position: absolute;top: 0;right: 3px;}
.brand:hover .iconfont-show{transform: rotate(-180deg);}
.brand:hover .brandbox{display: block}
.brandbox{position: absolute; width: 110px;background: #fff;right: -1px;border-radius: 6px;}
.brandbox a{width: 100%;height: 32px;line-height: 32px;padding:0 15px;display: block;text-align: left;font-size: 13px;text-indent: .5em;box-sizing: border-box;}
.brandbox a:hover{background-color: #f3f6f9;}

.user-box{position: relative;padding:0 0px 0 10px;z-index: 1;box-sizing: content-box; line-height: 30px;}
.user-box i{color: #dfab68!important;position: absolute;top: 0;right: 0;}
.user-msg{width: 170px;height: 110px;padding: 10px 15px;top:41px;position: absolute;top:35px;left: -5px;background-color: #fff;box-sizing: content-box;}
.user-top{border-bottom: 1px solid #dedede;margin-bottom: 5px;}
.user-msg img{width: 36px;height: 36px;background-color: #f5f5f5;border-radius: 50%;border:1px solid #e9e9e9}
.user-msg h2{width: 90px;line-height: 41px}
.user-md a{width: 52px;margin-right:20px;line-height: 26px;}
.user-box:hover .font-dropdown{transform: rotate(-180deg);}
.user-box:hover  .user-msg{display: block}
#loginRealName{margin-top:-1px;
    background: url(/images/vip.png) left 2px no-repeat;
    height: 30px;
    width: auto;
    color: #954603;
    padding-left: 28px;
    padding-right: 13px;
    position: relative;
}
#loginRealName a{color: #954603; cursor: pointer; position: relative;}
.vip .vip-box {
    background: url(/images/tip.png) center no-repeat;
    width: 261px;
    height: 159px;
    position: absolute;
    left: -30px;
    top: 30px;
    z-index: 10000;
    text-align: center;
    box-sizing: border-box;
    padding-top: 10px;
}
@-webkit-keyframes waves {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 0 0
    }

    26% {
        background-position: 20px -20px
    }

    50% {
        background-position: 20px -20px
    }

    51% {
        background-position: 40px -40px
    }

    75% {
        background-position: 40px -40px
    }

    76% {
        background-position: 60px -60px
    }

    99% {
        background-position: 60px -60px
    }

    to {
        background-position: 0 0
    }
}
@keyframes waves {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 0 0
    }

    26% {
        background-position: 20px -20px
    }

    50% {
        background-position: 20px -20px
    }

    51% {
        background-position: 40px -40px
    }

    75% {
        background-position: 40px -40px
    }

    76% {
        background-position: 60px -60px
    }

    99% {
        background-position: 60px -60px
    }

    to {
        background-position: 0 0
    }
}
.wave {
    -webkit-animation: waves .8s linear infinite forwards;
    animation: waves .8s linear infinite forwards;
    background: -webkit-gradient(linear, left top, right top, from(#ffae12), to(#fb0505));
    background: linear-gradient(left, #ffae12, #fb0505);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -1px;
}
.wave em{vertical-align: middle;}
.vip .vip-box .flex a,.vip .vip-box .flex div {
    display: flex;
    display: block;
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 72px;
    line-height: 20px;
    font-size:12px;
}
.vip .vip-box .flex a:hover{ color:#2468F2 !important;}
.vip .vip-box .flex img {
    width: 37px;
    height: 37px;
}
.vip-box img {
    position: relative;
    top: 3px;
    margin-right: 4px;
}
.vip:hover i{transform: rotate(-180deg);}
.vip #loginRealName:hover .vip-box{display: block;}


/* logo */
.logo{width: 189px;height: 40px;}
.logo img{width: 189px;height: 40px;}
.logo-ad{left: 210px;top: 25px;}
.logo-ad img{width:134px;height: 46px;}
.search {width: 415px;height: 40px;line-height: 40px;border-radius: 40px;background: #F3F4F8;margin-left: 170px;}
.search-btn {width: 96px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;cursor: pointer;font-size: 14px;
    background-image: linear-gradient(to right bottom, rgb(36, 104, 242), rgba(36, 104, 242,.85));}
.search-btn:hover {opacity: 0.9;}
.search-btn:active {transform: translate(1px, 1px);}
.search-input::placeholder {color: #9d9d9d;}
.search-input {width:319px;height: 40px;border: none;line-height: 40px;outline: none;border-radius: 40px 0px 0px 40px;box-sizing: border-box;padding-left: 20px;background: #F3F4F8;}
.shop{width: 116px;height: 40px;border-radius: 40px;border: 1px solid #2468F2;box-sizing: border-box;line-height: 40px;padding-left: 56px;}
.shop span{width: 20px;height: 20px;text-align: center;line-height: 20px;left: 33px;top: -2px;border-radius: 20px;}
.shop:hover{background-color: #2468F2;color: #fff;}
.shop i{transform: scale(1.5);left: 20px;}
.logo-end{line-height: 40px;}
.logo-end a{display: flex;flex-direction: row; align-items: center;}
.logo-end a:hover{color: #2468F2;}
.logo-end i{width: 26px;height: 26px;border: 1px solid #2468F2;border-radius: 50%;text-align: center;line-height: 26px;box-sizing: border-box;font-size: 16px;}
.logo-end i::before{position: relative;top: -1px;}

.keyword{width: 390px;background-color: #fff;z-index: 300;left: 0;top: 45px;background-color: #fff; line-height: 30px;}
.keyword dd{width: 45%;}
.keyword dd p{max-width: 85%;}
.recWords span{font-size:14px !important; padding:0 !important;margin-left: 0 !important;}
.keyword ul li .numb{position: relative; color: #333; font-size: 12px; font-weight: bold; top: -1px;width: 16px; height: 16px; left: 3px;}
.keyword ul li:nth-child(1) .numb{background: url(../img/number1.svg) no-repeat;left: 0;top: 7px;}
.keyword ul li:nth-child(2) .numb{background: url(../img/number2.svg) no-repeat; left: 0; top: 7px;}
.keyword ul li:nth-child(3) .numb{background: url(../img/number3.svg) no-repeat; left: 0; top: 7px;}
.keyword ul li p{width: 330px;}
.keyword dl span{font-size: 12px; height: 18px; padding: 0 3px; border-radius: 3px; line-height: 18px; margin-top: 4px; margin-left: 3px;}
.keyword a:hover{color: #2468F2;}

/* nav */
.nav-box{line-height: 46px;}
.nav-home-btn{width:194px;height: 46px;line-height: 46px;border-radius: 6px 6px 0 0;text-align: center;}
.nav-box .nav-home-btn:hover{opacity: .9;color: #fff;}
.nav-box>span{width: 1px;background-color: #ccc;height: 10px;position: relative;top: 18px;}
.nav-box>a:hover{color: #2468F2;}

/** 底部 **/
.footer{height:460px;background: rgba(34, 35, 45, 1); padding-top: 45px; color: #fff;}
.footer a{color:#fff;}
.footer .tit{ font-size:18px; font-weight: bold; line-height: 25px;}
.footer .tel{ font-size:18px; font-weight: bold; line-height: 25px;}
.footer .tel i{font-size: 30px; vertical-align: middle;}
.footer .nav{width: 515px;}
.footer .nav dl dt{font-weight: bold; font-size: 20px; line-height: 54px; border-bottom: 1px solid #fff;}
.footer .nav dl dd{ line-height: 45px;}
.footer .qrcode img{padding:5px; background: #fff; border-radius: 5px;}
.footer .qrcode{text-align: center;}
.footer .line{height: 1px; opacity: 0.8;}

.footer .validate{text-align: center;}
.footer .copyright{text-align: center; line-height: 20px;}
.footer .copyright p{font-size: 12px;}


/* 字体大小 */
.font-14{font-size: 14px;}
.font-13{font-size: 13px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}
.font-17{font-size: 17px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-12{font-size: 12px;}
/* 字体颜色 */
.text-primary{color: #2468F2;}
.text-success{color: #00c853;}
.text-warning{color: #ffc107;}
.text-danger{color: #F2060E;}
.text-oranger{color: #f60;}
.text-info{color: #2196f3;}
.text-dark{color: #666;}
.text-light{color: #7e7e7e;}
.text-white{color: #fff;}
.text-black{color: #333;}
.text-muted{color: #9e9e9e;}
.text-gold{color: #341C07;}

.text-red-gradient{background:linear-gradient(180deg,#FF5B36,#FF0A02);-webkit-background-clip:text;
    background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.text-blue-gradient{background:linear-gradient(180deg,#4984FA,#1058E8);-webkit-background-clip:text;
    background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.text-yellow-gradient{background:linear-gradient(180deg,#F9AA46,#F18112);-webkit-background-clip:text;
    background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}

/* 背景颜色 */
.bg-primary{background-color: #2468F2;}
.bg-success{background-color: #00c853;}
.bg-warning{background-color: #ffc107;}
.bg-oranger{background-color: #f60;}
.bg-danger{background-color: #F2060E;}
.bg-light{background-color: #f1f2f6;}
.bg-white{background-color: #fff;}
.bg-gold{background-color: #EED1AC;}
.bg-red-light{background-color: #FCEBEB;}
.bg-blue-light{background-color: #E1EBFE;}
.bg-yellow-light{background-color: #FFEFE2;}

.ppt,.pptx{background: url(/img/bg.png) 0 -160px no-repeat;background-size: 35px;width: 14px;height: 14px;left: 0;top: 2px;}
.doc,.docx{background: url(/img/bg.png) 0 -194px no-repeat;background-size: 35px;width: 14px;height: 14px;left: 0;top: 2px;}
.rar,.zip{background: url(/img/bg.png) 0 -228px no-repeat;background-size: 35px;width: 14px;height: 14px;left: 0;top: 2px;}
.mp3{background: url(/img/bg.png) 0 -330px no-repeat;background-size: 35px;width: 14px;height: 14px;left: 0;top: 2px;}
.img{background: url(/img/bg.png) 0 -364px no-repeat;background-size: 35px;width: 14px;height: 14px;left: 0;top: 2px;}
.mp4{background: url(/img/bg.png) 0 -398px no-repeat;background-size: 35px;width: 14px;height: 14px;left: 0;top: 2px;}
.pdf{background: url(/img/bg.png) 0 -262px no-repeat;background-size: 35px;width: 14px;height: 14px;left: 0;top: 2px;}

/* ========== Margin 间距 0‑30px 步长5px ========== */
/* 1. 四周简写 m‑* 优先级最低，最先定义 */
.m-0  { margin: 0; }
.m-5  { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }

/* 2. X/Y组合 mx‑* my‑* 次之 */
.mx-0  { margin-left:0; margin-right:0; }
.mx-5  { margin-left:5px; margin-right:5px; }
.mx-10 { margin-left:10px; margin-right:10px; }
.mx-15 { margin-left:15px; margin-right:15px; }
.mx-20 { margin-left:20px; margin-right:20px; }
.mx-25 { margin-left:25px; margin-right:25px; }
.mx-30 { margin-left:30px; margin-right:30px; }

.my-0  { margin-top:0; margin-bottom:0; }
.my-5  { margin-top:5px; margin-bottom:5px; }
.my-10 { margin-top:10px; margin-bottom:10px; }
.my-15 { margin-top:15px; margin-bottom:15px; }
.my-20 { margin-top:20px; margin-bottom:20px; }
.my-25 { margin-top:25px; margin-bottom:25px; }
.my-30 { margin-top:30px; margin-bottom:30px; }

/* 3. 单方向 mt/mr/mb/ml 放在margin模块最后，用于覆盖简写、组合 */
.mt-0  { margin-top: 0; }
.mt-5  { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }

.mr-0  { margin-right: 0; }
.mr-5  { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }

.mb-0  { margin-bottom: 0; }
.mb-5  { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }

.ml-0  { margin-left: 0; }
.ml-5  { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }

/* ========== Padding 间距 0‑30px 步长5px ========== */
/* 1. 四周简写 p‑* */
.p-0  { padding: 0; }
.p-5  { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }

/* 2. X/Y组合 px‑* py‑* */
.px-0  { padding-left:0; padding-right:0; }
.px-5  { padding-left:5px; padding-right:5px; }
.px-10 { padding-left:10px; padding-right:10px; }
.px-15 { padding-left:15px; padding-right:15px; }
.px-20 { padding-left:20px; padding-right:20px; }
.px-25 { padding-left:25px; padding-right:25px; }
.px-30 { padding-left:30px; padding-right:30px; }

.py-0  { padding-top:0; padding-bottom:0; }
.py-5  { padding-top:5px; padding-bottom:5px; }
.py-10 { padding-top:10px; padding-bottom:10px; }
.py-15 { padding-top:15px; padding-bottom:15px; }
.py-20 { padding-top:20px; padding-bottom:20px; }
.py-25 { padding-top:25px; padding-bottom:25px; }
.py-30 { padding-top:30px; padding-bottom:30px; }

/* 3. 单方向 pt/pr/pb/pl 放在padding模块最后，覆盖简写、组合 */
.pt-0  { padding-top: 0; }
.pt-5  { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }

.pr-0  { padding-right: 0; }
.pr-5  { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }

.pb-0  { padding-bottom: 0; }
.pb-5  { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }

.pl-0  { padding-left: 0; }
.pl-5  { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }

/* ========== 负margin -5 ~ -30，步长5px（放在整套间距最后） ========== */
.mt-n5  { margin-top: -5px; }
.mt-n10 { margin-top: -10px; }
.mt-n15 { margin-top: -15px; }
.mt-n20 { margin-top: -20px; }
.mt-n25 { margin-top: -25px; }
.mt-n30 { margin-top: -30px; }

.mr-n5  { margin-right: -5px; }
.mr-n10 { margin-right: -10px; }
.mr-n15 { margin-right: -15px; }
.mr-n20 { margin-right: -20px; }
.mr-n25 { margin-right: -25px; }
.mr-n30 { margin-right: -30px; }

.mb-n5  { margin-bottom: -5px; }
.mb-n10 { margin-bottom: -10px; }
.mb-n15 { margin-bottom: -15px; }
.mb-n20 { margin-bottom: -20px; }
.mb-n25 { margin-bottom: -25px; }
.mb-n30 { margin-bottom: -30px; }

.ml-n5  { margin-left: -5px; }
.ml-n10 { margin-left: -10px; }
.ml-n15 { margin-left: -15px; }
.ml-n20 { margin-left: -20px; }
.ml-n25 { margin-left: -25px; }
.ml-n30 { margin-left: -30px; }

/* ========== 应急强制清零类 -imp 仅对抗外部高权重业务选择器手动使用 ========== */
.m-0-imp  { margin: 0 !important; }
.mt-0-imp { margin-top: 0 !important; }
.mr-0-imp { margin-right: 0 !important; }
.mb-0-imp { margin-bottom: 0 !important; }
.ml-0-imp { margin-left: 0 !important; }

.p-0-imp  { padding: 0 !important; }
.pt-0-imp { padding-top: 0 !important; }
.pr-0-imp { padding-right: 0 !important; }
.pb-0-imp { padding-bottom: 0 !important; }
.pl-0-imp { padding-left: 0 !important; }


.rounded-corner5{border-radius: 5px;}
.rounded-corner10{border-radius: 10px;}

.w-100{width: 100% !important;}

/**
 * CustomCheckbox 组件样式
 */

/* 组件外层 */
.ui-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 14px;
  color: #344054;
  user-select: none;
}
.ui-checkbox.is-disabled {
  cursor: not-allowed;
}

/* 原生input隐藏，保留表单能力，屏幕阅读器可识别 */
.ui-checkbox > input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

/* 自定义框 */
.ui-checkbox__box {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid #C4C4C4;
  border-radius: 2px;
  background-color: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s cubic-bezier(0.4,0,0.2,1);
  margin-right: 5px;
}

/* 对勾 */
.ui-checkbox__box::after {
  content: "";
  width: calc(16px * 0.3);
  height: calc(16px * 0.5);
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: 0.2s cubic-bezier(0.4,0,0.2,1);
  margin-top: -2px;
}

/* 选中状态 */
.ui-checkbox > input[type="checkbox"]:checked + .ui-checkbox__box {
  background-color: #2468F2;
  border-color: #2468F2;
}
.ui-checkbox > input[type="checkbox"]:checked + .ui-checkbox__box::after {
  transform: rotate(45deg) scale(1);
}

/* 半选 indeterminate */
.ui-checkbox.is-indeterminate > .ui-checkbox__box {
  background-color: #2468F2;
  border-color: #2468F2;
}
.ui-checkbox.is-indeterminate > .ui-checkbox__box::after {
  transform: scale(0);
}
.ui-checkbox.is-indeterminate > .ui-checkbox__box::before {
  content: "";
  width: 50%;
  height: 2px;
  background-color: #fff;
}

/* 禁用 */
.ui-checkbox.is-disabled > .ui-checkbox__box {
  background-color: #f2f4f7;
  border-color: #d0d5dd;
}
.ui-checkbox.is-disabled > .ui-checkbox__text {
  color: #98a2b3;
}

/* 键盘焦点可访问性 */
.ui-checkbox > input[type="checkbox"]:focus-visible + .ui-checkbox__box {
  outline: 2px solid rgba(36, 104, 242, 0.35);
  outline-offset: 1px;
}

/* 文字 */
.ui-checkbox__text {
  line-height: 1.4;
}


/* 分页 */
.pager{ width:100%; height:40px; line-height:40px; text-align: center;color:#666; font-size:14px; margin-top:20px; margin-left:auto; margin-right:auto;font-family: Arial;}
.pager li{list-style-type: none;float: left;}
.pager a {display: inline-block;padding: 0 14px;line-height: 34px;color: #666; text-align: center;margin-right: 8px; border-radius: 3px;background: #eee;}
.pager a:hover{color:#fff; background:#2468F2; border-color: #2468F2;}
.pager a.am-active{color:#fff; background:#2468F2; border-color: #2468F2;}



/* 侧边滑动导航 */
.slide-tool{width: 56px; margin: auto; position: fixed; bottom: 5%; right: 0; cursor: pointer; z-index: 99999;}
.slide-tool ul li{color:#888;width: 56px;overflow: hidden;text-align: center;cursor: pointer;border-radius: 2px;padding: 8px 0;box-sizing: border-box;background: #fff;border-bottom:1px solid #f3f3f3;box-shadow:0 0 2px 2px #f3f3f3;font-size:12px;}
.slide-tool ul li a{color:#888;}
.slide-tool ul li:hover{background:#2468F2;}
.slide-tool ul li:hover i,.slide-tool ul li:hover span{color:#fff;}
.slide-tool ul li i{font-size: 20px;color:#ccc;line-height: 20px;}
.service {width: 140px;padding: 10px 5px 5px 5px;background:#fff;position: absolute;z-index: 100000;right:57px;top: 0;font-size: 12px;}
.pub-number{width: 140px;padding: 10px 5px 5px 5px;background:#fff;position: absolute;z-index: 100000;right:57px;top: 55px;font-size: 12px;}
.service img,.pub-number img{width:120px;}
.slide-tool ul li:hover .service{display: block;}
.slide-tool ul li:hover .pub-number{display: block;}


/*浏览器版本弹窗*/
.edition_box{background-color: #fff;width: 710px;margin: 20px auto 0 auto;border-radius: 4px;padding: 10px 24px;position: relative;height:337px;}
.edition_box h3{font-family: "microsoft yahei";font-size: 18px;font-weight: bold;color: #333;margin: 40px 0 25px 0;}
.edition_box span{font-size: 16px;line-height: 30px;font-family: "microsoft yahei";}
.edition_box p{width:252px;margin: 25px auto;font-family: "microsoft yahei";}
.edition_icon{background: url(/images/edition_icon.png) no-repeat;}
.edition_box i.lx{background-position: 0 0;width: 12px;height: 13px;display: inline-block; margin: 0 5px;}
.edition_type{margin:30px auto 0 auto;width: 564px;}
.edition_type a{width: 84px;margin-right: 65px;}
.edition_type a:hover span{color: #2BAB73;}
.edition_type a.last{margin: 0;}
.edition_type a i{display: block;width: 84px;height: 85px;}
.edition_type a i.gg{background-position: 0 -12px;}
.edition_type a i.hh{background-position: 0 -93px;}
.edition_type a i.strr{background-position: 0 -173px;}
.edition_type a i.sg{background-position: 0 -254px;}
/*浏览器版本弹窗*/

.position {height: 40px;font-size: 12px;font-family: "Microsoft YaHei";overflow: hidden;line-height: 36px;text-overflow: ellipsis;white-space: nowrap;}
.position span{color:#666666;}
.position a{color:#666666;}
.position a:hover{color:#2cb699;}
.position a:hover i{color:#2cb699;}
.position .fr i{margin-left: 2px; color: #aaa;}



/* 关怀模式 */
/* 顶部功能栏 */
#careMode {
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 800px;
    height: 80px;
    background: #000;
    color: #fff;
    overflow: hidden;
    z-index: 99999;
}
#careMode .option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    padding: 5px 0;
    border-radius: 12px;
    margin: 0 20px;
    font-size: 15px;
    transition: background 0.2s;
    outline: 0px !important;
}
#careMode a {
    color: #fff;
    text-decoration: none;
}
#careMode .option:last-child i {
    color: #ff4500;
}
#careMode .option:hover {
    background: rgba(255, 255, 255, 0.2);
}
#careMode .option i {
    font-size: 27px;
    margin-bottom: 2px;
    outline: 0px !important;
}

#careMode .selected {
    color: #45c3a9;
}
#careMode .selected::after {
    position: absolute;
    bottom: -4px;
    content: '';
    width: 0;
    height: 0;
    border: 4px solid #45c3a9;
    transform: rotate(45deg);
}
#mask_create {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    background: transparent;
    z-index: 99999;
    transition: background 0.5s;
}

.zoom1_2 {
    zoom: 1.2;
}
.zoom1_2 #careMode {
    zoom: 0.8333;
}
.zoom1_4 {
    zoom: 1.4;
}
.zoom1_4 #careMode {
    zoom: 0.7142;
}
.mask_create-trans {
    background: rgba(255, 147, 41, 0.118) !important;
}
/* 底部字幕栏 */
#subtitle {
    position: fixed;
    box-sizing: border-box;
    display: none;
    top: calc(100vh - 140px);
    top: -moz-calc(100vh - 140px);
    top: -webkit-calc(100vh - 140px);
    width: 100%;
    height: 140px;
    padding: 6px 60px;
    font-size: 43px;
    text-align: center;
    background: #ffffff;
    border-top: 4px solid #dedede;
    overflow: auto;
    color: #111;
    z-index: 9999;
}
#subtitle #close {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 30px;
    cursor: pointer;
}
.big_cursor,
.big_cursor input,
.big_cursor a,
.big_cursor iframe {
    cursor: url(https://webresource.c-ctrip.com/NFES/libs/1620451403492/dist/icon/pointer.cur),
    auto !important;
}
.wireframe {
    outline: 1px dashed #dedede !important;
}