.loading .txt,.myPop_kt_2 ul li .pop p,.myPop_kt_2_android ul li .pop p,.myPop_pw_tp ul li .pop p,.myPop_pw_tp_android ul li .pop p {
	transform: translate(-50%,-50%);
	color: #fff
}

.box_100,.box_sel,.swiperBox,body,html {
	overflow: hidden
}

body,html {
	height: 100%;
	-webkit-tap-highlight-color: transparent
}

body {
	font-family: Sans-serif;
	background-color: #061825
}

body,dd,dl,h2,h3,p,ul {
	margin: 0
}

dd,dl,ul {
	padding: 0
}

li {
	list-style: none
}

a {
	text-decoration: none
}

img {
	border: none
}

.loading .con,.loading .con .line {
	position: absolute;
	border-radius: 2.5px
}

video {
	object-fit: cover
}

.loading {
	height: 100%;
	background: url(../i/loadBg.png) 50% 50%/cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20
}

.loading .con {
	font-size: 20px;
	color: #fff;
	bottom: 5%;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	height: 5px;
	background-color: #000
}

.loading .con .line {
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #fff
}

.load_1,.load_2,.loading .txt {
	left: 50%;
	position: absolute
}

.loading .txt {
	font-size: 20px;
	top: 70%
}

.load_1 {
	width: 60%;
	margin-left: -30%;
	top: 15%
}

.load_2 {
	width: 8%;
	margin-left: -4%;
	top: 36%;
	animation: rota_o 1s ease infinite
}

.load_3 {
	position: absolute;
	width: 60px;
	right: -20px;
	bottom: 0
}

.circles {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.circles svg {
	width: 150px;
	height: 150px
}

.myVideo_play {
	position: absolute;
	width: 50px;
	right: 3%;
	bottom: 5%
}

.myBtnBox,.myPop_kt_1,.myVideo_play_box {
	right: 0;
	bottom: 0;
	left: 0
}

.myVideo_play_box {
	position: absolute;
	top: 0;
	background: url(../i/4_24_1.jpg) 50% 50%/contain no-repeat #000;
	z-index: 1000;
	display: none
}

.videoBox,.videoBox .myVideo {
	width: 100%;
	height: 100%;
	position: relative
}

.videoBox .myVideo {
	z-index: 10;
	opacity: 1
}

.videoBox .myCanvas_jq_1,.videoBox .myCanvas_jq_2,.videoBox .myCanvas_jq_3,.videoBox .myCanvas_kt,.videoBox .myCanvas_kt_img,.videoBox .myCanvas_pw,.videoBox .myPoster_jq_1,.videoBox .myPoster_jq_3,.videoBox .myPoster_kt,.videoBox .myPoster_pw,.videoBox .myVideo_jq_1,.videoBox .myVideo_jq_2,.videoBox .myVideo_jq_3,.videoBox .myVideo_kt,.videoBox .myVideo_pw,.videoBox .myVideo_wd {
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute
}

.videoBox .myCanvas_pw,.videoBox .myVideo_pw,.videoBox .myVideo_wd {
	top: 0;
	left: 0
}

.videoBox .myCanvas_kt_img {
	top: 0;
	left: 0;
	display: none;
	background: url(../i/popBg.png) 50% 50%/cover no-repeat
}

.videoBox .myVideo_kt {
	top: 0;
	left: 0
}

.videoBox .myPoster_kt {
	top: 0;
	left: 0;
	background: url(../i/kt_i.png) 50% 50%/cover no-repeat
}

.videoBox .myPoster_jq_1 {
	top: 0;
	left: 0;
	background: url(../i/jq_1_i.png) 50% 50%/cover no-repeat
}

.videoBox .myPoster_jq_2 {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	opacity: 0;
	top: 0;
	left: 0;
	background: url(../i/jq_2_i.png) 50% 50%/cover no-repeat
}

.videoBox .myPoster_jq_3 {
	top: 0;
	left: 0;
	background: url(../i/jq_3_i.png) 50% 50%/cover no-repeat
}

.videoBox .myPoster_pw {
	top: 0;
	left: 0;
	background: url(../i/pw_i.png) 50% 50%/cover no-repeat
}

.videoBox .myCanvas_kt {
	top: 0;
	left: 0
}

.videoBox .myCanvas_jq_1,.videoBox .myCanvas_jq_2,.videoBox .myCanvas_jq_3 {
	top: 0;
	left: 0
}

#myCanvas {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}

.myBtnBox {
	position: absolute;
	background-color: rgba(0,0,0,.8);
	padding: 15px;
	display: none;
	color: #fff;
	line-height: 2em;
	font-size: 16px;
	text-align: right
}

.myBtnBox span {
	background-color: #640a32;
	color: #fff;
	font-size: 14px;
	padding: 0 10px;
	display: inline-block;
	border-radius: 10px
}

.myPop_kt_1,.myPop_kt_1 .close {
	background-color: rgba(0,0,0,0)
}

/*.myPop_kt_1 {
	position: fixed;
	z-index: 1002;
	display: none;
	top: 0
}*/

/*.myPop_kt_1 img {
	position: absolute;
	width: 40%;
	right: 5%;
	bottom: 15%
}*/

.myPop_tp_1 {
	position: absolute;
	width: 40%;
	right: 5%;
	bottom: 15%;
	display: none
}

.myPop_kt_1 .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0
}

.jq_1_pop_1{
	position: absolute;
	width: 24%;
    height: 27%;
    bottom: 10%;
    right: 6%;
	display: none;
	z-index: 24
}

.jq_1_pop_2{
	position: absolute;
	width: 24%;
    height: 27%;
    bottom: 10%;
    right: 6%;
	display: none;
	z-index: 24
}

.jq_2_pop_1{
	position: absolute;
	width: 24%;
    height: 27%;
    bottom: 10%;
    right: 6%;
	display: none;
	z-index: 24
}

.myPop_kt_1_android,.myPop_kt_2 {
	position: fixed;
	right: 0;
	display: none;
	top: 0;
	height: 100%;
	overflow:auto;
}

.myPop_kt_1_android {
	z-index: 1;
	bottom: 0;
	left: 0;
	background: url(../i/popBg.png) 50% 50%/cover no-repeat;
	opacity: 1
}

.myPop_kt_2 {
	z-index: 22;
	width: 278px;
	height: 100%;
	background: url(../i/4_24_3_3.png) top left/cover no-repeat;
	display: none;
}

