@charset "utf-8";
.douyin_title { width:100%; position:relative; z-index:10;}
.douyin_title h2 { text-align:center; line-height:1; font-size:28px; color:#000;}
.douyin_title p { margin:10px 0 -5px; text-align:center; line-height:24px; color:#898989;}

.douyin_part01 { width:100%; padding:60px 0; margin-top:-50px;}
.douyin_part01 .list { width:calc(100% + 10px); margin-top:20px;}
.douyin_part01 .list li { width:calc(100% / 6 - 10px); padding:40px 0; margin:10px 10px 0 0; background:#fff; border-radius:4px; box-shadow:0px 0px 4px rgba(0,0,0,0.2); position:relative;}
.douyin_part01 .list li .img { width:40px; height:40px; background:none; position:relative; left:50%; transform:translateX(-50%);}
.douyin_part01 .list li .name { margin-top:15px; text-align:center; line-height:1; font-size:18px; color:#3e3a39; overflow:hidden;}

.douyin_part02 { width:100%; padding:60px 0; margin-bottom:60px; position:relative;}
.douyin_part02:before { width:1920px; height:175px; content:""; background:#0485ed; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);}
.douyin_part02:after { width:1000px; height:100%; content:""; background:#fff; border-radius:4px; box-shadow:0px 0px 6px rgba(0,0,0,0.2); position:absolute; top:0; left:50%; transform:translateX(-50%);}
.douyin_part02 .douyin_title p { margin:-6px 0 10px; line-height:1; font-size:48px; color:#bbc2ce;}
.douyin_part02 .douyin_title li { width:900px; margin:25px 0 -5px; text-align:center; line-height:26px; font-size:16px; color:#3e3a39; position:relative; left:50%; transform:translateX(-50%);}

.douyin_part02 .list { width:1000px; margin-top:60px; position:relative; z-index:10; left:50%; transform:translateX(-50%);}
.douyin_part02 .list li { width:calc(100% / 4);}
.douyin_part02 .list li p { text-align:center; line-height:1; color:#333; position:relative;}
.douyin_part02 .list li .num { height:30px; margin-bottom:10px;}
.douyin_part02 .list li .num span { color:#898989; display:inline-block; position:relative;}
.douyin_part02 .list li .num span:nth-child(1) { height:100%; margin-right:5px; font:40px/38px "ALTGOT2N"; color:#212121;}
.douyin_part02 .list li .num span:nth-child(2) { top:-1px;}
.douyin_part02 .list li .name { overflow:hidden;}

.douyin_part03 { width:100%; padding:60px 0 10px;}
.douyin_part03 .list { width:100%;}
.douyin_part03 .list dl { float:left; width:calc(100% / 3 - 80px); padding:0 30px; margin:50px 10px 0; background:#715cf4; border-radius:10px; position:relative;}
.douyin_part03 .list dl:before { width:40px; height:40px; content:""; background:#715cf4; border-radius:100%; position:absolute; top:-20px; left:50%; transform:translateX(-50%);}
.douyin_part03 .list dl dt.name { margin:60px 0; text-align:center; line-height:1; font-size:20px; color:#fff; position:relative; z-index:10;}
.douyin_part03 .list dl dd.text { height:100px; margin:-15px 0; line-height:46px; font-size:16px; color:#fff;}
.douyin_part03 .list dl dd.text p { text-align:center;}
.douyin_part03 .list dl dd.more { margin:60px 0; text-align:center;}
.douyin_part03 .list dl dd.more a { width:140px; height:40px; background:#fff; border-radius:20px; text-align:center; line-height:40px; color:#715cf4; display:inline-block; transition:all 0.3s;}
.douyin_part03 .list dl:nth-child(3n-1) { background:#febf2c;}
.douyin_part03 .list dl:nth-child(3n-1):before { background:#febf2c;}
.douyin_part03 .list dl:nth-child(3n-1) dd.more a { color:#febf2c;}
.douyin_part03 .list dl dd.more a:hover { text-indent:6px; letter-spacing:6px;}

.douyin_part04 { width:100%; margin-bottom:-60px; position:relative;}
.douyin_part04 .list { width:100%;}
.douyin_part04 .list li { width:calc(100% - 20px); padding:25px 10px; border-top:1px solid #ececec;}
.douyin_part04 .list li a { height:100%; display:block; position:relative;}
.douyin_part04 .list li p { overflow:hidden;}
.douyin_part04 .list li .name { height:20px; margin:-2px 0; font-size:16px; color:#000;}
.douyin_part04 .list li .name span { float:right; margin-left:10px; font-size:14px; color:#898989;}
.douyin_part04 .list li .text { max-height:72px; margin:15px 0; line-height:24px; color:#666; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.douyin_part04 .list li .sort { padding:7px 8px; margin-bottom:-4px; border:1px solid #e5e5e5; border-radius:4px; line-height:1; font-size:12px; color:#898989; display:inline-block;}
.douyin_part04 .list li:first-child { border:0;}
.douyin_part04 .list li:hover { box-shadow:0px 0px 12px rgba(0,0,0,0.15);}
.douyin_part04 .list li:hover .name { color:#0485ed;}