.returnBtn{
    position:fixed;
    right:10px;
    top:66%;
    width:50px;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    z-index:1000;
    box-sizing: border-box;
    border-radius:50%;
    font-family:Microsoft YaHei;
}
.returnBtn .returnBtnIco{
    width:100%;
}
.companyShareBtn{
    background-image: linear-gradient(to right, #03e598, #0ecc8b);
    box-shadow: 0 20px 40px rgba(21, 164, 75, 0.23);
}
.returnBtnIco .return_svg{
    vertical-align: top;
    width: 100%;
    padding:15px;
    box-sizing: border-box;
}
.returnBtn.cardBtn {
    top:calc(66% - 100px);
}
.returnBtnIco img{
    width:100%;
    border-radius:50%;
    vertical-align: top;
    border:0;
}

.commonPrompt{
    position: fixed;
    width: 100%;
    border-radius: 18px 18px 0 0;
    background-color: #fff;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    box-sizing: border-box;
    z-index: 1500;
    padding-bottom: 50px;
    overflow: hidden;
    padding-top: 20px;
    z-index:1010;
    font-family:Microsoft YaHei;
}
.commonPrompt.show{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


.sharePromptCon{
    display: flex;
    flex-wrap: wrap;
    margin:-20px 20px 0;
}
.sharePromptCon .shareItem{
    text-align: center;
    width:33.3%;
    line-height:1;
    margin-top:20px;
}
.sharePromptCon .shareItem .shareIco{
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:#f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto 10px;
}
.sharePromptCon .shareItem .shareIco img{
    width:25px;
    height:25px;
}
.sharePromptCon .shareItem .shareItemFt{
    font-size:12px;
    color:#111;
}

.shareMask{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color:rgba(0,0,0,.3);
    z-index:1000;
    opacity: 0;
    visibility: hidden;
    transition:all .3s ease;
}
.qrcodeBox{
    position:fixed;
    top:50%;
    left:50%;
    transform: translate3d(-50%,-50%,0);
    width:80%;
    padding:20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height:1;
    border-radius:6px;
    background-color:#fff;
    visibility: hidden;
    opacity: 0;
    z-index:1010;
}
.shareMask.show,.qrcodeBox.show{
    visibility: visible;
    opacity: 1;
}
.qrcodeBox .qrcodeTit{
    font-size:16px;
    color:#111;
    margin-bottom:20px;
}
.qrcodeBox img{
    width:200px;
    height:200px;
    margin-bottom:20px;
    vertical-align: top;
    border:0;
}
.qrcodeBox .qrcodeFt{
    font-size:14px;
    color:#999;
}


/* 客服样式 */

.servicePrompt{
    padding:0;
    background-color:#f5f6fb;
}
.serviceHead{
    height:50px;
    display: flex;
    background-color:#fff;
    align-items: center;
    justify-content: space-between;
}
.serviceHead .serviceReturnBtn{
    display: flex;
    line-height:1;
    align-items: center;
    height:50px;
    padding-left:20px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.serviceHead .serviceReturnBtn svg{
    width:12px;
    height:12px;
    margin-right:4px;
}
.serviceHead .serviceReturnBtn .returnBtnFt{
    font-size:14px;
    color:#111;
}
.serviceHead .closeBtn{
    height:50px;
    padding:0 20px;
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.serviceHead .closeBtn svg{
    width:15px;
    height:15px;
}
.serviceBody{
    padding:20px 20px 100px;
    display: flex;
}
.serviceBody .serviceImgBox{
    width:36px;
    height:36px;
    margin-right:10px;
    border-radius:50%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.serviceBody .serviceImgBox img{
    width:100%;
    border-radius:50%;
}
.serviceBody .serviceFtBox{
    flex:1;

}
.serviceFtBox .serviceCon{
    padding:16px;
    background-color:#fff;
    border-radius:2px 7px 7px 7px;
}
.serviceFtBox .serviceCon .serviceFtCon{
    font-size:15px;
    line-height:24px;
    color:#111;
    word-break: break-all;
}
.serviceInfoList{
    padding-top:10px;
}
.serviceInfoList .serviceInfoItem{
    height:50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size:14px;
    line-height:1;
    border-bottom:1px solid #f4f4f4;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.serviceInfoList .serviceInfoItem:last-child{
    border:0;
}
.serviceInfoItem .infoItemLeft{
    display: flex;
    align-items: center;
}
.infoItemLeft .infoItemName{
    color:#999;
    margin-right:10px;
}
.infoItemLeft .infoItemCon{
    color:#1f5af4;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
}
.serviceInfoItem .infoItemBtn{
    width:32px;
    height:32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.serviceInfoItem .infoItemBtn.phoneIco{
    background-color:#19cd8b;
}
.serviceInfoItem .infoItemBtn svg{
    width:16px;
    height:16px
}
.serviceFtBox .concatListBox{
    display: flex;
    align-items: center;
    border-top:1px solid #f8f8f8;
    padding:0 16px;
    margin-top:20px;
}
.concatListBox .concatList{
    flex-direction: row;
    display: flex;
    align-items: center;
    padding-right:20px;
}
.concatListBox .concatList .visitorItem{
    width:20px;
    height:20px;
    margin-right:-4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#fff;
    border-radius:50%;
}
.concatListBox .concatList .visitorItem img{
    width:18px;
    height:18px;
    border-radius:50%;
}
.concatListBox .concatFt{
    font-size:12px;
    color:#111;
}

.serviceFoot{
    display: flex;
    height:50px;
    align-items: center;
    line-height:1;
    padding:0 20px 40px;
    background-color:#fff;
}
.inputBox{
    flex:1;
    padding-left:16px;
    height:40px;
    background-color:#f8f8f8;
    color:#999;
    line-height:40px;
    font-size:14px;
    border-radius:3px;
}
.shareBtn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:40px;
    margin:0 20px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.shareBtn svg{
    width:18px;
    height:18px;
    margin-bottom:4px;
}
.shareBtn .shareBtnFt{
    text-align: center;
    font-size:12px;
    color:#999;
}
.companyLogoBox{
    width:36px;
    height:36px;
    border-radius:50%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.companyLogoBox img{
    width:100%;
    height:100%;
    border-radius:50%;
}



/* 提示框 */
.tipsPrompt{
    max-width:70%;
    padding:10px;
    font-size:14px;
    background-color:rgba(0,0,0,.7);
    border-radius:6px;
    color:#fff;
    line-height:20px;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate3d(-50%,-50%,0);
    transition:all .3s ease;
    visibility: hidden;
    opacity: 0;
    z-index:1020;
    font-family:Microsoft YaHei;
}
.tipsPrompt.show{
    visibility: visible;
    opacity: 1;
}