.wrap{width:100%;padding-right:7.5px;padding-left:7.5px;margin-right:auto;margin-left:auto;}
.p{clear:both;position:relative;display:block;padding:10px 0;}
.row{clear:both;position:relative;display:flex;flex-wrap:wrap;margin-right:-7.5px;margin-left:-7.5px;}
.wrap:after,.wrap:before,.p:after,.p:before{display:table;content:" "}
.wrap:after,.p:after{clear:both;}
.mobile{display: none; visibility:hidden;}
.pc{display: block; visibility:visible;}

@media (max-width:820px){
.pc{display:none !important;visibility:hidden;}
.mobile{display:block !important;visibility:visible;}
}
@media (min-width:576px){
.wrap{max-width:540px;padding:0}
}
@media (min-width:768px){
.wrap{max-width:720px;;padding:0}
}
@media (min-width:992px){
.wrap{max-width:960px;}
}
@media (min-width:1200px){
.wrap{max-width:1140px;}
}
@media (min-width:1400px){
.wrap{max-width:1390px;}
}
@media (min-width:1560px){
.wrap{max-width:1440px;}
}
@media (min-width:1930px){
.wrap{width:80%;}
}

.rows:after,.rows:before{content:'';display:block;clear:both}
.c1,.c10,.c11,.c12,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9{position:relative;display:block;box-sizing:border-box;float:left}
.c1{width:8.33333333%}
.c2{width:16.66666667%}
.c3{width:25%}
.c4{width:33.33333333%}
.c5{width:41.66666667%}
.c6{width:50%}
.c7{width:58.33333333%}
.c8{width:66.66666667%}
.c9{width:75%}
.c10{width:83.33333333%}
.c11{width:91.66666667%}
.c12{width:100%}

