﻿/*登录*/
.login{clear:both; margin:0 auto 10px; height:450px; background:#18bc99 url(../images/bj2015082801.jpg) repeat-y 51% 0px;}
.login_center {clear:both; margin:0 auto 10px; height:auto;}
.login_div {width:98%;height;450px;background:#f00;margin-left:1%;}
.login .w960{width:960px;}
.login .d{ display:inline; float:right; margin:40px 35px 0 0; width:300px; height:370px;background:#ffffff;}
.login .p1{ height:75px; font-size:18px; font-family:"微软雅黑"; line-height:75px;}
.login .p1 span{ float:right; font-size:12px; font-family:"宋体";}
.login li { height:48px;}
.login li .s{ float:left; width:80px; height:32px; line-height:32px; text-align:right; font-size:14px;}
.login li .text{ float:left; padding:0 5px; width:188px; border:1px solid #ddd; height:30px; line-height:30px;}
.login li .text:focus {border:solid 1px #36c4ca;}
.login li .yzm{ float:left; width:100px; text-align:center;}
.login li .yzm a{ color:#999; text-decoration:underline;}
.login li .yzm img{ float:left; margin-left:5px; width:98px; height:30px; border:1px solid #ddd;}
.login .b{ margin:15px 0 0 43px; width:240px;}
.login .b .button{ display:inline-block; margin-bottom:10px; width:200px; height:40px; background:#36c4ca;color:#fff;font-size:16px; border-radius:4px;margin-left: 16%;}
.login .b .a{ float:right; margin-right:12px; color:#06c;}
.login .b .a_qq{ margin-top:30px; padding-left:18px; float:right; height:20px; background:url(../images/pic_login.png) no-repeat 0 -48px; color:#06c; text-decoration:underline;}
.login .b .qq_login{ margin-top:30px; padding-left:18px; float:right; height:20px;color:#06c; text-decoration:underline;}
.Dlogin .d{ padding:10px 0 0 0; width:378px; height:207px; border-top:none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; font-size:14px;}
.Dlogin .d .p1{ padding:0 25px 0 50px; height:55px; font-size:14px; line-height:32px;}
.Dlogin .d .p1 .text{ padding:0 5px; width:188px; height:30px; border:1px solid #ddd; line-height:30px;}

.Dlogin .d .p2 { height:55px; border-bottom:1px solid #ddd;}
.Dlogin .d .p2 .button{ margin-left:85px; display:inline-block; width:200px; height:40px; background:#18bc99; font-size:16px;color:#fff;vertical-align:middle;}
.Dlogin .d .p2 .a{ font-size:12px; color:#19bc99;}
.Dlogin .d .a_qq{ margin:5px 25px 0 0; padding-left:18px; float:right; height:20px; background:url(/static/image/main/pic_purchase.png) no-repeat -250px -48px; color:#06c; text-decoration:underline; font-size:12px;}
.Dlogin .d .qq_login{ margin:5px 25px 0 0; padding-left:18px; float:right; height:20px; color:#06c; text-decoration:underline; font-size:12px;}
.Dlogin .d .a_register{ margin-top:10px; height:20px;color:#18bc99; font-size:12px;}
.Dlogin .d span{ margin-top:10px;float:right; height:20px;color:#f00; font-size:12px;line-height: 16px;}
.Dlogin .d p.error{margin:0 0 10px 110px;height:10px; font-size:8px; line-height:20px;color:red;}
/*QQ登录*/
.loginQQ{ border-top:4px solid #08d;}
.loginQQ .d{ float:left; margin:5px 0 10px; padding:5px; width:950px; height:385px; background:#f2f9fd;}
.loginQQ .d .p1{ padding-left:45px; width:903px; height:38px; border:1px solid #79c0ed; background:#fff url(../images/pic_loginQQ.png) no-repeat 20px 0; line-height:38px;}
.loginQQ .d a:hover{ text-decoration:none;}
.loginQQ .d .a1,.loginQQ .d .a2{ padding-top:240px; margin-top:5px; float:left; width:470px; height:100px; background:url(../images/pic_loginQQ.png) no-repeat 0 -40px; text-align:center; font-size:14px;}
.loginQQ .d .a2{ margin-left:10px; background-position:0 -390px;}
.loginQQ .d .on1{ background-position:0 -740px;}
.loginQQ .d .on2{ background-position:0 -1090px;}
/*注册*/
.register{ clear:both; margin:0 auto 10px; width:100%; height:auto; }
.register .l{ float:left; width:679px; height:398px; border-right:1px solid #ddd;}
.register .step{ text-align:center;}
.register .step span{ display:inline-block; width:190px; height:80px; background:url(../images/pic_register.png) no-repeat;margin-left:60px;margin-right:60px;float:left;}
.register .step .s1{ background-position:0 -98px;}
.register .step .s2{ background-position:0 -309px;}
.register .step .s3{ background-position:0 -514px;}
.register .step .s4{ background-position:-220px -90px;}
.register .step .s1_on{ background-position:0 0;}
.register .step .s2_on{ background-position:0 -203px;}
.register .step .s3_on{ background-position:0 -360px;}
.register .step .s4_on{ background-position:-220px 0;}
.register li .w1{ padding:0 5px; width:328px;}
.register li .w2{ padding:0 5px; width:188px;}
.register li .w3{ padding:0 5px; width:80px;}
.register li .text{ float:left; border:1px solid #ddd; height:30px; line-height:30px; }
.register li .ok{ float:left; padding-left:30px; height:32px; background:url(../images/pic_register.png) no-repeat 10px -800px;}
.register li .wrong{ float:left; padding-left:30px; height:32px; background:url(../images/pic_register.png) no-repeat 10px -762px; color:#f00; font-size:12px; line-height:32px;}
.register li .button1{ display:inline-block; width:220px; height:40px; background:url(../images/pic_register.png) no-repeat 0 -540px; text-align:center; line-height:40px; font-family:"微软雅黑"; font-size:18px; color:#fff;margin-left: 133px;}
.register .ul01{ margin-top:45px; font-size:14px;}
.register .ul01 li{ height:70px;}
.register .ul01 li .s{ float:left; width:140px; height:32px; line-height:32px; text-align:right;}
.register .ul01 .activation{ float:left; margin-left:10px; width:130px; height:32px; background:url(../images/pic_register.png) no-repeat 0 -640px;}
.register .ul01 .hide_tip{float:left; margin-left:10px; width:130px; height:32px;background:url(../images/pic_sms_bg.gif) no-repeat;line-height:32px;text-align:center;}
.register .ul01 .djs{ padding-left:30px; float:left; margin-left:10px; width:100px; height:32px; background:url(../images/pic_register.png) no-repeat -150px -640px; font-size:12px; line-height:32px;}
.register .r{ position:relative; float:left; padding:20px 20px 0; width:238px; height:378px; background:#f5f5f5; line-height:24px; color:#666;}
.register .r .button1{ margin:20px 0; display:inline-block; width:220px; height:40px; background:url(../images/pic_register.png) no-repeat 0 -590px; text-align:center; line-height:40px; font-family:"微软雅黑"; font-size:18px; color:#fff;}
.register .r .QQ{ padding-top:15px; border-top:1px dashed #ddd;}
.register .r .button2{ display:inline-block; width:100px; height:30px; background:url(../images/pic_register.png) no-repeat 0 -680px; vertical-align:middle;}
.register .r .phone{ padding-top:25px; position:absolute; bottom:0; left:0; width:277px; height:75px; border-top:1px solid #ddd;font-size:16px; font-family:"微软雅黑"; color:#333;}
.register .r .phone i{ margin:10px 10px 30px 30px; float:left; width:35px; height:28px; background:url(../images/pic_register.png) no-repeat 0 -720px; }
.register .ul02{ margin-top:45px; font-size:14px;}
.register .ul02 li{ height:45px;}
.register .ul02 li .s{ float:left; width:380px; height:32px; line-height:32px; text-align:right;}
.register .ul02 li .text{ float:left; border:1px solid #ddd; height:30px; line-height:30px;}
.register .success{background:url(../images/pic_register.png) no-repeat 0 -880px; line-height:40px; font-size:14px; color:#666;}
.register .success .text1{ height:50px; font-size:24px; color:#11bb11; font-family:"微软雅黑";}
.register .success .text2{ font-size:18px; font-family:Arial; color:#36c4ca;}
.register .success .button{ margin:0px 15px 0 0; float:left; width:100px; height:32px; background:url(../images/pic_register.png) no-repeat 0 -840px; text-align:center; line-height:32px; font-size:12px;}

/*找回密码*/
.password_1{width:1200px;height:46px;background:url(../images/wjmm_1.png) no-repeat;margin:55px auto;}
.password_2{width:1200px;height:46px;background:url(../images/wjmm_2.png) no-repeat;margin:55px auto;}
.password_3{width:1200px;height:46px;background:url(../images/wjmm_3.png) no-repeat;margin:55px auto;}

.forgot_password{ padding-top:35px; clear:both; margin:0 auto 10px; width:958px; height:332px; border:1px solid #ddd; border-top:2px solid #08d; font-size:14px;}
.forgot_password li{ height:70px;}
.forgot_password li .s{ float:left; width:320px; height:32px; line-height:32px; text-align:right;}
.forgot_password li .text{ float:left; border:1px solid #ddd; height:30px; line-height:30px; color:#ccc;}
.forgot_password li .w1{ padding:0 5px; width:328px;}
.forgot_password li .w2{ padding:0 5px; width:188px;}
.forgot_password .activation{ float:left; margin-left:10px; width:130px; height:32px; background:url(../images/pic_forgot_password.png) no-repeat 0 -210px;}
.forgot_password .hide_tip{float:left; margin-left:10px; width:130px; height:32px;background:url(../images/pic_sms_bg.gif) no-repeat;line-height:32px;text-align:center;}
.forgot_password .step01,.forgot_password .step02,.forgot_password .step03{ height:36px; background:url(../images/pic_forgot_password.png) no-repeat center 0;}
.forgot_password .step02{ background-position:center -40px;}
.forgot_password .step03{ background-position:center -80px;}
.forgot_password .step{ margin-bottom:35px; font-family:"微软雅黑"; font-size:16px; color:#999; text-align:center; line-height:30px;}
.forgot_password .step .on{ color:#08d;}
.forgot_password li .button{ margin:0 auto;display:block; width:150px; height:40px; background:url(../images/pic_forgot_password.png) no-repeat 0 -120px; text-align:center; line-height:40px; font-family:"微软雅黑"; font-size:18px; color:#fff;}
.forgot_password li .ok{ float:left; padding-left:30px; height:32px; background:url(../images/pic_forgot_password.png) no-repeat 10px -255px;}
.forgot_password li .wrong{ float:left; padding-left:30px; height:32px; background:url(../images/pic_forgot_password.png) no-repeat 10px -280px; color:#f00; font-size:12px; line-height:32px;}
.forgot_password .success{ margin:50px 0 0 240px; padding-left:60px; background:url(../images/pic_forgot_password.png) no-repeat 0 -310px; line-height:40px; font-size:14px; color:#666;}
.forgot_password .success .text1{ height:50px; font-size:24px; font-family:"微软雅黑";}
.forgot_password .success .text2{ font-size:18px; font-family:Arial; color:#333;}
.forgot_password .success .button{ margin:10px 15px 0 0; float:left; width:100px; height:32px; background:url(../images/pic_forgot_password.png) no-repeat 0 -170px; text-align:center; line-height:32px; font-size:12px;}


/*会员登录新样式*/
.login_new {width:800px;height:400px;float:left;margin-top:25px;margin-left:24.5%;background:#ffffff;color:#34495e;box-shadow: 0 0 5px #DDDDDD;background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/}
.login_new_left {width:672px;height:auto;float:left;}
.login_new_right {width:250px;height:auto;float:left;margin-left:38px;}
.login_new_title {width:100%;height:40px;float:left;margin-top: 12px;}
.login_new_title h2 {font-size: 20px;font-weight: normal;float:left;width:auto;line-height:40px;height:40px;margin-left:20px;}
.login_new_title font {float:right;height:40px;line-height:40px;margin-right:20px;}
.login_new_title font a {color:#36c4ca;}
.login-icon {display: block;height: 40px;width: 94.5%;margin-left: 3%;float:left;margin-top: 27px;}

.log-input {height: 43px;font-size: 20px;line-height: 43px;text-indent:40px;background: #fff;width: 99%;border-bottom:#cdcdcd 1px solid}
.log-input_name{background:url(../images/login01.png) 1px 9px no-repeat}
.log-input_name:focus{background:url(../images/login01.png) 0px -66px no-repeat;color:#333333;}
.log-input:focus{border-bottom:#36c4ca 1px solid}



.log-input2 {height: 43px;font-size: 20px;line-height: 43px;text-indent:40px;background: #fff;width: 99%;border-bottom:#cdcdcd 1px solid}
.log-input3d {height: 43px;font-size: 20px;line-height: 43px;text-indent:40px;background: none;width: 83%;border-bottom:#cdcdcd 1px solid}
.log-input3d:focus {border-bottom:solid 1px #18bc99;}

/*.ts_div {font-size: 16px;
    margin-left: -26px;
    margin-top: 270px;
    position: absolute;color:#FF424F;background:url(../images/error.png) no-repeat;text-indent: 27px;}*/
.ts_div {font-size:16px; line-height:20px; color:#ff424f;}
.login_err_dv {margin:0 170px 0 120px; text-align:center;padding-top:10px;}



.log-input_name2{background:url(../images/login01.png) -1px -150px no-repeat;}
.log-input_name2:focus{background:url(../images/login01.png) -1px -217px no-repeat;}
.log-input2:focus{border-bottom:#36c4ca 1px solid}
.login_button {width:94%;height:50px;line-height:50px;float:left;background:#36cac4;border:none;border-radius: 4px;color:#ffffff;margin-top:30px;margin-left:21px;font-size:16px;cursor:pointer;}


.login_prompt {width:94%;height:30px;line-height:30px;float:left;margin-top:20px;margin-left:21px;font-size:14px;}
.login_prompt p {height:30px;line-height:30px;float:left;}
.login_prompt a {float:right;height:30px;line-height:30px;color:#36c4ca; cursor:pointer;}

.login_new_right h2{font-size: 18px;font-weight: normal;width:auto;line-height:40px;height:40px;margin-top:21px;text-align:center;}
.login_new_right_dl {width:178px;height:250px;float:left;background:url(../images/login_qq.png) 0px 62px no-repeat;margin-left: -6px;}
.login_new_right_dl a {color: #ffffff;float: left;font-size: 14px;height: 40px;line-height: 40px;margin-top: 13px;text-indent: 62px;width: 178px; text-decoration:none !important; cursor:pointer;}
.dl_a2 {margin-top: 18px !important;line-height: 47px !important;}
.dl_a3{margin-top: 22px !important;}


.login_steps {color: #34495e;float: left;height: 80px;margin-left: 24.5%;width: 960px;overflow: hidden;}
.login_steps img{margin-top:-10px;}
.login_new_top {padding-bottom:30px;width:960px;height:auto;float:left;margin-top:20px;margin-left:24.5%;background:#ffffff;color:#34495e;box-shadow: 0 0 5px #DDDDDD;background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/}
.registeredinput{height: 43px;font-size: 20px;line-height: 43px;text-indent:10px;background: #fff;width: 80%;border-bottom:#cdcdcd 1px solid;float:left;}
.registeredinput2 {height: 43px;font-size: 20px;line-height: 43px;text-indent:10px;background: #fff;width: 65%;border-bottom:#cdcdcd 1px solid;float:left;}
.registeredinput22 {height: 43px;font-size: 20px;line-height: 43px;text-indent:10px;background: #fff;width: 60%;border-bottom:#cdcdcd 1px solid;float:left;}

.registered-name {width:105px;height:40px;line-height:40px;float:left;text-align:right;margin-right:10px;font-size:16px;color:#666666;}

.registeredinput:focus{border-bottom:#36c4ca 1px solid;color:#333333;}
.registeredinput2:focus{border-bottom:#36c4ca 1px solid;color:#333333;}
.registered_button {width:76%;height:50px;line-height:50px;float:left;background:#36cac4;border:none;border-radius: 4px;color:#ffffff;margin-top:10px;margin-left:134px;font-size:16px;cursor:pointer;}

.registered_prompt {width:76%;height:25px;line-height:25px;float:left;margin-left:21%;margin-top: 30px;font-size:14px;}
.login_new_right_h2 {font-size: 18px;font-weight: normal;line-height: 24px !important;margin-top: 21px; padding: 0 28px;width: auto;}
.registered_new_right_dl_left {margin-left:-2px;}
.registered_new_right_dl_left a {text-indent:36px;}
.wrong {background: rgba(0, 0, 0, 0) url("../images/error.png") no-repeat;color: #ff424f;font-size: 16px;margin-left: 0px;margin-top: 15px;position: absolute;text-indent: 27px;}
.activation {height:30px;line-height:30px;float:left;margin-left:10px;border:solid 1px #36c4ca; border-radius:4px;padding:0px 12px; color:#69c4ca; text-decoration:none !important;}
.activation:active {background:#36c4ca;color:#ffffff;}
.registeredinput3{height: 43px;font-size: 20px;line-height: 43px;text-indent:10px;color: #b8c4ce;background: #fff;width: 58%;border-bottom:#cdcdcd 1px solid;float:left;}
.registeredinput4{height: 43px;font-size: 20px;line-height: 43px;text-indent:10px;color: #b8c4ce;background: #fff;width: 20%;border-bottom:#cdcdcd 1px solid;float:left;margin-right:10px;}

.registeredinput3:focus{border-bottom:#36c4ca 1px solid;color:#333333;}
.registeredinput4:focus{border-bottom:#36c4ca 1px solid;color:#333333;}
.registeredinput5 {height: 43px;font-size: 20px;line-height: 43px;text-indent:10px;color: #b8c4ce;background: #fff;width: 39%;border-bottom:#cdcdcd 1px solid;float:left;margin-right:10px;border:solid 1px #cdcdcd;}
.registeredinput5:focus{border:#36c4ca 1px solid;color:#333333;}
.registered-dl {float:left;height:40px;line-height:40px;color:#333333;margin-right: 41px;font-size:14px;}
.register_succ_left {width:11%;height:100px;float:left;margin-top: 10%;margin-left: 10%;}
.register_succ_right {width:60%;height:auto;float:right;margin-right:10%;margin-top: 40px;}
.success p {height:30px;line-height:30px;font-size:16px;color:#333333;}
.first {margin-top:28px;}
.register_button {width:auto;padding:4px 8px; background:#F3F3F3;border:solid 1px #cdcdcd; border-radius:2px; margin-right: 40px;color:#333333;font-size:12px; text-decoration:none !important;}



/*vip登录*/
.login_vip {width:960px !important;height:450px;margin:0 auto;}
.login_vip_left {width:58%;height:400px;float:left;margin-top: 25px;margin-left:2%;}
.login_vip_right {width:32%;height:415px;float:right;margin-top: 18px;margin-right:2%;background:#ffffff;padding:0px 10px;}
.login_vip_right_h2 {width:100%;height:30px;line-height:30px;float:left;margin-top:25px;}
.login_vip_right_h2 h2 {color: #666666;float: left;font-family: "微软雅黑";font-size: 20px;height:30px;line-height:30px;}
.login_vip_right_h2 a {float:right;margin-right:10px;color:#36c4ca; cursor:pointer;}
.login_vip_right_h2 a b {background:url(../images/pwd-icons-new.png) -103px -74px no-repeat;width:18px;height:18px;margin-top: 7px;margin-right:5px;float:left;}
.login_vip_right_new {width:100%;height:auto;float:left;margin-top:20px;}
.login_vip_right_new_span {width:100%;height:40px;line-height:40px;float:left;margin-bottom:20px;}
login_vip_right_new_span ,.login_vip_right_new_span_lable {background:url(../images/pwd-icons-new.png) no-repeat;width:38px;height:32px; float:left; border:solid 1px #cdcdcd;border-right:none;}
login_vip_right_new_span ,.login_vip_right_new_span_lable2 {background:url(../images/pwd-icons-new.png) -48px 0px no-repeat;width:38px;height:32px; float:left; border:solid 1px #cdcdcd;border-right:none;}
.login_vip_right_new_input{width:86%;height:30px;line-height:30px;float:left;border:solid 1px #cdcdcd; text-indent:5px;}
.login_vip_right_new_input:focus {border:solid 1px #36c4ca;}
.vip_Verification {width:60% !important;}
.login_vip_right_new_span [label]:focus {background:url(../images/pwd-icons-new.png) -48px 0px no-repeat;border:solid 1px #36c4ca;border-right:none;}
.login_vip_right_new_but {width:100%;height:40px;line-height:40px;float:left;text-align:center;background:#36c4ca;color:#ffffff; cursor:pointer; border-radius:4px;}
.login_vip_right_new_span p {width:100%;height:25px;line-height:25px;float:left;margin-top:5px;margin-bottom:10px;}
.login_vip_right_new_span p font {float:left;height:25px;line-height:25px;width:100px;}
.font_input {float:left;margin-top: 6px;}
.font_d {float:left;margin-left:5px;}
.login_vip_right_new_span p a {float:right;height:25px;line-height:25px;width:auto;color:#36c4ca;}







