@charset "UTF-8";

.navbar,.view>.navbar {
	z-index: 500;
	position: absolute
}

.panel,.tab-panel,.view,[class^=swiper-container] {
	overflow-x: hidden
}

.navbar {
	left: 0;
	top: 0
}

.panel {
	overflow-y: auto;
	height: 100%
}

.tab .tab-item .tab-bottom.left {
	left: 0;
	transition: left .2s;
	-moz-transition: left .2s;
	-webkit-transition: left .2s;
	-o-transition: left .2s
}

.tab .tab-item .tab-bottom.right {
	right: 0;
	transition: right .2s;
	-moz-transition: right .2s;
	-webkit-transition: right .2s;
	-o-transition: right .2s
}

.tab .tab-item.active .tab-text {
	border-bottom: none;
	color: #ff7919
}

.tab .tab-item.active .tab-text+.tab-bottom {
	background-color: #ff7919
}

.tab .tab-item.active .tab-text+.tab-bottom.left {
	left: 2.73067rem;
	transition: left .2s;
	-moz-transition: left .2s;
	-webkit-transition: left .2s;
	-o-transition: left .2s
}

.tab .tab-item.active .tab-text+.tab-bottom.right {
	right: 2.73067rem;
	transition: right .2s;
	-moz-transition: right .2s;
	-webkit-transition: right .2s;
	-o-transition: right .2s
}

.tab-panel.active {
	display: block
}

.category-wrap {
	width: 100%;
	font-size: .512rem;
	background: #fff;
	color: #212121
}

.category-wrap .flex-avg-wrap,.category-wrap .flex-avg-wrap .flex-item {
	height: 100%
}

.category-wrap .flex-avg-wrap .flex-item .icon-category {
	display: block;
	margin-bottom: .32rem;
	width: 1.536rem;
	height: 1.83467rem;
	font-size: 1.536rem
}

.category-wrap .flex-avg-wrap .flex-item .icon-category.icon-popular {
	height: 1.83467rem;
	margin-left: .64rem;
	background: url(../images/index/icon-popular.png) center center no-repeat;
	background-size: contain
}

.category-wrap .flex-avg-wrap .flex-item .icon-category.icon-classical {
	width: 1.472rem;
	background: url(../images/index/icon-classical.png) center center no-repeat;
	background-size: contain
}

.category-wrap .flex-avg-wrap .flex-item .icon-category.icon-drama {
	width: 1.70667rem;
	background: url(../images/index/icon-drama.png) center center no-repeat;
	background-size: contain
}

.category-wrap .flex-avg-wrap .flex-item .icon-category.icon-kids {
	width: 1.64267rem;
	background: url(../images/index/icon-kid.png) center center no-repeat;
	background-size: contain
}

.popover-personal-info {
	left: 0;
	top: 0;
	width: 0;
	height: 0
}

.popover-personal-info.active {
	display: block;
	width: 100%;
	height: 100%
}

.popover-personal-info.active .popover-content {
	visibility: visible;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.popover-personal-info.active .popover-bg {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s
}

.popover-personal-info .icon {
	margin-right: .21333rem
}

.popover-personal-info .popover-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity .5s,width .1s .5s,height .1s .5s;
	-moz-transition: opacity .5s,width .1s .5s,height .1s .5s;
	-ms-transition: opacity .5s,width .1s .5s,height .1s .5s;
	transition: opacity .5s,width .1s .5s,height .1s .5s
}

.popover-personal-info .popover-content {
	overflow-y: auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 13.01333rem;
	height: 100%;
	visibility: hidden;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background: #fff
}

.popover-personal-info .popover-content .info-detail {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-left: .68267rem;
	padding-right: .64rem;
	/*height: 8.448rem;*/
	font-size: .64rem;
	color: #666;
	background-color: #f6f6f6
}

.popover-personal-info .popover-content .info-detail .icon {
	margin-right: .10667rem
}

.popover-personal-info .popover-content .info-detail .icon-text-wrap span:nth-of-type(2) {
	font-size: .512rem
}

.popover-personal-info .popover-content .info-detail .switch-city-wrap {
	width: 100%;
	margin-bottom: .21333rem
}

.popover-personal-info .popover-content .info-detail .switch-city-wrap .switch-city-inner:after {
	display: block;
	clear: both;
	content: ''
}

.popover-personal-info .popover-content .info-detail .switch-city-wrap .switch-city-inner:after .icon-text-wrap {
	width: 2.816rem
}

.popover-personal-info .popover-content .info-detail .info-img-panel {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-betwwen;
	-ms-justify-content: space-betwwen;
	-moz-justify-content: space-betwwen;
	justify-content: space-betwwen;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom: 1.28rem;
	border-bottom: 1px solid #e7e7e7;
	width: 100%;
	text-align: left
}

.popover-personal-info .popover-content .info-detail .info-img-panel .media-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.popover-personal-info .popover-content .info-detail .info-img-panel .media-wrap .img-wrap {
	overflow: hidden;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	margin-right: .64rem;
	width: 2.13333rem;
	height: 2.13333rem;
	background: #f5f5f5
}

