@charset "UTF-8";.contacts-context,.contacts-import .col,.contacts-select-box .search input{font-family:"Microsoft YaHei","微软雅黑"}.contacts-btn-1,.yellow-bg-btn{outline:0;vertical-align:middle;cursor:pointer}.ml-1{margin-left:16px}.pointer{cursor:pointer}.contacts-intention-bar{position:absolute;bottom:0;left:0;width:100%;height:60px;background-color:#F7F7F7}.crumbs{width:300px;height:32px;line-height:32px;padding:10px;background-color:#FAFAFA}.contacts-group-header{width:100%;margin:0;background-color:#F5F5F5}.contacts-group-header input,.contacts-group-header label{width:200px;height:30px;line-height:30px;margin:20px 0 20px 30px;font-size:12px}.contacts-group-body{width:100%;height:90%;margin:0;overflow-y:auto}.contacts-select-box{padding:5px;margin:30px;float:left}.contacts-select-box .search{position:relative;height:32px}.contacts-select-box .search input{width:100%;height:32px;line-height:32px;padding-left:16px;margin:2px;border:none;border-bottom:thin solid #f0f0f0;font-size:12px}.contacts-select-box .search img{position:absolute;right:5px;top:5px}.contacts-select-arrows{height:410px;width:40px;float:left;position:relative}.contacts-select-arrows span{display:inline-block;width:40px;height:30px;position:relative;top:250px;background:url(../img/icon.30c1f6f9.png) -290px 0 no-repeat}.contacts-preview-box{padding:5px;margin:30px;float:left}.contacts-panel-1,.contacts-preview-panel{margin:-1px;overflow-y:auto;overflow-x:hidden}.contacts-preview-box .delete{float:right;cursor:pointer;color:#546775}.contacts-panel-1{width:320px;height:380px;padding:0;border:1px solid #f0f0f0;background-color:#fefefe}.contacts-preview-panel{width:305px;height:350px;padding:15px 0 15px 15px;border:thin solid #f0f0f0;background-color:#FFF}.contacts-preview-panel li{list-style-type:none;margin:5px;padding:5px 20px 5px 5px;height:26px;line-height:26px}.contacts-preview-panel li:hover{border-radius:5px;background-color:#dedede}.contacts-group-panel .group-item .contact-search:hover,.contacts-group-panel li:hover{background-color:#EFE8E8}.contacts-preview-panel img{margin:0;padding:5px 0;width:16px;height:16px}.contacts-preview-panel .list-item-1{border-bottom:thin solid #f0f0f0}.contacts-group-panel{width:304px;height:338px;padding:5px 0 5px 16px;overflow-y:auto;overflow-x:hidden}.contacts-group-panel li{list-style-type:none;margin:5px 15px;padding-left:15px;width:88%;height:26px;line-height:26px}.contacts-group-panel li span:first-child{display:inline-block;width:85%}.contacts-group-panel .group-item{width:260px;margin:10px}.contacts-group-panel .group-item span span:first-child{display:inline-block;width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-group-panel .group-item-search{width:260px;margin:10px}.contacts-group-panel .group-item-search li{margin:5px 15px 5px 0;padding-left:0}.contacts-new-contact{width:100%;height:90%;overflow-y:auto}.contacts-new-contact .basic-info{width:100%;min-width:800px}.contacts-new-contact .detail-info{width:100%;min-width:800px;height:300px}.contacts-new-contact .box{margin:20px 20px 0;float:left;width:320px}.contacts-new-contact .box-hor{float:left;margin:-20px 15px 20px;width:800px}.contacts-new-contact .box-hor label{margin-left:5px;margin-right:7px}.contacts-new-contact .box-hor .outerSelect{display:inline-block;width:65px;position:relative;margin-left:10px;top:10px}.contacts-new-contact .box-hor .outerSelect .select{width:100%}.contacts-new-contact .box-hor .outerSelect .select span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-new-contact .contacts-col{width:360px;height:50px}.contacts-new-contact textarea{float:right;width:200px;height:120px;margin:0 15px;border-radius:4px;padding:4px 12px;overflow-y:visible;text-decoration:none;text-indent:0;line-height:20px}.contacts-new-contact label{display:inline-block;width:60px;height:28px;text-align:right}.contacts-new-contact input{display:inline-block;position:relative;margin:0 15px;overflow:hidden;text-decoration:none;text-indent:0;line-height:30px;height:30px;width:200px}.contacts-new-contact span.focus{display:inline-block;height:35px;line-height:35px;color:red;font-size:14px;position:relative;left:-5px}.contacts-import{height:100%;overflow-y:auto}.contacts-import .head{margin:25px 20px 30px 15px;font-size:14px;font-weight:700;background:#f7f7f7;height:40px;line-height:40px;padding-left:15px}.contacts-import .body{margin-left:40px}.contacts-import .col{width:600px;padding:2px 0;margin-top:25px}.contacts-import .col .clickspan{display:inline-block}.contacts-import .col .clickspan span.top{position:relative;top:2px}.contacts-import .col span.radio{margin-right:0}.contacts-import .col span.yes{margin-right:40px}.contacts-import .col span.minute{margin-right:21px}.contacts-import .col span.replytitle{margin-right:28px}.contacts-import .col span.autospan,.contacts-import .col span.edit{margin-right:20px}.contacts-import .col span.num{margin-right:38px}.contacts-import .col span.action{margin-right:20px}.contacts-import .col .h-title:first-child{display:inline-block;width:115px;margin-right:15px;vertical-align:middle;text-align:right}.contacts-import .col .radio{display:inline-block;vertical-align:middle}.contacts-import input[type=text],.contacts-import input[type=password],.contacts-import input[type=email]{display:inline-block;position:relative;margin:0 15px;overflow:hidden;text-decoration:none;text-indent:0;line-height:30px;height:30px;width:200px}.contacts-context,.contacts-left-nav{position:absolute;top:0;left:0;bottom:0}.contacts-import input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;border:1px solid #CCC!important}.contacts-context{right:0;overflow:hidden;background-color:#fff}.contacts-context ul{list-style-type:none}.contacts-left-nav{width:245px;border-right:thin solid #E1E1E1;background-color:#FAFAFA}.contacts-left-nav .contacts-title{margin:26px 0 15px 26px;font-size:14px;font-weight:700}.contacts-left-nav .focus{background-color:#E6EBF0}.contacts-left-nav .selsect-contacts{margin-top:10px;padding:5px;color:#797979;cursor:pointer}.contacts-left-nav .selsect-contacts:hover{background-color:#E6EBF0;cursor:pointer}.contacts-left-nav .left-hr{height:1px;background-color:#f0f0f0;margin-top:20px;border:0 solid;position:relative;left:0;right:0}.contacts-left-nav .contacts-left-menu{margin:0;padding:15px;position:absolute}.contacts-left-nav .contacts-left-menu p{padding:5px;font-weight:700;font-size:14px}.contacts-left-nav .contacts-left-menu div{margin-top:15px;padding:5px;cursor:pointer}.contacts-left-nav .contacts-left-menu div:hover{background-color:#E6EBF0}.contacts-left-nav .contacts-left-group{position:absolute;top:57px;left:15px;right:15px;bottom:0;margin:0;padding:0 15px;border:1px solid #E1E1E1;border-bottom:0;background-color:#FFF;overflow:hidden}.contacts-left-nav .contacts-left-group .mCSB_container{margin-right:0}.contacts-left-nav .contacts-left-group .item,.contacts-left-nav .contacts-left-group .title{margin:0;padding:0 5px;height:26px;line-height:26px;overflow:hidden}.contacts-left-nav .contacts-left-group .title{margin-top:15px}.contacts-left-nav .contacts-left-group .item{margin-top:5px;padding-right:20px}.contacts-left-nav .contacts-left-group .item:hover{background-color:#E6EBF0;cursor:pointer}.contacts-left-nav .contacts-left-group img{float:right;padding:2px;width:16px;height:16px;vertical-align:middle}.contacts-content{position:absolute;top:0;left:245px;bottom:0;right:0;overflow-x:hidden;overflow-y:auto}.contacts-content .right-menu{position:absolute;top:0;left:0;margin:0;padding:0;height:46px;line-height:46px;overflow:hidden;white-space:nowrap}.contacts-content .right-menu>div{display:inline-block;cursor:pointer}.contacts-content .right-menu>div>a,.contacts-content .right-menu>div>a:hover{text-decoration:none;color:#000}.contacts-content .right-menu>div .group-icon{display:inline-block;width:15px;height:20px;position:relative;background:url(../img/icon.30c1f6f9.png) -421px -150px no-repeat}.contacts-content .right-menu>span{display:inline-block;padding:0 12px}.contacts-content .right-menu .gray{background-color:#D6D6D6}.contacts-content .right-menu .yellow{background-color:#ffc400}.contacts-content .content-panel{position:absolute;top:46px;left:1px;right:0;bottom:0;margin:0;padding:0}.contacts-content .content-panel .list-content{position:absolute;top:36px;left:0;right:0;bottom:0;margin:0;padding:0;overflow:hidden}.contacts-content .content-panel .list-item,.contacts-content .content-panel .list-title{margin:0;padding:0 10px;line-height:26px;border-bottom:thin solid #f0f0f0;white-space:nowrap}.contacts-content .content-panel .list-title{position:absolute;top:0;left:0;right:0;height:36px;background-color:#f7f7f7}.contacts-content .content-panel .list-title .list-name{width:20px;height:20px;display:inline-block;position:relative;top:3px}.contacts-content .content-panel .list-title .name-desc{background:url(../img/icon.30c1f6f9.png) -437px -39px no-repeat}.contacts-content .content-panel .list-title .name-asc{background:url(../img/icon.30c1f6f9.png) -453px -39px no-repeat}.contacts-content .content-panel .list-item{height:36px}.contacts-content .content-panel .list-item>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-content .content-panel .list-item:hover{background-color:rgba(187,178,178,.13)}.contacts-content .content-panel .list-item .list-item-span{display:inline-block;width:40px;height:20px;position:relative;top:3px}.contacts-content .content-panel .list-item .silver1{background:url(../img/icon.30c1f6f9.png) -78px -275px no-repeat}.contacts-content .content-panel .list-item .silver2{background:url(../img/icon.30c1f6f9.png) -38px -275px no-repeat}.contacts-content .content-panel .list-item .silver3{background:url(../img/icon.30c1f6f9.png) 2px -275px no-repeat}.contacts-content .content-panel .list-item .golden1{background:url(../img/icon.30c1f6f9.png) -338px -242px no-repeat}.contacts-content .content-panel .list-item .golden2{background:url(../img/icon.30c1f6f9.png) -297px -243px no-repeat}.contacts-content .content-panel .list-item .golden3{background:url(../img/icon.30c1f6f9.png) -257px -243px no-repeat}.contacts-content .content-panel .list-item .diamond1{background:url(../img/icon.30c1f6f9.png) -207px -243px no-repeat}.contacts-content .content-panel .list-item .diamond2{background:url(../img/icon.30c1f6f9.png) -167px -243px no-repeat}.contacts-content .content-panel .list-item .diamond3{background:url(../img/icon.30c1f6f9.png) -125px -243px no-repeat}.contacts-content .content-panel .list-item .crown1{background:url(../img/icon.30c1f6f9.png) -78px -243px no-repeat}.contacts-content .content-panel .list-item .crown2{background:url(../img/icon.30c1f6f9.png) -37px -243px no-repeat}.contacts-content .content-panel .list-item .crown3{background:url(../img/icon.30c1f6f9.png) 5px -243px no-repeat}.contacts-content .upload .upload-image{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.contacts-content .upload .upload-button{border:1px solid #bbb;width:65px;height:25px;line-height:25px;text-align:center;border-radius:2px;display:inline-block;background-color:#f4f4f4;position:relative;top:2px;margin:0 10px}.in-group .grouplist .grouplistnow,.model-item{line-height:30px;white-space:nowrap;text-overflow:ellipsis}.pos-1,.pos-2{top:40px;position:absolute}.contacts-content .upload-gray{color:#bcbcbc}.tab-card-0,.tab-card-1,.tab-card-2,.tab-card-3,.tab-card-4{display:inline-block;margin:5px 10px}.tab-card-0{width:5%}.tab-card-1{width:20%}.tab-card-2{width:30%}.tab-card-3{width:10%}.tab-card-4{width:25%}.nav-card-0,.nav-card-1{display:inline-block;margin:0 10px;padding:0;text-align:center}.nav-card-0 a,.nav-card-1 a{color:#2c2c2c;text-decoration:none}.nav-card-0{width:60px;vertical-align:middle;cursor:pointer}.nav-card-1{width:100px;vertical-align:middle;cursor:pointer}.align-center{text-align:center}.yellow-bg-btn{color:#fff;font-size:12px;padding:3px 0;margin-left:20px;border:1px solid;width:60px;border-radius:2px}.contacts-h1,.contacts-h2{margin:10px 15px;font-weight:700}.listSeparator{color:#B7B7B7}.contacts-focus{color:red}.contacts-focus:after{content:' * '}.contacts-link{cursor:pointer;text-decoration:none;color:#546775}.contacts-clk{cursor:pointer}.contacts-h1{padding:5px}.contacts-h2 span{margin-left:10px;color:#aaa;font-weight:400}.contacts-btn-1{padding:7px 20px;margin-right:25px;border:1px solid #dbdbdb;border-radius:2px;color:#000;background-color:#fff}.decoration{text-decoration:none}.model-group-panel{border-radius:5px;overflow-y:auto;padding:10px 0;-webkit-box-shadow:0 0 10px #CACBCB;-moz-box-shadow:0 0 10px #CACBCB;box-shadow:0 0 10px #CACBCB;z-index:999;background-color:#FFF;cursor:pointer;max-height:300px}.pos-1{left:280px}.show{display:block}.hide{display:none}.pos-2{left:380px}.model-item{height:30px;padding-left:10px;padding-right:30px;text-align:left;overflow:hidden}.model-item:hover{background-color:rgba(187,178,178,.5)}.contacts-groups-list{position:absolute;left:0;right:0;top:135px;bottom:0;padding:0 0 0 15px;overflow:auto}.contacts-groups-icon{display:inline-block;width:20px;height:20px;margin-left:10px;float:right;cursor:pointer}.contacts-groups-span{color:#797979;display:inline-block;height:100%;width:65%}.contacts-groups-span .group-name{max-width:72%;display:inline-block;margin-right:2%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left}.contacts-groups-span .group-num{display:inline-block;float:left}.contacts-groups-create1{padding-right:4px;background:url(../img/icon.30c1f6f9.png) -257px 3px no-repeat}.contacts-groups-create{background:url(../img/icon.30c1f6f9.png) -372px -150px no-repeat}.contacts-groups-icon-delete{background:url(../img/icon.30c1f6f9.png) -152px -69px no-repeat}.contacts-groups-icon-delete1{background:url(../img/icon.30c1f6f9.png) -395px -151px no-repeat}.contacts-groups-edit{background:url(../img/icon.30c1f6f9.png) -114px -69px no-repeat}.contacts-groups-up{background:url(../img/icon.30c1f6f9.png) -342px -156px no-repeat;float:left}.contacts-groups-down{background:url(../img/icon.30c1f6f9.png) -377px -109px no-repeat;float:left}.contacts-groups-search{position:absolute;right:5px;top:9px;background:url(../img/icon.30c1f6f9.png) -339px -3px no-repeat}.in-group{clear:both;padding-left:100px;position:relative;max-width:625px}.in-group .title{position:absolute;left:40px;top:9px}.in-group .click-flag{display:block;position:absolute;width:20px;height:20px;background:url(../img/icon.30c1f6f9.png) -377px -109px no-repeat;right:0;top:6px}.in-group .grouplist{max-width:625px;max-height:70px;overflow:auto}.in-group .grouplist .grouplistnow{display:inline-block;margin-right:20px;cursor:pointer;width:105px;height:30px;overflow:hidden}.in-group .grouplist .grouplistnow .ckbox{margin-right:5px}.addContactCtrl,.showDetailCtrl{height:100%}.addContactCtrl .footer,.createGroup .footer,.showDetailCtrl .footer{left:1px;margin-left:0}