.myPop_kt_2 ul {
	width: 48%;
	margin-left: 25%;
	margin-top: 4%
}

.myPop_kt_2 ul li {
	position: relative;
	margin-bottom: 5%
}

.myPop_kt_2 ul li img {
	display: block;
	width: 100%
}

.myPop_kt_2 ul li .pop {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(204,102,51,.6);
	width: 100%;
	height: 100%;
	display: none;
	text-align: center
}

.myPop_kt_2 ul li .pop p {
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	font-size: 14px
}

.myPop_kt_2 .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 11%;
    right: 82%;
	background-color: rgba(0,0,0,0)
}

.myPop_kt_2_android {
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	width: 35%;
	height: 100%;
	background: url(../i/4_24_3_3.png) top left/cover no-repeat;
	display: none;
	opacity: 0
}

.myPop_kt_2_android .tit {
	width: 100%;
	position: absolute;
	top: 2%;
	right: 5%
}

.myPop_kt_2_android ul {
	width: 45%;
	margin-left: 35%;
	margin-top: 35%
}

.myPop_kt_2_android ul li {
	position: relative;
	margin-bottom: 5%
}

.myPop_kt_2_android ul li img {
	display: block;
	width: 100%
}

.myPop_kt_2_android ul li .pop {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(204,102,51,.6);
	width: 100%;
	height: 100%;
	display: none;
	text-align: center
}

.myPop_kt_2_android ul li .pop p {
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	font-size: 14px
}

.myPop_kt_2_android .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 2%;
	right: 6%;
	background-color: rgba(0,0,0,0)
}

.myPop_pw {
	position: fixed;
	z-index: 2001;
	top: 8%;
	left: 35%;
	color: #fff;
	width: 50%;
	height: 80%;
	display: none
}

.myPop_pw .myPop_pw_txt {
	display: block;
	width: 20%;
	animation: cirhhh 1s ease infinite;
	position: absolute;
	top: 60%;
	left: 0;
	background: url(../i/pointer_3.png) top left/40% no-repeat;
	padding-left: 30%;
	height: 30%;
	white-space: nowrap
}

.myPop_jq_3_2 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1003;
	display: none
}

.myPop_jq_3_2 .myPop_jq_3_2_1 {
	position: absolute;
	width: 20%;
	height: 38%;
	top: 25%;
	left: 40%
}

.myPop_jq_3_2 .myPop_jq_3_2_1.seled {
	background: url(../i/cuo.png) 50% 50%/50% no-repeat
}

.myPop_jq_3_2 .myPop_jq_3_2_2 {
	position: absolute;
	width: 20%;
	height: 38%;
	top: 25%;
	left: 16%
}

.myPop_jq_3_2 .myPop_jq_3_2_2.seled {
	background: url(../i/dui.png) 50% 50%/50% no-repeat
}

.myPop_jq_1_1 {
	position: fixed;
	z-index: 2000;
	bottom: 5%;
	right: 3%;
	display: none;
	width: 35%
}

.myPop_jq_1_1 img {
	display: block;
	width: 100%
}

.myPop_jq_1_1 .close {
	position: absolute;
	width: 40px;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0);
	z-index: 5
}

.myPop_jq_1_1 .gif {
	position: absolute;
	width: 150px;
	top: -30px;
	left: -80px;
	z-index: 3
}

.myPop_jq_1_2 {
	position: fixed;
	z-index: 2000;
	bottom: 5%;
	right: 3%;
	display: none;
	width: 35%
}

.myPop_jq_1_2 img {
	display: block;
	width: 100%
}

.myPop_jq_1_2 .close {
	position: absolute;
	width: 40px;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0);
	z-index: 5
}

.myPop_jq_1_2 .gif {
	position: absolute;
	width: 150px;
	top: -30px;
	left: -80px;
	z-index: 3
}

.myPop_jq_2_1 .close,.myVideo_pop {
	top: 0;
	background-color: rgba(0,0,0,0)
}

.myVideo_pop {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	display: none
}

.myPop_jq_2_1 {
	position: fixed;
	z-index: 2000;
	bottom: 5%;
	right: 3%;
	display: none;
	width: 35%
}

.myPop_jq_2_1 img {
	display: block;
	width: 100%
}

.myPop_jq_sel .sel_1,.myPop_jq_sel .sel_2,.myPop_jq_sel .sel_3,.myPop_jq_sel .sel_4 {
	display: none;
	position: absolute
}

.myPop_jq_2_1 .close {
	position: absolute;
	width: 40px;
	right: 0;
	z-index: 5
}

.myPop_jq_2_1 .gif {
	position: absolute;
	width: 150px;
	top: -30px;
	left: -80px;
	z-index: 3
}

.myPop_jq_sel {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1;
	background: url(../i/new_bg1.png) 50% 50%/cover no-repeat;
	opacity: 1
}

.myPop_jq_sel .a_3 .i_1,.myPop_jq_sel .a_4 .i_1,.myPop_jq_sel .a_5 .i_1,.myPop_jq_sel .a_6 .i_1 {
	background: url(../i/4_23_3.png) bottom center/cover;
	padding: 5px 5px 20px;
	box-sizing: border-box
}

.myPop_jq_sel .sel_1 {
	width: 60%;
	top: 5%;
	left: 31%
}

.myPop_jq_sel .sel_2 {
	width: 43%;
	top: 20%;
	left: 53%
}

.myPop_jq_sel .sel_3 {
	width: 39%;
	top: 60%;
	left: 17%
}

.myPop_jq_sel .sel_4 {
	width: 20%;
	bottom: 3%;
	right: 3%
}

.myPop_jq_sel .a_1 {
	position: absolute;
	width: 40%;
	left: 50%;
	margin-left: -20%;
	top: 10%
}

.myPop_jq_sel .a_2 {
	position: fixed;
	z-index: 1;
	bottom: 0;
	right: 0;
	width: 15%;
	height: 20%;
	display: none
}

.myPop_jq_sel .a_2 .a_2_1 {
	display: block;
	width: 80%;
	position: absolute;
	top: 20%
}

.myPop_jq_sel .a_2 .a_2_2 {
	position: absolute;
	width: 100%;
	top: -30%;
	left: 10%;
}



