body {
	font-size: .23rem;
	line-height: 1.8;
	font-family: 微软雅黑;
}

.videos-wrapper {
	color: rgba(40, 40, 40, 1);
}

.videos-tab {
	background: #f2f2f2;
	width: 100%;
	padding: 0 2em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.videos-tab li {
	padding: .5em;
	color: rgba(40, 40, 40, .6);
}

.videos-tab li.active {
	color: rgba(40, 40, 40, 1);
	position: relative;
}

.videos-tab li.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: .16em;
	background: #2d84f0;
}

.video-item {
	color: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.video-status {
	line-height: 1;
	padding: .2em .4em;
	border-radius: 2px;
	margin-right: .6em;
}

.video-item .video-watch {
	font-size: .2rem;
	color: #7e7e7e;
	padding-left: 2em;
	background: url(../images/watch.png) left center no-repeat;
	background-size: 1.5em auto;
}

.video-content video, .video-content img {
	width: 100%;
}

.videos-top {
	padding-top: 1.8em;
	width: 100%;
	border-bottom: .4em solid #f2f2f2;
}

.videos-top .video-item {
	font-size: .28rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.videos-top .video-detail {
	padding: .2em 1em .4em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.videos-top .video-status {
	font-size: .24rem;
	color: #fff;
	background: #dd2b40;
}

.video-stats {
	font-size: .2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.video-time {
	margin-right: 1em;
}

.video-intro {
	font-size: .24rem;
}

.videos-top .video-content {
	width: 100%;
}

.videos-list {
	padding: 1.5em 0;
}

.videos-list .video-item {
	font-size: .26rem;
	padding: .5em 1em;
	border-bottom: .12em solid #f2f2f2;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.videos-list li:last-of-type .video-item {
	border: 0;
}

.videos-list .video-status {
	font-size: .2rem;
	border: 1px solid #dd2b40;
	color: #dd2b40;
}

.videos-list .video-content {
	width: 38.34%;
	margin-right: 1em;
}

.videos-list .video-detail {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.yb-container {
	width: 100%;
	font-size: .23rem;
}

.yb-banner {
	width: 100%;
	height: 200px;
    background:url(../../../img/banner-top.png) no-repeat;
	background-size: 100% 100%; 
	text-align: center; 
}
 .yb-banner img{
	width: 55%;
	height: 65px;
	margin-top: 65px;
} 


.yb-content {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: white;
	margin-top: 10px;
	padding-bottom: 20px;
}

.yb-nav {
	margin-top: 1em;
	background: rgba(0, 156, 255, .2);
	font-size: .28rem;
	border-radius: 1.1em;
	line-height: 2.1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.yb-nav li {
	padding: 0 2em;
	border-radius: 1.1em;
	color: #009cff;
}

.yb-nav li.active {
	background: #009cff;
	color: #fff;
}

.yb-list {
	width: 100%;
	margin-top: .2em;
}

.yb-list-item {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.yb-time {
	margin-top: 1.2em;
	color: #fff;
	-webkit-flex-basis: 1em;
	-ms-flex-preferred-size: 1em;
	flex-basis: 1em;
	box-sizing: content-box;
	background: rgba(0, 156, 255, .5);
	text-align: center;
	position: relative;
}

.yb-time::after {
	content: '';
	position: absolute;
	box-sizing: border-box;
	right: -.5em;
	top: .52em;
	width: .75em;
	height: .75em;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #009cff;
}

.yb-time::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	right: -.6em;
	top: .4em;
	width: 1em;
	height: 1em;
	background: #fff;
	border-radius: 50%;
}

.yb-detail {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	/* flex: 1; */
	padding: 1.2em 1em 0 1.8em;
	border-left: .25em solid rgba(0, 156, 255, .2);
	word-break: break-all;
}

.yb-detail h3 {
	font-size: .26rem;
	line-height: 1.4;
	font-weight: normal;
	/* color: #359eff; */
	color: #009cff;
}

.yb-detail h4 {
	font-size: .20rem;
	font-weight: normal;
	line-height: 2.4;
	color: rgba(61, 65, 70, .5);
	border-bottom: 1px solid rgba(61, 65, 70, .2);
}

.yb-text {
	margin-top: .4em;
	font-size: .24rem;
	color: #3d4146;
}

.yb-text p {
	text-align: left;
	/* word-break: break-all; */
}

.yb-text a {
	color: #3d4146;
	text-decoration: underline;
}

/*天气*/
.weather {
	font-size: .24rem;
	line-height: 1.8;
	color: rgba(255, 255, 255, 1);
	background: #6a93e1;
}

.weather-search {
	font-size: .2rem;
	padding: 1em;
	margin-bottom: 1.25em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.location {
	width: 1em;
	margin-right: .75em;
}

.search-location {
	text-align: right;
}

.location-text {
	font-size: 1.1em;
}

.weather-date {
	font-size: .8em;
	opacity: 0.7;
	text-indent: 2em;
}

.search {
	color: rgba(255, 255, 255, .7);
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.search img {
	width: 1.25em;
	margin-right: .5em;
}

.scroll-text {
	position: relative;
	color: #fff;
	line-height: 2;
	font-size: .24rem;
	background: rgba(194, 97, 28, .8);
	width: 100%;
	padding-left: .4em;
	white-space: nowrap;
	overflow-x: hidden;
}

.weather-msg {
	display: inline-block;
	font-size: .24rem;
}

.weather-msgcopy {
	display: inline-block;
	font-size: .24rem;
}

.weather-now {
	padding-bottom: 9em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.nowtq {
	width: 3em;
}

.weather-now h3 {
	font-size: .26rem;
}

.weather-now .now-temp {
	font-size: 1.2rem;
	line-height: 1;
}

.weather-now .now-list {
	line-height: 1;
	margin-top: 1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.now-list li {
	margin-bottom: .5em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.now-list img {
	width: 2.6em;
	margin-right: .4em;
}

.now-list li a {
	color: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.square-bg {
	display: inline-block;
	font-size: .2rem;
	line-height: 1.6;
	height: 1.6em;
	border-radius: .3em;
	margin-right: .6em;
	width: 3em;
	text-align: center;
}

.square-bg-day {
	width: 90%;
	margin-right: 0;
	margin-bottom: 1em;
}

.weather-air .air-quality {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.air-1 {
	background: #0aca3f;
}

.air-2 {
	background: #ffc000;
}

.air-3 {
	background: #ff8a00;
}

.air-4 {
	background: #ed4500;
}

.air-5 {
	background: #be19cb;
}

.air-6 {
	background: #a70213;
}

.alarm-yellow {
	background: #fff100;
}

.alarm-blue {
	background: #2d61d7;
}

.alarm-orange {
	background: #f17903;
}

.alarm-red {
	background: #e60012;
}

.weather-rain {
	background: rgba(61, 87, 150, .4);
	position: relative;
}

.weather-title {
	padding: .8em 0;
	font-size: .26rem;
	text-align: center;
}

.weather-title span {
	display: inline-block;
	line-height: 1;
	background: #009cff;
	padding: .5em 2em;
	border-radius: .2em;
}

.weather-rain h3 {
	font-size: .26rem;
	font-weight: normal;
	padding-left: .2rem;
}

.weather-rain h3 span {
	font-size: .2rem;
	line-height: 1.4;
	margin-left: .3em;
}

.weather-rain p {
	text-align: center;
}

.rain-label {
	width: 100%;
	height: 100%;
	padding: .3em .8em 1.4em 1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: absolute;
	right: 0;
	top: 0;
}

.rain-label span {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: .2rem;
	border-top: 1px dashed rgba(0, 0, 0, .5);
	color: #000;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.rain-container {
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-x: scroll;
}

.rain-main {
	background: #fff;
	color: #000;
	padding: .5em;
	margin: 0 .2rem;
}

.yuntu {
	position: absolute;
	bottom: -2em;
	right: .2rem;
	width: 2em;
	height: 2em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.yuntu-img {
	width: .6em;
}

.yuntu-container {
	position: relative;
	z-index: 9999;
	width: 100%;
	height: 70vw;
	padding: .2rem;
}

.yuntu-container .border {
	width: 100%;
	height: .3em;
	position: absolute;
	left: 0;
	background: rgba(0, 0, 0, .4);
}

.yuntu-container .border.border-top {
	top: 0;
}

.yuntu-container .border.border-bottom {
	bottom: 0;
}

#time_bar {
	width: calc(100% - 60px);
	height: 20px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 999;
	overflow: hidden;
}

#time_bar>ul>li {
	padding: 0 4px;
	float: left;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	height: 100%;
	background-color: #8fc9ff;
	border-right: 2px solid #329cff;
	box-sizing: border-box;
	color: #fff;
}

#time_bar>ul>li.act {
	background-color: #329cff;
}

#time_bar>ul>li:last-child {
	border-right: 0
}

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

.map-feature {
	position: absolute;
	right: 28px;
	z-index: 500;
	width: 35px;
	height: 35px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

#setZoom {
	top: 20px;
	background-image: url(../images/hd.png);
}

#setZoom.selected {
	background-image: url(../images/hd-selected.png);
}

.geolocation {
	top: 60px;
	background-image: url(../images/geo.png);
}

#btn_play {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	margin-left: 0px;
	bottom: 0px;
	z-index: 999
}

#btn_play .bg {
	background: url(../images/bg_play1.png) center 1px no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#btn_play .btn {
	width: 100%;
	height: 100%;
	background-image: url(../images/btn_play.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%
}

@
-webkit-keyframes circle {from { -webkit-transform:rotate(0);
	transform: rotate(0)
}

to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

}
@
keyframes circle {from { -webkit-transform:rotate(0);
	transform: rotate(0)
}

to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

}
#btn_play.pause .bg {
	-webkit-animation-name: circle;
	animation-name: circle;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

#btn_play.pause .btn {
	background-image: url(../images/btn_pause.png)
}

.weather-life {
	width: 100%;
	padding: .8em;
	padding-bottom: 1.6em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.weather-life-item {
	-webkit-flex-basis: 31.09375%;
	-ms-flex-preferred-size: 31.09375%;
	flex-basis: 31.09375%;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.1);
	margin: 0 .1667em .1667em 0;
	line-height: 1.4;
	padding: .5em 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.weather-life-item img {
	width: 1.875em;
	margin-right: .625em;
}

.weather-life-item p {
	font-size: .2rem;
}

.weather-life-item h4 {
	font-size: .28rem;
}

.weather-black {
	padding: .8em;
	background: rgba(0, 0, 0, 0.6);
}

.weather-black>div {
	background: #fff;
	border-radius: .2em;
	padding: .6em;
	color: #3d4146;
}

.weather-ewm {
	line-height: 1.4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.weather-ewm img {
	width: 5.5em;
	margin: .2em 0;
}

.weather-citydetail {
	padding: 1em;
	background: #fff;
	color: #3d4146;
}

.weather-citydetail h2 {
	text-align: center;
	font-size: .28rem;
	color: #3d4146;
	padding: 1em 0 .6em;
}

.weather-chart {
	margin-top: 1em;
	background: rgba(108, 148, 225, .7);
}

.weather-container {
	padding: 0 .2rem;
}

.weather-forecast {
	width: 100%;
	font-size: .28rem;
	line-height: 2;
	background: rgba(0, 0, 0, .4);
	border-radius: .2em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.weather-forecast li {
	border-radius: .2em;
	color: rgba(255, 255, 255, .6);
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}

.weather-forecast li.active {
	color: rgba(255, 255, 255, 1);
	background: #009cff;
}

.predict-container {
	background: rgba(0, 0, 0, 0.6);
	padding: .5em 1em;
	margin: .2em 0;
}

.predict-container h3 {
	border-bottom: 1px dashed rgba(255, 255, 255, .6);
	line-height: 2.2;
}

.hourbyhour.predict-container h3 {
	-webkit-transition: all .4s;
	transition: all .4s;
	background-position: left 6em center;
	background-repeat: no-repeat;
	background-size: 1.2em auto;
	background-image: url(../images/tri-down.png);
}

.hourbyhour.active h3 {
	background-image: url(../images/tri-up.png);
}

.hourbyhour .weather-predict {
	display: none;
}

.hourbyhour.active .weather-predict {
	display: block;
}

.predict-intro {
	background: rgba(0, 0, 0, 0.2);
	padding: .7em;
	margin: .7em;
}

.weather-predict {
	width: 100%;
	overflow-x: scroll;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.weather-predict .accurate-container {
	width: 260%;
}

.weather-accurate-container {
	width: 100%;
	overflow-x: auto;
}

.weather-predict .weather-predict-list {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.weather-accurate-container .weather-accurate {
	width: 250%;
}

.accurate-wind {
	font-size: .2rem;
	height: 1.5em;
	padding: 0 40px 0 20px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.accurate-wind li {
	height: 100%;
	background: rgba(0, 0, 0, .4);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.accurate-wind li+li {
	margin-left: .1em;
}

.weather-predict .weather-predict-item {
	color: rgba(255, 255, 255, .6);
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.weather-predict-item h4 {
	width: 100%;
	line-height: 2.4;
	padding-bottom: .2em;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	position: relative;
}

.weather-predict .weather-predict-item time {
	margin-top: .2em;
}

.weather-predict-item p {
	line-height: 1.4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.weather-predict-item.active h4::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0em;
	height: .25em;
	background: #fff;
}

.weather-predict-item img {
	width: 1.708em;
	height: 1.6em;
}

.weather-day {
	margin-top: 1em;
	margin-bottom: .4em;
}

.weather-day .day_tq {
	margin-top: 1em;
}

.weather-night .night_tq {
	margin-bottom: 1em;
}

.wind {
	width: 1em;
	margin: .4em 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.wind-1 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.wind-2 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.wind-3 {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.wind-4 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wind-5 {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.wind-6 {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.wind-7 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.wind-8 {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.wind-9 {
	-webkit-animation: spin_2582 2.5s linear infinite;
	animation: spin_2582 2.5s linear infinite;
}

.weather-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: bottom left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: -2;
	background-image: url(../images/weather-bg.jpg);
}

.evening {
	background-image: url(../images/evening-bg.jpg);
}

.blur-bg {
	opacity: 0;
	background-image: url(../images/weather-bg-blur.jpg);
}

.blur-bg.evening {
	background-image: url(../images/evening-bg-blur.jpg);
}

.weather-bg-jiangnan {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: bottom left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: -2;
	background-image: url(../images/jiangnan-bg.jpg);
}

.evening-jiangnan {
	background-image: url(../images/jiangnan-bg.jpg);
}

.blur-bg-jiangnan {
	opacity: 0;
	background-image: url(../images/jiangnan-bg-blur.jpg);
}

.blur-bg.evening-jiangnan {
	background-image: url(../images/jiangnan-bg-blur.jpg);
}

.weather-mask {
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.showtip {
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	visibility: hidden;
}

.tip-container {
	background: #fff;
	border-radius: .2em;
	width: 86%;
}

.tip-title {
	font-size: .3rem;
	line-height: 3;
	font-weight: normal;
	color: #000;
	text-align: center;
}

.tip-content {
	padding: 0 1em 1.5em;
	color: #282828;
}

.tip-btn {
	border-top: 2px solid #eee;
	line-height: 2.4;
	font-size: .28rem;
	text-align: center;
	color: #3098be;
}

@
-webkit-keyframes spin_2582 { 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

60%
{
-webkit-transform


:

 

rotate


(359
deg
);


            

transform


:

 

rotate


(359
deg
)


  

}
100%
{
-webkit-transform


:

 

rotate


(359
deg
);


            

transform


:

 

rotate


(359
deg
)


  

}
}
@
keyframes spin_2582 { 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

60%
{
-webkit-transform


:

 

rotate


(359
deg
);


            

transform


:

 

rotate


(359
deg
)


  

}
100%
{
-webkit-transform


:

 

rotate


(359
deg
);


            

transform


:

 

rotate


(359
deg
)


  

}
}
.weather-ad-container {
	position: relative;
	width: 100%;
}

.tocircle {
	width: 100%;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-animation: tocircle 5s ease-in-out;
	animation: tocircle 5s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@
-webkit-keyframes tocircle { 0% {
	width: 100%;
	height: 100%;
	border-radius: 0;
}

90%
{
width


:

 

100%;
-webkit-transform


:

 

scaleY


(0);
transform


:

 

scaleY


(0);
border-radius


:

 

0;
}
91%
{
width


:

 

0;
}
100%
{
width


:

 

2
em


;
height


:

 

2
em


;
border-radius


:

 

50%;
}
}
@
keyframes tocircle { 0% {
	width: 100%;
	height: 100%;
	border-radius: 0;
}

90%
{
width


:

 

100%;
-webkit-transform


:

 

scaleY


(0);
transform


:

 

scaleY


(0);
border-radius


:

 

0;
}
91%
{
width


:

 

0;
}
100%
{
width


:

 

2
em


;
height


:

 

2
em


;
border-radius


:

 

50%;
}
}
.weather-ad {
	width: 100%;
	line-height: 1;
}

.weather-panel {
	background-color: rgba(0, 0, 0, .4);
}

.weather-panel_jiangnan {
	
}

.temp-bar {
	width: 100%;
	height: .791667em;
	/* clip-path: polygon(0 0, 100% 0, 100% 21%, 85% 21%, 85% 100%, 15% 100%, 15% 21%, 0 21%); */
}

.temp-bar.temp-20-10 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdb1fc+0,c4caff+100 */
	background: rgb(205, 177, 252);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(205, 177, 252, 1) 0%,
		rgba(196, 202, 255, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(205, 177, 252, 1) 0%,
		rgba(196, 202, 255, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cdb1fc',
		endColorstr='#c4caff', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp-200 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdb1fc+0,3bfdee+100 */
	background: rgb(205, 177, 252);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(205, 177, 252, 1) 0%,
		rgba(59, 253, 238, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(205, 177, 252, 1) 0%,
		rgba(59, 253, 238, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cdb1fc',
		endColorstr='#3bfdee', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp-2010 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdb1fc+0,2afb9e+100 */
	background: rgb(205, 177, 252);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(205, 177, 252, 1) 0%,
		rgba(42, 251, 158, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(205, 177, 252, 1) 0%,
		rgba(42, 251, 158, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cdb1fc',
		endColorstr='#2afb9e', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp-100 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4caff+0,3bfdee+100 */
	background: rgb(196, 202, 255);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(196, 202, 255, 1) 0%,
		rgba(59, 253, 238, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(196, 202, 255, 1) 0%,
		rgba(59, 253, 238, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c4caff',
		endColorstr='#3bfdee', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp-1010 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4caff+0,2afb9e+100 */
	background: rgb(196, 202, 255);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(196, 202, 255, 1) 0%,
		rgba(42, 251, 158, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(196, 202, 255, 1) 0%,
		rgba(42, 251, 158, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c4caff',
		endColorstr='#2afb9e', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp-1020 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4caff+0,fffc00+100 */
	background: rgb(196, 202, 255);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(196, 202, 255, 1) 0%,
		rgba(255, 252, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(196, 202, 255, 1) 0%,
		rgba(255, 252, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c4caff',
		endColorstr='#fffc00', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp010 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3bfdee+0,2afb9e+100 */
	background: rgb(59, 253, 238);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(59, 253, 238, 1) 0%,
		rgba(42, 251, 158, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(59, 253, 238, 1) 0%,
		rgba(42, 251, 158, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3bfdee',
		endColorstr='#2afb9e', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp020 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3bfdee+0,fffc00+100 */
	background: rgb(59, 253, 238);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(59, 253, 238, 1) 0%,
		rgba(255, 252, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(59, 253, 238, 1) 0%,
		rgba(255, 252, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3bfdee',
		endColorstr='#fffc00', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp030 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3bfdee+0,ff8500+100 */
	background: rgb(59, 253, 238);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(59, 253, 238, 1) 0%,
		rgba(255, 133, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(59, 253, 238, 1) 0%,
		rgba(255, 133, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3bfdee',
		endColorstr='#ff8500', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp1020 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2afb9e+0,fffc00+100 */
	background: rgb(42, 251, 158);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(42, 251, 158, 1) 0%,
		rgba(255, 252, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(42, 251, 158, 1) 0%,
		rgba(255, 252, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2afb9e',
		endColorstr='#fffc00', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp1030 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2afb9e+0,ff8500+100 */
	background: rgb(42, 251, 158);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(42, 251, 158, 1) 0%,
		rgba(255, 133, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(42, 251, 158, 1) 0%,
		rgba(255, 133, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2afb9e',
		endColorstr='#ff8500', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp1040 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2afb9e+0,ff3380+100 */
	background: rgb(42, 251, 158);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(42, 251, 158, 1) 0%,
		rgba(255, 51, 128, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(42, 251, 158, 1) 0%,
		rgba(255, 51, 128, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2afb9e',
		endColorstr='#ff3380', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp2030 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffc00+0,ff8500+100 */
	background: rgb(255, 252, 0);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 252, 0, 1) 0%,
		rgba(255, 133, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 252, 0, 1) 0%,
		rgba(255, 133, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fffc00',
		endColorstr='#ff8500', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp2040 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffc00+0,ff3380+100 */
	background: rgb(255, 252, 0);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 252, 0, 1) 0%,
		rgba(255, 51, 128, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 252, 0, 1) 0%,
		rgba(255, 51, 128, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fffc00',
		endColorstr='#ff3380', GradientType=1);
	/* IE6-9 */
}

.temp-bar.temp3040 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8500+0,ff3380+100 */
	background: rgb(255, 133, 0);
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 133, 0, 1) 0%,
		rgba(255, 51, 128, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 133, 0, 1) 0%,
		rgba(255, 51, 128, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff8500',
		endColorstr='#ff3380', GradientType=1);
	/* IE6-9 */
}

.temp-lowhigh {
	padding: 0 .15rem;
	font-size: .4rem;
	line-height: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.temp-20 {
	color: #cdb1fc;
}

.temp-10 {
	color: #c4caff;
}

.temp0 {
	color: #3bfdee;
}

.temp10 {
	color: #2afb9e;
}

.temp20 {
	color: #fffc00;
}

.temp30 {
	color: #ff8500;
}

.temp40 {
	color: #ff3380;
}

.weather-detail {
	width: 100%;
	padding: 1em 1.5em;
}

.detail-list {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.detail-list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.detail-list li+li {
	padding-left: 1.2em;
	border-left: 1px dashed rgba(255, 255, 255, .3);
}

.detail-list h3 {
	font-size: .32rem;
	line-height: 1.6;
}

.detail-list p {
	font-size: .2rem;
	line-height: 1.4;
}

.weather-tt {
	font-size: .3rem;
	line-height: 2;
	background: rgba(0, 0, 0, .4);
	padding: .8em 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.weather-tt_jiangnan {
	font-size: .3rem;
	line-height: 2;
	padding: .8em 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.weather-tt li {
	padding-left: 1.2em;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.weather-tt li+li {
	border-left: 1px solid rgba(255, 255, 255, .2);
}

.weather-tt .predict-air {
	font-size: .18rem;
	padding: .2em .4em;
	border-radius: .3em;
	margin-left: .7em;
	vertical-align: middle;
}

.weather-tt .predict-img {
	width: 1.2em;
	margin-right: .5em;
	vertical-align: middle;
}

.copyright {
	line-height: 4;
	text-align: center;
}

.cutline {
	border-top: .1em solid #828282;
}

.search-panel {
	width: 0;
	height: 100vh;
	min-height: 100vh;
	-webkit-transition: all .4s;
	transition: all .4s;
	color: #828282;
	background: #f7f6f4;
	box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.6);
	padding: 0;
	overflow-x: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.search-panel.search-show {
	width: 80.9375%;
	padding: 0 1.25em;
}

.weather-left {
	max-width: 100vw;
	width: 100%;
	position: absolute;
	-webkit-transition: all .4s;
	transition: all .4s;
	right: 0;
	top: 0;
	background-attachment: fixed;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.weather-left.search-show {
	right: 80.9375%;
}

.search-panel input {
	font: inherit;
	width: 100%;
	padding: .25em 1em;
	background: transparent;
	border: .0833em solid #dcdcdc;
	border-radius: .3em;
	margin-top: 2.0833em;
}

.search-panel h3 {
	font-size: .28rem;
	color: #285cb9;
	text-indent: .2em;
}

.search-list {
	width: 100%;
	font-size: .24rem;
	margin-top: .5em;
	max-height: 50vh;
	overflow-y: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.search-list.long-list {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.search-list li {
	cursor: pointer;
	padding: .2em .8em .5em;
}

.search-list li a {
	color: #828282;
}

.search-copy {
	line-height: 2;
	margin-top: 2em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sj-container {
	color: #282828;
	background: #f1f5f8;
}

.sj-container video {
	width: 100%;
}

.sj-living {
	width: 100%;
}

.sj-living-title {
	padding: .75em .75em .75em 3em;
	background: url(../images/living.png) left .75em center no-repeat;
	background-size: 1.6em auto;
}

.sj-past-wrapper {
	margin: .667em .45em 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sj-past {
	background: #fff;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	border-radius: .3em .3em 0 0;
	box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
	line-height: 1;
}

.sj-past-title {
	padding: 1em 0 1em 1em;
}

.sj-past-title h3 {
	font-size: .3rem;
}

.sj-past-info {
	line-height: 1.4;
	font-size: .2rem;
	margin-top: .75em;
	color: rgba(40, 40, 40, .6);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sj-stats {
	margin-right: 2em;
	padding-left: 2em;
	background-position: left center;
	background-repeat: no-repeat;
}

.sj-stats+.sj-stats {
	padding-left: 4em;
	border-left: 1px solid #4fc1e9;
	background-position: left 2em center;
}

.sj-shared {
	background-image: url(../images/shared.png);
	background-size: 1.4em auto;
}

.sj-watched {
	background-image: url(../images/watched.png);
	background-size: 1.6em auto;
}

.sj-btn-container {
	padding: 1.5em 1.2em;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sj-btn {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	border-width: .1em;
	border-style: solid;
	border-radius: .3em;
	line-height: 2.33em;
}

.sj-btn+.sj-btn {
	margin-left: .66em;
}

.sj-btn.share {
	border-color: rgba(255, 114, 0, 0.4);
	color: #ff7200;
}

.sj-btn.other {
	border-color: rgba(48, 152, 190, 0.4);
	color: #3098be;
}

.share-tip {
	display: none;
	text-align: center;
}

.share-tip img {
	width: 80%;
}

.hd-wrapper {
	font-size: .24rem;
	color: #3d4146;
	padding: 0 1.5em 0 1.25em;
	background: #fd4242;
	min-height: 100vh;
	position: relative;
}

.hd-header {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.hd-desc {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 0;
	background: #fff;
	box-shadow: 0 0 5px #e90200;
}

.hd-pt {
	padding: 26.92% 1.2em 1em;
}

.hd-desc::before {
	content: '';
	height: 100%;
	width: .25em;
	background: rgba(255, 255, 255, .7);
	position: absolute;
	top: 0;
	right: -.25em;
	z-index: 0;
}

.hd-desc::after {
	content: '';
	height: 100%;
	width: .25em;
	background: rgba(255, 255, 255, .5);
	position: absolute;
	top: 0;
	right: -.5em;
	z-index: 0;
}

.hd-desc img {
	max-width: 100%;
}

.btn-container {
	padding: 1em 0;
	text-align: center;
	font-size: .3rem;
}

.hd-btn {
	display: inline-block;
	width: 9em;
	outline: none;
	text-align: center;
	background: #fc0;
	color: #f2491c;
	border: .1em solid rgba(255, 255, 255, .7);
	border-radius: 1em;
	box-shadow: 0 2px 3px 1px #e90200;
}

.hd-btn+.hd-btn {
	margin-left: 1em;
}

.hd-btn.btn-grey {
	background: #abc1da;
	color: #fff;
	box-shadow: 0 2px 3px 1px #e0e6ee;
}

.hd-btn.btn-blue {
	background: #298eff;
	color: #fff;
	box-shadow: 0 2px 3px 1px #e0e6ee;
}

.hd-bar {
	display: block;
	width: 2.5em;
	margin: 0 auto 1.25em;
	padding: .292em .5em;
	border-radius: 0 0 .2em .2em;
	box-shadow: 0 1px 3px #bfd6f0;
	background: #298eff;
	line-height: 0;
}

.hd-bar img {
	width: 1.5em;
}

.questions {
	padding-bottom: 6em;
	min-height: 100vh;
}

.question-item {
	padding: 1em 0;
	border-bottom: 1px solid #fd4242;
	font-size: .28rem;
	color: #282828;
}

.question-title {
	font-size: normal;
	padding-left: 2em;
	background: url(../images/question-title.png) left top .2em no-repeat;
	background-size: 2em auto;
	position: relative;
	left: -.25em;
}

.question-title::before {
	content: attr(data-order);
	position: absolute;
	top: 0em;
	left: .2em;
	color: #fff;
}

.test-option {
	padding-left: 1.4em;
}

.option-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.option-bar {
	vertical-align: middle;
	width: 1.4em;
	height: 1.4em;
	border: 3px solid #e7e5e5;
	border-radius: 3px;
	background: none;
	margin-right: .8em;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.option-item.selected .option-bar {
	background: #d51e1e;
	color: #fff;
}

.hd-bg {
	width: 100%;
	background: url(../images/bg-hb.png) left top no-repeat;
	background-size: 100% auto;
	padding-top: 22.6%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hd-bg .btn-container {
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
}

.hd-submit {
	background: rgba(40, 40, 40, .9);
	padding: 0 .1rem;
	min-height: 100vh;
}

.submit-prize {
	padding: 1em .1rem 2em;
	background: #fff;
	border-radius: 0 0 .5em .5em;
}

.submit-prize-ticket {
	width: 100%;
	height: 8.29em;
	color: #fff;
	background-color: #f91e38;
	background-size: 2em 2em;
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .2)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,
		rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,
		rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.submit-prize-ticket>div {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ticket-info {
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	border-right: 1px dashed #fff;
}

.ticket-info::before {
	content: '';
	position: absolute;
	left: 0;
	top: calc(50% - 0.58em);
	height: 1.16em;
	width: 0.58em;
	border-radius: 0 0.58em 0.58em 0;
	background: #fff;
	z-index: 3;
}

.ticket-info .ticket-container {
	line-height: 1.4;
}

.ticket-container h2 {
	font-size: .48rem;
	font-weight: normal;
}

.ticket-container h2 span {
	font-size: .18rem;
	margin-left: .5em;
}

.ticket-footer {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.ticket-footer::after {
	content: '';
	position: absolute;
	right: 0;
	top: calc(50% - 0.58em);
	height: 1.16em;
	width: 0.58em;
	border-radius: 0.58em 0 0 0.58em;
	background: #fff;
	z-index: 3;
}

.ticket-footer img {
	width: 3.75em;
	height: 3.75em;
	border-radius: 50%;
	margin-left: 2em;
	margin-right: -2em;
}

.ticket-footer p {
	font-size: .18rem;
	height: 1.8em;
	white-space: nowrap;
	letter-spacing: 0.2em;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	/* writing-mode: vertical-rl; */
}

.submit-prize-explain {
	padding: 1em 2em 0;
}

.submit-prize-explain h3 {
	font-size: .28rem;
}

.submit-info {
	padding: 1em 0;
	background: #fff;
	border-radius: .5em .5em 0 0;
	border-top: 1px dashed #000;
}

.submit-info input {
	font: inherit;
	outline: none;
	border: none;
	border-bottom: 1px solid #e1e1e1;
	width: 84%;
	margin: 0 auto;
	display: block;
	margin-top: .75em;
}

.submit-info button {
	font: inherit;
}

.submit-info .prize-dest {
	position: relative;
}

.prize-dest .destnation {
	width: 100%;
	line-height: 2.4;
	background: #f4f5f9;
	color: #282828;
	text-align: center;
}

.prize-dest .destnation span {
	position: relative;
}

.prize-dest .destnation img {
	width: .875em;
}

.prize-dest .dest-list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 2;
	background: #f4f5f9;
	color: #282828;
	margin-top: .2em;
}

.dest-list li {
	border-bottom: 1px solid #999;
}

.prize-tip {
	font-size: .2rem;
	color: #fd4242;
	text-indent: .2em;
}

.shop-list {
	width: 100%;
	max-height: 7em;
	overflow-y: auto;
}

.shop-item {
	position: relative;
	padding-left: 2em;
	color: #56626d;
}

.shop-item+.shop-item {
	margin-top: .5em;
}

.shop-item::before {
	content: '';
	position: absolute;
	left: .3em;
	top: calc(50% - .4em);
	background: #e3e5f0;
	width: .8em;
	height: .8em;
	border-radius: 50%;
}

.shop-item.selected::before {
	background: #d62a2a;
}

.hd-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.8);
}

.info-submitted {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.8);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .3rem;
	color: #fff;
}

.hd-modal {
	width: 78.125%;
	margin: 0 auto;
	border-radius: .5em;
	background-color: #fff;
	position: relative;
}

.modal-wd {
	width: 90.625%;
}

.modal-mt {
	margin-top: 1.6em;
	max-height: calc(100vh - 1.6em);
}

.modal-fullscreen {
	height: 100vh;
}

.modal-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.modal-mt::before {
	content: '';
	position: absolute;
	left: calc(50% - .0625em);
	top: -1.6em;
	width: .125em;
	height: 1.6em;
	background: #a4a6a8;
}

.hd-modal.hd-getted {
	padding-bottom: 78.125vw;
	background-image: url(../images/prize-get.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
}

.hd-getted .hd-bar {
	margin-bottom: 0;
}

.hd-modal .modal-close {
	font-size: .2rem;
	width: 1em;
	line-height: 1;
	position: absolute;
	left: .5em;
	top: .5em;
}

.hd-modal .modal-prize {
	font-size: .2rem;
	line-height: 1;
	color: #fff;
	border-radius: 1em 0 0 1em;
	background: #298eff;
	padding: .5em 1em;
	position: absolute;
	right: 0;
	top: 0;
}

.modal-info {
	padding: .4em 1.667em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.modal-info h3 {
	font-size: .3rem;
	color: #282828;
	font-weight: normal;
	text-align: center;
}

.modal-info .btn-container {
	padding-bottom: 0;
}

.modal-info .prize-show {
	margin: 1.5em 0;
	padding: 1em 0;
	border-top: 1px solid #feb4b4;
	border-bottom: 1px solid #feb4b4;
	width: 100%;
}

.prize-show .submit-info {
	border: 0;
}

.prize-show .submit-info input {
	width: 100%;
	background: #f4f5f9;
	text-align: center;
	border: 0;
	line-height: 2.4;
}

.prize-wrapper {
	width: 100%;
	overflow-x: auto;
}

.modal-info .prize-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.modal-info .prize-item {
	width: 6.58em;
	height: 6.58em;
	padding: .5em;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.prize-item+.prize-item {
	margin-left: .5em;
}

.prize-item h4 {
	font-size: .3rem;
	line-height: 3;
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.prize-getted {
	background: #fd4242;
}

.prize-unget {
	background: #e3e5f0;
}

.prize-getted h4 {
	background: #cc2424;
}

.prize-unget h4 {
	background: #c5c9d6;
}

.prize-getted p {
	color: #fddc42;
}

.prize-unget p {
	color: #282828;
}

.test-done-list {
	width: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-y: auto;
}

.test-done-item {
	color: #282828;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.test-done-item .avatar {
	width: 2em;
	height: 2em;
	margin-right: .75em;
	border-radius: .2em;
	border: 1px solid #ebe9e1;
}

.test-done-item h5 {
	margin-right: 1.8em;
}

.test-done-item+.test-done-item {
	margin-top: 1em;
}

.modal-prize-container {
	padding: 0 1em;
}

.modal-prize-container h3 {
	font-size: .3rem;
	color: #282828;
	font-weight: normal;
	text-align: center;
}

.modal-prize-list {
	margin: .5em 0;
}

.modal-prize-item {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.modal-prize-info {
	padding-left: 1.5em;
	height: 6em;
	background: #e3e5f0;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal-prize-info h3 {
	font-size: .3rem;
	color: #000;
}

.modal-prize-info p {
	color: #56626d;
}

.modal-prize-btn {
	width: 5.916em;
	height: 6em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.modal-prize-getted {
	background: #c5c9d6;
	color: #56626d;
}

.modal-prize-unget {
	background: #f91e38;
	color: #fff;
}

.modal-prize-item+.modal-prize-item {
	margin-top: .75em;
}

.modal-prize-intro {
	font-size: .2rem;
	color: #e42839;
	text-align: center;
}

.hd-past {
	padding-top: 1em;
}

.hd-past .question-item {
	padding: .3em 0;
	border: none;
}

.hd-past .question-title {
	background-image: url(../images/past-bg.png);
	background-size: 1em auto;
	padding-left: 1.714em;
}

.lvcheng {
	font-size: .36rem;
	padding: .8em .5em;
}

/*.lvcheng-item {*/
/*position: relative;*/
/*border-radius: .2em;*/
/*color: #fff;*/
/*}*/
.lvcheng-item {
	position: relative;
	border-radius: .2em;
	color: #fff;
	height: 2rem;
}

.lvcheng-item p {
	font-size: .24rem;
}

.lvcheng-item img {
	width: 100%;
	/*增加*/
	height: 2rem;
}

.lvcheng-content {
	position: absolute;
	display: inline-block;
	color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.lvcheng-qa .lvcheng-content {
	color: #fff000;
}

.lvcheng-item .lvcheng-link {
	position: absolute;
	top: calc(50% - .6em);
	right: .6em;
	width: 0.58em;
}

.lvcheng-link.big {
	/*width: 1.14em;*/
	width: .54285rem;
	height: .54285rem;
}

.lvcheng-item+.lvcheng-item {
	margin-top: 0.58em;
}

.huodong-list {
	padding: .667em;
}

.huodong-item+.huodong-item {
	margin-top: .667em;
}

.huodong-item img {
	width: 100%;
	max-width: 100%;
}

.huodong-content {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.huodong-status {
	display: inline-block;
	vertical-align: text-bottom;
	font-size: .2rem;
	color: #fff;
	width: 4.5em;
	text-align: center;
	line-height: 1.6;
}

.huodong-status--going {
	background: #eb0000;
}

.huodong-status--finish {
	background: #6892cb;
}

.huodong-title {
	margin-left: .2em;
	display: inline-block;
	font-size: .3rem;
	color: #282828;
}

.huodong-time {
	font-size: .24rem;
	color: rgba(40, 40, 40, .6);
}

.warning-list-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.warning-list-title img {
	width: 30%;
}

.warning-list-title div {
	width: 100%;
}
/* 菜单栏 */
.yb-menu {
	padding: 10px;
	background: white;
}
/*顶部滑动标签页*/
#sliderSegmentedControl.mui-segmented-control.mui-segmented-control-inverted .mui-control-item
	{
	color: #5f5f5f;
	font-size: .20rem;;
}

#sliderSegmentedControl.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active
	{
	color: #fff;
	background-color: #007aff;
	border-radius: 20px;
	font-size: 0.23rem;
	border-bottom: 0;
}

#sliderSegmentedControl.mui-segmented-control.mui-scroll-wrapper .mui-control-item
	{
	padding: 0 15px;
}

#sliderSegmentedControl.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active
	{
	background-color: #009cff;
}

#sliderSegmentedControl.mui-segmented-control .mui-control-item {
	line-height: 35px;
}

.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
	margin-top: 2px;
}

p {
	font-size: .23rem;
	color: #3d4146;
}
/* 暂无数据 */
.nothing {
	position: fixed;
	top: 270px;
	right: 0;
	left: 0;
	bottom: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.nothing img {
	width: 80px;
	height: 80px;
}

/*----------------mui.showLoading---------------*/
.mui-show-loading {
	position: fixed;
	padding: 5px;
	width: 120px;
	min-height: 120px;
	top: 45%;
	left: 50%;
	margin-left: -60px;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	border-radius: 5px;
	color: #FFFFFF;
	visibility: hidden;
	margin: 0;
	z-index: 2000;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	opacity: 0;
	-webkit-transform: scale(0.9) translate(-50%, -50%);
	transform: scale(0.9) translate(-50%, -50%);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.mui-show-loading.loading-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%);
}

.mui-show-loading .mui-spinner {
	margin-top: 24px;
	width: 36px;
	height: 36px;
}

.mui-show-loading .text {
	line-height: 1.6;
	font-family: -apple-system-font, "Helvetica Neue", sans-serif;
	font-size: 14px;
	margin: 10px 0 0;
	color: #fff;
}

.mui-show-loading-mask {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
}

.mui-show-loading-mask-hidden {
	display: none !important;
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	html {
		font-size: 70px !important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 720px) {
	html {
		font-size: 80px !important;
	}
}

@media only screen and (min-width: 721px) and (max-width: 1440px) {
	html {
		font-size: 160px !important;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
	html {
		font-size: 220px !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1920px) {
	html {
		font-size: calc(50px + ( 300 - 50)* ((100vw- 320px)/(1920- 320)))
			!important;
	}
}