html,body {
	background-color:#131A1E;
}
html {
	height:100%
}
body {

	margin:0;
	padding:0;
	border:none;
	height:100%
}

h1,h2,h3,h4,h5,h6 {
	display:block;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end:0
}
input {
	background-color:transparent !important
}
ul {
	list-style-type:none;
	margin-block-start:0;
	margin-block-end:0;
	margin-inline-start:0;
	margin-inline-end:0;
	padding-inline-start:0;
	margin:0
}
li {
	list-style-type:none
}
* {
	margin:0;
	border:none;
	padding:0
}
a {
    color:#000;
    text-decoration:none;
    display: block;
}
a:hover {
    text-decoration:none
}
img {
    width: 170px;
    height: 80px;
}



body{

    color: #555;
    font-size: 13px;
    font-family: "Microsoft YaHei",Simsun,Tahoma;
}
#container {
    width:1200px;
    margin:0 auto;
    margin-top:10px
}

.banner {
    text-align: center;
}
.nav {
    width:100%;
    border-radius:6px 6px 0 0;
    overflow:hidden;
    box-shadow:0 0 20px 6px rgba(0,0,0,.12),0 0 20px 6px rgba(0,0,0,.12);
    background:#3e3939;
}
.nav li {
    float:left;
    text-align:center;
    display:block;
    width:75px;
    height:40px;
    line-height:40px;
    background:#3e3939;
    font-weight:700;
    font-size:20px;
    transition:color .5s,background-color .5s;
    text-shadow:.1em .1em .1em #000;
    overflow:hidden
}
.nav li:hover {
    color:#fff;
    background:#ff6ea1
}
.good {
    width:100%;
    background:#fffce7;
    margin-bottom:5px;
    border-radius:0 0 6px 6px;
    overflow:hidden;
    box-shadow:0 0 20px 6px rgba(0,0,0,.12),0 0 20px 6px rgba(0,0,0,.12)
}
.good li {
    float:left;
    text-align:center;
    display:block;
    width:150px;
    height:40px;
    line-height:40px;
    font-size:14px;
    transition:color .5s,background-color .5s;
    overflow:hidden
}
.good li:hover {
    color:#fff;
    background:#ff6ea1
}
.cate {
    width:100%;
    background:#fff;
    margin-bottom:10px;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 0 20px 6px rgba(0,0,0,.12),0 0 20px 6px rgba(0,0,0,.12)
}
.cate_name {
    height:40px;
    width:100%;
    background:#f7f7f7;
    overflow:hidden
}
.cate .pink {
    background:#fd6ea3
}
.cate .red {
    background:#c52622
}
.cate .green {
    background:#23be9b
}
.cate .yellow {
    background:#fcc800
}
.cate .gray {
    background:#788daa
}
.cate .orange {
    background:#f76e25
}
.cate .black {
    background:#333
}
.cate_name p {
    font-size:16px;
    font-weight:700;
    line-height:40px;
    color:#000;
    margin-left:20px
}
.cate li {
    float:left;
    text-align:center;
    display:block;
    width:119px;
    height:40px;
    line-height:40px;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    font-size:14px;
    transition:color .5s,background-color .5s;
    overflow:hidden
}
.cate li:hover {
    color:#fff;
    background:#ff6ea1
}
.cate li b {
    width:16px;
    height:16px;
    font-weight:400;
    background:#2cbafc;
    color:#fff;
    padding:1px 3px;
    margin-left:4px;
    font-size:12px;
    border-radius:2px
}
.cate_ul {
    margin:0 auto;
    position:relative;
    max-width:960px
}
.cate_img {
    margin-left:8px;
    width:48px;
    height:48px
}

.footer {
    border-radius:6px 6px 0 0;
    height:auto;
    margin-bottom:0;
    opacity:.7
}
.footer p {
    text-align:center;
    line-height:40px;
    color:#333
}

.clear {
    clear:both;
    height:0
}



@media screen and (max-width:1200px) {
.side {
    display:none
}
.faq {
    display:none
}
.xm {
    display:none
}
}
@media screen and (max-width:960px) {
body {
    background-size:150%
}
#container {
    width:98%;
    margin-top:1%
}
.nav li {
    width:20%;
    margin-right:-2px;
    height:35px;
    line-height:35px
}
.good li {
    width:25%;
    height:35px;
    line-height:35px
}
.cate li {
    width:20%;
    margin-right:-1px;
    height:35px;
    line-height:35px
}
.cate_name {
    height:35px
}
.cate_name p {
    font-size:21px;
    line-height:35px
}
.appico {
    width:calc(25% - 10px)
}
}
@media screen and (max-width:800px) {
.nav li {
    font-size:15px;
    height:30px;
    line-height:30px
}
.good li {
    font-size:15px;
    height:30px;
    line-height:30px
}
.cate li {
    font-size:15px;
    height:30px;
    line-height:30px
}
.cate_name {
    height:30px
}
.cate_name p {
    font-size:20px;
    line-height:30px
}
}
@media screen and (max-width:640px) {
.nav li {
    width:25%;
    font-size:12px;
    height:30px;
    border:1px solid #79d1f9;
    line-height:30px
}
.good li {
    width:25%;
    font-size:11px;
    height:30px;
    line-height:30px
}
.cate li {
    width:25%;
    font-size:11px;
    height:30px;
    line-height:30px
}
.cate_name {
    height:30px
}
.cate_name p {
    font-size:17px;
    line-height:30px
}
.cate li b {
    width:16px;
    height:16px;
    font-weight:400;
    background:#2cbafc;
    color:#fff;
    padding:2px 3px;
    margin-left:4px;
    font-size:11px;
    border-radius:2px
}
}

.app {
	margin: 0px 0px 10px 0px
}

.app ul li {
	width: 120px;
	margin: 14px 0px 0px 0px;
	text-align: center;
	float: left
}

.app ul li img {
	margin: 0 auto;
	width: 48px;
	height: 48px;
	display: block;
	border-radius: 8px
}

.app ul a {
	font: 13px/38px Tahoma,'Microsoft Yahei',Simsun;
	color: #000;
	overflow: hidden;
	white-space: nowrap
}

.app ul a:hover img {
	transform: scale(1.5);
	transition: transform .3s ease-in-out 0s
}

@media only screen and (max-width:640px) {

	.app ul li {
		width: 20%
	}
}