锘緻charset "utf-8";
/* -----------H-ui鍓嶇妗嗘灦-----------------------
H-ui.css v1.5.7
date: 2014-12-18
Created & Modified by guojunhui.
鍩轰簬Bootstrap妗嗘灦鐨勬敼杩涙墿灞曪紝姣擝ootstrap鏇存噦涓浗銆�
瀹屽叏鍏嶈垂锛岀畝鍗曠伒娲伙紝鍏煎鎬э紝婊¤冻澶у鏁颁腑鍥界綉绔欍��
涓嶆柇瀹屽杽涓紝璇氶個鏇村鍓嶇寮�鍙戣�呭姞鍏ワ紝寮�鍙戞洿澶氫紭绉�鐨勪唬鐮侊紝鏈嶅姟浜庢洿澶氱殑涓浗缃戠珯銆�
H-ui CSS file for H-ui
Copyright H-ui&Twitter Inc.
by @twitter by @mdo and @fat锛岀敱Tvlike.me/TV鏉ュ寮�鍙戣�呯炕璇�
寮�婧愪緷鐓� Apache License v2.0 鍙戝竷銆� 鏂囨。渚濈収 CC BY 3.0 鍙戝竷銆�
Icons鍙栬嚜 Glyphicons Free锛屾巿鏉冧緷鐓� CC BY 3.0銆�
http://www.H-ui.net http://www.apache.org/licenses/LICENSE-2.0 http://www.cnbootstrap.com
----------------------------------------------*/
/*------------------------------------
缁撴瀯鐩綍锛�
1. css reset閲嶅畾涔夋祻瑙堝櫒榛樿鏍峰紡
2. 妗嗘灦
2.1 鏍呮牸绯荤粺
2.2 娴佸姩鏍呮牸绯荤粺
2.3 甯冨眬
2.4 鍝嶅簲寮忚璁�
3. 鍩虹CSS
3.1 鎺掔増
3.1.1 鏍囬
3.1.2 寮鸿皟
3.1.3 瀵归綈
3.1.4 瀹氫綅
3.1.5 娴姩
3.1.6 鏂囧瓧鍗曡婧㈠嚭鐪佺暐鍙�
3.1.7 绾挎潯
3.1.8 澶栬竟璺�
3.1.9 鍐呭～鍏�
3.1.10 杈规锛宑ss3鍦嗚
3.1.11 css3闃村奖
3.1.12 琛屽唴鍒嗗壊绔栫嚎
3.1.13 鏂囧瓧灏哄
3.1.14 鏂囧瓧琛岃窛
3.1.15 鏂囧瓧棰滆壊
3.1.16 鏂囧瓧棰滆壊寮鸿皟
3.1.17 缂╃暐璇�
3.1.18 鍦板潃
3.1.19 寮曠敤
3.1.20 涓婃爣 涓嬫爣
3.1.21 鍐呭鏍峰紡
3.1.22 鍒楄〃
3.1.23 鎻忚堪
3.1.24 闅愯棌 鏄剧ず
3.2 浠ｇ爜
3.3 琛ㄦ牸
3.4 琛ㄥ崟
3.5 鎸夐挳
3.6 鍥剧墖
3.7 鍥炬爣
3.8 鏁堟灉
4. 缁勪欢
4.1 鎸夐挳缁�
4.2 瀵艰埅
4.2.1 瀵艰埅鏉�
4.2.2 闈㈠寘灞戝鑸�
4.2.3 缈婚〉瀵艰埅
4.2.4 椤堕儴瀵艰埅
4.2.5 鍚戝
4.2.6 绔栧悜瀵煎悜tab瀵艰埅
4.2.7 妯悜tab
4.3 涓嬫媺鑿滃崟
4.4 骞荤伅鐗�
4.5 閫夐」鍗�
4.6 渚跨涓庢爣鍙�
4.7 缂╃暐鍥�
4.8 璀﹀憡
4.9 杩涘害鏉� loading
4.10 瀵硅瘽妗� 寮瑰嚭灞�
4.11 瀹㈡湇
4.12 杩斿洖椤堕儴
4.13 鍒嗕韩
4.14 濯掍綋鎻掑叆
4.15 妗堜緥
4.16 婊氬姩
4.17 鎼滅储
4.18 骞垮憡
4.19 鏍囩
4.19.1 鏍囩杈撳叆鏁堟灉
4.19.2 鏍囩娣锋帓鏁堟灉
4.19.3 tag浜戞爣绛�
4.20 鎶樺彔
4.21 閬僵鏉�
4.22 璇勮鍒楄〃
5. 椤甸潰
5.1 鍗氬鍒楄〃椤�
5.2 鍗氬璇︽儏椤�
5.3 鍏充簬鎴戜滑椤�
5.4 甯姪鍒楄〃椤�
5.5 甯姪璇︽儏椤�
5.6 閿欒椤�
----------------------------------
CSS鍐欎綔娉ㄦ剰浜嬮」锛�
1. 椤甸潰缂栫爜瑙勮寖
1.1. 缁熶竴浣跨敤 UTF-8 缂栫爜,鐢ˊcharset "utf-8"鎸囧畾椤甸潰缂栫爜銆�
1.2. 鏂板畫浣擄紝瀹嬩綋锛屽井杞泤榛戯紝Arial棣栭�夛紝閬垮厤浣跨敤涓�у寲瀛椾綋銆�
1.3. 涓枃瀛椾綋浣跨敤缂栫爜杞崲锛岃鍙傞槄涓嬭妭鈥滀腑鏂囧瓧浣揷ss缂栫爜杞崲鈥�
1.4. 鎺ㄨ崘浣跨敤216web瀹夊叏鑹�
2. 灞炴�у啓鍦ㄤ竴琛屽唴锛屽睘鎬т箣闂淬�佸睘鎬у悕鍜屽�间箣闂翠互鍙婂睘鎬т笌鈥渰}鈥濅箣闂村簲鍑忓皯绌烘牸锛屽幓鎺夋渶鍚庝竴涓��;鈥濓紝渚嬪锛�.class{width:200px;height:100px}
3. 灞炴�х殑涔﹀啓椤哄簭锛�
3.1. 鎸夌収鍏冪礌妯″瀷鐢卞鍙婂唴锛岀敱鏁翠綋鍒扮粏鑺備功鍐欙紝澶ц嚧鍒嗕负浜旂粍锛�
浣嶇疆锛歱osition,left,right,float
鐩掓ā鍨嬪睘鎬э細display,margin,padding,width,height
杈规涓庤儗鏅細border,background
娈佃惤涓庢枃鏈細line-height,text-indent,font,color,text-decoration,...
鍏朵粬灞炴�э細overflow,cursor,visibility,...
3.2. 閽堝鐗规畩娴忚鍣ㄧ殑灞炴�э紝搴斿啓鍦ㄦ爣鍑嗗睘鎬т箣鍓嶏紝渚嬪锛�-webkit-box-shadow:;-moz-box-shadow:;box-shaow:;
4. 甯︽湁鍓嶇紑鐨勫睘鎬э紝鍗曠嫭涓�琛岋紝閫氳繃缂╄繘锛岃姣忎釜灞炴�х殑鍊煎瀭鐩村榻愶紝鏂逛究缂栬緫缁存姢銆�
5. 璋ㄦ厧娣诲姞鏂扮殑閫夋嫨绗﹁鍒欙紝灏ゅ叾涓嶅彲婊ョ敤 id锛屽敖鍙兘缁ф壙鍜屽鐢ㄥ凡鏈夋牱寮�
6. 閫夋嫨绗︺�佸睘鎬с�佸�煎潎鐢ㄥ皬鍐欙紙鏍煎紡鐨勯鑹插�奸櫎澶栵級锛岀缉鍐欑殑閫夋嫨绗﹀悕绉伴』璇存槑缂╁啓鍓嶇殑鍏ㄧО锛屼緥濡� .cl -> Clearfix
7. 閬垮厤浣跨敤鍚勭 CSS Hack锛屽闇�瀵� IE 杩涜鐗规畩瀹氫箟锛岃鍙傞槄涓嬭妭鈥滃叧浜� CSS Hack 鐨勮鏄庘��
8. 鍕夸娇鐢ㄥ啑浣欎綆鏁堢殑 CSS 鍐欐硶锛屼緥濡傦細ul li a span{... }
9. 鎱庣敤 !important
10. 寤鸿浣跨敤鍏锋湁璇箟鍖栫殑classname鎴杋d锛岃鍙傞槄涓嬭妭鈥渃ss 鍛藉悕瑙勮寖鍙婂搴旂殑缂╁啓鈥�
11.閬垮厤浣跨敤鍏煎鎬т笉濂界殑浣跨敤婊ら暅
12.寮�鍙戣繃绋嬩腑鐨勬湭瀹氫簨椤癸紝椤荤敤 [!] 鏍囧嚭锛屼互渚夸簬鍚庣画璁ㄨ鏁寸悊銆�
13.娉ㄩ噴鏍煎紡锛岀粺涓�浣跨敤鍙屾枩鏉犲姞*銆�
14.涓婁笅妯″潡涔嬮棿鐨勯棿璺濈粺涓�浣跨敤涓嬩竴涓ā鍧楃殑margin-top鏉ュ疄鐜帮紝濂藉鏄細濡傛灉娌℃湁涓嬩竴涓ā鍧椾篃涓嶄細澶氬嚭涓�娈电┖闅欍��
15.hover锛宻elected锛宒isabled锛宑urrent绛夊叿鏈夌壒瀹氭剰涔夌殑璇峰嬁鐩存帴鍗犵敤銆�
16.:link :visited :hover :active涔﹀啓椤哄簭 L-V-H-A锛岄�熻锛歀oVe锛堝枩娆級HAte锛堣鍘岋級銆�
17.涓嶈浣跨敤 @import
----------------------------------
涓枃瀛椾綋css缂栫爜杞崲
寰蒋闆呴粦 \5FAE\8F6F\96C5\9ED1 鎴� Microsoft YaHei
榛戜綋 \9ED1\4F53
鏂板畫浣� \65b0\5b8b\4f53
瀹嬩綋 \5b8b\4f53
----------------------------------
鍏充簬 CSS Hack 鐨勮鏄庯細
1. _ IE6
2. * IE6/7
3. !important IE7/Firefox
4. *+ IE7
5. \9 IE6/7/8
6. \0 IE8
7. 鏉′欢hack
IE7浠ヤ笅鐗堟湰
IE7
IE8
IE8浠ヤ笂
----------------------------------
css 鍛藉悕瑙勮寖
1. 鍐呭浼樺厛,琛ㄧ幇涓鸿緟
2. css鍛藉悕涓嫳鏂囧鐓�
current 褰撳墠 hover 鎮仠 selected 鎸戦�� disabled 绂佺敤 focus 寰楀埌鐒︾偣 blur 澶卞幓鐒︾偣 checked 鍕鹃�� success 鎴愬姛 error 鍑洪敊
header(hd) 澶撮儴 content(cnt) 鍐呭 title(tit) 鏍囬 item 椤圭洰锛堟潯锛� cell 鍗曞厓 image/pic(img) 鍥剧墖 text(txt) 鏂囧瓧
top 椤堕儴 header 澶� scrubber 鏃跺簭鑿滃崟
nav 瀵艰埅 mainbav 涓诲鑸� subnav 瀛愬鑸� topnav 椤堕儴瀵艰埅 breadcrumb 闈㈠寘灞戝鑸�
flink 鍙嬫儏閾炬帴 footer 灏� copyright 鐗堟潈
menu 鑿滃崟 submenu 瀛愯彍鍗�
searchBar 鎼滅储鏉� search 鎼滅储鏉� searchTxt 鎼滅储妗� searchBtn 鎼滅储鎸夐挳 search_key 鎼滅储璇�
ucenter 鐢ㄦ埛涓績 loginBar 鐧婚檰鏉� login 鐧诲綍 loginBtn 鐧诲綍鎸夐挳 regsiter 娉ㄥ唽鎸夐挳 regsiterBtn 娉ㄥ唽鎸夐挳
name 鐢ㄦ埛鍚� password 瀵嗙爜 nickname 鏄电О mobilephone 鎵嬫満 telephone 鐢佃瘽 defaultavatar 榛樿澶村儚
hot 鐑偣 news 鏂伴椈 banner/AD 骞垮憡 download 涓嬭浇
content 鍐呭 title 鏍囬 summary 鎽樿 time 鏃堕棿
share 鍒嗕韩 digg 椤� like 鍠滄
list 鍒楄〃 pList 鍥剧墖鍒楄〃 tList 鏂囧瓧鍒楄〃 tpList 鍥炬枃鍒楄〃
table 琛ㄦ牸 row 琛� column 鍒� gutter 闂撮殧 viewport 瑙嗗彛
tab 鏍囩 tags 鏍囩 scroll 婊氬姩
sidebar 渚ц竟鏍� column 鏍忕洰 section 鍖哄潡 msg 鎻愮ず淇℃伅 status 鐘舵��
vote 鎶曠エ tips 灏忔妧宸� guild 鎸囧崡 note 娉ㄩ噴
icon- 鍥炬爣 btn- 鎸夐挳
goods 鍟嗗搧 goodsList 鍟嗗搧鍒楄〃 goodsDetail 鍟嗗搧璇︽儏 goodsInfo 鍟嗗搧淇℃伅
tuan 鍥㈣喘 tuanList 鍥㈣喘鍒楄〃 tuanDetail 鍥㈣喘璇︽儏 tuanInfo 鍥㈣喘淇℃伅
transition 鍔ㄧ敾 shadow 闃村奖 fade 娣″叆娣″嚭 flip 缈婚〉鏁� slide 婊戝姩 slideup 涓婃粦鍔� slidedown 涓嬫粦鍔� turn 缈婚〉
horizontal 姘村钩 vertical 鍨傜洿 collapsible 鎶樺彔 corners 鎷愯 flow 娴� reverse 鍙嶅悜 pop 寮圭獥
count 鎬绘暟 璁℃暟 plus 鍔犲彿 姝� minus 鍑忓彿 璐� controlgroup 鎺у埗缁�
----------------------------------
html鍛藉悕瑙勮寖锛�
default/index.html 棣栭〉
list.html 鍒楄〃椤�
show.html 灞曠ず椤�
404.html 404閿欒椤�
print.html 鎵撳嵃椤�
footer.html 椤佃剼
sitemap.html 缃戠珯鍦板浘
tag.html tag鍒楄〃
rank.html 鎺掕姒滈椤�
roll.html 婊氬姩鏂伴椈
solution.html 瑙ｅ喅鏂规
joinus.html 鍔犲叆鎴戜滑
partner.html 鍚堜綔浼欎即
service.html 鏈嶅姟
newslist.html 鏂伴椈鍒楄〃
aboutus.html 鍏充簬鎴戜滑
contact.html 鑱旂郴鎴戜滑
brand.html 鍝佺墝
brandlist 鍝佺墝鍒楄〃
news.html 鏂伴椈椤�
company.html 鍏徃浠嬬粛
organization.html 缁勭粐缁撴瀯
culture.html 浼佷笟鏂囧寲
strategy.html 鍙戝睍绛栫暐
honor.html 鍏徃鑽ｈ獕
aptitudes.html 浼佷笟璧勮川
events.html 澶т簨璁�
passport.html 閫氳璇�
business.html 鍟嗗姟鍚堜綔
contract.html 鏈嶅姟鏉℃
privacy.html 闅愮澹版槑
CSR.html 浼佷笟绀句細璐ｄ换
---------------------------------- */
/*1 閲嶅畾涔夋祻瑙堝櫒榛樿鏍峰紡
Name: style_reset
Explain: 閲嶅畾涔夋祻瑙堝櫒榛樿鏍峰紡
*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;height:100%}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
input,select,textarea{color:#555;background-color:#fff; border:solid 1px #ddd;}
body{ width:100%;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE涓媋:hover 鑳屾櫙闂儊*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*娓呮娴姩
Name: style_clearfix
Example: class="clearfix|cl"
Explain: clearfix锛堢畝鍐檆l锛夐伩鍏嶅洜瀛愬厓绱犳诞鍔ㄨ�屽鑷寸殑鐖跺厓绱犻珮搴︾己澶辫兘闂
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
/*2.1 鏍呮牸绯荤粺
Name: style_span
Example:
Explain: 鏍呮牸绯荤粺
*/
/*2.1.1 涓ゅ垪甯冨眬*/
/*2.1.2 涓夊垪甯冨眬*/
/*2.1.1 浜斿垪甯冨眬*/
/*2.1.1 980 20 column*/
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.row{zoom:1}
[class^="span-"],[class*=" span-"] {float:left; margin-top:20px}
.row-980-20 [class^="span-"],.row-980-20 [class*=" span-"]{margin-right:20px}
.row-980-20{margin-right:-20px}
.row-980-20 .span-1 {width:30px}
.row-980-20 .span-2 {width:80px}
.row-980-20 .span-3 {width:130px}
.row-980-20 .span-4 {width:180px}
.row-980-20 .span-5 {width:230px}
.row-980-20 .span-6 {width:280px}
.row-980-20 .span-7 {width:330px}
.row-980-20 .span-8 {width:380px}
.row-980-20 .span-9 {width:430px}
.row-980-20 .span-10{width:480px}
.row-980-20 .span-11{width:530px}
.row-980-20 .span-12{width:580px}
.row-980-20 .span-13{width:630px}
.row-980-20 .span-14{width:680px}
.row-980-20 .span-15{width:730px}
.row-980-20 .span-16{width:780px}
.row-980-20 .span-17{width:830px}
.row-980-20 .span-18{width:880px}
.row-980-20 .span-19{width:930px}
.row-980-20 .span-20{width:980px}
/*2.2 CSS3娴佸姩鏍呮牸绯荤粺
Name: style_col
*/
[class^="col-"],[class*=" col-"]{box-sizing:border-box}
.col-sm-1{width:8.33333%}
.col-sm-2{width:16.66667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.33333%}
.col-sm-5{width:41.66667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.33333%}
.col-sm-8{width:66.66667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.33333%}
.col-sm-11{width:91.66667%}
.col-sm-12{width:100%}
.col-sm-offset-0{margin-left:0}
.col-sm-offset-1{margin-left:8.33333%}
.col-sm-offset-2{margin-left:16.66667%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-4{margin-left:33.33333%}
.col-sm-offset-5{margin-left:41.66667%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-7{margin-left:58.33333%}
.col-sm-offset-8{margin-left:66.66667%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-10{margin-left:83.33333%}
.col-sm-offset-11{margin-left:91.66667%}
.col-sm-push-0{position:relative;left:0;right:auto}
.col-sm-pull-0{right:0;left:auto}
.col-sm-push-1{left:8.33333%;right:auto}
.col-sm-pull-1{right:8.33333%;left:auto}
.col-sm-push-2{left:16.66667%;right:auto}
.col-sm-pull-2{right:16.66667%;left:auto}
.col-sm-push-3{left:25%;right:auto}
.col-sm-pull-3{right:25%;left:auto}
.col-sm-push-4{left:33.33333%;right:auto}
.col-sm-pull-4{right:33.33333%;left:auto}
.col-sm-push-5{left:41.66667%;right:auto}
.col-sm-pull-5{right:41.66667%;left:auto}
.col-sm-push-6{left:50%;right:auto}
.col-sm-pull-6{right:50%;left:auto}
.col-sm-push-7{left:58.33333%;right:auto}
.col-sm-pull-7{right:58.33333%;left:auto}
.col-sm-push-8{left:66.66667%;right:auto}
.col-sm-pull-8{right:66.66667%;left:auto}
.col-sm-push-9{left:75%;right:auto}
.col-sm-pull-9{right:75%;left:auto}
.col-sm-push-10{left:83.33333%;right:auto}
.col-sm-pull-10{right:83.33333%;left:auto}
.col-sm-push-11{left:91.66667%;right:auto}
.col-sm-pull-11{right:91.66667%;left:auto}
/*灞�閮ㄦā鍧楀钩鍒�*/
.col-1-1{}
.col-2-1{}
.col-3-1{}
.col-3-2{}
.col-4-1{}
.col-4-2{}
.col-4-3{}
.col-5-1{}
.col-5-2{}
.col-5-3{}
.col-5-4{}
.col-6-1{}
.col-6-2{}
.col-6-3{}
.col-6-4{}
.col-6-5{}
/*2.3 甯冨眬(鍥哄畾)
Name: style_Layout
Explain: 宸﹀彸涓ゆ爮|宸︿腑鍙充笁鏍弢涓婁腑涓�
Last Modify: guojunhui
*/
.container,.wp{margin-left:auto; margin-right:auto;text-align:left}
.wp{width:1000px}
.minWP{}
.sd{float:right}
.ct2 .mn{float:left}
.ct2 .sd{float:right}
.ct2_r .leftmenu{float:left}
.ct2_r .mn{float:right}
.ct3 .app{float:left;margin-right:20px}
.ct3 .mn{float:left;border-left:solid 1px #ddd}
.ct3 .sd{float:right}
.w-1000{width:1000px}
.w-980{width:980px}
.w-300{width:300px}
.w-200{width:200px}
/*2.4 鍝嶅簲寮忚璁�
Name: style_span
Example:
Explain:
*/
/*3.1 鎺掔増*/
/*3.1.1 鏍囬
Example锛�
h1. 澶ф爣棰�灏忔爣棰�
h2. 澶ф爣棰�灏忔爣棰�
h3. 澶ф爣棰�灏忔爣棰�
h4. 澶ф爣棰�灏忔爣棰�
h5. 澶ф爣棰�灏忔爣棰�
h6. 澶ф爣棰�灏忔爣棰�
*/
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight:normal;line-height:1;color:#999}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
/*3.1.2 寮鸿皟
Example:
杩欐槸娈佃惤锛屽悜涓�10鍍忕礌闂磋窛
灏忓瀷鏂囨湰锛屾槸鐖跺鍣ㄥ瓧浣撳ぇ灏忕殑85%
閲嶈鏂囨湰锛屽姞绮楁樉绀�
琚己璋冪殑鏂囨湰锛屾枩浣撴樉绀�
甯︿笅鍒掔嚎鐨勬枃鏈�
寮曠敤
绐佸嚭鏄剧ず鏂囨湰
甯﹀垹闄ょ嚎鐨勬枃鏈�
棰勬牸寮忓寲鐨勬枃鏈�
*/
p{margin-bottom:10px} /*娈佃惤*/
small{font-size:85%} /*灏忓瀷鏂囨湰*/
b,strong {font-weight: bold} /*閲嶈鐨勬枃鏈紝鍔犵矖*/
em{font-style:italic} /*琚己璋冪殑鏂囨湰*/
i{} /*鏂滀綋*/
u{} /*鍔犱笅鍒掔嚎*/
cite{font-style:normal} /*寮曠敤*/
mark{color:#000;background:#ff0}/*绐佸嚭鏄剧ず鏂囨湰*/
var{} /*鍙橀噺*/
kbd{} /*閿洏鏂囨湰*/
code{} /*璁＄畻鏈轰唬鐮佹枃鏈�*/
dfn{font-style: italic} /*涓�涓畾涔夐」鐩�*/
del{font-family:Simsun} /*鍒犻櫎绾�*/
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em}
pre{white-space: pre-wrap} /*棰勬牸寮忓寲鐨勬枃鏈�*/
.uppercase{text-transform:uppercase} /*鏂囧瓧澶у啓*/
.lowercase{text-transform:lowercase} /*鏂囧瓧灏忓啓*/
.capitalize{text-transform:capitalize} /*棣栧瓧姣嶅ぇ鍐�*/
.en{font-family:Arial!important}
/*3.1.3 瀵归綈
Name: style_text-align
Example: class="ftext-l/text-r/text-c"
Explain: .text-姘村钩瀵归綈 锛�.text-l宸﹀榻�/.text-r鍙冲榻�/.text-c灞呬腑瀵归綈锛�
.va-涓婁笅瀵归綈 锛�.va-t 灞呬笂瀵归綈 .va-m 灞呬腑瀵归綈 .va-b 灞呬笅瀵归綈锛�
*/
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}
/*3.1.4 瀹氫綅
Name: style_position
Example: class="pos-r/pos-a/pos-f"
Explain: .pos-r 鐩稿瀹氫綅/.pos-a 缁濆瀹氫綅/.pos-f 鍥哄畾
*/
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
/*3.1.5 娴姩
Name: style_float
Example: class="l/r"
Explain: .l 宸︽诞鍔�/.r 鍙虫诞鍔�
*/
.l{float:left!important;_display:inline}.r{float:right!important;_display:inline}
[class*="span"].r,.row-fluid [class*="span"].r{float:right}
/*3.1.6 鏂囧瓧鍗曡婧㈠嚭鐪佺暐鍙�
Name: style_text-overflow
Example: class="text-overflow"
*/
.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
/*3.1.7 绾挎潯
Name: style_line
Example: class="line"
*/
.line{font-size: 0px; line-height: 0px; border-top: solid 0px #ddd; float: none}
/*3.1.8 澶栬竟璺�
Name: style_margin
Example: class="mt-5/mt-10/..."
Explain: .mt琛ㄧず涓婅竟璺�/.mb琛ㄧず涓嬭竟璺�/.ml琛ㄧず宸﹁竟璺�/.mr琛ㄧず鍙宠竟璺�
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}
/*3.1.9 鍐呭～鍏�
Name: style_padding
Example: class="pt-5/pt-10/鈥︹��"
Explain: .pt琛ㄧず涓婂～鍏�/.pb琛ㄧず涓嬪～鍏�/.pl琛ㄧず宸﹀～鍏�/.pr琛ㄧず鍙冲～鍏�
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}
/*3.1.10 杈规锛宑ss3鍦嗚
Name: style-border
Example: class="bk_gray radius"
Explain: .bk_gray 杈规/bk_gray radius鍦嗚杈规
*/
.bk-gray{border:solid 1px #ddd}
.radius{border-radius:4px}
/*3.1.11 css3闃村奖
Name: style_shadow
Example: class="box_shadow"
Explain: css3闃村奖锛孖E涓嬫樉绀�1鍍忕礌杈规
*/
.box-shadow{background-color:#fff;border:solid 1px #ddd\9;box-shadow:1px 1px 2px 2px #ddd;behavior: url(/ncglobal/ie-css3.htc)}
.text-shadow{text-shadow:1px 1px 2px 2px #ddd;-webkit-text-shadow:1px 1px 2px 2px #ddd;-moz-text-shadow:1px 1px 2px 2px #ddd;behavior: url(/ncglobal/ie-css3.htc)}
/*3.1.12 琛屽唴鍒嗗壊绔栫嚎
Name: style_pipe
Example: |
*/
.pipe{margin:0 5px;color:#CCC;font-size:10px!important}
/*3.1.13 鏂囧瓧灏哄
Name: style_font-size
Example: class="f12/f14/f16/f18/f20"
Explain: 12px瀛椾綋/14px瀛椾綋/16px瀛椾綋/18px瀛椾綋/20px瀛椾綋
*/
.f-12{font-size:12px}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-24{font-size:24px}.f-30{font-size:30px}
/*3.1.14 鏂囧瓧琛岃窛
Name: mod_line-height
Example: class="l16/l18/l20/l22/l24/l26/l28/l30"
Explain: 16px琛岄珮銆�18px琛岄珮銆�20px琛岄珮銆�22px琛岄珮銆�24px琛岄珮銆�26px琛岄珮銆�30px琛岄珮
*/
.l16{line-height:16px}.l18{line-height:18px}.l20{line-height:20px}.l22{line-height:22px}.l24{line-height:24px}.l26{line-height:26px}.l28{line-height:28px}.l30{line-height:30px}
/*3.1.15 鏂囧瓧棰滆壊
Name: style_color
Example: class="c-red|c-green|c-blue|c-white|c-black|c-gray|c-999|c-orange"
Explain: 绾㈣壊|缁胯壊|钃濊壊|鐧借壊|榛戣壊|鐏拌壊|娴呯伆鑹瞸姗欒壊
*/
.c-red,.c-red a,a.c-red{color:red}
.c-red a:hover,a.c-red:hover{}
.c-green,.c-green a,a.c-green{color:green}
.c-red a:hover,a.c-red:hover{}
.c-blue,.c-blue a,a.c-blue{color:blue}
.c-blue a:hover,a.c-blue:hover{}
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{}
.c-black,.c-black a{color:black}
.c-black a:hover,a.c-black:hover{}
.c-gray,.c-gray a,a.c-gray{color:gray}
.c-gray a:hover,a.c-gray:hover{}
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{}
.c-orange,.c-orange a,a.c-orange{color:orange}
.c-orange a:hover,a.c-orange:hover{}
/*3.1.16 鏂囧瓧棰滆壊寮鸿皟
Example: class="text-muted/text-primary/text-warning/text-error/text-danger/text-success/text-info"
Explain: 鏌斿拰/閲嶈/璀﹀憡/閿欒/鍗遍櫓/鎴愬姛/淇℃伅
*/
.text-muted{color:#999}a.text-muted:hover{color:#808080}
.text-primary{color:#428BCA}a.text-primary:hover{color:#247dc9}
.text-warning{color:#f33}a.text-warning:hover{color:#f03}
.text-error{color:#f33}a.text-error:hover{color:#f03}
.text-danger{color:#c00}a.text-danger:hover{color:#900}
.text-success{color:#0c0}a.text-success:hover{color:#093}
.text-info{color:#1faef2}a.text-info:hover{color:#06c}
.text-price{color:#f60}a.text-price:hover{color:#f60}
/*3.1.17 缂╃暐璇�
Example: UI
Explain:
*/
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}
abbr.initialism{font-size:90%;text-transform:uppercase}
/*3.1.18 鍦板潃
Example: 鍖椾含甯傛捣娣�鍖轰笂鍦扳�︹��
Explain:
*/
address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}
/*3.1.19 寮曠敤
Example: 杩欐槸寮曠敤鐨勫唴瀹�
Explain:
*/
blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}
blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25}
blockquote small{display:block;line-height:20px;color:#999}
blockquote small:before{content:'\2014 \00A0'}
blockquote.text-r{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}
blockquote.text-r p,blockquote.text-r small{text-align:right}
blockquote.text-r small:before{content:''}
blockquote.text-r small:after{content:'\00A0 \2014'}
q:before,q:after,blockquote:before,blockquote:after{content:""}
q {/*鐭殑寮曠敤*/quotes: "\201C" "\201D" "\2018" "\2019"}
/*3.1.20 涓婃爣锛屼笅鏍�
Example: 2 2
Explain: 涓婃爣/涓嬫爣
*/
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
/*3.1.21 鍐呭鏍峰紡
Name: style_content
Example:
Explain: 鍐呭鏍峰紡
*/
.content{position:relative;font-size:14px;line-height:1.6;overflow:hidden;text-align:left}
.content h3{margin-top:20px;font-size:16px}
.content p{text-indent:2em;margin-top:20px}
.content img{max-width:100%}
.content ul{text-indent:2em}
/*3.1.22 鍒楄〃
Name: style_ulolli
Example:
鏈夊簭鍒楄〃 鏈夊簭鍒楄〃 鏈夊簭鍒楄〃 1 鎺掕姒滃垪琛� 12 H-ui 鍩轰簬Bootstrap妗嗘灦鐨勬敼杩涙墿灞曠殑鍓嶇妗嗘灦 闅愯棌鐨勫唴瀹�
鏄剧ず鐨勫唴瀹�
Explain: .hide 闅愯棌 / .show 鏄剧ず
*/
.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
.show{display:block}
.invisible{visibility:hidden}
/*3.2 浠ｇ爜
Name: style_pre
Example: 杞箟杩囩殑浠ｇ爜
Explain: code锛氳鍐呬唬鐮侊紝pre锛氬熀鏈唬鐮佸潡;鍖呰浠ｇ爜鐗囨锛�.prettyprint棰滆壊澧炲己/.linenums鏄剧ず琛屽彿
*/
code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace}
pre{display:block;padding:9.5px;margin-bottom:10px;font-size:12px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;color:#333}
pre.prettyprint{margin-bottom:20px}
pre .doctype{color:#999}/*鏂囨。澹版槑*/
pre .title,pre .keyword,pre .body,pre .des{color:#333}/*鍏抽敭璇�*/
pre .pun{color:#9aa}
pre .tag{color:#007}/*鏍囩*/
pre .attr{color:#088}/*灞炴��*/
pre .value,pre .tag .value{color:#d14}/*鍊�*/
pre .comment{color:#998;font-style:italic}/*娉ㄩ噴*/
.prettyprint{padding:8px;background-color:#f7f7f9;border:1px solid #e1e1e8}
.prettyprint.linenums{box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0}
.pre-scrollable{max-height:340px;overflow-y:scroll}
/* Specify class=linenums on a pre to get line numbering */
pre ol.linenums{list-style:decimal outside none;margin:0 0 0 33px;/* IE indents via margin-left */}
pre ol.linenums li{padding-left:12px;color:#bbb;line-height:18px;text-shadow:0 1px 0 #fff}
/*3.3 琛ㄦ牸
Name: style_table
Example:
Explain: 琛ㄦ牸锛孨one鏃犳牱寮忥紝浠呬粎鏈夊垪鍜岃/.table琛屼笌琛屼箣闂翠互姘村钩绾跨浉闅�/.table-bordered琛ㄦ牸澶栧洿鍧囨湁澶栬竟妗�/.table-striped濂囨暟琛岃儗鏅涓烘祬鐏拌壊/.table-condensed绔栫洿鏂瑰悜padding缂╁噺涓�鍗婏紝浠�8px鍙樹负4px锛屾墍鏈夌殑 td 鍜� th 鍏冪礌閮藉彈褰卞搷
*/
/*榛樿table*/
table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
table th{text-align:left; font-weight:normal}
/*甯︽按骞崇嚎*/
.table th{font-weight:bold}
.table th,.table td{padding:8px;line-height:20px}
.table td{text-align:left}
.table tbody tr.success > td{background-color:#dff0d8}
.table tbody tr.error > td{background-color:#f2dede}
.table tbody tr.warning > td{background-color:#fcf8e3}
.table tbody tr.info > td{background-color:#d9edf7}
.table tbody + tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
/*甯︽í鍚戝垎鍓茬嚎*/
.table-border{border-top:1px solid #ddd}
.table-border th,.table-border td{border-bottom:1px solid #ddd}
/*th甯﹁儗鏅�*/
.table-bg thead th{background-color:#F5FAFE}
/*甯﹀杈规*/
.table-bordered{
border:1px solid #ddd;
border-collapse:separate;*border-collapse:collapse;border-left:0}
.table-bordered th,.table-bordered td{
border-left:1px solid #ddd
}
.table-border.table-bordered{border-bottom:0}
/*濂囨暟琛岃儗鏅涓烘祬鐏拌壊*/
.table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
/*绔栫洿鏂瑰悜padding缂╁噺涓�鍗�*/
.table-condensed th,.table-condensed td{padding:4px 5px}
/*榧犳爣鎮仠鏍峰紡*/
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color: #f5f5f5}
/*瀹氫箟棰滆壊*/
/*鎮仠鍦ㄨ*/
.table tbody tr.active,.table tbody tr.active>td,.table tbody tr.active>th,.table tbody tr .active{background-color:#F5F5F5!important}
/*鎴愬姛鎴栫Н鏋�*/
.table tbody tr.success,.table tbody tr.success>td,.table tbody tr.success>th,.table tbody tr .success{background-color:#DFF0D8!important}
/*璀﹀憡鎴栧嚭閿�*/
.table tbody tr.warning,.table tbody tr.warning>td,.table tbody tr.warning>th,.table tbody tr .warning{background-color:#FCF8E3!important}
/*鍗遍櫓*/
.table tbody tr.danger,.table tbody tr.danger>td,.table tbody tr.danger>th,.table tbody tr .danger{background-color:#F2DEDE!important}
/*琛ㄦ牸鏂囧瓧瀵归綈鏂瑰紡锛岄粯璁ゆ槸灞呭乏瀵归綈*/
.table .text-c th,.table .text-c td{text-align:center}/*鏁磋灞呬腑*/
#td_left{text-align:left;word-break: break-all;}
.table .text-r th,.table .text-r td{text-align:right}/*鏁磋灞呭彸*/
.table th.text-l,.table td.text-l{text-align:left!important}/*鍗曠嫭鍒楀眳宸�*/
.table th.text-c,.table td.text-c{text-align:center!important}/*鍗曠嫭鍒楀眳涓�*/
.table th.text-r,.table td.text-r{text-align:right!important}/*鍗曠嫭鍒楀眳鍙�*/
/*datatable*/
table.dataTable {border-collapse: separate;border-spacing: 0;clear: both;}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {cursor: pointer; background-repeat:no-repeat;background-position:right center}
table.dataTable thead .sorting{background-image:url(/ncglobal/sort_both.png)}
table.dataTable thead .sorting_asc {background-image:url(/ncglobal/sort_asc.png)}
table.dataTable thead .sorting_desc {background-image:url(/ncglobal/sort_desc.png)}
.dataTables_wrapper .dataTables_length {float: left}
.dataTables_wrapper .dataTables_filter {float: right;text-align: right;}
.dataTables_wrapper .dataTables_info {clear: both;float: left;padding-top:10px}
.dataTables_wrapper .dataTables_paginate {float: right;padding-top:10px;text-align: right}
.dataTable td.sorting_1 {background-color: #f5fafe}
/*璁╄〃鏍兼敮鎸佸搷搴斿紡*/
/*
*/
@media (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
border: 1px solid #dddddd;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch}
.table-responsive > .table {
margin-bottom: 0}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap}
.table-responsive > .table-bordered {
border: 0}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0}
}
/*3.4 琛ㄥ崟
Name: style_form
Example:
Explain:
*/
.checkbox{display:block; float:left;margin-top:4px;*margin-top:0px}
.checkLabel{display:block; float:left; padding-left:3px; padding-right:10px}
.Huiform legend{font-size:20px}/*琛ㄥ崟鍚嶇О*/
.formRow{margin-top:20px}/*琛ㄥ崟琛�*/
.formRow:before,.formRow:after{content:" ";display:table}.uk-form-row:after{clear:both}/*瑙ｅ喅琛ㄥ崟琛屽唴閮ㄦ诞鍔╞ug*/
.form-label{display:block; color:#555}/*琛ㄥ崟鏍囬*/
.formControls{position:relative}/*琛ㄥ崟鎺у埗鍖�*/
.placeholder{position:absolute; left:4px; top:4px;color:#c6c6c6; cursor:text}/*琛ㄥ崟榛樿鍊�*/
/*琛ㄥ崟缁熶竴瀛椾綋*/
label,.placeholder,.input-text,.textarea{font-size:14px}
.Huiform-horizontal .form-label{float:left; width:84px; margin-top:10px;cursor:text}
.Huiform-horizontal input,.Huiform-horizontal textarea,.Huiform-horizontal select{display:inline-block;*display:inline;margin-bottom:0;vertical-align:middle;*zoom:1}
.Huiform-horizontal .formControls{margin-left:94px}
.formControls span{vertical-align:middle}
/*璁剧疆placeholder棰滆壊*/
::-webkit-input-placeholder {color:#b3b3b3}/* WebKit browsers */
:-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b3b3b3}/* Internet Explorer 10+ */
.placeholder{color:#adb0be; position:absolute; z-index:9}/*涓嶅吋瀹筽laceholder灞炴�х殑娴忚鍣紝鍙娇鐢�琛ㄥ崟榛樿鍊� */
/*榛樿琛ㄥ崟鐘舵��*/
.input-text,.textarea{border:solid 1px #ddd;padding:4px;line-height:20px;width:200px;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;
transition:all 0.2s linear 0s}
.textarea{height:100px}/*榛樿楂樺害锛岃嚜宸卞彲浠ヨ缃�*/
.input-text:hover,.textarea:hover{border: solid 1px #b3b3b3}
/*寰楀埌鐒︾偣鍚�*/
.input-text.focus,textarea.focus{border:solid 1px #33aaff \9;border-color:rgba(82,168,236,0.8);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}
/*涓嶅彲鐐瑰嚮*/
.input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;
-webkit-box-shadow:inset 0 2px 2px #e8e7e7;
-moz-box-shadow:inset 0 2px 2px #e8e7e7;
box-shadow:inset 0 2px 2px #e8e7e7}
/*鏂囦欢鍩� input-file*/
.btn-upload{position: relative;display: inline-block;overflow: hidden; vertical-align: middle; cursor: pointer}
.upload-url{width: 200px;cursor: pointer}
.input-file{position:absolute; right:0; top:0; cursor: pointer; font-size:99em;opacity:0;filter: alpha(opacity=0)}
.btn-upload .icon-add,.btn-upload .icon-minus{cursor: pointer;display: inline-block;font-family: Arial;font-size: 30px;height: 36px;
line-height: 36px;text-align: center;vertical-align: middle;width: 36px}
.btn-uploadpic{display: block;cursor: pointer;width: 60px; height: 60px; background:#fff url(/ncglobal/icon-add.png) no-repeat 0 0; text-indent: -99em}
/*鏂囨湰妗嗗昂瀵�*/
.input-big{font-size:16px; padding:10px 5px}/*澶�*/
.input-small{font-size:12px;padding:4px}/*灏�*/
.input-mini{font-size:10px;padding:3px}/*杩蜂綘*/
/*鍙鐘舵��*/
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
/*琛ㄥ崟閿欒*/
.Validform_error{background-color:#fbe2e2; border-color:#c66161; color:#c00}
/*鎻愮ず淇℃伅*/
.Validform_wrong,.Validform_right,.Validform_warning{display:inline-block;height:20px;font-size:12px;vertical-align:middle; padding-left:25px}
/*閿欒鎻愮ず*/
.Validform_wrong{background:url(/ncglobal/icon_error_s.png) no-repeat 0 center;color:#ef392b}
/*姝ｇ‘鎻愮ず*/
.Validform_right{background:url(/ncglobal/icon_right_s.png) no-repeat 0 center}
/*璀﹀憡鎻愮ず*/
.Validform_warning{background:url(/ncglobal/icon_warning_s.png) no-repeat 0 center;color:#777}
/*瀵嗙爜绛夌骇*/
.passwordStrength b{font-weight:normal}
.passwordStrength b,.passwordStrength span{display:inline-block; vertical-align:middle;line-height:16px;line-height:18px\9;height:16px}
.passwordStrength span{width:57px;text-align:center;background-color:#d0d0d0; border-right:1px solid #fff}
.passwordStrength .last{border-right:none}
.passwordStrength .bgStrength{color:#fff;background-color:#fcc900}
/*Validform瀵硅瘽妗�*/
#Validform_msg{font-size:14px;width:300px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1}
#Validform_msg .Validform_title{font-size:20px; padding:10px;text-align:left;color:#fff; position:relative; background-color:#fcc900}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{position:absolute; right:8px; top:6px; color:#fff; text-decoration:none; font-family:Verdana}
#Validform_msg a.Validform_close:hover{color:#fff}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left}
/*鏁板瓧琛ㄥ崟*/
.numberControlBox{display:inline-block;overflow:hidden;vertical-align: middle}
.ncb-up,.ncb-down{font-size:0px;display:block;height:10px;background-color:#f4f4f4;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(230,230,230) 50%,rgb(255,255,255) 100%);width:24px;border:1px solid #d1d1d1;cursor:pointer}
.ncb-up{margin-bottom:1px}
.numberControlBox .ncb_ico{display:block;height:10px;background-image:url(/ncglobal/icon-arrow.png);background-repeat:no-repeat}
.ncb-up .ncb_ico{background-position: -22px center}
.ncb-down .ncb_ico{background-position: 1px center}
.ncb_btn_hover{border:1px solid #9dc7e7;background-color:#dff2fc;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(210,237,250) 50%,rgb(255,255,255) 100%)}
.ncb_btn_selected{border:1px solid #6198c2;background-color:#aee1fb;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(174,225,251) 50%,rgb(255,255,255) 100%)}
.input-text[type="number"]{width:80px}
/*鍗曢�夋寜閽紝澶嶉�夋
Example:
榛樿
鑿滃崟浜�
鑿滃崟涓�
闇�瑕佸紩鐢�2涓猨s鏂囦欢
椤甸潰璋冪敤鏂规硶
*/
.select-wrapper {position:relative;z-index:99;border: 1px solid #DEDEDE;height: 26px;line-height: 26px;padding:0 6px;cursor:default;width:110px; background-color:#fff}
.select-wrapper:hover {border: 1px solid silver}
.select-default{zoom: 1; display:block}
.select-icon {right:0;top:50%; margin-top:-13px;background: url(/ncglobal/icon-arrow2.png) no-repeat 0 0;height:26px;width:26px;position: absolute}
.select-icon:hover {background-position: 0 -27px}
.unselectable {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none}
.select-list {position:absolute;float:left;left:0px;top:100%;min-width:120px;max-height:320px;_height:expression(this.scrollHeight > 319 ? "320px" : "auto");margin:0;padding: 5px 0;background-color:#fff;background-clip: padding-box;
border:1px solid #d6d6d6;border:1px solid rgba(0,0,0,0.15);box-shadow:0 6px 12px rgba(0,0,0,0.175);left:-1px;overflow:auto;border-radius:4px}
.select-item {margin: 0;padding: 0}
.select-option {background:#fff;line-height:1.428571429;padding:4px 15px;padding-right:30px;white-space:nowrap; text-align:left;font-weight: normal}
.select-item .selected {background-color:#ea5944;color:#fff}
/*3.5 鎸夐挳
Name: style_button
Example: 鎸夐挳
Explain: btn-primary锛氫富瑕�/btn-info锛氫俊鎭�/btn-success锛氭垚鍔�/btn-warning锛氳鍛�/btn-danger锛氬嵄闄�/btn-inverse锛氬弽鍚�/btn-link锛氶摼鎺�
*/
/*鍏抽棴*/
.close{font-size:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:20px;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.2;filter: alpha(opacity=20)}
.close:hover,.close:focus{color: #000;text-decoration: none;cursor: pointer;opacity: 0.4;filter: alpha(opacity=40)}
button.close{padding:0;cursor:pointer;background:transparent;border: 0;-webkit-appearance: none}
.btn{display:inline-block;padding:3px 12px;cursor: pointer;font-size:14px;text-align: center;white-space: nowrap;vertical-align: middle;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #b3b3b3 #bfbfbf;*zoom:1;
/*CSS3闃村奖*/
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none}
a.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{text-decoration:none}
.btn:active,.btn.active{background-color:#ccc \9}
.btn:first-child{*margin-left:0}
.btn:hover,.btn:focus{background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
.btn.active,.btn:active{background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}
/*榛樿*/
.btn-default{
background-color:#e6e6e6;
/*CSS3 绾挎�ф笎鍙樿儗鏅�*/
background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
background-image:-o-linear-gradient(top,#fff,#e6e6e6);
background-image:linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat:repeat-x;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff',endColorstr='#ffe6e6e6',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6}
a.btn-default:hover{color:#333}
/*涓昏*/
.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#44c3ec;
background-image:-moz-linear-gradient(top,#00ABFD,#44c3ec);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#00ABFD),to(#44c3ec));
background-image:-webkit-linear-gradient(top,#00ABFD,#44c3ec);
background-image:-o-linear-gradient(top,#00ABFD,#44c3ec);
background-image:linear-gradient(to bottom,#00ABFD,#44c3ec);
background-repeat:repeat-x;
border-color:#44c3ec #44c3ec #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.disabled,.btn-primary[disabled]{
color: #fff;
background-color: #44c3ec;
*background-color:#16A9DA}
.btn-primary:active,.btn-primary.active{color:#fff;background-color:#039 \9}
/*淇℃伅*/
.btn-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#2f96b4;
background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);
background-repeat:repeat-x;border-color:#2f96b4 #2f96b4 #1f6377;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-info:hover,.btn-info:focus,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#2f96b4;*background-color:#2a85a0}
.btn-info:active,.btn-info.active{color:#fff;background-color:#24748c \9}
/*鎴愬姛*/
.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#99CC99;
background-image:-moz-linear-gradient(top,#62c462,#99CC99);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#99CC99));
background-image:-webkit-linear-gradient(top,#62c462,#99CC99);
background-image:-o-linear-gradient(top,#62c462,#99CC99);
background-image:linear-gradient(to bottom,#62c462,#99CC99);
background-repeat:repeat-x;border-color:#99CC99 #99CC99 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-success:hover,.btn-success:focus,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#99CC99;*background-color:#88C488}
.btn-success:active,.btn-success.active{color:#fff;background-color:#408140 \9}
/*璀﹀憡*/
.btn-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#f89406;
background-image:-moz-linear-gradient(top,#fbb450,#f89406);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
background-image:-o-linear-gradient(top,#fbb450,#f89406);
background-image:linear-gradient(to bottom,#fbb450,#f89406);
background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-warning:hover,.btn-warning:focus,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#f89406;*background-color:#df8505}
.btn-warning:active,.btn-warning.active{color:#fff;background-color:#c67605 \9}
/*鍗遍櫓*/
.btn-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#D65F58;
background-image:-moz-linear-gradient(top,#ee5f5b,#D65F58);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#D65F58));
background-image:-webkit-linear-gradient(top,#ee5f5b,#D65F58);
background-image:-o-linear-gradient(top,#ee5f5b,#D65F58);
background-image:linear-gradient(to bottom,#ee5f5b,#D65F58);
background-repeat:repeat-x;border-color:#D65F58 #D65F58 #802420;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-danger:hover,.btn-danger:focus,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#D65F58;*background-color:#D65F58}
.btn-danger:active,.btn-danger.active{color:#fff;background-color:#942a25 \9}
/*鐩稿弽*/
.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#222;
background-image:-moz-linear-gradient(top,#444,#222);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
background-image:-webkit-linear-gradient(top,#444,#222);
background-image:-o-linear-gradient(top,#444,#222);
background-image:linear-gradient(to bottom,#444,#222);
background-repeat:repeat-x;border-color:#222 #222 #000;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#222;*background-color:#151515}
.btn-inverse:active,.btn-inverse.active{color:#fff;background-color:#080808 \9}
/*鐏拌壊*/
.btn-gray{color:#666666;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#DDDDDD;
background-image:-moz-linear-gradient(top,#BBBBBB,#DDDDDD);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#BBBBBB),to(#DDDDDD));
background-image:-webkit-linear-gradient(top,#BBBBBB,#DDDDDD);
background-image:-o-linear-gradient(top,#BBBBBB,#DDDDDD);
background-image:linear-gradient(to bottom,#BBBBBB,#DDDDDD);
background-repeat:repeat-x;border-color:#DDDDDD #DDDDDD #000;
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
font-weight:normal;
}
.btn-gray:hover,.btn-inverse:focus,.btn-inverse.disabled,.btn-inverse[disabled]{color:#666666;background-color:#DDDDDD;*background-color:#151515}
.btn-gray:active,.btn-inverse.active{color:#666666;background-color:#080808 \9}
/*.btn-gray{
background-color: #DDDDDD;
color: #666666;
margin: 0px;
padding: 0px;
}*/
/*閾炬帴*/
.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;box-shadow:none}
.btn-link{color:#08c;cursor:pointer;border-color:transparent;border-radius:0}
.btn-link:hover,.btn-link:focus{color:#005580;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333;text-decoration:none}
/*鍏朵粬棰滆壊*/
/*鐜孩鑹�#F82244
#ff3c53 #fd3148 #f1162f #d9172d
#f0253b #e71c32 #f1162f #d9172d
*/
/*姗欒壊#FF6F3D*/
/*缁胯壊#00B391
#009871
*/
/*鍧楃骇鎸夐挳*/
.btn-block {-moz-box-sizing: border-box;display: block;padding-left: 0;padding-right: 0;width: 100%}
/*鎸夐挳灏哄*/
.btn-large{padding:10px 20px;font-size:18px}
.btn-big{padding:5px 15px;font-size:16px}
.btn-small{padding:2px 10px;font-size:12px}
.btn-mini{padding:0 6px;font-size:10px}
/*绂佺敤鐘舵��*/
.btn.disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}
/*3.6 鍥剧墖*/
/*3.6.1 澶村儚
Name: mod_avatar
Example:
Explain: 榧犳爣缁忚繃鐘舵�乤:hover锛屽綋鍓嶉�変腑鐘舵�乴i:current銆�
*/
.mainnav{width:100%;z-index:1;background-color:#333}/*瀵艰埅鏉¤儗鏅�*/
.mainnav li,.mainnav li a{height:40px;line-height:40px}/*瀵艰埅鏉￠珮搴�*/
.mainnav li{float:left;display:inline;color:#fff;font-size:14px;font-weight:bold}/*璁剧疆瀛椾綋*/
.mainnav li a{display:inline-block;padding:0 18px;color:#fff}/*閾炬帴棰滆壊*/
.mainnav li a:hover,.mainnav li.current a{color:#fff;text-decoration:none; background-color:#000}/*浜や簰棰滆壊*/
/*4.2.2 闈㈠寘灞戝鑸�
Name: mod_breadcrumb
Example:
棣栭〉 > 缁勪欢 > 褰撳墠椤甸潰
Explain: 闇�瑕佽皟鐢╬agenav.cn.js
*/
.pageNav input, button{
overflow: visible;
outline: none;
vertical-align: top;
}
.pageNav{float:none;clear:both;font-size:0px;font-family:Arial,Helvetica,sans-serif;padding:18px 0px;text-align:center}
.pageNav span,.pageNav a,.pageNav b{font-size:14px;margin-right:5px;overflow:hidden;padding:3px 8px}
.pageNav a{border:1px solid #CCDBE4;cursor:pointer}
.pageNav b{color:#000}
.pageNav .mor{padding:3px;font-weight:bold}
.pageNav .text{
width: 20px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 1px;
padding-left: 8px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}
.pageNav .button{}
/*4.2.4 椤堕儴瀵艰埅
Name: mod_topnav
Sample:
*/
.topnav{height:30px;line-height:30px;background:url(/ncglobal/bg_topnav.gif) repeat-x 0 0;border-bottom:1px solid #EBEBEB; font-size:12px}
.topbar{background-color: #ECECEC;border-bottom:1px solid #ddd}
.topbar a{margin-right:5px}
.r_nav{display:inline-block; color:#999}
/*4.2.5 鍚戝
Name: mod_steps
Sample:
绗竴姝�
绗簩姝�
绗笁姝�
绗洓姝�
*/
.steps,.step{display:inline-block;position:relative;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.step:after,.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.45em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}
.step,.steps .step,.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}
.steps{cursor:pointer;display:inline-block;font-size:0;box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:.3125rem}
.steps .step:first-child{padding-left:1.35em;border-radius:.3125em 0 0 .3125em}
.steps .step:last-child{border-radius:0 .3125em .3125em 0}
.steps .step:only-child{border-radius:.3125em}
.steps .step:last-child{margin-right:0}
.steps .step:last-child:after{display:none}
.step:hover,.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}
.steps .step.hover:after,.steps .step:hover:after,.step:hover,.step.hover::after{border-left-color:#F7F7F7}
.steps .step.down,.steps .step:active,.step.down,.step:active{background-color:#F0F0F0}
.steps .step.down:after,.steps .step:active:after,.steps.down::after,.steps:active::after{border-left-color:#F0F0F0}
.steps .step.active,.active.step{cursor:auto;background-color:#428BCA;color:#FFF;font-weight:700}.steps .step.active:after,.active.steps:after{border-left-color:#428BCA}
.steps .disabled.step,.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}
.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}
.attached.steps{margin:0;border-radius:.3125em .3125em 0 0}
.attached.steps .step:first-child{border-radius:.3125em 0 0}
.attached.steps .step:last-child{border-radius:0 .3125em 0 0}
.bottom.attached.steps{margin-top:-1px;border-radius:0 0 .3125em .3125em}
.bottom.attached.steps .step:first-child{border-radius:0 0 0 .3125em}
.bottom.attached.steps .step:last-child{border-radius:0 0 .3125em}
/*鍚戝鏁伴噺*/
.one.steps,.two.steps,.three.steps,.four.steps,.five.steps,.six.steps,.seven.steps,.eight.steps{display:block}
.one.steps>.step{width:100%}
.two.steps>.step{width:50%}
.three.steps>.step{width:33.333%}
.four.steps>.step{width:25%}
.five.steps>.step{width:20%}
.six.steps>.step{width:16.666%}
.seven.steps>.step{width:14.285%}
.eight.steps>.step{width:12.5%}
/*鍚戝灏哄*/
.small.step,.small.steps .step{font-size:.8rem}/*灏�*/
.step,.steps .step{font-size:1rem}/*榛樿*/
.large.step,.large.steps .step{font-size:1.25rem}/*澶�*/
/*鍏煎鍐欐硶
Sample:
*/
.steps-ie,.step-ie,.step-ie .arrow{height:44px; line-height:44px}
.steps-ie{background-color:#eaf4fd; border:solid 1px #afcfcc}
.step-ie{position:relative;display:inline-block; float:left; cursor:pointer; padding:0 20px 0 40px; background:url(/ncglobal/step_bg.png) repeat-x 0 center}
.step-ie .arrow{position:absolute;right:-21px; top:0; width:21px; height:44px; display:block; cursor:pointer; background:url(/ncglobal/step_arrow.png) no-repeat 0 center;z-index:50}
.step-ie.active{background-image:url(/ncglobal/step_bg-active.png); color:#fff; z-index:100}
.step-ie.active .arrow{background-image:url(/ncglobal/step_arrow-active.png)}
/*4.2.6 绔栧悜瀵煎悜tab瀵艰埅
Sample:
*/
.verticalTab{background:#fff url(/ncglobal/tab_bg.png) repeat-y 0 0; width:38px}
.verticalTab a{position:relative; display:block; width:18px; height:auto; text-align:center; position:relative; padding:26px 10px 6px 10px; background:url(/ncglobal/tabNav.png) no-repeat 0 0}
.verticalTab a em{position:absolute; left:0; bottom:-20px; width:38px; height:20px; background:url(/ncglobal/tabNav_right.png) no-repeat 0 0; z-index:50}
.verticalTab a.active{background-image:url(/ncglobal/tabNav-active.png); color:#fff; z-index:99}
.verticalTab a.active em{background-image:url(/ncglobal/tabNav_right-active.png)}
/*4.2.6 妯悜瀵煎悜tab瀵艰埅
Sample:
*/
.acrossTab{height:29px;
/*background:url(/ncglobal/acrossTab-bg.png) repeat-x 0 0; */
padding-top:1px}
.acrossTab li,.acrossTab li em{
background:url(/ncglobal/acrossTab.png) no-repeat 0 0
}
.acrossTab li{position:relative;float:left; display:inline-block; height:29px; line-height:29px; font-size:12px;cursor:pointer;padding:0 30px; white-space:nowrap;color:#282828; background-position:0 0}
.acrossTab li em{position:absolute; width:23px;height:29px;right:-20px; top:0;z-index:50; background-position:right -30px}
.acrossTab li:hover{background-position:0 -60px}
.acrossTab li:hover em{background-position:right -90px}
.acrossTab li.active{background-position:0 -120px; z-index:99}
.acrossTab li.active em{background-position:right -150px}
.acrossTab li i{position:absolute; display:block; width:13px; height:13px; top:50%; margin-top:-6px; right:5px; font-size:0; line-height:0; cursor:pointer; background:url(/ncglobal/acrossTab-close.png) no-repeat 0 0}
.acrossTab li i:hover{background-position:0 bottom}
/*4.3 涓嬫媺鑿滃崟
Name: mod_dropDown
Example: 涓嬫媺鑿滃崟 span>
Explain:
*/
.dropDown{display:inline-block}
.dropDown_A{display:inline-block}
.dropDown-menu{display:none;transition: all 0.3s ease 0s}
dropDown:focus,.dropDown-menu:focus {outline:0}
.dropDown-menu li.arrow{position:absolute;display:block; width:12px; height:8px; margin-top:-13px; margin-left:45px; line-height:0;background:url(/ncglobal/icon-jt.png) no-repeat 0 0}
/*榧犳爣缁忚繃*/
.dropDown.hover .dropDown_A,.dropDown.open .dropDown_A{text-decoration:none}
/*鎵撳紑鑿滃崟*/
.dropDown.open{position:relative; z-index:99}
.dropDown.open a:hover{}
.dropDown.open .dropDown-menu{position:absolute;z-index:100;display:inline-block;float:left;left:0px;top: 100%;min-width:120px;margin:-1px 0 0;padding: 5px 0;background-color:#fff;background-clip: padding-box;
border:1px solid #d6d6d6;border:1px solid rgba(0,0,0,0.15);
-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
box-shadow:0 6px 12px rgba(0,0,0,0.175)}
.dropDown.open .dropdown-menu.r {right:0;left:auto}
.dropDown.open .dropDown-menu li{float:none;display:inline}
.dropDown-menu li a{color:#666}
.dropDown.open .dropDown-menu li a{display:block;clear: both;line-height:1.428571429;padding:4px 15px;padding-right:30px;white-space:nowrap; text-align:left;font-weight: normal}
.dropDown-menu li a:hover,.dropDown-menu li a:focus{background-color:#ea5944;color:#fff; text-decoration:none}
/*绂佺敤鑿滃崟*/
.dropDown.open .dropDown-menu .disabled a,.dropDown.open .dropdown-menu .disabled a:hover,.dropDown.open .dropdown-menu .disabled a:focus{color:#999;text-decoration:none; cursor:no-drop; background-color:transparent}
.dropDown.open .dropDown-menu li.divider{display:block;height:0px; line-height:0px;margin:9px 0;overflow:hidden; border-top:solid 1px #eee}
/*4.4 骞荤伅鐗�
Name: module_slider
Sample:
Explain: 榛樿dots涓哄渾鐐癸紝鍦╯lider鍚庨潰杩藉姞numSlider鏍峰紡灏卞彉鎴愬甫鏁板瓧鐨勬柟妗嗭紝boxSlider涓轰笉甯︽暟瀛楅暱鏂规潯
*/
.slider{position:relative;text-align:center; margin:0 auto}
.slider .tabcon li{float: left;overflow:hidden}
.dots{position:absolute;right:0px; width:100%;bottom:10px; text-align:center}
.dots span{display:inline-block;text-align:center;width:8px; height:8px; font-size:0px;line-height:0px;margin-right:8px;cursor:pointer; background-color:#C2C2C2;border-radius:8px}
.dots span.active{background-color:#222}
.numSlider .dots span{width:20px; height:20px; line-height:20px; font-size:13px; margin-right:10px;line-height:20px;background-color:#fff;font-family:Arial;font-weight:bold; text-indent:inherit;border-radius:0px}
.numSlider .dots span.active{background-color:#222;color:#fff}
.boxSlider .dots span{width:40px; height:10px;border-radius:0px}
.boxRadius .dots span{width:40px}
.unslider-arrow{display:block; position:absolute; top:50%; margin-top:-25px;height: 50px;width: 50px; z-index:3;opacity: 0.7;filter: alpha(opacity=70); background-color:#303030; background-image:url(/ncglobal/unslider-arrow.png); background-repeat:no-repeat}
.unslider-arrow:hover{opacity: 1;filter: alpha(opacity=100)}
.prev{left:0px; background-position:0 0}
.next{right:0px;background-position:right 0}
/*4.5 閫夐」鍗�
Name: module_slider
Sample:
閫夐」鍗′竴 閫夐」鍗′簩 鑷�傚簲瀹藉害
鍐呭涓�
鍐呭浜�
鍐呭涓�
*/
.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;
font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.Current{background-color: #222;color: #fff}
.tabCon {display: none}
/*4.6 鏍囩涓庢爣鍙�
Name: style_label
Example: 榛樿
Explain: .label 榛樿/.label-success 鎴愬姛/.label-warning 閿欒/.lable-warning 鍗遍櫓/.label-important 閲嶈/.label-info 淇℃伅/.label-inverse 鐩稿弽
Name: style_badge
Example: 1
Explain: .label 榛樿/.badge-success 鎴愬姛/.badge-warning 閿欒/.badge-warning 鍗遍櫓/.badge-important 閲嶈/.badge-info 淇℃伅/.badge-inverse 鐩稿弽
*/
.label, .badge{display: inline-block;padding: 2px 4px;font-size: 11.844px;font-weight: bold;line-height: 14px;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);white-space: nowrap;vertical-align: baseline;background-color: #999}
.label{border-radius: 3px}
.badge{padding-right: 9px;padding-left: 9px;border-radius: 9px}
.label:empty, .badge:empty{display: none}
a.label:hover, a.label:focus, a.badge:hover, a.badge:focus{color: #fff;text-decoration: none;cursor: pointer}
/*鎴愬姛*/
.label-success, .badge-success{background-color: #0c0}
.label-success[href], .badge-success[href]{background-color: #0c0}
/*閿欒*/
.label-warning, .badge-warning{background-color: #f0ad4e}
.label-warning[href], .badge-warning[href]{background-color: #f0ad4e}
/*鍗遍櫓*/
.label-danger, .badge-danger{background-color: #d9534f}
.label-danger[href], .badge-danger[href]{background-color: #d9534f}
/*閲嶈*/
.label-important, .badge-important{background-color: #b94a48}
.label-important[href], .badge-important[href]{background-color: #b94a48}
/*閲戦*/
.label-price, .badge-price{background-color: #f60}
.label-price[href], .badge-price[href]{background-color: #f60}
/*淇℃伅*/
.label-info, .badge-info{background-color: #1faef2}
.label-info[href], .badge-info[href]{background-color: #1faef2}
/*鐩稿弽*/
.label-inverse, .badge-inverse{background-color: #1a1a1a}
.label-inverse[href], .badge-inverse[href]{background-color: #1a1a1a}
/*灏哄*/
.btn .label, .btn .badge{position: relative;top: -1px}
.btn-mini .label, .btn-mini .badge{top: 0}
/*4.7 缂╃暐鍥�
Name: style_img
Example:
Explain: 缂╃暐鍥�
*/
.imgbox{}
.img{}
.img-circle{border-radius: 50%}
/*4.8 璀﹀憡
Name: mod_Hui-alert
Example:
Explain: 璀﹀憡,浣跨敤璀﹀憡妗唈Query鎻掍欢
*/
.Huialert{position:relative;padding:8px 35px 8px 14px;margin-bottom: 20px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #fcf8e3;border: 1px solid #fbeed5}
.Huialert, .Huialert h4{color: #c09853}
.Huialert h4{margin: 0}
.Huialert .icon-remove{position:absolute;top:9px;right:10px;line-height: 20px;cursor:pointer; color:#000; opacity:0.2;_color:#666}
.Huialert .icon-remove.hover{color:#000;opacity:0.8}
.Huialert-success{color: #468847;background-color: #dff0d8;border-color: #d6e9c6}
.Huialert-success h4{color: #468847}
.Huialert-danger{color: #b94a48;background-color: #f2dede;border-color: #eed3d7}
.Huialert-danger h4{color: #b94a48}
.Huialert-error{color: #fff;background-color: #f37b1d;border-color: #e56c0c}
.Huialert-error h4{color: #fff}
.Huialert-info{color: #31708f;background-color: #d9edf7;border-color: #bce8f1}
.Huialert-info h4{color:#31708f}
.Huialert-block{padding-top: 14px;padding-bottom: 14px}
.Huialert-block > p, .Huialert-block > ul{margin-bottom: 0}
.Huialert-block p + p{margin-top: 5px}
/*4.9 杩涘害鏉� loading
Name: mod_progress
Example:
Explain: 璀﹀憡,浣跨敤璀﹀憡妗唈Query鎻掍欢
*/
.progress,.progress-bar,.sr-only{height:10px; font-size:0;line-height:0}
.progress{overflow:hidden; width:400px;-khtml-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.progress-bar{width:100%;background-color:#efefef}
.sr-only{display:inline-block; background-color:#58b957}
/*4.10 瀵硅瘽妗�
Name: mod_modal
Example:
*/
.loading{height: 50px; background: url(/ncglobal/loading_072.gif) no-repeat center}
.mask{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:url(/ncglobal/backdrop.png) repeat 0 0;-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in}
* html .mask{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)}
/*Huimodal*/
.modal-open{overflow:hidden}/*褰撳脊鍑哄眰鍑虹幇鏃讹紝闅愯棌body鍙充晶婊氬姩鏉�*/
.page-overflow{margin-right:16px}/*闅愯棌body婊氬姩鏉℃椂锛岄〉闈㈠亸绉�*/
.modal-scrollable{position:fixed;top:0;right:0;bottom:0;left:0;overflow: auto}/*寮瑰嚭灞傜殑鏈�澶栧眰锛屽叏灞忥紝鐢ㄦ埛鍝嶅簲鐐瑰嚮鍜屾粴鍔�*/
.modal-overflow .modal-scrollable{overflow-y:scroll}/*寮圭獥瓒呭嚭灞忓箷楂樺害鏃讹紝寮瑰嚭灞傛浛浠ody鍙充晶婊氬姩鏉★紝瀹炵幇寮瑰嚭灞傜殑鏁翠綋婊氬姩*/
.modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1040;background-color:#000}/*榛樿閬僵灞傦紝鍏ㄥ睆榛戣壊*/
* html .modal-backdrop{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)}/*瑙ｅ喅IE涓� 閬僵灞傚吋瀹规��*/
.modal-backdrop.fade {opacity:0;filter: alpha(opacity=0)}/*閬僵灞傚け鍘绘椂锛岄�忔槑搴︿负0*/
.modal-backdrop,.modal-backdrop.fade.in {opacity: 0.7;filter: alpha(opacity=70)}/*閬僵灞傝繘鍏� 0.7閫忔槑搴�*/
.modal.container{width: 980px}/*婊￠〉闈㈠搴�*/
.modal {position:absolute;top:50%;left:50%; width:500px;margin-left:-250px;z-index:1050;overflow: visible;background-color: #fff;background-clip: padding-box;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip:padding-box;
-khtml-background-clip:padding-box;
-moz-background-clip:padding-box;
-ms-background-clip:padding-box;
-o-background-clip:padding-box;
background-clip:padding-box;
border-radius:6px;
border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999}/*寮瑰嚭灞傦紝缁濆瀹氫綅锛岄粯璁ゃ�愬搴�500px锛岄珮搴﹁嚜閫傚簲锛岃儗鏅櫧鑹诧紝6px鍦嗚锛屽甫闃村奖銆戯紝鑷畾涔夊搴﹀彲鍦╠ata-width涓缃弬鏁�*/
.fade {opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear}
.fade.in {opacity: 1;filter: alpha(opacity=100)}
.modal.fade {top: -100%}/*寮瑰嚭灞傝繘鍏ュ姩鐢绘晥鏋�*/
.modal.fade.in{top:50%}/*寮瑰嚭灞傝繘鍏ュ悗灞呴《璺濈锛岄厤鍚坢argin-top璐熷�硷紝瀹炵幇涓婁笅鑷姩灞呬腑*/
.modal.modal-overflow.fade.in{top:0px}/*濡傛灉寮瑰嚭灞傞珮搴﹀ぇ浜庣獥鍙ｏ紝寮瑰嚭绐楀彛璺濋《0鍍忕礌*/
.loading-spinner {position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px}/*Ajax鍔犺浇鏁版嵁鏃秎oading*/
/*寮瑰嚭灞俬eader鍖�*/
.modal-header {padding: 9px 15px;border-bottom: 1px solid #eee; position:relative}/*寮瑰嚭灞傚ご閮�*/
.modal-header .close{position:absolute; right:10px; top:10px}/*鍏抽棴鎸夐挳锛岃璋冪敤4.1.1 鎸夐挳 .close*/
.modal-header h3{margin:0}/*鏍囬*/
.modal-body {overflow-y:visible;padding: 15px} /*鍐呭涓嶉檺楂樺害锛屽唴濉厖15px锛屼笉婊℃剰鍙嚜琛屼慨鏀�*/
.modal-form {margin-bottom: 0} /*寮瑰嚭灞傝〃鍗�*/
/*寮瑰嚭灞俧ooter鍖猴紝鏀炬寜閽�*/
.modal-footer {padding: 14px 15px 15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #ddd;*zoom: 1;border-radius: 0 0 6px 6px;box-shadow: inset 0 1px 0 #fff}
.modal-footer:before,.modal-footer:after {display: table;content: ""}
.modal-footer:after {clear: both}
.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
.modal-footer .btn-group .btn + .btn {margin-left: -1px}
.modal-alert{position:fixed; width:300px;margin-left:-150px; margin-top:-30px; z-index:9999}
.modal-alert-info{padding:30px; text-align:center; font-size:14px; background-color:#fff}
.mask_box{background-image:none;display:none;z-index:99}
.hover .mask_box{position:absolute;bottom:0px; left:0px;display:block;background:url(/ncglobal/backdrop.png) repeat 0 0;text-align:left}
.easyDialog_wrapper{width:320px; color:#444; border:3px solid rgba(0,0,0,0);border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.4); display:none}
.easyDialog_wrapper .easyDialog_content{border-radius:4px; background:#fff; border:1px solid #e5e5e5}
.easyDialog_wrapper .easyDialog_title{height:30px; line-height:30px; overflow:hidden; color:#666; padding:0 10px; font-size:14px; border-bottom:1px solid #e5e5e5; background:#f7f7f7; border-radius:4px 4px 0 0; margin:0 }
.easyDialog_wrapper .close_btn{font-family:arial; font-size:18px; _font-size:12px; font-weight:700; color:#999; text-decoration:none; float:right}
.easyDialog_wrapper .close_btn:hover{color:#333}
.easyDialog_wrapper .easyDialog_text{padding:25px 10px; font-size:13px; line-height:22px}
.easyDialog_wrapper .easyDialog_footer{padding:10px; text-align:right; *zoom:1}
.easyDialog_wrapper .easyDialog_footer:after{content:''; display:block; height:0; overflow:hidden; visibility:hidden; clear:both}
.easyDialog_wrapper .btn_highlight,.easyDialog_wrapper .btn_normal{border:1px solid; border-radius:2px; cursor:pointer;float:right; font-size:12px; padding:0 12px; height:24px; line-height:24px; margin-bottom:10px}
.easyDialog_wrapper .btn_highlight{background:#4787ed; background:-webkit-gradient(linear,center bottom,center top,from(#4787ed),to(#4d90fe)); background:-moz-linear-gradient(90deg, #4787ed, #4d90fe); border-color:#3079ed; color:#fff}
.easyDialog_wrapper .btn_normal{margin-left:10px; border-color:#c3c3c3; background:#ececec; color:#333; background:-webkit-gradient(linear,center bottom,center top,from(#ececec),to(#f4f4f4)); background:-moz-linear-gradient(90deg,#ececec,#f4f4f4)}
.modal-open .dropdown-menu {z-index: 2050}
.modal-open .dropdown.open {*z-index: 2050}
.modal-open .popover {z-index: 2060}
.modal-open .tooltip {z-index: 2070}
/*4.12 杩斿洖椤堕儴
Name: mod_totop
Level: Global
Example: 鈥︹��
*/
.bs-docs-example{position:relative;*position:static;*padding-top: 19px;margin: 15px 0;padding: 39px 19px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px}
.bs-docs-example:after{content: "Example";position: absolute;top: -1px;left: -1px;*position:static;padding: 3px 7px;font-size: 12px;font-weight: bold;background-color: #f5f5f5;border: 1px solid #ddd;color: #9da0a4;border-radius: 4px 0 4px 0}
/****娆㈣繋鐣岄潰****/
.hyjm-mian{
margin-top: 0px;
margin-right: 20px;
margin-left: 20px;
padding-bottom: 20px;
}
.hyjm-mian .title{
line-height: 40px;
font-weight: bold;
height: 40px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DBDBDB;
}
.hyjm-mian .title span{font:normal 12px arial,"Sim Sun";color:#fff;line-height: 40px;padding-left:2px;background-color:#f43d39;margin-left:6px;}
.hyjm-mian .con li{
float: left;
width: auto;
font-size: 12px;
line-height: 20px;
padding: 8px;
min-width: 90px;
color: #999;
}
.hyjm-mian .zm li{
float: left;
height: 25px;
width:auto;
padding-right:10px;
padding-left:10px;
text-align: center;
line-height: 25px;
margin-top: 10px;
margin-bottom: 10px;
cursor:pointer;
}
.hyjm-mian .zm li.h{
background-color: #F00;
color:#FFF;
}
.clear{
clear: both;
}
.bs-docs-wdzt{position:relative;*position:static;*padding-top: 19px;margin: 15px 0;padding: 39px 19px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px}
.bs-docs-wdzt:after{content: "鎴戠殑鐘舵��";position: absolute;top: -1px;left: -1px;*position:static;padding: 3px 7px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border: 1px solid #ddd;color: #9da0a4;border-radius: 4px 0 4px 0}
.bs-docs-kjcd{position:relative;*position:static;*padding-top: 19px;margin: 15px 0;padding: 39px 19px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px}
.bs-docs-kjcd:after{content: "蹇嵎鑿滃崟";position: absolute;top: -1px;left: -1px;*position:static;padding: 3px 7px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border: 1px solid #ddd;color: #9da0a4;border-radius: 4px 0 4px 0}
.bs-docs-yygndh{position:relative;*position:static;*padding-top: 19px;margin: 15px 0;padding: 39px 19px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px}
.bs-docs-yygndh:after{content: "搴旂敤鍔熻兘瀵艰埅";position: absolute;top: -1px;left: -1px;*position:static;padding: 3px 7px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border: 1px solid #ddd;color: #9da0a4;border-radius: 4px 0 4px 0}
/***********/
/*4.16 婊氬姩
Name: mod_rolling
Example:
*/
.marquee{height:22px;overflow:hidden;line-height:22px}
.rollpic .prev,.rollpic .next{display:block; height:38px; width:38px; cursor:pointer; float:left; background:url(/ncglobal/unslider-arrow2.png) no-repeat 0 0; margin-top:70px}
.rollpic .prev{background-position:0 0; margin-right:5px}
.rollpic .prev:hover{background-position:0 -38px}
.rollpic .next{background-position:0 -76px;margin-left:5px}
.rollpic .next:hover{background-position:0 -114px}
.rollpicshow{float:left; border:solid 1px #ddd}
.rollpicshow li{padding:10px}
/*4.17 鎼滅储鏉�
Name: mod_searchBar
Sample:
*/
.searchBar{z-index: 100; width:460px;height: 33px;background:url(/ncglobal/search.gif) no-repeat 0 -48px;position:relative}
.form-search{margin-bottom:0px}
.searchTxt{float:left;width:350px;height:23px;line-height:23px;font-size:14px;color:#9a9a9a;margin-left:33px;margin-top:5px;border:none;background-color:#fff}
.searchTxt.focus{color:#333}
.searchBtn{float:right;display:block;border:none;width:73px;height:33px;cursor:pointer;text-indent:-9999px;background:url(/ncglobal/search.gif) no-repeat right -81px}
.searchBtn:hover{background-position:right -114px}
/*鎼滅储涓嬫媺鎻愮ず*/
.ac_results{position:absolute;width:386px; height:auto;border:solid 1px #890800;background-color:#fff;top:32px; left:0px; display:none}
.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0}
.ac_results li p{float:left;margin:0;padding:0;overflow:hidden}
.ac_results li p tt{color:#666}
.ac_results li span{margin:0;padding:0;display:inline;float:right;color:#f93;width:90px; text-align:right; overflow:hidden}
.ac_results ul li{padding-left:5px;padding-right:5px;display:block;height:22px;line-height:22px;cursor:pointer;color:#000;font:瀹嬩綋;font-size:12px}
.ac_results ul li.hover{background-color:#fef8ec;color:#000}
.ac_loading{background:#fff url(/ncglobal/loading_s.gif) right center no-repeat}
.AD{text-align:center}
/*4.18.1 瀵硅仈骞垮憡
Name: mod_AD_dual
Sample:
*/
.dual{top:260px;position:absolute; width:102px; overflow:hidden; display:none; z-index:100}
.dual_l{left:6px}
.dual_r{right:6px}
.dual_con{border:#CCC solid 1px;width:100px; height:300px; overflow:hidden; background-color:#0C9}
.dual_close{width:100%;height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555; text-decoration:none}
/*4.19 鏍囩*/
/*4.19.1 鏍囩杈撳叆鏁堟灉
Name: mod_hui-tags
Sample:
*/
.hui-tags{border:solid 1px #dedede; padding:0 10px}
.hui-tags-editor{position:relative; padding:10px 0 10px 24px}
.hui-tags-editor .icon-tags{position:absolute; left:0; top:14px}
.hui-tags-token{color:#aaa; float:left; font-size:12px; height:20px; line-height:20px; margin-right:8px; padding:0 1px; white-space:nowrap; cursor:pointer}
.hui-tags-token:before{content:"#"}
.hui-tags-token:hover{text-decoration:line-through}
.hui-tags-iptwrap{position:relative; float:left}
.hui-tags-input{position:relative;height:20px;min-width:60px; border:0 none; vertical-align:top;line-height:20px; color:#333;z-index:2;background: url(/ncglobal/empty.png) repeat scroll 0 0; display:inline-block; width:100%}
.hui-tags-lable{position:absolute; top:0; left:2px; width:240px; height:20px; line-height:20px; font-size:14px; overflow:hidden; z-index:1; color:#ccc}
.hui-tags-list{padding:0 0 10px 0; display:none}
.hui-notag{font-size:12px}
.hui-tags-has span{cursor:pointer; font-size:12px; white-space:nowrap; margin-right:10px}
/*4.19.2 鏍囩娣锋帓鏁堟灉
Name: mod_tags
Sample:
*/
.tags a{height:26px; line-height:26px;padding-right:6px}
.tags0{}
.tags1{color:#C00; font-size:24px}
.tags2{color:#030; font-size:16px}
.tags3{color:#00F}
.tags4{font-size:16px}
.tags5{color:#C00; font-size:20px}
.tags6{color:#F06 font-size:20px}
.tags7{color:#030; font-weight:bold; font-size:18px}
.tags8{color:#F06; font-weight:bold}
.tags9{color:#C00; font-weight:bold;font-size:16px}
.tags a:hover{color:#F00; text-decoration:underline}
/*4.19.3 tag浜戞爣绛�*/
#tagyun {position:relative}
#tagyun a {position:absolute;top:0px;left:0px;font-weight:bold;text-decoration:none;padding:3px 6px}
/*4.20 鎶樺彔
Name: mod_Huifold
Sample:
*/
.Huifold .item{position:relative}
.Huifold .item h4{margin:0;font-weight:bold;position:relative;border-top: 1px solid #fff;font-size:15px;line-height:22px;padding:7px 10px;background-color:#eee;cursor:pointer;padding-right:30px}
.Huifold .item h4 b{position:absolute;display: block; cursor:pointer;right:10px;top:7px;width:16px;height:16px; text-align:center; color:#666}
.Huifold .item .info{display:none;padding:10px}
/*4.21 閬僵鏉�
Name: mod_maskBar
*/
.maskBar{position:absolute;width:100%; height:auto;left:0; bottom:-60px; right:0;background-color:#000;z-index:2; color:#fff!important;opacity:0.6;filter:alpha(opacity=60)}
.maskWraper{position:relative; overflow:hidden}
.maskWraper.hover .maskBar{bottom:0px;
transition: bottom 200ms;
-moz-transition: bottom 200ms; /* Firefox 4 */
-webkit-transition: bottom 200ms; /* Safari 鍜� Chrome */
-o-transition: bottom 200ms; /* Opera */
}
.maskBox{position:absolute;width:100%; height:100%;top:0;left:0; bottom:0;right:0;z-index:2;background-color:#000; color:#fff!important;opacity:0;filter:alpha(opacity=0)}
.maskWraper.hover .maskBox{opacity:0.2;filter:alpha(opacity=20);
transition: opacity 500ms;
-moz-transition: opacity 500ms; /* Firefox 4 */
-webkit-transition: opacity 500ms; /* Safari 鍜� Chrome */
-o-transition: opacity 500ms; /* Opera */
}
/*4.22 璇勮鍒楄〃
Name: mod_comment
Sample:
*/
.commentList .item{list-style: none outside none;margin: 1.6rem 0 0}
.commentList .avatar{border: 1px solid transparent;float: left;}
.comment-main{position:relative;margin-left:64px;border:1px solid #dedede;border-radius:2px}
.comment-main:before,.comment-main:after{position:absolute;top:11px;left:-16px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid outset;pointer-events:none}
.comment-main:before{border-right-color:#dedede;border-width:8px}
.comment-main:after{border-width:7px;border-right-color:#f8f8f8;margin-top:1px;margin-left:2px}
.comment-header{padding:10px 15px;background:#f8f8f8;border-bottom:1px solid #eee}
.comment-title{margin:0 0 8px 0;font-size:1.6rem;line-height:1.2}
.comment-meta{font-size:13px;color:#999;line-height:1.2}
.comment-meta a{color:#999}
.comment-author{font-weight:700;color:#999}
.comment-body{padding:15px;overflow:hidden}
.comment-body>:last-child{margin-bottom:0}
.commentList .comment-flip .avatar {float: right}
.comment-flip .comment-main{margin-left: 0; margin-right: 64px}
.comment-flip .comment-main:before {border-left-color: #dedede;border-right-color: transparent}
.comment-flip .comment-main:before, .comment-flip .comment-main:after {left: 100%;position: absolute;right: -16px}
.comment-flip .comment-main:after {border-left-color: #f8f8f8;border-right-color: transparent;margin-left: auto;margin-right: 2px}
/*5 椤甸潰
Name: page
*/
/*5.1 鍗氬鍒楄〃椤�*/
.page-blog-list{}
/*5.2 鍗氬璇︽儏椤�*/
.page-blog-show{}
/*5.3 鍏充簬鎴戜滑椤�*/
.page-about-show{}
/*5.4 甯姪鍒楄〃椤�*/
.page-help-list{}
/*5.5 甯姪璇︽儏椤�*/
.page-help-show{}
/*5.6 閿欒椤�-404*/
.page-404{}
/*5.7 鍙嬫儏閾炬帴椤�*/
.page-flink{}
/*濯掍綋閫傞厤*/
/*澶у睆骞�*/
@media (min-width: 1200px){
}
/*妯悜骞虫澘*/
@media (min-width: 768px) and (max-width: 992px){
}
/*妯悜鎵嬫満 绔栧悜骞虫澘*/
@media (max-width: 767px) {
img{max-width:100%}
.tlist li{position:relative; font-size:18px;border-bottom: 1px solid #eee}
.tlist li a{display:block;padding:0.7em 30px 0.7em 12px}
.dot_1{padding-left:0px}
.night .tlist li{border-bottom: 1px solid #1F1F1F}
.tlist .time{display:none}
.tlist i {background:url(/ncglobal/arrow.png) no-repeat 0 0; background-size:9px auto; height: 15px;margin-top: -7px;position: absolute;right:10px;top: 50%;width: 9px}
.night .tlist i{background-position:0 -75px}
.mainnav li{font-size:1.125em}
}
/*绔栧悜鎵嬫満*/
@media (max-width: 480px) {
.mainnav li{text-align:center}
.mainnav li{width:20%}
.mainnav li a{padding:0; width:100%}
.content img,.thumbImage img{max-width:100%!important; height:auto!important;width:expression(this.width > 320 ? "320px" : this.width)!important}
.thumbImage {margin: auto;width: 320px}
*html .content img,*html .thumbImage img{width:expression(this.width>320&&this.width>this.height?320:auto)}
}
/*妯睆妯″紡*/
@media screen and (orientation:portrait) {
}
*/
.avatar{display:inline-block;position:relative; overflow:hidden}
.avatar img{ display:block}
.avatar.radius,.avatar.radius img{border-radius:50%}
.avatar-mini,.avatar.avatar-mini img{ width:16px; height:16px}
.avatar.avatar-S,.avatar.avatar-S img{ width:24px; height:24px}
.avatar.avatar-M,.avatar.avatar-M img{ width:32px; height:32px}
.avatar.avatar-L,.avatar.avatar-L img{ width:48px; height:48px}
.avatar.avatar-XL,.avatar.avatar-XL img{ width:64px; height:64px}
/*3.7 鍥炬爣
H-ui閲囩敤Font Awesome 3.2.1鐨勬暣濂楀浘鏍囷紝鍥犱负鏄浘鏍囧瓧浣擄紝鎵�浠ュ彲浠ュ儚鎺у埗瀛椾綋閭ｆ牱闅忓績鎵�娆叉敼鍙樿繖浜涘浘鏍囩殑棰滆壊銆佸ぇ灏忋�侀槾褰变互鍙婁换浣旵SS鑳芥帶鍒剁殑灞炴��
*/
/*.icon{display:inline-block; vertical-align:text-top; width:16px; height:16px; background-position:center; background-repeat:no-repeat}*/
/*3.8 鏁堟灉
Name: style_animation
Example:
*/
/* animation */
.hui-bounce,.hui-flip,.hui-flash,.hui-shake,.hui-swing,.hui-wobble,.hui-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease}
.hui-fadein,.hui-fadeinT,.hui-fadeinR,.hui-fadeinB,.hui-fadeinL,.hui-bouncein,.hui-bounceinT,.hui-bounceinR,.hui-bounceinB,.hui-bounceinL,.hui-rotatein,.hui-rotateinLT,.hui-rotateinLB,.hui-rotateinRT,.hui-rotateinRB,.hui-flipin,.hui-flipinX,.hui-flipinY{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards}
.hui-fadeout,.hui-fadeoutT,.hui-fadeoutR,.hui-fadeoutB,.hui-fadeoutL,.hui-bounceout,.hui-bounceoutT,.hui-bounceoutR,.hui-bounceoutB,.hui-bounceoutL,.hui-rotateout,.hui-rotateoutLT,.hui-rotateoutLB,.hui-rotateoutRT,.hui-rotateoutRB,.hui-flipout,.hui-flipoutX,.hui-flipoutY{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards}
/* 娣″叆 */
.hui-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein}
/* 娣″叆-浠庝笂 */
.hui-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT}
/* 娣″叆-浠庡彸 */
.hui-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR}
/* 娣″叆-浠庝笅 */
.hui-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB}
/* 娣″叆-浠庡乏 */
.hui-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL}
/* 娣″嚭 */
.hui-fadeout{-webkit-animation-name:fadeout;-moz-animation-name:fadeout;-ms-animation-name:fadeout;animation-name:fadeout}
/* 娣″嚭-鍚戜笂 */
.hui-fadeoutT{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT}
/* 娣″嚭-鍚戝彸 */
.hui-fadeoutR{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR}
/* 娣″嚭-鍚戜笅 */
.hui-fadeoutB{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB}
/* 娣″嚭-鍚戝乏 */
.hui-fadeoutL{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL}
/* 寮硅烦 */
.hui-bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce}
/* 寮瑰叆 */
.hui-bouncein{-webkit-animation-name:bouncein;-moz-animation-name:bouncein;-ms-animation-name:bouncein;animation-name:bouncein}
/* 寮瑰叆-浠庝笂 */
.hui-bounceinT{-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT}
/* 寮瑰叆-浠庡彸 */
.hui-bounceinR{-webkit-animation-name:bounceinR;-moz-animation-name:bounceinR;-ms-animation-name:bounceinR;animation-name:bounceinR}
/* 寮瑰叆-浠庝笅 */
.hui-bounceinB{-webkit-animation-name:bounceinB;-moz-animation-name:bounceinB;-ms-animation-name:bounceinB;animation-name:bounceinB}
/* 寮瑰叆-浠庡乏 */
.hui-bounceinL{-webkit-animation-name:bounceinL;-moz-animation-name:bounceinL;-ms-animation-name:bounceinL;animation-name:bounceinL}
/* 寮瑰嚭 */
.hui-bounceout{-webkit-animation-name:bounceout;-moz-animation-name:bounceout;-ms-animation-name:bounceout;animation-name:bounceout}
/* 寮瑰嚭-鍚戜笂 */
.hui-bounceoutT{-webkit-animation-name:bounceoutT;-moz-animation-name:bounceoutT;-ms-animation-name:bounceoutT;animation-name:bounceoutT}
/* 寮瑰嚭-鍚戝彸 */
.hui-bounceoutR{-webkit-animation-name:bounceoutR;-moz-animation-name:bounceoutR;-ms-animation-name:bounceoutR;animation-name:bounceoutR}
/* 寮瑰嚭-鍚戜笅 */
.hui-bounceoutB{-webkit-animation-name:bounceoutB;-moz-animation-name:bounceoutB;-ms-animation-name:bounceoutB;animation-name:bounceoutB}
/* 寮瑰嚭-鍚戝乏 */
.hui-bounceoutL{-webkit-animation-name:bounceoutL;-moz-animation-name:bounceoutL;-ms-animation-name:bounceoutL;animation-name:bounceoutL}
/* 杞叆 */
.hui-rotatein{-webkit-animation-name:rotatein;-moz-animation-name:rotatein;-ms-animation-name:rotatein;animation-name:rotatein}
/* 杞叆-浠庡乏涓� */
.hui-rotateinLT{-webkit-animation-name:rotateinLT;-moz-animation-name:rotateinLT;-ms-animation-name:rotateinLT;animation-name:rotateinLT}
/* 杞叆-浠庡乏涓� */
.hui-rotateinLB{-webkit-animation-name:rotateinLB;-moz-animation-name:rotateinLB;-ms-animation-name:rotateinLB;animation-name:rotateinLB}
/* 杞叆-浠庡彸涓� */
.hui-rotateinRT{-webkit-animation-name:rotateinRT;-moz-animation-name:rotateinRT;-ms-animation-name:rotateinRT;animation-name:rotateinRT}
/* 杞叆-浠庡彸涓�*/
.hui-rotateinRB{-webkit-animation-name:rotateinRB;-moz-animation-name:rotateinRB;-ms-animation-name:rotateinRB;animation-name:rotateinRB}
/* 杞嚭 */
.hui-rotateout{-webkit-animation-name:rotateout;-moz-animation-name:rotateout;-ms-animation-name:rotateout;animation-name:rotateout}
/* 杞嚭-鍚戝乏涓� */
.hui-rotateoutLT{-webkit-animation-name:rotateoutLT;-moz-animation-name:rotateoutLT;-ms-animation-name:rotateoutLT;animation-name:rotateoutLT}
/* 杞嚭-鍚戝乏涓� */
.hui-rotateoutLB{-webkit-animation-name:rotateoutLB;-moz-animation-name:rotateoutLB;-ms-animation-name:rotateoutLB;animation-name:rotateoutLB}
/* 杞嚭-鍚戝彸涓� */
.hui-rotateoutRT{-webkit-animation-name:rotateoutRT;-moz-animation-name:rotateoutRT;-ms-animation-name:rotateoutRT;animation-name:rotateoutRT}
/* 杞嚭-鍚戝彸涓� */
.hui-rotateoutRB{-webkit-animation-name:rotateoutRB;-moz-animation-name:rotateoutRB;-ms-animation-name:rotateoutRB;animation-name:rotateoutRB}
/* 缈昏浆 */
.hui-flip{-webkit-animation-name:flip;-moz-animation-name:flip;-ms-animation-name:flip;animation-name:flip}
/* 缈诲叆-X杞� */
.hui-flipinX{-webkit-animation-name:flipinX;-moz-animation-name:flipinX;-ms-animation-name:flipinX;animation-name:flipinX}
/* 缈诲叆-Y杞� */
.hui-flipin,.hui-flipinY{-webkit-animation-name:flipinY;-moz-animation-name:flipinY;-ms-animation-name:flipinY;animation-name:flipinY}
/* 缈诲嚭-X杞� */
.hui-flipoutX{-webkit-animation-name:flipoutX;-moz-animation-name:flipoutX;-ms-animation-name:flipoutX;animation-name:flipoutX}
/* 缈诲嚭-Y杞� */
.hui-flipout,.hui-flipoutY{-webkit-animation-name:flipoutY;-moz-animation-name:flipoutY;-ms-animation-name:flipoutY;animation-name:flipoutY}
/* 闂儊 */
.hui-flash{-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;animation-name:flash}
/* 闇囬ⅳ */
.hui-shake{-webkit-animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;animation-name:shake}
/* 鎽囨憜 */
.hui-swing{-webkit-animation-name:swing;-moz-animation-name:swing;-ms-animation-name:swing;animation-name:swing}
/* 鎽囨檭 */
.hui-wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-ms-animation-name:wobble;animation-name:wobble}
/* 闇囬搩 */
.hui-ring{-webkit-animation-name:ring;-moz-animation-name:ring;-ms-animation-name:ring;animation-name:ring}
/* define */
/* 娣″叆 */
@-webkit-keyframes fadein{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadein{
0%{opacity:0}
100%{opacity:1}
}
@-ms-keyframes fadein{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadein{
0%{opacity:0}
100%{opacity:1}
}
/* 娣″叆-浠庝笂 */
@-webkit-keyframes fadeinT{
0%{opacity:0;-webkit-transform:translateY(-100px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeinT{
0%{opacity:0;-moz-transform:translateY(-100px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeinT{
0%{opacity:0;-ms-transform:translateY(-100px)}
100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeinT{
0%{opacity:0;transform:translateY(-100px)}
100%{opacity:1;transform:translateY(0)}
}
/* 娣″叆-浠庡彸 */
@-webkit-keyframes fadeinR{
0%{opacity:0;-webkit-transform:translateX(100px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeinR{
0%{opacity:0;-moz-transform:translateX(100px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-ms-keyframes fadeinR{
0%{opacity:0;-ms-transform:translateX(100px)}
100%{opacity:1;-ms-transform:translateX(0)}
}
@keyframes fadeinR{
0%{opacity:0;transform:translateX(100px)}
100%{opacity:1;transform:translateX(0)}
}
/* 娣″叆-浠庝笅 */
@-webkit-keyframes fadeinB{
0%{opacity:0;-webkit-transform:translateY(100px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeinB{
0%{opacity:0;-moz-transform:translateY(100px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeinB{
0%{opacity:0;-ms-transform:translateY(100px)}
100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeinB{
0%{opacity:0;transform:translateY(100px)}
100%{opacity:1;transform:translateY(0)}
}
/* 娣″叆-浠庡乏 */
@-webkit-keyframes fadeinL{
0%{opacity:0;-webkit-transform:translateX(-100px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeinL{
0%{opacity:0;-moz-transform:translateX(-100px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-ms-keyframes fadeinL{
0%{opacity:0;-ms-transform:translateX(-100px)}
100%{opacity:1;-ms-transform:translateX(0)}
}
@keyframes fadeinL{
0%{opacity:0;transform:translateX(-100px)}
100%{opacity:1;transform:translateX(0)}
}
/* 娣″嚭 */
@-webkit-keyframes fadeout{
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeout{
0%{opacity:1}
100%{opacity:0}
}
@-ms-keyframes fadeout{
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeout{
0%{opacity:1}
100%{opacity:0}
}
/* 娣″嚭-鍚戜笂 */
@-webkit-keyframes fadeoutT{
0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-100px)}
}
@-moz-keyframes fadeoutT{
0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-100px)}
}
@-ms-keyframes fadeoutT{
0%{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-transform:translateY(-100px)}
}
@keyframes fadeoutT{
0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(-100px)}
}
/* 娣″嚭-鍚戝彸 */
@-webkit-keyframes fadeoutR{
0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(100px)}
}
@-moz-keyframes fadeoutR{
0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(100px)}
}
@-ms-keyframes fadeoutR{
0%{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-transform:translateX(100px)}
}
@keyframes fadeoutR{
0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(100px)}
}
/* 娣″嚭-鍚戜笅 */
@-webkit-keyframes fadeoutB{
0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(100px)}
}
@-moz-keyframes fadeoutB{
0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(100px)}
}
@-ms-keyframes fadeoutB{
0%{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-transform:translateY(100px)}
}
@keyframes fadeoutB{
0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(100px)}
}
/* 娣″嚭-鍚戝乏 */
@-webkit-keyframes fadeoutL{
0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-100px)}
}
@-moz-keyframes fadeoutL{
0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(-100px)}
}
@-ms-keyframes fadeoutL{
0%{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-transform:translateX(-100px)}
}
@keyframes fadeoutL{
0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(-100px)}
}
/* 寮硅烦 */
@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}
}
@-ms-keyframes bounce{
0%,20%,50%,80%,100%{-ms-transform:translateY(0)}
40%{-ms-transform:translateY(-30px)}
60%{-ms-transform:translateY(-15px)}
}
@keyframes bounce{
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
/* 寮瑰叆 */
@-webkit-keyframes bouncein{
0%{opacity:0;-webkit-transform:scale(0.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(0.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bouncein{
0%{opacity:0;-moz-transform:scale(0.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(0.9)}
100%{-moz-transform:scale(1)}
}
@-ms-keyframes bouncein{
0%{opacity:0;-ms-transform:scale(0.3)}
50%{opacity:1;-ms-transform:scale(1.05)}
70%{-ms-transform:scale(0.9)}
100%{-ms-transform:scale(1)}
}
@keyframes bouncein{
0%{opacity:0;transform:scale(0.3)}
50%{opacity:1;transform:scale(1.05)}
70%{transform:scale(0.9)}
100%{transform:scale(1)}
}
/* 寮瑰叆-浠庝笂 */
@-webkit-keyframes bounceinT{
0%{opacity:0;-webkit-transform:translateY(-100px)}
60%{opacity:1;-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceinT{
0%{opacity:0;-moz-transform:translateY(-100px)}
60%{opacity:1;-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceinT{
0%{opacity:0;-ms-transform:translateY(-100px)}
60%{opacity:1;-ms-transform:translateY(30px)}
80%{-ms-transform:translateY(-10px)}
100%{-ms-transform:translateY(0)}
}
@keyframes bounceinT{
0%{opacity:0;transform:translateY(-100px)}
60%{opacity:1;transform:translateY(30px)}
80%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
/* 寮瑰叆-浠庡彸 */
@-webkit-keyframes bounceinR{
0%{opacity:0;-webkit-transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceinR{
0%{opacity:0;-moz-transform:translateX(100px)}
60%{opacity:1;-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}
@-ms-keyframes bounceinR{
0%{opacity:0;-ms-transform:translateX(100px)}
60%{opacity:1;-ms-transform:translateX(-30px)}
80%{-ms-transform:translateX(10px)}
100%{-ms-transform:translateX(0)}
}
@keyframes bounceinR{
0%{opacity:0;transform:translateX(100px)}
60%{opacity:1;transform:translateX(-30px)}
80%{transform:translateX(10px)}
100%{transform:translateX(0)}
}
/* 寮瑰叆-浠庝笅 */
@-webkit-keyframes bounceinB{
0%{opacity:0;-webkit-transform:translateY(100px)}
60%{opacity:1;-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceinB{
0%{opacity:0;-moz-transform:translateY(100px)}
60%{opacity:1;-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceinB{
0%{opacity:0;-ms-transform:translateY(100px)}
60%{opacity:1;-ms-transform:translateY(-30px)}
80%{-ms-transform:translateY(10px)}
100%{-ms-transform:translateY(0)}
}
@keyframes bounceinB{
0%{opacity:0;transform:translateY(100px)}
60%{opacity:1;transform:translateY(-30px)}
80%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
/* 寮瑰叆-浠庡乏 */
@-webkit-keyframes bounceinL{
0%{opacity:0;-webkit-transform:translateX(-100px)}
60%{opacity:1;-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceinL{
0%{opacity:0;-moz-transform:translateX(-100px)}
60%{opacity:1;-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
@-ms-keyframes bounceinL{
0%{opacity:0;-ms-transform:translateX(-100px)}
60%{opacity:1;-ms-transform:translateX(30px)}
80%{-ms-transform:translateX(-10px)}
100%{-ms-transform:translateX(0)}
}
@keyframes bounceinL{
0%{opacity:0;transform:translateX(-100px)}
60%{opacity:1;transform:translateX(30px)}
80%{transform:translateX(-10px)}
100%{transform:translateX(0)}
}
/* 寮瑰嚭 */
@-webkit-keyframes bounceout{
0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(0.95)}
50%{opacity:1;-webkit-transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(0.3)}
}
@-moz-keyframes bounceout{
0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(0.95)}
50%{opacity:1;-moz-transform:scale(1.1)}
100%{opacity:0;-moz-transform:scale(0.3)}
}
@-ms-keyframes bounceout{
0%{-ms-transform:scale(1)}
25%{-ms-transform:scale(0.95)}
50%{opacity:1;-ms-transform:scale(1.1)}
100%{opacity:0;-ms-transform:scale(0.3)}
}
@keyframes bounceout{
0%{transform:scale(1)}
25%{transform:scale(0.95)}
50%{opacity:1;transform:scale(1.1)}
100%{opacity:0;transform:scale(0.3)}
}
/* 寮瑰嚭-鍚戜笂*/
@-webkit-keyframes bounceoutT{
0%{-webkit-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-100px)}
}
@-moz-keyframes bounceoutT{
0%{-moz-transform:translateY(0)}
20%{opacity:1;-moz-transform:translateY(20px)}
100%{opacity:0;-moz-transform:translateY(-100px)}
}
@-ms-keyframes bounceoutT{
0%{-ms-transform:translateY(0)}
20%{opacity:1;-ms-transform:translateY(20px)}
100%{opacity:0;-ms-transform:translateY(-100px)}
}
@keyframes bounceoutT{
0%{transform:translateY(0)}
20%{opacity:1;transform:translateY(20px)}
100%{opacity:0;transform:translateY(-100px)}
}
/* 寮瑰嚭-鍚戝彸*/
@-webkit-keyframes bounceoutR{
0%{-webkit-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(100px)}
}
@-moz-keyframes bounceoutR{
0%{-moz-transform:translateX(0)}
20%{opacity:1;-moz-transform:translateX(-20px)}
100%{opacity:0;-moz-transform:translateX(100px)}
}
@-ms-keyframes bounceoutR{
0%{-ms-transform:translateX(0)}
20%{opacity:1;-ms-transform:translateX(-20px)}
100%{opacity:0;-ms-transform:translateX(100px)}
}
@keyframes bounceoutR{
0%{transform:translateX(0)}
20%{opacity:1;transform:translateX(-20px)}
100%{opacity:0;transform:translateX(100px)}
}
/* 寮瑰嚭-鍚戜笅 */
@-webkit-keyframes bounceoutB{
0%{-webkit-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(100px)}
}
@-moz-keyframes bounceoutB{
0%{-moz-transform:translateY(0)}
20%{opacity:1;-moz-transform:translateY(-20px)}
100%{opacity:0;-moz-transform:translateY(100px)}
}
@-ms-keyframes bounceoutB{
0%{-ms-transform:translateY(0)}
20%{opacity:1;-ms-transform:translateY(-20px)}
100%{opacity:0;-ms-transform:translateY(100px)}
}
@keyframes bounceoutB{
0%{transform:translateY(0)}
20%{opacity:1;transform:translateY(-20px)}
100%{opacity:0;transform:translateY(100px)}
}
/* 寮瑰嚭-鍚戝乏 */
@-webkit-keyframes bounceoutL{
0%{-webkit-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-100px)}
}
@-moz-keyframes bounceoutL{
0%{-moz-transform:translateX(0)}
20%{opacity:1;-moz-transform:translateX(20px)}
100%{opacity:0;-moz-transform:translateX(-100px)}
}
@-ms-keyframes bounceoutL{
0%{-ms-transform:translateX(0)}
20%{opacity:1;-ms-transform:translateX(20px)}
100%{opacity:0;-ms-transform:translateX(-100px)}
}
@keyframes bounceoutL{
0%{transform:translateX(0)}
20%{opacity:1;transform:translateX(20px)}
100%{opacity:0;transform:translateX(-200px)}
}
/* 杞叆 */
@-webkit-keyframes rotatein{
0%{opacity:0;-webkit-transform:rotate(-200deg)}
100%{opacity:1;-webkit-transform:rotate(0)}
}
@-moz-keyframes rotatein{
0%{opacity:0;-moz-transform:rotate(-200deg)}
100%{opacity:1;-moz-transform:rotate(0)}
}
@-ms-keyframes rotatein{
0%{opacity:0;-ms-transform:rotate(-200deg)}
100%{opacity:1;-ms-transform:rotate(0)}
}
@keyframes rotatein{
0%{opacity:0;transform:rotate(-200deg)}
100%{opacity:1;transform:rotate(0)}
}
/* 杞叆-浠庡乏涓� */
@-webkit-keyframes rotateinLT{
0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateinLT{
0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
}
@-ms-keyframes rotateinLT{
0%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0}
100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}
}
@keyframes rotateinLT{
0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}
100%{transform-origin:left bottom;transform:rotate(0);opacity:1}
}
/* 杞叆-浠庡乏涓� */
@-webkit-keyframes rotateineftB{
0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateineftB{
0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
}
@-ms-keyframes rotateineftB{
0%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0}
100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}
}
@keyframes rotateineftB{
0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}
100%{transform-origin:left bottom;transform:rotate(0);opacity:1}
}
/* 杞叆-浠庡彸涓� */
@-webkit-keyframes rotateinRT{
0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateinRT{
0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
}
@-ms-keyframes rotateinRT{
0%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0}
100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}
}
@keyframes rotateinRT{
0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}
100%{transform-origin:right bottom;transform:rotate(0);opacity:1}
}
/* 杞叆-浠庡彸涓�*/
@-webkit-keyframes rotateinRB{
0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateinRB{
0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
}
@-ms-keyframes rotateinRB{
0%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0}
100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}
}
@keyframes rotateinRB{
0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}
100%{transform-origin:right bottom;transform:rotate(0);opacity:1}
}
/* 杞嚭 */
@-webkit-keyframes rotateout{
0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}
}
@-moz-keyframes rotateout{
0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}
}
@-ms-keyframes rotateout{
0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0}
}
@keyframes rotateout{
0%{transform-origin:center center;transform:rotate(0);opacity:1}
100%{transform-origin:center center;transform:rotate(200deg);opacity:0}
}
/* 杞嚭-鍚戝乏涓� */
@-webkit-keyframes rotateoutLT{
0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}
}
@-moz-keyframes rotateoutLT{
0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}
}
@-ms-keyframes rotateoutLT{
0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0}
}
@keyframes rotateoutLT{
0%{transform-origin:left bottom;transform:rotate(0);opacity:1}
100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}
}
/* 杞嚭-鍚戝乏涓� */
@-webkit-keyframes rotateoutLB{
0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}
}
@-moz-keyframes rotateoutLB{
0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}
}
@-ms-keyframes rotateoutLB{
0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0}
}
@keyframes rotateoutLB{
0%{transform-origin:left bottom;transform:rotate(0);opacity:1}
100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}
}
/* 杞嚭-鍚戝彸涓� */
@-webkit-keyframes rotateoutRT{
0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}
}
@-moz-keyframes rotateoutRT{
0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}
}
@-ms-keyframes rotateoutRT{
0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0}
}
@keyframes rotateoutRT{
0%{transform-origin:right bottom;transform:rotate(0);opacity:1}
100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}
}
/* 杞嚭-鍚戝彸涓� */
@-webkit-keyframes rotateoutBR{
0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}
}
@-moz-keyframes rotateoutBR{
0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}
}
@-ms-keyframes rotateoutBR{
0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0}
}
@keyframes rotateoutBR{
0%{transform-origin:right bottom;transform:rotate(0);opacity:1}
100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}
}
/* 缈昏浆 */
@-webkit-keyframes flip{
0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{
0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}
50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}
80%{-moz-transform:perspective(400px) rotateY(360deg) scale(0.95);-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}
}
@-ms-keyframes flip{
0%{-ms-transform:perspective(400px) rotateY(0);-ms-animation-timing-function:ease-out}
40%{-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg);-ms-animation-timing-function:ease-out}
50%{-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-animation-timing-function:ease-in}
80%{-ms-transform:perspective(400px) rotateY(360deg) scale(0.95);-ms-animation-timing-function:ease-in}
100%{-ms-transform:perspective(400px) scale(1);-ms-animation-timing-function:ease-in}
}
@keyframes flip{
0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}
40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}
50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}
80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in}
100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}
}
/* 缈诲叆-X杞� */
@-webkit-keyframes flipinX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1}
}
@-moz-keyframes flipinX{
0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0);opacity:1}
}
@-ms-keyframes flipinX{
0%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-ms-transform:perspective(400px) rotateX(-10deg)}
70%{-ms-transform:perspective(400px) rotateX(10deg)}
100%{-ms-transform:perspective(400px) rotateX(0);opacity:1}
}
@keyframes flipinX{
0%{transform:perspective(400px) rotateX(90deg);opacity:0}
40%{transform:perspective(400px) rotateX(-10deg)}
70%{transform:perspective(400px) rotateX(10deg)}
100%{transform:perspective(400px) rotateX(0);opacity:1}
}
/* 缈诲叆-Y杞� */
@-webkit-keyframes flipinY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1}
}
@-moz-keyframes flipinY{
0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0);opacity:1}
}
@-ms-keyframes flipinY{
0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-ms-transform:perspective(400px) rotateY(-10deg)}
70%{-ms-transform:perspective(400px) rotateY(10deg)}
100%{-ms-transform:perspective(400px) rotateY(0);opacity:1}
}
@keyframes flipinY{
0%{transform:perspective(400px) rotateY(90deg);opacity:0}
40%{transform:perspective(400px) rotateY(-10deg)}
70%{transform:perspective(400px) rotateY(10deg)}
100%{transform:perspective(400px) rotateY(0);opacity:1}
}
/* 缈诲嚭-X杞� */
@-webkit-keyframes flipoutX{
0%{-webkit-transform:perspective(400px) rotateX(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-moz-keyframes flipoutX{
0%{-moz-transform:perspective(400px) rotateX(0);opacity:1}
100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-ms-keyframes flipoutX{
0%{-ms-transform:perspective(400px) rotateX(0);opacity:1}
100%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipoutX{
0%{transform:perspective(400px) rotateX(0);opacity:1}
100%{transform:perspective(400px) rotateX(90deg);opacity:0}
}
/* 缈诲嚭-Y杞� */
@-webkit-keyframes flipoutY{
0%{-webkit-transform:perspective(400px) rotateY(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@-moz-keyframes flipoutY{
0%{-moz-transform:perspective(400px) rotateY(0);opacity:1}
100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@-ms-keyframes flipoutY{
0%{-ms-transform:perspective(400px) rotateY(0);opacity:1}
100%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipoutY{
0%{transform:perspective(400px) rotateY(0);opacity:1}
100%{transform:perspective(400px) rotateY(90deg);opacity:0}
}
/* 闂儊 */
@-webkit-keyframes flash{
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
@-moz-keyframes flash{
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
@-ms-keyframes flash{
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
/* 闇囬ⅳ */
@-webkit-keyframes shake{
0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}
}
@-moz-keyframes shake{
0%,100%{-moz-transform:translateX(0)}
10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}
20%,40%,60%,80%{-moz-transform:translateX(10px)}
}
@-ms-keyframes shake{
0%,100%{-ms-transform:translateX(0)}
10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}
20%,40%,60%,80%{-ms-transform:translateX(10px)}
}
@keyframes shake{
0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-10px)}
20%,40%,60%,80%{transform:translateX(10px)}
}
/* 鎽囨憜 */
@-webkit-keyframes swing{
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0)}
}
@-moz-keyframes swing{
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0)}
}
@-ms-keyframes swing{
20%{-ms-transform:rotate(15deg)}
40%{-ms-transform:rotate(-10deg)}
60%{-ms-transform:rotate(5deg)}
80%{-ms-transform:rotate(-5deg)}
100%{-ms-transform:rotate(0)}
}
@keyframes swing{
20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}
/* 鎽囨檭 */
@-webkit-keyframes wobble{
0%{-webkit-transform:translateX(0)}
15%{-webkit-transform:translateX(-100px) rotate(-5deg)}
30%{-webkit-transform:translateX(80px) rotate(3deg)}
45%{-webkit-transform:translateX(-65px) rotate(-3deg)}
60%{-webkit-transform:translateX(40px) rotate(2deg)}
75%{-webkit-transform:translateX(-20px) rotate(-1deg)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes wobble{
0%{-moz-transform:translateX(0)}
15%{-moz-transform:translateX(-100px) rotate(-5deg)}
30%{-moz-transform:translateX(80px) rotate(3deg)}
45%{-moz-transform:translateX(-65px) rotate(-3deg)}
60%{-moz-transform:translateX(40px) rotate(2deg)}
75%{-moz-transform:translateX(-20px) rotate(-1deg)}
100%{-moz-transform:translateX(0)}
}
@-ms-keyframes wobble{
0%{-ms-transform:translateX(0)}
15%{-ms-transform:translateX(-100px) rotate(-5deg)}
30%{-ms-transform:translateX(80px) rotate(3deg)}
45%{-ms-transform:translateX(-65px) rotate(-3deg)}
60%{-ms-transform:translateX(40px) rotate(2deg)}
75%{-ms-transform:translateX(-20px) rotate(-1deg)}
100%{-ms-transform:translateX(0)}
}
@keyframes wobble{
0%{transform:translateX(0)}
15%{transform:translateX(-100px) rotate(-5deg)}
30%{transform:translateX(80px) rotate(3deg)}
45%{transform:translateX(-65px) rotate(-3deg)}
60%{transform:translateX(40px) rotate(2deg)}
75%{transform:translateX(-20px) rotate(-1deg)}
100%{transform:translateX(0)}
}
/* 闇囬搩 */
@-webkit-keyframes ring{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes ring{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}
@-ms-keyframes ring{
0%{-ms-transform:scale(1)}
10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}
100%{-ms-transform:scale(1) rotate(0)}
}
@keyframes ring{
0%{transform:scale(1)}
10%,20%{transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
40%,60%,80%{transform:scale(1.1) rotate(-3deg)}
100%{transform:scale(1) rotate(0)}
}
/*4.1 鎸夐挳缁�
Name: mod_btn-group
Example:
Explain:
*/
.btn-group{}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0;border-top-right-radius: 0}
.btn-group > .btn:first-child {margin-left: 0}
.btn-group > .btn, .btn-group-stacked > .btn {float: left;position: relative}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin-left: -1px}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0;border-top-left-radius: 0}
/*4.2.1 瀵艰埅鏉�
Name: mod_mainnav
Example:
Explain: 榧犳爣缁忚繃鐘舵�乤:hover锛屽綋鍓嶉�変腑鐘舵�乴i:current銆�
*/
.mainnav{width:100%;z-index:1;background-color:#333}/*瀵艰埅鏉¤儗鏅�*/
.mainnav li,.mainnav li a{height:40px;line-height:40px}/*瀵艰埅鏉￠珮搴�*/
.mainnav li{float:left;display:inline;color:#fff;font-size:14px;font-weight:bold}/*璁剧疆瀛椾綋*/
.mainnav li a{display:inline-block;padding:0 18px;color:#fff}/*閾炬帴棰滆壊*/
.mainnav li a:hover,.mainnav li.current a{color:#fff;text-decoration:none; background-color:#000}/*浜や簰棰滆壊*/
/*4.2.2 闈㈠寘灞戝鑸�
Name: mod_breadcrumb
Example:
*/
.breadcrumb{padding-left:25px;border-bottom: 1px solid #E5E5E5;line-height: 39px; height:39px}
.breadcrumb span{padding:0 5px}
/*4.2.3 缈婚〉瀵艰埅
Name: mod_pageNav
Example:
Explain: 闇�瑕佽皟鐢╬agenav.cn.js
*/
.pageNav input, button{
overflow: visible;
outline: none;
vertical-align: top;
}
.pageNav{float:none;clear:both;font-size:0px;font-family:Arial,Helvetica,sans-serif;padding:18px 0px;text-align:center}
.pageNav span,.pageNav a,.pageNav b{font-size:14px;margin-right:5px;overflow:hidden;padding:3px 8px}
.pageNav a{border:1px solid #CCDBE4;cursor:pointer}
.pageNav b{color:#000}
.pageNav .mor{padding:3px;font-weight:bold}
.pageNav .text{
width: 20px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 1px;
padding-left: 8px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}
.pageNav .button{}
/*4.2.4 椤堕儴瀵艰埅
Name: mod_topnav
Sample:
@鏌愪汉 浣犳槸鐚村瓙娲炬潵鐨勬晳鍏靛悧锛