@charset "utf-8";


.main {
  width: 100%;
}
.main .main-box{
width: 1100px;
  margin: 0 auto;
}
.main .rel-box{
width: 1100px;
  margin: 0 auto;
}
.main .rel-box .rel-left{
width:680px;
float:left;margin-top:32px;
}
.main .rel-box .rel-left .suduko-desc{
width:660px;height:auto;
float:left;margin:0px;
background:#F7F7F7;
}


.main .rel-box .rel-left .suduko-desc span{
line-height:30px;font-size: 14px;
float:left;
margin:12px;
}
.main .rel-box .rel-left .suduko-rank{
width:660px;height:auto;
float:left;margin:0px;
}

.main .rel-box .rel-left .suduko-rank .suduko-rank-title{
width:660px;height:50px;line-height:50px;
float:left;margin-top:16px;border-bottom: #EAE4E4 1px solid;
}
.main .rel-box .rel-left .suduko-rank .suduko-rank-title h3 {
  font-size: 18px;
 font-weight: 700;
  line-height: 50px;
}

.main .rel-box .rel-left .suduko-rank .rank-con {
  width: 660px;
  float: left;
}
.main .rel-box .rel-left .suduko-rank .rank-con ul{
margin-top:20px;
}
.main .rel-box .rel-left .suduko-rank .rank-con li{
width: 660px;height:60px;float:left;line-height:60px;
}
.main .rel-box .rel-left .suduko-rank .rank-con li .num{
width: 80px;height:60px;float:left;text-align:center;font-size:20px;font-weight: 700;
}
.main .rel-box .rel-left .suduko-rank .rank-con li .pname{
width: 180px;height:60px;float:left;font-size:18px;
}
.main .rel-box .rel-left .suduko-rank .rank-con li .userresult{
width: 150px;height:60px;float:left;text-align:center;font-size:16px;
}

.main .rel-box .rel-right{
width:420px;margin-top:30px;
float:left;
}

.main .rel-box .rel-right .suduko-relate{
width:410px;height:auto;
float:left;margin:0px 0px 0px 9px;
}
.main .rel-box .rel-right .suduko-relate .relate-tit{
width:390px;
float:left;margin:0px 0px 20px 20px;
}
.main .rel-box .rel-right .suduko-relate .relate-tit h3{
font-size:18px;width:390px;height:50px;line-height:50px;
border-bottom: #EAE4E4 1px solid;font-weight: 700;
}

.main .rel-box .rel-right .suduko-relate ul{
width:390px;
float:left;margin:0px 0px 20px 20px;
}

.main .rel-box .rel-right .suduko-relate ul li{
width:390px;height:40px;line-height:40px;float:left;
}
.main .rel-box .rel-right .suduko-relate ul li a{
  text-decoration:none;FONT-SIZE: 16px; MARGIN: 0px; 
}
.main .rel-box .rel-right .suduko-relate ul li a:hover{ 
  text-decoration:none;FONT-SIZE: 16px;
}
.main .rel-box .rel-right .suduko-relate ul li span{
width: 40px;
  height: 40px;
  line-height: 40px;
  float: left;
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  text-align: center;
}
.main .rel-box .rel-right .suduko-relate ul li i{
margin-left:10px;
}

.main .main-box .main-left{
width:680px;
float:left;margin-top:32px;
}
.main .main-box .main-left .sudoku-main{
width: 470px;float:left;margin-left: 30px;
}