.sb_pop2 {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 100000;
    /*background: url(../i/sb.png) 50% 50%/cover no-repeat;*/
    /*opacity: 1;*/
	display: none;
	/*background-color: #fff;*/
}
.sb_pop2 ul{
	position: absolute;
	width: 80%;
	height: 20%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-60%);
	overflow: hidden;
	text-align: center;
}
.sb_pop2 ul li{
	display: inline-block;
	background-color: red;
	opacity: 0;
	width: 15%;
	height: 100%;
	
}

.sb_ck{
	position: absolute;
	width: 30%;
	bottom: 20%;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}


.sb_pop {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 10000;
    background: url(../i/new_bg1.png) 50% 50%/cover no-repeat;
    opacity: 1;
	display: none;
}
.sb_1{
	position: absolute;
	width: 60%;
	top: 10%;
	left: 50%;
	margin-left: -35%;

}
.sb_2{
	position: absolute;
	width: 30%;
	top: 30%;
	left: 50%;
	margin-left: -15%;

}
.sb_2 li{
	position: relative;
	margin-bottom: 20px;
}
.sb_2 li .b{
	display: block;
	width: 100%;
	/*display: none;*/
}
.sb_2 li .a{
	position: absolute;
	top: 50%;
	width: 10%;
	left: -12%;
	transform: translateY(-50%);
	display: none;
}




.myPop_jq_sel .a_3 {
	position: absolute;
	width: 20%;
	top: 40%;
	left: 50%;
	margin-left: -45%
}

.myPop_jq_sel .a_3 .i_1 {
	display: block;
	width: 100%
}

.myPop_jq_sel .a_3 .i_2 {
	position: absolute;
	top: -5%;
	left: -5%;
	width: 20%
}

.myPop_jq_sel .a_3 p {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 5px
}

.myPop_jq_sel .a_3 .i_3 {
	display: block;
	width: 90%;
	margin: 10px auto
}

.myPop_jq_sel .a_4 {
	position: absolute;
	width: 24%;
	top: 40%;
	left: 50%;
	margin-left: -12%;
}

.myPop_jq_sel .a_4 .i_1 {
	display: block;
	width: 100%
}

.myPop_jq_sel .a_4 .i_2 {
	position: absolute;
	top: -5%;
	left: -5%;
	width: 20%
}

.myPop_jq_sel .a_4 p {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 5px
}

.myPop_jq_sel .a_4 .i_3 {
	display: block;
	width: 90%;
	margin: 10px auto
}

.myPop_jq_sel .a_5 {
	position: absolute;
	width: 24%;
	top: 40%;
	left: 50%;
	margin-left: -38%
}

.myPop_jq_sel .a_5 .i_1 {
	display: block;
	width: 100%
}

.myPop_jq_sel .a_5 .i_2 {
	position: absolute;
	top: -5%;
	left: -5%;
	width: 20%
}

.myPop_jq_sel .a_5 p {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 5px
}

.myPop_jq_sel .a_5 .i_3 {
	display: block;
	width: 90%;
	margin: 10px auto
}

.myPop_jq_sel .a_6 {
	position: absolute;
	width: 24%;
	top: 40%;
	left: 50%;
	margin-left: 14%
}

.myPop_jq_sel .a_6 .i_1 {
	display: block;
	width: 100%
}

.myPop_jq_sel .a_6 .i_2 {
	position: absolute;
	top: -5%;
	left: -5%;
	width: 20%
}

.myPop_jq_sel .a_6 .sb_xin {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 20%;
}



.myPop_jq_sel .a_6 p {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 5px
}

.myPop_jq_sel .a_6 .i_3 {
	display: block;
	width: 99%;
	margin: 10px auto
}

.myPop_pw_tp_1,.newer_tg {
	position: fixed;
	right: 10%;
	display: none
}

.myPop_jq_sel .seled img {
	border-color: #f29b76
}

.newer_tg {
	z-index: 2000;
	top: 5%;
	width: 20px;
	opacity: .3!important
}

.myPop_pw_tp_1 {
	z-index: 1000;
	bottom: 5%;
	color: #fff;
	width: 50%
}

.myPop_pw_tp_1 img {
	display: block;
	width: 100%
}

.myPop_pw_tp_1 .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0)
}

.myPop_pw_tp,.myPop_pw_tp_1_android {
	position: fixed;
	right: 0;
	display: none;
	top: 0
}

.myPop_pw_tp_1_android {
	z-index: 1;
	bottom: 0;
	left: 0;
	color: #fff;
	background: url(../i/popBg.png) 50% 50%/cover no-repeat
}

.myPop_pw_tp {
	z-index: 1000;
	width: 30%;
	height: 100%;
	background: url(../i/4_24_3_3.png) top left/cover no-repeat
}

.myPop_pw_tp ul {
	width: 40%;
	margin-left: 30%;
	margin-top: 10%
}

.myPop_pw_tp ul li {
	position: relative;
	margin-bottom: 0
}

.myPop_pw_tp ul li img {
	display: block;
	width: 100%
}

.myPop_pw_tp ul li .pop {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(204,102,51,.6);
	width: 100%;
	height: 100%;
	display: none;
	text-align: center
}

.myPop_pw_tp ul li .pop p {
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	font-size: 14px
}

.myPop_pw_tp .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 2%;
	right: 1%;
	background-color: rgba(0,0,0,0)
}

.myPop_pw_tp_android {
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	width: 35%;
	height: 100%;
	background: url(../i/4_24_3_3.png) top left/cover no-repeat;
	display: none
}

.myPop_pw_tp_android .tit {
	width: 100%;
	position: absolute;
	top: 2%;
	right: 5%
}

.myPop_pw_tp_android ul {
	width: 35%;
	margin-left: 35%;
	margin-top: 35%
}

.myPop_pw_tp_android ul li {
	position: relative;
	margin-bottom: 0
}

.myPop_pw_tp_android ul li img {
	display: block;
	width: 100%
}

.myPop_pw_tp_android ul li .pop {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(204,102,51,.6);
	width: 100%;
	height: 100%;
	display: none;
	text-align: center
}

.myPop_pw_tp_android ul li .pop p {
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	font-size: 14px
}

.myPop_pw_tp_android .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 1%;
	right: 6%;
	background-color: rgba(0,0,0,0)
}

.myPop_jq_3_1 {
	position: fixed;
	z-index: 1002;
	top: 65%;
	left: 25%;
	width: 30%;
	display: none
}

.myPop_jq_3_1 img {
	display: block;
	width: 100%
}

.myPop_jq_3_1 .close {
	height: 40px
}

.myPop_8_15_1 {
	position: fixed;
	z-index: 100002;
	bottom: 5%;
	right: 5%;
	width: 30%;
	display: none;
	/*display: block !important*/
}

