#payment .common_service {
  background: #fff; }
  #payment .common_service .list li {
    height: 87px; }

#payment .title {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: -481px -315px;
  width: 101px;
  height: 22px; }

#payment .type {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: -105px -343px;
  width: 154px;
  height: 23px; }

#payment .card {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: 0px -290px;
  width: 100px;
  height: 85px; }

#payment .alipay {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: 0px -380px;
  width: 98px;
  height: 86px; }

#payment .wechat {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: -103px -380px;
  width: 79px;
  height: 86px; }

#payment .payment {
  margin: 0 auto;
  width: 650px;
  color: #747198; }
  #payment .payment .pay_title {
    height: 38px;
    border-bottom: 2px solid #d8e6ff;
    line-height: 38px;
    text-align: center; }
    #payment .payment .pay_title span {
      color: #ff9946; }
  #payment .payment label {
    display: block;
    float: left;
    width: 100px; }
  #payment .payment .input {
    height: 32px;
    line-height: 32px;
    margin-top: 17px; }
    #payment .payment .input:first-child {
      margin-top: 24px; }
    #payment .payment .input input {
      width: 206px;
      height: 28px;
      padding: 0 0 0 10px;
      margin-left: 26px;
      border: solid 2px #d2e3f7;
      color: #8781d1;
      float: left; }
    #payment .payment .input input:focus {
      outline: 1px solid #829acb; }
  #payment .payment .payment_num {
    margin-top: 32px; }
    #payment .payment .payment_num label {
      margin-top: 142px; }
  #payment .payment #selectInfullAmount {
    width: 550px;
    overflow: hidden; }
    #payment .payment #selectInfullAmount li {
      width: 546px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      border: solid 2px #d2e3f7;
      cursor: pointer;
      margin: 4px 0; }
  #payment .payment .btn_next {
    display: block;
    background-image: url("/imgs/payment.png");
    background-size: 601px 466px;
    background-position: -105px -290px;
    width: 150px;
    height: 48px;
    margin: 20px auto; }
  #payment .payment .check {
    margin: 38px auto 22px auto;
    float: none;
    width: 220px;
    cursor: pointer; }
    #payment .payment .check div {
      float: left;
      width: 18px;
      height: 18px;
      border: #829acb 2px solid;
      border-radius: 4px;
      margin-right: 10px; }
      #payment .payment .check div.active {
        background-image: url("/imgs/payment.png");
        background-size: 601px 466px;
        background-position: -508px -379px;
        width: 22px;
        height: 22px;
        border: 0; }
    #payment .payment .check input {
      display: none; }

#payment .warm_hint {
  padding: 20px 0;
  border-top: 2px #d8e6ff dashed;
  margin: 0 auto;
  width: 620px; }
  #payment .warm_hint p {
    color: #8c8c94;
    font-size: 14px;
    line-height: 22px; }

#payment .tips {
  padding-bottom: 6px;
  border-bottom: 2px solid #d8e6ff;
  margin-bottom: 6px; }
  #payment .tips div {
    background-image: url("/imgs/payment.png");
    background-size: 601px 466px;
    background-position: -481px -282px;
    width: 116px;
    height: 28px; }

.btn_next {
  display: block;
  margin: 0.2rem auto;
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: -481px -141px;
  width: 120px;
  height: 42px;
  cursor: pointer; }

.btn_next:hover {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: -481px -188px;
  width: 120px;
  height: 42px; }

.mask {
  background: #000000;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  display: none; }

#qrcode_img_page.wechat_box {
  position: fixed;
  top: 30%;
  left: 36%;
  display: none;
  width: 420px;
  color: #787878;
  z-index: 9999;
  background-color: #f4f5ef;
  font-size: 14px; }
  #qrcode_img_page.wechat_box .title {
    position: relative;
    height: 45px;
    width: 100%;
    line-height: 45px;
    margin: 0;
    background: #0d509c;
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 2px;
    text-align: center;
    border-bottom: 1px solid #e0c59e; }
    #qrcode_img_page.wechat_box .title a {
      position: absolute;
      right: 7px;
      top: 7px;
      width: 32px;
      height: 32px;
      background-image: url("/imgs/payment.png");
      background-size: 601px 466px;
      background-position: -481px -342px;
      width: 32px;
      height: 32px; }
      #qrcode_img_page.wechat_box .title a:hover {
        background-image: url("/imgs/payment.png");
        background-size: 601px 466px;
        background-position: -518px -342px;
        width: 32px;
        height: 32px; }
  #qrcode_img_page.wechat_box .content {
    border-top: 1px solid #fff;
    margin: 0;
    overflow: hidden; }
  #qrcode_img_page.wechat_box .pay_content {
    width: 322px;
    margin: 15px auto 0;
    min-height: 100px; }
    #qrcode_img_page.wechat_box .pay_content .top {
      height: 160px;
      margin-bottom: 20px; }
    #qrcode_img_page.wechat_box .pay_content .erweima {
      float: left;
      width: 160px;
      height: 160px; }
    #qrcode_img_page.wechat_box .pay_content .tips {
      float: right;
      width: 130px;
      margin: 0;
      padding: 0;
      border: 0; }
      #qrcode_img_page.wechat_box .pay_content .tips span {
        display: block;
        padding-top: 12px;
        color: #ac844b; }
      #qrcode_img_page.wechat_box .pay_content .tips p {
        line-height: 21px; }
    #qrcode_img_page.wechat_box .pay_content .swp {
      position: relative;
      margin-top: 20px;
      background-image: url("/imgs/payment.png");
      background-size: 601px 466px;
      background-position: -187px -380px;
      width: 128px;
      height: 52px; }
    #qrcode_img_page.wechat_box .pay_content .finish {
      padding: 0 20px;
      color: #857865;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 35px;
      overflow: hidden; }
    #qrcode_img_page.wechat_box .pay_content .middle {
      margin-bottom: 20px;
      overflow: hidden;
      color: #494949; }
      #qrcode_img_page.wechat_box .pay_content .middle table {
        width: 322px;
        border-collapse: collapse; }
      #qrcode_img_page.wechat_box .pay_content .middle td {
        text-align: center;
        height: 23px;
        border: 1px #d9d9d9 solid; }
      #qrcode_img_page.wechat_box .pay_content .middle .td_color {
        color: #e38100; }
      #qrcode_img_page.wechat_box .pay_content .middle .td_bg1 {
        background: #fff3d4;
        width: 91px; }
      #qrcode_img_page.wechat_box .pay_content .middle .td_bg2 {
        background: #fff; }

