.text-price::before {
  content: "HK$";
  font-size: 92%;
  margin-right: 2px;
}

/*color*/
.text-green {color: #1d3251;}
.amp_layout_html_box {position: relative; width: 100%; height: 100%; background: #333333; }
.amp_layout_html_box .amp_img_mark_link {display: block; width: 100%; height: 100%; max-width: 1920px; margin: auto; }
.amp_layout_html_box .amp_img_mark_link .amp_img_mark {display: block; width: 100%; height: 100%; }


/* 头部 */
.Header-wrapper{width: 100%;background: #fff;position: relative;left: 0;top: 0;z-index: 1999;}
.Header-wrapper:after{content: "";width: 100%;height: 1px;background: #e8e8ea;position: absolute;left: 0;bottom: 0;z-index: 99;display: none;}

.bodyontrue .Header-navbarbox{display: block !important;}

.Header-top {border-bottom: 1px solid #f5f5f5;}
.Header-top .topbar_nav {float: left;height:58px;display: flex;align-items: center;}
.Header-top .topbar_nav a {color: #666666;font-size: 14px;}
.Header-top .topbar_nav a:hover {color:#1d3251;}
.Header-top ul {float: right;}
.Header-top ul li {float: left;margin-left: 30px;height:58px;display: flex;align-items: center;}
.Header-top ul li i.iconfont {font-size: 28px;}
.Header-top ul li i.icon-mine,
.Header-top ul li#myserve i.iconfont {color:#1d3251;}
.Header-top ul li a {font-size: 14px;color: #666666;}
.Header-top ul li .dt {position: relative;}
.Header-top ul li .dt .badge {position: absolute; top: 3px; left: 21px; right: auto; display: inline-block; padding: 1px 3px; font-size: 12px; line-height: 12px; color: #fff; background-color: #1d3251; border-radius: 7px; min-width: 12px; text-align: center; }
.Header-top ul li.login a:hover {color:#1d3251;}
.Header-top ul li.login .link-login {margin-left: 12px;}
.Header-top ul li.login .spacer {width: 1px;height:12px;background-color: #878787;display: inline-block;margin: 0px 6px;}


.H-lang {position: relative;float: right;}
.H-lang .Hlang-menu {display: flex;align-items: center;font-size: 14px;text-align: center;color: #666;transition: none;-webkit-transition: none;}
.H-lang .Hlang-menu i{width: 20px;height: 20px;background-repeat: no-repeat;background-image: url('../images/iconArrH.png');background-size: 10px auto;background-position: center;display: inline-block;vertical-align: middle;margin: -2px 4px 0 0;}
/* 多个语言 */
.Hlang-box {display: none;z-index: 4;width: 100px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);background: #fff;position: absolute;top: 100%;left: 50%;margin-left: -50px;}
.Hlang-box:before {content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -4px;}
.Hlang-box a {display: block;padding: 5px 10px;line-height: 30px;font-size: 14px;color: #666;text-align: center;}
.Hlang-box a:hover {color: #fff;background: #1d3251;}
.H-lang.ontrue .Hlang-box {display: block;animation: fadeInUpV .6s ease-in-out;-webkit-animation: fadeInUpV .6s ease-in-out;}
@keyframes fadeInUpV {0% {transform: translateY(-20px);-webkit-transform: translateY(-20px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}}


.Header-logo{float: left;position: relative;z-index: 999;}
.Header-logo a{height: 100px;float: left;user-select: none;}
.Header-logo a img {height: 100%;}

.Header-container {background: #ffffff;}
.Header-container > .container {width: 100%;margin: 0 auto;padding: 20px 0px;}
.Header-menubox {float: right;margin-right: 30px;padding: 8px 0px;position: relative;}
.Header-menubox ul li{float: left;text-align: center; max-width: 120px}
.Header-menubox .Header-Menu img {display: block;width: 50px;height: 50px;margin:0 auto;}
.Header-menubox .Header-Menu span {display: block;font-size: 16px;font-weight: bold;margin-top: 10px;}
.Header-menubox .swiper-container {width: 900px;overflow: hidden;float: left;}
.Header-menubox .menubox-prev,
.Header-menubox .menubox-next {width: 32px;height: 32px;line-height: 32px;float: left;margin-top: 26px;}
.Header-menubox .menubox-prev i,
.Header-menubox .menubox-next i {font-size: 32px;color: #555555;}
.Header-menubox .menubox-prev.swiper-button-disabled,
.Header-menubox .menubox-next.swiper-button-disabled {opacity: 0;}

/*篩選/搜索*/
.Header-settings {float: right;padding: 8px 0px;}
.Header-settings .explore-filters,
.Header-settings .explore-search {width: 128px;height: 36px;padding: 0px 20px;border:1px solid rgba(51, 51, 51, 0.35);border-radius: 3px;cursor: pointer;display: flex;align-items: center;}
.Header-settings .explore-search {margin-top: 10px;}
.Header-settings i {font-size: 21px;margin-right: 5px;}
.Header-settings span {font-size: 14px;}

.Header-navbar{font-size: 0;width: 100%;text-align: center;background-color: #1d3251;}
.Header-navbar ul {display: flex;align-items: center;justify-content: space-between;}
.Header-navbar ul li{display: inline-flex;margin: 0 10px;padding: 0px 5px;position: relative;}
.Header-navbar ul li.deep-color {background-color:rgb(29, 50, 81)}
.Header-navbar .Header-Menu{display: block;height: 60px;line-height: 60px;font-size: 18px;padding-left:10px;font-weight: bold;color: #ffffff;transition: all .4s ease-in-out;position: relative;}
.Header-navbar ul li.ontrue .Header-Menu, .Header-navbar ul li:hover .Header-Menu{color: #ffffff;}
.Header-arr {display: block;float: right;width: 40px;height: 40px;margin-top: 10px;background: url("../images/iconArrH.png") no-repeat center center /14px auto;}


@media all and (min-width:1200px) {
/*.Header-wrapper.header-stuck .Header-container {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-animation: searchTop .5s ease-in-out;
  animation: searchTop .5s ease-in-out;
}
.Header-wrapper.header-stuck .Header-container > .container {padding: 18px 0px;}
.Header-wrapper.header-stuck .Header-container .Header-menubox .Header-Menu span {margin-top: 6px;}*/
}
@-webkit-keyframes searchTop{0%{top:-50px}to{top:0}}
@keyframes searchTop{0%{top:-50px}to{top:0}}


/* 下拉 */
.Header-drop{display: none;position: absolute;z-index: 99;background: #1d3251;width: 200px;left:0px;top: 100%;border-radius: 0px 0px 3px 3px;box-shadow: 0px 1px 6px rgba(0,0,0,0.05);}
.Header-drop.Header-droppro{width: 200px;}
.Header-drop-contain{width: 100%;margin: 0 auto;}
.Header-drop-ul {width: 100%;text-align: left;}
.Header-drop-ul .Header-drop-ul_li {width: 100%;}
.Header-drop-ul .Header-drop-ul_li a {color: #ffffff; font-size: 16px; font-weight: 600;line-height: 30px; padding:5px 15px; display:block;}
.Header-drop-ul .Header-drop-ul_li:hover>a {color: #ffffff;}
.Header-drop-ul .Header-drop-ul_li.arrow>a:after {content: '>';display:inline-block;}
.Header-drop-ul .Header-drop-ul_li .Header-pro-li {display: none;position: absolute;left: 100%;top: 0;padding-left: 1px;}
.Header-drop-ul .Header-drop-ul_li .Header-pro-li .Header-pro-link {width: 200px;background-color: #1d3251;border-radius: 0px;box-shadow: 0px 1px 6px rgba(0,0,0,0.05);}
.Header-drop-ul .Header-drop-ul_li:hover .Header-pro-li {display: block;}
.Header-drop-ul_li_a {position: relative;padding-right: 60px;}
/*.Header-drop-ul .Header-drop-ul_li .Header-drop-ul_li_a:hover .Header-pro-li {display: block;}*/
.Header-drop-ul .Header-drop-ul_li .Header-pro-li .Header-pro-link a:hover  {color: #ffffff;}
.Header-drop-ul .Header-drop-ul_li:nth-last-child(1) .Header-pro-li,
.Header-drop-ul .Header-drop-ul_li:nth-last-child(2) .Header-pro-li,
.Header-drop-ul .Header-drop-ul_li:nth-last-child(3) .Header-pro-li,
.Header-drop-ul .Header-drop-ul_li:nth-last-child(4) .Header-pro-li,
.Header-drop-ul .Header-drop-ul_li:nth-last-child(5) .Header-pro-li,
.Header-drop-ul .Header-drop-ul_li:nth-last-child(6) .Header-pro-li {top: auto; top: 0; }


/* 手机汉堡键 */
.Header-navclick{height: 50px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 24px;height: 2px;background: #666;display: block;position: relative;margin-top: 23.5px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #666;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0); }
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0); }
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0); }
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0); }
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0); }
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0); }
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* 手机登录件 */
.Header-navbar .logout {display: none}
.Header-login {float: left;height: 50px;padding: 10px 0;display: none;align-items: center;}
.Header-login i {font-size: 28px;color: #666;}
.menubox-btn {display: none;}
.menubox-btn i {font-size: 24px;}

.Footer-icon {
  position: fixed;
  right: 20px;
  bottom: 100px;
}

.Footer-icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0fd9c2;
  padding: 4px 12px;
  font-size: 14px;
}
.Footer-icon a i.iconfont {
  font-size: 21px;
  margin-right: 5px;
}
.Footer-icon a span {
  line-height: 22px;
}

/* 底部 */
.Footer-wrapper{width: 100%;background: #333333;overflow: hidden;}
.Footer-container{max-width: 1580px;margin: 0 auto}
.Footer-infonav{width: 100%;padding: 54px 0 40px;}

.Footer-info{width: 450px;float: left;}
.Footer-infotit{width: 100%;}
.Footer-infotit a{font-size: 16px;color: #fff;}
.Footer-infotit p{display: block;padding: 7px 0;font-size: 16px;color: #9c9c9c;transition: all .4s ease-in-out;}

.Footer-infodes{width: 100%;margin: 12px 0 24px;}
.Footer-infodes-intro {display: flex;align-items: flex-end;margin:30px 0px;}
.Footer-infodes-intro img {width:200px;margin-right: 20px;}
.Footer-infodes-intro span {font-size: 16px;color: #9c9c9c;line-height: 22px;}
.Footer-infodes p {font-size: 16px;color: #9c9c9c;line-height: 22px;white-space:pre;}
.Footer-infoto{width: 100%;position: relative;}
.Footer-infoto li{width: 32px;margin-right: 20px;text-align: center;float: left;}
.Footer-infoto li:last-child{margin-right: 0;}
.Footer-infoto li img{width: 100%;}
.Footer-infoto li p{font-size: 14px;color: #9c9c9c;margin-top: 10px;}


.Footer-navbar{width: calc(100% - 450px);padding-right:90px;float: left;position: relative;}

.Footer-navbar .pc{display: block}
.Footer-navbar .mobile{display: none}

.Footer-navbar ul li{float: left;}
.Footer-navbar ul li+li {margin-left: 90px;}
.Footer-navclick{width: 100%;position: relative;}
.Footer-navclick a{font-size: 16px;color: #fff;}
.Footer-navclick i{width: 42px;height: 42px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/public/iconArrW.png') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 10px;}
.Footer-navwords a{display: block;padding: 7px 0;font-size: 16px;color: #9c9c9c;transition: all .4s ease-in-out;}
.Footer-navwords a:hover{color: #fff;}

.Footer-share{width: 100%;font-size: 0;padding: 24px 0 28px;border-top: 1px solid rgba(255, 255, 255, 0.05);}
.Footer-share span, .Footer-share a{display: inline-block;vertical-align: middle;}
.Footer-share span{font-size: 16px;color: #fff;margin-right: 24px;}
.Footer-share a{font-size: 14px;color: #adadad;transition: all .4s ease;margin-right: 12px;}
.Footer-share a:last-of-type{margin-right: 0;}
.Footer-share a:hover{color: #fff;}

.Footer-copyright{width: 100%;padding: 24px 0;background: #000000;text-align: center;}
.Footer-copyright p, .Footer-copyright span{font-size: 16px;color: #9c9c9c;line-height: 24px;}

/* 中间+共用部分 */
.Container-wrapper {width: 100%;padding-bottom: 120px;}

.breadcrumbs {
  padding: 30px 0px;
}
.breadcrumbs .crumb {
  float: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs .crumb>span.line {
  padding: 0px 14px;
  font-family: "simsun";
  font-size: 16px;
}
.breadcrumbs .crumb a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 32px;
  line-height: 30px;
  padding: 0px 15px;
  border:1px solid #dcdfe6;
  text-align: center;
  font-size: 14px;
  margin: 4px 0px;
}
.breadcrumbs .crumb a.first {
  margin-right: 30px;
  height: auto;
  border: none;
  padding: 0;
  line-height: 1;
}
.breadcrumbs .crumb a.first img {
  width: 50px;
  height: 50px;
}
.breadcrumbs .crumb a.first span {
  color: #1d3251;
  font-weight: bold;
  margin-left: 10px;
}

.breadcrumbs .summary {
  float: right;
  margin-top: 10px;
  font-size: 0;
}
/*.breadcrumbs .summary>a,
.breadcrumbs .summary .el-input__inner {
  float: left;
}*/
.breadcrumbs .summary > a {
  display: block;
  float: left;
  min-width: 90px;
  height: 32px;
  line-height: 30px;
  padding: 0px 15px;
  text-align: center;
  border:1px solid #dcdfe6;
  font-size: 14px;
}
.breadcrumbs .summary > a  {
  color: #1d3251;
  border-color: #1d3251;
}
.breadcrumbs .summary > div.el-select {
  width: 100px;
  margin-left: 20px;
  font-size: 0;
}
.breadcrumbs .summary .el-input__wrapper {
  width: 100%;
  height: 32px;
  font-size: 14px;
  border-radius: 0px;
}
.breadcrumbs .summary .tips {color: #FF0D0D;}


.pagination{width: 100%;font-size:0;display: flex;align-items: center;justify-content: center;padding: 50px 0px;user-select: none;}
.pagination a{display: inline-block;vertical-align: middle;min-width: 42px;height: 42px;line-height: 40px;border: 1px solid #dcdcdc;padding:0px 14px;margin: 0 6px;font-size: 16px;color: #666;transition: all .4s ease;}
.pagination a:hover, .pagination a.ontrue, .pagination a.on{background-color: #1d3251;color: #fff;border-color: #1d3251;}
.pagination .pager {display: inline-block;}
.pagination .total,.pagination .jump {display: inline-block;font-size: 16px;color: #666;line-height: 42px;margin: 0 6px;}
.pagination .jump input {width: 42px; height: 42px; line-height: 40px; padding: 0px 5px; text-align: center; border:1px solid #dcdfe6; margin: 0 8px; }
.pagination .jump button {min-width: 42px; height: 42px; line-height: 40px; padding: 0px 10px; text-align: center; border:1px solid #dcdfe6; background-color: #fff; margin: 0 8px; }



/*.layer-shade {position: fixed;width: 100%; height:100%; top: 0; left: 0; z-index: 1987;background-color: #000;opacity: 0.5;filter: alpha(opacity=50);display: none;}
.layer-shade.show {display: block;}

.layer-dialog {position: fixed;top: 50%;right: 0;left: 0;z-index: 1989;margin: auto;transform: translate(0,-50%);max-height: 90vh;overflow-x: hidden;display: none;background-color: #ffffff;border-radius: 5px;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);}
.layer-dialog.show {display: block;}
.layer-dialog .layer-dialog_header {padding: 20px 30px 10px; position: relative; }

.layer-dialog .layer-dialog_header .layer-dialog_title {font-size: 20px; margin: 0px 60px; text-align: center;}
.layer-dialog .layer-dialog_close {position: absolute; right: 30px; top: 22px; }
.layer-dialog .layer-dialog_close i {font-size: 28px; cursor: pointer; }

.layer-dialog .layer-dialog_body {padding: 30px; color: #606266; font-size: 14px; word-break: break-all; }
.layer-dialog .layer-dialog_footer {padding: 10px 30px 20px; box-sizing: border-box; }
*/
.sign-regster-pop {width: 90%;max-width: 560px;}
.layer-dialog_body .forgetPas {margin-bottom: 22px;text-align: right;}
.layer-dialog_body .agreement {margin-bottom: 22px;}
.layer-dialog_body .btn-group,
.layer-dialog_body .btn-group .el-button {width: 100%;height: 50px;font-size: 18px;}
.layer-dialog_body .forgetPas a,
.layer-dialog_body .agreement a {color: #1d3251;}

.sign-logn-tab {display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.sign-logn-tab>a { font-size: 20px; color: #999; text-align: center; position: relative; margin: 0px 60px; }
.sign-logn-tab>a span {display: inline-block; position: relative; }
.sign-logn-tab>a span:before {content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 70%; height: 3px; background-color: #ffffff; }
.sign-logn-tab>a.on span {color: #1d3251;}
.sign-logn-tab>a.on span:before {background-color: #1d3251;}

.sign-regster-pop .operalBox.none {display: none;}

.sign-regster-pop .el-input__wrapper,
.forget-pwd-pop .el-input__wrapper {background-color: #F5F5F5;}

.sign-regster-pop .el-input__inner,
.forget-pwd-pop .el-input__inner {height: 50px;background-color: #F5F5F5;}
.sign-regster-pop .el-input__icon,
.forget-pwd-pop .el-input__icon {display: block;font-size: 20px;width: 30px;line-height: 50px;}
.sign-regster-pop .el-input__icon.el-input__eye,
.forget-pwd-pop .el-input__icon.el-input__eye {cursor: pointer;}

/*.sign-regster-pop .el-input--prefix .el-input__inner,
.forget-pwd-pop .el-input--prefix .el-input__inner {padding-left: 40px; }
.sign-regster-pop .el-input--suffix .el-input__inner,
.forget-pwd-pop .el-input--suffix .el-input__inner {padding-right: 40px; }*/

.sign-regster-pop .el-input-group__append button.el-button,
.forget-pwd-pop .el-input-group__append button.el-button {background-color: #1d3251;height: 52px;border-radius: 0;color: #fff;}

.sign-regster-pop .sign-or {width: 100%; font-size: 14px; color: #333; line-height: 19px; margin-top: 36px; margin-bottom: 11px; position: relative; text-align: center; }
.sign-regster-pop .sign-third .social-sign-btn {display: flex;align-items: center;justify-content: center; width: 100%; height: 50px; border-radius: 5px; border: 1px solid #dcdcdc; position: relative; }
.sign-regster-pop .sign-third .social-sign-btn:hover {border-color: #252525; }
.sign-regster-pop .sign-third .social-sign-btn+.social-sign-btn {margin-top: 15px; }
.sign-regster-pop .sign-third .social-sign-btn i {display: block; width: 32px; height: 32px; position: absolute; left: 24px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }
.sign-regster-pop .sign-third #loginFaceBook i {
  background-image: url(../images/icon_sign_fb.png)
}
.sign-regster-pop .sign-third #loginGoogle i {
  background-image: url(../images/icon_sign_google.png)
}
.sign-regster-pop .sign-third #loginApple i {
  background-image: url(../images/icon_sign_apple.png)
}

.forget-pwd-pop {width: 90%;max-width: 560px;}


/*篩選欄*/
.filter-pop {width: 90%;max-width: 780px;max-height: 96%;margin: 1% auto;overflow-x: hidden;box-sizing:border-box;}
.filter-pop .layer-dialog_title {font-weight: bold;}
.filter-pop .el-dialog__body {max-height: calc(100% - 60px);overflow-x: hidden;}
.finder-search .form-group {margin-bottom: 22px;}
.finder-search .form-group .search-inner .el-input__inner {height: 48px;font-size: 16px;}
.finder-search .form-group .form-group_label {font-size: 18px;font-weight: bold;}
.finder-search .form-group .form-group_slider {padding: 0px 7px;}
.finder-search .form-group .form-group_content {display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.finder-search .form-group .form-group_content .line {width: 18px;height: 1px;background-color: #333333;margin: 0px 15px;}
.finder-search .form-group .form-group_content .form-group_inner {flex: 1;overflow: hidden;border:1px solid #333333;border-radius: 5px;}
.finder-search .form-group .form-group_content .form-group_inner .label {padding:5px 11px 0px;}
.finder-search .form-group .form-group_content .form-group_inner .el-input__wrapper {box-shadow:none;border:none;}
.finder-search .form-group .form-group_content .form-group_inner .el-input__inner {height: 30px;line-height: 30px;font-size: 16px;}
.finder-search .form-group .form-group_content .form-group_select {flex:1;overflow: hidden;}
.finder-search .form-group .form-group_content .form-group_select+.form-group_select {margin-left: 20px;}
.finder-search .form-group .form-group_content .form-group_select .el-select {width: 100%;}
.finder-search .form-group .form-group_content .form-group_select .el-select .el-input__wrapper {height: 48px;font-size: 16px;background-color: rgba(212, 212, 212, 0.125);border: none;border-radius: 5px;}
.finder-search .form-group-btn .el-button {width: 100%;height: 50px;font-size: 18px;border-radius: 5px;margin-top: 18px;}
.finder-search .form-group-btn .el-button+.el-button {margin: 18px 0px 0px;}

.policy-pop {width: 90%;max-width: 780px;height: 90%;margin: 3% auto;overflow-x: hidden;box-sizing:border-box;}
.policy-pop .el-dialog__body {height: calc(100% - 60px);overflow-x: hidden;}
.policy-pop .policy-body {height: 100%;}

/*404*/
.page_error {padding-top: 80px;}
.page_error .img-404 {display: inline-block; margin-right: 25px;}
.page_error .txt {display: inline-block; vertical-align: top; padding-top: 50px; }
.page_error .txt .tip1 {margin: 12px 0px 25px; font-size: 32px; color: #333; line-height: 1.4; }
.page_error .txt .tip2 a {display: block;color: #fff;font-size: 16px;width: 100px;height: 40px;line-height: 40px;text-align: center;background: #1d3251;}


.show-big{ font-weight: bold;font-size: 18px;}

/* -------------------------PC端--------------------------- */

@media all and (max-width:1600px) {
  /* 1440 × (700)  */
  .Header-menubox .swiper-container {width: 750px;}

  .Footer-navbar{width: calc(100% - 300px);padding-right:45px;}
  .Footer-info {width: 300px;}

}


@media all and (max-width:1280px) {
    /* 1152 × (700) */
  .Header-menubox .swiper-container {width: 550px;}

  .Header-navbar ul {display: flex;justify-content: space-between;}
  .Header-navbar ul li {margin: 0;}

  .Footer-navbar {width: 100%;padding-right: 0;}
  .Footer-info {width: 100%;}

  .Container-wrapper {padding-bottom: 60px;}


  .breadcrumbs .summary {width: 100%;margin-top: 20px;}
  .breadcrumbs .summary > a ,
  .breadcrumbs .summary > div.el-select {margin-left: 0;margin-right: 15px;}

}

/* ------------------------IPAD端-------------------------- */

.Header-menubox-navbar {display: none;}
.Header-menubox-navbar {width: calc(100% + 30px);position: absolute;top: 100%;left:-15px;background-color: #ffffff;}
.Header-menubox-navbar ul li {float: none;width: 100%;height: 40px;line-height: 40px;}

@media all and (max-width:1200px) {
   /* 1024 */
   .Header-wrapper.header-stuck{position: fixed;left: 0;top: 0; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);}

   .Header-top {display: none;}

   .Header-container > .container {padding: 0px;}
   .Header-settings {display: flex;align-items: center;height: 50px;margin-right: 24px;}
   .Header-settings .explore-filters, .Header-settings .explore-search {width: 28px; height: 28px; padding: 0px 5px;margin: 0px 10px 0px 0px;border:none;display: inline-flex;align-items: center;justify-content: center; }
   .Header-settings span {display: none;}
   .Header-settings i {margin: 0}
   .Header-navclick {display: block;}
   .Header-logo {position: absolute;top: 0;left: 50%;transform: translateX(-50%)}
   .Header-logo a {height: 50px;line-height: 50px;}
   .Header-logo a img {height: 40px;}
   .Header-login {display: flex;}
   .Header-login a.icon {margin-left: 10px;}
   .Header-login a.icon i {font-size: 24px}

   /*.Header-menubox {width: 100%;margin:0px;display: flex;align-items: center;justify-content: flex-end;border-top: 1px solid #e8e8e8;position: relative;}
   .Header-menubox .swiper-container {display: none;width: calc(100% + 30px);position: absolute;top: 100%;left:-15px;background-color: #fff;border-top: 1px solid #e8e8e8;}
   .Header-menubox .swiper-container .swiper-wrapper {flex-direction:column;}
   .Header-menubox ul li {background-color: #ffffff;}
   .Header-menubox .Header-Menu img {display: none;}
   .Header-menubox .Header-Menu span {margin: 15px 0px;font-size: 15px;}


   .Header-menubox .menubox-prev i, .Header-menubox .menubox-next i {font-size: 24px;}
   .Header-menubox .menubox-prev.swiper-button-disabled, .Header-menubox .menubox-next.swiper-button-disabled {display: none;}*/
   .Header-menubox {width: 100%;margin:0px;display: flex;align-items: center;justify-content: flex-end;border-top: 1px solid #e8e8e8;}
   .Header-menubox .swiper-container {width: 100%;}
   .Header-menubox .Header-Menu img {display: none;}
   .Header-menubox .Header-Menu span {margin: 0px;font-size: 15px;}
   .Header-menubox .menubox-prev, .Header-menubox .menubox-next {display: none;width: 24px;height: 24px;line-height: 24px;margin: 0px 4px;}

   .Header-navbarbox {display: none;position: absolute;width: 100%;height: calc(100vh - 102px);top: 102px;left: 0;padding: 12px 0 20px;background: #fff;}
   .Header-navbarbox .Header-navbar {background-color: transparent; text-align: left; width: 100%;height: 100%; overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
   .Header-navbarbox .Header-navbar .Header-Menu {height: 48px;line-height: 48px;color: #333;font-size: 16px;}
   .Header-navbarbox .Header-navbar ul {display: block;}
   .Header-navbarbox .Header-navbar li{display: block;width: 100%;transition: all .4s ease;position: relative;}
   .Header-navbar ul li.deep-color {background-color: transparent;}

   .Header-navbar ul li.ontrue .Header-Menu, .Header-navbar ul li:hover .Header-Menu{color: #333;}
   .Header-arr {position: absolute; top: 0; right: 0; z-index: 4; width: 48px; height: 48px; margin-top: 0; display: block; background: url(../images/iconArrB.png) no-repeat center center;background-size:12px auto;}
   .Header-drop {position: relative; background: #f8f8f8; width: 100%; height: auto; display: none; transition: all 0s ease 0s; box-shadow: none; }
   .Header-drop-contain {padding: 6px 0px;}
   .Header-drop-ul .Header-drop-ul_li a {color:#333;}
   .Header-drop-ul .Header-drop-ul_li a:hover {color:#333;}

   .menubox-btn {display: block;}


   .Footer-infonav {padding: 38px 0 34px;}
   .Footer-navbar .pc{display: none}
   .Footer-navbar .mobile{display: block}
   .Footer-navbar {width: 100%;padding: 0;margin-left: 0;}
   .Footer-navbar ul li{width: 100%;}
   .Footer-navbar ul li+li {margin: 0;}
   .Footer-navclick a {line-height: 40px;}
   .Footer-navwords a {padding: 4px 0;font-size: 16px;}
   .Footer-navwords{margin-top: 0;display: block;}
   .Footer-navclick i{display: block;}
   .Footer-copyright {padding: 20px 0;}


   .Container-wrapper {padding: 0px 0px 30px;}

    /* 1024 */
   .breadcrumbs {padding: 20px 0px;}
   .breadcrumbs .summary > a ,
   .breadcrumbs .summary > div.el-select {margin-left: 0;margin-right: 10px;margin-bottom: 10px;width: calc(20% - 10px);}
   .breadcrumbs .crumb a.first img {width: 30px;height: 30px;}
}
.show-tip-dialog-image {background: transparent}
.show-tip-dialog-image {background: transparent}
.show-tip-dialog-image .el-dialog__header{display: none}
.show-tip-dialog-image .el-dialog__body{position: relative;padding: unset;}
.show-tip-dialog-image .el-dialog__body .el-image{width: 100%}
.show-tip-dialog-image .el-dialog__body .icon{position: absolute;top:0;right: 0; width: 40px;height: 40px}


/* ------------------------手机端-------------------------- */
@media all and (max-width:992px) {
    /* 平板设备 720 适配 */
    .el-dialog__body {padding: 20px;}

    .filter-pop {max-width: 780px;width: 92%;}
    .show-tip-dialog-image { position: fixed;width: 80%; top: 50%;  left: 50%; transform: translate(-50%, -100%);}
    .show-tip-dialog-image .el-dialog__body .icon{ width: 20px;height: 20px}

    .Header-navbar .logout {display: inline-block;}
    .Header-drop-ul .Header-drop-ul_li .Header-pro-li {/*display: inline-block;*/padding-left: 20px; left: unset; position: unset;}
    .Header-drop-ul .Header-drop-ul_li .Header-pro-li .Header-pro-link {background: unset;width: 100%;border-radius: unset;box-shadow: unset;}

    .Header-arrs {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 4;
      width: 40px;
      height: 40px;
      margin-top: 0;
      display: block;
      background: url(../images/iconArrB.png) no-repeat center center;
      background-size: 12px auto;
  }

    .pagination {padding:35px 0px 0px;}
    .pagination a {font-size: 14px;min-width: 34px;height: 34px;line-height: 32px;}
    .pagination .pager {display: none;}
    .pagination .total,.pagination .jump {display: none;}


    .Header-container {background: #131313;}
    .Header-login i {color: #fff;}
    .Header-settings i {color: #fff;}

    .Header-navclick span,.Header-navclick span:before, .Header-navclick span:after {background: #fff}

    .Header-menubox .Header-Menu span {color: #fff;}
    .menubox-btn i {color: #fff;}

    .Header-menubox-navbar {background: #131313;}
}

@media all and (max-width:768px) {


  .Header-settings {margin-right: 12px;}
}


@media all and (max-width:640px) {
  .Header-container {padding:0 15px;}
  .Header-settings .explore-search {display: none;}

  .Footer-infonav {padding: 20px 0px;}
  .Footer-infodes-intro {flex-direction: column; align-items: flex-start;}
  .Footer-infodes-intro span {margin-top: 5px;}


  /*登录框*/
  .sign-logn-tab {justify-content: space-between;}
  .sign-logn-tab>a {flex:1;margin: 0px;}

  .agreement .el-checkbox {align-items: self-start;white-space: normal;}
  .layer-dialog_body .btn-group, .layer-dialog_body .btn-group .el-button {font-size: 16px;}


  .finder-search .form-group .form-group_label {font-size: 16px;}
  .finder-search .form-group .form-group_content .line {margin: 0px 5px;}
  .finder-search .form-group .form-group_content .form-group_select+.form-group_select {margin-left: 15px;}
  .finder-search .form-group-btn .el-button {font-size: 16px;}

  .Header-menubox .swiper-wrapper {overflow-x:auto;}
  .Header-menubox ul li {width:33%;line-height: 36px;}
  .Header-menubox-navbar ul li {width: 100%;}
}


@media all and (max-width:375px) {
    /* 移动终端以上 320 适配 */
   .breadcrumbs .summary > a, .breadcrumbs .summary > div.el-select {width: calc(33% - 10px);}

   .pagination a {font-size: 12px;}
   .Header-logo {left: 55%}


}

@media all and (max-width:350px) {
  .Header-menubox ul li {width:50%;}
}