@charset "utf-8";
/* CSS Document */
/*button*/
.n-yellow-button {
  color: #333;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffe9c3;
  -webkit-box-shadow: 0 2px 1px rgba(197, 171, 134, 0.2);
  -moz-box-shadow: 0 2px 1px rgba(197, 171, 134, 0.2);
  box-shadow: 0 2px 1px rgba(197, 171, 134, 0.2);
  border: 1px solid #f1c969;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdebcf), to(#fee6c0));
  background: -moz-linear-gradient(top, #fdebcf, #fee6c0);
  background: -o-linear-gradient(top, #fdebcf, #fee6c0);
  cursor: pointer;
  outline: none;
}
.n-yellow-button:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 #fff;
  -moz-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: 1px solid #eac775;
  background: #ffe3b2;
  background: -moz-linear-gradient(top, #fee5be, #ffdeaa);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fee5be), to(#ffdeaa));
  background: -o-linear-gradient(top, #fee5be, #ffdeaa);
  border-color: #f2c75d;
}
.n-grey-button {
  color: #333;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 2px 1px rgba(6, 0, 1, 0.13);
  -moz-box-shadow: 0 2px 1px rgba(6, 0, 1, 0.13);
  box-shadow: 0 2px 1px rgba(6, 0, 1, 0.13);
  border: 1px solid #aaa;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f0f0f0));
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
  cursor: pointer;
  outline: none;
}
.n-grey-button:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 #fff;
  -moz-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: 1px solid #999;
  background: #ededed;
  background: -moz-linear-gradient(top, #f6f6f6, #e5e5e5);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6f6f6), to(#e5e5e5));
  background: -o-linear-gradient(top, #f6f6f6, #e5e5e5);
}
/*button*/
.content-wrap {
  padding-bottom: 30px;
  width: 100%;
  background: #f2f2f2;
}
.content-wrap a {
  color: #039;
}
.content-wrap a:hover {
  color: #e71;
}
#content,
#wel {
  margin: 0 auto;
  max-width: 1230px;
  min-width: 990px;
}
#wel span {
  padding: 0 3px;
}
.con-main {
  float: left;
  width: 100%;
  min-height: 1px;
}
#left {
  margin-right: 315px;
  border: 1px solid #ddd;
  background: #fff;
}
#left .service {
  line-height: 30px;
  border-bottom: solid 1px #ddd;
}
#left .service .yellow {
  color: #e71;
}
#left ul.conuswarp {
  padding-top: 20px;
}
#left ul.conuswarp li.li1,
#left ul.conuswarp li.li2,
#left ul.conuswarp li.li3 {
  padding: 0 0 55px 115px;
  font-size: 18px;
}
#left ul.conuswarp li.li1 {
  padding-top: 25px;
  border-top: 1px solid #f5f5f5;
  background: url(//www.dhresource.com/b/help/img/tel-icon.png) no-repeat 40px 35px;
}
#left ul.conuswarp li.li2 {
  padding-bottom: 40px;
  background: url(//www.dhresource.com/b/help/img/mes-icon.png) no-repeat 40px 38px;
}
#left ul.conuswarp li.li3 {
  margin-bottom: 17px;
  padding-bottom: 15px;
  padding-top: 11px;
  background: url(//www.dhresource.com/b/help/img/chat-icon.png) no-repeat 40px 49px;
}
#left ul.conuswarp li.li3 .note {
  display: inline-block;
  font-size: 14px;
  padding-bottom: 3px;
}
#left ul.conuswarp .li-light {
  padding: 0 0 55px 115px;
  font-size: 18px;
  margin-bottom: 17px;
  padding-bottom: 15px;
  padding-top: 11px;
  background: url(//www.dhresource.com/dhs/fob/img/help/help.png) no-repeat 37px 20px;
  background-size: 50px 50px;
}
.con-main #left ul.conuswarp .li-light {
  padding: 0 0 55px 115px;
  font-size: 18px;
  margin-bottom: 17px;
  padding-bottom: 15px;
  padding-top: 11px;
  background: url(//www.dhresource.com/dhs/fob/img/help/help.png) no-repeat 37px 20px;
  background-size: 50px 50px;
}
.con-main #left ul.conuswarp li.li55 {
  padding-bottom: 40px;
  background: url(//image.dhgate.com/buyer/disputes/image/question.png) no-repeat 41px 35px;
  background-size: 5%;
}
#left ul .blue {
  color: #039;
  margin-right: 10px;
  font-weight: 700;
}
#left ul.conusint {
  width: 450px;
}
#left ul.conusint span.wid {
  display: inline-block;
  padding-right: 3px;
  width: 72px;
  text-align: right;
}
#left ul .f-gray {
  font-size: 12px;
  color: #999;
}
#left ul .f-gray2 {
  margin-top: 9px;
}
.n-grey1,
.n-grey2 {
  display: block;
  margin-top: 15px;
  padding: 9px 0 8px;
  font-size: 12px;
  width: 135px;
}
#right {
  float: left;
  margin-left: -295px;
  padding: 25px 10px 25px 30px;
  width: 253px;
  border: 1px solid #ddd;
  background: #fff;
}
#right li {
  padding-bottom: 11px;
  width: 253px;
}
#right li.litit {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
}
#right dt {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
  width: 174px;
  margin-bottom: 11px;
  font-size: 15px;
}
#right dd strong {
  height: 20px;
  line-height: 20px;
  display: block;
}
#right dd span {
  line-height: 21px;
  color: #666;
  display: block;
}
/*pop*/
.popupbox {
  position: fixed !important;
  position: absolute;
  z-index: 9999;
  padding: 30px 25px;
  width: 580px;
  border: 1px solid #999;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(6, 0, 1, 0.35);
  -moz-box-shadow: 0 0 10px rgba(6, 0, 1, 0.35);
  box-shadow: 0 0 10px rgba(6, 0, 1, 0.35);
  color: #333;
}
.popupbox .pop-main {
  padding-right: 20px;
}
.popupbox .pop-title {
  line-height: 12px;
  padding: 5px 0 19px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.popupbox .pop-note {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 30px;
}
.chat-contorl {
  padding: 15px 0 15px 135px;
}
.chat-contorl .n-yellow-button {
  width: 110px;
  padding: 9px 0 7px;
  margin-right: 40px;
}
.chat-contorl a {
  color: #039;
}
.chat-contorl a:hover {
  color: #e71;
}
.pop-close {
  overflow: hidden;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  background: url(//css.dhresource.com/buyer/common/image/iconbg.png) -32px -130px;
  cursor: pointer;
}
.pop-close:hover {
  background-position: -47px -130px;
}
.popmask {
  position: absolute;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.popmask iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  border: 0;
}