#alipay .result {
  position: fixed;
  top: 30%;
  left: 35%;
  display: none;
  width: 420px;
  z-index: 9999; }
  #alipay .result .title {
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
    background: #0d509c; }
    #alipay .result .title a {
      position: absolute;
      background-image: url("/imgs/payment.png");
      background-size: 601px 466px;
      background-position: -481px -342px;
      width: 32px;
      height: 32px;
      top: 6px;
      right: 6px; }
    #alipay .result .title a:hover {
      background-image: url("/imgs/payment.png");
      background-size: 601px 466px;
      background-position: -518px -342px;
      width: 32px;
      height: 32px; }
  #alipay .result .content {
    margin: 0;
    background-color: #f4f5ef; }
    #alipay .result .content p {
      padding: 10px 40px;
      font-size: 14px;
      line-height: 20px;
      color: #787878; }

#alipay .alipay_box {
  position: fixed;
  top: 30%;
  left: 35%;
  width: 420px;
  z-index: 9999;
  color: #7d7d7d;
  background: #f4f5ef;
  display: none; }
  #alipay .alipay_box .title {
    position: relative;
    background: #0d509c;
    height: 44px;
    width: 100%;
    line-height: 44px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    color: #fff; }
    #alipay .alipay_box .title a {
      position: absolute;
      right: 7px;
      top: 7px;
      background-image: url("/imgs/payment.png");
      background-size: 601px 466px;
      background-position: -481px -342px;
      width: 32px;
      height: 32px; }
      #alipay .alipay_box .title a:hover {
        background-image: url("/imgs/payment.png");
        background-size: 601px 466px;
        background-position: -518px -342px;
        width: 32px;
        height: 32px; }
  #alipay .alipay_box table {
    margin: 0 auto; }
    #alipay .alipay_box table td {
      height: 40px;
      line-height: 40px; }
    #alipay .alipay_box table .txt {
      color: #2596d8; }
  #alipay .alipay_box .button2 {
    float: left;
    margin: 10px 45px;
    background-image: url("/imgs/payment.png");
    background-size: 601px 466px;
    background-position: -481px -94px;
    width: 120px;
    height: 42px;
    border: 0; }

.result .button,
.wechat_box .button {
  margin: 0 auto;
  padding-bottom: 15px;
  padding-top: 10px;
  width: 265px;
  overflow: hidden; }
  .result .button .btn_hint,
  .wechat_box .button .btn_hint {
    float: left;
    margin: 0 auto 20px;
    background-image: url("/imgs/payment.png");
    background-size: 601px 466px;
    background-position: -481px -47px;
    width: 120px;
    height: 42px; }
  .result .button .btn_cancel,
  .wechat_box .button .btn_cancel {
    float: left;
    margin: 0 auto 20px 20px;
    background-image: url("/imgs/payment.png");
    background-size: 601px 466px;
    background-position: -481px -235px;
    width: 120px;
    height: 42px; }
  .result .button .btn_hint:hover,
  .wechat_box .button .btn_hint:hover {
    background-image: url("/imgs/payment.png");
    background-size: 601px 466px;
    background-position: -320px -380px;
    width: 120px;
    height: 42px; }
  .result .button .btn_cancel:hover,
  .wechat_box .button .btn_cancel:hover {
    background-image: url("/imgs/payment.png");
    background-size: 601px 466px;
    background-position: -260px -290px;
    width: 120px;
    height: 42px; }

.msg {
  float: left;
  height: 32px;
  color: #a467a0; }

.msg i {
  float: left;
  margin: 6px 11px 0 11px;
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: -481px -379px;
  width: 22px;
  height: 22px; }

.msg i.fail {
  background-image: url("/imgs/payment.png");
  background-size: 601px 466px;
  background-position: -555px -342px;
  width: 22px;
  height: 22px; }

#selectInfullAmount li.active {
  border-color: #8781d1 !important;
  background: #e8f6ff; }

#payment .list li {
  cursor: pointer; }