body,
html {
	line-height: 1;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	height: 100%;
	width: 100%
}

.openshow {
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

body {
	margin: 0;
	padding: 0
}

input {
	border: none;
	outline: none
}

* {
  outline: none;
}

#apps {
	font-family: "Microsoft YaHei, Arial,-apple-system-font,Helvetica Neue,sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #323232
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline;
	box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	display: block
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	-webkit-backface-visibility: hidden;
	text-decoration: none
}

li {
	list-style: none
}

body {
	background-color: #fff;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling: auto
}

textarea {
   -webkit-user-select:auto; 
}

input {
	color: #454545;
	font-size: 0.38rem;
	-webkit-user-select:auto;
}

input:focus {
	border-color: transparent !important;
	outline: 0
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #c8c8c8;
	font-size: .38rem;
	letter-spacing: 1px
}

input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
	color: #c8c8c8;
	font-size: .38rem;
	letter-spacing: 1px
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #c8c8c8;
	font-size: .38rem;
	letter-spacing: 1px
}

.scroll-box {
	-webkit-overflow-scrolling: touch
}

.clearfix {
	display: inline-block
}

.flex-box {
	display: -ms-flexbox;
	display: flex
}

.mt4 {
    margin-top: .4rem;
}

.mb4 {
    margin-bottom: .4rem;
}

.pt12 {
    padding-top: 1.2rem;
}

.wrap {
	min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.header_set {
	z-index: 10;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #FFFFFF;	
}

.header_top {
	height: 1.2rem;
	line-height: 1.2rem;
	display: flex;
	color: #000;
	border-bottom: 1px solid #eee;
}

.header_left {
	position: absolute;
	left: 0.38rem;
	font-size: 0.42rem;
}

.header_title {
	margin: auto;
	font-size: .42rem;
}

.header_right {
	position: absolute;
	right: 0.38rem;
	font-size: 0.42rem;	
}


.burse{
    height: 1.4rem;
}

.search {
	position: relative;
	width: 100%;
	height: .9rem;
	line-height: .9rem;
	overflow: hidden;
	border-radius: .1rem;
	border: .02rem solid #eee;
	box-shadow: 0 0 .1rem #ddd;
	font-size: .34rem;
	top: .3rem;
	margin-bottom: .4rem;
}

.search img {
	position: relative;
	width: 0.5rem;
	margin-left: 2%;
	margin-top: 2%;
}

.search input {
	width: 80%;
	background: 0;
	font-size: .34rem;
	color: #999;
	margin-left: .2rem !important;
	position: absolute;
	top: 25%;
}

.search span {
	position: absolute;
	right: 0.3rem;
	line-height: 0.85rem;
}

.search_box {
    width: 92%;
    margin-left: 4%;
	padding-top: 1.2rem;
}

.search_nav {
    width: 100%;
    height: 1.33rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .01rem solid #eee;
}

.search_nav span:first-child {
    width: 88%;
    height: .9rem;
    display: -ms-flexbox;
    display: flex;
    border-radius: 1rem;
    color: #999;
    font-size: .346rem;
    border: .02rem solid #eee;
}

.search_nav span:first-child p {
    width: 15%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
	font-size: 0.38rem!important;
    color: #ccc!important;
}

.search_nav i {
    color: hsla(0,0%,60%,.5);
}

.search_nav span:first-child input {
    width: 80%;
    height: 80%;
    margin: auto 0;
}

.search_nav span:last-child {
    width: 12%;
    height: 100%;
    line-height: 1.33rem;
    text-align: right;
    font-size: .4rem;
}

.search_box .h3 {
    height: .96rem;
    line-height: .96rem;
    font-size: .42rem;
    font-weight: 900;
}

.search_list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-top: .2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.search_detail {
    width: 47.8%;
    margin-bottom: .4rem;
    border-radius: .2rem;
}

.search_detail_top {
    position: relative;
    width: 100%;
    height: 2.56rem;
}

.search_detail_top img {
    width: 100%;
    height: 100%;
    border-radius: .1rem;
    vertical-align: bottom;
}

.search_detail .payvip {
    bottom: .15rem;
    left: .1rem;
}
.search_detail .cursesing {
    position: absolute;
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: .3rem;
    padding: .1rem .2rem;
    border-radius: .5rem;
}

.search_detail_bot {
    width: 100%;
    overflow: hidden;
}

.search_detail .bot_big {
    width: 92%;
    margin: .2rem 4% 0;
}

.search_detail_bot p:first-of-type {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    color: #333;
    font-size: .36rem;
    line-height: .6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 1.2rem;
}

.search_detail_bot p:nth-of-type(2) {
    margin: .1rem 0;
}
.search_detail .bot_big .fire {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    color: #ea7415;
}

.search_detail .moneyprice {
    color: #e96a04;
    font-size: .4rem;
}

.search_detail .renqi {
    font-size: .3rem;
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
}

.navlist {
    width: 100%;
    background: #fff;
    border-bottom: .02rem solid #eee;
    overflow: hidden;
}

.navlist p {
    position: relative;
    float: left;
    width: 50%;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #999;
    font-size: .4rem;
    text-align: center;
}

.navlist .header p span {
    position: relative;
    width: 100%;
    height: 1.18rem;
    line-height: 1.18rem;
    color: #999;
    display: block;
    font-size: .4rem;
}

.navlist .active:after {
    content: "";
    position: absolute;
    bottom: 0rem;
    width: .8rem;
    height: .06rem;
    border-radius: 5rem;
    left: 50%;
    transform: translateX(-50%);
}

.infoimgss img {
	position: absolute;
	width: 8rem;
	left: 50%;
	top: 5rem;
	transform: translateX(-50%)
}

.infoimg img {
    width: 100%;
    text-align: center;
}

.bottomBox {
	display: -ms-flexbox;
	display: flex;
	margin-top: -.1rem;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.bottomBox .tabBox {
	width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	line-height: .9rem
}

.bottomBox .tabBox span {
	display: inline-block;
	font-size: .45rem;
	color: #323232;
	margin-left: .36rem
}

.bottomBox .tabBox span a {
	color: #323232
}

.bottomBox .tabBox span:nth-of-type(2) {
	margin-left: 0
}

.bottomBox .tabBox span:first-of-type {
	margin-right: .06rem;
	margin-left: 0
}

.bottomBox .tabBox span.active {
	position: relative;
	font-size: .45rem;
	font-weight: 800
}

.bottomBox .tabBox span.active:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: .8rem;
	height: .06rem;
	border-radius: 5rem;
	left: 50%;
	transform: translateX(-50%)
}

.bottomBox .tabBox::-webkit-scrollbar {
	display: none
}

.bottomBox .classify {
	font-size: .38rem;
	line-height: .9rem;
	padding-top: .2rem
}

.bottomBox .classify img {
	width: .5rem;
	vertical-align: middle;
	margin-top: -.04rem
}

.bottomBox .classify span {
	font-weight: 800
}

.indexinfo {
    height: 100%;
    margin: 0 4%;
}

.indexinfo .banners {
	position: relative
}

.indexinfo .banners img {
	width: 100%;
	margin: .4rem 0 0;
	border-radius: .2rem
}

.indexinfo .navbars li {
	margin-top: .3rem
}

.indexinfo .navbars ul {
	margin-top: -.3rem
}

.indexinfo .navbar {
	margin: .3rem 0 0 -4%;
	width: 108%
}

.indexinfo .navbar ul {
	overflow: hidden;
	font-size: 0;
}

.indexinfo .navbar ul li {
	display: inline-block;
	text-align: center
}

.indexinfo .navbar ul li img {
	width: 1.38rem;
	margin-bottom: 0.1rem;
}

.indexinfo .navbar ul li p {
	font-size: .38rem;
	color: #666;
	line-height: 1.2;
}

.indexinfo .curse_list {
	overflow: hidden;
	margin-top: .1rem
}

.indexinfo .curse_list img {
	float: left;
	width: 31.3%;
	margin-left: 3%;
	margin-top: .3rem;
	border-radius: .1rem
}

.indexinfo .curse_list img:nth-of-type(3n-2) {
	margin-left: 0
}

.indexinfo .official .guanzucom {
	overflow: hidden;
	background: #f5f5f5;
	padding: 3%;
	border-radius: .1rem
}

.indexinfo .official .guanzucom .logo {
	float: left;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%
}

.indexinfo .official .guanzucom .zhongjian {
	float: left;
	width: 54%;
	margin-left: .3rem
}

.indexinfo .official .guanzucom .zhongjian p {
	font-size: .44rem;
	margin-top: .2rem
}

.indexinfo .official .guanzucom .zhongjian p:last-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .3rem;
	margin-top: .2rem;
	color: #999;
	padding-top: .1rem
}

.indexinfo .official .guanzucom .follow {
	float: right;
	background: #ff7f00;
	width: 2rem;
	height: .8rem;
	color: #fff;
	text-align: center;
	line-height: .86rem;
	border-radius: 3rem;
	margin-top: .32rem;
	font-size: .4rem
}

.Title_com {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin: .3rem 0 .4rem
}

.Title_com>div .qianggou {
	position: relative;
	top: -.07rem;
	background: #fe8103;
	font-size: .3rem;
	border-radius: .05rem;
	padding: .03rem .14rem;
	color: #fff;
	margin-left: .16rem
}

.Title_com>div:first-of-type {
	font-size: .46rem;
	font-weight: 800
}

.Title_com>div:nth-of-type(2) p {
	float: left;
	font-size: .38rem
}

.Title_com>div:nth-of-type(2) i {
	margin-right: .2rem;
	color: #ea7415;
	font-size: .5rem;
	vertical-align: middle;
	margin-top: -.1rem
}

.Title_com>div:nth-of-type(2) .morenum {
	margin-right: .3rem
}

.Title_com>div:nth-of-type(2) .moredetail {
	color: #999;
	text-align: right;
	padding-left: .3rem;
	/*border-left: .02rem solid #ccc;*/
	margin-top: .03rem
}

.num1 {
    background-color: #fff;
    padding: .3rem;
    padding-top: 0;
    border-bottom: .15rem solid #f8f8f8;
}

.num1 h3 {
    font-size: .4rem;
    margin-bottom: .4rem;
    font-weight: 700;
}

.num1 .ll {
    float: left;
    width: 4.4rem;
    text-align: center;
    height: 1.06rem;
    line-height: 1.06rem;
    background-color: #f8f8f8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .08rem;
    margin-bottom: .3rem;
    margin-left: .2rem;
}

.num1 .ll span {
    font-size: .35rem;
    padding-left: .3rem;
}

.num1 .ll img {
    height: .3rem;
    margin-top: .4rem;
    margin-right: .3rem;
}

.indexinfo .livezhibo {
	/*margin-top: .4rem*/
}

