@font-face { font-family: 'zw_iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_yi4hgg174u.eot'); src: url('//at.alicdn.com/t/font_249974_yi4hgg174u.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_yi4hgg174u.woff') format('woff'), url('//at.alicdn.com/t/font_249974_yi4hgg174u.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_yi4hgg174u.svg#iconfont') format('svg'); } .webIcon{ font-family: "zw_iconfont" !important; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'Conv_ImpactLTStd'; src: url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.eot'); src: local('鈽?), url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.woff') format('woff'), url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.ttf') format('truetype'), url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.svg') format('svg'); font-weight: normal; font-style: normal; } * { -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } input, textarea{ -moz-user-select: text; -o-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; } a:focus{ text-decoration: none; } #zw_header.header_pc{ width: 100%; background-color: #fff; padding-top: 16px; padding-bottom: 22px; position: relative; z-index: 1000; } #zw_header.header_pc .header_content{ width: 1170px; height: 60px; margin: 0 auto; text-align: center; position: relative; } #zw_header.header_pc .logo{ position: absolute; left: 0; top: 0; } #zw_header.header_pc .logo a{ width: 60px; height: 60px; display: block; font-size: 0; } #zw_header.header_pc .logo img{ width: 100%; height: 100%; object-fit: contain; } #zw_header.header_pc .nav_block{ height: 60px; padding: 14px 0; position: absolute; right: 0; top: 0; } #zw_header.header_pc .nav_block .wechat{ width: 32px; height: 32px; position: relative; margin-left: 14px; float: left; } #zw_header.header_pc .wechat a.wechat_icon{ width: 32px; height: 32px; display: block; background-color: #2e0f6e; text-align: center; line-height: 32px; border-radius: 5px; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .wechat a.wechat_icon:hover{ background-color: #e10000; } #zw_header.header_pc .wechat .webIcon{ font-size: 20px; color: #fff; } #zw_header.header_pc .wechat .webIcon:after{ content: "\e603"; } #zw_header.header_pc .wechat .wechat_content{ display: none; border: 1px solid #ccc; position: absolute; right: -54px; width: 140px; top: 50px; padding: 9px; background-color: #fff; border-radius: 3px; -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; } #zw_header.header_pc .wechat .wechat_content:after{ content: ""; width: 10px; height: 10px; display: block; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #fff; position: absolute; top: -6px; right: 64px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #zw_header.header_pc .wechat .wechat_content .code{ width: 120px; height: 120px; font-size: 0; background-color: #eee; margin-bottom:6px; } #zw_header.header_pc .wechat .wechat_content .code img{ width: 100%; height: 100%; } #zw_header.header_pc .wechat .wechat_content p{ text-align: center; line-height: 24px; } #zw_header.header_pc .nav_block .search{ width: 32px; height: 32px; position: relative; margin-left: 14px; float: left; } #zw_header.header_pc .search a.search_icon{ width: 32px; height: 32px; display: block; background-color: #2e0f6e; text-align: center; line-height: 34px; border-radius: 5px; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .search a.search_icon:hover{ background-color: #e10000; } #zw_header.header_pc .search .webIcon{ font-size: 16px; color: #fff; } #zw_header.header_pc .search .webIcon:after{ content: "\e913"; } #zw_header.header_pc .search .search_content{ display: none; border: 1px solid #ccc; position: absolute; right: -7px; width: 250px; top: 50px; padding: 10px; background-color: #fff; border-radius: 3px; -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } #zw_header.header_pc .search .search_content:after{ content: ""; width: 10px; height: 10px; display: block; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #fff; position: absolute; top: -6px; right: 17px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #zw_header.header_pc .search .search_content .search_text{ width: 188px; padding: 0 10px; border: none; outline: none; float: left; height: 40px; line-height: 40px; font-size: 14px; color: #333; background-color: #eee; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .search .search_content .search_btn{ float: left; width: 40px; height: 40px; display: block; text-align: center; line-height: 42px; font-size: 14px; background-color: #999; color: #fff; position: relative; z-index: 5; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .search .search_content .search_btn:hover{ background-color: #2e0f6e; } #zw_header.header_pc .search .search_content .search_btn .webIcon{ font-size: 16px; color: #fff; } #zw_header.header_pc .nav_block .lang{ height: 32px; line-height: 32px; font-size: 14px; color: #999; float: left; padding-right: 14px; position: relative; } #zw_header.header_pc .nav_block .lang:after{ content: ""; width: 1px; height: 12px; display: block; background-color: #e6e6e6; position: absolute; right: 0; top: 10px; } #zw_header.header_pc .nav_block .lang a{ color: #999; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_header.header_pc .nav_block .lang a:hover{ color: #2e0f6e; } #zw_header.header_pc .nav{ display: inline-block; *display:inline; *zoom:1; } #zw_header.header_pc .nav .nav_ul{ overflow: hidden; } #zw_header.header_pc .nav .nav_list{ float: left; padding: 15px 0; margin-left: 20px; } #zw_header.header_pc .nav .nav_list a{ width: 86px; display: block; height: 30px; text-align: center; } #zw_header.header_pc .nav_list.nav_list_index a{ width: 58px; } #zw_header.header_pc .nav_list .nav_rotate{ display: block; height: 30px; perspective: 200; -webkit-perspective: 200; transition: 0.25s; -webkit-transition: 0.25s; position:relative; } /*#zw_header.header_pc .nav_list a:hover .nav_rotate{ transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } #zw_header.header_pc .nav .active a .nav_rotate{ transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); }*/ #zw_header.header_pc .nav_list .nav_rotate span{ display: block; position: absolute; width: 100%; height: 30px; line-height: 30px; font-size: 14px; background-color: #fff; color: #000; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); left:0; transition: 0.25s; -webkit-transition: 0.25s; } #zw_header.header_pc .nav_list .nav_rotate span.nav_name { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); top:0; } #zw_header.header_pc .nav .active .nav_rotate span.nav_name, #zw_header.header_pc .nav_list a:hover .nav_rotate span.nav_name { top: 20px; background: #ccc; transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #zw_header.header_pc .nav_list .nav_rotate span.nav_back_name{ transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); top:-20px; background-color: #2e0f6e; color: #fff; } #zw_header.header_pc .nav .active .nav_rotate span.nav_back_name, #zw_header.header_pc .nav_list a:hover .nav_rotate span.nav_back_name { top: 0; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* 绉诲姩绔 */ #zw_header .header_mobile{ width: 100%; height: 16vw; background-color: #fff; position: relative; } #zw_header .header_mobile .header_content{ text-align: center; position: relative; z-index: 100; box-shadow: 0 0 1vw #ccc; } #zw_header .header_mobile .logo{ display: inline-block; height: 16vw; width: auto; padding: 1vw 0; } #zw_header .header_mobile .logo img{ height: 100%; width: 100%; object-fit: contain; } #zw_header .header_mobile .nav_icon{ width: 16vw; height: 16vw; padding: 5vw; display: block; position: absolute; left: 0; top: 0; } #zw_header .header_mobile .nav_icon .webIcon{ font-size: 6vw; color: #2e0f6e; width: 6vw; height: 6vw; display: block; text-align: center; line-height: 6vw; } #zw_header .header_mobile .nav_icon .webIcon:after{ content: "\e7ff"; } #zw_header .header_mobile .search_icon{ width: 16vw; height: 16vw; padding: 5vw; display: block; position: absolute; right: 0; top: 0; } #zw_header .header_mobile .search_icon .webIcon{ font-size: 6vw; color: #2e0f6e; width: 6vw; height: 6vw; display: block; text-align: center; line-height: 6vw; } #zw_header .header_mobile .search_icon .webIcon:after{ content: "\e6f9"; } #zw_header .header_mobile .search_block{ position: absolute; width: 100vw; height: 14vw; background-color: #fff; position: absolute; right: 0; top: 16vw; z-index: 10; overflow: hidden; padding-left: 2vw; height: 0; transition: all ease-in-out .3s; } #zw_header .header_mobile .search_block.active{ height: 14vw; } #zw_header .header_mobile .search_text{ height: 14vw; float: left; width: calc(100vw - 16vw); padding: 0 3vw; } #zw_header .header_mobile .search_btn{ width: 14vw; height: 14vw; padding: 4vw; display: block; float: right; } #zw_header .header_mobile .search_btn .webIcon{ font-size: 6vw; color: #2e0f6e; width: 6vw; height: 6vw; display: block; text-align: center; line-height: 6vw; } #zw_header .header_mobile .search_btn .webIcon:after{ content: "\e6f9"; } #zw_header .nav_mobile{ position: fixed; height: 100%; width: 80vw; z-index: 200; left: -80vw; top: 0; background-color: #f3f3f3; padding-top: 6vw; transition: all .3s; } #zw_header .nav_mobile.active{ left: 0; } #g_web{ position: relative; left: 0; transition: all .3s; } #g_web.active{ left: 80vw; } #g_body{ overflow: auto; } #g_body.active{ overflow: hidden; } #zw_header .close_nav{ width: 100vw; height: 100vh; background-color: #000; opacity: 0.5; position: fixed; left: 0; top: 0; z-index: 100; display: none; } #zw_header .nav_mobile .nav_list{ width: 100%; height: 14vw; line-height: 14vw; box-sizing: content-box; border-bottom: 1px solid #ccc; } #zw_header .nav_mobile .nav_list.nav_active{ background-color: #fff; } #zw_header .nav_mobile .nav_list a{ width: 50vw; font-size: 4vw; display: inline-block; padding: 0 5vw; line-height: 14vw; color: #666; } #zw_header .nav_mobile .nav_list.nav_active a{ color: #2e0f6e; } #zw_banner_inside.banner_inside_pc{ width: 100%; max-width: 1920px; height: 400px; margin: 0 auto; background-size: auto 100%; background-repeat: no-repeat; background-position: center; } #zw_banner_inside.banner_inside_mobile{ width: 100%; height: 40vw; background-size: cover; background-repeat: no-repeat; background-position: center; } #zw_breadNav.breadNav_pc{ width: 100%; height: 49px; border-bottom: 1px solid #ddd; } #zw_breadNav.breadNav_pc .nav_content{ width: 1170px; margin: 0 auto; height: 48px; overflow: hidden; } #zw_breadNav.breadNav_pc .nav_content .location{ display: block; line-height: 48px; font-size: 12px; color: #666666; float: left; } #zw_breadNav.breadNav_pc .nav_content ul{ float: left; } #zw_breadNav.breadNav_pc .nav_content li{ line-height: 48px; float: left; font-size: 0; } #zw_breadNav.breadNav_pc .nav_content li .separate_icon{ font-size: 12px; display: inline-block; line-height: 48px; color: #666666; margin: 0 8px; } #zw_breadNav.breadNav_pc .nav_content li a{ font-size: 12px; color: #666666; transition: all 0.3s; } #zw_breadNav.breadNav_pc .nav_content li a:hover{ color: #2e0f6e; } #zw_breadNav.breadNav_pc .nav_content li a.active{ color: #2e0f6e; } /* 绉诲姩绔 */ #zw_breadNav.breadNav_mobile{ width: 100%; height: 12vw; box-sizing: content-box; border-bottom: 1px solid #ddd; } #zw_breadNav.breadNav_mobile .nav_content{ padding: 0 3vw; height: 12vw; overflow: hidden; } #zw_breadNav.breadNav_mobile .nav_content .location{ display: block; line-height: 12vw; font-size: 3vw; color: #666; float: left; } #zw_breadNav.breadNav_mobile .nav_content ul{ float: left; height: 12vw; } #zw_breadNav.breadNav_mobile .nav_content li{ height: 12vw; line-height: 12vw; float: left; font-size: 0; } #zw_breadNav.breadNav_mobile .nav_content li .separate_icon{ font-size: 3vw; display: inline-block; line-height: 12vw; color: #666; margin: 0 1vw; } #zw_breadNav.breadNav_mobile .nav_content li a{ font-size: 3.5vw; color: #666; } #zw_breadNav.breadNav_mobile .nav_content li a.active{ color: #2e0f6e; } #zw_map .map{ width: 100%; height: 445px; position: relative; } #zw_map .amap-info-content{ text-align: center; } #zw_map .amap-info-content span{ display: block; color: #333; font-size: 12px; line-height: 24px; } #zw_map .amap-info-content .company{ display: block; font-size: 15px; color: #e10000; line-height: 30px; } #zw_contact.contact_pc{ padding-top: 68px; padding-bottom: 20px; width: 1170px; margin: 0 auto; overflow: hidden; } #zw_contact.contact_pc #zw_map{ width: 705px; height: 445px; float: right; } #zw_contact.contact_pc .contact_content{ width: 445px; float: left; } #zw_contact.contact_pc .contact_content .contact_block{ width: 100%; height: 109px; margin-top: 3px; background-color: #f6f6f6; padding-top: 32px; padding-bottom: 31px; padding-left: 116px; position: relative; } #zw_contact.contact_pc .contact_block.contact_addr{ margin-top: 0; } #zw_contact.contact_pc .contact_block .contact_icon{ width: 46px; height: 46px; position: absolute; top: 32px; left: 52px; text-align: center; line-height: 48px; } #zw_contact.contact_pc .contact_block .contact_icon .webIcon{ font-size: 40px; color: #2e0f6e; } #zw_contact.contact_pc .contact_block.contact_addr .contact_icon .webIcon:after{ content: "\e7da"; } #zw_contact.contact_pc .contact_block.contact_tel .contact_icon .webIcon:after{ content: "\e829"; } #zw_contact.contact_pc .contact_block.contact_email .contact_icon .webIcon{ font-size: 36px; } #zw_contact.contact_pc .contact_block.contact_email .contact_icon .webIcon:after{ content: "\e7d2"; } #zw_contact.contact_pc .contact_block.contact_website .contact_icon .webIcon:after{ content: "\e91c"; } #zw_contact.contact_pc .contact_block h1{ font-size: 14px; line-height: 22px; color: #999999; } #zw_contact.contact_pc .contact_block p{ font-size: 16px; line-height: 24px; color: #000000; font-family: "Arial"; } #zw_contact.contact_pc .contact_block.contact_addr p{ font-family: "Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #zw_contact.contact_pc .contact_block a{ color: #000000; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_contact.contact_pc .contact_block a:hover{ color: #e10000; } /* 绉诲姩绔 */ #zw_contact.contact_mobile{ padding: 0 3vw; padding-top: 7vw; } #zw_contact.contact_mobile .contact_content{ margin-bottom: 5vw; } #zw_contact.contact_mobile .contact_block{ margin-bottom: 1vw; width: 100%; height: 16vw; background-color: #f6f6f6; position: relative; padding-top: 3.1vw; padding-left: 25vw; } #zw_contact.contact_mobile .contact_block .contact_icon{ width: 9.8vw; height: 9.8vw; position: absolute; top: 3.1vw; left: 12vw; text-align: center; line-height: 9.8vw; } #zw_contact.contact_mobile .contact_block .contact_icon .webIcon{ font-size: 8vw; color: #2e0f6e; } #zw_contact.contact_mobile .contact_block.contact_addr .contact_icon .webIcon:after{ content: "\e7da"; } #zw_contact.contact_mobile .contact_block.contact_tel .contact_icon .webIcon:after{ content: "\e829"; } #zw_contact.contact_mobile .contact_block.contact_email .contact_icon .webIcon{ } #zw_contact.contact_mobile .contact_block.contact_email .contact_icon .webIcon:after{ content: "\e7d2"; } #zw_contact.contact_mobile .contact_block.contact_website .contact_icon .webIcon:after{ content: "\e91c"; } #zw_contact.contact_mobile .contact_block .contact_info h1{ font-size: 3.5vw; line-height: 1.4; color: #999999; } #zw_contact.contact_mobile .contact_block .contact_info p{ font-size: 3.5vw; line-height: 1.4; color: #000000; } #zw_contact.contact_mobile .contact_block .contact_info a{ color: #000000; } input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #zw_message.message_pc{ padding-bottom: 72px; } #zw_message.message_pc .message_title{ width: 1170px; margin: 0 auto; } #zw_message.message_pc .message_title h1{ font-size: 24px; line-height: 72px; color: #2e0f6e; } #zw_message.message_pc .message_content{ width: 1170px; margin: 0 auto; overflow: hidden; } #zw_message.message_pc .input_content{ overflow: hidden; } #zw_message.message_pc .input_content .msg_text{ width: 570px; height: 56px; line-height: 56px; float: left; margin-right: 30px; outline: none; padding: 0 16px; font-size: 14px; background: #f7f7f7; color: #404040; border: none; margin-bottom: 22px; font-weight: normal; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .input_content .msg_text:nth-child(2n){ margin-right: 0; } #zw_message.message_pc input::-webkit-input-placeholder { color: #999; font-family: "Microsoft YaHei","SimHei","SimSun"; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .textarea_content{ padding-top: 3px; margin-bottom: 34px; } #zw_message.message_pc .textarea_content .msg_content{ width: 100%; height: 170px; font-size: 14px; line-height: 24px; color: #404040; background: #f7f7f7; outline: none; padding: 10px 16px; resize: none; border: none; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .textarea_content textarea::-webkit-input-placeholder { color: #999; font-family: "Microsoft YaHei","SimHei","SimSun"; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .code_content{ overflow: hidden; } #zw_message.message_pc .code_content .msg_code{ width: 285px; height: 56px; line-height: 56px; float: left; margin-right: 20px; outline: none; padding: 0 16px; font-size: 14px; background: #f7f7f7; color: #404040; border: none; font-weight: normal; font-family: "Microsoft YaHei","SimHei","SimSun"; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .code_content #verifyPic{ height: 56px; width: auto; float: left; } #zw_message.message_pc .msg_btn{ width: 285px; height: 56px; line-height: 54px; text-align: center; font-size: 14px; color: #fff; display: block; border: 1px solid #2e0f6e; float: right; position: relative; z-index: 2; overflow: hidden; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .msg_btn:hover{ color: #2e0f6e; } #zw_message.message_pc .msg_btn:before{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; left: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .msg_btn:hover::before{ left: -60%; } #zw_message.message_pc .msg_btn:after{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; right: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_message.message_pc .msg_btn:hover::after{ right: -60%; } /* 绉诲姩绔 */ @font-face {font-family: 'webfont_message_h1'; src: url('//at.alicdn.com/t/webfont_hira2jgidi8.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_hira2jgidi8.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_hira2jgidi8.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_hira2jgidi8.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_hira2jgidi8.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */ } #zw_message.message_mobile{ padding: 7vw 3vw; } #zw_message.message_mobile .message_title h1{ line-height: 1.2; font-size: 7vw; color: #2e0f6e; font-family: "webfont_message_h1"; text-align: center; } #zw_message.message_mobile .message_content { padding-top: 5vw; } #zw_message.message_mobile .message_content .msg_text { width: 100%; height: 12vw; background-color: #ccc; margin-bottom: 2vw; padding: 0 3vw; font-size: 3.5vw; border-radius: 1vw; color: #fff; } #zw_message.message_mobile .message_content .input_content{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } #zw_message.message_mobile .message_content .input_content .msg_text{ width: 46vw; } #zw_message.message_mobile .message_content .code_content { overflow: hidden; } #zw_message.message_mobile .message_content .msg_code { width: calc(100% - 38vw); float: left; } #zw_message.message_mobile .message_content #verifyPic { height: 12vw; width: auto; float: right; } #zw_message.message_mobile .message_content .textarea_content { font-size: 0; margin-bottom: 2vw; } #zw_message.message_mobile .message_content .msg_content { width: 100%; height: 30vw; background-color:#ccc; padding: 3vw 2.5vw; font-size: 3.5vw; line-height: 1.2; border-radius: 1vw; color: #fff; resize: none; } #zw_message.message_mobile .message_content input::-webkit-input-placeholder { color: #fff; } #zw_message.message_mobile .message_content textarea::-webkit-input-placeholder { color: #fff; } #zw_message.message_mobile .message_content .msg_btn { width: 100%; height: 12vw; display: block; line-height: 12vw; text-align: center; font-size: 3.5vw; color: #fff; background: #2e0f6e; border-radius: 1vw; } #zw_footer.footer_pc{ width: 100%; } #zw_footer.footer_pc .top{ height: 288px; padding-top: 58px; background-color: #2e0f6e; } #zw_footer.footer_pc .top .top_content{ width: 1170px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } #zw_footer.footer_pc .top .logo_block img{ margin-bottom: 12px; } #zw_footer.footer_pc .top .logo_block p{ font-size: 12px; line-height: 24px; color: #aca6bf; } #zw_footer.footer_pc .top .nav_block h1{ font-size: 16px; line-height: 18px; color: #ffffff; margin-bottom: 12px; } #zw_footer.footer_pc .top .nav_block li{ line-height: 24px; } #zw_footer.footer_pc .top .nav_block li a{ font-size: 12px; color: #aca6bf; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_footer.footer_pc .top .nav_block li a:hover{ color: #e10000; } #zw_footer.footer_pc .top .code_block{ width: 130px; text-align: center; } #zw_footer.footer_pc .top .code_block .code_pic{ width: 130px; height: 130px; font-size: 0; background-color: #a193be; margin-bottom: 12px; } #zw_footer.footer_pc .top .code_block .code_pic img{ width: 100%; height: 100%; } #zw_footer.footer_pc .top .code_block p{ font-size: 12px; line-height: 20px; color: #ffffff; } #zw_footer.footer_pc .bottom{ height: 89px; border-top: 1px solid #563d89; background-color: #2e0f6e; } #zw_footer.footer_pc .bottom .bottom_content{ width: 1170px; margin: 0 auto; overflow: hidden; font-size: 12px; color: #aca6bf; } #zw_footer.footer_pc .bottom .bottom_content span{ display: block; float: left; line-height: 88px; margin-right: 12px; } #zw_footer.footer_pc .bottom .bottom_content span a{ font-size: 12px; color: #aca6bf; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_footer.footer_pc .bottom .bottom_content span a:hover{ color: #e10000; } #zw_footer.footer_pc .bottom .bottom_content ul{ float: right; } #zw_footer.footer_pc .bottom .bottom_content ul li{ float: left; margin-left: 6px; padding: 28px 0; } #zw_footer.footer_pc .bottom .bottom_content li a{ width: 32px; height: 32px; display: block; background-color: #9787b7; border-radius: 5px; text-align: center; line-height: 30px; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_footer.footer_pc .bottom .bottom_content li a:hover{ background-color: #e10000; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_wechat{ line-height: 34px; } #zw_footer.footer_pc .bottom .bottom_content li a .webIcon{ color: #2e0f6e; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_qq .webIcon{ font-size: 18px; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_wechat .webIcon{ font-size: 22px; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_weibo .webIcon{ font-size: 20px; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_qq .webIcon:after{ content: "\e62d"; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_wechat .webIcon:after{ content: "\e603"; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_weibo .webIcon:after{ content: "\e726"; } /* 绉诲姩绔 */ #zw_footer.footer_mobile{ width: 100%; } #zw_footer.footer_mobile .copyright{ font-size: 3.5vw; border-top: 1px solid #563d89; line-height: 12vw; padding: 0 3vw; color: #aca6bf; background-color: #2e0f6e; text-align: center; box-sizing: content-box; } #zw_footer.footer_mobile .nav{ padding: 0 3vw; background-color: #2e0f6e; border-bottom: 1px solid #563d89; } #zw_footer.footer_mobile .nav ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } #zw_footer.footer_mobile .nav li{ line-height: 12vw; } #zw_footer.footer_mobile .nav a{ font-size: 3.5vw; color: #fff; } #zw_footer.footer_mobile .logo{ text-align: center; background-color: #2e0f6e; padding: 4vw; } #zw_footer.footer_mobile .logo p{ font-size: 3.5vw; color: #aca6bf; } #zw_footer.footer_mobile .logo .logo_block{ font-size: 0; max-width: 20vw; margin: 0 auto; margin-bottom: 4vw; } #zw_footer.footer_mobile .logo .logo_block img{ width: 100%; height: auto; }