*{
    padding: 0;margin: 0;
}
body{
    font: 14px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial; background: url("../images/bg.jpg") no-repeat center center; max-width: 1920px; margin: 0 auto;
}
.con{
    width: 100%; height: 1498px; min-width: 1100px;
}

/**focus**/
.con .c_focus{
    width: 1000px; margin: 0 auto; padding-top: 16px;
}
.con .c_focus .f_logo{
    width: 188px; height: 90px; display: block; margin-left: 12px; margin-bottom: 438px;
}
.con .c_focus .f_title{
    width: 992px; height: 149px; margin: 0 auto; background: url("../images/fans-gift.png") no-repeat center; text-align: center; line-height: 184px;
}
.con .c_focus .f_title p{
    color: #603512;
}
.con .c_focus ul{
    margin-top: 20px;
}
.con .c_focus ul li{
    list-style: none; width: 310px; height: 540px; background: url("../images/activity1.jpg") no-repeat center; float: left; position: relative; transition: 0.35s;
}
.con .c_focus ul li:hover{
    box-shadow: 4px 6px 20px #000;
    -webkit-transform: translate(-3px,-3px);
    -moz-transform: translate(-3px,-3px);
    transform: translate(-3px,-3px);
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
}
.con .c_focus ul li.activity2{
    background: url("../images/activity2.jpg") no-repeat center; margin: 0 35px;
}
.con .c_focus ul li.activity3{
    background: url("../images/activity3.jpg") no-repeat center;
}
.con .c_focus ul li a{
    display: block; width: 92px; height: 32px; position: absolute; margin: 489px 0 0 109px; background: url("../images/click-in.png") no-repeat center;
}
/**focus-copy**/
.con .c_focus .c_copy{
    margin-top: 136px;
}
.con .c_focus .c_copy .c_logo{
    width: 291px; height: 47px; background: url("../images/logo2.png") no-repeat center;
}
.con .c_focus .c_copy .c_txt{
    float: left; font-size: 14px; position: absolute;  margin-left: 391px;  margin-top: -105px; color: #666;
}
.con .c_focus .c_copy .c_txt p a{
    width: 31px; height: 35px; display: inline-block; background: url("../images/copy.jpg") no-repeat center; background-position: 0 0;
}
.con .c_focus .c_copy .c_txt p a.t_logo4{
    background-position: -31px 0; margin-left: 10px;
}

/**left-down**/
.con .down{
    width: 145px; height: 370px; position: fixed; top: 50%; left: 20px;
}
.con .down a{
    display: block; width: 100px; height: 88px; margin: 0px auto; border-radius: 36%; background: url("../images/down.png") no-repeat center; background-position: -18px 0px; transition: 0.35s;
}
.con .down a:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
}
.con .down a.d_link2{
    margin: 26px auto; background-position: -18px -115px;
}
.con .down .er-code{
    width: 145px; height: 145px; background: url("../images/down.png") no-repeat; background-position: 0px -224px;
}
.clear{
    clear: both;
}

/**cover**/
.cover{
    width: 100%; height: 100%;/* background: rgba(0,0,0,0.4);*/ position: fixed; text-align: center; z-index: 2; display: none;
}
.cover span{
    text-align: center; display: inline-block;
}
.cover .c_txtbox{
    width: 250px; height: 150px;  background: #FAFAFC; position: absolute; margin-left: -125px; margin-top: 230px; font-size: 18px;  color: #623611;  border: 4px solid #623611;
}
.cover .c_txtbox p{
    margin-top: 30px;
}
.cover .c_txtbox a{
    display: inline-block; width: 66px; height: 30px; background: #E2C778; text-align: center; line-height: 30px; color: #000; text-decoration: none; font-size: 14px; margin-top: 30px;
}
.cover .c_txtbox a:hover{
    background: #F9C019; color: azure;
}