/* @media screen and(-webkit-min-device-pixel-ratio:0){} chrome filter: alpha(opacity=100); pointer-events: none; // 鼠标穿透 hidefocus = "true" // ie a标签属性 超链接不显示周围的虚线 */ /* js样式 js-nopad: x-container无padding定高; js-gotop: 返回顶部; js-scroller: 滚动显示元素; */ @font-face { font-family: 'impact'; src: url('../fonts/impact.eot'); src: url('../fonts/impact.eot?') format('embedded-opentype'), url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg') format('svg'); } @font-face { font-family: 'avian'; src: url('../fonts/AvianRegular.eot'); src: url('../fonts/AvianRegular.eot?') format('embedded-opentype'), url('../fonts/AvianRegular.woff') format('woff'), url('../fonts/AvianRegular.ttf') format('truetype'), url('../fonts/AvianRegular.svg') format('svg'); } @font-face { font-family: 'avignon'; src: url('../fonts/avignonbold.eot'); src: url('../fonts/avignonbold.eot') format('embedded-opentype'), url('../fonts/avignonbold.woff') format('woff'), url('../fonts/avignonbold.ttf') format('truetype'), url('../fonts/avignonbold.svg') format('svg'); } @font-face { font-family: "xfont"; src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */ } /* css reset */ html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;} body { font: 14px/1.5 "微软雅黑", Arial, Tahoma, Helvetica, sans-serif; color: #474747; background-color: #fff; margin: auto;} input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit;} input:focus, textarea:focus { color: inherit;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0;} ol, ul, li { list-style: none;} input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;} textarea { overflow: auto; resize: none;} table { border-collapse: collapse; border: 0;} img { border: 0; outline: 0; vertical-align: middle;} a { text-decoration: none; color: inherit;} a:focus { outline: 0;} svg:not(:root){ overflow: hidden;} input[type=date]{ background-color:transparent; border: 0; filter: alpha(opacity=0);} ::-ms-clear, ::-ms-reveal{ display: none;} /* WebKit browsers */ ::-webkit-input-placeholder{ color: #bbb;} /* Mozilla Firefox 4 to 18 */ :-moz-placeholder{ color: #bbb; opacity: 1;} /* Mozilla Firefox 19+ */ ::-moz-placeholder{ color: #bbb; opacity: 1;} /* Internet Explorer 10+ */ :-ms-input-placeholder{ color: #bbb;} .placeholder{ color: #bbb;} .xfont{ font-family: "xfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .h36, .h30, .h28, .h26, .h24, .h22, .h20, .h18, .h16{ line-height: 1.4;} .h36{ font-size: 36px;} .h30{ font-size: 30px;} .h28{ font-size: 28px;} .h26{ font-size: 26px;} .h24{ font-size: 24px;} .h22{ font-size: 22px;} .h20{ font-size: 20px;} .h18{ font-size: 18px;} .h16{ font-size: 16px;} .ie8 .bbts{ background:#fff; position: fixed; width: 100%; height:100%; top:0; left: 0; z-index: 10000; } .ie8 .bbts span{ font-size:60px; position: absolute; width: 100%; left: 0; top:50%; line-height: 60px; margin-top: -30px; color:#474747; text-align: center; } /* 通用 */ .clear:after, .x-wrap:after{ content: ''; display: table; clear: both;} .middle{ font-size: 0; letter-spacing: -1.5em;} .middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;} .middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;} .justify{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;} .justify:after{ content: ''; display: inline-block; padding-left: 100%; font-size: 0; vertical-align: top;} .pos-fix{ position: fixed !important; left: 0; top: 0;} .pos-abs{ position: absolute !important; left: 0; top: 0;} .js-gotop {width: 39px;height: 39px;background: url(http://www.beijingbinzang.com/common/image/temp/gotop.png) no-repeat center;background-size: cover;position: fixed;bottom: 10%;right: 30px;z-index: 99;display: none;cursor: pointer;} .x-show {display: block;visibility: visible;opacity: 1;} .x-wrap{ position: relative; width: 1230px; height: 100%; margin: auto;} .head_mask {background: rgba(40,28,20,0.9);position: absolute;left: 0;top: 112px;width: 100%;-webkit-transition: height 0.3s ease;transition: height 0.3s ease;height: 0;} .x-header, .x-footer, .x-container{ position: relative; min-width: 1250px; margin: auto; z-index: 1;} .x-header{ height: 112px; z-index: 200;position: absolute;left: 0;top: 0;width: 100%; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .x-header .logo{ position: absolute; left: 0; top: 0; overflow: hidden; height:100%; padding: 0 13px 0 15px; background:#fff; border:1px solid #dedede; border-top: 0; border-bottom: 0; } .x-header .logo a{ display: block; padding-top: 15px; } .x-header .logo img{ display: block; width: 243px; } .x-header .tools{ position: absolute; right: 0; top: 8px; } .x-header .tools .del{ font-size: 26px; font-family: arial; color:#93662f; font-size: 26px; } /*.x-header .tools .del img{ display: inline-block; vertical-align: middle; margin-right: 5px; width: 28px; position: relative; }*/ .x-header .tools .del span{ display: inline-block; vertical-align: middle; } .x-header .tools .del img{ display: block; } .x-header .tools a{} .x-header .tools .login{font-size: 18px;color: #fff;margin-left: 15px;} .x-header .tools .lang{} .nav-mod{} .x-header{ position: fixed;/* transition:all 0.3s; -webkit-transition:all 0.3s; */ } .x-header.bg{ background:rgba(0,0,0,0.5); } .x-footer{background: #2f2c29; color:#fff; } .x-footer .top{ background:url(../image/foot1.jpg) no-repeat center; background-size: cover; height:248px; } .x-footer .fot_top{ border-bottom: 1px solid rgba(255,255,255,0.2); height:199px; } .x-footer .fot_top .l{ padding-top: 40px; width: 488px; float: left; } .x-footer .fot_top .l .li{ float: left; width: 93px; margin-right: 20px; text-align: center; } .x-footer .fot_top .l .ico{ border:1px solid rgba(255,255,255,0.2); width: 91px; height:91px; border-radius: 50%; } .x-footer .fot_top .l img{ display: block; width: 100%; height:100%; } .x-footer .fot_top .l .t{ padding-top: 10px; } .x-footer .fot_top .l .li .a{ display: block; } .x-footer .fot_top .l .li:hover .a .ico{ animation: icon1 0.8s ease-out 0s 1 normal; -webkit-animation: ico1 0.4s ease-out 0s 1 normal; } } @keyframes ico1{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-10px); } 100%{ transform: translateY(0); } } @-webkit-keyframes ico1{ 0%{ -webkit-transform: translateY(0); } 50%{ -webkit-transform: translateY(-10px); } 100%{ -webkit-transform: translateY(0); } } .x-footer .fot_top .c{ padding-top: 50px; width: 400px; float: left; } .x-footer .fot_top .c .t2{ color:#ffed8a; } .x-footer .fot_top .c .t2 span{ color:#fff; font-size: 28px; font-family: arial; padding-right: 10px; } .x-footer .fot_top .r{ float: right; padding-top: 47px; position: relative; } .x-footer .fot_top .r .ewm{ float: left; padding-left: 40px; } .x-footer .fot_top .r .ewm .t{ text-align: center; padding-bottom:8px; } .x-footer .fot_top .r:after{ content:""; position: absolute; width: 62px; height:70px; left: -28px; top:92px; background:url(../image/foot5.png) no-repeat center; } .x-footer .fot_b{ overflow: hidden; line-height: 50px; } .x-footer .fot_b .copy{ float: left; } .x-footer .fot_b .site{ float: right; } .x-footer .fot_b .site span{ padding:0 5px; } .x-footer .fot_top .r .ewm img{ display: block; width: 100px; } .x-footer .bot{ height:58px; } .x-footer .bot .l{ padding-top: 17px; float: left; width: 360px; } .x-footer .bot .l img{ display: block; width: 295px; } .x-footer .bot .c{ float: left; width: 545px; padding-top: 19px; } .x-footer .bot .c .li{ float: left; padding-right: 15px; } .x-footer .bot .c .li img{ display: inline-block; vertical-align: middle; width: 21px; height:20px; } .x-footer .bot .c .li span{ display: inline-block; vertical-align: middle; padding-left: 10px;} .x-footer .bot .r{ padding-top: 15px; color:#e8bf85; } .x-footer .bot .r img{ display: inline-block; vertical-align: middle; } .x-footer .bot .r .s1{ width: 27px; } .x-footer .bot .r .s2{ width: 157px; } .x-footer .bot .r span{ display: inline-block; vertical-align: middle; padding:0 10px; font-size: 16px; } .x-footer .ewmf{ position: relative; } .x-footer .ewmf .ewm{ display: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); position: absolute; width: 108px; bottom:100%; left:50%; margin-left:-54px; padding-bottom: 8px; } .x-footer .ewmf .ewm img{ display: block; width: 100%; } .x-footer .ewmf .ewm span{ position: absolute; width: 100%; height:8px; left:0; bottom:0; background:url(../image/arr7.png) no-repeat center; background-size:auto 100%; } .x-footer .ewmf:hover .ewm{ display: block; } /* Slider */ .slick-slider{ position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden;} .slick-list.dragging{ cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{ display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track{ visibility: hidden;} .slick-slide{ display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{ float: right;} .slick-slide img{ display: block; width: 100%;} .slick-slide.slick-loading img{ display: none; width: 100%;} .slick-slide.dragging img{ pointer-events: none;} .slick-initialized .slick-slide{ display: block;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{ display: none;} .slick-loading .slick-list{ background: #fff url(../image/loader.gif) center center no-repeat;} .slick-arrow{ position: absolute; top: 0; bottom: 0; margin: auto; width: 100px; height: 100px; background-color: #474747; border-radius: 5px; overflow: hidden; z-index: 2; cursor: pointer; color: #fff; text-align: center; opacity: 0.8; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: opacity .2s; transition: opacity .2s; } .slick-prev{ left: 0; width: 45px; height:65px; background:url(../image/prev.png) no-repeat center; bottom: auto; top:190px; } .slick-next{ right: 0; width: 45px; height:65px; background:url(h../image/next.png) no-repeat center; bottom: auto; top:190px; } .slick-dots{ position: absolute; left: 0; right: 0; bottom: 20px; display: block; font-size: 0; text-align: center; z-index: 2;} .slick-dots li{ display: inline-block; margin: 0 5px; padding: 5px; border-radius: 50%; background-color: #a31818; cursor: pointer;} .slick-dots li:hover{ opacity: 0.8;} .slick-dots li.slick-active, .slick-dots li.slick-active:hover{ opacity: 1; background-color: #fff;} .ld{ position: relative; } .menu-head .wx{ display: none; } @media screen and (min-width:1230px) { } @media screen and (min-width: 751px) and (max-width: 1229px) { } @media screen and (min-width: 751px) { .x-container{ padding-top: 112px; } .m-show{ display: none;} /* pc navigation */ .nav-mod{ position: absolute; right: 0; width: 958px; bottom: 0; border-top: 1px solid #dedede; } .nav-mod .nav-link{ display: block; white-space: nowrap;} .nav-mod .nav-link:hover{ color: #a31818; } .nav-mod .nav-lv1 > .nav-item.cur .onenav{ color: #a31818; } .nav-mod .nav-item{} .nav-mod .nav-lv{ opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; } .nav-mod .nav-lv1{ opacity: 1; visibility: visible; font-size: 0; text-align: right; } .nav-mod .nav-lv1 > .nav-item{ position: relative; display: inline-block; vertical-align: middle; text-align: center; margin-left: 10px; } .nav-mod .nav-lv1 .nav-link{ padding:0 15px; font-size: 16px; position: relative; line-height: 50px; } .nav-mod .nav-lv2{ position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 100%; padding: 20px 0 10px;min-width: 100%;} .nav-mod .nav-lv2 .nav-item + .nav-item{ margin-top: 8px;} .nav-mod .nav-lv2 .nav-link{ padding: 8px 0; border-bottom: 2px solid transparent;font-size: 14px;display: inline-block; margin:0; line-height: 1; color:#fff; -webkit-transition: padding 0.2s; transition: padding 0.2s; } .nav-mod .nav-lv2 .nav-link:after{ display: none; } .nav-mod .nav-lv2 .nav-link.cur{ color:#dd6b6b; } .nav-mod .nav-lv2 .nav-link:hover{ color:#dd6b6b; } .nav-mod .nav-item:hover > .nav-lv{ opacity: 1; visibility: visible; } .nav-mod .nav-link:after{ background:#a31818; content:""; position: absolute; height:4px; width: 100%; left:0; bottom:0px; width: 0%; transition:all 0.5s; -webkit-transition:all 0.5s; } .nav-mod .nav-item.cur > .nav-tit .nav-link:after{ width: 100%; } .nav-mod .nav-item:hover > .nav-tit .nav-link:after{ width: 100%; } .fixNav.x-header .logo{ display: none; } .fixNav.x-header .nav-mod{ border:0; left:0; top:0; } .fixNav.x-header{ height:50px; } .fixNav.x-header .tools{ top:12px; } .fixNav.x-header .head_mask{ top:50px; } } .p_phone{ display: none !important;} .wxewm-box{display: none;} @media screen and (max-width: 750px) { *, *:before, *:after{ -webkit-box-sizing: border-box; box-sizing: border-box; } body{ font-size: 0.26rem; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .menu-head .wx{ display: block; position: absolute; width: 0.64rem; height:0.64rem; right: 1rem; border:1px solid #999; border-radius: 0.1rem; top:50%; margin-top: -0.32rem; z-index: 10; } .menu-head .wx .icon-wchat{ display: block; margin:0; padding:0; width: 100%; height:100%; background:url(../image/rn3.png) no-repeat center; background-size: 0.5rem 0.5rem; } .menu-head .wx .t{ display: block; margin:0; padding:0; width: 100%; height:100%; background:url(../image/pne.png) no-repeat center; background-size: 0.4rem 0.4rem; } .bd_weixin_popup{ height:320px !important; } .h36{ font-size: 0.46rem;} .h30{ font-size: 0.45rem;} .h28{ font-size: 0.42rem;} .h26{ font-size: 0.39rem;} .h24{ font-size: 0.34rem;} .h22{ font-size: 0.3rem;} .h20, .h18{ font-size: 0.28rem;} .h16{ font-size: 0.28rem;} .p-show{ display: none;} .p_pc{ display: none !important;} .p_phone{ display: block !important;} .middle-cont{ font-size: 0.26rem;} .x-wrap{ width:100%; padding:0 0.25rem;} .x-header, .x-footer, .x-container{ min-width: 320px;} .x-header{ height: 1.5rem;} .x-header .x-wrap{ padding: 0;} .x-header .menu-head{ position: relative; height: 100%; z-index: 1; background:#fff;} .x-header .logo{ left: 0.25rem; top: 50%; width: 2.8rem;height: auto; padding:0; -webkit-transform: translateY(-50%); transform: translateY(-50%); border:none; } .x-header .logo img{ width: 100%; } .x-header .logo a{ padding:0; } /* mobile menu-btn */ .menu-btn{ position: absolute; top: 50%; right: 0.25rem; width: 0.5rem; height: 0.5rem; overflow: hidden; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .menu-btn .line, .menu-btn .line:before, .menu-btn .line:after{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 0.5rem; height: 0.04rem; background: #a31818; border-radius: 10px;} .menu-btn .line{ top: 0; bottom: 0; -webkit-transition: border 0.3s; transition: border 0.3s; } .menu-btn .line:before, .menu-btn .line:after{ content: ''; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: transform 0.3s; transition: transform 0.3s; } .menu-btn .line:before{ -webkit-transform: translateY(-0.18rem); transform: translateY(-0.18rem); } .menu-btn .line:after{ -webkit-transform: translateY(0.18rem); transform: translateY(0.18rem); } .menu-open{ z-index: 999; } .menu-open .line{ background: transparent; } .menu-open .line:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-open .line:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* mobile navigation */ .nav-mod{ position: fixed; top: 0rem; bottom: 0; left: 0; right: 0; height: auto; background-color: #fff; overflow: hidden;margin-top: 1.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translateY(-130%); transform: translateY(-130%); } .menu-open .nav-mod{ -webkit-transform: translateY(0%); transform: translateY(0%); } .nav-mod .search-box, .nav-mod .share-box{ position: relative; padding: 0.2rem 0.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .nav-mod .search-box{ border-bottom: 1px solid;} .nav-mod .search-txt{ position: relative; width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1 } .nav-mod .search-txt input{ display: block; width: 100%; height: 0.6rem; font-size: 0.4rem;} .nav-mod .search-btn{ position: relative; margin-left: 0.2rem; width: 0.8rem; text-align: center; overflow: hidden; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .nav-mod .search-btn:after{ position: absolute; left: 50%; top: 50%; content: '\e853'; font-family:"xfont"; font-size: 2em; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nav-mod .share-box{ border-top: 1px solid; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav-mod .share-item{ display: block !important; margin: 0 0.2rem; width: 0.75rem !important; font-size: 0.5rem !important; font-family: "xfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .nav-mod .nav-tit{ padding: 0.2rem 0.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .nav-mod .nav-tit .arr{ position: relative; display: block; margin-left: 0.2rem; width: 0.8rem; text-align: center; overflow: hidden; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .nav-mod .nav-tit .arr:after{ position: absolute; left: 50%; top: 50%; content: '\e834'; font-family:"xfont"; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nav-mod .nav-tit .nav-link{ display: block; width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1 } .nav-mod .nav-tit + .nav-lv{ display: none;} .nav-mod .nav-lv1{ font-size: 0.32rem; overflow-y: auto; height: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1 } .nav-mod .nav-lv2{ background-color: #333; font-size:0.26rem; color: #474747;} .nav-mod .nav-lv2 .nav-link{ text-indent: 1em; color:#fff; } /*.nav-mod .nav-item{ color:#fff; }*/ .nav-mod .nav-item { border-top: 1px solid rgba(0,0,0,0.2);} .nav-mod .nav-item.act > .nav-tit .arr:after{ content: '\e833';} /* .nav-mod .nav-lv1 .nav-item.act{ background-color: #fff; color: #474747;} .nav-mod .nav-lv2 .nav-item.act{ color: #474747;}*/ .x-footer .top,.x-footer .bot{ height:auto; padding:0.6rem 0; } /* ***************************************************** */ .nav-mod .search-box{ display: none; } .head_mask{ display: none; } .x-header{ height:1.2rem; display: block !important; opacity: 1 !important; } .x-footer .fot_top{ height:auto; } .x-footer .fot_top .l{ width: 100%; float: none;padding:0 0 0.4rem; display: none; } .x-footer .fot_top .l .li{ margin:0; width: 25%; } .x-footer .fot_top .l .ico{ width: 1.2rem; height:1.2rem; margin:0 auto; } .x-footer .fot_top .c{ width: 100%; float: none; padding:0 0 0.4rem; } .x-footer .fot_top .c .t2 span{ font-size: 0.46rem; } .x-footer .fot_top .r{ width: 100%; float: none; padding:0 0 0.4rem; text-align: center; } .x-footer .fot_top .r::after{ position: static; background:none; height:0; } .x-footer .fot_top .r .ewm{ padding:0; float: none; width: 3rem; display: inline-block; } .x-footer .fot_top .r .ewm img{ width: 1.5rem; margin:0 auto; } .x-footer .fot_b .copy,.x-footer .fot_b .site{ float: none; line-height: 2; } .x-footer .fot_b{ padding-top: 0.4rem; } .x-footer .bot .l{ float: none; padding:0 0 0.4rem; width: auto; } .x-footer .bot .l img{ margin:0 auto; } .x-footer .bot .c{ float: none; padding:0; width: auto; } .x-footer .bot .c .li{ float: none; margin:0 0 0.2rem 2rem; } .section{ position: relative; } .x-footer .bot .r{ padding:0; text-align: center; } /*.x-header{ position: relative; }*/ .x-footer .bot{ display: none; } .pn{ display: none; } .x-footer .top{ text-align: center; } .copy span{ display: none; } .x-container{ padding-top: 1.2rem !important; } .nav-mod .nav-tit{ position: relative; } .nav-mod .nav-tit .arr{ position: absolute; width: 100%; margin:0; height:100%; top:0; } .nav-mod .nav-tit .arr:after{ left: auto; right: 0.5rem; } .wxewm-box.show{ display: flex; } .wxewm-box{ display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .wxewm-box .img-box{ color: #fff; text-align: center; } .wxewm-box .img-box .tit{ padding: 0.2rem 0; } .wxewm-box .img{ width: 4rem; height: 4rem; background: #ccc; } .wxewm-box .img img{ width: 100%; height: 100%; } .wxewm-box .close{ position: absolute; right: 0; top: 1.2rem; width: 0.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fff; font-size: 0.4rem; font-family: '宋体'; cursor: pointer; } #newBridge{ display: none; } }