.contents:nth-child(1){
	background: url('../images/05/bg1.png') center bottom no-repeat;
}

.contents:nth-child(2){
	background: url('../images/05/bg2.png') center bottom no-repeat;
}

.contents:nth-child(3){
	background: url('../images/05/bg3.png') center bottom no-repeat;
}

.contents:nth-child(4){
	background: url('../images/05/bg4.png') center bottom no-repeat;
}

.contents:nth-child(5){
	background: url('../images/05/bg5.png') center bottom no-repeat;
}

.pop3{
    background: #fff url('../images/05/soc_pop.png') 0 0 no-repeat;
}

.pop.pop3 .close {
    top: 10px;
    right: 10px;
}

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

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

.setContent li:first-child{
    width: 129px;
}

/*----------------------------------------------------------------------------------*/

/* .contents:nth-child(1) .videoFrame{
    top: 207px;
    transform: translateX(-50%);
} */

/*----------------------------------------------------------------------------------*/


.contents:nth-child(1) .popup_btn{
    position: absolute;
    top: 877px;
    left: 1707px;
    width: 245px;
    height: 130px;
    cursor: pointer;
/*    border: 1px solid red;*/
}

.contents:nth-child(1) .popup{
    background: rgb(0 0 0 / 50%) url(../images/05/pop.png) center no-repeat;
}

.contents:nth-child(1) .popup .close{
    top: 189px;
    right: 309px;
}
/**************/

.contents:nth-child(2)  .o_item{
    position: absolute;
    top: 760px;
    left: 336px;
    width: 503px;
    height: 118px;
    cursor: pointer;
    /*    border: 1px solid red;*/
}

.contents:nth-child(2)  .x_item{
    position: absolute;
    top:760px;
    left: 1077px;
    width: 503px;
    height: 118px;
    cursor: pointer;
    /*    border: 1px solid red;*/
}

.contents:nth-child(2)  .ox.cor:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 148px;
    height: 148px;
    transform: translate(-50%, -50%);
    background: url(../images/05/o.png) no-repeat;
}

.contents:nth-child(2)  .ox.dis:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 127px;
    height: 128px;
    transform: translate(-50%, -50%);
    background: url(../images/05/x.png) no-repeat;
}

.contents:nth-child(2)  .ansbtn {
    position: absolute;
    bottom: 25px;
    right: 50px;
    width: 240px;
    height: 75px;
    background: url(../../../../common/images/clickitem/answer.png) no-repeat;
    cursor: pointer;
}

.contents:nth-child(2)  .ansbtn.re{
    background: url(../../../../common/images/clickitem/replay.png) no-repeat;
}

.contents:nth-child(2) .clickContent .clickItem1{
    top: 425px;
    left: 692px;
    width: 126px;
    height: 94px;
    background: url(../images/05/hideBox.png) no-repeat center center;
    border-radius: 0;
}
.contents:nth-child(2) .clickContent .clickItem1:before{
    display: none;
}







/*****/
.contents > .btn {
    position: absolute;
    /* background: url(../images/09/popBtn.png) 0 0 no-repeat; */
    width: 74px;
    height: 78px;
    bottom: 46px;
    right: 488px;
    cursor: pointer;
}

.contents:nth-child(4) .btn {
    bottom: 16px;
    right: 1025px;
}

.contents:nth-child(5) .btn {
    bottom: 16px;
    right: 1025px;
}

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

.pop0 .page1{
    background: rgba(0,0,0,0.5) url(../images/05/pop_1.png) center no-repeat;
}

.pop0 .page2{
    background: rgba(0,0,0,0.5) url(../images/05/pop_2.png) center no-repeat;
}

.pop0 .page3{
    background: rgba(0,0,0,0.5) url(../images/05/pop_3.png) center no-repeat;
}

.pop0 .page4{
    background: rgba(0,0,0,0.5) url(../images/05/pop_4.png) center no-repeat;
}

.pop1 .page1{
    background: rgba(0,0,0,0.5) url(../images/05/pop_5.png) center no-repeat;
}

.pop2 .page1{
    background: rgba(0,0,0,0.5) url(../images/05/pop_6.png) center no-repeat;
}

.pop .close {
    top: 30px;
    right: 27px;
    z-index: 1;
}

.clickContent .clickItem {
    background: #ffe8a4;
    width: 1860px;
    height: 213px;
    top: 300px;
    left: 95px;
}

.pop1 .pageWrap .navigation,
.pop2 .pageWrap .navigation{
    display: none;
}

