.topTitle { margin: 10px auto; margin-bottom: 40px; font-size: 2rem; font-weight: bold; text-align: center; display: flex; justify-content: center; align-items: center; }
.dot { width: 8px; height: 8px; border-radius: 4px; background-color: #000000; margin: auto 10px; }

.memberBox { width: 1160px; background-color: #FFFFFF; margin: auto; padding: 30px; }
.memberBox .topTitle .line { width: 50px; height: 2px; background-color: #000000; margin: 0 10px; }

/** 会员主页列表 **/
.memberBox .lineList { width: 100%; margin: 0px auto; }
.memberBox .lineList ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row; flex-wrap: wrap; }
.memberBox .lineList ul li { clear: both; width: 25%; height: 340px; margin: 0; padding: 0; list-style: none; background: white; margin-bottom: 20px;}
.memberBox .lineList ul li a { height: 100%; text-decoration: none; display: flex; background-color: #000000; margin: 10px; text-align: center; }
.memberBox .lineList img { width: 120px; margin: 20px auto; border: 5px solid #A9A9A9; border-radius: 15px; margin-bottom: 1.2rem;}
.memberBox .lineList ul li div { font-size: 0.7rem; margin: 5px auto; color: #FFFFFF; }
.memberBox .lineList ul li .headName { font-size: 1.1rem; font-weight: bold; margin: 1.6rem auto; color: #FFFFFF; margin-top: 0.9rem;margin-bottom: 1.2rem; }


/** 会员详情 **/

.memberDetailBox .topTitle {margin-bottom: 25px; font-size: 2.2rem;}
.memberDetailBox .t2{text-align: center; font-size: 1.3rem; font-weight: 600; margin-bottom: 50px;}

.memberDetailBox { width: 1160px; height: 900px; margin: auto; padding: 30px; }
.memberDetailBox .backBtn { margin: 20px 20px 20px 20px; padding: 3px 6px 3px 6px; font-size: 0.8rem; border: 1px solid #242424; color: #242424; border-radius: 5px; text-decoration: none; }
.detail { background-color: #FFFFFF; padding: 60px; box-shadow: 0px 0px 10px 10px #999999; display: flex; }
.detail .leftDiv { width: 35%; text-align: left; }
.detail .leftDiv img { width: 90%; margin: 20px auto; }
.detail .leftDiv div { font-size: 0.9rem; font-weight: 600; margin: 5px auto; }
.detail .leftDiv .headName { font-size: 1.3rem; font-weight: bold; margin: 15px auto; }

.detail .rightDiv { width: 65%; text-align: left; }
.detail .rightDiv .lineTitle { font-size: 12px; border-bottom: 1px solid #666666; display: flex; justify-content: space-between; align-items: flex-end; margin-top: 30px; }
.detail .rightDiv .lineTitle .titleName { font-size: 18px; font-weight: bold; border-bottom: 5px solid #000000; min-width: 100px; margin-bottom: -1px; }
.detail .rightDiv .infoTitle { font-size: 1rem; font-weight: 600; margin: 15px auto; text-align: center; }
.detail .rightDiv .infoContent { font-size: 0.8rem; line-height: 1.2rem; color: #666666; text-indent: 30px; }
.detail .rightDiv .infoContent a { color: #8F8F8F; text-decoration: none;}
.detail .rightDiv .infoTime { font-size: 12px; color: #666666; float: right; }
.detail .photoList ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row; flex-wrap: wrap; margin-top:2rem; }
.detail .photoList ul li{width: 202px; height: 133px;  overflow: hidden; margin: 5px;padding: 0; list-style: none; background: white; }
.detail .photoList ul li a { text-decoration: none;background-color: #BBBBBB;display: block; text-align: center; 
	display: block; height: 133px; width: 202px; 
}
.detail .photoList ul li a table td { text-align: center;}
.detail .photoList ul li a table td img { vertical-align: middle;}

.detail .photoList img { }
.detail .photoList table{    border: 0;border-spacing: 0;}
.detail .photoList tr td{height: 100%; width: 100%; overflow: hidden;}