@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, p,img,ol, ul, li,dl,dd,dt{
    margin:0;
    padding:0;
}
html{ overflow-x: hidden; }
body{
    font-size: 12px;
    background: #030202;
    color: #565656;
    font-family: "Microsoft Yahei";
    line-height: 24px;  
}
ul,li{  list-style: none;}
a{
    outline: none;
    text-decoration: none;
}


.iwrap {
    position: relative;
    width: 1920px;
    height: 850px;
    left: 50%;
    margin-left: -960px;
    background: url(../images/bg.jpg) no-repeat center top;
    padding-left: -webkit-calc(100vw - 100%);   
    padding-left: calc(100vw - 100%);
    overflow: hidden;
}

.iflash_box {
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}
.ibody {
    position: absolute;
    width: 980px;
    left: 50%;
    margin-left: -490px;
    height: 100%;
    z-index: 3;
}
.logo3 {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -60px;
    width: 165px;
    height: 59px;
    background: url(../images/logo3.png) no-repeat;
}

.four_month_finery {
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -25px;
	width: 57px;
	height: 13px;
	background: url(../images/four_month_finery.png) no-repeat;	
}

.new_server_btn {
    position: absolute;
    top: 578px;
    left: 50%;
    margin-left: -135px;
    width: 269px;
    height: 87px;
    background: url(../images/new_server.png) no-repeat;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.new_server_btn:hover {
    background: url(../images/new_server_hover.png) no-repeat;
}
.share {
    position: absolute;
    top: 0;
    right: 0;
    width: 198px;
    height: 32px;
    background: url(../images/radius_bg.png) no-repeat;
    color: #fff;    
    overflow: hidden;
}
.share-title {
    float: left;
    display: inline;
    margin-left: 12px;
    margin-top: 3px;
}
.jiathis_style {
    float: left;
    display: inline;
    margin-top: 7px;
}
.back_home {
    float: left;
    display: inline;    
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    margin-left: 8px;
    border-left: 1px solid #52296d;
    text-indent: 28px;
    color: #fff;
    background: url(../images/home_icon.png) no-repeat 10px center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.back_home:hover {
    color: #ffd415;
}




.ibox_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 4;
}
.alert_box {
    display: none;
    position: absolute;
    width: 1006px;
    height: 611px;
    top: 50px;
    left: 340px;
    z-index: 5;
    -webkit-animation: alert_box_ani .5s ease-out both;
    animation: alert_box_ani .5s ease-out both;
}
@-webkit-keyframes alert_box_ani {
    0% { 
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0); 
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0); 
    }
}
@keyframes alert_box_ani {
    0% { 
        opacity: 0;
        transform: translate3d(0, 30px, 0); 
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0); 
    }
}
.iclose {
    position: absolute;
    right: -5px;
    top: 108px;
    width: 70px;
    height: 70px;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 3;
}