html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type=text] {
    -webkit-appearance: none
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    background-color: #e5e5e5;
    color: #888;
    font: 14px/1.57142857 PingHei,"Hiragino Sans GB","Microsoft YaHei"
}

a {
    color: #888;
    text-decoration: none
}

a:hover {
    color: #818181
}

small {
    font-size: 12px
}

.text-muted {
    color: #989898
}

.text-primary {
    color: #f90
}

.text-info {
    color: #6287d5
}

.text-success {
    color: #56b02a
}

.text-error {
    color: #f95710
}

button {
    outline: 0;
    margin: 0
}

.btn-default,.btn-primary,.btn-info,.btn-success,.btn-error,.btn-link {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-default,.btn-primary,.btn-info,.btn-success,.btn-error,.btn-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn-default,.btn-primary,.btn-info,.btn-success,.btn-error,.btn-link {
    border-style: solid;
    border-width: 1px;
    line-height: 1.57142857;
    padding: 6px 12px;
    border-radius: 2px
}

.btn-default.tiny,.btn-primary.tiny,.btn-info.tiny,.btn-success.tiny,.btn-error.tiny,.btn-link.tiny {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 2px
}

.btn-default.small,.btn-primary.small,.btn-info.small,.btn-success.small,.btn-error.small,.btn-link.small {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.33333333;
    padding: 4px 8px;
    border-radius: 2px
}

.btn-default.large,.btn-primary.large,.btn-info.large,.btn-success.large,.btn-error.large,.btn-link.large {
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    line-height: 1.75;
    padding: 8px 16px;
    border-radius: 2px
}

.btn-default.huge,.btn-primary.huge,.btn-info.huge,.btn-success.huge,.btn-error.huge,.btn-link.huge {
    border-style: solid;
    border-width: 1px;
    font-size: 18px;
    line-height: 2.14285714;
    padding: 10px 20px;
    border-radius: 2px
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #555
}

.btn-default:hover {
    background-color: #f2f2f2;
    border-color: #c2c2c2;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.btn-default:hover {
    color: #555
}

.btn-default:active,.btn-default[active],.btn-default.active {
    background-color: #e6e6e6;
    border-color: #b8b8b8;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-default:disabled,.btn-default[disabled],.btn-default.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ddd;
    color: #888;
    border-color: #bbb
}

.btn-primary {
    background-color: #f90;
    border-color: #f29100;
    color: #fff
}

.btn-primary:hover {
    background-color: #f29100;
    border-color: #e68a00;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.btn-primary:hover {
    color: #fff
}

.btn-primary:active,.btn-primary[active],.btn-primary.active {
    background-color: #f29100;
    border-color: #e68a00;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-primary:disabled,.btn-primary[disabled],.btn-primary.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #dfc7a3;
    border-color: #c5ab84
}

.btn-info {
    background-color: #6287d5;
    border-color: #567ed2;
    color: #fff
}

.btn-info:hover {
    background-color: #567ed2;
    border-color: #4974ce;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.btn-info:hover {
    color: #fff
}

.btn-info:active,.btn-info[active],.btn-info.active {
    background-color: #567ed2;
    border-color: #4974ce;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-info:disabled,.btn-info[disabled],.btn-info.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #8ea3b9;
    border-color: #6e86a0
}

.btn-success {
    background-color: #56b02a;
    border-color: #52a728;
    color: #fff
}

.btn-success:hover {
    background-color: #52a728;
    border-color: #4d9e26;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.btn-success:hover {
    color: #fff
}

.btn-success:active,.btn-success[active],.btn-success.active {
    background-color: #52a728;
    border-color: #4d9e26;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-success:disabled,.btn-success[disabled],.btn-success.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #a0b790;
    border-color: #7e9f67
}

.btn-error {
    background-color: #f95710;
    border-color: #f64f06;
    color: #fff
}

.btn-error:hover {
    background-color: #f64f06;
    border-color: #e94b06;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.btn-error:hover {
    color: #fff
}

.btn-error:active,.btn-error[active],.btn-error.active {
    background-color: #f64f06;
    border-color: #e94b06;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-error:disabled,.btn-error[disabled],.btn-error.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #cda28f;
    border-color: #b18876
}

.btn-link {
    border-color: transparent;
    color: #555
}

button.btn-link,input.btn-link {
    background-color: transparent
}

.btn-link:hover {
    color: #f90;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.btn-link:disabled,.btn-link[disabled],.btn-link.disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #999
}

.btn-block {
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 10px
}

.label-default,.label-primary,.label-info,.label-success,.label-error {
    display: inline-block
}

.label-default,.label-primary,.label-info,.label-success,.label-error {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.label-default,.label-primary,.label-info,.label-success,.label-error {
    border-style: solid;
    border-width: 1px;
    line-height: 1.57142857;
    padding: 6px 12px;
    border-radius: 2px
}

.label-default.tiny,.label-primary.tiny,.label-info.tiny,.label-success.tiny,.label-error.tiny {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 2px
}

.label-default.small,.label-primary.small,.label-info.small,.label-success.small,.label-error.small {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.33333333;
    padding: 4px 8px;
    border-radius: 2px
}

.label-default.large,.label-primary.large,.label-info.large,.label-success.large,.label-error.large {
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    line-height: 1.75;
    padding: 8px 16px;
    border-radius: 2px
}

.label-default.huge,.label-primary.huge,.label-info.huge,.label-success.huge,.label-error.huge {
    border-style: solid;
    border-width: 1px;
    font-size: 18px;
    line-height: 2.14285714;
    padding: 10px 20px;
    border-radius: 2px
}

.label-default {
    background-color: #fff;
    border-color: #ccc;
    color: #888
}

.label-default:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.label-primary {
    background-color: #fffbef;
    border-color: #f8ce69;
    color: #888
}

.label-primary:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.label-info {
    background-color: #edf3fd;
    border-color: #abc0e9;
    color: #888
}

.label-info:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.label-success {
    background-color: #e7ffdb;
    border-color: #91c876;
    color: #888
}

.label-success:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.label-error {
    background-color: #fde3d7;
    border-color: #e7b69f;
    color: #888
}

.label-error:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.message-default,.message-primary,.message-info,.message-success,.message-error {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.message-default,.message-primary,.message-info,.message-success,.message-error {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.57142857;
    padding: 6px 12px;
    border-radius: 2px
}

.message-default.tiny,.message-primary.tiny,.message-info.tiny,.message-success.tiny,.message-error.tiny {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 2px
}

.message-default.small,.message-primary.small,.message-info.small,.message-success.small,.message-error.small {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.33333333;
    padding: 4px 8px;
    border-radius: 2px
}

.message-default.large,.message-primary.large,.message-info.large,.message-success.large,.message-error.large {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.75;
    padding: 8px 16px;
    border-radius: 2px
}

.message-default.huge,.message-primary.huge,.message-info.huge,.message-success.huge,.message-error.huge {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 2.14285714;
    padding: 10px 20px;
    border-radius: 2px
}

.message-default {
    background-color: #f8f8f8;
    border-color: #ccc;
    color: #888
}

.message-default:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.message-primary {
    background-color: #fffbef;
    border-color: #f8ce69;
    color: #f90
}

.message-primary:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.message-info {
    background-color: #edf3fd;
    border-color: #abc0e9;
    color: #6287d5
}

.message-info:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.message-success {
    background-color: #e7ffdb;
    border-color: #91c876;
    color: #56b02a
}

.message-success:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.message-error {
    background-color: #fde3d7;
    border-color: #e7b69f;
    color: #f95710
}

.message-error:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.badge-default,.badge-primary,.badge-info,.badge-success,.badge-error {
    display: inline-block;
    text-align: center
}

.badge-default,.badge-primary,.badge-info,.badge-success,.badge-error {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.badge-default,.badge-primary,.badge-info,.badge-success,.badge-error {
    border-style: solid;
    line-height: 1;
    padding: 6px;
    min-width: 27px;
    min-height: 27px;
    border-radius: 30px
}

.badge-default.tiny,.badge-primary.tiny,.badge-info.tiny,.badge-success.tiny,.badge-error.tiny {
    border-style: solid;
    font-size: 12px;
    line-height: 1;
    padding: 2px;
    min-width: 17px;
    min-height: 17px;
    border-radius: 30px
}

.badge-default.small,.badge-primary.small,.badge-info.small,.badge-success.small,.badge-error.small {
    border-style: solid;
    font-size: 12px;
    line-height: 1;
    padding: 4px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 30px
}

.badge-default.large,.badge-primary.large,.badge-info.large,.badge-success.large,.badge-error.large {
    border-style: solid;
    font-size: 16px;
    line-height: 1;
    padding: 8px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 30px
}

.badge-default.huge,.badge-primary.huge,.badge-info.huge,.badge-success.huge,.badge-error.huge {
    border-style: solid;
    font-size: 18px;
    line-height: 1;
    padding: 10px;
    min-width: 39px;
    min-height: 39px;
    border-radius: 30px
}

.badge-default {
    background-color: #989898;
    border-color: transparent;
    color: #fff
}

.badge-default:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.badge-primary {
    background-color: #f90;
    border-color: transparent;
    color: #fff
}

.badge-primary:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.badge-info {
    background-color: #6287d5;
    border-color: transparent;
    color: #fff
}

.badge-info:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.badge-success {
    background-color: #56b02a;
    border-color: transparent;
    color: #fff
}

.badge-success:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.badge-error {
    background-color: #f95710;
    border-color: transparent;
    color: #fff
}

.badge-error:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.progress {
    overflow: hidden
}

.progress {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.progress {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.progress {
    border-style: solid;
    font-size: 12px;
    line-height: 1;
    height: 12px;
    border-radius: 2px
}

.progress.tiny {
    border-style: solid;
    font-size: 12px;
    line-height: 1;
    height: 4px;
    border-radius: 2px
}

.progress.small {
    border-style: solid;
    font-size: 12px;
    line-height: 1;
    height: 8px;
    border-radius: 2px
}

.progress.large {
    border-style: solid;
    font-size: 12px;
    line-height: 1.33333333;
    height: 16px;
    border-radius: 4px
}

.progress.huge {
    border-style: solid;
    font-size: 12px;
    line-height: 1.66666667;
    height: 20px;
    border-radius: 4px
}

.progress-bar-primary,.progress-bar-info,.progress-bar-success,.progress-bar-error {
    display: block;
    height: 100%;
    text-align: center
}

.progress-bar-primary {
    background-color: #f90;
    border-color: transparent;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15)
}

.progress-bar-primary:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.progress-bar-info {
    background-color: #6287d5;
    border-color: transparent;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15)
}

.progress-bar-info:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.progress-bar-success {
    background-color: #56b02a;
    border-color: transparent;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15)
}

.progress-bar-success:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.progress-bar-error {
    background-color: #f95710;
    border-color: transparent;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15)
}

.progress-bar-error:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.pager {
    font-size: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pager a,.pager .ellipsis {
    margin-left: -1px;
    display: inline-block
}

.pager a:hover,.pager .ellipsis:hover {
    position: relative
}

.pager a {
    cursor: pointer
}

.pager a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pager a {
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    line-height: 1.57142857;
    padding: 6px 13px
}

.pager a {
    background-color: #fff;
    border-color: #ddd;
    color: #888
}

.pager a:hover {
    color: #f90;
    border-color: #f90;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.pager a:active,.pager a[active],.pager a.active {
    background-color: #f90;
    color: #fff;
    border-color: #f90
}

.pager a.active {
    cursor: text
}

.pager .ellipsis {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pager .ellipsis {
    border-style: solid;
    font-size: 14px;
    line-height: 1.57142857;
    padding: 7px 10px
}

input[type=search] {
    appearance: textfield
}

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

button,select,input,textarea {
    font-family: inherit;
    font-size: inherit;
    outline: 0;
    margin: 0;
    padding: 0
}

.form-label,.form-static,.form-radio,.form-checkbox {
    display: inline-block
}

.form-label,.form-static,.form-radio,.form-checkbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-label,.form-static,.form-radio,.form-checkbox {
    border-style: solid;
    line-height: 1.57142857;
    padding: 6px 0
}

.form-label.tiny,.form-static.tiny,.form-radio.tiny,.form-checkbox.tiny {
    border-style: solid;
    font-size: 12px;
    line-height: 1;
    padding: 2px 0
}

.form-label.small,.form-static.small,.form-radio.small,.form-checkbox.small {
    border-style: solid;
    font-size: 12px;
    line-height: 1.33333333;
    padding: 4px 0
}

.form-label.large,.form-static.large,.form-radio.large,.form-checkbox.large {
    border-style: solid;
    font-size: 16px;
    line-height: 1.75;
    padding: 8px 0
}

.form-label.huge,.form-static.huge,.form-radio.huge,.form-checkbox.huge {
    border-style: solid;
    font-size: 18px;
    line-height: 2.14285714;
    padding: 10px 0
}

.form-text,.input-group-addon,.placeholder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-text,.input-group-addon,.placeholder {
    border-style: solid;
    border-width: 1px;
    line-height: 1.57142857;
    padding: 6px 12px;
    border-radius: 2px
}

.form-text.tiny,.input-group-addon.tiny,.placeholder.tiny {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 2px
}

.form-text.small,.input-group-addon.small,.placeholder.small {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.33333333;
    padding: 4px 8px;
    border-radius: 2px
}

.form-text.large,.input-group-addon.large,.placeholder.large {
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    line-height: 1.75;
    padding: 8px 16px;
    border-radius: 2px
}

.form-text.huge,.input-group-addon.huge,.placeholder.huge {
    border-style: solid;
    border-width: 1px;
    font-size: 18px;
    line-height: 2.14285714;
    padding: 10px 20px;
    border-radius: 2px
}

.form-action {
    margin-top: 20px
}

.form-group {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px
}

.form-group:after,.form-group:before {
    content: ' ';
    display: table
}

.form-group:after {
    clear: both
}

.form-group .success,.form-group .error {
    display: none;
    font-size: 12px
}

.form-group .success {
    color: #56b02a
}

.form-group .error {
    color: #f95710
}

.form-group.has-success .success {
    display: inline-block
}

.form-group.has-error .error {
    display: inline-block
}

.form-label {
    float: left;
    font-weight: 400;
    padding-right: 5px;
    text-align: right
}

.form-required {
    margin-right: 5px
}

.form-required:after {
    content: '*';
    color: #f95710;
    font-size: 12px
}

.form-radio,.form-checkbox {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.form-radio input,.form-checkbox input {
    cursor: pointer;
    margin-right: 5px
}

.form-radio+.form-radio,.form-checkbox+.form-checkbox {
    margin-left: 10px
}

.form-text {
    margin: 0;
    height: 36px
}

textarea.form-text {
    resize: none
}

.form-text {
    background-color: #fff;
    border-color: #ccc;
    color: #888
}

.form-text:hover {
    border-color: #f90;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.form-text:hover {
    color: #888
}

.form-text:focus {
    border-color: #f90
}

.form-text:disabled,.form-text[disabled],.form-text.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #f8f8f8;
    color: #ccc
}

.form-text::-webkit-input-placeholder {
    color: #ccc
}

.form-text:-moz-placeholder {
    color: #ccc
}

.form-text::-moz-placeholder {
    color: #ccc
}

.form-text:-ms-input-placeholder {
    color: #ccc
}

.form-text.tiny {
    height: 18px
}

.form-text.small {
    height: 26px
}

.form-text.large {
    height: 48px
}

.form-text.huge {
    height: 60px
}

.placeholder-wrapper {
    background-color: #fff;
    display: inline-block;
    position: relative;
    line-height: 0
}

.placeholder-wrapper .form-text {
    background-color: transparent;
    position: relative;
    z-index: 1
}

.placeholder {
    border-color: transparent;
    color: #ccc;
    position: absolute;
    left: 0;
    top: 0
}

.form-number {
    display: inline-block;
    position: relative
}

.form-number .icon-caret-up,.form-number .icon-caret-down {
    cursor: default;
    font-size: 20px;
    position: absolute;
    right: 3px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-number .icon-caret-up {
    top: 2px
}

.form-number .icon-caret-down {
    bottom: 2px
}

.form-hint {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-hint {
    border-style: solid;
    font-size: 12px;
    line-height: 1.57142857
}

.form-hint {
    border-color: transparent;
    color: #6287d5
}

button.form-hint,input.form-hint {
    background-color: transparent
}

.form-hint:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.form-inline {
    display: inline-block;
    margin-left: 5px
}

.form-inline:empty {
    display: none
}

.form-block {
    display: block;
    margin-top: 8px
}

.input-group {
    display: inline-block
}

.input-group:after,.input-group:before {
    content: ' ';
    display: table
}

.input-group:after {
    clear: both
}

.input-group .placeholder-wrapper,.input-group .form-text {
    float: left
}

.input-group .placeholder-wrapper+.input-group-addon,.input-group .form-text+.input-group-addon {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group .form-text {
    float: left;
    border-radius: 0;
    position: relative
}

.input-group-addon {
    float: left
}

.input-group-addon {
    background-color: #efefef;
    border-color: #ccc;
    color: #555
}

.input-group-addon:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.input-group-addon:first-child {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.table {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table thead {
    background-color: #f7f7f7;
    border-color: transparent;
    color: #555
}

.table thead:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.table th {
    text-align: center
}

.table th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table th {
    border-style: solid;
    line-height: 1.57142857;
    padding: 10px
}

.table tbody {
    background-color: #fff
}

.table tbody {
    border-color: transparent;
    color: #888
}

button.table tbody,input.table tbody {
    background-color: transparent
}

.table tbody:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.table tbody tr {
    border-bottom: 1px solid #ccc
}

.table td {
    text-align: center
}

.table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table td {
    border-style: solid;
    line-height: 1.57142857;
    padding: 10px
}

.dialog {
    position: fixed
}

.dialog {
    background-color: #fff;
    border-color: transparent
}

.dialog:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.dialog-header {
    cursor: move;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dialog-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-header {
    border-style: solid;
    border-bottom-width: 1px;
    font-size: 16px;
    font-family: PingHei,"Hiragino Sans GB","Microsoft YaHei";
    line-height: 1.57142857;
    padding: 9px 20px
}

.dialog-header {
    background-color: #f5f5f5;
    border-color: #ccc;
    color: #555
}

.dialog-header:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.dialog-header h1 {
    display: inline-block
}

.dialog-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-body {
    border-style: solid;
    line-height: 1.57142857;
    padding: 20px
}

.dialog-close {
    text-align: center;
    position: absolute;
    top: 7px;
    right: 13px;
    cursor: pointer
}

.dialog-close {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-close {
    border-style: solid;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    height: 30px
}

.dialog-close {
    border-color: transparent;
    color: #ccc
}

button.dialog-close,input.dialog-close {
    background-color: transparent
}

.dialog-close:hover {
    color: #999;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.dialog-mask {
    position: absolute;
    top: 0;
    left: 0
}

.dialog-mask {
    background-color: #000;
    border-color: transparent;
    opacity: .3;
    filter: alpha(opacity=30)
}

.dialog-mask:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tab-nav-default,.tab-nav-primary,.tab-nav-info {
    text-align: left
}

.tab-nav-default:after,.tab-nav-primary:after,.tab-nav-info:after,.tab-nav-default:before,.tab-nav-primary:before,.tab-nav-info:before {
    content: ' ';
    display: table
}

.tab-nav-default:after,.tab-nav-primary:after,.tab-nav-info:after {
    clear: both
}

.nav-item {
    float: left;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nav-item.active {
    cursor: text
}

.tab-nav-default {
    background-color: #f8f8f8;
    border-color: #ddd
}

.tab-nav-default:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tab-nav-default {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-nav-default {
    border-style: solid;
    border-width: 1px;
    line-height: 1.57142857
}

.tab-nav-default .nav-item {
    margin-left: -1px
}

.tab-nav-default .nav-item {
    border-color: transparent;
    color: #555
}

button.tab-nav-default .nav-item,input.tab-nav-default .nav-item {
    background-color: transparent
}

.tab-nav-default .nav-item:hover {
    background-color: #fff;
    color: #f90;
    border-color: #ddd;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tab-nav-default .nav-item:active,.tab-nav-default .nav-item[active],.tab-nav-default .nav-item.active {
    background-color: #fff;
    color: #f90;
    border-color: #ddd
}

.tab-nav-default .nav-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-nav-default .nav-item {
    border-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    line-height: 1.57142857;
    padding: 12px 38px
}

.tab-nav-primary {
    border-color: #ccc
}

button.tab-nav-primary,input.tab-nav-primary {
    background-color: transparent
}

.tab-nav-primary:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tab-nav-primary {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-nav-primary {
    border-style: solid;
    border-bottom-width: 1px;
    line-height: 1.57142857
}

.tab-nav-primary .nav-item {
    border-color: transparent;
    color: #555
}

button.tab-nav-primary .nav-item,input.tab-nav-primary .nav-item {
    background-color: transparent
}

.tab-nav-primary .nav-item:hover {
    color: #f90;
    border-color: #f90;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tab-nav-primary .nav-item:active,.tab-nav-primary .nav-item[active],.tab-nav-primary .nav-item.active {
    color: #f90;
    border-color: #f90
}

.tab-nav-primary .nav-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-nav-primary .nav-item {
    border-style: solid;
    border-bottom-width: 4px;
    line-height: 1.57142857;
    padding: 12px 36px
}

.tab-nav-info {
    border-color: #ccc
}

button.tab-nav-info,input.tab-nav-info {
    background-color: transparent
}

.tab-nav-info:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tab-nav-info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-nav-info {
    border-style: solid;
    border-bottom-width: 1px;
    line-height: 1.57142857
}

.tab-nav-info .nav-item {
    border-color: transparent;
    color: #555
}

button.tab-nav-info .nav-item,input.tab-nav-info .nav-item {
    background-color: transparent
}

.tab-nav-info .nav-item:hover {
    color: #6287d5;
    border-color: #6287d5;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tab-nav-info .nav-item:active,.tab-nav-info .nav-item[active],.tab-nav-info .nav-item.active {
    color: #6287d5;
    border-color: #6287d5
}

.tab-nav-info .nav-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-nav-info .nav-item {
    border-style: solid;
    border-bottom-width: 4px;
    line-height: 1.57142857;
    padding: 12px 36px
}

.tab-panel {
    display: none
}

.dropdown {
    display: inline-block;
    position: relative;
    text-align: left
}

.dropdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dropdown {
    border-style: solid;
    line-height: 0
}

.dropdown+.dropdown {
    margin-left: 10px
}

.dropdown .btn-default {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    width: 100%
}

.dropdown .caret {
    float: right;
    margin-top: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666
}

.dropdown.open .dropdown-menu {
    display: block
}

.dropdown-menu {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: -1px
}

.dropdown-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dropdown-menu {
    border-style: solid;
    border-width: 1px;
    line-height: 1.57142857;
    max-height: 170px
}

.dropdown-menu {
    background-color: #fff;
    border-color: #ccc
}

.dropdown-menu:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.dropdown-menu li {
    cursor: pointer
}

.dropdown-menu li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dropdown-menu li {
    border-style: solid;
    line-height: 1.57142857;
    padding: 6px 12px
}

.dropdown-menu li {
    border-color: transparent;
    color: #888
}

button.dropdown-menu li,input.dropdown-menu li {
    background-color: transparent
}

.dropdown-menu li:hover {
    background-color: #fffbef;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.dropdown-menu li:hover {
    color: #888
}

.dropdown-menu li:active,.dropdown-menu li[active],.dropdown-menu li.active {
    background-color: #f90;
    color: #fff
}

.tooltip {
    position: absolute
}

.tooltip {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tooltip {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 1.57142857;
    padding: 5px 12px;
    border-radius: 4px
}

.tooltip:before,.tooltip:after {
    position: absolute;
    content: ' ';
    border: 5px solid transparent
}

.tooltip-default {
    background-color: #fff;
    border-color: #ccc;
    color: #555;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1)
}

.tooltip-default:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tooltip-default:before {
    border-color: #ccc
}

.tooltip-default:after {
    border-color: #fff
}

.tooltip-inverted {
    background-color: #555;
    border-color: #4d4d4d;
    color: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,.2)
}

.tooltip-inverted:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.tooltip-inverted:before {
    border-color: #4d4d4d
}

.tooltip-inverted:after {
    border-color: #555
}

.tooltip-top:before,.tooltip-top:after {
    left: 50%;
    margin-left: -5px;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tooltip-top:before {
    bottom: -5px
}

.tooltip-top:after {
    bottom: -4px
}

.tooltip-right:before,.tooltip-right:after {
    top: 50%;
    margin-top: -5px;
    border-left-width: 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tooltip-right:before {
    left: -5px
}

.tooltip-right:after {
    left: -4px
}

.tooltip-bottom:before,.tooltip-bottom:after {
    left: 50%;
    margin-left: -5px;
    border-top-width: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tooltip-bottom:before {
    top: -5px
}

.tooltip-bottom:after {
    top: -4px
}

.tooltip-left:before,.tooltip-left:after {
    top: 50%;
    margin-top: -5px;
    border-right-width: 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tooltip-left:before {
    right: -5px
}

.tooltip-left:after {
    right: -4px
}

.thumbnail {
    display: inline-block;
    line-height: 0
}

img.thumbnail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img.thumbnail {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 80px;
    height: 80px
}

img.thumbnail.tiny {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 50px;
    height: 50px
}

img.thumbnail.small {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 60px;
    height: 60px
}

img.thumbnail.large {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 120px;
    height: 120px
}

img.thumbnail.huge {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 150px;
    height: 150px
}

img.thumbnail {
    background-color: #fff;
    border-color: #ddd
}

img.thumbnail:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.thumbnail img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.thumbnail img {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 80px;
    height: 80px
}

.thumbnail.tiny img {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 50px;
    height: 50px
}

.thumbnail.small img {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 60px;
    height: 60px
}

.thumbnail.large img {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 120px;
    height: 120px
}

.thumbnail.huge img {
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 0;
    width: 150px;
    height: 150px
}

.thumbnail img {
    background-color: #fff;
    border-color: #ddd
}

.thumbnail:hover img {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

a.thumbnail {
    position: relative
}

a.thumbnail:after {
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #000;
    content: ' ';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 78px;
    height: 78px
}

a.thumbnail:hover:after {
    opacity: .3;
    filter: alpha(opacity=30);
    -webkit-transition: .2s opacity;
    transition: .2s opacity
}

a.thumbnail.tiny:after {
    width: 48px;
    height: 48px
}

a.thumbnail.small:after {
    width: 58px;
    height: 58px
}

a.thumbnail.large:after {
    width: 118px;
    height: 118px
}

a.thumbnail.huge:after {
    width: 148px;
    height: 148px
}

.thumbnail.round img,img.thumbnail.round,a.thumbnail.round:hover:after {
    border-radius: 4px
}

.thumbnail.circle img,img.thumbnail.circle,a.thumbnail.circle:hover:after {
    border-radius: 50%
}

.thumbnail .title {
    display: block;
    margin-top: 8px;
    text-align: center
}

.thumbnail .title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.thumbnail .title {
    border-style: solid;
    font-size: 12px;
    line-height: 1
}

.thumbnail .title {
    border-color: transparent;
    color: #888
}

button.thumbnail .title,input.thumbnail .title {
    background-color: transparent
}

.thumbnail .title:hover {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.message-primary,.message-info,.message-success,.message-error {
    padding-left: 30px!important;
    position: relative
}

.message-primary .icon-info-circle,.message-info .icon-info-circle,.message-success .icon-info-circle,.message-error .icon-info-circle,.message-primary .icon-check-circle,.message-info .icon-check-circle,.message-success .icon-check-circle,.message-error .icon-check-circle,.message-primary .icon-clock,.message-info .icon-clock,.message-success .icon-clock,.message-error .icon-clock {
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 9px
}

.dropdown .btn-default {
    height: 36px
}

.form .form-hint strong {
    font-weight: 700;
    padding: 0 2px
}

.form .form-hint .icon-info-circle {
    margin-right: 5px
}

.form .form-action .btn-primary+.btn-default,.form .form-action .btn-primary+.btn-info {
    margin-left: 15px
}

.form .error {
    background-color: #fffbef;
    border: 1px solid #f8ce69;
    padding: 6px 12px;
    z-index: 1;
    box-shadow: 0 1px 1px #eee
}

.form .has-error .dropdown .btn-default {
    border-color: #f95710
}

.form .error:before,.form .error:after {
    border: 6px solid transparent;
    content: ' ';
    position: absolute;
    left: 1em
}

.form .error:before {
    border-top-color: #f8ce69;
    bottom: -13px
}

.form .error:after {
    border-top-color: #fffbef;
    bottom: -12px
}

input[type=password] {
    font-family: sans-serif
}

.form-editor {
    display: inline-block
}

.form-editor .form-hint {
    display: block;
    text-align: right;
    margin-top: 5px
}

.form-date {
    display: inline-block;
    position: relative
}

.form-date .calendar {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    left: 0;
    z-index: 1;
    box-shadow: 1px 2px 4px rgba(0,0,0,.12);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-date .calendar-header {
    background-color: #6187dc;
    color: #fff;
    padding: 8px;
    text-align: center;
    position: relative
}

.form-date .icon-chevron-left,.form-date .icon-chevron-right {
    cursor: pointer;
    position: absolute;
    top: 8px
}

.form-date .icon-chevron-left {
    left: 8px
}

.form-date .icon-chevron-right {
    right: 8px
}

.form-date table {
    background-color: #fff;
    text-align: center;
    width: 100%
}

.form-date th,.form-date td {
    padding: 8px
}

.form-date thead {
    background-color: #dfe7f9;
    color: #3f61ad
}

.form-date tbody tr:nth-child(odd) {
    background-color: #fff
}

.form-date tbody tr:nth-child(even) {
    background-color: #f5f8fc
}

.form-date td {
    cursor: pointer
}

.form-date td:hover {
    background-color: #fffbef
}

.form-date td.active {
    background-color: #f90;
    color: #fff
}

.form-date .date-disabled {
    background-color: #efefef;
    cursor: not-allowed
}

.pager-block {
    margin-top: 20px;
    text-align: center
}

.pager {
    display: inline-block
}

.pager b {
    display: inline-block
}

.pager-form {
    display: inline-block;
    margin-left: 10px
}

.pager-form .form-text {
    width: 35px;
    margin: 0 3px
}

.pager-form .btn-default {
    margin-left: 10px
}

.tab-nav-default .badge-primary,.tab-nav-info .badge-primary,.tab-nav-primary .badge-primary,.tab-nav-default .text-primary,.tab-nav-info .text-primary,.tab-nav-primary .text-primary {
    margin-left: 5px
}

.tooltip {
    z-index: 6;
    display: none
}

.dialog-alert .dialog-close,.dialog-confirm .dialog-close {
    display: none
}

.dialog-primary,.dialog-info,.dialog-success,.dialog-error {
    position: fixed;
    top: 50%;
    left: 50%;
    color: #fff;
    display: none;
    font-size: 26px;
    padding: 10px 36px;
    border-radius: 4px
}

.viewport-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dialog-primary {
    background-color: #f90
}

.dialog-info {
    background-color: #6287d5
}

.dialog-success {
    background-color: #56b02a
}

.dialog-error {
    background-color: #f95710
}

.dialog-action {
    margin-top: 14px;
    text-align: center
}

.dialog-action .btn-info+.btn-default,.dialog-action .btn-primary+.btn-default {
    margin-left: 14px
}

.img-thumbnail,.video-thumbnail {
    background-color: #f8f8f8;
    cursor: pointer;
    line-height: 0;
    position: relative;
    text-align: center;
    width: 180px;
    height: 134px
}

.img-thumbnail:after,.video-thumbnail:after {
    opacity: .3;
    filter: alpha(opacity=30);
    background-color: transparent;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.img-thumbnail:hover .trigger,.video-thumbnail:hover .trigger {
    display: inline-block;
    *display: inline;
    *zoom:1}

.img-thumbnail:hover:after,.video-thumbnail:hover:after {
    background-color: #000;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.img-thumbnail+.caption,.video-thumbnail+.caption {
    display: block;
    line-height: 1.2em;
    height: 1.2em;
    margin-top: 8px;
    text-align: center;
    width: 180px
}

.img-thumbnail+input.caption,.video-thumbnail+input.caption {
    border: none;
    border-bottom: 1px dashed #ccc;
    background-color: #f8f8f8;
    padding: 0
}

.img-thumbnail+span.caption,.video-thumbnail+span.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.img-thumbnail .action,.video-thumbnail .action {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 1
}

.img-thumbnail .trigger,.video-thumbnail .trigger {
    display: none;
    background-color: #fff;
    border-radius: 2px;
    padding: 1px 2px
}

.img-thumbnail .menu,.video-thumbnail .menu {
    background-color: #fff;
    border-radius: 2px;
    border-top-right-radius: 0;
    display: none;
    font-size: 12px;
    line-height: 1em;
    margin: 0;
    position: absolute;
    top: 14px;
    right: 0
}

.img-thumbnail li,.video-thumbnail li {
    cursor: pointer;
    margin: 0!important;
    padding: 6px 4px 6px 10px;
    width: 6em;
    text-align: left
}

.img-thumbnail li .icon,.video-thumbnail li .icon {
    margin-right: 5px
}

.img-thumbnail li:hover,.video-thumbnail li:hover {
    color: #f90
}

.video-thumbnail:hover .action {
    display: inline-block;
    *display: inline;
    *zoom:1}

.video-thumbnail:hover:after {
    background: 0 0
}

.video-thumbnail img {
    width: 180px;
    height: 134px
}

.video-thumbnail .icon-play-o {
    color: #fff;
    font-size: 3.5em;
    position: absolute;
    left: 5px;
    bottom: 4px;
    z-index: 1;
    text-shadow: 1px 1px 1px #474747
}

.video-thumbnail label {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    color: #abc0e9;
    font-size: 12px;
    line-height: 1em;
    padding: 5px 10px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.video-thumbnail .action {
    right: 0;
    display: none
}

.video-thumbnail span.edit,.video-thumbnail span.remove {
    color: #fff;
    cursor: pointer;
    margin-left: 4px;
    padding: 4px 5px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.video-thumbnail span.edit:hover,.video-thumbnail span.remove:hover {
    background-color: #f90;
    opacity: 1;
    filter: alpha(opacity=100)
}

.avatar-tiny {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.avatar-tiny img {
    border: 1px solid #ddd;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    position: relative
}

.avatar-tiny+.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: center;
    width: 48px
}

a.avatar-tiny:after {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: transparent;
    border-radius: 25px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.avatar-tiny:hover:after {
    background-color: #000;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.avatar-small {
    display: inline-block;
    position: relative;
    width: 62px;
    height: 62px;
    border-radius: 31px
}

.avatar-small img {
    border: 1px solid #ddd;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    position: relative
}

.avatar-small+.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: center;
    width: 60px
}

a.avatar-small:after {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: transparent;
    border-radius: 31px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.avatar-small:hover:after {
    background-color: #000;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.avatar-medium {
    display: inline-block;
    position: relative;
    width: 82px;
    height: 82px;
    border-radius: 41px
}

.avatar-medium img {
    border: 1px solid #ddd;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    position: relative
}

.avatar-medium+.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: center;
    width: 80px
}

a.avatar-medium:after {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: transparent;
    border-radius: 41px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.avatar-medium:hover:after {
    background-color: #000;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.avatar-middle {
    display: inline-block;
    position: relative;
    width: 92px;
    height: 92px;
    border-radius: 46px
}

.avatar-middle img {
    border: 1px solid #ddd;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    position: relative
}

.avatar-middle+.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: center;
    width: 90px
}

a.avatar-middle:after {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: transparent;
    border-radius: 46px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.avatar-middle:hover:after {
    background-color: #000;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.avatar-big {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50px
}

.avatar-big img {
    border: 1px solid #ddd;
    display: block;
    width: 98px;
    height: 98px;
    border-radius: 49px;
    position: relative
}

.avatar-big+.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: center;
    width: 98px
}

a.avatar-big:after {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: transparent;
    border-radius: 50px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.avatar-big:hover:after {
    background-color: #000;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.avatar-large {
    display: inline-block;
    position: relative;
    width: 152px;
    height: 152px;
    border-radius: 76px
}

.avatar-large img {
    border: 1px solid #ddd;
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    position: relative
}

.avatar-large+.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: center;
    width: 150px
}

a.avatar-large:after {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: transparent;
    border-radius: 76px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.avatar-large:hover:after {
    background-color: #000;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.avatar-huge {
    display: inline-block;
    position: relative;
    width: 169px;
    height: 169px;
    border-radius: 84.5px
}

.avatar-huge img {
    border: 1px solid #ddd;
    display: block;
    width: 167px;
    height: 167px;
    border-radius: 83.5px;
    position: relative
}

.avatar-huge+.caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.2em;
    margin-top: 2px;
    text-align: center;
    width: 167px
}

a.avatar-huge:after {
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: transparent;
    border-radius: 84.5px;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

a.avatar-huge:hover:after {
    background-color: #000;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.org-label {
    border: 1px solid #6287d5;
    color: #6287d5;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.org-label:hover {
    background-color: #6287d5;
    color: #fff
}

.class-course-icon .icon,.class-course-icon .label {
    vertical-align: top;
    margin-top: 0!important
}

.class-course-icon .icon+.icon,.class-course-icon .label+.icon,.class-course-icon .label+.label {
    margin-left: 5px
}

.class-course-icon .label {
    display: inline-block;
    *display: inline;
    *zoom:1;color: #fff;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1.5em
}

.class-course-icon .icon {
    width: 74px
}

.class-course-icon .class-course {
    background-color: #f90
}

.class-course-icon .online {
    background-color: #56b02a
}

.class-course-icon .offline {
    background-color: #6287d5
}

.chat-label {
    background-color: #fff;
    border: 1px solid #f90;
    color: #f90;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chat-label .icon-chat {
    background-color: #f90;
    color: #fff!important;
    font-size: 14px;
    padding: 2px 3px;
    vertical-align: top
}

.chat-label b {
    margin-left: 5px;
    margin-right: 5px
}

.chat-label.chat-to-teacher {
    display: inline-block;
    *display: inline;
    *zoom:1;margin-left: 14px;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #f95e5e;
    border: 1px solid #f95e5e;
    border-radius: 2px;
    cursor: pointer
}

.chat-label.chat-to-teacher .icon {
    display: none
}

.chat-label.chat-to-teacher:hover {
    background-color: #f95e5e;
    color: #fff
}

.star-score .icon-star {
    color: #ccc
}

.star-score .star-shine {
    color: #f90
}

.star-score .star-half {
    display: inline-block;
    *display: inline;
    *zoom:1;position: relative;
    line-height: 0
}

.star-score .star-half .icon-star-half {
    color: #f90;
    position: absolute;
    left: 0;
    top: 0
}

.image-uploader .image-preview {
    background-color: #eee;
    position: relative;
    width: 150px;
    height: 124px
}

.image-uploader .image-browse,.image-uploader .default-browse {
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.image-uploader img {
    width: 150px;
    height: 124px
}

.image-uploader strong {
    position: relative;
    z-index: 2
}

.image-uploader .progress {
    opacity: .5;
    filter: alpha(opacity=50);
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.image-uploader .progress-bar {
    background-color: #56b02a;
    display: block;
    height: 100%;
    width: 0
}

.image-uploader input {
    font-size: 50px
}

.class-room-dialog-skin {
    text-align: center
}

.class-room-dialog-skin .title {
    font-size: 20px;
    color: #f90
}

.class-room-dialog-skin .title .cat {
    vertical-align: middle;
    display: inline-block;
    width: 82px;
    height: 107px;
    background: url(/asset/img/im/expression-60.png) no-repeat no-repeat
}

.class-room-dialog-skin .title .ta {
    vertical-align: middle;
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url(/asset/img/im/ta.png) no-repeat no-repeat;
    margin: 0 5px
}

.class-room-dialog-skin .primary {
    color: #f90
}

.class-room-dialog-skin .btn-primary {
    padding: 0
}

.class-room-dialog-skin .btn-primary a {
    padding: 6px 12px;
    color: #fff;
    display: inline-block
}

.im-app-confirm-skin {
    width: 500px
}

.im-app-confirm-skin .app-confirm {
    text-align: center
}

.im-app-confirm-skin .app-confirm .phone {
    display: inline-block;
    background: url(/asset/img/im/phone.png) no-repeat no-repeat;
    width: 81px;
    height: 98px
}

.im-app-confirm-skin .app-confirm .app-tip {
    display: inline-block;
    background: url(/asset/img/im/tip.png) no-repeat no-repeat;
    width: 236px;
    height: 110px
}

.im-app-confirm-skin .app-confirm .code-container {
    display: inline-block;
    margin: 20px 0 10px;
    padding: 5px 5px 0;
    border: 1px solid #c1c1c1;
    position: relative
}

.im-app-confirm-skin .app-confirm .code-container .code {
    display: inline-block;
    height: 126px;
    width: 126px
}

.im-app-confirm-skin .app-confirm .code-container .code.code-teacher {
    background: url(/asset/img/app/pc/teacher-qr.png) no-repeat no-repeat
}

.im-app-confirm-skin .app-confirm .code-container .code.code-student {
    background: url(/asset/img/app/pc/student-qr.png) no-repeat no-repeat
}

.im-app-confirm-skin .app-confirm .code-container .arrow {
    background: url(/asset/img/im/arrow.png) no-repeat no-repeat;
    position: absolute;
    display: inline-block;
    width: 67px;
    height: 134px;
    top: -30px;
    right: -75px
}

.im-app-confirm-skin .btn-primary {
    padding: 0
}

.im-app-confirm-skin .btn-primary a {
    padding: 6px 12px;
    color: #fff;
    display: inline-block
}

.im-change-name-skin .text,.im-change-name-skin .waring-tip {
    text-align: left;
    line-height: 30px
}

.im-change-name-skin .waring-tip {
    color: #f95710
}

.im-change-name-skin .form-text {
    width: 300px
}

.im-change-name-skin .dialog-action {
    margin-top: 10px
}

.anonymous-im-skin .dialog-close {
    display: inline-block
}

#custom-service-window {
    width: 1000px;
    height: 550px;
    border: 1px solid #dcdcdc;
    display: block;
    position: static;
    background-color: #fff
}

#custom-service-window .header {
    border-bottom: 1px solid #dcdcdc;
    background-color: #efefef;
    color: #666;
    height: 45px;
    padding: 10px 0 10px 500px
}

#custom-service-window .header .status-toggle {
    border: 1px solid #f90;
    display: inline-block;
    height: 20px;
    margin: 0 20px 0 10px;
    cursor: pointer
}

#custom-service-window .header .status-toggle .opened-item {
    background-color: #f90;
    color: #fff
}

#custom-service-window .header .status-toggle .closed-item {
    color: #efefef;
    background-color: #efefef
}

#custom-service-window .header .status-toggle span {
    padding: 0 5px;
    line-height: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top
}

#custom-service-window .header .status-toggle .open {
    background-color: #f90;
    color: #fff
}

#custom-service-window .header .status-toggle .close {
    color: #efefef;
    background-color: #efefef
}

#custom-service-window .header .status-toggle.closed .open {
    color: #efefef;
    background-color: #efefef
}

#custom-service-window .header .status-toggle.closed .close {
    background-color: #f90;
    color: #fff
}

#custom-service-window .header .first-text-combobox {
    display: inline-block;
    position: relative;
    top: 5px
}

#custom-service-window .header .first-text-combobox .text,#custom-service-window .header .first-text-combobox li span {
    display: inline-block;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

#custom-service-window .header .first-text-combobox .icon-caret-up {
    display: none
}

#custom-service-window .header .first-text-combobox .icon-caret-down {
    display: none
}

#custom-service-window .header .first-text-combobox .list {
    position: absolute;
    left: 0;
    display: none;
    z-index: 3;
    padding: 10px 0;
    border: 1px solid #dcdcdc;
    background-color: #fff
}

#custom-service-window .header .first-text-combobox .list li {
    cursor: pointer;
    height: 24px;
    line-height: 24px
}

#custom-service-window .header .first-text-combobox .list li:hover {
    background-color: #efefef
}

#custom-service-window .header .first-text-combobox.opened .icon-caret-up {
    display: inline-block
}

#custom-service-window .header .first-text-combobox.opened .icon-caret-down {
    display: none
}

#custom-service-window .content {
    width: 450px;
    float: left
}

#custom-service-window .content .tip-text {
    line-height: 505px;
    height: 505px;
    text-align: center
}

#custom-service-window .content .contact-info,#custom-service-window .content .chat-history,#custom-service-window .content .form-editor,#custom-service-window .content .action {
    border-left: none;
    border-right: none
}

#custom-service-window .content .KF-contact-info {
    height: 60px;
    position: relative;
    padding-top: 5px
}

#custom-service-window .content .KF-contact-info .profile {
    margin-top: 0
}

#custom-service-window .content .KF-contact-info .profile .user-name {
    font-size: 16px;
    padding-right: 10px;
    max-width: 200px
}

#custom-service-window .content .KF-contact-info .profile .type {
    position: relative;
    top: 5px
}

#custom-service-window .content .KF-contact-info .origin-page {
    color: #6287d5;
    margin: 0 20px
}

#custom-service-window .content .KF-contact-info .origin-page:hover {
    color: #f90
}

