/* 部件 */ /* 轮播图 BEGIN */ .imgs-slider { background: #F3F3F3; position: fixed; top: 0; height: 100vh; width: 100%; overflow: hidden; display: none; z-index: 2000; } .imgs-slider .slider-close { position: absolute; right: 50px; top: 50px; z-index: 10000; } .imgs-slider .slider-close i { width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; cursor: pointer; background-image: url(../images/icons/slider-close.png); } .imgs-slider .entry-container { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #ffffff; z-index: 9999; } .imgs-slider .entry { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .imgs-slider .entry .article .article-header { position: relative; } .imgs-slider .entry .article .article-header:before { content: ""; height: 14px; width: 140px; position: absolute; top: -24px; left: 0; } .imgs-slider .entry .article h2 { font-family: "Microsoft YaHei Bold", "PingFangSC-Semibold"; font-size: 30px; color: #000000; line-height: 40px; } .imgs-slider .entry .article h3 { font-size: 18px; text-align: justify; line-height: 26px; color: #7C7C7C; margin-top: 63px; } .imgs-slider .entry .article h3 strong { color: #000000; } .imgs-slider .entry .article .article-section { font-size: 14px; color: #7C7C7C; text-align: justify; line-height: 26px; margin-top: 35px; width: 500px; } .imgs-slider .entry .article .article-nav{ margin-top:64px; } .imgs-slider .slider-player .series-description { position: absolute; top: 0; left: 0; height: 184px; width: 100%; background-repeat: no-repeat; background-position: 0 0; background-size: auto 50%; padding-top: 92px; padding-left: 66px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Microsoft YaHei Bold", "PingFangSC-Semibold"; z-index: 10; } .imgs-slider .slider-player .series-description h3 { font-family: "Microsoft YaHei Bold", "PingFangSC-Semibold"; font-size: 25px; color: #000000; line-height: 25px; } .imgs-slider .slider-player .series-description p { font-size: 16px; color: #4A4A4A; line-height: 16px; margin: 15px 0 25px; } .imgs-slider .slider-player .series-description span { font-size: 36px; color: #7C7C7C; line-height: 36px; } .imgs-slider .slider-player .series-description span strong { color: #000000; font-family: "Microsoft YaHei Bold", "PingFangSC-Semibold"; } .imgs-slider .slider-player .slider-container { height: 600px; width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .imgs-slider .slider-player .slider-content { margin: 0 auto; } .imgs-slider .slider-player .slider-content .img-container { overflow: hidden; height: 600px; width: 100%; position: relative; } .imgs-slider .slider-player .slider-content .img-container img { position: absolute; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imgs-slider .slider-player .player-nav { height: 40px; width: 100%; position: absolute; top: 50%; padding: 0 50px; transform: translateY(-50%); z-index: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .imgs-slider .slider-player .player-nav i { width: 20px; height: 40px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .imgs-slider #slick-prev { float: left; background-image: url(../images/icons/slider-prev.png); } .imgs-slider #slick-next { float: right; background-image: url(../images/icons/slider-next.png); } /* 轮播图 END */ /* 店铺 BEGIN */ .shops { padding: 130px 0; } .shops .main .main-style, .shops .main .shops-title { width: 1048px; margin: 0 auto; } .shops .main .shops-title { position: relative; font-size: 30px; color: #FFFFFF; padding-top: 107px; padding-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shops .main .shops-title strong { display: inline-block; font-size: 176px; line-height: 176px; margin-right: 20px; } .shops .main .shops-title.shops-title-1 { padding-left: 140px; font-family: "Microsoft YaHei Regular", 'PingFangSC-Regular'; } .shops .main .shops-title.shops-title-2 { padding-left: 244px; padding-right: 244px; font-family: "Microsoft YaHei Regular", 'PingFangSC-Regular'; } .shops .search-bar { height: 62px; overflow: hidden; width: 1048px; margin: 0 auto; } .shops .fill-blank { width: 1048px; height: 25px; margin: 0 auto; } .shops .no-result { font-family: "Microsoft YaHei Regular", 'PingFangSC-Regular'; font-size: 16px; line-height: 14px; width: 1048px; margin: 0 auto; padding-top: 25px; display: none; } .shops .no-result p { width: 560px; margin: 0 0 0 244px; } .shops .shops-content { font-family: "Microsoft YaHei Regular", 'PingFangSC-Regular'; } .shops i { background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .shops .search-box { width: 560px; height: 36px; margin: 13px auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shops .search-box input { height: 36px; width: 100%; line-height: 36px; border: 0; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shops .search-box i { position: absolute; height: 36px; width: 36px; top: 0; left: -46px; background-image: url(../images/icons/search.png); } .shops .shops-content > li:first-of-type .provinces-container { padding-top: 50px; } .shops .provinces-list { font-size: 16px; line-height: 16px; width: 560px; margin: 0 auto; } .shops .provinces-list li, .shops .cities-line li { position: relative; float: left; margin: 5px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shops .provinces-list li { opacity: .5; } .shops .provinces-list li.expandable, .shops .cities-line li { opacity: 1; cursor: pointer; } .shops .provinces-list li:first-of-type, .shops .cities-line li:first-of-type { margin-left: 0; } .shops .provinces-list li + li:before, .shops .cities-line li + li:before { content: ""; position: absolute; left: -16px; top: 0; width: 2px; height: 100%; } .shops .provinces-list li.actived:after, .shops .cities-line li.actived:after { content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px; } .shops .cities-line li + li:before, .shops .cities-line li.actived:after { background-color: #FFFFFF; } .shops .display-below { width: 100%; display: none; } .shops .cities-container { padding: 20px 0; margin: 0 auto; } .shops .cities-line { font-size: 16px; color: #FFFFFF; line-height: 16px; width: 1048px; padding-left: 244px; margin: 0 auto; min-height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shops .display-below.actived, .shops .shops-container.actived { display: block; } .shops .shops-container { background: #FFFFFF; border: 2px solid #9B9B9B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .shops .shops-list-container { width: 1048px; height: 640px; padding-left: 244px; margin: 55px auto 70px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shops .shops-list { width: 100%; height: 100%; } .shops .shops-list dl { color: #8E8E8E; padding-bottom: 25px; } .shops .shops-list dl i { width: 18px; height: 14px; margin-right: 14px; background-image: url(../images/icons/shop.png); } .shops .shops-list dt { font-size: 14px; line-height: 14px; } .shops .shops-list dd { font-size: 12px; font-family: "Microsoft YaHei Light", 'PingFangSC-Light'; line-height: 12px; margin-top: 12px; margin-left: 32px; } .shops .mall-icons { position: absolute; bottom: 60px; right: 244px; height: 50px; padding: 5px 0 5px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .shops .mall-icons li { padding-left: 15px; float: left; width: 40px; height: 40px; } .shops .mall-icons li a { height: 100%; width: 100%; display: block; } .shops .mall-icons li i { height: 100%; width: 100%; vertical-align: super; } .shops .card-container { padding: 100px 0 160px; overflow: hidden; } /* 店铺 END */ /* 地图 BEGIN */ .map-service { position: relative; height: 100vh; background: #fff; overflow: hidden; } .map-service .start-screen > div { position: absolute; } .map-service .start-screen .china-map { position: absolute; opacity: .3; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .map-service .provinces-text { position: absolute; width: 100vw; height: 86px; left: 100%; top: 50%; margin-top: 60px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .map-service .provinces-text div { width: 500px; height: 100%; padding-left: 25px; } .map-service .provinces-text span { font-family: "Microsoft YaHei Bold", 'PingFangSC-Semibold'; font-size: 30px; color: #FFFFFF; text-align: center; line-height: 86px; opacity: 0; display: inline-block; } .map-service .brand-grow-text { top: 50%; margin-top: -60px; white-space: nowrap; left: 0; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .map-service .brand-grow-text:before { content: ""; height: 14px; width: 170px; position: absolute; top: -30px; left: 0; } .map-service .brand-grow-text span { font-family: "Microsoft YaHei Bold", 'PingFangSC-Semibold'; font-size: 30px; color: #000000; line-height: 30px; display: inline-block; } .map-service .brand-grow-text.animate-in { animation: animation-brand-grow-text-in 1s linear 0s 1 forwards; } .map-service .brand-grow-text.animate-out { animation: animation-brand-grow-text-out 1s linear 0s 1 forwards; } @keyframes animation-brand-grow-text-in { from { left: 0; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } to { left: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } @keyframes animation-brand-grow-text-out { from { left: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } to { left: 0; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } } .map-service .shops-number { top: 50%; left: 50%; margin-top: 110px; padding-left: 90px; display: none; font-family: "Arial"; } .map-service .shops-number span { display: inline-block; font-size: 180px; color: #4A4A4A; height: 180px; line-height: 180px; } .map-service .shops-number.animate-out { animation: animation-shops-number-out 1s linear 0s 1 forwards; } @keyframes animation-shops-number-out { from { top: 50%; margin-top: 110px; } to { top: 100%; margin-top: 0; } } .map-service .shops-text { top: 50%; left: 50%; margin-top: 300px; margin-left: 180px; white-space: nowrap; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .map-service .shops-text span { font-family: "Microsoft YaHei Bold", 'PingFangSC-Semibold'; font-size: 30px; color: #4A4A4A; text-align: center; line-height: 30px; display: inline-block; } .map-service .x-symbol { top: 50%; left: 50%; margin-top: 230px; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .map-service .x-symbol i { width: 76px; height: 76px; background-image: url(/images/icons/x-symbol.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .map-service .provinces-number { top: 50%; right: 50%; margin-right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; text-align: right; font-family: "Poppins-Medium"; } .map-service .provinces-number span { font-size: 300px; color: #FFFFFF; line-height: 300px; text-shadow: 0 3px 9px rgba(0, 0, 0, 0.50); display: inline-block; } .map-service .provinces-number.animate-out { animation: animation-provinces-number-out 1s linear 0s 1 forwards; } @keyframes animation-provinces-number-out { from { top: 50%; margin-top: 40px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } to { top: 0; margin-top: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%);; transform: translateY(-100%); } } .map-service .actived { display: block !important; } .map-service .start-screen { width: 100%; height: 100%; } .map-service .start-screen, .map-service .map-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .map-service .china-map { width: 666px; height: 744px; background: url(../images/china-map1.png) center no-repeat; background-size: cover; } .map-service .region-list { position: absolute; left: 0; top: 0 } @-webkit-keyframes warn { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-moz-keyframes warn { from { -moz-transform: scale(0); transform: scale(0); opacity: 1; } to { -moz-transform: scale(1); transform: scale(1); opacity: 0; } } @-o-keyframes warn { from { -o-transform: scale(0); transform: scale(0); opacity: 1; } to { -o-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes warn { from { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } } .map-service .area-box .dot { position: absolute; left: 0; width: 15px; height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .map-service .area-box .pulse { position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: .12; filter: alpha(opacity=0); -webkit-animation: warn 2s ease-out both; -moz-animation: warn 2s ease-out both; -o-animation: warn 2s ease-out both; animation: warn 2s ease-out both; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; background: 0 0; } .map-service .area-box .pulse.delay-01, .map-service .area-box .pulse.delay-02 { top: -20px; left: -20px; height: 54px; width: 54px; } .map-service .area-box .pulse.delay-03, .map-service .area-box .pulse.delay-04, .map-service .area-box .pulse.delay-05 { top: -29px; left: -29px; height: 72px; width: 72px; } .map-service .area-box .pulse.delay-06, .map-service .area-box .pulse.delay-07, .map-service .area-box .pulse.delay-08, .map-service .area-box .pulse.delay-09 { top: -47px; left: -47px; height: 108px; width: 108px; } .map-service .area-box .delay-01 { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .map-service .area-box .delay-02 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s } .map-service .area-box .delay-03 { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s } .map-service .area-box .delay-04 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s } .map-service .area-box .delay-05 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s; } .map-service .area-box .delay-06 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; } .map-service .area-box .delay-07 { -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -o-animation-delay: 2.4s; animation-delay: 2.4s; } .map-service .area-box .delay-08 { -webkit-animation-delay: 2.8s; -moz-animation-delay: 2.8s; -o-animation-delay: 2.8s; animation-delay: 2.8s; } .map-service .area-box .delay-09 { -webkit-animation-delay: 3.2s; -moz-animation-delay: 3.2s; -o-animation-delay: 3.2s; animation-delay: 3.2s; } .map-service .area-box { z-index: 77; } .map-service .position-qinghai { left: 298px; top: 254px; } .map-service .position-sichuan { left: 312px; top: 346px; } .map-service .position-yunnan { left: 295px; top: 430px; } .map-service .position-shaanxi { left: 389px; top: 292px; } .map-service .position-hubei { left: 453px; top: 342px; } .map-service .position-guangdong { left: 457px; top: 462px; } .map-service .position-liaoning { left: 551px; top: 173px; } .map-service .position-beijing { left: 479px; top: 201px; } .map-service .position-jiangsu { left: 525px; top: 320px; } .map-service .position-shandong { left: 500px; top: 256px; } .map-service .position-neimenggu { left: 400px; top: 202px; } .map-service .position-heilongjiang { left: 575px; top: 95px; } .map-service .position-hebei { left: 469px; top: 233px; } .map-service .position-tianjin { left: 491px; top: 215px; } .map-service .position-shanxi { left: 433px; top: 235px; } .map-service .position-chongqing { left: 362px; top: 362px; } .map-service .position-xizang { left: 173px; top: 333px; } .map-service .position-gansu { left: 335px; top: 255px; } .map-service .position-fujian { left: 523px; top: 407px; } .map-service .position-guangxi { left: 385px; top: 450px; } .map-service .position-xinjiang { left: 156px; top: 153px; } .map-service .position-henan { left: 449px; top: 299px; } .map-service .position-ningxia { left: 359px; top: 246px; } .map-service .position-zhejiang { left: 535px; top: 357px; } .map-service .position-shanghai { left: 552px; top: 329px; } .map-service .position-guizhou { left: 356px; top: 403px; } .map-service .position-hunan { left: 432px; top: 382px; } .map-service .position-jiangxi { left: 485px; top: 377px; } .map-service .position-anhui { left: 498px; top: 328px; } .map-service .position-jilin { left: 585px; top: 138px; } .map-service .position-hainan { left: 406px; top: 512px; } .map-service .expiry-date { position: absolute; bottom: -34px; right: -85px; font-size: 14px; color: #4A4A4A; text-align: justify; line-height: 14px; } .map-service .expiry-date:before { content: ""; position: absolute; width: 14px; height: 14px; top: 0; left: -21px; background: url(../images/icons/star.png) center no-repeat; } /* 地图 END */ /* 自定义颜色 BEGIN */ /* broadcast-bo */ .brand-broadcast + .imgs-slider .entry .article .article-header:before { background: #0B35F6; } .brand-broadcast .map-service .provinces-text { background: #0B35F6; } .brand-broadcast .map-service .brand-grow-text:before { background-color: #0B35F6; } .brand-broadcast .map-service .area-box .dot { border: 4px solid #0B35F6; } .brand-broadcast .area-box .pulse { border: 3px solid #0B35F6; } .brand-broadcast .shops .main .main-style, .brand-broadcast .shops .main .shops-title { background: #EEDFD2; } .brand-broadcast .shops .main .shops-title { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.50); } .brand-broadcast .shops .main .shops-title strong { font-family: "Microsoft YaHei Bold", 'PingFangSC-Semibold'; text-shadow: 0 3px 9px rgba(0, 0, 0, 0.50); } .brand-broadcast .shops .search-bar { background: #0B35F6; } .brand-broadcast .shops .fill-blank { background: #EEDFD2; } .brand-broadcast .shops .no-result { background: #EEDFD2; color: #919191; } .brand-broadcast .shops .provinces-list { color: #9B9B9B; } .brand-broadcast .shops .provinces-list li + li:before, .brand-broadcast .shops .provinces-list li.actived:after { background-color: #A5A5A5; } .brand-broadcast .shops .cities-container { background: #0B35F6; } .brand-broadcast .shops .mall-icons { border-left: 4px solid #0B35F6; } .brand-broadcast .shops .mall-icons i.tmall { background: url(../images/icons/mall.png) no-repeat 0 0; } .brand-broadcast .shops .mall-icons i.tmall:hover { background: url(../images/icons/mall.png) no-repeat 0 -40px; } .brand-broadcast .shops .mall-icons i.jd { background: url(../images/icons/mall.png) no-repeat -40px 0; } .brand-broadcast .shops .mall-icons i.jd:hover { background: url(../images/icons/mall.png) no-repeat -40px -40px; } .brand-broadcast .shops .mall-icons i.vip { background: url(../images/icons/mall.png) no-repeat -80px 0; } .brand-broadcast .shops .mall-icons i.vip:hover { background: url(../images/icons/mall.png) no-repeat -80px -40px; } /* crz */ .brand-crz + .imgs-slider .entry .article .article-header:before { background: #D5231F; } .brand-crz .map-service .provinces-text { background: #222222; } .brand-crz .map-service .brand-grow-text:before { background-color: #D5231F; } .brand-crz .map-service .area-box .dot { border: 4px solid #D0021B; } .brand-crz .area-box .pulse { border: 3px solid #D0021B; } .brand-crz .shops .main .main-style, .brand-crz .shops .main .shops-title { background: #92979D; } .brand-crz .shops .main .shops-title { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.50); } .brand-crz .shops .main .shops-title strong { text-shadow: 0 3px 9px rgba(0, 0, 0, 0.50); } .brand-crz .shops .search-bar { background: #222222; } .brand-crz .shops .fill-blank { background: #92979D; } .brand-crz .shops .no-result { background: #92979D; color: #FFFFFF; } .brand-crz .shops .provinces-list { color: #FFFFFF; } .brand-crz .shops .provinces-list li + li:before, .brand-crz .shops .provinces-list li.actived:after { background-color: #FFFFFF; } .brand-crz .shops .cities-container { background: #222222; } .brand-crz .shops .mall-icons { border-left: 4px solid #222222; } .brand-crz .shops .mall-icons i.tmall { background: url(../images/icons/mall.png) no-repeat 0 -80px; } .brand-crz .shops .mall-icons i.tmall:hover { background: url(../images/icons/mall.png) no-repeat 0 -120px; } .brand-crz .shops .mall-icons i.jd { background: url(../images/icons/mall.png) no-repeat -40px -80px; } .brand-crz .shops .mall-icons i.jd:hover { background: url(../images/icons/mall.png) no-repeat -40px -120px; } .brand-crz .shops .mall-icons i.vip { background: url(../images/icons/mall.png) no-repeat -80px -80px; } .brand-crz .shops .mall-icons i.vip:hover { background: url(../images/icons/mall.png) no-repeat -80px -120px; } /* broadcute */ .brand-broadcute + .imgs-slider .entry .article .article-header:before { background: #70C7F0; } .brand-broadcute .map-service .provinces-text { background: #C9E9F6; } .brand-broadcute .map-service .brand-grow-text:before { background-color: #70C7F0; } .brand-broadcute .map-service .area-box .dot { border: 4px solid #3A97C4; } .brand-broadcute .area-box .pulse { border: 3px solid #3A97C4; } .brand-broadcute .shops .main .main-style, .brand-broadcute .shops .main .shops-title { background: #F8F7F3; } .brand-broadcute .shops .main .shops-title, .brand-broadcute .shops .main .shops-title strong { color: #8A8A8A; text-shadow: unset; } .brand-broadcute .shops .search-bar { background: #8A8A8A; } .brand-broadcute .shops .fill-blank { background: #F8F7F3; } .brand-broadcute .shops .no-result { background: #F8F7F3; color: #9B9B9B; } .brand-broadcute .shops .provinces-list { color: #9B9B9B; } .brand-broadcute .shops .provinces-list li + li:before, .brand-broadcute .shops .provinces-list li.actived:after { background-color: #9B9B9B; } .brand-broadcute .shops .cities-container { background: #70C7F0; } .brand-broadcute .shops .mall-icons { border-left: 4px solid #8A8A8A; } .brand-broadcute .shops .mall-icons i.tmall { background: url(../images/icons/mall.png) no-repeat 0 -160px; } .brand-broadcute .shops .mall-icons i.tmall:hover { background: url(../images/icons/mall.png) no-repeat 0 -200px; } .brand-broadcute .shops .mall-icons i.offical { background: url(../images/icons/mall.png) no-repeat -160px -160px; } .brand-broadcute .shops .mall-icons i.offical:hover { background: url(../images/icons/mall.png) no-repeat -160px -200px; } .brand-broadcute .shops .mall-icons i.wechat-mall { background: url(../images/icons/mall.png) no-repeat -120px -160px; } .brand-broadcute .shops .mall-icons i.wechat-mall:hover { background: url(../images/icons/mall.png) no-repeat -120px -200px; } /* muchell */ .brand-muchell + .imgs-slider .entry .article .article-header:before { background: #92908A; } .brand-muchell .map-service .provinces-text { background: #0058B6; } .brand-muchell .map-service .brand-grow-text:before { background-color: #92908A; } .brand-muchell .map-service .area-box .dot { border: 4px solid #7B7974; } .brand-muchell .area-box .pulse { border: 3px solid #7B7974; } .brand-muchell .shops .main .main-style, .brand-muchell .shops .main .shops-title { background: #E3E3D9; } .brand-muchell .shops .main .shops-title { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.50); } .brand-muchell .shops .main .shops-title strong { text-shadow: 0 3px 9px rgba(0, 0, 0, 0.50); } .brand-muchell .shops .search-bar { background: #0058B6; } .brand-muchell .shops .fill-blank { background: #E3E3D9; } .brand-muchell .shops .no-result { background: #E3E3D9; color: #9B9B9B; } .brand-muchell .shops .provinces-list { color: #9B9B9B; } .brand-muchell .shops .provinces-list li + li:before, .brand-muchell .shops .provinces-list li.actived:after { background-color: #9B9B9B; } .brand-muchell .shops .cities-container { background: #0058B6; } .brand-muchell .shops .mall-icons { border-left: 4px solid #0058B6; } .brand-muchell .shops .mall-icons i.tmall { background: url(../images/icons/mall.png) no-repeat 0 -240px; } .brand-muchell .shops .mall-icons i.tmall:hover { background: url(../images/icons/mall.png) no-repeat 0 -280px; } .brand-muchell .shops .mall-icons i.jd { background: url(../images/icons/mall.png) no-repeat -40px -240px; } .brand-muchell .shops .mall-icons i.jd:hover { background: url(../images/icons/mall.png) no-repeat -40px -280px; } /* sirloin */ .brand-sirloin + .imgs-slider .entry .article .article-header:before { background: #F5DA15; } .brand-sirloin .map-service .provinces-text { background: #F5DA15; } .brand-sirloin .map-service .brand-grow-text:before { background-color: #F5DA15; } .brand-sirloin .map-service .area-box .dot { border: 4px solid #F5DA15; } .brand-sirloin .map-service .triple-map { width: 880px; height: 700px; background: url(../images/triple-map1.png) center no-repeat; background-size: cover; } .brand-sirloin .map-service .position-beijing { left: 461px; top: 193px; } .brand-sirloin .map-service .position-chongqing { left: 363px; top: 343px; } .brand-sirloin .map-service .position-guizhou { left: 352px; top: 382px; } .brand-sirloin .map-service .position-shanghai { left: 530px; top: 314px; } .brand-sirloin .map-service .position-guangdong { left: 439px; top: 436px; } .brand-sirloin .map-service .position-tokyo { left: 728px; top: 206px; } .brand-sirloin .map-service .position-osaka { left: 692px; top: 233px; } .brand-sirloin .map-service .position-newyork { left: 812px; top: 424px; } .brand-sirloin .map-service .expiry-date { right: -1px; } .brand-sirloin .area-box .pulse { border: 3px solid #F5DA15; } .brand-sirloin .shops .main .main-style, .brand-sirloin .shops .main .shops-title { background: #D5D5CF; } .brand-sirloin .shops .main .shops-title, .brand-sirloin .shops .main .shops-title strong { text-shadow: unset; } .brand-sirloin .shops .search-bar { background: #F5DA15; } .brand-sirloin .shops .fill-blank { background: #D5D5CF; } .brand-sirloin .shops .no-result { background: #D5D5CF; color: #FFFFFF; } .brand-sirloin .shops .provinces-list { color: #FFFFFF; } .brand-sirloin .shops .provinces-list li + li:before, .brand-sirloin .shops .provinces-list li.actived:after { background-color: #FFFFFF; } .brand-sirloin .shops .cities-line { color: #858585; } .brand-sirloin .shops .cities-line li + li:before, .brand-sirloin .shops .cities-line li.actived:after { background-color: #858585; } .brand-sirloin .shops .cities-container { background: #F5DA15; } .brand-sirloin .shops .main .shops-title-2 { position: relative; width: 1048px; margin: 0 auto; overflow: hidden; } .brand-sirloin .shops .main .shops-title ul { position: relative; background: #D5D5CF; width: 200px; text-align: right; float: right; margin-top: 135px; margin-bottom: 15px; } .brand-sirloin .shops .main .shops-title li { font-size: 18px; color: #FFFFFF; line-height: 28px; } .brand-sirloin .shops .main .shops-title li a { color: #FFFFFF; } /* taoray taoray */ .brand-taoraytaoray + .imgs-slider .entry .article .article-header:before { background: #2630D3; } .brand-taoraytaoray .map-service .provinces-text { background: #2630D3; } .brand-taoraytaoray .map-service .brand-grow-text:before { background-color: #2630D3; } .brand-taoraytaoray .map-service .area-box .dot { border: 4px solid #2630D3; } .brand-taoraytaoray .area-box .pulse { border: 3px solid #2630D3; } .brand-taoraytaoray .shops .main .main-style, .brand-taoraytaoray .shops .main .shops-title { background: #E4E4E4; } .brand-taoraytaoray .shops .main .shops-title { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.50); } .brand-taoraytaoray .shops .main .shops-title strong { text-shadow: 0 3px 9px rgba(0, 0, 0, 0.50); } .brand-taoraytaoray .shops .search-bar { background: #2630D3; } .brand-taoraytaoray .shops .fill-blank { background: #E4E4E4; } .brand-taoraytaoray .shops .no-result { background: #E4E4E4; color: #9B9B9B; } .brand-taoraytaoray .shops .provinces-list { color: #9B9B9B; } .brand-taoraytaoray .shops .provinces-list li + li:before, .brand-taoraytaoray .shops .provinces-list li.actived:after { background-color: #9B9B9B; } .brand-taoraytaoray .shops .cities-container { background: #2630D3; } /* taoray wang */ .brand-taoraywang + .imgs-slider .entry .article .article-header:before { background: #000000; } /* tao.w */ .brand-taow + .imgs-slider .entry .article .article-header:before { background-color: #19192C; } /* zhimei */ .brand-zhimei + .imgs-slider .entry .article .article-header:before { background-color: #b30016; } /* 自定义颜色 END */