*{ margin:0; padding:0; list-style:none;}
/* body{ font-size:12px;} */
img{ border:none;}
/*public*/
.fl{display:inline;float:right}
.fr{display:inline;float:left}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.logo_img{position:absolute;height:40px;left:473px;top:130px;}
.head_img{position:absolute;height:40px;right:473px;top:130px;}
.security_img{position:absolute;height:20px;left:483px;top:285px;}
.text-shadow
{
/* 	text-shadow: 5px 5px 5px #000; */
	font-family :Roman;
	font-size : 28px;
	color : black;
	text-align:center;
	vertical-align:middle;
}
/*main*/
.member{width:100%;margin:100px auto;background:#fff;padding:125px;box-shadow:0 0 10px #ccc;}
.member .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}
.member .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.member .title-list{ position: relative; top: 6px;}
.member .title-list li{ width: 146px; line-height: 10px; text-align: center; float: left; display: inline; font-weight: bold;font-size: 16px;}
.member .title-list li.on{ color: #ff6600; font-weight: bold;font-size: 16px;}
.member .title-list p{position:absolute;top:12px;left:0px;width:146px;height:10px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.member .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:10px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: 368px; position: relative; overflow: hidden; display: none; margin-top: 80px;}
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 300px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}

.ptitle{position: absolute;top: 25%;left: 13.5%;z-index: 10;font-size:18px;font-weight:bold;}
.pinfo{position: absolute;top: 49%;left: 5%;z-index: 10;font-size:12px;font-weight:bold;color:gray;}
.pmodify{position: absolute;top: 84%;left: 13%;z-index: 10;font-size:15px;font-weight:bold;color:#FFF;}

.ptitle01{position: absolute;top: 25%;left: 44.5%;z-index: 10;font-size:18px;font-weight:bold;}
.pinfo01{position: absolute;top: 49%;left: 37%;z-index: 10;font-size:12px;font-weight:bold;color:gray;}
.pstatus01{position: absolute;top: 37%;left: 47%;z-index: 10;font-size:12px;font-weight:bold;color:gray;}
.pmodify01{position: absolute;top: 84%;left: 47%;z-index: 10;font-size:15px;font-weight:bold;color:#FFF;}

.ptitle02{position: absolute;top: 25%;left: 79%;z-index: 10;font-size:18px;font-weight:bold;}
.pinfo02{position: absolute;top: 49%;left: 72%;z-index: 10;font-size:12px;font-weight:bold;color:gray;}
.pstatus02{position: absolute;top: 37%;left: 79%;z-index: 10;font-size:12px;font-weight:bold;color:gray;}
.pmodify02{position: absolute;top: 84%;left: 82%;z-index: 10;font-size:15px;font-weight:bold;color:#FFF;}

/* *{ margin:0; padding:0; list-style:none;} */
/* body{ font-size:12px;} */
/* img{ border:none;} */
.modify_password{width:100%;height:540px;margin:10px auto;background:#fff;padding:15px;box-shadow:0 0 10px #ccc;}

.fontclass{
	font-family :Roman;
	font-size : 18px;
	color : gray;
	}
.fontclass01{
	font-family :Roman;
	font-size : 18px;
	color : gray;
	text-align:center;
	vertical-align:middle;
	}
.fontclass02{
	font-family :Roman;
	font-size : 28px;
	color : black;
	text-align:center;
	vertical-align:middle;
	}
/*forget password*/
.logobox{border:1px solid #808080;height:69px;width:69px;background:url(../images/logo_top.png);position:relative;left:30px;}

.mobileBox{border:1px solid #808080;height:50px;width:300px;position:relative;top:40px;left:30px;}
.inputBox{float:left;border:0;color:#333;font-size:100%;width:249px;height:48px;left:30px;}
.phoneImgBox{background:url(../images/phone.png);height:48px;width:48px;overflow:hidden;border:0px;margin:0px}

.passBox{border:1px solid #808080;height:50px;width:300px;position:relative;top:60px;left:30px;}
.lockBox{background:url(../images/lock.png);height:48px;width:48px;overflow:hidden;border:0px;margin:0px;}

.loginBox{border:1px solid #808080;height:69px;width:300px;background:url(../images/login_btn.png);position:relative;top:120px;left:30px;}
.messageBox{height:29px;width:300px;position:relative;top:150px;left:30px;}
.forgotBox{border:1px solid #808080;height:69px;width:300px;background:url(../images/forgot_btn.png);position:relative;top:158px;left:30px;}

.closebox{height:30px;width:30px;position:relative;top:5px;left:320px;background:url(../images/close.png);}

/*send pass*/
.infoBox{height:59px;width:500px;position:relative;top:20px;left:30px;}
.sendMsgBox{border:1px solid #808080;height:69px;width:300px;background:url(../images/send_btn.png);position:relative;top:40px;left:30px;}

.valNumBox{border:1px solid #808080;height:250px;width:100%;position:relative;top:50px;left:30px;} 
.inputBox01{float:left;border:0;color:#333;font-size:100%;width:249px;height:48px;left:30px;}
.lockBox01{background:url(../images/lock.png);height:48px;width:48px;overflow:hidden;border:0px;margin:0px}

.sendOutBox{border:1px solid #808080;height:69px;width:100%;background:url(../images/sendout_btn.png);position:relative;top:120px;left:30px;}
.infoBox01{height:29px;width:300px;position:relative;top:140px;left:30px;text-align:center;}

/*password*/
.passwordBox{border:1px solid #808080;height:50px;width:500px;position:relative;top:40px;left:30px;}
.inputBox02{float:left;border:0;color:#333;font-size:100%;width:249px;height:48px;left:30px;}
.lockBox02{background:url(../images/lock.png);height:48px;width:48px;overflow:hidden;border:0px;margin:0px}

.repasswordBox{border:1px solid #808080;height:50px;width:100%;position:relative;top:50px;left:30px;}
.inputBox03{float:left;border:0;color:#333;font-size:100%;width:249px;height:48px;left:30px;}
.lockBox03{background:url(../images/lock.png);height:48px;width:48px;overflow:hidden;border:0px;margin:0px}
/*success*/
.infoBox02{height:100%;width:100%;position:relative;text-align:center;}
.successImgBox{border:1px solid #808080;height:216px;width:316px;background:url(https://www.pbplus.me/_ui/responsive/theme-blue/images/go2.png);position:relative;top:30%;left:50%px;}
.backfrontBox{border:1px solid #808080;height:69px;width:300px;background:url(../images/back_btn.png);position:relative;top:120px;left:30px;}
/*change password*/
.msuccessbox{border:1px solid #808080;height:127px;width:100%;background:url(../images/m_success_img01.png);position:relative;left:100px;}
.oldPassBox{border:1px solid #808080;height:50px;width:100%;position:relative;top:40px;left:30px;}
.inputBox{float:left;border:0;color:#333;font-size:100%;width:100%;height:48px;left:30px;}
.lockImgBox{background:url(../images/lock.png);height:48px;width:48px;overflow:hidden;border:0px;margin:0px}

.newPassBox{border:1px solid #808080;height:50px;width:100%;position:relative;top:80px;left:30px;}
.messageBox{height:29px;width:300px;position:relative;top:150px;left:30px;}

.renewPassBox{border:1px solid #808080;height:50px;width:100%;position:relative;top:100px;left:30px;}
.messageBox{height:29px;width:300px;position:relative;top:150px;left:30px;}

.confrimBox_0{border:1px solid #808080;height:69px;width:100%;position:relative;top:120px;left:30px;}
.confrimBox{border:1px solid #808080;height:69px;width:100%;background:url(../images/confirm_btn.png);position:relative;top:120px;left:30px;}
/*modify success*/
.msuccessbox01{border:1px solid #808080;height:116px;width:116px;background:url(../images/m_success_img.png);position:relative;left:110px;top:100px;}
.infoBox03{height:100%;width:100%;position:relative;top:120px;left:110px;}