body{background:#22808c url(../images/bg.jpg) repeat-x;}
input{margin:0;vertical-align: -1px;}

.c-yellow{color:#ffff00;}
.c-orange{color:#ff5c00;}
.c-fff{color:#fff;}
.c-blue{color:#004d8c;font-weight: bold}

.fz12{font-size:12px;}
a:hover{color:#333;}

i{font-style: normal;}

.mr25{margin-right:25px;}
.mr70{margin-right:70px;}

em{display:inline-block;width:100px;background:url(../images/icon.png) no-repeat 0 0;vertical-align:middle;}


.cont{width:680px;margin:0 auto;padding:26px 0 40px;}

/*头部*/
#nav{padding:5px 0 0 0;}
.jzCon{top:119px;}

/*首页*/
.info span{display:inline-block;width:33%;font-weight: bold;color:#fff;text-align: center;line-height: 30px;padding-top:22px;}


.logo-tit{margin-top:53px;}

.box{border-radius: 4px;box-shadow: inset 0 0 5px rgba(255,255,255,.35);background:#55c1d5 url(../images/box-bg1.jpg) repeat-x;border:1px solid #71edff;}

.login{padding:50px 30px 36px;margin-top:40px;}
.login .num{line-height: 34px;overflow: hidden;}
.login label{font-size:20px;color:#fff;font-family: "宋体";}
.login input{width:238px;height:20px;overflow: hidden;line-height: 20px;border:1px solid #ccc;padding:6px 5px;font-size:19px;font-weight: "宋体";font-weight: bold;}


.login .btn-box{padding-top:15px;}
.login .btn{border-radius: 4px;border:1px solid #025078;font-weight: bold;padding:2px 18px;background:#fff url(../images/btn-bg1.jpg) repeat-x;}
.login .btn:visited{background:#fff;box-shadow:inset 0 0 1px 1px rgba(105,130,238,1);}
.login .btn:hover{background:#fff;box-shadow:inset 0 0 1px 1px rgba(248,178,48,1);}
.login .btn:active{background:#fff;box-shadow:inset 0 0 1px 1px rgba(209,204,193,1);}

.seat-num, .data{height:260px;overflow:hidden;font-size:12px;}
.seat-num{color:#fff;width:400px;}
.seat-num p{line-height: 36px;text-indent:30px;}
.seat-num h3{font-size:160px;font-family: "宋体";font-weight: normal;line-height: 180px;}

.data{width:270px;}
.data p{text-align:center;margin-top:60px;}
.data p:first-child{margin-top:16px;text-indent:36px;}
.data em{width:48px;height:38px;background-position: 0 0;left:30px;top:0;}


/*result*/
.result .box{margin-top:40px;}
.result .seat-num{width:297px;}
.result .tit{line-height: 60px;padding-top:7px;}

.report{width:370px;border-left:1px solid #fff;padding:4px 0 4px 10px;margin-top:36px;}
.report p{line-height: 30px;margin-top:16px;}
.report p:first-child{margin-top:0;}
.report span{margin-right:25px;}

.tips{line-height: 18px;padding:20px 0 30px 60px;}


/*answer*/
.answer{padding:0;width:95%;}
.answer .left{width:78%;}
.answer .right{width:20%;}

.answer .respondent{line-height: 24px;padding:10px 0;}

.questions{background: #fff; position: relative;}

.questions .tit{ line-height: 22px;background:#f6f6f6;padding:5px 30px 5px 100px;font-size:18px;font-family: "宋体";}
.questions .tit .abs{left:30px;top:5px;text-align: right;}
.answer .input-box p{padding:8px 46px;vertical-align: middle;line-height: 30px;font-size:18px;font-family: "宋体";}
.answer .input-box input{margin:0 24px 0 5px;}

.answer .btn-box{margin:10px 0;}
.answer .btn{display:inline-block;width:120px;height:48px;font-size:16px;color:#fff;line-height:48px;background:url(../images/answer-btn.png) no-repeat;}
.answer .btn:hover{background-image:url(../images/answer-btn-hover.png);}
.answer .btn:active{background-image:url(../images/answer-btn-active.png);}
.answer .btn em{margin:0 5px;width:24px;}
.answer .btn-prev em{height:22px;background-position:0 -221px;}
.answer .btn-next em{height:22px;background-position:0 -260px;}
.answer .btn-computer em{height:24px; background-position:0 -295px;}
.answer .btn-help em{height:24px;background-position:0 -332px;}
.answer .btn-submit em{height:20px;background-position:0 -372px;}

.answer-sheet span{position: relative;}
.answer-sheet span:hover::before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    left: 1px;
    box-shadow:inset 0 0 0 2px #f9ca4c ;
}

.answer .btttom{height:70px;background:#3ab3c6;padding:0 15px;}
.answer .btttom .left,.answer .btttom .right{width:50%;}
.answer .btttom .left{line-height: 70px;}

.answer .btttom .right{text-align: right;}
.answer .btttom .right p{padding-right:65px;}
.bar-box{display:inline-block;width:241px;height:14px;background:url(../images/progress-bar.png) no-repeat;vertical-align:-3px;}
/*.bar-box:after{display:block;content:"";width:40%;height:12px;position: absolute;left:1px;top:1px;background:url(../images/progress-bar.gif) no-repeat;}*/
.bar-box p{width:40%;height:12px;background:url(../images/progress-bar.gif)no-repeat;;margin-top: 1px;}

.examples{line-height: 16px;padding-left:18px;margin-top:50px;padding-bottom:2px;}
.examples span{margin-right:12px;}
.examples em{width:14px;height:14px;margin-right:3px;vertical-align: -1px;}
.examples .yd em{background-position: 0 -439px;}
.examples .zd em{background-position: 0 -469px;}
.examples .wd em{background-position: 0 -409px;}

/*答题卡*/
.answer-sheet h4{margin-top:10px;font-size:12px;height:24px;line-height: 24px;color:#fff;background:#01a8ba;text-indent: 16px;}
.answer-sheet p{background:#fff;padding:8px 17px;}
.answer-sheet span{background-position: 0 -509px; font-size:12px;display: inline-block;width:32px;height:32px;line-height:32px;margin:1px;background:url(../images/icon.png) no-repeat 0 -509px;cursor: pointer;}
.answer-sheet span.yd{background-position: 0 -551px;}
.answer-sheet span.zd{background-position: 0 -597px;}

.answer .xuanxiang{
    height: 52px;
    margin-left: 46px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 26px;
    margin-top: 20px;
}

.myxx2{
    color: #FF5C00;
}
.myxx3{
    color: #004D8C;
}
.answer .analysis{
    margin-left: 46px;
    width: 884px;
    height: 250px;
    background: #F6F6F6;
    overflow: auto;
}
.answer .analysis span{
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    margin-right: 10px;
}





/*弹框*/
.tk{display:none;position: fixed;width:468px;height:360px;top:50%;left:50%;margin-top:-180px;margin-left:-250px;background: #fff;border:1px solid #333;background:#bef1ed;padding:0 16px;}
.tk-tit{height:70px;line-height: 70px;text-indent:36px;}
.tk-tit em{margin-right:24px;width:30px;height:30px;background-position: 0 -662px;}

.tk-cont{background:#fff;height:218px;padding:20px 10px 0 6px;overflow: auto;}
.tk-cont p{text-indent: 2em;}
.tk-cont p.tk-p{text-indent: 0;}
.tk-cont p.tk-p span{
    color: #FF5C00;
}
.tk-border{
    border:1px solid #025078;
    width: auto;
    height: 30px;
    margin-left: 46px;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    line-height: 30px;
    cursor: pointer;
}
.tk-border:hover{
    box-shadow:inset 0 0 1px 1px rgba(249,202,76,1);
}
.tk-border b{
    width: 16px;
    height: 16px;
    display:inline-block;
    background: url(../images/video.png);
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 4px;
}
.modal-main{
    position: fixed;
    z-index: 10;
    width:100%;
    background: rgba(0,0,0,0);
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}
.modal-main-video{
    position: fixed;
    z-index: 10;
    width:100%;
    background: rgba(0,0,0,0);
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.dmt{
    position: absolute;
    left: 30%;
    top: 30%;
    width: 500px;
    height: 300px;
    z-index: 11;
}
.vdo{
    /* position: absolute;
    left: 30%;
    top: 30%; */
    width: 500px;
    height: 300px;
    display: none;
    border: 1px solid #ccc;
}
.close{
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    /* background-color: #999999; */
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    z-index: 999;
    cursor: pointer;
}
.tk .btn{display:inline-block;width:auto;height:30px;padding:0 10px;border-radius: 4px;margin:10px 24px 0;line-height:30px;background:#fff;}
.tk .btn.yes{border:1px solid #025078;}
/* .tk .btn.yes:hover{box-shadow:inset 0 0 1px 1px rgba(91,169,226,1);} */
.tk .btn.yes:hover{box-shadow:inset 0 0 1px 1px rgba(249,202,76,1);}
.tk .btn.no{border:1px solid #025078;box-shadow:inset 0 0 1px 1px rgba(91,169,226,1);}
/* .tk .btn.no:hover{box-shadow:inset 0 0 1px 1px rgba(249,202,76,1);} */
.tk .btn.no:hover{box-shadow:inset 0 0 1px 1px rgba(249,202,76,1); }
.tk .btn.know

.tk .btn em{height:16px;margin-right:7px;}
.tk .btn-box em{margin-right:7px;}
.tk .btn.yes em{width:16px;height:16px;background-position: 0 -713px;}
.tk .btn.no em{width:17px;height:16px;background-position: 0 -740px;}

/* 引入计算器样式 */
#calcuator{ display: none; position:absolute;left: 40%;top:17%; width:200px; height:269px; padding:0 10px 10px 10px; border:1px solid #e5e5e5; background:#f8f8f8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; box-shadow:0px 0px 10px #f2f2f2; -moz-box-shadow:0px 0px 10px #f2f2f2; -webkit-box-shadow:0px 0px 10px #f2f2f2; margin: 20px auto 0; }
#calcuator #input-box{ margin:0; width:187px; padding:9px 5px; height:14px;border:1px solid #e5e5e5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#FFF; text-align:right; line-height:14px; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#666; outline:none;  text-transform:uppercase;}
#calcuator #btn-list{ width:200px; overflow:hidden;}
#calcuator #btn-list .btn-radius{ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #e5e5e5; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#ebebeb)); background:-moz-linear-gradient(top, #f7f7f7,#ebebeb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7,endColorstr=#ebebeb,grandientType=1); line-height:29px; text-align:center; text-shadow:0px 1px 1px #FFF; font-weight:bold; font-family:Verdana, Geneva, sans-serif; color:#666; float:left; margin-left:11px; margin-top:11px; font-size:12px; cursor:pointer;}
#calcuator #btn-list .btn-radius:active{ background:#ffffff;}
#calcuator #btn-list .clear-marginleft{ margin-left:0;}
#calcuator #btn-list .font-14{ font-size:14px;}
#calcuator #btn-list .color-red{ color:#ff5050}
#calcuator #btn-list .color-blue{ color:#00b4ff}
#calcuator #btn-list .btn-30{ width:29px; height:29px;}
#calcuator #btn-list .btn-70{ width:70px; height:29px;}

.x{
    cursor: pointer;
}
/*.footer{width:100%;position: fixed;bottom:0;left:0;}*/