html, body {
    -ms-overflow-style: scrollbar;
}
body {  color: #565656; background: #fff; max-width: 1920px;  margin: 0 auto; font-family: "SimSun";}
.clear { clear: both; }
ul, li { list-style-type: none; padding: 0px; margin: 0px; }
ol {margin-top: 0;margin-bottom: 0px;}
.left { float: left; }
.right { float: right; }
.pager { margin: 0px; }
p {margin: 0;}
a { text-decoration: none; color: #333; }
a:hover, a:active { text-decoration: none; color: red; }
a.btn { margin: 5px; padding: 6px 18px; line-height: 24px; display: inline-block; border: 1px solid #ccc; border-radius: 3px; }
a.more { font-size: 12px; }
span.em { display: block; }
span.new-date { float: right;  }
span.adr { padding-right: 5px; }
.brand-none { display: none;  }
.cb{ clear:both;}



/* 头部 */
/*herder*/
header { height: 100%; }
.hello{ height:20px; background:#f6f6f6; font-size:12px; color:#727171;}
.header-top {  padding: 4px 0;}
.logo { float: left; padding: 15px 0px 0 7px; display: inline-block; }
.search { margin: 0 45px; float: left; width: 500px;  display: inline-block;  margin: 18px 0 0 40px;}
.hot-search { height: 26px;   }
.hot-search a { font-size: 12px; }
.hot-search a:last-child { border-right: none;  }
.hot-search a:hover { color: #465de0;  }
.search input { width: 643px; background: #fff url(../images/icon/baidu.jpg) no-repeat left center ; background-position-x: 5px; padding-left: 80px; border: 2px #dfdfdf solid; border-right: none; border-radius: 0; }
.search button { width: 86px; background: #094e9c; color: #fff; padding: 5px 12px; border: 2px #094e9c solid; border-left: none; border-radius: 0;  }
.search button:hover ,.search button:focus,.search .about button.focus {  background: #094e9c; padding: 5px 12px; border: 2px #094e9c solid; border-left: none; color: #fff; border-radius: 0;  }
.code {  float: left; display: inline-block; bottom: 10px;position: relative; left: 212px; }
.code p {  display: inline-block; font-size: 12px; color: #000; }
.btn-select { position: absolute; left: 0; display: inline-block; width: 70px; height: 34px; z-index: 10;   }
.btn-select select { width: 70px; height: 34px; border: 2px #dfdfdf solid; }
.logo-left{ padding-left:8px; border-left:2px solid #eee; margin-top:6px;}
/* nav */
nav { height: 47px;  width: 100%;  border-bottom:2px solid #084487;}
.nav-title{ height: 100%; width:220px; background:url(../images/navtitlebg.png)repeat-x; border-top-right-radius:10px; border-top-left-radius:10px; text-align:center; float:left;}
.title-info{ width:100%;color:#fff; font-weight:bold; font-size:18px;margin-top:0; height:47px;line-height:47px; display:inline;}
.nav-ul{ float:left; height:47px; line-height:47px;float:left;}
.nav-ul a { color:#666666; font-size:16px; padding: 10px 50px; cursor:pointer;}
.nav-ul a:hover{ color:#33C;}
.nav-title p{ display:inline; font-weight:600; color:#fff; font-size:18px;}
.right-nav { width: 48px; height: 560px; padding-top: 20px; background: #e6e6e6; position: fixed; right: 0px; top: 0;   z-index: 99999; }
.right-nav a { display: block; text-align: center; font-size: 12px; color: #3e3a39; padding: 30px 0;}
.right-nav span { display: block; }
.right-nav img { display: block; text-align: center; margin: 0 auto; padding-bottom: 5px; }
.right-nav a:first-child img { border-radius: 50%; height: 35px; width: 35px; padding-bottom: 0; margin-bottom: 5px; }
.active_r { top: -120px; transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s; }
.top { cursor: pointer; }
/* 头部end */


/* banner-ad */
.banner-ad { margin: 20px 0 ; }
.banner-ad a { display: block; }
.banner-ad img { width: 1200px; height: 90px; }
/* banner-ad End */

/*内容部分*/
.banner{ position:relative; width:100%; margin: 0 auto; background:#F7F7F7; height:465px;margin-bottom: 10px;}
.banner-info{ position:absolute; top:0; width:1200px;height:465px; }
.pro-list{ position:absolute; width:220px; background:#f3f2f8; font-size:14px; border:1px solid #dbe0e1; height:465px; z-index:15;}
.pro-title{ width:100%; height:40px; background:#dad9dc; padding-left:75px; float:left;} 
.pro-title img{  display:inline-block; margin-top:-5px;} 
.pro-title p{ display:inline;  color:#010101; font-size:16px; font-weight:bold; line-height:44px; }
.pro-sort{ float:left; width:40%;}
.product{ float:right; width:60%;}
.pro-Slide{ float:left; width:760px;  height:100px;}
.pro-left{ border:1px dashed #d2d2d2; text-align:center; border-left:0;}
.high-1{ height:28px; line-height:28px; cursor:pointer;}
.high-2{ height:56px; line-height:56px;cursor:pointer;}
.high-3{height:84px; line-height:84px;cursor:pointer;}
.b-tb{ border-top:0;border-bottom:0;}
.b-top{ border-top:0;}
.b-bottom{ border-bottom:0;}
.pro-right{ border:1px dashed #d2d2d2; border-bottom:0; border-left:0; border-right:0; padding-left:10px;}
.pro-right {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d2d2d2 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: dashed none none;
    border-width: 1px 0 0;
    padding-left: 10px;
}

.notice{ position:absolute; top:0; right:0; width:220px; height:430px; background:#fff; margin-top:35px; border-radius:10px;z-index:11;}
.notice-info{ text-align:center; }
.notice-tit{ padding:0 60px; width:200px;border-bottom:1px solid #eee;margin:10px 0 20px 10px; }
.notice-tit p{ border-bottom:2px solid red; padding:5px 0; }
.notice-info li{ margin:8px 0; text-align:left;padding-left:28px;}
.notice-info li:first-child{ color:red;}
.wx-code{ border-top:1px solid #eee; width:200px; margin-top:30px; margin-left:10px;}
.code-info{ display:inline-block; padding:1px; border:1px solid #eee; float:left; margin-left:12px; margin-top:10px;}
.code-info p{ color:#000; font-size:13px;}

.product-photo{ width:100%; }
.product-tit{ padding:0 40%; width:100%;border-bottom:1px solid #eee;margin:10px 0 20px 0; text-align:center;}
.product-tit p{ border-bottom:2px solid red; padding:5px 0; font-size:20px; }
.pro-ul{ width:100%; text-align:center; margin-bottom:15px; float:left; clear:both;}
.pro-ul li { float:left; width:20%;} 
.pro-ul img{border:1px solid #eee; padding:3px;} 
.pro-ul .pro-intro{margin-top:5px; width:88%; text-align:left; display:inline-block;}
.level { width:88%; display:inline-block;text-align:left; margin-left:10px;}
.grade-love { background:url(../images/grade-icon.png) no-repeat 0 -28px; ;width:68px;height:12px; display:block; margin-top:5px; text-align:left;}/*love.png 一个爱心width为17px i++*/
.grade-jewel {  background:url(../images/grade-icon.png) no-repeat 0 -16px ;width:68px;height:13px; margin-top:5px;display:block;text-align:left}/*grade-icon.png 一个钻石width为17px i++*/
.grade-crown { background:url(../images/grade-icon.png) no-repeat 0px 0 ;width:70px;height:16px; margin-top:5px;display:block; text-align:left; }/*grade-icon.png 一个钻石width为17px i++*/
/*index.html end*/

/* rankings 排行榜页*/
.rankings{ width:728px; display:inline-block; margin-left:15px;position:absolute; left:220px;}
.page-nav{ color:#000; height:35px; line-height:35px; font-size:14px; margin-left:20px;}

.page-nav a{ padding:2 5px; display:inline-block; padding: 0px 10px; display: inline-block;text-align:center;}
.rankings-cont{ border-radius:10px; border:1px solid #DFDFE1; height:430px; padding:15px;background:#fff;}
.rankings-info{ border:1px solid #dad9dc; width:100%; height:100%;}
.rankings-tit{ background:#dad9dc; text-align:center; clear:both;height:36px; line-height:36px; font-weight:bold;}
.rank-rows{ height:36px; line-height:36px; text-align:center; clear:both;}
.l-w2{ float:left; width:20%; border-right:1px solid #dad9dc;}
.l-w6{ float:left; width:60%;}
.r-w2{ float:left; width:20%; border-left:1px solid #dad9dc;}
.drill-count{ color:red; }
/*排行榜页 end*/
 
/*我的账户 start*/
.sign-in{ width:100%; height:70px; line-height:70px; display:inline-block;}
.sign-in span{ display:inline-block; float:left; margin-left:25px;}
.sign-in p{ display:inline-block; font-weight:bold; padding: 0 3px;}
.sign-in a{ display:inline-block; float:right; margin-right:25px;}

.calendar{ width:100%; border-top:2px solid #e8e8e8; background:#f9fafa; padding:20px 0;}
.power-level-info{ width:100%; border-top:2px solid #e8e8e8; background:#f9fafa; margin-top:10px; padding:0 20px 20px; }
.power-title{ width:1035px; margin:0 auto; height:60px; border-bottom:1px solid #e8e8e8;}
.power-title h3{ border-bottom:2px solid red; display:inline-block; width:200px;font-size:20px; line-height:58px; margin:0 ; padding-left:5px;}

.power-level-info table{ border:1px solid #E8E8E8; width:1035px; margin:20px auto 0; background:#fff;}
.power-level-info tr{ width:100%; height:45px; line-height:45px; text-align:center }
.power-level td{ width:200px;}
.power-level-info td { border:1px solid #bbbdbd; line-height:25px; padding: 0 5px; font-size:14px;}
.power-level-info strong { font-size:16px; color:#333333;}

.x-1{ background:url(../images/grade-icon.png) no-repeat 0 -28px; height:12px; width:17px;display:block; margin-left:10px;}
.x-2{ background:url(../images/grade-icon.png) no-repeat 0 -28px; height:12px; width:34px;display:block;margin-left:10px;}
.x-3{ background:url(../images/grade-icon.png) no-repeat 0 -28px; height:12px; width:51px;display:block;margin-left:10px;}
.x-4{ background:url(../images/grade-icon.png) no-repeat 0 -28px; height:12px; width:68px;display:block;margin-left:10px;}
.x-5{ background:url(../images/grade-icon.png) no-repeat 0 -28px; height:12px; width:85px;display:block; margin-left:10px;}
.z-1{ background:url(../images/grade-icon.png) no-repeat 0 -16px ;width:17px;height:13px; display:block;margin-left:10px;}
.z-2{ background:url(../images/grade-icon.png) no-repeat 0 -16px ;width:34px;height:13px; display:block;margin-left:10px;}
.z-3{ background:url(../images/grade-icon.png) no-repeat 0 -16px ;width:51px;height:13px; display:block;margin-left:10px;}
.z-4{ background:url(../images/grade-icon.png) no-repeat 0 -16px ;width:68px;height:13px; display:block;margin-left:10px;}
.z-5{ background:url(../images/grade-icon.png) no-repeat 0 -16px ;width:85px;height:13px; display:block;margin-left:10px;}
.g-1{ background:url(../images/grade-icon.png) no-repeat 0px 0 ;width:18px;height:16px; display:block; margin-left:10px; }
.g-2{ background:url(../images/grade-icon.png) no-repeat 0px 0 ;width:36px;height:16px; display:block; margin-left:10px; }
.g-3{ background:url(../images/grade-icon.png) no-repeat 0px 0 ;width:54px;height:16px; display:block; margin-left:10px; }
.g-4{ background:url(../images/grade-icon.png) no-repeat 0px 0 ;width:72px;height:16px; display:block; margin-left:10px; }
.g-5{ background:url(../images/grade-icon.png) no-repeat 0px 0 ;width:90px;height:16px; display:block; margin-left:10px; }
.vip-level{ width:1035px; margin:0 auto; }

/* 兑换页*/
.convert{ border-radius:10px; border:1px solid #DFDFE1; height:430px;background:#fff; padding-top:20px;}
.pro-imginfo{ float:left; margin-left:10px;}
.convert-details{ float:left;width:370px;height:65px; margin-left:10px;}
.convert-details h2{ font-size:20px; color:#666666; }
.convert-details span{ font-size:14px; color:#999999;width:100%;display:block; background:#eee; padding-left:10px; line-height:30px;}
.convert-details strong{ font-size:24px; color:#e4393c; }
.convert-details .introduce{ margin-top:20px;}
.convert-btn{ width:140px; height:45px; color:#fff; font-size:20px; font-weight:600; border:none; background:#df3033; margin-top:30px; }

.sitelayer {
background-color: #fff;
border: 1px solid #eee;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
z-index:999;
width: 715px;
left:40%;
top:300px;
margin-left:-260px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-200px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.layerbg,.siteiframe {
background-color: #000; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.3;/*FF*/
z-index:100;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.siteiframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}
.layer-title{ width:100%; height:35px; background:#eee; color:#000; 
display:inline-block; line-height:35px;}/*弹出框的头部*/
.layer-title p{ float:left; display:inline-block; margin-left:10px;} 
.layer-title a{ float:right; margin-right:10px; }
.layer-title a:hover{ color:#F00;}
.login-form { position:relative; width:80%; margin-left:10%;}
.login-form .form-tit{ width:20%; float:left; height:30px; line-height:30px;text-align:right; display:inline-block; font-size:14px;}/*表单头字*/
.form-vlaue{ width:60%; float:left; height:30px; line-height:30px; text-align:left; display:inline-block;font-size:14px; margin-left:30px;} 
.form-vlaue input{ width:70%;}
/*所有input的样式*/
.login-form .row{ width:100%; display:inline-block; margin-bottom:15px;}/*表单行*/
.login-form .form-text{	height: 100px;width: 300px;border: 1px solid #cccccc;font-size: 14px;color: #666666;line-height: 40px;padding-left: 5px; }/*textarea*/
.login-form label.error{  background:url(images/false.png)no-repeat scroll 0 3px ;width:100%; line-height:30px; color:#F00; font-size:12px; display:block; float:left; clear:both; padding:0 0 0 25px; margin-left:110px; margin-top:3px; margin-bottom:-15px;}/**表单通用提示**/
.login-form em{ font-style:inherit; color:red;}/*提示符*号*/
.login-form .btn-submit{ background:#df3033; width:198px; height:39px; display:inline-block; border:none; cursor:pointer; margin:50px 0 20px 0; color:#fff; font-size:20px;}/*提交按钮*/
.form-select{ width:100px; height:30px; }/*下拉列表*/
/*兑换页面 end*/



/* footer */
footer { background: #094e9b; margin-top: 15px; }
p.bottom-menu { text-align: center;   }
p.bottom-menu a { display: inline-block; font-size: 14px; color: #fff; padding: 16px;}
footer p { font-size: 14px; color: #fff; text-align: center; margin: 10px 0; }
.copyright {  font-size: 14px; color: #fff; text-align: center; margin: 20px 0; }
.no-foot { width: 1000px; height: 62px;  margin: 0 auto; background: #fff; padding: 6px;  }
.no-foot li {  height: 52px; border: 1px #e6e7e8 solid ; display: inline-block; margin-left: 7px; padding: 3px; }
.no-foot li:last-child { padding: 0; }
.no-foot li a { display: block; }
.fl { float: left; }
.fr { float: left; padding: 0 4px; }
.fr a { font-size: 12px; color: #3e3a39; line-height: 14px; padding: 8px 0; }
/* footEnd */

/* 内页 */
.logo {float: left; padding: 0px 0px 0 7px; }
.logo a p { display: inline-block; font-size: 18px; color: #595757; width: 255px; font-family: 'Microsoft YaHei';position: relative; top: 8px; padding-left: 8px; }
.login-tit { font-size: 12px; color: #094e9b; }
.login-tit  a { font-size: 12px; color: #727171; }
.lf-nav { font-size: 12px; color: #3e3a39; }

.head-tit { height: 32px;}

span.tit-bg em {  font-style: normal; font-family: 'SimSun'; background: url(../images/icon/icon-titbg.jpg); font-size: 20px; margin-left: 3px; line-height: 28px; letter-spacing: 3px; font-weight: 700; color: #fff;}
.phone {  background: url(../images/icon/icon-phone.png) no-repeat; background-position-y: 1px; margin-top: 6px; }
.phone p { padding-left: 4px; color: #3e3a39; font-size: 12px;  }

.login-tit { display: inline-block; padding-left: 10px; margin-bottom: 12px;　}
.lf-nav { display: inline-block; float: right; padding-right: 10px; 　}
.nav-no { display: none; }


.search-tit  input { background: #fff url(../images/icon/icon-ser.png) no-repeat left center ; background-position-x: 5px; }
.search-tit .input-group{width: 485px;}



@media (min-width: 10px) {
    .container { width: 1200px; padding: 0; }
}
@media (max-width: 1320px) {

   .right-nav { display: none; }
}

/* ie89 */

.container {　_width:1200px; #width:1200px; width:1200px\0; padding: 0\9;　　}
.head-tit { height: 32px; }


.notice-tit li a { font-size:14px; color:#000;}
.pro-ul{ width:100%; text-align:center;  float:left; clear:both;}
.pro-ul li { float:left; width:20%; margin-bottom:20px; } 
.pro-ul li p{ margin-top:3px; width:88%; text-align:left; display:inline-block;}
.pro-list{z-index:101;}
.notice{z-index:101;}
.nav-ul a{font-weight:700;}
.pro-ul .pro-z{ clear:both;}

.pro-ul .pro-z img{ background:url(../images/grade-icon.png) no-repeat 0 -16px ;width:17px;height:13px; border:none; vertical-align:middle; margin-top:0px;}


.webup{ width:1920px; height:800px; margin:0 auto; text-align:center; max-width:100%;  background:#f2f2f2;padding-top:50px;}
.webup img{ margin-bottom:50px;}
.webup p{ width:800px;  text-align:left; font-weight:600; font-size:16px; padding-top:5px; line-height:2; margin:0 auto;}
.webup-indent{ text-indent: 2em;}
.webup-bor{ width:1000px; border:1px dashed red; height:550px; margin:0 auto; padding-top:50px; padding-bottom:50px; border-radius:20px; position:relative;}
.webup-logo{ background:url(../images/logo1.png) no-repeat; width:85px; height:40px; position:absolute; top:20px; left:20px;}
.webup input{ width:100px; height:30px; line-height:25px; font-size:14px;}



.integral-btn{ 
width:70px; height:30px; line-height:30px; text-align:center; border:1px solid #ccc; background:#fff; display:inline-block; float:right; margin-right:5px; font-size:12px;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ 
*display: inline; 
vertical-align: baseline; 
outline: none; 
cursor: pointer; 
text-decoration: none; 
color: #000; 
border: solid 1px #b7b7b7; 
border-radius: .5em; 
}
.integral-btn:link{ text-decoration:none;}
.integral-btn:focus{outline:none;-moz-outline:none;}

.orange { 
color:  #333; 
background: #FBE741; 
background: -webkit-gradient(linear, left top, left bottom, from(#FBE741), to(#f47a20)); 
background: -moz-linear-gradient(top, #faa51a, #f47a20); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBE741', endColorstr='#f47a20'); 
} 
.orange:hover { 
color:#fff;
background: #f47c20; 
background: -webkit-gradient(linear, left top, left bottom, from(#FBE741), to(#f06015)); 
background: -moz-linear-gradient(top, #f88e11, #f06015); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBE741', endColorstr='#f06015'); 
} 
.orange:active { 
color: #fff; 
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#FBE741)); 
background: -moz-linear-gradient(top, #f47a20, #faa51a); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#FBE741'); 
} 
 

/*lbz 2016-11-9 头部微信号app下载*/
.code{/*margin-top:-15px;*/}
.code li { width: 66px;float: left;display: inline;margin-right: 18px;text-align: center;position: relative;z-index: 103; cursor: pointer;}
.code li i{ width: 55px;height: 55px;margin: 0 auto 4px;overflow: hidden;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;transition: all 1s; display: inline-block; }
.code li i.icongfwx{ background: url(/images/icongfwx.png) no-repeat; }
.code li .code_title{ height: 24px;overflow: hidden;}
.code li span{ font-size:12px; }
.code li i.icongfapp{ background: url(/images/icongfapp.png) no-repeat; }
.code li .wx-tag { position: absolute;top: 57px; left: -35px;height: 145px;border: 1px solid #ddd;background: #fff;line-height: 15px;display: none;}
.code li .wx-tag .sharp { position: absolute; top: -9px; left: 55px;}
.sharp {line-height: 0;overflow: hidden;position: absolute;width: 20px;height: 10px;background:url(/images/iconsharp.png) no-repeat;}
.code li img { padding: 9px 10px 8px;}
.code li .app-tag { position: absolute;top: 57px; left: -2px;height: 145px;border: 1px solid #ddd;background: #fff;line-height: 15px;display:none;}
.code li .app-tag .sharp { position: absolute; top: -9px; left: 25px;}
.code li .app-tag img { padding: 9px 10px 8px;}
/*头部微信号app下载 End*/