.img-img { width: 100%; } .join-contents .container { padding-top: 100px; } .right-7 .right-1-list-1 .h3 { font-size: 30px; letter-spacing: 2px; line-height: 18px; color: #000000; font-family: "Microsoft Ya Hei"; text-align: center; padding: 40px 0 30px; border-bottom: 2px solid #cc2239; margin: 0; box-sizing: border-box; } .right-7 .right-1-list-1 .img-list{ border-bottom: 1px dashed #dadada; display: flex; flex-direction: row; box-sizing: border-box; padding: 36px; align-items: flex-end; } .right-7 .right-1-list-1 .noborder{ border-bottom:0; } .right-7 .right-1-list-1 .img-list .img{ width:190px; height:240px; margin-right:64px; background: #c9caca; } .right-7 .right-1-list-1 .img-list .img .img-obj{ width:190px; height:240px; overflow:hidden; position:relative; } .right-7 .right-1-list-1 .img-list .img .img-obj img{ width:190px; height:240px; position:absolute; top:0; left:0; transition: all 0.6s; background:#f1f2f7; } .right-7 .right-1-list-1 .img-list .img .img-obj img:hover{ transform: scale(1.2); } .right-7 .right-1-list-1 .img-list .img h3{ font-size:14px; color:#c81332; padding-left:20px; line-height:33px; margin:0; } .right-7 .right-1-list-1 .img-list .img p{ font-size:12px; padding:0 12px; line-height:19px; margin:0; text-align:justify; } .right-7 .right-1-list-1 .img-list .nomargin{ margin-right:0; } .right-7 .right-1-list-1 .img-list .lingdao { flex: 1; } .right-7 .right-1-list-1 .img-list .lingdao .lingdao-list { padding-bottom: 20px; } .right-7 .right-1-list-1 .img-list .lingdao .lingdao-list .name { font-size: 20px; line-height: 18px; color: #cc2239; font-family: "Microsoft Ya Hei"; text-align: left; } .right-7 .right-1-list-1 .img-list .lingdao .lingdao-list .position { font-size: 14px; line-height: 18px; color: #cc2239; font-family: "Microsoft Ya Hei"; text-align: left; display: inline-block; padding-left: 3px; } .right-7 .right-1-list-1 .img-list .lingdao .desc { font-size: 16px; color: #000000; font-weight: 300; font-family: "Microsoft Ya Hei Light"; text-align: justify; text-indent: 2em; line-height: 28px; } .right-7 .right-1-list-1 .img-list .lingdao .desc p { font-size: 16px; color: #000000; font-weight: 300; font-family: "Microsoft Ya Hei Light"; text-align: justify; text-indent: 2em; line-height: 28px; margin: 0; } @media screen and (max-width: 500px) { .teams-list .top { display: flex; flex-direction: row; align-items: center; justify-content: center; } .teams-list .top .left { text-align: center; } .teams-list .top .left .img-obj { width: 13.1rem; height: 16.3rem; background-color: #b4b4b4; margin: 0 auto; } .teams-list .top .left .img-obj img { width: 13.1rem; height: 16.3rem; } .teams-list .top .left, .teams-list .top .right { flex: 1; } .right-7 .right-1-list-1 { margin-bottom: 4rem; } .right-7 .right-1-list-1 .h3 { text-align: left; width: 8rem; padding: 0 0 .6rem; } .right-7 .right-1-list-1 .h3 h3 { font-size: 1.8rem; line-height: 2.2rem; color: #333333; font-family: "Source Han Sans CN"; text-align: left; padding: 0; margin: 0; } .right-7 .right-1-list-1 .h3 p { padding-top: 0.3rem; font-size: 1.3rem; color: #333333; font-family: "Source Han Sans CN"; } .right-7 .right-1-list-1 .name { font-size: 2.9rem; line-height: 2.2rem; color: #333333; font-family: "Source Han Sans CN"; text-align: left; padding-top: 1.5rem; } .right-7 .right-1-list-1 .position { font-size: 1.8rem; line-height: 2.2rem; color: #333333; font-family: "Source Han Sans CN"; text-align: left; display: inline-block; padding-top: 1rem; } .teams-list .bottom { box-sizing: border-box; padding: 0 2rem; } .teams-list .bottom .desc { box-sizing: border-box; padding-bottom: 2rem; border-bottom: 1px solid #e7e7e7; font-size: 1.3rem; line-height: 1.8rem; color: #333333; font-family: "Source Han Sans CN"; text-align: justify; text-indent: 3rem; padding-top: 1.5rem; } .teams-list .bottom .desc p { font-size: 1.3rem; line-height: 1.8rem; color: #333333; font-family: "Source Han Sans CN"; text-align: justify; text-indent: 3rem; } .join-contents .container { padding: 4.8rem 0 0; } .teams-list.public-pc-none { padding-top: 3.3rem; } .English-style-size .right-7 .right-1-list-1 .h3 h3, .English-style-size .right-7 .right-1-list-1 .name, .English-style-size .right-7 .right-1-list-1 .position, .English-style-size .teams-list .bottom .desc { font-family: "Helvetica"; } }