.contents:nth-child(1){
    background: url('../images/10/bg1.png') center bottom no-repeat;
}
.contents:nth-child(2){
    background: url('../images/10/bg2.png') center bottom no-repeat;
}
.contents:nth-child(3){
    background: url('../images/10/bg3.png') center bottom no-repeat;
}

.setContent{
    position: absolute;
    top: 39px;
    right: 60px;
}

.setContent li{
    float: left;
    width: 157px;
    height: 70px;
    cursor: pointer;
    margin-left: 10px;
    /*    border: 1px solid red;*/
}

.contents:nth-child(1) .btn{
    position: absolute;;
    width: 315px;
    height: 315px;
    border-radius: 100%;
    cursor: pointer;

}
.contents:nth-child(1) .btn0{
    top: 300px;
    left: 867px;
}
.contents:nth-child(1) .btn1{
    top: 727px;
    left: 577px;
}
.contents:nth-child(1) .btn2{
    top: 729px;
    left: 1156px;
}

.contents:nth-child(1) .popBtn{
    position: absolute;
    width: 162px;
    height: 63px;
    cursor: pointer;
    top: 695px;
    left: 942px;
}


.contents:nth-child(3) .clickContent .clickItem1{
    top: 252px;
    left: 618px;
    width: 1328px;
    height: 190px;

}
.contents:nth-child(3) .clickContent .clickItem2{
    top: 518px;
    left: 963px;
    width: 115px;
    background-color: #CACACA;
}
.contents:nth-child(3) .clickContent .clickItem3{
    top: 518px;
    left: 1114px;
    width: 171px;
    background-color: #CACACA;
}
.contents:nth-child(3) .clickContent .clickItem4{
    top: 518px;
    left: 1314px;
    width: 115px;
    background-color: #CACACA;
}
.contents:nth-child(3) .clickContent .clickItem5{
    top: 682px;
    left: 618px;
    width: 1329px;
    height: 287px;
}













.pop .page{
    position: absolute;;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop .close{
    top: 26px;
    right: 26px;
    opacity: 0;
}


.pop0 .page1{
    background:rgba(0,0,0,0.7) url('../images/10/pop1.png') center bottom no-repeat;
}
.pop0 .page2{
    background:rgba(0,0,0,0.7) url('../images/10/pop2.png') center bottom no-repeat;
}
.pop0 .page3{
    background:rgba(0,0,0,0.7) url('../images/10/pop3.png') center bottom no-repeat;
}

.pop1 .page1{
    background:rgba(0,0,0,0.7) url('../images/10/pop4.png') center bottom no-repeat;
}

.pop0 .page .clickItem{
    top: 846px;
    left: 400px;
    width: 1552px;
    height: 117px;
    background-color: #FFE8A4;
}



.pop1 .navigation{display: none;}






.plusPopArea{
    position: absolute;;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:none;


}
.plusPopArea.on{  background:rgba(0,0,0,0.7) url(../images/10/popText.png)no-repeat; z-index:99999}

.plusPopArea .plusBtn{
    position: absolute;;
    top: 653px;
    left: 1166px;
    width: 33px;
    height: 33px;
    cursor: pointer;
    /*    background-color: blue;*/
}
.plusPopArea .closeBtn{
    position: absolute;
    top: 730px;
    right: 618px;
    width: 65px;
    height: 65px;
    cursor: pointer;
    border-radius: 100%;
    /*  background-color: #0aacb8;*/
}
.plusPopArea:not(.on) .closeBtn{display: none;}











.pop1  .dropArea .dropCode {
    position: absolute;

    left: 329px;
    width: 322px;
    height: 322px;
    text-indent: -9999px;

    border-radius: 0;
    padding: 0;
}
.pop1  .dropArea .dropCode:nth-of-type(1) {
    top: 207px;
    left: 1273px;
    width: 322px;
    height: 322px;
    background: url(../images/10/drop1.png) no-repeat;
}

.pop1  .dropArea .dropCode:nth-of-type(2){
    top: 638px;
    left: 982px;
    width: 323px;
    height: 323px;
    background: url(../images/10/drop2.png) no-repeat;
}
.pop1  .dropArea .dropCode:nth-of-type(3){
    top: 638px;
    left: 1563px;
    width: 323px;
    height: 323px;
    background: url(../images/10/drop3.png) no-repeat;
}
.pop1  .dropArea .dropCode.ans:nth-of-type(1){
    width: 323px;
    height: 342px;
    background: url(../images/10/drag1.png) no-repeat;
}
.pop1  .dropArea .dropCode.ans:nth-of-type(2){
    width: 323px;
    height: 333px;
    background: url(../images/10/drag2.png) no-repeat;
}
.pop1  .dropArea .dropCode.ans:nth-of-type(3){
    width: 323px;
    height: 333px;
    background: url(../images/10/drag3.png) no-repeat;
}

.pop1 .dragArea .dragItem{
    position: absolute;
    left: -400px;
    width: 300px;
    height: 300px;
    border-radius: 0;
    padding:0;
    text-indent: -9999px;
    pointer-events: auto;

}
.pop1 .dragArea .dragItem:nth-of-type(1){
    top: 294px;

    width: 323px;
    height: 342px;
    background: url(../images/10/drag1.png) no-repeat;
}
.pop1 .dragArea .dragItem:nth-of-type(2){
    width: 323px;
    height: 333px;
    top: 469px;

    background: url(../images/10/drag2.png) no-repeat;
}
.pop1 .dragArea .dragItem:nth-of-type(3){
    width: 323px;
    height: 333px;
    top: 653px;

    background: url(../images/10/drag3.png) no-repeat;
}

.pop1  .hideBoxWrap{
    position: absolute;
    top: 20px;
    left: 21px;
    width: 887px;
    height: 1040px;
    overflow: hidden;

}

.pop1 .hideBox{
    position: absolute;;
    left: -700px;
    top: 245px;
    width: 846px;
    height: 741px;
    background: url(../images/10/hideBox.png) no-repeat;
    cursor: pointer;

}
.pop1 .hideBox .popText{
    display: none;
    position: absolute;
    top: 73px;
    left: 770px;
    transform: translateX(-50%);
}
.pop1 .hideBox .popText.on{
    display: block;
}
.pop1 .hideBox.on .textOn{
    display: none;
}
.pop1 .hideBox.on .textOff{
    display: block;
}
/*
.pop1 .hideBox.on{
    top: 653px;
}*/
/*.pop1  .dragContents{
    position: absolute;
    top: 963px;
    left: 83px;
    width: 1800px;
    height: 97px;
    overflow: hidden;
}*/
.dragArea {
    position: absolute;
    height: 1060px;
    top: 0;
    left: 0;
    width: 2030px;
    overflow: hidden;
    pointer-events: none;
}