.sha_contact {
    height: 60px;
    position: fixed;
    bottom: 0;
    right: 336px;
    z-index: 10000
}
.sha_contact .text {
    width: 160px;
    float: left;
    padding: 12px 30px;
    color: #fff;
    background: #f38800;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    font-style: italic
}
.sha_contact .Li {
    float: left;
    width: 60px;
    height: 60px;
    position: relative
}

.sha_contact .Li .box {
    width: 60px;
    height: 60px;
    background: #eb6349;
    text-align: center;
    padding-top: 8px
}

.sha_contact .li2 .box {
    background: #1e9ef6
}

.sha_contact .li3 .box {
    background: #169e41
}

.sha_contact .li4 .box {
    background: #8dc249
}

.sha_contact .Li .box img {
    border-radius: 50%;
    display: block;
    margin: 0 auto
}

.sha_contact .Li .box span {
    color: #fff;
    font-size: 13px
}

.sha_contact .Li .show {
    width: 290px;
    height: 140px;
    padding: 10px;
    background: #eb6349;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -140px;
    display: none
}

.sha_contact .Li:hover .show {
    display: block
}

.sha_contact .li2 .show {
    background: #1e9ef6
}

.sha_contact .li3 .show {
    background: #169e41
}

.sha_contact .li4 .show {
    background: #8dc249
}

.sha_contact .li1 .left p {
    color: #eb6349
}

.sha_contact .li2 .left p {
    color: #1e9ef6
}

.sha_contact .li3 .left p {
    color: #169e41
}

.sha_contact .li4 .left p {
    color: #8dc249
}

.sha_contact .Li .show .left {
    width: 100px;
    height: 100%;
    float: left;
    background: #fff;
    padding: 3px
}

.sha_contact .Li .show .left p {
    width: 100%;
    line-height: 10px;
    text-align: center;
    font-size: 12px
}

.sha_contact .Li .show .right {
    width: 165px;
    height: 100%;
    padding: 5px 0;
    float: right
}

.sha_contact .Li .show .right li {
    height: 40px;
    padding-left: 24px;
    background: url(/resource/2.0/images/Chinese/phone.png) no-repeat left 1px
}

.sha_contact .Li .show .right .skype {
    background: url(/resource/2.0/images/Chinese/skype.png) no-repeat left 1px
}

.sha_contact .Li .show .right .whatsapp {
    background: url(/resource/2.0/images/Chinese/whatsapp.png) no-repeat left 1px
}

.sha_contact .Li .show .right li h4 {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    line-height: 16px
}

.sha_contact .Li .show .right li h5 {
    font-size: 12px;
    color: #fff;
    opacity: .9
}

.footer .input-group{
    width: 270px;
    height: 34px;
    margin-top: 20px;
    border: none;
    position: relative;
}
#email_user_tips{
    position: absolute;
    top: -20px;
    font-size: 12px;
    width: 320px;
    color: greenyellow;
}
#email_user_tips.red{
    color: red;
}
#email_user_tips.yellow{
    color: #ff9a00;
}
#email_user_tips.green{
    color: greenyellow;
}
.footer .form-control{
    height: 34px;
    width: 190px;
    padding-right: 20px;
    padding-left: 10px;
    border: none;
    border-radius: 4px 0  0 4px;
    font-size: 14px;
}
.footer .btn.btn-default{
    height: 34px;
    line-height: 34px;
    color: #ffffff;
    border: none;
    background-color: #b1b1b3;
    width: unset;
    left: 188px;
    cursor: pointer;
    margin-top: -51px;
}

.leave_m { font-family: Verdana, Geneva, sans-serif; position: fixed; right:10px; bottom:0; z-index: 9999;}
.lm_btn {display: block; overflow: hidden;font-family: Verdana, Geneva, sans-serif;}
.lm_btn i{display: block; width: 36px; height: 30px; background:#0062bd url(/resource/2.0/images/public/email.png) no-repeat center; float: left; border-radius: 5px 0 0 0;}
.lm_btn span{display: block; padding: 0 10px; line-height: 30px; background:#066ecb; color:#fff; float: left; border-radius:0 5px 0 0; font-weight: bold}
.lm_box { width: 290px; display: none}
.lm_box form { border:1px solid #ddd; background: #fff;}
.lm_tit {color: #abceed;background:#066ecb; text-align: center; line-height: 24px; border-radius: 5px 5px 0 0; position: relative}
.lm_tit a{display:block; width:20px;background:url(/resource/2.0/images/public/jian.png) no-repeat center; position: absolute; right:6px; top:0;}
.lm_in {padding: 20px; line-height: 20px;}
.lm_in label {display:block;color:#666; font-weight: bold;}
.lm_in input,.lm_in textarea {margin-top: 10px; margin-bottom: 5px; border:1px solid #ddd; border-radius: 5px; padding: 6px;  width: 100%; display: block}
.lm_in textarea { min-height: 70px;}
.l_bottom {padding: 10px 20px; border-top:1px solid #eee;}
.lm_box .type_btn{ width: 100%; padding: 6px 3px; background: #066ecb; border:1px solid #0056af;border-radius:3px; color:#fff;font-weight:bold; cursor: pointer}
.lm_box .type_btn:hover{ background: #3482e1;}
.lm_in input.error,.lm_in textarea.error { border-color: #CC0000;}
.error_m {color: #CC0000; font-weight: bold; font-style: italic;}
.m_box {padding: 6px; border-radius: 5px; background: #eee; margin: 15px 0;}
.m_box dl { overflow: hidden}
.m_box dt { width: 32px; height: 32px; background: #fff; margin-right: 5px;}
.p_l_m {color: #169e41;}