.myPop_8_15_1 img {
	display: block;
	width: 100%
}

.myPop_8_15_1 .close {
	height: 40px;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0)
}




.myPop_jq_3_1 .myPop_jq_3_n_1 {
	position: absolute;
	width: 20%;
	height: 40%;
	background-color: red;
	top: 40%;
	left: 50%;
	margin-left: -30%
}

.myPop_jq_3_1 .myPop_jq_3_n_2 {
	position: absolute;
	width: 20%;
	height: 40%;
	background-color: green;
	top: 40%;
	left: 50%;
	margin-left: 15%
}

.myPop_jq_3_1 .close {
	position: absolute;
	width: 40px;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0);
	z-index: 5;
	display: none
}

.myPop_jq_3_1 .gif {
	position: absolute;
	width: 150px;
	top: -30px;
	left: -80px;
	z-index: 3
}

.myPop_jq_3_1 .a_l,.myPop_jq_3_1 .a_r {
	height: 151px;
	top: 0;
	width: 33px;
	position: absolute
}

.myPop_jq_3_1 .a_l {
	background: url(../i/jz_l_s.png) top left no-repeat;
	left: -15px
}

.myPop_jq_3_1 .a_r {
	background: url(../i/jz_r_s.png) top right no-repeat;
	right: -15px;
	z-index: 2
}

.myPop_jq_3_o {
	position: absolute;
	top: 5%;
	right: 3%;
	width: 30%;
	display: none;
	z-index: 20
}

.new_reback,.new_tg {
	bottom: 5%;
	z-index: 10
}

.myPop_jq_3_o img {
	display: block;
	width: 100%
}

.myPop_jq_3_o .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0)
}

.myPop_jq_3_o ul {
	position: absolute;
	top: 15%;
	left: 30%;
	width: 55%
}

.myPop_jq_3_o ul li {
	font-size: 18px;
	color: #fff;
	position: relative;
	margin-bottom: 5%
}

.myPop_jq_3_o ul li p,.myPop_jq_3_o ul li span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.myPop_jq_3_o ul li img {
	display: block;
	width: 100%
}

.myPop_jq_3_o ul li p {
	width: 100%;
	left: 0;
	text-align: center
}

.myPop_jq_3_o ul li span {
	left: -28%;
	width: 25px;
	height: 25px;
	background: url(../i/sel_0.png) 50% 50%/contain no-repeat
}

.myPop_jq_3_o ul li.seled span {
	background-image: url(../i/sel_1.png)
}

.myPop_res {
	width: 76%!important;
	left: 10%!important
}

.myPop_res li {
	position: relative;
	margin-bottom: 20px;
	border: none!important;
	padding-left: 0!important
}

.myPop_res li p {
	padding: 0 0 0 20px;
	position: relative!important;
	border: none;
	text-align: left!important;
	font-size: 14px!important;
	top: 0!important;
	transform: none!important
}

.myPop_res li p span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	border-radius: 50%;
	text-align: center;
	line-height: 16px;
	font-size: 14px;
	background: 0 0
}

.myPop_res li .per {
	height: 14px;
	background-color: #f8bc48;
	position: relative;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	margin-left: 22px
}

.myPop_1,.new_reback,.new_tg {
	position: absolute
}

.myPop_res li .per i {
	position: absolute;
	top: 0;
	right: -25px;
	width: 20px;
	line-height: 14px;
	font-size: 14px;
	color: #f90
}

.new_reback {
	width: 30%;
	left: 5%;
	display: none
}

.new_tg {
	width: 16%;
	right: 5%;
	display: none
}

.myPop_1 {
	top: 8%;
	right: 3%;
	width: 25%;
	display: none;
	z-index: 20
}

.myPop_1 p,.myPop_1 ul {
	position: absolute;
	left: 10%;
	right: 10%
}

.myPop_1 .bg {
	display: block;
	width: 100%
}

.myPop_1 p {
	top: 16%;
	color: #fff;
	font-size: 16px
}

.myPop_1 ul li,.myPop_2 p {
	color: #fff;
	font-size: 14px
}

.myPop_1 ul {
	top: 40%;
	bottom: 10%
}

.myPop_2,.myPop_3,.myPop_5 {
	bottom: 5%!important;
	z-index: 20
}

.myPop_1 ul li {
	margin-bottom: 5%;
	line-height: 2.5em;
	position: relative;
	height: 25%;
	text-align: center;
	background: url(../i/liBg.png) 50% 50%/contain no-repeat
}

.myPop_2 p,.myPop_3 p,.myPop_4 p,.myPop_5 p {
	text-align: justify
}

.myPop_1 ul li img {
	display: block;
	width: 82%;
	margin: 0 auto
}

.myPop_3 p span:last-child,.myPop_4 p span:last-child {
	margin-top: 5px
}

.myPop_1 ul li span {
	position: absolute;
	top: 5%;
	right: 0;
	width: 30px;
	height: 30px;
	display: none
}

.myPop_1 ul li.a span {
	background-color: red
}

.myPop_1 ul li.b span {
	background-color: green
}

.myPop_1 .close,.myPop_2 .close,.myPop_3 .close,.myPop_4 .close {
	height: 40px;
	background-color: rgba(0,0,0,0);
	position: absolute
}

.myPop_1 .close {
	width: 40px;
	top: 0;
	right: 0
}

.myPop_2 {
	position: absolute;
	top: auto!important;
	left: auto!important;
	right: 12%!important;
	width: 40%;
	display: none
}

.myPop_2 img,.myPop_2 p span {
	display: block
}

.myPop_2 img {
	width: 100%
}

.myPop_2 p {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 8%;
	padding-left: 9%;
	letter-spacing: 2px
}

.myPop_2 p span b {
	color: #ffe553;
	font-size: 18px;
	font-weight: 700
}

.myPop_2 .close {
	width: 40px;
	top: 0;
	right: 0
}

.myPop_3 {
	position: absolute;
	top: auto!important;
	left: auto!important;
	right: 5%!important;
	width: 25%;
	display: none
}

.myPop_3 img,.myPop_3 p span {
	display: block
}

.myPop_3 img {
	width: 100%
}

.myPop_3 p {
	position: absolute;
	top: 0;
	left: 0;
	padding: 12%;
	color: #fff;
	font-size: 14px
}

.myPop_3 .close {
	width: 40px;
	top: 0;
	right: 0
}

