#courseName::-webkit-input-placeholder,#recordByStu::-webkit-input-placeholder,#starttimeS::-webkit-input-placeholder,#endtimeS::-webkit-input-placeholder,.payManage_typeButton::-webkit-input-placeholder,#classname::-webkit-input-placeholder{
    color:#333;
    font-weight: normal;
}
#courseName:-moz-placeholder,#recordByStu:-moz-placeholder,#starttimeS:-moz-placeholder,#endtimeS:-moz-placeholder,.payManage_typeButton:-moz-placeholder,#classname:-moz-placeholder{
    color:#333;
    font-weight: normal;
}
#courseName::-moz-placeholder,#recordByStu::-moz-placeholder,#starttimeS::-moz-placeholder,#endtimeS::-moz-placeholder,.payManage_typeButton::-moz-placeholder,#classname::-moz-placeholder{
    color:#333;
    font-weight: normal;
}
#courseName:-ms-input-placeholder,#recordByStu:-ms-input-placeholder,#starttimeS:-ms-input-placeholder,#endtimeS:-ms-input-placeholder,.payManage_typeButton:-ms-input-placeholder,#classname:-ms-input-placeholder {
    color: #333;
    font-weight: normal;
}

#starttimeS::-webkit-input-placeholder,#endtimeS::-webkit-input-placeholder,#searchStdListInfo::-webkit-input-placeholder{
    color:#bbb;
}
#starttimeS:-moz-placeholder,#endtimeS:-moz-placeholder,#searchStdListInfo:-moz-placeholder{
    color:#bbb;
}
#starttimeS::-moz-placeholder,#endtimeS::-moz-placeholder,#searchStdListInfo::-moz-placeholder{
    color:#bbb;
}
#starttimeS:-ms-input-placeholder,#endtimeS:-ms-input-placeholder,#searchStdListInfo:-ms-input-placeholder{
    color:#bbb;
}

.selcampusbox input::-webkit-input-placeholder{
    color:#ccc;
}
.selcampusbox input:-moz-placeholder{
    color:#ccc;
}
.selcampusbox input::-moz-placeholder{
    color:#ccc;
}
.selcampusbox input:-ms-input-placeholder{
    color:#ccc;
}

body {
    position: relative;
}

label {
    margin-bottom: 0 !important;
    font-weight: 100 !important;
}

.xiala {
    position: absolute;
    width: 92px;
    background: #fff;
    top: 8px;
    height: 20px;
}

.shouru {
    cursor: default;
    outline: none;
    border: none;
    background: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    font: inherit;
    color: inherit;
}

.sanjiao {
    position: absolute;
    top: 8px;
    right: 6px;
    width: 0;
    height: 0;
    border: 4.5px solid transparent;
    border-top: 4.5px solid black;
}

.xialaUl {
    position: absolute;
    background: #fff;
    width: 92px;
    min-height: 30px;
    max-height: 90px;
    overflow: auto;
    overflow-x: hidden;
    display: none;
    top: 30px;
    border: 1px solid #E5E5E5;
    padding-top: 3px;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
    padding-left: 8px;
}

.dontHaveList {
    line-height: 16px;
    color: #999;
    margin: 0;
    text-align: center;
    font-size: 16px;
    background: #fff;
}

#addKeShi, #moveKeShi {
    position: absolute;
    top: 4px;
    /* float: left; */
    display: inline-block;
    width: 30px;
    /* height: 100%; */
    cursor: pointer;
    color: rgb(26, 164, 251);
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}

#classhour {
    text-align: center;
    padding: 0px 70px 0px 20px;
}

#giveday {
    text-align: center;
    padding: 0px 70px 0px 20px;
}

/* #loading{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top:98px;
} */
.loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -27.5px;
    margin-left: -40px;
}

.loading > p {
    color: #1ba3e4;
}

#PageLoadingEffect {
    height: 25px;
    width: 25px;
    border-radius: 100%;
    margin: 0 auto;
    border: 2px solid #1ba3e4;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
    margin-bottom: 8px;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .clearfix {
    zoom: 1
}

.center-list {
    background: #f7f8f9;
}

.search-div {
    width: 1200px;
    background: #f0f0f0;

}

.clickli {
    color: #087e8f !important;
    background-color: #f1f1f1 !important;
    font-weight: bold;
}

#stcode {
    width: 160px;
    height: 30px;
    background: #fff;
    border-radius: 0;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #e5e5e5;
    color: #999;
    outline: none;
    font-size: 12px;
    line-height: 28px;
    margin-top: 13px;
    border-right: none;
}

.search-btn {
    width: 40px;
    height: 30px;
    background: url("../../images/ico-search.png");
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    /*background-color: #fff;*/
    border: 1px solid #e5e5e5;
    margin-top: 13px;
    cursor: pointer;
    margin-right: 18px;
    border-left: none;
}

#Remindrenewals {
    float: left;
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    /*border: 1px solid #1ba3e4;*/
    text-decoration: none;
    margin-right: 10px;
    color: #fff;
    background-color: #1ba3e4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;

}

#dataRangeChoose {
    width: 172px;
    font-size: 12px;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    margin-top: 13px;
    cursor: pointer;
}

.userlist h5 {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin: 0;
}

.payManage_table {
    width: 1200px;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
}

.userlist table {
    width: 1180px;
    border-collapse: collapse;
    border-radius: 3px;
}

table thead td {
    height: 44px;
    font-size: 12px;
    text-align: left;
    background: #f5f5f5;
    color: #666;
    font-weight: 600;
    /*padding: 0 6px;*/
}

tbody td {
    height: 44px;
    text-align: left;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #eeeeee;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    max-width: 90px;
    /*padding: 0 6px;*/
}

tbody .tdOne {
    color: #666666
}

.userlist table tbody tr {
    background-color: #fff;
    /*border-bottom: 1px solid #ebeef5;*/
}

table a, .remindCondition a {
    color: #1ba3e4;
    word-break: break-all;
}

table a:hover, table a:focus {
    text-decoration: none;
    color: #1ba3e4;
}

.hascolor {
    background-color: #FFFCFC;
}

.addParent {
    margin: -3px 2px 0 0;
    cursor: pointer;
}

#cover {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
}
.caozuo-up{
    display: none;
    position: absolute;
    top:40px;
    right: 20px;
    width:10px;
    height:5px;
    background: url("/images/sanjiao_up.png") no-repeat;
    background-size: 10px 5px;
    z-index:3;
}
.Pay_reply {
    position: absolute;
    top: 45px;
    right:13px;
    width:90px;
    height:52px;
    background-color: #fff;
    border-radius: 2px;
    padding: 10px 0;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.20);
    z-index: 1;
}
.Pay_reply div{
    height: 32px;
    line-height:32px;
    text-align: center;
}
.Pay_reply div:hover {
    background-color: #E8F5FC;
}

