/** * part1: reset */ body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form { margin: 0 } body, button, input, select, textarea { font: 12px/1.5 'Microsoft Yahei' } h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: 100%; } em, b { font-style: normal } a { text-decoration: none; color: inherit; outline: none; } img { border: 0 } button, input, select, textarea { font-size: 100%; outline: none } table { border-collapse: collapse; border-spacing: 0 } td, th, ul, ol { padding: 0 } li { list-style: none } .fl { float: left } .fr { float: right } .clear { *zoom: 1 } .clear:after { display: block; content: ""; height: 0; clear: both; } /** * part2: common styles */ .logo { width: 245px; height: 56px; margin: 10px 0 0 46px; position: relative; } .logo-wrap { position: absolute; width: 100%; height: 100%; } .logo-wrap .logo-img{ height: 45px; } .logo-text { color: #fff; margin-bottom: 24px; font-size: 16px; } /* 导航外框 */ .nav-wrap { background-color: #1b1b1b; position: absolute; z-index: 4; width: 100%; min-width: 1200px; } /* 导航 */ .login-box { margin-right: 46px; font-size: 0; } .login-btn { font-size: 14px; display: inline-block; width: 114px; line-height: 30px; text-align: center; box-sizing: border-box; color: #ed6f37; border: 1px solid #ed6f37; margin-top: 18px; } .logined { position: relative; width: 116px; height: 66px; } .photo { position: absolute; top: 15px; width: 36px; height: 36px; border-radius: 50%; } .photo img { width: 100%; border-radius: 50%; } .tag-level { position: absolute; right: 0; top: 50%; margin-top: -11px; width: 68px; line-height: 22px; text-align: center; border-radius: 11px; background-color: #ff9338; color: #fffcd3; font-size: 12px; } .logined-list { width: 190px; background-color: #fff; position: absolute; right: 0; top: 88px; display: none; } .show { display: block; } .logined-list a { color: #000; line-height: 42px; display: block; width: 100%; font-size: 12px; text-indent: 14px; } .logined-list a:hover { background-color: #ed6f37; color: #fff; } .logined-list a.first { border-bottom: 1px solid #dfdfdf; font-weight: bold; } .logined-list a.first:hover, .logined-list a.last:hover { background-color: #fff; color: #000; } .logined-list a.last { border-top: 1px solid #dfdfdf; font-weight: bold; } /* 登录弹窗 */ .login { width: 580px; height: 450px; background-color: #0d1b2e; font-size: 18px; position: relative; display: none; } .login-title { width: 282px; height: 50px; margin: 63px auto 30px; background: url(/assets/img/201712/logo_new.png) center center no-repeat; } .login-item { float: left; } .login-text { color: #fff; text-align: center; line-height: 100%; position: relative; } .login-text:before, .login-text:after { content: ""; position: absolute; top: 10px; width: 120px; height: 1px; background-color: #333e4e; } .login-text:before { left: 74px; } .login-text:after { right: 74px; } .login-item-img { display: block; width: 80px; height: 80px; margin-top: 50px; cursor: pointer; } .login-item-img a { display: block; width: 100%; height: 100%; } .login-way { padding-left: 110px; } .login-item { margin: 0 50px; } .login-item-wx { background: url(/assets/img/201712/icons.png) no-repeat -288px -456px; } .login-item-qq { background: url(/assets/img/201712/icons.png) no-repeat -373px -456px; } .login-item-text { color: #ccc; padding-top: 10px; width: 80px; text-align: center; } .login-close, .dia-close { font-size: 24px; color: #cbcbcb; position: absolute; right: 10px; top: 5px; line-height: 24px; transition: all .3s; } .login-close:hover, .dia-close:hover { transform: rotateZ(180deg); transform-origin: center 13.5px; color: #fff; } /* 登录成功 */ .dia-index { width: 580px; height: 380px; background-color: #0d1b2e; font-size: 18px; position: relative; display: none; } .icon-ok { position: relative; display: block; width: 70px; height: 70px; margin: 86px auto 20px; background: url(/assets/img/201712/icons.png) no-repeat -458px -455px; } .login-success-title { font-size: 18px; color: #fff; line-height: 100%; font-weight: normal; text-align: center; padding-bottom: 20px; } .login-success-text { font-size: 14px; color: #ccc; line-height: 100%; text-align: center; padding-bottom: 40px; } .btn-group { width: 290px; margin: 0 auto; font-size: 0; } .btn-group a { display: inline-block; width: 130px; line-height: 39px; background-color: #ed6f37; font-size: 14px; color: #fff; text-align: center; } .btn-group a:first-child { margin-right: 30px; text-align: left; letter-spacing: 18px; text-indent: 43px; } .wrap_ied { background-color: #000; color: #fff; padding: 20px 0 10px; } .wrap_ied p { text-align: center; font-weight: lighter; line-height: 24px; }