/* CSS Document */
@charset "utf-8";
html, body { height: 100%; display: flex; display: -webkit-flex; display: -webkit-box; flex-flow: column; -webkit-flex-flow: column; -webkit-box-orient: vertical; }
.wap_head { height: 50px; line-height: 50px; padding: 0 5%; background: #FFF; }
.wap_head .backimg { vertical-align: middle; margin-right: 10px; height: 16px; }
.wap_head.borbottom { border-bottom: #f0eff4 1px solid }
.wap_content { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; overflow: scroll; -webkit-overflow-scrolling: touch; }
.wap_content .cssshow { display: block; }
.wap_content .csshidden { display: none; }
.wap_content .butsub { width: 90%; margin: 0 auto; margin-top: 20px; background-color: #f85959; border-radius: 5px; color: #FFF; line-height: 40px; text-align: center; }
/**返回样式**/
.head_iback { height: 45px; line-height: 45px; background: #f85959; color: #FFF; }
.head_iback img { height: 17px; margin-left: 10px; vertical-align: middle; }
/**页尾**/
.wap_footer { height: 44px; display: flex; display: -webkit-flex; display: -webkit-box; flex-flow: row; -webkit-flex-flow: row; -webkit-box-orient: horizontal; background-color: #f4f5f6; }
.wap_footer .menu { display: block; flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; padding-bottom: 5px; padding-top: 27px; color: #585858; font-size: 10px; text-align: center; background-size: 22px 22px; background-position: center 5px; background-repeat: no-repeat; }
.wap_footer .home { background-image: url(../img/home.png); }
.wap_footer .home.active { background-image: url(../img/home_act.png); color: #f85959; }
.wap_footer .px { background-image: url(../img/px.png); }
.wap_footer .px.active { background-image: url(../img/px_act.png); color: #f85959; }
.wap_footer .huodong { background-image: url(../img/huodong.png); }
.wap_footer .huodong.active { background-image: url(../img/huodong_act.png); color: #f85959; }
.wap_footer .haibao { background-image: url(../img/hb.png); }
.wap_footer .haibao.active { background-image: url(../img/hb_act.png); color: #f85959; }
.wap_footer .user { background-image: url(../img/my.png); }
.wap_footer .user.active { background-image: url(../img/my_act.png); color: #f85959; }
.wap_footer .dy { background-image: url(../img/dy.png); }
.wap_footer .dy.active { background-image: url(../img/dy_act.png); color: #f85959; }
/**首页**/
.index_index_a { position: relative; padding-bottom: 80px; }
.index_index_abg { background-image: -webkit-linear-gradient(top, #175D7A 2%, #1B667F 10%, #278190 30%, #28919B 43%, #42C2C3 63%, #FDFEDC 97%); background-image: linear-gradient(-180deg, #175D7A 2%, #1B667F 10%, #278190 30%, #28919B 43%, #42C2C3 63%, #FDFEDC 97%); }
.index_index_a p { color: #FFF; text-align: center; z-index: 50 }
.index_index_a p font { color: #F90 }
.index_index_a .pguize { position: absolute; bottom: 60px; left: 90px; right: 90px; }
.index_index_a .fontnum { font-size: 40px; line-height: 80px; height: 80px; }
.index_index_a .rico { position: absolute; right: 3px; top: 20%; z-index: 6; width: 48px; }
.index_index_a .rico img { width: 48px; margin-top: 3px; }
.index_index_a .rico1 { position: absolute; left: 3px; bottom: 10%; z-index: 6;width: 48px; }
.index_index_a .rico1 img { width: 48px; margin-top: 3px; }
.index_index_a .bimg { width: 100%; position: absolute; left: 0; bottom: 0; }
.index_index_a .headimgs { margin: 0 auto; width: 65%; height: 55px; text-align: center; overflow:hidden; margin-top:10px; margin-bottom:10px; }
.index_index_a .headimgs img { width: 25px; height: 25px; border-radius: 50%; margin-left: -6px; }
.index_index_b { width: 90%; margin: 0 auto; font-size: 18px; text-align: center; line-height: 45px; margin-top: 20px; color: rgb(255, 255, 255); background: rgb(255, 128, 25); transform: none; border-radius: 0px; box-shadow: rgb(255, 128, 25) -1px 1px 5px; }
.index_index_c { text-align: center; line-height: 50px; font-size: 20px; margin-top: 20px; }
.index_index_d { display: flex; display: -webkit-flex; width: 70%; margin: 0 auto; color: #999999; margin-bottom: 10px; }
.index_index_d div { flex-grow: 1; text-align: center; height: 16px; line-height: 16px; }
.index_index_d div:nth-child(1) { border-right: 1px #999999 solid; }
.index_index_d font { color: rgb(28, 199, 33); }
.index_index_e { width: 90%; margin: 0 auto; border-bottom: #e5e5e5 1px solid; line-height: 40px; color: #999; padding-top:20px; }
.index_index_gr{ width: 90%; margin: 0 auto; padding-top:20px; text-align:center; color:#199EFF; font-size:16px; font-weight:bold;}
.index_index_gr img{ height:20px; vertical-align:middle;}
.index_index_grjl{ font-size:10px; color:#f85959; text-align:center; line-height:30px;}
.index_index_grlist{width: 90%; margin: 0 auto; display: flex; display: -webkit-flex; display: -webkit-box; padding-top:10px;}
.index_index_grlist div{ text-align:center; width:1%;flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; position:relative;}
.index_index_grlist .tx{ border-radius:100%; height:60px; width:60px;}
.index_index_grlist .p1{  background:url(../img/30.png) no-repeat; }
.index_index_grlist .p2{  background:url(../img/31.png) no-repeat; }
.index_index_grlist .p3{  background:url(../img/32.png) no-repeat; }
.index_index_grlist .pname{ padding-top:10px; font-size:12px; color:#666;}
.index_index_grlist .ptxt{ padding-top:3px; font-size:10px; color:#FF9F65}
.index_index_grlist .pweizhi{width:100%; height:30px;background-size:contain; background-position:center; font-size:12px; color:#FFF; line-height:37px; text-align:center; position:absolute; left:0; right:0; top:40px;}
.user_box { display: flex; display: -webkit-flex; border-bottom: #e5e5e5 1px solid; width: 90%; margin: 0 auto; padding: 10px 0; position: relative; }
.user_box .userimg { width: 60px; height: 60px; }
.user_box .userimg img { width: 100%; height: 100%; border-radius: 100%; }
.user_box .usertxt { padding-left: 10px; flex: 1; }
.user_box .usertxt p { font-size: 12px; line-height: 20px; color: #999 }
.user_box .usertxt p font { color: rgb(28, 199, 33); }
.user_box .usertxt .pggao { position: absolute; right: 0; bottom: 0; background: #F3F3F3; color: #999; padding: 0 2px; font-size: 10px; line-height: 16px; }
/**个人中心**/
.user_index_datechose, .user_ul_datetitle, .user_ul_datecon { background: #FFF; }
.user_index_datechose { display: flex; display: -webkit-flex; padding: 0 2%; padding-top: 5px; }
.user_index_datechose .pleft, .user_index_datechose .pright { width: 40px; height: 40px; text-align: center; line-height: 40px; }
.user_index_datechose .pcenter { flex-grow: 1; text-align: center; line-height: 20px; font-size: 14px; }
.user_index_datechose .pcenter .fyue { color: #5e7a88; font-size: 16px; }
.user_index_datechose .pcenter .fnian { color: #999; font-size: 12px; }
.user_ul_datetitle li { text-align: center; float: left; width: 14.28%; padding-bottom: 15px; }
.user_ul_datecon li { text-align: center; float: left; width: 14.28%; padding-bottom: 5px; padding-top: 5px; overflow: hidden; }
.user_ul_datecon li p:nth-child(1) { height: 22px; line-height: 22px; border-radius: 8px; }
.user_ul_datecon .outter { width: 80%; display: block; margin: 0 auto; background: #ea6151; color: #FFF; }
.user_ul_datecon .ptxt { font-size: 10px; color: #999; line-height: 20px; }
.user_ul_datecon .fontcolor { color: #ea6151; }
.user_index .title { line-height: 40px; border-bottom: 1px dashed #E5E5E5; background: #FFF; font-weight: bold; padding-left: 15px; }
.user_index .line { height: 5px; background: #f2f2f2 }
.user_index .vipheader { height: 145px; background: url(../img/hbg.png); background-size: cover; padding-top: 20px; }
.user_index .vipheader .touxiang { width: 72px; height: 72px; margin: 0px auto;text-align:center; }
.user_index .vipheader .touxiang img { border-radius: 100%; width: 65px; height:65px; background:#FFF; padding:2px;  }
.user_index .vipheader .name { font-size: 16px; text-align: center; color: #fff; line-height: 40px; }
.user_index .vipsan { padding: 14px 0; background: #fff; display: flex; display: -webkit-flex; display: -webkit-box; }
.user_index .vipsan div { border-right: 1px solid #F3F3F3; width: 25%; text-align: center; color: #666; }
.user_index .vipsan div:last-child { border: 0px; }
.user_index .vipsan a { color: #666; }
.user_index .vipsan h4 { font-size: 1em; line-height: 1.5em; font-weight: normal }
.user_index .vipsan .phong { color: #f85959; }
.user_index .ul_menu { display: flex; display: -webkit-flex; display: -webkit-box; padding:10px 0; background:#FFF;}
.user_index .ul_menu li{ width:1%;flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; text-align:center;  }
.user_index .ul_menu a{color: #666;}
.user_index .ul_menu li img{ height:28px}

.pic_item_menu { padding: 0 10px; background: #FFF;display: flex; display: -webkit-flex; display: -webkit-box;}
.pic_item_menu .ico {height: 30px; margin-top: 10px; }
.pic_item_menu .icoright{ height:20px; margin-top:15px;}
.pic_item_menu p { padding:0 10px;line-height:50px; flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; color:#666666;}
.pic_item_menu p font{ color:#fd5800}
.pic_item_menu .pr{ text-align:right;}

/**充值**/
.pay_num_list li { text-align: center; line-height: 45px; border-bottom: 1px #f5f5f5 solid; cursor: pointer }
.pay_num_list li:last-child { border: 0 }
.user_chongzhi_head { color: #8f8f94; line-height: 50px; background: #f0eff4; padding-left: 5%; }
.user_chongzhi_ul { background: #FFF; border-top: #c8c8ca 1px solid; border-bottom: #d8d6d6 1px solid; }
.user_chongzhi_ul li { width: 90%; margin: 0 auto; border-bottom: #d8d6d6 1px solid; display: flex; display: -webkit-flex; line-height: 45px; }
.user_chongzhi_ul li:last-child { border: 0 }
.user_chongzhi_ul .pleft { width: 90px; }
.user_chongzhi_ul .pright { flex-grow: 1; text-align: right; color: #989898; }
.user_chongzhi_ul .pright.txtleft { text-align: left; }
.user_chongzhi_ul .pright.price { color: #08b80d; }
.user_chongzhi_ul .pleftimg { width: 45px; height: 45px; overflow: hidden; margin: 7px 0 }
.user_chongzhi_ul .pleftimg img { width: 100%; }
.user_chongzhi_ul .prightimg { width: 12px; }
.user_chongzhi_ul .prightimg span { display: block; margin-top: 25px; width: 8px; height: 8px; border-top: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; transform: rotate(45deg); }
.user_chongzhi_ul .pcenter { flex-grow: 1; line-height: 22px; margin: 7px 0; margin-left: 10px; }
.user_chongzhi_ul .pcenter .fspan { color: #969696; font-size: 12px; }
.user_chongzhi_ul .definput { width: 90%; border: 0; height: 43px; }
/**排行榜**/
.paih_index_menu{height: 45px; background-color: #fafafa; text-align: center; line-height: 45px; display: flex; display: -webkit-flex; display: -webkit-box; }
.paih_index_menu p{ width:1%;flex: 1; -webkit-box-flex: 1; -webkit-flex: 1;border-bottom: #eaeaea 1px solid;}
.paih_index_menu p.active{ color:#f85959; border-bottom:#f85959 1px solid}
/****/
.index_daka_div1 { padding: 20px; text-align: center }
.index_daka_div1 img { vertical-align: middle; margin-right: 5px; margin-bottom: 20px; cursor: pointer }
.index_daka_div1 input { height: 40px; width: 80px; text-align: center; }
.index_daka_div2 { width: 60%; margin: 0 auto; font-size: 18px; text-align: center; line-height: 45px; margin-top: 20px; margin-bottom: 20px; color: rgb(255, 255, 255); background: rgb(255, 128, 25); transform: none; border-radius: 0px; box-shadow: rgb(255, 128, 25) -1px 1px 5px; cursor: pointer }

.user_mx_list { display: flex; display: -webkit-flex; border-bottom: #fafafa 1px solid; padding:5px 2%; margin: 0 auto; }
.user_mx_list .d1{ width:60px;}
.user_mx_list .d1 p{ color:#999; line-height:30px; text-align:center; font-size:12px;}
.user_mx_list .d2{ width:70px; text-align:center;}
.user_mx_list .d2 img{ height:50px; width:50px; border-radius:100%;}
.user_mx_list .d3{flex: 1; -webkit-flex: 1; -webkit-box-flex: 1;}
.user_mx_list .d3 p{ height:30px; line-height:30px; overflow:hidden;color:#999;}
.user_mx_list .d3 p:first-child{ color:#40993E; font-weight:bold;}
.user_mx_list .d3 p:last-child{ font-size:12px;}

.user_shouyi_a { text-align: center; color: rgb(255, 128, 25); background: #FFF; line-height: 80px; }
.user_shouyi_a font { font-size: 30px; }
.user_shouyi_ul { margin-top: 20px; padding: 0 2%; margin-bottom: 20px; }
.user_shouyi_ul li { background: #FFF; line-height: 40px; margin-top: 10px; color: #FFF; display: flex; display: -webkit-flex; }
.user_shouyi_ul li .d1 { width: 100px; background: #bbbabb; text-align: center; }
.user_shouyi_ul li .d2 { flex-grow: 1 }
.user_shouyi_ul li .d2 p { min-width: 60px; background: #bbbabb; text-align: right; padding-right: 5px; }