@charset "UTF-8";
.jdc-side { display: none; position: fixed; right: 0.2rem; bottom: 0.2rem; width: 0.6rem }
.mod_hang_qrcode { position: relative }

.mod-qr-tips { height: 0.7rem; background: url(../console/images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 0.7rem; top: -0.65rem; width: 1.38rem; min-height: 1.66rem; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 0.05rem; line-height: 0.16rem; color: #666; font-size: 0.12rem; text-align: center }
.mod_hang_qrcode_show_bg { width: 1.24rem; height: 1.24rem; margin: 0.08rem auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 1.24rem auto; background-size: 1.24rem auto; background-image: url(../console/images/qrcode.png) }
.jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../console/images/qrcode.jpg) }
.jdc_hang_qrcode p { padding-bottom: 0.05rem }
.mod_hang_qrcode_btn { display: block; width: 0.6rem; height: 0.6rem; color: #0989c5; font-size: 0.4rem; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 0.6rem; height: 0.6rem; margin: 0.05rem 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; margin-top: 0.05rem; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 0.25rem; left: 0.25rem; width: 0.3rem; line-height: 0.15rem; font-size: 0.12rem; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); box-shadow: 0 0 0.1rem 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: 0.6rem; height: 0.6rem; color: #0989c5; text-align: center; font-size: 0.2rem; cursor: pointer; -webkit-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1) ;}

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

.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.4rem; color: white; background-color: #9C7CD4 }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 0.25rem; left: 0.25rem; width: 0.3rem; line-height: 0.15rem; font-size: 0.12rem; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0;right:-5rem; position: absolute; right: 0.7rem; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); box-shadow: 0 0 0.1rem 0 rgba(20,34,67,.1); width: 3rem }
.mod_hang_appeal_show li {
    *zoom:1; cursor: pointer }

.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: 2.15rem; height: 0.9rem; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 0.78rem; line-height: 0.9rem; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 0.3rem }
.mod_hang_appeal_show .text_box h5 { margin-top: 0.1rem; font-size: 0.16rem; color: #03004c; line-height: 0.24rem; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 0.1rem; max-height: 0.36rem; overflow: hidden; line-height: 0.18rem; font-size: 0.12rem; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 0.05rem }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 2.26rem }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 0.05rem }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:7.68rem) {
    .jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../console/images/qrcode-en.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 0.41rem; top: 0.08rem; width: 0.85rem; height: 0.3rem; line-height: 0.3rem; background: #fff; color: #666; font-size: 0.16rem }