@charset "utf-8";
/*
 *	Author			：Qiu
 *	Date 			：2025年06月04日15:29:03;
 *	Abstract		：懂球圈样式文件
 */

*{ box-sizing: border-box; }
body{ background:#fff; color:#333;min-width: 1200px; font-family:Open Sans,Neue Frutiger,Frutiger Next,Frutiger,Myriad Pro,Myriad,San Francisco,Segoe UI,Helvetica Neue,Helvetica,Arial,Verdana,Source Han Sans CN,PingFang SC,Lantinghei SC,Hiragino Sans GB,Wenquanyi Micro Hei,Microsoft YaHei,sans-serif;}
a:hover{text-decoration: none;}
img{ vertical-align: top; }


.wrap1080{ width:1080px; margin-left:auto; margin-right:auto; position:relative;}
.shadow{ display:none; background:#000; filter:alpha(opacity:50); opacity:0.5; position:fixed; top:0px; left:0px; width:100%; height:100%; }

.section1{ height: 465px; background: url(../../images/pc/banner_bg.png) center top no-repeat; background-size: 100% 465px;}
.bannerInfo{height: 465px; position: relative; padding-top: 61px; }
.bannerInfo .logo{ cursor: pointer; width: 211px; height: 70px;}
.bannerInfo .logo img{ display: block; width: 100%; height: 100%; }
.bannerInfo h2{ line-height: 60px; font-size: 64px; font-weight: bold; color: #585858; margin-top: 57px; letter-spacing: -4px; }
.bannerInfo h2 span{ color: #FF5C26; }
.bannerInfo .btn{ display: inline-flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; letter-spacing: -1px; margin-top: 59px; width: 370px;height: 80px;background: linear-gradient(93deg,#ff9027 0%, #ff5c26 43%), #ff5a27;border-radius: 40px;}
.bannerInfo .banner{ position: absolute; width: 451px; height: 365px; bottom: 20px; right: -38px;}
.funBox{ padding-top: 50px; display: flex; align-items: center;}
.funBox .txt{flex:1; margin-right: 202px; text-align: right; position: relative;}
.funBox .txt h3{ position: relative; z-index: 1; line-height: 50px; font-size: 50px; font-weight: bold; }
.funBox .txt p{ position: relative; z-index: 1; line-height: 30px; font-size: 32px; color: #666; margin-top: 19px; }
.funBox .txt:after{ content: ""; position: absolute; top: -87px; right: -52px; width: 200px; height: 200px; background: url(../../images/pc/circle.png); background-size: 100% 100%; }
.funBox img{ display: block; width: 380px; height: auto;}
.section3{ background: #FFF5ED; height: 486px; }
.section3 .funBox{ padding: 0; }
.section3 .funBox img{ margin-top: -88px; }
.section3 .funBox .txt{ margin-left: 230px; margin-right: initial; text-align: left; }
.section3 .funBox .txt:after{top: -80px; right: initial; left:-50px; background: url(../../images/pc/circle1.png); background-size: 100% 100%; }

.footer{height: 144px;background: #4d4d4d; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.footer p{ font-size: 18px; line-height: 30px; color: #999; }