@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460; min-width: 320px; width: 100%; zoom:1;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);     
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.dl,.ul li,.dl dd,.dl dt{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #0097fb;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}
*,*:after,*:before{ box-sizing: border-box; }
/***百度样式***/
#bdshare_weixin_qrcode_dialog,
#bdshare_weixin_qrcode_dialog *{ box-sizing: content-box; }

.bgcolor1{ background-color: #f4f4f4; }
a{ text-decoration: none; cursor: default; }
a[href]{ cursor: pointer; }
.clearfix:after{ content: ''; display: block; clear: both; }
.left{ float: left; display: inline-block; }
.right{ float: right; display: inline-block; }
.x-half{ transform: translateX(-50%); }
.y-half{ transform: translateY(-50%); }
.xy-half{ transform: translate(-50%,-50%); }
.x-half1{ transform: translateX(50%); }
.y-half1{ transform: translateY(50%); }
.xy-half2{ transform: translate(-50%,50%); }
.xy-half3{ transform: translate(50%,-50%); }
img{ max-width: 100%; vertical-align: middle; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.t-center{ text-align: center; }
.css3_t2{ transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; }
.css3_t3{ transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; }
.css3_t5{ transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; }
.css3_t10{ transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; }
.css3_t30{ transition: all 3s; -webkit-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; -moz-transition: all 3s; }
.dot{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dots{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.autoscroll::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.autoscroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 4px;
         -webkit-box-shadow: inset 0 0 2px rgba(201,185,158,0.2);
        background: #adadad;
    }
.autoscroll::-webkit-scrollbar-track {/*滚动条里面轨道*/
         -webkit-box-shadow: inset 0 0 2px rgba(201,185,158,0.2);
        border-radius: 4px;
        background: #f1f1f1;
    }
.autoscroll2::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.autoscroll2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 4px;
         -webkit-box-shadow: inset 0 0 2px rgba(225,225,225,0.57);
        background: rgba(225,225,225,0.57);
    }
.autoscroll2::-webkit-scrollbar-track {/*滚动条里面轨道*/
         -webkit-box-shadow: inset 0 0 2px rgba(225,225,225,0.1);
        border-radius: 4px;
        background: rgba(225,225,225,0.1);
    }

#Wrapper{ max-width: 640px; margin:0 auto; }
body.MenuShow{ overflow: hidden; }
body.Ohidden{ overflow: hidden; }
.w640{ width: 640px; padding:0 20px; max-width: 100%; margin: 0 auto;}
.icons{ background-repeat: no-repeat; background-image: url(../images/icons.png); }
/*全局样式*/

/**头部**/
#header{ padding:20px 0; position: relative; }
#header #PhoneBtn{ float: left; display: inline-block; width:35px; padding:10.5px 0; position: relative; z-index: 9999; }
#header #PhoneBtn .Btn{ display: block; }
#header #PhoneBtn .Btn i{ display: block; height: 3px; background:#001585; }
#header #PhoneBtn .Btn i.i2{ margin:5px 0; width: 80%; }
#header .logo{ position: absolute; left: 50%; top: 50%; }
#header .logo img{ display: block; }
#header .T-Member{ padding:5px 0; }
#header .T-Member .T-M-Link{ display: block; height: 30px; width: 30px; background-position: 2px 2px; }
#header #Menu{ position: fixed; left: 50%; top: 0; width: 640px; margin-left:-320px; height: 100%; z-index: 100; background: rgba(0,0,0,0.6); transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); }
.MenuShow #header #Menu{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); }
#header #Menu .MenuBlock{ margin-left: 395px; height: 100%; background-color: #fff; position: relative; padding-top: 50px; }
#header #Menu .MenuBlock:before{ content: ""; display: block; left: 0; top: 0; position: absolute; height: 100%; width:5px; background-color: #009afc; }
#header #Menu .MenuBlock .exit{ display: block; padding:15px; text-align: right; position: absolute; left: 0; top: 0; width: 100%; }
#header #Menu .MenuBlock .exit .icons{ display: inline-block; width: 20px; height: 20px; background-position: -31px -2px; }
#header #Menu .ul{ position: relative; z-index: 2; text-align: center; overflow-y: auto; height: 100%; padding-bottom: 80px; }
#header #Menu .ul li{ border-bottom: 1px solid rgba(0,0,0,0.1); padding:20px 0; }
#header #Menu .ul li.on .F-tit{ color:#001585; }
#header #Menu .ul .F-tit{ font-size: 24px; line-height: 38px; color:#000; display: block; }
#header #Menu .ul dl{ margin:10px 0 0; display: none; }
#header #Menu .ul dd{ padding:10px 10px; }
#header #Menu .ul .T-tit{ display: inline-block; font-size: 22px; color:#878585; line-height: 28px; position: relative; padding-left: 30px; }
#header #Menu .ul .T-tit:before{ display: block; content: ""; position: absolute; left: 0; top: 11px; height: 2px; width: 15px; background-color: #d1d1d1; }

/**底部**/
#footer{ background:#ebebeb; padding:25px 0 22px; text-align: center; }
#footer,
#footer a{ font-size: 18px; color:#666666; line-height: 22px; }
#footer .links{ padding:16px 0; }
#footer .links a{ display: inline-block; position: relative; }
#footer .links a+a{ display: inline-block; padding-left:17px; margin-left:17px; }
#footer .links a+a:after{ display: block; content: ""; position: absolute; left: 0; top:50%; height: 10px; margin-top: -5px; width: 1px; background: url(../images/f-icon.png) no-repeat center; }

/***视频弹框***/
.TankVideo{ display: none; position: fixed; width:100%; height:100%; left: 0; top: 0; background: rgba(0, 0, 0, .6); z-index: 999999; }
.TankVideo video{ display:block; width:100%; height:auto; }
.TankVideo .video{ position: absolute; top: 50%; left: 50%; background: #000; padding:0 15px; }
.TankVideo span{ position: absolute; top: 15px; right: 15px; color: #999; cursor: pointer; width: 18px; height: 18px; background: url(../images/close.png) no-repeat 0 0 /100% 100%; z-index: 99; transform:rotate(0deg); }
.TankVideo span:hover{ transform: rotate(45deg); }
@media only screen and (min-width:0px) and (max-width:1200px) {
    .TankVideo .video{ width:100%; }
}

/***************************首页**************************/
/**Banner**/
#Banner{}
#Banner .imgBox{ display: block; }
#Banner .swiper-pagination{ position: absolute; left: 0; bottom:20px; width: 100%; text-align: center; }
#Banner .swiper-pagination span{ cursor: pointer; display: inline-block; border-radius: 40%; transition: all 0.3s; background:rgba(255,255,255,0.5); margin:0 7px; height: 15px; width:15px; opacity: 1; }
#Banner .swiper-pagination span.swiper-pagination-bullet-active{ background: rgba(255,255,255,1); opacity: 1; }
/**IndexLinks**/
#IndexBlock{}
#IndexBlock .ul{ padding:10px 0; }
#IndexBlock .ul li{ padding:10px 0; }
#IndexBlock .ul li a{ display: block; }
#IndexBlock .ul li img{ display: block; }
#IndexBlock .ul li .c-img{ display: inline-block; float: left; }
#IndexBlock .ul li .i-img{ display: inline-block; float: right; }
#IndexBlock .ul li:nth-child(even) .c-img{ float: right; }
#IndexBlock .ul li:nth-child(even) .i-img{ float: left; }

/*************************内页*******************************/
/**内页Banner**/
#AutoBanner{}
#AutoBanner .imgBox{ display: block; position: relative; }
#AutoBanner img{ display: block; }
/**二级菜单**/
#SecondMenu{}
#SecondMenu .Box{ border-bottom:1px solid #efefef; }
#SecondMenu .LeftList{}
#SecondMenu .LeftList li{ border-right:1px solid #efefef; }
#SecondMenu .LeftList li a{ display: block; font-size: 16px; line-height: 22px; color:#3c3c3c; border-bottom:3px solid transparent; padding:16px 28px; }
#SecondMenu .LeftList li.onav a{ color:#102689; border-color: #0097fb; }
#SecondMenu .LeftList li a:hover{ color:#0097fb; }
#SecondMenu .loaction{ font-size: 12px; line-height: 24px; padding:16px 0; color:#828282; }
#SecondMenu .loaction .home{ display: inline-block; padding-left: 17px; background:url(../images/icons_home.png) no-repeat left center; margin-right: 10px; }
#SecondMenu .loaction a{ display: inline-block; padding-right:15px; background:url(../images/icons_location.png) no-repeat right center; margin-right: 10px; }
/**三级菜单**/
#ThirdMenu{  }
#ThirdMenu .Box{}
#ThirdMenu .Box li{ border-right:1px solid #dbdbdb; background:#f4f4f4; margin-bottom: 2px; }
#ThirdMenu .Box li a{ display: block; font-size: 20px; line-height: 22px; color:#4a4a4a; border-bottom:3px solid transparent; padding:16px 18px; text-align: center; }
#ThirdMenu .Box li.onav a{ color:#fff; background-color: #0097fb; }
#ThirdMenu .Box li:last-child{ border:0 none; }
/***分页***/
#PagesBox{ text-align: center; padding:65px 0; }
#PagesBox span,
#PagesBox a{ display: inline-block; vertical-align: middle; font-size: 16px; line-height: 50px; width: 50px; color:#888888; overflow: hidden; transition: all 0.3s; }
#PagesBox a:hover{ color:#0097fb; }
#PagesBox .a_cur{ color:#fff; background:#0097fb; }
#PagesBox .Prev{ background:url(../images/icons_14.png) no-repeat center; color:transparent; text-indent: 999px; }
#PagesBox .Next{ background:url(../images/icons_15.png) no-repeat center; color:transparent; text-indent: 999px; }
#PagesBox .Prev:hover,
#PagesBox .Next:hover{ background-color: #0097fb; }

/**更多**/
.MoreBox{ display:none; text-align: center; padding:25px 0; }
.MoreBox .icons{ display: inline-block; height: 38px; width: 42px; background-position: 0 -39px; vertical-align: middle; }
.on .icons{animation: myfirst 2.5s infinite;-moz-animation: myfirst 2.5s infinite; /* Firefox */-webkit-animation: myfirst 2.5s infinite; /* Safari 和 Chrome */-o-animation: myfirst 2.5s infinite;}
@keyframes myfirst
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

@-o-keyframes myfirst /* Opera */
{
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(360deg);}
}

/**关于我们-公司介绍**/
#AboutBlock{ padding:30px 0; }
#AboutBlock .Company{}
#AboutBlock .Company .logo{ margin-bottom: 15px; }
#AboutBlock .Company .h2{ font-size: 24px; line-height: 28px; color:#001884; font-weight: normal; position: relative; margin-bottom:8px; padding-bottom: 18px; }
#AboutBlock .Company .h2:after{ position: absolute; left: 0; bottom:0; display: block; content: ""; width: 1.5em; border-bottom: 2px solid #b4b4b4; }
#AboutBlock .Company .content{ font-size: 20px; line-height: 36px; color:#737373; }
#AboutBlock .History{ position: relative; }
#AboutBlock .History img{ display: block; }
#AboutBlock .History .ul{}
#AboutBlock .History .ul .li{ position: absolute; display: block; }
#AboutBlock .History .ul .title{ font-size: 20px; line-height: 24px; color:#283c97; display: block; }
#AboutBlock .History .ul .cont{ position: absolute; display: none; }
#AboutBlock .History .ul .icons{ height: 29px; width: 30px; background-position: -55px -4px; position: absolute; display: block; }
#AboutBlock .History .ul .cont{ position: absolute; background-color: #fff; border:1px solid #e5e5e5; border-radius: 5px; font-size: 20px; color:#050101; line-height: 30px; padding:12px 15px; width: 270px; z-index: 5; }
#AboutBlock .History .ul .li1{ left: 2%; bottom:8%; }
#AboutBlock .History .ul .li2{ left: 18%; bottom:18%; }
#AboutBlock .History .ul .li3{ left: 9%; bottom:27%; }
#AboutBlock .History .ul .li4{ left: 28%; bottom:35%; }
#AboutBlock .History .ul .li5{ left: 20%; bottom:42%; }
#AboutBlock .History .ul .li6{ left: 39%; bottom:48%; }
#AboutBlock .History .ul .li7{ left: 32%; bottom:54%; }
#AboutBlock .History .ul .li8{ left: 51%; bottom:56%; }
#AboutBlock .History .ul .li9{ left: 48%; bottom:65%; }
#AboutBlock .History .ul .li10{ left: 65%; bottom:62%; }
#AboutBlock .History .ul .li11{ left: 72%; bottom:72%; }
#AboutBlock .History .ul .li1 .cont{ bottom:45px; left: 0px; }
#AboutBlock .History .ul .li1 .icons{ left: 25px; bottom:-29px; }
#AboutBlock .History .ul .li2 .cont{ bottom:45px; left: 0px; }
#AboutBlock .History .ul .li2 .icons{ left: 15px; bottom:-29px; }
#AboutBlock .History .ul .li3 .cont{ bottom:45px; left: 0px; }
#AboutBlock .History .ul .li3 .icons{ left: 15px; bottom:-29px; }
#AboutBlock .History .ul .li4 .cont{ bottom:45px; left: 0px; }
#AboutBlock .History .ul .li4 .icons{ left: 5px; bottom:-29px; }
#AboutBlock .History .ul .li5 .cont{ bottom:45px; left: 0px; }
#AboutBlock .History .ul .li5 .icons{ left: 10px; bottom:-29px; }
#AboutBlock .History .ul .li6 .cont{ top:45px; left: -5px; }
#AboutBlock .History .ul .li6 .icons{ left: 10px; top:-29px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#AboutBlock .History .ul .li7 .cont{ top:40px; left: -5px; }
#AboutBlock .History .ul .li7 .icons{ left: 10px; top:-29px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#AboutBlock .History .ul .li8 .cont{ top:40px; left: -5px; }
#AboutBlock .History .ul .li8 .icons{ left: 10px; top:-29px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#AboutBlock .History .ul .li9 .cont{ top:40px; left: -5px; }
#AboutBlock .History .ul .li9 .icons{ left: 10px; top:-29px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#AboutBlock .History .ul .li10 .cont{ top:40px; left: -105px; }
#AboutBlock .History .ul .li10 .icons{ left: 110px; top:-29px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#AboutBlock .History .ul .li11 .cont{ top:40px; left: -155px; }
#AboutBlock .History .ul .li11 .icons{ left: 160px; top:-29px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#AboutBlock .Honor ol{ background:url(../images/honor_back.jpg) repeat-x center; padding:0 9px; margin:0 -9px; position: relative; height: 272px; margin-bottom:20px; }
#AboutBlock .Honor ol li{ float:left;width:50%; text-align:center; }
#AboutBlock .Honor ol p{ font-size: 20px; color:#737373; line-height: 24px; margin:25px 5px 0; }
#AboutBlock .Honor ol li dl{ display:table; width:100%; height:185px;} 
#AboutBlock .Honor ol li aside{ display:inline-block; }
#AboutBlock .Honor ul{}
#AboutBlock .Honor ul li{ display: block; position: relative; padding-left: 30px; margin-bottom:15px; }
#AboutBlock .Honor ul .icons{ position: absolute; height: 32px; width: 24px; left: 0; display: block; background-position: -84px 1px; }
#AboutBlock .Honor ul li .fancybox{ font-size: 20px; line-height: 32px; color:#737373; display: block; }

/**产品介绍**/
#ProductType{ padding:30px 0; }
#ProductType .TypeList .ul{}
#ProductType .TypeList img{ display: block; margin:0 auto; }
#ProductType .TypeList li{ float: left; display: inline-block; width:50%; overflow: hidden; z-index: 5; position: relative; }
#ProductType .TypeList .imgBox{ position: relative; }
#ProductType .TypeList .content1{ position: absolute; left: 0; top: 0; width:100%; height: 100%; overflow-y: auto; }
#ProductType .TypeList .table{ display: table; position: absolute; left: 0; top: 0; height: 100%; width: 100%; table-layout: fixed; }
#ProductType .TypeList .table-cell{ display: table-cell; vertical-align: middle; padding:25px 15px; }
#ProductType .TypeList .links{ height: 0; overflow: hidden; padding:0; margin-bottom: 5px; z-index: -1; }
#ProductType .TypeList .links p{ padding:2px 0; position: relative; margin:0; }
#ProductType .TypeList .links p .icons{ display: block; position: absolute; height: 20px; width: 20px; left: 0; background-position: -117px 2px; }
#ProductType .TypeList .links a{ display: inline-block; color:#fff; font-size: 18px; line-height: 22px; padding-left:12px; border-bottom: 1px solid rgba(255,255,255,0.6); background: url(../images/icons_5.png) no-repeat left center; max-width: 100%; }
#ProductType .TypeList .icon{ display: block; margin-bottom: 30px; }
#ProductType .TypeList .title{ text-align: center; color:#fff; }
#ProductType .TypeList .cn{ font-size: 20px; line-height: 28px; }
#ProductType .TypeList .en{ font-size: 20px; line-height: 28px; }
#ProductType .TypeList li.onav .table-cell{ vertical-align: bottom; }
#ProductType .TypeList li.onav .content1{ background:transparent!important; }
#ProductType .TypeList li.onav .icon{ height: 0; overflow: hidden; }
#ProductType .TypeList li.onav .links{ height: auto; padding:5px; position: relative; z-index: 1; }
#ProductType .TypeList li.onav .title{ text-align: left; }
#ProductType .TypeList li.onav .cn{ display: inline-block; white-space:normal; }
#ProductType .TypeList li.onav .en{ display: inline-block; line-height: 24px; font-size: 20px; }
/**产品详情**/
#ProductInfo{ padding-top: 30px; }
#ProductInfo .InfoArea{}
#ProductInfo .InfoArea ul{ padding-left: 15px; }
#ProductInfo .InfoArea ul li{ position: relative; list-style: none; }
#ProductInfo .InfoArea ul li:before{ display: block; content: ""; position: absolute; top: 16px; left: -14px; height: 4px; width: 4px; border-radius: 50%; background-color: #999999; }
#ProductInfo .InfoArea .title{ position: relative; font-size: 22px; line-height: 42px; color:#4a4a4a; font-weight: bold; padding:24px 0 20px 50px; }
#ProductInfo .InfoArea .title .icon{ display: block; position: absolute; left: 0; width: 42px; height: 42px; background-position: left center; background-repeat:no-repeat; }
#ProductInfo .InfoArea .block1{ font-size: 20px; line-height: 36px; color:#737373; }
#ProductInfo .InfoArea .block1 .article{ padding:20px 0; }
#ProductInfo .InfoArea .block1 .videoBox{ position: relative; }
#ProductInfo .InfoArea .block1 .videoBox .play{ display: block; position: absolute; left: 0; top: 0; height: 100%; width:100%; cursor: pointer; background:url(../images/icons_6.png) no-repeat center /46px; transform: rotate(0deg); }
#ProductInfo .InfoArea .block1 .ul{ padding-bottom: 50px; }
#ProductInfo .InfoArea .block1 .ul li{ display: block; padding-left: 50px; font-size: 20px; line-height: 28px; color:#777777; position: relative; }
#ProductInfo .InfoArea .block1 .ul li+li{ margin-top:18px; }
#ProductInfo .InfoArea .block1 .ul .icons{ position: absolute; left: 0; height: 32px; width: 32px; }
#ProductInfo .InfoArea .block1 .li1 .icons{ background-position:-136px 1px; }
#ProductInfo .InfoArea .block1 .li2 .icons{ background-position:-179px 1px; }
#ProductInfo .InfoArea .block1 .li3 .icons{ background-position:-220px 1px; }
#ProductInfo .InfoArea .block1 .li4 .icons{ background-position:-265px 1px; }
#ProductInfo .InfoArea .block2{ font-size: 20px; line-height: 36px; color:#999999; padding: 30px 0; }
#ProductInfo .InfoArea .block2 .ul2{ margin-top: 0; }
#ProductInfo .InfoArea .block2 .article{}
#ProductInfo .InfoArea .block3{ font-size: 20px; line-height: 36px; color:#777; padding: 30px 20px; }
#ProductInfo .InfoArea .block3 .ulBox{ position: relative; padding-left:82px; }
#ProductInfo .InfoArea .block3 .ulBox .img{ position: absolute; left: 0; top: 0; }
#ProductInfo .InfoArea .block3 .ulBox ul{ margin:8px 0 35px; }
#ProductInfo .InfoArea .block4{ font-size: 20px; line-height: 36px; color:#999; padding: 30px 20px;overflow:hidden; }
#ProductInfo .InfoArea .block4 .tit{ color:#333333; padding-left: 10px; position: relative; }
#ProductInfo .InfoArea .block4 .tit:before{ content: ""; display: block; position: absolute; height: 1em; border-left: 3px solid #0a97f9; left: 0; top: 50%; margin-top:-0.5em; }
#ProductInfo .InfoArea .block4 .ulBox2 ul{}

/**解决方案**/
#SoluteList{ padding:20px 0 30px; }
#SoluteList .ul{ margin-bottom:21px; }
#SoluteList .ul li{ display: block; padding:10px 0; }
#SoluteList .Box{ display: block; border:1px solid #eeeeee; padding:15px; }
#SoluteList .cont{ width: 300px; margin-right: 8px; }
#SoluteList .title{ font-size: 20px; line-height: 28px; color:#484848; padding-bottom: 10px; border-bottom: 1px dashed #cbcbcb; }
#SoluteList .des{ font-size: 20px; line-height: 32px; color:#8a8a8a; margin:10px 0 15px; height: 64px; }
#SoluteList .more{ font-size: 18px; line-height: 22px; color:#0097fb; }

/**内页**/
#AutoInfo{ padding:30px 0; font-size: 20px; line-height: 36px; color:#737373; }
#AutoInfo .h2{ font-size: 24px; line-height: 28px; color:#001884; font-weight: normal; position: relative; margin-bottom:8px; padding-bottom: 18px; }
#AutoInfo .h2:after{ position: absolute; left: 0; bottom:0; display: block; content: ""; width: 1.5em; border-bottom: 2px solid #b4b4b4; }

/**新闻列表**/
#NewsList{ padding-bottom:30px; }
#NewsList .ul{ padding:30px 0; background:#f9f9f9; box-shadow: 0 0 30px rgba(249,249,249,1); }
#NewsList .ul li{ width: 290px; display: inline-block; box-shadow: 0 0 30px rgba(0,0,0,0.2); margin-bottom: 20px; }
#NewsList .ul li:nth-child(even){float: right;}
#NewsList .ul li:nth-child(odd){float: left;}
#NewsList .ul .Box{ display: block; background:#fff; }
#NewsList .ul .imgBox{ position: relative; }
#NewsList .ul .time{ background: #0097fb; color:#fff; text-align: center; position: absolute; left: 20px; top: 20px; padding:10px 5px 7px; }
#NewsList .ul .year{ font-size: 40px; line-height: 38px; display: block; border-bottom: 1px solid rgba(255,255,255,0.6); }
#NewsList .ul .date{ font-size: 14px; line-height: 22px; display: block; }
#NewsList .ul .cont{ font-size: 20px; line-height: 28px; padding:18px 26px; }
#NewsList .ul .cont .title{ color:#404040; margin-bottom: 5px; }
#NewsList .ul .cont .des{ color:#999999; }

/**登录页面**/
#LoginBlock{}
#LoginBlock .LoginDiv{ position: absolute; left: 50%; top: 50%; width: 460px; border:1px solid #ced3d5; background-color: #fcfeff; border-radius: 5px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow: hidden; }
#LoginBlock .LoginDiv .top{}
#LoginBlock .LoginDiv .top .title{ line-height: 46px; color:#4e575c; font-size: 20px; text-align: center; width:50%; }
#LoginBlock .LoginDiv .top .color{ width: 50%; background: url(../images/member_title_back1.jpg) repeat-x center; height: 46px; border-left: 1px solid #ced3d5; border-bottom: 1px solid #ced3d5; }
#LoginBlock .LoginDiv .form{ margin:0 11%; }
#LoginBlock .LoginDiv form{ display: block; padding: 40px 0; }
#LoginBlock .LoginDiv .lable{ display: block; border:1px solid #cecece; border-radius: 3px; margin-bottom: 20px; background:#ffffff; padding-left:40px; background-position: 10px center; background-repeat: no-repeat; }
#LoginBlock .LoginDiv .lable:hover{ border-color:#0097fb; }
#LoginBlock .LoginDiv .l-name{ background-image: url(../images/login4.png); }
#LoginBlock .LoginDiv .l-password{ background-image: url(../images/login5.png); }
#LoginBlock .LoginDiv .lable .input{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 20px; color:#666; }
#LoginBlock .LoginDiv .SubBox{ text-align: center; line-height: 36px; font-size: 20px; margin-bottom: 30px; }
#LoginBlock .LoginDiv .SubBox .login{ width:45%; border:1px solid #cecece; border-radius: 3px; color:#fff; background:url(../images/login2.png) repeat-x center/auto 100%; cursor: pointer; }
#LoginBlock .LoginDiv .SubBox .registered{ width:45%; border:1px solid #cecece; border-radius: 3px; color:#6d798c; background:url(../images/login1.png) repeat-x center/auto 100%; }
#LoginBlock .LoginDiv .fotget{}
#LoginBlock .LoginDiv .fotget .link{ display: inline-block; line-height: 18px; border-bottom:1px solid #a5d8ff; color:#0097fb; font-size: 12px; padding-left: 15px; background:url(../images/login3.png) no-repeat left center; }
/**注册页面**/
#LoginBlock{ background-repeat: no-repeat; background-position: center; height: 750px; position: relative; }
#LoginBlock .RegistDiv{ position: absolute; left: 50%; top: 50%; width: 570px; border:1px solid #ced3d5; background-color: #fcfeff; border-radius: 5px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow: hidden; }
#LoginBlock .RegistDiv .top{ line-height: 52px; color:#737373; font-size: 20px; font-weight: bold; text-align: center;; background: url(../images/member_title_back1.jpg) repeat-x center bottom; border-bottom: 1px solid #cdd3d5; }
#LoginBlock .RegistDiv .form{ margin:0 auto; width:400px; }
#LoginBlock .RegistDiv form{ display: block; padding: 45px 0; }
#LoginBlock .RegistDiv .lable{ display: block; margin-bottom: 12px; background:#ffffff; padding-left:110px; background-position: 10px center; background-repeat: no-repeat; position: relative; }
#LoginBlock .RegistDiv .lable .tit{ font-size: 20px; line-height: 40px; color:#737373; position: absolute; left: 0; width: 100px; text-align: right; }
#LoginBlock .RegistDiv .lable .input:hover{ border-color:#0097fb; }
#LoginBlock .RegistDiv .lable .input{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 20px; color:#666; border:1px solid #cecece; border-radius: 3px; padding:0 10px; }
#LoginBlock .RegistDiv .l-code{ padding-right:165px; }
#LoginBlock .RegistDiv .lable .code{ font-size: 20px; line-height: 38px; color:#6d798c; position: absolute; top:0; right: 0; width: 155px; text-align: center; border:1px solid #cecece; border-radius: 3px; color:#6d798c; background:url(../images/member_title_back1.jpg) repeat-x center/auto 100%; cursor: pointer; }
#LoginBlock .RegistDiv .SubBox{ line-height: 36px; font-size: 18px; padding-left: 110px; padding-top: 10px; }
#LoginBlock .RegistDiv .SubBox .login{ height: 38px; display: inline-block; width:110px; border:1px solid #185aa5; border-radius: 3px; color:#fff; background:url(../images/member_title_back3.jpg) repeat-x center/auto 100%; cursor: pointer; margin-right: 20px; vertical-align: middle; text-align: center; }
#LoginBlock .RegistDiv .SubBox .reset{ font-size: 18px; display: inline-block; width:110px; line-height: 36px; height: 38px; border:1px solid #bababa; border-radius: 3px; color:#6c6c6c; background:url(../images/member_title_back4.jpg) repeat-x center/auto 100%; vertical-align: middle; text-align: center; }

/**在线下单**/
#Online{ padding:30px 0; }
#Online #ThirdMenu .Box li{ min-width: 33.33%; }
#Online .OrderBlock{ padding:30px 0; }
#Online .OrderBlock .checks{ margin-bottom: 40px; }
#Online .checks dl{ position: relative; min-height: 1em; padding-left: 180px; line-height: 36px; min-height:38px; }
#Online .checks dl+dl{ margin-top:12px; }
#Online .checks dl dt{ position: absolute; left: 0; top:0; padding-left: 40px; font-size: 24px; line-height: 38px; color:#737373; background:url(../images/icons_18.png) no-repeat left center; }
#Online .checks .Area dt{ background-image: url(../images/online_icon1.png); }
#Online .checks .Cabinet dt{ background-image: url(../images/online_icon2.png); }
#Online .checks .Bandwidth dt{ background-image: url(../images/online_icon3.png); }
#Online .checks .Type dt{ background-image: url(../images/online_icon4.png); }
#Online .checks .Period dt{ background-image: url(../images/online_icon5.png); }
#Online .checks dl dd{ vertical-align: middle; display: inline-block; min-width:23%; margin-right:1%; margin-bottom: 5px; }
#Online .checks dl dd a{ border:1px solid #eeeeee; border-radius: 19px; text-align: center; color:#737373; font-size: 18px; display: block; padding:0 5px; }
#Online .checks dl dd.onav a{ background-color: #53afee; color:#fff; }
#Online .checks .CheckBoxBtn{ text-align: right; padding-top:15px; }
#Online .checks .CheckBoxBtn span{ display: inline-block; color:#fff; background: #53afee; font-size: 14px; line-height: 28px; padding:0 20px; cursor: pointer; border:2px solid #53afee; }
#Online .checks .CheckBoxBtn span+span{ margin-left:15px; }
#Online .checks .CheckBoxBtn span:hover{ color:#53afee; background: #fff; }
#Online .Money{}
#Online .Border{ border:1px solid #e5e5e5; }
#Online .Border .ul{}
#Online .Border .ul li+li{ border-top:1px solid #e5e5e5; }
#Online .Border .ul span{ display: inline-block; vertical-align: middle; }
#Online .Border .li1{ background-color: #ececec; }
#Online .Border .li1 .title{ font-size: 24px; line-height: 50px; color:#fff; background-color: #53afee; padding:0 22px; }
#Online .Border .li{ font-size: 18px; line-height: 42px; color:#737373; }
#Online .Border .li .litit{ width: 120px; text-align: right; }
#Online .Border .li .sond{ color:#404040; padding-left: 45px; }
#Online .Border .price{ padding:15px 30px; }
#Online .Border .price .tit{ font-size: 24px; line-height: 40px; color:#737373; }
#Online .Border .price .num{ font-size: 36px; color:#53afee; line-height: 40px; margin-left: 15px; font-weight: bold; }
#Online .Border .price .num #total{ font-style: normal; line-height: 40px; display: inline-block; }
#Online .Border .price .Btns{ font-size: 18px; }
#Online .Border .price .Btns a,
#Online .Border .price .Btns span{ display: inline-block; line-height: 36px; border:2px solid #53afee; text-align: center; width: 125px; border-radius: 5px; color:#fff; background-color: #53afee; cursor: pointer; }
/*#Online .Border .price .Btns a:hover,
#Online .Border .price .Btns span:hover{ color:#53afee; background-color: #fff; }*/
#Online .Border .price .Btns{}

/**招贤纳士**/
#JobList{ padding:30px 0; }
#JobList .ul{ margin-bottom: 30px; }
#JobList li+li{ border-bottom:1px solid #eeeeee; }
#JobList li{ font-size: 18px; color:#333333; }
#JobList li.onav{ color:rgba(51,51,51,0.6); }
#JobList li.Tit{ font-size: 20px; background-color: #0097fb; color:#fff; }
#JobList .Tit .table{ height: 60px; }
#JobList .table{ display: table; text-align: center; width: 100%; table-layout: fixed; height: 50px; }
#JobList .table>span{ display: table-cell; vertical-align: middle; }
#JobList .wid1{ width:20%; padding-left:20px; text-align: left; }
#JobList .wid2{ width:20%; padding:0 4px; }
#JobList .wid3{ width:20%; padding:0 4px; }
#JobList .wid4{ width:20%; padding:0 4px; }
#JobList .wid5{ width:20%; padding:0 4px; }
#JobList .bot{ padding:20px 20px 35px; display: none; color:#666666; line-height: 36px; }
#JobList .Message p{ margin:0; }
#JobList .BtnBox{ padding-top: 4.16% }
#JobList .BtnBox .Btn{ font-size: 20px; line-height: 50px; width: 150px; color:#fff; background-color: #0097fb; border-radius: 5px; display: inline-block; cursor: pointer; }

/**限时活动**/
#Activity{ padding:30px 0; }
#Activity i{ font-style: normal; }
#Activity .List{}
#Activity .ul1{}
#Activity .ul1 li{ float: left; display: inline-block; margin-left: 16px; width: 292px; overflow: hidden; }
#Activity .ul1 li:nth-child(odd){ margin-left: 0; }
#Activity .ul1 .Box{ display: table; background: #03439c; color:#fff; width: 100%; margin-bottom: 20px; }
#Activity .ul1 .stit{ width: 55px; border-right: 1px dashed #fff; display: table-cell; vertical-align: middle; text-align: center; font-size: 20px; background: #0553a7 url(../images/icons_25.png) repeat-y -4px; position: relative; }
#Activity .ul1 .stit:before{ position: absolute; display: block; content: ""; height: 12px; width:12px; border-radius: 50px; background: #fff; right: -6px; top: -7px; }
#Activity .ul1 .stit:after{ position: absolute; display: block; content: ""; height: 12px; width:12px; border-radius: 50px; background: #fff; right: -6px; bottom: -7px; }
#Activity .ul1 .stit i{ display: block; }
#Activity .ul1 .content{ display: table-cell; vertical-align: middle; text-align: center; padding:12px; }
#Activity .ul1 .content .border{ border:1px solid #fff; padding:12px 0; }
#Activity .ul1 .content .Big{ font-size: 72px; font-weight: bold; position: relative; display: inline-block; line-height: 60px; }
#Activity .ul1 .content .Big .i{ font-size: 20px; position: absolute; left: -15px; top: 0; line-height: 24px; }
#Activity .ul1 .content .word{ font-size: 20px; line-height: 24px; }
#Activity .ul1 li:nth-child(4n+2) .Box{ background: #088ee7; }
#Activity .ul1 li:nth-child(4n+2) .stit{ background-color: #0d9aea; }
#Activity .ul1 li:nth-child(4n+3) .Box{ background: #4f32cc; }
#Activity .ul1 li:nth-child(4n+3) .stit{ background-color: #5f42d2; }
#Activity .ul1 li:nth-child(4n) .Box{ background: #ea9b11; }
#Activity .ul1 li:nth-child(4n) .stit{ background-color: #eda61b; }
#Activity .dl1{}
#Activity .dl1 dd{ margin-left:0; margin-bottom: 25px; }
#Activity .dl1 .imgBox{ display: block; }
#Activity .dl1 .content{ padding:15px 0; }
#Activity .dl1 .title{ font-size: 24px; line-height: 26px; color:#737373; }
#Activity .dl1 .ul{ padding:10px 0 18px; border-bottom:1px solid #efefef; margin-bottom: 25px; }
#Activity .dl1 .ul li{ padding-left: 20px; font-size: 20px; line-height: 32px; color:#737373; position: relative; }
#Activity .dl1 .ul li:before{ content: ""; display: block; position: absolute; top:11px; left: 0; border-radius: 50%; background: #0298f7; height: 10px; width:10px; }
#Activity .dl1 .price{ font-size: 24px; line-height: 36px; color:#737373; }
#Activity .dl1 .price .num{ font-size: 60px; line-height: 50px; color:#ff3333; position: relative; margin-left: 3px; vertical-align: bottom; top: -3px; }
#Activity .dl1 .price .i{ display: block; position: absolute; top:5px; left: -23px; color:#fd342c; font-size: 27px; line-height: 18px; vertical-align: bottom; }
#Activity .dl1 .more{ font-size: 18px; line-height: 42px; color:#fff; background: #2a9bf2; width: 123px; text-align: center; }
#TankArticleBlock1{ position: fixed; left: 0; top: 0; width:100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; display: none; }
#TankArticleBlock1 i{ font-style: normal; }
#TankArticleBlock1 .Backcolor{ position: absolute; display: block; left: 50%; top: 50%; max-width: 90%; max-height: 96%; background: #fff; border-radius: 8px; }
#TankArticleBlock1 .exit{ position: absolute; display: block; right: -21px; top:-21px; width:42px; height: 42px; background: #fff url(../images/exit.png) no-repeat center; border-radius: 50%; cursor: pointer; transform: rotate(0deg); }
#TankArticleBlock1 .exit:hover{ transform: rotate(45deg); background-color: #2a9bf2; }
#TankArticleBlock1 .table{ display: table; height: 340px; width: 520px; max-width: 100%; }
#TankArticleBlock1 .table-cell{ padding:15px; vertical-align: middle; text-align: center; display: table-cell; }
#TankArticleBlock1 .title{ display: inline-block; position: relative; font-size: 72px; line-height: 60px; color:#0097fb; padding-left:50px; }
#TankArticleBlock1 .title .icons{ display: block; position: absolute; left: 0; bottom:0; font-size: 48px; line-height: 40px; background: none; }
#TankArticleBlock1 .word{ font-size: 30px; line-height: 34px; color:#555555; margin-top: 35px; }
#TankArticleBlock1 .word .icons{ display: inline-block; padding-left: 40px; background:url(../images/icons_26.png) no-repeat left center; }

/**会员中心**/
#MemberCenter{ padding-bottom:70px; }
#MemberCenter .TopBlock{}
#MemberCenter .TopBlock .welcome{ line-height: 40px; color:rgba(255,255,255,0.35); font-size: 20px; background: #005bc3; }
#MemberCenter .TopBlock .Message{ background: #001884; padding:10px 0 20px; }
#MemberCenter .TopBlock .name{ color:#fff; font-size: 24px; line-height: 40px; }
#MemberCenter .TopBlock .BtnBox{ margin-top: 3px; }
#MemberCenter .TopBlock .BtnBox .Btn{ display: inline-block; font-size: 18px; line-height: 40px; color:#fff; margin:0 3px; min-width: 115px; border-radius: 5px; background: #0097fb; }
#MemberCenter .LinksBox{}
#MemberCenter .LinksBox li{ border-bottom: 1px solid #dddddd; padding:25px 0; }
#MemberCenter .LinksBox a{ font-size: 24px; line-height: 32px; color:#737373; display: inline-block; padding-right: 60px; position: relative; }
#MemberCenter .LinksBox a .icons{ display: block; right: 0; top: 0; position: absolute; height: 30px; width: 20px; background-position: -302px -1px; }
#MemberCenter .LinksBox a:hover{ color:#079cff; font-weight: bold; }
#MemberCenter .LinksBox a:hover .icons{ background-position: -302px -43px; }
#MemberCenter .title-auto{ font-size: 22px; line-height: 65px; font-weight: bold; color:#737373; border-bottom:1px solid #efefef; }
#MemberCenter .labels{ display: block; position: absolute; left: 0; top: 50%; margin-top:-10px; cursor: pointer; }
#MemberCenter .labels .border{ display: block; height: 20px; width: 20px; border:1px solid #bfbfbf; }
#MemberCenter .labels .border:after{ content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; width:12px; height: 12px; background: #67bef7; opacity: 0; }
#MemberCenter .labels input:checked+.border:after{ opacity: 1; }
#MemberCenter .labels input{ position: absolute; height: 100%; width: 100%; display: block; opacity: 0; cursor: pointer; z-index: 9; }

/**基本设置**/
#MemberCenter .MemberInfo{}
#MemberCenter .MemberInfo .tips{ color:#ff0000; margin-right: 6px; display: none; }
#MemberCenter .MemberInfo .red .tips{ display: inline; }
#MemberCenter .MemberInfo .form{ padding:10px 0; }
#MemberCenter .MemberInfo .line{ border-top:1px solid #efefef; margin:2.25% 0; }
#MemberCenter .MemberInfo form{ display: block; padding-top:4px; }
#MemberCenter .MemberInfo .label{ position: relative; width: 400px; margin:0 auto; padding-left: 145px; font-size: 20px; line-height: 46px; color:#737373; padding-top:10px; padding-bottom:10px; }
#MemberCenter .MemberInfo .label .tit{ position: absolute; left: 0; display: block; width:135px; text-align: right; }
#MemberCenter .MemberInfo .label .input{ display: block; border:1px solid #ebebeb; line-height: 44px; height: 46px; padding:0 10px; font-size: 20px; color:#737373; width: 100%; }
#MemberCenter .MemberInfo .label label{ display: inline-block; margin-right: 20px; }
#MemberCenter .MemberInfo .label label input{ margin-right: 10px; }
#MemberCenter .MemberInfo .label .input:hover,
#MemberCenter .MemberInfo .label .input:focus{ border-color: #40b3fb; box-shadow: 0 0 5px rgba(34,179,247,0.4); }
#MemberCenter .MemberInfo .sub{}
#MemberCenter .MemberInfo .subBtn{ display: block; line-height: 46px; color:#fff; background: #009bfd; width: 125px; text-align: center; cursor: pointer; font-size: 18px; }
#MemberCenter .MemberInfo .subBtn:hover{ background: #40b3fb; }
/**购物清单**/
#MemberCenter .ShopList{ }
#MemberCenter .ShopList li{ border-bottom:1px solid #e2e2e2; padding:30px 0 30px 45px; position: relative; }
#MemberCenter .ShopList li .Box{ display: table; table-layout: fixed; width: 100%; }
#MemberCenter .ShopList .imgBox{ display: table-cell; vertical-align: middle; width: 130px; }
#MemberCenter .ShopList .imgBox .img{ display: block; overflow: hidden; }
#MemberCenter .ShopList .content{ display: table-cell; vertical-align: middle; padding:0 10px 0 25px; }
#MemberCenter .ShopList .content .title{ font-size: 20px; line-height: 26px; color:#3e3e3e; }
#MemberCenter .ShopList .content .title:hover{ color:#079cff; }
#MemberCenter .ShopList .content .lngtitle{ font-size: 18px; line-height: 24px; color:#c2c2c2; margin-bottom: 10px; }
#MemberCenter .ShopList .content .Money{ font-size: 24px; line-height: 26px; color:#f51818; }
#MemberCenter .ShopList .numBox{ display: table-cell; vertical-align: middle; width:120px; text-align: center; }
#MemberCenter .ShopList .numBox .word{ font-size: 20px; line-height: 26px; color:#7c7c7c; margin-bottom: 5px; display: block; }
#MemberCenter .ShopList .numBox .NumCheck{ border:1px solid #bfbfbf; color:#bfbfbf; text-align: center; line-height: 38px; }
#MemberCenter .ShopList .numBox .add{ float: left; display: inline-block; width: 38px; position: relative; overflow: hidden; text-indent: 999px; cursor: pointer; border-right: 1px solid #bfbfbf; }
#MemberCenter .ShopList .numBox .add:before{ position: absolute; content: ""; display: block; left: 31%; top: 50%; margin-top:-1px; width: 38%; height: 2px; background: #bfbfbf; }
#MemberCenter .ShopList .numBox .add:after{ position: absolute; content: ""; display: block; left: 50%; top: 31%; margin-left:-1px; height: 38%; width: 2px; background: #bfbfbf; }
#MemberCenter .ShopList .numBox input{ color:#464646; font-size: 18px; float: left; display: inline-block; width: 42px; line-height: 38px; border-right: 1px solid #bfbfbf; text-align: center; }
#MemberCenter .ShopList .numBox .minus{ float: left; display: inline-block; width: 38px; position: relative; overflow: hidden; text-indent: 999px; cursor: pointer; }
#MemberCenter .ShopList .numBox .minus:before{ position: absolute; content: ""; display: block; left: 31%; top: 50%; margin-top:-1px; width: 38%; height: 2px; background: #bfbfbf; cursor: pointer; }
#MemberCenter .ShopList .numBox .add:hover:before,
#MemberCenter .ShopList .numBox .add:hover:after,
#MemberCenter .ShopList .numBox .minus:hover:before{ background: #079cff; }
#MemberCenter .ShopList .last{ border:0 none; padding-left: 0; line-height: 46px; font-size: 20px; padding:20px 0 0; }
#MemberCenter .ShopList .last i{ font-style: normal; }
#MemberCenter .ShopList .last .clickAll{ position: relative; padding-left: 30px; color:#7a7a7a; }
#MemberCenter .ShopList .last .clickAll span{}
#MemberCenter .ShopList .last .tips{ font-size: 20px; color:#bcbcbc; margin-left:15px; }
#MemberCenter .ShopList .last .total{}
#MemberCenter .ShopList .last .total .hj{}
#MemberCenter .ShopList .last .total .totalnum{ color:#ff1a1a; margin-left: 10px; }
#MemberCenter .ShopList .last .total .totalval{ font-style: normal; }
#MemberCenter .ShopList .last .total .js{ font-size: 18px; line-height: 46px; color:#fff; background: #009bfd; width: 127px; text-align: center; display: inline-block; margin-left: 15px; }
#MemberCenter .ShopList .last .total .js:hover{ background: #40b3fb; }
/**结算页面**/
#MemberCenter .ShopTotal{}
#MemberCenter .ShopTotal i{ font-style: normal; }
#MemberCenter .ShopTotal .Block1{ line-height: 30px; padding:25px 0; border-bottom: 1px dashed #9e9e9e; }
#MemberCenter .ShopTotal .Block1 .name{ font-size: 24px; color:#001884; font-weight: bold; float: left; }
#MemberCenter .ShopTotal .Block1 .phone{ font-size: 20px; color:#5b5b5b; float: right; }
#MemberCenter .ShopTotal .Block2{ position: relative; font-size: 20px; line-height: 26px; color:#606060; padding-left: 35px; padding-top:30px; padding-bottom:30px; border-bottom: 1px solid #efefef; }
#MemberCenter .ShopTotal .Block2 .icons{ display: block; position: absolute; width:30px; height: 24px; left: 0; background: url(../images/icons_24.png) no-repeat center; }
#MemberCenter .ShopTotal .Block3{ font-size: 20px; line-height: 28px; color:#606060; padding:25px 0; }
#MemberCenter .ShopTotal .Block3 .lableBox{ position: relative; padding-left: 28px; display: inline-block; }
#MemberCenter .ShopTotal .Block3 .lableBox+.lableBox{ margin-left:50px; }
#MemberCenter .ShopTotal .Block3 .labels .border{ border-radius: 3px; }
#MemberCenter .ShopTotal .Block4{}
#MemberCenter .ShopTotal .Block4 li{ border-bottom:1px solid #e2e2e2; padding:0 0 30px; position: relative; }
#MemberCenter .ShopTotal .Block4 li .Box{ display: table; table-layout: fixed; width: 100%; padding:0 20px; }
#MemberCenter .ShopTotal .Block4 .imgBox{ display: table-cell; vertical-align: middle; width: 130px; }
#MemberCenter .ShopTotal .Block4 .imgBox .img{ display: block; overflow: hidden; }
#MemberCenter .ShopTotal .Block4 .imgBox img{ transform: scale(1); transition: all 0.3s; }
#MemberCenter .ShopTotal .Block4 .imgBox .img:hover img{ transform: scale(1.1); }
#MemberCenter .ShopTotal .Block4 .content{ display: table-cell; vertical-align: middle; padding:0 3.8%; }
#MemberCenter .ShopTotal .Block4 .content .title{ font-size: 20px; line-height: 28px; color:#3e3e3e; }
#MemberCenter .ShopTotal .Block4 .content .title:hover{ color:#079cff; }
#MemberCenter .ShopTotal .Block4 .content .lngtitle{ font-size: 18px; line-height: 24px; color:#c2c2c2; margin-bottom: 10px; }
#MemberCenter .ShopTotal .Block4 .content .Money{ font-size: 24px; line-height: 26px; color:#f51818; }
#MemberCenter .ShopTotal .Block5{ font-size: 20px; color:#7c7c7c; line-height: 30px; padding-top: 30px; }
#MemberCenter .ShopTotal .Block5 .label{ display: block; position: relative; padding-left: 105px; }
#MemberCenter .ShopTotal .Block5 .label .tit{ position: absolute; left: 0; width:100px;  }
#MemberCenter .ShopTotal .Block5 .label .input{ font-size: 18px; line-height: 24px; height: 82px; padding:8px 10px; color:#666; width:100%; border:1px solid #e2e2e2; resize: vertical; }
#MemberCenter .ShopTotal .Block5 .total{ font-size: 20px; padding-top:5px; }
#MemberCenter .ShopTotal .Block5 .total .color2{ color:#ff1a1a; margin-left: 10px; }
#MemberCenter .ShopTotal .Block5 .subBox{ padding-top: 15px; }
#MemberCenter .ShopTotal .Block5 .subBox .sub{ font-size: 18px; color:#fff; background: #009bfd; width: 127px; text-align: center; display: inline-block; line-height: 46px; cursor: pointer; }
#MemberCenter .ShopTotal .Block5 .subBox .sub:hover{ background: #40b3fb; display: inline-block; }
/***提交成功***/
#MemberCenter .SubFormSuccess{}
#MemberCenter .SubFormSuccess .Box{ position: relative; padding-top: 50px; }
#MemberCenter .SubFormSuccess .Box .icons{ display: block; height: 95px; width: 95px; background:url(../images/icons_23.jpg) no-repeat center; margin:0 auto; }
#MemberCenter .SubFormSuccess .title{ font-size: 30px; line-height: 36px; color:#001884; margin-bottom: 15px; margin-top: 45px; }
#MemberCenter .SubFormSuccess .message{ font-size: 20px; line-height: 28px; color:#737373; margin-bottom: 20px; }
#MemberCenter .SubFormSuccess .message .p{ padding:3px 0; }
#MemberCenter .SubFormSuccess .message .color1{ color:#0097fb; }
#MemberCenter .SubFormSuccess .Other{ font-size: 20px; line-height: 30px; color:#bfbfbf; }
#MemberCenter .SubFormSuccess .Other a{ color:#f6a360; display: inline-block; margin-right: 15px; margin-left:5px; }

.mark{background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.Form002330{ padding:20px 10px;width: 500px;margin: 0 auto;position: relative;
  top: 20px;left: 50%;margin-left: -250px;background: #FCF8F9;}
.close{display: block;width:28px;height: 28px;position: absolute;top: 10px;right: 10px;font-size: 15px;}
.Form002330 .row{ padding-bottom: 15px;}
.Form002330 .rowbox{ padding-bottom: 0;}
.Form002330 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;}
.Form002330 .row-inner{ max-width: 445px; margin: 0 auto; position: relative; padding-left: 75px; color: #666; font-size: 14px; line-height: 34px;}
.Form002330 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 14px; font-weight: normal;}
.Form002330 .row-inner .span1{font-weight: bold;}
.Form002330 .row-inner .username{ display: block;}
.Form002330 .row-inner .text{border: 1px solid #dadada; color: #adadad; line-height: 32px; width: 90%; padding: 0 10px; display: inline-block;}
.Form002330 .row-inner .text1{border: none;line-height: 23px;width: 100%;}
.Form002330 .row-inner .span2{line-height: 32px;}
.Form002330 .row-inner em{ color: #E24220;font-style: normal;line-height: 32px;display: inline-block}
.Form002330 .row-inner textarea{border: 1px solid #dadada; color: #adadad; line-height: 32px; width: 100%; padding: 0 10px; display: inline-block;}
.Form002330 .row-inner .text.focus{border-color: #d70c18; color: #666; box-shadow:0 0 5px rgba(215,12,24,.5) inset; -webkit-box-shadow:0 0 5px rgba(215,12,24,.5) inset; -moz-box-shadow:0 0 5px rgba(215,12,24,.5) inset; -o-box-shadow:0 0 5px rgba(215,12,24,.5) inset;}
.Form002330 .btn{  border-radius: 5px; background-color: #0097fb; line-height: 38px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; width: 130px; border: none; cursor: pointer; margin: 35px auto 20px; display: block;}

.qqke{position: fixed;left: 0;float: left;bottom: 0;display:none;}
.qqke img{width: 73px;}