.pc-style #Mid .BigBtn {
    width: 1120px;
    height: 270px;
    background: #0066cc url(Images/bg0234.gif) center top no-repeat;
    position: relative;
    margin-bottom: 20px;
}

.pc-style #Mid .BigBtn .More {
    position: absolute;
    left: 50%;
    margin-left: -430px;
    top: 109px;
    width: 570px;
}

.pc-style #Mid .BigBtn .More a {
    display: block;
    line-height: 24px;
    height: 24px;
    margin-bottom: 10px;
}

.pc-style #Mid .BigBtn .More a:hover {
    border-bottom: 1px dotted #ffffff;
}

.pc-style #Mid .BigBtn .BtnMaking {
    background: url(Images/bg0189.gif) 0px 0px no-repeat;
    width: 210px;
    height: 45px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 200px;
    top: 110px;
}

.pc-style #Mid .BigBtn .BtnMaking:hover {
    background: url(Images/bg0189.gif) 0px -45px no-repeat;
}

.pc-style #Mid .BigBtn .How {
    background: url(Images/bg0189.gif) 0px -90px no-repeat;
    width: 210px;
    height: 45px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 200px;
    top: 186px;
}

.pc-style #Mid .BigBtn .How:hover {
    background: url(Images/bg0189.gif) 0px -135px no-repeat;
}

.pc-style #Mid .Block {
    width: 1120px;
    margin-bottom: 20px;
    /* overflow: hidden; */
    /* zoom: 1; */
    border-radius: 8px;
}

.pc-style #Mid .Block::after {
    content: "";
    display: block;
    clear: both;
}

.pc-style #Mid .Block2 {
    margin-bottom: 20px;
}

.pc-style #Mid .Block2 .Sample {
    float: left;
    width: 670px;
    /* height:480px; */
    background: #ffffff;
    padding: 10px 20px 20px 20px;
}

.pc-style #Mid .Block2 .Sample dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.pc-style #Mid .Block2 .Sample dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block2 .Sample dt a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.pc-style #Mid .Block2 .Sample dd {
    display: block;
    width: 668px;
    height: 448px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    background: url(../css/images/bg02677.gif) center center no-repeat;
}

.pc-style #Mid .Block2 .AppAd {
    float: right;
    width: 350px;
    padding: 10px 20px 20px 20px;
    background: #ffffff;
}

.pc-style #Mid .Block2 .AppAd .AppTitle {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.pc-style #Mid .Block2 .AppAd .AppTitle:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block2 .AppAd .AppTitle a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.pc-style #Mid .Block2 .AppAd .Ad {
    width: 348px;
    height: 378px;
    /*	background:url(Images/pic1037.jpg) left top no-repeat;*/
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    position: relative;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg {
    width: 348px;
    height: 378px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus {
    width: 348px;
    height: 378px;
    overflow: hidden;
    position: relative;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus ul {
    height: 348px;
    position: absolute;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus ul li {
    float: left;
    width: 348px;
    height: 378px;
    overflow: hidden;
    position: relative;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus ul li a img {
    width: 348px;
    height: 378px;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .btnBg {
    position: absolute;
    width: 348px;
    height: 20px;
    left: 0;
    bottom: 0;
    background: #000;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .preNext {
    width: 45px;
    height: 100px;
    position: absolute;
    top: 140px;
    background: url(/css/Images/sprite.png) no-repeat 0 0;
    cursor: pointer;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .pre {
    left: 0;
    display: none;
}

.pc-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .next {
    right: 0;
    background-position: right top;
    display: none;
}

.pc-style #Mid .Block2 .AppAd .App {
    background: url(Images/bg0236.gif) left top repeat-x;
    height: 60px;
    border-left: 1px solid #e5e5e5;
}

.pc-style #Mid .Block2 .AppAd .App ul {
    float: left;
    height: 60px;
    background: url(Images/bg0237.gif) left center no-repeat;
    padding-left: 101px;
    position: relative;
    z-index: 2000;
}

.pc-style #Mid .Block2 .AppAd .App ul li {
    float: left;
    height: 60px;
    width: 62px;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo {
    display: none;
    position: absolute;
    top: 60px;
    right: 0px;
    /*	height:180px;*/
    width: 340px;
    border: 1px solid #cc0000;
    background: #ffffff;
    z-index: 2001;
    padding: 10px;
    overflow: hidden;
    zoom: 1;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .Ebook {
    margin-bottom: 5px;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .TK {
    border-top: 1px dotted #e5e5e5;
    padding-top: 5px;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo table {
    width: 100%;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo td {
    padding: 0px;
    line-height: 22px;
    vertical-align: top;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .VersionTitle {
    color: #cc6600;
    font-weight: bold;
    font-family: Arial;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo td p {
    text-indent: -48px;
    padding-left: 48px;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .Code {
    text-align: center;
    width: 160px;
    float: right;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .Code img {
    width: 128px;
    height: 128px;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .BtnDownload {
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    zoom: 1;
    background: url(Images/bg0050.gif) center center no-repeat;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin-top: 10px;
}

.pc-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .BtnDownload:hover {
    background: url(Images/bg0050_0.gif) center center no-repeat;
}

.pc-style #Mid .Block2 .AppAd .App ul li .iPhone {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0238.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
}

.pc-style #Mid .Block2 .AppAd .App ul li .iPad {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0239.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
    border-left: 1px solid #ffffff;
}

.pc-style #Mid .Block2 .AppAd .App ul li .Android {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0240.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
    border-left: 1px solid #ffffff;
}

.pc-style #Mid .Block2 .AppAd .App ul li .AndroidHD {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0241.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
    border-left: 1px solid #ffffff;
}

.pc-style #Mid .Block2 .AppAd .App ul li.Over .iPhone {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0238_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.pc-style #Mid .Block2 .AppAd .App ul li.Over .iPad {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0239_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.pc-style #Mid .Block2 .AppAd .App ul li.Over .Android {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0240_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.pc-style #Mid .Block2 .AppAd .App ul li.Over .AndroidHD {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0241_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.pc-style #Mid .Block2 .AppAd .App ul li.Over .DownloadInfo {
    display: block;
}

.pc-style #Mid .Block .SearchBox {
    background: #f5f5f5;
    padding: 5px;
    height: 30px;
    vertical-align: bottom;
    clear: both;
    width: 610px;
    margin: 0px auto 20px auto;
}

.pc-style #Mid .Block .SearchBox .Search {
    float: left;
    border: 1px solid #999999;
    height: 28px;
    background: #ffffff;
    margin-right: 4px;
    width: 500px;
}

.pc-style #Mid .Block .SearchBox .Search .TxtSearch {
    float: left;
    height: 20px;
    line-height: 20px;
    background: #ffffff url(Images/bg0146.gif) left top no-repeat;
    padding: 4px 10px 4px 40px;
    width: 450px;
    position: relative;
    z-index: 9999;
}

.pc-style #Mid .Block .SearchBox .Search .TxtSearch .TextBox {
    background: transparent;
    height: 20px;
    width: 450px;
    line-height: 20px;
    border: 0px;
    outline: 0px;
    font-size: 14px;
}

.pc-style #Mid .Block .SearchBox .Search .TxtSearch .SearchSuggest {
    top: 28px;
    left: -1px;
    border: 1px solid #999999;
    width: 395px;
    position: absolute;
}

.pc-style #Mid .Block .SearchBox .BtnSearch {
    float: left;
    height: 30px;
    width: 100px;
    background: url(Images/bg0145.gif) center center no-repeat;
    line-height: 0px;
}

.pc-style #Mid .Block .SearchBox .Advanced {
    float: left;
    line-height: 20px;
    height: 20px;
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
}

.pc-style #Mid .NavBlock {
    background: #ffffff;
    padding: 10px 20px 20px 20px;
    border-radius: 8px;
}

.pc-style #Mid .NavBlock .NewOrg {
    overflow: hidden;
}