.Pay_progress_bar {
    width: 1200px;
}
.stnamelength{
    cursor: default;
}
/*闂傚倸鍊峰ù鍥р枖閺囥垹绐楅柟鐗堟緲閸戠姴鈹戦悩瀹犲缂佺媭鍨堕弻锝夊箣閿濆憛鎾绘煛閸涱喗鍊愰柡宀嬬節瀹曟帒螣閻氬瓨瀚归柡宥庡亾閹峰嘲顫濋鍌溞ㄩ梺鍝勮閸旀垿骞冮姀銈呭窛濠电姴瀚槐鏇㈡⒒娴ｅ摜绉烘い銉︽崌瀹曟顫滈敓钘夘嚕椤愶箑绠婚悹鍥皺椤︻參姊洪崜鑼帥闁哥姵鐗犻幆鍐晸閻樺磭鍘甸悗鐟板濠㈡ê危缂佹ǜ浜滄い鎰靛墯鐎氾拷*/

#addParentDiv {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -204px;
    margin-left: -138px;
    width: 408px;
    height: 276px;
    background: #fff;
    border-radius: 4px;
    font-size: 0px;
    z-index: 11;
}

.addParentHead {
    height: 36px;
    line-height: 36px;
    background: #e5e5e5;
}

.head-l {
    float: left;
}

.head-l span {
    color: #333;
    margin-left: 26px;
    font-size: 14px;
}

.head-r {
    float: right;
    cursor: pointer;
}

.addParentCenter {
    margin: 2px;
    border: 1px solid #e5e5e5;
    height: 236px;
    padding-top: 14px;
}

.parentInfo {
    text-align: center;
}

.parentInfo ul {
    padding: 0;
    margin: 0;
}

.parentInfo ul li {
    list-style: none;
    margin-top: 14px;
}

.parentInfo ul li span {
    font-size: 14px;
    display: inline-block;
    text-align: right;
}

.parentInfo ul li input {
    width: 140px;
    height: 30px;
    padding-left: 10px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    color: #999;
}

.handleBtn {
    position: absolute;
    width: 100%;
    bottom: 18px;
    height: 28px;
    text-align: center;
}

.handleBtn input[type=button] {
    width: 84px;
    height: 28px;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    outline: none;
    border: 1px solid #e5e5e5;
}

.relationul {
    position: absolute;
    width: 140px;
    max-height: 100px;
    overflow: auto;
    z-index: 1;
    left: 30px;
    top: 30px;
    display: none;
}

.relationul li {
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    padding-left: 10px;
    background: #e5e5e5;
    margin: 0;
    cursor: pointer;
    height: 20px
}

.relationul li:hover {
    background: #20b3c8;
    color: #fff
}

.parentInfo .relationul {
    left: 153px
}

.parentInfo .relationul li {
    margin: 0;
    text-align: left;
}

.RemindrenewalsBox {
    /*display: none;*/
    /*position: fixed;*/
    /*z-index: 10;*/
    /*top: 40%;*/
    /*left: 50%;*/
    /* height:215px; */
    /*margin-left: -165px;*/
    /*width: 398px;*/
    /*background: #fff;*/
    /*font-size: 0px;*/
    /*padding: 0 18px;*/
    /*border-radius: 4px;*/
    /*-webkit-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
}

.RemindrenewalsBox p {
    font-size: 18px;
    color: #333;
    float: left;
}

#closeRemind {
    /*float: right;*/
    /*margin-top: 20px;*/
    cursor: pointer
}

.remindCondition {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 35px;
    width: 220px;
    margin-left: 50px;
}

.remindCon {
    display: flex;
    width: 100%;
    height: 249px;
    font-size: 12px;
    background-color: #ffffff;
    padding: 15.5px 30px;
    flex-wrap: wrap;
}

.remindCondition a {
    display: inline-block;
    color: #666;
    margin: 0 10px;
}

.remindBtn {
    margin-bottom: 25px;
}

.remindCondition a:last-child {
    margin-right: 0;
}

.remindCondition a:hover, .remindCondition a:focus, .remindBtn a:hover, .remindBtn a:focus {
    text-decoration: none;
}

.remindCondition strong {
    color: #20b3c8;
    margin: 0 2px;
}

.remindCondition input {
    display: inline-block;
    width: 90px;
    height: 24px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin: 0 4px;
    text-align: center;
}

.remindBtn a {
    display: inline-block;
    line-height: 30px;
}

/*闂傚倸鍊峰ù鍥р枖閺囥垹绐楅柟鐗堟緲閸戠姴鈹戦悩瀹犲缂佺媭鍨堕弻锝夊箣閿濆憛鎾绘煛閸涱喗鍊愰柡宀嬬節瀹曟帒螣閻氬瓨瀚归柡宥庡亾閹峰嘲顫濋鍌溞ㄩ梺鍝勮閸旀垿骞冮姀銈呭窛濠电姴瀚槐鏇㈡⒒娴ｅ摜绉烘い銉︽崌瀹曟顫滈敓钘夘嚕椤愶箑绠婚悹鍥у级椤ユ繈姊洪棃娑氬婵☆偅顨婇、鏃堝醇閺囩啿鎷洪柣鐘充航閸斿矂寮搁幋锔界厸閻庯綆浜堕悡鍏碱殽閻愯尙绠婚柟顔界矒閹崇偤濡烽敂绛嬩户闂傚倷鐒﹀鍧楀矗鎼淬劌纾婚柛娑欐綑閸戠姴鈹戦悩瀹犲缂佺媭鍨堕弻锝夊箣閿濆憛鎾绘煛閸涱喗鍊愰柡宀嬬節瀹曟帒螣閻氬瓨瀚归柡宥庡亾閹峰嘲顫濋悙顒�顏�*/
.selinputwrap {
    float: left;
    position: relative;
    margin-top: -1px;
    margin-left: 20px
}

.selinput {
    width: 120px;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 0 9px;
    background: url(../../images/ico_arrow_down.png) no-repeat 96px;
}

.opul {
    display: none;
    position: absolute;
    border: 1px solid #e5e5e5;
    width: 120px;
    top: 45px;
}

.opul li {
    height: 24px;
    line-height: 24px;
    padding-left: 9px;
    background: #fff;
}

.opul li:hover {
    color: #60C3D4;
    background: #f0f0f0;
    cursor: pointer;
}

.stdrecordtable {
    display: none;
}

.paymentWarningTable {
    display: none;
}

.xueyuantable {
    display: none;
}

.operatebtn {
    display: none;
    height: 30px;
    width: 90px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    background-color: #1ba3e4;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
}

.info {
    font-size: 12px;
    color: #1ba3e4;
    font-family: "microsoft YaHei";
}

.payManageLine {
    /*width: 1px;*/
    /*height: 20px;*/
    /*background-color: #dcdfe6;*/
}

.switchbtn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    height: 50px;
    padding-left: 2px;
    position: relative;
    background-color: #fff;
}
.switchbtn-left{
    position: absolute;
    content: '';
    width:0;
    height: 50px !important;
    top: 0;
    left:0;
    background-color: #fff;
    margin-right: 0 !important;
}
.switchbtn-right{
    position: absolute;
    content: '';
    width: 0;
    height: 50px !important;
    top: 0;
    right:0;
    background-color: #fff;
    margin-right: 0 !important;
}
.switchbtn span {
    display: inline-block;
    width: 58px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    margin-right: 38px;
    margin-top:7px;
}

