/*css reset*/
*{-webkit-tap-highlight-color:rgba(255,0,0,0);}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:16px/1.5 'Helvetica Neue','Helvetica','STHeiTi','sans-serif';  color:#333;background:#fff;-webkit-text-size-adjust: none; min-width:320px;min-height:100vh;}
body.white{background-color: #fff;font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}
body.grayWhite{background-color: #f7f7f7;font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}
/*html,body{height: 100%;}*/
h1,h2,h3,h4,h5,h6{font-size:100%}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;color:#169BD5;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:active{color:#aaa;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
table { border-collapse:collapse; border-spacing:0}
.fl{float:left;}.fr{float:right;}.hide{display:none;}.show{display: block;}
.ellipsis { white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.break { word-break:break-all; word-wrap:break-word}
header, footer, article, section, nav, menu, hgroup {display: block;clear:all;}

.hidden{display: none;}

/*箭头*/
.arrow-right{display: inline-block;width:.2rem;height: .2rem; border-right: .04rem solid; border-bottom: .04rem solid;width: .20rem; height: .20rem;transform: rotate(-45deg);}  
.arrow-left{display: inline-block;width:.2rem;height: .2rem;border-left: .04rem solid; border-bottom: .04rem solid;width: .20rem; height: .20rem;  transform: rotate(45deg);} 

/*布局*/
.flex_column{ display: -webkit-flex;-webkit-flex-direction:column;}


/*banner*/
/*.banner {height:3.47rem;}*/
.banner a{display: block;}
.banner a img {width: 100%;vertical-align: bottom;pointer-events: none;}

/*首页列表*/
.list{background-color: #fff;}
.list .item {box-sizing: border-box;margin-left: 1%;border-bottom: 1px solid #ddd;color: #333;width: 99%;font-size: .32rem;padding: .17rem 0rem .25rem .05rem;min-height: .55rem;vertical-align: middle;text-align: left;overflow: inherit;display: -webkit-box;display: -webkit-flex;-webkit-box-align: center;}
.list .item .item_ico {position: relative;margin-right:.15rem;line-height:.2rem;}
.list .item .item_ico img {height:.52rem;position: relative;top: .3rem;[;top:.1rem;] margin-top: -.26rem;}
.list .item .item_con {-webkit-box-flex: 1;-webkit-flex: 1;min-width: 1rem;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 0.01875rem;}
.list .item .item_con .title{color: #000000;line-height: .7rem;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list .item .item_con .title .hot{width: auto;display: inline-block;border-radius: .05rem;font-size: .23rem;background-color: #e6343d;color: #fff;margin-left: .16rem;padding: .06rem .1rem;padding-top: -.1rem;margin-top: .13rem;border: 1px solid #e6343d;position: absolute;line-height: .2rem;}
.list .item .item_con .title .hot:before{content: "";font-size: 0;width: 0;height: 0;border: .2rem solid transparent;border-bottom: .12rem solid #e6343d;position: absolute;bottom: -.02rem;left: -.15rem;}
.list .item .item_con .tips{color: #888888;font-size: .29rem;line-height: .29rem;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list .item .arrow{margin-left: .08rem;margin-right: .28rem;width: .24rem;}
.list .item .arrow .arrow_right{display: block;width: .24rem;height: .24rem;overflow: hidden;position: relative;top:.45rem;}
.list .item .arrow .arrow_right:before{content: "";display: block;width: .12rem;height: .12rem;margin-left: 0;border: .02rem solid #cccccc;border-top: 0 none;border-left: 0 none;transform: rotate(315deg);margin-top: .02rem}

/*首页格子列表*/
.tab{font-size: 0px;background-color: #fff;}
.tab .item{position:relative; display: inline-block;width:calc(50% - 1px);height: 2.0rem;font-size: .12rem; overflow: hidden;text-align: center;border-bottom: 1px solid #cecece;}
.tab .item:nth-child(2n+1){border-right: 1px solid #cecece;}
.tab .item .item_ico{padding:.25rem 0 .25rem 0;}
.tab .item .item_ico img{height: .56rem;vertical-align: middle;}
.tab .item .item_con .title{font-size: .32rem;color:#000;font-family: "黑体"}
.tab .item .item_con .title .hot{position: absolute;color: #fff;font-family: "微软雅黑";top:.08rem;right:.16rem;padding: .05rem .24rem;font-size: .18rem;background-color: #F35A5C;border-radius: .60rem;}
.tab .item .item_con .title .hot:after{content: "";width:.18rem;height: .09rem;background:url(../images/other/hot_jb.png) no-repeat; background-size: 100%;position: absolute;bottom: -.09rem;left:.16rem;}
.tab .item .item_con .tips{width:100%; color:#999999;font-size: .24rem;height: .40rem;margin-top:.05rem;overflow: hidden;}

/*首页底部*/
.footer{text-align: center;margin-top:.38rem;padding-bottom: .15rem;}
.problem{font-size: .3rem;color:#3399ff;}

/*首页广告弹层*/
.adWindow{display: none; position: fixed;width:100%;height: 100%; top:0px;left:0px;background-color: rgba(0,0,0,.65);z-index: 20000;}
.adWindow .adImg{width:5.30rem;height: 5.30rem;position: absolute;left:50%;top:50%;margin-left:-2.65rem;margin-top: -3.30rem;}
.adWindow .adImg a{display: block;}
.adWindow .adImg img{width: 100%;border-radius: .20rem;}
.adWindow .close{width:.70rem;height: 1.24rem;background: url(../images/other/adclose.png) no-repeat;background-size: 100%;position: absolute;bottom:-1.24rem;left:50%;margin-left:-.35rem;}


/*搜索*/
.search{display: -webkit-box;display: -webkit-flex;position: relative;padding: .14rem .16rem;border-bottom: 1px solid #ddd;background-color: #f7f7f7;}
.search:before{box-sizing: border-box;border-top: 1px solid rgba(0,0,0,.12);top: 0;left: 0;content: " ";position: absolute;width: 200%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;height: 1px;}
.search .search-input{width: 100%;height: .56rem;line-height: .56rem;background-color: #fff;overflow: hidden;-webkit-box-align: center;-webkit-align-items: center;-webkit-box-flex: 1;-webkit-flex: 1;border-radius: .1rem;-webkit-background-clip: padding-box;position: relative;border: 1px solid #ddd;display: -webkit-box; display: -webkit-flex;}
.search .search-input .icon{fill: currentColor;background-size: cover;display: inline-block;width: .28rem;height: .28rem;overflow: hidden;vertical-align: .04rem; margin-left: .2rem;}
.search .search-input .icon:before{content: '';display: block;width: 100%;height: 100%;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACTElEQVR4AbWWA68lQRCF14o3XttWnGy8tm0Ea9u2betybdv289+471RSlVTmjpHkZNRVX3ehe0p0mzzdUqlUqn48Hp+aSCRiuL7C9X8ymfwC3YV2QJ0vXLhQUds4yfTllStX6sL5EajISZjIR1yHAVzaFxDGg6E87ZRWBMc7oUV4XovrSVz/GOAxQCt7AsLRbOWgANqQTqdrmhleu3atPMb3xpgXamLPkYaqroAY3FfB3gPUyk2IsKpysN2kbG/Y5VVgNaggBCaz9CIOt0BX2QIxYJeEEfA2XmGkTCZTCrZn2E+eVSpkdYU8cKMfmKG689nXBlMgQjFeJb1GECBHa5+0C1ZdMguownAnKIzroZcsIBaLNc8C4sNTHYKgunHjRnUBIo9dzYB/OJyzwgBSf6pdaEzkwPv371dQNTHOLIdPpEJDymEN1Y99zKpUiuZ+GECCqBw2NgvpWDWj2iEAD7Kvb6ZtgSRXk8ZHOLYGgdH5yZs+AVfabW3bZWuDUQc/MDoPYX9BbW11LIG8yr88+BP1ko9QLlfVucRqnDboqXL5CUbt3bYB/W4YDuOLVkeUMQdTlVEhtI3yYlH+lfB9AK6vNUzpHE3GDqgP4hyD8SNoH76twHUzOcP9P8O/zXo+LV6q96dp53H8iaKzDA73s5GTTgPWWmyxYdeik0J9P/HmzZuytkBtDIPJtCLoMfQLeg2Hlyn8tCKLCTfGuO8KeoSgAoxEmFQ7qXzWQeS0TGRAjlBHgHIVdFekQG63buoXZmTkQK78IQjxPLovBjXbMdLbs0vLAAAAAElFTkSuQmCC) no-repeat;background-size: auto 100%;-webkit-background-size: auto 100%;}
.search .search-input input{display: block;text-align: left;-webkit-appearance: none;padding: 0 0 0 .2rem;height: .56rem;border: 0;font-size: .3rem;-webkit-box-flex: 1;-webkit-flex: 1;box-sizing: border-box;}
.search .search-input .placeholder{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;color: #a5a5a5;font-size: .3rem;text-align: center;pointer-events: none;}
.search a.reset{display: none; font-size: .3rem;line-height: 2;padding-left: .16rem;color: #108ee9;[;position: relative;top: -.2rem;]}
.search .search-clear{width: .52rem;display: none;}
.search .search-clear .icon-clear{fill: currentColor;background-size: cover;overflow: hidden;display: block;width: .34rem;height: .34rem;}
.search .search-clear .icon-clear:before{content: "";background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAABA9JREFUWAnNmTtMFEEcxrnl0CNROy0oNJcYjRKJvCpILOw0ORNqowkUWmqBHRRQoRUlhSYaaxMu0Z7krATOaMBoNAQKGjo04RS48/s2M5PZvZnd2VvYY5O7mfm/5jfvub1cR4pneXn5Ri6XKzUajesI08MPykw7INtG4n8gW0e5PDQ09JW6Vp5cUicBN46K78G3mNB/A9CL8H2VFNoZFIAXATWLiu6jIi8hYMAcMeqI8RbCKQBvBZSWQizo2traqb29vRkEf4Lgpy1xWhXX4Djf3d093dvb+y8qSCTo6urq+Xq9/g4BRqOCHIGu4nne2MDAwI4tlhV0ZWWlD05l9OIlm/NRyjFim4hXGhwc/GKKawQVkB8BecbkdFwywP5B7BETbBMohxuAn7LqyXCj2bP4DIenQWD1cuFwTrYLktCsmwxk0RsRAK3VarNQHvfC0eu35Ue50+hKNfRin/wOZUE3aGOeW9dVuc/qPcrePCmQ7B+ykMl//B4Vx+JnzA8dXNq0LcWi4gl2k8etDwYBz25nSNgvgf4yNukLyC+4tIR2tKef8I91IxNsx2mY5xcEvGA4P7CfQCt/CYfH2Hd3IZu0BUBlL7A3PhP6HYzgBPI/bfa6XLA99cTmXtSVcXn0zK5uQwjC6DKZD0H64q6urt9S75AWyciuLTkYB0zQSjXJpcIEa4Kk/cHBwYz0c0nJ6GFzveZirNsA9BFa+VyXMa/D2iDpR/+wb1SZjFxA/o08ytCkQ2WTNtjOzs672pxU7gLSOpeVYXOmJ4eJzU3+SrPOTWLrubB3CkiG+sE52lKPShBbz0o905SQHWR03jv1isN5wlar1TthOcuUU2/SJZF5CMJfiqkeDn9/f/8HUxDKqTfpXGVkZI+mAiWEaeHoEPpuoMsT5NOB2iBN0yAl7DYOGe9bgpYpUxskF87h4eF7pspYZFqFRV3rnKPlcMC4MhwXTMOtr24uoAhYp4uM5CCjhwr5q29DCl1SgE6F7XRIqbPB5vP5aWnjkG7o17xFBwdlgiPtnCogY4KUehPs/v7+WamPS9EpPltLF2c4LwFggrcopLP4xJ7dnC4cCTYS6Uv43HKAVBdnH5QOOEpfI3kQ55yx/g2G/SHr1E+mKbT0b8YgUdXxx51aCwoU5FtQzEd5ZqybF0x+tQqUpUKhwBZUfE17vyp8w6cjBED56g8LZAxTYFM3yjLPuskQfg0ZACWQeOdTggNfWGX6iDpL4fdOhGgCpVAcAiNZ9qyoy/gmzwoqYeE8jHwWc7bCukQHsfqmx9ij0opDgEl9G+U5BDqOrYtb0BzrMA235GCqNnxdaMrjQDjZfzaEoQHM/5ZO7t83YWCWcRnpA3RJvBvgj0TjH2K88+JsL0fNQVN8XfYfVxTsVBBtG/UAAAAASUVORK5CYII=) no-repeat;display: block;background-size: .32rem auto;width: 100%;height: 100%;}


/*产品列表*/
.productList .item{display: block;padding: 0;}
.productList .item .item-header{display: block;font-size: .28rem;color: #888;margin-top: 3px;padding: .1rem .3rem;}
.productList .item .item-body{background-color:#fff;}
.productList .item .item-body .item-con{color: #000;font-size: .34rem;line-height: 1.4;padding: .2rem .0rem;margin:0 .3rem;border-bottom: 1px solid #f5f5f6; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.productList .item .item-body .item-con:last-child{border-bottom: none;}
.productList .item .item-body .item-con .prodInfo{display: inline-block;margin-left: .3rem;position:relative;color:#939393;font-size: .3rem;}

/*产品列表首字母*/
.nav{position: fixed;top: 2.75rem;right: 0;z-index: 999;}
.fix-nav{top: 1.15rem;}
.nav .nav_btns{display: block;width: .4rem;color: #000;font-size: .24rem;line-height: 1.6;text-align: center;padding-left: .12rem;padding-right: .12rem;}
/*

/*充值页面头部*/
.titleBar{-webkit-box-flex: 0;flex: 0 0 auto;height: .9rem;-webkit-box-orient: horizontal;flex-flow: row nowrap;-webkit-box-align: center;display: flex;-webkit-box-direction: normal;-webkit-box-pack: start;justify-content: flex-start;}
.titleBar .list-body{}
.titleBar .title_whole{width: 100%;height: .9rem;}
.titleBar .title_left, .titleBar .title_right{height: .9rem;line-height: .9rem;}
.titleBar .title_left{float: left;padding-left: .3rem;color: #333;font-size: .32rem;}
.titleBar .title_right{float: right;padding-right: .28rem;}
.titleBar a{-webkit-box-flex: 5;-webkit-flex: 5;-ms-flex: 5;flex: 5;font-size: .28rem;color: #108ee9;}

/*充值输入框*/
.inputBox{background-color: #fff;border-bottom: 1px solid #DEDFE0;}
/*.inputBox .input_Item{width: 100%;height: .90rem;line-height: .90rem;font-size: 0.3rem;border-top: 1px solid #DEDFE0;overflow: hidden;position: relative;}*/
.inputBox .input_Item{width: 100%;height: .90rem;line-height: .90rem;font-size: 0.3rem;border-top: 1px solid #f5f5f6;position: relative;}
.inputBox .space-border-Left{width: calc(100% - .2rem);margin-left:.2rem;}
.inputBox .input_Item:nth-child(1){border: none;}
.inputBox .input_Item .line{padding-left: .3rem;}
.inputBox .input_Item .line a{color: #14b0f4;    font-size: .26rem}
.inputBox .input_Item .title{width:2rem;display:inline-block;vertical-align: top;text-align: left;color:#333333;text-indent: .3rem;}
.inputBox .space-border-Left .title{margin-left:-.2rem;}
.inputBox .input_Item .input{width:4rem;display:inline-block;height: 100%;position: relative;}
.inputBox .input_Item .input input{display: block;text-align: left;padding: 0;border: none;width: 4rem;height: 100%;}
.inputBox .input_Item .input .select{width:100%;height: 100%;background: none; border: none;appearance:none;-webkit-appearance:none;direction: rtl;padding-right: .7rem;font-size: .3rem;color: #333333;}
/*.inputBox .input_Item .input .select option{font-size: .25rem}*/
.inputBox .input_Item .input .arrow-right{position: absolute;top:.37rem;right:.3rem;border-color: #888;}
.inputBox .input_Item .clearImg{display:none;width: .6rem; margin: 0 .3rem;height: .9rem;position: absolute;top:0;right:.2rem;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAABA9JREFUWAnNmTtMFEEcxrnl0CNROy0oNJcYjRKJvCpILOw0ORNqowkUWmqBHRRQoRUlhSYaaxMu0Z7krATOaMBoNAQKGjo04RS48/s2M5PZvZnd2VvYY5O7mfm/5jfvub1cR4pneXn5Ri6XKzUajesI08MPykw7INtG4n8gW0e5PDQ09JW6Vp5cUicBN46K78G3mNB/A9CL8H2VFNoZFIAXATWLiu6jIi8hYMAcMeqI8RbCKQBvBZSWQizo2traqb29vRkEf4Lgpy1xWhXX4Djf3d093dvb+y8qSCTo6urq+Xq9/g4BRqOCHIGu4nne2MDAwI4tlhV0ZWWlD05l9OIlm/NRyjFim4hXGhwc/GKKawQVkB8BecbkdFwywP5B7BETbBMohxuAn7LqyXCj2bP4DIenQWD1cuFwTrYLktCsmwxk0RsRAK3VarNQHvfC0eu35Ue50+hKNfRin/wOZUE3aGOeW9dVuc/qPcrePCmQ7B+ykMl//B4Vx+JnzA8dXNq0LcWi4gl2k8etDwYBz25nSNgvgf4yNukLyC+4tIR2tKef8I91IxNsx2mY5xcEvGA4P7CfQCt/CYfH2Hd3IZu0BUBlL7A3PhP6HYzgBPI/bfa6XLA99cTmXtSVcXn0zK5uQwjC6DKZD0H64q6urt9S75AWyciuLTkYB0zQSjXJpcIEa4Kk/cHBwYz0c0nJ6GFzveZirNsA9BFa+VyXMa/D2iDpR/+wb1SZjFxA/o08ytCkQ2WTNtjOzs672pxU7gLSOpeVYXOmJ4eJzU3+SrPOTWLrubB3CkiG+sE52lKPShBbz0o905SQHWR03jv1isN5wlar1TthOcuUU2/SJZF5CMJfiqkeDn9/f/8HUxDKqTfpXGVkZI+mAiWEaeHoEPpuoMsT5NOB2iBN0yAl7DYOGe9bgpYpUxskF87h4eF7pspYZFqFRV3rnKPlcMC4MhwXTMOtr24uoAhYp4uM5CCjhwr5q29DCl1SgE6F7XRIqbPB5vP5aWnjkG7o17xFBwdlgiPtnCogY4KUehPs/v7+WamPS9EpPltLF2c4LwFggrcopLP4xJ7dnC4cCTYS6Uv43HKAVBdnH5QOOEpfI3kQ55yx/g2G/SHr1E+mKbT0b8YgUdXxx51aCwoU5FtQzEd5ZqybF0x+tQqUpUKhwBZUfE17vyp8w6cjBED56g8LZAxTYFM3yjLPuskQfg0ZACWQeOdTggNfWGX6iDpL4fdOhGgCpVAcAiNZ9qyoy/gmzwoqYeE8jHwWc7bCukQHsfqmx9ij0opDgEl9G+U5BDqOrYtb0BzrMA235GCqNnxdaMrjQDjZfzaEoQHM/5ZO7t83YWCWcRnpA3RJvBvgj0TjH2K88+JsL0fNQVN8XfYfVxTsVBBtG/UAAAAASUVORK5CYII=") no-repeat center; background-size: .32rem .32rem; }
.inputBox .input_Item .msgType{font-size: .12rem;position: absolute;bottom:.01rem;line-height:normal;height: auto;}
.inputBox .input_Item .msgType0{color: #ddd;}
.inputBox .input_Item .msgType1{color: red;}
.inputBox .input_Item .clearBtn{position: absolute;top:.30rem;right: .25rem;display: none;}
.inputBox .input_Item .icon-clear{fill: currentColor;background-size: cover;overflow: hidden;display: block;width: .30rem;height: .30rem;}
.inputBox .input_Item .icon-clear:before{content: "";background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAABA9JREFUWAnNmTtMFEEcxrnl0CNROy0oNJcYjRKJvCpILOw0ORNqowkUWmqBHRRQoRUlhSYaaxMu0Z7krATOaMBoNAQKGjo04RS48/s2M5PZvZnd2VvYY5O7mfm/5jfvub1cR4pneXn5Ri6XKzUajesI08MPykw7INtG4n8gW0e5PDQ09JW6Vp5cUicBN46K78G3mNB/A9CL8H2VFNoZFIAXATWLiu6jIi8hYMAcMeqI8RbCKQBvBZSWQizo2traqb29vRkEf4Lgpy1xWhXX4Djf3d093dvb+y8qSCTo6urq+Xq9/g4BRqOCHIGu4nne2MDAwI4tlhV0ZWWlD05l9OIlm/NRyjFim4hXGhwc/GKKawQVkB8BecbkdFwywP5B7BETbBMohxuAn7LqyXCj2bP4DIenQWD1cuFwTrYLktCsmwxk0RsRAK3VarNQHvfC0eu35Ue50+hKNfRin/wOZUE3aGOeW9dVuc/qPcrePCmQ7B+ykMl//B4Vx+JnzA8dXNq0LcWi4gl2k8etDwYBz25nSNgvgf4yNukLyC+4tIR2tKef8I91IxNsx2mY5xcEvGA4P7CfQCt/CYfH2Hd3IZu0BUBlL7A3PhP6HYzgBPI/bfa6XLA99cTmXtSVcXn0zK5uQwjC6DKZD0H64q6urt9S75AWyciuLTkYB0zQSjXJpcIEa4Kk/cHBwYz0c0nJ6GFzveZirNsA9BFa+VyXMa/D2iDpR/+wb1SZjFxA/o08ytCkQ2WTNtjOzs672pxU7gLSOpeVYXOmJ4eJzU3+SrPOTWLrubB3CkiG+sE52lKPShBbz0o905SQHWR03jv1isN5wlar1TthOcuUU2/SJZF5CMJfiqkeDn9/f/8HUxDKqTfpXGVkZI+mAiWEaeHoEPpuoMsT5NOB2iBN0yAl7DYOGe9bgpYpUxskF87h4eF7pspYZFqFRV3rnKPlcMC4MhwXTMOtr24uoAhYp4uM5CCjhwr5q29DCl1SgE6F7XRIqbPB5vP5aWnjkG7o17xFBwdlgiPtnCogY4KUehPs/v7+WamPS9EpPltLF2c4LwFggrcopLP4xJ7dnC4cCTYS6Uv43HKAVBdnH5QOOEpfI3kQ55yx/g2G/SHr1E+mKbT0b8YgUdXxx51aCwoU5FtQzEd5ZqybF0x+tQqUpUKhwBZUfE17vyp8w6cjBED56g8LZAxTYFM3yjLPuskQfg0ZACWQeOdTggNfWGX6iDpL4fdOhGgCpVAcAiNZ9qyoy/gmzwoqYeE8jHwWc7bCukQHsfqmx9ij0opDgEl9G+U5BDqOrYtb0BzrMA235GCqNnxdaMrjQDjZfzaEoQHM/5ZO7t83YWCWcRnpA3RJvBvgj0TjH2K88+JsL0fNQVN8XfYfVxTsVBBtG/UAAAAASUVORK5CYII=) no-repeat;display: block;background-size: .30rem auto;width: 100%;height: 100%;}

/*历史账号*/
.inputBox .input_Item .historyList{width:100%;position: absolute;background-color: #fff;border-bottom: 1px solid #ddd;text-indent: .3rem;display: none;z-index: 100;border-top: 1px solid #ddd;}
.inputBox .input_Item .historyList ul li{height: .88rem;line-height: .88rem;border-bottom: 1px solid #ddd;}
.inputBox .input_Item .historyList .clearHistoryBtn{font-family: "微软雅黑";text-align: center;display: block;height: .88rem;line-height: .88rem;}
/*
.inputBox .inputClass .input_Item .input-autoclear{position: relative;top: -.04rem;padding: .05rem .17rem;display: -webkit-flex;height: .63rem;}
.inputBox .inputClass .input_Item .input-autoclear:before{content: " ";position: absolute;width: 200%;height: 200%;top: 0;left: 0;transform: scale(.5);transform-origin: 0 0;box-sizing: border-box;border-top: .01rem solid rgba(0, 0, 0, .12);}
.inputBox .inputClass .input_Item .input-autoclear .input{position: relative;width: 100%;height: 0.53rem;line-height: 0.53rem;overflow: hidden;display: -webkit-box; display: -webkit-flex;-webkit-box-align: center;-webkit-box-flex: 1;-webkit-flex: 1;-webkit-background-clip: padding-box;margin-top: .46rem;}
.inputBox .inputClass .input_Item .input-autoclear .input input{display: block;text-align: left;-webkit-appearance: none;padding: 0;height: .53rem;line-height: .53rem;border: none;font-size: 0.43rem;max-width: 90%;-webkit-box-flex: 1;-webkit-flex: 1;box-sizing: border-box;}
*/

/*间隔*/
.jiange{background-color: #f2f2f2;width:100%;height: .2rem;}


/*支付页面，面板*/
.panel{background-color: #fff;width:calc(100% - .6rem);padding: .3rem .3rem .01rem .3rem;}
.panel .layer{margin-bottom:.3rem;clear: both;overflow: hidden;font-size: .3rem;font-family: "微软雅黑";}
.panel .title{color: #999999;font-size: .3rem;margin-bottom: .23rem;}
.panel .btn{display: inline-block;color:#fff;font-size: .34rem;text-align: center;border-radius: .08rem;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4fd4ff',endColorStr='#06aefa',gradientType='1');
    background: -moz-linear-gradient(left, #4fd4ff, #06aefa);
    background: -o-linear-gradient(left,#4fd4ff, #06aefa);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4fd4ff), to(#06aefa));
}



/*充值面额选择*/
.itemList{display: block;text-align: center;padding: 0rem .0rem .0rem .0rem;margin-left: -.11rem;}
.itemList .goods{position: relative;float: left;-webkit-box-sizing: content-box;box-sizing: border-box; color: #888;border: 1px solid #DEDFE0;border-radius: .08rem;width: 2.05rem;margin: .3rem .12rem;margin-top:0;height: .9rem; }
.charge-type  .goods{width: auto;min-width: 2.05rem;padding: 0 .2rem}
.itemList .goods .text_center{padding:.20rem 0;height: .4rem;   overflow: hidden;}
.itemList .goods .text_center .name{font-size: .34rem;display: block;}
.itemList .goods .text_center .old_style{font-size: .24rem;z-index: 200;display: block;}
.itemList .goods .text_center .goodFlag{display: inline-block;position:absolute;font-size: .24rem;background-color: #f96167;color:#fff;top:-.135rem;right:-.1rem;padding:0 .15rem;border-radius: .2rem;}
/*.itemList .goods .text_center .goodFlag:before{content: "";width: 0px;height: 0px;border-top: .2rem solid #f00;border-left: .2rem solid transparent;border-width: .20rem; position: absolute;top:-.0rem;left:-.18rem;}*/
.itemList .goods .text_center .goodFlag:after{content: "";width: 0px;height: 0px;border-bottom: .12rem solid #f96167;border-left: .12rem solid transparent;border-width: .15rem; position: absolute;bottom:-.025rem;left:.01rem;transform: rotate(22deg);
    -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); 	/* IE 9 */   -moz-transform: rotate(-22deg); 	/* Firefox */   -o-transform:rotate(-22deg);}
.itemList .goods.active{color: #fff;border: 1px solid #4fd4ff;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4fd4ff',endColorStr='#06aefa',gradientType='1');
    background: -moz-linear-gradient(left, #4fd4ff, #06aefa);
    background: -o-linear-gradient(left,#4fd4ff, #06aefa);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4fd4ff), to(#06aefa));
}

/*充值类型*/
#pay_typeList .goods .text_center .name{font-size: .28rem;display: block;}
/*数量*/
.layer .symbol{width:1rem;height: .88rem;line-height: .88rem; text-align: center; border:1px solid #DEDFE0;float: left;font-size: .40rem;color:#333333;display: inline-block;}
.layer .jian{border-right: none;border-top-left-radius: .15rem;border-bottom-left-radius: .15rem;}
.layer .jia{border-left: none;border-top-right-radius: .15rem;border-bottom-right-radius: .15rem;}
.layer .disabled{color:#ccc;}
.layer .buyNumber_ipt{float: left;width:4.8rem;height: .88rem;line-height: .88rem;border:1px solid #DEDFE0;text-align: center;font-size: .36rem;color:#333333;border-radius: 0px;-webkit-appearance: none;overflow: hidden;}
.layer .now_price{color:#fb5c5c;font-size: .3rem;}
.layer .okPay{width: 6.8rem;height: .88rem;line-height: .88rem; margin-top: .1rem;}
.layer .afbtnClick{position:absolute;width: 100%;height: 100%;top:0;display: none;}

/*温馨提示*/
#warmPrompt .info{color: #999999;font-size: .24rem;line-height: .50rem;margin-top:.2rem;}
#warmPrompt .info a{color:#4fd4ff;}

.notice{position: relative;width: 100%;padding: .7rem .3rem .3rem;}
.notice h2{position: absolute;top: .52rem;left: .7rem;color: #525252;font-size: .36rem;font-weight: 400;padding: 0 .1rem;z-index: 1;background-color: #fff;}
.notice p{color: #6e6e6e;font-size: .22rem;line-height: 2;border: .02rem solid #DEDFE0;border-radius: .06rem;padding: .3rem .15rem .15rem;margin: 1.667%;}

.zhanwei{-webkit-box-flex: 0;flex: 1 0 auto;position: relative;width: 100%;}
.buy{position: relative;min-height: 100vh;}
.buy .footer{height: .7rem;line-height: .7rem;/*margin-top: 0;*/}
.footer p{font-size: .24rem;color: #999;}
.footContent{width:100%;margin-top: 50px;}
.gameShow{display: none;}



/*订单列表*/
.orderList{font-family: "微软雅黑";display: none;}
.orderList .bigTime{padding-left: .43rem;color:#333;font-size: .32rem;height: .72rem;line-height: .72rem;background: #f2f2f2}
.orderList .paylist{width:100%;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color:#fff; }
.orderList .paylist .item{padding:.17rem 0;margin-left:.28rem;border-bottom: 1px solid #f5f4f4;}
.orderList .paylist .item a{display: block;}
.orderList .paylist .item:last-child{border-bottom: none;}
.orderList .paylist .item .inline{display: inline-block;height: .91rem;position: relative;}
.orderList .paylist .item .date{width:1rem;color:#bdbdbd;text-align: center;}
.orderList .paylist .item .date .week{font-size: .30rem;}
.orderList .paylist .item .date .time{font-size: .24rem;}
.orderList .paylist .item .logo{width:1.3rem;overflow:hidden;}
.orderList .paylist .item .logo img{width:.7rem;height: .7rem; position:absolute;left:50%;top:50%;margin-left:-.35rem;margin-top:-.28rem;}
.orderList .paylist .item .content{width:4.55rem;overflow: hidden;}
.orderList .paylist .item .content .price{font-size: .36rem;color: #333}
.orderList .paylist .item .content .price .orderState{float: right;font-size: .28rem;color:#ff5b05;}
.orderList .paylist .item .content .info{font-size: .30rem;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;color: #959595;}
.orderList .paylist .item.orderState3 .content .price .orderState{color:#a5a5a5;}
/*订单列表-无数据*/
.noOrderList{text-align: center;display: none;}
.noOrderList .noOrderImg{width:3.46rem;height: 2.86rem;margin-top:1.04rem;}
.noOrderList .noList{font-size: .25rem;color:#b2b1b2;margin-top: .4rem;}
.noOrderList .goIndex{display: block;width:5.75rem;height: .80rem;line-height: .80rem; border-radius: .08rem;font-size:.3rem;color:#fff;margin:.6rem auto;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4fd4ff',endColorStr='#06aefa',gradientType='1');
    background: -moz-linear-gradient(left, #4fd4ff, #06aefa);
    background: -o-linear-gradient(left,#4fd4ff, #06aefa);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#4fd4ff), to(#06aefa));
}
/*订单详情*/
.payOrderInfo {text-align: center;background-color: #fff;}
.payOrderInfo .title{padding-top: .35rem;}
.payOrderInfo .title .logoImg{width:.7rem;height: .7rem;margin-right: .16rem;}
.payOrderInfo .title .txt{font-size: .4rem;color:#000;    position: relative;top: .1rem;}
.payOrderInfo .price{font-size: .64rem;margin-top: .25rem;}
.payOrderInfo .orderState{font-size: .32rem;color:#cfcfcf;}
.payOrderInfo .info{margin-top: .41rem;padding-left:.30rem;border-bottom: 1px solid #ddd;padding-bottom: .25rem;}
.payOrderInfo .info  hr{height: 1px;border:none;background-color: #f2f1f1;}
.payOrderInfo .info .line{text-align: left;height: .55rem; line-height: .55rem;}
.payOrderInfo .info .line .name{text-align: left;width:1.8rem;display: inline-block;color:#636363;}
.payOrderInfo .info .line .content{text-align: right;width:calc(100% - 2.2rem);display: inline-block;color:#939393;}


/*商务*/
.business{width:100%;height: 100%;overflow: hidden;text-align: center;font-size: .26rem;}
.business .logo{width:1.67rem;margin-top:2.05rem;}
.business .content{position: absolute;bottom:1rem;width:100%;}
.business .content .title{width:100%;height: .34rem;background: url(../images/business/business_title.png) no-repeat center center;background-size: auto 100%;}
.business .content .info{text-align: left;width:4.40rem;margin-top:.5rem;margin-left:1.73rem;}
.business .content .info p{margin-bottom: .2rem;color:#108ee9;}
.business .content .info .ico{width:.42rem;margin-right:.3rem;}
.business .content .info .ico.ico2{width:.37rem;margin-right:.32rem;margin-left:.03rem;}
.business .content .info .ico.ico3{width:.25rem;margin-right:.38rem;margin-left:.09rem;}
/*帮助*/
.help .main{margin: 10px;}
.help .main .content{margin: 0 auto;width: 100%;}
.help .main .content div{font-family: "微软雅黑";color: #666;margin: 30px 0px 14px 0px;}
.help .main .logo{width: 100%;position: relative;text-align: center;top: .35rem;}
.help .main .logo img{width: .3rem;height: .3rem;background: #ffffff;border-radius: 50%;padding: .08rem;border: 1px solid #e7e7e7}
.help .main h2{height: .6rem;text-align: center;font-size: .20rem;line-height: .6rem;border-bottom: 1px dashed #Ddd;background: #f8f8f8;font-weight: 500;}    
.help .main .content div span{color:red;}


/*提示*/
.message{display: none;}
.message .box{padding:.32rem;background-color: rgba(0,0,0,.9);border-radius: .15rem;position: absolute;z-index:1111;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); 	/* IE 9 */
    -moz-transform: translate(-50%,-50%); 	/* Firefox */
    -webkit-transform: translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%,-50%);
    top: 50%;left: 50%;
}
.message .ico{text-align: center;}
.message .ico img{width:.82rem;}
.message .msg{font-size: .26rem;color:#fff;font-family: "微软雅黑";margin-top:.23rem;}

.boxIndex{
    background: #fff;
    position: relative;
}
.topLogo img{
    width:2rem;
}
.topLogo{
    padding: .1rem .24rem;
    border-top: 1px solid #e2e2e2;
}
.boxIndex .topPublic{
    height: .88rem;
    background: #f9f9f9;
    position: fixed;
    width: 100vw;
    bottom: 0;
    z-index: 111;
    border-top: 1px solid #e2e2e2;
}
.boxIndex .topTab{
    width:100%;
    display: inline-block;
    /*border-bottom: 1px solid #f2f2f2;*/
    padding: 0 .24rem;
    box-sizing: border-box;
    position: absolute;
    z-index: 111;
    top: 0;
    height: .88rem;
}
.boxIndex .topTab li{
    width:50%;
    float: left;
    text-align: center;
    font-size: .2rem;
    box-sizing: border-box;
    color: #929292;
    height: .88rem;
    padding-top: .075rem;
}
.boxIndex .topTab li img{
    width: .44rem;
    height: .44rem;
}
.boxIndex .topTab li span{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: .03rem;
}
.boxIndex .topTab .active{
    color: #16b7fb;
}
.boxIndex .left-table{
    width: 100%;
    /*height: calc(100vh - .78rem);*/
    /*overflow: hidden;*/
    margin-top: -.1rem;
    /*padding-bottom: .88rem;*/
    /*overflow-y: scroll;*/
    position: relative;
}
.boxIndex .left-table .adBbottomVideo .ad-arrow{
   display: inline-block;
    width:.2rem;
}
.boxIndex .left-table .adBbottomVideo .ad-arrow:before{
    content: "";
    display: block;
    width: .1rem;
    height: .1rem;
    margin-left: 0;
    border: 2px solid #f86261;
    color: #ccc;
    border-top: 0 none;
    border-left: 0 none;
    margin-top: -.01rem;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}
.boxIndex .left-table .am-list-item{
    padding: .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    padding-bottom: 0;
}
.boxIndex .left-table .am-list-item .am-list-thumb{
   margin-right: 0.2rem;
}
.boxIndex .left-table .am-list-item .am-list-thumb img{
    width: 0.4rem;
    height: 0.4rem;
    /*height: 0.56rem;*/
}

.boxIndex .left-table .am-list-title .active_title {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    color: #fff;
    background-color: #f96167;
    border-radius: 1rem;
    padding: .04rem .2rem;
    margin-left: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.boxIndex .left-table .am-list-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    min-width: .68rem;
}
.boxIndex .left-table .am-list-content .main_title {
    font-size: .34rem;
}

.boxIndex .left-table .am-list-title .active_title:before {
    content: "";
    position: absolute;
    left: -.05rem;
    bottom: .043rem;
    border-left: .32rem solid transparent;
    border-bottom: .1rem solid #f96167;
}
.boxIndex .left-table .am-list-arrow {
    margin-right: -.04rem;
    width: .2rem;
    padding: .1rem 0;
}
.am-list .am-icon .arrow {
    display: block;
    width: .2rem;
    height: .2rem;
    overflow: hidden;
}
/*.boxIndex .left-table .am-list-arrow .am-icon.arrow:before {
    content: "";
    display: block;
    width: .15rem;
    height: .15rem;
    margin-left: 0;
    border: .04rem solid #ccc;
    color: #ccc;
    border-top: 0 none;
    border-left: 0 none;
    margin-top: .0rem;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}*/
.boxIndex .left-table .am-list-arrow .am-icon.arrow img{
    width:.14rem;
    height: .23rem;
    margin-top: -.05rem;
}
.pad-list .rig-extra{
    padding: .1rem .18rem .1rem .21rem;
}
.pad-list .rig-extra a{
    color: #747474;
    font-size: .26rem;
}

.boxIndex .left-table .swiper-div{
    position: relative;
    text-align: center;
    width: 1rem;
    height: 1rem;
    padding: .1rem;
    border-radius: 5px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid rgb(161, 229, 216);
    margin-top: .24rem;
}
.boxIndex .left-table .swiper-div .active_title{
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    color: #fff;
    font-size: .2rem;
    line-height: .18rem;
    background-color: #f96167;
    border-radius: .5rem;
    margin-left: .08rem;
    padding: .1rem .12rem;
    top:-.24rem;
    left:.35rem;
    width: auto;
    overflow: auto;
    text-overflow: clip;
}
.boxIndex .left-table .swiper-div .active_border {
    width: auto;
    position: absolute;
    top: .034rem;
    height: 0;
    left: .64rem;
    bottom: 0;
    border-left: .215rem solid #f96167;
    border-bottom: .25rem solid transparent;
    transform: rotate(3deg);
    -ms-transform:rotate(3deg); 	/* IE 9 */
    -moz-transform:rotate(3deg); 	/* Firefox */
    -webkit-transform:rotate(3deg); /* Safari 和 Chrome */
    -o-transform:rotate(3deg);
}
.boxIndex .left-table .swiper-slide a{
    display: block;
}
.boxIndex .left-table .swiper-div img{
    width: 100%;
}
.boxIndex .left-table .swiper-slide p{
    width: 100%;
    text-align: center;
    font-size: .24rem;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    white-space: nowrap;
    /*padding-left: .2rem;*/
    /*padding-left: .25rem;*/
    box-sizing: border-box;
    color: #000;
    /*color: #ff5b05;*/
    margin-top: .1rem;
    /*transform: scale(0.833333);
    -ms-transform: scale(0.833333); 	!* IE 9 *!
    -moz-transform: scale(0.833333); 	!* Firefox *!
    -webkit-transform: scale(0.833333); !* Safari 和 Chrome *!
    -o-transform: scale(0.833333); 	!* Opera *!*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.boxIndex .left-table .swiper-slide span {
    width: 100%;
    display: inline-block;
    /*padding-left: .25rem;*/
    text-align: center;
    font-size: .18rem;
    /*font-size: .24rem;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    color: #a2a2a2;
    position: relative;
}
.boxIndex .left-table .pad-list{
    /*border-bottom: 1px solid #e2e2e2;*/
    /*border-bottom: 1px solid #faf8f8;*/
    padding-bottom: .3rem;
}
.boxIndex .left-table .pad-list:last-child{
    border-bottom: none;
}
.boxIndex .rig-table{
    width: 100%;
    /*height: calc(100vh - .78rem);*/
    /*overflow: hidden;*/
    /*overflow-y: scroll;*/
    background: #f7f7f7;
    margin-top: -.1rem;
    display: none;
}
.boxIndex .rig-table .mine-list{
    background: #fff;    padding-top: .11rem;    margin-top: .35rem;
}
.boxIndex .rig-table .mine-list a,.boxIndex .rig-table .mine-list .goPayList,.boxIndex .rig-table .mine-list .goService,.boxIndex .rig-table .mine-list .goQuetion,.boxIndex .rig-table .mine-list .goredCardList{
    display: block;line-height: .9rem;
    /*border-bottom: 1px solid #f5f4f4;*/
    padding-left: .25rem;
}
.boxIndex .rig-table .mine-list a img,.boxIndex .rig-table .mine-list .goPayList img,.boxIndex .rig-table .mine-list .goService img,.boxIndex .rig-table .mine-list .goQuetion img,.boxIndex .rig-table .mine-list .goredCardList img{
    width: 0.45rem; margin-right: 0.1rem;    margin-top: -.05rem;
}
.boxIndex .rig-table .mine-list .mine-tit{
    display: inline-block;color: #000; text-overflow: inherit; width: 5rem;white-space: nowrap;    font-size: 0.34rem;
    /*font-weight: bold;*/
}
.boxIndex .rig-table .mine-list .ad-arrow{
    display: inline-block;
    width: .2rem;
    float: right;
    margin-right: .42rem;
    height: .9rem;
    line-height: .9rem;
}
.boxIndex .rig-table .mine-list .ad-arrow img{
    width: .14rem;
    height: .23rem;
    margin-top: -.05rem;
}
/*.boxIndex .rig-table .mine-list .ad-arrow:before{
    content: "";
    display: block;
    width: .15rem;
    height: .15rem;
    margin-left: 0;
    border: .035rem solid #aaa;
    color: #aaa;
    border-top: 0 none;
    border-left: 0 none;
    margin-top: .35rem;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}*/
.model{
    width:100%;
    height: 100vh;
    background: #000000;
    opacity: .6;
    top: 0;
    position: fixed;
    display: none;
}
.model-content{
    display: none;
    width: 5.4rem;
    height: 3.7rem;
    background: #f1f1f1;
    bottom: 0;
    position: fixed;
    top: 3.2rem;
    left: 50%;
    margin-left: -2.7rem;
    border-radius: .2rem;
}
.model-content .top-link{
    width:100%;
    height: 2.8rem;
    text-align: center;
}
.model-content .top-link a{
    display: inline-block;
    margin-top: .53rem;
}
.model-content .top-link a img{
    width: 1.1rem;
    height: 1.1rem;
}
.model-content .top-link p{
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    margin-top: .42rem;
    font-size: .31rem;
}
.model-content .bottom-link{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    border-top: 1px solid #d6d6d6;
    font-size: .31rem;
}
.model-content .bottom-link a{
    display: inline-block;
    width: 2.56rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
}
.model-content .bottom-link a:nth-child(1){
    color: #636363;
    border-right: 1px solid #d6d6d6;
    width: 2.6rem;
}
.model-content .bottom-link a:nth-child(2){
    color: #fe9e26;
}
.payLoading{
    position: absolute;
    width:100%;
    min-height: 100vh;
    background: #000000;
    opacity: .3;
    top: 0;
    display: none;
}
.payLoading2{
    position: absolute;
    width:100%;
    min-height: 100vh;
    top: 0;
    display: none;
}
.payLoading2 img{
    position: absolute;
    width: .5rem;
    left:50%;
    top:50%;
    margin-left: -.25rem;
    margin-top: -.25rem;
}

.model-content span{
    position: absolute;
    display: block;
    right: .5rem;
    top: 0;
    padding: .2rem;
}
.model-content span img{
    width: .35rem;
}

.model-content2{
    display: none;
    width: 6.4rem;
    box-sizing: border-box;
    height: 9.8rem;
    background: #fff;
    bottom: 0;
    position: fixed;
    top: 7vh;
    left: 50%;
    margin-left: -3.2rem;
    border-radius: .15rem;
    padding: .4rem;
    overflow-y: scroll;
}

.model-content2 h1{
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: .3rem;
    padding-bottom: .25rem;
}
.model-content2 .closeCont{
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: .25rem;
    display: block;
    height: .25rem;
    padding: .1rem;
}
.model-content2 .closeCont img{
    width: .25rem;
    position: absolute;
    top: .1rem;
}
.model-content2 h2{
    font-size: 14px;
    /*font-size: .37rem;*/
    margin-bottom: .1rem;
    margin-top: .2rem;
}
.model-content2 h3{
    margin-bottom: .1rem;
}
.model-content2 h3,.model-content2 p{
    margin-top: .1rem;
    font-size: 12px;
    margin-top: 0;
    /*font-size: .315rem;*/
}


.topLogo .search{
    display: none;
    /*display: inline-block;*/
    padding: 0;
    width:4.9rem;
    border-bottom: none;
}
.Statistical{
    display: none;
}

.bgColor{
    background: #000;
    opacity: .1;
}

.payDetail{
    width: 100%;
    background: #f7f7f7;
    box-sizing: border-box;
    overflow: hidden;
    font-family:"PingFang-SC-regular";
}
.payDetail .top{
    width: 100%;
    background: #f7f7f7;
    padding: .5rem .2rem;
    height: 1.6rem;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #eae9ea;
}
.payDetail .top p{
    font-size: .32rem;
    line-height: .45rem;
}

.payDetail .top span{
    font-size: .24rem;
    color: #999;
}


.payDetail .info {
    padding-left: .27rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .25rem;
    background: #fff;
}
.payDetail .info .title{
    padding: .5rem 0;
}
.payDetail .info .title img{
    width:.5rem;
    height: .5rem;
    margin-right: .2rem;
}
.payDetail .info .title span{
    font-size: .36rem;
    display: inline-block;
}
.payDetail .info .line {
    text-align: left;
    height: .95rem;
    line-height: .95rem;
}
.payDetail .info .line .name {
    text-align: left;
    width: 2rem;
    display: inline-block;
    color: #666;
    font-size: .3rem;
}
.payDetail .info .line .isKami {
    display: inline-block;
    width:1.5rem;
    height:.5rem;
    text-align: center;
    background: #3399ff;
    color: #fff;
    box-sizing: border-box;
    padding: 0 .27rem;
    line-height: .5rem;
    font-size: .24rem;
    border-radius: .04rem;
}
.payDetail .info .line .content {
    text-align: right;
    width: calc(100% - 2.5rem);
    display: inline-block;
    color: #333;
    float: right;
    padding-right: .46rem;
    font-size: .28rem;
}
.payDetail .info hr {
    height: 1px;
    border: none;
    background-color: #f2f1f1;
}
.payDetail .bottom{
    width: 100%;
    background: #f7f7f7;
    padding: .5rem .2rem;
    height: 2rem;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.payDetail .bottom a{
    display: inline-block;
    width: 2rem;
    background: #f7f7f7;
    height: .9rem;
    color: #3399ff;
}
.payDetail .bottom a img{
    width: .6rem;
}



.month-card{
    width: 100%;
    min-height: 100vh;
    position: relative;
    background: #f4f3f8;
    padding-bottom: .55rem;
}

.month-card .topImg{
    width: 100%;
}
.month-card .top{
    width: 90%;
    margin-left: 5%;
    height: 2.8rem;
    position: absolute;
    background: #fff;
    margin-top: -1rem;
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.15);
}
.month-card .top .tab{
    height: 1.1rem;
    padding: .2rem .1rem;
    margin: 0 .2rem;
    border-bottom: 1px solid #ccc;
}
.month-card .top ul{
    width: 4.5rem;
    float: left;
    position: absolute;
    top: .9rem;
    left: .25rem;
}
.month-card .top ul li{
    float: left;
    margin-right: .2rem;
    background: #92d5ff;
    padding: 0 .1rem;
    color: #fff;
}
.month-card .top .tab span{
    display: inline-block;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: .32rem;
}
.month-card .top .tab .istabList{
    height: .5rem;
    line-height: .5rem;
}
.month-card .top .tab img{
    float: right;
    height: 100%;
}
.month-card .top .price{
    height: .8rem;
    padding: .2rem .1rem;
    margin: 0 .2rem;
}
.month-card .top .price .nowPrice{
    float: left;
    font-size: .43rem;
    height: .8rem;
    line-height: .8rem;
    color: #fd5f63;
}
.month-card .top .price .totalPrice{
    float: right;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
    text-decoration: line-through;
    color: #bbbbbb;
}
.month-card .center{
    width: 90%;
    margin-left: 5%;
    height: 2.8rem;
    position: absolute;
    background: #fff;
    margin-top: 2.2rem;
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.15);
}
.month-card .center input{
    display: block;
    width: 90%;
    height: .9rem;
    line-height: .9rem;
    margin-left: 5%;
    border: 1px solid #5dcefa;
    box-sizing: border-box;
    margin-top: .35rem;
    border-radius: .03rem;
    text-indent: .1rem;
}
.month-card .center div{
    width: 90%;
    height: .9rem;
    line-height: .9rem;
    margin-left: 5%;
    background: #4ad3ff;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    margin-top: .2rem;
    border-radius: .03rem;
}
input, textarea {
    border:0; /* 方法1 */
    -webkit-appearance:none; /* 方法2 */
}
.month-card .bottom{
    width: 90%;
    margin-left: 5%;
    /*height: 3.5rem;*/
    background: #fff;
    margin-top: 5.4rem;
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.15);

}
.month-card .bottom .head_tit{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .29rem;
    text-align: center;
    color: #525252;
}
.month-card .bottom a{
    color: #50b7d9;
}
.month-card .bottom .msg{
    width: 100%;
    line-height: .45rem;
    font-size: .25rem;
    color: #525252;
    box-sizing: border-box;
    padding: 0 .33rem .15rem;

}


.top-nav{
    width: 100%;    height: 1.5rem;
    padding-bottom: .2rem;
    background: #f6f6f7;
}
.top-nav ul{
    width: 100%;
    background: #fff;
    height: 1.5rem;
}
.top-nav ul li{
    width: 1.7rem;
    height: 1rem;
    text-align: center;
    float: left;
    margin-left: .13rem;
    padding: .2rem 0;
}
.top-nav ul li img{
    width: .51rem;
}
.top-nav ul li p{
    color: #000;
    font-size: .28rem;
    margin-top: .15rem;
}




.kamiInfo{
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}
.kamiInfo .info {
    padding-left: .27rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .25rem;
}
.kamiInfo .info .line {
    text-align: left;
    height: .95rem;
    line-height: .95rem;
}
.kamiInfo .info .line .name {
    text-align: left;
    width: 2.5rem;
    display: inline-block;
    color: #666;
    font-size: .3rem;
}
.kamiInfo .info .line .content {
    text-align: right;
    width: calc(100% - 3.2rem);
    display: inline-block;
    color: #333;
    float: right;
    padding-right: .46rem;
    font-size: .28rem;
}
.kamiInfo .info .line .content a{
    color: #3399ff;
    padding: .2rem 0 .2rem .2rem;
}
.kamiInfo .info hr {
    height: 1px;
    border: none;
    background-color: #f2f1f1;
}
.kamiPrompt{
    padding-left: .27rem;
    color: #797979;
}
.kamiPrompt p{
    font-size: .3rem;
    margin-top: .6rem;
    margin-bottom: .2rem;
}
.kamiPrompt span{
    font-size: .26rem;
    display: inline-block;
    margin-bottom: .12rem;
}




.container_newmodel {
    background: white;
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    /* width: 100%; */
    max-width: 450px;
    transition: all 0.3s ease;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    width: 6rem;
    display: none;
}

.container_newmodel h2 {
    text-align: center;
    color: #2c3e50;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding-bottom: 15px;
}

.container_newmodel .captcha-container {
    margin-bottom: 25px;
    text-align: center;
}

.container_newmodel #captchaCanvas {
    width: 100%;
    height: 90px;
    border-radius: 8px;
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    margin: 0 auto 15px;
}

.container_newmodel #captchaCanvas:hover {
    border-color: #3498db;
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.2);
    transform: translateY(-2px);
}

.container_newmodel .click-hint {
    font-size: 14px;
    color: #7f8c8d;
    text-align: center;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.container_newmodel .click-hint:before {
    content: '💡';
    font-size: 16px;
}

.container_newmodel .input-group {
    margin-bottom: 25px;
}

.container_newmodel label {
    display: block;
    margin-bottom: 10px;
    color: #2c3e50;
    font-weight: 500;
    font-size: 16px;
}

.container_newmodel input {
    /* width: 100%; */
    padding: 14px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 17px;
    transition: all 0.3s;
    background: #f8f9fa;
    color: #2c3e50;
}

.container_newmodel input:focus {
    outline: none;
    border-color: #3498db;
    background: white;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.container_newmodel .input-hint {
    font-size: 13px;
    color: #95a5a6;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.container_newmodel .input-hint:before {
    content: 'ℹ️';
    font-size: 14px;
}

.container_newmodel .btn-group {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    justify-content: space-between;
}

.container_newmodel .verify-btn {
    flex: 1;
    padding: 15px;
    background: #5a9cff;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    letter-spacing: 1px;
}

.container_newmodel .verify-btn:active {
    transform: translateY(0);
}

.container_newmodel .reset-btn {
    flex: 1;
    padding: 15px;
    border: none;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    background: #f2f2f2;
    color: #10aeff;
}



.container_newmodel .reset-btn:active {
    transform: translateY(0);
}

.container_newmodel .result {
    margin-top: 20px;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    display: none;
    animation: fadeIn 0.5s ease;
    border-left: 4px solid transparent;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.container_newmodel .success {
    background: #d5f4e6;
    color: #16a085;
    border-color: #16a085;
    display: block;
}

.container_newmodel .error {
    background: #fdeaea;
    color: #e74c3c;
    border-color: #e74c3c;
    display: block;
}

.container_newmodel .info {
    font-size: 13px;
    color: #7f8c8d;
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #ecf0f1;
}

@media (max-width: 500px) {
    .container_newmodel {
        padding: 25px 20px;
    }

    .container_newmodel .btn-group {
        gap: 10px;
    }

    .container_newmodel .verify-btn,
    .container_newmodel .reset-btn {
        width: 40%;
    }
}