/*
ws >=576px 针对手机端
wm >576px 针对平板
w >=768px（默认使用）针对桌面显示器
wl >=992px 桌面显示器
wx >=1200px 桌面显示器
*/
.row{clear:both;position:relative;display:flex;flex-wrap:wrap;}
.col{flex-basis:0;flex-grow:1;max-width:100%;}
.col,.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.ws1,.ws2,.ws3,.ws4,.ws5,.ws6,.ws7,.ws8,.ws9,.ws10,.ws11,.ws12,.wm1,.wm2,.wm3,.wm4,.wm5,.wm6,.wm7,.wm8,.wm9,.wm10,.wm11,.wm12,.wl1,.wl2,.wl3,.wl4,.wl5,.wl6,.wl7,.wl8,.wl9,.wl10,.wl11,.wl12,.wx1,.wx2,.wx3,.wx4,.wx5,.wx6,.wx7,.wx8,.wx9,.wx10,.wx11,.wx12{position:relative;width:100%;}
@media (max-width:577px){
.ws1{flex:0 0 8.333333%;max-width:8.333333%;}
.ws2{flex:0 0 16.666667%;max-width:16.666667%;}
.ws3{flex:0 0 25%;max-width:25%;}
.ws4{flex:0 0 33.333333%;max-width:33.333333%;}
.ws5{flex:0 0 41.666667%;max-width:41.666667%;}
.ws6{flex:0 0 50%;max-width:50%;}
.ws7{flex:0 0 58.333333%;max-width:58.333333%;}
.ws8{flex:0 0 66.666667%;max-width:66.666667%;}
.ws9{flex:0 0 75%;max-width:75%;}
.ws10{flex:0 0 83.333333%;max-width:83.333333%;}
.ws11{flex:0 0 91.666667%;max-width:91.666667%;}
.ws12{flex:0 0 100%;max-width:100%;}
}
@media (min-width:576px){
.wm1{flex:0 0 8.333333%;max-width:8.333333%;}
.wm2{flex:0 0 16.666667%;max-width:16.666667%;}
.wm3{flex:0 0 25%;max-width:25%;}
.wm4{flex:0 0 33.333333%;max-width:33.333333%;}
.wm5{flex:0 0 41.666667%;max-width:41.666667%;}
.wm6{flex:0 0 50%;max-width:50%;}
.wm7{flex:0 0 58.333333%;max-width:58.333333%;}
.wm8{flex:0 0 66.666667%;max-width:66.666667%;}
.wm9{flex:0 0 75%;max-width:75%;}
.wm10{flex:0 0 83.333333%;max-width:83.333333%;}
.wm11{flex:0 0 91.666667%;max-width:91.666667%;}
.wm12{flex:0 0 100%;max-width:100%;}
}
@media (min-width:768px){
.w1{flex:0 0 8.333333%;max-width:8.333333%;}
.w2{flex:0 0 16.666667%;max-width:16.666667%;}
.w3{flex:0 0 25%;max-width:25%;}
.w4{flex:0 0 33.333333%;max-width:33.333333%;}
.w5{flex:0 0 41.666667%;max-width:41.666667%;}
.w6{flex:0 0 50%;max-width:50%;}
.w7{flex:0 0 58.333333%;max-width:58.333333%;}
.w8{flex:0 0 66.666667%;max-width:66.666667%;}
.w9{flex:0 0 75%;max-width:75%;}
.w10{flex:0 0 83.333333%;max-width:83.333333%;}
.w11{flex:0 0 91.666667%;max-width:91.666667%;}
.w12{flex:0 0 100%;max-width:100%;}
}
@media (min-width:992px){
.wl1{flex:0 0 8.333333%;max-width:8.333333%;}
.wl2{flex:0 0 16.666667%;max-width:16.666667%;}
.wl3{flex:0 0 25%;max-width:25%;}
.wl4{flex:0 0 33.333333%;max-width:33.333333%;}
.wl5{flex:0 0 41.666667%;max-width:41.666667%;}
.wl6{flex:0 0 50%;max-width:50%;}
.wl7{flex:0 0 58.333333%;max-width:58.333333%;}
.wl8{flex:0 0 66.666667%;max-width:66.666667%;}
.wl9{flex:0 0 75%;max-width:75%;}
.wl10{flex:0 0 83.333333%;max-width:83.333333%;}
.wl11{flex:0 0 91.666667%;max-width:91.666667%;}
.wl12{flex:0 0 100%;max-width:100%;}
}
@media (min-width:1200px){
.wx1{flex:0 0 8.333333%;max-width:8.333333%;}
.wx2{flex:0 0 16.666667%;max-width:16.666667%;}
.wx3{flex:0 0 25%;max-width:25%;}
.wx4{flex:0 0 33.333333%;max-width:33.333333%;}
.wx5{flex:0 0 41.666667%;max-width:41.666667%;}
.wx6{flex:0 0 50%;max-width:50%;}
.wx7{flex:0 0 58.333333%;max-width:58.333333%;}
.wx8{flex:0 0 66.666667%;max-width:66.666667%;}
.wx9{flex:0 0 75%;max-width:75%;}
.wx10{flex:0 0 83.333333%;max-width:83.333333%;}
.wx11{flex:0 0 91.666667%;max-width:91.666667%;}
.wx12{flex:0 0 100%;max-width:100%;}
}

/*space*/
.sp1{margin:-.5px}
.sp1>*{padding:.5px}
.sp3{margin:-1.5px}
.sp3>*{padding:1.5px}
.sp5{margin:-2.5px}
.sp5>*{padding:2.5px}
.sp8{margin:-3.5px}
.sp8>*{padding:3.5px}
.sp10{margin:-5px}
.sp10>*{padding:5px}
.sp12{margin:-6px}
.sp12>*{padding:6px}
.sp15{margin:-7.5px}
.sp15>*{padding:7.5px}
.sp18{margin:-9px}
.sp18>*{padding:9px}
.sp20{margin:-10px}
.sp20>*{padding:10px}
.sp22{margin:-11px}
.sp22>*{padding:11px}
.sp25{margin:-12.5px}
.sp25>*{padding:12.5px}
.sp30{margin:-15px}
.sp30>*{padding:15px}

.p5{padding:5px}

.pagelist{text-align:center;padding-top:20px;margin-right:20px;}
.pagelist li{display:inline-block;border:solid 1px #ccc;margin-right:2px;}
.pagelist li{*display:inline;}
.pagelist a{display:inline-block;padding:4px 12px;color:#666;background:#fff;text-decoration:none;font-family:'Simsun';}
.pagelist li a:hover,.pagelist li.on a{background:#eee}