.switchbtn span:hover {
    color: #1ba3e4;
}

.switch-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    height: 64px;
    background-color: #f7f8f9;
}

.switch-rightL {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
}

.red {
    color: red
}

.switchbtn-l {
    /*background-image: url("../../images/jilu_n.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: 16px;*/
    /*color: #1ba3e4;*/
}

.aa {
    /*background-image: url("../../images/jilu_w.png");*/
}

.switchbtn-r {
    /*background-image: url("../../images/xueyuan_u.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: 16px;*/
    /*color: #1ba3e4;*/
}

.bb {
    /*background-image: url("../../images/xueyuan_w.png");*/
}

.switchbtn-k {
    /*background-image: url("../../images/kc.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: 16px;*/
    /*color: #1ba3e4;*/
}

.dd {
    /*background-image: url("../../images/kcw.png");*/
}

.switchbtn .switchbtn-s {
    /*background-image: url("../../images/yujin_u.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: 16px;*/
    font-size: 14px;
    /*color: #1ba3e4;*/
}

.switchbtn .cc {
    /*background-image: url("../../images/yujin_w.png");*/
}

.switchbtn span.active {

    /*background-color: #1ba3e4;*/
    color:#1ba3e4;
    border-bottom:3px solid #1ba3e4;
}

.addHead {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
}

.pubSureBtn {
    width: 120px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background: #1bbfd2;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.buyClaPackageFoot {
    margin: 28px 0;
    text-align: center;
}

.jfxq {
    cursor: pointer;
}
.failure{
    padding: 0 6px;
    position: relative;
    display: inline-block;
    line-height: 24px;
    height: 24px;
    border-radius: 3px;
    text-align: center;
    margin-right: 8px;
    white-space: nowrap;
    background-color: #f2f2f2;
    color: #999;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.149019607843137);
    cursor: not-allowed !important;
}
.delPay {
    margin-left: 10px;
    color: #e45e77
}

.delPay:hover {
    color: #e45e77
}

/*课程包管理*/
.courseManage {
    width: 1200px;
}

.courseManage_ul {
    width: 1210px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.coursePackage {
    display: inline-block;
    width: 232px;
    height: 185px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 10px;
    padding-top: 18px;
    padding-left: 16px;
    position: relative;
    margin-right: 10px;
}

.coursePackage span {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: rgb(136, 136, 136);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.coursePackage .firstSpan {
    font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
    font-weight: 700;
    font-style: normal;
    color: rgb(136, 136, 136);
    font-size: 14px;
}

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

.coursePackage_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 35px;
    background-color: #f3f5fa;
    border-radius: 0 0 4px 4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
}

.coursePackage_button {
    width: 50%;
    height: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
        justify-content: center;
    color: #1ba3e4;
    font-size: 12px;
}

.coursePackage_footer_line {
    width: 2px;
    height: 20px;
    background-color: #ecedef;
}

/*课程包管理*/

/*编辑课程包*/
.claPackage {
    width: 494px;
    background-color: #fff;
    border-radius: 3px;
}

.claPackage_herder {
    height: 60px;
    padding: 0 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
        justify-content: space-between;
    border-bottom: 1px solid #d1dfe7;
    border-radius: 4px 4px 0 0;
    background-color: #fbfdff;
}

.claPackage_herder span {
    font-size: 16px !important;
}

#claPackage_closeImg {
    cursor: pointer;
}

.claPackage_content li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
        justify-content: space-between;
    margin-bottom: 20px;
}

.claPackage_content li:last-child {
    margin-bottom: 0;
}

.claPackage_contentUl {
    padding: 30px 40px 0 40px;
}

.claPackage_contentUl span {
    margin-right: 10px;
    font-size: 12px;
}

.claPackage_claNameBox {
    position: relative;
}

#claPackage_claName {
    width: 140px;
    height: 30px;
    font-size: 12px;
    text-indent: 10px;
    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    background: url(../../images/stdSanjiao.png) 120px center no-repeat;
}

.claPackage_claNameUl {
    display: none;
    position: absolute;
    top: 31px;
    left: 58px;
    width: 140px;
    max-height: 90px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    z-index: 1;
    overflow: auto;
    font-size: 12px;
}

.claPackage_claNameUl li {
    height: 36px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    font-size: 12px;
    text-indent: 10px;
    cursor: default;
    margin: 0;
}

.claPackage_claNameUl li:hover {
    background-color: #1ba3e4;
    color: #fff;
}

#claPackage_oName {
    width: 140px;
    height: 30px;
    font-size: 12px;
    text-indent: 10px;
    color: #999;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    background-color: #fafafa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.claPackageOName {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    position: relative;
}

#claPackage_cilname {
    width: 140px;
    height: 30px;
    font-size: 12px;
    text-indent: 10px;
    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    outline: none;
}

.claPackage_mergeorgUl {
    display: none;
    position: absolute;
    right: 0;
    top: 31px;
    width: 140px;
    max-height: 100px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    z-index: 1;
}

.claPackage_mergeorgUl li {
    display: -webkit-box;
    display: flex;
    margin: 0;
    height: 36px;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    text-indent: 10px;
    font-size: 12px;
}

.claPackage_mergeorgUl li:hover {
    background-color: #1ba3e4;
    color: #fff;
}

.chargetypeBox {
    position: relative;
}

#chargetype {
    display: inline-block;
    width: 140px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 12px;
    color: #666;
    line-height: 30px;
    text-indent: 10px;
    margin-right: 0;
    background: url(../../images/stdSanjiao.png) 120px center no-repeat;
    cursor: pointer;
}

.chargetypeUl {
    dispaly: none;
    position: absolute;
    top: 31px;
    right: 0;
    width: 140px;
    max-height: 90px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    z-index: 1;
    overflow: auto;
}

.chargetypeUl li {
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    text-indent: 10px;
    margin: 0;
}

.chargetypeUl li:hover {
    background-color: #1ba3e4;
    color: #fff;
}

.claPackageMoney, .claPackageKeshi {
    position: relative;
}

.claPackageMoney span:last-child, #claPackageKeshi_span {
    position: absolute;
    top: 7px;
    right: 0;
}

.claPackageKeshiUl {
    display: none;
    width: 40px;
    position: absolute;
    right: 0;
    top: 31px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.claPackageKeshiUl li {
    margin: 0;
    height: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
        justify-content: center;
    font-size: 12px;
}

.claPackageKeshiUl li:hover {
    background-color: #1ba3e4;
    color: #fff;
    cursor: default;
}

.keshi {
    display: inline-block;
    width: 25px;
    background: url(../../images/stdSanjiao.png) 15px center no-repeat;
    cursor: pointer;
}

#claPackage_money {
    width: 140px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    outline: none;
    color: #666;
    text-indent: 10px;
    font-size: 12px;
    padding-right: 30px;
}

#claPackage_keshi {
    width: 140px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    outline: none;
    color: #666;
    text-indent: 10px;
    font-size: 12px;
    padding-right: 40px;
}

