.red-package-gif {display:none;width:1100px;height:1200px;position:fixed;background:url(../assets/web/common/images/activity-fixed-bottom.gif) no-repeat;right:-500px;margin-top:-400px;-webkit-transform:scale(.6);transform:scale(.6)}
.little-tools {width:32px;height:110px;box-sizing:border-box;background:#fff;border-radius:8px 0 0 8px;border:1px solid #f0f0f0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:fixed;right:0;top:80px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:translateX(100%);transform:translateX(100%);cursor:pointer;z-index:8888}
.little-tools.hide {display:none}
.little-tools.little-tools-show {-webkit-transform:translateX(0);transform:translateX(0)}
.little-tools img {width:24px;height:24px;display:block;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.little-tools img.h {display:none}
.little-tools span {word-break:break-all;width:13px;margin-top:3px}
.little-tools:hover {background:#199de9}
.little-tools:hover img {display:none}
.little-tools:hover img.h {display:block}
.little-tools:hover span {color:#fff}


.layout-tools {position:fixed;bottom:102px;right:0;z-index:8888;width:64px;-webkit-transition:all .3s;transition:all .3s}
.layout-tools.hide {display:none}
.layout-tools.tool-hide {-webkit-transform:translateX(100%);transform:translateX(100%)}
.layout-tools .red-package {background:url(../assets/web/layout/tools/images/xrfl.gif) 100% 100% no-repeat;background-size:cover}
.layout-tools .red-package,.layout-tools .tjfl {display:inline-block;width:66px;height:66px;margin-bottom:9px}
.layout-tools .tjfl {background:url(../assets/web/layout/tools/images/yqyl.gif) 100% 100% no-repeat;background-size:cover}
.layout-tools .right-utils-show-btn {position:absolute;bottom:42px;right:5px;box-sizing:border-box;width:55px;height:37px;border-radius:2px;text-align:center;line-height:37px;border:1px solid #dfdfdf;color:#666;font-size:12px;background-color:#fff;cursor:pointer}
.layout-tools .right-utils-show-btn .right-utils-item-icon {margin:0 auto 4px;display:block;width:11px;height:10px;background:url(../assets/web/layout/tools/images/righ_utils_icon_new.png) 50% no-repeat}
.layout-tools .right-utils-item {position:relative;padding:5px 6px 9px 7px;display:block;box-sizing:border-box;width:64px;height:61px;background-color:#fff;cursor:pointer}
.layout-tools .right-utils-item:nth-last-child(2) {border-radius:0 0 0 8px}
.layout-tools .right-utils-item:hover {border-color:#dfdfdf;background-color:#199de9}
.layout-tools .right-utils-item:hover .right-utils-item-panel {visibility:visible;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateX(0);transform:translateX(0)}
.layout-tools .right-utils-item:hover .right-utils-item-text {color:#fff}
.layout-tools .right-utils-item .border-ccc {display:block;height:1px;margin-bottom:8px;background:url(../assets/web/layout/tools/images/border_img.png) no-repeat;width:126px}
.layout-tools .right-utils-item .arrow-wrap {width:126px}
.layout-tools .right-utils-item .arrow-wrap .arrow-down {display:block;width:12px;height:8px;margin:0 auto;background:url(../assets/web/layout/tools/images/arrow-down-grey.svg);cursor:pointer}
.layout-tools .right-utils-item .arrow-wrap .arrow-down:hover {background:url(../assets/web/layout/tools/images/arrow-down-blue.svg)}
.layout-tools .right-utils-item .right-utils-item-icon {margin:0 auto;display:block;width:30px;height:31px;background-image:url(../assets/web/layout/tools/images/righ_utils_icon_new.png);background-repeat:no-repeat;background-position:50%}
.layout-tools .right-utils-item .right-utils-item-text {display:block;text-align:center;color:#333}
.layout-tools .right-utils-item .right-utils-item-panel {visibility:hidden;box-sizing:border-box;position:absolute;top:-1px;right:78px;z-index:1;width:155px;border:1px solid #e3e3e3;background:#fff;-webkit-transform:translateX(-15px);transform:translateX(-15px);cursor:default;box-shadow:5px 4px 8px 0 rgba(1,66,104,.17);border-radius:8px}
.layout-tools .right-utils-item .right-utils-item-panel .white-box {width:70px;height:100%;position:absolute;top:0;right:-41px;background:transparent}
.layout-tools .right-utils-item .right-utils-item-panel .arrows {position:absolute;top:20px;right:-5px;width:6px;height:9px;background:url(../assets/web/layout/tools/images/rightUtils20180907_new.png) no-repeat -220px 0}
.layout-tools .right-utils-item-kf {border:1px solid #dfdfdf}
.layout-tools .right-utils-item-kf .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/kf.svg);background-repeat:no-repeat}
.layout-tools .right-utils-item-kf:hover .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/kf-hover.svg)}
.layout-tools .right-utils-item-kf .right-utils-item-panel {padding:17px 10px;width:155px}
.layout-tools .right-utils-item-kf .right-utils-item-panel h4 {font-weight:700;padding-bottom:8px;font-size:12px;color:#333}
.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel h4 {line-height:12px;font-size:12px}
.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item .kf-panel-item-icon {height:13px;width:18px;float:left;margin-top:4px;background-image:url(../assets/web/layout/tools/images/side-tel.svg);background-position:0 0;background-repeat:no-repeat}
.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj {margin-top:5px;margin-bottom:24px;color:#333;font-size:12px;line-height:12px}
.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj p:first-of-type {margin-bottom:10px}
.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-fwsj .kf-panel-item-icon {background-position-x:-116px}
.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-kfrx #kf-phone-p {margin-bottom:20px;color:#333}
.layout-tools .right-utils-item-kf .right-utils-item-panel .kf-panel-item-tsdh {margin-bottom:0}
.layout-tools #forKF {display:none;border:1px solid #dfdfdf}
.layout-tools #forKF .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/vip.svg);background-repeat:no-repeat}
.layout-tools #forKF:hover .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/vip-hover.svg)}
.layout-tools .right-utils-item-QQ {border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf}
.layout-tools .right-utils-item-QQ .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/qq.svg);background-repeat:no-repeat}
.layout-tools .right-utils-item-QQ:hover .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/qq-hover.svg)}
.layout-tools .right-utils-item-yhq {border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.layout-tools .right-utils-item-yhq .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/yhq.svg);background-repeat:no-repeat}
.layout-tools .right-utils-item-yhq:hover .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/yhq-hover.svg)}
.layout-tools .right-utils-item-yjwj {border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.layout-tools .right-utils-item-yjwj .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/yjwj.svg);background-repeat:no-repeat}
.layout-tools .right-utils-item-yjwj:hover .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/yjwj-hover.svg)}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel {text-align:left;width:284px;height:116px;border:none;background:transparent;box-shadow:0 0 0 0;right:65px}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content {background:transparent;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content>img {width:100%}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips {position:absolute;right:35px;top:20px}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips>span {display:block}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .title {font-size:16px;color:#199de9;margin-bottom:4px}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .tips {font-size:12px;color:#666;margin-bottom:12px}
.layout-tools .right-utils-item-yjwj .right-utils-item-panel .item-content .item-content-tips .btn {width:74px;height:24px;line-height:24px;background:-webkit-linear-gradient(228deg,#36ccf6,#199de9);background:linear-gradient(222deg,#36ccf6,#199de9);border-radius:12px;font-size:12px;color:#fff;cursor:pointer}
.layout-tools .right-utils-item-yjwj p {color:#fff}
.layout-tools .right-utils-item-QR {border:1px solid #dfdfdf;border-bottom:none;border-radius:8px 0 0 0}
.layout-tools .right-utils-item-QR .code-img-wrap {margin:auto;width:120px}
.layout-tools .right-utils-item-QR .code-tip-text1 {margin-top:10px;margin-left:11px;padding-bottom:8px;width:134px;line-height:12px;font-size:12px;font-weight:700}
.layout-tools .right-utils-item-QR .border-ccc {margin-left:12px}
.layout-tools .right-utils-item-QR .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/wx.svg);background-repeat:no-repeat}
.layout-tools .right-utils-item-QR:hover .right-utils-item-icon {background-image:url('../assets/web/layout/tools/images/wx-hover.svg')}
.layout-tools .right-utils-item-QR .right-utils-item-panel {width:155px;height:172px}
.layout-tools .right-utils-item-QR .right-utils-item-panel .code-img {margin-top:12px;width:120px;height:110px;background:url(../assets/web/layout/tools/images/righ_utils_icon_new.png) no-repeat -44px -9px}
.layout-tools .right-utils-item-wx {border:1px solid #dfdfdf;border-top:none}
.layout-tools .right-utils-item-wx .item-content {padding:15px 0}
.layout-tools .right-utils-item-wx .code-tip-text1 {margin-bottom:7px}
.layout-tools .right-utils-item-wx .right-utils-item-icon {margin:0 auto;display:block;width:30px;height:31px;background:url(../assets/web/layout/tools/images/xmt.svg) 50% no-repeat}
.layout-tools .right-utils-item-wx:hover .right-utils-item-icon {background-image:url(../assets/web/layout/tools/images/xmt-hover.svg)}
.layout-tools .right-utils-item-wx .right-utils-item-panel {top:-115px;text-align:center}
.layout-tools .right-utils-item-wx .right-utils-item-panel .arrows {top:135px}
.layout-tools .right-utils-item-wx .right-utils-item-panel .code-img {margin-left:17px;width:120px;height:110px;background:url(../assets/web/layout/tools/images/righ_utils_icon_new.png) no-repeat -44px -132px}
.layout-tools .right-utils-item-wx .right-utils-item-panel .mro-code-img {background:url(../assets/web/layout/tools/images/mro_righ_utils_icon_new.jpg) no-repeat;background-size:100% 100%}
.layout-tools .right-utils-item-wx .right-utils-item-panel .code-tip-text {text-align:center;line-height:12px}
.layout-tools .right-utils-item-hdb {margin-top:9px;width:64px;padding:0;height:120px;background-color:transparent}
.layout-tools .right-utils-item-hdb:hover {background-color:transparent}
.layout-tools .right-utils-item-hdb li {width:100%;height:60px;background:#fff;border-left:1px solid #dfdfdf}
.layout-tools .right-utils-item-hdb li:first-of-type {border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-radius:8px 0 0 0}
.layout-tools .right-utils-item-hdb li:last-of-type {border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-radius:0 0 0 8px}
.layout-tools .right-utils-item-hdb li.ss {border-bottom:1px solid #dfdfdf;border-radius:8px 0 0 8px}
.layout-tools .right-utils-item-hdb li.go-to-top {display:none}
.layout-tools .right-utils-item-hdb li.show {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.layout-tools .right-utils-item-hdb li img {width:26px;height:26px;display:block}
.layout-tools .right-utils-item-hdb li img.ran {-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.layout-tools .right-utils-item-hdb li img.h {display:none}
.layout-tools .right-utils-item-hdb li p {font-size:12px;color:#333;text-align:center;line-height:1em;margin-top:5px}
.layout-tools .right-utils-item-hdb li:hover {background:#199de9}
.layout-tools .right-utils-item-hdb li:hover p {color:#fff}
.layout-tools .right-utils-item-hdb li:hover img {display:none}
.layout-tools .right-utils-item-hdb li:hover img.h {display:block}
.layout-tools .right-utils-item-hdb li+li {border-top:1px solid #f0f0f0}