@charset "utf-8";
/* CSS Document */
body {
    width: 100%;
    min-width: 320px;
    height: 100%;
    margin: 0 auto;
    padding: 0px;
    background: #e8e8e8;
    font: 14px/20px "微软雅黑", "Microsoft YaHei", "Arial";
    color: #666;
}

#mobile_chat_card {
    display: none !important;
}

img {
    border: 0px;
    margin: 0;
    padding: 0;
}

ul, li, h1, h2, h3, h4, h5, p, dd, dt, dl, td, div, a {
    margin: 0px;
    padding: 0px;
}

input {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

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

h1, dl {
    vertical-align: middle;
}

h2 {
    width: 90%;
    height: 1px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    background: #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
}

h2 span {
    background: #e8e8e8;
    margin-top: -10px;
    font-size: 12px;
    font-weight: normal;
    float: left;
    margin-left: 33%;
    width: 33%;
}

h3 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    border-bottom: solid 1px #f2f2f2;
    overflow: hidden;
}

.head3 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    border-bottom: solid 1px #f2f2f2;
    overflow: hidden;
}

h4 {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}

.txt-ml h4 {
    height: auto !important;
}

h5 {
    font-size: 14px;
    height: 30px;
    line-height: 24px;
    color: #333;
    border-bottom: solid 1px #f2f2f2;
    text-indent: 0.5em;
}

.hidden {
    display: none;
}

.gray {
    color: gray;
}

header, footer, section, article, aside, menu {
    display: block;
    margin: 0;
    padding: 0;
}

