/**
 * 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;
}