@charset "UTF-8";
/* CSS Document */
body{margin:0;padding:0;font:10pt Arial,sans-serif ;color:#333;background:url(../img/bg.jpg) center top no-repeat
fixed;}
div,span,ul,ol,li,p,input,h1,h2,h3,h4{margin: 0;padding: 0}
img{border: none;}
a{text-decoration:none}
ul,ol,li{ list-style-type:none}
h1{font-size:16pt;display: inline-block;}
h2{font-size:12pt;display: inline-block;}


#focus{width:100%;height:600px;float:left;}
#focus .box{width:1000px;height:0;margin: 0 auto;position:relative;}
#focus .box h1{position: absolute;left:0;top:160px;z-index: 1;border: 10px solid
#fff;font-weight:bold;font-size:50pt;color:#fff;padding:30px;display: block;transform:width 1s;-moz-transition:width 1s;
-webkit-transition:width 1s;-o-transition:width 1s;}
#focus .box .logo{position: absolute;left:0px;top:200px;z-index: 2;width:450px;height:127px;background:
url(../img/logo.svg) left center no-repeat}
#focus img{width:1000px;height:600px;}
#focus li{float:left;display:inline;width:1000px;height:600px;overflow: hidden;}
#focus h1{width:auto}
#old_member ,#new_member ,#social ,#mbs_point {width:100%;float:left;background:#fff;transform:opacity
1s;-moz-transition:opacity 1s; -webkit-transition:opacity 1s;-o-transition:opacity 1s; z-index: 1;}
#mbs_point{background:#f5f5f5;}
#old_member:hover ,#new_member:hover ,#social:hover ,#mbs_point:hover{opacity: 0.95;}
#old_member .box ,#new_member .box ,#social .box ,#mbs_point .box{width:1000px;margin:0px auto;}
#old_member .content ,#new_member .content ,#mbs_point .content{width:100%;float:left;margin:50px 0;position: relative}
#old_member .content p ,#new_member .content p ,#mbs_point p{width:100%;float:left;line-height:30px;word-break:
break-word;word-wrap: break-word;margin:10px 0;display:inline-block}
#new_member .content p{width:850px;margin:0 0 50px 0}
#new_member .content .qr{width:150px;background:url(../img/qr.svg) top right no-repeat;padding:160px 0 0 0;float:
left;text-align: center;}
#new_member .content ol  ,#new_member .content ul ,#old_member .content ul ,#mbs_point .content ul
{width:100%;margin:0 ;padding:0 0 10px 0;float: left;display:inline-block}
#old_member .content ul li ,#new_member .content ul li ,#mbs_point .content ul li{width:100%;line-height:30px;}
#new_member .content ol li{width:97%;padding:0 0 0 3% ;color:#333;line-height:30px;}
#focus .content .tips ,#new_member .content .tips ,#new_member .content .tips ,#old_member .content .tips ,#mbs_point .content .tips{font-size:9pt;color:#666;line-height:26px}
#old_member .content ul li .text_right{width:100%;text-align: right;float: left;}
#new_member h2{width:97%;height:24px;margin:20px 0 0 0;padding:0 0 0 3%;float:left;line-height:24px; -ms-background-position-x:-486px;-ms-background-position-y:0px;}
.yanbao{background:url(../img/yanbao_icon.svg) left top no-repeat; }
.weixiurengongfei{background: url(../img/weixiurengongfei_icon.svg) left top no-repeat;}
.yiwaiweixiuquan{background: url(../img/yiwaiweixiuquan_icon.svg) left top no-repeat;}
.waiguanqingjie{background: url(../img/waiguanqingjie_icon.svg) left top no-repeat;}
.mianfeitiaojiao{background: url(../img/mianfeitiaojiao_icon.svg) left top no-repeat;}
.gujianshengji{background: url(../img/gujianshengji_icon.svg) left top no-repeat;}
.shenduqingjie{background: url(../img/shenduqingjie_icon.svg) left top no-repeat;}
.jifenzengzhi{background: url(../img/jifenzengzhi_icon.svg) left top no-repeat;}
.huodongyaoyue{background: url(../img/huodongyaoyue_icon.svg) left top no-repeat;}
.zhuanxiangliyu{background: url(../img/zhuanxiangliyu_icon.svg) left top no-repeat;}
.zhuanshulipin{background: url(../img/zhuanshulipin_icon.svg) left top no-repeat;}
#new_member h1 ,#old_member h1 ,#mbs_point h1{width:100%;margin:30px 0 0 0;}
#mbs_point h2{width:100%;margin:20px 0 0 0}
#old_member .content ul li a,#new_member .content ul li a ,#mbs_point .content ul li a{color:#0967B2}
#old_member .content ul li a:hover ,#new_member .content ul li a:hover ,#mbs_point .content ul li
a:hover{text-decoration: underline;}
#new_member table ,#mbs_point table{border-left:1px solid #ddd;border-top:1px solid #ddd;width:100%;float:left}
#new_member table tr td ,#mbs_point table tr td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:
center;line-height: 20px;padding:10px 0}
#new_member table .title_bg ,#mbs_point table .title_bg {background:#efefef;font-weight:bold}
.goods_img{width:1000px;background:url(../img/goods.jpg) center center no-repeat;height:400px;}
.goods_img2{width:1000px;background:url(../img/goods2.jpg) center center no-repeat;height:400px;}
#social .content{width:100%;float:left;margin: 25px 0}
#social ul{width: 100%;float: left}
#social ul li{width: auto;margin-right:50px;float: left;font-size:0}
/* #social ul li .lp{width:180px;height:50px;background: url(../img/bottom_logo.svg) left center no-repeat;float: left}
*/
#social ul li .tit{font-size: 9pt;float: left;line-height:80px}
#social ul li .weixin{width:80px;height:80px;background: url(../img/qr.svg) center center no-repeat;float:
left;position: relative;margin:0 -40px 0 0}
#social ul li .login a{width:80px;height:60px;background: #0967B2;float: left;position: relative;margin:0 0 0
20px;font-size: 9pt;line-height:20px;padding:20px 0 0 0;text-align: center;color:#fff;border-radius: 5px;display:
inline;opacity:1;transform:background-color 1s;-moz-transition:background-color 1s; -webkit-transition:background-color
1s;-o-transition:background-color 1s;}
#social ul li .login a:hover{background: #3a5a98}
#social ul li .weixinqr{display:none}
#footer{width:100%;float:left;background: #fff;padding:30px 0}
#footer ul{width:1000px;margin: 0 auto}
#footer ul li{margin-right: 40px;float:left}
#new_member .content .qrimg{display:none}
/* back to top */
.cd-top {display:inline-block;height: 40px;width: 40px;position: fixed;bottom: 20px;right: 20px;overflow:
hidden;text-indent: 100%;font-size:0 white-space:nowrap;background: url(../img/upto.svg) left top no-repeat;
visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all
0.3s;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */opacity: .5;}
.no-touch .cd-top:hover {background-color: #333;opacity: 1;}