﻿/*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: #f5f5f9;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:#108ee9;-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: .24rem;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 #ddd; 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:#ff3434;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 #DEDFE0;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 .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 .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: #f7f7f7;width:100%;height: .2rem;}


/*支付页面，面板*/
.panel{background-color: #fff;width:calc(100% - .6rem);padding: .4rem .3rem .01rem .3rem;}
.panel .layer{margin-bottom:.35rem;clear: both;overflow: hidden;font-size: .3rem;font-family: "微软雅黑";}
.panel .title{color: #999999;font-size: .3rem;margin-bottom: .3rem;}
.panel .btn{background-color: #85cb00;display: inline-block;color:#fff;font-size: .36rem;text-align: center;border-radius: .15rem;}

/*充值面额选择*/
.itemList{display: block;text-align: center;padding: 0rem .0rem .0rem .0rem;overflow: hidden;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: .18rem;width: 2.05rem;margin: .12rem;margin-top:0;overflow: hidden;}
.charge-type  .goods{width: 3rem;}
.itemList .goods .text_center{padding:.20rem 0;}
.itemList .goods .text_center .name{font-size: .30rem;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: .12rem;background-color: #f00;color:#fff;top:.05rem;right:0px;padding:0 .1rem;}
.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: .2rem solid #f00;border-left: .2rem solid transparent;border-width: .20rem; position: absolute;bottom:-.0rem;left:-.18rem;}
.itemList .goods.active{background-color: #85cb00;color: #fff;border: 1px solid #85cb00;}

/*充值类型*/
#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.9rem;height: .88rem;line-height: .88rem;}

/*温馨提示*/
#warmPrompt .info{color: #999999;font-size: .24rem;line-height: .50rem;margin-top:.2rem;}
#warmPrompt .info a{color:#85cb00;}

.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;}

.gameShow{display: none;}



/*订单列表*/
.orderList{font-family: "微软雅黑";display: none;}
.orderList .bigTime{padding-left: .43rem;color:#333;font-size: .32rem;height: .72rem;line-height: .72rem;}
.orderList .paylist{width:100%;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color:#fff; }
.orderList .paylist .item{padding:.30rem 0;margin-left:.28rem;border-bottom: 1px solid #ddd;}
.orderList .paylist .item a{display: block;}
.orderList .paylist .item:last-child{border-bottom: none;}
.orderList .paylist .item .inline{display: inline-block;height: .85rem;position: relative;}
.orderList .paylist .item .date{width:1rem;color:#a5a5a5;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: .30rem;}
.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;}
.orderList .paylist .item.orderState3 .content .price .orderState{color:#a5a5a5;}
/*订单列表-无数据*/
.noOrderList{text-align: center;display: none;}
.noOrderList .noOrderImg{width:3.55rem;height: 2.56rem;margin-top:1.04rem;}
.noOrderList .noList{font-size: .36rem;color:#b2b1b2;margin-top: .55rem;}
.noOrderList .goIndex{display: block;width:4.50rem;height: .90rem;line-height: .90rem; background-color: #108ee9;border-radius: 5px;font-size:.36rem;color:#fff;margin:1.6rem auto;}
/*订单详情*/
.payOrderInfo {text-align: center;background-color: #fff;}
.payOrderInfo .title{padding-top: .31rem;}
.payOrderInfo .title .logoImg{width:.7rem;height: .7rem;margin-right: .16rem;}
.payOrderInfo .title .txt{font-size: .36rem;color:#000;}
.payOrderInfo .price{font-size: .64rem;}
.payOrderInfo .orderState{font-size: .28rem;color:#888;}
.payOrderInfo .info{margin-top: .41rem;padding-left:.30rem;border-bottom: 1px solid #ddd;padding-bottom: .3rem;}
.payOrderInfo .info  hr{height: 1px;border:none;background-color: #ddd;}
.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:#666;}
.payOrderInfo .info .line .content{text-align: right;width:calc(100% - 2.2rem);display: inline-block;color:#888;}


/*商务*/
.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;
    overflow:hidden;
    display:block;
}
.topLogo img{
    width:2rem;
}
.topLogo{
    padding: .1rem .24rem;
    border-top: 1px solid #e2e2e2;
}
.boxIndex .topTab{
    width:100%;
    display: inline-block;
    border-bottom: 1px solid #f2f2f2;
    padding: .1rem .24rem;
    box-sizing: border-box;
}
.boxIndex .topTab li{
    width:20%;
    float: left;
    text-align: center;
    height: .60rem;
    line-height: .60rem;
    margin-left: 4%;
    font-size: .33rem;
    box-sizing: border-box;
}
.boxIndex .topTab li a{
    color: #333;
}
.boxIndex .topTab .active{
    background: #85cb00;
    border-radius: 4px;
    color: #fff;
}
.boxIndex .left-table{
    width: 100%;
    margin-top: -.1rem;
}
.boxIndex .left-table .am-list-item{
    padding: .24rem;
    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.5rem;
    height: 0.5rem;
}

.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: .33rem;
}

.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: .1rem;
    height: .1rem;
    margin-left: 0;
    border: 2px solid #ccc;
    color: #ccc;
    border-top: 0 none;
    border-left: 0 none;
    margin-top: -.01rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.pad-list .rig-extra{
    padding: .1rem .1rem .1rem .21rem;
}
.pad-list .rig-extra a{
    color: #747474;
}

.boxIndex .left-table .swiper-div{
    position: relative;
    text-align: center;
    width: 1.2rem;
    height: 1.2rem;
    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:.24rem;
    width: auto;
    overflow: auto;
    text-overflow: clip;
}
.boxIndex .left-table .swiper-div .active_border {
    width: auto;
    position: absolute;
    top: .035rem;;
    height: 0;
    left: .52rem;
    bottom: 0;
    border-left: .215rem solid #f96167;
    border-bottom: .15rem solid transparent;
    transform: rotate(-27deg);
    -ms-transform:rotate(-27deg); 	/* IE 9 */
    -moz-transform:rotate(-27deg); 	/* Firefox */
    -webkit-transform:rotate(-27deg); /* Safari 和 Chrome */
    -o-transform:rotate(-27deg);
}
.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: .12rem;
    box-sizing: border-box;
    color: #000;
}
.boxIndex .left-table .swiper-slide span {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .12rem;
    box-sizing: border-box;
}
.boxIndex .left-table .pad-list{
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: .24rem;
}
.boxIndex .left-table .pad-list:last-child{
    border-bottom: none;
}
.boxIndex .left-table .partener{
    width:100%;
    background: #efefef;
    margin-top: .24rem;
    padding: .24rem 0;
    padding-bottom: 0;
}
.boxIndex .left-table .partener .partener-tit{
    display: inline-block;
    width: 100%;
}
.boxIndex .left-table .partener .partener-tit li{
    float: left;
    width:25%;
    text-align: center;
    margin-left: 6%;
    height: .7rem;
    line-height: .6rem;
    border-top: 1px solid #dcdcdc;
}
.boxIndex .left-table .partener .partener-tit li{
    height: .7rem;
    line-height: .6rem;

}
.boxIndex .left-table .partener .partener-tit li a{
    display: inline-block;
    color: #333;
    width: 100%;
    font-size: .33rem;
}
.boxIndex .left-table .partener .partener-tit li:nth-child(odd){
    margin-top: .34rem;
    height: auto;
}
.boxIndex .left-table .partener .partener-tit li:nth-child(2){
    border: none;
    color: #333333;
}


.boxIndex .left-table .partener .partener-img{
    display: inline-block;
    width: 100%;
    padding-bottom: .3rem;
    background: #fff;
}
.boxIndex .left-table .partener .partener-img li{
    float: left;
    width: 24.57%;
    /*width: 32.9%;*/
    text-align: center;
    /*height: 1.6rem;*/
    border: 1px solid #F2F2F2;
}
.boxIndex .left-table .partener .partener-img li img{
    width:100%;
}
.boxIndex .left-table .partener .partener-img li:nth-child(odd){
    background: #fff;
}
.boxIndex .left-table .partener .partener-img li:nth-child(even){
    background: #f7f7f7;
}
.boxIndex .left-table .partener .partener-img li:nth-child(5),.boxIndex .left-table .partener .partener-img li:nth-child(7){
    background: #f7f7f7;
}
.boxIndex .left-table .partener .partener-img li:nth-child(6),.boxIndex .left-table .partener .partener-img li:nth-child(8){
    background: #fff;
}
.boxIndex .left-table .partener .partener-img li:nth-child(2),.boxIndex .left-table .partener .partener-img li:nth-child(6),.boxIndex .left-table .partener .partener-img li:nth-child(10){
    border-left: none;
    border-right:none ;
}
.boxIndex .left-table .partener .partener-img li:nth-child(3),.boxIndex .left-table .partener .partener-img li:nth-child(7),.boxIndex .left-table .partener .partener-img li:nth-child(11){
    border-right:none ;
}
.boxIndex .left-table .partener .partener-img li:nth-child(1),
.boxIndex .left-table .partener .partener-img li:nth-child(2),
.boxIndex .left-table .partener .partener-img li:nth-child(3),
.boxIndex .left-table .partener .partener-img li:nth-child(4),
.boxIndex .left-table .partener .partener-img li:nth-child(5),
.boxIndex .left-table .partener .partener-img li:nth-child(6){
    border-bottom: none;
}

.boxIndex .left-table .partener dl{
    display: inline-block;
    width: 100%;
    margin-top: -.2rem;
    padding-top: .2rem;
}
.boxIndex .left-table .partener dl dt a{
    display: inline-block;
    width: 100%;
    color: #333;
}
.boxIndex .left-table .partener dl dd a{
    display: inline-block;
    width: 100%;
    color: #333;
}
.boxIndex .left-table .partener dl dt{
    font-size: .28rem;
    color: #333;
    float: left;
    width: 30%;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-weight: bold;
}
.boxIndex .left-table .partener dl dd{
    font-size: .28rem;
    color: #333;
    float: left;
    width: 25%;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
}

.boxIndex .left-table .partener dl dt:nth-child(2),.boxIndex .left-table .partener dl dt:nth-child(5){
    width: 40%;
}
.service-Img1 img,.service-Img2 img{
    width: 70%;
}
.boxIndex .left-table .partener dl dd:nth-child(8),.boxIndex .left-table .partener dl dd:nth-child(11){
    width: 40%;
}

.boxIndex .left-table .partener .partener-cont{
    display: inline-block;
    width: 100%;
    padding-bottom: .3rem;
}
.boxIndex .left-table .partener .partener-cont li{
    display: inline-block;
    width:19%;
    /*width:1.39rem;*/
    text-align: center;
    height: .6rem;
    font-size: .25rem;
}
/* .boxIndex .left-table .partener .part-plat li{
     width:24%;
     font-size: .28rem;
 }*/
.boxIndex .left-table .partener .partener-cont li a{
    color: #000;
}


.boxIndex .left-table .footer{
    margin: 0;
    width:100%;
    display: inline-block;
    background: #ededed;
    box-sizing: border-box;
    padding: .15rem;
}
.boxIndex .left-table .footer p{
    width: 100%;
    text-align: center;
    font-size: .2rem;
    color: #bfbfbf;
    padding: .05rem;
}

.boxIndex .center-table{
    width: 100%;
    /*min-height: 12rem;*/
    margin-top: -.1rem;
    display: none;
}
.boxIndex .rig-table{
    width: 100%;
    background: #f7f7f7;
    margin-top: -.1rem;
    display: none;
}
.model{
    width:100%;
    height: 100vh;
    background: #000000;
    opacity: .3;
    top: 0;
    position: absolute;
    display: none;
}
.model-content{
    display: none;
    width:100%;
    background: #fff;
    bottom: 0;
    padding-bottom: 1rem;
    position: fixed;
}
.model-content div,.model-content p{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .30rem;
}
.model-content p{
    width: 80%;
    margin: 0 auto;
    border-radius: .15rem;
    margin-top: .32rem;
    color: #fff;
}
.model-content p:nth-child(2){
    background: #3399ff;
}
.model-content p:nth-child(3){
    background: #85cb00;
}
.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;
}
.topLogo .search{
    display: none;
    /*display: inline-block;*/
    padding: 0;
    width:4.9rem;
    border-bottom: none;
}
.Statistical{
    display: none;
}







