.protitbox {
    position: relative;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.protih {
    padding-right: 50px;
}

.prosharebtns {
    border-left: 1px solid #eee;
    background-color: #fff;
    padding-left: 10px;
    position: absolute;
    top: 12px;
    right: 12px;
}

.proshicon {
    text-align: center;
}

    .proshicon img {
        width: 24px;
        height: 24px;
    }

.proshtext {
    line-height: 20px;
    font-size: 12px;
    color: #FF3131;
}
/*按钮图标END*/
.prosharebg {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
}

.prosharehbimg {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 51;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .prosharehbimg img {
        width: 80%;
    }

.prosharenotice {
    width: 100%;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #FBF5DF;
    color: #ff6600;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 52;
}

.prosharemuens {
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 52;
}

.proshareclose {
    width: 16px;
    height: 16px;
    background-color: #eee;
    padding: 8px;
    position: absolute;
    top: -32px;
    right: 0;
}

    .proshareclose img {
        display: block;
        width: 16px;
        height: 16px;
    }

.prosharetab {
    display: flex;
}

.prosharetabmuen {
    flex: 1;
    height: 20px;
    line-height: 20px;
    padding: 16px 0;
    position: relative;
    text-align: center;
}

    .prosharetabmuen span {
        color: #666;
        font-size: 14px;
    }

    .prosharetabmuen.prosharesel span {
        border-bottom: 2px solid #FF3131;
        font-weight: bold;
        color: #FF3131;
    }

.prosharepiti {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 12px 16px;
    overflow: auto;
    white-space: nowrap;
}

.proshareptitem {
    display: inline-block;
    width: 21%;
    text-align: center;
}

.proshareicon {
}

    .proshareicon img {
        width: 48px;
        height: 48px;
    }

.prosharetext {
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 12px;
}


.provricons{ width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute;top:0;left:0;display: flex;justify-content: center;align-items: center;overflow:hidden;}
.vrtipswarp{ padding:0 12px;}
.vrtipsbox{ padding:0 10px; height:32px; background-color:#eee; border-radius:4px; position:relative;}
.vrtipsbox img{ vertical-align:middle;}
.vrtipsbox span{ padding-left:4px; color:#ff9600; line-height:32px; font-size:12px;}
.vrtipsbox a{ display:inline-block; padding:0 8px; height:20px; line-height:20px; border-radius:4px; border:1px solid #6C3; font-size:12px; color:#6C3; position:absolute; top:5px;right:5px;}