/*公共*/ .re_topMenu, .re_footer{ background:#0a272f; text-align:center; width:100%; color:#f5f5f5;} .re_topMenu a, .re_footer a{ color:#f5f5f5;} .re_m_pageMenu{ display:none;} .clearfix{*zoom: 1;} .clearfix:before, .clearfix:after{display: table; line-height: 0; content: ""; } .clearfix:after { clear: both;} .clear{*zoom: 1;} .clear:before, .clear:after{display: table; line-height: 0; content: ""; } .clear:after { clear: both;} bady{ overflow-x:hidden;} /*正式版*/ #share_prod_name{ position: absolute; left: -999em; overflow: hidden; width: 1px; height: 1px; } .top-bar .mobile{ display:none; } #header{ position:relative; max-width:1440px; margin:0 auto;} #header #logo{ display:block; margin:0 auto 10px auto; padding:20px 0; text-align:center;} #header #logo img{ margin:0 auto;} .search_box{ position:absolute; top:20px; right:100px; font-size:0;border:solid 1px #353535;} .search_box #GlobalSearchBox{ height:24px; line-height:24px; font-size:12px; background:none; width:118px; padding:0 4px; display:inline-block; vertical-align:middle; border:none; color:#fff;} .search_box #GlobalSearchSubmit{ display:inline-block; vertical-align:middle;width: 18px;height: 15px; border:none; background:url(nav_search.png) no-repeat center;} .top_onlineServerLink{ position:absolute; top:24px; right:40px; font-size:12px;} .top-bar-section{} .top-bar-section ul{ font-size:0;} .top-bar-section li{ display:inline-block; vertical-align:middle; height:45px; line-height:45px; font-size:16px; padding:0 40px;border-bottom:solid 3px #1f1f1f; position:relative;} .top-bar-section .left > li a{display:block; text-align:center;} .top-bar-section li.liveChart{ display:none;} .top-bar-section li a .home_icon{background: url(nav_home.png) no-repeat center bottom;width: 23px; height: 45px; display: block; text-indent: -9999px;} .top-bar-section .left > li:hover{ border-bottom:solid 3px #fc2561;} #Submenu-Face a, #Submenu-Eye a, #Submenu-Lip a, #Submenu-Nail a, #Submenu-Remover a{ color:#76b9d9;} .has-dropdown .dropdown{ display:none; position:absolute; top:48px; left:0; z-index:10000; background:#1f1f1f; width:850px; padding-top:15px;} .has-dropdown .dropdown .nav_list{ float:left;} .has-dropdown .dropdown .nav_list ul{ margin-bottom:20px; width:460px; height:350px; margin:20px 0px 0px 0px;} .has-dropdown .dropdown .nav_list li{ display:block; width:100px; float:left; padding-left:8px; height:26px; border-bottom:none;padding:0 10px;color:#f5f5f5 !important; font-size:12px; line-height:26px;} .has-dropdown .dropdown .nav_list li:hover{ border-bottom:none;} .has-dropdown .dropdown .nav_list li a{color:#c0c0c0 !important; font-size:14px; line-height:26px; text-align:left; margin-left:24px; } .has-dropdown .dropdown .nav_list .clear{color:#c0c0c0; font-size:14px; line-height:26px; text-align:left;} .has-dropdown .dropdown .nav_list .clear a{color:#c0c0c0 !important; text-align:left; padding:0 10px; margin-left:24px;} .has-dropdown .dropdown .sub_top_eye{ font-size:0; width:100%; clear:both; padding-top:40px;} .has-dropdown .dropdown .sub_top_eye a{ display:inline-block; vertical-align:middle; width:50%;} .has-dropdown .dropdown .sub_pic{ float:right; border-left:solid 1px #39383D; top:10px;} .top-bar-section li:nth-child(7) li{ padding:0;} .top-bar-section li:nth-child(9) .dropdown{ background:#000; width:354px; padding:0;} .top-bar-section li:nth-child(9) .dropdown li{ height:auto; padding:0;} .top-bar-section li:nth-child(10) .dropdown{ background:#000; width:264px; padding:0;} .top-bar-section li:nth-child(10) .dropdown li{ height:auto; padding:0;} /*尾部*/ #footer{ position:relative; max-width:1080px; margin:0 auto 40px auto; padding-top:20px; text-align:left;} #footer .large-12.columns{ padding:12px 0;} #Two-dimensional-code{ display:inline-block; margin-right:10%; margin-left:2%;vertical-align:middle;} #Two-dimensional-code span{ float:left; line-height:20px; margin-top:20px; margin-right:15px; font-size:.875em; color:rgba(255,255,255,0.4);} #Two-dimensional-code em{ border:1px solid #646464; padding:4px; display:inline-block;} #Two-dimensional-code em img{ float:left; width:110px; height:110px;} #footer #follow{width: 40%; display:inline-block;margin-left:2%;vertical-align:middle; text-align:left;} #footer #follow span{ display:inline-block; vertical-align:middle; color:rgba(255,255,255,0.4);} #footer #follow ul{display: inline-block;vertical-align:middle;} #footer #follow ul li{float:left; width:30px; height:30px; margin-right:5px;} #footer #follow ul li.last{margin-right:0;} #footer #follow ul li.renren{ display:none;} #footer #follow ul li a{text-indent:-9999px;display:block; width:26px;height:26px;background:url(btn-sprite.png) 0 -700px no-repeat;} #footer #follow ul li a.sina{background-position:-2px -985px;} #footer #follow ul li a.sina:hover{background-position:-37px -985px;} #footer #follow ul li a.tecentar{background-position:-1px -1018px;} #footer #follow ul li a.tecentar:hover{background-position:-37px -1018px;} #footer #follow ul li a.tecent{background-position:-1px -1018px;} #footer #follow ul li a.tecentt:hover{background-position:-37px -1018px;} #footer #follow ul li a.renren{background-position:-1px -1146px;} #footer #follow ul li a.renren:hover{background-position:-37px -1146px;} #footer #follow ul li:nth-child(3){ display:none;} #footer #follow ul li a.weixin{background-position:-1px -1049px;} #footer #follow ul li a.weixin:hover{background-position:-37px -1049px;} #footer #follow ul li a.vk{background-position:0 -1208px;} #footer #follow ul li a.vk:hover{background-position:-35px -1208px;} #footer #follow ul li a.ok{background-position:0 -1240px;} #footer #follow ul li a.ok:hover{background-position:-35px -1240px;} #footer #follow ul li a.izlesene{background-position:0 -1272px;} #footer #follow ul li a.izlesene:hover{background-position:-35px -1272px;} section#footer_nav { position:relative; max-width:1080px; margin:0 auto; text-align:left; border-top:1px solid rgba(255,255,255,0.4);} section#footer_nav .columns{padding: 20px 0;} section#footer_nav ul li a{color:rgba(255,255,255,0.4); -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out;transition: color 0.5s ease-out;} section#footer_nav ul li a:hover{color:rgba(255,255,255,1);} section#footer_nav ul{float: left; width: 13.5%; padding-left:2%; padding-right: 1%; text-transform: uppercase; text-transform: left; } section#footer_nav ul li{padding: 0px 0px 10px; height:15px; font-size:.875em;} section#footer_nav ul li.footer_nav_head{ margin-bottom:8px;} section#footer_nav ul li.footer_nav_head a{ color:#76b9d9;} section#footer_nav .desktop ul:nth-child(1) li.footer_nav_head a, section#footer_nav .desktop ul:nth-child(2) li.footer_nav_head a, section#footer_nav .desktop ul:nth-child(3) li.footer_nav_head a, section#footer_nav .desktop ul:nth-child(4) li.footer_nav_head a, section#footer_nav .desktop ul:nth-child(5) li.footer_nav_head a{ color:#76b9d9;} section#footer_nav .tablet_ver{ display:none;} section#footer_nav .mobile_ver{ display:none;} .legal{ text-align:right; font-size:12px;border-top:1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.4); line-height:30px;} .re_menuCode, .re_menuCodeBox, .re_menuCodeBox2{ display:none ;} .re_menuCodeBox, .re_menuCodeBox2{ width:300px; height:428px; position: fixed; left:50%; top:50%; margin:-214px 0 0 -150px; display:none; z-index:900000;} .re_menuCodeBox .code_close, .re_menuCodeBox2 .code_close{ width:52px; height:52px; display:block; text-indent:-9999px; overflow:hidden; float:right; position:absolute; top:0; right:0; cursor:pointer;} @media screen and (max-width: 1060px) { .top-bar-section li{ padding:0 15px;} } @media screen and (max-width: 940px) { #header #logo img{ margin-left:40px;} .top-bar-section li{ padding:0 10px;} } @media screen and (max-width: 715px) { #header #logo{ margin-bottom:10px; width:280px;} #header #logo img{ display:block; width:100%; margin:0 auto;} .search_box{ position:relative; top:0; right:auto; width:150px; left:4px; text-align:center;} .top-bar-section li{ padding:0 5px;} .search_box #GlobalSearchBox{ width:80%;} .top_onlineServerLink{ display:none;} .top-bar-section{ display:none;} .re_topMenu{ padding:0 0 20px 0;} .columns{ position:relative;} .re_menuCode{ border:1px solid #353334; color:#999; width:120px; height:24px; line-height:24px; font-size:12px; float:right; position:absolute; right:12px; top:0; display:block;} .re_menuCode:before{ content:""; width:28px; height:28px; border:1px solid #353334; border-radius:32px; background:url(logo_icon.jpg) center center no-repeat; background-size:contain; position:absolute; top:-3px; left:-38px; } .top-bar{ position:absolute; top:0; left:0; display:block;} .top-bar .toggle-topbar.menu-icon{ display:block; width:32px; height:32px; position:absolute; top:-64px; left:12px; background: url(mobile_nav.png) no-repeat center; background-size:contain;} .top-bar-section{ z-index:1000; position:absolute; top:-20px; left:0;} .top-bar-section > ul{ width:200px; text-align:left;} .top-bar-section > ul >li:nth-child(1){ display:none;} .top-bar-section > ul >li{ display:block; height:32px; background:#000; border-bottom: 1px solid #525052; line-height:32px;} .top-bar-section .left > li:hover{border-bottom: 1px solid #525052;} .top-bar-section .left > li a{ display:block; text-align:left;} .top-bar-section ul li > a{ background: url(menu_icon.png) no-repeat !important; background-size:32px auto !important;text-indent:46px !important;} .top-bar-section ul li:hover{ background-color:#535353;} .top-bar-section ul > li:nth-child(2) > a,.top-bar-section ul > li:nth-child(2):hover > a{ background-position:10px 2px !important;} .top-bar-section ul > li:nth-child(3) > a,.top-bar-section ul > li:nth-child(3):hover > a{ background-position:10px -35px !important;} .top-bar-section ul > li:nth-child(4) > a,.top-bar-section ul > li:nth-child(4):hover > a{ background-position:10px -72px !important;} .top-bar-section ul > li:nth-child(5) > a,.top-bar-section ul > li:nth-child(5):hover > a{ background-position:10px -109px !important;} .top-bar-section ul > li:nth-child(6) > a,.top-bar-section ul > li:nth-child(6):hover > a{ background-position:10px -146px !important;} .top-bar-section ul > li:nth-child(7) > a,.top-bar-section ul > li:nth-child(7):hover > a{ background-position:10px -175px !important;} .top-bar-section ul > li:nth-child(8) > a,.top-bar-section ul > li:nth-child(8):hover > a{ background-position:10px -210px !important;} .top-bar-section ul > li:nth-child(9) > a,.top-bar-section ul > li:nth-child(9):hover > a{ background-position:10px -247px !important;} .top-bar-section ul > li:nth-child(10) > a,.top-bar-section ul > li:nth-child(10):hover > a{ background-position:10px -284px !important;} .top-bar-section ul > li:nth-child(11) > a,.top-bar-section ul > li:nth-child(11):hover > a{ background-position:10px -324px !important;} } @media screen and (max-width:650px) { section#footer{ margin-bottom:10px;} section#footer_nav ul{ width:auto; padding:0; float:none; display:inline;} section#footer_nav ul li{ display:none;} section#footer_nav ul li.footer_nav_head{ display:inline-block; padding:0 15px;} section#footer_nav .columns{ text-align:center;} section#footer_nav .desktop ul:last-child{ display:block; margin-top:10px;} #Two-dimensional-code{ display:none;} #footer #follow{ width:97%;} #footer #follow ul li:nth-child(3){display:block;} } /*点赞浮层*/ .f_zan{ background:url(f_zan.jpg) no-repeat; width:381px; height:115px; position:fixed; top:50%; left:50%; margin:-58px 0 0 -190px; z-index:100000; color:#fff; display:none;} .f_zan p{ margin-left:100px; height:115px; line-height:115px; font-size:24px; text-align:center;} /*兼容处理*/ @media only screen and (max-width: 414px){ .legal{ text-align:center;} .f_zan{ zoom:0.6;} .re_menuCode{ width:170px; display:none;} .search_box{ width:390px;} .search_box #GlobalSearchBox{ width:90%;} #header #logo img{ width:75%;} .top-bar{ top:5px;} .topImgLink{ padding:15px 0 !important;} .topImgLink dl{ border-right:solid 1px #666;} .topImgLink dl:last-child{ border-right:none;} } @media only screen and (max-width: 375px){ .search_box{ width:350px;} #header #logo{ padding-left:30px; margin-bottom:0;} .top-bar{ top:10px;} } @media only screen and (max-width:320px){ .search_box{ width:295px;} .top-bar{ top:15px;} } @charset "gb2312"; /* CSS Document */ /* CSS 共通 */ @font-face { font-family: 'sweetsanspro-mediumRegular'; src:url('/font/sweetsanspro-medium.eot'); src:local('sweetsanspro-medium Regular'), local('sweetsanspro-medium'), url('/font/sweetsanspro-medium.woff') format('woff'), url('/font/sweetsanspro-medium.ttf') format('truetype'), url('/font/sweetsanspro-medium.svg#sweetsanspro-medium') format('svg'); } /*其中fontName替换为你的字体名称*/ @font-face { font-family: 'MillerDisplay-ItalicRegular'; src:url('/htdocs/font/MillerDisplay-Italic.eot'); src:local('MillerDisplay-Italic Regular'), local('MillerDisplay-Italic'), url('/htdocs/font/MillerDisplay-Italic.woff') format('woff'), url('/htdocs/font/MillerDisplay-Italic.ttf') format('truetype'), url('/htdocs/font/MillerDisplay-Italic.svg#MillerDisplay-Italic') format('svg'); } /*其中fontName替换为你的字体名称*/ @font-face { font-family: 'sweetsanspro-boldRegular'; src:url('/font/sweetsanspro-bold.eot'); src:local('sweetsanspro-bold Regular'), local('sweetsanspro-bold'), url('/font/sweetsanspro-bold.woff') format('woff'), url('/font/sweetsanspro-bold.ttf') format('truetype'), url('/font/sweetsanspro-bold.svg#sweetsanspro-bold') format('svg'); } /*其中fontName替换为你的字体名称*/ footer{ margin:0px auto; padding:30px 20px; background:#3c3c3c;} footer .footerBox{ width:1153px; margin:0px auto; padding:0px; overflow:hidden;} footer .copyRight{ font-size:13px; color:#b5b5b5; line-height:18px; font-family:sweetsanspro-mediumRegular;} footer .navList{ padding:10px 0px; margin-bottom:5px; color:#b5b5b5; font-size:14px; line-height:36px; font-family:微软雅黑,Microsoft YaHei;} footer .navList a{color:#b5b5b5; text-decoration:none; padding:0px 10px 0px 0px; font-family:微软雅黑,Microsoft YaHei;} footer .navList a:hover{color:#999; } footer .left{ float:left;} footer .right{ float:right;} footer .f-link{ overflow:hidden; padding:20px 0px;} footer .f-link ul{ list-style-type:none;} footer .f-link li{ float:left; padding:10px 10px 0px 0px; width:56px;} footer .f-link .img01{ background:url(/images/sina-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img02{ background:url(/images/weixin-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img03{ background:url(/images/in-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img04{ background:url(/images/Twitter-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img05{ background:url(/images/facebook-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img01:hover{ /*background:url(../img/sina-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img02:hover{ /*background:url(../img/weixin-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img03:hover{ /*background:url(../img/in-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img04:hover{ /*background:url(../img/Twitter-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img05:hover{ /*background:url(../img/facebook-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .footerLogo{ padding:30px 0px; text-align:right;} footer .filing{ font-size:12px; color:#9e9e9e; line-height:36px; font-family:微软雅黑,Microsoft YaHei;} .soust{ display:none;} .logoxsa{ display:none;} .navxsr{ display:none;} #divOne_2{ display:none;} .xinsearch{ display:none;} #divOne_3{ display:block; clear:both; float:none;} .leftr{ display:none;} .titlejxt{ border-bottom:solid 1px #454545; margin:0; padding:0; line-height:67px; font-size:25px; font-family:"宋体";} #menuBox .title.titlejxt .leftr{ display:none;} .leftl{ float:left;} .clearfd{ clear:both; float:none; display:block;} .titl{font-family:Arial, Helvetica, sans-serif, MillerDisplay-ItalicRegular; font-weight:normal; float:left; font-size:28px; line-height:65px; margin:0; padding:0;} .titr{ float:right;margin:0; padding:0;} .rwmxs{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.2); display: none; } .rwmxs1{ width: 300px; height: 300px; position: fixed;left: 50%; top: 25%; margin-left: -150px; border: 1px solid #cacacc; background:url(/images/rwmtp.jpg); } .closewx{ text-decoration:none; font-size:18px; color:#333; float:right; margin-right:10px;} @media (min-width: 980px) and (max-width: 1200px) { header{ overflow:hidden; width:980px; margin:0px auto; padding:0px;} nav{ float:left; padding:28px 0px 28px 0px; margin:0px;/* background:url(../img/nav-bg.png) top left repeat-x; position:fixed; top:0px; z-index:100;*/ width:640px;} nav ul{ padding:0px ; margin:0px auto; list-style-type:none; overflow:hidden;} nav li{ float:left; font-size:110%; } nav li a:link{ color:#525252; text-decoration:none;} nav li a:visited { color:#525252; text-decoration:none;} nav li a:hover{ color:#525252;font-weight:bold; /* border-bottom:1px solid #FFF;*/ text-decoration:none; font-family:"微软雅黑",Microsoft YaHei,Helvetica,Times New Roman; } nav .logo{ padding:10px 70px 0px 0px; margin:0px; text-align:center;} nav .logo h1{ padding:0px; margin:0px;} nav .navTitle{ padding:14px 30px 0px 0px; line-height:30px;} nav .navTest a:link{ font-weight:bold;} nav .navTest a:visited{ font-weight:bold;} nav .navTest a:hover{ font-weight:bold;} .slide_content_right{ display:none;} footer{ margin:0px auto; padding:30px 20px; background:#3c3c3c;} footer .footerBox{ width:950px; margin:0px auto; padding:0px; overflow:hidden;} footer .copyRight{ font-size:13px; color:#b5b5b5; line-height:18px; font-family:sweetsanspro-mediumRegular;} footer .navList{ padding:10px 0px; margin-bottom:5px; color:#b5b5b5; font-size:14px; line-height:36px; font-family:微软雅黑,Microsoft YaHei;} footer .navList a{color:#b5b5b5; text-decoration:none; padding:0px 10px 0px 0px;} footer .navList a:hover{color:#999; } footer .left{ float:left;} footer .right{ float:right;} footer .f-link{ overflow:hidden; padding:20px 0px;} footer .f-link ul{ list-style-type:none;} footer .f-link li{ float:left; padding:10px 10px 0px 0px; width:50px;} footer .f-link .img01{ background:url(../img/sina-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img02{ background:url(../img/weixin-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img03{ background:url(../img/in-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img04{ background:url(../img/Twitter-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img05{ background:url(../img/facebook-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img01:hover{ /*background:url(../img/sina-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img02:hover{ /*background:url(../img/weixin-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img03:hover{ /*background:url(../img/in-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img04:hover{ /*background:url(../img/Twitter-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img05:hover{ /*background:url(../img/facebook-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .footerLogo{ padding:30px 0px; text-align:right;} footer .filing{ font-size:12px; color:#9e9e9e; line-height:36px;} .titlejxt{ border-bottom:solid 1px #454545; margin:0; padding:0; line-height:53px; font-size:30px; font-family:"宋体";} } @media (min-width: 791px) and (max-width: 979px) { footer{ margin:0px auto; padding:30px 20px; background:#3c3c3c;} footer .footerBox{ width:750px; margin:0px auto; padding:0px; overflow:hidden;} footer .copyRight{ font-size:13px; color:#b5b5b5; line-height:18px; font-family:sweetsanspro-mediumRegular;} footer .navList{ padding:10px 0px; margin-bottom:5px; color:#b5b5b5; font-size:14px; line-height:36px; font-family:微软雅黑,Microsoft YaHei;} footer .navList a{color:#b5b5b5; text-decoration:none; padding:0px 10px 0px 0px;} footer .navList a:hover{color:#999; } footer .left{ float:left;} footer .right{ float:right;} footer .f-link{ overflow:hidden; padding:20px 0px;} footer .f-link ul{ list-style-type:none;} footer .f-link li{ float:left; padding:10px 10px 0px 0px; width:50px;} footer .f-link .img01{ background:url(../img/sina-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img02{ background:url(../img/weixin-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img03{ background:url(../img/in-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img04{ background:url(../img/Twitter-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img05{ background:url(../img/facebook-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img01:hover{ /*background:url(../img/sina-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img02:hover{ /*background:url(../img/weixin-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img03:hover{ /*background:url(../img/in-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img04:hover{ /*background:url(../img/Twitter-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img05:hover{ /*background:url(../img/facebook-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .footerLogo{ padding:30px 0px; text-align:right;} footer .filing{ font-size:12px; color:#9e9e9e; line-height:36px;} .titlejxt{ border-bottom:solid 1px #454545; margin:0; padding:0; line-height:42px; font-size:25px; font-family:"宋体";} .contentBox .aboutBox .title.titlejxt .titl{font-family:MillerDisplay-ItalicRegular; font-weight:normal; float:left; font-size:15px; line-height:20px; margin:0; padding:0;} } @media (min-width: 400px) and (max-width: 790px) { footer{ margin:0px auto; padding:30px 20px; background:#3c3c3c;} footer .footerBox{ width:99%; margin:0px auto; padding:0px; overflow:hidden;} footer .copyRight{ font-size:13px; color:#b5b5b5; line-height:18px; font-family:sweetsanspro-mediumRegular;} footer .navList{ padding:10px 0px; margin-bottom:5px; color:#b5b5b5; font-size:14px; line-height:36px; font-family:微软雅黑,Microsoft YaHei;} footer .navList a{color:#b5b5b5; text-decoration:none; padding:0px 10px 0px 0px;} footer .navList a:hover{color:#999; } footer .left{ clear:both; float:none; text-align:center;} footer .right{ clear:both; float:none; text-align: center;} footer .f-link{ overflow:hidden; margin-left:auto; margin-right:auto; width:450px; } footer .f-link ul{ list-style-type:none;} footer .f-link li{ float:left; padding:10px 10px 0px 0px; width:50px;} footer .f-link .img01{ background:url(/images/sina-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img02{ background:url(/images/weixin-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img03{ background:url(/images/in-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img04{ background:url(/images/Twitter-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img05{ background:url(/images/facebook-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img01:hover{ /*background:url(../img/sina-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img02:hover{ /*background:url(../img/weixin-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img03:hover{ /*background:url(../img/in-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img04:hover{ /*background:url(../img/Twitter-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img05:hover{ /*background:url(../img/facebook-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .footerLogo{ padding:30px 0px; text-align: center;} footer .filing{ font-size:12px; color:#9e9e9e; line-height:36px;} } @media (max-width: 399px) { footer{ margin:0px auto; padding:30px 5px; background:#3c3c3c;} footer .footerBox{ width:100%; margin:0px auto; padding:0px; overflow:hidden;} footer .copyRight{ font-size:13px; color:#b5b5b5; line-height:18px; font-family:sweetsanspro-mediumRegular;} footer .navList{ padding:2px 0px; margin-bottom:5px; color:#b5b5b5; font-size:12px; line-height:36px; font-family:微软雅黑,Microsoft YaHei;} footer .navList a{color:#b5b5b5; text-decoration:none; padding:0px 10px 0px 0px;} footer .navList a:hover{color:#999; } footer .left{ clear:both; float:none; text-align:center;} footer .right{ clear:both; float:none; text-align: center; margin:0 auto; width:100%;} footer .f-link{ overflow:hidden; margin-left:auto; margin-right:auto; width:380px; padding:15px 0px 0px 30px;} footer .f-link ul{ list-style-type:none;} footer .f-link li{ float:left; padding:10px 10px 0px 0px; width:50px;} footer .f-link .img01{ background:url(/images/sina-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img02{ background:url(/images/weixin-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img03{ background:url(/images/in-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img04{ background:url(/images/Twitter-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img05{ background:url(/images/facebook-icon.png) no-repeat left; text-indent:-9999px;} footer .f-link .img01:hover{ /*background:url(../img/sina-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img02:hover{ /*background:url(../img/weixin-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img03:hover{ /*background:url(../img/in-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img04:hover{ /*background:url(../img/Twitter-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .f-link .img05:hover{ /*background:url(../img/facebook-icon.png) no-repeat left;*/filter:alpha(opacity:60);opacity:0.6;} footer .footerLogo{ padding:30px 60px; width:auto; text-align: center;} footer .filing{ font-size:12px; color:#9e9e9e; line-height:36px;} } /*top*/