/**smartapp**/
.smartapp{background: #fff;}
.smartapp .yellow{color:#505C67;}
.smartapp .indigo_bg{background:#F8F9FA;}
.smartapp .indigo_btm_bg{background:#F3F6F9;}
.smartapp .nav-header-list span:hover a{color:#5282F0;}
.smartapp .nav-header-list .app-active{color:#FFC71E;}
.smartapp .nav-header-logo a img{height:auto;width:152px;margin-top:25px;}
.app-banner-box{height:762px;width:100%;padding-top:82px;background:#fff;}
.app-banner{max-width:1200px;height:563px;margin: 140px auto 0;width: 100%;}
.app-down{width:500px;float: left;height:auto;margin-left:20px;}
.app-down h3{font-size:32px;line-height: 45px;margin:40px auto 30px;}
.app-down p{font-size:20px;line-height:28px;margin-bottom: 10px; color:#505C67;}
.app-down div{height:40px;width: 100%;}
.app-down div a{height:40px;display: block;float: left; background:-webkit-linear-gradient(left, rgb(54,206,154), rgba(48,184,138,1)); margin-right:20px;color:#fff;border:1px solid #fff; border-radius:5px; text-align: center;line-height: 40px;vertical-align: top;font-size:14px;width:203px;}
.app-down .qr_code {float: right; margin-right: 10px; margin-top:13px; Background-image: url("https://smartmesh.io/static/images/app/qrcode_logo.png"); height: 15px; width: 15px}
.app-down .qr_code:hover img {display: block;}
.app-down .qr_code img{position: relative;top: 30px;right: 135px;display: none;}
.app-down .ps_font {color:#9b9ea0;font-size:12px;font-family:ingFangSC-Regular;line-height: 16px;margin-bottom: 30px}
.app-down div .ios{color:#979797;border:1px solid #979797;}
.app-down div a:hover{border:1px solid #65BAFE;}
.app-banner-bg{float:right;}
.app-content{width: 966px;margin: 0 auto;}
.app-content1,.app-content2,.app-content3{width:980px;margin:0 auto;overflow: hidden;}
.app-content2{color:#F7F8FD;}
.app-picLeftpic{height:552px;width:340px;float: left;margin:71px 202px 0 0;}
.app-picLeftpic img,.app-picRightpic img{height:100%;width:100%;}
.app-picLefttxt{width:410px;float: left;margin-top: 260px;}
.app-picLefttxt h4,.app-picRighttxt h4{height:56px;line-height:56px;font-size:40px;color:#000;margin-bottom: 12px;}
.app-picLefttxt p,.app-picRighttxt p{font-size:21px;line-height: 29px;color:#555;}
.app-picRighttxt{margin:0 242px 0 20px;width: 310px;float: left;padding-top:300px;}
.app-picRightpic{height:552px;width:309px;float:right;}
.smartappmark #imgjt{right:40px;}
.smartappmark #imgtb{right: 110px;}
.smartappmark .mark-ts{margin:200px 0 0 100px;width:500px;}
.smartappmark .mark-ts p{font-size:30px;}
.openCaoZuo{height:14px;line-height: 14px;background: url(../images/app/caozuo.png) no-repeat left center;margin:30px 0 !important;}
.openCaoZuo a{text-decoration: underline;font-size:12px;vertical-align: top;padding-left:20px;line-height: 14px;}

/*Operation Manual*/
.downBox-list{width:100%;height:100%;background: -webkit-linear-gradient(left, rgb(53, 111, 123), rgba(41,58,74,1));}
.downBox-list-bt{height:24px;width:100%;background: url(../images/app/go.png) no-repeat top center;background-size:20px;padding-top: 54px;}
.downBox-list-bt h4{padding: 0 30px;height: 25px;line-height: 25px;font-size: 18px;color: #fff;font-weight: 500;}
.downBox-listContent{margin: 38px 0;padding:0 30px;}
.downBox-txtBox{background: #fff;border-radius: 10px;overflow: hidden;padding-bottom: 30px;}
.downBox-txtBox-list{margin-top:30px;padding:0 22px;}
.downBox-txtBox-txt{padding-left:23px;line-height: 20px;font-size: 14px;color: #333;margin-bottom: 20px;background: url(../images/app/botbg.png) no-repeat left 2px;background-size: 18px;}
.downBox-txtBox-pic img{width:100%;max-width:460px;margin:0 auto;display: block;}
@media only screen and (max-width:359px) {
	.downBox-app{height: 667px;background-size: cover;}
}
@media only screen and (min-width:500px) and (max-width: 600px) {
	.downBox-app{height:749px;}
}
@media only screen and (min-width:601px){
	.downBox-app{height:859px;}
}