*{margin: 0;padding:0}
*:not(input,textarea){-webkit-touch-callout:none;-moz-touch-callout: none;-webkit-user-select: none;-moz-user-select: none}
body,input,button,select,textarea{font-size:0.7rem;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color: #333;background: #f5f5f5}
textarea{resize: none;border: 1px solid #ccc}
table{empty-cells: show;border-collapse: collapse}
caption,th{text-align: left;font-weight: 20rem}
ul li,.xl li{list-style: none}
h1,h2,h3,h4,h5,h6{font-size: 1em}
em,cite,i{font-style: normal}
b{font-weight: normal;}
a,button,input{-moz-tap-highlight-color: rgba(255,0,0,0);-webkit-tap-highlight-color: rgba(255,0,0,0);tap-highlight-color: rgba(255,0,0,0);text-decoration: none;outline: 0}
select{border-radius: 0}
input,input[type="text"],input[type="password"],textarea{-moz-appearance: none;-webkit-appearance: none;appearance: none;border: 1px solid #ccc;border-radius: 3px;outline: 0;-moz-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0)}
select{outline: 0;border: 1px solid #ccc;font-size:0.6rem;padding:0.1rem}
a{color: #444;text-decoration: none;}
a:hover{text-decoration: none}
img{border: 0;vertical-align: middle;}
*:focus{outline: 0}


.mainColor,.mainColor a{color: #0093dd}
.mainBg{background-color: #0093dd}
.btn-mainBg{background-color: #0093dd}
.btn-mainBg:active{background-color:#00a7e6}

.blue,.blue a{color: #0093dd}
.green,.green a{color: #45c018}
.bg-green{background-color: #45c018}
.btn-green:active {background: #3ea518;}
.tap-green:active{background-color: #45c018;color: #fff}
.bg-orange{background-color: #ff9500}
.color2{color: #222}

.color9{color: #999}
.white,.white a{color: #fff}
.red,.red a{color: #F33C3D}
.pred {color: #ff4956;}
.qin,.qin a{color: #00ccb8;}
.dark-blue,.dark-blue a{color: #45b8ff}
.yellow,.yellow a{color: #fc7900}
.grey,.grey a{color: #999}
.bg-darkgrey{background: #b3b3b3}
.bg-grey{background: #e8e8e8}
.orange,.orange a{color: #ff9500}
.purple,.purple a{color: #f77594}
.bg-l-y{background-color: #fffcf4}
.bg-w{background-color: #fff}
.black,.black a,a.black{color: #000}
.bluebg{background-color: #0093dd}
.bg-ed{background-color:#ededed;}
.bg-c{background-color: #ccc;}
.bg-d9{background-color: #d9d9d9;}
.bg-red{background-color: #fe4027}
.cursor{cursor: pointer}
.cursor-move{cursor: move}
.color6{color:#666;}

.fl{float: left}
.fr{float: right}
.cl:after{content:".";display: block;width: 0;height: 0;clear: both;visibility: hidden}
.clear{clear: both}
.ul li{float: left}

.re{position: relative}
.ab{position: absolute}
.fixed{position: fixed}
.top{top: 0}
.right{right: 0}
.right10{right:0.5rem}
.bottom{bottom: 0}
.bottom10{bottom:0.5rem;}
.left{left: 0}
.left10{left:0.5rem}

.table-cell{display: table-cell;}
.v-mid{vertical-align: middle}
.v-top{vertical-align: top}
.v-bottom{vertical-align: bottom;}
.v-center{display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;}
.box{display: -webkit-box;display:-moz-box;display: -o-box;display: box;}
.v-box{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex{-webkit-box-flex: 1}
.block{display: block}
.sizing{box-sizing: border-box}
.hide{display: none}
.inline{display:inline-block;}

.font-l{font-weight:lighter;}
.st{font-family: '宋体'}
.tc{text-align: center}
.tl{text-align: left}
.tr{text-align: right}
.li-th{text-decoration: line-through;}
.t-over{white-space: nowrap;overflow: hidden;text-overflow: clip}
.t-el{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.li-th{text-decoration: line-through;}
.b{font-weight: bold}
.normal{font-weight: normal}
.white-space{white-space: nowrap}
.word-spacing{word-spacing: 1.25rem}
.indent{text-indent: 2em}
.ov-hi{overflow: hidden}

.lh10{line-height: 0.5rem}
.lh12{line-height: 0.5rem}
.lh14{line-height: 0.7rem}
.lh16{line-height: 0.8rem}
.lh17{line-height: 0.85rem}
.lh18{line-height: 0.9rem}
.lh20{line-height: 1rem}
.lh22{line-height: 1.1rem}
.lh24{line-height: 1.2rem}
.lh26{line-height: 1.3rem}
.lh28{line-height: 1.4rem}
.lh30{line-height: 1.5rem}
.lh32{line-height: 1.6rem}
.lh34{line-height: 1.7rem}
.lh36{line-height: 1.8rem}
.lh38{line-height: 1.9rem}
.lh40{line-height: 2rem}
.lh44{line-height: 2.2rem}
.lh45{line-height: 2.25rem}
.lh48{line-height: 2.4rem}
.lh50{line-height: 2.5rem}
.lh60{line-height: 3rem}
.h8{height: 0.4rem}
.h10{height: 0.5rem}
.h12{height: 0.6rem}
.h14{height: 0.7rem}
.h16{height: 0.8rem}
.h18{height: 0.9rem}
.h20{height: 1rem}
.h22{height: 1.1rem}
.h24{height: 1.2rem}
.h30{height: 1.5rem}
.h34{height: 1.7rem}
.h40{height: 2rem}
.h44{height: 2.2rem}
.h45{height: 2.25rem}
.h48{height: 2.4rem}
.h50{height: 2.5rem}
.h60{height: 3rem}
.h10{height: 0.5rem}
.h20{height: 1rem;}
.h80{height: 4rem}
.h100{height: 5rem}
.h100p{height: 100%}
.h55{height: 2.75rem;}

.s8{font-size: 0.4rem}
.s10{font-size: 0.5rem}
.s11{font-size: 0.55rem}
.s12{font-size: 0.6rem}
.s13{font-size: 0.65rem;}
.s14{font-size: 0.7rem}
.s15{font-size: 0.75rem;}
.s16{font-size: 0.8rem}
.s17{font-size: 0.85rem}
.s18{font-size: 0.9rem}
.s19{font-size: 0.95rem}
.s20{font-size: 1rem}
.s22{font-size: 1.1rem}
.s24{font-size: 1.2rem}
.s26{font-size: 1.3rem}
.s30{font-size: 1.5rem}
.w-30{width: 1.5rem;}
.w20{width: 20%;}
.w30{width: 30%;}
.w-66{width: 66%;}
.w33{width: 33.3%;}
.w50{width: 50%}
.w100{width: 100%}
.w60{width: 3rem;}
.w80{width: 4rem;}
.w90{width: 4.5rem;}
.w120{width: 6rem;}
.w200{width: 10rem}
.w300{width: 15rem}
.w-100{width: 5rem}
.w1000{width: 50rem}

.bd{border: 1px solid #e2e2e2}
.bd_dashed{border: 1px dashed #e2e2e2}
.bdt{border-top: 1px solid #e2e2e2}
.bdr{border-right: 1px solid #e2e2e2}
.bdb{border-bottom: 1px solid #e2e2e2}
.bdl{border-left: 1px solid #e2e2e2}
.bdr_d{border-right: 1px dashed #e2e2e2;}
.bd0{border: 0}
.bd-df{border-color: #dfdfdf}
.bd-green{border-color: #45c018}
.bd-red{border-color: #c00}
.bd-blue{border-color: #0093dd}
.bd-yellow{border-color: #fc7900}
.bd-grey{border-color: #f5f5f5}
.bd-orange{border-color: #ff9500}
.bd-w2{border-width: 2px}
.bd-w3{border-width: 3px}
.bd-w5{border-width: 5px}
.bd-radius{border-radius:0.25rem}
.radius-t{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;}
.radius-b{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;}
.radius2{border-radius: 0.1rem;}
.radius3{border-radius: 0.15rem;}
.radius4{border-radius: 0.2rem;}
.radius6{border-radius: 0.3rem;}
.radius8{border-radius: 0.4rem;}
.radius12{border-radius:0.6rem;}
.radius50{border-top-left-radius: 50%;border-top-right-radius: 50%;border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;border-radius: 50%;background-clip: content-box;}

.m-auto{margin: 0 auto}
.mgt-1{margin-top:-0.05rem;}.mgt-2{margin-top:-0.1rem;}.mgt-3{margin-top:-0.15rem;}.mgt-4{margin-top:-0.2rem;}.mgt-5{margin-top:-0.25rem;}.mgt-10{margin-top:-0.5rem;}
.mg1{margin:0.05rem}.mg01{margin:0 0.05rem}.mg01-0{margin:0.05rem 0}.mgt1{margin-top:0.05rem}.mgr1{margin-right:0.05rem}.mgb1{margin-bottom:0.05rem}.mgl1{margin-left:0.05rem}
.mg3{margin:0.15rem}.mg03{margin:0 0.15rem}.mg03-0{margin:0.15rem 0}.mgt3{margin-top:0.15rem}.mgr3{margin-right:0.15rem}.mgb3{margin-bottom:0.15rem}.mgl3{margin-left:0.15rem}
.mg5{margin:0.25rem}.mg05{margin:0 0.25rem}.mg05-0{margin:0.25rem 0}.mgt5{margin-top:0.25rem}.mgr5{margin-right:0.25rem}.mgb5{margin-bottom:0.25rem}.mgl5{margin-left:0.25rem}
.mg6{margin:0.3rem}.mg06{margin:0 0.3rem}.mg06-0{margin:0.3rem 0}.mgt6{margin-top:0.3rem}.mgr6{margin-right:0.3rem}.mgb6{margin-bottom:0.3rem}.mgl6{margin-left:0.3rem}
.mg8{margin:0.4rem}.mg08{margin:0 0.4rem}.mg08-0{margin:0.4rem 0}.mgt8{margin-top:0.4rem}.mgr8{margin-right:0.4rem}.mgb8{margin-bottom:0.4rem}.mgl8{margin-left:0.4rem}
.mg10{margin:0.5rem}.mg010{margin:0 0.5rem}.mg10-0{margin:0.5rem 0}.mgt10{margin-top:0.5rem}.mgr10{margin-right:0.5rem}.mgb10{margin-bottom:0.5rem}.mgl10{margin-left:0.5rem}
.mg15{margin:0.75rem}.mg015{margin:0 0.75rem}.mg15-0{margin:0.75rem 0}.mgt15{margin-top:0.75rem}.mgr15{margin-right:0.75rem}.mgb15{margin-bottom:0.75rem}.mgl15{margin-left:0.75rem}
.mg20{margin:1rem}.mg020{margin:0 1rem}.mg20-0{margin:1rem 0}.mgt20{margin-top:1rem}.mgr20{margin-right:1rem}.mgb20{margin-bottom:1rem}.mgl20{margin-left:1rem}
.mg30{margin:1.5rem}.mg030{margin:0 1.5rem}.mg30-0{margin:1.5rem 0}.mgt30{margin-top:1.5rem}.mgr30{margin-right:1.5rem}.mgb30{margin-bottom:1.5rem}.mgl30{margin-left:1.5rem}
.mg50{margin:2.5rem}.mg050{margin:0 2.5rem}.mg50-0{margin:2.5rem 0}.mgt50{margin-top:2.5rem}.mgr50{margin-right:2.5rem}.mgb50{margin-bottom:2.5rem}.mgl50{margin-left:2.5rem}
.mgt0{margin-top:0}.mgr0{margin-right:0}.mgb0{margin-bottom:0}.mgl0{margin-left:0}
.pd1{padding:0.05rem}.pd01{padding:0 0.05rem}.pd01-0{padding:0.05rem 0}.pd01{padding:0 0.05rem}.pdt1{padding-top:0.05rem}.pdr1{padding-right:0.05rem}.pdb1{padding-bottom:0.05rem}.pdl1{padding-left:0.05rem}
.pd2{padding:0.1rem}.pd02{padding:0 0.1rem}.pd02-0{padding:0.1rem 0}.pd02{padding:0 0.1rem}.pdt2{padding-top:0.1rem}.pdr2{padding-right:0.1rem}.pdb2{padding-bottom:0.1rem}.pdl2{padding-left:0.1rem}
.pd3{padding:0.15rem}.pd03{padding:0 0.15rem}.pd03-0{padding:0.15rem 0}.pd03{padding:0 0.15rem}.pdt3{padding-top:0.15rem}.pdr3{padding-right:0.15rem}.pdb3{padding-bottom:0.15rem}.pdl3{padding-left:0.15rem}
.pd5{padding:0.25rem}.pd05{padding:0 0.25rem}.pd05-0{padding:0.25rem 0}.pd05{padding:0 0.25rem}.pdt5{padding-top:0.25rem}.pdr5{padding-right:0.25rem}.pdb5{padding-bottom:0.25rem}.pdl5{padding-left:0.25rem}
.pd6{padding:0.3rem}.pd06{padding:0 0.3rem}.pd06-0{padding:0.3rem 0}.pd06{padding:0 0.3rem}.pdt6{padding-top:0.3rem}.pdr6{padding-right:0.3rem}.pdb6{padding-bottom:0.3rem}.pdl6{padding-left:0.3rem}
.pd8{padding:0.4rem}.pd08{padding:0 0.4rem}.pd08-0{padding:0.4rem 0}.pd08{padding:0 0.4rem}.pdt8{padding-top:0.4rem}.pdr8{padding-right:0.4rem}.pdb8{padding-bottom:0.4rem}.pdl8{padding-left:0.4rem}
.pd10{padding:0.5rem}.pd010{padding:0 0.5rem}.pd10-0{padding:0.5rem 0}.pd010{padding:0 0.5rem}.pdt10{padding-top:0.5rem}.pdr10{padding-right:0.5rem}.pdb10{padding-bottom:0.5rem}.pdl10{padding-left:0.5rem}
.pd15{padding:0.75rem}.pd015{padding:0 0.75rem}.pd15-0{padding:0.75rem 0}.pd015{padding:0 0.75rem}.pdt15{padding-top:0.75rem}.pdr15{padding-right:0.75rem}.pdb15{padding-bottom:0.75rem}.pdl15{padding-left:0.75rem}
.pd20{padding:1rem}.pd020{padding:0 1rem}.pd20-0{padding:1rem 0}.pd020{padding:0 1rem}.pdt20{padding-top:1rem}.pdr20{padding-right:1rem}.pdb20{padding-bottom:1rem}.pdl20{padding-left:1rem}
.pd30{padding:1.5rem}.pd030{padding:0 1.5rem}.pd30-0{padding:1.5rem 0}.pd030{padding:0 1.5rem}.pdt30{padding-top:1.5rem}.pdr30{padding-right:1.5rem}.pdb30{padding-bottom:1.5rem}.pdl30{padding-left:1.5rem}
.pd40{padding:2rem}.pd040{padding:0 2rem}.pd40-0{padding:2rem 0}.pd040{padding:0 2rem}.pdt40{padding-top:2rem}.pdr40{padding-right:2rem}.pdb40{padding-bottom:2rem}.pdl40{padding-left:2rem}
.pd50{padding:2.5rem}.pd050{padding:0 2.5rem}.pd50-0{padding:2.5rem 0}.pd050{padding:0 2.5rem}.pdt50{padding-top:2.5rem}.pdr50{padding-right:2.5rem}.pdb50{padding-bottom:2.5rem}.pdl50{padding-left:2.5rem}
.pd70{padding:3.5rem}.pd070{padding:0 3.5rem}.pd70-0{padding:3.5rem 0}.pd070{padding:0 3.5rem}.pdt70{padding-top:3.5rem}.pdr70{padding-right:3.5rem}.pdb70{padding-bottom:3.5rem}.pdl70{padding-left:3.5rem}
.pd80{padding:4rem}.pd080{padding:0 4rem}.pd80-0{padding:4rem 0}.pd080{padding:0 4rem}.pdt80{padding-top:4rem}.pdr80{padding-right:4rem}.pdb80{padding-bottom:4rem}.pdl80{padding-left:4rem}
.pd0{padding:0}.pdt0{padding-top:0}.pdr0{padding-right:0}.pdb0{padding-bottom:0}.pdl0{padding-left:0}
.mgt44{margin-top: 2.2rem}



.tag span{border: 1px solid #ccc;border-radius: 3px;padding: 6px;display: inline-block;margin: 5px}
.tag span.cur{border: 1px solid #45b8ff;color: #45b8ff}
.z1{z-index: 1}
.z2{z-index: 2}
.z3{z-index: 3}
.z4{z-index: 4}
.z5{z-index: 5}
.z10{z-index: 10}
.z100{z-index: 100}
.fadein{-moz-animation: fadein 200ms forwards;-webkit-animation: fadein 200ms forwards;animation: fadein 200ms forwards}
.fadeout{-moz-animation: fadeout 200ms forwards;-webkit-animation: fadeout 200ms forwards;animation: fadeout 200ms forwards}
@-moz-keyframes fadein{from{opacity:0;}to{opacity: 1}}
@-webkit-keyframes fadein{from{opacity:0}to{opacity: 1}}
@keyframes fadein{from{opacity:0}to{opacity: 1}}
@-moz-keyframes fadeout{from{opacity:1}to{opacity: 0}}
@-webkit-keyframes fadeout{from{opacity:1}to{opacity: 0}}
@keyframes fadeout{from{opacity:1}to{opacity: 0}}
#goback{width: 80px;height: 50px;line-height: 50px;display: inline-block;text-align: left;margin-left: -10px;padding-left: 10px}
#goback i{display: inline-block;width: 12px;height: 12px;border-bottom:2px solid #555;border-left: 2px solid #555;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);vertical-align: middle;margin: 12px 15px 15px 5px}
.up-arrow{display: inline-block;width: 8px;height: 8px;margin-top: 5px;border-bottom: 1px solid #adadad;border-left: 1px solid #adadad;-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);vertical-align: middle;-moz-transition: all .25s -webkit-transition:all .25s -ms-transition:all .25s -o-transition:all .25s transition:all .25s}
.down-arrow{display: inline-block;width: 8px;height: 8px;margin-top: -5px;border-bottom: 1px solid #adadad;border-left: 1px solid #adadad;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: middle;-moz-transition: all .25s -webkit-transition:all .25s -o-transition:all .25s -ms-transition:all .25s transition:all .25s}
.left-arrow{display: inline-block;width: 8px;height: 8px;border-bottom: 1px solid #adadad;border-left: 1px solid #adadad;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);vertical-align: middle;-moz-transition: all .25s -webkit-transition:all .25s -o-transition:all .25s -ms-transition:all .25s transition:all .25s}
.right-arrow{display: inline-block;width: 8px;height: 8px;border-bottom: 1px solid #adadad;border-left: 1px solid #adadad;-moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);vertical-align: middle;-moz-transition: all .25s -webkit-transition:all .25s -o-transition:all .25s -ms-transition:all .25s transition:all .25s}
.ditch-arrow{display: inline-block;width: 14px;height: 8px;margin-top: -5px;border-bottom: 2px solid #45b8ff;border-left: 2px solid #45b8ff;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: middle}
.checkbox{width: 18px;height: 18px;line-height: 16px;text-align: center;border-radius:18px;display: inline-block}
.checkbox .checki{display: inline-block;width: 8px;height: 4px;margin-top: -3px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: middle}
.checkbox.on{background: #45b8ff}
.checkbox.off{background: #d9d9d9}
.green-true{width: 15px;height: 15px;text-align: center;border-radius: 50%;border: 1px solid #00ccb8;display: inline-block;vertical-align: middle}
.green-true i{display: inline-block;width: 7px;height: 4px;margin-top: -12px;border-bottom: 1px solid #00ccb8;border-left: 1px solid #00ccb8;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: middle}
.right-arrow-w{display: inline-block;width: 8px;height: 8px;border-bottom: 1px solid #fff;border-left: 1px solid #fff;-moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);vertical-align: middle;-moz-transition: all .25s -webkit-transition:all .25s -o-transition:all .25s -ms-transition:all .25s transition:all .25s}
.white-arrow{display: inline-block;width: 12px;height: 6px;margin-top: -5px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform: rotate(-45deg);vertical-align: middle;}
.data-src-beforeload{opacity:0}
.data-src{-webkit-animation: fadein 350ms linear 0ms 1 normal both;animation: fadein 350ms linear 0ms 1 normal both;opacity: 1;}

.ipt{padding:3px}
.btn,.a-btn{cursor: pointer;padding: 0.3rem 0.8rem;color: #fff;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px}
.btn.s-btn{padding: 2px 16px;font-size: 12px}
.btn-blue{background: #0093dd}
.btn-blue:hover{background: #0093dd}
.btn-grey{background: #8faab4}
.btn-grey:hover{background: #6692a3}

.top-l,.top-r,.go-map,.grab,.change-btn,.op_03{-webkit-transition:opacity .3s; }
.top-l:active,.top-r:active,.go-map:active,.grab:active,.change-btn:active,.op_03:active{opacity: 0.3;}
.tap-f5{cursor: pointer;}
.tap-f5:active{background-color:#e5e5e5}
.op0{opacity: 0}

/*
.myMoney.ng-enter{-moz-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-webkit-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-ms-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-o-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1)}
.myMoney.ng-leave{-moz-animation: gobackOld 300ms forwards ease-out;-webkit-animation: gobackOld 300ms forwards ease-out;-ms-animation: gobackOld 300ms forwards ease-out;-o-animation: gobackOld 300ms forwards ease-out;animation: gobackOld 300ms forwards ease-out}
pageAnimate
	forward-old   向左走一点（旧页面走的时候） 
	forward-new    新页面来的时候
	goback-old     返回的时候最上层的页走掉
	goback-new     返回的时候下层的页面向右过来
	frombottom-new 新页面向上冲上来
	tobottom-old   页面向下冲下去
	.class.ng-enter   刚进入页面的时候做的事  pageHide
	.class.ng-leave  走的时候干的事  pageHu-new
*/
/*前进的动画*/
.page-new.ng-enter{position:fixed;top:0;width: 100%;height: 100%;background-color: #f5f5f5;z-index:4;-moz-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-webkit-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-ms-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-o-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1)}
.page-new.ng-leave{position:fixed;top:0;width: 100%;height: 100%;background-color: #f5f5f5;z-index:2;-moz-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-webkit-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-ms-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-o-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1)}
/*后退的动画*/
#content.page-old,.goback-page{width: 100%}
.page-old.ng-enter{position:absolute;z-index:2;-moz-animation: gobackNew 300ms forwards ease-out;-webkit-animation: gobackNew 300ms forwards ease-out;-ms-animation: gobackNew 300ms forwards ease-out;-o-animation: gobackNew 300ms forwards ease-out;animation: gobackNew 300ms forwards ease-out}
.page-old.ng-leave,.goback-page.ng-leave{position:absolute;top:0;width: 100%;height: 100%;background-color: #f5f5f5;z-index:4;-moz-animation: gobackOld 300ms forwards ease-out;-ms-animation: gobackOld 300ms forwards ease-out;-o-animation: gobackOld 300ms forwards ease-out;-webkit-animation: gobackOld 300ms forwards ease-out;animation: gobackOld 300ms forwards ease-out}

.forward-old,.goback-new,.frombottom-old,.tobottom-new,.pageHide,.pageHu-new{position:absolute;top:0;width: 100%;height: 100%;background-color: #f5f5f5;z-index:2;}
.pageHu{background-color: #f5f5f5;z-index:5;position:absolute;top:0;width: 100%;height: 100%;}
.forward-new,.goback-old,.frombottom-new,.tobottom-old{position:relative;z-index:4;}
.forward-old,.pageHide.ng-leave{-moz-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-webkit-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-ms-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-o-animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);animation: forwardOld 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1)}
.forward-new{-moz-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-webkit-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-ms-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-o-animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);animation: forwardNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1)}
.goback-old,.pageHu.ng-leave{-moz-animation: gobackOld 300ms forwards ease-out;-ms-animation: gobackOld 300ms forwards ease-out;-o-animation: gobackOld 300ms forwards ease-out;-webkit-animation: gobackOld 300ms forwards ease-out;animation: gobackOld 300ms forwards ease-out}
.goback-new,.pageHu-new.ng-enter{-moz-animation: gobackNew 300ms forwards ease-out;-webkit-animation: gobackNew 300ms forwards ease-out;-ms-animation: gobackNew 300ms forwards ease-out;-o-animation: gobackNew 300ms forwards ease-out;animation: gobackNew 300ms forwards ease-out}
.frombottom-new{-moz-animation: frombottomNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-webkit-animation: frombottomNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-ms-animation: frombottomNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);-o-animation: frombottomNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1);animation: frombottomNew 450ms forwards cubic-bezier(0.1, 0.7, 0.1, 1)}
.tobottom-old{-moz-animation: tobottomOld 300ms forwards ease-out;-webkit-animation: tobottomOld 300ms forwards ease-out;-ms-animation: tobottomOld 300ms forwards ease-out;-o-animation: tobottomOld 300ms forwards ease-out;animation: tobottomOld 300ms forwards ease-out}
@-moz-keyframes forwardOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(-20%,0,0);}}
@-webkit-keyframes forwardOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(-20%,0,0);}}
@-ms-keyframes forwardOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(-20%,0,0);}}
@keyframes forwardOld{from{transform: translate3d(0,0,0);}to{transform: translate3d(-20%,0,0);}}
@-moz-keyframes forwardNew{from{-webkit-transform: translate3d(80%,0,0);}to{-webkit-transform: translate3d(0,0,0);}}
@-webkit-keyframes forwardNew{from{-webkit-transform: translate3d(80%,0,0);}to{-webkit-transform: translate3d(0,0,0);}}
@-ms-keyframes forwardNew{from{-webkit-transform: translate3d(80%,0,0);}to{-webkit-transform: translate3d(0,0,0);}}
@keyframes forwardNew{from{transform: translate3d(80%,0,0);}to{transform: translate3d(0,0,0);}}
@-moz-keyframes gobackOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(100%,0,0);}}
@-webkit-keyframes gobackOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(100%,0,0);}}
@-ms-keyframes gobackOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(100%,0,0);}}
@keyframes gobackOld{from{transform: translate3d(0,0,0);}to{transform: translate3d(100%,0,0);}}
@-moz-keyframes gobackNew{from{-webkit-transform: translate3d(-30%,0,0);opacity:.9;}to{-webkit-transform: translate3d(0,0,0);opacity:1;}}
@-webkit-keyframes gobackNew{from{-webkit-transform: translate3d(-30%,0,0);opacity:.9;}to{-webkit-transform: translate3d(0,0,0);opacity:1;}}
@-ms-keyframes gobackNew{from{-webkit-transform: translate3d(-30%,0,0);opacity:.9;}to{-webkit-transform: translate3d(0,0,0);opacity:1;}}
@keyframes gobackNew{from{transform: translate3d(-30%,0,0);opacity:.9;}to{transform: translate3d(0,0,0);opacity:1;}}
@-moz-keyframes frombottomNew{from{-webkit-transform: translate3d(0,120%,0);}to{-webkit-transform: translate3d(0,0,0);}}
@-webkit-keyframes frombottomNew{from{-webkit-transform: translate3d(0,120%,0);}to{-webkit-transform: translate3d(0,0,0);}}
@-ms-keyframes frombottomNew{from{-webkit-transform: translate3d(0,120%,0);}to{-webkit-transform: translate3d(0,0,0);}}
@keyframes frombottomNew{from{transform: translate3d(0,120%,0);}to{transform: translate3d(0,0,0);}}
@-moz-keyframes tobottomOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(0,120%,0,0);}}
@-webkit-keyframes tobottomOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(0,120%,0);}}
@-ms-keyframes tobottomOld{from{-webkit-transform: translate3d(0,0,0);}to{-webkit-transform: translate3d(0,120%,0);}}
@keyframes tobottomOld{from{transform: translate3d(0,0,0);}to{transform: translate3d(0,120%,0);}}

/*公共头部底部*/
.top-bar{background-color:#fff;height:50px;line-height:50px;color:#333;text-align:center;position:fixed;width:100%;top:0;padding-top:0;left:0;z-index:5;}
.top-bar .top-l,.top-bar .top-r{position:absolute;font-size:16px;}
.top-bar .top-l{left:10px;}
.top-bar .top-r{right:10px;}
.top-bar #title{height:50px;line-height:50px;font-weight:bold;}

.foot-menu{position:fixed;bottom:0;width:100%;height:2.7rem;background:#fff;z-index:3;display:-moz-box;display:-webkit-box;display:box;}
.foot-menu .menu-li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.foot-menu .menu-icon{width:1.5rem;height:1.5rem;margin:0 auto;margin-top: 0.1rem}
.foot-menu .menu-li.home .menu-icon{background:url('../img/button-charge.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-li.home.cur .menu-icon{background:url('../img/button-charge-click.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-li.recharge .menu-icon{background:url('../img/button-recharge.png') no-repeat center center;background-size:100% 100%;}
.foot-menu .menu-li.recharge.cur .menu-icon{background:url('../img/button-recharge-click.png') no-repeat center center;background-size:100% 100%;}
.foot-menu .menu-li.voucher .menu-icon{background:url('../img/site.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-li.voucher.cur .menu-icon{background:url('../img/site-click.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-li.rechargeRecord .menu-icon{background:url('../img/button-record.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-li.rechargeRecord.cur .menu-icon{background:url('../img/button-record-click.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-li.my .menu-icon{background:url('../img/button-my.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-li.my.cur .menu-icon{background:url('../img/button-my-click.png') no-repeat center center;background-size:85% 85%;}
.foot-menu .menu-t{font-size:0.6rem;padding-top:0.1rem;}
.foot-menu .menu-li.cur .menu-t{color:#0093dd;}
.row{background:#fff;}
.h80{height: 4rem}

.tm-opacity{position: fixed;width: 100%;height: 100%;left: 0;z-index: 4}
.opacity{width: 100%; height: 100%; position: fixed; background-color:rgba(0,0,0,0.5) ;  left: 0 ;top: 0; z-index: 4;}

/***新页面无法共用的样式写在这里****/
#content{margin: auto;background:#f5f5f5;}
.container{background:#f5f5f5;}
.content{margin: auto}
/*上下拉动加载 */
.tran{-webkit-transition: all .3s;transition: all 0.3s}
.drop-down,.Pull{line-height: 36px; font-size: 14px;text-align: center;color: #666;height: 0;-webkit-transition: all .3s;transition: all 0.3s}
.Pull,.downHe{height: 36px;}

/*home*/
.h52{height: 2.6rem}
.w25{width: 25%;}
.w33{width: 33.3%;}
.bdr_n,.bdt_n{position: relative;}
.bdr_n:after{content:" ";position: absolute;top: 0;right: 0;border-right: 1px solid #dfdfdf;display: block;width: 1px;height: 100%}
.bdt_n:before{content:" ";position: absolute;top: 0;right: 0;border-top: 1px solid #dfdfdf;display: block;width: 100%;height: 1px}
.home_circular{width: 32px;height: 32px;margin: auto;overflow: hidden;}
.position_li li{margin-bottom: 0.5rem}
.bd-blue-home{border-color: #0093dd}
.home_circular .dianqi{width: 10px;height: 16px;border: 1px solid #b7dda6;position: relative;margin-top: 2px;}
.home_circular .dianqi .tou{width: 5px;height: 3px;background-color: #b7dda6;position: absolute;top: -3px;}
.home_circular .dianqi .go_color{width: 100%;height: 0;background-color: #b7dda6;bottom: 0;position: absolute;-webkit-animation:GoColor infinite linear 1.5s;}
.home_circular .MyDianqi{border: 1px solid #3ff67d;}
.home_circular .MyDianqi .tou{width: 5px;height: 3px;background-color: #3ff67d;position: absolute;top: -3px;}
.home_circular .MyDianqi .go_color{width: 100%;height: 0;background-color: #3ff67d;bottom: 0;position: absolute;-webkit-animation:GoColor infinite linear 1.5s;}
@-webkit-keyframes GoColor{0%{height: 0px;}100%{height: 100%}}
.color_b9{color: #b9b9b9}
.bd-b9{border-color: #b9b9b9}
.bg-tu{width: 1.8rem;height: 1.8rem;}

.h5{height: 0.25rem}
.wh60{width: 3rem;height: 3rem}
.wh80{width: 4rem;height: 4rem}
.w-30{width: 1.5rem}

.free{color: #1a1a1a}
.free .bg-tu{background-size: 100% 100%;background-position:center center;background-repeat: no-repeat;}
.free_click{background-color: #0093dd;color: #fff}
.free_click .bg-tu{background-color: #fff}
.free_click .home_circular{border-color:#fff}
.free_click .color_b9{color: #fff}
.free_click .free{color: #fff}
.myimg{width: 0.5rem;height: 0.5rem;background-image: url(../img/myChong2.png);background-size:100% 100%;top: 1.25rem;right: 0.1rem}
.free_click .myimg{background-image: url(../img/myChong.png);}
.repair .bg-tu{background-image: url(../img/Grey.png);background-size: 100% 100%;background-position:center center;background-repeat: no-repeat;}
.repair {color: #b9b9b9}

.pd12-0{padding: 0.6rem 0}
.lh54{line-height: 2.7rem}
.mg018{margin: 0px 0.9rem;}
.right15{right: 0.75rem}
.w-20{width: 1rem}
.w-12{width: 0.6rem}
.mgt-1{margin-top: -0.05rem}
.mgt-2{margin-top: -0.1rem}
.w-85{width: 4.25rem}
.mgl12{margin-left: 0.6rem}
.mgt18{margin-top: 0.9rem}
.Battery .fixed{-webkit-transition: all 0.5s;-webkit-transform:translate(0,15rem);transform:translate(0,15rem);}
.Battery .Battery-top{-webkit-transform:translate(0,0);transform:translate(0,0);}
.Battery-tu{top: -80px;left: 15px;}
.w-55{width: 2.75rem}
.w-40{width: 2rem}
.number_bd{border: 2px solid #45c018;}
.shadow10{-webkit-box-shadow: 0 2px 0.3rem #d5d5d5;box-shadow: 0px 0px 10px #d5d5d5;}
.color_6c{color: #6c6c6c}
.color_a9{color: #a9a9a9}
.right5{right: 0.25rem}

.w70{width: 70%}
.subLoading .subLoadingbox{width: 80%;height: 8px;}
.subGo {-webkit-animation: subGoW 15s forwards linear;animation: subGoW 15s forwards linear;}
@-webkit-keyframes subGoW {
    0%{width: 0}
    100%{width: 100%}
}
@keyframes subGoW {
    0%{width: 0}
    100%{width: 100%}
}
.Up-upper{-webkit-animation: upper 350ms forwards ease-out;animation: upper 350ms forwards ease-out;}
@-webkit-keyframes upper {
    0%{-webkit-transform: translate3d(0px, 12rem, 0px);transform: translate3d(0px, 12rem, 0px);}
    100%{-webkit-transform: translate3d(0px, 0rem, 0px);transform: translate3d(0px, 0rem, 0px);}
}
@keyframes upper {
  	0%{-webkit-transform: translate3d(0px, 12rem, 0px);transform: translate3d(0px, 12rem, 0px);}
    100%{-webkit-transform: translate3d(0px, 0rem, 0px);transform: translate3d(0px, 0rem, 0px);}
}
.Up-down{-webkit-animation: updown 350ms forwards ease-out;animation: updown 350ms forwards ease-out;}
@-webkit-keyframes updown {
    0%{-webkit-transform: translate3d(0px, 0rem, 0px);transform: translate3d(0px, 0rem, 0px);}
    100%{-webkit-transform: translate3d(0px, 12rem, 0px);transform: translate3d(0px, 12rem, 0px);}
}
@keyframes updown {
    0%{-webkit-transform: translate3d(0px, 0rem, 0px);transform: translate3d(0px, 0rem, 0px);}
    100%{-webkit-transform: translate3d(0px, 12rem, 0px);transform: translate3d(0px, 12rem, 0px);}
}
.bg-e5{background-color: #eaeaea}
.w0{width: 0}
.w66{width: 66.6%}
.SelectTime{-webkit-transform: translate3d(0px, 12rem, 0px);transform: translate3d(0px, 12rem, 0px);}
.SelectTime.bottom0{bottom: 0}
.bottom20{bottom: 1rem}
/*chong*/
.w-16{width: 0.8rem}
.w-27{width: 1.32rem}
.chong_li{width: 4.25rem;height: 2.8rem;color:#333;font-size: 16px;float: left;margin-right: 14px;border-radius: 2px; margin-bottom: 10px;}
.chong_click{border-color: #0093dd;color: #0093dd;position: relative;}
.chong_click:before{content: '';display: block;width: 0;height: 0;border-bottom: 13px solid #0093dd;border-left: 13px solid transparent;position: absolute;right: 0;bottom: 0}
.chong_click:after{content: '';width: 5px;height: 2px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: 1px;bottom: 3px; transform: rotate(-45deg)}

/*my*/
.wy-img{width: 2.4rem;height: 2.4rem;background: url(../img/mybgs.png) no-repeat 0 -22px; }
.pdt13{padding-top: 0.65rem}
.pdb13{padding-bottom: 0.65rem}
.mgb13{margin-bottom: 0.65rem}
.w-25{width: 1.25rem}
.pdl25{padding-left: 1.25rem}
.my-tu:before {content: "";display: inline-block;width: 0.8rem;height: 0.8rem;margin-right: 1rem;vertical-align: middle;position: absolute;top: 0.65rem;}
.my-money:before{background: url(../img/wallet.png) no-repeat;background-size: 100% 100%}
.my-record:before{background: url(../img/record.png) no-repeat;background-size: 118% 118%}
.my-set:before{background: url(../img/set.png) no-repeat;background-size: 100% 100%}
.my-site:before{background: url(../img/site-click.png) no-repeat;background-size: 100% 100%}
.my-wo:before{background: url(../img/contcat.png) no-repeat;background-size: 100% 100%}
.my-opinion:before{background: url(../img/guanyu.png) no-repeat;background-size: 100% 100%}

.mybg{width: 100%;height: 9rem;background-image: url(../img/011.jpg);background-size: 100% 100%;}
.my-head{width: 3.2rem;height: 3.2rem;margin: auto;background: url(../img/headpic_def.png);background-size: 100% 100%;border-radius: 50%;margin-top: 0.5rem;}
.mybg-opacitv{width: 100%;height: 100%;background: rgba(0,0,0,0.3);padding-top: 0.75rem;}

/*电池类型*/
.w10{width: 0.5rem}
.w-166{width: 8.3rem}
.pdl12{padding-left: 0.6rem}
.mgb2{margin-bottom: 0.1rem}
.w-95{width: 4.75rem}
.w-125{width: 6.25rem}
.mgr-6{margin-right: -0.3rem}

/*意见*/
.shadow_inset{-moz-box-shadow:0px 2px 2px #d9d9d9 inset;-webkit-box-shadow:0px 2px 2px #d9d9d9 inset;box-shadow:0px 2px 2px #d9d9d9 inset;  }

/*钱包*/
.bg-money{height: 8.5rem;background: url(../img/bg.png) no-repeat ;background-size: 100% 100%}
.bottom15{bottom: 0.75rem}
.right15{right: 15px;}
.s40{font-size: 2rem}
.w-60{width: 3rem}

/*关于我们*/
.public_tu{width: 11rem;height: 10rem;}
.zy-middle{left: 50%; -moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.middle{left: 50%;top: 50%; -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.sx-middle{top: 50%; -moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.w-160{width: 8rem}
.w-90{width: 4.5rem}

.scorein{-moz-animation: scorein 0.5s 0.3s forwards ease-out;-webkit-animation: scorein 0.5s  0.3s forwards ease-out;-ms-animation: scorein 0.5s  0.3s forwards ease-out;-o-animation: scorein 0.5s  0.3s forwards ease-out;animation: scorein 0.5s 0.3s forwards ease-out; opacity: 0;transform-origin: 0 0;}
.singbox-in{-moz-animation: singboxin .5s forwards ease-out;-webkit-animation: singboxin .5s forwards ease-out;-ms-animation: singboxin .5s forwards ease-out;-o-animation: singboxin .5s forwards ease-out;animation: singboxin 0.5s forwards ease-out;-webkit-transform-origin:0 0}
.singbox-out{-moz-animation: singboxout .3s forwards ease-out;-webkit-animation: singboxout .3s forwards ease-out;-ms-animation: singboxout .3s forwards ease-out;-o-animation: singboxout .3s forwards ease-out;animation: singboxout .3s forwards ease-out;-webkit-transform-origin:0 0;transform-origin:0 0}
.my_time{animation: mytime 0.5s 0.5s forwards ease;} 
@-webkit-keyframes mytime{
    0% {transform: translate(0px,0px);}
    100%{transform: translate(0px,-37px);}
}

.upgrade-in{-webkit-animation: upgradein 0.5s forwards ease-out;animation: upgradein 0.5s forwards ease-out;}
.upgrade-out{-webkit-animation:upgradeout 0.5s forwards ease-out;animation:upgradeout 0.5s forwards ease-out;}
@-webkit-keyframes singboxin{
    0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3) translate(-50%,-50%); transform:scale3d(.3, .3, .3) translate(-50%,-50%);}
    60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03) translate(-50%,-50%); transform: scale3d(1.03, 1.03, 1.03) translate(-50%,-50%);}
    80%{opacity: 1;-webkit-transform: scale3d(.97, .97, .97) translate(-50%,-50%); transform: scale3d(.97, .97, .97) translate(-50%,-50%);}
    100%{opacity:1;-webkit-transform: scale3d(1, 1, 1) translate(-50%,-50%); transform: scale3d(1, 1, 1) translate(-50%,-50%);}
}
@-webkit-keyframes singboxout{
    0% {opacity: 1;-webkit-transform: scale3d(1, 1, 1) translate(-50%,-50%); transform: scale3d(1, 1, 1) translate(-50%,-50%);}
    100%{opacity:0;-webkit-transform: scale3d(.3, .3, .3) translate(-50%,-50%);transform:scale3d(.3, .3, .3) translate(-50%,-50%);}
}
@-webkit-keyframes scorein{
    0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3) translate(-50%,-50%); transform: scale3d(.3, .3, .3) translate(-50%,-50%);}
    60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03) translate(-50%,-50%); transform: scale3d(1.03, 1.03, 1.03) translate(-50%,-50%);}
    80%{opacity: 1;-webkit-transform: scale3d(.97, .97, .97) translate(-50%,-50%); transform: scale3d(.97, .97, .97) translate(-50%,-50%);}
    100%{opacity:1;-webkit-transform: scale3d(1, 1, 1) translate(-50%,-50%); transform: scale3d(1, 1, 1) translate(-50%,-50%);}
}
@-webkit-keyframes upgradein {
    0%{opacity: 0; -webkit-transform:translate(-50%,-100px);}
    100%{opacity: 1; -webkit-transform:translate(-50%,0px);}
}
@-webkit-keyframes upgradeout {
    0%{opacity: 1; -webkit-transform:translate(-50%,0px);}
    100%{opacity: 0; -webkit-transform:translate(-50%,-100px);}
}

/*登录*/
.w-70{width: 3.5rem}
.pdt14{padding-top: 0.7rem} 
.login_d{-webkit-animation: login_d ease-out 0.4s forwards;height: 0}
@-webkit-keyframes login_d{
  0%{opacity: 0;-webkit-transform:translate(0px,8px);}
  70%{opacity: 1;}  
  100%{opacity: 1;-webkit-transform:translate(0px,0px);}
}
.top8 {top: 0.4rem;}
.bgpred2 {background-color: #414251;}
.mgb20 { margin-bottom: 1rem;}
.mgt25 {margin-top: 1.25rem;}

.top-15 {top: -0.75rem;}



/*充电记录*/
#wrapper {position: relative;width: 100%;height: 300px;overflow: hidden;}
#scroller {width: 100%;position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}

/*充电记录*/
.em4{float: left;margin-right: 0.7rem;overflow: hidden;text-align: center;width: 4.5em;}
.em-2{letter-spacing: 2em; margin-right: -2em;}
.em-3{letter-spacing: 0.5em;margin-right: -0.5em;}


/*站点导航*/
.wh30{width: 1.5rem;height: 1.5rem}
.w-15{width: 0.75rem}
.triangle-down {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 8px solid #000;position: relative;top: 12px;left: 2px;}
.lh30{line-height: 1.5rem}
.amap-logo {
    right: 0 !important;
    left: auto !important;
    display: none;
}

.amap-copyright {
    right: 70px !important;
    left: auto !important;
}  
.amap-geolocation-con{bottom: 80px!important;}
.amap-copyright { display: none!important;}
.amap-zoomcontrol{display: none;}
#panel {position: fixed;background-color: white;max-height: 90%;overflow-y: auto;top: 10px;right: 10px;width: 280px;}
.amap-marker-label{
	border:none;
	border-radius: 4px;
	padding: 10px;
	display: none;
	-webkit-box-shadow: 0px 0px 10px #d5d5d5;
    box-shadow: 0px 0px 10px #d5d5d5;
}
.amap-marker-label .kuan{width: 180px;position: relative;}
.amap-marker-label .kuan .s14{font-size: 14px;}
.amap-marker-label .kuan .s12{font-size: 12px;}
.amap-marker-label .kuan .mgt5{margin-top: 5px;}
.amap-marker-label .kuan .mgr10{margin-right: 10px;}
.amap-icon img{width: 25px;}
.amap-marker-content div{background-size: 100% 100%;}
.text-hide{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.white-dian{width: 10px;height: 10px;background-color: #fff;transform: rotate(45deg);position: absolute;left: 50%;bottom: -15px;margin-left: -5px;}
.btn-shut{width: 20px;height: 20px;position: absolute;right: 0px;top: -5px;background-image: url(../img/shut.png);background-size: 100% 100%;}
.color_c1{color: #C1C1C1}

.navigation{position: fixed;bottom: 0;width: 100%;z-index: 10;-webkit-transform:translate(0,500px)}
.Botton-Upward{-webkit-animation:Botton-Upward 400ms ease-out forwards;}
.navigation .navigationBox{background: rgba(255,255,255,0.9);}
.Botton-down{-webkit-animation:Botton-down 500ms ease-out forwards;}
.pdl50{padding-left: 2.5rem;}
@-webkit-keyframes Botton-Upward{
    0%{-webkit-transform:translate(0,500px)}

    100%{-webkit-transform:translate(0,0px)}
}
@-webkit-keyframes Botton-down{
    0%{-webkit-transform:translate(0,0px)}

    100%{-webkit-transform:translate(0,500px)}
}

/*站点详情*/
.w-35{width: 1.75rem}
.h150{height: 7.5rem;}
.w-90{width: 4.5rem}
.h65{height: 3.25rem}
#dian-state {
	position: relative;
	z-index: 1;
	height: 102px;
	width: 100%;
	overflow: hidden;
	-ms-touch-action: none;
}
#dian-stateUl {
	position: absolute;
	z-index: 1;
	width: 500px;
	height: 102px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}