html { width: 100%; overflow-x:hidden;}
body { width: 100%; background:#eee; font-family:'microsoft yahei'; font-size:18px; overflow-x:hidden;}

img { vertical-align:bottom;}
a { color:#333; text-decoration:none;}

*:focus {outline: none;} 

.login { width: 600px; height: 120px; position: absolute; top: 40%; left: 50%; margin: -150px 0px 0px -300px;}
.login .from { width: 600px; margin: auto;}
.login .text { padding-top: 30px; font-size: 14px;}
.login .title { font-size: 26px; color: #128fd1; padding-bottom: 30px;}
.input { width: 600px; position: relative; padding-bottom: 20px;}
.input input { width: 100%; padding: 15px 10px; border-radius: 5px; border:#CCC solid 1px;}
.input span { display: block; width: 100px; height: 54px; line-height: 54px; background: #128fd1; color: #FFF; text-align: center; border-radius: 0px 5px 5px 0px; cursor: pointer; position: absolute; right: -21px; top: 0px;}
.button { height: 54px; line-height: 54px; text-align: center; background: #128fd1; color: #FFF; border-radius: 5px; cursor: pointer;}

#main { padding: 20px 100px; height: 100%;}

h2 { padding: 20px; font-size: 20px; color:#128fd1; background: #FFF; border: #e1e1e1 solid 1px; margin: 0px; font-weight: normal; margin-bottom: 40px;}

.list { padding-right: 450px;}

.list h1 { background:#FFF; text-align: center; padding-right: 450px; margin-bottom: 30px; padding: 20px 0px;}
.list h1 img { width: 50%;}

.list .item,.alert .item { margin-bottom: 40px; border: #e1e1e1 solid 1px;}
.list .item .q,.alert .item .q { background: #f7f7f7; border-bottom: #e1e1e1 solid 1px; padding: 15px 20px;}
.list .item .q img,.alert .item .q img { vertical-align:-5px; width: 25px; cursor: pointer;}
.list .item .q span,.alert .item span { padding: 0px 10px; margin: 0px 10px; background: #128fd1; color: #FFF; border-radius: 3px;}
.list .item .s,.alert .item .s { background: #FFF; padding: 10px 20px;}
.list .item .s.min-height,.alert .item .s.min-height { padding: 50px 20px;}
.list .item .s span { padding-right: 30px;}
.list .item .a { background: #f7f7f7; padding-left: 0px; position: relative;}
.list .item .a:hover { background: #efefef;}
.list .item .a input { vertical-align: 0px; margin-left: 20px; position: absolute; left: 10px; top: 20px; width: 16px; height: 16px;}
.list .item .a label { display: block; padding: 15px 20px 15px 55px;}
.list .item .a.on { background: #128fd1;}
.list .item .a.on label { color: #FFF;}

.aside { width: 350px; position:fixed; right: 50px; top: 0px; max-height: 100%; overflow-y: auto;}
.aside .time { background: #FFF; text-align: center; padding: 10px 0px; font-size: 18px; margin-bottom: 20px;}
.aside .time span { color: #128fd1; font-size: 30px; padding-left: 10px; vertical-align: -5px;}
.aside .name { padding: 20px; background: #FFF;}
.aside .item { padding: 20px; background: #FFF; border-top: #efefef solid 1px;}
.aside .item .info { padding-left: 10px; border-left: #128fd1 solid 3px; margin-bottom: 10px;}
.aside .item .head { float: left; width: 105px; border: #efefef solid 1px;}
.aside .item .list { width: 180px; padding-right:0px; float: right; font-size: 14px;}
.aside .item .list li { padding-top: 10px;}
.aside .item .grid a { display: block; width: 29px; height: 29px; float: left; background: #e8e8e8; margin: 1px; line-height: 29px; text-align: center; cursor: pointer;}
.aside .item .grid a.on { background: #128fd1; color: #FFF;}
.aside .button{ padding: 20px; background: #FFF; padding-top: 0px;}
.aside .button span{ display: block; height: 45px; line-height: 45px; background: #128fd1; color: #FFF; text-align: center; border-radius: 3px; cursor: pointer;}

.alert { width: 700px; border-radius:5px; font-family:'microsoft yahei'; display: none;}
.alert .name { border-bottom: #efefef solid 1px; padding-bottom: 10px;}
.alert .text { padding-bottom: 30px; padding-top: 10px; text-align: justify;}
.alert .btns { text-align: right;}
.alert .btns span { padding: 6px 25px; margin-left: 10px; background: #128fd1; color: #FFF; text-align: center; border-radius: 3px; cursor: pointer;}

.fancybox-content {padding: 30px;}
#alert-info {width: 900px;}

#alert-info .note {padding: 20px 0;}

#alert-info .note .show {float: left;padding-right: 20px;}

#alert-info .note .info p {padding-top: 24px;text-align: justify;}

#alert-oper {width: 60vw;}

#alert-oper .name span,#alert-info .name span {position: absolute;right: 40px;top: 13px;font-size: 30px;color: #128fd1;}

#submit-test { display: none;}

.oper { max-height: 30vw; overflow: auto; margin: 20px 0;}
.oper::-webkit-scrollbar {width: 5px; height: 5px;}
.oper::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, .2); border-radius: 5px;}
.oper::-webkit-scrollbar-track { background:rgba(0, 0, 0, 0); border-radius: 5px;}

.wechat { width: 100px; padding-top: 20px; margin: auto;}
.wechat img { display: block;}
.wechat span { display: block; text-align: center; padding-top: 10px; font-size: 14px;}

/*.radio-btn input[type="radio"], .check-box input[type="checkbox"] {
    visibility: hidden;
}*/
/*Custom checkbox*/
 .check-box {
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    margin: 2px 7px 0 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    border: 1px solid #ccc;
}
.check-box i {
    background: url('css/check_mark.png') no-repeat center center;
    position: absolute;
    left: 3px;
    bottom: -15px;
    width: 16px;
    height: 16px;
    opacity: .5;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transform:rotateZ(-180deg);
    -moz-transform:rotateZ(-180deg);
    -o-transform:rotateZ(-180deg);
    transform:rotateZ(-180deg);
}
.checkedBox {
    -moz-box-shadow: inset 0 0 5px 1px #ccc;
    -webkit-box-shadow: inset 0 0 5px 1px #ccc;
    box-shadow: inset 0 0 5px 1px #ccc;
    border-bottom-color: #fff;
}
.checkedBox i {
    bottom: 2px;
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg);
    transform:rotateZ(0deg);
}
/*Custom radio button*/
 .radio-btn {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 3px 7px 0 0;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #ccc;
    box-shadow: 0 0 1px #ccc;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.checkedRadio {
    -moz-box-shadow: inset 0 0 5px 1px #ccc;
    -webkit-box-shadow: inset 0 0 5px 1px #ccc;
    box-shadow: inset 0 0 5px 1px #ccc;
}
.radio-btn i {
    border: 1px solid #E1E2E4;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.checkedRadio i {
    background-color: #898A8C;
}