.main .main-box .main-left .sudoku-tools{
width: 100px;margin-left:10px;margin-top:76px;
  height: 542px;
float:left;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s{
width: 50px;margin:0px 0px 20px 20px;
  height: auto;
float:left;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.cachu {
background:url('/images/t02b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.cachu:hover {
background:url('/images/t02a.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji {
background:url('/images/t01b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji:hover {
background:url('/images/t01a.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji2 {
background:url('/images/t01b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji2:hover {
background:url('/images/t01a.png');background-repeat: no-repeat;background-size: 100%;
}


.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi {
background:url('/images/t07b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi:hover {
background:url('/images/t07a.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi2 {
background:url('/images/t07b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi2:hover {
background:url('/images/t07a.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chehui {
background:url('/images/t03b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chehui:hover {
background:url('/images/t03a.png');background-repeat: no-repeat;background-size: 100%;
}
.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.dayin {
background:url('/images/t04b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.dayin:hover {
background:url('/images/t04a.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chongkai {
background:url('/images/t05b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chongkai:hover {
background:url('/images/t05a.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.shoucang {
background:url('/images/t06b.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.shoucang:hover {
background:url('/images/t06a.png');background-repeat: no-repeat;background-size: 100%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a {
float:left;width:50px;height:50px;overflow:hidden;
}


.main .main-box .main-left .sudoku-ctl{
width:470px;height:66px;float:left;margin-left: 30px;
}
.main .main-box .main-left .sudoku-ctl .endbt{
width:140px;height:auto;float:left;margin-right:20px;
}
.main .main-box .main-left .sudoku-ctl .probt{
width:140px;height:auto;float:left;margin-right:20px;
}
.main .main-box .main-left .sudoku-ctl .resbt{
width:140px;height:auto;float:left;
}
.main .main-box .main-left .sudoku-ctl .endbt a{ 
 width:140px;height:45px;line-height:45px;float:left; text-align:center; text-decoration:none;color:#fff; margin:0px;font-size: 16px;font-weight: 700;border-radius: 5px;background:#F14E62;
}

.main .main-box .main-left .sudoku-ctl .endbt a:hover{ 
 width:140px;height:45px;line-height:45px;float:left; text-align:center;text-decoration:none;color:#fff; margin:0px;font-size: 16px;font-weight: 700;border-radius: 5px;background:#EB0320;
}

.main .main-box .main-left .sudoku-ctl .probt a{ 
 width:140px;height:45px;line-height:45px;float:left; text-align:center; text-decoration:none;color:#323232; margin:0px;font-size: 16px;font-weight: 700;border-radius: 5px;background:#E6E6E6;
}

.main .main-box .main-left .sudoku-ctl .probt a:hover{ 
 width:140px;height:45px;line-height:45px;float:left; text-align:center;text-decoration:none;color:#323232; margin:0px;font-size: 16px;font-weight: 700;border-radius: 5px;background:#CBCBCB;
}
.main .main-box .main-left .sudoku-ctl .resbt a{ 
 width:140px;height:45px;line-height:45px;float:left; text-align:center; text-decoration:none;color:#323232; margin:0px;font-size: 16px;font-weight: 700;border-radius: 5px;background:#E6E6E6;
}

.main .main-box .main-left .sudoku-ctl .resbt a:hover{ 
 width:140px;height:45px;line-height:45px;float:left; text-align:center;text-decoration:none;color:#323232; margin:0px;font-size: 16px;font-weight: 700;border-radius: 5px;background:#CBCBCB;
}

.main .main-box .main-left .show-layer{
	width:400px;
	height:auto;
	background:#fff;
	color:#323232;
	margin-left:87px;
	margin-top:120px;
	float:left;
	position:absolute;/*IE6*/
	border: #EAE4E4 3px solid;
	z-index:99;
	display:none;
	box-shadow: 0 0 10px 0 rgba(0,42,116,0.06);
}

.main .main-box .main-left .show-layer .show-dt-st{
width:400px;height:86px;float:left;
}
.main .main-box .main-left .show-layer .show-dt-st .sicon{
width:120px;height:86px;float:left;text-align:right;
}
.main .main-box .main-left .show-layer .show-dt-st .sicon img{
margin:20px 10px 0px 0px;
}
.main .main-box .main-left .show-layer .show-dt-st .stit{
width:280px;height:86px;float:left;font-size:22px;line-height:100px;text-align:left;
}
.main .main-box .main-left .show-layer .show-dt-scj{
width:400px;height:auto;float:left;
}
.main .main-box .main-left .show-layer .show-dt-scj .sctjs{
width:400px;height:50px;float:left;font-size:16px;text-align:center;line-height:25px;
}
.main .main-box .main-left .show-layer .show-dt-scj .scjs{
width:400px;height:36px;float:left;font-size:16px;
}
.main .main-box .main-left .show-layer .show-dt-scj .scjs .sktit{
width:200px;line-height:36px;float:left;text-align:right;
}
.main .main-box .main-left .show-layer .show-dt-scj .scjs .skva{
width:200px;line-height:36px;float:left;text-align:left;
}

.main .main-box .main-left .show-layer .show-dt-scj .sbcs{
width:400px;height:50px;float:left;text-align:center;margin-top: 22px;
}

.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.c{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 16px;font-weight: 700;padding:6px 12px 6px 12px;background:#F14E62;border: #F14E62 1px solid;border-radius: 3px;margin-right:5px;
}

.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.c:hover{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 16px;font-weight: 700;padding:6px 12px 6px 12px;background:#EB0320;border: #EB0320 1px solid;border-radius: 3px;margin-right:5px;
}
.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.b{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 16px;font-weight: 700;padding:6px 12px 6px 12px;background:#6f6f6f;border: #6f6f6f 1px solid;border-radius: 3px;margin-right:5px;
}

.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.b:hover{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 16px;font-weight: 700;padding:6px 12px 6px 12px;background:#323232;border: #323232 1px solid;border-radius: 3px;margin-right:5px;
}

.main .main-box .main-left .sudoku-bks{
width: 610px;display:none;
  height: 610px;
BACKGROUND-color: #F0F0F0;opacity: 0.5;
  filter: alpha(opacity=50);z-index: 98;
float:left;position:absolute;
}
.main .main-box .main-left .sudoku-jishi{
width:466px;height:30px;
float:left;
}
.main .main-box .main-left .sudoku-jishi .time-show{
width:466px;height:30px;line-height: 30px;
float:left;text-align:right;font-size:16px;
}
.main .main-box .main-left .sudoku-title{
width:466px;height:38px;
float:left;
}
.main .main-box .main-left .sudoku-title .sn{
line-height:38px;
float:left;font-size: 14px;
}
.main .main-box .main-left .sudoku-title .level{
line-height:38px;
float:right;font-size: 14px;
}

.main .main-box .main-left .sudoku-cor{
width:466px;height:38px;
float:left;font-size: 14px;
}
.main .main-box .main-left .sudoku-cor .sdc-item{
width:116px;height:38px;line-height: 38px;
float:left;
}
.main .main-box .main-left .sudoku-cor .sdc-item .s1{
width:10px;text-align:center;
}
.main .main-box .main-left .sudoku-cor .sdc-item .s2{
width:20px;text-align:center;
}
.main .main-box .main-left .sudoku-cor .sdc-item .s5{
width:50px;
}



.main .main-box .main-left .sudoku-con{
width:460px;height:auto;
border: #323232 3px solid;float:left;
}

.main .main-box .main-left .sudoku-con .s1{
width:12.1%;height:58px;
border-bottom: #EAE4E4 2px solid ;
border-right: #EAE4E4 2px solid ;
float:left;position:relative;
}
.main .main-box .main-left .sudoku-con .s2{
width:12.1%;height:58px;
border-bottom: #ADADAD 1px solid;
float:left;
}
.main .main-box .main-left .sudoku-con .s3{
width:10.7%;height:58px;
border-bottom: #ADADAD 1px solid;
border-right: #323232 3px solid;
float:left;
}

.main .main-box .main-left .sudoku-con .duibishow{
position:absolute;
left: 35%;top: 84%;
z-index: 3;
}
.main .main-box .main-left .sudoku-con .duibishow2{
position:absolute;
left: 92%;top: 31%;
z-index: 3;
}
.main .main-box .main-left .sudoku-con .vxduibishow{
position:absolute;
left: 35%;top: 84%;
z-index: 3;
}
.main .main-box .main-left .sudoku-con .vxduibishow2{
position:absolute;
left: 86%;top: 31%;
z-index: 3;
}
.main .main-box .main-left .sudoku-con .ljduibishow{
position:absolute;
left: 38%;top: 84%;
z-index: 3;
}
.main .main-box .main-left .sudoku-con .ljduibishow2{
position:absolute;
left: 88%;top: 31%;
z-index: 3;
}


.main .main-box .main-left .sudoku-con .s-bmt{
width:12.1%;height:58px;
border-bottom:0px ;
float:left;
}

.main .main-box .main-left .sudoku-con .s-rt{
width:12.1%;height:58px;
border-right: #323232 2px solid;
float:left;
}
.main .main-box .main-left .sudoku-con .s-rkt{
width:12.1%;height:58px;
border-right: #323232 0px solid;
float:left;
}
.main .main-box .main-left .sudoku-con .s-bt{
width:12.1%;height:58px;
border-bottom: #323232 2px solid;
float:left;
}
.main .main-box .main-left .sudoku-con .s-bkt{
width:12.1%;height:58px;
border-bottom: #323232 0px solid;
float:left;
}
.main .main-box .main-left .sudoku-con .s-lt{
width:12.1%;height:58px;
border-left: #323232 2px solid;
float:left;
}
.main .main-box .main-left .sudoku-con .s-tt{
width:12.1%;height:58px;
border-top: #323232 2px solid;
float:left;
}

.main .main-box .main-left .sudoku-con .s-ed{
width:12.1%;height:58px;
border-right: 0px ;
float:left;
}

.main .main-box .main-right{
width:420px;
float:left;
}
.main .main-box .main-right .spr{
width:1px;height:580px;background:#EAE4E4;
float:left;margin:45px 0px 0px 0px;
}
.main .main-box .main-right .suduko-info{
width:410px;height:100px;
float:left;margin-top:0px;margin:32px 0px 0px 9px;
}


.main .main-box .main-right .suduko-info .base-info{
width:300px;height:100px;
float:left;margin-left:10px;
}
.main .main-box .main-right .suduko-info .base-info .base-title{
width:300px;height:50px;line-height:50px;float:left;font-size:18px;margin-left:10px;font-weight: 700;
}
.main .main-box .main-right .suduko-info .base-info .otinfo{
width:300px;height:50px;line-height:50px;float:left;font-size:14px;margin-left:10px;
}

.main .main-box .main-right .suduko-info .qrcode{
width:100px;height:100px;float:left;
}
.main .main-box .main-right .suduko-info .qrcode img{
margin-left:10px;
}

.main .main-box .main-right .suduko-statistics{
width:410px;height:100px;
float:left;margin-top:0px;margin:30px 0px 0px 9px;
}
.main .main-box .main-right .suduko-statistics .num-show{
width:410px;height:50px;float:left;
}
.main .main-box .main-right .suduko-statistics .num-show .num-s{
width:50px;height:50px;line-height:50px;float:left;font-size:24px;font-family: arial; font-weight: bold; text-align: center;
}
.main .main-box .main-right .suduko-statistics .num-show .num-con{
width:300px;height:50px;float:left;
}
.main .main-box .main-right .suduko-statistics .num-show .num-con .nspd{
width:16px;height:16px;line-height:50px;float:left;margin:17px 8px 17px 0px;background:#F14E62;border-radius:9px;
}
.main .main-box .main-right .suduko-statistics .num-show .num-con .nospd{
width:16px;height:16px;line-height:50px;float:left;margin:17px 8px 17px 0px;background:#F14E62;border-radius:9px;background:#E6E6E6;
}
.main .main-box .main-right .suduko-statistics .num-show .num-end{
width:50px;height:50px;line-height:50px;float:left;font-size: 14px;text-align: center;
}
.sudoku-con .sr {
display:block;
  float: left;
  width: 55px;
  height: 55px;
  line-height: 55px;
  outline: 0px none;
  font-size: 30px;
  text-align:center;caret-color: transparent;z-index: 2;
  position: absolute;
}

.sudoku-con .bjsr {
display:block;
  float: left;
  width: 55px;
  height: 57px;
  line-height: 42px;
  outline: 0px none;
  font-size: 30px;
  text-align:center;caret-color: transparent;z-index: 2;
  position: absolute;
  opacity: 0.1;
}

.sudoku-con .srno {
display:none;
  float: left;
  width: 55px;
  height: 55px;
  line-height: 55px;
  outline: 0px none;
  font-size: 26px;
  text-align:center;caret-color: transparent;z-index: 2;
}

.sudoku-con .biji {
display:none;

  width: 50px;
  height: 50px;
  line-height: 50px;
  outline: 0px none;
  font-size: 18px;color:#ADADAD;
  text-align:center;caret-color: transparent;z-index: 1;
}

.sudoku-con .bijion {
display:block;

  width: 50px;
  height: 50px;
  line-height: 50px;
  outline: 0px none;
  font-size: 18px;color:#ADADAD;
  text-align:center;caret-color: transparent;z-index: 1;
}

.sudoku-con .bijibox {
position: absolute;
  width: 55px;
  height: 57px;
  line-height: 42px;
  outline: 0px none;
  font-size: 18px;color:#ADADAD;
  text-align:center;caret-color: transparent;z-index: 1;
}

.sudoku-con .bijiboxon {
display:block;
  width:55px;
  height: 57px;
  line-height: 16px;
  outline: 0px none;
  font-size: 18px;color:#6c6c6c;
  text-align:center;caret-color: transparent;z-index: 1;
  overflow: hidden;
  resize: none;
}

.sudoku-con .bj1{
  float: left; width: 33%;height: 33%;font-size:14px;line-height: 18px;text-align:center;
}

.main .main-box .main-left .sudoku-num{
width:465px;height:80px;
float:left;
}
.main .main-box .main-left .sudoku-num li{
width:11%;
text-align:center;
float:left;
}

.main .main-box .main-left .sudoku-num li a{
width:40px;height:40px; float:left; text-align:center;font-size: 26px;line-height:40px;margin:16px 0px 0px 6px;border-radius: 6px;
}

.main .main-box .main-left .sudoku-num li a:hover{
width:40px;height:40px; float:left; text-align:center;font-size: 26px;background: #E6E6E6;line-height:40px;margin:16px 0px 0px 6px;border-radius: 6px;
}



@media screen and (max-width:767px){
.main .main-box{
width:100%;
}
.main .main-box .main-left{
width: 95%; margin:20px 0px 16px 8px;
}
.main .main-box .main-left .sudoku-main{
width:100%;margin-left: 0px;
}
.main .main-box .main-left .sudoku-title{
width:100%;
}
.main .main-box .main-left .sudoku-cor{
width:100%;
}
.main .main-box .main-left .sudoku-cor .sdc-item{
width:25%;font-size:0.8em;
}
.main .main-box .main-left .sudoku-con{
width:98%;height:auto;
}
.main .main-box .main-left .sudoku-con .s1{
width:11.85%;height:39px;
}
.main .main-box .main-left .sudoku-con .s3{
border-bottom: #ADADAD 1px solid;
border-right: #323232 2px solid;
float:left;
}
.main .main-box .main-left .sudoku-con .duibishow{
left: 30%;top: 79%;
}
.main .main-box .main-left .sudoku-con .duibishow2{
left: 88%;top: 26%;
}


.main .main-box .main-left .sudoku-con .vxduibishow{
left: 30%;top: 77%;
}
.main .main-box .main-left .sudoku-con .vxduibishow img{
width:12px;
}
.main .main-box .main-left .sudoku-con .vxduibishow2{
left: 84%;top: 26%;
}
.main .main-box .main-left .sudoku-con .vxduibishow2 img{
width:12px;
}
.main .main-box .main-left .sudoku-con .ljduibishow{
left: 33%;top: 78%;
}
.main .main-box .main-left .sudoku-con .ljduibishow2{
left: 85%;top: 27%;
}


.main .main-box .main-left .sudoku-con .s-ed{
border-right: 0px ;
float:left;
}
.sudoku-con .sr{
width:98%;height:98%;font-size: 2em;line-height: 38px;
}

.sudoku-con .bjsr {
display:block;
  float: left;
width:98%;height:98%;font-size: 0.8em;line-height: 38px;
  outline: 0px none;
  font-size: 30px;
  text-align:center;caret-color: transparent;z-index: 2;
  position: absolute;
  opacity: 0.1;
}

.sudoku-con .srno{
width:98%;height:98%;font-size: 2em;line-height: 38px;
}
.sudoku-con .biji {
width:98%;height:98%;font-size: 1.6em;line-height: 38px;
}
.sudoku-con .bijion {
width:98%;height:98%;font-size: 1.6em;line-height: 38px;
}
.main .main-box .main-left .sudoku-num{
width:100%;height: auto;
}
.main .main-box .main-left .sudoku-num li{
margin-top:5px;
}
.main .main-box .main-left .sudoku-num li a{
width:30px;height:30px; float:left; text-align:center;font-size: 2.3em;background: #fff;line-height:30px;margin:16px 0px 0px 3px;border-radius: 6px;
}

.main .main-box .main-left .sudoku-num li a:hover{
width:30px;height:30px; float:left; text-align:center;font-size: 2.3em;background: #E6E6E6;line-height:30px;margin:16px 0px 0px 3px;border-radius: 6px;
}
.main .main-box .main-left .sudoku-tools{
width:100%;margin-left:0px;height:auto;
  margin-top: 20px;
}
.main .main-box .main-left .sudoku-tools .sudoku-tools-s{
width:13.9%;margin:0px;
}
.main .main-box .main-left .sudoku-tools .sudoku-tools-s a{
margin-left:5px;
}


.main .main-box .main-left .sudoku-ctl{
width:100%;margin-left:0px;height:auto;
  margin-top: 20px;
}
.main .main-box .main-left .sudoku-ctl .endbt{
width:33%;margin:0px;
}
.main .main-box .main-left .sudoku-ctl .probt{
width:33%;margin:0px;
}
.main .main-box .main-left .sudoku-ctl .resbt{
width:33%;margin:0px;
}

.main .main-box .main-left .sudoku-ctl .endbt a{ 
 width:93%;
}

.main .main-box .main-left .sudoku-ctl .endbt a:hover{ 
 width:93%;
}

.main .main-box .main-left .sudoku-ctl .probt a{ 
 width:93%;
}

.main .main-box .main-left .sudoku-ctl .probt a:hover{ 
 width:93%;
}
.main .main-box .main-left .sudoku-ctl .resbt a{ 
 width:93%;
}

.main .main-box .main-left .sudoku-ctl .resbt a:hover{ 
 width:93%;
}

.main .main-box .main-left .sudoku-bks{
width: 96%;height: 560px;
}
.main .main-box .main-left .show-layer{
width: 80%;margin-left: 25px;margin-top:80px;height: auto;
}

.main .main-box .main-right{
width: 95%; margin-left: 8px;
}
.main .main-box .main-right .spr{
width: 0px; height:0px; margin: 0px;
}
.main .main-box .main-right .suduko-info{
width:100%;margin:0px;margin-top:10px;height: auto;
}
.main .main-box .main-right .suduko-info .base-info{
width: 70%;height: auto;
  float: left;
  margin-left:0px;
}
.main .main-box .main-right .suduko-info .base-info .base-title{
width: 90%; height: auto; line-height: 40px; float: left; font-size: 1.3em; margin-left:10px;
}
.main .main-box .main-right .suduko-info .base-info .otinfo{
width: 90%; height: 40px;line-height: 40px;
font-size: 1.2em; margin-left:10px;
}
.main .main-box .main-right .suduko-info .qrcode{
width:30%;height:80px;text-align:center;
}
.main .main-box .main-right .suduko-statistics{
width:100%;margin:0px;margin-top:20px;height:auto;
}
.main .main-box .main-right .suduko-statistics .num-show{
width:100%;
}
.main .main-box .main-right .suduko-statistics .num-show .num-s{
width:10%;font-size: 1.6em;
}
.main .main-box .main-right .suduko-statistics .num-show .num-con{
width:70%;
}
.main .main-box .main-right .suduko-statistics .num-show .num-end{
width:20%;font-size: 1.1em;
}
.main .main-box .main-left .show-layer .show-dt-st{
width:100%;height:70px;
}
.main .main-box .main-left .show-layer .show-dt-st .sicon{
width:30%;height:70px;
}
.main .main-box .main-left .show-layer .show-dt-st .sicon img{
margin: 18px 10px 0px 0px;width:38px;height:38px;
}
.main .main-box .main-left .show-layer .show-dt-st .stit{
width:70%;height:70px;line-height:80px;font-size: 1.4em;
}
.main .main-box .main-left .show-layer .show-dt-scj{
width:100%;height:auto;
}
.main .main-box .main-left .show-layer .show-dt-scj .sctjs{
width:100%;height:36px;font-size: 1.2em;
}


.main .main-box .main-left .show-layer .show-dt-scj .scjs{
width:100%;height:36px;font-size: 1.2em;
}

.main .main-box .main-left .show-layer .show-dt-scj .scjs .sktit{
width:50%;line-height:36px;float:left;text-align:right;
}
.main .main-box .main-left .show-layer .show-dt-scj .scjs .skva{
width:50%;line-height:36px;float:left;text-align:left;
}

.main .main-box .main-left .show-layer .show-dt-scj .sbcs{
width:100%;height:50px;
}
.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.c{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 1.4em;font-weight: 700;padding:6px 12px 6px 12px;background:#F14E62;border: #F14E62 1px solid;border-radius: 3px;margin-right:5px;
}

.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.c:hover{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 1.4em;font-weight: 700;padding:6px 12px 6px 12px;background:#EB0320;border: #EB0320 1px solid;border-radius: 3px;margin-right:5px;
}
.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.b{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 1.4em;font-weight: 700;padding:6px 12px 6px 12px;background:#6f6f6f;border: #6f6f6f 1px solid;border-radius: 3px;margin-right:5px;
}

.main .main-box .main-left .show-layer .show-dt-scj .sbcs a.b:hover{ 
  text-decoration:none;color:#fff; margin:0px;font-size: 1.4em;font-weight: 700;padding:6px 12px 6px 12px;background:#323232;border: #323232 1px solid;border-radius: 3px;margin-right:5px;
}
.main .rel-box{
width:100%;
}
.main .rel-box .rel-left{
width:95%;margin-left:8px;
}
.main .rel-box .rel-left .suduko-desc{
width:100%;
}
.main .rel-box .rel-left .suduko-desc span{
font-size: 1.2em;
}
.main .rel-box .rel-left .suduko-rank{
width:100%;
}
.main .rel-box .rel-left .suduko-rank .suduko-rank-title{
width:100%;
}
.main .rel-box .rel-left .suduko-rank .suduko-rank-title h3{
font-size: 1.3em;
}
.main .rel-box .rel-left .suduko-rank .rank-con{
width:100%;
}
.main .rel-box .rel-left .suduko-rank .rank-con li{
width:100%;
}
.main .rel-box .rel-left .suduko-rank .rank-con li .num{
width:20%;font-size: 1.5em;
}
.main .rel-box .rel-left .suduko-rank .rank-con li .pname{
width:50%;font-size: 1.5em;
}
.main .rel-box .rel-left .suduko-rank .rank-con li .userresult{
width:30%;font-size: 1.2em;
}
.main .rel-box .rel-right{
width:95%;margin-left:8px;
}
.main .rel-box .rel-right .suduko-relate{
width:100%;margin:0px;
}
.main .rel-box .rel-right .suduko-relate .relate-tit{
width:100%;margin-left:0px;
}
.main .rel-box .rel-right .suduko-relate .relate-tit h3{
font-size: 1.5em;width:100%;
}
.main .rel-box .rel-right .suduko-relate ul{
width:100%;margin-left:0px;
}
.main .rel-box .rel-right .suduko-relate ul li{
width:100%;font-size: 1.2em;
}
.main .rel-box .rel-right .suduko-relate ul li span{
width:12%;font-size: 1.2em;
}
.sudoku-con .bijibox{
width:100%;height:98%;
}

.sudoku-con .bijiboxon{
width:100%;height:98%;
}
.sudoku-con .bj1{
font-size: 0.6em;line-height: 15px;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.cachu{
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.cachu:hover {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji:hover {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji2 {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.biji2:hover {
width:90%;
}


.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi:hover {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi2 {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.assi2:hover {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chehui {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chehui:hover {
width:90%;
}
.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.dayin {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.dayin:hover {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chongkai {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.chongkai:hover {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.shoucang {
width:90%;
}

.main .main-box .main-left .sudoku-tools .sudoku-tools-s a.shoucang:hover {
width:90%;
}
.main .main-box .main-left .sudoku-con .killer_st .jzhi{
position:absolute;
left:0px;top:-1px;font-size:0.8em;color:#666;z-index: 5;
}
.main .main-box .main-left .sudoku-cor .sdc-item .s5{
width:40%;
}
}

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

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

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