@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,img{border:medium none;margin: 0;padding: 0;}
body,button, input, select, textarea,samp {
font: 12px/1.5 'Segoe UI',verdana, Arial, Tahoma, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/*em{font-style:normal;}*/
ul, ol { list-style: none; }
a { text-decoration: none; color:#333;}
a:hover { text-decoration:none;}
img{ border:0px;}
table { border-collapse: collapse; border-spacing: 0;}

body{ background: url(../images/bodybg.gif);}
.left{float:left; clear:none;}
.right{float:right; clear:none;}
.header{ margin:10px auto 5px; width:1000px; height:60px;}
.header .logo a{margin-top:10px;}
.header .search{ height:auto; margin-top:20px; overflow:auto;}
.header .search .inp{ background:url(../images/psd4393_06.png) no-repeat; width:236px; height:17px; padding:10px 5px 10px 20px;}
.header .search .btn{display:block;width:39px;height:37px;overflow:hidden;
background:url(../images/psd4393_07.png) no-repeat left top;text-indent:-100em;border:none;}
.menu{background:url(../images/nav.png); width:1000px; height:36px; margin:10px auto; border-radius: 5px;box-shadow:0 0 3px #666;}
.menu ul li{float:left;}
.menu ul li a{ width:120px; text-align:center; height:36px; line-height:36px; display:block; color:#FFF; }
.menu ul li a:hover{background:#3c3c3c;}
.menu .hover{ width:120px; text-align:center; height:36px; line-height:36px; display:block; color:#FFF; background:#3c3c3c;margin-left:6px;}
.recommend{background:url(../images/product_bj.png); width:1006px; height:340px; margin:0 auto 10px;}
.recommend .commodity{width:250px; height:340px;}
.recommend .commodity h2{width:210px; margin:8px auto 0; text-align:center; font-size:20px; font-weight:normal;}
.recommend .commodity h2 a:hover{color:#F00;}
.recommend .commodity p{margin:25px auto 0; width:210px;}
.recommend .commodity h3{font-size:14px;width:210px; margin:10px auto 0;}
.recommend .commodity h3 a:hover{ text-decoration:underline;}
.recommend .commodity samp{width:210px; margin:15px auto; display:block; font-size:13px; color:#666;}
.recommend .commodity .btn {width:210px; margin:0 auto; height:auto; overflow:auto;}
.recommend .commodity .btn .ios,.container .feature .content .products .manage .btn .ios{ width:86px; height:36px; background:url(../images/btn-ios-half.png); display:block;}
.recommend .commodity .btn .mac,.container .feature .content .products .manage .btn .mac{width:86px; height:36px; background:url(../images/btn-mac-half.png); display:block;}
.recommend .commodity .btn .win,.container .feature .content .products .manage .btn .win{width:86px; height:36px; background:url(../images/btn-win-half.png); display:block;}
.recommend .commodity .btn .android,.container .feature .content .products .manage .btn .android{width:86px; height:36px; background:url(../images/btn-android-half.png); display:block;}
.container{width:1006px; height:auto; margin:0 auto 10px; overflow:auto;}
.container .feature{width:704px; height:auto; margin-right:10px;}
.container .feature .title{width:689px; height:32px; line-height:32px; background:url(../images/feature.png) no-repeat; font-weight:bold; font-size:16px; padding-left:15px;}
.container .feature .content{width:672px; height:auto; border:solid 1px #ddd; padding:25px 15px 0; border-top: none; background:#fff; overflow:auto;}
.container .feature .content .products{width:330px; height:auto; margin:0 5px 25px 0;}
.container .feature .content .products .manage{margin-left:15px; width:220px; height:auto; overflow:auto;}
.container .feature .content .products .manage h2 a{font-size:14px; margin-top:5px;}
.container .feature .content .products .manage h2 a:hover{ text-decoration:underline;}
.container .feature .content .products .manage p{color:#666; margin:15px 0;}
.container .feature .content .products .manage p a{color:#06F;}
.container .feature .content .products .manage p a:hover{text-decoration:underline;}
.container .feature .content .products .manage .btn .get{display:block; width:148px; height:34px; background:url(../images/get.png) no-repeat;}
.container .sidebar{ width:292px; height:auto; overflow:auto;}
.container .sidebar .best{height:auto; overflow:auto; margin-bottom:10px;}
.container .sidebar .best .title{background:url(../images/newsheadlines.png) no-repeat; width:277px; height:32px; line-height:32px; font-size:16px; font-weight:bold; padding-left:15px;}
.container .sidebar .best ul{border:solid 1px #ddd; border-top: none; padding:5px 15px; background:#fff;}
.container .sidebar .best ul li a{ display:block; background:url(../images/dian.png) no-repeat center left; height:29px; line-height:29px; padding-left:15px; width:240px;}
.container .sidebar .best ul li a:hover{ color:#F00;}
.footer{border-radius: 5px; height:auto; overflow:auto; padding:10px 0; width:1004px; border:solid 1px #ddd; margin:0 auto 20px;}
.footer .software{background:url(../images/xian.jpg) no-repeat center right; width:220px; margin-left:20px;}
.footer .software h2,.footer .community h2{font-size:14px; margin:5px 0;}
.footer .software ul{margin-top:10px;}
.footer .software ul li a {display:block; background:url(../images/dian.png) no-repeat center left; padding-left:15px; height:25px; line-height:25px;}
.footer .software ul li a:hover{color:#F00;}
.footer .community{width:220px; margin-left:20px;}
.footer .community ul li a{display:block; background:url(../images/dian.png) no-repeat center left; padding-left:15px;}
.copyright{width:1000px; margin:5px auto 10px; height:auto; overflow:auto;}
.copyright .subMenu{text-align:center;}
.copyright .subMenu a{color:#444;}
.copyright .subMenu a:hover{text-decoration:underline;}
.copyright .cop{text-align:center; margin:10px 0; color:#999;}
.copyright .app{text-align:center;}
.ruanjian .rel_sf img {width:145px;height:160px}
.container .feature .left_feature img {width:92px;height:120px}
 #right_rolls {bottom:10px;display:none;left:-999em;padding:0;position:fixed;width:60px;}     
/* iphone6 top*/      
.iphone6_top {background: #DBBDBD;width: 100%;height: 75px;}
.iphone6_top .top {height: 75px;position: relative;/* text-indent:-9999px; */}

.iphone6_top .top .close{
    background: url(/images/top-banner-icon-close.png) no-repeat center top;
    cursor: pointer;
    display: block;
    height: 18px;
    left: 1049px;
    position: absolute;
    top: 10px;
    width: 18px;
}
/* end iphone6 top*/