.popover-personal-info .popover-content .info-detail .info-img-panel .media-wrap .img-wrap.login-out {
	background: url(../images/common/logo-default.png) center center no-repeat;
	background-size: 100%
}

.popover-personal-info .popover-content .info-detail .info-img-panel .media-wrap .img-wrap .img-media {
	width: 100%;
	height: auto
}

.popover-personal-info .popover-content .info-detail .info-img-panel .media-wrap .img-title {
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 7.46667rem
}

.popover-personal-info .popover-content .info-detail .info-flex-single {
	padding: .34133rem 0;
	width: 100%;
	height: 2.56rem
}

.popover-personal-info .popover-content .info-detail .info-flex-single .flex-avg-wrap {
	width: 100%;
	height: 1.87733rem
}

.popover-personal-info .popover-content .info-detail .info-flex-single .flex-avg-wrap .flex-item {
	border-left: 1px solid #e7e7e7
}

.popover-personal-info .popover-content .info-detail .info-flex-single .flex-avg-wrap .flex-item:first-child {
	border-left: none
}

.popover-personal-info .popover-content .info-detail .info-flex-single .flex-avg-wrap .flex-item.text-left {
	margin-left: .68267rem;
	text-align: left;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.popover-personal-info .popover-content .info-list {
	font-size: .68267rem
}

.popover-personal-info .popover-content .info-list .icon-img {
	display: inline-block;
	vertical-align: middle;
	width: .78933rem;
	height: .576rem
}

.popover-personal-info .popover-content .info-list .icon-img.icon-year-card {
	position: relative;
	top: 0;
	margin-left: .21333rem;
	background: url(../images/index/icon-year-card.png) center center no-repeat;
	background-size: contain
}

.popover-personal-info .popover-content .info-list .list-block {
	padding-top: .64rem;
	padding-bottom: .64rem
}

.popover-personal-info .popover-content .info-list .list-block.inset {
	margin-left: .68267rem;
	margin-right: .64rem
}

.popover-personal-info .popover-content .info-list .list-block .list-item {
	height: 2.304rem;
	line-height: 2.304rem;
	text-align: left
}

.touch-more-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-left: .64rem;
	padding: 0 .256rem;
	width: 1.152rem;
	font-size: .55467rem;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
	background: url(../images/index/bg-show-more.png) center center no-repeat;
	background-size: 100% 100%
}

.touch-more-wrap.swiper-slide {
	width: 1.06667rem
}

.select-city-grid.grid {
	margin-top: 0
}

.select-city-grid.grid .grid-inner {
	padding-bottom: 0
}

.select-city-grid.grid .list-block .list-item {
	border-bottom: 1px solid #f2f2f2
}

.select-city-grid.grid .list-block .list-item:last-child {
	border-bottom: none
}

.select-city-grid.grid .item-wrap {
	height: 1.83467rem;
	line-height: 1.83467rem
}

.select-city-grid.grid .city-wrap {
	background-color: #f6f6f6
}

.select-city-grid.grid .city-wrap .title {
	padding-left: .68267rem;
	padding-right: .64rem;
	height: 1.70667rem;
	line-height: 1.70667rem
}

.select-city-grid.grid .city-wrap .hot-city-list-wrap {
	background-color: #fff
}

.select-city-grid.grid .city-wrap .hot-city-list-wrap .hot-city-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	list-style: none;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-right: .64rem;
	padding-top: .68267rem;
	padding-bottom: .68267rem;
	font-size: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.select-city-grid.grid .city-wrap .hot-city-list-wrap .hot-city-list .list-item {
	display: inline-block;
	margin-left: .68267rem;
	margin-top: .42667rem
}

.select-city-grid.grid .city-wrap .hot-city-list-wrap .hot-city-list .list-item.active .hot-link {
	border: 1px solid #ff7919;
	color: #ff7919
}

.select-city-grid.grid .city-wrap .hot-city-list-wrap .hot-city-list .list-item .hot-link {
	display: block;
	border: 1px solid #f2f2f2;
	border-radius: .10667rem;
	padding: 0 .93867rem;
	height: 1.36533rem;
	line-height: 1.36533rem;
	font-size: .59733rem
}

.select-city-grid.grid .city-wrap .all-city-list-wrap {
	padding-bottom: .64rem;
	background-color: #fff
}

.select-city-grid.grid .city-wrap .all-city-list-wrap .list-block {
	margin-left: .68267rem;
	margin-right: .64rem
}

.select-city-grid.grid .city-wrap .all-city-list-wrap .list-block .list-item {
	border-bottom: 1px solid #f2f2f2
}

.select-city-grid.grid .city-wrap .all-city-list-wrap .list-block .list-item.active .block-link {
	color: #ff7919
}

.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead,.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead .grid-content .c-primary,.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead .grid-content .media-title,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty .grid-content .c-primary,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty .grid-content .media-title,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead .grid-content .c-primary,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead .grid-content .media-title,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty .grid-content .c-primary,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty .grid-content .media-title,.integer-second-kill .list-item.active .grid-content .media-info .c-999,.integer-second-kill .list-item.active .grid-content .media-info .c-primary,.integer-second-kill .list-item.active .grid-content .media-info .media-title {
	color: #ccc
}

