html {
    color: #000;
    background: #FFF
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

*,
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.modal-footer:after {
    clear: both;
}
/*
    Common styles
*/
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }

.container{
    width: 1200px;
    margin: 0 auto;
}
.bc1{
    background-color: #259cd4;
}
.bc2{
    background-color: #094977;
}
.bc3{
    background-color: #f45252;
}
.bc4{
    background-color: #ff9812;
}
.bc5{
    background-color: #b2de19;
}
.bc6{
    background-color: #25d2d4;
}

.btn{
    display: inline-block;
    width: 180px;
    height: 48px;
    padding: 28px 12px;
    font-size: 24px;
    font-size:2.4rem;
}

body{
    width: 100%;
    background-color: #1b2b46;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
}

header{

}
header .banner{
    width: 100%;
    height: 527px;
    background: url("../images/banner.jpg") center no-repeat ;
}
header .calendar{
    width: 100%;
    height: 720px;
    background: url("../images/calendar-bg.jpg") center no-repeat ;
}

header .calendar .container{
    position: relative;
    font-size: 24px;
    font-size:2.4rem;

}
header .calendar .text1{
    position: absolute;
    color: #e5d30c;
    top: 423px;
    left: 320px;
}
header .calendar .text2{
    position: absolute;
    color: #31f4c3;
    top: 536px;
    left: 90px;
}

/*
 */
.content{
    min-height: 500px;
}

.event-list{
    overflow: hidden;
    padding: 10px 0;
}


.event-list .event-item{
    margin: 50px auto;
    height: 293px;
    width: 1053px;
    position: relative;
}
.event-list .event-item a{
    position: absolute;
    width: 176px;
    height: 48px;
    top: 179px;
    left: 80px;
}
.event-list .event-item.event1{
    background: url("../images/event1.jpg") center no-repeat ;
}
.event-list .event-item.event2{
    background: url("../images/event2.jpg") center no-repeat;
}
.event-list .event-item.event3{
    background: url("../images/event3.jpg") center no-repeat;
}
.event-list .event-item.event4{
    background: url("../images/event4.jpg") center no-repeat;
}
.event-item .text-content{
    text-align: center;
    font-size: 16px;
    font-size: 1.4rem;
    width: 716px;
    float: right;
    padding: 20px 55px;
    letter-spacing: 1px;
}
.event-item .text-content .title{
    font-size: 24px;
    font-size:2.4rem;
    padding:30px 0 10px 0;
}
.event-item .text-content p{
    line-height: 1.8;
}

/*
 */
.store-event{
    padding: 50px 0;
}
.store-event .event1{
    background: url("../images/store-event1.jpg") top center no-repeat ;
    height: 440px;
    position: relative;
    color: #004777;
}
.store-event .event2{
    background: url("../images/store-event2.jpg")  top center no-repeat ;
    height: 680px;
    position: relative;

}
.store-event a{
    position: absolute;
    width: 140px;
    height: 40px;
    top: 20px;
    right: 0px;
    font-size: 2rem;
    color: white;
}
.store-event .text .bull:after{
    /*content: '•';*/
    /*position: absolute;*/
    /*left: -18px;*/
    /*font-size: 30px;*/
    /*line-height: 30px;*/
    /*padding-right: 5px;*/
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #004777;
    margin: 0 5px 4px 0;
}
.store-event .event2 .text .bull:after{
    background-color: #fff;
}
.store-event .text-content,
.store-event .text-content2{
    position: absolute;
    top: 150px;
    width: 260px;
    height: 230px;
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
}
.store-event .text-content .text{

}
.store-event .text-content .date,
.store-event .text-content2 .date{
    height: 56px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.store-event .event1 .step1 .date{
    width: auto;
    text-align: center;
    margin-left: 30px;
}
.store-event .event1 .step1{
    text-align: left;
    left: 0;
    width: 280px;
}
.store-event .event1 .step2{
    left: 265px;
}
.store-event .event1 .step3{
    left: 510px;
}
.store-event .event1 .step4{
    left: 765px;
}
.store-event .event1 .step5{
    left: 995px;
}

.store-event .event2 .text-content{
    top: 120px;
}
.store-event .event2 .text-content2{
    top: 400px;
    width: 400px;
}
.store-event .event2 .text-content .date,
.store-event .event2 .text-content2 .date{
    color: #26cbe3;
}
.store-event .event2 .step1 .date{
    width: auto;
    text-align: center;
}
.store-event .event2 .step1{
    text-align: left;
    left: 10px;
}
.store-event .event2 .step2{
    left: 295px;
}
.store-event .event2 .step3{
    left: 645px;
}
.store-event .event2 .step4{
    left: 995px;
}

.store-event .event2 .step5 {
    left: 55px;
}
.store-event .event2 .step6 {
    left: 400px;
}
.store-event .event2 .step7 {
    left: 755px;
}
.store-event .event1 .tips,
.store-event .event2 .tips{
    width: 100%;
    text-align: center;
    position: absolute;
    color: #004777;
    bottom: -10px;
    font-size: 14px;
    font-size: 1.4rem;
}
.store-event .event2 .tips{
    color: #26cbe3;
}

/*
 */
.comment-list{
    height: 500px;
}
.comment-list .container{
    position: relative;
}
.comment-list .title{
    margin-top: 30px;
    width: 259px;
    height: 59px;
    background: url("../images/comment-title-bg.jpg") center no-repeat ;
}
.list-content{
    width: 1140px;
    height: 320px;
    margin: 40px auto 0;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    overflow: hidden;
    background-color: #fff;
    color: #000;
}
.comment-list .comment-tiem{
    padding: 20px;
    /*padding-bottom: 20px;*/
    border-bottom: 1px solid #c4c4c4;
}
.comment-list .comment-tiem .avatar{
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 20px;
}
.comment-list .comment-tiem .avatar img{
    width: 48px;
    height: 48px;
}
.comment-list .comment-tiem .name{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 10px;
    color: #004777;
}
.comment-list .comment-tiem .text{
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 68px;
}
.comment-list .empty{
    font-size: 60px;
    font-size: 6rem;
    color: #bbb;
    position: absolute;
    width: 1140px;
    height: 320px;
    text-align: center;
    line-height: 320px;
}

.share-weibo{
    width: 153px;
    height: 41px;
    background: url("../images/weibo.jpg") center no-repeat ;
    position: absolute;
    top: 50px;
    right: 30px;
    cursor: pointer;
}
.share-weibo:hover{
    background: url("../images/weibo-highlight.jpg") center no-repeat ;
    cursor: pointer;
}
footer{
    width: 100%;
    height: 90px;
    background: url("../images/footer-bg.jpg") center no-repeat ;
}
footer a{
    display: block;
    width: 100%;
    height: 90px;
}