@charset "UTF-8";
body, div, p, h1, h2, h3, h4, h5, ol, ul, li, dl, dt, dd, table, th, td {
  margin: 0;
  padding: 0; }

body {
  font-family: "\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
  font-size: 14px;
  color: #333; }

a {
  text-decoration: none;
  color: #0066cc;
  font-size: 12px; }

a img {
  display: block; }

li {
  list-style: none; }

i, em, dfn {
  font-style: normal; }

b {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

dfn {
  font-family: Arial;
  margin-right: 1px; }

input, textarea, select {
  font-family: inherit; }

input[type="text"] {
  padding: 0; }

textarea {
  resize: none; }

::-ms-clear {
  display: none; }

input::-webkit-input-placeholder {
  font-size: 12px; }

input:-moz-placeholder {
  font-size: 12px; }

input::-moz-placeholder {
  font-size: 12px; }

input:-ms-input-placeholder {
  font-size: 12px; }

.custom-label-box input::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc; }
.custom-label-box input:-moz-placeholder {
  font-size: 16px;
  color: #ccc; }
.custom-label-box input::-moz-placeholder {
  font-size: 16px;
  color: #ccc;
  opacity: 1; }
.custom-label-box input:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc !important; }

.pop-up-box textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #999; }
.pop-up-box textarea:-moz-placeholder {
  font-size: 14px;
  color: #999; }
.pop-up-box textarea::-moz-placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1; }
.pop-up-box textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #999 !important; }

.intentional-order-form input::-webkit-input-placeholder,
.intentional-order-form textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #ccc; }
.intentional-order-form input:-moz-placeholder,
.intentional-order-form textarea:-moz-placeholder {
  font-size: 14px;
  color: #ccc; }
.intentional-order-form input::-moz-placeholder,
.intentional-order-form textarea::-moz-placeholder {
  font-size: 14px;
  color: #ccc;
  opacity: 1; }
.intentional-order-form input:-ms-input-placeholder,
.intentional-order-form textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #ccc !important; }

.mod-banner,
.bodybgLightColor,
.footer {
  min-width: 980px; }

img {
  vertical-align: top;
  border: 0; }

.giftcard-product-banner img,
.giftcard-product-list img,
.giftcard-ad img,
.giftcard-preview img,
.giftcard-pack-list img,
.giftcard-order img {
  width: 100%;
  height: 100%; }

.bodybgLightColor {
  background-color: #f6f8fd; }

.container {
  position: relative;
  *zoom: 1;
  width: 1180px;
  margin: 0 auto; }

.txt-blue {
  color: #3983e5; }

.txt-white {
  color: #fff; }

.txt-gray {
  color: #666; }

.txt-grayer {
  color: #999; }
  .txt-grayer .icon-arrow.top .before {
    border-bottom-color: #999; }
  .txt-grayer .icon-arrow.top .after {
    border-bottom-color: #fafafa; }
  .txt-grayer .icon-arrow.bottom .before {
    border-top-color: #999; }
  .txt-grayer .icon-arrow.bottom .after {
    border-top-color: #fafafa; }
  .txt-grayer .icon-arrow.right .before {
    border-left-color: #999; }
  .txt-grayer .icon-arrow.right .after {
    border-left-color: #fafafa; }
  .txt-grayer[href]:hover {
    color: #3983e5; }
    .txt-grayer[href]:hover .icon-arrow.top .before {
      border-bottom-color: #3983e5; }
    .txt-grayer[href]:hover .icon-arrow.bottom .before {
      border-top-color: #3983e5; }
    .txt-grayer[href]:hover .icon-arrow.right .before {
      border-left-color: #3983e5; }

.txt-orange {
  color: #ff7d13; }

.txt-orange2 {
  color: #ff6913; }

.txt-orange1 {
  color: #FF7700; }

.txt-black {
  color: #000; }

.txt-black1 {
  color: #222; }

.txt-black2 {
  color: #323232; }

.txt-black3 {
  color: #333; }

.txt-red3 {
  color: #ef4f3f; }

.txt-reder {
  color: #ff4647; }

.txt-grayer1 {
  color: #ccc; }

.txt-bold {
  font-weight: bold; }

.txt-normal {
  font-weight: normal; }

.txt-italic {
  font-style: italic; }

.txt-big {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  line-height: 1.5; }

.txt-center {
  text-align: center; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

.txt-symbol {
  font-family: "SimSun";
  line-height: normal; }

.mt30 {
  margin-top: 30px; }

.mr30 {
  margin-right: 30px; }

.mb30 {
  margin-bottom: 30px; }

.mtb20 {
  margin: 20px 0; }

.mrl20 {
  margin: 0 20px; }

.mt20 {
  margin-top: 20px; }

.mr20 {
  margin-right: 20px; }

.mb20 {
  margin-bottom: 20px; }

.mt10 {
  margin-top: 10px; }

.mr10 {
  margin-right: 10px; }

.mb10 {
  margin-bottom: 10px; }

.ptb10 {
  padding: 10px 0; }

.prl20 {
  padding: 0 20px; }

.ellipsis-one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ellipsis-two {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.cm-tag-list {
  overflow: hidden;
  *zoom: 1; }
  .cm-tag-list span {
    float: left; }

.cm-tag-border-red,
.cm-tag-border-reder,
.cm-tag-border-blue,
.cm-tag-border-blue01,
.cm-tag-orange,
.cm-tag-orange01,
.cm-tag-border-orange,
.cm-tag-border-grayer {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  *vertical-align: baseline;
  margin-right: 10px;
  padding: 0 4px;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.cm-tag-border-red,
.cm-tag-orange {
  height: 14px;
  line-height: 14px;
  *line-height: 16px; }

.cm-tag-border-reder,
.cm-tag-border-blue,
.cm-tag-border-orange,
.cm-tag-border-grayer {
  height: 18px;
  line-height: 18px; }

.cm-tag-border-red {
  color: #fd9494;
  border-color: #fd9494; }

.cm-tag-border-reder {
  color: #ff4647;
  border-color: #ff4647; }

.cm-tag-border-blue {
  color: #3983e5;
  border-color: #3983e5; }

.cm-tag-border-blue01 {
  height: 16px;
  color: #0086F6;
  border-color: #0086F6; }

.cm-tag-orange {
  color: #fff;
  border-color: #ff7d13;
  background-color: #ff7d13; }

.cm-tag-orange01 {
  height: 16px;
  color: #FF7700;
  border-color: #FFF1E5;
  background-color: #FFF1E5; }

.cm-tag-border-orange {
  color: #ff7d13;
  border-color: #ff7d13; }

.cm-tag-border-grayer {
  color: #999;
  border-color: #999; }

.marketing-tag {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 2;
  height: 20px;
  padding: 0 3px;
  background-color: #f52e2e; }
  .marketing-tag span {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 20px;
    color: #fff; }
  .marketing-tag .before,
  .marketing-tag .after {
    position: absolute;
    z-index: 1; }
  .marketing-tag .before {
    right: -5px;
    bottom: -5px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px dashed transparent;
    border-left-style: solid;
    border-left-color: #bc0505; }
  .marketing-tag .after {
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background-color: #f52e2e; }

.title-welfare {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 70px;
  height: 21px;
  overflow: hidden;
  line-height: 999px;
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/title-welfare.png) no-repeat; }

.selected .title-welfare {
  background-position: 0 -30px; }

.vertical-center,
.extra {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

.vertical-center {
  width: 100%;
  margin-right: -6px;
  *margin-right: -2px; }

.extra {
  width: 1px;
  height: 100%; }

.table {
  position: relative;
  display: table; }

.table-cell {
  display: table-cell;
  vertical-align: middle;
  *position: absolute;
  *top: 50%;
  *left: 0;
  *width: 100%; }

.table-content {
  *position: relative;
  *top: -50%;
  *left: 0;
  *width: 100%; }

.message-tips,
.message-tips-left,
.message-tips-white2 {
  position: relative;
  *zoom: 1;
  line-height: 20px;
  word-wrap: break-word; }
  .message-tips .txt-orange,
  .message-tips dfn,
  .message-tips-left .txt-orange,
  .message-tips-left dfn,
  .message-tips-white2 .txt-orange,
  .message-tips-white2 dfn {
    margin: 0 4px; }

.message-tips,
.message-tips-left {
  padding: 2px 9px;
  font-size: 12px;
  color: #333;
  border-width: 1px;
  border-style: solid;
  border-color: #F2D468;
  background-color: #FFFCF1; }
  .message-tips .icon,
  .message-tips-left .icon {
    margin: 2px 10px 0 0;
    *margin-top: 0; }
  .message-tips .icon-arrow.top,
  .message-tips-left .icon-arrow.top {
    top: -9px;
    right: auto;
    left: 9px;
    margin-top: 0; }
    .message-tips .icon-arrow.top .before,
    .message-tips-left .icon-arrow.top .before {
      border-bottom-color: #F2D468; }
    .message-tips .icon-arrow.top .after,
    .message-tips-left .icon-arrow.top .after {
      border-bottom-color: #FFFCF1; }

.message-tips {
  text-align: center; }

.message-tips-white2 {
  padding: 3px 44px 3px 20px;
  font-size: 14px;
  color: #666;
  background-color: #FFF8F2; }
  .message-tips-white2 .txt-blue {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px; }
  .message-tips-white2 dfn {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1; }

.black-opacity80,
.black-opacity60,
.black-opacity50 {
  color: #fff;
  text-align: center; }

.black-opacity80,
.black-opacity50 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }

.black-opacity80 {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#C8000000', endColorstr='#C8000000');
  background-color: rgba(0, 0, 0, 0.8); }

.black-opacity60 {
  position: absolute;
  left: 50%;
  top: 15px;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  font-size: 14px;
  line-height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');
  background-color: rgba(0, 0, 0, 0.6); }

.black-opacity50 {
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');
  background-color: rgba(0, 0, 0, 0.5); }

:root .blackmaskBG,
:root .black-opacity80,
:root .black-opacity60,
:root .black-opacity50,
:root .btn-white:hover,
:root .btn-border-white,
:root .whitemaskBG {
  filter: none !important; }

.vertical-line {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 1px;
  height: 100%;
  background-color: #ebebeb; }

.vertical-line.position {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1px; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.icon {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/icon-sprites-taoka.png) no-repeat; }

.icon-rwx,
.icon-rwy {
  width: 53px;
  height: 21px;
  margin-right: 5px; }

.icon-rwx {
  background-position: 0 0; }

.icon-rwy {
  background-position: 0 -30px; }

.icon-gift {
  width: 16px;
  height: 16px;
  background-position: -90px 0; }

.disabled .icon-gift {
  background-position: -90px -20px; }

.icon-checkbox {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-position: -90px -40px; }
  .icon-checkbox.icon-checked {
    background-position: -90px -60px; }
  .icon-checkbox.icon-checkbox-disabled {
    cursor: not-allowed;
    background-position: -90px -80px; }

.icon-giftsexchange {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  *vertical-align: baseline;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  font-size: 14px;
  line-height: 16px;
  color: #9A6E43;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #9A6E43;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.icon-selected {
  width: 25px;
  height: 25px;
  background-position: -60px 0; }

.current .icon-selected {
  background-position: -60px -30px; }

.icon-close {
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-position: -60px -60px; }

.icon-close10 {
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-position: -90px -240px; }

.icon-close14 {
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-position: -90px -340px; }

.icon-close16 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-position: -90px -380px; }

.icon-prev,
.icon-next {
  width: 15px;
  height: 28px; }

.icon-prev {
  background-position: -60px -90px; }

.icon-next {
  background-position: -60px -120px; }

.icon-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  margin-top: -5px;
  width: 10px;
  height: 10px; }
  .icon-arrow .before,
  .icon-arrow .after {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px dashed transparent; }
  .icon-arrow.inline-block {
    position: relative;
    *zoom: 1;
    top: auto;
    right: auto;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin-left: 5px; }

.icon-arrow.top .before,
.icon-arrow.top .after {
  left: 0;
  border-bottom-style: solid; }
.icon-arrow.top .before {
  top: -2px;
  border-bottom-color: #3983e5; }
.icon-arrow.top .after {
  top: -1px;
  border-bottom-color: #fff; }

.icon-arrow.right .before,
.icon-arrow.right .after {
  top: 0;
  border-left-style: solid; }
.icon-arrow.right .before {
  right: 0;
  border-left-color: #3983e5; }
.icon-arrow.right .after {
  right: 1px;
  border-left-color: #fff; }

.icon-arrow.bottom .before,
.icon-arrow.bottom .after {
  left: 0;
  border-top-style: solid; }
.icon-arrow.bottom .before {
  bottom: -3px;
  border-top-color: #3983e5; }
.icon-arrow.bottom .after {
  bottom: -2px;
  border-top-color: #fff; }

.icon-arrow.left .before,
.icon-arrow.left .after {
  top: 0;
  border-right-style: solid; }
.icon-arrow.left .before {
  left: -5px;
  border-right-color: #3983e5; }
.icon-arrow.left .after {
  left: -4px;
  border-right-color: #fff; }

.triangle {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 5px dashed transparent; }

.triangle.top {
  border-top-style: solid;
  border-top-color: #bc0505; }

.triangle.right {
  border-right-style: solid;
  border-right-color: #bc0505; }

.triangle.bottom {
  border-bottom-style: solid;
  border-bottom-color: #bc0505; }

.triangle.left {
  border-left-style: solid;
  border-left-color: #bc0505; }

.icon-message,
.icon-message-blue,
.icon-message-blue01,
.icon-warn,
.icon-warn01,
.icon-warn-red,
.icon-qa,
.icon-qa-white {
  width: 16px;
  height: 16px; }

.icon-message {
  background-position: -90px -100px; }

.icon-message-blue {
  background-position: -90px -120px; }

.icon-message-blue01 {
  background-position: -90px -320px; }

.icon-warn {
  background-position: -90px -140px; }

.icon-warn01 {
  background-position: -90px -220px; }

.icon-warn-red {
  background-position: -90px -160px; }

.icon-qa {
  cursor: pointer;
  background-position: -90px -180px; }

.icon-qa-white {
  cursor: pointer;
  background-position: -384px 0; }

.icon-clear {
  width: 13px;
  height: 16px;
  background-position: -90px -200px; }

.icon-success28 {
  width: 28px;
  height: 28px;
  background-position: -60px -150px; }

.icon-success40 {
  width: 40px;
  height: 40px;
  background-position: -160px 0; }

.icon-success56 {
  width: 56px;
  height: 56px;
  background-position: 0 -210px; }

.icon-warn30 {
  width: 30px;
  height: 30px;
  background-position: -60px -180px; }

.icon-warn40 {
  width: 40px;
  height: 40px;
  background-position: -160px -50px; }

.icon-warn48 {
  width: 48px;
  height: 48px;
  background-position: -110px -200px; }

.icon-warn64 {
  width: 64px;
  height: 64px;
  background-position: -200px 0; }

.icon-add {
  width: 12px;
  height: 12px;
  background-position: -90px -360px; }

.icon-fail {
  width: 37px;
  height: 37px;
  background-position: -160px -100px; }

.icon-loading32 {
  width: 32px;
  height: 32px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/c_loading.gif); }

.icon-loading36 {
  width: 36px;
  height: 36px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/loading_b.gif); }

.icon-checkbox-rwx,
.icon-checkbox-rwy {
  width: 20px;
  height: 21px; }

.icon-checkbox-rwx {
  background-position: -90px -260px; }

.icon-checkbox-rwy {
  background-position: -90px -290px; }

.icon-useguides01,
.icon-useguides02,
.icon-useguides03,
.icon-useguides04 {
  width: 33px;
  height: 30px; }

.icon-useguides01 {
  background-position: -160px -140px; }

.icon-useguides02 {
  background-position: -160px -180px; }

.icon-useguides03 {
  background-position: -160px -220px; }

.icon-useguides04 {
  background-position: -160px -260px; }

.icon-advantages01,
.icon-advantages02,
.icon-advantages03,
.icon-advantages04 {
  width: 45px;
  height: 45px; }

.icon-advantages01 {
  background-position: -110px 0; }

.icon-advantages02 {
  background-position: -110px -50px; }

.icon-advantages03 {
  background-position: -110px -100px; }

.icon-advantages04 {
  background-position: -110px -150px; }

.icon-sold-out {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px; }

.icon-edit {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-position: -60px -220px; }

.btn {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  text-align: center; }

.btn-orange {
  color: #fff;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  background-color: #ff7d13; }
  .btn-orange:hover {
    border-color: #ff841f;
    background-color: #ff841f; }

.btn-orange01 {
  color: #fff;
  background-color: #ff7d13; }

.btn-orange-gradient {
  color: #fff;
  background: #ff7111;
  background: -ms-linear-gradient(top, #ff7f13, #ff7111);
  background: -moz-linear-gradient(top, #ff7f13, #ff7111);
  background: -webkit-linear-gradient(top, #ff7f13, #ff7111);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff7f13, endColorstr=#ff7111); }

.btn-white {
  color: #3983e5;
  background-color: #fff; }
  .btn-white:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#073983e5', endColorstr='#073983e5');
    background-color: rgba(57, 131, 229, 0.03); }

.btn-border-white {
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19ffffff', endColorstr='#19ffffff');
  background-color: rgba(255, 255, 255, 0.1); }

.btn-border-grayer4 {
  color: #666;
  border-width: 1px;
  border-style: solid;
  border-color: #dbdbdb; }

.btn-border-grayer5 {
  color: #3983e5;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9; }

.btn-golden {
  color: #fff;
  border-radius: 4px;
  background-color: #DEBA70; }
  .btn-golden:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19DEBA70', endColorstr='#19DEBA70');
    background-color: rgba(222, 186, 112, 0.9); }

.btn-disabled {
  color: #fff;
  cursor: not-allowed;
  background: #ccc !important;
  filter: none; }

.btn-sm {
  width: 125px;
  height: 35px;
  font-size: 12px;
  line-height: 35px; }

.btn-xsm {
  width: 64px;
  height: 34px;
  font-size: 14px;
  line-height: 34px; }

.btn-md {
  width: 120px;
  height: 50px;
  font-size: 16px;
  line-height: 50px; }

.btn-xmd {
  width: 186px;
  height: 44px;
  font-size: 18px;
  line-height: 44px; }

.btn-lg {
  width: 50%;
  height: 47px;
  font-size: 14px;
  line-height: 47px; }

.btn-xlg {
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 32px; }

.btn-seven {
  width: 120px;
  height: 38px;
  font-size: 14px;
  line-height: 38px; }

.btn-eight {
  width: 118px;
  height: 36px;
  font-size: 14px;
  line-height: 36px; }

.btn-nine {
  width: 180px;
  height: 34px;
  font-size: 15px;
  line-height: 34px; }

.btn-ten {
  width: 178px;
  height: 32px;
  font-size: 15px;
  line-height: 32px; }

.btn-eleven {
  width: 420px;
  height: 48px;
  font-size: 24px;
  line-height: 48px; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: .8; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: .8; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: .8; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: .8; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: .8; }
  100% {
    opacity: 1; } }
.market-banner-wrap {
  overflow: hidden;
  width: 100%;
  min-width: 980px;
  height: 100%; }
  .market-banner-wrap .slide-banner {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%; }
  .market-banner-wrap .slide-banner-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-repeat: repeat no-repeat; }
    .market-banner-wrap .slide-banner-cont a {
      display: block;
      width: 1920px;
      height: 100%;
      margin: 0 auto; }
    .market-banner-wrap .slide-banner-cont .slide-pic {
      background: url(//pic.c-ctrip.com/common/bg_loading.gif) 66% 50% no-repeat;
      -webkit-transition: margin-left 400ms ease-out;
      -moz-transition: margin-left 400ms ease-out;
      -ms-transition: margin-left 400ms ease-out;
      -o-transition: margin-left 400ms ease-out;
      transition: margin-left 400ms ease-out; }
    .market-banner-wrap .slide-banner-cont .fade-in {
      -webkit-animation: fadeIn .2s ease-in;
      -moz-animation: fadeIn .2s ease-in;
      -ms-animation: fadeIn .2s ease-in;
      -o-animation: fadeIn .2s ease-in;
      animation: fadeIn .2s ease-in; }
  .market-banner-wrap .dot-wrap {
    width: 1180px;
    height: 12px;
    margin: 0 auto; }
  .market-banner-wrap .dot-group {
    float: none !important;
    width: 600px;
    margin: -32px auto 0 !important;
    text-align: center;
    font-size: 0;
    line-height: 0; }
    .market-banner-wrap .dot-group .dot {
      position: relative;
      overflow: hidden;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 4px;
      line-height: 99em;
      border: 2px solid #fff;
      border-radius: 6px;
      background-color: rgba(0, 0, 0, 0.2);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000',endColorstr='#33000000');
      background-image: url(###) \9;
      -webkit-transition: background .3s ease;
      -moz-transition: background .3s ease;
      -ms-transition: background .3s ease;
      -o-transition: background .3s ease;
      transition: background .3s ease; }
      .market-banner-wrap .dot-group .dot:hover {
        background-color: rgba(0, 0, 0, 0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000'); }
      .market-banner-wrap .dot-group .dot.dot-current, .market-banner-wrap .dot-group .dot.dot-current:hover {
        cursor: default;
        filter: none;
        background-color: #FFF; }
      .market-banner-wrap .dot-group .dot:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        box-shadow: 0 0 1px #fff;
        background-color: #fff;
        -webkit-transition: height .5s ease;
        -moz-transition: height .5s ease;
        -ms-transition: height .5s ease;
        -o-transition: height .5s ease;
        transition: height .5s ease; }
      .market-banner-wrap .dot-group .dot.dot-current:after {
        height: 100%; }

:root .market-banner-wrap .dot-group .dot {
  filter: none;
  background-color: rgba(0, 0, 0, 0.2); }
  :root .market-banner-wrap .dot-group .dot:hover {
    filter: none;
    background-color: rgba(0, 0, 0, 0.5); }
  :root .market-banner-wrap .dot-group .dot.dot-current, :root .market-banner-wrap .dot-group .dot.dot-current:hover {
    filter: none;
    background-color: #FFF; }

@media screen and (max-width: 1840px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -40px; } }
@media screen and (max-width: 1760px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -80px; } }
@media screen and (max-width: 1680px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -120px; } }
@media screen and (max-width: 1600px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -160px; } }
@media screen and (max-width: 1520px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -200px; } }
@media screen and (max-width: 1440px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -240px; } }
@media screen and (max-width: 1366px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -277px; } }
@media screen and (max-width: 1280px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -320px; } }
@media screen and (max-width: 1200px) {
  .market-banner-wrap .slide-banner-cont .slide-pic {
    margin-left: -370px; }
  .market-banner-wrap .dot-wrap {
    width: 980px; }
  .market-banner-wrap .dot-group {
    width: 400px; } }
.sidebar-nav {
  position: fixed;
  right: 50%;
  bottom: 50px;
  z-index: 2;
  width: 40px;
  margin-right: -650px; }
  .sidebar-nav .table {
    width: 100%;
    height: 40px;
    margin-top: 2px;
    text-align: center;
    cursor: pointer;
    background: url(//pic.c-ctrip.com/giftcard/lipin/online/sidebar-nav.png) no-repeat; }
    .sidebar-nav .table:hover, .sidebar-nav .table.current {
      background-position: 0 -50px; }
    .sidebar-nav .table .txt-white {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      *vertical-align: baseline;
      font-size: 12px;
      line-height: 14px; }
  .sidebar-nav .table-content {
    line-height: 0; }
  .sidebar-nav .to-top {
    background-position: -100px 0; }
    .sidebar-nav .to-top:hover {
      background-position: -100px -50px; }
  .sidebar-nav .qr-codeItem {
    position: absolute;
    right: 45px;
    bottom: 0;
    width: 150px; }
    .sidebar-nav .qr-codeItem img {
      width: 150px;
      height: 150px; }
    .sidebar-nav .qr-codeItem p {
      height: 30px;
      font-size: 12px;
      line-height: 30px;
      color: #303030;
      text-align: center;
      background-color: #fff; }

@media screen and (max-width: 1317px) {
  .sidebar-nav {
    right: 0;
    margin-right: 0; } }
@media screen and (max-width: 1200px) {
  .sidebar-nav {
    right: 50%;
    margin-right: -550px; } }
@media screen and (max-width: 1117px) {
  .sidebar-nav {
    right: 0;
    margin-right: 0; } }
.giftcard-news {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 10px;
  height: 34px;
  padding: 0 31px;
  border-width: 1px;
  border-style: solid;
  border-color: #e5debc;
  background-color: #fff7d1; }
  .giftcard-news .icon-warn01 {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -8px; }
  .giftcard-news .close-area {
    position: absolute;
    top: 50%;
    right: 0;
    width: 30px;
    height: 24px;
    margin-top: -12px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e6dfbd; }
  .giftcard-news .icon-close10 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px; }
  .giftcard-news .giftcard-news-list li {
    position: relative;
    *zoom: 1;
    font-size: 12px;
    line-height: 34px;
    color: #666; }
    .giftcard-news .giftcard-news-list li .date {
      position: absolute;
      top: 50%;
      right: 4px;
      margin-top: -17px;
      color: #999; }
      .giftcard-news .giftcard-news-list li .date .icon-arrow.top .before {
        border-bottom-color: #999; }
      .giftcard-news .giftcard-news-list li .date .icon-arrow.top .after {
        border-bottom-color: #fafafa; }
      .giftcard-news .giftcard-news-list li .date .icon-arrow.bottom .before {
        border-top-color: #999; }
      .giftcard-news .giftcard-news-list li .date .icon-arrow.bottom .after {
        border-top-color: #fafafa; }
      .giftcard-news .giftcard-news-list li .date .icon-arrow.right .before {
        border-left-color: #999; }
      .giftcard-news .giftcard-news-list li .date .icon-arrow.right .after {
        border-left-color: #fafafa; }
      .giftcard-news .giftcard-news-list li .date[href]:hover {
        color: #3983e5; }
        .giftcard-news .giftcard-news-list li .date[href]:hover .icon-arrow.top .before {
          border-bottom-color: #3983e5; }
        .giftcard-news .giftcard-news-list li .date[href]:hover .icon-arrow.bottom .before {
          border-top-color: #3983e5; }
        .giftcard-news .giftcard-news-list li .date[href]:hover .icon-arrow.right .before {
          border-left-color: #3983e5; }

.mod-banner {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  height: 280px; }
  .mod-banner .banner-img {
    display: block;
    width: 1920px;
    height: 100%;
    margin: 0 auto;
    *vertical-align: baseline; }
  .mod-banner .market-banner-wrap,
  .mod-banner .container {
    margin-top: -280px; }

.txt-blue.txt-big,
.giftcard-account .verify-box .txt-blue,
.giftcard-account .table .txt-orange,
.giftcard-welfare a.txt-grayer {
  position: relative;
  *zoom: 1;
  padding-right: 15px; }

.sidebar {
  float: right;
  width: 300px; }

.giftcard-account {
  position: relative;
  *zoom: 1;
  margin: 25px 0 30px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.05);
  background-color: #fff; }
  .giftcard-account .hd {
    height: 36px;
    margin: 0 20px;
    padding-top: 13px;
    line-height: 36px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ebebeb; }
    .giftcard-account .hd .title {
      float: left;
      font-size: 16px; }
    .giftcard-account .hd .txt-grayer {
      float: right; }
  .giftcard-account .table {
    width: 260px;
    height: 127px;
    margin: 0 20px; }
    .giftcard-account .table .txt-orange {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      line-height: 1.5;
      font-size: 44px; }
      .giftcard-account .table .txt-orange dfn,
      .giftcard-account .table .txt-orange .decimal {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        font-size: 20px; }
      .giftcard-account .table .txt-orange dfn {
        margin: 26px 3px 0 0;
        *margin-top: 21px; }
      .giftcard-account .table .txt-orange .decimal {
        margin-top: 27px;
        *margin-top: 22px; }
      .giftcard-account .table .txt-orange .icon-arrow.right {
        margin-top: 5px; }
        .giftcard-account .table .txt-orange .icon-arrow.right .before {
          border-left-color: #ccc; }
    .giftcard-account .table .txt-small {
      font-size: 32px; }
      .giftcard-account .table .txt-small dfn {
        margin-top: 13px;
        *margin-top: 9px; }
      .giftcard-account .table .txt-small .decimal {
        margin-top: 14px;
        *margin-top: 10px; }
      .giftcard-account .table .txt-small .icon-arrow.right {
        margin-top: 1px; }
    .giftcard-account .table .btn-xsm {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -17px; }
  .giftcard-account .verify-box {
    position: absolute;
    top: 49px;
    right: 0;
    left: 0;
    z-index: 1;
    height: 30px;
    padding: 0 20px;
    background-color: #fff9e3; }
    .giftcard-account .verify-box .cm-tag-list {
      float: left;
      margin-top: 7px; }
    .giftcard-account .verify-box .txt-blue {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      line-height: 30px; }
    .giftcard-account .verify-box .icon-arrow.right .after {
      border-left-color: #fff9e3; }
  .giftcard-account .btn-box {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ebebeb; }
    .giftcard-account .btn-box .btn {
      float: left; }

.hotline {
  position: absolute;
  right: 0;
  top: 35px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  color: #000; }
  .hotline .title {
    padding-right: 5px;
    font-weight: normal; }

.giftcard-advantage {
  overflow: hidden;
  *zoom: 1;
  width: 520px;
  margin: 0 auto;
  padding: 30px 0 15px; }
  .giftcard-advantage li {
    position: relative;
    *zoom: 1;
    float: left;
    width: 160px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #323232;
    text-align: center; }
    .giftcard-advantage li .oblique-line {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 30px;
      background: url(//pic.c-ctrip.com/giftcard/lipin/online/oblique-line.png) no-repeat; }
    .giftcard-advantage li.last {
      padding-right: 0; }
      .giftcard-advantage li.last .oblique-line {
        display: none; }

.mod-giftcard-product {
  position: relative;
  *zoom: 1;
  padding: 18px 0 38px; }

.giftcard-product-banner {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 20px;
  width: 277px; }
  .giftcard-product-banner img {
    *position: absolute; }
  .giftcard-product-banner .txt {
    position: absolute;
    top: 19px;
    right: 30px;
    left: 30px;
    line-height: 1.5;
    color: #fff; }
  .giftcard-product-banner h2 {
    font-size: 36px; }
  .giftcard-product-banner p {
    margin: 7px 0 11px;
    font-size: 14px; }
  .giftcard-product-banner .btn {
    margin-bottom: 10px; }

.giftcard-product-box {
  overflow: hidden;
  *zoom: 1;
  padding-left: 287px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.05);
  background-color: #fff; }
  .giftcard-product-box .giftcard-product-list {
    margin: 0 -1px -1px 0; }
    .giftcard-product-box .giftcard-product-list li {
      border-right-width: 1px;
      border-right-style: solid;
      border-right-color: #ededed;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #ededed; }

.giftcard-product-list {
  overflow: hidden;
  *zoom: 1; }
  .giftcard-product-list li {
    float: left;
    width: 190px;
    padding: 0 53px 0 54px; }
  .giftcard-product-list .module {
    position: relative;
    *zoom: 1;
    display: block;
    margin: 30px 0 15px; }
    .giftcard-product-list .module:hover {
      cursor: pointer; }
      .giftcard-product-list .module:hover .title01 {
        color: #3983e5; }
  .giftcard-product-list .pic,
  .giftcard-product-list .whitemaskBG,
  .giftcard-product-list .module.other {
    width: 100%;
    height: 123px;
    overflow: hidden;
    *zoom: 1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px; }
  .giftcard-product-list .hd {
    overflow: hidden;
    *zoom: 1;
    padding: 12px 10px 3px;
    text-align: center; }
    .giftcard-product-list .hd .title {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      font-size: 14px;
      line-height: 1.5;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .giftcard-product-list .hd .title01 {
      max-width: 170px;
      color: #000; }
    .giftcard-product-list .hd .txt-orange {
      font-size: 16px;
      line-height: 1.5; }
      .giftcard-product-list .hd .txt-orange dfn {
        font-size: 12px; }
      .giftcard-product-list .hd .txt-orange .unit {
        font-size: 14px; }
    .giftcard-product-list .hd .icon {
      float: left; }
    .giftcard-product-list .hd .title02 {
      max-width: 117px;
      font-style: italic;
      color: #222; }
  .giftcard-product-list .discount {
    padding: 3px 0 3px 15px;
    font-style: italic;
    font-size: 22px;
    line-height: 1.5;
    color: #222; }
    .giftcard-product-list .discount .txt-red3 {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      *margin-left: -6px;
      *vertical-align: baseline; }
    .giftcard-product-list .discount .txt-bold {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      margin-top: -2px;
      font-size: 26px;
      *vertical-align: -2px; }
  .giftcard-product-list .txt-gray {
    padding: 0 0 15px 15px;
    font-size: 12px; }
  .giftcard-product-list .whitemaskBG {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#26ffffff', endColorstr='#26ffffff');
    background-color: rgba(255, 255, 255, 0.15); }
  .giftcard-product-list .module.other {
    height: 110px;
    overflow: visible;
    margin: 43px 0 42px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    background: #f9f9f9;
    background: -ms-linear-gradient(top, #fff, #f9f9f9);
    background: -moz-linear-gradient(top, #fff, #f9f9f9);
    background: -webkit-linear-gradient(top, #fff, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f9f9f9);
    *filter: none; }
    .giftcard-product-list .module.other.coming-soon {
      overflow: hidden;
      box-shadow: none;
      filter: none; }
    .giftcard-product-list .module.other .hd {
      padding: 15px 0 0 15px;
      text-align: left; }
  .giftcard-product-list .hd .icon,
  .giftcard-product-list .hd .title02,
  .giftcard-product-list .discount,
  .giftcard-product-list .txt-gray,
  .giftcard-product-list .black-opacity60,
  .giftcard-product-list .whitemaskBG,
  .giftcard-product-list .module.other .pic,
  .giftcard-product-list .module.other .hd .title01,
  .giftcard-product-list .module.other .hd .txt-orange {
    display: none; }
  .giftcard-product-list .module:hover .whitemaskBG,
  .giftcard-product-list .module.disabled .black-opacity60,
  .giftcard-product-list .module.other .hd .icon,
  .giftcard-product-list .module.other .hd .title02,
  .giftcard-product-list .module.other .discount,
  .giftcard-product-list .module.other .txt-gray {
    display: block; }

.holiday-theme-list li {
  width: 297px;
  padding: 0; }
.holiday-theme-list .module {
  margin: 0; }
.holiday-theme-list .pic,
.holiday-theme-list .whitemaskBG {
  height: 149px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.holiday-theme-list .pic {
  position: relative;
  *zoom: 1; }
  .holiday-theme-list .pic:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, white 10%, rgba(255, 255, 255, 0) 100%); }
.holiday-theme-list .hd .txt-orange,
.holiday-theme-list .marketing-tag,
.holiday-theme-list .module.disabled .black-opacity60 {
  display: none; }
.holiday-theme-list .hd {
  position: absolute;
  top: 50%;
  left: 40px;
  height: 36px;
  margin-top: -18px;
  padding: 0; }
  .holiday-theme-list .hd .title01 {
    font-size: 24px; }

.giftcard-ad {
  overflow: hidden;
  *zoom: 1; }
  .giftcard-ad ul {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px; }
  .giftcard-ad li {
    float: left;
    width: 100%;
    height: 130px; }
  .giftcard-ad.two ul {
    margin-right: -5px;
    margin-left: -5px; }
  .giftcard-ad.two li {
    width: 585px;
    padding-right: 5px;
    padding-left: 5px; }
  .giftcard-ad.final-ad {
    text-align: center; }
    .giftcard-ad.final-ad ul {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      margin: 60px -10px; }
    .giftcard-ad.final-ad li {
      width: 220px;
      height: 100px;
      padding-right: 10px;
      padding-left: 10px; }
  .giftcard-ad.v2 {
    float: right;
    position: relative;
    width: 930px; }
    .giftcard-ad.v2 ul {
      margin-bottom: 0; }
    .giftcard-ad.v2 li {
      height: 180px; }
    .giftcard-ad.v2 a {
      display: block;
      height: 100%;
      overflow: hidden;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      background-color: #ebebeb; }

.sidebar.fl {
  float: left;
  margin-left: 10px; }

.featured-theme {
  overflow: hidden;
  *zoom: 1; }
  .featured-theme-list {
    overflow: hidden;
    *zoom: 1;
    width: 101%;
    padding: 40px 0 30px 6px; }
    .featured-theme-list li {
      float: left;
      width: 16%;
      padding-bottom: 30px; }
      .featured-theme-list li:nth-child(-n+4) {
        margin-right: 4.5%; }
    .featured-theme-list a {
      position: relative;
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1; }
    .featured-theme-list img {
      float: left;
      width: 80px;
      height: 80px;
      margin: 0 30px 0 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    .featured-theme-list .txt-black {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      margin: 20px 0;
      font-size: 20px;
      line-height: 40px; }
    .featured-theme-list .marketing-tag {
      top: 0;
      right: 0; }

.mod-giftcard-product-v2 {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 70px; }
  .hot-list {
    float: left;
    width: 167px; }
    .hot-list-hd {
      height: 84px;
      margin: 0 6px;
      padding: 8px 10px 0;
      color: #fff;
      background: #BE9F79;
      background: linear-gradient(135deg, #BE9F79 0%, #987655 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BE9F79',endColorstr='#987655',GradientType=1); }
      .hot-list-hd .maintitle {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        width: 90px;
        font-weight: 100;
        font-size: 30px;
        line-height: 30px; }
      .hot-list-hd .subtitle {
        margin-top: 4px;
        font-size: 12px; }
    .hot-list .giftcard-product-list.v2 {
      margin-right: 0;
      padding-top: 35px;
      padding-bottom: 0; }
      .hot-list .giftcard-product-list.v2 li {
        width: 155px;
        padding-right: 0; }
      .hot-list .giftcard-product-list.v2 .pic {
        height: 100px; }
      .hot-list .giftcard-product-list.v2 .hd {
        padding: 10px 0 25px; }
      .hot-list .giftcard-product-list.v2 .cm-tag-list {
        display: none; }
      .hot-list .giftcard-product-list.v2 .black-opacity60 {
        top: 10px; }
      .hot-list .giftcard-product-list.v2 .ranking-tag-box {
        display: block; }
    .giftcard-nav {
      font-size: 0;
      text-align: center; }
      .giftcard-nav span {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        cursor: pointer;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .hot-list-nav span {
      width: 14px;
      height: 14px;
      margin: 0 6px;
      border: 3px solid #cdcbcc;
      background-color: #fff; }
      .hot-list-nav span.current {
        border-color: #0086F6;
        box-shadow: 0 0 2px #0086f6;
        background-color: #0086F6; }
    .giftcard-ad-nav {
      position: absolute;
      right: 0;
      bottom: 10px;
      left: 0; }
      .giftcard-ad-nav span {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        background-color: rgba(255, 255, 255, 0.5); }
        .giftcard-ad-nav span.current {
          background-color: #fff; }
  .giftcard-product-box-v2 {
    float: right;
    position: relative;
    width: 930px; }
    .giftcard-product-hd {
      margin: -10px 6px 0;
      font-size: 30px;
      line-height: 50px;
      color: #000; }
      .giftcard-product-hd .txt-blue {
        font-size: 16px; }
    .giftcard-product-box-v2 .prev,
    .giftcard-product-box-v2 .next {
      position: absolute;
      top: 100px;
      z-index: 1;
      width: 20px;
      height: 40px;
      font: 12px/40px "SimSun";
      color: #D8D8D8;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.5); }
    .giftcard-product-box-v2 .prev {
      left: 6px; }
    .giftcard-product-box-v2 .next {
      right: 6px; }
    .giftcard-product-list.v2 {
      margin-right: -58px;
      padding: 20px 6px; }
      .giftcard-product-list.v2 li {
        width: 186px;
        padding: 0 58px 0 0; }
      .giftcard-product-list.v2 .module {
        margin: 0; }
        .giftcard-product-list.v2 .module:hover .pic {
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
      .giftcard-product-list.v2 .pic {
        height: 120px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        background-color: #ebebeb; }
      .giftcard-product-list.v2 .hd {
        padding: 20px 0 40px;
        text-align: left; }
        .giftcard-product-list.v2 .hd .title01 {
          max-width: inherit;
          width: 100%;
          line-height: 34px; }
      .giftcard-product-list.v2 .card-type,
      .giftcard-product-list.v2 .txt-grayer,
      .giftcard-product-list.v2 .ranking-tag-box {
        display: none; }
      .giftcard-product-list.v2 .card-type {
        float: left;
        width: 62px;
        height: 24px;
        margin-right: 5px; }
      .giftcard-product-list.v2 .cm-tag-list {
        height: 18px; }
      .giftcard-product-list.v2 .txt-grayer {
        padding: 9px 20px 14px;
        font-size: 14px;
        line-height: 24px; }
      .giftcard-product-list.v2 .black-opacity60 {
        top: 20px; }
      .giftcard-product-list.v2 .ranking-tag-box {
        position: absolute;
        top: -5px;
        left: 10px;
        width: 27px;
        height: 30px; }
        .giftcard-product-list.v2 .ranking-tag-box span {
          position: absolute;
          top: 2px;
          right: 0;
          bottom: 7px;
          left: 0;
          font-size: 14px;
          line-height: 21px;
          color: #fff;
          text-align: center; }
      .giftcard-product-list.v2.fd {
        margin-right: -16px;
        padding: 20px 7px 60px; }
        .giftcard-product-list.v2.fd li {
          width: 217px;
          padding-right: 16px; }
        .giftcard-product-list.v2.fd .module.other {
          height: 140px;
          background: #fff; }
          .giftcard-product-list.v2.fd .module.other:hover {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
        .giftcard-product-list.v2.fd .hd {
          padding: 20px 20px 0; }
          .giftcard-product-list.v2.fd .hd .title02 {
            max-width: 110px;
            margin-top: -6px;
            font-style: normal;
            font-size: 18px;
            line-height: 30px;
            text-align: right; }
        .giftcard-product-list.v2.fd .card-type,
        .giftcard-product-list.v2.fd .txt-grayer {
          display: block; }
        .giftcard-product-list.v2.fd .cm-tag-list {
          display: none; }
        .giftcard-product-list.v2.fd .discount {
          padding: 10px 20px 0;
          font-style: normal;
          font-weight: bold;
          font-size: 25px; }
        .giftcard-product-list.v2.fd .black-opacity60 {
          top: 30px; }

.bodybgLightColor ~ .footer_tips {
  padding-top: 10px; }

.footer_tips {
  overflow: hidden;
  *zoom: 1;
  padding: 30px 0;
  background-color: #f6f8fd; }
  .footer_tips ul {
    overflow: hidden;
    *zoom: 1;
    margin-right: -95px; }
  .footer_tips li {
    float: left;
    width: 235px;
    padding: 0 10px;
    font-size: 12px;
    color: #999; }
  .footer_tips i {
    float: left;
    width: 46px;
    height: 46px;
    margin-right: 10px;
    background: url(//pic.c-ctrip.com/giftcard/lipin/online/icon.png) no-repeat; }
    .footer_tips i.icon_tips1 {
      background-position: 0 0; }
    .footer_tips i.icon_tips2 {
      background-position: 0 -46px; }
    .footer_tips i.icon_tips3 {
      background-position: 0 -92px; }
    .footer_tips i.icon_tips4 {
      background-position: 0 -138px; }
    .footer_tips i.icon_tips5 {
      background-position: 0 -184px; }
  .footer_tips h3 {
    margin-bottom: 7px;
    font-weight: normal;
    font-size: 16px;
    color: #000; }

.footer {
  background-color: #464646; }
  .footer .giftcard-ask-list {
    overflow: hidden;
    *zoom: 1;
    padding: 40px 0; }
    .footer .giftcard-ask-list li {
      float: left;
      width: 285px;
      padding-left: 10px;
      font-size: 12px;
      line-height: 18px;
      color: #fff; }
    .footer .giftcard-ask-list dt {
      padding-bottom: 2px;
      font-size: 18px;
      line-height: 38px; }
    .footer .giftcard-ask-list a {
      display: block;
      padding: 5px 0 3px;
      color: #fff; }
    .footer .giftcard-ask-list .qr-codeItem {
      width: 80px;
      height: 80px;
      margin-top: 9px; }
    .footer .giftcard-ask-list .ft_rules dt {
      margin-left: -8px; }
    .footer .giftcard-ask-list .ft_rules i {
      display: block;
      width: 40px;
      height: 30px;
      margin: 19px 0 8px;
      background: url(//pic.c-ctrip.com/giftcard/lipin/online/rules.png) no-repeat; }
    .footer .giftcard-ask-list .ft_contact {
      width: 284px;
      border-left-width: 1px;
      border-left-style: solid;
      border-left-color: #7E7E7E; }
      .footer .giftcard-ask-list .ft_contact dt {
        line-height: 28px; }
      .footer .giftcard-ask-list .ft_contact dd + dt {
        padding-top: 10px; }
      .footer .giftcard-ask-list .ft_contact dd a {
        padding: 0; }
    .footer .giftcard-ask-list .ft_kefu {
      width: 78px;
      height: 28px;
      margin: 8px 0 6px;
      line-height: 28px;
      text-align: center;
      border-width: 1px;
      border-style: solid;
      border-color: #a3a3a3;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }

.wrap {
  width: auto;
  max-width: 1180px;
  min-width: 980px;
  _width: 980px;
  margin: 0 auto;
  overflow: hidden;
  font: 12px/1.5 Helvetica,'microsoft yahei',Arial,sans-serif; }

.card-wrap, .ft-area {
  min-width: 980px; }

.card-wrap {
  height: 1023px;
  overflow: hidden;
  background: url("//pic.c-ctrip.com/giftcard/lipin/online/banner-xcb-new.jpg") no-repeat center top; }

.xcb-hd .hd,
.cardlist .card-type,
.h2tit i,
.icon-sold-out {
  background-repeat: no-repeat;
  background-image: url("//pic.c-ctrip.com/giftcard/lipin/online/xcb-sprite.png"); }

.xcb-hd {
  width: 1160px;
  margin: 0 auto; }
  .xcb-hd .hd {
    width: 576px;
    height: 76px;
    overflow: hidden;
    line-height: 200px;
    margin: 60px 0 15px; }
  .xcb-hd .flag {
    display: inline-block;
    vertical-align: top;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 20px;
    letter-spacing: 0.26;
    background-color: #f50;
    border-radius: 0 4px 4px 4px;
    color: #fff; }

.cardlist {
  width: 1160px;
  margin: 60px auto 0; }
  .cardlist ul {
    zoom: 1;
    margin-right: -25px; }
    .cardlist ul:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0; }
  .cardlist li {
    position: relative;
    float: left;
    width: 370px;
    height: 215px;
    margin: 0 25px 25px 0;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: margin 0.5s cubic-bezier(0.75, 0.1, 0.1, 1);
    -moz-transition: margin 0.5s cubic-bezier(0.75, 0.1, 0.1, 1);
    -o-transition: margin 0.5s cubic-bezier(0.75, 0.1, 0.1, 1);
    transition: margin 0.5s cubic-bezier(0.75, 0.1, 0.1, 1);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .cardlist li:hover {
      margin-top: -15px;
      margin-bottom: 40px; }
  .cardlist .card {
    width: 100%;
    height: 100%;
    color: #333;
    position: relative;
    *zoom: 1;
    display: block;
    font-family: "Microsoft yahei"; }
    .cardlist .card:hover {
      text-decoration: none; }
    .cardlist .card:after {
      position: absolute;
      content: '';
      background-color: rgba(0, 0, 0, 0.6);
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border-radius: 10px;
      z-index: 1;
      display: none; }
    .cardlist .card .hd {
      padding: 18px 20px 0;
      margin-bottom: -3px; }
    .cardlist .card .title {
      font-size: 24px; }
    .cardlist .card .card-type {
      position: absolute;
      width: 110px;
      height: 48px;
      overflow: hidden;
      line-height: 200px;
      top: 0;
      right: 0; }
      .cardlist .card .card-type.rwx {
        background-position: 0 -146px; }
      .cardlist .card .card-type.rwy {
        background-position: -133px -146px; }
    .cardlist .card .discount {
      padding-right: 20px;
      padding-left: 20px;
      font-size: 30px; }
      .cardlist .card .discount span {
        padding-left: 10px;
        font-size: 60px;
        font-weight: 700;
        color: #f60;
        position: relative;
        top: 3px; }
    .cardlist .card .discount-tips {
      font-size: 14px;
      color: #999;
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 0;
      height: 54px;
      border-top: 1px solid #EBEBEB;
      line-height: 54px; }
      .cardlist .card .discount-tips dfn {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        margin: 0 2px; }
    .cardlist .card .txt-coming-soon {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -30px 0 0 -80px;
      font-size: 40px;
      color: #fff;
      filter: alpha(opacity=20);
      opacity: 0.2;
      z-index: 2; }
    .cardlist .card .icon-sold-out {
      display: none;
      z-index: 2;
      background-position: -480px -99px; }
  .cardlist .disabled:after {
    display: block; }
  .cardlist .disabled .marketing-tag {
    display: none; }
  .cardlist .disabled .icon-sold-out {
    display: block; }
  .cardlist .coming-soon {
    cursor: default; }
    .cardlist .coming-soon:after {
      display: block; }
    .cardlist .coming-soon .hd,
    .cardlist .coming-soon .discount,
    .cardlist .coming-soon .discount-tips,
    .cardlist .coming-soon .marketing-tag,
    .cardlist .coming-soon .icon-sold-out {
      display: none; }
    .cardlist .coming-soon .txt-coming-soon {
      display: block; }

.h2tit {
  font-weight: 700;
  font-size: 28px; }
  .h2tit i {
    display: block;
    overflow: hidden;
    line-height: 200px;
    height: 24px;
    margin-top: 7px; }
  .h2tit .process-sign {
    width: 188px;
    background-position: 0 -99px; }
  .h2tit .QAlist-sign {
    width: 137px;
    background-position: -208px -99px; }

.process,
.QAlist {
  margin: 54px 70px 0; }

.step {
  overflow: hidden;
  margin-top: 25px; }
  .step li {
    float: left;
    height: 50px;
    line-height: 50px; }
  .step .arrow {
    font-size: 20px;
    color: #987655;
    font-family: simsun,Arial,sans-serif;
    margin: 0 15px; }
  .step .name {
    border-radius: 8px;
    font-size: 24px;
    padding: 0 20px;
    color: #fff;
    background-image: linear-gradient(141deg, rgba(190, 159, 121, 0.8) 0%, rgba(152, 118, 85, 0.8) 100%); }

.QAlist dt {
  margin-top: 20px; }
  .QAlist dt a {
    color: #333;
    font-size: 18px; }
.QAlist dd {
  font-size: 14px;
  color: #666; }
  .QAlist dd a em {
    font-family: "\5B8B\4F53"; }
.QAlist .Q {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  border-radius: 2px;
  background-color: #f50;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-right: 5px;
  margin-top: 3px;
  color: #fff;
  font-weight: 400; }

.scroll {
  margin-top: 5px;
  height: 300px;
  padding-right: 12px;
  overflow: hidden;
  position: relative;
  _width: 960px; }

.noscroll {
  height: auto;
  padding-right: 0;
  padding-bottom: 25px;
  font-family: "microsoft yahei"; }

.noscroll .answer {
  float: left;
  width: 18px;
  margin-left: -18px;
  *display: inline; }

.QAlist .noscroll dt a {
  font-weight: 700; }

.QAlist .noscroll dd {
  padding-left: 21px;
  line-height: 25px; }

.QAlist .noscroll dd a {
  padding-left: 12px;
  color: #333; }

.ft-area {
  margin-top: 30px;
  background-color: #f1f0f5;
  padding: 50px 0;
  box-shadow: inset 0 2px 8px rgba(204, 204, 204, 0.25); }

.related {
  padding: 0 0 50px;
  text-align: center; }

.related li {
  margin: 0 20px 0 0;
  display: inline-block;
  color: #666;
  line-height: 24px; }

.related li {
  *display: inline; }

.related li a {
  color: #666; }

.filter-menu-list {
  padding-left: 30px;
  font-size: 0; }
  .filter-menu-list .filter-menu-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    color: #333; }
    .filter-menu-list .filter-menu-item.filter-menu-item-current {
      color: #1D74E6; }
  .filter-menu-list-h69 {
    padding-bottom: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e0e0e0; }
    .filter-menu-list-h69 li {
      position: relative;
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      min-width: 66px;
      margin-right: 43px;
      text-align: right; }
      .filter-menu-list-h69 li.current .filter-menu-item {
        color: #1D74E6; }
        .filter-menu-list-h69 li.current .filter-menu-item:after {
          display: block; }
    .filter-menu-list-h69 .filter-menu-item {
      padding: 10px 0;
      font-size: 18px;
      line-height: 32px; }
      .filter-menu-list-h69 .filter-menu-item:after {
        display: none;
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 50%;
        height: 4px;
        background-color: #1D74E6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%); }
      .filter-menu-list-h69 .filter-menu-item:hover {
        color: #1D74E6; }
    .filter-menu-list-h69 .marketing-tag {
      top: -6px; }
  .filter-menu-list-h40 {
    margin-bottom: -40px; }
    .filter-menu-list-h40 .filter-menu-item {
      height: 40px;
      margin-right: 30px;
      font-size: 14px;
      line-height: 40px;
      cursor: pointer; }

.filter-content {
  display: none;
  overflow: hidden;
  min-height: 978px; }
  .filter-content .giftcard-product-list.v2 {
    margin-right: -59px;
    padding: 50px 7px 0; }
    .filter-content .giftcard-product-list.v2 li {
      min-height: 232px;
      padding-right: 59px; }

.giftcard-buy {
  zoom: 1; }
  .giftcard-buy:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }

.giftcard-buy-hd {
  height: 59px;
  padding: 0 29px;
  font-size: 16px;
  line-height: 59px;
  color: #666;
  background-color: #f5f5f5; }

.giftcard-preview {
  position: relative;
  *zoom: 1;
  float: left;
  width: 520px;
  height: 424px; }
  .giftcard-preview .left,
  .giftcard-preview .right {
    position: absolute;
    top: 130px;
    width: 40px;
    height: 120px; }
  .giftcard-preview .left {
    left: 2px; }
  .giftcard-preview .right {
    right: 3px; }
  .giftcard-preview .icon-prev,
  .giftcard-preview .icon-next {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -7px; }
  .giftcard-preview .line-wrap {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    height: 4px;
    text-align: center; }
    .giftcard-preview .line-wrap .line-group {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1; }
      .giftcard-preview .line-wrap .line-group .line {
        float: left;
        width: 20px;
        height: 4px;
        margin: 0 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        background-color: #ccc; }
        .giftcard-preview .line-wrap .line-group .line.line-current {
          background-color: #7f7f7f; }
  .giftcard-preview .pic {
    width: 380px;
    height: 380px;
    margin: 0 70px 44px;
    background-color: #e6e6e6; }

.giftcard-productInfo {
  float: right;
  width: 600px; }
  .giftcard-productInfo input:focus {
    outline: none; }
  .giftcard-productInfo .btn-orange-gradient {
    margin-top: 30px; }

.giftcard-productInfo-hd {
  position: relative;
  *zoom: 1;
  z-index: 4;
  padding: 0 94px 10px 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc; }
  .giftcard-productInfo-hd .txt-blue {
    position: absolute;
    top: -4px;
    right: 0;
    *top: -10px;
    width: 80px;
    height: 40px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 40px;
    line-height: 38px\0;
    text-align: right; }
  .giftcard-productInfo-hd .title {
    margin: -5px 0 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #000; }
  .giftcard-productInfo-hd .type,
  .giftcard-productInfo-hd .cm-tag-list {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1; }
  .giftcard-productInfo-hd .type {
    margin-right: 6px;
    font-size: 16px;
    line-height: 20px;
    color: #999; }
    .giftcard-productInfo-hd .type .icon-arrow.top .before {
      border-bottom-color: #999; }
    .giftcard-productInfo-hd .type .icon-arrow.top .after {
      border-bottom-color: #fafafa; }
    .giftcard-productInfo-hd .type .icon-arrow.bottom .before {
      border-top-color: #999; }
    .giftcard-productInfo-hd .type .icon-arrow.bottom .after {
      border-top-color: #fafafa; }
    .giftcard-productInfo-hd .type .icon-arrow.right .before {
      border-left-color: #999; }
    .giftcard-productInfo-hd .type .icon-arrow.right .after {
      border-left-color: #fafafa; }
    .giftcard-productInfo-hd .type[href]:hover {
      color: #3983e5; }
      .giftcard-productInfo-hd .type[href]:hover .icon-arrow.top .before {
        border-bottom-color: #3983e5; }
      .giftcard-productInfo-hd .type[href]:hover .icon-arrow.bottom .before {
        border-top-color: #3983e5; }
      .giftcard-productInfo-hd .type[href]:hover .icon-arrow.right .before {
        border-left-color: #3983e5; }

.giftcard-welfare span.txt-orange,
.giftcard-value-form-list span.txt-orange,
.giftcard-pack-list span.txt-orange {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  height: 34px;
  font-size: 20px;
  line-height: 34px; }
  .giftcard-welfare span.txt-orange dfn,
  .giftcard-value-form-list span.txt-orange dfn,
  .giftcard-pack-list span.txt-orange dfn {
    margin: 0 4px 0 0;
    font-size: 14px; }

.others-value-list .label-box,
.giftcard-pack-list,
.cm-select-box,
.cm-select-box .cm-select-list {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc; }

.giftcard-welfare {
  position: relative;
  *zoom: 1;
  margin-top: 20px;
  padding: 15px 110px 15px 20px;
  cursor: pointer;
  background-color: #fafafa;
  zoom: 1; }
  .giftcard-welfare:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }
  .giftcard-welfare.other {
    padding-top: 34px;
    padding-bottom: 30px;
    cursor: default; }
  .giftcard-welfare a.txt-grayer {
    position: absolute;
    top: 15px;
    right: 20px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    line-height: 1.5; }
  .giftcard-welfare .title-welfare {
    float: left;
    margin-top: -1px; }
  .giftcard-welfare .title {
    position: absolute;
    top: 10px;
    right: 20px;
    left: 20px;
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background-color: #fafafa; }
    .giftcard-welfare .title em {
      font-size: 14px;
      color: #999;
      margin-left: 5px; }
  .giftcard-welfare .cm-tag-list {
    margin-left: 90px; }
  .giftcard-welfare.selected {
    padding-bottom: 8px;
    cursor: default; }
  .giftcard-welfare .ellipsis-one,
  .giftcard-welfare p.txt-grayer,
  .giftcard-welfare span.txt-grayer1 {
    line-height: 34px; }
  .giftcard-welfare .ellipsis-one {
    color: #000; }

.giftcard-welfare-list .cm-tag-list span,
.giftsexchange .cm-tag-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  *float: none;
  *margin-right: 6px; }

.giftcard-welfare-list {
  margin: -7px 0 0 90px; }
  .giftcard-welfare-list .item {
    overflow: hidden;
    *zoom: 1; }
  .giftcard-welfare-list .icon-gift,
  .giftcard-welfare-list .ellipsis-one {
    float: left; }
  .giftcard-welfare-list .icon-gift {
    margin: 9px 10px 0 0; }
  .giftcard-welfare-list .ellipsis-one {
    width: 60%;
    margin-right: 30px; }
  .giftcard-welfare-list .cm-tag-list {
    margin-left: 26px; }
    .giftcard-welfare-list .cm-tag-list span {
      max-width: 334px;
      margin-bottom: 7px; }
  .giftcard-welfare-list .disabled .ellipsis-one,
  .giftcard-welfare-list .disabled .txt-orange {
    color: #999; }
    .giftcard-welfare-list .disabled .ellipsis-one .icon-arrow.top .before,
    .giftcard-welfare-list .disabled .txt-orange .icon-arrow.top .before {
      border-bottom-color: #999; }
    .giftcard-welfare-list .disabled .ellipsis-one .icon-arrow.top .after,
    .giftcard-welfare-list .disabled .txt-orange .icon-arrow.top .after {
      border-bottom-color: #fafafa; }
    .giftcard-welfare-list .disabled .ellipsis-one .icon-arrow.bottom .before,
    .giftcard-welfare-list .disabled .txt-orange .icon-arrow.bottom .before {
      border-top-color: #999; }
    .giftcard-welfare-list .disabled .ellipsis-one .icon-arrow.bottom .after,
    .giftcard-welfare-list .disabled .txt-orange .icon-arrow.bottom .after {
      border-top-color: #fafafa; }
    .giftcard-welfare-list .disabled .ellipsis-one .icon-arrow.right .before,
    .giftcard-welfare-list .disabled .txt-orange .icon-arrow.right .before {
      border-left-color: #999; }
    .giftcard-welfare-list .disabled .ellipsis-one .icon-arrow.right .after,
    .giftcard-welfare-list .disabled .txt-orange .icon-arrow.right .after {
      border-left-color: #fafafa; }
    .giftcard-welfare-list .disabled .ellipsis-one[href]:hover,
    .giftcard-welfare-list .disabled .txt-orange[href]:hover {
      color: #3983e5; }
      .giftcard-welfare-list .disabled .ellipsis-one[href]:hover .icon-arrow.top .before,
      .giftcard-welfare-list .disabled .txt-orange[href]:hover .icon-arrow.top .before {
        border-bottom-color: #3983e5; }
      .giftcard-welfare-list .disabled .ellipsis-one[href]:hover .icon-arrow.bottom .before,
      .giftcard-welfare-list .disabled .txt-orange[href]:hover .icon-arrow.bottom .before {
        border-top-color: #3983e5; }
      .giftcard-welfare-list .disabled .ellipsis-one[href]:hover .icon-arrow.right .before,
      .giftcard-welfare-list .disabled .txt-orange[href]:hover .icon-arrow.right .before {
        border-left-color: #3983e5; }

.giftsexchange {
  margin-right: -90px;
  padding: 10px 100px;
  border-top: 2px dotted #d7d7d7; }
  .giftsexchange .hd {
    float: left;
    margin-left: -100px;
    font-size: 14px;
    line-height: 34px;
    color: #9A6E43; }
  .giftsexchange .subtitle {
    margin-top: 8px;
    font-size: 12px;
    color: #999; }
  .giftsexchange .icon-giftsexchange {
    float: left;
    margin-top: 8px; }
  .giftsexchange .ellipsis-one,
  .giftsexchange del.txt-grayer,
  .giftsexchange span.txt-grayer1 {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1; }
  .giftsexchange .list li {
    position: relative;
    *zoom: 1;
    min-height: 54px;
    padding-right: 35%;
    *vertical-align: top; }
  .giftsexchange .ellipsis-one {
    max-width: 80%; }
  .giftsexchange .icon-arrow {
    display: none;
    margin-top: 12px; }
    .giftsexchange .icon-arrow.right .before {
      border-left-color: #000; }
    .giftsexchange .icon-arrow.right .after {
      border-left-color: #fafafa; }
  .giftsexchange .cm-fl.hover {
    cursor: pointer; }
    .giftsexchange .cm-fl.hover .icon-arrow {
      display: inline-block; }
  .giftsexchange .cm-tag-list {
    margin-left: 0; }
    .giftsexchange .cm-tag-list span {
      max-width: 214px;
      margin-bottom: 10px; }
  .giftsexchange p.txt-grayer {
    margin-top: -10px; }
  .giftsexchange del.txt-grayer {
    height: 34px;
    margin-right: 6px;
    line-height: 36px; }
  .giftsexchange .cm-fr {
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    text-align: right; }

.giftcard-value {
  position: relative;
  z-index: 3; }
  .giftcard-value + .giftcard-value {
    z-index: 2; }

.giftcard-value-hd {
  height: 55px;
  line-height: 55px; }
  .giftcard-value-hd .title,
  .giftcard-value-hd .cm-tag-list {
    float: left; }
  .giftcard-value-hd .title {
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #000; }
  .giftcard-value-hd .cm-tag-list {
    margin-top: 20px; }

.others-value-list {
  zoom: 1;
  position: relative;
  z-index: 3; }
  .others-value-list:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }
  .others-value-list .label-box {
    float: left;
    position: relative;
    *zoom: 1;
    width: 190px;
    height: 48px;
    margin-right: 12px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff; }
    .others-value-list .label-box .money {
      font-size: 16px;
      line-height: 48px;
      color: #999; }
      .others-value-list .label-box .money .icon-arrow.top .before {
        border-bottom-color: #999; }
      .others-value-list .label-box .money .icon-arrow.top .after {
        border-bottom-color: #fafafa; }
      .others-value-list .label-box .money .icon-arrow.bottom .before {
        border-top-color: #999; }
      .others-value-list .label-box .money .icon-arrow.bottom .after {
        border-top-color: #fafafa; }
      .others-value-list .label-box .money .icon-arrow.right .before {
        border-left-color: #999; }
      .others-value-list .label-box .money .icon-arrow.right .after {
        border-left-color: #fafafa; }
      .others-value-list .label-box .money[href]:hover {
        color: #3983e5; }
        .others-value-list .label-box .money[href]:hover .icon-arrow.top .before {
          border-bottom-color: #3983e5; }
        .others-value-list .label-box .money[href]:hover .icon-arrow.bottom .before {
          border-top-color: #3983e5; }
        .others-value-list .label-box .money[href]:hover .icon-arrow.right .before {
          border-left-color: #3983e5; }
    .others-value-list .label-box .icon-selected {
      position: absolute;
      right: 0;
      bottom: 0; }
  .others-value-list .custom-label-box {
    width: 243px;
    padding: 0 119px 0 32px;
    cursor: default;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none; }
    .others-value-list .custom-label-box dfn {
      position: absolute;
      top: 16px;
      left: 20px;
      font-size: 14px;
      color: #999; }
      .others-value-list .custom-label-box dfn .icon-arrow.top .before {
        border-bottom-color: #999; }
      .others-value-list .custom-label-box dfn .icon-arrow.top .after {
        border-bottom-color: #fafafa; }
      .others-value-list .custom-label-box dfn .icon-arrow.bottom .before {
        border-top-color: #999; }
      .others-value-list .custom-label-box dfn .icon-arrow.bottom .after {
        border-top-color: #fafafa; }
      .others-value-list .custom-label-box dfn .icon-arrow.right .before {
        border-left-color: #999; }
      .others-value-list .custom-label-box dfn .icon-arrow.right .after {
        border-left-color: #fafafa; }
      .others-value-list .custom-label-box dfn[href]:hover {
        color: #3983e5; }
        .others-value-list .custom-label-box dfn[href]:hover .icon-arrow.top .before {
          border-bottom-color: #3983e5; }
        .others-value-list .custom-label-box dfn[href]:hover .icon-arrow.bottom .before {
          border-top-color: #3983e5; }
        .others-value-list .custom-label-box dfn[href]:hover .icon-arrow.right .before {
          border-left-color: #3983e5; }
    .others-value-list .custom-label-box input {
      width: 100%;
      height: 48px;
      font-size: 16px;
      line-height: 48px;
      border: 0;
      line-height: 46px\0;
      *margin-top: -1px;
      background-color: transparent; }
    .others-value-list .custom-label-box .btn {
      position: absolute;
      top: -1px;
      right: -1px;
      border-radius: 0 2px 2px 0; }
  .others-value-list .message-tips {
    display: none;
    position: absolute;
    top: 49px;
    right: 119px;
    left: -1px;
    z-index: 1; }
  .others-value-list .current {
    border-color: #ff7d13; }
    .others-value-list .current .money,
    .others-value-list .current dfn,
    .others-value-list .current input {
      color: #ff7d13; }
  .others-value-list .disabled {
    cursor: not-allowed;
    background-color: #ccc; }
    .others-value-list .disabled .money {
      color: #fff; }
    .others-value-list .disabled .icon-selected {
      display: none; }

_::selection, .others-value-list .custom-label-box input {
  line-height: normal\0; }

_::-moz-svg-foreign-content, :root .others-value-list .custom-label-box input {
  line-height: normal; }

.others-value-list.bg {
  padding: 20px 0 10px 20px;
  background-color: #fafafa; }
  .others-value-list.bg .custom-label-box {
    width: 347px; }

.giftcard-value-form-list {
  background-color: #fafafa; }
  .giftcard-value-form-list li {
    position: relative;
    *zoom: 1;
    height: 48px;
    padding: 0 20px 2px;
    *vertical-align: top; }
    .giftcard-value-form-list li .dotted-line {
      position: absolute;
      right: 20px;
      bottom: 0;
      left: 20px;
      border-top: 2px dotted #d7d7d7; }
    .giftcard-value-form-list li.last .dotted-line {
      display: none; }
  .giftcard-value-form-list .money,
  .giftcard-value-form-list .cm-amount-box {
    float: left; }
  .giftcard-value-form-list .money {
    width: 378px;
    margin-top: 7px; }
  .giftcard-value-form-list .cm-tag-border-grayer {
    margin: 7px 0 0 5px; }
  .giftcard-value-form-list .cm-amount-box {
    margin-top: 10px; }
  .giftcard-value-form-list a.txt-grayer {
    float: right;
    font-size: 14px;
    line-height: 48px; }
  .giftcard-value-form-list .cm-error {
    padding-bottom: 29px; }

.cm-amount-box {
  position: relative;
  *zoom: 1;
  width: 66px;
  height: 26px;
  padding: 0 28px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  background-color: #fff;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
  .cm-amount-box .cm-icon-minus,
  .cm-amount-box .cm-icon-plus {
    position: absolute;
    top: -1px;
    width: 26px;
    height: 26px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    background-color: #fff; }
    .cm-amount-box .cm-icon-minus .before,
    .cm-amount-box .cm-icon-minus .after,
    .cm-amount-box .cm-icon-plus .before,
    .cm-amount-box .cm-icon-plus .after {
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: #ccc; }
    .cm-amount-box .cm-icon-minus .before,
    .cm-amount-box .cm-icon-plus .before {
      width: 10px;
      height: 2px;
      margin: -1px 0 0 -5px; }
    .cm-amount-box .cm-icon-minus .after,
    .cm-amount-box .cm-icon-plus .after {
      width: 2px;
      height: 10px;
      margin: -5px 0 0 -1px; }
  .cm-amount-box .cm-icon-minus {
    left: 0; }
    .cm-amount-box .cm-icon-minus .after {
      display: none; }
  .cm-amount-box .cm-icon-plus {
    right: 0; }
  .cm-amount-box .cm-can-minus,
  .cm-amount-box .cm-can-plus {
    cursor: pointer;
    border-color: #3983e5; }
    .cm-amount-box .cm-can-minus .before,
    .cm-amount-box .cm-can-minus .after,
    .cm-amount-box .cm-can-plus .before,
    .cm-amount-box .cm-can-plus .after {
      background-color: #3983e5; }
  .cm-amount-box input {
    width: 42px;
    height: 26px;
    margin-right: 24px;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    text-align: center;
    border: 0;
    background-color: transparent; }
  .cm-amount-box .unit {
    position: absolute;
    top: -1px;
    right: 38px;
    line-height: 28px;
    color: #000; }
  .cm-amount-box .cm-error-tips {
    display: none;
    position: absolute;
    top: 27px;
    right: -10px;
    left: -10px;
    text-align: center; }

.cm-icon-animation {
  -webkit-animation: icon-animation 1000ms 1;
  -moz-animation: icon-animation 1000ms 1;
  -ms-animation: icon-animation 1000ms 1;
  -o-animation: icon-animation 1000ms 1;
  animation: icon-animation 1000ms 1; }

@-webkit-keyframes icon-animation {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes icon-animation {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.2); }
  100% {
    -moz-transform: scale(1); } }
@-ms-keyframes icon-animation {
  0% {
    -ms-transform: scale(1); }
  50% {
    -ms-transform: scale(1.2); }
  100% {
    -ms-transform: scale(1); } }
@-o-keyframes icon-animation {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.2); }
  100% {
    -o-transform: scale(1); } }
@keyframes icon-animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
.cm-select-box {
  position: relative;
  *zoom: 1;
  width: 162px;
  padding-right: 28px; }
  .cm-select-box .txt-black {
    display: block;
    padding-left: 9px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer; }
    .cm-select-box .txt-black dfn {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      *vertical-align: 1px;
      margin-right: 4px; }
    .cm-select-box .txt-black em {
      margin: 0 3px; }
  .cm-select-box .triangle-area {
    position: absolute;
    top: 50%;
    right: 0;
    width: 28px;
    height: 100%;
    margin-top: -13px; }
  .cm-select-box .triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    border-width: 6px 5px; }
  .cm-select-box .triangle.top {
    margin-top: -3px;
    border-top-color: #ccc; }
  .cm-select-box .triangle.bottom {
    margin-top: -9px;
    border-bottom-color: #ccc; }
  .cm-select-box .cm-select-list {
    display: none;
    position: absolute;
    top: 26px;
    right: -1px;
    left: -1px;
    background-color: #fff; }
    .cm-select-box .cm-select-list .txt-black:hover {
      color: #fff;
      background-color: #3983e5; }
  .cm-select-box.current .cm-select-list {
    display: block; }

.cm-error-tips {
  font-size: 14px;
  line-height: 32px;
  color: #ff4647; }
  .cm-error-tips .num {
    padding: 0 5px; }

.cm-error .message-tips,
.cm-error .cm-amount-box .cm-error-tips {
  display: block; }
.cm-error .cm-amount-box {
  border-color: #ff4647;
  background-color: #ffbebe; }

.cm-highlight {
  background-color: #FFF3F3; }
  .cm-highlight .cm-icon-plus {
    border-color: #ff4647; }

.giftcard-value-list {
  padding-top: 10px; }
  .giftcard-value-list li {
    position: relative;
    *zoom: 1;
    padding: 10px 0 10px 84px;
    *vertical-align: top; }
  .giftcard-value-list .giftcard-value-hd {
    position: absolute;
    top: 50%;
    left: 0;
    height: 28px;
    margin-top: -14px;
    line-height: 28px; }
  .giftcard-value-list.right {
    padding: 8px 0 20px; }
    .giftcard-value-list.right li {
      overflow: hidden;
      *zoom: 1; }
    .giftcard-value-list.right .cm-amount-box {
      float: right; }

.giftcard-pack-list {
  padding: 9px 19px; }
  .giftcard-pack-list li {
    overflow: hidden;
    *zoom: 1;
    padding: 10px 0;
    *vertical-align: top; }
  .giftcard-pack-list .cm-fl,
  .giftcard-pack-list .pic,
  .giftcard-pack-list .info {
    float: left; }
  .giftcard-pack-list .pic {
    position: relative;
    *zoom: 1;
    width: 165px;
    height: 100px;
    margin-right: 25px; }
  .giftcard-pack-list .black-opacity80 {
    display: none; }
  .giftcard-pack-list .cm-fl.hover:hover {
    cursor: pointer; }
    .giftcard-pack-list .cm-fl.hover:hover .black-opacity80 {
      display: block; }
  .giftcard-pack-list .info,
  .giftcard-pack-list .cm-fr {
    height: 100px; }
  .giftcard-pack-list .info {
    width: 168px;
    line-height: 1.5;
    *margin-top: -1px; }
    .giftcard-pack-list .info .unit {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      margin: 13px 0 0 -5px;
      color: #999; }
      .giftcard-pack-list .info .unit .icon-arrow.top .before {
        border-bottom-color: #999; }
      .giftcard-pack-list .info .unit .icon-arrow.top .after {
        border-bottom-color: #fafafa; }
      .giftcard-pack-list .info .unit .icon-arrow.bottom .before {
        border-top-color: #999; }
      .giftcard-pack-list .info .unit .icon-arrow.bottom .after {
        border-top-color: #fafafa; }
      .giftcard-pack-list .info .unit .icon-arrow.right .before {
        border-left-color: #999; }
      .giftcard-pack-list .info .unit .icon-arrow.right .after {
        border-left-color: #fafafa; }
      .giftcard-pack-list .info .unit[href]:hover {
        color: #3983e5; }
        .giftcard-pack-list .info .unit[href]:hover .icon-arrow.top .before {
          border-bottom-color: #3983e5; }
        .giftcard-pack-list .info .unit[href]:hover .icon-arrow.bottom .before {
          border-top-color: #3983e5; }
        .giftcard-pack-list .info .unit[href]:hover .icon-arrow.right .before {
          border-left-color: #3983e5; }
  .giftcard-pack-list .ellipsis-two {
    color: #333;
    max-height: 42px; }
  .giftcard-pack-list .txt-orange {
    margin-top: 4px; }
  .giftcard-pack-list .cm-tag-list {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 12px 0 0 6px;
    *margin-top: 13px; }
  .giftcard-pack-list .cm-fr {
    float: right;
    width: 122px;
    margin-right: 60px; }
  .giftcard-pack-list .btn-disabled,
  .giftcard-pack-list .disabled .cm-amount-box {
    display: none; }
  .giftcard-pack-list .disabled .btn-disabled {
    display: block; }

.giftcard-order-details {
  padding: 15px 20px;
  background-color: #fafafa; }
  .giftcard-order-details li {
    position: relative;
    *zoom: 1;
    padding-left: 60%;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    *vertical-align: top; }
    .giftcard-order-details li.pl0 {
      padding-left: 0; }
  .giftcard-order-details p.txt-right {
    letter-spacing: 1px; }
  .giftcard-order-details .ellipsis-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%; }
  .giftcard-order-details dfn {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 1px 4px -1px 0;
    *vertical-align: 0;
    *margin-right: 5px; }
  .giftcard-order-details em {
    padding: 0 5px; }
  .giftcard-order-details li.multi-line p.txt-right {
    line-height: 22px; }
  .giftcard-order-details li.total {
    height: 34px;
    padding: 6px 0 0;
    font-size: 24px;
    line-height: 34px; }
    .giftcard-order-details li.total dfn {
      margin-right: 0; }
    .giftcard-order-details li.total span.txt-orange,
    .giftcard-order-details li.total del.txt-grayer1 {
      float: left; }
    .giftcard-order-details li.total del.txt-grayer1 {
      margin-left: 10px; }

.account-recharge .giftcard-productInfo-hd {
  padding: 0; }
  .account-recharge .giftcard-productInfo-hd .title {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    height: 40px;
    margin: 0;
    line-height: 38px; }
  .account-recharge .giftcard-productInfo-hd .type {
    margin: 6px 0 0 6px;
    font-size: 14px;
    line-height: 34px;
    *margin-left: 10px; }
.account-recharge .giftcard-value-hd {
  margin-top: 10px; }

.giftcard-buy-aside,
.giftcard-buy-article {
  border-width: 1px;
  border-style: solid;
  border-color: #ededed; }

.giftcard-buy-aside {
  display: none;
  float: left;
  width: 238px; }
  .giftcard-buy-aside .giftcard-product-list {
    padding: 40px 0 79px; }
    .giftcard-buy-aside .giftcard-product-list li {
      padding: 0 24px; }
    .giftcard-buy-aside .giftcard-product-list .module {
      margin-top: 0; }
    .giftcard-buy-aside .giftcard-product-list .hd {
      padding-bottom: 13px; }

.giftcard-buy.two-columns .giftcard-buy-aside {
  display: block; }
.giftcard-buy.two-columns .giftcard-buy-article {
  float: right;
  width: 918px;
  min-height: 802px; }

.others-value {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: -14px;
  padding-bottom: 14px; }
  .others-value .others-value-list {
    margin-left: -12px;
    *padding-bottom: 12px; }
    .others-value .others-value-list .label-box {
      margin: 0 0 12px 12px; }
    .others-value .others-value-list .custom-label-box {
      width: 283px;
      padding-right: 79px; }
    .others-value .others-value-list .btn-md {
      width: 80px; }

.giftcard-details {
  background-color: #f7f7f7; }
  .giftcard-details .giftcard-value-hd {
    padding: 0 20px; }
    .giftcard-details .giftcard-value-hd .title {
      color: #666; }
  .giftcard-details .giftcard-pack-list {
    padding: 0 20px 20px;
    border: 0; }
    .giftcard-details .giftcard-pack-list li {
      padding-top: 0; }
    .giftcard-details .giftcard-pack-list .pic {
      width: 165px;
      height: 96px;
      overflow: hidden;
      *zoom: 1;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px; }
    .giftcard-details .giftcard-pack-list .info {
      width: 188px;
      height: 96px; }
    .giftcard-details .giftcard-pack-list .cm-fr {
      width: 75px;
      height: 96px;
      margin-right: 0; }
  .n-cm-edit {
    position: relative;
    *zoom: 1;
    width: 40px;
    height: 24px;
    padding: 0 25px 0 10px; }
    .n-cm-edit dfn {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 16px;
      color: #ff7d13; }
    .n-cm-edit input {
      width: 100%;
      height: 100%;
      font-size: 16px;
      color: #ff7d13;
      border: 0;
      background-color: transparent; }

.giftcard-hot-sale {
  overflow: hidden;
  *zoom: 1; }

.giftcard-hot-sale-hd {
  position: relative;
  width: 60%;
  margin: 0 auto;
  font-size: 36px;
  line-height: 55px;
  text-align: center; }
  .giftcard-hot-sale-hd:before, .giftcard-hot-sale-hd:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 37%;
    height: 1px;
    margin-top: -1px;
    background-color: #ededed; }
  .giftcard-hot-sale-hd:before {
    left: 0; }
  .giftcard-hot-sale-hd:after {
    right: 0; }

.giftcard-hot-sale-list {
  margin-right: -57px; }
  .giftcard-hot-sale-list li {
    padding: 0 57px 0 0; }
  .giftcard-hot-sale-list .module {
    margin: 20px 0 25px; }

.discount-coupon .list li {
  min-height: 34px; }
.discount-coupon p.txt-grayer {
  margin-top: 0; }

.giftcard-progress {
  overflow: hidden;
  *zoom: 1; }
  .giftcard-progress li {
    position: relative;
    *zoom: 1;
    *z-index: 5;
    float: left;
    width: 25%;
    font-size: 13px;
    line-height: 28px;
    color: #888;
    text-align: center;
    background-color: #d9dde3; }
    .giftcard-progress li .icon-arrow.right {
      width: 30px;
      height: 30px;
      margin: -15px -30px 0 0; }
      .giftcard-progress li .icon-arrow.right .before,
      .giftcard-progress li .icon-arrow.right .after {
        border-width: 15px; }
      .giftcard-progress li .icon-arrow.right .before {
        border-left-color: #fff; }
      .giftcard-progress li .icon-arrow.right .after {
        right: 2px;
        border-left-color: #d9dde3; }
    .giftcard-progress li.finished {
      color: #528cc5;
      background-color: #b2d2ef; }
      .giftcard-progress li.finished .icon-arrow.right .after {
        border-left-color: #b2d2ef; }
    .giftcard-progress li.current {
      color: #fff;
      background-color: #529be0; }
      .giftcard-progress li.current .icon-arrow.right .after {
        border-left-color: #529be0; }
    .giftcard-progress li.last .icon-arrow.right {
      display: none; }
  .giftcard-progress li + li + li + li + li {
    *z-index: 1; }
  .giftcard-progress li + li + li + li {
    *z-index: 2; }
  .giftcard-progress li + li + li {
    *z-index: 3; }
  .giftcard-progress li + li {
    *z-index: 4; }
  .giftcard-progress.two li {
    width: 50%; }
  .giftcard-progress.three li {
    width: 393px; }
    .giftcard-progress.three li.last {
      width: 394px; }
  .giftcard-progress.five li {
    width: 20%; }

.plus-tip {
  position: absolute;
  top: -53px;
  left: -266px;
  z-index: 1;
  width: 236px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
  box-shadow: -1px 3px 0 #e5e5e5;
  background-color: #fff; }
  .plus-tip .icon-arrow.top .before {
    border-bottom-color: #e5e5e5; }
  .plus-tip .icon-arrow.right {
    right: -11px; }
    .plus-tip .icon-arrow.right .before {
      border-left-color: #e5e5e5; }
  .plus-tip .icon-arrow.left .before {
    border-right-color: #e5e5e5; }
  .plus-tip .plus-tips {
    font-size: 12px;
    line-height: 20px;
    color: #666; }
    .plus-tip .plus-tips li {
      padding-left: 15px;
      color: #767676; }
      .plus-tip .plus-tips li span {
        float: left;
        width: 15px;
        margin-left: -15px; }

.integral-tip {
  top: -67px; }
  .integral-tip .integral-tips {
    font-size: 12px;
    line-height: 16px;
    color: #9F9F9F; }

.qa-box {
  position: relative;
  *zoom: 1;
  z-index: 3;
  float: left;
  width: 16px;
  height: 16px;
  margin: 3px 0 0 7px; }
  .qa-box .plus-tip {
    display: none; }
  .qa-box.hover .plus-tip {
    display: block; }

.page_nav {
  margin: -3px 0 17px;
  font-size: 12px;
  color: #999; }
  .page_nav .icon-arrow.top .before {
    border-bottom-color: #999; }
  .page_nav .icon-arrow.top .after {
    border-bottom-color: #fafafa; }
  .page_nav .icon-arrow.bottom .before {
    border-top-color: #999; }
  .page_nav .icon-arrow.bottom .after {
    border-top-color: #fafafa; }
  .page_nav .icon-arrow.right .before {
    border-left-color: #999; }
  .page_nav .icon-arrow.right .after {
    border-left-color: #fafafa; }
  .page_nav[href]:hover {
    color: #3983e5; }
    .page_nav[href]:hover .icon-arrow.top .before {
      border-bottom-color: #3983e5; }
    .page_nav[href]:hover .icon-arrow.bottom .before {
      border-top-color: #3983e5; }
    .page_nav[href]:hover .icon-arrow.right .before {
      border-left-color: #3983e5; }
  .page_nav a {
    color: #2577e3; }

.giftcard-order {
  zoom: 1;
  margin-bottom: 50px; }
  .giftcard-order:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }

.order-main {
  float: left;
  width: 902px; }
  .order-main .pay .float-right {
    padding-bottom: 22px; }

.order-side {
  float: right; }

.order-md,
.order-info,
.order-final {
  margin-bottom: 10px;
  padding: 0 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc; }

.order-md {
  padding-bottom: 15px; }
  .order-md .title {
    position: relative;
    *zoom: 1;
    display: block;
    padding-left: 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 36px;
    color: #000;
    background-color: #eaf5fd; }
    .order-md .title a {
      margin-left: 10px;
      font-weight: 400; }

.booking-form .order-md,
.booking-form .order-info,
.booking-form .order-final {
  padding-left: 0;
  padding-right: 0; }

.order-info {
  position: relative;
  z-index: 20;
  width: 242px; }
  .order-info .physical-new-info .money {
    color: #333 !important; }
  .order-info .physical-new-info .product-name {
    word-break: break-all;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制显示的行数 */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .order-info .title {
    padding: 5px 12px;
    font-size: 13px;
    line-height: 26px;
    color: #000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ededee; }
  .order-info .pic {
    width: 170px;
    height: 110px;
    margin: 27px 36px 14px; }
  .order-info .name {
    margin: 15px 15px 0;
    font-weight: bold;
    font-size: 15px;
    line-height: 26px;
    color: #000;
    text-align: center; }
    .order-info .name span {
      display: block;
      font-weight: normal; }
  .order-info .order-details,
  .order-info .order-total,
  .order-info .order-btn {
    margin: 0 12px; }
  .order-info .order-details {
    padding: 10px 0 5px; }
    .order-info .order-details .order-details-name,
    .order-info .order-details .money {
      font-size: 13px;
      line-height: 22px; }
    .order-info .order-details .order-details-name {
      max-width: 130px;
      color: #666; }
    .order-info .order-details .money {
      margin-left: 130px;
      color: #999;
      text-align: right; }
      .order-info .order-details .money .icon-arrow.top .before {
        border-bottom-color: #999; }
      .order-info .order-details .money .icon-arrow.top .after {
        border-bottom-color: #fafafa; }
      .order-info .order-details .money .icon-arrow.bottom .before {
        border-top-color: #999; }
      .order-info .order-details .money .icon-arrow.bottom .after {
        border-top-color: #fafafa; }
      .order-info .order-details .money .icon-arrow.right .before {
        border-left-color: #999; }
      .order-info .order-details .money .icon-arrow.right .after {
        border-left-color: #fafafa; }
      .order-info .order-details .money[href]:hover {
        color: #3983e5; }
        .order-info .order-details .money[href]:hover .icon-arrow.top .before {
          border-bottom-color: #3983e5; }
        .order-info .order-details .money[href]:hover .icon-arrow.bottom .before {
          border-top-color: #3983e5; }
        .order-info .order-details .money[href]:hover .icon-arrow.right .before {
          border-left-color: #3983e5; }
    .order-info .order-details dfn {
      margin: 0; }
    .order-info .order-details em {
      margin: 0 6px; }
    .order-info .order-details .message-tips {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1; }
      .order-info .order-details .message-tips .txt-symbol {
        margin: 0; }
    .order-info .order-details .multi-line .order-details-name {
      margin-top: -2px; }
    .order-info .order-details .multi-line .money {
      line-height: 18px; }
    .order-info .order-details .other {
      margin-top: 6px;
      padding-top: 4px;
      border-top: 1px dotted #dbdcdd; }
  .order-info .order-total,
  .order-info .order-btn {
    border-top: 1px dotted #dbdcdd; }
  .order-info .order-total {
    line-height: 56px;
    zoom: 1; }
    .order-info .order-total:after {
      display: block;
      clear: both;
      content: "";
      visibility: hidden;
      height: 0; }
    .order-info .order-total .order-total-name {
      float: left;
      font-size: 16px;
      color: #333; }
    .order-info .order-total .money {
      float: right;
      font-weight: bold;
      font-size: 20px;
      color: #ff7d13; }
      .order-info .order-total .money dfn {
        margin: 0;
        line-height: normal; }
  .order-info .order-btn .btn-xmd {
    width: 100%;
    margin: 20px 0; }
  .order-info.other .order-details .order-details-name {
    max-width: 95px; }
  .order-info.other .order-details .money {
    margin-left: 95px; }

.giftcard-info > a {
  position: relative;
  *zoom: 1;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  padding-left: 120px; }
  .giftcard-info > a:hover .giftcard-info-title {
    text-decoration: underline; }
  .giftcard-info > a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 70px; }
  .giftcard-info > a.disabled {
    cursor: default; }
    .giftcard-info > a.disabled .giftcard-info-title {
      text-decoration: none; }
    .giftcard-info > a.disabled .icon-arrow.right {
      display: none; }
.giftcard-info .giftcard-info-title,
.giftcard-info .giftcard-info-subtitle {
  display: block;
  *zoom: 1; }
.giftcard-info .giftcard-info-title {
  height: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }
.giftcard-info .icon-arrow.right {
  margin-top: 7px; }
  .giftcard-info .icon-arrow.right.right .before {
    border-left-color: #000; }
.giftcard-info .giftcard-info-subtitle {
  font-size: 12px;
  line-height: 22px;
  color: #999; }
  .giftcard-info .giftcard-info-subtitle .icon-arrow.top .before {
    border-bottom-color: #999; }
  .giftcard-info .giftcard-info-subtitle .icon-arrow.top .after {
    border-bottom-color: #fafafa; }
  .giftcard-info .giftcard-info-subtitle .icon-arrow.bottom .before {
    border-top-color: #999; }
  .giftcard-info .giftcard-info-subtitle .icon-arrow.bottom .after {
    border-top-color: #fafafa; }
  .giftcard-info .giftcard-info-subtitle .icon-arrow.right .before {
    border-left-color: #999; }
  .giftcard-info .giftcard-info-subtitle .icon-arrow.right .after {
    border-left-color: #fafafa; }
  .giftcard-info .giftcard-info-subtitle[href]:hover {
    color: #3983e5; }
    .giftcard-info .giftcard-info-subtitle[href]:hover .icon-arrow.top .before {
      border-bottom-color: #3983e5; }
    .giftcard-info .giftcard-info-subtitle[href]:hover .icon-arrow.bottom .before {
      border-top-color: #3983e5; }
    .giftcard-info .giftcard-info-subtitle[href]:hover .icon-arrow.right .before {
      border-left-color: #3983e5; }
  .giftcard-info .giftcard-info-subtitle.gray_333 {
    color: #333; }
.order-details .inner {
  zoom: 1; }
  .order-details .inner:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }
.order-details .cm-fl {
  float: left; }
.order-details .order-details-name {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.order-details .money {
  word-wrap: break-word; }
.order-details dfn,
.order-details em {
  line-height: normal; }
.giftcard-info .order-details {
  margin: 13px 0 -7px; }
  .giftcard-info .order-details .order-details-name,
  .giftcard-info .order-details .money {
    font-size: 12px;
    line-height: 24px;
    color: #000; }
  .giftcard-info .order-details .order-details-name {
    width: 90px; }
  .giftcard-info .order-details .money {
    margin-left: 90px; }
  .giftcard-info .order-details dfn {
    margin: 0 4px 0 0; }
  .giftcard-info .order-details em {
    margin: 0 3px; }
.giftcard-info .ai-tips {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(15, 41, 77, 0.7);
  margin-top: 5px; }

.order-tips {
  zoom: 1;
  margin-top: 18px; }
  .order-tips:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }
  .order-tips > .txt-gray {
    float: left;
    font-size: 12px; }
  .order-tips .qa-box {
    margin-top: 0; }

.order-md .title .tips {
  padding-left: 10px;
  font-size: 12px;
  color: #999;
  font-weight: 400; }

.order-md-bd {
  position: relative;
  zoom: 1;
  padding: 20px 15px 5px; }

.order-tip {
  font-size: 12px;
  color: #000;
  line-height: 1; }

.order-tip .tips-safety {
  color: #666;
  margin-left: 4px; }

.cui-input-error {
  border-color: #fc121b !important;
  background-color: #fff3f3 !important; }

.error-tips {
  color: #fc121b;
  line-height: 14px;
  white-space: nowrap;
  font-size: 12px; }

.order-md .order-tip {
  color: #666; }

.order-md .txt-symbol {
  margin-left: 4px; }

.btn-clear {
  position: absolute;
  right: 0;
  z-index: 20; }

.btn-clear .icon-clear {
  margin-right: 5px;
  vertical-align: -3px;
  *vertical-align: 1px; }

.order-md .icon-warn-red {
  vertical-align: -2px;
  *vertical-align: 1px;
  margin: 0 6px; }

.ipt-info {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical-align: top;
  font-size: 12px; }

.ipt-info .txt-red {
  color: #ff0000; }

.ipt-info .txt-red .txt-symbol {
  color: #000; }

.ipt-info .error-tips {
  position: absolute;
  left: 0;
  top: 32px;
  display: none; }

.ipt-info.error {
  padding-bottom: 7px; }

.ipt-info.error .error-tips {
  display: block; }

.order-input-list li {
  line-height: 38px; }

.order-input-list .lbs {
  display: inline-block;
  text-align: right;
  margin-right: 12px;
  font-size: 12px;
  color: #000;
  *height: 28px;
  *line-height: 28px;
  *vertical-align: 8px; }

.order-input-list .txt-ipt {
  height: 26px;
  line-height: 26px;
  border: 1px solid #bababa;
  padding: 0 0 0 12px;
  width: 194px; }

.order-input-list .buyer {
  color: #999; }

.vat-md.order-info-md .order-tip {
  margin-bottom: 6px;
  position: relative; }

.vat-md .icon-message-blue {
  margin-right: 6px;
  vertical-align: -3px;
  *vertical-align: 1px; }

.vat-md .order-input-list li {
  padding: 10px 0;
  line-height: 28px; }

.vat-md.order-info-md .order-input-list .lbs {
  width: 50px;
  line-height: 28px;
  text-align: left; }

.vat-md select {
  vertical-align: top; }

.vat-md .order-input-list select {
  margin-right: 10px;
  height: 28px;
  border: 1px solid #bababa;
  padding: 0 0 0 8px; }

.vat-md .txt-ipt {
  width: 240px; }

.order-info-md .order-input-list .buyer-info {
  padding: 5px 0; }

.order-info-md .order-input-list .buyer-info + .buyer-info {
  padding: 0; }

.order-info-md .order-input-list .buyer-info .lbs {
  width: 60px; }

.ipt-box {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.ipt-box input {
  vertical-align: top; }

.ipt-box .cui-input-error {
  margin-bottom: 7px; }

.ipt-box .error-tips {
  position: absolute;
  left: 0;
  top: 32px; }

.vat-md .invoice-form,
.vat-md .delivery-box,
.vat-md .edelivery-box {
  border-top: 1px solid #ccc;
  font-size: 12px; }

.vat-md .invoice-form .order-input-list {
  border-bottom: none;
  position: relative; }

.vat-md .invoice-form .lbs {
  width: 75px;
  text-align: left; }

.vat-md .invoice-form .txt-ipt {
  margin-right: 10px; }

.vat-md .invoice-form .location {
  position: relative;
  z-index: 10; }

.vat-md .invoice-form .location .address_panel {
  left: 0;
  top: 38px;
  *top: 39px;
  width: 496px; }

.vat-md .invoice-form .location .txt-ipt {
  width: 152px; }

.vat-md .invoice-form .detail-adr .txt-ipt {
  width: 504px; }

.vat-md .invoice-form select {
  width: 254px; }

.vat-md.delivery-info-md .invoice-form .btn-clear {
  top: 10px; }

.vat-md.delivery-info-md .invoice-form .lbs {
  width: 50px;
  text-align: left; }

.table-list-pop {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  position: absolute;
  top: 38px;
  *top: 39px; }

.table-list-pop .tr {
  overflow: hidden;
  *zoom: 1; }

.table-list-pop .td {
  float: left;
  height: 36px;
  line-height: 36px;
  font-size: 12px; }

.table-list-pop .td .td-inner {
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden; }

.table-list-pop .thead .td {
  color: #666; }

.table-list-pop .tbody .td {
  color: #000; }

.table-list-pop .thead {
  background-color: #f5f5f5; }

.table-list-pop .tbody {
  max-height: 180px;
  overflow-y: auto; }

.table-list-pop .tr {
  cursor: pointer; }

.table-list-pop .tr:hover {
  background-color: #eaf5fd; }

.table-list-pop .tr.current {
  background-color: #dff1fe; }

.address_panel {
  width: 370px;
  position: absolute;
  top: 48px;
  left: 80px;
  padding: 10px;
  border: 1px solid #bbb;
  background-color: #fff; }

.address_panel_bd {
  overflow: hidden;
  zoom: 1; }

.address_panel_bd a {
  float: left;
  width: 100px;
  height: 22px;
  margin-right: 10px;
  padding: 0 5px;
  border: 1px solid #fff;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.address_panel_bd a:hover {
  background-color: #E8F4FF;
  border-color: #acccef;
  text-decoration: none; }

.vat-md .address_panel {
  border-color: #e5e5e5; }

.vat-md.delivery-info-md .invoice-form .location .address_panel {
  left: 62px; }

.invoice-tit-list {
  position: relative;
  z-index: 12; }

.relate-list,
.adr-list {
  position: relative;
  z-index: 11; }

.zindex {
  z-index: 12; }

.relate-list .table-list-pop {
  width: 450px;
  left: 62px; }

.relate-list .tr .td-name {
  width: 110px; }

.relate-list .tr .td-type {
  width: 120px; }

.relate-list .tr .td-num {
  width: 200px; }

.relate-list .td-name .td-inner,
.relate-list .td-num .td-inner,
.invoice-tit-list .tr .td-type .td-inner,
.adr-list .tr .td-name .td-inner,
.adr-list .tr .td-num .td-inner,
.invoice-tit-list .tr .td-name .td-inner {
  text-overflow: ellipsis;
  max-width: 82px; }

.relate-list .td-num .td-inner {
  max-width: 167px; }

.invoice-tit-list .table-list-pop {
  width: 570px;
  left: 87px; }

.invoice-tit-list .tr .td-name {
  width: 70px; }

.invoice-tit-list .tr .td-type {
  width: 280px; }

.invoice-tit-list .tr .td-num {
  width: 200px; }

.invoice-tit-list .tr .td-type .td-inner {
  max-width: 255px; }

.adr-list .table-list-pop {
  width: 580px;
  left: 0; }

.adr-list .tr .td-name,
.adr-list .tr .td-type {
  width: 110px; }

.adr-list .tr .td-num {
  width: 340px; }

.adr-list .tr .td-num .td-inner {
  max-width: 310px; }

.vat-md.delivery-info-md .adr-list .table-list-pop {
  left: 62px; }

.vat-md .type-list {
  position: relative;
  padding-left: 85px;
  font-size: 12px;
  margin-bottom: 20px; }

.vat-md .type-list .lbs {
  position: absolute;
  left: 0;
  top: 10px; }

.vat-md .type-list .radio-items-bd {
  padding: 10px 0; }

.vat-md .type-list .radio-items-bd .tips {
  color: #999;
  margin-left: -20px; }

.radio-items {
  display: inline-block;
  margin-right: 30px;
  color: #000; }

.radio {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  margin-right: 8px; }

.radio input {
  width: 19px;
  width: auto\9;
  height: 19px;
  height: auto\9;
  border: none;
  margin: 0;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none; }

.radio i {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  border: 1px solid #666;
  border-radius: 50%;
  display: none\9; }

.radio input:checked + i:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2b7ae0;
  left: 2px;
  top: 2px;
  display: none\9; }

.invoice-box .order-input-list {
  padding: 19px 0;
  border-bottom: 1px dashed #CCC; }

.invoice-box .order-input-list select {
  height: 28px;
  line-height: 28px; }

.invoice-form .radio-items {
  margin-right: 40px; }

.invoice-form .ipt-box select {
  cursor: pointer; }

.invoice-form .ipt-box .default_select {
  color: #ccc;
  background-color: #f9f9f9; }

.invoice-form .ipt-box .default_select:focus {
  outline: none; }

.vat-md .invoice-form .btn-clear {
  top: 31px; }

.box-tip {
  font-size: 12px;
  color: #666;
  background-color: #fffbf1;
  border: 1px solid #faedc1;
  margin: 10px 0 0 87px;
  padding: 4px 9px 4px 35px;
  height: auto;
  line-height: 16px;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.box-tip .icon-warn {
  position: absolute;
  top: 4px;
  left: 9px; }

.box-tip.txt-tip {
  color: #000;
  padding: 4px 42px 4px 32px;
  margin: 10px 0 0; }

.order-md-bd .icon-warn {
  vertical-align: -1px;
  margin-right: 6px;
  *vertical-align: middle;
  _overflow: hidden; }

.vat-md .order-input-list li.show-tip {
  padding-bottom: 5px; }

.vat-md .delivery-box {
  padding: 19px 0;
  position: relative; }

.vat-md .delivery-box .lbs {
  position: absolute;
  left: 0;
  top: 19px;
  padding: 10px 0; }

.vat-md .delivery-box .type-list {
  margin-bottom: 0; }

.vat-md .delivery-box .order-input-list {
  margin-left: 87px;
  padding-bottom: 0;
  padding-top: 0; }

.vat-md .delivery-box .btn-clear {
  top: 13px; }

.vat-md .type-list .radio-items-bd .radio-items .tips {
  margin-left: 10px; }

.order-md dfn {
  margin-left: 4px; }

.inline {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.contract-md .radio-items-bd.other .radio-items {
  float: left;
  margin-right: 10px; }

.contract-md .radio-items-bd.other .tips {
  margin-left: 0; }

.contract-md .radio-items-bd.other .tips .inline {
  margin-left: -7px; }

.contract-md .radio-items-bd.other .tips .inline span {
  padding: 0 9px; }

.contract-process {
  overflow: hidden;
  *zoom: 1;
  margin-top: 10px; }
  .contract-process li {
    position: relative;
    *zoom: 1;
    float: left;
    width: 134px;
    height: 72px;
    margin: 0 4px 0 26px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #ffdac4;
    border-radius: 6px;
    background-color: #fffaf4; }
    .contract-process li span {
      display: inline-block;
      vertical-align: middle; }
    .contract-process li .txt {
      font-size: 12px;
      line-height: 18px;
      color: #000; }
    .contract-process li .line {
      width: 0;
      height: 100%; }
    .contract-process li .icon-arrow.right {
      width: 20px;
      right: -31px; }
      .contract-process li .icon-arrow.right .before,
      .contract-process li .icon-arrow.right .after {
        border-width: 5px 10px; }
      .contract-process li .icon-arrow.right .before {
        border-left-color: #999; }
    .contract-process li.last {
      margin-right: 0; }
      .contract-process li.last .icon-arrow.right {
        display: none; }

.cm-txt-box {
  width: 645px;
  margin: 0 auto;
  padding: 0 130px; }
  .cm-txt-box .hd {
    margin: 120px 0 70px;
    font-size: 16px;
    text-align: center; }
    .cm-txt-box .hd strong {
      display: block;
      margin-top: 10px;
      font-size: 14px; }
  .cm-txt-box table td {
    font-size: 12px;
    line-height: 1.6;
    color: #666; }
  .cm-txt-box p {
    margin-bottom: 25px;
    font-size: 12px;
    line-height: 1.6;
    color: #666; }
    .cm-txt-box p span {
      display: inline-block;
      width: 300px; }
  .cm-txt-box .underline {
    min-width: 60px;
    width: auto;
    padding: 0 5px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666; }
  .cm-txt-box .contract-process {
    margin: 3px 0 27px -26px; }
  .cm-txt-box.watermark {
    padding-bottom: 20px;
    background: url(//pic.c-ctrip.com/giftcard/lipin/online/watermark.png) repeat; }
    .cm-txt-box.watermark .hd,
    .cm-txt-box.watermark p {
      margin: 0; }

.pay {
  padding-left: 15px; }
  .pay .pay-tips {
    margin-bottom: -5px;
    padding-top: 15px;
    font-size: 12px;
    color: #666; }
  .pay .copy-check {
    color: #000; }
    .pay .copy-check label,
    .pay .copy-check a {
      display: inline-block;
      vertical-align: top;
      *display: inline;
      *zoom: 1;
      font-size: 14px;
      line-height: 46px; }
    .pay .copy-check label {
      cursor: pointer; }
    .pay .copy-check input {
      float: left;
      width: 13px;
      height: 13px;
      margin: 16px 6px 0 0; }
  .pay .pay-bd {
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px; }
  .pay .float-left {
    margin-top: 14px; }
  .pay .total {
    float: left;
    margin-top: 10px;
    margin-right: 4px;
    font-size: 18px; }
    .pay .total .money {
      color: #fd982d;
      font-size: 24px;
      font-family: Arial;
      font-weight: bold;
      vertical-align: middle; }
  .pay .pay-btn-box {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1; }
    .pay .pay-btn-box .error-tips {
      display: none;
      position: absolute;
      top: 50px;
      right: 0;
      cursor: default; }
    .pay .pay-btn-box.error .error-tips {
      display: block; }
  .pay .btn-xmd {
    width: 200px;
    margin-left: 12px; }

.vat-md .account-info li {
  line-height: 17px; }

.vat-md .account-info .order-input-list .lbs {
  width: 75px; }

.rule-md {
  padding: 15px;
  line-height: 21px; }
  .rule-md strong {
    font-size: 15px;
    color: #000; }
  .rule-md ol {
    margin: 10px 0 5px;
    font-size: 12px;
    color: #666; }
    .rule-md ol.hide {
      height: 130px;
      overflow: hidden; }
  .rule-md .triangle {
    margin-left: 10px;
    border-width: 5px 6px; }
    .rule-md .triangle.top {
      margin-top: 9px;
      border-top-color: #2477e3; }
    .rule-md .triangle.bottom {
      margin-top: 4px;
      border-bottom-color: #2477e3; }

.order-phone-num {
  position: absolute;
  left: 75px;
  top: -11px;
  border: 1px solid #666;
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-family: "Arial";
  background: #fff;
  color: #424242;
  padding: 0 8px 0 6px;
  *top: -9px;
  _top: -10px; }

.vat-md .order-phone-num {
  left: 77px; }

.delivery-info-md .order-tip {
  position: relative;
  padding-left: 22px;
  line-height: 18px;
  margin-bottom: 6px; }

.delivery-info-md .order-tip .icon-message-blue {
  position: absolute;
  top: 0;
  left: 0; }

.order-extend-bd {
  padding: 20px 15px; }

.order-gift-left .mail-pre {
  margin-top: 25px;
  float: right; }

.order-gift-right .order-input-list {
  width: 560px;
  margin: 0; }

.order-gift-right .order-input-list li {
  position: relative;
  *zoom: 1; }

.order-gift-right .order-input-list .lbs {
  width: 124px;
  vertical-align: top; }

.order-gift-right .order-input-list input {
  width: 283px;
  padding: 0 4px; }

.order-gift-right .order-input-list textarea {
  width: 400px;
  height: 130px;
  margin-top: 5px;
  padding: 10px;
  resize: none;
  border: 1px solid #bababa;
  vertical-align: top; }

.order-gift-right .words-num {
  position: absolute;
  font-size: 12px;
  text-align: right;
  color: #999;
  right: 18px;
  bottom: 10px;
  /*margin-top: -12px; margin-top: 0\9;*/ }

.order-gift-right .order-input-list .txt-mail-preview {
  margin-top: -10px;
  padding: 0 0 0 136px; }

/* 2018-08-03 BY Holly Hu Modify */
.vat-md .invoice-form .msg-box {
  display: block;
  padding-left: 22px; }
  .vat-md .invoice-form .msg-box .icon-message-blue {
    float: left;
    margin-left: -22px; }

/* 2018-12-04 BY Holly Hu Add */
.super-vip {
  margin-top: 20px;
  overflow: hidden;
  line-height: 18px; }
  .super-vip .lbs {
    float: left;
    width: auto !important;
    margin-right: 10px; }
  .super-vip label {
    float: left;
    margin-right: 10px; }
  .super-vip input {
    float: left;
    width: 13px;
    height: 13px;
    margin: 3px 5px 0 0; }
  .super-vip .tips {
    color: #999; }

.return-tips {
  margin: 0 30px 0 -20px;
  color: #000; }

/* 2020-09-28 BY Holly Hu Add 礼品卡搭售权益相关调整 */
.vat-md .welfare-sent {
  border-top: none; }
  .vat-md .welfare-sent .delivery-box {
    padding: 0;
    border-top: none; }
  .vat-md .welfare-sent .lbs {
    top: 0;
    line-height: 28px; }
  .vat-md .welfare-sent .checkbox {
    margin: 7px 5px 0 0; }

.alert_box {
  margin: 0 auto;
  width: 820px;
  padding: 100px 30px 150px 130px;
  font-size: 12px;
  font-family: Tahoma,Simsun,sans-serif;
  line-height: 2;
  overflow: hidden; }
  .alert_box .icon-warn48 {
    float: left;
    margin-left: -70px; }
  .alert_box p {
    font-size: 18px;
    font-family: "microsoft yahei"; }

.submit_results {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  padding: 20px 60px 0 116px; }

.submit_results_info {
  margin-right: 180px; }

.submit_tips {
  font-size: 22px;
  font-family: "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";
  font-weight: normal; }

.other_operate {
  margin-top: 17px;
  padding-top: 17px;
  line-height: 21px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc; }
  .other_operate a {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    color: #0053AA; }
  .other_operate b {
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px dashed transparent;
    border-left-style: solid;
    border-left-color: #bc0505;
    border-width: 6px;
    border-left-color: #333; }

.submit_results_box {
  font-size: 12px;
  line-height: 1.5;
  font-family: Tahoma,Simsun,sans-serif;
  border-width: 1px;
  border-style: solid;
  border-color: #ceddf1;
  background-color: #eff6fc; }
  .submit_results_box .submit_results {
    padding-bottom: 20px; }
  .submit_results_box .icon-warn64 {
    position: absolute;
    top: 22px;
    left: 38px; }
  .submit_results_box p {
    margin-bottom: 5px; }

.unsuccess_results .other_operate {
  padding-top: 0;
  border: 0; }
.unsuccess_results .refresh {
  margin-left: -5px;
  font-size: 12px;
  color: #333;
  vertical-align: middle; }

.final-infos {
  width: 610px;
  margin: 71px auto;
  *padding: 71px 0; }

.final-infos .icon-success56 {
  vertical-align: 24px;
  margin-right: 14px;
  *vertical-align: 32px;
  float: left; }

.order-final .icon-success28 {
  vertical-align: -8px;
  margin-right: 6px;
  *vertical-align: 0; }

.final-infos-txt {
  overflow: hidden;
  *zoom: 1;
  text-align: left; }

.final-infos-txt h4 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 8px;
  line-height: 1.5; }

.final-infos-txt p {
  line-height: 24px; }

.final-infos-txt .t16 {
  font-size: 16px;
  line-height: 24px;
  color: #666; }

.final-infos-txt .linkway {
  margin-top: 19px;
  line-height: 24px;
  font-size: 12px; }

.final-infos-txt .linkway .txt-blue {
  position: relative;
  *zoom: 1;
  padding-right: 15px; }
  .final-infos-txt .linkway .txt-blue .icon-arrow.right .after {
    right: 2px; }

.final-infos-txt .o {
  color: #666;
  display: inline-block;
  white-space: nowrap; }

.order-final.other {
  text-align: center; }

.order-final.other .final-infos {
  width: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *padding: 0; }

.order-table {
  width: 100%;
  line-height: 36px;
  border: 1px solid #e5e5e5;
  text-indent: 12px;
  color: #000;
  margin-top: 16px;
  background: #fff; }

.order-table th {
  padding: 10px 5px;
  line-height: 1.5;
  text-align: center;
  background: #f3f8fc;
  font-weight: normal;
  font-size: 13px; }

.order-table td {
  padding: 10px 5px;
  line-height: 1.5;
  text-align: center;
  line-height: 48px;
  font-size: 12px; }

.step-tips {
  margin: 20px 0 -20px;
  font-family: "Microsoft YaHei"; }

.step-tips li {
  position: relative;
  zoom: 1;
  padding: 0 0 20px 30px; }

.step-tips li:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 9px;
  bottom: 0;
  width: 1px;
  background-color: #dedede; }

.step-tips li.last:before {
  display: none; }

.step-tips .num-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #fff; }

.step-tips .num-box .icon-num {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #b2d2ef; }

.step-tips strong {
  display: block;
  font-weight: 100;
  font-size: 16px;
  line-height: 30px;
  color: #333; }

.step-tips .order-table {
  width: 710px;
  margin: 10px 0 5px;
  text-indent: 0;
  border-color: #e6e6e6; }

.step-tips .order-table th,
.step-tips .order-table td {
  padding-left: 20px; }

.step-tips .order-table th {
  font-size: 12px;
  line-height: 29px;
  background-color: #eff7ff; }

.step-tips .order-table td {
  line-height: 38px; }

.step-tips p {
  color: #666; }

.final-infos-txt .linkway.other {
  margin-left: 30px;
  font-size: 14px; }

.final-infos-txt .linkway.other a {
  font-size: 14px; }

.top-prompt {
  line-height: 34px;
  height: 34px;
  border: 1px solid #e5debc;
  background: #fff7d1;
  color: #666;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  padding: 0 10px;
  margin-bottom: 10px; }

.order-detail-item {
  border: 1px solid #ccc;
  margin-bottom: 10px; }

.order-detail-item table {
  width: 100%;
  text-align: left; }

.order-detail-item th {
  height: 36px;
  background-color: #eaf5fd; }

.order-detail-item .detail-tit {
  padding-left: 15px;
  font-size: 15px;
  color: #000;
  text-align: left; }

.order-detail-item .operate {
  border-left: 1px solid #ccc;
  width: 259px;
  text-align: center;
  position: relative; }
  .order-detail-item .operate .btn + .btn {
    margin-top: 10px; }

.order-detail-item .total-price {
  float: right; }

.order-detail-item .total-price .price-tit {
  font-size: 13px;
  color: #000; }

.order-detail-item .total-price .price {
  color: #f60;
  margin: 0 5px 0 10px;
  font-size: 20px; }

.order-detail-item .total-price .price dfn {
  font-size: 13px;
  margin-right: 2px; }

.order-detail-item .total-price .txt-hint {
  font-size: 12px;
  color: #666; }

.order-detail-item .total-price .txt-hint em {
  color: #333; }

.order-detail-item .detail-list {
  padding: 24px 30px 25px; }

.order-detail-item .txt-list li {
  font-size: 12px;
  padding: 3px 0 3px 85px;
  color: #000;
  line-height: 16px; }

.order-detail-item .txt-list li .tl {
  margin-left: -85px;
  float: left;
  width: 80px; }
  .order-detail-item .txt-list li .tl.msg-box {
    width: auto; }

.order-detail-item .txt-list li:after {
  content: "";
  clear: both;
  *zoom: 1;
  display: block; }

.order-detail-item .txt-list li a:hover {
  text-decoration: underline; }

.order-detail-item .no-invoice {
  font-size: 15px;
  color: #000; }

.order-detail-item .inner-txt-list {
  margin-bottom: -4px; }

.order-detail-item .inner-txt-list p {
  padding-bottom: 4px; }

.order-detail-item .inner-txt-list .name {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  max-width: 217px;
  color: #000; }
  .order-detail-item .inner-txt-list .name .ellipsis-one {
    float: left;
    max-width: 202px; }
  .order-detail-item .inner-txt-list .name .icon-arrow.right {
    margin-top: 3px; }
    .order-detail-item .inner-txt-list .name .icon-arrow.right.right .before {
      border-left-color: #000; }
  .order-detail-item .inner-txt-list .name:hover .ellipsis-one {
    text-decoration: underline; }
  .order-detail-item .inner-txt-list .name.disabled {
    padding-right: 5px;
    cursor: default; }
    .order-detail-item .inner-txt-list .name.disabled .ellipsis-one {
      text-decoration: none; }
    .order-detail-item .inner-txt-list .name.disabled .icon-arrow.right {
      display: none; }

.order-detail-item .inner-txt-list .txt-blue.disabled {
  cursor: default;
  color: #999;
  text-decoration: none; }

.order-detail-item .tel {
  margin: 0 10px; }

.order-detail-item .msg-box {
  display: inline-block;
  font-size: 12px;
  color: #666;
  background-color: #fffbf1;
  border: 1px solid #faedc1;
  line-height: 1.5;
  padding: 2px 9px;
  margin: 10px 0 5px; }
  .order-detail-item .msg-box .icon_emerge {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #faedc1;
    font-weight: bolder;
    text-align: center;
    line-height: 13px;
    margin-right: 4px;
    margin-top: 2px;
    color: #faedc1;
    position: relative;
    display: inline-block; }
  .order-detail-item .msg-box.error {
    color: #F5190A;
    background-color: #fef3f2;
    border-color: #edcfcc; }
    .order-detail-item .msg-box.error .icon_emerge {
      border-color: #F5190A;
      color: #F5190A; }
  .order-detail-item .msg-box.newgray {
    background-color: #eeeeee;
    border-color: #eee;
    color: #999; }
    .order-detail-item .msg-box.newgray .icon_emerge {
      border-color: #999;
      color: #999; }
  .order-detail-item .msg-box.gray {
    color: #666666;
    border-color: #ddd;
    background-color: #e8e8e8; }
    .order-detail-item .msg-box.gray .icon_emerge {
      border-color: #666666;
      color: #666666; }

.order-detail-item .operate .operate-content {
  position: relative;
  zoom: 1;
  height: 100%;
  *height: auto;
  *position: static; }

.order-detail-item .operate .tips-box {
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -8px; }

.order-detail-item .operate .plus-tip {
  right: -4px;
  left: auto;
  width: 220px; }
  .order-detail-item .operate .plus-tip .icon-arrow.top {
    top: -8px;
    right: 6px;
    margin-top: 0; }

.order-detail-item .txt-list li .plus-tip {
  top: -5px;
  left: 31px;
  width: 360px; }
  .order-detail-item .txt-list li .plus-tip .icon-arrow.left {
    top: 7px;
    right: auto;
    left: -6px;
    margin-top: 0; }

.order-detail-item .amount {
  vertical-align: top;
  font-size: 15px;
  width: 70px;
  padding: 26px 0 0 18px; }

.order-detail-item .line td {
  border-bottom: 1px dashed #ccc; }

.ggkd {
  width: 38px;
  display: inline-block; }

.ml10 {
  margin-left: 10px; }

.ml30 {
  margin-left: 30px; }

.tips-box {
  display: inline-block;
  position: relative;
  top: 3px; }

.tips-box .plus-tip {
  top: 23px;
  font-size: 12px; }

.invoice-money .money {
  float: left;
  margin-right: 10px; }

.invoice-money .tips-box {
  float: left;
  margin-top: -3px;
  padding-right: 20px; }

.order-detail-item.other .mb22 {
  margin-bottom: 22px; }

.order-detail-item.other .ml10 {
  margin-left: 10px; }

.order-detail-item.other .ml0 {
  margin-left: 0; }

.order-detail-item.other .operate .btn {
  margin: 0 0 10px; }

.gray-txt {
  color: #999; }

.red-txt {
  color: #f00; }

.order-detail-item .operate .gray-txt,
.order-detail-item .operate .red-txt {
  padding: 0 10px;
  font-size: 12px;
  line-height: 22px; }

.add-box {
  position: relative;
  zoom: 1;
  width: 24px;
  height: 24px; }

.add-box .line {
  position: absolute;
  background-color: #dedede; }

.add-box .horizontal-line {
  top: 50%;
  left: 0;
  width: 24px;
  height: 4px;
  margin-top: -2px; }

.add-box .vertical-line {
  top: 0;
  left: 50%;
  width: 4px;
  height: 24px;
  margin-left: -2px; }

.upload-box {
  position: relative;
  zoom: 1;
  width: 176px;
  height: 80px;
  overflow: hidden;
  margin: 0 auto 5px;
  padding: 1px;
  border: 1px solid #d9d9d9; }

.upload-box .add-box {
  margin: 17px auto 0; }

.upload-box .txt-blue {
  margin-bottom: 1px;
  font-size: 15px;
  line-height: 38px;
  color: #0166cc; }

.upload-box .input-file,
.upload-box .upload-mask,
.upload-box .re-upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.upload-box .input-file {
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  *left: -5px;
  font-size: 60px\9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }

.upload-box .upload-mask {
  z-index: 1;
  opacity: 0.6;
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

.upload-box .re-upload {
  z-index: 2;
  font-size: 15px;
  line-height: 80px;
  color: #fff; }

.upload-box .uploading {
  font-size: 12px;
  line-height: 80px;
  color: #000; }

.upload-box .icon-selected {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 4;
  width: 24px;
  height: 24px;
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/lipin/icon-selected-green.png); }

.upload-box .preview {
  position: relative;
  width: 176px;
  height: 80px;
  text-align: center; }

.upload-box .preview span {
  display: inline-block;
  vertical-align: middle; }

.upload-box .preview .des img {
  vertical-align: middle; }

.upload-box .preview .lines {
  width: 0;
  height: 100%; }

.upload-box .add-box,
.upload-box .txt-blue,
.upload-box .input-file,
.upload-box .uploading,
.upload-box .icon-selected,
.upload-box .preview,
.upload-box .upload-mask,
.upload-box .re-upload {
  display: none; }

.upload-box.common .add-box,
.upload-box.common .txt-blue,
.upload-box.common .input-file,
.upload-box.tips .uploading,
.upload-box.current .icon-selected,
.upload-box.current .preview,
.upload-box.hover .preview,
.upload-box.hover .upload-mask,
.upload-box.hover .re-upload,
.upload-box.hover .input-file {
  display: block; }

.upload-box.current {
  padding: 0;
  border-width: 2px;
  border-color: #77d30b; }

.order-detail-item .detail-tit .tips-box {
  margin-left: 6px; }

.order-detail-item .detail-tit .plus-tip {
  left: -120px;
  width: 255px;
  font-weight: 400; }
  .order-detail-item .detail-tit .plus-tip .icon-arrow.top {
    top: -9px;
    right: auto;
    left: 122px;
    margin-top: 0; }

.order-detail-item .info-wrap {
  display: flex; }
  .order-detail-item .info-wrap .msg-wrapper .msg-click:hover {
    cursor: pointer; }
  .order-detail-item .info-wrap .msg-wrapper .msg-svg {
    margin-left: 10px;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px; }
  .order-detail-item .info-wrap .physical-info {
    margin-left: 10px; }

.blackmaskBG {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');
  background-color: rgba(0, 0, 0, 0.6); }

.pop-up-box {
  position: relative;
  top: 0;
  left: 0;
  background-color: #fff; }
  .pop-up-box .icon-close {
    position: absolute;
    top: 9px;
    right: 15px; }
  .pop-up-box .icon-close14 {
    position: absolute;
    top: 17px;
    right: 10px; }
  .pop-up-box .pop-up-hd {
    height: 48px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 48px;
    color: #979797;
    background-color: #ededed; }

.pop-up-btn {
  text-align: center; }
  .pop-up-btn .inner {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1; }
    .pop-up-btn .inner .btn {
      float: left;
      margin: 0 10px; }

.pop-up-intentional-order {
  position: relative;
  width: 460px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background-color: #fff; }
  .pop-up-intentional-order .intentional-order-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 60px;
    cursor: pointer;
    background: url(//pic.c-ctrip.com/giftcard/lipin/online/intentional-order-close.png) no-repeat 258px 19px; }
  .pop-up-intentional-order .intentional-order-hd {
    height: 60px;
    padding-left: 20px;
    font-size: 24px;
    line-height: 60px;
    color: #DEBA70;
    background: url(//pic.c-ctrip.com/giftcard/lipin/online/intentional-order-hdBG.png) no-repeat; }
  .pop-up-intentional-order .intentional-order-form {
    padding: 0 20px; }
    .pop-up-intentional-order .intentional-order-form li {
      padding-top: 10px;
      zoom: 1;
      *vertical-align: top; }
      .pop-up-intentional-order .intentional-order-form li:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0; }
      .pop-up-intentional-order .intentional-order-form li > * {
        *float: left; }
    .pop-up-intentional-order .intentional-order-form .intentional-order-tip {
      margin-bottom: -10px;
      line-height: 36px; }
    .pop-up-intentional-order .intentional-order-form .intentional-order-input,
    .pop-up-intentional-order .intentional-order-form .intentional-order-textarea,
    .pop-up-intentional-order .intentional-order-form .cm-select-box {
      width: 400px;
      height: 38px;
      padding: 0 9px;
      font-size: 14px;
      line-height: 38px;
      border: 1px solid #E0E0E0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      background-color: #fff; }
    .pop-up-intentional-order .intentional-order-form .intentional-order-textarea {
      height: 60px;
      padding: 9px;
      line-height: 20px;
      vertical-align: top; }
    .pop-up-intentional-order .intentional-order-form .cm-select-box {
      width: 390px;
      padding: 0 28px 0 0; }
      .pop-up-intentional-order .intentional-order-form .cm-select-box .txt-black {
        line-height: 38px;
        color: #222; }
      .pop-up-intentional-order .intentional-order-form .cm-select-box .triangle-area {
        margin-top: -19px; }
      .pop-up-intentional-order .intentional-order-form .cm-select-box .cm-select-list {
        top: 38px;
        z-index: 11;
        max-height: 154px;
        overflow: hidden;
        overflow-y: auto;
        border-color: #E0E0E0; }
        .pop-up-intentional-order .intentional-order-form .cm-select-box .cm-select-list .txt-black:hover {
          background-color: #E0E0E0; }
    .pop-up-intentional-order .intentional-order-form .message-tips {
      *width: 400px; }
    .pop-up-intentional-order .intentional-order-form .intentional-order-btn {
      padding: 20px 0; }

.pop-up-cancel-order {
  width: 540px; }
  .pop-up-cancel-order .cancel-order {
    padding: 25px 55px 35px;
    color: #000; }
    .pop-up-cancel-order .cancel-order strong {
      display: block;
      font-weight: 100;
      font-size: 16px;
      line-height: 26px; }
    .pop-up-cancel-order .cancel-order ul {
      overflow: hidden;
      *zoom: 1;
      margin: 6px -50px 22px 0; }
      .pop-up-cancel-order .cancel-order ul li {
        float: left;
        width: 160px;
        margin-top: 8px;
        font-size: 14px;
        line-height: 24px; }
      .pop-up-cancel-order .cancel-order ul label,
      .pop-up-cancel-order .cancel-order ul label input,
      .pop-up-cancel-order .cancel-order ul label span,
      .pop-up-cancel-order .cancel-order ul textarea {
        float: left; }
      .pop-up-cancel-order .cancel-order ul input {
        *width: 13px;
        *height: 13px;
  margin: 6px 3px 0 2px; }
      .pop-up-cancel-order .cancel-order ul li.full {
        width: 100%;
        margin-top: 20px; }
        .pop-up-cancel-order .cancel-order ul li.full textarea {
          width: 400px;
          height: 66px;
          padding: 9px 14px;
          font-size: 14px;
          line-height: 22px;
          font-family: "\5FAE\8F6F\96C5\9ED1";
          border: 1px solid #ebebeb; }

.pop-up-mail-preview {
  width: 640px; }
  .pop-up-mail-preview .mail-preview {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    overflow-y: auto;
    height: 540px;
    padding: 0 12px; }

.pop-up-pay-password {
  width: 540px; }
  .pop-up-pay-password .pay-password {
    padding: 20px 0 35px;
    text-align: center; }
    .pop-up-pay-password .pay-password .btn {
      margin-top: 20px; }
    .pop-up-pay-password .pay-password .txt-grayer {
      margin: 14px 40px 0;
      font-size: 12px;
      line-height: 1.5; }
    .pop-up-pay-password .pay-password .txt-blue {
      margin-left: 5px; }

.pop-up-tips {
  width: 540px; }
  .pop-up-tips .tips-content {
    height: 80px;
    padding-top: 29px;
    text-align: center; }
    .pop-up-tips .tips-content .txt-black {
      font-size: 18px;
      line-height: 30px; }
    .pop-up-tips .tips-content.larger {
      height: auto;
      min-height: 80px;
      padding: 29px 15px;
      text-align: left; }
    .pop-up-tips .tips-content.auto {
      height: auto;
      padding: 29px 15px;
      text-align: left; }
    .pop-up-tips .tips-content .txt-orange {
      color: #ff7d13; }
  .pop-up-tips .pop-up-btn {
    padding-bottom: 55px; }
  .pop-up-tips .beware-fraud {
    padding: 20px 35px 35px;
    text-align: center; }
    .pop-up-tips .beware-fraud p.txt-black {
      margin-bottom: 8px;
      font-size: 16px; }
    .pop-up-tips .beware-fraud .btn {
      margin-top: 20px; }
  .pop-up-tips .vat-md {
    text-align: left; }
    .pop-up-tips .vat-md .lbs {
      width: 110px; }
    .pop-up-tips .vat-md .order-tip {
      padding-left: 15px;
      padding-top: 15px; }
      .pop-up-tips .vat-md .order-tip p {
        line-height: 1.5; }
    .pop-up-tips .vat-md .txt-content {
      max-width: 375px;
      display: inline-block;
      word-break: break-all;
      font-size: 12px; }

.pop-up-giftcard-intro {
  width: 415px; }
  .pop-up-giftcard-intro .giftcard-intro {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    overflow-y: auto;
    height: 520px;
    padding: 22px 30px 0;
    font-size: 12px;
    line-height: 20px;
    color: #666; }
    .pop-up-giftcard-intro .giftcard-intro .giftcard-intro-tips {
      margin-bottom: -4px;
      font-size: 14px; }
    .pop-up-giftcard-intro .giftcard-intro .giftcard-intro-box h2 {
      margin: 20px 0 10px;
      padding-left: 10px;
      font-weight: 400;
      font-size: 16px;
      line-height: 16px;
      color: #000;
      border-left: 4px solid #55c8f9; }
    .giftcard-scope table {
      width: 100%;
      font-size: 15px;
      border-width: 1px;
      border-style: solid;
      border-color: #ccc;
      background-color: #fff; }
    .giftcard-scope th,
    .giftcard-scope td {
      border-width: 1px;
      border-style: solid;
      border-color: #e7eaec; }
    .giftcard-scope th {
      height: 37px;
      font-weight: 400;
      background-color: #f9f9f9; }
    .giftcard-scope td {
      padding: 5px 0; }
      .giftcard-scope td p {
        font-size: 12px; }
    .giftcard-scope .pd-name {
      padding-right: 15px;
      padding-left: 15px;
      color: #000; }
    .giftcard-scope .rwx-name,
    .giftcard-scope .rwy-name {
      width: 100px;
      font-size: 17px; }
    .giftcard-scope .rwx-name {
      color: #019376; }
    .giftcard-scope .rwy-name {
      color: #4579ce; }
    .giftcard-scope .rwx-td {
      text-align: center;
      background-color: #e8fffa; }
    .giftcard-scope .rwy-td {
      text-align: center;
      background-color: #eef4ff; }
    .giftcard-scope-tips {
      margin-top: 5px;
      font-size: 12px;
      line-height: 20px;
      color: #999; }
      .giftcard-scope-tips li {
        position: relative;
        padding-left: 43px; }
      .giftcard-scope-tips span {
        position: absolute;
        top: 0;
        left: 0;
        width: 43px;
        text-align: right;
        white-space: nowrap; }
      .giftcard-scope-tips img {
        width: 338px;
        margin: 6px 0 0 -43px; }
    .giftcard-useguides {
      overflow: hidden;
      *zoom: 1;
      margin: 0 -2px 0 -14px; }
      .giftcard-useguides li {
        position: relative;
        *zoom: 1;
        float: left;
        width: 25%;
        text-align: center; }
      .giftcard-useguides .icon {
        margin: 13px 0 7px; }
      .giftcard-useguides p {
        font-size: 12px;
        line-height: 24px;
        color: #000; }
      .giftcard-useguides .icon-arrow.right {
        top: 23px;
        right: -15px;
        width: 20px;
        margin-top: 0; }
        .giftcard-useguides .icon-arrow.right .before,
        .giftcard-useguides .icon-arrow.right .after {
          border-width: 5px 10px; }
        .giftcard-useguides .icon-arrow.right .before {
          border-left-color: #ccc; }
    .giftcard-advantages {
      overflow: hidden;
      margin: 0 -20px 20px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #e7e7e7; }
      .giftcard-advantages li {
        float: left;
        position: relative;
        *zoom: 1;
        width: 50%;
        height: 140px;
        padding-top: 20px;
        text-align: center;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #e7e7e7; }
      .giftcard-advantages h3 {
        margin: 10px 0 7px;
        font-weight: 100;
        font-size: 14px;
        color: #333; }
      .giftcard-advantages p {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        padding: 0 20px;
        font-size: 12px;
        line-height: 1.3;
        color: #999;
        text-align: left; }
      .giftcard-advantages .vertical-line {
        right: 0;
        left: auto;
        background-color: #e7e7e7; }

.giftcard-product-title {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  color: #000; }

.pop-up-theme {
  width: 730px; }
  .pop-up-theme .pop-up-overflow-auto {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    overflow-y: auto;
    height: 456px;
    margin-top: 20px;
    padding-left: 20px; }
  .pop-up-theme .giftcard-product-list li {
    padding: 0 20px; }
  .pop-up-theme .giftcard-product-list .txt-red3 {
    *margin-left: -7px; }
  .pop-up-theme .holiday-theme-list {
    margin-right: -15px; }
    .pop-up-theme .holiday-theme-list li {
      width: 220px;
      padding: 0 15px 15px 0; }
    .pop-up-theme .holiday-theme-list .pic,
    .pop-up-theme .holiday-theme-list .whitemaskBG {
      height: 110px; }
    .pop-up-theme .holiday-theme-list .hd {
      left: 30px;
      height: 27px;
      margin-top: -13px; }
      .pop-up-theme .holiday-theme-list .hd .title01 {
        font-size: 18px; }

.pop-up-product-details {
  width: 640px; }
  .pop-up-product-details .product-details {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    overflow-y: auto;
    height: 532px;
    margin-top: 20px; }
    .product-details-name {
      display: none;
      width: 60%;
      margin: 0 auto;
      padding-top: 6px;
      font-weight: bold;
      font-size: 16px;
      line-height: 24px;
      color: #000;
      text-align: center; }
    .product-details-intro {
      overflow: hidden;
      *zoom: 1;
      padding: 20px 29px; }
      .product-details-intro img {
        width: 100%; }
      .product-details-intro p {
        line-height: 1.5; }
    .pop-up-product-details .product-details .product-details-name {
      display: block; }
    .pop-up-product-details .product-details .product-details-intro {
      padding-right: 15px;
      padding-left: 15px; }
  .pop-up-product-details .details-dec {
    padding: 0 15px 20px;
    line-height: 1.5; }

.pop-up-verify,
.pop-up-prize {
  text-align: center; }
  .pop-up-verify .icon-close,
  .pop-up-prize .icon-close {
    top: 20px;
    right: 20px; }

.pop-up-verify {
  width: 240px;
  padding: 58px 75px 26px; }
  .pop-up-verify img {
    width: 118px;
    height: 120px; }
  .pop-up-verify p.txt-black {
    margin-top: 30px;
    font-size: 15px;
    line-height: 33px; }
  .pop-up-verify p.txt-grayer {
    margin-bottom: 17px;
    font-size: 12px;
    line-height: 18px;
    text-align: left; }
  .pop-up-verify .btn {
    display: block;
    margin: 0 auto; }
  .pop-up-verify .txt-blue {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin-top: 16px; }

.pop-up-prize {
  width: 410px;
  padding: 30px; }
  .pop-up-prize img {
    width: 80px;
    height: 104px; }
  .pop-up-prize strong.txt-black {
    display: block;
    margin: 15px 0 10px;
    font-size: 18px;
    line-height: 28px; }
  .pop-up-prize p.txt-black {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px; }
  .pop-up-prize p.txt-grayer {
    margin: 20px 0 25px;
    font-size: 12px;
    line-height: 22px; }
  .pop-up-prize .btn-xmd {
    width: 200px; }

.n-pop-ad {
  position: relative;
  width: 410px;
  z-index: 3002; }
  .n-pop-ad img {
    width: 410px;
    height: 480px;
    border-radius: 8px; }
  .n-pop-ad .n-pop-close {
    position: absolute;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    bottom: -57px;
    right: 50%;
    margin-right: -16px;
    cursor: pointer;
    background-image: url("//pic.c-ctrip.com/giftcard/lipin/online/circle_close.png"); }

.logistics_box {
  position: relative;
  width: 414px;
  max-height: 400px;
  border: 1px solid #D9D9D9;
  color: #999; }

.logistics_inner {
  padding: 16px 20px 0 19px; }
  .logistics_inner .icon-arrow.top {
    top: -16px;
    right: 82px;
    width: 14px;
    height: 18px;
    margin-top: 0; }
    .logistics_inner .icon-arrow.top .before,
    .logistics_inner .icon-arrow.top .after {
      border-width: 9px 7px; }
    .logistics_inner .icon-arrow.top .before {
      border-bottom-color: #ccc; }

.logistics_title_box {
  position: relative; }

.logistics_title {
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 8px;
  margin-bottom: 22px; }

.logistics_title a {
  display: inline-block;
  line-height: 14px;
  color: #0166cc;
  font-size: 14px;
  border-left: 1px solid #E6E6E6;
  padding-left: 10px;
  margin-left: 10px; }

.logistics_title_box .icon-close10 {
  position: absolute;
  right: 0px;
  top: 5px;
  cursor: pointer;
  _right: 20px; }

.logistics_ct li {
  position: relative;
  margin-top: 3px;
  padding-left: 96px;
  vertical-align: top;
  zoom: 1; }
  .logistics_ct li:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }

.logistics_time {
  float: left;
  padding-right: 18px;
  margin-left: -96px;
  margin-right: 18px;
  height: 51px;
  text-align: right;
  border-right: 1px solid #E6E6E6; }

.ico_radius {
  position: absolute;
  left: 92px;
  top: 0;
  background-color: #FFF;
  width: 10px;
  height: 13px; }

.ico_radius_inner {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  vertical-align: top;
  background-color: #e6e6e6;
  overflow: hidden; }

.logistics_ct .current {
  color: #ff9a13; }

.logistics_ct .current .ico_radius_inner {
  background-color: #ff9a13; }

.logistics_more {
  position: relative;
  margin-top: 10px;
  height: 49px;
  text-align: center;
  background-color: #fafafa;
  line-height: 36px; }
  .logistics_more .icon-arrow.bottom {
    top: 31px;
    right: 203px;
    margin-top: 0; }
    .logistics_more .icon-arrow.bottom .before,
    .logistics_more .icon-arrow.bottom .after {
      border-width: 6px 5px 6px 6px; }
    .logistics_more .icon-arrow.bottom .before {
      border-top-color: #333; }
    .logistics_more .icon-arrow.bottom .after {
      border-top-color: #fafafa; }

.logistics_more_open {
  color: #666666;
  font-size: 14px; }

.no_logis_info {
  text-align: center;
  padding-bottom: 25px; }

.no_logis_info .icon-warn30 {
  margin-bottom: 11px; }

.no_logis_info a {
  font-size: 14px; }

.loading-dialog {
  text-align: center;
  padding-bottom: 18px; }

.dialog_box {
  position: absolute;
  padding-bottom: 30px;
  border: 5px solid #7f7f7f;
  background-color: #FFF; }

.dialog_title {
  position: relative;
  zoom: 1;
  background-color: #EDEDED;
  width: 100%;
  height: 48px;
  display: block; }

.dialog_title h3 {
  height: 48px;
  line-height: 48px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  color: #999; }

.dialog_box .icon-close14 {
  position: absolute;
  top: 17px;
  right: 10px; }

.dialog_bd {
  padding: 20px 60px; }

.dialog_btn {
  text-align: center;
  margin: 20px 0 0 0; }

.adr-edit-box .order-input-list {
  padding-right: 50px; }

.adr-edit-box .txt-ipt {
  width: 162px; }

.adr-edit-box .invoice-form .lbs {
  width: 55px; }

.adr-edit-box .invoice-form .location .txt-ipt {
  width: 100px; }

.adr-edit-box .invoice-form .detail-adr .txt-ipt {
  width: 348px; }

.adr-edit-box .invoice-form .btn-clear {
  top: 15px; }

.adr-edit-box .table-list-pop {
  left: 67px;
  width: 470px; }

.adr-edit-box .table-list-pop .tr .td-num {
  width: 230px; }

.adr-edit-box .table-list-pop .tr .td-num .td-inner {
  max-width: 190px; }

.adr-edit-box .invoice-form .location .address_panel {
  left: 67px; }

.dialog_list {
  width: 330px;
  line-height: 48px;
  color: #000; }

.dialog_list2 {
  width: 420px; }

.dialog_list2 li {
  position: relative;
  *z-index: 1; }

.dialog_list .lbs {
  display: inline-block;
  width: 60px;
  text-align: right;
  margin-right: 16px;
  vertical-align: top; }

.dialog_list input {
  position: relative;
  border: 1px solid #e1e1e1;
  height: 30px;
  line-height: 30px;
  padding: 0 12px;
  vertical-align: middle;
  width: 216px;
  color: #000; }

.dialog_list2 input {
  width: 306px; }

.dialog_bd .tip {
  font-size: 12px;
  color: #666; }

.dialog_list .tip {
  line-height: 30px;
  height: 30px;
  color: #666;
  border: 1px solid #eedab4;
  background: #fffcdc;
  border-radius: 2px;
  margin: 0 8px 0 80px;
  position: relative;
  _height: 14px;
  _line-height: 14px;
  _padding: 5px 0; }

.dialog_list .tip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  border: 4px solid transparent;
  border-bottom-color: #eedab4;
  left: 12px;
  top: -9px; }

.dialog_list .tip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  border: 4px solid transparent;
  border-bottom-color: #fffcdc;
  left: 12px;
  top: -8px; }

.dialog_list .tip .icon-warn {
  margin: -3px 5px 0 9px;
  vertical-align: middle;
  _margin-top: 0; }

.dialog_list2 .input-s {
  width: 94px;
  padding-right: 0; }

.contacts_box {
  position: absolute;
  left: 80px;
  top: 39px;
  z-index: 1;
  width: 421px;
  border: 1px solid #E1E1E1; }

.contacts_ct .dialog_title h3 {
  height: 36px;
  line-height: 36px; }

.contacts_ct .dialog_title .icon-close14 {
  top: 10px; }

.dialog_ct_inner {
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: left; }

.contacts_box .dialog_ct_inner {
  background-color: #FFF; }

.contacts_ct .dialog_ct_inner {
  width: 100%; }

.contacts_ct .name_list {
  margin: 0 20px;
  zoom: 1; }
  .contacts_ct .name_list:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }

.contacts_ct .name_list li {
  float: left;
  color: #000;
  height: 54px;
  line-height: 54px;
  width: 126px; }

.contacts_ct .name_list a {
  color: #000;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 113px; }

.contacts_ct .name_list a.current {
  color: #2b7ae0; }

.contacts_ct .name_list a:hover {
  text-decoration: underline;
  color: #2b7ae0; }

.no_border {
  text-align: center;
  height: 42px;
  line-height: 42px;
  _padding-top: 13px;
  border-top: 1px dashed #DBDCDD; }

/* pages */
@media screen and (max-width: 1200px) {
  .pages a {
    margin: 0; }

  .pages .jump {
    margin: 0 5px; } }
.pages {
  font-size: 0;
  *word-spacing: -1px; }

.pages a, .pages .jump {
  color: #6f6f6f; }

.pages .jump input, .pages a, .pages .current {
  font-family: "Microsoft YaHei",Helvetica,simsun,sans-serif; }

.pages a, .pages span {
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: middle; }

.pages a, .pages .current {
  display: inline-block;
  padding: 0 8px;
  height: 23px;
  line-height: 24px;
  margin: 0 1px;
  text-align: center;
  _line-height: 16px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .pages {
    letter-spacing: -5px; } }
.pages .btn-page {
  margin: 0 5px;
  padding-left: 6px;
  width: 62px; }

.pages .prev-end {
  background-position: 6px -34px; }

.pages .prev {
  background-position: 6px -54px; }

.pages .end.prev-end .arrow_code_right {
  border-left-color: #B3B4B5; }

.pages .end.prev .arrow_code_left {
  border-right-color: #B3B4B5; }

.pages .next, .pages .next-end, .pages .end.next, .pages .end.next-end {
  padding: 0 6px 0 5px; }

.pages .next {
  background-position: 49px -114px; }

.pages .next-end {
  background-position: 49px -134px; }

.pages .end.next {
  background-position: 49px -74px; }

.pages .end.next-end {
  background-position: 49px -94px; }

.pages .end {
  color: #aaaaaa;
  cursor: default;
  border-color: #d4d4d4; }

.pages .end:hover {
  border-color: #d4d4d4;
  background-color: #fff; }

.pages .jump {
  font-size: 12px;
  margin: 0 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: -2px; }

.pages .jump input {
  width: 30px;
  height: 23px;
  line-height: 25px;
  margin: 0 5px;
  text-align: center;
  border: 1px solid #A9A9A9;
  vertical-align: 2px; }

.pages .jump span {
  line-height: 32px;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: middle; }

.pages .btn-jump {
  color: #333; }

.pages .num {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

.pages .arrow_code {
  font: 0/0 a;
  margin-top: -2px; }

.arrow_code {
  display: inline-block;
  font: 0/0 a;
  border: 5px dashed transparent;
  vertical-align: middle;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden; }

.arrow_code_bottom {
  border-top: 5px solid #333;
  margin-left: 6px;
  *margin-top: 5px; }

.arrow_code_left {
  border-right: 5px solid #6f6f6f;
  margin-right: 10px; }

.arrow_code_right {
  border-left: 5px solid #6f6f6f;
  margin-left: 10px; }

.pages.no_border .end:hover {
  color: #aaa; }

.pages.no_border a {
  border: 0 none;
  text-decoration: underline; }

.pages.no_border a:hover {
  background-color: transparent;
  color: #2b7ae0;
  text-decoration: underline;
  _background-color: #FFF; }

.pages.no_border .end {
  text-decoration: none; }

.pages.no_border .current, .pages.no_border .current:hover {
  color: #bfbfbf;
  background-color: transparent;
  _background-color: #FFF;
  border: 0 none; }

.dialog-card-form {
  margin-top: 12px;
  zoom: 1; }
  .dialog-card-form:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0; }

.dialog-card-form .form-list {
  position: relative;
  padding-left: 65px;
  line-height: 32px; }

.dialog-card-form .form-list span {
  position: absolute;
  left: -15px;
  text-align: right;
  width: 65px;
  color: #000; }

.dialog-card-form .form-list input {
  border: 1px solid #E1E1E1;
  height: 30px;
  padding: 0 12px; }

.dialog-card-form .card-num {
  margin-right: 18px; }

.dialog-card-form .card-num input {
  width: 174px; }

.dialog-card-form .card-pw input {
  width: 110px; }

.dialog-card-box .add-card {
  display: inline-block;
  margin-left: 65px;
  width: 418px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #E1E1E1;
  text-align: center;
  vertical-align: top;
  margin-top: 16px;
  font-size: 14px; }

.dialog-card-box .add-card .icon-add {
  margin-right: 5px;
  vertical-align: -1px;
  *vertical-align: 3px; }

.dialog-card-box {
  width: 544px; }

.dialog-card-box .dialog_bd {
  padding: 20px 0px 5px 0; }

.dialog-card-box .dialog-tips {
  margin: 14px 40px 0 40px;
  font-size: 12px;
  color: #999;
  line-height: 1.5; }

.dialog-card-form .form-list {
  float: left;
  *display: inline;
  *zoom: 1; }

.dialog-card-box .add-tips {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-bottom: 9px; }

.rec_order_table {
  background: #ffffff url(//pic.c-ctrip.com/giftcard/lipin/online/lipin/table_bg.png) repeat-x 0 0;
  width: 100%;
  border: 1px solid #DFE1E1;
  margin-top: 18px; }

.rec_order_list {
  width: 980px;
  margin: 0 auto -1px; }

.rec_order_list th {
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  text-align: left; }

.rec_order_list td {
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  color: #333;
  border-bottom: 1px dashed #dbdcdd; }

.rec_order_table .rec_card_style {
  width: 40%; }

.rec_order_table .rec_car_value {
  width: 38%; }

.rec_order_table .rec_card_num {
  width: 21%; }

.rec_tips {
  color: #999;
  font-size: 12px;
  margin-top: 17px; }

.rec_total {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-top: 57px; }

.rec_total .money {
  font-size: 20px;
  color: #ff9913;
  font-family: Arial;
  vertical-align: middle;
  padding: 0 14px; }

.rec_btn {
  display: inline-block;
  width: 140px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background-color: #FF9913;
  font-size: 16px; }

.rec_order_list {
  *width: 777px; }

@media all and (max-width: 1279px) {
  .rec_order_list {
    width: 777px; } }
.dialog-table-box {
  padding-bottom: 0; }

.dialog-table-box .dialog_table {
  padding: 40px 20px; }

.dialog-table-box .dialog_table .rec_order_table {
  border: none;
  margin-top: 0;
  background-image: none; }

.dialog-table-box .dialog_table .rec_order_list {
  width: 430px; }

.dialog-table-box .dialog_table .rec_order_list th {
  font-size: 12px;
  color: #666; }

.dialog-table-box .dialog_table .rec_order_list td {
  border-bottom: none;
  height: 38px;
  line-height: 38px;
  font-size: 14px; }

.dialog-table-box .dialog_table .rec_order_list tr + tr {
  border-top: 1px dashed #dbdcdd; }

.dialog-table-box .dialog_table .rec_order_list tbody {
  border: 1px solid #dbdcdd;
  border-width: 1px 0; }

.dialog-table-box .dialog_table .rec_total {
  margin-top: 10px;
  font-size: 13px;
  text-align: left;
  line-height: 18px; }

.dialog-table-box .dialog_table .rec_total .org {
  color: #f57403;
  padding-left: 6px; }

.dialog_box .pop-up-btn {
  padding-top: 37px; }

.dialog-table-box .dialog_table .btn_gray {
  margin-left: 0; }

.dialog_ct {
  width: 416px;
  padding-top: 35px;
  text-align: center;
  color: #666; }

.dialog_text {
  position: relative;
  line-height: 1.8; }

.rec_success {
  padding-left: 38px; }

.dialog_ct .icon-success28,
.dialog_ct .icon-warn30,
.dialog_text.success-rec .icon-success40,
.dialog_text.success-rec .icon-warn40,
.dialog_box-nor .icon-loading36 {
  position: absolute;
  top: 50%; }

.dialog_ct .icon-success28 {
  margin-top: -14px;
  margin-left: -38px; }

.dialog_ct .icon-warn30 {
  margin-top: -14px;
  margin-left: -40px; }

.dialog_text.success-rec .icon-success40,
.dialog_text.success-rec .icon-warn40 {
  margin-top: -20px;
  margin-left: -58px; }

.dialog_box-nor .icon-loading36 {
  margin-top: 1px;
  margin-left: -46px; }

.dialog_text .light_span {
  color: #ff8827; }

.dialog_text.success-rec {
  padding-left: 58px; }

.dialog_text.success-rec .text-area {
  line-height: 18px; }

.system_loading {
  padding-top: 34px;
  padding-left: 46px;
  margin-bottom: 34px; }

.dialog_ct.dialog_system {
  padding-top: 10px; }

.dialog_ct.dialog_system .system_loading {
  margin-bottom: 0; }

.dialog_box-nor {
  width: 416px; }

.dialog_ct.txt-center {
  text-align: center;
  padding: 35px 100px 0; }

.dialog_ct.txt-center .icon-success28 {
  display: inline-block;
  position: static;
  margin: 0 5px 0 0;
  vertical-align: middle; }

.dialog_ct.txt-center .dialog_ct_inner {
  text-align: center; }

.dialog_ct.txt-center .rec_success {
  padding-left: 0; }

.dialog_ct.txt-center .rec_success p {
  display: inline-block;
  vertical-align: middle; }

.dialog_ct.txt-center .add-tips {
  font-size: 12px;
  color: #999;
  padding-top: 10px; }

.dialog_box .icon-close16 {
  position: absolute;
  top: 16px;
  right: 16px; }

.pay-pop {
  width: 580px;
  padding-bottom: 0;
  border: 0 none; }

.pay-pop .dialog_bd {
  padding: 45px 0; }

.pay-pop .pay-mod {
  position: relative; }

.pay-pop .tip01 {
  width: 290px;
  margin-left: 133px;
  font-size: 12px;
  line-height: 18px;
  color: #999; }

.pay-pop .tip02 {
  width: 183px;
  margin: 0 auto 25px;
  padding-left: 57px;
  line-height: 25px;
  color: #000; }

.pay-pop .icon-fail {
  float: left;
  margin: 6px 0 0 -57px; }

.pay-pop .pay-password {
  height: 32px;
  margin: 20px 0 40px 62px;
  line-height: 32px; }

.pay-pop .pay-password span {
  float: left;
  width: 71px;
  color: #000; }

.pay-pop .pay-password input {
  float: left;
  width: 298px;
  height: 30px;
  padding: 0 0 0 10px;
  font-size: 14px;
  line-height: 30px;
  color: #999;
  border: 1px solid #e1e1e1; }

.pay-pop .pay-password a {
  float: left;
  margin-left: 15px;
  color: #0166cc; }

.pay-pop .tip {
  position: absolute;
  left: 133px;
  top: 92px;
  width: 267px;
  height: auto;
  padding: 5px 10px 5px 31px;
  line-height: 20px;
  color: #666;
  border-radius: 2px;
  border: 1px solid #eedab4;
  background: #fffcdc; }

.pay-pop .tip .icon-warn {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px; }

.pay-pop .tip:before, .pay-pop .tip:after {
  content: "";
  position: absolute;
  left: 12px;
  width: 0;
  height: 0;
  font-size: 0;
  border: 4px solid transparent; }

.pay-pop .tip:before {
  top: -9px;
  border-bottom-color: #eedab4; }

.pay-pop .tip:after {
  top: -8px;
  border-bottom-color: #fffcdc; }

.pay-pop .btn-xmd {
  width: 216px; }

.goods-details {
  width: 650px; }

.goods-details .details {
  position: relative;
  zoom: 1;
  height: 480px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 20px 0 0;
  padding: 0 15px; }

.goods-details .p-name {
  margin: -5px 0 0; }

.goods-details .p-name a {
  height: 28px;
  font-weight: 700;
  line-height: 28px;
  color: #000;
  display: block;
  overflow: hidden;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap; }

.goods-details .p-label {
  float: right;
  height: 20px;
  margin-top: 8px; }

.goods-details .keyword {
  float: left;
  height: 20px;
  margin-left: 10px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  cursor: default; }

.goods-details .blue {
  background-color: #96cefd; }

.goods-details .purple {
  background-color: #9453e5; }

.goods-details .label-name {
  float: left; }

.goods-details .inner-text {
  font-size: 12px;
  line-height: 20px;
  color: #333; }

.goods-details .qa-box {
  margin: 2px 3px; }

.goods-details .qa-box .plus-tip {
  top: 23px;
  left: -357px;
  width: 360px;
  box-shadow: none; }

.goods-details .qa-box .plus-tip .icon-arrow.top {
  top: -9px;
  right: 8px;
  margin-top: 0; }

.goods-details .p-price {
  float: left;
  margin: 0; }

.goods-details .p-price span.price dfn {
  font-size: 18px; }

.goods-details .p-price span.price {
  color: #fc6621;
  height: 36px;
  font-size: 24px;
  line-height: 36px; }

.goods-details .p-price del.price {
  margin-top: 11px;
  font-size: 14px;
  line-height: 22px;
  color: #999; }

.goods-details .p-price .price {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px; }

.goods-details .p-tips {
  position: relative;
  zoom: 1;
  z-index: 1;
  float: left;
  width: 100%;
  height: 30px;
  margin: 9px 0 2px; }

.goods-details .p-tips .icon {
  float: left;
  margin: 7px 7px 0 0; }

.goods-details .p-tips .text {
  float: left;
  font-size: 12px;
  line-height: 30px;
  color: #666; }

.goods-details .p-tips .text em {
  margin: 0 5px;
  color: #000; }

.goods-details .p-tips .text dfn {
  margin: 0; }

.goods-details .p-tips .plus-tip {
  left: 0;
  top: 40px;
  width: 370px;
  padding: 4px 9px 9px;
  box-shadow: none; }

.goods-details .p-tips .icon-arrow.top {
  top: -25px;
  right: auto;
  left: 24px;
  width: 26px;
  height: 26px;
  margin-top: 0; }
  .goods-details .p-tips .icon-arrow.top .before,
  .goods-details .p-tips .icon-arrow.top .after {
    border-width: 13px; }

.goods-details .p-tips .inner-text {
  line-height: 32px;
  color: #666; }

.goods-details table {
  width: 100%;
  font-size: 12px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-right: 0 none;
  border-bottom: 0 none; }

.goods-details table th {
  font-weight: 100;
  line-height: 36px;
  color: #737678;
  border-right: 1px solid #e5e5e5;
  background-color: #f3f8fc; }

.goods-details table td {
  line-height: 35px;
  color: #000;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }

.goods-details table td.current {
  color: #ff4646; }

.goods-details table td dfn {
  vertical-align: top; }

.goods-details .p-tips.hover .plus-tip {
  display: block; }

.goods-details .p-soldout {
  position: absolute;
  top: 100px;
  right: 15px;
  left: 15px;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');
  background: rgba(0, 0, 0, 0.4); }

:root .goods-details .p-soldout {
  filter: none;
  background: rgba(0, 0, 0, 0.4); }

.goods-details .p-soldout span {
  font-size: 16px;
  line-height: 40px;
  color: #fff; }

.goods-details .p-img {
  float: left;
  width: 100%;
  height: 380px;
  background-color: #e9e9e9; }

.goods-details .p-tips-ft {
  float: none;
  width: auto;
  margin: 0;
  padding: 0 15px 22px; }

.goods-details .details.no-tips {
  height: auto; }

.goods-details .details.no-tips .p-soldout {
  margin-top: 10px;
  position: static;
  float: left;
  width: 100%; }

.sidebar-nav.other {
  right: auto;
  left: 20px;
  margin-right: 0; }

.popup-catalog {
  display: none;
  position: absolute;
  left: 45px;
  bottom: 0;
  max-width: 148px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  background-color: #fff; }
  .popup-catalog a {
    display: block;
    padding: 0 9px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .popup-catalog a:hover {
      color: #fff;
      background-color: #3983e5; }

.conditions_box {
  margin: 20px 0;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 1.5;
  border-width: 1px;
  border-style: solid;
  border-color: #e9e9e9; }
  .conditions_box h2 {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
    text-align: center; }
  .conditions_box p {
    margin-bottom: 20px; }
    .conditions_box p:last-child {
      margin-bottom: 0; }
    .conditions_box p strong {
      color: #000; }

.invoice-preview {
  position: relative;
  *zoom: 1;
  width: 750px;
  margin: 44px auto; }
  .invoice-preview h2.txt-black {
    font-weight: 400;
    font-size: 16px;
    line-height: 56px;
    text-align: center; }
  .invoice-preview p.txt-gray {
    margin-bottom: 20px;
    font-size: 12px; }
  .invoice-preview img {
    width: 100%;
    height: auto; }
    .invoice-preview img.border {
      border-width: 1px;
      border-style: solid;
      border-color: #ccc; }

.download-invoice-pg {
  padding: 162px 0;
  margin: 30px auto;
  border: 1px solid #ccc;
  text-align: center; }

.ico-invalid-invoice {
  width: 60px;
  height: 77px;
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/lipin/ico-v7-5.png) no-repeat;
  background-position: 0 -504px; }

.download-invoice-pg .ico-invalid-invoice {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

.download-invoice-pg .infos {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 20px;
  text-align: left;
  vertical-align: middle; }

.download-invoice-pg .infos .state {
  font-size: 22px;
  color: #333; }

.download-invoice-pg .infos .link {
  margin-top: 10px;
  font-size: 16px;
  color: #333; }

.download-invoice-pg .infos .link .home {
  margin-left: 10px;
  font-size: 16px;
  color: #1069c9; }

.download-invoice-pg .infos .link .home i {
  margin-left: 3px;
  font-family: simsun; }

.pay-confirm {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.5;
  font-family: Tahoma,Simsun,sans-serif;
  color: #333; }

.path_bar {
  padding: 5px 0;
  font-family: "Simsun";
  color: #666; }

.prompt_tip b {
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/un_gift_card_140317.png) no-repeat 0 -999em; }

.prompt_tip {
  display: inline-block;
  padding: 5px 5px 4px 20px;
  line-height: 20px;
  color: #333;
  font-family: "Arial";
  *display: inline;
  *zoom: 1; }

.prompt_tip b {
  float: left;
  width: 12px;
  height: 12px;
  margin: 3px 0 0 -18px;
  background-position: -50px -80px; }

.card_table {
  width: 100%;
  margin-bottom: -1px; }

.c_table {
  border: 1px solid #ddd; }

.pay_table {
  margin-bottom: 20px; }

.card_table th {
  padding: 5px 15px;
  background: #f1f1f1;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  text-align: left; }

.card_table td {
  padding: 8px 15px;
  border-bottom: 1px dotted #ccc;
  text-align: left; }

.c_price, .c_price_big {
  color: #f60;
  font: 16px/1.5 arial;
  *padding-left: 9px;
  *background: url(//pic.c-ctrip.com/giftcard/lipin/online/un_gift_card_140219.png) -93px -16px no-repeat; }

.c_price:before, .c_price_big:before {
  content: "\00A5";
  color: #4d4d4d;
  font: 12px/1.5 Arial;
  vertical-align: 0.1em;
  margin-right: 2px; }

.order_table {
  width: 100%;
  margin-top: 10px;
  border-bottom: 1px solid #d7e8f5;
  color: #333; }

.order_table .table_th {
  width: 84px;
  padding: 16px 0 0 16px;
  border-top: 1px solid #d7e8f5;
  border-left: 1px solid #d7e8f5;
  font-weight: normal;
  text-align: left;
  vertical-align: top; }

.order_table .th_tit {
  width: 98px; }

.order_table .table_th span {
  font-family: "Microsoft YaHei";
  font-size: 16px; }

.order_table .table_td {
  padding: 16px 20px 0 20px;
  border-top: 1px solid #d7e8f5;
  border-right: 1px solid #d7e8f5;
  background: #eff6fc;
  /*overflow:hidden;*/
  *zoom: 1; }

.voucher_box {
  margin-top: -15px; }

.table_td .c_form {
  margin-bottom: 16px; }

.table_td .voucher_form_list {
  margin-bottom: -1px;
  padding: 15px 0;
  border-bottom: 1px dotted #ccc; }

.btn_box {
  margin: 0 -20px;
  padding: 10px 0 10px 0;
  background: #fff; }

.btn01, .btn02, .btn01_disable {
  display: inline-block;
  padding: 0 20px;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer; }

.btn01, .btn01_disable {
  height: 28px;
  line-height: 28px;
  background-color: #FFB000;
  border: 1px solid #E77C00;
  box-shadow: 0 1px 0 rgba(95, 50, 0, 0.7);
  text-shadow: 1px 1px 0 #CF7000;
  color: #fff;
  font-weight: bold; }

.btn01:hover, .btn02:hover {
  background: #F79700;
  border-color: #DE7800;
  text-decoration: none; }

.btn02 {
  padding: 0 14px;
  height: 32px;
  line-height: 32px;
  background-color: #FCFCFC;
  border: 1px solid #d1d1d1;
  box-shadow: 0 3px 2px -2px #D1D1D1;
  font-size: 12px;
  color: #333; }

.btn02:hover {
  background-color: #0066CB;
  border-color: #D0D0D0;
  color: #fff; }

.btn01_disable {
  background: #efefef;
  border-color: #ccc;
  color: #999;
  text-shadow: none;
  cursor: default; }

.btn01_disable:hover {
  text-decoration: none; }

.btn03 {
  display: inline-block;
  padding: 0 35px;
  height: 28px;
  line-height: 28px;
  background: #2277cc;
  border: 1px solid #0055aa;
  border-radius: 4px;
  box-shadow: 0 1px 0 #3377bb;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer; }

.btn03:hover {
  background: #2299ff;
  border-color: #0077dd;
  color: #fff;
  box-shadow: 0 1px 0 #6b8fb2;
  text-decoration: none; }

.btn04 {
  display: inline-block;
  padding: 0 10px;
  height: 21px;
  line-height: 21px;
  background: #dceeff;
  border: 1px solid #aac6e2;
  border-radius: 3px;
  box-shadow: 0 1px 0 #bbd0df;
  font-size: 12px; }

.btn04:hover {
  background: #2277cc;
  border-color: #1256aa;
  color: #fff;
  box-shadow: 0 1px 0 #8194ab;
  text-decoration: none; }

.c_input, .c_text {
  height: 16px;
  padding: 3px !important;
  line-height: 16px;
  border: 1px solid #bbb;
  font-size: 12px; }

.input_xl {
  width: 242px; }

.c_text {
  width: 340px;
  resize: none; }

.c_text, .c_text_notes {
  height: 68px; }

.input_error {
  background-color: #fffcd8;
  border-color: #d80000; }

.commit_box {
  padding: 10px;
  text-align: center;
  color: #333; }

.commit_box .link_back {
  float: left;
  margin-top: 5px;
  font-size: 14px; }

/*---- form ----*/
.c_form dl {
  *zoom: 1; }

.c_form dl:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden; }

.c_form dl {
  padding: 5px 0; }

.c_form .label {
  float: left;
  width: 72px;
  padding: 4px 10px 4px 0;
  text-align: right;
  color: #333;
  line-height: 16px; }

.c_form dd {
  float: left;
  padding-right: 10px; }

.c_form .val {
  display: block;
  padding: 4px 3px;
  line-height: 16px; }

.c_form dd .btn02 {
  height: 22px;
  line-height: 22px; }

.c_form select {
  margin-top: 1px; }

.jmp_info b, .jmp_info i, .pass i {
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/un_gift_card_140219.png) no-repeat 0 -999em; }

.jmp_info {
  position: absolute;
  width: auto;
  zoom: 1;
  margin-left: -5px;
  background-color: #fffcd8;
  border: 1px solid #dca;
  white-space: nowrap; }

.jmp_info b {
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -3px;
  width: 5px;
  height: 7px;
  background-position: -70px -24px; }

.jmp_info i {
  position: absolute;
  top: 5px;
  left: 4px;
  width: 12px;
  height: 12px;
  background-position: -50px -60px; }

.jmp_cn {
  padding: 3px 3px 3px 20px;
  height: 16px;
  line-height: 16px;
  color: #333;
  *display: inline;
  *zoom: 1; }

.pass {
  padding: 4px 4px 4px 20px;
  line-height: 16px; }

.pass i {
  float: left;
  width: 16px;
  height: 16px;
  margin-left: -20px;
  background-position: -50px -40px; }

.receipt_page {
  width: 1180px;
  margin: 30px auto 0 auto;
  line-height: 1.5; }

/* IE6/7 */
.receipt_page {
  *width: 980px; }

/** media query **/
@media all and (max-width: 1279px) {
  .receipt_page {
    width: 980px; } }
.receipt_page .order-tip {
  font-size: 12px;
  color: #000;
  line-height: 1; }

.receipt_page .btn {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 26px;
  border-radius: 4px;
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle; }

.receipt_page .btn:hover, .receipt_page .btn:focus {
  outline: none;
  color: #ffffff;
  text-decoration: none; }

.receipt_page .btn:active, .receipt_page .btn.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.receipt_page .btn.disabled, .receipt_page .btn[disabled] {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: default; }

.adopt-phone-box {
  margin-top: 30px;
  border: 1px solid #DFE1E1; }

.adopt-phone-title {
  height: 36px;
  line-height: 36px;
  padding-left: 56px;
  font-size: 13px;
  color: #000;
  background-color: #F3F8FC; }

.adopt-phone-ct {
  padding-left: 55px;
  padding-bottom: 36px; }

.adopt-phone-ct .order-tip {
  margin-top: 19px;
  color: #999; }

.adopt-phone-list {
  margin-top: 7px;
  color: #000; }

.adopt-phone-list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 76px;
  line-height: 32px;
  *zoom: 1; }

.adopt-phone-list input {
  padding: 0 10px;
  width: 200px;
  height: 30px;
  border: 1px solid #E1E1E1;
  line-height: 30px; }

.adopt-phone-list .btn {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  width: 118px;
  border: 1px solid #D9D9D9;
  color: #0166cc;
  text-align: center;
  vertical-align: middle; }

.adopt-phone-ct .btn-sure {
  width: 298px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  color: #fff;
  background-color: #F57403;
  vertical-align: middle;
  font-size: 14px; }

.adopt-phone-ct .btn-sure:hover, .adopt-phone-list .btn:hover {
  text-decoration: none; }

.adopt-phone-list .btn:hover {
  color: #0166cc; }

.adopt-phone-list .btn.gray-btn {
  background-color: #D9D9D9;
  color: #fff;
  cursor: default; }

.verify-error {
  text-align: center; }

.verify-error span {
  display: block;
  width: 140px;
  height: 130px;
  margin: 58px auto 6px;
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/v2/verify-error.png); }

.verify-error p {
  font-size: 12px;
  color: #999;
  text-align: center; }

.phone-verify .verify-error .btn-sure {
  font-size: 14px !important;
  margin-top: 37px !important;
  width: 120px !important;
  height: 38px !important;
  line-height: 38px !important;
  display: block;
  margin: 0 auto 52px; }

/* 2016-01-21 BY Holly ADD */
.phone-verify .adopt-phone-box {
  text-align: center;
  border-color: #e5e5e5; }

.phone-verify .adopt-phone-title {
  padding-left: 35px;
  font-size: 14px;
  text-align: left;
  background-color: #eaf5ff; }

.phone-verify .icon {
  float: left;
  width: 17px;
  height: 17px;
  background: url(//pic.c-ctrip.com/giftcard/lipin/online/v2/icon-verify.png) no-repeat;
  *display: inline; }

.phone-verify .icon01 {
  margin: 9px 0 0 -25px; }

.phone-verify .icon02 {
  margin: 7px 0 0 20px;
  background-position: -34px 0; }

.phone-verify .icon03 {
  margin: 7px 0 0 -22px;
  background-position: -17px 0; }

.phone-verify .icon04, .phone-verify .icon05 {
  width: 56px;
  height: 56px;
  margin: 5px 0 0 -71px; }

.phone-verify .icon04 {
  background-position: 0 -17px; }

.phone-verify .icon05 {
  background-position: -56px -17px; }

.phone-verify .adopt-phone-ct {
  position: relative;
  zoom: 1;
  padding-bottom: 35px;
  text-align: left; }

.phone-verify .adopt-phone-ct .order-tip {
  margin-top: 15px;
  font-size: 14px;
  line-height: 24px;
  color: #000; }

.phone-verify .adopt-phone-ct .btn-sure {
  width: 260px;
  height: 44px;
  margin-top: 30px;
  font-weight: 700;
  font-size: 18px;
  line-height: 44px;
  background-color: #ff9913; }

.phone-verify .adopt-phone-ct .btn-sure.disable {
  cursor: default;
  background-color: #ccc; }

.phone-verify .adopt-phone-list {
  margin-top: -5px; }

.phone-verify .adopt-phone-list li {
  margin: 20px 0 0;
  padding-left: 0;
  overflow: hidden;
  zoom: 1; }

.phone-verify .adopt-phone-list input {
  float: left;
  width: 238px;
  font-size: 12px;
  color: #000; }

.phone-verify input::-webkit-input-placeholder {
  color: #999; }

.phone-verify input:-ms-input-placeholder {
  color: #999; }

.phone-verify .adopt-phone-list .error {
  border-color: #f00;
  background-color: #fff2f2; }

.phone-verify .adopt-phone-list .code {
  width: 135px; }

.phone-verify .adopt-phone-list p {
  float: left;
  margin-left: 20px;
  padding-left: 22px;
  font-size: 12px;
  color: #f00; }

.phone-verify .adopt-phone-list .btn {
  float: left;
  width: 86px;
  height: 30px;
  margin-left: 15px;
  padding: 0;
  line-height: 30px;
  color: #1d74e6;
  border-color: #e1e1e1;
  border-radius: 0; }

.phone-verify .error-tip {
  position: absolute;
  left: 55px;
  bottom: 0;
  width: 260px;
  font-size: 12px;
  line-height: 35px;
  color: #f00;
  text-align: center; }

.verify-success {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 75px 0 70px 71px;
  text-align: left; }

.verify-success strong {
  display: block;
  font-weight: 100;
  font-size: 22px;
  line-height: 33px;
  color: #333; }

.verify-success p {
  font-size: 16px;
  line-height: 35px;
  color: #666; }

.verify-success a {
  display: inline-block;
  margin-bottom: 5px;
  line-height: 22px;
  color: #0166cc; }

.verify-success a em {
  padding-left: 5px;
  font-family: "\5B8B\4F53";
  vertical-align: 1px; }

.verify-success .btn-enter {
  display: block;
  width: 216px;
  height: 48px;
  margin: 20px 0 15px;
  font-weight: 700;
  font-size: 18px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  background-color: #ff9813; }

/*footer*/
.receipt_ft {
  text-align: center;
  font-size: 12px;
  color: #4c4c4c;
  margin-bottom: 20px;
  margin-top: 45px; }

.receipt_ft a {
  color: #4c4c4c;
  margin: 0 1px;
  white-space: nowrap;
  text-decoration: none; }

.enterprise-procurement {
  margin-top: -10px; }

.enterprise-procurement01,
.enterprise-procurement02,
.enterprise-procurement03,
.enterprise-procurement04,
.enterprise-procurement05,
.enterprise-procurement06,
.enterprise-procurement07,
.enterprise-ticket01,
.enterprise-ticket02,
.enterprise-ticket03,
.enterprise-ticket04,
.enterprise-ticket05,
.enterprise-ticket06 {
  position: relative;
  min-width: 990px;
  background-repeat: no-repeat;
  background-position: 50% 0; }

.enterprise-procurement01 {
  height: 500px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/enterprise-procurement12.jpg); }

.enterprise-procurement-txt,
.enterprise-ticket01-txt {
  position: absolute;
  left: 50%;
  bottom: 170px;
  width: 824px;
  height: 50px;
  margin-left: -418px;
  cursor: pointer;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px; }

.enterprise-procurement02 {
  height: 853px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/enterprise-procurement13.jpg); }

.enterprise-procurement03 {
  height: 470px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/enterprise-procurement03.jpg); }

.enterprise-procurement04 {
  height: 785px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/enterprise-procurement04.jpg); }

.enterprise-procurement05 {
  height: 758px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/enterprise-procurement05.jpg); }

.enterprise-procurement-list {
  width: 990px;
  overflow: hidden;
  margin: 0 auto;
  padding: 128px 0 10px; }
  .enterprise-procurement-list ul {
    margin-right: -60px;
    overflow: hidden; }
    .enterprise-procurement-list ul li {
      float: left;
      width: 465px;
      height: 260px;
      margin: 0 60px 50px 0; }

.enterprise-procurement06 {
  height: 260px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/enterprise-procurement06-v1.png); }

.enterprise-procurement07 {
  height: 584px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/enterprise-procurement07-v1.png); }

.enterprise-ticket01 {
  height: 396px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/ticket-01.png); }

.enterprise-ticket02 {
  height: 396px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/ticket-02.png); }

.enterprise-ticket03 {
  height: 396px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/ticket-03.png); }

.enterprise-ticket04 {
  height: 396px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/ticket-04.png); }

.enterprise-ticket05 {
  height: 396px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/ticket-05.png); }

.enterprise-ticket06 {
  height: 396px;
  background-image: url(//pic.c-ctrip.com/giftcard/lipin/online/enterprise-procurement/ticket-06.png); }

.enterprise-ticket01-txt {
  bottom: 86px;
  margin-left: -173px;
  width: 346px; }

@media screen and (max-width: 1200px) {
  .container {
    width: 980px; }

  .mod-banner .banner-img {
    margin-left: -370px; }

  .featured-theme-list {
    width: 104%;
    padding-bottom: 20px; }
    .featured-theme-list li {
      width: 17.4%;
      padding-bottom: 20px; }
      .featured-theme-list li:nth-child(-n+4) {
        margin-right: 2.25%; }
      .featured-theme-list li img {
        width: 66px;
        height: 66px;
        margin: 0 20px 0 0px; }
      .featured-theme-list li .txt-black {
        margin: 13px 0; }

  .giftcard-product-box {
    margin-right: 1px; }

  .giftcard-product-list li {
    padding: 0 20px; }

  .hot-list {
    width: 141px; }
    .hot-list-hd {
      height: 66px;
      padding-top: 10px; }
      .hot-list-hd .maintitle {
        width: 60px;
        font-size: 20px;
        line-height: 20px; }
    .hot-list .giftcard-product-list.v2 {
      padding-top: 29px; }
      .hot-list .giftcard-product-list.v2 li {
        width: 129px; }
      .hot-list .giftcard-product-list.v2 .pic {
        height: 83px; }
      .hot-list .giftcard-product-list.v2 .black-opacity60 {
        top: 1px; }
    .hot-list-nav span {
      width: 10px;
      height: 10px;
      margin: 0 4px; }

  .giftcard-product-box-v2 {
    width: 770px; }
    .giftcard-product-box-v2 .prev,
    .giftcard-product-box-v2 .next {
      top: 93px;
      width: 16px;
      height: 34px;
      line-height: 34px; }
    .giftcard-product-box-v2 .next {
      right: 7px; }

  .giftcard-product-list.v2 {
    margin-right: -46px; }
    .giftcard-product-list.v2 li {
      width: 154px;
      padding-right: 47px; }
    .giftcard-product-list.v2 .pic {
      height: 100px; }
    .giftcard-product-list.v2 .hd {
      padding-top: 10px; }
    .giftcard-product-list.v2 .card-type {
      width: 52px;
      height: 20px; }
    .giftcard-product-list.v2 .txt-grayer {
      padding: 10px 14px 11px;
      font-size: 12px;
      line-height: 22px; }
    .giftcard-product-list.v2 .black-opacity60 {
      top: 10px; }
    .giftcard-product-list.v2 .ranking-tag-box {
      bottom: 6px;
      width: 22px;
      height: 25px; }
      .giftcard-product-list.v2 .ranking-tag-box span {
        font-size: 12px;
        line-height: 17px; }
    .giftcard-product-list.v2.fd {
      margin-right: -12px; }
      .giftcard-product-list.v2.fd li {
        width: 180px;
        padding-right: 12px; }
      .giftcard-product-list.v2.fd .module.other {
        height: 116px; }
      .giftcard-product-list.v2.fd .hd {
        padding: 14px 14px 0; }
        .giftcard-product-list.v2.fd .hd .title02 {
          max-width: 95px;
          margin-top: -4px;
          font-size: 16px;
          line-height: 24px; }
      .giftcard-product-list.v2.fd .discount {
        padding: 9px 14px 0;
        font-size: 20px; }
      .giftcard-product-list.v2.fd .black-opacity60 {
        top: 18px; }

  .giftcard-ad.v2 {
    width: 770px; }
    .giftcard-ad.v2 li {
      height: 149px; }

  .holiday-theme-list li {
    width: 230px;
    padding: 0; }
  .holiday-theme-list .pic,
  .holiday-theme-list .whitemaskBG {
    height: 115px; }
  .holiday-theme-list .hd {
    left: 30px;
    height: 27px;
    margin-top: -13px; }
    .holiday-theme-list .hd .title01 {
      font-size: 18px; }

  .giftcard-hot-sale-list {
    margin-right: -31px; }
    .giftcard-hot-sale-list li {
      width: 171px;
      padding: 0 31px 0 0; }
    .giftcard-hot-sale-list .pic,
    .giftcard-hot-sale-list .whitemaskBG,
    .giftcard-hot-sale-list .module.other {
      height: 111px; }

  .giftcard-ad li {
    height: 108px; }
  .giftcard-ad.two li {
    width: 485px; }
  .giftcard-ad.final-ad ul {
    margin-right: -5px;
    margin-left: -5px; }
  .giftcard-ad.final-ad li {
    width: 184px;
    height: 84px;
    padding-right: 5px;
    padding-left: 5px; }

  .footer_tips ul {
    margin-right: -45px; }
  .footer_tips li {
    width: 185px; }

  .footer .giftcard-ask-list li {
    width: 235px; }
  .footer .giftcard-ask-list .ft_contact {
    width: 234px; }

  .giftcard-preview {
    width: 390px;
    height: 344px; }
    .giftcard-preview .left,
    .giftcard-preview .right {
      top: 90px; }
    .giftcard-preview .pic {
      width: 300px;
      height: 300px;
      margin-right: 45px;
      margin-left: 45px; }

  .giftcard-productInfo {
    width: 570px; }

  .giftsexchange .cm-tag-list span {
    max-width: 194px; }

  .giftcard-welfare-list .cm-tag-list span {
    max-width: 304px; }

  .giftcard-value-form-list .money {
    width: 348px; }

  .giftcard-pack-list .cm-fr {
    margin-right: 30px; }

  .giftcard-buy.two-columns .giftcard-buy-article {
    width: 718px; }

  .others-value .others-value-list .label-box {
    width: 180px; }
  .others-value .others-value-list .custom-label-box {
    width: 263px; }

  .giftcard-progress.three li {
    width: 327px; }
    .giftcard-progress.three li.last {
      width: 326px; }

  .order-main {
    width: 700px; }

  .contract-process li {
    width: 120px; }

  .cm-txt-box .contract-process li {
    width: 134px; }

  .order-gift-right .order-input-list {
    width: 450px; }
    .order-gift-right .order-input-list input {
      width: 216px; }
    .order-gift-right .order-input-list textarea {
      width: 289px; }

  .order-table {
    width: 700px;
    text-indent: 8px; }

  .step-tips .order-table {
    width: 650px; }
    .step-tips .order-table th,
    .step-tips .order-table td {
      padding-left: 10px; }

  .xcb-hd {
    width: 980px; }

  .cardlist {
    width: 980px; }
    .cardlist li {
      width: 300px;
      height: 216px; }
    .cardlist .card .hd,
    .cardlist .card .discount {
      padding-right: 15px;
      padding-left: 15px; }
    .cardlist .card .discount-tips {
      font-size: 12px;
      left: 15px;
      right: 15px; }

  .step .name {
    font-size: 22px;
    padding: 0 15px; }

  .process,
  .QAlist {
    margin: 54px 20px 0; }

  .filter-menu-list-h69 li {
    margin-right: 23px; }

  .filter-content {
    min-height: 858px; }
    .filter-content .giftcard-product-list.v2 {
      margin-right: -49px; }
      .filter-content .giftcard-product-list.v2 li {
        min-height: 202px;
        padding-right: 49px; }

  .n-pop-ad {
    width: 340px; }
    .n-pop-ad img {
      width: 340px;
      height: 398px; } }
.global-wrapper {
  min-width: 1180px;
  min-height: 690px;
  z-index: 1; }
  .global-wrapper .content {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 100px 64px;
    height: 100%;
    justify-content: center;
    width: 1180px;
    margin: 0 auto; }
  .global-wrapper .wx-qrcode {
    width: 185px;
    height: 185px; }
  .global-wrapper .wx-qrcode-tip {
    margin-top: 8px;
    font-size: 10px;
    line-height: 16px;
    color: #fff; }
  .global-wrapper p {
    color: #bb9053; }
  .global-wrapper .card-text {
    margin-top: 16px;
    font-size: 32px; }
  .global-wrapper .ad-text-wrapper {
    position: relative;
    margin-bottom: 85px; }
    .global-wrapper .ad-text-wrapper p {
      position: absolute;
      font-size: 64px;
      opacity: 0; }
    .global-wrapper .ad-text-wrapper .current {
      opacity: 1; }
  .global-wrapper .des-text {
    margin-top: 20px;
    font-size: 24px; }
  .global-wrapper .scene-wrapper {
    margin-top: 20px; }
    .global-wrapper .scene-wrapper li {
      box-sizing: border-box;
      position: relative;
      margin-right: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      float: left;
      width: 96px;
      height: 54px;
      background-size: cover;
      color: #fff;
      cursor: pointer; }
      .global-wrapper .scene-wrapper li img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .global-wrapper .scene-wrapper li p {
        display: none; }
    .global-wrapper .scene-wrapper .current {
      border: 1px solid #bb9053; }
      .global-wrapper .scene-wrapper .current::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000;
        opacity: 0.6; }
      .global-wrapper .scene-wrapper .current p {
        display: block;
        z-index: 2;
        color: #fff; }

.bg-img-wrapper {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-color: #000; }
  .bg-img-wrapper .bg-img {
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }

.feeze_titile {
  box-sizing: border-box;
  padding: 8px 10px 8px 28px;
  background-color: #fef3f2;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #f5190a;
  margin-bottom: 16px;
  margin-top: -16px;
  position: relative; }
  .feeze_titile .title_left {
    position: absolute;
    left: 8px;
    top: 8px; }
    .feeze_titile .title_left .icon_emerge {
      width: 13px;
      height: 13px;
      border-radius: 50%;
      border: 1px solid #f5190a;
      font-weight: 700;
      text-align: center;
      line-height: 13px;
      margin-right: 4px;
      margin-top: 2px; }

.giftcard-info .giftcard-info-title.freeze-title {
  height: 26px; }

.card-tag-list {
  overflow: hidden;
  margin-top: 6px;
  font-size: 0;
  display: inline-block; }
  .card-tag-list .tag-border-red, .card-tag-list .tag-border-grayEEE {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    height: 12px;
    margin-right: 4px;
    padding: 2px 4px;
    font-size: 11px;
    line-height: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .card-tag-list .tag-border-red::after, .card-tag-list .tag-border-grayEEE::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    pointer-events: none;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .card-tag-list .tag-border-red {
    color: #f5190a; }
  .card-tag-list .tag-border-red:after {
    border-color: #fcc5c1; }
  .card-tag-list .tag-border-grayEEE {
    color: #999; }
  .card-tag-list .tag-border-grayEEE:after {
    border-color: #eee; }

.shopping {
  margin: -6px; }
  .shopping .shopping-item {
    padding: 6px;
    display: inline-block;
    box-sizing: border-box;
    width: 49%; }
    .shopping .shopping-item > a {
      position: relative;
      display: inline-flex;
      flex-direction: row;
      align-items: flex-start; }
    .shopping .shopping-item .card-cover {
      width: 110px;
      height: 70px;
      position: relative;
      margin-right: 10px;
      border-radius: 6px;
      overflow: hidden; }
      .shopping .shopping-item .card-cover img {
        height: 100%;
        width: 100%; }
      .shopping .shopping-item .card-cover .tag {
        background-color: rgba(0, 0, 0, 0.7);
        border-top-left-radius: 6px;
        border-bottom-right-radius: 6px;
        color: #ffffff;
        font-size: 12px;
        position: absolute;
        left: 0;
        top: 0;
        padding: 1px 3px; }
    .shopping .shopping-item .card-content {
      flex: 1; }
      .shopping .shopping-item .card-content .giftcard-info-title {
        -webkit-line-clamp: 1;
        height: unset; }

.shopping-more {
  color: rgba(15, 41, 77, 0.7);
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center; }
  .shopping-more * {
    cursor: default; }
  .shopping-more > span {
    position: relative;
    display: inline-block;
    padding-right: 14px; }
  .shopping-more .icon-arrow.bottom .before {
    color: rgba(15, 41, 77, 0.7);
    border-top-color: rgba(15, 41, 77, 0.7); }
  .shopping-more .icon-arrow.top .before {
    color: rgba(15, 41, 77, 0.7);
    border-bottom-color: rgba(15, 41, 77, 0.7); }

/*# sourceMappingURL=lipin.css.map */