#custom-service-window .content .KF-contact-info .btn-default {
    position: absolute;
    right: 10px;
    top: 15px
}

#custom-service-window .content .chat-history {
    height: 274px
}

#custom-service-window .content .chat-history .wrapper {
    max-width: 400px
}

#custom-service-window .content .chat-input .form-text {
    height: 100px;
    width: 450px
}

#custom-service-window .content .chat-input .class-room-entrance {
    display: none
}

#custom-service-window .expression-container {
    top: 110px
}

#custom-service-window .sidebar {
    width: 250px;
    height: auto;
    float: left;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background-color: #fff
}

#custom-service-window .sidebar .contact-panel {
    height: auto
}

#custom-service-window .sidebar .custom-service-list {
    height: 251px
}

#custom-service-window .sidebar .custom-service-list .contact-header {
    font-size: 16px;
    padding: 5px 10px
}

#custom-service-window .sidebar .custom-service-list .contact-header .icon {
    font-size: 20px
}

#custom-service-window .sidebar .custom-service-list .contact-list {
    height: 200px;
    overflow: auto
}

#custom-service-window .sidebar .custom-service-list .contact-item {
    padding: 5px 0;
    margin: 0 10px;
    border: 1px solid transparent
}

#custom-service-window .sidebar .custom-service-list .contact-item img {
    width: 32px;
    height: 32px
}

