p{ margin:0; padding:0;}
body{-webkit-tap-highlight-color: rgba(0,0,0,0)}
.mask {
    position:fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    display: none;
}
.tc_ceng{ width:68.43%;height: auto;position: fixed;  left:19.06%; top:10%; display: none;z-index: 45; }
.close {position: fixed;width:2.5rem; height:2.5rem;z-index: 11;right:13%;top:10%;display: block; }
.tang{width: 100%;height: 100%;overflow: hidden; position: fixed; left: 0; top: 0; display: none;z-index: 45;}
.fk011 {background-size: 100% 100%; width: 94%;position: absolute;
    height: 55%;left: 3%;top: 38%;}
.fk01 {overflow-y: scroll;background-size: 100% 100%; width: 94%;position: absolute;
    height: 55%;left: 3%;top: 38%;}
.fk01::-webkit-scrollbar {width:2px;height:5px;margin-right:2px;}
.fk01::-webkit-scrollbar-track-piece {background-color:#b9b9b9;}
.fk01::-webkit-scrollbar-thumb {background:#dd0000;width:2px;border-radius:30px;}
.fk01::-webkit-scrollbar-thumb:hover {background:#1ba1e2;}
.fk01::-webkit-scrollbar-corner {display:none;}
/*1*/
.next{ position: absolute; bottom:0%; left:46.8%; width:7%; z-index:10;}
.page1-1{ position:absolute; left:0%; bottom:0%; width:100%;}
.page1-2{ position:absolute; left:0%; top:34%; width:100%;}
.page1-20{ position:absolute; left:0%; top:90%; width:100%;}
.page1-3{ position:absolute; left:0%; top:0%; width:100%;}
.page1-30{ position:absolute; left:0%; top:8%; width:100%;}

/*.page-con9{ background:url(../img/bg8.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/
.page9-1{ position:absolute; left:0%; top:0%; width:100%;}
.page9-2{ position:absolute; left:0%; top:25%; width:100%;}
.page9-3{ position:absolute; left:0%; top:47%; width:100%;}
.page9-4{ position:absolute; left:0%; top:69%; width:100%;}
.page9-5{ position:absolute; left:0%; top:91%; width:100%;}




.p1-box1{position: absolute;
    background-size: 100% 100%; padding-bottom:150%; position: absolute;
            top:50%;
            left:50%;
            width:100%;
            transform:translate(-50%,-50%);
            text-align: center;
    overflow: hidden;
   }
    /*2*/
    .page-2{position:absolute; left:0%; top:19%; width:100%;}
    .page-3{position:absolute; left:0%; top:20%; width:100%;}
    .page-4{position:absolute; left:0%; top:21%; width:100%;}
    .page-5{position:absolute; left:0%; top:21%; width:100%;}
    .page-6{position:absolute; left:0%; top:22%; width:100%;}
    .page-7{position:absolute; left:0%; top:14%; width:100%;}
    .page-22{position:absolute; left:0%;  top:59%; width:100%; z-index:1}
    .page-33{position:absolute; left:0%; top:62.6%; width:100%; z-index:1}
    .page-44{position:absolute; left:0%; top:63%; width:100%; z-index:1}
    .page-55{position:absolute; left:0%; top:58%; width:100%; z-index:1}
    .page-66{position:absolute; left:0%; top:62.5%; width:100%; z-index:1}
    .page-77{position:absolute; left:0%; top:52%; width:100%; z-index:1}
    /*.page-con2{ background:url(../img/bg2.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}  */
    .page2-1{ position:absolute; left:0%; top:3%; width:100%;}
    .page3-1{ position:absolute; left:0%; top:7%; width:100%;}
    .page4-1{ position:absolute; left:0%; top:5%; width:100%;}
    .page5-1{ position:absolute; left:0%; top:5%; width:100%;}
    .page6-1{ position:absolute; left:0%; top:5%; width:100%;}
    .page7-1{ position:absolute; left:0%; top:3%; width:100%;}

    .page2-2{ position:absolute; left:0%; top:73%; width:100%;}
    .page2-3{ position:absolute; left:0%; top:78.5%; width:100%;}
    .page2-4{ position:absolute; left:0%; top:83%; width:100%;}
    .page2-5{ position:absolute; left:0%; top:89%; width:100%;}
    .page2-6{ position:absolute; left:0%; top:87%; width:100%;}



    /*3*/
    /*.page-con3{ background:url(../img/bg3.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} */
    .page3-2{ position:absolute; left:0%; top:78%; width:100%;}
    .page3-3{ position:absolute; left:0%; top:83%; width:100%;}
    .page3-4{ position:absolute; left:0%; top:88%; width:100%;}
    .page3-5{ position:absolute; left:0%; top:88%; width:100%;}
    .page3-6{ position:absolute; left:0%; top:93%; width:100%;}
    .page3-7{ position:absolute; left:0%; top:87%; width:100%;}
     /*4*/
    /*.page-con4{ background:url(../img/bg4.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} */
    .page4-2{ position:absolute; left:0%; top:79%; width:100%;}
    .page4-3{ position:absolute; left:0%; top:84%; width:100%;}
    .page4-4{ position:absolute; left:0%; top:89%; width:100%;}
    .page4-5{ position:absolute; left:0%; top:78%; width:100%;}
    .page4-6{ position:absolute; left:0%; top:83%; width:100%;}
    .page4-7{ position:absolute; left:0%; top:89%; width:100%;}
    .subject-hrefnew {
        position: absolute;
        top: 68%;
        left:20%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 4em;
        height: 4em;
        text-decoration: none;
        z-index: 1;
        overflow: hidden;
    }

    .subject-hrefnew>.anim {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        margin-left: -24px;
        margin-top: -24px;
        border-radius: 100%;
        background-color: #000000;


    }


    .subject-hrefnew>.shadow {
        width: 22px;
        height: 22px;
        border-radius: 100%;
        background-color: #000000;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .subject-hrefnew>.dot {
        width: 16px;
        height: 16px;
        border-radius: 100%;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    /*5*/
    /*.page-con5{ background:url(../img/bg5.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} */
	.page5-2{ position:absolute; left:0%; top:79%; width:100%;}
    .page5-3{ position:absolute; left:0%; top:84%; width:100%;}
    .page5-4{ position:absolute; left:0%; top:89%; width:100%;}
    .page5-5{ position:absolute; left:0%; top:78%; width:100%;}
    .page5-6{ position:absolute; left:0%; top:83%; width:100%;}
    .page5-7{ position:absolute; left:0%; top:89%; width:100%;}
    /*6*/
	/*.page-con6{ background:url(../img/bg6.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/
	.page6-2{ position:absolute; left:0%; top:79%; width:100%;}
    .page6-3{ position:absolute; left:0%; top:84%; width:100%;}
    .page6-4{ position:absolute; left:0%; top:89%; width:100%;}
    .page6-5{ position:absolute; left:0%; top:78%; width:100%;}
    .page6-6{ position:absolute; left:0%; top:83%; width:100%;}
    .page6-7{ position:absolute; left:0%; top:89%; width:100%;}
	 /*7*/
	/*.page-con7{ background:url(../img/bg7.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/
	.page7-2{ position:absolute; left:0%; top:75%; width:100%;}
    .page7-3{ position:absolute; left:0%; top:80%; width:100%;}
    .page7-4{ position:absolute; left:0%; top:85%; width:100%;}
    .page7-5{ position:absolute; left:0%; top:90%; width:100%;}
    .page7-7{ position:absolute; left:0%; top:95%; width:100%;}
    .page7-8{ position:absolute; left:0%; top:89%; width:100%;}
    .page7-9{ position:absolute; left:0%; top:95%; width:100%;}

    .page7-6{ position:absolute; right:5%; top:12%; width:15.7%; z-index:1}
	 /*8*/
	/*.page-con8{ background:url(../img/bg8.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/
	.page8-2{ position:absolute; right:3%; top:3%; width:53.4%;}
    .page8-3{ position:absolute; left:0%; top:27%; width:100%;}
    .page8-4{ position:absolute; left:0%; top:83%; width:100%;}
    /*.page-con9{ background:url(../img/bg9.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/
    /*.page-con10{ background:url(../img/bg10.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/
    /*.page-con11{ background:url(../img/bg11.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/
    /*.page-con12{ background:url(../img/bg12.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}*/

    .p-bg{
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
    }
	.page-con1{ background:url(../img/bg1.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}
    .page-con2 .p-bg{
        background-image: url(../img/bg2.jpg);
    }
    .page-con3 .p-bg{
        background-image: url(../img/bg3.jpg);
    }
    .page-con4 .p-bg{
        background-image: url(../img/bg4.jpg);
    }
    .page-con5 .p-bg{
        background-image: url(../img/bg5.jpg);
    }
    .page-con6 .p-bg{
        background-image: url(../img/bg6.jpg);
    }
    .page-con7 .p-bg{
        background-image: url(../img/bg7.jpg);
    }
    .page-con8 .p-bg{
        background-image: url(../img/bg8.jpg);
    }
    .page-con9 .p-bg{
        background-image: url(../img/bg9.jpg);
    }
    .page-con10 .p-bg{
        background-image: url(../img/bg10.jpg);
    }
    .page-con11 .p-bg{
        background-image: url(../img/bg11.jpg);
    }
    .page-con12 .p-bg{
        background-image: url(../img/bg12.jpg);
    }
 .page-con13 .p-bg{
        background-image: url(../img/bg13.jpg);
    }
	 .page-con14 .p-bg{
        background-image: url(../img/bg14.jpg);
    }
	 .page-con15 .p-bg{
        background-image: url(../img/bg15.jpg);
    }
	 .page-con16 .p-bg{
        background-image: url(../img/bg16.jpg);
    }
 .page-con17 .p-bg{
        background-image: url(../img/bg17.jpg);
    }
 .page-con18 .p-bg{
        background-image: url(../img/bg18.jpg);
    }
 .page-con19 .p-bg{
        background-image: url(../img/bg19.jpg);
    }
    .ani-fadeIn-bg{
        animation-name: ani-fadeIn-bg;
        animation-timing-function: ease;
        animation-play-state: running;
    }
    @keyframes ani-fadeIn-bg {
        0%{opacity: 0; transform: scale(1.25) }
        100%{opacity: 1; transform: scale(1) }
    }

.loading{-webkit-animation-name:loading;animation-name:loading}
.poster_wrap.load {
height:100%;
background: #3ba5f3;background-size: 100%;position: relative;
z-index: 100;
}
.poster_wrap {
-webkit-transform: translate3d(0,0,0);
-webkit-transition: -webkit-transform .3s linear,opacity .3s linear;
}
#load{background:#000000;background-size: 100%;position: relative;}
.load_img1{width: 100%;position: absolute;top: 0;left: 0;}
#loading_text{text-align: center;position: fixed;top:48%;left:0; width:100%}
.loadBox{width: 100%;height: 100%;position: relative;}
.p_loading_gif{ width:99.6%;position:absolute;top:33%; left:50%;  margin-left:-49.8%;
transform:scale(0.5, 0.5);
-ms-transform:scale(0.5, 0.5);
-moz-transform:scale(0.5, 0.5);
-webkit-transform:scale(0.5, 0.5);
-o-transform:scale(0.5, 0.5);}
.load_card{width: 42%;position: absolute;top: 60%;left: 47%;margin-left: -19%;

}
.load_card {animation: xz 2s infinite;-webkit-animation: xz 2s infinite;-moz-animation: xz 2s infinite;-ms-animation: xz 2s infinite;}
@-webkit-keyframes xz{
	0%{transform: rotate(10deg);}
	50%{transform: rotate(-10deg);}
	100%{transform: rotate(10deg);}
}
@-moz-keyframes xz{
	0%{transform: rotate(10deg);}
	50%{transform: rotate(-10deg);}
	100%{transform: rotate(10deg);}
}@-ms-keyframes xz{
	0%{transform: rotate(10deg);}
	50%{transform: rotate(-10deg);}
	100%{transform: rotate(10deg);}
}
@keyframes xz{
	0%{transform: rotate(10deg);}
	50%{transform: rotate(-10deg);}
	100%{transform: rotate(10deg);}
}