锘縝ody,html{ min-width:1200px; } .customMb .custom_L03 { margin: 0 auto; } .customMb .custom_L01 { position: relative; z-index: 1001; } .customMb .page-float-box a.content { top: 70px; } .customMb .page-float-box a { display: block; position: fixed; width: 68px; height: 30px; line-height: 30px; right: 0; top: 30px; font-size: 14px; margin: 2px; background: #fff; text-align: center; z-index: 5000; } .customMb .page-float-box a:hover { text-decoration: none; color: #fff; background: #ff8400; } .column_nav06 .twoLevel>a:after { font-family: FontAwesome; content: "\f0d7"; font-size: 14px; margin-left: 6px; } .right-float-panel { position: fixed; right: 0; top: 25%; z-index: 3; } .custom_sidebar.sidebar_style01 .custom_sidebar_icon { position: fixed; right: 0; top: 20%; margin-right: -3px; background: #fff; border-radius: 3px 0 0 3px; border: 1px solid #ddd; -webkit-transform: translate(0%); -webkit-transition: transform .3s linear; z-index: 1; height: 550px; line-height: 550px; } .custom_sidebar.sidebar_style02 .custom_sidebar_icon { display: none; } .custom_sidebar.sidebar_style01 .custom_sidebar_icon.on { -webkit-transform: translate(-137%); display: none; } .custom_sidebar.sidebar_style01 .custom_sidebar_icon .fa { display: inline-block; width: 10px; text-align: center; font-size: 36px; line-height: 46px; color: #d0d0d0; vertical-align: middle; padding: 4px; } .custom_sidebar.sidebar_style01 .custom_side_right { transform: translate(100%); transition: transform .3s linear; } .custom_sidebar .custom_side_right { background: #fff; border: 1px solid #ddd; border-bottom-width: 0; } .custom_sidebar.sidebar_style01 .custom_sidebar_icon.on + .custom_side_right { -webkit-transform: translate(0%); } .custom_side_right > div { border-bottom: 1px solid #e7e7e7; font-size: 16px; text-align: center; padding: 10px 5px; position: relative; } .custom_side_right > div:last-child { border-bottom: 0; } .custom_side_right > div .fa { display: block; margin-bottom: 5px; } .custom_side_right > div span { display: block; font-size: 12px; } .sidebar_style01 .custom_model { display: none; } .sidebar_style01 .artificialService_model, .sidebar_style01 .onlineService_model, .sidebar_style01 .wechatNumber_model, .sidebar_style01 .appDownload_model { width: 200px; border: 1px solid #E8EEF5; background: #fff; box-shadow: -2px 0 8px 0 rgba(0,0,0,.05); min-height: 100px; z-index: 3; } .sidebar_style01 .artificialService_model { position: absolute; right: 90px; top: 40px; } .sidebar_style01 .onlineService_model { position: absolute; right: 90px; top: 100px; } .sidebar_style01 .wechatNumber_model { position: absolute; right: 90px; top: 210px; } .sidebar_style01 .appDownload_model { position: absolute; right: 90px; top: 160px; } .sidebar_style01 .artificialService_model:before, .sidebar_style01 .onlineService_model:before, .sidebar_style01 .wechatNumber_model:before, .sidebar_style01 .appDownload_model:before { content: ''; position: absolute; top: 45%; right: -8px; height: 14px; width: 14px; background-color: #fff; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); border-right: 1px solid #E8EEF5; border-top: 1px solid #E8EEF5; z-index: 2; } .sidebar_style01 .custom_model .fa-close { color: #999; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; position: absolute; right: 0; top: 0; } .sidebar_style01 .custom_model .fa-close:hover { color: #ff6a00; cursor: pointer; } .custom_music audio { display: none; } .master_stop .master_app, .master_stop .master_nav { display: none; } .master_stop .master_search { display: table-cell; } .master_logo { display: table-cell; vertical-align: middle; text-align: left; width: auto; } .master_app { display: table-cell; vertical-align: middle; text-align: right; } .master_app > div { display: inline-block; } .master_new { position: relative; background: #fff; padding: 10px 0; z-index: 100; } .master_stop { box-shadow: 0 2px 5px rgba(0,0,0,0.2); position: fixed; left: 0; top: 0; width: 100%; z-index: 10; } .master_new table { display: table-cell; } .master_search { display: table-cell; text-align: right; vertical-align: middle; display: none; } .master_new .wrap { display: table; width: 1200px; margin: 0 auto; position: relative; } .master_new .wrap:after { content: ""; display: block; clear: both; } .master_new.master_stop .wrap { width: 1200px; margin: 0 auto; } .master_new .master_nav { overflow: visible; text-align: center; vertical-align: middle; display: table-cell; position: relative; } .master_new .master_nav > ul > li { list-style-type: none; display: inline-block; padding: 12px 0; position: relative; color: #333; margin: 0 5px; width: 70px; } .master_new .master_nav > ul > li > a { color: #333; padding: 0 6px; font-size: 20px; font-family: 寰蒋闆呴粦; position: relative; } .master_new .master_nav > ul > li i { vertical-align: text-top; display: inline-block; } .master_new .master_nav > ul > li:after { content: ""; display: inline-block; bottom: 0; left: 0; width: 100%; height: 3px; background: #0892e6; position: absolute; -webkit-transition: transform .2s ease-in-out; -webkit-transform: scaleX(0); z-index: 1; } .master_new .master_nav > ul > li > a:hover, .master_new .master_nav > ul > li.active > a, .master_new .master_nav > ul > li:hover i { color: #0892e6; } .master_new .master_nav > ul > li.active:after, .master_new .master_nav > ul > li:hover:after { -webkit-transform: scaleX(1); } .master_new .master_nav > ul > li > ul { width: 110px; } .master_new .master_nav > ul > li > ul > li a { font-size: 16px; display: block; padding: 0 10px; white-space: nowrap; background: #fff; color: #333; } .master_new .master_nav > ul > li ul { border: 1px solid #e1e1e1; } .master_new .master_nav > ul > li > ul li { padding: 10px 6px; text-align: left; } .master_new .master_nav > ul > li li a:hover { color: #0892e6; } .master_new .master_nav > ul > li > ul { box-shadow: none; } .master_new .master_nav > ul > li > ul:before { display: none; } .master_new .master_nav > ul > li > ul li { padding: 0; } #top_suerinfo { position: relative; cursor: pointer; text-align: center; } #top_suerinfo ul { display: none; position: absolute; left: 0; top: 100%; min-width: 100%; border: 1px solid #ddd; border-radius: 6px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } #top_suerinfo ul:after { content: ""; position: absolute; left: 50%; top: -12px; border: 6px solid #fff; border-color: transparent transparent #fff transparent; width: 0; height: 0; margin-left: -6px; } #top_suerinfo ul:before { content: ""; position: absolute; left: 50%; top: -14px; border: 7px solid #ccc; border-color: transparent transparent #ccc transparent; width: 0; height: 0; margin-left: -7px; } #top_suerinfo .user_header { width: 42px; height: 42px; border-radius: 50%; vertical-align: middle; margin-left: 10px; } #top_suerinfo:hover ul { display: block; } #top_suerinfo ul a { display: block; padding: 5px 10px; } #top_suerinfo ul a:hover { color: #1a73cc; background: #f7f7f7; } #top_suerinfo ul li:first-child a { border-radius: 6px 6px 0 0; } #top_suerinfo ul li:last-child a { border-radius: 0 0 6px 6px; } #top_suerinfo > span > a { font-size: 14px; font-family: 寰蒋闆呴粦; /*width: 42px;*/ text-overflow: clip; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; } #top_suerinfo .login { background: #fff; color: #00a0e9; padding: 8px 18px; border-radius: 3px; border: #00a0e9 solid 1px; margin-right: 7px; } #top_suerinfo .login:hover { background: #00a0e9; color: #fff; } .custom_more .more_a { display: inline-block; margin-right: 10px; } .custom_more .more_a a { display: inline-block; background: #fff; color: #00a0e9; padding: 8px 10px; border-radius: 3px; border: #00a0e9 solid 1px; } .custom_more .more_a:last-child { margin-right: 0; } .custom_more .more_a a { color: #00a0e9; } .custom_more .more_a a:hover { background: #00a0e9; color: #fff; } .master-search-bar { display: inline-block; margin: 0 auto; line-height: 40px; border: 1px solid #0892e6; border-left: 0; white-space: nowrap; border-radius: 6px; } .master-search-bar > * { display: inline-block; } .master-search-type { position: relative; background: #0892e6; cursor: pointer; padding: 0 10px; color: #fff; border-radius: 5px 0 0 5px; } .master-search-type ul { position: absolute; left: 0; top: 116%; min-width: 100%; background: #0892e6; text-align: center; line-height: 30px; border-radius: 6px; -webkit-transform: scale(0); -webkit-transition: transform .2s ease-in-out,opacity .2s ease-in-out; -webkit-transform-origin: center top; opacity: 0; } .master-search-type:hover ul { -webkit-transform: scale(1); opacity: 1; } .master-search-type ul:before { content: ""; display: inline-block; border: 5px solid #0892e6; border-color: transparent transparent #0892e6 transparent; left: 50%; top: -8px; margin-left: -5px; position: absolute; width: 0; height: 0; } .master-search-type li { cursor: pointer; } .master-search-type .fa { margin-left: 10px; } .master-search-type li:hover { background: #055281; } .master-search-type li:first-child { border-radius: 6px 6px 0 0; } .master-search-type li:last-child { border-radius: 0 0 6px 6px; } .master-search-button { background: #0892e6; padding: 0 20px; border-radius: 0 5px 5px 0; } .master-search-button .fa { font-size: 20px; color: #fff; } .master-search-keywords input { border: 0; line-height: 36px; font-size: 16px; padding: 0 10px; width: 500px; height: 36px; } .master-search-button:hover { background-color: #055281; } .custom_sidebar.sidebar_style01 { display: none; } .sidebar_style01 .qrcode-box, .sidebar_style01 .contact-box { display: none; } .sidebar_style02 .right-float-panel { top: auto; right: 0; bottom: 20px; } .custom_sidebar.sidebar_style02 .custom_side_right { transition: all .2s ease-out; padding: 0; border-color: #c3d2ee; border-bottom-width: 0; } .sidebar_style02 .custom_side_right > div { padding: 15px; border-bottom-color: #c3d2ee; } .sidebar_style02 .custom_side_right > div a { color: #666; } .sidebar_style02 .custom_side_right > div .fa { font-size: 35px; color: #4b85ff; } .sidebar_style02 .custom_side_right > div:hover { background: #4b85ff; } .sidebar_style02 .custom_side_right > div:hover .fa, .sidebar_style02 .custom_side_right > div:hover a { color: #fff; } .sidebar_style02 .appDownload { position: relative; } .sidebar_style02 .qrcode-box { border: 1px solid #c3d2ee; position: absolute; right: 78px; top: -190px; border: solid 1px #c3d2ee; background-color: #fff; font-size: 14px; color: #6d737d; display: none; cursor: default; } .sidebar_style02 .qrcode-box:before, .sidebar_style02 .contact-box:before { content: ''; position: absolute; top: 76%; right: -8px; height: 14px; width: 14px; background-color: #fff; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); border-right: 1px solid #c3d2ee; border-top: 1px solid #c3d2ee; z-index: 2; } .sidebar_style02 .appDownload:hover .qrcode-box { display: block; } .sidebar_style02 .qrcode-box > div { padding: 15px; text-align: center; } .sidebar_style02 .qrcode-box-top { border-bottom: 1px solid #c3d2ee; } .sidebar_style02 .qrcode-box > div img { width: 100%; height: 100%; } .sidebar_style02 .onlineService { position: relative; } .sidebar_style02 .contact-box { border: 1px solid #c3d2ee; position: absolute; right: 78px; top: -90px; background-color: #fff; font-size: 14px; color: #6d737d; cursor: default; display: none; } .sidebar_style02 .onlineService:hover .contact-box { display: block; } .sidebar_style02 .contact-box-top { border-bottom: 1px solid #c3d2ee; } .sidebar_style02 .contact-box > div { padding: 12px 20px; text-align: center; font-size: 12px; width: 120px; } .sidebar_style02 .custom_side_right .contact-box > div .fa { font-size: 16px; color: #80ceff; border: 1px solid #80ceff; border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto; margin-bottom: 8px; } .sidebar_style02 .contact-box > div img { width: 100%; height: 100%; }