html,body,div,ul,ol,li,span,p,a,b,i,h1,h2,h3,h4,img,input,select,textarea,button{margin: 0; padding: 0; border: 0;-webkit-tap-highlight-color: transparent;}
html,body{ width: 100%; height: 100%; position: relative; }
.pay_m{
  
}
ul,ol,li{list-style: none;}
input,select,textarea{ outline: none; background-color: #fff;}
input:not([type="checkbox"]){appearance:none; -webkit-appearance:none;}
input[type="checkbox"]{padding: 0 !important;}
select{appearance:none; -webkit-appearance:none; position: relative; background-image: url(../img/ico_select.png); background-repeat: no-repeat; background-position: 95% 50%; background-size: auto 20%;}
[v-cloak] {
  display: none;
}
a{text-decoration: none;}
.show{display: block !important;}
.hide{display: none !important;}
.__disabled{ background: #bbbbbb !important; }
.__loading{}
.__loading:before{content: ""; display: inline-block; width: 1rem; height: 1rem;background: url(../img/loading.png) center no-repeat; background-size: contain;animation: Rotate 1s linear infinite; margin-right: .5rem; vertical-align: text-top;}
.__overflow_hide{overflow: hidden; position:fixed;}
.loading_wrapper{position: absolute; height: 100%; width: 100%; background-color: rgba(255, 255, 255, .75);}
.loading_wrapper i{  margin: 0 auto; position: absolute; margin: auto; top: 0;  bottom: 0; left: 0; right: 0; width: 20px; height: 20px;}
.loading_wrapper i:before{ width: 25px; height: 25px;}
.top_bar{ width: 100%; height: 80px; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); position: fixed; top: 0; left: 0; z-index: 6; background-color: rgba(255, 255, 255, .95); }
.top_bar{ width: 100%; height: 2.25rem; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); position: fixed; top: 0; left: 0; z-index: 6; background-color: rgba(255, 255, 255, .95); }
.top_bar .logo{ width: 5.8rem; display: block; float: left; margin: .4rem 0 0 .5rem; }
.top_bar .logo img{ width: 100%; display: block; }

