@charset "utf-8";
.douyin_yunying_title { width:100%; height:56px; margin-bottom:40px; position:relative; z-index:20;}
.douyin_yunying_title h5,
.douyin_yunying_title h6 { position:absolute; left:50%; transform:translateX(-50%);}
.douyin_yunying_title h5 { line-height:26px; font-size:30px; font-weight:bold; color:#333; top:0;}
.douyin_yunying_title h5:before,
.douyin_yunying_title h5:after { width:36px; height:14px; content:""; background:url(../images/douyin/base.png) no-repeat 0 0; position:absolute; top:50%; margin-top:-5px;}
.douyin_yunying_title h5:before { left:-50px;}
.douyin_yunying_title h5:after { right:-50px;}
.douyin_yunying_title h6 { width:100%; text-align:center; line-height:14px; font-size:14px; color:#898989; bottom:0;}

.douyin_yunying_part01 { width:100%; position:relative;}
.douyin_yunying_part01 .list { width:530px; position:relative; left:50%; margin-left:-265px;}
.douyin_yunying_part01 .list .title { width:100%; margin-top:-10px; position:relative;}
.douyin_yunying_part01 .list .title p { width:100%;}
.douyin_yunying_part01 .list .title .imgs { font:0/0 arial;}
.douyin_yunying_part01 .list .title .name { height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; position:absolute; bottom:2px; left:0;}
.douyin_yunying_part01 .list .li { width:260px; height:68px; background:url(../images/douyin/bg_yunying01_li1.png) no-repeat; text-align:center; line-height:54px; font-size:18px; color:#fff; position:absolute; z-index:20;}
.douyin_yunying_part01 .list .li:nth-child(odd) { left:-280px;}
.douyin_yunying_part01 .list .li:nth-child(even) { background-image:url(../images/douyin/bg_yunying01_li3.png); right:-280px;}
.douyin_yunying_part01 .list .li:nth-child(1) { top:0; margin-left:70px;}
.douyin_yunying_part01 .list .li:nth-child(3) { top:90px; margin-left:-20px;}
.douyin_yunying_part01 .list .li:nth-child(5) { background-image:url(../images/douyin/bg_yunying01_li2.png); top:calc(90px * 2);}
.douyin_yunying_part01 .list .li:nth-child(7) { top:calc(90px * 3); margin-left:-40px;}
.douyin_yunying_part01 .list .li:nth-child(9) { top:calc(90px * 4); margin-left:40px;}
.douyin_yunying_part01 .list .li:nth-child(2) { top:0; margin-right:70px;}
.douyin_yunying_part01 .list .li:nth-child(4) { top:90px; margin-right:-20px;}
.douyin_yunying_part01 .list .li:nth-child(6) { background-image:url(../images/douyin/bg_yunying01_li4.png); top:calc(90px * 2);}
.douyin_yunying_part01 .list .li:nth-child(8) { top:calc(90px * 3); margin-right:-40px;}
.douyin_yunying_part01 .list .li:nth-child(10) { background-image:url(../images/douyin/bg_yunying01_li4.png); top:calc(90px * 4); margin-right:40px;}

.douyin_yunying_part02 { width:100%; padding:50px 0; margin-top:50px; position:relative;}
.douyin_yunying_part02:before { width:1920px; height:100%; content:""; background:url(../images/douyin/bg_yunying02.jpg); position:absolute; top:0; left:50%; transform:translateX(-50%);}
.douyin_yunying_part02 .douyin_yunying_title h5,
.douyin_yunying_part02 .douyin_yunying_title h6 { color:#fff}

.douyin_yunying_part02 .list { height:80px; position:relative; left:50%; transform:translateX(-50%);}
.douyin_yunying_part02 .list li { height:100%; padding-left:96px; margin-left:76px; overflow:visible; position:relative;}
.douyin_yunying_part02 .list li:before { width:46px; height:14px; content:""; background:url(../images/douyin/base.png) no-repeat 0 -20px; position:absolute; top:50%; left:-60px; transform:translateY(-50%);}
.douyin_yunying_part02 .list li:first-child { margin:0;}
.douyin_yunying_part02 .list li:first-child:before { display:none;}
.douyin_yunying_part02 .list li p { height:100%; line-height:80px; font-size:18px; color:#fff;}
.douyin_yunying_part02 .list li .icon { width:80px; height:100%; background:url(../images/douyin/base.png) no-repeat -50px 0; position:absolute; top:0; left:0;}
.douyin_yunying_part02 .list li:nth-child(2) .icon { background-position:-130px 0;}
.douyin_yunying_part02 .list li:nth-child(3) .icon { background-position:-210px 0;}
.douyin_yunying_part02 .list li:nth-child(4) .icon { background-position:-290px 0;}

.douyin_yunying_part02 .link { width:100%; height:60px; margin-top:40px; text-align:center; line-height:60px; font-size:18px;}
.douyin_yunying_part02 .link li { float:none; height:100%; margin:0 15px; display:inline-block;}
.douyin_yunying_part02 .link li a { height:100%; padding:0 30px; background:#f258bc; border-radius:30px; color:#fff; display:block; position:relative;}
.douyin_yunying_part02 .link li a:hover { color:#01114c;}
.douyin_yunying_part02 .link li:nth-child(1) a { padding:0 80px;}
.douyin_yunying_part02 .link li i { height:100%; padding-right:40px; display:inline-block; position:relative;}
.douyin_yunying_part02 .link li i:before { width:22px; height:30px; content:""; background:url(../images/douyin/base.png) no-repeat 0 -40px; position:absolute; top:50%; right:0; margin-top:-15px;}

.douyin_yunying_part03 { width:100%; margin-top:50px; position:relative;}
.douyin_yunying_part03 .list { width:calc(100% + 60px);}
.douyin_yunying_part03 .list dl { float:left; width:255px; height:420px; margin-right:60px; border-radius:20px; box-shadow:0 0 10px 4px rgba(200,100,250,0.2); position:relative;}
.douyin_yunying_part03 .list dl:before { width:50px; height:4px; content:""; background:#c864fa; position:absolute; top:-2px; left:50%; transform:translateX(-50%);}
.douyin_yunying_part03 .list dl dd { position:absolute; left:50%; transform:translateX(-50%);}
.douyin_yunying_part03 .list dl dd.icon { width:40px; height:40px; top:35px;}
.douyin_yunying_part03 .list dl dd.icon:before { width:40px; height:40px; content:""; background:url(../images/douyin/base.png) no-repeat -50px -80px; position:absolute; top:0; left:0;}
.douyin_yunying_part03 .list dl dd.name { width:100%; text-align:center; line-height:22px; font-size:18px; font-weight:bold; color:#333; top:90px;}
.douyin_yunying_part03 .list dl dd.info { width:180px; line-height:30px; font-size:16px; top:130px;}
.douyin_yunying_part03 .list dl dd.info p { float:left; width:calc(100% - 20px); padding-left:20px; position:relative;}
.douyin_yunying_part03 .list dl dd.info p:before { width:6px; height:6px; content:""; background:#c864fa; border-radius:100%; position:absolute; top:12px; left:0;}
.douyin_yunying_part03 .list dl:nth-child(2) dd.icon:before { background-position:-90px -80px;}
.douyin_yunying_part03 .list dl:nth-child(3) dd.icon:before { background-position:-130px -80px;}
.douyin_yunying_part03 .list dl:nth-child(4) dd.icon:before { background-position:-170px -80px;}

.douyin_yunying_part03 .link { width:100%; height:60px; margin-top:40px; text-align:center; line-height:60px; font-size:18px;}
.douyin_yunying_part03 .link li { float:none; height:100%; margin:0 15px; display:inline-block;}
.douyin_yunying_part03 .link li a { height:100%; padding:0 50px; background:#f258bc; border-radius:30px; color:#fff; display:block; position:relative;}
.douyin_yunying_part03 .link li a:hover { color:#01114c;}
.douyin_yunying_part03 .link li i { height:100%; padding-right:40px; display:inline-block; position:relative;}
.douyin_yunying_part03 .link li i:before { width:22px; height:30px; content:""; background:url(../images/douyin/base.png) no-repeat 0 -40px; position:absolute; top:50%; right:0; margin-top:-15px;}

.douyin_yunying_part04 { width:100%; margin-top:50px; position:relative;}
.douyin_yunying_part04:before { width:1920px; height:100%; content:""; background:url(../images/douyin/bg_yunying04.png) no-repeat; position:absolute; top:-30px; left:50%; transform:translateX(-50%);}

.douyin_yunying_part04 .list { width:100%; padding-top:50px; margin-top:-36px; position:relative;}
.douyin_yunying_part04 .list:before { width:1920px; height:calc(100% - 70px); content:""; background:url(../images/douyin/bg_yunying04.jpg); position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.douyin_yunying_part04 .list:after { width:100%; height:3px; content:""; background:#fff; position:absolute; top:50%; left:0; margin-top:16px;}
.douyin_yunying_part04 .list li { width:280px; height:260px; margin:34px 10px 0; overflow:visible; position:relative; z-index:10;}
.douyin_yunying_part04 .list li p { width:calc(100% - 40px); text-align:center; position:absolute; left:50%; transform:translateX(-50%); z-index:20;}
.douyin_yunying_part04 .list li .icon { width:50px; height:40px; top:35px;}
.douyin_yunying_part04 .list li .icon:before { width:50px; height:40px; content:""; background:url(../images/douyin/base.png) no-repeat -50px -120px; position:absolute; top:0; left:0;}
.douyin_yunying_part04 .list li .name { height:30px; line-height:16px; font-size:18px; font-weight:bold; color:#333; top:105px;}
.douyin_yunying_part04 .list li .name:before { width:50px; height:2px; content:""; background:#fe3b6e; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.douyin_yunying_part04 .list li .info { line-height:22px; font-size:16px; top:150px;}
.douyin_yunying_part04 .list li:before { width:100%; height:100%; content:""; background:url(../images/douyin/bg_yunying04_li.png) no-repeat; position:absolute; top:0; left:0;}
.douyin_yunying_part04 .list li:nth-child(5) { margin-left:160px;}
.douyin_yunying_part04 .list li:nth-child(5):before,
.douyin_yunying_part04 .list li:nth-child(6):before,
.douyin_yunying_part04 .list li:nth-child(7):before { margin-top:-50px; transform:rotate(180deg);}
.douyin_yunying_part04 .list li:nth-child(2) .icon:before { background-position:-100px -120px;}
.douyin_yunying_part04 .list li:nth-child(3) .icon:before { background-position:-150px -120px;}
.douyin_yunying_part04 .list li:nth-child(4) .icon:before { background-position:-200px -120px;}
.douyin_yunying_part04 .list li:nth-child(5) .icon:before { background-position:-250px -120px;}
.douyin_yunying_part04 .list li:nth-child(6) .icon:before { background-position:-300px -120px;}
.douyin_yunying_part04 .list li:nth-child(7) .icon:before { background-position:-350px -120px;}

.douyin_yunying_part05 { width:100%; margin-top:50px; position:relative;}
.douyin_yunying_part05 .list { width:calc(100% + 60px); margin-top:-30px;}
.douyin_yunying_part05 .list li { width:120px; margin:30px 60px 0 0; overflow:visible; position:relative;}
.douyin_yunying_part05 .list li p { width:100%; text-align:center; position:relative; left:50%; transform:translateX(-50%);}
.douyin_yunying_part05 .list li .icon { width:100px; height:100px; border-radius:20px; box-shadow:0 0 10px 4px rgba(200,100,250,0.2);}
.douyin_yunying_part05 .list li .icon:before { width:60px; height:60px; content:""; background:url(../images/douyin/base.png) no-repeat -50px -160px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.douyin_yunying_part05 .list li .name { height:16px; margin-top:15px; line-height:16px; font-size:18px;}
.douyin_yunying_part05 .list li:nth-child(2) .icon:before { background-position:-110px -160px;}
.douyin_yunying_part05 .list li:nth-child(3) .icon:before { background-position:-170px -160px;}
.douyin_yunying_part05 .list li:nth-child(4) .icon:before { background-position:-230px -160px;}
.douyin_yunying_part05 .list li:nth-child(5) .icon:before { background-position:-290px -160px;}
.douyin_yunying_part05 .list li:nth-child(6) .icon:before { background-position:-350px -160px;}
.douyin_yunying_part05 .list li:nth-child(7) .icon:before { background-position:-410px -160px;}
.douyin_yunying_part05 .list li:nth-child(8) .icon:before { background-position:-50px -220px;}
.douyin_yunying_part05 .list li:nth-child(9) .icon:before { background-position:-110px -220px;}
.douyin_yunying_part05 .list li:nth-child(10) .icon:before { background-position:-170px -220px;}
.douyin_yunying_part05 .list li:nth-child(11) .icon:before { background-position:-230px -220px;}
.douyin_yunying_part05 .list li:nth-child(12) .icon:before { background-position:-290px -220px;}
.douyin_yunying_part05 .list li:nth-child(13) .icon:before { background-position:-350px -220px;}
.douyin_yunying_part05 .list li:nth-child(14) .icon:before { background-position:-410px -220px;}

.douyin_yunying_part06 { width:100%; margin-top:60px; position:relative;}
.douyin_yunying_part06 .list { width:calc(100% + 20px);}
.douyin_yunying_part06 .list dl { float:left; width:230px; height:300px; margin-right:12.5px; border-radius:20px; box-shadow:0 0 8px 3px rgba(200,100,250,0.2); position:relative;}
.douyin_yunying_part06 .list dl dd { width:calc(100% - 40px); text-align:center; position:absolute; left:50%; transform:translateX(-50%);}
.douyin_yunying_part06 .list dl .icon { width:60px; height:60px; background:#f5e9ff; border-radius:100%; top:30px;}
.douyin_yunying_part06 .list dl .icon:before { width:40px; height:40px; content:""; background:url(../images/douyin/base.png) no-repeat 0 -70px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.douyin_yunying_part06 .list dl .name { height:30px; line-height:16px; font-size:18px; font-weight:bold; color:#333; top:120px;}
.douyin_yunying_part06 .list dl .name:before { width:30px; height:3px; content:""; background:#fe3b6e; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.douyin_yunying_part06 .list dl .info { line-height:24px; font-size:16px; top:170px;}
.douyin_yunying_part06 .list dl .info p { text-align:center;}

.douyin_yunying_part06 .link { width:100%; height:60px; margin-top:40px; text-align:center; line-height:60px; font-size:18px;}
.douyin_yunying_part06 .link li { float:none; height:100%; margin:0 15px; display:inline-block;}
.douyin_yunying_part06 .link li a { height:100%; padding:0 50px; background:#f258bc; border-radius:30px; color:#fff; display:block; position:relative;}
.douyin_yunying_part06 .link li a:hover { color:#01114c;}
.douyin_yunying_part06 .link li i { height:100%; padding-right:40px; display:inline-block; position:relative;}
.douyin_yunying_part06 .link li i:before { width:22px; height:30px; content:""; background:url(../images/douyin/base.png) no-repeat 0 -40px; position:absolute; top:50%; right:0; margin-top:-15px;}

.douyin_yunying_part07 { width:100%; margin-top:60px; position:relative;}
.douyin_yunying_part07 .list { width:100%; padding-bottom:50px; margin-top:-50px; position:relative;}
.douyin_yunying_part07 .list:before { width:100%; height:432px; content:""; background:url(../images/douyin/bg_yunying07.png) no-repeat; position:absolute; bottom:0; left:0;}
.douyin_yunying_part07 .list li { width:160px; height:200px; margin:50px 10px 0 55px; overflow:visible; position:relative; z-index:10;}
.douyin_yunying_part07 .list li:before { width:160px; height:140px; content:""; background:url(../images/douyin/bg_yunying07_li1.png) no-repeat; position:absolute; top:0; left:10px;}
.douyin_yunying_part07 .list li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
.douyin_yunying_part07 .list li .icon { width:100%; height:140px; position:absolute; left:0;}
.douyin_yunying_part07 .list li .icon:before { width:60px; height:60px; content:""; background:url(../images/douyin/base.png) no-repeat -50px -280px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.douyin_yunying_part07 .list li .name { height:44px; background:url(../images/douyin/bg_yunying07_li2.png) repeat-y; border-radius:4px; line-height:44px; font-size:18px; color:#fff; bottom:0;}
.douyin_yunying_part07 .list li:nth-child(6) { margin-left:170px;}
.douyin_yunying_part07 .list li:nth-child(6):before,
.douyin_yunying_part07 .list li:nth-child(7):before,
.douyin_yunying_part07 .list li:nth-child(8):before,
.douyin_yunying_part07 .list li:nth-child(9):before,
.douyin_yunying_part07 .list li:nth-child(10):before { transform:rotate(180deg); left:-10px;}
.douyin_yunying_part07 .list li:nth-child(2) .icon:before { background-position:-110px -280px;}
.douyin_yunying_part07 .list li:nth-child(3) .icon:before { background-position:-170px -280px;}
.douyin_yunying_part07 .list li:nth-child(4) .icon:before { background-position:-230px -280px;}
.douyin_yunying_part07 .list li:nth-child(5) .icon:before { background-position:-290px -280px;}
.douyin_yunying_part07 .list li:nth-child(6) .icon:before { background-position:-350px -280px;}
.douyin_yunying_part07 .list li:nth-child(7) .icon:before { background-position:-410px -280px;}
.douyin_yunying_part07 .list li:nth-child(8) .icon:before { background-position:-50px -340px;}
.douyin_yunying_part07 .list li:nth-child(9) .icon:before { background-position:-110px -340px;}