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

.page_top{margin-top:0.9rem; float:left; width:100%;}
.line_hui{float:left; width:100%; background:#f2f2f2; border-bottom:#e8e8e8 1px solid; border-top:#e8e8e8 1px solid; height:.18rem;}
.box{width:94%; padding:0 3%;}
/*btn*/
.red_background{background:#fb5652; color:#fff;}
.red_background:hover{background:#f44538; color:#fff;}
.gray_background{background:#b0b0b0; color:#fff;}
.gray_background:hover{background:#757575; color:#fff;}
.zia_999{color:#999;}
.zia_999:hover{color:#fb5652;}

/* login */
.login_title{width:84%; text-align:center; font-size:.5rem; color:#333; padding:1rem 8% 0 8%;}
.register_box{width:84%; padding:0 8%;}
.login_srk_box{width:100%; border-bottom:#eceff6 1px solid;  padding:.2rem 0; position:relative; float:left;}
.login_srk_box span{float:left; width:40%; color:#333;}
.login_srk1{width:100%; border:none; font-size:.28rem; padding:0.15rem 0; color:#333;}

.login_btn{width:100%;  margin:.8rem 0 .4rem 0; float:left;}
.login_btn a{width:100%; display:block; text-align:center; padding:.2rem 0; font-size:.3rem;}
.wjmm_box{width:80%; padding:0 10%; font-size:.23rem; color:#999; text-align:center;}
.wjmm_box a{font-size:.23rem; text-decoration:underline;}

/* top */
.top_box{width:92%; padding:0 4%; height:0.9rem; line-height:0.9rem;  position:fixed; z-index:99999; background:#fff;}
.top_nr{width:100%; text-align:center; font-size:.32rem; font-weight:bold; color:#333;}
.jiantou{position:absolute; left:4%; top:.35rem;}
.top_right_img{position:absolute; right:4%; width:.4rem; height:.4rem;}
.top_right_img img{padding-top:.24rem;}

.top_hongdian{position:absolute; background:#ff6458;  right:5%; top:.2rem;  padding:.07rem;}

/* foot */
.foot_tt{width:100%; padding:0 0 0.9rem 0; float:left; }
.foot_box{position:fixed; bottom:0;  z-index:990; width:100%; height:0.9rem; background:#fff; border-top:#e4e6ec 1px solid;}

.foot_nav1{width:23%; float:left; padding:2% 1%; text-align:center;}
.foot_nav1 a{background:url(../images/foot/foot_nav011.png) no-repeat center top; background-size:27%; display:block; font-size:.22rem; color:#999; padding:.42rem 0 0 0;}
.foot_nav1 .nav_hover1,.foot_nav1 a:hover{background:url(../images/foot/foot_nav11.png) no-repeat center top; background-size:27%;  display:block; font-size:.22rem; color:#f05344; padding:.42rem 0 0 0;}

.foot_nav2{width:23%; float:left; padding:2% 1%; text-align:center; position:relative;}
.foot_nav2 a{background:url(../images/foot/foot_nav022.png) no-repeat center top; background-size:27%;  display:block; font-size:.22rem; color:#999; padding:.42rem 0 0 0;}
.foot_nav2 a.nav_hover2,.foot_nav2 a:hover{background:url(../images/foot/foot_nav22.png) no-repeat center top; background-size:27%;  display:block; top:0; font-size:.22rem; color:#f05344; padding:.42rem 0 0 0;}

.foot_nav3{width:23%; float:left; padding:2% 1%; text-align:center; position:relative;}
.foot_nav3 a{background:url(../images/foot/foot_nav033.png) no-repeat center top; background-size:27%;  display:block; font-size:.22rem; color:#999; padding:.42rem 0 0 0;}
.foot_nav3 a.nav_hover3,.foot_nav3 a:hover{background:url(../images/foot/foot_nav33.png) no-repeat center top; background-size:27%;  display:block; top:0; font-size:.22rem; color:#f05344; padding:.42rem 0 0 0;}

.foot_nav4{width:23%; float:left; padding:2% 1%; text-align:center; position:relative;}
.foot_nav4 a{background:url(../images/foot/foot_nav044.png) no-repeat center top; background-size:27%;  display:block; font-size:.22rem; color:#999; padding:.42rem 0 0 0;}
.foot_nav4 a.nav_hover4,.foot_nav4 a:hover{background:url(../images/foot/foot_nav44.png) no-repeat center top; background-size:27%;  display:block; top:0; font-size:.22rem; color:#f05344; padding:.42rem 0 0 0;}

.foot_hongdian1{position:absolute; background:#ff6458; height:.2rem; line-height:.2rem; right:25%; top:.1rem; color:#FFF; padding:0.1em 0.3em;  font-size:.2rem;}
.foot_hongdian2{position:absolute; background:#ff6458;  right:35%; top:.1rem;  padding:.07rem;}

/* index_amount_box */
.index_amount_box{width:100%;}
.index_amount_box h1{display:block; width:90%; padding:.1rem 5%; font-size:.42rem; color:#f05344; text-align:center; font-weight:bold;}
.index_amount_box h2{display:block; width:90%; padding:.1rem 5%; font-size:.55rem; color:#333; text-align:center; font-weight:bold;}
.index_amount_box h2 small{font-size:.32rem; padding-left:.1rem; color:#555;}
.index_amount_box h3{display:block; width:100%;}
.index_amount_box a{width:60%; margin:0 20%; display:block; text-align:center; padding:.16rem 0; font-size:.3rem; margin-bottom:.4rem;}

/* index_amount_list */
.index_amount_list{width:94%; padding:0 3%;}
.index_amount_list ul{}
.index_amount_list li{float:left; width:50%; border-bottom:#e8e8e8 1px solid;}
.index_amount_list a{float:left; padding:.25rem 2%; width:96%;}
.index_amount_list a span{float:left; color:#888; font-size:.24rem; padding:.06rem 0 0 0;}
.index_amount_list a small{float:left; color:#555; font-size:.3rem;}
.index_amount_list a em{float:left; color:#888; font-size:.24rem; padding:.06rem 0 0 .06rem;}

/* message */
.message_box{width:94%; padding:0 3% 0 3%; float:left;}
.message_list{width:100%; border-bottom:#f0eef5 1px solid; float:left; padding:.2rem 0;}
.message_img{width:20%; float:left;}
.message_img img{width:1.1rem; height:1.1rem; margin-top:.15rem;}
.message_nr{width:80%; float:left;}
.message_nr dt{float:left; width:90%; padding:.1rem 0 0 0;}
.message_nr dt h1{padding:0 0 .03rem 0; width:100%; float:left; color:#333; font-size:.28rem;}
.message_nr dt h2{font-size:.2rem; color:#999; padding:.03rem 2% .03rem 0; float:left; width:98%;}
.message_nr dt h3{font-size:.2rem; color:#999; padding:0 2% 0 0; float:left; width:98%;}
.message_nr dd{float:left; width:10%;}
.message_nr dd span{margin-top:.6rem; float:right;}

.message_nr_hui{width:80%; float:left;}
.message_nr_hui dt{float:left; width:90%; padding:.1rem 0 0 0;}
.message_nr_hui dt h1{padding:0 0 .03rem 0; width:100%; float:left; color:#999; font-size:.28rem;}
.message_nr_hui dt h2{font-size:.2rem; color:#ccc; padding:.03rem 2% .03rem 0; float:left; width:98%;}
.message_nr_hui dt h3{font-size:.2rem; color:#ccc; padding:0 2% 0 0; float:left; width:98%;}
.message_nr_hui dd{float:left; width:10%;}
.message_nr_hui dd span{margin-top:.6rem; float:right;}

.message_more{width:94%; padding:.5rem 3%; float:left; text-align:center; }
.message_more a{font-size:.24rem; color:#777; border:#ccc 1px solid; padding:.1rem .3rem;}


/* message_info */
.message_info_box{width:94%; float:left; padding:.3rem 3%;}
.message_info_box h1{display:block; width:100%; text-align:center; font-size:.3rem; color:#333}
.message_info_box h2{display:block; width:100%; text-align:center; font-size:.22rem; color:#999; padding:.1rem 0;}
.message_info_nr{width:100%; font-size:.24rem; color:#666; line-height:.4rem;}

/* bill */
.bill_banner_box{width:100%; float:left;}
.bill_banner_img{width:100%; position:relative; z-index:90;}
.bill_banner_img img {width:100%;}
.bill_banner_zi{position:absolute; top:0.9rem; z-index:99; width:87%; padding:0 5% 0 8%;}
.bill_banner_tx{width:65%; float:left;}
.bill_banner_tx span{font-size:.26rem; color:#fff; float:left; width:100%;}
.bill_banner_tx small{font-size:.52rem; color:#fff; float:left; width:100%; padding:.5rem 0 .1rem 0;}
.bill_banner_btn{width:35%; float:right;}
.bill_banner_btn a{margin:.85rem 0 0 0; float:right; text-align:center; width:100%; padding:.15rem 0; font-size:.28rem;}

.bill_title{width:96%; padding:.22rem 2%; font-size:.24rem; float:left; background:#f2f2f2; border-bottom:#e8e8e8 1px solid; white-space:nowrap; overflow-x:auto; overflow-y:hidden; text-align: center;}
.bill_title a{font-size:.23rem; color:#333; padding:.22rem .3rem .18rem .3rem; position:relative; margin:0 .1rem;}
.bill_title .bill_title_qie,.bill_title a:hover{color:#fb5652; border-bottom:#fb5652 2px solid; font-weight:bold;}
.bill_title_fixed{position: fixed; top:.9rem; left:0; z-index:999;}

.bill_list{width:100%; padding:.25rem 0; display:block;  border-bottom:#f2f2f2 1px solid; float:left;}
.bill_list dt{width:73%; float:left; padding-left:2%;}
.bill_list dt span{width:100%; display:block; font-size:.24rem; color:#c8c8c8;}
.bill_list dt span em{float:left; font-size:.26rem; color:#333; padding-right:.3rem; font-weight:bold; padding-right: 3%; max-width: 76%; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;}
.bill_list dt small{width:100%; float:left; font-size:.2rem; color:#999; padding:.1rem 0 0 0;}
.bill_list dd{float:left; padding:.2rem 0 0 0; width:25%;}
.bill_list dd span{float:left; width:95%; text-align:right; padding:0 5% 0 0; font-size:.32rem; font-weight:bold;}
.bill_list_hui{color:#c0c0c0;}
.bill_list_green{color:#45b320;}
.bill_list_black{color:#333;}

.project_list{width:100%; padding:.25rem 0; display:block;  border-bottom:#f2f2f2 1px solid; float:left;}
.project_img{width:14%; float:left;}
.project_img img{width:.8rem; height:.8rem;}
.project_list dt{width:59%; float:left; padding:.05rem 0 0 2%;}
.project_list dt span{width:100%; display:block; font-size:.24rem; color:#c8c8c8;}
.project_list dt span em{float:left; font-size:.26rem; color:#333;  font-weight:bold; padding-right:3%; max-width:76%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.project_list dt small{width:100%; float:left; font-size:.2rem; color:#999; padding:.1rem 0 0 0;}
.project_list dd{float:left; padding:.2rem 0 0 0; width:25%;}
.project_list dd span{float:left; width:95%; text-align:right; padding:0 5% 0 0; font-size:.32rem; font-weight:bold;}


/* account */
.account_list_box{width:97%; padding:0 0 0 3%; float:left; background:#fff;}
.account_list_box i{float:left; width:6%; padding:.23rem 0 0 0;}
.account_list_nr{float:left; width:91%; border-bottom:#f5f4f9 1px solid; float:left; padding:.25rem 0 .25rem 3%;}
.account_list_nr h1{font-size:.28rem; color:#333; float:left;}
.account_list_nr span{font-size:.2rem; color:#ccc; float:right; padding:.1rem 0 0 0;}
.account_list_nr em{width:.2rem; float:right; margin:.1rem 3% 0 3%; }


/* withdraw */
.withdraw_box1{width:90%; padding:.1rem 5%; background:#fff; border-bottom:#ebebeb 1px solid; border-top:#ebebeb 1px solid; margin-top:1.1rem; position: relative;}
.withdraw_box1 i{float: left; width: 14%;}
.withdraw_box1 i img{width: 100%;}
.withdraw_box1 h1{float: left; width: 84%; padding: 0 0 0 2%;}
.withdraw_box1 h1 small{float: left; color: #999; font-size: .22rem; width: 100%; padding: .03rem 0 .06rem 0;}
.withdraw_box1 h1 span{float: left; color: #333; font-size: .28rem; width: 100%;}
.withdraw_box1 h2{position: absolute; right: .3rem; top: .5rem;}

.withdraw_box2{width:90%; padding:.3rem 5%; background:#fff; border-bottom:#ebebeb 1px solid; border-top:#ebebeb 1px solid; margin-top:.18rem;}
.withdraw_box2 h1{display:block; width:100%; font-size:.28rem; color:#666; font-weight:bold; padding:0 0 .2rem 0;}
.withdraw_qian{width:100%; border-bottom:#f2f2f2 2px solid;  float:left;}
.withdraw_qian span{float:left; font-size:.6rem; color:#333; font-weight:bold;}
.withdraw_input{float:left; width:80%; font-size:.7rem; color:#333; border:1px #fff solid; padding:0.03rem 0 0 0.2rem;}
.withdraw_number{width:96%; border-bottom:#f2f2f2 1px solid; float:left; padding:.3rem 2%;}
.withdraw_number small{float:left; font-size:.26rem; color:#999;}
.withdraw_number em{float:left; font-size:.26rem; color:#ccc;}
.withdraw_number a{float:right; font-size:.26rem; color:#999;}
.withdraw_box h2{display:block; width:96%; font-size:.26rem; color:#999; padding:.3rem 2% 0 2%; float:left;}

.wotjdraw_prompt{width:90%; padding:.3rem 5%; font-size:.26rem; color:#bab9b9; line-height:.4rem; float:left;}

/* setting */
.setting_box{width:100%;}
.setting_box h1{display:block; padding:.3rem 5%; width:90%; font-size:.25rem; color:#666;}
.setting_nr{width:90%; padding:.3rem 5%; background:#fff; border-bottom:#ebebeb 1px solid; border-top:#ebebeb 1px solid; float:left;     position: relative;}
.setting_nr span{float:left; font-size:.26rem; color:#333; width:25%;}
.setting_input{float:left; width:75%;  font-size:.26rem; color:#666; border:none; padding:0.05rem 0 0 0;}
.setting_btn_box{width:90%; padding:0 5%;}
.hqyzm{position:absolute; top:22%; z-index:999; right:5%; font-size:.24rem; color:#fb5652; border:#fb5652 1px solid; text-decoration:none;   padding:.08rem .15rem;}

/* kong */
.kong_box{width:90%; padding:1.5rem 5% 0 5%; float:left; text-align:center;}
.kong_box img{width:1.7rem;}
.kong_box span{display:block; width:100%; font-size:.28rem; color:#999; text-align:center; padding:.1rem 0 0 0;}

/* channel */
.channel_box{position:absolute; left:4%; top:0rem; font-size:.28rem; color:#333;}
.channel_box small{padding: 0 0 0 .16rem;}
.channel_box:hover{color: #f05344;}
.channel_filter{float: left; width: 92%; padding: 0 4%; text-align: left;}
.channel_filter p{font-size: .22rem; color: #888;}
.channel_ul{float:left; width:100%;}
.channel_ul li{float:left; width:100%;  border-bottom:#f7f7f7 1px solid; padding:.2rem 0; background:url(../images/select2.jpg) no-repeat right; cursor:pointer;}
.channel_ul .channel_qie,.channel_ul li:hover{float:left; width:100%;  border-bottom:#f7f7f7 1px solid; padding:.2rem 0; background:url(../images/select1.jpg) no-repeat right;}

.channel_ul li span{float:left; width:100%; font-size:.26rem; color:#333; font-weight:bold; padding:0 0 0 1em;}
.channel_ul li small{float:left; width:100%; font-size:.22rem; color:#999; padding:0.2em 0 0 1em;}