body {font-size: 14px;font-weight: 400;color: #1b1b1b;text-align: left;background-color: #f4f4f7;}



.ser_wh {
    width: 100%;
    height: 475px;
    background: url(wh-bg.png) no-repeat center center;
    background-size: 100% 475px;
}

.wh_item {
    position: relative;
    width: 278px;
    height: 270px;
    text-align: center;
    background-color: #fff;
    margin-left: 29px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    box-shadow: 0 2px 5px 0 rgb(157 170 197 / 27%);
}

.wh_item:hover {
    transform: translateY(-6px);
}

.wh_item:first-child {
    margin-left: 0;
}

.wh_item .wh_img {
    width: 70px;
    height: 70px;
    margin: 50px auto 20px;
    text-align: center;
}

.wh_item .wh_img img {
    width: 100%;
    height: 100%;
}

.wh_item .p_a {
    font-size: 24px;
    line-height: 31px;
    color: #181C29;
}

.wh_item .p_b {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
    color: #828897;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    opacity: 1;
}

.wh_item .wh_btn {
    position: absolute;
    left: 50%;
    bottom: 50px;
    margin-left: -64px;
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background-color: #3a62c8;
    border-radius: 4px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    opacity: 0;
    display: block;
    cursor: pointer;
}

.wh_item .wh_btn:hover {
    background-color: #4675ef;
}

.wh_item:hover .p_b {
    opacity: 0;
}

.wh_item:hover .wh_btn {
    opacity: 1;
}

.ser_que {
    padding-bottom: 50px;
}

.ser_wh .common_tit .tit_a,
.ser_wh .common_tit .tit_b {
    color: #fff;
}

.search-b1 { max-width: 176px; margin: 3px 0 0 25px; font-size: 16px; }
.search-b1 .icon-classes{ display: inline-block; width: 22px; height: 18px; margin: -6px 15px 0 0; background: url(../img/icon_menu.png) no-repeat; background-position: 0 -148px; vertical-align: middle; }
.search-b1 .check-notice { margin-top: 6px; font-size: 14px; }
.search-b1 .check-notice a { color: #000; }
.search-b1 .check-notice .btn-item { padding: 2px 4px; background: #fe8431; border-radius: 4px; color: #fff; }



.common_tit {
    text-align: center;
    padding: 50px 0 30px;
}

.common_tit .tit_a {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #181C29;
}

.common_tit .tit_a span {
    position: relative;
    display: inline-block;
}

.common_tit .tit_b {
    margin-top: 10px;
    line-height: 20px;
    color: #828897;
}

.common_tit .tit_a span:before {
    display: inline-block;
    width: 45px;
    height: 20px;
    content: "";
    position: absolute;
    left: -70px;
    top: 10px;
    background: url(same-tit-l.png) no-repeat center center;
    background-size: 45px 20px;
}

.common_tit .tit_a span:after {
    display: inline-block;
    width: 45px;
    height: 20px;
    content: "";
    position: absolute;
    right: -70px;
    top: 10px;
    background: url(same-tit-r.png) no-repeat center center;
    background-size: 45px 20px;
}



















.arrowed-tips,.arrowed-tips.tips-new {display: inline-block;background-color: #2DD071;line-height: 100%;font-size: 12px;text-align: center;padding: 1px;position: absolute;color: #fff;top: -4px;right: 20px !important;border-radius: 2px;font-weight: normal;}
.arrowed-tips:after,.arrowed-tips.tips-new:after {content: '';width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 3px solid #2DD071;position: absolute;left: 50%;bottom: -3px;margin-left: -1px;}
.arrowed-tips.tips-warning,.arrowed-tips.tips-hot,.arrowed-tips.tips-free{background-color: #FEBA31;}
.arrowed-tips.tips-warning:after,.arrowed-tips.tips-hot:after,.arrowed-tips.tips-free:after{border-top-color:#FEBA31;}
.tc-orange-new {color: #FF4F19 ;}
.tc-icon-orange-new {color: #FF6700 ;}
.bg-orange-new {background-color: #FFF3EB;}
.el-button--primary {color: #fff;background: #ff4f19;border-color: #ff4f19;}
.el-button--primary:focus, .el-button--primary:hover{color: #fff;background: #FF6700;border-color: #FF6700;}
.ssl-detail a:hover,a.new-link:hover, .new-link a:hover{color: #FF4F19;text-decoration: none;}
.btn-orange-new {background: #FF4F19;color: #fff;}
.btn-orange-new:hover{background: #fc6530;color: #fff;}
.btn-orange-new.plain {background: #fff;color: #FF4F19;border:1px #FF4F19 solid;}
.btn-orange-new.plain:hover {background: #fff;color: #FF4F19;border:1px #FF4F19 solid;}
.topbar .topbar-right>li a {color: inherit;}
.header .search {width: 576px;margin: -22px 0 0 50px;}
.header .search-tabs .btn.active {background: #FF4F19;}
.header .search-box .search-form {border: 2px solid #FF4F19;border-right: 0;}
.header .search-box .search-form .search-btn {background: #bf9f64;}
.header .contact {height: 62px; margin-top: -6px}
.header.fixed-header .contact {height: 40px; margin-top: 0px}
.sale-btn {width: 120px;margin-left: 10px}
.sale-btn .btn {width: 120px;height: 40px;line-height: 38px;border-color: #FF4F19;border-width: 2px;vertical-align: top;color: #FF4F19}
.sale-btn .btn .iconfont {margin-left: 4px;font-size: 12px}
.sale-btn .btn:hover {border-color: #FF4F19;color: #fff}

/* 使用css实现鼠标移入显示 */
.nav-toggle-menu .menu-content {display: none;}
.nav-toggle-menu .menu-item:hover .menu-content {display: block !important;}
.nav-toggle-menu .menu .el-scrollbar .content-tit {height: 42px;line-height: 42px;border-bottom: 1px dashed #ececec;color: #505050}
.nav-toggle-menu .menu .el-scrollbar .content-item {padding: 10px 0;line-height: 30px;border-bottom: 1px dashed #ececec;}
.nav-toggle-menu .menu .el-scrollbar .content-item li {display: inline-block;margin-right: 24px;font-size: 14px}
.nav-toggle-menu .menu .el-scrollbar .content-item li:last-child {margin-right: 0}
.nav-toggle-menu .menu .el-scrollbar .content-item li a {color: #6e6e6e}
.nav-toggle-menu .menu .el-scrollbar .content-item li:hover a {color: #fc6530}

/* nav导航菜单 */
.new-nav .new-nav-item {margin-left: 12px}
.new-nav .new-nav-item li {float: left;padding: 0px 25px;height: 50px;color: #fff;font-weight: 600;text-align: center;position: relative}
.new-nav .new-nav-item li a {display: block}
.new-nav .new-nav-item li a:hover {color: #FF4F19}
body .new-nav.bg-solid .new-nav-item li a {color: #fff;}
.new-nav.bg-solid .new-nav-item li.now {background: #df4320;}
.new-nav .new-nav-item li.now a,
.new-nav .new-nav-item li.active a,
.new-nav .new-nav-item li:hover {color: #FF4F19}
.new-nav .new-nav-item li.home-li {margin-right: 0}
.new-nav .new-nav-item li.home-li .iconfont {margin: -2px 8px 0 0;font-size: 14px;color: #FF4F19}
.new-nav .new-nav-item li.home-li a {display: block}
.new-nav .new-nav-item li:after {content: " ";position: absolute;top: 22px;right: 0;width: 1px;height: 6px;border-right: 1px solid #c8c8c8}
.new-nav .new-nav-item li:last-child:after {display: none}
.new-nav .new-nav-item li .tag {position: absolute;top: -6px;right: 12px;width: 30px;height: 16px;line-height: 16px;border-radius: 2px;font-size: 12px;color: #fff;font-weight: 400;font-style: normal;text-align: center}
.new-nav .new-nav-item li .tag.t-new {background: #18c385}
.new-nav .new-nav-item li .tag.t-new:after {border-top: 3px solid #18c385}
.new-nav .new-nav-item li .tag.t-hot {background: #fb5555}
.new-nav .new-nav-item li .tag.t-hot:after {border-top: 3px solid #fb5555}
.new-nav .new-nav-item li .tag:after {content: " ";position: absolute;top: 16px;left: 12px;border-left: 3px solid transparent;border-right: 3px solid transparent}

/* nav导航菜单 */
.new-nav {width: 100%;height: 50px;line-height: 50px;background: #fff;color: #fff;font-size: 16px}
.new-nav.bg-solid {background: #FF4F19}
.new-nav.bg-solid .new-nav-item li a {color: #fff}
.new-nav.bg-solid .new-nav-item li.active,
.new-nav.bg-solid .new-nav-item li:hover {background: #df4320}
.new-nav.bg-solid .new-nav-item li.home-li .iconfont {color: #fff}
.new-nav.bg-solid .new-nav-item li:after {display: none}
.nav-toggle-menu {width: 200px;position: relative;}
.nav-toggle-menu .tit {padding-left: 20px;background: #cca75d;cursor: pointer;border-radius: 6px 6px 0 0;}
.nav-toggle-menu .tit .i-menu {margin-right: 10px;font-size: 14px}
.nav-toggle-menu .tit .i-tri {width: 16px;height: 16px;line-height: 16px;margin: 18px 18px 0 0;font-size: 20px;-webkit-transform: rotate(90deg);transform: rotate(90deg)}
.nav-toggle-menu .menu {position: absolute;top: 50px;left: 0;width: 100%;height: 440px;background: rgba(33,33,33,.7);font-size: 14px;z-index: 998}
.nav-toggle-menu .menu-item {height: 96px;padding: 20px;border-top: 1px solid #666;cursor: default;transition: all .3s}
.nav-toggle-menu .menu-item:first-child{ border-top: 0px}
.nav-toggle-menu .menu-item:hover {background: #FFF3EB}
.nav-toggle-menu .menu-item .menu-tabs .name {height: 22px;line-height: 22px;font-size: 16px}
.nav-toggle-menu .menu-item .menu-tabs .name>a {color: #fff}
.nav-toggle-menu .menu-item:hover .menu-tabs .name>a{color: #FF4F19}
.nav-toggle-menu .menu-item .menu-tabs .name .i-name {margin: 0px 0px 0 0;font-size: 20px;vertical-align: middle;color: #fff;}
.nav-toggle-menu .menu-item:hover .menu-tabs .name .i-name {color: #FF4F19;}
.nav-toggle-menu .menu-item .menu-tabs .name .i-tri {width: 14px;height: 14px;line-height: 14px;margin-top: 5px;font-size: 20px}
.nav-toggle-menu .menu-item .menu-tabs .sub-menu {height: 16px;line-height: 16px;margin-top: 20px;}
.nav-toggle-menu .menu-item .menu-tabs .sub-menu a {margin-right:6px;}
.nav-toggle-menu .menu-item .menu-tabs .sub-menu span {color: #ccc;font-size: 14px;margin-right: 1px;}
.nav-toggle-menu .menu-item:hover .menu-tabs .sub-menu span {color: #999;font-size: 14px;margin-right: 1px;}
.nav-toggle-menu .menu-item .menu-tabs .sub-menu span+span {margin-left: 4px}
.nav-toggle-menu .menu-content {position: absolute;top: 0;left: 200px;width: 702px;height: 440px;padding: 10px 20px;border-top: 1px dashed #ececec;background: #fff3eb;color: #9b9b9b;z-index: 3;overflow: hidden}

/* .icon-mianfei {width: 29px;height: 19px;background: url("https://www.22.cn/content/images/icon_mianfei.png") 0 0 no-repeat;display: inline-block;position: absolute;z-index: 2;top: -5px;right: 10px;} */
.icon-mianfei {width: auto;background: #fb5555;display: inline-block;position: absolute;z-index: 2;color: #fff;text-align: center;line-height: normal;padding: 2px 4px;font-size: 12px;font-family: '宋体';top: -16px;right: 0 !important;}
.icon-mianfei::after {border-right: 8px solid transparent;border-top: 8px solid #fb5555;content: "";position: absolute;top: 17px;left: 4px;}
.new-nav .nav {border-top: 0px;}
.new-nav .nav .content-item .icon-mianfei {width: auto;background: #18c385;display: inline-block;/* position: absolute; */
    z-index: 2;color: #fff;text-align: center;line-height: normal;padding: 2px 4px;font-size: 12px;font-family: '宋体';top: 0px;right: -2px !important;position: relative;}
.new-nav .nav .content-item .icon-mianfei::after {content: "";position: absolute;top: 4px;left: -10px;border-width: 5px;border-style: solid;border-color: transparent #18c385 transparent transparent;transform: rotate( 1800deg);}
.common-header .contact .iconfont,.mini-header .contact .iconfont {color: #FF4F19}
.common-header .contact .infos .number,.mini-header .contact .infos .number {color: #1a1a1a}
.common-header .contact .infos .time,.mini-header .contact .infos .time {color: #666}
.right-sidebar li.active,
.right-sidebar li:hover {color: #FF4F19 !important;}
.right-sidebar li.active .iconfont,
.right-sidebar li:hover .iconfont ,
.right-sidebar li.active .icon,
.right-sidebar li:hover .icon {color: #FF4F19 !important;fill: #FF4F19 !important;}
.right-sidebar li.custom-li {background: #FF4F19 !important;color: #fff;}
.right-sidebar li.custom-li:hover,
.right-sidebar li.custom-li:hover .icon {color: #fff !important;fill: #fff !important;}
.footer .no-login-prompt{background: url(../img/new/d_img.png) no-repeat center center;}
.footer .no-login-prompt a:hover, .footer .no-login-prompt a.active{color: #FF4F19;}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {background-color: #FF4F19;border-color: #FF4F19;}
.el-checkbox__input.is-checked+.el-checkbox__label,
.el-radio__input.is-checked+.el-radio__label{color: #FF4F19;}
.epower-custom-radio .el-checkbox-button.is-checked .el-checkbox-button__inner,
.epower-custom-radio .el-radio-button__orig-radio:checked+.el-radio-button__inner{background-color: #ffffff;border-color: #FF4F19;position: relative;border-right-color: #FF4F19;color: #FF4F19;}
.epower-custom-radio .el-checkbox-button.is-checked .el-checkbox-button__inner::after,
.epower-custom-radio .el-radio-button__orig-radio:checked+.el-radio-button__inner::after{background-image: url(../img/new/checked.svg);}
.setting .iconfont.icon-tanhao.text-blue {color: #FF4F19 !important; cursor: pointer;}
.setting .el-slider__button { border-color:  #FF4F19;}
.setting .el-slider__bar {background-color: #FF4F19;}
.setting .el-radio-group .el-radio-button:hover .el-radio-button__inner{color:#FF4F19 ;}
.setting .el-input .el-input__inner:focus {border-color: #FF4F19;}
.con-checked .el-input .el-input__inner:focus {border-color: #FF4F19;}
.el-radio-button__inner:hover{color:#FF4F19}
.el-pagination.is-background .el-pager li:not(.disabled).active {background-color: #ff4f19;}
.tm-switch-export:hover{color:#ff4f19}
.header-popper .header-search-item {border-color:#FF6700; margin-top: -5px;}
.header-popper .header-search-item li:hover{background-color: #ff4f19;}
.red-btn-active {background-color: #ff4f19; border-color: #ff4f19;}



.brand-list { margin-top: 30px; }

.brand-list .brand-group ul li { width: 288px; float: left; margin-left: 16px; margin-bottom: 20px; -webkit-transition: all 500ms; transition: all 500ms; }

.brand-list .brand-group ul li:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

.brand-list .brand-group ul li:hover .brand-info .brand-name a { color: #ee3131; }

.brand-list .brand-group ul li:nth-child(4n+1) { margin-left: 0; }

.brand-list .brand-group ul li .logo-view { width: 288px; height: 160px; display: block; position: relative; }

.brand-list .brand-group ul li .logo-view em { position: absolute; right: 10px; top: 10px; color: #fff; font-size: 12px; font-style: normal; }

.brand-list .brand-group ul li .logo-view img { width: 100%; height: 100%; border-radius: 2px 2px 0 0; }

.brand-list .brand-group ul li .brand-info { border: 1px solid #eee; border-top: none; padding: 5px 10px; line-height: 32px; border-radius: 0 0 2px 2px; }

.brand-list .brand-group ul li .brand-info .brand-name a { font-size: 18px; display: block; color: #000; max-width: 10em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.brand-list .brand-group ul li .brand-info .brand-name span { color: #ee3131; font-size: 14px; }

.brand-list .brand-group ul li .brand-info .brand-des { color: #999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.brand-list .brand-group ul li .brand-info .brand-tag span, .brand-list .brand-group ul li .brand-info .brand-tag a { padding: 3px 8px; border: 1px solid #eee; font-size: 12px; color: #6992d0; margin-right: 5px; }

.brand-list .brand-group ul li .brand-info .brand-tag span { color: #333; }

.brand-list .propagebox { padding: 15px 0; margin-top: 20px; }

.brand-list .propagebox .propage { text-align: center; color: #999; }

.brand-list .propagebox .propage span, .brand-list .propagebox .propage a { display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; border: 1px solid #eee; border-radius: 5px; color: #999; font-size: 18px; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.brand-list .propagebox .propage span.current, .brand-list .propagebox .propage a.current { background-color: #ee3131; color: #fff; }

.brand-list .propagebox .propage span:hover:not(span), .brand-list .propagebox .propage a:hover:not(span) { color: #ee3131; }






















.el-row.jazor-x-table-header {
  background-color: #f9f9f9; border:1px solid #e6e6e6;
}
.el-row.jazor-x-table-header .el-col{
  font-weight: bold; color: #666;
}





.index-banner{
    height: 440px !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 5px;
}
.index-banner .user-panel {
    background: #fff url(../img/user-panel-bg.png) no-repeat 100% 0;
    position: absolute;
    top: 45px;
    left: 50%;
    width: 248px;
    margin-left: 352px;
    border-radius: 4px;
    color: #333;
    overflow: hidden;
    z-index: 4;
}

.index-banner .user-panel .user-top {
    padding: 25px 22px 0 26px;
}

.index-banner .user-panel .user-top .welcome {
    line-height: 30px;
    margin-left: 0;
    width: 100%;
    padding-left: 76px;
    background: url("../img/avt.png") no-repeat;
}

.index-banner .user-panel .user-top .welcome p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-banner .user-panel .user-middle {
    padding: 0 20px;
    margin: 12px 0;
}

.index-banner .user-panel .user-middle .btn {
    float: left;
    width: 96px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    cursor: pointer
}

.index-banner .user-panel .user-middle .btn+.btn {
    margin-left: 16px
}

.index-banner .user-panel .user-buttom {
    height: 40px;
    padding: 10px 0;
    background: #FF4F19;
    text-align: center;
    color: #fff;
}

.index-banner .user-panel .user-buttom a {
    float: left;
    width: 122px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    transition: all .3s;
    display: block;
    margin: 0 auto;
}

.index-banner .user-panel .user-buttom a:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.index-banner .user-panel .user-buttom a .icon {
    display: inline-block;
    margin-right: 6px;
    font-size: 18px;
    vertical-align: -3px;
}

.index-banner .user-panel .user-buttom .divide {
    float: left;
    width: 1px;
    height: 20px;
    border-left: 1px solid #f3f3f3
}

.index-banner .user-panel .user-news {
    padding: 20px 20px 12px
}

.index-banner .user-panel .user-news .news-head {
    height: 20px;
    line-height: 20px
}

.index-banner .user-panel .user-news .news-lis {
    margin-top: 10px;
    font-size: 12px
}

.index-banner .user-panel .user-news .news-lis li {
    height: 16px;
    padding-left: 12px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-banner .user-panel .user-news .news-lis li a {
    color: #9b9b9b
}

.index-banner .user-panel .user-news .news-lis li:hover a {
    color: #FF4F19
}

.index-banner .user-panel .user-news .news-lis li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 5px;
    border-left: 4px solid #FF4F19;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

/* 注册流程 */
.process {
  width: 1200px;
  height: 165px;

  border-radius: 0 0 4px 4px;
  padding:0px 20px;

}

.process .common_title_t p {
  font-size: 18px;
}

.process_l {
  margin-top: 0px;
}

.process_l li {
  width: 220px;
  height: 140px;
  float: left;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  margin-left: 15px;
  text-align: center;
}

.process_l li:first-child {
  margin-left: 0;
}

.process_l li:hover .process_l_t,
.process_l li:hover .process_l_d {
  color: #fe6b2a;
}

.process_l_n {
  width: 33px;
  height: 33px;
  margin: auto;
  border: solid 1px rgba(252, 160, 130, 0.4);
  border-radius: 50%;
  font-size: 16px;
  color: #fe6b2a;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  margin: 24px auto 10px;
}

.process_l_t {
  font-size: 16px;
  color: #424a66;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.process_l_d {
  font-size: 14px;
  color: #9b9da8;
  margin-top: 2px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.bg-f1f{ background-color: #f1f3f7;}