488 lines
		
	
	
		
			5.0 KiB
		
	
	
	
		
			CSS
		
	
	
			
		
		
	
	
			488 lines
		
	
	
		
			5.0 KiB
		
	
	
	
		
			CSS
		
	
	
| @charset "utf-8";
 | |
| 
 | |
| * {
 | |
|     margin: 0px;
 | |
|     padding: 0px;
 | |
|     outline: none;
 | |
| }
 | |
| 
 | |
| body {
 | |
|     /* font: 16px 'Source Han Sans CN','PingFang SC','微软雅黑',"Microsoft YaHei",tahoma,Srial,helvetica,sans-serif;
 | |
|     color: #333; */
 | |
|     font-size: 16px;
 | |
|     color: #333;
 | |
| }
 | |
| h1,h2,h3,h4,h5,h6 {
 | |
|     font-weight: bold;
 | |
| }
 | |
| a {
 | |
|     text-decoration: none;
 | |
|     blr: expression_r(this.onFocus=this.blur())
 | |
| }
 | |
| 
 | |
| a:hover {
 | |
|     text-decoration: none;
 | |
| }
 | |
| 
 | |
| .wrap {
 | |
|     box-sizing: border-box;
 | |
|     margin:0 8.3333%;
 | |
| }
 | |
| 
 | |
| input,
 | |
| button,
 | |
| select,
 | |
| textarea{ 
 | |
|     outline:none;
 | |
| }
 | |
| table {
 | |
|     border-collapse: collapse;
 | |
| }
 | |
| 
 | |
| img {
 | |
|     border: 0;
 | |
| }
 | |
| ul {
 | |
|     list-style: none;
 | |
| }
 | |
| area {
 | |
|     blr: expression_r(this.onFocus=this.blur())
 | |
| }
 | |
| 
 | |
| .fs12 {
 | |
|     font-size: 12px;
 | |
| }
 | |
| 
 | |
| .fs13 {
 | |
|     font-size: 13px;
 | |
| }
 | |
| 
 | |
| .fs14 {
 | |
|     font-size: 14px;
 | |
| }
 | |
| 
 | |
| .fs15 {
 | |
|     font-size: 15px;
 | |
| }
 | |
| 
 | |
| .fs16 {
 | |
|     font-size: 16px;
 | |
| }
 | |
| 
 | |
| .fs18 {
 | |
|     font-size: 18px;
 | |
| }
 | |
| 
 | |
| .fs20 {
 | |
|     font-size: 20px;
 | |
| }
 | |
| 
 | |
| .fs25 {
 | |
|     font-size: 25px;
 | |
| }
 | |
| .fs30 {
 | |
|     font-size: 30px !important;
 | |
| }
 | |
| 
 | |
| .w50 {
 | |
|     width: 50px;
 | |
| }
 | |
| 
 | |
| .w80 {
 | |
|     width: 80px;
 | |
| }
 | |
| 
 | |
| .w120 {
 | |
|     width: 120px;
 | |
| }
 | |
| 
 | |
| .w150 {
 | |
|     width: 150px;
 | |
| }
 | |
| 
 | |
| .w200 {
 | |
|     width: 200px;
 | |
| }
 | |
| 
 | |
| .w230 {
 | |
|     width: 230px;
 | |
| }
 | |
| 
 | |
| .w250 {
 | |
|     width: 250px;
 | |
| }
 | |
| 
 | |
| .w300 {
 | |
|     width: 300px;
 | |
| }
 | |
| 
 | |
| .mt5 {
 | |
|     margin-top: 5px;
 | |
| }
 | |
| 
 | |
| .mb5 {
 | |
|     margin-bottom: 5px;
 | |
| }
 | |
| 
 | |
| .ml5 {
 | |
|     margin-left: 5px;
 | |
| }
 | |
| 
 | |
| .mr5 {
 | |
|     margin-left: 5px;
 | |
| }
 | |
| 
 | |
| .mt10 {
 | |
|     margin-top: 10px;
 | |
| }
 | |
| 
 | |
| .mb10 {
 | |
|     margin-bottom: 10px;
 | |
| }
 | |
| 
 | |
| .ml10 {
 | |
|     margin-left: 10px;
 | |
| }
 | |
| 
 | |
| .mr10 {
 | |
|     margin-right: 10px;
 | |
| }
 | |
| 
 | |
| .mt15 {
 | |
|     margin-top: 15px;
 | |
| }
 | |