.nav_box{ width: 100%; padding: 0 1rem; height: 2.25rem; background-color: #fff; box-sizing: border-box; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); position: fixed; bottom: 0; left: 0; z-index: 6; }
.nav_box a{ width: 33.33%; height: 2.25rem; display: block; position: relative; line-height: 3.1rem; font-size: .6rem; color: #333; text-align: center; float: left;}
.nav_box a:before{ content: ""; display: block; width: 1rem; height: 1rem; position: absolute; top: .2rem; left: 50%; margin-left: -.5rem; background-image: url(../img/ico_nav.png); background-size: 300% 200%;}
.nav_box a:nth-child(1):before{ background-position: 0 100%; }
.nav_box a:nth-child(2):before{ background-position: 50% 100%; }
.nav_box a:nth-child(3):before{ background-position: 100% 100%; }
.nav_box a.cur:nth-child(1):before{ background-position: 0 0; }
.nav_box a.cur:nth-child(2):before{ background-position: 50% 0; }
.nav_box a.cur:nth-child(3):before{ background-position: 100% 0; }
.nav_box a:nth-child(1):hover:before{ background-position: 0 0; }
.nav_box a:nth-child(2):hover:before{ background-position: 50% 0; }
.nav_box a:nth-child(3):hover:before{ background-position: 100% 0; }
.nav_box a.cur{ color: #0fcef0;}
.nav_box a:hover{ color: #0fcef0;}

.top_bar .user_info{ float: right; font-size: .6rem; color: #333; height: 2.25rem; }
.top_bar .user_info a{ display: block; float: left; color: #333; text-align: center; position: relative; line-height: 3.2rem;}
.top_bar .user_info a:hover{ background-color: #0fcef0; color: #fff;}
.top_bar .user_info a.btn_login{  width: 2.25rem; height: 2.25rem; }
.top_bar .user_info a.btn_login:before{content: ""; width: 1.2rem; height: 1.2rem; display: block; position: absolute; top: .1rem; left: 50%; margin-left: -.6rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -.1rem 0; }
.top_bar .user_info a.btn_reg{  width: 2.25rem; height: 2.25rem; }
.top_bar .user_info a.btn_reg:before{content: ""; width: 1.2rem; height: 1.2rem; display: block; position: absolute; top: .1rem; left: 50%; margin-left: -.6rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -2.4rem 0; }

.top_bar .user_info span{ float: left; font-size: .6rem; line-height: 2.25rem; color: #333; display: block; float: left; }
.top_bar .user_info .welcome:before{ content: ""; width: 1.2rem; height: 1.2rem; display: inline-block; vertical-align: middle; margin-top: -.1rem; margin-left: -.5rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -.1rem 0; }
.top_bar .user_info .down_menu{ width: 1.2rem; float: left; margin: 0 .5rem 0 .5rem; height: 2.25rem;}
.top_bar .user_info .down_menu i{ width: 1rem; height: 1rem; display: block; margin: .6rem auto; border: 1px #d3d3d3 solid; border-radius: 1rem; position: relative; cursor: pointer;}
.top_bar .user_info .down_menu i:before{ content: ""; display: block; width: .3rem; height: .3rem; border-top: 1px #bbb solid; border-left: 1px #bbb solid; position: absolute; transform: rotate(-135deg); top: .25rem; left: .3rem; }
.top_bar .user_info .down_menu .list{ width: 4rem; padding: .15rem 0; border: 1px #e3e3e3 solid; border-radius: .2rem; position: absolute; top: 2.5rem; right: .2rem; background-color: #fff; display: none;}
.top_bar .user_info .down_menu .list:before{ content: ""; display: block; width: .4rem; height: .4rem; background-color: #fff; border-top: 1px #e3e3e3 solid; border-left: 1px #e3e3e3 solid; position: absolute; transform: rotate(45deg); top: -.3rem; right: .65rem; }
.top_bar .user_info .down_menu .list a{ width: 100%; display: block; text-align: center; font-size: .6rem; color: #666; height: 1.5rem; line-height: 1.5rem; border-radius: 0;}
.top_bar .user_info .down_menu .list a:hover{ background-color: #fafafa; color: #0fcef0; }
.top_bar .user_info .down_menu:hover .list{ display: block; }


#banner{ width: 100%; height: 33.35rem; position: relative; overflow: hidden; }
#banner .flex-viewport{ height: 100%; }
#banner .slides{ height: 100%; }
#banner .slide{ width: 100%; height: 100%; position: relative; overflow: hidden;}
#banner .slide a{ width: 100%; height: 100%; display: block;  background-size: 100% 100%;}
#banner .slide a img{ position: absolute; top: 50%; left: 50%; transform: translate(-175%,340%); transition: .5s;}
#banner .slide a img:hover{ top: 49.5%; }


.game_wrapper{ background-color: #f6f6f6; padding: 2rem 0 1rem; min-height: 100vh; }
.game_list{ width: 17.75rem; margin: 0 auto; }
.game_list .game_box{ width: 16rem; padding: 0 .875rem 1rem; background-color: #fff; border-radius: .5rem; margin: 3rem 0; }
.game_list .game_box .game_cover{ width: 100%; border-radius: .5rem; overflow: hidden; transform: translateY(-1.5rem); }
.game_list .game_box .game_cover img{ width: 100%; }
.game_list .game_box .game_info{ width: 100%; overflow: hidden; margin-top: -1rem;}
.game_box .game_info h2{ font-size: .9rem; color: #333; display: block; line-height: 1.5rem; }
.game_box .game_info .game_intro{ margin: .25rem 0; font-size: .6rem; color: #666; line-height: 1rem; height: 5rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.game_box .game_info .soc{ height: 1.5rem; padding: .5rem 0; border-bottom: 1px #ddd dashed; }
.game_box .game_info .soc a{ width: 4.8rem; height: 1.5rem; border: .1rem #0fcef0 solid; border-radius: .3rem; text-align: center; line-height: 1.5rem; font-size: .6rem; color: #0fcef0; display: block; float: left; margin-right: .5rem; position: relative;}
.game_box .game_info .soc a:last-child{ margin-right: 0; }
.game_box .game_info .soc a:before{ content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; background-image: url(../img/ico_soc.png); background-size: 300% 100%; vertical-align: middle; margin-top: -.1rem; margin-right: .1rem;}
.game_box .game_info .soc a.wb:before{ background-position: 0 0; }
.game_box .game_info .soc a.fb:before{ background-position: 50% 0; }
.game_box .game_info .soc a.yt:before{ background-position: 100% 0; }
.game_box .game_info .soc a:hover{ color: #333;}
.game_box .game_info .download{ padding: .5rem 0;}
.game_box .game_info .download a{ display: block; float: left; margin-right: .9rem; width: 7.5rem; transition: .5s;}
.game_box .game_info .download a:last-child{ margin-right: 0; }
.game_box .game_info .download a:hover{ transform: translateY(-3px); }
.game_box .game_info .download a img{ width: 100%; display: block;}

.index_wrapper{ width: 100%; min-height: 100%; padding-bottom: 2.25rem; }
.account_wrapper .top_bar{ display: none; }
.pay_wrapper .top_bar{ display: none; }
.account_wrapper .nav_box{ display: none; }
.pay_wrapper .nav_box{ display: none; }
.account_wrapper + .footer{ display: none; }

.account_wrapper{ width: 100%; height: 100%; min-height: 25rem; background-image: url(../img/account_bg_m.jpg); background-size: 100% 100%; position: relative; overflow: hidden;}
.login_box{ width: 15rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.login_box h1{ width: 100%; display: block; font-size: 1.1rem; color: #333; font-weight: normal; text-align: center; }
.login_box h1:before{ content: ''; display: inline-block; width: 2.675rem; height: 1.75rem; vertical-align: middle; margin-top: -.1rem; margin-right: .4rem; background-image: url(//ftimg.friendtimes.cn/images/meiyago/cn/logo/4/256.png); background-size: 100% 100%;}
.login_box .login_form{ padding: .5rem 0 0; }
.login_box .login_form ul li{width: 100%; position: relative; min-height: 2.2rem; margin: .5rem 0;}
.login_box .login_form input{ width: 15rem; height: 2.2rem; line-height: 2.2rem; border: 1px #eee solid; border-radius: .3rem;  font-size: .7rem; color: #333; padding: 0 2.5rem; box-sizing: border-box;}
.login_box .login_form input::placeholder{ color: #c8c8c8; }
.login_box .login_form .ico_account{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: 0 -2rem;}
.login_box .login_form .ico_password{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -2rem -2rem;}
.login_box .login_form .ico_vfcode{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -4rem -2rem;}
.login_box .login_form .vf_img{ width: 5rem; height: 2.2rem; position: absolute; top: 1px; right: 1px; }
.login_box .login_form .clear_input{width: 2rem; height: 2rem; display: none; position: absolute; top: .1rem; right: .2rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -14rem -2rem;}
.login_box .login_form .password_lock{width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; right: .2rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -12rem -2rem;}
.login_box .login_form .password_lock.visible{ background-position: -10rem -2rem;}
.login_box .login_form input.account:valid + .clear_input{ display: block; }
.login_box .login_form .submit{ width: 100%; height: 2.5rem; line-height: 2.5rem; cursor: pointer; color: #fff; font-size: .75rem; letter-spacing: .3rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: .3rem; margin: .5rem 0 .25rem;}
.login_box .login_form .forget{ font-size: .65rem; color: #666; display: block; float: left; }
.login_box .login_form .forget:hover{ color: #42b1f1; }
.login_box .login_form .reg{ font-size: .65rem; color: #666; display: block; float: right; }
.login_box .login_form .other_t{ width: 100%; height: 1rem; position: relative; }
.login_box .login_form .other_t span{ display: block; font-size: .65rem; line-height: 1rem; color: #999; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); }
.login_box .login_form .other_t span:before{ content: ""; display: block; width: 5.2rem; height: 1px; position: absolute; top: .5rem; left: -5.7rem; background-color: #bee2e8; }
.login_box .login_form .other_t span:after{ content: ""; display: block; width: 5.2rem; height: 1px; position: absolute; top: .5rem; right: -5.7rem; background-color: #bee2e8; }
.login_box .login_form .other{ width: 100%; margin-top: 1rem; }
.login_box .login_form .other a{ width: 7rem; height: 2.5rem; display: block; border-radius: 2.5rem; background-color: #fff; border: 1px #eee solid; text-align: center; line-height: 2.5rem; font-size: .65rem; color: #444; transition: .5s; }
.login_box .login_form .other a.facebook{ float: left; }
.login_box .login_form .other a.google{ float: right; }
.login_box .login_form .other a:before{content: ""; width: 2rem; height: 2rem; display: inline-block; vertical-align: middle; margin-top: -.1rem; margin-right: .1rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; margin-left: -.6rem;}
.login_box .login_form .other a.facebook:before{ background-position: 0 -4rem; }
.login_box .login_form .other a.google:before{ background-position: -2rem -4rem; }
.login_box .login_form .other a:hover{ background-color: #f5f5f5}
.login_box .login_form .error_tips{ font-size: .65rem; color: #f00;}

.reg_box{ width: 15rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.reg_box h1{ width: 100%; display: block; font-size: 1.1rem; color: #333; font-weight: normal; text-align: center; }
.reg_box h1:before{ content: ''; display: inline-block; width: 2.675rem; height: 1.75rem; vertical-align: middle; margin-top: -.1rem; margin-right: .4rem; background-image: url(//ftimg.friendtimes.cn/images/meiyago/cn/logo/4/256.png); background-size: 100% 100%;}
.reg_box .reg_form{ padding: .5rem 0 0; }
.reg_box .reg_form ul li{width: 100%; position: relative; min-height: 2.2rem; margin: .5rem 0;}
.reg_box .reg_form input{ width: 15rem; height: 2.2rem; border: 1px #eee solid; border-radius: .3rem;  font-size: .7rem; color: #333;padding: 0 2.2rem; box-sizing: border-box;}
.reg_box .reg_form input::placeholder{ color: #c8c8c8; }
.reg_box .reg_form .ico_email{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -6rem -2rem;}
.reg_box .reg_form .ico_account{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: 0 -2rem;}
.reg_box .reg_form .ico_password{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -2rem -2rem;}
.reg_box .reg_form .ico_vfcode{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -4rem -2rem;}
.reg_box .reg_form .ico_emailcode{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -8rem -2rem;}
.reg_box .reg_form .vf_img{ width: 5rem; height: 2.2rem; position: absolute; top: 1px; right: 1px; }
.reg_box .reg_form .clear_input{width: 2rem; height: 2rem; display: none; position: absolute; top: .1rem; right: .2rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -14rem -2rem;}
.reg_box .reg_form .password_lock{width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; right: .2rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -12rem -2rem;}
.reg_box .reg_form .password_lock.visible{ background-position: -10rem -2rem;}

.reg_box .reg_form .password_lv{ width: 100%; height: .75rem; background-image: url(../img/password_lv.svg); background-size: 100% auto;}
.reg_box .reg_form .password_lv.lv_1{ background-position: 0 -.05rem; }
.reg_box .reg_form .password_lv.lv_2{ background-position: 0 -.9rem; }
.reg_box .reg_form .password_lv.lv_3{ background-position: 0 -1.75rem; }

.reg_box .reg_form input.account:valid + .clear_input{ display: block; }
.reg_box .reg_form input.email_code{ width: 8rem; float: left; }
.reg_box .reg_form .get_emailcode{ width: 6.5rem; height: 2.2rem; float: right; background-color: #f5c278; font-size: .65rem; color: #fff; line-height: 2.2rem; text-align: center; border-radius: .3rem; }
.reg_box .reg_form .get_emailcode.timeout{ background: #ccc; }
.reg_box .reg_form .submit{ width: 100%; height: 2.5rem; line-height: 2.5rem; cursor: pointer; color: #fff; font-size: .75rem; letter-spacing: .3rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: .3rem;}
.reg_box .reg_form .xieyi{ line-height: 1rem;  font-size: .65rem; color: #999; height: 1rem;}
.reg_box .reg_form .xieyi input{ width: .7rem; height: .7rem; display: inline-block; vertical-align: middle; margin-top: -.1rem; margin-right: .2rem;}
.reg_box .reg_form .xieyi a{ color: #0fcef0; }
.reg_box .reg_form .xieyi a:hover{ color: #f5c278; }
.reg_box .reg_form .link_login{ font-size: .65rem; color: #666; display: block;}
.reg_box .reg_form .link_login:hover{ color: #42b1f1; }
.reg_box .reg_form .error_tips{ font-size: .6rem; color: #f00; padding-top: .2rem;}

.account_box{ width: 15rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.account_box h1{ width: 100%; display: block; font-size: 1.1rem; color: #333; font-weight: normal; text-align: center; }
.account_box h1:before{ content: ''; display: inline-block; width: 2.675rem; height: 1.75rem; vertical-align: middle; margin-top: -.1rem; margin-right: .4rem; background-image: url(//ftimg.friendtimes.cn/images/meiyago/cn/logo/4/256.png); background-size: 100% 100%;}
.account_box .findpwd_form{ padding: .5rem 0 0;}
.account_box .findpwd_form h2{ font-weight: normal; text-align: center; display: block; font-size: .7rem; line-height: 1.5rem;}
.account_box .findpwd_form .user_name{ text-align: center; font-size: .6rem; line-height: 1rem; color: #f9575c;}
.account_box .findpwd_form ul li{width: 100%; position: relative; min-height: 2.2rem; margin: .5rem 0;}
.account_box .findpwd_form input{ width: 15rem; height: 2.2rem; border: 1px #eee solid; border-radius: .3rem;  font-size: .7rem; color: #333;padding: 0 2.2rem; box-sizing: border-box;}
.account_box .findpwd_form input::placeholder{ color: #c8c8c8; }
.account_box .findpwd_form .ico_account{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position:  0 -2rem;;}
.account_box .findpwd_form .ico_email{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -6rem -2rem;}
.account_box .findpwd_form .ico_password{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -2rem -2rem;}
.account_box .findpwd_form .ico_vfcode{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -4rem -2rem;}
.account_box .findpwd_form .ico_emailcode{ width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; left: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -8rem -2rem;}
.account_box .findpwd_form .vf_img{ width: 5rem; height: 2.2rem; position: absolute; top: 1px; right: 1px; }
.account_box .findpwd_form .clear_input{width: 2rem; height: 2rem; display: none; position: absolute; top: .1rem; right: .2rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -14rem -2rem;}
.account_box .findpwd_form .password_lock{width: 2rem; height: 2rem; display: block; position: absolute; top: .1rem; right: .2rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -12rem -2rem;}
.account_box .findpwd_form .password_lock.visible{ background-position: -10rem -2rem;}
.account_box .findpwd_form .password_lv{ width: 100%; height: .75rem; background-image: url(../img/password_lv.svg); background-size: 100% auto;}
.account_box .findpwd_form .password_lv.lv_1{ background-position: 0 -.05rem; }
.account_box .findpwd_form .password_lv.lv_2{ background-position: 0 -.9rem; }
.account_box .findpwd_form .password_lv.lv_3{ background-position: 0 -1.75rem; }
.account_box .findpwd_form input.account:valid + .clear_input{ display: block; }
.account_box .findpwd_form input.email_code{ width: 8rem; float: left; }
.account_box .findpwd_form .get_emailcode{ width: 6.5rem; height: 2.3rem; float: right; background-color: #f5c278; font-size: .65rem; color: #fff; line-height: 2.3rem; text-align: center; border-radius: .3rem; }
.account_box .findpwd_form .get_emailcode.timeout{ background: #ccc; }
.account_box .findpwd_form .submit{ width: 100%; height: 2.5rem; line-height: 2.5rem; cursor: pointer; color: #fff; font-size: .75rem; letter-spacing: .3rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: .3rem;}
.account_box .findpwd_form .xieyi{ line-height: 1rem;  font-size: .65rem; color: #999; height: 1rem;}
.account_box .findpwd_form .xieyi input{ width: .7rem; height: .7rem; display: inline-block; vertical-align: middle; margin-top: -.1rem; margin-right: .2rem;}
.account_box .findpwd_form .xieyi a{ color: #0fcef0; }
.account_box .findpwd_form .xieyi a:hover{ color: #f5c278; }
.account_box .findpwd_form .link_login{ font-size: .65rem; color: #666; display: block;}
.account_box .findpwd_form .link_login:hover{ color: #42b1f1; }
.account_box .findpwd_form .error_tips{ font-size: .6rem; color: #f00; padding-top: .2rem;}

.account_box .success_box{ width: 100%; text-align: center; padding: 1rem 0; }
.success_box .ico_success{ width: 5rem; height: 5rem; display: block; background-image: url(../img/ico_pay.png); background-size: 450% auto; background-repeat: no-repeat; background-position: -7.2rem -5.2rem; margin: 0 auto;}
.success_box h2{ font-size: 1rem; color: #333; display: block; text-align: center; line-height: 1.5rem; padding: .5rem 0 .2rem;}
.success_box p{ font-size: .6rem; color: #999; line-height: 1rem; padding: 0 .5rem; text-align: center;}
.success_box p span{ color: #0fcef0; }
.success_box .ok{ width: 8rem; height: 2.5rem; line-height: 2.5rem; display: block; margin: 1rem auto 0; cursor: pointer; color: #fff; font-size: .75rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: .3rem;}
.success_box .ok:hover{ background: #42b1f1;}

.findpwd_step{ padding: 1.5rem 0 .5rem; text-align: center; height: 2.5rem;}
.findpwd_step ul li{ width: 2.5rem; float: left; margin: 0 .6rem; position: relative; height: 2.5rem; text-align: center;}
.findpwd_step ul li b{ width: 1.1rem; height: 1.1rem; display: block; margin: 0 auto; font-weight: normal; font-size: .6rem; color: #fff; line-height: 1.1rem; border-radius: 1.1rem; background-color: #d7d1c5; position: relative; z-index: 2; }
.findpwd_step ul li span{ width: 100%; display: block; font-size: .55rem; color: #bbb; height: 1rem; line-height: 1rem; padding-top: .5rem;}
.findpwd_step ul li:before{ content: ""; width: 3.5rem; height: 1px; background-color: #bbb; display: block; position: absolute; top: .55rem; left: -2.8rem; z-index: 1; }
.findpwd_step ul li:first-child:before{display: none;}
.findpwd_step ul li.cur b{ background-color: #0fcef0; }
.findpwd_step ul li.cur span{ color: #0fcef0; }
.findpwd_step ul li.cur:before{ background-color: #0fcef0; }

.account_wrapper .back{ width: 2rem; height: 2rem; display: block; position: absolute; top: .5rem; left: .5rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -8rem 0; }


.m_top_title .back{ width: 2rem; height: 2rem; display: block; position: absolute; top: .25rem; left: .2rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -8rem 0;}
.m_top_title{ width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: .75rem; color: #666; text-align: center; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 3;  }

.pay_wrapper{ width: 100%; min-height: -webkit-calc(100% );min-height: -moz-calc(100%); min-height: calc(100% );background-color: #f0f0f0; }
.pay_wrapper .mask {display: block;}
.pay_wrapper .pay_aside{ width: 100%; position: relative; padding-top: 2.5rem; overflow: hidden;}
.pay_wrapper .pay_aside .aside_inner{ padding-top: 2.5rem; position: relative;}

.pay_aside .pay_user_info{  overflow: hidden; position: relative; background-color: #fff; padding: .5rem .3rem; height: 1.25rem;}
.pay_aside .pay_user_info span{ float: left; font-size: .6rem; line-height: 1.25rem; color: #333; display: block;}
.pay_aside .pay_user_info .welcome:before{ content: ""; width: 2rem; height: 2rem; display: inline-block; vertical-align: middle; margin-top: -.4rem; float: left; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -10rem 0; }
.pay_aside .pay_user_info .login_out{ width: 3.5rem; height: 1.25rem; line-height: 1.15rem; border: 1px #999 solid; border-radius: .2rem; text-align: center; font-size: .6rem; display: block; float: left; box-sizing: border-box; color: #999; margin-left: .5rem;}
.pay_aside .pay_user_info .login{ width: 3.5rem; height: 1.25rem; line-height: 1.15rem; border: 1px #999 solid; border-radius: .2rem; text-align: center; font-size: .6rem; display: block; float: left; box-sizing: border-box; color: #999; margin-left: .5rem;}

.pay_aside .location{  overflow: hidden; position: relative; background-color: #fff; padding: .5rem .75rem; margin-top: .5rem;}
.pay_aside .location h2{ font-size: .65rem; color: #333; display: block; text-indent: 1.5rem; position: relative; height: 2rem; line-height: 2rem; }
.pay_aside .location h2:before{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: 0; left: -.4rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto; background-position: 0 0;}
.pay_aside .location select{ width: 100%; height: 2rem; line-height: 2rem; border-top: 1px #e5e5e5 solid; font-size: .65rem; color: #666;}
.pay_aside .pay_channel{ margin-top: .5rem; background-color: #fff; padding: .5rem .75rem; }
.pay_aside .pay_channel h2{ font-size: .65rem; color: #333; display: block; text-indent: 1.5rem; position: relative; height: 2rem; line-height: 2rem; }
.pay_aside .pay_channel h2:before{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: 0; left: -.4rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto; background-position: -14rem 0;}
.pay_aside .pay_channel .select_channel{ width: 100%; height: 2rem; line-height: 2rem; border-top: 1px #f0f0f0 solid; font-size: .6rem; text-indent: 2.25rem; position: relative;}
.pay_aside .pay_channel .select_channel:after{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: 0; right: -.5rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -8rem 0; transform: scale(.6) rotate(180deg); opacity: .6;}
.pay_aside .pay_channel .channel_list{width: 100vw; top:0; position: fixed; bottom: 0; left: 0; z-index: 9; background-color: rgba(0, 0, 0, .5);}
.pay_aside .pay_channel .channel_list .channel_wrapper{ position: absolute; bottom: 0; background-color: #fff; width: 100vw; padding: .5rem 0;}
.pay_aside .pay_channel .channel_wrapper h2{ margin-left: .5rem; }
.pay_aside .pay_channel .channel_list .channel_wrapper span{margin-right: 0.5rem;}
.pay_aside .pay_channel .channel_list .channel_wrapper i.ico{margin: 0.3rem;}
.pay_aside .pay_channel .channel_wrapper .close{ width: 2rem; height: 2rem; position: absolute; top: .3rem; right: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -16rem -2rem; z-index: 3;}
.pay_aside .pay_channel .channel_wrapper ul{    max-height: 50vh; overflow: auto;-webkit-overflow-scrolling: touch;}
.pay_aside .pay_channel ul li{ width: 17rem; height: 2rem; line-height: 2rem; border: 1px #f0f0f0 solid; border-radius: .2rem; font-size: .6rem; text-indent: 2.25rem; position: relative; margin: .1rem auto;}
.pay_aside .pay_channel span{ max-width: 6rem;  height: 1rem; display: inline-block; background-color: #f3ad40; font-size: .55rem; margin-right: 1rem; margin-top: .5rem; float: right; color: #fff; text-align: center; line-height: 1rem; text-indent: 0; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem;    word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding: 0 0.2rem;}
.pay_aside .pay_channel span i{ width:.5rem; height:.55rem; display: inline-block; vertical-align: middle; margin: -.1rem 0 0 .1rem; background-image: url(../img/ico_arrow.png); }
.pay_aside .pay_channel i.ico{ width: 1.4rem; height: 1.4rem; margin:.3rem 0;display: block; position: absolute; top: 0; left: 0rem; background-image: url(../img/pay_default.png); background-size: cover; border-radius: 50%;}
/* .pay_aside .pay_channel i.ico.mycard{ background-position: 0 -2rem; }
.pay_aside .pay_channel i.ico.mycard_huiyuan{ background-position: -2rem -2rem; }
.pay_aside .pay_channel i.ico.bank{ background-position: -4rem -2rem; }
.pay_aside .pay_channel i.ico.card{ background-position: -6rem -2rem; }
.pay_aside .pay_channel i.ico.xingdong{ background-position: -8rem -2rem; }
.pay_aside .pay_channel i.ico.dianzi{ background-position: -10rem -2rem; }
.pay_aside .pay_channel i.ico.shinei{ background-position: -12rem -2rem; }
.pay_aside .pay_channel i.ico.asdl{ background-position: -14rem -2rem; }
.pay_aside .pay_channel i.ico.paypal{ background-position: -16rem -2rem; }
.pay_aside .pay_channel i.ico.dalu{ background-position: -18rem -2rem; }
.pay_aside .pay_channel i.ico.hongli{ background-position: -20rem -2rem; } */
.pay_aside .pay_channel ul li:after{ content: ""; display: none; width: 2rem; height: 2rem; position: absolute; bottom: -.45rem; right: -.45rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto; background-position: -8rem 0;}
.pay_aside .pay_channel ul li.cur:after{ display: block; }
.pay_aside .pay_channel ul li.cur{ background: #fff; border: 1px #0fcef0 solid; }

.pay_aside .link_box{width: 100%; height: 2rem; line-height: 2rem; background-color: #fff; position: fixed; top: 2.5rem; left: 0; box-shadow: 0 .2rem .2rem rgba(0,0,0,.05); z-index: 3;}
.pay_aside .link_box a{ width: 33.33%; height: 2rem; line-height: 2rem; display: block; float: left; text-align: center; position: relative; font-size: .6rem; color: #333;}
.pay_aside .link_box a:after{ content: ""; display: none; width: 100%; height: .1rem; position: absolute; bottom: 0; right: 0; background-color: #42b1f1;}
.pay_aside .link_box a.cur:after{ display: block; }
.pay_aside .link_box a.cur{ color: #42b1f1; }

#payContainer .pay_content{ width: 100%; margin-top: .5rem; }
.pay_content h2{ width: 100%; display: block; font-size: .65rem; color: #333; text-indent: 1.5rem; position: relative; height: 2rem; line-height: 2rem; margin-bottom: .25rem;}
.pay_content h2:before{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: 0; left: -.4rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto;}
.pay_content .role_info{ overflow: hidden; background-color: #fff; padding: .5rem .75rem;}
.pay_content .role_info.disabled{ pointer-events: none;}
.pay_content .role_info h2:before{ background-position: -2rem 0; }
.pay_content .role_info select{ width: 100%; height: 2rem; line-height: 2rem; float: left; border-top: 1px #eee solid; box-sizing: border-box; font-size: .6rem; border-radius: 0;}

.pay_content .pay_bank{ padding: .5rem .75rem; overflow: hidden; margin-top: .5rem; background-color: #fff;}
.pay_content .pay_bank h2:before{ background-position: -12rem 0; }
.pay_content .bank_list{ width: 100%; height: 100%; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 9; background-color: rgba(0, 0, 0, .5);}
.pay_content .bank_list ul{ position: absolute; background-color: #fff; padding: .5rem .75rem; bottom: 0; }
.pay_content .bank_list ul li{ width: 8.2rem; height: 2rem; float: left; border: 1px #e5e5e5 solid; border-radius: .3rem; margin: .1rem; line-height: 2rem; text-align: center; cursor: pointer; position: relative; font-size: .6rem; color: #333;}
.pay_content .bank_list ul li.cur{ border: 1px #0fcef0 solid; color: #0fcef0;}
.pay_content .bank_list ul li:hover{ border: 1px #0fcef0 solid; color: #0fcef0;}
.pay_content .bank_list ul li.cur:after{content: ""; display: block; width: 2rem; height: 2rem; position: absolute; bottom: -.45rem; right: -.45rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto; background-position: -8rem 0;}
.pay_content .select_bank{ width: 100%; height: 2rem; border-top: 1px #e5e5e5 solid; line-height: 2rem; text-indent: 1rem; cursor: pointer; position: relative; font-size: .6rem; color: #333;}
.pay_content .select_bank:after{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: 0; right: -.5rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -8rem 0; transform: scale(.6) rotate(180deg); opacity: .6;}
.pay_content .bank_list ul .close{ width: 2rem; height: 2rem; position: absolute; top: .3rem; right: .3rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -16rem -2rem; z-index: 3;}

.pay_content .counter{ padding: .5rem .75rem; overflow: hidden; margin-top: .5rem; background-color: #fff; position: relative;}
.pay_content .counter h2:before{ background-position: -4rem 0; }
.pay_content .counter h2{ margin-bottom: .1rem; }
.pay_content .tab_type{height: 1.65rem; line-height: 1.65rem; margin-bottom: .2rem; }
.pay_content .tab_type a{ width: 3rem; height: 1.5rem; display: block; float: left; cursor: pointer; margin-right: .25rem; font-size: .6rem; color: #666; text-align: center; border-radius: .3rem; background-color: #f0f0f0; }

.pay_content .tab_type a:hover{ background-color: #0fcef0; color: #fff; }
.pay_content .tab_type a.cur{ background-color: #0fcef0; color:#fff; }

.pay_content .pro_default{ width: 100%; height: 8rem; background-image: url(../img/ico_2.png); background-size: 50% auto; background-position: center center; background-repeat: no-repeat; }
.pay_content .pro_default p{ width: 100%; padding-top: 6.5rem; text-align: center; font-size: .6rem; color: #666; }

.pay_content .pro_list{ width: 100%; overflow: hidden; position: relative;}
.pay_content .pro_list ul{ width: 120%; }
.pay_content .pro_list ul li{ width: 8.5rem; height: 2.5rem; border: 1px #e5e5e5 solid; border-radius: .3rem; float: left; margin:.15rem .2rem .1rem 0; line-height: 2.5rem; box-sizing: border-box; text-align: center; cursor: pointer; position: relative; font-size: .6rem;}
.pay_content .pro_list ul li b{ font-weight: normal; color: #666; display: block; float: left;  text-align: center; padding-left: 2%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.pay_content .pro_list ul li span{ font-weight: normal; color: #333; display: block; float: left;  text-align: center;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pay_content .pro_list ul li i{ font-style: normal; color: #333; color: #e7e7e7; width: 5%; display: block; float: left;}
.pay_content .pro_list ul li.yxb b{ padding-left: 2%; }
.pay_content .pro_list ul li.yxb span{  }
.pay_content .pro_list ul li.lb b{ width: 25%; padding-left: 10%;}
.pay_content .pro_list ul li.lb span{ width:45%; padding-right: 10%;}
.pay_content .pro_list ul li.cur{ border: 1px #0fcef0 solid; }
.pay_content .pro_list ul li:hover{ border: 1px #0fcef0 solid; }
.pay_content .pro_list ul li.cur b{ color: #0fcef0; }
.pay_content .pro_list ul li.cur span{ color: #0fcef0; }
.pay_content .pro_list ul li.cur i{ color: #0fcef0; }
.pay_content .pro_list ul li.cur:after{content: ""; display: block; width: 40px; height: 40px; position: absolute; bottom: -9px; right: -9px; background-image: url(../img/ico_pay.png); background-size: 1250% auto; background-position: -160px 0;}

.pay_content .pro_list ul li:before{content: ""; display: block; width: 1.8rem; height: 1rem; position: absolute; top: -.1rem; right: 0; background-image: url(../img/ico_0120_pc.png); background-size: 100% auto; background-repeat: no-repeat; display: none;}
.pay_content .pro_list ul li.youhui:before{ background-position: 0 0; display: block; }
.pay_content .pro_list ul li.jiama:before{ background-position: 0 -1rem; display: block; }
.pay_content .pro_list ul li.fandaoju:before{ background-position: 0 -2rem; display: block; }
.pay_content .libao_list{ width: 100%; overflow: hidden; position: relative;}
.pay_content .libao_list ul{ width: 120%; }
.pay_content .libao_list ul li{ width: 7rem; height: 2rem; padding: .5rem .75rem; float: left; margin: 0.15rem .25rem .25rem 0; background-color: #fafafa; cursor: pointer; border-radius: 5px; position: relative; }
.pay_content .libao_list ul li:before{ content: ""; display: none; width: 8.5rem; height: 3rem; box-sizing: border-box; position: absolute; top: 0; left: 0;  z-index: 2; border: 1px #0fcef0 solid; border-radius: 5px; }
.pay_content .libao_list ul li:after{content: ""; display: none; width: 2rem; height: 2rem; position: absolute; bottom: -.38rem; right: -.42rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto; background-position: -8rem 0;}
.pay_content .libao_list ul li.cur:after{ display: block; }
.pay_content .libao_list ul li.cur:before{ display: block; }
.pay_content .libao_list ul li p{ height: 1rem; line-height: 1rem; }
.pay_content .libao_list ul li p span{ font-size: .6rem; color: #333; display: block; float: left; }
.pay_content .libao_list ul li p i{ font-style: normal; font-size: .45rem; color: #fff; height: .85rem; line-height: .85rem; margin: .05rem 0 0 .1rem; padding: .08rem .2rem; display: block; float: left; border-radius: 5px; border-bottom-right-radius: 0;  position: absolute; top: -.15rem; right: 0;z-index: 2; }
.pay_content .libao_list ul li p i.state_1{  background-color: #f5b261\0; background-image: linear-gradient( to right,#f5af65,#f6b979);}
.pay_content .libao_list ul li p i.state_1:after{content:"";width: 0; height: 0; border: .15rem solid; border-color:#f6b979 #f6b979 transparent transparent;display: block; position: absolute; right: 0;}
.pay_content .libao_list ul li p i.state_2{  background-color: #72d699\0; background-image: linear-gradient( to right,#91e499,#68d0a3);}
.pay_content .libao_list ul li b{ display: block; line-height: 1rem; font-size: .55rem; color: #f0830f; font-weight: normal; }

.pay_content .pro_list_new{ width: 100%; position: relative;}
.pay_content .pro_list_new:after{ content:""; display:block; clear:both; }
.pay_content .pro_list_new ul{ width: 120%; }
.pay_content .pro_list_new ul li{ width: 5.575rem; height: 9.25rem; padding: .25rem; border: 1px #e5e5e5 solid; border-radius: .75rem; box-sizing: border-box; float: left; overflow: hidden; margin:.125rem .3rem .125rem 0; cursor: pointer; position: relative; font-size: .55rem; box-shadow: 0 0 .2rem rgba(0, 0, 0, .05);}
.pay_content .pro_list_new ul li:before{content: ""; display: block; width: 1.8rem; height: 1rem; position: absolute; top: -.1rem; right: 0; background-image: url(../img/ico_0120_pc.png); background-size: 100% auto; background-repeat: no-repeat; display: none;}
.pay_content .pro_list_new ul li.youhui:before{ background-position: 0 0; display: block; }
.pay_content .pro_list_new ul li.jiama:before{ background-position: 0 -1rem; display: block; }
.pay_content .pro_list_new ul li.fandaoju:before{ background-position: 0 -2rem; display: block; }
.pay_content .pro_list_new ul li .ico{ width:5.075rem; height:5.075rem; border-radius:.6rem; overflow:hidden;}
.pay_content .pro_list_new ul li .ico img{ width:100%; height:100%; object-fit:cover; display:block;}
.pay_content .pro_list_new ul li .info{ padding:.2rem .25rem 0 }
.pay_content .pro_list_new ul li .info b{ font-size:.6rem; display:block; color:#333; line-height:1.1rem; }
.pay_content .pro_list_new ul li .info p{ font-size:.5rem; display:block; color:#bbb; line-height:.7rem; height:1.4rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow:ellipsis; }
.pay_content .pro_list_new ul li .info .money{ font-size:.55rem; display:block; color:#f0830f; line-height:.8rem; font-weight: bold; margin-top:.15rem }
.pay_content .pro_list_new ul li.cur{ border: 1px #4ce2fd solid; }
.pay_content .pro_list_new ul li:hover{ border: 1px #4ce2fd solid; }
.pay_content .pro_list_new ul li.cur:after{content: ""; display: block; width: 30px; height: 30px; position: absolute; bottom: 0; right: 0; background-image: url(../img/ico_cur.png); background-size: 100% 100%;}

.pay_content .pro_libao_new{ width: 100%; position: relative;}
.pay_content .pro_libao_new:after{ content:""; display:block; clear:both; }
.pay_content .pro_libao_new ul li{ width: 100%; height: 5.5rem; padding: .25rem; border: 1px #e5e5e5 solid; border-radius: .75rem; box-sizing: border-box; margin:.25rem 0; cursor: pointer; position: relative; font-size: .5rem; box-shadow: 0 0 .2rem rgba(0, 0, 0, .05);}
.pay_content .pro_libao_new ul li .ico{ width:5rem; height:5rem; float:left; border-radius:.6rem; overflow:hidden; float:left;position: relative; }
.pay_content .pro_libao_new ul li .ico .limit{
  position: absolute; top: 0;
  color: #fff;
  background-color: orange;
  padding: 2px 3px;
  font-size: 12px;
  border-radius: 0px 0px 10px;}
.pay_content .pro_libao_new ul li .ico img{ width:100%; height:100%; object-fit:cover; display:block;}
.pay_content .pro_libao_new ul li .info{ float:left; height:5rem; margin-left:.5rem; width:11rem }
.pay_content .pro_libao_new ul li .info b{ font-size:.65rem; display:block; color:#333; line-height:1.3rem; margin-top:.2rem }
.pay_content .pro_libao_new ul li .info p{ font-size:.55rem; display:block; color:#bbb; line-height:.8rem; height:1.6rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow:ellipsis; }
.pay_content .pro_libao_new ul li .info .info_hover{ width: 12rem; position: absolute; bottom:2rem; right:0; background-color:#fff; border-radius:.5rem; filter: drop-shadow(0 0 .2rem rgba(0, 0, 0, .2)); box-sizing: border-box; padding: .3rem .5rem; font-size: .55rem; color: #999; line-height: .8rem; opacity: 0; transition: .5s;display: none;}
.pay_content .pro_libao_new ul li .info .info_hover:after{ content:""; display:block; width:.5rem; height:.5rem; background-color:#fff; position: absolute; bottom:-.2rem; left:50%; transform:translateX(-50%) rotate(45deg);}
.pay_content .pro_libao_new ul li:hover .info_hover{ opacity:1; bottom:4rem }
.pay_content .pro_libao_new ul li .info .price{ overflow: hidden; margin-top:.5rem; line-height:1rem; }
.pay_content .pro_libao_new ul li .info .money{ font-size:.65rem; display:block; color:#f0830f; font-weight: bold; float: left}
 /* .pay_content .pro_libao_new ul li .info .money:after{ content:"\53f0\5e01"; display: inline-block; font-size: .55rem; margin-left: .1rem} */
.pay_content .pro_libao_new ul li .info .timeout{ float:left; background-color:#f0fcfd; border-radius:.2rem; margin-left:.3rem; overflow: hidden; height:1rem; font-size: .55rem; padding-right: .3rem}
.pay_content .pro_libao_new ul li .info .timeout i{ width: 1.5rem; display:block; float:left; background-color:#9beef8; color:#fff; text-align: center; font-style: normal;}
.pay_content .pro_libao_new ul li .info .timeout span{ color:#6ed9eb; margin-left: .3rem}
.pay_content .pro_libao_new ul li.cur{ border: 1px #4ce2fd solid; }
.pay_content .pro_libao_new ul li:hover{ border: 1px #4ce2fd solid; }
.pay_content .pro_libao_new ul li.cur:after{content: ""; display: block; width: 30px; height: 30px; position: absolute; bottom: 0; right: 0; background-image: url(../img/ico_cur.png); background-size: 100% 100%;}

.pay_content .libao_info{ width: 15.5rem; padding: .5rem .75rem; border-radius: .2rem; background-color: #fafafa; margin-top: .25rem; font-size: .6rem;}
.pay_content .libao_info p{ line-height: 1rem; padding: .15rem 0; overflow: hidden; }
.pay_content .libao_info b{ font-weight: normal; color: #666; float: left; display: block;}
.pay_content .libao_info i{ font-style: normal; color: #f0830f; margin-right: .3rem; float: left; display: block; }
.pay_content .libao_info span{ color: #333; float: left; display: block;}
.pay_content .zengsong{ width: 100%; box-sizing: border-box; background-color: #fffaf0; margin-top: .5rem; overflow: hidden;}
.pay_content .zengsong .title{ font-weight: bold; font-size: .6rem; color: #333; height: 2rem; line-height: 2rem; width: 17rem; margin: 0 auto; border-bottom: 1px #ffe5d2 solid;}
.pay_content .zengsong .title:before{ content: ""; display: inline-block; width: 1rem; height: 1rem; background-image: url(../img/ico_0120.png); background-size: 180% auto; background-position: bottom left; background-repeat: no-repeat; vertical-align: middle; margin: -3px 5px 0 0;}
.pay_content .zengsong .zs_con{ padding: .3rem .9rem; font-size: .6rem; line-height: 1.2rem;}
.pay_content .zengsong .zs_con b{ font-weight: normal; }
.pay_content .zengsong .zs_con span{ color: #f39b45; margin-right: .5rem; }

.pay_content .cashier .xieyi{ font-size: .6rem; color: #333; height: 1rem; line-height: 1rem;}
.pay_content .cashier .xieyi input{ width: .7rem; height: .7rem; display: inline-block; vertical-align: middle; margin-top: -.1rem; margin-right: .2rem;}
.pay_content .cashier .xieyi a{ color: #0fcef0; }
.pay_content .cashier .xieyi a:hover{ color: #f5c278; }

.pay_content .cashier{ padding: .5rem .75rem; overflow: hidden; margin-top: .5rem; background-color: #fff; position: relative; }
.pay_content .order_info{ padding: .25rem .75rem; background-color: #fafafa; height: auto; position: relative; margin-bottom: 3rem; margin-top: .5rem;}
.pay_content .order_info .info_1{ font-size: .65rem; color: #666; line-height: 1.2rem;  }
.pay_content .order_info .info_1 span{ color: #fd5a5f; }
.pay_content .order_info .info_2{  font-size: .65rem; color: #666; line-height: 1.2rem}
.pay_content .order_info .info_2 span{ color: #fd5a5f; }
.pay_content .order_info .giveaway{ float: left; font-size: .55rem; color: #e6be92; height: 1rem; line-height: 1rem; margin:0 .4rem; padding: 0 .2rem; background-color: #fffbf2; border: 1px #fbe9d6 solid; text-align: center; position: relative; border-radius: .2rem;}
.pay_content .order_info .giveaway:before{ content: ""; display: block; width: .3rem; height: .3rem; background-color: #fffbf2; border-left: 1px #fbe9d6 solid; border-top: 1px #fbe9d6 solid; position: absolute; top: .3rem; left: -.2rem; transform: rotate(-45deg);}
.pay_content .order_info .order_submit{ width: 100%; height: 2.5rem; line-height: 2.5rem; border-radius: .3rem; letter-spacing: .3rem; background-image: linear-gradient(to right, #42b1f1,#36d3ef); text-align: center; color: #fff; font-weight: bold; position: absolute; bottom: -3rem; left: 0;}
.pay_content .order_info .order_submit:hover{ background: #42b1f1; }
.pay_content .order_info .order_submit.disabled{ background: #71cafd;cursor: not-allowed; }
.pay_content .note{ clear: both; line-height: 1rem; padding: .7rem; box-sizing: border-box;}
.pay_content .note b{ font-size: .6rem; color: #333; }
.pay_content .note p{ font-size: .6rem; color: #999; white-space: pre-wrap;word-break: break-all;word-wrap: break-word;}



.pay_content .cashier.show{ position: fixed; bottom: 0; left: 0; width:100%; box-sizing:border-box;  box-shadow: 0 0 20px rgba(0, 0, 0, .2); z-index: 2; border-top-left-radius: .3rem; border-top-right-radius: .3rem}


/* .pay_right{
  float: right;
} */
.ad_banner img{
  /* background: url('../img/ad_banner_m.jpg') no-repeat center; */
  width: 100%;
  height: auto;
  display: block;
  margin-top: .5rem;
  margin-bottom: .5rem;
  background-size: cover;
  cursor: pointer;


}

.pay_wrapper .order_detail .order_info{ background-color: #fff; padding: .5rem .75rem; position: relative; top: 3rem; margin-bottom: 5rem;}
.pay_wrapper .order_detail .order_info h2{ font-size: .7rem; height: 1rem; line-height: 1rem; color: #333; display: block; }
.order_detail .order_info .list{ background-color: #fafafa; padding: .25rem .75rem; margin: .5rem 0 1.5rem;}
.order_detail .order_info .list ul li{ width: 100%; border-bottom: 1px #eee solid; height: 2.25rem; line-height: 2.25rem; font-size: .6rem; color: #333; }
.order_detail .order_info .list ul li:last-child{ border-bottom: 0; }
.order_detail .order_info .list b{ width: 4.5rem; display: block; float: left; position: relative; color: #666; text-indent: 1.5rem;}
.order_detail .order_info .list b:before{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: .1rem; left: -.25rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto;}
.order_detail .order_info .list b.ico_zhanghao:before{ background-position: -2rem 0;}
.order_detail .order_info .list b.ico_youxi:before{ background-position: -22rem -2rem;}
.order_detail .order_info .list b.ico_dingdan:before{ background-position: -4rem 0;}
.order_detail .order_info .list b.ico_mingxi:before{ background-position: -16rem 0;}
.order_detail .order_info .list b.ico_fangshi:before{ background-position: -16rem 0;}
.order_detail .order_info .list b.ico_jine:before{ background-position: -16rem 0;}
.order_detail .order_info .list .info{ float: left; color: #333;}
.order_detail .order_info .list .info span{ display: block; float: left; margin-right: .5rem;}
.order_detail .order_info .list .giveaway{ float: left; font-size: .55rem; color: #e6be92; height: 1rem; line-height: 1rem; margin:.6rem 0; padding: 0 .2rem; background-color: #fffbf2; border: 1px #fbe9d6 solid; text-align: center; position: relative; border-radius: .2rem;}
.order_detail .order_info .list .giveaway:before{ content: ""; display: block; width: .3rem; height: .3rem; background-color: #fffbf2; border-left: 1px #fbe9d6 solid; border-top: 1px #fbe9d6 solid; position: absolute; top: .3rem; left: -.2rem; transform: rotate(-45deg);}
.order_detail .order_info .xieyi{ font-size: .6rem; color: #333; height: 1rem; line-height: 1rem; }
.order_detail .order_info .xieyi input{ width: .7rem; height: .7rem; display: inline-block; vertical-align: middle; margin-top: -.1rem; margin-right: .2rem;}
.order_detail .order_info .xieyi a{ color: #0fcef0; }
.order_detail .order_info .xieyi a:hover{ color: #f5c278; }

.order_detail .order_info .submit{ width: 100%; height: 2.5rem; line-height: 2.5rem; display: block; margin: 1rem auto 0; cursor: pointer; color: #fff; font-size: .75rem; letter-spacing: .2rem; font-weight: bold; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: .3rem;}
.order_detail .order_info .submit:hover{ background: #42b1f1;}

.pay_wrapper .zengsong{ width: 100%; box-sizing: border-box; background-color: #fffaf0; margin-top: .5rem; overflow: hidden; margin-bottom: .5rem;}
.pay_wrapper .zengsong .title{ font-weight: bold; font-size: .6rem; color: #333; height: 2rem; line-height: 2rem; width: 15.5rem; margin: 0 auto; border-bottom: 1px #ffe5d2 solid;}
.pay_wrapper .zengsong .title:before{ content: ""; display: inline-block; width: 1rem; height: 1rem; background-image: url(../img/ico_0120.png); background-size: 180% auto; background-position: bottom left; background-repeat: no-repeat; vertical-align: middle; margin: -3px 5px 0 0;}
.pay_wrapper .zengsong .zs_con{ padding: .3rem .9rem; font-size: .6rem; line-height: 1.2rem;}
.pay_wrapper .zengsong .zs_con b{ font-weight: normal; }
.pay_wrapper .zengsong .zs_con span{ color: #f39b45; margin-right: .5rem; }



.footer{ width: 100%; padding: .5rem 0 1rem; background-color: #282828; text-align: center;}
.footer .logo{ width: 5rem; display: block; margin: .5rem auto;}
.footer .logo img{ width: 100%; display: block; }
.footer .foot_info{ width: 100%; font-size: .55rem; color: #848282; line-height: 1rem;}
.footer .foot_info a{ color: #848282; margin-right: .5rem; }
.footer .foot_info a:hover{ color: #fff; }

.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 8; background-color: rgba(0, 0, 0, .8); display: none;}
.pop_xieyi{ width: 16.25rem; padding:1rem .5rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; border-radius: .5rem; background-color: #fff; }
.pop_xieyi .close{ width: 2rem; height: 2rem; display: block; position: absolute; top: .25rem; right: .25rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -16rem -2rem; }
.pop_xieyi h2{ font-size: .75rem; color: #333; display: block; text-align: center; }
.pop_xieyi .xieyi_info{ padding: .5rem; height: 16rem; overflow: auto; background-color: #f8f8f9; font-size: .55rem; color: #333; line-height: .9rem; margin: .5rem 0;-webkit-overflow-scrolling: touch;}
.pop_xieyi .ok{ width: 5rem; height: 2rem; line-height: 2rem; display: block; margin: 1rem auto 0; cursor: pointer; color: #fff; font-size: .6rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: 5px;}
.pop_xieyi .ok:hover{ background: #42b1f1;}
.pop_xieyi .ok.disabled{background: #ccc; }

.pop_order_confirm{ width: 16.25rem; padding:1rem .5rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; border-radius: .5rem; background-color: #fff;}
.pop_order_confirm .close{ width: 2rem; height: 2rem; display: block; position: absolute; top: .25rem; right: .25rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -16rem -2rem; }
.pop_order_confirm h2{ font-size: .75rem; color: #333; display: block; text-align: center; }
.pop_order_confirm .list{ background-color: #fafafa; padding: .25rem .75rem; margin: .5rem 0 1rem;}
.pop_order_confirm .list ul li{ width: 100%; border-bottom: 1px #eee solid;  padding: 0.74rem 0; font-size: .6rem; color: #333; overflow: hidden; }
.pop_order_confirm .list ul li:last-child{ border-bottom: 0; }
.pop_order_confirm .list b{ width: 4.5rem; display: block; float: left; position: relative; color: #666; text-indent: 1.7rem; font-weight: normal;}
.pop_order_confirm .list b:before{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: -.6rem; left: -.25rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto;}
.pop_order_confirm .list b.ico_zhanghao:before{ background-position: -2rem 0;}
.pop_order_confirm .list b.ico_youxi:before{ background-position: -22rem -2rem;}
.pop_order_confirm .list b.ico_dingdan:before{ background-position: -4rem 0;}
.pop_order_confirm .list b.ico_mingxi:before{ background-position: -16rem 0;}
.pop_order_confirm .list b.ico_fangshi:before{ background-position: -14rem 0;}
.pop_order_confirm .list b.ico_jine:before{ background-position: -18rem 0;}
.pop_order_confirm .list .info{ float: left; color: #333; margin-left: .5rem; width: 9.75rem;}
.pop_order_confirm .list .info.daoju {
  padding: .55rem 0;
}
.pop_order_confirm .list .info.daoju span {
  line-height: 1.125rem;
}
.pop_order_confirm .list .info span{ display: block; float: left; margin-right: .5rem;}
.pop_order_confirm .list .giveaway{ float: left; font-size: .55rem; color: #e6be92; height: 1rem; line-height: 1rem; margin:.6rem 0; padding: 0 .2rem; background-color: #fffbf2; border: 1px #fbe9d6 solid; text-align: center; position: relative; border-radius: .2rem;}
.pop_order_confirm .list .giveaway:before{ content: ""; display: block; width: .3rem; height: .3rem; background-color: #fffbf2; border-left: 1px #fbe9d6 solid; border-top: 1px #fbe9d6 solid; position: absolute; top: .3rem; left: -.2rem; transform: rotate(-45deg);}

.pop_order_confirm .submit{ width: 100%; height: 2.5rem; line-height: 2.5rem; display: block; margin: 0 auto; cursor: pointer; color: #fff; font-size: .75rem; letter-spacing: .2rem; font-weight: bold; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: .3rem;}
.pop_order_confirm .submit:hover{ background: #42b1f1;}



.pop_jumptips{ width: 19rem; height: 10.25rem; position: fixed; top: 50%; margin-top: -6rem; left: -1.25rem; z-index: 9; background-image: url(../img/pop_jumptips.png); background-size: 100% auto; background-repeat: no-repeat; }
.pop_jumptips .close{ width: 2rem; height: 2rem; display: block; position: absolute; top: 1.7rem; right: 0; transition: .5s; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -16rem -2rem; }
.pop_jumptips .close:hover{ transform: rotate(90deg); }
.pop_jumptips .text{ width: 11rem; padding: 2.6rem 0 0 7.3rem; font-size: .55rem; color: #666; line-height: 1rem; }
.pop_jumptips .btn_box{width: 11rem; padding: .4rem 0 0 7.3rem; overflow: hidden;}
.pop_jumptips .contact{ width: 4rem; height: 1.5rem; line-height: 1.5rem; display: block; float: left; cursor: pointer; color: #fff; font-size: .55rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: 5px;}
.pop_jumptips .contact:hover{ background: #42b1f1;}
.pop_jumptips .pop_close{ width: 4rem; height: 1.5rem; line-height: 1.5rem; border: 1px #eee solid; margin-left: .3rem; display: block; float: left; cursor: pointer; color: #666; font-size: .55rem; text-align: center; border-radius: .3rem; }
.pop_jumptips .pop_close:hover{ color: #42b1f1; }
.pop_jumptips .email{ width: 11.3rem; margin: .25rem 0 0 7.3rem; white-space: nowrap; clear: both; font-size: .5rem; color: #e6be92; text-align: center; height: 1rem; line-height: 1rem; background-color: #fffbf2; border: 1px #fbe9d6 solid; text-align: center; position: relative; border-radius: .3rem;overflow: hidden;
  text-overflow: ellipsis;}
.pop_jumptips .email:before{ content: ""; display: block; width: .3rem; height: .3rem; background-color: #fffbf2; border-left: 1px #fbe9d6 solid; border-top: 1px #fbe9d6 solid; position: absolute; top: -.2rem; left: 1.8rem; transform: rotate(45deg);}

.pop_sendemail{ width: 15.25rem; padding:1.5rem 1rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; border-radius: .5rem; background-color: #fff; display: none;}
.pop_sendemail .close{ width: 2rem; height: 2rem; display: block; position: absolute; top: .25rem; right: .25rem; background-image: url(../img/ico_1.png); background-size: 1250% auto; background-position: -16rem -2rem; }
.pop_sendemail .ico_success{ width: 5rem; height: 5rem; display: block; background-image: url(../img/ico_pay.png); background-size: 450% auto; background-repeat: no-repeat; background-position: -7.2rem -5.2rem; margin: 0 auto;}
.pop_sendemail h2{ font-size: 1rem; color: #333; display: block; text-align: center; line-height: 1.5rem; padding: .5rem 0 .2rem;}
.pop_sendemail p{ font-size: .6rem; color: #999; line-height: 1rem; padding: 0 .5rem; text-align: center;}
.pop_sendemail p span{ color: #0fcef0; }
.pop_sendemail .go_mail{ width: 100%; height: 2.5rem; line-height: 2.5rem; display: block; margin: 1rem auto 0; cursor: pointer; color: #fff; font-size: .75rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: .3rem;}
.pop_sendemail .go_mail:hover{ background: #42b1f1;}

.order_status{ width: 17rem; top: 4rem; margin: 0 auto; padding-bottom: 3rem; position: relative;}
.order_status .order_status_bg{ width: 17rem; height: 380px; background-image: url(../img/order_bg.png); position: relative; z-index: 2;overflow: hidden; animation: Pull 1s;}
.order_status:before{ width: 17.6rem; height: 1rem; background-color: #e5e5e5; border: 1px #e1e1e1 solid; content: ""; display: block; position: absolute; top: -.5rem; left: -.3rem; z-index: 1;}
.order_status i{ width: 5rem; height: 5rem; display: block; background-image: url(../img/ico_pay.png); background-size: 450% auto; background-repeat: no-repeat; background-position: -7.2rem -5.2rem; position: absolute; top: 2rem; left: 6.5rem;}
.order_status i.success{ width: 5rem; height: 5rem; display: block; background-image: url(../img/ico_pay.png); background-size: 450% auto; background-repeat: no-repeat; background-position: -7.2rem -5.2rem; position: absolute; top: 2rem; left: 6.5rem;}
.order_status i.error{ width: 5rem; height: 5rem; display: block; background-image: url(../img/ico_pay.png); background-size: 450% auto; background-repeat: no-repeat; background-position: -12.7rem -5.2rem; position: absolute; top: 2rem; left: 6.5rem;}
.order_status .info{ padding: 8rem 0 0 4.5rem;}
.order_status .info h2{ font-size: 1rem; padding-bottom: .5rem;}
.order_status .info p{ font-size: .6rem; color: #999; line-height: 1.2rem; }
.order_status .info p b{ color: #333; font-weight: normal;}
.order_status .info p span{ color: #fd5a5f; }
.order_status .btn_box{width: 100%; padding: 1rem 0 0 0; overflow: hidden; text-align: center;}
.order_status .btn_detail{ width: 6rem; height: 2rem; line-height: 2rem; display: inline-block; cursor: pointer; color: #fff; font-size: .65rem; text-align: center; background-image: linear-gradient(to right, #42b1f1,#36d3ef); border-radius: 5px;}
.order_status .btn_detail:hover{ background: #42b1f1;}
.order_status .btn_pay{ width: 6rem; height: 2rem; line-height: 2rem; border: 1px #eee solid; margin-left: 20px; display: inline-block; cursor: pointer; color: #666; font-size: .65rem; text-align: center; border-radius: 5px; }
.order_status .btn_pay:hover{ color: #42b1f1; }

.pay_wrapper .inner{ overflow: hidden; }
.order_wrapper{ position: relative; margin-top: 3rem; background-color: #fff; padding: .5rem .75rem;}
.order_wrapper h3{ display: none;}
.order_wrapper .back{ display: none; }
.order_wrapper .order_state{ width: 100%; position: relative; }
.order_state .info{ width: 100%; }
.order_state .info ul li{ width: 100%; font-size: .6rem; color: #333; height: 40px; line-height: 40px; border-bottom: 1px #eee solid;}
.order_state .info ul li b{ float: left; display: block; font-weight: normal; }
.order_state .info ul li span{ float: left; display: block; text-align: left; }
.order_state .info ul li:last-child{ border-bottom: 0; }
.order_state .state{ padding: .3rem .5rem; height: 4.3rem; background-color: #f7fdf4; border: 1px #d0edcc solid; border-radius: .3rem; position: relative; overflow: hidden;}
.order_state .state i{ width: 5rem; height: 5rem; display: block; background-image: url(../img/ico_pay.png); background-size: 450% auto; background-repeat: no-repeat; background-position: -7.2rem -5.2rem; position: absolute; top: 0; left: 0; transform: scale(.8);}
.order_state .state span{ font-size: 1rem; color: #77ca6f; display: block; padding: 1rem 0 0 4rem}
.order_state .state p{ font-size: .55rem; color: #999; display: block; padding: .25rem 0 0 4rem}

.order_wrapper .order_info{ padding-top: 1rem; }
.order_wrapper .order_info h2{ font-size: .7rem; height: 1rem; line-height: 1rem; color: #333; display: block; text-align: left;}
.order_wrapper .order_info .list{ background-color: #fafafa; padding: .25rem .75rem; margin: .5rem 0 .5rem;}
.order_wrapper .order_info .list ul li{ width: 100%; border-bottom: 1px #eee solid; height: 2.25rem; line-height: 2.25rem; font-size: .6rem; color: #333; }
.order_wrapper .order_info .list ul li:last-child{ border-bottom: 0; }
.order_wrapper .order_info .list b{ width: 4.5rem; display: block; float: left; position: relative; color: #666; text-indent: 1.5rem;}
.order_wrapper .order_info .list b:before{ content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: .1rem; left: -.25rem; background-image: url(../img/ico_pay.png); background-size: 1250% auto;}
.order_wrapper .order_info .list b.ico_zhanghao:before{ background-position: -2rem 0;}
.order_wrapper .order_info .list b.ico_youxi:before{ background-position: -22rem -2rem;}
.order_wrapper .order_info .list b.ico_dingdan:before{ background-position: -4rem 0;}
.order_wrapper .order_info .list b.ico_mingxi:before{ background-position: -16rem 0;}
.order_wrapper .order_info .list b.ico_fangshi:before{ background-position: -16rem 0;}
.order_wrapper .order_info .list b.ico_jine:before{ background-position: -16rem 0;}
.order_wrapper .order_info .list b.ico_bianhao:before{ background-position: -22rem -4rem;}
.order_wrapper .order_info .list .info{ float: left; color: #333;}
.order_wrapper .order_info .list .info span{ display: block; float: left; margin-right: .5rem;}
.order_wrapper .order_info .list .copy{ font-size: .6rem; color: #0fcef0; float: right; display: block; padding: 0 .3rem;}
.order_wrapper .order_info .list .giveaway{ float: left; font-size: .55rem; color: #e6be92; height: 1rem; line-height: 1rem; margin:.6rem 0; padding: 0 .2rem; background-color: #fffbf2; border: 1px #fbe9d6 solid; text-align: center; position: relative; border-radius: .2rem;}
.order_wrapper .order_info .list .giveaway:before{ content: ""; display: block; width: .3rem; height: .3rem; background-color: #fffbf2; border-left: 1px #fbe9d6 solid; border-top: 1px #fbe9d6 solid; position: absolute; top: .3rem; left: -.2rem; transform: rotate(-45deg);}


.order_wrapper.order_record{ background-color: transparent; padding: 0 0 0rem 0; margin-top: 5rem; }

.order_wrapper .link_box{width: 100%; height: 2rem; line-height: 2rem; background-color: #fff; position: fixed; top: 2.5rem; left: 0; box-shadow: 0 .2rem .2rem rgba(0,0,0,.05);z-index: 3; }
.order_wrapper .link_box a{ width: 33.33%; height: 2rem; line-height: 2rem; display: block; float: left; text-align: center; position: relative; font-size: .6rem; color: #333;}
.order_wrapper .link_box a:after{ content: ""; display: none; width: 100%; height: .1rem; position: absolute; bottom: 0; right: 0; background-color: #42b1f1;}
.order_wrapper .link_box a.cur:after{ display: block; }
.order_wrapper .link_box a.cur{ color: #42b1f1; }

.order_wrapper .filter_box{ text-align: center; font-size: 0; padding: .75rem; background-color: #fff; height: 2rem;}

.filter_box .time{ width: 8.5rem; height: 2.1rem; float: left; position: relative;}
.filter_box .time:before{content: ""; width: 1rem; height: 1rem; display: block; position: absolute; top:.5rem; right: .5rem; background-image: url(../img/ico_pay.png); background-size: 2500% auto; background-position: 0 -7rem;}
/*.filter_box .search{ width: 8.5rem; height: 2rem; float: right; position: relative;  line-height: 2rem; border: 1px #eee solid; border-radius: 0.3rem; font-size: .6rem; color: #757575; text-align: left;}*/
.filter_box .search{height:2.1rem}
.filter_box .search select{ width: 8.5rem; height: 2.1rem; float: right; position: relative; padding: 0 .5rem; line-height: 2rem; border: 1px #eee solid; border-radius: 0.3rem; font-size: .6rem; color: #757575; text-align: left;}
.filter_box .search_btn{ width: 1rem; height: 1rem; position: absolute; top:.5rem; right: .5rem; background-image: url(../img/ico_pay.png); background-size: 2500% auto; background-position:-1rem -7rem; background-color: #fff; }
.filter_box input{ width: 8.5rem; height: 2rem; line-height: 2rem; border: 1px #eee solid; border-radius: .3rem; font-size: .6rem; color: #333; text-indent: .5rem; }
.filter_box input::-webkit-input-placeholder{color:#757575;}
.filter_box input::-moz-input-placeholder{color:#757575;}
.record_box .record_head{ width: 100%; height: 2rem; line-height: 2rem; background-color: #fafafa; border-bottom: 1px #eee solid; }
.record_box .record_head ul{ width: 17.25rem; margin: 0 auto; }
.record_box .record_head ul li{ float: left; font-size: 14px; color: #333; font-weight: bold; text-align: center;}
.record_box .record_head ul li:nth-child(1){ width: 10.75rem; text-align: left;}
.record_box .record_head ul li:nth-child(2){ display: none;}
.record_box .record_head ul li:nth-child(3){ display: none; }
.record_box .record_head ul li:nth-child(4){ width: 2rem; float: right; }
.record_box .record_head ul li:nth-child(5){ display: none;}


.record_list .record{ padding: .25rem .75rem; height: 7.5rem; font-size: .6rem; color: #666; background-color: #fff; margin: .25rem 0; position: relative;}

.record_box .record_default{ width: 100%; height: 18rem; background-image: url(../img/ico_3.png); background-size: 50% auto; background-position: center center; background-repeat: no-repeat;display: none; position: relative; }
.record_box .record_default p.no_data{ width: 100%; padding-top: 13.5rem; text-align: center; font-size: .6rem; color: #666; }
.record_box .record_default p.btn{ text-align: center;}
.record_box .record_default p a{display:inline-block;width: 10rem;  height: 2rem; line-height: 2rem; border-radius: .25rem; background-image: linear-gradient(to right, #42b1f1,#36d3ef); text-align: center; color: #fff;  margin: .5rem; cursor: pointer;font-size: .7rem;}

.record_list .order_detail_info{ width: 100%; height: 1.5rem; line-height: 1.5rem; border-bottom: 1px #eee solid; font-size: .6rem;}
.record_list .order_detail_info ul li:nth-child(1){width: 10rem;  float: left;}
.record_list .order_detail_info ul li:nth-child(2){width: 12rem; position: absolute; bottom: .5rem; left: .75rem; height: 1.5rem; line-height: 1.5rem; }
.record_list .order_detail_info ul li:nth-child(3){width: 6rem; float: right; text-align: right; white-space: nowrap;  }
.record_list .order_detail_info ul li b{ font-weight: normal; color: #999; }
.record_list .order_detail_info ul li span{ color: #333; }
.record_list .order_detail_info ul li:last-child span{ margin: 0 .1rem; }

.record_list .order_detail{ width: 100%; height: 2.5rem; padding: .5rem 0; margin: .25rem 0; border-bottom: 1px #eee solid;}
.record_list .order_detail ul li{ float: left; font-size: .6rem; display: flex;}
.record_list .order_detail ul li:nth-child(1){  text-align: left; height: 1rem; line-height: 1rem;}
.record_list .order_detail ul li:nth-child(2){  position: absolute; top: 4rem; left: .75rem; }
.record_list .order_detail ul li:nth-child(3){ display: none;}
.record_list .order_detail ul li:nth-child(4){ width: 2rem; margin: 1rem 0 0 .25rem; text-align: right; float: right; justify-content: flex-end;}
.record_list .order_detail ul li:nth-child(5){position: absolute; bottom: .5rem; right: .75rem;  }
.record_list .order_detail ul li .info{ float: left; color: #666;}

.record_list .order_detail ul li .giveaway{ float: left; font-size: .55rem; color: #e6be92; height: 1rem; line-height: 1rem; margin:0 0 0 .5rem; padding: 0 .2rem; background-color: #fffbf2; border: 1px #fbe9d6 solid; text-align: center; position: relative; border-radius: .2rem;}
.record_list .order_detail ul li .giveaway:before{ content: ""; display: block; width: .3rem; height: .3rem; background-color: #fffbf2; border-left: 1px #fbe9d6 solid; border-top: 1px #fbe9d6 solid; position: absolute; top: .3rem; left: -.2rem; transform: rotate(-45deg);}

.record_list .order_detail ul li .btn_detail{ width: 3rem; height: 1.5rem; line-height: 1.5rem; display: block; float: right; border: 1px #0fcef0 solid; color: #0fcef0; text-align: center; border-radius: 3px; }
.record_list .order_detail ul li .btn_detail:hover{ color: #333; border:1px #333 solid; }



.pop_tips{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; background-color: #fff; border-radius: 2.5rem; height: auto; line-height: 2.5rem; padding: 0 .5rem; box-shadow: 0 0 .5rem .2rem rgba(0, 0, 0, .15); display: none; width: fit-content;}
.pop_tips .wrapper{ display: flex; align-items: center; padding: .25rem 0;}
.pop_tips i{ display: inline-block; width: 2rem; height: 2rem; vertical-align: middle; margin-top: -.1rem; background-image: url(../img/ico_tips.png); background-size: 400% 100%; flex: 0 0 auto;}
.pop_tips p{ display: inline-block; vertical-align: middle; margin-top: -.1rem; line-height: 1.5; font-size: .6rem; color: #333; }
.pop_tips i.ico_success{ background-position: 0 0; }
.pop_tips i.ico_error{ background-position: 33.33% 0; }
.pop_tips i.ico_fail{ background-position: 66.66% 0; }
.pop_tips i.ico_load{ background-position: 100% 0; }

.to_top{position: fixed; right: .5rem; bottom: 6rem; width: 2rem; height: 2rem; background-color: rgba(0, 0, 0, .45);border-radius: 1rem;  cursor: pointer;z-index: 1; }

.to_top_icon{width: .7rem; height: .8rem; margin: .6rem auto; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;}

@keyframes Rotate{
  0% {
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

@keyframes Pull {
  0%{
    height:.1rem;
  }
  100%{
    height: none;
  }
}



.order_wrapper.faq_wrapper{ background-color: transparent; padding: 0 0 0rem 0; margin-top: 5rem;}
.faq_wrapper .faq_box{ background-color: #fff; }

.faq_box .faq_list .box{ padding: .5rem 1rem; overflow: hidden; position: relative; }
.faq_list .box .faq_q{ width: 100%; overflow: hidden; font-size: .6rem; color: #333; line-height: 1.5rem;}
.faq_list .box .faq_q i{ width: .75rem; height: .75rem; display: inline-block; vertical-align: middle; margin-top:-.1rem; margin-right: .3rem; line-height: .75rem; background-color: #d3f8ff; border-radius: .75rem; font-size: 1rem; color: #000; }
.faq_list .box .faq_a{ padding: .5rem 1rem; background-color: #fafafa; margin-top: .25rem; font-size: .55rem; color: #666; line-height: .9rem; }
.faq_list .box .faq_a img{ max-width: 100%; display: block; }