body {
	/*margin-bottom: 1.2972972972972974rem;*/
	/*overflow-x: hidden;*/
}

body, html {
    min-height: 100%;
    width: 100%;
    background-color: #ffffffd6;
}    
body {
    background: #fff;
    color: #666;
}
.bannerlogo{
    display: block;
   	background-image: url(./images/banner.png); 
   	background-repeat: no-repeat;
   	width:100px;
   	height:32px;
   	border: 0;
   	margin: 10px 0px -10px 0px;
    
}
 .top1{
     position: fixed;
     left: 0;
     top: 0;
     z-index: 1;
     width: 100%; 
     height:48px;
     background-color:#ffffffd6;
  }
  
.top-text {
	height: 0.8108108108108109rem;
	line-height: 0.8108108108108109rem;
	margin: 0.1594594594594595rem 0.4594594594594595rem 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: relative;
}

.top-text-icon {
	height: 0.5405405405405406rem;
	width: 0.5405405405405406rem;
	background-image: url(./images/icon-voice.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
  .top-text-notice {
	height: 0.5405405405405406rem;
	line-height: 0.5405405405405406rem;
	color: #555555;
	margin-left: 0.2702702702702703rem;
	width: 7.108108108108109rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
  .switch{
	height: 48px;
	width: 100%;
	background-color: #ffffffd6;
	display: flex;
	display: -webkit-flex;
	margin-bottom: -0.27027rem;
	color: #333;
}
  
 .index-middle-body {
	position: relative;
	/*top: 0.2702702702702703rem;*/
	height: auto;
	width: 100%;
	background-color: #fff;
	padding: 0.13513513513513514rem 0 0;
	/*margin-bottom: 2rem;*/
}
.platform-title-text {
	position: absolute;
	top: 0.13810810810810811rem;
	width: 80%;
	height: 0.43243243243243246rem;
	line-height: 0.43243243243243246rem;
	color: #222;
}

.platform {
	width: 100%;
	height: 1.854054054054054rem;
	position: relative;
	padding: 0.05135135135135137rem 0.4594594594594595rem;
	border-bottom: solid 0.2px #f1f1f1;;
}

.platform-title-intro {
    max-width: 90%;
	position: absolute;
	bottom: 0.28108108108108109rem;
	height: 0.35135135135135137rem;
	line-height: 0.35135135135135137rem;
	color: #8D8D93;
	white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
}


.platform-title-intro:hover
{
white-space:normal;
overflow-y: auto;
width:90%; 
height:42px;
background-color: #fff;
word-wrap:break-word;
text-overflow:inherit;
overflow:visible;
}
.more-plat{
     padding: 0.6216216216216216rem 0 1.8918918918918919rem;
     background-color: #f7f8fc;
}

.switch-left{
	width: 65%;
	line-height: 48px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 17px;
}
.plate-arrow{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 8px;
	background-image: url(./images/arrow-down.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.switch-right{
	width: 50%;
	font-weight: bold;
	height: 48px;
	line-height: 48px;
	letter-spacing: 1px;
	padding-right: 17px;
	text-align: right;
}
.switch-right img{
	display: inline-block;
	border: none; 
	position: relative;
	width: 32px;
	height: 32px;
	margin:10px 0px -10px 0px;
}

.switch-popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}
.system{
	width: 100%;
	height: 55px;
	display: flex;
	display: -webkit-flex;
	background-color: #fff;
}
.system-left{
	line-height:55px;
	font-weight: bold;
	padding-left: 17px;
	color: #333;
}
.system-first{
	margin-top: 0.27rem;
	border-bottom: solid 1px #dddddd;
}
.system-now{
	display: none;
}
.system-now span{
	display: inline-block;
	margin-top: 17px;
	margin-left: 15px;
	width: 38px;
	height: 21px;
	line-height:21px;
	text-align: center;
	border-radius: 11px;
	background-color: #e4effc;
	color: #007aff;
}

.index-top-body {
	position: relative;
	height: 5.405405405405405rem;
	width: 100%;
	background-color: #fff;
	padding-top: 0.2702702702702703rem;
}

.top-img {
	height: 3.7837837837837838rem;
	margin: 0 0.40540540540540543rem;
	border-radius: 0.1891891891891892rem;
}


/**轮播图样式**/

.swiper-container .swiper-pagination-bullet {
	background-color: #000000 !important;
}

.swiper-container .swiper-pagination-bullet-active {
	background-color: white !important;
}

.swiper-container-newplayer .swiper-pagination-bullet {
	background-color: #999999;
}

.swiper-container-newplayer .swiper-pagination-bullet-active {
	background-color: #333333;
}


.weather-icon {
	height: 0.5405405405405406rem;
	width: 0.5405405405405406rem;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M724.310744 173.064463l-420.601653 97.322314c-13.963636 3.173554-17.983471 20.733884-7.193389 29.831405l91.186777 76.8c8.67438 7.193388 20.945455 8.46281 30.889257 2.961983l159.523966-89.705785c3.173554-1.904132 6.347107 2.750413 3.385124 5.077686l-139.424793 118.267769c-8.67438 7.193388-11.847934 19.252893-8.039669 30.042975l40.409917 112.132231c4.866116 13.117355 22.849587 15.444628 30.466116 3.596695L742.505785 199.087603c8.67438-12.694215-2.961983-29.408264-18.195041-26.02314z m0 0M402.512397 669.831405c-9.520661 17.34876-18.829752 31.100826-28.350414 41.890909-11.001653 12.271074-24.330579 23.695868-40.198347 34.48595l-6.135537-9.520661c14.386777-8.25124 27.080992-18.829752 38.294215-31.947107 10.578512-11.847934 19.676033-25.38843 27.292562-40.409917l9.097521 5.500826zM356.390083 751.07438v-10.155372H475.292562c-0.42314 24.330579-1.692562 44.006612-3.596694 59.23967-1.904132 14.809917-5.077686 25.38843-9.520661 31.312396-4.442975 5.923967-11.424793 8.88595-21.368595 9.309091h-37.236364l-2.750413-10.366942c16.502479 0.21157 28.138843 0.42314 34.909091 0.423141 11.001653 0 18.406612-4.866116 22.003305-14.598347 3.385124-9.943802 5.712397-31.735537 6.981819-65.163637h-56.700827c-4.866116 22.849587-11.424793 40.833058-19.887603 53.738843-9.732231 13.752066-24.330579 26.02314-43.795041 37.236364l-6.770248-8.46281c17.771901-9.732231 31.312397-20.945455 40.621487-33.004959 8.67438-12.271074 15.233058-28.773554 19.041322-49.295868h-40.833057z m89.705785-88.859504c11.636364 30.889256 32.370248 55.219835 62.413223 72.991736l-7.404959 8.462809c-30.677686-19.464463-52.046281-44.852893-64.105785-76.165289l9.097521-5.289256z' fill='%232EBDFF'/%3E%3Cpath d='M343.272727 846.280992l-11.001653-13.963637 3.385124-1.904132c17.34876-9.520661 30.677686-20.310744 39.563637-32.158678 7.828099-11.001653 13.752066-25.81157 17.771901-44.006611h-39.775207v-16.71405h125.672727v3.385124c-0.42314 24.330579-1.692562 44.218182-3.596694 59.45124-2.115702 15.656198-5.500826 26.234711-10.155372 32.793388-5.077686 6.770248-13.117355 10.366942-23.907438 10.790083H401.242975l-4.654545-17.13719h4.442975c16.71405 0.21157 28.138843 0.42314 34.697521 0.42314 9.520661 0 15.656198-4.019835 18.829752-12.271074 3.173554-9.309091 5.500826-29.619835 6.558677-60.720661h-50.565289c-4.866116 21.791736-11.424793 39.563636-19.887603 52.257851-9.943802 14.175207-25.17686 26.869421-44.852893 38.294215l-2.538843 1.480992z m-1.057851-11.847934l2.538843 3.173554c17.771901-10.578512 31.312397-22.214876 40.198347-34.909091 8.25124-12.482645 14.809917-30.254545 19.464463-52.469422l0.634711-2.538843h62.836363l-0.21157 3.385124c-1.269421 34.06281-3.596694 55.642975-7.193388 66.009918-4.019835 11.001653-12.694215 16.71405-24.96529 16.714049-6.135537 0-16.079339-0.21157-30.466115-0.42314l1.057851 3.596694h34.697521c8.67438-0.42314 14.809917-2.961983 18.618181-8.03967 4.019835-5.500826 6.981818-15.444628 8.885951-29.619834 1.692562-14.175207 2.961983-32.793388 3.385124-55.431405h-112.132232v3.596694h41.256199l-0.846281 4.019835c-4.019835 20.945455-10.578512 38.082645-19.676033 50.776859-8.67438 11.847934-21.580165 22.638017-38.082645 32.158678z m-9.097521-83.570248l-9.943801-15.444628 2.961983-1.692562c13.963636-8.039669 26.446281-18.406612 37.447934-31.100827 10.366942-11.636364 19.252893-25.17686 26.869422-39.775206l1.692562-3.173554 14.809917 9.097521-1.480992 2.750413c-9.520661 17.34876-19.252893 31.735537-28.773554 42.52562-11.213223 12.271074-24.965289 24.119008-40.833057 34.909091l-2.750414 1.904132z m-0.63471-13.117355l2.538843 3.808264c14.386777-9.943802 26.657851-20.733884 36.813223-31.947107 8.67438-9.732231 17.560331-22.638017 26.23471-38.505786l-3.385123-2.115702c-7.404959 13.963636-16.290909 26.657851-26.023141 37.871074-10.578512 12.482645-22.638017 22.849587-36.178512 30.889257z m169.256198 10.155371l-2.327273-1.480991c-31.100826-19.887603-53.104132-46.122314-65.375206-77.857852l-1.057852-2.750413 15.021488-8.46281 1.269421 3.596695c11.424793 29.831405 31.947107 53.950413 60.932232 71.510743l3.385124 2.115703-11.847934 13.328925z m-60.509091-79.127272c11.636364 28.561983 31.523967 52.257851 59.45124 70.452892l2.961983-3.173553c-27.504132-17.34876-47.180165-40.621488-59.028099-68.971901l-3.385124 1.692562z' fill='%232EBDFF'/%3E%3Cpath d='M527.338843 794.657851h88.224793V784.92562c14.809917-5.712397 30.677686-12.059504 47.603306-19.252893h-116.786777v-9.732231h138.155372v7.828099c-17.560331 8.67438-37.236364 16.92562-58.604958 24.965289v5.923967h81.666115v9.943802h-81.666115v21.368595c0 10.790083-5.077686 16.079339-15.444629 16.079339h-28.350413l-2.961983-9.732232c11.424793 0.42314 20.310744 0.634711 26.869421 0.634711 6.135537 0 9.309091-3.385124 9.309091-9.943802v-18.406611h-88.224793v-9.943802z m85.897521-134.770248c3.173554 5.077686 6.347107 11.213223 9.732231 18.618182h80.396694v10.366942h-171.795041v-10.366942h79.550413c-3.385124-6.347107-6.770248-11.847934-10.155372-16.290909l12.271075-2.327273z m-53.950414 43.371901h116.575207v37.871075h-116.575207v-37.871075z m105.996695 28.350413v-18.829752h-95.418182v18.829752h95.418182z' fill='%232EBDFF'/%3E%3Cpath d='M610.48595 845.22314h-30.677686l-5.077685-16.502479 4.654545 0.21157c11.213223 0.42314 20.310744 0.634711 26.869421 0.634711 3.808264 0 6.135537-1.057851 6.135538-6.558678v-15.021487H523.953719V791.272727h88.224793v-8.46281l2.115703-0.846281c10.155372-4.019835 20.945455-8.25124 32.370248-12.905785h-103.669422v-16.290909h144.92562v13.117356l-1.904132 0.846281c-17.13719 8.25124-36.178512 16.502479-56.700827 24.119008v0.42314h81.666116v16.50248h-81.666116v17.983471c0 12.694215-6.770248 19.464463-18.829752 19.464462z m-25.81157-6.558677h25.81157c8.46281 0 12.271074-3.808264 12.271075-12.905785v-24.542149h81.666115v-3.385124h-81.666115v-11.636364l2.115702-0.846281c20.522314-7.616529 39.352066-15.656198 56.489256-23.907438v-2.327272h-131.596694v3.173553h129.692562l-15.021487 6.347108c-16.079339 6.770248-31.312397 13.117355-45.487604 18.618182v10.578512h-88.224793v3.385124h88.224793v21.580165c0 8.46281-4.654545 13.328926-12.694215 13.328926-5.712397 0-13.117355-0.21157-22.426446-0.423141l0.846281 2.961984z m94.360331-94.360331h-123.133885v-44.429752h123.133885v44.429752z m-116.363637-6.558677h109.804959V706.644628h-109.804959v31.100827z m105.785124-2.750414h-101.976859v-25.6h101.976859v25.6z m-95.206611-6.558677h88.647934v-12.271075h-88.647934v12.271075z m133.500826-36.178513H528.185124v-16.92562h77.22314c-2.327273-4.231405-4.866116-7.828099-7.193388-11.001652l-3.173554-4.231405 19.676033-3.596695 1.269422 1.904133c2.961983 4.654545 5.923967 10.366942 9.097521 16.925619h81.666115v16.92562z m-171.795041-6.770248h165.236364v-3.808264h-79.338843l-0.846281-1.904132c-2.750413-6.135537-5.712397-11.636364-8.46281-16.290909l-4.866116 0.846281c2.538843 3.596694 4.866116 7.828099 7.404959 12.482644l2.750413 4.866116h-81.877686v3.808264z' fill='%232EBDFF'/%3E%3C/svg%3E");
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}



.gonlue-button {
	position: absolute;
	height: 0.78378rem;
	width: 1.89rem;
	right: 0.4054rem;
	bottom: 0.27rem;
	background-image: url(./images/gonglue-button.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.scroll-auto {
	line-height: 1.2972972972972974rem;
	height: 1.2972972972972974rem;
	margin-top: -0.35135135135135137rem;
}
.index-blank{
	height: 0.2702702702702703rem;
	width: 100%;
	background-color: #F7F8FC;
}

@media (prefers-color-scheme: dark) {
body, html {
    min-height: 100%;
    width: 100%;
    background-color: #000000d6;
}    
body {
    background: #000;
    color: #fff;
}
.bannerlogo{
   background-image: url(./images/banner_dark.png); 
   	 display:block;
   	width:100px;
   	height:32px;
   	border: 0;
   	margin: 10px 0px -10px 0px;
    
}
     .top1{
     position: fixed;
     left: 0;
     top: 0;
     z-index: 1;
     width: 100%; 
     height:48px;
     background-color:#000000d6;
  }
  
.top-text {
	height: 0.8108108108108109rem;
	line-height: 0.8108108108108109rem;
	margin: 0.1594594594594595rem 0.4594594594594595rem 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: relative;
}

.top-text-icon {
	height: 0.5405405405405406rem;
	width: 0.5405405405405406rem;
	background-image: url(./images/icon-voice.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
  .top-text-notice {
	height: 0.5405405405405406rem;
	line-height: 0.5405405405405406rem;
	color: #ddd;
	margin-left: 0.2702702702702703rem;
	width: 7.108108108108109rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
  .switch{
	height: 48px;
	width: 100%;
	background-color: #000000d6;
	display: flex;
	display: -webkit-flex;
	margin-bottom: -0.27027rem;
	color: #fff;
}
  
  .index-middle-body {
	position: relative;
	/*top: 0.2702702702702703rem;*/
	height: auto;
	width: 100%;
	background-color: #000;
	padding: 0.13513513513513514rem 0 0;
	/*margin-bottom: 2rem;*/
}
.platform-title-text {
	position: absolute;
	top: 0.13810810810810811rem;
	width: 80%;
	height: 0.43243243243243246rem;
	line-height: 0.43243243243243246rem;
	color: #fff;
}
.platform {
	width: 100%;
	height: 1.854054054054054rem;
	position: relative;
	padding: 0.05135135135135137rem 0.4594594594594595rem;
	border-bottom: solid 0.1px #333;
	
}

.platform-title-intro {
    max-width: 90%;
	position: absolute;
	bottom: 0.28108108108108109rem;
	height: 0.35135135135135137rem;
	line-height: 0.35135135135135137rem;
	color: #8D8D93;
	white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
}


.platform-title-intro:hover
{
white-space:normal;
overflow-y: auto;
width:90%; 
height:42px;
background-color: #000;
word-wrap:break-word;
text-overflow:inherit;
overflow:visible;
}
.more-plat{
     padding: 0.6216216216216216rem 0 1.8918918918918919rem;
     background-color: #000;
}

}

@media  (prefers-color-scheme: light) {
body, html {
    min-height: 100%;
    width: 100%;
    background-color: #ffffffd6;
}    
body {
    background: #fff;
    color: #666;
}
.bannerlogo{
    display: block;
   	background-image: url(./images/banner.png); 
   	background-repeat: no-repeat;
   	width:100px;
   	height:32px;
   	border: 0;
   	margin: 10px 0px -10px 0px;
    
}
 .top1{
     position: fixed;
     left: 0;
     top: 0;
     z-index: 1;
     width: 100%; 
     height:48px;
     background-color:#ffffffd6;
  }
  
.top-text {
	height: 0.8108108108108109rem;
	line-height: 0.8108108108108109rem;
	margin: 0.1594594594594595rem 0.4594594594594595rem 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: relative;
}

.top-text-icon {
	height: 0.5405405405405406rem;
	width: 0.5405405405405406rem;
	background-image: url(./images/icon-voice.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
  .top-text-notice {
	height: 0.5405405405405406rem;
	line-height: 0.5405405405405406rem;
	color: #555555;
	margin-left: 0.2702702702702703rem;
	width: 7.108108108108109rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
  .switch{
	height: 48px;
	width: 100%;
	background-color: #ffffffd6;
	display: flex;
	display: -webkit-flex;
	margin-bottom: -0.27027rem;
	color: #333;
}
  
 .index-middle-body {
	position: relative;
	/*top: 0.2702702702702703rem;*/
	height: auto;
	width: 100%;
	background-color: #fff;
	padding: 0.13513513513513514rem 0 0;
	/*margin-bottom: 2rem;*/
}
.platform-title-text {
	position: absolute;
	top: 0.13810810810810811rem;
	width: 80%;
	height: 0.43243243243243246rem;
	line-height: 0.43243243243243246rem;
	color: #222;
}

.platform {
	width: 100%;
	height: 1.854054054054054rem;
	position: relative;
	padding: 0.05135135135135137rem 0.4594594594594595rem;
	border-bottom: solid 0.2px #f1f1f1;;
}

.platform-title-intro {
    max-width: 90%;
	position: absolute;
	bottom: 0.28108108108108109rem;
	height: 0.35135135135135137rem;
	line-height: 0.35135135135135137rem;
	color: #8D8D93;
	white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
}


.platform-title-intro:hover
{
white-space:normal;
overflow-y: auto;
width:90%; 
height:42px;
background-color: #fff;
word-wrap:break-word;
text-overflow:inherit;
overflow:visible;
}
.more-plat{
     padding: 0.2216216216216216rem 0 1.0918918918918919rem;
     background-color: #f7f8fc;
}

}
 
.middle-title {
	position: relative;
	width: auto;
	height: 0.32432432432432434rem;
	line-height: 0.32432432432432434rem;
	margin: 0.2702702702702703rem 0.4594594594594595rem;
	border-left: solid #007AFF 0.05405405405405406rem;
}

.middle-title-text {
	margin-left: 0.2702702702702703rem;
	color: #222;
	font-weight: bold;
}

.middle-title-count {
	position: absolute;
	color: #8D8D93;
	right: 0;
	top: 0;
}
.index-list{
	/*margin-bottom: 60px;*/
}

.platform-icon {
	position: absolute;
	top: 0.19810810810810811rem;
	left: 0.4594594594594595rem;
	/*width: 1.4054054054054055rem;
	height: 1.4054054054054055rem;*/
	width: 1.6013513513513513rem;
	height: 1.6013513513513513rem;
	border-radius: 0.2702702702702703rem;
}

.platform-icon img {
	border-radius: 0.2702702702702703rem;
	width: 90%;
	height: 90%;
	box-shadow:0 0 8px #c1c1c1;
}

.platform-title {
	position: absolute;
	width: 5.8108108108108105rem;
	height: 1.8513513513513513rem;
	left: 2.497027027027027rem;
	overflow: hidden;
}


.platform-name {
	display: inline;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 0.43243243243243246rem;
	line-height: 0.43243243243243246rem;
}

.label {
	position: absolute;
	display: inline-block;
	height: 0.43243243243243246rem;
	width: 0.8108108108108109rem;
	line-height: 0.48243243243243246rem;
	margin-left: 0.21621621621621623rem;
	text-align: center;
	color: #fff;
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.label1 {
	background-image: url(./images/icon-lable1.png);
}

.label2 {
	background-image: url(./images/icon-lable2.png);
}

.label3 {
	background-image: url(./images/icon-lable3.png);
}

.label4 {
	background-image: url(./images/icon-lable4.png);
}
.label5 {
	background-image: url(./images/icon-lable5.png);
}
.label6 {
	background-image: url(./images/icon-lable6.png);
}



.platform-title-intro1 {
	position: absolute;
	bottom: 0.28108108108108109rem;
	width: 100%;
	height: 0.35135135135135137rem;
	line-height: 0.35135135135135137rem;
	color:#ec452cd1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.platform-title-intro2 {
	position: absolute;
	bottom: 0.78108108108108109rem;
	width: 100%;
	height: 0.35135135135135137rem;
	line-height: 0.35135135135135137rem;
	color: #8D8D93;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.platform-buttont {
	position: absolute;
	width: 1.972972972972973rem;
	height: 0.7837837837837838rem;
	line-height: 0.7837837837837838rem;
	text-align: center;
	border-radius: 2.7027027027027026rem;
	background-color: #F1F5FA;
	right: 0.4594594594594595rem;
	top:0.53rem;
	color: #007AFF;
	font-weight: bold;
}

.platform-buttont1 {
	position: absolute;
	width: 1.972972972972973rem;
	height: 0.7837837837837838rem;
	line-height: 0.7837837837837838rem;
	text-align: center;
	border-radius: 2.7027027027027026rem;
	background-color: #F1F5FA;
	right: 0.4594594594594595rem;
	top:0.53rem;
	color: #6083e5;
	font-weight: bold;

}
.guide-index {
	display: none;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 1;
	width: 100%;
	height: 100%;
	z-index: 887;
	position: fixed;
	top: 0;
}

.guide-index-text {
	position: relative;
	width: 8.108108108108109rem;
	height: 3.7837837837837838rem;
	top: 4rem;
	margin: 0 auto;
	background-image: url(./images/guide-index.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.guide-index-item {
	position: relative;
	height: 2.05rem;
	top: 3.65rem;
	background-color: #fff;
	padding: 0 0rem;
	margin: 0 0.2rem;
	border-radius: 0.1891891891891892rem;
	overflow: hidden;
}

.guide-index-item .platform {
	padding: 0.40540540540540543rem 0.25rem;
}

.guide-index-item .platform-buttont {
	right: 0.25rem;
}

.guide-index-item .platform {
	border: none;
}

.rt-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 0.8648648648648649rem;
	height: 0.8648648648648649rem;
	background-image: url(./images/icon-rt.png);
	background-size: 100% 100%;
	background-position: 100% 100%;
}

.platform-ts {
	background-color: #F8F9FB;
}

.button-ts {
	background-color: #fff;
}

/* 响应式设计 - 确保图标和文字在不同屏幕尺寸下正确对齐 */
@media (max-width: 768px) {
    .platform-icon {
        width: 1.4rem;
        height: 1.4rem;
        left: 0.3rem;
        top: 0.15rem;
    }
    
    .platform-title {
        left: 2.1rem;
        width: 5.2rem;
    }
    
    .platform-name {
        font-size: 0.4rem;
    }
    
    .platform-title-intro,
    .platform-title-intro1,
    .platform-title-intro2 {
        font-size: 0.32rem;
    }
}

@media (max-width: 480px) {
    .platform-icon {
        width: 1.2rem;
        height: 1.2rem;
        left: 0.25rem;
        top: 0.12rem;
    }
    
    .platform-title {
        left: 1.9rem;
        width: 4.8rem;
    }
    
    .platform-name {
        font-size: 0.38rem;
    }
    
    .platform-title-intro,
    .platform-title-intro1,
    .platform-title-intro2 {
        font-size: 0.3rem;
    }
}
	box-shadow: 0 0 0.10810810810810811rem #E8F3FF;
}



.index-bottom-guide-fa{
	z-index: 888;
	position: fixed;
	bottom: 1.7rem;
	height: 1.06667rem;
	width: 100%;
	background-color: #f1f5fa;
}

.index-bottom-guide {
	display: flex;
	width: 100%;
	height: 100%;
}

.index-bottom-guide img {
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	left: 0.26667rem;
	top: 0.13333rem;
    border-radius: 3px;
}

.index-bottom-guide-text {
	position: absolute;
	height: 0.8rem;
	left: 1.33333rem;
	top: 0.13333rem;
}

.index-bottom-guide-text1 {
	font-size: 0.32rem;
	color: #000;
	line-height: .4rem;
}

.index-bottom-guide-text2 {
	position: relative;
	font-size: 0.26667rem;
	color: #8d8d93;
	line-height: .4rem;
}

.index-bottom-guide-button-down {
	font-size: 0.32rem;
	position: absolute;
	text-align: center;
	width: 1.65333rem;
	height: 0.66667rem;
	line-height: 0.66667rem;
	right: 2.13333rem;
	top: 0.21rem;
	color: #fff;
	background-color: #007AFF;
	border-radius: 0.05333rem;
}

.index-bottom-guide-button-close {
	font-size: 0.32rem;
	position: absolute;
	text-align: center;
	width: 1.65333rem;
	height: 0.66667rem;
	line-height: 0.66666rem;
	right: 0.26667rem;
	top: 0.21rem;
	color: #007AFF;
	border: solid #007AFF 0.5px;
	border-radius: 0.05333rem;
}

 .more-plat-title{
     width: 100%;
     text-align: center;
     line-height: 0.32432432432432434rem;
     color: #888;
}
 .more-plat-intro{
     width: 100%;
     text-align: center;
     line-height: 0.32432432432432434rem;
     color: #888;
     margin-top: 0.16216216216216217rem;
}
 
.add-desk{
	display: none;
	z-index: 888;
	top: 0;
	position: fixed;
	background: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;
}
.add-desk-img{
    position: absolute;
    bottom: 0;
    height: 137px;
    width: 325px;
    left: 50%;
    margin-left: -162px;
    background-image: url(./images/alert.png?v=2);
    background-size: 100% 100%;
    background-position: 100% 100%;
}

.add-pagination{
	bottom: 16px !important;
}
.add-pagination .swiper-pagination-bullet {
    background-color: #000000 !important;
}
.open-safari {
	display: none;
	position: fixed;
	z-index: 333;
	top: 0;
	width: 100%;
	height: 100%;
    background: rgba(0,0,0,0.8);
}
.open-safari-img-new {
	position: absolute;
	width: 6.75rem;
	right: 0.3rem;
	top: 0.3rem;
	height: 3.32rem;
	background-image: url(./images/icon-open-safari-new.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.hongbao-button{
     display: none;
     position: fixed;
     width: 1.3513513513513513rem;
     height: 1.3513513513513513rem;
     right: 0.5rem;
     bottom: 2.8rem;
     background-image: url(./images/hongbao-button.png);
     background-position: 100% 100%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
}
 .get-hongbao{
    
     position: fixed;
     z-index: 333;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.52);
}
 .hongbao-body {
     position: absolute;
     width: 7.5675675675675675rem;
     top:45%;
     left: 50%;
     margin-left: -3.7837837837837838rem;
     margin-top: -5.486486486486487rem;
     height:10.945945945945946rem;
     background-image: url(./images/hongbao-body.png);
     background-position: 100% 100%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
}
 .hongbao-body-l1{
     position: absolute;
     width: 100%;
     text-align: center;
     color: rgb(180,139,67);
     top: 0.21621621621621623rem;
     line-height: 0.35135135135135137rem;
}
 .hongbao-body-l2{
     position: absolute;
     width: 100%;
     text-align: center;
     color: rgb(51,51,51);
     top: 1.162162162162162rem;
     line-height: 0.4864864864864865rem;
     letter-spacing: 1px;
}
 .hongbao-body-code{
     position: absolute;
     width: 100%;
     text-align: center;
     color: rgb(218,84,57);
     top: 2.054054054054054rem;
     line-height: 0.5405405405405406rem;
     letter-spacing: 0.21621621621621623rem;
     font-weight: bold;
}
 .hongbao-body-l4{
     position: absolute;
     width: 100%;
     text-align: center;
    color:rgba(255,255,255,0.8);
     top: 7.081081081081081rem;
     line-height: 0.43243243243243246rem;
}
 .hongbao-body-l5{
     position: absolute;
     width: 100%;
     text-align: center;
     color:rgba(255,255,255,0.8);
     top: 7.7486486486486487rem;
      line-height: 0.43243243243243246rem;
}
.app-icon img {

	border-radius: 0.2702702702702703rem;
	width: 48px;
	height: 48px;

}
 .hongbao-body-icon{
     position: absolute;
     width: 100%;
     text-align: center;
     color:rgba(255,255,255,0.8);
     top: 4.1486486486486487rem;
      line-height: 0.43243243243243246rem;
}
 .hongbao-body-l6{
     position: absolute;
     width: 100%;
     text-align: center;
     color:rgba(255,255,255,0.8);
     top: 5.756756756756757rem;
     line-height: 0.43243243243243246rem;
     letter-spacing: 1px;
}
 .hongbao-body-l7{
     position: absolute;
     width: 100%;
     text-align: center;
     color: rgba(255,255,255,0.8);
     top: 6.405405405405405rem;
     line-height: 0.43243243243243246rem;
     letter-spacing: 1px;
}

 .hongbao-body-l9{
     position: absolute;
     left: 60%;
     text-align: center;
     color: rgba(255,255,255,0.8);
     top:  4.90405405405405rem;
     line-height: 0.43243243243243246rem;
     letter-spacing: 1px;
}


 .hongbao-body-b1{
     position: absolute;
     width: 2.864864864864865rem;
     height: 0.8972972972972974rem;
     text-align: center;
     color: rgb(255,255,255);
     top: 2.497297297297297rem;
     line-height: 0.8972972972972974rem;
     font-weight: bold;
     letter-spacing: 1px;
     background-color: rgb(245,169,41);
     border-radius: 0.6486486486486487rem;
     left: 50%;
     margin-left: -1.4324324324324325rem;
}
 .hongbao-body-b2{
     position: absolute;
     width: 2.864864864864865rem;
     height: 0.8972972972972974rem;
     text-align: center;
     color: #FFF;
     top: 9.654054054054054rem;
     line-height: 0.8972972972972974rem;
     left: 50%;
      background-color: rgb(245,169,41);
     margin-left: -1.4324324324324325rem;
   
     border-radius: 0.6486486486486487rem;
}
 .hongbao-close{
     position: absolute;
     width: 0.96rem;
     top:11.567567567567568rem;
     left: 50%;
     margin-left: -0.48rem;
     height:0.96rem;
     background-image: url(./images/hongbao-close.png);
     background-position: 100% 100%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
}
 .trans {
    animation: trans 1.5s linear infinite;
    -moz-animation: trans 1.5s linear infinite; /* Firefox */
    -webkit-animation: trans 1.5s linear infinite; /* Safari and Chrome */
    -o-animation: trans 1.5s linear infinite; /* Opera */
}

/* 定义keyframe动画效果：嘚瑟 */
@keyframes trans {
    0% {
        transform:scale(1.0);
    }
    55% {
        transform:scale(1.2);
    }
    100% {
        transform:scale(1.0);
    }
}


/**
 * 添加到桌面功能的主体
 */
.add-to-desk-mask{
	display: none;
     z-index: 999;
     top: 0;
     position: fixed;
     background:#fff;
    	height: 100%;
     width: 100%;
}
.add-to-desk{
     display: none;
     z-index: 999;
     top: 0;
     position: absolute;
     background:#fff;
    /*height: 100%;
     */
     width: 100%;
}
 .add-header{
     position: relative;
     width: 100%;
     height: 1.5135135135135136rem;
     line-height: 1.5135135135135136rem;
}
 .add-back{
     position: absolute;
     width: 1.33333rem;
     height: 1.33333rem;
     left: 0.42667rem;
     top: 0rem;
     background-repeat: no-repeat;
     background-position: 3% 50%;
     background-size: 14% 28%;
     background-image: url(./images/icon-back.png);
}
 .add-title{
     text-align: center;
     font-size: 0.42667rem;
     color: #333;
}
 .add-item{
     width: 7.837837837837838rem;
     margin-top: 0.8108108108108109rem;
     margin-left: auto;
     margin-right: auto;
     position: relative;
}
 .add-item-title{
     position: relative;
     line-height: 0.35135135135135137rem;
     font-size: 0.35135135135135137rem;
     color: #333333;
}
 .add-order{
     display: inline-block;
     width: 0.40540540540540543rem;
     height: 0.40540540540540543rem;
     background-color:#272727 ;
     border-radius: 50%;
     color: #fff;
     text-align: center;
     margin-right: 0.21621621621621623rem;
}
 .add-desk-intro{
     display: inline-block;
     height: 0.5405405405405406rem;
     width: 0.5405405405405406rem;
     top: 0.08108108108108109rem;
     position: relative;
     background-image: url(./images/add-desk-intro.png);
     background-size: 100% 100%;
     background-position: 100% 100%;
}
 .add-item-img{
     margin-top: 0.35135135135135137rem;
     width: 7.837837837837838rem;
     background-repeat: no-repeat;
     background-position: 100% 100%;
     background-size: 100% 100%;
}
 .add-item-img1{
     height: 1.3513513513513513rem;
     background-image: url(./images/add-desk-img1.png);
}
 .add-item-img2{
     height: 2.5675675675675675rem;
     background-image: url(./images/add-desk-img2.png);
}
 .add-item-img3{
     position: relative;
     height: 3.4324324324324325rem;
     background-image: url(./images/add-desk-img3.png);
}
 .add-icon{
     position: absolute;
     width: 1.2162162162162162rem;
     height: 1.2162162162162162rem;
     left: 0.5135135135135135rem;
     top: 1.945945945945946rem;
     border-radius: 0.1891891891891892rem;
     overflow: hidden;
}
 .add-icon img{
     width: 100%;
     height: 100%;
}
 .add-titles{
     position: absolute;
     left: 2.054054054054054rem;
     top: 1.8918918918918919rem;
     line-height: 0.35135135135135137rem;
     font-size: 0.35135135135135137rem;
     color: #000000;
}
 .add-link{
     position: absolute;
     left: 2.054054054054054rem;
     top: 2.7567567567567566rem;
     line-height: 0.35135135135135137rem;
     font-size: 0.35135135135135137rem;
     color:#888888;
     white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    width: 5.6rem;
}
 .add-item-b{
     margin-top: 1.3513513513513513rem;
     margin-bottom: 50px;
}
 .add-item-bottom{
     width: 7.837837837837838rem;
     height: 3.5135135135135136rem;
     background-image: url(./images/add-desk-img-bottom.png);
}
 .add-icon-little{
     position: absolute;
     width: 0.918918918918919rem;
     height: 0.918918918918919rem;
     left: 2.972972972972973rem;
     top: 1.4864864864864864rem;
     border-radius: 0.1891891891891892rem;
     overflow: hidden;
}
 .add-icon-little-name{
     position: absolute;
     line-height: 0.21621621621621623rem;
     left: 0.7567567567567568rem;
     top: 2.5675675675675675rem;
     width: 5.405405405405405rem;
     color: #333;
     font-size: 0.21621621621621623rem;
     text-align: center;
}
 .add-icon-little img{
     width: 100%;
     height: 100%;
}
 .add-finger{
     position: absolute;
     z-index: 1000;
     width: 1.2162162162162162rem;
     height: 1.2162162162162162rem;
     left: 3.5135135135135136rem;
     top: 1.8918918918918919rem;
     background-repeat: no-repeat;
     background-position: 100% 100%;
     background-size: 100% 100%;
     background-image: url(./images/add-finger.png);
}
/**广告*/
 .advice{
     width:100%;
     height: 1.7297297297297298rem;
     background-repeat: no-repeat;
     background-position: 100% 100%;
     background-size: 100% 100%;
     background-image: url(./images/advice.png);
}

.video-button {
	position: fixed;
	display: none;
	width: 2.1621621621621623rem;
	height: 1.3513513513513513rem;
	right: 0.15rem;
	bottom: 4.8rem;
	background-image: url(./images/video-button.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.video-button-close {
	position: absolute;
	width: 0.43243243243243246rem;
	height: 0.43243243243243246rem;
	right: -0.10810810810810811rem;
	top: -0.10810810810810811rem;
	background-image: url(./images/video-button-close.png);
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
 
.video{
	display: none;
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}
.video-out{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}