/*@charset "utf-8";*/ /* CSS Document */ /*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: lijia xiong --*/ /*QQ:897232289*/ /*html5*/ /*地图默认样式修改*/ .BMap_Marker img { width: auto; display: inline-block; } .BMap_bubble_content img { width: auto; display: inline-block; } .BMap_bubble_pop { border: none !important; box-sizing: border-box !important; padding: 15px 20px !important; border-radius: 10px !important; height: auto !important; width: 300px !important; } .BMap_bubble_pop:after { content: ""; position: absolute; bottom: -20px; left: 40%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 0; width: 0; border-right: 15px solid transparent; border-left: 15px solid #fff; border-bottom: 20px solid transparent; } .BMap_bubble_pop img { display: none !important; } .BMap_bubble_top { height: auto !important; line-height: 30px !important; } .BMap_bubble_buttons { display: none; } .BMap_bubble_title { font-weight: bold !important; color: #333 !important; width: 100% !important; height: auto !important; position: relative !important; font-size: 16px !important; white-space: initial !important; line-height: 30px !important; } .BMap_bubble_center, .BMap_bubble_content { width: 100% !important; height: auto !important; position: relative !important; color: #999 !important; line-height: 24px !important; } .BMap_stdMpZoom .BMap_button_new { left: 0 !important; top: 0 !important; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: none !important; border: none !important; } .BMap_stdMpZoom .BMap_button_new .BMap_smcbg { background: none !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; } .BMap_stdMpZoom .BMap_button_new .in:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 50%; height: 2px; background: rgba(255, 255, 255, 1); } .BMap_stdMpZoom .BMap_button_new .in:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); height: 50%; width: 2px; background: rgba(255, 255, 255, 1); } .BMap_stdMpZoom .BMap_button_new .out:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 50%; height: 2px; background: rgba(255, 255, 255, 1); } .BMap_stdMpZoom { background: rgba(255, 255, 255, .4) !important; } /*滚动条默认样式修改*/ #ascrail2000 { padding: 20px 0; } .nicescroll-cursors { border: none !important; opacity: .5 !important; } .nicescroll-rails { cursor: pointer !important; } /*动画样式*/ /*FadeInUp*/ .FadeInUp { opacity: 0; pointer-events: none; -webkit-transform: translateY(2.083333vw); transform: translateY(2.083333vw); } .AddFadeInUp { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88); transition: all .8s cubic-bezier(.78, .11, .16, .88); } /*FadeInUp*/ .fadeInUp { opacity: 0; } .AddFadeInUp { -webkit-animation: AddFadeInUp 1s forwards normal; animation: AddFadeInUp 1s forwards normal; } @-webkit-keyframes AddFadeInUp { from { opacity: 0; -webkit-transform: translate(0, 30px); transform: translate(0,30px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes AddFadeInUp { from { opacity: 0; -webkit-transform: translate(0, 30px); transform: translate(0, 30px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /*FadeInLeft*/ .fadeInLeft { opacity: 0; } .AddFadeInLeft { -webkit-animation: AddFadeInLeft 1s forwards normal; animation: AddFadeInLeft 1s forwards normal; } @-webkit-keyframes AddFadeInLeft { from { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes AddFadeInLeft { from { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /*FadeInRight*/ .fadeInRight { opacity: 0; } .AddFadeInRight { -webkit-animation: AddFadeInRight 1s forwards normal; animation: AddFadeInRight 1s forwards normal; } @-webkit-keyframes AddFadeInRight { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes AddFadeInRight { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /*lineW*/ .lineW { width: 0; } .AddLineW { -webkit-animation: AddLineW .6s forwards normal; animation: AddLineW .6s forwards normal; } @-webkit-keyframes AddLineW { from { width: 0; } to { width: 100%; } } @keyframes AddLineW { from { width: 0; } to { width: 100%; } } /*FadeInScale*/ .AddFadeInScale { -webkit-animation: AddFadeInScale .6s forwards; animation: AddFadeInScale .6s forwards; } @-webkit-keyframes AddFadeInScale { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes AddFadeInScale { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .RemoveFadeInScale { -webkit-animation: RemoveFadeInUp .6s forwards !important; animation: RemoveFadeInUp .6s forwards !important; } @-webkit-keyframes RemoveFadeInScale { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @keyframes RemoveFadeInScale { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } .d1 { animation-delay: 100ms; -webkit-animation-delay: 100ms; } .d2 { animation-delay: 150ms; -webkit-animation-delay: 150ms; } .d3 { animation-delay: 200ms; -webkit-animation-delay: 200ms; } .d4 { animation-delay: 250ms; -webkit-animation-delay: 250ms; } .d5 { animation-delay: 300ms; -webkit-animation-delay: 300ms; } .d6 { animation-delay: 350ms; -webkit-animation-delay: 350ms; } .d7 { animation-delay: 400ms; -webkit-animation-delay: 400ms; } .d8 { animation-delay: 450ms; -webkit-animation-delay: 450ms; } .d9 { animation-delay: 500ms; -webkit-animation-delay: 500ms; } .d10 { animation-delay: 550ms; -webkit-animation-delay: 550ms; } .d11 { animation-delay: 600ms; -webkit-animation-delay: 600ms; } .d12 { animation-delay: 650ms; -webkit-animation-delay: 650ms; } .d13 { animation-delay: 700ms; -webkit-animation-delay: 700ms; }