| 
 | |
| .mb15 {
 | |
|     margin-bottom: 15px;
 | |
| }
 | |
| 
 | |
| .ml15 {
 | |
|     margin-left: 15px;
 | |
| }
 | |
| 
 | |
| .mr15 {
 | |
|     margin-right: 15px;
 | |
| }
 | |
| 
 | |
| .mt20 {
 | |
|     margin-top: 20px;
 | |
| }
 | |
| 
 | |
| .mb20 {
 | |
|     margin-bottom: 20px;
 | |
| }
 | |
| 
 | |
| .ml20 {
 | |
|     margin-left: 20px;
 | |
| }
 | |
| 
 | |
| .mr20 {
 | |
|     margin-right: 20px;
 | |
| }
 | |
| 
 | |
| .mt25 {
 | |
|     margin-top: 25px;
 | |
| }
 | |
| 
 | |
| .mb25 {
 | |
|     margin-bottom: 25px;
 | |
| }
 | |
| 
 | |
| .ml25 {
 | |
|     margin-left: 25px;
 | |
| }
 | |
| 
 | |
| .mr25 {
 | |
|     margin-right: 25px;
 | |
| }
 | |
| 
 | |
| .mt30 {
 | |
|     margin-top: 30px;
 | |
| }
 | |
| 
 | |
| .mb30 {
 | |
|     margin-bottom: 30px;
 | |
| }
 | |
| 
 | |
| .ml30 {
 | |
|     margin-left: 30px;
 | |
| }
 | |
| 
 | |
| .mr30 {
 | |
|     margin-right: 30px;
 | |
| }
 | |
| 
 | |
| .mt35 {
 | |
|     margin-top: 35px;
 | |
| }
 | |
| 
 | |
| .mb35 {
 | |
|     margin-bottom: 35px;
 | |
| }
 | |
| 
 | |
| .ml35 {
 | |
|     margin-left: 35px;
 | |
| }
 | |
| 
 | |
| .mr35 {
 | |
|     margin-right: 35px;
 | |
| }
 | |
| 
 | |
| .mt40 {
 | |
|     margin-top: 40px;
 | |
| }
 | |
| 
 | |
| .ml40 {
 | |
|     margin-left: 40px;
 | |
| }
 | |
| 
 | |
| .mr40 {
 | |
|     margin-right: 40px;
 | |
| }
 | |
| 
 | |
| .mb40 {
 | |
|     margin-bottom: 40px;
 | |
| }
 | |
| 
 | |
| .mt45 {
 | |
|     margin-top: 45px;
 | |
| }
 | |
| 
 | |
| .ml45 {
 | |
|     margin-left: 45px;
 | |
| }
 | |
| 
 | |
| .mr45 {
 | |
|     margin-right: 45px;
 | |
| }
 | |
| 
 | |
| .mb45 {
 | |
|     margin-bottom: 45px;
 | |
| }
 | |
| 
 | |
| .mt50 {
 | |
|     margin-top: 50px;
 | |
| }
 | |
| 
 | |
| .ml50 {
 | |
|     margin-left: 50px;
 | |
| }
 | |
| 
 | |
| .mr50 {
 | |
|     margin-right: 50px;
 | |
| }
 | |
| 
 | |
| .mb50 {
 | |
|     margin-bottom: 50px;
 | |
| }
 | |
| 
 | |
| .pt10 {
 | |
|     padding-top: 10px;
 | |
| }
 | |
| 
 | |
| .pb10 {
 | |
|     padding-bottom: 10px;
 | |
| }
 | |
| 
 | |
| .pl10 {
 | |
|     padding-left: 10px;
 | |
| }
 | |
| 
 | |
| .pr10 {
 | |
|     padding-right: 10px;
 | |
| }
 | |
| 
 | |
| .pt20 {
 | |
|     padding-top: 20px;
 | |
| }
 | |
| 
 | |
| .pb20 {
 | |
|     padding-bottom: 20px;
 | |
| }
 | |
| 
 | |
| .pl20 {
 | |
|     padding-left: 20px;
 | |
| }
 | |
| 
 | |
| .pr20 {
 | |
|     padding-right: 20px;
 | |
| }
 | |
| 
 | |
| .pt30 {
 | |
|     padding-top: 30px;
 | |
| }
 | |
| 
 | |
| .pb30 {
 | |
|     padding-bottom: 30px;
 | |
| }
 | |