.claPackage_footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
        justify-content: center;
    height: 70px;
}

.claPackage_button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
        justify-content: center;
}

#claPackage_affirm {
    width: 120px;
    height: 30px;
    background-color: #1ba3e4;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
}

#claPackage_cancel {
    width: 120px;
    height: 30px;
    border: 1px solid #a9a8a8;
    background-color: #fff;
    color: #888;
    font-size: 14px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

/*编辑课程包*/

/*删除课程包*/
.delCurriculumTip {
    width: 240px;
    background-color: #fff;
    border-radius: 3px;
}

.delCurriculumTip_harder {
    height: 48px;
    border-radius: 4px 4px 0 0;
    background-color: #fbfdff;
    border: 1px solid #d1dfe7;
}

.delCurriculumTip_harder {
    padding: 0 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
        justify-content: space-between;
}

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

.delCurriculumTip_harder img {
    cursor: pointer;
}

.delCurriculumTip_content {
    height: 88px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
        justify-content: center;
    font-size: 14px;
}

.delCurriculumTip_footer {
    height: 45px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
        justify-content: space-between;
    padding: 0 48px;
}

#delCurriculumTip_affirm {
    width: 60px;
    height: 30px;
    border-radius: 3px;
    background-color: #1ba3e4;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
}

#delCurriculumTip_cancel {
    width: 60px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #888;
    font-size: 12px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
}

/*删除课程包*/

/*闂傚倸鍊峰ù鍥р枖閺囥垹绐楅柟鎹愵嚙绾拷閻庤娲栧ú锔撅拷姘煼閺屾盯鏁傜拠鎻掑闂佸搫妫欑划鎾诲蓟閻斿壊妲归幖绮癸拷鍐茬闂備浇妗ㄩ悞锕傚箲閸パ屽殨妞ゆ帒瀚洿闂佺硶鍓濋〃蹇斿閿燂拷*/
#masklayer {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
}

#buyClaHour {
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    margin-left: -266px;
    width: 532px;
    background: #fff;
    border-radius: 4px;
    font-size: 0px;
    padding: 0 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pubHeadDiv {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.head-l {
    float: left;
    height: 36px;
}

.head-l span {
    color: #333;
    font-size: 18px;
    margin-left: 12px;
    font-weight: normal;
}

.head-r {
    float: right;
    cursor: pointer;
}

.buyClaHourCenter {
    padding: 0 12px;
}

.buyClaHourCenter > ul {
    margin: 0;
    padding: 0;
}

.buyClaHourCenter > ul > li {
    list-style: none;
    padding: 0;
    margin: 12px 0 0 0;
    font-size: 12px;
    color: #333;
    float: left;
    position: relative;
}

.buyClaHourCenter > ul > li > i {
    font-style: normal;
    position: absolute;
    right: 2px;
    top: 4px;
    line-height: 22px;
    width: 48px;
    text-align: center;
    border-left: 1px solid #e5e5e5;
}

.li-left {
    width: 50%;
}

.li-right {
    width: 50%;
}

.li-all {
    width: 100%;
}

.buyClaHourCenter > ul > li .clickdown {
    border: 1px solid white;
    cursor: pointer;
    height: 30px;
    left: 87px;
    line-height: 26px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 8px;
    position: absolute;
    text-align: left;
    top: -5px;
    width: 138px;
}

#payClaName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    width: 108px;
    display: inline-block;
}

#arrow-b {
    position: absolute;
    right: 8px;
    top: 0px;
    display: none;
}

.buyClaHourCenter > ul > li > span {
    width: 64px;
    display: inline-block;
    margin-right: 18px;
    font-size: 14px;
    text-align: right;
    color: #333;
}

.payClaName {
    font-weight: normal;
    font-size: 14px;
    color: #333;
}

#buyhourclanDiv {
    width: 264px;
    height: 30px;;
    display: inline-block;
    border: 1px solid #e5e5e5;
    position: relative;
    left: 82px;
}

#buyhourclan {
    border: none;
    outline: none;
    padding-left: 10px;
    margin-top: 4px;
    text-align: left;
    position: absolute;
    width: 100%;
    padding-right: 50px;
    background: none;
    font-size: 14px;
    z-index: 10;
}

#paytype, #createuid {
    background: url(../../images/ico_arrow_down5.png) no-repeat 115px;
    padding-right: 20px;
}

.li-left > input[type=text] {
    width: 138px;
    height: 30px;
    outline: none;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    padding-left: 10px;
    color: #333;
    /* border: none; */
}

.li-all > input[type=text] {
    width: 390px;
    height: 30px;
    outline: none;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    font-size: 14px;
    color: #333;
    /* border: none; */
}

.li-right > input[type=text] {
    width: 138px;
    height: 30px;
    outline: none;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    font-size: 14px;
    color: #333;
    /* border: none; */
}

.required {
    color: #333;
}

.extrude {
    color: #e60012 !important
}

.centerInput {
    text-align: center;
    padding-right: 40px;
}

.yuan {
    font-weight: normal;
    position: absolute;
    right: 26px;
    top: 6px;
}

.selling_price {
    color: #fff;
    display: inline-block;
    background-color: #f8b551;
    height: 30px;
    border-radius: 4px;
    padding: 0 5px;
    margin-left: 35px;
}

#selBuyType {
    width: 48px;
    height: 28px;
    position: absolute;
    top: 4px;
    right: 18px;
    border: none;
    color: #333;
    line-height: 22px;
    display: inline-block;
    text-decoration: none;
}

.buyClaBag {
    width: 98px;
    height: 30px;
    color: #fff;
    background: #1ba3e4;
    border: none;
    outline: none;
    position: absolute;
    font-size: 14px;
    right: 1px;
    border-radius: 4px;
}

.notice {
    text-align: right;
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #333;
}

.notice > span {
    color: #e60012
}

.buyClaHourFoot {
    margin: 20px 0 28px 0;
    text-align: center;
}

#paytype {
    padding-right: 20px;
}

#kelist {
    position: absolute;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 4px;
    max-width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-all;
    color: #333;
    display: none;
}

input::-webkit-search-cancel-button {
    display: none;
}

input::-ms-clear {
    display: none;
}

#kelist {
    position: absolute;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 4px;
    max-width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-all;
    color: #333;
    z-index: 99;
    display: none;
}

