.mywork_wrap{
	width: 100%;
	height: 100%;
	background: #cdf8ff url("../images/homesbg.jpg") no-repeat center;
	background-size: 100% 100%;
}
.mywork_wrap .hometit{padding-bottom: 3%;}
.mywork_con{
	width: 63%;
	min-width: 950px;
	height: 64%;
	background: #fff;
	margin: 0 auto;
	border-radius: 25px;
	border-top-left-radius: 0;
	border-bottom: 10px #6adffc solid;
	padding: 2% 0 1.5% 1.8%;
	position: relative;
}
.free_con{border-top-left-radius: 25px;}
.mywork_con ul{overflow: hidden;}
.mywork_con ul li .workpic img{width: 100%;border-radius: 10px;}
.mywork_con .freelist{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.mywork_con .freelist::-webkit-scrollbar {
	width: 15px;
	height: 1px;
}
.mywork_con .freelist::-webkit-scrollbar-thumb {
	width: 15px;
	border-radius: 10px;
	background: #a9d5fe;
}
.mywork_con .freelist::-webkit-scrollbar-track{
	width: 15px;
	height: 1px;
}
.mywork_con ul li{
	float: left;
	width: 22%;
	margin: 0 3% 3% 0;
}
.mywork_con ul li h2{
	font-size: 17px;
	color: #414141;
	height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 5%;
}
.mywork_con ul li h2 span{
	float: right;
	color: #ff730d;
	font-size: 15px;
}
.mywork_con ul li h2 span.works_no{color: #979797;}
.mywork_con ul li p{
	font-size: 16px;
	color: #9e9e9e;
	margin: 3% 0 5%;
}
.mywork_con ul li .workbtn a{
	float: left;
	width: 45%;
	height: 2.2em;
	border: 1px #ff6d02 solid;
	background: #fffaf7;
	font-size: 1.1em;
	color: #5f5e5e;
	text-align: center;
	line-height: 2.2em;
	border-radius: 1.1em;
}
.mywork_con ul li .workbtn a.works_right{
	float: right;
	background: #ff6d02;
	color: #fff;
}
.mywork_con ul li .workbtn a.works_left:hover{
	background: #ff6d02;
	color: #fff;
}
.mywork_con ul li .workbtn a.works_right:hover{
	background: #ff862e;
	border-color: #ff862e;
}
.mywork_con .more{
	display: block;
	margin: 3% auto 0;
	width: 12%;
	height: 2.2em;
	background: #ff6d02;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	line-height: 2.2em;
	border-radius: 1.1em;
}


.mywork_con .myon{
	width: 100%;
	position: absolute;
	left: 0;
	top: -2.7em;
}
.mywork_con .myon li{
	/*width: 6.5%;*/
	height: 1.9em;
	float: left;
	margin-right: 0.7%;
	background: #5adbff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	line-height: 1.9em;
	cursor: pointer;
	padding: 0 2%;
}
.mywork_con .myon li.cur{
	/*width: 9%;*/
	height: 2.6em;
	line-height: 2.6em;
	position: relative;
	top: -.6em;
	background: #fff;
	font-size: 1.6em;
	color: #00a0e9;
	font-weight: bold;
}
.mywork_con .mylist{
	width: 75%;
	height: 100%;
	float: left;
	overflow-y: auto;
}
.mywork_con .mylist::-webkit-scrollbar {
	width: 0;
	height: 1px;
}
.mywork_con .mylist::-webkit-scrollbar-thumb {
	width: 0;
	border-radius: 10px;
	background: #f3fdfe;
}
.mywork_con .mylist::-webkit-scrollbar-track{
	width: 0;
	height: 1px;
}
.mywork_con .mylist .listtop{
	font-size: 22px;
	color: #424242;
	padding-bottom: 15px;
}
.mywork_con .mylist .works_s{display: none;}
.mywork_con .mylist .works_cur{display: block;}
.mywork_con .mylist ul li{
	width: 30%;
}
.mywork_con .mylist ul li .workpic{max-height: 203px;overflow: hidden;}


.myworksub_wrap .mywork_con{height: 60%;}
.myworksub_wrap .mywork_con .mylist ul li.myworksub{
	width: 210px;
	height: 77px;
	background: #f8feff;
	border-radius: 10px;
	border: 1px #deebed solid;
	margin: 0 13px 18px 0;
	position: relative;
}
.myworksub_wrap .mywork_con .mylist ul li.myworksub .workpic{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
	margin: 13px 10px 0 10px;
}
.myworksub_wrap .mywork_con .mylist ul li.myworksub .workpic img{
	height: 50px;
	width: auto;
}
.myworksub_wrap .mywork_con ul li.myworksub h2{
	float: left;
	width: 135px;
	font-size: 16px;
	margin-top: 16px;
}
.myworksub_wrap .mywork_con ul li.myworksub p{
	float: left;
	width: 135px;
	font-size: 14px;
	margin: 0;
}
.myworksub_wrap .mywork_con ul li.myworksub .workbtn{
	position: absolute;
	width: 184px;
	height: 79px;
	background: #5adbff;
	left: -1px;
	top: -1px;
	border-radius: 10px;
	padding: 0 15px;
	display: none;
}
.myworksub_wrap .mywork_con ul li.myworksub:hover .workbtn{
	display: block;
}
.myworksub_wrap .mywork_con ul li.myworksub .workbtn a{
	width: 88px;
	height: 30px;
	border: 1px #aaf4ff solid;
	background: none;
	line-height: 30px;
	color: #fff;
	margin-top: 24px;
	font-size: 14px;
}
.myworksub_wrap .mywork_con ul li.myworksub .workbtn a.works_left:hover{
	border-color: #fff;
	background: #fff;
	color: #1accfe;
}
.myworksub_wrap .mywork_con ul li.myworksub .workbtn a.works_right{
	border-color: #fff;
	background: #fff;
	color: #1accfe;
	width: 80px;
	box-shadow: 9px 9px 27px rgba(76,200,235,.64);
}

.mywork_con .iwrapcon_right{
	position: absolute;
	width: 25%;
	height: 100%;
	top: 0;
	right: 0;
	background: #f4fcff;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 16px;
}
.mywork_con .iwrapcon_right .right_con{
	padding: 0 5%;
	height: 96%;
	margin-top: 3.5%;
	overflow-y: auto;
}
.mywork_con .iwrapcon_right h2{
	font-size: 16px;
	color: #6f6f6f;
	border-bottom: 1px #e4e4e4 solid;
	line-height: 40px;
	padding-top: 10px;
	height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mywork_con .iwrapcon_right h2 span{
	font-size: 20px;
	color: #1f1f1f;
	margin-right: 2%;
}
.mywork_con .iwrapcon_right h2 span{
	border-bottom: 2px #ff6d02 solid;
	padding: 9px 0 8px;
}
.mywork_con .iwrapcon_right .rankingcon .totalRanking{display: none;}
.mywork_con .iwrapcon_right .rankingcon .totalRanking:nth-child(1){display: block;}
.mywork_con .iwrapcon_right .rankingcon .totalRanking b{
	display: block;
	font-size: 16px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.mywork_con .iwrapcon_right .ranking_list ul{margin: 8px 0;}
.mywork_con .iwrapcon_right .ranking_list ul li{
	width: 100%;
	padding: 10px 0;
	border-top: 1px #f1edef dashed;
	margin: 0;
}
.mywork_con .iwrapcon_right .ranking_list ul li span{
	float: left;
	width: 28px;
	height: 26px;
	font-size: 16px;
	color: #5b5b5b;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	margin: 11px 18px 0 9px;
}
.mywork_con .iwrapcon_right .ranking_list ul li img{
	float: left;
	width: 16%;
	border-radius: 50%;
	margin-top: 3px;
}
.mywork_con .iwrapcon_right .ranking_list ul li p{
	float: left;
	width: 46%;
	margin: 0 0 0 5%;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mywork_con .iwrapcon_right .ranking_list ul li:nth-child(1){border-top: none;}
.mywork_con .iwrapcon_right .ranking_list ul li:nth-child(1) span{
	background: url("../images/ranking.png") no-repeat 0 0;
	font-size: 0;
}
.mywork_con .iwrapcon_right .ranking_list ul li:nth-child(2) span{
	background: url("../images/ranking.png") no-repeat 0 -26px;
	font-size: 0;
}
.mywork_con .iwrapcon_right .ranking_list ul li:nth-child(3) span{
	background: url("../images/ranking.png") no-repeat 0 -52px;
	font-size: 0;
}
.mywork_con .iwrapcon_right .ranking_list .rankingcon .myRanking{
	position: relative;
	width: 122px;
	margin: 8% auto 0;
}
.mywork_con .iwrapcon_right .ranking_list .rankingcon .myRanking img{width: 100%;}
.mywork_con .iwrapcon_right .ranking_list .rankingcon .myRanking span{
	position: absolute;
	width: 100%;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	left: 0;
	top: 16%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mywork_con .iwrapcon_right .ranking_list .rankingcon .myRanking span.nocur{
	font-size: 18px;
	color: #7d7d7d;
	top: 23%;
	font-weight: normal;
}
.mywork_con .iwrapcon_right .ranking_list .rankingcon .myRanking p{
	font-size: 18px;
	color: #1f1d1c;
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 100%;
	text-align: center;
}
.mywork_con .iwrapcon_right .ranking_list .rankingpic p{
	font-size: 15px;
	color: #7e7e7e;
	padding: 18px 6px 5px;
}
.mywork_con .iwrapcon_right .ranking_list .rankingpic ol{padding: 0 6px 10px;}
.mywork_con .iwrapcon_right .ranking_list .rankingpic ol li{
	float: left;
	width: 50%;
	font-size: 13px;
	color: #afafaf;
	line-height: 24px;
}
.mywork_con .iwrapcon_right .ranking_list .rankingpic ol li.tright{text-align: right;}
.mywork_con .iwrapcon_right .card_record .address{
	width: 160px;
	height: 40px;
	background: #d5d6d8;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	margin: 20px auto;
}
.mywork_con .iwrapcon_right .card_record .address.addresscur{
	background: #f45704;
	cursor: pointer;
}

.mack_city .citycon{padding: 40px 110px 0;}
.mack_city .city_con .citycon .city_dz{
	position: relative;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.mack_city .city_con .citycon p{
	float: left;
	width: 86px;
	text-align: center;
	font-size: 16px;
	color: #8f8f8f;
}
.mack_city .city_con .citycon .city_dz .city-picker-span{
	width: 280px !important;
	float: left;
	height: 40px !important;
	line-height: 40px !important;
	background: #f9fafc;
	border-radius: 10px;
	border: 1px #f0f0f1 solid;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
}
.city-picker-span>.arrow{right: 20px;}
.mack_city .city_con .citycon .city_dz .perfectinp{
	width: 280px;
	float: left;
	height: 40px;
	line-height: 40px;
	background: #f9fafc;
	border-radius: 10px;
	border: 1px #f0f0f1 solid;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
	margin-left: 8px;
}
.city-picker-span>.placeholder{
	font-size: 14px;
	color: #b2b2b2 !important
}
.mack_city .city_con .citycon .city_dz .perfectinp::-webkit-input-placeholder{
	font-size: 14px;
	color: #b2b2b2;
}
.mack_city .city_con button{
	display: block;
	width: 170px;
	height: 46px;
	background: #ff610d;
	font-size: 18px;
	color: #fff;
	border: none;
	border-radius: 25px;
	box-shadow: 0 0 10px rgba(255,97,13,.8);
	margin: 30px auto 0;
	cursor: pointer;
}

.mywork_con .iwrapcon_right .card_record .record_con{
	width: 90%;
	padding: 16px 4% 10px;
	border: 1px #ededee solid;
	background: #fff;
	border-radius: 8px;
	margin-top: 14px;
}
.mywork_con .iwrapcon_right .card_record .record_con .recordcon2{display: none;}
.mywork_con .iwrapcon_right .card_record .record_con .recordcons{display: none;}
.mywork_con .iwrapcon_right .card_record .record_con .recordconscur{display: block;}
.mywork_con .iwrapcon_right .card_record .record_con h3{
	font-size: 16px;
	color: #ff5800;
	font-weight: bold;
}
.mywork_con .iwrapcon_right .card_record .record_con ul li{
	width: 100%;
	/*height: 36px;*/
	margin: 0;
	line-height: 36px;
}
.mywork_con .iwrapcon_right .card_record .record_con ul li p{
	float: left;
	width: 120px;
	font-size: 14px;
	color: #868686;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
}
.mywork_con .iwrapcon_right .card_record .record_con ul li div{float: right;max-width: 75px;}
.mywork_con .iwrapcon_right .card_record .record_con ul li div span{
	display: inline-block;
	width: 13px;
	height: 14px;
	margin-left: 2px;
}
.myworksub_wrap .mywork_con .iwrapcon_right .card_record .record_con ul li p{width: 100%;}
.myworksub_wrap .mywork_con .iwrapcon_right .card_record .record_con ul li div{float: left;max-width: 100%;}
.myworksub_wrap .mywork_con .iwrapcon_right .card_record .record_con ul li div span{float: left;}
.mywork_con .iwrapcon_right .card_record .record_con ul li div span.recordLOCK{
	background: url("../images/icon.png") no-repeat 0 -28px;
	background-size: 100%;
}
.mywork_con .iwrapcon_right .card_record .record_con ul li div span.recordNO{
	background: url("../images/icon.png") no-repeat 0 0;
	background-size: 100%;
}
.mywork_con .iwrapcon_right .card_record .record_con ul li div span.recordYES{
	background: url("../images/icon.png") no-repeat 0 -14px;
	background-size: 100%;
}
.mywork_con .iwrapcon_right .card_record .rankingpic2{overflow: hidden;padding: 15px 0 5px;}
.mywork_con .iwrapcon_right .card_record .rankingpic2 p{float: left;font-size: 14px;color: #afafaf;line-height: 19px;margin: 0 16px 10px 0;}
.mywork_con .iwrapcon_right .card_record .rankingpic2 p span{float: left;margin-right: 5px; width: 18px;height: 19px;background: url("../images/icon.png") no-repeat;}
.mywork_con .iwrapcon_right .card_record .rankingpic2 p.rankingspan1 span{background-position: 0 -19px;}
.mywork_con .iwrapcon_right .card_record .rankingpic2 p.rankingspan2 span{background-position: 0 0;}
.mywork_con .iwrapcon_right .card_record .rankingpic2 p.rankingspan3 span{background-position: 0 -38px;}
.mywork_con .iwrapcon_right .card_record .explain{
	font-size: 14px;
	color: #4f4f4f;
	line-height: 22px;
	margin-bottom: 10px;
}
.mywork_con .iwrapcon_right .card_record .explain span{color: #afafaf;}


.details_con{
	width: 61%;
	height: 62%;
	min-height: 420px;
	padding: 1.5%;
	border-top-left-radius: 25px;
}
.details_con .details_left{
	width: 50%;
	height: 100%;
	float: left;
}
.details_con .details_left .details_btn{
	margin: 5% 0 18%;
}
.details_con .details_left .details_btn a{
	float: left;
	width: 28%;
	height: 2.8em;
	font-size: 1.2em;
	color: #7c7c7c;
	border: 2px #ff6d02 solid;
	border-radius: 2.8em;
	line-height: 2.6em;
	padding-left: 10%;
	box-sizing: border-box;
	background: url("../images/detailsicon2.png") no-repeat 18% center;
	background-size: 15%;
	margin-right: 1.5%;
}
.details_con .details_left .details_btn a.btnleft{
	width: 22%;
	color: #fff;
	background: #ff6d02 url("../images/detailsicon1.png") no-repeat 18% center;
	background-size: 20%;
	box-shadow: 0 3px 12px rgba(255,180,125,.64);
}
.details_con .details_left h2{
	width: 430px;
	height: 41px;
	position: relative;
	font-size: 23px;
	color: #494949;
	padding-bottom: 2%;
	line-height: 41px;
}
.details_con .details_left h2 span{
	float: left;
	max-width: 245px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.details_con .details_left h2 .fenxiang{
	float: right;
	cursor: pointer;
}
.details_con .details_left h2 .fenxiang img{display: block;}
.details_con .details_left h2 .QRcode{
	position: absolute;
	width: 245px;
	height: 94px;
	padding: 10px 10px;
	border: 2px #ff8a00 solid;
	box-shadow: 0 5px 0 #ffe9cf;
	border-radius: 6px;
	background: #fff;
	right: -20%;
	top: 41px;
	display: none;
	z-index: 2;
}
.details_con .details_left h2 .fenxiang:hover .QRcode{display: block;}
.details_con .details_left h2 .QRcode img{
	float: left;
	width: 92px;
}
.details_con .details_left h2 .QRcode p{
	float: left;
	font-size: 16px;
	color: #8b8b8b;
	padding: 16px 0 0 12px;
	line-height: 24px;
}

.details_con .details_right{
	width: 44%;
	height: 95%;
	position: absolute;
	overflow-y: auto;
	right: 0%;
	top: 2%;
	padding: 0 3%;
}
.details_con .details_right::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}
.details_con .details_right::-webkit-scrollbar-thumb {
	width: 10px;
	border-radius: 10px;
	background: #a9d5fe;
}
.details_con .details_right::-webkit-scrollbar-track{
	width: 10px;
	height: 1px;
}
.details_con .details_right .wcontent_con{
	padding: 18px 0 20px;
}
.details_con .details_right .wcontent_con .work_title{text-align: center;}
.details_con .details_right .wcontent_con .work_title span{
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #002536;
	text-shadow: none;
	height: 10px;
	box-shadow: 0 24px 0 #caecff;
	border-radius: 10px;
	padding: 0 6px;
}
.details_con .details_right .wcontent_con .work_title p{
	font-size: 17px;
	color: #676767;
	padding-top: 12px;
}
.details_con .details_right .wcontent_con .comment_con .comment_p{
	font-size: 14px;
	color: #9e9e9e;
	line-height: 24px;
	margin-top: 20px;
}
.details_con .details_right .wcontent_report .report_con .proportion{
	width: 100%;
	height: 300px;
	border-radius: 10px;
	margin: 10px auto 0;
	position: relative;
}
.details_con .details_right .wcontent_con .details_tea{
	overflow: hidden;
	margin: 8% 0 4%;
}
.details_con .details_right .wcontent_con .details_tea .teapic{
	float: left;
	width: 16%;
	border: 5px #d6f0ff solid;
	border-radius: 50%;
}
.details_con .details_right .wcontent_con .details_tea .comment_p img{width: 100%;margin: 15px 0;}
.details_con .details_right .wcontent_con .details_tea .comment_p{
	float: left;
	width: 75%;
	min-height: 6em;
	margin: 0 0 0 5%;
	border: 2px #5adbff solid;
	border-radius: 10px;
	background-size: 100% 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3% 3% 3% 6%;
	font-size: 15px;
	color: #233b49;
	line-height: 26px;
	position: relative;
	background: #f5fbff;
}
.details_con .details_right .wcontent_con .details_tea .comment_p:before {
	content: '';
	position: absolute;
	left: -17px;
	top: 20px;
	width: 17px;
	height: 28px;
	background: url("../images/teap.jpg") no-repeat;
}
.details_con .details_right .wcontent_con .details_word{
	background: #f5fbff;
	border: 1px #5adbff solid;
	border-radius: 15px;
	padding: 3% 5%;
	box-shadow: 0 5px 0 #e0faff;
}
.details_con .details_right .wcontent_con .details_word h2{
	font-size: 19px;
	color: #00a0e9;
	text-align: center;
	font-weight: bold;
}
.details_con .details_right .wcontent_con .details_word .comment_p{
	font-size: 16px;
	color: #233b49;
	line-height: 26px;
	margin-top: 10px;
}

.mack .edit_con{
	width: 600px;
	padding: 54px 50px;
}
.edit_con p{margin-bottom: 26px;}
.edit_con p span{
	font-size: 22px;
	color:#727272;
	float: left;
	line-height: 67px;
}
.edit_con p input,.edit_con p textarea{
	width: 406px;
	height: 63px;
	background: #f7f7f7;
	border: 2px #f7f7f7 solid;
	border-radius: 10px;
	margin-left: 15px;
	font-size: 24px;
	color: #999;
	padding: 0 26px;
}
.edit_con p input:focus,.edit_con p textarea:focus{border-color: #5adbff;}
.edit_con p textarea{
	height: 180px;
	padding: 20px 26px;
}
.edit_con a{
	display: block;
	width: 196px;
	height: 66px;
	background: #ff6c00;
	font-size: 28px;
	color: #fff;
	text-align: center;
	line-height: 66px;
	border-radius: 35px;
	box-shadow: 0 8px 20px rgba(255,180,125,.64);
	cursor: pointer;
	margin: 30px auto 0;
}







.wrapper {
	width: 100%;
	height: 100vh;
	background: #F5F5F5;
	border-radius: 10px;
	overflow: hidden;
}

.wrapper .head ul {
	display: inline-block;
	background: #E9EBEA;
	overflow: hidden;
	list-style: none;
	width: 100%;
	height: 26px;
	text-align: center;
	vertical-align: bottom;
}

.wrapper .head ul li {
	float: left;
	width: auto;
	margin-top: 4px;
}

.wrapper .head ul .fr {
	float: right;
}

.wrapper .head .icon {
	display: block;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.wrapper .head .icon.icon-start, .wrapper .head .icon-stop {
	width: 16px;
	height: 16px;
	margin-top: 2px;
	margin-right: 10px;
}

.wrapper .head .icon.icon-start {
	background: url('../scratchplayer/start.svg') no-repeat;
	margin-left: 5px;
}

.wrapper .head .icon.icon-stop {
	background: url('../scratchplayer/stop.svg') no-repeat;
}

.wrapper .head .icon.icon-magnify {
	background: url('../scratchplayer/magnify.svg') no-repeat;
}

.wrapper .head .icon.icon-shrink {
	background: url('../scratchplayer/shrink.svg') no-repeat;
}

.wrapper .content {
	position: relative;
}


.videos_wrap,.videos_wrap .videos_con{width: 100%;height: 100%;}



/* 右侧展开列表 */
.rightcon{
	position: relative;
	z-index: 6;
}
/* 右侧展开小按钮 */
.rightbtn{
	position: fixed;
	width: 145px;
	right: 0;
	bottom: 196px;
	z-index: 5;
	line-height: 61px;
	cursor: pointer;
	font-size: 20px;
	color: #fdfdfd;
	transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s;
}
.rightbtn span{
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 48px;
	border-top-left-radius: 31px;
	border-bottom-left-radius: 31px;
	background: rgba(0,0,0,.5) url("../images/rightbtn.png") no-repeat 12px center;
}
.rightbtn span:hover{background: rgba(0,0,0,.6) url("../images/rightbtn.png") no-repeat 12px center;}
.rightbtn a{
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 48px;
	border-top-left-radius: 31px;
	border-bottom-left-radius: 31px;
	color: #fdfdfd;
	margin-top: 14px;
	background: rgba(0,0,0,.5) url("../images/returnprev.png") no-repeat 12px center;
}
.rightbtn a:hover{background: rgba(0,0,0,.6) url("../images/returnprev.png") no-repeat 12px center;}
.rightcon .rightbg{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
	display: none;
}
.rightcon .listbg{
	position: absolute;
	right: 0;
	top: 0;
	width: 24%;
	max-width: 420px;
	min-width: 320px;
	height: 100%;
	background: #fff;
}
.rightcon .rightlist{
	position: relative;
	overflow-y: auto;
	height: 98%;
}
.rightcon .rightlist .listcon{
	border-left: 2px #ffe8d9 solid;
	margin: 15% 0 0 13%;
	padding-left: 25px;
	z-index: 6;
}
.rightcon .rightsq{
	position: absolute;
	left: -56px;
	top: 32px;
	width: 56px;
	height: 59px;
	background: #f60 url("../images/rightsq.jpg") no-repeat center;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	cursor: pointer;
}
.rightcon .rightlist h2{
	font-size: 22px;
	color: #000;
	position: relative;
	margin-bottom: 30px;
	padding-left: 5px;
}
.rightcon .rightlist h2 i{
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #ff771d url("../images/rightconpic1.jpg") no-repeat center;
	left: -44px;
	top: -5px;
}
.rightcon .rightlist ul li p,.rightcon .rightlist h3{
	width: 60%;
	height: 57px;
	border-radius: 29px;
	font-size: 19px;
	padding: 0 5% 0 22%;
	line-height: 57px;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}
.rightcon .rightlist ul li p a,.rightcon .rightlist ul li p span{
	color: #3e3e3e;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.rightcon .rightlist ul li p.listvideo{background: #fff4ec url("../images/rightconpic2.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li.cur p.listvideo{background: #f60 url("../images/rightconpic2s.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li.cur p.listvideo span{color: #fff;}
.rightcon .rightlist ul li p.listvideo:hover{background: #f60 url("../images/rightconpic2s.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li p.listvideo:hover span{color: #fff;}
.rightcon .rightlist ul li p.listtopic{background: #fff4ec url("../images/rightconpic3.png") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist h3{background: #fff4ec url("../images/rightconpic4.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist h3.noh3{background: #f3f3f3;color: #b4b4b4;}
.rightcon .rightlist ul li p.listtopic:hover{background: #ff6600 url("../images/rightconpic3.png") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li p.listtopic:hover a{color: #fff;}
.rightcon .rightlist ul li.clickno .listvideo{background: #f3f3f3 url("../images/rightconpic2s2.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li.clickno .listtopic{background: #f3f3f3 url("../images/rightconpic3s2.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li.clickno .listvideo:hover{background: #f3f3f3 url("../images/rightconpic2s2.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li.clickno .listvideo span{color: #b4b4b4;}
.rightcon .rightlist ul li.clickno .listvideo:hover span{color: #b4b4b4;}
.rightcon .rightlist ul li.clickno .listtopic{background: #f3f3f3 url("../images/rightconpic3s2.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li.clickno .listtopic:hover{background: #f3f3f3 url("../images/rightconpic3s2.jpg") no-repeat 6% center;background-size: 15%;}
.rightcon .rightlist ul li.clickno .listtopic a{color: #b4b4b4;}
.rightcon .rightlist ul li.clickno .listtopic:hover a{color: #b4b4b4;}
.rightcon .rightlist ul li p i,.rightcon .rightlist h3 i{
	position: absolute;
	width: 10px;
	height: 10px;
	background: #f60;
	border: 3px #ff7f29 solid;
	border-radius: 50%;
	left: -34px;
	top: 20px;
}
.rightcon .rightlist ul li.cur p.listvideo i{
	background: #f60;
	border: 2px #fff solid;
	box-shadow: 0 0 0 3px #f60;
}

.rightcon .rightlist ul li .listrw{
	width: 100%;
	height: 31px;
	padding: 0 0 34px;
}
.rightcon .rightlist ul li .listrw em{
	float: left;
	font-size: 20px;
	color: #fd6601;
	font-style: inherit;
}
.rightcon .rightlist ul li.clickno .listrw em{color: #b4b4b4;}
.rightcon .rightlist ul li .listrw span{
	float: left;
	height: 1px;
	background: #c3c3c3;
	margin-top: 15px;
	font-size: 16px;
	margin-left: 10px;
}
.rightcon .rightlist ul li .listrw span a{
	float: left;
	width: 29px;
	height: 29px;
	color: #b0b0b0;
	text-align: center;
	line-height: 29px;
	margin: -15px 21px 0 0;
	background: #fff;
	border: 1px #b0b0b0 solid;
	border-radius: 50%;
	overflow: hidden;
}
.rightcon .rightlist ul li .listrw span a.cur{
	font-size: 0;
	color: #fff;
	border-color: #fd6601;
	background: #fff url("../images/rightconpic6.png") no-repeat center;
}
.rightcon .rightlist ul li.clickon .listrw span a.clickbtn:hover{
	color: #3e3e3e;
	border-color: #fff4ec;
	background: #fff4ec;
}
.rightcon .rightlist ul li.clickon .listrw span a.cur:hover{
	color: #fff;
	border-color: #fd6601;
	background: #fff url("../images/rightconpic6.png") no-repeat center;
}
.rightcon .rightlist ul li .listrw span a:last-child{margin-right: 0;}

.rightcon .rightlist h4{
	font-size: 22px;
	color: #333;
	padding-left: 20%;
	background: url("../images/rightconpic5.jpg") no-repeat 10% center;
	margin-top: 36px;
}
.rightcon .rightlist ol li{
	width: 80%;
	margin: 16px auto 0;
	height: 42px;
	background: #00c4fc;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 42px;
	border-radius: 10px;
}
.rightcon .rightlist ol li a{display: block;color: #fff;}
/* 右侧video */
.rightvideo{
	position: fixed;
	width: 70%;
	min-width: 880px;
	height: 80.8%;
	min-height: 600px;
	transform: translate(-67%,-50%);
	background: #fff;
	left: 50%;
	top: 50%;
	z-index: 5;
	display: none;
	overflow: hidden;
}
.rightvideo .titvideo{
	width: 100%;
	height: 48px;
	background: rgba(0,0,0,.4);
	position: absolute;
	left: 0px;
	top: -1px;
	font-size: 22px;
	color: #fff;
	line-height: 48px;
	z-index: 10;
	border-right: 1px rgba(0,0,0,.4) solid;
}
.rightvideo .titvideo em{
	font-style: inherit;
	padding-left: 24px;
}
.rightvideo .closevideo{
	width: 19px;
	height: 19px;
	position: absolute;
	right: 20px;
	top: 15px;
	cursor: pointer;
}
.rightvideo .closevideo img{width: 100%;display: block;}
.mack_qian .mack_con2 h2 span{font-size: 32px;color: #494949;}
.mack_qian .mack_con2 img{
	display: block;
	margin: 30px auto 20px;
}
.mack_qian .mack_con2 p{
	font-size: 30px;
	color: #1a1a1a;
	text-align: center;
	margin-bottom: 50px;
}
.mack_qian .mack_con2 .con_btn{
	float: left;
	width: 191px;
	height: 60px;
	background: #ff6c00;
	font-size: 22px;
	color: #fff;
	text-align: center;
	border-radius: 35px;
	box-shadow: 0 8px 20px rgba(255,180,125,.64);
	cursor: pointer;
	margin-left: 120px;
	border: 2px #ff6c00 solid;
	line-height: 60px;
}
.mack_qian .mack_con2 .btn_right{
	float: right;
	background: #fff;
	color: #ff6c00;
	margin: 0 120px 0 0;
	box-shadow: none;
}
.mack_topic .mack_con2{
	width: 900px;
}
.mack_topic .mack_con2 ul{
	padding: 20px 30px;
}
.mack_topic .mack_con2 ul li{
	max-height: 390px;
	overflow-y: auto;
	display: none;
}
.mack_topic .mack_con2 ul li:first-child{display: block;}
.mack_topic .mack_con2 h3{
	font-size: 26px;
	color: #1a1a1a;
	padding: 10px 0 0 40px;
}
.mack_topic .mack_con2 h3 img,.mack_topic .mack_con2 p img{display: block;max-width: 700px;margin-top: 20px;}
.mack_topic .mack_con2 ul li p{
	width: 700px;
    padding: 8px 24px 8px 20px;
    border: 2px #fff solid;
    border-radius: 10px;
    margin: 10px 50px 0 0;
    font-size: 24px;
    color: #ff570d;
    line-height: 34px;
    cursor: pointer;
}
.mack_topic .mack_con2 ul li p.cur{border-color: #ff570d;}
.mack_topic .mack_con2 ul li p span{
	float: left;
	margin-right: 20px;
}
.mack_topic .mack_con2 .topic_bot{position: relative;height: 50px;margin-top: 20px;}
.mack_topic .mack_con2 .topic_bot p{
	position: absolute;
	font-size: 30px;
	color: #ff570d;
	left: 80px;
	top: 0;
	line-height: 70px;
}
.mack_topic .mack_con2 .topic_bot .prevbtn{
	position: absolute;
	height: 20px;
	line-height: 20px;
	top: 12px;
	left: 260px;
	font-size: 20px;
	display: none;
}
.mack_topic .mack_con2 .topic_bot .con_btn{
	display: none;
	width: 180px;
	height: 50px;
	background: #ff6c00;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 35px;
	box-shadow: 0 8px 20px rgba(255,180,125,.64);
	cursor: pointer;
	margin-left: 370px;
}

.mack_end .mack_con2 h2{padding-top: 40px;}
.mack_end .end_cen{margin: 40px 0;}
.mack_end .cenleft{
	float: left;
	width: 41%;
	margin-left: 5%;
	border-right: 1px #f1f1f1 dashed;
	padding-right: 4%;
}
.mack_end .cenleft p{
	font-size: 22px;
	color: #3c4350;
	line-height: 42px;
}
.mack_end .cenleft p span{
	float: right;
	font-size: 20px;
	color: #4d535f;
}
.mack_end .cenleft p.cenp4 span{color: #ff8d1a;font-size: 26px;}
.mack_end .cenright{
	float: right;
	width: 49%;
	text-align: center;
	height: 100%;
}
.mack_end .cenright h3{
	font-size: 24px;
	color: #3c4350;
	padding-bottom: 20px;
}
.mack_end .cenright p{
	font-size: 20px;
	color: #ff8d1a;
}
.mack_end .cenright p span{
	font-size: 50px;
}
.mack_end .mack_con2 .con_btn{
	float: left;
	width: 200px;
	height: 50px;
	background: #ff6c00;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 35px;
	box-shadow: 0 8px 20px rgba(255,180,125,.64);
	cursor: pointer;
	margin-left: 120px;
}
.mack_end .mack_con2 .btn_right{
	width: 100px;
	float: right;
	background: #02c5de;
	margin: 0 170px 0 0;
	box-shadow: none;
}

.mack_notice .mack_con2{width: 704px;}
.mack_notice .notice_cen{
	width: 522px;
	margin: 25px auto 0;
	padding-bottom: 20px;
}
.mack_notice .notice_cen h3{
	font-size: 23px;
	color: #484848;
	text-align: center;
	margin-bottom: 30px;
}
.mack_notice .notice_cen h3 span{color: #ff6d02;margin: 0 5px;}
.mack_notice .notice_cen .notice_bot{
	width: 521px;
	background: #f2f8ff;
	border: 1px #daecff solid;
	border-left: none;
	border-radius: 10px;
	overflow: hidden;
}
.mack_notice .notice_cen .notice_bot img{
	float: left;
	width: 249px;
	border-radius: 10px;
}
.mack_notice .notice_cen .notice_bot h2{
	margin-left: 25px;
	float: left;
	font-size: 26px;
	padding-top: 15px;
}
.mack_notice .notice_cen .notice_bot h2 span{box-shadow: 0 25px 0 #caecff;height: 12px;}
.mack_notice .notice_cen .notice_bot p{
	width: 200px;
	float: left;
	margin: 15px 0 0 25px;
	font-size: 18px;
	color: #989898;
}
.mack_notice .notice_cen .notice_bot p span{
	font-size: 14px;
	color: #fff;
	padding: 2px 12px;
	margin: 6px 6px 0 0;
	border-radius: 20px;
	float: left;
}
.mack_notice .notice_cen .notice_bot p span.chinese{background: #ff8f8f;/*语文*/}
.mack_notice .notice_cen .notice_bot p span.mathematics{background: #5ae3c4;/*数学*/}
.mack_notice .notice_cen .notice_bot p span.english{background: #67d2ff;/*英语*/}
.mack_notice .notice_cen .notice_bot p span.physics{background: #c9bef5;/*物理*/}
.mack_notice .notice_cen .notice_bot p span.biology{background: #ffa16c;/*生物*/}
.mack_notice .notice_cen .notice_bot p span.geography{background: #ffc45d;/*地理*/}
.mack_notice .notice_cen .notice_bot p span.arts{background: #ff964e;/*美术*/}
.mack_notice .notice_cen .notice_bot p span.music{background: #d590de;/*音乐*/}
.mack_notice .notice_cen .notice_bot p span.morality{background: #a2e8a5;/*品德*/}
.mack_notice .notice_cen .notice_bot p span.chemistry{background: #8fb0ff;/*化学*/}
.mack_notice .notice_cen .notice_bot p span.politics{background: #7886c8;/*政治*/}
.mack_notice .notice_cen .notice_bot p span.history{background: #b9a9a5;/*历史*/}
.mack_notice .notice_cen .notice_bot p span.society{background: #b5bdc4;/*社会*/}
.mack_notice .notice_cen .notice_bot p span.economy{background: #bc92a5;/*经济*/}
.mack_notice .notice_cen .notice_bot p span.nature{background: #86c599;/*自然*/}
.mack_notice .notice_cen .notice_bot p span.science{background: #f290b1;/*科学*/}
.mack_notice .notice_cen .notice_bot p span.computer{background: #74a3d7;/*计算机*/}
.mack_notice .notice_cen .notice_bot p span.it{background: #417ccd;/*信息技术*/}
.mack_notice .notice_cen .notice_bot p span.ai{background: #7fb8bd;/*人工智能*/}
.mack_notice .notice_cen .notice_bot p span.mind_mapping{background: #5e86b2;/*思维导图*/}
.mack_notice .notice_cen .notice_bot p span.gt{background: #a18f70;/*通用技术*/}

.mack_challenge .challenge_cen{overflow: hidden;padding: 58px 0 30px;}
.mack_challenge .challenge_cen img{
	display: block;
	margin: 0 auto;
}
.mack_challenge .challenge_cen p{
	font-size: 26px;
	color: #717171;
	text-align: center;
	padding-bottom: 42px;
}
.mack_challenge .challenge_cen .challenge_btn{
	width: 464px;
	margin: 0 auto;
}
.mack_challenge .challenge_cen a{
	float: left;
	width: 178px;
	height: 56px;
	border: 2px #ff6d02 solid;
	border-radius: 56px;
	font-size: 25px;
	color: #ff6d02;
	text-align: center;
	line-height: 56px;
	margin-right: 50px;
}
.mack_challenge .challenge_cen a.challenge_btn1{
	background: #ff6d02;
	color: #fff;
	box-shadow: 9px 9px 27px rgba(255,180,125,.64);
}

@media only screen and (max-width: 1650px){
	.details_con .details_left .details_btn a{
		width: 30%;
	}
	.details_con .details_left .details_btn a.btnleft{
		width: 22%;
	}
	.mywork_con .iwrapcon_right .card_record .record_con ul li p{width: 106px;}
	.myworksub_wrap .mywork_con .iwrapcon_right .card_record .record_con ul li p{width: 100%;}
}

@media only screen and (max-height: 788px){
	.wrapper{
		width: 340px !important;
		height: 254px !important;
	}
	.details_con .details_left .details_btn{margin: 3% 0 14%;}
	.details_con .details_left .details_btn a{
		height: 2.6em;
		line-height: 2.5em;
	}
	.details_con .details_left h2{font-size: 20px;padding-bottom: 1%;width: 366px;}
	.details_con .details_left h2 .fenxiang img{width: 60px;}
	.details_con .details_left h2 .QRcode{height: 70px;box-shadow: 0 3px 0 #ffe9cf;}
	.details_con .details_left h2 .QRcode img{width: 70px;}
	.details_con .details_left h2 .QRcode p{
		font-size: 14px;
		padding: 3px 0 0 10px;
		line-height: 21px;
	}
	.mack_city .citycon {padding: 40px 60px 0;}
}