.myPop_4 {
	position: absolute;
	left: 50%;
	top: 5%;
	width: 60%;
	display: none;
	z-index: 20;
	margin-left: -30%
}

.myPop_4 img,.myPop_4 p span {
	display: block
}

.myPop_4 img {
	width: 100%
}

.myPop_4 p {
	position: absolute;
	top: 0;
	left: 0;
	padding: 4% 10%;
	color: #764b31;
	font-size: 20px
}

.myPop_4 .close {
	width: 40px;
	top: 0;
	right: 0
}
.end{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 10000;
	display: none;
}
.end {
	background-image: url(../i/n3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}
.end .sh{
	position: absolute;
    top: 47%;
    left: 50%;
    width: 25%;
    margin-left: -35%;
}
.end .re{
	position: absolute;
    top: 47%;
    left: 50%;
    width: 25%;
    margin-left: 5%;
}


.end .pop {
    top: 0;
    right: 0;
    left: 0;
    display: none;
    position: absolute;
    bottom: 0;
    background: url(../i/icon.png) top left/20% no-repeat rgba(0,0,0,.7);
}

.a_8_16_1{
	position: absolute;
    width: 25%;
    right: 3%;
    top: -8%;
}
.newA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.newR{
	position:  absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('../i/aa1.jpg') 50% 50%/cover no-repeat;
	z-index: 10000;
	display: none;
}
.newR_10{
	position: absolute;
	
	top: 5%;
	right: 3%;
	height: 10%;
}
.newR_pop{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,29,23,0.8);
	display: none;
}
.newR_pop img{
	position: absolute;
	height: 60%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.newR_1{
	position: absolute;
    width: 15%;
    top: 0;
    right: 10%;
}

.newR_2{
	position: absolute;
	width: 40%;
	top: 23%;
	left: 50%;
	margin-left: -41%;
}
.newR_2 p{
	font-size: 14px;
	color: #13391f;
	text-align: center;
}
.newR_2_1{
	display: block;
	width: 100%;
}

.newR_2_o{
	position: absolute;
	width: 40%;
	top: 23%;
	left: 50%;
	margin-left: -41%;
	display: none;
}
.newR_2_o p{
	font-size: 14px;
	color: #13391f;
	text-align: center;
	
}

.newR_3{
	position: absolute;
	width: 40%;
	top: 23%;
	left: 50%;
	margin-left: 1%;
}
.newR_3 p{
	font-size: 14px;
	color: #13391f;
	text-align: center;
}
.newR_3_1{
	display: block;
	width: 100%;
}
.newR_3_o{
	position: absolute;
	width: 40%;
	top: 23%;
	left: 50%;
	margin-left: 1%;
	display: none;
}
.newR_3_o p{
	font-size: 14px;
	color: #13391f;
	text-align: center;
}
.newR_4{
	position: absolute;
	top: 7%;
	width: 40%;
	left: 50%;
	margin-left: -17%;
}

.newR_5{
	position: absolute;
	/*background: rgba(0,0,0,0.5);*/
	width: 60%;
	/*height: 65%;*/
	top: 70%;
	left: 50%;
	/*display: none;*/
	margin-left: -30%;
}
.newR_5_o{
	position: absolute;
	/*background: rgba(0,0,0,0.5);*/
	width: 60%;
	/*height: 65%;*/
	top: 70%;
	left: 50%;
	/*display: none;*/
	margin-left: -30%;
	display: none;
	
}
.newR_5_1{
	height: 100%;
	/*overflow-y: scroll;*/
	-webkit-overflow-scrolling: touch; 
}
.newR_5_1::-webkit-scrollbar {

        width: 4px; 

        height: 4px;

    }
.newR_5_1::-webkit-scrollbar-thumb {

        border-radius: 10px;

         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: rgba(50,120,100,1);

    }
.newR_5_1::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        border-radius: 10px;

        background: rgba(50,120,100,0.3);

}
/*.newR_5 ul{
	text-align: center;
}
.newR_5 ul li{
	
	
	margin-bottom: 5px;
}*/
.swiper-button-next-zm{
	background-image: url('../i/na1.png');
	background-size: 37px 22.5px;
	width: 40px;
	height: 24px;
	top: auto !important;
	bottom: -80%;
	left: 50% !important;
	margin-left: 50px;
}
.swiper-button-prev-zm{
	background-image: url('../i/na2.png');
	background-size: 37px 22.5px;
	width: 40px;
	height: 24px;
	top: auto !important;
	bottom: -80%;
	left: 50% !important;
	margin-left: -90px;
}
.swiper-button-center-zm{
	font-size: 18px;
	color: #739b87;
	width: 80px;
	height: 24px;
	line-height: 24px;
	top: auto !important;
	bottom: -80%;
	left: 50% !important;
	margin-left: -40px;
	position: absolute;
	text-align: center;
}
.swiper-pagination-zm{
	bottom: -170%;
	color: #739b87;
}
.swiper-button-next-bm{
	background-image: url('../i/na1.png');
	background-size: 37px 22.5px;
	width: 40px;
	height: 24px;
	top: auto !important;
	bottom: -80%;
	left: 50% !important;
	margin-left: 50px;
}
.swiper-button-prev-bm{
	background-image: url('../i/na2.png');
	background-size: 37px 22.5px;
	width: 40px;
	height: 24px;
	top: auto !important;
	bottom: -80%;
	left: 50% !important;
	margin-left: -90px;
}
.swiper-button-center-bm{
	font-size: 18px;
	color: #739b87;
	width: 80px;
	height: 24px;
	line-height: 24px;
	top: auto !important;
	bottom: -80%;
	left: 50% !important;
	margin-left: -40px;
	position: absolute;
	text-align: center;
}
.swiper-pagination-bm{
	bottom: -170%;
	color: #739b87;
}


.swiper-slide{
	text-align: center;
}
.swiper-slide .lbox{
	display: inline-block;
	position: relative;
	padding: 5px;
}
.swiper-slide img{
	position: absolute;
	width: 40%;
}
.swiper-slide img.tl{
	top: 0;
	left: 0;
}
.swiper-slide img.tr{
	top: 0;
	right: 0;
}
.swiper-slide img.bl{
	bottom: 0;
	left: 0;
}
.swiper-slide img.br{
	bottom: 0;
	right: 0;
}
.swiper-slide p{
	font-size: 18px;
	display: inline-block;
	text-align: center;
	padding: 5px;
	color: #13391f;
	line-height: 1;
	white-space: nowrap;
	background: linear-gradient(to right, rgba(138,173,159,0.5), rgba(138,173,159,0.1), rgba(138,173,159,0.5));
}
.swiper-slide p{
	color: #de6e00;
}

