/**
 * Created by Administrator on 2018/11/14.
 */
html,body{ width: 100%;max-width: 100%; height: 100%; display: block; margin: 0; padding: 0; box-sizing: border-box; -webkit-appearance:none;background-color: #f3f3f3;color: #333;position: relative;}
.container{ width: 100%; margin: 0;  padding: 0;min-height: 100%; }
body{ opacity: 0;}
/*官网头部*/
.head{ width: 100%;margin:0;padding:0;height: 1rem;position: fixed;top: 0;left: 0;background-color: #ffffff;z-index: 1010;border-bottom: 1px solid #f5f4f4;box-shadow: 1px 0 0.05rem #d4d4d4;}
.head .logo{ height: 0.7rem;margin-top: 0.15rem;}
.head .menu{ width: 0.44rem;height: 0.32rem;margin-top: 0.34rem;margin-left:0.2rem;float: right;}
/*右侧 菜单*/
.fix-menu{ width: 100%;margin: 0;padding: 0;background-color: #1a1a1a;position: absolute;right: -100%;top: 0;z-index: 1011;min-height: 100%;transition: all 0.4s ease;}
.fix-menu .logo{ width: 100%;height: 1rem;margin: 0;padding: 0 0.38rem;border-bottom: 1px solid #3d3d3d;}
.fix-menu .logo .item{ color: #ffffff;font-size: 0.32rem;margin: 0;padding: 0;}
.fix-menu .logo .item img{ height: 0.7rem;margin-top: 0.15rem;}
.fix-menu .logo .item span{  width: 100%;height: 1rem;line-height:1rem;}
.fix-menu .menu-list{ width: 100%;margin: 0;position: relative;padding: 0;background-color: #292929;}
.fix-menu .menu-list .menu{ width: 100%;height:1.08rem;margin: 0;padding: 0 0.38rem;border-bottom: 1px solid #3d3d3d;}
.fix-menu .menu-list .menu a{ width: 100%;height:100%;line-height:1.08rem;margin: 0;padding: 0;color: #ffffff;font-size: 0.36rem;text-decoration: none;}
.fix-menu .menu-list .menu-down{ position: absolute;right: 0;top: 0.2rem;width: 1rem;height: 0.6rem;line-height: 0.6rem;transition: all 0.3s ease;transform: rotate(0deg);}
.fix-menu .menu-list .menu-down img{ width: 0.26rem;height: 0.14rem;}
.fix-menu .menu-list .son-menu{ width: 100%;margin: 0;padding: 0;}
.fix-menu .menu-list .son-menu li{ list-style-type: none;width: 100%;height:0.82rem;margin: 0;padding: 0 0.6rem;border-bottom: 1px solid #3d3d3d;}
.fix-menu .menu-list .son-menu li a{ width: 100%;height:100%;line-height:0.82rem;margin: 0;padding: 0;color: #ffffff;
    font-size: 0.32rem;text-decoration: none;}
/*底部 footer*/
.footer{ width: 100%;margin: 0;padding: 0 0.38rem;background-color: #1a1a1a;}
.footer .menu-list{ width: 100%;margin: 0;position: relative;}
.footer .menu-list .menu{ width: 100%;height:1.08rem;margin: 0;padding: 0 ;border-bottom: 1px solid #3d3d3d;}
.footer .menu-list .menu a{ width: 100%;height:100%;line-height:1.08rem;margin: 0;padding: 0;color: #ffffff;font-size: 0.36rem;text-decoration: none;}
.footer .menu-list .menu-down{ position: absolute;right: 0;top: 0.2rem;width: 1rem;height: 0.6rem;line-height: 0.6rem;transition: all 0.3s ease;transform: rotate(0deg);}
.footer .menu-list .menu-down img{ width: 0.26rem;height: 0.14rem;}
.footer .menu-list .son-menu{ width: 100%;margin: 0;padding: 0;}
.footer .menu-list .son-menu li{ list-style-type: none;width: 100%;height:0.82rem;margin: 0;padding: 0 0.3rem;border-bottom: 1px solid #3d3d3d;}
.footer .menu-list .son-menu li a{ width: 100%;height:100%;line-height:0.82rem;margin: 0;padding: 0;color: #ffffff;
    font-size: 0.32rem;text-decoration: none;}
.footer .contract-us{ width: 100%;margin: 0;padding: 0;color: #ffffff;}
.footer .contract-us .title{ width: 100%;margin: 0;padding: 0;color: #fefefe;font-size: 0.36rem;}
.footer .contract-us .phone{ width: 100%;margin: 0;padding: 0;color: #ffffff;font-size: 0.4rem;}
.footer .contract-us .wx{ width: 100%;margin: 0;padding: 0;}
.footer .contract-us .wx .img{ width: 1.8rem;height:1.8rem;margin: 0 auto;padding: 0;}
.footer .contract-us .wx .img img{ width: 1.8rem;height:1.8rem;margin: 0 auto;padding: 0;}
.footer .contract-us .wx .bottom{ width: 100%;margin: 0;padding: 0;font-size: 0.36rem;color: #ffffff;}
.footer .contract-us .wx .bottom img{ width: 0.6rem;height:0.6rem;margin: 0;padding: 0;}
.footer .contract-us .author{ width: 100%;margin: 0;padding: 0;border-top: 1px solid #3d3d3d;font-size: 0.3rem;color: #ffffff;}
.footer .contract-us .author p{ padding: 0;margin: 0 0 0.2rem;}
/*fix 底部菜单*/
.fix-footer{ width: 100px;height: auto;margin: 0;padding: 0;background-color: #f08300;color: #ffffff;position: fixed;z-index: 1010;transform: translateY(-50%);top: 30%;right: 0;}
.fix-footer .item-menu{ width: 100%;margin: 0;padding: 0;}
.fix-footer .item-menu .item{ margin: 0;padding: 0;height: 1rem;line-height: 1rem;}
.fix-footer .item-menu .item a{ width: 100%; margin: 0;padding: 0;font-size: 0.3rem;height: 0.36rem;line-height: 0.36rem;
    color:#ffffff;border-right: 1px solid #ffffff;text-decoration: none;vertical-align: middle;}
.fix-footer .item-menu .item .border-none{ border-right: none;}
.fix-footer .item-menu .item a img{ width: 0.4rem;margin: 0 0.1rem;padding: 0;vertical-align: text-bottom;}
/*特殊 class*/
.display-none{  display: none;}
.inline-block{  display: inline-block;}
.width-hr{background-color: #dddddd;height: 1px;}
.pointer{ cursor: pointer;}
.bg-white{ background-color: #ffffff;}
.bg-f3{ background-color: #f3f3f3;}
.text-primary{ color: #f08300;}
/*高度设置*/
.space-h-10{  height: 0.1rem;display: block}
.space-h-20{  height: 0.2rem;display: block}
.space-h-30{  height: 0.3rem;display: block}
.space-h-40{  height: 0.4rem;display: block}
.space-h-50{  height: 0.5rem;display: block}
.space-h-60{  height: 0.6rem;display: block}
.space-h-70{  height: 0.7rem;display: block}
.space-h-80{  height: 0.8rem;display: block}
.space-h-90{  height: 0.9rem;display: block}
.space-h-100{  height: 1rem;display: block}
.space-h-128{  height: 1.28rem;display: block}
/*超出行内省略号*/
.overflow-hidden{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*不计算边框*/
.border-sizing{ -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;  }
/*公用加载中。。。/公用弹窗、提示*/
.popUpModal{ position: fixed;top:0;left:0;width: 100%;height: 100%;z-index:1011;display: none;}
.popUpModal .bg-modal{ position:absolute;left: 0;top:0;background:#d4d4d4;width: 100%;height: 100%;opacity: 0.3;}
.popUpModal .content-modal{ position:absolute;left: 50%;top:20%;width: 6rem;height: auto;border-radius:0.1rem;margin-left: -3rem;background-color: #ffffff;padding: 0.2rem;}
.popUpModal .content-modal .icon-close{ color: #282828;font-size: 0.3rem;position: absolute;top: 0.1rem;right: 0.1rem;padding: 0.1rem;}
.popUpModal .content-modal .wm-title{ font-size: 0.32rem;color: #282828;margin-top: 0.1rem;}
.popUpModal .content-modal .wm-content{ height:0.6rem;line-height:0.6rem;font-size: 0.4rem;color: #f08300;}
.popUpModal .content-modal .wm-title2{ font-size: 0.32rem;color: #282828;}
.popUpModal .content-modal .wm-img{ width: 4rem;}
.popUpModal .loading-modal img{ width: 0.6rem;height: 0.6rem;}
/*底部加载更多*/
.load-more{ width: 100%;font-size: 0.12rem;color: #989898;text-align: center;}
/*免费试用按钮*/
.free-btn{margin-top: 0.2rem; width: 2.2rem;height: 0.6rem;line-height:0.6rem;text-align:center;background-color: #f08300;border-radius: 3px;border: 1px solid #ffffff;}
.free-btn a{color: #ffffff;font-size: 0.34rem;text-decoration: none;}
/*四个字中间按钮*/
.load-more-button{ width: 100%;margin: 0;padding: 0;}
.load-more-button a{ width: 2.2rem;height:0.6rem;line-height:0.6rem;margin: 0;padding: 0;background-color: #f08300;color: #ffffff;font-size: 0.3rem;border-radius: 2px;}
.load-more-button div{ width: 2.2rem;height:0.6rem;line-height:0.6rem;margin: 0;padding: 0;background-color: #f08300;color: #ffffff;font-size: 0.3rem;border-radius: 2px;}
.chat-new{
    width: 100%;
    height: 7.4rem;
    background: url("./../image/chat-new-banner.png") no-repeat center;
    background-size: 100% 7.4rem;
}
.chat-new .title{
    width: 6.9rem;
    margin: 0 auto;
    font-size: 0.36rem;
    line-height: 0.6rem;
    color: #ffffff;
}
.chat-new .item{
    width: 6.9rem;
    margin: 0.2rem auto;
    font-size: 0.36rem;
    line-height: 0.6rem;
    color: #ffffff;
}
.chat-new .item .item-name{
    width: 1.8rem;
    height: 0.6rem;
    font-size: 0.3rem;
    vertical-align: middle;
}
.chat-new .item .item-input{
    width: 4.9rem;
    font-size: 0.3rem;
    vertical-align: middle;
    border: 1px solid #ffffff;
    border-radius: 0.1rem;
    padding: 0 0.1rem;
}
.chat-new .item .item-input input{
    width: 100%;
    height: 0.6rem;
    background: url("");
    border: none;
    outline: none;
    font-weight: normal;
}
.chat-new .item .item-input textarea{
    width: 100%;
    height: 1.8rem;
    background: url("");
    border: none;
    outline: none;
    resize: none;
    font-weight: normal;
}