/*page_top*/
.page_top {
    width: 100%;
    height: 60px;
    background: #d72d32;
    margin-bottom: 10px;
}

.top_con {
    width: 1200px;
    margin: 0 auto;
}

.top_con img.logoImg {
    width: 172px;
    height: 39px;
    padding-top: 5px;
    float: left;
}

.top_con .topZixun {
    width: 130px;
    height: 37px;
    margin-top: 10px;
    float: right;
    border: 1px solid #fff;
    color: #fff;
    line-height: 37px;
    font-size: 19px;
    text-align: center;
    border-radius: 19px;
    transition: all 1s;
}

.top_con .topZixun:hover {
    background: #fff;
    color: #d72d32;
}

/*page_nav*/
.page_nav {
    /*	background: rgba(255,255,255,0.9);*/
}

.page_nav.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.page_nav .nav_con {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    border-top: 1px solid #dad9dc;
}

.nav_title {
    width: 802px;
    line-height: 24px;
    color: #333;
    font-size: 24px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    padding: 24px 0 17px;
    margin-left: 227px;
    background: #fff;
    border-left: 1px solid #dad9dc;
    border-right: 1px solid #dad9dc;
}

.nav_title.nav_title1 {
    margin-left: 396px;
}

.page_function1 {
    width: 213px;
    float: left;
    border: 1px solid #cbcbcb;
    position: absolute;
    top: -1px;
    left: 0;
    padding-bottom: 5px;
    background: #fff;
}

.page_function1.page_functionx {
    width: 376px;
    float: left;
    border: 1px solid #cbcbcb;
    position: absolute;
    top: -1px;
    left: 0;
    padding-bottom: 5px;
    background: #fff;
}

.page_function1 p {
    font-size: 18px;
    color: #666666;
    font-size: 20px;
    border-left: 5px solid #d72d32;
    padding-left: 6px;
    font-weight: bold;
    margin: 15px 0 8px 16px;
}

.page_function1.page_functionx .lineImg {
    width: 299px;
}

.lineImg {
    width: 199px;
    height: 2px;
    display: block;
    margin: 0 auto;
    padding-bottom: 13px;
}

.page_function1 .question_nav {
    overflow: hidden;
    width: 204px;
    margin: 0 auto;
    padding-left: 9px;
}

.page_function1.page_functionx .question_nav {
    padding-left: 11px;
    width: 370px;
}

.page_function1.page_functionx .question_nav li {
    margin-right: 8px;
}

.page_function {
    width: 156px;
    float: left;
    padding-top: 10px;
    border: 1px solid #cbcbcb;
    position: absolute;
    top: -1px;
    right: 0;
    padding-bottom: 30px;
    background: #fff;
}

.question_nav li {
    width: 22px;
    height: 18px;
    margin-bottom: 4px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    float: left;
    border-radius: 3px;
    background: #ececec;
    color: #333;
    margin-right: 7px;
    margin-bottom: 3px;
}

.question_nav li.active {
    background: #d72d32;
    color: #fff;
}

.question_nav li.correct {
    background: #57b4fd;
    color: #fff;
}

.question_nav li.error {
    background: #d72d32;
    color: #fff;
}

.span_wrap {
    width: 100%;
    text-align: center;
    height: 17px;
    padding: 20px 0 10px;
    line-height: 17px;
    color: #666666;
    font-size: 16px;
}

.span_wrap span {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    background: #57b4fd;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 5px 0 15px;
}

.span_wrap span.span2 {
    background: #d72d32;
}

.span_wrap span.span3 {
    background: #ececec;
}

.page_time {
    width: 100%;
    padding-top: 18px;
    position: relative;
}

.page_time div.nowtime {
    width: 114px;
    height: 114px;
    background: url(./../images/time_circle.png) no-repeat center center;
    margin: 0 auto;
}

.page_time div.nowtime p {
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    margin: 0 auto;
    padding-top: 28px;
}

.page_time div.nowtime p span {
    display: block;
    color: #d72d32;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
}

.page_time button.stop {
    display: block;
    border: none;
    width: 135px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 5px;
    height: 32px;
    background: #1793f5;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    outline: none;
}

