﻿.extension .ext-container .main-article {height: calc(100vh - 60px - 74px);}
.section-separete {width: 100%;height: 30px;background: #f6f7f9;border-bottom: 1px solid #efefef;border-top: 1px solid #efefef;font-size: 12px;color: #4e5665;float: left;display: flex;align-items: flex-end;justify-content:flex-end;padding-bottom: 3px;padding-right: 20px;box-sizing: border-box;letter-spacing: 1px;}
.extension .ext-container .queryConatiner {width: calc(100% - 10px);margin: 5px;float: left;}
.extension .ext-container .queryConatiner .queryBox {display: flex;align-items: center;width: 100%;}
.extension .ext-container .queryConatiner .queryBox .inputBox {display: flex;align-items: center;width: 100%;height: 40px;color: #3b5998;}
.extension .ext-container .queryConatiner .queryBox .inputBox .titleText {display: flex;width: 65px;height: 100%;position: relative;padding-right: 5px;}
.extension .ext-container .queryConatiner .queryBox .inputBox .titleText .fa-phone {top: 0px;left:0px;}
.extension .ext-container .queryConatiner .queryBox .inputBox .titleText .fa-user {top: 15px;right: 1px;}
.extension .ext-container .queryConatiner .queryBox .inputBox .titleText .fa-phone, .extension .ext-container .queryConatiner .queryBox .inputBox .titleText .fa-user {width: 20px;height: 25px;font-size: 20px;display: flex;justify-content: center;align-items: center;position: relative;}
.extension .ext-container .queryConatiner .queryBox .inputBox .titleText .separate {width: 15px;height: 30px;font-size: 26px;font-weight: bolder;display: flex;justify-content: center;align-items: center;position: relative;top: 5px;}
.extension .ext-container .queryConatiner .queryBox .inputBox .inputContainer {float: left;padding: 0px;display: flex;align-items: center;justify-content: center;width: calc(100% - 70px - 70px);height: 100%;}
.extension .ext-container .queryConatiner .queryBox .inputBox .inputContainer:hover {box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);}
.extension .ext-container .queryConatiner .queryBox .inputBox .inputContainer .txtInput {
    width: 100%;
    height: 100%;
    font-size: 15px;
    margin: 0px;
    padding: 0px 10px;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.extension .ext-container .queryConatiner .queryBox .inputBox .fa-search {
    width: 70px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}
@media screen and (max-width:605px) {
    .queryConatiner .queryBox {flex-direction: column;}
}