a {
    color:#757575;
    text-decoration:none
}
a:hover {
    color:#ff6700;
    text-decoration:none
}
.hide {
    display:none !important
}
.show {
    display:block !important
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

img {
    vertical-align: middle;
}

input, select {
    -webkit-appearance: none;
    border-radius: 0;
}
label {
    margin: 0;
    padding: 0;
}

/* hide */
.vis_hide {
    color: #FFF !important;
    visibility: hidden !important;
}
.container .spacer {
    margin-top: 0.2rem;
}
.container .spacer_b {
    margin-bottom: 0.2rem;
}

/** 通用 btn */
.container .btn_frame {
    position: relative;
}
.container .btn_frame .btn {
    width: 2.4rem;
    height: 0.78rem;
    display: block;
    /*background-size: 2.4rem 0.78rem;*/
    position: absolute;
    top: 0.4rem;
    color: #FFF;
    text-align: center;
    line-height: 0.78rem;
    cursor: pointer;
}
.container .btn_frame .btn:focus {
    outline: none;
}

.container .btn_frame .btn_recharge {
    background-color: #44952A;
    right: 0.8rem;
}
.container .btn_frame .btn_cash {
    background-color: #FF4500;
    left: 0.8rem;
}
.container .btn_frame .btn_ok {
    background-color: #FF4500;
    right: 0.8rem;
}
.container .btn_frame .btn_cancle {
    background-color: #6A6A6A;
    left: 0.8rem;
}
.container .btn_frame .btn_hold {
    width: 3rem;
    background-color: #FFF;
    color: #FF4500;
    border: 1px solid #FF4500;
    box-sizing: border-box;
}

.container .btn_frame .btn_apply {
    width: 3rem;
    background-color: #FF4500;
    right: 0;
}


.container .btn_frame .btn_single {
    width: 6.72rem;
    height: 0.78rem;
    line-height: 0.78rem;
    color: #FFF;
    text-align: center;
    background-color: #FF4500;
    display: block;
    position: absolute;
    left: 0.24rem;
    top: 0;
}

/** 通用 radio */
.lable_frame label {
    position: relative;
    display: inline-block;
    padding-left: 0.5rem;
    font-size: 0.32rem;
    outline: none;
    cursor: pointer;
}
.lable_frame label:focus {
    outline: none;
    -webkit-user-select: none;
}
.lable_frame label::before {
    content: '';
    width: 0.44rem;
    height: 0.44rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.22rem;
    background:url(../images/choice_check_un88.png) no-repeat center;
    background-size: 0.44rem 0.44rem;
}

.lable_frame label.check::before {
    content: '';
    width: 0.44rem;
    height: 0.44rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.22rem;
    background:url(../images/choice_check_on88.png) no-repeat center;
    background-size: 0.44rem 0.44rem;
}
/*.lable_frame input[type=radio] {  visibility: hidden}*/
.lable_frame input[type=radio] {  display: none}
.lable_frame input[type=checkbox] {  display: none}
.lable_frame input[type=checkbox]+ label:before { opacity: 1}
.lable_frame input[type=checkbox]:checked + label:after { opacity: 1}
.lable_frame input[type=radio]:checked + label:after { opacity: 1}

/* kf footer */
.kf_footer {
    font-size: 0.32rem;
}
.kf_footer .kf_title {
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.36rem;
    font-weight: 700;
}
.kf_footer .kf_con {
    line-height: 0.6rem;
}
.kf_footer .kf_links {
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.9rem;
    margin: 0.2rem 0;
    color: #FFF;
}
.kf_footer .kf_links a {
    color: #3C93BB;
}
.kf_footer .kf_phone {
    background: url("../images/kf_phone.png") no-repeat 0.15rem 0.14rem;
    background-size: 0.6rem 0.6rem;
    background-color: #43e59a;
}
.kf_footer .kf_mobile {
    background: url("../images/kf_mobile.png") no-repeat 0.15rem 0.14rem;
    background-size: 0.6rem 0.6rem;
    background-color: #43e59a;
}
.kf_footer .kf_mail {
    background: url("../images/kf_mail.png") no-repeat 0.15rem 0.14rem;
    background-size: 0.6rem 0.6rem;
    background-color: #43e59a;
}
/* end kf footer */

/* css3  */
.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.box-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
/* end css3 */

/* old app_menu */
.footer{width:100%;background-color:#000000;height:38px;padding-top:11px;font-size:16px;font-weight: bold;position: fixed;bottom: 0px;z-index: 99;}
.footer a{width:20%;border-right:1px solid #514F4F; box-sizing:border-box;float:left;text-align:center;font-weight:bold;display: block;color:#ffffff;}
.footer div{width:20%;border-right:1px solid #514F4F;cursor:pointer; box-sizing:border-box;float:left;text-align:center;font-weight:bold;display: block;color:#ffffff;}
.footer .on01{color:#ff3c00;}
.footer .on02{border-right:0;}
.footer a:hover{color:#ff3c00;}
/* end old app_menu  */

/* old footer */
/* #yp_menu {background-color: #000;display: none;font-size: 16px;opacity: 0.6;position: fixed;top: 0;z-index: 99;overflow: hidden;height: 100%;width: 100%;}
.parent {background-color: #000;display:none;font-size: 16px;height: 100%;opacity: 0.6;position: fixed;top: 0;width: 100%;z-index: 1299;overflow: hidden;}
#yp_menus {background-color: #ffffff;height: auto;left: 50px; margin: 0;position: fixed; top: 229px;width: 200px;display: none;z-index:1302;}
#yp_menu_div {background-color: #ffffff; display: inline-block;width:100%;position: absolute;height:auto;z-index:1301;} */
/* end old footer */

.web-toast {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 10px;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 9999;
  white-space: nowrap;
}
.fadeToastOut {
  animation: fadeToastOut .5s;
}
.fadeToastIn {
  animation: fadeToastIn .5s;
}

#oexplain {
  width: 90%;
  max-width: 450px;
  max-height: 300px;
  background-color: #fff;
  color: #252525;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 5111;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#oexplain .oc {
  padding: 10px;
  min-height: 48px;
  max-height: 200px;
  overflow-y: scroll;
  line-height: 24px;
  font-size: 14px;
}
#oexplain .oc .hui {
  color: #999;
}
#oexplain .oexh {
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  color: #000;
}
#oexplain .oexf {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  background-color: #eee;
  display: -webkit-box;
  color: #000;
}
#oexplain .oexf .cancel_btn {
  -webkit-box-flex: 1;
}
#oexplain .oexf .ok_btn {
  -webkit-box-flex: 1;
  background-color: #ff4500;
  color: #FFF;
}
.oexplain_mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5110;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
#oexplain .choose-wrap {text-align: center;}
#oexplain .choose-show {display: block;}
#oexplain .choose-hide {display: none;}
#oexplain .choose {
	padding: 16px;
	position: relative;
	padding-left: 32px;
	display: inline-block;
	margin: 0 auto;
	font-size: 12px;
}
#oexplain .choose.checked::before {
	position: absolute;
	top: 16px;
	left: 0;
	width: 18px;
	height: 18px;
	content: '';
	background: url("../img/check_press.png") no-repeat center;
	background-size: 18px 18px;
}
#oexplain .choose.unchecked::before {
	position: absolute;
	top: 16px;
	left: 0;
	width: 18px;
	height: 18px;
	content: '';
	background: url("../img/check_normal.png") no-repeat center;
	background-size: 18px 18px;
}