.subject{ background: #d0edf0 url(https://www.cma.com.cn/style/images/detail_bg.png) repeat-x top center; padding-top: 15px; padding-bottom: 32px;}
.subject .subject-summary{ margin-top: 15px; padding: 0 30px; background: #ffffff; overflow: hidden;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.subject .subject-summary .title{ margin-top: 15px; padding-bottom: 10px; text-align: center; font-size: 20px; line-height: 30px; color: #333333; border-bottom: 1px dashed #e9ecef;}
.subject .subject-summary .text{ padding: 18px 0; font-size: 14px; line-height: 30px; color: #777777;}
.subject .subject-list{ margin: 10px 0 32px; padding: 32px 20px 16px; background: #ffffff; overflow: hidden;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.subject .subject-item{ float: left; width: 270px; margin: 0 10px 20px;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.subject .subject-item>a{ display: block;}
.subject .subject-item .content{ position: relative; height: 195px; padding: 0 24px; border: 1px solid #eeeeee;}
.subject .subject-item .content h2{ position: relative; margin-top: 16px; font-size: 16px; line-height: 30px; color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.subject .subject-item .content h2:before{ content: ''; display: block; width: 6px; height: 20px; position: absolute; left: -25px; top: 5px; background: #4591e7;}
.subject .subject-item .content p{ margin-top: 5px; font-size: 14px; line-height: 24px; max-height: 72px; color: #777777;}
.subject .subject-item .content .view{ display: block; width: 100px; height: 36px; position: absolute; left: 50%; margin-left: -50px; bottom: 22px; line-height: 36px; text-align: center; font-size: 14px; border: 1px solid #eeeeee; border-radius: 3px; color: #333333; transition: all 0.3s linear;}
.subject .subject-item:hover .content .view{ background: #4591e7; border-color: #4591e7; color: #ffffff;}

.subject-main{ margin-top: 15px; background: #ffffff; overflow: hidden;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.subject-main .image{ float: left; width: 521px; height: 256px;}
.subject-main .text{ float: left; width: 619px; padding: 0 30px;}
.subject-main .text h2{ margin-top: 30px; font-size: 22px; line-height: 30px;}
.subject-main .text p{ margin-top: 15px; font-size: 14px; line-height: 30px; color: #333333;}
.subject-main .text p a{ color: #4591e7;}
.content-left{ float: left; width: 878px; margin-top: 20px; padding-bottom: 30px; background: #ffffff; overflow: hidden;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.content-right{ float: right; width: 312px; overflow: hidden;}

.content-left .left-title{ padding-top: 16px; line-height: 30px; border-bottom: 1px solid #eeeeee; overflow: hidden;}
.content-left .left-title span{ position: relative; padding: 0 12px 10px; float: left; font-size: 16px; color: #333333;}
.content-left .left-title span:after{ content: ""; display: block; width: 100%; height: 3px; background: #4591e7; position: absolute; left: 0; bottom: -1px;}
.content-left .left-title .more{ float: right; width: 48px; height: 23px; margin-top: 2px; margin-right: 14px; line-height: 23px; text-align: center; font-size: 12px; color: #999999; border: 1px solid #e1e1e1; border-radius: 3px; transition: all 0.2s linear;}
.content-left .left-title .more:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff;}

.baike{ overflow: hidden;}
.baike .baike-content{ padding: 21px 14px; overflow: hidden;}
.baike .baike-content .image{ float: left; width: 262px; height: 216px; margin-right: 18px;}
.baike .baike-content .text{ float: right; width: 570px;}
.baike .baike-content .caption{ padding-bottom: 12px; font-size: 18px; line-height: 18px; color: #555555;}
.baike .baike-content .star{ overflow: hidden;}
.baike .baike-content .star span{ float: left; font-size: 14px; line-height: 30px; color: #ababab;}
.baike .baike-content .star img{ float: left; margin: 6px 3px;}
.baike .baike-content .basic{ overflow: hidden;}
.baike .baike-content .basic-info{ float: left; font-size: 14px; line-height: 30px; color: #555555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.baike .baike-content .basic-info:first-child{ width: 350px;}
.baike .baike-content .basic-info span{ float: left; color: #ababab;}
.baike .baike-content .extra{ overflow: hidden;}
.baike .baike-content .extra-info{ margin: 4px 0; font-size: 14px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.baike .baike-content .extra-info span{ float: left; color: #ababab;}
.baike .baike-content .extra-info a{ color: #4591e7;}

.issue .issue-list{ margin-top: 8px; margin-bottom: -1px; padding: 0 14px; overflow: hidden;}
.issue .issue-item{ width: 360px; border-bottom: 1px dashed #eeeeee;}
.issue .issue-item>a{ display: block; padding: 24px 0;}
.issue .issue-item h3{ padding-left: 38px; font-size: 14px; color: #555555; line-height: 30px; background: url("../images/icon-question.png") left center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.issue .issue-item:hover h3{ color: #4591e7;}
.issue .issue-item p{ margin-top: 10px; padding-left: 38px; max-height: 60px; font-size: 14px; color: #777777; line-height: 24px; background: url("../images/icon-answer.png") left top no-repeat;}
.issue .issue-item:nth-child(odd){ float: left;}
.issue .issue-item:nth-child(even){ float: right;}

.video-list{ margin: 24px -8px 0; padding: 0 14px; overflow: hidden;}
.video-list .video-item{ float: left; width: 159px; margin: 0 7px;}
.video-list .video-item a{ display: block; color: #777777;}
.video-list .video-item .image{ position: relative; width: 159px; height: 103px;}
.video-list .video-item .image img{ width: 100%;}
.video-list .video-item .image .mask{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.video-list .video-item:hover .image .mask{ display: block;}
.video-list .video-item .image .mask span{ position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px;}
.video-list .video-item p{ padding: 8px 0; font-size: 14px; line-height: 30px; color: #777777; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.article-list{ margin-top: 18px; padding: 0 14px; overflow: hidden;}
.article-list li{ float: left; position: relative; padding-left: 18px; width: 350px;}
.article-list li:before{ content: ''; display: block; width: 6px; height: 9px; position: absolute; left: 0; top: 50%; margin-top: -5px; background: url("../images/arrow.png") left center no-repeat;}
.article-list li:nth-child(odd){ float: left;}
.article-list li:nth-child(even){ float: right;}
.article-list li a{ display: block; font-size: 14px; line-height: 30px; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.2s linear;}
.article-list li:hover a{ color: #4591e7;}