.indexinfo .livezhibo :first-of-type {
	/*margin-top: 0*/
}

.indexinfo .livezhibo .zhibo {
	margin-top: 0.2rem;
}

.indexinfo .livezhibo .zhibo-main p {
	padding: 0 .3rem
}

.indexinfo .livezhibo .house_title {
	line-height: .6rem;
	font-size: .46rem;
	font-weight: 800;
	margin-top: .2rem
}

.indexinfo .livezhibo .desc {
	line-height: .5rem;
	font-size: .35rem;
	color: #999;
	margin: .2rem 0
}

.indexinfo .livezhibo .zhibo-main {
	overflow: hidden;
	position: relative;
	width: 100%;
	border: .02rem solid #eee;
	border-radius: .1rem;
	box-shadow: 0 0 .05rem rgba(0, 0, 0, .08)
}

.indexinfo .livezhibo .zhibo-main .lefttop {
	position: absolute;
	top: 2%;
	left: 3%;
	padding: 0rem .2rem;
	height: .6rem;
	line-height: .6rem;
	font-size: .3rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	background-color: #fe8103;
	border-radius: 5rem;
	color: #fff
}

.indexinfo .livezhibo .zhibo-main .lefttop .circle {
	margin: auto 0;
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	margin-right: .1rem
}

.indexinfo .livezhibo .zhibo .ban {
	width: 100%;
	border-radius: .1rem .1rem 0 0
}

.indexinfo .livezhibo .zhibo .last_price {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #999;
	padding-bottom: .3rem
}

.indexinfo .livezhibo .zhibo .last_price .orange {
	font-size: .4rem !important;
}

.indexinfo .livezhibo .zhibo .last_price .zhibo_right {
	font-size: .35rem;
}

.indexinfo .purple.purplefang {
	margin-top: 0
}

.indexinfo .purple .class_content li {
	overflow: hidden;
	position: relative;
	margin-bottom: .5rem;
	height: 2.26rem
}

.indexinfo .purple .class_content li .right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(100% - 3.73rem);
	height: 100%;
	float: left;
	padding-left: .3rem
}

.indexinfo .purple .class_content li .right h3 {
	overflow: hidden;
	font-size: .38rem;
	color: #333;
	line-height: .6rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical
}

.indexinfo .purple .class_content li .right div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: end;
	align-items: flex-end
}

.indexinfo .purple .class_content li .right .more {
	font-size: .32rem;
	color: #999
}

.indexinfo .purple .class_content .left {
	float: left;
	height: 100%
}

.indexinfo .purple .class_content .left img {
	width: 3.73rem;
	height: 100%;
	border-radius: .106rem;
	vertical-align: middle
}

.indexinfo .purple .class_content .left p {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: .3rem;
	padding: .1rem .2rem;
	border-radius: .5rem;
	bottom: .14rem;
	left: .1rem
}

.indexinfo .purple .class_content .left .showvip {
	position: absolute;
	top: 0;
	background: #e6a957;
	color: #fff;
	font-size: .3rem;
	height: .5rem;
	line-height: .5rem;
	border-radius: 0 0 .1rem .1rem;
	left: .1rem;
	padding: 0 .2rem
}

.indexinfo .freeTime .videolist {
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.indexinfo .freeTime .videolist .stagevideo {
	width: 47.8%;
	border-radius: .2rem;
	box-shadow: 0 0 .05rem rgba(0, 0, 0, .08);
	border: .02rem solid #eee;
	margin-top: .4rem
}

.indexinfo .freeTime .videolist .stagevideo:first-of-type,
.indexinfo .freeTime .videolist .stagevideo:nth-of-type(2) {
	margin-top: 0
}

.indexinfo .freeTime .videolist .stagevideo .stageimg {
	position: relative;
	height: 2.56rem
}

.indexinfo .freeTime .videolist .stagevideo .stageimg img {
	width: 100%;
	height: 100%;
	border-radius: .1rem .1rem 0 0
}

.indexinfo .freeTime .videolist .stagevideo .stageimg p {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: .3rem;
	padding: .1rem .2rem;
	border-radius: .5rem;
	bottom: .1rem;
	left: .1rem
}

.indexinfo .freeTime .videolist .stagevideo .stageimg .showvip {
	position: absolute;
	top: 0;
	background: #e6a957;
	color: #fff;
	font-size: .3rem;
	height: .5rem;
	line-height: .5rem;
	border-radius: 0 0 .1rem .1rem;
	left: .1rem;
	padding: 0 .2rem
}

.indexinfo .freeTime .videolist .stagevideo .stageimg .huifang {
	background: #326cda;
	color: #fff;
	top: .2rem;
	bottom: auto
}

.indexinfo .freeTime .videolist .stagevideo .stageimg .zhiboxianzai {
	background: #ff4834;
	color: #fff;
	top: .2rem;
	bottom: auto
}

.indexinfo .freeTime .videolist .stagevideo .bot_big {
	margin: .1rem 0;
	padding: 0 .14rem
}

.indexinfo .freeTime .videolist .stagevideo .bot_big .title {
	overflow: hidden;
	color: #333;
	font-size: .36rem;
	margin-top: .2rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	line-height: .5rem;
	height: 1rem
}

.indexinfo .freeTime .videolist .stagevideo .bot_big .fire {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: .16rem 0 .2rem;
	-ms-flex-align: end;
	align-items: flex-end
}

.indexinfo .freeTime .videolist .stagevideo .bot_big .fire span:first-of-type {
	color: #e96a04;
	font-size: .38rem
}

.indexinfo .freeTime .videolist .stagevideo .bot_big .fire span:last-of-type {
	font-size: .3rem;
	color: #999
}

.curse .content1 {
    margin: .3rem 4%;
    height: 1.94rem;
    width: 100%;
}

.curse .content1>img, .curse .content2>img {
    float: left;
	width: 3.13rem;
    height: 100%;
    border-radius: .1rem;
}

.curse .content1 .clock_right {
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 3.9rem);
    height: 100%;
    padding-left: .3rem;
}

.curse .content1 .clock_right .title {
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: .38rem;
    line-height: .5rem;
    -webkit-box-orient: vertical;
}

.curse .content1 .clock_right .bot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
}

.curse .content1 .clock_right .bot p {
    font-size: .3rem;
    color: #999;
}

.curse .content1 .clock_right .bot p:last-of-type {
    width: 1.8rem;
    height: .7rem;
    text-align: center;
    line-height: .7rem;
    font-size: .38rem;
    border-radius: 5rem;
}

.indexinfo .livezhibo .curse{
    margin-bottom: -0.3rem;
}

.curse .content2 {
    overflow: hidden;
    margin: 0 0 0.3rem;
    height: 2rem;
    width: 100%;
}

.curse .content2:first-of-type {
    margin-top: 0;
}

.curse .content2 .clock_right {
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 3.26rem);
    height: 100%;
    padding-left: .3rem;
}

.curse .content2 .clock_right .title {
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: .38rem;
    line-height: .5rem;
	-webkit-box-orient: vertical;
}

.curse .content2 .clock_right .bot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
}

.curse .content2 .clock_right .bot p {
    font-size: .3rem;
    color: #999;
}

.curse .content2 .clock_right .bot p:last-of-type {
    width: 2rem;
    height: .7rem;
    text-align: center;
    line-height: .7rem;
    font-size: .34rem;
    border-radius: 5rem;
}

#container .zhibo{
    margin-bottom: 0.4rem;
}

.mt4 img,.mb4 img {
    width: 100%;
    vertical-align: top;
}

.footerinfo {
    width: 100%;
	background-color: #f8f8f8;
	padding: .2rem .3rem;
}

.footerinfo p {
	font-size: .3rem;
	color: #ccc;
	text-align: center;
	line-height: .4rem
}

.footerinfo p a {
	color: #ccc
}

.footer-box {
	background-color: #fff;
	position: fixed;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 1.4rem;
	z-index: 99;
	box-shadow: 0 0 0.1rem rgba(0,0,0,.3);
}

.footer-box a {
	position: relative;
	width: 25%;
	height: 1.4rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	color: #323232
}

.footer-box a i {
	font-size: 0.6rem;
    margin-top: 0.1rem;
}

.footer-box a p {
	margin-bottom: .06rem;
	font-size: .32rem;
}


.nomore {
	position: relative;
	top: 0.3rem;
	width: 4.6rem;
	margin: 0 auto;
	height: 0.5rem;
}

.nomore .line {
	width: 100%;
	height: .02rem;
	background-color: #bfbfbf;
	position: absolute;
	top: -.2rem;
	z-index: 1
}

.nomore .showmore {
	font-size: .32rem;
	color: #999;
	position: absolute;
	width: 3rem;
	display: inline-block;
	z-index: 9;
	top: -.36rem;
	left: .8rem;
	background: #fff;
	text-align: center
}

.commonheader {
    background-color: #eee;
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
}

.tops {
	padding-right: .3rem;
	width: 100%;
	height: 1.2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tops .left {
	margin-top: -.12rem
}

.tops .left img {
	vertical-align: middle;
	height: .5rem;
	margin-top: .2rem
}

.tops .left span {
	font-size: .38rem;
	color: #323232;
	margin-left: -.3rem
}

.tops .left .lifes {
    margin-left: 0;
}

.tops .right {
	margin-top: -.12rem
}

.tops .right span {
	font-size: .38rem;
	color: #323232;
	margin-left: .1rem
}

#categoryList{
	padding-top: 1.2rem;
}

#credit_loading {
	width: 100%;
    text-align: center;
    clear: both;
    font-size: 0.3rem;
    color: #9E9E9E;
	padding-bottom: 0.32rem;
}

.goodClass1 {
	background-color: #fff;
	padding: .4rem;
	font-family: PingFang-SC-Bold
}

.goodClass1 h3 {
	font-weight: 700;
	font-size: .506rem;
	margin-bottom: .6rem
}

.goodClass1 .time {
	font-size: .32rem;
	color: #e14222;
	margin-top: -.4rem
}

.goodClass1 .time span {
	margin-left: -.1rem
}

.goodClass1 .class_content li {
	margin-bottom: .4rem;
	border-bottom: .02rem solid #eee;
	padding-bottom: .3rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.goodClass1 .class_content li .left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 2.26rem;
	position: relative;
	margin-left: .2rem
}

.goodClass1 .class_content li .left h3 {
	font-size: .4rem;
	width: 5rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	color: #333;
	font-weight: 400;
	line-height: .6rem
}

.goodClass1 .class_content li .left div {
	margin-top: .8rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	width: 100%
}

.goodClass1 .class_content li .left div .left1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.goodClass1 .class_content li .left div .left1 span:nth-of-type(2) {
	font-size: .4rem;
	color: #e14222
}