#custom-service-window .sidebar .custom-service-list .contact-item.active {
    background-color: #fedcc1;
    border-color: #fd862a;
    -webkit-transition: background-color .2s,border-color .2s;
    -moz-transition: background-color .2s,border-color .2s;
    -ms-transition: background-color .2s,border-color .2s;
    -o-transition: background-color .2s,border-color .2s;
    transition: background-color .2s,border-color .2s
}

#custom-service-window .sidebar .custom-service-list .contact-item .KF-show {
    float: right;
    line-height: 36px;
    display: block
}

#custom-service-window .sidebar .custom-service-list .contact-item .KF-show span {
    padding-right: 10px
}

#custom-service-window .sidebar .last-contacts {
    border-bottom: 1px solid #dcdcdc
}

#custom-service-window .quick-reply {
    float: left;
    width: 296px
}

#custom-service-window .quick-reply .title {
    font-size: 16px;
    padding: 10px
}

#custom-service-window .quick-reply .reply-content {
    height: 380px;
    margin-bottom: 20px;
    overflow: auto
}

#custom-service-window .quick-reply .reply-content li {
    padding: 4px 0 4px 10px;
    height: 34px
}

#custom-service-window .quick-reply .reply-content li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 200px;
    line-height: 26px
}

#custom-service-window .quick-reply .reply-content li .reply-input {
    height: 26px;
    width: 150px
}

#custom-service-window .quick-reply .reply-content li.active {
    background-color: #eaeaea
}

#custom-service-window .quick-reply button {
    margin-left: 10px;
    vertical-align: top
}

#custom-service-window .quick-reply button .icon {
    margin-right: 3px
}

.org-im>.dialog {
    top: 10px!important
}

.enter-classroom {
    zoom:1;margin-top: 20px
}

.enter-classroom:before,.enter-classroom:after {
    content: " ";
    display: table
}

.enter-classroom:after {
    clear: both
}

.enter-classroom .avatar {
    width: 160px;
    height: 160px;
    float: left;
    text-align: center
}

.enter-classroom .description {
    margin-bottom: 20px
}

.enter-classroom .description b {
    font-size: 24px;
    color: #3d3d3d
}

.enter-classroom .actions div+div {
    margin-top: 10px
}

.enter-classroom .actions .download {
    font-size: 16px;
    color: #6287d5
}

.enter-classroom .options button,.enter-classroom .options a {
    padding: 6px 24px;
    display: inline-block
}

.enter-classroom .options a {
    margin-left: 10px
}

.im-toggle-bar,.im-chat-window,.im-tip-panel,.im-loading-panel {
    width: 180px;
    position: fixed;
    bottom: 0;
    right: 120px;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.im-toggle-bar .placeholder-wrapper,.im-chat-window .placeholder-wrapper,.im-tip-panel .placeholder-wrapper,.im-loading-panel .placeholder-wrapper {
    display: block
}

.im-chat-window .user-name,.im-tip-panel h5,.im-chat-window h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60px
}

.im-toggle-bar,.im-chat-window .setting {
    background-color: #f8f8f8;
    padding: 7px
}

.im-toggle-bar .icon,.im-chat-window .setting .icon {
    position: relative;
    top: 3px
}

.im-toggle-bar .icon-setting,.im-chat-window .setting .icon-setting {
    font-size: 15px
}

.im-toggle-bar .icon-setting:hover,.im-chat-window .setting .icon-setting:hover {
    color: #f90;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.im-toggle-bar .icon-logo,.im-chat-window .setting .icon-logo {
    color: #f90;
    font-size: 16px
}

.im-tip-panel {
    bottom: 40px;
    border-bottom: none;
    display: none
}

.im-tip-panel>.header {
    background-color: #f90;
    color: #fff;
    padding: 8px 10px
}

.im-tip-panel>.header .icon-times {
    cursor: pointer;
    float: right;
    font-size: 18px
}

.im-tip-panel h5 {
    max-width: 8em
}

.im-tip-panel .form-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5;
    border-top: none;
    display: block;
    width: 100%;
    height: 100px
}

.im-tip-panel>.footer {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 6px 0;
    text-align: center
}

.im-toggle-bar {
    border: 1px solid #ddd;
    border-bottom: none;
    cursor: pointer
}

.im-toggle-bar .action {
    float: right
}

.im-toggle-bar .icon-setting {
    margin-left: 5px
}

.im-toggle-bar.flash,.im-toggle-bar:hover {
    border-color: #eb8d00;
    background-color: #f90;
    color: #fff;
    -webkit-transition: border-color .5s,background-color .5s,color .1s;
    -moz-transition: border-color .5s,background-color .5s,color .1s;
    -ms-transition: border-color .5s,background-color .5s,color .1s;
    -o-transition: border-color .5s,background-color .5s,color .1s;
    transition: border-color .5s,background-color .5s,color .1s
}

.im-toggle-bar.flash .text-primary,.im-toggle-bar:hover .text-primary,.im-toggle-bar.flash .icon-logo,.im-toggle-bar:hover .icon-logo {
    color: #fff
}

.im-loading-panel {
    display: none
}

.im-loading-panel h5 {
    background-color: #f90;
    color: #fff;
    padding: 8px 10px
}

.im-loading-panel .loading {
    background: #fff url(../../img/teacher/loading.gif?b59db1da31db0eae) no-repeat 50% 50%;
    height: 178px;
    border: 1px solid #ddd;
    border-top: none
}

