body{margin:0px;font-family:"Microsoft YaHei",微软雅黑,Arial,Helvetica,sans-serif,宋体}
*{margin:0;padding:0}
a{text-decoration:none;color:#333}
img{max-width:100%;margin:0 auto}
ul li{list-style-type:none}
.red{color: red;}
.center{text-align:center;}

.wrap{overflow:hidden;}
.bg-gray{background: #444e5d;}
.bg-body{background: #f6f6f6;}
.tag{color: #fff;background-color: #45BCF9;padding: 3px 6px;font-size: 12px;position: relative;top: -2px;margin-right: 10px;}
.tag i{position: absolute;top: 50%;margin-top: -4px;right: -4px;vertical-align: middle;border-left: 4px solid #45BCF9;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
.wrap .layout{max-width:1200px;margin: 0 auto;overflow: hidden;}
.wrap .nav{height: 5em;line-height: 5em;}
.wrap .nav .item{display: inline-block;font-weight: 700;text-align: center;}
.wrap .nav .item:first-child{width: 10em;padding: 0 1em;}
.wrap .nav .item{width: 7em;}
.wrap .nav .item img{vertical-align: middle;}
.wrap .nav .item a{}
.wrap .slogan{padding: 50px 0;color: #fff;text-align: center;}/*#555*/
.wrap .slogan h1{font-size: 50px;margin-bottom: 20px;font-weight: 400;}
.wrap .slogan p{font-size: 20px;}
.wrap .footer{text-align: center;font-size: .8em;color: #999;padding: 3em 0;}
.wrap .footer a{color: gray;margin-left: 10px;}
.wrap .footer img{height: 5em;opacity: 0.5;margin: 1em auto 0;}
.wrap .listBox{min-height: 550px;padding: 1em;}
.wrap .listBox h1{font-size: 1.2em;line-height: 2em;height: 2em;text-align: center;margin-bottom: 0.5em;}
.wrap .listBox li{line-height: 1.5em;height:1.5em;overflow: hidden;border:0!important;text-overflow: ellipsis;white-space: nowrap;}
.wrap .about{padding: 30px 10px;}
.wrap .about h1,.wrap .about h2{font-size: 16px;}
.wrap .about h2{padding-top: 30px;}
.wrap .about p{font-size: 18px;line-height: 1.5;text-indent:2rem;margin: 10px 0;}
.wrap .about p .s{color: #2aa0ea;font-weight: 700;}
.wrap .container{overflow: hidden;min-height: 600px;margin-bottom: 1em;}
.wrap .container .list,.wrap .container .main,.wrap .container .list-search{float: left;width: 68%;font-size: 18px;background: #fff;}
.wrap .container .list li{margin-bottom: 10px;overflow: hidden;border-bottom:1px solid #eaeaea;}
.wrap .container .list li:last-child{border-bottom: 0;}
.wrap .container .list li img{float: left;width: 220px;height: 150px;margin-right: 10px;border-radius:5px;padding: 10px;object-fit:cover;object-position: top;}
.wrap .container .list li .c{padding: 10px;}
.wrap .container .list li .c .tag{display: inline;}
.wrap .container .list li .c h2{display: inline;font-size: 18px;}
.wrap .container .list li .c .des{font-size: 14px;margin-top: 1em;}
.wrap .container .list li .c .time{font-size: 14px;color: #6E6E6E;float: right;margin-right: 10px;font-size: 12px;margin-top: 0.2em;}
.wrap .container .list-search{padding: 10px;}
.wrap .container .list-search h2{font-size: 16px;line-height: 50px;}
.wrap .container .list-search li{margin-bottom: 10px;overflow: hidden;font-size: 16px;}
.wrap .container .list-search h1{margin-bottom: 30px;font-size: 26px;}
.wrap .container .list-search h1 a{color: blue;text-decoration: underline;}
.wrap .container .aside{float: right;width: 30%;}
.wrap .container .aside .img{margin-bottom: 5px;}
.wrap .container .aside .img img{border-radius: 10px;}
.wrap .container .aside .panel{border-radius: 3px;background: #fff;margin-bottom: 1em;padding: .5em;}
.wrap .container .aside .panel h3{height: 2em;line-height: 2em;font-weight: 700;margin-bottom: .2em;font-size: 1.2em;font-family: 'Ma Shan Zheng', cursive;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap .container .aside .panel .c{}
.wrap .container .aside .panel .c li{margin-right: .3em;margin-bottom: .3em;padding: .2em;background: aliceblue;border-radius: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap .container .aside .panel .c li:last-child{margin-right: 0;}
.wrap .container .aside .panel .c li span{color: #6E6E6E;font-size: .8em;}
.wrap .container .aside .panel .tui{padding: 0 1em;}
.wrap .container .aside .search{margin-bottom: 1em;}
.wrap .container .aside .search input{padding: .5em;font-size: 1em;border-radius:3px;}
.wrap .container .aside .search .txt{max-width: 70%;border: 0;}
.wrap .container .aside .search .btn{border: 0;background: #16b777;color: #fff;}
.wrap .container .aside .search form{background-color: #45BCF9;border-radius: 5px;}
.wrap .container .aside .search form .txt{margin: 5px;}
.wrap .container .aside .search form .btn{background: #45BCF9;color: #fff;}
.wrap .container .aside .guess li{background: none!important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap .container .main{font-size: 16px;}
.wrap .container .main .article,.wrap .container .main .relate-list{padding: 1em;}
.article{padding-bottom: 20px;}
.article h1{font-weight: 600;font-size: 1.2em;text-align: center;}
.article h2,.article h3{font-weight: 600;margin: 1em 0;}
.article h2{font-size: 1em;padding-bottom: 0.5em;padding-top: 1em;}
.article h2:first-child{padding-top: 0;}
.article h3{font-size: 1em;}
.article p{font-weight:400;margin: 1em 0;line-height: 1.6em;}
.article code{font-size: .9em;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;border-left:5px solid #16b777;display: block;padding: 1em;line-height: 1.4em;}
.article code p{line-height: 1em!important;}
.article .time{font-size: .8em;color: #999;margin: 1em 0 1.2em;text-align: center;}
.article .time a,.wrap .container .list .t a{background: aliceblue;padding: .2em;margin: 0 .5em;border-radius: 3px;}
.wrap .container .list .t a{font-size: 0.8em;}
.wrap .container .list .t{margin-top:1em;}
.article .s{max-width: 500px;border-radius: 5px;margin: 10px auto;display: block;}
.article p a{margin: 0 5px;color: blue;text-decoration: underline;}
.article .copy{font-size: .9em;padding: .5em;color: gray;border-radius: 5px;background: aliceblue;}
.article .copy p{line-height: 1.2em;}
.article blockquote{background: aliceblue;padding: 0.2em 1em;}
.article table{width: 100%;border-collapse: collapse;border-spacing: 0;}
.article table th,.article table td{border:1px solid #333;padding: 0.3em;}
.article table th{background: aliceblue;}
.article table img{max-width: 100%!important;}
.article em{display: block;padding: 0.5em;background: aliceblue;font-style: normal;}
.article .b{font-weight: 700;}
.article .block{margin-top: 5em;background: floralwhite;padding: 1em;}
.article .ext-list{padding: 0.5em;background: aliceblue;}
.article .ext-list li{line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.article .ext-list li a{color: blue!important;}
.article .content ol{padding: 0 1em;}
.article .content ol li{line-height: 1.6em;}
.wrap .container .main .relate-list{margin:0;}
.wrap .container .main .relate-list h3{font-size: 16px;line-height: 30px;}
.wrap .container .main .relate-list li{font-size: 16px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap .breadcrumbs{padding:1em 0.5em;overflow: hidden;font-size: 14px;color: #999;}
.wrap .breadcrumbs a{color: #999;}
.bg-gray .nav .item a{color: #fff;}
.tutorial .main{float: right!important;width: 73%!important;}
.tutorial .aside{float: left!important;width: 25%!important;}
.tutorial .article .s{max-width: 90%;}
.nav-tree{padding-bottom: 1em;}
.nav-tree .nav-item{margin-bottom: 1em;}
.nav-tree .nav-item .title{line-height: 2em;height: 2em;font-weight: 700;display: block;}
.nav-tree .nav-item .nav-child{text-indent: 1em;}
.nav-tree .nav-item .nav-child .nav-child-checked{background: aliceblue;border-radius: 5px;height: 1.5em;line-height: 1.5em;}
.nav-tree .nav-item .nav-child dd{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 0.2em;}


.article .s{max-width: 90%;}
.article video{width: 90%;max-height: 600px;}
.article center{text-align: center;color: gray;}
.article .time .from{margin-left: 0.5em;}
.wrap .container{min-height: 0;}
.wrap .container h1{font-weight: 600;font-size: 1.2em;text-align: center;}
.btn-more{background-color:#45BCF9;border-radius:5px;padding: 0.3em;}
.nav-all{padding: 0 1em 1em;color: #fff;}
.nav-all .title{border-bottom: 1px solid #687671;line-height: 1.8em;color: gray;text-align: center;}
.nav-all .item{display: inline-block;width: 9em;padding: 0.5em;}
.nav-all a{color: #fff;}
.small-hidden{display: inline-block;}
.red{color: red!important;}
.g-list li{}
.wrap .container .list li .s-img{height: 100px!important;width: 120px!important;}
.tab-title{font-size: 0.9em;line-height: 3em;padding:0 1em;background: ghostwhite;}
.tab-title .title{font-weight: 700;display: inline-block;}
.tab-title .more{color: gray;float: right;display: inline-block;font-size: 0.5em}
.game-head{text-align: center;padding: 0.9em;border-bottom: 1px solid #eaeaea;}
.game-head h1,.game-head p{display: inline-block;}
.game-head h1{font-size: 1em!important;}
.game-head p{font-size: 0.8em;margin-left: 0.8em;}
.list-g{padding-left: 1em;}
.list-g a{display: inline-block;width: 15em;padding: 0.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media screen and (max-width: 640px) {
    .wrap .nav .item img{width: 100px;}
    .wrap .slogan{padding: 30px 0;}
    .wrap .slogan h1{font-size: 40px;margin-bottom: 10px;}
    .wrap .slogan p{font-size: 18px;}

    .wrap .product h1{font-size: 32px;}
    .wrap .product p span{padding: 10px;}
    .wrap .product .btn{height: 40px;line-height:40px;font-size: 16px;display: block;width: 90%;margin: 0 auto;}
    .wrap .product a{display: block;margin-left:0;margin-top: 10px;}

    .wrap .z1 h1{font-size: 32px;}
    .wrap .z1 .panel{padding: 5px;}

    .wrap .container .list,.wrap .container .aside,.wrap .container .main,.wrap .container .list-search{float: none;width: 100%;margin-bottom: 20px;padding: 0;background: #fff;}
    .wrap .container .list li{border: 0;}
    .wrap .container .list li img{width: 120px;height: 82px;padding: 0;}
    .wrap .container .list li .c h2{font-size: 16px;}
    .wrap .container .list li .c .des{display: none;}

    .wrap .listBox li{display: block;width: 100%;}
    .bg-body{background: #fff;}

    .wrap .container .main .article .content .s{max-width: 100%;}
    .wrap .nav .item{width: 16%;}
    .wrap .nav .item:first-child{width: 30%;padding: 0 .2em;}
    .wrap .listBox{padding: 0;}
    .article h1{text-align: left;}
    .wrap .container .main .article,.wrap .container .main .relate-list{padding: 0.5em;}

    .tutorial .main{float: none!important;width: 100%!important;}
    .tutorial .aside{float: none!important;width: 100%!important;}
    .tutorial .article .s{max-width: 100%;}

    .article .s{max-width: 100%;}
    .wrap .nav .item{width: 20%;}
    .wrap .nav .item-nav-mid{width: 17%!important;}
    .small-hidden{display: none!important;}
    .nav-all .item{display: inline-block;width: 45%;padding: 0.5em 0 0.5em 0.5em;}
    .game-head{padding: 0.6em;}
}