﻿@charset "utf-8";
/* CSS Document */
html,input,button,select,textarea,form,fieldset,iframe,object,pre,code,legend,blockquote{margin:auto; padding:0; border:0; font-family:"Microsoft YaHei";}
html{font-size:16px;word-wrap: break-word;height:100%;width: 100%;}
body{height:100%;width: 100%;overflow:auto;-webkit-overflow-scrolling:touch;}
body{margin:0; padding:0; background-color:#f6f6f6; text-align:center;}
ul,ol,li{list-style:none; margin:auto; padding:0;}
a{text-decoration:none; color:inherit; font-size:inherit; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:none;}
button{cursor:pointer;}
*{outline:none; word-break: break-all;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input{
    -webkit-appearance: none;
}

.wrapper{/*position:fixed; */width:100%;height: 100%; margin:auto; padding:0;/*left:0;top:0;*/bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;}
.container{position:relative; width:100%; z-index:1000;margin-top:3rem;/*padding-top:25px;*/ overflow:auto;-webkit-overflow-scrolling:touch;}
.header01{position:fixed; top:0; width:100%; height:3rem; /*padding-top:25px;*/border-bottom: 1px solid #EAEAEA;box-sizing:border-box; -webkit-box-sizing:border-box; font-size:1.125rem; line-height:3rem;}
.header01 .back{position:absolute; display: block; left:0; /*top:25px;*/ width:3rem;height: 3rem; bottom:0; cursor:pointer;}
.back01{position: absolute;display: block;left:1rem;top:0.875rem;padding-top:25px;width:1.25rem;}
.back01 img{width:1.25rem;}

.header{position:absolute;/*position:relative; */top:0; width:100%; height:2.25rem; /*padding-top:25px;*/background-color:#6272ec; background:gradient(linear,0 0,0 100%,from(#6272ec),to(#6272ec)); background:-webkit-gradient(linear,0 0,0 100%,from(#6272ec),to(#6272ec)); z-index:10000; color:#fff; font-size:1.125rem; /*line-height:4.5rem;*/}
.header .back{top:0;position:absolute;display: block; left:0; /*top:25px;*/ width:3rem;height: 2.25rem; /*bottom:0;*/ cursor:pointer;}
.header .back img,.header01 .back img{ top:0rem;position:absolute; left:1rem; /*top:.875rem;*/ width:1.25rem;}
.gohome{display:none; position:absolute; right:0;  /*top:25px;*/ color:#fff; font-size:.8125rem; width:4rem; text-align:center;}
.listcover{width:100%;right: 0; bottom:0;height: 100%; position:fixed;top: 4.5rem;left: 0; display: none; z-index:1;}


.listcover01{width:100%;right: 0; bottom:0;height: 100%; position:fixed;top: 4.5rem;left: 0; display: none; z-index:1;}
.help-title01{position:relative; width:auto; margin:auto 1rem; padding:1.5rem 0; line-height:100%; font-size:.875rem; color:#728aec; border-bottom:1px solid #e5e5e5;}
.help-title02{position:relative; width:auto; margin:auto 1rem; padding:1rem 0; line-height:100%; font-size:.75rem; color:#ff6a00; border-bottom:1px solid #e5e5e5;}
.help-list{position:relative; width:auto; margin:auto 1rem; padding:0;}
.help-list ul{display:block; width:100%;}
.help-list ul li{position:relative; width:100%; padding:1.5rem 0; border-bottom:1px solid #e5e5e5;}
.help-icon{position:absolute; top:.5rem; left:.375rem;}
.help-icon img{width:3.375rem;}
.help-name{position:absolute; left:5rem; top:1.5rem; color:#2d2d2d; font-size:1rem; text-align:left;}
.help-txt{display:block; margin-left:8rem; margin-right:1rem; width:auto; padding:0; color:#5a5a5a; font-size:.875rem; text-align:left; line-height:150%;}
.btn-one{position:relative; width:auto; margin:1.875rem 2.75rem .875rem 2.75rem; padding:0;}
.btn-one a{display:block; width:100%; line-height:3rem; margin:auto; padding:0; color:#fff; font-size:1rem; background-color:#fb4b4d; border-radius:1.5rem;}
.btn-two{position:relative; width:40%; margin:1rem auto; padding:0;}
.btn-two a{display:block; width:100%; line-height:3rem; margin:auto; padding:0; color:#fff; font-size:1rem; background-color:#fb4b4d; border-radius:1.5rem;}
.btn-white{position:relative; width:auto; margin:1rem 2.75rem .875rem 2.75rem; padding:0;}
.btn-white a{display:block; width:100%; line-height:3rem; margin:auto; padding:0; color:#666; font-size:1rem; background-color:#f6f6f6; border:1px solid #888; border-radius:1.5rem;}
.card_sendbtn{position:fixed; bottom:1rem; left:0; width:100%;}
/*.btn-one a:active{background-color:#cc3d40;}*/
/*.btn-two a:active{background-color:#cc3d40;}*/
.home-banner{position:relative; margin:auto; padding:0;background-color: rgb(234, 234, 234);}
.home-banner img{width:100%;display: block;}
.home-btn{position:relative; width:100%; margin:auto; padding:1.5rem 0; background-color:#fff;}
.home-btnbox{position:relative; width:auto; margin:auto 1rem; padding:0; text-align:left;}
.home-btnbg{ float:left; width:33.3%; margin:auto; padding:0; text-align:center;}
.home-btnicon{position:relative; width:5rem; margin:auto; padding:1rem 0; background-color:#66baff; border-radius:1.5rem; box-shadow:6px 8px 10px #d4eaff;}
.home-btnicon img{ width:3rem;}
.home-btntxt{position:relative; width:auto; margin:auto; padding-top:1rem; color:#252525; font-size:.8125rem;}

.home-list{position:relative; margin-top:.875rem; padding:0;}
.home-list ul{ display:block; width:100%;}
.home-list ul li{display:block; position:relative; width:auto; height:3.375rem; margin-bottom:2px; padding:0; background-color:#fff; line-height:3.375rem;}
.home-list01{ border-left:.3125rem solid #f49a7f;}
.home-list02{ border-left:.3125rem solid #8489e5;}
.home-list03{ border-left:.3125rem solid #f8d636;}
.home-list04{ border-left:.3125rem solid #d2b3ec;}
.home-listicon{position:absolute; left:1.625rem; top:50%;}
.home-listicon img{ width:1.8125rem; position:absolute; top:-.9rem; left:0;}
.home-listgo{position:absolute; right:1.125rem; top:50%;}
.home-listgo img{width:1rem; position:absolute; top:-.5rem; right:0;}
.home-listtxt{display:block; margin-left:4.25rem; text-align:left; color:#252525; font-size:.9375rem;}

.card-listicon{position:absolute; left:1.5rem; top:50%;}
.card-listicon img{width:1.3125rem; position:absolute; top:-.625rem; left:0;}
.card-listtxt{display:block; margin-left:4rem; text-align:left; color:#252525; font-size:1rem;}

.binding-one{position:relative; width:100%; margin:auto; padding-top:1.125rem;}
.binding-one-box{position:relative; width:auto; min-height:3.125rem; margin:auto; padding:0; background-color:#fff; border-bottom:1px solid #f0f0f0; text-align:left;}
.binding-one-left{ position:absolute; left:1.5rem; top:1rem; color:#252525; font-size:.875rem; line-height:130%;}
.binding-one-right{position:relative; width:auto; margin-left:8rem; margin-right:1.5rem; padding:1rem 0; color:#666; font-size:.875rem; line-height:125%;}
.binding-one-right input{position:absolute; left:0; top:.75rem; width:100%; border:0; color:#666; font-size:.875rem; height:1.5rem; line-height:1.5rem;}
.binding-one-right input.in50{ width:70%;}
.binding-one-right .in80{ width:98%; line-height:150%;font-size: .875rem;color: #666;}
.binding-one-right .bc-slc{ position:absolute; left:0; top:.5875rem; width:90%; padding:0; border:1px solid #e0e0e0; font-size:.875rem; height:2rem; line-height:2rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.binding-two{position:relative; width:100%; margin:auto; padding-top:.75rem;}
.binding-two img{ width:80%; max-width:15rem;}
.binding-three{position:relative; width:100%; margin:auto; padding:.5rem 0 1rem 0; color:#808080; font-size:.75rem; text-align:left; line-height:180%;}
.binding-three p{ word-break: normal; display:block; margin:0 1.5rem 0 1.5rem; padding-left:.75rem; background:url(../../images/ac4p/icon-dot.png) 0 .625rem no-repeat; background-size:3px 3px;}
.binding-three p a{ color:#718ae7;}
.get-msg{ position:absolute; right:1.5rem; top:.25rem; width:6.5rem; height:2.5rem; font-size:.75rem; text-align:center; line-height:2.5rem;}
.get-msg a{ display:block; width:100%; height:2.5rem; color:#fff; background-color:#fb4b4d; border-radius:.25rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.get-msg a.wait{background-color:#fafafa; color:#eee; border:1px solid #fafafa;}
.waita{background-color:#fb4b4d; color:#fff; border:1px solid red;}
.binding-three h1{ display:block; margin:.25rem 1.5rem .5rem 1.5rem; padding:0; font-size:.75rem;}
.binding-three h2{ display:block; margin:.75rem 1.5rem .5rem 1.5rem; padding-top:.75rem; font-size:.75rem; border-top:1px solid #d7d7d7;}
.binding-three h3{ display:block; position:relative; margin:.75rem 1.5rem 0 1.5rem; padding:0; font-size:.75rem; color:#ffa04c; font-weight:normal; text-indent:1.5rem;}
.binding-three h3 img{ position:absolute; width:1rem; left:-.125rem; top:.25rem;}

.finish-one{position:relative; width:auto; margin:auto 1.5rem; padding:2.75rem 0 1.75rem 0; color:#404040; font-size:1rem; line-height:150%;}
.finish-one img{ width:4.25rem; padding-bottom:.75rem;}
.finish-two{position:relative; width:100%; margin:.625rem 0; padding:0;}
.finish-two ul{display:block; width:100%;}
.finish-two ul li{display:block; position:relative; width:100%; height:3rem; margin:auto; padding:0; background-color:#fff; border-bottom:1px solid #f6f6f6; line-height:3rem; text-align:left; color:#404040; font-size:.875rem; text-indent:1.5rem;}
.finish-two ul li a{ display:block; width:auto;}

.icon-go{ position:absolute; right:1.25rem; top:50%;}
.icon-go img{ position:absolute; width:1rem; right:0; top:-.5rem;}

.history-tab{ position:relative; width:100%; height:2.5rem; line-height:2.5rem; margin:auto; padding:0; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.history-tab a{ float:left; width:33.3%; height:2.5rem; color:#404040; font-size:.9375rem;}
.history-tab a.now{ color:#ff4b4a; border-bottom:2px solid #ff4b4a; box-sizing:border-box; -webkit-box-sizing:border-box;}
.history-list{position:relative; width:100%; margin:auto; padding:0;}
.history-list ul{ display:block; width:100%;}
.history-list ul li{display:block; position:relative; width:100%;}
.history-c01{ position:relative; width:100%; margin-top:.75rem; height:3rem; line-height:3rem; background-color:#f8f6f7; border-bottom:1px solid #eaeaea; color:#404040; font-size:.875rem; text-align:left; text-indent:1.5rem;}
.history-c02{ position:relative; width:100%; height:4.5rem; background-color:#fff; border-bottom:1px solid #eaeaea;}
.hisroty-c21{ position:absolute; left:1.5rem; top:1rem; color:#666; font-size:.875rem; text-align:left; line-height:1rem;}
.hisroty-c22{ position:absolute; right:1.5rem; top:1rem; color:#666; font-size:.875rem; text-align:right; line-height:1rem;}
.hisroty-c22 span{ color:#ff4d50; font-size:.9375rem;}
.hisroty-c23{ position:absolute; left:1.5rem; bottom:1rem; color:#666; font-size:.875rem; text-align:left; line-height:1rem;}
.hisroty-c24{ position:absolute; right:1.5rem; bottom:1rem; color:#8d8d8d; font-size:.75rem; text-align:right; line-height:1rem;}

.hdetail-one{ position:relative; width:100%; height:2.5rem; margin:auto; padding:0; color:#7089ed; font-size:.875rem; text-align:left; text-indent:1.5rem; line-height:2.5rem;}
.hdetail-two{ position:relative; width:100%; margin:auto; padding:0; background-color:#fff;}
.hdetail-two ul{ display:block; margin:0 1.5rem; padding:0; width:auto;}
.hdetail-two ul li{ display:block; position:relative; width:100%; height:2.5rem; margin:auto; padding:0; border-bottom:1px solid #eaeaea; font-size:.875rem; line-height:2.5rem; clear:both;}
.hdetail-two ul li:last-of-type{ border-bottom:0;}
.hdetail-two-left{ position:absolute; left:0; color:#404040;}
.hdetail-two-right{ position:absolute; right:0; color:#808080;}
.hdetail-two-right a{display:inline-block; position:relative; padding:0 1rem 0 .75rem; color:#6891eb;}
.hdetail-two-right .icon-go{ right:-.25rem;}
.hdetail-two-right .red{ color:#ff4c43;}
.hdetail-three{ position:relative; width:100%; margin-top:.75rem; padding:0; background-color:#fff;}
.hdetail-three ul{ display:block; margin:0 1.5rem; padding:0; width:auto;}
.hdetail-three ul li{ display:block; position:relative; width:100%; height:4.5rem; margin:auto; padding:0; border-bottom:1px solid #eaeaea; font-size:.875rem; line-height:4.5rem; clear:both;}
.hdetail-two ul li:last-of-type{ border-bottom:0;}
.hdetail-three01{ position:absolute; left:0; top:1rem; line-height:1rem; color:#404040; text-align:left;}
.hdetail-three02{ position:absolute; right:0; top:1rem; line-height:1rem; color:#808080; text-align:left;}
.hdetail-three03{ position:absolute; left:0; bottom:1rem; line-height:1rem; color:#404040; text-align:left;}
.hdetail-three04{ position:absolute; right:0; bottom:1rem; line-height:1rem; color:#333; text-align:left;}

.pwd-tab{ position:relative; width:100%; height:2.5rem; line-height:2.5rem; margin:auto; padding:0; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.pwd-tab a{ float:left; width:50%; height:2.5rem; color:#404040; font-size:.9375rem;}
.pwd-tab a.now{ color:#ff4b4a; border-bottom:2px solid #ff4b4a; box-sizing:border-box; -webkit-box-sizing:border-box;}
.pwd-new .binding-one, .pwd-find .binding-one{ padding-top:.625rem;}
.pwd-findbox{position:relative; width:auto; margin-top:.625rem; margin-bottom:1.5rem; padding:0 1.5rem; text-align:left; color:#404040; font-size:.875rem; background-color:#fff; line-height:3rem;}
.pwd-findbox a{display:block;}

.buycard-one{ position:relative; width:100%; margin:auto; padding:1.25rem 0; background-color:#fff;}
.buycard-one img{ width:80%; max-width:16rem;}
.buycard-two{position:relative; width:100%; margin-top:.375rem; padding:0; background-color:#fff; text-align:left; font-size:.875rem; clear:both;}

.buycard-two .buycard-right label:last-of-type{display:block;width: 9rem;}
.buycard-two .buycard-left{ position:absolute; left:1.5rem; top:.875rem; line-height:2rem; color:#404040; font-size:.875rem; font-weight:bold;}
.buycard-two .buycard-right{ position:relative; width:auto; margin-left:5rem; margin-right:1rem; padding:.5rem 0; line-height:2rem; clear:both;}
.buycard-two .buycard-right .bc-in{ position:absolute; width:1px; left:-1000rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.buycard-two .buycard-right .bc-ins{ border:1px solid #d7d7d7; border-radius:.25rem; width:5.5rem; height:2rem; line-height:2rem; margin:.375rem .375rem .375rem 0; padding:0 .375rem; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;}
.buycard-two .buycard-right .bc-in ~ div{ float:left; min-width:2rem; margin:.375rem .75rem .375rem 0; height:2rem; line-height:2rem; padding:0 .625rem; text-align:center; border-radius:.25rem; border:1px solid #d7d7d7;}
.buycard-two .buycard-right .bc-in:checked ~div{ background-color:#fb4b4b; border:1px solid #fb4b4b; color:#fff;}
.buycard-three{position:relative; width:100%; height:3.125rem; line-height:3.125rem; margin-top:.375rem; padding:0; background-color:#fff; text-align:left; font-size:.875rem; clear:both;}
.buycard-three .buycard-left{ position:absolute; left:1.5rem; top:0; color:#404040; font-size:.875rem; font-weight:bold;}
.buycard-three .buycard-right{position:relative; width:auto; margin-left:5rem; margin-right:1rem; padding:0; clear:both;}
.buycard-three .buycard-right .red{ color:#fb4b4d; font-size:1rem;}
.buycard-three .buycard-right .num-l{float:left; margin-top:.6875rem; padding:0; width:1.75rem; height:1.75rem; border:1px solid #d7d7d7; border-radius:1rem; color:#808080; font-size:2rem; text-align:center; line-height:1.75rem;}
.buycard-three .buycard-right .num-m{float:left; margin-top:.6875rem; padding:0; width:2.75rem;}
.buycard-three .buycard-right .num-in{display:block; width:100%;background:#fff; border:1px solid #fff; text-align:center; height:1.75rem; line-height:1.75rem; color:#fb4b4d; font-weight:bold;font-size: .875rem;}
.buycard-three .buycard-right .num-r{float:left; margin-top:.6875rem; padding:0; width:1.75rem; height:1.75rem; border:1px solid #d7d7d7; border-radius:1rem; color:#808080; font-size:1.5rem; text-align:center; line-height:1.75rem;}
.buycard-three .buycard-right .num-l img,.buycard-three .buycard-right .num-r img{width: 100%;height:100%;}

.bc-top{position:relative; width:auto; margin:0 .75rem 0 1.5rem; padding:1rem -0 .25rem 0; line-height:150%; color:#999; font-size:.8125rem; text-align:left;}
.bc-top span{ color:#fb4b4d; font-size:1rem;}

.bc-info{position:relative; margin:auto; padding:0; width:auto; padding:1rem 1.5rem; color:#666; font-size:.875rem; background-color:#fff; border-bottom:1px solid #eaeaea; text-align:left;}
.gets-in{position:absolute; width:1px; left:-200rem;}
.gets-check{position:absolute; left:1.5rem; top:50%; margin-top:-.625rem;}
.gets-check span img{width:1.25rem;}
.gets-txt{padding-left:28px;}
.gets-yes{display:none;}
.gets-in:checked ~ .gets-check .gets-yes{display:inherit;}
.gets-in:checked ~ .gets-check .gets-no{display:none;}
.hid-info{position:relative; width:auto; margin:auto; padding:0; background-color:#fff; display:none;}
.hid-info .binding-one-box{margin-left:1.5rem;}
.hid-info .binding-one-left{left:0;}
.hid-info .binding-one-right{margin-left:6.5rem;}


#pArea{height: 2rem;line-height: 2rem;}
.cardpwd_ul li.ul-del{width: 33%;background:#d1d5db;text-align: center;}
.ul-del img{width: 3.5rem;}

.paypo{position:fixed;margin:auto 1rem;width:auto;z-index: 2002;background:#fff;display: none;padding-bottom: 3rem;border-radius: 5px;}
.paypo-tit{padding:.5rem 0;border-bottom: 1px solid #e0e0e0;position:relative}
.paypo-cenp{color:#000;font-size: 1.5rem;}
.paypo-titl{position: absolute;top:50%;display:block;left:1rem;width:1rem;}
.paypo-titl img{width:1rem;position: absolute;left:0;top:-.5rem}
.popup{ position:fixed; left:0; top:0; bottom:0; width:100%; z-index:2000; display:none;}
.popup-bg{ position:fixed; left:0; top:0; bottom:0; width:100%; background-color:#000; opacity:.5;}
.popup-box{position:absolute; left:2.5rem; right:2.5rem; top:50%; margin-top:-7rem; width:auto; background-color:#fff; border-radius:.375rem;}
.popup-boxs{position:absolute; left:0; right:0; bottom:0; width:auto; background-color:#f8f8f8;}


.popup-box01{position:relative; width:auto; height:3rem; margin:auto; padding:0; text-align:center; line-height:3rem; color:#404040; font-size:.875rem; border-bottom:1px solid #eaeaea; font-weight:bold;}
.popup-box01 img{ position:absolute; width:1.25rem; left:1rem; top:.875rem;}
.popup-box02{ position:relative; width:auto; margin:2.5rem 0; padding:0;}
.popup-box02 ul{ display:block; width:100%; border-top:1px solid #eaeaea; }
.popup-box02 ul li{ display:block; position:relative; width:100%; height:3rem; line-height:3rem; border-bottom:1px solid #eaeaea; color:#404040; font-size:.875rem; text-align:right;}
.popup-box02 ul li a{ display:block; width:100%; height:100%;}
.popup-box02 ul li .icon-go{ right:.5rem;}
.popup-box02 ul li .pay-logo{ position:absolute; left:1rem; top:50%;}
.popup-box02 ul li .pay-name{ position:absolute; right:2rem; top:0;}
.popup-box02 ul li .pay-logo img{ position:absolute; left:0; top:-1.125rem; width:2.25rem;}

.popup-box03{position:relative; margin:auto; width:auto; padding:16px; color:#888; font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:170%;}
.popup-btn{position:relative; margin:auto; padding-bottom:1rem; width:auto;}
.popup-no{display:inline-block; width:42%; height:2.5rem; border:1px solid #eaeaea; line-height:2.5rem; color:#666; font-size:16px; border-radius:1.75rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.popup-yes{display:inline-block; width:42%; height:2.5rem; background-color:#e90; line-height:2.5rem; color:#fff; font-size:16px; border-radius:1.75rem; box-sizing:border-box; -webkit-box-sizing:border-box;}

.cardlist-top{ position:fixed; left:0; width:100%; top:3rem;/*margin-top:25px ;*/ z-index:2000; background-color:#fff;}
.cardlist-tops{ position:absolute; left:50%; top:0:}
.cardlist-tops img{ position:absolute; width:4.5rem; left:-2.25rem; top:-2rem;}
.cardlist-tab{position:relative; width:100%; margin:auto; padding-top:1.75rem; border-bottom:1px solid #eaeaea; height:2.5rem;}
.cardlist-tab a{ float:left; width:33.3%; height:2.5rem; color:#404040; font-size:.9375rem; line-height:2.5rem;}
.cardlist-tab a.now{ color:#ff4b4a; border-bottom:2px solid #ff4b4a; box-sizing:border-box; -webkit-box-sizing:border-box;}
.cardlist-pri{padding: .75rem 0;}
.cardlist-pri01{background: #fff;}
.cardlist-pri .card-prin{color:#FF4D50}

.cardlist-box{ position:relative; width:100%; margin:auto; padding-top:5rem;}
.cardlist-box ul{ display:block; width:100%;}
.cardlist-box ul li{ display:block; width:100%; height:4.75rem; background:gradient(linear,0 50%,0 100%,from(#fff),to(#ececec)); background:-webkit-gradient(linear,0 50%,0 100%,from(#fff),to(#ececec));}
.cardlist-cbg{position:relative; width:18rem; height:4.75rem; margin:auto; margin-top:.875rem; padding:0; overflow:hidden;}
.cardlist-c00{ position:absolute; left:0; top:0;}
.cardlist-c00 img{ width:100%;}
.cardlist-c01{ position:absolute; left:1.25rem; right:7rem; top:1rem; line-height:1rem; text-align:left; color:#fff; font-size:.9375rem;}
.cardlist-c02{ position:absolute; right:1.25rem; top:1rem; line-height:1rem; text-align:right; color:#fff; font-size:.875rem;}
.cardlist-c02 span{ font-size:1.125rem;}
.cardlist-c03{ position:absolute; left:1.25rem; bottom:.75rem; text-align:left; color:#fff; font-size:.75rem;}

.cardlist-btn{ position:fixed; bottom:0; left:0; width:100%; height:3rem; line-height:3rem;font-size:1rem;}
.cardlist-btn span{ padding-right:.25rem; font-weight:bold;}
.cardlist-c04{ position:absolute; right:1.25rem; top:.5rem;}
.cardlist-c04 img{ width:4rem;}
.cardlist-btn a{width: 100%;display: block;background-color:#fb4b4e;  color:#fff; }
/*.cardlist-btn a:active{background-color:#cc3d40;}*/

.cardlist-c05{position:absolute; right:4rem; bottom:1.25rem; background-color:#ddd;}
.cardlist-c05 .gets-check{position:absolute; right:0; top:0;}
.cardlist-c05 .gets-check span img{width:1.25rem;}

.qcode{position:relative; width:100%; z-index:1000;margin-top:3rem;/*padding-top:25px;*/ padding-bottom:3rem;overflow:auto;background:#7094ec;-webkit-overflow-scrolling:touch;}
.qcode p{margin:0; padding:.5rem 0; color:#808080; font-size:.75rem; line-height:100%;}
.qcode span{ font-size:1.5rem; color:#fb4d4f;}
.qcodebigtit{color:#fff;margin: 1.5rem auto;}
.qcode-line{border-bottom: 2px dotted #EAEAEA;padding-bottom: 1rem;background:#fff;}
.qcode .qcode-p{background:#fff;padding-top: 1rem;}
.qcodebg{position:relative; width:auto; height: 100%;bottom: 0; margin:0 1rem 1rem 1rem; padding-bottom:1rem; background-color:#f7f7f7; border-radius:.75rem;-webkit-overflow-scrolling:touch;}
.qcodetitle{position:relative; width:auto; background:#fff; border-radius:.75rem .75rem 0 0;padding:.75rem 0; border-bottom:1px dashed #e0e0e0;}
.qcodecl01{ position:absolute; width:1rem; height:1rem; border-radius:.5rem; background-color:#7094ec; left:-.5rem; bottom:-.5rem;}
.qcodecl02{ position:absolute; width:1rem; height:1rem; border-radius:.5rem; background-color:#7094ec; right:-.5rem; bottom:-.5rem;}
.qcodetitle01{ position:relative; width:auto; margin:auto; padding:0; color:#666; font-size:.8125rem; line-height:170%;}
.qcodetitle02{ position:relative; width:auto; margin:auto; padding:0; font-size:1.5rem; color:#fb4d4f; line-height:170%;}
.sx-box{position:relative; width:auto; margin:auto 1rem; padding:0; color:#fff; font-size:.8125rem;}
.sx-box span{padding-right:.5rem;}
.sx-box img{width:1.25rem; margin-bottom:-.25rem;}

.clear{ clear:both;}
.game_time{width:8rem;height:8rem;position:relative;margin:0 auto;bottom:0;text-align:center;padding-top: .5rem;}
.pie{width:8rem;height:8rem;background-color:blue;border-radius:100px;position:absolute;}
.pie1{clip:rect(0px,8rem,8rem,4rem);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);background-color:#d4daf4;}
.pie2{clip:rect(0px,4rem,8rem,0px);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);background-color:#d4daf4;}
.hold{width:8rem;height:8rem;position:absolute;z-index:1;}
.bg{width:8rem;height:8rem;border-radius:8rem;position:absolute;background-color:#8096e9;}
.time{width:7.5rem;height:7.5rem;margin:.25rem 0 0 .25rem;background-color:#f7f7f7;border-radius:7.5rem;position:absolute;z-index:1;text-align:center;line-height:7.5rem;font-size:2rem;color: #fb4d4f;}

.paym-m{color:#808080;padding: .5rem 0 .5rem 1.5rem;text-align: left;}
.paym-pay{width:100%;}
.paym-pay ul{position:relative;width: auto;margin:0 1rem}
.paym-pay ul li{margin-bottom:.5rem;width:100%;position:relative;border-radius: 5px;font-size: .875rem;background:#fff;border:1px solid #EAEAEA;min-height: 3rem;}
.paym-left{position:absolute;left:.5rem;top:50%;}
.paym-left img{width:8rem;position:absolute;top:-1.05875rem}
.paym-cen{position:absolute;right:1.75rem;line-height:3rem ;}
.paym-right{position: absolute;right:1.5rem;top:50%; }
.paym-right img{width:1rem;position:absolute;top:-.5rem;}
.paym-fir{margin-top:2.5rem}
/*card_1*/
.card_img1{position:relative; width:100%; height:10rem; color:white; /*padding-top:25px;*/ margin-top:3rem; background:url(../../images/ac4p/detail-bg.png) no-repeat; background-size:100% 100%;}.card_img1 div{text-align:left; margin:0 1.5rem;}
.card_img1 .card_div0{font-size:.875rem; padding-top:.5rem;}
.card_img1 .card_div1{font-size:.75rem; margin-top:1.7rem;}
.card_img1 .card_div2{font-size:.75rem; text-align:center;}
.card_img1 .card_div2 span{ font-size:2rem; font-weight:bold;}
.card_ul1{position:relative; display:block; margin-top:.625rem; width:100%; background:#fff;}
.card_ul1 li{display:block; position:relative; width:100%; text-align:left; line-height:3rem; font-size:1rem; color:#252525; border-bottom:1px solid #eaeaea;}
.card_ul1 li a{ display:block; width:auto; height:100%;}
.card_ul1 li span{display:inline-block;padding-right:1.5rem;}
.card_li2{height:0.75rem;width:100%;background:#ececec}
.cardli_span1{color:#6a6a6a;margin-left:1rem}
.card_g{position:absolute;right:1.5rem;font-size: 30px;color:#cecece;line-height: 3.5rem;}
.card-num{color:#EE9900}

.card_cover{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;z-index:1002;background:#6d6d6d;opacity: 0.3;display: none;}
.card_send1,.card_del1{width:17rem;height:17.1rem;background:white;z-index: 1003;border-radius:5px 5px;position:fixed;left:14%;top:14.8rem;}
.card_bt1{width:16rem;margin:1.85rem 0 0 1rem;}
.card_bt1 button,.card_bt3 button{width:6rem;height:3.33rem;margin-right:1rem;border-radius:1.6rem 1.6rem;background:white;border:1px solid #eeeeee;}
.card_bt3{width:16rem;margin:1.5rem 0 0 1rem;}

.cardpwd_span1{position: absolute;left: 0;display: inline-block;top:50%}
.cardpwd_span1 img{width:1rem;position: absolute;top:-.5rem}
.cardpwd_div1{width:100%;margin-left:1rem;height:2.9375rem;position:relative;line-height:2.75rem;font-size:1.125rem;border-bottom: 1px solid #bfbfbf;}
.cardpwd_ri{min-height: 3rem;clear:both;margin:0;line-height: 3rem;}
.cardpwd_right{display:block;position:absolute;right:1rem;}
.cardpwd_ul{width:100%;height:16rem;}
.cardpwd_ul li{width:33%;height:4rem;float:left;font-size:32px;border-right:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;background:white}
.cardpwd_inp{margin:.75rem auto}
.cardpwd_inp input{width:15%;height:2.5rem;border:1px solid #d2d2d2;margin:auto 0;padding:auto 0;text-align: center;background:#f8f8f8;}
.cardpwd_inp .inpm{border-right:none;margin-right:-0.25rem}
.cardpwd_forget{top:10%;display:none;z-index:2100;width:auto;margin:16rem auto;min-height:5.5rem;background:white;position:fixed;left:2rem;right:2rem;border-radius:5px;}
.cardpwd_forget01{display:none;z-index:2100;width:auto;margin-top:2rem;min-height:8rem;background:white;position:fixed;left:2rem;right:2rem;border-radius:5px;}
.cardpwd_forget li,.cardpwd_forget a,.cardpwd_forget01 li{height:2.8rem;width:50%;line-height:2.8rem;font-size:.875rem;float: left;color:#2096e9; box-sizing:border-box; -webkit-box-sizing:border-box;}
.cardpwd_ford01{padding: 1rem .5rem .5rem .5rem;width:auto;font-size: .5rem;}
.cardpwd_ford02{padding-bottom: .5rem;width:auto;font-size: .75rem;}
.cardpwd_inp1{font-weight:bold;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;position: absolute;bottom: 0;}
.cardpwd_inp2{position:absolute;bottom:0;right:0;border-top:1px solid #c9c9c9}
.cardpwd_ul li{width:33%;height:3.5rem;float:left;font-size:32px;line-height:3.5rem;border-right:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;background:white}
.cardpwd_ul{width:100%;height:14rem;}

/*.cardpwd_span1{position:absolute;left:1rem;font-size:1.75rem;color:#e5e5e5;}
.cardpwd_div1{width:100%;position:relative;height:2.9375rem;line-height:2.75rem;font-size:1.125rem;border-bottom: 1px solid #bfbfbf;margin-bottom: 1.75rem;}
.cardpwd_right{height:3rem;display:block;margin-bottom:1rem;position:absolute;right:0;top:31%}
.cardpwd_ul{width:100%;height:16rem;margin-top:2.65rem;}
.cardpwd_ul li{width:33%;height:4rem;float:left;font-size:45px;border-right:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;background:white}
.cardpwd_inp input{width:15%;height:3rem;border:1px solid #d2d2d2;margin:auto 0;padding:auto 0;text-align: center;background:#f8f8f8;}
.cardpwd_inp .inpm{border-right:none;margin-right:-0.25rem}
.cardpwd_forget{display:none;z-index:1003;width:72%;height:7.5rem;background:white;position:absolute;top:43%;left:14%;border-radius: 3% 3%;}
.cardpwd_forget li{height:2.8rem;width:49%;line-height:2.8rem;font-size:.875rem;float: left;color:#2096e9}
.cardpwd_inp1{font-weight:bold;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9}*/
/*card_4*/
.card_content1{width:100%;height:45rem;margin-top:3.75rem;background:#ececec;}
.card_content1 li{height:3.8rem;line-height: 3.8rem;}
.card_content1 .card_li41{background:white;text-align: left;padding-left:1.5rem;border-bottom:1px solid #ececec;}
.cardli_span41{padding-left:4.96rem;color:#8d8d8d;}
.cardli_span42{padding-left:3rem;color:#8d8d8d;}
.card_in41{font-size:30px;margin:0 1rem 0 -1rem;}
.card_in42{width:76.5%;height:3.8rem;background:#fb4c4c;color:white;font-size:20px;border-radius:1.9rem 1.9rem;}
.card_li44{list-style: circle;color:#8e8e8e;margin-left:-1.5rem}
/*card_5*/
.card-tab{ position:relative; width:100%; height:2.5rem; line-height:2.5rem; margin:auto; padding:0; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.card-tab a{ float:left; width:50%; height:2.5rem; color:#404040; font-size:.9375rem;}
.card-tab a.now{ color:#ff4b4a; border-bottom:2px solid #ff4b4a; box-sizing:border-box; -webkit-box-sizing:border-box;}

/*card_6*/
.card_tab1{display:block; width:100%; font-size:.875rem;}
.card_tab1 li{height:3rem; border-bottom:1px solid #eaeaea; background:white; text-align:left; padding-left:1.5rem; line-height:3rem; color:#333;}
.card_tab1 li span{position:absolute; right:1.5rem; color:#6a6a6a;}

/*支付完成添加*/
.paysuc{width:auto;border-top:1px solid #EAEAEA;margin-top:.5rem;position: relative;}
.paysucy{width:50%;display: inline-block;padding:.75rem 0;position: absolute;left:0;color:#666;border-right: 1px solid #eaeaea;box-sizing:border-box; -webkit-box-sizing:border-box;}
.paysucn{width:50%;display: inline-block;padding:.75rem 0;position: absolute;right:0;color:#6272ec;font-weight: bold;}
@media screen and (max-width:320px){ 
   .binding-one-left{left:1rem;}
   .binding-one-right{margin-left:7rem; margin-right:1rem;}
   .hdetail-one{text-indent:1rem;}
   .hdetail-two ul{margin:0 1rem;}
   .hdetail-three ul{margin:0 1rem;}
   .get-msg{right:1rem;}
   .bc-top{margin:0 .25rem 0 1rem; font-size:.75rem;}
} 
/**
弹框 
*/
.prompts_box{border-radius:8px;overflow:hidden;padding:15px;background:#333;opacity:0.9; display:none;z-index:99999}
.prompts_box p{ font-size:14px; color:#fff; margin:0px; text-align:center;}
.buycard-two .buycard-right .bc-in-style{ position:absolute; width:1px; left:-1000rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.buycard-two .buycard-right .bc-in-style ~ div{ float:left; min-width:2rem; margin:.375rem .75rem .375rem 0; height:2rem; line-height:2rem; padding:0 .625rem; text-align:center; border-radius:.25rem; border:1px solid #d7d7d7;}
.buycard-two .buycard-right .bc-in-style:checked ~div{ background-color:#fb4b4b; border:1px solid #fb4b4b; color:#fff;}
.back01{position: absolute;left:1rem;top:0.875rem;width:1.25rem;}
.paypopay{position:fixed;margin:auto 1rem;width:auto;z-index: 2002;background:#fff;display: none;padding-bottom: 3rem;border-radius: 5px;}

.page_box{ clear:both; border-bottom:1px solid #d2d2d2; height:42px; background:#ffffff;}
.page_box a{ display: inline-block; height:42px; line-height:38px; width:49.8%;  text-align:center}
/*.page_box a:active{background:#fafafa;}*/
.page_box .l{ background:#ffffff;float:left;}
.page_box .r{background:#ffffff; border-left:1px solid #ffffff;float:right;}
.page_box .r.sp{background:#fafafa; border-left:1px solid #d2d2d2;}
.en,.ch{position: absolute;z-index:2000;right: 0;top: 2.5rem;background: #fff;color: #666;padding:.25rem 0 .25rem 1rem;width:3.25rem;text-align:left;border-radius: 30px 0 0 30px;}
.en{display: none;}
/*.btn-one a:active{background-color:#cc3d40;}*/
.pwd-num{width:100%;height:100%;font-size: 32px; border-bottom:1px solid #eaeaea;background: #fff;box-sizing:border-box; -webkit-box-sizing:border-box;}
.cardpwd_ul li{width:33%;height:3.5rem;float:left;font-size:32px;border-right:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;background:white}
input.pwd-num{border-radius:0;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
@media screen and (min-width:414px) and (max-width:480px){
.binding-three p{margin:auto 1.5rem;font-size: .875rem;}
}
@media screen and (max-width:320px){
.binding-three p{margin:auto .5rem;font-size: .875rem;}
}

.qcode .time-sxfa{position: relative;width: auto;font-size:1.25rem;height: 0;display: inline-block;text-align: center;}
.time-sxbtn{position:absolute;top:3.25rem;font-size:1.25rem;background: #f7f7f7;width: 3.5rem;height: 3.5rem;z-index: 4;color: #fb4d4f;margin-left: -1.75rem;}

.binding-threenew{ padding:.5rem 0 1rem 0; color:#808080; font-size:.75rem; text-align:left; }
.binding-threenew p{ word-break: normal; padding-left:.75rem; background:url(../../images/ac4p/icon-dot.png) 0 .625rem no-repeat; background-size:3px 3px;}
.binding-threenew p a{ color:#718ae7;}

.cardpwd_left{display:block;position:absolute;right:1rem;}
.cardpwd_forget_try{top:10%;display:none;z-index:2100;width:auto;margin:16rem auto;min-height:5.5rem;background:white;position:fixed;left:2rem;right:2rem;border-radius:5px;}
.cardpwd_forget_try li,.cardpwd_forget_try a,.cardpwd_forget01 li{height:2.8rem;width:50%;line-height:2.8rem;font-size:.875rem;float: left;color:#2096e9; box-sizing:border-box; -webkit-box-sizing:border-box;}



.pwd-tab1{ position:relative; width:100%; height:2.5rem; line-height:2.5rem; margin:auto; padding:0; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.pwd-tab1 a{ float:left; width:33.3%; height:2.5rem; color:#404040; font-size:.9375rem;}
.pwd-tab1 a.now{ color:#ff4b4a; border-bottom:2px solid #ff4b4a; box-sizing:border-box; -webkit-box-sizing:border-box;}

.barcode2{ -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.txt{width: 100%;height: 100px;}
	/*弹框*/
.jlf-choose{display: none;}
.jlf-cover{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;z-index:1002;background:#6d6d6d;opacity: 0.3;}
.jlf-tkbox{position: fixed;width: 100%;left: 0;top: 25%;z-index: 1003;}
.jlfgets-yes{display: none;}
.jlfgets-yes,.jlfgets-no{position: absolute;left:1.25rem;width: 1rem;height: 1rem;top: 1rem;}
.three-tabson .jlfgets-yes,.three-tabson .jlfgets-no{position: absolute;left:1.25rem;width: 1rem;height: 1rem;top: 1.875rem;}
.jlfgets-yes img,.jlfgets-no img{width: 100%;display: inline-block;position: absolute;}
.jlfgets-in:checked ~ .meimei .jlfgets-yes,.jlfgets-in:checked ~ .meimei01 .jlfgets-yes{display:block;}
.jlfgets-in:checked ~ .meimei  .jlfgets-no,.jlfgets-in:checked ~ .meimei01  .jlfgets-no{display:none;}
.jlfgets-in:checked ~ .meimei,.jlfgets-in:checked ~ .meimei01{color: #000;}
.three-tab{width: auto;position: relative;height:10rem;overflow-y:scroll;overflow-x:hidden ;border-radius: .375rem .375rem 0 0;}
.three-tab label{cursor:pointer; display:block;position: relative;z-index: 1005;text-align: left}
.three-tab label input{position: absolute;width:100%;height:3rem;top:0;z-index: 1006;opacity: 0;}
.meimei01{background: #fff;position: relative;z-index: 1;padding: 1.5rem 0 .75rem 0;border-bottom: 1px solid #eaeaea;width:100%;color: #808080;}
.meimei{background: #fff;position: relative;z-index: 1;padding: .75rem 0;border-bottom: 1px solid #eaeaea;width:100%;color: #808080;}
.jlf-txt{width: auto;padding-right:1.25rem ;display: inline-block;margin-left: 2.75rem;word-break: break-word;}
.bc-slctxt{width: auto;font-size:.75rem;height: 1.125rem;padding-right:1rem;padding-left:.5rem;border: 1px solid #EAEAEA;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../../images/ac4p/three.png) no-repeat right center;background-size: 1rem 1rem;}
.jlf-tkboxson{width: auto;background: #fff;margin: 0 2rem;border-radius: .375rem;overflow: hidden;}
.jlf-chobtn{height: 3rem;width: auto;background: #fff;border-top:1px solid #eaeaea;}
.jlf-chobtn a{display: inline-block;width: 50%;float: left;color: #2096e9;line-height: 3rem;}
.jlf-chobtn a:first-of-type{border-right:1px solid #eaeaea;box-sizing:border-box; -webkit-box-sizing:border-box;}
.three-tab label .last{border-bottom:none ;}