.im-chat-window {
    display: none;
    font-size: 12px;
    width: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.im-chat-window .group-member-item.clickable {
    cursor: pointer
}

.im-chat-window.fixed-width {
    width: 535px
}

.im-chat-window.fixed-width>.header h5 {
    max-width: 450px
}

.im-chat-window>.header {
    background-color: #f90;
    color: #fff;
    padding: 8px 10px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.im-chat-window>.header .icon-angle-down {
    cursor: pointer;
    float: right;
    font-size: 18px
}

.im-chat-window>.header .icon-angle-down:hover {
    color: #c97803;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.im-chat-window>.header h5 {
    max-width: 8em
}

.im-chat-window>.body {
    background-color: #fff
}

.im-chat-window .sidebar {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    display: inline-block;
    position: relative;
    width: 190px;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.im-chat-window .content {
    display: inline-block;
    vertical-align: top;
    width: 345px;
    position: relative
}

.im-chat-window .content+.sidebar {
    border-left: none
}

.im-chat-window .content.student .profile {
    margin-top: 12px
}

.im-chat-window .content .warning-line {
    position: absolute;
    top: 52px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border: 1px solid #ddd
}

.im-chat-window .content .warning-line.anonymous-role {
    background-color: #6287d5
}

.im-chat-window .content .warning-line.anonymous-visitor {
    background-color: #f95710;
    cursor: pointer
}

.im-chat-window .content .warning-line .icon {
    position: relative;
    font-size: 15px;
    top: 2px
}

.im-chat-window .user-name {
    display: inline-block
}

.im-chat-window .avatar {
    display: inline-block;
    line-height: 0
}

.im-chat-window .avatar img {
    border-radius: 50%
}

.im-chat-window .avatar-tiny {
    float: left;
    margin-right: 5px;
    width: 42px;
    height: 42px
}

.im-chat-window .avatar-tiny img {
    width: 40px;
    height: 40px
}

.im-chat-window .icon-setting {
    color: #9d9d9d
}

.im-chat-window .contact-info {
    zoom:1;border: 1px solid #ddd;
    border-top: none;
    background-color: #f8f8f8;
    padding: 5px 10px
}

.im-chat-window .contact-info:before,.im-chat-window .contact-info:after {
    content: " ";
    display: table
}

.im-chat-window .contact-info:after {
    clear: both
}

.im-chat-window .contact-info .profile {
    color: #3d3d3d;
    margin-top: 3px
}

.im-chat-window .contact-info .group-profile {
    color: #3d3d3d;
    line-height: 34px;
    position: relative
}

.im-chat-window .contact-info .group-profile .group-setting-btn,.im-chat-window .contact-info .group-profile .back-chat-btn {
    position: absolute;
    right: 10px;
    top: 3px
}

.im-chat-window .contact-info .group-profile .group-setting-btn .icon,.im-chat-window .contact-info .group-profile .back-chat-btn .icon {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 3px
}

.im-chat-window .contact-info .group-profile .group-setting-btn span,.im-chat-window .contact-info .group-profile .back-chat-btn span {
    vertical-align: middle
}

.im-chat-window .contact-info .group-profile .user-name {
    position: relative;
    top: -2px;
    max-width: 160px
}

.im-chat-window .contact-info .user-name,.im-chat-window .contact-info .user-id {
    vertical-align: top
}

.im-chat-window .contact-info .user-name {
    margin-left: 7px
}

.im-chat-window .contact-info .links {
    margin-top: 3px;
    position: relative
}

.im-chat-window .contact-info .links .chat-to-child {
    cursor: pointer;
    position: absolute;
    right: 0;
    border: 1px solid #ddd;
    vertical-align: top;
    display: inline-block;
    height: 20px
}

.im-chat-window .contact-info .links .chat-to-child .icon {
    color: #f90;
    margin: 2px;
    font-size: 14px
}

.im-chat-window .contact-info .links .chat-to-child .text {
    display: inline-block;
    width: 105px;
    height: 100%;
    vertical-align: top;
    border-left: 1px solid #ddd;
    padding-left: 2px
}

.im-chat-window .contact-info .links .chat-to-child .text .name {
    display: inline-block;
    vertical-align: bottom;
    max-width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.im-chat-window .contact-info .links .chat-to-child:hover {
    background-color: #fff4d2;
    color: #f90
}

.im-chat-window .contact-info .home-link,.im-chat-window .contact-info .course-link {
    border: 1px solid transparent;
    color: #6287d5;
    padding: 3px 6px
}

.im-chat-window .contact-info .home-link:hover,.im-chat-window .contact-info .course-link:hover {
    border-color: #6287d5;
    -webkit-transition: border-color,.5s;
    -moz-transition: border-color,.5s;
    -ms-transition: border-color,.5s;
    -o-transition: border-color,.5s;
    transition: border-color,.5s
}

.im-chat-window .contact-info .KF-info-header {
    line-height: 40px
}

.im-chat-window .contact-info .KF-info-header .avatar {
    float: left
}

.im-chat-window .contact-info .KF-info-header img {
    height: 42px
}

.im-chat-window .contact-info .KF-info-header span {
    font-weight: 700;
    font-size: 16px;
    margin: 0 120px 0 10px
}

.im-chat-window .contact-info .KF-info-header a {
    color: #6287d5
}

.im-chat-window .contact-info .KF-info-header a:hover {
    color: #f90
}

.im-chat-window .chat-history {
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
    height: 235px;
    padding: 10px 20px;
    overflow-y: auto
}

.im-chat-window .chat-history .more {
    text-align: center;
    color: #6287d5;
    margin: 0;
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.im-chat-window .chat-history .more .icon {
    vertical-align: middle
}

.im-chat-window .chat-history .more .get-history {
    cursor: pointer;
    margin-left: 4px
}

.im-chat-window .chat-history .more .get-history:hover {
    color: #f90
}

.im-chat-window .chat-history .link-message {
    cursor: pointer
}

.im-chat-window .chat-history .institution-tip,.im-chat-window .chat-history .teacher-tip,.im-chat-window .chat-history .KF-tip {
    background-color: #56b02a;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 3px
}

.im-chat-window .chat-history .KF-tip,.im-chat-window .chat-history .teacher-tip {
    height: auto;
    line-height: 20px;
    padding: 10px
}

.im-chat-window .chat-history .error-tip {
    text-align: center
}

.im-chat-window .chat-history .group-admin-message {
    padding: 5px 0;
    margin: 10px 0;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    border-radius: 2px
}

.im-chat-window .chat-history .im-inner-link {
    color: #6287d5
}

.im-chat-window .chat-history .im-inner-link:hover {
    color: #f90
}

.im-chat-window .time {
    color: #9d9d9d;
    text-align: center
}

.im-chat-window .audio-message {
    text-align: right;
    cursor: pointer;
    color: #6e6e6e
}

.im-chat-window .audio-message .icon {
    margin-right: 5px
}

.im-chat-window .audio-message audio {
    display: none
}

.im-chat-window .picture-message {
    cursor: pointer
}

.im-chat-window .picture-message img {
    max-width: 100%;
    height: auto
}

.im-chat-window .picture-message .progress {
    background-color: #ccc;
    height: 6px
}

.im-chat-window .picture-message .progress .progress-bar {
    height: 100%;
    background-color: #58b7f9
}

.im-chat-window .tip-warning {
    width: 300px;
    padding: 10px 10px 10px 26px;
    background-color: #f8f8f8;
    position: relative;
    margin: 0 auto
}

.im-chat-window .tip-warning .icon {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #f95710
}

.im-chat-window .from-message,.im-chat-window .to-message {
    margin: 10px 0
}

.im-chat-window .from-message .wrapper,.im-chat-window .to-message .wrapper {
    color: #3d3d3d;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    max-width: 260px;
    text-align: left;
    border-radius: 2px;
    word-break: break-all;
    word-wrap: break-word
}

.im-chat-window .from-message .wrapper:before,.im-chat-window .to-message .wrapper:before,.im-chat-window .from-message .wrapper:after,.im-chat-window .to-message .wrapper:after {
    border: 5px solid transparent;
    content: ' ';
    position: absolute;
    top: 7px
}

.im-chat-window .from-message {
    text-align: left
}

.im-chat-window .from-message .wrapper {
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5
}

.im-chat-window .from-message .wrapper:before {
    border-right-color: #e5e5e5;
    left: -10px
}

.im-chat-window .from-message .wrapper:after {
    border-right-color: #f5f5f5;
    left: -9px
}

.im-chat-window .to-message {
    text-align: right
}

.im-chat-window .to-message .wrapper {
    border: 1px solid #d3e2f0;
    background-color: #e0effc
}

.im-chat-window .to-message .wrapper:before {
    border-left-color: #d3e2f0;
    right: -10px
}

.im-chat-window .to-message .wrapper:after {
    border-left-color: #e0effc;
    right: -9px
}

.im-chat-window .group-message-item {
    position: relative
}

.im-chat-window .group-message-item .avatar {
    margin: 0 5px
}

.im-chat-window .group-message-item .left-avatar {
    float: left
}

.im-chat-window .group-message-item .user-name {
    position: absolute;
    left: 42px
}

.im-chat-window .group-message-item .right-avatar {
    float: right;
    margin-left: 15px
}

.im-chat-window .group-message-item .from-message,.im-chat-window .group-message-item .to-message {
    position: relative;
    max-width: 240px
}

.im-chat-window .group-message-item .from-message {
    margin: 10px 0 30px;
    top: 20px;
    left: 10px
}

.im-chat-window .group-message-item .from-message .wrapper {
    max-width: 200px
}

.im-chat-window .group-message-item .from-message .wrapper:before {
    border-color: #e5e5e5 #e5e5e5 transparent transparent;
    left: -10px;
    top: -1px
}

.im-chat-window .group-message-item .from-message .wrapper:after {
    border-color: #f5f5f5 #f5f5f5 transparent transparent;
    left: -8px;
    top: 0
}

.im-chat-window .group-message-item .to-message {
    margin-left: 20px;
    top: 10px
}

.im-chat-window .group-message-item .to-message .wrapper {
    max-width: 200px
}

.im-chat-window .group-message-item .to-message .wrapper:before {
    border-color: #d3e2f0 transparent transparent #d3e2f0;
    right: -10px;
    top: -1px
}

.im-chat-window .group-message-item .to-message .wrapper:after {
    border-color: #e0effc transparent transparent #e0effc;
    right: -8px;
    top: 0
}

.im-chat-window .form-text {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 5px;
    width: 343px;
    height: 76px;
    border-radius: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.im-chat-window .chat-input {
    line-height: 0;
    background-color: #fff;
    max-height: 138px
}

.im-chat-window .chat-input .action {
    zoom:1;background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    padding: 6px 10px;
    height: 36px
}

.im-chat-window .chat-input .action:before,.im-chat-window .chat-input .action:after {
    content: " ";
    display: table
}

.im-chat-window .chat-input .action:after {
    clear: both
}

.im-chat-window .chat-input .btn-primary {
    float: right;
    padding: 1px 18px;
    position: relative;
    top: 3px
}

.im-chat-window .chat-input .text-info {
    display: inline-block;
    height: 28px;
    line-height: 28px
}

.im-chat-window .avatar-offline img {
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

.im-chat-window .user-info {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    position: relative;
    z-index: 5;
    min-height: 53px;
    zoom:1}

.im-chat-window .user-info:before,.im-chat-window .user-info:after {
    content: " ";
    display: table
}

.im-chat-window .user-info:after {
    clear: both
}

.im-chat-window .user-info .avatar-tiny {
    margin-right: 3px
}

.im-chat-window .user-info .user-name {
    color: #3d3d3d;
    vertical-align: top;
    position: relative;
    max-width: 80px;
    margin-top: 11px
}

.im-chat-window .user-info .icon {
    margin-right: 5px
}

.im-chat-window .user-info .icon-caret-up {
    display: none
}

.im-chat-window .user-info .icon-caret-up,.im-chat-window .user-info .icon-caret-down {
    margin-right: 0;
    position: relative;
    top: 3px
}

.im-chat-window .user-info .status-combobox {
    margin-top: 10px;
    position: relative;
    display: inline-block
}

.im-chat-window .user-info .status-combobox .button {
    cursor: pointer
}

.im-chat-window .user-info .status-combobox .status-list {
    border: 1px solid #ddd;
    background-color: #fff;
    display: none;
    width: 75px;
    position: absolute;
    top: 20px;
    left: -5px;
    padding: 5px 0
}

.im-chat-window .user-info .status-combobox .status-item {
    cursor: pointer;
    padding: 3px 5px;
    border: 1px solid transparent
}

.im-chat-window .user-info .status-combobox .status-item:hover {
    background-color: #ffe7c8;
    border: 1px solid #ff9f50
}

.im-chat-window .icon-circle {
    color: #699e63;
    vertical-align: middle;
    font-size: 16px
}

.im-chat-window .icon-circle.offline {
    color: #abafb0
}

.im-chat-window .icon-user {
    font-size: 14px
}

.im-chat-window .icon-caret-up,.im-chat-window .icon-caret-down {
    font-size: 16px;
    cursor: pointer
}

.im-chat-window .badge {
    position: relative;
    top: 5px
}

.im-chat-window .icon-times {
    font-size: 16px;
    float: right;
    position: relative;
    top: 4px;
    display: none;
    cursor: pointer
}

.im-chat-window .icon-times:hover {
    color: #f90;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.im-chat-window .message-count {
    float: right
}

.im-chat-window.editting .contact-panel {
    height: 301px
}

.im-chat-window.editting .save-change {
    display: block
}

.im-chat-window.editting .editable .icon-times {
    display: inline-block
}

.im-chat-window.editting .message-count {
    display: none
}

.im-chat-window.editting .contact-item.active {
    background-color: #f8f8f8;
    border-color: transparent
}

.im-chat-window .setting {
    border-top: 1px solid #ddd;
    font-size: 14px
}

.im-chat-window .setting .icon-setting {
    float: right;
    cursor: pointer
}

.im-chat-window .contact-panel {
    height: 332px;
    overflow-y: auto;
    overflow-x: hidden
}

.im-chat-window .save-change {
    padding: 5px 0;
    border-top: 1px solid #ddd;
    text-align: center;
    display: none
}

.im-chat-window .save-change .btn-primary {
    padding: 1px 20px
}

.im-chat-window .contact-header {
    color: #9d9d9d;
    cursor: pointer;
    padding: 7px 10px 7px 5px
}

.im-chat-window .contact-header .icon-caret-up,.im-chat-window .contact-header .icon-caret-down {
    margin-right: 5px;
    position: relative;
    top: 3px
}

.im-chat-window .contact-header span {
    vertical-align: middle
}

.im-chat-window .contact-item {
    border: 1px solid transparent;
    border-left: none;
    border-right: none;
    padding: 5px 10px;
    cursor: pointer
}

.im-chat-window .contact-item .avatar {
    display: inline-block;
    margin: 0 8px 0 10px;
    vertical-align: middle;
    border-radius: 15px
}

.im-chat-window .contact-item .user-name {
    position: relative;
    top: 6px
}

.im-chat-window .contact-item .group-info {
    display: inline-block;
    width: 60px;
    vertical-align: bottom;
    line-height: 14px
}

.im-chat-window .contact-item .group-info .group-name {
    display: inline-block;
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.im-chat-window .contact-item:hover {
    background-color: #f0f0f0;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.im-chat-window .contact-item.active {
    background-color: #fff3d0;
    border-color: #f8ce58;
    -webkit-transition: background-color .2s,border-color .2s;
    -moz-transition: background-color .2s,border-color .2s;
    -ms-transition: background-color .2s,border-color .2s;
    -o-transition: background-color .2s,border-color .2s;
    transition: background-color .2s,border-color .2s
}

.im-chat-window .contact-item[data-user-role="-1"] {
    border-top: none
}

.im-chat-window .contact-item .KF-show {
    display: none
}

.im-chat-window .contact-item.custom-service-item .avatar {
    border-radius: 0
}

.im-chat-window .contact-item.custom-service-item .avatar img {
    border-radius: 0;
    width: 28px;
    height: auto
}

.im-chat-window .form-editor {
    position: relative;
    display: block;
    border: 1px solid #ddd;
    overflow: hidden
}

.im-chat-window .form-editor .icon-expression {
    vertical-align: bottom;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    margin: 0 5px;
    color: #9e9e9e
}

.im-chat-window .form-editor .icon-expression:hover {
    color: #f90
}

.im-chat-window .form-editor .tip {
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    padding-left: 5px;
    border-bottom: 1px solid #ccc
}

.im-chat-window .form-editor .tip .icon-times-circle {
    color: #f95710
}

.im-chat-window .form-editor .file-container {
    height: 20px;
    line-height: 25px;
    font-size: 12px;
    display: inline-block;
    width: 80px;
    position: relative;
    overflow: hidden;
    color: #9e9e9e
}

.im-chat-window .form-editor .file-container .file-input {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 20px;
    width: 120px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -50px
}

.im-chat-window .form-editor .file-container .upload-text {
    cursor: pointer;
    height: 20px;
    width: 80px
}

.im-chat-window .form-editor .file-container:hover {
    color: #f90
}

.im-chat-window .form-editor .class-room-entrance {
    color: #6287d5;
    cursor: pointer;
    float: right;
    display: inline-block;
    margin: 4px 10px 0 0;
    position: relative;
    top: 2px;
    z-index: 3
}

.im-chat-window .form-editor .class-room-entrance .class-room-btn {
    border-radius: 3px;
    border: 1px solid #6287d5;
    padding: 1px 3px
}

.im-chat-window .form-editor .class-room-entrance:hover {
    color: #f90
}

.im-chat-window .form-editor .class-room-entrance:hover .class-room-btn {
    border-color: #f90
}

.im-chat-window .assistant .chat-history {
    height: 357px;
    border-bottom: 1px solid #ddd
}

.im-chat-window .assistant .btn-primary,.im-chat-window .assistant .form-editor,.im-chat-window .assistant .more {
    display: none
}

.im-chat-window .assistant .from-message {
    width: 260px;
    display: inline-block
}

.im-chat-window .assistant .from-message .wrapper {
    border: 1px solid #c8e39f;
    background-color: #e9f6d6
}

.im-chat-window .assistant .from-message .wrapper:before {
    border-right-color: #c8e39f
}

.im-chat-window .assistant .from-message .wrapper:after {
    border-right-color: #e9f6d6
}

.im-chat-window .assistant .from-message .wrapper:hover {
    border: 1px solid #a5ce6a;
    background-color: #dceec2
}

.im-chat-window .assistant .from-message .wrapper:hover:before {
    border-right-color: #a5ce6a
}

.im-chat-window .assistant .from-message .wrapper:hover:after {
    border-right-color: #dceec2
}

.im-chat-window .assistant.my-role-institution .contact-info {
    height: 29px
}

.im-chat-window .assistant.my-role-institution .contact-info a {
    display: none
}

.im-chat-window .group-setting-content .group-profile {
    position: relative;
    top: 3px
}

.im-chat-window .group-setting-content .group-profile .change-name {
    position: absolute;
    top: 25px;
    left: 55px;
    cursor: pointer;
    line-height: 12px;
    display: none
}

.im-chat-window .group-setting-content .group-profile .change-name:hover {
    color: #f90
}

.im-chat-window .group-setting-content .setting-container {
    height: 333px;
    border: 1px solid #ddd;
    border-top: none;
    background-color: #fff;
    padding: 10px 20px;
    overflow-y: auto
}

.im-chat-window .group-setting-content .setting-container .group-title {
    font-size: 14px
}

.im-chat-window .group-setting-content .setting-container .msg-status-container {
    margin: 5px 0 20px
}

.im-chat-window .group-setting-content .setting-container .msg-status-container input {
    margin-right: 5px
}

.im-chat-window .group-setting-content .setting-container .setting-title {
    border-bottom: 2px solid #f0f0f0
}

.im-chat-window .group-setting-content .setting-container .setting-title .title-text {
    position: relative;
    top: 2px;
    border-bottom: 2px solid #f90
}

.im-chat-window .group-setting-content .setting-container .member-container {
    min-height: 50px;
    padding-top: 20px;
    width: 300px
}

.im-chat-window .group-setting-content .setting-container .member-container .list-item {
    display: inline-block;
    width: 100px;
    padding-top: 5px
}

.im-chat-window .group-setting-content .setting-container .member-container .list-item .avatar {
    margin: 5px;
    vertical-align: middle
}

.im-chat-window .group-setting-content .setting-container .member-container .list-item .item-text {
    display: inline-block;
    width: 60px;
    line-height: 12px;
    vertical-align: middle
}

.im-chat-window .group-setting-content .setting-container .member-container .list-item .item-text .user-name {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.im-chat-window .group-setting-content .setting-container .member-container .list-item.clickable {
    cursor: pointer
}

.im-chat-window .group-setting-content .setting-container .member-container .list-item.clickable:hover {
    background-color: #ececec
}

.im-chat-window .group-setting-content .setting-container .btn-container {
    text-align: center;
    margin-top: 30px
}

.im-chat-window .group-setting-content .setting-container .btn-container .dissolve-group {
    margin-left: 20px;
    display: none
}

.im-chat-window .group-setting-content .footer {
    zoom:1;background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    padding: 6px 10px;
    height: 36px
}

.im-chat-window .expression-container {
    width: 275px;
    height: 273px;
    top: 40px;
    position: absolute;
    background-color: #fafafa;
    border: 1px solid #d3e2f0;
    border-radius: 2px
}

.im-chat-window .expression-container .expression-panel {
    margin: 8px;
    border-right: 1px solid #d3e2f0;
    border-bottom: 1px solid #d3e2f0;
    background-color: #fbfbfe;
    width: 257px;
    height: 257px
}

.im-chat-window .expression-container .expression-panel .expression-item {
    float: left;
    width: 64px;
    height: 64px;
    border-top: 1px solid #d3e2f0;
    border-left: 1px solid #d3e2f0;
    cursor: pointer;
    position: relative
}

.im-chat-window .expression-container .expression-panel .expression-item img {
    width: 62px;
    height: 62px
}

.im-chat-window .expression-container .expression-panel .expression-item .tip-container {
    display: none;
    z-index: 5;
    position: absolute;
    height: 24px;
    line-height: 22px;
    width: 40px;
    text-align: center;
    background-color: #fffbef;
    border: 1px solid #f8ce69;
    top: 65px;
    left: 10px
}

.im-chat-window .expression-container .expression-panel .expression-item .tip-container .front-arrow,.im-chat-window .expression-container .expression-panel .expression-item .tip-container .back-arrow {
    position: absolute;
    top: -12px;
    left: 12px;
    border: 6px solid;
    border-color: transparent transparent #f8ce69
}

.im-chat-window .expression-container .expression-panel .expression-item .tip-container .front-arrow {
    top: -11px;
    border-color: transparent transparent #fffbef
}

.im-chat-window .expression-container .expression-panel .expression-item:hover {
    background-color: #e8f5fc;
    border: 1px solid #4ca0d9
}

.im-chat-window .expression-container .expression-panel .expression-item:hover .tip-container {
    display: block
}

.im-chat-window .expression-container .front-arrow,.im-chat-window .expression-container .back-arrow {
    position: absolute;
    top: 271px;
    left: 5px;
    border: 8px solid;
    border-color: #d3e2f0 transparent transparent
}

.im-chat-window .expression-container .front-arrow {
    top: 270px;
    border-color: #fafafa transparent transparent
}

.im-chat-window.anonymous .contact-panel {
    height: 235px
}

.im-chat-window.anonymous .anonymous-btn-container {
    height: 133px;
    padding: 20px;
    border-top: 1px solid #ddd
}

.im-chat-window.anonymous .anonymous-btn-container b {
    display: block;
    margin-bottom: 20px;
    font-size: 16px
}

.dialog-mask,.dialog-primary,.dialog-info,.dialog-success,.dialog-error {
    z-index: 5
}

.dialog {
    display: none
}

.dialog .form-action,.dialog .dialog-action {
    text-align: center
}

.image-browse,.btn {
    position: relative
}

.image-browse object,.btn object,.image-browse input[type=file],.btn input[type=file] {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.dialog-alert,.dialog-confirm {
    min-width: 300px
}

.dialog-alert .dialog-body,.dialog-confirm .dialog-body {
    text-align: center
}

.dialog .dialog-action {
    margin-top: 28px
}

.video-dialog .dialog-body,.image-dialog .dialog-body {
    background: url(../../img/teacher/loading.gif?b59db1da31db0eae) no-repeat 50% 50%;
    padding: 0;
    font-size: 0;
    text-align: center
}

.image-dialog .dialog-body {
    background-color: #000
}

.image-dialog .icon-chevron-left,.image-dialog .icon-chevron-right {
    background-color: #ccc;
    background-color: rgba(0,0,0,.2);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -30px
}

.image-dialog .icon-chevron-left:hover,.image-dialog .icon-chevron-right:hover {
    background-color: #bbb;
    background-color: rgba(0,0,0,.3);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.image-dialog .icon-chevron-left {
    left: 30px
}

.image-dialog .icon-chevron-right {
    right: 30px
}

.BMap_bubble_title a,.BMap_cpyCtrl {
    display: none
}

.bd_weixin_popup {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.rich-text {
    word-break: break-all;
    word-wrap: break-word;
    zoom:1;position: relative
}

.rich-text:before,.rich-text:after {
    content: " ";
    display: table
}

.rich-text:after {
    clear: both
}

.rich-text img {
    max-width: 740px
}

.rich-text strong,.rich-text b {
    font-weight: 700
}

.rich-text ul,.rich-text ol {
    list-style-position: inside
}

.rich-text ul {
    list-style-type: disc
}

.rich-text ol {
    list-style-type: decimal
}

.rich-text li p {
    display: inline-block
}

.rich-text i,.rich-text em,.rich-text var,.rich-text cite,.rich-text address {
    font-style: italic
}

.text-indent-seo {
    position: absolute;
    left: -5000px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-primary.new {
    background-color: #ff7f00
}

.btn-primary.new:hover {
    background-color: #e97520
}

.btn-primary.new.disabled,.btn-primary.new[disabled] {
    background-color: #ccc;
    border-color: #ccc
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?-r5cs8o);
    src: url(../fonts/icomoon.eot?#iefix-r5cs8o) format('embedded-opentype'),url(../fonts/icomoon.ttf?-r5cs8o) format('truetype'),url(../fonts/icomoon.woff?-r5cs8o) format('woff'),url(../fonts/icomoon.svg?v=20151022) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=icon-],[class*=" icon-"] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-alipay-circle:before {
    content: "\e600"
}

.icon-angle-down:before {
    content: "\e601"
}

.icon-angle-right-circle:before {
    content: "\e602"
}

.icon-angle-up:before {
    content: "\e603"
}

.icon-arrow-circle:before {
    content: "\e604"
}

.icon-arrow-down:before {
    content: "\e605"
}

.icon-arrow-down-o:before {
    content: "\e606"
}

.icon-arrow-o:before {
    content: "\e607"
}

.icon-arrows:before {
    content: "\e608"
}

.icon-arrow-up:before {
    content: "\e609"
}

.icon-arrow-up-o:before {
    content: "\e60a"
}

.icon-arrow-up-small:before {
    content: "\e60b"
}

.icon-article-arrow:before {
    content: "\e60c"
}

.icon-article-share:before {
    content: "\e60d"
}

.icon-attachment:before {
    content: "\e60e"
}

.icon-ban:before {
    content: "\e610"
}

.icon-ban-o:before {
    content: "\e611"
}

.icon-bars-circle:before {
    content: "\e612"
}

.icon-bars-o:before {
    content: "\e613"
}

.icon-book:before {
    content: "\e614"
}

.icon-book-large-o:before {
    content: "\e615"
}

.icon-book-o:before {
    content: "\e616"
}

.icon-book-open-o:before {
    content: "\e617"
}

.icon-book-slope:before {
    content: "\e618"
}

.icon-bullseye:before {
    content: "\e619"
}

.icon-calendar:before {
    content: "\e61a"
}

.icon-camera:before {
    content: "\e61b"
}

.icon-camera-o:before {
    content: "\e61c"
}

.icon-caret-down:before {
    content: "\e61d"
}

.icon-caret-left:before {
    content: "\e61e"
}

.icon-caret-right:before {
    content: "\e61f"
}

.icon-caret-up:before {
    content: "\e620"
}

.icon-cash-large-o:before {
    content: "\e621"
}

.icon-chat:before {
    content: "\e622"
}

.icon-chat-large-o:before {
    content: "\e623"
}

.icon-chat-o:before {
    content: "\e624"
}

.icon-check:before {
    content: "\e625"
}

.icon-check-circle:before {
    content: "\e626"
}

.icon-check-o:before {
    content: "\e627"
}

.icon-chevron-left:before {
    content: "\e628"
}

.icon-chevron-right:before {
    content: "\e629"
}

.icon-circle:before {
    content: "\e62a"
}

.icon-circle-o:before {
    content: "\e62b"
}

.icon-clock:before {
    content: "\e62c"
}

.icon-clock-large-o:before {
    content: "\e62d"
}

.icon-clock-o:before {
    content: "\e62e"
}

.icon-close:before {
    content: "\e62f"
}

.icon-comment:before {
    content: "\e630"
}

.icon-coupon-o:before {
    content: "\e631"
}

.icon-coupons:before {
    content: "\e632"
}

.icon-customer:before {
    content: "\e633"
}

.icon-delete:before {
    content: "\e634"
}

.icon-deliver:before {
    content: "\e635"
}

.icon-direction:before {
    content: "\e636"
}

.icon-door:before {
    content: "\e637"
}

.icon-door-o:before {
    content: "\e638"
}

.icon-download:before {
    content: "\e639"
}

.icon-ebank:before {
    content: "\e63a"
}

.icon-edit-o:before {
    content: "\e63b"
}

.icon-edit-underline:before {
    content: "\e63c"
}

.icon-ellipsis-o:before {
    content: "\e63d"
}

.icon-expression:before {
    content: "\e63e"
}

.icon-eye:before {
    content: "\e63f"
}

.icon-favor:before {
    content: "\e640"
}

.icon-feedback:before {
    content: "\e641"
}

.icon-file-o:before {
    content: "\e642"
}

.icon-fire:before {
    content: "\e643"
}

.icon-flag-o:before {
    content: "\e644"
}

.icon-frown-o:before {
    content: "\e645"
}

.icon-gift:before {
    content: "\e646"
}

.icon-group:before {
    content: "\e647"
}

.icon-group-o:before {
    content: "\e648"
}

.icon-heart:before {
    content: "\e649"
}

.icon-heart-o:before {
    content: "\e64a"
}

.icon-help:before {
    content: "\e64b"
}

.icon-home:before {
    content: "\e64c"
}

.icon-home-circle:before {
    content: "\e64d"
}

.icon-home-o:before {
    content: "\e64e"
}

.icon-ic-safeguard:before {
    content: "\e64f"
}

.icon-image:before {
    content: "\e650"
}

.icon-image-more:before {
    content: "\e651"
}

.icon-image-o:before {
    content: "\e652"
}

.icon-info-circle:before {
    content: "\e653"
}

.icon-info-o:before {
    content: "\e654"
}

.icon-left-large:before {
    content: "\e655"
}

.icon-lightning:before {
    content: "\e656"
}

.icon-lightning-circle:before {
    content: "\e657"
}

.icon-lightning-o:before {
    content: "\e658"
}

.icon-list-o:before {
    content: "\e659"
}

.icon-live:before {
    content: "\e65a"
}

.icon-live-play:before {
    content: "\e65b"
}

.icon-location:before {
    content: "\e65c"
}

.icon-location-o:before {
    content: "\e65d"
}

.icon-lock:before {
    content: "\e65e"
}

.icon-logo:before {
    content: "\e65f"
}

.icon-mail:before {
    content: "\e660"
}

.icon-mail-circle:before {
    content: "\e661"
}

.icon-markting-o:before {
    content: "\e662"
}

.icon-medal:before {
    content: "\e663"
}

.icon-medal-o:before {
    content: "\e664"
}

.icon-message:before {
    content: "\e665"
}

.icon-message-o:before {
    content: "\e666"
}

.icon-microphone:before {
    content: "\e667"
}

.icon-minus-circle:before {
    content: "\e668"
}

.icon-mobile:before {
    content: "\e669"
}

.icon-mobile-circle:before {
    content: "\e66a"
}

.icon-mobile-o:before {
    content: "\e66b"
}

.icon-money-large-o:before {
    content: "\e66c"
}

.icon-money-o:before {
    content: "\e66d"
}

.icon-mortarboard-o:before {
    content: "\e66e"
}

.icon-move-file:before {
    content: "\e66f"
}

.icon-netdisk:before {
    content: "\e670"
}

.icon-neutral-o:before {
    content: "\e671"
}

.icon-new-folder:before {
    content: "\e672"
}

.icon-pencil:before {
    content: "\e673"
}

.icon-pencil-circle:before {
    content: "\e674"
}

.icon-phone:before {
    content: "\e675"
}

.icon-phone-circle:before {
    content: "\e676"
}

.icon-phone-o:before {
    content: "\e677"
}

.icon-picture:before {
    content: "\e678"
}

.icon-pitch-on:before {
    content: "\e679"
}

.icon-play-o:before {
    content: "\e67a"
}

.icon-play-oo:before {
    content: "\e67b"
}

.icon-plus:before {
    content: "\e67c"
}

.icon-plus-circle:before {
    content: "\e67d"
}

.icon-plus-o:before {
    content: "\e67e"
}

.icon-portrait-o:before {
    content: "\e67f"
}

.icon-prize:before {
    content: "\e680"
}

.icon-profile-o:before {
    content: "\e681"
}

.icon-profile-rect:before {
    content: "\e682"
}

.icon-qq-circle:before {
    content: "\e683"
}

.icon-question:before {
    content: "\e684"
}

.icon-question-circle:before {
    content: "\e685"
}

.icon-rank:before {
    content: "\e686"
}

.icon-recycle-bin:before {
    content: "\e687"
}

.icon-refresh:before {
    content: "\e688"
}

.icon-rename:before {
    content: "\e689"
}

.icon-renren-circle:before {
    content: "\e68a"
}

.icon-reply:before {
    content: "\e68b"
}

.icon-right-large:before {
    content: "\e68c"
}

.icon-rmb:before {
    content: "\e68d"
}

.icon-rmb-o:before {
    content: "\e68e"
}

.icon-screen:before {
    content: "\e68f"
}

.icon-screen-o:before {
    content: "\e690"
}

.icon-search:before {
    content: "\e691"
}

.icon-search-large-o:before {
    content: "\e692"
}

.icon-search-plus:before {
    content: "\e693"
}

.icon-see-another:before {
    content: "\e694"
}

.icon-send-o:before {
    content: "\e695"
}

.icon-setting:before {
    content: "\e696"
}

.icon-setting-o:before {
    content: "\e697"
}

.icon-share:before {
    content: "\e698"
}

.icon-share-o:before {
    content: "\e699"
}

.icon-shield-large-o:before {
    content: "\e69a"
}

.icon-shield-o:before {
    content: "\e69b"
}

.icon-shopping-cart:before {
    content: "\e69c"
}

.icon-shutdown:before {
    content: "\e69d"
}

.icon-sign:before {
    content: "\e69e"
}

.icon-smile-o:before {
    content: "\e69f"
}

.icon-sort:before {
    content: "\e6a0"
}

.icon-speaker:before {
    content: "\e6a1"
}

.icon-star:before {
    content: "\e6a2"
}

.icon-star-half:before {
    content: "\e6a3"
}

.icon-star-o:before {
    content: "\e6a4"
}

.icon-student:before {
    content: "\e6a5"
}

.icon-sun-o:before {
    content: "\e6a6"
}

.icon-target-large-o:before {
    content: "\e6a7"
}

.icon-thumbs-up:before {
    content: "\e6a8"
}

.icon-thumbs-up-large-o:before {
    content: "\e6a9"
}

.icon-times:before {
    content: "\e6aa"
}

.icon-times-circle:before {
    content: "\e6ab"
}

.icon-triangle:before {
    content: "\e6ac"
}

.icon-triangle-oblong:before {
    content: "\e6ad"
}

.icon-tv:before {
    content: "\e6ae"
}

.icon-up:before {
    content: "\e6af"
}

.icon-user:before {
    content: "\e6b0"
}

.icon-user-o:before {
    content: "\e6b1"
}

.icon-variety:before {
    content: "\e6b2"
}

.icon-vip:before {
    content: "\e6b3"
}

.icon-v-o:before {
    content: "\e6b4"
}

.icon-warning:before {
    content: "\e6b5"
}

.icon-wave-left:before {
    content: "\e6b6"
}

.icon-wave-right:before {
    content: "\e6b7"
}

.icon-webcam-o:before {
    content: "\e6b8"
}

.icon-wechat-circle:before {
    content: "\e6b9"
}

.icon-wechat-o:before {
    content: "\e6ba"
}

.icon-weibo-circle:before {
    content: "\e6bb"
}

.icon-wheat:before {
    content: "\e6bc"
}

.icon-writer:before {
    content: "\e6bd"
}

.icon {
    display: inline-block;
    vertical-align: baseline
}

.icon-certification-idcard,.icon-certification-teacher,.icon-certification-profession,.icon-certification-student,.icon-certification-home,.icon-certification-internal,.icon-certification-online {
    background-image: url(../../img/icon/iconsall.png?3c333cc2d47e8899);
    height: 19px
}

.icon-certification-idcard {
    background-position: -19px 1px;
    width: 20px
}

.icon-certification-teacher {
    background-position: -40px 0;
    width: 18px
}

.icon-certification-profession {
    background-position: -59px 0;
    width: 19px
}

.icon-certification-student {
    background-position: -79px 0;
    width: 20px
}

.icon-certification-home {
    background-position: -57px -19px;
    width: 18px;
    height: 18px
}

.icon-certification-internal {
    background-position: 0 0;
    width: 18px
}

.icon-certification-online {
    background-position: 22px -18px;
    width: 18px
}

.icon-certification-license {
    background-image: url(../../img/icon/certification.png?3023232c98cdaa0d);
    height: 20px;
    width: 72px;
    background-position: 0 -376px
}

.icon-add,.icon-add-dark,.icon-add-light,.icon-remove,.icon-remove-dark,.icon-remove-light,.icon-edit,.icon-edit-dark,.icon-edit-light,.icon-round-add,.icon-round-add-dark,.icon-round-add-light,.icon-round-edit,.icon-round-edit-dark,.icon-round-edit-light {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px
}

.icon-add-dark {
    background-position: -38px -2px
}

.icon-add-light {
    background-position: -74px -2px
}

.icon-add-light:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-position: -38px -2px
}

.icon-add {
    background-position: -2px -2px
}

.icon-add:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-position: -38px -2px
}

.icon-remove-dark {
    background-position: -38px -74px
}

.icon-remove-light {
    background-position: -74px -74px
}

.icon-remove-light:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-position: -38px -74px
}

.icon-remove {
    background-position: -2px -74px
}

.icon-remove:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-position: -38px -74px
}

.icon-edit-dark {
    background-position: -38px -38px
}

.icon-edit-light {
    background-position: -74px -38px
}

.icon-edit-light:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-position: -38px -38px
}

.icon-edit {
    background-position: -2px -38px
}

.icon-edit:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-position: -38px -38px
}

.icon-round-add,.icon-round-add-dark,.icon-round-add-light,.icon-round-edit,.icon-round-edit-dark,.icon-round-edit-light {
    width: 36px;
    height: 36px
}

.icon-round-add-dark {
    background-position: -36px -108px
}

.icon-round-add-light {
    background-position: -180px -108px
}

.icon-round-add-light:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    width: 36px;
    height: 36px;
    background-position: -36px -108px
}

.icon-round-add {
    background-position: -108px -108px
}

.icon-round-add:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    width: 36px;
    height: 36px;
    background-position: -36px -108px
}

.icon-round-edit-dark {
    background-position: -144px -144px
}

.icon-round-edit-light {
    background-position: -180px -144px
}

.icon-round-edit-light:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    width: 36px;
    height: 36px;
    background-position: -144px -144px
}

.icon-round-edit {
    background-position: -108px -144px
}

.icon-round-edit:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 32px;
    height: 32px;
    width: 36px;
    height: 36px;
    background-position: -144px -144px
}

.icon-small-remove-dark,.icon-small-remove-light,.icon-small-edit-dark,.icon-small-edit-light {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 20px;
    height: 20px
}

.icon-small-remove-dark {
    background-position: -66px -182px
}

.icon-small-remove-light {
    background-position: -130px -182px
}

.icon-small-remove-light:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-position: -66px -182px
}

.icon-small-edit-dark {
    background-position: -44px -182px
}

.icon-small-edit-light {
    background-position: -108px -182px
}

.icon-small-edit-light:hover {
    background: url(../../img/icon/operation.png?cee89572f5930dd5);
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-position: -44px -182px
}

.icon-combo-green,.icon-combo-blue,.icon-combo-green-small,.icon-combo-blue-small {
    background-image: url(../../img/icon/combo.png?5bef551cc36455c3);
    width: 95px;
    height: 95px
}

.icon-combo-green {
    background-position: 0 0
}

.icon-combo-blue {
    background-position: 0 -95px
}

.icon-combo-green-small {
    background-position: 0 -191px;
    width: 54px;
    height: 54px
}

.icon-combo-blue-small {
    background-position: 0 -247px;
    width: 54px;
    height: 54px
}

.icon-bank-alipay,.icon-bank-wechat,.icon-bank-boc,.icon-bank-icbc,.icon-bank-cmb,.icon-bank-ccb,.icon-bank-abc,.icon-bank-bcm,.icon-bank-spdb,.icon-bank-ceb,.icon-bank-cib,.icon-bank-cmbc,.icon-bank-cgb,.icon-bank-fdb,.icon-bank-citic,.icon-bank-hzb,.icon-bank-bos,.icon-bank-srcb,.icon-bank-bob,.icon-bank-bjrcb,.icon-bank-wzcb,.icon-bank-nbcb,.icon-bank-pab,.icon-bank-psbc,.icon-bank-sdb,.icon-bank-hxb,.icon-bank-jsb,.icon-bank-bnc,.icon-bank-bocd,.icon-bank-cdrcb,.icon-bank-abc1003,.icon-bank-abc1004 {
    background-image: url(../../img/icon/bank.jpg);
    height: 20px
}

.icon-bank-post {
    background-image: url(../../img/icon/bank_post.gif);
    height: 20px;
    width: 93px
}

.icon-bank-alipay {
    background-position: -106px -83px;
    width: 63px
}

.icon-bank-wechat {
    background-position: -283px -105px;
    width: 83px
}

.icon-bank-boc {
    background-position: 0 0;
    width: 74px
}

.icon-bank-icbc {
    background-position: -76px 0;
    width: 107px
}

.icon-bank-cmb {
    background-position: -409px 0;
    width: 83px
}

.icon-bank-ccb {
    background-position: -292px -1px;
    width: 113px
}

.icon-bank-abc {
    background-position: -187px 0;
    width: 101px
}

.icon-bank-bcm {
    background-position: -256px -62px;
    width: 112px
}

.icon-bank-spdb {
    background-position: -119px -21px;
    width: 76px
}

.icon-bank-ceb {
    background-position: -266px -84px;
    width: 119px
}

.icon-bank-cib {
    background-position: -103px -42px;
    width: 105px
}

.icon-bank-cmbc {
    background-position: 0 -63px;
    width: 135px
}

.icon-bank-cgb {
    background-position: -283px -21px;
    width: 109px
}

.icon-bank-fdb {
    background-position: -925px -21px;
    width: 73px
}

.icon-bank-citic {
    background-position: -196px -21px;
    width: 84px
}

.icon-bank-hzb {
    background-position: -345px -42px;
    width: 73px
}

.icon-bank-bos {
    background-position: -282px -41px;
    width: 60px
}

.icon-bank-srcb {
    background-position: -420px -42px;
    width: 74px
}

.icon-bank-bob {
    background-position: -371px -62px;
    width: 87px
}

.icon-bank-bjrcb {
    background-position: -137px -62px;
    width: 117px
}

.icon-bank-wzcb {
    background-position: -171px -84px;
    width: 92px
}

.icon-bank-nbcb {
    background-position: -212px -41px;
    width: 69px
}

.icon-bank-pab {
    background-position: 0 -42px;
    width: 98px
}

.icon-bank-psbc {
    background-position: 0 -21px;
    width: 116px
}

.icon-bank-sdb {
    background-position: -386px -84px;
    width: 128px
}

.icon-bank-hxb {
    background-position: 0 -105px;
    width: 90px
}

.icon-bank-jsb {
    background-position: -368px -105px;
    width: 85px
}

.icon-bank-bnc {
    background-position: -454px -105px;
    width: 76px
}

.icon-bank-bocd {
    background-position: -92px -105px;
    width: 81px
}

.icon-bank-cdrcb {
    background-position: -174px -105px;
    width: 107px
}

.icon-bank-abc1003 {
    background-position: 0 -84px;
    width: 67px
}

.icon-bank-abc1004 {
    background-position: -69px -84px;
    width: 35px
}

.icon-bank-wechat {
    background: url(../../img/icon/bank-wechat.png);
    width: 96px;
    height: 26px
}

.icon-teach-org {
    background: url(../../img/teacher/org.png);
    width: 14px;
    height: 14px
}

.icon-new-prize {
    background: url(../../img/icon/prize.png);
    width: 16px;
    height: 16px
}

.icon-new-coupon {
    background: url(../../img/icon/coupon.jpg);
    width: 16px;
    height: 16px
}

.icon-medal-valuegold,.icon-medal-valuesilver,.icon-medal-valuecopper,.icon-medal-populargold,.icon-medal-popularsilver,.icon-medal-popularcopper {
    background-image: url(../../img/icon/medal.png);
    height: 25px;
    width: 21px
}

.icon-medal-valuegold {
    background-position: 0 0
}

.icon-medal-valuesilver {
    background-position: -26px 0
}

.icon-medal-valuecopper {
    background-position: -52px 0
}

.icon-medal-populargold {
    background-position: 0 -28px
}

.icon-medal-popularsilver {
    background-position: -26px -28px
}

.icon-medal-popularcopper {
    background-position: -52px -28px
}

.icon-anytime-retire,.icon-limitime-retire,.icon-anytime-chaban,.icon-limitime-chaban,.icon-certi,.icon-safe {
    width: 82px;
    height: 19px
}

.icon-anytime-retire {
    background: url(../../img/course/anytime.png?01b126035444ec76) no-repeat
}

.icon-anytime-retire:hover {
    background: url(../../img/course/anytime_hover.png?36074fa94ad4c65e) no-repeat
}

.icon-limitime-retire {
    background: url(../../img/course/limitime.png?673fc711cbb52e43) no-repeat
}

.icon-limitime-retire:hover {
    background: url(../../img/course/limitime_hover.png?efa2e4dfb5e98f1e) no-repeat
}

.icon-anytime-chaban {
    background: url(../../img/course/anytime_chaban.png?9953ccdd3cbecfd1) no-repeat
}

.icon-anytime-chaban:hover {
    background: url(../../img/course/anytime_chaban_hover.png?df7703e1b96b25f9) no-repeat
}

.icon-limitime-chaban {
    background: url(../../img/course/limitime_chaban.png?4f1f24e776254aba) no-repeat
}

.icon-limitime-chaban:hover {
    background: url(../../img/course/limitime_chaban_hover.png?eb8b4b19ecd92f37) no-repeat
}

.icon-certi {
    background: url(../../img/course/certi.png?d6562e087d86dbcd) no-repeat
}

.icon-certi:hover {
    background: url(../../img/course/certi_hover.png?9291bf4b7f677e72) no-repeat
}

.icon-safe {
    background: url(../../img/course/safe.png?81eff46943bde02a) no-repeat
}

.icon-safe:hover {
    background: url(../../img/course/safe_hover.png?6dede23282b54e91) no-repeat
}

.icon-file-folder.tiny,.icon-file-other.tiny,.icon-file-txt.tiny,.icon-file-zip.tiny,.icon-file-rar.tiny,.icon-file-doc.tiny,.icon-file-docx.tiny,.icon-file-ppt.tiny,.icon-file-pptx.tiny,.icon-file-xls.tiny,.icon-file-xlsx.tiny,.icon-file-pdf.tiny,.icon-file-jpg.tiny,.icon-file-png.tiny,.icon-file-mp4.tiny,.icon-file-avi.tiny,.icon-file-flv.tiny,.icon-file-mkv.tiny,.icon-file-mp3.tiny,.icon-file-wav.tiny,.icon-file-all.tiny {
    background: url(../../img/icon/file/icon_tiny.png);
    width: 20px;
    height: 20px
}

.icon-file-folder.small,.icon-file-other.small,.icon-file-txt.small,.icon-file-zip.small,.icon-file-rar.small,.icon-file-doc.small,.icon-file-docx.small,.icon-file-ppt.small,.icon-file-pptx.small,.icon-file-xls.small,.icon-file-xlsx.small,.icon-file-pdf.small,.icon-file-jpg.small,.icon-file-png.small,.icon-file-mp4.small,.icon-file-avi.small,.icon-file-flv.small,.icon-file-mkv.small,.icon-file-mp3.small,.icon-file-wav.small,.icon-file-all.small {
    background: url(../../img/icon/file/icon_small.png);
    width: 36px;
    height: 36px
}

.icon-file-folder.medium,.icon-file-other.medium,.icon-file-txt.medium,.icon-file-zip.medium,.icon-file-rar.medium,.icon-file-doc.medium,.icon-file-docx.medium,.icon-file-ppt.medium,.icon-file-pptx.medium,.icon-file-xls.medium,.icon-file-xlsx.medium,.icon-file-pdf.medium,.icon-file-jpg.medium,.icon-file-png.medium,.icon-file-mp4.medium,.icon-file-avi.medium,.icon-file-flv.medium,.icon-file-mkv.medium,.icon-file-mp3.medium,.icon-file-wav.medium,.icon-file-all.medium {
    background: url(../../img/icon/file/icon_medium.png);
    height: 64px;
    width: 64px
}

.icon-file-folder.large,.icon-file-other.large,.icon-file-txt.large,.icon-file-zip.large,.icon-file-rar.large,.icon-file-doc.large,.icon-file-docx.large,.icon-file-ppt.large,.icon-file-pptx.large,.icon-file-xls.large,.icon-file-xlsx.large,.icon-file-pdf.large,.icon-file-jpg.large,.icon-file-png.large,.icon-file-mp4.large,.icon-file-avi.large,.icon-file-flv.large,.icon-file-mkv.large,.icon-file-mp3.large,.icon-file-wav.large,.icon-file-all.large {
    background: url(../../img/icon/file/icon_large.png);
    width: 80px;
    height: 80px
}

.icon-file-folder.tiny {
    background-position: 0 0
}

.icon-file-folder.small {
    background-position: 0 0
}

.icon-file-folder.medium {
    background-position: 0 0
}

.icon-file-folder.large {
    background-position: 0 0
}

.icon-file-other.tiny {
    background-position: 0 -20px
}

.icon-file-other.small {
    background-position: 0 -36px
}

.icon-file-other.medium {
    background-position: 0 -64px
}

.icon-file-other.large {
    background-position: 0 -80px
}

.icon-file-txt.tiny {
    background-position: 0 -40px
}

.icon-file-txt.small {
    background-position: 0 -72px
}

.icon-file-txt.medium {
    background-position: 0 -128px
}

.icon-file-txt.large {
    background-position: 0 -160px
}

.icon-file-zip.tiny {
    background-position: 0 -60px
}

.icon-file-zip.small {
    background-position: 0 -108px
}

.icon-file-zip.medium {
    background-position: 0 -192px
}

.icon-file-zip.large {
    background-position: 0 -240px
}

.icon-file-rar.tiny {
    background-position: 0 -60px
}

.icon-file-rar.small {
    background-position: 0 -144px
}

.icon-file-rar.medium {
    background-position: 0 -256px
}

.icon-file-rar.large {
    background-position: 0 -320px
}

.icon-file-doc.tiny {
    background-position: 0 -80px
}

.icon-file-doc.small {
    background-position: 0 -180px
}

.icon-file-doc.medium {
    background-position: 0 -320px
}

.icon-file-doc.large {
    background-position: 0 -400px
}

.icon-file-docx.tiny {
    background-position: 0 -80px
}

.icon-file-docx.small {
    background-position: 0 -216px
}

.icon-file-docx.medium {
    background-position: 0 -384px
}

.icon-file-docx.large {
    background-position: 0 -480px
}

.icon-file-ppt.tiny {
    background-position: 0 -100px
}

.icon-file-ppt.small {
    background-position: 0 -252px
}

.icon-file-ppt.medium {
    background-position: 0 -448px
}

.icon-file-ppt.large {
    background-position: 0 -560px
}

.icon-file-pptx.tiny {
    background-position: 0 -100px
}

.icon-file-pptx.small {
    background-position: 0 -288px
}

.icon-file-pptx.medium {
    background-position: 0 -512px
}

.icon-file-pptx.large {
    background-position: 0 -640px
}

.icon-file-xls.tiny {
    background-position: 0 -120px
}

.icon-file-xls.small {
    background-position: 0 -324px
}

.icon-file-xls.medium {
    background-position: 0 -576px
}

.icon-file-xls.large {
    background-position: 0 -720px
}

.icon-file-xlsx.tiny {
    background-position: 0 -120px
}

.icon-file-xlsx.small {
    background-position: 0 -360px
}

.icon-file-xlsx.medium {
    background-position: 0 -640px
}

.icon-file-xlsx.large {
    background-position: 0 -800px
}

.icon-file-pdf.tiny {
    background-position: 0 -140px
}

.icon-file-pdf.small {
    background-position: 0 -396px
}

.icon-file-pdf.medium {
    background-position: 0 -704px
}

.icon-file-pdf.large {
    background-position: 0 -880px
}

.icon-file-jpg.tiny {
    background-position: 0 -160px
}

.icon-file-jpg.small {
    background-position: 0 -432px
}

.icon-file-jpg.medium {
    background-position: 0 -768px
}

.icon-file-jpg.large {
    background-position: 0 -960px
}

.icon-file-png.tiny {
    background-position: 0 -160px
}

.icon-file-png.small {
    background-position: 0 -468px
}

.icon-file-png.medium {
    background-position: 0 -832px
}

.icon-file-png.large {
    background-position: 0 -1040px
}

.icon-file-mp4.tiny {
    background-position: 0 -180px
}

.icon-file-mp4.small {
    background-position: 0 -504px
}

.icon-file-mp4.medium {
    background-position: 0 -896px
}

.icon-file-mp4.large {
    background-position: 0 -1120px
}

.icon-file-avi.tiny {
    background-position: 0 -180px
}

.icon-file-avi.small {
    background-position: 0 -540px
}

.icon-file-avi.medium {
    background-position: 0 -960px
}

.icon-file-avi.large {
    background-position: 0 -1200px
}

.icon-file-flv.tiny {
    background-position: 0 -180px
}

.icon-file-flv.small {
    background-position: 0 -576px
}

.icon-file-flv.medium {
    background-position: 0 -1024px
}

.icon-file-flv.large {
    background-position: 0 -1280px
}

.icon-file-mkv.tiny {
    background-position: 0 -180px
}

.icon-file-mkv.small {
    background-position: 0 -612px
}

.icon-file-mkv.medium {
    background-position: 0 -1088px
}

.icon-file-mkv.large {
    background-position: 0 -1360px
}

.icon-file-mp3.tiny {
    background-position: 0 -200px
}

.icon-file-mp3.small {
    background-position: 0 -648px
}

.icon-file-mp3.medium {
    background-position: 0 -1152px
}

.icon-file-mp3.large {
    background-position: 0 -1440px
}

.icon-file-wav.tiny {
    background-position: 0 -200px
}

.icon-file-wav.small {
    background-position: 0 -684px
}

.icon-file-wav.medium {
    background-position: 0 -1216px
}

.icon-file-wav.large {
    background-position: 0 -1520px
}

.icon-file-all.tiny {
    background-position: 0 -220px
}

.icon-file-all.small {
    background-position: 0 -36px
}

.icon-file-all.medium {
    background-position: 0 -64px
}

.icon-file-all.large {
    background-position: 0 -80px
}

.icon-prize-star {
    background: url(../../img/icon/prize_star.png?12b4caab9e358e5f) no-repeat;
    width: 23px;
    height: 23px
}

.icon-prize-tip {
    background: url(../../img/icon/prize_tip.png?6f7612d637116f7f) no-repeat;
    width: 50px;
    height: 25px
}

.icon-call {
    cursor: pointer;
    width: 84px;
    height: 22px;
    background: url(../../img/icon/call.png?778974f6edddfd83) no-repeat
}

.icon-call:hover {
    background-position: 0 -22px
}

.invite-dialog .title,.invite-dialog .invite,.invite-dialog .telephone {
    margin-left: 30px
}

.invite-dialog .invite {
    margin-top: 5px
}

.invite-dialog .invite input {
    width: 160px
}

.invite-dialog .form-block {
    font-size: 12px
}

.invite-result-dialog .wrapper {
    zoom:1}

.invite-result-dialog .wrapper:before,.invite-result-dialog .wrapper:after {
    content: " ";
    display: table
}

.invite-result-dialog .wrapper:after {
    clear: both
}

.invite-result-dialog i,.invite-result-dialog .msg-content {
    float: left
}

.invite-result-dialog i {
    color: #6287d5;
    font-size: 26px
}

.invite-result-dialog .msg-content {
    margin-left: 30px
}

.invite-result-dialog .msg-content .phone {
    color: #6287d5
}

.invite-result-dialog .msg-content .msg-content-time {
    color: #ccc;
    margin-top: 40px
}

.service-hotline-dialog .header {
    vertical-align: middle;
    font-size: 24px;
    margin-bottom: 20px
}

.service-hotline-dialog .header .icon {
    color: #f90;
    margin-right: 8px;
    font-size: 30px;
    vertical-align: middle
}

.service-hotline-dialog .header,.service-hotline-dialog .confirm {
    text-align: center
}

.service-hotline-dialog .confirm {
    margin-top: 20px
}

#header {
    background-color: #fff;
    position: relative;
    z-index: 1;
    width: 100%
}

#header .wrapper {
    zoom:1;height: 90px;
    margin: 0 auto;
    position: relative;
    width: 1100px
}