.goodClass1 .class_content li .left div .more {
	font-size: .32rem;
	color: #999;
	position: absolute;
	right: 0;
	margin-top: .55rem
}

.goodClass1 .class_content .right {
	position: relative
}

.goodClass1 .class_content .right img {
	width: 3.73rem;
	height: 2.26rem;
	border-radius: .106rem;
	vertical-align: middle
}

.goodClass1 .class_content .right .showvip {
	position: absolute;
	top: 0;
	background: #e6a957;
	color: #fff;
	font-size: .3rem;
	height: .5rem;
	line-height: .5rem;
	border-radius: 0 0 .1rem .1rem;
	left: .1rem;
	padding: 0 .2rem
}

.goodClass1 .class_content .right .cursesing {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: .3rem;
	padding: .1rem .2rem;
	border-radius: .5rem;
	bottom: .14rem;
	left: .1rem
}

.freeTimesec {
	margin: 0.3rem 4% 0;
}

.freeTimesec .freetitle {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: end;
	align-items: flex-end
}

.freeTimesec .freetitle .title {
	font-weight: 800;
	font-size: .46rem;
	color: #36394d
}

.freeTimesec .freetitle .freeright {
	color: #fff;
	background: #fe8103;
	padding: 0 .4rem;
	font-size: .38rem;
	border-radius: 5rem;
	height: .74rem;
	line-height: .74rem
}

.freeTimesec .freestate {
	overflow: hidden;
	padding: .3rem 0 .4rem
}

.freeTimesec .freestate .stagetime {
	float: left;
	position: relative;
	width: 31%;
	height: 1.2rem;
	color: #999;
	text-align: center;
	border: .02rem solid #ccc;
	background: #fcfcfc;
	font-size: .38rem;
	margin-left: 3.5%;
	border-radius: .1rem
}

.freeTimesec .freestate .stagetime:first-of-type {
	margin-left: 0
}

.freeTimesec .freestate .stagetime p {
	margin-top: .15rem
}

.freeTimesec .freestate .stagetime p:first-of-type {
	margin-top: .2rem
}

.freeTimesec .freestate .stagetime.stactive {
	color: #ff7f00;
	background: #fff9f2;
	border: .02rem solid #ff7f00
}

.freeTimesec .freestate .stagetime.stactive:before {
	content: "";
	position: absolute;
	left: 45%;
	bottom: -.116rem;
	width: .2rem;
	height: .2rem;
	border: .02rem solid #ff7f00;
	transform: rotate(135deg);
	border-left: none;
	border-bottom: none;
	background: #fff9f2
}

.freeTimesec .videolist {
	overflow: hidden
}

.freeTimesec .videolist .stagevideo {
	float: left;
	width: 4.4rem;
	border-radius: .2rem;
	box-shadow: 0 0 .05rem rgba(0, 0, 0, .08);
	border: .02rem solid #eee;
	margin-bottom: .4rem
}

.freeTimesec .videolist .stagevideo:nth-of-type(2n) {
	margin-left: .4rem
}

.freeTimesec .videolist .stagevideo .stageimg {
	position: relative;
	height: 2.56rem
}

.freeTimesec .videolist .stagevideo .stageimg img {
	width: 100%;
	height: 100%;
	border-radius: .1rem .1rem 0 0
}

.freeTimesec .videolist .stagevideo .stageimg p {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: .3rem;
	padding: .1rem .3rem;
	border-radius: .5rem;
	bottom: .1rem;
	left: .1rem
}

.freeTimesec .videolist .stagevideo .stageimg .huifang {
	background: #326cda;
	color: #fff;
	top: .2rem;
	bottom: auto
}

.freeTimesec .videolist .stagevideo .stageimg .zhiboxianzai {
	background: #ff4834;
	color: #fff;
	top: .2rem;
	bottom: auto
}

.freeTimesec .videolist .stagevideo .bot_big {
	margin: .1rem 0;
	padding: 0 .14rem
}

.freeTimesec .videolist .stagevideo .bot_big .title {
	overflow: hidden;
	color: #333;
	font-size: .36rem;
	margin-top: .2rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	line-height: .6rem;
	height: 1.2rem
}

.freeTimesec .videolist .stagevideo .bot_big .fire {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: .16rem 0 .2rem;
	-ms-flex-align: end;
	align-items: flex-end
}

.freeTimesec .videolist .stagevideo .bot_big .fire span:first-of-type {
	color: #e96a04;
	font-size: .38rem
}

.freeTimesec .videolist .stagevideo .bot_big .fire span:last-of-type {
	font-size: .3rem;
	color: #999
}

.article .top {
    width: 100%;
    border-bottom: .15rem solid #f8f8f8;
	padding-top: 1.2rem;
}

.article .top img{
    width: 100%;
}

.article .top .top-main {
    padding: 0 4% .4rem;
}

.article .top .top-main h3 {
    line-height: .6rem;
    font-weight: 800;
    font-size: .42rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: .2rem;
}

.article .top .top-main .little {
    margin-top: .2rem;
    font-size: .32rem;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.article .maindatail {
    font-size: .4rem;
    padding: .3rem 4% 0rem;
    line-height: .8rem;
}

.article .maindatail img{
    width: 100%;
	border-radius: .1rem;
}

.pay_mask {
    margin-top: -50px;
    height: 50px;
    position: relative;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    pointer-events: none;
}

.pay_button {
    text-align: center;
    color: #F44336;
	font-weight: bold;
}

.dingyue {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	bottom: 0;
	z-index: 99 !important;
	height: 1.4rem;
	text-align: center;
	box-shadow: 0 0 0.1rem rgba(0,0,0,.3);
	z-index: 99;
	background: #fff
}

.dingyue div:first-of-type {
	-ms-flex: 2;
	flex: 2
}

.dingyue div:first-of-type img {
	width: .58rem;
	vertical-align: top;
	margin-top: .2rem
}

.dingyue div:first-of-type p {
	color: #999;
	font-size: .32rem;
	margin-top: -0.1rem
}

.dingyue .youzk {
	-ms-flex: 2;
	flex: 2
}

.dingyue .youzk img {
	width: .58rem;
	vertical-align: top;
	margin-top: .2rem
}

.dingyue .youzk p {
	color: #999;
	font-size: .32rem;
	margin-top: -0.1rem
}

.sk_btn {
	overflow: hidden;
	-ms-flex: 9;
	flex: 9;
}

.sk_btn div {
	float: left;
	width: 50%;
	height: 1rem;
	font-size: .4rem;
	text-align: center;
	color: #fff;
	line-height: 1rem;
	margin-top: .2rem
}

.sk_btn div:first-of-type {
	background: url(/assets/img/lan.png) no-repeat;
	background-size: 100% 100%
}

.sk_btn div:last-of-type {
	background: url(/assets/img/huang.png) no-repeat;
	background-size: 100% 100%
}

.ssk_btn {
	overflow: hidden;
	-ms-flex: 9;
	flex: 9;
}

.ssk_btn div {
	float: left;
	width: 47%;
	height: 0.88rem;
	font-size: .4rem;
	text-align: center;
	color: #fff;
	line-height: 0.88rem;
	margin-top: .26rem;
}

.ssk_btn div:first-of-type {
	background: #fea802;
	border-radius: 6rem;
	margin-right: 2%;
}

.ssk_btn div:last-of-type {
	background: #4a89dc;
	border-radius: 6rem;
	margin-left: 2%;
}

.sk_btns {
	overflow: hidden;
	-ms-flex: 9;
	flex: 9;
}

.sk_btns div {
	float: left;
	width: 47%;
	height: 0.88rem;
	font-size: .4rem;
	text-align: center;
	color: #fff;
	line-height: 0.88rem;
	margin-top: .26rem;
}

.sk_btns div:first-of-type {
	background: #35494c;
	border-radius: .2rem;
	margin-right: 3%;
}

.sk_btns div:last-of-type {
	background: #4a89dc;
	border-radius: .2rem;
	margin-left: 3%;
}


.article .bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 1.4rem;
	line-height: 1.4rem;
	box-shadow: 0 0 0.1rem rgba(0,0,0,.3);
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	z-index: 99;
}

.article .bottom div:first-of-type {
	display: inline-block;
	width: 20%;
	height: 1.4rem;
	line-height: 1.4rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center
}

.article .bottom div:first-of-type img {
    margin: .2rem auto 0.1rem;
    width: .58rem;
    vertical-align: top;
}

.article .bottom div:first-of-type p {
    font-size: .32rem;
    margin-top: -.5rem;
	color: #999;
}

.article .bottom div:nth-of-type(2) {
	text-align: center;
	display: inline-block;
	width: 60%;
	font-size: .48rem
}

.article .bottom div:nth-of-type(3) {
	display: inline-block;
	width: 20%;
	height: 1.4rem;
	line-height: 1.4rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center
}

.article .bottom .youzk img {
    margin: .2rem auto 0.1rem;
    width: .58rem;
    vertical-align: top;
}

.article .bottom .youzk p {
    font-size: .32rem;
    margin-top: -.5rem;
	color: #999;
}


.advice {
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	width: 100%;
	height: 3rem;
	background-color: #fff;
	bottom: 0;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	border-radius: .2rem .2rem 0 0
}

.back,
.phone {
	text-align: center
}

.back img,
.phone img {
	width: 1.6rem;
	margin-bottom: 0.1rem;
}

.back p,
.phone p {
	font-size: .38rem;
	color: #323232
}

.advice .close {
    position: fixed;
    bottom: 3.3rem;
    right: 3%;
    width: 0.6rem;
}


.fangshi {
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 80%;
	margin-left: 10%;
	background: #fff;
	border-radius: .2rem
}
.fangshi .price {
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.48rem;
    border-bottom: .02rem solid #efefef;
}
.fangshi .price span{
    font-size: 0.8rem;
}

.fangshi .ptype {
    margin-left: 4%;
    font-size: 0.42rem;
    padding: 0.38rem 0;
}

.fangshicontent {
    border-top: .02rem solid #efefef;
}

.paytips {
    font-size: 0.3rem;
    text-align: center;
    padding: 0.3rem 0;
    border-top: .02rem solid #efefef;
    color: #9E9E9E;
}

.fangshi .btnsmall {
	overflow: hidden;
	height: 1.2rem;
	line-height: 1.2rem;
	border-top: .02rem solid #eee
}

.fangshi .btnsmall p {
	float: left;
	width: 50%;
	text-align: center;
	color: #999;
	font-size: .4rem
}

.fangshi .btnsmall p:last-of-type {

}

.fangshi .list {
	width: 92%;
	margin-left: 4%;
	height: 1.6rem;
	line-height: 1.6rem;
	overflow: hidden;
	border-bottom: .02rem solid #efefef
}

