/* -------大佬------- */
@charset "utf-8";

/* ----------------------登录--------------------- */
.body .footer_slogan{ margin-top: 0px;}
.login_conter{ height: 680px; background: #E1251B;}
.login_conter_l img{ padding-top: 140px;}
.login_conter_r{ width: 360px; height: auto; background: #FFFFFF; border-radius: 2px; margin-right: 80px; margin-top: 110px; padding: 24px 32px; }
.login_conter_r ul{ height: 35px;}
.login_conter_r ul li{ height: 35px; width: auto; margin-right: 24px; float: left; line-height: 32px; color: #5A5A5A; cursor: pointer;}
.login_conter_r .cur{ border-bottom: 3px solid #E1251B; font-weight: 600; color: #E1251B;}
.login_con_tab{ height: auto; padding-top: 24px;}
.login_conter_tab{ height: auto;}
.login_phone_p{ height: 40px; position: relative; }
.login_phone{ height: 40px; background: #FFFFFF; padding-left: 40px; position: absolute; z-index: 1;}
.login_input{ background: #FFFFFF; border-radius: 2px; border: 1px solid #DBDBDB;}
.login_phone_p i{ position: absolute; z-index: 2; color: #ccc; font-size: 24px; margin: 8px;}
.login_code_img{ width: 112px; height: 40px; background: #FFFFFF; border-radius: 2px;border: 1px solid #DBDBDB; cursor: pointer; }
.login_phone_code_but, .register_phone_code_but, .psword_phone_code_but{ cursor: pointer; width: 112px; height: 40px;  background: #F5F5F5; border-radius: 2px; border: 1px solid #DBDBDB; line-height: 40px; }
.login_but, .psword_but, .register_but{ margin-top: 4px; cursor: pointer; color: #fff; height: 40px; background: #E1251B; border-radius: 2px; letter-spacing: 1px;}
.login_but:hover , .psword_but:hover , .register_but:hover{background: rgba(255, 76, 0, 0.8);}
.login_tips{ font-size: 12px; color: #8C8C8C; display: block; margin: 14px 0px;}
.login_conter_icon{ height: 24px; line-height: 24px; margin-top: 36px;}
.login_conter_icon i{ width: 24px; height: 24px; display: inline-block; text-align: center; margin-right: 10px; font-size: 16px; color: #fff; border-radius: 50%; background: #ccc;}
.login_conter_icon a{ color: #8C8C8C; margin-left: 16px;}
.login_con_tab .selected{ display: none;}
.login_phone_code, .login_img_code{ width: 172px; height: 40px; padding: 0px 12px;}
.login_name, .login_password{ height: 40px; background: #FFFFFF;padding-left: 40px; position: absolute; z-index: 1;}
.login_con_tips{ height: 20px; line-height: 20px; color: #F5595E; padding-left: 13px;}

/* ----------------------注册--------------------- */
.login_conter_r h2{ font-size: 18px; font-weight: 600; line-height: 32px;}
.register_phone, .register_password, .psword_phone{ height: 40px; background: #FFFFFF;padding-left: 40px; position: absolute; z-index: 1;}
.register_agree{ font-size: 12px; color: #8C8C8C; display: block; margin: 14px 0px;}
.register_down{ color: #8C8C8C; font-size: 13px; line-height: 20px; text-align: center; margin-top: 30px; height: 18px;}
.register_down a{ color: #E1251B;}
.register_agree{ color: #CCCCCC; font-size: 13px;}
.register_agree span{ color: #E1251B;}
.register_agree a{ color: #E1251B;}
.register_agree_but{ cursor: pointer;}
.register_checkbox + label::before{ content: "\a0"; cursor: pointer; display: inline-block; width: 13px; height: 13px; border: 1px solid #E1251B; margin-right: 10px; line-height: 13px;}
.register_checkbox:checked + label::before{  content: "\2714"; text-align: center; border: 1px solid #E1251B; color: #E1251B; line-height: 13px;}
.register_checkbox{ display: none;}

/* ----------------------找回密码--------------------- */
.psword_con{ width: 400px; height: 578px; background-color: #fff; margin: 0 auto; padding: 40px 52px; border-radius: 12px; border: 1px solid #EDEDED;}
.psword_con_header{ height: 40px; line-height: 40px; text-align: center; position: relative; overflow: hidden; margin-bottom: 24px;}
.psword_con_header img{ height: 40px; display: inline-block; width: auto; position: relative; top: -4px;}
.psword_con_header span{ display: inline-block; width: 1px; height: 26px; background: #D8D8D8; margin: 0px 16px; position: relative; top: 6px;}
.psword_con_header p{ display: inline-block; font-size: 20px; font-weight: 500;}
.psword_c{ padding-top: 7%; box-sizing: border-box;}
.psword_p{ height: 40px; position: relative; }
.psword_first, .psword_last{ height: 40px; background: #FFFFFF; padding-left: 12px; padding-right: 40px; position: absolute; z-index: 1;}
.psword_p i{ position: absolute; z-index: 2; color: #ccc; font-size: 24px; margin: 8px; right: 0px; cursor: pointer;}
.psword_down_p{ text-align: center; margin-top: 40px;}
.psword_down_p a{ font-size: 13px; font-weight: 400;  color: #8C8C8C;}
.psword_down_p span{ position: relative; width: 1px;height: 12px; background: #E6E6E6; display: inline-block; margin: 0px 10px;  }

/* ----------------------绑定账号--------------------- */
.login_bind{ width: 960px; height: 520px; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px; margin: 0 auto; border-top: 3px solid #3D3D3D;}
.login_bind ul{ height: 56px;}
.login_bind ul li{ height: 56px; float: left; width: 480px; background: #F3F5F6; text-align: center; line-height: 56px;  color: #8A8C8C; font-size: 16px;}
.login_bind ul .cur{ color: #E1251B; font-weight: bold; background: #fff !important;}
.login_bind ul li:first-child{ background: url(../img/login_bar_left.png)  #F3F5F6 right no-repeat; background-size: 5px 56px;}
.login_bind ul li:last-child{ background: url(../img/login_bar_right.png)  #F3F5F6 left no-repeat; background-size: 5px 56px;}
.login_bind_con{ width: 296px; margin: 0 auto;}
.login_bind_tab{ height: auto;}
.login_bind_tab_first{ padding-top: 60px;}
.login_bind_tab_lsst{ padding-top: 40px;}
.login_bind_p{ text-align: center; margin-top: 43px;}
.login_bind_p a{ color: #8C8C8C; font-size: 13px; margin: 0px 8px;}
.login_bind_con .selected{ display: none;}

/* ----------------------弹窗--------------------- */
.body .layui-layer-rim{ border-radius: 25px; border: 20px solid rgba(0, 0, 0, 0.5); height: auto;}
.body .layui-layer-title{ border-radius: 15px 15px 0 0; text-align: left; height: 56px; font-size: 16px; font-weight: 600; line-height: 56px; background-color: #fff; border-bottom: 1px solid #EDEDED;}
.body .layui-layer-setwin a{ width: 24px; height: 24px;}
.body .layui-layer-ico { background: none; width: 15px;  height: 15px;margin: auto;position: relative;}
.body .layui-layer-setwin .layui-layer-close1{ background-position: 0px 0px; background-size: 24px 24px;}
.body .layui-layer-content{ height: 470px !important;}
.body .layui-layer-btn .layui-layer-btn0{ width: 400px; height: 50px; background: #E1251B; border:0px; text-align: center; line-height: 50px; font-size: 18px; margin: 0px; padding: 0px;}
.body .layui-layer-btn{ text-align: center;}
.body .layui-layer-ico::before, .body .layui-layer-ico::after { content: ""; position: absolute; height: 20px; width: 2px;  top: 0px; right: 15px; background: #999;}
.body .layui-layer-ico::before { transform: rotate(45deg);}
.body .layui-layer-ico::after { transform: rotate(-45deg);}
.register_layer { padding: 24px; overflow: auto; height: 445px;}
.register_layer p{ line-height: 21px;}
.register_layer a{ color: #E1251B;}