@charset "utf-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	/*background-image:url(image/bg.png);*/
	background-color:#73757c;
	font-family:Arial;
	
	
}
#chrome-webstore-rate{
    position: absolute;
    right:-193px;
    top:9px;
    height: 30px;
    width: 200px;
    background: url("image/rate.png");
   /* -webkit-animation: floatY 1s ease-in-out infinite alternate;*/
    display: none;

}
@-webkit-keyframes floatY {
    from{-webkit-transform:translateY(-4px)}to{-webkit-transform:translateY(4px)}
}
#chrome-webstore-rate:hover{
    background-position: 0 -30px;
}
#chrome-webstore-rate:active{
    background-position: 0 -60px;
}

#show-pre-clog{
    height: 50px;
    display: block;
    margin-left: 378px;
    margin-top: 20px;

}
#main{
	background-color:#F0F0F0;
	width:950px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:10px;
	-webkit-border-radius:3px;
	/*-webkit-box-shadow:5px 5px 10px #404040;*/
	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.6);
}
.clog ol img {
    margin-left: 0px;
}
#pre-clog{
    display: none;
}
#title{
	height:48px;
	margin-left:23px;
	margin-top:23px;
	float:left;
	width:700px;
    position: relative;
    margin-bottom: 5px;
}
#title img{
	float:left;
}
#word{
	margin-left:21px;
	float:left;
	margin-top:10px;
	font-size:24px;
	/*font-weight:bold;*/
	color:#39c;

}
#awe{
	width:852px;
	/*height:1200px;*/
    
	
}
.clog{
	/*float:left;*/
	clear:both;
	padding-bottom:20px;
	margin-left:92px;
	font-size:18px;
	font-weight:400px;
	color:#000;
	border-bottom:1px solid #aaa;

	width:800px;
}
#pre-clog .clog{
    margin-top:40px;
}
.clog p{
	font-size:14px;
}
.clog img{
	margin-left:30px;
    border: 5px solid #FFF;
    box-shadow: 0px 1px 3px rgba(0,0,0,.3);
}
.item{
	padding:0px;
	display:inline-block;
	vertical-align: top;
	margin-left:15px;
}
.item span{
	font-size:14px;
}
.item div{
	margin-bottom:4px;
}
.version{
	font-size:12px;
	color:#474747;
	margin-left:2px;
	font-size:14px;
	color:#666;
}
ul{
	margin:5px 0 0 20px;
	padding:0px;
	line-height:18px;
}
li{
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:24px;
	color:#000;
	font-weight:400;
	margin-bottom:2px;
	
}
#sep{
	clear:both;
	background-image:url(image/fenge.png);
	height:2px;
	width:660px;
	margin-left:92px
}

#premium{
	clear:both;
	width:752px;
	padding-bottom:30px;
	
}
#go-premium{
	height:45px;
	margin-top:5px;
}
#wording{
	font-size:24px;
	height:54px;
	width:252px;
	
}
#go-premium span{
	font-size:20px;
	color:#39c;
	margin-left:92px;
	line-height:45px;
	
}
#go-premium a{
	display:inline-block;
	background-image:url(image/go-premium-button.png);
	height:32px;
	width:130px;
	line-height:45px;
	vertical-align:middle;
	margin-left:23px;
	margin-bottom:5px;
}
#go-premium a:hover{
	background-position:0 -32px;
}
#go-premium a:active{
	background-position:0 -64px;
}
#intro{
	height:213px;
	width:662px;
	background-color:#FFF;
	border-radius:3px;
	margin-left:92px;
	box-shadow:0 1px 2px rgba(0,0,0,.25);
	margin-top:7px;
	font-size:14px;
	font-weight:bold;
	color:#525b73;

}
#ibar{
	height:40px;
	background-color: #eff1f6;
	box-shadow: 0 1px 0px rgba(255, 255, 255, 1) inset;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #E5E5E5;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	line-height:40px;
	padding-left:22px;
}
#features{
	padding:20px 20px 20px 10px;
}
.feature{
	height:65px;
	width:220px;
	float:left;
	line-height:65px;
	padding-left:85px;
}
#highlight{
	width:210px;
	background:url(image/highlight1.png) left no-repeat;
}
#cache{
	background:url(image/cache.png) left no-repeat;
}
#capture{
	width:210px;
	margin-top:5px;
	background:url(image/screenshot.png) left no-repeat;
}
#image{
	width:242px;
	margin-top:5px;
	background:url(image/image.png) left no-repeat;
}
#left{
	float:left;
	width:253px;
	margin-left:95px;
	margin-top:39px;
}
#right{
	float:right;
	width:253px;
	margin-top:39px;
	margin-right:96px;
}
#ratebtn{
	height:28px;
	width:142px;
	background-image:url(image/button1.png);
	margin-left:106px;
	margin-top:20px;
	cursor:pointer;
}
#pic{
	height:125px;
	width:195px;
	background-image:url(image/click.png);
	cursor:pointer;
}
#goto{
	cursor:pointer;
}
#screenshot{
	display:inline-block;
	background-image:url(image/screenshots.png);
	height:207px;
	width:219px;
    border: 5px solid #FFF;
    box-shadow: 0px 1px 3px rgba(0,0,0,.3);
}

#social-recommend{
    position: absolute;
    right: -211px;
    top: -23px;
    font: bold 12px/14px arial, Helvetica;
    background: url("image/recommend.png");
    height: 88px;
    width: 351px;
}

#social-recommend-btn-container{
    margin: 54px 0px 0px 10px;
}

#social-recommend-btn-container>div{
    float: left;
    margin-right: 5px;
}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.mobile-app-banner {
    display: inline-block;
}

.mobile-app-banner a {
    height: 25px;
    width: 110px;
    display: inline-block;
    background-image: url("image/install.png");
    margin-right: 10px;
    opacity: 0.85;
}

.mobile-app-banner a:hover {
    opacity: 1;
}

#android{
    background-position: 0px -25px;
}