html,body{
	padding:0px;
	margin:0px;
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
.activity-button{
	font-size:14px;color:#fff;display:inline-block;width: 208px;height: 30px;line-height:30px;text-align:center;
	border-radius: 48px;background: linear-gradient(180deg, rgba(255,195,41,1) 0%, rgba(255,144,41,1) 100%);
	right:25%;top:10px;position:absolute;
}

header{
	height:96px;
	display:flex;align-items:center;margin:0 auto;padding: 0px 15px;
	justify-content: space-around;
	border-bottom:3px solid #63abf7;
}
header > div{
	position:relative;display:flex;align-items:center;
}
header > div > div > a{text-decoration: none;color:#666;}
header > div > a{
	padding:8px 16px;font-size:15px;margin-right:8px;cursor:pointer;color:#666;
	text-decoration: none;border-radius: 26px;
}
header > div > a.active{
    background: #63abf7;
    color: #fff;
    
}
header > div > a.active:hover{
	background:#63abf7;color: #fff;
}
header > div > a:hover{
	background:#f5f4f3;color:#333;
}
header > div > a:last-child{
	margin-right:0px;
}
header .header_menu_icon{
	font-size:19px;padding:6px;display:none;margin-right:10px;
}
header .header_menu_icon.active{
	background:#f5f5f5;
}
header .header_menu_icon.active .header_menu{
	display:block;
}
header .header_menu{
    position: absolute;display:none;
    top: 40px;
    width: 100px;
    background: #fff;
    border-radius:3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 2px 12px rgba(0,0,0,.06);
    z-index: 9;
    right: 0px;list-style:none;margin:0px;padding:5px;
}
header .header_menu li{list-style:none;margin:0px;padding:6px 8px;}
header .header_menu li:hover{background:#f7f7f7;}
header .header_menu li > a{text-decoration: none;color:#666;font-size:16px;display: block;}

.button{
	padding:8px 16px;
	font-size:14px;cursor:pointer;display:inline-block;
	background:#63abf7;color:#fff;border-radius:2px;text-decoration: none;
}
.button:hover{
	background:#4386f5;color:#fff;
}
.button:active{
	transform:scale(0.96);background:#63abf7;
}
.button.max{
	padding:12px 24px;font-size:14px;border-radius:24px;
}
.button.min{
	padding:4px 8px;font-size:13px;border-radius:4px;
}
.button.grey{
	background:#f4f2f3;color:#333;box-shadow:0px 0px 1px #666;
}
.button.black{
	background:#e5e4e3;color:#333;box-shadow:0px 0px 1px #666;
}
.switch-button{
    width: 52px;
    height: 26px;
    display: flex;
    background: #d6d9db;
    border-radius: 15px;
    margin-right: 5px;transition:all 150ms;
}
.switch-button > div {
    transition: all 1s;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    margin: 2px;pointer-events:none;
}
.switch-button.active{
    background: #18a0fb;
    justify-content: flex-end;
}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt10{margin-top:10px !important;}
.mt4{margin-top:4px !important;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.fs12{font-size:12px !important;}
.pd20{padding:20px;}
.c888{color:#888;}
#main{
	min-height:360px;overflow-x:hidden;
}
.title-bar{margin-bottom:12px;margin-top: 40px;position:relative;padding:0px 30px;color:#333;z-index:1;}
h1,h2,h3,h4{font-weight:400;}

.container{
	max-width:1000px;margin:0 auto;padding:0px 20px;
}
.scene-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.scene-list section {
    display: flex;
    width: calc(50% - 20px);
    margin-top: 40px;
    min-width: 300px;
}
.scene-list .scene-icon {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    border: 1px solid #afd7c5;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.scene-list .scene-title {
    font-weight: 600;
    font-size: 17px;color:#444;
    margin-bottom: 10px;
}
.scene-list .scene-title a{
    font-weight: 700;
    font-size: 17px;color:#444;
    text-decoration: none;
}
.scene-list .scene-desc {
    color: #5f5f64;font-size: 14px;
}
.scene-list .scene-desc a{
    font-weight: 400;
    font-size: 14px;color:#444;
    margin-right:8px;margin-top:6px;display:block;
}
.scene-list .scene-icon img {
    width: 26px;
    height: 26px;
    opacity: .6;
}
.a{
	font-size:15px;color:#444;
}
footer{
	text-align:center;font-size:15px;margin-top:50px;
}
footer a{
	padding:0px 10px;color:#888;text-decoration: none;
}
footer a:hover{
	text-decoration: underline;
}

.policy-header {
	padding: 0 20px;
	border-bottom: 1px solid #eeeff0;
	position: fixed;
	background: #fff;
	height: 70px;
	width: 100%;
	left: 0;
	top: 0;
}
.policy-header .header-content {
    height: 70px;
    max-width: 930px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.policy-header .header-title {
    padding-left: 20px;
    display: flex;
    height: 28px;
    align-items: center;
    font-size: 18px;
    color: #5f5f64;
}
.policy-body {
	padding: 80px 20px;
	max-width: 880px;
	margin: 0 auto;
}
@font-face {
  font-family: 'iconfont';  /* Project id 2379458 */
  src: url('//at.alicdn.com/t/c/font_2379458_au7dbe7b8nl.woff2?t=1702307149340') format('woff2'),
       url('//at.alicdn.com/t/c/font_2379458_au7dbe7b8nl.woff?t=1702307149340') format('woff'),
       url('//at.alicdn.com/t/c/font_2379458_au7dbe7b8nl.ttf?t=1702307149340') format('truetype');
}
.icon_box .iconfont{pointer-events:none;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

#hover_tip{
	position:absolute;  z-index:9;
	max-width:250px;color:#fff;
}
#hover_tip .tip_arrow{
	border:6px solid transparent;
	border-bottom:6px solid #000;
	width:0px;height:0px;position:absolute;
	top:-10px;left:50%;transform:translateX(-50%);
}
#hover_tip .tip_content{
	padding:5px 8px; font-size:12px;
	background:#333;
	background:rgba(50,50,50,.95);
	word-wrap:break-word;
	word-break:normal;
}


#ws_list{
	display: flex;flex-wrap: wrap;margin-top:6px;
}
.file-ws{
	padding:3px 10px;margin-right:8px;border-radius: 2px;font-size:14px;
	border:1px solid #63abf7;color: #666;
    display: flex;height:20px;line-height:20px;
    align-items: center;margin-bottom: 5px;
}
.file-ws span{pointer-events:none;}
.file-ws.active{background:#63abf7;color:#fff;}
.file-ws:hover{
	cursor:pointer;
}
.file-ws label{font-size:13px;cursor:pointer;padding:1px;margin-left:8px;color:#777;margin-top: 1px;}
.file-ws.active label{color:#fff !important;}
.file_title{
	max-width: 450px;
    word-break: break-all;
}
.qrcode_img{
	width:100px;height:100px;background:#fff;position:relative;margin-bottom: 6px;
}

.ui-grid{
	width:100%;display:flex;
	flex-direction: column;
}
.ui-grid > .ui-grid-row{
	display:flex;width:100%;align-items: center;margin-bottom:4px;
	padding: 4px 0px;
}
.ui-grid > .ui-grid-row.row-bg{
	background:#f4f5f6;
}
.ui-grid > .ui-grid-row > div{
	font-size:14px;
}
.ui-grid > .ui-grid-row > div > div{
	padding:4px;
}

@media (max-width: 700px) {
	.dlg.show{
		max-width:95% !important;
	}
    #header_menus > a{
    	padding:2px 4px;margin-right:2px;border-radius:3px;font-size:17px;display:none;
    }
    header .header_menu_icon{
    	font-size: 24px !important;
    	display:inline-block;color:#666;
    }
    .ui-grid > .ui-grid-row{
		flex-direction: column;
		align-items: flex-start;
		padding: 2px 6px;
	}
    .ui-grid .mobi_hide{
    	display:none;
    }

    #header_btns > a, #header_btns > span{
    	padding:4px 5px;font-size:17px;
    }
    .container{
    	padding:0px 10px;
    }
    .scene-list{
    	justify-content: center;
    }
    .scene-list .scene-icon {
    	width:50px;height:50px;
    }
    #loginWin{
    	max-height:340px;
    }
    #user_code{
    	width:52% !important;
    }
    #loginWin [data-click=getcode]{
    	padding:6px 2px !important;
    }
    .price-con{
    	flex-direction: column;
    }
    .price-con > div{
    	width:100% !important;
    	margin-top:10px;
    }
    #upgrade_win{
    	width:96% !important;
    }
    .upgrade-price > div{
    	width:120px;
    	padding:2px 1px;
    	height:84px !important;
    }
    .upgrade-price .price-text{
    	font-size:14px !important;
    }
    .fs22{font-size:16px !important;}
    .upgrade-pay-con .icon:first-child{
    	font-size:20px !important;
    }
    .upgrade-pay-con [tit=duigong] .icon:first-child{
    	font-size:35px !important;
    	height:24px !important;
    	width:60px !important;
    }
    .upgrade-price .mt10{
    	height:15px !important;
    }
}




.bar{
  transition: width 0.4s ease-in-out;
  height:14px;
  width: 0;
  border-radius: 2px;
  background-color: #f15887;
  background-image: linear-gradient(to right, #c5f5ad, #63abf7);
  position: absolute;
}
.uploading{
	animation: 3s linear uploading;
	-webkit-animation:3s linear infinite uploading;
	-o-animation:3s linear infinite uploading;
	-moz-animation:3s linear infinite uploading;
	-ms-animation:3s linear infinite uploading;
}
.hidden{
	visibility: hidden;
}
@-webkit-keyframes uploading{
	from{width:0px;}
	to{width:100%;}
}
@-moz-keyframes uploading{
	from{width:0px;}
	to{width:100%;}
}
@-ms-keyframes uploading{
	from{width:0px;}
	to{width:100%;}
}
@-o-keyframes uploading{
	from{width:0px;}
	to{width:100%;}
}
@keyframes uploading{
	from{width:0px;}
	to{width:100%;}
}

.rotate{
	animation: 2s linear rotate;
	-webkit-animation:2s linear infinite rotate;
	-o-animation:2s linear infinite rotate;
	-moz-animation:2s linear infinite rotate;
	-ms-animation:2s linear infinite rotate;
}
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg);color:red;}
	to{-webkit-transform:rotate(360deg);color:#4386f5;}
}
@-moz-keyframes rotate{
	from{-moz-transform:rotate(0deg);color:#000;}
	to{-moz-transform:rotate(360deg);color:#4386f5;}
}
@-ms-keyframes rotate{
	from{-ms-transform:rotate(0deg);color:#000;}
	to{-ms-transform:rotate(360deg);color:#4386f5;}
}
@-o-keyframes rotate{
	from{-o-transform:rotate(0deg);color:#000;}
	to{-o-transform:rotate(360deg);color:#4386f5;}
}
@keyframes rotate{
	from{transform:rotate(0deg);color:#000;}
	to{transform:rotate(360deg);color:#4386f5;}
}

.move_rotate {
  animation: move_rotate 2s 0s infinite;
  -webkit-animation: move_rotate 2s 0s infinite;
}
.move_y {
  animation: move_y 3s 0s infinite;
  -webkit-animation: move_y 3s 0s infinite;
}
.move_x {
  animation: move_x 3s 0s infinite;
  -webkit-animation: move_x 3s 0s infinite;
}
@keyframes move_x {
  0% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  20% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  40% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  60% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  80% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  100% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}

@keyframes move_y {
  0% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  20% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  40% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  60% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  80% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}

@keyframes move_rotate {
  0%,
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  70% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  85% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  95% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}