.paymoneytype {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 138px;
    height: 90px;
    overflow-y: auto;
    z-index: 2;
    left: 97px;
    top: 32px;
    display: none;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.paymoneytype > li {
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.paymoneytype > li:hover {
    color: #60C3D4;
    background: #f0f0f0;
}

.xialaspan {
    text-align: center;
    background: url(../../images/ico_arrow_down5.png) no-repeat 30px;
    padding-right: 12px;
    padding-left: 4px;
    display: inline-block;
    width: 48px;
    cursor: pointer;
    border-left: 1px solid #e5e5e5;
}

.unitul {
    position: absolute;
    width: 50px;
    left: 0;
    top: 30px;
    border: 1px solid #e5e5e5;
    z-index: 1;
    display: none;
}

.unitul li {
    height: 20px;
    line-height: 20px;
    background: #fff;
    padding-left: 13px;
    list-style: none;

}

.unitul li:hover {
    background: #ffd8b2;
    cursor: pointer;
}

.laydate-prev-y {
    background: url("../../images/prev-y.png") no-repeat 2px !important;
}

.laydate-prev-m {
    background: url("../../images/prevTime.png") no-repeat 2px !important;
}

.laydate-next-y {
    background: url("../../images/next-y.png") no-repeat 2px !important;
}

.laydate-next-m {
    background: url("../../images/nextTime.png") no-repeat 2px !important;
}

.laydate-prev-y, .laydate-prev-m, .laydate-next-y, .laydate-next-m {
    height: 22px;
    width: 12px;
    border: 1px solid #e5e5e5;
}

#buyClaPackage {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -301px;
    width: 602px;
    /* height: 415px; */
    background: #fff;
    border-radius: 4px;
    font-size: 0px;
    padding: 0 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.buyClaPackageHead > .head-l {
    float: left;
}

.buyClaPackageHead > .head-l span {
    /* color: #333;
    margin-left: 26px;
    font-size: 14px; */
    color: #333;
    font-size: 18px;
    margin-left: 12px;
    font-weight: normal;
}

.buyClaPackageHead > .head-r {
    float: right;
    cursor: pointer;
}

.buyClaPackageCenter {
    /*padding: 4px 26px 0 26px;*/
}

.buyClaPackageCenter > ul {
    margin: 0;
    padding: 0;
}

.buyClaPackageCenter > ul > li {
    padding: 0;
    margin: 18px 0 0 0;
    list-style: none;
    font-size: 12px;
}

.kechengbao {
    width: 55px;
    height: 30px;
    border: none;
    outline: none;
    color: #fff;
    /* background: #ff7e00; */
    vertical-align: bottom;
}

.input-search {
    width: 230px;
    height: 30px;
    border: 1px solid #e5e5e5;;
    outline: none;
    color: #666;
    padding-left: 10px;
}

.i-search {
    /* margin-left: 10px;
    font-style: normal;
    color: #666;
    cursor: pointer; */
    width: 40px;
    height: 30px;
    position: absolute;
    border-left: 1px solid #e5e5e5;
    left: 208px;
    cursor: pointer;
    background: url(../../images/searchs.png) no-repeat center;
}

.new-package {
    background-image: url(../../images/ico-add.png);
    background-repeat: no-repeat;
    background-position: 14px;
    width: 116px;
    height: 30px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 15px;
    margin-left: 18px;
    background-color: #20b3c8;
    padding: 0;
    vertical-align: bottom;
    border-radius: 4px;
    padding-left: 16px;
}

.createNow, .createNow:hover {
    color: #ff7e00;
    text-decoration: none;
    cursor: pointer;
    margin-left: 6px;
}

.packageTable {
    height: 250px;
    overflow-y: auto;
}

.packageTable > table {
    /* margin-top: 24px; */
    font-size: 14px;
    /* height: 212px; */
    overflow-y: auto;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 497px;
}

.packageTable > table > tbody {
    color: #8a8787;
}

.packageTable tr {
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.packageTable tr:FIRST-CHILD {
    border-top: 1px solid #e5e5e5;
}

.packageTable tr td {
    height: 32px;
    padding: 0 8px 0 12px;
    position: relative;
    font-size: 14px;
    text-align: center;
}

.buyPackageMsg {
    width: 42px;
    height: 22px;
    border-radius: 4px;
    background: #20b3c8;
    color: white;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.buyCopies {
    width: 38px;
    height: 22px;
    border-radius: 4px;
    border-style: none;
    text-align: center;
    font-size: 12px;
    border: 1px solid #e5e5e5;
}

.choicePackageMsg td {
    border-top: 1px solid #E7E7E7;
    height: 32px;
}

.packageTable tr:hover {
    background: #f0f0f0;
}

.packageClaName {
    text-align: left;
}

.packageClaPrice {
    text-align: right;
}

.claLabel {
    height: 21px;
    display: inline-block;
    border-radius: 4px;
    font-style: normal;
    font-size: 14px;
    color: #fff;
    background: #f8b551;
    line-height: 21px;
    padding: 0 4px;
    min-width: 56px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 9px
}

.chosePackage {
    background: #f0f0f0 !important;
}

.chosedpack {
    width: 0;
    height: 0;
    border-bottom: 24px solid rgba(27, 191, 210, 1);
    border-left: 26px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}

.chosedpack img {
    position: absolute;
    left: -14px;
    bottom: -22px;
}

#dontHavePackage {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    width: 360px;
    background: #fff;
    border-radius: 4px;
    font-size: 0px;
    padding: 0 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.friendshipHint {
    margin-top: 32px;
    padding-left: 71px;
}

.friendshipHint > span {
    margin-left: 12px;
    font-size: 16px;
    color: #666;
    vertical-align: middle;
}

.hintMsg {
    width: 240px;
    margin: 32px auto;
    margin-bottom: 28px;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.hintMsg > p {
    font-size: 14px;
    color: #333;
}

.hintBtn {
    margin-bottom: 20px;
    text-align: center;
}

.hintBtn > a, .hintBtn > a:hover {
    line-height: 28px;
    display: inline-block;
}

#newClaPackage {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    margin-left: -247px;
    width: 494px;
    background: #fff;
    border-radius: 4px;
    font-size: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 18px
}

.newClaPackageHead > .head-l {
    float: left;
}

.newClaPackageHead > .head-l span {
    color: #333;
    margin-left: 12px;
    font-size: 18px;
}

.newClaPackageHead > .head-r {
    float: right;
    cursor: pointer;
}

.newClaPackageCenter {
    padding: 4px 12px 0 12px;
}

.newClaPackageCenter > ul {
    margin: 0;
    padding: 0;
}

.newClaPackageCenter > ul > li {
    padding: 0;
    margin: 16px 0 0 0;
    list-style: none;
    font-size: 14px;
}

.newClaPackageCenter > ul > li > span {
    font-size: 14px;
    display: inline-block;
    margin-right: 18px;
    text-align: right;
}

.newClaPackageCenter > ul > li > span > b {
    color: #e60012;
    vertical-align: middle;
    margin-right: 2px;
}

.clalabel, .clalabel:hover, .tolltype, .tolltype:hover, .chosetea, .chosetea:hover, .repetition, .repetition:hover {
    color: #666;
    text-decoration: none;
}

.clalabel > img, .chosetea > img, .repetition > img {
    margin: 0 38px 0 6px;
    cursor: pointer;
    vertical-align: sub;
}

.tolltype > img {
    margin-left: -8px;
    cursor: pointer;
    vertical-align: sub;
}

.newClaPackageCenter > ul > li > input[type=text] {
    height: 30px;
    padding-left: 14px;
    outline: none;
    border: 1px solid #e5e5e5;
}

#cilname-add {
    width: 322px;
}

.newClaPackageCenter input[type=time] {
    height: 30px;
    outline: none;
    border: 1px solid #e5e5e5;
}

.newClaPackageCenter > ul > li > input[type=radio] {
    vertical-align: sub;
    outline: none;
    margin: 0 8px 0 40px;;
}

.i-type, .i-price {
    font-style: normal;
    margin: 0 6px;
}

.division {
    font-style: normal;
    margin: 0 8px;
}

.weeklist {
    margin: 0;
    padding: 0;
    width: 100%;
    padding-left: 71px;
}

.weeklist > li {
    list-style: none;
    padding: 0;
    float: left;
}

.addcoursemsg, .packup {
    color: #ff7e00;
    cursor: pointer;
    font-style: normal;
}

.addcoursemsg {
    color: #43bccd;
    margin-right: 8px;
}

.rotatearrow {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.newClaPackageFoot {
    margin: 28px 0;
    text-align: center;
}

.newClaPackageRemove {
    background: #fff;
    margin-left: 16px;
}

.triangle {
    position: relative;
}

.triangleul::before {
    width: 0px;
    height: 0px;
    position: absolute;
    top: -18px;;
    right: 31px;
    padding: 0;
    border-bottom: 9px solid #FFFFFF;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    display: block;
    content: '';
    z-index: 12;
}

.triangleul::after {
    width: 0px;
    height: 0px;
    position: absolute;
    top: -19px;;
    right: 31px;
    padding: 0;
    border-bottom: 9px solid #e5e5e5;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    display: block;
    content: '';
    z-index: 10
}

.triangleul {
    position: absolute;
    left: -18px;
    top: 26px;
    width: 80px;
    max-height: 90px;
    border: 1px solid #e5e5e5;
    display: none;
    z-index: 1;
    background: #fff;
    overflow: auto;
}

.attendclass li, .attendclass li span {
    font-size: 12px !important;
}

.i-type .triangleul {
    left: -17px;
    top: 26px;
    width: 50px;
    height: 82px;
}

.i-type .triangleul li {
    height: 20px;
    line-height: 20px;
    padding-left: 16px;
}

.i-type .triangleul::before {
    right: 16px;
}

.i-type .triangleul::after {
    right: 16px;
}

.triangleul li {
    background: #fff;
    height: 24px;
    line-height: 24px;
    padding-left: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.triangleul li:hover {
    color: #1ba3e4;
    background: #f0f0f0;
    cursor: pointer;
}

.xialaimg {
    cursor: pointer;
    margin-left: 6px;
    vertical-align: sub
}

.singlesel[type=radio] {
    width: 13px;
    height: 13px;
    opacity: 0;
    vertical-align: middle;
    margin: 0;
    margin-right: 4px;
    cursor: pointer;
}

.attendclass .altradio {
    margin-right: 38px;
    background-position-y: 4px;
}

.altradio {
    background: url(../../images/weixuan.png) no-repeat;
    background-position-y: 5.5px;
    margin-right: 20px;
    font-weight: normal;
}

.altradiochecked {
    background-image: url(../../images/xuanzhong.png);
}

.multisel[type=checkbox] {
    width: 17px;
    height: 17px;
    opacity: 0;
    vertical-align: middle;
    margin: 0;
    margin-right: 5px;
    cursor: pointer;
}

.altcheckbox {
    background: url(../../images/multisel1.png) no-repeat;
    background-position-y: 1px;
    margin-right: 20px;
    font-weight: normal
}

.altcheckboxchecked {
    background-image: url(../../images/multisel2.png);
}

.courselabelul {
    overflow-y: auto;
    background: #fff;
    left: 0;
    width: 114px;
}

.teaullist {
    left: 71px;
    width: 114px;
    top: 32px;
    overflow-y: auto
}

#courselabel, #mentorname {
    width: 114px;
    padding-left: 14px;
    height: 30px;
    border: 1px solid #e5e5e5;
    padding-right: 20px;
    background: url("../../images/ico_arrow_down1.png") no-repeat 92px;
    cursor: pointer;
    margin-right: 48px;
}

.bosswrap {
    display: inline-block;
    width: 150px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    position: relative;
}

.bosswrap input {
    height: 30px;
    border: none;
    width: 111px;
    padding-left: 14px;
    outline: none;
}

.bosswrap img {
    cursor: pointer;
    border-left: 1px solid #e5e5e5;
    padding: 2px 9px;
    margin-top: -1px;
}

#campusDiv {
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    margin-left: -172px;
    width: 344px;
    background: #fff;
    border-radius: 4px;
    padding: 0 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.campusDivCenter {
    padding: 16px 0 20px 0;
}

.classroomSel {
    width: 230px;
    height: 30px;
    border: 1px solid #e5e5e5;
    padding-left: 12px;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.searchDiv {
    position: relative;
}

.searchimg {
    position: absolute;
    width: 60px;
    height: 30px;
    border-left: 1px solid #e5e5e5;
    top: 0px;
    left: 170px;
    text-align: center;
    cursor: pointer;
}

.searchimg > img {
    margin-top: 3px;
    width: 25px;
    height: 25px;
}

.labelName {
    margin: 24px 0 0 0;
    font-size: 14px;
    background: #eee;
    color: #333;
    text-align: center;
    height: 31px;
    width: 304px;
    line-height: 31px;
    border: 1px solid #e5e5e5;
    border-bottom: 0px
}

.searchUl {
    width: 304px;
    padding: 0;
    margin: 0;
    border: 1px solid #e5e5e5;
    max-height: 155px;
    overflow: auto;
}

.searchUl > li {
    border-top: 1px solid #e5e5e5;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
}

.searchUl > li:hover {
    color: #333;
    background: #f4fbf6;
}

.xuanzhong {
    color: #60C3D4;
    background: #f4f6fb;
}

.classRoomListFoot {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 28px;
}

.pubUl {
    position: absolute;
    top: 32px;
    border: 1px solid #e5e5e5;
    background: #fff;
    z-index: 2;
    width: 150px;
    max-height: 100px;
    overflow-y: auto;
    display: none;
}

.pubLi {
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*闂佸憡甯炴繛锟芥繛鍛捣缁辨挾澹曠�ｎ亞锟筋參鎮规担瑙勭凡缂傚秴绉归獮鎾诲箛椤旇桨绮靛┑鈩冾殣閹凤拷*/
#masklayer {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
}

#deleteReason {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -189px;
    width: 378px;
    background: #fff;
    border-radius: 4px;
    padding: 0 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.addHead {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
}

.head-l {
    float: left;
}

.head-r {
    float: right;
    cursor: pointer;
}

.deleteReasonInfo {
    text-align: center;
    margin: 32px;
    font-size: 14px;
    color: #666;
}

.authAlertInfoOne {
    margin: 16px;
    font-size: 14px;
    color: #666;
}

#authopenbtn {
    display: block;
    width: 120px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background: #1bbfd2;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    margin-bottom: 25px;
    float: right;
    margin-right: 24px;
}

#authopenbtnOne {
    display: block;
    width: 120px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background: #1bbfd2;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    margin-bottom: 18px;
}

.authclosebtn {
    display: block;
    width: 120px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background: #1bbfd2;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    margin-bottom: 18px;
}

.selcampus {
    width: 160px;
    height: 30px;
    color: #888;
    font-size: 12px;
    background-image: url("/images/xiala_sanjiao.png");
    background-size: 11px 7px;
    background-repeat: no-repeat;
    background-position: 140px;
    outline: none;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0 20px 0 10px;
}

.campus_highClass {
    width: 160px !important;
    background-position: 140px;
}

.campus_highPubUl {
    width: 160px !important;
}

.payManage_time {
    width: 222px;
    height: 32px;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
        justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    margin-right: 40px;
}

#starttimeS {
    outline: none;
    width: 118px;
    height: 32px;
    text-align: center;
    background: #fff url(../../images/xiala_sanjiao.png) no-repeat 100px center;
    background-size: 10px 7px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: none;
    border-radius: 2px 0 0 2px;
    font-size: 12px;
    cursor: pointer;
    color: #333;
}

#endtimeS {
    outline: none;
    width: 118px;
    height: 32px;
    background: #fff url(../../images/xiala_sanjiao.png) no-repeat 100px center;
    background-size: 10px 7px;
    padding-right: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: none;
    border-radius: 0 2px 2px 0;
    font-size: 12px;
    cursor: pointer;
    color: #333;
}

.mergeorgUl {
    position: absolute;
    top: 30px;
    width: 160px;
    max-height: 200px;
    overflow: auto;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff;
    z-index: 2;
    display: none;
    padding: 8px 0;
}

.mergeorgUl li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-left: 12px;
    font-size: 12px;
    color: #666666;
    text-align: left;
    height: 30px;
    line-height: 28px;
}
.mergeorgUl li.active {
    background-color: #E8F5FC;
    color: #333;
}
.mergeorgUl li.normal:hover {
    background-color: #E8F5FC;
}

