.center { width: 1280px; margin: auto; } #c_static_001-1675847914527 .all { background: #f5f6f8; padding: 5.2% 0 } #c_static_001-1675847914527 .list { margin-bottom: 10px } #c_static_001-1675847914527 .top { background: white; position: relative; padding: 35px; cursor: pointer; transition: 0.5s } #c_static_001-1675847914527 .top:hover { transition: 0.5s; background: #5dc2d0; color: white } #c_static_001-1675847914527 .top:hover .tit span { transition: 0.5s; color: white } #c_static_001-1675847914527 .top:hover:after { transition: 0.5s; color: white } #c_static_001-1675847914527 .top_act { transition: 0.5s; background: #5dc2d0; color: white } #c_static_001-1675847914527 .top_act .tit { color: white } #c_static_001-1675847914527 .top_act .tit span { border-right: 1px solid white; transition: 0.5s } #c_static_001-1675847914527 .title { line-height: 1em; margin-bottom: 15px } #c_static_001-1675847914527 .tit { color: #777777 } #c_static_001-1675847914527 .tit span { padding: 0 25px; border-right: 1px solid rgba(0,0,0,0.1); transition: 0.5s; line-height: 1em } #c_static_001-1675847914527 .tit span:first-child { padding-left: 0px } #c_static_001-1675847914527 .tit span:last-child { border-right: none } #c_static_001-1675847914527 .bottom { display: none; padding: 60px; background: white } #c_static_001-1675847914527 .top:after { content: "+"; display: block; font-size: 30px; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); color: #777777 } #c_static_001-1675847914527 .top_act:after { content: "-"; color: white } #c_static_001-1675847914527 .gray { color: #777777 } #c_static_001-1675847914527 .term { margin-bottom: 40px } #c_static_001-1675847914527 .bot_tit { margin-bottom: 20px } #c_static_001-1675847914527 .deliver { display: block; text-align: Center; line-height: 44px; width: 124px; color: white; background: #5dc2d0; margin-top: 30px; cursor: pointer } #c_static_001-1675847914527 .p_page { text-align: center; padding: 30px 0 } #c_static_001-1675847914527 .page_con { display: flex; justify-content: center } #c_static_001-1675847914527 .p_page a { width: 44px; height: 44px; border-radius: 0px; display: flex; justify-content: center; align-items: center } #c_static_001-1675847914527 .p_page .page_num.current { background-color: #5dc2d0; border-color: #5dc2d0; color: white !important } #c_static_001-1675847914527 .p_page .page_num:hover { color: #5dc2d0; border-color: #5dc2d0 } #c_static_001-1675847914527 .p_page .page_input { width: 44px; height: 44px; border-radius: 0px; margin: 0 10px } @media only screen and (max-width: 1366px) { #c_static_001-1675847914527 .bottom { padding:40px } #c_static_001-1675847914527 .bot_tit { margin-bottom: 10px } #c_static_001-1675847914527 .term { margin-bottom: 20px } } @media only screen and (max-width: 768px) { #c_static_001-1675847914527 .top { padding:20px } #c_static_001-1675847914527 .tit span { padding: 0 6px } #c_static_001-1675847914527 .bottom { padding: 20px } #c_static_001-1675847914527 .top:after { right: 20px } #c_static_001-1675847914527 .tit { width: 90% } #c_static_001-1675847914527 .p_page a { width: 26px; height: 26px } .page_a { width: 26px; height: 26px; line-height: 26px } } #c_static_001-1675840337688 .e_form-1 { display: none; width: 100%; width: 600px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: white; padding: 50px; z-index: 9; border-radius: 10px; box-shadow: 0 0 10px #a6a3a3 } .e_form-1 svg { position: absolute; top: 30px; right: 30px; cursor: pointer; z-index: 9 } #c_static_001-1675840337688 .e_form-1 > .p_formItem { flex: 1; max-width: 100%; max-height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap } #c_static_001-1675840337688 .e_form-1 > .p_formItem>div { width: 49% } #c_static_001-1675840337688 .e_form-1 > .p_formItem>.e_radio-3 { width: 49% } #c_static_001-1675840337688 .e_form-1 .ptishiCon { display: none } #c_static_001-1675840337688 .e_input-2 .p_phoneCode { width: 90px; margin-right: 10px } #c_static_001-1675840337688 .e_input-4 .p_phoneCode { width: 90px; margin-right: 10px } #c_static_001-1675840337688 .e_input-5 .p_phoneCode { width: 90px; margin-right: 10px } #c_static_001-1675840337688 .e_input-6 .p_phoneCode { width: 90px; margin-right: 10px } #c_static_001-1675840337688 .e_input-7 .p_phoneCode { width: 90px; margin-right: 10px } #c_static_001-1675840337688 .e_textarea-8 { width: 100% !important } #c_static_001-1675840337688 .e_textarea-8 .p_required { vertical-align: middle; font-size: 1.4em; line-height: 100%; position: relative; font-weight: bold; top: 0.15em; padding-left: 5px } #c_static_001-1675840337688 .e_formBtn-9 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 220px; border-radius: 4px; padding: 8px; margin: auto } .invalid-feedback { position: absolute; bottom: -20px } #c_static_001-1675840337688 .e_formBtn-9 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden } #c_static_001-1675840337688 .e_formBtn-9::after { content: ""; position: absolute; width: 100%; height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px } #c_static_001-1675840337688 .e_formBtn-9:hover::after { opacity: 1 } .s_form_layout1 .s_label { color: black } @media only screen and (max-width: 768px) { #c_static_001-1675840337688 .e_form-1 { width:80%; padding: 20px; max-height: 70%; overflow: auto } #c_static_001-1675840337688 .e_form-1 > .p_formItem { display: block } #c_static_001-1675840337688 .e_form-1 > .p_formItem>div { width: 100% } #c_static_001-1675840337688 .e_form-1 input { height: 30px } .s_form_layout1 textarea.s_input { height: 70px } .e_form-1 svg { top: 20px; right: 20px } #c_static_001-1675840337688 .e_formBtn-9 { width: 120px } } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem; } .form-group { margin-bottom: 15px; } .btn { color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 0 solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .p_label{ margin-bottom: 5px;display: inline-block;} .col-form-label { padding-bottom: 7px; } .e_formBtn-9 { color: #fff; border-style: solid; border-color: #5dc2d0; font-size: 14px; border-width: 1px; background-color: #5dc2d0; display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 220px; border-radius: 4px; padding: 8px; margin: auto; } .s_button1:before { content: ""; position: absolute; display: block; transition: all .6s; width: 100%; height: 0; border-radius: 50%; left: 50%; top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%); } #c_static_001-1675840337688 .e_formBtn-9::after { content: ""; position: absolute; width: 100%; height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-1675840337688 .e_formBtn-9 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } .s_button1:hover { background-color: #5dc2d0; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-style: solid; border-color: #5dc2d0; font-size: 14px; } .s_button1:hover:before { animation: style1 .75s; z-index: 1; } #c_static_001-1675840337688 .e_formBtn-9:hover::after { opacity: 1; } @keyframes style1 { 0% { background: rgba(0,0,0,.25); transform: translateX(-50%) translateY(-50%) scale(0) } to { background: 0 0; transform: translateX(-50%) translateY(-50%) scale(1) } } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px) { }