<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#payBody {
  background-color: #edf4fa;
}

#payBody .sites-header {
  padding-bottom: 4px;
}

#payBody .sites-header h2 {
  float: left;
  margin-left: 40px;
  font-size: 22px;
  line-height: 46px;
  font-weight: normal;
  color: #ff8e00;
}

#payBody .sites-header .stepbar {
  float: right;
  margin-top: 8px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
}

#payBody .sites-header .stepbar .step {
  position: relative;
  float: left;
  margin: 0 3px;
  padding: 0 5px 0 25px;
  background-color: #ff8e00;
}

#payBody .sites-header .stepbar .step:before {
  position: absolute;
  top: 0;
  right: -30px;
  z-index: 10;
  content: '';
  border: 15px solid transparent;
  border-left-color: #ff8e00;
}

#payBody .sites-header .stepbar .step:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  content: '';
  border: 15px solid transparent;
  border-left-color: #fff;
}

#payBody .sites-header .stepbar .step.active {
  background-color: #ff6000;
}

#payBody .sites-header .stepbar .step.active:before {
  border-left-color: #ff6000;
}

#payBody .sites-header .stepbar .step1 {
  padding-left: 18px;
  border-radius: 3px 0 0 3px;
}

#payBody .sites-header .stepbar .step1:after {
  border: 0;
}

#payBody .sites-header .stepbar .step3 {
  padding-right: 18px;
  border-radius: 0 3px 3px 0;
}

#payBody .sites-header .stepbar .step3:before {
  border: 0;
}

.sites-user {
  padding: 10px 0 20px;
  background-color: #edf4fa;
}

