.clear {
    clear: both;
}
.clearboth {
    overflow: hidden;
}
.clearboth, .clearboth:after {
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: both;
}
.redcolor {
  color: #ff7878;
}

.prompt {
  color: #ff7878;
}
[class*=service-col-] {
    float: left;
    padding-right: 25px;
    min-height: 1px;
}
.fullwidth {
  width: 100%;
}
.service-content {
  margin-top: 30px;
  margin-bottom: 50px;
  overflow: hidden;
  position: relative;
  min-width: 1144px;
  display: flex;
  justify-content: space-between;
}

.user-leftwrap {
  display: flex;
  width: 160px;
  text-align: center;
  flex-direction: column;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow:0 0 10px 1px rgba(0, 0, 0, .1);
  border-radius: 12px;
  margin: 10px;
}
.left-userinfo {
  height: 200px;
  background-color: white;
  color: #282828;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*border-top-left-radius: 12px;*/
  /*border-top-right-radius: 12px;*/
}
.left-userinfo>img.left-usericon {
  height: 100px!important;
  width: 100px;
  margin-top: 17px;
  border-radius: 50px;
}
.left-nickname {
  font-size: 20px;
  /*font-weight: bold;*/
  margin-top: 10px;
}
.left-phone {
  margin-top: 7px;
}
.left-menu {
  background-color: #1FADF6;
  flex: 1;
  /*border-bottom-left-radius: 12px;*/
  /*border-bottom-right-radius: 12px;*/
}
ul.user-leftmenu {
  margin-left: 0px;
}
ul.user-leftmenu li {
  line-height: 50px;
  height: 50px;
  width: 100%;
  padding-left: 24px;
  margin-left: 0px;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
ul.user-leftmenu li.selectedmenu {
  background-color: #0085DD;
}
ul.user-leftmenu li>span {
  padding-left: 31px;
  display: inline-block;
  height: 100%;
  color: #DAF3FF;
  font-size: 16px;
  /*font-weight: bold;*/
}
ul.user-leftmenu li.selectedmenu>span{
  color: #ffffff;
}
ul.user-leftmenu .nopaynum {
  background-color: #ff7f7e;
  color: white;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  font-size: 12px;
  margin-left: 8px;
  padding: 0px 8px;
}

.menuitem-myaccount {
  background: url('../../images/zwybuy-images/icon-myaccount.png') no-repeat left center;
}
.menuitem-myservice {
  background: url('../../images/zwybuy-images/icon-myservice.png') no-repeat left center;
}
.menuitem-myorder {
  background: url('../../images/zwybuy-images/icon-myorder.png') no-repeat left center;
}

.selectedmenu .menuitem-myaccount {
  background: url('../../images/zwybuy-images/icon-myaccount-s.png') no-repeat left center;
}
.selectedmenu .menuitem-myservice {
  background: url('../../images/zwybuy-images/icon-myservice-s.png') no-repeat left center;
}
.selectedmenu .menuitem-myorder {
  background: url('../../images/zwybuy-images/icon-myorder-s.png') no-repeat left center;
}

.user-rightwrap {
  display: inline-block;
  margin: 10px 20px;
  min-height: 460px;
  overflow: hidden;
  padding: 30px;
  flex: 1;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
  -webkit-box-shadow:0 0 10px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow:0 0 10px 1px rgba(0, 0, 0, .1);
  /*border-radius: 12px;*/
}
#myorder, #myaccount, #mydiscount, #mygift {
  display: none;
}

