@charset "UTF-8";
/*
	@auther:Christopher_Song
	版权所有，侵权必究
*/
@font-face { font-family: 'Huawenxingkai'; src: url("../fonts/kaiti/huawenxingkai.ttf"); }
@font-face { font-family: 'Kaiti'; src: url("../fonts/kaiti/kaiti.ttf"); }
/*
@mixin bg-red
{
	background-color:map-get($color,red);
	color:white;
}
*/
body, h1, h2, h3, h4, ul, li, ol, dl, dd, dt, table, tr, form { margin: 0; padding: 0; }

ul, li, dl, dd, dt, form, table { list-style: none; }

img, a img { border: none; line-height: 0; }

/*public share tag start*/
h1 { font-size: 2em; line-height: 2.4em; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1; }

small { font-size: 65%; }

dt { font-weight: 700; }

p { margin: 5px 0 5px 0; }

/*public share tag end*/
/*public share class start*/
.test { border: 1px solid red; }

.clear { clear: both; font-size: 0; }

.clear-left { clear: left; font-size: 0; }

.clear-right { clear: right; font-size: 0; }

.clear-before:before { content: ""; display: block; clear: both; }

.clear-after:after { content: ""; display: block; clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.margin-right { margin-right: 10px; }

.margin-bottom { margin-bottom: 10px; }

.margin-right-15 { margin-right: 15px; }

.margin-bottom-15 { margin-bottom: 15px; }

.margin-top-15 { margin-top: 15px; }

.margin-right-20 { margin-right: 20px; }

.margin-bottom-20 { margin-bottom: 20px; }

.margin-top-20 { margin-top: 20px; }

.margin-center { margin: 0 auto; }

.padding-5 { padding: 0.5rem; }

.height-5 { height: 0.5rem; }

.padding-10 { padding: 1rem; }

.height-10 { height: 1rem; }

.padding-15 { padding: 1.5rem; }

.height-15 { height: 1.5rem; }

.padding-20 { padding: 2rem; }

.height-20 { height: 2rem; }

.padding-25 { padding: 2.5rem; }

.height-25 { height: 2.5rem; }

.padding-30 { padding: 3rem; }

.height-30 { height: 3rem; }

.padding-40 { padding: 4rem; }

.height-40 { height: 4rem; }

.font-size-10 { font-size: 10px; }

.font-size-11 { font-size: 11px; }

.font-size-12 { font-size: 12px; }

.font-size-13 { font-size: 13px; }

.font-size-14 { font-size: 14px; }

.font-size-15 { font-size: 15px; }

.font-size-16 { font-size: 16px; }

.font-size-17 { font-size: 17px; }

.font-size-18 { font-size: 18px; }

.font-size-19 { font-size: 19px; }

.font-size-20 { font-size: 20px; }

.line-through { text-decoration: line-through; }

.line-height { line-height: 1.5em; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.vertical-top { vertical-align: top; }

.vertical-middle { vertical-align: middle; }

.vertical-bottom { vertical-align: bottom; }

.display-none { display: none; }

.display-flex { display: flex; }

.display-block { display: block; }

.full-width { width: 100%; }

.flex-grow { flex-grow: 1; }

/*public share class end*/
/*private share modifiable style start*/
a { color: #1eddff; text-decoration: none; }

a:hover { color: #333; text-decoration: none; }

html { font-size: 10px; height: 100%; }

body, input, textarea, button, select, pre { font-family: "Helvetica Neue", "Arial", "Microsoft YaHei", "微软雅黑", "宋体"; line-height: 1.4em; outline: none; color: #333; font-size: 14px; }

body { background-color: #F3F5F7; -webkit-font-smoothing: antialiased; height: 100%; }

.font-italic { font-style: italic; }

.font-bold { font-weight: bold; }

.text-blue, .container h3 { color: #1A52A0; }

.text-red { color: #FB5D5C; }

.text-gray { color: #686868; }

.text-black { color: #333333; }

.text-sky, .button.button-border.border-blue, .button.button-border.border-sky { color: #1eddff; }

.text-orange, .button.button-border.border-orange { color: #E1AF40; }

.text-yellow { color: #E1A10A; }

.text-green { color: #5bdc94; }

.text-pink { color: #fff8f0; }

.text { color: #666; }

.text-white { color: white; }

.body { width: 1200px; margin: 0 auto; }

.bg-blue { background-color: #1A52A0; color: white; }

.bg-red { background-color: #FB5D5C; color: white; }

.bg-gray { background-color: #f3f3f3; }

.bg-black { background-color: #333333; color: white; }

.bg-sky { background-color: #1eddff; color: white; }

.bg-orange { background-color: #E1AF40; color: white; }

.bg-yellow { background-color: #E1A10A; color: white; }

.bg-green { background-color: #5bdc94; color: white; }

.bg-pink { background-color: #fff8f0; }

.bg-white { background-color: white; color: #666; }

.bg-purple-linear { background: linear-gradient(to right, , #903E7E); color: white; }

/*private share modifiable style end*/
/*private class start*/
.button { border: none; padding: 0.5em 1em; /*cursor:pointer;*/ vertical-align: middle; display: inline-block; }

.button:hover { opacity: .9; }

.button.button-lg { padding: 0.8em 2em; }

.button.button-sm { padding: 0.2em 0.3em; }

.button.button-wide { padding: 0.8em 5em; }

.button.button-clean { background-color: transparent; }

button { cursor: pointer; }

.button.button-blue { background-color: #1A52A0; color: white; }

.button.button-red { background-color: #FB5D5C; color: white; }

.button.button-gray { background-color: #686868; border: 1px solid #DEDEDE; }

.button.button-black { background-color: #333333; color: white; }

.button.button-sky { background-color: #1eddff; background-color: #3BA4D1; color: white; }

.button.button-orange { background-color: #E1AF40; color: white; }

.button.button-yellow { background-color: #E1A10A; color: white; }

.button.button-green { background-color: #5bdc94; color: white; }

.button.button-pink { background-color: #fff8f0; color: white; }

.button.button-white { background-color: white; border: 1px solid #DEDEDE; }

.button.button-border { border: 1px solid #DDD; background-color: transparent; }
.button.button-border.border-blue { border-color: #4BC1F1; }
.button.button-border.border-sky { border-color: #1eddff; }
.button.button-border.border-orange { border-color: #E1AF40; }

.button.button-border:hover { color: white; }

.button.button-sky.button-hover:hover, .button.button-blue.button-hover:hover { background-color: #6cd2f7; }

.radius { border-radius: 0.2em; }

.circle { border-radius: 50%; }

.clips { display: inline-block; /*text-indent:-999em;*/ background-image: url(../images/clips_bg.png); vertical-align: middle; }

.clips-before:before, .clips-after:after { content: ''; display: inline-block; background-image: url(../images/clips_bg.png); vertical-align: middle; }

input.error { border: 1px solid #FB5D5C; }

.row { width: 100%; display: flex; }

.col { flex-grow: 1; box-sizing: border-box; }

/*
.col-2 { float:left; width:16.6%; }
.col-3 { float:left; width:25%; }
.col-4 { float:left; width:33.3%; }
.col-5 { float:left; width:41.6%; }
.col-6 { float:left; width:50%; }
.col-7 { float:left; width:58.3%; }
.col-8 { float:left; width:66.6%; }
.col-9 { float:left; width:75%; }
.col-10 { float:left; width:83.3%; }
.col-11 { float:left; width:91.6%; }
.col-12 { float:left; width:100%; }
*/
.col-1 { /*float:left;*/ width: 8.3333333333%; box-sizing: border-box; }

.col-2 { /*float:left;*/ width: 16.6666666667%; box-sizing: border-box; }

.col-3 { /*float:left;*/ width: 25%; box-sizing: border-box; }

.col-4 { /*float:left;*/ width: 33.3333333333%; box-sizing: border-box; }

.col-5 { /*float:left;*/ width: 41.6666666667%; box-sizing: border-box; }

.col-6 { /*float:left;*/ width: 50%; box-sizing: border-box; }

.col-7 { /*float:left;*/ width: 58.3333333333%; box-sizing: border-box; }

.col-8 { /*float:left;*/ width: 66.6666666667%; box-sizing: border-box; }

.col-9 { /*float:left;*/ width: 75%; box-sizing: border-box; }

.col-10 { /*float:left;*/ width: 83.3333333333%; box-sizing: border-box; }

.col-11 { /*float:left;*/ width: 91.6666666667%; box-sizing: border-box; }

.col-12 { /*float:left;*/ width: 100%; box-sizing: border-box; }

.input-text { width: 15em; height: 2.4em; border: 1px solid #CCC; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 0.8em; /*background-color:#1D2647;*/ transition: border-color .4s; }

.input-text:hover { border-color: #d2d2d2; }

.input-text.big { width: 30em; }

.input-text.small { width: 6em; }

.input-textarea { border: 1px solid #CCC; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0.3em 0.6em; /*background-color:#1D2647;*/ resize: none; }

.input-text.full-width, .input-textarea.full-width { width: 100%; }

.input-text.error, .input-textarea.error { border-color: #FB5D5C; }

.input-text.border-blue { border-color: #1A52A0; }

.input-text.border-red { border-color: #FB5D5C; }

.input-text.border-gray { border-color: #686868; }

.input-text.border-black { border-color: #333333; }

.input-text.border-sky { border-color: #1eddff; }

.input-text.border-orange { border-color: #E1AF40; }

.input-text.border-yellow { border-color: #E1A10A; }

.input-text.border-green { border-color: #5bdc94; }

.input-text.border-pink { border-color: #fff8f0; }

.input-radio { background-color: #1D2647; border: 1px solid #2D788B; }

.dir-row { flex-direction: row; }

.dir-row-rev { flex-direction: row-reverse; }

.dir-col { flex-direction: column; }

.dir-col-rev { flex-direction: column-reverse; }

.just-center { justify-content: center; }

.just-center { justify-content: center; }

.just-between { justify-content: space-between; }

.just-start { justify-content: flex-start; }

.just-end { justify-content: flex-end; }

.align-start { align-items: flex-start; }

.align-center { align-items: center; }

.align-end { align-items: flex-end; }

/*private class end*/
/*public style start*/
.body.spec-body { height: 100%; background-color: #E6EBF5; position: relative; }

.head { background: url(../images/banner.jpg); height: 200px; background-size: 100% 100%; box-sizing: border-box; padding-top: 80px; position: relative; }
.head .logo h1 { text-align: center; }
.head .logo h1 a { display: inline-block; font-size: 25px; color: white; text-align: center; text-shadow: 0 0 10px #999; }
.head .float-right { /*
margin-top:80px;
margin-right:2em;
*/ position: absolute; bottom: 2em; right: 2em; color: white; font-size: 15px; }
.head .float-right a { color: white; }

.container { text-align: center; padding-top: 5em; }
.container h3 { font-size: 36px; margin-bottom: 2em; }
.container p .button { font-size: 30px; padding: .4em 1.5em; }

.login-form p { margin: 1em 0; }
.login-form p .input-text { font-size: 14px; height: 38px; width: 20em; }
.login-form p .button { font-size: 16px; padding: .5em 0; width: 10em; }

.foot { position: absolute; bottom: 0; left: 0; background-color: #283b5c; color: white; width: 100%; font-size: 14px; text-align: center; padding: 1em 0; }

.certi { width: 852.5px; height: 600px; /*
background:url(../images/certi_bg.jpg);
background-size:100% 100%;
*/ margin: 0 auto; position: relative; /*
.true-name
{
	font-family: "Huawenxingkai";
	position: absolute;
	top: 232px;
	right: 593px;
	font-size: 40px;
	letter-spacing: .2em;
	&.small
	{
		font-size:36px;
		letter-spacing: 0;
	}
}
.event-time
{
	font-family: "Kaiti";
	position: absolute;
	top: 276px;
	right: 423px;
	font-size: 28px;
	&.small
	{
		font-size:24px;
	}
	&.small1
	{
		font-size:20px;
		font-weight:bold;
	}
}
.event-name
{
	font-family: "Kaiti";
	position: absolute;
	top: 308px;
	left: 144px;
	font-size: 25px;
	width:300px;
	text-align:center;
}
.study-time
{
	font-family: "Kaiti";
	position: absolute;
	top: 312px;
	right: 299px;
	font-size: 28px;
	&.small
	{
		font-size:19px;
		font-weight:bold;
	}
}
.publish-time
{
	font-family: "Kaiti";
	position: absolute;
	top: 459px;
	right: 133px;
	font-size: 28px;
}
*/ }
.certi .certi-bg img { width: 100%; height: 100%; display: block; line-height: 0; }
.certi .certi-body { position: absolute; top: 210px; left: 0; width: 100%; padding: 0 120px 0 135px; box-sizing: border-box; font-family: "Kaiti"; font-size: 26px; line-height: 1.4em; }
.certi .certi-body.spec { /*
top:201px;
.certi-foot
{
	margin-top:1em;
}
*/ }
.certi .certi-body .certi-head { margin-bottom: .5em; }
.certi .certi-body .certi-head .true-name { font-family: "Huawenxingkai"; font-size: 40px; letter-spacing: .2em; }
.certi .certi-body .certi-main p { text-indent: 2em; }
.certi .certi-body .certi-foot { margin-top: 1em; text-align: right; position: relative; }
.certi .certi-body .certi-foot .certi-foot-stamp { position: absolute; right: 39px; bottom: -12px; z-index: 0; }
.certi .certi-body .certi-foot .certi-foot-stamp img { width: 130px; height: 130px; }
.certi .certi-body .certi-foot .certi-foot-body { position: relative; z-index: 10; display: inline-block; text-align: center; }

/*public style end*/
/*public class start*/
.triangle { display: inline-block; vertical-align: middle; }
.triangle.triangle-down { border-top: 5px solid #AAAAAA; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; }

/*public class end*/

/*# sourceMappingURL=style.css.map */