/*base*/
* { margin:0; padding:0; list-style-image: none;list-style-type: none;}

html {
background-color: #000000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-text-size-adjust: none;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}

img { border:none;}
.fix {clear:both;font-size: 0px;}
.mangoq{height: 100px;width: 60%;margin-right: auto;margin-left: auto;}
.pattern_1{height: 284px;width: 423px;background-image: url(../img/pattern_1.png);background-repeat: no-repeat;position: absolute;z-index: 1;}
.pattern_2{
	height: 291px;
	width: 284px;
	background-image: url(../img/yangguang.jpg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}
.pattern_3{
	height: 68px;
	width: 556px;
	background-image: url(../img/pattern_3.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
	left: 0px;
	bottom: 0px;
}

.pattern_5{height: 267px;width: 208px;background-image: url(../img/pattern_5.png);background-repeat: no-repeat;position: absolute;z-index: 10;right: 0px;bottom: 2%;}
.logo{
	height: 600px;
	width: 400px;
	background-image: url(../img/mangoq_logo3.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 8%;
	z-index: 2;
}
.logo dd.apple {width: 119px;height: 108px;text-align: center;padding-right: 23px;float: left;}
.logo dd.apple a {display: block;height: 108px;width: 119px;background-image: url(../img/nav.png);background-repeat: no-repeat;background-position: left top;}
.logo dd.apple a:hover {background-image: url(../img/nav.png);background-repeat: no-repeat;background-position: left bottom;}
.logo dd.android {width: 119px;height: 108px;text-align: center;padding-right: 23px;float: left;}
.logo dd.android a {display: block;height: 108px;width: 119px;background-image: url(../img/nav.png);background-repeat: no-repeat;background-position: -119px top;}
.logo dd.android a:hover {background-image: url(../img/nav.png);background-repeat: no-repeat;background-position: -119px bottom;}
.logo dd.code {width: 119px;height: 108px;text-align: center;float: left;}
.logo dd.code a {display: block;height: 108px;width: 119px;background-image: url(../img/nav.png);background-repeat: no-repeat;background-position: right top;}
.logo dd.code a:hover {background-image: url(../img/nav.png);background-repeat: no-repeat;background-position: right bottom;}
.kun_logo{height: 35px;width: 118px;position: absolute;z-index: 2000;left: 35px;top: 30px;}
.kun_logo a{width: 118px;height: 35px;background-image: url(../img/kun_logo.png);background-repeat: no-repeat;display: block;}
.kun_logo a:hover{background-image: url(../img/kun_logo.png);background-repeat: no-repeat;background-position: bottom;}

#container {width:370px;position:absolute;z-index:50;background-image: url(../img/iphone.png);background-repeat: no-repeat;background-position: left top;height: 650px;padding-top: 84px;padding-left: 156px;top: 10%;right: 10%;}
#example {width:260px;height:600px;position:relative;}
#ribbon {position:absolute;top:-3px;left:-15px;z-index:500;}
#frame {position:absolute;z-index:0;width:840px;height:341px;top:0px;left:0px;}
#slides {position:absolute;z-index:100;background-image: url(../img/pagination_bg.png);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 6px;}
.slides_container {width:260px;overflow:hidden;position:relative;display:none;}
.slides_container a {width:260px;height:462px;display:block;}
.slides_container a img {display:block;}
#slides .next,#slides .prev {position:absolute;top:200px;left:-110px;width:24px;height:43px;display:block;z-index:101;}
#slides .next,#slides .prev a { color:#888888; text-decoration:none;}
#slides .next,#slides .prev a:hover { text-decoration:underline;}
#slides .next {left:330px;}
.pagination {margin:120px auto 0;width:140px;}
.pagination li {float:left;margin:0 4px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
#footer {text-align:center;width:580px;margin-top:9px;padding:4.5px 0 18px;border-top:1px solid #dfdfdf;}
#footer p {margin:4.5px 0;font-size:1.0em;}
a:link,a:visited {color:#599100;text-decoration:none;}
a:hover,a:active {color:#599100;text-decoration:underline;}
.tongji{width: 200px;filter:alpha(opacity=50);position: absolute;z-index: 1;left: 0px;bottom: 0px;height: 20px;}
.tongji a {color:#276045;text-decoration:none;}
.tongji a:hover {text-decoration:none;color: #276045;}
.hunantv{
	width: 2px;
	position: relative;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	height: 2px;
}