section.list .maintitle{font-size:30px;font-weight:500;text-align:center;color:#3c6a83}section.list .maintitle:after{content:'';height:2px;width:70px;display:block;margin:auto;margin-bottom:40px;background-image:url(/images/h1line.png);height:27px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;margin-top:30px}section.list .wrap{margin-bottom:50px}section.list .wrap:after{content:'';display:block;clear:both}section.list .wrap li{float:left;width:20%;list-style:none;cursor:pointer;height:380px}section.list .wrap li:hover .in{border-color:#FAC24E}section.list .wrap li .in{border-radius:10px;padding:15px;margin:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}section.list .wrap li .in .thephoto{width:100%;padding-bottom:100%;background-color:#e9e9e9;background-size:cover;background-position:center;border-radius:5px;border-radius:50%;border:5px solid #ebeef1}section.list .wrap li .in .thetext{color:#3C6A83;margin-top:10px;text-align:center;font-size:16px;letter-spacing:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inpage[type=creatorInfo] .contentarea{background-color:#FFF;width:960px;margin-left:-480px;height:720px;margin-top:-360px;position:fixed;z-index:1011;top:50%;left:50%;color:#3c6a83}.inpage[type=creatorInfo] .thetop{height:250px}.inpage[type=creatorInfo] .thetop .thephoto{width:230px;height:230px;position:absolute;border:1px solid #e9e9e9;left:0;top:0;background-color:#e9e9e9;background-size:cover;background-position:center}.inpage[type=creatorInfo] .thetop .thedata{position:absolute;top:0;right:0;width:calc(100% - 260px)}.inpage[type=creatorInfo] .thetop .thedata .thename{font-size:45px;font-weight:400;color:#3c6a83;margin-bottom:10px}.inpage[type=creatorInfo] .thetop .thedata .thevalue{display:inline}.inpage[type=creatorInfo] .thetop .thedata .socialbtn{margin-top:15px}.inpage[type=creatorInfo] .thetop .thedata .socialbtn i{font-size:30px;display:inline-block;text-align:center;width:30px;height:40px;line-height:40px}.inpage[type=creatorInfo] .thetop .thedata .socialbtn i:hover{opacity:.7}.inpage[type=creatorInfo] h3{margin-block-start:0;margin-block-end:10px}.inpage[type=creatorInfo] .thecontent{line-height:30px;font-size:15px;margin-bottom:30px}.inpage[type=creatorInfo] .thecontent article{max-width:initial}.inpage[type=creatorInfo] .banner-slider{width:90%;height:150px;margin:auto;margin-bottom:50px}.inpage[type=creatorInfo] .banner-slider div{height:100%}.inpage[type=creatorInfo] .banner-slider .each{height:100%;width:90%;margin-left:5%;background-size:cover;background-position:center}.inpage[type=creatorInfo] .banner-slider .each .in{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.inpage[type=creatorInfo] .banner-slider .slick-dots{position:absolute;bottom:-55px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.inpage[type=creatorInfo] .banner-slider .slick-next,.inpage[type=creatorInfo] .banner-slider .slick-prev{top:50%;width:35px;height:150px}.inpage[type=creatorInfo] .banner-slider .slick-prev{left:-48px}.inpage[type=creatorInfo] .banner-slider .slick-prev:before{content:"〈";margin-left:-30px;color:#3c6a83}.inpage[type=creatorInfo] .banner-slider .slick-next{right:-48px}.inpage[type=creatorInfo] .banner-slider .slick-next:before{color:#3c6a83}@media screen and (max-width:1280px){section.list .wrap{margin:15px;margin-bottom:50px}section.list .wrap li{width:50%;height:280px}section.list .wrap li .in{margin:0}section.list .wrap li .in .thetext{font-size:18px}section.list .wrap li .in .thetitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.inpage[type=creatorInfo] .thetop .thetitle{font-size:15px;margin-top:5px}.inpage[type=creatorInfo] .thetop .thephoto{position:relative;width:100%;padding-bottom:100%;height:0;left:0;top:0}.inpage[type=creatorInfo] .contentarea{background-color:#FFF;width:100vw;margin-left:0;height:100vh;margin-top:0;position:fixed;z-index:1011;top:0;left:0;color:#3c6a83}.inpage[type=creatorInfo] .thetop{height:auto}.inpage[type=creatorInfo] .thetop .thedata{position:relative;top:0;right:0;width:auto}.inpage[type=creatorInfo] .thetop .thedata .socialbtn{text-align:center}.inpage[type=creatorInfo] .thecontent article{margin-left:0;margin-right:0}.inpage[type=creatorInfo] .banner-slider{width:calc(100% - 90px)}}