.check0{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../../images/check0.png") no-repeat;
    background-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}
.check1{
    background: url("../../images/check1.png") no-repeat;
    background-size: 14px;
    vertical-align: middle;
}

.selcampusbox {
    width: 100%;
    line-height:32px;
    position: relative;
    text-align: left;
    margin-bottom: 16px;
    /*padding-left: 8px;*/
}
.selcampusbox input {
    float: right;
    padding-right: 20px;
    /* background: url(../../images/ico_arrow_down.png) no-repeat 285px; */
    cursor: pointer;
    width: 294px;
    height: 32px;
    outline: none;
    padding-left: 12px;
    font-size: 12px;
    color: #333 !important;
    text-align: left;
    background: #fff;
    border: 1px solid #E5E5E5 !important;
    border-radius: 2px;
}
.selcampusbox span {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 12px;
}
.campusul {
    margin: 0px;
    padding: 0px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    width: 300px;
    z-index: 2;
    overflow-y: auto;
    left: 50px;
    display: none;
    top: 32px;
}

.campusul li {
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.campusul li:hover {
    color: #60C3D4;
    background: #f0f0f0;
}

#claPackCampus {
    width: 114px;
    padding-left: 14px;
    height: 30px;
    border: 1px solid #e5e5e5;
    padding-right: 20px;
    background: url("../../images/ico_arrow_down1.png") no-repeat 92px;
    cursor: pointer;
}

