/* reset */

*{-webkit-box-sizing:border-box;box-sizing:border-box}input,button,textarea,select{vertical-align:middle;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input[type="radio"],input[type="checkbox"]{-webkit-appearance:none;appearance:none;margin:0;background-color:transparent;border:none;outline:none}body,p,form,blockquote{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}dl,dd,ul,ol,li{margin:0;padding-left:0;list-style-type:none}em,i{font-style:normal}img{border:0;max-width:100%}a{font-size:inherit;text-decoration:none}::-webkit-input-placeholder{color:#b2b2b2}::-moz-input-placeholder{color:#b2b2b2}:-moz-input-placeholder{color:#b2b2b2}::-o-input-placeholder{color:#b2b2b2}:focus{outline:0}



/* 动画类库 */

.ani{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.pulse{-webkit-animation-name:pulse;animation-name:pulse}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(160px);transform:translateY(160px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(160px);transform:translateY(160px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-160px);transform:translateY(-160px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-160px);-ms-transform:translateY(-160px);transform:translateY(-160px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-160px);transform:translateX(-160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-160px);-ms-transform:translateX(-160px);transform:translateX(-160px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(160px);-ms-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1}}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(0.1) translateY(-2000px);transform:scale(0.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(60px);transform:scale(0.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(0.1) translateY(-2000px);-ms-transform:scale(0.1) translateY(-2000px);transform:scale(0.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(60px);-ms-transform:scale(0.475) translateY(60px);transform:scale(0.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(0.1) translateY(2000px);transform:scale(0.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(-60px);transform:scale(0.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(0.1) translateY(2000px);-ms-transform:scale(0.1) translateY(2000px);transform:scale(0.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(-60px);-ms-transform:scale(0.475) translateY(-60px);transform:scale(0.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}



/* 类库 */

.fl{float:left}.fr{float:right}.red{color:#ed1f24!important}.tap{display:-webkit-flex;display:flex;height:100%;position:relative;align-items:center;justify-content:flex-start}.blue{color:#005475!important}.icon{display:block;margin:0 auto;background-image:url(../images/icon.png);background-repeat:no-repeat;-webkit-background-size:5.6rem 5.6rem;background-size:5.6rem 5.6rem}.line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lines{display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.divide{position:relative}.divide::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#efeff4;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}

.full { width: 100%; height: 100%; }



/* media */

@media all and (min-width:320px){html{font-size:32px}}@media all and (min-width:360px){html{font-size:36px}}@media all and (min-width:375px){html{font-size:37.5px}}@media all and (min-width:384px){html{font-size:38.4px}}@media all and (min-width:412px){html{font-size:41.2px}}@media all and (min-width:414px){html{font-size:41.4px}}@media all and (min-width:480px){html{font-size:48px}}





/* 网格系统 */

.row::after { content: ""; display: block; clear: both; height: 0; }

.row .col-4 { float: left; width: 33.333334%; }

.row .col-6 { float: left; width: 50%; }

.row .col-12 { float: left; width: 100%; }



/* 按钮样式 */

.ibtn { display: inline-block; color: #888; outline: none; height: 0.64rem; cursor: pointer; padding: 0 0.32rem; text-align: center; line-height: 0.6rem; font-size: 0.37334rem; border-radius: 0.08rem; border: #dbdbdb 1px solid; background-color: transparent }

.ibtn.ibtn-line { color: #666; border-color: #ed1f24; background-color: #ffffff }

.ibtn.ibtn-fill { color: #fff; border-color: #ed1f24; background-color: #ed1f24 }

.ibtn.ibtn-gray { color: #666; border-color: #dbdbdb; background-color: #f2f2f2 }

.ibtn.ibtn-blue { color: #fff; border-color: #005475; background-color: #005475; }

.ibtn.ibtn-warn { color: #d92428; border-color: #d92428; background-color: transparent; }

.ibtn.ibtn-block { display: block; width: 100%; }



/**************************************************

* 文档样式 document style

************************************************/

@font-face { font-family: "himalaya"; src: url('../font/himalaya.ttf') format('truetype'); }

body { color: #333; width: 100%; font-size: 12px; line-height: 1.5; overflow: scroll; background-color: #f4f4f5; overflow-x: hidden; font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, tahoma, simsun, \5b8b\4f53; touch-action: manipulation; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; /* Fix for webkit minFont size */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Remove highlight on tap event*/ -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

.page-turn { margin-top: 20px; padding: 20px 15px; border-top: 1px solid #eee; }

.page-turn a { display: block; color: #308acb; font-size: 0.3734rem; margin-bottom: 0.24rem; }

.layer-shade { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; opacity: 0; visibility: hidden; background-color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; }

.layer-shade.active { opacity: 0.6; visibility: visible; }







.navbar { position: fixed; z-index: 99; display: table; left: 0; bottom: 0; width: 100%; border: none; height: 1.44rem; table-layout: fixed; background-color: #fff; -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, .1); box-shadow: 0 0 0.2667rem rgba(0, 0, 0, .1); }

.navbar~.idx-content { padding-bottom: 1.44rem; }

.navbar .navitem { width: 25%; height: 100%; text-align: center; display: table-cell; vertical-align: middle; }

.navbar .navitem .iconfont { color: #888; display: block; width: 0.64rem; margin: 0 auto; height: 0.64rem; font-size: 0.64rem; text-align: center; line-height: 0.64rem; }

.navbar .navitem .name { display: block; color: #9b9b9b; text-align: center; font-size: 0.32rem; margin-top: 0.16rem; line-height: 0.32rem; }

.navbar .navitem.active .name { color: #ed1f24; }

.navbar .navitem.active .iconfont { color: #ed1f24; }

.navbar .navitem.active .icon-home::before { content: "\e605"; }

.navbar .navitem.active .icon-news::before { content: "\e60b"; }

.navbar .navitem.active .icon-our::before { content: "\e609"; }

.navbar .navitem.active .icon-business::before { content: "\e607"; }



/**************************************************

* 公用底部样式 common footer style

************************************************/

.footer { background-color: #fff; }

.footer .ft-wrap { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }

.footer .ft-code { width: 3.2rem; padding: 0.56rem 0.32rem; -webkit-flex-shrink: 0; flex-shrink: 0; }

.footer .ft-code img { max-width: 100%; }

.footer .ft-ways { width: 100%; padding: 0.56rem 0.32rem; }

.footer .ft-ways p { color: #888; line-height: 0.64rem; font-size: 0.34667rem; padding-left: 1.2rem; position: relative; }

.footer .ft-ways p em { position: absolute; top: 0; left: 0; width: 1.2rem; line-height: 0.64rem; }

.footer .cpright { color: #666; text-align: center; line-height: 0.96rem; }



/* */

.sidebar { position: fixed; z-index: 99; bottom: 50%; right: 0.16rem; width: 0.96rem; -webkit-transform: translateY(50%); transform: translateY(50%); }

.sidebar .sidemenu { display: block; width: 100%; height: 0.96rem; padding: 0.16rem; margin-bottom: 1px; border-radius: 0.16rem; background-color: #ca303c; }

.sidebar .sidemenu .iconfont { display: block; color: #fff; font-size: 0.56rem; line-height: 0.64rem; text-align: center; }

.sidebar .sidemenu.goTop { height: 0; opacity: 0; -webkit-transition: 0.25s linear; transition: 0.25s linear; -webkit-transform: translateY(0.64rem) scaleY(0); transform: translateY(0.64rem) scaleY(0); }

.sidebar .sidemenu.goTop.active { opacity: 1; height: 0.96rem; -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1); }



/*选择地区弹层*/

.express-area-box { position: fixed; z-index: 9999; left: 0; width: 100%; bottom: -100%; color: #4d525d; background-color: #fff; }

.express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }

.express-area-box header h3 { text-align: center; font-size: 0.4rem; line-height: 0.8rem; padding: 0.24rem 0.4rem; }

.express-area-box header .back, .express-area-box header .close { position: absolute; top: 0; color: #888; width: 1.28rem; height: 1.28rem; font-size: 0.64rem; line-height: 1.28rem; text-align: center; }

.express-area-box header .back { display: none; left: 0; font-size: 0.4rem; }

.express-area-box header .close { right: 0; font-size: 0.4rem; }

.express-area-box article { height: 250px; overflow-y: scroll; }

.express-area-box .area-list li { font-size: .4rem; line-height: 0.8rem; text-align: justify; position: relative; padding: 0.24rem 0.4rem; }

.express-area-box .area-list li:before { content: "\e65f"; position: absolute; top: 0; right: 0; color: #a9a9a9; width: 1.28rem; height: 1.28rem; font-size: 0.4rem; line-height: 1.28rem; text-align: center; font-family: "iconfont"; }

.express-area-box .area-list li:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #efeff4; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.mask { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }



/* 筛选 */

body.active { height: auto; overflow: hidden; }

.idx-content.active { height: auto; overflow: hidden; }

.filter { position: relative; z-index: 102; width: 100%; height: 1.12rem; background-color: #fff; margin-bottom: 0.24rem; }

.filter-tabbar { display: table; width: 100%; height: 100%; }

.filter-tabbar .tabitem { display: table-cell; width: 25%; height: 100%; color: #888; text-align: center; font-size: 0.34667rem; vertical-align: middle; position: relative; }

.filter-tabbar .tabitem::after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: 2px; margin-left: 0.16rem; border: 0.16rem solid #999; border-width: 0.14rem 0.12rem 0; border-color: #999 transparent; }

.filter-tabbar .tabitem::before { content: ""; position: absolute; left: 0; width: 1px; top: 0.32rem; bottom: 0.32rem; background-color: #efeff4; }

.filter-tabbar .tabitem:first-child::before { width: 0; }

.filter-tabcon { display: none; position: absolute; top: 100%; left: 0; right: 0; height: 10.24rem; background-color: #fff; }

.filter-tabcon .tabcon { position: absolute; z-index: 4; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }

.filter-tabcon .tabcon+.tabcon { display: none; }

.filter-tabcon .tabcon .swiper-container { width: 100%; height: 100%; }

.filter-tabcon .swiper-slide { height: 1.28rem; padding: 0.32rem }

.filter-tabcon .swiper-slide.bline::after { left: 0.48rem; }

.filter-tabcon .swiper-slide.bline:last-child::after { height: 0; }

.filter-tabcon .swiper-slide .tap { display: block; height: 100%; color: #888; padding: 0.32rem; margin: -0.32rem; position: relative; padding-left: 0.48rem; font-size: 0.37334rem; padding-right: 1.28rem; }

.filter-tabcon .swiper-slide .iconfont { position: absolute; top: 0; right: 0; color: #bbb; width: 1.28rem; height: 1.28rem; padding: 0.32rem; text-align: right; line-height: 0.64rem; font-size: 0.37334rem; }

.filter.active { position: fixed; top: 1.28rem; left: 0; }

.filter.active+* { margin-top: 1.36rem !important; }



/* 底部弹出层 popup*/

.popup { position: fixed; z-index: 199; left: 0; right: 0; bottom: 0; height: 8rem; background-color: #fff; -webkit-transition: 0.3s linear; transition: 0.3s linear; -webkit-transform: translate(0, 110%); transform: translate(0, 110%); }

.popup.active { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.popup .popup-header { display: -webkit-flex; display: flex; height: 1.28rem; position: relative; background-color: #f4f4f5; -webkit-justify-content: space-between; justify-content: space-between; }

.popup .popup-header .popup-title { color: #333; font-size: 0.4rem; text-align: center; line-height: 0.64rem; padding: 0.32rem 0.4rem; }

.popup .popup-header .popup-quit { color: #aaa; border: none; outline: none; font-size: 0.37334rem; padding: 0.32rem 0.4rem; background-color: transparent; }

.popup .popup-content { width: 100%; height: 6.72rem; background-color: #fff; }

.popup .popup-content .swiper-slide.bline:last-child::after { height: 0; }

.popup .popup-content .swiper-slide { color: #888; height: 1.28rem; padding: 0.32rem; position: relative; padding-left: 0.48rem; font-size: 0.37334rem; padding-right: 1.28rem; }

.popup .popup-content .swiper-slide .iconfont { position: absolute; top: 0; right: 0; color: #bbb; width: 1.28rem; height: 1.28rem; padding: 0.32rem; text-align: right; line-height: 0.64rem; font-size: 0.37334rem; }



/* 弹出页面 */

.poppage { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: #f4f4f5; -webkit-transition: 0.2s linear; transition: 0.2s linear; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); }

.poppage.active { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.poppage-header { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 1.28rem; background-color: #fff; }

.poppage-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #eee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.poppage-header .hd-title { position: absolute; z-index: 2; top: 0; bottom: 0; left: 2.56rem; right: 2.56rem; color: #212121; font-size: 0.48rem; text-align: center; line-height: 1.28rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.poppage-header .saved { float: right; height: 1.28rem; padding: 0.32rem; font-size: 0.37334rem; line-height: 0.64rem; }

.poppage-header .closed { float: left; width: 1.28rem; height: 1.28rem; padding: 0.32rem; text-align: center; line-height: 0.64rem; text-indent: -0.32rem; position: relative; z-index: 2; }

.poppage-header .icon-close { color: #666; font-size: 0.48rem; }

.poppage-header~.poppage-content { padding-top: 1.28rem; }

.poppage-content .input-group { padding-bottom: 0; }



/* swiper 标示点样式重置 */

.banner .swiper-pagination { bottom: 5px; }

.banner .swiper-pagination-bullet { background-color: #fff; opacity: 1; }

.banner .swiper-pagination-bullet-active { background-color: #e91c21; opacity: 1; }

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.swipebox-html.swipebox-touch { overflow: hidden !important }

#swipebox-overlay img { border: none !important }

#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

#swipebox-container { position: relative; width: 100%; height: 100% }

#swipebox-slider { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer }

#swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block }

#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px }

#swipebox-slider .slide .swipebox-inline-container,

#swipebox-slider .slide .swipebox-video-container,

#swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle }

#swipebox-slider .slide .swipebox-video-container { background: 0 0; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box }

#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative }

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0 }

#swipebox-slider .slide-loading { background: url(../images/loader.gif) center center no-repeat }

#swipebox-bottom-bar,

#swipebox-top-bar { -webkit-transition: .5s; transition: .5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100% }

#swipebox-bottom-bar { bottom: -50px }

#swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0) }

#swipebox-top-bar { top: -50px }

#swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) }

#swipebox-title { display: block; width: 100%; text-align: center }

#swipebox-close,

#swipebox-next,

#swipebox-prev { background-image: url(../images/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0 }

#swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px }

#swipebox-prev { background-position: -32px 13px; float: left }

#swipebox-next { background-position: -78px 13px; float: right }

#swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px }

.swipebox-no-close-button #swipebox-close { display: none }

#swipebox-next.disabled,

#swipebox-prev.disabled { opacity: .3 }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring .3s; animation: rightSpring .3s }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring .3s; animation: leftSpring .3s }

.swipebox-touch #swipebox-container:after,

.swipebox-touch #swipebox-container:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0 }

.swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0 10px -8px #656565; box-shadow: inset 10px 0 10px -8px #656565 }

.swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0 10px -8px #656565; box-shadow: inset -10px 0 10px -8px #656565 }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1 }

@-webkit-keyframes rightSpring {

    0% { left: 0 }

    50% { left: -30px }

    100% { left: 0 }

}

@keyframes rightSpring {

    0% { left: 0 }

    50% { left: -30px }

    100% { left: 0 }

}

@-webkit-keyframes leftSpring {

    0% { left: 0 }

    50% { left: 30px }

    100% { left: 0 }

}

@keyframes leftSpring {

    0% { left: 0 }

    50% { left: 30px }

    100% { left: 0 }

}

@media screen and (min-width:800px) {

    #swipebox-close { right: 10px }

    #swipebox-arrows { width: 92%; max-width: 800px }

}

#swipebox-overlay { background: #0d0d0d }

#swipebox-bottom-bar,

#swipebox-top-bar { text-shadow: 1px 1px 1px #000; background: #000; opacity: .95 }

#swipebox-top-bar { color: #fff !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif }