@charset "UTF-8";
.jdc-side { display: none; position: fixed; right: 0px; top: 300px; z-index: 300;  }
.mod_hang_qrcode { position: relative }
.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: 68px; top: 0px;  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: #0f1535; font-size: 16px; text-align: left; }
.mod_hang_qrcode_show_bg { margin: 8px auto 0; background-position: 0 0;}
.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: 48px;color: #4d71f5; font-size: 16px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease ;height: 140px;float:right;}
.mod_hang_top { display: block; width: 48px; height: 48px; margin:  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: 0px; text-align: center; background-color: #ffffff; border: 1px solid #3860f4;}
.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;  background-image: -moz-linear-gradient( 180deg, rgb(62,102,245) 0%, rgb(91,131,248) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(62,102,245) 0%, rgb(91,131,248) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(62,102,245) 0%, rgb(91,131,248) 100%);width: 60px;
border: 1px solid #527cf8;
border-image: -moz-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%);  
border-image: -webkit-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%); 
border-image: -ms-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%);
}

.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: 48px; height: 48px;float: right;color: #4d71f5; text-align: center; font-size: 16px; cursor: pointer;background-color: #ffffff;border: 1px solid #3860f4;-webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease ;line-height: 48px;}
.mod_hang_appeal_btn:hover{width: 60px;background-image: -moz-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%);  background-image: -webkit-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%);  background-image: -ms-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%);
border: 1px solid #527cf8;
border-image: -moz-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%);  
border-image: -webkit-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%); 
border-image: -ms-linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(0,0,0) 0%, rgb(63,103,245) 0%, rgb(90,131,248) 100%);
}

.mod_hang_appeal_btn:hover a{color: #ffffff;}



.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;border: 1px solid #e1e6f0;}


.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 48px; height: 60px; line-height: 60px; font-size: 40px; color: #4d71f5; background-color: #fff }
.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:-108px; 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: 100px;height: 48px;color: #74777e; text-align: center;line-height: 48px;font-size: 16px;}
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px;padding-top: 28px;}
.jdc_feedback_qrcode .mod_hang_qrcode_show {padding: 11px 16px 26px;border: 1px solid #e1e6f0;color: #0f1535;}
.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 }
.jdc_feedback_qrcode .mod_hang_qrcode_show .dh{color: #74777e;margin-top: -1px;margin-bottom: 25px;}
.kefuweixin{ width: 143px;height: 143px;margin: 0 auto;}
.lxtxt{width: 16px;line-height: 20px;margin: 5px auto 0;}

@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(/images/qrcode-en.jpg) }
.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 }