.packcampusul {
    left: 0;
    top: 32px;
    overflow-y: auto;
    width: 114px;
}

/*高级筛选*/
/*.payManage_advancedFilterBox {*/
/*    display: none;*/
/*    position: relative;*/
/*}*/

#payManage_advancedFilter {
    width: 120px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    text-indent: 10px;
    font-size: 12px;
    color: #666;
    outline: none;
    background: url("../../images/stdSanjiao.png") center no-repeat;
    background-position: 100px;
    background-color: #fff;
    margin-right: 10px;
    cursor: pointer;
}

.payManage_advanced_UlBox {
    display: none;
    position: absolute;
    width: 250px;
    height: 173px;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -moz-justify-content: center;
        justify-content: center;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745);
    z-index: 2;
}

.payManage_advanceBoxs {
    display: none;
    position: relative;
    /*display: -webkit-box; */
    /*display: -moz-box; */
    /*display: -ms-flexbox; */
    /*display: -webkit-flex; */
    /*display: flex; */
    /*-webkit-box-direction: normal;*/
    /*-webkit-box-orient: vertical;*/
    /*-moz-flex-direction: column;*/
    /*-webkit-flex-direction: column;*/
    /*flex-direction: column;*/
    /*-webkit-box-pack: justify;*/
    /*-moz-justify-content: space-between;*/
    /*-webkit-justify-content: space-between;*/
    /*justify-content: space-between;*/
    /*padding: 0 14px;*/
    /*margin-top: 17px;*/
}

.payManage_advanceBoxs > span {
    color: #666;
    font-size: 12px;
    margin-bottom: 11px;
}

/*高级筛选*/
/*班级筛选*/
.classdiv {
    position: relative;
    cursor: pointer;
}

#classname,#courseName {
    width: 120px;
    height: 32px;
    color: #333;
    font-size: 12px;
    background-image: url('/images/xiala_sanjiao.png');
    background-size: 11px 7px;
    background-repeat: no-repeat;
    background-position: 100px;
    outline: none;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-right: 10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 20px 0 10px;
}

.All_class,.All_course {
    display: none;
    position: absolute;
    top: 33px;
    background: #fff;
    width: 220px;
    /*box-shadow: 0 0 5px 1px #d7d7d7;*/
    border-radius: 4px 4px 0 0;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    z-index: 3;
}

.All_class input,.All_course input {
    display: block;
    outline: none;
    border: 1px solid #ddd;
    width: 190px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    background: url(../../images/ico-search.png) no-repeat 168px center;
    background-size: 11px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 3px;
    padding-left: 6px;
}

.allclassBox {
    display: block;
    position: relative;
}

#allclass,#allCourse {
    display: block;
    position: absolute;
    font-size: 12px;
    width: 220px;
    max-height: 170px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
    margin-left: -1px;
    border-radius: 0 0 4px 4px;
}

#allclass li,#allCourse li {
    padding-left: 24px;
    font-size: 12px;
    color: #666666;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    height: 30px;
    line-height: 28px;
}
#allclass li.active,#allCourse li.active{
    color: #333;
    background: #E8F5FC;
}
#allclass li.normal:hover {
    background: #E8F5FC;
}
#allCourse li.normal:hover {
    background: #E8F5FC;
}
/*状态筛选*/
.payManage_type {
    position: relative;
}

.payManage_typeButton {
    width: 120px;
    height: 32px;
    line-height: 32px;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    border-radius: 2px;
    border: 1px solid #ddd;
    text-indent: 10px;
    font-size: 12px;
    background: url('/images/xiala_sanjiao.png') center no-repeat;
    background-size: 11px 7px;
    background-position: 100px;
    background-color: #fff;
    margin-right: 10px;
    cursor: pointer;
    outline: none;
    color: #333;
}

.payManage_typeUl {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    width: 120px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    z-index: 2;
    padding: 8px 0;
}

