/*登陆注册页面样式*/
.login {
    background-color: #f6f6f6;
}
.login a {
    color: #46b8da;
}
.login .container-fluid {
    border-bottom:3px solid #46b8da;
    margin-bottom:20px;
    color: #46b8da;
}
.login .container-fluid h2 {
    margin-bottom:0;
    font-family:'Microsoft YaHei';
}
.login .container-fluid p {
    font-size: 16px;
    font-family: Calibri;
}
.login .bg_left, .login .bg_left img {
    width:100%;
    height:100%
}
.login_box {
    position: relative;
    margin-top:10px;
}
.login_box .glyphicon {
    position: absolute;
    top:10px;
    left:12px;
    color:#ccc;
}
.login_box input {
    padding-left:30px;
}
.login .checkbox {
    font-size:13px;
    padding-bottom:10px;
}
.other_login{
    margin:10px 0;
    font-size:14px;
    text-align:center
}
.other_login_title{
    display:inline-block;
    vertical-align:middle
}
.other_login_line{
    border-bottom:1px solid #ccc;
}
.other_login_line .other_login_title{
    position:relative;
    top:0.5em;
    padding:0 10px;
    background-color:#f6f6f6
}
.other_login_icons {
    text-align: center;
}
.other_login_icons img {
    display: inline-block;
    width:40px;
    height:40px;
}
.register_box {
    width:100%;
    margin-bottom:20px;
}
.register_box td {
    padding:4px 0
}
.register_box td button {
    margin-right:4px;
}

/*自定义表格*/
.table1 th,.table1 td {
    padding:6px 0;
    vertical-align: top;
}
.table2 {
    font-size: 15px;
    font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif;
}
.table2 th {
    text-align: center;
    padding-right:20px
}
.table2 td span {
    padding-right:10px;
}



body {
    background-color: #e7e8eb;
}