.select-city-grid.grid .city-wrap .all-city-list-wrap .list-block .list-item:last-child {
	border-bottom: 0
}

.select-city-grid.grid .city-wrap .all-city-list-wrap .list-block .list-item .block-link {
	height: 1.83467rem;
	line-height: 1.83467rem
}

.integer-second-kill .grid.margin-top0 {
	margin-top: 0
}

.integer-second-kill .grid .grid-title-wrap.margin-l-r {
	margin: 0 .42667rem 0 .832rem
}

.integer-second-kill .grid .grid-title-wrap.grid-second-kill {
	height: 1.70667rem
}

.integer-second-kill .grid .grid-title-wrap .second-kill-title {
	margin-left: .21333rem
}

.integer-second-kill .list-item.active .grid-content .img-wrap {
	position: relative
}

.integer-second-kill .list-item.active .grid-content .img-wrap .link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden
}

.integer-second-kill .list-item.active .grid-content .img-wrap .link:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/secondkill/sales-end.png) no-repeat;
	background-size: cover
}

.all-city-list-wrap {
	height: 17.06667rem
}

.year-card-wrap {
	position: fixed;
	z-index: 3;
	bottom: 1.06667rem;
	right: .53333rem;
	width: 50px;
	height: 50px;
}

.year-card-wrap .link-year-card {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/icon-card.png) center center no-repeat;
	background-size: 100%
}

.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead .grid-content .btn,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty .grid-content .btn,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead .grid-content .btn,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty .grid-content .btn {
	border: 1px solid #e6e6e6;
	color: #999;
	background-color: #e6e6e6
}

.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead .second-kill-ahead,.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead .second-kill-empty,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty .second-kill-ahead,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty .second-kill-empty,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead .second-kill-ahead,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead .second-kill-empty,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty .second-kill-ahead,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty .second-kill-empty {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead .second-kill-empty,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty .second-kill-empty,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead .second-kill-empty,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty .second-kill-empty {
	background: url(../images/common/icon-empty.png) center center no-repeat rgba(230,230,230,.6);
	background-size: 2.38933rem 2.38933rem
}

.grid .grid-inner .grid-item.grid-style-1.second-kill-ahead .second-kill-ahead,.grid .grid-inner .grid-item.grid-style-1.second-kill-empty .second-kill-ahead,.grid .grid-inner .grid-item.grid-style-4.second-kill-ahead .second-kill-ahead,.grid .grid-inner .grid-item.grid-style-4.second-kill-empty .second-kill-ahead {
	background: url(../images/common/icon-ahead.png) center center no-repeat rgba(230,230,230,.6);
	background-size: 2.38933rem 2.38933rem
}

.banner4-1 {
	height: 6.61333rem;
	overflow: hidden
}

.grid .grid-inner.second-skill-inner-higher.w100 {
	height: 5.44rem
}

.grid .grid-inner.second-skill-inner-higher.w100 .grid-style-4 {
	width: 100%
}

.grid .grid-inner.second-skill-inner-higher.w100 .grid-style-4 .sift-text {
	width: 6.93333rem;
	height: 5.44rem;
	padding: .42667rem;
	background: #fafafa;
	float: left;
	color: #999
}

.grid .grid-inner.second-skill-inner-higher.w100 .grid-style-4 .sift-text .little {
	font-size: .64rem;
	line-height: 1.024rem;
	color: #212121
}

.grid .grid-inner.second-skill-inner-higher.w100 .grid-style-4 .sift-text .time-name {
	padding: .53333rem 0 .21333rem;
	font-size: .46933rem
}

.grid .grid-inner.second-skill-inner-higher.w100 .grid-style-4 .sift-text .time {
	font-size: .512rem
}

.grid .grid-inner.second-skill-inner-higher.w100 .grid-style-4 .sift-img {
	width: 8.42667rem;
	height: 5.44rem;
	overflow: hidden
}

.grid .grid-inner.second-skill-inner-higher.w100 .grid-style-4 .sift-img img {
	width: 100%
}

.pt0 {
	padding-top: 0
}

.icon-price {
	margin-right: .21333rem
}

.popover.year-card-popover .popover-content {
	width: 12.88533rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48%
}

.popover.year-card-popover .popover-content .list-block {
	border-radius: .10667rem
}

.popover.year-card-popover .popover-content .list-block .list-item {
	height: 1.92rem;
	line-height: 1.92rem;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #f2f2f2
}

.popover.year-card-popover .popover-content .list-block .list-item:last-child {
	border-bottom: none
}

.copyright-wrap {
	margin-bottom: 1rem;
	color: #b2b2b2
}

.copyright-wrap .copyright-content {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.copyright-wrap .copyright-content .service-mobile {
	font-size: .59733rem
}

.copyright-wrap .copyright-content .copyright {
	margin-top: .27733rem;
	font-size: .42667rem;
	line-height: .55467rem
}