@charset "utf-8";


.main {
  width: 100%;
}
.main .main-box{
width: 1000px;
  margin: 0 auto;
}

.main .main-box .main-con{
width:1000px;height:auto;
float:left;margin-top:30px;
}

.main .main-box .main-con .kenken-title{
width: 1000px;height:50px;
float:left;border-bottom: #EAEAEA 1px solid;
}

.main .main-box .main-con .kenken-title h1{
line-height:50px;font-size:20px;font-weight: 700;float:left;margin-left:20px;
}
.main .main-box .main-con .kenken-title .ens{
line-height:50px;font-size:12px;float:left;margin-left:12px;
}

.main .main-box .main-con .kenken-title .hd{
line-height:50px;float:right;margin-left:20px;
}


.main .main-box .main-con .kenken-title .hd a{
	text-decoration:none;FONT-SIZE:14px;COLOR:#323232;vertical-align: middle;padding:3px 8px 3px 8px;
cursor: pointer;
background-color: #fff;
}

.main .main-box .main-con .kenken-title .hd a:hover {
text-decoration:none;FONT-SIZE:14px;COLOR:#323232;vertical-align: middle;padding:3px 8px 3px 8px;
cursor: pointer;
}

.main .main-box .main-con .kenken-title .hd a.cl{
	text-decoration:none;FONT-SIZE:14px;COLOR:#fff;vertical-align: middle;padding:3px 8px 3px 8px;
cursor: pointer;
background-color: #323232;border-radius: 3px;
}

.main .main-box .main-con .kenken-title .hd a.cl:hover {
text-decoration:none;FONT-SIZE:14px;COLOR:#fff;vertical-align: middle;padding:3px 8px 3px 8px;
cursor: pointer;background-color: #323232;border-radius: 3px;
}

.main .main-box .main-con .kenken-con{
width: 1000px;float:left;margin:0px 0px 30px 0px;
}
.main .main-box .main-con .kenken-con .sudoku-cla{
width: 1000px;height:50px;line-height:50px;float:left;background: #F7F7F7;text-align:center;FONT-SIZE:20px;font-weight: 700;
}
.main .main-box .main-con .kenken-con .cla-item{
width: 500px;height:auto;float:left;line-height:60px;margin: 16px 0px 16px 0px;
}
.main .main-box .main-con .kenken-con .cla-br{
width:1px;height:300px;float:left;border-right:#EAE4E4 1px solid;margin:10px 2px;
}


.main .main-box .main-con .kenken-con .cla-item .cla-icon{
width: 30%;height:auto;float:left;text-align:center;
}
.main .main-box .main-con .kenken-con .cla-item .cla-icon img{
margin-top:25px;
}
.main .main-box .main-con .kenken-con .cla-item .cla-info{
width: 70%;height:auto;float:left;
}
.main .main-box .main-con .kenken-con .cla-item .cla-info .cla-tit{
width: 100%;height:60px;float:left;line-height:60px;background: #fff;text-decoration:none;FONT-SIZE:18px;
}
.main .main-box .main-con .kenken-con .cla-item .cla-info .cla-tit a{
text-decoration:none;FONT-SIZE:18px;
}

.main .main-box .main-con .kenken-con .cla-item .cla-info .cla-tit a:hover {
text-decoration:none;FONT-SIZE:18px;
}

.main .main-box .main-con .kenken-con .cla-item .cla-info .cla-desc{
width: 100%;height:auto;float:left;line-height:30px;text-align:left;font-size:14px;
}

.main .main-box .main-con .kenken-con .cla-item .cla-info .cla-desc a{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 14px;padding:3px 6px 3px 6px;background:#F14E62;border: #F14E62 1px solid;border-radius: 6px;margin-right:5px;
}

.main .main-box .main-con .kenken-con .cla-item .cla-info .cla-desc a:hover{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 14px;padding:3px 6px 3px 6px;background:#EB0320;border: #EB0320 1px solid;border-radius: 6px;margin-right:5px;
}




.main .main-box .main-con .kenken-con .cla-item .cla-rank{
width: 100%;height:160px;float:left;line-height:30px;margin-top:10px;
}
.main .main-box .main-con .kenken-con .cla-item .cla-rank li{
width: 100%;height:auto;float:left;
}

.main .main-box .main-con .kenken-con .cla-item .cla-rank li .rn{
width: 10%;height:30px;line-height:30px;float:left;FONT-SIZE:12px;font-weight: 700;text-align:center;
}

.main .main-box .main-con .kenken-con .cla-item .cla-rank li .rm{
width: 55%;height:30px;line-height:30px;float:left;FONT-SIZE:14px;
}

.main .main-box .main-con .kenken-con .cla-item .cla-rank li .rc{
width: 35%;height:30px;line-height:30px;float:left;FONT-SIZE:12px;text-align:center;
}


@media screen and (max-width:767px){
.main .main-box{
width:100%;
}
.main .main-box .main-con{
width: 95%; margin-left: 8px;margin-top:20px;height:auto;
}
.main .main-box .main-con .kenken-title{
width:100%;height:auto;
}
.main .main-box .main-con .kenken-title h1{
margin:0px;font-size:1.5em;
}
.main .main-box .main-con .kenken-title .ens{
font-size:1em;
}
.main .main-box .main-con .kenken-title .hd{
float:left;margin:0px;
}

.main .main-box .main-con .kenken-title .hd a{
	text-decoration:none;FONT-SIZE:1.2em;COLOR:#323232;vertical-align: middle;padding:3px 8px 3px 8px;
cursor: pointer;
background-color: #F7F7F7;border-radius: 3px;margin-right:8px;
}

.main .main-box .main-con .kenken-title .hd a:hover {
text-decoration:none;FONT-SIZE:1.2em;COLOR:#fff;vertical-align: middle;padding:3px 8px 3px 8px;
cursor: pointer;background-color: #323232;border-radius: 3px;margin-right:8px;
}

.main .main-box .main-con .kenken-title .hd a.cl{
margin-right:8px;FONT-SIZE:1.2em;
}

.main .main-box .main-con .kenken-title .hd a.cl:hover {
margin-right:8px;FONT-SIZE:1.2em;
}
.main .main-box .main-con .kenken-con{
width:100%;height:auto;
}
.main .main-box .main-con .kenken-con li{
width:100%;
}
.main .main-box .main-con .kenken-con li .num{
width:15%;
}
.main .main-box .main-con .kenken-con li .pname{
width:35%;
}
.main .main-box .main-con .kenken-con li .userc{
width:30%;
}
.main .main-box .main-con .kenken-con li .users{
width:20%;
}
.main .main-box .main-right{
width: 95%; margin-left: 8px;height:auto;
}
.main .main-box .main-con .kenken-con .sudoku-cla{
width:100%;height:40px;
  line-height:40px;font-size: 1.5em;
}
.main .main-box .main-con .kenken-con .cla-item{
width:100%;
}
.main .main-box .main-con .kenken-con .cla-item .cla-tit{
border-top: #EAEAEA 1px solid;
}

.main .main-box .main-con .kenken-con .cla-item .cla-tit a{
text-decoration:none;FONT-SIZE: 1.3em;
}

.main .main-box .main-con .kenken-con .cla-item .cla-tit a:hover {
text-decoration:none;FONT-SIZE:1.3em;
}
.main .main-box .main-con .kenken-con .cla-item .cla-desc{
FONT-SIZE:1.1em;
}
.main .main-box .main-con .kenken-con .cla-item .cla-rank{
height:auto;margin-bottom:10px;
}

}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}