:focus{outline:0}li,ul{list-style-type:none}.hsycms-model-mask{width:100%;height:100%;display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,.7);z-index:2222}.hsycms-model{position:fixed;z-index:3333;display:none;left:0;right:0;margin:auto;top:50%;transform-origin:center;max-width:80%;max-height:80%;background:#fff;border-radius:5px;overflow:hidden}.hsycms-model.hsycms-model-alert,.hsycms-model.hsycms-model-confirm{width:250px}.hsycms-model.hsycms-model-model{width:400px}.hsycms-model.hsycms-model-error,.hsycms-model.hsycms-model-success{padding:20px 12px;width:140px}.hsycms-model.hsycms-model-tips{padding:8px 12px;max-width:150px;background:rgba(0,0,0,.6)}.hsycms-model.hsycms-model-tips .hsycms-model-text{padding:0;color:#fff}.hsycms-model.hsycms-model-loading{padding:20px 12px;width:100px;background:rgba(0,0,0,.6)}.hsycms-model.hsycms-model-loading .hsycms-model-text{padding:0;color:#fff}.hsycms-model .hsycms-model-load{display:flex;align-items:center;padding-top:10px;margin-bottom:15px;justify-content:center}.hsycms-model .hsycms-model-load span{width:6px;animation:hsycms-alert-load 1s ease infinite;transform:translateY(10px);animation-delay:.1s;margin:0 5px;height:6px;opacity:0;border-radius:6px;background:#fff}.hsycms-model .hsycms-model-load span:nth-child(2){animation-delay:.2s}.hsycms-model .hsycms-model-load span:nth-child(3){animation-delay:.3s}.hsycms-model .hscysm-model-title{padding:15px 0;opacity:0;color:#333;transform:translateY(10px);animation:hsycms-alert-text .3s ease forwards;animation-delay:.2s;font-weight:700;font-size:15px;text-align:center}.hsycms-model .hsycms-model-text{font-size:14px;text-align:center;color:#333;line-height:23px;padding:0 20px;opacity:0;transform:translateY(10px);animation:hsycms-alert-text .3s ease forwards;animation-delay:.4s}.hsycms-model .hsycms-model-text.l{text-align:left}.hsycms-model .hsycms-model-icon{padding-bottom:12px}.hsycms-model .hsycms-model-icon svg{margin:0 auto;display:block}.hsycms-model.hsycms-model-error .hsycms-model-text,.hsycms-model.hsycms-model-success .hsycms-model-text{color:#238af4;padding:0;opacity:0;transform:translateY(10px);animation:hsycms-alert-text .3s ease forwards;animation-delay:.9s}.hsycms-model.hsycms-model-error .hsycms-model-text{color:#f54655}.hsycms-model .hsycms-model-content{padding:12px;padding-top:0;overflow:hidden auto;max-height:400px;font-size:14px}.hsycms-model .hsycms-model-btn{display:flex;align-items:center;border-top:1px solid #f1f1f1;justify-content:center;margin-top:20px;opacity:0;transform:translateY(10px);animation:hsycms-alert-text .4s ease forwards;animation-delay:.6s}.hsycms-model .hsycms-model-btn button{flex:1;color:#999;cursor:pointer;border:0;background:0 0;padding:12px}.hsycms-model .hsycms-model-btn button:last-child{color:#238af4}.hsycms-model .hsycms-model-btn button.cancel{border-right:1px solid #f1f1f1}.hsycms-model .hsycms-model-btn button:active{opacity:.8}.hsycms-ani-open{animation:hsycms-open .3s ease forwards}.hsycms-ani-close{animation:hsycms-close .3s ease forwards}@-webkit-keyframes hsycms-open{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes hsycms-close{0%{transform:scale(1);opacity:1}30%{transform:scale(1.05);opacity:.5}100%{transform:scale(.7);opacity:0}}.hsycms-alert-svgcircle{stroke-dasharray:200;stroke-dashoffset:200;animation:hsycms-alert-ruand .5s ease-in-out forwards}.hsycms-alert-svggou{stroke-dasharray:80;stroke-dashoffset:80;animation:hsycms-alert-tick .6s ease-out forwards;animation-delay:.75s}.hsycms-alert-svgca1{stroke-dasharray:80;stroke-dashoffset:80;animation:hsycms-alert-tick .6s ease-out forwards;animation-delay:.75s}.hsycms-alert-svgca2{stroke-dasharray:80;stroke-dashoffset:80;animation:hsycms-alert-tick .6s ease-out forwards;animation-delay:.85s}@keyframes hsycms-alert-ruand{form{stroke-dashoffset:200}to{stroke-dashoffset:400}}@keyframes hsycms-alert-tick{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes hsycms-alert-text{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hsycms-alert-load{0%{transform:translateY(0);opacity:0}50%{transform:translateY(-10px);opacity:1}100%{transform:translateY(0);opacity:0}}
			.cg-fix-tool{
				top: 2.5rem;
				right: .5rem;
				position: fixed;
				display: block;
				z-index: 100;
			}
			.cg-fix-tool img{
				width: 1rem;
			}
			.cover {
			  position: fixed;
			  top: 0;
			  width: 100%;
			  height: 100%;
			  background: rgba(0,0,0,.5);
			  z-index: 1200;
			  display: none;
			}
		
			.toast-contain {
			  /* max-width: 150px; */
				display: none;
			  width: 90%;
			  display: none;
			  position: fixed;
			  top: 50%;
			  left: 50%;
			  z-index: 2000;
			  transform: translateX(-50%) translateY(-50%);
			  -webkit-transform: translateX(-50%) translateY(-50%);
			}
		
			.toast-contain .toast-close-btn {
			  width: 40px;
			  height: 40px;
			  background: url('./btn_xf_close.png') no-repeat center center;
			  text-align: center;
			  display: block;
			  background-size: cover;
			  margin-left: auto;
			  margin-right: auto;
			  margin-top: 15px;
			  margin-bottom: 0
			}
		
			.toast-contain .download-contain .download-list {
			  width: 100%;
			  padding: 30px 5%;
			  border-radius: 8px;
			  box-sizing: border-box;
			  background-color: rgba(0, 0, 0, 0.8);
			  border: 1px solid #fff;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  flex-wrap: wrap;
			}
		
			.toast-contain .download-contain .download-list::after {
			  clear: both;
			  content: "";
			  display: block;
			}
		
			.toast-contain .download-contain .download-list>li {
			  width: 80%;
			  float: left;
			  font-size: 16px;
			  border: 1px solid #ffffff;
			  padding: 0 0 0 5px;
			  height: 50px;
			  border-radius: 8px;
			  box-sizing: border-box;
			  margin-top: 10px;
			  position: relative;
			  display: flex;
			  /* flex-direction: row; */
			  align-items: center;
			}
		
			.toast-contain .download-contain .download-list>li:first-child {
			  margin-top: 0;
			}
		
			.download-contain .download-list>li>img {
			  width: 35px;
			  position: absolute;
			  left: 5px;
			}
		
			.download-contain .download-list>li .text-box {
			  color: #fff;
			  text-align: center;
			  width: 80%;
			  font-size: 16px;
			  /* overflow: hidden; */
			  text-overflow: ellipsis;
			  white-space: nowrap;
			}
		
			.toast-contain .download-contain .android-download-list>li {
			  width: 80%;
			  float: none !important;
			}
		
			.download-contain .download-list>li .android-text-box {
			  white-space: normal;
			}
		
			.download-contain .download-list>li .android-text-box .package-text {
			  overflow: hidden;
			  text-overflow: ellipsis;
			  white-space: nowrap;
			}
		
			.h5-toast .h5-contain {
			  position: relative;
			}
		
			.h5-toast .h5-contain .h5-list {
			  width: 100%;
			  background-color: rgba(0, 0, 0, 0.8);
			  padding: 15px 15px;
			  border-radius: 8px;
			  box-sizing: border-box;
			  font-size: 16px;
			  color: #333;
			  border: 1px solid #fff;
			  min-height: 100px;
			}
		
			.ms-contain-square {
			  display: flex;
			  flex-direction: row;
			  justify-content: center;
			  align-items: flex-end;
			}
		
			.ms-contain-square>span {
			  width: 3px;
			  height: 18px;
			  margin-right: 2px;
			  border-radius: 2px;
			  background-color: green;
			}
		
			.ms-contain-square>span:first-child {
			  height: 0.25rem;
			}
		
			.ms-contain-square>span:last-child {
			  height: 0.54rem;
			}
		
			.h5-contain,
			.line-contain,
			.right-content {
			  font-size: 0.37rem;
			}
		
			.h5-contain .top-box,
			.line-contain .top-box,
			.right-content .top-box {
			  text-align: right;
			  margin-bottom: 0.6rem;
			}
		
			.h5-contain .top-box .refresh-btn,
			.line-contain .top-box .refresh-btn,
			.right-content .top-box .refresh-btn {
			  height: 28px;
			  line-height: 28px;
			  padding: 0 14px;
			  background-color: #1678ff;
			  border-radius: 8px;
			  color: #fff;
			  flex-shrink: 0;
			  margin-left: 5px;
			  display: inline-block;
			  font-size: 14px;
			  cursor: pointer;
			}
		
			.h5-contain .content-box,
			.line-contain .content-box,
			.right-content .content-box {
			  width: 100%;
			  font-size: 0.37rem;
			}
		
			.h5-contain .content-box .line-box,
			.line-contain .content-box .line-box,
			.right-content .content-box .line-box {
			  width: 100%;
			  display: flex;
			  flex-direction: row;
			  align-items: center;
			  justify-content: space-between;
			  margin: 0 0 20px 0;
			}
		
			.content-box .line-box .ms-text {
			  margin-top: 5px;
			}
		
			.content-box .line-box .line-left {
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  flex-direction: column;
			  width: 1.4rem;
			}
		
			.content-box .line-box .line-name-box {
			  margin: 0 0.2rem;
			  white-space: nowrap;
			}
		
			.content-box .line-box .go-game-btn {
			  height: 28px;
			  padding: 5px 8px;
			  background-color: #1678ff;
			  border-radius: 6px;
			  color: #fff;
			  flex-shrink: 0;
			  cursor: pointer;
			  max-width: 30%;
			  line-height: 1.1;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  text-align: center;
			  margin-left: 5px;
			}
		
			.content-box .line-box .middle-box {
			  width: 50%;
			  text-align: left;
			}
		
			.content-box .line-box-style3 .middle-box {
			  width: 40%;
			}
		
			.h5-contain .top-box {
			  margin-bottom: 0.2rem;
			  padding-right: 0.4rem;
			}
		
			.h5-list .line-box .middle-box {
			  color: #fff;
			}
		
			.right-content .content-box {
			  width: 100%;
			  height: 100%;
			}
		
			.right-content .top-box {
			  position: absolute;
			  top: -3rem;
			  left: 0;
			  margin-top: 0;
			  text-align: right;
			  width: 100%;
			  padding-right: 1.5rem;
			}
		
			.right-content .top-box .refresh-btn {
			  right: 1.5rem;
			  background-color: #1678ff;
			  border: none;
			  color: #fff;
			  border-radius: 0.5rem;
			  padding: 0 1.5rem;
			  height: 2.5rem;
			  line-height: 2.5rem;
			  font-size: 1.1rem;
			  cursor: pointer;
			}
		
			.right-content .content-box .line-box {
			  width: 100%;
			  height: 15%;
			  display: flex;
			  flex-direction: row;
			  align-items: center;
			  justify-content: space-between;
			  flex-shrink: 0;
			  font-size: 1.1rem;
			  margin-bottom: 1.35%;
			}
		
			.right-content .line-box .line-left {
			  width: 7.5%;
			  height: 100%;
			  display: flex;
			  flex-direction: column;
			  align-items: center;
			  font-size: 0.9rem;
			}
		
			.right-content .line-box .ms-contain-square {
			  display: flex;
			  flex-direction: row;
			  justify-content: center;
			  width: 100%;
			  height: 60%;
			  align-items: flex-end;
			  margin-bottom: 0.3rem;
			}
		
			.right-content .line-box .go-game-btn {
			  width: 8.7rem;
			  height: 3.3rem;
			  background-color: #1678ff;
			  border: none;
			  color: #fff;
			  border-radius: 0.5rem;
			  display: flex;
			  flex-direction: row;
			  justify-content: center;
			  align-items: center;
			  cursor: pointer;
			}
		
			.right-content .ms-contain-square>span {
			  width: 15px;
			  height: 20px;
			  margin-right: 0.3rem;
			  border-radius: 0.2rem;
			  background-color: green;
			}
		
			.right-content .ms-contain-square>span:first-child {
			  height: 40%;
			}
		
			.right-content .ms-contain-square>span:last-child {
			  height: 80%;
			}
			
			
#loading-box,
#open-chrome {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}

#pop-show .bd,
#loading-box .bd,
#open-chrome .bd {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 15px;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
}
#loading-box {
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
  }
  .mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.1);
  }
  #loading-box .bd {
    padding: 30px 50px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
  }
  
  #loading-box .bd p {
    margin: 15px 0 0;
    color: #999;
    font-size: 16px;
  }
  
  .rotate {
    width: auto;
    animation: loadingCircle 1s infinite linear;
  }
  @keyframes loadingCircle {
    100% {
      transform: rotate(360deg);
    }
  }