body{ background: #ffffff;}
.myspace_cont{ display: flex; justify-content: space-between; width: 1450px; margin: 0 auto; font-size: 12px; margin-top: 70px;}
.msg_box{ background: #f3f3f3; width: 374px; height: 227px; border: 1px solid #dfdfdf;}

.msg_tx{ width: 73px; height: 73px; overflow: hidden; border-radius: 50%; margin: 27px auto 0;}
.msg_tx img{ width: 100%;}
.msg_name{ font-size: 22px; color: #383838; text-align: center; padding-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.msg_nav{ display: flex; width: 100%; justify-content: center;padding-top: 14px;}

.msg_nav a{ display: block; position: relative; font-size: 12px; color: #383838; padding-top: 20px; border-right: 1px solid #dcdcdc; }
.msg_nav a:last-child{  border-right: 0 none; }
.msg_nav a p{padding:0 25px;}
.msg_nav a::before{content: ""; background: url(../images/new202202/icon.png) no-repeat; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); display: block;  }
.msg_nav a:nth-child(1)::before{ width: 13px; height: 15px; background-position: 0 0;   }
.msg_nav a:nth-child(2)::before{ width: 13px; height: 15px; background-position: -29px 0;   }
.msg_nav a:nth-child(3)::before{ width: 14px; height: 15px; background-position: -58px 0;   }
.msg_cysb{ text-align: center; font-size: 12px; color: #535353; padding-top: 10px;}
.msg_cysb a,.msg_cysb span{ color: #72c3f1; margin-right: 10px;  text-decoration: underline;}

.left_banner{ padding-top: 40px;}
.left_banner a{ display: block; margin-bottom: 14px;}
.left_banner a:last-child{ margin-bottom: 0;}



/* right */
.myspace_cont_right{ width: 990px;}
.myspace_right_bar{ font-size: 16px; color: #383838; display: flex; justify-content: flex-start; line-height: 24px;}
.myspace_right_bar a{color: inherit; margin-right: 100px;}
.myspace_right_bar a.act{color: #ad0000;}
.my_yx_box{ margin-right: 90px; display: flex; justify-content: flex-start;}
.myspace_right_bar .my_yx{cursor: pointer;  display: flex; }

.myspace_right_bar .yx_txt{ background: url(../images/new202202/arrow_r.png) no-repeat right center; padding-right: 15px;}
.my_yx.act .yx_txt{  background: url(../images/new202202/arrow_l.png) no-repeat right center; }

.my_yx_des{display: none;}
.my_yx.act  .my_yx_des{ display: block;}


.my_yx_des a { margin-right: 0; padding: 0 10px; border-right: 1px solid #e6e6e6; font-size: 14px; color: #383838; }
.my_yx.act a:hover{color: #ad0000;}
.my_yx.act a.act { color: #ad0000; }
.my_yx_des a:last-child { border-right: 0 none; }
.my_zone a:hover{color: #ad0000;}



.user_bar{ display: flex; justify-content: flex-start; padding-top: 37px;}
.username{ font-size: 16px; color: #72c3f1; font-weight: 100; margin-right: 20px; font-weight: bold;}
.user_bar p{ font-size: 14px; color: #7d7d7d;}

.bor_b{ border-bottom: 1px solid #d1d1d1; padding-bottom: 20px;}


/* 关注 */
.gz_box{flex-wrap: wrap; display: flex; padding-top: 36px;}
.gz_tx{ width: 66px ; height: 66px; overflow: hidden; border-radius: 50%;}
.gz_tx img{ width: 100%;}
.gz_item{ display: flex;  align-items: center; justify-content: flex-start; width: 330px; margin-bottom: 35px;}
.gz_des{ margin-left: 18px;}
.gz_des p{ font-size: 16px; color: #383838; margin-bottom: 4px;}
.gz_des a{ font-size: 14px; color: #7d7d7d; border: 1px solid #7d7d7d; display: flex; justify-content: center; border-radius: 5px; padding: 4px 10px 4px 24px; line-height: 1; position: relative; width: 60px; height: 14px;}
.gz_des a::before{ content: ""; background: url(../images/new202202/icon.png) no-repeat; width:10px; height: 15px; background-position: -89px 0; position: absolute; top: 50%; left: 8px; transform: translate(0,-50%);}

.gz_des a.act{ color: #fff; border: 1px solid #72c3f1; background: #72c3f1;}
.gz_des a.act::before{  background-position: -116px -2px; }






/* 我的比赛 */
.my_match{padding-top: 40px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.my_match_item_text{ margin-left: 15px; padding-top: 4px;}
.my_match_item_tit{ max-width: 230px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; color: #383838;}
a:hover .my_match_item_tit{   color: #ad0000;}
.my_match_item_des{max-width: 230px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 14px; color: #7d7d7d; padding-top: 2px;}
a.my_match_item{ outline: 0 none; display: flex;  justify-content: flex-start; width: 320px; margin-bottom:47px ;}


/* 我的相册 */
.my_photo_item{ width: 325px; height: 182px; overflow: hidden; position: relative; display: block; margin-right: 6px; margin-bottom: 6px;}
.my_photo{padding-top: 40px; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 996px; }
.photo_tips{ background:url(../images/tips.png); width: 16px; height: 16px; position: absolute; bottom: 10px ; right: 10px;}


#masonry{ width: 1000px; margin-left: 0px; padding-top: 40px; }
.versabel{ width: 1000px;}
.myspace_cont_left{ padding-bottom: 30px;}
.items{ width: 328px; height: 185px; margin-right: 8px; margin-bottom: 6px;}
.items:nth-child(3n){ margin-right: 0px;}
.ss{ width: 100%;}
.d_z{ width: 100%;}

.no_infor{ width: 100%; padding: 100px 0 0 300px;}

.a_follow{ width: 90px; height: 23px;}
.a_follower{ width: 90px; height: 23px;}
#follower{ width: 100%; display: flex;flex-wrap: wrap;}
#follower li { width: 330px; margin-bottom: 35px;}

#follow{ width: 100%; display: flex;flex-wrap: wrap;}
#follow li { width: 330px; margin-bottom: 35px;}