.box-backred { background: #d32a2a; }

.box-backred:hover { background: #bd2626 !important; background: 1px solid #bd2626; color: #fff !important; }

#page_content .container { background: #fff; }

.c_header { background: #fff; width: 100%; height: 60px; position: relative; margin-top: 40px; }
.c_header ul, .c_header li { margin: 0; padding: 0; list-style: none; }
.c_header li { float: left; cursor: pointer; width: 80px; height: 59px; font-size: 16px; margin-right: 75px; line-height: 59px; text-align: center; }
.c_header li .line { display: block; margin: 0 auto; height: 4px; width: 0; margin: 0; border-radius: 4px; background-color: #f25a2d; position: relative; top: -6px; background-image: -webkit-linear-gradient(90deg, #ea1643 0%, #f3632a 100%); background-image: -moz-linear-gradient(90deg, #ea1643 0%, #f3632a 100%); background-image: -o-linear-gradient(90deg, #ea1643 0%, #f3632a 100%); background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#ea1643), to(#f3632a)); background-image: linear-gradient(90deg, #ea1643 0%, #f3632a 100%), linear-gradient(#ad2223, #ad2223); transition: all 200ms ease; }
.c_header li:hover { color: #d32a2a; }
.c_header li.active { color: #d32a2a; }
.c_header li.active .line { width: 100%; }

#page_content { padding-bottom: 40px; }

.referencesite_info p a:hover { color: #d32a2a; }
.referencesite_info p a { color: #38353d; }
.referencesite_info .imgbox { width: 400px; height: 300px; float: left; position: relative; }
.referencesite_info .refe_info_box { width: 760px; }
.referencesite_info .refe_info_box h4 { font-size: 30px; margin: 0; }
.referencesite_info .refe_info_box > p { margin: 0; margin-top: 25px; }
.referencesite_info .refe_info_box > p b { font-weight: normal; }
.referencesite_info .refe_info_box > p span { margin-right: 45px; color: #888888; }
.referencesite_info .refe_info_box > p span b { color: #38353d; margin-left: 10px; }
.referencesite_info .refe_info_box ul.progress_bar_ref li.active span, .referencesite_info .refe_info_box ul.progress_bar_ref li.active i { color: #d32a2a !important; }
.referencesite_info .refe_info_box button { margin-top: 59px; width: 140px; }

.constr_report_list { list-style: none; width: 1040px; float: left; }

.constr_report { margin-top: 35px; width: 1200px; }

.last_item .cr_content { border-left: 1px solid #fff; }

.cr_time { width: 130px; font-size: 16px; }
.cr_time p { margin: 0; }
.cr_time p:first-child { color: #666666; margin-bottom: -1px; }
.cr_time p:first-child + p { color: #aaaaaa; }

.cr_content { width: 910px; position: relative; box-sizing: border-box; border-left: 1px solid #f2f2f2; padding-left: 45px; }
.cr_content .fa-circle { font-size: 10px; color: #d32a2a; position: absolute; top: 0; left: -5px; }
.cr_content h6 { font-size: 16px; font-weight: bold; color: #38353d; margin: 0; }
.cr_content .cr_descript { color: #666666; line-height: 24px; margin: 0; margin-top: 15px; margin-bottom: 35px; }
.cr_content .mypic_preview { width: 900px; margin-top: -20px; margin-bottom: 40px; margin-left: -36px; position: relative; }
.cr_content .arrow-left { float: left; }
.cr_content .arrow-right { float: right; }
.cr_content .arrow-left, .cr_content .arrow-right { width: 25px; height: 40px; border-radius: 2px; background: #f0f0f0; display: block; text-align: center; text-decoration: none; line-height: 40px; margin-top: 53px; }
.cr_content .arrow-left i, .cr_content .arrow-right i { font-size: 24px; color: #acacac; position: relative; top: 2px; }
.cr_content .arrow-left:hover i, .cr_content .arrow-right:hover i { color: #888; }
.cr_content .swiper-container { width: 840px; height: 150px; margin-left: 20px; }
.cr_content .swiper-slide { width: 210px; height: 150px; }
.cr_content .swiper-slide .imgbox { margin-left: 10px; height: 150px; width: 200px; overflow: hidden; position: relative; display: block; }
.cr_content .swiper-slide .vrplayhandel { position: absolute; display: block; width: 58px; height: 58px; left: 50%; top: 50%; margin-left: -29px; margin-top: -29px; background: url("../img/icons/play_icon_middle.png"); background-size: cover; }
.cr_content .swiper-slide .vrplayhandel img { width: 100%; height: 100%; }
.cr_content .swiper-slide .vrplayhandel:hover { opacity: 0.8; filter: alpha(opacity=80); }

.swipertips { height: 30px; position: absolute; width: 220px; border-radius: 30px; line-height: 30px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); top: 50%; margin: 0 auto; left: 50%; margin-top: -19px; margin-left: -110px; z-index: 1000; }
.swipertips b { font-weight: normal; }

@media \0screen\,screen\9 { .swipertips { background-color: #000000; filter: Alpha(opacity=50); *zoom: 1; }
  .swipertips p { position: relative; color: #fff; } }
.report_history { width: 140px; font-size: 14px; position: relative; }
.report_history ul { list-style: none; margin: 0; z-index: 1; top: 585px; transition: all 200ms ease-in; }
.report_history ul:after { content: ''; width: 2px; height: 4px; background: #fff; position: absolute; bottom: 0; left: 13px; }
.report_history li { margin-top: 30px; padding-left: 15px; margin-left: 15px; position: relative; }
.report_history li a { color: #aaaaaa; text-decoration: none; }
.report_history li i { width: 12px; height: 12px; position: absolute; background: url("../img/icons/tag-circle.png") no-repeat; background-position: 0 0; left: -6px; top: 4px; }
.report_history li:before { content: ''; width: 1px; height: 50px; border-left: 1px solid #f2f2f2; position: absolute; bottom: 0; left: -1px; }
.report_history li.active a { color: #d32a2a; }
.report_history li.active i { background-position: -12px 0; }
.report_history li:first-child { margin-top: 0; }
.report_history li:first-child:before { height: 16px; }

.assess_content_speak { width: 830px; }

.speaker_item .speaker_item_content .s_content { width: 756px; }

.playicon { width: 62px; height: 62px; background: url(../img/icons/play_icon.png); }

.playicon:hover { opacity: 0.8; filter: Alpha(opacity=80); }

.constr_detail { display: none; margin-top: 35px; }

.role_cont { width: 850px; }
.role_cont h4 { font-size: 26px; font-weight: normal; margin: 0; margin-bottom: 15px; }
.role_cont p { margin-bottom: 20px; }
.role_cont p span { color: #888; font-size: 16px; }
.role_cont .vrplay_show { width: 100%; height: 640px; overflow: hidden; position: relative; }
.role_cont .vrplay_show img { width: 100%; height: 640px; }
.role_cont .vrplay_show .playicon { position: absolute; top: 50%; left: 50%; margin-left: -31px; margin-top: -31px; }
.role_cont .img_show { margin-top: 20px; }
.role_cont .img_show img { width: 100%; }

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