ul {
    list-style: none;
    padding:0
}
.dom_center {
    text-align: center;
    margin-top:20px
}
.font_color {
    color:#6ab4fd;
}
.font_color1 {
    color:#00cc00;
}
.font_color2 {
    color:#ffaa00;
}
.font_color3 {
    color:palevioletred;
}
.font_color4 {
    color:#000;
}
.font_major {
    font-size:15px;
    color:#FF6600;
    padding:0 4px
}
.classify_menu a {
    display: inline-block;
    padding:6px 12px;
    margin-right:20px;
    margin-bottom:20px;
}
.classify_menu .active {
    border-bottom:3px solid #8cc7fd
}
.btns {
    padding-top:20px;
}
.btns button,btns a[type=button] {
    margin:0 20px;
}
.checkbox1 {
    width:16px;
    height:16px;
}
.modal-body {
    max-height: 400px;
    overflow-y: scroll;
}
.top_nav_li {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    color: #fff
}
.content_box {
    width: 100%;
    min-height: 500px;
    padding: 20px 0;
}
.class_list_btn1 a {
    font-size: 15px;
    font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif;
    font-weight: bold;
    color:#009900;
    padding-left: 10px;
}
.class_list {
    height:48px;
    line-height: 48px;
    font-size: 15px;
    font-family: 'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif;
    font-weight: 400;
}
.class_list a {
    color:#000;
}
.class_list_logo {
    width:48px;
    height:48px;
}
.class_list_title {
    font-size: 20px;
}
.class_list_roles {
    color:#6ab4fd;
}
.class_enter_btn a {
    color:#f76b0c;
}
.role_list td, .role_list th {
    text-align: center;
}
.role_list td span {
    height:32px;
    line-height: 32px;
}
.role_list td img {
    width:32px;
    height:32px;
}
.role_list td a {
    margin-right:10px;
}
.class_add_nav li {
    width:19%;
    margin-left:4px;
    text-align: center;
    line-height: 40px;
    background: #d7f0ff;
    display: inline-block;
    color: #000;
    position: relative;

}
.class_add_nav li:after{
    content: '';
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #d7f0ff;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 10;
}
.class_add_nav li:before{
    content: '';
    display: block;
    border-top: 20px solid #d7f0ff;
    border-bottom: 20px solid #d7f0ff;
    border-left: 20px solid #fff;
    position: absolute;
    left: 0px;
    top: 0;
}
.class_add_nav li:first-child{
    border-radius: 4px 0 0 4px;
    padding-left: 25px;
}
.class_add_nav li:last-child{
    border-radius: 0px 4px 4px 0px;
    padding-right: 25px;
}
.class_add_nav li:first-child:before{
    display: none;
}
.class_add_nav li:last-child:after{
    display: none;
}
.class_add_nav .active {
    background-color: #F87531;
    color:#fff;
}
.class_add_nav .active:after {
    border-left-color: #F87531;
}
.class_add_nav .active:before {
    border-top-color: #F87531;
    border-bottom-color: #F87531;
}
.class_add {
    padding-top:20px;
    min-height: 300px;
}
.class_add .step_btn {
    padding:10px 50px;
    margin:0 20px;
}
.class_add h3 {
    text-align: center;
    font-family: 'Microsoft YaHei';
}
.class_add .checkbox {
    padding:40px 0 10px;
}
.class_add .glyphicon {
    margin-left:2px;
}
.class_add .help-block a {
    margin-right:15px;
}
.rolename_box {
    height: 44px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-y: scroll;
}
.class_add_role {
    color:#3ea5fd;
    display: inline-block;
    border:1px dashed #3ea5fd;
    border-radius: 4px;
    padding:4px 10px;
    margin:6px;
}
.code_box {
    text-align: center;
}
.code_box img {
    display: inline-block;
    margin:0 100px;
}
.pay_code {
    width:240px;
    height:240px;
}
.class_left_nav {
    width:20%;
}
.class_right_box {
    width:80%;
    min-height: 400px;
}
.class_left_nav {
    font-size:15px;
    font-family: 'Microsoft YaHei';
}
.class_left_nav .list-group-item {
    padding:10px 0;
}
.class_left_nav .list-group-item p {
    margin:4px 0 4px 24px;
    color:#999;
}
.class_left_nav .glyphicon {
    padding-right:10px;
}
.class_left_nav .list-group-item a {
    display: block;
    color:#000;
    padding:4px 0 4px 48px;
}
.class_left_nav .list-group-item a:hover {
    background-color: #eee;
    color:#000;
}
.class_left_nav .list-group-item .active {
    background-color: #8cc7fd;
    color:#fff;
}
.account_sum {
    font-size:16px;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
}
.routine_list td {
    font-size:16px;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
}
.routine_list td .glyphicon {
    color:#337ab7;
    width:24px;
    height:24px;
    padding-right:10px;
}
.test_menu {
    width:100px;
}
.exercises_list {
    padding:10px 0;
    margin-bottom:10px;
    border-bottom:1px dashed #ccc;
}
.pg_box {
    padding:15px;
}
.circle_reply_box {
    padding:10px 0;
}
.circle_reply_box .media-object {
    width:32px;
    height:32px;
    border-radius: 5px;
    display: inline-block;
}
.circle_reply_box span {
    display: inline-block;
    padding:0 10px;
    vertical-align: middle;
}
.circle_reply_box p {
    padding-left:42px;
}
.zan_icon {
    display: inline-block;
    width:16px;
    height:16px;
    margin-right:4px
}
.notice_box span, .notice_box a {
    margin-left:10px;
}
.stage_box {
    position:relative;
}
.stage_btns {
    position: absolute;
    top:6px;
    right:15px;
}
.task_box {
    padding:10px 0;
    border-bottom:1px dashed #ccc;
}
.task_box a {
    color:#333;
}
.task_box h4 {
    font-family: 'Microsoft YaHei';
}
.task_box p span {
    padding-right:20px;
}
.task_box .glyphicon {
    color:#ccc;
    margin-left:20px;
}
.task_view_box {
    line-height: 1.5em;
    font-size:15px;
}
.help_doc img {
    margin:20px 0 30px 0
}
.img_flex_box {
    display: block;
    padding: 4px;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 20px 0
}
.img_flex_box img {
    width: 92px;
    height: 92px
}
.sticky_icon {
    display: inline-block;
    font-size: 14px;
    color: red;
    border: 2px solid red;
    border-radius: 6px;
    padding: 4px 6px;
    margin-left: 16px;
}


