body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
li{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
body{font:12px/1.6 "Microsoft YaHei","Helvetica Neue",Arial;color:#8faa9a;}
i{font-style:normal}
a{color:#8faa9a;text-decoration:none;}
.hide{display:none!important;}
.show{display: block!important;}
:focus{outline:0}
.fl{float: left;}
.fr{float: right;}
.clear{zoom:1}
.clear:after{content:"";clear:both;display:block;height:0;line-height:0;font-size:0}
.wrap{width: 100%;max-width: 1920px;min-width: 1200px; height: 1200px; overflow: hidden; background-repeat: no-repeat; background-position: left top; position: relative;}
.logo{position: absolute; top: 33px; left: 25px; display: block;}
.main{width: 574px; margin-left: 423px; height: 1130px; background: url('../imgs/main.png') no-repeat; padding: 35px;}

.nav span,.title span i,.tit{font-size: 24px;font-family: '楷体'; font-weight: bold; background: linear-gradient(#ffdf95, #fffefc);background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.nav{margin-bottom: 34px; height: 42px;}
.nav a{float: left; padding-left: 45px; margin-left: 7px; width: 93px; height: 42px; position: relative; background: -moz-linear-gradient(top, #3e664e, #92956b);background: -webkit-gradient(linear,top,from(#3e664e),to(#92956b));background: -webkit-linear-gradient(top, #3e664e, #92956b);background: -o-linear-gradient(top, #3e664e, #92956b);}
.nav a:hover{background: #667d5c;}
.nav a:first-child,.nav .n1{margin: 0;}
.nav span{font-size: 20px; line-height: 42px; color: #ffe8b4;}
.nav i,.login_btn,.list li a,.title span::after,.title span::before{background: url('../imgs/sprite.png') no-repeat -999px;}
.nav i{display: block; width: 22px; height: 20px; position: absolute; left: 18px; top: 50%; margin-top: -10px;}
.nav .n1 i{background-position: -178px -132px;}
.nav .n2 i{background-position: -178px -152px;}
.nav .n3 i{background-position: -178px -172px;}
.nav .n4 i{background-position: -178px -192px;}
.title{position: relative; text-align: center; width: 240px; height: 32px; margin: 0 auto; padding: 15px 0;}
.title::before{content: ''; width: 100%; height: 1px; background: #ffe6ad; position: absolute; left: 0; top: 50%;}
.title span{color: #ffe8b4;line-height: 32px; background-color: #1a3e38; display: inline-block; position: relative; z-index: 1; padding: 0 20px;}
.title span::after,.title span::before{content: ''; position: absolute; top: 50%; margin-top: -8px; width: 9px; height: 17px;background-position: -191px 0;}
.title span::before{left: 0;}
.title span::after{right: 0;}
.part{background: #175444; padding: 20px 0 20px 20px;}

.login{padding-right: 205px; position: relative; min-height:56px;}
.login_btn{display: block; width: 188px; height: 56px; position: absolute; right:16px; top: 0; background-position: 0 0;}
.login_btn:hover{background-position-y: -66px;}
.login .item{float: left; background-color: #537255; height: 30px; margin-right:15px; width: 139px; padding: 0 10px;}
.login .item input{width: 100%;border: 0;outline: 0;-webkit-appearance: none;appearance: none;background-color: transparent;font-size:14px;color: #fff;height: 30px; line-height: 30px;}
.login .item input::placeholder{color: #9fb4a0;}
.auto_links{margin-top: 7px;}
.auto_links a{display: inline-block; margin-right: 20px;}
.auto_links a:hover{text-decoration: underline;}
.check{display: inline-block; cursor: pointer; margin-right: 46px;}
.check input{float: left; margin: 3px 4px 0 0;}
.user{display: none; min-height: 82px;}
.log_link{padding-left: 40px;}
.log_link a{display: inline-block; padding: 0 4px; line-height: 24px; margin-right: 10px;}
.tit{color: #ffe8b4; line-height: 1; margin-bottom: 18px;}
.list li{width: 170px; height: 45px; overflow: hidden; float: left; text-align: center; margin: 0 11px 15px 0;}
.list li a{display: block; color: #fff5c3; background-position: 0 -132px; line-height: 45px;}
.list li a:hover{background-position: 0 -187px;}
.list li span{display: inline-block; margin-left: 4px;}
.red{color: #f38631;}
.yellow{color: #ffd82c;}
.tj_list{height: 105px; overflow: hidden; margin-bottom: 20px;}
.filter{height: 22px; line-height: 22px;display: flex;}
.select{border:none;color: #fff; height: 22px; line-height: 22px; outline: 0;background-color: #a9cdac; padding: 0; font-size: 12px; margin-left: 50px;}
.md{width: 80px;border: 0;outline: 0;-webkit-appearance: none;appearance: none;background: #a9cdac;font-size:12px;height: 22px; line-height: 22px; color: #fff; text-align: center; margin: 0 4px;}
.min_md{width: 60px;background: #a9cdac;}
.game_btn{width: 62px;height: 22px;line-height: 22px; display: inline-block; background: #ffe476; color: #845605; text-align: center; margin-left: 5px;}
.game_btn:hover{background: #fde379;}
.types{margin: 25px 0;}
.types .item{display: inline-block; width: 230px; height: 50px; line-height: 50px; font-size: 25px; color: #95691e; text-align: center; background-color: #ffe476;}
.tabs{height: 24px; margin: 10px 0; text-align: center;}
.tabs li{float: left; line-height: 24px; padding: 0 10px; min-width: 70px; margin-right: 10px; background: #537255; color: #fff6d0; cursor: pointer;}
.tabs li.cur{background: #c15046; color: #fff6d0;}
.list_data{height: 400px; overflow-y: auto; margin: 15px 2px 0 0;}
.main ::-webkit-scrollbar{width: 4px; background: #124739; border-radius: 4px;}
.main ::-webkit-scrollbar-thumb{background: #1f6351; border-radius: 4px;}
/* .cyou_bottom{background: #1f1b15;}
#cyou_bottom .cyou_bottom_cont p,#cyou_bottom .cyou_bottom_cont a, .footer-right a{color: #5b5a5a;} */