@charset "utf-8";
/* CSS Document */


html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: "微软雅黑", Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	background: #fff;
}
a {
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: transparent;
}
* {
	list-style: none;
	margin: 0;
	border: none;
	outline: none;
	padding: 0;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ov {
	overflow: hidden;
}
.dis {
	display: block !important;
}
.dn {
	display: none;
}
.clear {
	clear: both;
}
.clear:after, .clear:before {
	content: "";
	display: block;
	clear: both;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#999;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color:#999;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color:#999;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#999;
}
input, textarea {
	-webkit-appearance: none;
}
input[type=checkbox] {
	-webkit-appearance: checkbox;
}
input[type=radio] {
	-webkit-appearance: checkbox;
}
/*header*/



.header {
	width: 100%;
	height: 30px;
	padding: 15px 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background-color: rgba(0,0,0,.3);
}
.header.cur {
	background-color: #4c8af2;
}
.header .head {
	width: 1200px;
	margin: auto;
	height: 30px;
}
.header .head .logo {
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	color: #fff;
	float: left;
	font-weight: 600;
}
.header .head .logo a {
	display: block;
	color: #fff;
}
.header .head .nav {
	float: left;
	margin-left: 35px;
}
.header .head .nav>a {
	margin-left: 15px;
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	float: left;
}
.header .head .nav>a p {
	width: 100%;
	overflow: hidden;
	height: 30px;
	display: block;
}
/*.header .head .nav a::after,.header .head .nav a::before{ position:absolute; opacity:0; -webkit-transition:-webkit-transform .3s, opacity .2s; -moz-transition:-moz-transform .3s, opacity .2s; transition:transform .3s, opacity .2s; top:0;}

.header .head .nav a::before{ left:0; content:'['; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}

.header .head .nav a::after{ right:0; content:']'; -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); transform:translateX(-10px);}

.header .head .nav a:hover::after,.header .head .nav a:hover::before{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0)}*/

.header .head .nav>a.on b, .header .head .nav>a:hover b {
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #4c8af2;
	overflow: hidden;
}
.header.cur .head .nav>a.on b {
	background-color: #fff;
}
.header .head .login {
	float: right;
	height: 30px;
}
.header .head .login p {
	height: 30px;
	float: left;
	display: block;
	margin-left: 15px;
}
.header .head .login p a {
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
.header .head .login span {
	margin-left: 15px;
	height: 30px;
	float: left;
	display: block;
}
.header .head .login span a {
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
.header .head .nav span {
	display: block;
	float: left;
	height: 50px;
}
.header .head .nav span svg {
	height: 14px;
	margin: 8px 10px;
	color: #fff;
}
.header .head .nav span p {
	width: 100%;
	position: absolute;
	left: 0;
	top: 60px;
	background-color: #4c8af2;
	text-align: center;
	padding: 10px 0;
	display: none;
}
.header .head .nav span p a {
	display: inline-block;
	margin: 0 10px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 0 10px;
	position: relative;
}
.header .head .nav span:hover p {
	display: block;
}
/*banner*/



.ban {
	width: 100%;
	height: 540px;
	position: relative;
}
.ban .ibanner {
	width: 100%;
	height: 540px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
}
.ban .ibanner .bd {
	width: 100%;
	height: 540px;
	position: relative;
	z-index: 1;
}
.ban .ibanner .bd a {
	display: block;
	width: 100%;
	height: 540px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ban .ibanner .hd {
	width: 100%;
	text-align: center;
	z-index: 9;
	position: absolute;
	left: 0;
	bottom: 20px;
}
.ban .ibanner .hd li {
	cursor: pointer;
	display: inline-block;
	height: 4px;
	width: 40px;
	background-color: #fff;
	margin: 0 5px;
	border-radius: 4px;
}
.ban .ibanner .hd li.on {
	background: #4c8af2;
}
.ban .box {
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 3;
}
/*.ban .box .right{ width:400px; padding:30px; background-color:rgba(255,255,255,0.9); border-radius:10px;}

.ban .box .right .title{ padding-bottom:10px; border-bottom:1px solid #cacaca; font-size:20px; font-weight:bold; line-height:30px;}

.ban .box .right .title b{ display:block; width:5px; height:20px; float:left; margin-top:6px; margin-right:10px; background-color:#4c8af2}

.txtMarquee-top{ width:100%; padding-top:15px; height:150px;}

.txtMarquee-top .bd{ height:150px; overflow:hidden;}

.txtMarquee-top .bd li{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; padding-left:15px;}

.txtMarquee-top .bd li a{ display:block; overflow:hidden;}

.txtMarquee-top .bd li:hover{ background-image:url(../images/li01.png);}

.txtMarquee-top .bd li:hover a{ color:#4c8af2;}*/

.ban .box .left {
	width: 500px;
}
.ban .box .left .b01 {
	font-weight: bold;
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	letter-spacing: 5px;
}
.ban .box .left .b02 {
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	padding: 10px 0;
}
.ban .box .left .b03 {
	width: 100%;
}
.ban .box .left .b03 a {
	display: block;
	color: #fff;
	width: 200px;
	height: 50px;
	border-radius: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	background: linear-gradient(to left, #4c8af2, #35ecee);
	color: #fff;
	margin-top: 30px;
	border: 1px solid #75f2f5;
	float: left;
	margin-right: 20px;
}
.gg {
	width: 100%;
	height: 50px;
	background-color: #fff;
}
.gg .box {
	width: 1200px;
	margin: auto;
}
.gg .box .title {
	float: left;
	padding-left: 30px;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
	background-image: url(../images/gg.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.gg .box .bd {
	width: 1080px;
	float: right;
	height: 50px;
	overflow: hidden;
}
.gg .box .bd li {
	display: block;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-image: url(../images/li.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	width: 320px;
	margin-left: 25px;
	float: left;
}
.gg .box .bd li a {
	display: block;
	overflow: hidden;
}
.gg .box .bd li:hover {
	background-image: url(../images/li01.png);
}
.gg .box .bd li:hover a {
	color: #4c8af2;
}
.tkox {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 9999;
	display: none;
}
.tkox .box {
	width: 900px;
	padding: 50px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.9);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-height: 60vh;
	overflow: auto;
}
.tkox .box .close {
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
	-webkit-transition: 1s linear;
	transition: 1s ease-in;
}
.tkox .box .close:hover {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
.tkox .box .bt {
	width: 800px;
	margin: auto;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
}
.tkox .box .wen {
	width: 800px;
	margin: auto;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #cacaca;
}
.tkox .box .wen img {
	max-width: 100%;
	height: auto !important;
}
.tkox .box .xia {
	width: 200px;
	margin: 10px auto;
	margin-top: 20px;
}
.tkox .box .xia a {
	display: block;
	color: #fff;
	width: 200px;
	height: 46px;
	border-radius: 46px;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	background: linear-gradient(to left, #4c8af2, #35ecee);
	color: #fff;
}
.tkox .box .xia a:hover {
	background: #4c8af2;
}
/*01*/



.t-box {
	width: 1200px;
	justify-content: center;
	align-items: center;
	margin: 70px auto 16px;
	display: flex;
}
.g-title {
	font-size: 36px;
	margin: 0 20px;
	line-height: 46px;
}
.t-icon {
	width: 30px;
	height: 30px;
	display: block;
}
.t-icon1 {
	background: url(../images/title-before.png) no-repeat center center;
	background-size: 100% 100%;
}
.t-icon2 {
	background: url(../images/title-after.png) no-repeat center center;
	background-size: 100% 100%;
}
.subtitle {
	font-size: 20px;
	color: #555;
	text-align: center;
	margin-bottom: 30px;
	line-height: 30px;
}
.box01 .box {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
/*内页*/



.banner {
	width: 100%;
	position: relative;
	z-index: 0;
	height: 540px;
}
.banner .swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.banner .swiper-container .swiper-slide {
	width: 100%;
	height: 100%;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.banner .swiper-container .swiper-slide .left {
	width: 1200px;
	margin: auto;
	padding-top: 150px;
}
.banner .swiper-container .swiper-slide .left .b01 {
	width: 100%;
	font-weight: bold;
	font-size: 34px;
	line-height: 44px;
	color: #fff;
	letter-spacing: 2px;
}
.banner .swiper-container .swiper-slide .left .b02 {
	width: 100%;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	padding: 30px 0;
}
.banner .swiper-container .swiper-slide .left .b03 {
	width: 100%;
}
.banner .swiper-container .swiper-slide .left .b03 a {
	display: block;
	color: #fff;
	width: 200px;
	height: 40px;
	border-radius: 40px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	background: linear-gradient(to left, #4c8af2, #35ecee);
	color: #fff;
	margin-top: 10px;
	border: 1px solid #75f2f5;
	float: left;
	margin-right: 20px;
}
.banner .swiper-pagination {
	width: 100%;
	text-align: center;
	z-index: 9;
	position: absolute;
	left: 0;
	bottom: 20px;
}
.banner .swiper-pagination span {
	cursor: pointer;
	display: inline-block;
	height: 4px;
	width: 40px;
	background-color: #fff;
	margin: 0 5px;
	border-radius: 4px;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active {
	background: #4c8af2;
}
.box01 {
	width: 1200px;
	margin: auto;
	display: block;
}
.box01 li {
	display: block;
	overflow: hidden;
	margin-bottom: 70px;
	transition: all .3s ease;
}
.box01 li:hover {
	-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	-o-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}
.box01 li a {
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.box01 li .left {
	width: 600px;
	float: left;
}
.box01 li .left img {
	width: 100%;
	display: block;
}
.box01 li .right {
	width: 500px;
	float: right;
	padding: 50px;
	padding-top: 45px;
}
.box01 li .right .r01 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
}
.box01 li .right .r01 img {
	width: 72px !important;
	height: 30px;
	margin-left: 10px;
	display: inline;
	vertical-align: middle;
}
.box01 li .right .r02 {
	font-size: 16px;
	line-height: 26px;
	margin: 10px 0;
	color: #666;
}
.box01 li .right .r03 {
	font-size: 16px;
	line-height: 26px;
	color: #999;
}
.box01 li .right .r04 {
	width: 515px;
	padding-top: 10px;
}
.box01 li .right .r04 span {
	padding: 0 20px;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 15px;
	background-color: #4c8af2;
	color: #fff;
	border-radius: 3px;
	margin-top: 15px;
}
.box01 li .right .r01:hover {
	color: #4c8af2;
}
.footer01 {
	width: 100%;
	padding-bottom: 30px;
}
.footer01 .foot {
	width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
}
.footer01 .foot .left {
	width: 460px;
}
.footer01 .foot .left strong {
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #fff;
}
.footer01 .foot .left p {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-top: 10px;
}
.footer01 .foot .left p a {
	color: #fff;
}
.footer01 .foot .mil {
	width: 300px;
	margin: 0 70px;
}
.footer01 .foot .mil span {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	display: block;
}
.footer01 .foot .mil b {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	display: block;
}
.footer01 .foot .mil p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	display: block;
}
.footer01 .foot .right {
	width: 300px;
}
.footer01 .foot .right p {
	display: block;
	float: right;
	margin-left: 30px;
}
.footer01 .foot .right p:last-child {
	margin-left: 0;
}
.footer01 .foot .right p img {
	width: 80px;
	display: block;
	margin: 10px auto;
}
.footer01 .foot .right p span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
}
/*04*/



.box04 {
	padding-bottom: 70px;
	width: 100%;
	background-color: #eee;
}
.box04 .box {
	width: 1200px;
	margin: auto;
}
.box04 .box .item {
	width: 360px;
	float: left;
	overflow: hidden;
	box-shadow: 0 2px 18px 0 rgba(0, 156, 225, .08);
	border-radius: 8px;
	background-color: #fff;
	margin-bottom: 30px;
	margin-left: 60px;
}
.box04 .box .item:nth-child(3n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.box04 .box .item:hover .item-img>img {
	transform: scale(1.1);
}
.box04 .box .item-img {
	overflow: hidden;
	height: 177px;
	position: relative;
}
.box04 .box .item-img img {
	width: 100%;
	display: block;
	transition: all 1s ease;
}
.box04 .box .item-img b {
	width: 100%;
	height: 40px;
	background-image: url(../images/box04.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.box04 .box .item-img b span {
	line-height: 30px;
	height: 30px;
	padding-top: 10px;
	font-size: 16px;
	text-indent: 90px;
	display: block;
}
.box04 .box .item-content {
	width: 300px;
	padding: 30px;
	padding-top: 10px;
	background-color: #fff;
}
.box04 .box .item-content .item-title {
	font-size: 18px;
	line-height: 28px;
	height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box04 .box .item-content .item-text {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	margin: 5px 0;
	color: #666;
}
.box04 .box .item-content .item-text01 {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #666;
}
.box04 .box .item-content .item-text02 {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #999;
	margin-top: 5px;
}
.box04 .box .item-content .item-bq {
	width: 310px;
	margin-top: 10px;
	height: 26px;
}
.box04 .box .item-content .item-bq span {
	padding: 0 10px;
	font-size: 14px;
	line-height: 26px;
	height: 26px;
	display: block;
	float: left;
	margin-right: 10px;
	background-color: #4c8af2;
	color: #fff;
	border-radius: 3px;
}
.box04 .box .item:hover {
	box-shadow: 0 2px 18px 0 rgba(0, 170, 246, .2);
}
.box04 .box .item:hover .item-title {
	color: #4c8af2;
}
.box04 .more {
	width: 100%;
}
.box04 .more a {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #333;
	color: #fff;
	text-align: center;
	overflow: hidden;
	border-radius: 50px;
	margin: auto;
}
.box04 .more a:hover {
	background-color: #4c8af2;
}
.box04 .bm {
	width: 100%;
	text-align: center;
	margin: auto;
}
.box04 .bm a {
	width: 250px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	background-color: #4c8af2;
	border-radius: 50px;
	color: #fff;
	margin: 0 15px;
}
.footer {
	width: 100%;
	background-image: url(../images/footer.jpg);
	background-size: 100% 100%;
}
.footer .foot {
	width: 1200px;
	margin: 30px auto;
	display: flex;
	align-items: center;
}
.footer .foot .left {
	width: 500px;
}
.footer .foot .left strong {
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #fff;
}
.footer .foot .left p {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-top: 10px;
}
.footer .foot .left p a {
	color: #fff;
}
.footer .foot .mil {
	width: 280px;
	margin: 0 70px;
}
.footer .foot .mil span {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	display: block;
}
.footer .foot .mil b {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	display: block;
}
.footer .foot .mil p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	display: block;
}
.footer .foot .right {
	width: 280px;
}
.footer .foot .right p {
	display: block;
	float: right;
	margin-left: 30px;
}
.footer .foot .right p:last-child {
	margin-left: 0;
}
.footer .foot .right p img {
	width: 80px;
	display: block;
	margin: 10px auto;
}
.footer .foot .right p span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
}
.sec {
	width: 100%;
	padding: 70px 0;
	background-color: #eee;
}
.sec .title {
	width: 1200px;
	justify-content: center;
	align-items: center;
	margin: 0 auto 40px;
	display: flex;
}
.sec .main {
	width: 1100px;
	padding: 50px;
	padding-top: 10px;
	background-color: #fff;
	margin: auto;
	border-radius: 10px;
}
.sec .main .bt {
	width: 268px;
	height: 50px;
	background-image: url(../images/title_03.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 40px;
	font-size: 20px;
	line-height: 50px;
	text-indent: 40px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 5px;
}
.sec .main .biao {
	font-size: 18px;
	line-height: 28px;
	color: #4c8af2;
	margin-top: 35px;
}
.sec .main .time {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	padding: 5px 0;
	border-bottom: 1px solid #cacaca;
}
.sec .main .wen {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
}
.sec .main .wen img {
	max-width: 100%;
	height: auto;
}
.sec .main .arranges {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 25px;
}
.sec .main .arranges li {
	width: 24%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	position: relative;
}
.sec .main .arranges li .stage {
	padding-left: 10px;
	width: 60px;
	height: 60px;
	line-height: 20px;
	background-color: #4c8af2;
	border-radius: 30px 0 0 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.sec .main .arranges li .date {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 10px;
	padding-right: 15px;
	height: 100%;
	border: 1px solid #4c8af2;
	border-radius: 0 30px 30px 0;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	box-sizing: border-box;
}
.sec .main .arranges li .icon-arrow {
	position: absolute;
	top: 11px;
	left: -25px;
	width: 38px;
	height: 38px;
}
.sec .main .more {
	width: 200px;
	margin: auto;
	margin-top: 40px;
}
.sec .main .more a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #4c8af2;
	color: #fff;
	text-align: center;
	overflow: hidden;
	border-radius: 50px;
}
/*登录*/



.dbox {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.dbox .nav {
	position: absolute;
	right: 11%;
	top: 5%;
}
.dbox .nav a {
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding: 0 15px;
	margin-left: 30px;
	color: #fff;
	overflow: hidden;
	float: left;
}
.dbox .nav a::after, .dbox .nav a::before {
	position: absolute;
	opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .2s;
	-moz-transition: -moz-transform .3s, opacity .2s;
	transition: transform .3s, opacity .2s;
}
.dbox .nav a::before {
	left: 0;
	content: '[';
	-webkit-transform: translateX(15px);
	-moz-transform: translateX(15px);
	transform: translateX(15px);
}
.dbox .nav a::after {
	right: 0;
	content: ']';
	-webkit-transform: translateX(-15px);
	-moz-transform: translateX(-15px);
	transform: translateX(-15px);
}
.dbox .nav a:hover::after, .dbox .nav a:hover::before {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0)
}
.dbox .box {
	position: absolute;
	left: 12%;
	top: 50%;
	min-height: 460px;
	max-height: 80vh;
	padding-bottom: 30px;
	transform: translateY(-50%);
	background: linear-gradient(to bottom, rgba(66,255,255,0.5), rgba(37,37,165,0.0));
	width: 25%;
	border-radius: 20px;
	overflow: auto;
}
 .dbox .box::-webkit-scrollbar {
width:5px;
height:1px;
}
 .dbox .box::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#4c8af2;
}
 .dbox .box::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}
.dbox .box .title {
	width: 70%;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 10px;
}
.dbox .box .title a {
	display: block;
	font-size: 18px;
	line-height: 44px;
	color: #afb7e1;
	margin-right: 30px;
	float: left;
	position: relative;
}
.dbox .box .title a.on {
	font-size: 24px;
	color: #fff;
}
.dbox .box .title a.on b {
	width: 100%;
	height: 2px;
	display: block;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.dbox .box .title a:hover {
	color: #fff;
}
.dbox .box .title01 {
	width: 70%;
	margin: auto;
	text-align: left;
	margin-top: 10px;
}
.dbox .box .title01 a {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	padding: 0 20px;
	background-color: rgba(255,255,255,0.1);
	color: #afb7e1;
	margin-right: 10px;
	position: relative;
	border-radius: 30px;
	overflow: hidden;
}
.dbox .box .title01 a.on {
	color: #fff;
}
.dbox .box .title01 a:hover {
	color: #fff;
}
.dbox .box .dl01 {
	width: 70%;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 5px;
	position: relative;
}
.dbox .box .dl01 a {
	display: block;
	position: absolute;
	right: 0;
	bottom: 5px;
	color: #afb7e1;
	line-height: 34px;
}
.dbox .box .dl01 a input{ display:block; height:34px; line-height:34px; background-color:transparent; color:#afb7e1;}
.dbox .box .dl01 a:hover,.dbox .box .dl01 a input:hover {
	color: #fff;
}
.dbox .box .dl01 span {
	display: block;
	color: #afb7e1;
	font-size: 14px;
	line-height: 34px;
}
.dbox .box .dl01 p {
	display: block;
	border-bottom: 1px solid #afb7e1;
}
.dbox .box .dl01 p input {
	padding: 5px 0;
	font-size: 14px;
	line-height: 24px;
	display: block;
	color: #fff;
	background-color: transparent;
}
.dbox .box .dl01 p select {
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
	line-height: 24px;
	display: block;
	color: #fff;
	background-color: transparent;
}
.dbox .box .dl01 p select option {
	background-color: #fff;
	color: #333;
}
.dbox .box .dl01 p.ww select {
	width: 30%;
	float: left;
}
.dbox .box .dl01 p.ww select:nth-child(2) {
	margin: 0 5%;
}
 .dbox .box .dl01 input::-webkit-input-placeholder {
color:#dfdfdd;
}
 .dbox .box .dl01 input:-moz-placeholder {
color:#dfdfdd;
}
 .dbox .box .dl01 input::-moz-placeholder {
color:#dfdfdd;
}
 .dbox .box .dl01 input:-ms-input-placeholder {
color:#dfdfdd
}
.dbox .box .dl02 {
	width: 70%;
	margin: auto;
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	color: #afb7e1;
	margin-top: 10px;
}
.dbox .box .dl02 a {
	color: #fff;
	margin-left: 5px;
}
.dbox .box .dl02 a:hover {
	text-decoration: underline;
}
.dbox .box .dl03 {
	width: 70%;
	margin: auto;
	margin-top: 20px;
}
.dbox .box .dl03 input {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	background-color: #4c8af2;
	color: #fff;
	text-align: center;
	overflow: hidden;
	border-radius: 50px;
	cursor: pointer;
}
/*会员*/



.hbox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #f5f6fa;
	display: flex;
	align-items: center;
}
.hbox .lbar {
	flex-shrink: 0;
	height: 100%;
	width: 60px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.hbox .lbar.wid {
	width: 200px;
}
.hbox .lbar .left {
	width: 60px;
	height: 100%;
	overflow: auto;
	background: #2d6fde;
	float: left;
}
 .hbox .lbar .left::-webkit-scrollbar {
width:5px;
height:1px;
}
 .hbox .lbar .left::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#4c8af2;
}
 .hbox .lbar .left::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}
.hbox .lbar .left .l01 {
	width: 40px;
	height: 40px;
	margin: 10px;
	border-radius: 100%;
}
.hbox .lbar .left .l01 img {
	width: 100%;
	display: block;
}
.hbox .lbar .left .l02 {
	display: block;
	text-align: center;
	margin-top: 25px;
	opacity: 0.7;
}
.hbox .lbar .left .l02 img {
	display: block;
	height: 24px;
	margin: auto;
}
.hbox .lbar .left .l02 p {
	font-size: 14px;
	line-height: 24px;
	display: block;
	color: #fff;
	margin-top: 5px;
}
.hbox .lbar .left .l02:hover {
	opacity: 0.85;
}
.hbox .lbar .left .l02.on {
	opacity: 1;
}
.hbox .lbar .left .tab_menu {
	width: 100%;
}
.hbox .lbar .left .tab_menu a {
	display: block;
	text-align: center;
	margin-top: 25px;
	opacity: 0.7;
	cursor: pointer;
}
.hbox .lbar .left .tab_menu a img {
	display: block;
	height: 24px;
	margin: auto;
}
.hbox .lbar .left .tab_menu a p {
	font-size: 14px;
	line-height: 24px;
	display: block;
	color: #fff;
	margin-top: 5px;
}
.hbox .lbar .left .tab_menu a:hover {
	opacity: 0.85;
}
.hbox .lbar .left .tab_menu a.on {
	opacity: 1;
}
.hbox .lbar .tabox {
	width: 0;
	background-color: #f0f4ff;
	height: 100%;
	position: absolute;
	left: 60px;
	top: 0;
}
.hbox .lbar.wid .tabox {
	width: 140px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.hbox .lbar .tabox .box {
	padding: 30px 20px;
}
.hbox .lbar .tabox .box .bt {
	font-size: 18px;
	line-height: 28px;
	height: 28px;
}
.hbox .lbar .tabox .box .list {
	width: 100px;
	padding-top: 10px;
}
.hbox .lbar .tabox .box .list a {
	padding-left: 15px;
	background-image: url(../images/li.png);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	color: #666;
	margin-top: 10px;
}
.hbox .lbar .tabox .box .list a:hover, .hbox .lbar .tabox .box .list a.cur {
	color: #4c8af2;
	background-image: url(../images/li01.png);
}
.hbox .rbar {
	flex-grow: 1;
	height: 100%;
}
.hbox .rbar .r01 {
	padding: 0 30px;
	background-color: #fff;
	height: 60px;
}
.hbox .rbar .r01 .left {
	font-size: 26px;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	color: #4c8af2;
	float: left;
}
.hbox .rbar .r01 .u-contactqq {
	height: 50px;
	line-height: 50px;
	position: relative;
	cursor: pointer;
	padding: 5px 10px;
}
.hbox .rbar .r01 .u-contactqq i {
	height: 18px;
	display: block;
	margin-top: 16px;
	float: left;
}
.hbox .rbar .r01 .u-contactqq i img {
	display: block;
	height: 18px;
}
.hbox .rbar .r01 .u-contactqq span {
	font-size: 14px;
	display: block;
	float: left;
	margin-left: 5px;
}
.hbox .rbar .r01 .u-contactqq:hover span {
	color: #4c8af2;
}
.hbox .rbar .r01 .u-header_user {
	position: relative;
	width: 150px;
	font-size: 12px;
	height: 60px;
	margin-left: 10px;
}
.hbox .rbar .r01 .u-header_user .header-img {
	height: 35px;
	width: 35px;
	border-right: 15px;
	float: left;
	margin-top: 12.5px;
}
.hbox .rbar .r01 .u-header_user .header-img img {
	width: 35px;
	height: 35px;
	border-radius: 50%
}
.hbox .rbar .r01 .u-header_user .header-info {
	width: 115px;
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
	cursor: pointer;
	margin-top: 13px;
}
.hbox .rbar .r01 .u-header_user .header-info h3 {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	display: block;
	overflow: hidden;
}
.hbox .rbar .r01 .u-header_user .header-part {
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
}
.hbox .rbar .r01 .u-header_user .header-part span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	float: left;
}
.hbox .rbar .r01 .u-header_user .header-part i {
	display: block;
	float: left;
	height: 6px;
	margin-top: 4px;
	margin-left: 5px;
}
.hbox .rbar .r01 .u-header_user .header-part i img {
	display: block;
	height: 6px;
	float: left;
}
.hbox .rbar .r01 .header-down {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%);
	clear: both;
	z-index: 20000;
	display: none;
}
.hbox .rbar .r01 .header-down s {
	display: block;
	position: absolute;
	z-index: 5000;
	width: 14px;
	height: 14px;
	background-color: #fff;
	transform: rotate(45deg);
	top: 2px;
	left: 50%;
	margin-left: -6px;
}
.hbox .rbar .r01 .header-down ul {
	width: 90px;
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 5100;
	top: 8px;
	padding: 5px 10px;
}
.hbox .rbar .r01 .header-down ul li {
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	font-size: 12px;
}
.hbox .rbar .r01 .header-down ul li:last-child {
	border-bottom: none;
}
.hbox .rbar .r01 .header-down ul li i {
	height: 34px;
	float: left;
}
.hbox .rbar .r01 .header-down ul li i img {
	height: 16px;
	display: block;
	margin: 9px 5px;
}
.hbox .rbar .r01 .header-down ul li:hover a {
	color: #4c8af2 !important;
}
.hbox .rbar .r01 .u-header_user:hover .header-down {
	display: block;
}
.hbox .rbar .r02 {
	width: calc(100% - 100px);
	margin: 20px;
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
}
.hbox .rbar .r02 .title {
	width: 100%;
}
.hbox .rbar .r02 .title b {
	width: 14px;
	height: 14px;
	background-color: #4c8af2;
	border-radius: 14px;
	float: left;
	display: block;
	margin-top: 3px;
}
.hbox .rbar .r02 .title p {
	display: block;
	float: left;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #4c8af2;
	margin-left: 10px;
	font-weight: bold;
}
.hbox .rbar .r02 .list {
	width: 100%;
	display: block;
}
.hbox .rbar .r02 .list li {
	display: block;
	float: left;
	margin-right: 5%;
	margin-top: 30px;
}
.hbox .rbar .r02 .list li strong {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	display: block;
	float: left;
	background-color: #4c8af2;
	overflow: hidden;
}
.hbox .rbar .r02 .list li strong img {
	height: 40px;
	margin: 20px auto;
	display: block;
}
.hbox .rbar .r02 .list li p {
	display: block;
	float: left;
	margin-left: 20px;
}
.hbox .rbar .r02 .list li p span {
	display: block;
	font-size: 16px;
	line-height: 26px;
	margin: 5px 0;
}
.hbox .rbar .r02 .list li p a {
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #666;
}
.hbox .rbar .r02 .list li p a b {
	color: #4c8af2;
	font-size: 26px;
	font-weight: normal;
	margin-right: 5px;
}
.hbox .rbar .r03 {
	width: calc(100% - 60px);
	height: calc(100% - 154px);
	margin-top: 2px;
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
	overflow: auto;
}
.hbox .rbar .r03 .title {
	width: 100%;
}
.hbox .rbar .r03 .title b {
	width: 14px;
	height: 14px;
	background-color: #4c8af2;
	border-radius: 14px;
	float: left;
	display: block;
	margin-top: 3px;
}
.hbox .rbar .r03 .title p {
	display: block;
	float: left;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #4c8af2;
	margin-left: 10px;
	font-weight: bold;
}
 .hbox .rbar .r03::-webkit-scrollbar {
width:5px;
height:1px;
}
 .hbox .rbar .r03::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#4c8af2;
}
 .hbox .rbar .r03::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}
.table {
	width: 100%;
	margin-top: 30px;
	overflow: auto;
}
.table table {
	width: 100%;
}
.table table th {
	background-color: #4c8af2;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	min-width: 40px;
	vertical-align: middle;
	padding: 10px 5px;
}
.table table td {
	background-color: #fff;
	border-bottom: 1px solid #cacaca;
	font-size: 14px;
	line-height: 24px;
	min-width: 40px;
	vertical-align: middle;
	padding: 10px 5px;
}
.table table td img{ max-width:100%; height:auto !important; max-height:60px;}
.table table input[type=checkbox] {
	width: 14px;
	height: 14px;
}
.table table input[type=radio] {
	width: 14px;
	height: 14px;
}
.table table td a {
	color: #4c8af2;
	margin: 0 5px;
}
.table table td a:hover {
	text-decoration: underline;
}
.table table td span {
	display: inline-block;
	padding: 0 5px;
	background-color: #eee;
	color: #333;
	margin: 2px 5px;
	margin-left: 0;
	border-radius: 3px;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.table table td p{ display:inline-block; padding:5px 0;}
.table table td p img{ max-height:40px;}
/*列表*/



.hbox .rbar .cont {
	width: calc(100% - 60px);
	height: calc(100% - 121px);
	border-top: 1px solid #eee;
	background-color: #fff;
	padding: 30px;
	overflow: auto;
}
.hbox .rbar .cont .title {
	width: 100%;
}
.hbox .rbar .cont .title b {
	width: 14px;
	height: 14px;
	background-color: #4c8af2;
	border-radius: 14px;
	float: left;
	display: block;
	margin-top: 3px;
}
.hbox .rbar .cont .title p {
	display: block;
	float: left;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #4c8af2;
	margin-left: 10px;
	font-weight: bold;
}
 .hbox .rbar .cont::-webkit-scrollbar {
width:5px;
height:1px;
}
 .hbox .rbar .cont::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#4c8af2;
}
 .hbox .rbar .cont::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}
/*时间*/

.hbox .rbar .cont .time {
	text-align: center;
	width: 640px;
	margin: auto;
	margin-top: 30px;
}
.hbox .rbar .cont .time .dash {
	display: block;
	float: left;
	margin-right: 13px;
	position: relative;
}
.hbox .rbar .cont .time .dash.seconds_dash {
	margin-right: 0;
}
.hbox .rbar .cont .time .dash .digit {
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	display: block;
	position: relative;
	z-index: 0;
}
.hbox .rbar .cont .time .dash .digit.mar {
	margin-left: 5px;
}
.hbox .rbar .cont .time .dash .digit .top {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #dcdfe1;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
.hbox .rbar .cont .time .dash .digit .bottom {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #dcdfe1;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
.hbox .rbar .cont .time .dash a {
	display: block;
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
}
.hbox .rbar .cont .time .dash b {
	display: block;
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9;
	position: absolute;
	left: 44px;
	top: 0;
}
.hbox .rbar .cont .time .dash .dash_title {
	margin-left: 13px;
	float: left;
	display: block;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
}
/*导航标题名称*/
.hbox .rbar .cont .bt {
	width: 368px;
	height: 50px;
	background-image: url(../images/title01_03.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 40px;
	font-size: 20px;
	line-height: 50px;
	text-indent: 40px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 5px;
}
/*翻页*/
.fanye {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
	margin-top: 20px;
}
.fanye form{ display:inline-block;}
.fanye ul {
	display: inline-block;
}
.fanye li, .fanye button, .fanye input, .fanye select, .fanye span {
	border: 1px solid #e2e2e2;
}
.fanye li {
	display: inline-block;
	margin: 0 -1px 5px 0;
}
.fanye li.disabled {
	cursor: no-drop;
}
.fanye li a, .fanye li span {
	border: none;
	display: block;
	vertical-align: middle;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	background-color: #fff;
	color: #333;
	font-size: 12px;
}
.fanye>:first-child {
	margin-left: 0!important;
}
.fanye .last {
	margin-right: 0 !important;
}
.fanye .curr {
	position: relative;
}
.fanye .curr .em {
	position: absolute;
	left: -1px;
	top: -1px;
	padding: 1px;
	width: 100%;
	height: 100%;
	background-color: #4c8af2;
	font-style: normal;
	color: #fff;
	text-align: center;
}
.fanye li:hover {
	background-color: #f1f1f1;
	text-align: center;
}
.fanye li:hover a {
	color: #4c8af2;
}
.fanye li.active span {
	color: #4c8af2;
}
.fanye .count, .fanye .limits, .fanye .refresh, .fanye .skip {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	border: none;
}
.fanye .skip {
	height: 30px;
	line-height: 30px;
	color: #999;
}
.fanye button, .fanye input {
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	vertical-align: top;
	background-color: #fff;
	box-sizing: border-box;
}
.fanye input {
	width: 40px;
	margin: 0 10px;
	padding: 0 3px;
	text-align: center;
}
.fanye button {
	margin-left: 10px;
	padding: 0 10px;
	cursor: pointer;
}
.fanye .btn {
	display: inline-block;
	padding: 0 10px;
	background-color: #4c8af2;
	color: #fff;
	text-align: center;
	height: 28px;
	line-height: 28px;
}
.xuan {
	width: 100%;
	margin-top: 30px;
}
.xuan .x01 {
	width: 200px;
	box-sizing: border-box;
	padding: 0 9px;
	border: 1px solid #cacaca;
	border-radius: 3px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.xuan .layui-form-item{ clear:none; float:left;}
.xuan .layui-form-item .layui-input,.xuan .layui-form-item .layui-select{ height:36px; border-radius:3px;}
.xuan .x01 .layui-input,.xuan .x01  .layui-select{ height:34px; line-height:34px;}
.xuan .x01 input, .xuan .x01 select {
	width: 100%;
	display: block;
	font-size: 14px;
	line-height: 34px;
	height: 34px;
	overflow: hidden;
}
.xuan .x01 input.room {
	background-image: url(../images/date.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
.xuan .x02 {
	width: 80px;
	text-align: center;
	border-radius: 3px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.xuan .x02 input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	display: block;
	color: #fff;
	overflow: hidden;
	background-color: #4c8af2;
	border-radius: 3px;
	cursor: pointer;
}
.xuan .x02 a {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	display: block;
	color: #fff;
	overflow: hidden;
	background-color: #4c8af2;
	border-radius: 3px;
	cursor: pointer;
}
.xuan .x03 {
	width: 80px;
	text-align: center;
	border-radius: 3px;
	float: left;
	margin-bottom: 10px;
}
.xuan .x03 a {
	width: 78px;
	border: 1px solid #cacaca;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	display: block;
	overflow: hidden;
	border-radius: 3px;
}
.xuan .x04 {
	width: 80px;
	text-align: center;
	border-radius: 3px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
.xuan .x04 a {
	width: 78px;
	border: 1px solid #cacaca;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	display: block;
	overflow: hidden;
	border-radius: 3px;
}
.xuan .x05 {
	width: 150px;
	text-align: center;
	border-radius: 3px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
.xuan .x05 select {
	width: 140px;
	border: 1px solid #cacaca;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	display: block;
	overflow: hidden;
	border-radius: 3px;
}
.add {
	width: 100%;
}
.add a {
	display: block;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	width: 120px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
}
.add a:hover {
	color: #fff !important;
	text-decoration: underline;
}
.add a.a01 {
	background-image: url(../images/add01.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
.add a.a02 {
	background-image: url(../images/add02.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
.add a.a03 {
	background-image: url(../images/add03.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
.add a.a05{ background-color:#f1f1f1; color:#333;}
.add a.a05:hover{ color:#4c8af2 !important;}
.hbox .rbar .cont01 {
	width: calc(100% - 60px);
	height: calc(100% - 154px);
	border-top: 2px solid #eee;
	margin-bottom: 2px;
	background-color: #fff;
	padding: 30px;
	padding-top: 0;
	overflow: auto;
}
.hbox .rbar .cont01 .title {
	width: 100%;
}
.hbox .rbar .cont01 .title b {
	width: 14px;
	height: 14px;
	background-color: #4c8af2;
	border-radius: 14px;
	float: left;
	display: block;
	margin-top: 3px;
}
.hbox .rbar .cont01 .title p {
	display: block;
	float: left;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #4c8af2;
	margin-left: 10px;
	font-weight: bold;
}
 .hbox .rbar .cont01::-webkit-scrollbar {
width:5px;
height:1px;
}
 .hbox .rbar .cont01::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#4c8af2;
}
 .hbox .rbar .cont01::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}
/*编辑*/



.db {
	background-color: #fff;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	z-index: 99;
	height: 40px;
	width: 100%;
	overflow: hidden;
}
.db .d01 {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
	background-image: url(../images/add01.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
}
.db .d02 {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
	background-image: url(../images/add02.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
}
.db .d03 {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
	background-image: url(../images/add03.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
}
.db .d04 {
	display: inline-block;
	width: 300px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #eee;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
}
.db .d04 img {
	display: inline-block;
	vertical-align: middle;
	line-height: 36px;
	margin-right: 5px;
}
#hardware .d04 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hbox .rbar .cont01 .bt {
	width: 368px;
	height: 50px;
	background-image: url(../images/title01_03.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 40px;
	font-size: 20px;
	line-height: 50px;
	text-indent: 40px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 5px;
}
.hbox .rbar .cont01 .bc {
	width: 368px;
	height: 50px;
	margin-top: 40px;
	font-size: 20px;
	line-height: 50px;
	text-indent: 40px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 5px;
}
.hbox .rbar .cont01 .bc input {
	width: 200px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	background-color: #f1f1f1;
	text-indent: 15px;
	display: block;
	float: left;
}
.xx01 {
	display: flex;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
}
.xx01 .zc {
	width: 120px;
	flex-shrink: 0;
	color: #555;
}
.xx01 .zc i {
	font-style: normal;
	color: #C00;
	line-height: 40px;
}
.xx01 .yc {
	flex-grow: 1;
	color: #777;
	width: calc(50% - 120px);
	position:relative;
}
.xx01 .yc>span{ position:absolute; right:10px; top:0; height:40px; line-height:40px;}
.xx01 .yc a{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
	background-image: url(../images/add01.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
}
.xx04 .yc .cha{ margin-top:0; color:#fff; font-size:14px;
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #4c8af2;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
	margin-right:10px;
}
.xx01 .yc input, .xx01 .yc select {
	width: 50%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	background-color: #f1f1f1;
	text-indent: 10px;
	display: block;
	float: left;
}
.xx01 .yc textarea {
	width: 78%;
	box-sizing: border-box;
	height: 120px;
	line-height: 24px;
	font-size: 14px;
	background-color: #f1f1f1;
	padding: 8px 10px;
	float: left;
	overflow: auto;
}
.xx02 {
	display: flex;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
}
.xx02 .zc {
	width: 120px;
	flex-shrink: 0;
	color: #555;
}
.xx02 .zc i {
	font-style: normal;
	color: #C00;
	line-height: 40px;
}
.xx02 .yc {
	flex-grow: 1;
	color: #777;
}
.xx02 .yc input, .xx02 .yc select {
	width: 78%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	background-color: #f1f1f1;
	text-indent: 10px;
	display: block;
	float: left;
}
.xx02 .yc textarea {
	width: 78%;
	box-sizing: border-box;
	height: 120px;
	line-height: 24px;
	font-size: 14px;
	background-color: #f1f1f1;
	padding: 8px 10px;
	float: left;
	overflow: auto;
}
.xx03 {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding: 20px;
	margin-top: 10px;
}
.xx03 .zc {
	width: 120px;
	flex-shrink: 0;
	color: #555;
}
.xx03 .yc {
	flex-grow: 1;
	color: #777;
}
.xx03 .yc>input {
	width: 160px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	background-color: #f1f1f1;
	text-indent: 10px;
	float: left;
	display: block;
}
.xx03 .yc p {
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	width: 420px;
	float: left;
}
.xx03 .yc p .inp01 {
	width: 260px;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	background-color: #f1f1f1;
	text-indent: 10px;
	float: left;
	display: block;
}
.xx03 .yc p .inp02 {
	width: 140px;
	position: absolute;
	left: 280px;
	top: 0;
	display: block;
	height: 40px;
	cursor: pointer;
	opacity: 0;
}
.xx03 .yc p select {
	width: 50%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	background-color: #f1f1f1;
	text-indent: 10px;
	display: block;
	float: left;
}
.xx03 .yc p a {
	width: 138px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	display: block;
	float: left;
	margin-left: 20px;
	border: 1px solid #eee;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}
.xx03 .yc p a img {
	vertical-align: middle;
	margin-right: 5px;
}
.xx03 .yc span {
	display: block;
	float: left;
	margin-left: 50px;
}
.xx03 .yc span a {
	display: block;
	width: 120px;
	height: 40px;
	background-color: #4c8af2;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
}
.xx03 .yc p:last-child {
	margin-bottom: 0;
}
.xx03 .yc b {
	font-size: 14px;
	line-height: 40px;
	margin-left: 20px;
	font-weight: normal;
	color: #999;
}
.yc input.room {
	background-image: url(../images/date.png);
	background-position: right center;
	background-repeat: no-repeat;
}
/*报名*/



.hbox .rbar .cont01 .titles {
	width: 100%;
	justify-content: center;
	align-items: center;
	margin: 0 auto 40px;
	display: flex;
	margin-top: 50px;
}
.hbox .rbar .cont01 .titles .g-title {
	font-size: 30px;
	margin: 0 20px;
	line-height: 40px;
}
.hbox .rbar .cont01 .time {
	text-align: center;
	width: 640px;
	margin: auto;
	margin-top: 30px;
}
.hbox .rbar .cont01 .time .dash {
	display: block;
	float: left;
	margin-right: 13px;
	position: relative;
}
.hbox .rbar .cont01 .time .dash.seconds_dash {
	margin-right: 0;
}
.hbox .rbar .cont01 .time .dash .digit {
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	display: block;
	position: relative;
	z-index: 0;
}
.hbox .rbar .cont01 .time .dash .digit.mar {
	margin-left: 5px;
}
.hbox .rbar .cont01 .time .dash .digit .top {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #dcdfe1;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
.hbox .rbar .cont01 .time .dash .digit .bottom {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #dcdfe1;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
.hbox .rbar .cont01 .time .dash a {
	display: block;
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
}
.hbox .rbar .cont01 .time .dash b {
	display: block;
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9;
	position: absolute;
	left: 44px;
	top: 0;
}
.hbox .rbar .cont01 .time .dash .dash_title {
	margin-left: 13px;
	float: left;
	display: block;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
}
.xx04 {
	display: flex;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
}
.xx04 .zc {
	width: 120px;
	flex-shrink: 0;
	color: #555;
}
.xx04 .zc i {
	font-style: normal;
	color: #C00;
	line-height: 40px;
}
.xx04 .yc {
	flex-grow: 1;
	color: #777;
	width: calc(100% - 120px);
}
.xx04 .yc .li_image {
	height: 165px;
	float: left;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.xx04 .yc .li_image img {
	display: block;
	height: 165px;
}
.xx04 .yc .li_image .span_del {
	width: 26px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: rgba(0,0,0,.7);
	text-align: center;
	color: #fff;
	border-radius: 100%;
	display: block;
	cursor: pointer;
}
.xx04 .yc p {
	width: 120px;
	height: 160px;
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
}
.xx04 .yc p img {
	height: 160px;
	display: block;
}
.xx04 .yc p input {
	width: 100%;
	height: 160px;
	display: block;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.xx04 .yc p span {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: rgba(0,0,0,0.7);
	font-size: 14px;
	color: #fff;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
}
.xx04 .yc a {
	display: block;
	float: left;
	margin-top: 120px;
	line-height: 40px;
	margin-left: 20px;
	color: #999;
}
.xx04 .yc b {
	width: 200px;
	height: 120px;
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	font-weight: normal;
}
.xx04 .yc b img {
	height: 120px;
	display: block;
}
.xx04 .yc b input {
	width: 100%;
	height: 120px;
	display: block;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.xx04 .yc b span {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: rgba(0,0,0,0.7);
	font-size: 14px;
	color: #fff;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
}
.hbox .rbar .cont01 .bts a {
	display: block;
	float: right;
	margin-left: 15px;
	margin-top: 47px;
	width: 120px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
}
.hbox .rbar .cont01 .bts a.a01 {
	background-image: url(../images/add01.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
.hbox .rbar .cont01 .bts a.a02 {
	background-image: url(../images/add02.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
/*弹出框*/



#btn1 {
	cursor: pointer;
}
.xcConfirm .xc_layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666666;
	opacity: 0.5;
	z-index: 2147000000;
}
.xcConfirm .popBox {
	position: fixed;
	left: 50%;
	top: 50%;
	padding-bottom: 20px;
	background-color: #ffffff;
	z-index: 2147000001;
	width: 570px;
	margin-left: -285px;
	margin-top: -160px;
	border-radius: 5px;
	font-weight: bold;
	color: #535e66;
}
.xcConfirm .popBox .ttBox {
	height: 30px;
	line-height: 30px;
	padding: 14px 30px;
	border-bottom: solid 1px #eef0f1;
}
.xcConfirm .popBox .ttBox .tt {
	font-size: 18px;
	display: block;
	float: left;
	height: 30px;
	position: relative;
}
.xcConfirm .popBox .ttBox .clsBtn {
	display: block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 22px;
	right: 30px;
	background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;
}
.xcConfirm .popBox .txtBox {
	margin: 40px 100px;
	overflow: hidden;
}
.xcConfirm .popBox .txtBox .bigIcon {
	float: left;
	margin-right: 20px;
	width: 48px;
	height: 48px;
	background-image: url(__PUBLIC__/Home/PC/images/icons.png);
	background-repeat: no-repeat;
	background-position: 48px 0;
}
.xcConfirm .popBox .txtBox p {
	margin-top: 16px;
	line-height: 26px;
	overflow-x: hidden;
	overflow-y: auto;
}
.xcConfirm .popBox .btnArea {
	border-top: solid 1px #eef0f1;
}
.xcConfirm .popBox .btnGroup {
	float: right;
}
.xcConfirm .popBox .btnGroup .sgBtn {
	margin-top: 14px;
	margin-right: 10px;
}
.xcConfirm .popBox .sgBtn {
	display: block;
	cursor: pointer;
	float: left;
	width: 95px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 5px;
}
.xcConfirm .popBox .sgBtn.ok {
	background-color: #0095d9;
	color: #FFFFFF;
}
.xcConfirm .popBox .sgBtn.cancel {
	background-color: #546a79;
	color: #FFFFFF;
}
#scratch {
	width: 700px;
}
.sm {
	margin-left: 30px;
	width: calc(100% - 730px);
	text-align: left;
}
.sm span {
	display: block;
	font-size: 18px;
	color: #4c8af2;
}
.sm p {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 20px;
}
 .sm p:last-chikd {
margin-bottom:0;
}
/*进度条*/



.jindu {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 99999999;
	display: none;
}
.jindu .box {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.jindu .box #myProgress {
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.7);
}
.jindu .box #myBar {
	width: 0;
	height: 40px;
	background-color: #4c8af2;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
}
.hbox .rbar .cont .bt {
	width: 368px;
	height: 50px;
	background-image: url(../images/title01_03.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 40px;
	font-size: 20px;
	line-height: 50px;
	text-indent: 40px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 5px;
}
.hbox .rbar .cont .bts a.a01 {
	display: block;
	width: 120px;
	height: 40px;
	background-color: #4c8af2;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}
.hbox .rbar .conts .yb .bt {
	margin-top: 20px;
}
.conts {
	width: 100%;
}
.conts .zb {
	width: 48%;
	float: left;
}
.conts .yb {
	width: 50%;
	float: right;
}
.conts .xx03 .zc {
	width: 80px;
}
.conts .xx03 .yc p {
	width: calc(100% - 130px);
}
.conts .xx03 .yc p input {
	width: 100%;
}
.conts .xx03 .yc span {
	margin-left: 10px;
}
.conts .xx04 .zc {
	width: 80px;
}
.conts .xx04 .yc b {
	float: left;
	display: block;
	width: 48%;
	margin-left: 4%;
	overflow: hidden;
}
.conts .xx04 .yc b:nth-child(2n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.conts .yb .wen {
	padding-left: 40px;
	font-size: 14px;
	color: #333;
	margin-top: 10px;
}
.conts .yb .wen img {
	max-width: 100%;
	height: auto;
}
.conts .yb .wen01 {
	padding-left: 40px;
	display: block;
}
.conts .yb .wen01 dt {
	padding-top: 10px;
	width: 100px;
	color: #333;
	clear: left;
	float: left;
	display: block;
	font-size: 14px;
	line-height: 34px;
	border-bottom: 1px solid #ddd;
}
.conts .yb .wen01 dd {
	padding-top: 10px;
	width: calc(100% - 100px);
	color: #4c8af2;
	float: left;
	display: block;
	font-size: 14px;
	line-height: 34px;
	border-bottom: 1px solid #ddd;
}
.conts .yb .wen02 {
	padding-left: 40px;
	display: block;
}
.conts .yb .wen02 dt {
	display: block;
	font-size: 18px;
	line-height: 28px;
	margin-top: 15px;
	color: #4c8af2;
}
.conts .yb .wen02 dd {
	overflow: hidden;
}
.conts .yb .wen02 dd>div {
	width: 100%;
	float: left;
}
.conts .yb .wen02 dd b {
	float: left;
	display: block;
	width: 48%;
	margin-left: 4%;
	margin-top: 10px;
	overflow: hidden;
}
.conts .yb .wen02 dd b:nth-child(2n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.conts .yb .wen02 dd b img {
	width: 100%;
	display: block;
}
.shangc {
	float: left;
}
.shangc a {
	width: 138px;
	height: 38px !important;
	font-size: 14px;
	line-height: 38px !important;
	display: block;
	margin-left: 0 !important;
	border: 1px solid #eee;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	margin-top: 20px !important;
}
.shangc a img {
	vertical-align: middle;
	margin-right: 5px;
}
.shangc span {
	width: 100%;
	float: left;
	color: #999;
	margin-top: 10px;
}
.shangcc {
	display: block;
	float: left;
	max-width: calc(100% - 180px);
}
.shangcc li {
	height: 120px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: 20px;
	display: block;
}
.shangcc li img {
	height: 120px;
	overflow: hidden;
}
.shangcc li .span_del {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 14px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	color: #fff;
	overflow: hidden;
	border-radius: 100%;
	text-align: center;
	cursor: pointer;
}
.shangcc li:hover .span_del {
	display: block;
}
.wz01 {
	line-height: 40px;
	width: 60px;
}
.wz02 {
	line-height: 40px;
	width: calc(50% - 60px);
}
.wz03 {
	line-height: 40px;
	width: calc(50% - 60px);
}
.wz02>div {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	float: left;
	margin-left: 10px;
}
.xx01 .yc .wz02>div input {
	width: 14px;
	height: 14px;
	display: block;
	float: left;
	margin: 5px;
}
/*预览*/



.hbox .rbar01 {
	width: 100%;
	height: 100%;
}
.hbox .rbar01 .cont {
	width: calc(100% - 60px);
	height: calc(100% - 121px);
	border-top: 1px solid #eee;
	background-color: #fff;
	padding: 30px;
	overflow: auto;
}
.hbox .rbar01 .cont .title {
	width: 100%;
}
.hbox .rbar01 .cont .title b {
	width: 14px;
	height: 14px;
	background-color: #4c8af2;
	border-radius: 14px;
	float: left;
	display: block;
	margin-top: 3px;
}
.hbox .rbar01 .cont .title p {
	display: block;
	float: left;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #4c8af2;
	margin-left: 10px;
	font-weight: bold;
}
 .hbox .rbar01 .cont::-webkit-scrollbar {
width:5px;
height:1px;
}
 .hbox .rbar01 .cont::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#4c8af2;
}
 .hbox .rbar01 .cont::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}
.yu01 {
	width: 840px;
	background-color: #eee;
	margin-top: 10px;
}
.yu01.mar {
	margin-top: 30px;
}
.yu01 .zc {
	width: 80px;
	float: left;
	text-align: right;
	color: #999;
	font-size: 14px;
	line-height: 40px;
}
.yu01 .yc {
	float: left;
	width: calc(100% - 100px);
	margin-left: 20px;
}
.yu01 .yc>input {
	width: 600px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	background-color: transparent;
	float: left;
}
.yu01 .yc>span>a {
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 8px 0;
	border-left: 1px solid #cacaca;
	margin-left: 10px;
}
.yu01 .yc>span>a:hover {
	color: #4c8af2;
}
.yu01 .yc #videos {
	display: flex;
	min-height: 40px;
	align-items: center;
}
.yu01 .yc #videos video {
	width: 600px;
	float: left;
	margin: 8px 0;
}
.yu01 .yc #videos a {
	float: left;
	display: block;
	height: 24px;
	line-height: 24px;
	margin-left: 10px;
}
.yu01 .yc #videos a:hover {
	color: #4c8af2;
}
.yu01 .yc>b {
	display: block;
	float: left;
	margin: 8px 10px;
	margin-left: 0;
}
.yu01 .yc>b img {
	height: 120px;
	display: block;
}
.yu01 .wen {
	width: calc(100% - 120px);
	font-size: 14px;
	line-height: 24px;
	margin: 8px 20px;
	float: left;
}
.yu01 .wen01 {
	width: calc(100% - 120px);
	display: block;
	overflow: hidden;
	margin: 8px 20px;
	float: left;
}
.yu01 .wen01 dt {
	clear: left;
	float: left;
	font-size: 14px;
	line-height: 24px;
	width: 100px;
}
.yu01 .wen01 dd {
	float: left;
	font-size: 14px;
	line-height: 24px;
	width: 580px;
}
.yu01 .yc>span {
	width: calc(100% - 600px);
	display: block;
	text-align: center;
	float: left;
}
.yu02 {
	margin-top: 30px;
}
.yu02 #scratch {
	margin: auto;
}
#nav {
	width: 1200px;
	margin: auto;
	text-align: center;
	padding-bottom: 10px;
}
#nav li {
	font-size: 18px;
	margin: 0 10px;
	margin-bottom: 20px;
	display: inline-block;
	min-width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	background-color: #fff;
	cursor: pointer;
}
#nav li a {
	display: block;
	padding: 0 20px;
}
#nav li.act {
	background-color: #4c8af2;
	color: #fff;
}
#nav li.act a {
	display: block;
	color: #fff;
}
.xdao {
	width: 1200px;
	margin: auto;
	text-align: center;
	padding-bottom: 10px;
	position: relative;
}
.xdao span {
	font-size: 18px;
	margin: 0 10px;
	margin-bottom: 20px;
	display: inline-block;
	min-width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	background-color: #fff;
	cursor: pointer;
}
.xdao ul {
	width: 600px;
	margin: auto;
	box-sizing: border-box;
	display: block;
	padding: 30px 50px;
	padding-top: 10px;
	border-radius: 10px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	top: 50px;
	display: none;
	overflow: hidden;
	border-radius: 5px;
	max-height: 340px;
	overflow: auto;
}
.xdao ul li {
	display: block;
	overflow: hidden;
	margin-top: 20px;
}
.xdao ul li a {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 5px;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #eee;
}
.xdao ul li a:hover {
	color: #4c8af2;
}
.xdao ul li.act a {
	background-color: #4c8af2;
	color: #fff;
}
.tkuang {
	width: 500px;
	padding: 30px;
	padding-top: 0;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 9999;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.7);
}
.tkuang .xx01 .yc input {
	text-indent: 0;
	width: 100%;
	text-align: center;
}
.tkuang .xx03 .yc video {
	width: 100%;
	display: block;
}
.pf {
	width: 94%;
	margin: auto;
	display: block;
	display: flex;
	flex-wrap: wrap;
}
.pf li {
	width: 22.75%;
	margin-left: 3%;
	display: block;
	float: left;
	margin-top: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	padding-bottom: 2vw;
}
.pf li:nth-child(4n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.pf li .p05 {
	width: 100%;
	height: 180px;
}
.pf li .p05 img {
	width: 100%;
	display: block;
}
.pf li .p01 {
	width: 90%;
	margin: auto;
	font-size: 18px;
	line-height: 28px;
	margin-top: 15px;
}
.pf li .p02 {
	width: 90%;
	margin: auto;
	display: block;
}
.pf li .p02 p {
	display: block;
	font-size: 14px;
	line-height: 24px;
}
.pf li .p03 {
	width: 90%;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 10px;
}
.pf li .p03 a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #4c8af2;
}
.pf li .p04 {
	width: 90%;
	margin: auto;
	height: 30px;
	margin-top: 10px;
	text-align: center;
}
.pf li .p04 span {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	margin: 0 10px;
}
.pf li .p04 span a {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	display: block;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
}
.pf li .p04 p {
	display: inline-block;
	margin: 0 10px;
}
.pf li .p04 p a {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	display: block;
	border-radius: 5px;
	background-color: #4c8af2;
	color: #fff;
}
.tkuang01 {
	width: 1000px;
	padding: 30px;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 9999;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.7);
}
.tkuang01 .left {
	width: 500px;
	float: left;
}
.tkuang01 .left video {
	width: 100%;
	display: block;
}
.tkuang01 .right {
	width: 470px;
	float: right;
	max-height: 60vh;
	overflow: auto;
}
.tkuang01 .right .bta {
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
}
.tkuang01 .right .bta01 {
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	margin-top: 10px;
}
.tkuang01 .right .bta02 {
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
	color: #666;
}
.tkuang01 .right .text {
	width: 100%;
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	background-color: #eee;
	display: block;
	text-indent: 20px;
	font-size: 14px;
	overflow: hidden;
}
.tkuang01 .right .db {
	margin-top: 10px;
	text-align: left;
}
.tkuang01 .right .db a {
	margin-left: 0;
	text-align: center;
	vertical-align: middle;
}
.tkuang01 .close {
	position: absolute;
	right: 20px;
	top: 20px;
}
.tkuang01 .close img {
	display: block;
}
.xuan .fl {
	float: left;
}
.xuan .fl>a {
	display: block;
	float: left;
	font-size: 16px;
	line-height: 36px;
	color: #888;
}
.xuan .fl>a.on {
	color: #333;
}
.xuan .fl>a:hover {
	color: #333;
}
.xuan .fl>em {
	display: block;
	float: left;
	margin: 12px 20px;
	width: 1px;
	height: 12px;
	background-color: #aaa;
	overflow: hidden;
}
.xuan .fr>span {
	display: block;
	float: left;
	margin-right: 15px;
	font-size: 14px;
	line-height: 36px;
}
#halbum {
	width: 100%;
	max-height: 70vh;
	overflow: auto;
}
#halbum img {
	display: block;
	max-width: 100%;
	margin: 5px auto !important;
}
.tkbox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.7);
	display: none;
}
.tkbox .close {
	width: 40px;
	position: fixed;
	right: 15px;
	top: 15px;
}
.tkbox .close img {
	width: 100%;
	display: block;
}
.tkbox .box {
	width: 1000px;
	padding: 50px;
	background-color: #fff;
	border-radius: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-height: 80vh;
	overflow: auto;
}
.tkbox .box .bt {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color: #4c8af2;
}
.tkbox .box .wen {
	font-size: 14px;
	line-height: 1.72;
}
.tkbox .box .wen img {
	max-width: 100%;
	height: auto;
}
.tan {
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	right: 1%;
	bottom: 5%;
	border-radius: 40px;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	cursor: pointer;
	display: none;
}
.tan img {
	display: block;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}
.bbox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.7);
	display: none;
}
.bbox .close {
	width: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.bbox .close img {
	width: 100%;
	display: block;
}
.bbox .box {
	width: 500px;
	padding: 50px;
	background-color: #fff;
	border-radius: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-height: 80vh;
	overflow: auto;
}
.bbox .box .bt {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color: #4c8af2;
}
.bbox .box .bt .on {
	color: #4c8af2;
}
.bbox .box .text {
	width: 100%;
	margin: 30px auto;
	margin-top: 25px;
}
.bbox .box .text p {
	float: left;
}
.bbox .box .text p a {
	width: 100%;
	display: block;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	background-color: #4c8af2;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.bbox .box .text input {
	width: 100%;
	height: 50px;
	display: block;
	background-color: #eee;
	font-size: 16px;
	line-height: 50px;
	border-radius: 5px;
	text-align: center;
	overflow: hidden;
}
.bbox .box .text select {
	width: 100%;
	height: 50px;
	display: block;
	background-color: #eee;
	font-size: 16px;
	line-height: 50px;
	border-radius: 5px;
	text-align: center;
	padding: 0 10px;
}
.bbox .box .sub {
	width: 200px;
	text-align: center;
	margin: auto;
}
.bbox .box .sub input {
	width: 100%;
	display: block;
	color: #fff;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	background-color: #4c8af2;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}
/*答题登录*/
.bpaper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.7);
	display: none;
}
.bpaper .close {
	width: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.bpaper .close img {
	width: 100%;
	display: block;
}
.bpaper .box {
	width: 500px;
	padding: 50px;
	background-color: #fff;
	border-radius: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-height: 80vh;
	overflow: auto;
}
.bpaper .box .bt {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color: #4c8af2;
}
.bpaper .box .bt .on {
	color: #4c8af2;
}
.bpaper .box .text {
	width: 100%;
	margin: 30px auto;
	margin-top: 25px;
}
.bpaper .box .text p {
	float: left;
}
.bpaper .box .text p a {
	width: 100%;
	display: block;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	background-color: #4c8af2;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.bpaper .box .text input {
	width: 100%;
	height: 50px;
	display: block;
	background-color: #eee;
	font-size: 16px;
	line-height: 50px;
	border-radius: 5px;
	text-align: center;
	overflow: hidden;
}
.bpaper .box .text select {
	width: 100%;
	height: 50px;
	display: block;
	background-color: #eee;
	font-size: 16px;
	line-height: 50px;
	border-radius: 5px;
	text-align: center;
	padding: 0 10px;
}
.bpaper .box .sub {
	width: 200px;
	text-align: center;
	margin: auto;
}
.bpaper .box .sub input {
	width: 100%;
	display: block;
	color: #fff;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	background-color: #4c8af2;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}
.pf01 {
	width: 1200px;
	margin: auto;
	display: block;
	display: flex;
	flex-wrap: wrap;
	margin-top: -20px;
}
.pf01 li {
	width: 285px;
	margin-left: 20px;
	display: block;
	float: left;
	margin-top: 20px;
	background-color: #fff;
	box-shadow: 0 2px 18px 0 rgba(0, 156, 225, .08);
	border-radius: 8px;
	overflow: hidden;
}
.pf01 li:nth-child(4n+1) {
	clear: left;
	float: left;
	margin-left: 0;
}
.pf01 li .p05 {
	width: 100%;
	height: 180px;
}
.pf01 li .p05 img {
	width: 100%;
	display: block;
}
.pf01 li .p01 {
	width: 245px;
	margin: auto;
	font-size: 18px;
	line-height: 28px;
	margin-top: 10px;
	color: #333;
}
.pf01 li .p02 {
	width: 245px;
	margin: auto;
	display: block;
	margin-top: 5px;
}
.pf01 li .p02 p {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}
.pf01 li .p03 {
	width: 245px;
	margin: auto;
	border-top: 1px solid #ddd;
	padding: 10px 0;
	margin-top: 10px;
}
.pf01 li .p03 p {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}
.pf01 li .p03 p img {
	display: block;
	height: 14px;
	margin: 5px 0;
	margin-right: 10px;
	float: left;
}
.pf01 li .p03 span {
	display: block;
	float: right;
	font-size: 14px;
	line-height: 24px;
	color: #4c8af2;
}
.pf01 li:hover .p01 {
	color: #4c8af2;
}
.sec .z01 {
	width: 1200px;
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	color: #4c8af2;
	margin: auto;
}
.sec .z02 {
	width: 540px;
	margin: 50px auto;
	margin-top: 20px;
}
.sec .z02 input {
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}
/*.xx01 .yc input.picker_input{ width:calc(100% - 130px);}*/

.picker {
	float: left;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
	background-image: url(../images/add01.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
}
.yu02 .lb {
	width: 840px;
	float: left;
}
.yu02 .rb {
	width: calc(100% - 870px);
	float: right;
}
.rb02 {
	font-size: 24px;
	line-height: 34px;
	margin-top: 35px;
}
.rb01 {
	width: 100%;
	margin-top: 20px;
}
.rb01 .zc {
	font-size: 18px;
	line-height: 28px;
}
.rb01 .wen {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.rb01 .yc {
	width: 100%;
	margin: 5px 0;
}
.rb01 .yc img {
	max-width: 100%;
	display: block;
	height: auto;
}
.lb .xia {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 30px;
	padding-bottom: 20px;
}
.lb .xia a {
	display: block;
	margin: 0 20px;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
}
.lb .xia a img {
	display: block;
	height: 30px;
	float: left;
	margin-right: 10px;
}
.lb .xia a:hover {
	color: #4c8af2;
}
.pl .bd {
	width: 100%;
	margin-top: 10px;
}
.pl .bd li {
	padding: 15px 0;
	border-bottom: 1px dashed #cacaca;
	overflow: hidden;
	display: block;
}
.pl .bd li a {
	font-size: 16px;
	line-height: 26px;
	display: block;
}
.pl .bd li p {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	display: block;
}
.pl .biao {
	font-size: 18px;
	line-height: 28px;
	margin-top: 25px;
}
.pl .text {
	width: 100%;
	margin-top: 10px;
}
.pl .text textarea {
	width: 100%;
	box-sizing: border-box;
	display: block;
	overflow: auto;
	padding: 15px 20px;
	font-size: 14px;
	line-height: 24px;
	height: 126px;
	background-color: #eee;
}
.pl .sub {
	margin-top: 30px;
}
.pl .sub input {
	display: block;
	font-size: 16px;
	width: 160px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	background: linear-gradient(to left, #4c8af2, #35ecee);
	margin: auto;
}
body> .rbar .cont01 {
	width: 1200px;
	margin: auto;
}
body> .rbar .cont01 .titles {
	width: 100%;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	display: flex;
}
body> .rbar .cont01 .titles .g-title {
	font-size: 30px;
	margin: 0 20px;
	line-height: 40px;
}
body> .rbar .cont01 .time {
	text-align: center;
	width: 640px;
	margin: auto;
	margin-top: 30px;
}
body> .rbar .cont01 .time .dash {
	display: block;
	float: left;
	margin-right: 13px;
	position: relative;
}
body> .rbar .cont01 .time .dash.seconds_dash {
	margin-right: 0;
}
body> .rbar .cont01 .time .dash .digit {
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	display: block;
	position: relative;
	z-index: 0;
}
body> .rbar .cont01 .time .dash .digit.mar {
	margin-left: 5px;
}
body> .rbar .cont01 .time .dash .digit .top {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #dcdfe1;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
body> .rbar .cont01 .time .dash .digit .bottom {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #dcdfe1;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
body> .rbar .cont01 .time .dash a {
	display: block;
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
}
body> .rbar .cont01 .time .dash b {
	display: block;
	width: 39px;
	height: 50px;
	background-image: url(../images/time_03.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9;
	position: absolute;
	left: 44px;
	top: 0;
}
body> .rbar .cont01 .time .dash .dash_title {
	margin-left: 13px;
	float: left;
	display: block;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
}
body> .rbar .cont01 .bt {
	width: 368px;
	height: 50px;
	background-image: url(../images/title01_03.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 40px;
	font-size: 20px;
	line-height: 50px;
	text-indent: 40px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 5px;
}
.rbar .cont01.wid .xx01 .zc {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}
.rbar .cont01.wid .xx01 .yc input, .rbar .cont01.wid .xx01 .yc select, .rbar .cont01.wid .xx01 .yc textarea {
	width: 100%;
	max-width: 600px;
}
.rbar .cont01.wid .xx01 .yc textarea {
	width: 100%;
	max-width: 800px;
}
.xx01 .yc.w01 {
	width: 15%;
}
.xx01 .yc.w02 {
	width: 10%;
}
.xx01 .yc.w03 {
	width: 15%;
	margin-right: 10px;
}
.xx01 .yc.w03:last-child {
	margin-right: 0;
}
.rbar .cont01.wid .xx04 .zc {
	width: 100px;
	text-align:right;
	padding-right: 20px;
}

.rbar .cont01.wid .xx04 .zc .shangc{ width:100%;}
.xx03 .yc p.xz {
	width: auto;
}
.xx03 .yc p.xz a {
	margin-left: 10px;
}
.layui-upload-list {
	width: 200px;
	height: 120px;
}
.layui-progress {
	width: 200px;
}
#ID-upload-demo-text {
	overflow: hidden;
}
#ID-upload-demo-text span {
	display: block;
	float: left;
	line-height: 22px;
	margin-bottom: 5px;
}
#ID-upload-demo-text a {
	margin-top: 0;
	line-height: 22px;
	color: #fff;
	margin-bottom: 5px;
}
#ID-upload-demo-text01 {
	overflow: hidden;
}
#ID-upload-demo-text01 span {
	display: block;
	float: left;
	line-height: 22px;
	margin-bottom: 5px;
}
#ID-upload-demo-text01 a {
	margin-top: 0;
	line-height: 22px;
	color: #fff;
	margin-bottom: 5px;
}
.ts {
	margin-left: 10px;
	color: #f50d0d;
}
.ck {
	width: 110px;
	height: 120px;
	position: relative;
	display: block;
	float: left;
	margin-left: 10px;
	overflow: hidden;
}
.ck img {
	height: 120px;
	display: block;
}
.ck span {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 14px;
	color: #fff;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
}
.hbox .rbar .cont01 .titles .g-title {
	text-align: center;
}
.lc {
	width: 80%;
	max-width:1150px;
}
.tkuang {
	max-height: 80vh;
	overflow: auto;
}
.tkuang.ww {
	width: 900px;
}
.tkuang.ww .zc {
	width: 110px !important;
	text-align: right;
	padding-right: 10px;
	box-sizing: border-box;
}
.tkuang.ww .yc img {
	max-width: 100% !important;
	float: left;
	margin-right: 10px;
}
.tkuang.ww .yc img:last-child {
	margin-right: 0;
}
#button_upload {
	display: block;
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 40px;
	background-color: #4c8af2;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	text-indent: 0;
	border-radius: 3px;
}
#downloads {
	margin-left: 10px;
}
.upload-demo-preview {
	margin-left: -10px !important;
	width: calc(100% + 10px);
	height: auto;
}
.upload-demo-preview img {
	margin-left: 10px;
	height: 120px;
}
.hbox .rbar .cont01 .btt {
	overflow: hidden;
	margin-top: 40px;
}
.hbox .rbar .cont01 .btt form{ float:right; margin-top:15px;}
.hbox .rbar .cont01 .btt .bt {
	float: left;
	margin-top: 0;
}
.hbox .rbar .cont01 .btt a {
	float: right;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	background-color: #4c8af2;
	margin-top: 14px;
	text-align: center;
	margin-left: 20px;
}
.ww01 {
	font-size: 18px;
	line-height: 28px;
	color: #4c8af2;
}
.ww02 {
	font-size: 14px;
	line-height: 1.7;
	color: #333;
	margin-top: 10px;
}
.ww02 img {
	max-width: 100%;
	height: auto;
}
.xx04 .yc.layui-upload .layui-upload-list {
	width: 100%;
	height: auto;
}
.layui-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.layui-table th, .layui-table td {
	border: 1px solid #ddd;
}
.xx04 .yc textarea {
	width: 78%;
	box-sizing: border-box;
	height: 120px;
	line-height: 24px;
	font-size: 14px;
	background-color: #f1f1f1;
	padding: 8px 10px;
	float: left;
	overflow: auto;
}
.rbar .cont01.wid .xx01 .yc .wz02>div input[type=checkbox] {
	width: 14px;
}
#styletwo {
	margin-left: 10px;
}
.rbar .cont01.wid .xx02 .zc, .rbar .cont01.wid .xx03 .zc {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}
.rbar .cont01.wid .xx03 .yc span {
	margin-left: 10px;
}
.layui-table.ss th {
	text-align: center;
}
.layui-table.ss a {
	line-height: 24px;
	height: 24px;
	width: auto;
	padding: 0;
	background: none !important;
	color: #4c8af2;
	font-size: 14px;
}
.form-group{ float:left;}
.fileinput {
	width: 200px;
	height: 120px;
	position: relative;
}
.fileinput .thumbnail {
	width: 100%;
	height: 120px;
	overflow: hidden;
	margin-bottom: 20px;
}
.fileinput .thumbnail img{ max-height:120px; max-width:100%;}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
	display: none !important;
}
.fileinput-new .fileinput-exists>div {
	overflow: hidden;
}
.fileinput .btn {
	display: block;
	float: left;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 34px !important;
	height: 34px !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px;
	position: relative;
	margin: 0 !important;
	overflow: hidden;
}
.fileinput .btn.btn-primary {
	color: #fff;
	background-color: #4c8af2;
	border-color: #4c8af2;
}
.fileinput .btn.btn-warning {
	color: #fff;
	background-color: #f50d0d;
	border-color: #f50d0d;
	margin-left: 20px !important;
}
.fileinput .files {
	display: none;
}
.btn-file > input {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 23px;
	cursor: pointer;
	filter: alpha(opacity = 0);
	opacity: 0;
	display: block;
	direction: ltr;
}
.xx01 .layui-form-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
.xx01 .layui-form-item .layui-input-inline {
	flex: 1;
}
#ID-upload-demo-btn,#ID-upload-demo-btn2,#ID-upload-demo-btn1{ margin-bottom:10px;}


.div{ padding:30px 0; border-bottom:1px solid #ddd;}
.div:last-child{ border-bottom:none; padding-bottom:0;}
.bb{ width:100%; font-size:18px; line-height:28px; display:flex; flex-wrap:wrap; align-items:center;}
.bb>div{ color:#4c8af2; margin-right:5px;}
.bb>span>a{ color:#4c8af2; font-weight:bold;}
.bb p{ display:flex; align-items:center; flex-wrap:wrap;}
.bb img{ max-height:800px; max-width:100%; width:auto !important;}
.bb01{ width:100%; overflow:hidden; padding-top:10px;}
.bb01 li{ width:48.5%; display:flex; overflow:hidden; margin-top:10px; float:left; margin-left:3%; font-size:14px; line-height:24px; align-items:flex-start; flex-wrap:wrap;}
.bb01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.bb01 li input{ margin-top:5px;}
.bb01 li .opt{ flex:1; display:flex; margin-left:5px; flex-wrap:wrap;}
.bb01 li *{ display:inline-block; vertical-align:middle;}
.bb01 li img{ max-height:800px; max-width:100%; width:auto !important;}

input[type="checkbox"]:disabled {
    opacity: 0.3; /* 降低不透明度 */
    cursor: not-allowed; /* 显示不可点击的鼠标指针 */
}

input[type="checkbox"]:checked:disabled {
    opacity: 1; /* 同时降低不透明度 */
	background-color:#4c8af2;
	border-color:#4c8af2;
	color:#4c8af2;
}

@media only screen and (max-width: 1023px) {
.bb{ font-size:16px; line-height:26px;}
.bb01 li{ width:100%; margin-left:0;}
.bb01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.bb img{ max-height:400px; max-width:100%;}
.bb01 li img{ max-height:400px;}
}