.sites-user .head {
  height: 200px;
  background-color: #f9a131;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb658), to(#f6961c));
  background: -webkit-linear-gradient(#ffb658, #f6961c);
  background: -o-linear-gradient(#ffb658, #f6961c);
  background: linear-gradient(#ffb658, #f6961c);
}

.sites-user .head .photo {
  margin: auto;
  padding-top: 25px;
  width: 120px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  text-align: center;
}

.sites-user .head .photo img {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

.sites-user .container {
  margin-top: 15px;
  padding-bottom: 1px;
  min-height: 520px;
  background-color: #fff;
}

.sites-user .container .pagnation {
  margin-bottom: 40px;
}

.sites-user .user-nav {
  height: 62px;
  border-bottom: 1px solid #eee;
}

.sites-user .user-nav .item {
  float: left;
  width: 236px;
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  color: #666;
  text-align: center;
  -webkit-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear;
}

.sites-user .user-nav .item:hover {
  color: #ff8e00;
}

.sites-user .user-nav .item.current {
  color: #ff8e00;
  border-color: #ff8e00;
}

.sites-user .form-list {
  margin-bottom: 30px;
  height: 30px;
}

.sites-user .form-list .pre-name {
  float: left;
  margin-right: 15px;
  width: 65px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

.sites-user .form-list .pre-name em {
  color: transparent;
}

.sites-user .form-list .inputbox {
  float: left;
  padding: 0 10px;
  width: 240px;
  height: 28px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #333;
  outline: none;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.sites-user .form-list .inputbox:focus {
  border-color: #ff8e00;
}

.sites-user .form-list .mark {
  float: left;
  margin-left: 10px;
  font-size: 20px;
  line-height: 36px;
  color: #ff0000;
}

.sites-user .submit-btn input {
  display: block;
  margin-left: 80px;
  width: 262px;
  height: 34px;
  border: none;
  font-size: 15px;
  color: #fff;
  background-color: #ff7900;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8e00), to(#ff6000));
  background: -webkit-linear-gradient(#ff8e00, #ff6000);
  background: -o-linear-gradient(#ff8e00, #ff6000);
  background: linear-gradient(#ff8e00, #ff6000);
  border-radius: 4px;
}

.sites-user .content-info {
  padding: 50px 0;
}

.sites-user .content-info .tips {
  font-size: 16px;
  color: #999;
  text-align: center;
}

.sites-user .content-info .info {
  margin: 50px auto 0;
  width: 370px;
}

.sites-user .content-info .info .select-sex {
  position: relative;
  float: left;
  padding: 0 10px;
  width: 240px;
  height: 28px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.sites-user .content-info .info .select-sex:after {
  position: absolute;
  right: 10px;
  top: 50%;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #b9b9b9;
  border-right: 1px solid #b9b9b9;
  margin-top: -6px;
  -webkit-transform-origin: 66% 66%;
      -ms-transform-origin: 66% 66%;
       -o-transform-origin: 66% 66%;
          transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.sites-user .content-info .info .select-sex.open:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.sites-user .content-info .info .select-sex.open {
  border-color: #ff8e00;
}

.sites-user .content-info .info .select-sex.open .select-list {
  display: block;
}

.sites-user .content-info .info .select-sex .current {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #bbb;
}

.sites-user .content-info .info .select-sex .current.selected {
  color: #333;
}

.sites-user .content-info .info .select-sex .select-list {
  position: absolute;
  top: 29px;
  left: -1px;
  z-index: 10;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  overflow: auto;
  display: none;
}

.sites-user .content-info .info .select-sex .option {
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
}

.sites-user .content-info .info .select-sex .option:hover {
  color: #fff;
  background-color: #ff8e00;
}

.sites-user .content-sheet {
  padding: 0 20px;
  margin-bottom: 40px;
}

.sites-user .content-sheet h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 50px;
  color: #333;
}

.sites-user .content-sheet .content {
  margin-bottom: 40px;
  border: 1px solid #eee;
  border-bottom: 0;
}

.sites-user .content-sheet .content .title {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  text-align: center;
  border-bottom: 1px solid #eee;
  background-color: #eee;
}

.sites-user .content-sheet .content .list {
  height: 100px;
  line-height: 100px;
  font-size: 12px;
  color: #999;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.sites-user .content-sheet .content p {
  float: left;
  padding: 0 8px;
  height: 100%;
  border-right: 1px solid #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.sites-user .content-sheet .content a {
  color: #999;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  cursor: pointer;
}

.sites-user .content-sheet .content a:hover {
  color: #ff8e00;
  text-decoration: underline;
}

.sites-user .content-sheet .content .course a {
  color: #0b82f0;
}

.sites-user .content-sheet .content .row, .sites-user .content-sheet .content .course {
  display: table;
  line-height: 18px;
  text-align: center;
}

.sites-user .content-sheet .content .row span, .sites-user .content-sheet .content .course span {
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
}

.sites-user .content-sheet .content .row em, .sites-user .content-sheet .content .course em {
  font-style: normal;
}

.sites-user .content-sheet .content .price {
  color: #ff0000;
}

.sites-user .content-sheet .content .time {
  border-right: 0;
}

.sites-user .content-sheet .order-list .order-number {
  font-size: 13px;
  line-height: 28px;
  color: #666;
}

.sites-user .content-sheet .order-list .order-number span {
  color: #ff8e00;
}

.sites-user .content-sheet .content-order p {
  width: 12.5%;
}

.sites-user .content-sheet .content-order .ispay {
  border-right: 0;
}

.sites-user .content-sheet .content-payment {
  margin-bottom: 0;
}

.sites-user .content-sheet .content-payment p {
  width: 14.28%;
}

.sites-user .content-sheet .content-payment .price {
  border-right: 0;
}

.sites-user .content-sheet .content-collection .list {
  height: 60px;
  line-height: 60px;
}

.sites-user .content-sheet .content-collection p {
  width: 20%;
}

.sites-user .content-sheet .content-download .list {
  height: 32px;
  line-height: 32px;
}

.sites-user .content-sheet .content-download p {
  width: 50%;
}

.sites-user .content-password .info {
  margin: 100px auto 0;
  width: 370px;
}

.sites-user .content-password .form-list .pre-name {
  width: 85px;
  text-align: right;
}

.sites-user .content-password .submit-btn input {
  margin-left: 100px;
}

.payment-tips {
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  background-color: #fffde3;
  border: 1px solid #ff8e00;
}

.payment-tips .tips1 {
  padding-left: 25px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAAH3kF3cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0OTQ3YzI0Yi05ZDEwLTQ4OTAtYjBmMS0xNDc1MzJiMjEzNmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZCQzhCQjYwN0VCMTFFODg3NjhDOUE0MjBENTEwRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZCQzhCQjUwN0VCMTFFODg3NjhDOUE0MjBENTEwRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNTc3ODk1MzlFMDFFODExOTI5MzlCNjZERjc0NTQzQiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmM1NjFhNDg4LTNkNDYtMTE3Yi05OWJkLWQxMGQwMDUxNWE3YSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl6QdUEAAAH9SURBVHjaYvjfz8AAxHz///9nYGJgYOgA4k8MExj/M0BlToNkAAKIEcQBARYg/g9iMDFAAUAAwaRAou+BWBCIlUCy/lAFv6D0PYAAghsC0gXSAVJ1Dar1H0xAE6piA4otQBAAE1BGEvwOEEDIhu4CYlcGVGDAUPD/IkgRJ5DzDUkC5IJAIF4HEwAZPRNNtzeyApiiODRFj4D4KRJ/GxOSFSC8BIgvAbEAEEeDxQr+ewMEELLDYQCk4AOcV/Af7n8JaCjBAhlEX0V2ExcQP0cy6RmU1oKZCFL0EklBPRBLI/H5gXGuB1LEgyQYz4AJupnQBJSg7kMG0kxYdO5B468BKWpFEvgLxPYoSgr+N4AU1SCFMDMQL0ZS4oicTmSA2A2I3wKxJxBvAWJWID4AkgQIMGwhzgBNMnFQDcJQsa9AvB+IlwPxKiD+A4sRdINAvj+EFpb4wHcg9gIadADZ2S1AfBeLIeeAmBea65aiyXGCXTiBcSssW4LyWzUOW28B8Rco+zoONV5Aw8ChHYzH+RFALAplZ+FRF8KClAhxgVwgPgPEUnjUPIXl3VdoaRMZ/IcmHhY8BukzQUNfHEcYfIZmI1B6OY1F/iM4tgv+X4LF2jdo/pIE4t1ICnmhFoFcZYokfg1cHIFyecH/+wxYnPsCmnqRAR80mXyEFbzYAACMC366ddHKPAAAAABJRU5ErkJggg==") left center no-repeat;
}

.sites-shopping .content-shopping {
  margin-bottom: 10px;
  padding-bottom: 25px;
  border-top: 1px solid #ff8e00;
  background-color: #fff;
}

.sites-shopping .content-shopping.fixed-bottom {
  margin-bottom: 105px;
}

.sites-shopping .content-shopping .content-order {
  margin-bottom: 0;
}

.sites-shopping .content-shopping .form-list {
  margin-top: 10px;
  margin-bottom: 0;
}

.sites-shopping .content-shopping .form-list .pre-name {
  text-align: right;
}

.sites-shopping .content-shopping .tips {
  margin-left: 80px;
  font-size: 14px;
  line-height: 40px;
  color: #999;
}

.sites-shopping .tips-pay {
  margin-top: -30px;
  padding: 20px 38px;
  border-top-color: #eee;
  font-size: 14px;
  line-height: 26px;
  color: #666;
}

.sites-shopping .tips-pay h3 {
  font-size: 18px;
  font-weight: normal;
}

.payment-content {
  margin-bottom: 10px;
  border-top: 1px dashed #eee;
}
.payment-content p {
 margin-top: 0;
}

.payment-content h5 {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 32px;
  color: #999;
}

.payment-content .payment-zfb .list {
  width: 440px;
}

.payment-content .payment-zfb .info {
  float: left;
 margin-top: 0;
  margin-left: 160px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.payment-content .payment-remittance {
  margin-top: -10px;
}

.payment-content .payment-remittance .list {
  width: 356px;
  height: 110px;
}

.payment-content .payment-remittance .list .bank-info {
  padding-left: 30px;
  padding-top: 8px;
  width: 326px;
  font-size: 14px;
  line-height: 26px;
  color: #333;
}

.payment-content .list {
  float: left;
  margin: 0 12px 16px;
  width: 170px;
  height: 40px;
}

.payment-content .list input {
  position: absolute;
  left: -9999px;
}

.payment-content .list .pay-selected {
  float: left;
  width: 20px;
  height: 40px;
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAAEhcmxxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0OTQ3YzI0Yi05ZDEwLTQ4OTAtYjBmMS0xNDc1MzJiMjEzNmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzREQjg1MEIwN0YxMTFFODlDQzNERDM0NUVBN0YwMkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzREQjg1MEEwN0YxMTFFODlDQzNERDM0NUVBN0YwMkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RkRDRTQ4NUJGMDdFODExQjEwNkZDRjdDMzc2OUE2NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmM1NjFhNDg4LTNkNDYtMTE3Yi05OWJkLWQxMGQwMDUxNWE3YSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpcV62IAAAEOSURBVHjaYkxLS2MAgjwmEAHEkwACiAEochzEswQIIEYQC8QAKQAIIBCHDUi/BWJekPQvEAOIHUEcGCgECCCYsgogbkKSuMACJD4DMTsDKrBhggqeB5kFxNxAvAmI+QECiBHmNCBuBeIrQGwPspgJqnoS1AUg95WBTAHZUYRmfgsQg71zhgET6IAklmKRqAZJZALxZqiLQC67ALITIMBgrpIG4i1A/ASI+4D4NFSnKdQNMkDsA8RPQY7KBWJ3IDbEYtV+KGaA+ns3SEMPEIswEAbRQPwa5NZzQGxChAaQmvMgGxyA+CQQr4GGETZQA8ShQGwG0vATiA2AGBS7+UAcA8SaUIXXgXgJEHfBDAMAovs0C64IXSoAAAAASUVORK5CYII=") center no-repeat;
}

.payment-content .list .pay-selected.checked {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAAEhcmxxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0OTQ3YzI0Yi05ZDEwLTQ4OTAtYjBmMS0xNDc1MzJiMjEzNmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkVCQTBGNzgwN0YxMTFFODk3RUY4RTk2NjdDMTIzOTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkVCQTBGNzcwN0YxMTFFODk3RUY4RTk2NjdDMTIzOTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RkRDRTQ4NUJGMDdFODExQjEwNkZDRjdDMzc2OUE2NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmM1NjFhNDg4LTNkNDYtMTE3Yi05OWJkLWQxMGQwMDUxNWE3YSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgTNx80AAAGcSURBVHjaYmQ4w8DA8Jshl4HhAEM2wwmG/wABxMBwnGEHEwMTgzpAADEyHAWymRksGFgYtAECiBGs8A/DOwYlBiEWIOM/EDIw3GX4D1LLAOb8Y2AACCBGhvNAxg8gl5EBAZgZbjIx/GT4BmTeZ+BiaGRgY5AFqQZidUaw1v0Ml4ASunAdMgyyAAHEyHAKzMwAqmoB0ucZ/jK4MlgxAE0+xnAaaKkJXDXIKF4GRiYMQVaGKoYvDNdYoK7gAvr0IwM7gzeQ3gUU+c4ENBPk/W9AF80FCzKCdbYxMjxkEGF4zvAabtx3hlsMtgzqAAHGyHCSAeQEbqAqkBFWDOgA5J2fDGcZ1Bg8GCQZ3jAyXGZIYfjMMBtsNCMDA1YNTAwvgWEqDmQVMwJjARRSnEB8G4hPASWiwWHMClauDHSzCNCgXUAX8APpLyDfXQZiM6BJqkDMyyDFIA+Mg7cMHxgSwXEEiyBIKLxgZLgAjsvrDL8YNMCS/+CSCIX/wfwnQFoeEkePoJiDoRyoORBotRrUR3eAeCPQ0e0MWkDHAX0BABnqbCJ61KzqAAAAAElFTkSuQmCC");
}

.payment-content .list span {
  display: block;
  padding-left: 30px;
  width: 140px;
  height: 40px;
}

.payment-content .list .zfbImg {
  background: url("../images/zfb.jpg") right no-repeat;
}

.payment-content .list .wxImg {
  background: url("../images/wx.jpg") right no-repeat;
}

.payment-content .list .jtyhImg {
  background: url("../images/jtyh.jpg") right no-repeat;
}

.payment-content .list .zgyhImg {
  background: url("../images/zgyh.jpg") right no-repeat;
}

.payment-content .list .gsyhImg {
  background: url("../images/gsyh.jpg") right no-repeat;
}

.payment-content .list .nyyhImg {
  background: url("../img/bank/nyyh.jpg") right no-repeat;
}

.payment-content .list .zsyhImg {
  background: url("../img/bank/zsyh.jpg") right no-repeat;
}

.payment-content .list .jsyhImg {
  background: url("../img/bank/jsyh.jpg") right no-repeat;
}

.payment-content .list .zgyzImg {
  background: url("../img/bank/zgyz.jpg") right no-repeat;
}

.payment-content .list .gdyhImg {
  background: url("../img/bank/gdyh.jpg") right no-repeat;
}

.payment-content .list .xyyhImg {
  background: url("../img/bank/xyyh.jpg") right no-repeat;
}

.payment-content .list .msyhImg {
  background: url("../img/bank/msyh.jpg") right no-repeat;
}

.payment-content .list .gfyhImg {
  background: url("../img/bank/gfyh.jpg") right no-repeat;
}

.payment-content .list .hxyhImg {
  background: url("../img/bank/hxyh.jpg") right no-repeat;
}

.payment-content .list .zxyhImg {
  background: url("../img/bank/zxyh.jpg") right no-repeat;
}

.payment-content .list .pfyhImg {
  background: url("../img/bank/pfyh.jpg") right no-repeat;
}

.payment-content .list .zgylImg {
  background: url("../img/bank/zgyl.jpg") right no-repeat;
}

.sites-payment {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 25px 0;
  border-top: 1px solid #ff8e00;
  background-color: #fff;
  font-size: 16px;
  color: #333;
}

.sites-payment .selected-num {
  float: left;
  margin-top: 16px;
}

.sites-payment .selected-num span {
  color: #0b82f0;
}

.sites-payment .protocol {
  float: left;
  margin-top: 16px;
  margin-left: 500px;
}

.sites-payment .protocol input {
  margin: 0;
  float: left;
  width: 18px;
  height: 18px;
  outline: none;
  cursor: pointer;
}

.sites-payment .protocol a {
  float: left;
  margin-left: 2px;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
}

.sites-payment .protocol a:hover {
  color: #0b82f0;
  text-decoration: underline;
}

.sites-payment .pay-wrap {
  float: right;
}

.sites-payment .pay-wrap .pay-price {
  float: left;
  line-height: 26px;
}

.sites-payment .pay-wrap .total-price {
  font-size: 22px;
  color: #ff0000;
}

.sites-payment .pay-wrap .save-price {
  color: #666;
}

.sites-payment .pay-wrap .submit-btn {
  float: left;
  margin-left: 30px;
}

.sites-payment .pay-wrap .submit-btn input {
  width: 210px;
  height: 50px;
  background-color: #ff8e00;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.sites-payment .pay-wrap .submit-btn input:hover {
  background-color: #ff6000;
}

.sites-order {
  margin: 55px 0;
  height: 600px;
}

.sites-order .order-info {
  padding: 70px;
  background-color: #fff;
}

.sites-order .order-info .info {
  padding: 35px 0;
  background-color: #fffde3;
  border: 1px solid #ff8e00;
  font-size: 14px;
  line-height: 30px;
  color: #333;
  text-align: center;
}

.sites-order .order-info .info h5 {
  font-size: 18px;
  font-weight: normal;
}

.sites-order .order-info .info .icon {
  margin: 0 auto 10px;
  width: 36px;
  height: 36px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAAGWB6gOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFDRkM1REEwQTIyMTFFOEFENzhEOThENjdEQTU2ODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFDRkM1REIwQTIyMTFFOEFENzhEOThENjdEQTU2ODQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUNGQzVEODBBMjIxMUU4QUQ3OEQ5OEQ2N0RBNTY4NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUNGQzVEOTBBMjIxMUU4QUQ3OEQ5OEQ2N0RBNTY4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbCe/YAAAO1SURBVHjaYsw/wgADL4FYfIL1fwYWqMB/JJqRCaqCCSrIWHCU8T9IpThMBUwHEwMCgAWAZjICBBAj1CJ2IN4AxJ4sSBaAVSJrY0A3By7AiMQvAAggRiTX/2fAAkA2M0FtxaoA5hGQonXIgmg03GPe6J5DM7kAIICQ3QQCFUDcDsTmQHwK6iZ4CG8CYl8kxSehNEj+L8g6KTQFyOAazE1PcSi4BcTqMN/BgA+6AmzRdhWIvdAVwBwGA/eBWBFdARCsRo+n++ihDwyCMCZcsYwc8gABhB6YDNAgweVjGADpsoUFNrotm6DOIWQICNhA1f4HBiMjcgD8ZyAdwEKTAWiYGgs0bZBlALIDmKAJDBkoQgPQC4sBjEhR9h89e5mhaYBF3XWoRjF8BiAbdBqIj2GRgxl4HJ8BsCSAHP3MQPyHxPA6CYx+C/To/wv1Aghr4dG8GkmdBUwQIICwJUgYMAXiBmigg9JWPxBPBuJfaEkfZ7I/Cg2PU0gxJw3EPUD8Eyonha+UZIYqsiIibJ5CC2IMgxjJCGh/aHihGPSPgTwQi2yQJpmGcALxD2A+64MZdI1cQ4AYZEgh0DA2JkoNgYploxt0Aq3IJMYQEChGN8gCreIixhBwOsPmtd9YDMNnCAhsw2YQC5phrAQMAYEGJuREhcOwPwQMAeW30yANYTjKGlgzBOQaDjwRcAw5ZRfgUYjPEJBrrJENmohU55MCWLDlfgsCLsNWcvzF1diaCI2p1XgM0EJu9cEAQIDhKyHRAShzNwJxKIneXwPE1dDqDFsY429GojUy8pFqomtkOAYEQoD4JpI5mfiyMzYHMUPLAFCZOYGB+mAa1OwDaG04rA7Kh2YscwbaA3tQaxNUtGJN3tBK0YqBPgCUnvRBhQEoDQEdBU9PsBBaRSfH3IIWtOrQkokBWpOB0tZaWC4zhfUo6BEiSGLYyltzJmjjBx+4DcSHqBUiUIf8x1H4NzJhaf4iA1CjSg2aABkJqKXEITDgAXLQKzwKSqDVmgKUv52Aw8h1CAy8YoK2UQlVNPcJOIxSh8BAPyhRs6MlNkIAVE6pAvEDHPJ9JDoCpSpngja8tUismmEhpoZUwPaTESIolS2wHPoJKxivQ3sGT0l02E0qFQvSQMc8Q686nkH5mxnoB0B2McEcg60uAwW5H9T3m2nsEJAdfkDH/Cem+fEX6jBGaFQeo4IjjkHNYoSa/Rdv2xEPAAWnNRIflCv1gNgZOq5iAh0KYICWaWeA+DAQ7wXiS9BMQzQAAN5aCe8hgDmZAAAAAElFTkSuQmCC") center no-repeat;
}

.sites-order .order-info .info .icon-fail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAAGWB6gOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTkxNEM4MDQwQTIyMTFFODlBMTJEMkI1NjAwQTVGNjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTkxNEM4MDUwQTIyMTFFODlBMTJEMkI1NjAwQTVGNjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTE0QzgwMjBBMjIxMUU4OUExMkQyQjU2MDBBNUY2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTE0QzgwMzBBMjIxMUU4OUExMkQyQjU2MDBBNUY2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtYl+aQAAAMSSURBVHjaYvjPwMAAxWdgbBYGCPiPTDMB8ROoACMDjPEfVSVI4j8TAyoASTICBBDMEm4gnvcfqvU/sjJkbczIAiDOXwaouxiRbIsBCCDG/6i2YAOMIGO40dyIYg9YDii7GuQiJMwIdTJcDN232EAMQAAxIIUoCOcC8RMg1kEWhzH2oVkJw0wwRYpQgd84FKIEYzs00MrRwgklaCuhocmI4RF0o6FB0oYsjmwSzIQQJOtBYAYx4cTIhCU6GNBMZwAIIPTABGFlHEGBjLej60PmnCfCAKxhjWwQNslWPBrZ0cTUQf5vwOLv/1C/MyKFKCM0DkFyP9DU3wCJviXgdFhSXoFPHcgGTzyxAcos/6CuuAsVa8OqGkdAC+OxvQeIw9HDDTnWmMiIsZ3Yoh8Zq+PRPBGbHoAAwmUQCBsB8WIgfgbEx4E4A4g5cKnHJniGCC9J4TOIlcTwWY3LIHKyx3ZCWQQf/orGl4AZZIQtE+IwJBtX3mTAl6PRxDLxFM0cDISKByg7F8reg0NtIQMxZQ2BSgKEzxAyaCKR2ecJPoNg3nlARBJZRCh29hEZm7rYCqxsPGHCgC/60SVs8MQOtrJqD7JB+WRmkf/Y8tpVcg3BVoxkk2MIvoJtLh4DFLHpAQgwfCUkOtYkYAG+RK1ArD34JEH1YgUFkYkLp5DqIFDJfYcGDkHHJ2CNS3wOaqWDQ9BxMS4HPcKjSR6IWYC4kwwLQTmFGYiN8ai5jO6ggwQM7UYLyTYiHJKLlh43EVC/HuYgRxJ820pEFGejtbb2kWC+GUjTFjKioQ3NYUuBuJ8Ch8DwMpDm1xQkyPVIzWYGaFp5S4F5rxkoyOLZaA5hpEJuPQ7SXEKipkw8UYMelR0kmp2DrZ9EbK7ZQ0IaayPSDhaYBhUia1JSE2srWrTiUyv9H2m8BQREgfgVw8AAPiD+jD6y8BraJ9xBR4cshNr5Gb3viY6ZySyfiMVz0XIlSe0hUFvmMBUcASqzxAjZx/if9GAGjZ/pArE1ENsAsSEQs0HlQAMSx4H4BBAfBeJrWAYp8AIAVMMGHLxdppIAAAAASUVORK5CYII=");
}

.sites-order .order-info .msg {
  margin: 40px 0 25px;
  font-size: 14px;
  line-height: 28px;
  color: #999;
  text-align: center;
}

.sites-order .order-info .msg a {
  color: #0b82f0;
}

.sites-order .order-info .msg a:hover {
  text-decoration: underline;
}

.sites-order .order-info .msg .spe {
  color: #ff8e00;
}

.sites-order .order-info .goback {
  display: block;
  margin: 0 auto;
  width: 210px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #ff8e00;
  border-radius: 3px;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.sites-order .order-info .goback:hover {
  background-color: #ff6000;
}

.pop-tips {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
}

.pop-tips .content {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -200px;
  padding: 20px;
  width: 450px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  color: #ff0000;
  text-align: center;
}
</pre></body></html>