/*底部对话框css*/

.bottom_dialoge {
    width: 96%;
    margin: 5% auto;
    padding: 0 0 6% 0;
    max-width: 750px!important;
    background: #f0f0f0;
    overflow: hidden;
    border-radius: 18px;
    font-family: "Microsoft YaHei" ! important;
}

.bottom_dialoge .btdiatit {
    width: 94%;
    padding: 0 3%;
    font-size: 16px;
    line-height: 300%;
    display: block;
    background: #08a19c;
    color: #fff;
    box-sizing: content-box;
}

.bottom_dialoge .btdiatit a {
    color: #fff;
}

.bottom_dialoge .btdiatit span {
    width: 32%;
    display: block;
    background: #08a19c;
    color: #fff;
    font-weight: 500;
    float: right;
    vertical-align: middle;
}

.bottom_dialoge .btdiatit span img {
    width: 30%;
    float: left;
    padding: 8% 3% 0 0;
}

.bottom_dialoge_timebox {
    width: 40%;
    margin: 4% 28%;
    padding: 0 2%;
    float: left;
    display: block;
    font-size: 12px;
    line-height: 180%;
    border-radius: 8px;
    background: #cdcdcd;
    color: #fff;
    text-align: center;
    font-family: Arial;
}

.bottom_dialoge .bigtiwenbox2 {
    width: 100%;
    float: left;
}

.tiwenbox {
    width: 90%;
    margin: 0 5%;
    float: left;
}

.tiwenbox img {
    width: 22%;
    float: left;
}

.talkbubble {
    margin-left: 34%;
    width: 62%;
    padding: 4% 3%;
    font-size: 14px;
    height: auto;
    background: #fff;
    color: #3c3c3c;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 1.2em;
}

.talkbubble:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
}

.bigtiwenbox {
    width: 84%;
    margin: 4% 8% 0 8%;
    height: 70px;
    display: block;
    border-radius: 10px;
    background: #fff;
    float: Left;
    overflow: Hidden;
}

.bigtiit {
    width: 65%;
    height: 70px;
    border: 0;
    display: block;
    float: left;
    padding: 2%;
    font-size: 14px;
    font-family: "Microsoft YaHei" ! important;
    outline: none;
}

.bigtibt {
    width: 30%;
    background: #605ca8;
    border-radius: 10px;
    border: 0px;
    height: 70px;
    overflow: hidden;
    display: block;
    float: right;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei" ! important;
}

