body {background-color: #eee;}
.main{width: 1140px; margin: 40px auto 15px;}
.tip {background-color: #ff5722;border-radius: 0;color: #fff;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;margin: 5px;padding: 0 5px;}
.red{color: #FF0000;font-weight: bold;}
.hui {background-color: #c2c2c2;}
.green{background-color: #5FB878;}
.blue{background-color: #1E9FFF;}
.default{background-color: #009688;}

/* 头部 */
.header {height: 59px; border-bottom: 1px solid #404553;  background-color: #393D49;min-width: 1140px;}
.header .logo{position: absolute; left: 20px; top: 10px;}
.header .logo img{height: 40px;}
.header {background-color: #0C1206; border: none;}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}

/* 底部 */
.footer{padding: 10px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}
.footer a{padding:0 6px; font-weight: 300; color: #333;}
.footer a:hover{color: #777;}


/* 首页banner部分 */
.site-banner {position: relative; height: 600px; text-align: center; overflow: hidden; background-color: #393D49;min-width: 1140px;}
.site-banner-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-main {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-bg {background-position: center 0; background-color: #000;}

/*首页下载按钮*/
.site-icon{padding-top: 25px; height: 220px;}
.site-icon i{position: absolute; left: 50%; top: 25px; width: 200px; height: 200px; margin-left: -100px; font-size: 200px; color: #c2c2c2;}
.site-desc{position: relative; height: 70px; margin-top: 25px;  background: url(../images/desc.png) center no-repeat;}
.site-desc cite{position: absolute; bottom: -40px; left: 0; width: 100%; color: #eeeeee; font-style: normal;font-size: 16px;}
.site-download{margin-top: 80px; font-size: 0;}
.site-download a{position: relative; padding: 0 45px 0 90px; height: 60px; line-height: 60px; border: 1px solid rgba(255,255,255,.2); font-size: 24px; color: #ccc; transition: all .5s; -webkit-transition: all .5s;}
.site-download a:hover{border-color: rgba(255,255,255,.3); color: #fff; border-radius: 30px; }
.site-download a cite{position: absolute; left: 45px; font-size: 30px;}
.site-version {position: relative; margin-top: 15px; color: #ccc; font-size: 12px;}
.site-version span{padding: 0 3px;}
.site-version a{color: #e2e2e2; text-decoration: underline;}

/*首页扫码*/
.scan {display: none;}
.scan_div {text-align: center; width:300px;}
.scan_item {padding: 5px;}
.scan_input {width:150px;display:inline;height: 32px;line-height: 32px;}
.scan_down {display: none;}


/*首页说明*/
.site-idea {margin: 50px 0; font-size: 0; text-align: center; font-weight: 300;}
.site-idea li{display: inline-block; vertical-align: top; *display: inline; *zoom:1; font-size: 14px; }
.site-idea li{width: 298px; height: 170px; padding: 30px; line-height: 24px; margin-left: 30px; border: 1px solid #d2d2d2; text-align: left;}
.site-idea li:first-child{margin-left: 0}
.site-idea .layui-field-title{border-color: #d2d2d2}
.site-idea .layui-field-title legend{margin: 0 20px 20px 0; padding: 0 20px; text-align: center;}


/*案例页*/
.fly-case-main {overflow: hidden;background-color: #fff;}
.fly-case-tab {padding-left: 50px;}
.fly-case-list {padding: 10px 15px 30px;width: 110%;font-size: 0;margin-top: 15px;}
.fly-case-list li {background-color: #fff;display: inline-block;font-size: 14px;vertical-align: middle;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);margin: 0 20px 20px 0;padding: 10px;width: 239px;}
.fly-case-list li:hover{box-shadow: 1px 1px 5px rgba(0,0,0,.4);}
.fly-case-list li h2 {font-size: 18px;line-height: 22px;padding: 10px 0 5px;text-align: center;}
.fly-case-img {display: block;position: relative;}
.fly-case-img img {height: 150px;width: 239px;}
.fly-case-desc {color: #666;font-size: 12px;height: 40px;line-height: 20px;overflow: hidden;}


/*单页信息*/
.fly-page-main {overflow: hidden;background-color: #fff;}
.fly-page-content {padding: 30px;}


/*详情页*/
.fly-show-main {}
.fly-show-left {float: left;min-height: 300px;width: 100%;}
.fly-show-right {float: left;margin-left: -336px;position: relative;top: 0;width: 336px;}

.fly-show-main .detail {margin-right: 347px;}
.fly-show-main .detail-box {padding: 20px;background-color: #fff;border-radius: 2px;margin-bottom: 10px;}
.fly-show-main .detail-box h1 {color: #1aa094;font-size: 28px;line-height: 30px;padding: 5px 0;}
.fly-show-main .detail-info {clear: both;color: #aaaaaa;font-size: 14px;margin-bottom: 20px;padding-top: 10px;}
.fly-show-main .detail-tip {margin: 5px 0 15px;position: relative;}
.fly-show-main .detail-tip span {background-color: #ff5722;border-radius: 0;color: #fff;font-size: 12px;height: 20px;line-height: 20px;padding: 0 5px;display: inline-block;margin: 5px;}
.fly-show-main .detail-body {font-size: 16px;line-height: 26px;margin: 20px 0 0;min-height: 202px;overflow-wrap: break-word;}
.fly-show-main .detail-body {margin: 20px 0 0; min-height: 202px; line-height:20px; font-size:14px; word-wrap: break-word;}
.fly-show-main .detail-body p{margin-bottom:15px;}
.fly-show-main .detail-body a{color:#4f99cf;}
.fly-show-main .detail-body img{max-width: 100%; cursor: pointer;}
.fly-show-main .detail-body table{margin: 10px 0 15px;}
.fly-show-main .detail-body table thead{background-color:#f2f2f2;}
.fly-show-main .detail-body table th, 
.fly-show-main .detail-body table td{padding: 10px 20px; line-height: 22px; border: 1px solid #DFDFDF; font-size: 14px; font-weight: 400;}

.fly-panel {background-color: #fff;border-radius: 2px;margin-bottom: 10px;padding: 10px 0;}
.fly-panel .fly-panel-title {background-color: #f2f2f2;border-left: 5px solid #009688;border-radius: 0 2px 2px 0;color: #333;font-size: 14px;line-height: 22px;margin: 9px 9pt;padding: 10px;}

.fly-show-main .fly-user dl {font-size: 0;margin-left: 15px;}
.fly-show-main .fly-user dd {display: inline-block;font-size: 12px;height: 85px;margin: 10px 15px 0 0;position: relative;vertical-align: top;width: 65px;}
.fly-show-main .fly-user img {border-radius: 2px;height: 65px;width: 65px;}
.fly-show-main .fly-user cite {background-color: rgba(0, 0, 0, 0.2);bottom: 20px;color: #fff;height: 20px;left: 0;line-height: 20px;overflow: hidden;position: absolute;text-align: center;text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.fly-show-main .fly-hot dd {color: #009e94;line-height: 26px;list-style: inside none decimal-leading-zero;margin: 0 15px;overflow: hidden;white-space: nowrap;}
.fly-show-main .fly-hot a {display: inline-block;font-style: normal;vertical-align: top;font-size: 14px;margin-right: 5px;max-width: 72%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fly-show-main .fly-hot span {color: #ccc;font-size: 12px;display: inline-block;font-style: normal;vertical-align: top;}

.fly-show-main .fly-link dl {padding: 5px 15px;}
.fly-show-main .fly-link dd {display: inline-block;vertical-align: top;margin: 0 15px 5px 0;}

/* 适配多设备 */
@media screen and (max-width: 750px) {
	.main {width: auto;}	
	.header {min-width: 0;}
	.footer {width: auto;}
	.footer e {display: none;}
	.layui-main {width: auto; margin: 0 10px;}
	.header .logo {left: 10px;}
	.header .layui-nav .layui-nav-item{margin: 0;}
	.header .layui-nav .layui-nav-item a{padding: 0 20px;}
	.header .layui-nav .layui-nav-item[pc]{display: none;}
	.header .layui-nav .layui-nav-item[mobile]{display: inline-block;}
	.site-banner {height: 300px;min-width: 0;}
	.site-banner-bg {background-size: cover;}
	.site-icon {height: 100px; padding-top: 5px;}
	.site-icon i{top: 10px; width: 100px; height: 100px; margin-left: -50px; font-size: 100px;}
	.site-desc {background-size: 70%; margin: 0;}
	.site-desc cite{display: none;}
	.site-download {margin-top: 0; }
	.site-download a{height: 40px; line-height: 40px; padding: 0 25px 0 60px; border-radius: 30px; color: #fff; font-size: 16px;}
	.site-download a cite{left: 20px;}
	.site-idea{margin: 20px 0;}
	.site-idea li{margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}

	.fly-case-main {margin: 10px;}
	.fly-case-list,.fly-case-list li,.fly-case-img img{width: 100%;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
	.fly-case-list {padding: 5px;}
	.fly-case-tab {padding-left: 0;text-align: center;}

	.fly-page-main{margin: 10px;}

	.fly-show-main {margin: 0;}
	.fly-show-main .detail {margin: 15px 10px;}
	.fly-show-main .fly-user{display: none;}
	.fly-show-main .fly-hot{display: none;}
	.fly-show-main .fly-link{display: none;}
}