.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
* {
  margin: 0;
  padding: 0;
  font-family: "黑体", Arial;
  font-weight: normal;
  color: #444;
  text-decoration: none;
  list-style: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-text-size-adjust: none;
}
*:focus {
  outline: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cl {
  clear: both;
}
.show {
  display: block;
}
.orange {
  color: #ff7e00;
}
.gray {
  color: #888;
}
.hide {
  display: none;
}
.border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.bg-white {
  background: #fff;
}
.mt30 {
  margin-top: 30px;
}
html,
body {
  height: 100%;
  position: relative;
}
body {
  -webkit-overflow-scrolling: touch;
}
#toast-out-border {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000000;
}
#toast-out-border .toast-border {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 640px;
  text-align: center;
  height: 50px;
}
#toast-out-border .toast-border .toast-content {
  border-radius: 10px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  background: #444;
  color: #fff;
  font-size: 24px;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-start {
  clip: rect(0, auto, auto, 0);
  -ms-zoom: 1.0001;
}
.ng-animate-active {
  clip: rect(-1px, auto, auto, 0);
  -ms-zoom: 1;
}
del {
  text-decoration: line-through;
}
.container {
  width: 640px;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
}
.container > div {
  width: 640px;
  position: relative;
  min-height: 100%;
  background: #F0F0F0;
}
.container .jiayou-index-content {
  padding-bottom: 188px;
}
.container .jiayou-index-content .dialog,
.container .jiayou-index-content .place-holder {
  text-align: center;
  background: #ff4e00;
  width: 620px;
  padding: 10px;
  margin: 0 auto;
  font-size: 24px;
}
.container .jiayou-index-content .dialog p,
.container .jiayou-index-content .place-holder p {
  color: #fff;
}
.container .jiayou-index-content .dialog {
  position: fixed;
  z-index: 999;
}
.container .jiayou-index-content .image-text img {
  width: 640px;
}
.container .jiayou-index-content .image-text .img-jiayou {
  height: 153px;
}
.container .jiayou-index-content .image-text .img-duche {
  height: 160px;
}
.container .jiayou-index-content .image-text-new img {
  width: 640px;
}
.container .jiayou-index-content .image-text-new .img-jiayou {
  height: 147px;
}
.container .jiayou-index-content .image-text-new .img-duche {
  height: 160px;
}
.container .jiayou-index-content .attend-option {
  padding: 0 0 0 30px;
  font-size: 30px;
  margin: 0 0 30px 0;
  height: 88px;
  line-height: 88px;
  background: white;
  display: block;
}
.container .jiayou-index-content .attend-option .choose-option {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 15px 0 0;
  color: #aaa;
}
.container .jiayou-index-content .attend-option .choose-option .zhesuan,
.container .jiayou-index-content .attend-option .choose-option .cardNo,
.container .jiayou-index-content .attend-option .choose-option .not-card {
  color: #444;
}
.container .jiayou-index-content .attend-option .choose-option .attention {
  font-size: 24px;
  color: #aaa;
}
.container .jiayou-index-content .attend-option .have-cardNo {
  color: #444;
}
.container .jiayou-index-content .attend-option-isGuest {
  background: white;
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
}
.container .jiayou-index-content .attend-option-isGuest > li {
  position: relative;
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .jiayou-index-content .attend-option-isGuest > li .choose-option {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .jiayou-index-content .attend-option-isGuest > li .choose-option .cardNo,
.container .jiayou-index-content .attend-option-isGuest > li .choose-option .not-card {
  color: #444;
}
.container .jiayou-index-content .attend-option-isGuest > li .package-type {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .jiayou-index-content .attend-option-isGuest > li .package-type .zhesuan {
  color: #444;
}
.container .jiayou-index-content .attend-option-isGuest > li .package-type .attention {
  font-size: 24px;
  color: #aaa;
}
.container .jiayou-index-content .attend-option-isGuest > li .money {
  position: absolute;
  width: 144px;
  display: block;
  left: 326px;
  top: 0;
  text-align: center;
}
.container .jiayou-index-content .attend-option-isGuest > li .yuan {
  position: absolute;
  display: block;
  right: 30px;
  top: 0;
  text-align: center;
}
.container .jiayou-index-content .attend-option-isGuest > li .plus {
  position: absolute;
  top: 16px;
  left: 470px;
  display: block;
  background: url("../image/plus_reduce.png") no-repeat -144px;
  height: 48px;
  width: 48px;
}
.container .jiayou-index-content .attend-option-isGuest > li .reduce {
  height: 48px;
  width: 48px;
  display: block;
  background: url("../image/plus_reduce.png") no-repeat -96px;
  position: absolute;
  top: 16px;
  left: 270px;
}
.container .jiayou-index-content .attend-option-isGuest > li .no-click {
  background: url("../image/plus_reduce.png") no-repeat -48px;
}
.container .jiayou-index-content .attend-option-isGuest > li .no-plus {
  background: url("../image/plus_reduce.png") no-repeat 0;
}
.container .jiayou-index-content .attend-option-isGuest > li:first-child {
  background: none;
}
.container .jiayou-index-content .attend-option-isGuest .is-back > span {
  color: #aaa;
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .jiayou-index-content .eula-link {
  background: white;
  margin: 0;
  padding: 0 0 0 30px;
}
.container .jiayou-index-content .eula-link > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .jiayou-index-content .eula-link > li > span {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0;
}
.container .jiayou-index-content .eula-link > li:first-child {
  background: none;
}
.container .jiayou-index-content .web-words {
  width: 260px;
  margin: 30px auto 0;
}
.container .jiayou-index-content .web-words > p {
  background: url('../image/phone8.png') no-repeat left;
  padding-left: 35px;
  font-size: 22px;
  line-height: 24px;
}
.container .jiayou-index-content .tips > p {
  margin-top: 16px;
  font-size: 18px;
  text-align: center;
}
.container .jiayou-index-content .index-tips {
  width: 545px;
  margin: 30px auto 0;
  font-size: 24px;
  padding-left: 35px;
  background: url("../image/duihao.png") no-repeat left 3px;
}
.container .jiayou-index-content .index-tips > span {
  color: #fb0202;
}
.container .jiayou-index-content .index-tips .orange {
  color: #ff7e00;
}
.container .jiayou-index-content-isGuest {
  padding-bottom: 188px;
}
.container .jiayou-index-content-isGuest .dialog,
.container .jiayou-index-content-isGuest .place-holde {
  background: #ff4e00;
  text-align: justify;
  font-size: 24px;
}
.container .jiayou-index-content-isGuest .dialog p,
.container .jiayou-index-content-isGuest .place-holde p {
  color: #fff;
}
.container .jiayou-index-content-isGuest .image-text img {
  width: 640px;
}
.container .jiayou-index-content-isGuest .image-text .img-jiayou {
  height: 154px;
}
.container .jiayou-index-content-isGuest .image-text .img-duche {
  height: 160px;
}
.container .jiayou-index-content-isGuest .image-text-new img {
  width: 640px;
}
.container .jiayou-index-content-isGuest .image-text-new .img-jiayou {
  height: 147px;
}
.container .jiayou-index-content-isGuest .image-text-new .img-duche {
  height: 160px;
}
.container .jiayou-index-content-isGuest .need-phone {
  background: white;
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
}
.container .jiayou-index-content-isGuest .need-phone > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0 30px 0 0;
  margin: 0;
}
.container .jiayou-index-content-isGuest .need-phone > li > input {
  background: none;
  border: none;
  margin: 0 0 0 50px;
  font-size: 30px;
  float: none;
  width: 220px;
}
.container .jiayou-index-content-isGuest .need-phone > li:first-child {
  background: none;
}
.container .jiayou-index-content-isGuest .login-form > li > span {
  font-size: 24px;
}
.container .jiayou-index-content-isGuest .login-form > li .shuxian {
  margin: 0 10px;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest {
  background: white;
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li {
  position: relative;
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .choose-option {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .choose-option .cardNo,
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .choose-option .not-card {
  color: #444;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .package-type {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .package-type .zhesuan {
  color: #444;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .package-type .attention {
  font-size: 24px;
  color: #aaa;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .money {
  position: absolute;
  width: 144px;
  display: block;
  left: 326px;
  top: 0;
  text-align: center;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .yuan {
  position: absolute;
  display: block;
  right: 30px;
  top: 0;
  text-align: center;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .plus {
  position: absolute;
  top: 16px;
  left: 470px;
  display: block;
  background: url("../image/plus_reduce.png") no-repeat -144px;
  height: 48px;
  width: 48px;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .reduce {
  height: 48px;
  width: 48px;
  display: block;
  background: url("../image/plus_reduce.png") no-repeat -96px;
  position: absolute;
  top: 16px;
  left: 270px;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .no-click {
  background: url("../image/plus_reduce.png") no-repeat -48px;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li .no-plus {
  background: url("../image/plus_reduce.png") no-repeat 0;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest > li:first-child {
  background: none;
}
.container .jiayou-index-content-isGuest .attend-option-isGuest .is-back > span {
  color: #aaa;
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .jiayou-index-content-isGuest .index-tips {
  width: 545px;
  margin: 30px auto 0;
  font-size: 24px;
  padding-left: 35px;
  background: url("../image/duihao.png") no-repeat left 3px;
}
.container .jiayou-index-content-isGuest .index-tips > span {
  color: #fb0202;
}
.container .jiayou-index-content-isGuest .index-tips .orange {
  color: #ff7e00;
}
.container .jiayou-index-content-isGuest .need-receipt {
  padding: 0 30px 0 30px;
  font-size: 30px;
  margin: 0 0 30px;
  height: 88px;
  line-height: 88px;
  background: white;
}
.container .jiayou-index-content-isGuest .need-receipt > span {
  display: inline-block;
  width: 91px;
  float: right;
  height: 88px;
  background: url('../image/no2.png') no-repeat center;
}
.container .jiayou-index-content-isGuest .need-receipt .need-receipt-check {
  background: url('../image/yes.png') no-repeat center;
}
.container .jiayou-index-content-isGuest .price-detail {
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.container .jiayou-index-content-isGuest .price-detail > span {
  font-size: 30px;
  font-weight: bold;
}
.container .jiayou-index-content-isGuest .logined {
  padding: 0 30px 0 30px;
  font-size: 30px;
  margin: 0 0 30px 0;
  height: 88px;
  line-height: 88px;
  background: white;
}
.container .jiayou-index-content-isGuest .web-words {
  width: 260px;
  margin: 30px auto;
}
.container .jiayou-index-content-isGuest .web-words > p {
  background: url('../image/phone8.png') no-repeat left;
  padding-left: 35px;
  font-size: 22px;
  line-height: 24px;
}
.container .jiayou-index-content-isGuest .tips > p {
  margin-top: 16px;
  font-size: 18px;
  text-align: center;
}
.container .goods-link {
  position: absolute;
  height: 158px;
  padding: 0 80px;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 480px;
}
.container .goods-link .circle {
  display: block;
  width: 240px;
  height: 128px;
  float: left;
  background: url("../image/ellipse.png") no-repeat center;
  text-align: center;
}
.container .goods-link .circle > img {
  margin-top: 24px;
}
.container .goods-link .circle > span {
  display: block;
  font-size: 30px;
  margin-top: 5px;
}
.container .eula-section {
  background: #fff;
  padding: 60px 0 100px;
}
.container .eula-section > div {
  width: 580px;
  padding: 0 30px;
  margin-bottom: 90px;
}
.container .eula-section > div .title {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.container .eula-section > div .title > .rec {
  background: url("../image/rectangle.png") no-repeat center left;
}
.container .eula-section > div .title > .rec > h1 {
  font-size: 30px;
  font-weight: bold;
  margin-left: 16px;
}
.container .eula-section > div .content {
  text-align: center;
}
.container .eula-section > div .content > img {
  margin-top: 40px;
}
.container .eula-section > div .content > p {
  font-size: 24px;
  line-height: 48px;
  text-align: left;
  margin-top: 30px;
}
.container .eula-section > div:last-child {
  margin-bottom: 0;
}
.container footer {
  height: 90px;
}
.container footer p {
  font-size: 18px;
  color: #AAAAAA;
  text-align: center;
}
.container footer #top {
  margin-top: 23px;
}
.container footer #bottom {
  margin-top: 10px;
}
.container .card-type,
.container .recharge-money,
.container .recharge-time,
.container .invoice,
.container .refund {
  background: #444;
  padding: 50px 30px;
  text-align: center;
}
.container .card-type > h1,
.container .recharge-money > h1,
.container .recharge-time > h1,
.container .invoice > h1,
.container .refund > h1 {
  font-size: 30px;
  color: #ff7e00;
  font-weight: bold;
}
.container .card-type > img,
.container .recharge-money > img,
.container .recharge-time > img,
.container .invoice > img,
.container .refund > img {
  margin: 30px 0;
}
.container .card-type > p,
.container .recharge-money > p,
.container .recharge-time > p,
.container .invoice > p,
.container .refund > p {
  font-size: 24px;
  color: #fff;
}
.container .recharge-money,
.container .recharge-time {
  background: #fff;
}
.container .recharge-money > p,
.container .recharge-time > p {
  color: #444;
  text-align: left;
  line-height: 36px;
  margin-bottom: 10px;
}
.container .recharge-money > p > span,
.container .recharge-time > p > span {
  font-size: 30px;
  color: #ff7e00;
  font-weight: bold;
}
.container .recharge-time {
  background: #f0f0f0;
}
.container .recharge-time > h1 {
  margin-bottom: 30px;
}
.container .invoice {
  background: #fff;
}
.container .invoice > p {
  float: left;
  width: 180px;
  color: #444;
}
.container .invoice > p > span {
  color: #ff7e00;
}
.container .invoice .center {
  margin: 0 20px;
}
.container .refund {
  background: #fff;
}
.container .refund > p {
  font-size: 18px;
  color: #444;
  text-align: left;
  line-height: 24px;
}
.container .refund > p > span {
  color: #ff7e00;
}
.container .link-jiayou {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff7e00;
  text-align: center;
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
  color: #fff;
  display: block;
}
.container .user-attend {
  position: absolute;
  height: auto;
  padding: 30px 0 0;
  z-index: 500;
  top: 0;
  bottom: 88px;
  left: 0;
  width: 100%;
  overflow: auto;
}
.container .user-attend .discounts {
  background: white;
  margin: 0;
  padding: 0 0 0 30px;
}
.container .user-attend .discounts > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: none;
  padding: 0;
  margin: 0;
}
.container .user-attend .discounts > li > span {
  display: block;
  margin: 0 15px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0;
}
.container .user-attend .discounts > li .choose-option > span {
  margin-right: 45px;
  color: #ff7e00;
}
.container .user-attend .discounts > li .user-credit {
  background: none;
}
.container .user-attend .discounts > li .user-credit > span {
  color: #ff7e00;
}
.container .user-attend .discounts > li .user-credit .select {
  width: 32px;
  height: 88px;
  display: block;
  margin-left: 15px;
  background: url("../image/select_selected.png") no-repeat -32px center;
}
.container .user-attend .discounts > li .user-credit .selected {
  background: url("../image/select_selected.png") no-repeat center;
}
.container .user-attend .subtitle {
  margin: 36px 0 -20px 30px;
  font-size: 24px;
}
.container .user-attend .zhifufangshi {
  background: white;
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
.container .user-attend .zhifufangshi > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: none;
  padding: 0;
  margin: 0;
}
.container .user-attend .zhifufangshi > li > span {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/gou.png") no-repeat right center;
  padding: 0;
}
.container .hejizongjia {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 88px;
  line-height: 88px;
  margin: 0 auto;
  width: 640px;
}
.container .hejizongjia .confirm-price {
  background: #ff7e00;
  width: 410px;
  font-size: 30px;
  text-align: right;
  float: left;
  color: white;
  padding: 0 30px 0 0;
}
.container .hejizongjia .confirm-price > span {
  color: #fff;
}
.container .hejizongjia .confirm-price > del {
  color: #fff;
}
.container .hejizongjia .confirm-pay {
  background: #f76900;
  width: 200px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  float: left;
}
.container .price-detail {
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.container .price-detail > span {
  font-size: 30px;
  font-weight: bold;
}
.container .goods-price {
  background: white;
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
}
.container .goods-price > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0 30px 0 0;
  margin: 0;
  position: relative;
}
.container .goods-price > li .money {
  position: absolute;
  width: 144px;
  display: block;
  left: 326px;
  top: 0;
  text-align: center;
}
.container .goods-price > li .plus {
  position: absolute;
  top: 16px;
  left: 470px;
  display: block;
  background: url("../image/plus_reduce.png") no-repeat -144px;
  height: 48px;
  width: 48px;
}
.container .goods-price > li .reduce {
  height: 48px;
  width: 48px;
  display: block;
  background: url("../image/plus_reduce.png") no-repeat -96px;
  position: absolute;
  top: 16px;
  left: 270px;
}
.container .goods-price > li .no-click {
  background: url("../image/plus_reduce.png") no-repeat -48px;
}
.container .goods-price > li .no-plus {
  background: url("../image/plus_reduce.png") no-repeat;
}
.container .goods-price > li .choose-option {
  background: url("../image/right8.png") no-repeat right center;
  height: 88px;
  width: 80px;
}
.container .goods-price > li:first-child {
  background: none;
}
.container .goods-price .is-back {
  display: block;
}
.container .goods-price .is-back > span {
  color: #aaa;
  display: block;
  margin: 0 -10px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .need-receipt {
  padding: 0 30px 0 30px;
  font-size: 30px;
  margin: 0 0 30px;
  height: 88px;
  line-height: 88px;
  background: white;
}
.container .need-receipt > span {
  display: inline-block;
  width: 91px;
  float: right;
  height: 88px;
  background: url('../image/no2.png') no-repeat center;
}
.container .need-receipt .need-receipt-check {
  background: url('../image/yes.png') no-repeat center;
}
.container .use-coupon {
  background: white;
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
.container .use-coupon > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: none;
  padding: 0;
  margin: 0;
}
.container .use-coupon > li > span {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .tishiyu {
  font-size: 24px;
  margin: 30px 0;
  color: #aaa;
  text-align: center;
}
.container .choose-package-type {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  background: url("../image/black70.png");
}
.container .choose-package-type .right-floating-window {
  float: right;
  height: 100%;
  width: 420px;
  background: #f0f0f0;
  padding-top: 30px;
}
.container .choose-package-type .right-floating-window > h1 {
  font-size: 30px;
  margin: 0 0 30px 30px;
}
.container .choose-package-type .right-floating-window .recharge-type {
  background: white;
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
.container .choose-package-type .right-floating-window .recharge-type > li {
  height: 130px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0 30px 0 0;
  margin: 0;
}
.container .choose-package-type .right-floating-window .recharge-type > li .conversion {
  float: left;
  display: block;
  line-height: normal;
  height: 70px;
  margin: 30px 0;
}
.container .choose-package-type .right-floating-window .recharge-type > li .conversion > span {
  margin-top: 16px;
  font-size: 24px;
  color: #aaa;
}
.container .choose-package-type .right-floating-window .recharge-type > li > div {
  height: 100%;
  width: 38px;
}
.container .choose-package-type .right-floating-window .recharge-type > li > div.check {
  background: url("../image/gou.png") no-repeat right center;
}
.container .choose-package-type .right-floating-window .recharge-type > li:first-child {
  background: none;
}
.container .choose-package-type .right-floating-window .confirm-button {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 66px;
  width: 370px;
  margin: 30px auto 0;
  line-height: 66px;
  font-size: 30px;
  cursor: pointer;
}
.container .account-detail {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("../image/black70.png");
  z-index: 1000;
}
.container .account-detail .account-detail-content {
  margin: 70px auto;
  width: 500px;
  border-radius: 5px;
  background: #fff;
  padding: 30px 0;
}
.container .account-detail .account-detail-content > ul {
  width: 440px;
  margin: 0 auto;
}
.container .account-detail .account-detail-content > ul > li {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  background: none;
  padding: 0 10px 0 30px;
  margin: 0;
}
.container .account-detail .account-detail-content > ul > li .orange {
  font-weight: bold;
}
.container .account-detail .account-detail-content > ul > li .right {
  width: 155px;
}
.container .account-detail .account-detail-content > ul .grey {
  background: #f0f0f0;
}
.container .choose-card-content {
  padding: 30px 0 88px;
}
.container .choose-card-content .control-card-list {
  max-height: 440px;
  overflow: auto;
  margin-bottom: 30px;
}
.container .choose-card-content .control-card-list .card-list {
  background: white;
  margin: 0;
  padding: 0 0 0 30px;
}
.container .choose-card-content .control-card-list .card-list > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .choose-card-content .control-card-list .card-list > li > span {
  display: block;
  margin-right: 30px;
}
.container .choose-card-content .control-card-list .card-list > li .check {
  background: url("../image/gou.png") no-repeat right center;
}
.container .choose-card-content .control-card-list .card-list > li .right-sign {
  background: url("../image/right8.png") no-repeat right center;
}
.container .choose-card-content .control-card-list .card-list > li:first-child {
  background: none;
}
.container .choose-card-content .no-bind-card {
  background: white;
  margin: 0;
  padding: 0 0 0 30px;
}
.container .choose-card-content .no-bind-card > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .choose-card-content .no-bind-card > li > span {
  display: block;
  margin-right: 30px;
}
.container .choose-card-content .no-bind-card > li .check {
  background: url("../image/gou.png") no-repeat right center;
}
.container .choose-card-content .no-bind-card > li:first-child {
  background: none;
}
.container .choose-card-content .add-card {
  background: white;
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
.container .choose-card-content .add-card > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .choose-card-content .add-card > li > span {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0;
}
.container .choose-card-content .add-card > li:first-child {
  background: none;
}
.container .choose-card-content .add-card-tishi {
  font-size: 18px;
  margin: 0 30px;
}
.container .choose-card-content .add-card-option {
  background: white;
  margin: 16px 0 0;
  padding: 0 0 0 30px;
}
.container .choose-card-content .add-card-option > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
  
  
}
.container .choose-card-content .add-card-option > li > input {
  background: none;
  border: none;
  margin: 0;
  font-size: 30px;
  float: none;
  line-height: normal;
  width: 360px;
}
.container .choose-card-content .add-card-option > li > input::-webkit-input-placeholder {
  line-height: 34px;
}
.container .choose-card-content .add-card-option > li > input::-moz-placeholder {
  line-height: 34px;
}
.container .choose-card-content .add-card-option > li > input:-ms-input-placeholder {
  line-height: 34px;
}
.container .choose-card-content .add-card-option > li > input:-moz-placeholder {
  line-height: 34px;
}
.container .choose-card-content .add-card-option > li .cha-img {
  height: 40px;
  width: 40px;
  display: inline-block;
  float: right;
  margin: 24px 24px 0 0;
  z-index: 1000;
  background: url("../image/iconfont-cha.png") no-repeat center;
}
.container .choose-card-content .add-card-option > li .infor-name {
  width: 160px;
  line-height: 87px;
  display: inline-block;
}
.container .choose-card-content .add-card-option > li:first-child {
  background: none;
}
.container .choose-card-content .sub-information {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 610px;
  margin: 30px auto 0;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .choose-have-card {
  width: 640px;
  height: 200px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: #FFF;
}
.container .choose-have-card .have-card-div {
  width: 125px;
  float: left;
  margin-left: 145px;
}
.container .choose-have-card .have-card-div .have-card {
  display: block;
  margin: 43px auto 25px auto;
  width: 73px;
  height: 72px;
}
.container .choose-have-card .have-card-div p {
  font-size: 25px;
  text-align: center;
}
.container .choose-have-card .no-card-div {
  width: 125px;
  float: right;
  margin-right: 145px;
}
.container .choose-have-card .no-card-div .no-card {
  display: block;
  margin: 43px auto 25px auto;
  width: 73px;
  height: 72px;
}
.container .choose-have-card .no-card-div p {
  margin-top: 25px;
  font-size: 25px;
  text-align: center;
}
.container .choose-have-card .font-grey {
  color: #888;
}
.container .choose-card-price {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-top: 30px;
  background: #FFF;
  width: 580px;
  padding: 0 30px;
  height: 88px;
}
.container .choose-card-price span {
  font-size: 30px;
  line-height: 88px;
}
.container .choose-card-price img {
  display: block;
  vertical-align: middle;
  position: relative;
  top: 37px;
  width: 26px;
  height: 18px;
  float: right;
}
.container .choose-btn {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 610px;
  margin: 30px auto 0;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .agency-rule {
  padding: 30px 30px;
}
.container .agency-rule p {
  font-size: 18px;
  color: #444;
  line-height: 30px;
  text-align: justify;
}
.container .check-card {
  position: absolute;
  height: 30px;
  padding: 0 0 30px 0;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #888;
}
.container .check-card-detail {
  padding: 16px 30px;
}
.container .check-card-detail > h1 {
  font-size: 30px;
  margin: 44px 0 30px 0;
}
.container .check-card-detail > p,
.container .check-card-detail > h2,
.container .check-card-detail > h3 {
  font-size: 24px;
  line-height: 36px;
  color: #888;
}
.container .check-card-detail > p > a,
.container .check-card-detail > h2 > a,
.container .check-card-detail > h3 > a {
  text-decoration: underline;
  color: #ff7e00;
}
.container .record-content-subfield-jiayou {
  position: absolute;
  height: 58px;
  padding: 20px 40px;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 560px;
  background: #fff;
}
.container .record-content-subfield-jiayou .subfield-title {
  border: 2px #ff7e00 solid;
  border-radius: 10px;
}
.container .record-content-subfield-jiayou .subfield-title > p {
  float: left;
  height: 54px;
  line-height: 54px;
  font-size: 24px;
  text-align: center;
  width: 183px;
  border-right: 2px #ff7e00 solid;
  color: #ff7e00;
}
.container .record-content-subfield-jiayou .subfield-title .border-left {
  border-radius: 7px 0 0 7px;
}
.container .record-content-subfield-jiayou .subfield-title .border-right {
  border-radius: 0 7px 7px 0;
  width: 186px;
  border-right: none;
}
.container .record-content-subfield-jiayou .subfield-title .select {
  background: #ff7e00;
  color: #fff;
}
.container .records-content-jiayou {
  position: absolute;
  height: auto;
  padding: 30px 0 0;
  z-index: 500;
  top: 98px;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto;
}
.container .records-content-jiayou .records {
  background: white;
  margin: 0;
  padding: 0 30px 0 30px;
  margin-bottom: 30px;
}
.container .records-content-jiayou .records > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .records-content-jiayou .records > li .records-price {
  display: block;
  margin: 0 -15px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0;
  padding-right: 30px;
}
.container .records-content-jiayou .records > li:first-child {
  background: none;
}
.container .records-content-jiayou .records .records-information,
.container .records-content-jiayou .records .records-date,
.container .records-content-jiayou .records .can-cancel {
  height: 56px;
  line-height: 56px;
  font-size: 24px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .records-content-jiayou .records .records-information .pay-status > span,
.container .records-content-jiayou .records .records-date .pay-status > span,
.container .records-content-jiayou .records .can-cancel .pay-status > span {
  color: #ff7e00;
}
.container .records-content-jiayou .records .records-package-type > span > span {
  font-size: 24px;
  color: #aaa;
}
.container .records-content-jiayou .records .records-date {
  color: #aaa;
}
.container .records-content-jiayou .records .can-cancel > span {
  display: block;
  background: #ff7e00;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  height: 40px;
  width: 120px;
  margin: 8px 0 0 10px;
  line-height: 40px;
  font-size: 24px;
  cursor: pointer;
}
.container .records-content-jiayou .records .can-cancel .cancel-order {
  background: #ccc;
}
.container .records-content-jiayou .records:first-child {
  margin-top: 0;
}
.container .records-content-jiayou .records-loading {
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  width: 150px;
  margin: 0 auto;
}
.container .records-content-jiayou .records-loading > span {
  background: url("../image/loading_gray.gif") no-repeat center;
  background-size: 100% 100%;
  height: 60px;
  width: 60px;
  float: left;
  display: inline-block;
}
.container .record-detail-content {
  padding: 30px 0 118px;
}
.container .record-detail-content .return-plan {
  background: white;
  margin: 0 0 30px 0;
  padding: 15px 30px;
}
.container .record-detail-content .return-plan .order-flow {
  padding-top: 24px;
  margin-right: 22px;
}
.container .record-detail-content .return-plan .order-flow .flow {
  height: 99px;
  width: 32px;
  position: relative;
}
.container .record-detail-content .return-plan .order-flow .flow .flow-line {
  position: absolute;
  top: 0;
  left: 14px;
}
.container .record-detail-content .return-plan .order-flow .flow .flow-circle {
  position: absolute;
  bottom: 0;
  left: 0;
}
.container .record-detail-content .return-plan .order-flow > div:first-child {
  height: 32px;
}
.container .record-detail-content .return-plan .order-flow > div:first-child .flow-line {
  display: none;
}
.container .record-detail-content .return-plan > li {
  height: 99px;
  line-height: normal;
  font-size: 30px;
  background: none;
  padding: 0;
  margin: 0;
}
.container .record-detail-content .return-plan > li .recharge-information {
  display: block;
  float: left;
  height: 65px;
  padding: 17px 0;
  line-height: 30px;
}
.container .record-detail-content .return-plan > li .recharge-information .datetime {
  font-size: 24px;
  color: #888;
}
.container .record-detail-content .return-plan > li .status {
  display: block;
  float: right;
  height: 95px;
  line-height: 95px;
  color: #888;
}
.container .record-detail-content .return-plan > li .orange {
  color: #ff7e00;
}
.container .record-detail-content .return-plan > li .button {
  border: 1px solid #ff7e00;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 48px !important;
  line-height: 48px !important;
  padding: 0 10px;
  font-size: 26px;
  margin: 20px 0 0 0;
}
.container .record-detail-content .records-option {
  padding: 0 30px 0 30px;
  font-size: 30px;
  margin: 30px 0 0 0;
  height: 88px;
  line-height: 88px;
  background: white;
  display: block;
}
.container .record-detail-content .records-option .bind-card {
  display: block;
  margin: 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .record-detail-content .records-option del {
  color: #aaa;
}
.container .record-detail-content .discounts {
  background: white;
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
.container .record-detail-content .discounts > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0 30px 0 0;
  margin: 0;
}
.container .record-detail-content .discounts > li:first-child {
  background: none;
}
.container .record-detail-content .records-option:first-child {
  margin-top: 0;
}
.container .record-detail-content .records-type > span > span {
  color: #aaa;
  font-size: 24px;
}
.container .record-detail-content .subtitle {
  margin: 30px 0 20px 30px;
  font-size: 24px;
}
.container .record-detail-content .zhifufangshi {
  background: white;
  margin: 0 0 20px;
  padding: 0 0 0 30px;
}
.container .record-detail-content .zhifufangshi > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: none;
  padding: 0;
  margin: 0;
}
.container .record-detail-content .zhifufangshi > li .pay-type-thumb {
  height: 48px;
  margin-top: 20px;
}
.container .record-detail-content .zhifufangshi > li .check {
  display: block;
  margin: 0 30px 0 65px;
  background: url('../image/gou.png') no-repeat right center;
  padding: 0;
}
.container .record-detail-content .record-times {
  font-size: 24px;
  line-height: 36px;
  padding-left: 30px;
}
.container .fukuan {
  border-top: #ccc 1px solid;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 88px;
  line-height: 88px;
  margin: 0 auto;
  width: 640px;
}
.container .fukuan .cancel-bottom {
  background: #fff;
  width: 120px;
  text-align: center;
  font-size: 24px;
  color: #aaa;
  line-height: normal;
  height: 81px;
  padding-top: 7px;
}
.container .fukuan .confirm-price {
  background: #ff7e00;
  width: 410px;
  font-size: 30px;
  text-align: right;
  float: left;
  color: white;
  padding: 0 30px 0 0;
}
.container .fukuan .confirm-price > span {
  color: #fff;
}
.container .fukuan .lessen {
  width: 290px;
}
.container .fukuan .confirm-pay {
  background: #ccc;
  width: 200px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  float: left;
}
.container .recharge-content {
  position: absolute;
  height: auto;
  padding: 30px 0 0;
  z-index: 500;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto;
}
.container .recharge-content .my-recharge,
.container .recharge-content .recharge-records-link {
  background: white;
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
.container .recharge-content .my-recharge > li,
.container .recharge-content .recharge-records-link > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0;
  margin: 0;
}
.container .recharge-content .my-recharge > li > a,
.container .recharge-content .recharge-records-link > li > a {
  display: block;
}
.container .recharge-content .my-recharge > li > a > span,
.container .recharge-content .recharge-records-link > li > a > span {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0 30px 0 0;
}
.container .recharge-content .my-recharge > li:first-child,
.container .recharge-content .recharge-records-link > li:first-child {
  background: none;
}
.container .recharge-content .my-recharge {
  margin-top: 0;
}
.container .account-title {
  position: absolute;
  height: 88px;
  padding: 0;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.container .account-title > span {
  display: block;
  height: 84px;
  line-height: 88px;
  font-size: 30px;
  float: left;
  text-align: center;
  width: 320px;
  cursor: pointer;
}
.container .account-title > hr {
  height: 4px;
  background: #ff7e00;
  width: 320px;
  position: fixed;
  top: 84px;
  left: 0;
  border: none;
}
.container .account-title .hr-right {
  left: 320px;
}
.container .account-content {
  position: absolute;
  height: auto;
  padding: 0;
  z-index: 500;
  top: 118px;
  bottom: 30px;
  left: 0;
  width: 100%;
  overflow: auto;
}
.container .account-content .surplus-money {
  background: white;
  margin: 0;
  padding: 0;
}
.container .account-content .surplus-money > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0 30px;
  margin: 0;
}
.container .account-content .surplus-money > li > div {
  height: 100%;
  width: 38px;
}
.container .account-content .surplus-money > li:first-child {
  background: none;
}
.container .no-records {
  margin: 200px auto 0;
  text-align: center;
  width: 640px;
}
.container .no-records .no-data {
  height: 200px;
  width: 200px;
  margin: 0 auto;
}
.container .no-records .error-hint {
  font-size: 30px;
  margin: 50px 0 0;
}
.container .no-records .error-hint-bind {
  font-size: 24px;
  line-height: 36px;
  color: #888;
  margin-top: 24px;
}
.container .chooseCoupon {
  position: absolute;
  height: auto;
  padding: 30px 0 0;
  z-index: 500;
  top: 0;
  bottom: 70px;
  left: 0;
  width: 100%;
  overflow: auto;
}
.container .chooseCoupon .add-coupon {
  padding: 0 30px 0 30px;
  font-size: 30px;
  margin: 0;
  height: 88px;
  line-height: 88px;
  background: white;
}
.container .chooseCoupon .add-coupon > span {
  display: block;
  margin: 0 20px 0 0;
  background: url("../image/right8.png") no-repeat right center;
  padding: 0;
}
.container .chooseCoupon .user-coupon {
  position: relative;
  height: 222px;
  width: 582px;
  background: url("../image/weizhang-couon.png") no-repeat;
  margin: 30px auto 0;
}
.container .chooseCoupon .user-coupon .checked {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  background: url("../image/coupon_check.png") no-repeat center;
}
.container .chooseCoupon .user-coupon > div {
  display: table-cell;
  height: 222px;
  vertical-align: middle;
}
.container .chooseCoupon .user-coupon .user-coupon-price {
  width: 220px;
  height: 222px;
  font-size: 72px;
  text-align: center;
  color: #ff7e00;
}
.container .chooseCoupon .user-coupon .user-coupon-price .money-logo {
  font-size: 36px;
  color: #ff7e00;
  margin: 0 10px 0 0;
}
.container .chooseCoupon .user-coupon .user-coupon-content {
  width: 362px;
  height: 222px;
  margin: 0;
}
.container .chooseCoupon .user-coupon .user-coupon-content > h1 {
  font-size: 24px;
  line-height: 40px;
  margin: 0;
}
.container .chooseCoupon .user-coupon .user-coupon-content > p {
  font-size: 18px;
  line-height: 30px;
}
.container .chooseCoupon .user-coupon .user-coupon-content > p > span {
  color: #ff7e00;
}
.container .add-couponNo {
  position: absolute;
  height: auto;
  padding: 30px 0 0;
  z-index: 500;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto;
}
.container .add-couponNo .couponNo {
  padding: 0 30px 0 30px;
  font-size: 30px;
  margin: 0;
  height: 88px;
  line-height: 88px;
  background: white;
}
.container .add-couponNo .couponNo > input {
  background: none;
  border: none;
  margin: 29px 0 0;
  font-size: 30px;
  float: none;
  width: 580px;
}
.container .add-couponNo .check-coupon {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 610px;
  margin: 30px auto 0;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .confirm {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 582px;
  margin: 30px auto 0;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .guanggaotupian {
  width: 640px;
  height: 320px;
}
.container .protocol {
  font-size: 24px;
  color: #444;
}
.container .protocol > h4 {
  margin: 30px 0 10px 30px;
}
.container .protocol > p {
  background: #fff;
  padding: 30px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.container .share-advert {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 520px;
  margin: 30px auto 0;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .loss-change {
  padding: 0 0 88px 0;
}
.container .loss-change .card-detail {
  height: 120px;
  padding: 30px 0;
  text-align: center;
  background: #444;
}
.container .loss-change .card-detail .white-word {
  color: #fff;
  font-size: 24px;
  -webkit-font-size: 24px;
  -o-font-size: 24px;
}
.container .loss-change .card-detail .title-line {
  background: url("../image/line_oil.png") no-repeat center;
}
.container .loss-change .card-detail .card-no {
  font-size: 30px;
  margin: 10px 0;
  font-weight: bold;
}
.container .loss-change .choose-option {
  padding: 30px;
  height: 72px;
}
.container .loss-change .choose-option > span {
  display: inline-block;
  background: #fff;
  color: #444;
  border-radius: 10px;
  text-align: center;
  height: 72px;
  width: 280px;
  margin: 0 auto;
  line-height: 72px;
  font-size: 24px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.container .loss-change .choose-option .checked {
  color: #ff7e00;
  border: 1px #ff7e00 solid;
}
.container .loss-change .loss-change-reason {
  padding: 0 30px 0 30px;
  font-size: 30px;
  margin: 0;
  height: 88px;
  line-height: 88px;
  background: white;
}
.container .loss-change .loss-change-reason > input {
  width: 410px;
  background: none;
  border: none;
  margin: 25px 0 0;
  font-size: 30px;
  float: right;
}
.container .loss-change .change-card {
  background: white;
  margin: 30px 0 0;
  padding: 0 0 0 30px;
}
.container .loss-change .change-card > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0 30px 0 0;
  margin: 0;
}
.container .loss-change .change-card > li > input {
  background: none;
  border: none;
  margin: 25px 0 0;
  font-size: 30px;
  float: none;
}
.container .loss-change .change-card > li .name {
  display: inline-block;
  width: 130px;
  margin-right: 30px;
}
.container .loss-change .change-card > li .plus,
.container .loss-change .change-card > li .reduce {
  display: inline-block;
  height: 88px;
  width: 48px;
  background: url("../image/plus_reduce.png") no-repeat -144px center;
}
.container .loss-change .change-card > li .reduce {
  margin-right: 20px;
  background: url("../image/plus_reduce.png") no-repeat -96px center;
}
.container .loss-change .change-card > li:first-child {
  background: none;
}
.container .loss-change .change-submit {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 610px;
  margin: 30px auto;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .simple-tips {
  position: absolute;
  bottom: 20px;
  width: 640px;
  left: 0;
  text-align: center;
  font-size: 24px;
}
.container .success-submit > div {
  height: 80px;
  padding: 40px 30px;
  background: #444;
}
.container .success-submit > div > div {
  padding-left: 65px;
  background: url("../image/success1.png") no-repeat left center;
}
.container .success-submit > div > div > h3 {
  font-size: 30px;
  color: #fff;
  line-height: 41px;
}
.container .success-submit > div > div > p {
  font-size: 24px;
  color: #fff;
}
.container .success-submit .close-submit,
.container .success-submit .link-order-list {
  border: 1px solid #ddd;
  display: block;
  background: #fff;
  color: #444;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 610px;
  margin: 16px auto 0;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .success-submit .advertise {
  background: url("../image/traffic_jam_ad.png") no-repeat;
  height: 240px;
}
.container .activity-result {
  position: absolute;
  bottom: 0;
  left: auto;
  width: 100%;
}
.container .activity-result .title-wechat-group {
  color: #aaa;
  text-align: center;
  font-size: 18px;
  margin: 50px 0 20px;
  background: url("../image/line4.png") no-repeat center;
}
.container .activity-result .wechat-group {
  background: #fff;
  padding: 40px 30px 20px;
}
.container .activity-result .wechat-group .img-wechat-group {
  background: url("../image/wechat_group_img.png") no-repeat center top;
  height: 376px;
  width: 286px;
}
.container .activity-result .wechat-group .illustrate-wechat-group {
  width: 270px;
}
.container .activity-result .wechat-group .illustrate-wechat-group > h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
.container .activity-result .wechat-group .illustrate-wechat-group > p {
  font-size: 24px;
  line-height: 48px;
}
.container .activity-result .wechat-group > p {
  font-size: 18px;
  text-align: center;
}
.container .delete-card {
  padding: 30px 0 60px;
}
.container .delete-card > ul {
  background: white;
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
}
.container .delete-card > ul > li {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  background: url("../image/ddd_line.png") repeat-x;
  padding: 0 30px 0 0;
  margin: 0;
}
.container .delete-card > ul > li:first-child {
  background: none;
}
.container .delete-card .confirm-delete {
  display: block;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 610px;
  margin: 0 auto;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .delete-card .confirm-remove {
  display: block;
  background: #FFFFFF;
  color: #444444;
  border: 1px solid #C8C8C8;
  border-radius: 10px;
  text-align: center;
  height: 88px;
  width: 610px;
  margin: 14px auto;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
.container .delete-card .confirm-fade {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
}
.container .delete-card .confirm-bullet {
  position: fixed;
  background-color: #F0F0F0;
  border-radius: 6px;
  text-align: center;
  height: 325px;
  width: 90%;
  left: 4%;
  top: 32%;
  cursor: pointer;
  z-index: 999;
}
.container .delete-card .confirm-bullet .confirm-bullet-text {
  color: #444444;
  font-size: 36px;
  margin-top: 51px;
}
.container .delete-card .confirm-bullet .confirm-bullet-text2 {
  color: #444444;
  font-weight: 200;
  font-size: 30px;
  margin-top: 44px;
}
.container .delete-card .confirm-bullet .confirm-bullet-cancel {
  display: inline-block;
  background: #FFFFFF;
  color: #FF7E00;
  border: 1px solid #FF7E00;
  border-radius: 8px;
  text-align: center;
  position: absolute;
  left: 10%;
  margin-top: 7%;
  height: 19%;
  width: 35%;
  font-size: 30px;
  cursor: pointer;
  padding-top: 3%;
}
.container .delete-card .confirm-bullet .confirm-bullet-delete {
  display: inline-block;
  background: #FF7E00;
  color: #FFFFFF;
  border-radius: 8px;
  text-align: center;
  position: absolute;
  right: 10%;
  margin-top: 7%;
  height: 19%;
  width: 35%;
  font-size: 30px;
  cursor: pointer;
  padding-top: 3%;
}
.need-margin-bottom {
  margin-bottom: 30px;
}
.spin-border {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f0f0f0;
}
.spin-border .spin-spin {
  position: absolute;
  top: 400px;
  left: 320px;
}
.distance .border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #FFFFFF;
  padding-left: 30px;
}
.distance .border li {
  background: url("..../image/ddd_line.png") repeat-x;
  color: #444444;
  font-size: 24px;
  padding: 20px 20px 10px 0;
  height: auto;
  line-height: inherit;
  position: relative;
}
.order_create,
.gas-card-coupon {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #FFFFFF;
  padding-left: 30px;
}
.order_create li,
.gas-card-coupon li {
  background: url("..../image/ddd_line.png") repeat-x;
  color: #444444;
  position: relative;
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  padding: 0;
}
.order_create li span,
.gas-card-coupon li span {
  color: #ff7e00;
  margin-right: 30px;
}
.order_create .no-background,
.gas-card-coupon .no-background {
  background: none;
}
.order_create img.fr,
.gas-card-coupon img.fr {
  margin-top: 35px;
  margin-right: 30px;
}
.order_create .user-credit,
.gas-card-coupon .user-credit {
  height: 88px;
  line-height: 88px;
  font-size: 30px;
}
.order_create .user-credit .gouxuan,
.gas-card-coupon .user-credit .gouxuan {
  background: url("../image/gouxuan.png") no-repeat right center;
  height: 88px;
  width: 30px;
  margin-left: -10px;
}
.order_create .user-credit .not-check,
.gas-card-coupon .user-credit .not-check {
  background: url("../image/gouxuan.png") no-repeat left center;
}

#coupons {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 998;
  background: #f0f0f0;
  overflow: scroll;
}
#coupons .not-used-coupon {
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  width: 640px;
  margin: 30px 0 0;
  color: #444;
}
#coupons .confirm {
  padding: 0;
  background: #ff7e00;
  color: white;
  border-radius: 10px;
  margin: 30px auto;
  text-align: center;
  width: 582px;
  height: 88px;
  line-height: 88px;
  font-size: 30px;
  cursor: pointer;
}
#coupons .user-coupon {
  cursor: pointer;
  position: relative;
  background: url("../image/orange_coupon.png") no-repeat;
  height: 180px;
  width: 580px;
  margin: 30px auto 0;
  line-height: 0;
}
#coupons .user-coupon .coupon-check {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
}
#coupons .user-coupon .check {
  background: url("../image/coupon_check.png") no-repeat;
}






#coupons .user-coupon .user-coupon-term {
  height: 130px;
  width: 100%;
}
#coupons .user-coupon .user-coupon-term div {
  display: table-cell;
  vertical-align: middle;
}
#coupons .user-coupon .user-coupon-term .user-coupon-price {
  width: 200px;
  text-align: center;
  height: 130px;
  color: #ffffff;
  font-size: 60px;
}
#coupons .user-coupon .user-coupon-term .user-coupon-price .money-logo {
  color: #ffffff;
  font-size: 30px;
  margin-right: 10px;
}
#coupons .user-coupon .user-coupon-term .user-coupon-tips {
  width: 380px;
}
#coupons .user-coupon .user-coupon-term .user-coupon-tips p {
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
}
#coupons .user-coupon .user-coupon-time {
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-size: 24px;
}