html,body	{margin:0;padding:0;font-family:"Microsoft YaHei",sans-serif;}
* {box-sizing:border-box;}
.hidden {display:none;}
.clear-both::after {content:'';height:0;display:block;clear:both;}

input::-webkit-input-placeholder {color: #cccccc;}
input::-moz-input-placeholder {color: #cccccc;}
input::-ms-input-placeholder {color: #cccccc;}

.button	{display:inline-block;padding:.5em 1em;border:1px solid #999999;border-radius:.25em;background-color:#ffffff;color:#666666;cursor:pointer;text-decoration:none;}
.button:hover	{border-color:#333333;color:#000000;}
.button	i	{width:1em;text-align:center;margin-right:.25em;}

.notify-msg    
{
    opacity:0;top:-3em;position:fixed;z-index:999;left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display:inline-block;
    padding:.75em 1.5em;
    background-color:rgba(0,0,0,.6);
    box-shadow:0 0 .2em #666666;
    border-radius:.25em;
    color:#ffffff;
    -webkit-transition:.3s;
    -ms-transition:.3s;
    transition:.3s;
    cursor:pointer;
}
.notify-msg.show    {top:1em;opacity:1;}
.notify-msg.alert  {background-color:rgba(160,0,0,.7);}
.notify-msg.success  {background-color:#1d9d74;}

/*遮挡层样式*/
.ajax-loading    
{
    background-color:rgba(0,0,0,0.4);
    position: fixed;z-index: 998;left: 0;top: 0;width: 100%;height:100%;
    opacity:0;
    -webkit-transition:.2s;
    -ms-transition:.2s;
    transition:.2s;
}
.ajax-loading   p   
{
    background-color:rgba(0,0,0,.7);
    background-image:url('/images/common/spinner.gif');
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    background-position:1em center;
    padding:1em 1em 1em 3em;
    margin:0;
    position:absolute;
    top:3em;position:fixed;z-index:999;left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display:inline-block;
    border-radius:.25em;
    color:#ffffff;
}
.ajax-loading-show {opacity:1;}

.no-result {text-align:center;padding:4em 0;color:#aaa;}
.no-result i {font-size:4em;}
.no-result p {margin:.5em 0;}

.paging {text-align:center;padding:2em 0;}
.paging a  {display:inline-block;width:3em;line-height:3em;text-align:center;margin:0 .5em;border:1px solid #cccccc;background-color:#ffffff;color:#999999;text-decoration:none;border-radius:.25em;}
.paging a:hover {border-color:#6280fe;}
.paging a.on  {border:1px solid #6280fe;background-color:#6280fe;color:#ffffff;}
.paging .dot   {color:#aaaaaa;margin:0 .25em;}

.paging2 {text-align:center;padding:2em 0;}
.paging2 a  {
    display:inline-block;width:3em;line-height:3em;text-align:center;margin:0 .5em;text-decoration:none;
    border:1px solid #cccccc;background-color:#ffffff;color:#999999;
}
.paging2 a.on  {border:1px solid #b60909;background-color:#b60909;color:#ffffff;}
.paging2 .dot   {color:#aaaaaa;margin:0 .25em;}

.mobile-paging {text-align:center;padding:2em 0;font-size:1.25em;}
.mobile-paging span,
.mobile-paging a  {
    display:inline-block;width:6em;line-height:2.5em;text-align:center;margin:0 .75em;text-decoration:none;
    border:1px solid #cccccc;background-color:#ffffff;color:#000;
}
.mobile-paging span {color:#999;}
.mobile-paging a.on  {border:1px solid #b60909;background-color:#b60909;color:#ffffff;}
.mobile-paging .dot   {color:#aaaaaa;margin:0 .25em;}