/* 基础样式配置 */
.zigong2023 * {
	/*margin: 0;
	padding: 0;*/
	list-style: none;
	box-sizing: border-box;
	word-break: break-all;
}
body.zigong2023 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	min-width: 1300px;
	font-family: "微软雅黑";
}
a {
	color: #333;
	text-decoration: none;
}
input,textarea{
	background:none;  
    outline:none;  
    border:none;
    resize: none;
	border-radius: 0;
	font-family: "微软雅黑";
}
input:focus{
	border:none;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    border-spacing: 0;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.flow{
	overflow: hidden;
}
.f-auto{
	margin: 0 auto;
}
.inline{
	display: inline-block;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fixed{
	position: fixed;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.shadow{
	box-shadow: 0 5px 5px #e9e9e9;
}
.bgBox{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.f-line{
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.f-line2{
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
}
.f-line3{
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
}
.f-line4{
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:4;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
}
.f-pointer{
	cursor: pointer;
}
.Transition{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
/* 基础样式配置 */

/* 通用样式 */
.zg_container{ width: 1200px;margin: 0 auto; }
.zg_Header{ position: fixed;width: 100%;height: 120px;line-height: 120px;left: 0;top: 0;z-index: 21;background-color: #246af1;color: #ffffff; }
.zg_Header_empty{ width: 100%;height: 120px; }
.zg_Header_Title{ font-size: 40px;letter-spacing: 5px;position: relative;padding-right: 20px; }
.zg_Header_Title::after{ content: "";display: inline-block;height: 36px;border-right: 1px solid #ffffff;position: absolute;right: 0;top: 50%;margin-top: -15px; }
.zg_Header_CN{ line-height: 40px;font-size: 22px;padding-left: 25px;margin-top: 40px; }
.zg_Header_EN{ line-height: 24px;font-size: 15px;padding-left: 25px;margin-top: 3px; }
.zg_Header_Login{ width: 64px;height: 32px;line-height: 30px;border: 1px solid #ffffff;border-radius: 4px;font-size: 16px;text-align: center;margin-top: 43px; }
.zg_Header_User,.zg_Header_Login{ margin-left: 100px; }
.zg_Header_User img{ width: 64px;height: 64px;border-radius: 64px;border: 2px solid #ffffff;vertical-align: middle;position: relative;top: -4px;margin-right: 10px; }
.zg_Header_Link img{ vertical-align: middle;position: relative;top: -2px;margin-right: 10px; }
.zg_Header_Link{ margin-right: 30px; }
.zg_Header_Link,.zg_Header_User,.zg_Header_Login{ color: #ffffff; }
.zg_MainTitle{ font-size: 44px;text-align: center;padding: 50px 0 20px; }
.zg_MainTitle img{ vertical-align: middle;position: relative;top: -2px;margin-right: 10px;height: 48px; }
/*.zg_Navigation{ display: flex;justify-content: space-between; }*/
/*.zg_Navigation a{ color: #666666;display: inline-block;padding: 20px 0; }*/
/*.zg_Navigation a.current{ color: #043687;position: relative; }
.zg_Navigation a.current::after{ content: "";display: inline-block;width: 100%;height: 4px;background-color: #043687;border-radius: 4px;bottom: 0;left: 0;position: absolute; }
.zg_Navigation a:hover{ color: #043687; }
a.zg_Navigation_search:hover{ color: #ffffff; }
a.zg_Navigation_search{ color: #ffffff;background-color: #043687;height: 34px;line-height: 34px;vertical-align: middle;padding: 0 15px;border-radius: 34px;margin-top: 17px; }
a.zg_Navigation_search img{ margin-right: 5px;vertical-align: middle;position: relative;top: -2px; }*/
.zg_Footer{ color: #ffffff;font-size: 18px;background-color: #454f60;height: 80px;line-height: 80px;text-align: center; }
.zg_Footer span{ margin: 0 80px; }
.zg_Crumb{ height: 95px;line-height: 95px;color: #666666; }
.zg_Crumb a{ color: #666666; }
.zg_Crumb a:hover{ color: #043687; }
.zg_TypeNav{ padding: 15px 0 30px 0; }
.zg_TypeNavItem{ padding: 15px 0 0 110px;position: relative; }
.zg_TypeNavTip{ position: absolute;width: 110px;height: 42px;line-height: 42px;font-size: 16px;color: #999999;left: 0;top: 15px;text-align: center; }
.zg_TypeNavEl{ display: inline-block;height: 42px;line-height: 42px;font-size: 16px;color: #666666;padding: 0 10px;border-radius: 4px;cursor: pointer;margin-right: 30px; }
.zg_TypeNavEl:hover{ color: #043687; }
.zg_TypeNavEl.current{ background-color: #043687;color: #FFFFFF; }
.zg_Tree{ padding: 20px 0 20px 30px;font-size: 18px; }
.zg_Tree_Title{ line-height: 50px; }
.zg_Tree_Item{ line-height: 50px;font-size: 16px;color: #666666;position: relative;padding-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.zg_Tree_Item .zg_Tree_ItemName{ position: relative;cursor: pointer; }
.zg_Tree_Item .zg_Tree_ItemName::after{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	content: "";display: inline-block;width: 8px;height: 8px;border-top: 1px solid #999999;border-right: 1px solid #999999;position: absolute;/*right: 0;*/top: 21px;
}
.zg_Tree_ItemName.open::after{ transform: rotate(-45deg);top: 23px; }
.zg_Tree_ItemName.close::after{ transform: rotate(135deg);top: 19px; }
.zg_Tree_ItemName.nochild::after{ display: none; }
.zg_Tree_ItemName.open+.zg_Tree_ItemChild{ display: block; }
.zg_Tree_ItemName.close+.zg_Tree_ItemChild{ display: none; }
.zg_Tree_Level1>.zg_Tree_ItemName{ font-size: 18px;color: #333333; }
.zg_Tree_Level2{ padding-left: 5px; }
.zg_Tree_Level3{ padding-left: 10px; }
.zg_Tree_Level4{ padding-left: 15px; }
.zg_Tree_Level5{ padding-left: 20px; }
.zg_Tree_Level6{ padding-left: 25px; }
.scrollbar::-webkit-scrollbar, .mainList::-webkit-scrollbar { width: 8px; height: 8px; }
.scrollbar::-webkit-scrollbar-track, .mainList::-webkit-scrollbar-track { background: transparent; border-radius: 20px; }
.scrollbar::-webkit-scrollbar-thumb, .mainList::-webkit-scrollbar-thumb { background: #A4C1E3; border-radius: 20px; }
.scrollbar::-webkit-scrollbar-thumb:hover, .mainList::-webkit-scrollbar-thumb:hover { background: #043687; }
.scrollbar::-webkit-scrollbar-corner, .mainList::-webkit-scrollbar-corner { background: transparent; }
.zg_mesk{ position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);left: 0;top: 0;z-index: 99;display: none; }
.zg_conform{ width: 675px;background-color: #FFFFFF;display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%); }
.zg_conform_title{ padding: 0 30px;line-height: 65px;background-color: #f2f7fa;font-size: 18px; }
.zg_conform_title img{ margin-top: 24px;cursor: pointer; }
.zg_conform_content{ padding: 40px;font-size: 16px; }
.zg_conform_btn{ padding: 20px 0 50px;text-align: center; }
.zg_conform_btn span{ display: inline-block;width: 100px;height: 37px;line-height: 35px;border-radius: 37px;border: 1px solid #043687;font-size: 14px;cursor: pointer;margin: 0 5px; }
.zg_conform_btn span.zg_conform_no{ color: #043687; }
.zg_conform_btn span.zg_conform_yes{ color: #FFFFFF;background-color: #043687; }
/* 通用样式 */

/* 首页样式 */
.zg_indexBanner{ height: 400px;width: 100%;background-color: #176aff;background-image: url(../../img/celearnsystem/index/indexBanner.png); }
.zg_indexBanner .zg_container{ color: #ffffff;font-size: 64px;letter-spacing: 5px;height: 380px;display: flex;align-items: center; }
.zg_indexRemind{ line-height: 60px;text-align: center; }
.zg_indexRemind img{ vertical-align: middle;position: relative;top: -2px;margin-right: 10px; }
.zg_indexTitle{ height: 120px;line-height: 120px;width: 100%; }
.zg_indexTitle.Gradient{ 
	background: -webkit-linear-gradient(top, #f2f7fa, #ffffff);
	/*  Safari 5.1 到 6.0 */
	background: -o-linear-gradient(bottom, #f2f7fa, #ffffff);
	/*  Opera 11.6 到 12.0 */
	background: -moz-linear-gradient(bottom, #f2f7fa, #ffffff);
	/*  Fx 3.6 到 15 */
	background: linear-gradient(to bottom,#f2f7fa, #ffffff);
}
.Solidcolor {
    background-color: #f2f7fa;
}
.zg_TitleText{ font-size: 30px;padding-left: 18px;position: relative; }
.zg_TitleText:before{ content: "";display: inline-block;position: absolute;width: 4px;height: 20px;background-color: #043687;border-radius: 4px;left: 0;top: 50%;margin-top: -8px; }
.zg_TitleMore{ font-size: 16px;color: #999999; }
.zg_TitleMore::after{ content: "";display: inline-block;width: 8px;height: 8px;border-top: 1px solid #999999;border-right: 1px solid #999999;transform: rotate(45deg);vertical-align: middle;position: relative;top: -1px;margin-left: 3px; }
.zg_indexFnBox{ display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 25px; }
.zg_DYitem{ width: 387px;height: 160px;line-height: 160px;margin-bottom: 20px;border-radius: 12px;padding-left: 200px;position: relative;top: 0;font-weight: bold;font-size: 26px; }
.zg_DYitem:nth-child(1){ background-color: #fff3f0; }
.zg_DYitem:nth-child(2){ background-color: #fdf6ed; }
.zg_DYitem:nth-child(3){ background-color: #e9f1fe; }
.zg_DYitem:nth-child(4){ background-color: #f0fada; }
.zg_DYitem:nth-child(5){ background-color: #d9fad9; }
.zg_DYitem:nth-child(6){ background-color: #ffffe9; }
.zg_DYitem span{ position: absolute;left: 0;top: 0;width: 200px;height: 160px;display: flex;align-items: center;justify-content: center; }
.zg_DYitem:hover{ top: -10px;box-shadow: 0 0 20px #cccccc; }


.zg_KCLeft{ width: 890px;padding-bottom: 35px;display: flex;justify-content: space-between; }
.zg_KCLeftItem{ width: 185px;height: 197px;background-color: #ffefe0;padding: 25px 0 0 25px;position: relative;z-index: 1;cursor: pointer; }
.zg_KCLeft_Title{ font-size: 26px; }
.zg_KCLeft_Sub{ font-size: 13px; }
.zg_KCLeft_Hide{ height: 28px;text-align: center;border-radius: 28px;color: #ffffff;padding: 0 10px;font-size: 16px;line-height: 28px;display: inline-block;margin-top: 45px; }
.zg_KCLeft_Show{ width: 290px;display: none;margin-top: 25px;  }
.zg_KCLeft_Show a{ display: inline-block;width: 70px;height: 28px;line-height: 28px;text-align: center;margin: 0 20px 13px 0;font-size: 16px;text-align: center;border-radius: 28px; }
.zg_KCLeft_Pic{ position: absolute;z-index: -1;height: 100px; }
.zg_KCLeft1{ color: #ff7a0e;background-color: #ffefe0; }
.zg_KCLeft1 .zg_KCLeft_Hide{ background-color: #ff9d47; }
.zg_KCLeft1 .zg_KCLeft_Show a{ background-color: #fddfc2;color: #ff7a0e; }
.zg_KCLeft1 .zg_KCLeft_Show a:hover{ background-color: #ff9d47;color: #ffffff; }
.zg_KCLeft1 .zg_KCLeft_Pic{ bottom: 0;right: 10px; }
.zg_KCLeft2{ color: #7781f5;background-color: #dfe8fd; }
.zg_KCLeft2 .zg_KCLeft_Hide{ background-color: #7781f5; }
.zg_KCLeft2 .zg_KCLeft_Show a{ background-color: #bed2ff;color: #7781f5; }
.zg_KCLeft2 .zg_KCLeft_Show a:hover{ background-color: #7781f5;color: #ffffff; }
.zg_KCLeft2 .zg_KCLeft_Pic{ bottom: 0;right: 0; }
.zg_KCLeft3{ color: #9ad852;background-color: #ebffdf; }
.zg_KCLeft3 .zg_KCLeft_Hide{ background-color: #9ad852; }
.zg_KCLeft3 .zg_KCLeft_Show a{ background-color: #d0fbb6;color: #9ad852; }
.zg_KCLeft3 .zg_KCLeft_Show a:hover{ background-color: #9ad852;color: #ffffff; }
.zg_KCLeft3 .zg_KCLeft_Pic{ bottom: 0;right: 0; }

.zg_KCLeftItem.current{ width: 497px }
.zg_KCLeftItem.current .zg_KCLeft_Hide{ display: none; }
.zg_KCLeftItem.current .zg_KCLeft_Show{ display: inline-block; }
.zg_KCLeftItem.current .zg_KCLeft_Pic{ height: 160px; }

.zg_KCRight{ width: 294px;padding-bottom: 35px; }
.zg_KCRight .zg_KCitem{ position: relative;width: 100%;height: 59px;line-height: 59px;padding-left: 27px;font-size: 24px;color: #ffffff;display: block;margin-bottom: 10px;right: 0; }
.zg_KCRight .zg_KCitem:nth-child(1){
	background: -webkit-linear-gradient(left, #94cc50, #ffffff);
	/*  Safari 5.1 到 6.0 */
	background: -o-linear-gradient(right, #94cc50, #ffffff);
	/*  Opera 11.6 到 12.0 */
	background: -moz-linear-gradient(right, #94cc50, #ffffff);
	/*  Fx 3.6 到 15 */
	background: linear-gradient(to right,#94cc50, #ffffff);
}
.zg_KCRight .zg_KCitem:nth-child(2){
	background: -webkit-linear-gradient(left, #7795f7, #ffffff);
	/*  Safari 5.1 到 6.0 */
	background: -o-linear-gradient(right, #7795f7, #ffffff);
	/*  Opera 11.6 到 12.0 */
	background: -moz-linear-gradient(right, #7795f7, #ffffff);
	/*  Fx 3.6 到 15 */
	background: linear-gradient(to right,#7795f7, #ffffff);
}
.zg_KCRight .zg_KCitem:nth-child(3){
	background: -webkit-linear-gradient(left, #fb8b4f, #ffffff);
	/*  Safari 5.1 到 6.0 */
	background: -o-linear-gradient(right, #fb8b4f, #ffffff);
	/*  Opera 11.6 到 12.0 */
	background: -moz-linear-gradient(right, #fb8b4f, #ffffff);
	/*  Fx 3.6 到 15 */
	background: linear-gradient(to right,#fb8b4f, #ffffff);
}
.zg_KCRight .zg_KCitem img{ position: absolute;width: 46px;height: 46px;top: 50%;margin-top: -23px;right: 10px; }
.zg_KCRight .zg_KCitem:hover{ right: -10px; }

.zg_MSitem{ position: relative;width: 387px;height: 205px;margin-bottom: 20px;background-color: #ffffff;border-radius: 12px;padding: 20px 15px 0;top: 0; }
.zg_MSitem:hover{ top: -10px;box-shadow: 0 0 20px #cccccc; }
.zg_MSitemHeader{ width: 100px;height: 100px;border-radius: 100px;margin-left: 15px;margin-right: 30px; }
.zg_MSitemName{ font-size: 26px;margin-top: 15px; }
.zg_MSitemSubName{ margin-top: 5px; }
.zg_MSitemSubject{ text-align: center;line-height: 36px;background-color: #669bf8;color: #ffffff;font-size: 18px;
	transform: rotate(45deg);
	position: absolute;
	right: -150px;
	top: 30px;
	width: 100%;
	height: 36px;
 }
.zg_MSitemSubject span{ margin: 0 3px; }
.zg_MSitemMore{
	line-height: 60px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	border-top: 1px solid #e4e6e7;
	font-size: 18px;
	color: #666666;
	margin-top: 20px;
}
.zg_MSitemMore img{ vertical-align: middle;position: relative;top: -2px; }

.zg_TYitem{ width: 387px;height: 188px;line-height: 188px;color: #ffffff;position: relative;border-radius: 12px;padding-left: 240px;margin-bottom: 20px;font-size: 26px;font-weight: bold; }
.zg_TYitem:nth-child(1){ background-color: #00cdeb; }
.zg_TYitem:nth-child(2){ background-color: #6ee6d1; }
.zg_TYitem:nth-child(3){ background-color: #ef9564; }
.zg_TYitem span{ position: absolute;width: 240px;height: 188px;justify-content: center;align-items: center;display: flex;left: 0;top: 0; }
.zg_TYitem:hover{ box-shadow: 0 0 20px #cccccc; }
.zg_TYitem img{ transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1); }
.zg_TYitem:hover img{ transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); }

.zg_MYitem{ width: 590px;height: 188px;line-height: 188px;color: #ffffff;position: relative;border-radius: 12px;padding-left: 355px;margin-bottom: 20px;font-size: 26px;font-weight: bold; }
.zg_MYitem:nth-child(1){ background-color: #ff7a9a; }
.zg_MYitem:nth-child(2){ background-color: #8f92ff; }
.zg_MYitem span{ position: absolute;width: 355px;height: 188px;justify-content: center;align-items: center;display: flex;left: 0;top: 0; }
.zg_MYitem:hover{ box-shadow: 0 0 20px #cccccc; }
.zg_MYitem img{ transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1); }
.zg_MYitem:hover img{ transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); }

.zg_LDitem{ width: 1200px;height: 188px;line-height: 188px;color: #ffffff;position: relative;border-radius: 12px;padding-left: 655px;margin-bottom: 20px;font-size: 26px;font-weight: bold; }
.zg_LDitem:nth-child(1){ background-color: #8fd65b; }
.zg_LDitem span{ position: absolute;width: 355px;height: 188px;justify-content: center;align-items: center;display: flex;left: 350px;top: 0; }
.zg_LDitem:hover{ box-shadow: 0 0 20px #cccccc; }
.zg_LDitem img{ transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1); }
.zg_LDitem:hover img{ transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); }

.zg_KHitem{ font-weight: bold; }
.zg_KHitem:nth-child(1){ background-color: #fed34d; }
.zg_KHitem:nth-child(2){ background-color: #75e591; }
.zg_KHitem:nth-child(3){ background-color: #51dbff; }
.zg_KHitem:nth-child(4){ background-color: #66b4fe; }
.zg_KHitem:nth-child(5){ background-color: #b9acfc; }
.zg_KHitem:nth-child(6){ background-color: #fc938f; }

.zg_YXitem{ background-color: #c2ebff !important;color: #06affc;font-weight: bold; }

.zg_JTitem{ padding-left: 190px;color: #333333;font-weight: bold; }
.zg_JTitem span{ width: 190px; }
.zg_JTitem:nth-child(1){ background-color: #d1e1f9; }
.zg_JTitem:nth-child(2){ background-color: #f7d9d9; }
.zg_JTitem:nth-child(3){ background-color: #e8e6fc; }

.zg_TSitem{ padding-left: 135px;color: #333333;font-weight: bold; }
.zg_TSitem span{ width: 135px; }
.zg_TSitem:nth-child(1){ background-color: transparent;background-image: url(../../img/celearnsystem/index/indexTSBG1.png);background-size: 100% 100%; }
.zg_TSitem:nth-child(2){ background-color: transparent;background-image: url(../../img/celearnsystem/index/indexTSBG2.png);background-size: 100% 100%; }
.zg_TSitem:nth-child(3){ background-color: transparent;background-image: url(../../img/celearnsystem/index/indexTSBG3.png);background-size: 100% 100%; }
.zg_TSitem:nth-child(4){ background-color: transparent;background-image: url(../../img/celearnsystem/index/indexTSBG4.png);background-size: 100% 100%; }
.zg_TSitem:nth-child(5){ background-color: transparent;background-image: url(../../img/celearnsystem/index/indexTSBG5.png);background-size: 100% 100%; }
.zg_TSitem:nth-child(6){ background-color: transparent;background-image: url(../../img/celearnsystem/index/indexTSBG6.png);background-size: 100% 100%; }
/* 首页样式 */

/* 德育页面样式 */
.zg_dy_nav{ display: flex;padding: 0 25px;justify-content: space-around; }
.zg_dy_navItem{ height: 116px;line-height: 116px; }
.zg_dy_navItem img{ width: 72px;height: 72px;vertical-align: middle;position: relative;top: -4px;margin-right: 10px; }
.zg_dy_navItem.current,.zg_dy_navItem:hover{ color: #043687;font-weight: bold;border-bottom: 2px solid #043687; }
.dy_TitleText{ font-size: 26px;color: #666666;font-weight: bold; }
.dy_TitleText img{ width: 110px;vertical-align: middle;position: relative;top: -6px;margin-right: 15px; }
.zg_dy_makeup{ width: 100%;height: 410px;padding: 40px 27px 0 27px; }
.zg_dy_makeupItem{ position: relative;overflow: hidden;top: 0;border-radius: 12px; }
.zg_dy_makeupItem:hover{ top: -5px;box-shadow: 0 0 20px #246af1; }
.zg_dy_makeupLen1{ width: 100%;height: 330px;background-size: cover;background-position: center center;display: inline-block;border-radius: 12px; }
.zg_dy_makeupLen1 .zg_dy_makeupItemPic{ height: 330px;width: 100%;;border-radius: 12px;background-size: cover;background-position: center center;float: left; }
.zg_dy_makeupLen2:nth-child(1){ float: left;width: 562px;height: 330px; }
.zg_dy_makeupLen2:nth-child(1) .zg_dy_makeupItemPic{ height: 330px;width: 562px;border-radius: 12px;background-size: cover;background-position: center center;float: left; }
.zg_dy_makeupLen2:nth-child(2){ float: right;width: 562px;height: 330px; }
.zg_dy_makeupLen2:nth-child(2) .zg_dy_makeupItemPic{ height: 330px;width: 562px;border-radius: 12px;background-size: cover;background-position: center center;float: left; }
.zg_dy_makeupLen3:nth-child(1){ float: left;width: 562px;height: 330px; }
.zg_dy_makeupLen3:nth-child(1) .zg_dy_makeupItemPic{ height: 330px;width: 562px;border-radius: 12px;background-size: cover;background-position: center center;float: left; }
.zg_dy_makeupLen3:nth-child(2){ float: right;width: 562px;height: 155px;overflow: hidden;margin-bottom: 20px; }
.zg_dy_makeupLen3:nth-child(3){ float: right;width: 562px;height: 155px;overflow: hidden; }
.zg_dy_makeupLen3:nth-child(2) .zg_dy_makeupItemPic{ height: 155px;width: 225px;border-radius: 12px;background-size: cover;background-position: center center;float: left;margin-right: 15px; }
.zg_dy_makeupLen3:nth-child(3) .zg_dy_makeupItemPic{ height: 155px;width: 225px;border-radius: 12px;background-size: cover;background-position: center center;float: left;margin-right: 15px; }
.zg_dy_makeupLen3 .zg_dy_makeupItemTitle{ font-size: 26px;color: #666666;margin-top: 30px; }
.zg_dy_makeupLen3 .zg_dy_makeupItemSub{ font-size: 20px;color: #666666;margin-top: 15px; }
.zg_dy_makeupLen4:nth-child(1){ float: left;width: 562px;height: 330px; }
.zg_dy_makeupLen4:nth-child(1) .zg_dy_makeupItemPic{ height: 330px;width: 562px;border-radius: 12px;background-size: cover;background-position: center center;float: left; }
.zg_dy_makeupLen4:nth-child(2){ float: right;width: 562px;height: 98px;overflow: hidden;margin-bottom: 18px; }
.zg_dy_makeupLen4:nth-child(3){ float: right;width: 562px;height: 98px;overflow: hidden;margin-bottom: 18px; }
.zg_dy_makeupLen4:nth-child(4){ float: right;width: 562px;height: 98px;overflow: hidden; }
.zg_dy_makeupLen4:nth-child(2) .zg_dy_makeupItemPic{ height: 98px;width: 168px;border-radius: 12px;background-size: cover;background-position: center center;float: left;margin-right: 15px; }
.zg_dy_makeupLen4:nth-child(3) .zg_dy_makeupItemPic{ height: 98px;width: 168px;border-radius: 12px;background-size: cover;background-position: center center;float: left;margin-right: 15px; }
.zg_dy_makeupLen4:nth-child(4) .zg_dy_makeupItemPic{ height: 98px;width: 168px;border-radius: 12px;background-size: cover;background-position: center center;float: left;margin-right: 15px; }
.zg_dy_makeupLen4 .zg_dy_makeupItemTitle{ font-size: 20px;color: #666666;margin-top: 17px; }
.zg_dy_makeupLen4 .zg_dy_makeupItemSub{ font-size: 16px;color: #666666;margin-top: 10px; }

.zg_dy_makeupLen1 .zg_dy_makeupItemTitle, .zg_dy_makeupLen2:nth-child(1) .zg_dy_makeupItemTitle, .zg_dy_makeupLen2:nth-child(2) .zg_dy_makeupItemTitle, .zg_dy_makeupLen3:nth-child(1) .zg_dy_makeupItemTitle, .zg_dy_makeupLen4:nth-child(1) .zg_dy_makeupItemTitle{ position: absolute;width: 100%;height: 40px;line-height: 40px;font-size: 24px;color: #ffffff;background-color: rgba(0,0,0,0.7);left: 0;bottom: 0;padding: 0 20px;text-align: center; }
.zg_dy_makeupLen1 .zg_dy_makeupItemSub, .zg_dy_makeupLen2:nth-child(1) .zg_dy_makeupItemSub, .zg_dy_makeupLen2:nth-child(2) .zg_dy_makeupItemSub, .zg_dy_makeupLen3:nth-child(1) .zg_dy_makeupItemSub, .zg_dy_makeupLen4:nth-child(1) .zg_dy_makeupItemSub{ display: none; }

.zg_dy_listArea{ padding: 0 0 30px 20px;display: flex;flex-wrap: wrap; }
.zg_dy_listItem{ width: 275px;height:300px; margin-right: 19px;margin-bottom: 20px;background-color: #ffffff;border-radius: 8px;padding: 12px;position: relative;top: 0; }
.zg_dy_listItem:hover{ top: -10px;box-shadow: 0 0 20px #cccccc; }
.zg_dy_listPic{ width: 100%;height: 146px;border-radius: 8px; }
.zg_dy_listTitle{ font-size: 18px;color: #666666;font-weight: bold;margin-top: 15px; }
.zg_dy_listInfo{ font-size: 12px;color: #999999;margin-top: 10px; }
.zg_dy_listInfo .blue{ color: #169bd5; }
.zg_dy_listInfo img{ vertical-align: middle;position: relative;top: -2px;margin-right: 3px; }
.zg_dy_listIcons{ font-size: 12px;color: #999999;margin-top: 10px;border-top: 1px solid #e4e4e4;line-height: 40px; }
.zg_dy_listIcons img{ vertical-align: middle;position: relative;top: -2px;margin-right: 3px;width: 12px; }

.zg_dy_listPager{ display: flex;justify-content: center;padding-bottom: 40px; }
.zg_dy_listPager .zg_dy_pagerTip{ line-height: 30px;color: #666666;font-size: 12px;margin: 0 10px; }
.zg_dy_pagerPrev{ border: 1px solid #666666;width: 30px;height: 30px;position: relative;margin: 0 10px; }
.zg_dy_pagerPrev:before{ content: "";width: 8px;height: 8px;position: absolute;left: 55%;top: 50%;margin-left: -4px;margin-top: -4px;border-left: 1px solid #666666;border-bottom: 1px solid #666666;transform: rotate(45deg); }
.zg_dy_pagerNext{ border: 1px solid #666666;width: 30px;height: 30px;position: relative;margin: 0 10px; }
.zg_dy_pagerNext:before{ content: "";width: 8px;height: 8px;position: absolute;left: 45%;top: 50%;margin-left: -4px;margin-top: -4px;border-right: 1px solid #666666;border-top: 1px solid #666666;transform: rotate(45deg); }
.zg_dy_pagerPrev:hover,.zg_dy_pagerNext:hover{ background-color: #043687;border: 1px solid #043687; }
.zg_dy_pagerPrev:hover:before{ border-left: 1px solid #ffffff;border-bottom: 1px solid #ffffff; }
.zg_dy_pagerNext:hover:before{ border-right: 1px solid #ffffff;border-top: 1px solid #ffffff; }
.zg_dy_pagerItem{ border: 1px solid #666666;width: 30px;height: 30px;margin: 0 2px;font-size: 12px;line-height: 28px;text-align: center; }
.zg_dy_pagerItem:hover{ background-color: #666666;color: #ffffff;border: 1px solid #666666; }
.zg_dy_pagerItem.current{ background-color: #666666;color: #ffffff;border: 1px solid #666666; }

.zg_dy_pagerDis{ border: 1px solid #cccccc; }
.zg_dy_pagerDis:hover{ border: 1px solid #cccccc;background-color: transparent; }
.zg_dy_pagerPrev.zg_dy_pagerDis:before{ border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc; }
.zg_dy_pagerPrev.zg_dy_pagerDis:hover:before{ border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc; }
.zg_dy_pagerNext.zg_dy_pagerDis:before{ border-right: 1px solid #cccccc;border-top: 1px solid #cccccc; }
.zg_dy_pagerNext.zg_dy_pagerDis:hover:before{ border-right: 1px solid #cccccc;border-top: 1px solid #cccccc; }

.zg_detailInfoArea{ padding: 30px 50px 20px;border-bottom: 1px solid #e0e0e0; }
.zg_detailTitle{ font-size: 28px;font-weight: bold; }
.zg_detailInfo{ font-size: 16px;color: #666666;margin-top: 10px;line-height: 30px; }
.zg_detailInfo .fr span{ margin-left: 10px; }
.zg_detailInfo .fr img{ vertical-align: middle;position: relative;top: -2px;margin-right: 3px; }
.zg_detailContent{ padding: 30px 50px;margin-bottom: 30px; }
.zg_detailContent img{ max-width: 100%; }
.zg_detailScore{ margin-left: 30px;cursor: pointer;position: relative; }
.zg_detailStar{ position: relative;width: 106px;height: 17px;background-image: url(../../img/celearnsystem/icon/starScoreBg.png);background-repeat: no-repeat;display: inline-block;top: 2px; }
.zg_detailStar i{ position: absolute;height: 17px;background-image: url(../../img/celearnsystem/icon/starScore.png);background-repeat: no-repeat;display: inline-block;left: 0;top: 0; }
.zg_detailDrop{ position: absolute;/*width: 270px;*/padding: 10px 15px;box-shadow: 0 0 10px #cccccc;border-radius: 8px;z-index: 9;background-color: #FFFFFF;left: 0;top: 100%;display: none; }
.zg_detailDropItem{ line-height: 30px;height: 30px;font-size: 16px; }
.zg_detailDropName{ width: 30px;margin-right: 5px; }
.zg_detailDropPro{ width: 160px;height: 10px;margin-top: 10px;background-color: #ebe9e9;border-radius: 10px;overflow: hidden;position: relative; }
.zg_detailDropPro i{ position: absolute;height: 10px;left: 0;top: 0;background-color: #043687;border-radius: 10px; }
.zg_detailDropScore{ margin-left: 10px; }
.zg_detailScore:hover .zg_detailDrop{ display: inline-block; }
.zg_ScoreStar{ margin-top: 10px; }
.zg_ScoreBtn{ width: 100px;height: 37px;line-height: 35px;border: 1px solid #043687;background-color: #043687;color: #FFFFFF;font-size: 14px;border-radius: 37px;text-align: center; }
/* 德育页面样式 */
/* 课程学习样式 */
.zg_KCVideo{ width: 825px;height: 480px;display: flex;justify-content: center;align-items: center;background-color: #000000;border-radius: 12px; }
.zg_KCVideo video{ max-width: 100%;max-height: 100%; }
.zg_KCVideoContent{ padding-top: 15px;line-height: 30px;font-size: 18px;color: #666666; }
.zg_KCInfo{ width: 270px;height: 480px;background-color: #FFFFFF;border-radius: 12px;overflow: hidden; }
.zg_KCInfoTop{ position: relative;padding: 20px 15px;background-color: #d9e8ff;height: 127px; }
.zg_KITopname{ font-weight: bold;margin-bottom: 15px; }
.zg_KITopsub{ font-size: 16px;color: #666666;margin-top: 5px; }
.zg_KITopbtn{ position: absolute;right: 13px;top: 50%;margin-top: -17px;line-height: 34px;background-color: #043687;color: #FFFFFF;padding: 0 12px;border-radius: 34px;font-size: 16px;cursor: pointer; }
.zg_KITopbtn img{ vertical-align: middle;position: relative;top: -1px;margin-right: 5px; }
.zg_KCInfoMain{ height: 353px;overflow-x: hidden;overflow-y: auto; }
.zg_KCInfoBook{ line-height: 48px;font-weight: bold;padding: 0 15px;margin-top: 10px; }
.zg_KCInfoBook img{ vertical-align: middle;position: relative;top: -2px;margin-right: 5px; }
.zg_KCInfoItem{ font-size: 16px;color: #666666;line-height: 35px;padding: 0 15px;/*cursor: pointer;*/ }
.zg_KCInfoItem.current{ background-color: #d9e8ff;color: #666666; }
.zg_KCInfoItem .fl img{ vertical-align: middle;position: relative;top: -1px;margin-right: 5px; }
.zg_KCInfoItem .fr img{ vertical-align: middle;position: relative;top: -1px; }
.zg_KCInfoTree{ display: none; }
/* 课程学习样式 */

/* 个人中心样式 */
.zg_mineLefttab{ width: 277px;text-align: center;padding: 15px 0; }
.zg_mineLefttab a{ display: block;width: 100%;line-height: 62px;font-size: 16px; }
.zg_mineLefttab a img{ vertical-align: middle;position: relative;top: -3px;margin-right: 15px; }
.zg_mineLefttab a img.showimg{ display: inline-block; }
.zg_mineLefttab a img.hideimg{ display: none; }
.zg_mineLefttab a:hover{ color: #043687;font-weight: bold; }
.zg_mineLefttab a.current{ background-color: #043687;color: #FFFFFF; cursor:pointer;}
.zg_mineLefttab a.current img.showimg{ display: none; }
.zg_mineLefttab a.current img.hideimg{ display: inline-block; }
.zg_mineRightlist{ width: 903px;padding: 0 20px; }
.zg_mineRighttab{ display: flex;justify-content: space-around;font-size: 16px;line-height: 90px;border-bottom: 1px solid #cccccc; }
.zg_mineRighttab a{ color: #666666; }
.zg_mineRighttab a:hover, .zg_mineRighttab a.current{ color: #043687;font-weight: bold; }
.zg_mineColltab{ position: relative;font-size: 16px;width: 100%;height: 90px;line-height: 90px;border-bottom: 1px solid #cccccc;padding-right: 130px; }
.zg_mineColltabSwiper{ width: 100%;height: 90px;overflow-y: hidden;overflow-x: auto; }
.zg_mineColltabAdd{ position: absolute;right: 0px;top: 50%;margin-top: -18px;width: 100px;height: 37px;line-height: 35px;text-align: center;cursor: pointer;color: #ffffff;border: 1px solid #043687;font-size: 14px;border-radius: 37px;background-color: #043687; }
.zg_mineColltab a{ color: #666666;padding: 0 15px;display: inline-block;position: relative; }
.zg_mineColltab a img{ vertical-align: middle;position: relative;top: -2px;margin-right: 5px; }
.zg_mineColltab a:hover, .zg_mineColltab a.current{ color: #043687;font-weight: bold; }
.zg_mineColltab a span{ display: inline-block;width: 10px;height: 10px;border-top: 1px solid #999999;border-right: 1px solid #999999;transform: rotate(135deg);position: relative;top: -3px;margin-left: 7px; }
.zg_mineColltab a span:hover{
	transform: rotate(-45deg);
	top: 2px;
}
.zg_mineList{ padding-bottom: 20px; }
.zg_mineItem{ padding: 30px 100px 30px 0;border-bottom: 1px solid #e0e0e0;position: relative; }
.zg_mineList a:last-child .zg_mineItem{ border-bottom: none; }
.zg_mineItemPic{ width: 168px;height: 98px;border-radius: 4px;margin-right: 24px; }
.zg_mineItemTitle{ color: #666666;font-weight: bold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zg_mineItemSub{ color: #666666;font-size: 16px; }
.zg_mineItemSub.mt-10{ margin-top: 10px; }
.zg_mineItemSub.mt-20{ margin-top: 20px; }
.zg_mineItemSubColor{ color: #169bd5; }
.zg_mineItemSub img{ position: relative;vertical-align: middle;top: -2px;margin-right: 3px; }
.ml-30{ margin-left: 30px; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.zg_mineItemBtn{ position: absolute;right: 40px;top: 50%;margin-top: -18px;width: 100px;height: 37px;line-height: 35px;text-align: center;cursor: pointer;color: #043687;border: 1px solid #043687;font-size: 14px;border-radius: 37px;display: none; }
.zg_mineItem:hover .zg_mineItemBtn{ display: inline-block; }
.zg_mine_collCreate{ line-height: 60px;border: 1px solid #666666;border-radius: 4px;position: relative;width: 520px;margin: 20px auto; }
.zg_mine_collCreate input{ font-size: 16px;padding: 0 80px 0 25px;width: 100%;line-height: 60px;height: 60px; }
.zg_mine_collCreateTip{ position: absolute;width: 80px;right: 0px;top: 0px;text-align: center;color: #999999; }
.zg_mine_collCreateTip span{ color: #666666; } 
.zg_mine_collCreateTip span.error{ color: #d71345; } 
.zg_colllistItem{ line-height: 37px;color: #999999; }
.zg_colllistItem span{ cursor: pointer;position: relative; }
.zg_colllistItem span:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../../img/celearnsystem/icon/iconUncheck.png);
	background-size: 100% 100%;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 5px;
}
.zg_colllistItem.checked span:before{
	background-image: url(../../img/celearnsystem/icon/iconChecked.png);
}
.zg_collDrop{ width: 150px;font-size: 16px;padding: 10px 0;border-radius: 8px;overflow: hidden;background-color: #FFFFFF;box-shadow: 0 0 20px #cccccc;position: fixed;display: none;z-index: 9; }
.zg_collDropItem{ padding: 0 20px;line-height: 35px;cursor: pointer;color: #666666; }
.zg_collDropItem:hover{ background-color: #dae3ee; }
/* 个人中心样式 */

/* 名师工作室 */
.zg_MSscreen{ margin-bottom: 20px;line-height: 33px;font-size: 16px; }
.zg_MSscreen a{ color: #666666;margin: 0 25px; }
.zg_MSscreen a.current,.zg_MSscreen a:hover{ color: #043687;font-weight: bold; }
.zg_MSscreen div.fr{ position: relative;width: 300px;height: 33px;background-color: #eeeeee;border-radius: 4px; }
.zg_MSscreen .fr input{ position: absolute;width: 260px;height: 33px;left: 0;top: 0;padding: 0 15px;font-size: 14px; }
.zg_MSscreen .fr img{ position: absolute;right: 10px;top: 5px;cursor: pointer; }
.zg_MSscreen a img{ vertical-align: middle;position: relative;top: -1px; }
.zg_MSscreen a img.showimg{ display: inline-block; }
.zg_MSscreen a img.hideimg{ display: none; }
.zg_MSscreen a:hover{ color: #043687;font-weight: bold; }
.zg_MSscreen a.current{ color: #043687;font-weight: bold; }
.zg_MSscreen a.current img.showimg{ display: none; }
.zg_MSscreen a.current img.hideimg{ display: inline-block; }
.zg_MSPagelist{ padding: 10px 10px 30px 10px; }
.zg_MSPageBox{ width: 20%;padding: 0 10px;margin-bottom: 20px; }
.zg_MSPageitem{ padding: 34px 15px 0 15px;width: 100%;height: 255px;border: 1px solid #cccccc;text-align: center;position: relative;top: 0;display: block; }
.zg_MSPageHeader{ width: 100px;height: 100px;border-radius: 100px;margin: 0 auto; }
.zg_MSPageTitle{ font-size: 16px;color: #666666;margin-top: 15px; }
.zg_MSPageSub{ font-size: 12px;color: #65728c;margin-top: 5px; }
.zg_MSPageInfo{ font-size: 14px;color: #65728c;margin-top: 15px; }
.zg_MSPageInfo span{ margin: 0 3px; }
.zg_MSPageInfo img{ vertical-align: middle;position: relative;top: -2px;margin-right: 3px; }
.zg_MSPageitem:hover{ top: -10px;box-shadow: 0 0 20px #cccccc; }
/* 名师工作室 */

/***通用***/
.zg_SortBar{ line-height: 70px;font-size: 16px; }
.zg_SortBarTip{ color: #999999;width: 110px;text-align: center; }
.zg_SortBarItem{ color: #666666;position: relative;margin-right: 30px;padding-right: 16px;cursor: pointer; }
.zg_SortBarItem::before{ content: "";display: inline-block;width: 0;height: 0;position: absolute;right: 4px;top: 50%;margin-top: -9px;border: 4px solid transparent;border-bottom: 4px solid #999999; }
.zg_SortBarItem::after{ content: "";display: inline-block;width: 0;height: 0;position: absolute;right: 4px;bottom: 50%;margin-bottom: -9px;border: 4px solid transparent;border-top: 4px solid #999999; }
.zg_SortBarItem.current{ color: #043687; }
.zg_SortBarItem.current.up::before{ border-bottom: 4px solid #043687; }
.zg_SortBarItem.current.down::after{ border-top: 4px solid #043687; }
.zg_SortBarItem:hover{ color: #043687; }
.zg_uploadFileBtn{ display: block;width: 100%;height: 60px;line-height: 60px;background-color: #043687;color: #ffffff;text-align: center;font-size: 16px;border-radius: 8px; }
.zg_uploadFileBtn img{ vertical-align: middle;position: relative;top: -2px;margin-right: 15px; }

.zg_SubjectInfo{ padding: 20px 0;border-bottom: 1px solid #dedede; }
.zg_SubjectInfoName{ font-size: 20px;font-weight: bold;padding-left: 10px; }
.zg_SubjectInfoItem{ font-size: 14px;color: #666666;padding-left: 10px; }
.zg_SubjectInfoItem span{ margin-right: 30px; }
.zg_SubjectInfoItem span.schoolname{ margin-right: 3px;color: #169bd5; }
.zg_KCtree{ padding: 20px 0; }
.zg_KCtreeName{ font-size: 20px;font-weight: bold;padding-left: 10px; }
.zg_KCtreeFirstName{ position: relative;padding: 0 20px 0 10px;font-size: 15px;background-color: #ffffff;line-height: 35px;color: #666666;margin-top: 20px;cursor: pointer; }
.zg_KCtreeSecondName{ position: relative;padding: 0 20px 0 20px;font-size: 14px;line-height: 30px;color: #666666;margin-top: 20px; }
.zg_KCtreeSecondName a{ color: #666666; }
.zg_KCtreeSecondName a:hover{ color: #169bd5; }
.zg_KCtreeSecondName::before{ content: "·";position: absolute;left: 0;top: 0;width: 20px;text-align: center; }
.zg_KCtreeSecond{ display: none; }
.zg_KCtreeFirstName.open ~ .zg_KCtreeSecond{ display: block; }
.zg_KCtreeFirstName::after{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	content: "";display: inline-block;width: 8px;height: 8px;border-top: 1px solid #999999;border-right: 1px solid #999999;position: absolute;right: 10px;
	transform: rotate(135deg);
	top: 12px;
}
.zg_KCtreeFirstName.open::after{ transform: rotate(-45deg);top: 16px; }

.zg_KCIframe{ width: 100%;height: 530px;border: 1px solid #e5e5e5;border-radius: 8px;overflow: hidden; }
.zg_KCIframe iframe{ width: 100%;height: 530px; }

.zg_JXJYTatol{ display: flex;justify-content: space-between; }
.zg_JXJYTatolItem{ width: 278px;height: 100px;color: #FFFFFF;background-color: #999999;text-align: center;border-radius: 8px; }
.zg_JXJYTatolItem div:nth-child(1){ font-size: 30px;font-weight: bold;padding-top: 17px; }
.zg_JXJYTatolItem div:nth-child(2){ font-size: 16px; }
.zg_JXJYTatolItem:nth-child(1){
	background: linear-gradient(to top right, #c09bfa,#968ffc);
	background: -webkit-linear-gradient(to top right, #c09bfa,#968ffc);
	background: -moz-linear-gradient(to top right, #c09bfa,#968ffc);
	background: -ms-linear-gradient(to top right, #c09bfa,#968ffc);
	background: -o-linear-gradient(to top right, #c09bfa,#968ffc);
}
.zg_JXJYTatolItem:nth-child(2){
	background: linear-gradient(to top right, #28e1fb,#12bbe3);
	background: -webkit-linear-gradient(to top right, #28e1fb,#12bbe3);
	background: -moz-linear-gradient(to top right, #28e1fb,#12bbe3);
	background: -ms-linear-gradient(to top right, #28e1fb,#12bbe3);
	background: -o-linear-gradient(to top right, #28e1fb,#12bbe3);
}
    .zg_JXJYTatolItem:nth-child(3) {
        background: linear-gradient(to top right, #fabc70,#f19322);
        background: -webkit-linear-gradient(to top right, #fabc70,#f19322);
        background: -moz-linear-gradient(to top right, #fabc70,#f19322);
        background: -ms-linear-gradient(to top right, #fabc70,#f19322);
        background: -o-linear-gradient(to top right, #fabc70,#f19322);
    }
.zg_mineBtns{ position: absolute;right: 0;bottom: 25px;display: flex; }
.zg_mineBtnsItem{ width: 100px;height: 37px;line-height: 37px;font-size: 14px;text-align: center;color: #FFFFFF;border-radius: 37px;margin-left: 15px; }
.zg_mineBtnsItem.zg_mineBtns_1{ background-color: #faad50; cursor: pointer;}
.zg_mineBtnsItem.zg_mineBtns_2{ background-color: #30ca99;cursor: pointer; }
.zg_mineBtnsItem.zg_mineBtns_3{ background-color: #60acec;cursor: pointer; }
.zg_mineBtnsItem.zg_mineBtns_4{ background-color: #ff8484;cursor: pointer; }
.zg_mineNums{ font-size: 14px;color: #666666;position: absolute;right: 0;top: 34px; }
.zg_mineNums span{ margin-left: 5px; }
.zg_mineNums img{ vertical-align: middle;position: relative;top: -2px;width: 12px;margin-right: 2px; }
.zg_mineTab{ border-bottom: 1px solid #e0e0e0;font-size: 16px;line-height: 36px;color: #666666;padding-top: 20px; }
.zg_mineTab span{ border-bottom: 2px solid transparent;margin: 0 10px;cursor: pointer; }
.zg_mineTab span.cur{ color: #043687;border-bottom: 2px solid #043687;display: inline-block; }
/***通用***/
/***上传页面***/
.zg_uploadBar{ position: relative;width: 100%;padding-left: 164px;min-height: 50px;line-height: 50px;margin-bottom: 30px;font-size: 16px; }
.zg_uploadTitle{ position: absolute;width: 140px;color: #666666;text-align: right;left: 0;/*top: 0;*/ }
.zg_uploadInputFile{ position: relative;width: 185px;height: 50px;background-color: #043687;border-radius: 8px;color: #FFFFFF;text-align: center;cursor: pointer;padding: 15px 25px;margin-right:10px }
.zg_uploadInputFile img{ vertical-align: middle;position: relative;top: -2px;margin-right: 5px; }
.zg_uploadInputFile input{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;cursor: pointer; }
.zg_uploadInput{ width: 240px;height: 48px;line-height: 48px;border-radius: 8px;padding: 0 10px;background-color: #FFFFFF;font-size: 16px;outline: 1px solid #b1b0b0; }
.zg_uploadTip{ font-size: 14px;color: #999999;margin-left: 10px; }
.zg_uploadCheck{ width: 140px;height: 50px;line-height: 48px;border-radius: 8px;border: 1px solid #b1b0b0;color: #333333;text-align: center;margin-right: 10px;cursor: pointer; }
.zg_uploadCheck.cur{ border: 1px solid #043687;color: #043687; }
.zg_uploadSelect{ width: 160px;height: 50px;line-height: 48px;border-radius: 8px;border: 1px solid #b1b0b0;color: #333333;margin-right: 10px;cursor: pointer;padding: 0 10px;font-size: 16px;outline: none; }
.zg_uploadRich{ width: 740px;height: 184px;border-radius: 8px;border: 1px solid #b1b0b0; }
.zg_uploadRadio input[type=radio]{ -webkit-appearance: radio;vertical-align: middle;position: relative;top: -1px;margin-right: 5px; }
.zg_uploadBtn{ text-align: center;margin-top: 50px; }
.zg_uploadBtn span{ display: inline-block;width: 140px;line-height: 48px;text-align: center;font-size: 16px;border-radius: 8px;margin: 0 5px;cursor: pointer; }
.zg_uploadBtn span.cancel{ border: 1px solid #b1b0b0;color: #666666; }
.zg_uploadBtn span.confirm{ border: 1px solid #043687;color: #FFFFFF;background-color: #043687; }
/***上传页面***/
/***留言板块***/
.zg_CommentTip{ color: #666666;padding-bottom: 15px; }
.zg_CommentItem{ padding: 22px 0 22px 86px;position: relative;width: 100%;min-height: 110px;border-top: 1px solid #e0e0e0; }
.zg_CommentHead{ position: absolute;width: 60px;height: 60px;border-radius: 60px;left: 10px;top: 20px; }
.zg_CommentArea{ width: 100%;background-color: #FFFFFF;padding: 20px;font-size: 16px;height: 158px;line-height: 24px; }
.zg_CommentTnum{ display: inline-block;font-size: 14px;color: #999999; }
.zg_CommentSubmit{ display: inline-block;width: 100px;line-height: 38px;border-radius: 8px;color: #FFFFFF;background-color: #043687;text-align: center;margin-left: 10px;font-size: 16px;cursor: pointer; }
.zg_CommentName{ font-size: 16px;font-weight: bold;line-height: 28px;margin-top: 13px; }
.zg_CommentMain{ font-size: 16px;line-height: 28px;margin-top: 13px;width: 630px; }
.zg_CommentDate{ font-size: 14px;color: #666666;line-height: 28px;margin-top: 13px; }
/***留言板块***/