Files
littleTiger/template/pc/rainbow/static/1111css1111/security_set.css
2019-02-28 19:48:21 +08:00

951 lines
19 KiB
CSS

/*用户中心入口*/
/*------------------------------图标go-----------------------------------*/
/*主图标 参数@a:宽 @b:高度 @c:背景图位移*/
.icon-logo {
margin:-3px 5px 0;
font-style:normal;
content:"";
background:url(../images/feiniu-index-icon.png) no-repeat 0 0;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
width:326px;
height:60px;
}
.icon-logo-2 {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:143px;
height:56px;
background:url('../images/feiniu-index-icon.png') no-repeat 0 -59px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-tel {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:32px;
height:32px;
background:url('../images/feiniu-index-icon.png') no-repeat -180px -195px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-warn {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:17px;
height:17px;
background:url('../images/feiniu-index-icon.png') no-repeat -35px -117px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-win {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:17px;
height:17px;
background:url('../images/feiniu-index-icon.png') no-repeat -35px -134px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-loss {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:17px;
height:17px;
background:url('../images/feiniu-index-icon.png') no-repeat -35px -151px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-x {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:13px;
height:13px;
background:url('../images/feiniu-index-icon.png') no-repeat -52px -117px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-g {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:13px;
height:13px;
background:url('../images/feiniu-index-icon.png') no-repeat -52px -130px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-big-success {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:48px;
height:39px;
background:url('../images/feiniu-draw-icon.png') no-repeat 0 0;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
margin-right:-7px;
}
.icon-big-error {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:34px;
height:34px;
background:url('../images/feiniu-draw-icon.png') no-repeat 0 -45px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
margin-right:-7px;
}
.icon-big-warn {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:39px;
height:39px;
background:url('../images/feiniu-draw-icon.png') no-repeat 0 -85px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
margin-right:-7px;
}
.icon-draw-success {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:48px;
height:39px;
background:url('../images/feiniu-draw-icon.png') no-repeat 0 0;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-draw-alert {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:49px;
height:42px;
background:url('../images/feiniu-draw-icon.png') no-repeat -51px 0;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
.icon-draw-correct {
margin:-3px 5px 0;
font-style:normal;
content:"";
width:49px;
height:42px;
background:url('../images/feiniu-draw-icon.png') no-repeat -101px 0;
display:inline-block;
vertical-align:middle;
overflow:hidden;
position:relative;
zoom:1;
}
/*------------------------------图标end-------------------------------*/
.off {
display:none;
}
.a2176dd a {
color:#2176dd;
}
.a2176dd a:hover {
color:#f22e00;
cursor:pointer;
text-decoration:none;
}
.a0043d9 a {
color:#0043d9;
}
.a0043d9 a:hover {
color:#f22e00;
cursor:pointer;
text-decoration:none;
}
.a0066cc a {
color:#0066cc;
}
.a0066cc a:hover {
color:#f22e00;
cursor:pointer;
text-decoration:none;
}
.a0042db a {
color:#0042db;
}
.a0042db a:hover {
color:#f22e00;
cursor:pointer;
text-decoration:none;
}
.v-tips,.v-tips-1,.v-tips-2,.v-tips-3,.v-tips-4,.v-tips-5 {
display:none;
position:absolute;
width:500px;
left:100%;
top:0;
}
.left {
float:left;
}
.block-01 {
padding:25px 16px;
background:#fffef2;
border:1px dashed #ddd;
}
.block-01 b {
font-size:14px;
color:#3c3c3c;
}
.block-01 .s-01,.block-01 .s-02,.block-01 .s-03 {
background:#ddd;
padding:0 22px 1px;
margin-right:1px;
color:#fff;
}
.block-01 .s-01 {
margin-left:40px;
}
.block-01 .on {
background:#ff9b01;
}
.block-01 .s-04 {
margin-left:44px;
color:#4d8b10;
}
.block-02 .adc {
position:relative;
width:872px;
padding:15px 32px;
margin:40px auto 0;
border-bottom:1px dashed #ddd;
}
.block-02 .adc i[class*=icon] {
margin-right:8px;
}
.block-02 .adc i[class*=icon]:before {
margin-top:-9px;
}
.block-02 .adc .s-01 {
display:inline-block;
padding-right:24px;
font:bold 20px/40px "microsoft yahei";
border-right:1px solid #ddd;
}
.block-02 .adc .s-02 {
margin-left:30px;
color:#6c6c6c;
}
.block-02 .adc .d-01,.block-02 .adc .d-02 {
position:absolute;
right:0;
top:25px;
width:160px;
text-align:center;
}
.block-02 .adc .d-01 a,.block-02 .adc .d-02 a {
margin-right:10px;
display:inline-block;
*display:inline;
zoom:1;
}
.block-02 .adc .d-02 a {
padding:4px 9px 3px 10px;
margin-right:10px;
color:#000;
font-size:14px;
font-weight:bold;
background:#fff3ca;
border:1px solid #df9c4c;
border-radius:2px;
}
.block-02 .adc .d-02 a:hover {
background:#ffe5ad;
color:#000;
}
/* 邮箱验证 */
.pub-step {
width:100%;
margin:0 auto 45px;
}
.pub-step .steps-nav {
margin-left:8px;
margin-bottom:8px;
height:33px;
}
.pub-step .steps-nav > p {
position:relative;
float:left;
width:319.66666667px;
height:33px;
line-height:33px;
margin-right:8px;
margin-left:-8px;
text-indent:9px;
color:#6c6c6c;
font-size:14px;
font-weight:bold;
text-align:center;
background:#eee;
}
.pub-step .steps-nav > p i {
position:absolute;
z-index:1;
top:0;
right:-17px;
width:27px;
height:33px;
background:url('../images/pw-step.png') no-repeat;
}
.pub-step .steps-nav > p.go {
color:#ff8401;
background:#fff4d8;
}
.pub-step .steps-nav > p.go i {
background-position:0 -33px;
}
.pub-step .steps-nav.w4 p {
width:227px;
}
.pub-step .steps-nav.w4 .step-nav-1 {
z-index:1000;
}
.pub-step .steps-nav.w4 .step-nav-2 {
z-index:100;
}
.pub-step .steps-nav.w4 .step-nav-3 {
z-index:10;
text-indent:11px;
}
.pub-step .steps-nav.w4 .step-nav-4 {
z-index:1;
padding-right:8px;
margin-right:0;
text-indent:14px;
}
.pub-step .steps-nav .step-nav-1 {
z-index:1000;
}
.pub-step .steps-nav .step-nav-2 {
z-index:100;
}
.pub-step .steps-nav .step-nav-3 {
z-index:10;
padding-right:10px;
margin-right:0;
}
.pub-step .steps-nav .step-nav-4 {
z-index:1;
}
.pub-step .steps-con {
border:1px solid #ddd;
height:274px;
position:relative;
}
.pub-step .block-01 {
background:#fff;
padding:0;
}
.pub-step .steps-con .step-col {
color:#6c6c6c;
margin:43px 0 0 111px;
}
.pub-step .steps-con .step-col ul {
float:left;
}
.pub-step .steps-con .step-col ul li {
position:relative;
padding-left:94px;
height:32px;
margin-bottom:16px;
line-height:32px;
display:table;
}
.pub-step .steps-con .step-col .title {
position:absolute;
left:0;
text-align:right;
width:88px;
}
.pub-step .steps-con .step-col .con .c-01 {
color:#3c3c3c;
}
.pub-step .steps-con .step-col .con .get-msg-code {
height:26px;
width:115px;
border:1px solid #ddd;
line-height:23px;
margin:0 3px 0 13px;
border-radius:1px;
background:none repeat scroll 0 0 #eee;
color:#000;
}
.pub-step .steps-con .step-col .con .get-msg-code:hover {
cursor:pointer;
background:#fff4d8;
}
.pub-step .steps-con .step-col .con .get-msg-code[disabled]:hover {
cursor:default;
background:#eee;
}
.pub-step .steps-con .step-col .con .it-01 {
width:233px;
}
.pub-step .steps-con .step-col .con .msg-code {
width:74px;
height:14px;
background:transparent;
}
.pub-step .steps-con .step-col .con img {
margin-left:6px;
height:32px;
}
.pub-step .steps-con .step-col .con i:before {
margin:-3px -1px 0 0px;
}
.btn_120 {
color:#fff;
}
.pub-step .steps-con .step-col .btn {
width:100px;
padding:5px 12px;
margin-top:17px;
border-radius:0px;
}
.step-col .btn:hover {
color:#fff;
}
.pub-step .steps-con .set-hint {
padding:67px 0 0 3px;
}
.pub-step .steps-con .set-hint p {
margin-left:61px;
}
.pub-step .steps-con .set-hint .check-email {
color:#3c3c3c;
font:100 14px/14px "microsoft yahei";
margin-bottom:25px;
}
.pub-step .steps-con .set-success {
margin:0 0 0 325px;
position:relative;
}
.pub-step .steps-con .set-success i {
position:absolute;
left:-24px;
top:-18px;
}
.pub-step .steps-con .set-success .p-c1 {
color:#3c3c3c;
font:normal 18px/18px "microsoft yahei";
margin-bottom:12px;
}
.pub-step .steps-con .set-success p {
margin:8px 0 0 41px;
font-size:12px;
text-align:left;
}
.pub-step .block-02 .step-col ul li {
margin-bottom:32px;
}
.pub-step .block-02 .step-col ul li.li-02 {
margin-bottom:16px;
}
.pub-step .block-02 .step-col ul li.li-02 span.a0066cc {
width:48px;
margin-left:6px;
line-height:17px;
}
.pub-step .block-02 .step-col ul li .con .msg-code {
height:18px;
}
.pub-step .block-03 .step-col {
margin:123px 0 0 290px;
}
.pub-step .block-03 .set-success {
margin:126px 0 0 48px;
}
/*----------------------------表单go----------------------------------*/
.fn-form input[type="text"],.fn-form input[type="password"] {
line-height:18px;
height:18px;
width:176px;
padding:6px 12px 6px 12px;
border:1px solid #ccc;
background-color:#fff;
background-image:none;
vertical-align:middle;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.fn-form input[type="text"]:focus,.fn-form input[type="password"]:focus {
border-color:#6c6c6c;
outline:0;
}
.fn-form input[type="text"]:placeholder,.fn-form input[type="password"]:placeholder {
color:#ccc;
}
.fn-form input[type="text"]:-ms-input-placeholder,.fn-form input[type="password"]:-ms-input-placeholder {
color:#ccc;
}
.fn-form .error input[type="text"],.fn-form .error input[type="password"] {
border-color:#f22e00;
}
.fn-form .error input[type="text"]:focus,.fn-form .error input[type="password"]:focus {
border-color:#f22e00;
}
.fn-form input[type="checkbox"] {
float:left;
width:14px;
height:14px;
margin:2px 3px 0 0px;
margin-top:1px \9;
line-height:normal;
background:none;
border:1px solid #ccc;
}
.fn-form .form-control {
float:left;
display:block;
width:100%;
font-size:14px;
line-height:1.428571429;
color:#555;
}
.fn-form .input-group {
position:relative;
display:table;
margin:0 0 22px 0;
}
.fn-form .input-group .input-group-addon {
border-right:1px solid #eeeeee;
}
.fn-form .input-group .input-group-addon i {
margin:0;
}
.fn-form .form-group {
position:relative;
display:table;
margin:0 0 22px 0;
}
.not-f input {
background-color:transparent;
background-image:none;
border-radius:0px;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:none;
transition:none;
}
.not-f input:focus {
outline:0;
-webkit-box-shadow:none;
box-shadow:none;
}
/*按钮*/
.btn {
display:inline-block;
padding:6px 12px;
margin-bottom:9px;
font-size:14px;
font-weight:normal;
font-family:"Microsoft YaHei";
line-height:1.428571429;
text-align:center;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
background:#fbfbfb;
background-image:none;
border:1px solid #ddd;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
.btn:hover {
background:#f0f0f0;
}
.btn-danger {
color:#fff;
background-color:#f22e00;
border:0;
}
.btn-danger:hover {
background:#e61c37;
}
/* 找回密码*/
.security_passwd .pub-step {
width:970px;
margin:0 auto 40px;
padding:0;
}
.security_passwd .block-01,.security_payment_code .block-01 {
background:none;
border:0;
padding:0;
}
.security_passwd .block-01 .s-01 {
margin-left:0;
background:#fff;
color:#6c6c6c;
display:inline-block;
zoom:1;
}
.security_passwd .pub-step .steps-nav {
margin-left:8px;
margin-bottom:8px;
}
.security_passwd .pub-step .steps-nav > p {
position:relative;
float:left;
width:320px;
height:33px;
line-height:33px;
margin-right:8px;
margin-left:-8px;
text-indent:9px;
color:#6c6c6c;
font-size:14px;
font-weight:bold;
text-align:center;
background:#eee;
}
.security_passwd .pub-step .steps-nav > p i {
position:absolute;
z-index:20;
top:0;
right:-17px;
width:27px;
height:33px;
background:url('../images/pw-step.png') no-repeat;
}
.security_passwd .pub-step .steps-nav > p.go {
color:#ff8401;
background:#fff4d8;
}
.security_passwd .pub-step .steps-nav > p.go i {
background-position:0 -33px;
}
.security_passwd .pub-step .steps-nav.w4 p {
width:240px;
}
.security_passwd .pub-step .steps-nav.w4 .step-nav-3 {
z-index:2;
text-indent:11px;
}
.security_passwd .pub-step .steps-nav.w4 .step-nav-4 {
z-index:1;
padding-right:8px;
margin-right:0;
text-indent:14px;
}
.security_passwd .pub-step .steps-nav .step-nav-1 {
z-index:4;
}
.security_passwd .pub-step .steps-nav .step-nav-2 {
z-index:3;
}
.security_passwd .pub-step .steps-nav .step-nav-3 {
z-index:2;
padding-right:10px;
margin-right:0;
}
.security_passwd .pub-step .steps-nav .step-nav-4 {
z-index:1;
}
.security_passwd .steps-con {
border:1px solid #ddd;
height:337px;
position:relative;
}
.security_passwd .steps-con .step-col {
vertical-align:middle;
color:#6c6c6c;
}
.security_passwd .steps-con .step-col .set-success {
position:relative;
}
.security_passwd .steps-con .step-col .set-success i {
position:absolute;
left:-24px;
top:-18px;
}
.security_passwd .steps-con .step-col .set-success .p-c1 {
color:#3c3c3c;
font:normal 18px/18px "microsoft yahei";
margin-bottom:12px;
}
.security_passwd .steps-con .step-col .set-success p {
margin:8px 0 0 41px;
font-size:12px;
text-align:left;
}
.security_passwd .steps-con .pub-ul {
display:inline-block;
}
.security_passwd .steps-con .pub-ul li {
position:relative;
padding-left:95px;
height:32px;
margin-bottom:16px;
line-height:32px;
display:table;
}
.security_passwd .steps-con .pub-ul li .title {
position:absolute;
left:0;
text-align:right;
width:88px;
}
.security_passwd .steps-con .pub-ul li .con .c-01 {
color:#3c3c3c;
}
.security_passwd .steps-con .pub-ul li .con .get-msg-code {
height:26px;
width:115px;
border:1px solid #ddd;
line-height:23px;
margin:0 3px 0 13px;
border-radius:1px;
background:none repeat scroll 0 0 #eee;
color:#000;
}
.security_passwd .steps-con .pub-ul li .con .get-msg-code:hover {
cursor:pointer;
background:#fff4d8;
}
.security_passwd .steps-con .pub-ul li .con .get-msg-code[disabled]:hover {
cursor:default;
background:#eee;
}
.security_passwd .steps-con .pub-ul li .con .it-01 {
width:233px;
}
.security_passwd .steps-con .pub-ul li .con .msg-code {
width:74px;
height:14px;
background:transparent;
}
.security_passwd .steps-con .pub-ul li .con img {
margin-left:6px;
height:32px;
}
.security_passwd .steps-con .pub-ul li .con i:before {
margin:-3px -1px 0 0px;
}
.security_passwd .steps-con .pub-ul li .btn {
width:100px;
padding:5px 12px;
margin-top:17px;
border-radius:0px;
}
.security_passwd .block-00 .step-col {
display:block;
margin:42px 0 0 213px;
}
.security_passwd .block-00 .pub-ul {
display:inline-block;
}
.security_passwd .block-00 .pub-ul li {
margin-bottom:32px;
}
.security_passwd .block-00 .pub-ul li.li-02 {
margin-bottom:53px;
}
.security_passwd .block-00 .pub-ul li.li-02 span.a0066cc {
width:48px;
margin-left:6px;
line-height:17px;
}
.security_passwd .block-00 .pub-ul li .con .msg-code {
height:18px;
padding:6px 12px 6px 12px;
}
.security_passwd .block-00 .pub-ul li .con img {
margin-left:6px;
height:32px;
}
.security_passwd .block-00 .pub-ul li .btn {
margin:0;
}
.security_passwd .block-01 .step-col {
display:block;
margin:44px 0 0 201px;
}
.security_passwd .block-01 .get-msg-code {
height:28px;
width:113px;
border:1px solid #ddd;
padding:0 0 2px 0;
margin:0 3px 0 0px;
background:none repeat scroll 0 0 #eee;
color:#000;
}
.security_passwd .block-01 .get-msg-code:hover {
cursor:pointer;
background:#fff4d8;
}
.security_passwd .block-01 .get-msg-code[disabled]:hover {
cursor:default;
background:#eee;
}
.security_passwd .block-01 .way-ul-1 {
float:left;
}
.security_passwd .block-01 .way-ul-1 .way-u-1 {
display:block;
}
.security_passwd .block-01 .way-ul-1 .pub-ul .btn-danger {
width:136px;
height:30px;
}
.security_passwd .block-01 .way-ul-2 {
float:left;
}
.security_passwd .block-01 .way-ul-2 .way-u-2 {
display:block;
}
.security_passwd .block-01 .way-ul-2 .li-02 {
margin-bottom:17px;
}
.security_passwd .block-01 .way-ul-2 .li-03 {
margin-bottom:18px;
}
.security_passwd .block-01 .way-ul-2 .pub-ul .btn-danger {
width:100px;
height:30px;
margin-bottom:0px;
}
.security_passwd .block-01 .way-ul-2 span[class*=v-tips] {
left:207px;
}
.security_passwd .block-01 .off {
display:none;
}
.security_passwd .block-01 .title {
position:absolute;
text-align:right;
left:0;
width:100px;
}
.security_passwd .block-01 .pub-ul {
display:none;
}
.security_passwd .block-01 .pub-ul li {
padding-left:107px;
margin-bottom:13px;
}
.security_passwd .block-01 .pub-ul li .title {
width:100px;
}
.security_passwd .block-01 #way-se {
position:relative;
line-height:30px;
padding-left:107px;
margin-bottom:15px;
}
.security_passwd .block-01 #way-se select {
width:260px;
height:32px;
padding:5px 5px 5px 10px;
border:1px solid #ddd;
}
.security_passwd .block-01 .step-col .set-success {
margin:159px 0 0 68px;
}
.security_passwd .block-01 .step-col .set-success i {
left:-18px;
top:-10px;
}
.security_passwd .block-02 .step-col {
display:block;
margin:44px 0 0 213px;
}
.security_passwd .block-02 .pub-ul li {
position:relative;
height:32px;
line-height:32px;
padding-left:95px;
margin-bottom:29px;
}
.security_passwd .block-02 .pub-ul li.li-02 {
margin-bottom:24px;
}
.security_passwd .block-02 .pub-ul li .con input {
width:126px;
padding:6px 12px;
margin-top:-3px;
border-radius:0px;
}
.security_passwd .block-02 .pub-ul li .btn-danger {
width:160px;
height:34px;
}
.security_passwd .block-03 .step-col {
margin:135px 0 0 30px;
}
.security_passwd .block-03 .set-success {
margin:0 0 0 325px;
}
/* 修改密码 */
.security_passwd .steps-con .step-col .title {
left:0;
position:absolute;
text-align:right;
width:100px;
}
.security_passwd .pub-step .steps-con .step-col li {
padding-left:107px;
}
.security_passwd .steps-con .step-col li .s-01 {
padding:0;
}