#header .wrapper:before,#header .wrapper:after {
    content: " ";
    display: table
}

#header .wrapper:after {
    clear: both
}

#header .city {
    width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 156px;
    top: 25px;
    padding-left: 8px;
    border-left: 1px solid #ddd
}

#header .city strong {
    color: #3d3d3d;
    font-weight: 700
}

#header .city-trigger {
    cursor: pointer;
    color: #ccc;
    font-size: 12px
}

#header .city-trigger a {
    color: #9d9d9d
}

#header .city-trigger a:hover {
    color: #f90
}

#header .city-name {
    color: #3d3d3d;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    font-family: PingHei,'Hiragino Sans GB','Microsoft YaHei',arial,sans-serif;
    position: relative;
    margin: 0 10px
}

#header .city-name:before {
    background-color: #ddd;
    content: '';
    cursor: default;
    position: absolute;
    left: -10px;
    top: 2px;
    width: 1px;
    height: 13px
}

#header .city-name.active {
    color: #f90
}

#header .city-name:first-child:before {
    display: none
}

#header .city-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    padding: 18px 0;
    position: absolute;
    left: 50px;
    top: -35px;
    z-index: 2;
    width: 306px;
    text-align: center;
    box-shadow: 0 0 2px #e5e5e5
}

#header .city-menu:before,#header .city-menu:after {
    border: 6px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px
}

