﻿.sxy{	
		/*width: 840px;
		float: right;*/
		text-align:center;
		padding:20px 40px;
 		box-sizing:border-box;
	}
	
	.sxy .updown{
	    width:50px;
     	padding:10px 20px;
		border:1px solid #888;
		text-align:center;
	}
	.sxy .updown a{
        color:#888;
    	width: 100%;
    	display: block;
   	 	height: 100%;
    }
    
    .sxy .not_updown{
	    width:50px;
		border:1px solid #ccc;
		padding:10px 20px;
		text-align:center;
	}
	.sxy .not_updown a{
        width: 100%;
    	display: block;
   	 	height: 100%;
        color:#ccc;
    }

    .sxy  ul.pc-pages{
         display: flex;
    	justify-content: center;
	    margin-top:8px
	}
	.sxy  ul.m-pages{
         display: none
	}
	
@media only screen and (max-width: 750px){
  .sxy{	
		padding:20px 0;
        vertical-align: middle;
	}
    .sxy .updown,
   	.sxy .not_updown{
		padding:5px 0;
	}
    .sxy  ul{
	    margin-top:0
	}
    .sxy  ul.pc-pages{
    	display:none
    }
  	.sxy  ul.m-pages{
    	display: flex;
        justify-content: center;
        align-items: center;
      margin-top:2px
    }
}
	.sxy  li{	   	   
	    float: left;
		margin-top:10px;
		vertical-align: middle;	
        border: 1px solid #888;
    	margin: 0 5px;
    	min-width: 25px;
        height: 25px;
        line-height: 25px;
	}
	.sxy  li a{
        width: 100%;
    	display: block;
   	 	height: 100%;
      	color:#888;
      	font-size:16px;
    }
	
	.sxy .pagebd{
	    background-color:#02519e;
     }
	 .sxy .page{color:#fff}
     .sxy li.spot{
         color:#888;
         letter-spacing:-8px;
       	 border:none
     }
                @media only screen and (max-width: 750px){
                .sxy li.spot{
                     letter-spacing:-8px;
                      margin:0;
                      min-width:16px;
                 }
                }