/*  yunnuo */
.body_yunnuo{padding:0;margin:0; overflow:hidden; }
ul{list-style:none;}
.content_yunnuo{width:100%;height:500px;position:relative;}

.yunnuo_part_1,.yunnuo_part_2,.yunnuo_part_3,.yunnuo_part_4
{
    width:100%;margin:0 auto; text-align: center;position:absolute;
}
.yunbg1{
	background: url(../images/xcenter/01.jpg) no-repeat;
	background-size: 100% 100%;
}
.yunbg2{
	background: url(../images/xcenter/02.jpg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.yunbg3{
	background: url(../images/xcenter/03.jpg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
.yunbg4{
	background: url(../images/xcenter/04.jpg) no-repeat;
	background-size: 100% 100%;
	display:none;
}
/*.yunnuo_part_1{background: #81387A;}
.yunnuo_part_2{background: #1E8D91;display:none}
.yunnuo_part_3{background: #2FB38E;display:none}
.yunnuo_part_4{background: #4FC5BE;display:none}*/

.right_fixed{position:fixed;width:15px; height:100px; right:100px;top:200px;z-index:999;}
.right_fixed ul li{
    background:rgba(255, 255, 255, 0.36);cursor:pointer;width:8px;height: 8px;
    border-radius:8px;margin-bottom: 10px;
}
.right_fixed ul li.active{background:#fff;}
.bottom_fixed{
    position:fixed; height:120px;width:100%; bottom:0px;z-index:999;
    background-color:rgba(0, 0, 0, 0.35);
}
.bottom_fixed .btn-use{
    border: solid 3px rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 400;
    font-size: 28px;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    padding-left: 35px;
    padding-right: 35px;
    margin-top:30px;
}
.bottom_fixed .btn-use:hover{
    border: solid 3px rgb(195, 151, 25);
    color: rgb(195, 151, 25) !important;
}

.colorMask1{
	background: rgba(128,56,122,0.8);
}
.colorMask2{
	background: rgba(33,189,238,0.8);
}
.colorMask3{
	background: rgba(255,171,3,0.8);
}
.colorMask4{
	background: rgba(216,62,39,0.8);
}