#header .city-menu:before {
    border-right-color: #ccc;
    left: -13px
}

#header .city-menu:after {
    border-right-color: #fff;
    left: -12px
}

#header .city-menu small {
    display: block;
    margin-top: 1em
}

#header .instruction {
    position: absolute;
    top: 88px
}

#header .instruction img {
    width: 158px;
    height: 34px;
    margin-left: 3px
}

#header .instruction .gif {
    display: none
}

#header .search-form {
    position: absolute;
    top: 26px;
    left: 248px
}

#header .search-select-mode .icon-search {
    left: 80px;
    top: 15px
}

#header .search-select-mode .placeholder {
    margin-left: 100px
}

#header .search-select-mode .search-input {
    padding: 8px 0 8px 95px
}

#header .search-tab {
    width: 150px;
    height: 25px;
    font-size: 12px
}

#header .search-tab .tab-item {
    float: left;
    background: #fff;
    color: #3c3c3c;
    width: 50px;
    height: 100%;
    line-height: 25px;
    text-align: center;
    cursor: pointer
}

#header .search-tab .tab-item:hover {
    background: #ffeee5;
    color: #ff5400
}

#header .search-tab .active {
    background: #f90;
    color: #fff
}

#header .search-tab .active:hover {
    background: #f90;
    color: #fff
}

#header .search-select {
    width: 68px;
    height: auto;
    position: absolute;
    overflow: hidden;
    border: 1px solid #dedede;
    border-top: none;
    font-size: 12px;
    z-index: 3;
    background: #f5f5f5;
    top: 2px;
    left: 2px
}

#header .search-select .cur-item {
    width: 68px;
    height: 30px;
    float: left;
    padding-left: 15px;
    line-height: 30px;
    cursor: pointer;
    position: relative
}

#header .search-select .cur-item .icon {
    position: absolute;
    right: 8px;
    top: 10px;
    cursor: pointer
}

#header .search-select .select-list {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#header .search-select li {
    width: 100%;
    height: 30px;
    padding-left: 15px;
    line-height: 30px;
    cursor: pointer;
    color: #6d6d6d;
    background: #fff
}

#header .search-select li:hover {
    background: #f5f5f5
}

#header .placeholder-wrappers {
    background-color: #fff;
    display: inline-block;
    position: relative
}

#header .search-input {
    border: 3px solid #f90;
    border-right: none;
    line-height: 21px;
    width: 615px;
    height: 43px;
    padding: 8px 0 8px 28px;
    vertical-align: top;
    border-radius: 0;
    font-size: 12px
}

#header .btn {
    background-color: #f90;
    outline: 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    height: 43px;
    font-size: 20px;
    margin: 0;
    padding: 0 26px;
    border-radius: 0;
    letter-spacing: 3px;
    vertical-align: top
}

#header .btn:hover {
    background-color: #e68a00;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

#header .placeholder {
    font-size: 12px;
    padding: 10px 0;
    margin-left: 30px;
    line-height: 1
}

#header .search-hotwords {
    padding: 5px 0;
    font-size: 13px
}

#header .search-hotwords a {
    margin-right: 12px
}

#header .search-hotwords a.active {
    color: #f90
}

#header .search-hotwords .first {
    color: #6d6d6d
}

#header .logo {
    background: url(../../img/logo-release2.png?96e0aea1fb698dc1) no-repeat;
    text-indent: -9999px;
    width: 148px;
    height: 63px;
    position: absolute;
    left: 0;
    top: 16px
}

#header .icon-search {
    color: #999;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 40px;
    z-index: 1
}

#header .search-suggestion {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    font-size: 12px;
    display: none;
    width: 547px;
    box-shadow: 1px 1px 3px #ededed;
    z-index: 3;
    position: absolute;
    left: 69px
}

#header .search-suggestion .sub-menu {
    border-left: 1px solid #ccc;
    background-color: #fafafa;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    min-height: 100%
}

#header .search-suggestion .sub-menu:empty {
    display: none!important
}

#header .search-suggestion .sub-menu strong {
    color: #3d3d3d;
    font-size: 1.2em;
    margin-right: 5px
}

#header .search-suggestion .sub-menu h6,#header .search-suggestion .sub-menu-item,#header .search-suggestion .menu-item {
    display: block;
    padding: 5px 10px
}

#header .search-suggestion .sub-menu h6 {
    padding-top: 8px;
    padding-bottom: 4px
}

#header .search-suggestion .sub-menu-item {
    padding-top: 3px;
    padding-bottom: 3px
}

#header .search-suggestion .sub-menu-item:hover {
    background-color: #f90;
    color: #fff
}

#header .search-suggestion .menu-item {
    cursor: pointer
}

#header .search-suggestion .menu-item.hover,#header .search-suggestion .menu-item.active {
    background-color: #f0f0f0
}

#header .search-suggestion .menu-item.hover .sub-menu,#header .search-suggestion .menu-item.active .sub-menu {
    display: block
}

#header .search-suggestion em {
    font-weight: 700
}

#header .search-suggestion .tag-list {
    padding: 10px 7px
}

#header .search-suggestion .icon-chevron-right {
    color: #ccc;
    margin-left: 5px
}

#header .search-suggestion .tag {
    border: 1px solid #ccc;
    display: inline-block;
    margin: 4px;
    padding: 3px 10px
}

#header .search-suggestion .tag.hot {
    color: red
}

#header .search-suggestion .tag:hover {
    border-color: #f90;
    background-color: #f90;
    color: #fff;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
    -ms-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all
}

#header .teacher-item {
    display: block;
    padding: 20px!important;
    zoom:1}

#header .teacher-item:before,#header .teacher-item:after {
    content: " ";
    display: table
}

#header .teacher-item:after {
    clear: both
}

#header .teacher-item .thumbnail {
    float: left;
    margin-right: 15px
}

#header .teacher-item .org-label {
    margin-right: 5px
}

#header .teacher-item .medal {
    margin-left: 5px;
    vertical-align: middle
}

#header .teacher-name {
    font-size: 1.2em;
    font-weight: 700;
    margin-right: 10px
}

#header .teacher-course {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px
}

#header .teacher-course .icon-book-o {
    margin-right: 10px;
    color: #ccc;
    font-size: 16px;
    vertical-align: text-bottom
}

#header .teacher-title,#header .teacher-slogan,#header .teacher-course,#header .org-title,#header .org-slogan,#header .org-tags {
    display: block;
    margin: 5px 0
}

#header .org-item {
    display: block;
    padding: 20px!important;
    position: relative;
    zoom:1}

#header .org-item:before,#header .org-item:after {
    content: " ";
    display: table
}

#header .org-item:after {
    clear: both
}

#header .org-item .thumbnail {
    float: left;
    margin-right: 15px
}

#header .org-item .label-default {
    margin-right: 10px
}

#header .org-item .dashboard {
    position: absolute;
    right: 30px;
    top: 25px
}

#header .org-item .dashboard>span {
    display: block;
    margin-bottom: 5px
}

#header .org-item .dashboard .icon {
    font-size: 1.3em;
    margin-right: 5px;
    vertical-align: middle
}

#header .org-slogan {
    max-width: 24em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#header .app-qrcode {
    margin-top: 12px;
    float: right;
    position: relative
}

#header .app-qrcode img {
    height: 96px;
    width: 114px
}

#header .app-qrcode .close {
    height: 20px;
    width: 20px;
    cursor: pointer;
    position: absolute
}

#header .feature-box {
    float: right;
    position: relative;
    top: 32px;
    font-size: 12px;
    color: #9d9d9d;
    margin-right: 27px
}

#header .feature-box li {
    float: left;
    text-align: center;
    margin-left: 20px
}

#header .feature-box .certification {
    display: inline-block
}

#header .feature-box .icon {
    background: url(../../img/main/feature.png?a5cae87c91c79970) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 2px
}

#header .feature-box .teacher-sign {
    background-position: 0 0
}

#header .feature-box .keep-back {
    background-position: -61px 0
}

#header .feature-box .real-comment {
    background-position: -120px 0
}

#header .feature-box a:hover {
    color: #6d6d6d
}

#flotage-top {
    right: 0!important
}

#flotage-bottom .wrapper {
    right: 0!important
}

#nav {
    background-color: #464659
}

#nav .wrapper {
    width: 1100px;
    margin: 0 auto;
    zoom:1}

#nav .wrapper:before,#nav .wrapper:after {
    content: " ";
    display: table
}

