body,h1,h2,h3,h4,h5,h6,input,button,ul,li,p,table,tr,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body{font-size:14px;color:#303032;background:#FFFFFF;-webkit-text-size-adjust:100%;}
/*放大镜、选中文字去除：-webkit-user-select: none;*/
a{text-decoration:none;color: #06C;}
a:hover{text-decoration:underline;color: #0055AA;}
a:active,input:focus,button:focus,textarea:focus,select:focus{outline:0;}
input,textarea{font-size:12px;box-sizing:border-box;}
input:disabled{color:white!important;border-color:#C4C5C6!important;background-color:#C4C5C6!important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#C9CACE;}
li{list-style-type:none;}
a:active{background-color: #ECECEC;}
::-webkit-input-placeholder{padding-top:2px;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  {  
    width: 12px;  
    height: 12px;  
    background-color: #fff; 
}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  {  
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/  
    /*border-radius: 6px;*/
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  {  
    /*border-radius: 6px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/  
    background-color: #bcbfb9;
}
::-webkit-scrollbar-thumb:hover{
	background-color: #6a6c68;
}  
/**
 * 	基础样式
 */

/*xb-rev 子元素反序排列
xb-con 在子元素中加入一个容器，用于避免内容引起子元素大小变化
对应CSS代码为position:absolute;width:100%;height:100%;
xb-ac、xb-ae 子元素垂直居中对齐和尾对齐
xb-pc、xb-pe、xb-pj 子元素水平居中对齐、尾对齐和两端对齐
xb-ver 子元素纵向排列
xb-f1 xb-f2 xb-f3 xb-f4 子元素占用区域份数*/

/*ng未渲染隐藏*/
[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-compile{Display:none ! important;}
/*弹性布局*/
.xb,.xb-1{position:relative;display:-webkit-box;display:box;}
.xb-wrap{position:absolute;right:0;left:0;width:100%;z-index:99;display:-webkit-box;display:box;margin:auto;-webkit-box-orient:vertical;box-orient:vertical;}
.xb-ver{-webkit-box-orient:vertical;box-orient:vertical;}
.xb-rev{-webkit-box-direction:reverse;box-direction:reverse;}
.xb-con{position:absolute;width:100%;height:100%;}
.xb-as{-webkit-box-pack:start;box-pack:start;}
.xb-ac{-webkit-box-align:center;box-align:center;}
.xb-ae{-webkit-box-align:end;box-align:end;}
.xb-ps{-webkit-box-pack:start;box-pack:start;}
.xb-pc{-webkit-box-pack:center;box-pack:center;}
.xb-pe{-webkit-box-pack:end;box-pack:end;}
.xb-allc{-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;}
.xb-pj{-webkit-box-pack:justify;box-pack:justify;}
.xb-f1{position:relative;-webkit-box-flex:1;box-flex:1;}
.xb-f2{position:relative;-webkit-box-flex:2;box-flex:2;}
.xb-f3{position:relative;-webkit-box-flex:3;box-flex:3;}
.xb-f4{position:relative;-webkit-box-flex:4;box-flex:4;}
.xb-fw{width:100%;}
.xb-fh{height:100%;}
.xb-block{display:block;}
.floatL{float: left;}
.floatR{float: right;}
/**
 * 
 *
 * 
 * 文本相关
 *
 *
 * 
 */
.FS-10{font-size:10px!important;}
.FS-12{font-size:12px!important;}
.FS-14{font-size:14px!important;}
.FS-15{font-size:15px!important;}
.FS-16{font-size:16px!important;}
.FS-17{font-size:17px!important;}
.FS-18{font-size:18px!important;}
.FS-20{font-size:20px!important;}

.LH-12{line-height:12px!important;}
/*字体溢出*/
.text-out{text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;outline: 0 !important;}
/*文本颜色*/
.FC-red{color:#EF5E53!important;}
.FC-red1{color:#de675a;}
.FC-gray{color:#999A9E;}
.FC-gray2{color:#999;}
.FC-gray3{color:#666;}
.FC-gray4{color:#626262}
.FC-gray1{color:#a8a9ad;}
.FC-green{color:#1EC4A3;}
a:active{color:#28A289;}
.FC-blue{color:#56C1FF;}
.FC-white{color:#FFFFFF;}
.FC-black{color:#303032;}
.FC-black2{color:#333;}
.FC-darkGray{color:#646567;}
.FC-lightGray{color:#C9CACE;}
.FC-cc1{color:#DDAD58!important;}
.FC-cc2{color:#8BD881!important;}
.FC-cc3{color:#DD7758!important;}
.FC-cc4{color:rgb(238, 67, 44)!important;}
.FC-leave{color:#FEC03C!important}
.FC-absent{color:#FE4A3C!important}
.FW-600{font-weight: 600;}
/*字体位置*/
.text-center{text-align:center!important;}
.text-right{text-align:right!important;;}
.text-left{text-align:left!important;;}
/*文字布局*/
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
/* 字体间距 */
.letter-space-2{letter-spacing:2px;}
/*行高*/
.L-1{line-height:1em;}
.L-2{line-height:2em;}
/* 行高 px */
.line-20{line-height:20px;}
.line-22{line-height:22px;}
.line-35{line-height:35px;}
/* 底部下载 */
.bottomBlank{height:50px;}


/**
 *
 * 
 *
 * 
 * dom背景颜色
 * @type {[type]}
 * 
 *
 * 
 * 
 */
.BG-gray{background-color:#999A9E;}
.BG-gray1{background-color:#c3c4c8;}
.BG-lightGray{background-color:#f4f4f4;}
.BG-light-gray{background-color: #f4f5f7;}
.BG-gray.action:active{background-color:#8D8E93;}
.BG-yellow{background-color:#FC9531;}
.BG-yellow.action:active{background-color:#F08822;}
.BG-red{background-color:#EF5E53;}
.BG-red1{background-color:#de675a;}
.BG-red.action:active{background-color:#D8413A;}
.BG-orange{background-color:#ef5e53;}
.BG-green{background-color:#1EC47C;}
.BG-lightGreen{background-color:#e2fadf;}
.BG-green.action:active{background-color:#28A289;}
.BG-darkGray{background-color:#646567;}
.BG-blue{background-color:#56C1FF;}
.BG-black{background-color:#000000;}
.BG-white{background-color:#FFFFFF;}
.BG-f5{background-color: #F5F5F5;}
.BG-3f{background-color:#3FADFF;}
/* 去浮动 */
.clearfix{content:"";clear:both;display:table;}



/* 
*
*
* 
* DOM边框
*
* 
*/
/*1px边框*/
.cut.dashed{border-bottom-style: dashed;}
.cut{width:100%;border-bottom:1px solid #e2e4e7;}
.cut-lg{width:100%;border-bottom:1px solid #e2e4e7;border-top:1px solid #e2e4e7;background:#f4f5f7;height:1.071428571em;}
.bor-gray-light{border: 1px solid #f4f4f4;}
/* 边框0 */
.bor0{border: 0px;}




/* 间距 */
.cut-lightgray-6{height: 6px;width: 100%;background-color: #f4f5f7;}



/**
 *
 * 
 * 像素布局 全-上-右-下-左
 *
 *
 * 
 */
/*xb-b1  全
xb-b1-r4 全边框，4像素圆角*/
.xb-bs1{box-shadow: 0 0 3px 0  #ccc;}

.xb-bt1{border-top:1px solid #E0E0E0;}
.xb-bb1{border-bottom:1px solid #E0E0E0;}
.xb-bv1{border-top:#E0E0E0 1px solid;border-bottom:#E0E0E0 1px solid;background-image:none;}
.xb-bl1{border-left:1px solid #E0E0E0;}
.xb-br1{border-right:1px solid #E0E0E0;}
.xb-b1{border:1px solid #E0E0E0!important;}
.xb-b1-r4{border:1px solid #E0E0E0;border-radius:4px;}
@media screen and (-webkit-min-device-pixel-ratio:2){.xb-b1-r4{position:relative;border:0;}
	.xb-b1-r4:before{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;width:200%;height:200%;padding:1px;content:'';-webkit-transform:scale(0.5);-webkit-transform-origin:0 0;pointer-events:none;border:1px solid #E0E0E0;border-radius:8px;}}
@media screen and (-webkit-min-device-pixel-ratio:2){.xb-b1{position:relative;border:0;}
	.xb-bt1,.xb-bb1,.xb-bl1,.xb-br1,.xb-bv1{border:0;}
	.xb-bt1{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0));background-position:left top;}
	.xb-bb1{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0));background-position:left bottom;}
	.xb-bt1,.xb-bb1,.xb-bv1{background-repeat:repeat-x;-webkit-background-size:100% 1px;}
	.xb-bv1{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0));background-position:top,bottom;}
	.xb-bl1{background-image:-webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0));background-position:left top;}
	.xb-br1{background-image:-webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0));background-position:right top;}
	.xb-bl1,.xb-br1{background-repeat:repeat-y;-webkit-background-size:1px 100%;}
	.xb-b1:after{position:absolute;z-index:10;top:0;left:0;-webkit-box-sizing:border-box;width:100%;height:100%;padding:1px;content:'';pointer-events:none;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0)),-webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0)),-webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#E0E0E0),to(#E0E0E0));background-repeat:no-repeat;background-position:top,right,bottom,left;-webkit-background-size:100% 1px,1px 100%,100% 1px,1px 100%;-webkit-background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-size:100% 1px,1px 100%,100% 1px,1px 100%;}}

/*padding 全*/
.PALL-10{padding:10px!important;}
.PALL-15{padding:15px!important;}
.PALL-20{padding:20px!important;}
.PALL-30{padding:30px!important;}
/*垂直*/
.PV-5{padding-top:5px;padding-bottom:5px;}
.PV-3{padding-top:3px;padding-bottom:3px;}
.PV-6{padding-top:6px;padding-bottom:6px;}
.PV-7{padding-top:7px;padding-bottom:7px;}
.PV-8{padding-top:8px;padding-bottom:8px;}
.PV-10{padding-top:10px;padding-bottom:10px;}
.PV-15{padding-top:15px;padding-bottom:15px;}
.PV-17{padding-top:17px;padding-bottom:17px;}
.PV-20{padding-top:20px;padding-bottom:20px;}
.PV-30{padding-top:30px;padding-bottom:30px;}
/*水平*/
.PH-3{padding-left:3px;padding-right:3px;}
.PH-5{padding-left:5px;padding-right:5px;}
.PH-7{padding-left:7px;padding-right:7px;}
.PH-10{padding-left:10px;padding-right:10px;}
.PH-14{padding-left:14px;padding-right:14px;}
.PH-15{padding-right:15px;padding-left:15px;}
.PH-17{padding-right:17px;padding-left:17px;}
.PH-18{padding-right:18px;padding-left:18px;}
.PH-20{padding-right:20px;padding-left:20px;}
.PH-25{padding-right:25px;padding-left:25px;}
.PH-28{padding-right:28px;padding-left:28px;}
.PH-60{padding-right:60px;padding-left:60px;}
.PH-70{padding-right:70px;padding-left:70px;}
/*上*/
.PT-5{padding-top:5px;}
.PT-7{padding-top:7px;}
.PT-10{padding-top:10px;}
.PT-15{padding-top:15px;}
.PT-18{padding-top:18px;}
.PT-20{padding-top:20px;}
.PT-25{padding-top:25px;}
.PT-30{padding-top:30px;}
.PT-35{padding-top:35px;}
.PT-90{padding-top:90px!important;}
/*右*/
.PR-10{padding-right:10px;}
.PR-15{padding-right:15px;}
.PR-20{padding-right:20px;}
/*下*/
.PB-0{padding-bottom:0px;}
.PB-5{padding-bottom:5px;}
.PB-10{padding-bottom:10px;}
.PB-14{padding-bottom:14px;}
.PB-15{padding-bottom:15px;}
.PB-16{padding-bottom:16px;}
.PB-17{padding-bottom:17px;}
.PB-20{padding-bottom:20px;}
.PB-25{padding-bottom:25px;}
.PB-30{padding-bottom:30px;}
/*左*/
.PL-10{padding-left:10px;}
.PL-15{padding-left:15px;}
.PL-20{padding-left:20px;}
/*margin全*/
.MALL-15{margin:15px;}
/*垂直*/
.MV-5{margin-top:5px;margin-bottom:5px;}
.MV-7{margin-top:7px;margin-bottom:7px;}
.MV-10{margin-top:10px;margin-bottom:10px;}
.MV-15{margin-top:15px;margin-bottom:15px;}
.MV-20{margin-top:20px;margin-bottom:20px;}
.MV-30{margin-top:30px;margin-bottom:30px;}
/*水平*/
.MH-10{margin-right:10px;margin-left:10px;}
.MH-15{margin-right:15px;margin-left:15px;}
.MH-20{margin-left: 20px;margin-right: 20px;}
/*上*/
.MT-1{margin-top:1px;}
.MT-2{margin-top:2px;}
.MT-5{margin-top:5px;}
.MT-7{margin-top:7px;}
.MT-10{margin-top:10px!important;}
.MT-12{margin-top:12px;}
.MT-15{margin-top:15px!important;}
.MT-17{margin-top:17px!important;}
.MT-20{margin-top:20px!important;}
.MT-30{margin-top:30px!important;}
.MT-25{margin-top:25px!important;}
.MT-50{margin-top:50px;}
.MT-80{margin-top:80px;}
/* 上 百分百 */
.MT-35-per{margin-top: 35%!important;}
.MT-40-per{margin-top: 40%!important;}
/*右*/
.MR-2{margin-right:2px;}
.MR-5{margin-right:5px;}
.MR-7{margin-right:7px;}
.MR-10{margin-right:10px;}
.MR-15{margin-right:15px;}
.MR-20{margin-right:20px;}
.MR-30{margin-right:30px;}
/*下*/
.MB-0{margin-bottom: 0;}
.MB-5{margin-bottom:5px;}
.MB-7{margin-bottom:7px;}
.MB-10{margin-bottom:10px;}
.MB-12{margin-bottom:12px;}
.MB-15{margin-bottom:15px;}
.MB-20{margin-bottom:20px;}
.MB-70{margin-bottom:70px!important;}
.MB-100{margin-bottom:100px!important;}
/*左*/
.ML-5{margin-left:5px;}
.ML-7{margin-left:7px;}
.ML-10{margin-left:10px;}
.ML-15{margin-left:15px;}
.ML-20{margin-left:20px;}
.ML-25{margin-left:25px;}
.ML-30{margin-left:30px;}
.ML-50{margin-left:50px;}

/*
 *透明度
 */
.opacity0{opacity: 0;}
.opacity08{opacity: 0.8;}
.opacity09{opacity: 0.9;}

/**
 * 
 * 
 *
 * 展示类型
 *
 * 
 */
.disB{display:block;}
.disIB{display:inline-block;}
.hide{display:none!important;}
.show{display:block;}
.fixB{position:fixed;left:0;bottom:0;}
.fixed{position:fixed;}
/*形状*/
.circle{border-radius:50%;}
.radius-4{border-radius: 4px;}
.radius-6{border-radius: 6px;}
.radius-30{border-radius: 30px;}



/**
 *
 *
 * 
 *dom定位
 *
 * 
 * 
 */
/* 居中 */
.margin-cen{margin:auto;}
.vertical-cent{vertical-align: middle;}
.ver-center{vertical-align: middle!important;}
.ver-top{vertical-align: top!important;}
/* 绝对定位left px*/
.left0{left: 0px;}
.left-8{left: 8px;}
/* 绝对定位left 百分百 */
.left-4-per{left: 4%;}
.left-5-per{left: 5%;}
.left-9-per{left: 9%;}
.left-10-per{left: 10%;}
.left-15-per{left: 15%;}
.left-38-per{left: 38%;}
.left-50-per{left: 50%;}

/* 绝对定位right */
.right0{right: 0px;}
.right7{right: 7px;}
.right8{right: 8px;}
.right25{right: 25px;}
/* 绝对定位right 百分百 */
.right4-per{right: 4%;}
.right-4-per{right: 4%;}
.right-5-per{right: 5%;}
.right-8-per{right: 8%;}

/* 绝对定位bottom */
.bottom0{bottom: 0px;}
.bottom-25{bottom: 25px;}
.bottom-60{bottom: 60px;}
/* 绝对定位bottom 百分百 */
.bottom-3-per{bottom: 3%;}
.bottom-4-per{bottom: 4%;}
.bottom-6-per{bottom: 6%;}
.bottom-7-per{bottom: 7%;}
.bottom-10-per{bottom: 10%;}
.bottom-11-per{bottom: 11%;}
.bottom-12-per{bottom: 12%;}
.bottom-14-per{bottom: 14%;}
.bottom-16-per{bottom: 16%;}
.bottom-20-per{bottom: 20%;}
.bottom-30-per{bottom: 30%;}

/* 绝对定位bottom */
.top0{top: 0px;}




/**
 *
 *
 * 
 *dom大小
 *
 * 
 * 
 */
/* 宽度 per */
.fullWidth{width:100%;}
/* 宽度 px */
.width-10{width: 10px!important;}
.width-18{width: 18px;}
.width-65{width: 65px;}
.width-80{width: 80px;}
.width-90{width: 90px;}
.width-100{width: 100px;}
/* 宽度 百分百 */
.wid-30{width: 30%;}
.wid-70{width: 70%;}
.wid-80{width: 80%;}
.wid-100{width: 100%;}

/* 高度 */
.heigh-14{height: 14px!important;}
.heigh-18{height: 18px;}
.heigh-22{height: 22px;}
.heigh-65{height: 65px;}
.heigh-80{height: 80px;}
.heigh-90{height: 90px;}
.heigh-100{height: 100px;}
/* 高度 百分比 */
.hei-100{height: 100%;}




/**
 *
 *
 * 
 * 	UI组件
 *
 *
 * 
 */
.xb-input{padding:8px 6px;color:#949494;border:1px solid #C9CACE;border-radius:2px;}
.xb-input-no{border: none;outline: none;}
/**
 * 菊花
 */
.cssload-spin-box{position:fixed;z-index: 999999999;top:0;right:0;bottom:0;left:0;width:7px;height:7px;margin:auto;-webkit-animation:cssload-spin ease infinite 2.6s;-moz-animation:cssload-spin ease infinite 2.6s;-ms-animation:cssload-spin ease infinite 2.6s;-o-animation:cssload-spin ease infinite 2.6s;animation:cssload-spin ease infinite 2.6s;border-radius:100%;-webkit-box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);-moz-box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);-ms-box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);-o-box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);}
@keyframes cssload-spin{0%,100%{box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);}
	25%{box-shadow:-7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73);}
	50%{box-shadow:-7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223);}
	75%{box-shadow:7px -7px #DFDFDF, 7px 7px #4F4D49, -7px 7px #DFDFDF, -7px -7px #4F4D49;}}
@-o-keyframes cssload-spin{0%,100%{box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);}
	25%{box-shadow:-7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73);}
	50%{box-shadow:-7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223);}
	75%{box-shadow:7px -7px #DFDFDF, 7px 7px #4F4D49, -7px 7px #DFDFDF, -7px -7px #4F4D49;}}
@-ms-keyframes cssload-spin{0%,100%{box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);}
	25%{box-shadow:-7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73);}
	50%{box-shadow:-7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223);}
	75%{box-shadow:7px -7px #DFDFDF, 7px 7px #4F4D49, -7px 7px #DFDFDF, -7px -7px #4F4D49;}}
@-webkit-keyframes cssload-spin{0%,100%{box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);}
	25%{box-shadow:-7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73);}
	50%{box-shadow:-7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223);}
	75%{box-shadow:7px -7px #DFDFDF, 7px 7px #4F4D49, -7px 7px #DFDFDF, -7px -7px #4F4D49;}}
@-moz-keyframes cssload-spin{0%,100%{box-shadow:7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223);}
	25%{box-shadow:-7px 7px rgb(223,223,223), -7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73);}
	50%{box-shadow:-7px -7px rgb(79,77,73), 7px -7px rgb(223,223,223), 7px 7px rgb(79,77,73), -7px 7px rgb(223,223,223);}
	75%{box-shadow:7px -7px #DFDFDF, 7px 7px #4F4D49, -7px 7px #DFDFDF, -7px -7px #4F4D49;}}

/**
 * 菊花背景
 */
.cssload-spin-box-bg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 50px;width: 50px;z-index: 999999998;opacity: 0.6;border-radius: 25%;box-shadow: 0 0 3px 0 #000;background: #fff;}

.xb-input{padding:8px 6px;color:#949494;border:1px solid #C9CACE;border-radius:2px;}

/*按钮*/
.btn{min-height:0;text-align:center;border:0;box-shadow: 0 0 3px 0 #ccc;}
.layui-btn-normal-1{background: #fff;color: #3FADFF;border:1px solid #3FADFF;}
.layui-btn-normal-1.layui-btn-sm{height: 24px;line-height: 24px;}
.layui-btn-normal-1:hover{color: #0000CC;}
.bottom-btn{height:49px;color:#FFFFFF;background:#EF5E53;border-right:1px solid #FFFFFF;font-size:16px;}
.fixB .bottom-btn:nth-last-child(1){border-right:0;}

.pointer{cursor: pointer;}




/**
 *
 *
 * 
 * 	以下为整合部分（非相同模块）（相同的模块已整合至上述模块中，如行间距等基础样式）
 *
 *
 * 
 */


/* 载入 */
.loadBlock{
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	background-color:#efefef;
	height:36px;
	width:15px;
	float:left;
	-webkit-transform:scale(0.4);
	-webkit-animation-name: fade;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
}

._BR {
	display: block;
	margin-top: 5px;
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
	border-radius: 0;
	border-color: #d9dbde;
}

.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple{
	border-color: #e6e6e6!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.layui-laypage-em,.layui-laypage>a:first-child, .layui-laypage>a:first-child em,
.layui-laypage>a:last-child, .layui-laypage>a:last-child em,
.layui-layer-title,.layui-layer{
	border-radius: 0;
}
.layui-layer.layui-layer-page{position: absolute!important;}
/*.layui-layer-page .layui-layer-content{overflow: unset!important;}*/

.select2-container .select2-selection--single .select2-selection__rendered {
	/*width: 114px!important;*/
	/*height: 30px;*/
	/*line-height: 30px;*/
}

.select2-container--default .select2-selection--single,
.select2-container {
	line-height: 30px;
	min-height: 30px;
	border-radius: 3px;
    color: #4E4C4C!important;
    border-color: #E6E6E6;
}

.select2-selection__arrow,.select2-container--default .select2-selection--multiple {
	line-height: 30px!important;
	border-radius: 0;
}

.select2-container--open .select2-dropdown--below{
	top: 8px;
    box-shadow: 0px 1px 4px 2px rgba(236,235,235,0.5);
    border-radius: 3px;
    border: 1px solid rgba(238,238,238,1);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	line-height: 18px;
}

.select2-results__option,
.select2-search--dropdown .select2-search__field {
	font-size: 14px;
	padding: 0 6px;
	line-height: 30px;
	color: #4c4c4c;
}
.select2-search--dropdown .select2-search__field{
	line-height: 22px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	padding: 0 8px;
}

thead th{font-weight: bold!important;}

.layui-inline{display: inline-block!important;}
.layui-elem-quote {
    margin-bottom: 0;
    padding: 5px 10px;
    line-height: 16px;
    border-left: 2px solid #009688;
    border-radius: 0;
    font-size: 12px;
    color: #666;
}
.layui-form-label{
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
}
.layui-input-block,.layui-word-aux{
	min-height: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0!important;
}
.layui-form-item{
	margin-bottom: 10px;
}
.layui-form-radio{
	margin-top: 0;
	line-height: 30px;
}
.layui-form-radio span{
	font-size: 12px;
}
.layui-input{
	height: 30px;
	line-height: 1;
	border-radius: 0;
	color: #554c4c;
	padding: 0 10px;
}
.layui-form-select dl{
	top: 40px;
	background: rgba(255,255,255,1);
    box-shadow: 0px 1px 4px 2px rgba(236,235,235,0.5);
    border-radius: 3px;
    border: 1px solid rgba(238,238,238,1);
}

.layui-table a{
	color: #3FADFF;
}
.layui-table a:hover{
	color: #0055AA;
	text-decoration: underline;
}

.layer-photos ul{
	position: relative;
}
.layer-photos ul:hover dd{
	display: block
}
.layer-photos ul dd{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #333;
	font-size: 0;
}
.layer-photos ul dd dl{
	width: 50%;
	height: 100%;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	color: #fff;
	opacity: 0.75;
}
.layer-photos ul dd dl:hover{
	opacity: 1;
}
.layui-tab-title{
	height: 30px;
}
.layui-tab-title li{
	line-height: 30px;
	font-size: 16px;
	padding: 0;
	margin-right: 34px;
}
.layui-tab-title .layui-this:after{
	height: 31px;
}
.layui-tab-content{
	padding: 10px 0;
}
blockquote.floatL{
	background: #fff;
	padding: 0 10px;
    line-height: 22px;
    border-left-color: #47aade;
}
.layui-table{
	margin: 0;
}
.layui-btn{
	border-radius: 4px;
}
.layui-form-select dl dd, .layui-form-select dl dt{
	line-height: 30px;
}
.layui-form-switch{
	margin: 0;
}
.layui-laypage a, .layui-laypage span{
	margin-bottom: 0;
}
.layui-elem-field legend {
    margin-left: 10px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: normal;
}
.layui-field-box {
    padding: 5px 15px 15px 15px;
    font-size: 12px!important;
}
.layui-field-box span,.layui-form-checkbox span{
	font-size: 12px!important;
}
.layui-form-checkbox span{
	height: auto!important;
}
.layui-elem-field{
	margin: 0;
}
.layui-form-radio i{
	font-size: 18px;
}

.layui-btn-normal{
	background-color: #3FADFF
}

.layui-checkbox-disbaled i{
	 border-color: #b4b3b3!important; 
	background-color: #EEEDED!important;
	color: #fff!important;
}

.layui-laypage select{padding: 3px 10px;background: #fff;}

.icon-rili:before{color: #cdcdcd!important;}

.layui-laydate-list.laydate-time-list > li{width:50% !important;}
.layui-laydate-list.laydate-time-list > li:last-child{display:none !important;}
.laydate-time-list ol li{padding-left: 55px!important;}
.layui-btn-search{background-color:#3FADFF;}
.select2-container--default .select2-selection--single .select2-selection__clear{width: 25px;}
.layui-input:hover{border-color: #3FADFF!important;}
/* .layui-input:focus{border-color: #3FADFF!important;} */
.layui-form-selected .layui-input{border-color: #3FADFF!important;}
.layui-form-select .layui-input:hover{border-color: #D9D8D8!important;}
.layui-input{border-radius: 3px;}
.layui-form-select dl dd:hover{background-color: #FAFAFA!important;}
.layui-form-select dl dd{color: #4E4C4C;}
.layui-form-select dl dd.layui-this {background-color: #fff;color: #3FADFF!important;}
.layui-input{color:#4E4C4C!important;border-color: #E6E6E6;}
.laydate-footer-btns span{font-size: 13px!important;border-radius: 4px;margin-right: 4px;}
.laydate-footer-btns span:hover{border-color: #3FADFF!important;color:#3FADFF!important }
.layui-table tr td a:hover{opacity:.8;filter:alpha(opacity=80);color:#3FADFF}
.layui-laydate .layui-this{background-color: #FFF!important;color: #3FADFF!important;}
.layui-laydate-content table tr{font-size: 12px;}
.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th{padding: 8px 10px;}
.layui-laydate-header i{font-size: 12px!important;}
.layui-laydate-header i:hover,.layui-laydate-header .laydate-set-ym span:hover{color:#3FADFF!important; }
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #3FADFF;}
.layui-laypage a{color:#666666;border-color: #E6E6E6;}
.layui-laypage a:hover{color:#3FADFF;}
.layui-laypage .layui-laypage-btn:hover{color:#3FADFF;}
.layui-table thead tr{background-color: #FAFAFA!important;color: #333333!important;}
.del-btn{color: #F07070!important;border: 1px solid #F07070;background-color: #fff;border-radius: 3px;padding: 0 9px;box-sizing: border-box;}
.normal-btn{color: #3FADFF!important;border: 1px solid #3FADFF;background-color: #fff;border-radius: 3px;padding: 0 9px;box-sizing: border-box;}
.layui-layer-title{background-color: #fff;border-radius: 4px;}
.layui-layer{border-radius: 4px;}
.layui-layer-btn a{background-color: #3FADFF!important;border-color: #3FADFF!important;color:#fff;}
.layui-laypage-skip .layui-input:hover{border-color: #E6E6E6!important;color: #3FADFF!important;}
.layui-laypage-skip .layui-input:focus{color: #3FADFF!important;border-color: #E6E6E6!important;}
.layui-laypage .layui-laypage-prev{border-radius: 2px 0 0 2px!important;}
.layui-laypage .layui-laypage-next{border-radius: 0 2px 2px 0!important;}
.layui-laypage input{border-radius: 2px!important;}
.layui-laypage select:focus{border-color:#3FADFF!important}
.layui-btn-primary:hover{opacity:.8!important;;filter:alpha(opacity=80)!important;;color:#3FADFF!important;}
/* 老师课程选择 */
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #FAFAFA;color: #4E4C4C;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color: #fff;color: #3FADFF;}
.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color: #FAFAFA;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {display: none;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #F6F4F4!important;color:#8D8A8A!important;border: 1px solid #F6F4F4;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{float: right;margin-left: 6px;}
.layui-layer-title{font-weight: 600;}
.select2-container--default .select2-selection--multiple{border-radius: 3px;}
.select2-container--default .select2-selection--multiple:hover{border-color: #3FADFF!important;}
.operate-btn {
	height:18px;
	font-size:13px;
	font-weight:500;
	color:rgba(63,173,255,1);
	line-height:18px;
	border: none;
	border-right: 1px solid #D2EBFD;
	background: none;
}
.layui-layer-setwin .layui-layer-close2 {
	background:url(/static/_common/icomoon/img/close.png) no-repeat;
	background-position: inherit;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 15px;
	height: 15px;
}
.layui-layer-setwin .layui-layer-close2:hover {
	background-position: inherit;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico0 {
	background: url(/static/_common/icomoon/img/failure.png) no-repeat;
	background-position: inherit;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 46px;
	left: 20px;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico4 {
	background: url(/static/_common/icomoon/img/success.png) no-repeat;
	background-position: inherit;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 46px;
	left: 20px;
}
.layui-tab-title .layui-this:after {
	height: 41px !important;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 2px solid #1BACF4;
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #1BACF4;
}
.layui-tab-title{padding: 10px 20px;}
.layui-form-radio i:hover, .layui-form-radioed i{
	color: #1BACF4;
}
body{background-color: #f1f1f1!important;}
table.layui-table td,th {height: 50px!important;font-size:14px!important;}
/*统一按钮样式*/
.btn-primary2 { /*2字按钮*/
	width: 80px;
	height: 32px;
	background-color: rgba(63,173,255,1);
	border-radius: 4px;
	color: #fff;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}

.btn-primary4 { /*4字按钮*/
	width: 100px;
	height: 32px;
	background-color: rgba(63,173,255,1);
	border-radius: 4px;
	color: #fff;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-sm-primary2 {
	width: 60px;
	height: 32px;
	font-size: 14px;
	background-color: rgba(63,173,255,1);
	border-radius: 4px;
	color: #fff;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-sm-primary4 {
	width: 80px;
	height: 32px;
	font-size: 14px;
	background-color: rgba(63,173,255,1);
	border-radius: 4px;
	color: #fff;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-primary2:hover,.btn-sm-primary2:hover,.btn-primary4:hover,.btn-sm-primary4:hover {background-color:#64BAFA;}
.btn-primary2:active,.btn-sm-primary2:active,.btn-primary4:active,.btn-sm-primary4:active {background-color:#2FA0F5;}
.btn-danger2 {
	width: 80px;
	height: 32px;
	background-color: #f07070;
	border-radius: 4px;
	color: #fff;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-danger4 {
	width: 100px;
	height: 32px;
	background-color: #f07070;
	border-radius: 4px;
	color: #fff;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-danger2:hover,.btn-danger4:hover {background-color: #F98D8D;}
.btn-danger2:active,.btn-danger4:active {background-color: #F45B5B;}
.btn-normal2 {
	width: 80px;
	height: 32px;
	font-weight: 500;
	background-color: #fff;
	border-radius: 4px;
	color: #666;
	border: 1px solid #cccdce;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-normal4 {
	width: 100px;
	height: 32px;
	font-weight: 500;
	background-color: #fff;
	border-radius: 4px;
	color: #666;
	border: 1px solid #cccdce;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-normal2:hover,.btn-normal4 :hover {border:1px solid rgba(100,186,250,1);color:rgba(100,186,250,1);}
.btn-normal2:active,.btn-normal4 :active {border:1px solid rgba(46,160,245,1);color: #2ea0f5;}
.btn-disable2 {
	width: 80px;
	height: 32px;
	background-color: #f6f6f6;
	border-radius: 4px;
	color: #868d99;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-disable4 {
	width: 100px;
	height: 32px;
	background-color: #f6f6f6;
	border-radius: 4px;
	color: #868d99;
	border: none;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.btn-info2 {
	width:64px;
	height:22px;
	border-radius:4px;
	border:1px solid rgba(63,173,255,1);
	background: none;
	color: #3fadff;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}
.btn-info4 {
	width:80px;
	height:22px;
	border-radius:4px;
	border:1px solid rgba(63,173,255,1);
	background: none;
	color: #3fadff;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}
.btn-info2:hover,.btn-info4:hover {
	background-color: #64bafa;
	color: #fff;
}
.btn-info2:active,.btn-info4:active {
	background-color: #2ea0f5;
	color: #fff;
}
.table-operate-btn2 {
		width: 50px;
		height:18px;
        font-size:14px;
        font-weight:500;
        color:#3FADFF;
        background:none;
        line-height:18px;
        border: none;
        border-right: 1px solid #D2EBFD;
        cursor: pointer;
        display: inline-block;
}
.table-operate-btn4 {
		width: 70px;
		height:18px;
        font-size:14px;
        font-weight:500;
        color:#3FADFF;
        background:none;
        line-height:18px;
        border: none;
        border-right: 1px solid #D2EBFD;
        cursor: pointer;
        display: inline-block;
}
.table-del-btn2 {
		width:50px; 
		height:18px;
        font-size:14px;
        font-weight:500;
        color:#f07070!important;
        background:none;
        line-height:18px;
        border: none;
        cursor: pointer;
        display: inline-block;
}
.table-del-btn3 {
		width:60px; 
		height:18px;
        font-size:14px;
        font-weight:500;
        color:#f07070;
        background:none;
        line-height:18px;
        border: none;
        cursor: pointer;
        display: inline-block;
}
.table-operate-btn2:hover,.table-del-btn3:hover,.table-operate-btn4:hover,.table-del-btn2:hover {
	opacity: 0.8!important;
}
/*内容样式*/
.content-block {
	background-color: #fff;
	margin-top: 5px;
	padding:10px 20px 30px 20px;
}
.layui-nav .layui-nav-item a{
	color: #fff!important;
}
.layui-form-select .layui-input:hover,.layui-form-switch:hover,.select2-container .select2-selection--single:hover,.layui-input-div:hover{
	border-color: #3FADFF!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	cursor: pointer;
    border-width: 6px;
    border-top-color: #c2c2c2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
    left: 15%;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	border-width: 6px;
	margin-top: -9px;
	border-color:  #c2c2c2 transparent transparent transparent  ;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px\9;
}
.select2-container--focus .select2-selection__rendered{
	border-color: #3FADFF!important;
}
.isBindWX .th_Tips {
	display: none;
	position: absolute;
	right: -1px;
	bottom: 37px;
	z-index: 999;
	width: 270px;
	background: #FFFAEA;
	border: 1px solid #FEE9A7;
	border-radius: 3px;
	padding: 3px;
	font-size:14px; 
}

.isBindWX .th_Tips::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: #FFFAEA;
	border-right: 1px solid #FEE9A7;
	border-bottom: 1px solid #FEE9A7;
	position: absolute;
	bottom: -6px;
	right: 16px;
	z-index: 9;
	transform: rotate(45deg);
}

.isBindWX:hover .th_Tips {
	display: block;
}
.layui-btn{
	background-color: #3FADFF!important;
	border: 1px solid #3FADFF;
	color: #fff!important;
	font-size: 14px!important;
}

.progress{
	margin-top:2px;
    width: 330px;
    height: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar{ 
	background-color: rgb(92, 184, 92);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: block;
	float: left; 
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	transition-delay: 0s;
	transition-duration: 0.6s;
	transition-property: width;
	transition-timing-function: ease;
	width: 266.188px;
}
.FC-3f{
	color:#3FADFF;
}
.MALL-10{
	margin: 10px;
}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover{
	border: 1px solid #e6e6e6!important;
    background-color: #FBFBFB!important;
    color: #C9C9C9!important;
}
.layui-laydate-content td.laydate-selected{
	background-color: #EFF7FD!important;
}
.layui-input-div input {
	border: 0px;
	width: 150px;
}

.layui-input-div {
	line-height: 1.8;
	border: 1px solid #e6e6e6;
	height: 30px;
	box-sizing: border-box;
	padding-left: 10px;
	border-radius: 3px;
	width:180px;
}

.layui-input-div:hover {
	border-color: #3FADFF !important;
}

.layui-laydate .layui-this {
	background-color: #3FADFF !important;
	color: #fff !important;
}
.layui-tab-content{
	padding: 15px 20px 20px;
}
.layui-table{
	color:#333 !important;
}
.layui-btn{
	text-align: center;
}
.layui-btn-sm{
	height: 32px;
	line-height: 32px;
}
.layui-layer-title{
	font-size: 16px;
}
.layui-layer-title{
	padding: 0 75px 0 15px;
}
.layui-layer-setwin{
	right: 10px;
}
.border_0{border:0!important;}