/*登录注册*/
.login_area{background: #fff;}
.login_area .logo{padding: 35px 0 29px;text-align: center;}
.login_area .inp_area{width: 86.9%;margin: 0 auto;border: 1px solid #D5D5D5;border-radius: 4px;overflow: hidden;}
.login_area .inp_area input{height: 30px;line-height: 30px;width: 70%;border: none;font-size: 14px;padding-left: 42px;color: #B1B1B1;}
.login_area .inp_area .txt{border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom: 1px solid #D5D5D5;padding: 10px 0;}
.login_area .inp_area>div{position: relative;}
.login_area .inp_area .txt .login_people{position: absolute;top: 15px;left: 14px;z-index: 1;}
.login_area .inp_area .pass{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 10px 0;}
.login_area .inp_area .pass .lock{position: absolute;top: 15px;left: 15px;z-index: 1;}
.login_area .inp_area .pass .eyes_img{position: absolute;top: 18px;right: 11px;}
.login_area .inp_area .pass .eyes_close{width: 17px;height: 9px;}
.login_area .inp_area .pass .eyes_open{width: 18px;height: 15px;}
.login_area .subBtn{border: none;background: 0 none;width: 86.9%;margin: 0 auto;background: #E82609;border-radius: 5px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;margin-top: 20px;}
.login_area .alink{text-align: center;padding-top: 14px;line-height: 14px;color: #B1B1B1;}
.login_area .alink>a{margin: 0 17px;font-size: 14px;color: #B1B1B1;}
.ather_area{margin-top: 30%;text-align: center;padding-bottom: 43px;}
.ather_area>p{font-size: 14px;color: #B1B1B1;line-height: 14px;margin-bottom: 28px;}
.ather_area>p .line{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 46px;height: 1px;background: #D5D5D5;margin: 0 10px;}
.ather_area .third_login>a{margin: 0 5px;}
.register_area{background: #fff;}
.register_area .logo{padding: 35px 0 29px;text-align: center;}
.register_area .inp_area{width: 86.9%;margin: 0 auto;border: 1px solid #D5D5D5;border-radius: 4px;overflow: hidden;}
.register_area .inp_area input{height: 30px;line-height: 30px;width: 70%;border: none;font-size: 14px;padding-left: 42px;color: #B1B1B1;}
.register_area .inp_area .txt{border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom: 1px solid #D5D5D5;padding: 10px 0;}
.register_area .inp_area>div{position: relative;}
.register_area .inp_area .txt .login_people{position: absolute;top: 15px;left: 14px;z-index: 1;}
.register_area .inp_area .pass{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 10px 0;}
.register_area .inp_area .pass input{width: 50%;}
.register_area .inp_area .pass .lock{position: absolute;top: 15px;left: 15px;z-index: 1;}
.register_area .subBtn{border: none;background: 0 none;width: 86.9%;margin: 0 auto;background: #E82609;border-radius: 5px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;margin-top: 20px;}
.register_area .alink{text-align: center;padding-top: 14px;line-height: 14px;color: #B1B1B1;}
.register_area .alink>a{margin: 0 17px;font-size: 14px;color: #B1B1B1;}
.ather_area{margin-top: 15%;text-align: center;padding-bottom: 43px;}
.ather_area>p{font-size: 14px;color: #B1B1B1;line-height: 14px;margin-bottom: 28px;}
.ather_area>p .line{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 46px;height: 1px;background: #D5D5D5;margin: 0 10px;}
.ather_area .third_login>a{margin: 0 5px;}
.ather_area .register_tips{font-size: 12px;margin-top: 19px;}
.register_area .inp_area .txt_code{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 10px 0;}
.register_area .inp_area .txt_code input{width: 45%;}
.register_area .inp_area .txt_code .lock{position: absolute;top: 15px;left: 15px;z-index: 1;}
.register_area .inp_area .txt_code .eyes_img{position: absolute;top: 15px;right: 11px;}
.register_area .inp_area .txt_code .eyes_close{width: 17px;height: 9px;}
.register_area .inp_area .txt_code .Obtain_code{width: 80px;text-align: center;padding: 0 10px;margin-top: 0;float: right;border-left: 1px solid #B1B1B1;font-size: 14px;line-height: 28px;color: #B1B1B1;}
.register_area .inp_area .v_code{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 10px 0;}
.register_area .inp_area .v_code input{width: 45%;}
.register_area .inp_area .v_code .lock{position: absolute;top: 15px;left: 15px;z-index: 1;}
.register_area .inp_area .v_code .eyes_img{position: absolute;top: 15px;right: 11px;}
.register_area .inp_area .v_code .eyes_close{width: 17px;height: 9px;}
.register_area .inp_area .v_code .Obtain_code{padding: 0 10px;float: right;margin-top: 8px;border-left: 1px solid #B1B1B1;font-size: 14px;line-height: 14px;color: #B1B1B1;}
/*个人中心*/
.personal_center_body .user-center-block{
    background-image: url('../img/user_c_bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 8px;position: relative;}
.personal_center_body .user-center-block .user_info{ padding-top: 32px;}
.personal_center_body .user_info .info_img{width: 64px;height: 64px;margin: 0 10px 0 14px;}
.personal_center_body .user_info .info_content {width:65%}
.personal_center_body .user_info .info_content h5{
    font-weight: bold;
    font-size: 18px;
    color: #333333;margin: 12px 0 5px;width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.personal_center_body .user_info .info_content h5>span{font-size: 18px;font-weight:bold;color: #333333;margin-left: 5px;}
.personal_center_body .user_info .info_content>p{
    font-weight: 500;
    font-size: 12px;
    color: #917E6B;
    width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.personal_center_body .user-center-block .user-money{ height: 36px; line-height: 36px; position: relative;margin-top: 26px; }
.personal_center_body .user-center-block .user-money .shubi{ margin-left: 24px; font-weight: 500;
    font-size: 12px;
    color: #917E6B;}
.personal_center_body .user-center-block .user-money .shubi span{font-weight: bold;font-size: 19px;color: #333333;}
.personal_center_body .user-center-block .user-money .rechargeBtn{ position: absolute;right: 22px;top:0; background: #FF4F4F;
    border-radius: 18px;width: 79px;font-weight: 500;
    font-size: 15px;color: #FEFEFE;text-align: center; }
.personal_center_body .user_info  .ar_span>img{margin-top: 25px;margin-right: 12px;}
.personal_center_body .user-center-block .vip-block{
    background-image: url('../img/vipbg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 62px;position: relative;
    margin: 20px 12px 0px;
}
.personal_center_body .user-center-block .vip-block .rechargeBtn{
    width: 79px;text-align: center;
    height: 36px;font-weight: 500;
    font-size: 15px;line-height: 36px;
    color: #A44F26;
    background: linear-gradient(90deg, #FCF2D7, #F2E4B5);
    border-radius: 18px;position: absolute;top: 13px;right: 10px;
}
.personal_center_body .user-center-block .vip-block .txt{
    font-weight: 500;font-size: 12px;color: #FFF2E1;
    position: absolute;
    bottom: 10px;
    left: 28px;
}
.personal_center_body .user-center-block .user-menu{
    background: #FFFFFF;padding: 20px 0px;
    border-radius: 8px;margin: 0px 12px;
}
.personal_center_body .user-center-block .user-menu ul{margin: 0; padding: 0; }
.personal_center_body .user-center-block .user-menu ul li{
    position: relative;
}
.personal_center_body .user-center-block .user-menu ul li a{
    display: block;height: 50px; line-height: 50px;padding: 0px 12px 0px 16px;
}
.personal_center_body .user-center-block .user-menu ul li .icon{ position: absolute; left: 16px; top: 15px; }
.personal_center_body .user-center-block .user-menu ul li .arrow{ position: absolute; right: 12px; top: 18px; }
.personal_center_body .user-center-block .user-menu ul li span{ margin-left:36px; font-weight: 500;
    font-size: 14px;color: #222222;}
.personal_center_body .user_menue{background: #fff;margin-top: 8px;}
.personal_center_body .user_menue ul li{line-height: 62px;border-bottom: 1px solid #E9E9E9;}
.personal_center_body .user_menue ul li>a{display: block;padding: 0 12px 0 19px;font-size: 15px;}
.personal_center_body .user_menue ul li>a>img{vertical-align: middle;margin-bottom: 4px;margin-right: 11px;}
.personal_center_body .user_menue .my_account{position: relative;}
.personal_center_body .user_menue .my_account>img{vertical-align: middle;margin-bottom: 4px;margin-right: 10px;margin-left: 18px;}
.personal_center_body .user_menue .my_account>div{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;line-height: 21px;font-size: 15px;}
.personal_center_body .user_menue .my_account>div>span{font-size: 12px;}
.personal_center_body .user_menue .my_account>div>span>i{color: #E71E00;}
.personal_center_body .user_menue .my_account .rechargeBtn{display: block;position: absolute;top:20px;right: 10px;width: 60px;height: 24px;line-height: 24px;background: #F56C6E;border-radius: 15px;color: #fff;text-align: center;font-size: 12px;padding: 0;}
.personal_center_body .user_menue .my_account .rechargeBtn>img{margin-right: 3px;}
.personal_center_body .user_menue ul li>a .recent_read{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;line-height: 21px;}
.personal_center_body .user_menue ul li>a .recent_read span{font-size: 13px;color: #A9A9A9;}
.personal_center_body .log_out{line-height: 62px;text-align: center;color: #E71E00;font-size: 15px;margin-top: 8px;background: #fff;}
/*消费记录*/
.record_lists{background: #fff;border-bottom: 1px solid #E9E9E9;}
.record_lists ul li{float: left;width: 33.3%;height: 40px;line-height: 40px;text-align: center;position: relative;}
.record_lists ul li>a{color: #6E6E6E;display: block;}
.record_lists ul .current>a{color: #E71E00;}
.record_lists ul .current .line{display: block;width: 24px;height: 2px;background: #E71E00;border-radius: 2px;position: absolute;left: 50%;bottom: -1px;margin-left: -12px;}
.subscribe_records{background: #fff;margin-top: 8px;}
.subscribe_records ul li{padding: 11px 13px 11px 15px;border-bottom: 1px solid #E9E9E9;}
.subscribe_records ul li p{zoom: 1;line-height: 21px;}
.subscribe_records ul li p:after{content: "";width: 0;height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.subscribe_records ul li p .title{font-size: 14px;color: #333333;width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.subscribe_records ul li p .chapter{width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: right;}
.subscribe_records ul li p .data{font-size: 12px;color: #969696;}
.subscribe_records ul li p .chapter_num{color: #E71E00;font-size: 14px;}
.reward_records{background: #fff;margin-top: 8px;}
.reward_records ul li{padding: 11px 13px 11px 15px;border-bottom: 1px solid #E9E9E9;}
.reward_records ul li p{zoom: 1;line-height: 21px;}
.reward_records ul li:after{content: "";width: 0;height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.reward_records ul li p .title{font-size: 14px;color: #333333;}
.reward_records ul li p .data{font-size: 12px;color: #969696;}
.reward_records ul li .reward_num{color: #E71E00;font-size: 14px;line-height: 42px;}
.recharge_records{background: #fff;margin-top: 8px;}
.recharge_records ul li{padding: 11px 13px 11px 15px;border-bottom: 1px solid #E9E9E9;}
.recharge_records ul li p{zoom: 1;line-height: 21px;}
.recharge_records ul li p:after{content: "";width: 0;height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.recharge_records ul li p .recharge_way{font-size: 14px;color: #333333;}
.recharge_records ul li p .data{font-size: 12px;color: #969696;}
.recharge_records ul li p .yibi_num{color: #E71E00;font-size: 14px;}
/*短信箱*/
.mail_box_lists{background: #fff;border-bottom: 1px solid #E9E9E9;}
.mail_box_lists ul li{float: left;width: 33.3%;height: 40px;line-height: 40px;text-align: center;position: relative;}
.mail_box_lists ul li>a{color: #6E6E6E;display: block;}
.mail_box_lists ul .current>a{color: #E71E00;}
.mail_box_lists ul .current .line{display: block;width: 24px;height: 2px;background: #E71E00;border-radius: 2px;position: absolute;left: 50%;bottom: -1px;margin-left: -12px;}
.comment_my{background: #fff;margin-top: 8px;padding-top: 7px;}
.comment_my>ul>li{position: relative;padding: 14px 0 0 14px;font-size: 13px;}
.comment_my ul li .touxiang_area{position: absolute;top: 14px;left: 15px;}
.comment_my ul li .pinLun{margin-left: 53px;border-bottom: 1px solid #F6F7F9;padding-bottom: 18px;position: relative;word-break:break-all;}
.comment_my ul li .pinLun .posi{position: absolute;top: 0;right: 20px;}
.comment_my ul li .pinLun .inputA{margin-right: 20px;border: none; padding: 10px 0px; overflow: hidden;display: none;}
.comment_my ul li .pinLun .inputA form{padding: 0 1px;}
.comment_my ul li .pinLun .inputA .goRev{border: none;margin-top: 5px;padding: 2px 5px;background: none;background-color: #E71E00;color: #fff;}
.comment_my ul li .pinLun .inputA textarea{width: 98%;border: none;resize: none;height: 50px;font-size: 13px;border: 1px solid #E9E9E9;background: #fff;padding-left: 4px;line-height: 16px;}
.comment_my ul li .pinLun .readers{font-size: 14px;width: 85%;color: #686C72;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.comment_my ul li .pinLun .data_time{font-size: 11px;color: #686C72;margin-top: 2px;}
.comment_my ul li .pinLun .comment_tit{font-size: 15px;margin-bottom: 4px;color: #33373D;font-weight: bold;padding-right:10px;text-align:justify;}
.comment_my ul li .pinLun .replayLists li{background: #F3F3F3;padding: 10px 0 11px 3px;margin-right: 20px;}
.my_comment{padding-top: 7px;}
.my_comment>ul>li{padding: 14px 20px 19px 14px;font-size: 13px;border-bottom: 1px solid #F6F7F9;}
.my_comment ul li .touxiang_area{position: relative;overflow: hidden;}
.my_comment ul li .touxiang_area .posi{position: absolute;top: 0;right: 0;line-height: 18px;font-size: 12px;color: #A4A5A7;}
.my_comment ul li .touxiang_area .posi img{vertical-align: middle;}
.my_comment ul li .touxiang_area .readers{font-size: 14px;color: #686C72;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.my_comment ul li .touxiang_area .data_time{font-size: 11px;color: #686C72;margin-top: 2px;}
.my_comment ul li .touxiang_area .touxiang_img{position: absolute;left: 0;top: 0;}
.my_comment ul li .touxiang_area div.fl{margin-left: 50px;margin-bottom: 12px;}
.my_comment ul li .pinLun{margin-left: 5px;text-align: justify;word-break:break-all;}
.my_comment ul li .pinLun .comment_tit{font-size: 15px;margin-bottom: 4px;color: #33373D;font-weight: bold;}
.my_comment ul li .pinLun p{font-size: 14px;color: #6E6E6E;line-height: 18px;}
.my_comment ul li .book_details{background: #F2F2F2;margin-top: 6px;margin-left: 5px;position: relative;height: 72px;}
.my_comment ul li .book_details>a{display: block;height: 100%;}
.my_comment ul li .bookcover{position: absolute;left: 4px;top: 6px;}
.my_comment ul li .bookcont{margin-left: 55px;margin-right: 10px;}
.my_comment ul li .bookcont .tit{font-size: 14px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 3px;padding-top: 5px;color: #33373D;}
.my_comment ul li .bookcont .author{font-size: 13px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #B2B2B2;}
.my_comment ul li .bookcont .cont{font-size: 12px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 3px;color: #686C72;}
.system_mess{background: #fff;margin-top: 8px;}
.system_mess ul li{padding: 11px 13px 11px 15px;border-bottom: 1px solid #E9E9E9;font-size: 13px;}
.system_mess ul li>p{zoom: 1;line-height: 21px;color: #333;}
.system_mess ul li .smess_cont{font-size: 12px;color: #4F5358;line-height: 16px;margin-top: 5px;}
.disNone{display: none;}
.system_mess ul li .smess_cont>p{margin-bottom: 6px;text-align: justify;}
.system_mess ul li .smess_cont .smess_info{color: #969696;}
.system_mess ul li .imgBtn{text-align: center;}
/*联系客服*/
.link_kf{padding: 25px 12px 0 23px;font-size: 14px;color: #4F5358;line-height: 24px;}
/*上拉加载更多*/
.jiazai{line-height: 26px;text-align: center;}
/*忘记密码*/
.forget_pwd{margin-top: 20px;}
.forget_pwd .txt_code{border-bottom: 1px solid #D5D5D5;}
.forget_pwd .inp_area .pass input{width: 70%;}
.fp_ather_area{width: 86.9%;margin: 0 auto;margin-top: 9px;}
.fp_ather_area p{font-size: 12px;color: #B1B1B1;line-height: 16px;}
/*短信登录*/
.login_area .inp_area .txt_code{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 10px 0;}
.login_area .inp_area .txt_code input{width: 45%;}
.login_area .inp_area .txt_code .lock{position: absolute;top: 15px;left: 15px;z-index: 1;}
.login_area .inp_area .txt_code .eyes_img{position: absolute;top: 15px;right: 11px;}
.login_area .inp_area .txt_code .eyes_close{width: 17px;height: 9px;}
.login_area .inp_area .txt_code .Obtain_code{padding: 0 10px;float: right;border-left: 1px solid #B1B1B1;font-size: 14px;height:28px;line-height: 28px;color: #B1B1B1;}
.login_area .inp_area .v_code{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 10px 0;}
.login_area .inp_area .v_code input{width: 45%;}
.login_area .inp_area .v_code .lock{position: absolute;top: 15px;left: 15px;z-index: 1;}
.login_area .inp_area .v_code .eyes_img{position: absolute;top: 15px;right: 11px;}
.login_area .inp_area .v_code .eyes_close{width: 17px;height: 9px;}
.login_area .inp_area .v_code .Obtain_code{padding: 0 10px;float: right;margin-top: 8px;border-left: 1px solid #B1B1B1;font-size: 14px;line-height: 14px;color: #B1B1B1;}