| 
 | |
| .pl30 {
 | |
|     padding-left: 30px;
 | |
| }
 | |
| 
 | |
| .pr30 {
 | |
|     padding-right: 30px;
 | |
| }
 | |
| 
 | |
| .pt40 {
 | |
|     padding-top: 40px;
 | |
| }
 | |
| 
 | |
| .pb40 {
 | |
|     padding-bottom: 40px;
 | |
| }
 | |
| 
 | |
| .pl40 {
 | |
|     padding-left: 40px;
 | |
| }
 | |
| 
 | |
| .pr40 {
 | |
|     padding-right: 40px;
 | |
| }
 | |
| 
 | |
| .pt50 {
 | |
|     padding-top: 50px;
 | |
| }
 | |
| 
 | |
| .pb50 {
 | |
|     padding-bottom: 50px;
 | |
| }
 | |
| 
 | |
| .pl50 {
 | |
|     padding-left: 50px;
 | |
| }
 | |
| 
 | |
| .pr50 {
 | |
|     padding-right: 50px;
 | |
| }
 | |
| 
 | |
| .clr {
 | |
|     clear: both;
 | |
| }
 | |
| 
 | |
| .fl {
 | |
|     float: left;
 | |
| }
 | |
| 
 | |
| .fr {
 | |
|     float: right;
 | |
| }
 | |
| 
 | |
| .tc {
 | |
|     text-align: center;
 | |
| }
 | |
| 
 | |
| .tl {
 | |
|     text-align: left;
 | |
| }
 | |
| 
 | |
| .tr {
 | |
|     text-align: right;
 | |
| }
 | |
| 
 | |
| .red {
 | |
|     color: #ce0000;
 | |
| }
 | |
| 
 | |
| .white {
 | |
|     color: #FFF !important;
 | |
| }
 | |
| 
 | |
| .black {
 | |
|     color: #000 !important;
 | |
| }
 | |
| 
 | |
| .gray {
 | |
|     color: #CCC !important;
 | |
| }
 | |
| 
 | |
| .orange {
 | |
|     color: #F60 !important;
 | |
| }
 | |
| 
 | |
| .green {
 | |
|     color: #008000 !important;
 | |
| }
 | |
| 
 | |
| .blue {
 | |
|     color: #06F !important;
 | |
| }
 | |
| .bf5 {
 | |
|     background-color: #f5f5f5!important;
 | |
| }
 | |
| .f5 {
 | |
|     background: #ddd;
 | |
| }
 | |
| .bred {
 | |
|     background: #ce0000;
 | |
| }
 | |
| 
 | |
| .bwhite {
 | |
|     background: #FFF;
 | |
| }
 | |
| 
 | |
| .bblack {
 | |
|     background: #000;
 | |
| }
 | |
| 
 | |
| .bgray {
 | |
|     background: #CCC;
 | |
| }
 | |
| 
 | |
| .borange {
 | |
|     background: #F60;
 | |
| }
 | |
| 
 | |
| .bgreen {
 | |
|     background: #008000;
 | |
| }
 | |
| 
 | |
| .bblue {
 | |
|     background: #06F;
 | |
| }
 | |
| 
 | |
| 
 | |
| .bd-bottom {
 | |
|     border-bottom: 1px solid #ddd;
 | |
| }
 | |
| 
 | |
| .show {
 | |
|     display: block !important;
 | |
| }
 | |
| 
 | |
| .none {
 | |
|     display: none!important;
 | |
| }
 | |
| 
 | |
| .pr {
 | |
|     position: relative;
 | |
| }
 | |
| 
 | |
| .pa {
 | |
|     position: absolute;
 | |
| }
 | |
| 
 | |
| 
 | |
| .page a {
 | |
|     color: #999999;
 | |
|     margin: 0px 5px;
 | |
|     padding: 0px 12px;
 | |
|     line-height: 30px;
 | |
|     box-sizing: border-box;
 | |
|     background: #EBEBEB;
 | |
|     display: inline-block;
 | |
|     border-radius: 1px;
 | |
|     font-size: 14px;
 | |
|     border:1px solid #ccc;
 | |
| }
 | |
| 
 | |
| .page a.current {
 | |
|      color: #FFF;
 | |
|     background: #D7141D;
 | |
| }
 | |
| .page a:hover {
 | |
|     color: #FFF;
 | |
|     background: #D7141D;
 | |
| }
 | |
| 
 |