body{min-width: 0; font-size: 16px !important;}
[v-cloak] {
    display: none;
}
/*homePage*/
.homePage{width: 100vw;height: 100vh;position: relative;
	background-size: 100% 100%;overflow: hidden;}
/*pageTop*/
.pageTop{width: 100%;height: 50px;margin-top: 20px;}
.logoImg{float: left;width: 112px;margin-left: 40px;}
.logoImg_xxt{float: left;width: 196px;margin-left: 24px;}
.logoImg_kecheng{float: left;width: 196px;margin-left: 24px;}
.xueyehui,.xueyehui2{
	float: left;
}
.xueyehui2{
	width: 331px;
	overflow: hidden;
}
.jtjsczLogo{
	float: left;
	width: 290px !important;
	margin-left: 40px;
}
.xueyehui img{
	width: 168px;
	height: 50px;
}
.zizhuxuexi{float: left;width: 196px;margin-left: 24px;}
.zizhuxuexiClose{background: url(../../../img/modules/homePage/close.png) no-repeat 0 0;background-size: cover;cursor: pointer;}

.stuMessage{width: auto;height: 100%;float: right;margin-right: 40px;
	border-radius: 50px;position: relative;overflow: hidden;cursor: pointer;}
.stuMessageMask{width: 100%;height: 100%;background: #000;opacity: 0.2;
	position: absolute;top: 0;left: 0;z-index: 500;}
.stuPhoto{width: 50px;height: 50px;float: left;border:2px solid #fff;
	border-radius: 50%;overflow: hidden;position: relative;z-index: 600;}
.stuPhoto>img{width: 100%;}
.stuMsg{float: left;width: auto;height: 100%;overflow: hidden;padding:0 12px 0 10px;
	position: relative;z-index: 600;}