.pc-style #Mid .NavBlock .NewOrg dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.pc-style #Mid .NavBlock .NewOrg dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .NavBlock .NewOrg dt a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.pc-style #Mid .NavBlock .NewOrg dd {
    display: block;
    overflow: hidden;
    padding: 10px 0px 3px 0px;
    font-size: 14px;
}

.pc-style #Mid .NavBlock .NewOrg dd li {
    background: url(Images/bg0011.gif) left 10px no-repeat;
    padding-left: 10px;
    height: 24px;
    overflow: hidden;
}

.pc-style #Mid .NavBlock .NewOrg dd li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.pc-style #Mid .NavBlock .NewOrg dd li a.New {
    padding-right: 28px;
}

.pc-style #Mid .NavBlock .NewOrg dd li a.New:after {
    content: "";
    display: block;
    width: 28px;
    height: 24px;
    background: url(Images/icoNew.gif) center center no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
}

.pc-style #Mid .Block .NavBlock {
    background: #ffffff;
    padding: 10px 20px 20px 20px;
    border-radius: 8px;
    border: 1px solid #e53737;
    box-shadow: 0px 0px 15px 0px rgba(229, 55, 55, 0.3);
}

.pc-style #Mid .Block .NavBlock .NavBlockInner {
    overflow: hidden;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dt {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    /* display: none; */
    text-align: center;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dt .Text {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #e53737;
    padding: 10px 0px 15px 0px;
    position: relative;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dt .Text:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: -0.5em;
    right: -0.5em;
    background: #ff9900;
    height: 5px;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dt a {
    font-size: 12px;
    font-weight: normal;
    float: right;
    font-family: "宋体";
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dd {
    display: block;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner .catalog-sub {
    padding: 10px 0px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px dotted #e5e5e5;
    display: flex;
    align-items: center;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner .catalog-sub:last-child {
    border: none;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dd h3 {
    display: block;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    width: 11em;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dd ul {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    clear: both;
    overflow: hidden;
    font-size: 14px;
    flex: 1;
    padding-left: 15px;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dd ul li {
    float: left;
    padding-right: 1em;
    box-sizing: border-box;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dd ul li a {
    color: #00427c;
    float: left;
    display: block;
    white-space: nowrap;
    padding: 2px;
}

.pc-style #Mid .Block .NavBlock .NavBlockInner dd ul li a:hover {
    color: #cc0000;
    text-decoration: underline;
}

.pc-style #Mid .Block .BlockRight {
    overflow: hidden;
}

.pc-style #Mid .BlockFocus {
    overflow: hidden;
}

.pc-style #Mid .BlockFocus .ScollImg {
    width: 860px;
    height: 275px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
    float: left;
    margin-right: 20px;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 {
    width: 860px;
    height: 275px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 ul {
    height: 275px;
    position: absolute;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 ul li {
    float: left;
    width: 860px;
    height: 275px;
    overflow: hidden;
    position: relative;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 ul li a {
    display: block;
    position: relative;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 ul li a img {
    width: 860px;
    height: 275px;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 ul li .zhibo-banner:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    height: 24px;
    width: 100%;
    background: url(https://wx.100xuexi.com/images/zhiboingtag.gif) left top no-repeat;
    background-size: auto 100%;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 .btnBg {
    position: absolute;
    width: 860px;
    height: 5px;
    left: 0;
    bottom: 0px;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 .btn {
    position: absolute;
    width: 840px;
    height: 5px;
    right: 10px;
    bottom: 10px;
    text-align: right;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 .btn span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 22px;
    height: 5px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #ffffff;
    text-align: center;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    line-height: 22px;
    color: #e53737;
    vertical-align: top;
}

.pc-style #Mid .BlockFocus .ScollImg #focus2 .btn span.on {
    background: #e53737;
    color: #ffffff;
}

.pc-style #Mid .AppAndCalendar {
    float: right;
    background: #ffffff;
    width: 200px;
    padding: 20px;
    border-radius: 8px;
}

.pc-style #Mid .AppAndCalendar .app-box {
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

.pc-style #Mid .AppAndCalendar .app-box .app-code {
    display: block;
    margin-bottom: 5px;
}

.pc-style #Mid .AppAndCalendar .app-box .app-code img {
    width: 140px;
}

.pc-style #Mid .AppAndCalendar .app-box .app-code-des {
    display: block;
}

.pc-style #Mid .AppAndCalendar .Calendar {
    display: block;
    height: 40px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ffb2b2;
    background: #ffeded;
    color: #e53737;
    line-height: 38px;
    text-align: center;
    position: relative;
}

.pc-style #Mid .AppAndCalendar .Calendar:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(https://g.100xuexi.com/CssModel/XXMain2018/css/images/bg0362.png) center center no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.pc-style #Mid .AppAndCalendar .Calendar .Text {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.pc-style #Mid .Block .Notitce {
    float: left;
    width: 510px;
    padding: 10px 20px 20px 20px;
    background: #ffffff;
    border-radius: 8px;
    margin-right: 20px;
}

.pc-style #Mid .Block .Notitce dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.pc-style #Mid .Block .Notitce dt ul {
    overflow: hidden;
    zoom: 1;
}

.pc-style #Mid .Block .Notitce dt ul li {
    float: left;
    margin-right: 20px;
    position: relative;
    padding: 10px 0px;
    cursor: pointer;
    color: #666666;
}

.pc-style #Mid .Block .Notitce dt ul li.over {
    color: #e53737;
}

.pc-style #Mid .Block .Notitce dt ul li.over:before {
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block .Notitce dt .More {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 14px 10px 10px;
    color: #336699;
    font-size: 14px;
    font-weight: normal;
}

.pc-style #Mid .Block .Notitce dt .More:after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: -4px;
}


.pc-style #Mid .Block .Notitce dd {
    display: block;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
}

.pc-style #Mid .Block .Notitce dd li {
    padding-left: 10px;
    height: 24px;
    overflow: hidden;
    position: relative;
}

.pc-style #Mid .Block .Notitce dd li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
}

.pc-style #Mid .Block .Notitce dd li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-style #Mid .Block .Notitce dd li.place-holder {
    padding: 0px;
    background: none;
}

.pc-style #Mid .Block .Notitce dd li.place-holder:before {
    content: " ";
    display: block;
    margin: 5px 0px;
    height: 14px;
    background: #f5f5f5;
}

.pc-style #Mid .Block .EbookList {
    background: #ffffff;
    padding: 10px 20px 20px 20px;
    border-radius: 8px;
    /* display: none; */
    float: right;
    width: 510px;
}

.pc-style #Mid .Block .EbookList dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.pc-style #Mid .Block .EbookList dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block .EbookList dt a {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 14px 10px 10px;
    color: #336699;
    font-size: 14px;
    font-weight: normal;
}

.pc-style #Mid .Block .EbookList dt a:after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: -4px;
}



.pc-style #Mid .Block .EbookList dt .T {
    float: left;
}

.pc-style #Mid .Block .EbookList dt span {
    font-weight: normal;
    color: #666666;
    font-size: 12px;
    display: block;
    text-align: center;
}

.pc-style #Mid .Block .EbookList dt span em {
    font-weight: bold;
    color: #ff0000;
}

.pc-style #Mid .Block .EbookList dd {
    padding-top: 10px;
    width: 100%;
    zoom: 1;
}

/* 
.pc-style #Mid .Block .EbookList dd .Container {
    width: 880px;
}

.pc-style #Mid .Block .EbookList dd .Container:after {
    content: "";
    display: block;
    clear: both;
} */

.pc-style #Mid .Block .EbookList dd .TextItem {
    padding-left: 10px;
    height: 24px;
    overflow: hidden;
    position: relative;
}

.pc-style #Mid .Block .EbookList dd .TextItem ::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
}

