@charset "UTF-8";

.tydl_dialog input:-webkit-autofill {

	-webkit-text-fill-color: #999 !important;

	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;

    background-color:transparent;

    background-image: none;

    transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间

}

.tydl_mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}

:root .tydl_mask{filter:none\9;}/*for IE9*/

.tydl_dialog{ z-index: 10000; position: fixed; width: 500px; top: -8888px; left: 50%; margin-left: -250px; background: #fff; border-radius: 4px; overflow: hidden;}

.tydl_dialog_header{ height: 66px; line-height: 66px; padding: 0 20px; color: #f50; font-size: 24px; letter-spacing: 2px; border-bottom: 1px solid #eee; text-align: center; position: relative; box-shadow: 0 0 12px rgba(255,85,0,.24)}

.tydl_dialog_close{ display: block; opacity: 0.8; position: absolute; right: 20px; top: 25px; width: 18px; height: 18px; background: url('/assets/style.51sole.com/b2b/images/tydl_close.png') center center no-repeat; overflow: hidden; z-index: 9;}

.tydl_dialog_close:hover{ opacity: 1;}

.tydl_dialog_center{ max-height: 500px; overflow: auto;}

.tydl_box{ padding: 30px 50px 20px;}

.tydl_info{ height: 40px; border-bottom: 1px solid #ddd; padding-left: 50px; position: relative;}

.tydl_input{ height: 40px; line-height: 40px; border: 0; background: none; width: 320px; font-size: 14px; color: #666;}

.tydl_info i{ opacity: .87;}

.tydl_yhm{ display: inline-block; position: absolute; left: 14px; top: 10px; width: 19px; height: 19px; background: url('/assets/style.51sole.com/b2b/images/tydl_user.png');}

.tydl_mm{ display: inline-block; position: absolute; left: 14px; top: 10px; width: 20px; height: 20px; background: url('/assets/style.51sole.com/b2b/images/tydl_password.png');}

.tydl_yzm{ display: inline-block; position: absolute; left: 14px; top: 10px; width: 20px; height: 20px; background: url('/assets/style.51sole.com/b2b/images/tydl_yzm.png');}

.tydl_o{ margin: 4px 0 8px; text-align: right; font-size: 13px;}

.tydl_o a{ color: #999;}

.tydl_o a:hover{ color: #f50;}

.tydl_yzmImg{ position: absolute; right: 0; top: 4px; height: 32px; width: 100px;}

.tydl_w240{ width: 240px;}

.tydl_btn_box{ padding: 0 20px;}

.tydl_btn_box .btn1{ display: block; width: 100%; height: 42px; line-height: 42px; margin-top: 12px; text-align: center; background: #f50; border-radius: 4px; border: 0; color: #fff; font-size: 18px; cursor: pointer;}

.tydl_btn_box .btn1:hover{ background: #f40; color: #fff;}

.tydl_btn_box .btn2{ display: block; width: 358px; height: 40px; line-height: 40px; margin-top: 12px; border: 1px solid #f50; color: #f50; border-radius: 4px; text-align: center; background: #fff; font-size: 18px;}

.tydl_btn_box .btn2:hover{ background: #fdfdfd; color: #f50;}

.tydl_error{ margin: -10px 0 0; height: 15px; color: #f00; font-size: 12px; text-align: center;}

.tydl_mb20{ margin-bottom: 20px;}

.tydl_txt{ margin-top: 15px; font-size: 14px; line-height: 24px; text-align: center; color: #a0a0a0;}