@charset "utf-8";

/*-------------login------------*/
body { background: #f6f6f6; margin: 0; padding: 0; font-size: 12px; }
.wrapper { width: 1200px; margin: 0 auto }
.loginlogoBox { height: 90px; background: #fff; width: 100%; display: block; min-width: 1200px; }
.loginlogoLeft { padding: 15px 0 0 0; }
.logintelBox { position: absolute; right: 20px; text-align: right; font-weight: bold; top: 35px; color: #333; line-height: 25px; }
.logintelBox span { font-family: "helvLinda", "helvetica", "arial, helvetica, sans-serif"; font-size: 26px; margin-left: 10px; letter-spacing: 1px; color: #d53025; padding-left: 40px; background: url(../images/tel.png) no-repeat 0 8px; }
@font-face { font-family: 'helvLinda'; src: url("../fonts/Helvetica Condensed Bold.ttf"); }
.loginlogoLeft span { float: left; }
.loginBox { margin: 0 auto; height: 560px; background: #fff url(../images/topline.png) no-repeat left top; padding-top: 0px }
.loginRight { background: #fff; width: 320px; height: 340px; position: absolute; right: 0px; top: 100px; z-index: 9999; }
.CAname { position: absolute; right: 35px; top: 10px; background: url(../images/loginTextBg.png) no-repeat left top; width: 150px; height: 28px; line-height: 28px; padding-left: 10px; color: #df9c1f; }
.CAnameTitle { position: absolute; right: 35px; top: 10px; background: url(../images/loginTextBg.png) no-repeat left top; width: 150px; height: 28px; line-height: 28px; padding-left: 10px; color: #df9c1f; }
.CArightIcon { background: url(../images/keyb.png) no-repeat; height: 64px; width: 64px; position: absolute; right: -1px; top: 0; display: block; }
.loginInfo { margin: 30px 0 0px 25px; width: 268px; height: 300px; overflow: hidden; border: 0px #000 solid; padding: 0 }
.userBox { font-family: Microsoft YaHei; font-size: 16px; padding-bottom: 20px; color: #eee }
.loginInfo input { height: 35px; width: 200px;	/*background: #fff url(../images/loginicon.png) no-repeat 3px 9px;*/ padding-left: 65px; border: 0; font-family: Microsoft YaHei; font-size: 14px; line-height: 40px; color: #333; border: 1px #e0e0e0 solid; }
.passicon input {	/*background: url(../images/passicon.png) no-repeat 3px 9px;*/ }
.yanzheng input { width: 83px;	/*background: url(../images/passicon.png) no-repeat 3px 9px;*/ }
.loginInfo li { position: relative; padding-bottom: 12px; margin: 0 auto }
.loginInfo li div { position: absolute; left: 15px; right: 0; line-height: 40px; font-family: Microsoft YaHei; font-size: 14px; width: 45px; color: #a5a5a5 }
.yanzheng img { margin-left: 10px; width: 100px; height: 38px; margin-top: -5px; }
.buttonBox { }
.buttonBox button { background: #2F54A3; border: 0; width: 267px; height: 40px; font-size: 16px; color: #fff; font-family: Microsoft YaHei; cursor: pointer }
.textBox { }
.textBox a:link { color: #999; font-family: Microsoft YaHei; }
.textBox a:hover { color: #666; text-decoration: underline; font-family: Microsoft YaHei; }
a:link.green, a:visited.green { color: #356cc5; margin-right: 10px; font-family: Microsoft YaHei; }
a:hover.green { color: #1e4f9e; text-decoration: none; }
.textBox span { text-align: right; color: #ed5f5b; font-family: Microsoft YaHei; width: 120px; display: inline-block; }
.logincopy { padding-top: 40px; color: #999; text-align: center; border-top: 5px #d53025 solid; }
#outer { width: 360px; margin: 0px auto; z-index: 9999; }
#tab { overflow: hidden; zoom: 1; width: 360px; }
#tab li { float: left; color: #fff; height: 50px; cursor: pointer; line-height: 50px; width: 180px; text-align: center; background: #356cc5; font-size: 16px; }
#tab li.current { color: #333; font-weight: bold; width: 180px; background: #fff }
#content { }
#content ul { display: none; margin: 0 0px; padding: 0px 0; }
.tabCA { width: 263px; padding: 0; margin: 30px 0 0px 25px; }
.tabCA input { height: 35px; width: 200px;	/*background: #fff url(../images/loginicon.png) no-repeat 3px 9px;*/ padding-left: 65px; border: 0; font-family: Microsoft YaHei; font-size: 14px; line-height: 40px; color: #333; border: 1px #e0e0e0 solid; }
.passicon div { position: absolute; left: 15px; right: 0; line-height: 40px; font-family: Microsoft YaHei; font-size: 14px; width: 45px; color: #a5a5a5; }
.tabCA li { color: #999; font-size: 12px; line-height: 22px; padding: 0px 0px 10px 0px; position: relative; }
.tabCA li b, .loginInfo li b { font-weight: normal; color: #262626; font-size: 14px; }
.tabCA li select { line-height: 35px; height: 35px; width: 265px; border: 1px #e0e0e0 solid; }
.tabCA button { background: #E60012; border: 0; width: 265px; height: 40px; font-size: 16px; color: #fff; font-family: Microsoft YaHei; cursor: pointer; }
.attention { background: #fff; color: #fff; padding: 10px 20px; font-size: 13px; line-height: 22px; }
.attention h3 { line-height: 24px; padding: 0; margin: 0; font-weight: normal; padding-top: 10px; }
.attention a:link, .attention a:visited, .tabCA li a:link, .tabCA li a:visited { color: #E60012; padding: 0 5px; }
.attention a:hover, .tabCA li a:hover { text-decoration: underline; }
.jiaru { text-align: center; margin-top: 10px; }
.jiaru a:link { color: #E60012; margin-left: 10px; }
.jiaru a:visited { color: #E60012 }
.jiaru a:hover { color: #E60012 }
div .forminput { position: absolute; left: 50px; right: 0; line-height: 40px; font-family: Microsoft YaHei; font-size: 14px; width: 45px; color: #a5a5a5; }
.NoticBox { background: #d53025; width: 100%; display: none; line-height: 44px; text-align: center; color: #fff; font-size: 14px; }
.NoticBox>div { position: absolute; right: 10px; top: 8px; display: block; color: #000; font-size: 20px; line-height: 22px; color: #fff; cursor: pointer; }
.NoticBox>div>b { font-size: 12px; font-weight: normal; line-height: 18px; }
#imgsDiv { position: relative; height: 558px; z-index: 0; background: #F4F4F4; display: block; }
.picDiv { position: absolute; top: 0; left: 0; width: 100%; height: 560px; background-position: center center; background-repeat: no-repeat; z-index: 0; }
#dotLists { position: relative; margin: -30px auto 0; text-align: center; height: 20px; z-index: 20; }
.dot { display: inline-block; width: 12px; height: 12px; margin: 0 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #ccc; cursor: pointer; }
.hover { background: #FF1515; }
.NoticBox8 { height: 8px; background: #0394ff; display: none; }
.loginIcon { background-image: url(../images/CAlogin.png); background-repeat: no-repeat; height: 64px; width: 64px; position: absolute; right: -1px; top: 0; display: block; }
.form-control { width: 100%; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; }
.form-control:focus { border-color: #1f428b; outline: 0; }
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; opacity: 1; }

/* index login */
.logo { height: 45px; margin: 20px 40px; font-size: 30px; color: white; }
.img_l { position: fixed; width: 40%; top: 25%; left: 15%; }
.body_count { width: 340px; position: fixed; top: 20%; left: 65%; }
.body_count_top { width: 100%; text-align: center; color: white; font-size: 22px; font-weight: bold; letter-spacing: 8px; }
.login_count { width: 300px; height: 324px; position: absolute; right: 20px; top: 170px; z-index: 99; padding: 5px; background-color: white; border-radius: 5px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .2); margin-top: 0px; }
.login_count_a { width: 100%; }
.login_count_a_l { width: 100%; display: inline-flex; align-items: center; justify-content: flex-end; }
.icon_e { height: 18px; }
.login_a_l_t { color: white; font-size: 12px; padding: 3px; background: linear-gradient(to right, #26CBD6, #3EE1E2); }
.triangle { float: left; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: transparent #3EE1E2 transparent transparent; transform: rotate(180deg); }
#all { width: 80%; margin: 5px auto 10px auto; }
#option { width: 100%; height: 40px; line-height: 40px;  margin-bottom: 10px;border-bottom: 2px #d53025 solid; }
#option li { float: left; text-align: center; width: 50%;	 height: 38px; cursor: pointer; color: #666; font-size: 14px;  font-weight: bold; }
#option li.active {  color: #d53025; }
#card li { height: 100%; display: none; }
#card li.active { display: block; }

.login_bot_count { width: 100%; border: 1px solid #ccc; display: inline-flex; align-items: center; justify-content: space-between; height: 30px; padding: 3px; margin-top: 15px; }
.login_bot_count>img { height: 20px; padding-left: 5px; }
.login_bot_count>input { height: 28px; border: 0px; width: 80%; }
.login_bot_count>input::-webkit-input-placeholder { color: #dedede; }
.login_bot { width: 100%;margin-top: 8px;margin-bottom: 10px; display: inline-flex; align-items: center; justify-content: space-between; }
.login_bot>a, .login_bot>p { font-size: 12px; color: #898989; }
.login_bot>p { width: 22%; display: inline-flex; align-items: center; justify-content: space-between; }
.login_bot>p a{color: #d53025;}
/*记住密码勾选框*/
.login_bot>p>input[type="checkbox"] { width: 14px; height: 14px;margin-top: -1px; display: inline-block; text-align: center; vertical-align: middle; line-height: 10px; position: relative; }
.login_bot>p>input[type="checkbox"]::before { content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; border: 1px solid #dedede; }
.login_bot>p>input[type="checkbox"]:checked::before { content: "\2713"; background-color: white; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #dedede; color: #898989; font-size: 12px; font-weight: bold; }

/*按钮样式*/
.login_button { margin-top: 12px; width: 100%; border: 0px; height: 35px; font-size: 15px; color: white; background: #d53025 }
.login_account_count { width: 100%; border: 1px solid #ccc; display: inline-flex; align-items: center; justify-content: space-between; height: 30px; padding: 3px; margin-top: 10px; }
.login_account_count>img { height: 20px; padding-left: 5px; }
.mobile_input { height: 28px; border: 0px; width: 75%; }
.account_select { color: #4F4F4F; font-size: 14px; border: 0px; margin: 0px 5px;/*  appearance: none; -moz-appearance: none; -webkit-appearance: none; */ width: 100%; z-index: 999; background: none; }
.account_select_icon { position: relative; left: -8%; height: 10px !important; }
.login_account_counts { width: 100%; border: 1px solid #ccc; display: inline-flex; align-items: center; justify-content: space-between; height: 40px; padding: 3px; margin-top: 10px; }
.login_account_counts>img { height: 20px; padding-left: 5px; }
.login_account_counts>input:nth-of-type(1) { height: 28px; border: 0px; width: 50%; }
.account_code { color: white; background-color: #26CBD6; padding: 5px; font-size: 12px; cursor: pointer; border: 0px; }
.login_account_count>input::-webkit-input-placeholder { color: #dedede; }
.login_account_counts>input::-webkit-input-placeholder { color: #dedede; }

/*按钮样式*/
.login_account_button { margin-top: 10px; width: 100%; border: 0px; height: 35px; font-size: 16px; color: white; background: #d53025 }
.login_count_b { width: 100%; display: none; }
.login_count_b_l { width: 100%; display: inline-flex; align-items: center; justify-content: flex-end; }
.icon_e, .icon_z { height: 18px; }
.login_b_l_t { color: white; font-size: 12px; padding: 3px; background: linear-gradient(to right, #26CBD6, #3EE1E2); }
.login_b_title>img { height: 22px; margin-right: 5px; }
.login_b_title { width: 100%; margin-top: 30px; display: inline-flex; align-items: center; justify-content: center; color: black; font-size: 16px; font-weight: 1000; }
.libqr { width: 60%; margin: 10px 20%; }
.libqr_text { width: 100%; text-align: center; color: #c4c4c4; font-size: 12px; }
.delivery_count_l_b>input:focus .delivery_count_l_b { border-bottom: 1px solid #26CAD6; }


.welcome{line-height: 60px;font-size: 15px;padding-left:20px;font-weight: bold;border-bottom:1px #eee solid;}
.logincontent{ padding:50px 40px 50px 100px ;color: #999;background:url(../images/yes.png) no-repeat 40px 45px}
.tuichu{padding:8px 18px 8px 18px; border:1px #ddd solid; background:#ccc url(../images/yesno.png) no-repeat 7px 10px}
.jinru{padding:8px 18px 8px 18px; border:1px #2988e3 solid;color: #fff;margin-left:10px;background:#2988e3 url(../img/yesno.png) no-repeat  7px -16px}

/* reg */
.index-reg{margin-bottom: 5px}
.index-reg dd{position: relative;line-height: 30px;border-bottom: 1px #eee solid;padding-left: 30px;background-image: url('../images/login.png');background-repeat: no-repeat;}
.index-reg dd:nth-child(1){background-position: 3px 8px;}
.index-reg dd:nth-child(2){background-position: 3px -26px;}
.index-reg dd:nth-child(3){background-position: 3px -60px;}
.index-reg dd:nth-child(4){background-position: 3px -95px;}
.index-reg dd input{position: absolute;right: 0;top: 5px}
.index-reg dd a{position: absolute;right: 5px; top: 5px;border: 1px #1c92ff solid;border-radius: 10px;line-height: 16px;padding: 0 10px}
.index-reg .on {color: #f00;font-weight: bold;}
.index-reg .on a{background: #1c92ff;color: #fff}
.ts{color: #f00}
.index-reg .on b{background: url('../images/select.png') no-repeat;background-size: 80%;height: 19px;width: 19px;display: inline-block;position: absolute;right: 0;top: 10px}
.index-reg b{background: url('../images/unselect.png') no-repeat;background-size: 80%;height: 19px;width: 19px;display: inline-block;position: absolute;right: 0;top: 10px}