/*手机预览样式*/
.list_icon_img {
    display:inline-block;
    width:16px;
    height:16px;
    padding-right:4px
}
.list_icon_span {
    float:right;
    font-size:16px;
    color:red
}
.my_topbox {
    position: relative;
    background: url("/static/fclass/images/u2481.png") repeat-y;
    padding: 15px 0;
    text-align: center;
}
.my_userImg {
    display: inline-block;
    width:88px;
    height:88px;
    border-radius: 50%
}
.my_setBtn {
    position: absolute;
    top:20px;
    right:20px;
    width:20px;
    height:20px;
}
.my_listIcon {
    width:20px;
    margin-right:5px;
    display:block
}
.mobile_topbox {
    padding:4px 4px 0;
    background: #fff;
}
.list_border_b {
    border-bottom: 1px dashed #ccc;
}
.weui-panel__hd, .weui-media-box {
    padding:8px;
}
.weui-media-box__info {
    margin:8px 0 0 0;
}
.weui-cell_access {
    padding:8px;
    font-size:12px;
}
.task_title_box, .task_title_box .weui-media-box__info{
    margin-top:0;
}
.task_done_btn {
    float:right;
    padding:2px 4px;
    font-size:12px;
    color:#6ab4fd;
    border-radius: 4px;
    border:1px dashed #6ab4fd;
}
.task_nav {
    z-index: 100;
    background:#fff;
    margin-top:10px;
    margin-bottom:0;
    padding:8px;
}
.task_nav li {
    display:inline-block;
    width:20%;
    padding-bottom:2px;
    text-align:center;
    font-size:13px;
    color:#999;
}
.task_nav .task_nav_active {
    color:#f76b0c;
    border-bottom:2px solid #f76b0c;
}
.task_cont_box {
    background: #fff;
    padding:0 10px 20px;
}
.zg_do_btn {
    display: inline-block;
    color:#999;
    border: 1px solid #00cc00;
    border-radius: 4px;
    margin-top:6px;
    padding:4px
}
.mobile_btn {
    width:100%;
    text-align: center;
    padding:0 auto;
}
.weui-textarea {
    font-size:12px;
}
.test_title {
    text-align: center;
    font-size: 15px;
    padding:14px 0;
}
.test_bigti {
    padding-top:15px;
}
.weui-cells_checkbox .weui-icon-checked:before {
    font-size:14px;
}
.test_dui {
    color:green
}
.test_cuo {
    color:red
}
.imgbg_triangle_left, .imgbg_triangle_right {
    position:absolute;
    top:-12px;
    width: 0;
    height: 0;
}
.imgbg_triangle_left {
    left:0;
    border-bottom: 6px solid #6d6d6d;
    border-left: 6px solid transparent;
    border-top: 6px solid transparent;
}
.imgbg_triangle_right {
    right:0;
    border-bottom: 6px solid #6d6d6d;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
}
.class_date {
    width:100%;
    position: absolute;
    top:0;
    left:0;
    color:#fff;
}
.score_box {
    position: fixed;
    top: 180px;
    right: 180px;
    z-index: 999;
    padding: 10px;
    color: #fff;
    background-color: #f07168;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
}
.mdbox {
    width: 50%;
    height: 400px;
    float: right;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    overflow-y: scroll
}
.mdbox p {
    line-height: 1.5em;
    margin: 1.5em 0
}
.mdbox img {
    margin: 10px 0
}
.menu_sub {
    display: inline-block;
    padding: 0 4px;
    color: #fff;
    background-color: red;
    border-radius: 6px;
    font-size: 10px;
    margin-left: 4px
}


