@charset "utf-8";
/* CSS Document */

html { width:100%; min-height:100%;}
body{font-family:PingFang SC,Microsoft YaHei,Microsoft JhengHei,SimSunPingFang SC,Microsoft YaHei,Microsoft JhengHei,SimSun; font-size:12px; line-height:24px; width:100%; min-height:100%; color:#333; text-align:left; padding:0 0 20px;}
a{ text-decoration:none;}
a:link { color:#333}
a:visited { color:#333}
a:hover { color:#333}
img{ border:0px; margin:0px; padding:0px; display:block;}
ul,li{ list-style:none; margin:0px; padding:0px;}
*{margin:0px; padding:0px;}
.floar_l { float:left;}
.floar_r { float:right;}
input {background: transparent; outline: none;  -webkit-appearance: none;-moz-appearance: none;}
.black {color:#333;}
.orange {color:#ff3f11;}
.green {color: #2bca00;}
.blue { color: #58acff;}
.red_cl { color: red;}
.margin_12 { margin:12px 0 0;}


/*充值页面顶部导航 开始*/
.top_box {background:url(../img/img_new/top_bg.jpg) no-repeat top left; background-size: 100%}
.top_bar {/*border-bottom:1px solid #f64300;*/height:36px; padding:6px 0 0; color:#fff; font-size:13px;}
.top_bar a:link { color:#fff}
.top_bar a:visited { color:#fff}
.top_bar a:hover { color:#fff}
.top_bar_left { line-height:28px;  float: left; padding: 4px 0 0 12px;}
.top_bar_left img { height: 28px; width: 28px; border-radius: 14px;}
.top_bar_left2  { line-height:36px; padding: 0 0 0 6px; float: left;}
.top_bar_left2 span { color: #FFFD00;}
.top_bar_right { float:right; padding: 9px 12px 0 0; position: relative;}
.top_bar_right  .label_icon { position:absolute; top:6px; right:0px; background:#fff; color:#ff4800; font-size:10px; height:14px; width: 14px; line-height:14px; padding:0; border-radius:7px; text-align: center;}
.top_bar_right img { height: 18px; width: 18px; /*padding: 0 16px 0 0;*/}
.top_bar:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

.top_box .top_column_box ul { padding:0 8px;}
.top_box .top_column_box ul li { width:25%; float:left; text-align:center; color:#fff; font-size:14px; padding:12px 0 0; line-height:16px;}
.top_box .top_column_box ul li.on { color:#FAFF3E; background-size:12px;}
.top_box .top_column_box ul li img { margin:0 auto;}
.top_box .top_column_box ul li .span_1 { display:block; padding:8px 0 0;}
.top_box .top_column_box ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.top_box .top_column_box ul li a.yh{display: inline-block;width: 42px;height: 42px;vertical-align: top; position: relative;}
.top_box .top_column_box ul li .label_icon { position:absolute; top:-3px; right:-33px; background:red; color:#fff; font-size:10px; height:14px; line-height:14px; padding:1px 9px 0; border-radius:8px 8px 8px 0px;}
.top_box a:link { color:#fff}
.top_box a:visited { color:#fff}
.top_box a:hover { color:#fff}
/*充值页面顶部导航 结束*/

.banner_box {padding:12px 12px 0; line-height: 18px;}
.banner_box img { border-radius: 6px;}
.banner_box .top_div { padding: 6px 0 0; font-size:16px;}
.banner_box .bt_div { color: #adadad; padding: 4px 0 2px;}
.banner_box .bt_ply { color: #E90003; font-size: 16px; font-weight: 500; padding: 4px 0 2px;}

/*产品列表  开始*/
.tb_box_title { font-size: 18px; font-weight:bold; padding:12px 12px 0; text-align: center; font-weight: 600;/* border-top:1px dashed #d5d5d5; margin: 6px 0 0;*/ }
.tb_box { margin:0px; padding:0 12px 0;}
.tb_box:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.tb_box_2 { margin:6px 12px 0; padding:0 0 6px; border-radius: 6px; background: #fff;}
.tb_box_2:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

.ul_box_2 {}
.ul_box_2 li { width:49.5%; float:left; border-radius: 3px; background: #fff; margin: 12px 0 0; border-radius: 6px;}
.ul_box_2 li .img_2 { border-radius: 6px 6px 0 0;}
.ul_box_2 li .info_box { padding: 2px 6px; line-height: 18px;}
.ul_box_2 li .info_box .top_div { padding: 4px 0 0; font-size:16px;}
.ul_box_2 li .info_box .bt_div { color: #adadad; padding: 4px 0 2px;}
.ul_box_2 li .info_box .bt_ply { color: #E90003; font-size: 16px; font-weight: 500; padding: 4px 0 2px;}
.ul_box_2 li:nth-child(2n) { margin-left: 1%;}
/*产品列表  结束*/

/*我的订单   开始*/
.orders_list_box {}
.orders_list_ul {}
.orders_list_ul li { padding:12px 12px; font-size:12px; line-height:24px; background:#fff; font-weight: 500; position: relative; margin: 12px 12px 0; border-radius: 6px;}
.orders_list_ul li:after { clear: both; content:" "; display: block; font-size: 0; height: 0; visibility: hidden;}
.orders_list_ul .recharge_name { font-size:16px; font-weight:500; margin:0 50px 0 0;}
.orders_list_ul .od_number {}
.orders_list_ul .od_time { color:#999;}
.orders_list_ul .od_price {}
.orders_list_ul .commission { font-size: 16px; margin: 6px 0 0; font-weight: 500;}
.orders_list_ul .commission .pd { padding:0 0 0 18px;}
.orders_list_ul .link_box { font-size: 14px; margin: 6px 0 0; line-height: 28px; padding: 8px 0 0; border-top: 1px dashed #f4f4f4;}
.orders_list_ul .link_box .operate_1 { margin:0px 12px 0 0; padding: 0 12px; color: #fff; float: left; height: 28px; line-height: 28px; background: #ff3f11; text-align: center; border-radius: 6px;  font-weight: 500; box-sizing: border-box;}
.orders_list_ul .link_box .operate_2 { float:left; color: red; font-size: 12px;}
.orders_list_ul .link_box:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.orders_list_ul .right { float:right; font-size:14px; line-height:36px; width:80px; height:36px; border-radius:6px; text-align:center; margin:0; font-weight: 500;}
.orders_list_ul .right.succ { background:#fff4f0; color: #ff3f11;}
.orders_list_ul .right.fail { background:#e1ffe3; color: #2bca00;}
.orders_list_ul .right.prog { background:#deefff; color: #58acff;}
.orders_list_ul .right.grey { background:#ededed; color: #666;}
.orders_list_ul .right2 { position: absolute; bottom:16px; right: 38px;}
/*我的订单   结束*/

/*没有记录-显示完毕 开始*/
.bt { height:38px; line-height:38px; text-align:center; font-size: 14px; color: #999; padding: 6px 0 0;}
.no_records { margin: 16px 12px; border-radius: 6px; font-size:14px; text-align: center; line-height: 14px; color: #999;}
.no_records img { width: 100%;}
/*没有记录-显示完毕 开始*/

/*产品详情 开始*/
.pd_sc_pl_box { margin: 18px 0 0; line-height: 24px; height: 58px;}
.pd_sc_pl_box .pc_collect1 { float: right; margin: 0 18px 0 0;}
.pd_sc_pl_box .pc_collect2 { float: right; margin: 0 18px 0 0;}
.pd_sc_pl_box .pc_play { font-size: 28px; line-height: 58px; padding: 0 0 0 18px; color: #E90003;}
.pd_details_box { padding: 18px 12px; font-weight: 500;}
.pd_details_box .title { font-size: 18px; line-height: 28px; font-weight: 600;}
.pd_details_box .info { margin: 12px 0 0; font-size: 14px; line-height: 28px;} 
.bt_play_box { padding: 38px 0 18px; border-top: 2px solid #ccc;}
.bt_play_box .bt_box {}
.bt_play_box .bt_box a { background:#FF6700; height: 46px; line-height: 46px; border-radius: 46px; margin: 22px auto 0; width: 65%; display: block; font-size: 18px; color: #fff; text-align: center;}
/*产品详情 结束*/

/*登陆 开始*/
.logon_box { font-size: 16px; font-weight: 500; background: url("../img/logon_bg.jpg") no-repeat left top; background-size:100%; padding: 12% 0 0;}
.logon_box_in { background: #fff; margin: 0 18px; border-radius: 18px; padding: 20px 18px 38px;}
.logon_box_in .title { font-size: 22px; line-height: 22px; padding: 8px 0 18px; text-align: center;}
.logon_box .phone_row { background: #fff; height: 52px; line-height: 52px; border-radius: 6px; border-bottom: 1px solid #e5e5e5;}
.logon_box .phone_row .left {float: left; width:30%; text-align: center;}
.logon_box .phone_row .right { float: left; width:70%; }
.logon_box .phone_row .tel_text { border:none; height:52px; line-height:52px; font-size:16px; width:100%; box-sizing: border-box; color:#666;}
.logon_box .phone_row:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.logon_box .code_row {  height: 52px; line-height: 52px; margin: 18px 0 0; border-radius: 6px; border-bottom: 1px solid #e5e5e5;}
.logon_box .code_row .left { float: left; width:30%; text-align: center; background: #fff; border-radius: 6px 0 0 6px; height: 52px; line-height: 52px;}
.logon_box .code_row .center { float: left; width:35%; background: #fff; border-radius: 0 6px 6px 0; height: 52px; line-height: 52px;}
.logon_box .code_row .right { float: left; width:35%;  height: 52px; line-height: 52px;}
.logon_box .code_row .tel_text { border:none; height:52px; line-height:52px; font-size:16px; width:100%; box-sizing: border-box; color:#666;}
.logon_box .code_row .right a  { background: #b5b5b6; height: 38px; line-height: 38px; margin: 7px 6px 0 0; border-radius: 6px; display:block; text-align: center; color: #fff; font-size: 14px;}
.logon_box .code_row .right a.on {background-image: linear-gradient(180deg,rgba(255,193,56,1.00) 0%,rgba(255,158,41,1.00) 78.24%);}
.logon_box .sub_row a  { background: #b5b5b6; height: 52px; line-height: 52px; margin: 28px 0 0; border-radius: 6px; display:block; text-align: center; color: #fff; font-size: 18px;}
.logon_box .sub_row a.on  { background: #EA5532;}
.service_notice_box { font-size: 12px; margin: 16px 0 0;}
.service_notice_box .left_bt { float: left; height: 18px;width:18px; box-sizing: border-box; border-radius: 3px; background: url( "../img/cancel_off.gif") no-repeat center center; background-size:100%;}
.service_notice_box .left_bt.on { background: url( "../img/cancel_on.gif") no-repeat center center; background-size:100%;}
.service_notice_box .left_tex { float: left; height: 18px; line-height: 18px; padding: 0 0 0 8px; font-size: 14px; color: #999;}
.service_notice_box a { color: #3aa3ff;}
.service_notice_box:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
/*登陆 结束*/

/* 底部导航 开始*/
.bt_nav {height:68px;background:#fff;border-top:1px solid #eee;width:100%;position:fixed;bottom: 0px; padding-bottom: 5px; z-index:30;}
.bt_nav_ul { line-height:18px; padding:12px 0 0;}
.bt_nav_ul img { margin:0 auto; padding:0 0 2px 0;}
.bt_nav_ul li { float:left; width:20%; text-align:center; color:#999;}
.bt_nav_ul li.on a div{ color:#488dff;}
.bt_nav_ul .bt_nav_img_on { display:none;}
.bt_nav_ul a { display:block; }

.bt_nav .bt_play { float: right; width: 50%; margin: 10px 18px 0 0;}
.bt_nav .bt_play a { display:block;  height: 38px; line-height: 38px; width: 100%; background: #488dff; text-align: center; border-radius: 38px; font-size: 18px; color: #fff;}
.bt_nav_ul2 { line-height:18px; padding:12px 0 0;}
.bt_nav_ul2 img { margin:0 auto; padding:0 0 2px 0;}
.bt_nav_ul2 li { float:left; width:20%; text-align:center; color:#999;}
.bt_nav_ul2 a { display:block; }
/* 底部导航 结束*/

/*客服跳转 开始*/
.kefu_tz_box { padding: 58px 0 0;}
.kefu_tz_box .img_box {}
.kefu_tz_box .img_box img { margin: 0 auto; width: 68px; border-radius: 68px;}
.kefu_tz_box .bt_box { margin: 36px 0 0;}
.kefu_tz_box .bt_box a { background: #14a83b; height: 46px; line-height: 46px; border-radius: 46px; margin: 22px auto 0; width: 65%; display: block; font-size: 18px; color: #fff; text-align: center;}
.kefu_tz_box .text_box { margin: 18px 0 0; text-align: center; font-size: 14px; color: #999;}
/*客服跳转 结束*/

/*内页顶部导航   开始*/
.top_nvg_box { height:48px; line-height:48px; font-size:18px; font-weight: 500; background: #488dff; color:#fff; text-align:center; position:relative;}
.top_nvg_box .top_left { top:13px; left:10px; float:left; width:22px; height:22px; background:url(../img/back.png) no-repeat center center; background-size:cover; position:absolute; overflow:hidden;}
.top_nvg_box .top_right { top:13px; right:15px; float:right; width:22px; height:22px; background:url(../img/personal.png) no-repeat center center; background-size:cover; position:absolute; overflow:hidden;}
.top_nvg_box a:link { display:block; overflow:hidden; width:22px; height:22px;}
.top_nvg_box a:visited { display:block; overflow:hidden; width:22px; height:22px;}
.top_nvg_box a:hover { display:block; overflow:hidden; width:22px; height:22px;}
.top_nvg_ul { line-height: 38px; height: 38px; font-size: 14px; color: #666;}
.top_nvg_ul li { float: left; width: 25%; text-align: center; padding-bottom: 2px; background: #eee;}
.top_nvg_ul li.on { font-weight: 500; color: #3875f6; background:#d8e5ff; padding-bottom: 0;}
.top_nvg_ul li.on:after { border-bottom: 2px solid #3875f6; height: 2px; line-height: 2px; display: block; content:""; margin: 0 auto; width: 30%; box-sizing: border-box;}
.top_nvg_ul:after { clear:both; content:""; display:block; height:0; visibility: hidden;}
/*内页顶部导航   结束*/

/*个人设置 开始*/
.personal_set_box_w { padding: 18px 0; width:100%;position:fixed; bottom: 0px; padding-bottom: 98px; z-index: 30;}
.personal_set_box { font-size: 16px; background: #fff; margin: 16px 18px 0; border-radius: 18px; padding: 18px 18px;}
.personal_set_box .phone_row { background: #fff; height: 52px; line-height: 52px; border-radius: 6px; border-bottom: 1px solid #e5e5e5;}
.personal_set_box .phone_row .left {float: left; width:32%; text-align: center;}
.personal_set_box .phone_row .right { float: left; width:68%; }
.personal_set_box .phone_row .tel_text { border:none; height:52px; line-height:52px; font-size:16px; width:100%; box-sizing: border-box; color:#666;}
.personal_set_box .phone_row:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.personal_set_box .code_row {  height: 52px; line-height: 52px; margin: 18px 0 0; border-radius: 6px; border-bottom: 1px solid #e5e5e5;}
.personal_set_box .code_row .left { float: left; width:32%; text-align: center; background: #fff; border-radius: 6px 0 0 6px; height: 52px; line-height: 52px;}
.personal_set_box .code_row .center { float: left; width:33%; background: #fff; border-radius: 0 6px 6px 0; height: 52px; line-height: 52px;}
.personal_set_box .code_row .right { float: left; width:35%;  height: 52px; line-height: 52px;}
.personal_set_box .code_row .tel_text { border:none; height:52px; line-height:52px; font-size:16px; width:100%; box-sizing: border-box; color:#666;}
.personal_set_box .code_row .right a  { background: #b5b5b5; height: 38px; line-height: 38px; margin: 7px 6px 0 0; border-radius: 6px; display:block; text-align: center; color: #fff; font-size: 14px;}
.personal_set_box .code_row .right a.on {background-image: linear-gradient(180deg,rgba(255,193,56,1.00) 0%,rgba(255,158,41,1.00) 78.24%);}
.personal_set_box .sub_row a  { background: #b5b5b5; height: 48px; line-height: 48px; margin: 18px 0 0; border-radius: 48px; display:block; text-align: center; color: #fff; font-size: 18px;}
.personal_set_box .sub_row a.on  { background: #3aa3ff;}
.personal_set_box:after {clear:both; content:""; display:block; height:0; visibility: hidden;}
.personal_set_box .floar_l { color: #999;}
.personal_set_box .floar_r a { color: #3aa3ff;}
/*个人设置 结束*/

/*我的 开始*/
.sp23_w_box { position: absolute; top:0; width: 100%; height: 22%; border-radius:0 0 8px 8px; z-index: 10; background:url(../img/img_new/top_bg.jpg) no-repeat top left; background-size: 100%; box-sizing: border-box;}
.sp23_bar { height:78px; padding:18px 12px 0; color:#fff; font-size:13px;}
.sp23_bar_left { line-height:42px;  float: left;}
.sp23_bar_left img { height: 36px; width: 36px; border-radius: 46px; border:2px solid #eaf6ff;}
.sp23_bar_left2  { padding: 0 0 0 10px; float: left;}
.sp23_bar_left2 .name { font-size: 16px; line-height: 16px; font-weight: 500; padding:2px 0 0; color: #fff; float: left;}
.sp23_bar_left2 .grade { font-size: 10px; line-height:13px; margin:1px 0 0 12px; color: #3875f6; background: #fafbff; padding: 2px 12px; border-radius: 12px; float: left;}
.sp23_bar_left2 .name_box:after { clear:both; content:""; display:block; height:0; visibility: hidden;}
.sp23_bar_left2 .info { font-size: 12px; line-height:14px; margin: 2px 0 0; color: #fff; padding: 2px 0; border-radius: 12px; float: left;}
.sp23_bar_right { float:right; padding: 3px 0 0; position: relative;}
.sp23_bar_right img { height: 22px; padding: 0;}
.sp23_bar:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.sp23_bar a:link { color:#fff}
.sp23_bar a:visited { color:#fff}
.sp23_bar a:hover { color:#fff}
.sp23_box { z-index: 20; position:relative; margin: 72px 12px 0; border-radius: 6px;} 
.sp23_img_box { margin: 0;}
.sp23_img_box img { border-radius:6px; }
.menu_box_title { margin: 18px 12px 0; padding: 0 0 6px 0; font-size: 16px; font-weight: 500;}
.menu_box { margin:18px 12px 0;}
.menu_box ul {}
.menu_box ul li { width:50%; box-sizing: border-box; border-left:3px solid #f7f7f7; float:left; padding:22px 0px 22px 46px; border-radius: 6px;}
.menu_box ul li.bs_icon_1 { background:#fff url(../img/bs_icon_1.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_2 { background:#fff url(../img/bs_icon_2.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_3 { background:#fff url(../img/bs_icon_3.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_4 { background:#fff url(../img/bs_icon_4.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_5 { background:#fff url(../img/bs_icon_5.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_6 { background:#fff url(../img/bs_icon_6.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_7 { background:#fff url(../img/bs_icon_7.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_8 { background:#fff url(../img/bs_icon_8.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li.bs_icon_9 { background:#fff url(../img/bs_icon_9.png) no-repeat 8px center; background-size:32px;}
.menu_box ul li .title { font-size:16px; line-height:16px;}
.menu_box ul li .info { color:#888;  line-height:12px; font-size:12px; margin:6px 0 0;}
.menu_box ul li:nth-child(1) { border-left:none;}
.menu_box ul li:nth-child(2) {}
.menu_box ul li:after { clear: both; content:" "; display: block; font-size: 0; height: 0; visibility: hidden;}
.menu_box ul li .num { color:#ff3f11; font-size:10px;}
.menu_box:after { clear: both; content:" "; display: block; font-size: 0; height: 0; visibility: hidden;}
/*我的 结束*/

/*遮罩层  开始*/
.mask { width:100%; height:100%; background-color:rgba(0,0,0,0.68); position: fixed; z-index:20; top:0;}
/*遮罩层  结束*/


.service_notice_box .left_bt {
    float: left;
    height: 18px;
    width: 18px;
    box-sizing: border-box;
    border-radius: 3px;
    background: url( "../img/cancel_off.gif") no-repeat center center;
    background-size: 100%;
}

    .service_notice_box .left_bt.on {
        background: url( "../img/cancel_on.gif") no-repeat center center;
        background-size: 100%;
    }