.fangshi .list:last-of-type {
	border: none
}

.fangshi .list_l {
	font-size: .4rem;
	color: #333;
	float: left;
	font-weight: 800
}

.fangshi .list_l img {
	height: .66rem;
	vertical-align: middle;
	margin-right: .2rem
}

.fangshi .list_r {
	float: right;
	position: relative
}

.fangshi .list_r input {
	position: absolute;
	z-index: 9999;
	opacity: 0;
	bottom: 0;
	width: .6rem;
	height: .6rem
}

.fangshi .list_r div {
	width: .6rem;
	height: .6rem;
	background: url(/assets/img/checked.png) no-repeat;
	background-size: 100% 100%;
	margin-top: .5rem
}

.fangshi .list_r input[type=radio]:checked+div {
	background: url(/assets/img/checkeds.png) no-repeat;
	background-size: 100% 100%
}


.checkOrder .msg {
    width: 100%;
    height: 2.2rem;
    padding: 0 3%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    color: #323232;
    font-size: .38rem;
    border-bottom: .13rem solid #eee;
}

.checkOrder .msg_con {
    width: 86%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.checkOrder .person {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .2rem;
}

.checkOrder .item_detail {
    padding: .27rem 4% .4rem;
    overflow: hidden;
    border-bottom: .13rem solid #eee;
}

.checkOrder .item_detail img {
    float: left;
    width: 2.26rem;
    height: 2.26rem;
    background: #eee;
    border-radius: .05rem;
}

.checkOrder .item_dec {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left;
    width: calc(100% - 2.56rem);
    height: 2.26rem;
    margin-left: .3rem;
}

.checkOrder .item_dec p {
    width: 100%;
    line-height: .5rem;
    color: #333;
    font-size: .38rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.checkOrder .item_dec .bot_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.checkOrder .item_dec .bot_info span:last-of-type {
    color: #999;
}
.checkOrder .item_dec span {
    font-size: .35rem;
    font-family: PingFang-SC-Medium;
    color: #fe8103;
}

.checkOrder_ipt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 1.2rem;
    border-bottom: 1px solid #eee;
    font-size: .38rem;
    color: #323232;
    width: 100%;
    padding: 0 4%;
}

.checkOrder_ipt span:first-of-type {
    font-weight: 800;
    font-size: .38rem;
}

.checkOrder .savepay {
    width: 92%;
    margin: 0 4%;
    height: 1.2rem;
    color: #fff;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 5rem;
    font-size: .4rem;
    background: #fe8103;
	margin-top: 0.3rem;
}

.overpay .hearder{
    overflow: hidden;
    width: 100%;
    height: 5rem;
    background: url(/assets/img/zhifutop.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.overpay .hearder .fukuan {
    font-size: .6rem;
    text-align: center;
    margin: 1rem 0;
}

.overpay .hearder .fukuan img {
    width: .8rem;
    vertical-align: middle;
    margin-right: .2rem;
}

.overpay .hearder .yigou {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .4rem;
    text-align: center;
	margin: 0 0.3rem;
}

.overpay .ewm {
    text-align: center;
}

.overpay .ewm img {
    width: 6rem;
}

.overpay .saomiao {
    font-size: .4rem;
}

.overpay .jiaoyi {
    width: 80%;
    margin: 5% 10% 0;
}

.overpay .jiaoyi .every {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .4rem;
    border-bottom: .02rem solid #eee;
}

.overpay .jiaoyi .every div:nth-of-type(2) {
    color: #ff745b;
}

.overpay .jiaoyi .every:last-of-type {
    /*border: none;*/
}

.overpay .submit {
    width: 92%;
    height: 1.2rem;
    background: #ff745b;
    color: #fff;
    border-radius: .1rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: .4rem;
    margin-left: 4%;
    margin-top: 6%;
}

.content {
    background-color: #fff;
    border-bottom: .15rem solid #f8f8f8;
    padding: .4rem;
}

.content h3 {
    font-size: .4rem;
    line-height: .6rem;
    width: 100%;
    font-weight: 800;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.content .content-box {
    margin-top: .2rem;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.content .content-box div {
    overflow: hidden;
    font-size: .38rem;
    color: #999;
    line-height: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notice {
    width: 100%;
    /*height: 100%;*/
    padding-left: 4%;
    padding-right: 4%;
    font-size: .4rem;
}

.con_header {
    width: 100%;
    height: 100%;
    line-height: 0.54rem;
    color: #000;
    overflow: hidden;
    border-bottom: .02rem solid #eee;
    padding: 0.2rem 0;
}

.con_header span {
    font-weight: 900;
}

.con_txt {
    width: 100%;
    font-size: .346rem;
    line-height: .6rem;
    margin-top: .2rem;
}

.tit {
    width: 100%;
    height: 1.07rem;
    line-height: 1.07rem;
    border-bottom: .02rem solid #efefef;
    font-size: .37rem;
    color: #000;
}

.tit span {
    width: 1.58rem;
    height: .38rem;
    font-weight: 900;
}

.nlist {
    height: 1.07rem;
    border-bottom: .02rem solid #efefef;
    overflow: hidden;
    color: #999;
    font-size: .346rem;
    margin: 0 4%;
}

.nlist .list_l {
    float: left;
    line-height: 1.07rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 91.8%;
}

.nlist .list_r {
    float: right;
    line-height: 1.07rem;
}

.nlist .list_r img {
    height: .46rem;
    vertical-align: middle;
    margin-left: .2rem;
}

.purples {
    box-shadow: 0 0 0.08rem #ccc;
    border-radius: 0.1rem;
}

.purples .Title_com {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: .6rem 0 0;
    padding: 0.4rem;
    border-bottom: .02rem solid #eee;
}

.purples .items {
    padding: .3rem;
    overflow: hidden;
    font-size: .36rem;
    border-bottom: .02rem solid #eee;
}

.purples .items .item_l {
    float: left;
    width: 10%;
    position: relative;
    margin: 0.4rem 0;
}

.purples .items .item_l img {
    width: 0.7rem;
    height: 0.9rem;
}

.purples .items .item_R {
    width: 88%;
    float: right;
    font-size: .4rem;
    height: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.purples .items .item_R .title {
    width: 100%;
    color: #333;
    font-weight: 800;
}

.purples .items .item_R p:nth-of-type(2) {
    font-size: .35rem;
    color: #999;
	margin: 0.1rem 0;
}
.purples .items .item_R .title, .items .item_R p:nth-of-type(2) {
    line-height: .5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.purples .items .item_R .bot {
    overflow: hidden;
    padding-top: .1rem;
    line-height: .4rem;
}

.purples .items .item_R .bot_name {
    float: left;
    color: #666;
    font-size: .32rem;
}

.purples .items .item_R .bot_name:nth-of-type(2) {
    margin-left: 8%;
}

.purples .items .item_R .bot_thumn {
    float: right;
    margin-right: 2%;
    color: #666;
    font-size: .32rem;
}

.purples2 {
    box-shadow: 0 0 0.08rem #ccc;
    border-radius: 0.1rem;
}

.purples2 .Title_com {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: .6rem 0 0;
    padding: 0.4rem;
    border-bottom: .02rem solid #eee;
}

.purples2 .items {
    padding: .3rem .1rem;
    overflow: hidden;
    font-size: .36rem;
    border-bottom: .02rem solid #eee;
}

.purples2 .items .item_l {
    float: left;
    width: 15%;
    position: relative;
    margin: auto;
}

.purples2 .items .item_l img {
    width: 1.5rem;
    height: 1.5rem;
}

.purples2 .items .item_R {
    width: 82%;
    float: right;
    font-size: .4rem;
    height: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.purples2 .items .item_R .title {
    width: 100%;
    color: #333;
    font-weight: 800;
}

.purples2 .items .item_R p:nth-of-type(2) {
    font-size: .35rem;
    color: #999;
	margin: 0.1rem 0;
}
.purples2 .items .item_R .title, .items .item_R p:nth-of-type(2) {
    line-height: .5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.purples2 .items .item_R .bot {
    overflow: hidden;
    padding-top: 0rem;
    line-height: .5rem;
}

.purples2 .items .item_R .bot_name {
    float: left;
    color: #666;
    font-size: .32rem;
}

.purples2 .items .item_R .bot_name:nth-of-type(2) {
    margin-left: 8%;
}

.purples2 .items .item_R .bot_thumn {
    float: right;
    margin-right: 2%;
    color: #666;
    font-size: .32rem;
}

.items a:link {
    color: #333;
    font-weight: 800;
}

.upgradeMember {
	overflow: hidden
}

.upgradeMember .nav {
    width: 100%;
    text-align: center;
    font-size: 0;
	margin-bottom: 0.3rem;
}

.upgradeMember .nav img{
    width: 100%;
}

.upgradeMember .hearders {
	position: relative;
	overflow: hidden;
	background: #3a3939;
	height: 4.2rem;
	top: 1.2rem;
}

.upgradeMember .hearders .seftinfo {
	display: -ms-flexbox;
	display: flex;
	height: 1.6rem;
	margin: 8% 4% 0
}

.upgradeMember .hearders .seftinfo .logoimg {
	width: 1.6rem;
	height: 100%;
	border-radius: 50%
}

.upgradeMember .hearders .seftinfo .detail {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: .3rem
}

.upgradeMember .hearders .seftinfo .detail .dettaol_top {
	opacity: 1
}

.upgradeMember .hearders .seftinfo .detail .dettaol_top span {
	color: #ffe2b4;
	font-weight: 700;
	font-size: .4rem
}

.upgradeMember .hearders .seftinfo .detail .dettaol_top img {
	width: 1.4rem;
	position: relative;
	top: .1rem;
}

.upgradeMember .hearders .seftinfo .detail p {
	color: #fff;
	opacity: .7;
	font-size: .3rem
}

.upgradeMember .hearders .choosevip div {
	position: absolute;
	width: 52%;
	height: 1.06rem;
	bottom: -.04rem;
	font-size: .4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.06rem
}

.upgradeMember .hearders .choosevip div:first-of-type {
	left: 0;
	background: url(/assets/img/vipb1.png) no-repeat;
	color: #6e3b30;
	z-index: 2;
	background-size: 100% 100%
}

.upgradeMember .hearders .choosevip div.huanbackyuan {
	right: 0;
	background: url(/assets/img/vipb4.png) no-repeat;
	color: #6e3b30;
	z-index: 4;
	background-size: 100% 100%
}

.upgradeMember .hearders .choosevip div.huanback1 {
	right: 0;
	background: url(/assets/img/vipb2.png) no-repeat;
	color: #b39c82;
	background-size: 100% 100%
}

.upgradeMember .hearders .choosevip div.huanback {
	background: url(/assets/img/vipb3.png) no-repeat;
	color: #b39c82;
	background-size: 100% 100%
}

.upgradeMember .paymoney {
	padding: 16% 4% 3%;
	border-bottom: .2rem solid #f8f8f8
}

.upgradeMember .paymoney .title {
	font-size: .42rem;
	font-weight: 700
}

.upgradeMember .paymoney .title span {
	font-size: .3rem;
	color: #999;
	margin-left: .3rem
}

.upgradeMember .paymoney .titles {
	font-size: .3rem;
	text-align: center;
    margin-top: 0.3rem;
	color: #999;
}

.upgradeMember .paymoney .titles span {
	font-size: .42rem;
	font-weight: 700;
	color: #323232;
}

.upgradeMember .paymoney .choosepay {
	margin-top: 4%;
	height: 3.5rem
}

.upgradeMember .paymoney .choosepay .swiperbanner div {
	height: 3.5rem;
	text-align: center;
	border: .02rem solid #dadada;
	border-radius: .05rem
}

.upgradeMember .paymoney .choosepay .swiperbanner div.active {
	background: #f3e6df;
	border: .02rem solid #d6ac94
}

.upgradeMember .paymoney .choosepay .swiperbanner div p {
	font-size: .5rem;
	margin-top: 11%
}
.upgradeMember .paymoney .choosepay .swiperbanner .name {

}

.upgradeMember .paymoney .choosepay .swiperbanner .time {
	font-size: .3rem;
}

.upgradeMember .paymoney .choosepay .swiperbanner .money {
	font-weight: 700;
}

.upgradeMember .paymoney .choosepay .swiperbanner div p:last-of-type {
	font-weight: 700;
	color: #F44336;
	font-size: .38rem
}

.upgradeMember .paymoney .choosepay .infoimgss img {
    width: 6rem;
    top: 6rem;
}

.upgradeMember .paymoney .choosepays {
	height: 3.5rem
}

.upgradeMember .paymoney .choosepays .swiperbanner div {
	height: 3.5rem;
	text-align: center;
	border: .02rem solid #dadada;
	border-radius: .05rem
}

.upgradeMember .paymoney .choosepays .swiperbanner div.active {
	background: #f3e6df;
	border: .02rem solid #d6ac94
}

.upgradeMember .paymoney .choosepays .swiperbanner div p {
	font-size: .5rem;
	margin-top: 3.9%
}
.upgradeMember .paymoney .choosepays .swiperbanner .name {

}

.upgradeMember .paymoney .choosepays .swiperbanner .time {
	font-size: .3rem;
}

.upgradeMember .paymoney .choosepays .swiperbanner .money {
	font-weight: 700;
}

.upgradeMember .paymoney .choosepays .swiperbanner div p:last-of-type {
	font-weight: 700;
	color: #F44336;
	font-size: .38rem
}

.upgradeMember .quanyi .quanyi_title {
	text-align: center
}

.upgradeMember .quanyi .quanyi_title span {
	font-size: .45rem;
	font-weight: 700
}

.upgradeMember .quanyi .quanyi_title img {
	width: 1.4rem
}

.upgradeMember .quanyi .huiyuan {
	margin: 4%;
	font-size: 0.38rem;
}

.upgradeMember .bottom_pay {
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 1.2rem;
	background: #d6ac94;
	line-height: 1.2rem;
	color: #fff;
	font-size: .4rem;
	text-align: center
}

.upgradeMember .savepay {
    width: 100%;
    margin: 0;
    height: 1.2rem;
    color: #fff;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 5rem;
    font-size: .4rem;
    background: #fe8103;
	margin-top: 0.3rem;
	position: relative;
}

.upgradeMember .hot-pay {
    display: inline-block;
    vertical-align: middle;
    width: 1.056rem;
    height: 0.445rem;
    background: url(/assets/img/tjzf.png) center center no-repeat;
    position: absolute;
    top: 10%;
    left: 59%;
}

.wrapcourse {
    width: 100%;
    height: 100%;
    position: relative;
}
/*
.hearder>div {
    position: fixed;
    width: 100%;
    z-index: 9;
}
*/
.box_top {
    width: 100%;
    height: 90%;
    z-index: 99;
}

.article .footerinfo {
    margin-top: 0;
}

.nav {
    width: 100%;
    position: relative;
    padding-bottom: .1rem;
    z-index: 1;
}

.navtopmig {
    position: relative;
    height: 7.3rem;
}

.fengmian img {
    width: 100%;
    margin-top: 1.2rem;
}

.navtopmig .flex-box {
    position: fixed;
    z-index: 101;
    top: 5.9rem;
    width: 92%;
    margin: 0 4%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
}

.videoup {
    width: 100%;
    position: fixed;
    top: 1.2rem;
    height: 5.7rem;
    z-index: 2;
}

.box_text {
    font-size: .3rem;
	margin-bottom: 0.3rem;
}

.title_a {
    line-height: .7rem;
    font-weight: 800;
    font-size: .5rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: .1rem .3rem 0;
}

.title_c {
    line-height: .4rem;
    font-weight: 900;
    margin-top: .5rem;
    color: #999;
    font-size: .3rem;
    margin: 0 .3rem;
}

.text-right {
    display: inline-block;
    margin-top: .2rem;
}

.text-right span {
    font-size: .38rem;
    font-weight: 800;
    padding-right: .1rem;
}

.course_detail {
    font-size: .4rem;
    line-height: .6rem;
}
.course_detail img {
    width: 100%;
}

.item {
    border-bottom: .02rem solid #eee;
    line-height: .6rem;
    text-align: left;
    padding: .3rem 0;
}

.item:first-of-type {
    margin-top: -.2rem;
}

.playlistevery>img {
    float: left;
    width: .66rem;
    height: .66rem;
    margin-top: .2rem;
    margin-right: .2rem;
}

.item p {
    font-size: .35rem;
    color: #999;
}

.item p:first-of-type {
    margin-left: .1rem;
}

.item p:last-of-type {
    position: relative;
    top: -.8rem;
    float: right;
    color: #e96a04;
}

.item p:last-of-type img {
    width: .5rem;
    position: relative;
    top: .1rem;
}

.couseactice span {
    color: #fe8103;
}
.mulutitle {
    color: #323232;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: .5rem;
    overflow: hidden;
	font-size: .4rem;
}

.peoplenum {
    padding-left: .3rem;
    border-left: .05rem solid #eee;
}

.yaoqingka {
    position: absolute;
    right: 0;
    height: .64rem;
    border-radius: 5rem 0 0 5rem;
    line-height: .64rem;
    background: #fe8103;
    color: #fff;
    padding: 0 .2rem 0 .34rem;
    margin-top: -.58rem;
    font-size: .35rem;
}

.desctitle {
    overflow: hidden;
    color: #999;
    font-size: .35rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .3rem;
    line-height: .5rem;
}

.curses {
    border-bottom: .2rem solid #f8f8f8;
}

.navTab {
    width: 100%;
    overflow: hidden;
    height: 1.2rem;
    line-height: 1.2rem;
    background: #fff;
    border-bottom: .02rem solid #eee;
    display: flex;
    display: -ms-flexbox;
    text-align: center;
}

.navTab p {
    position: relative;
    float: left;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #999;
    text-align: center;
    font-size: .4rem;
}

.navTab div {
    position: relative;
    width: 100%;
    color: #999;
    font-weight: 600;
    font-size: .4rem;
}

.navTab .active {
    font-size: .45rem!important;
    color: #333!important;
    font-weight: 800!important;
}

.navTab div.active:after {
	content: "";
    position: absolute;
    bottom: 0rem;
    width: .8rem;
    height: .06rem;
    border-radius: 6rem;
    left: 50%;
    transform: translateX(-50%);
}

.cont1 {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2rem;
    margin-top: .2rem;
}

.olistt {
    width: 100%;
    background-color: #fff;
    border-bottom: .13rem solid #eee;
}

.olistt .botItem {
    width: 92%;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-left: 4%;
    border-bottom: .02rem solid #efefef;
    overflow: hidden;
}

.olistt .botItem_l {
    float: left;
    font-size: .38rem;
    color: #333;
    font-weight: 800;
}

.olistt .botItem_r {
    float: right;
    font-size: .38rem;
}

.olistt .botItem_r input {
    text-align: right;
}

.guize {
    width: 92%;
    margin: 4%;
}

.guize p:first-of-type {
    font-size: .48rem;
    font-weight: 800;
    margin-bottom: .3rem;
}

.guize p:last-of-type {
    font-size: .4rem;
    line-height: .5rem;
}

.footmsg {
    width: 100%;
    height: 1.5rem;
    position: absolute;
    bottom: 0;
    z-index: 9;
    border-top: .05rem solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: .42rem;
}

.footmsg p {
    width: 66.6%;
    line-height: 1.5rem;
    padding-left: 4%;
    font-weight: 800;
    font-size: .45rem;
    color: #323232;
    background: #fff;
}

.footmsg span {
    line-height: 1.5rem;
    font-weight: 800;
    font-size: .45rem;
    color: #fe8103;
}

.footmsg .btns {
    width: 33.3%;
    height: 1.5rem;
    text-align: center;
    background-color: #fe8103;
    color: #fff;
    line-height: 1.5rem;
    font-weight: 800;
}

.cardall {
    overflow: hidden;
    width: 92%;
    margin-left: 4%;
}

.cardall>div {
    float: left;
    width: 48%;
}

.cardall>div:first-of-type {
    margin-right: 4%;
}

.cardall>div>div:first-of-type {
    background: #e3f6ff;
    border-radius: .1rem .1rem 0 0;
    text-align: center;
	height: 4.2rem;
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0;
}

.cardall>div>div:first-of-type img {
    width: 60%;
    padding-top: 0.1rem;
}

.cardall .el-upload__input {
    position: absolute;
    left: 4%;
    font-size: 0.38rem;
    width: 4.4rem;
    height: 3.5rem;
    z-index: 99;
	opacity: 0;
}

.cardall .el-upload__inputs {
    position: absolute;
    right: 4%;
    font-size: 0.38rem;
    width: 4.4rem;
    height: 3.5rem;
    z-index: 99;
	opacity: 0;
}

.cardall>div>div:last-of-type {
    background: #65abff;
    border-radius: 0 0 .1rem .1rem;
    font-size: .4rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
}

.submit {
    background: #fe8103;
    border-radius: .1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    text-align: center;
    font-size: .42rem;
    margin: 0.6rem 0.4rem;
}

.maindatail iframe {
    width: 100%;
    height: 12rem;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
}










.kuangphone {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    width: 80%;
    margin-left: 10%;
    border-radius: .2rem;
    font-size: .4rem;
	padding-bottom: 0.5rem;
}

.phonetitle {
    text-align: center;
    padding: .5rem 0;
    font-weight: 800;
}

.itemList {
    width: 90%;
    margin-left: 5%;
    overflow: hidden;
    height: 1rem;
    margin-bottom: .4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: .05rem solid #eee;
}

.itemList img {
    width: .5rem;
    margin-left: .3rem;
}

.itemList input {
    width: 100%;
    height: 100%;
    font-size: .346rem;
    text-indent: .2rem;
    margin-left: .1rem;
}

.getcodes {
    position: absolute;
    right: 0.4rem;
    margin: .2rem auto;
}

.regisBtn {
    width: 90%;
    height: 1.1rem;
    line-height: 1.1rem;
    background: #fe8103;
    margin: .5rem 5% 0;
    color: #fff;
    font-weight: 800;
    border-radius: 2rem;
    text-align: center;
    font-size: 0.42rem;
}

.kuangphone .close {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    width: .6rem;
    height: .6rem;
    font-size: .4rem;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: .6rem;
    transform: translateX(-50%);
}

.apply_content .shoplist {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    border-bottom: .12rem solid #f8f8f8;
}

.apply_content .shoplist .ipts {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .38rem;
}

.apply_content .shoplist .ipt {
    border-bottom: 1px solid #eee;
}

.apply_content .shoplist .ipts .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.apply_content .shoplist .item_detail {
    display: -ms-flexbox;
    display: flex;
    padding: .27rem 0 .4rem;
    border-bottom: 1px solid #eee;
}

.apply_content .shoplist .item_detail i {
    font-size: 1.12rem;
    padding-top: 0.3rem;
}

.apply_content .shoplist .item_detail img {
    width: 2.5rem;
    height: 2.5rem;
    background: #eee;
    border-radius: .05rem;
}

.apply_content .shoplist .item_detail .item_dec {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 1.6rem;
    margin-left: .4rem;
}

.apply_content .shoplist .item_detail .item_dec p {
    overflow: hidden;
    color: #333;
    font-size: .36rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: .6rem;
    height: 1.2rem;
}

.apply_content .shoplist .item_detail .item_dec span {
    height: .27rem;
    font-size: .35rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: #fe8103;
}

.offline {
    min-height: 100%;
    background: #f8f8f8;
	padding-top: 1.4rem;
}

.myxueyuan {
    margin: 0 4%;
}

.myxueyuan .every_info {
    width: 100%;
    background: #fff;
    border-radius: .2rem;
    margin-top: .1rem;
    padding: .3rem;
}

.myxueyuan .every_info>img {
    float: left;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
}

.myxueyuan .every_info .selfinfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left;
    height: 1.6rem;
    margin-left: .3rem;
}

.myxueyuan .every_info .selfinfo .nickname {
    font-size: .42rem;
    font-weight: 800;
}

.myxueyuan .every_info .selfinfo .number {
    color: #999;
    font-size: .4rem;
}

.myxueyuan .every_info .selfinfo .btns {
    background: #fe8103;
    color: #fff;
    padding: .1rem;
    border-radius: .1rem;
    width: 2rem;
    text-align: center;
    font-size: .38rem;
}

.classmate {
    padding-top: 2.6rem;
    background-color: #f8f8f8;
}

.classmate ul li {
    background-color: #fff;
    border-radius: .13rem;
    margin-bottom: .2rem;
}

.classmate ul li p {
    font-size: .32rem;
    color: #999;
    border-bottom: .02rem solid #eee;
    line-height: .9rem;
    padding: 0 .3rem;
}

.classmate ul li div {
    padding: .3rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: .02rem solid #eee;
}

.classmate ul li div>span:first-of-type, .classmate ul li div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.classmate ul li div>span:first-of-type img {
    width: .9rem;
    height: .9rem;
    vertical-align: middle;
    border-radius: 50%;
}

.classmate ul li div>span:first-of-type > span {
    margin-left: .2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.classmate ul li div>span:first-of-type > span span:nth-of-type(1) {
    font-size: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: .38rem;
    height: .38rem;
}

.classmate ul li div>span:first-of-type > span span:nth-of-type(2) {
    color: #ff6c00;
    font-size: .3rem;
}

.classmate ul li div>span:nth-of-type(2) {
    display: inline-block;
    margin: auto 0;
    font-size: .3rem;
    padding: 0.12rem;
    border-radius: 0.12rem;
}

.classmate ul li div>span:nth-of-type(3) {
    display: inline-block;
    margin: auto 0;
    font-size: .3rem;
    padding: 0.12rem;
    border-radius: 0.12rem;
}

.poster {
    padding-top: 1.8rem;
}
.poster .swiper-container .swiper-slide img {
    width: 100%;
	padding: 0rem 1.2rem;
}

.poster .savephoto {
    width: 88%;
    margin: 4% 6%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 5rem;
    font-size: .4rem;
}

.poster .nav_bot2 {
    display: flex;
    text-align: center;
}

.poster .nav_bot2 .item2 {
    width: 100%;
    margin-bottom: .6rem;
}

.poster .nav_bot2 .item2 img {
    height: 1.2rem;
}

.poster .nav_bot2 .item2 p {
    font-size: .38rem;
    color: #656565;
    margin-top: .1rem;
}

.nav_top {
    text-align: center;
    padding-top: 1.6rem;
}

.nav_top_l img {
    width: 1.5rem!important;
    height: 1.5rem;
    border-radius: 50%;
}

.nav_top_m .tit2 {
    font-size: .38rem;
    color: #333;
}

.nav_top_m .jiaose {
    width: 2.4rem;
    margin: auto;
	    height: 1.2rem;
}

.nav_top_m .jiaose img {
    width: 100%;
}

.nav_top_m .span {
    font-size: .32rem;
    color: #ffffff;
	 margin-top: -0.66rem;
    margin-left: 0.5rem;
}

.list2 {
    width: 92%;
    margin-left: 4%;
    color: #323232;
    border: 2px solid #eee;
    border-radius: .2rem;
    box-shadow: 0 0 0.8rem #efefef;
}

.list2_l {
    font-size: .38rem;
    border-bottom: .02rem solid #efefef;
    margin: 0 .1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .2rem 3%;
}

.list2_header {
    font-size: .42rem;
    padding: .3rem 3%;
}

.list2_l span {
    line-height: .6rem;
}

.list2_s {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 0.6rem;
    width: 80%;
	text-align: right;
}

.olistt2 {
    width: 100%;
}

.olistt2 .botItem {
    width: 94%;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-left: 3%;
    border-bottom: .02rem solid #efefef;
    overflow: hidden;
}

.olistt2 .botItem_l {
    float: left;
    font-size: .38rem;
    color: #333;
    font-weight: 800;
}

.olistt2 .botItem_r {
    float: right;
    font-size: .38rem;
}

.olistt2 .botItem_r input {
    text-align: right;
}

.content2 .shoplist {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    border-bottom: .12rem solid #ebebeb;
}

.content2 .shoplist .ipts {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .38rem;
}

.content2 .shoplist .ipt {
    border-bottom: 1px solid #eee;
}

.content2 .shoplist .ipts .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.content2 .shoplist .item_detail {
    display: -ms-flexbox;
    display: flex;
    padding: .27rem 0 .4rem;
    border-bottom: 1px solid #eee;
}

.content2 .shoplist .item_detail i {
    font-size: 1.12rem;
    padding-top: 0.1rem;
}

.content2 .shoplist .item_detail img {
    width: 2.5rem;
    height: 2.5rem;
    background: #eee;
    border-radius: .05rem;
}

.content2 .shoplist .item_detail .item_dec {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 1.2rem;
    margin-left: .3rem;
}

.content2 .shoplist .item_detail .item_dec p {
    overflow: hidden;
    color: #333;
    font-size: .36rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: .6rem;
    height: 1.2rem;
}

.content2 .shoplist .item_detail .item_dec span {
    height: .27rem;
    font-size: .35rem;
    font-weight: 500;
    color: #fe8103;
}

.content2 .shoplist .ipts .right .cancle, .content2 .shoplist .ipts .right .ok {
    width: 1.8rem;
    height: .7rem;
    line-height: .7rem;
    border: .02rem solid #999;
    border-radius: .32rem;
    text-align: center;
    margin-left: .2rem;
    font-size: .32rem;
    color: #999;
}

.content2 .shoplist .ipts .right .ok {
    color: #fe8103;
    border: .02rem solid #fe8103;
    margin-left: 0rem;
}

.content2 .shoplist .ipts .right .no {
	width: 1.8rem;
    height: .7rem;
    line-height: .7rem;
    border: .02rem solid #999;
    border-radius: .32rem;
    text-align: center;
    font-size: .32rem;
    color: #999;
}

.content2 .shoplist .ipts .right .ons {
    margin-right: 0.2rem;
}

.navTab1 {
    padding-top: 2.4rem;
}

.nav_bot {
    width: 92%;
    margin-left: 4%;
    height: 4.4rem;
    position: relative;
    padding-bottom: .26rem;
    margin-top: 1.6rem;
    box-shadow: 0 0 0.8rem #efefef;
    margin-bottom: .3rem;
    text-align: center;
    border: .04rem solid #eee;
    border-radius: .2rem;
}

.nav_bot .countBOx {
    overflow: hidden;
    font-size: .38rem;
	display: flex;
}

.nav_bot .countBOx .count {
    float: left;
    width: 100%;
    margin-top: .68rem;
    line-height: .5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

.nav_bot .text_top {
    color: #666;
    font-size: .42rem;
    font-weight: 800;
}

.nav_bot .text_bottom {
    color: #999;
    font-size: .42rem;
    margin-top: .1rem;
}

.nav_bot .option {
    width: 100%;
}

.nav_bot .bottom,.nav_bot .top {
    margin-top: .25rem;
    margin-right: .3rem;
    background: #fe8103;
    color: #fff;
    padding: .2rem .2rem;
    border-radius: .1rem;
    width: 2.8rem;
}

.nav_bot .bottom {
    bottom: .2rem;
}

.wrapself {
    overflow: hidden;
    min-height: 100%;
    background: #f2f6f9;
    scroll-behavior: smooth;
	padding: 1.2rem 4% 0;
}

.wrapself .selfinfo {
    display: -ms-flexbox;    
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .5rem 0 .5rem;
}

.wrapself .selfinfo .avatar {
    text-align: center;
}

.wrapself .selfinfo .avatar img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
}

.wrapself .selfinfo .left {
    font-size: .45rem;
    text-align: center;
}

.wrapself .selfinfo .left .nickname {
    margin: .2rem 0;
    font-size: .42rem;
}

.wrapself .selfinfo .left .tjr {
    margin: .1rem;
    font-size: .38rem;
}

.wrapself .selfinfo .left .jiaose {
    position: relative;
    width: 2.6rem;
    margin-top: .5rem;
    margin: auto;
}

.wrapself .selfinfo .left .jiaose img {
    width: 100%;
}

.wrapself .selfinfo .left .jiaose span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: .32rem;
    color: #fff;
    margin: .24rem 0 0 .2rem;
}


.nav_bot3 {
    width: 100%;
    height: 3.4rem;
    padding-bottom: .26rem;
    margin-top: .3rem;
    box-shadow: 0 0 0.8rem #efefef;
    margin-bottom: .3rem;
    text-align: center;
    border: .04rem solid #eee;
    border-radius: .2rem;
    color: #ccc;
	background-color: #fff;
}

.nav_bot3 .list {
    width: 92%;
    margin-left: 4%;
    height: 1.5rem;
    border-bottom: .02rem solid #efefef;
    overflow: hidden;
    color: #323232;
}

.nav_bot3 .list_l {
    float: left;
    line-height: 1.5rem;
    font-size: .42rem;
}

.nav_bot3 .list_r {
    float: right;
    line-height: 1.5rem;
    font-size: .38rem;
}

.nav_bot3 .list_r img {
    height: .46rem;
    vertical-align: middle;
    margin-top: -.06rem;
}

.nav_bot3 .countBOx {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .346rem;
}

.nav_bot3 .countBOx div {
    width: 33%;
    margin-top: .4rem;
    line-height: .5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

.nav_bot3 .text_top {
    color: #333;
}

.nav_bot3 .text_bottom {
    color: #fe8103;
    font-size: .4rem;
    margin-top: .1rem;
}


.liros {
    background-color: #ffffff;
    margin-bottom: 0.5rem;
    border-radius: .2rem;
}

.liros .list {
    width: 92%;
    margin-left: 4%;
    height: 1.5rem;
    border-bottom: .02rem solid #efefef;
    overflow: hidden;
    color: #323232;
}

.liros .list_l {
    float: left;
    line-height: 1.5rem;
    font-size: .4rem;
}

.liros .list_r {
    float: right;
    line-height: 1.5rem;
    font-size: .346rem;
}

.liros .list_r img {
    height: .46rem;
    vertical-align: middle;
    margin-left: .2rem;
    margin-top: -.1rem;
}

.noborder {
    border-bottom: .0rem solid #efefef !important;
}

.index .activitys {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .4rem;
}

.index .activitys>div {
	height: 2.7rem;
	position: relative;
	width: 4.46rem
}

.index .activitys>div img {
	position: absolute;
	width: 100%;
	height: 2.7rem;
}

.index .activitys>div p {
	font-size: .43rem;
	color: #fff;
	font-weight: 700;
	position: absolute;
	left: .3rem;
	top: .3rem
}

.index .activitys>div div {
	border-radius: .23rem;
	left: .3rem;
	position: absolute;
	top: 1rem;
	background-color: #fe8103;
	color: #fff;
	font-size: .34rem;
	width: 1.33rem;
	height: .46rem;
	text-align: center;
	line-height: .46rem
}

.index .hotlist {
	margin: 0.5rem 0;
}

.index .hotlist .hotlist_t {
	display: -ms-flexbox;
	display: flex
}

.index .hotlist .hotlist_t span:first-of-type {
	display: inline;
	width: .1rem;
	height: .5rem;
	border-radius: .1rem;
	background-color: #fe8103
}

.index .hotlist .hotlist_t span:nth-of-type(2) {
	font-size: .48rem;
	font-weight: 700;
	margin-left: .2rem
}

.index .hotlist .hotlist_m {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .4rem;
	width: 100%
}

.index .hotlist .hotlist_m>div {
	width: 29.8%;
	height: 3.75rem;
	display: inline-block;
	background-color: #fe8103;
	border-radius: .265rem;
	position: relative
}

.index .hotlist .hotlist_m>div img {
	width: 100%;
	height: 2.81rem;
	border-radius: .13rem
}

.index .hotlist .hotlist_m>div .ranktitle {
	font-size: .35rem;
	text-align: center;
	margin-top: .32rem;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.index .hotlist .hotlist_m>div .ranktype {
	font-size: .32rem;
	position: absolute;
	border-radius: .23rem;
	border: .02rem solid #ff3a2f;
	color: #ff3a2f;
	width: 1.33rem;
	height: .46rem;
	line-height: .46rem;
	text-align: center;
	top: 2.65rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff
}

.index .hotlist .hotlist_m>div:nth-child(3n) {
	margin-right: 0
}

.index .hotlist .hotlist_m>div:nth-of-type(2) {
	background-color: #fe8103
}

.index .hotlist .hotlist_m>div:nth-of-type(2) .ranktype {
	border: .02rem solid #fe8103;
	color: #fe8103
}

.index .hotlist .hotlist_l {

}

.index .hotlist .hotlist_l>div {
	width: 3.06rem;
	height: 4.1rem;
	display: inline-block;
	position: relative;
	text-align: center;
	float: left;
	border-top: .02rem solid #eee;
	border-right: .02rem solid #eee
}

.index .hotlist .hotlist_l>div img {
	width: 100%;
	height: 2.81rem
}

.index .hotlist .hotlist_l>div p:first-of-type {
	font-size: .35rem;
	text-align: center;
	margin: .15rem .1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.index .hotlist .hotlist_l>div p:nth-of-type(2) {
	margin-top: .2rem;
	color: #ff3a2f;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	position: absolute;
	transform: translateX(-50%);
	bottom: .15rem;
	left: 50%
}

.index .hotlist .hotlist_l>div p:nth-of-type(2) span:first-of-type {
	font-size: .25rem;
	margin-top: .05rem
}

.index .hotlist .hotlist_l>div p:nth-of-type(2) span:nth-of-type(2) {
	font-size: .34rem
}

.index .hotlist .hotlist_l>div:nth-of-type(3n+1) {
	margin-left: 0
}

.index .hotlist .hotlist_l>div:nth-child(3n) {
	margin-right: 0
}

.index .hotlist .hotlist_l>div:first-of-type,
.index .hotlist .hotlist_l>div:nth-of-type(2),
.index .hotlist .hotlist_l>div:nth-of-type(3) {
	border-top: none
}

.index .newgoods {
	margin-top: 0;
}

.index .newgoods .hotlist_t {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.index .newgoods .hotlist_t span:first-of-type {
	font-size: .48rem;
	font-weight: 700;
}

.index .newgoods .hotlist_t span:nth-of-type(2) {
	color: #666;
    font-size: .38rem;
}

.index .newgoods .videolist {
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .4rem
}

.index .newgoods .videolist .stagevideo {
	width: 47.8%;
	border-radius: .2rem;
	box-shadow: 0 0 .05rem rgba(0, 0, 0, .08);
	border: .02rem solid #eee;
	margin-bottom: .4rem
}

.index .newgoods .videolist .stagevideo .stageimg {
	position: relative
}

.index .newgoods .videolist .stagevideo .stageimg img {
	width: 100%;
	height: 4.358rem;
	border-radius: .1rem .1rem 0 0
}

.index .newgoods .videolist .stagevideo .stageimg .showvip {
	position: absolute;
	top: 0;
	background: #e6a957;
	color: #fff;
	font-size: .3rem;
	height: .5rem;
	line-height: .5rem;
	border-radius: 0 0 .1rem .1rem;
	left: 0;
	padding: 0 .2rem
}

.index .newgoods .videolist .stagevideo .stageimg p {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: .3rem;
	padding: .1rem .2rem;
	border-radius: .5rem;
	bottom: .1rem;
	left: .1rem
}

.index .newgoods .videolist .stagevideo .bot_big {
	margin: .1rem 0;
	padding: 0 .14rem
}

.index .newgoods .videolist .stagevideo .bot_big .title {
	overflow: hidden;
	color: #333;
	font-size: .36rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	line-height: .5rem;
	height: 1rem
}

.index .newgoods .videolist .stagevideo .bot_big .fire {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: .16rem 0 .2rem;
	-ms-flex-align: end;
	align-items: flex-end
}

.index .newgoods .videolist .stagevideo .bot_big .fire span:first-of-type {
	font-size: .38rem
}

.index .newgoods .videolist .stagevideo .bot_big .fire span:first-of-type span:first-of-type {
	font-size: .25rem;
	margin-top: .05rem;
}

.index .newgoods .videolist .stagevideo .bot_big .fire span:first-of-type span:last-of-type {
	font-size: .34rem;
	margin-left: -.1rem
}

.index .newgoods .videolist .stagevideo .bot_big .fire span:last-of-type {
	font-size: .3rem;
	color: #999
}

.marquee {
    margin-top: 0.38rem;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 0.6rem;
    background-color: #eff2f5;
}
.marquee span {
    font-size: 0.5rem!important;
    margin: auto 0.1rem;
}
.marquee span:first-of-type img {
    height: .6rem;
    vertical-align: top;
}
.marquee .marquee_box {
    display: inline-block;
    width: calc(100%);
    margin-left: 0.1rem;
    height: .6rem;
    overflow: hidden;
    line-height: 0.6rem;
}
.marquee .marquee_box .marquee_list p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .38rem;
    margin-bottom: .4rem;
}



.back_phone {
	position: fixed;
	right: 3%;
	bottom: 31%;
	z-index: 99;
}

.back_phone span {
    font-size: 0.68rem!important;
    padding: 0.22rem 0.25rem;
    background: #ffffff;
    border-radius: 5rem;
    font-weight: 600;
	box-shadow: 0 0 0.1rem rgba(0,0,0,.3);
}

.back_phone:first-of-type {
    bottom: 39%;
}



.mask {
    padding: .3rem;
    position: fixed;
    border-radius: .2rem;
    top: 1%;
    left: 2.4%;
    z-index: 999;
}

.mask img {
    width: 9rem;
    height: 3rem;
}

.mask img:nth-of-type(2) {
    position: absolute;
    bottom: -1.2rem;
    width: .6rem;
    height: .6rem;
    z-index: 1000;
    left: 50%;
    transform: translate(-50%,-50%);
}

.mask .yqk {
    width: 3.2rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border: .04rem solid #eee;
    border-radius: .1rem;
    color: #fff;
    margin: .5rem auto 0;
    font-size: .4rem;
    font-weight: 800;
}


.smallcurpon {
    border-radius: .2rem;
    width: 6rem;
    height: 8.8rem;
    position: relative;
    z-index: 999;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.smallcurpon .tubiaos{
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0.2rem;
    left: 1.75rem;
}
.smallcurpon .bgs {
    position: absolute;
    height: 7.2rem;
    bottom: 0rem;
    font-weight: 600;
    width: 100%;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    color: #fe8103;
    background-color: #fff;
}
.smallcurpon .my-wxlogo {
    font-size: 1.2rem!important;
    color: #07c160!important;
    font-weight: 500;
}
.smallcurpon .person {
    position: absolute;
    top: 0.28rem;
    font-size: .48rem;
    color: #333;
    font-weight: 600;
    width: 100%;
}
.smallcurpon .canvas {
    bottom: 1.12rem;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 0.5rem;
}
.smallcurpon img {
    width: 100%;
}
.smallcurpon .person3 {
    position: absolute;
    bottom: .4rem;
    font-size: .38rem;
    width: 90%;
    left: 5%;
    font-weight: 500;
    color: #333;
}
.smallcurpon .close {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    bottom: -1rem;
    left: 2.7rem;
}


.seek {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.66);
    z-index: 99999;
	display: none;
}

#shipping {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.66);
    z-index: 99999;
	visibility: hidden;
}
#shipping img {
	max-width: 100%;
	display: inline-block;
}

#shipping #rotate-swiper {
	height: 100%;
}

#shipping .rotate-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#shipping .block {
    width: calc(100% - 100px);
    margin-left: 50px;
    /* height: 76%; */
    margin-top: 15%;
    transform-origin: 0 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.1rem;
    background: #fff;
}

#shipping .block .footer {
	line-height: 3;
	font-size: 0.32rem;
	text-align: center;
}

#shipping .swiper-pagination {
	top: 3%;
	bottom: auto;
	color: #FFFFFF;
    font-size: 0.58rem;
}

#shipping .swiper-pagination .swiper-pagination-bullet,
#shipping .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
}

#shipping .close-btn {
    position: absolute;
    bottom: 10%;
    width: 100%;
    color: #fff;
	text-align: center;
	z-index: 99;
}

#shipping .close-btn img {
    width: 0.6rem;
}

.showcode {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.showcode .rwm {
    width: 80%;
    background: #fff;
    margin-left: 10%;
    text-align: center;
    border-radius: .15rem;
}

.showcode .rwm .title {
    color: #fe8103;
    font-size: .5rem;
    padding: .5rem 0;
}

.showcode .rwm .foot {
    font-size: .38rem;
    color: #323232;
    padding-bottom: .6rem;
}

.showcode .regisBtn {
    height: 1.2rem;
    line-height: 1.2rem;
    background: #fe8103;
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: .5rem;
}

.mask_con {
	width: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	margin-left: 10%;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: .2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mask_con p:first-child {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .4rem;
    padding: 0 .4rem;
}

.mask_con p:nth-child(2) {
    height: 1.2rem;
    line-height: 1.2rem;
    width: 90%;
    margin-left: 5%;
    border-radius: .1rem;
    border: .02rem solid #d9d9d9;
    color: #999;
    margin: 0.2rem 0 .2rem 5%;
}

.mask_con p:nth-child(2) input {
    position: relative;
    top: -.26rem;
    width: 96%;
    height: .6rem;
    border-radius: .1rem;
    text-indent: .2rem;
    font-size: .38rem;
    margin-left: 2%;
}

.mask_con p:nth-child(3) {
    width: 90%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 2rem;
    margin: .3rem 5%;
    background: #fe8103;
    color: #fff;
    font-size: .4rem;
}

.mask_con .close {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    width: .6rem;
    height: .6rem;
    font-size: .4rem;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: .6rem;
    transform: translateX(-50%);
}


.customercurpon {
    border-radius: .2rem;
    width: 6rem;
    height: 8rem;
    position: relative;
    z-index: 999;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.customercurpon .tubiaos{
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: -0.58rem;
    left: 1.75rem;
}
.customercurpon .bgs {
    position: absolute;
    height: 5.8rem;
    top: 2.2rem;
    font-weight: 600;
    width: 100%;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    color: #fe8103;
    background-color: #fff;
}
.customercurpon .my-kefu2 {
    font-size: 2.5rem!important;
    color: #fff!important;
    font-weight: 500;
}
.customercurpon .person {
    position: absolute;
    top: 0.25rem;
    font-size: .48rem;
    color: #333;
    font-weight: 600;
    width: 100%;
}
.customercurpon .person2 {
    position: absolute;
    top: 1rem;
    font-size: .38rem;
    width: 90%;
    left: 5%;
    font-weight: 500;
    line-height: 1.2;
}
.customercurpon .canvas {
    bottom: 1.12rem;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    left: 1.75rem;
}
.customercurpon img {
    width: 100%;
}
.customercurpon .person3 {
    position: absolute;
    bottom: .4rem;
    font-size: .38rem;
    width: 90%;
    left: 5%;
    font-weight: 500;
    color: #333;
}
.customercurpon .close {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    bottom: -1rem;
    left: 2.7rem;
}

.payResulit {
    font-size: .38rem;
    text-align: center;
    padding-top: 3rem;
}

.payResulit i{
    font-size: 3rem;
}

.payResulit .msg {
    font-size: .42rem;
	padding-top: 0.3rem;
}

.payResulit p {
	padding-top: 0.2rem;
}

.payResulit .mask_btn {
    width: 46%;
    height: .8rem;
    line-height: .8rem;
    font-size: .38rem;
    border-radius: .12rem;
    margin: 0.6rem auto;
}


.d-flex {
    display: flex !important;
}

.d-flex h5 {
    font-size: .48rem;
    line-height: .66rem;
    margin-top: .22rem;
}

.mb-0 {
    font-size: .4rem;
}

.mr-2 {
    margin: .3rem .3rem .3rem 0;
}

.bg-highlight {
    background-color: #fe8103 !important;
    color: #FFF !important;
}

.ml-auto {
    margin-left: auto !important;
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.rounded-xl {
    font-size: .38rem;
    border-radius: 5rem;
    width: 2.2rem;
	height: .8rem;
	line-height: .8rem;
    text-align: center;
	cursor: pointer;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.color-twitter {
	color: #4099ff !important
}

.bg-twitter {
	background-color: #4099ff !important
}

.color-google {
	color: #d34836 !important
}

.bg-google {
	background-color: #d34836 !important
}

.color-whatsapp {
	color: #34af23 !important
}

.bg-whatsapp {
	background-color: #34af23 !important
}

.color-pinterest {
	color: #c92228 !important
}

.bg-pinterest {
	background-color: #c92228 !important
}

.color-phone {
	color: #27ae60 !important
}

.bg-phone {
	background-color: #27ae60 !important
}

.color-instagram {
	color: #e1306c !important
}

.bg-instagram {
	background-color: #e1306c !important
}

.color-white {
	color: #fff !important
}

.color-black {
	color: #000 !important
}

.bg-phone {
	background-color: #27ae60 !important;
	color: #fff !important;
}

.bg-twitter {
	background-color: #4099ff !important;
	color: #fff !important;
}

.bg-yellow-dark {
	background-color: #f6bb42 !important;
	color: #fff !important;
}


.color-blue {color: #007bff;}
.color-purple{color: #6f42c1;}
.color-red{color: #ff1900;}
.color-orange{color: #fd7e14;}
.color-yellow{color: #ffc107;}
.color-green{color: #28a745;}
.color-teal{color: #20c997;}
.color-cyan{color: #17a2b8;}
.color-white{color: #ffffff;}
.color-gray{color: #6c757d;}
.color-dark{color: #343a40;}

.bg-blue {
	background-color: #007bff !important;
	color: #fff !important;
}
.bg-purple {
	background-color: #6f42c1 !important;
	color: #fff !important;
}
.bg-red {
	background-color: #dc3545 !important;
	color: #fff !important;
}
.bg-orange {
	background-color: #fd7e14 !important;
	color: #fff !important;
}
.bg-yellow {
	background-color: #ffc107 !important;
	color: #fff !important;
}
.bg-green {
	background-color: #28a745 !important;
	color: #fff !important;
}
.bg-teal {
	background-color: #20c997 !important;
	color: #fff !important;
}
.bg-cyan {
	background-color: #17a2b8 !important;
	color: #fff !important;
}
.bg-gray {
	background-color: #6c757d !important;
	color: #fff !important;
}
.bg-dark {
	background-color: #343a40 !important;
	color: #fff !important;
}

.bg-color {
	background-color: #fe8103!important;
	color: #fff !important;
}

.actives:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: .8rem;
    height: .06rem;
    border-radius: 6rem;
    left: 50%;
    transform: translateX(-50%);
}

.myfont {
    font-size: 0.78rem!important;
	font-weight: 600;
}


.list .myfont {
    font-weight: 500;
}

.item .my-ssuo {
    font-size: 0.58rem!important;
    font-weight: 500;
    color: #999!important;
}
.item .my-jsuo {
    font-size: 0.58rem!important;
    font-weight: 500;
}
/*链接分享*/
.url_content {
    position: absolute;
    z-index: 1001;
    background: #fff;
    border-radius: 6px;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
    padding: 20px 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.content-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: center;
}
.content-sub-title {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 20px 0;
}
.url_content .qr {
    width: 120px;
    height: 120px;
    box-shadow: 0 0 9px 0 hsla(0,0%,78%,.5);
    margin: 10px auto;
}
.qr img {
    width: 100%;
    box-shadow: none;
}
.qr-desc {
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;
    line-height: 12px;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 11px;
}
.url-wrap {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 9px;
    font-size: 14px;
	line-height: 1.6;
    color: #5671a4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;	
}
.qr-bottom, .qr-bottom-button {
    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;
}
.qr-bottom-button {
    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;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}
.qr-bottom {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qr-bottom-button-cancel {
    background: #fff;
}
.qr-bottom-button {
    width: 120px;
    height: 40px;
    border-radius: 20px;
    font-size: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.qr-bottom-button-copy {
    color: #fff;
    border: none;
    outline: none;
}
.shorturl {
    background: #008eff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    border: none;
    outline: none;
    padding: 3px 8px;
    border-radius: 20px;
}
.openlink {
    background: #2ba245;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 18px;
    border-radius: 20px;
}

/*新加分类切换*/
.bottombox .tabbox {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    line-height: 1rem;
    /*border-top: .02rem solid #eee;*/
    border-bottom: .02rem solid #eee;
    margin-bottom: 0.2rem;
}
.bottombox .tabbox span {
    display: inline-block;
    font-size: .42rem;
    color: #999;
    margin: 0 .38rem;
    font-weight: 500;
}
.bottombox .tabbox span.acts {
    position: relative;
    font-size: .46rem;
    font-weight: 800;
    color: #323232;
}
.bottombox .tabbox span:first-of-type {
    margin-left: 0;
}
.bottombox .tabbox span.acts:after {
    content: "";
    position: absolute;
    bottom: 0rem;
    width: .8rem;
    height: .06rem;
    border-radius: 6rem;
    left: 50%;
    transform: translateX(-50%);
}