body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
    margin: 0;
    padding: 0;
}
body {
    color: #fff;
    font: 14px 'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial';
}
ul,li, ol {
    list-style: none outside none;
}
a {
    color: #300;
    text-decoration: none;
}
a:hover {
    color: #fa3941;
}
img {
    border: 0 none;
}
button, input, select, textarea {
    text-decoration: none;
}
body{background:#18adf1;}

.break{ clear:both;}

.banner1{width:100%; margin:0px auto; height:387px; background:url(/images/activity_task_201906/banner1.jpg) no-repeat center;}
.banner2{width:100%; margin:0px auto; height:412px; background:url(/images/activity_task_201906/banner2.jpg) no-repeat center;}
.top_line{ height:38px;width:1200px; margin:0 auto;}
.top_line .left{float:left; width:600px; }
.top_line .left a{float:left; margin-right:5px; height:38px; line-height:38px; padding:0px 12px; color:#6d3a28; display:block; font-size:14px;}
.top_line .right{float:right; width:400px;}
.top_line .right a{float:right; margin-left:5px; height:38px; line-height:38px; padding:0px 12px; color:#6d3a28; display:block; font-size:14px;}
.top_line a:hover{ background:#68faf5;}

.content_box{width:1200px; margin:0 auto; color:#300;}
.huodong{ float:left; width:1200px; margin:-150px 0 50px;}
.huodong p{ font-size:16px; line-height:32px; color:#300; padding-top: 5px;}

.huodong p strong{ color:#e84e64;}

.huodong p a{ color:#e84e64; text-decoration: underline; font-weight: bold;}

.huodong p a:hover{ color:#fd6b80;}

.holder {
    float:left;
    overflow: hidden;
    margin: 20px 0 0 160px;
    width: 360px;
    min-height: 200px;
    overflow: hidden;
    background:url(/images/activity_task_201906/hover_bg.jpg) no-repeat top;
}


.huodong_detailholder{ width: 950px; background:url(/images/activity_task_201906/holder_bg.gif) no-repeat center top; margin:-20px 0 30px; padding: 100px 125px 80px;}

.huodong_detailholder1{ width: 950px; background:url(/images/activity_task_201906/holder_bg1.gif) no-repeat center top; margin:-20px 0 30px; padding: 100px 125px 80px;}

.activity_btn {
    clear: both;
    float:left;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
}
.activity_btn a {
    width:520px;
    height:79px;
    background:url(/images/activity_task_201906/btn.gif) no-repeat 0 0;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    margin:0 auto;
}
.activity_btn a:hover {
    background:url(/images/activity_task_201906/btn.gif) no-repeat 0 -79px;
}



.big_title{ width: 400px; height: 80px; line-height: 70px; background:url(/images/activity_task_201906/title_bg.png) no-repeat; background-size: 400px auto; margin:0 auto; font-size: 30px; color: #6d3a28; overflow: hidden; text-align: center;}


.activity_time{ color:#fa3941; font-size: 24px; font-weight: normal;}


#gift{ width:1110px; margin:0 auto;}

.gift_list{ float:left; width:950px; margin:0 0 30px;}

.gift_list li {
    float: left;
    width: 240px;
    height: 240px;
    margin: 0 37px 40px;
    border: 1px solid #8ccbd9;
}

.gift_list li img {
    float: left;
    width: 240px;
    height: 240px;
}

.gift_list li span { 
    line-height:40px; 
    display: block; 
    text-align: center;
}
    

.task_card{ line-height: 40px; font-size: 16px; padding-bottom: 10px; padding-top:10px;}
    
.task_btn{ display: block; margin: 0 auto; width: 400px; height: 60px; color: #fff; background: url(/images/activity_task_201906/btn_task.png) no-repeat 0 0; line-height: 60px; font-size: 24px; text-align: center; padding-right: 50px;}
    
.task_btn:hover{ color: #fff; background-position: 0 -60px;}

.tasked_btn{ display: block; margin: 0 auto; width: 400px; height: 60px; color: #fff; background: url(/images/activity_task_201906/btn_tasked.png) no-repeat; line-height: 60px; font-size: 24px; text-align: center;padding-right: 50px;}

.tasked_btn:hover{ color: #fff;}
    
.task_btn_holder, #before_task, #after_task{ margin: 20px 0;}

.task_time{ margin-top:25px;}

.task_txt{ color:#e84e64; font-size: 16px;}

.task_title{ color:#e84e64; font-size:30px; font-weight: normal;}

.task1, .task2{ font-size:22px; line-height:50px}
    
.task2 input{ padding: 5px 10px; font-size: 16px; border-radius: 5px; border: 1px solid #8ccbd9;}

.task1 a{ padding: 0 20px; background: #e84e64; border: none; color: #fff; border-radius: 5px; margin: 0 10px; line-height: 35px;} 
    
.task1 a:hover{ background: #f90;} 
    
.task2 input#save1{ padding: 0 20px; background: #e84e64; border: none; color: #fff; border-radius: 5px; font-size: 20px; line-height: 35px; cursor: pointer;}
    
.task2 input#save1:hover{ background: #cd2129;}
    
.puzzle_list { float:left; width:950px; height: 450px;}
    
.puzzle_list li.one_puzzle{ float:left; width:170px; height: 40px; margin:0 28px 20px 100px; position: relative; padding-top: 170px;}

.puzzle1{ background: url(/images/activity_task_201906/puzzle_unfinished1.jpg) no-repeat;}

.puzzle2{ background: url(/images/activity_task_201906/puzzle_unfinished2.jpg) no-repeat;}

.puzzle3{ background: url(/images/activity_task_201906/puzzle_unfinished3.jpg) no-repeat;}

.puzzle4{ background: url(/images/activity_task_201906/puzzle_unfinished4.jpg) no-repeat; margin-left: 250px!important;}

.puzzle5{ background: url(/images/activity_task_201906/puzzle_unfinished5.jpg) no-repeat;}

.puzzle_list li.one_puzzle span{ display: block; position: absolute;}

.puzzle_card1{ width: 113px; height: 85px; left: 0; top: 0;}

.puzzle_card2{ width: 85px; height: 113px;right: 0; top: 0;}

.puzzle_card3{ width: 85px; height: 113px; left: 0; bottom: 40px;}

.puzzle_card4{width: 113px; height: 85px; right: 0; bottom: 40px;}

    
.puzzle_list li.one_puzzle sub{ display: block; width: 77px; height: 20px; line-height: 20px; position: absolute;}

sub.puzzle_card_num1{ left: 5px; top: 5px; text-align: left;}

sub.puzzle_card_num2{ right: 5px; top: 5px; text-align: right;}

sub.puzzle_card_num3{ left: 5px; bottom: 45px; text-align: left;}

sub.puzzle_card_num4{ right: 5px; bottom: 45px; text-align: right;}
 
.puzzle_list li.one_puzzle a{ display: block; color:#fff; background: #bbb; padding: 4px 30px; line-height: 24px; border-radius: 15px; font-size: 1.2em; text-align: center; margin: 5px auto;}

.puzzle_list li.one_puzzle.puzzle_finished a{ background: #f60;}