.payManage_typeUl li {
    height: 30px;
    line-height: 28px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    text-indent: 10px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
}
.payManage_typeUl li.active {
    background-color: #E8F5FC;
    color: #333;
}
.payManage_typeUl li.normal:hover {
    background-color: #E8F5FC;
}

/*名字筛选 */
.searchStdListInfo {
    position: relative;
    float: left;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
        align-items: center;
    width: 200px;
    height: 32px;
    border-radius: 2px;
    margin-right: 10px;
}
.clearInputImg{
    display: none;
    position: absolute;
    right: 24px;
    top: 12px;
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: #a9a9a9;
    font-size: 12px
}

::-moz-placeholder {
    color: #a9a9a9;
    font-size: 12px
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #a9a9a9;
    font-size: 12px
}

/* Internet Explorer 10+ */
:-moz-placeholder {
    color: #a9a9a9;
    font-size: 12px
}

.searchStdListInfo input {
    width: 176px;
    height: 32px;
    float: left;
    line-height: 26px;
    padding: 0 14px 0 10px;
    font-size: 12px;
    border-width: 1px 1px 1px;
    border-style: solid none solid solid;
    border-color: #ddd;
    -o-border-image: initial;
       -webkit-border-image: initial;
            border-image: initial;
    border-radius: 2px 0px 0px 2px;
    border-right: none;
    outline: none;
}

.searchSureBtn {
    /*position: absolute;*/
    float: left;
    width: 24px;
    height: 32px;
    cursor: pointer;
    outline: none;
    background: url("../../images/ico-search.png");
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: none;
    border-radius: 0px 2px 2px 0px;
}

#zhiSlist li {
    cursor: pointer;
}

/*閻庣數鍘ч崵锟�*/
.export {
    position: relative;
    width: 90px;
    height: 32px;
    text-indent: 10px;
    line-height: 32px;
    color: #333;
    border: 1px solid #ddd;
    background: url('../../images/stdSanjiao.png') 74px center no-repeat;
    background-color: #fff;
    background-size: 7px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 12px;
}
.export:hover{
    color: #1ba3e4;
    border: 1px solid rgba(27,163,228,0.40);
}
.exportUl {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    width: 118px;
    background: #fff;
    font-size: 12px;
    z-index: 999;
    border-radius: 3px;
    box-shadow: 0 2px 2px #ccc;
    /*padding: 8px 0;*/
}

.exportUl li {
    padding-left: 30px;
    width: 100%;
    height: 30px;
    color: #666;
    line-height: 28px;
    background-image: url(../../images/ico_out_n.png);
    /*background-image: url(../../images/exp.png);*/
    background-repeat: no-repeat;
    background-position: 8px center;
    cursor: pointer;
    list-style: none;
}
.exportUl li:first-child{
    border-bottom: 1px solid #ddd;
}
.exportUl li:hover {
    color: #1ba3e4;
    background-image: url(../../images/ico_out_p.png)
}

.coverDeleteReason {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
    z-index: 10;
}

/*闁哄倹婢橀·鍐媼閺夎法绉�*/
#deleteReasonDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 504px;
    margin-left: -252px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 8px;
}

/*闁稿繑濞婂Λ鎾箰婢舵劖灏�*/
.closeDeleteReasonDiv {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 28px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
}

/*濡炪倕鐖奸崕锟�*/
.deleteReason-top {
    width: 100%;
    height: 52px;
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background: #1ba3e4;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

/*濞戞搩鍙冨Λ锟�*/
.deleteReason-mid {
    margin-bottom: 40px;
}

.dr-top {
    padding: 6px 16px;
    background: #FFFAE7;
}

.dr-top img {
    float: left;
    width: 22px;
    height: 22px;
    margin-top: 8px;
    margin-right: 10px;
}

.dr-top span {
    float: left;
    width: 432px;
    color: #666;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.dr-mid {
    margin-top: 18px;
}

.remarks {
    float: left;
    margin-left: 31px;
    margin-right: 18px;
}

.redStar {
    color: red;
    margin-right: 4px;
}

#delReasonTxt {
    float: left;
    padding: 10px;
    width: 350px;
    height: 140px;
    resize: none;
    outline: none;
    font-size: 12px;
    color: #333;
    border-radius: 4px;
    border: 1px solid #ccc;

}

/*閹煎瓨娲熼崕鎾箰婢舵劖灏�*/
.deleteReason-btm {
    height: 38px;
    padding: 0 89px;
    margin-bottom: 30px;
}

.deleteReason-btm span {
    float: left;
    width: 122px;
    height: 38px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    border-radius: 4px;
    cursor: pointer;
}

.dr-cancel {
    margin-right: 80px;
    border: 1px solid #999;
    color: #999;
    font-size: 14px;
}

.dr-confirm {
    background: #1ba3e4;
    color: #fff;
}

.longname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}

.xBackups{
    color: #1ba3e4;
    cursor: pointer;
}

/*续费预警ball*/
.payManage_type {
    /*display: -webkit-box;*/
    /*display: flex;*/
    /*-webkit-box-align: center;*/
    /*-moz-align-items: center;*/
        /*align-items: center;*/
    /*-webkit-box-pack: center;*/
    /*-moz-justify-content: center;*/
        /*justify-content: center;*/
}

.payManage_type_ball {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 4px;
    margin-left: 4px;
}

.payManage_green {
    background-color: #1cd67c;
}

.payManage_orange {
    color: #ffab57;
}

.payManage_red {
    color: #FC5150;
}

/*续费预警ball*/

/*筛选框后面的小圆圈*/
.grayBgCircle{
    position: absolute;
    top: 6px;
    right: 30px;
    text-align: center;
    /*background: #ecedee;*/
    border-radius: 9px;
    height: 18px;
    line-height: 16px;
    padding: 0 4px;
    cursor: pointer;
}
.grayBgCircle>span{
    font-size: 12px;
    color: #759aac;
}
/*筛选后的输入框样式*/
.activeInput{
    color: #1ba3e4 !important;
}
.activeInput100{
    color: #1ba3e4 !important;
}
.activeInput110{
    color: #1ba3e4 !important;
}

/*备注提示弹窗*/
.paywin-backups .backups{
    width: 500px;
    background-color: #fff;
    border-radius: 4px;
}

.paywin-backups .header{
    padding: 0 40px;
    height: 60px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d1dfe7;
    background-color: #fbfdff;
}

.paywin-backups .header>span{
    float: left;
    display: inline-block;
    font-size: 16px;
    line-height: 60px;
}

.paywin-backups .header>img{
    float: right;
    margin: 25px 0;
    cursor: pointer;
}

.paywin-backups .content{
    padding: 0 40px;
}

.paywin-backups .content>.contentTextarea{
    padding: 3px 10px 10px 10px;
    width: 420px;
    height: 120px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #dcdfe6;
    font-size: 12px;
    resize: none;
    outline: none;
}

.paywin-backups .content>.contentTextarea:last-child{
    margin-bottom: 25px;
}

.paywin-backups .content>.contentText{
    height: 44px;
    line-height: 44px;
    font-size: 14px;
}