/*平均分列*/
.col-2,.col-3,.col-4,.col-5 {}
.col-2:after,.col-3:after,.col-4:after,.col-5:after {content: ''; display: table; clear:both;}

.col-2 .colItem,
.col-3 .colItem,
.col-4 .colItem,
.col-5 .colItem{box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; }
.col-2 .colItem {width: 50%; }
.col-3 .colItem {width: 33.3%;}
.col-4 .colItem {width: 25%; }
.col-5 .colItem {width: 20%; }
.w-c { }
.w-c:after,.w-c:before { content: ""; display: table; clear: both; }
.w-1,.w-2,.w-3,.w-4,.w-5,.w-6,.w-7,.w-8,.w-9,.w-10,.w-11,.w-12 { float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.w-1 { width:8.33%;}
.w-2 { width:16.66%;}
.w-3 { width:24.99%;}
.w-4 { width:33.33%;}
.w-5 { width:41.66%;}
.w-6 { width:50%;}
.w-7 { width:58.33%;}
.w-8 { width:66.66%;}
.w-9 { width:75%;}
.w-10 { width:83.33%;}
.w-11 { width:91.67%;}
.w-12 { width:100%;}
/*外边距*/
.mg-0{margin: 0}
.mg-10{margin: 10px 0px;}
.mg-t-5{ margin-top:5px;}
.mg-t-3{ margin-top:3px;}
.mg-t-10{ margin-top:10px;}
.mg-t-15{ margin-top:15px;}
.mg-t-20{ margin-top:20px;}
.mg-t-30{ margin-top:30px;}
.mg-t-50{margin-top: 50px;}
.mg-v-15 { margin:15px 0;}
.mg-h-15 { margin:0 15px;}
.mg-b-10{ margin-bottom:10px;}
.mg-b-15{ margin-bottom:15px;}
.mg-b-20{ margin-bottom:20px;}
.mg-b-40{ margin-bottom:40px;}
.mg-r-10{ margin-right:10px;}
.mg-r-30{ margin-right:30px;}
.mg-l-10{ margin-left:10px;}
.mg-l-20{ margin-left:20px;}

.pd-sm { padding: 5px !important;}
.pd-lg { padding: 10px !important;}
.pd-xl { padding: 20px !important;}
.pd-h-20 { padding: 0 20px !important;}
.pd-h-10 { padding: 0 10px !important;}
.pd-v-10 { padding: 10px 0px !important;}
.pd-v-15 { padding: 15px 0px !important;}
.pd-v-20 { padding: 20px 0px;}
.pd-v-30 { padding: 30px 0px;}
.pd-v-50 { padding: 50px 0px;}
.pd-r-10 { padding-right: 10px !important;}
.pd-r-20 { padding-right: 20px !important;}
.pd-r-50 { padding-right: 50px !important;}
.pd-l-20 { padding-left: 20px !important;}
.pd-l-50 { padding-left: 50px !important;}
.pd-t-3 { padding-top: 3px !important;}
.pd-t-7 { padding-top: 7px !important;}
.pd-t-10 { padding-top: 10px !important;}
.pd-t-15 { padding-top: 15px !important;}
.pd-t-20 { padding-top: 20px !important;}
.pd-t-30 { padding-top: 30px !important;}
.pd-t-40 { padding-top: 40px !important;}
.pd-t-50 { padding-top: 50px !important;}
.pd-t-60 { padding-top: 60px !important;}
.pd-b-10 { padding-bottom: 20px;}
.pd-b-15 { padding-bottom: 15px;}
.pd-b-20 { padding-bottom: 20px;}
.pd-no { padding: 0;}


/*/底色/*/
.bg-fff { background: #fff;}
.bg-f6f6f6 { background: #f6f6f6;}
.bg-eee{background: #eee;}
.bg-black { background: #000;}
.bg-ddd { background: #ddd;}
.bg-6b6b6b { background: #6b6b6b;}
.bg-ccc{ background: #ccc;}
.bg-xdf {background: #ee7700;}
.bg-e4e4e4 {background: #e4e4e4;}
.bg-f1a821 {background: #f1a821;}
.bg-3399ff { background: #3399ff;}
.bg-66ccff { background: #66ccff;}
.bg-d4f4f4 { background: #d4f4f4;}
.bg-e6f9f9 { background: #e6f9f9;}
.bg-1ABC9C { background: #1ABC9C;}
.bg-FFE1E3{ background: #FFE1E3;}

.bg-xdf,.bg-f1a821 { color: #fff;}


/*文字样*/
.txt-c-4fc1b9 { color: #4fc1b9; }
.txt-c-ffffff { color: #FFFFFF; }
.txt-c-ffc61a { color: #ffc61a; }
.txt-c-6ba3ea { color: #6ba3ea; }
.txt-c-8276c7 { color: #8276c7; }
.txt-c-f47664 { color: #f47664; }
.txt-c-28A8E6 { color:#28A8E6; }
.txt-c-ee7700 { color:#ee7700; }
.txt-c-2496E0 { color:#2496E0; }
.txt-c-00A9DD { color:#00A9DD; }
.txt-c-3399cc { color:#28a8e6; }
.txt-c-e31b23 { color:#e31b23; }
.txt-c-1ABC9C { color:#1ABC9C; }
.txt-c-33cc99 { color:#33cc99; }
.txt-c-67cc5b { color: #67cc5b; }
.txt-c-danger { color: #ff5a60;}
.txt-c-navy { color: #4fc1b9;}
.txt-c-muted { color: #999;}
.txt-c-ddd { color: #ddd;}
.text-color-ee7700 a{text-decoration: none;cursor:pointer;color: #ee7700}
.bg-color-ee7700 { background:#ee7700; }
/*文字大小*/
.fts-12 { font-size: 12px;}
.fts-13 { font-size: 13px;}
.fts-14 { font-size: 14px;}
.fts-16 { font-size: 16px;}
.fts-18 { font-size: 18px;}
.fts-20 { font-size: 20px;}
.fts-26 { font-size: 26px;}
.fts-30 { font-size: 30px;}
.fts-w{font-weight: bold}
.text-ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    overflow:hidden;

}
.text-ellipsis2{
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;/**设置几行**/
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.text-ellipsis1{
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;/**设置几行**/
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.text-left { text-align: left;}

/*行高*/
.lineH-11 { line-height: 1.1;}
.lineH-25 { line-height: 2.5;}
.lineH-30 { line-height: 30px;}
.lineh-40 { line-height: 40px;}
.text-center { text-align: center;}

/*描边*/
.border-all { border: 1px solid #d2d2d2;}
.border-top { border-top: 1px solid #d2d2d2;}
.border-bottom { border-bottom: 1px solid #d2d2d2;}
.border-bottom-d { border-bottom: 1px dashed #d2d2d2;}
.border-right { border-right: 1px solid #d2d2d2;}
.linesone1{overflow-x: hidden;width: 700px;white-space: nowrap;text-overflow: ellipsis;display: inline-flex;}
.bdc-xdf { border: 2px solid #ee7700;}
.bdc-bule { border: 4px solid #66ccff;}
.bdc-buleone { border: 1px solid #66ccff;}

/*标签*/
.label { margin-right: 5px; font-weight: 500; padding-left: 14px; padding-right: 14px;}
.label-course { background:#f4f6f7; color:#28a8e6; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}

/*按钮*/
.btn-l { padding-left: 50px; padding-right: 50px; }
.btn-npd {padding: 0;}
.btn-circle { width: 22px; height: 22px; border-radius: 15px; text-align: center; font-size: 12px;}
.btn-white { color: inherit; background: #fff; border: 1px solid #e7eaec;}
.btn-red { background-color: #e31b23; border-color: #ed5565; color: #FFF;}
.btn-red:hover { background-color: #c61b23;color: #FFF;}
.btn-red:active {color: #FFF;}
.btn-warning-white { background-color: #fff; border-color: #CCC;}
.btn-warning { color: #fff; background-color: #ee7700; border-color: #eea236; }
.btn-rounded { border-radius: 50px;}

.btn-info { color: #fff; background-color: #28a8e6;}
.btn-info:hover {background-color: #2691c8;}
.btn-warning:hover { color: #fff; background-color: #ee6315; border-color: #d58512;}
.btn-outline { color: inherit; background-color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.btn-outline:disabled { background: #eee; border: 1px solid #ddd;}
.btn-outline:disabled:hover { background: #eee; color: #ee7700; border: 1px solid #ddd;}
.btn-warning.btn-outline { color: #f8ac59;}
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning
 { background-color: #f7a54a; border-color: #f7a54a; color: #FFF;}
.btn-success.btn-outline { color: #1c84c6; border-color: #1c84c6;}
.btn-success.btn-outline:hover { color: #fff; background:#1c84c6 ;}

.noBorder { border: none;}
/****工具条**/
.xTools { float: right; display: inline-block; margin-top: 0; position: relative; padding: 0;}
.xTools span { margin-left: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease ;
    -ms-transition: all 0.3s ease ;
    -o-transition: all 0.3s ease ;
    transition: all 0.3s ease ;}
.xTools span:hover {
    transform: scale(1.2,1.2); -webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease ;
    -ms-transition: all 0.3s ease ;
    -o-transition: all 0.3s ease ;
    transition: all 0.3s ease ;
}

.box-circle {
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
}
/****图标**/
.ico, .ico-lg {display: inline-block; width: 16px; height: 16px; position: relative; vertical-align: middle; text-align: center; background-size:contain; margin: 0 5px; }
.ico-lg {width: 30px; height: 30px;}
.ico .ico-sm { width: 16px; height: 16px; }
.ico .ico-md { width: 20px; height: 20px; }
.ico .ico-lg { width: 24px; height: 24px; }
.ico-tools-plus     { background: url("/template/1/whg/_files/images/ico_tool_ad.png") no-repeat center center;  }

.ico {background-size:contain;}

.help-block {margin-top: 0; margin-bottom: 0;}
/****选框**/
.xkCheck { display: none}
.xkCheck + label { border: 1px solid #d2d2d2; padding: 5px 10px; min-width: 98px; box-sizing: border-box; text-align: center;  margin-right: 5px; margin-bottom: 10px; font-weight: normal;}
.xkCheck:checked + label  {background: #ee7700; color: #f7f7f7; border-color: #ee7700; }
.xkCheck > input { display: none; }
.xdfRadio { display: none}
.xdfRadio + label { border: 1px solid #d2d2d2; padding: 5px 10px; min-width: 30px; box-sizing: border-box; text-align: center;  margin-right: 5px; margin-bottom: 10px; font-weight: normal;}
.xdfRadio:checked + label  {background: #ee7700; color: #f7f7f7; border-color: #ee7700; }
.xdfRadio > input { display: none; }

/****图文**/
.itembox {}
.itembox li { padding: 6px 0; }
.itembox li:after { content: ""; display: table; clear: both;}
.itembox li h3,.itembox li h4 { margin:0; margin-bottom: 5px;}
.itembox li .itemLeft, .itembox li .itemBody {vertical-align: top;}
.itembox li .itemLeft { padding-right: 10px; float: left;}
.itembox li .itemBody { }


.fixed {
    position: fixed!important;
}
.ps-b {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.ps-t {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cl-white {
    color: #fff !important;
}