/*以下为旧样式*/
.media-object {
    width: 64px;
    height: 64px;
}
.dropdown-menu {
    max-height: 260px;
    overflow-y: auto;
}
a:hover, a:link, a:visited {
    text-decoration: none;
}
.rfm { width: auto }
kbd {
    padding: 0 0 0 0;
    box-shadow: none;
    background-color: #FFF;
    border: none;
}
.rfm .p_chk, .rfm .p_tip { width: auto }
.z_div_divide {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    border-top: 1px dashed #e5e5e5;
}
.z_footer {
    padding: 30px 0;
}
.z_content_box {
    width: 100%;
    min-height: 400px;
    padding: 20px 0;
}
.z_content_box_s {
    width: 100%;
    padding: 10px;
}
.z_img_xs {
    width: 48px;
    height: 48px;
}
.z_img_s {
    width: 64px;
    height: 64px;
}
.z_img_m {
    width: 72px;
    height: 72px;
}
.z_img_l {
    width: 96px;
    height: 96px;
}
.z_img_xl {
    width: 128px;
    height: 128px;
}
.z_para_box p { text-indent:2em; }
.z_dui {
    font: bolder 26px consolas;
    color: green;
    padding: 0 10px;
}
.z_cuo {
    font: bolder 26px consolas;
    color: red;
    padding: 0 10px;
}
.z_head_show {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    margin-top: -20px;
    margin-bottom: 20px;
}
.z_padding_l {
    display: inline-block;
    padding-left: 20px;
}
.z_padding_r { padding-right: 20px; }
.z_padding_r_s {
    display: inline-block;
    padding-right: 5px;
}
.z_padding_t { padding-top: 20px; }
.z_padding_b { padding-bottom: 30px; }
.z_f_wryh { font-family: 微软雅黑; }
.z_task_ico1 {
    padding-right: 10px;
    font-size: 20px;
    color: #ccc;
}
.z_task_ico1:hover {
    color: forestgreen;
    text-decoration: none;
}
.z_task_ico2 {
    padding-right: 10px;
    font-size: 20px;
    color: #ccc;
}
.z_task_finish_ico {
    padding-right: 10px;
    font-size: 20px;
    color: forestgreen;
}
.z_task_finish_ico:hover, .z_task_finish_ico:visited, .z_task_finish_ico:link {
    text-decoration: none;
    color: forestgreen;
    cursor: default;
}
.z_nav li a { display: inline-block; }
.z_nav li a button { height: 20px; }
.z_label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.z_notice_ico {
    padding-right: 10px;
    color: #CC0000;
}
.z_member_del {
    display: inline-block;
    margin-right: 20px;
}
.z_countdown {
    position: fixed;
    top: 180px;
    right: 180px;
    width: 100px;
    height: 40px;
    text-align: center;
    font-size: 28px;
}
.z_score_box {
    position: fixed;
    top: 120px;
    right: 10px;
    width: 120px;
    z-index: 99999;
}
.z_h4 { margin-top: 0; }
.z_mobile_ico {
    padding-bottom: 8px;
    font-size: 26px;
    color: darkseagreen;
}
.z_mobile_link:hover, .z_mobile_link:visited, .z_mobile_link:link {
    text-decoration: none;
    color: black;
    cursor: default;
}
.z_divide { padding:10px 0 }
.z_table tbody tr th, .z_table tbody tr td { border-top: none }
.z_table tr th { width: 98px }
.z_head_h4 {
    line-height: 24px;
    color:darkred;
}