.member_center { background-color: #f4f4f4; height:100%; }
.member_center .member_header { height:10rem; position: relative; z-index: 3; }
.member_center .member_header .header_backimg { width: 100%;  -webkit-filter: blur(2px);  filter: blur(2px); position: absolute; top:0; left: 0; z-index: 1}
.member_center .member_header .member_info { padding-top: 1.5rem; text-align: center; background-color: rgba(0,0,0,0); position: relative; z-index: 2 }
.member_center .member_header .member_info .member_avatar { border:2px solid #fff; width:3rem; height:3rem; border-radius: 1.5rem;  }
.member_center .member_header .member_info p { color:#fff; font-size: 0.6rem; }
.member_center .member_header .member_info p .level { background-color: #ff2741; padding:0 3px; border-radius: 6px; }
.member_center .member_header .top_nav_list { overflow: hidden; width:80%; border-radius: 8px; background-color: #fff; position: relative; z-index: 2; margin: 2rem auto; padding:0.3rem 0; box-shadow: 1px 1px 1px 0 #6a6a6a; }
.member_center .member_header .top_nav_list li { float: left; width:33.3%; text-align: center; color:#6a6a6a; font-size: 0.65rem; height:1.9rem; position: relative; }
.member_center .member_header .top_nav_list li:after { content: ''; width:1px; height:1rem; background-color: #6a6a6a; position: absolute; right: 0; top:0.45rem; }
.member_center .member_header .top_nav_list li:last-child:after { width:0px; }

.member_center .member_banner { height:3.7rem; width:100%; margin-top: 0.35rem; overflow: hidden; }
.member_center .member_banner img { width:100%; }

.member_center .member_middle_list {  }
.member_center .member_middle_list ul { margin-bottom: 0.3rem; background-color: #fff; overflow: hidden; padding: 0.3rem 0; }
.member_center .member_middle_list li { width:19%; text-align: center; float: left; position: relative; }
.member_center .member_middle_list li a { color:#747474; font-size: 0.6rem }
.member_center .member_middle_list li:last-child { width:24%; }
.member_center .member_middle_list li .tag { position: absolute; background-color: #ff2741; padding: 0 3px; border-radius: 0.35rem; font-size: 0.40rem; color:#fff; top:0; right:0.5rem; }
.member_center .member_middle_list li:last-child:before { content: ''; width:1px; height:1rem; background-color: #d8d8d8; position: absolute; left: 0; top:0.6rem; }

.member_center .member_bottom_list { padding:0.3rem; background-color: #fff; }
.member_center .member_bottom_list li { height:1.5rem; line-height: 1.5rem; width: 100%; border-bottom: 1px solid #f5f5f5; }
.member_center .member_bottom_list li a { display: block; color:#747474; font-size: 0.65rem; line-height: 1.5rem; }
.member_center .member_bottom_list li a span { margin-left: 0.3rem; }
.member_center .member_bottom_list li a .arrow_right { float: right; width: 0.6rem; margin-top: 0.45rem; }


.member_information .base_info { border-bottom: 12px solid #f7f6f6; padding:0 12px; }
.member_information .member_info li { height:50px; line-height: 50px; border-bottom:1px solid #f7f6f6; }
.member_information .member_info li a { display: block; line-height: 50px; font-size: 14px; color:#101010; }
.member_information .member_info li a span:last-child { color:#747474; float: right; }
.member_information .member_info li a span .avatar { width:45px; height:45px; border-radius: 23px; margin-top: 2px; }
.member_information .member_info li a span .arrow_right { width:0.8rem; margin-top: 0.5rem; }
.member_information .special_info li { border-bottom:12px solid #f7f6f6; padding: 0 12px; }

.member_style_shape .shape_list { margin-bottom: 1.8rem; margin-top: 1rem; overflow: hidden; }
.member_style_shape .shape_list li { width:50%; margin-bottom:0.35rem; float: left; }
.member_style_shape .shape_list li .shape_container { border-radius: 3px; width:90%; border:1px solid #d1d1d1; margin: 0 auto; text-align: center; padding:0.6rem 0; position: relative; }
.member_style_shape .shape_list li .shape_container .shape_img { height:5.43rem; }
.member_style_shape .shape_list li .shape_container .name { font-size: 0.65rem; color:#111; font-weight: bold; margin-top: 0.3rem; }
.member_style_shape .shape_list li .shape_container .desc { font-size: 0.55rem; color:#aaa; margin-top: 0.2rem; }
.member_style_shape .shape_list li .shape_container .choose_radio { width:0.8rem; height:0.8rem; border-radius: 0.44rem; overflow: hidden; position: absolute; top:0.5rem; right:0.5rem; border:1px solid #d1d1d1; font-size: 0.9rem; color: #ff0000; }
.member_style_shape .shape_list li .shape_container .choose_radio i { position: absolute; top:-0.05rem; left: -0.05rem; }
.member_style_shape .shape_submit { position: fixed; background-color: #bd9967; height:1.5rem; width:96%; display: block; bottom: 0; left: 2%; color:#fff; font-size: 0.65rem; text-align: center; line-height: 1.5rem; border-radius: 0.75rem; }

.member_style_type .tips, .member_interest_styler .tips { height:2rem; line-height: 2rem; color:#aaa; font-size: 0.6rem; text-align: center; }
.member_style_type .type_submit, .member_interest_styler .type_submit { position: fixed; background-color: #bd9967; height:1.5rem; width:96%; display: block; bottom: 0; left: 2%; color:#fff; font-size: 0.65rem; text-align: center; line-height: 1.5rem; border-radius: 0.75rem; }
.member_style_type .shape_list { margin-bottom: 1.8rem; overflow: hidden; }
.member_style_type .shape_list li { width:34.2%; margin:0 7.9% 0 7.9%; text-align: center; float: left; }
.member_style_type .shape_list li .type_picture { width:100%; display: block; position: relative; }
.member_style_type .shape_list li .type_picture img { width: 100%; border-radius: 5px; }
.member_style_type .shape_list li .type_picture .type_radio { display: block; position: absolute; width: 0.6rem; height:0.6rem; border:0.1rem solid #fff; background-color: #dedede; border-radius: 0.4rem; bottom:-0.4rem; left:50%; margin-left: -0.4rem; }
.member_style_type .shape_list li .type_picture.current .type_radio { background-color: #ff2741; }
.member_style_type .shape_list li p { height:1.8rem; line-height: 1.8rem; color:#111; font-size: 0.6rem; text-align: center; }

.member_tag .add_tag { height:1.9rem; line-height: 1.9rem; background-color: #eee; position: relative; }
.member_tag .add_tag input { height:1.3rem; border-radius: 5px; border-color:#fff; width:75%; margin-left: 4%; position: relative; top:-0.18rem; }
.member_tag .add_tag .words_limit { color:#adadad; font-size: 0.6rem; position: relative; right:1.6rem; top:-0.2rem; }
.member_tag .add_tag .add_tag_btn { position: absolute; right:5%; display: block; color:#ff5777; font-size: 0.7rem; top:0; }
.member_tag h4 { font-size: 0.75rem; color:#111; height:1.8rem; line-height: 1.8rem;  }
.member_tag .plr { padding:0 0.35rem; }
.member_tag .taged_list { font-size: 0; }
.member_tag .taged_list li { border:1px solid #bd9967; display: inline-block; height:1rem; line-height: 1rem; /*border-radius: 0.75rem;*/ padding:0 0.9rem; color:#bd9967; font-size: 0.6rem; text-align: center; margin-right: 0.4rem; background-color: #f9f6ef; margin-bottom: 0.35rem; position: relative; }
.member_tag .taged_list li em { display: block; width:0.6rem; height:0.6rem; line-height: 0.6rem; text-align: center; border-radius: 0.3rem; background-color: #ff2741; color:#fff; position: absolute; top:-3px; right:0.3rem;}
.member_tag .hot_tag_container { border-top: 1px solid #eee;  }
.member_tag .hot_tag_container h5 { color:#666; font-size:0.65rem; height:1.8rem; line-height: 1.8rem; }
.member_tag .hot_tag_container ul { overflow: hidden; margin-bottom: 0.5rem;  }
.member_tag .hot_tag_container ul li { float: left; /*width:22%;*/ text-align: center; margin-bottom: 0.8rem; font-size: 0.59rem; color:#b5b2b2; border:1px solid #f7f6f6; margin-right: 8px; /*border-radius: 0.5rem;*/ background-color: #f7f6f6; padding:3px 8px; }
.member_tag .hot_tag_container ul li.mytag { color:#bd9967; border-color: #c6a260; background-color: #f2ede7;  }

.member_collect { height:100%; overflow-y: auto; position: fixed; top:0; width: 100%; }
.member_collect .works_collected { background-color: #fff; border-radius: 3px; overflow: hidden;}
.member_collect .collect_list { width:44%;  margin:0.4rem 3%; float: left; }
.member_collect .collect_list .works_collected { width:100%; margin-bottom: 0.4rem; }
.member_collect .picture_container { position: fixed; width: 100%; height: 100%; left:100%; }
.member_collect .picture_container .works_collected { width:44%;  margin:0.4rem 3%; float: left; }
.member_collect .works_collected .works_img { width:100%;  }
.member_collect .works_collected .name { color:#111; font-size: 0.55rem;line-height: 1.2rem; height: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0 0.1rem; }
.member_collect .works_collected .bottom { line-height: 1.5rem; overflow: hidden; padding:0 0.1rem; }
.member_collect .works_collected .bottom .member_info { float: left; color: #111; font-size: 0.55rem; }
.member_collect .works_collected .bottom .member_info img { width:1rem; height:1rem; border-radius: 0.5rem; margin-right: 0.2rem; position: relative; top:0.2rem;}
.member_collect .works_collected .bottom .faverite { float: right; font-size: 0.55rem; }
.member_collect .works_collected .bottom .faverite .fas { color:#ff2741; }
.member_collect .works_collected .bottom .faverite .far { color:#aaa; }
.member_collect .works_collected .bottom .faverite em { color:#aaa; margin-left: 0.2rem; }

.member_interesting .styler_seach { background-color: #fff; border-radius: 3px; margin: 0rem auto; display: block; /*width:90%;*/ height:1.5rem; padding: 0 0.85rem; position: relative; color:#8e8e93; }
.member_interesting .styler_seach input { height:1.5rem; border:0px; padding: 0px 1.3rem; width:85%; background-color: #f5f5f5; vertical-align: top; box-sizing: border-box; border-radius: 0.75rem; }
.member_interesting .styler_seach .styler_search1 { font-size: 15px;color: #b5b2b2; float: right; line-height: 1.5rem; width: 15%; text-align: center; }
.member_interesting .styler_seach i { position: absolute; top:0.41rem; left: 1.25rem; width:1.1rem; font-size: 0.68rem; }
.member_interesting .styler_list { margin-top: 30px; }
.member_interesting .styler_list li { padding:0rem 0.85rem 15px; overflow:hidden; border-bottom: 1px solid #f5f5f5; padding-right:0; margin-bottom: 15px; position: relative; }
.member_interesting .styler_list li .styler_avatar { width:2.41rem; /*margin-right: 0.5rem;*/ position: absolute; height:2.41rem; top: 0; left: 0.85rem; }
.member_interesting .styler_list li .styler_avatar .avatar { width:2.41rem; height:2.41rem; border-radius: 1.21rem; }
.member_interesting .styler_list li .styler_avatar .mark { width:1rem; height:1rem; border-radius: 0.5rem; position: absolute; bottom: 0; right: 0; }
.member_interesting .styler_list li .styler_info { padding-left: 2.95rem;}
.member_interesting .styler_list li .styler_info .name { color:#111; font-size: 0.68rem; line-height: 0.8rem;}
.member_interesting .styler_list li .styler_info p { font-size: 0.59rem; color:#757575; line-height: 0.59rem; }
.member_interesting .styler_list li .styler_info .middle_btn { overflow:hidden; }
.member_interesting .styler_list li .styler_info .middle_btn p { float: left; line-height: 1.0rem; }
.member_interesting .styler_list li .styler_info .middle_btn .interested { float: right; color:#bd9967; display: block; border-radius: 3px; border:1px solid #bd9967; line-height: 1.0rem; width:3.0rem; text-align: center; font-size: 0.55rem; margin-right: 0.85rem; }
.member_interesting .styler_list li .styler_info .middle_btn .interested img { height: 0.40rem; vertical-align: middle; margin-right: 2px; position: relative; top:-1px; }

.member_interest_styler .shape_list { margin-bottom: 1.8rem; overflow: hidden; }
.member_interest_styler .shape_list li { width:33.3%; text-align: center; float: left; margin-bottom: 30px; }
.member_interest_styler .shape_list li .type_picture { width:60px; display: block; position: relative; margin: 0 auto; height:60px;}
.member_interest_styler .shape_list li .type_picture img { width: 60px; height:60px; border-radius: 30px; }
.member_interest_styler .shape_list li .type_picture .type_radio { display: block; position: absolute; width: 0.6rem; height:0.6rem; border:0.1rem solid #fff; background-color: #dedede; border-radius: 0.4rem; bottom:0rem; right:0; }
.member_interest_styler .shape_list li .type_picture.current .type_radio { background-color: #ff2741; }
.member_interest_styler .shape_list li p { height:20px; line-height: 20px; color:#111; font-size: 0.55rem; text-align: center; }
.member_interest_styler .shape_list li p.desc { font-size: 0.45rem; width:86%; margin: 0 auto; color: #787878; }