.clearfix:after {
	    display: table;
	    content: " ";
	    clear: both;
	}

	.clearfix:before {
	    display: table;
	    content: " ";
	}

	.banner img {
	    width: 100%;
	}

	.part1 {
	    background: #fdf7f0;
	    padding: 0.34rem 0 0.75rem 0;
	    position: relative;
	}

	.part1>.part1_title {
		width: 6.7rem;
		height: 1.78rem;
	    display: block;
	    margin: 0 auto;
	}

	.part1>p {
	    font-size: 0.3rem;
	    font-weight: bold;
	    text-align: center;
	    line-height: 0.3rem;
	    margin: 0.26rem 0 0.4rem 0;
	}
	.part1 .part1-pic{
		width: 6.06rem;
		margin: 0 auto;
		display: block;
		margin-top: 0.44rem;
	}

	.part1>.part1-item {
	    position: relative;
	}

	.part1 .part1-item .item-pic {
	    width: 6.6rem;
	    height: 5.17rem;
	    display: block;
	    color: #fff;
	    font-weight: bold;
	    margin: .36rem auto 0;
	    position: relative;
	}

	.part1 .part1-item .part1-pic {
	    background: url(/images/activity/bonus_open_201710/bg-pic1.png) center center/cover no-repeat;
	}

	.part1 .part1-item .part2-pic {
	    margin-top: .58rem;
	    background: url(/images/activity/bonus_open_201710/bg-pic2.png) center center/cover no-repeat;
	}

	.part1 .part1-item .part3-pic {
	    margin-top: .58rem;
	    background: url(/images/activity/bonus_open_201710/bg-pic3.png) center center/cover no-repeat;
	}

	.part1 .part1-item .part1-arrow {
	    margin: .17rem auto;
	    display: block;
	}

	.part1 .item-pic .part1-tit {
	    font-size: .45rem;
	    position: absolute;
	    top: .3rem;
	    left: 2.5rem;
	}

	.part1 .item-pic .part1-tit .titNum {
	    font-size: .54rem;
	    margin: 0 .05rem;
	}

	.part1 .item-pic .item-middle {
	    position: absolute;
	    left: 1.55rem;
	    top: 1.7rem;
	}

	.part1 .item-pic .part1-middle {
	    color: #e8bb4e;
	}

	.part1 .item-pic .part2-middle {
	    color: #46a1e8;
	}

	.part1 .item-pic .part3-middle {
	    color: #e64d46;
	}

	.part1 .item-pic .item-middle .middle-tit {
	    font-size: .35rem;
	    margin: 0;
	}

	.part1 .item-pic .item-middle .middle-tip {
	    margin: 0;
	    text-align: center;
	    font-size: .27rem;
	}

	.part1 .item-pic .item-middle .middle-tit .middleNum {
	    font-size: .44rem;
	}

	.part1 .item-pic .bottom-tit {
	    font-size: .22rem;
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    top: 3.34rem;
	}

	.part1 .item-pic .part1-bottom {
	    position: absolute;
	    top: 3.7rem;
	    left: 1.4rem;
	}

	.part1 .item-pic .part1-bottom .bottom-top {
	    font-size: .35rem;
	    margin: 0;
	}

	.part1 .item-pic .part1-bottom .bottom-top .bottomNum {
	    font-size: .44rem;
	}

	.part1 .item-pic .part1-bottom .bottom-tip {
	    font-size: .28rem;
	    margin: 0;
	    text-align: center;
	}

	.part1 .part1-item .item-pic2 {
	    width: 6.59rem;
	    height: .91rem;
	    line-height: .91rem;
	    font-size: .45rem;
	    text-align: center;
	    margin: 0 auto;
	    font-weight: bold;
	}

	.part1 .part1-item .part1-pic2 {
	    color: #e8bb4e;
	    background: url(/images/activity/bonus_open_201710/text-bg1.png) center center/cover no-repeat;
	}

	.part1 .part1-item .part2-pic2 {
	    color: #46a1e8;
	    background: url(/images/activity/bonus_open_201710/text-bg2.png) center center/cover no-repeat;
	}

	.part1 .part1-item .part3-pic2 {
	    color: #e64d46;
	    background: url(/images/activity/bonus_open_201710/text-bg3.png) center center/cover no-repeat;
	}

	.part1>.ruleA {
	    width: 3.02rem;
	    height: 0.69rem;
	    display: block;
	    text-align: center;
	    color: #fff;
	    line-height: 0.69rem;
	    font-size: 0.35rem;
	    position: relative;
	    bottom: -0.35rem;
	    left: 2.29rem;
	    background: #b38408;
	    border-radius: 0.04rem;
	    cursor: pointer;
	    z-index: 9;
	    /* background: url(/images/activity/bonus_open_201710/ruleBtn.png) center center/cover no-repeat; */
	}

	.part2 {
	    background: url(/images/activity/bonus_open_201710/part2-bg.jpg) center center/cover no-repeat;
	    position: relative;
	    width: 7.5rem;
	    height: 9.65rem;
	    font-weight: bold;
	    color: #fbf7eb;
	}

	.part2>.part2_title {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    top: .4rem;
	    width: 7.26rem;
	    height: .97rem;
	}

	.part2 .part2_subTit {
	    font-size: .32rem;
	    text-align: center;
	    margin: .6rem 0 .2rem;
	}

	.part2 .part2-center {
	    width: 7.26rem;
	    margin: 0 auto;
	    padding: 0 .38rem;
	}

	.part2 .part2-center .headPic,
	.part2 .part2-center .head-intro {
	    float: left;
	}

	.part2 .part2-center .head-intro {
	    margin-left: .2rem;
	    font-size: .27rem;
	}

	.part2 .part2-center .head-intro p {
	    margin: 0;
	    line-height: .45rem;
	}

	.intro-money {
	    font-size: .34rem;
	}

	.part2 .part2-center .totalText {
	    margin: .12rem 0 0;
	    font-size: .27rem;
	}

	.part2 .carBanner {
	    width: 6.26rem;
	    height: 3.44rem;
	    display: block;
	    margin: .1rem auto 0;
	}

	.part2 .list {
	    /*width:2.46rem !important;*/
	    height: 3.36rem;
	    background: url('/images/activity/bonus_open_201710/part2-bg.png')no-repeat;
	    background-size: 2.46rem 3.36rem;
	    padding-top: 0.2rem;
	}

	.part2 .list>img {
	    width: 0.96rem;
	    height: 0.82rem;
	    margin: 0 0 0.2rem 0.75rem;
	    position: relative;
	}

	.part2 .list>p {
	    font-size: 0.28rem;
	    text-align: center;
	    height: 0.41rem;
	    line-height: 0.41rem;
	    margin: 0.38rem 0 0.32rem 0;
	    font-weight: bold;
	    color: #444;
	}

	.part2 .list>h1 {
	    width: 2.46rem;
	    font-size: 0.24rem;
	    color: #666;
	    text-align: center;
	    margin: 0;
	    line-height: 0.29rem;
	    font-style: normal;
	}

	.listBox {
	    width: 5.28rem;
	    height: 3.36rem;
	}

	.swiper-button-prev {

	    background: url('/images/activity/bonus_open_201710/left.png')no-repeat center center;
	    /*position: absolute;
	top:0;
	left: 0;*/
	}

	.swiper-button-next {

	    background: url('/images/activity/bonus_open_201710/right.png')no-repeat center center;
	}

	.part3 {
	    background: #fdf7f0;
	    padding: 0.5rem 0 0.27rem 0;
	}

	.part3>.part3_title {
	    width: 6.7rem;
	    height: 1.22rem;
	    display: block;
	    margin: 0 0 0.44rem 0.4rem;
	}

	.part3>.part3-contentbox {
	    overflow: hidden;
	}
	/*.part3>.part3-contentbox>.part3-content{
	width:3.28rem;
	height:2.71rem;
	background-size: 3.28rem 2.71rem;
	padding-top: 1.95rem;
	float: left;
}
.part3>.part3-contentbox>.part3-content1{
	background: url('/images/activity/bonus_open_201710/pic_1.png')no-repeat center center;
}
.part3>.part3-contentbox>.part3-content2{
	background: url('/images/activity/bonus_open_201710/pic_2.png')no-repeat center center;
}
.part3>.part3-contentbox>.part3-content3{
	background: url('/images/activity/bonus_open_201710/pic_3.png')no-repeat center center;
}
.part3>.part3-contentbox>.part3-content4{
	background: url('/images/activity/bonus_open_201710/pic_4.png')no-repeat center center;
}
.part3>.part3-contentbox>.part3-content5{
	width:7.5rem;
	height:2.77rem;
	float: left;
	padding-top: 1.99rem;
	background: url('/images/activity/bonus_open_201710/pic_5.png')no-repeat center center;
}
.part3>.part3-contentbox>.part3-content5>p{
	margin:0 0 0 0;
	height:0.78rem;
	width:100%;
	background:#06030a;
	font-size: 0.2rem;
	opacity: 0.85;
	color:#fff;
	text-align: center;
	padding-top: 0.1rem;
	
}

.part3>.part3-contentbox>.part3-content>p{
	margin:0 0 0 0;
	height:0.76rem;
	width:100%;
	color:#fff;
	font-size: 0.15rem;
	background: #31302f;
	opacity: 0.85;
	border-radius: 0 0 0.06rem 0.06rem;
	text-align: center;
	padding-top: 0.12rem;
	
}*/

	.part3-contentbox ul {
	    padding: 0 0.1rem 0 0.1rem;
	    overflow: hidden;
	    margin-top: 0.04rem;
	}

	.part3-contentbox ul li {
	    width: 2.433rem;
	    list-style: none;
	    float: left;
	}

	.part3-contentbox ul li div {
	    width: 1.01rem;
	    height: 0.99rem;
	    margin: 0 0 0.1rem 0.71rem;
	}

	.part3-contentbox ul li p {
	    text-align: center;
	    font-size: 0.21rem;
	    color: #656565;
	}

	.part3-contentbox ul li:nth-child(1),
	.part3-contentbox ul li:nth-child(2),
	.part3-contentbox ul li:nth-child(3) {
	    margin-bottom: 0.2rem;
	}
	/*.part3-contentbox ul li img{
	text-align: center;
}*/

	.part4>img {
	    width: 100%;
	}

	.bottom-mobile {
	    width: 7.5rem;
	    overflow: hidden;
	    position: fixed;
	    bottom: 0;
	    z-index: 99;
	    padding: 0.27rem 0 0.29rem 0.41rem;
	    background: #1c2133;
	}

	.bottom-mobile a {
	    width: 3.24rem;
	    height: 0.9rem;
	    display: block;
	    float: left;
	    border-radius: 0.07rem;
	    overflow: hidden;
	    padding: 0.25rem 0 0.25rem 0;
	}

	.bottom-mobile>.bottom-mobile-btn1 {
	    background: #e9473f;
	    margin-right: 0.21rem;
	}

	.bottom-mobile>.bottom-mobile-btn2 {
	    background: #2597e1;
	}

	.bottom-mobile>a>img {
	    display: block;
	    width: 0.4rem;
	    height: 0.4rem;
	    float: left;
	    margin: 0 0.25rem 0 0.59rem;
	}

	.bottom-mobile>a>p {
	    float: left;
	    height: 0.4rem;
	    line-height: 0.4rem;
	    font-size: 0.36rem;
	    color: #fff;
	}

	footer {
	    margin-bottom: 1.46rem;
	}
	/*----------------------------------------------------------------------------------------------------------------------------*/

	.modal-A {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1050;
	    display: none;
	    overflow: hidden;
	    -webkit-overflow-scrolling: touch;
	    outline: 0;
	}

	.modal-backdrop-A {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1040;
	    background-color: #000;
	    opacity: .5;
	}

	.modal-dialog-A {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 808px;
	    height: 610px;
	    margin: auto;
	    border: 3px solid #ff5528;
	    -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;
	    border-radius: 20px;
	    background-color: #fff;
	}

	.modal-content-A {
	    position: relative;
	    line-height: 20px;
	    font-size: 12px;
	    padding: 15px;
	}

	.modal-body-A {
	    position: relative;
	    background: #faf8f4;
	    padding: 5px;
	    overflow-y: auto;
	    height: 510px;
	    overflow-y: auto;
	}

	.modal-body-A span {
	    display: inline-block;
	    margin-left: 10px;
	}

	.modal-header-A {
	    height: 40px;
	    line-height: 40px;
	    padding-bottom: 12px;
	}

	.modal-header-A .close-A {
	    position: absolute;
	    top: 10px;
	    right: 15px;
	    display: block;
	    width: 42px;
	    height: 42px;
	    cursor: pointer;
	    background: url(/images/activity/bonus_open_201710/close.png) no-repeat center center;
	}

	.modal-header-A .close-A:hover {
	    background: url(/images/activity/bonus_open_201710/close_over.png) no-repeat center center;
	}

	#activity-details-A .modal-body-A>ol {
	    padding-left: 60px;
	}

	.modal_table-A {
	    border: 1px solid;
	}

	.modal_table-A th {
	    font-size: 16px;
	    padding: 10px 0;
	    text-align: center;
	}

	.modal_table-A {
	    width: 100%;
	}

	.modal_table-A td {
	    border: 1px solid;
	    padding: 5px 0;
	    text-align: center;
	}

	.hidden-lg-A {
	    display: none !important;
	}

	.modal-body-A span.speColor-A {
	    margin: 0;
	    color: #ff0000;
	}

	.modal_alert-footer-A .btn {
	    display: inherit;
	    margin-left: auto;
	    margin-right: auto;
	}

	@media screen and (max-width:750px) {
	    .modal-dialog-A {
	        position: relative;
	        width: auto;
	        height: auto;
	        overflow: hidden;
	        margin: 10px;
	        min-width: 280px;
	    }
	    .modal-footer-A {
	        padding: 15px;
	        text-align: right;
	        border-top: 1px solid #e5e5e5;
	        display: block !important;
	    }
	    .modal-footer-A .close-A {
	        display: inline-block;
	        padding: 5px 10px;
	        color: #fff;
	        background-color: #1f89f1;
	        cursor: pointer;
	    }
	}

	@media screen and (max-width: 430px) {

	    .modal-body-A {
	        height: 400px;
	    }
	    .modal-content-A {
	        padding: 8px;
	        padding-bottom: 0;
	    }
	}

	@media screen and (max-width: 330px) {
	    .modal-body-A {
	        height: 215px;
	    }
	}
	/*----------------------------------------------------------------------------------------------------------------------------*/

	.modal-A p {
	    font-size: 0.24rem;
	    line-height: 0.4rem;
	}

	.modal-A li {
	    font-size: 0.24rem;
	    line-height: 0.4rem
	}

	.modal-dialog-A {
	    width: 7.1rem;
	    height: 9.12rem;
	    margin: 0.2rem;
	    top: 1rem;
	}

	.modal-header-A {
	    height: 0.6rem;
	    line-height: 0.6rem;
	    padding-bottom: 0.24rem;
	}

	.modal-content-A {
	    width: 6.98rem;
	    height: 9rem;
	    padding: 0.16rem;
	}

	.modal-body-A {
	    width: 6.62rem;
	    height: 8rem;
	    padding: 0.1rem;
	}

	.activity-rule-A {
	    font-weight: bold;
	    font-size: 0.28rem;
	    margin-top: 0.3rem;
	}

	.activity-head-A {
	    width: 3.1rem;
	    margin: 0.1rem 0 0.3rem 1.52rem;
	    font-size: 0.36rem;
	}

	.modal-header-A .close-A {
	    position: absolute;
	    top: 0.1rem;
	    right: 0.15rem;
	    display: block;
	    width: 0.42rem;
	    height: 0.42rem;
	    cursor: pointer;
	    background: url(/images/activity/bonus_open_201710/close.png) no-repeat center center;
	    background-size: 0.42rem 0.42rem;
	}

	.modal-header-A .close-A:hover {
	    background: url(/images/activity/bonus_open_201710/close_over.png) no-repeat center center;
	    background-size: 0.42rem 0.42rem;
	}
}