.Evaluation_box{ width: 1200px; margin: 0 auto; } .content_box{ width: 1200px; margin: 0 auto; margin-top: 28px; } .Evaluation_nav li{ margin: 15px 10px 15px 0; float: left; } .Evaluation_nav li span{ margin: 2px 0 0 5px; width: 11px;height: 11px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/arrow.png") no-repeat center; } .Evaluation_nav li span,.Evaluation_nav li a{ cursor: pointer; float: left; color: #333333; } .Evaluation_nav li a:hover{ color: #ff3030; } .left_list{ float: left; } .rightnav{ float: right; width: 280px; background: #ffffff; } .rightnav .nav1 .nav2{ width: 100%; line-height: 36px; } .rightnav .nav1 .nav2 .nav3{ display: none; } .rightnav .nav1 .nav2 .nav4{ background: #f6f6f6; } .rightnav .nav1 .nav3 .nav4 a{ display: block; width: 100%; height: 100%; padding-left: 56px; color: #666666; font-size: 12px; } .rightnav .nav1 li{ margin-bottom: 2px; } .rightnav .nav1 .nav2 p{ background: #f2f2f2; margin-bottom: 2px; overflow: hidden; } .rightnav .nav1 .nav2 p a{ display: block; width: 100%; height: 100%; padding-left: 40px; color: #333333; font-size:14px; } .rightnav .nav1 .nav2.active .nav3{ display: block; } .rightnav .nav1 .nav2.active p a{ padding-left: 38px; color: #ff3030; border-left: 2px solid #ff3030; } .rightnav .nav1 .nav2.active .nav4.active a{ color: #ff3030; } .rightnav .nav1 .nav2.active p { background: #ebebeb; } .downtimebg{ position: absolute; top: 10px; right:10px; width: 200px; height: 72px; padding-top: 18px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/downtimebg.png") no-repeat center; } .downtimebg p{ padding-top: 9px; color: #ffffff; padding-left: 26px; } .downtimebg p span{ color: #ff3030; } .fixed{ position: fixed; } .diolog{ display: none; z-index: 999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/zc_diologbg.png") repeat ; } .diolog .dioleobox{ width:420px; height: 210px; margin: 0 auto; background: #ffffff; margin-top: 300px; display: none; } .diolog .dioleobox h4{ height: 36px; line-height: 36px; font-size: 12px; padding: 0 10px; color: #ff3030; background: #ebebeb; } .diolog .dioleobox h4 .title{ float: left; } .diolog .dioleobox h4 .close{ float: right; width: 20px; height: 21px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-education/images/zc_Closeimg.png") no-repeat center; margin-top: 8px; cursor: pointer; } .diolog .dioleobox .imgbox{ width: 138px; float: left; } .diolog .dioleobox .imgbox img{ display: block; width: 100%; } .diolog .dioleobox .textbox{ float: left; } .diolog .dioleobox .textbox .p1{ font-size: 14px; color: #000000; padding-top: 56px; } .diolog .dioleobox .textbox .p2{ padding-top: 18px; } .diolog .dioleobox .textbox .p2 span{ color: #ff3030; padding-right: 4px; padding-left: 4px; } .diolog1{ display: block; } .diolog2{ display: block; } .diolog3{ display: block; } .diolog1 .dioleobox1{ display: block; } .diolog2 .dioleobox2{ display: block; } .diolog3 .dioleobox3{ display: block; }