.pc-style #Mid .Block .EbookList dd .TextItem a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-style #Mid .Block .EbookList dd .Item {
    width: 124px;
    float: left;
    margin: 0px 50px 30px 0px;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemImg {
    width: 124px;
    height: 175px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    z-index: 1;
    display: block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border-radius: 8px;
    overflow: hidden;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemImg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 5;
    border-radius: 8px;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemImg .ItemFlag {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: none;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemImg a {
    display: block;
    width: 100%;
    height: 100%;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemImg img {
    width: 100%;
    height: 100%;
    line-height: 1.5;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemImg .ProductImg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
}

/*3D主题背景*/

.pc-style #Mid .Block .EbookList dd .Item .Not3D {
    width: 100%;
    height: 100%;
}

.pc-style #Mid .Block .EbookList dd .ItemVideo .ItemImg {
    background: url(https://wx.100xuexi.com/images/bgimg/videocoverbgimg.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.pc-style #Mid .Block .EbookList dd .ItemVideo .ItemImg .BgImg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}

.pc-style #Mid .Block .EbookList dd .ItemVideo .ItemImg .BgImg img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.pc-style #Mid .Block .EbookList dd .ItemVideo .ItemImg .ProductImg {
    width: 80%;
    height: auto;
    position: absolute;
    z-index: 2;
    left: 10%;
    top: 25%;
    box-sizing: border-box;
    border: 1px solid #ffffff;
}

.pc-style #Mid .Block .EbookList dd .ItemVideo .ItemImg .ProductImg img {
    width: 100%;
    height: auto;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemImg:hover {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    -webkit-ttransform: translateY(-5px);
}

.pc-style #Mid .Block .EbookList dd .Item .ItemName {
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
}

.pc-style #Mid .Block .EbookList dd .Item .ItemName a {
    display: block;
}

.pc-style #Mid .Block .EbookList dd .Item.place-holder .ItemImg .ProductImg {
    background: #f5f5f5;
}

.pc-style #Mid .Block .EbookList dd .Item.place-holder .text-place-holder {
    display: block;
    overflow: hidden;
}

.pc-style #Mid .Block .EbookList dd .Item.place-holder .text-place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.pc-style #Mid .Block .EbookList dd .Item.place-holder .text-place-holder:last-child:before {
    content: "";
    display: block;
    width: 80%;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.pc-style #Mid .Block .Downloading {
    width: 550px;
    float: left;
}

.pc-style #Mid .Block .Downloading dl {
    padding: 10px 20px 20px 20px;
    background: #ffffff;
    border-radius: 8px;
}

.pc-style #Mid .Block .Downloading dt {
    display: block;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    zoom: 1;
}

.pc-style #Mid .Block .Downloading dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block .Downloading dt .DownloadingTitleText {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    float: left;
}

.pc-style #Mid .Block .Downloading dt .More {
    font-family: "宋体";
    font-size: 14px;
    float: right;
}

.pc-style #Mid .Block .Downloading dt .TodayCont {
    font-weight: normal;
    color: #333333;
    display: block;
    margin: 0px auto;
    text-align: center;
}

.pc-style #Mid .Block .Downloading dt .TodayCont .Num {
    font-weight: bold;
    color: #cc0000;
}

.pc-style #Mid .Block .Downloading dd {
    padding-top: 10px;
    font-size: 14px;
    height: 208px;
}

.pc-style #Mid .Block .Downloading dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    background: url(Images/bg0011.gif) left 10px no-repeat;
    padding-left: 10px;
    padding-right: 50px;
    position: relative;
}

.pc-style #Mid .Block .Downloading dd li .BookName {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-style #Mid .Block .Downloading dd li .Time {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #888888;
    white-space: nowrap;
    text-align: right;
}

.pc-style #Mid .Block .Downloading dd li.place-holder {
    padding: 0px;
    background: none;
}

.pc-style #Mid .Block .Downloading dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.pc-style #Mid .Block .TopDownload {
    width: 550px;
    float: left;
    /* margin-right: 20px; */
    margin-bottom: 20px;
}

.pc-style #Mid .Block .TopDownload dl {
    padding: 10px 20px 20px 20px;
    background: #ffffff;
    border-radius: 8px;
}

.pc-style #Mid .Block .TopDownload dt {
    display: block;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    zoom: 1;
}

.pc-style #Mid .Block .TopDownload dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block .TopDownload dt .TopDownloadTitleText {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    float: left;
}

.pc-style #Mid .Block .TopDownload dt .More {
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-family: "宋体";
}

.pc-style #Mid .Block .TopDownload dd {
    padding-top: 10px;
    font-size: 14px;
    height: 208px;
}

.pc-style #Mid .Block .TopDownload dd ul {
    background: url(Images/bg0014.png) left top no-repeat;
    padding-left: 24px;
}

.pc-style #Mid .Block .TopDownload dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.pc-style #Mid .Block .TopDownload dd li.place-holder {
    padding: 0px;
    background: none;
}

.pc-style #Mid .Block .TopDownload dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.pc-style #Mid .Block .TopDownload dd li .Number {
    display: none;
}

.pc-style #Mid .Block .NewBuy {
    width: 550px;
    float: right;
}

.pc-style #Mid .Block .NewBuy dl {
    padding: 10px 20px 20px 20px;
    background: #ffffff;
    border-radius: 8px;
}

.pc-style #Mid .Block .NewBuy dt {
    display: block;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    zoom: 1;
}

.pc-style #Mid .Block .NewBuy dt .NewBuyTitleText {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.pc-style #Mid .Block .NewBuy dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block .NewBuy dt .More {
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-family: "宋体";
}

.pc-style #Mid .Block .NewBuy dd {
    padding-top: 10px;
    font-size: 14px;
    height: 208px;
}

.pc-style #Mid .Block .NewBuy dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    background: url(Images/bg0011.gif) left 10px no-repeat;
    padding-left: 10px;
    padding-right: 50px;
    position: relative;
}

.pc-style #Mid .Block .NewBuy dd li .BookName {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-style #Mid .Block .NewBuy dd li .Time {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #888888;
    white-space: nowrap;
    text-align: right;
}

.pc-style #Mid .Block .NewBuy dd li.place-holder {
    padding: 0px;
    background: none;
}

.pc-style #Mid .Block .NewBuy dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.pc-style #Mid .Block .NewZhenti {
    width: 550px;
    float: right;
    margin-bottom: 20px;
}

.pc-style #Mid .Block .NewZhenti dl {
    padding: 10px 20px 20px 20px;
    background: #ffffff;
    border-radius: 8px;
}

.pc-style #Mid .Block .NewZhenti dt {
    display: block;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    zoom: 1;
}

.pc-style #Mid .Block .NewZhenti dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block .NewZhenti dt .NewZhentiTitleText {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    float: left;
}

.pc-style #Mid .Block .NewZhenti dt .More {
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-family: "宋体";
}

.pc-style #Mid .Block .NewZhenti dd {
    padding-top: 10px;
    font-size: 14px;
    height: 208px;
}

.pc-style #Mid .Block .NewZhenti dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    background: url(Images/bg0011.gif) left 10px no-repeat;
    padding-left: 10px;
    padding-right: 100px;
    position: relative;
}

.pc-style #Mid .Block .NewZhenti dd li .BookName {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-style #Mid .Block .NewZhenti dd li .Time {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #888888;
    white-space: nowrap;
    text-align: right;
}

.pc-style #Mid .Block .NewZhenti dd li.place-holder {
    padding: 0px;
    background: none;
}

.pc-style #Mid .Block .NewZhenti dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.pc-style #Mid .Block .Topic {
    padding: 10px 20px 10px 20px;
    background: #ffffff;
}

.pc-style #Mid .Block .Topic dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.pc-style #Mid .Block .Topic dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style #Mid .Block .Topic dt .More {
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-family: "宋体";
}

.pc-style #Mid .Block .Topic dd {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
}

.pc-style #Mid .Block .Topic dd .Inner {
    width: 1100px;
    overflow: hidden;
    zoom: 1;
}

.pc-style #Mid .Block .Topic dd .Inner .Item {
    width: 200px;
    height: 120px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background: #f5f5f5;
    text-align: center;
}

