@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #333; 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;
}
*{ box-sizing: border-box; }
/*默认去除ul、li的默认样式*/
textarea{ font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; }
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
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:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #00a3e8;}

.Bgcolor1{ background: #fff; }
.Bgcolor2{ background: #f7f7f7; }
.Bgcolor3{ background: #00a3e8; }
.overflow{overflow:hidden;}
.hide{display:none;}
.clear{ clear:both; }
.clearfix:after{ content: ''; display: block; clear: both; }
.left{ float: left; display: inline-block; }
.right{ float: right; display: inline-block; }
.x-half{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.y-half{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.xy-half{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.x-half1{ transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); }
.y-half1{ transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); }
.xy-half2{ transform: translate(-50%,50%); -webkit-transform: translate(-50%,50%); -moz-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); -o-transform: translate(-50%,50%); }
.xy-half3{ transform: translate(50%,-50%); -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); -o-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 ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.css3_t3{ transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.css3_t5{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.css3_t10{ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; }
.css3_t30{ transition: all 3s ease-in-out; -webkit-transition: all 3s ease-in-out; -ms-transition: all 3s ease-in-out; -o-transition: all 3s ease-in-out; -moz-transition: all 3s ease-in-out; }
.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: rgba(6,165,233,0.8);
}
.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);
}

.auto1720{ margin: 0 auto; padding:0 15px; max-width: 1750px; }
.auto1570{ margin: 0 auto; padding:0 15px; max-width: 1600px; }
.auto1200{ margin: 0 auto; padding:0 15px; max-width: 1230px; }
.icons{ background-image: url(../images/icons.png); background-repeat:  no-repeat; }
.AutoTitle{ font-size: 24px; line-height: 28px; color:#333333; text-align: center; overflow: hidden; padding:30px 0; }
.AutoTitle span{ display: inline-block; position: relative; padding:0 5%; }
.AutoTitle span:before{ content:""; position: absolute; width:1200px; right: 100%; border-bottom: 1px solid #cccccc; top: 50%; }
.AutoTitle span:after{ content:""; position: absolute; width:1200px; left: 100%; border-bottom: 1px solid #cccccc; top: 50%; }
/*全局样式*/



/*页面框架结构*/
.current{ /*当前位置*/}


/**百度分享样式**/
#bdshare_weixin_qrcode_dialog,#bdshare_weixin_qrcode_dialog *{ box-sizing: content-box; }
/**百度地图copy**/
.BMap_cpyCtrl,.anchorBL{ display: none; }

/*分页*/
.pages{}
/*分页*/


/*头部*/
body.Index #header{ background: transparent; }
body.Index #header:hover{ background-color: #fff; }
#header{ position: fixed; z-index: 1000; width: 100%; top:0; background:#fff; }
#header:hover{ background: #fff; }
#header .logo{ vertical-align: middle; display: inline-block; padding-bottom:5px; }
#header .menu{ display: inline-block; vertical-align: middle; text-align: center; }
#header .menu li{ float: left; display: inline-block; padding:0 10px; z-index: 1; }
#header .menu .title{ font-size: 14px; line-height: 24px; padding:28px 5px; color:#999999; position: relative; display: block; }
#header .menu .title:after{ display: block; content:""; position: absolute; left: 0; width: 100%; bottom: 0; height: 2px; background: transparent; transition: all 0.3s linear; }
#header .menu li .DownBox{}
#header .menu li .Downlist{ display: block; position: absolute; padding:20px 0; width:100%; text-align: center; left:0; }
#header .menu li .Downlist a{ font-size: 16px; color:#333; line-height: 22px; display: inline-block; padding:0 5px; margin:0 12px; }
#header .menu li .DownlistBack{ position: absolute; left: 0; top: 100%; height: 0; width:100%; height: inherit; background: rgba(255,255,255,0.6); }
#header .menu li.hover .Downlist{ opacity: 1; z-index: 2; }
#header .menu li:hover .title{ color:#06a5e9; }
#header .menu li .Downlist a:hover{ color:#06a5e9; }
#header .menu li.onav .title:after{ background: rgba(6,165,233,0.62); }
#header .right{ padding:28px 0; }
#header .Others{}
#header .Others .O-li{ width:26px; height: 24px; display: inline-block; float: left; margin:0 10px; }
#header .Others .Shop{ background-position: 3px 3px; }
#header .Others .Brand{ background-position: -47px 1px; }
#header .Others .Search{ position: relative; width:22px; }
#header .Others .Search .Key{ display: none; position: absolute; right: 105%; top: 50%; margin-top:-14px; width:200px; color:#666; line-height: 28px; height: 28px; padding:0 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; background:#f8f8f8; }
#header .Others .Search:hover .Key,
#header .Others .Search .Key:focus{ display: block; }
#header .Others .Search .icons{ display: block; width:21px; height: 24px; background-position: -97px 2px; color:transparent; cursor: pointer; }
#header .Others .Member{ background-position: -144px 2px; width:21px; }
#header .Language{ margin-left: 10px; width:30px; position: relative; text-align: center; }
#header .Language .Onlanguage{ display: table-cell; height: 24px; vertical-align: middle; text-align: center; width:30px; cursor: pointer; }
#header .Language .DownBox{ position: absolute; top: 100%; width:100%; padding: 5px 0; display: none; }
#header .Language .DownBox a{ display: block; padding:3px 0; }
#header .Language .DownBox a:hover{ opacity: 0.6; }
#header .PhoneBtn{ display: none; }
/*头部*/
/**头部会员登录信息**/
#MemberTank{ position: fixed; left:0; top:0; width:100%; height: 100%; z-index: 99999; background-color: rgba(0,0,0,0.3); display: none; }
#MemberTank .Block{ position: absolute; left: 50%; top: 50%; max-width: 80%; width:600px; max-height: 90%; overflow-y: auto; background-color: #e5e5e5; }
#MemberTank .BlockTable{ padding: 6.66%; }
#MemberTank .title{ font-size: 24px; line-height: 28px; color:#333; font-weight: bold; text-align: center; margin-bottom: 25px; }
#MemberTank label{ margin-bottom: 20px; position: relative; display: block; }
#MemberTank label:last-child{ margin-bottom: 0; }
#MemberTank label .icons{ position: absolute; display: block; left: 20px; top:50%; margin-top: -20px; width: 40px; height: 40px; }
#MemberTank label .input{ border-radius: 8px; padding:0 24px; font-size: 18px; color:#333; line-height: 70px; height: 70px; width: 100%; }
#MemberTank label.name .input{ background-color: #ffffff; padding-left: 70px; }
#MemberTank label.mail .input{ background-color: #ffffff; padding-left: 70px; }
#MemberTank label.password .input{ background-color: #ffffff; padding-left: 70px; }
#MemberTank label.name .icons{ background-position:-292px -44px; }
#MemberTank label.mail .icons{ background-position:-292px -2px; }
#MemberTank label.password .icons{ background-position:-341px -3px;}
#MemberTank label.m-b-0{ margin-bottom:0; }
#MemberTank .angryBox{ padding:10px 0; }
#MemberTank label.angry{ font-size: 18px; line-height:22px; color:#8e8e8e; position: relative; padding:8px 35px; margin-bottom: 0; }
#MemberTank label.angry input{ position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; }
#MemberTank label.angry .point{ position: absolute; display: block; border-radius: 50%; top:4px; left: 0; height: 28px; width: 28px; border:1px solid #cecece; cursor: pointer; }
#MemberTank label.angry .point i{ position: absolute; left: 50%; top:50%; margin-left:-7px; margin-top: -7px; width: 14px; height: 14px; border-radius: 50%; background-color: #01a4e9; display: none; }
#MemberTank label.angry .point input[type=checkbox]:checked+i{ display: block; }
#MemberTank label.angry a{ color:#01a4e9; }
#MemberTank .Submit{ width: 100%; line-height: 70px; display: block; border-radius: 8px; text-align: center; cursor: pointer; background-color: #01a4e9; font-size: 18px; color:#fff; }
#MemberTank .Submit:hover{ background-color: #24ade7; }
#MemberTank .other a{ width: 100%; line-height: 70px; display: block; border-radius: 8px; text-align: center; cursor: pointer; border:1px solid #c1c1c1; font-size: 18px; color:#ababab; background-color: transparent; }
#MemberTank .other a:hover{ background-color: #01a4e9; color:#fff; }
#MemberTank label input:-moz-placeholder{  color: #bdbdbd; } 
#MemberTank label input:-ms-input-placeholder{ color: #bdbdbd; }   
#MemberTank label input::-webkit-input-placeholder{ color: #bdbdbd; }
#MemberTank label input:-ms-input-placeholder{ color:#bdbdbd; }

/**公共Banner**/
#AutoBanner{ overflow: hidden; }
#AutoBanner img{ display: block; }

/**Banner**/
#Banner{ position: relative; }
#Banner,#Banner a{ color:#fff; }
#Banner .swiper-Banner{ overflow: hidden; }
#Banner .swiper-slide,
#Banner .fullwidthbanner-main li{ position: relative; }
#Banner .swiper-slide .content,
#Banner .fullwidthbanner-main li .content{ position: absolute; left: 0; top:0; width: 100%; }
#Banner .fullwidthbanner-main li .content{ display: none; }
#Banner .fullwidthbanner-main li>.content{ display: block; }
#Banner .swiper-slide .B-title,
#Banner .fullwidthbanner-main li .B-title{ font-weight:bold; }
#Banner .swiper-slide .B-description{}
#Banner .swiper-slide .B-cont{}
#Banner .swiper-slide .B-article{}
#Banner .swiper-slide .B-more,
#Banner .fullwidthbanner-main li .B-more{ border:1px solid #fff; display: inline-block; }
#Banner .PagesBox{ position: absolute; left: 0; bottom: 6.66%; width:100%; display: block; text-align: center; }
#Banner .PagesBox span{ display: inline-block; height: 12px; width:12px; border-radius: 6px; margin:0 5px; background: #fff; transition: all 0.3s linear; cursor: pointer; }
#Banner .PagesBox span.swiper-active-switch{ width:48px; background: #00a3e8; }
#Banner .slider-nav{ position: absolute; left: 0; bottom: 6.66%; width:100%; display: block; text-align: center; z-index: 99; }
#Banner .slider-nav li{ color:transparent; text-indent: 9999; overflow: hidden; display: inline-block; height: 12px; width:12px; border-radius: 6px; margin:0 5px; background: #fff; transition: all 0.3s linear; cursor: pointer; }
#Banner .slider-nav li.active{ width:48px; background: #00a3e8; }

/*底部*/
#footer{ font-size: 12px; line-height: 20px; color:#666666; background: #242424; padding:50px 0; }
#footer .title{ font-size: 14px; line-height: 22px; color:#fff; }
#footer .title span{ border-bottom:1px solid #666666; display: inline-block; min-width: 100px; padding-bottom: 5px; position: relative; }
#footer .title span:after{ position: absolute; display: block; content:""; left: 0; bottom:-1px; border-bottom: 1px solid #06a5e9; width:1.6em; }
#footer .Message{ width:240px; float: left; display: inline-block; }
#footer .iconsBox{ padding:25px 0; }
#footer .iconsBox a{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; }
#footer .iconsBox a+a{ margin-left: 8px; }
#footer .iconsBox a.icon1{ background-position: 0 -51px; }
#footer .iconsBox a.icon2{ background-position: -40px -51px; }
#footer .iconsBox a.icon3{ background-position: -81px -51px; }
#footer .iconsBox a.icon4{ background-position: -123px -51px; }
#footer .iconsBox a.icon5{ background-position: -164px -52px; }
#footer .iconsBox a.icon6{ background-position: -204px -53px; }
#footer .iconsBox a.icon1:hover{ background-position: 0 -51px; }
#footer .iconsBox a.icon2:hover{ background-position: -40px -106px; }
#footer .iconsBox a.icon3:hover{ background-position: -81px -106px; }
#footer .iconsBox a.icon4:hover{ background-position: -123px -106px; }
#footer .iconsBox a.icon5:hover{ background-position: -164px -107px; }
#footer .iconsBox a.icon6:hover{ background-position: -204px -108px; }
#footer .copyright{ line-height: 26px; }
#footer .copyright a{ color:#666; }
#footer .copyright a:hover{ color:#06a5e9; }
#footer .Menu{ float: left; display: inline-block; }
#footer .ul{ margin-left:25px; }
#footer .ul li{ display: inline-block; vertical-align: top; margin:0 15px 15px; }
#footer .ul li .title{ margin-bottom:10px; }
#footer .ul li .a{ padding:10px 0px; }
#footer .ul li a{ color:#666666; }
#footer .ul li a:hover{ color:#06a5e9; }
#footer .ul li:last-child a{ margin-right: 0; }
#footer .Form{ width:24%; float: right; display: inline-block; }
#footer .Form a{ color:#06a5e9; }
#footer .Form form{ display: block; }
#footer .Form form .Key{ width:62.96%; float: left; display: inline-block; font-size: 12px; height: 34px; line-height: 32px; border:1px solid #666; padding:0 10px; color:#666; }
#footer .Form form .icons{ width:36%; float: right; display: inline-block; background: #666; text-align: center; line-height: 34px; color:#333333; cursor: pointer; }
#footer .Form form .icons:hover{ background:#06a5e9; color:#fff; }
/*底部*/

/**分页**/
.PageBox{ text-align:center;  padding:20px 0; font-size:17px;}
.PageBox .p_page .p_cur,
.PageBox .p_page .p_count,
.PageBox .p_page .p_total,
.PageBox .p_page .p_jump,
.PageBox .p_page .a_first,
.PageBox .p_page .a_end{ display:none;}
.PageBox .p_page em{ font-style:normal;}
.PageBox .p_page a{ display:inline-block; vertical-align:middle; color:#333; height:44px; line-height:44px; font-style: normal; margin:0 10px; font-weight: bold; }

/**首页-内容**/
#Index_product{}
#Index_product .Typelist{ overflow: hidden; text-align: center; padding:35px 0 10px; }
#Index_product .Typelist .ul{ margin:0 -15px; }
#Index_product .Typelist .ul li{ float: left; display: inline-block; width:33.33%; }
#Index_product .Typelist .ul .Box{ display: block; margin:15px; }
#Index_product .Typelist .ul .imgBox{ overflow: hidden; }
#Index_product .Typelist .ul img{ display: block; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); margin:0 auto; }
#Index_product .Typelist .ul .title{ margin:15px; font-size: 16px; line-height: 22px; color:#333333; }
#Index_product .Typelist .ul .Box:hover img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); }
#Index_product .Typelist .ul .Box:hover .title{ color:#06a5e9; }
#Index_product .Productlist{ padding:20px 0 6%; }
#Index_product .Productlist .ul{ position: relative; }
#Index_product .Productlist .ul li{ width:47.5%; }
#Index_product .Productlist .ul .li1,#Index_product .Productlist .ul .li2{ margin-bottom: 5%; }
#Index_product .Productlist .ul .li2,#Index_product .Productlist .ul .li4{ float: right; }
#Index_product .Productlist .ul .li1{ float: left; }

#Index_product .Productlist .Box{ position: relative; display: block; overflow: hidden; }
#Index_product .Productlist .title{ position: absolute; left: 0; bottom:0; width: 100%; margin:0; font-size: 24px; line-height: 28px; color:#ffffff; text-align: center; background: rgba(0,0,0,0.7); padding:18px 15px; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); }
#Index_product .Productlist .Box:hover{ box-shadow:0 0 20px rgba(0,0,0,0.8); }
#Index_product .Productlist .Box:hover .title{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

/**产品列表**/
#ProductList{ padding:1.66% 0; background-color: #f7f7f7; }
#ProductList .ul{ margin:0 -15px; }
#ProductList .ul li{ float: left; display: inline-block; width: 33.33%; }
#ProductList .ul .Box{ margin:15px; background-color: #fff; padding-bottom: 1px; }
#ProductList .ul .imgBox{ display: block; overflow: hidden; background: #efefef; }
#ProductList .ul img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); display: block; }
#ProductList .ul .title{ position: relative; font-size: 16px; color:#333; margin-bottom: 25px; margin-top: 30px; line-height: 22px; padding:0 90px 0 16px; }
#ProductList .ul .more{ display: block; position: absolute; right: 50px; top:50%; margin-top: -6px; height: 12px; width:30px; border-left: 1px solid #c6c6c8; }
#ProductList .ul .icons{ display: block; position: absolute; right: 0; top:0; height: 12px; width:18px; background-position: 0px -142px; }
#ProductList .ul .Box:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); }
#ProductList .ul .Box:hover .title{ color:#06a5e9; }
#ProductList .ul .Box:hover .icons{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); right: -6px; }

/**产品详情页**/
#ProductInfo{background: #F2F2F2}
#ProductInfo .top{ padding-top:2.8%; margin-bottom: 2.5%; }
#ProductInfo .InfoImg{ width:40%; }
#ProductInfo .BigImg{ display: block; }
#ProductInfo .BigImg img{ display: block; width: 100%; }
#ProductInfo .swiper-Imglist{ overflow: hidden; margin:0 43px; }
#ProductInfo .swiper-Imglist img{ display: block; opacity: 0; }
#ProductInfo .swiper-Imglist .swiper-slide,#ProductInfo .swiper-Imglist .swiper-wrapper{height: auto!important;}
#ProductInfo .swiper-Imglist .imgBox{ border-left: 1px solid #fff; padding-top:60.93%; background-size: 100% auto!important; cursor:pointer }
#ProductInfo .swiper-Imglist .on .imgBox{ opacity: 0.6;}
#ProductInfo .Imglist{ margin-top: 9px; position: relative; }
#ProductInfo .Imglist .PnBox span{ cursor: pointer; position: absolute; top:0; border:1px solid #dcdcdc; background-color: #efefef; width:38px; display: block; height: 100%; }
#ProductInfo .Imglist .PnBox span i{ display: block; display: block; position: absolute; width:16px; height: 20px; left: 50%; top: 50%; margin-left: -8px; margin-top:-10px; }
#ProductInfo .Imglist .prev{ left: 0; }
#ProductInfo .Imglist .next{ right: 0; }
#ProductInfo .Imglist .prev i{ background-position: -240px 0; }
#ProductInfo .Imglist .next i{ background-position: -262px 0; }
#ProductInfo .InfoDescription{ width:56%; padding-right: 3.1%; }
#ProductInfo .InfoDescription .title{ font-size: 30px; line-height: 34px; color:#333333; margin:0 0 8% 0; }
#ProductInfo .InfoDescription .desciption{ font-size: 16px; line-height: 28px; color:#888888; margin-left: 5.5%; margin-bottom: 5%; }
#ProductInfo .InfoDescription .price{ font-size: 16px; line-height: 24px; color:#888888; margin-bottom:4.5%; }
#ProductInfo .InfoDescription .price i{ color:#00a3e8; font-style: normal; font-weight: bold; }
#ProductInfo .InfoDescription .price span{ font-size: 28px; color:#00a3e8; font-weight: bold; }
#ProductInfo .InfoDescription .BuyBox{}
#ProductInfo .InfoDescription .BuyBox a{ display: inline-block; padding:13px 25px; line-height: 24px; font-size: 18px; color:#fff; border-radius: 3px; font-weight: bold; }
#ProductInfo .InfoDescription .BuyBox a.Buy{ background:#00a3e8; margin-bottom: 10px; }
#ProductInfo .InfoDescription .BuyBox a.Down{ background:#00a3e8; margin-left: 4px; }
#ProductInfo .InfoDescription .BuyBox a:hover{ background-color: #ff9d33; }
#ProductInfo .contTable{}
#ProductInfo .tab-title{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size: 18px; line-height: 24px; color:#333333; }
#ProductInfo .tab-title span{ padding:23px 3px; display: inline-block; border:2px solid transparent;cursor:pointer;}
#ProductInfo .tab-title span+span{ margin-left: 55px; }
#ProductInfo .tab-title span.on{ border-bottom-color:#00a3e8; }
/*#ProductInfo .tab-list{ padding:5% 0; }*/
#ProductInfo .tab-list .list{ display: none; }
#ProductInfo .tab-list .cont{ width:100%; font-size: 14px; line-height: 22px; color:#333333; padding-top: 2%; }
#ProductInfo .tab-list .ul{ margin-left: 25px; }
#ProductInfo .tab-list .ul li{ position: relative; margin-bottom: 1.8em; }
#ProductInfo .tab-list .ul li:before,#ProductInfo .tab-list .ul li:after{ display: block; content:""; position: absolute; left: -25px; top: 0; border-radius: 50%; }
#ProductInfo .tab-list .ul li:before{ border:1px solid #d2d2d2; width:16px; height: 16px; margin-top: 3px; }
#ProductInfo .tab-list .ul li:after{ width: 8px; height: 8px; background: #d2d2d2; margin-top: 8px; margin-left: 5px; }
#ProductInfo .tab-list .imgBox{ max-width: 40.83%; }

/**博客**/
#BlogList{background-color: #f7f7f7; }
#BlogList .ul{}
#BlogList .ul li{}
#BlogList .ul .Box{ margin:15px; background-color: #fff; }
#BlogList .ul .imgBox{ display: block; overflow: hidden; }
#BlogList .ul img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); display: block;margin:0 auto}
#BlogList .ul .Bot{}
#BlogList .ul .title{ position: relative; font-size: 16px; color:#333; line-height: 22px; padding:25px 18px 0; margin-bottom: 25px; height: 67px; }
#BlogList .ul .Others{ padding:15px 18px; border-top:1px solid #efefef; }
#BlogList .ul .Others em{ font-style: normal; }
#BlogList .ul .Others span{ display: inline-block; line-height: 34px; position: relative; padding-left: 20px; cursor: pointer; }
#BlogList .ul .Others span+span{ margin-left: 10px; }
#BlogList .ul .Others span i{ position: absolute; left: 0; height: 16px; width:16px; top: 50%; margin-top:-8px; }
#BlogList .ul .Others .good i{ background-position: -241px -31px; }
#BlogList .ul .Others .comments i{ background-position: -241px -54px; }
#BlogList .ul .Others .browse i{ width:20px; background-position: -241px -74px; }
#BlogList .ul .Others .good:hover i{ background-position: -262px -31px; }
#BlogList .ul .Others .comments:hover i{ background-position: -262px -54px; }
#BlogList .ul .Others .browse:hover i{ width:20px; background-position: -262px -74px; }
#BlogList .ul .more{ display: inline-block; padding: 0 15px; line-height: 34px; border-radius: 3px; color:#fff; background-color: #00a3e8; float: right; }
#BlogList .ul .more:hover{ background-color: #24b9f8; }
#BlogList .ul .imgBox:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); }
#BlogList .ul .title:hover{ color:#06a5e9; }

#BlogList #div1 { margin: auto; position: relative; }
#BlogList .libox { float: left; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; box-shadow: 0 0 8px #ccc;width:340px}
#BlogList .libox:hover { box-shadow: 0 0 10px #999; }
#BlogList .libox img {width:300px}
#BlogList .Box{text-align:center}


/**论坛**/
#BBSList{ }
#BBSList .PostBBS{ background: #fff; padding:3.5% 3.33%; margin-bottom: 10px; }
#BBSList .PostBBS .PostTitle{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
#BBSList .PostBBS .PostTitle input[type=text]{ display: inline-block; vertical-align: middle; height: 44px; line-height: 42px; border:1px solid #d9d9d9; padding:0 10px; font-size: 14px; color:#888888; width:400px; border-radius: 3px; max-width: 100%; }
#BBSList .PostBBS .PostContent{ margin-bottom: 25px; }
#BBSList .PostBBS .PostContent .editor{ min-height: 150px; }
#BBSList .PostBBS .SubBox{}
#BBSList .PostBBS .SubBox .Submit,
#BBSList .PostBBS .SubBox .cancel{ display: inline-block; font-size: 16px; line-height: 42px; height: 42px; color:#fff; padding:0 55px; background:#00a3e8; border-radius: 3px; cursor: pointer; }
#BBSList .PostBBS .SubBox .Submit:hover,
#BBSList .PostBBS .SubBox .cancel:hover{ background:#efefef; color:#666666; }
#BBSList .BBSList{ background: #fff; }
#BBSList .BBSList .ul{}
#BBSList .BBSList li{ padding:0 3.33%; border-bottom:1px solid #f0f0f0; }
#BBSList .BBSList li .Box{ position: relative; font-size: 16px; line-height: 24px; padding:30px 0 30px 75px; }
#BBSList .BBSList li img{ position: absolute; left: 0; top:15px; width:58px; height: 58px; border-radius: 50%; }
#BBSList .BBSList li .date{ color:#888; float: left; display: inline-block; margin-right: 20px; padding-right: 20px; position: relative; }
#BBSList .BBSList li .date i{ position: absolute; border-right:1px solid #c3c3c3; height: 14px; right: 0; top: 50%; margin-top: -7px; }
#BBSList .BBSList li .title{ color:#333; }
#BBSList .BBSList li .title:hover{ color:#33adeb; }
#BBSList .BBSList .Others{ font-size: 14px; color:#888; float: right; }
#BBSList .BBSList .Others em{ font-style: normal; }
#BBSList .BBSList .Others span{ display: inline-block; line-height: 24px; position: relative; padding-left: 20px; cursor: pointer; }
#BBSList .BBSList .Others span+span{ margin-left: 18px; }
#BBSList .BBSList .Others span i{ position: absolute; left: 0; height: 16px; width:16px; top: 50%; margin-top:-8px; }
#BBSList .BBSList .Others .good i{ background-position: -241px -31px; }
#BBSList .BBSList .Others .comments i{ background-position: -241px -54px; }
#BBSList .BBSList .Others .browse i{ width:20px; background-position: -241px -74px; }
#BBSList .BBSList .Others .good:hover i{ background-position: -262px -31px; }
#BBSList .BBSList .Others .comments:hover i{ background-position: -262px -54px; }
#BBSList .BBSList .Others .browse:hover i{ width:20px; background-position: -262px -74px; }

/**博客详情页&&论坛详情页**/
#BlogInfo{ background-color: #f7f7f7; }
.Info-Block{ width:77.08%; padding-bottom: 5%; }
.Info-Block .Top{ background:#fff; padding:30px; }
.Info-Block .Info-title{ font-size: 20px; line-height: 24px; color:#333333; padding:5px 0; margin:0 0 5px; }
.Info-Block .Info-Author{ font-size: 14px; line-height: 24px; color:#333333; }
.Info-Block .Info-Author em{ font-style: normal; }
.Info-Block .Info-Author .Others{ display: inline-block; margin-left: 35px; }
.Info-Block .Info-Author .Others span{ display: inline-block; position: relative; padding-left: 20px; cursor: pointer; }
.Info-Block .Info-Author .Others span+span{ margin-left: 20px; }
.Info-Block .Info-Author .Others span i{ position: absolute; left: 0; height: 16px; width:16px; top: 50%; margin-top:-8px; }
.Info-Block .Info-Author .Others .like i.on{ background-position: -46px -141px; }
.Info-Block .Info-Author .Others .like i{ background-position: -216px -143px; }
.Info-Block .Info-Author .Others .comments i{ background-position: -83px -141px; }
.Info-Block .Info-Author .Others .browse i{ width:20px; background-position: -115px -141px; }
.Info-Block .Info-Content{ padding-top: 20px; border-top:1px solid #e5e5e5; margin-top:35px; }
.Info-Block .Info-Content .VideoBox{ position: relative; }
.Info-Block .Info-Content .VideoBox video{ display: block; }
.Info-Block .Info-Content .VideoBox .play{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/icon_video_3.png) no-repeat center; z-index: 5; }
.Info-Block .Info-Content .VideoBox.played .play{ display: none; }
.Info-Block .C-cont{ font-size: 14px; line-height: 24px; color:#333; padding:5% 0;  }
.Info-Block .C-cont p{ margin:0; }
.Info-Block .C-cont a{ color:#00a3e8; }
.Info-Block .CommentBlock{ padding:30px; margin-top:10px; background: #fff; }
.Info-Block .CommentBlock .com-tit{ font-size: 16px; line-height: 28px; font-weight: bold; position: relative; padding-left: 30px; margin-bottom: 10px; }
.Info-Block .CommentBlock .com-tit i.icons{ position: absolute; left: 0; top: 50%; margin-top:-12px; background-position: -240px -116px; width:25px; height: 25px; }
.Info-Block .CommentBlock .com-edit .edit{ /*height: 200px;*/ }
.Info-Block .CommentBlock .SubBox{ padding-top: 15px; }
.Info-Block .CommentBlock .SubBox input{ display: inline-block; cursor: pointer; font-size: 16px; line-height: 45px; height: 45px; width:145px; text-align: center; color:#fff; background-color: #00a3e8; border-radius: 3px; }
.MessageBlock .SubBox input{ display: inline-block; cursor: pointer; font-size: 16px; line-height: 45px; height: 45px; width:145px; text-align: center; color:#fff; background-color: #00a3e8; border-radius: 3px; }

.Info-Block .CommentBlock .SubBox input:hover{ background: #38b9f0; }
.Info-Block .CommentBlock .com-list{ padding:3% 0 1%; }
.Info-Block .CommentBlock .dl{ width:90.75%; margin:0; margin-left: 2.8%; }
.Info-Block .CommentBlock .dl dd{ padding-left:95px; position: relative; margin:0; }
.Info-Block .CommentBlock .dl .listFirst{text-align: left}
.Info-Block .CommentBlock .dl .listFirst .imgBox{position: absolute; left: 0; top: 0; width:78px; height: 78px;text-align: center}
.Info-Block .CommentBlock .dl .listFirst .imgBox p{}
.Info-Block .CommentBlock .dl .listFirst .headimg{  border-radius: 50%;max-width: 100% }
.Info-Block .CommentBlock .dl .listFirst .messageFirst{ padding: 15px 0; font-size: 16px; line-height: 24px; min-height:80px; }
.Info-Block .CommentBlock .dl .listFirst .message{ font-size: 14px; color:#666; padding-top: 5px; }
.Info-Block .CommentBlock .dl .Others{ display: inline-block; float: right; font-size: 12px; }
.Info-Block .CommentBlock .dl .Others em{ font-style: normal; }
.Info-Block .CommentBlock .dl .Others span{ display: inline-block; position: relative; padding-left: 20px; cursor: pointer; }
.Info-Block .CommentBlock .dl .Others span+span{ margin-left: 15px; }
.Info-Block .CommentBlock .dl .Others span i{ position: absolute; left: 0; height: 16px; width:16px; top: 50%; margin-top:-8px; }
.Info-Block .CommentBlock .dl .Others .good i{ background-position:-241px -33px; }
.Info-Block .CommentBlock .dl .Others .reply i{ background-position: -264px -93px; margin-top: -9px; }
/*.Info-Block .CommentBlock .dl .Others .good:hover i{ background-position:-262px -33px; }*/
.Info-Block .CommentBlock .dl .Others .good i.on{ background-position:-262px -33px; }
.Info-Block .CommentBlock .dl .Others .reply:hover i{ background-position: -264px -108px; }
.Info-Block .CommentBlock .dl li .replymessage{ float: right; line-height: 24px; font-size: 12px; }
.Info-Block .CommentBlock .dl li .time{ font-size: 12px; margin-right:15px; float: left; display: inline-block; }
.Info-Block .CommentBlock .dl .li+li{ border-top:1px solid #e5e5e5; }
.Info-Block .CommentBlock .dl .ul{ border:1px solid #e5e5e5; font-size: 14px; }
.Info-Block .CommentBlock .dl .li{ position: relative; padding-left: 80px; padding-right: 15px; text-align: left}
.Info-Block .CommentBlock .dl .li .headimg{ width:48px; height: 48px; border-radius: 50%; position: absolute; left: 16px; top:18px; }
.Info-Block .CommentBlock .dl .li .message{ color:#666; }
.Info-Block .CommentBlock .dl .li .messageSecond{ padding:25px 0; }
.R-HotList{ width:21.66%; }
.R-HotList .h2{ border-top:4px solid #00a3e8; font-size: 16px; line-height: 24px; padding:18px 20px; color:#333; border-bottom:1px dashed #e5e5e5; background:#fff; }
.R-HotList dl.ul{ margin:0; padding:23px 20px 10px; margin-bottom:10px; background:#fff; }
.R-HotList dl.ul dd{ margin:0; padding-bottom: 20px; }
.R-HotList dl.ul dd .Box{ display: block; }
.R-HotList dl.ul dd .imgBox{ overflow: hidden; }
.R-HotList dl.ul dd img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); display: block; }
.R-HotList dl.ul dd .title{ font-size: 14px; line-height: 18px; height: 36px; color:#333; padding:0; margin-top:12px; }
.R-HotList dl.ul dd .Box:hover img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); }
.R-HotList dl.ul dd .Box:hover .title{ color:#00a3e8; }
.R-HotList ul.ul{ padding-bottom: 40px; background:#fff; }
.R-HotList ul.ul li{ border-bottom: 1px solid #f2f2f2; line-height: 20px; padding:20px 20px 20px 30px; position: relative; }
.R-HotList ul.ul li .title{ font-size: 14px; color:#333; position: relative; display: block; }
.R-HotList ul.ul li .title:after{ display: block; content:""; height: 6px; width:6px; background:#888888; border-radius: 50%; position: absolute; left: -10px; top: 7px; }
.R-HotList ul.ul li .title:hover{ color:#00a3e8; }
.R-HotList ul.ul li .author{ font-size: 12px; color:#888888; }

/**回复弹框**/
#BlogTankBlock{ position: fixed; z-index: 9999; background:rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%; display: none; }
#BlogTankBlock .Block{ position: absolute; left: 50%; top:50%; width:610px; max-width: 100%; background: #f7f7f7; max-width: 80%; border-radius: 5px; }
#BlogTankBlock .Block .exit{ width:25px; height: 25px; display: block; cursor: pointer; background-position: -146px -137px; position: absolute; right: -24px; top: -24px; }
#BlogTankBlock .Block .exit:hover{ background-position: -181px -137px; }
#BlogTankBlock .title{ font-weight: bold; font-size: 20px; line-height: 30px; color:#333; padding:15px 30px; text-align: center; background:#f7f7f7; margin:0; border-bottom:1px solid #d9d9d9; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#BlogTankBlock form{ width:100%; padding:50px 30px; }
#BlogTankBlock textarea{ height: 200px; width:100%; padding:0 10px; border-radius: 3px; font-size: 14px; line-height: 22px; color:#666; border:1px solid #d9d9d9; margin-bottom:12px; }
#BlogTankBlock .SubBox{}
#BlogTankBlock .SubBox .Submit,#BlogTankBlock .SubBox .cancel{ display: inline-block; font-size: 16px; line-height: 42px; height: 42px; color:#fff; padding:0 55px; background:#00a3e8; border-radius: 3px; cursor: pointer; }
#BlogTankBlock .SubBox .Submit:hover,#BlogTankBlock .SubBox .cancel:hover{ background:#efefef; color:#666666; }

/**红人**/
#RedMan{ padding-bottom:65px; }
#RedMan .AutoTitle{ padding:4.5% 0; }
#RedMan .RedManBlock{ background: #fff; }
#RedMan .RedManBlock .title{ font-size: 20px; line-height: 24px; color:#333; font-weight: normal; text-align: center; margin:0; padding:5% 15px 2.5%; }
#RedMan .RedManBlock .PlantForm{ padding:0 15px; text-align: center; border-bottom: 1px solid #e5e5e5; }
#RedMan .RedManBlock .PlantForm>span{ cursor: pointer; vertical-align: middle; display: inline-block; padding:5px 5px 18px; margin:10px 1.6% 0; border-bottom: 2px solid transparent; }
#RedMan .RedManBlock .PlantForm>span>img{ display: block; }
#RedMan .RedManBlock .PlantForm .onav{ border-color:#00a3e8; }
#RedMan .RedManBlock .FormBlock{ max-width: 750px; margin:0 auto; padding:1.1% 15px 7.5%; }
#RedMan .RedManBlock .FormBlock label{ display: block; padding-top: 10px; }
#RedMan .RedManBlock .FormBlock .word{ font-size: 14px; color:#333333; line-height: 22px; padding:5px 0; }
#RedMan .RedManBlock .FormBlock input.input{ display: block; width:100%; border:1px solid #d9d9d9; border-radius: 3px; line-height: 40px; height: 42px; font-size: 14px; color:#666; padding:0 15px; }
#RedMan .RedManBlock .FormBlock input.input:hover,
#RedMan .RedManBlock .FormBlock input.input:focus{ border-color:#06a5e9; box-shadow: 0 0 10px rgba(51,173,235); }
#RedMan .RedManBlock .FormBlock .SubBox{ text-align: center; padding-top: 5.4%; }
#RedMan .RedManBlock .FormBlock .SubBox .Submit{ display: inline-block; border:0 none; border-radius: 3px; color:#fff; background: #00a3e8; line-height: 54px; height: 54px; width:388px; max-width: 100%; font-size: 18px; font-weight: bold; cursor: pointer; }
#RedMan .RedManBlock .FormBlock .SubBox .Submit:hover{ background:#33baf4; }

/**交易**/
#TradeList{}
#TradeList .AutoTitle{ padding:4.5% 0; }
#TradeList .ul{ margin:0 -12.5px; }
#TradeList .ul li{ float: left; display: inline-block; width: 50%; }
#TradeList .ul .Box{ margin:12.5px; background-color: #fff; padding:15px; }
#TradeList .ul .imgBox{ display: inline-block; overflow: hidden; width:41.44%; }
#TradeList .ul img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); display: block; width: 230px;height: 200px}
#TradeList .ul .content{ display: inline-block; padding-top:5.4%; width:50.45%; float: right; }
#TradeList .ul .title{ position: relative; font-size: 16px; color:#333; line-height: 22px; height: 44px; margin-bottom: 8%; overflow: hidden; }
#TradeList .ul .discount{ display: inline-block; float: left; padding-left: 34px; position: relative; font-size: 16px; line-height: 26px; color:#00a3e8; font-weight: bold; }
#TradeList .ul .discount i{ position: absolute; left: 0; top: 50%; margin-top: -12.5px; width:25px; height: 25px; background-color: #00a3e8; background-position: -1px -161px; border-radius: 50%; }
#TradeList .ul .country{ font-size:14px; line-height: 26px; color:#888888; float: right; display: inline-block; }
#TradeList .ul .country img{ display: inline-block; width:26px; height: 18px; vertical-align: text-top; }
#TradeList .ul .Buy{ margin-top: 4.8%; display: inline-block; padding: 0 15px; line-height: 34px; border-radius: 3px; color:#fff; background-color: #00a3e8; font-size: 14px; }
#TradeList .ul .Buy:hover{ background-color: #24b9f8; }
#TradeList .ul .imgBox:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); }
#TradeList .ul .title:hover{color:#06a5e9;}
/**交易提醒**/
#BuyTankBlock{position: fixed; z-index: 9999; background:rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: none; }
#BuyTankBlock .Block{ position: absolute; left: 50%; top:50%; width:340px; max-width: 100%; background: #f7f7f7; max-width: 80%; border-radius: 5px; }
#BuyTankBlock .Block .exit{ width:25px; height: 25px; display: block; cursor: pointer; background-position: -146px -137px; position: absolute; right: -24px; top: -24px; }
#BuyTankBlock .Block .exit:hover{ background-position: -181px -137px; }
#BuyTankBlock .Bgcolor{ padding:35px 15px; }
#BuyTankBlock .title{ margin:0; padding-bottom:15px; }
#BuyTankBlock .Tips{ font-size: 20px; line-height: 24px; color:#00a3e8; }
#BuyTankBlock .word{ font-size: 14px; line-height: 22px; color:#888888; }
#BuyTankBlock .time{ font-size: 20px; line-height: 24px; color:#fd9c40; font-weight: bold; margin-bottom: 5px; }
#BuyTankBlock .GoBuy{ display: inline-block; font-size: 14px; line-height: 42px; height: 42px; color:#fff; margin:0 auto; max-width: 100%; width: 152px; background:#00a3e8; border-radius: 3px; cursor: pointer; }
#BuyTankBlock .GoBuy:hover{ background:#2db6f0; }

/**奖励**/
#RewardList{ padding:1.66% 0 5%; }
#RewardList .ul{ margin:0 -15px; }
#RewardList .ul li{ float: left; display: inline-block; width: 33.33%; }
#RewardList .ul .Box{ margin:15px; background-color: #fff; padding:4.9%; background: #fff; }
#RewardList .ul .imgBox{ display: block; overflow: hidden; }
#RewardList .ul img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); display: block; }
#RewardList .ul .title{ position: relative; font-size: 18px; color:#333; line-height: 22px; height: 22px; margin-bottom: 10px; margin-top:30px; }
#RewardList .ul .Line{ border-top:1px solid #efefef; padding-top: 15px; }
#RewardList .ul .intergal{ font-size: 16px; line-height: 20px; color:#00a3e8; position: relative; float: left; display: inline-block; }
#RewardList .ul .intergal span{ display: block; }
#RewardList .ul .intergal i{ float: left; height: 20px; width:20px; background-position: -44px -165px; }
#RewardList .ul .exchange{ display: inline-block; line-height: 40px; border-radius: 3px; color:#fff; background-color: #00a3e8; float: right; width: 140px; text-align: center; }
#RewardList .ul .exchange:hover{ background-color: #24b9f8; }
#RewardList .ul .imgBox:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); }
#RewardList .ul .title:hover{ color:#06a5e9; }
/**兑换成功信息**/
#RewardTankBlock{ position: fixed; z-index: 9999; background:rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: none; }
#RewardTankBlock .Block{ position: absolute; left: 50%; top:50%; width:340px; width: 610px; background: #fff; max-width: 80%; border-radius: 5px; }
#RewardTankBlock .Block .exit{ width:25px; height: 25px; display: block; cursor: pointer; background-position: -146px -137px; position: absolute; right: -24px; top: -24px; }
#RewardTankBlock .Block .exit:hover{ background-position: -181px -137px; }
#RewardTankBlock .Bgcolor{ padding:35px 15px; width: 445px; max-width: 100%; margin:0 auto; }
#RewardTankBlock .cont .Tips{ display: block; margin:0 auto; }
#RewardTankBlock .cont{ background:#dd3e48; padding:30px 25px 40px; }
#RewardTankBlock .title{ margin:0; padding-bottom:15px; }
#RewardTankBlock .word{ font-size: 20px; line-height: 24px; color:#fff; font-weight: bold; padding-top:10px; }
/**兑换信息详细页**/
#RewardInfo{}
#RewardInfo .RewardInfoBlock{ margin:5% 0 5.8%; border:1px solid #dde1e6; background: #fff; }
#RewardInfo .Top{ position: relative; border-bottom: 1px solid #dde1e6; }
#RewardInfo .Top .imgBox{ width: 68.33%; }
#RewardInfo .Top .cont{ position: absolute; top: 0; right: 0; width:31.67%; height: 100%; }
#RewardInfo .Top .cont .table{ display: block; position: absolute; top:50%; max-height: 90%; width: 100%; overflow-y: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding:15px 13%; }
#RewardInfo .Top .cont .title{ font-size: 30px; line-height: 36px; color:#333333; margin-bottom: 30px; }
#RewardInfo .Top .cont .word{ font-size: 16px; line-height: 24px; color:#888888; position: relative; padding-bottom: 11.84%; }
#RewardInfo .Top .cont .word:after{ display: block; content:""; position: absolute; bottom:-7px; left: 0; border-bottom: 7px solid #00a3e8; width:4em; }
#RewardInfo .FormBox{ max-width:1130px; margin:0 auto; padding:4.54% 15px; }
#RewardInfo .FormBox form{ display: block; }
#RewardInfo .FormBox label{ display: inline-block; float: left; width:33.33%; position: relative; padding-left: 150px; }
#RewardInfo .FormBox label span{ position: absolute; left: 20px; top: 0; line-height: 44px; font-size: 16px; text-align: right; width:125px; }
#RewardInfo .FormBox label span i{ font-style: normal; color:#ff0000; font-size: 18px; }
#RewardInfo .FormBox label input.input{ display: block; width: 100%; line-height: 42px; color:#666; padding:0 12px; font-size: 16px; border:1px solid #d9d9d9; margin-bottom: 25px; border-radius: 3px; }
#RewardInfo .FormBox label input.input:hover,
#RewardInfo .FormBox label input.input:focus{ border:1px solid #00a3e8; box-shadow: 0 0 10px rgba(51,173,235); }
#RewardInfo .FormBox .totals{ font-size: 16px; line-height: 24px; padding-bottom: 5px; color:#333333; border-bottom: 1px solid #d9d9d9; margin:0; }
#RewardInfo .FormBox label.red input.input{ border-color:#f00; box-shadow: 0 0 10px rgba(255,0,0,0.8); }
#RewardInfo .FormBox .totals span+span{ margin-left:30px; }
#RewardInfo .FormBox .totals i{ font-style: normal; }
#RewardInfo .SubmitBox{ padding-top: 4.54%; }
#RewardInfo .SubmitBox .Submit{ display: inline-block; width: 390px; line-height: 54px; color:#fff; background: #00a3e8; font-size:18px; font-weight: bold; cursor: pointer; cursor: pointer; max-width: 100%; }
#RewardInfo .SubmitBox .Submit:hover{ background: #2bb5ef; }

/**产品测试**/
#ProductTestList{}
#ProductTestList .ul{ margin:0 -13px; }
#ProductTestList .ul li{ float: left; display: inline-block; width:25%; }
#ProductTestList .ul .Box{ margin:13px; background: #fff; }
#ProductTestList .ul .Box input{ display: none; }
#ProductTestList .ul .Box .checkBlock{ text-align: right; padding:10px; }
#ProductTestList .ul .Box .checkBlock .icons{ display: inline-block; width:30px; height: 30px; background-color: #fff; border:1px solid #fff; cursor: pointer; background-position: 100% 100%; }
#ProductTestList .ul .Box .checkBlock input:checked+.icons{ border-color:#00a3e8; background-position:3px -184px; }
#ProductTestList .ul .Box .imgBox{ display: block; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
#ProductTestList .ul .Box img{ display: block; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
#ProductTestList .ul .Box:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
#ProductTestList .ul .Bot{ padding:15px 20px; }
#ProductTestList .ul .Box .title{ float: left; display: inline-block; font-size: 16px; line-height: 22px; color:#333333; }
#ProductTestList .ul .Box:hover .title{ color:#00a3e8; }
#ProductTestList .ul .Box .leftProduct{ float: right; display: inline-block; font-size: 14px; line-height: 22px; color:#888888; }
/**表单提交**/
#ProductTestForm{ padding:1% 0 5%; }
#ProductTestForm .Form{ display: block; background: #fff; }
#ProductTestForm .Form .title{ font-size: 24px; line-height: 30px; color:#333333; text-align: center; border-bottom:1px solid #e5e5e7; padding:1.5% 0; margin-bottom: 3%; }
#ProductTestForm .Form label{ width:50%; padding-left: 160px; margin-bottom: 15px; position: relative; }
#ProductTestForm .Form label span{ font-size: 16px; line-height: 44px; color:#333333; text-align: right; width: 150px; position: absolute; left: 0; top: 0; }
#ProductTestForm .Form label .input{ width:100%; border:1px solid #d9d9d9; line-height: 42px; height: 44px; padding:0 15px; border-radius: 3px; }
#ProductTestForm .Form label .input:hover,
#ProductTestForm .Form label .input:focus{ border:1px solid #00a3e8; box-shadow: 0 0 10px rgba(51,173,235); }
#ProductTestForm .Form label select{ cursor: pointer; }
#ProductTestForm .Form .inputBox{}
#ProductTestForm .Form .inputBox span{ line-height: 44px; padding-left: 22px; display: inline-block; width: auto; position: relative; }
#ProductTestForm .Form .inputBox span+span{ margin-left: 10px; }
#ProductTestForm .Form .inputBox span:before{ display: block; content:""; position: absolute; left: 0; top: 50%; margin-top:-8px; height: 16px; width: 16px; border:1px solid #d9d9d9; border-radius: 50%; }
#ProductTestForm .Form .inputBox span.checked:before{ border-color:#00a3e8; }
#ProductTestForm .Form .inputBox span.checked:after{ display: block; content:""; position: absolute; left: 5px; top:50%; margin-top:-3px; width: 8px; height: 8px; background: #00a3e8; border-radius: 50%; }
#ProductTestForm .Form .inputBox span input{ opacity: 0; height: 100%; width: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
#ProductTestForm .SubmitBox{ padding-top: 1%; }
#ProductTestForm .SubmitBox .Submit{ display: inline-block; width: 390px; line-height: 54px; color:#fff; background: #00a3e8; font-size:18px; font-weight: bold; cursor: pointer; cursor: pointer; max-width: 100%; }
#ProductTestForm .SubmitBox .Submit:hover{ background: #2bb5ef; }

/**技术支持-FAQ**/
#FAQList{ padding:1.66% 0; }
 .SearchBlock{ display: block; margin:0 auto 30px; max-width: 690px; position: relative; }
 .SearchBlock .Key{ width: 100%; display: block; border-radius: 25px; height: 50px; line-height: 50px; background:#fff; padding:0 50px 0 25px; font-size: 16px; color:#333; }
 .SearchBlock .Submit{ position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; right: 15px; background-position: -82px -189px; cursor: pointer; color:transparent; }
 .SearchBlock .Submit:hover{ background-position: -81px -160px; }
#FAQList .ul{ }
#FAQList .ul li{ display: block; background: #fff; margin-bottom: 8px; }
#FAQList .ul li .Q{ position: relative; padding:10px 45px; font-size: 16px; line-height: 24px; color:#333; cursor: pointer; }
#FAQList .ul li p{ margin:0; }
#FAQList .ul li .Q:after{ display: block; content:""; position: absolute; left: 20px; top: 19px; height: 8px; width: 8px; background: #d8d8d8; border-radius: 50%; }
#FAQList .ul li .Q p:hover{ color:#00a3e8; }
#FAQList .ul li .Q .icons{ position: absolute; right: 12px; top: 15px; height: 15px; width: 15px; background-position: -152px -170px; }
#FAQList .ul li.show{ margin-bottom: 25px; }
#FAQList .ul li.show .Q .icons{ background-position: -128px -168px; }
#FAQList .ul li .A{ border-top:1px dashed #e7e7e7; padding:20px 45px; position: relative; display: none; }
#FAQList .ul li .A .tit{ display: block; position: absolute; left: 20px; top:23px; width: 25px; line-height: 20px; color:#fff; background: #00a3e8; text-align: center; border-radius: 3px; }
#FAQList .ul li .A .A-cont{ padding-left: 10px; font-size: 14px; line-height: 26px; color:#888888; }
/**技术支持-担保**/
#Warranty{ padding:1.66% 0 5%; }
#Warranty p{ margin:0; }
#Warranty div.ul{ padding-top: 2%; }
#Warranty .ul div.li{ }
#Warranty .ul div.li .imgBox{ width: 50%; }
#Warranty .ul div.li .imgBox img{ display: block; }
#Warranty .ul div.li .content{ width: 98%;}
#Warranty .ul div.li .content.left{ padding-right:5.8%; }
#Warranty .ul div.li .content.right{ padding-left:5.8%; }
#Warranty .ul div.li .title{ font-size: 26px; line-height: 30px; color:#00a3e8; font-weight: bold; margin-bottom: 15px; }
#Warranty .ul div.li .des{ font-size: 16px; line-height: 24px; color:#333333; margin-bottom: 6%; }
#Warranty .ul div.li .ul{}
#Warranty .ul div.li .ul li{ font-size: 14px; line-height: 20px; color:#888888; position: relative; padding-left: 12px; margin-bottom: 10px; }
#Warranty .ul div.li .ul li:after{ position: absolute; left: 0px; top: 7px; content:""; width: 6px; height: 6px; background: #909090; border-radius: 50%; }
#Warranty .ul div.li a{ color:#00a3e8; border-bottom: 1px solid #00a3e8; }
/**技术支持-退换与兑换**/
#ExchangeBlock{ padding:1.66% 0 4%; }
#ExchangeBlock .ExchangeBlock{ display: block; background: #fff; border:1px solid #e5e5e5; position: relative; margin-top:3%; }
#ExchangeBlock .FormBox{ width:50%; padding:5% 3.3% 0 2.08%; }
#ExchangeBlock .FormBox .form{}
#ExchangeBlock .FormBox label{ display: block; margin-bottom: 14px; position: relative; padding-left: 150px; }
#ExchangeBlock .FormBox label.error{padding-left:0}
#ExchangeBlock .FormBox label:last-child{ margin-bottom: 0; }
#ExchangeBlock .FormBox .form .title{ position: absolute; left: 0; top:0; line-height: 44px; font-size: 16px; width:140px; text-align: right; }
#ExchangeBlock .FormBox .inputBox textarea{ height: 150px; }
#ExchangeBlock .FormBox .inputBox .input{ width:100%; border-radius: 3px; border:1px solid #d9d9d9; line-height: 42px; height: 44px; padding:0 15px; font-size: 14px; color:#888888; display: block; }
#ExchangeBlock .FormBox .inputBox select.input{ height: 44px; cursor: pointer; color:#333; }
#ExchangeBlock .FormBox .inputBox select option{ line-height: 30px; }
#ExchangeBlock .labe-code{}
#ExchangeBlock .labe-code .inputBox{ padding-right:32%; position: relative; }
#ExchangeBlock .labe-code .inputBox .code{ width:31.31%; height: 100%; border:1px solid #d9d9d9; border-radius: 3px; right:0; top:0; position: absolute; cursor: pointer; }
#ExchangeBlock .FormBox label .input:hover,
#ExchangeBlock .FormBox label .input:focus{ border:1px solid #00a3e8; box-shadow: 0 0 10px rgba(51,173,235); }
#ExchangeBlock .Submit{ display: inline-block; width: 100%; line-height: 54px; color:#fff; background: #00a3e8; font-size:18px; font-weight: bold; cursor: pointer; cursor: pointer; text-align: center; margin-top:2%; }
#ExchangeBlock .Submit:hover{ background: #2bb5ef; }
#ExchangeBlock .ExchangeBlock .imgBox{ width:50%; float: right; }
/**技术支持-下载**/
#DownList{}
#DownList .ul{ margin:0 -14px; }
#DownList .ul li{ float: left; display: inline-block; width:25%; }
#DownList .ul .Box{ margin:14px; background: #fff; display: block; border:1px solid #e5e5e5; }
#DownList .ul .Box .imgBox{ display: block; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
#DownList .ul .Box img{ display: block; margin:0 auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
#DownList .ul .Box:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
#DownList .ul .Bot{ padding:15px 20px; position: relative; }
#DownList .ul .Box .title{ display: block; font-size: 16px; line-height: 22px; color:#333333; padding-right: 20px; }
#DownList .ul .Box:hover .title{ color:#00a3e8; }
#DownList .ul .Box .icons{ position: absolute; right: 18px; top: 50%; margin-top:-10px; display: block; width:20px; height: 20px; background-color: #fff; border:1px solid #fff; cursor: pointer; background-position: -45px -190px;  }

/**关于我们**/
#AboutInfo{ padding:1.66% 0 80px; }
#AboutInfo .About-Block{ width:100%; }
#AboutInfo .About-Block .title{ font-size: 26px; line-height: 30px; color:#00a3e8; text-align: center; margin:1% 0 3%; }
#AboutInfo .About-Block .About-Content{ font-size: 14px; line-height: 28px; color:#333; }
#AboutInfo .About-Block .About-Content ul{list-style-type:none;padding: 0;margin: 0}
#AboutInfo .About-Block .About-Content li{
    list-style-type:none;
    float:left;
    float: left;
    margin-left: 3%;
    margin-bottom: 2%;

}
/**会员中-我的账户**/
#MemberBlock{}
#MemberBlock .MemberBlock{}
#MemberBlock .M-Menu{ width: 23.33%; background-color: #fff; }
#MemberBlock .M-Menu .ul{}
#MemberBlock .M-Menu .ul li{}
#MemberBlock .M-Menu .ul .title{ position: relative; display: block; padding:20px 15px 20px 25%; font-size: 20px; line-height: 24px; color:#333; }
#MemberBlock .M-Menu .ul .title .icons{ position: absolute; display: block; width:30px; height: 30px; top: 16px; display: block; left: 9%; }
#MemberBlock .M-Menu .ul .title:hover{ color:#00a3e8; }
#MemberBlock .M-Menu .ul .account .icons{ background-position: -124px -192px; }
#MemberBlock .M-Menu .ul .wish .icons{ background-position: -175px -192px; }
#MemberBlock .M-Menu .ul .coupon .icons{ background-position: -220px -192px; }
#MemberBlock .M-Menu .ul .logout .icons{ background-position: -268px -192px; }
#MemberBlock .M-Menu .ul .onav .title{ background-color: #00a3e8; color:#fff; }
#MemberBlock .M-Menu .ul .onav .account .icons{ background-position: -124px -220px; }
#MemberBlock .M-Menu .ul .onav .wish .icons{ background-position: -175px -220px; }
#MemberBlock .M-Menu .ul .onav .coupon .icons{ background-position: -220px -220px; }
#MemberBlock .M-Menu .ul .onav .logout .icons{ background-position: -268px -220px; }
#MemberBlock .M-Block{ width:75.41%; padding:0 8.75%; background-color: #fff; }
/**会员中-我的账户**/
#MemberBlock .MemberBlock{ padding:15px 0 60px; }
#MemberBlock .MemberBlock .color1{ color:#00a3e8; }
#MemberBlock .MemberBlock .headBlock{ text-align: center; padding-bottom: 40px; border-bottom: 1px solid #cccccc; }
#MemberBlock .MemberBlock .headBlock .imgBox{ display: inline-block; position: relative; }
#MemberBlock .MemberBlock .headBlock img{ display: block; border-radius: 50%; width: 120px; margin:0 auto; }
#MemberBlock .MemberBlock .headBlock .label{ display: block; margin-left: 35px; top:50%; margin-top: -10px; position: absolute; left: 100%; }
#MemberBlock .MemberBlock .headBlock .label span{ display: block; width: 150px; font-size: 10px; line-height: 18px; color:#00a3e8; cursor: pointer; border-bottom:2px solid #c8e5f8; }
#MemberBlock .MemberBlock .headBlock .label input{ display: none; }
#MemberBlock .MemberBlock .MessageBlock{}
#MemberBlock .MemberBlock .MessageBlock .form{ width: 100%; max-width: 640px; padding:4.6% 15px; margin:0 auto; }
#MemberBlock .MemberBlock .MessageBlock .form .color1{ margin-right: 10px; }
#MemberBlock .MemberBlock .MessageBlock label{ display: block; margin-bottom: 15px; }
#MemberBlock .MemberBlock .MessageBlock i,
#MemberBlock .MemberBlock .MessageBlock em{ font-style: normal; }
#MemberBlock .MemberBlock .MessageBlock .title{ font-size: 16px; line-height: 28px; display: inline-block; }
#MemberBlock .MemberBlock .MessageBlock .inputBox{ width:465px; float: right; }
#MemberBlock .MemberBlock .MessageBlock .input{ width:100%; border:1px solid #cccccc; height: 28px; line-height: 26px; font-size: 14px; color:#666; padding:0 10px; }
#MemberBlock .MemberBlock .MessageBlock .input:hover,
#MemberBlock .MemberBlock .MessageBlock .input:focus{ border:1px solid #00a3e8; box-shadow: 0 0 10px rgba(51,173,235); }
#MemberBlock .MemberBlock .MessageBlock .birthday{}
#MemberBlock .MemberBlock .MessageBlock .birthday select{ width: auto; cursor: pointer;margin: 5px 0 }
#MemberBlock .MemberBlock .MessageBlock .country{}
#MemberBlock .MemberBlock .MessageBlock .country img{ height: 18px; display: block; }
#MemberBlock .MemberBlock .MessageBlock .countryval{ width: auto; display: inline-block; height: 18px; border:0 none; padding-right: 25px; position: relative; line-height: 18px; cursor: pointer; }
#MemberBlock .MemberBlock .MessageBlock .countryval i{ display: block; }
#MemberBlock .MemberBlock .MessageBlock .countryval em{ position: absolute; right: 0; top: 0; display: block; width: 25px; height: 18px; background-color:#f4f4f4; background-position:2px -211px; }
#MemberBlock .MemberBlock .MessageBlock .countryval em:hover{ background-color: #33adeb; }
#MemberBlock .MemberBlock .MessageBlock .countryval ul{ position: absolute; left: -1px; top: 100%; max-height: 120px; padding-top: 2px; display: none; }
#MemberBlock .MemberBlock .MessageBlock .countryval ul.show{ display: block; }
#MemberBlock .MemberBlock .MessageBlock .countryval ul li{ border:1px solid #fff; }
#MemberBlock .MemberBlock .MessageBlock .countryval ul li:hover{ opacity: 0.8; border-color:#33adeb; }
#MemberBlock .MemberBlock .inputBox{}
#MemberBlock .MemberBlock .radioBox input{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
#MemberBlock .MemberBlock .inputBox span{ line-height: 24px; padding-left: 22px; display: inline-block; width: auto; position: relative; }
#MemberBlock .MemberBlock .inputBox span+span{ margin-left: 10px; }
#MemberBlock .MemberBlock .inputBox span:before{ display: block; content:""; position: absolute; left: 0; top: 50%; margin-top:-8px; height: 16px; width: 16px; border:1px solid #d9d9d9; border-radius: 50%; }
#MemberBlock .MemberBlock .inputBox span.checked:before{ border-color:#00a3e8; }
#MemberBlock .MemberBlock .inputBox span.checked:after{ display: block; content:""; position: absolute; left: 5px; top:50%; margin-top:-3px; width: 8px; height: 8px; background: #00a3e8; border-radius: 50%; }
/**会员中-我的心愿**/
#MemberBlock .WishList{}
#MemberBlock .WishList .ul{ padding-bottom:4.25%; }
#MemberBlock .WishList li{ padding-bottom: 4.25%; padding-left: 145px; position: relative; border-bottom: 1px solid #d3d3d3; }
#MemberBlock .WishList li+li{ margin-top:7.09%; }
#MemberBlock .WishList li .imgBox{ position: absolute; left:0; top:0; height: 135px; width: 145px; overflow: hidden; }
#MemberBlock .WishList li .imgBox img{ display: block; height: 135px; width: 145px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
#MemberBlock .WishList li .imgBox:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
#MemberBlock .WishList .content{ height: 135px; margin-left: 20px; }
#MemberBlock .WishList .title{ font-size:16px; color:#666666; line-height: 20px; -webkit-line-clamp:4; height: 80px; }
#MemberBlock .WishList .title:hover{ color:#00a3e8; }
#MemberBlock .WishList .more{ display: inline-block; float: right; margin-top: 25px; color:#fff; background-color: #00a3e8; font-size: 14px; line-height: 30px; width:100px; text-align: center; }
#MemberBlock .WishList .more:hover{ background-color: #3fb5e7; }


/**面包屑地址**/
#Current{ padding:15px 0; }
#Current,#Current *{ font-size: 14px; line-height: 28px; color:#333; }
#Current .C-Box{ position: relative; padding-left: 22px; }
#Current .C-Box .Home{ position: absolute; left: 0; top: 2px; background-position: -240px -92px; width:23px; height: 24px; }
#Current .C-Box a:hover{ color:#00a3e8; }
#Current .C-Box{}

/**二级栏目**/
#SecontMenu{ font-size: 16px; line-height: 22px; padding:3% 0; background: #fff; margin-top: 30px; margin-bottom: 10px; }
#SecontMenu ul.ul{ border-bottom: 1px solid #f0f0f0; padding:0 3.33%; }
#SecontMenu ul.ul li{ display: inline-block; margin-right:6.69%; margin-top: 5px; }
#SecontMenu ul.ul li:last-child{ margin-right:0; }
#SecontMenu ul.ul li a{ display: block; color:#333; padding-bottom:13px; border-bottom:2px solid transparent; }
#SecontMenu ul.ul li a:hover{ color:#1aacea; }
#SecontMenu ul.ul li.onav a{ border-color:#00a3e8; }
#SecontMenu dl.ul{ padding:0 3.33%; }
#SecontMenu dl dd{ display: block; margin:20px 0 0; display: none; }
#SecontMenu dl dd a{ margin-right: 3.57%; color:#888; }
#SecontMenu dl dd a:hover{ color:#333; }
#SecontMenu dl dd a:last-child{ margin-right:0; }

/**分页**/
#PageBox{ text-align:center; padding:2% 0 2% 0; color:#666666; font-size: 14px; }
#PageBox *{ vertical-align:middle;}
#PageBox a{ display:inline-block; padding: 0 13px; line-height:34px; color:#666666; margin-bottom: 5px; margin-left:0px; border:1px solid #ececec; background: #fff; }
#PageBox span{ padding: 0 13px; line-height:34px; color:#666666; }
#PageBox a.a_cur{ background-color:#efefef; }
#PageBox a:hover{ background-color:#efefef; color:#00a3e8; }
#PageBox em{ font-style:normal; display:inline-block; vertical-align:middle;}
#PageBox .a_prev,#PageBox .a_next{ font-family: 宋体; font-weight: bold; padding:0 13px; }
.error{padding-left:0;color:red}

#RedMan .RedManBlock .FormBlock .input{
    width: 100%;
    border: 1px solid #d9d9d9;
    line-height: 42px;
    height: 44px;
    padding: 0 15px;
    border-radius: 3px;
}