html, body, div, span, applet, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, var, b, u, i, center, ol, ul, li, caption, p, audio{
border: 0; outline: 0; vertical-align: baseline; margin: 0; padding: 0; line-height:100%; text-decoration: none; font-size:16px;
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}

p,li,ul{ list-style:none;}

html{ width:100%; min-height:100%; height:100%; padding: 0; margin: 0;}
body{ width:100%; min-height:100%; height:100%; margin:0 auto; position:relative; font-size:16px; padding: 0;}
.show{ display:block;}
.hide{ display:none;}
.clear{ width:100%; height:1px; display:block; clear:both;}

/***   common   ***/
.textInputStyle{ width:94%; height:2rem; line-height:2rem; font-size:0.8rem; border:1px solid #d7d7d7; background:#fff; border-radius:5px; padding:0 3%; }
.errorDiv{ color:#ff0000; font-size:0.6rem; line-height:150%; padding-bottom: 10px;}
.black-bg{ width: 100%; height: 100%; position: fixed; background: #000; opacity: 0.3; z-index: 99999; top: 0; left: 0; display: none;}

/***   header   ***/
header{ width: 100%; height: 60px; display: block; position: fixed; top: 0; left: 0; background: #fff; z-index:9999999999; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);}
header .header_main{ width: 1002px; height: 60px; display: block; margin: 0 auto; position: relative;}
header .header_main .logo{ width: 210px; height: 42px; display:block; background: url("/img/tongrui.png"); background-size: 100% 100%; float: left; margin-top: 11px; }
header .header_main .header_member_icon{ width: 20px; height: 22px; display:block; background: url("/img/member_icon.jpg"); float: right; margin: 20px 20px 0 0; }
header .header_main .header_member_avatar{ width: 36px; height: 36px; display:block; margin: 12px 10px 0 0; float: right; }
header .header_main .header_member_avatar img{ width: 100%; height: 100%; border-radius: 50%; }
header .header_main .header_member_nickname{ height: 60px; line-height: 60px; font-size: 16px; float: right;  margin: 0 20px 0 0;}
header .header_main .headrt_list{ width: 150px; background: #fff; position: absolute; right: 0; top:61px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); display: none;}
header .header_main .headrt_list li{ width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; border-bottom: 1px solid #ccc; }
header .header_main .headrt_list li a{ font-size: 14px; width: 100%; height: 100%; display: block; line-height: 40px;}
header .header_main .headrt_list li:hover{ background: #f5f8ff;}


/***   banner_m.htm   ***/
.banner_m{ width:100%; max-width: 600px; margin: auto; height:3rem; display: block; line-height:3rem; position:relative;
	border:1px solid #bfbfbf; border-left:none; border-right:none;
	background: #efefef;
    background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top,left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);
}
.banner_m h2{ font-size:1rem; line-height:3rem; color:#1b1b1b; text-align:center; font-weight:normal;}
.banner_m span{ position:absolute; left:0; top:0;} 
.banner_m .back{ width:0.8rem; height:0.8rem; display:block; border-top:2px solid #d2d2d2; border-left:2px solid #d2d2d2; transform:rotate(-45deg); left:1rem; top:1rem;}

/***   login_m.htm   ***/
.login_m_main{ padding:30px 20px; max-width: 560px; margin: auto;}
.login_m_main h4{ color:#024fff; font-size:0.8rem; line-height:150%; text-align:right;}
.login_m_main h4 a{ color:#024fff; font-size:0.8rem; }

.login_m_main .login_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.login_m_main .reg_btn{width:100%; height:40px; display:block; background:#f8f8f8; color:#024fff; font-size:1rem; line-height:40px; text-align:center; border-radius:21px; border:1px solid #024fff;}

.login_m_main h3{ width:100%; position:relative; height:30px;}
.login_m_main h3 .line{ width:100%; height:1px; border-bottom:1px solid #dcdcdc; position:absolute; top:14px; left:0; z-index:999;}
.login_m_main h3 span{ width:40%; height:20px; font-size:0.8rem; line-height:20px; display:block; background:#f8f8f8; position:absolute; left:30%; top:5px; text-align:center; color:#898989; z-index:9999;}

.login_m_main h2{ width:100%; height:50px; line-height:50px; text-align:center;}
.login_m_main h2 center{ display:table; margin:auto;}
.login_m_main h2 a{ width:50px; height:50px; display:block; margin:0 20px; float:left;}
.login_m_main h2 .qq_btn{ background:url(/img/QQ.png) no-repeat; background-size:100% 100%;}
.login_m_main h2 .sina_btn{ background:url(/img/sina.png) no-repeat; background-size:100% 100%; }

.login_m_main h5{ color: #fa5f9c; font-size: 18px; text-align: center; margin: 50px 0 20px 0; line-height: 250%;}
.login_m_main h6{ color: #b0b1b1; font-size: 16px; text-align: center; line-height: 250%; font-weight: normal;}
.login_m_main h4{ color: #446cff; font-size: 16px; text-align: center; line-height: 250%; font-weight: normal;}


/***  login_pc.htm	***/
.login_pc_main{ padding:30px 20px; width:100%; min-width:300px; max-width:400px; margin:100px auto 0 auto; background:#ffffff; border-radius:5px; box-shadow:0px 0px 5px 5px #cccccc;  position:relative;}
.login_pc_main .logo{ width:40%; display:table; clear:both; margin:auto; }
.login_pc_main .logo img{ width: 210px; height:auto;}

.login_pc_main .banner{ width:100%; height:2rem;}
.login_pc_main .banner li{ width:50%; height:2rem; float:left; border-bottom:1px solid #c8c8c8; line-height:2rem; text-align:center; font-size:1rem; line-height:150%; color:#c8c8c8;}
.login_pc_main .banner .action{ color:#024fff; border-bottom:1px solid #024fff; }

.login_pc_main h4{ color:#024fff; font-size:0.8rem; line-height:150%; text-align:right;}
.login_pc_main h4 a{ color:#024fff; font-size:0.8rem; }

.login_pc_main .login_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}

.login_pc_main h3{ width:100%; position:relative; height:30px;}
.login_pc_main h3 .line{ width:100%; height:1px; border-bottom:1px solid #dcdcdc; position:absolute; top:14px; left:0; z-index:999;}
.login_pc_main h3 span{ width:40%; height:20px; font-size:0.8rem; line-height:20px; display:block; background:#ffffff; position:absolute; left:30%; top:5px; text-align:center; color:#898989; z-index:9999;}

.login_pc_main h2{ width:100%; height:50px; line-height:50px; text-align:center;}
.login_pc_main h2 center{ display:table; margin:auto;}
.login_pc_main h2 a{ width:50px; height:50px; display:block; margin:0 20px; float:left;}
.login_pc_main h2 .qq_btn{ background:url(/img/QQ.png) no-repeat; background-size:100% 100%;}
.login_pc_main h2 .sina_btn{ background:url(/img/sina.png) no-repeat; background-size:100% 100%; }
.login_pc_main h2 .wx_btn{ background:url(/img/wx.png) no-repeat; background-size:100% 100%; }
.login_pc_main h2 .wx_login_container{ width:150px; height:150px; display:block; position:absolute; right:-50px; top:320px; display:none; z-index:9999; }




/***	register_m.htm	***/
.register_m_main{ padding:30px 20px; position:relative; max-width: 560px; margin: auto;}
.register_m_main .checkpic{ position:absolute; right:5px; top:5px; border-left:1px solid #d7d7d7;  }
.register_m_main .getCode{ width:35%; height:2rem; display:block; float:right; text-align:center; line-height:2rem; border-radius:5px; font-size:0.8rem;}
.register_m_main .canSend{ background:#ffffff; color:#024fff; border:1px solid #024fff; }
.register_m_main .unCanSend{ background:#dcdcdc; color:#c3c3c3; border:1px solid #dcdcdc; }


.register_m_main .reg_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.register_m_main .login_btn{width:100%; height:40px; display:block; background:#f8f8f8; color:#024fff; font-size:1rem; line-height:40px; text-align:center; border-radius:21px; border:1px solid #024fff;}


/***	register_pc.htm	***/
.register_pc_main{ padding:30px 20px; width:100%; min-width:300px; max-width:400px; margin:100px auto 0 auto; background:#ffffff; border-radius:5px; box-shadow:0px 0px 5px 5px #cccccc; position:relative;}
.register_pc_main .logo{ width:40%; display:table; clear:both; margin:auto; }
.register_pc_main .logo img{ width: 210px; height:auto;}

.register_pc_main .banner{ width:100%; height:2rem;}
.register_pc_main .banner li{ width:50%; height:2rem; float:left; border-bottom:1px solid #c8c8c8; line-height:2rem; text-align:center; font-size:1rem; line-height:150%; color:#c8c8c8;}
.register_pc_main .banner .action{ color:#024fff; border-bottom:1px solid #024fff; }

.register_pc_main .checkpic{ position:absolute; right:5px; top:5px; border-left:1px solid #d7d7d7;  }
.register_pc_main .getCode{ width:35%; height:2rem; display:block; float:right; text-align:center; line-height:2rem; border-radius:5px; font-size:0.8rem;}
.register_pc_main .canSend{ background:#ffffff; color:#024fff; border:1px solid #024fff; }
.register_pc_main .unCanSend{ background:#dcdcdc; color:#c3c3c3; border:1px solid #dcdcdc; }


.register_pc_main .reg_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.register_pc_main .login_btn{width:100%; height:40px; display:block; background:#f8f8f8; color:#024fff; font-size:1rem; line-height:40px; text-align:center; border-radius:21px; border:1px solid #024fff;}



/***	bindMobile_m_main.htm	***/
.bindMobile_m_main{ padding:30px 20px; position:relative; max-width: 560px; margin: auto;}
.bindMobile_m_main .checkpic{ position:absolute; right:5px; top:5px; border-left:1px solid #d7d7d7;  }
.bindMobile_m_main .getCode{ width:35%; height:2rem; display:block; float:right; text-align:center; line-height:2rem; border-radius:5px; font-size:0.8rem;}
.bindMobile_m_main .canSend{ background:#ffffff; color:#024fff; border:1px solid #024fff; }
.bindMobile_m_main .unCanSend{ background:#dcdcdc; color:#c3c3c3; border:1px solid #dcdcdc; }

.bindMobile_m_main .bind_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.bindMobile_m_main h4{ color:#024fff; font-size:0.8rem; line-height:150%; text-align:right;}
.bindMobile_m_main h4 a{ color:#024fff; font-size:0.8rem; }


/***	bindMobile_pc_main.htm	***/
.bindMobile_pc_main{ padding:30px 20px; width:100%; min-width:300px; max-width:400px; margin:100px auto 0 auto; background:#ffffff; border-radius:5px; box-shadow:0px 0px 5px 5px #cccccc; position:relative;}
.bindMobile_pc_main .logo{ width:40%; display:table; clear:both; margin:auto; }
.bindMobile_pc_main .logo img{ width:210px; height:auto;}

.bindMobile_pc_main .banner{ width:100%; height:2rem;}
.bindMobile_pc_main .banner li{ width:50%; height:2rem; float:left; border-bottom:1px solid #c8c8c8; line-height:2rem; text-align:center; font-size:1rem; line-height:150%; color:#c8c8c8;}
.bindMobile_pc_main .banner .action{ color:#024fff; border-bottom:1px solid #024fff; }

.bindMobile_pc_main .checkpic{ position:absolute; right:5px; top:5px; border-left:1px solid #d7d7d7;  }
.bindMobile_pc_main .getCode{ width:35%; height:2rem; display:block; float:right; text-align:center; line-height:2rem; border-radius:5px; font-size:0.8rem;}
.bindMobile_pc_main .canSend{ background:#ffffff; color:#024fff; border:1px solid #024fff; }
.bindMobile_pc_main .unCanSend{ background:#dcdcdc; color:#c3c3c3; border:1px solid #dcdcdc; }

.bindMobile_pc_main .bind_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.bindMobile_pc_main h4{ color:#024fff; font-size:0.8rem; line-height:150%; text-align:right;}
.bindMobile_pc_main h4 a{ color:#024fff; font-size:0.8rem; }


/***	findPassword_m_main.htm	***/
.findPassword_m_main{ padding:30px 20px; position:relative; max-width: 560px; margin: auto;}
.findPassword_m_main .checkpic{ position:absolute; right:5px; top:5px; border-left:1px solid #d7d7d7;  }
.findPassword_m_main .getCode{ width:35%; height:2rem; display:block; float:right; text-align:center; line-height:2rem; border-radius:5px; font-size:0.8rem;}
.findPassword_m_main .canSend{ background:#ffffff; color:#024fff; border:1px solid #024fff; }
.findPassword_m_main .unCanSend{ background:#dcdcdc; color:#c3c3c3; border:1px solid #dcdcdc; }

.findPassword_m_main .setPassword_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.findPassword_m_main h4{ color:#024fff; font-size:0.8rem; line-height:300%; text-align:right;}
.findPassword_m_main h4 a{ color:#024fff; font-size:0.8rem; }


/***	findPassword_pc_main.htm	***/
.findPassword_pc_main{ padding:30px 20px; width:100%; min-width:300px; max-width:400px; margin:100px auto 0 auto; background:#ffffff; border-radius:5px; box-shadow:0px 0px 5px 5px #cccccc; position:relative;}
.findPassword_pc_main .logo{ width:40%; display:table; clear:both; margin:auto; }
.findPassword_pc_main .logo img{ width:210px; height:auto;}

.findPassword_pc_main .banner{ width:100%; height:2rem;}
.findPassword_pc_main .banner li{ width:50%; height:2rem; float:left; border-bottom:1px solid #c8c8c8; line-height:2rem; text-align:center; font-size:1rem; line-height:150%; color:#c8c8c8;}
.findPassword_pc_main .banner .action{ color:#024fff; border-bottom:1px solid #024fff; }

.findPassword_pc_main .checkpic{ position:absolute; right:5px; top:5px; border-left:1px solid #d7d7d7;  }
.findPassword_pc_main .getCode{ width:35%; height:2rem; display:block; float:right; text-align:center; line-height:2rem; border-radius:5px; font-size:0.8rem;}
.findPassword_pc_main .canSend{ background:#ffffff; color:#024fff; border:1px solid #024fff; }
.findPassword_pc_main .unCanSend{ background:#dcdcdc; color:#c3c3c3; border:1px solid #dcdcdc; }

.findPassword_pc_main .setPassword_btn{ width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}



/***	isregister_m_main	***/
.isregister_m_main{ padding:30px 20px; position:relative; max-width: 560px; margin: auto;}
.isregister_m_main h2{ font-size:1.2rem; text-align:center; line-height:200%; color:#024fff; }
.isregister_m_main .goRegister{width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.isregister_m_main .goOutBind{width:100%; height:42px; display:block; color:#024fff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px; border:1px solid #024fff;}


/***	isregister_pc_main	***/
.isregister_pc_main{ padding:30px 20px; width:100%; min-width:300px; max-width:400px; margin:100px auto 0 auto; background:#ffffff; border-radius:5px; box-shadow:0px 0px 5px 5px #cccccc; position:relative;}
.isregister_pc_main h2{ font-size:1.2rem; text-align:center; line-height:200%; color:#024fff; }
.isregister_pc_main .goRegister{width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px;}
.isregister_pc_main .goOutBind{width:100%; height:42px; display:block; color:#024fff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px; border:1px solid #024fff;}


/***	memberinfo_m_main	****/
.memberinfo_m_main{ width:100%; max-width: 600px; display:table;  position:relative; margin: auto;}
.memberinfo_m_main ul{ width:95%; padding:0 0 0 5%; background:#ffffff;}
.memberinfo_m_main ul li{ width:100%; border-bottom:1px solid #eeeeee; height:50px; line-height:50px; position:relative;}
.memberinfo_m_main ul li font{ font-size:1rem; color:#444444;}
.memberinfo_m_main ul li span{ font-size:0.8rem; color:#a1a1a1; position:absolute;}
.memberinfo_m_main ul li .right_icon{width:0.5rem; height:0.5rem; display:block; border-top:2px solid #d2d2d2; border-right:2px solid #d2d2d2; transform:rotate(45deg); right:1rem; top:1.3rem;}
.memberinfo_m_main ul li .right_font{ right:2rem; top:1.2rem;}
.memberinfo_m_main ul li .avater{ width:50px; height:50px; border-radius:25px; position:absolute; right:2rem; top:10px;}
.outlogin_m{width:90%; max-width: 540px; margin:20px auto; height:42px; display:block; color:#024fff; font-size:1rem; line-height:42px; text-align:center; border-radius:21px; border:1px solid #024fff; }




/***    member_pc_leftmeau  ***/
.member_pc_leftmeau{ width: 20%; display: table; float: left;  background: #fff; border-radius: 5px; }
.member_pc_leftmeau ul{ width: 90%; padding: 0 5%;}
.member_pc_leftmeau ul li{ width: 100%; height: 40px; border-bottom: 1px solid #f2f2f2; line-height: 40px;}
.member_pc_leftmeau ul li a{ font-size: 16px; line-height: 40px; color: #898989; padding: 0 10px;}
.member_pc_leftmeau ul li .active{ color: #000; font-weight: bold;}

/***    memberinfo_pc_main  ***/
.memberinfo_pc_main{ width: 1002px; height: auto; display: table; margin:80px auto 0 auto;}
.memberinfo_pc_main .rightMain{width:78%; display: table; float: right; background: #fff; border-radius: 5px; }
.memberinfo_pc_main .rightMain .rightMain_content{ margin: 30px 20px 100px 20px;}
.memberinfo_pc_main .rightMain .rightMain_content h1{ font-size: 18px; line-height: 100%;}
.memberinfo_pc_main .rightMain .rightMain_content label{ width: 100px; float: left; display: block; color: #a8a8a8; font-size: 16px;}
.memberinfo_pc_main .rightMain .rightMain_content .memberinfo_img{ width: 100px; height: 100px; border-radius: 50%; float: left;}
.memberinfo_pc_main .rightMain .rightMain_content .upload_img_btn{ width:150px; height:42px; display:block; background:#fff; color:#024fff; font-size:1rem; line-height:42px; text-align:center; border-radius:5px; float: left; border: 1px solid #024fff; margin: 20px 0 0 40px;}
.memberinfo_pc_main .rightMain .rightMain_content .upload_btn{ width:40%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:5px; margin: 0 0 0 100px;}


/***    membersafe_pc_main  ***/
.membersafe_pc_main{ width: 1002px; height: auto; display: table; margin:80px auto 0 auto;}
.membersafe_pc_main .rightMain{width:78%; display: table; float: right; background: #fff; border-radius: 5px; }
.membersafe_pc_main .rightMain .rightMain_content{ margin: 30px 20px 20px 20px;}
.membersafe_pc_main .rightMain .rightMain_content h1{ font-size: 18px; line-height: 100%;}
.membersafe_pc_main .rightMain .rightMain_content label{ width: 400px; float: left; display: block; color: #a8a8a8; font-size: 16px; margin: 30px 0 0 50px;}
.membersafe_pc_main .rightMain .rightMain_content li{ width: 100%; height: 80px; border-top: 1px solid #e5e5e5; position: relative;}
.membersafe_pc_main .rightMain .rightMain_content .password_li{ background: url("/img/lock.png") left center no-repeat; background-size: auto 30%;}
.membersafe_pc_main .rightMain .rightMain_content .email_li{ background: url("/img/mail.png") left center no-repeat; background-size: auto 30%;}
.membersafe_pc_main .rightMain .rightMain_content .mobile_li{ background: url("/img/phone.png") left center no-repeat; background-size: auto 30%;}
.membersafe_pc_main .rightMain .rightMain_content .bind_btn{  width:120px; height:42px; display:block; background:#fff; color:#626262; border: 1px solid #e5e5e5; font-size:1rem; line-height:42px; text-align:center; border-radius:5px; position: absolute; right: 0; top: 15px;}

.show_div{ width: 50%; position:absolute; left: 25%; top: 80px; background: #fff; padding: 40px 30px; border-radius: 5px; display: none; z-index: 999999; }
.show_div .uploadbtn{width:100%; height:42px; display:block; background:#024fff; color:#ffffff; font-size:1rem; line-height:42px; text-align:center; border-radius:5px;  }
.show_div .close{ width: 30px; height: 30px; background: url("/img/close.png"); background-size: 100% 100%; position: absolute; right:20px; top: 20px; }
.show_div .checkpic{ position:absolute; right:5px; top:5px; border-left:1px solid #d7d7d7;  }
.show_div .getCode{ width:35%; height:2rem; display:block; float:right; text-align:center; line-height:2rem; border-radius:5px; font-size:0.8rem; border:1px solid #d7d7d7;}


/***    memberbind_pc_main  ***/

.memberbind_pc_main{ width: 1002px; height: auto; display: table; margin:80px auto 0 auto;}
.memberbind_pc_main .rightMain{width:78%; display: table; float: right; background: #fff; border-radius: 5px; }
.memberbind_pc_main .rightMain .rightMain_content{ margin: 30px 20px 20px 20px;}
.memberbind_pc_main .rightMain .rightMain_content h1{ font-size: 18px; line-height: 100%;}
.memberbind_pc_main .rightMain .rightMain_content label{ width: 400px; float: left; display: block; color: #a8a8a8; font-size: 16px; margin: 30px 0 0 80px;}
.memberbind_pc_main .rightMain .rightMain_content li{ width: 100%; height: 80px; border-top: 1px solid #e5e5e5; position: relative;}
.memberbind_pc_main .rightMain .rightMain_content .qq_li{ background: url("/img/QQ-icon.jpg") left center no-repeat; background-size: auto 60%;}
.memberbind_pc_main .rightMain .rightMain_content .sina_li{ background: url("/img/sina-icon.jpg") left center no-repeat; background-size: auto 60%;}
.memberbind_pc_main .rightMain .rightMain_content .wx_li{ background: url("/img/wx-icon.jpg") left center no-repeat; background-size: auto 60%; position: relative;}
.memberbind_pc_main .rightMain .rightMain_content .bind_btn{  width:100px; height:42px; display:block; background:#fff; color:#024fff; border: 1px solid #024fff; font-size:1rem; line-height:42px; text-align:center; border-radius:5px; position: absolute; right: 0; top: 15px;}
.memberbind_pc_main .rightMain .rightMain_content .unbind_btn{  width:100px; height:42px; display:block; background:#fff; color:#ff0000; border: 1px solid #ff0000; font-size:1rem; line-height:42px; text-align:center; border-radius:5px; position: absolute; right: 0; top: 15px;}
.memberbind_pc_main .rightMain .rightMain_content .wx_login_container{ width:150px; height:150px; display:block; position:absolute; right:-130px; top:-50px; display:none; z-index:9999; }




/***    invite_main  ***/
.invite_main{ padding:0; position:relative; max-width: 560px; margin: auto; position: relative;
    background:url("/img/invite/bg1.png?20160909") no-repeat top #ffee64; background-size: 100% auto; }
.invite_main .bottom{ width: 100%; position: absolute; bottom: 60px; color: #5f5b40; text-align: center; line-height: 100%; font-size: 14px; }
.invite_main .bottom font{ color: #ff0000; padding: 0 5px;}
.invite_main .text{ width: 100%; position: absolute; text-align: center; font-size: 18px; top: 38%; line-height: 200%; color: #363636;}
.invite_main .text strong{ font-size: 26px; color: #ff6533;}
.invite_main .text font{ font-size: 22px; font-weight: normal; color: #ff6533;}
.invite_main .text span{ color: #ff6533; font-size: 18px;}


.invite_main .share{ width: 100%; position: absolute; bottom: 25%;}
.invite_main .share li{ width: 33.3%; float: left; text-align: center;}
.invite_main .share li a{ width: 50%; display: block; margin: auto;}
.invite_main .share li span{ font-size: 14px; line-height: 200%; height: 28px;}

.invite_main .share .qq{ background: url("/img/invite/bnt_02_QQ.png"); background-size: 100% auto;}
.invite_main .share .weixin{ background: url("/img/invite/bnt_01_wx.png"); background-size: 100% auto;}
.invite_main .share .mystore{ background: url("/img/invite/bnt_03_wb.png"); background-size: 100% auto;}
.invite_main .share_other{ width: 100%; position: absolute; bottom: 20%; text-align: center; }
.invite_main .share_other a{ font-size: 14px; color: #5f5b40; text-decoration: underline;}

.invite_main .ewm{ width: 60%;  background: #efeff4;  display: table; position: fixed; top: 20%; left: 20%; padding: 20px 0; z-index: 99999; display: none; border-radius: 10px;
    max-width:300px; }
.invite_main .ewm h1{ text-align: center; font-size: 14px; color: #000; font-weight: normal; line-height: 120%; padding: 10px 0; }
.invite_main .ewm #output_ewm{ width: 60%; margin: 0px auto 20px auto;}
.invite_main .ewm #output_ewm canvas{ width: 100%; height: auto;}
.invite_main .close{ width: 10%; display: block; background: url("/img/invite/close.png") no-repeat; background-size:100% auto; position: fixed; top:70%; left: 45%; display: none;  }


/***   invation_main  ***/
.invation_main{ padding:0; position:relative; max-width: 560px; margin: 20px auto 50px auto; position: relative;
    background:url("/img/invite/bg2.png?20170719") no-repeat top #f8f8f8; background-size: 100% auto; user-select: none; -webkit-user-select: none;}
.invation_main h2{ width: 100%; font-size: 14px; font-weight: normal; text-align: center; position: absolute; bottom: 10%; user-select: none; -webkit-user-select: none;}
.invation_main h3{ width: 100%; font-size: 18px; font-weight: normal; text-align: center; position: absolute; top: 25%; user-select: none; -webkit-user-select: none; color: #fff; line-height: 0;}
.invation_main h3 strong{ font-size: 40px; color: #fffc00; font-weight: normal;}
.invation_main h4{ width: 80%; font-size: 14px; text-align: left; padding: 0 10%; line-height: 100%; position: absolute; top: 48%; user-select: none; -webkit-user-select: none; }
.invation_main h4 font{ color: #ffa900;}
.invation_main p{font-size: 12px; position: absolute; text-align: left; top:53%; padding: 0 10%; line-height: 140%; color: gray}
.invation_main .tips{border-left-color: powderblue; border-left-style: solid; border-left-width: 8px; font-size: 12px; color: gray; position: absolute; top: 70%;left: 10%; padding: 5px 25px 5px 8px; line-height: 140%;}

.invation_main .code{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; background: #ccc; position: absolute; bottom: 10%; border-radius: 5px; user-select:text;  -webkit-user-select: text;}
.invation_main .avatar{ border: 1px solid #fff; width: 40px; height: 40px; border-radius: 21px; position: absolute; top: 5%; left: 10%; user-select:none;  -webkit-user-select: none;}
.invation_main h1{ height: 40px; line-height: 40px; position: absolute; top: 5%; left: 90px; user-select:none;  -webkit-user-select: none; color: #fff;}



/***   inviteeList  ***/
.inviteeList_main{ padding:0; position:relative; width: 100%; max-width: 560px; margin: 0 auto; background:#ffffff; display: table; }

.inviteeList_top { width: 100%; max-width: 560px; height: 50px; background: #e1feff; overflow: hidden; position: fixed; top: 0; z-index: 9999999; }
.inviteeList_top h1{ background: url("/img/invite/Group4.png?20160919") no-repeat 10px 15px ; background-size:auto 20px;  padding: 0 20px 0 35px; height: 50px; line-height: 50px; display: table; font-size: 12px; font-weight: normal; color: #9fa0a1;  }
.inviteeList_top h1 font{ color: #feb800; font-size: 16px; line-height: 50px;}

.inviteeList_list{ width: 100%; display: table; padding: 50px 0 0 0;}
.inviteeList_list li{ width: 100%; height: 80px; border-bottom: 1px solid #f2f2f2; position: relative;}
.inviteeList_list .avatar_div{ width: 80px; height: 82px; line-height: 80px; display: block; position: absolute; left: 0; top: 0; text-align: center; background: #fff;  }
.inviteeList_list .avatar_content{ width: 54px; height: 54px; border-radius: 27px; margin: 15px auto 0 auto; background: #f2f2f2; }
.inviteeList_list .avatar_content img{ width: 50px; height: 50px; border-radius: 25px; margin: 2px;}
.inviteeList_list .avatar_content span{ width: 20px; height: 20px; background: url("/img/letter/VIPCopy2.png") no-repeat; background-size: 100% 100%; display: block; position: absolute; left: 52px; top:50px; }

.inviteeList_list .vip { background: #ffda42;  }
.inviteeList_list .vip span{  background: url("/img/letter/VIPCopy1.png") no-repeat; background-size: 100% 100%; }


.inviteeList_list h2{ width: auto; height: 20px; font-size: 16px; line-height: 20px; color: #000000; position: absolute; left: 80px; top: 20px;  }
.inviteeList_list h3{ width: auto; height: 20px; font-size: 14px; line-height: 20px; color: #9b9b9b; position: absolute; left: 80px; top: 45px;  font-weight: normal; }
.inviteeList_list .gift{ height: 20px; font-size: 14px; line-height: 20px; color: #9b9b9b; position: absolute; right: 20px; top: 30px;  }

.inviteeList_kong{ width: 100%; height: 100%; display: block; background: url("/img/kong.png") no-repeat center; background-size: 60% auto; }

.inviteeList_bottom{  width: 100%; max-width: 540px; height: 40px; position: fixed; bottom: 40px;  z-index: 9999999; }
.inviteeList_bottom .btn{ width: 60%; height: 40px; display: block; text-align: center; line-height: 40px;  border-radius: 20px; background: #F5A623; color: #fff; font-weight: bold; font-size: 16px; display: block; margin: auto;  }

.inviteeList_main .order-bottom{ width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #9c9c9c;}

.inviteeList_main .ewm{ width: 60%;  background: #efeff4;  display: table; position: fixed; top: 20%; left: 20%; padding: 20px 0; z-index: 99999; display: none; border-radius: 10px;
    max-width:300px; }
.inviteeList_main .ewm h1{ text-align: center; font-size: 14px; color: #000; font-weight: normal; line-height: 120%; padding: 10px 0; }
.inviteeList_main .ewm #output_ewm{ width: 60%; margin: 0px auto 20px auto;}
.inviteeList_main .ewm #output_ewm canvas{ width: 100%; height: auto;}
.inviteeList_main .close{ width: 10%; display: block; background: url("/img/invite/close.png") no-repeat; background-size:100% auto; position: fixed; top:70%; left: 45%; display: none;  }


/**  inviteRankingList   **/
.inviteRankingList_main{ padding:0; position:relative; width: 100%; max-width: 560px; margin: 0 auto; background:#ffffff; display: table; }

.inviteRankingList_top { width: 100%; max-width: 560px; height: 51px; overflow: hidden; position: fixed; top: 0; z-index: 99999; background: #fff; }
.inviteRankingList_top ul{ width: 100%; height: 50px;}
.inviteRankingList_top ul li{ width: 33%; height: 50px; float: left; border-bottom: 1px solid #f2f2f2; text-align: center; line-height: 50px; color: #9b9b9b; }
.inviteRankingList_top ul .active{ height: 49px; border-bottom: 2px solid #feb800; color: #feb800;  }


.inviteRankingList_list{ width: 100%; display: table; padding: 50px 0 100px 0;}
.inviteRankingList_list li{ width: 100%; height: 80px; border-bottom: 1px solid #f2f2f2; position: relative;}

.inviteRankingList_list .icon{ width: 40px; height: 82px; line-height: 80px; display: block; position: absolute; left: 0; top: 0; text-align: center; background: #fff;  }
.inviteRankingList_list .icon span{ width: 20px; height: 20px; display: block; line-height: 20px; margin: 30px auto 0 auto; border-radius: 10px; }
.inviteRankingList_list a:nth-child(1) .icon span{ background: #ff7800; color: #fff;  }
.inviteRankingList_list a:nth-child(2) .icon span{ background: #ffcb3e; color: #fff;  }
.inviteRankingList_list a:nth-child(3) .icon span{ background: #8ecc0a; color: #fff;  }


.inviteRankingList_list .avatar_div{ width: 60px; height: 80px; line-height: 80px; display: block; position: absolute; left: 40px; top: 0; text-align: center; background: #fff;  }
.inviteRankingList_list .avatar_content{ width: 54px; height: 54px; border-radius: 27px; margin: 15px auto 0 auto; background: #f2f2f2; }
.inviteRankingList_list .avatar_content img{ width: 50px; height: 50px; border-radius: 25px; margin: 2px;}
.inviteRankingList_list .avatar_content span{ width: 20px; height: 20px; background: url("/img/letter/VIPCopy2.png") no-repeat; background-size: 100% 100%; display: block; position: absolute; left: 40px; top:50px; }


.inviteRankingList_list .vip { background: #ffda42;  }
.inviteRankingList_list .vip span{  background: url("/img/letter/VIPCopy1.png") no-repeat; background-size: 100% 100%; }

.inviteRankingList_list h2{ width: auto; height: 20px; font-size: 16px; line-height: 20px; color: #000000; position: absolute; left: 120px; top: 20px;  }
.inviteRankingList_list h3{ width: auto; height: 20px; font-size: 14px; line-height: 20px; color: #9b9b9b; position: absolute; left: 120px; top: 45px; font-weight: normal;  }
.inviteRankingList_list .gift{ height: 20px; font-size: 14px; line-height: 20px; color: #9b9b9b; position: absolute; right: 20px; top: 30px; font-weight: bold;  }
.inviteRankingList_list .gift font{ font-size: 14px; line-height: 20px; color: #feb800; font-weight: bold; }

.inviteRankingList_main .ewm{ width: 60%;  background: #efeff4;  display: table; position: fixed; top: 20%; left: 20%; padding: 20px 0; z-index: 99999; display: none; border-radius: 10px;
    max-width:300px; }
.inviteRankingList_main .ewm h1{ text-align: center; font-size: 14px; color: #000; font-weight: normal; line-height: 120%; padding: 10px 0; }
.inviteRankingList_main .ewm #output_ewm{ width: 60%; margin: 0px auto 20px auto;}
.inviteRankingList_main .ewm #output_ewm canvas{ width: 100%; height: auto;}
.inviteRankingList_main .close{ width: 10%; display: block; background: url("/img/invite/close.png") no-repeat; background-size:100% auto; position: fixed; top:70%; left: 45%; display: none;  }


/***    loading   ***/
.loading{ position:fixed; width: 100%; text-align: center; top:200px; left:0; display: none; }
.loading .box{ width: 80px; height: 80px; background: #000000; border-radius: 20px; margin: auto; position: relative; z-index: 999;}
.spinner { margin: 0 auto; width: 80px; text-align: center; position: absolute; top: 30px; left:0px;  z-index: 9999;}
.spinner > div {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    z-index: 99999;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}


/***** alert *****/
.alert{ position:fixed; width: 100%; text-align: center; top:200px; left:0; display: none; z-index: 9999999999;}
.alert .box{ width: 250px; display: table; background: #000000; border-radius: 5px;
        margin: auto; position: relative; color: #ffffff; padding: 10px 10;}
.alert h2{ padding: 20px 10px 40px 10px; line-height: 150%; font-size: 1rem; color: #dbdbdb; font-weight: normal;}
.alert ul{ width: 100%; height: 1.5rem; border-top:1px solid #cccccc; padding: 20px 0; }
.alert ul a{ color: #ffffff; font-size: 1.1rem; }
.alert ul .left{ width: 124px; height: 1.5rem; text-align: center; line-height: 1.5rem; float: left; border-right: 1px solid #ffffff;}
.alert ul .right{ width: 124px; height: 1.5rem; text-align: center; line-height: 1.5rem; float: left;}