#nav .wrapper:after {
    clear: both
}

#nav .nav-item {
    color: #ccc;
    float: left;
    font-family: PingHei,'Hiragino Sans GB','Microsoft YaHei',arial,sans-serif;
    height: 43px;
    line-height: 43px
}

#nav .nav-item.active {
    background-color: #262c42;
    color: #fff;
    cursor: text;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dialog-qrcode .column {
    display: inline-block;
    *display: inline;
    *zoom:1;width: 318px
}

.dialog-qrcode .column+.column {
    margin-left: 85px
}

.dialog-qrcode .subscribe {
    color: #56b02a
}

.dialog-qrcode .service {
    color: #f90
}

.dialog-qrcode h4 {
    font-size: 22px
}

.dialog-qrcode p {
    margin-top: 5px;
    font-size: 12px
}

.dialog-qrcode h4,.dialog-qrcode p {
    text-align: center
}

.dialog-qrcode img {
    width: 727px;
    height: 321px
}

.inner-link-wrapper {
    border-top: solid 1px #e6e6e6;
    padding: 15px 0 45px
}

.inner-link-wrapper .inner-link {
    width: 1100px;
    margin: 15px auto;
    padding: 0 42px;
    display: none
}

.inner-link-wrapper .inner-link.open {
    display: block
}

.inner-link-wrapper .inner-link .inner-title {
    height: 25px;
    line-height: 25px;
    font-weight: 700;
    overflow: hidden
}

.inner-link-wrapper .inner-link .inner-title .inner-action {
    margin-right: 10px;
    float: right;
    color: #9d9d9d;
    font-size: 12px;
    font-weight: 400
}

.inner-link-wrapper .inner-link .inner-title .inner-action .open-action {
    display: inline-block
}

.inner-link-wrapper .inner-link .inner-title .inner-action .close-action {
    display: none
}

.inner-link-wrapper .inner-link .inner-title .inner-action .icon {
    font-size: 12px
}

.inner-link-wrapper .inner-link .inner-title .inner-action.close .open-action {
    display: none
}

.inner-link-wrapper .inner-link .inner-title .inner-action.close .close-action {
    display: inline-block
}

.inner-link-wrapper .inner-link .inner-link-content {
    margin-top: 5px
}

.inner-link-wrapper .inner-link .inner-link-content .inner-link-item {
    display: inline-block;
    margin: 5px 20px 5px 0
}

.inner-link-wrapper .inner-link .letter-list .letter {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: solid 1px #ccc;
    background: #fff;
    margin-right: 5px;
    cursor: pointer
}

.inner-link-wrapper .inner-link .letter-list .letter:hover,.inner-link-wrapper .inner-link .letter-list .letter.active {
    color: #fff;
    background: #f90;
    border-color: #f90
}

.inner-link-wrapper .inner-link .letter-content-wrapper .letter-content {
    display: none
}

.inner-link-wrapper .inner-link .letter-content-wrapper .letter-content.active {
    display: block
}

.inner-link-wrapper .inner-link .inner-link-list {
    margin: 0 -10px;
    overflow: hidden;
    white-space: nowrap;
    height: 31px
}

.inner-link-wrapper .inner-link .inner-link-list .inner-link-item {
    margin: 5px 0;
    padding: 0 10px;
    float: left
}

.inner-link-wrapper .inner-link .inner-link-list.open {
    height: auto
}

body {
    background-color: #f5f5f5;
    color: #6d6d6d;
    font-size: 14px;
    font-family: PingHei,'Hiragino Sans GB','Microsoft YaHei',arial,sans-serif;
    line-height: 1.5;
    min-width: 1100px
}

a {
    color: #6d6d6d;
    text-decoration: none
}

a:hover {
    color: #f90;
    -webkit-transition: color .1s;
    -moz-transition: color .1s;
    -ms-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s
}

a:focus {
    outline: 0
}

h1,h2,h3,h4,h5,h6,i,a,ul,ol,li,span,form,input,label,table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

small {
    font-size: 12px
}

#main {
    zoom:1;margin: 16px auto;
    width: 1100px
}

#main:before,#main:after {
    content: " ";
    display: table
}

#main:after {
    clear: both
}

#sidebar {
    width: 180px
}

#content {
    width: 900px
}

#content .card-body {
    min-height: 420px
}

#flotage-middle {
    z-index: 5;
    position: fixed;
    bottom: 200px;
    right: 7px
}

#flotage-middle .flotage-app {
    width: 112px;
    height: 128px;
}

#flotage-middle .icon {
    position: absolute;
    right: 0;
    top: -20px;
    padding: 3px;
    background-color: #dcdcdc;
    color: #3d3d3d;
    border-radius: 3px 3px 0 0;
    cursor: pointer
}


img.img-loading {
    background: url(../../img/loading.gif?514f5438341abf40) no-repeat center center
}

.round-list {
    position: relative;
    width: 1064px;
    height: 420px;
    margin: 0 auto
}

.round-list .icon {
    font-size: 40px;
    color: #fdc43f;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.round-list .round-item {
    position: absolute;
    width: 295px;
    border-radius: 5px;
    cursor: pointer
}

.round-list .round-item .round-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.round-list .round-item .round-bg img {
    display: block;
    width: 100%;
    height: 100%
}

.round-list .round-item .round-content {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%
}

.round-list .round-item .round-title {
    height: 2.83em;
    line-height: 2.83em;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: 700
}

.round-list .round-item .round-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 6px;
    background: rgba(0,0,0,.1)
}

.round-list .round-item .round-body {
    margin-top: .7em
}

.round-list .round-item .round-body .round-body-item {
    margin: .5em auto;
    height: 2.25em;
    line-height: 2.25em;
    width: 6.7em;
    border-radius: 2.25em;
    background: #e35d10;
    color: #fff;
    font-size: .83em;
    cursor: pointer;
    text-align: center
}

.round-list .round-item.disabled .round-mask {
    z-index: 20
}

.round-list .round-item.first {
    width: 204px;
    height: 284px;
    left: 48px;
    top: 68px;
    font-size: 17px;
    z-index: 40
}

.round-list .round-item.second {
    width: 246px;
    height: 348px;
    left: 200px;
    top: 30px;
    font-size: 20px;
    z-index: 70
}

.round-list .round-item.third {
    width: 295px;
    height: 420px;
    left: 384px;
    top: 0;
    font-size: 24px;
    z-index: 100
}

.round-list .round-item.four {
    width: 246px;
    height: 348px;
    left: 616px;
    top: 30px;
    font-size: 20px;
    z-index: 70
}

.round-list .round-item.five {
    width: 204px;
    height: 284px;
    left: 810px;
    top: 68px;
    font-size: 17px;
    z-index: 40
}

.round-list .round-prev {
    position: absolute;
    left: 0;
    top: 200px;
    z-index: 100;
    font-size: 20px
}

.round-list .round-next {
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 100
}

#ravebanner {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    overflow: hidden;
    background: #fba531 url(http://img.gsxservice.com/0cms/d/file/content/2015/05/556281ad2f90f.jpg) no-repeat center 0;
    cursor: pointer
}

#ravebanner.hiderave {
    min-height: 74px;
    padding: 0;
    filter: none;
    -ms-filter: none;
    background: #f43837
}

#ravebanner.hiderave .banner-img {
    display: block;
    margin: 0 auto
}

#ravebanner.hiderave .main-wrapper {
    display: none
}

#ravebanner .icon-close {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: rgba(0,0,0,.1)
}

#ravebanner .banner-img {
    display: none
}

#ravebanner .main-wrapper {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding-top: 1px
}

#ravebanner .main-wrapper .back-main {
    position: absolute;
    top: -210px;
    left: 880px;
    color: #ffff41
}

#ravebanner .main-wrapper .anchor {
    position: absolute;
    width: 147px;
    height: 147px;
    z-index: 30
}

#ravebanner .main-wrapper .anchor.excellent_course {
    left: 700px;
    top: 450px;
    background: url(../../img/rave/excellent_course.png?e545150e0da0a477) no-repeat center
}

#ravebanner .main-wrapper .anchor.get_coupon {
    left: 550px;
    top: 470px;
    background: url(../../img/rave/get_coupon.png?dccc50b2ae5a07bc) no-repeat center
}

#ravebanner .main-wrapper .anchor.crazy_discount {
    left: 250px;
    top: 450px;
    background: url(../../img/rave/crazy_discount.png?16c2442fa3368aac) no-repeat center
}

#ravebanner .main-wrapper .anchor.sec_kill {
    left: 400px;
    top: 470px;
    background: url(../../img/rave/sec_kill.png?28c82d9dcc43f43e) no-repeat center
}

#ravebanner .main-wrapper .rave {
    margin-top: 759px
}

.main-category {
    float: left;
    width: 212px;
    overflow: visible
}

.main-category h3 {
    color: #fff;
    font-size: 16px;
    padding: 7px 18px 6px;
    background-color: #f90
}

.main-category h3 .icon {
    margin-left: 86px
}

.main-category h3 a {
    color: #fff;
    margin-left: -2px
}

.main-category-popup .main-category-list {
    display: block
}

.main-category-list {
    display: none;
    border: 2px solid #f90;
    border-top: 0;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    height: 470px
}

.main-category-list .main-category-level1 {
    position: relative;
    width: 208px;
    line-height: 19px
}

.main-category-list .main-category-level1 .title {
    margin: 0 14px;
    padding: 7px 0;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #eee
}

.main-category-list .main-category-level1 .title ul {
    zoom:1}

.main-category-list .main-category-level1 .title ul:before,.main-category-list .main-category-level1 .title ul:after {
    content: " ";
    display: table
}

.main-category-list .main-category-level1 .title ul:after {
    clear: both
}

.main-category-list .main-category-level1 .title ul li {
    float: left;
    margin-right: 5px
}

.main-category-list .main-category-level1 a {
    color: #3d3d3d
}

.main-category-list .main-category-level1 .children a:hover span,.main-category-list .main-category-level1 h4 a:hover span {
    text-decoration: underline
}

.main-category-list .main-category-level1 h4>a,.main-category-list .main-category-level1 h4>.level1-more {
    font-size: 14px;
    font-weight: 700
}

.main-category-list .main-category-level1 h4 .level1-more {
    cursor: default
}

.main-category-list .main-category-level1 .children>a {
    font-size: 12px;
    color: #6d6d6d
}

.main-category-list .main-category-level1 p {
    font-size: 12px
}

.main-category-list .main-category-level1 p a {
    margin-right: 9px
}

.main-category-list .main-category-level1:hover {
    background-color: #ff7f00
}

.main-category-list .main-category-level1:hover .title {
    border-bottom: 1px solid transparent
}

.main-category-list .main-category-level1:hover a,.main-category-list .main-category-level1:hover .level1-more {
    color: #fff
}

.main-category-list .main-category-level1:hover .main-category-level2 a {
    color: #3d3d3d
}

.main-category-list .main-category-level1:hover .main-category-level2 a:hover {
    color: #f90
}

.main-category-list .first {
    padding-top: 7px
}

.main-category-list .last {
    height: 37px;
    line-height: 1
}

.main-category-list .last .title {
    border-bottom: none
}

.main-category-list .last .main-category-level2 {
    top: -89px
}

.main-category-list .main-category-future {
    margin-left: 39px
}

.main-category-list .main-category-future a {
    color: #6d6d6d
}

.main-category-list .icon-chevron-right {
    color: #ccc;
    position: absolute;
    right: -10px;
    top: 10px
}

.main-category-level2 {
    position: absolute;
    top: 0;
    left: 208px;
    display: none;
    width: 544px;
    background: #fff;
    z-index: 1;
    border: 2px solid #ff7f00;
    padding: 10px;
    zoom:1;filter: alpha(opacity=98);
    -moz-opacity: .98;
    -khtml-opacity: .98;
    opacity: .98
}

.main-category-level2:before,.main-category-level2:after {
    content: " ";
    display: table
}

.main-category-level2:after {
    clear: both
}

.main-category-level2 a {
    font-size: 12px!important
}

.main-category-level2 .split {
    background-color: #ddd;
    height: 1px;
    margin: 2px 0
}

.main-category-level2 dl {
    zoom:1}

.main-category-level2 dl:before,.main-category-level2 dl:after {
    content: " ";
    display: table
}

.main-category-level2 dl:after {
    clear: both
}

.main-category-level2 dt,.main-category-level2 dd {
    float: left;
    margin-top: 4px
}

.main-category-level2 dt {
    width: 15%
}

.main-category-level2 dt a {
    width: 85px;
    text-align: right;
    padding-right: 5px;
    font-weight: 500;
    color: #f90!important;
    float: right;
    font-size: 12px
}

.main-category-level2 dt a:hover {
    text-decoration: underline
}

.main-category-level2 dd {
    margin-bottom: 4px;
    margin-top: 4px;
    cursor: default;
    line-height: 17px;
    width: 85%
}

.main-category-level2 dd a {
    border-left: 1px solid #ddd;
    padding: 0 6px;
    display: inline-block;
    *display: inline;
    *zoom:1;white-space: nowrap;
    font-weight: 400;
    color: #6d6d6d!important;
    margin: 1px 0
}

.main-category-level2 dd a:hover {
    color: #f90!important;
    text-decoration: underline
}

.main-category-level2 .more {
    margin: 0 10px
}

.main-category-level2 .more ul {
    zoom:1;border-bottom: 1px dotted #ddd;
    padding: 10px 0;
    width: 100%
}

.main-category-level2 .more ul:before,.main-category-level2 .more ul:after {
    content: " ";
    display: table
}

.main-category-level2 .more ul:after {
    clear: both
}

.main-category-level2 .more li {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 24px
}

.main-category-level2 .more li a {
    font-size: 14px!important;
    color: #3d3d3d
}

.main-category-level2 .more li a:hover {
    text-decoration: underline
}

.main-category-level2 .more p {
    margin: 10px 0;
    text-align: center
}

.main-category-level2 .more p a {
    color: #f90!important;
    font-size: 14px!important;
    text-decoration: underline;
    margin-left: 2px
}

.main-category-level2 .hidden {
    display: none
}

.main-category-level2 .hide {
    display: none
}

.main-category-level2 .show {
    display: inline-block;
    *display: inline;
    *zoom:1}

#nav {
    background: #fff;
    padding-top: 4px
}

#nav .wrapper {
    zoom:1;height: 37px
}

#nav .wrapper:before,#nav .wrapper:after {
    content: " ";
    display: table
}

#nav .wrapper:after {
    clear: both
}

#nav .nav-items li {
    font-size: 16px;
    font-weight: 600
}

#nav .nav-items .nav-process {
    font-size: 13px
}

#nav .nav-items a {
    color: #3d3d3d
}

#nav .nav-items a:hover {
    color: #f90
}

#nav .nav-items .nav-process a {
    color: #6287d5
}

#nav .nav-items .nav-process i {
    padding-right: 4px
}

.nav-items {
    zoom:1;height: 39px;
    margin-left: 222px;
    border-bottom: solid 2px #f90;
    padding-left: 26px;
    line-height: 39px
}

.nav-items:before,.nav-items:after {
    content: " ";
    display: table
}

.nav-items:after {
    clear: both
}

.nav-items li {
    float: left;
    width: 114px;
    font-size: 18px;
    letter-spacing: 0
}

.nav-items li:first-child {
    width: 80px
}

.nav-items li+li {
    margin-left: 5px
}

.nav-items .nav-process {
    float: right;
    width: auto;
    line-height: 1;
    padding-top: 10px;
    padding-right: 4px
}

.nav-items .nav-process .icon-camera {
    font-size: 20px;
    position: relative;
    color: #6287d5;
    top: 4px
}

.nav-items .nav-process:hover {
    text-decoration: underline
}

.nav-items a.active {
    color: #f90!important
}

.nav-items .privilege {
    width: 51px;
    height: 15px;
    position: relative;
    left: 0;
    top: 2px;
    display: inline-block;
    background-image: url(/asset/img/main/access-1x.gif);
    background-image: -webkit-image-set(url(/asset/img/main/access-1x.gif) 1x,url(/asset/img/main/access-2x.gif) 2x)
}

.nav-items .privilege-icon {
    float: right;
    margin-right: 25px
}

.mobile-input input[name=mobile] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.mobile-input .tel-code {
    position: absolute;
    top: 13px;
    left: 66px;
    z-index: 2
}

.mobile-input .form-label+.form-controls .tel-code {
    left: 185px
}

.mobile-input .tel-code-select {
    border: 1px solid #ccc;
    background-color: #fff;
    border-right: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    float: left;
    position: relative;
    cursor: pointer
}

.mobile-input .tel-code-select .trigger>div {
    display: inline-block;
    *display: inline;
    *zoom:1}

.mobile-input .tel-code-select .trigger {
    line-height: 34px;
    height: 34px;
    width: 54px
}

.mobile-input .tel-code-select .trigger .icon-region-flag {
    margin-left: 15px
}

.mobile-input .tel-code-select .flag {
    width: 25px;
    height: 17px
}

.mobile-input .tel-code-select .icon-caret-down {
    position: absolute;
    right: 2px;
    top: 10px
}

.mobile-input .tel-code-select .dropdown-menu {
    width: 323px;
    top: 35px;
    left: -1px;
    text-align: left
}

.mobile-input .tel-code-select .dropdown-menu li {
    position: relative
}

.mobile-input .tel-code-select .icon-region-flag {
    background: url(../../img/icon/region_flags.png?e597b01b676e89d4) no-repeat;
    width: 16px;
    height: 11px;
    margin-right: 5px
}

.mobile-input .tel-code-select .alphabet {
    background-color: #e4e4e4;
    color: #3d3d3d;
    font-weight: 700
}

.mobile-input .tel-code-select .more {
    background-color: #f2f2f2;
    color: #3d3d3d
}

.mobile-input .voice-code {
    display: none;
    margin-left: 110px
}

.mobile-input .voice-code span {
    color: #6287d5
}

.mobile-input .voice-code span:hover {
    color: #f90
}

.mobile-input .disable-international .tel-code-select,.mobile-input .disable-international .tel-code {
    display: none
}

.mobile-input .disable-international .icon-mobile {
    display: block
}

