/* 澶撮儴 */ .m-hd { width: 100%; position: relative; z-index: 2; margin-bottom:15px; } ul { margin: 0; } ul li { list-style-type: none; } .m-hd .headertop{ background-color:#f4f4f4; margin-bottom: 20px; } .m-hd .headertop .am-container{ color:#666; height:40px; } .m-hd .am-container { position: relative; padding:0; } .m-hd .am-container .headertopright{ background-image: url('../images/headertopright.png'); background-repeat:repeat-x; height:100%; line-height: 40px; font-size: 14px; padding: 0 10px; font-weight: bold; cursor: pointer; } .m-hd nav{ /*padding: 8px 0;*/ font-size:14px; line-height: 4rem; } .m-hd .am-nav li{ padding:0 10px; margin-left:0; } .m-hd .am-nav li:first-of-type{ padding-left:0; } .m-hd .am-nav li:after{ content: ''; height: 16px; border-right: 1px solid #fff; position: absolute; top: 1.3rem; right: 0; } .m-hd .am-nav li:last-of-type:after{ border:none; } .m-hd .am-nav li > a{ padding:0 4px; color:#fff; } .m-hd .m-nav a:hover { background:none; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .m-logo { display: block; float: left; font-size: 22px; color: #fff; text-indent: -9999px; line-height:60px; background-image: url('../images/logo.png'); width: 100%; background-size: auto 100%; background-repeat: no-repeat; } .m-hd .am-container.headerborderbottom{ padding-bottom:15px; border-bottom: 2px solid #ff8e14; } .m-hd .am-container .searcharea{ width: 98%; margin: 15px auto 0; } .m-hd .am-container .searcharea .am-icon-search{ color:#999; } .m-hd .am-container .searcharea .am-search{ background-image: url('../images/headertopright.png'); background-repeat:repeat-x; height:100%; color:#fff; font-size:14px; line-height: 1.5; border: 1px solid #f77b23; } .m-hd .am-container .searcharea .am-form-field{ border-right:none; } .m-hd .am-container .searcharea .am-form-field:focus{ border-color: #ff8e14; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(255,142,20,.3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(255,142,20,.3); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(255,142,20,.3); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(255,142,20,.3); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(255,142,20,.3); } .m-hd .am-container .tianqi{ margin: 20px auto 0; width:235px; } .m-hd .am-container .advertisement{ background-color:#e3e3e3; margin: 15px auto 0; height: 36px; line-height:36px; text-align:center; overflow:hidden; } .overline{ position:relative; overflow:hidden; } .overline::after { content:"..."; font-weight:bold; position:absolute; bottom:0; right:0; padding:0 20px 1px 45px; background: -webkit-linear-gradient(left, transparent, #fff 55%); background: -o-linear-gradient(right, transparent, #fff 55%); background: -moz-linear-gradient(right, transparent, #fff 55%); background: linear-gradient(to right, transparent, #fff 55%); } /* 缃戠珯搴曢儴 */ .m-footer .am-container{ padding-top: 2rem; padding-bottom: 6rem; border-top: 1px solid #eee; margin-top: 3rem; } .m-footer a { color: #9e9e9e; } .m-footer a:hover { color: #feb528; } .m-footer ul li{ float:left; color: #555; margin-right: 1.2rem; font-size:12px; } .amz-toolbar { position: fixed; right: 10px; bottom: 70px; z-index: 999 } .amz-toolbar a { display: none; opacity: .7 } .amz-toolbar a:hover { opacity: 1 } .amz-toolbar a.am-active { display: block } .amz-toolbar .am-icon-faq { display: block; opacity: 1; background-color: #dd514c; color: #fff; margin-top: 10px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in } .amz-toolbar .am-icon-faq:hover { -webkit-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg) } .m-page ul li a{ background-color: #1a1f2a; color:#fff; border: 1px solid #1a1f2a; } .m-page .am-active > a{ z-index:1; } .m-page ul > li > a:hover{ background-color: #0e90d2; border: 1px solid #0e90d2; } .m-page ul > li > a:focus{ background-color: #1a1f2a; } .m-page .am-disabled a{ background-color: #ddd; color:#fff; } .others a{ color: #fff; } .others a:hover{ color: #fff; } .pagenav{text-align:center;} .pagenav .am-pagination{font-size: 1.4rem;display:inline-block;} .fontstyle a:hover{ color:#ff7101; } .fontstyleb a{ font-weight: bold; } .daohang .am-breadcrumb > li + li::before{ padding:0 3px; } .hyfl .hyfl-item .hyfl-list ul.channelnewslist li{ float:none; margin-right:0; display: block; } .zyjg .zyjg-list ul.newslist li{ float:none; margin-right:0; display: block; } .subscript_li:after{ border-bottom: 1px solid #73c9e5; content: ''; position: absolute; bottom: 0; width: 102%; left: 2%; } .subscript_s{ font-size: 12px; background-color: #73c9e5; border-radius: 10px; color: #fff; height: 1.1em; display: inline-block; width: 2.1em; text-align: center; line-height: 1.1em; position: absolute; bottom: 0; } .subscript_s::after { content: '鈥р€р€?; } a.subscript_s:hover { -webkit-animation-name: am-fade; animation-name: am-fade; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; color: #fff; } .subscript{ position:relative; } .triangle-bottomright{ width: 0; height: 0; border-bottom: 10px solid #ff7101; border-left: 10px solid transparent; position: absolute; bottom: 4px; right: -7px; cursor: pointer; display:inline-block; } .triangle-bottomright[class*="am-animation-"]{ display:none; } /*.fontstyle .subscript:hover a{ color:#ff7101; }*/ .subscript:hover .triangle-bottomright{ display:inline-block; } /* 澶撮儴 media select */ @media screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .amz-toolbar { bottom: 10px } .daohang {padding-left:.5rem;padding-right:.5rem;} } @media screen and (max-width: 479px) { .m-logo{ background-position: center center; margin-top:1rem; } .amz-toolbar { bottom: 10px } .amz-toolbar .am-icon-btn{ width:32px; height:32px; font-size:16px; line-height: 32px; } .daohang {padding-left:.5rem;padding-right:.5rem;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { }