@charset "utf-8"; /*Css Document */ /*娑堥櫎涓嶅悓娴忚鍣ㄥHTML鏂囨湰鍛堢幇鐨勫樊寮価=========================================================================*/ /*1.鍦ㄦ墍鏈夋祻瑙堝櫒涓洿姝h楂樸€ 2.闃叉鍦╥OS涓洿鏀规柟鍚戝悗璋冩暣瀛椾綋澶у皬銆?/ html{line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%;} /*Sections(鑺?========================================================================== */ /*鍦ㄦ墍鏈夋祻瑙堝櫒涓垹闄よ竟璺濄€?/ body{margin: 0;} /*鍦↖E涓竴鑷村湴娓叉煋`main`鍏冪礌銆?/ main{display: block;} /*鏇存`section`涓璥h1`鍏冪礌鐨勫瓧浣撳ぇ灏忓拰杈硅窛锛 Chrome锛孎irefox鍜孲afari涓殑鈥渁rticle鈥濅笂涓嬫枃銆?/ h1{font-size: 2em;margin: 0.67em 0;} /*Grouping content(鍒嗙粍鍐呭)========================================================================== */ /*1.鍦‵irefox涓坊鍔犳纭殑妗嗗ぇ灏忋€ 2.鍦‥dge鍜孖E涓樉绀烘孩鍑恒€?/ hr{box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */} /*1.鍦ㄦ墍鏈夋祻瑙堝櫒涓洿姝e瓧浣撳ぇ灏忕殑缁ф壙鍜岀缉鏀俱€ 2.鍦ㄦ墍鏈夋祻瑙堝櫒涓洿姝e鏁扮殑鈥 em鈥濆瓧浣撳ぇ灏忋€?/ pre{font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */} /* Text-level semantics(鏂囨湰绾ц涔?========================================================================== */ /*鍒犻櫎IE 10涓椿鍔ㄩ摼鎺ヤ笂鐨勭伆鑹茶儗鏅€?/ a {background-color: transparent;} /*1.绉婚櫎Chrome 57-涓殑搴曢儴杈规 2.鍦–hrome锛孍dge锛孖E锛孫pera鍜孲afari涓坊鍔犳纭殑鏂囧瓧淇グ銆?/ abbr[title]{border-bottom: none; /* 1 */text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */} /*鍦–hrome锛孍dge鍜孲afari涓坊鍔犳纭殑瀛椾綋绮楃粏銆?/ b,strong{font-weight: bolder;} /*1.鍦ㄦ墍鏈夋祻瑙堝櫒涓洿姝e瓧浣撳ぇ灏忕殑缁ф壙鍜岀缉鏀俱€ 2.鍦ㄦ墍鏈夋祻瑙堝櫒涓洿姝e鏁扮殑鈥 em鈥濆瓧浣撳ぇ灏忋€?/ code,kbd,samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */} /*鍦ㄦ墍鏈夋祻瑙堝櫒涓坊鍔犳纭殑瀛椾綋澶у皬銆?/ small{font-size: 80%;} /*闃叉`sub`鍜宍sup`鍏冪礌褰卞搷琛岀殑楂樺害 鎵€鏈夋祻瑙堝櫒銆?/ sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sub{bottom: -0.25em;} sup{top: -0.5em;} /* Embedded content(宓屽叆寮忓唴瀹?========================================================================== */ /*鍒犻櫎IE 10涓摼鎺ュ唴閮ㄥ浘鍍忕殑杈规銆?/ img{border-style: none;} /* Forms(褰㈠紡)========================================================================== */ /*1.鍦ㄦ墍鏈夋祻瑙堝櫒涓洿鏀瑰瓧浣撴牱寮忋€ 2.鍦‵irefox鍜孲afari涓垹闄よ竟璺濄€?/ button,input,optgroup,select,textarea{font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */margin: 0; /* 2 */} /*鏄剧ずIE涓殑婧㈠嚭銆 1.鍦‥dge涓樉绀烘孩鍑恒€?/ button,input {/* 1 */overflow: visible;} /*鍒犻櫎Edge锛孎irefox鍜孖E涓枃鏈浆鎹㈢殑缁ф壙銆 1.鍒犻櫎Firefox涓枃鏈浆鎹㈢殑缁ф壙銆?/ button,select { /* 1 */text-transform: none;} /*绾犳浜嗘棤娉曞湪iOS鍜孲afari涓缃彲鐐瑰嚮绫诲瀷鐨勬牱寮忕殑闂銆?/ button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance: button;} /*鍦‵irefox涓垹闄ゅ唴閮ㄨ竟妗嗗拰濉厖銆?/ button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding: 0;} /*鎭㈠浠ュ墠鐨勮鍒欐湭璁剧疆鐨勭劍鐐规牱寮忋€?/ button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;} /*鏇存Firefox涓殑濉厖銆?/ fieldset{padding: 0.35em 0.75em 0.625em;} /* 1.鏇存Edge鍜孖E涓殑鏂囧瓧鎹㈣銆 2.绾犳IE涓潵鑷€ fieldset鈥濆厓绱犵殑棰滆壊缁ф壙銆 3.鍒犻櫎濉厖锛屼娇寮€鍙戜汉鍛樺湪褰掗浂鏃朵笉浼氳鎶撲綇 鎵€鏈夋祻瑙堝櫒涓殑`fieldset`鍏冪礌銆?/ legend {box-sizing: border-box; /* 1 */color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */} /*鍦–hrome锛孎irefox鍜孫pera涓坊鍔犳纭殑鍨傜洿瀵归綈鏂瑰紡銆?/ progress{vertical-align: baseline;} /*鍒犻櫎IE 10+涓殑榛樿鍨傜洿婊氬姩鏉°€?/ textarea{overflow: auto;} /*1.鍦↖E 10涓坊鍔犳纭殑妗嗗ぇ灏忋€ 2.鍒犻櫎IE 10涓殑濉厖銆?/ [type="checkbox"],[type="radio"]{box-sizing: border-box; /* 1 */padding: 0; /* 2 */} /*鏇存Chrome涓€掑鍜岄€掑噺鎸夐挳鐨勫厜鏍囨牱寮忋€?/ [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto;} /*1.绾犳Chrome鍜孲afari涓殑濂囨€瑙傘€ 2.鍦⊿afari涓洿姝h疆寤撴牱寮忋€?/ [type="search"]{-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */} /*鍦╩acOS涓婄殑Chrome鍜孲afari涓垹闄ゅ唴閮ㄥ~鍏呫€?/ [type="search"]::-webkit-search-decoration{-webkit-appearance: none;} /*1.绾犳浜嗘棤娉曞湪iOS鍜孲afari涓缃彲鐐瑰嚮绫诲瀷鐨勬牱寮忕殑闂銆 2.鍦⊿afari涓皢瀛椾綋灞炴€ф洿鏀逛负`inherit`銆?/ ::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */font: inherit; /* 2 */} /* Interactive(浜掑姩)========================================================================== */ /*鍦‥dge锛孖E 10+鍜孎irefox涓坊鍔犳纭殑鏄剧ず銆?/ details{display: block;} /*鍦ㄦ墍鏈夋祻瑙堝櫒涓坊鍔犳纭殑鏄剧ず銆?/ summary{display: list-item;} /* Misc(鍏朵粬)========================================================================== */ /*鍦↖E 10+涓坊鍔犳纭殑鏄剧ず銆?/ template{display: none;} /*鍦↖E 10涓坊鍔犳纭殑鏄剧ず銆?/ [hidden]{display: none;} /*Document : CSS鏍峰紡鍒濆鍖 Description: CSS鏍峰紡琛ㄧ殑鍒濆鍖栵紝鍏ㄥ眬鏍峰紡璁剧疆銆?/ /* 鍏ㄥ眬CSS reset */ /* 椤甸潰璁剧疆 */ /* 鍒濆鍖栨爣绛惧湪鎵€鏈夋祻瑙堝櫒涓殑margin銆乸adding鍊 */ html{ _background:url(about:blank);} a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdi,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,command,datalist,dd,del,details,dfn,dialog,dir,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hr,html,i,iframe,img,input,ins,kbd,keygen,label,legend,li,link,main,map,mark,menu,menuitem,meta,meter,nav,noframes,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,s,samp,script,section,select,small,source,span,strike,strong,style,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/ } header,footer,nav,section,figure,figcaption,form,aside,article,hgroup,main,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p{display: block;} /* 閰屾儏淇敼 */ body{font-family:"microsoft yahei","寰蒋闆呴粦",simsun,"瀹嬩綋";} body,th,td,input,select,textarea,button{font-size:14px;line-height:1 ;} /* 閲嶇疆椤甸潰鏂囧瓧灞炴€ */ /* 鐭紩鐢ㄧ殑鍐呭鍙彇鍊硷細''鎴?" */ blockquote:before, blockquote:after,q:before, q:after{content:'';content:none} /* 閲嶇疆宓屽寮曠敤*/ /* 缂╁啓锛屽浘鐗囩瓑鏃犺竟妗 */ fieldset,img,abbr,acronym{border: 0 none;} /* 閲嶇疆fieldset锛堣〃鍗曞垎缁勶級銆佸浘鐗囩殑杈规涓?*/ img{vertical-align:top;} /* 鍥剧墖鍦ㄥ綋鍓嶈鍐呯殑鍨傜洿浣嶇疆 */ abbr,acronym{font-variant: normal;} legend{color:#000;} blockquote, q{quotes: none} /* 閲嶇疆宓屽寮曠敤鐨勫紩鍙风被鍨 */ /* 娓呴櫎鐗规畩鏍囪鐨勫瓧浣撳拰瀛楀彿 */ address,caption,cite,code,dfn,em,strong,th,var{/*font-weight: normal; font-style: normal;*/} /* 閲嶇疆鏍峰紡鏍囩鐨勬牱寮 */ /* 涓婁笅鏍 缁熶竴涓婃爣鍜屼笅鏍 */ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em; } sub{bottom:-0.25em;} /* 璁剧疆琛ㄦ牸鐨勮竟妗嗚鍚堝苟涓轰竴涓崟涓€鐨勮竟妗? 鎸囧畾鍒嗛殧杈规妯″瀷涓崟鍏冩牸杈圭晫涔嬮棿鐨勮窛绂讳负0*/ /* 琛ㄦ牸鏍囬鍙婂唴瀹瑰眳宸︽樉绀 */ caption{display:none;} /* 閲嶇疆琛ㄦ牸鏍囬涓洪殣钘 */ caption,th{text-align: left;} /* 娓呴櫎鍒楄〃鏍峰紡 */ dl,ul,ol,menu,li{list-style:none} /* 閲嶇疆绫昏〃鍓嶅绗﹀彿涓簅nne,menu鍦℉TML5涓湁鏁 */ input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}/* 杈撳叆鎺т欢瀛椾綋 */ input,select,textarea,button{vertical-align:middle;outline:none;} /* 閲嶇疆琛ㄥ崟鎺т欢鍨傜洿灞呬腑*/ textarea{resize:none} input[type="submit"]{cursor: pointer;}/* 榧犳爣鏍峰紡 */ button{border:0 none;background-color:transparent;cursor:pointer} /* 閲嶇疆琛ㄥ崟button鎸夐挳鏁堟灉 */ input::-moz-focus-inner{border: 0; padding: 0;} /* 鏍囬鍏冪礌鏍峰紡娓呴櫎, 璁╂爣棰橀兘鑷畾涔? 閫傚簲澶氫釜绯荤粺搴旂敤 */ h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;銆€} /* 閾炬帴鏍峰紡锛岄鑹叉牴鎹疄闄呴渶姹備慨鏀 */ a:link {}/* 鏈闂殑閾炬帴 */ a:visited {}/* 宸茶闂殑閾炬帴 */ a:hover {}/* 榧犳爣绉诲姩鍒伴摼鎺ヤ笂 */ a:active {}/* 閫夊畾鐨勯摼鎺 */ del,ins,a{text-decoration:none;} a:hover,a:active,a:focus{ text-decoration:none;} /* 鍙栨秷a鏍囩鐐瑰嚮鍚庣殑铏氱嚎妗 */ a:active{star:expression(this.onFocus=this.blur());} /* 璁剧疆椤甸潰鏂囧瓧绛夊湪鎷栧姩榧犳爣閫変腑鎯呭喌涓嬬殑鑳屾櫙鑹蹭笌鏂囧瓧棰滆壊 */ /*鍖归厤鍏冪礌涓鐢ㄦ埛閫変腑鎴栧浜庨珮浜姸鎬佺殑閮ㄥ垎*/ ::selection{} ::-moz-selection{} a{outline: none;transition: color 0.2s ease 0s;}/*CSS3閾炬帴绉掓暟缂撳啿鏁堟灉2绉?/ /* 灞傛澘鍧楃紦鍐叉晥鏋淐SS3 transition: all 0.3s ease 0s; */ .clearfix {zoom:1} .clearfix:after {content: '\20'; display: block; clear: both;} .f_yh{font-family:"Arial, Helvetica, sans-serif";}/*f_yh涓鸿嫳鏂囧瓧浣撴牱寮?/ .cursor{ cursor:pointer;} .pr{position:relative}/*鐩稿瀹氫綅*/ .pa{position:absolute}/*缁濆瀹氫綅*/ .fl{ float:left;}/*宸︽诞鍔?/ .fr{ float:right;}/*鍙虫诞鍔?/ .fl,.fr{display:inline;}/*娴姩鍚庯紝姝ゅ厓绱犱細琚樉绀轰负鍐呰仈鍏冪礌锛屽厓绱犲墠鍚庢病鏈夋崲琛岀*/ .text_hide{text-overflow: ellipsis; white-space: nowrap;overflow: hidden;} /*鏂囧瓧棰滆壊c锛岃儗鏅鑹瞓c*/ .c1{color:#5d5d5d} .c2{color:#8f8f8f} .c3{color:#e44cea} .c4{color:#f49bff} .c5{color:#ff0000} .bc1{background:#f3f3f3} .bc2{background:#f8f8f8} .bc3{background:#ffffff} /*涓婅竟璺?/ .mt1{margin-top: 10px;} .mt2{margin-top: 20px;} .mt3{margin-top: 30px;} .mt4{margin-top: 40px;} .mt5{margin-top: 50px;}