.stuMsg>h3{color: #fff;font-size: 18px;line-height: 18px;margin-top: 6px;font-weight: normal;}
.schoolMsg{width: auto;height: 14px;overflow: hidden;margin-top: 6px;}
.schoolMsg>p{float: left;color: #fff;font-size: 14px;line-height: 14px;}
.schoolMsg>span{float: left;color: #fff;font-size: 14px;line-height: 14px;margin-left: 10px;}
.stuMessage:hover .stuMessageMask{opacity: 0.4;}
/*pageMsg*/
.pageMsg{width: 66%;height:calc(84% - 15rem); margin: 6% auto; min-height: 355px; overflow: auto; max-width: 1530px;position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto auto;}
.pageMsg>ul{width: calc(100% - 22%);height: calc(100% - 1rem); float: left; }
.pageMsg>.cz>li{width: 19%;height: 50%;cursor: pointer;float: left;position: relative; overflow: hidden;}
.pageMsg .timeBox{
	float: left;
	width: 20% !important;
	height: calc(100% - 12px) !important;
	min-height: 344px;
	overflow: hidden;
	background: #7AF4F9;
	border-radius: 8px;
	background-image: url(../../../img/modules/homePage/clockBack.png);
	background-repeat: no-repeat;
	background-position: 7.875rem 0;
	margin: 0 0.375rem;
	margin-left: 8px;
	
}
.pageMsg .timeBox .time{
	width: 12rem;
	height: 3.125rem;
	padding: 1.875rem 0.875rem; 
	font-size: 2.6rem;
}
.pageMsg .timeBox .day{
	color: #2E9195;
	font-size: 1.4rem;
	padding: 0.5rem 0.875rem;
}
.pageMsg .timeBox .taskList{
	width: 10.625rem;
	height: 11.875rem;
	background-color: #49D9DF;
	color: #02575B;
	margin: 0 auto;
	border-radius: 0.375rem;
	padding: 0.625rem 0;
}
.pageMsg .timeBox .taskList li{
	height: 1.875rem;
	line-height: 1.875rem;
	cursor: pointer;
}
.pageMsg .timeBox .taskList li img{
	float: left;
	margin: 0.4375rem 0.25rem 0 1rem;
}

.cz{
	margin-top: -0.25rem;
}
.cz .iconImg{
	width: 5.55rem;
	display: block;
	margin: 1rem auto;
}
/* 中考冲刺  初中 */
.cz .sprint{ margin: 0.2rem;background: linear-gradient(90deg, #63D2FF 0%, #1CADE8 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .sprint>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .sprint:hover{background: linear-gradient(90deg, #55C4F1 0%, #0C8ABE 100%);}
/*语文*/
.cz .chinese{ margin: 0.2rem; background: linear-gradient(90deg, #FC7171 0%, #E94040 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .chinese>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .chinese:hover{background: linear-gradient(90deg, #FF7E7E 0%, #F85656 100%);}
/*英语*/
.cz .English{margin: 0.2rem; background: linear-gradient(90deg, #B3B8FE 0%, #878EF2 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .English>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .English:hover{background: linear-gradient(90deg, #A7ACF5 0%, #5D65DC 100%)}
/*数学*/
.cz .math{margin: 0.2rem; background: linear-gradient(270deg, #2D95F1 0%, #45B3FC 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .math>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .math:hover{background: linear-gradient(270deg, #1A83E1 0%, #39ACF9 100%);}

/*物理*/
.cz .physics{margin: 0.2rem; background: linear-gradient(90deg, #FDA067 0%, #DF7B3E 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .physics>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .physics:hover{background: linear-gradient(90deg, #F19258 0%, #CE692B 100%);}
/*生物*/
.cz .biology{margin: 0.2rem; background: linear-gradient(90deg, #A8E831 0%, #59BE0C 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .biology>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .biology:hover{background: linear-gradient(90deg, #99D825 0%, #4CA806 100%);}
/*化学*/
.cz .chemistry{margin: 0.2rem; background: linear-gradient(90deg, #AF98FE 0%, #9372FD 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .chemistry>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .chemistry:hover{background: linear-gradient(90deg, #A38CF3 0%, #7F5CEF 100%);}

/*历史*/
.cz .history{margin: 0.2rem; background:  linear-gradient(90deg, #FBA62F 0%, #EC9111 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .history>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .history:hover{background: linear-gradient(90deg, #FBA62F 0%, #CB7C0D 100%);}
/*地理*/
.cz .geography{margin: 0.2rem; background:  linear-gradient(90deg, #85A7BC 0%, #86A8BC 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.cz .geography>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.cz .geography:hover{background: linear-gradient(90deg, #85A7BC 0%, #5F839A 100%);}

/*科学*/
.science{margin: 0.2rem; background: linear-gradient(90deg, #D083F5 0%, #BE59F2 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.science>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.science:hover{background: linear-gradient(90deg, #C477E9 0%, #A437DC 100%);}
.pageMsg>.cz>li:nth-child(n+6){
	width: 15.7% !important;
}
@media screen and (min-width:1650px){
	/* //屏幕宽度大于1400px时 */
	.pageMsg>.gz>li{
		border-radius: 1.2rem !important;
	}
	.cz .iconImg{
		width: 8rem;
		margin: 2.5rem auto !important;
	}
	.gz .iconImg{
		width: 8rem !important;
		margin: 2.5rem auto !important;
	}
	.cz p,.gz p{
		font-size: 2.2rem !important;
		margin-top: 2.5rem !important;
	}
	.pageMsg{
		width: 80%;
	}
	.pageMsg .popupPlayer{
		width: 17.625rem !important;
	}
	.pageMsg .popupPlayer li{
		height: 4.8rem !important;
	}
	.pageMsg .popupPlayer li img{
		width: 3.625rem !important;
	}
	.pageMsg .popupPlayer li .totalNum p:first-child{
		font-size: 1.2rem !important;
		margin-top: 1.125rem !important;
	}
	.pageMsg .popupPlayer li .totalNum{
		width: 9rem !important;
	}
	.pageMsg .popupPlayer li .totalNum p:last-child{
		margin-top: 0.4rem !important;
		font-size: 1rem !important;
	}
	.pageMsg .popupPlayer li .notNum span:first-child{
		width: 2rem !important; 
		height: 2rem !important;
		line-height: 2rem !important;
		font-size: 1.2rem !important;
	}
	.pageMsg .popupPlayer li .notNum{
		margin-top: 1.5rem !important;
	}
	.pageMsg .popupPlayer li .notNum span:last-child{
		margin-top: 0.3rem;
	}
	.pageMsg .timeBox{
		/* margin-left: 2.2rem !important; */
	}
	.pageMsg .timeBox .time{
		padding: 3rem 0.875rem !important;
		font-size: 3.6rem !important;
	}
	.pageMsg .timeBox .day{
		padding: 1rem 0.875rem !important;
		font-size: 1.6rem !important;
	}
	.pageMsg .timeBox .day p:last-child{
		margin-top: 1rem !important;
	}
}

/* 中考冲刺 高中 */

.pageMsg>.gz{
	width:calc(100% - 22%);
}
.pageMsg>.gz>li{width: 19%;height: 50%;cursor: pointer;float: left;position: relative;　}
.pageMsg>.gz>li>.iconImg{
	width: 5.55rem;
	display: block;
	margin: 1rem auto;
}
.gz .sprint{
	width:19% !important;
	cursor: pointer;
	background-image: url(../../../img/modules/homePage/homezkccG.png);background-repeat: no-repeat;
	background-size: cover}
.gz .sprint>p{margin-top: 100px;text-align: center;color: #fff;font-size: 20px;
	line-height: 30px;}
.gz .sprint:hover{background: url(../../../img/modules/homePage/hiomeZkccG2.png) no-repeat 0 0;
	background-size:cover;}
/*语文*/
.gz .Chinese{
	background-image: url(../../../img/modules/homePage/homeYwG.png);background-repeat: no-repeat;
	background-size: cover}
.gz .Chinese>p{margin-top: 100px;text-align: center;color: #fff;font-size: 24px;
	line-height: 30px;}
.gz .Chinese:hover{background: url(../../../img/modules/homePage/homeYwG2.png) no-repeat 0 0;
	background-size:cover;}
/*英语*/
.gz .English{
	background: url(../../../img/modules/homePage/homeYyG.png) no-repeat 0 0;
	background-size: cover;}
.gz .English>p{margin-top: 100px;text-align: center;color: #fff;font-size: 24px;
	line-height: 30px;}
.gz .English:hover{background: url(../../../img/modules/homePage/homeYyG2.png) no-repeat 0 0;
	background-size: cover;}
/*数学*/
.gz .math{
	background: url(../../../img/modules/homePage/homeSxG.png) no-repeat 0 0;
	background-size: cover;}
.gz .math>p{margin-top: 100px;text-align: center;color: #fff;font-size: 24px;
	line-height: 30px;}
.gz .math:hover{background: url(../../../img/modules/homePage/homeSxG2.png) no-repeat 0 0;
	background-size: cover;}
/*物理*/
.gz .physics{
	background: url(../../../img/modules/homePage/homeWlG.png) no-repeat 0 0;
	background-size: cover;}
.gz .physics>p{margin-top: 100px;text-align: center;color: #fff;font-size: 24px;
	line-height: 30px;}
.gz .physics:hover{background: url(../../../img/modules/homePage/homeWlG2.png) no-repeat 0 0;
	background-size: cover;}
/*生物*/
.gz .biology{width:19% !important;
	background: url(../../../img/modules/homePage/homeSwG.png) no-repeat 0 0;
	background-size: cover;}
.gz .biology>p{margin-top: 100px;text-align: center;color: #fff;font-size: 20px;
line-height: 30px;}
.gz .biology:hover{background: url(../../../img/modules/homePage/homeSwG2.png) no-repeat 0 0;
	background-size: cover;}
/*化学*/
.gz .chemistry{width:19% !important;
	background: url(../../../img/modules/homePage/homeHxG.png) no-repeat 0 0;
	background-size: cover;}
.gz .chemistry>p{margin-top: 100px;text-align: center;color: #fff;font-size: 20px;
	line-height: 30px;}
.gz .chemistry:hover{background: url(../../../img/modules/homePage/homeHxG2.png) no-repeat 0 0;
	background-size: cover;}

/*历史*/
.gz .history{width:19% !important;
	background: url(../../../img/modules/homePage/homeLsG.png) no-repeat 0 0;
	background-size: cover;}
.gz .history>p{margin-top: 100px;text-align: center;color: #fff;font-size: 20px;
	line-height: 30px;}
.gz .history:hover{background: url(../../../img/modules/homePage/homeLsG2.png) no-repeat 0 0;
	background-size: cover;}
/*地理*/
.gz .geography{width:19% !important;
	background: url(../../../img/modules/homePage/homeDlG.png) no-repeat 0 0;
	background-size: cover;}
.gz .geography>p{margin-top: 100px;text-align: center;color: #fff;font-size: 20px;
	line-height: 30px;}
.gz .geography:hover{background: url(../../../img/modules/homePage/homeDlG2.png) no-repeat 0 0;
	background-size: cover;}
	/* 中考冲刺  初中 */
.gz .sprint{ margin: 0.2rem;background: linear-gradient(90deg, #63D2FF 0%, #1CADE8 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .sprint>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .sprint:hover{background: linear-gradient(90deg, #55C4F1 0%, #0C8ABE 100%);}
/*语文*/
.gz .Chinese{ margin: 0.2rem; background: linear-gradient(90deg, #FC7171 0%, #E94040 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .Chinese>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .Chinese:hover{background: linear-gradient(90deg, #FF7E7E 0%, #F85656 100%);}
/*英语*/
.gz .English{margin: 0.2rem; background: linear-gradient(90deg, #B3B8FE 0%, #878EF2 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .English>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .English:hover{background: linear-gradient(90deg, #A7ACF5 0%, #5D65DC 100%)}
/*数学*/
.gz .math{margin: 0.2rem; background: linear-gradient(270deg, #2D95F1 0%, #45B3FC 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .math>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .math:hover{background: linear-gradient(270deg, #1A83E1 0%, #39ACF9 100%);}

/*物理*/
.gz .physics{width: 19% !important; margin: 0.2rem; background: linear-gradient(90deg, #FDA067 0%, #DF7B3E 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .physics>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .physics:hover{background: linear-gradient(90deg, #F19258 0%, #CE692B 100%);}
/*生物*/
.gz .biology{margin: 0.2rem; background: linear-gradient(90deg, #A8E831 0%, #59BE0C 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .biology>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .biology:hover{background: linear-gradient(90deg, #99D825 0%, #4CA806 100%);}
/*化学*/
.gz .chemistry{margin: 0.2rem; background: linear-gradient(90deg, #AF98FE 0%, #9372FD 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .chemistry>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .chemistry:hover{background: linear-gradient(90deg, #A38CF3 0%, #7F5CEF 100%);}

/*历史*/
.gz .history{margin: 0.2rem; background:  linear-gradient(90deg, #FBA62F 0%, #EC9111 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .history>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .history:hover{background: linear-gradient(90deg, #FBA62F 0%, #CB7C0D 100%);}
/*地理*/
.gz .geography{margin: 0.2rem; background:  linear-gradient(90deg, #85A7BC 0%, #86A8BC 100%);border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
.gz .geography>p{margin-top: 0.5rem;text-align: center;color: #fff;font-size: 1.4rem;
	line-height: 30px;}
.gz .geography:hover{background: linear-gradient(90deg, #85A7BC 0%, #5F839A 100%);}
.gz{
	margin-top: -4px;
}
.widthSh{
	width: 24% !important;
}
/*pageBottom*/
.pageBottom{width: 100%;height: 110px;position: fixed;
	bottom: 0;left: 0;}
.pageBottomMask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;
	background: #000;opacity: 0.3;z-index: 500;}
.pageBottom>ul{width: 100%;height: 100%;position: relative;z-index: 600;overflow: hidden; display: flex; flex-direction: row;padding: 0 50px;
    justify-content: space-between;}
.pageBottom>ul>li{width: 110px;height: 100%;float: left;cursor: pointer;
	overflow: hidden;}
.pageBottom>ul>li>p{color: #fff;font-size: 14px;text-align: center;line-height: 14px;}
/*学习任务*/
.xxrw>div{width: 66px;height: 66px;margin: 10px auto;position: relative;
	background-color: #00573A;
	background-size: cover;}
.xxrw:hover div{
	background: url(../../../img/modules/homePage/xxrw_hot.png) no-repeat 0 0;
	/* opacity: 1; */
	background-size: cover;}
.xxrw>div>span{
	width: 24px;
	height: 24px;
	position: absolute;
	right: -8px;
	top: -8px;
	background-color: #fb2424;
	color: #fff;
	text-align: center;
	line-height: 24px;
	border-radius: 50%;
	font-size: 12px;
}

/*学习档案*/
.xxda>div{width: 66px;height: 66px;margin: 10px auto 4px;
	background: url(../../../img/modules/homePage/xxda.png) no-repeat 0 0;
	background-size: cover;}
.xxda:hover {background-color: rgba(0,0,0,.2);}
/*录音管理*/

.lygl>div{width: 66px;height: 66px;margin: 10px auto 4px;
	background: url(../../../img/modules/homePage/lygl.png) no-repeat 0 0;
	background-size: cover;}
.lygl:hover {background-color: rgba(0,0,0,.2);}
/*版本设置*/
.bbsz>div{width: 66px;height: 66px;margin: 10px auto 4px;
	background: url(../../../img/modules/homePage/bbsz.png) no-repeat 0 0;
	background-size: cover;}
.bbsz:hover{background-color: rgba(0,0,0,.2);}
/*积分兑换*/
.jfdh>div{width: 66px;height: 66px;margin: 10px auto 4px;
	background: url(../../../img/modules/homePage/jfdh.png) no-repeat 0 0;
	background-size: cover;}
.jfdh:hover{background-color: rgba(0,0,0,.2);}
/*家长中心*/
.jzzx>div{width: 66px;height: 66px;margin: 10px auto 4px;
	background: url(../../../img/modules/homePage/jzzx.png) no-repeat 0 0;
	background-size: cover;}
.jzzx:hover{background-color: rgba(0,0,0,.2);}
/*在线升级*/
.set>div{width: 66px;height: 66px;margin: 10px auto 4px;
	background: url(../../../img/modules/homePage/set.png) no-repeat 0 0;
	background-size: cover;}
.set:hover{background-color: rgba(0,0,0,.2);}
/*笔记本*/
.bjb>div{width: 66px;height: 66px;margin: 10px auto 4px;
	background: url(../../../img/modules/homePage/zzxx2_cz_home_notebook_nor.png) no-repeat 0 0;
	background-size: cover;}
.bjb:hover div{
	background: url(../../../img/modules/homePage/zzxx2_cz_home_notebook_hot.png) no-repeat 0 0;
	background-size: cover;}





/* 学习通激活模态框 */
.pageMsg>ul>li>.modal{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #222222;
    opacity: .6;
	border-radius: 0.5rem;
	display: none;
}

.pageMsg>ul>li>.lockItem {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    width: 72px;
    height: 72px;
	display: none;
}
.nonePointer {
    pointer-events: none;
}
.pageMsg>.gz li.Chinese>.modal ,.pageMsg>.gz li.math>.modal ,.pageMsg>.gz li.English>.modal,.pageMsg>.gz li.physics>.modal {
	width: 100%;
	/* height: 152px; */
}
.pageMsg>.gz li>.modal{
	/* width: 130px; */
}


/* 提示窗口 */
.commonMask{display:none;}
.whiteMask{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:20000;background-color: rgba(0,0,0,0.3)}
.promptCont{width:400px;height:250px;background:#fff;box-shadow:0 0 8px #06b0b9;
	position:fixed;top:0;left:0;right:0;bottom:0;margin:auto auto;z-index:21000;}
.promptCont-top{width:100%;height:52px;background:#06b0b9;color:#fff;font-size:18px;
	text-align:center;line-height:52px;position:relative;}
.promptCont-close{width:16px;height:16px;position:absolute;top:10px;right:10px;cursor:pointer;
	background:url(../../../img/modules/actTree/xjx_rwgl_tc_close_nor.png) no-repeat 0 0;}
.promptCont-msg{color:#333;font-size:16px;line-height:140px;text-align:center;}
.sureButton{width:88px;height:30px;background:#06b0b9;cursor:pointer;color:#fff;font-size:14px;
	line-height:30px;text-align:center;border-radius:4px;margin:0 auto;}
.sureButton:hover{background:#07BFC6;}

.qrCodePlayer{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
.qrCodeBox{
	position: absolute;
	left: calc(50% - 150px);
	top:  calc(50% - 200px);
	width: 300px;
	height: 400px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10px;
}
.qrCodeBox .img{
	text-align: center;
	margin: 10px 130px;
	cursor: pointer;
}
.qrCodeBox p{
	text-align: center;
	width: 240px;
	cursor: pointer;
	margin: 0 auto;
}
#qrcode{
	padding: 24px;
}
.popup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,.4);
}
.popupPlayer{
	width: 10.625rem;
	height: 11.875rem;
	/* background-color:#49D9DF; */
	border-radius: 0.5rem;
	margin: 0 auto;
}
.popupPlayer ul{
	padding: 0.375rem 0;
}
.popupPlayer li{
	height: 2.8rem;
	margin-bottom: 0.625rem;
	background-color: #65e5ea;
	cursor: pointer !important;
	pointer-events:auto !important;
	border-radius: 0.25rem;
}
.popupPlayer li img{
	float: left;
	margin: 0.6rem 0.4375rem;
	width: 1.625rem;
}
.popupPlayer li .totalNum{
	float: left;
	width: 5rem;
	color: #666666;
	font-size: 1rem;
}
.popupPlayer li .totalNum p:first-child{
	/* font-weight: bold; */
	height: 1.125rem;
	margin-top: 0.125rem;
	font-size: 0.875rem;
}
.popupPlayer li .totalNum p:last-child{
	font-size: 0.75rem;
	margin-top: -0.125rem;
}
.popupPlayer li .notNum{
	float: right;
	width: 3.125rem;
	color: #666;
	margin-top: 0.7rem;
}
.popupPlayer li .notNum span:first-child{
	float: left;
	width: 1.375rem;
	height: 1.375rem;
	line-height: 1.375rem;
	text-align: center;
	font-size: 0.75rem;
	background-color: #15BDB1;
	color: #fff;
	border-radius: 50%;
}
.popupPlayer li .notNum span:last-child{
	float: left;
	font-weight: bold;
	font-size: 0.75rem;
	margin-left: 0.375rem;
}
.setting{
	/* width: 372px; */
	overflow: hidden;
	float: right;
	margin-right: 30px;
}
.setting ul{
	
}
.setting ul li{
	float: left;
	/* width: 78px; */
	height: 30px;
	line-height: 30px;
	background:	rgba(255,255,255,.28);
	padding: 0 8px;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
	cursor: pointer;
}
.setting ul img{
	float: left;
	margin: 7px 4px 0 0;
}
/*滚动条样式*/
::-webkit-scrollbar
{
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track-piece
{
background-color: rgba(255,255,255,0);
-webkit-border-radius: 8px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 8px;
background-color: rgba(0,0,0,.2);
-webkit-border-radius: 8px;
}
::-webkit-scrollbar-thumb:vertical:hover
{
background-color: rgba(0,0,0,.4);
}
::-webkit-scrollbar-thumb:horizontal
{
width: 8px;
background-color: rgba(255,255,255,0);
-webkit-border-radius: 8px;
}




.newProjectBox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
}
.newProject{
	width: 60%;
	height: 70%;
	background-color: #fff;
	position: absolute;
	top: calc(50% - 35%);
	left: calc(50% - 30%);
	border-radius: 6px;
	padding: 32px;
	color: #000;
	overflow: auto;
}
.newProject p{
	font-size: 18px;
	margin-top: 20px;
}
.newProject .title{
	text-align: center;
	font-size: 24px;
	line-height: 30px;
}
.newProject .content{
	text-indent: 2em;
	line-height: 32px;
}
.newProject .btn{
	width: 220px;
	height: 40px;
	text-align: center;
	margin: 40px auto;
	background:#06b0b9;
	cursor:pointer;
	color:#fff;
	font-size:18px;
	line-height:40px;
	text-align:center;
	border-radius:4px;
}

@media screen and (max-width: 1020px){
	.newProject{
		width: 100%;
		height: 80%;
		top: calc(50% - 40%);
		left: 0;
		overflow: auto;
	}
}