/* CSS Document */

html{overflow-x:auto; width:100%;line-height:1.5;-webkit-text-size-adjust:100%;}
html,body{background:#fff url(../images/bg.jpg) repeat-x;background-attachment: fixed;color:#111111;font-size:1rem;font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";padding:0;}

.main-bg{width:100%;background: url(../images/bgt.jpg) no-repeat center top;background-attachment: fixed;}

body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, div, fieldset, form, textarea, input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,i,em,b,strong{font-style: normal;font-weight:normal;font-size:100%;}
img {border:none;}


input, textarea {outline:none;font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";}
button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.clear{clear:both;}
.clear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
texearea {resize:none; }
em, cite, th { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; }
dl,ol,dt,dd,ul,li {list-style:none; margin:0; padding:0; }
a{ color:#111; text-decoration:none; }
a:hover{ color:#fe628e; text-decoration:none; }
a.red,.red{ color:#fe628e; text-decoration:none; }
a:hover.red{ color:#fe628e; text-decoration:underline; }
div {box-sizing: border-box;}
body:after,div:after,ul:after,div::after,ul::after {content: "";display: block;height: 0;visibility: hidden;clear: both;}
*,:before,:after{box-sizing:border-box;}
img, svg, video, canvas, audio, iframe, embed, object   {vertical-align: middle;}
button {border:none;text-align:center;cursor:pointer;}

.scrollbar{
	scrollbar-color:#96979f transparent;
	scrollbar-width:thin;
}
.scrollbar::-webkit-scrollbar { 
	width: 5px;
	height: 5px;
}
.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 3px;    
	background: rgba(0,0,0,.45);
}
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px #fff;
	border-radius: 0;
	background: #fff;
}
.scrollbar::-moz-scrollbar {
	width: 5px;
	height: 5px;
}
.scrollbar::-moz-scrollbar-thumb {
	border-radius: 3px;    
	background: rgba(0,0,0,.45);
}
.scrollbar::-moz-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px #fff;
	border-radius: 0;
	background: #fff;
}



.label {vertical-align: middle;}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.flex-1{flex:1 1 0%;}
.fixed{position:fixed;}
.inline-flex{display:inline-flex;}
.table{display:table}

.hidden{display:none}
.relative {position: relative;}
.nowrap{white-space: nowrap;}
.hand:hover {cursor:pointer;}
.middle {vertical-align: middle;}
.rounded-full {border-radius:999px;}
.justify-content{justify-content: space-between;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.items-stretch {align-items: stretch;}

.grow {flex-grow: 1;}
.fl{float:left;}
.fr{float:right;}
.botton {border:none;}
.w-full {width:100%;}
.w-70 {width:70px;}
.w-90 {width:90px;}
.w-12 {width:12px;}
.h-12 {height:12px;}
.w-14 {width:14px;}
.h-14 {height:14px;}
.w-5 {width:1.25rem;}
.h-5 {height:1.25rem;}
.w-6 {width:1.5rem;}
.h-6 {height:1.5rem;}
.px-4 {padding-left:1rem;padding-right:1rem;}
.pt-4 {padding-top:4px;}
.pt-6 {padding-top:6px;}
.pt-8 {padding-top:8px;}
.pt-10 {padding-top:10px;}
.pb-6 {padding-bottom:6px;}
.pb-8 {padding-bottom:8px;}
.pb-10 {padding-bottom:10px;}
.ml-2 {margin-left:2rem;}
.ml-5 {margin-left:5px;}
.ml-6 {margin-left:6px;}
.ml-10 {margin-left:10px;}
.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}
.mt-2 {margin-top:2px;}
.mt-4 {margin-top:4px;}
.mt-5 {margin-top:5px;}
.mt-6 {margin-top:6px;}
.mt-8 {margin-top:8px;}
.mt-10 {margin-top:10px;}
.mt-12 {margin-top:12px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mr-20 {margin-right:20px;}
.mr-15 {margin-right:15px;}
.mr-5 {margin-right:5px;}
.mr-4 {margin-right:4px;}
.mr-2 {margin-right:2px;}
.z-max {z-index:9999;}
.fw-500 {font-weight:500;}
.space-x-6 {margin-left:1rem;margin-right:1rem;}
.sr-only {display:none;}
.text-sm {font-size: .875rem;line-height: 1.25rem;}
.line-one {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient:vertical;}
.line-two {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}

.display-pc {display:none;}

.text-center,.ta-center {text-align:center;}
.mx-auto {margin:0 auto;}

.clearline{display:block;clear:both;width:100%;height:1px;margin: 0;*zoom:1;}
.clear1{display:block;clear:both;width:100%;height:1px;overflow:hidden;*zoom:1;}
.clear2{display:block;clear:both;width:100%;height:2px;overflow:hidden;*zoom:1;}
.clear3{display:block;clear:both;width:100%;height:3px;overflow:hidden;*zoom:1;}
.clear5{display:block;clear:both;width:100%;height:5px;overflow:hidden;*zoom:1;}
.clear10{display:block;clear:both;width:100%;height:10px;overflow:hidden;*zoom:1;}
.clear15{display:block;clear:both;width:100%;height:15px;overflow:hidden;*zoom:1;}
.clear20{display:block;clear:both;width:100%;height:20px;overflow:hidden;*zoom:1;}
.clear25{display:block;clear:both;width:100%;height:20px;overflow:hidden;*zoom:1;}
.clear30{display:block;clear:both;width:100%;height:30px;overflow:hidden;*zoom:1;}
.clear60{display:block;clear:both;width:100%;height:60px;overflow:hidden;*zoom:1;}
.border-top-1 {border-top:1px solid #ccc;}
.leading-tight {line-height: 1.25;}
.container{width:100%;margin:0 auto;padding:0;}
.grid{display:grid;}
.fs-18 {font-size:18px;}
.font-serif {
    font-family: Halant,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
/* ========== header | footer ========== */
/*
.header-wap {display:flex;clear:both;width:100%;}
.header-wap .logo {float:left;width:200px;height:60px;background: url(../images/logo6.png) no-repeat left 14px;background-size:auto 36px;}
.header-wap .logo h2 {display:none;}

.header-wap .search-box {width:250px;height:40px;align-items: center;background-color:#fff;border:2px solid #ff7070;overflow:hidden;border-radius:8px;margin-top:10px;}
.header-wap .search-box form {align-items: center;height:36px;}
.header-wap .search-box input {height:32px;line-height:32px;padding-left:15px;border:none;font-size:16px;}
.header-wap .search-box button {width:40px;height:26px;text-align:center;background-color:#fff;}
.header-wap .search-box button svg {width:26px;height:26px;color:#ff7070;}
*/

.footer {display:block;width:100%;font-size:14px;color:#222;}
.footer .main {display:block;width:100%;padding:12px 0;line-height:24px;text-align:center;align-items: center;}
.footer .copy {display:block;width:100%;text-align:center;height:34px;line-height:34px;font-size:12px;color:#222;background-color:#88d1ca;}
.footer  a {color:#111;}

/* ========== main ========== */

.title {display:flex;clear:both;width:100%;align-items: center;height:44px;line-height:44px;font-size:18px;padding-left:5px;margin:0 auto;font-weight:bold;}
.title img {width:36px;height:36px;margin-right:10px;}

.container{z-index:9999;}
.main-sites,.main-sites-col2 {display:grid;grid-template-columns: repeat(1, 1fr);gap: 10px 10px;}

.category-sites {display:block;clear:both;width:100%;background-color:#fff;border-radius:6px;margin:0 auto 0;overflow:hidden;}
.category-sites .top {display:flex;align-items:center;margin:0 auto;width:100%;height:44px;padding:2px 0 4px;background-color:#ff6e7d;}
.category-sites .top h2 {padding-left:15px;font-weight:600;font-size:18px;}
.category-sites .top a {color:#fff;}
.category-sites .top .more {font-size:14px;padding-right:12px;}
.category-sites .top .more svg {display:inline;width:20px;height:20px;vertical-align:middle;color:#fff;}

.category-wrapper {display:block; margin:0 auto;overflow:hidden;overflow-x:hidden;overflow-y:auto;padding:5px;}
.category-wrapper h5 {display:block;clear:both;margin:0 auto;width:94%;padding:5px 0;line-height:14px;text-align:center;font-size:12px;color:#999;}
.category-wrapper h6 {display:block;clear:both;margin:0 auto;width:94%;height:10px;}
.category-wrapper ul {display:grid;margin:0 auto;font-size:14px;font-weight:500;}
.category-wrapper ul li {display:block;clear:both;height:40px;line-height:40px;padding:0 0px;overflow:hidden;text-align:center;background-color:#fbfbfb;border-radius:2px;}
.category-wrapper ul li b {float:left;width:20px;padding-right:4px;text-align:right;color:#aaa;font-size:12px;}
.category-wrapper ul li img {float:left;width:16px;height:16px;border-radius:8px;margin-top:5px;margin-right:6px;}
.category-wrapper ul li a {width:100%;}
.category-wrapper ul li:hover {background-color:#feeae9;cursor:pointer;}
.category-wrapper ul li:hover a {color:#111;font-weight:bold;}

.main-box {display:block;width:100%;min-height:100px;background-color:#fff;border-radius:10px;padding-bottom:10px;overflow:hidden;}
.sites {padding:0 5px;}
.site-lists {margin:0 auto;}
.site-lists dl {display:block;width:100%;}
.site-lists dl dt ,.site-lists dl dd ,.site-lists dl dt img {display:block;clear:both;width:100%;}
.site-lists dl dt {height:0;padding-bottom:100%;overflow:hidden;border-radius:6px;}
.site-lists dl dd.name {height:24px;line-height:24px;text-align:center;font-size:16px;margin-top:4px;}

.show-more {display:block;clear:both;width:96%;height:34px;line-height:34px;text-align:center;margin:10px auto 0;padding-top:4px;border-top:1px solid #f3f3f3;color:#333;}
.show-more b {height:24px;line-height:24px;font-size:16px;font-weight:normal;}
.show-more svg {width:24px;margin-left:6px;margin-top:-2px;}
.categories  {display:block;clear:both;}

.grid-category {display:grid;gap: 0 0;}
.grid-category a {display:flex;align-items: center;width:100%;font-size:14px;height:40px;overflow:hidden;}
.grid-category a .cate_icon {margin-left:10px;}
.grid-category a.on b{font-weight:bold;}
.grid-category a:hover {font-weight:bold;cursor:pointer;}
.grid-category a:last-child {border:none;}
.grid-category a img {display:block;width:24px;}

.category-apps {display:block;clear:both;}
.category-apps h2 {height:34px;line-height:34px;color:#ccc;text-align:center;background-color:#192449;border-radius:8px;font-size:14px;}

.apps {display:grid;gap: 5px 10px;padding:8px 3px 6px;}
.apps a {display:block;width:100%;padding:5px 0 0}
.apps a img {display:block;margin:0 auto;width:96%;border-radius:12px;}
.apps a h5 {display:block;margin:2px auto 0;text-align:center;color:#111;height:24px;line-height:24px;font-size:13px;overflow:hidden;} 

.category-topics {display:grid;}
.category-topics a {background-color:#f2f3f4;color:#111;text-align:center;font-size:14px;border-radius:4px;}
.category-topics a.active {background-color:#bcf400;color:#111;font-weight:bold;}
.category-topics a:hover {background-color:#c3e4ff;color:#003161;}

.main-topics {display:block;clear:both;}
.topics-body {grid-template-columns: repeat(4, 1fr);gap: 15px 15px;}
.topics-body li {border-radius:12px;background-color:#0d1739;border:5px solid #043c72;overflow:hidden;}
.topics-body li:hover {border:4px solid #226ad6}
.topics-body li span {display:block;clear:both;width:100%;height:0;padding-bottom:60%;overflow:hidden;}
.topics-body li img{display:block;width:100%;}
.topics-body li h5 {padding:0 10px;margin:6px 0 8px;color:#fff;text-align:center;font-size:14px;}
.topics-body li h6 {padding-left:10px;font-size:12px;color:#c3c3c3;}
.topics-body a:hover h5 {color:#00e4ff;}

.grid-columns-2 {display:grid;gap: 10px 10px;}

.contact {padding:20px;line-height:34px;}
.empty {display:block;text-align:center;color:#fff;font-size:16px;}
@media (min-width: 320px){
	.display-pc {display:none;}
	.display-wap {display:block;}	
	.show-more {display:block;}
	
	.header-wap {display:block;clear:both;width:100%;}
	.header-wap .logo {float:left;width:100%;height:60px;background: url(../images/logo6.png) no-repeat center 10px;background-size:260px 45px;}
	.header-wap .logo h2 {display:none;}

	.header-wap .search-box {display:block;width:100%;height:40px;align-items: center;background-color:#fff;border:2px solid #ff7070;overflow:hidden;border-radius:8px;}
	.header-wap .search-box form {align-items: center;height:36px;}
	.header-wap .search-box input {height:32px;line-height:32px;padding-left:15px;border:none;font-size:16px;}
	.header-wap .search-box button {width:40px;height:26px;text-align:center;background-color:#fff;}
	.header-wap .search-box button svg {width:26px;height:26px;color:#ff7070;}

	.menu {display:grid;grid-template-columns: repeat(4, 1fr);gap: 2px 2px;margin-top:10px;}
	.menu a {text-align:center;display:block;width:100%;height:34px;line-height:33px;background-color:#009688;color:#fff;border-radius:4px;font-size:14px;font-weight:bold;}
	.menu a:hover {background-color:#89b600;}

	.container{width:100%;padding:0 2%;}
	.category-sites {width:100%;}
	.category-wrapper {width:100%;}
	.category-wrapper ul {grid-template-columns: repeat(4, 1fr);gap: 0px 0px;}

	.site-lists {padding:0 4px;grid-template-columns: repeat(2, 1fr);gap: 10px 10px;} 
	
	.topics-body {grid-template-columns: repeat(1, 1fr);gap: 10px 10px;padding:0 6px;}

	.apps {grid-template-columns: repeat(5, 1fr);gap: 5px 4px;padding:6px 10px 2px;}
	.apps a img {width:90%;}
	.apps a h5 {height:24px;line-height:24px;font-size:13px;}
	.apps .item:nth-child(20)~.item {display:none;}

	.grid-category  {grid-template-columns: repeat(2, 1fr);padding:4px 0;height:160px;overflow:hidden;}
	.category-topics {grid-template-columns: repeat(4, 1fr);gap: 4px 4px;padding:5px;}
	.category-topics a {height:34px;line-height:34px;}

}

@media (min-width: 640px){
	.container{width:580px;padding:0;}
	
	.header-wap {display:flex;clear:both;width:100%;height:60px;}
	.header-wap .logo {float:left;width:200px;height:60px;background: url(../images/logo6.png) no-repeat left 10px;background-size:auto 40px;}
	.header-wap .logo h2 {display:block;height:60px;line-height:600px;overflow:hidden;}

	.header-wap .search-box {width:300px;height:40px;align-items: center;background-color:#fff;border:2px solid #ff7070;overflow:hidden;border-radius:8px;margin-top:10px;}
	.header-wap .search-box form {align-items: center;height:36px;}
	.header-wap .search-box input {height:32px;line-height:32px;padding-left:12px;border:none;font-size:14px;}
	.header-wap .search-box button {width:44px;height:26px;text-align:center;background-color:#fff;}
	.header-wap .search-box button svg {width:26px;height:26px;color:#ff7070;}

	.menu {display:grid;grid-template-columns: repeat(4, 1fr);gap: 4px 4px;margin-top:5px;}

	.category-sites {width:100%;}
	.category-wrapper {width:98%;}
	.category-wrapper ul {grid-template-columns: repeat(4, 1fr);gap: 0px 2px;}
	.category-topics {grid-template-columns: repeat(6, 1fr);gap: 3px 3px;}
	.category-topics a {font-size:14px;}

	.site-lists {padding:0 5px;grid-template-columns: repeat(3, 1fr);gap: 10px 10px;} 

	.topics-body {grid-template-columns: repeat(2, 1fr);gap: 10px 10px;padding:0 6px;}
	.apps {grid-template-columns: repeat(6, 1fr);gap: 5px 5px;padding:0 10px 8px;}
	.apps a img {width:82%;}
	.apps a h5 {font-size:14px;}
	.apps .item:nth-child(20)~.item {display:block;}
}

@media (min-width: 768px){
	.container{width:760px;}
	.show-more {display:none;}
	.main-bg{background-size:1750px 786px;}

	.menu {display:grid;grid-template-columns: repeat(8, 1fr);gap: 4px 4px;margin-top:5px;}

	.category-wrapper {width:100%;}
	.category-wrapper ul {grid-template-columns: repeat(6, 1fr);gap: 2px 2px;}

	.grid-columns-2 {display:grid;grid-template-columns: 180px auto;}

	.grid-category  {grid-template-columns: repeat(1, 1fr);height:auto;}
	.grid-category a {height:40px;line-height:40px;}
	.grid-category a img {display:block;width:24px;} 

	.site-lists {grid-template-columns: repeat(3, 1fr);gap: 10px 10px;} 

	.topics-body {grid-template-columns: repeat(2, 1fr);gap: 10px 10px;}
	.category-topics {grid-template-columns: repeat(6, 1fr);gap: 4px 4px;padding:5px;}
	.category-topics a {height:38px;line-height:38px;font-size:16px;}

	.apps {grid-template-columns: repeat(8, 1fr);gap: 5px 5px;}
	.apps a img {width:86%;}
	.apps a h5 {font-size:14px;}

}

@media (min-width: 1280px){
	.display-pc {display:block;}
	.display-wap {display:none;}
	.main-bg{background-size:2560px 1150px;}
	.container{width:1150px;padding:0;z-index:9999;}
	.box-shadow {box-shadow: 1px 1px 4px #ebdddd; }
	.category-sites {width:100%;min-height:100px;}
	.category-wrapper{width:100%;}
	.category-wrapper ul {grid-template-columns: repeat(10, 1fr);gap: 0px 0px;}
	.category-wrapper ul li {font-size:15px;}

	.main-sites,.main-sites-col2 {gap: 12px 12px;}
	.main-sites-col2 {display:grid;grid-template-columns: repeat(2, 1fr);}
	.main-sites-col2 .category-wrapper ul {grid-template-columns: repeat(4, 1fr);gap: 2px 2px;}

	.header {display:block;clear:both;width:100%;height:170px;}
	.header .logo {display:block;width:640px;height:180px;background: url(../images/logo6.png) no-repeat center 30px;background-size:auto 110px;margin:0 auto 10px;position:relative;}
	.header .logo h2 {position:absolute;bottom:0px;color:#111;width:100%;text-align:center;font-size:22px; display:block;}

	.header .search-box {display:block;margin:20px auto 0;width:660px;height:46px;align-items: center;background-color:#fff;border:2px solid #ff7070;overflow:hidden;border-radius:8px;}
	.header .search-box form {align-items: center;height:42px;}
	.header .search-box input {height:36px;line-height:36px;padding-left:15px;border:none;font-size:16px;}
	.header .search-box button {width:50px;height:32px;text-align:center;background-color:#fff;}
	.header .search-box button svg {width:32px;height:32px;color:#ff7070;}

	.menu {display:block;width:100%;text-align:center;font-size:14px;margin:30px auto 5px;}
	.menu a {display:inline-block;background-color:#009688;color:#fff;width:110px;height:38px;line-height:38px;text-align:center;border-radius:4px;font-weight:bold;}
	.menu a:hover {background-color:#89b600;}

	.grid-columns-2 {grid-template-columns: 250px auto;}
	.apps {grid-template-columns: repeat(12, 1fr);gap: 5px 5px;padding:10px 12px 10px;}
	.apps a img {width:90%;}
	.apps a h5 {font-size:14px;}


	.category-topics {grid-template-columns: repeat(12, 1fr);gap: 4px 4px;padding:0;}
	.category-topics a {height:36px;line-height:36px;font-size:14px;font-weight:600;}
	.topics-body {grid-template-columns: repeat(4, 1fr);gap: 10px 10px;padding:0;}

	.grid-category  {display:block;padding:5px;}
	.grid-category a {display:flex;height:44px;font-size:16px;}
	.grid-category a:hover {background-color:#feeae9;border-radius:4px;}
	.grid-category a .cate_icon {margin-left:10px;}

	.site-lists {padding:0 8px;grid-template-columns: repeat(4, 1fr);gap: 10px 15px;} 


}

  /* ===== page ===== */
.page-box {display:block; text-align:center; padding:15px 0 15px;font-family:arial; clear:both;}
.page-box a { display:inline-block; width:36px;height:36px;line-height:36px;margin-right:4px;margin-bottom:6px; color:#222; font-size:18px;border-radius:3px;background-color:#f3f3f3;align-items: center;}
.page-box a svg {width:16px;height:16px;color:#fff;margin-top:-1px;}
.page-box a.current {background-color:#f36;color:#fff;}
.page-box a:hover {background-color:#f46;color:#fff;}

.cate_icon {display:inline-block;vertical-align:middle;width:24px;height:24px;background-image:url('../images/cate_icon.png');background-size:auto 24px;margin:0px 8px 0 0;}
.cate_icon_no_icon {background-position: 0 0 !important}
.cate_icon_2 {background-position: -24px 0 !important}
.cate_icon_3 {background-position: -48px 0 !important}
.cate_icon_4 {background-position: -72px 0 !important}
.cate_icon_5 {background-position: -96px 0 !important}
.cate_icon_6 {background-position: -120px 0 !important}
.cate_icon_7 {background-position: -144px 0 !important}
.cate_icon_8 {background-position: -168px 0 !important}
.cate_icon_9 {background-position: -192px 0 !important}
.cate_icon_10 {background-position: -216px 0 !important}
.cate_icon_11 {background-position: -240px 0 !important}
.cate_icon_12 {background-position: -264px 0 !important}
.cate_icon_13 {background-position: -288px 0 !important}
.cate_icon_14 {background-position: -312px 0 !important}
.cate_icon_15 {background-position: -336px 0 !important}
.cate_icon_16 {background-position: -360px 0 !important}
.cate_icon_17 {background-position: -384px 0 !important}
.cate_icon_18 {background-position: -408px 0 !important}
.cate_icon_19 {background-position: -432px 0 !important}
.cate_icon_20 {background-position: -456px 0 !important}
.cate_icon_21 {background-position: -480px 0 !important}
.cate_icon_22 {background-position: -504px 0 !important}
.cate_icon_23 {background-position: -528px 0 !important}
.cate_icon_24 {background-position: -552px 0 !important}
.cate_icon_25 {background-position: -576px 0 !important}
.cate_icon_26 {background-position: -600px 0 !important}
.cate_icon_27 {background-position: -624px 0 !important}
.cate_icon_28 {background-position: -648px 0 !important}
.cate_icon_29 {background-position: -672px 0 !important}
.cate_icon_30 {background-position: -696px 0 !important}
.cate_icon_31 {background-position: -720px 0 !important}
.cate_icon_32 {background-position: -744px 0 !important}
.cate_icon_33 {background-position: -768px 0 !important}
.cate_icon_34 {background-position: -792px 0 !important}
.cate_icon_35 {background-position: -816px 0 !important}
.cate_icon_36 {background-position: -840px 0 !important}
.cate_icon_37 {background-position: -864px 0 !important}
.cate_icon_38 {background-position: -888px 0 !important}
.cate_icon_39 {background-position: -912px 0 !important}
.cate_icon_40 {background-position: -936px 0 !important}
.cate_icon_41 {background-position: -960px 0 !important}
.cate_icon_42 {background-position: -984px 0 !important}
.cate_icon_43 {background-position: -1008px 0 !important}
.cate_icon_44 {background-position: -1032px 0 !important}
.cate_icon_45 {background-position: -1056px 0 !important}
.cate_icon_46 {background-position: -1080px 0 !important}
.cate_icon_47 {background-position: -1104px 0 !important}
.cate_icon_48 {background-position: -1128px 0 !important}
.cate_icon_49 {background-position: -1152px 0 !important}
.cate_icon_50 {background-position: -1176px 0 !important}
.cate_icon_51 {background-position: -1200px 0 !important}
.cate_icon_52 {background-position: -1224px 0 !important}
.cate_icon_53 {background-position: -1248px 0 !important}
.cate_icon_54 {background-position: -1272px 0 !important}
.cate_icon_55 {background-position: -1296px 0 !important}
.cate_icon_56 {background-position: -1320px 0 !important}
.cate_icon_57 {background-position: -1344px 0 !important}
.cate_icon_58 {background-position: -1368px 0 !important}
.cate_icon_59 {background-position: -1392px 0 !important}
.cate_icon_60 {background-position: -1416px 0 !important}
.cate_icon_61 {background-position: -1440px 0 !important}
.cate_icon_62 {background-position: -1464px 0 !important}
.cate_icon_62 {background-position: -1488px 0 !important}
.cate_icon_63 {background-position: -1512px 0 !important}
.cate_icon_64 {background-position: -1536px 0 !important}
.cate_icon_65 {background-position: -1560px 0 !important}
.cate_icon_66 {background-position: -1584px 0 !important}
.cate_icon_67 {background-position: -1608px 0 !important}
.cate_icon_68 {background-position: -1632px 0 !important}
.cate_icon_69 {background-position: -1656px 0 !important}

.flag {
    margin-left: 2px;
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(../images/flags.png) no-repeat;
    background-size: 96px;
}

.flag-new {
    margin-left: 2px;
    display: inline-block;
    width: 28px;
    height: 14px;
    background: url(../images/new.png) no-repeat;
    background-size: 28px;
}


.flag-en,.flag-en-us {background-position: -64px -48px}
.flag-zh,.flag-cn {background-position: -80px 0}
.flag-ja {background-position: -48px -12px}