/* 抖音运营 */


body { margin: 0; padding: 0; background: #f4f6f8;overflow:auto!important;}
img {display: inline-block!important;width:auto!important;}
.content  { margin: 0 auto; width: 1200px!important;}
.wrap-title { text-align: center;}
.wrap-title h2 { margin: 0; font-size: 48px; line-height: 1.5; color: #000; font-weight: normal;}
.wrap-title h2 span { font-weight: bold;}
.wrap-title p { font-size: 20px; margin-top: 5px;}
p { margin: 0;}
a {text-decoration: none;}

@font-face {
    font-family: "DIN Medium";
    src:url("font/DIN Medium.woff2") format("woff2"),
        url("font/DIN Medium.ttf") format("truetype"),
        url("font/DIN Medium.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

/* dyInner01 */
.dyInner01 .inner {display: flex;align-items: center;text-align: center;position: relative;z-index: 2;margin: -65px 0 0;height: 130px;overflow: hidden;background: #fff;box-shadow: -7px 1px 38px 0px rgba(0, 33, 102, 0.16);}
.dyInner01 .inner .item {flex: 1;}
.dyInner01 .inner .item .icon {display: inline-block;vertical-align: middle;}
.dyInner01 .inner .item .title { margin-left: 5px; display: inline-block;vertical-align: middle; font-size: 24px; color: #000;}
/* dyInner01 end */

/* dyInner02 */
.dyInner02 { padding: 80px 0 80px; overflow: hidden;}
.dyInner02 .inner { position: relative; margin-top: 50px; padding-top: 22px; padding-bottom: 30px; overflow: hidden;}
.dyInner02 .inner .item { position: relative; padding:20px 30px; box-sizing: border-box; margin: 6px 0; display: block; width: 450px; height: 210px; background: #fff;}
.dyInner02 .inner .item:nth-child(odd) { float: left;}
.dyInner02 .inner .item:nth-child(even) { float: right;}
.dyInner02 .inner .item .icon { display: inline-block; width: 80px;}
.dyInner02 .inner .item .number { position: absolute; right: 30px; top: 30px; font-size: 36px; color: #666; font-weight: bold; opacity: 0.3; font-family: "DIN Medium";}
.dyInner02 .inner .item .title { font-size: 20px; color: #333; line-height: 1.75;}
.dyInner02 .inner .item .title p { margin: 0;}
.dyInner02 .inner .item:nth-child(even) .title { text-align: right;}
.dyInner02 .inner .item:nth-child(odd) .number { right: 100px;}
.dyInner02 .inner .item:nth-child(even) .icon { margin-left: 60px;}
.dyInner02 .dyInner02_bg { padding: 30px; box-sizing: border-box; position: absolute; display: block; left: 50%; top: 0; transform: translateX(-150px); width: 300px; height: 495px; background: url("Img/dy_case.jpg") no-repeat center;} 
.dyInner02 .dyInner02_bg .dyInner02-title { padding: 30px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; border: 1px solid rgba(255,255,255,.5);}
.dyInner02 .dyInner02_bg .dyInner02-title p { font-size: 24px; color: #fff; padding:10px 0; border-bottom: 1px solid rgba(255,255,255,.3);}
.dyInner02 .dyInner02_bg .dyInner02-title p:last-child { border:none;}
.dyInner02 .dyInner02_bg .dyInner02-btn { margin: 90px auto 0;font-size: 24px; color: #fff; width: 240px; height: 55px; line-height: 55px; text-align: center; background: rgba(231,39,183,.5); text-align: center;}
.dyInner02 .dyInner02_bg .dyInner02-btn a {display: block;color: #fff;text-decoration: none;}
.dyInner02 .dyInner02_bg .dyInner02-btn a i { display:inline-block;}
.dyInner02 .dyInner02_bg .dyInner02-btn:hover { background: #F49C11;}
/* dyInner02 */


/* dyInner03 */
.dyInner03 { padding-top: 50px; box-sizing: border-box; background: url("Img/dy-puz_bg.jpg") no-repeat center; width: 100%; height: 500px; background-size: 100%;}
.dyInner03 .wrap-title h2 { color: #fff;}
.dyInner03 .wrap-title p { color: #fff;}
.dyInner03 .dyInner03-con { margin-top: 60px; overflow: hidden;}
.dyInner03 .dyInner03-con .item {position: relative;float: left;width: calc(100%/5);text-align: center;}
.dyInner03 .dyInner03-con .item::after { position: absolute; content: ""; display: block; right: -10%; top: 30%; background: url("Img/dy-puz_arrow.png") no-repeat center; width: 40px; height: 40px;}
.dyInner03 .dyInner03-con .item .title { margin-top: 10px; font-size: 26px; color: #fff;}
.dyInner03 .dyInner03-con .item:last-child::after { display: none;}
/* dyInner03 end */

/* dyInner04 */
.dyInner04 { padding: 70px 0; overflow: hidden;}
.dyInner04 .dyInner04-con { margin: 40px -4px 0; overflow: hidden;}
.dyInner04 .dyInner04-con .item {  margin: 0 4px; float: left; width: calc(100%/4 - 8px);}
.dyInner04 .dyInner04-con .item .inner {padding: 35px 20px;height: 260px;box-sizing: border-box;background: #fff;}
.dyInner04 .dyInner04-con .item .dyInner04-title { padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.dyInner04 .dyInner04-con .item .dyInner04-title .number { position: relative; padding: 3px 0; box-sizing: border-box; display: inline-block; width: 46px; height: 46px; border-radius: 50%; background: #f6f3ff; text-align: center; font-size: 24px; color: #2c0d8e; font-weight: bold;}
.dyInner04 .dyInner04-con .item .dyInner04-title .number::after { content: ""; display: block; position: absolute; left: 42%; top: 33px; width: 11px; height: 2px; background: #ff283e;}
.dyInner04 .dyInner04-con .item .dyInner04-title h3 {display: inline-block;font-size: 24px;color: #333;margin: 0 10px 3px;vertical-align: bottom;font-weight: normal;}
.dyInner04 .dyInner04-con .item .dyInner04-inner { margin-top: 20px; overflow: hidden;}
.dyInner04 .dyInner04-con .item .dyInner04-inner ul { margin: 0; padding: 0;}
.dyInner04 .dyInner04-con .item .dyInner04-inner li {margin: 10px 0;font-size: 14px;color: #666;position: relative;padding-left: 14px;box-sizing: border-box;float:left;width: 50%;text-align: left;list-style: none;}
.dyInner04 .dyInner04-con .item .dyInner04-inner li::after { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #2c0d8e;}
.dyInner04 .dyInner04-con .item .dyInner04-btn { display: block; width: 100%;height: 46px; line-height: 46px;text-align: center; background: #f0f0ff;}
.dyInner04 .dyInner04-con .item .dyInner04-btn a { display: block; font-size: 16px; color: #2c0d8e;}
.dyInner04 .dyInner04-con .item .dyInner04-btn span { margin-right: 5px; vertical-align: middle;}
.dyInner04 .dyInner04-con .item .dyInner04-btn i {display: inline-block;margin-bottom: 14px;vertical-align: bottom;}
.dyInner04 .dyInner04-con .item .dyInner04-btn:hover { background: #F49C11;}
/* dyInner04 end */

/* dyInner06 */
.dyInner06 {overflow: hidden; padding: 60px 0;}
.dyInner06 .dyInner06-con { margin-top: 60px; overflow: hidden;}
.dyInner06 .dyInner06-con .item { margin: 4px; float: left; width: calc(50% - 8px); background: #fff;}
.dyInner06 .dyInner06-con .dyInner06-tit { float: left; padding: 0 40px 0 13px; box-sizing: border-box; width: 202px; height: 401px; font-size: 20px; color: #fff;}
.dyInner06 .dyInner06-con .dyInner06-tp { margin-top: 45px; overflow: hidden; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,.2); font-size: 24px;}
.dyInner06 .dyInner06-con .dyInner06-tp span { display: inline-block; vertical-align: top;}
.dyInner06 .dyInner06-con .dyInner06-bm p { padding-left: 10px; margin-top: 20px;}
.dyInner06 .dyInner06-con .dyInner06-sum { float: left; width: calc(100% - 202px); background: #fff;}
.dyInner06 .dyInner06-con .dyInner06-sum .dyInner06-list { position: relative; padding: 15px 0; border-bottom: 1px dashed rgba(0,0,0,.1);}
.dyInner06 .dyInner06-con .dyInner06-sum .dyInner06-list p { font-size: 20px; color: #333;}
.dyInner06 .dyInner06-con .dyInner06-sum .dyInner06-list span { margin-top: 5px; display: block; font-size: 16px; color: #666; line-height: 1.75;}
.dyInner06 .dyInner06-con .dyInner06-sum .dyInner06-list i { margin-right: 5px; float: right;}
.dyInner06 .dyInner06-con .dyInner06-sum .dyInner06-list:last-child {border-bottom: none;padding: 0;background: url("Img/dy-adv_bf.png") no-repeat center;height: 105px;box-sizing: border-box;}
.dyInner06 .dyInner06-con .item:nth-child(4) .dyInner06-list i {position: absolute;right: 0;bottom: 5px;}
.dyInner06 .dyInner06-con .item:nth-child(4) .dyInner06-list:last-child {padding-top: 15px;}
/* dyInner06 end */

/* dyInner07 */
.dyInner07 { display: block; background: url("Img/dy-ad02.jpg") no-repeat center; height: 562px;}
.dyInner07 .inner { float: right; text-align: left; width: 560px;}
.dyInner07 .inner .wrap-title { margin-top: 90px;}
.dyInner07 .inner .wrap-title h2 { color: #fff; text-align: left;}
.dyInner07 .inner .dyInner07-sum { margin-top: 30px;}
.dyInner07 .inner .dyInner07-sum p { font-size: 24px; color: #fff; line-height: 2;}
.dyInner07 .inner .dyInner07-sum a { margin-top: 30px; padding: 17px 0;box-sizing: border-box;display: block;text-align: center;width: 212px;height: 58px;background: #b62bdb;}
.dyInner07 .inner .dyInner07-sum a i {display: inline-block;vertical-align: top;}
.dyInner07 .inner .dyInner07-sum a span {margin-left: 5px;display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;}
.dyInner07 .inner .dyInner07-sum a:hover { background: #F49C11;}
/* dyInner07 end */


/* dyInner08 */
.dyInner08 { padding: 50px 0; overflow: hidden;}
.dyInner08 .dyInner08-con {margin:0 -20px;}
.dyInner08 .dyInner08-con .item { margin: 20px; float: left; width: calc(100%/2 - 40px);}
.dyInner08 .dyInner08-con .item .dyInner08-tit { padding: 18px 55px; box-sizing: border-box; background:url("Img/dy-fb_bg.jpg") no-repeat center; width: 100%; height: 88px;}
.dyInner08 .dyInner08-con .item .dyInner08-tit i { float: left; width: 52px;}
.dyInner08 .dyInner08-con .item .dyInner08-tit i img { width: 100%;}
.dyInner08 .dyInner08-con .item .dyInner08-tit span { margin-left: 15px; float: left; font-size: 30px; line-height: 52px; color: #fff;}
.dyInner08 .dyInner08-con .item .dyInner08-sum { display: block; padding: 30px; box-sizing: border-box; background: #fff; font-size: 16px; color: #666; line-height: 1.75;}
/* dyInner08  end */


/* 抖音运营 end */