@charset "UTF-8";
/*右侧悬浮*/
.float-toolbar{position:fixed;right:.8rem;top:60%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:10;}
.float-toolbar .rtn-top{display:block;width:56px;height:56px;background:#1A2436 url(../images/icon-rtop.png) no-repeat center center;position:absolute;right:0px;top:0px;}
.float-toolbar .ft-oMsg{display:block;padding:0 15px 0 0;width:56px;height:56px;line-height:56px;text-align:right;color:#fff;font-size:0px;background:#003B7F;position:absolute;right:0px;top:-56px;overflow:hidden;}
.ft-oMsg span{display:block;width:145px;text-align:center;font-size:16px;position:absolute;right:37px;top:0px;opacity:0;}
.ft-oMsg:hover{width:175px;}
.ft-oMsg:hover span{opacity:1;}

.float-toolbar .ft-oMsg2{display:block;padding:0 10px 0 0;width:56px;height:56px;line-height:56px;text-align:right;color:#fff;font-size:0px;background:#F78201;position:absolute;right:0px;top:-56px;overflow:hidden;}
.ft-oMsg2 span{display:block;width:255px;text-align:center;font-size:16px;position:absolute;right:37px;top:0px;opacity:0;}
.ft-oMsg2:hover{width:275px;}
.ft-oMsg2:hover span{opacity:1;}

.float-toolbar .ft-oMsg3{display:block;padding:0 10px 0 0;width:56px;height:56px;line-height:56px;text-align:right;color:#fff;font-size:0px;background:#DD4E40;position:absolute;right:0px;top:-56px;overflow:hidden;}
.ft-oMsg3 span{display:block;width:190px;text-align:center;font-size:16px;position:absolute;right:37px;top:0px;opacity:0;}
.ft-oMsg3:hover{width:210px;}
.ft-oMsg3:hover span{opacity:1;}

.float-toolbar .ft-oMsg4{display:block;padding:0 10px 0 0;width:56px;height:56px;line-height:56px;text-align:right;color:#fff;font-size:0px;background:#379aa6;position:absolute;right:0px;top:-56px;overflow:hidden;}
.ft-oMsg4 span{display:block;width:250px;text-align:center;font-size:16px;position:absolute;right:37px;top:0px;opacity:0;}
.ft-oMsg4:hover{width:265px;}
.ft-oMsg4:hover span{opacity:1;}
.oMsg-modal{width:100%;height:100%;background:rgba(0,0,0,.64);position:fixed;top:0px;left:0px;z-index:9999;}
.oMsgModal-container{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}

.mod_hang_qrcode { position: relative;margin-top:-112px;background:#007945 }
.mod_hang_qrcode2 { position: relative;margin-top:-56px;background:#007945 }
.mod_hang_qrcode3 { position: relative;margin-top:-112px;background:#007945 }
.mod_hang_qrcode4 { position: relative;margin-top:-112px;background:#007945 }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 56px; top: -56px; width: 280px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
/* .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode.jpg) } */
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 56px; height: 56px; color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn img{}
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}

.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}


.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show li {
*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}

.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }