/* Ask Star */
#ask { padding: 0; margin: 0;}
    .ask { margin: 0 10%; background-color: #FFF; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.08); -moz-box-shadow: 0 0 25px rgba(0,0,0,.08); box-shadow: 0 0 25px rgba(0,0,0,.08); behavior: url(ie-css3.htc); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
    .ask .titles { height: 70px; line-height: 70px; text-align: center; font-size: 18px; -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 20px rgba(0,0,0,.1); box-shadow: 0 2px 20px rgba(0,0,0,.1); behavior: url(ie-css3.htc);}
    .ask .titles i { margin: 0 10px 0 0; color: #1a73e8; display: inline-block;}


    .ask .messages { height: 480px; overflow-y: auto; padding: 0 50px; }
    .ask .messages .items { position: relative; z-index: 1; margin-top: 30px; overflow: hidden; }
    .ask .messages .items:last-child { margin-bottom: 50px; }
    .ask .messages .items .photos { position: absolute; top: 0; display: block; width: 60px; height: 60px; border-radius: 50%; }
    .ask .messages .items .boxs {position: relative;border-radius: 10px;padding: 12px 30px;line-height: 30px;font-size: 16px;display: inline-block;}
    .ask .messages .items .boxs:before { content: ''; position: absolute; top: 0; z-index: -1; border-width: 8px; border-style: solid; }
    .ask .messages .items.lefts { padding: 10px 175px 0 85px; }
    .ask .messages .items.lefts .photos { left: 0; }
    .ask .messages .items.lefts .boxs { background-color: #fff; border-top-left-radius: 0; }
    .ask .messages .items.lefts .boxs:before {left: -15px;border-color: #fff #fff transparent transparent;}
    .ask .messages .items.rights { padding: 10px 85px 0 175px; text-align: right; }
    .ask .messages .items.rights .photos { right: 0; }
    .ask .messages .items.rights .boxs { background-color: #01af63; border-top-right-radius: 0; color: #fff; text-align: left; }
    .ask .messages .items.rights .boxs:before { right: -15px; border-color: #01af63 transparent transparent #01af63; }
    .ask .messages .items .f14 { font-size: 14px; }
    .ask .messages .items .f22 { font-size: 22px; }

    .ask .messages .items.lefts .boxs { background-color: #f8f8f8; }
    .ask .messages .items.lefts .boxs:before { border-color: #f8f8f8 #f8f8f8 transparent transparent; }
    .ask .messages .items.lefts .boxs b { font-weight: 700;}

    .ask .bottoms { width: 100%; background-color: #FFF; border-top: solid 1px #EEE; padding: 15px 30px; box-shadow: 0 -2px 20px rgba(0,0,0,.1);}
    .ask .bottoms .inputs { line-height: 28px; font-size: 16px;}
    .ask .bottoms .inputs textarea { display: block; width: 100%;  height: 56px;  line-height: 28px; font-size: 16px; outline: none; border: none; background: none; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

    .ask .bottoms .inputs textarea::-moz-placeholder { color: #ccc; opacity: 1;}
    .ask .bottoms .inputs textarea:-ms-input-placeholder { color: #ccc;}
    .ask .bottoms .inputs textarea::-webkit-input-placeholder { color: #ccc;}

    .ask .bottoms .buttons { text-align: left;}
    .ask .bottoms .buttons .ask-num { float: left; margin: 10px 0 0 0; color: #bbb;}
	.ask .bottoms .buttons .support { display:none;}
	.ask .bottoms .buttons .button { float:right}

    .ask .bottoms .buttons .button button.send { outline: 0; border: none; background-color: #1a73e8; color: #FFF; overflow: hidden; font-weight: 500; font-size: 15px; line-height: 1; display: block; position: relative; letter-spacing: 10px; padding: 10px 0; width: 100px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    .ask .bottoms .buttons .button button.send:before {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);-webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite;z-index: 1;}
/* Ask End */



@media screen and (max-width: 1920px){

}


@media screen and (max-width: 1500px){

}

@media screen and (max-width: 1366px){


}

@media screen and (max-width: 1200px){


}

@media screen and (max-width: 991px){


}


@media screen and (max-width: 767px){
    /* Ask Star */
    #ask { padding: 0 0 30px 0; margin: 0 0 50px 0;}
        #ask .container { padding-left: 0; padding-right: 0;}
        .ask { margin: 0 0; background-color: #FFF; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.08); -moz-box-shadow: 0 0 25px rgba(0,0,0,.08); box-shadow: 0 0 25px rgba(0,0,0,.08); behavior: url(ie-css3.htc); -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
        .ask .titles { display: none;}

        .ask .messages { height: calc(100vh - 152px); display: block; overflow-y: auto; padding: 0 15px;}

        .ask .messages ::-webkit-scrollbar{width: 6px;height: 6px;background-color: #F5F5F5;}
        .ask .messages ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #F5F5F5;}
        .ask .messages ::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);background-color: #c1c1c1;-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
        .ask .messages ::-webkit-scrollbar-thumb:hover { background-color: #a8a8a8;}

        .ask .messages .items { position: relative; z-index: 1; margin-top: 15px; overflow: hidden; }
        .ask .messages .items:last-child { margin-bottom: 50px; }
        .ask .messages .items .photos { position: absolute; top: 0; display: block; width: 40px; height: 40px; border-radius: 50%; }
        .ask .messages .items .boxs {position: relative;border-radius: 10px;padding: 10px 15px;line-height: 30px;font-size: 14px;display: inline-block;}
        .ask .messages .items .boxs:before { content: ''; position: absolute; top: 0; z-index: -1; border-width: 8px; border-style: solid; }
        .ask .messages .items.lefts { padding: 10px 0 0 65px; }
        .ask .messages .items.lefts .photos { left: 0; }
        .ask .messages .items.lefts .boxs { background-color: #fff; border-top-left-radius: 0; }
        .ask .messages .items.lefts .boxs:before {left: -15px;border-color: #fff #fff transparent transparent;}
        .ask .messages .items.rights { padding: 10px 65px 0 10px; text-align: right; }
        .ask .messages .items.rights .photos { right: 0; }
        .ask .messages .items.rights .boxs { background-color: #01af63; border-top-right-radius: 0; color: #fff; text-align: left; }
        .ask .messages .items.rights .boxs:before { right: -15px; border-color: #01af63 transparent transparent #01af63; }
        .ask .messages .items .f14 { font-size: 14px; }
        .ask .messages .items .f22 { font-size: 22px; }

        .ask .messages .items.lefts .boxs { background-color: #f8f8f8; }
        .ask .messages .items.lefts .boxs:before { border-color: #f8f8f8 #f8f8f8 transparent transparent; }

        .ask .bottoms { position: fixed; left: 0; bottom: 0; z-index: 1000; width: 100%; background-color: #FFF; border-top: solid 1px #EEE; padding: 10px 10px; box-shadow: 0 -2px 20px rgba(0,0,0,.1);}
        .ask .bottoms .inputs { line-height: 28px; font-size: 16px;}
        .ask .bottoms .inputs textarea { display: block; width: 100%;  height: 44px;  line-height: 22px; font-size: 16px; outline: none; border: none; background: none; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

        .ask .bottoms .inputs textarea::-moz-placeholder { color: #ccc; opacity: 1;}
        .ask .bottoms .inputs textarea:-ms-input-placeholder { color: #ccc;}
        .ask .bottoms .inputs textarea::-webkit-input-placeholder { color: #ccc;}

        .ask .bottoms .buttons { text-align: left;}
        .ask .bottoms .buttons .ask-num { float: left; width:22%; margin: 0 0 0 0; color: #bebebe;}
		.ask .bottoms .buttons .support { float:left; width:56%; display:inline-block; text-align:center; color:#bebebe;}
		.ask .bottoms .buttons .button { float:right; width:22%; text-align:right;}
        .ask .bottoms .buttons .button button.send { padding: 5px 0; width: 60px;}
    /* Ask End */
}


@media screen and (max-width: 450px){


}