body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; margin: 0; padding: 0; background: #bbd7f2; }
body, td, th { font-size: 12px;}
h2 { font-size: 40px; text-align: center; margin-top: 35px; font-weight: bold; padding: 5px 0; color: #fff;}
.line { background: #fff; height: 1px; line-height: 1px; overflow: hidden; font-size: 1px; width: 690px; margin: 5px auto 0 auto;}
a { color: #000000; text-decoration: none}
a:hover { text-decoration: underline; color: #c00;}
ul,li,dl,dd,dt,p,div,form,h2,h1,h3 {margin: 0px;padding: 0px;}
li{list-style: none;}
img {border: 0px;}
.mustRed {color: red;}
.center {text-align: center;}
.STYLE1 {color: #FFFFFF;font-weight: bold;font-size: 14px;}
.content,.container {width: 1200px;margin: 0 auto;}
.clear::after{clear: both;content: "";display: block;}

.cardLookup .container{border: 1px solid #999;padding: 55px 10px 25px 50px;margin: 20px auto;background-color: #fff;}
.cardLookup .searchBox{padding: 40px;display: inline-block;vertical-align: middle;}
.cardLookup .container>img{vertical-align: middle;}
.cardLookup .searchBox .leftBox{display: inline-block; vertical-align: middle; margin-right: 15px;}
.cardLookup .searchBox .leftBox .item:first-child{margin-bottom: 10px;}
.cardLookup .searchBox .leftBox .item {font-size: 14px;line-height: 22px;font-weight: bold; color: #3a617d;
      line-height: 40px;}
.cardLookup .searchBox .leftBox .item input {width: 240px;height: 28px;line-height: 28px;
      border: #d1e7f2 1px solid;}
.cardLookup .searchBox .rightBox{display: inline-block; vertical-align: middle;color: #fff;}
.cardLookup .searchBox .rightBox .searchBtn{padding: 0 10px ; line-height: 30px; border-radius: 4px;
      background: linear-gradient(to top,#163188,#489EE2);}

.scoreLookup .container{border: 1px solid #999;padding: 55px 10px 25px 50px;margin: 20px auto;background-color: #fff;}
.scoreLookup .searchBox{padding: 40px;display: inline-block;vertical-align: middle;}
.scoreLookup .container>img{vertical-align: middle;}
.scoreLookup .searchBox .leftBox{display: inline-block; vertical-align: middle; margin-right: 15px;}
.scoreLookup .searchBox .leftBox .item:first-child{margin-bottom: 10px;}
.scoreLookup .searchBox .leftBox .item {font-size: 14px; font-weight: bold; color: #3a617d; line-height: 40px;}
.scoreLookup .searchBox .leftBox .item input {width: 240px;height: 28px;line-height: 28px;border: #d1e7f2 1px solid;}
.scoreLookup .searchBox .rightBox{display: inline-block; vertical-align: middle;color: #fff;}
.scoreLookup .searchBox .rightBox .searchBtn{padding: 0 10px ; line-height: 30px; border-radius: 4px;
      background: linear-gradient(to top,#163188,#489EE2);}
.cardView{
        background: url(/examination/public/images/bg.jpg) repeat-y top center;
}
.scoreView{
    background: url(/examination/public/images/bg.jpg) repeat-y top center;
}
.cardView .top {display: flex;justify-content: space-between;border-bottom: 1px solid #999;margin-bottom: 10px;padding: 5px 0;}
.cardView .top .left{font-weight: bold;font-size: 14px;}
.cardView .top .right{font-size: 12px; font-weight: bold;padding: 0 20px; background-color: #489EE2;border-radius: 20px; color: #fff;}
.cardView .content .item {margin-bottom: 10px;}
.cardView .content .item .title{background-color: #163188;color: #fff;line-height: 30px;padding: 0 6px;}
.cardView .content .item .info{display: block;float: left;width: 50%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #aaa;font-size:14px}
.cardView .content .item .info span{width: 40%;display: inline-block;text-align: left;padding: 0 5px;}
.cardView .content .item .info span:nth-child(1){text-align: right;}


.scoreView .top {display: flex;justify-content: space-between;border-bottom: 1px solid #999;margin-bottom: 10px;padding: 5px 0;}
.scoreView .top .left{font-weight: bold;font-size: 14px;}
.scoreView .top .right{font-size: 12px; font-weight: bold;padding: 0 20px; background-color: #489EE2;border-radius: 20px; color: #fff;}
.scoreView .content .item {margin-bottom: 10px;}
.scoreView .content .item .title{background-color: #163188;color: #fff;line-height: 30px;padding: 0 6px;}
.scoreView .content .item .info{display: block;float: left;width: 50%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #aaa;font-size:14px;}
.scoreView .content .item .info span{width: 40%;display: inline-block;text-align: left;padding: 0 5px;}
.scoreView .content .item .info span:nth-child(1){text-align: right;}

.exam_type_item{border: 1px solid #aaa;line-height: 24px;
text-align: center;
width: 36px;
display: inline-block;
margin-right: 5px;
border-radius: 5px;}
.exam_type_item.active {background-color: #666;color: #fff;
}

.banner { background: url(/examination/images/cjcx.png) top center/auto 100%  no-repeat; height: 255px; }
.wlogo{top: 110px;right: 35%; position: absolute;transform: translateY(-50%);}
.wlogo .logo_img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.wlogo .logo_img img{height: 80px;border-radius: 40px;background-color: #54A8FE;}
.wlogo .name{vertical-align: middle;display: inline-block;line-height: 1;}
.wlogo .name .p1{font-size: 30px;font-weight: 600;color: #fff;letter-spacing: 30px;}
.wlogo .name .p2{font-size: 15px;margin-top: 8px; color: #fff;letter-spacing:4px;}

.foot { width: 100%; border-top: 4px solid; border-color: rgba(0,89,160,0.6); font-size: 14px; }
.foot .footer { width: 1065px; margin: 0 auto; }
.foot .footer .sydw {
float: left;
margin-left: 360px;
margin-top: 55px;
}
.foot .footer .web_info {
color: #0059A9;
line-height: 24px;
text-align: center;
margin: 39px 0;
}
.foot .footer .web_info p {
line-height: 28px;
}
.foot .footer .login {
float: left;
width: 320px;
margin-top: 15px;
padding-left: 15px;
margin-left: 100px;
}
.foot .footer .login .contit {
float: left;
height: 22px;
line-height: 22px;
border-bottom: #a9000c 3px solid;
color: #0059A9;
}
.foot .footer .login #menu {
width: 100%;
height: 140px;
float: left;
}
.foot .footer .login #menu .fl {
width: 63%;
float: left;
}
.foot .footer .login #menu .fl li {
line-height: 23px;
float: left;
margin-top: 10px;
color: #0059A9;
}
.foot .footer .login #menu .fl li .cxkuang {
border: #0059A9 2px solid;
border-radius: 5px;
height: 20px;
line-height: 20px;
width: 124px;
}
.foot .footer .login #menu .fl li .code_span {
display: inline-block;
border: #0059A9 2px solid;
border-radius: 5px;
height: 20px;
vertical-align: top
}
.foot .footer .login #menu .btn {
float: left;
width: 20%;
font-size: 0;
}
.foot .footer .login #menu .btn .DLbtn {
background: #ac0f24;
width: 60px;
height: 20px;
text-align: center;
line-height: 20px;
border: none;
text-align: center;
color: #FFF;
font-size: 14px;
font-family: 'Microsoft YaHei';
font-weight: 400;
font-style: normal;
margin-top: 12px;
display: block;
}
.foot .footer .login #menu .btn .DLbtn2 {
background: #e7e5e2;
width: 60px;
height: 20px;
text-align: center;
line-height: 20px;
border: none;
text-align: center;
font-size: 14px;
font-family: 'Microsoft YaHei';
font-weight: 400;
font-style: normal;
margin-top: 50px;
}