/* 侧边栏 */
.fixed_left_side{position: fixed;top:35%;left:0;z-index: 222;}
.float_tab{opacity: 1;position: absolute;top:50%; left: 0;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;transition: all ease 0.2s;  padding: 30px 10px;z-index: 3;margin-top: 100px;  background-color: #04abb7;font-size: 24px;-moz-border-radius-top-right: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;-moz-border-radius-bottom-right: 4px;-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;display: table;}
.float_tab_wrap{display: table-cell;vertical-align: middle;}
.float_tab_wrap a{color: #ffffff;}
.float_tab span{width: 100%;text-align: center; display: block;height:32px;line-height:32px;}
.icon_shrink img{display:inline-block;vertical-align: middle;}

/* 客服悬浮框 */
.float_pancle{opacity: 0; position: absolute;top:0;left:-60px; z-index: 2; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;transition: all ease 0.3s;}
.fixed_left_side.active .float_pancle{left:0;opacity: 1;}
.fixed_left_side.active .float_tab{display: none; opacity: 0;left: -44px;}
.icon_zjt{position: absolute;top:50%;left:100%;width: 35px;height: 45px;background:#ffffff url('../image/icon_zyt.png') no-repeat center center; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;-webkit-box-shadow: 4px 0px 10px rgba(80,80,80,0.3);-moz-box-shadow: 4px 0px 10px rgba(80,80,80,0.3);box-shadow: 4px 0px 10px rgba(80,80,80,0.3);  }

.left_suspension{position: relative; /* position: fixed;left:5px;top:40%; */-webkit-box-shadow: 0px 0px 8px #aaaaaa;-moz-box-shadow: 0px 0px 8px #aaaaaa;box-shadow: 0px 0px 8px #aaaaaa;-moz-border-radius: 4px;border-radius: 4px; z-index: 8888;}
.left_suspension>ul>li{width: 60px; height: 70px;border-bottom: 1px solid #e1e0e0;background-color: #ffffff;position: relative;overflow: hidden;}
.left_suspension>ul>li:first-child{-moz-border-radius-topright: 4px;border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;}
.left_suspension>ul>li:last-child{-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;border-bottom: 0; }
.sidebox{position: absolute;left:100%;top:0; opacity: 0;-webkit-transition:all  0.3s ease;-moz-transition:all  0.3s ease;transition:all  0.3s ease;-moz-border-radius: 4px;border-radius: 4px;}
.sidebox_wrap{-webkit-box-shadow: 0px 0px 10px #aaaaaa;-moz-box-shadow: 0px 0px 10px #aaaaaa;box-shadow: 0px 0px 10px #aaaaaa;-moz-border-radius: 4px;border-radius: 4px;background-color: #ffffff;margin-left: 10px;position: relative;border-radius: 4px;}
.sidebox_wrap:before{content: '';position:absolute;top: 50%;left: -10px;margin-top: -5px; width: 10px;height: 10px;  background:url('../image/icon_l.png') no-repeat left center;-moz-background-size: 10px; background-size: 10px;}
.l_ico{display: inline-block; width: 100%;height: 100%;background-repeat:no-repeat;background-position: center center;}
.ico_wx{background-image: url('../image/ico_wx.png');}
.ico_qq{background-image: url('../image/ico_qq.png');}
.ico_bd{background-image: url('../image/ico_bd.png');}
.ico_tel{background-image: url('../image/ico_tel.png');}
.ico_top{background-image: url('../image/ico_top.png');}
.ico_qy{background-image: url('../image/ico_qy.png');}
.left_suspension>ul>li:hover{background-color:#04abb7;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.left_suspension>ul>li:hover .ico_wx{background-image: url('../image/ico_wx2.png');}
.left_suspension>ul>li:hover .ico_qq{background-image: url('../image/ico_qq2.png');}
.left_suspension>ul>li:hover .ico_bd{background-image: url('../image/ico_bd2.png');}
.left_suspension>ul>li:hover .ico_tel{background-image: url('../image/ico_tel2.png');}
.left_suspension>ul>li:hover .ico_top{background-image: url('../image/ico_top2.png');}
.left_suspension>ul>li:hover .ico_qy{background-image: url('../image/ico_qy2.png');}
.l_wx .sidebox{top:50%;margin-top: -67px;}
.l_wx .sidebox_wrap{width: 135px;height: 135px;-moz-border-radius: 4px;border-radius: 4px;}
.l_wx .sidebox_wrap img{width:100%;height: 100%;-moz-border-radius: 4px;border-radius: 4px;}
.l_tel .sidebox { top:50%;margin-top: -23px;}
.l_tel .sidebox_wrap {width: 160px;height: 46px;line-height: 46px; text-align: center;}
.sidebox_wrap p{word-break: keep-all;height: 46px;line-height: 46px; margin-left: 20px;}
.left_suspension>ul>li:hover {overflow: visible;}
.left_suspension>ul>li:hover .sidebox{opacity: 1;}

/* 免费拿样 */
.fixed_left_side  .form_box{display: none; padding:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute;top:0;left:100%;width: 246px; height: 100%;background-color: #ffffff;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 0px 8px #aaaaaa;-moz-box-shadow: 0px 0px 8px #aaaaaa;box-shadow: 0px 0px 8px #aaaaaa;}
.fixed_left_side  .form_tit,.form_questionnaire .form_tit{text-align: center;color: #666666;font-size: 20px;line-height: 1.8;margin-bottom:10px;}
.form_box .input_group{display: block; width: 100%;height: 35px;line-height: 35px;border-bottom: 1px solid #cccccc;margin-bottom:10px;}
.form_box .input_group label {display: inline-block;width: 40px;color: #666666;}
.fixed_left_side  input[type="text"]{width: -moz-calc(100% - 40px);width: calc(100% - 40px); height: 28px;line-height: 28px;border:0;font-size: 12px;}
.num_box{font-size: 12px;margin-bottom:10px;color: #666666;}
.num_box_con{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;margin-top:4px;}
.o_btn{width: 30px;background-color: #eeeeee;outline: none;}
.o_btn,.num_box  input[type="text"]{display: inline-block;height: 30px;line-height: 26px;text-align: center;margin:0 4px;border:1px solid #dddddd;}
.num_box  input[type="text"]{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;background-color: #ffffff;}
.fixed_left_side .colorpicker{text-align: left;margin-top:15px;}
.fixed_left_side .colorpicker .label{font-size: 12px;color: #666666;}
.address_box{width: 100%;height:60px;line-height: 25px;padding:5px; border:1px solid #cccccc;resize: none;margin-bottom:10px}
.fixed_left_side .nowcolor{position: relative;text-align: left;font-size: 12px;margin-top: 15px;}
.fixed_left_side .btn_submit_box,.form_questionnaire .btn_submit_box{margin-top:15px;text-align: center;}
.fixed_left_side .btn_submit,.form_questionnaire  .btn_submit{display: inline-block; width: 120px;height: 30px;line-height: 30px;background-color: #36bcc5;color: #ffffff;font-size: 14px;text-align: center;-moz-border-radius: 5px;border-radius: 5px;border:0;}

.fixed_left_side.visible{overflow: visible;}
.fixed_left_side  .form_box.active{display: block; }
.hide{display: none;}