/* - - - - - - - - - 各浏览器样式默认值标准化 - - - - - - - - -*/ html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre, a,address,code, del,em,img,dl,dt,dd,ol,ul,li, fieldset,form,label{ margin:0;padding:0;border:0; font-style:inherit;font-family:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;} html{-webkit-text-size-adjust:none;} img{border:none;vertical-align:middle;} input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;} textarea{font-family:inherit;padding:0;margin:0;} button{cursor:pointer;} html{overflow-x:hidden;} body{font-size:14px;min-width:300px;background-color:#fff;font-family:-apple-system, BlinkMacSystemFont, 'Arial', sans-serif;} ul,ol{list-style-type:none;} h1{font-size:24px;} h2{font-size:18px;} h3,h4{font-size:14px;} h5{font-size:12px;} i,em,address{font-style:normal;} a{ text-decoration:none;color:#4f4f4f;} a:hover{transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;} /*鼠标悬停时*/ a:active{} /*点击与释放时*/ a:visited{}/* 访问过 */ /* - - - - - - - - - 常用类样式 - - - - - - - - -*/ .photo_fullsize img{display:block;width:100%;height:100%;} /*图片全尺寸*/ .no_bor{ border:none!important;} /*无边框*/ .no_bg{ background:none!important;} /*无背景*/ .clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/ .clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/ .center{margin:0 auto;width:1680px;} /*让内容区块居中*/ .center::after{content:"";display:block;clear:both;} /*图片全尺寸*/ .photo,.photo_fullsize{display:block;overflow:hidden;} .photo img,.photo_fullsize img{display:block;width:100%;height:100%;} /*图片自适应尺寸*/ .photo_autosize{text-align:center;display:block; overflow:hidden;} .photo_autosize::after{height:100%;width:0;overflow:hidden; font-size:0;line-height:0;display:inline-block;vertical-align:middle;content:"";} .photo_autosize>div{ position:absolute;left:0;top:0;right:0;bottom:0;} .photo_autosize>div::after{height:100%;width:0;overflow:hidden; font-size:0;line-height:0;display:inline-block;vertical-align:middle;content:"";} .photo_autosize img{ position:static!important;left:auto;top:auto;display:inline;width:auto;height:auto;max-width:100%;max-height:100%;} /*图片自适应全尺寸*/ .photo_autofullsize{ overflow:hidden; display:block;background-size:cover!important} .photo_autofullsize img{ display:none;} /*浮动条*/ #Floatingbar{ display:block;width:45px;height:273px;position:fixed;top:50%;right:0px;margin-top:-136px;z-index:150000;} #Floatingbar ul li{width:45px;height:46px;position:relative;margin-bottom:1px;background-color:#aeaeae;cursor:pointer;} #Floatingbar ul li .icon_floating_{position:relative;display:block;z-index:1500;} #Floatingbar ul li span{width:100%;height:100%;position:absolute;top:0;right:-45px;background-color:#f24702;} #Floatingbar ul ._box{height:46px;line-height:46px;position:absolute;font-size:14px;color:#fff;top:0px;right:45px;padding:0px 18px 0px 18px;background-color:#f24702;white-space:nowrap;display:none;} /*浮动条-客服*/ #Floatingbar .kefu_box{padding-top:10px;padding-bottom:10px;width:127px;text-align:center;position:absolute;top:-47px;right:45px;background-color:#ffffff;border:5px solid #f24702;display:none;} #Floatingbar .kefu_box h5{height:40px;line-height:40px;font-size:16px;font-weight:normal;margin:0px 3px 5px 3px;border-bottom:1px solid #b4b4b4;} #Floatingbar .kefu_box h6{height:20px;line-height:20px;font-size:12px;font-weight:normal;background:url(../images/icon_.png) no-repeat left center;margin:0px 0px 5px 0px;padding:0;} #Floatingbar .kefu_box .btn_kefu{width:92px;height:28px;margin:0px auto 4px auto;display:block;} /*浮动条-二维码*/ #Floatingbar .ewm_box{width:127px;position:absolute;top:-189px;right:45px;background-color:#ffffff;border:5px solid #f24702;display:none;} #Floatingbar .ewm_box .ewm{padding:3px 0;} #Floatingbar .ewm_box .ewm strong{line-height:14px;text-align:center;font-weight:normal;display:block;} #Floatingbar .ewm_box .ewm img{width:96px;height:96px;margin:0px auto 6px auto;background:#333;display:block;} /*浮动条-微信*/ #Floatingbar .weixin_box{width:127px;position:absolute;top:0px;right:45px;background-color:#ffffff;border:5px solid #f24702;display:none;} #Floatingbar .weixin_box .ewm{padding:3px 0;} #Floatingbar .weixin_box .ewm strong{line-height:14px;text-align:center;font-weight:normal;display:block;} #Floatingbar .weixin_box .ewm img{width:96px;height:96px;margin:0px auto 6px auto;background:#333;display:block;} /*浮动条-图标*/ .icon_floating_{width:45px;height:46px;background:url(../images/floatingbar_icon.png) no-repeat left top;display:block;} .icon_floating_.icon_floating_1x1{background-position:0 0;} .icon_floating_.icon_floating_1x2{background-position:0 -46px;} .icon_floating_.icon_floating_1x3{background-position:0 -92px;} .icon_floating_.icon_floating_1x4{background-position:0 -138px;} .icon_floating_.icon_floating_1x5{background-position:0 -184px;} .icon_floating_.icon_floating_1x6{background-position:0 -230px;} img[src*='loading']{ display:block;margin:0 auto; position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-8px;max-width:26px!important;max-height:26px!important;} /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /*加载效果*/ #loading{position:fixed;left:0px;top:0px;bottom:0px;right:0px;z-index:150000;} .loading_top{position:absolute;width:100%;height:52%;background:#fff;top:0px;} .loading_bom{position:absolute;width:100%;height:52%;background:#fff;bottom:0px;} .spinner { margin: 0 auto; width: 150px;text-align: center; position:absolute;top:50%;left:50%;margin-left:-75px;} .spinner > div {width: 20px;height: 20px; background-color: #009187;border-radius: 100%;display: inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both;animation-fill-mode: both;} .spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;} .spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;} @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } }