*{margin: 0;padding: 0;border: 0;}
html,body{height: 100%;max-width: 750px;margin:auto;}
/*.pageshadow{max-width: 750px;position: fixed;}*/
.pageshadow{top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: fixed;z-index: 100;display: none;}
.page{width: 100%;height: 100%;background: #fff;display: flex;flex-direction: column;}
.page .ptitle{position: relative;height:0.9rem;border-bottom:0.01rem solid #eee;}
.page .ptitle p{font-size: 0.34rem;color: #333;text-align: center;line-height: 0.9rem;}
.page .ptitle .close{position: absolute;right: 0.25rem;top: 0.25rem;width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;}
.close:before{content: "";display: block;width: 0.04rem;height: 0.4rem;background: #999;border-radius: 0.1rem;transform: rotate(45deg);position: absolute;}
.close:after{content: "";display: block;width: 0.04rem;height: 0.4rem;background: #999;border-radius: 0.1rem;transform: rotate(-45deg);position: absolute;}
.psearch{position: relative;margin:0.25rem;display: flex;flex: none;}
.psearch input{width: 100%;height: 0.8rem;box-sizing: border-box;padding:0 0.2rem;border-radius: 0.5rem;background: #eee;outline: none;font-size:0.26rem;}
.psearch .searchbtn{position: absolute;width: 0.4rem;height: 0.4rem;top: 0.2rem;right: 0.3rem;}
.psearch .searchbtn:before{position: absolute;content: "";width: 0.35rem;height: 0.35rem;border:0.02rem solid #999;box-sizing: border-box;top: 0;left: 0;border-radius: 50%;}
.psearch .searchbtn:after{position: absolute;content: "";width: 0.05rem;height: 0.15rem;background:#999;border-left:0.03rem solid #eee;bottom: 0.0rem;right: 0.05rem;transform: rotate(-45deg);}
.pcont{flex: auto;display: flex;flex-wrap: wrap;justify-content: space-around;overflow: auto;padding:0.25rem;align-content: flex-start;}
.pcont li{height: 0.9rem;display: flex;align-items: center;justify-content: center;position: relative;box-sizing: border-box;font-size: 0.28rem;color: #555;width: 3.2rem;margin-bottom: 0.2rem;border:0.01rem solid #eee;}
.pcont li.active{border:0.01rem solid #f90;color: #f90;}
.pcont li.active:before{content:"";position: absolute;right: 0;bottom: 0;width: 0;height: 0;border-right:0.3rem solid #f90;border-bottom: 0.25rem solid #f90;border-top: 0.25rem solid transparent;border-left:0.3rem solid transparent;}
.pcont li.active:after{content: "";color: #fff;width: 0.12rem;height: 0.2rem;position: absolute;bottom: 0.1rem;right: 0.1rem;border-bottom:0.02rem solid #fff;border-right:0.02rem solid #fff;transform: rotate(45deg);}
.exchange{width: 1.1rem;height: 1.1rem;background: #fff;box-shadow:0 0.02rem 0.05rem #fdb;font-size: 0.2rem;color: #f90;border-radius: 50%;align-self: flex-end;margin-right: 0.25rem;display: flex;justify-content: center;flex-direction: column;align-items: center;flex: none;}
.exchange .refresh{border:0.03rem solid #f90;border-radius: 50%;width: 0.35rem;height: 0.35rem;box-sizing: border-box;position: relative;}
.exchange .refresh:before{width:0.03rem;height: 0.13rem;border-bottom: 0.04rem solid #fff;content: "";position: absolute;right:-0.03rem;top: 0;background: #f90;}
.okbtn{margin:0.25rem;font-size: 0.28rem;color: #fff;background: #f90;border-radius: 0.05rem;height: 0.9rem;line-height: 0.9rem;text-align: center;}