.domain-query { z-index: 10; position: relative; left: 0; top: -150px; padding-bottom: 50px; background-color: #fff; border-radius: 10px; }
.domain-query_name,
.domain-query_suffixs,
.domain-query_total,
.domain-query_result { padding-left: 100px; padding-right: 100px; }
.domain-query_name > div { display: flex; padding-top: 60px; margin: 0 auto; }
.domain-query_name > div input { display: block; flex: 1; padding: 0 20px; height: 60px; line-height: 60px; border: 1px solid #ccc; border-radius: 3px 0 0 3px; border-right: 0; font-size: 30px; }
.domain-query_name > div button { display: block; width: 180px; font-size: 24px; border-radius: 0 3px 3px 0; background-color: #0074d9; color: #fff; text-align: center; cursor: pointer; }
.domain-query_name > div .iconfont { display: inline-block; margin-right: 10px; width: 35px; height: 35px; font-size: 30px; line-height: 35px; text-align: center; vertical-align: middle; }

.domain-query_suffixs { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; padding-top: 40px; }
.domain-query_suffixs > div { margin: 10px 0; }
.domain-query_suffixs > div > label { display: flex; }
.domain-query_suffixs > div > label span:first-child { display: inline-block; width: 30px; }
.domain-query_suffixs > div > label span:last-child { display: block; flex: 1; }
.domain-query_suffixs input { display: none; }
.domain-query_suffixs .iconfont { display: inline-block; font-size: 20px; font-weight: 200; line-height: 30px; }
.domain-query_suffixs .icon-checkbox { color: #ccc; }
.domain-query_suffixs .icon-checkbox_checked_fill { display: none; }
.domain-query_suffixs input:checked + label > span > .icon-checkbox { display: none; }
.domain-query_suffixs input:checked + label > span > .icon-checkbox_checked_fill { display: inline-block; color: #0074d9; }
.domain-query_suffixs strong,
.domain-query_suffixs em { display: block; font-style: normal; }
.domain-query_suffixs > div label strong { height: 35px; font-size: 24px; font-weight: 400; line-height: 100%; }
.domain-query_suffixs > div label em { font-size: 14px; color: #999; }

.domain-query_title { position: relative; padding: 50px 100px; height: 70px; }
.domain-query_title div { z-index: 1; position: absolute; left: 100px; top: 90px; right: 100px; border-top: 1px solid #ccc; }
.domain-query_title strong { z-index: 2; display: inline-block; position: relative; padding: 0 30px; font-size: 40px; font-weight: 400; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #999; background-color: #fff; }

.domain-query_total { padding-bottom: 30px; text-align: center; }
.domain-query_total strong,
.domain-query_total em,
.domain-query_total span,
.domain-query_total label { display: inline-block; border-width: 1px; border-style: solid; height: 28px; line-height: 28px; margin-right: 10px; padding: 0 20px; border-radius: 3px; font-size: 12px; font-style: normal; opacity: .7; }
.domain-query_total strong { border-color: #0074d9; color: #0074d9; }
.domain-query_total em { border-color: #3d9970; color: #3d9970; }
.domain-query_total span { border-color: #ff4136; color: #ff4136; }
.domain-query_total label { border-color: #ccc; color: #999; }
.domain-query_unreg_title,
.domain-query_reged_title { display: block; font-size: 16px; font-weight: 600; }
.domain-query_unreg_title { color: #3d9970; }
.domain-query_reged_title { color: #ff4136; }
.domain-query_result > div { display: flex; padding-top: 15px; padding-bottom: 15px; }
.domain-query_result > div strong,
.domain-query_result > div label,
.domain-query_result > div span { height: 40px; overflow-y: hidden; }
.domain-query_result > div strong { font-size: 24px; font-weight: 400; color: #333; }
.domain-query_result > div label { flex: 1; margin: 0 20px; border-bottom: 1px dashed #ccc; line-height: 45px; color: #ccc; }
.domain-query_result > div span { font-size: 16px; line-height: 45px; }

.section_sense { position: relative; top: -150px; }
.section_sense .section_slogan { padding-bottom: 0 !important; }
.domain-sense { position: relative; top: -50px; }
.domain-sense_items { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; grid-gap: 45px; }
.domain-sense_items > div { position: relative; border-radius: 10px; background-color: #fff; }
.domain-sense_items > div i { z-index: 1; display: inline-block; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 100px; opacity: .3; transition: all .5s; }
.domain-sense_items > div h2 { display: block; position: relative; height: 130px; padding-left: 100px; line-height: 120px; font-size: 32px; text-align: center; transition: all .5s; }
.domain-sense_items > div h2:after { display: inline-block; position: absolute; content: ""; width: 50px; border: 1px solid #0074d9; bottom: 30px; left: 59%; transform: translateX(-50%); transition: all .5s; }
.domain-sense_items > div p { display: block; padding-left: 180px; padding-right: 50px; font-size: 16px; line-height: 200%; color: #555; }
.domain-sense_items > div:hover i { font-size: 150px; opacity: .7; transition: all .5s; }
.domain-sense_items > div:hover h2:after { width: 150px; transition: all .5s; }

.domain-sense_arrow { z-index: 2; position: absolute; }
.domain-sense_arrow .iconfont { font-size: 120px; color: #3d9970; }
.domain-sense_arrow.arrow1 { left: 45%; top: 50px; transform: rotate(180deg); }
.domain-sense_arrow.arrow2 { right: 15%; top: 180px; transform: rotate(200deg); }
.domain-sense_arrow.arrow3 { right: 18%; top: 460px; transform: rotate(-90deg); }
.domain-sense_arrow.arrow4 { left: 45%; top: 600px; transform: rotate(-30deg); }
.domain-sense_arrow.arrow5 { left: 18%; top: 460px; transform: rotate(30deg); }
.domain-sense_arrow.arrow6 { left: 15%; top: 180px; transform: rotate(90deg); }