body,ul,li,a,img,p{margin: 0;padding: 0;}
ul,li,ol{list-style: none;}
 * { touch-action: pan-y; } 

.sy_bj {width:100%;height:100%;background: url(../images/sybj.jpg) no-repeat;background-size: 100% 100%;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;}
.sy_bj::before{content: "\20"; display: block; overflow: hidden;}



.ljfl_bj{background: url(../images/ljbj.jpg) no-repeat;background-size: 100% 100%;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;}
.sy_logo {position: absolute;top: 16%;left: 23%;}
.sy_ljfl {position: absolute;top: 41%;left: 38%;}
.sy_img {margin-bottom: 15px;}
.ph_phb {padding-top: 3%;margin: 0 auto;width: 216px;}
.ph_kj {width: 693px;height: 594px;background: url(../images/ph_kj.png) no-repeat;background-size: 100% 100%;background-size: cover;margin-top: 6%;}
.ph_left {float: left;margin-left: 8%;position: relative;}
.ph_right {float: right;margin-right: 8%;position: relative;}
.ph_ljfl {position: absolute;width: 100%;top: -20px;text-align: center;}
.ph_dym {padding-top: 120px;padding-left: 120px;line-height: 95px;font-size: 40px;color: #6bae00;}
.ph_df {font-size: 70px;}
.ph_dem {margin-left: 235px;line-height: 70px;font-size: 40px;color: #6bae00;}
.dt_logo { text-align: center; padding: 22px 0px 0px;}
.dt_fh {position: absolute;top: 22px;right: 3%;z-index: 10;}
.dt_kj {width: 1770px;height: 810px;margin: 180px auto 0;position: relative;background: #aafa2b;border-radius: 20px;}
.dt_nr {margin: 0 auto 0;width: 1690px;}
.dt_nr::after{ content: '\20'; display: block; clear: both; overflow: hidden;}
.dt_nr_ts {font-size: 30px;color: #000000;padding: 10px 40px;}
.dt_nr_kj {float: left;width: 625px;height: 525px;background: #63a100;border-radius: 20px;}
.dt_nr_kj img {width: 595px;height: 495px;border-radius: 20px;margin: 15px;}
.dt_nr_yc {float: left;margin-left: 120px;width: 900px;}
.dt_tm {font-size: 30px;color: #000000;line-height: 50px;margin-bottom: 15px;}
.dt_nr_da {width: 400px;margin-right: 10px;float: left;margin-bottom: 10px;height: 110px;border-radius: 10px;background: #fff;padding: 20px;font-size: 24px;color: #000000;line-height: 30px;}
.dt_nr_da input{-webkit-appearance: none;width: 39px;height: 41px;padding: 0;background: url(../images/dt_wx.png) no-repeat;outline: none;margin-right: 10px;cursor: pointer;}
.dt_nr_da input:checked{background: url(../images/dt_yx.png) no-repeat;}
.dt_xyt {width: 100%;text-align: right;margin-top: 30px;}
.js_bj {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 2147000000;}
.js_kj {width: 977px;height: 879px;background: url(../images/js_bj.png) no-repeat;background-size: 100% 100%;background-size: cover;position: relative;margin: 100px auto 0;}
.js_js {display: block;position: absolute;top: 35px;right: 0;}
.js_df {text-align: center;padding-top: 260px;font-size: 120px;color: #ff0000;}
.js_pm {display: block;margin-top: 80px;text-align: center;}
.js_sy {display: block;text-align: center;margin-top: 15px;}
.fhsy{ position: fixed; left: 40px; bottom: 100px;}
.ljfl_time{position: absolute; right: 40px; bottom: 26px;color: #f29a02; font-size: 30px; font-weight: bold;}


.option_list{ width: 960px; position: absolute; bottom: 0px; display: flex; left: 50%; margin-left: -480px; z-index: 50;}
.option_list label{ width: 240px;height: 384px; display: inline-block; overflow: hidden; vertical-align: bottom; position: relative;}
.option_list label.select img{ display: inline-block; width: 240px; margin: 0px;left: 0px;}
.option_list label img{ display: inline-block; width: 160px; margin: 34px auto 0px; position: absolute; bottom: 0px; left: 40px}



.question_list{ width: 100%; height: 100%; position: relative;}

.question_list .question_pic{ width:128px; height: 128px; position: absolute;left:-100px; top: -100px; background-size: cover; cursor: move; }
.question_list .question_pic img{ width:128px; height: 128px;}
.question_list .question_pic.question_pic_0{left:0px; top: 0px; }
.question_list .question_pic.question_pic_1{left:150px; top: 0px; }
.question_list .question_pic.question_pic_2{left:300px; top: 0px; }
.question_list .question_pic.question_pic_3{left:450px; top: 0px; }
.question_list .question_pic.question_pic_4{left:600px; top: 0px; }
.question_list .question_pic.question_pic_5{left:750px; top: 0px; }
.question_list .question_pic.question_pic_6{left:900px; top: 0px; }
.question_list .question_pic.question_pic_7{left:1050px; top: 0px; }
.question_list .question_pic.question_pic_8{left:1200px; top: 0px; }
.question_list .question_pic.question_pic_9{left:1350px; top: 0px; }
.question_list .question_pic.question_pic_10{left:1500px; top: 0px; }
.question_list .question_pic.question_pic_11{left:1650px; top: 0px; }
.question_list .question_pic.question_pic_12{left:200px; top: 175px; }
.question_list .question_pic.question_pic_13{left:350px; top: 175px; }
.question_list .question_pic.question_pic_14{left:500px; top: 175px; }
.question_list .question_pic.question_pic_15{left:700px; top: 175px; }
.question_list .question_pic.question_pic_16{left:900px; top: 175px; }
.question_list .question_pic.question_pic_17{left:1100px; top: 175px; }
.question_list .question_pic.question_pic_18{left:1300px; top: 175px; }
.question_list .question_pic.question_pic_19{left:1500px; top: 175px; }
.question_list .question_pic.question_pic_20{left:500px; top: 350px; }
.question_list .question_pic.question_pic_21{left:800px; top: 350px; }
.question_list .question_pic.question_pic_22{left:1100px; top: 350px; }