/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }
a{font-family:"微软雅黑"}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
a:hover{color: inherit}
.special { width: 1460px; margin: 0 auto;font-family:"微软雅黑" }
.special a { cursor: pointer; }
.special .special-content .special-item { padding-bottom: 30px; overflow: hidden; }
.special .special-content .special-item .special-info { display: inline-block; ;float: left; width: 296px; height: 500px; padding: 20px 18px; border: 1px solid #d2d2d2; box-sizing: border-box; }
.special .special-content .special-item .special-info .title-tag { display: inline-block; width: 100%; }
.special .special-content .special-item .special-info .title-tag .icon-box { float: left; }
.special .special-content .special-item .special-info .title-tag .icon-box > span { display: inline-block;font-family:"微软雅黑"; color: #454545;font-style: oblique; font-size: 20px; line-height: 42px; vertical-align: text-bottom; }
.special .special-content .special-item .special-info .title-tag > a { float: right; font-size: 15px; display: inline-block; width: 124px; margin-top: 4px; line-height: 34px; color: #2fb476; letter-spacing: 2px; text-align: center; border: 2px solid #2fb476; border-radius: 5px; }
.special .special-content .special-item .special-info h5 {position: relative;
    height: auto;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    margin: 15px 0;
    max-height: 60px;
    word-wrap:break-word; word-break:normal; }
/*.special .special-content .special-item .special-info h5 :after{content: "....."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(right, transparent, #fff 55%);
    background: -moz-linear-gradient(right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}*/
.special .special-content .special-item .special-info .aloe-h5 :after{display: none}
/*.special .special-content .special-item .special-info h5 a{display: inline-block ;line-height: 26px;max-height: 60px;   overflow: hidden;}*/
.special .special-content .special-item .special-info > span { display: inline-block;font-family:"微软雅黑"; width: 100%;color: #969696; font-size: 16px; line-height: 36px; }
.special .special-content .special-item .special-info > span img { margin-right: 10px; vertical-align: text-top; }
/*.special .special-content .special-item .special-info > p {
    padding-top: 16px;  color: #969696; font-size: 16px; line-height: 26px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; }*/
.special .special-content .special-item .special-info > p {
     position: relative;
     display: -webkit-box;
     width: 100%;
     padding-top: 16px;
    color: #969696;
    font-size: 16px;
    line-height: 26px;
    max-height: 130px;
    overflow:hidden;
    }
.special .special-content .special-item .special-info .tag-link { width: 100%; padding-top: 20px; text-align: center; }
.special .special-content .special-item .special-info .tag-link a { display: inline-block; width: 82%; font-size: 16px; color: white; line-height: 48px; background-color: #2fb476; border-radius: 5px; }
.special .special-content .special-item .img-box { float: right; width: 1154px; }
.special .special-content .special-item .img-box .img-max { float: left; width: 760px;height: 500px; overflow: hidden; }
.special .special-content .special-item .img-box .img-max a { display: inline-block;width:100%;height: 100%; }
.special .special-content .special-item .img-box .img-max a img { width: 100%;height: 100%;transition: all 1.2s; }
.special .special-content .special-item .img-box .img-max a img:hover{ -webkit-transform: scale(1.08); -ms-transform: scale(1.08);    }
.special .special-content .special-item .img-box .min-img { float: right; width: 383px; overflow: hidden; }
.special .special-content .special-item .img-box .min-img a { display: inline-block;width: 100%; height: 244px;overflow: hidden }
.special .special-content .special-item .img-box .min-img a img { width: 100%;height: 100%;transition: all 2s; }
.special .special-content .special-item .img-box .min-img a img:hover{-webkit-transform: scale(1.08); -ms-transform: scale(1.08); }
.special .special-content .special-item .img-box .min-img a:last-child { margin-top: 10px; }
.special .special-content .link-tag { display: inline-block; width: 100%;margin-bottom: 30px; }
.special .special-content .link-tag img { width: 100%; }

/*专题详情页开始*/
.center-tag {overflow: hidden}
.center-tag  img{ width: 100%;}
.special-details { font-family: "微软雅黑"; width: 100%;  background: url("../images/new-case/content-back.jpg") no-repeat; background-size: 100%;min-width: 1200px; background-color: #f4f4f4; }
.special-details .content-box { width: 1000px; margin: 0 auto; }
/*.special-details .content .info-box{width: 1000px;margin: 0 auto}*/
.special-details .content-box .info-box h3 { font-size: 30px;padding:30px 0 20px 0;  line-height: 68px; text-align: center; }
.special-details .content-box .info-box h3 img { padding-right: 15px; vertical-align: text-top; }
.special-details .content-box .info-box .container-tex {position: relative; padding: 35px 60px; background-color: white; }
.special-details .content-box .info-box .container-tex .tex-title { display: inline-block; width: 100%; padding: 16px 0;margin-bottom: 30px; box-shadow: 0px 0px 15px 0px #f0f0f0; }
.special-details .content-box .info-box .container-tex .tex-title > span { float: left; color: #7a7a7a; font-size: 16px; margin-left: 40px; display: inline-block; line-height: 40px; }
.special-details .content-box .info-box .container-tex .tex-title > span img { vertical-align: sub; }
.special-details .content-box .info-box .container-tex .tex-title .icon-box { float: right; color: #7a7a7a; font-size: 14px; line-height: 40px; }
.special-details .content-box .info-box .container-tex .tex-title .icon-box > span { margin-right: 20px; }
.special-details .content-box .info-box .container-tex .tex-title .icon-box > span img{vertical-align: sub}
.special-details .content-box .info-box .container-tex .tex-title .icon-box > a { margin-right: 20px;color: #7a7a7a; }
.special-details .content-box .info-box .container-tex .tex-title .icon-box > a img{vertical-align: sub}
.special-details .content-box .info-box .container-tex > p { font-size: 15px; color: #4a4a4a; line-height: 28px; }
.special-details .content-box .info-box .container-tex .guide-reading { display: inline-block; width: 100%;  }
.special-details .content-box .info-box .container-tex .guide-reading a { font-size: 14px; float: left; color: #b2b2b2; line-height: 40px; }

.special-details .content-box .info-box .container-tex .guide-reading:last-child a {  color: #2fb476; }
.special-details .content-box .guess-like { margin-top: 30px; }
.special-details .content-box .guess-like .case-common-title h3 { font-size: 25px; }
.special-details .content-box .guess-like .list-tag > ul { display: inline-block; width: 100%; }
.special-details .content-box .guess-like .list-tag > ul li { float: left; width: 237px; height: 176px; margin-right: 17px; margin-bottom: 20px; }
.special-details .content-box .guess-like .list-tag > ul li a { position: relative; width: 100%; height: 100%; }
.special-details .content-box .guess-like .list-tag > ul li a img { width: 100%; height: 100%; }
.special-details .content-box .guess-like .list-tag > ul li a p { position: absolute;  width: 99.9%;  font-size: 14px;  color: white;  text-align: center;  padding: 0 10px;  bottom: 4px;  line-height: 38px;  box-sizing: border-box;  background-color: rgba(68, 67, 67, 0.8);  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; }
.special-details .content-box .guess-like .list-tag > ul li:nth-child(4n+0) { margin-right: 0; }
.suspension-icon{  display: inline-block;  position: fixed;  left: 50%;  margin-left: 508px;  top: 29%; }
/*专题详情页结束*/

@media (max-width: 1460px) and (min-width: 0px) { .special { width: 1220px; }
    .special .special-content .special-item .special-info { padding: 14px 16px; height: 396px; }
    .special .special-content .special-item .special-info .title-tag > a { width: 102px; ; line-height: 30px; letter-spacing: 1px; }
    .special .special-content .special-item .special-info h5 { font-size: 20px; margin: 10px 0; }
    .special .special-content .special-item .special-info > span { font-size: 16px; line-height: 30px; }
    .special .special-content .special-item .special-info > p { padding-top: 10px; font-size: 14px; line-height: 24px;max-height: 93px; }
    .special .special-content .special-item .special-info .tag-link { padding-top: 12px; }
    .special .special-content .special-item .special-info .tag-link a { width: 76%; font-size: 15px; line-height: 38px; }
    .special .special-content .special-item .img-box { width: 916px; }
    .special .special-content .special-item .img-box .img-max { width: 605px;height: 396px; }
    .special .special-content .special-item .img-box .min-img { width: 300px;  }
    .special .special-content .special-item .img-box .min-img a{ height:192px;}
}

/*# sourceMappingURL=special.css.map */