@charset"utf-8";
body, html { height: 100%; }
html { font-size: 14px }
/*background: #f7f7f7 url(//kdc.stu.126.net/res/img/campus_bg.573bbe5.png) 50% repeat-x;  background-size: 100% 100%;*/
body { margin: 0; padding: 0; overflow-x: hidden; min-width: 320px; background: #f7f7f7;  font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: rgba(0, 0, 0, .87); }
h1, h2, h3, h4, h5 { font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.28571429em; margin: calc(2rem - .14285714em) 0 1rem; font-weight: 700; padding: 0 }
h1 { min-height: 1rem; font-size: 2rem }
h2 { font-size: 1.71428571rem }
h3 { font-size: 1.28571429rem }
h4 { font-size: 1.07142857rem }
h5 { font-size: 1rem }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0 }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child { margin-bottom: 0 }
p { margin: 0 0 1em; line-height: 1.4285em }
p:first-child { margin-top: 0 }
p:last-child { margin-bottom: 0 }
a { color: #339af2; text-decoration: none }
a:hover { color: #0074d7; text-decoration: none }

* { box-sizing: border-box;  -webkit-tap-highlight-color: transparent; outline: none; }

.el-table .cell {
    font-size: 14px;
}
/* 透明度 */
.opacity-0 { opacity: 0; }

/*字体大小设定*/
.font-size-80 { font-size: 80px; }
.font-size-70 { font-size: 70px; }
.font-size-64 { font-size: 64px; }
.font-size-60 { font-size: 60px; }
.font-size-54 { font-size: 54px; }
.font-size-50 { font-size: 50px; }
.font-size-48 { font-size: 48px; }
.font-size-40 { font-size: 40px; }
.font-size-36 { font-size: 36px; }
.font-size-30 { font-size: 30px; }
.font-size-28 { font-size: 28px; }
.font-size-24 { font-size: 24px; }
.font-size-20 { font-size: 20px; }
.font-size-18 { font-size: 18px; }
.font-size-17 { font-size: 17px; }
.font-size-16 { font-size: 16px; }
.font-size-15 { font-size: 15px; }
.font-size-14 { font-size: 14px; }
.font-size-12 { font-size: 12px; }
.font-size-10 { font-size: 10px; }
.font-size-8 { font-size: 8px; }

/*字体粗细 */
.font-weight-100 { font-weight: 100; }

/*文字行高*/
.line-height-70 { line-height: 70px; }
.line-height-40 { line-height: 40px; }
.line-height-35 { line-height: 35px; }

/*首行缩进*/
.text-indent-2 { text-indent: 2em; }

/*字体位置 左侧/居中/右侧 */
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

/*顶端高度*/
.margin-top-240 { margin-top: 240px; }
.margin-top-200 { margin-top: 200px; }
.margin-top-170 { margin-top: 170px; }
.margin-top-150 { margin-top: 150px; }
.margin-top-140 { margin-top: 140px; }
.margin-top-130 { margin-top: 130px; }
.margin-top-120 { margin-top: 120px; }
.margin-top-115 { margin-top: 115px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-85 { margin-top: 85px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-75 { margin-top: 75px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-1 { margin-top: 1px; }

/*左边高度*/
.margin-left-50 { margin-left: 50px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-10 { margin-left: 10px; }

/*右边高度*/
.margin-right-200 { margin-right: 200px; }
.margin-right-100 { margin-right: 100px; }
.margin-right-10 { margin-right: 10px; }

/*下部高度*/
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-0 { margin-bottom: 0px; }
.padding-top-40 { padding-top: 40px; }

.padding-40 { padding: 40px; }

/*内部左侧高度*/
.padding-left-50 { padding-left: 50px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-15 { padding-left: 15px; }

/*内部右侧高度*/
.padding-right-50 { padding-right: 50px; }
.padding-right-30 { padding-right: 30px; }

/*内部下部高度*/
.padding-bottom-15 { padding-bottom: 15px; }

/*内部高度*/
.padding-10 { padding: 10px; }
.padding-5 { padding: 5px; }

/*高度*/
.height-535 { height: 535px; }
.height-530 { height: 530px; }
.height-385 { height: 385px; }
.height-360 { height: 360px; }
.height-350 { height: 350px; }
.height-295 { height: 295px; }
.height-250 { height: 250px; }
.height-245 { height: 245px; }
.height-240 { height: 240px; }
.height-220 { height: 220px; }
.height-200 { height: 200px; }
.height-160 { height: 160px; }
.height-150 { height: 150px; }
.height-140 { height: 140px; }
.height-130 { height: 130px; }
.height-125 { height: 125px; }
.height-120 { height: 120px; }
.height-100 { height: 100px; }
.height-90 { height: 90px; }
.height-80 { height: 80px; }
.height-70 { height: 70px; }
.height-60 { height: 60px; }
.height-50 { height: 50px; }
.height-40 { height: 40px; }
.height-35 { height: 35px; }
.height-30 { height: 30px; }
.height-20 { height: 20px; }
.height-15 { height: 15px; }
.height-10 { height: 10px; }
.height-1 { height: 1px; }

/*圆角 */
.border-radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.position-relative { position: relative }

/*宽度*/
.width-290 { width: 290px; }

/*宽度 10px间距*/

/*Span居中浮动*/
.vertical-align-100 { vertical-align: 100%; }
.vertical-align-5 { vertical-align: 5%; }

/*浮动*/
.float-left { float: left; }
.float-right { float: right; }

/*标准颜色区域*/

/*背景颜色*/
.color-bg-FFF { background-color: #FFF; }
.color-bg-5AD17D { background-color: #5AD17D; }
.color-bg-F36147 { background-color: #f36147; }

/*Swift 红 f36147*/
.color-bg-ADE231 { background-color: #ade231; }

/*Android  绿 ade231*/
.color-bg-8FA4FF { background-color: #8fa4ff; }

/*PHP 紫 8fa4ff*/
.color-bg-6EE3FF { background-color: #6ee3ff; }

/*CoCo2d 蓝 6ee3ff*/
.color-bg-76BFFE { background-color: #76bffe; }

/*Web 蓝 76bffe*/
.color-bg-FF7C7F { background-color: #ff7c7f; }

/*Java 红 ff7c7f*/

/*字体颜色区*/
.color-FFF { color: #FFF; }

/*白色*/
.color-5AD17D { color: #5AD17D; }

/*基础绿色*/
.color-1A7680 { color: #1A7680; }
.color-9E9E9E { color: #9E9E9E; }
.color-777777 { color: #777777; }
.color-E74F3F { color: #E74F3F; }
.color-53B480 { color: #53B480; }
.color-898989 { color: #898989; }
.color-838383 { color: #838383; }
.color-60C38A { color: #60C38A; }
.color-82828C { color: #82828C; }
.color-FF726B { color: #FF726B; }
.color-49C99E { color: #49C99E }

/* 淡雅红 */
.color-B46BFF { color: #B46BFF; }

/* 淡雅紫 */
.color-FFAA6B { color: #FFAA6B; }

/* 淡雅黄 */
.color-5AC39D { color: #5AC39D; }

/* 淡雅绿 */

/* 淡雅紫*/
.color-A9B5F2 { color: #A9B5F2 }

/*宽度 20px间距*/

/*标准 Logo 尺寸*/
.center-auto { margin-right: auto; margin-left: auto; }
.container { margin-right: auto; margin-left: auto; }
.container { width: 1200px !important;  }
.row { width: 1200px !important; margin-bottom: 20px; }
.row:before, .row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both; }
[class*="span"] { float: left; min-height: 1px; margin-right: 10px; margin-left: 10px; }
.span-12 { width: 1180px !important; }
.span-11 { width: 1080px !important; }
.span-10 { width: 980px !important; }
.span-9 { width: 880px !important; }
.span-8 { width: 780px !important; }
.span-7 { width: 680px !important; }
.span-6 { width: 580px !important; }
.span-5 { width: 480px !important; }
.span-4 { width: 380px !important; }
.span-3 { width: 280px !important; }
.span-2 { width: 180px !important; }
.span-1 { width: 80px !important; }

.full-screen-tag {  }
.full-screen [class*="span"] { float: left; min-height: 1px; margin-right: 0px; margin-left: 0px; }
.full-screen.container { width: 95% !important;  }
.full-screen.container .row { width: 100% !important; margin-bottom: 20px; }
.full-screen.container .span-12 { width: 100% !important; }
.full-screen.container .span-11 { width: 91.66666667% !important; }
.full-screen.container .span-10 { width: 83.33333333%; }
.full-screen.container .span-9 { width: 75% !important; }
.full-screen.container .span-8 { width: 66.66666667 !important; }
.full-screen.container .span-7 { width: 58.33333333% !important; }
.full-screen.container .span-6 { width: 50% !important; }
.full-screen.container .span-5 { width: 41.66666667% !important; }
.full-screen.container .span-4 { width: 33.33333333% !important; }
.full-screen.container .span-3 { width: 25% !important; }
.full-screen.container .span-2 { width: 16.66666667% !important; }
.full-screen.container .span-1 { width: 8.33333333% !important; }

/*链接图标*/
.cursor-pointer { cursor: pointer; }

/*按钮*/
.button { font-size: 18px; line-height: 40px; width: 140px; height: 40px; padding-right: 0px; padding-left: 0px; text-align: center; color: #fff; border-radius: 100px; background: #3cadf5; outline: none; border: none; }
.button:active { background: #77C3F5; }

/*-- 按钮大小 --*/
.button-default-xl { width: 300px; height: 64px; }
.ui.button.button-default-l { width: 140px; height: 40px; font-size: 18px; }

/*-- 按钮颜色 --*/
.button-default-orange { background-color: #FF6D00; color: #FFFFFF; text-shadow: none; background-image: none; }
.button-default-orange:active { background: #FF7F1F; }
.button-default-green { background-color: #4ba575; color: #FFFFFF; text-shadow: none; background-image: none; }
.yy-el-button.el-button { width: 140px; font-size: 18px; line-height: 40px; height: 40px; padding: 0px; }

/*-- 按钮字体 --*/

/* Mask: */

/*HR*/

/*-- HR颜色 --*/
.hr-default-gray { border-top: 1px solid #d2d2d2; }

/*边框*/

/* 边框颜色 */
.border_grey { border: 1px solid #e5e5e5; }

/*高度*/

/*标准100%高宽*/
.w-h-100 { width: 100%; height: 100%; }

/*标准100%宽*/
.w-100 { width: 100%; }
.overflow-hidden { overflow: hidden; }
.display-center-center { display: flex; align-items: center; justify-content: center; }
.display-null-center { display: flex; justify-content: center; }
.display-center-null { display: flex; align-items: center; }
.display-flex-end-center { display: flex; align-items: flex-end; justify-content: center; }
.yy-button { border-radius: 20px; width: 140px; height: 40px; background-color: #ffffff; font-size: 18px; line-height: 25px; color: #ff6b00; text-align: center; line-height: 40px; cursor: pointer; }

/* 鼠标手 */
.cursor-hand { cursor: hand; cursor:pointer; }

/*文字方向*/
.text-center { text-align: center; }
.text-align-right { text-align: right; }
.item-float { text-align: left; }
.el-form .line { text-align: center; }