.jdc-side { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 300; width: 60px }
.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: 70px; top: -65px; width: 138px; 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;margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto;}
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px; 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; margin-top: 5px; text-align: center; -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) }
.bg1{background:url(../images/zxzxioc1.png) no-repeat; border:1px #FE8124 solid;}
.bg1:hover{background:url(../images/zxzxioc_1.png) no-repeat; border:1px #FE8124 solid;}
.bg2{background:url(../images/zxzxioc2.png) no-repeat;}
.bg2:hover{background:url(../images/zxzxioc_2.png) no-repeat;}
.bg3{background:url(../images/zxzxioc3.png) no-repeat;}
.bg3:hover{background:url(../images/zxzxioc_3.png) no-repeat;}
.bg4{background:url(../images/zxzxioc4.png) no-repeat;}
.bg4:hover{background:url(../images/zxzxioc_4.png) no-repeat;}
.bg5{background:url(../images/zxzxioc5.png) no-repeat; border:1px #666666 solid;}
.bg5:hover{background:url(../images/zxzxioc_5.png) no-repeat; border:1px #666666 solid;}
.bg2,.bg3,.bg4,.bg2:hover,.bg3:hover,.bg4:hover{
border:1px #0497E4 solid;
}
.bg1:hover,.bg2:hover,.bg3:hover,.bg4:hover,.bg5:hover{
background-color:#FFFFFF;
}
.mb{margin-bottom:5px;}
.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; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease;}
.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 { opacity: 0;display: block; position: absolute; 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); right:-500px; right: 70px; bottom:100px;  width: 150px}
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.text_box{padding:10px 20px;}
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 15px; color:#333; 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: 14px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px; }
.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 }
.widimg{
width:100%;
}
.bg1,.bg2,.bg3,.bg4,.bg5,.bg1:hover,.bg2:hover,.bg3:hover,.bg4:hover,.bg5:hover{
border-radius:0.2em;
-ms-background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}