*{font-family: Arial, Helvetica, sans-serif;font-weight: 300;}
main{overflow-y:scroll;}
.searchContent {
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    display: flex;
    display: -webkit-flex;
}

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

        .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;
    line-height: 45px;
}
    .bind-banner .salesPeo img {
        vertical-align: center;
        max-width: 45px;
        max-height: 45px;
    }


    /*��*/
.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;}
.salesUser-list {
    padding:10px 15px 10px 28px;
}
.operator-title img {
    position: absolute;
    height: 24px;
    left:0;
}
.dc-flex{
    display:flex;
    display:-webkit-flex;
}
.dc-ju-space{justify-content: space-between;}
.dc-ju-center{justify-content: center;}
.dc-align-center{
    align-items: center;
}
.dc-align-bottom{
    align-items: baseline;
}
.headImg{width: 45px;height: 45px;border-radius: 50%;}
.dc-flex-1{flex: 1;}
.dc-flex-2{flex: 2;}
.dc-flex-3{flex: 3;}
.dc-pd-10{padding: 10px;}
.page-header-company{padding: 5px;}
.page-header-company h5{line-height: 25px;max-width: 120px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.page-header-company h6{line-height: 25px;max-width: 120px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dc-header-nav{text-align: center;}
.dc-header-nav li{padding: 0 2px;}
.dc-header-nav li i{color: #7bb5ed;}
.dc-header-nav h5{font-size: 1.18rem;padding: 5px 0;}
.dc-menu{background-color: #fff;justify-content: space-between;padding: 0 17px;}
.dc-menu-item{display: flex;align-items: center;padding: 8px 0;align-content: center;color: #333;}
.dc-menu-item.dc-menu-item-active{border-bottom: 2px solid #4ba7ff;}
.dc-menu-item .iconfont{font-size: 1.55rem;margin-right: 5px;}
.dc-menu-item-common .iconfont{color: #bdbdbd}
.dc-menu-item-key .iconfont{color: #ffae00}
.dc-menu-item-agent .iconfont{color: #4ba7ff}
.common-customer{color: #bdbdbd}
.key-customer{color: #ffae00}
.agent-customer{color: #4ba7ff}

.dc-search-content{padding: 10px 15px;background-color: #f3f3f3}
.dc-search-inner{border: 1px solid #d7d7d7;border-radius: 20px;overflow: hidden;margin-right: 5px;}
.dc-search-inner input{border: none;outline: none;padding: 0 10px;background-color:#f3f3f3;flex:2;width: 100px;flex: 1}
.dc-search-inner button{width: 50px;border-radius: 20px;outline: none;background-color: #7fb4e7;color:#fff;border: none;}
.dc-search-inner button i{font-size: 2.2rem;}
.dc-company-list{background-color: #fff;border-radius: 8px;margin: 8px;padding: 8px;}
.dc-company-list dt{border-bottom: 1px solid #e8e8e8;padding: 8px 0;justify-content: space-between;}
.dc-company-list dt .fa{margin-right: 8px;font-size: 2.00rem;color: #bdbdbd;}
.dc-company-list dt .dc-company-name{color: #2c7fca;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 8px;}
.dc-company-list dt .dc-company-name font{display: inline-block;overflow-x: hidden;text-overflow: ellipsis;}
.dc-company-list dt .dc-company-name .iconfont{margin-right: 5px;}
.dc-company-list dt .dc-company-time{color: #9d9d9d;font-weight: 100;font-size: 1.25rem;}
.dc-company-data{color: #2c2c2c;padding: 8px 0;}
.dc-company-data a{color: #2c2c2c;white-space: nowrap;}
.dc-company-data .iconfont{font-size: 2rem;margin-right: 6px;color: #77b6f1;}
.dc-footer{padding: 10px 0;border-top: 1px solid #f7f7f7;background-color: #fff;}
.dc-footer .dc-footer-item{border-right: 1px solid #d4d4d4;color:#828282}
.dc-footer .dc-footer-item.active{color: #77b6f1;}
.dc-footer .dc-footer-item:last-of-type{border-right: 0;}
.dc-footer .dc-footer-item i{font-size: 2.2rem;}
.dc-event{background-color: #fff;border-radius: 8px;padding: 10px 15px 15px;margin:8px 15px 15px;}
.dc-event li{padding-top: 10px;border-bottom: 1px solid #e8e8e8;align-items: baseline;} 

.dc-event li:last-of-type{border-bottom: none;}
.dc-event li i{margin-right: 5px;color: #337ab7;font-size: 1.8rem;}
.dc-event li span{margin-right: 5px;}
.dc-event li a{color: #f59600;}
.dc-btn{background-color: #7bb5ed;color: #fff;display: inline-block;width: 70%;height: 35px;line-height: 35px;font-size: 1.15rem;border-radius: 6px;text-align: center;letter-spacing: 0.15rem;}
.dc-event-title{color: #6a9dd5;}

.dc-visits{background-color: #fff;border-radius: 8px;padding: 10px 15px 15px;margin:8px 15px 15px;}
.dc-visits li{padding-top: 10px;border-bottom: 1px solid #e8e8e8;padding-bottom: 6px;} 

.dc-visits li:last-of-type{border-bottom: none;}
.dc-visits li i{margin-right: 5px;color: #337ab7;font-size: 1.8rem;}
.dc-visits li span{margin-right: 5px;}
.dc-visits li a{color: #f59600;}
.dc-btn{background-color: #7bb5ed;color: #fff;display: inline-block;width: 70%;height: 35px;line-height: 35px;font-size: 1.15rem;border-radius: 6px;text-align: center;letter-spacing: 0.15rem;}
.dc-visits-title{color: #6a9dd5;}
.dc-visits li article{border: 1px solid #e9e9e9;border-radius: 6px;padding: 6px;line-height: 20px;}

/* 绘制五角星 */
.star-five {
    margin: 0 -88px;
    position: relative;
    display: block;
    color: #ffd200;
    width: 0;
    height: 0;
    border-right:  100px solid transparent;
    border-bottom: 70px  solid #ffd200;
    border-left:   100px solid transparent;
    /*-moz-transform:    rotate(35deg);*/
    /*-webkit-transform: rotate(35deg);*/
    /*-ms-transform:     rotate(35deg);*/
    /*-o-transform:      rotate(35deg);*/
    transform: rotate(35deg);
    transform: scale(0.1) rotate(35deg);
}
.star-five:before {
    border-bottom: 80px solid #ffd200;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    height: 0;
    width: 0;
    top: -45px;
    left: -65px;
    display: block;
/*下面这条代码是必须的，表示在#star-five盒子之前插入一个非空的盒子*/
    content: '';
    -webkit-transform: rotate(-35deg);
    -moz-transform:    rotate(-35deg);
    -ms-transform:     rotate(-35deg);
    -o-transform:      rotate(-35deg);

    

}
.star-five:after {
    position: absolute;
    display: block;
    color: #ffd200;
    top: 3px;
    left: -105px;
    width: 0;
    height: 0;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #ffd200;
    border-left: 100px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform:    rotate(-70deg);
    -ms-transform:     rotate(-70deg);
    -o-transform:      rotate(-70deg);
    content: '';
}
.dc-content{background-color: #fff;border-radius: 8px;margin: 8px;padding: 8px 15px;}
.customerInfo-list{padding: 10px 0;border-bottom: 1px solid #e8e8e8;align-items: center;position: relative;}
.customerInfo-list:last-of-type{border-bottom: none;}
.customerInfo-list i{
    color: #a0a0a0;
    margin-right: 5px;
}
.customerInfo-list input,.customerInfo-list select{background-color: #f6f7f9;border: none;outline: none;padding: 5px 10px;}
.dc-list-impor{background-color: #f6f7f9;border: none;outline: none;padding: 5px 10px;border-radius: 6px;}
.customerInfo-list select{appearance: menulist-button;-moz-appearance: menulist-button;-webkit-appearance: menulist-button;}
.customerInfo-list select option{background-color: #fff;}
.customerInfo-list textarea{border: 1px solid #e9e9e9;outline: none;padding: 5px 10px;}
/* .customerInfo-list select{width: 120px;} */
.customerInfo-list font{height: 10px;color: #ff3131;position: absolute;right: -10px;}
.dc-btn-sm{background-color: #7bb5ed;color: #fff;display: inline-block;height: 35px;line-height: 35px;min-width: 65px;font-size: 1.15rem;border-radius: 6px;text-align: center;letter-spacing: 0.15rem;border: none;outline: none;}
.customerInfo-list textarea{border-radius: 6px;}
.dc-fixed{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 100;left: 0;bottom: 0;}
/* .dc-modal{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 100;left: 0;bottom: 0;} */
.dc-modal{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 100;left: 0;bottom: 0;display: flex;display: -webkit-flex;justify-content: center;align-items: center}
.dc-modal-fade{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;}
.dc-modal-content{background-color: #fff;border-radius: 6px;z-index: 1000;position: relative;width: 92%;min-height: 200px;display: inline-block;padding: 26px 12px 12px 12px;max-height: 95%;overflow-y: hidden;}
.dc-modal-btn-close{background-color: #7bb5ed;color: #fff;border-radius: 50%;width: 30px;height: 30px;border: 2px solid #fff;position: absolute;right: 0px;top: 0px;}
.dc-modal-company{color: #2c7fca;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px}
.dc-modal-list{color: #555;border-bottom: 1px solid #e8e8e8;padding: 8px 0;}
.dc-modal-list:last-of-type{border-bottom: none;}
.dc-modal-list .dc-modal-list-title{font-weight: 100;white-space: nowrap;}
.dc-modal-list .dc-modal-list-title i{margin-right: 5px;font-size: 1.8rem;}
.dc-modal-list .dc-modal-list-txt h5{font-size: 1em;line-height: 20px;font-weight: 100;color: #555;}
.start-content i{color: #ffd200;}
.section_textarea{padding: 8px;border-radius: 8px;border: 1px solid #e9e9e9;outline: none;}
.section_textarea p img{max-width: 100%;height: auto!important;}
.section_input,.section_select{background-color: #f6f7f9;border: none;outline: none;padding: 5px 10px;}
.section_select{appearance: menulist-button;-moz-appearance: menulist-button;-webkit-appearance: menulist-button;}
.section_select option{background-color: #fff;}
.section_input_add{width: 60px;background-color: #7bb5ed;color: #fff;border: none;border-radius: 6px;margin-left: 5px;outline: none;text-align: center;}
select.section_input_add{appearance: menulist-button;-moz-appearance: menulist-button;-webkit-appearance: menulist-button;padding-left: 7px;padding-right: 0;}
button.section_input_add i{margin-left: 5px;}
.section_input_add option{text-align: center;width: 60px;background-color: #fff;color: #000}

/* 下拉搜索 */
.fdad a {
    color: #000;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fdad {
    top: 66px;
}

.xgcj li {
    font-size: 14px;
    line-height: 20px;
    list-style-type: none;
    transition: all 1s ease 0s;
    border-radius: 5px;
}

    .xgcj li:hover {
        background-color: #e4e4e4;
    }

.xgcj {
    background-color: rgba(255,255,255,.3);
    overflow-x: hidden;
}

    .xgcj ul {
        padding: 10px
    }

    .xgcj h3 {
        line-height: 30px;
    }

    .xgcj p {
        padding-left: 20px;
        font-size: 13px;
        display: none;
    }

    .xgcj span {
        font-family: "宋体";
    }

    .xgcj li:hover p {
        display: block;
    }
    .matterDispose{
        padding-top: 8px;
        border-top: 1px solid #e8e8e8;
    }
.matterDispose .dc-peo-space{
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 5px;
}
.dc-nav-number{
    color: #84baee;
}