/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;display: block;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{background:#fff;font-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;background-size:600px 100%;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none;}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

.box{position:relative;width:600px;height:100%;}

/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

/*loading*/
#loading{background:#313a57;text-align:center;width:600px;height:100%;position:relative;z-index:99999;margin: 0 auto;}

/*#fullpage{max-width:600px;}*/

/*next and prev*/
/*#next{position: fixed;display: block;cursor:pointer;right: 13%;bottom: 39%;z-index: 111;}*/
/*#prev{position: fixed;display: none;cursor:pointer;right: 13%;bottom: 47%;z-index: 111;}*/

/*ewm*/
#ewm{width: 150px;height:150px;position: absolute;right: 13%;margin-right: -75px;bottom: 2.4%}

/*box*/
.box{background-size:600px 100%;max-height:900px;}
.cover{background:url(../images/fmBg.jpg) center no-repeat;}
.listBg{background:url(../images/listBg.jpg) center no-repeat;}
.rwInfo_rw{background:url(../images/infoBg.jpg) center no-repeat;}

/*fm*/
#fm_logo{position: absolute;top:5%;left:5%;display: none;}
#fm_logo img{}
#fm_1{position: absolute;width: 100%;top:30%;left: 0;display: none;}
#fm_2{position: absolute;width: 100%;top: 15%;left: 0;display: none;}
#fm_btn{position: absolute;width:30%;top:56%;left:35%;display: none;cursor: pointer;}
#fm_cp{position: absolute;width:100%;bottom:0;left:0;display: none;}
#fm_zzdw{position: absolute;width:100%;bottom:6%;left:0;display: none;}




/*choose_ds*/
.choose_rw{position: absolute;width: 100%;left: 0;display: none;}
.hand{width: 15%;top: 8%;position: absolute;left: 65%;z-index: 2;display: none;}
.choose_p1_btn,.choose_p3_btn{position: absolute;width:27%;top:54%;left: 36.5%;display: none;cursor: pointer;}
.choose_p2_btn{position: absolute;top:54%;}
.choose_p2_btnL,.choose_p2_btnR{width: 45%;display: none;cursor: pointer;}
.choose_p2_btnL{ float:left;}
.choose_p2_btnR{ float:right;}
#p1_hand{left: 72%;}
#p2_hand{left: 56%;}
#p3_hand{left: 72%;}

#choose_p1_1{top: 5%;}
#choose_p1_2{top: 18%;}
#choose_p1_3{top: 31%;}
#choose_p1_4{top: 44%;}
#choose_p1_5{top: 57%;}
#choose_p1_6{top: 70%;}
#choose_p1_btn{top:85%}

#choose_p2_1{top: 5%;}
#choose_p2_2{top: 18%;}
#choose_p2_3{top: 31%;}
#choose_p2_4{top: 44%;}
#choose_p2_5{top: 57%;}
#choose_p2_6{top: 70%;}
#choose_p2_btn{top:87%;width: 60%;margin: 0 20%;}

#choose_p3_1{top: 5%;}
#choose_p3_2{top: 18%;}
#choose_p3_3{top: 31%;}
#choose_p3_4{top: 44%;}
#choose_p3_5{top: 57%;}
#choose_p3_6{top: 70%;}
#choose_p3_btn{top:85%}





#choose_xjy_ds1{top: 8%;}
#choose_xjy_ds2{top: 21%;}
#choose_xjy_ds3{top: 34%;}
#choose_xjy_ds4{top: 47%;}
#choose_xjy_ds5{top: 60%;}
#choose_xjy_ds6{top: 73%;}
#choose_xjy_ds7{top: 87%;}

#choose_xkd_ds1{top: 11%;}
#choose_xkd_ds2{top: 24%;}
#choose_xkd_ds3{top: 37%;}
#choose_xkd_ds4{top: 50%;}
#choose_xkd_ds5{top: 63%;}
#choose_xkd_ds6{top: 76%;}
#choose_xkd_tb{top: 90%;}

/*rw_video*/
.rwInfo_video{width: 100%;top:18%;position: absolute;left: 0;}
.rwInfo_p{width: 100%;top:58%;position: absolute;left: 0;}
.rwInfo_p p{width: 80%;left: 10%;font-size: 22px;text-indent: 2em;line-height: 36px;color: #646464;}
.rwInfo_ifr{width: 100%;top: 18%;position: absolute;left: 0;  background:#000;}
.rwInfo_return{width:26%;top: 6%;position: absolute;right: 0;cursor: pointer;}

/*rw_img*/
.rwInfo_img{width: 100%;top: 23%;position: absolute;left: 0;}



/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.vanishIn {
    -webkit-animation-name: vanishIn;
    animation-name: vanishIn;
}
@-webkit-keyframes vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(90px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
}
@keyframes vanishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(90px);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/*媒体查询*/
/*iphone6s*/
@media screen and (max-width:600px){
    body{background-size:100% 100%}
    #loading{width: 100%;}
    /*#next,#prev{display: none;}*/
    #fullpage{width:100%}
    .box,.video_page{width:100%;background-size: 100% 100%;height: 100%;}
    #ewm{display: none;}
    .rwInfo_p p{width: 90%;left: 5%;font-size: 18px;line-height: 30px;}
}
/*iphone6s qq*/
@media screen and (max-width:414px) and (max-height: 636px){

}
/*iphone6*/
@media screen and (max-width:375px){
    .rwInfo_p  p{font-size: 16px;line-height: 26px;}
}
/*iphone6 qq*/
@media screen and (max-width:375px) and (max-height: 567px){

}
/*android*/
@media screen and (max-width:360px){
    .rwInfo_p{top:58%;}
}
/*android qq*/
@media screen and (max-width:360px) and (max-height: 540px){

}

/*iphone5*/
@media screen and (max-width:320px){
    .rwInfo_p p{font-size: 14px;line-height: 24px;}
}
/*iphone5 qq*/
@media screen and (max-width:320px  ) and (max-height: 468px){

}