/*reset*/ html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{ margin:0; padding:0; } body{position:relative;font-size:14px;background-color:white;overflow:auto;} body, button, input, keygen, legend, select, textarea{ font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-weight:400; color:#333; outline:0; speak:none; -webkit-font-feature-settings:normal; -moz-font-feature-settings:normal; font-feature-settings:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } h1, h2, h3, h4, h5, h6{font-weight:400;} li{list-style:none;} html, body, fieldset, img, iframe, abbr{border:0;} img{vertical-align:top;} a, button{cursor:pointer;} a{color:#333;outline:none;text-decoration:none;} a:focus{ color:#333; outline:none; -moz-outline:none; } /*common*/ /* body{background:#F4F5F9;} */ a:hover{text-decoration:none;} a:-webkit-any-link{text-decoration:none;} .container{width:1200px;margin:0 auto;padding:0;} .container:after{content:"";display:block;clear:both;} .clearfix:after{content:"";display:block;clear:both;} .fl{float:left;} .fr{float:right;} .tl{text-align:left;} .tr{text-align:right;} .tc{text-align:center;} .color-white{color:white!important;} .red{color:#fc8080!important;} .fz12{font-size:12px;} .fz14{font-size:14px;} .wfs{width:100%;position:relative;} .p_r{position:relative;} /*悬浮链接*/ .suspension{position:fixed;z-index:55;right:10px;bottom:30%;width:78px;border: 1px #E0E1E5 solid;border-bottom: none;box-shadow: 0 0 8px rgba(2, 15, 70, 0.15);} .suspension-box{position:relative;float:right;border-radius: 4px;} .suspension .a{display:block;width:78px;height:69px;background-color:#fff;cursor:pointer;outline:none;border-bottom: 1px #E0E1E5 solid;} .suspension .a.active, .suspension .a:hover{background:#f8f8f8;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;margin: 12px 0 0 12px;} .suspension .a-service .i{width:26px;height:24px;margin-top:24px;margin-left:28px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:24px;margin-left:28px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-40px 0;} .suspension .a-cart .i{background-position:-84px 0;} .suspension .a-top .i{background-position:-128px 0;} .suspension .a-top{background:#fff;display:none;} .suspension .d{display:none;width:264px;background:#fff;position:absolute;right:92px;min-height:69px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:69px;} .suspension .d-qrcode{top:140px;} .suspension .d .inner-box{padding:6px;width: 130px;float: left;} .suspension .d .inner-box img{width: 100%; } .suspension .d-service-item{padding:4px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin: 0 0 0 12px;color: #409eff;} .suspension .d-service-item .text{float:left;line-height:26px;font-size:18px;margin-left:12px;color:#333;} .suspension .d-service-item .text .number{font-family:"Arial";color: #409eff;font-size: 18px;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:10px 0;} .suspension .d-qrcode p{font-size:16px;color:#333;} .wraper-1vdHN1Z2BV { position: fixed; left: 0; right: 0; bottom: 0; height: 100px; background: rgba(0, 0, 0, 0.7); z-index: 1; display: none; } .wraper-1vdHN1Z2BV > div { display: -ms-flexbox; display: flex; width: 1200px; padding: 25px 0; margin: 0 auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .wraper-1vdHN1Z2BV .btn-1hyk61Z2BV .ivu-btn { width: 200px; height: 44px; font-size: 16px; background: #409eff; outline:none; border: none; border-radius: 4px; color: #fff; } .wraper-1vdHN1Z2BV .logo-pic{ width: 150px; } .wraper-1vdHN1Z2BV .logo-pic img{ width: 100%; }