/*
  主要解决通过sass生成的main.css文件不变化的问题
 */

/*消息体公共*/
.base-infor-list li .mid .icon { position: absolute; top: 10px; left: 10px; display: inline-block; color: #fff !important; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 50%; padding: 0 !important; }
.base-infor-list li .mid .icon i { margin-right: 0; }
.base-infor-list li .mid .icon.mms,.base-infor-list li .mid .icon.emms { background-color: #efb641; }
.base-infor-list li .mid .icon.html { background-color: #2aabaf; }
.base-infor-list li .mid .icon.text { background-color: #2aabaf; }
.base-infor-list li .mid .icon.image { background-color: #6BB72F; }
.base-infor-list li .mid .icon.voice { background-color: #F87626; }
.base-infor-list li .mid .icon.file { background-color: #4597D9; }
.base-infor-list li .mid .icon.video { background-color: #F44E4E; }

.base-infor-list li .mid .figure.mms,.base-infor-list li .mid .figure.emms { background-image: url(../../img/com/mms_default.png); }
.base-infor-list li .mid .figure.html { background-image: url(../../img/com/ems_default.png); }
.base-infor-list li .mid .figure.text { background-image: url(../../img/com/sms_default.png); }
.base-infor-list li .mid .figure.image { background-image: url(../../img/com/img_default.png); }
.base-infor-list li .mid .figure.voice { background-image: url(../../img/com/voice_default.png);}
.base-infor-list li .mid .figure.file { background-image: url(../../img/com/file_default.png); }
.base-infor-list li .mid .figure.video { background-image: url(../../img/com/video_default.png); }


/*表单数据---类型*/
.mespush-info .icon{display:inline-block;width:60px;height: 60px;vertical-align: top;margin-top: 10px;margin-bottom: 10px;}
.mespush-info .icon.mms,.mespush-info .icon.emms {  background-image:url(../../img/com/message_emms.png); }
.mespush-info .icon.html { background-image:url(../../img/com/message_html.png); }
.mespush-info .icon.text { background-image:url(../../img/com/message_text.png); }
.mespush-info .icon.image { background-image:url(../../img/com/message_image.png); }
.mespush-info .icon.voice { background-image:url(../../img/com/message_voice.png);}
.mespush-info .icon.file { background-image:url(../../img/com/message_file.png);}
.mespush-info .icon.video {background-image:url(../../img/com/message_video.png);}

/*右侧qq*/
.qq_service{ width:40px; height:200px; background:url(../../img/menhu/qq_right.png) no-repeat; position:fixed;_position: absolute;right:0px; top:200px; z-index:999; }
.qq_service ul{ display:block; width:160px; height:200px; float:left; position:relative;}
.qq_service ul .right_bar{ position:absolute;width:40px; height:200px; left:0; top:0; display:block;}
.qq_service ul .right_bar .feedbackbtn{width:28px;height:32px;border:1px solid #CCC;font-size:11px;text-align:center;color:#7f7f7f;display: inline-block; position: absolute;bottom: 10px;left: 5px; background:#FFF;}
.qq_service ul .right_bar .feedbackbtn:hover{color:  #F98714;border:1px solid #F98714;}
.qq_service ul .right_qq{ position:absolute; width:120px; height:85px; right:-14px; top:32px; display:block;}
.qq_service ul .right_date{ position:absolute; width:120px;  padding-top:10px;right:0; top:60px; display:block; text-align:center; color:#555; font-size:14px; text-decoration:none;}
.qq_service ul .right_phone{ position:absolute; width:120px; height:35px; padding-top:5px;right:0; bottom:0; display:block; text-align:center; color:#555; font-size:16px; text-decoration:none;}

/*  */
.guide-wrap{width:215px;height:105px;position:absolute;}
.guide-box{font-size:12px;line-height:1.45;position:absolute;display:table;width:120px;height:52px;overflow:hidden;}
.guide-box span{display:table-cell;text-align:center;vertical-align:middle;}
.layer-credit_left{background:url("../../img/menhu/layer-credit_left.png") 0 0 no-repeat;}
.layer-credit_left .guide-box{left:78px;top:28px;}
.layer-credit_lefttop{background:url("../../img/menhu/layer-credit_lefttop.png") 0 0 no-repeat;}
.layer-credit_lefttop .guide-box{left:78px;top:28px;}
.layer-credit_right{background:url("../../img/menhu/layer-credit_right.png") 0 0 no-repeat;}
.layer-credit_right .guide-box{left:22px;top:28px;}
.layer-credit_righttop{background:url("../../img/menhu/layer-credit_righttop.png") 0 0 no-repeat;}
.layer-credit_righttop .guide-box{left:22px;top:28px;}