/* reset */
body { -webkit-text-size-adjust: 100% !important; }
f { margin: 0; padding: 0; }
body { font-family: "微软雅黑", "宋体", "Helvetica Neue", Arial, Helvetica, sans-serif; }
li { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6,
small { font-size: 100%; }
a,
button { cursor: pointer; text-decoration: none }
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b { font-weight: bold; }
lin { text-decoration: none; }
body,
textarea,
input,
button,
select,
keygen,
legend { font-family: "微软雅黑",  "Helvetica Neue", Arial, Helvetica, sans-serif; color: #262626; outline: 0; margin: 0; padding: 0; }
body { background: #fafafa }
.fitBox { width: 100%; min-width: 1280px; min-height: 100vh; }
body { -webkit-text-size-adjust: 100% !important; }
.top-container { width: 1460px; margin: 0 auto; display: flex; align-items: center; height: 88px; }
.sc-header { height: 88px; position: fixed; width: 100%; z-index: 999; }
.sticky {
    position: fixed;
    z-index: 99;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 20px 50px 0 rgba(0,0,0,.05);
    box-shadow: 0 20px 50px 0 rgba(0,0,0,.05);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.sticky  .iff-nav li a { font-size: 16px; color: rgba(38, 38, 38, 0.72); letter-spacing: 1px; line-height: 46px; }
.sticky  .iff-nav li.active a { color: #262626;font-weight: bold; }
.sticky  .i-logo{display: inline-block; float: left; width: 120px;background: url("../../images/logo-reg@2x.png") no-repeat;background-size: contain;height: 48px}
.sticky  .iff-right a.login { font-size: 16px; text-align: center; line-height: 36px; width: 124px; height: 38px; border-radius: 8px; border: 1px solid #F93A0B; backdrop-filter: blur(6px); color: #F93A0B; }
.sticky  .iff-right a.login:hover{background:rgba(249,58,11,0.1); }

.i-logo { display: inline-block; float: left; width: 120px;background: url("../../images/logo-black.png") no-repeat;background-size: contain;height: 48px }
.iff-nav { margin-left: 100px; margin-right:270px; }
.iff-nav li { margin: 0 80px; position: relative; float: left }
.iff-nav li a { font-size: 16px; color: rgba(255, 255, 255, 0.72); letter-spacing: 1px; line-height: 46px; }
.iff-nav li.active a { color: #fff;font-weight: bold; }
.iff-right { display: flex; justify-content: space-between; width: 280px; align-items: center; }
.iff-right a.login { font-size: 16px; text-align: center; line-height: 36px; width: 124px; height: 38px; border-radius: 8px; border: 1px solid #FFFFFF; backdrop-filter: blur(6px); color: #fff; }
.iff-right a.login:hover{border: 1px solid #F93A0B;color: #F93A0B}
.iff-right a.regist { color: #fff; font-size: 16px; text-align: center; line-height: 36px; width: 124px; height: 38px; background: #F93A0B; border-radius: 8px; border: 1px solid #f93a0b; }
.iff-right a.regist:hover{opacity: 0.9}
.banner-container { width: 1460px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 598px; }
.banner-bg1 { position: relative; background: #2D0B04; width: 100%; height: 598px; overflow: hidden; padding-top: 66px; }
.indexTxt1 { margin-bottom: 55px }
.indexTxt2 { margin-bottom: 40px }
.hotGame-Bg { width: 1460px; padding: 120px 0px 30px; margin: 0 auto; overflow: hidden }
.hotGame-title { margin-bottom: 85px; text-align: center; }
.smallText { position: relative; color: #6E6E6E; font-size: 20px; font-weight: normal }
.smallText:after { content: ''; position: absolute; width: 40px; height: 8px; background: #F93A0B; border-radius: 8px; left: 50%; margin-left: -20px; bottom: -15px; }
.hotGame-content { display: flex; flex-wrap: wrap; justify-content: space-between; }
.hotGame-content .imgItem { width: 466px; height: 265px; margin-bottom: 33px; }
.hotGame-content .imgItem img { width: 100%; border-radius: 10px;transition: transform 0.36s linear; }
.hotGame-content .imgItem img:hover {  transform: translateY(-20px); }
.platform-adv { width: 100%; }
.platform-adv-title { margin: 50px 0 80px; text-align: center; }
.platform-adv-content { margin: 0 auto; width: 1460px; }
.platform-adv-content li { margin-bottom: 40px; display: flex; align-items: center; color: #464646; width: 100%; height: 264px; background: #FFFFFF; border-radius: 16px; transform: translateY(0px); transition: transform 0.36s linear; }
.platform-adv-content li:hover { transform: translateY(-20px); }
.platform-adv-content li img { margin: 30px 92px 0 106px }
.platform-adv-content li>div { position: relative; z-index: 9; }
.platform-adv-content li h3 { font-size: 28px; padding: 0px 0 30px; color: #000; }
.platform-adv-content li p { font-size: 18px; width: 315px; line-height: 28px; color: #464646; }
.sc-counter { background: url("/images/iff-img-foot.jpg") no-repeat top; width: 100%; height: 409px; overflow: hidden; background-size: cover; margin-top: 68px; }
.counter-item { display: flex; justify-content: space-between; margin-top: 180px }
.counter-sub ul { display: flex; justify-content: space-between; }
.counter-sub ul li { width: 175px; text-align: center; }
.counter-sub ul li img { display: inline-block; margin: 0 auto 30px; }
.counter-sub ul li p { color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 1px }

/*footer*/
.sc-footer { padding: 20px 0px; text-align: center; color: rgba(110, 110, 110, 0.60); min-width: 1380px; font-size: 12px; }
.sc-footer .beiAn a { color: rgba(110, 110, 110, 0.60); margin: 0 10px; }
.sc-footer p.copyright { margin-top: 15px; letter-spacing: 1px }
.deal-info { padding: 10px 0 }
.deal-info a { color: #6E6E6E; display: inline-block; margin: 0 30px }
.deal-info a:hover { color: #F93A0B; }
.sc-footer .beiAn a:not(:last-child):hover { color: #F93A0B; }
::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(95, 95, 95, 0.1); border-radius: 10px; background-color: #F5F5F5; }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(142, 142, 142, 0.1); background-color: #999; }
.new-container { position: relative; width: 1460px; margin: 190px auto 88px; text-align: center; }
.banner-bg2 { position: relative; background: #000000  url(/images/yw-banner@2x.png) no-repeat center 0; width: 100%; height: 350px; overflow: hidden; background-size: contain; text-align: center; padding: 230px 0 0; }
.business-des { padding: 60px 0 88px; text-align: center; color: #464646; font-size: 18px; line-height: 44px; letter-spacing: 1px; width: 100%; background: #ffffff; }
.business-des>h3 { padding: 0px 0 40px; text-align: center; }
.banner-bg3 { width: 1460px; background: #FAFAFA; border-radius: 8px; margin: 50px auto 0; display: flex; padding: 45px; }
.banner-bg3 img { margin-left: 170px }
.cpsBg { text-align: left; color: #262626; font-size: 16px; letter-spacing: 1px; line-height: 35px; margin-left: 125px; margin-top: 15px; }
.cpsBg h3 { color: #F93A0B; font-size: 28px; text-align: left; letter-spacing: 2px; margin-bottom: 10px; }
.cpsBg p { margin-bottom: 0; }
.cpsBg .effect { position: relative; background: url(/images/Vector-bg@2x.png) no-repeat top; width: 275px; background-size: 100% 100%; color: #fff; font-size: 13px; height: 25px; line-height: 25px; display: flex; align-items: center; letter-spacing: 1px; }
.cpsBg .effect span.b1 { padding: 0 33px 0 16px; }
.cpsBg .effect span.b2 { font-size: 15px; margin: 0 3px }
.sec-title { text-align: center; padding-top: 107px; margin: 0; margin-bottom: 60px; }
.fc-box { width: 1460px; margin: 88px auto; display: flex; justify-content: space-between; align-items: center; }
.fc-box li { position: relative; text-align: center; backdrop-filter: blur(6px); border-radius: 10px; transform: translateY(0px); transition: transform 0.36s linear; width: 280px; height: 282px; background: #FFFFFF; }
.fc-box span img { width: 48px; height: 48px; }
.fc-box li .sec-icon { display: block; margin: 24px auto 20px; width: 68px; height: 68px; display: flex; align-items: center }
.fc-box li .sec-icon img { width: 68px }
.fc-box li h3 { color: #000; font-size: 20px; text-align: center; letter-spacing: 1px; }
.fc-box li p { color: #6E6E6E; font-size: 16px; margin: 17px 28px; line-height: 24px; }
.fc-box li:hover { transform: translateY(-20px); }
.fc-box li .rightCorner { position: absolute; right: 8px; bottom: 8px; width: 79px; height: 69px }
.sl-box { width: 1200px; margin: 70px auto 100px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.sl-box li { position: relative; width: 41%; }
.sl-box li:nth-child(2):before { content: ''; background: url("/images/arrow-r@2x.png") no-repeat; width: 85px; height: 15px; position: absolute; top: 120px; left: -146px; background-size: 100%; }
.sl-box li:nth-child(2):after { content: ''; background: url("/images/arrow-r@2x.png") no-repeat; width: 85px; height: 15px; position: absolute; top: 400px; left: 45%; background-size: 100%; transform: rotate(90deg); }
.sl-box li:last-child:before { content: ''; background: url("/images/arrow-r@2x.png") no-repeat; width: 85px; height: 15px; position: absolute; top: 120px; left: -146px; background-size: 100%; transform: rotate(180deg); }
.sl-box li img { display: inline-block; margin-bottom: 15px; border-radius: 15px;     transform: translateY(0px);transition: transform 0.36s linear;}
.sl-box li img:hover{ transform: translateY(-20px)}
.sl-box li p { color: #262626; font-size: 18px; margin: 0 34px; line-height: 28px; text-align: left; letter-spacing: 1px; }
.sl-box li:not(:last-child, :nth-child(3)) { margin-bottom: 135px }
.rq-wrap { width: 1460px; margin: 88px auto; }
.rq-wrap ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.rq-wrap ul li { width: 344px; height: 270px; background: #FFFFFF; border-radius: 16px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 5 }
.rq-wrap ul li img{transition: all 0.36s ease;}
.rq-wrap ul li:hover img { transform: scale(1.2) }
.rq-wrap ul li p {width: 112px; height: 48px; background: #000000; position: absolute; left: 50%; margin-left: -56px; color: #fff; font-size: 24px; text-align: center; line-height: 48px; border-radius: 6px; z-index: 11; opacity: 0; }
.rq-wrap ul li .mask { opacity: 0 }
.rq-wrap ul li:hover .mask { width: 344px; height: 269px; background: rgba(0, 0, 0, 0.4); border-radius: 16px; position: absolute; left: 0; top: 0; opacity: 1; z-index: 10; }
.rq-wrap ul li:hover p { width: 112px; height: 48px; background: #000000; position: absolute; left: 50%; margin-left: -56px; color: #fff; font-size: 24px; text-align: center; line-height: 48px; border-radius: 6px; z-index: 11; opacity: 1; animation: text 0.75s linear; }
@keyframes frame {
    from { bottom: -50px; opacity: 0; }
    to { bottom: 0%; opacity: 1; }
}
@keyframes text {
    from { bottom: 0%; opacity: 0; }
    to { bottom: 34%; opacity: 1; }
}

.businessText{}


.yl-box { width: 100%; position: relative; background: #ffffff; padding-bottom: 50px; }
.pad-t50 { padding-top: 50px !important; }
.yl-box ul { margin: 0px auto; display: flex; justify-content: space-between; width: 1460px; }
.yl-box ul li { box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5); border-radius: 6px; backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; width: 348px; height: 142px; background: #FAFAFA; }
.yl-box ul li:hover { background: #FFFFFF; box-shadow: 0px 8px 45px 0px rgba(153, 153, 153, 0.15); }
.sw-box { position: relative; width: 100%; height: 381px; overflow: hidden; background-size: cover; }
.sw-box .iff-mao { position: absolute; bottom: -70px; left: -30px; }
.sw-box .sw-info { width: 1096px; background: #FFFFFF; border-radius: 16px; margin: 86px auto; display: flex; padding: 36px 182px; align-items: center; }
.sw-box .sw-info label { display: inline-block; font-size: 18px; letter-spacing: 0px; color: #140000; }
.sw-box .sw-info dl { padding: 0px 0 0 138px; }
.sw-box .sw-info dl dt { color: #F93A0B; line-height: 24px; font-size: 28px; margin-bottom: 20px; font-weight: bold; letter-spacing: 2px; }
.sw-box .sw-info dl dd { font-size: 18px; border-radius: 2px; line-height: 36px; color: #262626; }
.topSlogan { float: right; margin-top: 10px; }
.banner-bg4 { position: relative; background: url("/images/2-1.jpg") no-repeat top; width: 100%; height: 468px; overflow: hidden; background-size: cover; }
.banner4-des1 { position: absolute; left: 50%; margin-left: -318px; top: 20% }
.banner4-des2 { position: absolute; left: 50%; margin-left: -138px; bottom: -16px; animation: two 1s infinite; transition: transform 3s ease; }
.banner4-title { text-align: center; width: 100%; font-size: 30px; font-weight: bold; color: #fff; margin-top: 16%; }
.banner-bg5 { position: relative; background: url("/images/ab-banner@2x.png") repeat-x; width: 100%; height: 580px; overflow: hidden; background-size: 100% 100% }
.banner5-title { text-align: center; width: 100%; margin-top: 262px; }
.ab-box { margin: 80px auto; width: 1460px; padding: 52px 80px 0; }
.ab-box ul { display: flex; justify-content: space-between; width: 100%; align-items: center }
.ab-box ul li { color: #290000; text-align: center; position: relative; transform: translateY(0px); transition: transform 0.36s linear; width: 344px; height: 298px; background: #FFFFFF; border-radius: 16px; opacity: 0.97; backdrop-filter: blur(6px); padding-top: 56px; }
.ab-box ul li:hover { transform: translateY(-20px); }
.ab-box ul li h3 { font-weight: bold; letter-spacing: 2px; width: 130px; margin: 15px auto 20px; color: #000; font-size: 24px; }
.ab-box ul li p { font-size: 18px; margin: 0 65px; line-height: 32px; text-align: center; color: #6e6e6e; }
.banner-bg6 { background: #ffffff; width: 100%; padding-bottom: 88px; }
.banner6-img { }
.banner6-des { display: flex; width: 1200px; margin: 110px auto 0; justify-content: space-between; }
.banner6-des ul { margin: 0; width: 500px; display: flex; flex-wrap: wrap; }
.banner6-des ul h3 { color: #000; text-align: center; font-size: 20px; margin-bottom: 20px; letter-spacing: 2px; }
.banner6-des ul li { width: 250px; color: #6e6e6e; line-height: 28px; font-size: 18px; text-align: left; }
.banner6-des ul li label { display: block; width: 100%; font-size: 28px; color: #000; font-weight: bold; margin-bottom: 20px; }
.banner6-des ul li span { font-size: 16px }
.banner6-des ul li:first-child { margin-bottom: 60px; }
.banner6-des ul li:nth-child(2) { margin-bottom: 60px; }
.courseBox { width: 100%; background: #fff; padding: 88px 0 0; }
.courseBox .title { width: 100%; text-align: center; }
.solution-cut { width: 1200px; margin: 0 auto; position: relative; padding-top: 50px; }
.qy-box { padding: 40px 0; position: relative;/* margin-bottom: 100px; */ }
.qy-box .img-left { background: url("/images/3-12.jpg") no-repeat left top; position: absolute; left: 0px; top: 30%; width: 206px; height: 302px; z-index: 0; }
.qy-box .img-right { background: url("/images/3-11.jpg") no-repeat left bottom; position: absolute; right: 0px; top: 30%; width: 206px; height: 302px; z-index: 0; }
.qy-wrap { width: 1460px; margin: 0 auto; }
.qy-wrap ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.qy-wrap ul li { margin-bottom: 15px; overflow: hidden; position: relative; width: 326px; height: 228px; background: #fff; border-radius: 4px; padding: 10px; }
.qy-wrap ul li:hover { box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); transform: scale(1.1); transition: all 0.6s; }
.qy-wrap ul li img { width: 100% }
.qy-wrap-box { width: 1280px; margin: 0 auto; }
.qy-wrap-box ul { width: 1260px; display: flex; flex-wrap: wrap; padding: 10px; background: rgba(255, 255, 255, 0.48); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; backdrop-filter: blur(6px); justify-content: space-between; }
.qy-wrap-box ul li { overflow: hidden; position: relative; width: 368px; height: 200px; margin-bottom: 15px; }
.qy-wrap-box ul li img { width: 100%; transition: all 0.6s; }
.qy-wrap-box ul li:first-child { width: 49.5%; }
.qy-wrap-box ul li:nth-child(2) { width: 49.5%; }
.qy-wrap-box ul li:nth-child(4) { width: 500px; }
.locationBox { position: relative; margin: 0 auto 135px; display: flex; justify-content: space-between; width: 1462px; height: 600px; background: #FFFFFF; border-radius: 16px; }
.locationBox  .siteLeft { width: 60%; position: relative; overflow: hidden; }
.locationBox  .siteLeft:after { background: url("/images/siteImg@2x.png") no-repeat bottom right; background-size: contain; width: 960px; height: 530px; position: absolute; content: ''; right: -25px; top: -33px; }
.locationBox .siteRight { width: 40%; padding: 0 40px 40px; }
.locationBox dl { }
.locationBox dl dt { font-size: 24px; color: #000; font-weight: bold; letter-spacing: 2px; padding: 20px 0; margin-bottom: 15px; }
.locationBox dl dd { line-height: 24px; letter-spacing: 0.5px; margin: 0; background: #FCFCFC; border-radius: 4px; backdrop-filter: blur(6px); margin-bottom: 16px; padding: 9px 24px; font-size: 16px; color: #464646; }

/*login */
.aui-sign-form { width: 482px; background: #fff; border-radius: 5px; z-index: 1; position: relative; padding: 0 64px; height: 422px; }
.aui-sign-form h1 { text-align: center; font-size: 22px; letter-spacing: 1px; padding: 35px 0; position: relative; color: #262626; }
.aui-sign-form  .auiInput { margin: 0px 0px 24px; background: #fff; height: 46px; border-radius: 4px; border: 1px solid rgba(110, 110, 110, 0.3); display: flex; width: 354px; padding-left: 40px; }
.aui-sign-form  .auiInput:focus { width: 354px; height: 46px; border-radius: 4px; border: 1px solid rgba(249, 58, 11, 0.8); }
.aui-sign-login { width: 354px; height: 48px; background: #F93A0B; border-radius: 4px; border: 0; text-align: center; color: #fff; font-size: 18px; }
.aui-sign-login:hover{opacity: 0.9}
.aui-sign-form .aui-code { position: absolute; right: 0; top: 0px; }
.aui-sign-form .aui-flex-clear { border: none }
.aui-sign-form .aui-flex-clear a { color: #999999; font-size: 0.85rem }
.aui-flex { position: relative; }
.aui-flex-box { font-size: 14px; color: #262626; position: relative; width: 354px; }
.icon { margin: 10px 10px 0px 8px; display: inline-block; position: absolute; }
.layui-layer-iframe iframe,
.layui-layer { border-radius: 10px !important; }
.layui-layer-shade { opacity: 0.6 !important; }
.layui-layer-iframe { left: 50% !important; margin-left: -241px !important; }
.c-pic img { width: 100px; height: 46px; border-radius: 4px; }
.errorMsg { text-align: left; color: #F93A0B; font-weight: normal; margin-bottom: 15px; margin-top: -17px; font-size: 12px; }
.ph-code { position: absolute; right: 12px; top: 9px; border: 0px; color: #F93A0B; padding: 0 10px; width: 90px; height: 28px; background: rgba(249, 58, 11, 0.08); border-radius: 4px;line-height: 28px }
.iphoneCode { position: absolute; right: 12px; top: 9px; border: 0px; color: #FFF; padding: 0 10px; width: 90px; height: 28px; background: #F93A0B; border-radius: 4px;line-height: 28px; }
.topSlogan { float: right; margin-top: 10px; }
.banner-bg4 { position: relative; background: url("/images/2-1.jpg") no-repeat top; width: 100%; height: 468px; overflow: hidden; background-size: cover; }
.banner4-des1 { position: absolute; left: 50%; margin-left: -318px; top: 20% }
.banner4-des2 { position: absolute; left: 50%; margin-left: -138px; bottom: -16px; animation: two 1s infinite; transition: transform 3s ease; }
.banner4-title { text-align: center; width: 100%; font-size: 30px; font-weight: bold; color: #fff; margin-top: 16%; }

/*年度账单*/
.container-fluid { max-width: 1320px; padding: 0; margin: 0 auto }
.header-bg { background: #380000; width: 100%; height: 80px; }
.b-logo { display: inline-block; vertical-align: middle; margin-top: 16px; }
.bill-mid { width: 100%; background: url("/images/bill-index-bg.png") no-repeat; background-size: 100% 100%; height: 825px; }
.frontBox { background: #fdefe5; border-radius: 16px 16px 0 0; position: relative; width: 1180px; margin: 0 auto 20px; padding: 50px; padding-top: 60px; }
.front { position: relative; height: 588px; width: 100% }
.billBg_1 { position: absolute; bottom: 38px; left: 81px; width: 1008px; }
.billBg_2 { position: absolute; bottom: -30px; left: -40px; width: 1100px; }
.billBg_3 { position: absolute; bottom: -25px; right: 0; width: 1170px; z-index: 9; }
.billBg_4 { position: absolute; bottom: -25px; left: 30px; width: 1201px; }
.front .textInfo { letter-spacing: 2px; font-size: 20px; color: #2C1212; line-height: 44px; position: relative; z-index: 999; }
.front .textInfo span { color: #DC271E; font-size: 22px; font-weight: bold; display: inline-block; letter-spacing: 1px; padding: 0 3px }
.front .textInfo.txt1 { position: absolute; left: 40px; top: 35px; }
.front .textInfo.txt2 { position: absolute; left: 68%; top: 260px; }
.front .textInfo.txt3 { position: absolute; left: 5%; top: 305px; }
.front .textInfo.txt4 { position: absolute; right: 2%; top: 344px; }
.bill-mid-wrap { width: 1140px; margin: 0px auto; display: flex; justify-content: space-between; padding: 60px 0; color: #fff; }
.wb_01 { color: #220C0C; font-weight: bold; font-size: 24px; }
.bill-mid-wrap label { margin-right: 30px }
.bill-mid-wrap h2 { margin-top: 15px; font-size: 20px }
.bill-bottom { padding: 103px 100px 0; margin: 0 auto; font-size: 20px; letter-spacing: 2px; line-height: 38px; width: 500px; }
.bill-bottom p { text-align: center }
.bill-bottom span { color: #EE0A24; display: inline-block; font-weight: bold; padding: 0 3px }

.desTop { display: flex; justify-content: space-between; padding: 17px 0; align-items: center; }
.newDesWrap { width: 1200px; margin: 15px auto; min-height: 748px; padding: 20px 0; background: #fff url("/images/desRightBottom.png") no-repeat right bottom }
.videoImg { background: url("/images/video_big@2x.png") no-repeat; width: 747px; height: 479px; background-size: cover; }
.video { margin: 88px 76px; width: 600px; height: 340px; position: relative; z-index: 5; display: block; border-radius: 5px; object-fit: fill }
.case-box { background: #fff; padding-bottom: 20px; }
.smallTitle { width: 342px; height: 108px; background: #FFFFFF; margin: 60px auto; color: #262626; font-size: 24px; text-align: center; line-height: 108px }
.scroll { width: 100%; overflow-x: hidden;/* padding-bottom: 88px; */ }
.scroll>ul { display: flex; padding: 60px 0; height: 280px }
.scroll>ul>li { position: relative; width: 430px !important; height: 228px; margin-bottom: 110px; list-style: none; margin: 0 10px }
.scroll>ul>li img { width: 430px; height: 228px; }
.scroll>ul>li:hover { transform: scale(1.1); transition: all 0.6s; width: 520px !important; height: 268px; }
.scroll>ul>li:hover img { transform: scale(1.1); transition: all 0.6s; margin-left: 45px !important; }
.timelineBox { }
.timeline-item { display: flex; align-items: center; height: 150px; position: relative }
.timeline-item .circle { background: url("/images/circle-grey@2x.png") no-repeat; background-size: contain; width: 36px; height: 36px; margin: 0 32px 0 24px; position: relative; }
.timeline-item h3 { width: 130px; text-align: right; color: #262626; font-size: 24px; letter-spacing: 1px; }
.timeline-item .courseText { height: 48px; background: #FAFAFA; line-height: 48px; padding: 0 16px; font-size: 16px; color: #464646 }
.timeline-item:first-child .topLine { width: 2px; height: 24px; background: #ccc; opacity: 0.5; position: absolute; top: 28px; left: 170px; }
.timeline-item:last-child .topLine { width: 2px; height: 163px; background: #ccc; opacity: 0.5; position: absolute; top: -50px; left: 170px; }
.timeline-item .topLine { width: 2px; height: 100px; background: #ccc; opacity: 0.5; position: absolute; top: -50px; left: 170px; }
.timeline-item:hover .circle { background: url("/images/circle-red@2x.png") no-repeat; background-size: contain; width: 36px; height: 36px; }
.timeline-item:hover .courseText { background: #FDEFEC; color: #F93A0B }
.timeline-item:hover .topLine { background: #F93A0B; }
.timeline-item-sub { display: flex; align-items: center; position: absolute; bottom: -25px; }
.timeline-item-sub .circle { background: #ddd; background-size: contain; width: 12px; height: 12px; margin: 0 32px 0 23px; position: relative; border-radius: 20px; border: 12px solid #fff; z-index: 99; }
.timeline-item-sub h3 { width: 130px; text-align: right; color: #262626; font-size: 24px; letter-spacing: 1px; }
.timeline-item-sub .courseText { height: 48px; background: #FAFAFA; line-height: 48px; padding: 0 16px; font-size: 16px; color: #464646 }
.timeline-item:hover  .timeline-item-sub .circle { background: #F93A0B; width: 12px; height: 12px; margin: 0 32px 0 23px; position: relative; border-radius: 20px; border: 12px solid #fff; }
.loginPop .layui-layer-ico.layui-layer-close { right: 3px; top: 1px; background: url("../../images/login-close@2x.png") no-repeat; width: 32px; height: 32px; background-size: contain }
.loginPop .layui-layer-ico.layui-layer-close:hover { background: url("../../images/login-close@2x.png") no-repeat; width: 32px; height: 32px; background-size: contain }
.iheader { width: 100%; height: 64px; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(236, 236, 236, 0.5); margin-bottom: 20px }
.wrapTop { width: 1380px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 64px; }
.wrapBox { width: 1380px; margin: 0 auto; background: url("../../images/regBg@2x.png") no-repeat; height: 836px; background-size: contain; }

/*注册流程问题搜集*/
.choose-title { font-size: 22px; padding: 40px 0 90px 36px; color: #262626; display: flex; align-items: center; font-weight: bold; }
.choose-title img { width: 24px; height: 56px; display: inline-block; margin-right: 15px; }
.choose-text-one { font-size: 14px; color: #262626; text-align: center; margin-bottom: 20px; }
.choose-text-two { font-size: 16px; color: #262626; text-align: center; margin-bottom: 34px;  }
.choose-info,
.choose-operate { width: 320px; margin: 0 auto; }
.choose-info li { margin-bottom: 32px; cursor: pointer; color: #262626; width: 320px; height: 48px; border-radius: 4px; border: 1px solid rgba(110, 110, 110, 0.3); line-height: 48px; text-align: center; }
.choose-info li:hover{border: 1px solid #F93A0B;color:#F93A0B}
.choose-info li.active { border: 1px solid #F93A0B; color: #F93A0B; }
.choose-operate { display: flex; margin-top: 20px; justify-content: center; }
.choose-operate a { font-size: 14px; display: inline-block; text-align: center; line-height: 40px; margin: 0 12px; }
.choose-operate a.previous { width: 100px; height: 40px; background: #FFFFFF; border-radius: 4px; border: 1px solid #AEAEAE; color: #464646; }
.choose-operate a.next { color: #fff; width: 100px; height: 40px; background: #F93A0B; border-radius: 4px; }
.choose-operate a.previous:hover{border: 1px solid #F93A0B; color: #F93A0B;}
.choose-operate a.next:hover{color: #fff;opacity: 0.9}

.choose-info-box { width: 674px; display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: flex-start; }
.choose-info-box li.textShort { width: 100px; border: 1px solid #c9c9c9; border-radius: 4px; display: inline-block; line-height: 40px; margin: 0 5px 15px; background: #fff; font-size: 14px; text-align: center; cursor: pointer; }
.choose-info-box li.textLong { width: 200px; border-radius: 4px; display: inline-block; line-height: 48px; margin: 0 12px 24px; background: #fff; font-size: 14px; text-align: center; cursor: pointer; border: 1px solid rgba(110, 110, 110, 0.3); color: #262626; }
.choose-info-box li:hover{border: 1px solid #F93A0B;color:#F93A0B}
.choose-info-box li.active { border: 1px solid #f93a0b; color: #f93a0b; }
.choose-infoSite-box { width: 660px; display: flex; flex-wrap: wrap; margin: 0 auto; }
.choose-infoSite-box li { width: 200px; border: 1px solid #c9c9c9; border-radius: 4px; display: inline-block; line-height: 40px; margin: 0 5px 15px; background: #fff; font-size: 14px; text-align: center; cursor: pointer; }
.choose-infoSite-box li.active { border: 1px solid #e7203d; color: #e7203d }
.choose-textarea { margin: 0 auto 32px; display: block; padding: 10px; color: #999; width: 620px; height: 143px; border-radius: 4px; border: 1px solid rgba(110, 110, 110, 0.3); }
.realN-tishi { color: #666; font-size: 13px; line-height: 22px; margin-top: -8px; }
.realN-scan { text-align: center }
.realN-scan .imgStatus { margin-bottom: 30px }
.realN-scan-code { width: 240px; height: 240px; margin: 0px auto 30px; background: #f8f8f8 }
.realN-scan-code canvas { width: 240px; height: 240px; }
.realN-scan p.t1 { color: #666; font-size: 12px; margin-bottom: 6px; }
.realN-info,
.realN-btn { width: 25%; margin: 0 auto; }
.realN-info li { width: 100%; text-align: left; color: #666; font-size: 12px; margin-bottom: 5px; }
.realN-info li label { width: 40%; text-align: right; }
.realN-btn { background: #e7203d; height: 48px; color: #fff; margin-top: 30px; }
.realN-btn:hover { color: #fff }
.realN-consult { margin-top: 30px }
.realN-consult span { margin-right: 30px }
.realN-consult span img { width: 82px; height: 23px; }
.img_intro { display: inline-block }
.realN-operate a { border-radius: 3px; display: inline-block; padding: 12px 34px; }
.realN-operate a.previous { background: #eff0f6; text-align: center; color: #3e6df3; margin-right: 20px }
.realN-operate a.next { background: #3e6df3; text-align: center; color: #fff }

/*注册*/
.mod-reg { }
.mod-reg .form-group { display: flex; align-items: center; width: 62%; margin: 0 auto 24px; }
.mod-reg .form-group .form-control.error { border: 1px solid #f00; }
.mod-reg .form-group .form-control.focus { border: 1px solid #5d95f7; }
.mod-reg .form-group .formInput { position: relative; width: 354px; height: 48px; border-radius: 4px; border: 1px solid rgba(110, 110, 110, 0.3);color: #262626 }
.mod-reg .form-group label { width: 300px; text-align: right }
.mod-reg .form-group .dotred { color: #f00; margin-right: 5px; }
.mod-reg .form-group .reg-btn { background: #f93a0b; height: 48px; color: #fff; text-align: center; width: 354px; margin-left: 300px; border-radius: 4px; border: 0 }
.mod-reg .form-group .reg-btn:hover { opacity: 0.9 }
.logText { font-size: 16px; width: 124px; height: 40px; background: #F93A0B; border-radius: 8px; display: inline-block; text-align: center; line-height: 40px; color: #fff; }
.logText:hover{color: #fff;
    opacity: 0.9;}
.mod-reg .form-group .authCode,
.mod-reg .form-group .phoneCode { position: absolute; right:0px; top:0px; border: 0px; }

.mod-reg .form-group .reminder { line-height: 40px; color: #f93a0b; margin-left: 10px; }
.checkReg { margin-left: 300px; color: #6E6E6E; width: 354px; display: flex; align-items: flex-start; margin-top: -8px; font-size: 14px; line-height: 21px; }
.checkReg a { color: #F93A0B }
.checkReg .agree-checkbox { margin-right: 5px; display: inline-block }



.layui-layer{border-radius:8px;background: #fff!important;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:rgba(38,38,38,0.40);font-size:14px;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:rgba(38,38,38,0.40);font-size:14px;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:rgba(38,38,38,0.40);font-size:14px;}