.pc-style #Mid .Block .Topic dd .Inner .Item a {
    display: block;
    width: 100%;
    height: 100%;
}

.pc-style #Mid .Block .Topic dd .Inner .Item img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-radius: 8px;
}

.pc-style #Mid .AdBlock {
    margin-bottom: 10px;
}

.pc-style #Link {
    width: 1120px;
    margin: 0px auto 20px auto;
}

.pc-style #Link dl {
    background: #ffffff;
    padding: 10px 20px 20px 20px;
}

.pc-style #Link dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.pc-style #Link dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
}

.pc-style #Link dd #LinkListBox {
    width: 1080px;
    height: 55px;
    overflow: hidden;
    margin: 5px auto;
}

.pc-style #Link dd #LinkListBox ul {
    width: 1090;
    height: 55px;
}

.pc-style #Link dd #LinkList li {
    width: 125px;
    height: 55px;
    line-height: 0px;
    text-align: center;
    padding: 0px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.pc-style .Partner {
    background: #ffffff;
    width: 1120px;
    margin: 0px auto 20px auto;
    border-radius: 8px;
}

.Partner dl {
    padding: 10px 20px 20px 20px;
}

.pc-style .Partner dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.pc-style .Partner dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style .Partner dd img {
    max-width: 100%;
}

.pc-style .HotBooks {
    padding: 10px 20px 20px 20px;
    background: #ffffff;
}

.pc-style .HotBooks .HotBooksTitle {
    display: block;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    line-height: 28px;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 20px;
}

.pc-style .HotBooks .HotBooksTitle:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.pc-style .HotBooks .HotBooksTitle .HotBooksTitleText {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.pc-style .HotBooks .HotBooksTitle .HotBooksTab {
    float: right;
    overflow: hidden;
    zoom: 1;
}

.pc-style .HotBooks .HotBooksTitle .HotBooksTab li {
    float: left;
    font-size: 16px;
    padding-left: 10px;
}

.pc-style .HotBooks .HotBooksTitle .HotBooksTab a {
    display: block;
    padding: 0px 10px;
    border-radius: 3px;
}

.pc-style .HotBooks .HotBooksTitle .HotBooksTab .Selected {
    background: #e53737;
    color: #ffffff;
}

.pc-style .HotBooks .BookList {
    width: 1130px;
}

.pc-style .HotBooks .BookList:after {
    content: "";
    display: block;
    clear: both;
}

.pc-style .HotBooks .BookList .Item {
    float: left;
    width: 138px;
    margin-right: 50px;
    margin-bottom: 30px;
}

.pc-style .HotBooks .BookList .Item .ItemImg {
    width: 138px;
    height: 195px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    z-index: 1;
    display: block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border-radius: 8px;
}

.pc-style .HotBooks .BookList .Item .ItemImg:hover {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    -webkit-ttransform: translateY(-5px);
}

.pc-style .HotBooks .BookList .Item .ItemImg .ProductImg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
}

.pc-style .HotBooks .BookList .Item .ItemImg .ProductImg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 5;
}

.pc-style .HotBooks .BookList .Item .ItemImg .ProductImg img {
    width: 100%;
    height: 100%;
}

.pc-style .HotBooks .BookList .Item.place-holder .ItemImg .ProductImg {
    background: #f5f5f5;
}

.pc-style .HotBooks .BookList .Item .ItemImg .ItemFlag {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: none;
}

.pc-style .HotBooks .BookList .Item.place-holder .ItemName .text-place-holder {
    display: block;
    overflow: hidden;
}

