@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-05-06 10:56:48
 * @version $Id$
 */



.commonContrastBox{ width: 198px; background: #fbfbfb; border: 1px solid #e8e8e8; position: fixed; right: 2%; top: 50%; margin-top: -168px; z-index: 200; display: none; }

.commonContrastBox .contrastHead{ background: #fafafa; border-bottom: 1px solid #e8e8e8; position: relative; }
.commonContrastBox span.clearContrastButton{ display: inline-block; vertical-align: top; line-height: 29px; font-size: 14px; color: #999999; padding-left: 9px; padding-right: 9px; cursor: pointer; }
.commonContrastBox span.clearContrastButton span.deleteIcon{ display: inline-block; vertical-align: top; width: 12px; height: 29px; background-image: url('../images/contrast-deleteIcon.png'); background-repeat: no-repeat; background-position: 0 center; margin-right: 7px; }
.commonContrastBox span.clearContrastButton:hover{ color: #4285F4; }
.commonContrastBox span.clearContrastButton:hover span.deleteIcon{ background-image: url('../images/contrast-deleteIconAct.png'); }

.commonContrastBox span.contrastClose{ width: 29px; text-align: center; line-height: 29px; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 20px; color: #999999; }
.commonContrastBox span.contrastClose:hover{ color: #4285F4; }

.commonContrastBox .contrastContentWrap{ position: relative; }
.commonContrastBox .contrastBoxTiShi{ display: none; background: rgba(255,255,255,0.1); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 50; }
.commonContrastBox .contrastBoxTiShi span{ width: 140px; padding: 12px 10px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -32px; background: rgba(0,0,0,0.72); text-align: center; line-height: 20px; font-size: 12px; color: #FFF; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; }

.commonContrastBox .contrastContent{ max-height: 236px; overflow-x: hidden; overflow-y: auto; }
.commonContrastBox .contrastList li{ padding: 16px 0 14px 20px; border-top: 1px solid #e8e8e8; position: relative; }
.commonContrastBox span.contrastDeleteButton{ display: none; background: #4595e6; font-size: 12px; color: #FFF; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; top: -1px; right: 0; cursor: pointer; z-index: 5; }
.commonContrastBox .contrastList li:hover{ outline: 1px dashed #4595e6; outline-offset:-1px; }
.commonContrastBox .contrastList li:hover span.contrastDeleteButton{ display: block; }
.commonContrastBox .contrastList li:first-of-type{ border-top: none; }
.commonContrastBox .contrastList dt{ border:1px solid #ebebeb; float: left; overflow: hidden; margin-right: 13px; 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.commonContrastBox .contrastList dt img{ vertical-align: top; max-width: 46px; }
.commonContrastBox .contrastList dd{ float: left; width: 90px; height: 48px; line-height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.commonContrastBox .contrastButtons{ padding: 19px 15px; border-top: 1px solid #e8e8e8; }
.commonContrastBox .contrastButtons input{ border: none; background: #4285f4; width: 100%; height: 30px; font-size: 14px; color: #fbfbfb; cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
.commonContrastBox .contrastButtons input:disabled{ background: #999; color: #FFF; cursor: auto; }