/** @version:1.1.5
 * @author:byl@*/
@charset "utf-8";
*{margin: 0;padding: 0;box-sizing: border-box;}
body, html {
    font-family:"微软雅黑";
    font-size: 14px;
    margin: 0;
    min-width: 1000px;
    padding: 0;
	background-color:#f2f2f2;
}
.font20{font-size:20px;}
.indextop{
	border-top: 2px #3399ff solid;margin-bottom: 1px;line-height: 30px
}

.col-555{color: #555;}
.col-999{color: #999;}
.col-333{color: #333;}
.col-fff{color: #fff;}
.col-org{color: #f80;}
.col-blue{color: #39f;}
.bg-fff{background: #fff;}
.posi-rel{position: relative;}
.posi-abu{position: absolute;}
.posi-fix{position: fixed;}
.border-radius{border-radius: 50%;}
.fl{float: left;}
.fr{float: right;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font-bold{font-weight: 600;}
.ml45{margin-left: 45px;}   /* 新加*/
.mtb5{margin: 5px 0;}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}
.text-center{text-align: center;}
i{font-style: normal;}
input {
	margin:0;
	padding:0;
    color: #333;
    font-size: 12px;
    outline: 0 none;
    vertical-align: middle;height: 40px !important;border: 1px solid #d7d7d7
}
button, dd, div, dl, dt, form, img, li, ol, p, td, th, ul{
    border: 0 none;
    margin: 0;
    padding: 0;
}

/*修改绑定*/
.rebinding-menu{ background-color:#fff; height:80px;width:100%; line-height: 80px; border-bottom:solid 1px #d5d5d5; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);margin-bottom: 14px;z-index: 1100;}
.rebinding-menu .logo{float: left;}
.rebinding-menu .rebinding-btn{float: right;}
.rebinding-btn button{width: 80px; height: 40px; background-color: #3399FF; color: #fff; border-radius: 6px;}
.rebinding-box .box-title{width: 500px;margin: 60px auto;text-align: center;}
.rebinding-box .box-title i{font-size: 12px;color: #999;}
.rebinding-box .box-timeline{width: 575px; margin: 0 auto; text-align: center;}
.rebinding-box .box-timeline ul li{float: left;font-size: 16px;color: #999;width: 100px; position: relative;margin-right: 105px;}
/*.rebinding-box .box-timeline  div[class*=box-outside]{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}*/
.rebinding-box .box-timeline .outside1ab{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}
.rebinding-box .box-timeline .outside2a{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}
.rebinding-box .box-timeline .outside1ab:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;right: 71px;z-index: 2;}
.rebinding-box .box-timeline .outside1ab:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;left: 71px;z-index: 2;}
.rebinding-box .box-timeline .outside2a:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;right: 71px;z-index: 2;}
.rebinding-box .box-timeline  div[class*=box-num]{width: 26px; height: 26px;line-height: 26px; margin: 14px auto; border-radius: 50%; background-color: #39f;color: #fff; }
/*.rebinding-box .box-timeline  div[class*=box-nums]:after{content: ""; position:absolute; height: 1px; width: 105px;background-color: #39f;top: 46px;left: 71px;}*/
.rebinding-box .box-timeline .outside1ab .num2ab{background-color: #999;}
.rebinding-box .box-timeline .outside2a .num3a{background-color: #999;}
.rebinding-box .box-timeline ul .box-num1{background-color: #39f;}
.rebinding-box .box-timeline .box-num2,.rebinding-box .box-timeline .box-num3{margin-left: 45px;}
.rebinding-box .box-timeline .box-num1:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;left: 71px;}
.rebinding-box .box-timeline .num2ab:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;right: 71px;}
.rebinding-box .box-timeline .num2ab:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;left: 71px;}
.rebinding-box .box-timeline .num3a:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #39f;top: 48px;right: 71px;}
/*第一步*/
.rebinding-box  div[class*=box-form] {width: 370px;margin-top: 130px;position: absolute;left: 41%;}
.rebinding-box  .twobox-form{display: none;}
.rebinding-box  .threebox-form{display: none;}
.rebinding-box .onebox-form .oneform-label{float: left;display: block;width:70px;text-align: center; font-size: 14px;height: 40px;line-height: 40px;}
.rebinding-box .onebox-form .oneform-input{margin-left: 75px;}
.rebinding-box .onebox-form .oneform-input input {border-radius: 6px;width: 100%; padding-left: 10px;}
.rebinding-box .onebox-form .oneform-input input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.rebinding-box .onebox-form .onebtn-box{width: 130px;height: 40px; margin:30px auto;}
.rebinding-box .onebox-form .onebtn-box .onebtn{width: 130px;height: 40px; margin: 0 auto;background-color: #39f;color: #fff;border-radius: 6px;font-size: 14px;}
/*第二步*/
.rebinding-box .twobox-form label{float: left;display: block;width: 70px;text-align: center; font-size: 14px;height: 40px; line-height: 40px; }
.rebinding-box .twobox-form .newtel{margin-bottom: 14px;}
.rebinding-box .twobox-form  div[class*=twoform-input]{margin-left: 75px;}
.rebinding-box .twobox-form input{border-radius: 6px;width: 100%; padding-left: 10px;}
.rebinding-box .twobox-form  .twoform-input2 input{width: 54%;}
.rebinding-box .twobox-form  .sendcode{float: right; width: 35%;height: 40px; margin: 0 auto;background-color: #39f;color: #fff;border-radius: 6px;font-size: 14px;margin-top: -40px;}
.rebinding-box .twobox-form  .twobtn-box{width: 130px;height: 40px; margin:30px 75px;}
.rebinding-box .twobox-form  .twobtn-box .twobtn{width: 130px;height: 40px;background-color: #39f;color: #fff;border-radius: 6px;font-size: 14px;}
/*第三步*/
.rebinding-box .threebox-form .successr .symbol{width: 66px;height: 66px;border: solid 4px #39f;border-radius:50%;position: relative;margin: 0 auto;}
.rebinding-box .threebox-form .successr .symbol:before{position: absolute; content: " ";width:36px; height:19px;border-left:4px solid #39f; border-bottom: 4px solid #39f;top: 12px;left: 10px;transform:rotate(-46deg);}
.rebinding-box .threebox-form .successr p{font-size: 20px;text-align: center;margin-top: 15px;}
.rebinding-box .threebox-form .successr button{width: 130px;height: 40px;background-color: #39f;color: #fff;margin: 7% 32%;border-radius: 6px;font-size: 14px;}