﻿/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑"}
table { border-collapse:collapse; border-spacing:0; }
textarea{resize:none;}
fieldset, img { border:0; }
img{ vertical-align:bottom;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer;transition: none ease 0s; }
a:hover{ text-decoration:underline;}
a:focus { outline-style:none;}
body{ font-size:12px;}
div,span{ transition: none ease 0s;}


/*container*/
.ltnav-con { position: fixed;width: 230px;height: 160px;left: 0;top: 0;visibility: hidden;z-index: 100000;}
.ltcontent-con { position: relative;height: 100%;}


/*login btn txt public css*/
.ltcontent-con .ltpb-item { position: absolute;height: 36px;}
.ltcontent-con .ltpb-item .iconbtn { position: relative;width: 38px;height: 36px;overflow: hidden;float: left;z-index: 2;cursor: default;}
.ltcontent-con .ltpb-item .desctxt {
	position: relative;height: 24px;font:12px/24px "Microsoft YaHei";color: #333333;background-color: #fff;border: 1px solid #CCCCCC;
	padding: 0 12px 0 26px;margin: 6px 0 0 -26px;z-index: 0;float: left;cursor: default;display: none;overflow: hidden;white-space: nowrap;
	-webkit-border-radius: 18px;-moz-border-radius: 18px;-o-border-radius: 18px;border-radius: 18px;cursor: pointer;
}
.ltcontent-con .ltpb-item .iconcode { font-size: 0;position: relative;top: 2px;left: 5px;width: 14px;height: 14px;background: url(../Images/allbgs_code.png) no-repeat -1px -1px;overflow: hidden;display: inline-block;cursor: pointer;}
.ltcontent-con .ltpb-item .code-panel { position: absolute;top: -185px;left: 30px;width: 144px;height: 188px;background: url(../Images/allbgs_code.png) no-repeat -129px -1px;overflow: hidden;display: none;}
.ltcontent-con .ltpb-item .code-panel .code-box { width: 122px;height: 122px;margin: 16px 0 0 16px;}
.ltcontent-con .ltpb-item .code-panel .code-title { font-size: 12px;line-height: 16px;text-align: center;display: block;color: #333333;}



/*
    未登录状态容器
        1)-登录、官网、客服
*/
.ltloginout-con { position: absolute;width: 100%;height: 100%;}
.ltloginout-con .ltout-login { top: 24px;left: 4px;}
.ltloginout-con .ltout-login .nologinbtn { height:36px;background:url(../Images/allbgs.png) no-repeat 0px -54px;}
.ltloginout-con .ltout-nosite { top: 58px;left: 63px;}
.ltloginout-con .ltout-nosite .nositebtn { height:36px;background:url(../Images/allbgs.png) no-repeat 0px -90px;}
.ltloginout-con .ltout-service { top: 117px;left: 97px;}
.ltloginout-con .ltout-service .noservicebtn { height:36px;background:url(../Images/allbgs.png) no-repeat 0px -126px;}



/*
    登录状态容器
        1)-登录信息、充值、礼包、客服
*/
.ltloginin-con {position: absolute;width: 100%;height: 100%;}
.ltloginin-con .ltin-login {top: 0px;left: 0px;}
.ltloginin-con .inloginmsgbtn {height:36px;background:url(../Images/allbgs.png) no-repeat 0px -54px;}
.ltloginin-con .inusername { font-style: normal;}
.ltloginin-con .inviptxt {width: 24px;height:12px;background:url(../Images/allbgs.png) no-repeat -144px -29px;display: inline-block;position: absolute;top:5px;right: 12px;}/**/
.ltloginin-con .inheadviptxt {position: absolute;top: -4px;left: 28px;height:12px;background:url(../Images/allbgs.png) no-repeat -144px -28px;padding-left:26px;z-index: 5;}
.ltloginin-con .ltpb-item .desctxticon {padding-right: 41px;}
.ltloginin-con .ltpb-item .desctxticon .viptxt{position: absolute;top:5px;right: 12px;}
.ltloginin-con .ltin-pay {top: 38px;left: 39px;}
.ltloginin-con .ltin-pay .inpaybtn {height:36px;background:url(../Images/allbgs.png) no-repeat 0px -162px;}
.ltloginin-con .ltin-gift { top: 76px;left: 76px;}
.ltloginin-con .ltin-gift .ingiftbtn {height:36px;background:url(../Images/allbgs.png) no-repeat 0px -198px;}
.ltloginin-con .ltin-gift .ingifttip { position: absolute;width: 16px;height:16px;top: -6px;left: 26px;background:url(../Images/allbgs.png) no-repeat 0px -263px;z-index: 5;font:8px/16px "Tahoma";color: #e5161a;text-align: center;}
.ltloginin-con .ltin-service {top: 114px;left: 114px;}
.ltloginin-con .ltin-service .inservicebtn {height:36px;background:url(../Images/allbgs.png) no-repeat 0px -126px;}




/*
    导航按钮
    1)-打开、弹簧、vip信息、关闭、最小化
*/
.ltnav-btns { position: absolute;width: 70px;height: 70px;left: 0;bottom: 0;z-index: 60;}
.ltnav-btns .openbtn { position: absolute;height: 64px;background: url(../Images/allbgs.png) no-repeat -59px -163px;padding-left:66px;display: block;}
.ltnav-btns .openbtn:hover { background-position: -58px -91px;}
.ltnav-btns .flexbtn { position: absolute;height:22px;right: 0;background:url(../Images/allbgs.png) no-repeat -6px -241px;padding-left:24px;display: none;z-index: 60;}
.ltnav-btns .viptxt { position: absolute;height: 12px;right: 0;bottom: 3px;background:url(../Images/allbgs.png) no-repeat -144px -29px;padding-left:26px;display: none;}
.ltnav-btns .closebtn { position: absolute;height: 64px;background:url(../Images/allbgs.png) no-repeat -58px -16px;padding-left:66px;display: none;}
.ltnav-btns .minbtn { position: absolute;height: 32px;left: 0;bottom: 0;background:url(../Images/allbgs.png) no-repeat 0px -22px;padding-left:34px;display: none;}






/* 拖拽指示器 */
.ltnav-btns .ltdrag { position: absolute;z-index: 50;}
.ltnav-btns .ltdrag-l { width: 2px;height: 64px;top: 0;left: 0;}
.ltnav-btns .ltdrag-r { width: 2px;height: 64px;top: 0;right: 6px;}
.ltnav-btns .ltdrag-t { width: 64px;height: 2px;left: 0;top: 0px;}
.ltnav-btns .ltdrag-b { width: 64px;height: 2px;left: 0;bottom: 5px;}
.ltnav-btns .ltdrag-tl { width: 11px;height: 11px;top: 0;left: 0;}
.ltnav-btns .ltdrag-lb { width: 11px;height: 11px;left: 0;bottom: 6px;}
.ltnav-btns .ltdrag-rb { width: 11px;height: 11px;right: 6px;bottom: 6px;}
.ltnav-con-dragrect { border: 1px dashed #CCCCCC;}


/* 遮罩 */
.ltnav-masker {position: absolute;left: 0;top: 0;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);display: none;}




/*登录框， 注册的css样式*/

.lt_alert{ width:346px; margin:100px auto; background:#f0f0f0; border-radius:4px; position:relative;}
.lt_alert .title{ line-height:54px; width:100%; background:#e5161a; border-radius:4px 4px 0 0; font-size:24px; color:#FFF; text-align:center;}
.lt_alert .close{ width:24px; height:25px; background:url(../Images/icon_alert.png) no-repeat 0 0; position:absolute; right:15px; top:15px;}

.lt_alert .container{ padding:20px 15px 0;}

.lt_alert .form div{ margin-bottom:18px;}
.lt_alert .form input{ width:303px; padding:8px 0 8px 10px; line-height:18px; border:1px solid #d5d5d5; border-radius:4px; color:#a6a6a6; vertical-align:middle;}
.lt_alert .form .code{ width:188px;}
.lt_alert .form .img_code{ float:right;}
.lt_alert .form .msg_code{ width:200px;}
.lt_alert .form .warn{ display:block; padding-left: 16px; margin-top: 2px; background:url(../Images/icon_alert.png) no-repeat 0 -164px; color:#e29b2c;}
.lt_alert .form .tip{ display:block; margin-top: 2px; color:#878787;}

.lt_alert .btn_box .btn1, .lt_alert .btn_box .btn2{ display:block; width:100%; height:46px; line-height:46px; border:none; border-radius:4px; font-size:18px; color:#FFF; text-align:center; cursor:pointer;}
.lt_alert .btn_box .btn1{ background:#e5161a;}
.lt_alert .btn_box .btn1:hover{ background:#ff2123;}
.lt_alert .btn_box .btn2{ background:#4fa6f1;}
.lt_alert .btn_box .btn2:hover{ background: #5bb4ff;}
.lt_alert .bottom{ padding:10px 0; font-size:14px; overflow:hidden;}
.lt_alert .bottom .left{ float:left;}
.lt_alert .bottom .right{ float:right;}
.lt_alert .bottom a:hover{ text-decoration:underline;}
.lt_alert .bottom .email{ display:inline-block; height:22px; line-height:22px; padding-left: 21px; background:url(../Images/icon_alert.png) no-repeat 0 -131px; color:#6fbe23;}
.lt_alert .bottom .phone{ display:inline-block; height:14px; line-height:14px; padding-left: 25px; background:url(../Images/icon_alert.png) no-repeat 0 -103px; color:#6fbe23;}
.lt_alert .bottom .help{ line-height: 22px; color:#4fa6f1;}

.lt_alert .success_tip{ text-align:center;}
.lt_alert .success_tip .txt{ padding:15px 0 25px; border-bottom: 1px solid #d5d5d5;}
.lt_alert .success_tip h3{ padding-bottom:10px; font-size:36px; color:#e5161a;}
.lt_alert .success_tip p{ line-height: 1.7;}
.lt_alert .success_tip .info{ font-size:18px; color:#333;}
.lt_alert .success_tip .info span{ color:#e5161a;}
.lt_alert .success_tip .note{ font-size:14px; color:#4fa6f1;}
.lt_alert .success_tip .btn_box{ padding:25px 0 50px;}
.lt_alert .success_tip .btn_box .tip{ padding:5px 0; font-size:14px; color:#333; text-align:center;}


/*login*/
.lt_alert .login .username{ position:relative;}
.lt_alert .login .username .mini{ width:24px; height:24px; background:url(../Images/mini_erweima.png) no-repeat; cursor:pointer; position:absolute; top:6px; right:6px;}
.lt_alert .login .username .erweima{ width:180px; height:180px; padding:15px 15px 15px 57px; background:url(../Images/icon_box.png) no-repeat; position:absolute; right:-252px; top:-80px;}
.lt_alert .login .other{ height:32px; padding:15px 0; line-height:32px; background:url(../Images/line.png) no-repeat center center; font-size:14px; overflow:hidden;}
.lt_alert .login .other a{ padding-left:27px; background-image:url(../Images/icon_alert.png); background-repeat:no-repeat;}
.lt_alert .login .other a:hover{ text-decoration:underline;}
.lt_alert .login .other .reg{ float:left; background-position: 0 -28px; color:#6fbe23;}
.lt_alert .login .other .forget_pwd{ float:right; background-position: 0 -62px; color:#70afe5;}

/*reg*/
	/*reg_phone1*/
.lt_alert .select{ width:298px; padding:8px 0 8px 15px; line-height:18px; background:url(../Images/arrow_down.png) no-repeat 282px center #FFF; border:1px solid #d5d5d5; border-radius:4px; font-size:13px; color:#a6a6a6; cursor:pointer; position:relative;}
.lt_alert .select ul{ display:none; width:100%; height:120px; background:#FFF; border:1px solid #d5d5d5; border-radius:4px; overflow-y:scroll; position:absolute; left:-1px; top:36px;}
.lt_alert .select ul li{ padding-left:15px; line-height:30px; cursor:pointer;}
.lt_alert .select ul li:hover{ background:#d5d5d5; color:#FFF;}
.lt_alert .reg .protocol{ padding:15px 0; border-bottom:1px solid #d5d5d5; font-size:14px; color:#333;}
.lt_alert .reg .protocol a{ color:#e5161a;}

	/*reg_phone1*/
.lt_alert .reg_phone .txt_tip{ padding-left:4px; margin-bottom: 15px; font-size:14px; color:#333;}
.lt_alert .reg_phone .txt_tip span{ color:#6fbe23;}

.lt_alert .reg_phone .resend{ color:#a6a6a6; cursor:pointer; vertical-align:middle;}
.lt_alert .reg_phone .resend:hover{ text-decoration:underline;}

	/*reg_mobile1*/

.lt_alert .reg_email .txt_tip{ padding: 20px 0 30px; font-size:18px; color:#333; text-align:center;}
.lt_alert .reg_email .txt_tip span{ color:#6fbe23;}
.lt_alert .reg_email .resend{ padding:28px 0; border-bottom: 1px solid #d5d5d5; text-align:center;}
.lt_alert .reg_email .resend a{ font-size:14px; color:#4fa6f1;}
.lt_alert .reg_email .resend a:hover{ text-decoration:underline;}

.lt_alert_pw_box { position:fixed;width:40px;height:40px;background-color:red;}