.service-icons{left:50%}
.service-icons,.service__form__icons{position:absolute;background:url('/resource/images/service_s.png') no-repeat;background-image:-webkit-image-set(url('/resource/images/service_s.png') 1x,url('/resource/images/service_l.png') 2x);background-image:image-set(url('/resource/images/service_s.png') 1x,url('/resource/images/service_l.png') 2x);background-repeat:no-repeat}
.service__form__icons{left:0;bottom:0}
.service-bar{position:fixed;bottom:250px;right:0;z-index:101;width:48px;height:293px;border:1px solid #eee}
.service-bar.first-screen{bottom:10px}
.service-item{position:relative;display:block;width:48px;height:46px;padding-top:2px;background-color:#fff}
.service-item+.service-item{border-top:1px solid #eee}
.icon-design{background-position:-182px -507px}
.icon-decorate,.icon-design{width:41px;height:43px;margin-left:-21px}
.icon-decorate{background-position:-230px -507px}
.icon-build{background-position:-278px -507px;width:41px;height:44px;margin-left:-21px}
.icon-qualitycheck{background-position:-461px -507px;width:41px;height:42px;margin-left:-21px}
.icon-coroperate{background-position:-326px -508px;width:42px;height:43px;margin-left:-21px}
.icon-feeback{background-position:-374px -509px;width:41px;height:42px;margin-left:-21px}
.service-sort{position:absolute;width:100%;bottom:2px;left:0;font-size:12px;color:#0eb187;text-align:center}
.border__none,.service-bar:hover{border:0}
.service__form{display:none;position:absolute;bottom:80px;right:0;width:100px}
.service__form__box{position:relative;width:100px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY0OTZDMTdCQTE0QjExRThCNUUyODJDRDNGQThBODk3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0OTZDMTdDQTE0QjExRThCNUUyODJDRDNGQThBODk3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjQ5NkMxNzlBMTRCMTFFOEI1RTI4MkNEM0ZBOEE4OTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjQ5NkMxN0FBMTRCMTFFOEI1RTI4MkNEM0ZBOEE4OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ht8nLAAAAD0lEQVR42mLo6upuAAgwAAVhAiCQv6FsAAAAAElFTkSuQmCC);padding:18px 0 4px;opacity:0;margin-left:170px;border-radius:5px;z-index:9}
.service__form__sort{position:relative;width:84px;min-height:20px;margin:0 auto 12px}
.service__form__text{float:right;margin-right:5px;font-size:12px;color:#0eb187;line-height:20px}
.service__form__design{background-position:0 0;width:85px;height:31px}
.service__form--magnify{height:73px}
.service__form--magnify .service__form__design{background-position:-337px 0;width:85px;height:85px}
.service__form__decorate{background-position:0 -32px;width:85px;height:31px}
.service__form--magnify .service__form__decorate{background-position:-337px -89px;width:85px;height:79px}
.service__form__build{background-position:0 -64px;width:85px;height:31px}
.service__form--magnify .service__form__build{background-position:-340px -173px;width:85px;height:77px}
.service__form__qualitycheck{background-position:-662px -321px;width:85px;height:32px}
.service__form--magnify .service__form__qualitycheck{background-position:-653px -394px;width:85px;height:79px}
.service__form__coroperate{background-position:0 -96px;width:85px;height:31px}
.service__form--magnify .service__form__coroperate{background-position:-337px -254px;width:85px;height:78px}
.service__form__feeback{background-position:0 -128px;width:85px;height:32px}
.service__form--magnify .service__form__feeback{background-position:-337px -337px;width:85px;height:81px}
.service__form__code{background-position:0 -170px;width:85px;height:21px}
.service__form__bjjs{background-position:0 -202px;width:85px;height:21px}
.service__form__back{background-position:0 -234px;width:85px;height:21px}
.service__form__attention{position:absolute;display:none;right:105px;top:50%;margin-top:-145px;width:0;padding:8px;border:1px solid #ddd;box-shadow:1px 1px 1px #eee,-1px -1px 1px #eee;background-color:#fff;opacity:0}
.service__attention__box:after,.service__attention__box:before{position:absolute;content:'';width:0;border-style:solid}
.service__attention__box:before{right:-12px;bottom:140px;z-index:20;border-width:6px;border-color:transparent transparent transparent #fff}
.service__attention__box:after{right:-13px;bottom:140px;border-width:6px;border-color:transparent transparent transparent #ddd}
.attention__item__img{display:block;width:101px;height:101px;margin:0 auto;background:url(./common_bg_s.png) no-repeat -353px -3px;background-image:-webkit-image-set(url(./common_bg_s.png) 1x,url(./common_bg_l.png) 2x);background-image:image-set(url(./common_bg_s.png) 1x,url(./common_bg_l.png) 2x)}
.attention__item__img__app{background-position:-233px -2px}
.service__attention__item P{padding-bottom:6px;height:33px;overflow-y:hidden;text-align:center;font-size:12px}
.attention__app{color:#0eb187}
.attention__wx{padding-bottom:0!important;color:#ff5a00}
.service__form__chat{position:absolute;left:220px;top:0;font-size:0;opacity:0;z-index:8}
.service__chat__bg{width:401px}
.service__chat__box{position:absolute;left:0;top:0;width:100%;height:100%}
.service__chat__title{position:absolute;left:116px;top:12px;font-size:16px;color:#fff}
.service__chat__headline{position:absolute;left:210px;top:75px;font-size:21px;color:#333}
.service__chat__detail{position:absolute;left:210px;top:120px;width:169px;font-size:14px;color:#333}
.service__chat__photo{position:absolute;left:18px;top:75px;width:160px;height:140px}
.service__chat__logo1{background-position:-113px -2px}
.service__chat__logo1,.service__chat__logo2{position:absolute;top:235px;left:18px;width:41px;height:41px}
.service__chat__logo2{background-position:-113px -51px}
.service__chat__logo3{background-position:-113px -100px}
.service__chat__logo3,.service__chat__logo6{position:absolute;top:235px;left:18px;width:41px;height:41px}
.service__chat__logo6{background-position:-685px -95px}
.service__chat__logo4{background-position:-113px -149px}
.service__chat__logo4,.service__chat__logo5{position:absolute;top:235px;left:18px;width:41px;height:41px}
.service__chat__logo5{background-position:-113px -198px}
.service__chat__hint{position:absolute;top:235px;left:72px;max-width:232px;padding:10px 15px;font-size:14px;color:#333;background-color:#f6f6f6;border-radius:5px}
.service__chat__hint:before{position:absolute;left:-6px;top:15px;content:'';border-width:3px;border-style:solid;border-color:transparent #f6f6f6 transparent transparent}
.service__chat__time{position:absolute;left:72px;top:302px;font-size:12px;color:#ccc}
@media screen and (min-width:1460px){.service__form__attention{right:170px}
.service__form{width:170px;border-radius:5px}
.service__form__box{width:170px;padding:32px 0 1px}
.service__form__sort{width:150px;min-height:35px;margin:0 auto 20px}
.service-bar{right:0;bottom:280px;width:58px;height:354px}
.service-item{width:58px;height:56px}
.icon-design{background-position:-182px -453px}
.icon-decorate,.icon-design{width:49px;height:50px;margin-left:-25px}
.icon-decorate{background-position:-244px -453px}
.icon-build{background-position:-305px -453px;width:49px;height:51px;margin-left:-25px}
.icon-qualitycheck{background-position:-498px -452px;width:48px;height:51px;margin-left:-25px}
.icon-coroperate{background-position:-367px -453px}
.icon-coroperate,.icon-feeback{width:49px;height:51px;margin-left:-25px}
.icon-feeback{background-position:-431px -453px}
.service__form--magnify{height:120px}
.service__form__design{background-position:-173px -1px;width:151px;height:53px}
.service__form__decorate{background-position:-173px -56px;width:151px;height:52px}
.service__form__build{background-position:-173px -110px;width:151px;height:53px}
.service__form__qualitycheck{background-position:-630px -8px;width:151px;height:54px}
.service__form__coroperate{background-position:-173px -165px;width:151px;height:54px}
.service__form__feeback{background-position:-172px -220px;width:151px;height:53px}
.service__form--magnify .service__form__design{background-position:-440px 0;width:150px;height:143px}
.service__form--magnify .service__form__decorate{background-position:-440px -150px;width:150px;height:133px}
.service__form--magnify .service__form__build{background-position:-440px -293px;width:150px;height:133px}
.service__form--magnify .service__form__qualitycheck{background-position:-630px -163px;width:151px;height:133px}
.service__form--magnify .service__form__coroperate{background-position:0 -261px;width:151px;height:133px}
.service__form--magnify .service__form__feeback{background-position:0 -400px;width:151px;height:137px}
.service__form__code{background-position:-173px -292px;width:151px;height:36px}
.service__form__bjjs{background-position:-173px -347px;width:151px;height:36px}
.service__form__back{background-position:-173px -402px;width:151px;height:36px}
}