/*base*/
* { margin:0; padding:0; list-style-image: none;list-style-type: none;font-size: 10px;}
body {
background-color: #747373;
background-size: 100%;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
height: 662px;
background: transparent url(../img/patt.jpg) repeat top left;
}


.top {
	background-image: url(../img/a_bg.gif);
	background-repeat: repeat-x;
	background-color: #000000;
	height: 60px;
	background-position: bottom;
	width: 100%;
}
.top_logo {
	height: 30px;
	width: 50px;
	padding-top: 15px;
	padding-left: 30px;
	float: left;
}
.top_logo a {
	text-decoration:none;
	background-image: url(https://www.qijishow.com/img/logo.svg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 35px;
}
.top_logo a:hover {
	text-decoration:none;
	background-image: url(https://www.qijishow.com/img/logo.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.top_nav {
	background-repeat: no-repeat;
	height: 19px;
	width: 75px;
	padding-top: 20px;
	padding-right: 10px;
	float: right;
	line-height: 20px;
	text-align: center;
	font-family: "微软雅黑";
}
.top_nav a {text-decoration:none;display: block;height: 19px;width: 65px;color: #999999;background-image: url(../img/a_nav_01.gif);background-repeat: no-repeat;}
.top_nav a:hover {color: #FFFFFF;text-decoration: none;background-image: url(../img/a_nav_02.gif);background-repeat: no-repeat;}

.share_logo {
	background-image: url(../img/design_share_logo.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 150px;
	float: right;
	background-position: left 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 {text-align:center; margin-left:auto; margin-right:auto;z-index:50;background-image: url(../img/iphone.png);background-repeat: no-repeat;background-position: left top;height: 715px;top: 10%;right: 10%; margin-top: 20px;
width: 1020px;}
#example {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;margin-left: 5px;
margin-top: 3px;}
.slides_container {overflow:hidden;position:relative;display:none;}

#slides .next,#slides .prev {position: absolute;
top: 368px;
left: -90px;
width: 38px;
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:1050px;}
.pagination {margin:35px auto 0;width:260px;}
.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;}

.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;
}


/*浏览器滚动条*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #EAEAEA
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #d1ab73;
	border-radius: 4px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #c49e66
}

::-webkit-scrollbar-corner:vertical {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
	background-color: #FF6E00
}