.user-rightwrap .title-wrap {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.user-rightwrap .title-wrap i {
  width: 43px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: left;
}
.icon-service {
  background-image: url('../../images/zwybuy-images/icon-service.png');
}
.icon-order {
  background-image: url('../../images/zwybuy-images/icon-order.png');
}
.icon-myaccount {
  background-image: url('../../images/zwybuy-images/icon-myaccount.png');
}
.user-rightwrap .title {
  display: inline-block;
  width: 134px;
  font-size: 20px;
  color: #282828;
  /*font-weight: bold;*/
  flex: none;
}
.accountinfo-wrap, .accountsecurity-wrap {
  display: flex;
  margin-left: 43px;
}
.accountinfo-wrap {
  margin-top: 30px;
}
.accountsecurity-wrap {
  margin-top: 50px;
}
.subtitle {
  margin-right: 30px;
  font-size: 16px;
  /*font-weight: bold;*/
  line-height: 28px;
}
.userinfo-wrap, .phoneinfo-wrap {
  font-size: 16px;
  /*font-weight: bold;*/
  display: flex;
  align-items: center;
}
.accountinfo-content .p4{
  padding: 6px 0;
}
.accountinfo-content {
  margin-top: 48px;
}
.myaccountname, .myphone {
  margin-right: 30px;
}
.myaccountname {
  padding: 6px;
}

.icon-edit {
  padding-left: 26px;
  font-size: 14px;
  color: #1FADF6;
  background: url('../../images/zwybuy-images/icon-edit.png') no-repeat left center;
  display: inline-block;
  cursor: pointer;
}

.editpwd-btnwrap {
 line-height: 28px;
}
.pwdset-tip {
  margin-top: 30px;
  line-height: 24px;
  font-size: 14px;
  color: #a0a0a0;
}
/*  */
/* 优惠券信息 */
.mycoupon-tablewrap{
  padding: 20px 0 0 5px;
  box-sizing: content-box;
  /* padding: 20px; */
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  /* box-sizing: border-box; */
}
.coupon {
  background: url('../../images/zwybuy-images/bg-blue.png') no-repeat;
  width: 266px;
  height: 100px;
  flex: 0 0 266px;
  margin-bottom: 10px;
  margin-right: 7px;
  display: flex;
}
.coupon.expired, .coupon.used, .coupon.sent {
  background: url('../../images/zwybuy-images/bg-grey.png') no-repeat;
}
.coupon-left {
  width: 108px;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.coupon-amount {
  display: block;
  line-height: 32px;
  margin-top: 20px;
  font-size: 28px;
  color: #fff;
}
.coupon-amount-only{
  line-height: 100px;
  margin-top: 0px;
}
.coupon-name {
  display: block;
  margin-top: 10px;
  color: #fff;
  line-height: 19px;
}
.coupon-right {
  width: 158px;
  height: 100%;
  padding: 12px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
}
.coupon-remark {
  width: 146px;
  line-height: 16px;
}
.coupon.expired .coupon-remark, .coupon.used .coupon-remark, .coupon.sent .coupon-remark{
  width: 111px;
}
.expireDate {
  margin-top: 4px;
  color: #969696;
  line-height: 12px;
}
.options {
  margin-top: 8px;
  flex: 1 1 100%;
  display: flex;
  align-items: flex-end;
}
.icon-couponstatus {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
}
.useBtn {
  width: 65px;
  height: 18px;
  border: 1px solid #16b6e6;
  border-radius: 10px;
  color: #16b6e6;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
}
.coupon.used .icon-couponstatus {
  background: url('../../images/zwybuy-images/used.png') no-repeat;
}
.coupon.expired .icon-couponstatus {
  background: url('../../images/zwybuy-images/expired.png') no-repeat;
}
.coupon.sent .icon-couponstatus {
  background: url('../../images/zwybuy-images/sent.png') no-repeat;
}
.coupon.expired .options, .coupon.used .options, .coupon.sent .options {
  display: none;
}
/*  */
/**我的订单条件查询列表为空时的显示*/
.myorder-empty, .myservice-empty, .mycoupon-empty{
  text-align: center;
  display: none;
}
img.people-noorder {
  margin-top: 50px;
  display: inline-block;
  height: 160px;
}
.emptytxt {
  line-height: 33px;
  font-size: 16px;
  color: #a0a0a0;
  margin-top: 18px;
}
.recommend {
  margin-top: 30px;
}
.recommend-title {
  border-bottom: 1px solid #cfd8dc;
  text-align: left;
  line-height: 36px;
  color: #282828;
  font-size: 16px;
  /*font-weight: bold;*/
}
.recommend-content {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.recommend-content img {
  cursor: pointer;
}
.myorder-empty .btn-span, .myservice-empty .btn-span {
  display: inline-block;
  margin-right: 22px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #ff7878;
  border: 1px solid #FF7878;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.myorder-empty .selected.btn-span, .myservice-empty .selected.btn-span {
  color: white;
  background: linear-gradient(to bottom,  #ff7346 0%,#ff2188 100%);
}

/**我的订单条件查询列表不为空时显示的表格和页码*/
.myorder-tablewrap, .myservice-tablewrap, .mycoupon-tablewrap, .mygift-tablewrap {
  width: 100%;
  overflow: hidden;
  border: 1px solid #cfd8dc;
  margin-top: 20px;
  /*padding: 30px;*/
}
.myorder-filterwrap, .myservice-filterwrap, .mycoupon-filterwrap {
  display: flex;
  justify-content: space-between;
  margin-top: 26px;
}
ul.filtermenu {
  letter-spacing: -4px;
  margin-left: 0px;
  margin-bottom: 0px;
}
ul.filtermenu li {
  display: inline-block;
  width: 126px;
  margin-left: 0px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #282828;
  font-size: 16px;
  /*font-weight: bold;*/
  cursor: pointer;
  /*border: 1px solid #cfd8dc;*/
  letter-spacing: 0px;
  /*border-right: 0;*/
}
.mycoupon-filterwrap ul.filtermenu li{
  width: 147px;
}
ul.filtermenu li.selected {
  background-size: contain;
  color: #1FADF6;
  border-bottom: 4px solid #1FADF6;
}
ul.filtermenu .nopaynum {
  color: #ff7f7e;
}

.paytime-wrap {
  display: none;
}
.myservice-table, .myorder-table {
  width: 100%;
  /*border: 1px solid #979797;*/
  /*border-collapse: collapse;*/
}
.myservice-thead-table td, .myservice-table th, .myorder-table td, .myorder-table th{
  height: 48px;
  padding: 6px 12px;
  color: #282828;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.myservice-table th, .myorder-table th {
  /*border-right: 1px solid #e0e3e5;*/
  background-color: #ebeff2;
}
.myservice-table th:last-child, .myorder-table th:last-child{
  border-right: 0px;
}
.myservice-table td, .myorder-table td {
  /*border: 1px solid #e0e3e5;*/
  border-left: 0px;
  border-bottom: 0px;
  font-size: 14px;
}
.myservice-table td {
  height: 66px;
}
td.nowrap {
  white-space: nowrap;
}
.gotouse {
  padding: 3px 6px;
  color: white;
  background: #30BFCF;
  border-radius: 4px;
  cursor: pointer;
}
.money-discount {
  font-size: 12px;
  color: #333333;
}
.cols-curnode>span {
  display: block;
}
.cols-cusmanager span {
  display: flex;
  flex-direction: column;
  align-items: cente
}

.cols-period {
  white-space: nowrap;
  min-width: 40px;
}
.cols-opt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cols-opt span {
  display: inline-block;
  width: 100%;
  padding: 0px;
  cursor: pointer;
  text-align: center;
  color: #1FADF6;
}
.cols-opt .invoicestatus {
  color: #ff7f7e;
  cursor: auto;
}

/**我的订单*/
.myorder-thead, .tbody-head {
  display: flex;
  background-color: #ebeff2;
  font-size: 14px;
  color: #1A2633;
}
.myorder-thead {
  margin-bottom: 10px;
  line-height: 36px;
}
.tbody-head {
  height: 36px;
}
.myorder-thead span {
  display: block;
  flex: 1;
}
.myservice-tbody .tbody-body {
  display: flex;
  align-items: center;
}
.myservice-tbody .tbody-body-spec.tbody-body .cols-opt {
  align-items: center;
}
.tbody-head>span, .tbody-body>div {
  padding: 6px 12px;
  flex: 1;
}
.tbody-head>span {
  line-height: 28px;
}
.cols-servicename {
  color: #1FADF6;
  font-size: 16px;
}
.cols-serviceprops span,  .cols-amount>span {
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 0px;
  text-align: left;
  color: #1A2633;
}
.payamount {
  color: #1A2633;
  font-weight: bold;
}
/**check 弹框、发票弹框、 修改我的账户相关弹框公用样式*/
.cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.contactmngdlg, .reinvoicedlg, .checkdlg, .resetphone-wrap, .editpwd-wrap, .invoicedlg, .viewInvoicedlg, .logisticsdlg, .contract, .contract-confirm, .advance-activate-confirm {
  display: none;
  position: absolute;
  background-color: white;
  padding: 30px 60px 20px;
  width: 520px;
  height: 400px;
  left: 50%;
  top: 50%;
  border-radius: 16px;
  transform: translate3d(-50%, -50%, 1px);
}
.close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  font-size: 20px;
  cursor: pointer;
  content: '';
  background: url('../../images/zwybuy-images/icon-close.png') no-repeat center;
  z-index: 1;
}
.contract-confirm-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  font-size: 20px;
  cursor: pointer;
  content: '';
  background: url('../../images/zwybuy-images/icon-close.png') no-repeat center;
  z-index: 1;
}
.close-white {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  content: '';
  background: url('../../images/zwybuy-images/icon-close_white.png') no-repeat center;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
}
.cover .title {
  text-align: center;
  font-size: 24px;
  color: #333;
  text-align: center;
  line-height: 34px;
  height: 34px;
  margin-bottom: 16px;
}
.cover .contact-title {
  font-size: 18px;
  /*font-weight: bold;*/
  color: #282828;
}
.cover .line-label {
  display: inline-block;
  width: 126px;
  margin-right: 14px;
  font-size: 16px;
  color: #282828;
  line-height: 36px;
  text-align: right;
}
.cover input {
  height: 40px;
  padding: 0px 12px;
  box-sizing: border-box;
}
.prompt-input {
  border-color: #ff7878;
  border-style: solid;
  border-width: 1px;
}
.btn-invoicedlg {
  width: 280px;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  color: white;
  background-color: #1FADF6;
  border: 0;
  border-radius: 22px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
}

/*******changyu20170825******/

.myphone,.myaddress,.myemail {
  padding: 6px;
  display: block;
  height: 24px;
  line-height: 14px;
}
.myaccountname{
	min-width: 180px;
}
.myemail,.myaddress{
	min-width: 350px;
}
/*.myaddress{
  width: 420px;
}*/
.editing{
    border-right: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    /*font-size: 9pt;*/
    border-left: #ffffff 0px solid;
    border-bottom: #c0c0c0 1px solid;
    background-color: #ffffff;
}
.mygender {
  line-height: 24px;
  padding: 4px 6px;
}
.accountinfo-content {
  width: 520px;
}
.icon-save,.icon-cancel {
  font-size: 14px;
  color: #1FADF6;
  display: inline-block;
  cursor: pointer;
  display: none;
}
.resetaddress-wrap{
  width: 650px;
  padding: 0px;
  height: 344px;
  display: none;
  position: absolute;
  background-color: white;
  left: 50%;
  top: 50%;
  border-radius: 16px;
  transform: translate3d(-50%, -50%, 1px);
}
.resetaddress-wrap .title{
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-bottom: 0px;
  height: 60px;
  line-height: 60px;
  background-color: #1FADF6;
  color: white;
}
.resetaddress-wrap .line-label{
	line-height: 30px;
    width: 130px;
}
.resetaddress-contentwrap {
  padding: 30px;
}
.resetaddress-wrap .input-wrap{
  position: relative;
  padding-bottom: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.detailaddress{
	width: 400px;
	height: 50px;
}
.prompt-tip{
	display: none;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 10px;
}
/*.phoneinfo-wrap {
  margin-top: 20px;
}*/

/***************************/

/**联系专属客户经理框、重开发票提示框*/
.contactmngdlg, .reinvoicedlg {
  height: auto;
  min-height: 200px;
}
.contactmngdlg-contentwrap, .reinvoicedlg-contentwrap {
  padding: 20px 30px;
  text-align: center;
  font-size: 16px;
}
.agentitem {
  margin-bottom: 12px;
}
.agentname {
  margin-right: 12px;
  display: inline-block;
  width: 100px;
  text-align: right;
}
.reinvoicedlg-contentwrap {
  line-height: 30px;
}
/**check弹框*/
.checkdlg {
  width: 470px;
  height: 246px;
  padding: 0px;
}
.checkdlg-contentwrap {
  text-align: center;
}
.checkdlg-icon {
  margin-top: 28px;
  margin-bottom: 6px;
}
.checkdlg-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
}
.twobtn-wrap {
  display: flex;
  justify-content: center;
  position: relative;
}
.twobtn-wrap .btn-checkdlg {
  width: 183px;
  height: 44px;
  font-size: 18px;
  /*font-weight: bold;*/
  color: #A0A0A0;
  background-color: #f6f7f9;
  border: 1px solid #A0A0A0;
  border-radius: 22px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.twobtn-wrap .btn-checkdlg:last-child {
  margin-left: 30px;
}
.twobtn-wrap div.selectedbtn {
  color: #1FADF6;
  border-color: #1FADF6;
  background-color: white;
}


/**查看发票弹框*/
.viewInvoicedlg {
  width: 500px;
  height: auto;
}
.viewInvoicedlg p {
  line-height: 34px;
  font-size: 16px;
  margin-bottom: 0px;
}
.viewInvoicedlg .onebtn-wrap {
  display: none;
}

/**申请开票弹框*/
.invoicedlg {
  width: 798px;
  height: auto;
  padding: 46px 60px;
}
.radio-wrap {
  display: flex;
  justify-content: center;
}
.radio-wrap label {
  margin-right: 80px;
  line-height: 28px;
  font-size: 16px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
label.disabled-radio {
  cursor: not-allowed;
  color: gray;
}
.radio-span ,.radio-span-gd{
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  background: url('../../images/zwybuy-images/icon-radio_unchecked.png') no-repeat;
}
.icon-radio_checked {
  background: url('../../images/zwybuy-images/icon-radio_checked.png') no-repeat;
}
.radio-wrap input {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  opacity: 0;
}
.prompt-media {
  font-size: 14px;
  color: #f77924;
  margin-top: 20px;
  padding: 12px 20px 12px 52px;
  line-height: 20px;
  background: url('../../images/zwybuy-images/icon-warn_triangle.png') no-repeat 12px 12px;
  background-color: #fff9e6;
}
ul.tickettype-wrap {
  text-align: center;
  display: inline-block;
}
ul.tickettype-wrap li {
  display: inline-block;
  width: 160px;
  height: 30px;
  line-height: 28px;
  font-size: 18px;
  border: 1px solid #979797;
  border-radius: 4px;
  cursor: pointer;
}
ul.tickettype-wrap li.selectedtype {
  color: white;
  background: url('../../images/zwybuy-images/bg-selectedtype.png') no-repeat;
  border: 0;
  height: 33px;
  margin-right: -2px;
  z-index: 9;
}
.input_prompttxt {
  display: none;
  margin-left: 15px;
  font-size: 12px;
  color: #ff7878;
}
.input_prompttxt:before{
  content: url('../../images/zwybuy-images/icon-inputwarn.png');
  margin-right: 3px;
  width: 18px;
  height: 22px;
  vertical-align: middle;
  display: inline-block;
}
.invoicedlg .input_prompttxt {
  max-width: 143px;
  max-height: 36px;
  display: inline-block;
}
.invoicedlg .icon-success {
  display: none;
  margin-left: 20px;
  content: url('../../images/zwybuy-images/icon-success.png');
  vertical-align: middle;
}
.invoicedlg input:not([type="radio"]) {
  width: 380px;
  height: 36px;
}
.no-empty {
  background: url('../../images/zwybuy-images/no_empty.png') no-repeat;
  width: 7px;
  height: 7px;
  /* float: left; */
  display: inline-block;
  margin-right: 5px;
}
.postinfo-editwrap textarea {
  width: 383px;
  resize: none;
  padding: 11px 12px 10px;
  box-sizing: border-box;
}
.postinfo-editwrap>div {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
}
.invoicedlg .dropdown {
  height: 44px;
  width: 120px;
  padding-left: 13px;
  margin-right: 12px;
  float: left;
  font-size: 14px;
  color: #707070;
  font-family: 'Microsoft YaHei';
}
.invoicedlg .dropdown:hover {
  border-color: #ffa500;
}
.prompt-txt {
  color: #ff7878;
  margin-left: 126px;
  margin-top: 10px;
}
.onebtn-wrap {
  margin-top: 30px;
  text-align: center;
}

/**修改密码和设置新的手机号弹框(附带部分联系客户经理弹框的)*/
.resetphone-wrap, .editpwd-wrap, .contactmngdlg, .reinvoicedlg {
  width: 470px;
  padding: 0px;
}
.resetphone-wrap {
  height: 330px;
}
.editpwd-wrap {
  height: 344px;
}
.resetphone-wrap .title, .editpwd-wrap .title, .contactmngdlg .title, .reinvoicedlg .title {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-bottom: 0px;
  height: 60px;
  line-height: 60px;
  background-color: #1FADF6;
  color: white;
}
.resetphone-contentwrap, .editpwd-contentwrap {
  padding: 30px;
}
.resetphone-wrap .input-wrap, .editpwd-wrap .input-wrap {
  position: relative;
  padding-bottom: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.resetphone-contentwrap .line-label {
  line-height: 30px;
  width: 130px;
}
.editpwd-contentwrap .line-label {
  line-height: 30px;
  width: 116px;
}
.resetphone-contentwrap input, .editpwd-contentwrap input {
  height: 30px;
}
.resetphone-wrap .phone-wrap input, .editpwd-wrap .pwd-wrap input {
  flex: 1;
  box-sizing: border-box;
}
.checkdlg-contentwrap, .viewInvoicedlg-contentwrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.resetphone-wrap .icon-success, .editpwd-wrap .icon-success{
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  content: url('../../images/zwybuy-images/icon-success.png');
}
.resetphone-wrap .code-wrap input {
  width: 130px;
  margin-right: 8px;
  box-sizing: border-box;
}
.resetphone-wrap span.btn-getcode, .resetphone-wrap span.code-second, .resetphone-wrap img.verfiycode{
  display: inline-block;
  width: 130px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  font-size: 16px;
}

.resetphone-wrap span.btn-getcode {
  background-color: #ff7e7b;
  color: white;
  cursor: pointer;
}
.resetphone-wrap span.code-second {
  display: none;
  background-color: gray;
  color: white;
  border-radius: 4px;
  text-align: center;
}

.resetphone_prompt, .editpwd_prompt {
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin-top: 3px;
  margin-left: 156px;
  margin-bottom: 0px;
  line-height: 30px;
  display: none;
  color: #ff7878;
  /*background: rgba(255,120,120,0.40);*/
}
.editpwd_prompt {
  margin-left: 142px;
}

.resetphone_prompt:before, .editpwd_prompt:before{
  content: '';
  background: url('../../images/zwybuy-images/icon-inputwarn.png') no-repeat;
  background-size: contain;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  vertical-align: text-bottom;
}
.btn-wrap {
  display: flex;
  justify-content: center;
  position: relative;
}
#resetphone-submit-prompt, #editpwd-submit-prompt {
  position: absolute;
  top: -30px;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 30px;
  font-size: 12px;
}



/*页码数、上一页、下一页等的样式*/
.show_page { zoom:1; vertical-align:middle; height:21px; line-height:21px; }
#num { font-weight:bold; color:#1C4670; padding:0 3px; text-decoration:underline; }
.global_page { margin:10px 0px; }
.PerPage { color:#5a5a5a; padding:0 3px; text-decoration:underline; cursor:pointer; }
.CurrentNum { font-weight:bold; color:#1C4670; }
.show_page li { float:left; }
.show_page .float_r { float:right; }
.paginations { padding-left:8px; }
.paginations a { text-decoration: none; color:#1C4670; vertical-align:middle; outline:none; }
.paginations a {color:#1C4670;}
.paginations a, .paginations span { float:left; text-align:center; height:20px; line-height:20px; width:21px; background:url('../../images/zwybuy-images/ico.png') no-repeat scroll -237px -70px transparent; margin-left:6px;padding: 0;transition: all 0s}
.paginations .current { background: url('../../images/zwybuy-images/ico.png') no-repeat scroll -216px -50px transparent; color:#FFF; font-weight:bold; }
.paginations .current.prev, .paginations .current.next, .paginations a.prev, .paginations a.next { font-weight:normal; color:#999; border-color:#999; background:url('../../images/zwybuy-images/ico.png') left -50px no-repeat; border:none; width:45px; height:21px; line-height:21px; text-align:center; padding:0px; vertical-align:middle; transition: all 0s}
.paginations a.prev, .paginations a.next { color:#1C4670; }
.paginations a.prev:hover, .paginations a.next:hover { background:url('../../images/zwybuy-images/ico.png') -100px -100px no-repeat; }
/* 页面定向跳转 */
.jump_txt{
  border:1px solid #C3C3C3!important;
  width:38px;
  height:19px;
  padding:0px;
  text-align:center;
  border-radius:2px;
}
.jump_btn{
  display: inline-block;
    text-align: center;
    height: 21px;
    line-height: 21px;
    width: 39px;
    background: url('../../images/zwybuy-images/ico.png') no-repeat scroll -368px -150px transparent;
}
.jump_btn:hover{
  background: url('../../images/zwybuy-images/ico.png') no-repeat scroll  -368px -171px transparent;
}
#myaccount [class*='icon-']:before{
  display: none;
}

.myservice-thead, .tbody-head {
  display: flex;
  background-color: #ebeff2;
  font-size: 14px;
  color: #282828;
}
.myservice-thead {
height: 36px;
line-height: 36px;
}
.myservice-thead span {
display: block;
text-align: center;
}
.myservice-thead span.cols-sname {
flex: 2;
}
.myservice-thead span.cols-details {
flex: 3;
text-align: left;
}
.myservice-thead span.cols-paystatus {
flex: 2;
text-align: left;
}
.myservice-thead span.cols-opt {
flex: 3;
}
.myservice-thead span.cols-default {
  flex: 1;
  align-items: center;
  justify-content: center;
}
.myservice-thead span.cols-default b {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #4cc9ea;
  border-radius: 10px;
  text-align: center;
  line-height: 15px;
  color: #4cc9ea;
  margin-left: 2px;
}
.myservice-tablewrap .cols-paytype, .myservice-tablewrap .cols-paystatus, .myservice-tablewrap .cols-opt{
width: 93px;
text-align: center;
}
.myservice-tbody,.myorder-tbody{
  overflow: auto;
}
.myservice-tbody .tbody-body{
  border-bottom: 1px solid rgba(204, 204, 204, 1);
}
.myservice-tablewrap .tbody-body .cols-servicename{
  flex: 2;
}
.myservice-tablewrap .tbody-body .cols-serviceprops{
  flex: 3;
}
.myservice-tablewrap .tbody-body .cols-amount{
  flex: 2;
}
.myservice-tablewrap .tbody-body .cols-opt{
  flex: 3;
  display: flex;
  align-items: center
}
.myservice-tablewrap .tbody-body .cols-default{
  flex: 1;
}
.myservice-tablewrap .cols-serviceprops span.inlineSpan{
  display: inline;
}
.myservice-tablewrap .tbody-body>div{
  text-align: center;
  padding: 6px 0;
}
.myservice-tablewrap .toDzgj{
  padding: 6px 16px;
  background-color: #3FD38E;
  color: #FFFFFF;
  text-align: center;
  margin-right: 16px;
  display: inline;
  border-radius: 4px;
}
.myservice-tablewrap .toDzgj:hover{
  background-color: #22C87A;
}
.myservice-tablewrap .toDzgj.oldDzgj{
  background-color: rgba(120, 206, 239, 1);
}
.myservice-tablewrap .toDzgj.oldDzgj:hover{
  background-color: rgb(81, 199, 245);
}
.myservice-tablewrap .toDzgj.noservice{
  background-color: #dfdfdf;
  cursor: not-allowed;
}
.myservice-tablewrap .toDzgj.noservice:hover{
  background-color: #dfdfdf;
}
.myservice-tablewrap .toDzgj.advance-activate{
  background-color: #1fadf6;
  cursor: pointer;
}
.myservice-tablewrap .toDzgj.advance-activate:hover{
  background-color: #1391ff;
}
.myservice-tablewrap .toRenew{
  display: inline;
  text-decoration: underline;
}

.mygift-thead, .tbody-head {
  display: flex;
  background-color: #ebeff2;
  font-size: 14px;
  color: #282828;
}
.mygift-thead {
  height: 36px;
  line-height: 36px;
}
.mygift-thead span {
  display: block;
  text-align: center;
}
.mygift-thead span.cols-sname {
  flex: 2;
}
.mygift-thead span.cols-details {
  flex: 3;
}
.mygift-thead span.cols-paystatus {
  flex: 2;
}
.mygift-thead span.cols-opt {
  flex: 2;
}
.mygift-thead span.cols-date {
  flex: 2;
}
.mygift-tablewrap .cols-paytype, .mygift-tablewrap .cols-paystatus, .mygift-tablewrap .cols-opt{
  width: 93px;
  text-align: center;
}
.mygift-tbody {
  overflow: auto;
}
.mygift-tbody .tbody-body{
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(204, 204, 204, 1);
}
.mygift-tablewrap .tbody-body .cols-servicename{
  flex: 2;
}
.mygift-tablewrap .tbody-body .cols-serviceprops{
  flex: 3;
}
.mygift-tablewrap .tbody-body .cols-amount{
  flex: 2;
}
.mygift-tablewrap .tbody-body .cols-date {
  flex: 2;
}
.mygift-tablewrap .tbody-body .cols-opt{
  flex: 2;
}
.mygift-tablewrap .cols-serviceprops span.inlineSpan{
  display: inline;
}
.mygift-tablewrap .tbody-body>div{
  text-align: center;
  padding: 6px 0;
}
.mygift-tablewrap .toRenew{
  display: inline;
  text-decoration: underline;
}
.cols-servicename>span.nameText{
  display: block;
}
.tbody-body-spec .cols-servicename>span.tagText{
  padding: 3px 10px;
  font-size: 12px;
  color: #ffffff;
  background: #FFAB40;
  border-radius: 4px;
}
.tbody-body .cols-servicename>span.useText{
  padding: 3px 10px;
  font-size: 12px;
  color: #ffffff;
  background: #F56A00;
  border-radius: 4px;
}
.tbody-body-spec .outTime{
  color: #CCCCCC;
}
.tbody-body-spec.tbody-body .cols-opt{
  align-items: flex-end;
}
.tbody-body-spec.tbody-body .cols-opt .operateWrap{
  /*margin-right: 18px;*/
}
.myservice-tablewrap,.myorder-tablewrap, .mygift-tablewrap{
  overflow: auto;
}
#myservice .servicepage, #myorder .orderpage{
  display: none;
}
.cols-opt .operateWrap .emptySpan{
  display: inline-block;
  width: 42px;
}
.myorder-tablewrap .tbody-head .cols-orderdate{
  flex: 0.765;
}
.viewInvoicedlg .onebtn-wrap .btn-invoicedlg.noready{
  background-color: #bfbfbf;
  color: red;
}