.newR_5_o ul{
	text-align: center;
}
.newR_5_o ul li{
	
	
	margin-bottom: 5px;
}
.newR_5_o ul li .lbox{
	display: inline-block;
	position: relative;
	padding: 5px;
}
.newR_5_o ul li img{
	position: absolute;
	width: 40%;
}
.newR_5_o ul li img.tl{
	top: 0;
	left: 0;
}
.newR_5_o ul li img.tr{
	top: 0;
	right: 0;
}
.newR_5_o ul li img.bl{
	bottom: 0;
	left: 0;
}
.newR_5_o ul li img.br{
	bottom: 0;
	right: 0;
}
.newR_5_o ul li p{
	font-size: 14px;
	display: inline-block;
	text-align: center;
	padding: 5px;
	color: #13391f;
	line-height: 1;
	white-space: nowrap;
	background: linear-gradient(to right, rgba(138,173,159,0.5), rgba(138,173,159,0.1), rgba(138,173,159,0.5));
}
.newR_5_o ul li.cur p{
	color: #de6e00;
}




.mCSB_container{
	margin-right: 10px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background: rgba(112,156,149,0.63)
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: none;
	position: relative;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after{
	position: absolute;
	content: '.';
	text-indent: -999em;
	width: 20px;
	height: 20px;
	background: url('../i/aa8.png') 50% 50%/contain no-repeat;
	left: -9px;
	top: 50%;
	margin-top: -15px;
}

.mCSB_scrollTools .mCSB_draggerContainer{
	right: 10px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width: 5px;
}
.newR_6{
	position: absolute;
    width: 5%;
    top: 6%;
    right: 12%;
	animation: arrow 1.5s infinite ease-in-out;
}
@-webkit-keyframes arrow{
	%{opacity:0;-webkit-transform:translate(-10px,-10px)}
	50%{opacity:1;-webkit-transform:translate(-5px,-5px)}
	100%{opacity:0;-webkit-transform:translate(0,0)}
}
.newR_7{
	position: absolute;
	height: 6%;
	top: 25%;
	left: 70%;
	animation: arrow 1.5s infinite ease-in-out;
	display: none;
}
.newR_2_cir{
	position: absolute;
	width: 10%;
	top: 38%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/

}
.newR_2_o_cir{
	position: absolute;
	width: 10%;
	top: 38%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/

}
.newR_2_cir_1{
	position: absolute;
	width: 10%;
	top: 28%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/
	display: none;
}
.newR_2_cir_2{
	position: absolute;
	width: 10%;
	top: 28%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/
	display: none;
}
@-webkit-keyframes arrow1{
	%{opacity:1;-webkit-transform:scale(1.5)}
	50%{opacity:1;-webkit-transform:scale(1.1)}
	100%{opacity:0;-webkit-transform:translate(0,0)}
}
.newR_3_cir{
	position: absolute;
	width: 10%;
	top: 38%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/

}
.newR_3_o_cir{
	position: absolute;
	width: 10%;
	top: 38%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/

}
.newR_3_cir_1{
	position: absolute;
	width: 10%;
	top: 28%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/
	display: none;
}
.newR_3_cir_2{
	position: absolute;
	width: 10%;
	top: 28%;
	left: 35%;
	animation: arrow1 1s infinite ease-in-out;
	/*box-shadow: 3px 3px 5px #fff*/
	display: none;
}

.myPop_4_o {
	position: absolute;
	width: 60%;
	width: 76%;
	height: 20%;
	z-index: 20;
	top: 50%;
	left: 50%;
	margin-top: -6%;
	margin-left: -38%;
	font-size: 0;
	display: none
}

.myPop_4_o span {
	display: inline-block;
	width: 15%;
	height: 100%;
	margin: 0 .8%
}

.myPop_4_oo .close,.myPop_5 .close {
	height: 40px;
	background-color: rgba(0,0,0,0);
	position: absolute
}

.myPop_4_oo {
	position: absolute;
	left: 50%;
	top: 35%;
	width: 40%;
	z-index: 20;
	margin-left: -20%;
	display: none
}

.myPop_4_oo img {
	display: block;
	width: 100%
}

.myPop_4_oo .close {
	width: 80px;
	top: 0;
	right: 0
}

.myPop_5 {
	position: absolute;
	top: auto!important;
	left: auto!important;
	right: 5%!important;
	width: 25%;
	display: none
}

.myPop_wd .tg,.play_new {
	bottom: 5%
}

.myPop_5 img,.myPop_5 p span {
	display: block
}

.myPop_5 img {
	width: 100%
}

.myPop_5 p {
	position: absolute;
	top: 0;
	left: 0;
	padding: 12%;
	color: #fff;
	font-size: 14px
}

.myPop_5 p span:last-child {
	margin-top: 5px
}

.myPop_5 .close {
	width: 40px;
	top: 0;
	right: 0
}

.myDragBox {
	position: absolute;
	width: 20%;
	height: 20%;
	background-color: rgba(10,10,0,.8);
	top: 5%;
	left: 5%;
	display: none
}

.newer_sm_box,.zkyb_pop {
	top: 5%;
	left: 50%;
	z-index: 1000;
	position: fixed
}

.newer_sm_box {
	width: 50%;
	margin-left: -25%;
	background-color: rgba(0,0,0,.5)
}

.zkyb_pop {
	width: 14%;
	margin-left: -7%;
	display: none
}

.play_new {
	position: fixed;
	z-index: 2000;
	width: 8%;
	right: 3%;
	opacity: .5;
	display: none
}

.myPop_wd {
	position: absolute;
	background: url(../i/skwdbg_1.png) 50% 50%/cover no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0
}

.myPop_wd .fanhui,.myPop_wd .tg {
	display: block;
	right: 3%;
	width: 10%;
	position: absolute
}

.myPop_wd .bg {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 90%;
	transform: translate(-50%,-50%)
}

.myPop_wd .fanhui {
	top: 5%
}

.myPop_wd .skwd {
	position: absolute;
	top: 5%;
	left: 3%;
	width: 12%
}

.myPop_wd .slideText {
	position: absolute;
	width: 100%;
	top: 20%;
	display: none
}

.swiperBox,.swiperBox .shu {
	top: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%
}

.myPop_wd .slideText p {
	color: #fff;
	font-size: 12px;
	text-align: center
}

.myPop_wd .slideText p b {
	color: #fee570;
	font-size: 16px
}

.swiperBox {
	width: 100%;
	height: 88%
}

.swiperBox .shu {
	display: block;
	height: 85%;
	z-index: 10
}

.swiperBox .pointer {
	top: 45%;
	left: 50%;
	position: absolute;
	z-index: 12;
	width: 6%;
	margin-left: 22%;
	animation: cirhhh 2s ease infinite
}

.swiperBox .slideBox,.swiperBox .swiper-pagination {
	top: 50%;
	transform: translateY(-50%);
	position: absolute
}

.swiperBox .swiper-container {
	height: 100%;
	width: 50%;
	z-index: 11
}

.swiperBox .swiper-button-next,.swiperBox .swiper-button-prev {
	width: 45px;
	height: 45px;
	background-size: contain;
	z-index: 1000;
	margin-top: 0;
	display: none
}

.swiperBox .swiper-container .swiper-slide {
	opacity: .5!important
}

.swiperBox .swiper-container .swiper-slide-active {
	opacity: 1!important
}

.swiperBox .swiper-button-prev {
	background-image: url(../i/left.png);
	left: 18%
}

.swiperBox .swiper-button-next {
	background-image: url(../i/right.png);
	right: 18%
}

.swiperBox .swiper-pagination {
	left: 50%;
	margin-left: 32%;
	z-index: 9
}

.swiperBox .swiper-pagination .swiper-pagination-bullet {
	display: block;
	width: 60%;
	height: auto;
	border-radius: 0;
	background: 0 0;
	opacity: .6;
	margin-bottom: 5%
}

.swiperBox .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.swiperBox .slideBox {
	width: 100%;
	height: 80%
}

.swiperBox .slideTit {
	position: absolute;
	width: 70%;
	top: 15%;
	left: 50%;
	transform: translateX(-50%)
}

.swiperBox .slideTit_o {
	width: 80%
}

.swiperBox .slideTit_o_o {
	width: 40%
}

.swiperBox .slideTit_100 {
	width: 70%
}

.swiperBox .slideTit_10 {
	width: 60%
}

.swiperBox .slideTit_50 {
	top: 5%
}

.swiperBox .slideTit_tp {
	width: 35%
}

.box_sel {
	position: absolute;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.box_sel .mony {
	display: block;
	width: 100%;
	margin: 0 auto
}

.box_sel h2 {
	position: absolute;
	font-size: 12px;
	line-height: 2em;
	color: #276d80;
	top: 0;
	left: 5%;
	white-space: nowrap
}

.box_sel .myPop_res {
	position: absolute;
	top: 15%!important;
	left: 0!important;
	width: 100%!important
}

.box_sel .myPop_res li {
	margin-bottom: 0
}

.box_sel .myPop_res li p {
	font-size: 12px!important;
	color: #276d80;
	padding-left: 12%
}

.box_sel .myPop_res li span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
	width: 12px;
	height: 12px;
	background: url(../i/sel_2.png) 50% 50%/contain no-repeat
}

.box_sel .myPop_res li.seled span {
	background-image: url(../i/sel_3.png)
}

.box_sel .box_sel_res {
	top: 5%!important
}

.box_sel .box_sel_res li {
	margin-bottom: 2.5px
}

.box_sel .box_sel_res li p span {
	background: 0 0
}

.box_10,.box_50,.box_a_1 {
	transform: translateX(-50%);
	background: url(../i/sa.png) bottom center/cover no-repeat;
	padding: 10px 10px 30px;
	box-sizing: border-box
}

.box_sel .box_sel_res li .per {
	left: 50%;
	position: absolute;
	top: 0
}

.box_10 {
	position: absolute;
	width: 70%;
	top: 30%;
	left: 50%
}

.box_10 .myCanvas_10,.box_10 .myVideo_10 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1
}

