main{overflow-y:scroll;}
.searchContent {
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
}

    .searchContent .searchInput {
        background-color: #fff;
        color: #999999;
        padding: 0 5px;
        border-radius: 3px;
        border: 1px solid #cccccc;
    }

        .searchContent .searchInput i {
            font-size: 1.2em;
        }

        .searchContent .searchInput input {
            border:none;
            outline: none;
            background-color: #fff; /* padding: 7px 8px; */
            font-size: 1.1em;
            width: 87%;
            height: 30px;
        }

.searchBtn-Content {
    width: 106px;
    padding: 0;
}

.searchBtn {
    background-color: #7cb5ec;
    color: #fff;
    border-radius: 3px;
    padding: 6px 0px;
    border: none;
    width: 50px;
}

.searchContent .scanIcon {
    width: 100%;
}



.salesContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;    
    padding-left:20px;
   
}
.salesContent .sales_hd {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}
    .salesContent .sales_hd img {
        width: 100%;
        /* max-height: 100%; */
        vertical-align: top;
    }

    .salesContent .sales_bd{
        flex:0.5;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
        padding:0 15px;
    }
    .salesContent .sales_bd h5{
        padding-bottom:5px;
    }
        .salesContent .sales_bd p {
            padding-top: 2px;
        }

    .salesContent .sales_ft{flex:0.6;}
    .salesContent .sales_ft li {
        width: 50%;
        float: left;
        white-space:nowrap;
        padding:2px;
        line-height:22px;
    }
    .salesContent .sales_ft li label{
        width:16px;
        text-align:center;
    }
        .salesContent .sales_ft li img{height:15px;}
        .customerList{margin-bottom:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}       
         .customerList:first-of-type{border-top:none;}
.customerList li{padding:10px 15px;font-size:1.1em;line-height: 17px;white-space: nowrap;position:relative;color: #333; border-bottom: 1px solid #ccc;} 
.customerList li:nth-of-type(4){/* border-bottom:none; */}
.customerList li:last-of-type{border-bottom:none;}
.customerList li label{float:left;margin-right: 3px;margin-bottom:0;width: 15px;text-align: center;}
.customerList li img {
    height: 15px;
    float: left;
}
.customerList li a{text-decoration:underline!important;}

.moreBtn{border:1px solid #7cb5ec;color:#7cb5ec;background-color:#fff;padding:5px 10px;border-radius:15px;}
.statusIcon{width: 20px;height: 20px;color:#fff;border-radius:50%;line-height: 20px;text-align:center;position: absolute;right:0px;top:8px;}
@media screen and (max-width:340px) {
    .statusIcon {
        right: -10px;
    }
}

.statusActive{background-color:#42b05c;}
.statusDefult {
    background-color: #ea462e;
}
.statusStock {
    background-color: #ffa500;
}

.statusTest {
    background-color: #37bee8;
}
.statusSilent {
    background-color: #337ab7;
}

.list-a {
    background-image: url(../img/right-icon.png);
    background-position: 99% center;
    background-repeat: no-repeat;
    background-size: 10px 15px;
}
.noShow{
    display:none;
}
.list-a.active {
    background-image: url(../img/downarrow-icon.png);
    background-size: 15px 10px;
}


.bind-banner .salesPeo {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin:0 auto;
}
    .bind-banner .salesPeo img {
        width: 100%;
        /* max-height: 100%; */
        vertical-align: top;
    }


    /*°σΆ¨*/
.bind-banner{padding-top: 20px;background-image: url("../img/banner.jpg");background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}

.bind-banner p{padding-top: 30px;}
.bind-banner p img{width: 110px;}
.bind-content dl{border: 1px solid #999999;padding: 5px 0 2px;margin-bottom: 15px;border-radius: 4px;}
.bind-content dl dt{padding: 0;text-align: center;}
.bind-content dl dt img{width: 36px;}
.bind-content dl dd{height: 37px;}
.bind-content dl dd input{height: 100%;border: none;outline: none}

.bind-content label{width: 5em;float: left;}
.codeImg{position: absolute;right: 0;width: 100px;height: 100%;top: 0;}
.codeBtn{position: absolute;top: 0;right: 0;border-left: 1px solid #999;height: 100%;background-color: rgba(255,255,255,0);outline: none;border-bottom: none;border-top: none;border-right: none;padding: 0 5px;}
.terminal-tab{border: 1px solid #7cb5ec;text-align: center;border-radius: 4px;overflow: hidden;font-size: 1.1em;}
.terminal-tab li a{padding: 5px 0;border-right: 1px solid #7cb5ec;color: #7cb5ec; }
.terminal-tab li:last-of-type a{border-right: 0;}
.terminal-tab li a.active{background-color: #7cb5ec;color: #fff;}

.terminal-list-table{width: 100%;text-align: center;}
.terminal-list-table td{border: 1px solid #dddddd;padding: 8px 0;white-space: nowrap;font-size: 1.4rem;}
.terminal-list-table tr td:first-of-type{border-left: none;}
.terminal-list-table tr td:last-of-type{border-right: none;}
@media screen and (max-width: 330px){
    .terminal-list-table td{
        font-size: 1.3rem;
    }
}
.applyBtn{display: inline-block;background-color: #7cb5ec;color: #fff;border-radius: 20px;width: 80%;text-align: center;padding: 7px 0;font-size: 1.2em;}