.pc-style .HotBooks .BookList .Item.place-holder .ItemName .text-place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.pc-style .HotBooks .BookList .Item.place-holder .ItemName .text-place-holder:last-child:before {
    content: "";
    display: block;
    width: 80%;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.pc-style .HotBooks .BookList .ItemVideo .ItemImg {
    background: url(https://wx.100xuexi.com/images/bgimg/videocoverbgimg.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.pc-style .HotBooks .BookList .ItemVideo .ItemImg .ProductImg {
    width: 80%;
    height: auto;
    position: absolute;
    z-index: 3;
    left: 10%;
    top: 25%;
    border: 1px solid #ffffff;
    box-sizing: border-box;
}

.pc-style .HotBooks .BookList .Item .ItemImg .ProductImg img {
    width: 100%;
    /* height: auto; */
}

.pc-style .HotBooks .BookList .Item .ItemName {
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
}

.pc-style .HotBooks .BookList .Item .ItemImg a {
    display: block;
}

.pc-style .RecommendBlock {
    /* padding: 10px 20px 0px 20px; */
    /* background: #ffffff; */
}

.pc-style .RecommendBlock .RecommendBlockTitle {
    display: block;
    /* padding: 10px 0px 10px 15px; */
    position: relative;
    /* border-bottom: 1px solid #e5e5e5; */
    line-height: 36px;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 10px;
}

/* .pc-style .RecommendBlock .RecommendBlockTitle:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
} */

.pc-style .RecommendBlock .RecommendBlockTitle .RecommendBlockTitleText {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background: #e53737;
    padding: 0px 25px 0px 10px;
    border-radius: 5px 30px 5px 5px;
}

.pc-style .RecommendBlock .RecommendBlockTitle .More {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #336699;
}

.pc-style .RecommendBlock .RecommendBlockTitle .More:after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: -4px;
}

.pc-style .RecommendBlock .RecommendBlockTitle .RecommendBlockTab {
    float: right;
    overflow: hidden;
    zoom: 1;
}

.pc-style .RecommendBlock .RecommendBlockTitle .RecommendBlockTab li {
    float: left;
    font-size: 16px;
    padding-left: 10px;
}

.pc-style .RecommendBlock .RecommendBlockTitle .RecommendBlockTab a {
    display: block;
    padding: 0px 10px;
    border-radius: 3px;
}

.pc-style .RecommendBlock .RecommendBlockTitle .RecommendBlockTab .Selected {
    background: #e53737;
    color: #ffffff;
}

.pc-style .RecommendBlock .ProductsList {
    width: 1130px;
}

.pc-style .RecommendBlock .ProductsList:after {
    content: "";
    display: block;
    clear: both;
}

.pc-style .RecommendBlock .ProductsList .Item {
    float: left;
    width: 220px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #ffffff;
    position: relative;
    border-radius: 8px;
}

.pc-style .RecommendBlock .ProductsList .Item:hover:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #e53737;
    border-radius: 8px;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemInner {
    padding: 15px;
    position: relative;
    z-index: 20;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemImg {
    width: 190px;
    height: 190px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    z-index: 1;
    display: block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border-radius: 8px;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemVideoImg {
    width: 190px;
    height: 190px;
}

/* .pc-style .RecommendBlock .ProductsList .Item .ItemImg:hover {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    -webkit-ttransform: translateY(-5px);
} */

.pc-style .RecommendBlock .ProductsList .Item .ItemImg .ProductImg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    border-radius: 8px;
    overflow: hidden;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemImg .ProductImg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 5;
    border-radius: 8px;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemImg .ProductImg img {
    width: 100%;
    height: 100%;
}

.pc-style .RecommendBlock .ProductsList .Item.place-holder .ItemImg .ProductImg {
    background: #f5f5f5;
    border-radius: 8px;
}

.pc-style .RecommendBlock .ProductsList .Item.place-holder .ItemName .text-place-holder {
    display: block;
    overflow: hidden;
}

.pc-style .RecommendBlock .ProductsList .Item.place-holder .ItemName .text-place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.pc-style .RecommendBlock .ProductsList .Item.place-holder .ItemName .text-place-holder:last-child:before {
    content: "";
    display: block;
    width: 80%;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemName {
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 10px;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemPrice {
    color: #666666;
    overflow: hidden;
    zoom: 1;
    font-size: 12px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemPrice .PriceText {
    float: left;
    color: #e53737;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 1em;
    font-family: 'Roboto', sans-serif;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemPrice .PriceText .price-int {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemPrice .PriceText .price-decimal {
    font-family: 'Roboto', sans-serif;
}


.pc-style .RecommendBlock .ProductsList .Item .ItemPrice .SellCount {
    float: right;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemPrice .PriceNum {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemPrice .CountNum {
    color: #cc6600;
    padding: 0px 2px;
}

.pc-style .RecommendBlock .ProductsList .Item .ItemImg a {
    display: block;
}


.pc-style .block-product {
    margin: 0px auto 20px auto;
}

.pc-style .block-product .block-title {
    margin-bottom: 10px;
    position: relative;
    line-height: 36px;
}

.pc-style .block-product .block-title::after {
    content: "";
    display: block;
    clear: both;
}

.pc-style .block-product .block-title .title-text {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background: #e53737;
    padding: 0px 25px 0px 10px;
    border-radius: 5px 30px 5px 5px;
}

.pc-style .block-product .block-title .link-more {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #336699;
}

.pc-style .block-product .block-title .link-more::after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: -4px;
}

.pc-style .block-product .block-title .link-more:hover {
    color: #e53737;
}

.pc-style .block-product .product-list {
    width: 1130px;
}

.pc-style .block-product .product-list .product-item {
    float: left;
    width: 220px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #ffffff;
    position: relative;
    border-radius: 8px;
}

.pc-style .block-product .product-list .product-item:hover {
    box-shadow: 0px 0px 0px 1px #e53737 inset;
}

.pc-style .block-product .product-list .product-item .item-inner {
    display: block;
    padding: 15px;
    position: relative;
    z-index: 20;
}


.pc-style .block-product .product-list .product-item .item-inner-link {
    display: block;
}

.pc-style .block-product .product-list .product-item .item-imgbox {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    background: #f5f5f5;
}

.pc-style .block-product .product-list .product-item .item-imgbox::before {
    content: "";
    display: block;
    padding-top: 100%;
}



.pc-style .block-product .product-list .product-item .item-imgbox .item-imgbg {
    background: #ffffff;
    background-size: cover;
    filter: blur(50px);
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    /* z-index: 1; */
}

.pc-style .block-product .product-list .product-item .item-imgbox .item-img {
    background: center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    /* z-index: 2; */
}

.pc-style .block-product .product-list .product-item .item-imgbox img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.pc-style .block-product .product-list .product-item .item-des {
    display: block;
}

.pc-style .block-product .product-list .product-item .item-title {
    display: block;
    min-height: 4.5em;
    max-height: 4.5em;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc-style .block-product .product-list .product-item .item-title .type {
    color: #e53737;
}

.pc-style .block-product .product-list .product-item .item-price {
    color: #e53737;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    display: block;
    padding-top: 5px;
}

.pc-style .block-product .product-list .product-item .item-price .num {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

/* ******移动端样式******* */

.mobile-style #Mid .BigBtn {
    width: 1120px;
    height: 270px;
    background: #0066cc url(Images/bg0234.gif) center top no-repeat;
    position: relative;
    margin-bottom: 20px;
}

.mobile-style #Mid .BigBtn .More {
    position: absolute;
    left: 50%;
    margin-left: -430px;
    top: 109px;
    width: 570px;
}

.mobile-style #Mid .BigBtn .More a {
    display: block;
    line-height: 24px;
    height: 24px;
    margin-bottom: 10px;
}

.mobile-style #Mid .BigBtn .More a:hover {
    border-bottom: 1px dotted #ffffff;
}

.mobile-style #Mid .BigBtn .BtnMaking {
    background: url(Images/bg0189.gif) 0px 0px no-repeat;
    width: 210px;
    height: 45px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 200px;
    top: 110px;
}

.mobile-style #Mid .BigBtn .BtnMaking:hover {
    background: url(Images/bg0189.gif) 0px -45px no-repeat;
}

.mobile-style #Mid .BigBtn .How {
    background: url(Images/bg0189.gif) 0px -90px no-repeat;
    width: 210px;
    height: 45px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 200px;
    top: 186px;
}

.mobile-style #Mid .BigBtn .How:hover {
    background: url(Images/bg0189.gif) 0px -135px no-repeat;
}

.mobile-style #Mid .Block {
    overflow: hidden;
    zoom: 1;
}

.mobile-style #Mid .Block2 {}

.mobile-style #Mid .Block2 .Sample {
    float: left;
    width: 670px;
    /* height:480px; */
    background: #ffffff;
    padding: 10px 20px 20px 20px;
}

.mobile-style #Mid .Block2 .Sample dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.mobile-style #Mid .Block2 .Sample dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.mobile-style #Mid .Block2 .Sample dt a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.mobile-style #Mid .Block2 .Sample dd {
    display: block;
    width: 668px;
    height: 448px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    background: url(../css/images/bg02677.gif) center center no-repeat;
}

.mobile-style #Mid .Block2 .AppAd {
    float: right;
    width: 350px;
    padding: 10px 20px 20px 20px;
    background: #ffffff;
}

.mobile-style #Mid .Block2 .AppAd .AppTitle {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.mobile-style #Mid .Block2 .AppAd .AppTitle:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
}

