@charset "utf-8";
/* CSS Document */

body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
    margin: 0;
    padding: 0;
}
#app {
    color: #fff;
    font: 16px 'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial';
}

ul,li, ol {
    list-style: none outside none;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #b2fdfd;
}

img {
    border: 0 none;
}

button, input, select, textarea {
    text-decoration: none;
}

body{ background:#1d3564;}

.break{ clear:both;}

.header{ width:100%;}

.banner1{ width:100%; margin:0px auto; height:259px; background:url(../images/banner1.jpg) no-repeat center;}

.banner2{ width:100%; margin:0px auto; height:287px; background:url(../images/banner2.jpg) no-repeat center;}

.top_line{ height:38px;width:1200px; margin:0 auto;}

.top_line .left{ float:left;}

.top_line .left a, .top_line .left span{ float:left; margin-right:5px; height:38px; line-height:38px; padding:0px 12px; color:#fff; display:block; font-size:14px;}

.top_line .right{ float:right;}

.top_line .right a{ float:right; margin-left:5px; height:38px; line-height:38px; padding:0px 12px; color:#fff; display:block; font-size:14px;}

.top_line a:hover{ background:#1d3564;}


.activity_holder{ width: 100%; background: url(../images/bg2.jpg) no-repeat top; min-height: 226px;}

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

.activity_intro{ float:right; width:950px; margin:60px 75px 0 0; background: url(../images/lead_bg_rd.jpg) no-repeat right bottom; padding-right: 100px;}

.activity_intro p{ padding-left: 100px; line-height:36px; color:#fff; padding-top: 30px; background: url(../images/lead_bg_lt.jpg) no-repeat left top;}

.activity_intro p strong{ color:#2ce1f3; font-size: 24px; font-weight: normal;}

.activity_intro p a{ color:#ffe654; text-decoration: underline;}

.activity_intro p a:hover{ color:#ff6;}

.title{ clear: both; float: left; width: 60px; height: 60px; line-height: 30px; color: #fff; font-size:24px; font-weight: normal; margin: 50px 30px 0 10px; padding:35px 28px 40px 46px; background:url(../images/title_bg.jpg) no-repeat;}


.activity_time{ float:left; color:#fff; font-size: 36px; line-height: 135px; margin-top: 40px;}

.detail{ float: left; width: 950px; margin-top:50px;}

.detail p{ float:left; margin: 20px 0 0 0; line-height: 36px;}

.detail p span{ clear: both; float:left;}

.detail div{ float:right; margin: -123px 0 0 0; line-height: 36px;}

.detail div span{ display:block; text-align:center;}







.activity_btn {
    clear: both;
    float:left;
    margin: 20px 0;
    text-align: center;
    width:220px;
    height:40px;
    line-height: 40px;
    background:url(../images/icon1.png) no-repeat 30px center #ffe654;
    display:block;
    box-shadow: 0px 3px 6px #084933;
    border-radius: 20px;
    color: #78641e!important;
    font-size: 20px;
    padding-left:50px;
}

.activity_btn:hover {
    background:url(../images/icon1.png) no-repeat 30px center #ff6;
}



.gift_list{ float:left; width:1000px; margin:50px 0 30px -40px; overflow:hidden;}

.gift_list li {
    float: left;
    width: 186px;
    height: 300px;
    margin: 0 35px 20px;
}

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

.gift_list li span {
    line-height:30px;
    display: block;
    text-align: center;
    font-size:24px;
}

.gift_btn{ clear: both; float: left; display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #1d3564!important; text-decoration: none!important; font-size: 18px; background:url(../images/icon2.png) no-repeat 10px center #70c7e6; box-shadow: 0px 4px 8px #084933; border-radius: 10px; padding-left:36px; margin-top:20px; background-size: 32px auto; cursor: pointer;}

.gift_btn:hover{ background:url(../images/icon2.png) no-repeat 10px center #b2fdfd; background-size: 32px auto;}

.question_choose{ width: 900px; text-align: center; float: left; margin-top: 50px;}

.question_choose h3{ font-weight: normal;}

.question_list{ width:1000px; margin-left: -22px;}

.question_list li{ float: left; width:310px; height: 76px; margin: 20px 10px 0;}

.question_list li a{ display: block; width:310px; height: 76px; background:url(../images/choose_one_bg.jpg) no-repeat; color: #00dbf0; font-size: 20px; line-height: 76px; opacity: 0.8; cursor: pointer;}

.question_list li a:hover{ color: #77ffff; opacity: 1;}

.link_btn{ width: 760px; height:68px; margin: 50px auto;}

.link_btn a{ display: block; width: 760px; height:68px; padding:0 26px 28px 0; background:url(../images/link_btn.jpg) no-repeat; overflow: hidden; text-indent: -9999px;}

.footer{ clear: both; font-size:16px; line-height:24px; text-align:center; color:#fff; margin: 80px auto 50px;}



#cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxContent, .cboxIframe{ background: none;}

#cboxClose{ right:50px; top:10px; background: url(../images/close.png) no-repeat; opacity: 0.8; width: 26px; height: 26px;}
#cboxClose:hover{ background: url(../images/close.png) no-repeat; opacity: 1;}