body{
    background:#4b2f7a;
    font-family:Arial,"Microsoft YaHei","微软雅黑"; 
}
.test_input,.begin_btn,.test_complete,.share_btn,.vindicate_box,.miji,.v_to i,.v_from i,.stand_btn,.invitn_btn,.invitn_btn,.active_tips,.submit_area a
,.say_love_list li,.lb_zan i,.list_btn,.more_btn{
    background-image:url(https://i.huim.com/zhuanti/qixi/qixi_ico_lzn.png);
    background-repeat:no-repeat;
}
.header_top{
    height:324px;
    position:relative;
    background:#6448ab url(https://i.huim.com/zhuanti/qixi/qixii_part1.jpg) no-repeat  top center;
}
.header_nav{
    height:375px;
    background:#4b2f7a url(https://i.huim.com/zhuanti/qixi/qixii_part2.jpg) no-repeat  top center;
}
.header_nav .grid_auto{
    position:relative;
    height:375px;
}
.header_nav .link_lovo1{
    position:absolute;
    right:145px;
    bottom:0;
    display:inline-block;
    height:140px;
    width:245px;
    background-image:url(about:blank); 
}

.main_qixi .step_test{
    height:390px;
    background:#4b2f7a url(https://i.huim.com/zhuanti/qixi/qixii_part3.jpg) no-repeat  top center;
}
.step_test .test_img{
    width:250px;
    height:330px;
    margin-left:165px;
    margin-top:10px;
    padding:18px 0 0 35px;
    background:url(https://i.huim.com/zhuanti/qixi/qixi_text_photo.png) no-repeat  top center;    
}
.step_test .test_cot{
    margin-top:20px;
    width:500px;
    height:280px;
}
.test_cot1{
    padding:80px 0 0 50px;
}
.test_input{
    width:330px;
    height:58px;
    background-position:0 -198px;
}
#user_name{
    float:left;
    width:205px;
    height:24px;
    line-height:20px;
    margin:16px 10px;
    padding-left:5px;
    border:0;
    font-size:20px;
    color:#333;
    font-family:Arial,"Microsoft YaHei","微软雅黑"; 
}
.test_input .select_gender{
    float:left;
    position:relative;
    width:100px;
    color:#fff;
}
.select_gender .gender_box{
    padding-right:35px;
    height:58px;
    line-height:58px;
    color:#ebe1ff;
    font-size:20px;
    text-align:right;
    cursor:pointer;
}
.select_gender .sex_list{
    position:absolute;
    top:58px;
    display:none;

}
.sex_list li a{
    display:inline-block;
    width:100px;
    height:50px;
    text-align:center;
    line-height:50px;
    background:#6c48a2;
    color:#ebe1ff;
    font-size:20px;
}
.sex_list li a:hover{
    background:#fff;
    color:#333;
}
.man{
    border-bottom:1px solid #7d5ab5;
}
.test_cot1 .begin_btn,.invitn_btn,.submit_area a{
    margin-top:45px;
    margin-left:65px;
    display:inline-block;
    width:200px;
    height:58px;
    text-align:center;
    line-height:58px;
    background-position:0 0;
    font-size:24px;
    font-weight:700;
    color:#8a5100;
}
.test_cot1 .begin_btn:hover,.invitn_btn:hover,.submit_area a:hover{
    background-position:-210px 0;
    color:#8a5100;
}


.test_cot2,.test_cot3{
    display:none;
}


.test_cot2{
    padding:52px 0 0 15px;
}
.test_cot2 .test_complete{
    width:210px;
    height:120px;
    background-position:-437px 0;
}
.test_cot2 .share_btn{
    display:inline-block;
    width:200px;
    height:62px;
    margin-left:100px;
    padding-top:8px;
    text-align:center;
    background-position:0 -68px;
    font-size:24px;
    font-weight:700;
    color:#8a5100;
}
.share_btn span{
    display:block;
    font-size:14px;
    font-weight:500;
}

.test_cot3{
    padding:75px 0 0 60px;
}
.test_cot3 .result_tit{
    font-size:18px;
    color:#ff9de0;
}
.test_cot3 .result_name{
    padding:5px 0 50px 0;
    font-size:40px;
    color:#fcea27;
    font-weight:700;
}
.test_cot3 .retest{
    font-size:12px;
    color:#e699ff;
    border-bottom:1px solid #e699ff;
}


/* 表白
------------------------------------*/
.say_love{
    height:568px;
    background:url(https://i.huim.com/zhuanti/qixi/qixii_part4.jpg) no-repeat  top center;    
}
.say_top{
    text-align:right;
}
.say_top .miji{
    margin-top:120px;
    margin-right:30px;
    display:inline-block;
    width:98px;
    height:64px;
    background-position:-210px -267px;
}
.say_top .link_lovo2{
    display:inline-block;
    width:190px;
    height:170px;
    margin-right:90px;
}

.say_love .vindicate_box{
    position:relative;
    float:left;
    width:375px;
    height:335px;
    margin:10px 0 0 140px;
    background-position:-330px -255px;
}
.say_love .vindicate_box .v_to{
    position:absolute;
    top:64px;
    left:50px;
    color:#f95c68;
}
.vindicate_box .v_cot{
    position:absolute;
    top:92px;
    left:50%;
    width:270px;
    height:120px;
    margin-left:-135px;  
    color:#333;
    line-height:21px;
    font-size:14px;
    overflow-y:auto;
}
.vindicate_box .v_from{
    position:absolute;
    width:375px;
    bottom:85px;
    text-align:center;
    color:#f95c68;
}
.vindicate_box .v_to i{
    float:left;
    display:inline-block;
    width:34px;
    height:13px;
    margin-right:3px;
    background-position:-104px -370px;
}
.vindicate_box .v_from i{
    display:inline-block;
    width:54px;
    height:13px;
    margin-right:3px;
    background-position:-143px -370px;
}


.say_love .active_area{
    float:left;
    padding-left:60px;
    padding-top:60px;
    position:relative;
}
.say_love .stand_btn{
    display:block;
    width:95px;
    height:95px;
    background-position:1px -265px;
    margin:0 auto;
}
.stand_btn span{
    display:block;
    font-size:16px;    
    text-align:center;
    padding-top:60px;
    color:#8a5100;
}
.say_love .invitn_btn{
    display:block;
    margin-left:0;
}

.say_love .active_tips{
    position:absolute;
    top:30px;
    right:-95px;
    width:180px;
    height:82px;
    background-position:-434px -118px;
}



.fabu_success{
    
}

.fabu_love{
    padding:10px 0 0 200px;
}
.user_login .user_img{
    float:left;
    margin-right:10px;
}
.user_login .user_img img{
    width:50px;
    height:50px;
}
.user_login .user_name{
    display:none;
    float:left;
    margin-top:25px;
    color:#ffd300;
    
}
.fabu_love .to_love{
    margin:10px 0;
}
.fabu_love .to_love input{
    height:34px;
    width:170px;
    line-height:34px;
    border:2px solid #9f49de;
    padding-left:5px;
    font-size:14px;
    color:#666;
}
.fabu_love .love_text textarea{
    display:block;
    width:600px;
    height:110px;
    padding:5px;
    line-height:24px;
    font-size:14px;
    color:#666;
    border:2px solid #9f49de;
}
.fabu_love .submit_area a{
    margin-top:20px;
    margin-left:210px;
}


/* 表白列表
------------------------------------*/
.say_love_list{
    height:552px;
    padding:0 10px 0 10px;
    background:url(https://i.huim.com/zhuanti/qixi/qixii_part5.jpg) no-repeat  top center;    
}
.say_love_tit{
    height:52px;
    line-height:52px;
    text-align:right;
    
}
.say_love_tit a{
    font-size:15px;
    color:#ff9de0;
}
.say_love_ul{
    height:440px;
    overflow-y:auto;
}
.say_love_list li{
    float:left;
    width:305px;
    height:163px;
    margin:3px 0 0 14px;
    background-position:0 -428px;
}
.love_box .lb_top{
    color:#f95c68;
    padding:20px 0 0 40px;
}

.love_box .lb_cot{
    width:280px;
    height:92px;
    overflow-y:auto;
    padding:3px 10px;
    line-height:19px;
    color:#333;
    text-indent:18px;
}
.love_box .lb_bot .from_name{
    float:left;
    margin-left:58px;
    color:#f95c68;
}
.love_box .lb_bot .lb_zan{
    float:right;
    margin-right:20px;
}
.lb_zan i{
    display:inline-block;
    width:17px;
    height:17px;
    background-position:-79px -370px;
    vertical-align:-3px;
    margin-right:3px;
}

/* 超值单品
------------------------------------*/
.qixi_tit{
    padding:60px 0 0px 0;
}

.lovo_supply{
    position:relative;
    margin-top:80px;
    height:200px;
    background:url(https://i.huim.com/zhuanti/qixi/qixii_part7.jpg) no-repeat  top center;
}
.lovo_supply p{
    float:left;
    padding:80px 0 0 100px; 
    font-size:16px;
    color:#c1a2ff;
}
.lovo_supply .lovo_btn{
    position:absolute;
    top:130px;
    left:490px;
    display:inline-block;
    width:110px;
    height:35px;
    text-align:center;
    line-height:35px;
    font-size:14px;
    color:#8a5100;
    background-color:#ffd300;
}

.luck_keede{
    width:880px;
    padding:45px 55px;
    margin:0 auto;
    border:5px solid #db9609;
    background:#fff3f6;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.prize{
    float:right;
    width:422px;
    font-size:14px;
    color:#8a4545;
    padding-top:10px;
    text-align:center;
}

.luck_user .cur_user{
    display:none;
}

.user_info p.login_show{
    height:80px;
    line-height:80px;
    font-size:16px;
}
.login_show a{
    color:#f36;
}
.login_show a:hover{
    text-decoration:underline;
}
.luck_user .user_pic{
    float:left;
    width:80px;
    height:80px;
    padding-right:20px;
}
.luck_user .user_pic img{
    width:80px;
    height:80px;
    overflow:hidden;
}
.luck_user .user_info{
    float:left;
}
.user_info p{
    width:180px;
    margin-top:-2px;
    margin-bottom:5px;
    font-size:24px;
    color:#3a202d;
    font-weight:700;
}
.user_info .lucky_num{
    padding:0 2px;
    color:#ff3b4d;    
}
.add_more{
    height:24px;
    color:#444;
    font-size:12px;
}
.add_more a{
    display:inline-block;
    padding-left:5px;
    color:#3366cc;
    font-weight:700;
}

.lucky_user{
    margin-top:20px;
    width:304px;    
}
.lucky_user .tit{
    padding:0 2px;
    font-size:20px;
    color:#3a202d;
}
.lucky_user .tit a{
    float:right;
    margin-top:10px;
    font-size:12px;
}

.lucky_user_box{
    width:300px;
    height:280px;
    overflow:hidden;
    background:#fff;
    border:2px solid #ff5e6d;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
}
.lucky_user_list{
    overflow:auto;
    height:280px;
}

.lucky_user_list li{
    height:28px;
    line-height:28px;
    color:#8a4545;
    border-bottom:1px dotted #f0f0f0;
    padding-left:35px;
}
.luck_user .lucky_nick{
    display:inline-block;
    width:86px;
}
.luck_keede .lottery{
    width:422px;
    height:422px;
    background:url(https://i.huim.com/zhuanti/yishi/yishi_lottery_bg.png) no-repeat  center center;
}
.lottery li{
    float:left;
    display:inline-block;
    width:130px;
    height:130px;
    margin:8px 0 0 8px;
    background-color:#000;
    opacity:0.4;
    filter:alpha(opacity=40);    
}
.lottery .start_btn{
    background:none;
    opacity:1;
    filter:alpha(opacity=100);
}
.lottery .active{
    background:none;
    opacity:1;
    filter:alpha(opacity=100);
}
.lottery .start_btn a{
    display:block;
    width:130px;
    height:130px;
    text-indent:-99em;
    overflow:hidden;
    background-position:-142px -308px;
}
.lottery .start_btn a:active{
    background-position:0 -308px;
}

.chapter{
    width:1020px;
} 
.chapter a{
    display:inline-block;
    float:left;
    width:495px;
    height:226px;
    margin-bottom:10px; 
    margin-right:10px;
}

.area_list .area_list_tit{
    width:291px;
    height:54px;
    margin:70px auto 30px auto;
    text-indent:-99em;
    overflow:hidden;
}

.area_list ul{
    width:1020px;
}
.area_list li{
    float:left;
    width:220px;
    padding:12px;
    margin-right:8px;
    margin-bottom:8px;
    background:#fff;
}
.area_list .list_pic{
    position:relative;
    display:block;
}
.area_list .list_pic .tips{
    position:absolute;
    top:-5px;
    left:-5px;
    width:62px;
    height:62px;
}
.area_list .list_pic .yuan19{
    background-position:-526px -421px; 
}
.area_list .list_pic .yuan29{
    background-position:-601px -421px; 
}
.area_list .list_pic img{
    width:220px;
    height:220px;
    vertical-align:middle;
}
.area_list .list_tit{
    display:inline-block;
    margin:15px 0 0px 0;
    height:36px;
    overflow:hidden;
    color:#333;
}
.area_list .list_tit:hover{
    color:#f36;
 }
.area_list .list_btn{
    display:block;
    width:194px;
    height:40px;
    margin:15px auto 10px auto;
    background-position:0 -148px;
    text-indent:-99em;
    overflow:hidden;
}
.area_list a.list_btn:hover{
    background-position:-204px -148px;
}


.more_area{
    padding:70px 0 100px 0;
}
.more_btn{
    display:block;
    width:200px;
    height:75px;
    margin:0 auto;
    background-position:0 -68px;
    overflow:hidden;
        font-size:24px;
    font-weight:700;
    color:#8a5100;
    text-align:center;
    line-height:70px;
}
a.more_btn:hover{
    background-position:-210px -68px;
}


/* 分享
--------------------*/
#show_moredata_pop{
    display:none; 
    width:640px; 
    height:360px; 
    margin-left:-320px; 
    margin-top:-180px; 
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}
.moredata_tit{
    font-size:18px;
    color:#333;
    padding:32px 45px;
}
.sharetext_textarea{
    display:block;
    width:530px;
    height:70px;
    margin:0 auto;
    padding:10px;
    line-height:22px;    
    border:1px solid #ccc;
    color:#666;
    font-size:16px;
}
.copy_area{
    width:550px;
    height:70px;
    padding-top:10px;
    margin:0 auto;
    line-height:36px;
    font-size:14px;
}
.copy_area .copy_btn{
    float:right;
    display:inline-block;
    width:100px;
    height:36px;
    line-height:36px;
    text-align:center;
    background:#f95c68;
    color:#fff;
    font-size:16px;
}
.copy_area a.copy_btn:hover,.open_data a.open_data_btn:hover{
    background:#ff737e;
}
.copy_area .copy_tips{
    display:none;
    text-align:right;
    color:#00c200;
}
.quick_share{
    padding-top:15px;
    border-top:1px dashed #ffd2d2;
}
.quick_share span{
    float:left;
    display:inline-block;
    padding:0 20px 0 45px;
    line-height:48px;
    font-size:16px;
    color:#333;
}
.quick_share a{
    float:left;
    display:inline-block;
    width:48px;
    height:48px;
    margin-right:15px;
    text-indent:-99em;
    overflow:hidden;
    background-image:url(https://i.huim.com/zhuanti/keede/pop_ico.png);
    background-repeat:no-repeat;
}
.quick_share .share_qq{
    background-position:-1px -96px;
}
.quick_share .share_qzone{
    background-position:-1px -194px;
}
.quick_share .share_wb{
    background-position:-1px -145px;
}
#clip_container{
    position:relative;
}


/* 中奖眼镜
--------------------*/
#show_winning_pop{
    display:none; 
    width:480px; 
    height:230px; 
    margin-left:-240px; 
    margin-top:-115px; 
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}

.show_winning_cot,.show_god_cot,.show_no_cot{
    display:none; 
    text-align:center;
}
.winning_code{
    padding-top:20px;
    font-size:18px;
}
#lucky_code{
    font-size:18px;
    color:#f30;
    font-weight:700;
    margin-left:3px;    
}
.active_btn{
    padding-top:30px;
    padding-bottom:25px;
}
.active_btn .dh_btn{
    display:inline-block;
    width:130px;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:16px;
    color:#fff;
    background:#f24f60;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.sm_btn{
    margin-left:20px;
    font-size:16px;
    color:#3366cc;    
}
.sm_btn:hover{
    color:#3366cc;
    text-decoration:underline;   
}
.show_god_cot .sm_btn{
    margin:0;
}
.show_no_cot .sm_btn{
    margin:0;
    display:inline-block;
    margin-top:50px;
}


.popbox_content .cot_tit{
    padding-top:40px;
    font-weight:700;
    font-size:18px;
    color:#4c4c4c;
    text-align:center;
}
.cot_tit i{
    vertical-align:middle;
     display:inline-block;
     margin-right:10px;
     width:28px;
     height:28px;
     background:url(https://i.huim.com/content_new/images/pop_msg_ico.png) no-repeat;
}
.cot_tit .result_ico1{
    background-position:0 0;
}
.cot_tit .result_ico2{
    background-position:0 -40px;
}
.cot_tit .result_ico3{
    background-position:0 -80px;
}


/* 导航
--------------------*/

.partyon_nav{
    display:none;
    border:1px solid #9570cc;
    background:#fff;
    width:100px;
    position:fixed;
    left:50%;
    bottom:200px;
    margin-left:525px;
    border-bottom:0px;     
    _bottom: 0;
    _position: absolute;
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-200);
}
.partyon_nav li{
    display:block;
    cursor:pointer;
    text-align:center;
    height:40px;
    line-height:40px;
}
.partyon_nav li a{
    display:block;
    cursor:pointer;
    margin:0 4px;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #e2daec;
    color:#6c48a2;
    font-size:14px;
    background-image:url(https://i.huim.com/zhuanti/qixi/qixi_ico.png);
    background-position:-207px -356px;
    background-repeat:no-repeat;
    text-indent:15px;

}
.partyon_nav li a:hover{
    margin:0;
    background-color:#efe5ff;
    background-position:-207px -356px;
}
.partyon_nav .gotop{
    background:#9570cc;
    color:#fff;
    border-color:#9570cc;
    margin:0;
}