@charset "UTF-8";

/*通用类*/
*{
	margin:0;		
	padding:0;
}
i{font-style: normal;}
/*兼容老设备的rem-px基准*/
html{
	font-size:42.6667px;	
}
@media screen and (max-width: 320px){ 
  html{
  	font-size:42.6667px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px){ 
  html{
  	font-size:48px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px){ 
  html{
  	font-size:50px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px){ 
  html{
  	font-size:55px;
  }
}
@media screen and (min-width: 415px) and (max-width: 484px){ 
  html{
  	font-size:64px;
  }
}
@media screen and (min-width: 485px) and (max-width: 720px){ 
  html{
  	font-size:96px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px){ 
  html{
  	font-size:102px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
@media screen and (min-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
/*新设备的rem-vw标准*/
html{	
	overflow-x:hidden;
	font-size:13.3333333333vw;	/*一便rem.js失效，这里起作用*/
}

body{		
	width:100%;	
	min-width:320px;
	min-height: 100vh;
	margin:0 auto;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff !important;
	overflow-x:hidden;
	text-align:left;	
	position:relative;
	font-size:0.28rem;
	color:#000;
}

img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#000;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #a3a3a3 !important;
}
textarea::-webkit-input-placeholder {
	color: #a3a3a3 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
*{
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}

.mtyx-header{
	width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    height: 1.1rem;
    background: #FFFFFF;
    color: #000;
    padding: 0 0.23rem;
    overflow: hidden;
}
.mtyx-search{
	position: absolute;
	top: 0;left: 0.23rem;
	right:0.9rem;
	float: left;
	display: flex;             /*flex弹性布局*/
	justify-content: center;
	align-items: center;
	height: 1.1rem;
}
.mtyx-search_con{
	width: 100%;
	float: left;
	position: relative;
	background: #f2f2f2;
	border-radius: 3px;
	height: 0.8rem;
}
.mtyx-header_search_ico{
	position: absolute;
	width: 0.35rem;
	height: 0.35rem;
	background: url(../images/x_ic_search.png) no-repeat;
	background-size: 100%;
	left: 8px;
    top: 0.25rem;
}
.mtyx-header input{
	width: 100%;
	float: left;
	border: none;
	font-size: 0.3rem;
	background: none;
	padding-left:0.6rem;
	height: 0.8rem;
}
.mtyx-scan{
	position: absolute;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/ic_qr_gray.png) no-repeat;
	background-size: 100%;
	right: 8px;
    top: 0.25rem;
}
.mtyx-down{
	float: right;
	height: 1.1rem;
	display: flex;             /*flex弹性布局*/
	justify-content: center;
	align-items: center;
}
.mtyx-down a img{
	width: 0.4rem;
}

.mtyx-tabNav{
	 
	top: 0.3rem;
	left: 0;
	width: 100%;
	height: 0.9rem;
	overflow: hidden;
	background: #FFFFFF;
	 
	border-bottom:1px solid #f5f5f5;
}
.mtyx-tabNav li{
	width: 25%;
	float: left;
	text-align: center;
	font-size: 0.3rem;
	line-height: 0.85rem;
}
.mtyx-tabNav li.mtyx-active{
	border-bottom: 0.05rem solid #5bc54b;
}
.mtyx-tabNav li.mtyx-active a{
	color: #5bc54b;
}
.mtyx-tabCon{ 
	width: 100%;
	float: left;
	margin-top: 0.2rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.mtyx-tabBox{ 
	position: relative;
}
.mtyx-tabList{
	width:100%;
	float:left;
}
.mtyx-mod1{
	width: 100%;
	float: left;
	padding: 0.12rem 0.23rem;
	border-bottom: 6px solid #f6f6f6;
}
.mtyx-mod1 img{
	max-width: 100%;
	border-radius: 5px;
	float: left;
}
.mtyx-banner{
	width: 100%;
	float: left;
}
.mtyx-notice .swiper-container{
height:0.9rem !important;
}
.mtyx-banner .swiper-pagination{
	text-align: right;
}
.mtyx-banner .swiper-pagination-bullet{
	background: #FFFFFF;
	opacity: 0.4;
}
.mtyx-banner .swiper-pagination-bullet-active {
	opacity: 1;
}
.mtyx-menu{
	width: 100%;
	float: left;
	margin-top: 0.25rem;
}
.mtyx-menu_con{
	width: 20%;
	float: left;
	text-align: center;
}
.mtyx-menu_con span{
	width: 100%;
	float: left;
	text-align: center;
}
.mtyx-menu_con span img{
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	float: none;
}
.mtyx-menu_con p{
	font-size: 0.28rem;
	line-height:0.5rem;
}
.swiper2{
	padding-bottom: 0.4rem;
}
.swiper2 .swiper-scrollbar{
	opacity: 1 !important;
	width: 1rem;
	left: 50%;
	margin-left: -0.5rem;
	height: 4px;
}
.swiper2 .swiper-scrollbar-drag{
	background: #57c845;
	width: 0.65rem !important;
}
.mtyx-mod2{
	width: 100%;
	float: left;
	padding: 0.12rem 0.23rem;
}
.mtyx-tit{
	width: 100%;
	float: left;
	font-size: 0.3rem;
	color: #151515;
	line-height: 0.6rem;
	font-weight: bold;
	margin-top: 0.1rem;
}
.mtyx-more_link{
	font-weight: normal;
	color: #808080;
	float: right;
	font-size: 0.28rem;
}
.mtyx-more_link_ico{
	width: 6px;
	height: 11px;
	background: url(../images/ic_arrow_more.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	margin-left: 3px;
}
.mtyx-jp_recom{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.mtyx-jp_recom li{
	width: 25%;
	float: left;
	text-align: center;
}
.mtyx-jp_recom li span{
	width: 100%;
	float: left;
	text-align: center;
}
.mtyx-jp_recom li span img{
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 5px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
.mtyx-jp_recom li p{
	width: 92%;
	float: left;
	margin-left: 4%;
	text-align: center;
	font-size: 0.28rem;
	color:#393939;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 0.7rem;
}
.brower.mtyx-download1{
	color: #5fc152;
	border: 1px solid #5fc152;
	border-radius: 3px;
	padding: 0.1rem 0.0rem;
	display: inline-block;
	font-size: 0.26rem;
}
.brower.mtyx-play1{
	background: #5fc152;
	color: #FFFFFF;
	border: 1px solid #5fc152;
	border-radius: 3px;
	padding: 0.1rem 0.3rem;
	display: inline-block;
	font-size: 0.26rem;
}
.mtyx-notice{
	width: 100%;
	float: left;
	border-top: 1px solid #f2f2f2;
	margin-top: 0.15rem;
	padding: 0.25rem 0.23rem;
	border-bottom: 6px solid #f6f6f6;
	padding-bottom: 0.15rem;
}
.mtyx-notice_img{
	width: 0.8rem;
	float: left;
}
.mtyx-notice_img img{
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 10px;
}
.mtyx-notice_con{
	float: right;
	width: 6rem;
}
.mtyx-notice_con span{
	width: 100%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mtyx-notice p{
	width: 100%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #646464;
}
.mtyx-mod3{
	width: 100%;
	float: left;
	padding: 0.12rem 0.23rem;
	border-bottom: 6px solid #f6f6f6;
}
.mtyx-rq_recom{
	width: 100%;
	float: left;
}
.mtyx-rq_recom ul{

	width: 100%;
	float: left;
	margin: 0.05rem 0;
}
.mtyx-rq_recom ul li{
	width: 100%;
	float: left;
	position: relative;
	margin: 0.13rem 0;
}
.mtyx-rq_left{
	width: 1.25rem;
	float: left;
}
.mtyx-rq_left img{
	width: 1.25rem;
	height: 1.25rem;
	float: left;
	border-radius: 10px;
}
.mtyx-rq_cen{
	width: 4.35rem;
	float: left;
	margin-left: 0.17rem;
}
.mtyx-rq_name{
	width: 100%;
	float: left;
	font-size: 0.3rem;
	line-height: 0.5rem;
}
.mtyx-rq_lab{
	width: 100%;
	float: left;
	font-size: 0.22rem;
	color: #FFFFFF;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mtyx-rq_lab i{margin-right: 0.1rem;padding:0 0.05rem;}
.mtyx-colour1{
	background: #bb5bf3;
}
.mtyx-colour2{
	background: #f7ac39;
}
.mtyx-colour3{
	background: #3fb5ff;
}
.mtyx-colour4{
	background: #fa7966;
}
.mtyx-colour5{
	background: #d68f73;
}
.mtyx-colour6{
	background: #26cf74;
}
.mtyx-rq_int{
	width: 100%;
	float: left;
	margin-top: 0.05rem;
	font-size: 0.22rem;
	color: #8b8b8b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mtyx-rq_right{
	position: absolute;
	top: 0.2rem;
	right: 0;
}
.mtyx-rq_right a{
	color: #5fc152;
    border: 1px solid #5fc152;
    border-radius: 3px;
    padding: 0.1rem 0;
    display: inline-block;
    font-size: 0.26rem;
    width: 1.23rem;
    text-align: center;
}
.brower.play_but{
	background: #5fc152;
	color: #FFFFFF;
}

.mtyx-rq_mod2{
	width: 100%;
	float: left;
	margin-top: 0.25rem;
}
.mtyx-small_banner{
	width: 100%;
	float: left;
	margin-bottom:0.83rem;
}
.mtyx-small_banner a{
	position: relative;
	width: 100%;
	float: left;
}
.mtyx-small_banner img{
	width: 100%;
	float: left;
}
.mtyx-label{
	height: 15px;
	vertical-align: middle;
}
.mtyx-small_adve{
	width: 94%;
	position: absolute;
	left: 0.12rem;
	bottom: -0.87rem;
}
.mtyx-small_adve_img{
	float: left;
}
.mtyx-small_adve_img img{
	width: 1.1rem;
    height: 1.1rem;
    float: left;
    border-radius: 10px;
}
.mtyx-small_adve_name{
	float: left;
	font-size: 0.3rem;
	margin-left: 0.15rem;
	line-height:1.25rem;
}
.mtyx-mod4{
	width: 100%;
	float: left;
	padding: 0.12rem 0.23rem;
	border-bottom: 6px solid #f6f6f6;
}
.mtyx-download2{
	color: #FFFFFF;
	border: 1px solid #f0a003;
	background: #f0a003;
	border-radius: 3px;
	padding: 0.1rem 0.3rem;
	display: inline-block;
	font-size: 0.26rem;
}
.mtyx-bottom{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.2rem;
	background: #ffffff;
	padding: 0.1rem 0;
	border-top: 1px solid #f5f5f5;
	z-index: 99;
}
.mtyx-bottom_tabbar{
	width: 20%;
	float: left;
	text-align: center;
}
.mtyx-bottom_tabbar span{
	width: 100%;
	float: left;
	margin-top: 0.04rem;
	text-align: center;
	position: relative;
}
.mtyx-bottom_tabbar span i{
	width: 0.55rem;
	height: 0.55rem;
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
}
.mtyx-bottom_tabbar p{
	width: 100%;
	text-align: center;
	font-size: 0.28rem;
	color: #b2b2b2;
}
.mtyx-foot_icon1{
	background: url(../images/ic_home_normal.png) no-repeat;
	background-size: 100%;
}
.mtyx-bottom_tabbar_on p{
	color: #5fc152;
}
.mtyx-bottom_tabbar_on .mtyx-foot_icon1{
	background: url(../images/ic_home_checked.png) no-repeat;
	background-size: 100%;
}
.mtyx-foot_icon2{
	background: url(../images/main_sjw_jiaoyi_grey.png) no-repeat;
	background-size: 100%;
}
.mtyx-bottom_tabbar_on .mtyx-foot_icon2{
	background: url(../images/main_sjw_jiaoyi_blue.png) no-repeat;
	background-size: 100%;
}
.mtyx-foot_icon4{
	background: url(../images/ic_coin_normal.png) no-repeat;
	background-size: 100%;
}
.mtyx-bottom_tabbar_on .mtyx-foot_icon4{
	background: url(../images/ic_coin_checked.png) no-repeat;
	background-size: 100%;
}
.mtyx-foot_icon5{
	background: url(../images/ic_mine_normal.png) no-repeat;
	background-size: 100%;
}
.mtyx-bottom_tabbar_on .mtyx-foot_icon5{
	background: url(../images/ic_mine_checked.png) no-repeat;
	background-size: 100%;
}
.mtyx-foot_icon6{
	background: url(../images/ic_kaifu_normal.png) no-repeat;
	background-size: 100%;
}
.mtyx-bottom_tabbar_on .mtyx-foot_icon6{
	background: url(../images/ic_kaifu_checked.png) no-repeat;
	background-size: 100%;
}
.mtyx-bottom_tabbar2{
	width: 28%;
	float: left;
	text-align: center;
}
.mtyx-bottom_tabbar2 img{
	width: 1.5rem;
	margin-top: -0.45rem;
}
.mtyx-dot{
	width: 7px !important;
	height: 7px !important;
	background: #ed5851;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 0.32rem !important;
}

 
.mtyx-xy_top_con2{
background: url(../images/xy_bg.png) no-repeat !important;
background-size: 100% !important;
}
.mtyx-xy_mod1{
	width: 100%;
	float: left;
	padding: 0.12rem 0.23rem;
background: -webkit-linear-gradient(to right,#45eee7, #00ccf1 !important); /* Safari 5.1-6.0 */
background: -o-linear-gradient(to right,#45eee7, #00ccf1) !important; /* Opera 11.1-12.0 */ 
background: -moz-linear-gradient(to right,#45eee7, #00ccf1) !important; /* Firefox 3.6-15 */
background: linear-gradient(to right,#45eee7, #00ccf1) !important; /* 标准语法 */
}
.mtyx-xy_tit{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 0.36rem;
	color: #FFFFFF;
	margin: 0.2rem 0;
}
.mtyx-xy_tit img{
	width: 0.8rem;
	display: inline-block;
	vertical-align: middle;
	margin:0 0.1rem;
}
.mtyx-xy_top{
	width: 100%;
	float: left;
	background: #FFFFFF;
	border-radius: 5px;
	margin: 0.1rem 0;
	padding-bottom: 0.1rem;
}
.mtyx-xy_top_con{
	width: 30%;
	float: left;
	text-align: center;
	padding: 0.1rem;
}
.mtyx-xy_bang{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.mtyx-xy_bang_img{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	margin-top: 0.5rem;
}
.mtyx-xy_lab1{
	width: 0.8rem;
	position: absolute;
	top: 0.2rem;
	left: 50%;
	margin-left: 0.1rem;
}
.mtyx-xy_lab2{
	width: 1.6rem;
	position: absolute;
	bottom: -0.15rem;
	left: 50%;
	margin-left: -0.8rem;
}
.mtyx-xy_lab1 img,.mtyx-xy_lab2 img{
	width: 100%;
	float: left;
}
.mtyx-xy_top_con p{
	width: 100%;
	float: left;
	margin-top: 0.2rem;
    text-align: center;
    font-size: 0.28rem;
    color: #393939;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 0.6rem;
}
.mtyx-xy_top_con2{
	width: 40%;
	float: left;
	text-align: center;
	padding: 0.1rem;
	background: url(../images/xy_bg.png) no-repeat;
	background-size: 100%;
	margin-top: -0.23rem;
}
.mtyx-xy_bang_img2{
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	margin-top: 0.5rem;
}
.mtyx-xy_top_con2 p{
	width: 100%;
	float: left;
	margin-top: 0.15rem;
    text-align: center;
    font-size: 0.28rem;
    color: #393939;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 0.6rem;
}


.mtyx-more_ico2{
	width: 0.35rem;
	height: 0.35rem;
    background: url(../images/ic_arrow_down.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
}
.mtyx-select{
	width: 100%;
	float: left;
	padding: 0.12rem 0;
}
.mtyx-select ul{
	width: 100%;
	float: left;
}
.mtyx-select ul li{
	width: 100%;
	float: left;
	border-bottom: 1px solid #f5f5f5;
	padding: 0.2rem 0;
	position: relative;
}
.mtyx-select_con{
	width: 95%;
	float: left;
	margin-left: 2%;
	white-space:nowrap;
	overflow-x: auto;
}
.mtyx-select_con a{
	display: inline-block;
	font-size: 0.28rem;
	padding: 0.05rem 0.18rem;
}
.mtyx-select_on{
	color: #5bc54b;
	background: #f0f0f0;
	border-radius: 20px;
	font-weight: bold;
}
.mtyx-select2{
	position: absolute;
	right: 2%;
	bottom: 0.2rem;
}
.mtyx-select2 a{
	font-size: 0.28rem;
	padding: 0.05rem 0.22rem;
}
.mtyx-select_con2_pop{
	width: 100%;
    position: absolute;
    top: 1rem;
    left: 0;
    background: rgba(0,0,0,0.2);
    white-space:initial;
    z-index: 9;
    display: none;
}
.mtyx-select_con2{
	background: #FFFFFF;
	width: 100%;
	float: left;
	padding:0.1rem;
	padding-bottom: 0.2rem;
}
.mtyx-select_con2 a{
	width: 1.54rem;
	font-size: 0.28rem;
	line-height:0.6rem;
	text-align: center;
	border-radius: 3px;
	padding: 0rem 0rem;
	margin: 0.1rem 0.11rem;
}
.mtyx-select_con2 a.mtyx-select3{
	color: #5bc54b;
	border: 1px solid #5bc54b;
}
.mtyx-ovfHiden{
    overflow: hidden;
    height: 100%;
}
.mtyx-select4{
	width: 100%;
	float: left;
	text-align: center;
	background: #FFFFFF;
	position: fixed;
	top: 2rem;
	left: 0;
	line-height: 1rem;
	z-index: 9;
	display: none;
}
.mtyx-select5{
	width: 100%;
	float: left;
	text-align: center;
	background: #FFFFFF;
	position: fixed;
	top: 2rem;
	left: 0;
	height: 0.9rem;
	z-index: 9;
	padding-top: 0.2rem;
}
.mtyx-ph{
	width: 100%;
    float: left;
    padding: 0.12rem 0.23rem
}
.mtyx-ph ul{
	width: 100%;
    float: left;
    margin: 0.05rem 0;
}
.mtyx-ph ul li{
	width: 100%;
    float: left;
    position: relative;
    margin: 0.13rem 0;
}
.mtyx-number{
	width:0.6rem;
	float: left;
	height:1.25rem;
	line-height: 1.25rem;
	padding-left: 0.1rem;
}
.mtyx-number img{
	width: 0.4rem;
	display: block;
	float: left;
	margin-top: 0.4rem;
	margin-left: -0.1rem;
}
.mtyx-rq_cen2{
	width: 3.7rem;
    float: left;
    margin-left: 0.17rem;
}