.mobile-input .disable-international input[name=mobile] {
    padding-left: 12px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.mobile-input .disable-international .icon-mobile+input[name=mobile] {
    padding-left: 24px
}

.mobile-input .enable-international .tel-code-select,.mobile-input .enable-international .tel-code {
    display: block
}

.mobile-input .enable-international .icon-mobile {
    display: none
}

.mobile-input .enable-international .placeholder {
    left: 50px
}

.mobile-input .enable-international input[name=mobile] {
    padding-left: 66px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.hidden {
    display: none
}

.login-form[data-login=password] .form-password {
    display: block
}

.login-form[data-login=password] .form-sms,.login-form[data-login=password] .form-wechat {
    display: none
}

.login-form[data-login=password] .btn-link[data-way=password] {
    color: #f90
}

.login-form[data-login=wechat] #login-mobile,.login-form[data-login=wechat] .form-password,.login-form[data-login=wechat] .form-sms,.login-form[data-login=wechat] .remember-me,.login-form[data-login=wechat] .form-action {
    display: none
}

.login-form[data-login=wechat] .form-wechat {
    display: block
}

.login-form[data-login=wechat] .btn-link[data-way=wechat] {
    color: #f90
}

.login-form[data-login=sms] .form-password,.login-form[data-login=sms] .form-wechat {
    display: none
}

.login-form[data-login=sms] .form-sms,.login-form[data-login=sms] .sms-prompt {
    display: block
}

.login-form[data-login=sms] .btn-link[data-way=sms] {
    color: #f90
}

.login-form .login-way-switch {
    margin-bottom: 10px
}

.login-form .login-way-switch .icon {
    margin-right: 2px;
    vertical-align: text-top
}

.login-form .login-way-switch .icon-wechat-o,.login-form .login-way-switch .icon-mobile-o {
    font-size: 1.2em
}

.login-form .placeholder-wrapper {
    display: block
}

.login-form .form-sms .placeholder-wrapper {
    display: inline-block;
    *display: inline;
    *zoom:1}

.login-form .form-text {
    width: 100%;
    padding-left: 24px
}

.login-form .form-body {
    padding: 18px 30px
}

.login-form .form-wechat {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.login-form .form-wechat .help,.login-form .form-wechat .scan {
    cursor: pointer;
    margin-top: 10px
}

.login-form #wechat-login {
    padding-top: 21px
}

.login-form .wechat-help {
    background: url(../../img/static/wechat-scan.jpg?b4a24328c518d332) no-repeat 50%;
    display: none;
    height: 186px
}

.login-form .form-controls .icon-mobile,.login-form .form-controls .icon-lock {
    position: absolute;
    left: 6px;
    top: 16px
}

.login-form .form-radios {
    width: 100%
}

.login-form .form-radios label {
    display: inline-block;
    *display: inline;
    *zoom:1;width: 50%;
    text-align: center;
    padding: 11px 0;
    cursor: pointer;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 16px
}

.login-form .form-radios label.active {
    border: 0;
    background: #fff;
    cursor: text;
    color: #f90
}

.login-form .form-radios input[type=radio] {
    display: none
}

.login-form .form-password,.login-form .form-sms,.login-form .form-action {
    margin-top: 5px
}

.login-form .form-auxlinks {
    margin-top: 10px;
    text-align: right;
    zoom:1;font-size: .8em;
    color: #ccc
}

.login-form .form-auxlinks:before,.login-form .form-auxlinks:after {
    content: " ";
    display: table
}

.login-form .form-auxlinks:after {
    clear: both
}

.login-form .form-auxlinks i {
    margin: 5px;
    position: relative;
    bottom: 1px
}

.login-form .form-auxlinks .form-signup {
    color: #f90;
    cursor: pointer
}

.login-form .form-auxlinks .form-feedback {
    color: #ccc
}

.login-form .form-auxlinks .form-switch-international {
    margin-top: 10px;
    color: #3d3d3d
}

.login-form .form-auxlinks .form-switch-international b {
    cursor: pointer
}

.login-form .form-auxlinks .form-switch-international b:hover {
    color: #f90
}

.login-form .form-forget {
    float: left;
    color: #f90;
    cursor: pointer
}

.login-form .form-block.captcha img {
    width: 54px;
    height: 22px
}

.login-form .form-block.captcha input {
    width: 182px
}

.login-form .form-block.captcha .input-group-addon {
    background-color: #fff;
    line-height: 0
}

.login-form .form-block.captcha .form-hint {
    text-align: right
}

.login-form .form-block.captcha .form-hint span {
    color: #6287d5
}

.login-form .form-sms .form-text {
    width: 138px;
    padding-left: 7px
}

.login-form .form-sms .btn-info {
    width: 155px;
    height: 38px;
    margin-left: 14px
}

.login-form .form-sms .placeholder {
    padding-left: 7px
}

.login-form .sms {
    padding-left: 7px
}

.login-form .btn-link,.login-form .btn-link:hover {
    border: none
}

.login-form .sms-prompt {
    display: none;
    text-align: center
}

.login-form .sms-prompt .icon {
    margin-right: 10px
}

.login-form .mobile-input .enable-international input[name=mobile] {
    width: 268px
}

.login-form .voice-code-link .btn-link {
    font-size: 12px;
    color: #6287d5
}

.login-form .voice-code-link .btn-link:hover {
    color: #f90
}

.login-form .voice-code-link span {
    padding-top: 0
}

.login-form .login-way {
    color: #666
}

.login-form .login-way b {
    cursor: pointer;
    margin-left: 16px
}

.login-form .login-way b:first-child {
    margin-left: 0
}

.login-form .sns-login {
    border-top: 1px solid #e9e9e9;
    margin-top: 10px;
    padding-top: 20px;
    text-align: center
}

.login-form .sns-login h5 {
    color: #333;
    margin-bottom: 10px
}

.login-form .sns-login .icon {
    margin-left: 14px;
    font-size: 1.5em;
    cursor: pointer
}

.login-form .sns-login .icon:first-child {
    margin-left: 0
}

.login-form .sns-login .icon-wechat-circle {
    color: #54b207
}

.login-form .sns-login .icon-qq-circle {
    color: #009ed8
}

.login-form .sns-login .icon-alipay-circle {
    color: #ee6a18
}

.login-form .sns-login .icon-weibo-circle {
    color: #d45451
}

.login-form .sns-login .icon-renren-circle {
    color: #2276a2
}

.login-dialog .dialog-header {
    display: none
}

.login-dialog .dialog-header h1 {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.login-dialog .dialog-close {
    right: -30px;
    top: 0;
    background: #333;
    background: rgba(0,0,0,.5)
}

.login-dialog .dialog-body {
    padding: 0
}

.login-dialog .login-way-switch {
    display: none
}

body {
    background-color: #fff
}

#site-nav .wrapper {
    width: 1190px
}

#flotage-top {
    display: none
}

#flotage-bottom .wrapper {
    right: 0
}

#flotage-middle .flotage-app {
    display: none
}

.close {
    display: none
}

.class-wrapper {
    width: 1190px;
    margin: 0 auto;
    zoom:1;line-height: 0
}

.class-wrapper:before,.class-wrapper:after {
    content: " ";
    display: table
}

.class-wrapper:after {
    clear: both
}

#header {
    background: #f72862;
    height: 60px;
    line-height: 60px
}

#header .wrapper {
    width: 1190px;
    margin: 0 auto;
    height: 60px
}

#header .wrapper .city {
    position: static;
    float: left;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    padding-left: 14px;
    top: 10px;
    color: #fff
}

#header .wrapper .privilege-slogan {
    float: left;
    margin-top: 10px;
    width: 236px;
    height: 41px
}

#header .wrapper .privilege-slogan img {
    display: block
}

#header .wrapper .privilege-logo {
    float: left;
    margin: 10px 14px 10px 0;
    width: 124px;
    height: 34.5px
}

#header .wrapper .privilege-logo img {
    display: block
}

#header .privilege-nav {
    float: left;
    margin-left: 24px;
    overflow: hidden
}

#header .privilege-nav .privilege-nav-item {
    float: left;
    margin-right: 10px
}

#header .privilege-nav .privilege-nav-item a {
    display: inline-block;
    font-size: 16px;
    width: 72px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    text-align: center;
    color: #fff
}

#header .privilege-nav .privilege-nav-item a:hover {
    background: #fff;
    font-weight: 700;
    color: #f72862
}

#header .privilege-nav .privilege-nav-item.active a {
    background: #fff;
    font-weight: 700;
    color: #f72862
}

#header .privilege-stamp {
    float: right
}

#header .privilege-stamp .privilege-certification {
    float: left;
    margin-left: 16px;
    color: #fff
}

#header .privilege-stamp .privilege-certification a {
    display: block;
    color: inherit
}

#header .privilege-stamp .privilege-certification img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px
}

#header.nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.banner {
    overflow: hidden
}

.banner .promotion-slider-container {
    margin: 0 auto;
    width: 1190px;
    height: 390px;
    margin-bottom: 2px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.banner .promotion-slider-container .promotion-slideritem img {
    display: block
}

.banner .promotion-slider-container .promotion-slideritem .mask {
    width: 100%;
    height: 390px;
    position: relative;
    top: -390px;
    z-index: 10;
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.banner .promotion-slider-container .promotion-slideritem.active .mask {
    display: none
}

.banner .promotion-slider-left,.banner .promotion-slider-right {
    color: #fff;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    text-align: center
}

.banner .promotion-slider-left:hover,.banner .promotion-slider-right:hover {
    opacity: .6;
    filter: alpha(opacity=60)
}

.banner .promotion-slider-left {
    left: 12px
}

.banner .promotion-slider-left i {
    position: relative;
    top: 2px;
    right: 1px
}

.banner .promotion-slider-right {
    right: 12px
}

.banner .promotion-slider-right i {
    position: relative;
    top: 2px;
    left: 1px
}

.banner .promotion-slider {
    position: absolute;
    zoom:1}

.banner .promotion-slider:before,.banner .promotion-slider:after {
    content: " ";
    display: table
}

.banner .promotion-slider:after {
    clear: both
}

.banner .promotion-slider a {
    display: block
}

.banner .promotion-slider li {
    float: left;
    height: 390px
}

.banner .promotion-slider-nav {
    display: inline-block;
    zoom:1;margin-top: 360px
}

.banner .promotion-slider-nav:before,.banner .promotion-slider-nav:after {
    content: " ";
    display: table
}

.banner .promotion-slider-nav:after {
    clear: both
}

.banner .promotion-slider-nav li {
    float: left
}

.banner .promotion-slider-nav span {
    display: block;
    color: #fff;
    border-radius: 12px;
    border: solid 1px #fff;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    opacity: .9;
    cursor: pointer
}

.banner .promotion-slider-nav span.active {
    opacity: 1;
    background: #fff;
    position: relative
}

.banner.fixed-nav {
    margin-top: 61px
}

.week-content {
    float: right;
    width: 389px;
    height: 390px;
    background-color: #fff;
    line-height: 1.6;
    position: relative
}

.week-content .week-bg {
    background: url(../../img/activity/privilege/privilege.png?91ea1f9d6c4d1061);
    width: 117px;
    height: 57px;
    position: absolute;
    top: -2px;
    left: 20px;
    z-index: 1
}

.week-content .week-header {
    height: 32px;
    background-color: #ffaac1;
    padding-left: 35px;
    position: relative
}

.week-content .week-details {
    height: 291px;
    padding-top: 38px;
    padding-left: 20px;
    padding-right: 21px;
    line-height: 1.6
}

.week-content .week-details .week-title {
    font-size: 22px;
    font-weight: 700
}

.week-content .week-details .week-title a {
    color: #3d3d3d
}

.week-content .week-details .course-intro {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    margin-top: 9px;
    margin-bottom: 21px
}

.week-content .week-details .course-intro span {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600
}

.week-teacher {
    width: 100%
}

.week-teacher .thumbnail img {
    width: 80px;
    height: 80px
}

.week-teacher .thumbnail:after {
    width: 78px!important;
    height: 78px!important
}

.week-teacher .teacher-intro {
    color: #3d3d3d;
    display: inline-block;
    margin-left: 16px;
    width: 251px;
    vertical-align: top
}

.week-teacher .teacher-intro .teacher-name {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 700
}

.week-teacher .teacher-intro p {
    font-size: 14px;
    color: #6d6d6d
}

.week-teacher .teacher-intro .more {
    color: #6187dc;
    padding-left: 6px
}

.week-amount {
    margin-top: 10px;
    font-size: 14px;
    color: #6d6d6d
}

.week-amount .pay-num1 {
    color: #f72862;
    font-size: 20px;
    font-weight: 700
}

.week-amount span {
    font-size: 13px
}

.week-button {
    background-color: #ffc427;
    width: 100%;
    height: 75px;
    line-height: 75px;
    padding-left: 20px;
    padding-right: 21px;
    position: absolute;
    bottom: 0
}

.week-button .order {
    color: #903808;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    padding-left: 20px;
    top: 0;
    right: 22px
}

.week-button .order:before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    border: 1px dashed #000;
    height: 53px
}

.week-button .free {
    color: #3d3d3d;
    font-size: 30px;
    font-weight: 700
}

.week-button .no-free {
    color: #f72862
}

.week-button .price .class-symbol {
    font-size: 18px
}

.week-button .price .class-price {
    font-size: 36px;
    font-weight: 700
}

.class-common {
    margin-top: 30px
}

.class-common .title {
    line-height: 33px;
    position: relative;
    border-bottom: 2px solid #f72862
}

.class-common .title strong {
    font-size: 18px;
    font-weight: 700;
    color: #f72862
}

.class-common .title span {
    color: #9d9d9d;
    font-size: 12px;
    margin-left: 10px
}

.class-list {
    zoom:1;margin-left: -10px;
    margin-top: -10px
}

.class-list:before,.class-list:after {
    content: " ";
    display: table
}

.class-list:after {
    clear: both
}

.class-list li {
    border: 1px solid #ddd;
    float: left;
    line-height: 0;
    width: 390px;
    margin-top: 20px;
    margin-left: 10px
}

.class-list li img {
    width: 388px;
    height: 218px;
    display: block
}

.class-list .class-info {
    zoom:1;padding: 8px 8px 5px 12px;
    line-height: 1.6
}

.class-list .class-info:before,.class-list .class-info:after {
    content: " ";
    display: table
}

.class-list .class-info:after {
    clear: both
}

.class-list .class-info h3 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden
}

.class-list .class-info h3 span {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600
}

.class-list .class-info h3 .schedule-time {
    float: right;
    font-size: 14px;
    font-weight: 400
}

.class-list .class-info h3 .course-name {
    display: inline-block;
    max-width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.class-list .class-info p {
    color: #9d9d9d
}

.class-list .class-info .teacher-name {
    font-size: 14px;
    color: #3d3d3d
}

.live-course .pay-button,.video-course .pay-button,.offline-course .pay-button {
    display: none
}

.live-course li:hover,.video-course li:hover,.offline-course li:hover {
    background-color: #ff7f00;
    border-color: #ff7f00;
    box-shadow: 0 0 0 2px #ff7f00
}

.live-course li:hover .pay-button,.video-course li:hover .pay-button,.offline-course li:hover .pay-button {
    display: block
}

.live-course li:hover .class-num,.video-course li:hover .class-num,.offline-course li:hover .class-num {
    display: none
}

.live-course li:hover h3,.video-course li:hover h3,.offline-course li:hover h3,.live-course li:hover p,.video-course li:hover p,.offline-course li:hover p,.live-course li:hover .price,.video-course li:hover .price,.offline-course li:hover .price,.live-course li:hover .schedule-time,.video-course li:hover .schedule-time,.offline-course li:hover .schedule-time,.live-course li:hover .teacher-name,.video-course li:hover .teacher-name,.offline-course li:hover .teacher-name {
    color: #fff
}

.live-course li:hover .class-info h3 span,.video-course li:hover .class-info h3 span,.offline-course li:hover .class-info h3 span {
    color: #fff
}

.live-course li:hover .pay-info .origin-price,.video-course li:hover .pay-info .origin-price,.offline-course li:hover .pay-info .origin-price {
    color: #fff
}

.live-course li:hover .separate:before,.video-course li:hover .separate:before,.offline-course li:hover .separate:before {
    border-bottom: 20px solid #f90
}

.one2one-course li:hover {
    border: 1px solid #f90;
    box-shadow: 0 0 0 2px #f90;
    background-color: #fffbef
}

.one2one-course li:hover .teacher {
    background-color: #fffbef
}

.one2one-course li:hover .pay-info {
    background-color: #fffbef
}

.one2one-course li:hover .btn {
    background-color: #ffcf43;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff0b2),to(#ffcf43));
    background-image: -webkit-linear-gradient(top,#fff0b2,#ffcf43);
    background-image: -moz-linear-gradient(top,#fff0b2,#ffcf43);
    background-image: linear-gradient(to bottom,#fff0b2,#ffcf43);
    background-repeat: repeat-x;
    border: solid 1px #dc9918;
    color: #ab2b2d
}

.btn {
    background-color: #ffe28f;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff7e0),to(#ffe28f));
    background-image: -webkit-linear-gradient(top,#fff7e0,#ffe28f);
    background-image: -moz-linear-gradient(top,#fff7e0,#ffe28f);
    background-image: linear-gradient(to bottom,#fff7e0,#ffe28f);
    background-repeat: repeat-x;
    width: 100px;
    border-color: #fff0c4;
    border-radius: 2px;
    color: #b78081;
    font-size: 16px;
    text-align: center;
    padding: 3px 0
}

.btn-small {
    background-color: #ffcf43;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff0b2),to(#ffcf43));
    background-image: -webkit-linear-gradient(top,#fff0b2,#ffcf43);
    background-image: -moz-linear-gradient(top,#fff0b2,#ffcf43);
    background-image: linear-gradient(to bottom,#fff0b2,#ffcf43);
    background-repeat: repeat-x;
    border-color: #fee9a0;
    border-radius: 2px;
    font-size: 16px;
    padding: 3px 17px;
    color: #ab2b2d
}

.btn-primary:hover {
    background-color: #fee9a0;
    border-color: #fee9a0
}

.btn-default:hover {
    background-color: #fff0c4;
    border-color: #fee9a0
}

.btn-success:hover {
    background-color: #fee9a0;
    border-color: #fee9a0
}

.pay-info {
    position: relative;
    margin-top: 5px;
    zoom:1}

.pay-info:before,.pay-info:after {
    content: " ";
    display: table
}

.pay-info:after {
    clear: both
}

.pay-info .is-free {
    color: #56b02a;
    font-size: 31px;
    font-weight: 700
}

.pay-info .no-free {
    color: #f72862
}

.pay-info .price .class-symbol {
    font-size: 18px
}

.pay-info .price .class-price {
    font-size: 20px;
    font-weight: 500
}

.pay-info .price .origin-price {
    font-weight: 400;
    font-size: 14px;
    color: #9d9d9d;
    margin-left: 8px;
    text-decoration: line-through
}

.pay-info .class-num {
    position: absolute;
    top: 13px;
    right: 0;
    color: #9d9d9d
}

.pay-info .class-num .pay-num1 {
    color: #f72862;
    font-size: 20px;
    font-weight: 700
}

.pay-info .class-num .pay-num2 {
    color: #56b02a;
    font-size: 20px;
    font-weight: 700
}

.pay-info .class-num span {
    font-size: 12px
}

.pay-info .pay-button {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
    height: 33px;
    line-height: 33px
}

.live-course .class-price,.offline-course .class-price,.video-course .class-price,.live-course .is-free,.offline-course .is-free,.video-course .is-free {
    height: 50px;
    line-height: 50px
}

.badge {
    padding: 8px 28px;
    color: #fff;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    bottom: 10px
}

.badge .icon {
    color: #fff
}

.class-info .learning-num {
    color: #9d9d9d;
    font-size: 9px;
    margin-left: 8px
}

.one2one-course .btn {
    background-color: #fff;
    border-color: #f72862;
    border-radius: 2px;
    color: #f72862;
    background-image: none;
    padding: 3px 0;
    text-align: center
}

.one2one-course li {
    background-color: #fff;
    line-height: 21px
}

.one2one-course .class-symbol {
    font-size: 18px
}

.one2one-course .class-price {
    font-size: 36px;
    font-weight: 700
}

.one2one-course .hour {
    font-size: 18px
}

.one2one-course .title:before {
    border-left: 88px solid #f95535
}

.one2one-course .pay-info {
    padding: 16px 23px 15px;
    zoom:1}

.one2one-course .pay-info:before,.one2one-course .pay-info:after {
    content: " ";
    display: table
}

.one2one-course .pay-info:after {
    clear: both
}

.one2one-course .pay-info .price {
    color: #f72862
}

.one2one-course .pay-button {
    right: 13px
}

.one2one-course .teacher {
    zoom:1;padding-top: 17px;
    padding-left: 30px;
    position: relative
}

.one2one-course .teacher:before,.one2one-course .teacher:after {
    content: " ";
    display: table
}

.one2one-course .teacher:after {
    clear: both
}

.one2one-course .teacher img {
    width: 102px;
    height: 102px;
    border-radius: 50px;
    display: block;
    float: left
}

.one2one-course .teacher .teacher-info {
    display: inline-block;
    margin-left: 30px
}

.one2one-course .teacher .teacher-info a,.one2one-course .teacher .teacher-info p,.one2one-course .teacher .teacher-info h4 {
    color: #3d3d3d
}

.one2one-course .teacher .teacher-info .location {
    color: #6d6d6d
}

.one2one-course .teacher .teacher-info h4 {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700
}

.one2one-course .teacher .teacher-info .name {
    max-width: 180px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.one2one-course .teacher .teaching-age {
    background-color: #6187dc;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 0 12px;
    margin-bottom: 12px;
    margin-top: 12px
}

.one2one-course .teacher .teacher-tip {
    color: #3d3d3d;
    margin-top: 19px;
    margin-bottom: 18px
}

.one2one-course .teacher .icon-location-o {
    color: #6187dc;
    padding-right: 6px
}

body #footer {
    margin-top: 0px
}