@charset "UTF-8"; /* line 1, ../scss/framework/_display.scss */ .flex, .btn-row, body .btn-row, body .page-content .price .block-wrap .first, body .page-content .price .block-wrap .first .text-container, body .page-content .price .block-wrap .first .point-container, body .page-content .price .block-wrap .first .point-container .point, body .page-content .price .block-wrap .first .point-container .point div, body .page-content .select-dialog, body .page-content .select-dialog .select-dialog-container, body .page-content .select-dialog .select-dialog-container a, body .page-content .select-dialog .select-dialog-container .select-title, body .page-content .select-dialog .select-dialog-container .month-container, body .page-content .select-dialog .select-dialog-container .month-container > div, body .page-content .select-dialog .select-dialog-container .month-container .month, body .page-content .select-dialog .select-dialog-container .month-container .month div, body .page-content .select-dialog .select-dialog-container .btn-container, body .page-content .mainPage .video-list .container .content .row, body .page-content .mainPage .video-list .container .content .row .video-div, body .page-content .question .block div span, body .page-content .bookingDemo, body .page-content .bookingDemo .top-wrap .top, body .page-content .about-us .block.five .content, body .page-content .about-us .block.five .content .section, body .page-content .minor_enterprises .block-row .block, body .page-content .minor_enterprises .block-row .block .user-num, body .page-content .freeze .block-row .block, body .page-content .freeze .block-row.top .block, body .page-content .metals .block-row .block, body .page-content .metals .block-row .block .user-num, body .page-content .metals .block-row.top .block, body .page-content .client-case .block.top, body .page-content .agency .section-one .section-one-banner, body .copyright { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } /* line 1, ../scss/framework/_button.scss */ .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; outline: none; } /* line 23, ../scss/framework/_button.scss */ .btn.btn-red { background: #F24C3D; color: white; } /* line 26, ../scss/framework/_button.scss */ .btn.btn-red:hover { background-color: #f03625; } /* line 29, ../scss/framework/_button.scss */ .btn.btn-red:active { background-color: #d41f0e; } /* line 33, ../scss/framework/_button.scss */ .btn.btn-red.btn-none.green { border-color: #F24C3D; color: #000000; margin: 0 auto; } /* line 37, ../scss/framework/_button.scss */ .btn.btn-red.btn-none.green:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } /* line 45, ../scss/framework/_button.scss */ .btn.btn-blue { background: #32B3F1; color: white; } /* line 48, ../scss/framework/_button.scss */ .btn.btn-blue:hover { background-color: #f03625; } /* line 51, ../scss/framework/_button.scss */ .btn.btn-blue:active { background-color: #d41f0e; } /* line 55, ../scss/framework/_button.scss */ .btn.btn-blue.btn-none.green { border-color: #F24C3D; color: #000000; margin: 0 auto; } /* line 59, ../scss/framework/_button.scss */ .btn.btn-blue.btn-none.green:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } /* line 71, ../scss/framework/_button.scss */ .btn-row.center { justify-content: center; } /* line 3, ../scss/global.scss */ body { display: flex; flex-flow: column; align-items: center; font-family: "Microsoft YaHei"; } /* line 8, ../scss/global.scss */ body header { height: 70px; width: 100%; position: fixed; z-index: 999; top: 0; right: 0; left: 0; background: white; border-bottom: 1px solid #ccc; display: flex; justify-content: center; } /* line 20, ../scss/global.scss */ body header .border-link { border: 1px solid #6d6f7b; border-radius: 5px; } /* line 24, ../scss/global.scss */ body header .head { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 1024px) { /* line 24, ../scss/global.scss */ body header .head { width: 920px; } } @media screen and (min-width: 1366px) and (max-width: 1920px) { /* line 24, ../scss/global.scss */ body header .head { width: 1200px; } } @media screen and (min-width: 1920px) { /* line 24, ../scss/global.scss */ body header .head { width: 1400px; } } /* line 38, ../scss/global.scss */ body header .head .logo img { width: 80px; } /* line 42, ../scss/global.scss */ body header .head .title-bar { flex: 1; } /* line 44, ../scss/global.scss */ body header .head .title-bar .nav { height: 100%; align-items: center; width: 100%; display: flex; justify-content: flex-end; } /* line 45, ../scss/global.scss */ body header .head .title-bar .nav a { text-align: left; display: block; width: 100%; height: 100%; color: #6d6f7b; } /* line 51, ../scss/global.scss */ body header .head .title-bar .nav a:hover { color: #333; } /* line 60, ../scss/global.scss */ body header .head .title-bar .nav > li { font-size: 20px; text-align: center; cursor: pointer; margin-left: 10px; position: relative; } /* line 66, ../scss/global.scss */ body header .head .title-bar .nav > li > a { padding: 5px 20px; display: inline-block; width: 100%; height: 100%; } /* line 72, ../scss/global.scss */ body header .head .title-bar .nav > li > a:hover { color: #1c1c9e; } /* line 75, ../scss/global.scss */ body header .head .title-bar .nav > li.border-link:hover { border-color: #1c1c9e; } /* line 78, ../scss/global.scss */ body header .head .title-bar .nav > li .menu { transition: opacity 0.5s; padding: 10px 0; border: 1px solid #ccc; width: 120px; position: absolute; top: 77px; left: -5px; border-radius: 5px; background-color: #fff; font-size: 16px; overflow: hidden; display: none; } /* line 92, ../scss/global.scss */ body header .head .title-bar .nav > li .menu ul li { padding: 8px 10px; text-align: left; } /* line 95, ../scss/global.scss */ body header .head .title-bar .nav > li .menu ul li:hover { background-color: #eee; } /* line 100, ../scss/global.scss */ body header .head .title-bar .nav > li .menu.menu-show { display: block; } /* line 106, ../scss/global.scss */ body header .head .title-bar .nav .main-color { margin-right: 8px; color: #6d6f7b; } /* line 1, ../scss/framework/_display.scss */ body .flex, body .btn-row, body .page-content .price .block-wrap .first, body .page-content .price .block-wrap .first .text-container, body .page-content .price .block-wrap .first .point-container, body .page-content .price .block-wrap .first .point-container .point, body .page-content .price .block-wrap .first .point-container .point div, body .page-content .select-dialog, body .page-content .select-dialog .select-dialog-container, body .page-content .select-dialog .select-dialog-container a, body .page-content .select-dialog .select-dialog-container .select-title, body .page-content .select-dialog .select-dialog-container .month-container, body .page-content .select-dialog .select-dialog-container .month-container > div, body .page-content .select-dialog .select-dialog-container .month-container .month, body .page-content .select-dialog .select-dialog-container .month-container .month div, body .page-content .select-dialog .select-dialog-container .btn-container, body .page-content .mainPage .video-list .container .content .row, body .page-content .mainPage .video-list .container .content .row .video-div, body .page-content .question .block div span, body .page-content .bookingDemo, body .page-content .bookingDemo .top-wrap .top, body .page-content .about-us .block.five .content, body .page-content .about-us .block.five .content .section, body .page-content .minor_enterprises .block-row .block, body .page-content .minor_enterprises .block-row .block .user-num, body .page-content .freeze .block-row .block, body .page-content .freeze .block-row.top .block, body .page-content .metals .block-row .block, body .page-content .metals .block-row .block .user-num, body .page-content .metals .block-row.top .block, body .page-content .client-case .block.top, body .page-content .agency .section-one .section-one-banner, body .copyright { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } /* line 1, ../scss/framework/_button.scss */ body .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; outline: none; } /* line 23, ../scss/framework/_button.scss */ body .btn.btn-red { background: #F24C3D; color: white; } /* line 26, ../scss/framework/_button.scss */ body .btn.btn-red:hover { background-color: #f03625; } /* line 29, ../scss/framework/_button.scss */ body .btn.btn-red:active { background-color: #d41f0e; } /* line 33, ../scss/framework/_button.scss */ body .btn.btn-red.btn-none.green { border-color: #F24C3D; color: #000000; margin: 0 auto; } /* line 37, ../scss/framework/_button.scss */ body .btn.btn-red.btn-none.green:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } /* line 45, ../scss/framework/_button.scss */ body .btn.btn-blue { background: #32B3F1; color: white; } /* line 48, ../scss/framework/_button.scss */ body .btn.btn-blue:hover { background-color: #f03625; } /* line 51, ../scss/framework/_button.scss */ body .btn.btn-blue:active { background-color: #d41f0e; } /* line 55, ../scss/framework/_button.scss */ body .btn.btn-blue.btn-none.green { border-color: #F24C3D; color: #000000; margin: 0 auto; } /* line 59, ../scss/framework/_button.scss */ body .btn.btn-blue.btn-none.green:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } /* line 71, ../scss/framework/_button.scss */ body .btn-row.center { justify-content: center; } /* line 5, ../scss/module/_register.scss */ body body { margin-top: 0; } /* line 9, ../scss/module/_register.scss */ body .registerWindows { width: 100%; height: 100%; background: url("../img/register.jpg") no-repeat; background-size: cover; display: flex; justify-content: center; } /* line 22, ../scss/framework/_common.scss */ body .registerWindows input[type=number] { -moz-appearance: textfield; } /* line 25, ../scss/framework/_common.scss */ body .registerWindows input[type=number]::-webkit-inner-spin-button, body .registerWindows input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* line 17, ../scss/module/_register.scss */ body .registerWindows .bigWindows { align-self: center; width: 1025px; height: 600px; text-align: center; color: white; } /* line 23, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input { margin: 0 auto; width: 350px; height: 400px; } /* line 27, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .serviceContent { text-align: left; margin: 5px 0 0 10px; width: 100%; height: 30px; font-size: 18px; } /* line 28, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .serviceContent input[type=checkbox] { width: 16px; height: 16px; position: relative; top: 3px; margin-right: 5px; } /* line 35, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .serviceContent a { margin-left: 2px; color: #71d4e3; } /* line 38, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .serviceContent a:hover { color: #2aabd2; } /* line 48, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input h5 { font-size: 26px; } /* line 51, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .smallTittle { text-align: left; font-size: 18px; margin-top: 40px; } /* line 57, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .getAuth, body .registerWindows .bigWindows .windows-input .first-register .resSub, body .registerWindows .bigWindows .windows-input .first-register .back { cursor: pointer; } /* line 61, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .phoneNum, body .registerWindows .bigWindows .windows-input .first-register .getAuth, body .registerWindows .bigWindows .windows-input .first-register .resSub, body .registerWindows .bigWindows .windows-input .first-register .back { background-color: #fff; outline: none; box-sizing: content-box; width: 300px; height: 40px; padding: 5px 25px; border-radius: 10px; margin-top: 10px; line-height: 40px; text-align: center; font-size: 18px; border: 1px solid transparent; } /* line 75, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .phoneNum:focus { border: 1px solid #f25749; } /* line 78, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .verifyCode { width: 100%; height: 58px; display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } /* line 85, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .verifyCode input[type=text] { background-color: #fff; outline: none; box-sizing: content-box; height: 40px; padding: 5px 25px; border-radius: 10px; line-height: 40px; text-align: center; font-size: 18px; border: 1px solid transparent; width: 35%; } /* line 98, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .verifyCode img { height: 50px; display: inline-block; margin-left: 10px; width: 45%; } /* line 106, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .getAuth { color: #f25749; font-weight: 600; } /* line 110, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .getAuth:hover { background-color: #f5f5f5; } /* line 113, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .resSub { display: block; background-color: #f25749; color: white; } /* line 118, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .first-register .resSub:hover { background-color: #f24446; } /* line 122, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register { display: none; } /* line 124, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register .phoneNum, body .registerWindows .bigWindows .windows-input .second-register .passwordNum, body .registerWindows .bigWindows .windows-input .second-register .authNum, body .registerWindows .bigWindows .windows-input .second-register .againSend, body .registerWindows .bigWindows .windows-input .second-register .registerSub { outline: none; background-color: #fff; display: inline-block; height: 50px; width: 100%; margin-top: 8px; border-radius: 5px; border: none; text-align: center; font-size: 18px; } /* line 136, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register .sectionAuth { width: 100%; height: 50px; display: flex; justify-content: space-around; } /* line 141, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register .sectionAuth .authNum, body .registerWindows .bigWindows .windows-input .second-register .sectionAuth .againSend { width: 48%; margin-top: 8px; height: 40px; } /* line 146, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register .sectionAuth .againSend { color: #f25749; } /* line 150, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register .registerSub { margin-top: 10px; background-color: #f25749; color: #fff; } /* line 155, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register .registerSub:hover { background-color: #f24446; } /* line 158, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .second-register .registerSub, body .registerWindows .bigWindows .windows-input .second-register .againSend { font-size: 16px; cursor: pointer; } /* line 164, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .back { display: block; background-color: transparent; font-size: 30px; color: #71d4e3; margin: 20px auto 0; border: none; cursor: pointer; outline: none; } /* line 174, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input .inputError { display: none; padding-top: 10px; color: #71d4e3; font-size: 18px; text-align: left; line-height: 20px; height: 25px; text-indent: 10px; } /* line 184, ../scss/module/_register.scss */ body .registerWindows .bigWindows .windows-input span { display: block; margin-top: 30px; font-size: 16px; text-align: center; color: #bbb; } /* line 7, ../scss/framework/_common.scss */ body .registerWindows .bigWindows .windows-input span i { display: inline-block; width: 100px; border-bottom: 1px solid #bbb; position: relative; top: -6px; } /* line 14, ../scss/framework/_common.scss */ body .registerWindows .bigWindows .windows-input span .iLf { margin-right: 10px; } /* line 17, ../scss/framework/_common.scss */ body .registerWindows .bigWindows .windows-input span .iRg { margin-left: 10px; } /* line 5, ../scss/module/_login.scss */ body .loginWindows { color: #fff; width: 100%; background: url("../img/login.jpg") no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; } /* line 22, ../scss/framework/_common.scss */ body .loginWindows input[type=number] { -moz-appearance: textfield; } /* line 25, ../scss/framework/_common.scss */ body .loginWindows input[type=number]::-webkit-inner-spin-button, body .loginWindows input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* line 14, ../scss/module/_login.scss */ body .loginWindows button { outline: none; } /* line 17, ../scss/module/_login.scss */ body .loginWindows .windows { text-align: center; font-size: 15px; } /* line 20, ../scss/module/_login.scss */ body .loginWindows .windows h5 { font-size: 26px; padding-bottom: 30px; } /* line 24, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay { width: 350px; height: auto; } /* line 27, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay p { text-align: left; font-size: 16px; padding-bottom: 5px; } /* line 32, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay #creatorLogin { color: #f25749; } /* line 35, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay button, body .loginWindows .windows .select-loginWay a { border-radius: 5px; margin-top: 20px; } /* line 39, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay .haveNum { background-color: #f25749; color: #fff; } /* line 43, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay .haveNum:hover { background-color: #f24446; } /* line 46, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay #creatorLogin, body .loginWindows .windows .select-loginWay #staffLogin { box-sizing: border-box; width: 100%; height: 40px; padding: 5px 20px; cursor: pointer; background-color: #fff; border: none; } /* line 55, ../scss/module/_login.scss */ body .loginWindows .windows .select-loginWay #creatorLogin:hover, body .loginWindows .windows .select-loginWay #staffLogin:hover { background-color: #ddd; } /* line 59, ../scss/module/_login.scss */ body .loginWindows .windows .login-input { display: none; width: 350px; height: auto; } /* line 63, ../scss/module/_login.scss */ body .loginWindows .windows .login-input p { text-align: left; font-size: 18px; margin-top: 10px; } /* line 68, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .username, body .loginWindows .windows .login-input .password { margin-top: 10px; } /* line 71, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .verifyCode { width: 100%; height: 44px; display: none; align-items: center; justify-content: space-between; margin-top: 15px; } /* line 78, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .verifyCode input[type=text] { background-color: #fff; outline: none; box-sizing: content-box; height: 30px; padding: 5px 25px; border-radius: 5px; line-height: 40px; text-align: center; font-size: 18px; border: 1px solid transparent; width: 35%; } /* line 91, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .verifyCode img { height: 40px; display: inline-block; margin-left: 10px; width: 45%; } /* line 99, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .loginSub { color: #fff; margin-top: 30px; background-color: #f25749; font-size: 20px; cursor: pointer; } /* line 106, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .loginSub:hover { background-color: #f24446; } /* line 109, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .username, body .loginWindows .windows .login-input .password, body .loginWindows .windows .login-input .loginSub, body .loginWindows .windows .login-input .changeLoginWay { display: block; border: none; text-align: center; box-sizing: border-box; width: 100%; height: 40px; padding: 5px 20px; border-radius: 5px; } /* line 119, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .changeLoginWay { margin-top: 20px; font-size: 14px; color: #71d4e3; background-color: transparent; cursor: pointer; } /* line 126, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .select-remember { width: 100%; display: flex; height: 20px; justify-content: space-between; margin-top: 5px; } /* line 132, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .select-remember label { font-size: 16px; } /* line 135, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .select-remember .rememberNum { text-align: left; } /* line 138, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .select-remember input[type="checkbox"] { width: 20px; height: 20px; position: relative; top: 5px; margin-right: 5px; } /* line 146, ../scss/module/_login.scss */ body .loginWindows .windows .login-input span { display: block; margin-top: 10px; font-size: 16px; text-align: center; color: #fff; } /* line 7, ../scss/framework/_common.scss */ body .loginWindows .windows .login-input span i { display: inline-block; width: 100px; border-bottom: 1px solid #fff; position: relative; top: -6px; } /* line 14, ../scss/framework/_common.scss */ body .loginWindows .windows .login-input span .iLf { margin-right: 10px; } /* line 17, ../scss/framework/_common.scss */ body .loginWindows .windows .login-input span .iRg { margin-left: 10px; } /* line 149, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .resCreateNum, body .loginWindows .windows .login-input .forgetSub { position: relative; margin-top: 10px; cursor: pointer; border: none; background-color: #fff; width: 40%; height: 50px; line-height: 50px; font-size: 16px; display: inline-block; color: black; } /* line 161, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .resCreateNum:hover, body .loginWindows .windows .login-input .forgetSub:hover { background-color: #f5f5f5; } /* line 168, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .resCreateNum { left: 5px; border-radius: 5px 0 0 5px; } /* line 172, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .forgerPassword:before { content: "|"; position: relative; right: 35px; } /* line 177, ../scss/module/_login.scss */ body .loginWindows .windows .login-input .forgerPassword { right: 5px; border-radius: 0 5px 5px 0; } /* line 182, ../scss/module/_login.scss */ body .loginWindows .windows .third-login { display: none; width: 350px; height: auto; } /* line 186, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .nickName, body .loginWindows .windows .third-login .companyName, body .loginWindows .windows .third-login .industryName, body .loginWindows .windows .third-login .third-next, body .loginWindows .windows .third-login .where, body .loginWindows .windows .third-login .whereKnow { text-align: center; box-sizing: border-box; width: 100%; border-radius: 5px; height: 40px; padding: 5px 20px; margin-top: 5px; font-size: 16px; } /* line 196, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .smallTittle { text-align: left; } /* line 199, ../scss/module/_login.scss */ body .loginWindows .windows .third-login button { border: none; background-color: #fff; } /* line 203, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where { position: relative; padding: 0; display: flex; justify-content: space-between; border-radius: 5px; overflow: hidden; } /* line 210, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where .province, body .loginWindows .windows .third-login .where .city { position: absolute; background-color: transparent; text-align: center; display: inline-block; width: 172px; height: 100%; padding: 0 2%; border: 0; outline: none; -moz-appearance: none; -webkit-appearance: none; color: #999; } /* line 224, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where .province option, body .loginWindows .windows .third-login .where .city option { text-align: center; width: 171px; overflow: hidden; } /* line 230, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where .province { top: 0; left: 0; } /* line 234, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where .city { top: 0; right: 0; } /* line 238, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where .provinceArrow, body .loginWindows .windows .third-login .where .cityArrow { background-color: #fff; width: 165px; font-size: 16px; padding-right: 6px; color: #666; display: flex; align-items: center; justify-content: flex-end; } /* line 257, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where .province { margin-left: 2px; border-radius: 5px 0 0 5px; } /* line 261, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where .city { margin-right: 2px; border-radius: 0 5px 5px 0; } /* line 265, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .where select::-ms-expand { display: none; } /* line 269, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .whereKnow { padding: 10px 0 0 0; height: 100px; } /* line 272, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .whereKnow p { font-size: 18px; text-align: left; color: #71d4e3; } /* line 277, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .whereKnow .know-select { margin-top: 8px; font-size: 16px; } /* line 280, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .whereKnow .know-select label { margin-top: 10px; text-align: left; display: inline-block; height: 20px; flex: 1; width: 33%; float: left; } /* line 288, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .whereKnow .know-select label input { position: relative; top: 4px; width: 18px; height: 18px; } /* line 297, ../scss/module/_login.scss */ body .loginWindows .windows .third-login .third-next { background-color: #f25749; font-size: 18px; color: white; margin-top: 10px; cursor: pointer; } /* line 305, ../scss/module/_login.scss */ body .loginWindows .windows .select-version { display: none; box-sizing: border-box; width: 1025px; height: 600px; background-color: rgba(63, 75, 84, 0.9); border-radius: 5px; } /* line 312, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-back { width: 80px; height: 50px; background-color: transparent; color: #71d4e3; border: none; font-size: 20px; margin-left: 940px; cursor: pointer; } /* line 322, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-back:hover { background-color: #3f4b54; } /* line 325, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-tittle { text-align: center; font-size: 20px; margin-top: 20px; } /* line 330, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-yiqiji, body .loginWindows .windows .select-version .select-jinxiaocun { margin-top: 40px; padding: 0 40px; width: 350px; height: 390px; display: inline-block; } /* line 336, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-yiqiji img, body .loginWindows .windows .select-version .select-jinxiaocun img { width: 350px; height: 200px; } /* line 340, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-yiqiji p, body .loginWindows .windows .select-version .select-jinxiaocun p { margin: 40px 0; font-size: 18px; text-align: left; text-indent: 37px; } /* line 346, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-yiqiji button, body .loginWindows .windows .select-version .select-jinxiaocun button { width: 180px; height: 50px; background-color: #f25749; color: #fff; border: none; border-radius: 8px; font-size: 20px; cursor: pointer; } /* line 356, ../scss/module/_login.scss */ body .loginWindows .windows .select-version .select-yiqiji button:hover, body .loginWindows .windows .select-version .select-jinxiaocun button:hover { background-color: #f24446; } /* line 361, ../scss/module/_login.scss */ body .loginWindows .windows .inputError { display: none; color: #71d4e3; font-size: 20px; margin-top: 10px; text-align: left; } /* line 368, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password { display: none; width: 350px; } /* line 371, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password .getAuth, body .loginWindows .windows .forget-password .resSub, body .loginWindows .windows .forget-password .back { cursor: pointer; } /* line 374, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password .phoneNum, body .loginWindows .windows .forget-password .getAuth, body .loginWindows .windows .forget-password .resSub, body .loginWindows .windows .forget-password .back { background-color: #fff; outline: none; box-sizing: content-box; width: 300px; height: 40px; padding: 5px 25px; border-radius: 10px; margin-top: 20px; line-height: 40px; text-align: center; font-size: 18px; border: 1px solid transparent; } /* line 388, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password .phoneNum:focus { border: 1px solid #f25749; } /* line 391, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password .getAuth { color: #fff; background-color: #f25749; font-weight: 600; } /* line 396, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password .getAuth:hover { background-color: #f24446; } /* line 400, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input { display: none; width: 350px; } /* line 403, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input .phoneNum, body .loginWindows .windows .forget-password-input .passwordNum, body .loginWindows .windows .forget-password-input .authNum, body .loginWindows .windows .forget-password-input .againSend, body .loginWindows .windows .forget-password-input .forget-sub { outline: none; background-color: #fff; display: inline-block; height: 50px; width: 100%; margin-top: 8px; border-radius: 5px; border: none; text-align: center; font-size: 18px; } /* line 415, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input .sectionAuth { width: 100%; height: 50px; display: flex; justify-content: space-around; } /* line 420, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input .sectionAuth .authNum, body .loginWindows .windows .forget-password-input .sectionAuth .againSend { width: 48%; margin-top: 8px; height: 40px; } /* line 425, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input .sectionAuth .againSend { color: #f25749; } /* line 429, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input .forget-sub { margin-top: 10px; background-color: #f25749; color: #fff; } /* line 434, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input .forget-sub:hover { background-color: #f24446; } /* line 437, ../scss/module/_login.scss */ body .loginWindows .windows .forget-password-input .forget-sub, body .loginWindows .windows .forget-password-input .againSend { font-size: 16px; cursor: pointer; } /* line 443, ../scss/module/_login.scss */ body .loginWindows .windows span { display: block; margin-top: 20px; font-size: 16px; text-align: center; color: #fff; } /* line 7, ../scss/framework/_common.scss */ body .loginWindows .windows span i { display: inline-block; width: 100px; border-bottom: 1px solid #fff; position: relative; top: -6px; } /* line 14, ../scss/framework/_common.scss */ body .loginWindows .windows span .iLf { margin-right: 10px; } /* line 17, ../scss/framework/_common.scss */ body .loginWindows .windows span .iRg { margin-left: 10px; } /* line 446, ../scss/module/_login.scss */ body .loginWindows .windows a { display: block; width: 100%; height: 50px; line-height: 50px; } /* line 452, ../scss/module/_login.scss */ body .loginWindows .windows .back { cursor: pointer; border: none; background-color: transparent; color: #71d4e3; margin-top: 10px; font-size: 22px; } /* line 5, ../scss/module/_experience.scss */ body body { margin-top: 0; } /* line 8, ../scss/module/_experience.scss */ body .experienceWindows { width: 100%; height: 100%; background: url("../img/login.jpg") no-repeat; background-size: cover; display: flex; justify-content: center; } /* line 22, ../scss/framework/_common.scss */ body .experienceWindows input[type=number] { -moz-appearance: textfield; } /* line 25, ../scss/framework/_common.scss */ body .experienceWindows input[type=number]::-webkit-inner-spin-button, body .experienceWindows input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* line 16, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows { align-self: center; width: 1025px; height: 600px; text-align: center; color: white; } /* line 22, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input { margin: 0 auto; width: 350px; height: 400px; } /* line 26, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input h5 { font-size: 26px; } /* line 29, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .smallTittle { text-align: left; font-size: 18px; margin-top: 40px; } /* line 35, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .getAuth, body .experienceWindows .bigWindows .windows-input .experience .resSub, body .experienceWindows .bigWindows .windows-input .experience .back { cursor: pointer; } /* line 38, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .phoneNum, body .experienceWindows .bigWindows .windows-input .experience .getAuth, body .experienceWindows .bigWindows .windows-input .experience .resSub, body .experienceWindows .bigWindows .windows-input .experience .back { background-color: #fff; outline: none; box-sizing: content-box; width: 300px; height: 40px; padding: 5px 25px; border-radius: 10px; margin-top: 10px; line-height: 40px; text-align: center; font-size: 18px; border: 1px solid transparent; } /* line 52, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .authNum, body .experienceWindows .bigWindows .windows-input .experience .againSend { outline: none; background-color: #fff; display: inline-block; height: 50px; width: 100%; margin-top: 8px; border-radius: 5px; border: none; text-align: center; font-size: 18px; } /* line 64, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .sectionAuth { width: 100%; height: 50px; display: flex; justify-content: space-around; } /* line 69, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .sectionAuth .authNum, body .experienceWindows .bigWindows .windows-input .experience .sectionAuth .againSend { width: 48%; margin-top: 8px; height: 40px; } /* line 74, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .sectionAuth .againSend { cursor: pointer; color: #f25749; } /* line 78, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .sectionAuth .againSend:hover { background: #eee; } /* line 82, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .phoneNum:focus { border: 1px solid #f25749; } /* line 85, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .getAuth { color: #f25749; font-weight: 600; } /* line 89, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .getAuth:hover { background-color: #f5f5f5; } /* line 92, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .resSub { display: block; background-color: #f25749; color: white; } /* line 97, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .experience .resSub:hover { background-color: #f24446; } /* line 101, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .back { display: block; background-color: transparent; font-size: 30px; color: #71d4e3; margin: 20px auto 0; border: none; cursor: pointer; outline: none; } /* line 111, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input .inputError { display: none; padding-top: 10px; color: #71d4e3; font-size: 18px; text-align: left; line-height: 20px; height: 25px; text-indent: 10px; } /* line 121, ../scss/module/_experience.scss */ body .experienceWindows .bigWindows .windows-input span { display: block; margin-top: 30px; font-size: 16px; text-align: center; color: #bbb; } /* line 7, ../scss/framework/_common.scss */ body .experienceWindows .bigWindows .windows-input span i { display: inline-block; width: 100px; border-bottom: 1px solid #bbb; position: relative; top: -6px; } /* line 14, ../scss/framework/_common.scss */ body .experienceWindows .bigWindows .windows-input span .iLf { margin-right: 10px; } /* line 17, ../scss/framework/_common.scss */ body .experienceWindows .bigWindows .windows-input span .iRg { margin-left: 10px; } /* line 118, ../scss/global.scss */ body .page-content { margin-top: 70px; width: 100%; } /* line 121, ../scss/global.scss */ body .page-content.all-height { margin-top: 0; } /* line 1, ../scss/module/_hintUpdate.scss */ body .page-content html { width: 100%; height: 100%; } /* line 3, ../scss/module/_hintUpdate.scss */ body .page-content body { width: 100%; height: 100%; background-size: cover; /*这里设置了背景图片为覆盖，以填满整个容器*/ } /* line 7, ../scss/module/_hintUpdate.scss */ body .page-content .hint-update { width: 1000px; height: 800px; background: url("../img/hintUpdate.png"); } @media (max-width: 1024px) { /* line 4, ../scss/module/_home.scss */ body .page-content .home .home-section-one, body .page-content .home .home-section-two, body .page-content .home .home-section-four { width: 920px; margin: 0 auto; } /* line 8, ../scss/module/_home.scss */ body .page-content .home .big-title { font-size: 34px; } /* line 11, ../scss/module/_home.scss */ body .page-content .home .middle-title { font-size: 25px; } /* line 14, ../scss/module/_home.scss */ body .page-content .home .small-title { font-size: 18px; } /* line 17, ../scss/module/_home.scss */ body .page-content .home .text { font-size: 15px; } /* line 20, ../scss/module/_home.scss */ body .page-content .home .big-text { font-size: 18px; } /* line 23, ../scss/module/_home.scss */ body .page-content .home .input-group-one { font-size: 18px; } /* line 25, ../scss/module/_home.scss */ body .page-content .home .input-group-one input { width: 280px; height: 40px; } /* line 29, ../scss/module/_home.scss */ body .page-content .home .input-group-one button { width: 130px; height: 40px; } } @media (min-width: 1025px) and (max-width: 1920px) { /* line 36, ../scss/module/_home.scss */ body .page-content .home .home-section-one, body .page-content .home .home-section-two, body .page-content .home .home-section-four { width: 1200px; margin: 0 auto; } /* line 40, ../scss/module/_home.scss */ body .page-content .home .big-title { font-size: 48px; } /* line 43, ../scss/module/_home.scss */ body .page-content .home .middle-title { font-size: 32px; } /* line 46, ../scss/module/_home.scss */ body .page-content .home .small-title { font-size: 20px; } /* line 49, ../scss/module/_home.scss */ body .page-content .home .text { font-size: 18px; } /* line 52, ../scss/module/_home.scss */ body .page-content .home .big-text { font-size: 22px; } /* line 55, ../scss/module/_home.scss */ body .page-content .home .input-group-one { font-size: 20px; } /* line 57, ../scss/module/_home.scss */ body .page-content .home .input-group-one input { width: 300px; height: 50px; } /* line 61, ../scss/module/_home.scss */ body .page-content .home .input-group-one button { width: 150px; height: 50px; } } @media (min-width: 1920px) { /* line 68, ../scss/module/_home.scss */ body .page-content .home .home-section-one, body .page-content .home .home-section-two, body .page-content .home .home-section-four { width: 1400px; margin: 0 auto; } /* line 72, ../scss/module/_home.scss */ body .page-content .home .big-title { font-size: 54px; } /* line 75, ../scss/module/_home.scss */ body .page-content .home .middle-title { font-size: 32px; } /* line 78, ../scss/module/_home.scss */ body .page-content .home .small-title { font-size: 24px; } /* line 81, ../scss/module/_home.scss */ body .page-content .home .text { font-size: 20px; } /* line 84, ../scss/module/_home.scss */ body .page-content .home .big-text { font-size: 24px; } /* line 87, ../scss/module/_home.scss */ body .page-content .home .input-group-one { font-size: 22px; } /* line 89, ../scss/module/_home.scss */ body .page-content .home .input-group-one input { width: 340px; height: 60px; } /* line 93, ../scss/module/_home.scss */ body .page-content .home .input-group-one button { width: 170px; height: 60px; } } @media (min-width: 2500px) { /* line 100, ../scss/module/_home.scss */ body .page-content .home .home-section-one, body .page-content .home .home-section-two { width: 1800px; } /* line 103, ../scss/module/_home.scss */ body .page-content .home .big-title { font-size: 54px; } /* line 106, ../scss/module/_home.scss */ body .page-content .home .middle-title { font-size: 32px; } /* line 109, ../scss/module/_home.scss */ body .page-content .home .small-title { font-size: 24px; } /* line 112, ../scss/module/_home.scss */ body .page-content .home .text { font-size: 20px; } /* line 115, ../scss/module/_home.scss */ body .page-content .home .big-text { font-size: 24px; } /* line 118, ../scss/module/_home.scss */ body .page-content .home .input-group-one { font-size: 22px; } /* line 120, ../scss/module/_home.scss */ body .page-content .home .input-group-one input { width: 340px; height: 60px; } /* line 124, ../scss/module/_home.scss */ body .page-content .home .input-group-one button { width: 170px; height: 60px; } } /* line 130, ../scss/module/_home.scss */ body .page-content .home .big-title { color: #323648; padding: 5px; font-weight: 500; } /* line 134, ../scss/module/_home.scss */ body .page-content .home .big-title:nth-child(2) { padding-left: 90px; margin-bottom: 60px; } /* line 140, ../scss/module/_home.scss */ body .page-content .home .middle-title { color: #4a4c5c; width: 100%; text-align: center; padding: 80px 0; } /* line 147, ../scss/module/_home.scss */ body .page-content .home .small-title { color: #4a4c5c; font-weight: 700; } /* line 151, ../scss/module/_home.scss */ body .page-content .home .subhead { width: 100%; text-align: center; color: #888; font-size: 24px; } /* line 157, ../scss/module/_home.scss */ body .page-content .home .text { color: #4a4c5c; margin-bottom: 10px; } /* line 161, ../scss/module/_home.scss */ body .page-content .home .big-text { color: #4a4c5c; margin-bottom: 10px; } /* line 165, ../scss/module/_home.scss */ body .page-content .home .small-text { color: #4a4c5c; margin-bottom: 10px; font-size: 18px; } /* line 170, ../scss/module/_home.scss */ body .page-content .home .border-top { border-top: 1px solid #ccc; } /* line 173, ../scss/module/_home.scss */ body .page-content .home .border-bottom { border-bottom: 1px solid #ccc; } /* line 176, ../scss/module/_home.scss */ body .page-content .home .input-group-one { margin-top: 90px; } /* line 178, ../scss/module/_home.scss */ body .page-content .home .input-group-one input { padding-left: 10px; margin-right: 10px; border: 1px #aaa solid; color: #aaa; outline: none; border-radius: 4px; } /* line 184, ../scss/module/_home.scss */ body .page-content .home .input-group-one input:focus { border: 1px solid #1c1c9e; color: #333; } /* line 190, ../scss/module/_home.scss */ body .page-content .home .input-group-one button { background-color: #3f46ad; border-radius: 4px; border: none; outline: none; color: #fff; cursor: pointer; } /* line 197, ../scss/module/_home.scss */ body .page-content .home .input-group-one button:hover { background-color: #1c1c9e; } /* line 202, ../scss/module/_home.scss */ body .page-content .home .home-section-one { margin-top: 180px; display: flex; justify-content: space-between; } /* line 206, ../scss/module/_home.scss */ body .page-content .home .home-section-one .home-section-one-left { flex: 1; margin-right: 20px; } /* line 208, ../scss/module/_home.scss */ body .page-content .home .home-section-one .home-section-one-left > img { width: 80%; } /* line 213, ../scss/module/_home.scss */ body .page-content .home .home-section-one .home-section-one-right { flex: 1; display: flex; flex-flow: column; justify-content: flex-start; } /* line 221, ../scss/module/_home.scss */ body .page-content .home .home-section-two { margin: 20px auto 88px; display: flex; justify-content: space-between; } /* line 225, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-left { position: relative; left: -30px; margin-right: 30px; flex: 1; } /* line 230, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-left .img-container { position: absolute; overflow: hidden; opacity: 0; transition: all ease-in-out .5s; } /* line 235, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-left .img-container img { border-radius: 5px; border: 1px solid #888888; } @media screen and (max-width: 1024px) { /* line 235, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-left .img-container img { width: 420px; } } @media screen and (min-width: 1025px) and (max-width: 1920px) { /* line 235, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-left .img-container img { width: 520px; } } @media screen and (min-width: 1920px) { /* line 235, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-left .img-container img { width: 600px; } } /* line 248, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-left .img-container.active { transform: translateX(50px); opacity: 1; } /* line 255, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right { flex: 1; } /* line 257, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one { display: flex; justify-content: space-between; } @media screen and (max-width: 1024px) { /* line 257, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one { margin-bottom: 20px; } } @media screen and (min-width: 1025px) and (max-width: 1920px) { /* line 257, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one { margin-bottom: 50px; } } @media screen and (min-width: 1920px) { /* line 257, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one { margin-bottom: 80px; } } /* line 270, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one .text-container-one-left { display: flex; justify-content: center; flex: 1; } /* line 274, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one .text-container-one-left > div { cursor: pointer; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; font-size: 32px; border-radius: 50%; color: #4a4c5c; border: 1px solid #4a4c5c; transition-duration: 0.5s; } /* line 286, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one .text-container-one-left > div:hover { background-color: #4a4c5c; color: #fff; } /* line 292, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one .text-container-one-right { flex: 3; position: relative; } /* line 295, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one .text-container-one-right > p { font-size: 16px; line-height: 30px; color: #888; } /* line 300, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one .text-container-one-right .learn-more { position: absolute; bottom: -30px; } /* line 303, ../scss/module/_home.scss */ body .page-content .home .home-section-two .home-section-one-right .text-container-one .text-container-one-right .learn-more a { flex: 3; font-size: 18px; color: #5a97c0; } /* line 314, ../scss/module/_home.scss */ body .page-content .home .middle-section-three-title { background-color: #f5f5f5; width: 100%; text-align: center; font-size: 2rem; padding: 40px 0 20px 0; } /* line 321, ../scss/module/_home.scss */ body .page-content .home .subhead-section-three-title { background-color: #f5f5f5; width: 100%; text-align: center; font-size: 1rem; } /* line 327, ../scss/module/_home.scss */ body .page-content .home .home-section-three { padding: 40px 0; background-color: #f5f5f5; display: flex; flex-flow: column; justify-content: space-between; align-items: center; } /* line 334, ../scss/module/_home.scss */ body .page-content .home .home-section-three .btn-container { display: flex; justify-content: center; align-content: center; height: 60px; padding-bottom: 30px; } /* line 340, ../scss/module/_home.scss */ body .page-content .home .home-section-three .btn-container .btn { font-weight: 500; background-color: #fff; font-size: 20px; width: 178px; height: 58px; color: #f24c3d; border: 1px solid #f24c3d; } /* line 348, ../scss/module/_home.scss */ body .page-content .home .home-section-three .btn-container .btn:hover { border: 2px solid #f24c3d; } /* line 354, ../scss/module/_home.scss */ body .page-content .home .home-section-three .img-container img { display: block; margin: 0 auto; width: 60%; } /* line 362, ../scss/module/_home.scss */ body .page-content .home .home-section-four { display: flex; justify-content: center; padding: 87px 0; } /* line 366, ../scss/module/_home.scss */ body .page-content .home .home-section-four .home-section-four-left { flex: 1; width: 0; } /* line 369, ../scss/module/_home.scss */ body .page-content .home .home-section-four .home-section-four-left p { padding-left: 20%; width: 100%; } /* line 374, ../scss/module/_home.scss */ body .page-content .home .home-section-four .home-section-four-right { width: 0; flex: 1; display: flex; align-items: center; } /* line 379, ../scss/module/_home.scss */ body .page-content .home .home-section-four .home-section-four-right .input-group-one { margin-top: 0; } /* line 4, ../scss/module/_price.scss */ body .page-content .price .block-wrap { width: 100%; min-width: 1100px; } /* line 7, ../scss/module/_price.scss */ body .page-content .price .block-wrap .block { margin: 0 auto; } /* line 9, ../scss/module/_price.scss */ body .page-content .price .block-wrap .block a { cursor: auto; color: #000; } /* line 14, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first { height: 600px; width: 1100px; margin: 0 auto; flex-flow: column; justify-content: space-between; align-items: center; } /* line 22, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .text-container { margin-top: 150px; flex-flow: column; justify-content: center; align-items: center; } /* line 28, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .text-container .big-text { font-size: 36px; } /* line 31, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .text-container .small-text { margin-top: 20px; font-size: 20px; color: #444; } /* line 37, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .point-container { flex-flow: row; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; } /* line 44, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .point-container .point { flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 48%; } /* line 50, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .point-container .point img { flex-shrink: 0; width: 99px; height: 99px; margin-right: 30px; } /* line 56, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .point-container .point div { height: 130px; flex-flow: column; justify-content: flex-start; align-items: flex-start; } /* line 62, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .point-container .point div .big-text { font-size: 20px; } /* line 65, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .point-container .point div .small-text { margin-top: 14px; font-size: 16px; color: #444; } /* line 69, ../scss/module/_price.scss */ body .page-content .price .block-wrap .first .point-container .point div .small-text span { color: #ee7258; } /* line 77, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second { height: 400px; /*min-width: 1200px;*/ padding: 45px 0; background: #f7f7f7; display: flex; flex-flow: column; justify-content: space-between; align-items: center; } /* line 86, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .custom-made { display: flex; background-color: #fff; width: 100%; margin-top: 5px; text-align: center; height: 50px; align-items: center; justify-content: center; } /* line 96, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .custom-made p span { margin-left: 20px; } /* line 100, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .custom-made p a { line-height: 40px; display: inline-block; width: 100px; background-color: white; border-radius: 5px; text-align: center; border: 1px solid #ee7258; margin-left: 20px; height: 40px; } /* line 113, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second div { /*width: 100%;*/ } /* line 116, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container { height: 600px; display: flex; flex-flow: column; align-items: center; justify-content: center; } /* line 123, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container a { font-size: 14px; } /* line 126, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .tag { width: 16.6%; height: 40px; border-radius: 5px; background: #ee7258; font-size: 18px; letter-spacing: 4px; color: #fff; display: flex; justify-content: center; margin-bottom: 10px; align-items: center; } /* line 139, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container { width: 100%; max-width: 1388px; min-width: 1000px; margin: 0 auto; display: flex; flex-flow: row; flex-wrap: wrap; } /* line 147, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block { width: 20%; min-width: 150px; margin-left: 5px; } /* line 151, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .row { background: #FFFFFF; text-align: center; justify-content: center; margin-bottom: 2px; } /* line 156, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .row .price-title { width: 100%; display: flex; justify-content: space-around; align-items: center; color: #444444; font-size: 16px; } /* line 165, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .top-row { display: flex; flex-flow: column; align-items: center; height: 100px; } /* line 170, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .top-row span { font-size: 16px; font-weight: bold; margin: 5px 0; } /* line 175, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .top-row img { width: 40px; height: 25px; } /* line 180, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .content-row { display: flex; justify-content: space-around; min-height: 100px; } /* line 185, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row { display: flex; flex-wrap: wrap; height: 200px; } /* line 189, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item { width: 50%; display: flex; flex-direction: column; justify-content: space-around; } /* line 194, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .price { margin-top: 20px; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 50px; } /* line 201, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .price p { margin-top: 10px; } /* line 203, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .price p span { display: inline-block; } /* line 206, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .price p .active { font-size: 18px; color: #f26549; } /* line 213, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .price s { font-size: 16px; color: #222222; } /* line 218, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .life-price { margin: 10px 0; } /* line 220, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .life-price span { font-size: 20px; } /* line 223, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .life-price s { font-size: 16px; margin: 0 5px; } /* line 227, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .life-price .active { font-size: 20px; color: #f26549; } /* line 232, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .sale { display: flex; flex-flow: row; width: 90%; height: 50px; box-sizing: border-box; background-color: #ee7258; color: white; padding: 8px; border-radius: 5px; font-size: small; text-align: center; } /* line 244, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .sale .left { width: 25px; } /* line 247, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .sale .mid { line-height: 30px; font-size: 24px; } /* line 252, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .btn-container { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; } /* line 258, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .btn-container a { width: 80%; height: 20px; border: 1px solid #ee7258; border-radius: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; } /* line 269, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .big-btn-container { border-top: 2px solid #f7f7f7; width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; } /* line 276, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .price-row .item .big-btn-container a { width: 120%; height: 30px; border: 1px solid #ee7258; border-radius: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; } /* line 290, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .big-row { height: 382px; display: flex; } /* line 293, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .big-row .content-container { padding-top: 70px; width: 100%; height: 325px; display: flex; flex-flow: column; align-items: center; } /* line 300, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .big-row .content-container a { padding: 4px 0; } /* line 303, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .price-block .big-row .content-container .qq { width: 70%; height: 30px; margin: 22px 0; border: 1px solid #9f2d46; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; } /* line 317, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .price-container .left-block { margin: 0; width: 18%; } /* line 322, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .notes-container { max-width: 1388px; margin-top: 40px; display: flex; flex-flow: column; margin-left: 200px; } /* line 328, ../scss/module/_price.scss */ body .page-content .price .block-wrap .second .top-container .notes-container a { color: #888; margin-bottom: 3px; font-size: 14px; } /* line 1, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog { visibility: hidden; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(163, 163, 163, 0.6); z-index: 1000000; } /* line 13, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container { width: 700px; height: 250px; justify-content: center; align-items: center; flex-flow: column; background: #fff; box-shadow: 0 0 5px #aaa; } /* line 22, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container a { height: 30px; padding: 0 24px; font-size: 14px; flex-shrink: 0; justify-content: center; color: #444; } /* line 31, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .select-title { width: 600px; justify-content: flex-start; } /* line 35, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .select-title a { cursor: auto; font-size: 17px; padding: 0; } /* line 41, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container { width: 610px; justify-content: center; } /* line 45, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container > div { width: 140px; border-right: 1px solid #fff; height: 80px; flex-flow: column; justify-content: center; } /* line 52, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container > div a { font-size: 18px; padding: 0; } /* line 57, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .month { border: 1px solid #ccc; margin: 5px; cursor: pointer; flex-flow: column; } /* line 63, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .month > a { width: 100%; } /* line 66, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .month div { flex-flow: row; justify-content: center; } /* line 70, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .month div a { font-size: 22px; color: #db2b1e; } /* line 74, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .month div sup { color: #aaa; font-size: 14px; text-decoration: line-through; } /* line 80, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .month:hover { border: 1px solid #cb3b3b; } /* line 84, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .selected { border: 1px solid #cb3b3b; } /* line 87, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .left { border: none; cursor: auto; } /* line 90, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .left a { cursor: auto; } /* line 93, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .month-container .left:hover { border: none; } /* line 98, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .btn-container { margin-top: 30px; width: 80%; justify-content: center; align-items: center; } /* line 104, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .btn-container a { color: #fff; background: #cb3b3b; margin: 0 20px; align-items: center; } /* line 110, ../scss/module/_select_dialog.scss */ body .page-content .select-dialog .select-dialog-container .btn-container a:hover { background: #bb3232; } /* line 1, ../scss/module/_video.scss */ body .page-content .mainPage { padding-top: 100px; } /* line 3, ../scss/module/_video.scss */ body .page-content .mainPage .video-list { box-sizing: border-box; } /* line 5, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container { width: 800px; max-width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /* line 12, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content { border: solid 1px #e1e1e1; background: #fbfbfb; -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff; box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff; margin-bottom: 1em; padding: 30px; } /* line 19, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .row { margin-right: -15px; margin-left: -15px; box-sizing: border-box; flex-wrap: wrap; } /* line 25, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .row .module-title { margin-top: 10px; margin-bottom: 0px; color: #666666; } /* line 30, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .row .video-div { position: relative; margin: 15px 25px; text-align: center; cursor: pointer; width: 200px; flex-flow: column; } /* line 38, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .row .video-div img { width: 200px; } /* line 42, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .row .video-div span a { margin-top: 10px; font-size: 17px; display: block; color: #666666; font-family: 'Microsoft YaHei'; } /* line 51, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .row .text-div { margin: 15px 30px; cursor: pointer; } /* line 54, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .row .text-div a { display: block; width: 200px; height: 50px; line-height: 50px; background: #ee7258; border-radius: 15px; text-align: center; color: white; } /* line 66, ../scss/module/_video.scss */ body .page-content .mainPage .video-list .container .content .hide { display: none; } /* line 73, ../scss/module/_video.scss */ body .page-content .video-player-wrap { position: absolute; top: 0; width: 100%; min-width: 1100px; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } /* line 81, ../scss/module/_video.scss */ body .page-content .video-player-wrap .helpVideo { position: relative; width: 1100px; margin: 0 auto; margin-top: 70px; } /* line 86, ../scss/module/_video.scss */ body .page-content .video-player-wrap .helpVideo .video-doading { width: 800px; height: 400px; color: white; font-size: 26px; font-weight: bold; margin-left: 100px; text-align: center; line-height: 400px; } /* line 96, ../scss/module/_video.scss */ body .page-content .video-player-wrap .helpVideo .player { position: absolute; top: 0; width: 800px; margin-left: 100px; } /* line 102, ../scss/module/_video.scss */ body .page-content .video-player-wrap .helpVideo .close { position: absolute; top: -75px; left: 830px; cursor: pointer; } /* line 107, ../scss/module/_video.scss */ body .page-content .video-player-wrap .helpVideo .close img { width: 100px; } /* line 117, ../scss/module/_video.scss */ body .page-content .hide { display: none; } /* line 1, ../scss/module/_quesition.scss */ body .page-content .question { width: 100%; min-width: 1100px; } /* line 4, ../scss/module/_quesition.scss */ body .page-content .question .block { width: 1100px; margin: 0 auto; } /* line 7, ../scss/module/_quesition.scss */ body .page-content .question .block .welcome { color: #f24c3d; margin-top: 100px; margin-bottom: 30px; font-size: 30px; font-weight: bold; text-align: center; } /* line 15, ../scss/module/_quesition.scss */ body .page-content .question .block .title { font-size: 30px; color: #000; text-align: center; margin-top: 70px; } /* line 21, ../scss/module/_quesition.scss */ body .page-content .question .block div { margin-top: 30px; } /* line 23, ../scss/module/_quesition.scss */ body .page-content .question .block div span { color: #4a3c3c; font-size: 16px; letter-spacing: 3px; margin-top: 20px; cursor: auto; line-height: 30px; padding-left: 30px; } /* line 32, ../scss/module/_quesition.scss */ body .page-content .question .block div span.big-text { color: #000; font-size: 16px; font-weight: bold; padding: 0; } /* line 1, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo { width: 100%; min-width: 1100px; position: relative; flex-flow: column; } /* line 7, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap { width: 100%; min-width: 1100px; background: #fc7347; } /* line 11, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap .top { width: 1100px; height: 300px; margin: 0 auto; color: #FFFFFF; position: relative; flex-flow: column; justify-content: center; } /* line 20, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap .top div { margin-left: 30px; } /* line 22, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap .top div.t1 { font-size: 28px; font-weight: bold; } /* line 26, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap .top div.t2 { font-size: 22px; margin-top: 50px; } /* line 31, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap .top .form-wrap { position: absolute; top: 130px; right: 0; width: 500px; height: 670px; border-radius: 10px; overflow: hidden; background: #E0E0E0; } /* line 40, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap .top .form-wrap iframe { width: 100%; height: 100%; } /* line 43, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .top-wrap .top .form-wrap iframe .main { margin-top: 20px; } /* line 50, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .media-row { width: 100%; min-width: 1100px; } /* line 53, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .media-row .media { width: 1100px; height: 500px; margin: 0 auto; top: 300px; background: white; padding-left: 30px; color: #000000; box-sizing: border-box; } /* line 62, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .media-row .media .title { margin-top: 100px; font-size: 26px; font-weight: bold; } /* line 67, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .media-row .media ul { margin-top: 15px; list-style: none; } /* line 70, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .media-row .media ul li { color: #454545; font-size: 18px; margin-top: 5px; padding-top: 5px; } /* line 76, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .media-row .media ul li:before { content: '■'; color: #fc7347; font-size: 12px; margin-right: 15px; } /* line 83, ../scss/module/_bookingDemo.scss */ body .page-content .bookingDemo .media-row .media p { margin-top: 15px; font-size: 22px; } /* line 1, ../scss/module/_aboutUs.scss */ body .page-content .about-us { width: 100%; min-width: 1100px; } /* line 4, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block { width: 100%; min-width: 1100px; } /* line 7, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block.first, body .page-content .about-us .block.third { background: #F2F7EB; } /* line 11, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block.second, body .page-content .about-us .block.four { margin: 50px 0; } /* line 15, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block.five .content { justify-content: space-between; } /* line 18, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block.five .content .section { align-items: center; height: 280px; padding: 15px; box-sizing: border-box; width: 24%; font-size: 24px; color: #000; background: #F2F7EB; line-height: 50px; } /* line 32, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block .content { width: 1100px; margin: 0 auto; text-align: center; } /* line 36, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block .content .title { font-size: 32px; font-weight: bold; margin-top: 50px; } /* line 41, ../scss/module/_aboutUs.scss */ body .page-content .about-us .block .content p { margin-top: 20px; font-size: 22px; line-height: 30px; } /* line 1, ../scss/module/_contactUs.scss */ body .page-content .contact-us { width: 1100px; margin: 0 auto; } /* line 4, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first { height: 850px; display: flex; flex-flow: column; justify-content: space-between; align-items: center; } /* line 10, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .top-container { margin-top: 100px; display: flex; flex-flow: column; justify-content: space-between; align-items: center; } /* line 16, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .top-container .big-text { font-size: 45px; letter-spacing: 10px; color: #000; } /* line 21, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .top-container .small-text { margin-top: 40px; font-size: 26px; letter-spacing: 14px; color: #444; } /* line 28, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container { margin-left: 40px; z-index: 100; } /* line 31, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .info { width: 450px; display: flex; flex-flow: row; margin-bottom: 40px; } /* line 36, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .info div { display: flex; flex-flow: column; } /* line 39, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .info div .small-text { font-size: 18px; letter-spacing: 4px; } /* line 43, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .info div .big-text { margin-top: 12px; font-size: 24px; letter-spacing: 4px; } /* line 49, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .info .img-container { width: 60px; display: flex; flex-flow: row; justify-content: flex-start; } /* line 54, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .info .img-container img { margin-bottom: 4px; } /* line 59, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .align-bottom { align-items: flex-end; } /* line 62, ../scss/module/_contactUs.scss */ body .page-content .contact-us .first .bottom-container .align-center { align-items: center; margin-bottom: 60px; } /* line 68, ../scss/module/_contactUs.scss */ body .page-content .contact-us .second { display: flex; justify-content: center; margin-top: -550px; } /* line 72, ../scss/module/_contactUs.scss */ body .page-content .contact-us .second img { width: 787.5px; height: 750px; z-index: -1; } /* line 81, ../scss/module/_contactUs.scss */ body .page-content .shared-footer .us { background: rgba(255, 255, 255, 0.5); margin-top: -200px; z-index: 1; } /* line 1, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises { width: 100%; min-width: 1100px; } /* line 4, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row { width: 100%; } /* line 6, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block { width: 1100px; margin: 0 auto; } /* line 10, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block .content { width: 100%; overflow: hidden; } /* line 13, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block .content .title { margin: 100px; text-align: center; font-size: 56px; } /* line 18, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block .content .reg-msg { text-align: center; font-size: 44px; margin: 50px 0; line-height: 60px; } /* line 24, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block .content .btn-row { margin-bottom: 50px; } /* line 26, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block .content .btn-row .btn-blue { width: 150px; height: 50px; } /* line 32, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block .user-num { width: 100%; justify-content: center; align-items: center; height: 230px; } /* line 38, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row .block .user-num span { margin-left: 20px; font-size: 44px; } /* line 44, ../scss/module/_minorEnterprises.scss */ body .page-content .minor_enterprises .block-row.top, body .page-content .minor_enterprises .block-row.reg { background: #F0FBFC; } /* line 1, ../scss/module/_freeze.scss */ body .page-content .freeze { width: 100%; min-width: 1100px; } /* line 4, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row { width: 100%; } /* line 6, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row .block { width: 1100px; margin: 0 auto; } /* line 10, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row .block img { width: 1100px; } /* line 13, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row .block .content { width: 100%; overflow: hidden; color: white; } /* line 17, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row .block .content .title { text-align: center; font-size: 60px; } /* line 21, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row .block .content p { text-align: center; font-size: 36px; margin-top: 20px; } /* line 25, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row .block .content p.small-text { font-size: 26px; } /* line 31, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row.top { background: rgba(165, 206, 236, 0.5); } /* line 33, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row.top .block { height: 620px; background: url("../img/freeze_t1.jpg") no-repeat; background-size: 1100px 100%; flex-flow: column; justify-content: center; align-items: center; color: white; } /* line 42, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row.top .block .title { font-size: 50px; } /* line 45, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row.top .block p { margin-top: 50px; font-size: 26px; text-align: center; line-height: 50px; } /* line 53, ../scss/module/_freeze.scss */ body .page-content .freeze .block-row.bottom { background: #4992F2; padding: 100px 0; } /* line 1, ../scss/module/_metals.scss */ body .page-content .metals { width: 100%; min-width: 1100px; } /* line 4, ../scss/module/_metals.scss */ body .page-content .metals .block-row { width: 100%; } /* line 6, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block { width: 1100px; margin: 0 auto; } /* line 10, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block img { width: 1100px; } /* line 13, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block .content { width: 100%; overflow: hidden; color: white; } /* line 17, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block .content .title { text-align: center; font-size: 60px; } /* line 21, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block .content p { text-align: center; font-size: 36px; margin-top: 20px; } /* line 25, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block .content p.small-text { font-size: 26px; } /* line 30, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block .user-num { justify-content: center; align-items: center; height: 230px; } /* line 35, ../scss/module/_metals.scss */ body .page-content .metals .block-row .block .user-num span { margin-left: 20px; font-size: 44px; } /* line 41, ../scss/module/_metals.scss */ body .page-content .metals .block-row.top { background: #f5c107; } /* line 43, ../scss/module/_metals.scss */ body .page-content .metals .block-row.top .block { height: 620px; background: url("../img/metals_t1.jpg") no-repeat; background-size: 1100px 100%; flex-flow: column; justify-content: center; align-items: center; color: white; } /* line 52, ../scss/module/_metals.scss */ body .page-content .metals .block-row.top .block .title { font-size: 50px; } /* line 55, ../scss/module/_metals.scss */ body .page-content .metals .block-row.top .block p { margin-top: 50px; font-size: 26px; text-align: center; line-height: 50px; } /* line 63, ../scss/module/_metals.scss */ body .page-content .metals .block-row.bottom { background: #f5c107; padding: 100px 0; } /* line 67, ../scss/module/_metals.scss */ body .page-content .metals .block-row.margin-top { margin-top: 100px; } /* line 2, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block { margin: 0 auto; width: 1100px; } /* line 5, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block p { color: #333333; font-size: 20px; } /* line 8, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block p.title { font-size: 30px; } /* line 11, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block p.orange, body .page-content .client-case .block p .orange { color: #FC5F3A; } /* line 14, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block p.content { margin-top: 13px; } /* line 18, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block.top { background: url(../img/client_top.jpg) no-repeat; height: 516px; justify-content: center; align-items: flex-end; } /* line 24, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block.top button { margin-bottom: 50px; height: 80px; width: 280px; font-size: 48px; border-radius: 20px; box-shadow: 0 0 15px #d68c7b; background: #FC5f3A; color: white; cursor: auto; } /* line 36, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block.first, body .page-content .client-case .block.secont { background: url(../img/client_bg_1.jpg) no-repeat; margin-top: 200px; height: 530px; padding-top: 50px; padding-left: 60px; box-sizing: border-box; line-height: 30px; } /* line 45, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block.secont { background: url(../img/client_bg_2.jpg) no-repeat; } /* line 47, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block.secont .title { margin-top: 40px; } /* line 50, ../scss/module/_ClientCase.scss */ body .page-content .client-case .block.secont .content { margin-top: 35px; line-height: 36px; } /* line 2, ../scss/module/_common.scss */ body .page-content .common { margin-top: -20px; } /* line 4, ../scss/module/_common.scss */ body .page-content .common .common-top { width: 100%; background-color: #c5d1fa; height: 620px; } /* line 8, ../scss/module/_common.scss */ body .page-content .common .common-top .common-content { margin: 0 auto; height: 100%; max-width: 1100px; min-width: 1100px; background: url(../img/common1.jpg) no-repeat; } /* line 14, ../scss/module/_common.scss */ body .page-content .common .common-top .common-content .common-text { display: flex; justify-content: center; flex-flow: column; width: 100%; height: 100%; text-align: center; color: white; margin-top: -100px; } /* line 23, ../scss/module/_common.scss */ body .page-content .common .common-top .common-content .common-text h5 { font-size: 50px; font-weight: normal; } /* line 27, ../scss/module/_common.scss */ body .page-content .common .common-top .common-content .common-text .common-p { margin-top: 65px; } /* line 29, ../scss/module/_common.scss */ body .page-content .common .common-top .common-content .common-text .common-p p { font-size: 40px; margin-top: 10px; } /* line 38, ../scss/module/_common.scss */ body .page-content .common .common-content { padding-top: 10px; max-width: 1100px; min-width: 1100px; margin: 0 auto; } /* line 43, ../scss/module/_common.scss */ body .page-content .common .common-content .common-content-top, body .page-content .common .common-content .common-content-bottom { padding-top: 120px; width: 100%; } /* line 46, ../scss/module/_common.scss */ body .page-content .common .common-content .common-content-top .common-content-img, body .page-content .common .common-content .common-content-bottom .common-content-img { width: 100%; height: auto; } /* line 50, ../scss/module/_common.scss */ body .page-content .common .common-content .common-content-top .common-content-text, body .page-content .common .common-content .common-content-bottom .common-content-text { width: 100%; display: flex; justify-content: center; } /* line 54, ../scss/module/_common.scss */ body .page-content .common .common-content .common-content-top .common-content-text .common-content-text-vessel, body .page-content .common .common-content .common-content-bottom .common-content-text .common-content-text-vessel { text-align: center; flex: 1; height: 130px; } /* line 58, ../scss/module/_common.scss */ body .page-content .common .common-content .common-content-top .common-content-text .common-content-text-vessel h5, body .page-content .common .common-content .common-content-bottom .common-content-text .common-content-text-vessel h5 { font-weight: 500; font-size: 30px; } /* line 62, ../scss/module/_common.scss */ body .page-content .common .common-content .common-content-top .common-content-text .common-content-text-vessel div, body .page-content .common .common-content .common-content-bottom .common-content-text .common-content-text-vessel div { margin-top: 32px; } /* line 64, ../scss/module/_common.scss */ body .page-content .common .common-content .common-content-top .common-content-text .common-content-text-vessel div p, body .page-content .common .common-content .common-content-bottom .common-content-text .common-content-text-vessel div p { font-size: 20px; color: #323333; } /* line 74, ../scss/module/_common.scss */ body .page-content .common .common-bottom { width: 100%; } /* line 76, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-top { margin: 160px auto 0; max-width: 1100px; min-width: 1100px; background: url(../img/common4.png) no-repeat; height: 725px; display: flex; flex-flow: column; justify-content: center; } /* line 85, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-top h5 { margin: 250px auto 0; text-align: center; font-size: 40px; background-color: rgba(255, 255, 255, 0.9); height: 58px; padding: 0 60px 0; line-height: 58px; width: 550px; } /* line 94, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-top h5 span { color: #6d8cf2; } /* line 98, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-top .common-bottom-text { text-align: center; font-size: 25px; margin-top: 80px; } /* line 102, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-top .common-bottom-text p { margin-top: 5px; } /* line 107, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-bottom { width: 100%; height: 200px; background-color: #f2f2f2; padding-top: 68px; } /* line 112, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-bottom .common-bottom-bottom-content { width: 30%; margin: 0 auto; display: flex; justify-content: center; } /* line 117, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-bottom .common-bottom-bottom-content input { padding: 10px 10px; border-radius: 10px; width: 200px; background-color: #6d8cf2; color: white; cursor: pointer; } /* line 124, ../scss/module/_common.scss */ body .page-content .common .common-bottom .common-bottom-bottom .common-bottom-bottom-content input:hover { background-color: #6B6EF2; } /* line 1, ../scss/module/_agency.scss */ body .page-content .agency { width: 100%; min-width: 1100px; } /* line 4, ../scss/module/_agency.scss */ body .page-content .agency .section-one { width: 100%; height: 600px; background: linear-gradient(#ff7f18, #f55d49); margin-top: -20px; } /* line 9, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner { flex-flow: column; justify-content: center; align-items: center; margin: 0 auto; width: 1100px; height: 650px; } /* line 17, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .title { width: 600px; } /* line 20, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .introduce { display: flex; justify-content: center; } /* line 23, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .introduce span { font-size: 22px; color: #fff; margin-left: 15px; } /* line 29, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .shiftChange { width: 30%; margin: 200px auto 0; display: flex; justify-content: space-around; } /* line 34, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .shiftChange button { width: 140px; height: 45px; background-color: #fff; color: #f55d49; text-align: center; font-size: 20px; border: none; border-radius: 8px; font-weight: 700; cursor: pointer; outline: none; } /* line 46, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .shiftChange button:hover { background-color: #fff; color: #ff7f18; } /* line 53, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .contactWay { text-align: center; font-size: 16px; color: #fff; margin-top: 35px; } /* line 58, ../scss/module/_agency.scss */ body .page-content .agency .section-one .section-one-banner .contactWay span { display: inline-block; margin-left: 30px; } /* line 66, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-two { width: 100%; height: 400px; margin-bottom: 30px; } /* line 70, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-two .section-two-banner { margin: 0 auto; text-align: center; width: 1100px; padding-top: 75px; } /* line 75, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-two .section-two-banner h5 { font-size: 50px; } /* line 77, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-two .section-two-banner h5 span { height: 1px; display: inline-block; width: 150px; border-bottom: 2px solid #888; position: relative; top: -12px; } /* line 86, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-two .section-two-banner div { margin-top: 50px; } /* line 88, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-two .section-two-banner div p { margin-top: 25px; font-size: 25px; } /* line 95, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three { background-color: #f5f5f5; width: 100%; height: 720px; margin-top: -5px; } /* line 100, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .section-three-banner { margin: 0 auto; width: 1100px; padding: 100px 0; text-align: center; height: 520px; } /* line 106, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .section-three-banner .three-inr { font-size: 24px; margin-top: 60px; } /* line 110, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .section-three-banner .threeImg { margin-top: 65px; } /* line 113, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .section-three-banner h5 { font-size: 50px; } /* line 115, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .section-three-banner h5 strong { color: #f66044; } /* line 118, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .section-three-banner h5 span { height: 1px; display: inline-block; width: 150px; border-bottom: 2px solid #888; position: relative; top: -12px; } /* line 128, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .three-list { width: 100%; display: flex; } /* line 131, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-three .three-list span { flex: 1; font-size: 22px; } /* line 137, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four { width: 100%; height: 650px; } /* line 140, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner { padding-top: 70px; width: 1100px; margin: 0 auto; } /* line 144, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two { border-bottom: 2px dashed #888; height: 105px; width: 100%; display: flex; } /* line 149, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-one, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-two, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-three, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-one, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-two, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-three { text-align: left; flex: 1; } /* line 152, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-one p, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-two p, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-three p, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-one p, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-two p, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-three p { word-break: keep-all; font-size: 18px; color: #888888; margin-top: 10px; } /* line 158, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-one h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-two h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-three h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-one h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-two h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-three h5 { font-size: 25px; margin-top: 25px; } /* line 163, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-two-two, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-two-two { margin-left: 70px; } /* line 166, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-one, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-one { padding-left: 70px; } /* line 168, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-one h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-one h5 { color: #589cf8; } /* line 172, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-two, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-two { padding-left: 100px; } /* line 174, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-two h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-two h5 { color: #f34c3d; } /* line 178, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-three, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-three { padding-left: 160px; } /* line 180, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-one .content-text-three h5, body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-two .content-text-three h5 { color: #27bf67; } /* line 185, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-three { white-space: nowrap; padding-top: 20px; width: 100%; display: flex; font-size: 16px; color: #888; } /* line 192, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-three div { flex: 1; } /* line 195, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-three .content-three-one { padding-left: 70px; } /* line 198, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-three .content-three-two { padding-left: 135px; } /* line 201, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-four .section-four-banner .four-content-three .content-three-three { padding-left: 160px; } /* line 209, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-five { width: 100%; height: 720px; margin-top: -5px; background-color: #f5f5f5; } /* line 214, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-five .section-five-banner { margin: 0 auto; width: 1100px; padding-top: 90px; } /* line 218, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-five .section-five-banner h5 { text-align: center; font-size: 50px; } /* line 221, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-five .section-five-banner h5 strong { color: #f65f46; } /* line 224, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-five .section-five-banner h5 span { position: relative; display: inline-block; top: -15px; width: 150px; border-bottom: 1px solid #222; } /* line 232, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-five .section-five-banner img { margin-top: 100px; } /* line 237, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six { display: flex; width: 100%; } /* line 240, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner { width: 1100px; margin: 0 auto; padding-top: 110px; } /* line 244, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner h5 { text-align: center; font-size: 50px; } /* line 247, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner h5 strong { color: #f55d48; } /* line 251, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .success-hint { display: none; font-size: 50px; text-align: center; margin: 100px auto 300px; width: 560px; } /* line 258, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-form { margin: 100px auto 0; width: 560px; } /* line 261, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-form label { display: block; font-size: 28px; font-weight: 600; color: #666; margin-top: 55px; } /* line 267, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-form label input { margin-left: 50px; height: 50px; border: 1px solid #888888; border-radius: 15px; padding: 5px 15px; } /* line 274, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-form label input:focus { border-radius: 15px; border: 1px solid #f5533d; outline: none; } /* line 280, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-form button { text-align: center; width: 190px; height: 60px; background-color: #f5533d; font-size: 30px; color: white; border: none; border-radius: 15px; margin: 40px 0 0 160px; cursor: pointer; outline: none; } /* line 292, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-form button:hover { background-color: #F51E28; } /* line 297, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-contact { width: 98%; height: 50px; margin-top: 60px; display: flex; padding: 0 10px; } /* line 303, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-contact p { flex: 1; font-size: 22px; height: 30px; line-height: 30px; } /* line 308, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-contact p > i { color: #f5533d; margin-right: 4px; } /* line 313, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-contact .linkman { flex: 0.6; } /* line 316, ../scss/module/_agency.scss */ body .page-content .agency .productIntroduce .section-six .section-six-banner .six-contact .email { flex: 1.4; } /* line 325, ../scss/module/_agency.scss */ body .page-content .agency .cooperationEarn { display: none; width: 100%; } /* line 328, ../scss/module/_agency.scss */ body .page-content .agency .cooperationEarn .cooperationEarn-banner { padding-top: 100px; width: 1100px; height: 600px; margin: 0 auto; } /* line 335, ../scss/module/_agency.scss */ body .page-content .agency .bottomImg { width: 100%; margin: 0 auto; } /* line 339, ../scss/module/_agency.scss */ body .page-content .agency .span-left { margin-right: 50px; } /* line 342, ../scss/module/_agency.scss */ body .page-content .agency .span-right { margin-left: 50px; } /* line 345, ../scss/module/_agency.scss */ body .page-content .agency .inputError { font-size: 20px; margin: 20px 0 0 170px; color: #b92c28; } /* line 140, ../scss/global.scss */ body .footer { width: 100%; } /* line 142, ../scss/global.scss */ body .footer.border-top { border-top: 1px solid #ccc; } /* line 145, ../scss/global.scss */ body .footer .footer-top { margin: 0 auto; color: #6d6f7b; padding: 100px 0 160px; display: flex; justify-content: center; } @media screen and (max-width: 1024px) { /* line 145, ../scss/global.scss */ body .footer .footer-top { width: 920px; } } @media screen and (min-width: 1366px) and (max-width: 1920px) { /* line 145, ../scss/global.scss */ body .footer .footer-top { width: 1200px; } } @media screen and (min-width: 1920px) { /* line 145, ../scss/global.scss */ body .footer .footer-top { width: 1400px; } } /* line 160, ../scss/global.scss */ body .footer .footer-top .footer-left { flex: 1; } /* line 162, ../scss/global.scss */ body .footer .footer-top .footer-left > div { margin-bottom: 10px; } /* line 166, ../scss/global.scss */ body .footer .footer-top .footer-left .img-container img { width: 80px; } /* line 170, ../scss/global.scss */ body .footer .footer-top .footer-left .contact { position: relative; font-size: 24px; cursor: pointer; } /* line 174, ../scss/global.scss */ body .footer .footer-top .footer-left .contact .qcode { position: absolute; top: 40px; left: -10px; width: 150px; height: 150px; display: none; } /* line 182, ../scss/global.scss */ body .footer .footer-top .footer-left .contact > i { margin-right: 10px; } /* line 186, ../scss/global.scss */ body .footer .footer-top .footer-left .company-info { font-size: 18px; } /* line 187, ../scss/global.scss */ body .footer .footer-top .footer-left .company-info > p { line-height: 36px; } /* line 193, ../scss/global.scss */ body .footer .footer-top .footer-right { flex: 1.4; display: flex; justify-content: space-between; } /* line 197, ../scss/global.scss */ body .footer .footer-top .footer-right .footer-right-line { flex: 1; } /* line 199, ../scss/global.scss */ body .footer .footer-top .footer-right .footer-right-line .line-title { font-size: 18px; font-weight: 700; padding: 5px 6px; } /* line 205, ../scss/global.scss */ body .footer .footer-top .footer-right .footer-right-line ul li { font-size: 18px; padding: 5px; } /* line 207, ../scss/global.scss */ body .footer .footer-top .footer-right .footer-right-line ul li a { color: #6d6f7b; } /* line 209, ../scss/global.scss */ body .footer .footer-top .footer-right .footer-right-line ul li a:hover { color: #1c1c9e; } /* line 220, ../scss/global.scss */ body .copyright { height: 70px; background: #3b3e45; flex-flow: column; align-items: center; justify-content: center; } /* line 227, ../scss/global.scss */ body .copyright div { width: 1100px; margin: 0 auto; text-align: center; font-size: 16px; } /* line 234, ../scss/global.scss */ body .copyright .top a { color: white; } /* line 238, ../scss/global.scss */ body .copyright .bottom { margin-top: 10px; } /* line 240, ../scss/global.scss */ body .copyright .bottom a { height: 16px; } /* line 243, ../scss/global.scss */ body .copyright .bottom span { height: 20px; margin: 0px 0px 0px 0px; color: #939393; }