.mobile-style #Mid .Block2 .AppAd .AppTitle a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.mobile-style #Mid .Block2 .AppAd .Ad {
    width: 348px;
    height: 378px;
    /*	background:url(Images/pic1037.jpg) left top no-repeat;*/
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    position: relative;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg {
    width: 348px;
    height: 378px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus {
    width: 348px;
    height: 378px;
    overflow: hidden;
    position: relative;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus ul {
    height: 348px;
    position: absolute;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus ul li {
    float: left;
    width: 348px;
    height: 378px;
    overflow: hidden;
    position: relative;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus ul li a img {
    width: 348px;
    height: 378px;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .btnBg {
    position: absolute;
    width: 348px;
    height: 20px;
    left: 0;
    bottom: 0;
    background: #000;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .preNext {
    width: 45px;
    height: 100px;
    position: absolute;
    top: 140px;
    background: url(/css/Images/sprite.png) no-repeat 0 0;
    cursor: pointer;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .pre {
    left: 0;
    display: none;
}

.mobile-style #Mid .Block2 .AppAd .Ad .ScollImg #focus .next {
    right: 0;
    background-position: right top;
    display: none;
}

.mobile-style #Mid .Block2 .AppAd .App {
    background: url(Images/bg0236.gif) left top repeat-x;
    height: 60px;
    border-left: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block2 .AppAd .App ul {
    float: left;
    height: 60px;
    background: url(Images/bg0237.gif) left center no-repeat;
    padding-left: 101px;
    position: relative;
    z-index: 2000;
}

.mobile-style #Mid .Block2 .AppAd .App ul li {
    float: left;
    height: 60px;
    width: 62px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo {
    display: none;
    position: absolute;
    top: 60px;
    right: 0px;
    /*	height:180px;*/
    width: 340px;
    border: 1px solid #cc0000;
    background: #ffffff;
    z-index: 2001;
    padding: 10px;
    overflow: hidden;
    zoom: 1;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .Ebook {
    margin-bottom: 5px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .TK {
    border-top: 1px dotted #e5e5e5;
    padding-top: 5px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo table {
    width: 100%;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo td {
    padding: 0px;
    line-height: 22px;
    vertical-align: top;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .VersionTitle {
    color: #cc6600;
    font-weight: bold;
    font-family: Arial;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo td p {
    text-indent: -48px;
    padding-left: 48px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .Code {
    text-align: center;
    width: 160px;
    float: right;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .Code img {
    width: 128px;
    height: 128px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .BtnDownload {
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    zoom: 1;
    background: url(Images/bg0050.gif) center center no-repeat;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin-top: 10px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .DownloadInfo .BtnDownload:hover {
    background: url(Images/bg0050_0.gif) center center no-repeat;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .iPhone {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0238.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .iPad {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0239.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
    border-left: 1px solid #ffffff;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .Android {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0240.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
    border-left: 1px solid #ffffff;
}

.mobile-style #Mid .Block2 .AppAd .App ul li .AndroidHD {
    z-index: 2002;
    position: relative;
    display: block;
    height: 58px;
    width: 60px;
    background: url(Images/bg0241.gif) left top no-repeat;
    border: 1px solid #e5e5e5;
    border-left: 1px solid #ffffff;
}

.mobile-style #Mid .Block2 .AppAd .App ul li.Over .iPhone {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0238_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li.Over .iPad {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0239_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li.Over .Android {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0240_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li.Over .AndroidHD {
    height: 57px;
    width: 60px;
    background: #ffffff url(Images/bg0241_0.gif) left top no-repeat;
    border: 1px solid #cc0000;
    border-top: 4px solid #cc0000;
    border-bottom: 0px;
}

.mobile-style #Mid .Block2 .AppAd .App ul li.Over .DownloadInfo {
    display: block;
}

.mobile-style #Mid .Block .SearchBox {
    background: #f5f5f5;
    padding: 5px;
    height: 30px;
    vertical-align: bottom;
    clear: both;
    width: 610px;
    margin: 0px auto 20px auto;
}

.mobile-style #Mid .Block .SearchBox .Search {
    float: left;
    border: 1px solid #999999;
    height: 28px;
    background: #ffffff;
    margin-right: 4px;
    width: 500px;
}

.mobile-style #Mid .Block .SearchBox .Search .TxtSearch {
    float: left;
    height: 20px;
    line-height: 20px;
    background: #ffffff url(Images/bg0146.gif) left top no-repeat;
    padding: 4px 10px 4px 40px;
    width: 450px;
    position: relative;
    z-index: 9999;
}

.mobile-style #Mid .Block .SearchBox .Search .TxtSearch .TextBox {
    background: transparent;
    height: 20px;
    width: 450px;
    line-height: 20px;
    border: 0px;
    outline: 0px;
    font-size: 14px;
}

.mobile-style #Mid .Block .SearchBox .Search .TxtSearch .SearchSuggest {
    top: 28px;
    left: -1px;
    border: 1px solid #999999;
    width: 395px;
    position: absolute;
}

.mobile-style #Mid .Block .SearchBox .BtnSearch {
    float: left;
    height: 30px;
    width: 100px;
    background: url(Images/bg0145.gif) center center no-repeat;
    line-height: 0px;
}

.mobile-style #Mid .Block .SearchBox .Advanced {
    float: left;
    line-height: 20px;
    height: 20px;
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
}

.mobile-style #Mid .NavBlock .NavBlockInner {
    overflow: hidden;
}

.mobile-style #Mid .NavBlock .NavBlockInner dt {
    display: none;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd {
    display: block;
    overflow: hidden;
}

.mobile-style #Mid .NavBlock .NavBlockInner .catalog-sub {
    background: #ffffff;
    border-radius: 8px;
    margin: 0px 10px 10px 10px;
    overflow: hidden;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd h3 {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #e53737;
    background: #ffe3e3;
    background: linear-gradient(to right, #ffe3e3, #ffc2c2);
    font-weight: bold;
    padding: 10px 20px;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul {
    display: block;
    clear: both;
    overflow: hidden;
    position: relative;
    font-size: 15px;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 33.3%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 1;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 33.3%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 1;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul li {
    float: left;
    line-height: 1.5;
    box-sizing: border-box;
    position: relative;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul li::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    z-index: 1;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul .colum-1 {
    width: 33.33%;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul .colum-2 {
    width: 100%;
    position: relative;
    z-index: 10;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul .colum-2 a {
    background: #ffffff;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul li a {
    color: #00427c;
    display: block;
    white-space: nowrap;
    text-align: center;
    padding: 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-style #Mid .NavBlock .NavBlockInner dd ul li a:hover {
    color: #cc0000;
    text-decoration: underline;
}

.mobile-style #Mid .NavBlock .NavBlockInner .Calendar {
    display: block;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ffb2b2;
    background: #ffeded;
    color: #e53737;
    line-height: 48px;
    text-align: center;
    position: relative;
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .NavBlock .NavBlockInner .Calendar:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(https://g.100xuexi.com/CssModel/XXMain2018/css/images/bg0362.png) center center no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.mobile-style #Mid .NavBlock .NavBlockInner .Calendar .Text {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.mobile-style #Mid .Block .BlockRight {
    overflow: hidden;
}

.mobile-style #Mid .BlockFocus {
    overflow: hidden;
}

.mobile-style #Mid .BlockFocus .ScollImg {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .BlockFocus .ScollImg::before {
    content: "";
    display: block;
    padding-top: 32%;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    z-index: 1;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 ul {
    height: 100%;
    position: absolute;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 ul li {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 ul li a img {
    width: 100%;
    height: 100%;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 .btnBg {
    position: absolute;
    height: 5px;
    left: 0;
    right: 0px;
    bottom: 0px;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 .btn {
    position: absolute;
    height: 5px;
    left: 0px;
    right: 10px;
    bottom: 10px;
    text-align: center;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 .btn span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 22px;
    height: 5px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #ffffff;
    text-align: center;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    line-height: 22px;
    color: #e53737;
    vertical-align: top;
}

.mobile-style #Mid .BlockFocus .ScollImg #focus2 .btn span.on {
    background: #e53737;
    color: #ffffff;
}

.mobile-style #Mid .BlockFocus .AppAndCalendar {
    display: none;
}

.mobile-style #Mid .Block .Notitce {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    border-radius: 8px;
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .Block .Notitce dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block .Notitce dt ul {
    overflow: hidden;
    zoom: 1;
}

.mobile-style #Mid .Block .Notitce dt ul li {
    float: left;
    margin-right: 20px;
    position: relative;
    padding: 10px 0px;
    cursor: pointer;
    color: #666666;
}

.mobile-style #Mid .Block .Notitce dt ul li.over {
    color: #e53737;
}

.mobile-style #Mid .Block .Notitce dt ul li.over:before {
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #e53737;
    border-radius: 10px;
}

.mobile-style #Mid .Block .Notitce dt .More {
    font-size: 14px;
    font-weight: normal;
    font-family: "宋体";
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 0px;
}

.mobile-style #Mid .Block .Notitce dd {
    display: block;
    font-size: 15px;
}

.mobile-style #Mid .Block .Notitce dd li {
    padding-left: 10px;
    overflow: hidden;
    position: relative;
}

.mobile-style #Mid .Block .Notitce dd li::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
    position: absolute;
    left: 0px;
    top: 20px;
}

.mobile-style #Mid .Block .Notitce dd li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.mobile-style #Mid .Block .Notitce dd li:last-child:after {
    display: none;
}

.mobile-style #Mid .Block .Notitce dd li a {
    display: block;
    padding: 10px 0px;
}

.mobile-style #Mid .Block .EbookList {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    border-radius: 8px;
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .Block .EbookList dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    margin: 0px 10px;
}

.mobile-style #Mid .Block .EbookList dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.mobile-style #Mid .Block .EbookList dt a {
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-family: "宋体";
}

.mobile-style #Mid .Block .EbookList dt .T {
    float: left;
}

.mobile-style #Mid .Block .EbookList dt span {
    font-weight: normal;
    color: #666666;
    font-size: 12px;
    display: block;
    text-align: center;
}

.mobile-style #Mid .Block .EbookList dt span em {
    font-weight: bold;
    color: #ff0000;
}

.mobile-style #Mid .Block .EbookList dd {
    display: block;
    font-size: 15px;
}

.mobile-style #Mid .Block .EbookList dd .TextItem {
    padding-left: 10px;
    overflow: hidden;
    position: relative;
}

.mobile-style #Mid .Block .EbookList dd .TextItem::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
    position: absolute;
    left: 0px;
    top: 20px;
}

.mobile-style #Mid .Block .EbookList dd .TextItem:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.mobile-style #Mid .Block .EbookList dd .TextItem:last-child:after {
    display: none;
}

