@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;}
.cndnsCkf{margin:0;padding:0;font-size:12px;line-height:22px;font-family:'Microsoft Yahei',Arial,tahoma,arial!important;font-style:normal!important;font-variant:normal!important;color:#666;background-color:#fff;}
.cndnsCkf table{border-collapse:collapse;border-spacing:0}
.cndnsCkf fieldset,.cndnsCkf img{border:0; display: block;}
.cndnsCkf address,.cndnsCkf caption,.cndnsCkf cite,.cndnsCkf code,.cndnsCkf dfn,.cndnsCkf em,.cndnsCkf strong,.cndnsCkf th,.cndnsCkf var{font-style:normal;font-weight:normal}
.cndnsCkf ol,.cndnsCkf ul{list-style:none;padding-left:0;}
.cndnsCkf caption,.cndnsCkf th{text-align:left}
.cndnsCkf h1,.cndnsCkf h2,.cndnsCkf h3,.cndnsCkf h4,.cndnsCkf h5,.cndnsCkf h6{font-size:100%;font-weight:normal}
.cndnsCkf q:before,.cndnsCkf q:after{content:''}
.cndnsCkf abbr,.cndnsCkf acronym{border:0;font-variant:normal}
.cndnsCkf sup{vertical-align:text-top}
.cndnsCkf sub{vertical-align:text-bottom}
.cndnsCkf input,.cndnsCkf textarea,.cndnsCkf select{font-family:'Microsoft Yahei';font-size:inherit;font-weight:inherit}
.cndnsCkf input,.cndnsCkf textarea,.cndnsCkf select{*font-size:100%}
.cndnsCkf a{ transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    color:#666;text-decoration:none; cursor: pointer;
}
.cndnsCkf a:hover{text-decoration:none; color: #ff6800;}
.cndnsCkf .clearfix:after{ content: ""; display: block; clear: both;}
.cndnsCkf .fl{ float: left;}
.cndnsCkf .fr{ float: right;}
/*header*/

.cndnsCkf-top{ width: 100%; height: 68px; background-color: #00a0e9;}
.cndnsCkf-head{ float: left; margin: 12px 0 0 22px;}
.cndnsCkf-head img{
    width: 50px; height: 50px; float: left;
}
.cndnsCkf-head p{ float: left; color: #fff; font-size: 14px; line-height: 20px; margin: 12px 0 0 10px;}
.cndnsCkf-evaluate{ margin: 20px 22px 0 0;}
.cndnsCkf-evaluate a{ display: block; border: 1px solid #fff; line-height: 26px; padding: 0 10px; color: #fff; font-size: 12px;}
.cndnsCkf-evaluate span{ display: inline-block; line-height: 14px; padding-left: 20px; background: url(cndnsCkf-sprite.png) no-repeat; background-position: 0 -52px;}
.cndnsCkf-evaluate a:hover{ background-color: #fff; border-color: #fff; color: #00a0e9;}
.cndnsCkf-evaluate a:hover span{ background-position: 0 -66px;}

.cndnsCkf-body{ position: absolute; width: 100%; bottom: 0; background-color: #fff; min-width:650px;}
.cndnsCkf-main{ position: absolute; width: auto; top:0; left: 0;bottom: 0; right: 211px; border-right:1px solid #e5e5e5; }
.cndnsCkf-view{ position: absolute; height: auto; top:0; left: 0; bottom: 158px; right: 0; background-color: #f6f6f6; padding:20px; overflow-y: auto;min-width: 88%}
.cndnsCkf-view ul{ margin-top: -20px;}
.cndnsCkf-view li{ margin-top: 20px;}
.cndnsCkf-view li:after{ content: ""; display: block; clear: both;}
.cndnsCkf-view p{padding:0;margin:0;}
.cndnsCkf-view .li-del{
    float: left;
    max-width: 60%;
    -ms-word-break: break-all;
    word-break: break-all;
    word-wrap: break-word;
}
.cndnsCkf-view dl{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-top:3px; border: 1px solid #ececec; background-color: #fff; padding:10px 15px; position: relative;
    margin-bottom: 0px;
}
.cndnsCkf-view dt{ color: #333; font-size: 14px; line-height: 22px;}
.cndnsCkf-view dt img{ display: inline-block; height:auto; vertical-align: top;}
.cndnsCkf-view dd{ position: absolute; left: -45px; top:16px; width:5px; height: 8px; background: url(cndnsCkf-sprite.png) no-repeat; background-position: 0 -127px;}
.cndnsCkf-view .customer .cndnsCkf-view-info{ text-align: right;}
.cndnsCkf-view .customer .li-del{ float: right;}
.cndnsCkf-view .customer dl{ background-color: #00a0e9; border-color: #00a0e9;}
.cndnsCkf-view .customer dt{ color: #fff;}
.cndnsCkf-view .customer dd{ left: inherit; right: -6px; background-position: 0 -135px;}

.cndnsCkf-editor,.cndnsCkf-tips{ position: absolute; height: 158px;left: 0; right: 0; bottom: 0; background-color: #fff; border-top: 1px solid #e5e5e5;}
.cndnsCkf-tool{ padding: 10px; position: relative;}
.cndnsCkf-tool-btn{ float: left; margin: 0 5px;}
.cndnsCkf-tool-btn .tool-icon{ display: block; cursor: pointer; float: left; width: 16px; height: 16px; background: url(cndnsCkf-sprite.png) no-repeat; }
.cndnsCkf-tool-btn .font-icon{ background-position: 0 -112px;}
.cndnsCkf-tool-btn .look-icon{ background-position: 0 -96px;}
.cndnsCkf-tool-btn .file-icon{ height: 15px; background-position: 0 -80px;}
.cndnsCkf-tool-box{ position: absolute; left: 0; width: 100%; bottom:37px; display: none;}
.ckf-fontTool{ padding: 5px; border-top: 1px solid #e5e5e5; background-color: #fff;}
.ckf-fontTool select{ max-width: 100px; outline: none; float: left; margin-right: 5px;}
.ckf-fontTool a{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display: block; float: left; margin-left: 10px; text-align: center; padding: 2.5px; line-height: 13px; border: 1px solid #fff;
}
.ckf-fontTool span{display: inline-block; width: 13px; height: 13px; vertical-align: top; background: url(cndnsCkf-sprite.png) no-repeat; background-position: 0 -26px;}
.ckf-fontTool span.bold-icon{ background-position: 0 -39px;}
.ckf-fontTool span.italic-icon{ background-position: 0 0;}
.ckf-fontTool span.underline-icon{ background-position: 0 -13px;}
.ckf-fontTool a.font-editor:hover{ border: 1px solid #e5e5e5;}
.ckf-fontTool a.font-editor.on{ border: 1px solid #e5e5e5; background-color: #f1f1f1;}
.ckf-bqTool { width: 358px;}
.ckf-bqTool ul{ margin-left:1.5px; margin-top: 1px;  background-color: #fff;}
.ckf-bqTool li{ float: left; padding: 5px; border: 1px solid #e5e5e5; margin-left: -1px; margin-top: -1px;}
.ckf-bqTool li img{ width:28.6px; height: 28.6px;  position:relative; top:0; transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;}
.ckf-bqTool li:hover{ background-color: #f1f1f1;}
.ckf-bqTool li:hover img{ top: -3px;}
.cndnsCkf-input{ padding: 0 15px;}
.cndnsCkf-input textarea{padding:0; border: none; color: #333; font-size: 12px; line-height: 20px; background-color: #fff; outline: none; width: 100%; height: 80px; resize: none;}
.cndnsCkf-btn{ float: right; margin-right: 15px;margin-top: 5px;}
.cndnsCkf-btn a{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    display:block; text-align: right; line-height: 28px; padding: 0 15px; color: #fff; background-color: #cdcdcd; font-size: 14px;
}
.cndnsCkf-btn a:hover{ background-color: #00a0e9; color: #fff;}

.cndnsCkf-right{ position: absolute; width: 211px; top:0; bottom: 0; right: 0; background-color: #fff;}
.cndnsCkf-adv{ width: 211px; height: 138px; overflow: hidden;}
.cndnsCkf-adv a{ display: block;}
.cndnsCkf-adv img{ width: 211px;}
.cndnsCkf-info-meau li{ width:69.5px; line-height: 32px; text-align: center; color: #666; font-size: 12px; cursor: pointer; background-color: #e9f5f9; border-right: 1px solid #e4e9ea; float: left;}
.cndnsCkf-info-meau li:last-child{ border: none;}
.cndnsCkf-info-meau li:hover{ color: #00a0e9;}
.cndnsCkf-info-meau li.on{ background-color: #fff;}
.cndnsCkf-info-con{ position: absolute; width: 100%; top: 170px; bottom: 0; overflow-y: auto;}
.cndnsCkf-info-box{ padding: 20px 15px; display: none;}
.cndnsCkf-info-question ul{ margin-top: -5px;}
.cndnsCkf-info-question li{ padding:5px 15px;}
.cndnsCkf-info-question a{ color: #4298ba; display: block; line-height: 20px;}
.cndnsCkf-info-question a:hover{ text-decoration: underline;color: #4298ba;}
.cndnsCkf-info-contact p{line-height: 30px;}
.cndnsCkf-info-about{ text-align: center;}
.cndnsCkf-info-about img{ display: inline-block;}
.cndnsCkf-info-about p{ padding-top: 15px; text-align: left;}

.cndnsCkf-mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); display: none;}
.cndnsCkf-popup{ width: 490px; background-color: #fff; padding: 20px; position: absolute; left: 50%; margin-left: -265px; top:50%; margin-top: -165px; display: none;}
.cndnsCkf-popup h4{ text-align: center; color: #333; font-size: 14px;}
.cndnsCkf-popup-degree{ width: 100%; text-align: center;  margin-top: 20px;}
.cndnsCkf-popup-degree dl{ display: inline-block; vertical-align: top; width: 32%;}
.cndnsCkf-popup-degree dt{ width: 41px;height: 40px; background: url(cndnsCkf-sprite.png) no-repeat; background-position: 0 -155px; margin: 0 auto;}
.cndnsCkf-popup-degree dt.dt-t{ background-position: 0 -195px;}
.cndnsCkf-popup-degree dt.dt-s{ background-position: 0 -235px;}
.cndnsCkf-popup-degree dd{ margin-top: 5px;}
.cndnsCkf-popup-degree dd input{ vertical-align: -2px; margin-right: 3px;}
.cndnsCkf-popup-form{ margin-top: 15px;}
.cndnsCkf-popup-form textarea{ display: block; width: 468px; border: 1px solid #eee; padding:10px; background-color: #fff; color: #333; line-height: 20px; resize: none; outline: none;}
.cndnsCkf-popup-form a{ display: block; width: 100%; line-height: 40px; color: #fff; font-size: 14px; text-align: center; background-color: #6bcdee; margin-top: 10px;}
.cndnsCkf-popup-form a:hover{ background-color: #00a0e9;}
.cndnsCkf-popup-close{ position: absolute; top: 10px; right: 10px;}
.cndnsCkf-popup-close a{ display: block; width: 12px; height: 12px; background: url(cndnsCkf-sprite.png) no-repeat; background-position: 0 -143px;}
.cndnsCkf-popup-close a:hover{
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.cndnsCkf-info-meau{padding-left:0;}

.ckfminWindow{
    position: fixed;
    right: 70px;
    bottom: 55px;
    z-index: 615787699;
    -moz-box-shadow: 0 0 20px rgba(137,137,137,.32);
    -webkit-box-shadow: 0 0 20px rgba(137,137,137,.32);
    box-shadow: 0 0 20px rgba(137,137,137,.32);
    width: 360px;}
.ckfminWindow .cndnsCkf-body{ position: relative; min-width: 100%;}
.ckfminWindow .cndnsCkf-main{ position: inherit; border: none;}
.ckfminWindow .cndnsCkf-view{ position: inherit; height: 220px;}
.ckfminWindow .cndnsCkf-view ul{list-style: none;}
.ckfminWindow .cndnsCkf-view .li-del{ max-width: 275px;}
.ckfminWindow .cndnsCkf-editor,.cndnsCkf-tips{ position: inherit}
.cndnsCkf-shrink{ position: absolute;top: 25px;right: 5px;z-index: 1;}
.cndnsCkf-shrink a:not(.ckf_close){ display: block; float: left; width: 11px; height: 11px; background: url(cndnsCkf-sprite.png) no-repeat; margin-right: 13px;}
.cndnsCkf-shrink a.narrow{ background-position: -30px 0;}
.cndnsCkf-shrink a.enlarge{ background-position: -30px -11px;}
.cndnsCkf-shrink a.ckf_close{ display: block; float: left; width: 12px; height: 12px; background: url(ckf_close.png) no-repeat; margin-right: 13px;}
.cndnsCkf-shrink a.ckf_close{ background-position: -2px -2px;}

.ckfminWindow .cndnsCkf-top{ height: 60px;}
.ckfminWindow .cndnsCkf-head{min-width: 60%}
.ckfminWindow .cndnsCkf-head img{ width: 27px; height: 35px;}
.ckfminWindow .cndnsCkf-head p{ font-size: 12px; line-height: 16px;}

#cndnsCkf-top-bar{
    z-index: 615787699;
    display: none;
    width: 200px;
    height: 60px;
    position: fixed;
    right:1px;
    bottom: 1px;
}
#cndnsCkf-top-bar .cndnsCkf-head{ }
#cndnsCkf-top-bar .cndnsCkf-head img{ width: 27px; height: 35px;}
#cndnsCkf-top-bar .cndnsCkf-head p{ 
font-size: 12px; 
line-height: 16px;
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ckf_input{
    max-height: 80px;
    overflow: auto;
    height:80px;
    background-color: #f5f8fc;
    color: #000000;
}
#ckf_input:empty:before{
    content:attr(placeholder);
    font-size: 14px;
    color: #999;
}
#ckf_input:focus:before{
    content:none;
}

#ckf_input .ichat800-CkfCndns-emote{
    width: 29px;
    height: 29px;
    display: inline-block;
}

.ckfminWindow_animate{
    -moz-transform:scale(.7);
    -webkit-transform:scale(.7);
    -o-transform:scale(.7);
}
.cndnsCkf-tips a{
    color: #00a0e9
}
.ckf_showbox .image_client{
    width: 100px;
    height: 100px;
}

.cndnsCkf_tip{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 160px;
    height: 60px;
    border-radius: 30px;
    line-height: 55px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 10px #e9e9e9;
    padding: 0 10px;
}
.cndnsCkf_tip span{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.fileSend.ichat800-fileSend{
    /*padding: 10px;*/
    color: black;
}
.fileSend.ichat800-fileSend .fileSend-icon-file.ichat800-fileSend-icon-file{
    display: none;
}
.fileSend.ichat800-fileSend a.fileSend-icon-fileName.ichat800-fileSend-icon-fileName, .fileSend.ichat800-fileSend a.ichat800-fileSend-icon-fileNameShort.ichat800-fileSend-icon-fileNameShort{
    display: block;
    text-align: left;
    word-break: break-all;
    overflow: hidden;
    font-size: 16px;
    margin-left: 5px;
    padding: 0;
    border: 0;
}
.fileSend.ichat800-fileSend a.fileSend-icon-fileName.ichat800-fileSend-icon-fileName{
    display:none;
}
.fileSend.ichat800-fileSend a{
    display: block;
    text-align: center;
    margin-top: 5px;
    border: 1px solid grey;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    color: dimgrey;
    text-decoration: none;
}