@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; border:0; font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: normal; -webkit-overflow-scrolling:touch; }/*color:#1b1b1b;*/
a{  font-size:0.7em; text-decoration:none; color: #333333; outline: none; transition:color .3s;}/*color:#646368;*/
a:hover{ color:#ed652b; text-decoration:none;}
img{ display:block;}
input[type=button], input[type=submit], input[type=file], input[type=text], input[type=number], input[type=reset] button {
-webkit-appearance: none; border-radius: 0px;
}
textarea,select,button,input{ -webkit-appearance: none; border-radius: 0px; outline: none;}
html,body{ width: 100%; height: 100%; overflow: visible; z-index: -2; background-color: #f8f8f8; }

.Loading{ width: 100%; height: 100vh; box-sizing: border-box; background: url(../images/background01.jpg) no-repeat 0px 0px; background-size: 100% 100%; }
.Loading .logo{ width: auto; height: 20px; position: fixed; top: 15vh; left: 10%; }
.Loading .logo img{ height: 20px; }
.Loading .slogan{ width: 100%; height: auto; overflow: hidden; position: fixed; top: 20vh; left: 0; }
.Loading .slogan img{ width: 100%; }
.Loading .enter{ width: auto; height: auto; overflow: hidden; position: fixed; bottom: 25vh; left: 0; padding-left: 10%; box-sizing: border-box; }
.Loading .enter a{ display: block; width: auto; height: auto; border: 1px solid #ed652b; border-radius: 30px; font-size: 16px; line-height: 45px; text-align: center; padding: 0px 30px; color: #ffffff; }
.Bj01{ width: 100%; height: 100vh; overflow: hidden; background: url(../images/background.jpg) no-repeat center center; background-size: 100% 100%; position: fixed; top: 0; left: 0; z-index: -1; }
.Content{ width: 100%; height: 100%; padding: 10px 10px; box-sizing: border-box; }
.Content .ItemCode{ width: 100%; height: 100%; overflow: auto; background: #ffffff; border-radius: 5px; padding: 20px 10px; box-sizing: border-box; }
.Content .ItemCode h3{ width: 100%; height: auto; overflow: hidden; font-size: 16px; line-height: 30px; text-align: center; color: #333333; font-weight: 600; margin-bottom: 20px; }
.Content .ItemCode .list{ width: 100%; height: 45px; border: 1px solid #dddddd; border-radius: 3px; background: #ffffff; margin-bottom: 20px; box-sizing: border-box; }
.Content .ItemCode .list label{ float: left; width: 80px; font-size: 14px; line-height: 43px; color: #000000; text-align: right; }
.Content .ItemCode .list .con_l{ height: 43px; padding-left: 80px; position: relative; }
.Content .ItemCode .list .con_l input,.Content .ItemCode .list .con_l select{ width: 100%; height: 43px; background: #ffffff; padding: 0px 5px; box-sizing: border-box; font-size: 14px; line-height: 48px; color: #333333; border-radius: 5px; }
.Content .ItemCode .list .con_l input::placeholder,.Content .ItemCode .list .con_l select::placeholder,.Content .ItemCode .list .con_l textarea::placeholder{ color: #999999; }
.Content .ItemCode .list .con_l select{ background-image: url(../images/icon_down.png); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 15px; }
.Content .ItemCode .adress{ min-height: 100px; }
.Content .ItemCode .adress .con_l textarea{ width: 100%; height: 98px; padding: 10px 5px 5px; box-sizing: border-box; font-size: 14px; line-height: 20px; color: #333333; }
.Content .ItemCode .list .con_l .Countdown{ width: 100px; height: 45px; position: absolute; top: -1px; right: -1px; border-radius: 0px 5px 5px 0px; }
.Content .ItemCode .list .con_l .Countdown a{ display: block; width: 100%; height: 45px; padding: 0px 5px; box-sizing: border-box; font-size: 14px; line-height: 45px; text-align: center; border-radius: 0px 3px 3px 0px; }
.Content .ItemCode .list .con_l .Countdown a.get{ background: #ed652b; color: #ffffff; }
.Content .ItemCode .list .con_l .Countdown a.second{ background: #cccccc; color: #666666; }

.Content .ItemCode .Privacy_Policy{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; }
.Content .ItemCode .Privacy_Policy input{ float: left; width: 15px; height: 15px; background: url(../images/icon_cbox.png) no-repeat center center; background-size: 15px 15px; margin-top: 2px; margin-right: 5px; }
.Content .ItemCode .Privacy_Policy input:checked{ background: url(../images/icon_cbox_cur.png) no-repeat center center; background-size: 15px 15px; }
.Content .ItemCode .Privacy_Policy p{ font-size: 12px; line-height: 20px; color: #333333; }
.Content .ItemCode .Privacy_Policy p a{ color: #ed652b; }



.Content .ItemCode .Button{ width: 100%; height: auto; overflow: hidden; padding-top: 50px; }
.Content .ItemCode .Button a{ display: table; width: 85%; height: 40px; background: #ed652b; border-radius: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #ffffff; margin: auto; }
.Content .ItemCode .Button a.no{ border: 1px solid #ed652b; background: #ffffff; color: #ed652b; box-sizing: border-box; margin-top: 20px; }



/*-----------------轮播图开始-----------------*/


.pc-banner { width: 100%; position: relative; padding-top: 5px; padding-bottom: 5px; z-index: 0; background: url(../images/background02.jpg) no-repeat 0px 0px; background-size: 100%; overflow: hidden; }
.swiper-container { width: 100%; margin: 35px 0;}
@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 0px 0 15px;
	}
}
.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}
.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	box-shadow: 0px 0px 10px rgba(0,0,0,.6);
}
@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
		box-shadow: 0px 0px 10px rgba(0,0,0,.6);
	}
}
.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
.swiper-slide a { background: #fff; display: block; border-radius: 14px; position: relative;}
.swiper-slide a p{ width: 100%; height: auto; overflow: hidden; padding: 5px 10px; box-sizing:border-box; background: linear-gradient(to right,rgba(0,0,0,.6),rgba(0,0,0,.6) 50%); font-size: 1.2em; line-height: 24px; text-align: center; color: #ffffff; position: absolute; bottom: 0px; left: 0px;}

.swiper-slide-active a:after { background: none;}
@media screen and (max-width: 668px) {
	.swiper-slide a {
		border-radius: 7px;
	}
}

.swiper-slide img { width: 100%; display: block; border-radius: 5px;}
.swiper-pagination { position: relative;}
.swiper-pagination-bullet { background: #00a0e9; margin-left: 4px; margin-right: 4px; width: 17px; height: 17px; opacity: 1; margin-bottom: 4px;}
.swiper-pagination-bullet-active { width: 13px; height: 13px; background: #FFF; border: 6px solid #00a0e9; margin-bottom: 0;}
@media screen and (max-width: 668px) {
	.swiper-pagination {
		position: relative;
	}
	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}
	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #00a0e9;
		border: none;
		margin-bottom: 2px;
	}
}

/*-----------------轮播图结束-----------------*/



.TypeList{ width: 100%; height: auto; padding: 10px 10px; box-sizing: border-box; }
.TypeList ul{ width: 100%; height: auto; overflow: hidden; }
.TypeList ul li{ float: left; width: 25%; height: auto; padding: 0px 10px; box-sizing: border-box; }
.TypeList ul li a{ display: block; width: 100%; height: 100%; }
.TypeList ul li a .img{ display: block; width: 50px; height: 50px; border: 1px solid #e3c590; border-radius: 50%; margin: 0px auto 5px; background: #ffffff; }
.TypeList ul li a .img img{ display: table; width: 40px; height: 40px; margin: 5px auto; }
.TypeList ul li a p{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 30px; text-align: center; color: #333333; }
.IndexConItem{ width: 100%; height: auto; overflow: hidden; padding: 5px 10px 10px; box-sizing: border-box; }
.IndexConItem .list{ float: left; width: 50%; height: auto; overflow: visible; padding: 0px 3px; margin-bottom: 15px; box-sizing: border-box; position: relative; }
.IndexConItem .list a{ display: block; width: 100%; height: 100%; background: #ffffff; border-radius: 3px; box-shadow: 0px 0px 5px rgba(0,0,0,.15); overflow: hidden; padding-bottom: 5px; position: relative; }
.IndexConItem .list a img{ width: 100%; height: auto; overflow: hidden; border-radius: 5px 5px 0px 0px; margin-bottom: 5px; }
.IndexConItem .list a p{ font-size: 14px; line-height: 22px; color: #333333; }
.IndexConItem .list a p.time{ padding-left: 20px; background: url(../images/icon_time.png) no-repeat 4px center; background-size: 12px 12px; }
.IndexConItem .list a p.number{ font-size: 12px; color: #999999; padding-left: 5px; }
.IndexConItem .list a p.number span{ color: #ed652b; padding: 0px 2px; }
.IndexConItem .list .label{ position: absolute; width: 65px; height: 24px; border-radius: 5px 0px 0px 0px; top: 0; left: 3px; font-size: 12px; line-height: 24px; text-align: center; color: #ffffff; }
.IndexConItem .list .label.coming{ background: #cccccc; }
.IndexConItem .list .label.doing{ background: #11a3ff; }
.IndexConItem .list .label.over{ background: #cccccc; }


.Container{ width: 100%; height: auto; overflow: hidden; }

.DetailHeader{ width: 100%; height: auto; overflow: hidden; background: #ffffff; margin-bottom: 10px; padding-bottom: 10px; }
.DetailHeader .banner{ width: 100%; height: auto; overflow: hidden; position: relative; padding-bottom: 40px; }
.DetailHeader .banner .img{ width: 100%; height: auto; overflow: hidden; }
.DetailHeader .banner .img img{ display: block; width: 100%; height: auto; overflow: hidden; }
.DetailHeader .banner .bj{ display: none; width: 100%; height: calc(100% - 40px); background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; }
.DetailHeader .banner h1{ display: none; width: 100%; height: auto; overflow: hidden; padding: 0px 10px; box-sizing: border-box; font-size: 18px; line-height: 30px; font-weight: 600; text-align: center; color: #ffffff; position: absolute; top: 30px; }
.DetailHeader .banner .banner_bj{ position: absolute; bottom: 40px; left: 0; width: 100%; }
.DetailHeader .banner .banner_bj img{ display: block; width: 100%; }
.DetailHeader .banner .countdown{ width: 90%; height: 50px; border-radius: 5px; background-image: linear-gradient(to bottom, #5b5b5b, #232323); position: absolute; bottom: 25px; left: 5%; text-align: center; line-height: 50px; color: #ffffff; font-size: 14px; }
.DetailHeader .banner .countdown span{ font-size: 16px; color: #ed652b; font-weight: 600; padding: 0px 3px; }
.DetailHeader .date{ width: 100%; height: auto; overflow: hidden; padding: 0px 10px; padding-left: 25px; background: url(../images/icon_time.png) no-repeat 5px center; background-size: 15px 15px; font-size: 14px; line-height: 30px; color: #333333; box-sizing: border-box; }
.DetailHeader .date p{ float: right; font-size: 14px; }
.DetailHeader .date p.doing{ color: #2963d4; font-weight: 600; }
.DetailHeader .adress{ width: 100%; height: auto; overflow: hidden; padding: 0px 10px; padding-left: 25px; background: url(../images/icon_adress.png) no-repeat 5px center; background-size: 15px 15px; font-size: 14px; line-height: 30px; color: #333333; box-sizing: border-box; }
.DetailCon{ width: 100%; height: auto; overflow: hidden; background: #ffffff; padding: 10px 10px; box-sizing: border-box; }
.DetailCon p{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 28px; color: #333333; margin-bottom: 10px; text-align: justify; }
.DetailCon p img,.DetailCon img{ display: block; width: 100%; height: auto; overflow: hidden; }
.DetailShare{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px; margin-bottom: 10px; background: #ffffff; }
.DetailShare a{ display: table; width: auto; height: 30px; margin: 0px auto; font-size: 14px; line-height: 30px; color: #333333; }
.DetailShare a img{ display: block; float: left; width: 20px; height: 20px; margin-top: 5px; margin-right: 5px; }
.ReviewCon{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; background: #ffffff; }
.ReviewCon .tab{ width: 100%; height: 30px; overflow: hidden; }
.ReviewCon .tab ul{ width: 100%; height: auto; overflow: hidden; }
.ReviewCon .tab ul li{ float: left; width: 50%; height: 30px; border-bottom: 1px solid #dddddd; box-sizing: border-box; }
.ReviewCon .tab ul li.cur{ border-bottom: 2px solid #ed652b; }
.ReviewCon .tab ul li a{ display: block; font-size: 14px; line-height: 30px; text-align: center; color: #333333; }
.ReviewCon .tab ul li.cur a{ color: #ed652b; }
.ReviewCon .item{ width: 100%; height: auto; overflow: hidden; }
.ReviewCon .item .list{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.ReviewCon .item .list .img{ float: left; width: 45px; height: 45px; border-radius: 45px; margin-right: 10px; }
.ReviewCon .item .list .img img{ display: block; width: 45px; height: 45px; border-radius: 45px; }
.ReviewCon .item .list .con{ float: left; width: auto; height: 45px; }
.ReviewCon .item .list .con p{ font-size: 14px; line-height: 25px; color: #333333; }
.ReviewCon .item .list .con span{ font-size: 13px; line-height: 20px; color: #999999; }
.ReviewCon .item .list a{ float: right; width: auto; font-size: 14px; line-height: 45px; padding-right: 20px; background: url(../images/icon_right.png) no-repeat right center; background-size: 12px 12px; color: #ed652b; }
.SignUpCon{ width: calc(100% - 20px); height: auto; overflow: hidden; position: absolute; top: 80px; left: 10px; padding-bottom: 50px; }
.SignUpCon .header{ width: 100%; height: auto; overflow: hidden; top: 0; left: 0; position: absolute; padding: 0px 10px; box-sizing: border-box; z-index: 1; }
.SignUpCon .header img{ width: 50px; height: 50px; border: 5px solid #ffffff; margin: 0px auto; border-radius: 50%; }
.SignUpCon .header p,.SignUpCon .header .p{ width: 100%; display: block; font-size: 13px; line-height: 26px; text-align: center; color: #333333; border-bottom: 1px solid #dddddd; }
.SignUpCon .InfoCon{ width: 100%; height: auto; overflow: hidden; padding-top: 65px; padding-bottom: 10px; position: relative; background: #ffffff; border-radius: 5px; margin-top: 25px; margin-bottom: 10px; }
.SignUpCon .InfoCon.none{ padding: 0px; background: none; margin: 0px; }
.SignUpCon .InfoCon .list{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; }
.SignUpCon .InfoCon .list h3{ width: 100%; height: auto; overflow: hidden; border-left: 3px solid #ed652b; padding-left: 10px; box-sizing: border-box; font-size: 18px; line-height: 20px; color: #000000; font-weight: 600; margin-bottom: 10px; }
.SignUpCon .InfoCon .list input,.SignUpCon .InfoCon .item input{ width: calc(100% - 10px); height: 45px; border: 1px solid #dddddd; border-radius: 3px; padding: 5px 10px; box-sizing: border-box; font-size: 14px; line-height: 33px; color: #333333; }
.SignUpCon .InfoCon .list input::placeholder{ font-size: 14px; color: #888888; }
.SignUpCon .item{ width: 100%; height: auto; background: #ffffff; border-radius: 5px; padding: 20px 10px 10px; box-sizing: border-box; margin-bottom: 10px; }
.SignUpCon .item h3,.SignUpCon .item .h3{ width: 100%; height: auto; overflow: hidden; border-left: 3px solid #ed652b; padding-left: 10px; box-sizing: border-box; font-size: 18px; line-height: 20px; color: #000000; font-weight: 600; margin-bottom: 10px; }
.SignUpCon .item .list{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; position: relative; padding-right: 20px; box-sizing: border-box; }
.SignUpCon .item .list .name,.SignUpCon .item .list .id{ float: left; width: 50%; padding: 0px 2px; box-sizing: border-box; }
.SignUpCon .item .list .name label,.SignUpCon .item .list .id label{ float: left; width: 40px; font-size: 13px; line-height: 45px; text-align: right; color: #333333; }
.SignUpCon .item .list .name .con_l,.SignUpCon .item .list .id .con_l{ padding-left: 40px; }
.SignUpCon .item .list .name .con_l input,.SignUpCon .item .list .id .con_l input{ width: 100%; height: 45px; border: 1px solid #dddddd; border-radius: 5px; box-sizing: border-box; padding: 5px 5px; font-size: 13px; line-height: 33px; }
.SignUpCon .item .list a{ display: block; width: 15px; height: 15px; position: absolute; top: 15px; right: 0px; }
.SignUpCon .item .list a.add{ background: url(../images/icon_add.png) no-repeat center center; background-size: 15px 15px; }
.SignUpCon .item .list a.delete{ background: url(../images/icon_delete.png) no-repeat center center; background-size: 15px 15px; }
.SignUpCon .item textarea{ width: 100%; height: auto; min-height: 80px; border: 1px solid #dddddd; padding: 5px 5px; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #333333; }
.SignUpCon .item textarea::placeholder{ font-size: 14px; color: #666666; }
.SuccessCon{ width: 100%; height: auto; overflow: hidden; padding: 60px 10px 10px; box-sizing: border-box; position: relative; }
.SuccessCon .header{ width: 100%; height: auto; overflow: hidden; top: 30px; left: 0; position: absolute; padding: 0px 20px; box-sizing: border-box; z-index: 1; }
.SuccessCon .header img{ width: 50px; height: 50px; border: 5px solid #ffffff; margin: 0px auto; border-radius: 50%; }
.SuccessCon .header p{ font-size: 13px; line-height: 26px; text-align: center; color: #333333; border-bottom: 1px solid #dddddd; padding-bottom: 20px; }
.SuccessCon .erweima{ width: 100%; height: auto; overflow: hidden; background: #ffffff; border-radius: 5px; padding-top: 120px; padding-bottom: 50px; }
.SuccessCon .erweima h3{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 28px; text-align: center; color: #000000; margin-bottom: 20px; }
.SuccessCon .erweima img{ display: block; width: 60%; height: auto; overflow: hidden; margin: 0px auto 10px; }
.SuccessCon .erweima p{ width: 100%; height: auto; overflow: hidden; font-size: 13px; line-height: 24px; text-align: center; color: #666666; margin-bottom: 30px; }
.SuccessCon .erweima p span{ padding: 0px 5px; color: #ed652b; font-size: 15px; }
.SuccessCon .erweima .button{ width: 100%; height: auto; overflow: hidden; }
.SuccessCon .erweima .button a{ display: table; width: 90%; height: 45px; background: #ed652b; border-radius: 45px; font-size: 18px; line-height: 45px; text-align: center; color: #ffffff; margin: 20px auto 0px; }
.MyContent{ width: 100%; height: auto; padding: 10px 10px; box-sizing: border-box; }
.MyContent .IdCard{ width: 100%; height: auto; box-shadow: 0px 0px 5px rgba(0,0,0,.3); margin-bottom: 10px; padding: 10px 10px; box-sizing: border-box; background: url(../images/background03.jpg) no-repeat 0px 0px; background-size: 100% 100%; border-radius: 5px; position: relative; }
.MyContent .IdCard .header{ width: 100%; height: auto; overflow: hidden; padding: 5px 5px 10px; box-sizing: border-box; margin-bottom: 10px; border-bottom: 1px solid #dddddd; }
.MyContent .IdCard .header .img{ float: left; width: 55px; height: 55px; border-radius: 55px; margin-right: 10px; }
.MyContent .IdCard .header .img img{ display: block; width: 55px; height: 55px; border-radius: 55px; }
.MyContent .IdCard .header .name{ padding-left: 60px; font-size: 16px; line-height: 30px; color: #ffffff; margin-bottom: 5px; }
.MyContent .IdCard .header .level{ float: left; width: 70px; height: 20px; background-color: #ffffff; border-radius: 15px; padding-left: 25px; box-sizing: border-box; font-size: 12px; line-height: 20px; color: #ed652b; background-image: url(../images/icon_level.png); background-position: 10px center; background-repeat: no-repeat; background-size: 12px 12px; }
.MyContent .IdCard .integral{ width: 100%; height: auto; overflow: hidden; }
.MyContent .IdCard .integral .list{ float: left; width: auto; height: auto; overflow: hidden; padding: 0px 15px; box-sizing: border-box; }
.MyContent .IdCard .integral .list a{ display: block; width: 100%; height: 100%; }
.MyContent .IdCard .integral .list a p{ display: block; font-size: 16px; line-height: 30px; text-align: center; color: #ffffff; }
.MyContent .IdCard .integral .list a span{ display: block; font-size: 14px; line-height: 28px; text-align: center; color: #ffffff; }
.MyContent .IdCard .m_code{ display: inline-block; width: auto; position: absolute; bottom: 20px; right: -3px; background: #191919; border-radius: 20px 0px 0px 20px; box-shadow: 0px 0px 5px rgba(0,0,0,.6); }
.MyContent .IdCard .m_code a{ display: block; padding: 5px 5px; box-sizing: border-box; padding-left: 30px; background: url(../images/icon_erweima.png) no-repeat 10px center; background-size: 18px 18px; font-size: 14px; line-height: 20px; color: #ffffff; }
.MyContent .Type{ width: 100%; height: auto; overflow: hidden; }
.MyContent .Type .list{ float: left; width: 31%; height: auto; min-height: 80px; margin: 0px 1.16666% 10px; border-radius: 5px; }
.MyContent .Type .list01{ background-image: linear-gradient(to bottom right, #4db0f9, #61d7f9); }
.MyContent .Type .list02{ background-image: linear-gradient(to bottom right, #5e6af1, #894ee3); }
.MyContent .Type .list03{ background-image: linear-gradient(to bottom right, #e9358f, #ea38c6); }
.MyContent .Type .list a{ display: block; width: 100%; height: 100%; min-height: 80px; padding: 10px 10px; box-sizing: border-box; }
.MyContent .Type .list a p{ display: block; font-size: 14px; line-height: 28px; color: #ffffff; }
.MyContent .Type .list a span{ display: block; font-size: 12px; line-height: 20px; color: #ffffff; }
.MyContent .Type .list01 a{ background-image: url(../images/m_icon01.png); background-position: 108% 48px; background-size: 40px; background-repeat: no-repeat; }
.MyContent .Type .list02 a{ background-image: url(../images/m_icon02.png); background-position: 108% 48px; background-size: 40px; background-repeat: no-repeat; }
.MyContent .Type .list03 a{ background-image: url(../images/m_icon03.png); background-position: 108% 48px; background-size: 40px; background-repeat: no-repeat; }
.MyContent .MyItem{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px; box-sizing: border-box; }
.MyContent .MyItem .list{ float: left; width: 25%; height: auto; overflow: hidden; margin-bottom: 10px; padding: 0px 5px; box-sizing: border-box; }
.MyContent .MyItem .list a{ display: block; width: 100%; height: auto; overflow: hidden; }
.MyContent .MyItem .list a img{ display: block; width: 30px; height: 30px; margin: 0px auto 10px; }
.MyContent .MyItem .list a p{ width: 100%; height: auto; overflow: hidden; font-size: 14px; text-align: center; color: #333333; }
.MyIntegralCon{ width: 100%; height: auto; overflow: hidden; background-image: url(../images/background04.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: 100%; padding: 10px 0px; box-sizing: border-box; }
.MyIntegralCon .total{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px 20px; position: relative; }
.MyIntegralCon .total p{ font-size: 30px; text-align: center; color: #ffffff; font-weight: 500; line-height: 40px; }
.MyIntegralCon .total span{ display: block; font-size: 15px; line-height: 30px; text-align: center; color: #ffffff; }
.MyIntegralCon .total a{ display: block; width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; }
.MyIntegralCon .total a img{ display: block; width: 25px; height: 25px; }
.MyIntegralCon .signin{ width: calc(100% - 20px); height: auto; overflow: hidden; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.15); padding: 10px 10px; box-sizing: border-box; margin: 0px auto; }
.MyIntegralCon .signin .title{ width: 100%; height: auto; overflow: hidden; font-size: 16px; line-height: 30px; color: #000000; margin-bottom: 10px; }
.MyIntegralCon .signin .title a{ float: right; font-size: 14px; line-height: 30px; color: #ed652b; }
.MyIntegralCon .signin .day{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px 70px; position: relative; }
.MyIntegralCon .signin .day hr{ width: 90%; height: 0px; border: 0.5px solid #dddddd; margin: 0px auto; position: absolute; top: 25px; left: 5%; }
.MyIntegralCon .signin .day .item{ width: 100%; height: auto; overflow: hidden; position: absolute; z-index: 1; }
.MyIntegralCon .signin .day .list{ float: left; width: 14.285%; height: auto; overflow: hidden; }
.MyIntegralCon .signin .day .list div{ width: 25px; height: 25px; background: #b4c6d2; border: 3px solid #e7e7e7; font-size: 12px; line-height: 25px; border-radius: 20px; color: #ffffff; text-align: center; margin: 0px auto 10px; }
.MyIntegralCon .signin .day .list p{ font-size: 12px; line-height: 20px; color: #dddddd; text-align: center; }
.MyIntegralCon .signin .day .doing div{ background: #fff7ea; border-color: #ed652b; color: #ed652b; }
.MyIntegralCon .signin .day .doing p{ color: #333333; }
.MyIntegralCon .signin .button{ width: 100%; height: auto; padding: 10px 0px; }
.MyIntegralCon .signin .button a,.MyIntegralCon .signin .button p{ display: table; width: 200px; height: 35px; border-radius: 20px; background: #ed652b; box-shadow: 0px 0px 5px rgba(255,156,34,.6); margin: auto; font-size: 14px; line-height: 35px; color: #ffffff; text-align: center; }
.MyIntegralCon .signin .button p{ background: #cccccc;}
.MyIntegralCon .points{ width: 100%; height: auto; overflow: hidden; padding: 20px 10px; box-sizing: border-box; }
.MyIntegralCon .points .list{ float: left; width: 50%; height: auto; overflow: hidden; }
.MyIntegralCon .points .list a{ display: table; margin: 0px auto; }
.MyIntegralCon .points .list a img{ display: block; width: 40px; height: 40px; margin: 0px auto 10px; }
.MyIntegralCon .points .list a p{ font-size: 14px; line-height: 30px; color: #333333; text-align: center; }
.MyIntegralCon .points .list a span{ display: table; font-size: 12px; line-height: 20px; text-align: center; color: #a0a0a0; }
.MyIntegralCon .redeem{ width: 100%; height: auto; overflow: hidden; background: #ffffff; padding: 10px 10px; box-sizing: border-box; }
.MyIntegralCon .redeem .title{ width: 100%; height: 30px; font-size: 16px; line-height: 30px; color: #000000; margin-bottom: 10px; }
.MyIntegralCon .redeem .item{ width: 100%; height: auto; overflow: hidden; }


.MyIntegralCon .redeem .item .list,.RedeemCon .item .list{ float: left; width: 47%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; margin: 0px 1.5% 10px; box-shadow: 0px 0px 5px rgba(0,0,0,.12); }
.MyIntegralCon .redeem .item .list img,.RedeemCon .item .list img{ display: block; width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; }
.MyIntegralCon .redeem .item .list p,.RedeemCon .item .list p{ width: 100%; padding: 0px 5px; box-sizing: border-box; font-size: 14px; line-height: 24px; }
.MyIntegralCon .redeem .item .list p.tit,.RedeemCon .item .list p.tit{ color: #333333; font-size: 14px; }
.MyIntegralCon .redeem .item .list p.desc,.RedeemCon .item .list p.desc{ color: #999999; font-size: 12px; margin-bottom: 5px; }
.MyIntegralCon .redeem .item .list p.dian,.RedeemCon .item .list p.dian{ color: #999999; font-size: 12px; padding-bottom: 5px; }
.MyIntegralCon .redeem .item .list p.dian span,.RedeemCon .item .list p.dian span{ color: #ed652b; padding-right: 5px; }
.MyIntegralCon .redeem .item .list .niu,.RedeemCon .item .list .niu{ display: block; width: 100%; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #ffffff; }
.MyIntegralCon .redeem .item .list .coming,.RedeemCon .item .list .coming{ background: #ed652b; }
.MyIntegralCon .redeem .item .list .over,.RedeemCon .item .list .over{ background: #eeeeee; color: #bbbbbb; }




.CreditTask{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; background: #ffffff; box-sizing: border-box; }
.CreditTask .header{ width: 100%; height: auto; overflow: hidden; font-size: 18px; line-height: 36px; text-align: center; color: #000000; font-weight: 600; padding: 10px 0px 20px; }
.CreditTask .item{ width: 100%; height: auto; }
.CreditTask .item .list{ width: 100%; height: auto; overflow: hidden; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.12); margin-bottom: 10px; position: relative; padding: 10px 10px; box-sizing: border-box; }
.CreditTask .item .list label{ float: left; }
.CreditTask .item .list label img{ width: 20px; height: 20px; margin-top: 5px; }
.CreditTask .item .list .con_l{ padding-left: 30px; }
.CreditTask .item .list .con_l p{ font-size: 16px; line-height: 30px; margin-bottom: 5px; color: #333333; }
.CreditTask .item .list .con_l span{ font-size: 12px; line-height: 20px; color: #999999; }
.CreditTask .item .list .niu{ width: 60px; height: 25px; border-radius: 15px; background: #ed652b; color: #ffffff; font-size: 12px; line-height: 25px; text-align: center; position: absolute; top: 25px; right: 10px; }
.CreditTask .item .list .niu a{ display: block; font-size: 12px; }
.CreditTask .item .list .coming a{ color: #ffffff; }
.CreditTask .item .list .doing{ background: #eeeeee; color: #bbbbbb; }
.CreditTask .item .list .go{ background: #fbd6c6; color: #ed652b; }
.CreditTask .item .list .go a{ color: #ed652b; }
.RedeemCon{ width: 100%; height: auto; overflow: hidden; background: #ffffff; padding: 10px 10px; box-sizing: border-box; }
.RedeemCon .header{ width: 100%; height: auto; overflow: hidden; font-size: 18px; line-height: 36px; text-align: center; color: #000000; font-weight: 600; padding: 10px 0px 20px; }
.RedeemCon .item{ width: 100%; height: auto; }





.PersonalInfo{ width: 100%; height: auto; overflow: hidden; background: #ffffff; border-radius: 5px; padding: 100px 10px 50px; box-sizing: border-box; }
.PersonalInfo .list{ width: 100%; height: 45px; border: 1px solid #dddddd; border-radius: 3px; background: #ffffff; margin-bottom: 20px; box-sizing: border-box; }
.PersonalInfo .list label{ float: left; width: 80px; font-size: 14px; line-height: 43px; color: #000000; text-align: right; }
.PersonalInfo .list .con_l{ height: 43px; padding-left: 80px; position: relative; }
.PersonalInfo .list .con_l input,.PersonalInfo .list .con_l select{ width: 100%; height: 43px; background: #ffffff; padding: 0px 5px; box-sizing: border-box; font-size: 14px; line-height: 48px; color: #333333; border-radius: 5px; }
.PersonalInfo .list .con_l input::placeholder,.PersonalInfo .list .con_l select::placeholder,.PersonalInfo .list .con_l textarea::placeholder{ color: #999999; }
.PersonalInfo .list .con_l select{ background-image: url(../images/icon_down.png); background-repeat: no-repeat; background-position: 98% center; background-size: 15px 15px; }
.PersonalInfo .adress{ min-height: 100px; }
.PersonalInfo .adress .con_l textarea{ width: 100%; height: 98px; padding: 10px 5px 5px; box-sizing: border-box; font-size: 14px; line-height: 20px; color: #333333; }
.PersonalInfo .list .con_l .Countdown{ width: 100px; height: 45px; position: absolute; top: -1px; right: -1px; border-radius: 0px 5px 5px 0px; }
.PersonalInfo .list .con_l .Countdown a{ display: block; width: 100%; height: 45px; padding: 0px 5px; box-sizing: border-box; font-size: 14px; line-height: 45px; text-align: center; border-radius: 0px 3px 3px 0px; }
.PersonalInfo .list .con_l .Countdown a.get{ background: #ed652b; color: #ffffff; }
.PersonalInfo .list .con_l .Countdown a.second{ background: #cccccc; color: #666666; }
.PersonalInfo .Button{ width: 100%; height: auto; overflow: hidden; padding-top: 50px; }
.PersonalInfo .Button a{ display: table; width: 85%; height: 40px; background: #ed652b; border-radius: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #ffffff; margin: auto; }
.ActiveCon{ width: 100%; height: auto; overflow: hidden; background: #ffffff; border-radius: 5px; padding: 100px 10px 30px; box-sizing: border-box; }
.ActiveCon .title,.ActiveCon .list{ width: 100%; height: 40px; background: #e8f5fc; padding: 0px 10px; box-sizing: border-box; }
.ActiveCon .title p,.ActiveCon .list p{ float: left; font-size: 14px; line-height: 40px; color: #000000; height: 40px; }
.ActiveCon .list p{ font-size: 12px; }
.ActiveCon .title p.name,.ActiveCon .list p.name{ width: 60%; }
.ActiveCon .title p.time,.ActiveCon .list p.time{ width: 20%; }
.ActiveCon .title p.address,.ActiveCon .list p.address{ width: 20%; }
.ActiveCon .list{ background: #ffffff; }
.ActiveCon .list.color{ background: #f2f2f2; }
.ActiveCon .list p a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 12px; width: 100%; height: 40px; padding-right: 5px; box-sizing: border-box; overflow: hidden; }


.NewsCon{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; background: #ffffff; box-sizing: border-box; }
.NewsCon .header{ width: 100%; height: auto; overflow: hidden; font-size: 18px; line-height: 36px; text-align: center; color: #000000; font-weight: 600; padding: 10px 0px 20px; }
.NewsCon .item{ width: 100%; height: auto; }
.NewsCon .item .list{ width: 100%; height: auto; overflow: hidden; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.12); margin-bottom: 10px; position: relative; padding: 10px 10px; box-sizing: border-box; }
.NewsCon .item .list label{ float: left; }
.NewsCon .item .list label img{ width: 20px; height: 20px; margin-top: 5px; }
.NewsCon .item .list .con_l{ padding-left: 30px; }
.NewsCon .item .list .con_l p{ font-size: 14px; line-height: 24px; margin-bottom: 5px; color: #666666; }
.NewsCon .item .list .con_l p strong{ font-size: 16px; color: #333333; }
.NewsCon .item .list .con_l span{ font-size: 12px; line-height: 20px; color: #999999; }
.NewsCon .item .list .niu{ width: 70px; height: 25px; border-radius: 15px; background: #ed652b; color: #ffffff; font-size: 12px; line-height: 25px; text-align: center; position: absolute; bottom: 10px; right: 10px; }
.NewsCon .item .list .niu a{ display: block; font-size: 12px; color: #ffffff; }



.MemberCode{ width: 100%; height: auto; overflow: hidden; background: #ffffff; border-radius: 5px; padding: 150px 10px 100px; box-sizing: border-box; }
.MemberCode img{ display: block; width: 50%; height: auto; overflow: hidden; margin: 0px auto 10px; }
.MemberCode p{ width: 100%; height: auto; overflow: hidden; font-size: 13px; line-height: 24px; text-align: center; color: #666666; margin-bottom: 30px; }


.PointsDetails{ width: 100%; height: auto; min-height: 100%; overflow: hidden; padding: 10px 10px; background: #ffffff; box-sizing: border-box; }
.PointsDetails .header{ width: 100%; height: auto; overflow: hidden; font-size: 18px; line-height: 36px; text-align: center; color: #000000; font-weight: 600; padding: 10px 0px 20px; }
.PointsDetails .item{ width: 100%; height: auto; }
.PointsDetails .item .list{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; position: relative; padding: 5px 0px; box-sizing: border-box; border-bottom: 1px solid #f4f4f4; }
.PointsDetails .item .list label{ float: left; }
.PointsDetails .item .list label img{ width: 20px; height: 20px; margin-top: 5px; }
.PointsDetails .item .list .con_l{ padding-left: 30px; padding-right: 40px; position: relative; }
.PointsDetails .item .list .con_l p{ font-size: 14px; line-height: 30px; margin-bottom: 5px; color: #333333; }
.PointsDetails .item .list .con_l span{ position: absolute; top: 5px; right: 10px; font-size: 14px; line-height: 20px; }
.PointsDetails .item .list .con_l span.add{ color: #ed652b; }
.PointsDetails .item .list .con_l span.cut{ color: #000000; }











.bj_none{ background: none; }
.none{ width: 100%; height: 50px; }
.Fixed{ width: 100%; height: 50px; border-top: 1px solid #dddddd; background: #ffffff; box-sizing: border-box; position: fixed; bottom: 0; left: 0; z-index: 6; }
.Fixed ul{ width: 100%; height: 100%; overflow: hidden; }
.Fixed ul li{ float: left; width: 33.33333333%; height: 49px; overflow: hidden; }
.Fixed ul li a{ display: block; }
.Fixed ul li a i{ display: block; width: auto; height: 20px; margin: 3px auto 2px; }
.Fixed ul li:nth-child(1) a i{ background: url(../images/nav_icon01.png) no-repeat center center; background-size: 20px; }
.Fixed ul li:nth-child(2) a i{ background: url(../images/nav_icon02.png) no-repeat center center; background-size: 20px; }
.Fixed ul li:nth-child(3) a i{ background: url(../images/nav_icon03.png) no-repeat center center; background-size: 20px; }
.Fixed ul li a p{ width: 100%; height: auto; overflow: hidden; font-size: 12px; line-height: 24px; color: #999999; text-align: center; }
.Fixed ul li.cur a p{ color: #ed652b; }

.FixedButton{ width: 100%; height: 50px; background: #ffffff; position: fixed; bottom: 0; left: 0; }
.FixedButton a{ display: table; width: 90%; height: 40px; background: #ed652b; border-radius: 40px; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff; margin: 5px auto; }