.mobile-style #Mid .Block .EbookList dd .TextItem a {
    display: block;
    padding: 10px 0px;
}

.mobile-style #Mid .Block .MidImgLink {
    margin-bottom: 10px;
    display: block;
}

.mobile-style #Mid .Block .MidImgLink img {
    max-width: 100%;
}

/*3D主题背景*/

.mobile-style #Mid .Block .EbookList dd .Item .Not3D {
    width: 100%;
    height: 100%;
}

.mobile-style #Mid .Block .EbookList dd .ItemVideo .ItemImg {}

.mobile-style #Mid .Block .EbookList dd .ItemVideo .ItemImg:before {
    padding-top: 56.25%;
}

.mobile-style #Mid .Block .EbookList dd .ItemVideo .ItemImg .ProductImg img {
    width: 100%;
    height: auto;
}

.mobile-style #Mid .Block .EbookList dd .Item .ItemName {
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
}

.mobile-style #Mid .Block .EbookList dd .Item .ItemName a {
    display: block;
    padding: 10px 0px;
}

.mobile-style #Mid .Block .EbookList dd .Item .ItemName a .cssType {
    font-size: 12px;
    color: #e53737;
    border: 1px solid #e53737;
    padding: 1px 3px;
    display: inline;
    border-radius: 8px;
    margin-right: 4px;
}

.mobile-style #Mid .Block .EbookList dd .Item.place-holder .ItemImg .ProductImg {
    background: #f5f5f5;
}

.mobile-style #Mid .Block .EbookList dd .Item.place-holder .text-place-holder {
    display: block;
    overflow: hidden;
}

.mobile-style #Mid .Block .EbookList dd .Item.place-holder .text-place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.mobile-style #Mid .Block .EbookList dd .Item.place-holder .text-place-holder:last-child:before {
    content: "";
    display: block;
    width: 80%;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.mobile-style #Mid .Block .Downloading {
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .Block .Downloading dl {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-style #Mid .Block .Downloading dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block .Downloading dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
}

.mobile-style #Mid .Block .Downloading dt a {
    font-family: "宋体";
}

.mobile-style #Mid .Block .Downloading dt span {
    float: right;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}

.mobile-style #Mid .Block .Downloading dt span strong {
    font-weight: bold;
    color: #cc0000;
}

.mobile-style #Mid .Block .Downloading dd {
    font-size: 15px;
}

.mobile-style #Mid .Block .Downloading dd li {
    overflow: hidden;
    padding: 10px 0px 10px 10px;
    position: relative;
}

.mobile-style #Mid .Block .Downloading dd li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
    position: absolute;
    left: 0px;
    top: 20px;
}

.mobile-style #Mid .Block .Downloading dd li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.mobile-style #Mid .Block .Downloading dd li:last-child::after {
    display: none;
}

.mobile-style #Mid .Block .Downloading dd li .BookName {
    display: block;
}

.mobile-style #Mid .Block .Downloading dd li .Time {
    color: #888888;
    font-size: 14px;
}

.mobile-style #Mid .Block .Downloading dd li.place-holder {
    padding: 0px;
    background: none;
}

.mobile-style #Mid .Block .Downloading dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.mobile-style #Mid .Block .TopDownload {
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .Block .TopDownload dl {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-style #Mid .Block .TopDownload dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block .TopDownload dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.mobile-style #Mid .Block .TopDownload dt a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.mobile-style #Mid .Block .TopDownload dd {
    font-size: 15px;
}

.mobile-style #Mid .Block .TopDownload dd ol {
    list-style-type: none;
    counter-reset: sectioncounter;
}

.mobile-style #Mid .Block .TopDownload dd li {
    overflow: hidden;
    position: relative;
    padding-left: 24px;
}

.mobile-style #Mid .Block .TopDownload dd li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.mobile-style #Mid .Block .TopDownload dd li::before {
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    background: #999999;
    border-radius: 8px;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 12px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
}

.mobile-style #Mid .Block .TopDownload dd li:last-child::after {
    display: none;
}

.mobile-style #Mid .Block .TopDownload dd li:nth-child(1):before {
    background: #e53737;
}

.mobile-style #Mid .Block .TopDownload dd li:nth-child(2):before {
    background: #ff6600;
}

.mobile-style #Mid .Block .TopDownload dd li:nth-child(3):before {
    background: #ff9900;
}

.mobile-style #Mid .Block .TopDownload dd li a {
    padding: 10px 0px;
    display: block;
}

.mobile-style #Mid .Block .TopDownload dd li.place-holder {
    padding: 0px;
    background: none;
}

.mobile-style #Mid .Block .TopDownload dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.mobile-style #Mid .Block .TopDownload dd li .Number {
    display: none;
}

.mobile-style #Mid .Block .NewBuy {
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .Block .NewBuy dl {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-style #Mid .Block .NewBuy dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block .NewBuy dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.mobile-style #Mid .Block .NewBuy dt a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.mobile-style #Mid .Block .NewBuy dd {
    font-size: 15px;
}

.mobile-style #Mid .Block .NewBuy dd li {
    overflow: hidden;
    padding: 10px 0px 10px 10px;
    position: relative;
}

.mobile-style #Mid .Block .NewBuy dd li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
    position: absolute;
    left: 0px;
    top: 20px;
}

.mobile-style #Mid .Block .NewBuy dd li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.mobile-style #Mid .Block .NewBuy dd li:last-child::after {
    display: none;
}

.mobile-style #Mid .Block .NewBuy dd li .BookName {
    display: block;
}

.mobile-style #Mid .Block .NewBuy dd li .Time {
    color: #888888;
    font-size: 14px;
}

.mobile-style #Mid .Block .NewBuy dd li.place-holder {
    padding: 0px;
    background: none;
}

.mobile-style #Mid .Block .NewBuy dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.mobile-style #Mid .Block .NewZhenti {
    margin: 0px 10px 10px 10px;
}

.mobile-style #Mid .Block .NewZhenti dl {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-style #Mid .Block .NewZhenti dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block .NewZhenti dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
}

.mobile-style #Mid .Block .NewZhenti dt a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.mobile-style #Mid .Block .NewZhenti dd {
    font-size: 15px;
}

.mobile-style #Mid .Block .NewZhenti dd li {
    overflow: hidden;
    padding: 10px 0px 10px 10px;
    position: relative;
}

.mobile-style #Mid .Block .NewZhenti dd li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
    position: absolute;
    left: 0px;
    top: 20px;
}

.mobile-style #Mid .Block .NewZhenti dd li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.mobile-style #Mid .Block .NewZhenti dd li:last-child::after {
    display: none;
}

.mobile-style #Mid .Block .NewZhenti dd li .BookName {
    display: block;
}

.mobile-style #Mid .Block .NewZhenti dd li .Time {
    color: #888888;
    font-size: 14px;
}

.mobile-style #Mid .Block .NewZhenti dd li.place-holder {
    padding: 0px;
    background: none;
}

.mobile-style #Mid .Block .NewZhenti dd li.place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 6px 0px;
    background: #f5f5f5;
}

.mobile-style #Mid .Block .Topic {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    margin: 0px 10px 10px 10px;
    border-radius: 8px;
}

.mobile-style #Mid .Block .Topic dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-style #Mid .Block .Topic dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.mobile-style #Mid .Block .Topic dt a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-family: "宋体";
}

.mobile-style #Mid .Block .Topic dd {
    overflow: hidden;
    margin: 5px -5px 0px -5px;
}

.mobile-style #Mid .Block .Topic dd .Inner {
    overflow: hidden;
    zoom: 1;
}

.mobile-style #Mid .Block .Topic dd .Inner .Item {
    width: 33.33%;
    overflow: hidden;
    float: left;
    text-align: center;
}

.mobile-style #Mid .Block .Topic dd .Inner .Item:nth-child(2) {
    width: 50%;
}

