body, html { width: 100%; height: 100%; }
body { background: url("../images/fengge/bg_v1.png"); background-repeat: no-repeat; background-position: bottom center; overflow: hidden; }
.header { background: #fff; }
.cc { width: 100%; height: auto; position: relative; top: 21%; }
.cc>div { width: 100%; max-width: 1210px; margin: 0 auto; }
.cc>div>p { background: url(../images/fengge/t1.png) no-repeat left center; width: 77%; margin: auto; height: 69px; padding-top: 30px;font-family: "microsoft yahei"; font-size: 22px; color: #304457; padding-left: 80px; }
.cc>div>ul { width: 82%; margin: auto; margin-top: 50px; min-width: 951px; }
.cc>div>ul li { display: inline-block; *zoom:1;
*display:inline;
width: 23%; cursor: pointer; position: relative; margin: 5px; }
.cc>div>ul li p { width: 100%; padding: 0; margin: 0; position: absolute; *width:95%;}
.cc>div>ul li p:hover::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 6px solid #0180eb !important; border-radius: 10px; }
.cked::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 6px solid #0180eb !important; border-radius: 10px; }
.cc div>ul li p img { width: 100%; vertical-align: middle; }
.cc>div>div>ul { width: 19%; margin: 0 auto; min-width: 225px; position: absolute; left: 40.2%; top: 396px; text-align: center; }
.cc>div>div>ul li { display: inline-block; *zoom:1;
*display:inline;
width: 15px; height: 15px; background: url(../images/fengge/dot.png) no-repeat; background-position: -36px; padding: 5px; box-sizing: content-box; }
.dot_pos { background-position: 4px !important; }
.hand { position: relative; top: 218px; left: 1064px; width: 436px; }
.hand img { width: 100%; }
.prev {width: 200px;height: 64px;position: absolute;left: 50%;top: 312px;background: url(../images/fengge/prev_btn.png) no-repeat center;border: none;cursor: pointer;display: none;margin-left: -100px;}
.prev:hover { background: url(../images/fengge/prev_btn_cked.png) no-repeat center; }
.prev7 {background: url(../images/fengge/prev7_btn.png) no-repeat center;width: 100px;height: 64px;position: absolute;left: 38%;top: 312px;cursor: pointer;border: none;}
.prev7:hover { background: url(../images/fengge/prev7_btn_cked.png) no-repeat center; }
.ckr {background: url(../images/fengge/result_btn.png) no-repeat center;width: 200px;height: 64px;position: absolute;top: 312px;left: 48%;border: none;cursor: pointer;}
.ckr:hover { background: url(../images/fengge/result_btn_cked.png) no-repeat center; }
.btbt { position: relative; }

@media (max-height:800px){
    .header{display: none;}    
    .cc { width: 100%; height: auto; position: relative; top: 5%; }
}
@media (max-height:720px){
    .header, .streamer{display: none;}    
    .cc { width: 100%; height: auto; position: relative; top: 5%; }
}