/* =================================== */ /* Basic Style /* =================================== */ @charset "utf-8"; /*===================================================== 基本 ======================================================*/ * { touch-action: pan-y; } *{ padding:0px; margin:0px } body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;font-family:Arial, Helvetica, sans-serif,"Microsoft Yahei", "微软雅黑"} body {background-color: #fff;font-family:Arial, Helvetica, sans-serif,'Raleway', "Microsoft Yahei", "微软雅黑";font-size: 14px;font-weight: 400;color: rgba(0,0,0,0.7); -webkit-font-smoothing: antialiased;} a {text-decoration: none;background-color: transparent;} h1, h2, h3,h4, h5, h6 {font-family: 'Raleway', sans-serif;font-weight: 700;margin: 0;} .list-none {margin: 0;padding: 0;list-style: none;} .section {padding-top: 80px; padding-bottom: 30px;} .pagebody{ margin-top:100px;} @media (max-width: 991.98px){ .pagebody{ margin-top:80px;} } ul {padding-left: 0;} .btn {border: 0;border-radius: 0;} .btn-theme-color {background-color: #ff2b4a;color: #fff;font-size: 16px;font-weight: 500;padding: 11px 70px 13px;transition: 0.5s;border: 1px solid;} button.btn.btn-theme-color:hover{border-color: #323232;background: transparent;color: #323232;} .title {text-align: center;margin-bottom: 50px;} .tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} .title h2 {font-size: 21px;letter-spacing: 4px;line-height: 32px;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600; margin-top: 0px;margin-bottom: 10px;position: relative;display: inline-block;} .title h2:before {content: '';position: absolute;z-index: 99;background-color: #2b83ad;width: 6px;height: 6px;border-radius: 100%;left: -17px;top: 12px;} .title h2:after {content: '';position: absolute;z-index: 99;background-color: #2b83ad;width: 6px;height: 6px;border-radius: 100%;right: -17px;top: 12px;} .title p {font-size: 14px;margin-bottom: 10px;line-height: 25px;width:70%; text-align:center; margin:0 auto;} .content-section h6 { width: 100%; display: block; font-weight: 600; margin-bottom: 15px; text-align: center; font-size: 22px;} /*.content-section{ margin-top:66px;}*/ .text-indent{text-indent: 2em; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width:5px; height:5px; background-color:#aaa; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1); border-radius:10px; background-color:#ddd; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1); background-color:rgba(0,0,0,0.1); } /*滑块效果*/ ::-webkit-scrollbar-thumb:hover { border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.6); } /*===================================================== 加载动画 ======================================================*/ .main-loading {position:fixed; top:0;left:0; right:0; height:100%; width:100%; z-index:9999; margin:0; padding:0; background-color:#fff;} .main-loading .loading-img{width:220px; top:50%;left:50%; margin:-120px 0 0 -105px; position:absolute;} .main-loading .loading-star{width: 220px ;top:50%; left:50%; margin:20px 0 0 -100px; position:absolute; color:#2b83ad; z-index: 9999; text-align:center;} .main-loading .loading-star svg{ width:25px; height:25px; fill: #dddddd; /* 修改填充颜色为灰色 */} .main-loading .loading-star svg:nth-child(1){ animation:mymove 3s infinite; animation-delay:0ms;/*Safari and Chrome*/ -webkit-animation:mymove 3s infinite; -webkit-animation-delay:0ms;} .main-loading .loading-star svg:nth-child(2){ animation:mymove 3s infinite; animation-delay:300ms;/*Safari and Chrome*/ -webkit-animation:mymove 3s infinite; -webkit-animation-delay:300ms;} .main-loading .loading-star svg:nth-child(3){ animation:mymove 3s infinite; animation-delay:600ms;/*Safari and Chrome*/ -webkit-animation:mymove 3s infinite; -webkit-animation-delay:600ms; } .main-loading .loading-star svg:nth-child(4){ animation:mymove 3s infinite; animation-delay:900ms;/*Safari and Chrome*/ -webkit-animation:mymove 3s infinite; -webkit-animation-delay:900ms; } .main-loading .loading-star svg:nth-child(5){ animation:mymove 3s infinite; animation-delay:1200ms;/*Safari and Chrome*/ -webkit-animation:mymove 3s infinite; -webkit-animation-delay:1200ms; } /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { 50% {fill: #2b83ad;}} /* Standard syntax */ @keyframes mymove { 50% {fill: #2b83ad;}} /*===================================================== 权限查看 ======================================================*/ .ViewPermissions h3{color: #f5ba4b;} .ViewPermissions p{font-size: 6rem;color: #49a9a9;} /*===================================================== 登陆/找回密码/注册 ======================================================*/ #top_1 li:nth-child(2) { display:none;} .memberlogin.form-styled {padding: 1.8rem 2.5rem 0.5rem 2.5rem ;border: 1px solid rgba(0,0,0,.1);border-top: 2px solid #2b83ad;box-shadow: 0 10px 50px -5px rgba(0,0,0,.15);} .memberlogin .form-control{color: #495057;background-color: #f8f9fa;} .memberlogin .form-control:focus {color: #495057;background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .memberlogin .ico .form-control { padding-left: 1.8rem;} .memberlogin .ico { position: relative; width:100% ;} .memberlogin .ico i.fa,.memberlogin .ico i.fas { position: absolute; top: 12px; left:8px; } .memberlogin .ico .membercode{ position: absolute; top:1px; right:1px; } .memberlogin .ico .btnSmsCode{position: absolute; top:0px; right:0px; } .memberlogin .membercode{width: 60px; height:36px;} .memberlogin .custom-control {position: relative;display: block;min-height: 1.64063rem;} .memberlogin .custom-control a{ color:#2b83ad;} .memberlogin .align-items-center {align-items: center!important; -webkit-box-align: center!important;} .memberlogin .form-row {display: -webkit-box;display: flex;flex-wrap: wrap;margin-right: 0px;margin-left: 0px;} .memberlogin .btn-outline-primary{ border: 1px solid #2b83ad; padding-left:20px; padding-right:20px; color:#fff; background-color:#2b83ad;} .memberlogin .btn-outline-primary:hover{ background-color:transparent;border: 1px solid #2b83ad; color:#2b83ad;} .memberlogin .bind_user, .memberlogin .create_user{ background-color: transparent; color:rgba(0, 0, 0, 0.7);} .memberlogin .bind_user:hover, .memberlogin .create_user:hover{ background-color:#2b83ad; color:#fff;} .memberlogin .current{ background-color:#2b83ad; color:#fff;} .memberlogin .user-left{padding-left:0px !important;} .memberlogin .user-right{padding-right:0px !important;} .memberlogin .text-md-right { text-align: right!important;} .memberlogin .login_reg{color:#2b83ad;} .memberlogin .otherlogin a{ margin-left:10px;} .memberlogin .otherlogin a:hover{top: 0;left: 0;content: "";background-color:#rgba(0,0,0,.15);opacity: 0.5;z-index: 1;} .memberlogin .hide{ display:none;} .memberlogin .mb-2{ margin-bottom: 0.5rem!important;} .memberlogin #login-qrcode img{border: 1px solid #ddd;} .login-way img{ width: 50px;height: 50px; vertical-align: middle;float: right;} .login-way p{ font-size: 14px; float: right; box-shadow: 0 2px 8px rgba(0,0,0,.15);border-radius: 4px; padding: 6px 10px;margin-top: 8px;} .login-way .login-way1,.login-way2{ float: right; cursor: pointer; display: none;} /*===================================================== 导航 ======================================================*/ /* -----------------------------首页start-----------------------------------*/ body.indexbody { font-size: 14px; font-weight: 400; padding-top:0 !important;} .indexnav header .navbar{ padding-top:1px !important; padding-bottom:1px !important;} .indexnav header .hc-top-up>.container:after {content: '';position: absolute;bottom: -.10rem;left: 6%;right: 6%;} .indexnav header .hc-top-up.navbar-light>.container:after{border-top: 1px solid rgba(255,255,255,.1);} .indexnav header .hc-top-up.bg-light {background-color:transparent !important;} .indexnav header .hc-top-up.bg-light .nav .link-dark {color: #fff;} .indexnav header .hc-top-up.bg-light .nav .fa-language,.indexnav header .hc-top-up.bg-light .nav .fa-shopping-cart,.indexnav header .hc-top-up.bg-light .nav .TotalItemCount,.indexnav header .hc-top-up.bg-light .nav .fa-user-o{color: #fff;} .indexnav header .hc-top-up.bg-light .nav .fas{color: #fff;} .indexnav header .minNav.hc-top-up .navbar-toggler {color: #fff !important;border-color: transparent;} .indexnav header .bg-light{ background-color:#fff !important;} .indexnav header .minNav.hc-top-up .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")} .indexnav header .minNav.hc-top-nd .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28141, 108, 79, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")} .indexnav header .hc-top-up.border-bottom { border-bottom: 1px solid transparent !important;} .indexnav header .hc-top-up.navbar {background-color: transparent !important;} .indexnav header .logo img{ height:55px;} .indexnav header .hc-top-up .fl a{ color:#fff !important;} @media (max-width: 991.98px) {.indexnav header .hc-top-up .fl a{ color:#666 !important;}} .indexnav header .hc-top-up input {background:transparent; color:#fff;} .indexnav header .hc-top-up input::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#aaa !important;} .indexnav header .hc-top-up input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#aaa !important;} .indexnav header .hc-top-up input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#aaa !important;} .indexnav header .hc-top-up input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#aaa !important;} .indexnav header .hc-top-nd { transition: .8s; } .hc-bannerbg:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #212529;opacity: .45;} .hc-banner { margin: 0; height: 100vh; width: 100%; overflow: hidden; position: relative; } .hc-banner .banner .hc-bannerbg { width: 100%; height: 100vh; position: relative; left: 0; top: 0; background-position: center; background-size: cover; overflow: hidden; } .hc-banner .banner .hc-bannerbg .carousel-caption { position: absolute;right: 15%;left: 15%;top:40%;color: #fff;text-align: center; } .hc-banner .btnbooking {line-height:40px; width: 120px; height: 40px; margin: 0 auto; font-size: 18px; text-align: center; color: #fff; position: absolute; left: 0; right: 0; bottom: 20%; border: 1px solid #fff;} .hc-banner .btnbooking:hover{ background-color:#2b83ad; border: 1px solid #2b83ad;} .navline{ background-color:#2b83ad !important; height:32px !important;} @media (max-width: 991.98px){ .navline{ background-color:#2b83ad !important; height:1px !important;} } /* -----------------------------首页鼠标动态-----------------------------------*/ .mouse{ width: 5vh; height: 8vh; border-width: 2px; border-style: solid; border-radius: 50px; margin: 0 auto; padding-left:2.1vh; position: absolute; left: 0; right: 0; bottom: 3%; border: 1px solid #fff; } .mousewheel{ width:0.5vh; height:1.5vh; background:#fff; position:absolute; animation:Imove 2s infinite; animation-delay:-1s; /*Safari 和 Chrome*/ -webkit-animation:Imove 2s infinite; -webkit-animation-delay:-1s; } @keyframes Imove{ from {top:0.5vh;} to {top:3vh;} } @-webkit-keyframes Imove /*Safari 和 Chrome*/ { from {top:0.5vh;} to {top:3vh;} } .icon-17:before { font-family:'FontAwesome'; content:"\f05a";font-style:normal;} .icon-37:before { font-family:'FontAwesome'; content:"\f05a";font-style:normal;} .icon-8:before { font-family:'FontAwesome'; content:"\f007";font-style:normal;} .icon-4:before { font-family:'FontAwesome'; content:"\f007";font-style:normal;} .icon-487:before { font-family:'FontAwesome'; content:"\f1ea";font-style:normal;} .icon-489:before { font-family:'FontAwesome'; content:"\f1ea";font-style:normal;} .icon-31:before { font-family:'FontAwesome'; content:"\f095";font-style:normal;} .icon-52:before { font-family:'FontAwesome'; content:"\f095";font-style:normal;} /* -----------------------------首页end-----------------------------------*/ body { /*padding-top: 108px;*/} header .bg-light .nav .link-dark{ font-size:12px; color:#666;display:inline-block;} header .bg-light .nav .top-right{padding-right:8px; display:table; } header .bg-light .nav .top-right a{display:table-cell;padding-left:2px; padding-right:5px;} header .bg-light .nav .language{ font-size:14px; color:#2b83ad;} header .bg-light .nav .language a:hover{ color:#49a9a9;} header .bg-light .nav .fa-shopping-cart{ font-size:14px !important; color:#fc3d1b;} header .bg-light .nav .fa-file-lines{ font-size:14px; color:#2b83ad;} header .bg-light .nav .TotalItemCount{ font-size:13px; color:#fc3d1b;} .navbar{ /* background-color: rgba(0,0,0,.05) #eee !important; */} .navbar-dark .navbar-toggler { color: rgba(0,0,0,.35);} .navbar-toggler-icon {color:#000 } .navbar .navbar-nav .fl a{ color:#666;} .navbar .navbar-nav .fl a:hover{ color:#2b83ad;} .navbar .input-group-sm>.btn{ padding:0 15px 0 0; font-size:20px; color:#49a9a9;} .navbar .input-group-sm>.btn:hover{ padding:0 15px 0 0; font-size:20px; color:#2b83ad;} .navbar .fa-search{border: 0px solid #2b83ad !important;} @media (max-width: 991.98px) { .navbar .offcanvas-collapse {position: fixed; top: 99px; /* Height of navbar */ /* bottom: 0; */left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; height:100%; visibility: hidden;background-color: #fff; transition: transform .3s ease-in-out, visibility .3s ease-in-out; } .navbar .offcanvas-collapse.open {visibility: visible; transform: translateX(-100%); } .navbar form{ margin-top:10px;} .navbar .navbar-nav .fl{ border-bottom: 1px solid #ddd;} .navbar-nav .nav-link{ color:#666 !important; padding-left:15px;} .mb-2 { margin-bottom: 2.5rem!important } } @media (min-width: 991.98px){ .navbar .navbar-nav .fl{ padding: 0px 10px; line-height:10px; border-left: 1px solid #bfbfbf;} .navbar .navbar-nav >.fl:first-of-type { border-left: none;} } /* .nav-scroller {position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav {display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-underline .nav-link {padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d;} .nav-underline .nav-link:hover { color: #007bff;} .nav-underline .active {font-weight: 500;color: #343a40;} .text-white-50 { color: rgba(255, 255, 255, .5); } .bg-purple { background-color: #6f42c1; } */ /* -----------------------------首页HOTEL SEARCH FORM start-----------------------------------*/ .hotel-search { width: 100%; display: flex; flex-wrap: wrap; margin: 1px 0;} .hotel-search h6 { width: 100%; display: block; font-weight: 600; margin-bottom: 15px; text-align: center; font-size: 22px;} .hotel-search form { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} .hotel-search form .form-group { display: inline-block; padding: 0 20px; position: relative;} .hotel-search form .form-group i { position: absolute; right: 40px; bottom: 24px; transform: translateY(50%); color: #808080;} .hotel-search form .form-group input[type="number"] { width: 100%; padding-right:40px;} .hotel-search form .form-group input { width: 100%;} .hotel-search form .form-group select { width: 100%;} .hotel-search form .form-group label { width: 100%; display: block; font-size: 14px;} .hotel-search form .btn-outline-primary {color: #fff;border: 1px solid #2b83ad; width: 100%;background:#2b83ad; } .hotel-search form .btn-outline-primary:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad;; } .hotel-search form .form-control:focus ,.hotel-search form .form-select:focus{color: #495057;background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .hotel-search .ico .rooms{ position: absolute; right: 40px; bottom: 24px; transform: translateY(50%);} /* -----------------------------首页 side视频 start-----------------------------------*/ .side-image { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; position: relative;} .side-image:hover { cursor:pointer; } .side-image.right-full { width: calc(50vw - 15px); float: left;} .side-image .video-button { position: absolute; width: 120px; height: 120px; left: calc(50% - 70px); top: calc(50% - 46px); color: #2b83ad; font-size: 30px; text-align: center; border-radius: 50%; -webkit-transition: all .35s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;} .side-image .fancybox-video{width: calc(50vw - 15px)} @media only screen and (max-width: 991px), only screen and (max-device-width: 991px) { .side-image.right-full { width: 100%; } .side-image .fancybox-video{width: 100%;} } .side-content h6 { display: block; font-size: 16px; font-weight: 800; opacity: 0.3; letter-spacing: 2px; margin-bottom:30px;} .side-content .ExploreWithUs{color: #fff;border: 1px solid #2b83ad; background:#2b83ad; margin-top:40px;} .side-content .ExploreWithUs:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad;; } #ExploreUs .carousel-control-prev-icon,#ExploreUs .carousel-control-next-icon{ background-color:#000; height:4rem;} #AllAmenities ul p{ padding: 4px 0 4px 0;} .AllAmenitiesButton.btn-outline-primary {color: #fff;border: 1px solid #2b83ad; background:#2b83ad; } .AllAmenitiesButton.btn-outline-primary:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad; } .AllAmenitiesButton .select-menu-i{ transform:rotate(180deg); } .AllAmenitiesButton i{ -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .IndexHotelNews .divimg{ cursor: pointer;} .IndexHotelNews .ratio img{ -o-object-fit: cover!important;} .IndexHotelNews .NewsButton { color: #fff;border: 1px solid #2b83ad; background:#2b83ad; } .IndexHotelNews .NewsButton:hover { background-color:#fff; color:#2b83ad; border-color: #2b83ad;; } .IndexVideos .VideosButton { color: #fff;border: 1px solid #2b83ad; background:#2b83ad; } .IndexVideos .VideosButton:hover { background-color:#fff; color:#2b83ad; border-color: #2b83ad; } .IndexVideos .card-body {padding: 1.0rem 2rem !important;} .ExploreUsModal .btn-outline-primary {color: #fff;border: 1px solid #2b83ad; background:#2b83ad; } .ExploreUsModal .btn-outline-primary:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad;; } /*===================================================== 首页友情提示 ======================================================*/ #YueHuaTip { position:fixed; bottom:0; width:100%; z-index:9999; _bottom:auto; _width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight- (parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); padding: 1px; } #YueHuaTip .line{border: 1px solid #2b83ad; } #YueHuaTip .toast-header,#YueHuaTip .toast-body{ background-color:rgba(255,255,255,0.7); } #YueHuaTip .toast-body{ font-size:0.75rem;} #YueHuaTip .toast-header .btn-close{ padding-right:20px;} /*===================================================== 公司简介 ======================================================*/ .companyprofile .img-half { position: relative;} @media (max-width: 767.98px).companyprofile .img-half .img-cover {position: relative;max-width: 100%;height: auto;} /* .companyprofile .img-half .img-cover {position: absolute;} */ .companyprofile .img-cover {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .companyprofile img {vertical-align: middle;border-style: none;} .companyprofile .col .card:hover { border:1px solid #2b83ad !important; } .companyprofile .col .card:hover i{color:#49a9a9; } .companyprofile .col .card i{color:#2b83ad; } .companyprofile .col .card em{color:#2b83ad; } /*===================================================== 图片列表 ======================================================*/ .picture a.card:focus, a.card:hover {border-color: #2b83ad;text-decoration: none;} .picture a.card:hover .card-img-top {transform: translateY(-.25rem);-webkit-transform: translateY(-.25rem);} .picture a.card:hover .card-img-top:before {opacity: 1;} .picture a.card .card-img-top {flex-shrink: 0;width: 100%;position: relative;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .picture a.card .card-img-top:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;box-shadow: 0 1rem 2rem -1rem rgba(0,0,0,.75); opacity: 0;-webkit-transition: inherit;transition: inherit;} .picture a.card .card-title{font-weight: 500;font-size: 1.025rem;line-height: 1.5;color: #212529;} .picture a.card .card-body {flex: 1 1 auto;-webkit-box-flex: 1;min-height: 1px;padding: 2.5rem 2rem;} .picture .PicBoxButton.btn-outline-primary {color: #2b83ad; border: 1px solid #2b83ad; } .picture .PicBoxButton.btn-outline-primary:hover{ background:#2b83ad; color:#fff; border-color: #2b83ad;; } .picture .PicBoxButton .select-menu-i{ transform:rotate(180deg); } .picture .PicBoxButton i{ -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .picture embed {padding-left:50px; padding-right:50px;} /*===================================================== 视频列表 ======================================================*/ .videos a.card:focus, a.card:hover {text-decoration: none;} .videos a.card:hover .card-img-top {transform: translateY(-.25rem);-webkit-transform: translateY(-.25rem);} .videos a.card:hover .card-img-top:before {opacity: 1;} .videos a.card .card-img-top {flex-shrink: 0;width: 100%;position: relative;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .videos a.card .card-img-top:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;box-shadow: 0 1rem 2rem -1rem rgba(0,0,0,.75); opacity: 0;-webkit-transition: inherit;transition: inherit;} .videos a.card .card-title{font-weight: 500;font-size: 1.025rem;line-height: 1.5;color: #212529;} .videos a.card .card-body {flex: 1 1 auto;-webkit-box-flex: 1;min-height: 1px;padding: 2.5rem 2rem;} /*===================================================== 产品中心 ======================================================*/ #location a{ color:#2b83ad;} @media (max-width: 991.98px) {.title p{width:80%; text-align:center; margin:0 auto;}} .col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;} .col-xs-15 {width: 20%;float: left;} @media (min-width: 768px) {.col-sm-15 {width: 20%;float: left;}} @media (min-width: 992px) {.col-md-15 {width: 20%;float: left;}} @media (min-width: 1200px) {.col-lg-15 {width: 20%;float: left;}} @media (min-width: 992px){.col-lg-1-8 { flex: 0 0 auto; width: 12.5%;}} /*在线商城页一级内容*/ .content .tac{text-align: center;} .content ul {list-style: none;} .content .li{width: 100%;float: left;overflow: hidden; /*margin-bottom: 20px;*/ } .content .pro-detail{width: 100%;/*height: 230px;float: left;*/ text-align:center} .content .pro-detail::after{content: '';position: absolute;background-color: #bfbfbf;width: 100%;height: 2px;left: 0;bottom: 0;} .content .psr{ position: relative !important;} .content .pro-detail .name-en{line-height: 20px;padding-top: 30px;} .content .pro-detail .red{color: #2b83ad !important; margin:10px 0 10px 0;} .content .pro-detail .pic{height: 150px;width: 100%;background-position: 0 50%;background-repeat: no-repeat; background-position:center;margin:0 auto; } .content .pro-detail .name-ch{line-height: 20px; margin:20px 0 30px 0;color: #4d4d4d;} .content .pro-detail .psa{position: absolute !important;} .content .pro-detail .table{width: 100%;height: 100%;color: rgba(255, 255, 255, 0.8);text-align: center;bottom: 0;left: -100%; background-color: #2b83ad;z-index: 1; margin-bottom:0 !important} .content .pro-detail .tran02{ -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .content .pro-detail .table .table-cell{display: table-cell;vertical-align: middle;} .content .pro-detail .table .table-cell a.tran15 { -webkit-transition: 0.15s;-moz-transition: 0.15s;-ms-transition: 0.15s;-o-transition: 0.15s;transition: 0.15s;} .content .pro-detail .table .table-cell a.tran15{display: block;height: 25px;line-height: 12px;width:100%;/*margin-left:0px;*/text-align:center;text-decoration: none;color: inherit;} .content .pro-detail .table .table-cell a{color: #fff !important;} .content .pro-detail .table .table-cell a:hover{color: #fff;font-size: 16px;font-weight: bold;} .content .pro-detail .table .table-cell .mCSB_buttonUp{width:20px; margin-left:-8px;} .content .pro-detail .table .table-cell .mCSB_buttonDown{width:20px; margin-left:-8px;} /*.content .info-text{line-height: 20px;padding-top: 15px;}*/ .content .pro-detail:hover .table{left: 0;} .content .pro-detail .table .table-cell { width:90%;height:100%;padding: 25px 0 25px 0;overflow: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;float: left; background:#2b83ad;} .content .pro-detail .table .mCSB_container{margin-right:-25px !important; background:#2b83ad;} .content .pro-detail .mCSB_scrollTools{ background:#2b83ad;} .code_wrap{ min-width:36%; } .category{ font-size:16px; color:#777; padding-left:10px; } .stockNumber{ font-size: 15px; color:#777; padding-bottom:5px; } /*===================================================== 产品列表 ======================================================*/ /*select type*/ .selectType.form-row {display: -webkit-box;display: flex;flex-wrap: wrap;} .selectType.form-row>.col, .form-row>[class*=col-] {padding-right: 5px;padding-left: 5px;} .selectType label{font-size: .6875rem;font-weight: 500;letter-spacing: 0;text-transform: uppercase;color: #6c757d;font-weight: bold; } .selectType .form-control {background-color: #fff !important;} .selectType .form-control:focus {background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .selectType .selectBox{ width: 100%;height: 30px;} .selectType .selectBox .inputCase{position: relative;width: 100%;height: 100%;box-sizing: border-box;} .selectType .selectBox .inputCase input.imitationSelect{width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #ccc; cursor: default;font-size: .14px;} .selectType .selectBox .inputCase input.imitationSelect:focus{border:1px solid #2b83ad; } .selectType .selectBox .inputCase i.fa{position: absolute;right: 10px;top:9px; } .selectType .selectBox .inputCase .fa-caret-up,.inputCase .fa-caret-down{color: #2b83ad;} .selectType .selectBox .inputCase .fa-times{color: #f00} .selectType .selectBox .inputCase .fa{cursor: pointer;} .selectType .selectBox .selectDropdown{height:175px; /*width: 128px;*/overflow: hidden; margin: 0; padding: 0; position: relative; background: #fff; z-index:999;border-left:1px solid #2b83ad;border-bottom:1px solid #2b83ad;border-right:1px solid #2b83ad;} .selectType .selectBox .selectUl li{height: 35px;line-height: 35px;list-style: none;text-indent: 18px;border-bottom: 1px solid #ccc; font-size:14px; } .selectType .selectBox .selectUl .disable{cursor:not-allowed;color:#999;} .selectType .selectBox .selectUl li:hover{background: #3092c0; color:#fff;} /*product list*/ .product-list .Quote .btn-outline-primary { color: #fff; border: 1px solid #2b83ad; background: #2b83ad;} .product-list .fixed-table-container { border:0px } .product-list .fixed-table-body tr:nth-child(2n){ background-color: #f8f9fa; } .product-list .fixed-table-container tbody tr td:nth-child(1) {max-width: 90px;min-width:80px;max-height: 76px;overflow: hidden;line-height: 14px;} .product-list .fixed-table-container tbody tr td:nth-child(2) {max-width: 350px;min-width:300px;max-height: 76px;overflow: hidden;line-height: 14px;} /* .product-list .fixed-table-container tbody tr td:nth-child(4) {max-width: 350px;min-width:300px;max-height: 76px;overflow: hidden;line-height: 14px;} */ .product-list #TableList .header-row{ background:#d0e5f9; height:36px;font-size:12px;} .product-list #TableList .header-row, #TableList tbody{text-align: center;} .product-list #TableList .header-row td, #TableList tbody td{border-left:0px dotted #ccc !important ;border-right:0px dotted #ccc !important;border-bottom:1px solid #ccc;} .product-list #TableList .rightline{border-right:0px dotted #ccc !important; } .product-list #TableList tbody tr{ color:#333; font-size:14px; height:30px;} /* .product-list #TableList tbody tr:hover{background-color: #2b83ad !important;font-size:14px; cursor: pointer; color:#fff !important; } */ .product-list #TableList tbody td img{ width:55px; height:55px;} .product-list #TableList .ProType {text-align: left; width:300px;} .product-list #TableList tbody .no-records-found:hover {background-color: #ffffff !important;} .product-list .bootstrap-table .table thead>tr {background: #2b83ad; color:#fff;} .product-list .page-item.active .page-link { z-index: 3;color: #fff;background-color: #2b83ad;border-color: #2b83ad;} /*SearchError*/ .SearchErrorLi{text-align:center; margin:0 auto; padding:50px 0 50px 0 !important;display: table; } .SearchErrorPic{width:299px; height:180px;float:left; background: url(../images/search-error.png) no-repeat center;} .SearchErrorText{width:286px; height:180px; float:left;display: table-cell } .SearchErrorText p:first-child {font-size: 24px;color: #49a9a9;font-weight: bold;margin:30px 0 10px 0;} .SearchErrorText p:nth-child(n+2) {text-align:left;padding-left: 30px;line-height:2em;} .MuluFenlei a{ color:#6c757d; display:inline-block} .MuluFenlei a:hover{ color:#fff; background: #2b83ad;} .ShapeFenlei ul li:hover{ border:solid 1px #2b83ad !important; } .ShapeFenleiPic ul li:hover{ border:solid 1px #2b83ad !important; } .ShapeFenleiPic .AttributePicture {display:block; width: 120px !important ; margin-bottom:5px;} .ShapeFenleiPic .AttributePicture a { display:block; width: 100px ; } .ShapeFenleiPic .PictureSelected{ background:#49a9a9;} .ShapeFenleiPic .PictureSelected div { color:#fff !important;} .ShapeFenleiPic .ClearSelect a{ color:#2b83ad; display:block;} /*===================================================== 产品频道图片展示 ======================================================*/ .thumbbox .thumblist img{ transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease;} .thumbbox .thumblist .InfoPicture{ display:block; overflow:hidden; position:relative; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; } .thumbbox .thumblist:hover .InfoPicture img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .thumbbox .thumblist .InfoPicture .ProductTypeTitle{ position: absolute; color:#666; left:10px; top:5px; font-weight:bold;} .thumbbox .thumblist .InfoPicture b{ display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:3; position:absolute; left:0; top:-100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; } .thumbbox .thumblist:hover .InfoPicture b{ top:0%; } .thumbbox .thumblist .InfoPicture b img{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; } .thumbbox .thumblist:hover .InfoPicture b img{ transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); } .thumbbox .thumblist .card-body{ display:block; background-color:rgba(0,0,0,0.1); overflow:hidden; z-index:2; position:relative; } .thumbbox .thumblist .card-body .card-title{ color: rgba(43, 131, 173); font-size:14px; } .thumbbox .thumblist:hover .card-body .card-title{ color:#fff;} .thumbbox .thumblist .card-body p{ overflow:hidden; color: rgba(0, 0, 0, 0.7); } .thumbbox .thumblist:hover .card-body p{ color:#fff; } .thumbbox .thumblist .card-body b{ display:block; width:100%; height:100%; background:#2b83ad; z-index:-1; position:absolute; left:0; bottom:-100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; } .thumbbox .thumblist:hover .card-body b{ bottom:0%; } .thumbbox .thumblist .card-text{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} /*===================================================== 查看详情 ======================================================*/ .buy-info .text-xs {font-size: .95rem!important; color:#2b83ad; letter-spacing: -.05em;} .buy-info .InfoSContent {/*color: #f5ba4b;font-size: 16px;*/ color: #666;} .buy-info .MyPrice { line-height: 40px;} .buy-info .InfoPrice {font-size: 30px;font-weight: bold;color: #2b83ad;} .buy-info .InfoPackage {padding-left: 30px;line-height: 40px;} .buy-info .TypeAttribute{ padding-left:0 !important;} .buy-info .TypeAttribute .Attributue { margin-left:10px; cursor:pointer; } .buy-info .TypeAttribute .Attributue:hover { border: 1px solid #2b83ad !important; color: #2b83ad;} .container .description{ font-size: 16px; color:#3b81bc; line-height: 1.6em; display: flex; padding-top:5px;padding-bottom:5px; } .container .description.n2{ padding-bottom: 20px; } .container .description .num{ display: block; width:25px; height: 25px; background:url(../images/sixicon.png) no-repeat; background-size:25px 25px; color:#fff; line-height: 25px; text-align: center; font-size: 14px; margin-right: 5px; } @media (max-width: 991.98px) {.buy-info .TypeAttribute .Attributue{ width:45%; margin-left:10px;}} .buy-info .TypeAttribute .current {border: 1px solid #2b83ad !important;background: url(http://cdn.hlfastener.com/App/Tpl/Home/Default/Public/images/selected.png) bottom right no-repeat;} .number-info .number{ height:47px;} .number-info{ padding-left:0 !important;} @media (max-width: 991.98px) {.number-info { margin-bottom: 2.0rem!important;}} .number-info .number-div { margin-left:10px;} @media (max-width: 991.98px) {.number-info .number-div { width:95%; margin-left:10px; margin-bottom: 0rem!important;}} .number-info .StockQuantity{ line-height:53px;} @media (max-width: 991.98px) {.number-info .StockQuantity{ line-height:20px;}} .number-info .ico .form-control:focus{color: #495057;background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .number-info .ico { position: relative; } .number-info .ico i.fa-caret-up { position: absolute; top: 16px; right:8px; } .number-info .ico i.fa-caret-down { position: absolute; bottom:16px;; right:8px; } .number-info .ico i.fa-caret-up:hover, .ico i.fa-caret-down:hover{ color:#f5ba4b;cursor: pointer;} .number-info .tips {color: #fc3d1b;} .buy-info .buybutton{ padding-left:0 !important;} .buy-info .buybutton a { margin-left:10px; cursor:pointer; } @media (max-width: 991.98px) {.buy-info .buybutton a{ width:45%; margin-left:10px;}} .buy-info .buybutton .btnBuyNow{border: 1px solid #2b83ad !important; color: #2b83ad;} .buy-info .buybutton .btnAddCart{border: 1px solid #2b83ad !important;background-color:#2b83ad !important; color: #fff;} .buy-info .buybutton .btnAddFavorite{border: 1px solid #2b83ad !important;background-color:#49a9a9 !important; color: #fff;} .buy-info input::-webkit-outer-spin-button,.buy-info input::-webkit-inner-spin-button { -webkit-appearance: none;} .buy-info input[type="number"]{ -moz-appearance: textfield;} /*销售排行/推荐/浏览历史*/ @media (max-width: 768px) {.left-info { margin-top:3rem;}} .left-info .left_title {height: 35px;line-height: 35px;border: 1px solid rgba(0,0,0,.125);background: #f8f9fa;} .left-info .left_title h2 {text-indent: 1em;font-size: .6875rem;line-height: 35px;color: #212529;} .left-info .left_body {overflow: hidden;zoom: 1;color: #000;padding: 0 10px 5px;border: solid 1px #e4e4e4;border-top: 0;} .left-info li { overflow:hidden; border-bottom: 1px solid #e4e4e4; margin-bottom:5px; padding:5px 0;} .left-info li a.InfoPicture{ float:left;} .left-info li img { /* width:72px; */ height:72px; display:block; } .left-info li img:hover{ /* border:1px solid #e9e9e9; */} .left-info li .InfoLeft{float:left;overflow:hidden; display:block;font: 12px/150% Arial,Verdana; width:247px; padding-left:8px;} .left-info li .InfoPrice{padding:5px 0 5px 0;} .left-info li .InfoDescription{display: table;} .left-info li .InfoDescription span{ display: block; float: left; width:36px;} .left-info li .InfoDescription a{ color:#2b82ad;} .left-info li .InfoTitle{display: table-cell;overflow:hidden; font: 12px/150% Arial,Verdana; vertical-align:top ; } /*购买内容信息*/ .pay-content .nav-tabs .nav-link:not(.active):focus, .nav-tabs .nav-link:not(.active):hover {border-color: #f8f9fa #f8f9fa rgba(0,0,0,.1) #f8f9fa;background-color: #f8f9fa;} .pay-content .nav .nav-link {position: relative;padding: .75rem 1.5rem;font-size: .6875rem;font-weight: 500;letter-spacing: 0;text-transform: uppercase;color: #212529;font-weight:bold} .pay-content .InfoContent img{max-width: 100%; height: auto; vertical-align: middle; /*padding-left:16px;*/} .pay-content .InfoContent { padding-left:16px; padding-top:8px;} /*商品参数选项卡*/ .specification_table{ width: 100%; border-collapse:collapse; font-size:14px; color:#666; } .specification_table .TypeGroupName{ border-bottom:1px solid #e4e4e4; color:#2b83ad; text-align:left; padding:8px 0 0 16px; } .specification_table .TypeAttributeName{ text-align:left; padding-left:30px; white-space:nowrap; width:30%; vertical-align:center;} .specification_table .TypeAttributeName i{ margin-right:5px;} .specification_table .AttributeValue{ width:70%; vertical-align:center;} /*===商品评论 开始===*/ /*评论结果：好评率*/ .GoodsCommentResult{ border-bottom:1px solid #e4e4e4; overflow:hidden; padding:8px 0;} .GoodsCommentResult .GoodRate{ /* min-width:120px;max-width: 180px; float:left; */height:100%; border-right:0px solid #e4e4e4; overflow:hidden; padding-top:0 } .GoodsCommentResult .GoodRate .GoodRateValue{ color:#e01d20; text-align:center; line-height:45px;} .GoodsCommentResult .GoodRate .GoodRateValue b{ font-size: 53px; } .GoodsCommentResult .GoodRate .GoodRateValue .PercentSign{font-family: Arial,Helvetica,sans-serif;font-size: 33px;} .GoodsCommentResult .GoodRate .GoodRateText{ text-align:center; height:25px;} /*评论结果：好评、中评、差评*/ .GoodsCommentResult .StatResult{ /* width:150px; float:left; */height:100%; border-right:0px solid #e4e4e4; } .GoodsCommentResult .StatResult dl{ margin:0;} .GoodsCommentResult .StatResult dt{ font-size:12px;} .GoodsCommentResult .StatResult dt em{ font-style:normal; color:#999; padding:0 5px;} .GoodsCommentResult .StatResult dd{ margin:0; background:#ddd; height:6px;} .GoodsCommentResult .StatResult dd div{ background:#e01d20; height:6px; width:0;} .GoodsCommentResult .Tip{ /* max-width:400px; float:left; */ height:100%; } /*评论选项卡*/ .GoodsCommentTab{overflow:hidden; border-bottom:1px solid #e4e4e4; } .GoodsCommentTab li{ float:left; padding:0 12px; overflow:hidden; height:42px; line-height:42px; } .GoodsCommentTab li.current{border-bottom:2px solid #2b83ad; } .GoodsCommentTab li a{ color:#666; } .GoodsCommentTab li a i{ font-style:normal;} .GoodsCommentTab li a:hover, .GoodsCommentTab li.current a{ color:#2b83ad; } /*评论列表*/ .GoodsCommentContent{} .goodscommentlist{ font-size: 12px; font-family: Arial,Verdana; overflow:hidden; } .goodscommentlist li{ overflow:hidden; border-bottom:1px solid #e4e4e4; padding:10px 0; } .goodscommentlist li .MemberAvatar{ float:left; width:120px; text-align:center;} .goodscommentlist li .MemberAvatar img{ border: 1px solid #dedede;vertical-align: top; width: 70px; height: 70px;} .goodscommentlist li .GuestName{ padding:5px 0;} .goodscommentlist li .CommentContent{ float:left; width:710px; display:block; line-height:1.6em;} .goodscommentlist li .CommentTime{float:right; color:#999; width:140px; text-align:center; padding-top:15px;} .goodscommentlist li .CommentTime b{ font-weight:normal; color:#e01d20; display:block; padding:5px 0;} /*评论回复*/ .GoodsCommentReply{ color: #F90; line-height:1.8em; background: #f5f5f5; padding: 5px 8px; margin:8px 10px;} .GoodsCommentReply .replycommentlist li{ border-bottom:1px solid #ddd; padding:5px 0;} .GoodsCommentReply .replycommentlist li .GuestName{ display:inline; } .GoodsCommentReply .replycommentlist li .CommentContent{ display:inline; float:none;} .GoodsCommentReply .replycommentlist li .CommentTime { float: none;color: #999; text-align: center; margin:0 1px;} /*评论分页*/ .GoodsCommentPage{ overflow:hidden; float:right; padding:10px 0; } .GoodsCommentPage li{ float:left; border-radius: 2px; background: #f7f7f7; padding: 4px 1em;border: 1px solid #ddd; margin-left: 3px; vertical-align: middle; cursor:pointer;} .GoodsCommentPage li a{ color: #333; } .GoodsCommentPage li a:hover{ color: #e33b3d; } .GoodsCommentPage li.active{ border: 0;cursor: default; background: none;} .GoodsCommentPage li.active a{ color: #e33b3d; font-weight: bold; cursor: default; } .GoodsCommentPage li.disabled{ cursor:not-allowed; } .GoodsCommentPage li.disabled a{ color: #999;cursor:not-allowed;} /*评论表单*/ .GoodsCommentForm{ margin-top:15px; overflow:hidden; clear:both;} table.goods_comment_table{ width:95%; text-align:center; margin:0 auto; border-spacing:0; font-size: 12px; } table.goods_comment_table th{ width:80px; text-align:left; white-space:nowrap; font-weight:normal; } table.goods_comment_table td{ text-align:left; padding:3px 0;} table.goods_comment_table .operation{text-align:left;} table.goods_comment_table #CommentContent{ height:70px; border: 1px solid #e0e0e0;} table.goods_comment_table label{ float:left; margin-right:30px; } table.goods_comment_table label .form_radio{ float:left; margin:2px 5px 0 0 } /*===商品评论 结束===*/ table.goods_comment_table .form-control {color: #495057;} table.goods_comment_table .form-control:focus{color: #495057;background-color: #fff;border-color: #2b83ad !important;outline: 0;box-shadow: none;} table.goods_comment_table .verifycode {min-width: 60px;} table.goods_comment_table .code_image {width: 60px;} table.goods_comment_table .btn-outline-primary {color: #fff;border: 1px solid #2b83ad; width: 100%;background:#2b83ad;} table.goods_comment_table .btn-outline-primary:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad; } /*===================================================== 购物车 ======================================================*/ .my-shopping-cart h3 {font-size: 1.375rem;} .my-shopping-cart h4{font-size: 1.125rem;} .my-shopping-cart .ProductName,.my-shopping-cart .ProductName a{letter-spacing: -.05em;font-size: 1rem; font-weight: 500;line-height: 1.5; color: #2b83ad;} @media (min-width: 992px){.my-shopping-cart .shopping-info .col-pic { width: 30%;}} @media (min-width: 992px){.my-shopping-cart .shopping-info .col-total { width: 11.6666666666%;;}} /*在谷歌下移除input[number]的上下箭头*/ .my-shopping-cart .number[type='number']::-webkit-outer-spin-button,.number[type='number']::-webkit-inner-spin-button {margin: 0; -webkit-appearance: none !important;} /*在firefox下移除input[number]的上下箭头*/ .my-shopping-cart .number[type="number"] { -moz-appearance: textfield;} .my-shopping-cart .img-square .InfoPicture{ width:100px; border:1px solid rgba(0,0,0,.125);} .my-shopping-cart .ico .form-control {color: #495057; background-color: transparent; } .my-shopping-cart .ico .form-control:focus{color: #495057;background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .my-shopping-cart .ico { position: relative; } .my-shopping-cart .ico .rooms{ position: absolute; top: 9px; right:40px;} .my-shopping-cart .ico i.fa-caret-up { position: absolute; top: 7px; right:8px; } .my-shopping-cart .ico i.fa-caret-down { position: absolute; bottom:7px;; right:8px; } .my-shopping-cart .ico i.fa-caret-up:hover,.my-shopping-cart .ico i.fa-caret-down:hover{ color:#f5ba4b;cursor: pointer;} .my-shopping-cart .ico i.fa-calendar-alt { position: absolute; top: 13px; right:4px; } .my-shopping-cart .ico i.fa-moon { position: absolute; top: 13px; left:8px; } .my-shopping-cart .ico .Nights { /* color: #495057; padding-left: 1.8rem; */background-color: #f8f9fa; } .my-shopping-cart .Subtotal{color:#2b83ad;} .my-shopping-cart .fa-times {color:#6c757d; font-size:16px; float: right;} .my-shopping-cart a:hover .fa-times{ color:#ff2b4a;} .my-shopping-cart .continue-shopping{color:#2b83ad; font-size:16px;} .my-shopping-cart .btnClearCart{color:#f5ba4b; font-size:16px; margin-left:10px;} .my-shopping-cart .continue-shopping:hover,.btnClearCart:hover{color:#49a9a9;} .my-shopping-cart .tTotalPrice{float:right;} .my-shopping-cart .btn-outline-primary{ border: 1px solid #2b83ad; padding-left:20px; padding-right:20px; color:#fff; background: #2b83ad;} .my-shopping-cart .btn-outline-primary:hover{ border: 1px solid #2b83ad; color:#2b83ad; background-color:transparent;} .my-shopping-cart .CartEmptyText .notshopping{ color:#f5ba4b;} .my-shopping-cart .CartEmptyText .fa-inbox{ font-size:5rem;} .fastlink { padding-left: 1.5rem;} .fastlink .title {text-align: left;font-size: .75rem;font-weight: 600;letter-spacing: 0;text-transform: uppercase; margin-bottom: 20px;} .fastlink .title:after {content: '';display: block;width: 2rem;margin: 1rem 0 1.5rem;border-top: 2px solid #49a9a9;} .fastlink .sidenav {position: -webkit-sticky;position: sticky;top: 7.8125rem;max-height: calc(100vh - 5.8125rem - 2rem * 2);overflow-y: auto;} .fastlink .list-unstyled li a{color:#2b83ad;} .fastlink .list-unstyled li a:hover{border-bottom:1px solid #49a9a9; color:#49a9a9;} /*===================================================== 填写订单 ======================================================*/ .WriteOrder h3 {font-size: 1.375rem;} .WriteOrder .consigneelist .check-payment input[type=checkbox], .consigneelist .check-payment input[type=radio] {display: inline-block;vertical-align: middle;} .WriteOrder .consigneelist .check-payment input[type=checkbox]:checked~label, .consigneelist .check-payment input[type=radio]:checked~label { color: #0B88EE;} /*填写信息*/ .WriteOrder .consignee_table .ico .form-control {color: #495057; padding-left: 1.8rem} .WriteOrder .consignee_table .ico { position: relative; } .WriteOrder .consignee_table .ico i.fa { position: absolute; top: 12px; left:8px; } .WriteOrder .consignee_table .ico i.far { position: absolute; top: 12px; left:8px; } .WriteOrder .consignee_table .ico i.fas { position: absolute; top: 12px; left:8px; } .WriteOrder .consignee_table #Package:hover{ cursor: not-allowed ;} /*配送方式*/ .WriteOrder .shipping_title {font-size: 1.125rem;font-weight: bold;} .WriteOrder .shipping_title .FreeShippingTip{ margin-left:10px; font-size:14px; font-weight:normal} .WriteOrder .shipping_title input[type=checkbox]:checked~label { color: #2b83ad;} .WriteOrder .DeliveryMode .check-payment input[type=checkbox], .DeliveryMode .check-payment input[type=radio] {display: inline-block;vertical-align: middle;} .WriteOrder .DeliveryMode .check-payment input[type=checkbox]:checked~label, .DeliveryMode .check-payment input[type=radio]:checked~label { color: #0B88EE;} .WriteOrder .DeliveryMode .check-payment .DeliveryImg{ width:100px;} .WriteOrder .DeliveryMode .check-payment label img{display: inline-block; margin-right:5px; margin-left:10px;} .WriteOrder .DeliveryMode .check-payment label {display: inline-block;margin-bottom: .5rem;} /*开票*/ .WriteOrder .billinglist .check-payment input[type=checkbox], .billinglist .check-payment input[type=radio] {display: inline-block; margin:0px; padding:0px;} .WriteOrder .billinglist .check-payment input[type=checkbox]:checked~label, .billinglist .check-payment input[type=radio]:checked~label { color: #0B88EE;} .WriteOrder .billinglist .check-payment label {display: inline-block;margin-left:10px;} /*右边内容*/ .WriteOrder .card{background: #f7f7f7; padding: 30px 25px 30px; border: 1px solid #f7f7f7;} .WriteOrder .card .card-title {border-bottom: 1px solid #e5e5e5;padding-bottom: 10px; margin-bottom: 20px;} .WriteOrder .card .table{color:#454545;font-size: 14px;line-height: 2;width: 100%;border-top: transparent;border-left: transparent;border-right: transparent;} .WriteOrder .card .table tbody i{font-size:12px; margin:0 2px 0 5px; color:#49a9a9;} .WriteOrder .card .table tbody .text-start span{color:#49a9a9;font-weight: 700;} .WriteOrder .card .table tfoot td {color:#454545;font-weight: bold;} .WriteOrder .card .table tfoot .trOrderTotalPrice .text-start {font-size: 1.125rem;} .WriteOrder .card .table tfoot .trOrderTotalPrice .text-end {font-size: 1.75rem; color:#2b83ad;font-weight: bold;} .WriteOrder .card .check-payment input[type=checkbox], .card .check-payment input[type=radio] {display: inline-block;vertical-align: middle;} .WriteOrder .card .check-payment input[type=checkbox]:checked~label, .card .check-payment input[type=radio]:checked~label { color: #0B88EE;} .WriteOrder .card .check-payment label img{display: inline-block; margin-right:5px; margin-left:10px;} .WriteOrder .check-payment label {display: inline-block;margin-bottom: .5rem;} .WriteOrder .form-control:focus{color: #495057;background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .WriteOrder .card .SubmitOrder #OrderCode{ width:60px;} .WriteOrder .card .SubmitOrder .btn-outline-primary {color: #fff;border: 1px solid #2b83ad;width: 100%; background:#2b83ad;} .WriteOrder .card .SubmitOrder .btn-outline-primary:hover { color: #2b83ad;border: 1px solid #2b83ad;width: 100%; background:transparent;} /*===================================================== 完成订单 ======================================================*/ .FinishOrder h3 {font-size: 1.375rem;} .FinishOrder .CartEmptyText .OrderSubmit{ color:#f5ba4b;} .FinishOrder .CartEmptyText .fa-handshake{font-size: 5rem;color:#2b83ad;} .FinishOrder .check-payment input[type=checkbox], .FinishOrder .check-payment input[type=radio] {display: inline-block;vertical-align: middle;} .FinishOrder .check-payment input[type=checkbox]:checked~label, .FinishOrder .check-payment input[type=radio]:checked~label { color: #6c757d !important;} .FinishOrder .check-payment label {display: inline-block;margin-left:10px;} .FinishOrder .pay_table .PayRate{display: inline-block;margin:8px 0 0 25px;} .FinishOrder .pay_table .PayDescription{display: inline-block;margin-left:10px;} .FinishOrder .btn-outline-primary {color: #fff;border: 1px solid #2b83ad;width: 100%; background:#2b83ad;} .FinishOrder .btn-outline-primary:hover { color: #2b83ad;border: 1px solid #2b83ad;width: 100%; background:transparent;} /*===================================================== 招贤纳士 ======================================================*/ .jobchannelpic {top: 0;bottom: 0;left: 0;right: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;padding-bottom: 25%;position:relative} .jobchannelpic:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #212529;opacity: .55;} .job .table:hover{border-top:1px solid #2b83ad; border-left:1px solid #2b83ad;} .job .table:hover td:last-child{border-right:1px solid #2b83ad;} .job .table:hover tr:last-child{border-bottom:1px solid #2b83ad;} .job .btn-primary{background-color: #2b83ad;border-radius: .25rem; border:1px solid #2b83ad;border-radius:0px;} .job .btn-primary:hover{background-color: #fff; color:#2b83ad; border:1px solid #2b83ad;} .job .table .Requirement p{ line-height:14px;} .resume .JobName{color:#2b83ad !important;} .resume .form-control{color: #495057;background-color: #f8f9fa;} .resume .form-control:focus {color: #495057;background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .resume .form-group {margin-bottom: 1rem;} .resume .justify-content-center {justify-content: center!important;-webkit-box-pack: center!important;} .resume .date { position: relative; } .resume i.fa { position: absolute; top: 12px; right:18px; } .resume .resumecode{width:60px} .resume .btn-outline-primary {color: #fff;border:1px solid #2b83ad; width:100%;background-color: #2b83ad;} .resume .btn-outline-primary:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad; } /*===================================================== vmi ======================================================*/ .vmiManager{padding-top:0px;} .vmiManager p{line-height: 1.75;} .vmiManager .img-effect-solid:before {content: '';position: absolute;top: 35%;bottom: 10%;left: 0;right: 0;background-color: #2b83ad;} .vmiManager .img-effect-solid {padding-left: 20%;padding-right: 10%;} .vmiManager .img-effect>img {position: relative; box-shadow: 0 25px 100px -5px rgba(0,0,0,.15); z-index: 1;} .vmiManager .img-effect { position: relative;} .vmiManager .img-fluid { max-width: 100%; height: auto;vertical-align: middle; border-style: none;} .vmiBoard p{line-height: 1.75;} .vmiBoard .img-effect-border:after {content: '';position: absolute;top: -10%;bottom: 75%;left: 0;right: 55%;border: 2px solid #2b83ad;} .vmiBoard .img-effect-border:before {content: '';position: absolute;top: 75%;bottom: -10%;left: 35%;right: 10%;background-color: #2b83ad;} .vmiBoard .img-effect-border { padding-left: 10%; padding-right: 20%;} .vmiBoard .img-effect>img {position: relative; box-shadow: 0 25px 100px -5px rgba(0,0,0,.15); z-index: 1;} .vmiBoard .img-effect { position: relative;} .vmiBoard .img-fluid { max-width: 100%; height: auto;vertical-align: middle; border-style: none;} .vmiInfo i,.vmiInfo em{color:#2b83ad} .vmiInfo p{line-height: 1.75;} /*===================================================== 常见问题 ======================================================*/ .faq .title, .resources .title {text-align: left;font-size: .75rem;font-weight: 600;letter-spacing: 0;text-transform: uppercase;} .faq .title:after, .resources .title:after {content: '';display: block;width: 2rem;margin: 1rem 0 1.5rem;border-top: 2px solid #49a9a9;} .faq h3, .resources h3 {font-size: 1.275rem;} .faq .text-primary, .resources .text-primary {color: #2b83ad!important;} .faq .faq-item { padding: 1rem 0;} .faq .faq-item-heading {display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;color: #212529;-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .faq .faq-item-heading:before {content: '+';display: -webkit-inline-box;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;width: 1.5rem;height: 1.5rem;min-width: 1.5rem;margin-right: 1rem;background-color: #343a40;font-weight: 700;color: #fff;-webkit-transition: inherit;transition: inherit;} .faq .faq-item-heading[aria-expanded=true]:before { content: '-';} .faq .faq-item-heading:hover {text-decoration: none;color: #49a9a9;} .faq .faq-item-heading:hover:before {background-color: #49a9a9;} .faq .faq-item+.faq-item {border-top: 1px solid rgba(0,0,0,.1);} .faq .faq-item-content-inner {padding-top: 1rem;} .faq .faq-item-content {color: #6c757d;} .resources .card-icon {margin-bottom: 1rem;} .resources .card-title {margin-bottom: 1rem;} .resources h5 {font-size: 1rem;font-weight: 500;line-height: 1.5;color: #212529;} .resources .card-body {flex: 1 1 auto;-webkit-box-flex: 1;min-height: 1px;padding: 2.5rem 2rem;} .resources .card-text p span{padding-left:1.5rem;} /*===================================================== 条款 ======================================================*/ .clause .title{text-align: left;font-size: .75rem;font-weight: 600;letter-spacing: 0;text-transform: uppercase; margin-bottom: 20px;} .clause .title:after{content: '';display: block;width: 2rem;margin: 1rem 0 1.5rem;border-top: 2px solid #49a9a9;} .clause .list-unstyled li a{color:#2b83ad;} .clause .list-unstyled li a:hover{border-bottom:1px solid #49a9a9; color:#49a9a9;} .clause h3{font-size: 1.05rem;} .clause .hlhref{color:#2b83ad;} .clause .hlhref:hover{color:#49a9a9;} /*===================================================== 行业应用 ======================================================*/ .industry .card .card-img-top i{ color:#2b83ad;} .industry a.card:focus, a.card:hover {text-decoration: none;} .industry a.card:hover .card-img-top {transform: translateY(-.25rem);-webkit-transform: translateY(-.25rem);} .industry a.card:hover .card-img-top:before {opacity: 1;} .industry a.card .card-img-top {flex-shrink: 0;width: 100%;position: relative;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .industry a.card .card-img-top:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;box-shadow: 0 1rem 2rem -1rem rgba(0,0,0,.75); opacity: 0;-webkit-transition: inherit;transition: inherit;} /*===================================================== 在线留言 ======================================================*/ .message h3 {font-size: 1.275rem;} .message .text-primary, .resources .text-primary {color: #2b83ad!important;} .message .form-row {display: -webkit-box;display: flex;flex-wrap: wrap;margin-right: -5px;margin-left: -5px;} .message .form-row>.col, .message .form-row>[class*=col-] {padding-right: 5px;padding-left: 5px;} .message .form-group {margin-bottom: 1rem;} .message .form-control {color: #495057;background-color: #f8f9fa;} .message .form-control:focus ,.message .ico .form-control:focus{color: #495057;background-color: #fff;border-color: #2b83ad;outline: 0;box-shadow: none;} .message .ico .form-control {color: #495057;background-color: #f8f9fa; padding-left: 1.8rem} .message .ico { position: relative; } .message .ico i.fa,.message .ico i.far,.message .ico i.fas ,.message .ico i.fa-solid { position: absolute; top: 12px; left:8px; } .message .title{text-align: left;font-size: .75rem;letter-spacing: 0;text-transform: uppercase;} /* .message .title:after, .resources .title:after {content: '';display: block;width: 2rem;margin: 1rem 0 1.5rem;border-top: 2px solid #49a9a9;} */ .message .guestbookcode {width: 60px;} .message .btn-outline-primary {color: #fff;border: 1px solid #2b83ad; width: 100%;background:#2b83ad;} .message .btn-outline-primary:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad;; } .message .guestname{ max-width:60px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: inline-block; line-height:12px;} .message .askhead i { color:#2b83ad;} .message .answer{ color:#f5ba4b;} .message .answerinfo:hover{ border-bottom:1px solid #2b83ad !important;} /*===================================================== 联系 ======================================================*/ .ContactUs .card-body p span, .ContactUs .card-body h5 span{ margin-right:6px;} .ContactUs .card-text i{ margin-right:6px; padding-left:6px;} .ContactUs .ratio-4x4 { --bs-aspect-ratio: calc(4 / 4 * 100%);} @media (max-width: 767.98px) {.ContactUs .wximage{ width:50%;}} .process-inner {width: 100%;text-align: center;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;min-height:214px;} .process-inner .icon-holder {position: relative;top: 70px;display: inline-block;padding: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-color: #fff;} .process-inner .heading {position: relative;top: 60px;-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);} .proecess-block{margin-top:30px;} .proecess-block:nth-child(2) .process-inner{} .proecess-block:nth-child(2) .process-inner:hover, .proecess-block:nth-child(5) .process-inner:hover{border:1px solid #49a9a9;} .proecess-block:nth-child(3) .process-inner {} .proecess-block:nth-child(3) .process-inner:hover, .proecess-block:nth-child(6) .process-inner:hover {border:1px solid #002453;} .proecess-block:nth-child(4) .process-inner {} .proecess-block:nth-child(4) .process-inner:hover, .proecess-block:nth-child(7) .process-inner:hover {border:1px solid #2b83ad;} .process-inner .icon-holder > img.icon {width: 40px;} .process-inner:hover {border-color: #00a8ff;} .process-inner:hover .icon-holder {top: -30px;} .process-inner:hover .heading {top: -30px;} .process-inner .description {width: 80%;margin: 0 auto;opacity: 0;padding-bottom: 40px;font-size: 14px;line-height: 20px;font-weight: 200;-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);} .process-inner:hover .description {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .process {/*background-color: #f6f6f6;*/} .proecess-block .process-inner {background-color: transparent;color: #333;text-align: center;border:1px solid #dedede;} .process-inner i {font-size: 40px;margin-bottom: 35px;color:#2b83ad;} .process-inner h4 {font-size: 16px;font-weight: 700;text-transform: uppercase;} /*===================================================== 地图 ======================================================*/ #Map .MapInfo{ border:1px solid #ccc; padding:8px; } #Map .MapInfo #MapContainer{ width:100%; min-height:390px; } @media (max-width: 767.98px) {#myList{ margin-top:16px;}} #myList a:hover{ background-color: #f7f6f5;} #myList .text-muted{display: table;} #myList .text-muted span{cursor:pointer; color:#2b83ad;} #myList .text-muted span:hover{color:#49a9a9;} #myList a:hover .poi-point{color: #49a9a9;border: 5px solid #49a9a9 ;} #myList .poi-point{display: table-cell;display: block; float:left;width: 35px; height: 35px;border-radius: 50%;border: 5px solid #2b83ad ;background-clip:content-box;font-size: 14px;color: #2b83ad;text-align: center;line-height: 28px;margin-top:5px;} #myList .info{ display: table-cell; padding-left:10px; vertical-align:top; } #myList .info span,#myList .info p{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;} #Map h3 img{ height:20px; margin:0 4px 0 4px; padding:2px;} #Map .info-content i{color: #2b83ad;} #Map .info-content .compang-detail{ height:30px; padding:5px 0 5px 0;text-align:center; } #Map .info-content .compang-detail a{ color:#2b83ad;} #Map .info-content .compang-detail a:hover{ color:#49a9a9;} #Map .info-bottom{ position: absolute;left: 47%; bottom: -17px; } /*===================================================== 优惠 ======================================================*/ #OffersHotelInfo { border-left: 1px solid #d3d3d3;} .OffersList { /* background: #ededed; */ border: #ddd 1px solid; margin-bottom: 40px; -moz-box-shadow: 0px 1px 10px 0px rgba(50,50,50,0.3); -webkit-box-shadow: 0px 1px 10px 0px rgb(50 50 50 / 30%); box-shadow: 0px 1px 10px 0px rgb(50 50 50 / 30%); } .OffersBooking{ height:4rem; background: #e1e1e1; } .OffersBooking span { color:#2b83ad; } #OffersIntroduce .content img{ width:120px;} #OffersIntroduce .nav-tabs .nav-link.active { color:#2b83ad; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; font-weight:bold;} #OffersIntroduce .nav-tabs .nav-link {color:#495057;} #OffersHotelInfo i{ color: #2b83ad;} .OffersMode-1 .card:hover{ -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; top:-3px; box-shadow: 0 1rem 2rem -1rem rgb(0 0 0 / 75%);} .OffersMode-1 .card-body .card-title a{ color: #212529;} .OffersMode-1 .card-body .card-title a:hover{ color: #2b83ad;} .OffersMode-1 .OffersButton.btn-outline-primary {color: #2b83ad;border: 1px solid #2b83ad; background:#f7f7f7; font-size:0.875rem;} .OffersMode-1 .OffersButton.btn-outline-primary:hover{ background-color:#fff; color:#2b83ad; border-color: #2b83ad; } .OffersMode-1 .btn:hover { color: #2b83ad ;} :root { --swiper-theme-color: #2b83ad !important;} /*===================================================== 搜索 ======================================================*/ .search-list-item {font-size: 13px ;padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #D5DCE5; padding-left:10px;} .search-list-item:hover{background-color:#2b83ad;} .search-list-item:hover .InfoTitle,.search-list-item:hover .InfoF2 i{color:#fff; } .search-list-item .ChannelName {font-weight: 500;color: #272727; width:180px; display: inline-block;} .search-list-item .InfoTitle{font-size: 13px ;color: #838E95; } .search-list-item .InfoF2{float:right; width:22%; margin-right:10px;} .search-list-item .InfoF2 i{font-size: 12px ;color: #838E95; margin-right:10px;} /*===================================================== 新闻 ======================================================*/ .news .border-left { border-left: 1px solid rgba(0,0,0,.1)!important;} .news .title { font-size: .875rem; font-weight: bold; letter-spacing: 0; text-transform: uppercase; margin-bottom: 0px; text-align:left;} .news .title:after { content: ''; display: block; width: 2rem; margin: 1rem 0 1rem; border-top: 2px solid #2b83ad;} .news .sidenav { position: -webkit-sticky; position: sticky; top: 9.8125rem; max-height: calc(100vh - 5.8125rem - 2rem * 2); overflow-y: auto; } .news .sidenav a{ color:#2b83ad;} .news .flex-column { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; flex-direction: column!important;} .news .InfoTitle{ color:#2b83ad;} .news .InfoContent img{ max-width: 83.3333333333%;} .news .info_previous_next_wrap{ margin-top:3rem!important} /*===================================================== 历程发展 ======================================================*/ .course .border-left { border-left: 1px solid rgba(0,0,0,.1)!important;} .course .title { font-size: .875rem; font-weight: bold; letter-spacing: 0; text-transform: uppercase; margin-bottom: 0px; text-align:left;} .course .title:after { content: ''; display: block; width: 2rem; margin: 1rem 0 1rem; border-top: 2px solid #2b83ad;} .course .sidenav { position: -webkit-sticky; position: sticky; top:13.9125rem; max-height: calc(100vh - 5.8125rem - 2rem * 2); overflow-y: auto; } .course .sidenav a{ color:#2b83ad;} .course .flex-column { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; flex-direction: column!important;} .course .InfoTitle{ color:#2b83ad;} .course .InfoContent img{ max-width: 83.3333333333%;} .course .info_previous_next_wrap{ margin-top:3rem!important} .course .course-image { position: relative; background-color: #fff; } .course .course-image .course-float{ position: absolute; bottom: 0; right: 0; z-index: 1; } .course .course-image .course-float p{ font-weight:bold; font-size: 1.75rem; color:#fff; padding: 5px 12px; text-shadow: 0 1px #2b83ad, 1px 0 #2b83ad, -1px 0 #2b83ad, 0 -1px #2b83ad;} /*===================================================== 婚宴 ======================================================*/ .wedding-banner {margin-top: 120px;} .wedding-banner .carousel-caption { width:80%; top:50%;} .wedding-banner .carousel-caption p { margin-top:15px;} @media (max-width: 575.98px) { .wedding-banner .carousel-caption { top:35%;}} #WeddingShow{padding:30px 0;background-color:#ffffff; } #WeddingShow .WeddingVideo { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; position: relative;} #WeddingShow .WeddingVideo:hover { cursor:pointer; } #WeddingShow .WeddingVideo.right-full { width: calc(50vw - 15px); float: left;} #WeddingShow .WeddingVideo .video-button { position: absolute; width: 120px; height: 120px; left: calc(50% - 60px); top: calc(50% - 50px); color: #2b83ad; font-size: 30px; text-align: center; border-radius: 50%; -webkit-transition: all .35s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; display:none;} #WeddingShow .WeddingVideo .fancybox-video{width: 100%; } @media only screen and (max-width: 991px), only screen and (max-device-width: 991px) { #WeddingShow .WeddingVideo.right-full { width: 100%; } #WeddingShow .WeddingVideo .fancybox-video{width: 100%;} } .Weddings-Celebrations-Box .col-lg-4 { margin-bottom: 1.5rem; text-align: center;} .Weddings-Celebrations-Box .col-lg-4 p { margin-right: .75rem; margin-left: .75rem;} .Weddings-Celebrations-Box .featurette-divider { margin: 5rem 0; } .Weddings-Celebrations-Box .Weddings-Celebrations .featurette-heading { letter-spacing: -.05rem;} @media (min-width: 40em) { .Weddings-Celebrations-Box .Weddings-Celebrations .featurette-heading { font-size: 50px; }} /* @media (min-width: 62em) { .Weddings-Celebrations-Box .Weddings-Celebrations .featurette-heading { margin-top: 7rem; }} */ /*===================================================== 休闲娱乐 ======================================================*/ .Leisure-Box .Leisure{ padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2);} .Leisure-Box .featurette-divider { margin: 5rem 0; } .Leisure-Box .Leisure .featurette-heading { letter-spacing: -.05rem; color:#2b83ad; opacity: 0.5; } @media (min-width: 40em) { .Leisure-Box .Leisure .featurette-heading { font-size: 32px; color:#2b83ad; opacity: 0.5; text-align:center; }} .Leisure-Box .swiper-wrapper li::marker { content: ""; } .Leisure-Box .Leisure-left hr{width:40px; margin:0 auto;} /* @media (min-width: 62em) { .Leisure-Box .Leisure .featurette-heading { margin-top: 7rem; }} */ /* 幻灯片组件0 */ .Leisure-Box .floor_banner0 { position:relative; z-index: 0; } @media (max-width: 767.98px) { .Leisure-left{ padding-top:20px; padding-bottom:60px;}} @media (max-width: 767.98px) { .Leisure-Box .banner0 li{ position: relative; display: flex; height: 100%; align-items: center; justify-content: center; overflow: hidden; width:100%; } .Leisure-Box .banner0 li img{ display:block; width:100%; } } @media (min-width: 1399.98px) { .Leisure-Box .banner0 li{ position: relative; display: flex; width: 100%; align-items: center; justify-content: center; overflow: hidden;} .Leisure-Box .banner0 li img{ display:block; width: 100%; } } /*内页频道代表图*/ .Leisure-Box .banner_img img{ width: 100%; display: block; } /*圆形焦点*/ .Leisure-Box .floor_banner0 .banner_dotcircle .swiper-pagination-switch{ border-radius: 10px; width: 10px; height: 10px; background: #FFF; } .Leisure-Box .floor_banner0 .banner_dotcircle .swiper-active-switch{ width: 10px; background: #2b83ad; } /*===================================================== 底部 ======================================================*/ .footerbarbox{ background-color:#2b83ad;} .footerbarbox .message a {color: #fff;text-align: center;border: 1px solid #fff; display: block;border-radius: 3px; transition: .5s; text-decoration:none; display:inline-block ; padding:5px 10px 5px 10px;} .footerbarbox .message a:hover {background-color: #fff; color:#2b83ad; } .footer{ padding-top:30px;} .footer .border-bottom { border-bottom: 1px solid #808080!important;} .footer h6{ color:#c3c3c3;} .footer p{ margin-bottom: 0.5rem;} .footer p a{color:#a4a4a4 !important; text-decoration: none; font-size:14px;} .footer p a:hover { color: #2b83ad !important;} .footer p i{ color:#a4a4a4; } .footer #copyright{color:#a4a4a4 ;} .footer .social-icons a {color: #a4a4a4;line-height: 45px;display: inline-block;padding: 5px;-webkit-transition: all .4s;-moz-transition: all .4s; -ms-transition: all .4s;-o-transition: all .4s;transition: all .4s; width: 55px;} .footer .social-icons span { margin-left:1px;} .footer .social-icons a:hover { background-color: #2b83ad; color: #fff; border-radius: 100%;} .footer .message {border-top: 1px dashed #626262; padding: 16px 0 16px 0;} .footer .message a {font-size: 14px;color: #fff;text-align: center;border: 1px solid #626262;width: 90px;height: 35px;line-height: 33px;display: block;border-radius: 3px; transition: .5s; text-decoration:none; display:inline-block} .footer .message a:hover {background-color: #2b83ad; border: 1px solid #2b83ad;} .footer .WxQrcode{ max-width:120px;} .footer #copyright a{ margin-left:10px; text-decoration: none; font-size:14px;} /*===================================================== ======================================================*/ /*==============报价表格==================*/ .table-box{/*border: 1px solid #2b83ad; */word-break: keep-all;} .table-box::-webkit-scrollbar{/*display: block; width: 40px; height:20px; background:#2b83ad;*/} .table-box::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px;} .table-box::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: rgb(43,131,173, .8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .table-box::-webkit-scrollbar-thumb:window-inactive {background: rgb(43,131,173, .8)} #TableQuoted{/*text-align: center; font-size: 10px;*/} #TableQuoted thead{background: #2b83ad;} #TableQuoted thead tr{ height: 46px; line-height: 32px;} #TableQuoted thead th{padding: 5px;} #TableQuoted tbody tr td{border-style: none !important; border-color: #fff !important;} #TableQuoted .product_title{ width:120px !important;} /*==========报价清单样式==========*/ /*.my-carts{border: 1px solid #2b83ad;}*/ .my-carts .table{/*min-width: 100%; width: max-content; text-align: center;*/} .my-carts .table thead .Picture{ width:60px;} .my-carts .table thead .ProductSketch{ width:200px !important;}*/ .my-carts .table tbody{/*border-left: 1px solid #2b83ad; border-right: 1px solid #2b83ad; border-top: none !important; border-bottom: 1px solid #2b83ad; font-size: 10px;*/} #MyCartsTable tbody tr{/*border-style: none !important; border-color: #fff !important; background-color: #fff; border-width: 0 !important;*/} #MyCartsTable tbody .ProductName a{ color:#2b83ad;} #MyCartsTable .my-shopping-cart .ico i.fa-caret-up { position: absolute; top: 14px; right:8px; } #MyCartsTable .my-shopping-cart .ico i.fa-caret-down { position: absolute; bottom:12px;; right:8px; } #MyCartsTable .my-shopping-cart .ico i.fa-caret-up:hover,.my-shopping-cart .ico i.fa-caret-down:hover{ color:#2b83ad;cursor: pointer;} #MyCartsTable .btn-group i{ width:14px;} #MyCartsTable .btn-group .search{ background-color:#2b83ad;} #MyCartsTable .btn-group .search:hover{ background-color:#49a9a9;} .quoteWrapper.message .form-control {color: #495057;background-color: #fff !important; padding-left: 1.8rem; } #QuoteEmpty{display: none;} .fastlink1 .title {text-align: left;font-size: .75rem;font-weight: 600;letter-spacing: 0;text-transform: uppercase; margin-bottom: 20px;} .fastlink1 .title:after {content: '';display: block;width: 2rem;margin: 1rem 0 1.5rem;border-top: 2px solid #49a9a9;} .fastlink1 .sidenav {position: -webkit-sticky;position: sticky;top: 7.8125rem;max-height: calc(100vh - 5.8125rem - 2rem * 2);overflow-y: auto;} .fastlink1 .list-unstyled li a{color:#2b83ad;} .fastlink1 .list-unstyled li a:hover{border-bottom:1px solid #49a9a9; color:#49a9a9;} .navmain{ max-width: 1320px; margin: 0 auto;} .navmain .d-flex{ display: flex; justify-content: flex-start !important; flex-wrap: wrap; } .navmain .d-flex .container{ width:930px; } .product_xyyy .content .pro-detail .pic{ background-size:100%; } #TableQuoted .previmg{ position: relative; } #TableQuoted .previmg .img{ position: absolute; left: 80px; top:10px; max-width:500px; border: 1px solid #bbb; box-shadow: 0 3px 6px #ccc; display:flex; background:#fff; align-items: center; justify-content: center; padding:5px; display: none; box-sizing: border-box; } #TableQuoted .previmg .img img{ display: block; width: auto; max-width:490px; } #TableQuoted tr .previmg:hover .img{ display: flex; } #TableQuoted .AddCartBtn i{ color:#2b83ad;} #TableQuoted .AddCartBtn i:hover { color:#49a9a9;} /*==============报价详情页==================*/ #product_read_floor .col1{ width: 360px; height:100%; overflow: hidden; float:left; border:1px solid #DEE2E6; } #product_read_floor .col1 .InfoPicture{ height:350px; width:350px; display: flex; align-items: center; justify-content: center;} #product_read_floor .col1 .InfoAlbum{ padding:5px 0; border-top: 0px solid #ddd; overflow:hidden; clear:both;} /*相册列表*/ #product_read_floor.albumlist{ overflow:hidden; float:left; height:54px; width:310px; outline:0px dashed #0a58ca;} #product_read_floor .albumlist li { float:left; text-align:center; overflow:hidden; width:61px; height:60px;} #product_read_floor .albumlist li img { width:50px; height:50px; cursor:pointer; border: 2px solid #fff;} #product_read_floor .albumlist li.on img{ border: 2px solid #0a58ca; } #product_read_floor .InfoAlbum .myalbum { float: left; width: 87%; } #product_read_floor .InfoAlbum .sPrev, #product_read_floor .InfoAlbum .sNext {float: left; display: block; width: 16px; height: 54px;background: url(../images/arrow.png) no-repeat; cursor: pointer; margin:0 2px; outline:0px dashed red; } #product_read_floor .InfoAlbum .sPrev{ background-position: 2px center; } #product_read_floor .InfoAlbum .sPrev:hover{ background-position: -27px center; } #product_read_floor .InfoAlbum .sNext{ background-position: -13px center; } #product_read_floor .InfoAlbum .sNext:hover{ background-position: -42px center; } .jqzoom{ border:0px solid black;float:left;position:relative;padding:0px;cursor:pointer;} .jqzoom img{ float:left; } div.zoomdiv { z-index : 100; position: absolute; top:0px; left:0px; width: 200px; height: 200px; background: #ffffff;border:1px solid #CCCCCC;display:none;text-align: center;overflow: hidden; } div.jqZoomPup {z-index : 100;visibility : hidden;position: absolute; top:0px; left:0px; width : 50px;height : 50px;border: 1px solid #aaa; background: #ffffff; opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); } .producttablist li.nav-link{ cursor: pointer; width: 120px; text-align: center; border:1px solid #dee2e6; border-left: none; color:#2b83ad; } .producttablist li:first-child{ border-left:1px solid #dee2e6; } .producttablist li.current{ color: #0a58ca !important; border-top: 1px solid #0a58ca !important; border-bottom-color: #FFF; } .nav-tabs .nav-link{ border-left: 0; } /*==============下拉框============================*/ .select-control{position: relative; width: 100%; border: 1px solid #ccc; padding: 5px 5px; color: #6c757d; outline: none;} .select-control:focus{border: 1px solid #2b83ad;} .left_select{position: relative;} .close_btn{ display: none; width: 28px; height: 28px; position: absolute; right: 1px; top: 24%; transform: translateY(10px); z-index: 100; background: #fff; text-align: center; padding: 5px; } .close_btn .on{display: block;} /*分页样式*/ .page_main{ clear: both; text-align: center; overflow: hidden; } .page {display: inline-block; margin: 20px 0; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-radius: 6px; overflow: hidden; ; } .page:empty{ display: none; } .page a, .page span {float: left; padding: 0 5px; min-width: 35px; line-height:35px; text-align: center; border: 1px solid #ddd; border-right: 0; color: #888; } .page span:first-child { border-left:0px;} .page a{ color: #333; } .page a:link, .page a:visited { text-decoration:none; } .page a:hover { background: #2b83ad; color:#fff;} .page .current{ color:#FFF; background: #2b83ad; border-color: #2b83ad; border-left: 1px solid #ddd; } .page #total{color:red} @media (max-width: 991.98px){ .page .pageinfo{ display:none;} } @media (max-width: 767.98px) {.pagenum ,.pagenextall{display:none;}} /* 加入购物车 */ .add-cart-btn{border: 1px solid #ccc; outline: none; background-color: #2b83ad; color: #fff; border-radius: 5px; padding: 2px 5px;} .is-nobackground{background: none !important; color: #2b83ad !important;} /*==========@@swiper 开始@@==========*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .swiper-container { } .swiper-slide { } .swiper-slide-active { } .swiper-slide-visible { } .swiper-pagination{ position: absolute; bottom: 15px; text-align: center; width: 100%; left: 0; z-index: 1; } .swiper-pagination-switch { display: inline-block; width: 30px; height: 8px; margin: 0 5px; border: 1px solid #FFF; border-radius: 8px; cursor: pointer; transition-duration: .5s; } .swiper-active-switch { background: #FFF; } .swiper-visible-switch { } /*==========@@swiper 结束@@==========*/