.socBtn{
    position: absolute;
    background: url(../images/05/socBtn.png) 0 0 no-repeat;
    width: 264px;
    height: 78px;
    cursor: pointer;
    right: 25px;
    bottom: 6px;
    cursor: pointer;
}

.contents:nth-child(4) .clickContent .clickItem{
    background: #fff;
    width: 230px;
    height: 63px;
    top: 969px;
    left: 559px;
}

.contents:nth-child(4) .clickContent .clickItem.clickItem2{
    top: 345px;
    left: 736px;
}

.contents:nth-child(4) .clickContent .clickItem.clickItem3{
    top: 428px;
    left: 736px;
}

.contents:nth-child(4) .clickContent .clickItem.clickItem4{
    top: 564px;
    left: 736px;
}

.contents:nth-child(4) .clickContent .clickItem.clickItem5{
    top: 752px;
    left: 736px;
}

.contents:nth-child(4) .clickContent .clickItem.clickItem6{
    top: 510px;
    left: 168px;
}

.contents:nth-child(4) .clickContent .clickItem.clickItem7{
    top: 606px;
    left: 168px;
}

.contents:nth-child(4) .clickContent .clickItem.clickItem8{
    top: 719px;
    left: 168px;
}

/* .pop1 .clickContent .ansbtn{
    display: none;
} */

.pop1 .btnArea{
    position: absolute;
    right: 39px;
    bottom: 32px;
}

.pop1 .clkArea > div .ansbtn{
    position: absolute;
    background: url(../images/05/tab4_btn1.png) 0 0 no-repeat;
    width: 247px;
    height: 90px;
    cursor: pointer;
    right: 39px;
    bottom: 113px;
    left: auto;
    top: auto;
    pointer-events: all;
}

.pop1 .clkArea > div:nth-child(2) .ansbtn{
    background: url(../images/05/tab4_btn2.png) 0 0 no-repeat;
    bottom: 32px;
}

.pop1 .clkArea > div .ansbtn.re{
    background: url(../images/05/tab4_btn1_off.png) 0 0 no-repeat;
}

.pop1 .clkArea > div:nth-child(2) .ansbtn.re{
    background: url(../images/05/tab4_btn2_off.png) 0 0 no-repeat;
}

.pop1 .clickContent .clickItem{
    left: 1213px;
    top: 237px;
    width: 266px;
    height: 73px;
    background: #fff;
    pointer-events: all;
}

.pop1 .clickContent .clickItem.clickItem2{
    top: 330px;
}

.pop1 .clickContent .clickItem.clickItem3{
    top: 485px;
}

.pop1 .clickContent .clickItem.clickItem4{
    top: 697px;
}

.pop1 .clkArea > div:nth-child(2) .clickContent .clickItem{
    left: 569px;
    top: 424px;
}

.pop1 .clkArea > div:nth-child(2) .clickContent .clickItem.clickItem2{
    left: 569px;
    top: 533px;
}

.pop1 .clkArea > div:nth-child(2) .clickContent .clickItem.clickItem3{
    left: 569px;
    top: 662px;
}

.pop1 .clkArea > div:nth-child(2) .clickContent .clickItem.clickItem4{
    left: 1012px;
    top: 945px;
}

.clkArea,
.clkArea div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.pop1 .clickContent{
    pointer-events: none;
}

.contents:nth-child(4) > .clickContent .ansbtn,
.contents:nth-child(5) > .clickContent .ansbtn{
    right: 292px;
}

.contents:nth-child(5) .clickContent .clickItem{
    background: #fff;
    top: 750px;
    left: 227px;
    width: 185px;
    height: 65px;
}

.contents:nth-child(5) .clickContent .clickItem.clickItem2{
    top: 852px;
}

.contents:nth-child(5) .clickContent .clickItem.clickItem3{
    top: 953px;
    left: 606px;
}

.contents:nth-child(5) .clickContent .clickItem.qu:before,
.pop2 .clickContent .clickItem.qu:before {
    margin-left: -10px;
}

.pop2 .clickContent .clickItem{
    background: #fff;
    top: 288px;
    left: 350px;
    width: 273px;
    height: 95px;
}

.pop2 .clickContent .clickItem.clickItem2{
    top: 591px;
}

.pop2 .clickContent .clickItem.clickItem3{
    top: 802px;
    left: 1237px;
}

.contents:nth-child(3) .clickContent .ansbtn{
    display: none;
}