.box_10 .mony {
	display: block;
	width: 100%;
	margin: 0 auto
}

.box_10 .myCanvas_10 {
	display: none
}

.box_10 .play,.box_a_1 .play {
	position: absolute;
	left: 50%;
	z-index: 2;
	height: 45px
}

.box_10 .play {
	width: 45px;
	top: 50%;
	margin-top: -32.5px;
	margin-left: -22.5px
}

.box_a_1 {
	position: absolute;
	width: 70%;
	top: 30%;
	left: 50%
}

.box_a_1 .mony {
	display: block;
	width: 100%;
	margin: 0 auto
}

.box_a_1 .play {
	width: 45px;
	top: 50%;
	margin-top: -32.5px;
	margin-left: -22.5px
}

.box_a_1 .myCanvas_a_1,.box_a_1 .myVideo_a_1 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1
}

.box_a_1 .myCanvas_a_1 {
	display: none
}

.box_50,.box_50 .play {
	position: absolute;
	left: 50%
}

.box_50 {
	width: 70%;
	top: 35%
}

.box_50 .mony {
	display: block;
	width: 100%;
	margin: 0 auto
}

.box_50 .play {
	width: 45px;
	height: 45px;
	top: 50%;
	margin-top: -32.5px;
	margin-left: -22.5px;
	z-index: 2
}

.box_50 .myCanvas_50,.box_50 .myVideo_50 {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	position: absolute;
	opacity: 0
}

.box_50 .myCanvas_50 {
	display: none
}

.box_100 {
	position: absolute;
	width: 85%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #000
}

.box_100 .mony {
	display: block;
	width: 100%;
	position: relative;
	z-index: 2
}

.box_100 .otu {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	right: -100%;
	z-index: 1
}

.box_100 .play {
	position: absolute;
	width: 50%;
	top: 15%;
	left: 0;
	z-index: 3
}

.box_100 .cir {
	position: absolute;
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
	border-radius: 50%;
	top: 32%;
	left: 44.5%;
	animation: cirhh 2s ease infinite;
	z-index: 3
}

.box_100 .new_1 {
	position: absolute;
	top: 18%;
	display: block;
	width: 23%;
	left: 25%;
	z-index: 2;
	opacity: 0
}

.box_100_text,.mySelRes li p span {
	left: 0;
	text-align: center;
	font-size: 12px
}

.box_100_text {
	position: absolute;
	color: #000;
	bottom: 22%;
	right: 0;
	display: none
}

.mySelRes {
	display: none
}

