/*app-showcase*/
li { list-style:none; }
#content p { color:#000; font-size:16px; }
.section { margin-bottom:0; }
.content-wrap { padding-bottom:0; }
#app-title {
	color:#000;
	position:absolute;
	left:100px;
	top:-150px;
	text-align:center;
}
#app-title h1 {
	color:#000;
	line-height:50px;
	font-size:48px;

}
#app-title p {
	color:#000;
	width:300px;
	text-align:left;
	text-indent:25px;
}
#app-title li {
	text-align:left;
	color:#000;
	margin-bottom:5px;
}
#app-title li div { background-color:#1abc9c; height:4px; width:0; }
#app-title .app-title-3 {background:#ededed; width:290px;  }



#app-order {
	position:relative;
	left:-150px;
}
#app-order h1 {
	text-align:center;
	line-height:80px;
	font-size:48px;
}
#app-order div {
	margin-top:30px;
	margin-left:80px;
	width:500px;
	height:86px;
}
#app-order div img {
	display:block;
	float:left;
	width:150px;
	padding-right:20px;
}
#app-order div p {
	width:250px;
	float:left;
}

#app-follow h1 {
	text-align:center;
	line-height:80px;
	font-size:48px;
}
#app-follow div {
	margin-top:30px;
	margin-left:80px;
	width:500px;
	height:86px;
}
#app-follow div img {
	display:block;
	float:left;
	width:150px;
	padding-right:20px;
}
#app-follow div p {

	width:250px;
	float:left;
}


#app-service ul {
	width:400px;
	margin-left:100px;
}
#app-service ul li {
	width:200px; 
	float:left;
	height:80px;
	font-size:18px;
	color:#000;
}
#app-service ul li i {
	display:inline-block;
	position:relative;
	top:30px;
	width:72px;
	height:72px;
}
#app-service ul li i.app-icon-1 {
	background:url(images/appshowcase/appshowcase-icon/packing.png) no-repeat;
}
#app-service ul li i.app-icon-2 {
	background:url(images/appshowcase/appshowcase-icon/pass.png) no-repeat;
}
#app-service ul li i.app-icon-3 {
	background:url(images/appshowcase/appshowcase-icon/follow.png) no-repeat;
}
#app-service ul li i.app-icon-4 {
	background:url(images/appshowcase/appshowcase-icon/bill.png) no-repeat;
}

#app-service h1 {
	text-align:center;
	line-height:80px;
	font-size:48px;
}
#app-service p { 
	margin-left:100px;
}

#app-ps h1 {
	text-align:center;
	line-height:80px;
	font-size:48px;
}
#app-ps p { margin-top:30px; }
#app-more p { color:#999; }

#app-more .more-hscode {
	background:url(images/appshowcase/appshowcase-icon/hscode.png) no-repeat;
	width:82px;
	height:82px;
	position:absolute;
	left:-10px; top:0;
}
#app-more .more-check {
	background:url(images/appshowcase/appshowcase-icon/check.png) no-repeat;
	width:82px;
	height:82px;
	position:absolute;
	left:-10px; top:0;
}
#app-more .more-condition {
	background:url(images/appshowcase/appshowcase-icon/condition.png) no-repeat;
	width:82px;
	height:82px;
	position:absolute;
	left:-10px; top:0;
}
#app-more .more-agent {
	background:url(images/appshowcase/appshowcase-icon/agent.png) no-repeat;
	width:82px;
	height:82px;
	position:absolute;
	left:-10px; top:0;
}
#app-more .more-query {
	background:url(images/appshowcase/appshowcase-icon/query.png);
	width:82px;
	height:82px;
	position:absolute;
	left:-10px; top:0;
}
.app-more-title { padding-bottom:30px; }

.click-install{display:inline-block;width:100px;height:100px;float:left}
.click-right{margin-top: -12px;float:left;margin-left: 20px;}
.install{color:#F5AA5B;font-size:26px;}
.litter-icon{    width: 30px;
    height: 30px;
    display: inline-block;
    background:url(images/appshowcase/install-tip.png) no-repeat }
.tips{}

@media screen and (max-width: 1500px) { 
	#app-order .order-content {
		position:absolute;
		left:0;
		top:70px;
	}
}  
.heading-block:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border: none;
}
/*******一下是针对页面颜色比较浅写的样式 zzw *********/
.sf-js-enabled div{
	color:#333;	
}
.sub-menu ul div {
    color:#FFF;
}
#header.sticky-header:not(.static-sticky) .sub-menu ul div{
   color: #444;
}
.sf-with-ul div{
	color:#F5A34D;
}
/*登陆注册版本才用到*/ 
.LoginRegister {
  color:#333; 
   
}
/*免费试用申请样式*/
#register{
    border-color: #F5AA5B;
    color: #EEE;
    background-color: #F5AA5B;
}

#section-follow { background:#fff; }
#section-ps { background:#fff; }
/*当屏幕分辨率小于等于991的时候headlink修改*/
@media screen and (max-width: 991px){
    #primary-menu div{
      color:#EEE;
    }
    #primary-menu .sf-with-ul div {
     color:#F5A34D;
    }
}

/*响应式一些样式修改*/
@media screen and (max-width: 768px) {
    #app-order {
        left: 0;
    }

        #app-order .order-content {
            left: -80px;
        }
    #app-follow div p {
        position: relative;
        top: 70px;
        left: -200px;
    }

    #app-service ul {
        margin-left: -50px;
    }

    #app-service p {
        margin-left: 0;
    }
    #content .content-wrap {
        padding-top:0px !important;
    }
    #content .section {
        margin-top:0px !important;
        margin-bottom:0px !important;
        padding-top:40px !important;
        padding-bottom:50px !important;
    }
    #slider .vertical-middle {
       display:none;
    }
    .LoginRegister {
        color:#fff;
    }
}