﻿@charset "utf-8";
/*总体设置(不可更改)*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;border:0;font-family:"微软雅黑";}
select,input{vertical-align:middle;font-size:12px;}
table,tr,td,th{margin:0;padding:0;font-family:"微软雅黑";}
textarea,td,div,input{font-size:12px;}
body{color:#333;font-size:12px;/*background:#f4f4f4;*/ behavior:url(/css/iehoverfix.htc);}
ul,ol{list-style:none; }
/**空白10像素**/
.sh10{height:10px;background:#fff;overflow:hidden;font-size:0;}
/**右边空10像素**/
.mar10{margin-right:10px;}
/**左边空10像素**/
.mal10{margin-left:10px;}
/**上边空10像素**/
.mat10{margin-top:10px;}
/**块隐藏**/
.none { display: none;}
/**块显示**/
.block {display: block;}
/**清除边框**/
.nonebor{border:0;}
/**清除浮动**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}
/**链接**/
a{outline: none;text-decoration: none; text-decoration:none; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a:hover{text-decoration:none; color:#2973ba;}
.fmove img{display:inline;}



/* side */
.side{position:fixed;width:46px;height:275px;right:3px;top:274px;z-index:100;}
.side ul li{width:46px;height:46px;float:left;position:relative;border-bottom:1px solid #fff;}
.side ul li img{width:26px;height:26px;float:left;position:relative; padding:10px 10px 10px 10px;}
.side ul li span{ line-height:46px; font-size:16px;}
.side ul li .sidebox{position:absolute;width:46px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2973ba;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.sidec{position:fixed;width:46px;height:275px;right:3px;top:274px;z-index:100;}
.sidec ul li{width:46px;height:46px;float:left;position:relative;border-bottom:1px solid #fff;}
.sidec ul li img{width:26px;height:26px;float:left;position:relative; padding:10px 10px 10px 10px;}
.sidec ul li span{ line-height:46px; font-size:16px;}
.side ul li .sideboxc{position:absolute;width:46px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2973ba;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sideboxc:hover{width:146px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2973ba;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox_huiyuan{position:absolute;width:46px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2973ba;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox_huiyuan:hover{width:116px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2973ba;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox_kefu{position:absolute;width:46px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2973ba;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:46px;height:46px;line-height:46px;display:inline-block;background:#2973ba;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ffaf2d;opacity:1;filter:Alpha(opacity=100);line-height:46px;}
.side ul li img{float:left;}

/* 在线客服样式  公共 */
.floating_ck{position:fixed;right:10px;top:358px; }
.floating_ck dl dd{position:relative;width:56px;height:60px;margin-top:10px;/*background-color:#f6f6f6;*/border:solid 0px #a0c3df;border-bottom:solid 0px #a0c3df;text-align:center;background-repeat:no-repeat;background-position:center 20%;}
.floating_ck dl dd:hover{border-bottom:solid 0px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd span{color:#2973ba;display:block;padding-top:44px;}
.floating_left{position:absolute;left:-145px;width:160px;height:136px;background-color:#ffaf2d;border:solid 1px #ffaf2d;border-bottom:solid 0px #a40324;display:none; vertical-align:middle;cursor:pointer;}
.floating_left a{color:#fff;line-height:20px;}
.floating_left p{color:#fff; vertical-align:middle; width:180px; height:30px;  line-height:40px; float:left; font-size:14px;cursor:pointer;}
.floating_left p span{line-height:20px; font-size:10px; padding-left:20px;}
.floating_ewm{height:150px; width:130px;top:-10px; margin-left:-10px;}
.floating_ewm i{/*background-image:url(../static/images/wx.jpg); */background-repeat:no-repeat;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:14px;}


/* 在线客服样式 商家 */
.floating_shangjia{position:fixed;right:10px;top:312px; }
.floating_shangjia dl dd{position:relative;width:56px;height:60px;margin-top:10px;/*background-color:#f6f6f6;*/border:solid 0px #a0c3df;border-bottom:solid 0px #a0c3df;text-align:center;background-repeat:no-repeat;background-position:center 20%;}
.floating_shangjia dl dd:hover{border-bottom:solid 0px #a40324;}
.floating_shangjia dl dd:hover .floating_left{display:block;}
.floating_shangjia dd span{color:#2973ba;display:block;padding-top:44px;}
.floating_shangjia_left{position:absolute;left:-145px;width:160px;height:136px;background-color:#ffaf2d;border:solid 1px #ffaf2d;border-bottom:solid 0px #a40324;display:none; vertical-align:middle;cursor:pointer;}
.floating_shangjia_left a{color:#fff;line-height:20px;}
.floating_shangjia_left p{color:#fff; vertical-align:middle; width:180px; height:30px;  line-height:40px; float:left; font-size:14px;cursor:pointer;}
.floating_shangjia_left p span{line-height:20px; font-size:10px; padding-left:20px;}
.floating_shangjia_ewm{height:150px; width:130px;top:-10px; margin-left:-10px;}
.floating_shangjia_ewm i{/*background-image:url(../static/images/wx.jpg); */background-repeat:no-repeat;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_shangjia_ewm p{color:#fff;margin-top:5px;}
.floating_shangjia_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_shangjia_ewm .qrcord_p02{font-size:14px;}

.service_box{ position: absolute; z-index:1000;top:50%;margin-top:-30px;width:346px; height:50px; }
.service_box .tab_nav{ position:absolute;top:1px;}
.service_box .tab_nav > li {}
.service_box .tab_nav > li.active{}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px;overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; float:left position:relative;}
.service_box .tab_plan{ display:none; text-align:center; z-index:99999;}
.service_box .tab_plan p{color:#333; float:left; text-align:left;width:290px; height:30px; line-height:40px;}
