.page{ display: none; } #app .mainhtml{ /* display: none; */ /* display: flex; */ } .mainhtml-body{ background-image: url(../img/brand/bg.png?v=1768637499113); background-size: cover; background-position: center center; display: flex; flex-direction: column; min-height: 100%; } .page_head{ padding-top: 25vh; display: flex; justify-content: center; align-items: center; align-self: center; } .page_head_logo{ display: block; background-image: url(../img/brand/logo_shuangying.png?v=1768637499113); background-size: 100% 100%; background-repeat: no-repeat; width: 72px; height: 56px; margin-right: 14px; } .page_head_title{ font-size: 42px; font-weight: 800; line-height: 1; white-space: nowrap; color: #E6A255; background: linear-gradient(270deg, #F2D38E -6.32%, #E6A255 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .page_content { display: flex; align-items: center; flex-direction: column; } /* @media screen and (min-width:894px) and (max-width:1076px){ .page_content{background-size: 135%;} } @media screen and (min-width:600px) and (max-width:894px){ .page_content{ background-size: 184%;} } */ .page_content_search{ margin-top: 30px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center; position: relative; width: 584px; height: 44px; border-radius: 22px; overflow: hidden; background: #fff; } .page_content_search::before{ content: ''; display: flex; background: url('../img/brand/search_icon.png?v=1768637499113'); background-size: 100% 100%; width: 20px; height: 20px; margin-left: 15px; margin-right: 15px; margin-top: 2px; } .page_content_search_value{ flex: 1; /* height: 42.5px; */ /* margin: 1rem 0px; */ } .page_content_search_value >input{ width: 100%; font-size:20px; color: #A4A4A4; } .page_content_search_value >input::placeholder{ color: #A4A4A4; } .page_content_search_submit{ width: 32px; height:32px; background: url('../img/brand/button.png?v=1768637499113'); background-size: 100% 100%; border-radius: 19px; cursor: pointer; display: flex; justify-content: center; align-items: center; margin: 0 6px; } /* .page_content_navs{ margin-top: 20px; display: flex; justify-content: center; } .page_content_nav{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 44px; } .page_content_nav:last-child{ margin-right: 0px; } .page_content_nav_icon{ width:69px ; height: 69px; border-radius: 34.5px; margin-bottom: 10px; } .page_content_nav_name{ font-size: 14px; color: #9E9E9E; } */ .page_webinfo{ flex: 1; font-size: 12px; color: #A8A7A7; /* background-color:#E9E9E9; */ display: flex; justify-content: center; align-items: flex-end; padding-bottom: 20px; } /* .mobile_app .mainhtml-body{ background-image: url(../img/idcjinsha/bg_h5.jpg); } */ .mobile_app .page_head{ padding-top: 200px; } .mobile_app .page_head_logo{ width: 56px; height: 44px; margin-right: 10px; } .mobile_app .page_head_title{ font-size: 32px; } /* .mobile_app .page_content{ background-image: url(../img/idc/bg2@4x.png?v=1768637499113); background-size: 150%; } */ .mobile_app .page_content_search{ margin-top: 19px; width: 373px; /* height: 50px; */ } .mobile_app .page_content_search::before { margin-left: 10px; margin-right: 10px; } /* .mobile_app .page_content_search_submit{ height: 40px; } */ /* .mobile_app .page_content_search_value >input{ border: 1px solid #9e9e9e; box-shadow:none; } */ /* .mobile_app .page_content_nav{ margin-right: 14px; } .mobile_app .page_content_nav:last-child{ margin-right: 0px; } .mobile_app .page_content_nav_icon{ width: 34px; height: 34px; margin-bottom: 5px; } */ /* 设置动画 */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }