@charset "utf-8";
@import "reset.css";

/*
    header Style
*/

html{font-size:50px;-webkit-tap-highlight-color: transparent;min-width: 320px;overflow-x: hidden;display: block; font-family: "微软雅黑 Light","微软雅黑","宋体"}
.body_bg{background-color: #f4f8fb;}
.body_bg01{background-color: #fff;}
/*
 public Style
*/
figure{margin: 0;padding: 0}
img, img a {  border: 0;vertical-align: middle;  }
.cf{zoom: 1;}

/*
    align Style
*/
.txt_center{text-align: center;}
.txt_rig{text-align: right}
.txt_left{text-align: left}
.txt_v_center{vertical-align: middle}

/*
    background-color Style
*/
.bg{background-color: #f79238;}
.bg01{background-color: #65c437;}
.bg02{background-color: #fff;}
.bg03{background-color: #2682bc;}
.bg04{background-color: #f5f8fa}
.bg05{background-color: #f4f8fb}
.bg_none{background:none}
/*
  margin And Padding
*/

.mar_bot{margin-bottom: .2rem;}
.mar_bot01{margin-bottom: .3rem;}
.mar_bot02{margin-bottom: .6rem;}
.mar_bot03{margin-bottom: .5rem;}
.mar_bot04{margin-bottom: 1rem;}
.mar_top01{margin-top: .4rem;}
.mar_bot05{margin-bottom: 3rem;}
.mar_top02{margin-top: 1rem;}
.mar_top03{margin-top: .25rem;}
.mar_top04{margin-top: .2rem;}

.pad_left{padding-left: .15rem;}

.pad_top01{padding-top: .3rem}
.part-top { margin-top: .2rem;  }
.part-top01 { margin-top: .4rem;  }
.part-top02 { margin-top: .1rem;  }
.part-top03 { margin-top: 1.01rem;  }
.part-top-bg { margin-top: .15rem;  }
.pad_bot{padding-bottom: .2rem}
.pad_bot01{padding-bottom: .1rem}
.pad_bot01{padding-bottom: .1rem}
.pos_r{position: relative;}
.pos_a{position: absolute;}

.mar-b-t { margin: 1.01rem 0;  }


.mar{margin: 0 auto;}

.float_l{float: left;}
.float_r{float: right;}
/*
 border Style
*/
.border-1px01{border-top: 1px solid #f5f8fa;}
.border-1px02{border-bottom: solid 1px #f5f8fa;}
.border-1px03{border-bottom: solid 1px #ddd;}
.border-1px04{border-bottom: 1px solid #f5f8fa;}
/*
    font Style
*/
.blod{font-weight: bolder;}
.blod01{font-weight: 800;}
.font_8{font-size: .16rem;}
.font_10{font-size: .20rem;}
.font_12{font-size: .24rem;}
.font_16{font-size: .32rem;}
.font_18{font-size: .36rem;}
.font_14{font-size: .28rem;}
.font_15{font-size: .3rem}
.font_20{font-size: .40rem}
.font_24{font-size: .48rem}
.font_30{font-size: .6rem}
.font_40{font-size: .8rem}
.font_48{font-size: .96rem}
.let_spac{letter-spacing: .8rem;}
/*
    color Style
*/

.col{color: #545b60;}
.col_01{color: #7f8588;}
.col_02{color: #fff;}
.col_03{color:#43494d;}
.col_04{color: #363636}
.col_05{color:#b2b2b2;}
.col_06{color: #191a1b;}
.col_07{color:#949494}
.col_08{color: #f5f8fa}
.col_09{color: #0ebd6d;}
.col_10{color: #93afc8;}
.col_11{color: #2291d5;}
.col_red{color: red;}
.col_red01{color: #d3546c}
.col_12{color:#93afc8}
.col_13{color: #808080}
.col_14{color: #f4f8fb}
.col_green{color: #0ebd6d}
.col_15{color: #ff7200;}
.col_16{color: #696969;}
.col_17{color:#aeaeae;}
/*
    display Style
*/
.display_b{display: block;}
.display_i{display: inline;}
.display_i_b{display: inline-block;}

/*
 btn Style
*/

.btn{display: block; background: #fff; width: 100%;height: .8rem;line-height: .8rem;
border-radius: .1rem;padding: 0}
.btn.btn_wid{width: 49%;}
.btn_dis{display: inline-block;  border-radius: .1rem;}

/*
    header Style
*/
.navbar{height: 1.01rem; color: #fff;background-color: #00558b; display: -webkit-box; display:-moz-box;  position: relative;border-bottom: 2px solid #005285;}
.nav-wrap-left{height: 1.01rem;line-height:1.01rem;}
.bill{display:inline-block; color: inherit;height: 100%; background: url("images/bill_icon.png") .2rem center no-repeat; background-size:.4rem .47rem;}
.bill-txt{line-height: 1;display: inline-block;vertical-align: middle;text-align: center; margin-right: .2rem; margin-left: .65rem;font-size: .28rem;}
.box-search{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex:1;border-radius: .06rem;height: .64rem; line-height: .64rem;background:rgba(0,0,0,.15);position: relative;margin-top: .2rem; }
.box-search_index{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex:1;height: .64rem; line-height: .64rem;position: relative;margin-top: .2rem;padding-left: 10%;}
.navbar .icon-search { position: absolute;left: .1rem; font-size: .56rem;color: #fff; display: inline-block;vertical-align: middle;  }
.single_line{font-size: .28rem; color: #93afc8;}
.navbar .box-search span {padding-left: .7rem; box-sizing: border-box;width: 100%;display: block;}
.single-line { overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.nav-wrap-right{height:.64rem;line-height: 1}
.nav-wrap-right a{display: inline-block; height: 100%; width: .5rem;line-height: 1; text-align: center; background-size: .5rem .5rem; }
.nav-wrap-right a:last-child{margin-right: .15rem;}
.nav-wrap-right a:first-child{margin-left: .15rem;}
.nav-wrap-right a.en_ch{margin-left: .2rem;margin-right: 0rem;background: none;border: 1px solid white; ;height: 50%; }

/*
    tips Style
*/
#tips{display: none;font-size: .2rem; background-color: #fff6e0;color: #d78900; border-bottom: 1px solid #ffebc8; text-align: center; padding: .2rem; line-height: 1.4; }
/*
    function    Style
*/

.function_list{padding: .3rem .2rem; background-color: #00558b;display: flex; justify-content: center;align-items: center;}
.function{display: inline-block;width: 25%;  text-align: center;}
.function_friend{display: inline-block;width:50%;  text-align: center;}
.function_01,.function_02{display:block; }
.new-icon-circle{display: block;margin: auto; border-radius: .3rem; margin-bottom: .1rem;width:1.2rem;height:1.2rem;line-height: .8rem; color: #fff; font-size: .12rem; }
.iconfont{font-family: iconfont!important;font-style: normal; -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: .2rem;}
.aut_icon{background: url("images/aut_icon.png")center center no-repeat; background-size: 90%;}
.pay_icon{background: url("images/Pay_icon.png")center center no-repeat; background-size: 90%;}
.yard_icon{background: url("images/yard_icon.png")center center no-repeat;background-size: 90%;}
.cardVou_icon{background: url("images/cardVou_icon.png")center center no-repeat;background-size: 90%;}
.friend_icon{background: url("images/friend_icon.png")center center no-repeat; background-size: 90%;}
.addressbook_icon{background: url("images/address_book_icon.png")center center no-repeat; background-size: 90%;}

/*
    menu list Style
*/
@media screen and (min-width:320px){
 .new-icon-circle img{width: 45px; height: 48px;}
 .icon-list .icon {display: inline-block;box-sizing: border-box;width: 21.5%;text-align: center;  }
}
@media screen and (max-width:320px)and (max-height:568px){
 .new-icon-circle img{width: 55px; height:55px;}
}
@media screen and (min-width:375px) and (max-width:413px){
 .new-icon-circle img{width: 55px; height: 55px;}
}
@media screen and (min-width:414px) and (max-width:559px){
 .new-icon-circle img{width: 55px; height: 55px;}
}
@media screen and (min-width:560px) and (max-width:639px){}
@media screen and (min-width:640px){.new-icon-circle img{width: 55px; height: 55px;}}
@media screen and (min-width:375px){}
@media screen and (min-width:414px){}
@media screen and (min-width:640px){}

dl.list { margin-top: .2rem; margin-bottom: 0; background-color: #fff;}
dl {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;  }
dl.list-in { margin: 0;border-top: 0;  }
dl.list dt:last-child, dl.list dd:last-of-type { border-bottom: 0;  }
dl.list dt, dl.list dd { margin: 0; overflow: hidden;font-weight: 400; position: relative;  }
/*font-size: inherit;*/


.icon-wrapper {height: 4.6rem;-webkit-transform: scale(1);}
 dd {display: block; -webkit-margin-start: 40px;  }
.icon-list.page {display: block;   }
.automove .page {-webkit-transition: -webkit-transform .2s;  }
.page.current { z-index: 2;  }
.page {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: -webkit-box; display: -ms-flexbox; overflow: hidden;-webkit-box-align: center; -webkit-box-pack: center;-ms-box-align: center;-ms-flex-pack: justify;  }
.icon-list .icon>a {padding: .25rem 0;  }
.icon-list .icon {display: inline-block;box-sizing: border-box;width: 25%;text-align: center;  }

.icon-list .new-icon-circle { display: block; margin: auto;margin-bottom: .14rem; width: 1.1rem;height: 1.1rem;border-radius: .4rem;text-align: center;line-height: .8rem; font-size: .5rem;color: #fff;  }
.iconfont {font-family: iconfont!important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: .2px;-moz-osx-font-smoothing: grayscale;  }
.icon-list .icon-desc {text-align: center;  font-size: .24rem;  color: #666;  display: block;  width: 90%;
 margin: 0 auto;  height: .56rem; overflow: hidden;}

/*
stuck_pipe  Style
*/
.stuck_pipe_banner{display: block; }
.i-swipe-banner img {border: 0;display: block;width: 100%; height: auto;max-height: 120px;min-height: 60px;min-width: 320px;max-width: 640px;}
.stuck_pipe_banner img{border: 0;display: block;width: 100%;height: auto;max-height: 12rem; min-height: .6rem;max-width: 64rem;}

/*
  notice Style
*/
.o-order ul li.notice_school,.notice_pay ul li.notice_school{padding: .4rem .2rem;position: relative;box-sizing: border-box;border: none; margin-bottom: .2rem; background-color: #fff;}
.o-order.notice_all,.notice_pay.notice_all {width: 95%;margin-left: auto;margin-right: auto; background:none}

.notice_news{ margin: 0;border: 0;background-color: #fff;padding: .15rem;position: relative;}
.notice_news_icon{ display: block;position: absolute;top: .35rem; left: .15rem; border-right: 1px solid #f5f8fa; padding-right: .12rem }
.notice_news_list{height: 1.2rem; padding: 0 .15rem  0  1.2rem;overflow: hidden;}
.notice_news_list .news_list_item{ height: .5rem; line-height: .5rem;margin: .07rem 0 0 .07rem; }
.news_list_item a{color: #7f8588;display: block;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}

.notice_imgs{background: #fff;margin: .15rem 0 .95rem 0;text-align: center; padding: .2rem 0;}
.notice_imgs figure{ display: inline-block;width: 32% }
.notice_imgs figure img{width: 90%; margin: .15rem .12rem;vertical-align: middle; }
.notice_imgs figure figcaption a{display:block;color: #7f8588;text-overflow: ellipsis;-webkit-text-overflow:ellipsis; white-space: nowrap;overflow: hidden;}

.notice_pay{padding: .2rem .2rem;background-color: #fff;width: 90%;margin-left: auto; margin-right: auto}
.notice_pay_img_wrap{width: .7rem; height:.7rem; display: inline-block; }

.notice_pay_img{ width:.7rem; height:.7rem;display:block;position: relative;}
.notice_pay_img img{width: 100%;height: 100%;position: absolute;top:0;}
.notice_pay_from_wrap{ height:.6rem; display: inline-block;vertical-align: middle; margin-left: -.2rem }
.notice_pay_from{height: .2rem; line-height: .4rem; margin-top: -.15rem;}

.weather{width: 95%; margin-left: auto; margin-right: auto;}

.notice_friend{background-color: #fff;}
.notice_friend ul li{padding: .1rem .2rem;border-bottom: 1px solid #f5f8fa; vertical-align: middle; height: 1.56rem; position: relative;}
.notice_friend_img_wrap{width: 16%; height:1.56rem; display: inline-block;position: relative;border: 1px solid #f5f8fa}

.notice_friend_img{ height:1.56rem;display:block; }
.notice_friend_img img{width: 100%;height: 100%;position: absolute;top:0;}
.notice_friend_from_wrap{width:60%; height:1.2rem; display: inline-block;vertical-align: middle; }
.notice_friend_from{height: .2rem; line-height: .4rem; margin-top: -.15rem;}
.notice_friend_describe{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.notice_friend_time{display: inline-block; position: absolute;top:.2rem; right: .2rem;}
.notice_friend_message{position: absolute;background-color: #f00;width: .3rem;height: .3rem;top:-.1rem;;right:-.2rem;font-size: .2rem;border-radius: .08rem;}
/*
 floor Style
*/

.floor{font-size:.20rem;width: 100%;}
.bottom-bar-pannel,.bottom-bar-pannel01{position: fixed; height:.88rem; z-index: 28; bottom: 0; left: 0; }
.bottom-bar-pannel .floor-container{overflow-x: hidden; background-color: #fff; box-shadow: 0 0 10px 0 rgba(155,143,143,0.6)}
.floor-container img{width: 100%; height: auto; overflow: hidden;}
.bottom-bar-pannel .tab4,.bottom-bar-pannel .tab5{ height: 100%; position: relative; background-color: #fff;}
.bottom-bar-pannel .tab4 li{text-align: center; width: 25%; float: left; height: 100%;}
.bottom-bar-pannel .bar-img a{display: inline-block; width: 1rem; height:.88rem;color: #808080;}
.bottom-bar-pannel .bar-img a.active{color: #3777c0;}
.bottom-bar-pannel .bar-img img{max-width: 100%; max-height:100%; width: auto; overflow: hidden;}
.bottom-bar-pannel .cart-num {background-color: #f23030; padding: 0 3px;text-align: center;border: solid 1px #fff;  color: #fff;
 -webkit-border-radius: 12px;  border-radius: 12px;  height: 12px;  line-height: 10px;  font-size: 0.16rem;  left: 50px;  top:0;  position: absolute; }
.bottom-bar-pannel .bar-img { display: inline-block;width: 65px; height: 100%;position: relative;  }

/*
 alumniRegsit  floor Style
*/
.floor-container.bg_none{background: none; box-shadow: 0 0 0 0 rgba(155,143,143,0.6)}
.bottom-bar-pannel.check_wh{height: 1.4rem;width: 100%}
.bottom-bar-pannel .tab6{padding: .2rem .3rem;height: 1rem; }
.bottom-bar-pannel .tab6 li{text-align: center; width: 48%; float: left; height:.8rem;border-radius: .1rem; }
.tab6 li.one{ background-color: #2cad12;margin-right: .2rem; }
.tab6 li.two{ background-color: #bc2627;}


/*
 donation  floor Style
*/
.bottom-bar-pannel .tab7{padding: .2rem .3rem;height: 1rem; }
.bottom-bar-pannel .tab7 li{text-align: center; width: 48%; float: left; height:.8rem;line-height:.8rem;border-radius: .1rem; }
.tab7 li.one{ background-color: #ff7200;margin-right: .2rem; }
.tab7 li.two{ background-color: #ff7200;}



/*
 collection  Style
*/

.nav-wrap-right_01 a{display: inline-block; height: 100%; width: .8rem;line-height: 1rem; text-align: center; }
.collection{height: .8rem; font-size: .3rem; line-height: .8rem; padding-left: .2rem; }
.management{position: absolute; right:0rem;display: block; top: -.4rem;}
.head-img .server-info { padding: .14rem 0;z-index: 20;font-size:.24rem;height: 1.2rem; position: relative;}
.head-img .server-img-wrap {display: inline-block; width:1.56rem; height:1.2rem; line-height: 1; position: relative;vertical-align: middle;  }
.head-img .server-img { width:1.2rem;height:1.2rem;display: inline-block;  overflow: hidden;  position: absolute; left: .2rem;  z-index: 1;  }
.head-img .server-img img {  width: 100%;  height: 100%;  }
.head-img .server-txt-info {  display: inline-block;  vertical-align: middle;  height:1.2rem;  width:47%;  }
.head-img .server-txt-info .server-txt-title {  font-size:.30rem; height:.7rem; font-weight: bolder;overflow: hidden;margin-bottom: .1rem;display: flex;align-items: center  }
.head-img .server-txt-info .my-jd-head-member {  display: inline-block;  }
.head-meassage {  position: absolute;  right:.2rem;  top: .2rem;    padding-top: .1rem;  }
.card_voucher_button {  border: 1px solid #ff7200;  line-height: .4rem;width: 1.48rem;  height: .4rem;  display: block;  background-color: #fff;  border-radius: .1rem;  color: #ff7200;  }
.coll{padding-top: .15rem;height: .4rem;line-height: .4rem;}
.coll span{display: inline-block}
.coll .coll_img{height: .4rem; background: url("images/collection_icon.png") left center no-repeat;background-size: 25%;padding-left: .4rem; color: #eaa01c;width: 1.08rem;}
.coll_img_sel{height: .4rem; background: url("images/collection_icon_sel.png") left center no-repeat;background-size: 25%;padding-left: .4rem;color: green;width: 1.08rem;}
.head-img .server-txt-info .server-txt-disc {  display: inline-block;  font-size: .24rem;  line-height: .28rem;  width: 95%;  vertical-align: middle;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }

/*
 billList Style
*/
.header_fixed{position: fixed;z-index: 28; top: 0;left: 0;width: 100%}
.bill-header {  padding: .3rem 0;  position: relative;  width: 100%;background-color: #005992;  }
.bill-header-arrow {  position: absolute; left: .2rem;  display: block;  background: url("images/back_icon.png") left center no-repeat;  background-size: 23px 23px;     height:.4rem;  background-position: -.08rem -.06rem;padding-left: .4rem;  font-size: .28rem;  }
.bill-header-font {  font-size: 16px;  color: #fff;  display: block;  text-align: center;  }
.bill_header_pad{padding: 0 20%;}
.coupon-header .ch-fs-c {  font-size: 14px;  color: #fff;  top: 17px;  }
.bill-header-screening {  position: absolute;  top: .36rem;  right: .3rem;  font-size: .3rem;  color: #fff;  }
.tab_month{background-color: #f5f8fa; height: .8rem; position: relative;width: 100%;}
 .block{ display: block; height: 100%;}
.tab_month_align{position: absolute; top: .15rem;}
.tab_month_left{left: .2rem;}
.tab_month_left.pos_r_top{top: .2rem;}

.tab_month_right{right: .2rem; background: url("images/left_icon.png") right center no-repeat;display: block; height: .5rem; line-height: .5rem;width:1.9rem;background-size: 15%;}
.tab_month_right.bill{width:40%;background-size: 12%;padding-right: .3rem;text-align: right; }
.tab_month_right.tab_en{width: 3rem;right:-.15rem;height: auto;line-height: normal;top: auto;}

.tab_month_align.txt_top{top:.22rem}
.tab_month_align.account{text-align: right;padding-right: .4rem}

.bill_tit{overflow-y:auto; overflow-x:hidden; }
.o-order{background: #fff;} /*margin-bottom: 1rem;*/
.o-order ul li {line-height: .8rem; position: relative;padding-left: .2rem;border-bottom: 1px solid #f5f8fa;padding-right: .2rem; }
.o-order ul li span{display:inline-block;}
.border-1px{position: relative;}
.bdb-1px{position: relative;}
.o-order .other-icon,.o-order .other-icon01, .o-order .other-icon02, .o-order .other-icon03, .o-order .other-icon04, .o-order .other-icon05, .o-order .other-icon06, .o-order .other-icon07, .o-order .other-icon08, .o-order .other-icon09, .o-order .other-icon10, .o-order .other-icon11, .o-order .other-icon12, .o-order .other-icon13,.info-icon,.other-icon14,.other-icon15,.other-icon16,.other-icon17 {display: inline-block;width:1rem; height:1rem;background: url("images/newCard_smallicon.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;  }

.o-order .other_icon{display: inline-block;width:1rem; height:1rem;vertical-align: top;margin:.2rem 0 0 -.1rem;  }
.o-order .other_icon img{width: 80%;height: 80%}

.o-order .other-icon01{background: url("images/newCard_smallicon.png") no-repeat;background-size:.8rem .8rem;}
.o-order .other-icon02{background: url("images/user_smallicon.png") no-repeat;background-size:.8rem .8rem;}
.o-order .other-icon03{background: url("images/service_smallicon.png") no-repeat;background-size:.8rem .8rem; }
.o-order .date{display: inline-block; width: .8rem; height: .8rem; line-height: .4rem; vertical-align: top;
 margin: .2rem .1rem .2rem 0; letter-spacing:-.01rem;}
.detail { position: absolute;left:2.2rem;top:48%;margin-top: -7px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 60%; }
.detail.lf{left: 1.2rem}
.detail02 { position: absolute;left:0;top:68%;margin-top: -7px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:95%; }
.detail01 { position: absolute;left:1.1rem;top:48%;margin-top: -7px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 65%; }
.list_title_ell{width: 60%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.position01{position: absolute;right: .4rem;}
.list_title_ell01{width:70%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.o-order .pay_right{display: inline-block; height: .8rem; line-height: .4rem; vertical-align: top;
 margin: .2rem 0 .2rem 0; letter-spacing:-.01rem; text-align: right;float: right}
.o-order .pay_date{color:#b2b2b2; font-size: 12px; display: inline-block; width: 1.6rem; height: .8rem; line-height: .3rem; text-align: center;margin: .2rem .18rem .2rem 0;}
.o-order .pay_way{position: relative;display: inline-block;width: 53%;}
.o-order .pay_date .pay_date_txt{display: flex;  justify-content: center;  align-items: center;height: .8rem;}
.box_detail{ width:100%; height:100%; margin:0 auto; display:none;  position:fixed;top: 0;left:0;z-index: 999; background:white none repeat scroll 0% 0%; opacity:1;}
/*
账单修改后 区分其他列表页
*/
.o-order .pay_date01{color:#b2b2b2; font-size: 14px; display: inline-block; width: .8rem; height: .8rem; line-height: .4rem; text-align: center;vertical-align: top;margin: .2rem .18rem .2rem 0;}

.filter-box-top{background-color: rgba(255,255,255,0.9);width:100%;position:fixed;top:0;left:0;display:none;z-index:4;height: 100%}

 .topup02{overflow:hidden;padding:.3rem .2rem 0 .2rem; }
 .topup02 ul{overflow:hidden;  }
 .topup02 li{cursor:pointer;float:left;height:.5rem;width:23%;line-height:.5rem;margin:0 .1rem .1rem 0;text-align:center; }
 .topup02 li.hover{border:1px solid #2392d6;  }

.link-more{background-color:#fff;cursor:pointer;width: 130px;height:60px;line-height: 60px;/*border: 1px dotted #cccccc;*/color: #005EA7;text-align: center;  }
.link-more:hover{ /*border: solid 2px #cccccc;background-color: #ffffff;text-decoration: none;*/padding: 0;  }
.topup02 li.changeother{  border:0;padding:2px 0 0;  }

/*
 personal center Style
*/
.personal-header-add {  position: absolute;  top: .15rem;  right: .1rem;  font-size: .6rem;  color: #fff; font-style: normal;font-weight: normal;width: .6rem; height:.6rem;background: url("images/personal_add.png") center center no-repeat; background-size:90%; }
.common_wrapper{width:100%; position: relative; max-width: 640px; min-width: 320px; overflow: hidden; margin: 0 auto; padding-bottom: .2rem;}
.head_img{width: 100%; color: #fff; position: relative;}
.my_info{margin: 0 .3rem 0 .5rem; position: relative; padding-top: .1rem; z-index: 20}
.head_img .my_img{width: 1.6rem; height: 2.1rem;  display: inline-block; overflow: hidden; vertical-align: middle; }
.my_img img{width: 100%; height:100%;}

.my_person_info{display: inline-block; vertical-align: middle;margin-left: .1rem;}
.my_person_info .my_head_name{font-size: .48rem; line-height: 1rem; margin-bottom: .12rem;}
.my_person_info p{color: #000;}
.head_img .my_person_info .my_head_num {line-height: .30rem;}
.head_meassage{position: absolute; right:.3rem;top:64%; height: .8rem; line-height: .8rem;}
.head_meassage01{position: absolute; right:.3rem;top:25%; height: .8rem; line-height: .8rem;}
.head_meassage span,.head_meassage01 span{display: inline-block; vertical-align: middle; width: .4rem; height: .6rem;}
.head_meassage .info_hint,.head_meassage01 .info_hint{ background: url("images/left_icon.png") center center no-repeat;background-size: 80%;}
.head_meassage .info_qr,.head_meassage01 .info_qr{background: url("images/qr_code.png") center center no-repeat;background-size: 110%;}
.my_operation01{padding:0 .2rem;height: 1.1rem; display: flex;justify-content: center;align-items: center;}
.my_items{margin-right: .1rem;width: 45%;display: flex;justify-content: center;align-items: center;border-right: 1px solid #f5f8fa;}
.my_items:last-child {margin-right: 0;border-right: none}
.my_itemsleft{width: 25%;}
.my_itemsright{width: 75%}
.my_itemsright a{color: #363636;}
.message_num{position: absolute;top: -.16rem;right:-.3rem; text-align: center; color: #fff; display: block;width:.3rem;height:.3rem;border-radius:.2rem; background: #f00;}

.my_operation{width: 90%; height: 1.1rem; position: relative; bottom: 0;  margin: 0 .3rem 0 .3rem; }
/*.my_operation a:first-child li{margin-left: 0;}*/
/*.my_operation a:last-child li{border-right:none;}*/
.my_operation li{line-height: 1; display: inline-block; width: 49%; color: #191a1b;  height:1rem;border-right: 1px solid #f5f8fa;}
.my_operation a:last-child li{border-right:none;}

.my_collection.in_block,.my_message.in_block{display: inline-block; position: relative;}

.my_operation li span{display:inline-block; text-align: center;}
.personal_icon{width: .6rem; height:1rem;}

.bill-header-arrow01 {  position: absolute; left: .3rem;  display: block; background: url("images/bill_icon.png") .15rem center no-repeat;
 background-size: .4rem .47rem;    height:.47rem;  background-position: -.03rem -.02rem;padding-left: .45rem;  font-size: .3rem;  line-height: .47rem; }

.center_txt{overflow: hidden;height:.9rem;width: 1.6rem;line-height: .4rem;text-align: left}
.my_txt{width:1.2rem;height: .8rem;overflow: hidden;}
.my_txt.txt_left{text-align: left}

/*
 nav_add Style
*/

.navbar01  .nav-dropdown {position: absolute;right: .04rem;top: 1.06rem;width: 2rem;background: #ddd;opacity: .9;z-index: 100;height: 0;overflow: hidden; -webkit-transition: height .1s;  }
.nav-dropdown li {height: .83rem; line-height: .8rem;border-bottom: 1px solid #e4eaec;text-align: center;  }
a.react, label.react {display: block;color: inherit; height: 100%;padding-left: .5rem;  }
.nav-wrap-right a:last-child {margin-right: .18rem;  }
.nav-btn {display: inline-block;font-size: .2rem;line-height: 1;vertical-align: middle;  }
.nav-btn .text-icon {display: block;margin: auto;margin-bottom: .12rem;font-size: .4rem;  }
.navbar01  {height: 1.01rem;color: #000;background: #06c1ae;border-bottom: 1px solid #fff;display: -webkit-box;display: -ms-flexbox;position: relative;  }
.nav-dropdown.active {height: 2.5rem;  }
.nav-dropdown ul{padding: 0 .08rem;}
.nav-dropdown ul li{position: relative;}
.react img{position: absolute;left: .2rem; top:.2rem;width: .4rem; height:.4rem}
/*
 info Style 资讯
*/
.nav_menu{width: 80%; height: .5rem; line-height:.5rem;  margin: 0 auto;    background-color: rgba(0,0,0,0.1); border-radius: .05rem;}

.nav_menu li{list-style: none;display: inline-block; width: 23.8%;}
.selected{background-color: #fff;}

.nav_menu_first{border-radius: .05rem 0 0 .05rem;}
.nav_menu_last{border-radius: 0  .05rem  .05rem 0;}

.info_notice_box{margin: .2rem auto .2rem auto; width:95%;height:3rem; position: relative;border: none;overflow:hidden}
.info_notice_title{ border-radius: 0 0 .06rem .06rem; position: absolute; bottom: 0; background-color: rgba(0,0,0,0.4); }
.info_notice_title.info_notice_title_h{height: .6rem;}
.info-notice-icon{background: url("images/info_notice.png") center center no-repeat;background-size: 100%; width: 1.2rem; height: 1.2rem;margin: 0 .15rem .1rem -.1rem;  }
.info-notice-icon01{background: url("images/notice_news.png") center center no-repeat;background-size: 100%; width: 1.2rem; height: 1.2rem;margin: 0 .15rem .1rem -.1rem;   }
.dis_no{display: none;}
.info_notice_txt{display: block;line-height: .6rem; height: .6rem;padding-left: .2rem}
.info_article{padding: .2rem .2rem;}
.info_art_title{padding: .1rem}
.info_body{line-height: .48rem;text-indent: .4rem;}
.info_article img{display: block;margin:.2rem auto; width: 70%;}

/*
 user baseInfo Style
*/
#show-info-page {width: 100%;height: auto; }
#show-info-page>.info_box { background: #fff;border-bottom: .01rem solid #F6F6F6;padding: .2rem 0;display: block;  }
#show-info-page>.avatar {background: #fff;border-bottom: .01rem solid #f5f8fa;height: 1rem;line-height: 1rem; padding: 0;  }
#show-info-page>.info_box>label { color: #191a1b;float: left;display: inline-block;width: 45%;margin-left: .2rem;  }
#show-info-page > .avatar .more-icon {margin-top: .3rem;  }
.more-icon { position: absolute;  right: 0.15rem;  height: .3rem;width: 1rem;top: 50%;margin-top: -0.15rem;background-image: url("images/more-icon.png"); background-repeat: no-repeat;background-size: 20%;background-position:right center;  }
#show-info-page>.avatar>.info-show {display: inline-block;width: 59%;  }
#show-info-page>.avatar>.info-show>.thumb {width: 1rem;height: 1rem;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;float: right;margin:0  .5rem 0 .5rem ;  }

#show-info-page>.info_box>.info-show>.info-detail {float: right;  overflow: hidden; word-wrap: break-word; text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 1;  }
#show-info-page>.part-top { margin-top: .15rem;  position: relative;}
#show-info-page>.info_box>.info-show {display: inline-block;  width: 49%;  }sss
#show-info-page>.info_box>.info-show>.no-info {color: #191a1b;  float: right; }
#show-info-page>.info_box>.info-show.info_show_r {padding-right: .25rem;width: 45% }
.qr_code{background: url("images/qr_code.png") center center no-repeat; width: .3rem; height: .3rem; display: inline-block;background-size: 110%;}

/*
 个人中心new  Style
*/
.user_info_n{height: .4rem;display: flex;align-items: center;justify-content: space-between;color:#191a1b;position: relative;}
.user_info_n_l{
	padding-left: .2rem;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
/*
 updatePhoto Style
*/

.content_updatePhoto{width: 90%; height: auto;  margin:.4rem  auto 0 auto; text-align: center}
.user_photo{width: 80%; height: 80%; margin:0 auto;}
.user_photo img{width: 100%; height:100%;}

/*
 updatePhone Style
*/
.anim-input {border: none;display: inline-block;margin: 0;padding: .3rem 0 .3rem .2rem; width: 100%;text-align: left; height: auto;color: #232326;  }

/*
 myQrcode Style
*/
.qr_img  img{width: 80%;}
.qr_info{height: 35%; display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 .5rem;}
.qr_info_img{width: 40%;height:2.9rem;margin-right: .2rem;display: flex;flex-direction: row;align-items: center;justify-content:flex-end}
.qr_info_img img{width: 65%;border: 1px solid #ccc; }
.qr_content,.qr_content01{background: url("images/QR_bg.png") center 0 no-repeat;  width: 90%;  margin:.4rem  auto 0 auto;  background-size: 100%;}
.qr_info_txt{width: 60%;}
.qr_info_txt li{line-height: .36rem;}
.qr_img_one img{width: 70%;}
.user_bg{background: url("images/user_qr_bg.png") center 0 no-repeat;min-height: 210px;background-size: 90%; position: relative;}
/*.user_bg img{position: absolute;top:0;left: 0;width:100%}*/
.user_bg img{width:32%; padding-top: 10%}
/*
 @media screen 认证码
*/
@media screen and (min-width:320px){
 .qr_content{height: 410px;}
 .qr_info_txt li{line-height: .36rem;}

}
@media screen and (min-width:360px){
 .qr_content{height: 470px;}
 .qr_info_txt li{line-height: .34rem;}
 .user_bg{height: 240px;}
}
@media screen and (min-width:375px){
 .qr_content{height: 490px;}
 .qr_info_txt li{line-height: .44rem;font-size: .28rem;}
 .user_bg{height: 250px;}
}
@media screen and (min-width: 412px)and (max-width:414px){
 .qr_content{height: 530px;font-size: .30rem;}
 .user_bg{height: 275px;}
}
@media screen and (min-width:768px){
 .qr_content{height:969px;}
 .qr_info_img img{width:65%;border: 1px solid #ccc; }
 .qr_info_txt li{line-height: .76rem;font-size: .48rem;}
 .user_bg{height: 230px;}
}
/*
 myCollection Style
*/

.navbar.navbar_height{height: 1.66rem;}
.info-icon.info-notice-icon02{background: url("images/user_smallicon.png") center center no-repeat;background-size: 90%;margin-top: 0;  }
.title_ellis{width: 60%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute;}

/*
 mySet Style
*/

.tab_month.bg02{background-color: #fff;  }

/*
mycard Style
*/
.btn_up{padding: 0 .2rem; background-color: #0ebd6d; height: .6rem;line-height: .6rem; border: none}

.mycard_content{width: 90%;margin:.4rem  auto 0 auto;padding: 0 .1rem;border-radius: .2rem; }

.myard_bg {  width: 100%;  color: #FFF;  position: relative;  height: 4rem }


.myard_bg .my_id_pic {height: 4rem;width: 100%; overflow: hidden;position: absolute;  }
.my_id_pic img { width: 100%;height: 100%;  }
.myard_bg .card_info {display:flex;align-items: center;  position: relative;  z-index:5;justify-content: flex-start;height: 51.5%;top:28.6%;}
.myard_bg .card_info.font_sty{text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;}
.myard_bg .card_img_b{display: inline-block;text-align: center;position: absolute;left: 5%;top: 50%;margin-top: -0.79rem;}
.myard_bg .card_img {width:1.2rem;   box-shadow: inset 0 1px 8px rgba(0,0,0,0.2);display: inline-block;overflow: hidden;vertical-align: middle;  margin: 0 10% 0 6%;border: 2px solid #fff; }
.card_img img{width: 100%;height: 100%;  }
.myard_bg .my_card_info {display: inline-block; vertical-align: middle; padding:0 0 0 .2rem;width:60%;color: #000;word-break: break-all;position: absolute;right: 0;top:-0.2rem;}

.myard_bg .my_card_info span{display: inline-block}
.myard_bg .my_card_info .my_card_num { font-size: .26rem; margin-bottom:.06rem;overflow: hidden; }
.myard_bg .my_card_info .my_card_item{/*width:35%;*/text-align: left;overflow: hidden}
.myard_bg .my_card_info .my_card_item_r{width:63%;text-align:left;overflow: hidden}
.myard_bg .my_card_info .my_card_departments {font-size: 13px; line-height: 13px;  }
.effect_date {position: absolute; right: .3rem;bottom: -.35rem;  }
.effect_date span {  display: inline-block;  vertical-align: middle;  }
.effect_date_time {  font-size: 11px;  color: #000; }
.info-notice-icon03 { background: url("images/trans_details.png") center center no-repeat; background-size: 100%;width: .7rem;height: .7rem;margin: .15rem .38rem .1rem .1rem;  }
.tab_month_left.pad_left{padding-left: .8rem;}
.info-notice-icon04 { background: url("images/trans_range.png") center center no-repeat; background-size: 100%;width: .7rem;height: .7rem;margin: .15rem .38rem .1rem .1rem;  }

@media screen and (min-width:375px) and (max-width:413px){
 .myard_bg {  width: 100%;  color: #FFF;  position: relative;  height: 4.3rem }
 .myard_bg .my_id_pic {height: 4.3rem;width: 100%; overflow: hidden;position: absolute;  }
 .myard_bg .card_info {display:flex;align-items: center;  position: relative;  z-index:5;justify-content: flex-start;height: 51.5%;}
 .alu_font_sty{color: #0e0e0e;}
 .effect_date {position: absolute; right: .3rem;bottom: -.5rem;}
 .myard_bg .card_info.alu_qr{justify-content: flex-end}
 .myard_bg .card_info.card_info_alu{padding-top: .2rem;}
}
@media screen and (min-width:414px) {
 .myard_bg {  width: 100%;  color: #FFF;  position: relative;  height: 4.74rem }
 .myard_bg .my_id_pic {height: 4.74rem;width: 100%; overflow: hidden;position: absolute;  }
 .myard_bg .card_info {display:flex;align-items: center;  position: relative;  z-index:5;justify-content: flex-start;height:51.5%;top:28.6%;}
 .alu_font_sty{color: #0e0e0e;}
 .myard_bg .card_info.alu_qr{justify-content: flex-end}
}
@media screen and (min-width:560px) and (max-width:639px){}
@media screen and (min-width:640px){.new-icon-circle img{width: 55px; height: 55px;}}

.oneCode{width: 97%;margin: 0 auto;padding: .2rem 0; }
.oneCode img{width: 100%;height: auto}
.border_bottom{border-bottom: dashed 1px #ccc;}

/*
Alumnus Card Style
*/
.myard_bg .card_info.alu_qr{justify-content: flex-end}
.myard_bg .card_info.card_info_alu{height: 62.4%;top: 5%;}
.myard_bg .card_info.card_info_alu .card_img_b{right: 8%;left: initial;}
.alu_font_sty{color: #0e0e0e;}
.myard_bg .my_card_info.alu_font_sty {color: #0e0e0e;}
.effect_date_time.alu_font_sty { color: #0e0e0e;}

/*
 Electronic code Style
*/
.elect_code{display: flex;flex-direction:column; align-items:center;  width:70%;background-color: #fff;margin: 1rem auto 1rem auto;border-radius: .5rem;padding: .3rem  .1rem  .2rem  .1rem;}
.elect_code_t{width: 80%}
.elect_code_t img,.elect_code_qr img{width: 100%;height: auto}
.elect_code_qr{width: 45%;}

/*
appShare Style
*/
.app_share{display: flex;flex-direction:column; align-items:center;  width:70%; margin: 1rem auto 1rem auto; padding: .3rem  .1rem  .2rem  .1rem;}
.app_code{width: 60%}
.app_code img{width: 100%;height: auto}
/*
 jd Style
*/
.myCard-content {margin-top: 10px;  }
.bdbr-1px, .bdbt-1px {position: relative;  }
.myCard-banner {height:1rem;line-height: 1rem;background: #fff;padding: 0 .2rem;  }
.myCard-link {display: block;}

.fl { float: left;font-size: 0;  }
.myCard-link span {display: inline-block;vertical-align: middle;}
.w-18 {width: .7rem;}
.couponIn-icon { height: 100%;display: table-cell;margin-right:.08rem;line-height: 44px;vertical-align: top;  }
.couponIn-icon img {width: 100%;vertical-align: middle;  }

.myCard-Order {font-size: 14px;color: #232326;  }
.fr {float: right;font-size: 0;  }
.myCard-arrow {width:.3rem;height: .5rem;background-position: 0 -20px; vertical-align: middle;  }
.myCard-arrow {display: block;background: url("images/left_icon.png") no-repeat;  background-size:100%;  }
/*
 bill_details  Style
*/

.money_details{padding: .5rem 0 .3rem 0}
/*.m_merchants {display: inline-block;margin: .2rem .18rem 0 -.3rem;line-height: .4rem;max-width: 3.1rem;  }*/
.m_bot { overflow: hidden; padding: .2rem ;  }
.o-order .other-img-icon {
 display: inline-block;
 width: .8rem; height: .8rem;
 margin-right: .1rem;
}
.o-order .other-img-icon img{width: 100%;height: 100%}
/*
myBank Style

.card-center {padding-bottom: 5rem;min-height: 100%;  }
.border-box { box-sizing: border-box;  }
.pct100 {width: 100%;  }

.mlr15rn { margin-left: .3rem;margin-right:.3rem;  }
.pt15rn {padding-top: .3rem;  }
.card-center .card-list > li { width: 100%; position: relative;  }
.card-center .card-list .card-no { position: absolute;left:19%;bottom: .2rem;  }
.bank_bg{display:block; width: 100%;height: 100%;}
.bank_bg img{width:90%;height: 100%;}
*/
/*
updateQQ Style
*/

.update_info{padding: 0 .2rem;line-height: 24px;}
/*
myMessage Style
*/

.message_icon {display: inline-block;background-color: #ff6500;width: 1.1rem;height: 1.1rem;line-height: 1.1rem;margin: .1rem .18rem .1rem -.1rem;border-radius: .2rem;  }
.detail.message_left{left: 1.2rem}
.o-order .other-icon14{background: url("images/myMessage_smallicon.png ") no-repeat;background-size:.8rem .8rem;}
/*
updatePass Style
*/

.update_info01{padding: 0.8rem .2rem;line-height:.32rem;}
.update_info02{padding: 0 .15rem;line-height:.32rem;}

/*
transfer Style
*/
.tab_month_right.bg_none{background: none}
.tab_month_right.wid{width: auto}
.s-point {position: absolute;right: .2rem;top: 50%;width: .36rem;height: .5rem;margin-top: -.24rem;background: url("images/left_icon.png")  no-repeat;background-size: .36rem .5rem;  }
.tab_month input{border: none; height: .6rem;line-height: .6rem;top:0; padding: .1rem 0 .1rem 0}

/*
balanceQuery Style
*/
.mybalance-banner { height:1.4rem;line-height:1.4rem;background: #fff;padding: 0 .2rem;  }
.mybalance-link {display: block;  }
.mybalance-link span {display: inline-block; vertical-align: middle;  }
.w-35 {width: .8rem;  }
.couponIn-icon img { width: 100%; vertical-align: middle;  }
.dropdown .dropdown-menu .balance_pub,.dropdown .dropdown-menu01 .balance_pub{padding: 0 .1rem;}
.dropdown .dropdown-menu .balance_pub{padding: 0 .2rem;}
.balance_pub.balance_title{ line-height: .3rem;padding: .2rem .1rem;display: flex;justify-content: space-between; align-items: center}
.balance_pub.balance_title.balance_pad{padding: .2rem}
.balance_pub span,.balance_pub span{display: inline-block;width: 32%;}
.balance_pub.balance_item,.balance_pub.balance_item{height: .8rem;line-height: .8rem;}
.balance_pub .auto,.balance_pub .auto{display: inline-block;width: auto}
.dropdown .dropdown-menu li.pad_left{padding: 0 .2rem 0 .5rem;}
/*
cardFound Style
*/
.cardFound{width: 90%;margin: 0 auto;}

.nav_menu01{width: 100%; height: .5rem; line-height:.5rem;  margin: .2rem auto;    background-color: rgba(0,0,0,0.1); border-radius: .05rem;}
.nav_menu01.nav_fixed{margin: .2rem auto 0 auto;background-color: #ddd;border-radius: 0 0 .06rem .06rem;}
.nav_menu01 li,.nav_menu01 li a{white-space: nowrap; list-style: none;display: inline-block; width: 49.3%; text-align: center; }
.nav_menu01 li a{ width: 100%;position: relative}
.selected{background-color: #fff;}
.nav_menu01_first{border-radius: .05rem 0 0 .05rem;}
.nav_menu01_last{border-radius: 0 .05rem .05rem  0 ;}

.cardlost_info{ border-radius: .4rem;background: #fff;border-radius: .2rem;border: 1px solid #ccc;}
.mybalance-banner01 { height:0.8rem;line-height:.8rem;padding: 0 .2rem;
}
.mybalance-link01 {display: block;  }
.mybalance-link01 span {display: inline-block; vertical-align: middle;  }

.card_fixed{width: 90%;margin: 0  auto ; font-size: .24rem; background-color:#fff}
/*
page fixed Style
*/
.page_fixed{position: fixed;bottom: 15%;border: 1px solid #ddd;border-radius: .1rem;}
.page_fixed_l{left: 0;}
.page_fixed_r{right: 0;}
.page_fixed li{padding: .1rem .2rem;background-color: rgba(200,200,200,0.5);border-radius: .1rem .1rem 0 0;}
.page_fixed li:last-child{border-radius: 0 0 .1rem .1rem;border-top: 1px solid #fff;}
.page_fixed.relase{position: fixed;left: 0;top: 25%;border-radius: .1rem;border: none}
.page_fixed.relase li{border: none;border-radius: .1rem}

.selected01{background-color: #2682bc;}
.selected01 a{color: #fff;}
/*
search box Style
*/
.box_search{display: flex;justify-content: flex-start;flex-direction: row;}
.box_search input{padding-left: .1rem; height: .59rem;border: none;width: 80%;border-radius: .06rem 0 0 .06rem;border: 1px solid #2682bc;}
.box_search_btn{width: 20%;text-align: center;background-color: #2682bc;color: #fff;border-radius: 0 .06rem  .06rem 0;line-height: .6rem}
/*
新办卡申请
*/
.tab_month.bg06{background: #ebeef3}
.dropdown a {text-decoration: none;color: #363636;display: block;}
.dropdown [data-toggle="dropdown"] {position: relative;display: block;background: #fff;  padding: 10px;  }
.dropdown [data-toggle="dropdown"]:hover {background: #fff;  }
.dropdown .icon-arrow {position: absolute;display: block;font-size: 0.7em; color: #ccc;top: 14px; right: 10px;  }
.dropdown .icon-arrow.close { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);-o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);-moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;  }
.dropdown .icon-arrow.open {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); -webkit-transform: rotate(0deg);transform: rotate(0deg);  -moz-transition: -moz-transform 0.6s;-o-transition: -o-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;  }
.dropdown .icon-arrow:before { content: '\25BC';  }
.dropdown .dropdown-menu,.dropdown .dropdown-menu01 {  max-height: 0;  overflow: hidden;  list-style: none;  padding: 0;  margin: 0;  }
.dropdown .dropdown-menu li,.dropdown .dropdown-menu01 li {  padding: 0; background: #fff; }
.dropdown .dropdown-menu li a,.dropdown .dropdown-menu01 li a {  display: block;  width: 50%;  color: #6e6e6e;  background: #fff;  padding: 0rem .2rem;  }
.dropdown .dropdown-menu li a.cost,.dropdown .dropdown-menu01 li a.cost {  display: block;  width: 20%;  color: #6e6e6e;  background: #fff;  padding: 0rem;  }
.dropdown .dropdown-menu li a.myCard-link,.dropdown .dropdown-menu01 li a.myCard-link {  width:auto; }
.dropdown .dropdown-menu li a:hover,.dropdown .dropdown-menu01 li a:hover {  background: #f6f6f6;  }
.dropdown .show, .dropdown .hide {  -moz-transform-origin: 50% 0%;  -ms-transform-origin: 50% 0%;  -o-transform-origin: 50% 0%;  -webkit-transform-origin: 50% 0%;  transform-origin: 50% 0%;  }
.dropdown .show {  display: block;  max-height: 9999px;  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);  animation: showAnimation 0.5s ease-in-out;  -moz-animation: showAnimation 0.5s ease-in-out;  -webkit-animation: showAnimation 0.5s ease-in-out;  -moz-transition: max-height 1s ease-in-out;  -o-transition: max-height 1s ease-in-out;  -webkit-transition: max-height 1s ease-in-out;  transition: max-height 1s ease-in-out;  }
.dropdown .hide {  max-height: 0;  -moz-transform: scaleY(0);  -ms-transform: scaleY(0);  -o-transform: scaleY(0);  -webkit-transform: scaleY(0);  transform: scaleY(0);  animation: hideAnimation 0.4s ease-out;  -moz-animation: hideAnimation 0.4s ease-out;  -webkit-animation: hideAnimation 0.4s ease-out;  -moz-transition: max-height 0.6s ease-out;  -o-transition: max-height 0.6s ease-out;  -webkit-transition: max-height 0.6s ease-out;  transition: max-height 0.6s ease-out;  }
/*
 paySetLines Style
*/
.dropdown_title{display: block;height: .4rem;padding-right: 5%;}
.dropdown_title span{display: inline-block;}
.balance_pub span.lines{text-align: right;width: 100%}
/*
autoTransfer Style
*/
.pub_title{height:.8rem;line-height:.8rem;padding-left: .2rem;}
.dropdown_title01{position: relative;
 display: block;
 background: #fff;
 padding: .1rem .2rem ;}

/*
cardVoucher Style
*/
.nav_menu01.card_voucher li{list-style: none;display: inline-block; width:32.6%; text-align: center;color:#005992; }
.card_voucher_info{ background: #fff;border:none;height: 2.8rem;}
.card_voucher_top{height: 2rem;border-bottom: 1px dashed #7f8588;}
.card_voucher_money_l{width: 35%;background-color: #d44b65;display: inline-block;height: 1.4rem; padding: .5rem 0 .1rem 0}
.card_voucher_money_r{width: 61%;  height: 1.8rem;display: inline-block;padding: .1rem 0 .1rem .2rem;position: relative}
.card_voucher_money_school{height: .6rem;  line-height: .6rem;display: block}
.card_voucher_money_dis{height: .3rem;  line-height: .3rem;width: 90%;display: block}
.card_voucher_button{width:1.4rem;border: 1px solid #ff7200; line-height: .4rem;height:.4rem;display: block;background-color: #fff;border-radius: .1rem;}
.card_voucher_button.card_voucher_used{border: 1px solid #ccc;}
.card_voucher_bottom{height: .8rem;}
.card_voucher_name_l{width: 35%;background-color: #d44b65;display: inline-block;height: .6rem;padding: .1rem 0 }
.card_voucher_name_r{width: 61%;  height:.6rem;display: inline-block;padding: .1rem 0 0 .2rem; }
.card_voucher_money_l.card_voucher_dinner,.card_voucher_name_l.card_voucher_dinner{background-color: #0087db;}
.card_voucher_name_l.card_voucher_normal,.card_voucher_money_l.card_voucher_normal{background-color: #42ba91;}
.card_voucher_money_l.card_voucher_used,.card_voucher_name_l.card_voucher_used{background-color: #ccc;}
.card_voucher_button.card_voucher_used{border: 1px solid #ccc;}
/*
topUp Style
*/

.topup,.topup01{overflow:hidden;padding:.3rem .4rem 0 .4rem; }
.topup ul,.topup01 ul{overflow:hidden;  }
.topup li,.topup01 li{background-color:#fff;border:1px solid #d9dadc;cursor:pointer;float:left;height:.7rem;width:30.5%;line-height:.7rem;margin:0 .1rem .3rem 0;text-align:center; }
.topup li.hover,.topup01 li.hover{border:1px solid #2392d6;  }
.topup li.selected,.topup01 li.selected{ background:  url("images/readly_selected.png"); background-repeat:no-repeat;background-position:right bottom;border:1px solid #2392d6; background-color:#fff; }
.link-more{background-color:#fff;cursor:pointer;width: 130px;height:60px;line-height: 60px;font-size: 14px;/*border: 1px dotted #cccccc;*/color: #005EA7;text-align: center;  }
.link-more:hover{ /*border: solid 2px #cccccc;background-color: #ffffff;text-decoration: none;*/padding: 0;  }
.topup li.changeother,.topup01 li.changeother{  border:0;padding:2px 0 0;  }

.state_info{color: #969899; line-height:.4rem}

.btn{ height: .8rem; line-height: .8rem; background-color: #2682bc;border: none; color: #fff;font-family: "微软雅黑 Light", "微软雅黑", "宋体"; }
.btn_box{margin-left:auto; margin-right:auto;width:90%}

/*
 stadium Style
*/
.stadium{width: 100%;height: 100%; }
.stadium img{width: 100%;height: 100%;}

/*
wlan Style
*/
.account_id{display: inline-block; float: left;height: 50px;line-height: 40px;margin-right: .2rem}
.wlan_id li{width: 40%}
.tab_month_right.rig{right: .6rem;}
.wlan_detail{height: 1.2rem;padding: 0 .2rem 0 .2rem;display: flex;justify-content: center;align-items: center}
.wlan_detail span{display: inline-block}

/*
  version Style
*/
.pad_left01{padding-left: .2rem;}
.pad_right01{padding-right: .2rem;}
.pub_r{display: inline-block;float: right;}
.version-textarea{border:none;width: 95%;border-radius: 0;display: block;height:3rem;padding:.2rem .2rem; line-height: .4rem; font-size: .28rem; color: #7f8588;}
/*
  range Style
*/

.border_right li{border-right: 1px solid #f5f8fa; border-bottom: 1px solid #f5f8fa;}

.range_state{padding: .2rem}
.range_state span{display: block;height: .4rem;line-height: .4rem;}
/*.border_right ul:last-child li{border-right:none;}*/
/*
 message Style
*/

.message_date{right: .2rem; top: -.1rem}

/*
myApply Style
*/
.list-in.bg_none{background: none;}
.info-icon.info-notice-icon05{background: url("images/user_smallicon01.png") center center no-repeat;background-size: 90%;margin-top: 0;  }
.info-icon,.other-icon15  {display: inline-block;width:1rem; height:1rem;background: url("images/user_smallicon01.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;  }
.info-icon,.other-icon16  {display: inline-block;width:1rem; height:1rem;background: url("images/user_smallicon.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;  }

.info-icon,.other_icon_my1{display: inline-block;width:1rem; height:1rem;background: url("images/library1.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;}
.info-icon,.other_icon_my2{display: inline-block;width:1rem; height:1rem;background: url("images/library2.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;}
.info-icon,.other_icon_my3{display: inline-block;width:1rem; height:1rem;background: url("images/library3.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;}
.info-icon,.other_icon_my4{display: inline-block;width:1rem; height:1rem;background: url("images/library4.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;}


.info-icon01{display: inline-block;width:1rem; height:1rem;vertical-align: top;margin:.2rem 0 0 -.1rem;  }
.info-icon02{display: inline-block;width:1rem; height:1rem;background: url("images/notice_news.png") no-repeat;background-size: .8rem .8rem;vertical-align: top;margin:.2rem 0 0 -.1rem;  }
.nav_menu01.myApply{height: .6rem; line-height:.6rem;}

.amount-icon {width: .15rem; height: .15rem;line-height: .16rem;position: absolute; right: 6%; top:-.1rem;color: #fff;background: #EC5330;border-radius: 20%;padding: .08rem .08rem;
 font-size: .16rem;margin-left: .1rem; }

.amount-icon.pos_center{left:92%;top: 0rem;}



/*
 bill_list Style
*/

.tab_month_right.bill_list_month {right: .2rem;background: url("images/bill_icon_close.png") right center no-repeat;display: block; height: .5rem;line-height: .5rem; width: 1.9rem;background-size: 25%;  }
.tab_month_align { position: absolute;top: .15rem;  }

/*
 nav_add Style   月份筛选
*/

.navbar01  .nav-dropdown01 {position: absolute;right: .04rem;top: 1.7rem;width: 2rem;background: #ddd;opacity: .9;z-index: 100;height: 0;overflow: hidden; -webkit-transition: height .1s;  }
.nav-dropdown01 li {height: .83rem; line-height: .8rem;border-bottom: 1px solid #e4eaec;text-align: center;  }
a.react01 {display: block;color: inherit; height: 100%;}
.navbar01  {height: 1.01rem;color: #000;background: #06c1ae;border-bottom: 1px solid #fff;display: -webkit-box;display: -ms-flexbox;position: relative;  }
.nav-dropdown01.active {height: 5rem;  }
.nav-dropdown01 ul{padding: 0 .08rem;}
.nav-dropdown01 ul li{position: relative;}

/*
 charts_month Style
*/
.consume_table{width: 100%; height:180px;}
.tab_month.month_note{ height: .6rem; }
.tab_month.month_note01{ height: 1.6rem; }
/*.topup03{overflow:hidden;}*/
/*.topup03 ul{overflow:hidden;  }*/
.topup03 li{cursor:pointer;float:left;height:.6rem;line-height:.6rem;text-align:center;margin-right: .1rem ;background-color: #fff; }
.topup03 li.hover{border:1px solid #2392d6;  }
.topup03 li.changeother{  border:0;padding:2px 0 0;  }
.topup03 li .consume_icon{width: .6rem;height: .6rem;  display: inline-block;}
.topup03 li img{width: 80%;height: 80%;margin-right:.1rem}
.topup03 a{color: #000;}

/*
 orderMeal Style
*/
.orderMeal{width: 100%;height: 100%; }
.orderMeal img{width: 100%;height: 100%;}
.orderMeal_btn{height: 1rem; line-height: 1rem;background-color: #fff;padding: 0 0 0 .2rem;}
.orderMeal_count{width: 55%}
.orderMeal_r{width: 30%}
.orderMeal_r a{display:block; background-color: #0A84BD; color: #fff;text-align: center}
/*
 index 公告 Style
*/
.o-order_left{width: 55%; position: relative;display: inline-block;
 height: 2rem; }
.o-order_right{display: inline-block;width:43%; height:1.6rem;vertical-align: top;padding: .2rem 0}

.detail02{ position: absolute;bottom:0; overflow: hidden; height:.9rem;  }
.detail02 div{height: .3rem;}
.notice{width: 95%;margin-left: auto; margin-right: auto;}
/*
select Style
*/

.select {  width: 20%;height: .6rem;margin: -.15rem 0;  }
.select select{line-height: 1;border: 0;background: transparent;font-size: .3rem;width: 100%;  height: 100%;  display: block;  border: none ;appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  }
.select::after {content: '';display: inline-block;position: absolute;top: 50%;  right: 0;width: .5em;  height: .5em;border-bottom: .03rem solid #999;border-left: .03rem solid #999;-webkit-transform: translateY(-70%) rotateZ(-45deg);-moz-transform: translateY(-70%) rotateZ(-45deg);-ms-transform: translateY(-70%) rotateZ(-45deg);  }
/*
aluminRegist Style
*/
.btn_veri{height: .8rem; line-height: .8rem; background-color: #2682bc;border: none; color: #fff;font-family: "微软雅黑 Light", "微软雅黑", "宋体";display: inline-block;padding: 0 .07rem }
.btn_veri.col_gray{background-color:#ccc;}
.veri_pos{right: 0rem;position: absolute;}
.tab_month_alumni{background-color: #fff; position: relative; height: 2.6rem;line-height: 2.6rem; padding: 0 .2rem;}
.tab_month_alumni.check_height{ height: 1.2rem;line-height: 1.2rem;}
.alumni_img img{height: 80%;margin-left: .3rem;}
#camera{right: 0;top: -.9rem;opacity:0;width:1.56rem;height:2rem;position: absolute;display:block;border: 1px solid red;  }
.alumni_describe{width:40%; display: inline-block;line-height: 1.5;vertical-align: bottom;padding-bottom: .3rem}
.ui-stepBar-wrap{position:relative;width:100%;height:1.4rem;background:#ebeef3;overflow:hidden;z-index:100;padding-top: .1rem;}
.ui-stepBar-wrap .ui-stepBar{position:relative;width:85%;height:.1rem;background:#cccccc;top:.9rem;left:7%;z-index:101;}
.ui-stepBar-wrap .ui-stepBar .ui-stepProcess{position:relative;width:0;height:.1rem;background:#4171b8;top:0;left:0;z-index:102;}
.ui-stepBar-wrap .ui-stepInfo-wrap{width:85%;margin:0 auto;height:100%;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo{position:relative;float:left;text-align:center; }
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .ui-stepSequence{position:relative;padding:.08rem .18rem;border-radius:50%;z-index:103;font-size: .32rem}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .ui-stepName{position:relative;z-index:103;font-size: .24rem;height:.5rem;line-height: 1;overflow: hidden; margin-bottom: .2rem;word-break: break-all;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-pre-change,
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-hind-change{cursor:pointer;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-pre-change:hover{box-shadow:0 0 3px 1px #4171b8;}
.ui-stepBar-wrap .ui-stepInfo-wrap .ui-stepInfo .judge-stepSequence-hind-change:hover{box-shadow:0 0 3px 1px #cccccc;}
.judge-stepSequence-pre{background:#4171b8;color:#ffffff;}
.judge-stepSequence-hind{background:#cccccc;color:#000000;}
.camera { right: 0;top: 0;opacity: 0;position: absolute;background-color: red;width: 100%;height: .8rem;display: block; border: 1px solid red;}
.span_camera{position: relative;display: block;background-color: #0a84bd;color: #fff;}
/*
 check Style
*/
.check_main{padding: .5rem .2rem;text-align: center}
.check_body{height: 2rem; position: relative;text-align: left;}
.check_body.check_success{background: url("images/check_success.png")center no-repeat;background-size: 100% 100%;}
.check_body_left{padding-left:10%;font-size: .24rem;width: 72%;display: inline-block}
.check_body_left p{height: .2rem; line-height: .1rem}
.check_state{display: inline-block;padding: .1rem;border: 1px solid #43494d;color:#43494d;border-radius: .1rem; margin-right: .1rem}
.check_body_right{width: 15%; display: inline-block; text-align: center; vertical-align: center}
.check_stae_img{width: .8rem;height: .8rem; margin-bottom: .1rem; margin: 0 auto 0;}
.check_stae_img img{width: 90%;height: 90%}
.check_stae_txt{font-size: .24rem; }
.check_wait{background: url("images/check_wait.png")center no-repeat;background-size: 100% 100%;}
.check_wrong{background: url("images/check_wrong.png")center no-repeat;background-size: 100% 100%;}
/*
 同意协议复选框
*/
.memory{padding-left: .2rem}
:root .ui-checkbox-normal { display: none;  }
.ui-checkbox-normal {vertical-align: text-top;  }
:root .ui-checkbox-normal:checked+.ui-checkbox-simulation {background-position: -24px 0;  }
:root .ui-checkbox-simulation {display:inline-block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;background-image: url(images/sprite.png); background-position: -48px 0;width: 19px; height: 16px;  }
.ui-checkbox-simulation {display: none; cursor: pointer;  }
.u-checkbox-label { display: inline-block;line-height: 16px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


@keyframes showAnimation { 0% {  -moz-transform: scaleY(0.1);  -ms-transform: scaleY(0.1);  -o-transform: scaleY(0.1);  -webkit-transform: scaleY(0.1);  transform: scaleY(0.1);  }
 40% {  -moz-transform: scaleY(1.04);  -ms-transform: scaleY(1.04);  -o-transform: scaleY(1.04);  -webkit-transform: scaleY(1.04);  transform: scaleY(1.04);
 }
 60% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }
 80% {  -moz-transform: scaleY(1.04);  -ms-transform: scaleY(1.04);  -o-transform: scaleY(1.04);  -webkit-transform: scaleY(1.04);  transform: scaleY(1.04);
 }
 100% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }
 80% {  -moz-transform: scaleY(1.02);  -ms-transform: scaleY(1.02);  -o-transform: scaleY(1.02);  -webkit-transform: scaleY(1.02);  transform: scaleY(1.02);
 }
 100% {  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);
 }
}
@-moz-keyframes showAnimation {
 0% {  -moz-transform: scaleY(0.1);  -ms-transform: scaleY(0.1);  -o-transform: scaleY(0.1);  -webkit-transform: scaleY(0.1);  transform: scaleY(0.1);
 }
 40% {  -moz-transform: scaleY(1.04);  -ms-transform: scaleY(1.04);  -o-transform: scaleY(1.04);  -webkit-transform: scaleY(1.04);  transform: scaleY(1.04);
 }

 60% { -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }

 80% {  -moz-transform: scaleY(1.04);  -ms-transform: scaleY(1.04);  -o-transform: scaleY(1.04);  -webkit-transform: scaleY(1.04);  transform: scaleY(1.04);
 }

 100% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }

 80% {  -moz-transform: scaleY(1.02);  -ms-transform: scaleY(1.02);  -o-transform: scaleY(1.02);  -webkit-transform: scaleY(1.02);  transform: scaleY(1.02);
 }

 100% {  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);
 }
}
@-webkit-keyframes showAnimation {
 0% {  -moz-transform: scaleY(0.1);  -ms-transform: scaleY(0.1);  -o-transform: scaleY(0.1);  -webkit-transform: scaleY(0.1);  transform: scaleY(0.1);
 }

 40% {  -moz-transform: scaleY(1.04);  -ms-transform: scaleY(1.04);  -o-transform: scaleY(1.04);  -webkit-transform: scaleY(1.04);  transform: scaleY(1.04);
 }

 60% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }

 80% {  -moz-transform: scaleY(1.04);  -ms-transform: scaleY(1.04);  -o-transform: scaleY(1.04);  -webkit-transform: scaleY(1.04);  transform: scaleY(1.04);
 }

 100% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }

 80% {  -moz-transform: scaleY(1.02);  -ms-transform: scaleY(1.02);  -o-transform: scaleY(1.02);  -webkit-transform: scaleY(1.02);  transform: scaleY(1.02);
 }

 100% {  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);
 }
}
@keyframes hideAnimation {
 0% {  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);
 }

 60% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }

 80% {  -moz-transform: scaleY(1.02);  -ms-transform: scaleY(1.02);  -o-transform: scaleY(1.02);  -webkit-transform: scaleY(1.02);  transform: scaleY(1.02);
 }

 100% {  -moz-transform: scaleY(0);  -ms-transform: scaleY(0);  -o-transform: scaleY(0);  -webkit-transform: scaleY(0);  transform: scaleY(0);
 }
}
@-moz-keyframes hideAnimation {
 0% {  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);
 }

 60% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }

 80% {  -moz-transform: scaleY(1.02);  -ms-transform: scaleY(1.02);  -o-transform: scaleY(1.02);  -webkit-transform: scaleY(1.02);  transform: scaleY(1.02);
 }

 100% {  -moz-transform: scaleY(0);  -ms-transform: scaleY(0);  -o-transform: scaleY(0);  -webkit-transform: scaleY(0);  transform: scaleY(0);
 }
}
@-webkit-keyframes hideAnimation {
 0% {  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  -webkit-transform: scaleY(1);  transform: scaleY(1);
 }

 60% {  -moz-transform: scaleY(0.98);  -ms-transform: scaleY(0.98);  -o-transform: scaleY(0.98);  -webkit-transform: scaleY(0.98);  transform: scaleY(0.98);
 }

 80% {  -moz-transform: scaleY(1.02);  -ms-transform: scaleY(1.02);  -o-transform: scaleY(1.02);  -webkit-transform: scaleY(1.02);  transform: scaleY(1.02);
 }
 100% {  -moz-transform: scaleY(0);  -ms-transform: scaleY(0);  -o-transform: scaleY(0);  -webkit-transform: scaleY(0);  transform: scaleY(0);
 }
}

/*
 noInter Sytle
*/
.inter_no_img{width:40%;margin: 30% auto 0 auto}
.inter_no_img img{width:100%}

/*
account_management Style
*/
.card-center {min-height: 100%; }
.border-box { box-sizing: border-box;  }
.pct100 { width: 100%;  }
.mlr15rn {margin-left: 1rem;  margin-right: 1rem;  }
.pt15rn {  padding-top:.5rem;  }
.pt5r {  padding-top: .5rem;  }
.pr {  position: relative;  }
.abs-rt {position: absolute;right: 0;top: 0; }
.card-list{width: 98%;margin: 0 auto;}
.card-center .card-list>li { position: relative; margin-bottom: .2rem; color: #fff; background-color: #449cc9;
 height:2.6rem;  width: 100%;  border-radius: .18rem .18rem .18rem .18rem;  }
.card-center .card-list>li:last-child{margin-bottom: 0;}
.card-center .card-list .info {  height: 1.6rem;  }
.card-center .card-list .info .bank-icon { border-radius: 50%;  left:.4rem;  width: 1rem;  height: 1rem;  background: rgba(255,255,255,.8);  }
.bank-icon {width: 2.4rem;  height: 2.4rem;  }
.card-center .card-list .info img { width: .8rem;  height:.8rem;  }
.abs-lm {  position: absolute;  left: 0;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);  transform: translateY(-50%);  }
.abs-mm {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  }
.card-center .card-list .info .info-bank {  left:1.7rem;  }
.card-center .card-list .info .info-tel {right: .4rem;top: 40%;  }
.card-center .card-list .card-no {  height: 1rem; bottom: .1rem; }
 .card-dot{left: .6rem; height: 1rem; bottom: .1rem;line-height: 1rem; }
.card-dot_r{width:.8rem;height:.8rem;background: url("images/defaultSelect.png")center no-repeat;background-size: 100% 100%;position: absolute;right: 5%;top: -30%;}
.account_operat{height: .8rem; border-radius:0 0 .18rem .18rem;line-height: .8rem;}
.account_operat li{list-style: none;float: left;width: 24.5%; text-align: center;border-right:2px solid #ebebeb;}
.account_operat li:last-child{border-right:none;}
.account_operat li a{color: #0e0e0e;}

/*
btn disabled Style
*/
.btn_sta[disabled] {color: #333;background-color: #e6e6e6;  }
/*
  paysetWay sorttable Style
*/
.drag-handle {padding: 0 .15rem; margin-right: 10px;display: inline-block;  cursor: move;  cursor: -webkit-grabbing;  /* overrides 'move' */  float: right;  }
.sorttable{margin: 0 auto; background-color: white;}
.sorttable_tit{margin-bottom: 6px;padding: 0 .2rem;height: 40px;line-height: 40px;}
.js-sortable{list-style: none;  }
.js-sortable li{height: 30px; line-height: 30px;margin-bottom: 3px;padding: 0 .2rem;border-bottom:1px solid #f5f8fa;}
.tab_month_right.wid{width: auto}

/*
 donation 捐赠
*/
.nav_menu_donation{width: 80%; height: .5rem; line-height:.5rem;  margin: 0 auto;    background-color: rgba(0,0,0,0.1); border-radius: .05rem;}

.nav_menu_donation li{list-style: none;display: inline-block; width:49%;}
.selected{background-color: #fff;}

.nav_menu_donation  .nav_menu_first{border-radius: .05rem 0 0 .05rem;}
.nav_menu_donation .nav_menu_last{border-radius: 0  .05rem  .05rem 0;}

.donation_detail{width: 92%;height:.6rem;background-color: #fff;margin: 0 auto .2rem auto;padding: .15rem .1rem;}
.donation_detail .donation_amount{width: 32%;border-right: 1px solid #e4eaec;display: inline-block;}
.donation_amount span{display: block;}

.donation_detail div:last-child{border-right: none;}
.donation_info_article{padding: 0 .2rem;}
.donation_info_article img{display: block;margin:.2rem auto; width: 70%;}
.donation_item_detail{padding:.2rem;height: auto;display: flex;justify-content: center;height: 2rem; background-color: #fff;}

.donation_item_img{width: 25%;display: flex;align-items: center;justify-content: center}
.donation_item_img img{max-width: 100%;height: auto;border-radius: .1rem;}
.donation_item_txt{width: 45%;padding-left: .2rem; }
.donation_item_txt div{margin-top:15%}
.donation_item_history{width: 25%;display: flex;align-items: center}
.donation_item_history a{display: block; height: .5rem; background-color: #0ebd6d;border-radius: .1rem;color: #fff;line-height: .5rem;text-align: center;width: 100%}