.bottom_dialoge2 .bigtiwenbox2 input{border-radius: 4px;border:none;outline: none;width:73%;padding:6px 2px;vertical-align: middle;}
.bottom_dialoge2 .bigtiwenbox2 .btn{border-radius: 4px;border:none;outline: none;width:25%;background: #08a19c;color: #fff;text-align: center;vertical-align: middle;}

@media(min-width:320px) {
    .bottom_dialoge .btdiatit {
        font-size: 12px;
    }
    .talkbubble {
        margin-left: 28%;
        width: 64%;
        padding: 3%;
    }
    .talkbubble:before {
        top: 30%;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
    }
}

@media(min-width:360px) {
    .bottom_dialoge .btdiatit {
        font-size: 14px;
    }
    .talkbubble {
        margin-left: 28%;
        width: 76%;
        padding: 4% 3%;
    }
    .talkbubble:before {
        top: 30%;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
    }
}

@media(min-width:375px) {
    .bottom_dialoge .btdiatit {
        font-size: 16px;
    }
    .talkbubble {
        margin-left: 28%;
        width: 76%;
        padding: 4% 3%;
    }
    .talkbubble:before {
        top: 30%;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
    }
}

@media(min-width:414px) {
    .bottom_dialoge .btdiatit {
        font-size: 16px;
    }
    .talkbubble {
        margin-left: 28%;
        width: 76%;
        padding: 3%;
        font-size: 16px;
    }
    .bigtiwenbox2{font-size: 16px;}
    .bottom_dialoge2 .bigtiwenbox2 .btn{font-size: 16px;}
    .talkbubble:before {
        top: 30%;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
    }
    .bigtibt {
        width: 30%;
        background: #605ca8;
        border-radius: 10px;
        border: 0px;
        height: 70px;
        overflow: hidden;
        display: block;
        float: right;
        color: #fff;
        font-size: 16px;
        font-family: "Microsoft YaHei" ! important;
    }
}

@media(min-width:768px) {
    .bottom_dialoge .btdiatit {
        font-size: 22px;
    }
    .bottom_dialoge .btdiatit span {
        width: 24%;
    }
    .bottom_dialoge .btdiatit span img {
        width: 28%;
        float: left;
        padding: 10% 3% 0 0;
    }
    .timebox {
        font-size: 22px;
    }
    .talkbubble {
        margin-left: 28%;
        width: 76%;
        padding: 3%;
        font-size: 26px;
    }
    .bigtiwenbox2{font-size: 26px;}
    .bottom_dialoge2 .bigtiwenbox2 .btn{font-size: 26px;}
    .talkbubble:before {
        top: 30%;
        border-top: 18px solid transparent;
        border-right: 18px solid #fff;
        border-bottom: 18px solid transparent;
    }
    .bigtiit {
        width: 65%;
        height: 70px;
        border: 0;
        display: block;
        float: left;
        padding: 2%;
        font-size: 16px;
        font-family: "Microsoft YaHei" ! important
    }
}

#common_bottom_dialoge {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2147483646;
    display: none;
}

#common_bottom_dialoge .bottom_dialoge2 {
    width: 100%;
    max-width: 750px;
    margin: 0 auto !important;
    padding-bottom: 0;
    border-radius: 0;
    display: block !important;
}

.bottom_dialoge2 .tiwenbox {
    margin: 2% 5% 0 5%;
}

.bottom_dialoge2 .tiwenbox img {
    width: 13%;
}

.bottom_dialoge2 .btdiatit {
    text-align: center;
    position: relative;
    line-height: 200%;
}

.bottom_dialoge2 .btdiatit .close_bottom_dialoge {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    border-radius: 22px;
    border: #fff solid 1px;
    cursor: pointer;
    right: 8px;
    top: 50%;
    margin-top: -12px;
    font-weight: normal;
}

.bottom_dialoge2 .talkbubble {

    margin-left: 20%;
    padding: 2% 3%;
    color: #3c3c3c;
    line-height: 1.2em;
    text-align: left;
}

.bottom_dialoge2 .talkbubble span {
    color: #f00;
}

.bottom_dialoge2 .bigtiwenbox {
    height: 32px;
}

.bottom_dialoge2 .bigtiit {
    height: 32px;
}

.bottom_dialoge2 .bigtibt {
    height: 32px;
    border-radius: 5px;
}

.bottom_dialoge2 .bigtiwenbox2 {
    width: 90%;
    margin: 2% 5% 2% 5%;
}


/* .bottom_dialoge2 .btnbox {
    width: 100%;
    margin: 5% auto 3%;
    float: left;
    overflow: hidden;
}

.bottom_dialoge2 .btnbox .btn1 {
    float: left;
    width: 40%;
    height: 2em;
    font-size: 16px;
    color: #6c6761;
    line-height: 2em;
    margin: 0 5%;
    border: 1px solid #a6a5a1;
    box-sizing: border-box;
    border-radius: 2em;
    background-color: #fefefe;
    text-align: center;
}

.bottom_dialoge2 .btnbox .btn2 {
    float: left;
    width: 40%;
    height: 2em;
    font-size: 16px;
    color: #ffffff;
    line-height: 2em;
    margin: 0 5%;
    border: 1px solid #605ca8;
    box-sizing: border-box;
    border-radius: 2em;
    background-color: #605ca8;
    text-align: center;
} */


/*底部对话框css end*/