.info_box{ width: 100%; padding-bottom: 20px; }
.info_list{ width: 14rem; margin: 0 auto; padding-top:.5rem;  }
.info_list tr td{ width: 100%; padding: .5rem 0; line-height: 1.125rem; font-size: .45rem; color: #999; border-bottom: 1px #eee solid; overflow: hidden;}
.info_list tr td .list_name{ width:3.5rem; display: block; float: left; text-align: left; white-space: nowrap;}
.info_list tr td .list_name span{ color: #f00; padding-right: .125rem; font-size: .5rem; vertical-align: middle; }
.info_list tr td .list_con{ float: right; color: #333; text-align: right; padding-left: .5rem; max-width: 10rem;}
.info_list tr td .list_con .birthday{ font-size: .4rem; color: #999; padding-left: .25rem }
.info_list tr td .list_con.add_box{ line-height: .625rem }

.change_data{ width: 14rem; height: 2rem; display: block; border-radius: 1.25rem; border: 1px #ddd solid; line-height: 2rem; text-align: center; font-size: .6rem; color: #333; margin: 0 auto; transition: .5s}
.change_data:hover{ border: 1px #2e90ff solid; background: #2e90ff; color: #fff; }

.default_data{ display: none }

.edit_data .list_con{ max-width: 10rem!important; float: left!important; text-align: left!important; }
.edit_data .list_name{ width: 3rem!important }
.info_list tr td input{ width: 10rem; height: 1.075rem; background: #fff; text-indent: .25rem; font-size: .45rem; color: #333; line-height: 1.075rem; }
.info_list tr td label { padding-right: .375rem; float: left;}
.info_list tr td label input{ width: .375rem; height: .375rem; vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.info_list tr td select{ height: 1.075rem; padding: 0 .175rem;  font-size: .45rem; color: #333 }
.info_list tr td select:first-child{ margin-left: 0 }
.other_info_btn{ width: 14rem; height: 2rem;display: block; border-radius: 50px; line-height: 2rem; text-align: center; font-size: .6rem; color: #fff; background: #ff4180; margin: 0 auto; transition: .5s}
.other_info_btn:hover{ background: #ec2366}

.my_head{ width: 100%; height: 6.35rem; background-image: url(//x2.haowanyou.com/uc/m/style/img/my_head.jpg); background-size: 100% 100%; }
.my_user_name{ font-size: .75rem; color: #fff; padding: 1rem 0; text-align: center; }
.my_user_info{ width: 100%; overflow: hidden; }
.my_user_info .user_vip_lv{ float: left; height: 2rem; border-right: 1px #3abafd solid; padding-left: 2.75rem; width: 5.25rem; }
.my_user_info .user_integral{ float: left; width: 6rem; text-align: center; }
.my_user_info .user_vip_lv span{ display: block; font-size: .5rem; color: #fff; white-space: nowrap;}
.my_user_info .user_vip_lv span i{ width: .7rem; height: .7rem; background-image: url(//x2.haowanyou.com/uc/m/style/img/vip.jpg); background-size: 100% 200%; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: .25rem}
.my_user_info .user_vip_lv span i.vip{ background-position: top}
.my_user_info .user_vip_lv span i.not_vip{ background-position: bottom; }
.my_user_info .user_vip_lv b{ display: block; font-weight: normal; padding-left: 1rem; font-size: .6rem; color: #99e3ff; padding-top: .2rem}
.my_user_info .user_integral span{ display: block; text-align: center; font-size: .75rem; color: #fff; }
.my_user_info .user_integral span .i_integral{ width: .65rem; height: .65rem; background-image: url(//x2.haowanyou.com/uc/m/style/img/i_10.png); background-size: 100%; display: inline-block; margin-left: .25rem; vertical-align: middle; margin-top: -3px;}
.my_user_info .user_integral b{ display: block; font-weight: normal; text-align: center; font-size: .6rem; color: #99e3ff; padding-top: .2rem}

.bind_box{ width: 90%; margin: 0 auto; padding-top: .75rem; text-align: center; overflow: hidden;}
.bind_box ul li{ width: 33.3%; float: left; text-align: center;}
.bind_box ul li i{ width: 2.475rem; height: 2.475rem; background-image: url(//x2.haowanyou.com/uc/m/style/img/i_9.png); background-size: 600% 100%; display: block; margin: 0 auto;}
.bind_box ul li.bind_1.cur i{ background-position: 0 0; }
.bind_box ul li.bind_2.cur i{ background-position: 20% 0; }
.bind_box ul li.bind_3.cur i{ background-position: 40% 0; }
.bind_box ul li.bind_1 i{ background-position: 60% 0; }
.bind_box ul li.bind_2 i{ background-position: 80% 0; }
.bind_box ul li.bind_3 i{ background-position: 100% 0; }
.bind_box ul li span{ display: block; width: 100%; white-space: nowrap; color: #999; padding-top: .25rem; font-size: .6rem;}

.rz_box{ width: 15rem; height: 2.75rem; margin: .75rem auto 0 auto; background: #f6f6f6;}
.rz_box i{ width: 2.05rem; height: 1.85rem; background-image:url(//x2.haowanyou.com/uc/m/style/img/i_11.png); background-size:100%;  display: block; float: left; margin-left: .75rem; margin-top: .5rem}
.rz_box .no_rz{float: right; text-align: right; font-size: .6rem; color: #999; padding-top: .5rem; padding-right: .75rem; width: 10rem; overflow: hidden;}
.rz_box .no_rz span{ display: block }
.rz_box .no_rz .h1{ color: #333 }
.rz_box .no_rz .h2{ font-size: .5rem; padding-top: .1rem }
.rz_box .no_rz a{ color: #2eafff; margin-right: 5px; }
.rz_box .no_rz a:hover{ color: #f00 }
.rz_box .rz{float: right; text-align: right; font-size: .6rem; color: #999; width: 10rem; padding-top: .5rem; padding-right: .75rem;}
.rz_box .rz span{ display: block }
.rz_box .rz .h1{ color: #333; text-align: center; text-indent: .25rem; }

.my_con{ background: #fff; padding-bottom: .5rem; }
.my_nav{ width: 14rem; margin: 0 auto; }
.my_nav ul li{ border-bottom: 1px #eee solid; height: 2.25rem; line-height: 2.25rem; font-size: .6rem; }
.my_nav ul li:last-child{ border-bottom: 0 }
.my_nav ul li a{ color: #333; width: 100%; height: 2.25rem; display: block; }
.my_nav ul li a i{ width: 1rem; height: 1rem; display: inline-block; background-image: url(//x2.haowanyou.com/uc/m/style/img/i_12.png); background-size: 400% 100%; vertical-align: middle; margin-top: -3px; margin-right: .5rem}
.my_nav ul li.my_nav_1 i{ background-position: 0 0 }
.my_nav ul li.my_nav_2 i{ background-position: -1rem 0 }
.my_nav ul li.my_nav_3 i{ background-position: -2rem 0 }
.my_nav ul li.my_nav_4 i{ background-position: -3rem 0 }
.my_nav ul li a b{ width: .4rem; height: .7rem; display: inline-block; float: right; background-image: url(//x2.haowanyou.com/uc/m/style/img/i_13.png); margin-top: .75rem; }

.focus{ width: 100%; position: relative;}
.focus img{ width: 100%; display: block; }



.mbs_packs{ width: 15rem; margin: 0 auto; overflow: hidden;}
.mbs_packs .title{ font-size: .6rem; color: #333; border: none; background: transparent;}
.mbs_packs ul{ overflow: hidden; width: 16rem;}
.mbs_packs ul li{ width: 7.25rem; height: 7.5rem; float: left; margin-right: .375rem; margin-bottom: .375rem; background-image: url(//x2.haowanyou.com/uc/style/img/packs_ico.png); background-size: 300% 100%; text-align: center; transition: .5s}
.mbs_packs ul li span{ display: block; }
.mbs_packs ul li .h1{ font-size: .65rem; color: #333; padding-top: 5rem; }
.mbs_packs ul li .h2{ font-size: .45rem; color: #999; padding-top: .25rem }
.mbs_packs ul li.mbs_p1{ background-position: left }
.mbs_packs ul li.mbs_p2{ background-position: center }
.mbs_packs ul li.mbs_p3{ background-position: right; margin-right: 0 }
.mbs_packs ul li:hover{ background-color: #f0f5f9 }


.hd_box{ width: 15rem; margin: 0 auto; overflow: hidden; padding-top: .875rem; }
.hd_box .title{  font-size: .6rem; color: #333; border: none; background: transparent;}
.hd_box ul{width: 16rem; border-top: 1px #ddd solid; border-left: 1px #ddd solid; box-sizing: border-box; overflow: hidden;}
.hd_box ul li{ width: 7.475rem; float: left; height: 5.225rem; border-bottom: 1px #ddd solid; border-right:1px #ddd solid; text-align: center;box-sizing: border-box; }
.hd_box ul li a{ width:6rem; display: block; margin: .75rem auto .4rem auto; overflow: hidden; }
.hd_box ul li a img{ width: 100%; display: block; transition: .5s}
.hd_box ul li a:hover img{ transform: scale(1.1,1.1); }
.hd_box ul li span{ font-size: .45rem; color: #333; display: block; text-align: center;}

.user_info_tips{ color: #f00; font-size: .45rem; padding: .3rem 0; width: 14rem; margin: 0 auto; }