i {
    display: inline-block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.prel {
    position: relative;
}

.pabs {
    position: absolute;
}

.clear {
    clear: both;
}

.fth {
    color: #ff3028 !important;
}

.ft12 {
    font-size: 14px;
    color: #999;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
    /*padding-bottom: 5px;*/
}

.mb5 {
    margin-top: 5px;
}

.ml20 {
    margin-left: 10px;
}

.ml5 {
    margin-left: 5px;
    margin-right: 5px;
    line-height: 22px;
}

.ml10 {
    margin-left: 20px;
}

.fw {
    font-weight: 600;
    color: #211;
    background: #f1f1f1;
    font-size: 15px;
    padding-left: 2%;
    width: 98%;
}

.bg {
    background: #fff;
}

.bg h2 span {
    background: #fff;
}

.but, .but1, .but2 {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    margin-top: 2px;
}

.but {
    background: #ff3028 !important;
    color: #fff !important;
    border: none;
}

.but1 {
    background: #e3e3e3;
    color: #333;
    /*border: solid 1px #dedede;*/
}

/*.but2 {
    background: #ff3028 !important;
    color: #fff !important;
    border: none;
}*/

.i_thm, .i_tbm, .i_tvd, .i_tzy, .i_tvip, .i_da, .i_qhsf {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.i_thm {
    background: url(../images/wi_bhm.png) no-repeat center;
    background-size: 18px;
}

.i_tbm {
    background: url(../images/wi_tbm.png) no-repeat center;
    background-size: 16px;
}

.i_tvd {
    background: url(../images/wi_kaoshi.png) no-repeat center;
    background-size: 16px;
}

.i_tzy {
    background: url(../images/wi_tzy.png) no-repeat center;
    background-size: 16px;
}

.i_tvip {
    background: url(../images/wi_tvip.png) no-repeat center;
    background-size: 16px;
}

.i_ckads {
    background: url(../images/wi_ckads.png) no-repeat center;
    background-size: 16px;
}

.i_da {
    background: url(../images/i_daan.png) no-repeat center;
    background-size: 16px;
}

.i_qhsf {
    background: url(../images/qhsf.png) no-repeat center;
    background-size: 15px;
}

.i_bhm, .i_bsp, .i_bct, .i_bod, .i_tarl, .i_arrd, .i_arru, .i_delp, .i_arrr, .i_edit, .i_mhm, .i_del, .i_bkf, .i_kaoshi, .i_daan, .i_shop {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.i_kaoshi {
    background: url(../images/wi_kaoshi.png) no-repeat center;
    background-size: 20px;
}

.i_shop {
    background: url(../images/wi_shop.png) no-repeat center;
    background-size: 20px;
}

.i_daan {
    background: url(../images/wi_daan.png) no-repeat center;
    background-size: 20px;
}

.i_bhm {
    background: url(../images/wi_bhm.png) no-repeat center;
    background-size: 20px;
}

.i_bsp {
    background: url(../images/wi_bsp.png) no-repeat center;
    background-size: 20px;
}

.i_bkf {
    background: url(../images/wi_bkf.png) no-repeat center;
    background-size: 20px;
}

.i_bct {
    background: url(../images/wi_bct.png) no-repeat center;
    background-size: 20px;
}

.i_bod {
    background: url(../images/wi_bod.png) no-repeat center;
    background-size: 20px;
}

.i_tarl {
    background: url(../images/wi_tarl.png) no-repeat center;
    background-size: 20px;
}

.i_arrd {
    background: url(../images/wi_arrd.png) no-repeat 10px 10px;
    background-size: 20px;
}

.i_arru {
    background: url(../images/wi_arru.png) no-repeat center;
    background-size: 20px;
}

.i_arrr {
    background: url(../images/wi_arrr.png) no-repeat right;
    background-size: 20px;
}

.i_edit {
    background: url(../images/wi_edit.png) no-repeat right;
    background-size: 20px;
}

.i_del {
    background: url(../images/wi_del.png) no-repeat right;
    background-size: 20px;
}

.i_delp {
    background: url(../images/i_delp.png) no-repeat right;
    background-size: 14px;
    margin-right: 12px;
}

.i_mhm {
    background: url(../images/wi_mhm.png) no-repeat center;
    height: 50px;
}

.i_my1, .i_my2, .i_my3, .i_my4, .i_mls1, .i_mls2, .i_mls3, .i_mls4, .i_mls5, .i_mls6, .i_malr, .i_mls7, .i_mls8, .i_mls9, .i_mls10, .i_mls11, .i_mls12 {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.i_my1 {
    background: url(../images/wi_my1.png) no-repeat center;
    background-size: 16px;
}

.i_my2 {
    background: url(../images/wi_my2.png) no-repeat center;
    background-size: 16px;
}

.i_my3 {
    background: url(../images/wi_my3.png) no-repeat center;
    background-size: 16px;
}

.i_my4 {
    background: url(../images/wi_my4.png) no-repeat center;
    background-size: 16px;
}

.i_mls1 {
    background: url(../images/wi_mls1.png) no-repeat center;
    background-size: 16px;
}

.i_mls2 {
    background: url(../images/wi_mls2.png) no-repeat center;
    background-size: 16px;
}

.i_mls3 {
    background: url(../images/wi_mls3.png) no-repeat center;
    background-size: 16px;
}

.i_mls4 {
    background: url(../images/wi_mls4.png) no-repeat center;
    background-size: 16px;
}

.i_mls5 {
    background: url(../images/wi_mls5.png) no-repeat center;
    background-size: 16px;
}

.i_mls6 {
    background: url(../images/wi_mls6.png) no-repeat center;
    background-size: 16px;
}

.i_mls7 {
    background: url(../images/wi_mls7.png) no-repeat center;
    background-size: 16px;
}

.i_mls8 {
    background: url(../images/wi_mls8.png) no-repeat center;
    background-size: 16px;
}

.i_mls9 {
    background: url(../images/wi_mls9.png) no-repeat center;
    background-size: 16px;
}

.i_mls10 {
    background: url(../images/wi_mls10.png) no-repeat center;
    background-size: 16px;
}

.i_mls11 {
    background: url(../images/wi_mls11.png) no-repeat center;
    background-size: 16px;
}

.i_mls12 {
    background: url(../images/wi_mls12.png) no-repeat center;
    background-size: 16px;
}

.i_malr {
    background: url(../images/i_malr.png) no-repeat center;
    background-size: 16px;
}

.qhkcb {
    float: right;
    border-radius: 10px;
    font-size: 13px;
    color: #FDFDFD;
    text-align: right;
    background: linear-gradient(113deg, #FF2B00 0%, #FF8B10 99%);
    -webkit-tap-highlight-color: transparent;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    padding: 0 8px;
}

.red, .add {
    height: 32px;
    cursor: pointer;
}

.red {
    border-right: none;
    background: url(../images/wi_red.png) no-repeat center;
}

.add {
    border-left: none;
    background: url(../images/wi_add.png) no-repeat center;
}

.i_lgtel, .i_lgm, .i_lgem, .code, .i_yzm, .i_yzmt {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.i_lgtel {
    background: url(../images/wi_lgtel.png) no-repeat center;
}

.i_lgm {
    background: url(../images/wi_lgm.png) no-repeat center;
}

.i_lgem {
    background: url(../images/wi_lgem.png) no-repeat center;
}

.i_yzm {
    background: url(../images/wi_yzm.png) no-repeat center;
}

.i_yzmt {
    background: url(../images/wi_yzmt.png) no-repeat center;
}

.i_tmen {
    width: 24px;
    height: 50px;
    background: url(../images/wi_tmen.png) no-repeat center;
    display: inline-block;
}

.i_busv, .i_busvh, .i_tuichu {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 5px -4px 0;
}

.i_busv {
    background: url(../images/i_busv.png) no-repeat;
    background-size: 90%;
}

.i_busvh {
    background: url(../images/i_busvh.png) no-repeat;
    background-size: 90%;
}

.i_tuichu {
    background: url(../images/tuichu.png) no-repeat;
    background-size: 90%;
}

/*全局*/
header {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #ff3028;
}

header a {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}

/*header .topl {
    text-indent: 1em;
}*/

header .edit {
    margin-right: 5%;
}

header .tt {
    width: 60%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    overflow: hidden;
    height: 50px;
}

/*选择城市*/
.home .topl {
    width: 15%;
    height: 50px;
}

.home .search {
    width: 70%;
}

.home .search input[type="text"] {
    width: 57%;
    font-size: 14px;
}

.home .search .schb {
    width: 20%;
}

.home .search select {
    width: 25%;
    height: 30px;
    background: #fff;
    border: solid 1px #ff6f69;
    display: block;
    margin-left: -1px;
}

.topl {
    width: 20%;
    height: 50px;
}

.topl p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 13px;
    font-style: normal;
}

.topl .i_ckads {
    width: 24px;
    height: 24px;
    margin: 0 2px 0 4px;
    background: url(../images/wi_ckads.png) no-repeat center;
}

.topl i, .topl span {
    vertical-align: middle;
    font-weight: bold;
}

.topl .hover {
    display: block !important;
}

.topl .ckads {
    width: 500%;
    top: 50px;
    left: 0px;
    display: none;
    z-index: 9;
    border-bottom: 1px solid #e8e8e8;
}

.topl .i_tarl {
    height: 50px;
    padding-left: 15px;
}

/*搜索*/
.search {
    width: 65%;
    padding-top: 10px;
}

.search input {
    float: left;
    vertical-align: middle;
    line-height: 30px;
    border-radius: 0px;
}

.search input[type="text"] {
    width: 70%;
    background: #fff;
    border: solid 1px #ff6f69;
    height: 30px;
    margin-left: -6px;
    font-size: 14px;
}

.search .schb {
    width: 25%;
    border: none;
    line-height: 32px;
    height: 32px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-left: -1px;
    display: inline-block;
    background: #333;
    -webkit-appearance: none;
}

/*右侧菜单*/
menu {
    position: relative;
    border: 1px solid #FFF;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
    top: 13px;
    padding: 0px 7px;
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-right: 2px;
    cursor: pointer;
    float: right;
}

menu .hover {
    display: block !important;
}

menu .lst {
    top: 36px;
    right: -3px;
    background: #f9f9f9;
    padding: 0.5em;
    display: none;
    z-index: 10;
}

menu ul {
    width: 200px;
    min-height: 300px;
    overflow: hidden;
    display: block;
    text-align: left;
}

menu li {
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    border-top: solid 1px #e4e4e4;
    margin-top: -1px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
}

menu li.lenth {
    width: 100%;
    text-align: center;
    color: #555;
}

menu li.lenth a{
    font-weight: bold;
}

menu li i {
    margin: 0 0.5em;
}

menu li i, menu li a {
    color: #666;
    vertical-align: middle;
}

/*top end*/
/*内容区*/
content {
    padding-bottom: 60px;
    display: block;
}

.h-ba {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.h-ba img {
    width: 100%;
    height: 150px;
}

/*选择城市*/
.ckads {
    width: 100%;
    background: #fff;
}

.ckads dl {
    padding: 5px 0;
    display: inline-block;
}

.ckads dl span {
    line-height: 30px;
    color: #0D62AA;
    display: block;
    background: #fff;
}

.ckads dt {
    width: 100%;
    /*height: 46px;*/
    line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #e4e4e4;
    text-align: center;
}

.gray {
    color: gray !important;
}

.ckads dd {
    min-height: 165px;
    padding: 3px 0;
    float: left;
}

.ckads dd a {
    width: 20%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    float: left;
    color: #666;
    border-radius: 6px;
}

.ckads dd a.hover {
    background: #ff3028;
    color: white;
}

/*选择专业*/
.ckzk {
    width: 100%;
    background: #fff;
}

.ckzk dl {
    padding: 0 5px;
}

.ckzk dt {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px #e4e4e4;
}

.ckzk dd {
    height: auto;
    padding: 5px 0;
    display: block;
}

.test {
    width: 10000px;
    height: 50px;
    background: #000;
}

.ckzk dd a {
    width: 20%;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: left;
}

.ckzk dd.zk a {
    width: 33.3% !important;
}

/*切换专业*/
.swtzk {
    width: 100%;
}

.swtzk i, .swtzk ul {
    float: left;
    vertical-align: middle;
}

.swtzk i {
    width: 10%;
}

.swtzk .wrap {
    width: 90%;
    overflow: auto;
}

.swtzk a {
    line-height: 40px;
    padding: 0 20px;
    display: block;
    float: left;
}

/*推荐*/
.b-rec {
    width: 100%;
}

.b-rec h2 span {
    color: #ff3028;
    font-size: 16px;
    font-weight: bold;
}

.b-rec ul {
    overflow: hidden;
}

.b-rec li {
    width: 50%;
    border-left: solid 3px #f2f2f2;
    border-top: solid 3px #f2f2f2;
    float: left;
    margin: -3px 0 0 -3px;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    background: #fff;
}

.b-rec li a {
    display: block;
}

.b-rec li p, .b-rec li b {
    width: 100%;
    word-break: break-word;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    display: block;
}

.b-rec li img {
    max-height: 145px;
}

.b-rec .but1 {
    width: 70%;
    height: 1.5em;
    line-height: 1.5em;
}

/*专业分类*/
.mnav {
    width: 100%;
    height: 40px;
}

.mnav li {
    width: 50%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background: #EEE;
    float: left;
    color: red;
    font-weight: bold;
}

.mnav li a {
    /*color: blue;*/
    font-weight: bold;
}

.mnav .hover {
    background: #FFF;
}

.mnav .hover a {
    color: #333;
    font-weight: bold;
}

.lnav {
    width: 25%;
    min-height: 400px;
    overflow-y: auto;
    background: #e8e8e8;
}

.lnav li {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    word-break: break-word;
    overflow: hidden;
}

.lnav li a {
    height: 40px;
    overflow: hidden;
    word-break: break-word;
    line-height: 40px;
    display: block;
}

.lnav .hover {
    background: #fff;
}

.lnav .hover a {
    color: #ff3028;
}

/*左侧专业导航 end*/
.cla-lst {
    width: 98%;
    padding: 5px 1% 55px;
    background: #fff;
    min-height: 480px;
}

.cla-lst dt {
    height: 90px;
    overflow: hidden;
}

.cla-lst dt img {
    width: 100%;
    height: 90px;
}

.cla-lst dd {
    width: 100%;
    text-align: center;
    line-height: 20px;
    background: #e8e8e8;
    padding: 0.5em 0;
}

.cla-lst .lst {
    width: 100%;
}

.cla-lst .lst h3 {
    text-align: center;
}

.cla-lst .lst a, .cla-lst .lst span {
    float: left;
    vertical-align: middle;
    margin-left: 1%;
    display: block;
    font-size: 13px;
    width: 49%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.cla-lst .lst label {
    line-height: 30px;
    display: block;
    float: left;
    width: 100%;
}

.cla-lst .lst .abc {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    background: #f9f9f9;
    border: solid 1px #e2e2e2;
    text-indent: 0;
    margin: 6px 0 0 3px;
    color: red;
    font-weight: 600;
}

/*右侧列表 end*/
/*课程 end*/
.navbk {
    width: 100%;
    background: #fff;
}

.navbk h1 {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    width: 100%;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #eeee;
    padding-left: 1%;
    box-sizing: border-box;
}

.navbk h3 {
    width: 98%;
    margin-left: 1%;
    font-size: 14px;
}

.navbk .lst {
    width: 90%;
    height: 40px;
    overflow-x: auto;
    border-bottom: solid 1px #f2f2f2;
}

.navbk .lst ul {
    height: 40px;
    overflow: hidden;
}

.navbk .lst li {
    float: left;
    height: 40px;
    line-height: 40px;
    display: block;
    width: 170px;
    text-align: center;
    overflow: hidden;
    word-break: break-word;
}

.navbk .hover {
    background: #ff3028;
}

.navbk .hover a {
    color: #fff;
}

.navbk .arr {
    width: 10%;
    background: #FFF;
    border-bottom: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    box-sizing: border-box;
    box-shadow: -8px 0px 4px rgba(0, 0, 0, .1);
}

.navbk .arr .i_arrd {
    height: 35px;
    line-height: 35px;
    width: 35px;
}

/*.navbk .arr:hover .opnb {
    display: block;
}*/

/*弹出菜单 end*/
.opnb {
    width: 1025%;
    background: #fff;
    right: 0px;
    top: 0px;
    display: none;
    border-bottom: 1px solid #e8e8e8;
}

.opnb ul, .qhkc ul {
    padding: 2%;
    display: inline-block;
}

.opnb .area li {
    width: 20% !important;
}

.opnb li, .qhkc li {
    float: left;
    line-height: 30px;
    width: 50%;
    word-break: break-word;
    overflow: hidden;
    height: 30px;
}

.opnb .i_arru, .qhkc .i_delp {
    height: 40px;
}

.qhkc {
    background: #fff;
    display: none;
    border-bottom: 1px solid #e8e8e8;
    z-index: 1000;
}

/*课程导航 end*/
.bklst {
    width: 100%;
    margin-bottom: 5px;
}

.bklst dl {
    height: 125px;
    background: #fff;
    overflow: hidden;
    margin-top: 5px;
    width: 98%;
    padding: 0 1%;
}

.bklst dt, .bklst dd {
    float: left;
    vertical-align: middle;
    overflow: hidden;
}

.bklst dt img {
    width: 90%;
}

.bklst dt {
    width: 30%;
}

.bklst dt a {
    height: 125px;
    vertical-align: middle;
    display: table-cell;
}

.bklst dd {
    width: 47%;
}

.bklst dd p {
    width: 95%;
    overflow: hidden;
}

.bklst dd h4 {
    padding-top: 2%;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

.bklst .butw {
    width: 23%;
    margin-top: 13%;
    text-align: center;
}

.bklst .but1, .bklst .but {
    width: 98%;
    line-height: 2.3em;
    margin-top: 5%;
}

.bklst a.but1, .bklst a.but {
    font-size: 13px !important;
}

/*课程单页 end*/
.buypic {
    background: #fff;
}

.buypic dl {
    display: block;
}

.buypic dt {
    height: 100%;
    text-align: center;
}

.buypic dt img {
    max-height: 232px;
    max-width: 35%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.buypic dd {
    width: 98%;
    padding: 1%;
}

.buypic h1 {
    line-height: 26px;
    color: #333;
    font-size: 15px;
}

.buypic p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
}

.buypic .fth {
    font-size: 18px;
    font-weight: 600;
}

.buypic .sprice {
    text-decoration: line-through;
    color: #999;
    padding-left: 20px;
}

.ssprice {
    text-decoration: line-through;
    color: #999;
}

.buypic .zkxx {
    font-size: 14px;
    color: #4e65cf;
}

.buypic .zkcx {
    font-size: 14px;
    color: #ff3028;
}

.buypic .ft12 {
    line-height: 20px;
    text-indent: 2.33em;
}

/*相关连 end*/
.b-deth, .buytxt {
    width: 98%;
    padding: 0 1% 1% 1%;
    background: #fff;
    overflow: hidden;
}

/*.b-deth ul {
    margin-left: -5%;
}*/

.b-deth li {
    width: 32%;
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 2% 0 0 0;
    overflow: hidden;
}

.b-deth li:nth-child(2), .b-deth li:nth-child(3), .b-deth li:nth-child(5), .b-deth li:nth-child(6), .b-deth li:nth-child(8), .b-deth li:nth-child(9), .b-deth li:nth-child(11), .b-deth li:nth-child(12), .b-deth li:nth-child(14), .b-deth li:nth-child(15), .b-deth li:nth-child(17), .b-deth li:nth-child(18) {
    margin-left: 2%;
}

.b-deth li a {
    border: solid 1px #e8e8e8;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
    position: relative;
}

img.hot {
    position: absolute;
    top: -1px;
    right: -1px;
}

.b-deth .select {
    border: solid 2px #ff3028;
    background: url(../images/proh.png) no-repeat right bottom;
}

.b-deth a.qh {
    background: #eee;
    color: #999;
}

.b-deth .hover {
    background: #ff3028;
}

.b-deth .hover a {
    color: #fff;
}

.buytxt .txt {
    line-height: 26px;
    font-size: 13px;
    padding: 5px 0;
}

.buytxt .txt strong {
    color: #12c8d5;
}

.buytxt .txt-ml {
    line-height: 26px;
    font-size: 13px;
    padding: 5px 0;
    color: #555;
}

.buytxt .txt-ml a {
    color: red;
}

.buytxt .txt img {
    width: 100%;
    height: auto;
    display: table-cell;
}

/*serach*/
.ser-nav {
    width: 98%;
    padding: 1%;
    background: #fff;
    overflow: hidden;
}

.ser-nav h3 {
    line-height: 30px;
    height: auto;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.ser-nav ul {
    width: 100%;
}

.ser-nav li {
    /*height: 30px;*/
    line-height: 30px;
    padding: 5px 0;
}

.ser-nav label {
    width: 10%;
    display: inline-block;
}

/*.ser-nav a {
    margin-right: 5px;
}*/

.ser-nav .but, .ser-nav .but1 {
    width: 19%;
    height: 30px;
    line-height: 30px;
    /*margin-bottom: 5px;
    margin-right: 2px;*/
}

.ser-lst {
    width: 100%;
    margin-bottom: 5px;
}

.ser-lst dl {
    height: 135px;
    background: #fff;
    overflow: hidden;
    margin-top: 1px;
    width: 98%;
    padding: 0 1%;
}

.ser-lst dt, .ser-lst dd {
    float: left;
    vertical-align: middle;
}

.ser-lst dt img {
    width: 85%;
}

.ser-lst dt {
    width: 30%;
}

.ser-lst dt a {
    height: 125px;
    vertical-align: middle;
    display: table-cell;
}

.ser-lst dd {
    width: 70%;
    margin-top: 2%;
    line-height: 22px;
}

.ser-lst dd p {
    line-height: 22px;
    height: 22px;
    overflow: hidden;
}

.ser-lst dd p.butw {
    line-height: auto !important;
    height: auto !important;
}

.ser-lst dd h4 {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

.ser-lst .txt {
    height: 30px;
    overflow: hidden;
}

.ser-lst .butw {
    width: 100%;
    text-align: right;
    margin-top: 5px;
}

.ser-lst .but1, .ser-lst .but {
    width: 30%;
    line-height: 2em;
    height: 2em;
}

.ser-lst .but1 {
    margin-right: 3%;
}

.ser-lst .ckb {
    width: 10%;
}

/*cart*/
.bk-lst {
    width: 100%;
}

.bk-lst dl {
    height: 106px;
    background: #fff;
    overflow: hidden;
    margin-top: 1px;
}

.bk-lst dt, .bk-lst dd {
    float: left;
    vertical-align: middle;
}

.bk-lst dt img, .bk-lst dt input[type="checkbox"] {
    vertical-align: middle;
    padding: 0 7px;
}

.bk-lst dt label {
    text-align: center;
    margin-left: 10%;
    height: 105px;
    vertical-align: middle;
    display: table-cell;
}

.bk-lst dt img {
    width: 60%;
}

.bk-lst dt {
    width: 35%;
}

.bk-lst dd {
    width: 65%;
    padding-top: 2%;
}

.bk-lst dd .fth {
    font-size: 15px;
}

.bk-lst dd .fr {
    margin-right: 6px;
}

.bk-lst dd .ft12 {
    font-style: normal;
}

.red, .add, .bk-lst dd input[type="text"] {
    border: solid 1px #ebebeb;
    width: 35px;
    float: left;
    display: block;
    margin: -6px 0 0 -1px;
    font-size: 14px;
}

.bk-lst dd input[type="text"] {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
}

.tips {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    background: #fff;
    color: #4e65cf;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
}

.inld .bk-lst dl {
    background: #f7f7f7;
}

.inld .bk-lst dl .fth {
    color: #666;
}

/*cart ck*/
.cart {
    padding-bottom: 115px;
}

.ord-ck {
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: fixed;
    bottom: 50px;
    left: 0px;
    background: #fff;
    border-top: solid 1px #e4e4e4;
}

.gray_bg {
    background: gray !important;
}

.ord-ck input[type="checkbox"], .ord-ck span {
    vertical-align: middle;
}

.ord-ck input[type="checkbox"] {
    margin-left: 10px;
}

.ord-ck .but, .ord-ck .but1 {
    width: 100%;
    line-height: 60px;
    display: inline-block;
}

.ord-ck .but1 {
    border: none;
}

.ord-ck .fl {
    width: 70%;
    padding-left: 3%;
    box-sizing: border-box;
}

.ord-ck .fr {
    width: 30%;
    text-align: right;
    float: right;
}

.cartbg {
    width: 100%;
    background: #fff url(../images/cart_pic.jpg) no-repeat center;
    text-align: center;
}

.cartbg p {
    padding-top: 330px;
    margin: 0 auto;
    width: 180px;
}

.cartbg p a {
    background: #f9f9f9;
    color: #333;
    border: solid 1px #e2e2e2;
    width: 75px;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
}

.cartbg p a:nth-child(2) {
    float: right;
}

/*确认定单*/
.cord-ad dl, .cord-top dl {
    width: 100%;
    height: 82px;
    background: #fff;
    overflow: hidden;
}

.cord-ad dt, .cord-ad dd, .cord-top dt, .cord-top dd {
    float: left;
    vertical-align: middle;
}

.cord-ad dt, .cord-top dt {
    width: 20%;
    margin-left: 5%;
    line-height: 82px;
    text-align: center;
}

.cord-ad dd, .cord-top dd {
    width: 65%;
    padding-top: 16px;
}

.cord-ad dd .address, .cord-top dd .address {
    line-height: 24px;
}

.cord-ad dd .tel, .cord-top dd .tel {
    font-size: 16px;
}

.cord-ad .def, .cord-top .def {
    width: 12px;
    padding: 6px 6px;
    height: 70px;
    line-height: 18px;
    background: #ff3028;
    color: #fff;
    top: 0px;
    left: 0px;
    display: inline-block;
}

.cord-ad .i_arrr, .cord-ad .i_edit, .cord-ad .i_del {
    height: 82px;
    top: 0px;
    right: 10px;
    display: inline-block;
}

.cord-top .i_arrr, .cord-top .i_edit, .cord-top .i_del {
    height: 82px;
    top: 0px;
    right: 10px;
    display: inline-block;
}

.cord-ad .i_arrr, .cord-top .i_arrr {
    width: 100%;
}

.eml, .cord-det {
    width: 98%;
    padding: 0 1%;
    background: #fff;
}

.eml label, .eml input {
    vertical-align: middle;
    height: 45px;
    line-height: 45px;
}

.eml label {
    width: 18%;
    margin-right: 2%;
    /* float: left; */
    display: inline-block;
}

.eml .frtip {
    text-align: right;
    width: 80%;
    display: inline-block;
}

.eml input[type="text"] {
    width: 75%;
    font-size: 15px;
    border: solid 1px #bbb;
    border-radius: 8px;
}

.eml ul {
    overflow: hidden
}

.eml li {
    /*height: 45px;*/
    line-height: 35px;
    border-top: dashed 1px #ddd;
    margin-top: -1px;
    width: 100%;
}

/*定单详情*/
.cord-det .bklst dd h4 {
    padding-top: 7%;
}

.cord-det .bklst dl {
    border-top: solid 1px #ddd;
    margin-top: -1px;
}

.cord-det .bklst dt {
    width: 30%;
    overflow: hidden;
}

.cord-det .bklst dd {
    width: 65%;
}

.cord-det .bklst .butw {
    width: 5%;
    float: right;
}

.cord-det .bklst .bklst dd h4 {
    padding-top: 10%;
}

.cord-det .fth {
    margin-top: 15px;
}

/*新增地址*/
.nads {
    background: #fff;
    padding: 2%;
}

.nads ul {
    width: 100%;
    overflow: hidden;
}

.nads li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-top: solid 1px #ddd;
    margin-top: -1px;
    padding: 4px 0;
}

.nads li p, .nads li input, .nads li select {
    vertical-align: middle;
    border: none;
    height: 36px;
    line-height: 36px;
}

.nads li p {
    width: 18%;
    margin-right: 5%;
    text-align: right;
}

.nads li select {
    width: 24%;
}

.nads li input[type="text"] {
    width: 76%;
    text-indent: 0.8em;
    font-size: 14px;
}

.nads li label {
    padding-left: 5%;
}

.nads li p {
    display: inline-block;
}

.adsbt {
    width: 100%;
    height: 50px;
    background: #ff3028;
}

.adsbt a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: solid 1px #ddd;
    display: inline-block;
}

/*支付pay*/
.pay {
    width: 96%;

    padding: 2%;
    background: #fff;
}

.pay li {
    width: 50%;
    float: left;
    padding: 10px 0;
}

.pay li span, .pay li img, .pay li input {
    vertical-align: middle;
    margin-left: 6px;
    font-size: 18px
}

/*确认支付*/
.pay-con {
    width: 100%;
    height: 100%;
    position: fixed;
    font-size: 18px;
}

.pay-con .bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    position: fixed;
}

.pay-con .lst {
    width: 80%;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -40%;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    z-index: 999;
}

.pay-con h3 {
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.pay-con ul {
    margin-left: -1px;
    overflow: hidden;
}

.pay-con li {
    width: 50%;
    text-align: center;
    border-left: solid 1px #ddd;
    float: left;
    margin-left: -1px;
}

.pay-con li a {
    height: 40px;
    line-height: 40px;
}

/*支付成功*/
.pay-succ {
    width: 96%;
    padding: 2%;
    height: 200px;
    background: #fff;
}

.pay-succ h3 {
    font-size: 18px;
    color: #ff3028;
    border: none;
}

.pay-succ p {
    padding: 10px 0;
}

.paybut {
    width: 100%;
}

.paybut a {
    width: 50%;
    height: 50px;
    line-height: 50px;
    border: none;
    float: left;
    display: inline-block;
}

/*我的*/
.mytop {
    width: 100%;
    height: 105px;
    background: linear-gradient(to top right, #239ff2, #00d8cc);
    color: #fff;
}

.mytop dl {
    padding-top: 5px;
}

.mytop dt, .mytop dd {
    float: left;
    vertical-align: middle;
}

.mytop dt {
    width: 30%;
    text-align: center;
}

.mytop dt img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: solid 2px #fff;
}

.mytop dd {
    width: 65%;
    padding-top: 20px;
    padding-left: 5%;
}

.mytop dd h3 {
    border-bottom: none;
    font-size: 15px;
    line-height: 50px;
    height: 50px;
    width: 70%;
    overflow: hidden;
}

.mytop dd p {
    line-height: 18px;
    font-size: 16px;
}

.mytop .kf {
    width: 40px;
    height: 32px;
    padding-left: 40px;
    line-height: 32px;
    font-size: 16px;
    font-style: normal;
    top: 5px;
    right: 0;
    background: url(../images/wkf.png) no-repeat 10px center;
    background-size: 27px;
}

/*我的订单*/
.my-ord {
    width: 98%;
    padding: 0 1%;
    height: 90px;
    background: #fff;
}

.my-ord li {
    width: 25%;
    float: left;
    text-align: center;
}

.my-ord li a {
    display: block;
    position: relative;
    padding-top: 5px;
}

.my-ord li em {
    width: 16px;
    height: 16px;
    background: #ff3028;
    font-size: 10px;
    font-style: normal;
    text-align: center;
    border-radius: 50%;
    line-height: 16px;
    color: #fff;
    position: absolute;
    top: 10%;
    right: 30%;
}

.my-ord i {
    display: inline-block;
    width: 100%;
}

.my-lst {
    width: 100%;
    background: #fff;
}

.my-lst ul {
    width: 100%;
    overflow: hidden;
}

.my-lst li {
    float: left;
    width: 25%;
    height: 55px;
    border-right: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    margin-right: -1px;
    text-align: center;
}

.my-lst i {
    width: 100%;
}

.my-lst a {
    display: block;
    height: 70px;
    padding-top: 10px;
}

.my-ba {
    width: 100%;
    height: 80px;
    overflow: hidden;
}

.my-ba img {
    width: 100%;
    height: 80px;
}

.mybut {
    width: 100%;
    height: 50px;
}

.mybut a {
    width: 100%;
}

.mybut .but1 {
    height: 50px;
    line-height: 50px;
    background: #fff;
}

/*基本资料*/
.myse-pic {
    width: 100%;
    height: 100px;
    background: #fff;
    text-align: center;
}

.myse-pic img {
    width: 80px;
    height: 80px;
    padding-top: 10px;
    border-radius: 50%;
    overflow: hidden;
}

.myse-lst {
    width: 96%;
    padding: 2%;
    background: #fff;
}

.myse-lst ul {
    overflow: hidden;
}

.myse-lst li {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 6px 0;
    border-top: solid 1px #e8e8e8;
    margin-top: -1px;
}

.myse-lst label {
    width: 24%;
    text-align: right;
    display: inline-block;
    margin-right: 5%;
}

.myse-lst input[type="text"] {
    width: 65%;
    height: 40px;
    border: none;
    font-size: 14px;
}

.myse-lst input, .myse-lst label, .myse-lst span {
    vertical-align: middle;
}

.myse-lst input[type="radio"] {
    margin: 0px 2%;
}

/*账号信息*/
.my-sec li {
    width: 96%;
    padding: 0 2%;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #fff url(../images/i_arrr.png) no-repeat 98% center;
    margin-top: 10px;
}

.my-sec li i {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
    line-height: 50px;
    margin-top: 15px;
}

.my-sec li a {
    width: 95%;
    display: inline-block;
    font-size: 16px;
}

.my-sec li a .fr {
    margin-right: 5%;
}

/*修改信息*/
.my-rel {
    width: 96%;
    padding: 0 2%;
    background: #fff;
}

.get_code {
    text-align: center;
    width: 27%;
    height: 36px;
    display: inline-block;
    float: right;
    color: #5f70d9;
    font-size: 16px;
}

.zkfl{
    position: fixed;
    right: 10px;
    bottom: 108px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #e16531;
    z-index: 50000;
    background: #fff;
}

.zfbtn{
    width: 45px;
    height: 45px;
    display: block;
    background: url(http://cdn.zikaosw.cn/static/book/images/5zhe.png) no-repeat;
    background-size: 45px;
    font-size: 0;
}

.f1 {
    background: #fff;
    display: block;
    float: left;
    width: 96%;
    padding: 5px 2%;
}

.my-rel li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: solid 1px #e8e8e8;
}

.my-rel li i {
    width: 9%;
    /*margin-right: 6px;*/
}

.my-rel li i, .my-rel li input, .my-rel li img, .my-rel li span, .my-rel li i, .my-rel li a {
    vertical-align: middle;
    border: none;
}

.my-rel li input {
    width: 80%;
    height: 32px;
    line-height: 32px;
    text-indent: 0.8em;
    font-size: 15px;
}

.my-rel li input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.my-rel li .ipt {
    width: 60%;
}

/*我的消息*/
.mynew {
    width: 100%;
    background: #fff;
    display: block;
}

.mynew dt {
    width: 90%;
    padding: 0 5%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-bottom: solid 1px #e8e8e8;
}

.mynew dd {
    width: 90%;
    padding: 5%;
}

.myordnav {
    width: 100%;
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 2px;
}

.myordnav ul {
    width: 100%;
    background: #fff;
    height: 40px;
}

.myordnav li {
    width: 25%;
    height: 40px;
    text-align: center;
    float: left;
}

.myordnav .hover {
    border-bottom: solid 2px #ff3028;
    height: 40px;
    line-height: 40px;
}

.myordnav .hover a {
    color: #ff3028;
}

.myord h3 {
    width: 98%;
    padding: 0 1%;
}

.myord .bklst dl {
    margin-top: 0;
}

.myord .bklst dt {
    width: 75%;
}

.myord .bklst dt img {
    width: 33.3%;
    float: left;
}

.myord .bklst dd {
    width: 25%;
    text-align: center;
    padding-top: 3%;
}

.myord .bklst .fth {
    font-size: 18px;
}

.myord .butw {
    width: 100%;
    background: #fff;
    text-align: right;
    border-top: solid 1px #e8e8e8;
    padding: 6px 0;
    margin-top: 0px;
}

.myord .butw .but1 {
    width: 20%;
    height: 36px;
    line-height: 36px;
    margin: 0;
    margin-right: 2%;
}

.myord-det {
    width: 100%;
}

.myord-det h3 {
    text-indent: 2%;
}

.myord-det ul {
    width: 96%;
    padding: 2%;
    background: #fff;
}

.myord-det li {
    min-height: 30px;
    line-height: 30px;
}

.myord-det dl {
    width: 98%;
    padding: 1%;
    background: #fff;
    overflow: hidden;
    border-bottom: solid 1px #e8e8e8;
}

.myord-det dt, .myord-det dd {
    float: left;
    vertical-align: middle;
    overflow: hidden;
    height: 120px;
}

.myord-det dt img {
    width: 90%;
    height: 98%;
    overflow: hidden;
}

.myord-det dt {
    width: 30%;
}

.myord-det dt a {
    height: 120px;
    display: table-cell;
    vertical-align: middle;
}

.myord-det dd {
    width: 60%;
}

.myord-det dd p {
    width: 95%;
    padding: 4px 0;
    overflow: hidden;
    height: 38px;
}

.myord-det dd .fth {
    font-size: 18px;
}

.myord-det .nb {
    width: 10%;
    text-align: center;
    border: none;
    height: 120px;
    line-height: 120px;
}

.myord-det .butw {
    width: 100%;
    background: #fff;
    border-top: dashed 1px #e8e8e8;
    text-align: right;
    padding: 6px 0;
    margin-top: 0px;
}

.myord-det .butw .but1 {
    width: 20%;
    height: 36px;
    line-height: 36px;
    margin: 0;
    margin-right: 2%;
}

.myalr {
    width: 100%;
}

.myalr article {
    width: 96%;
    padding: 2%;
    background: #fff;
    margin-top: 10px;
}

.myalr dl {
    min-height: 70px;
    border-bottom: dashed 1px #e8e8e8;
    width: 100%;
}

.myalr dt, .myalr dd {
    float: left;
    vertical-align: middle;
    padding: 2% 0;
}

.myalr dt {
    width: 50%;
}

.myalr dd {
    width: 50%;
    text-align: center;
    color: #999;
}

.myalr dd p {
    width: 100%;
}

.myalr .but, .myalr .but1 {
    width: 30%;
    display: inline-block;
    margin: 6px 10px 0 0;
}

/*物流信息*/
.logi {
    width: 96%;
    padding: 2%;
    background: #fff;
}

.logi li {
    width: 91%;
    float: left;
    line-height: 30px;
    margin-left: 6%;
    padding: 0 0 6px 10px;
    border-left: dashed 1px #e8e8e8;
    position: relative;
}

.logi li i {
    width: 8px;
    height: 8px;
    background: #e8e8e8;
    position: absolute;
    top: 10px;
    left: -4px;
    border-radius: 50%;
}

.logi li .ft12 {
    line-height: 18px;
}

/*登录*/
.lg-oth {
    width: 100%;
    text-align: center;
}

.lg-oth img {
    width: 40px;
}

.tsfa_top img {
    width: 100%;
}

/*登录 butwarp*/
.lgbutw {
    width: 90%;
    padding-left: 5%;
    margin-top: 10%;
}

.lgbutw p {
    width: 100%;
    padding: 2px 0;
    display: inline-block;
    text-align: center;
    line-height: 35px;
}

.lgbutw .adsbt {
    height: 40px;
}

.lgbutw .adsbt a {
    height: 40px;
    line-height: 40px;
    border: none;
}

.lgbutw h2 {
    margin-top: 30px;
}

/*bottom*/
footer {
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #fff;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, .2);
}

footer .bnav li {
    width: 20%;
    height: 50px;
    float: left;
    text-align: center;
    font-size: 12px;
}

footer .bnav li span {
    width: 100%;
    display: block;
    position: absolute;
    top: 28px;
    font-weight: 600;
}

footer .bnav li span.procolor {
    color: #036ca7;
}

footer i {
    margin-top: 5px;
}

footer a {
    display: block;
    position: relative;
}

footer em {
    width: 16px;
    height: 16px;
    background: #ff3028;
    font-size: 10px;
    font-style: normal;
    text-align: center;
    border-radius: 50%;
    line-height: 16px;
    color: #fff;
    position: absolute;
    top: 10%;
    right: 26%;
}

footer .hover {
    background: #fff;
}

footer .hover a {
    color: #ff3028;
}

footer .hover .i_bhm {
    background: url(../images/wi_bhmh.png) no-repeat center;
    background-size: 20px;
}

footer .hover .i_shop {
    background: url(../images/wi_bshop.png) no-repeat center;
    background-size: 20px;
}

footer .hover .i_bsp {
    background: url(../images/wi_bsph.png) no-repeat center;
    background-size: 20px;
}

footer .hover .i_bct {
    background: url(../images/wi_bcth.png) no-repeat center;
    background-size: 20px;
}

footer .hover .i_bod {
    background: url(../images/wi_bodh.png) no-repeat center;
    background-size: 20px;
}

.buy-bt {
    width: 100%
}

.buy-bt .fl {
    width: 38%;
}

.buy-bt .fr {
    width: 62%;
}

.buy-bt .but, .buy-bt .but1, .buy-bt .but2 {
    width: 50%;
    height: 50px;
    line-height: 50px;
    float: left;
}

.buy-bt .but1 {
    background: #ff6a00;
    color: #fff;
    border: none;
}

.buy-bt .but2{
    background: #ffa800;
    color: #fff;
    border: none;
}

.buy-bt .bnav li {
    width: 33%;
}

footer .ord-ck {
    bottom: 0px;
}

.pay-tip {
    width: 96%;
    position: fixed;
    left: 2%;
    bottom: 55px;
}

.no_result {
    height: 365px;
    vertical-align: middle;
    display: table-cell;
    width: 970px;
    font-size: 16px;
    line-height: 36px;
    background: #fff;
    text-indent: 2em;
    border-top: 1px solid #dfdfdf;
}

/*新闻*/
.text-box {
    background: #fff;
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.text-box .view h1 {
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}

.text-box .view {
    text-align: center;
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
}

.pagebox {
    width: 100%;
    float: left;
}

#content-detail {
    padding: 5px;
}

#content-detail img {
    max-width: 95%;
}

.my-skin .layui-layer-btn a {
    background-color: #0066B3;
    border: 1px solid #0066B3;
    color: #FFF;
}

.empty_list {
    position: fixed;
    _position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -62px 0 0 -62px;
    width: 124px;
    height: 124px;
    line-height: 124px;
    text-align: center;
    background: url(../images/empty.png) no-repeat;
}

.tc_img {
    display: none;
    width: 60%;
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    margin: auto;
    top: 20%;
}

.tc_img .close-item {
    width: 24px;
    height: 24px;
    top: -17px;
    right: -17px;
    position: absolute;
}

.tc_img img {
    max-width: 100%;
}

.maskbg {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    filter: alpha(opacity=80);
    opacity: 0.4;
    background: #000;
    z-index: 8000;
    height: 100%;
    display: none;
}

.huodong-txt {
    font-size: 14px;
    color: #333;
}

.huodong-tit {
    font-size: 17px !important;
    color: red;
    font-weight: bold !important;
    margin-top: 12px;
    width: 100%;
    float: left;
}

/*
网校教材信息
*/
.jcxx-area {
    display: block;
    width: 100%;
    float: left;
}

.jcxx-left {
    width: 100%;
    float: left;
    text-align: center;
}

.jcxx-left .jcpic {
    width: 88px;
    margin: 0 auto;
}

.jcxx-left .jcpic img {
    display: block;
    width: 125px;
}

.jcxx-right {
    display: block;
    float: left;
    width: 1036px;
}

.jcxx-right .jctit {
    height: 40px;
    font-size: 18px;
    line-height: 40px;
}

.jcxx-right .jcdata {
    line-height: 25px;
    font-size: 15px;
    font-weight: normal;
}

.jcxx-right .jcdata .litit {
    font-weight: bold;
}

.ml20 {
    margin-left: 20px;
}

.area-tit {
    color: blue;
    font-size: 15px;
}