.mySelRes li {
	position: relative;
	margin-bottom: 20px;
	border: none!important;
	padding-left: 0!important
}

.mySelRes li p {
	padding: 0 0 0 20px;
	position: relative;
	border: none
}

.mySelRes li p span {
	position: absolute;
	top: 50%;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	border-radius: 50%;
	line-height: 16px;
	background-color: red
}

.mySelRes li .per {
	height: 14px;
	background-color: #f8bc48;
	margin-top: 5px;
	position: relative;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	margin-left: 20px
}

.mySelRes li .per i {
	position: absolute;
	top: 0;
	right: -25px;
	width: 20px;
	line-height: 14px;
	font-size: 14px;
	color: #f90
}

.jq_3_audio_1,.jq_3_audio_2,.myPop_1_audio,.new_audio_1,.new_audio_2,.pw_audio {
	position: absolute;
	opacity: 0
}

.swiper-button-next,.swiper-button-prev {
	top: 43%
}
.mask{
    position: absolute;
    z-index: 20;
    left:0;
    top:0;    
    width: 100%;
    height: 100%;     
}
.myVideo_play_close,.myVideo_play_close_1,.myVideo_play_close_2,.myVideo_play_close_3,.myVideo_play_close_end,.myVideo_play_close_start,.myVideo_play_close_wd {
    position: absolute;
    width: 20px;
    right: 10%;
    top: 5%;
    z-index: 1001;
    opacity: .3!important;
    display: none
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
	.swiperBox .shu {
		height: 95%
	}

	.swiperBox .swiper-pagination {
		margin-left: 29%
	}

	.swiperBox .swiper-pagination .swiper-pagination-bullet {
		width: 70%
	}

	.myPop_2 {
		width: 36%
	}

	.myPop_jq_sel .sel_1 {
		width: 50%;
		top: 1.5%
	}

	.myPop_jq_sel .sel_2 {
		width: 38%;
		top: 18%;
		left: 55%
	}

	.myPop_jq_sel .sel_3 {
		width: 34%;
		bottom: 5%;
		left: 20%
	}

	.swiperBox .pointer {
		margin-left: 22%
	}
}

@media only screen and (device-width:812px) and (device-height:375px) and (-webkit-device-pixel-ratio:3) {
	.swiperBox .shu {
		height: 95%
	}

	.swiperBox .swiper-pagination {
		margin-left: 29%
	}

	.swiperBox .swiper-pagination .swiper-pagination-bullet {
		width: 70%
	}

	.myPop_2 {
		width: 36%
	}

	.myPop_jq_sel .sel_1 {
		width: 50%;
		top: 1.5%
	}

	.myPop_jq_sel .sel_2 {
		width: 38%;
		top: 18%;
		left: 55%
	}

	.myPop_jq_sel .sel_3 {
		width: 34%;
		bottom: 5%;
		left: 20%
	}

	.swiperBox .pointer {
		margin-left: 22%
	}
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) {
	.swiperBox .shu {
		height: 95%
	}

	.swiperBox .swiper-pagination {
		margin-left: 29%
	}

	.swiperBox .swiper-pagination .swiper-pagination-bullet {
		width: 70%
	}

	.myPop_2 {
		width: 36%
	}

	.myPop_jq_sel .sel_1 {
		width: 50%;
		top: 1.5%
	}

	.myPop_jq_sel .sel_2 {
		width: 38%;
		top: 18%;
		left: 55%
	}

	.myPop_jq_sel .sel_3 {
		width: 34%;
		bottom: 5%;
		left: 20%
	}

	.swiperBox .pointer {
		margin-left: 22%
	}
}

@media only screen and (device-width:896px) and (device-height:414px) and (-webkit-device-pixel-ratio:3) {
	.swiperBox .shu {
		height: 95%
	}

	.swiperBox .swiper-pagination {
		margin-left: 29%
	}

	.swiperBox .swiper-pagination .swiper-pagination-bullet {
		width: 70%
	}

	.myPop_2 {
		width: 36%
	}

	.myPop_jq_sel .sel_1 {
		width: 50%;
		top: 1.5%
	}

	.myPop_jq_sel .sel_2 {
		width: 38%;
		top: 18%;
		left: 55%
	}

	.myPop_jq_sel .sel_3 {
		width: 34%;
		bottom: 5%;
		left: 20%
	}

	.swiperBox .pointer {
		margin-left: 22%
	}
}

@-moz-keyframes rota_o {
	0%,100% {
		transform: none
	}

	70% {
		transform: rotate(30deg)
	}
}

@-webkit-keyframes rota_o {
	0%,100% {
		transform: none
	}

	70% {
		transform: rotate(30deg)
	}
}

@-o-keyframes rota_o {
	0%,100% {
		transform: none
	}

	70% {
		transform: rotate(30deg)
	}
}

@keyframes rota_o {
	0%,100% {
		transform: none
	}

	70% {
		transform: rotate(30deg)
	}
}

@-moz-keyframes rota_oo {
	0% {
		transform: none
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rota_oo {
	0% {
		transform: none
	}

	100% {
		transform: rotate(360deg)
	}
}

@-o-keyframes rota_oo {
	0% {
		transform: none
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes rota_oo {
	0% {
		transform: none
	}

	100% {
		transform: rotate(360deg)
	}
}

@-moz-keyframes cirhhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: translateX(15px)
	}
}

@-webkit-keyframes cirhhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: translateX(15px)
	}
}

@-o-keyframes cirhhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: translateX(15px)
	}
}

@keyframes cirhhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: translateX(15px)
	}
}

@-moz-keyframes cirhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: scale3d(.8,.8,.8)
	}
}

@-webkit-keyframes cirhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: scale3d(.8,.8,.8)
	}
}

@-o-keyframes cirhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: scale3d(.8,.8,.8)
	}
}

@keyframes cirhh {
	0%,100% {
		transform: none
	}

	70% {
		transform: scale3d(.8,.8,.8)
	}
}
.sb_jx{
	position: absolute;
	width: 5%;
	right: 3%;
	bottom: 3%;
	z-index: 1000;
}
.sb_fh{
	position: absolute;
	width: 40px;
	right: 3%;
	top: 3%;
	z-index: 1000;
	display: none;
}
.myVideo_play_close{
	padding: 10px;
}
.newer_tg{
	padding: 10px;
}

/*.mask{
	z-index: 22;
}
.myPop_kt_2{
	display: block !important;
}*/