.page_time button.stop img {
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.page_time button.submit {
    display: block;
    border: none;
    width: 135px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 5px;
    height: 32px;
    background: #d72d32;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    outline: none;
}

.page_time button.submit img {
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

/*page_question*/
.page_question {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.page_question.active {
    padding-left: 0;
}

.question_con {
    width: 802px;
    margin-left: 227px;
    border: 1px solid #dad9dc;
    border-top: none;
}

.question_con img {
    max-width: 100%;
}

.question_con.question_con1 {
    margin-left: 396px;
}

.question_con p.mulv {
    font-size: 26px;
    text-align: center;
    line-height: 30px;
    padding-top: 20px;
}

.question_con p.mulv1 {
    font-size: 17px;
    text-align: left;
    line-height: 24px;
    padding-top: 20px;
    padding-left: 10px;
}
.question_con p.question_text1 {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 10px 0;
    padding-left: 5px;
}

.question_con p.title {
    font-size: 20px;
    line-height: 30px;
    padding-top: 20px;
}

.question_con p.qus_title {
    font-size: 18px;
    line-height: 30px;
    padding-top: 20px;
    text-indent: 2em;
    padding: 5px 0;
}

.question_con img {
    display: block;
    margin: 0 auto;
    max-width: 780px;
}

.page_question .question_list {
    width: 100%;
    border-bottom: 1px dashed #333;
    padding: 10px 0;
}

.question_list .question_item .question_text {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
    padding: 10px 0;
    background: #f9f9fa url(./../images/simple.png) no-repeat 5px 16px;
    padding-left: 55px;

}

.question_list .question_item img {
    max-width: 100%;
}

.question_list.more_list .question_item .question_text {
    background: #f9f9fa url(./../images/more.png) no-repeat 5px 16px;
}

.question_list .question_item .answer_list li {
    line-height: 30px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    margin-bottom: 5px;
    padding-left: 10px;
}

.question_list .question_item .answer_list.answer_list_spil {
    overflow: hidden;
    padding: 5px 0;
}

.question_list .question_item .answer_list.answer_list_spil li {
    width: 20%;
    float: left;
}

.question_list .question_item.question_conx .answer_list li:hover {
    background: #ff6666;
    color: #fff;
}

.question_list .question_item .answer_list li.active {
    background: #d72d32;
    color: #fff;
}

.question_list .question_item .answer_list li.correct {
    color: #1793f5;
    font-weight: bold;
}

.question_list .question_item .answer_list li.error {
    color: #d72d32;
    font-weight: bold;
}

.question_list .question_item .answer_list1 {
    overflow: hidden;
    padding-left: 10px;
}

.question_list .question_item .answer_list1 li {
    display: inline-block;
    margin-right: 40px;
    font-size: 20px;
    color: #555;
    line-height: 40px;
    cursor: pointer;
}

.question_list .question_item .answer_list1 li span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    margin-right: 15px;
    text-align: center;
}

.question_list .question_item .answer_list1 li.active span font {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 auto;
    border: none;
    background: #d72d32;
}

.question_list .question_item .answer_list1 li.error span font {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 auto;
    background: url(./../images/error.png) no-repeat center center;
}

.question_list .question_item .answer_list1 li.correct span font {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 auto;
    background: url(./../images/sucess.png) no-repeat center center;
}

p.answer_analysis {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    padding-top: 20px;
    padding-left: 5px;
    display: none;
}

p.answer_analysis img {
    max-width: 100%;
}

/*zg_foot*/
.zg_foot {
    background: #f3f3f3;
    padding: 30px 0;
}

.zg_foot .zg_foot_nr {
    width: 1000px;
    margin: 0 auto;
}

.zg_foot .zg_foot_nr p {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

/*page_cover*/
.page_cover {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 10000;
    /*display:none;*/
}

.page_box {
    width: 400px;
    height: 150px;
    background: #ff6666;
    border-radius: 20px;
    position: fixed;
    z-index: 11;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    z-index: 10001;
}

.page_box button {
    display: block;
    border: 1px solid #fff;
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 5px;
    height: 40px;
    background: #fff;
    color: #ff6666;
    cursor: pointer;
    font-size: 20px;
    outline: none;
}

.page_box p {
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    padding-top: 15px;
}

.page_box p.p2 {
    line-height: 40px;
    padding-top: 0;
}

.page_box.page_stop {
    display: none;
    width: 345px;
    margin-left: -172px;
    background: #fff;
}

.page_box.page_stop p.p1 {
    font-size: 25px;
    color: #333;
    text-align: center;
    line-height: 25px;
    padding: 35px 0 35px;
}

.page_box.page_stop .stop_button {
    width: 100%;
    height: 60px;
    font-size: 22px;
    text-align: center;
    background: #d72d32;
    padding: 0;
    border: none;
    border-radius: 0 0 20px 20px;
    color: #fff;
}

.page_box.page_submit {
    display: none;
    width: 345px;
    margin-left: -172px;
    background: #fff;
    height: auto;
}

.page_box.page_submit p.p1 {
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: #333;
    padding: 20px 10px;
}

.page_box.page_submit .button_wrap {
    width: 100%;
    height: 60px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}

.page_box.page_submit .button_wrap button {
    text-align: center;
    background: #d72d32;
    font-size: 22px;
    width: 50%;
    float: left;
    height: 60px;
    font-size: 22px;
    text-align: center;
    background: #d72d32;
    padding: 0;
    border: none;
    border-radius: 0;
    color: #fff;
    line-height: 60px;
    margin: 0;
}

.page_box.page_submit .button_wrap button.submit_cancle {
    background: #d0d0d2;
    color: #666666;
}



.page_box.page_result .go_check_btn {
    width: 280px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-size: 18px;
    color: #333;
    border: none;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}



.page_box.page_leave button {
    display: inline-block;
    width: 150px;
    margin: 0 10px;
}

.page_box.page_leave button.leave_ok {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
    color: #fff;
}


.page_box.page_start {
    height: 350px;
    margin-top: -175px;
    padding-top: 20px;
}

.page_box.page_start p.p1 {
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-size: 22px;
    padding-top: 10px;
}

.page_box.page_start p.px {
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}

.page_box.page_start .bd_list {
    width: 300px;
    padding-top: 20px;
    margin: 0 auto;
}

.page_box.page_start .bd_list li {
    width: 300px;
    margin-bottom: 5px;
    height: 50px;
}

.page_box.page_start .bd_list li label {
    display: inline-block;
    width: 80px;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    float: left;
}

.page_box.page_start .bd_list li input {
    display: block;
    width: 206px;
    height: 40px;
    line-height: 40px;
    color: #333;
    padding-left: 10px;
    float: left;
    border-radius: 5px;
    outline: none;
    border: none;
}

.page_box.page_start .bd_list li.yzm {
    position: relative;
}

.page_box.page_start .bd_list li.yzm .yzm_btn {
    width: 110px;
    height: 40px;
    background: #480707;
    display: block;
    position: absolute;
    border-radius: 5px;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}

.page_box.page_start .bd_list li.yzm #daojishi {
    width: 110px;
    height: 40px;
    background: #480707;
    display: block;
    position: absolute;
    border-radius: 5px;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    display: none;
}

.page_box input.for_sub {
    display: block;
    border: 1px solid #fff;
    width: 220px;
    margin-left: 60px;
    margin-top: 20px;
    border-radius: 5px;
    height: 40px;
    background: #fff;
    color: #ff6666;
    cursor: pointer;
    font-size: 20px;
    outline: none;
}

.page_box.page_result {
    width: 560px;
    height: 440px;
    margin-top: -220px;
}

.page_box.page_result .result_con {
    width: 480px;
    margin: 0 auto;
}

.page_box.page_result .for_sub1 {
    width: 200px;
    height: 40px;
    background: #fff;
    font-size: 18px;
    color: #333;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.page_box.page_result .result_con .result_left {
    width: 190px;
    float: left;
}

.page_box.page_result .result_con .result_left a {
    display: block;
    width: 150px;
    height: 30px;
    background: #ffe850;
    line-height: 30px;
    color: #333;
    border-radius: 15px;
    font-size: 18px;
    text-align: center;
    margin: 10px auto;
}

.page_box.page_result .result_con .result_left p.p3 {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.page_box.page_result .result_con .result_right {
    width: 290px;
    float: left;
}

.page_box.page_result .result_con .result_right p.p2 {
    padding-top: 11px;
}

.page_box.page_result .result_con .result_right p.p3 {
    padding-top: 11px;
}

.page_box.page_result .result_con .result_right p.p_time {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.page_box.page_result .result_con .result_left img {
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 20px;
}

.goBtn {
    display: block;
    width: 260px;
    height: 45px;
    background: #cc2f3b;
    line-height: 45px;
    color: #fff;
    border-radius: 27px;
    font-size: 24px;
    text-align: center;
    margin: 20px auto 0;
    cursor: pointer;
}


.container {
    width: 439px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -219px;
    margin-top: -182px;
    z-index: 9999;
    padding: 6px 0 16px;
    background: #fff;
    border-radius: 10px;
    z-index: 10001;
    display: none;
}

.bd_close {
    width: 30px;
    height: 30px;
    background: url(./../images/close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 2px;
}

.bd_nav {
    height: 60px;
    border-bottom: 1px solid #ec414d;
    padding: 0 53.5px;
}

.bd_nav span {
    width: 116px;
    display: block;
    margin: 0 25px;
    line-height: 60px;
    font-size: 24px;
    color: #c6c6c6;
    float: left;
    text-align: center;
    cursor: pointer;
}

.bd_nav span.active {
    border-bottom: 2px solid #ec414d;
    position: relative;
    top: -1px;
    color: #ec414d;
}

.container .agileits {
    width: 305px;
    margin: 0 auto;
    padding-top: 30px;
    display: none;
}

.container .agileits .bd_line_wrap {
    width: 303px;
    height: 49px;
    background: url(./../images/input_bk.png) no-repeat center center;
    margin-bottom: 15px;
}

.container .agileits .bd_line_wrap input,
select {
    width: 303px;
    text-indent: 10px;
    line-height: 49px;
    font-size: 20px;
    color: #999999;
    height: 49px;
    border: none;
    background: none;
    outline: none;
}

.yzm_wrap {
    width: 100%;
    position: relative;
}

.yzm_wrap .yzm_btn,
#daojishi {
    width: 120px;
    height: 49px;
    color: #999999;
    position: absolute;
    right: 10px;
    top: 0px;
    text-align: center;
    line-height: 49px;
    font-size: 19px;
    transition: all 1s;
}

.yzm_wrap #daojishi {
    display: none;
    font-size: 14px;
}

.container .agileits .bd_line_wrap.send_button {
    background: none;
}

.container .agileits .bd_line_wrap.send_button input.submintBtn {
    width: 303px;
    height: 49px;
    background: #ec414d;
    color: #fff;
    text-align: center;
    border-radius: 24px;
    cursor: pointer;
}



.form_box {
    width: 454px;
    height: 380px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -227px;
    margin-top: -210px;
    z-index: 10001;
    background: #fff;
    border-radius: 10px;
    display: none;
}

.form_box_close {
    display: block;
    width: 29px;
    height: 29px;
    background: url(./../images/choice_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: -60px;
    top: -52px;
    z-index: 3;
}

.form_box h2 {
    width: 606px;
    height: 278px;
    position: absolute;
    top: -62px;
    left: -97px;
}

.form_tip {
    font-size: 20px;
    text-align: center;
    color: #2b2b2b;
    line-height: 40px;
    padding-top: 20px;
}

.form_box table {
    width: 336px;
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

.form_box table tr {
    height: 70px;
    border-bottom: 1px solid #d2d2d2;
}

.form_box table tr.submmit {
    border-bottom: none;
}

.form_box table th {
    width: 23px;
    height: 70px;
    padding-right: 15px;
}

.form_box table td {
    width: 298px;
}

.form_box table td input {
    width: 298px;
    height: 40px;
    background: none;
    border: none;
    outline: none;
    font-size: 18px;
    line-height: 40px;
    color: #333;
}

.form_box table tr.submmit td {
    height: 45px;
    padding-top: 15px;
}

.form_box table tr.submmit input {
    display: block;
    margin: 0 auto;
    border-radius: 22px;
    width: 200px;
    background: #dd0011;
    border: none;
    color: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    cursor: pointer;
}

.form_box table tr.yzm td {
    position: relative;
}

.form_box table tr.yzm #getyzm2 {
    height: 40px;
    line-height: 40px;
    width: 120px;
    display: inline-block;
    font-size: 17px;
    border: 1px solid #df2632;
    border-radius: 20px;
    color: #df2632;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

.form_box table tr.yzm #daojishi2 {
    height: 40px;
    line-height: 40px;
    width: 120px;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #df2632;
    border-radius: 20px;
    color: #df2632;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
    display: none;
}

.choice_info {
    width: 431px;
    height: 357px;
    background: url(./../images/top.png) no-repeat center top;
    border-radius: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -210px;
    margin-top: -178px;
    z-index: 10001;
}

.choice_info_close {
    display: block;
    width: 29px;
    height: 29px;
    background: url(./../images/choice_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: 0;
}

.choice_info h5 {
    font-size: 15px;
    color: #000;
    display: inline-block;
    line-height: 18px;
    padding: 37px 0 10px 30px;
    font-family: '宋体';
}

.choice_info h5 span {
    color: #d72d32;
}

.choice_info h6 {
    line-height: 35px;
    font-size: 13px;
    color: #3d3d3d;
    text-align: center;
    font-size: 18px;
    letter-spacing: 2px;
}

.choice_info h6 span {
    color: #d72d32;
}

.choice_info p.p1 {
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    color: #000;
}

.choice_info p.p1 span {
    font-size: 37px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    color: #d72d32;
    margin-left: 6px;
}

.choic_info_tip {
    line-height: 18px;
    font-size: 14px;
    color: #000;
    text-align: center;
    padding-bottom: 13px;
}

.my_data_wrap {
    width: 300px;
    height: 86px;
    border: 1px solid #000000;
    margin: 0 auto;
}

.my_data_wrap div {
    width: 150px;
    float: left;
    height: 86px;
}

.my_data_wrap div.data_left {
    width: 149px;
    border-right: 1px solid #000;
}

.my_data_wrap div span {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 8px 0 8px;
    text-align: center;
    color: #d72d32;
    font-size: 44px;
}

.my_data_wrap div p {
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    text-align: center;
}

.btn_wrap {
    text-align: center;
    padding-top: 22px;
    height: 51px;
}

.btn_wrap a {
    display: inline-block;
    width: 176px;
    height: 51px;
    margin: 0 5px;
}


.rank_info {
    width: 383px;
    height: 200px;
    background: #fff;
    border-radius: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -191px;
    margin-top: -100px;
    z-index: 10001;
}

.rank_info_close {
    display: block;
    width: 29px;
    height: 29px;
    background: url(./../images/choice_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: -60px;
    top: -35px;
}

.rank_info h6 {
    font-size: 23px;
    color: #333;
    text-align: center;
    line-height: 74px;
    font-weight: normal;
    letter-spacing: 1px;
}

.rank_info input.inquiry_telbox {
    width: 260px;
    height: 50px;
    background: #fcfcfc;
    border: 1px solid #b0b0b0;
    border-radius: 10px;
    outline: none;
    font-size: 16px;
    line-height: 40px;
    color: #333;
    text-indent: 8px;
    display: block;
    margin: 0 auto;
    outline: none;
}

.rank_info input.inquiry_submit {
    width: 100%;
    height: 59px;
    line-height: 59px;
    display: block;
    font-size: 22px;
    color: #fff;
    border: none;
    border-radius: 0 0 10px 10px;
    background: #d72d32;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    outline: none;
}


.data_info {
    width: 569px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -285px;
    padding-top: 89px;
    z-index: 10002;
    display: none;
}

.data_info_close {
    display: block;
    width: 29px;
    height: 29px;
    background: url(./../images/choice_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

.data_info .data_info_con {
    width: 569px;
    background: #fff;
    border-radius: 20px;
    padding-top: 1px;
}

.titleImg {
    width: 392px;
    height: 124px;
    display: block;
    margin: 0 auto;
    margin-top: -89px;
}

.go_answer_detail {
    width: 177px;
    height: 51px;
    display: block;
    background: url(./../images/go_answer_detail.png) no-repeat center center;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}



.rank_table_wrap {
    width: 100%;
    overflow-y: auto;
}

.rank_table {
    width: 98%;
    margin: 0 auto;
    text-align: center;
}

.rank_table tr th {
    line-height: 30px;
    background: #fff;
    color: #734040;
    padding: 8px 0;
    font-size: 16px;
    font-weight: bold;
}

.rank_table tr {
    border-bottom: 1px solid #f6e2e2;
}

.rank_table.rank_tablex tr {
    border-bottom: none;
}

.rank_table tr td {
    line-height: 26px;
    padding: 8px 0;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.rank_table tr.redcss td {
    color: #f00;
}

.rank_table tr.self_phone td {
    background: #e6dfdf;
}

.rank_table tr.normal_score {
    display: none;
}

.my_info {
    width: 569px;
    height: 61px;
    background: url(./../images/my_info_bk.jpg) no-repeat center center;
}

.info_left {
    padding-left: 60px;
    width: 180px;
    line-height: 61px;
    color: #fff;
    font-size: 18px;
    float: left;
}

.info_left span {
    color: #fff71c;
}

.info_right {
    padding-right: 10px;
    width: 319px;
    line-height: 61px;
    color: #fff;
    font-size: 18px;
    float: left;
    text-align: right;
}

.info_right span {
    color: #fff71c;
}

.info_right span.left_score {
    margin-right: 13px;
}

.info_right span.left_data {
    color: #fff;
    margin-left: 5px;
}

#goTop {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10003;
    cursor: pointer;
    display: none;
}

.offcn_openge {
    height: 20px;
    font: 14px/16px 'Microsoft yahei';
    color: #999;
    text-align: center;
    padding: 10px 0;
}

.offcn_zyspg {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-right: 5px;
    color: #ccc;
}

.offcn_pageall {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.offcn_pageall span {
    color: #ccc;
    display: inline-block;
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
}

.offcn_pageall a {
    height: 20px;
    line-height: 20px;
    padding: 0 3px;

}

.offcn_pageall a:hover {
    color: #f00;
}

.container {
    width: 439px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -219px;
    margin-top: -182px;
    z-index: 9999;
    padding: 6px 0 16px;
    background: #fff;
    border-radius: 10px;
    z-index: 10010;
}

.container_close {
    width: 30px;
    height: 30px;
    background: url(./../images/choice_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: -39px;
    top: -39px;
}

.bd_nav {
    height: 60px;
    border-bottom: 1px solid #ec414d;
    padding: 0 53.5px;
}

.bd_nav span {
    width: 116px;
    display: block;
    margin: 0 25px;
    line-height: 60px;
    font-size: 24px;
    color: #c6c6c6;
    float: left;
    text-align: center;
    cursor: pointer;
}
.bd_nav span.active {
    border-bottom: 2px solid #ec414d;
    position: relative;
    top: -1px;
    color: #ec414d;
}
.container .agileits {
    width: 305px;
    margin: 0 auto;
    padding-top: 30px;
    display: none;
}
.container .agileits .bd_line_wrap {
    width: 303px;
    height: 49px;
    background: url(./../images/input_bk.png) no-repeat center center;
    margin-bottom: 15px;
}
.container .agileits .bd_line_wrap input {
    width: 293px;
    padding-left: 10px;
    line-height: 49px;
    font-size: 20px;
    color: #999999;
    height: 49px;
    border: none;
    background: none;
    outline: none;
}
.yzm_wrap {
    width: 100%;
    position: relative;
}
.yzm_wrap .yzm_btn,
#daojishi {
    width: 120px;
    height: 49px;
    color: #999999;
    position: absolute;
    right: 10px;
    top: 0px;
    text-align: center;
    line-height: 49px;
    font-size: 19px;
    transition: all 1s;
}
.yzm_wrap #daojishi {
    display: none;
    font-size: 14px;
}
.container .agileits .bd_line_wrap.send_button {
    background: none;
}
.container .agileits .bd_line_wrap.send_button input.submintBtn {
    width: 303px;
    height: 49px;
    background: #ec414d;
    color: #fff;
    text-align: center;
    border-radius: 24px;
    cursor: pointer;
}
.container_tip {
    width: 305px;
    margin: 10px auto 0;
    border-top: 1px solid #ec414d;
}
.container_tip li {
    line-height: 26px;
    font-size: 15px;
    color: #333;
    margin-top: 3px;
}
.my_time {
    line-height: 40px;
    font-size: 20px;
    color: #333;
}
.my_time a {
    display: block;
    font-size: 18px;
    width: 99%;
    height: 40px;
    background: #d72d32;
    border-radius: 5px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}