body{ min-width:1200px; padding:0; margin:0 auto;}
.headers{ width:100%; height:818px; background:#FF4849 url(../img/banner.png) no-repeat center 0;}
.headers .logos{ padding:30px 0 0 40px;}
.headers .logos a{}
.headers .logos a img{ display:block;}

.headers .designicon{ position:absolute; top:40px; right:48px;}

.headers .hdjoinbtn{ width:1200px; padding:400px 0 0 50px; margin:0 auto; box-sizing:border-box;}
.headers .hdjoinbtn .hdjoinlink{ display:block; width:325px; height:88px; line-height:88px; text-align:center; background-color:#fede44; color:#000; font-size:40px; text-decoration:none; font-weight:bold; border-radius:10px;}
.headers .hdjoinbtn .hdjoinlink:hover{ background-color:#fff3ba;}

.modsbox{}
.modsbox .modtitbox{ padding:100px 0 50px;}
.modsbox .modtitbox .modtit{ height:90px; line-height:80px; text-align:center; font-size:48px; font-weight:bold; color:#000;}
.modsbox .modtitbox .modsdiscrip{ line-height:30px;  text-align:center; font-size:20px; color:#666;}

.modsbox .sowyilist{ display:flex; width:1200px; margin:0 auto;}
.modsbox .sowyilist .sowyiitem{ flex:1;}
.modsbox .sowyilist .sowyiitem .sowyibox{ width:318px; height:412px; margin:0 auto; border-radius:8px; box-shadow:0 0 22px rgba(0,0,0,0.1);}
.modsbox .sowyilist .sowyiitem .sowyibox .sowyiicon{ padding-top:64px; text-align:center;}
.modsbox .sowyilist .sowyiitem .sowyibox .sowyiicon img{}
.modsbox .sowyilist .sowyiitem .sowyibox .sowyiinfo{text-align:center;}
.modsbox .sowyilist .sowyiitem .sowyibox .sowyiinfo .sowyitit{line-height:50px;  text-align:center; font-size:24px; font-weight:bold; color:#000;}
.modsbox .sowyilist .sowyiitem .sowyibox .sowyiinfo .sowyitxt{line-height:30px;  text-align:center; font-size:20px; color:#666;}

.modsbox .pinleipicbox{ text-align:center;}
.modsbox .pinleipicbox img{}

.modsbox .designerlist{ width:1200px; margin:0 auto;display:flex;flex-direction: row;flex-wrap: wrap;}
.modsbox .designerlist .designeritem{ width:33.33%; padding-bottom:60px;}
.modsbox .designerlist .designeritem .designerbox{width:320px; height:320px; margin:0 auto; border-radius:8px; box-shadow:0 0 22px rgba(0,0,0,0.1);}
.modsbox .designerlist .designeritem .designerbox .designerpic{ padding:50px 0 20px; text-align:center;}
.modsbox .designerlist .designeritem .designerbox .designerpic img{}
.modsbox .designerlist .designeritem .designerbox .designertit{line-height:50px;  text-align:center; font-size:24px; font-weight:bold; color:#000;}

.magretiop{ margin-top:-40px;}
.modsbox .liucenpicbox{ text-align:center;}
.modsbox .liucenpicbox img{}

.joinlinkbox{ padding:140px 0 120px;}
.joinlinkbox .joinlkbtn{}
.joinlinkbox .joinlkbtn .joinlk{ margin:0 auto; display:block; border-radius:10px; width:400px; height:88px; line-height:88px; text-align:center; background-color:#30b11b; font-size:28px; font-weight:bold; text-decoration:none; color:#fff; }
.joinlinkbox .joinlkbtn .joinlk:hover{ background-color:#29a015;}
.joinlinkbox .joinlktxt{ padding:20px 0; text-align:center; line-height:40px; font-size:20px; color:#666;}
.joinlinkbox .joinlktxt strong{ color:#ff4b4c;}

.copyright{ padding:60px 0; background-color:#eeeeee; font-size:16px; color:#818181; text-align:center; line-height:32px;}