.mobile-style #Mid .Block .Topic dd .Inner .Item:nth-child(3) {
    width: 50%;
}

.mobile-style #Mid .Block .Topic dd .Inner .Item a {
    display: block;
    margin: 5px;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.mobile-style #Mid .Block .Topic dd .Inner .Item a:before {
    content: "";
    display: block;
    padding-top: 60%;
}

.mobile-style #Mid .Block .Topic dd .Inner .Item img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    left: 0px;
    top: 0px;
}

.mobile-style #Mid .AdBlock {
    margin-bottom: 10px;
}

.mobile-style #Link {
    width: 1120px;
    margin: 0px auto 20px auto;
}

.mobile-style #Link dl {
    background: #ffffff;
    padding: 10px 20px 20px 20px;
}

.mobile-style #Link dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.mobile-style #Link dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
}

.mobile-style #Link dd #LinkListBox {
    width: 1080px;
    height: 55px;
    overflow: hidden;
    margin: 5px auto;
}

.mobile-style #Link dd #LinkListBox ul {
    width: 1090;
    height: 55px;
}

.mobile-style #Link dd #LinkList li {
    width: 125px;
    height: 55px;
    line-height: 0px;
    text-align: center;
    padding: 0px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.mobile-style .Partner {
    background: #ffffff;
    width: 1120px;
    margin: 0px auto 20px auto;
    display: none;
}

.mobile-style .Partner dl {
    padding: 10px 20px 20px 20px;
}

.mobile-style .Partner dt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0px 10px 15px;
    position: relative;
}

.mobile-style .Partner dt:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
}

.mobile-style .Partner dd img {
    max-width: 100%;
}

.mobile-style .HotBooks {}

.mobile-style .HotBooks .HotBooksTitle {
    display: block;
    position: relative;
    overflow: hidden;
    zoom: 1;
    text-align: center;
    padding-top: 15px;
    background: linear-gradient(#ffc2c2, #ffe5e5, #f5f5f5);
}

.mobile-style .HotBooks .HotBooksTitle .HotBooksTitleText {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
    padding: 0px 20px;
}

.mobile-style .HotBooks .HotBooksTitle .HotBooksTitleText:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 10px;
    left: 0px;
    background: #e53737;
    height: 10px;
    margin-top: -5px;
    border-radius: 10px;
}

.mobile-style .HotBooks .HotBooksTitle .HotBooksTitleText:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 10px;
    right: 0px;
    background: #e53737;
    margin-top: -5px;
    height: 10px;
    border-radius: 10px;
}

.mobile-style .HotBooks .HotBooksTitle .HotBooksTab {
    overflow: hidden;
    zoom: 1;
    padding: 5px
}

.mobile-style .HotBooks .HotBooksTitle .HotBooksTab li {
    display: inline-block;
    font-size: 15px;
    padding: 5px;
}

.mobile-style .HotBooks .HotBooksTitle .HotBooksTab a {
    display: block;
    padding: 10px;
    border-radius: 3px;
    background: #ffffff;
}

.mobile-style .HotBooks .HotBooksTitle .HotBooksTab .Selected {
    background: #e53737;
    color: #ffffff;
}

.mobile-style .HotBooks .BookList {
    padding: 5px;
    -moz-column-count: 2;
    /* Firefox */
    -webkit-column-count: 2;
    /* Safari 和 Chrome */
    column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
}

@media(min-width:480px) {
    .mobile-style .HotBooks .BookList {
        padding: 5px;
        -moz-column-count: 3;
        /* Firefox */
        -webkit-column-count: 3;
        /* Safari 和 Chrome */
        column-count: 3;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0;
    }
}

.mobile-style .HotBooks .BookList:after {
    content: "";
    display: block;
    clear: both;
}

.mobile-style .HotBooks .BookList .Item {
    display: inline-block;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.mobile-style .HotBooks .BookList .Item .ItemInner {
    background: #ffffff;
    border-radius: 8px;
    padding: 10px;
}

.mobile-style .HotBooks .BookList .Item .ItemImg {
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 8px;
}

.mobile-style .HotBooks .BookList .Item .ItemImg .ProductImg {
    width: 100%;
    z-index: 3;
    position: relative;
    display: block;
}

.mobile-style .HotBooks .BookList .Item .ItemImg .ProductImg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 5;
    border-radius: 8px;
}

.mobile-style .HotBooks .BookList .Item .ItemImg .ProductImg img {
    width: 100%;
    height: 100%;
}

.mobile-style .HotBooks .BookList .Item.place-holder .ItemImg .ProductImg {
    background: #f5f5f5;
}

.mobile-style .HotBooks .BookList .Item .ItemImg .ItemFlag {
    display: none;
}

.mobile-style .HotBooks .BookList .Item.place-holder .ItemName .text-place-holder {
    display: block;
    overflow: hidden;
}

.mobile-style .HotBooks .BookList .Item.place-holder .ItemName .text-place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.mobile-style .HotBooks .BookList .Item.place-holder .ItemName .text-place-holder:last-child:before {
    content: "";
    display: block;
    width: 80%;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.mobile-style .HotBooks .BookList .Item .ItemImg .ProductImg img {
    width: 100%;
    /* height: auto; */
}

.mobile-style .HotBooks .BookList .Item .ItemName {
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
}

.mobile-style .HotBooks .BookList .Item .ItemImg .cssType {
    font-size: 12px;
    color: #e53737;
    border: 1px solid #e53737;
    padding: 1px 3px;
    display: inline;
    border-radius: 8px;
    margin-right: 4px;
}

.mobile-style .HotBooks .BookList .Item .ItemImg a {
    display: block;
    padding: 10px;
}

.mobile-style .RecommendBlock {}

.mobile-style .RecommendBlock .RecommendBlockTitle {
    display: block;
    padding: 10px 0px 10px 15px;
    position: relative;
    margin: 0px 10px;
    overflow: hidden;
    zoom: 1;
}

.mobile-style .RecommendBlock .RecommendBlockTitle:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    background: #e53737;
    border-radius: 10px;
}

.mobile-style .RecommendBlock .RecommendBlockTitle .RecommendBlockTitleText {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.mobile-style .RecommendBlock .RecommendBlockTitle .More {
    float: right;
    overflow: hidden;
    zoom: 1;
    font-family: "宋体";
    font-size: 14px;
    font-weight: normal;
}

.mobile-style .RecommendBlock .ProductsList {
    padding: 0px 5px 5px 5px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
}

@media(min-width:480px) {
    .mobile-style .RecommendBlock .ProductsList {
        padding: 0px 5px 5px 5px;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0;
    }
}

.mobile-style .RecommendBlock .ProductsList:after {
    content: "";
    display: block;
    clear: both;
}

.mobile-style .RecommendBlock .ProductsList .Item {
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemInner {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemImg {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    z-index: 1;
    display: block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border-radius: 8px;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemImg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemVideoImg:before {
    padding-top: 56.25%;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemImg .ProductImg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemImg .ProductImg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 5;
    border-radius: 8px;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemImg .ProductImg img {
    width: 100%;
    height: 100%;
}

.mobile-style .RecommendBlock .ProductsList .Item.place-holder .ItemImg .ProductImg {
    background: #f5f5f5;
    border-radius: 8px;
}

.mobile-style .RecommendBlock .ProductsList .Item.place-holder .ItemName .text-place-holder {
    display: block;
    overflow: hidden;
}

.mobile-style .RecommendBlock .ProductsList .Item.place-holder .ItemName .text-place-holder:before {
    content: "";
    display: block;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.mobile-style .RecommendBlock .ProductsList .Item.place-holder .ItemName .text-place-holder:last-child:before {
    content: "";
    display: block;
    width: 80%;
    height: 14px;
    margin: 3px 0px;
    background: #f5f5f5;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemName {
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemName a {
    padding: 0px 10px 10px 10px;
    display: block;
}

.mobile-style .RecommendBlock .ProductsList .Item .ItemImg a {
    display: block;
}