body,html{height:100%}
.site-inline{font-size: 0;}
.site-tree, .site-content{display: inline-block;  *display:inline; *zoom:1; vertical-align: top; font-size: 14px;}
.site-tree{width: 220px; min-height: 900px; padding: 5px 0 20px;}
.site-content{width: 899px; min-height: 900px; padding: 20px 0 10px 20px;}
/* 头部 */
.header{height: 70px; border-bottom: 1px solid #404553;  background-color: #393D49; color: #fff;}
.logo{position: absolute; left: 0; top: 12px;}
.logo img{height: 40px;}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; line-height: 66px;}
.menu{position: absolute; right: 0; top: 0; line-height: 65px;}
.menu a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.menu a{position: relative; padding: 0 20px; margin: 0 20px; color: #c2c2c2; font-size: 14px;}
.menu a:hover{color: #fff; transition: all .5s; -webkit-transition: all .5s}
.menu a.this{color: #fff}
.menu a.this::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 5px; background-color: #5FB878;}
.header-index{background-color: #080018; border: none;}
.layui-layout-admin .header-demo{border-bottom-color: #2CB9EA; background-color: #fff;}
.header-demo .logo{left: 40px;}
.header-demo .layui-nav{top: 0;}
.header-demo .layui-nav .layui-nav-item{margin: 0 10px; line-height: 70px;}
.header-demo .layui-nav .layui-nav-item a{color: #999;}
.header-demo .layui-nav .layui-this{background-color: #f2f2f2;}
.header-demo .layui-nav .layui-nav-item a:hover, 
.header-demo .layui-nav .layui-this a{color: #000;}
.header-demo .layui-nav .layui-this:after, 
.header-demo .layui-nav-bar{background-color: #393D49;}
.header-demo .layui-nav .layui-this a{padding: 0 20px;}
/* 底部 */
.footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}
body .layui-layout-admin .footer-demo{height: auto; padding: 5px 0; line-height: 26px;}
.footer a{padding: 0 5px;}
/* 首页banner部分 */
.site-banner{position: relative; height: 600px; text-align: center; overflow: hidden; background-color: #393D49;}
.site-banner-bg
,.site-banner-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-bg{background-position: center 0;}
.site-zfj{padding-top: 25px; height: 220px;}
.site-zfj i{position: absolute; left: 50%; top: 25px; width: 200px; height: 200px; margin-left: -100px; font-size: 200px; color: #c2c2c2;}
@-webkit-keyframes site-zfj {
  0% {opacity: 1;  -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);}
  10% {opacity: 0.8; -webkit-transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);}
  35% {opacity: 0.6; -webkit-transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);}
  50% {opacity: 0.4; -webkit-transform: translate3d(0, 0, 0) rotate(360deg) scale(0);}
  80% {opacity: 0.2; -webkit-transform: translate3d(0, 0, 0) rotate(720deg) scale(1);}
  90% {opacity: 0.1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);}
  100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);}
}
@keyframes site-zfj {
  0% {opacity: 1;  transform: translate3d(0, 0, 0) rotate(0deg) scale(1);}
  10% {opacity: 0.8; transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);}
  35% {opacity: 0.6; transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);}
  50% {opacity: 0.4; transform: translate3d(0, 0, 0) rotate(360deg) scale(0);}
  80% {opacity: 0.2; transform: translate3d(0, 0, 0) rotate(720deg) scale(1);}
  90% {opacity: 0.1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);}
  100% {opacity: 1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);}
}
@-webkit-keyframes site-desc {
  0% { -webkit-transform: scale(1.1);}
  100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes site-desc {
  0% { transform: scale(1.1);}
  100% {transform: scale(1);}
}

.layui-anim-scaleSpring{-webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring}
.site-zfj-anim i{-webkit-animation-name: site-zfj; animation-name: site-zfj; -webkit-animation-duration: 5s; animation-duration: 5s;  -webkit-animation-timing-function: linear; animation-timing-function: linear;}
.site-desc{position: relative; height: 70px; margin-top: 25px;  background: url(../images/layui/desc.png) center no-repeat;}
.site-desc-anim{-webkit-animation-name: site-desc; animation-name: site-desc;}
.site-desc cite{position: absolute; bottom: -40px; left: 0; width: 100%; color: #c2c2c2; font-style: normal;}
.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 #464B5B; font-size: 24px; color: #ccc; transition: all .5s; -webkit-transition: all .5s;}
.site-download a:hover{border: 1px solid #778097; 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 *{font-style: normal;}
.site-version a{color: #e2e2e2; text-decoration: underline;}
.site-banner-other{position: absolute; left: 0; bottom: 32px; width: 100%; text-align: center;}
.site-banner-other iframe{border: 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: 150px; 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;}
/* 辅助 */
.site-tips{margin-bottom: 10px; padding: 15px; border-left: 5px solid #0078AD; background-color: #f2f2f2;}
body .site-tips p{margin: 0;}
/* 目录 */
.site-dir{display: none;}
.site-dir li{line-height: 26px; margin-left: 20px; overflow: visible; list-style-type: disc;}
.site-dir li a{display: block;}
.site-dir li a:active{color: #01AAED;}
.site-dir li a.layui-this{color: #01AAED;}
body .layui-layer-dir{box-shadow: none; border: 1px solid #d2d2d2;}
body .layui-layer-dir .layui-layer-content{padding: 10px; max-height: 280px; overflow: auto;}
.site-dir a em{padding-left: 5px; font-size: 12px; color: #c2c2c2; font-style: normal;}
/* 文档 */
.site-tree{border-right: 1px solid #eee; }
.site-tree .layui-tree{line-height: 32px;}
.site-tree .layui-tree li i{position: relative; font-size: 22px; color: #000}
.site-tree .layui-tree li a cite{padding: 0 8px;}
.site-tree .layui-tree .site-tree-noicon a cite{padding-left: 15px;}
.site-tree .layui-tree li a em{font-size: 12px; color: #bbb; padding-right: 5px; font-style: normal;}
.site-tree .layui-tree li h2{line-height: 36px; border-left: 5px solid #009E94; margin: 15px 0 5px; padding: 0 10px; background-color: #f2f2f2;}
.site-tree .layui-tree li ul{margin-left: 27px; line-height: 28px;}
.site-tree .layui-tree li ul a,
.site-tree .layui-tree li ul a i{color: #777;}
.site-tree .layui-tree li ul a:hover{color: #333;}
.site-tree .layui-tree li ul li{margin-left: 25px; overflow: visible; list-style-type: disc; /*list-style-position: inside;*/}
.site-tree .layui-tree li ul li cite,
.site-tree .layui-tree .site-tree-noicon ul li cite{padding-left: 0;}
.site-tree .layui-tree .layui-this a{color: #01AAED;}
.site-tree .layui-tree .layui-this .layui-icon{color: #01AAED;}
.site-fix .site-tree{position: fixed; top: 0; bottom: 0; z-index: 666; min-height: 0; overflow: auto;  background-color: #fff;}
.site-fix .site-content{margin-left: 220px;}
.site-fix-footer .site-tree{margin-bottom: 120px;}
.site-title{ margin: 30px 0 20px;}
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
.site-title fieldset legend{margin-left: 20px;  padding: 0 10px; font-size: 22px; font-weight: 300;}
.site-text a{color: #01AAED;}
.site-h1{margin-bottom: 20px; line-height: 60px; padding-bottom: 10px; color: #393D49; border-bottom: 1px solid #eee;  font-size: 28px; font-weight: 300;}
.site-h1 .layui-icon{position: relative; top: 5px; font-size: 50px; margin-right: 10px;}
.site-text{position:relative;}
.site-text p{margin-bottom: 10px;  line-height:22px;}
.site-text em{padding: 0 3px; font-weight: 500; font-style: italic; color: #666;}
.site-text code{margin:0 5px; padding: 3px 10px; border: 1px solid #e2e2e2; background-color: #fbfbfb; color: #666; border-radius: 2px;}
.site-table{width: 100%; margin: 10px 0;}
.site-table thead{background-color:#f2f2f2; }
.site-table th, 
.site-table td{padding: 6px 15px; min-height: 20px; line-height: 20px; border:1px solid #ddd; font-size: 14px; font-weight: 400;}
.site-table tr:nth-child(even){background: #fbfbfb;}
.site-block{padding: 20px; border: 1px solid #eee;}
.site-block .layui-form{margin-right: 200px;}
/* 演示 */
body .layui-layout-admin .site-demo{bottom: 82px; padding: 0;}
body .site-demo-nav .layui-nav-item{line-height: 45px}
.layui-nav-item .layui-icon{position: relative; /*font-size: 20px;*/}
.layui-nav-item a cite{padding: 0 10px;}
.site-demo .layui-main{margin: 15px; line-height: 22px;}
.site-demo-editor{position: absolute; top: 0; bottom: 0; left: 0; width: 50%; }
.site-demo-area{position: absolute; top: 0; bottom: 90px; width: 100%;}
.site-demo-editor textarea{position: absolute; width: 100%; height: 100%; padding: 15px; border: none; resize: none; /*background-color: #F7FBFF;*/ background-color: #272822; color: #CFBFAF; font-family: Courier New; font-size: 12px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.site-demo-btn{position: absolute; bottom: 100px; right: 20px;}
.site-demo-zanzhu{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; text-align: center; background-color: #e2e2e2; overflow: hidden;}
.site-demo-zanzhu>*{position: relative; z-index: 1;}
.site-demo-zanzhu:before{content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: 120px; margin: -10px 0px 0px -60px; text-align: center; color: rgb(170, 170, 170); font-size: 18px; font-weight: 300; }
.site-demo-result{position: absolute; right: 0; top: 0; bottom: 0; width: 50%;}
.site-demo-result iframe{position: absolute; width: 100%; height: 100%;}
.site-demo-button{margin-bottom: 30px;}
.site-demo-button div{margin: 20px 30px 10px;}
.site-demo-button .layui-btn{margin-bottom: 10px;}
.site-demo-laytpl{text-align: center;}
.site-demo-laytpl textarea,
.site-demo-laytpl div span{width: 40%;  padding: 15px; margin: 0 15px;}
.site-demo-laytpl textarea{height: 300px; border: none; background-color: #3F3F3F; color: #E3CEAB; font-family: Courier New; resize: none;}
.site-demo-laytpl div span{display: inline-block; text-align: center; background: #101010; color: #fff;}
.site-demo-tplres{margin: 10px 0; text-align: center}
.site-demo-tplres .site-demo-tplh2,
.site-demo-tplres .site-demo-tplview{display: inline-block; width: 50%;}
.site-demo-tplres h2{padding: 15px; background: #e2e2e2;}
.site-demo-tplres h3{font-weight: 700;}
.site-demo-tplres div{padding: 14px; border: 1px solid #e2e2e2; text-align: left;}
.site-demo-upload,
.site-demo-upload img{width: 210px; height: 90px;}
.site-demo-upload{position: relative; background: #e2e2e2;}
.site-demo-upload .site-demo-upbar{position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -56px;}
.site-demo-upload .layui-upload-button{background-color: rgba(0,0,0,.2); color: rgba(255,255,255,1);}
.site-demo-util{position: relative; width: 300px;}
.site-demo-util img{width: 300px; border-radius: 100%;}
.site-demo-util span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; cursor: pointer;}
@-webkit-keyframes demo-fengjie {
  0% {-webkit-filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;}
  80% {-webkit-filter: blur(50px);  opacity: 0.95;}
  100% {-webkit-filter: blur(20px); opacity: 0; background: #fff;}
}
@keyframes demo-fengjie {
  0% {filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;}
  80% {filter: blur(50px);  opacity: 0.95;}
  100% {filter: blur(20px); opacity: 0; background: #fff;}
}
.site-demo-fengjie{-webkit-animation-name: demo-fengjie; animation-name: demo-fengjie; -webkit-animation-duration: 5s; animation-duration: 5s;}
.layui-layout-admin .site-demo-body{top: 117px;}
.site-demo-title{position: fixed; left: 200px; right: 0; top: 76px;}
.site-demo-code{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; padding: 10px; resize: none; font-size: 12px; background-color: #F7FBFF; color: #881280; font-family: Courier New;}
.site-demo-body .layui-elem-quote a{color: #01AAED;}
.site-demo-body .layui-elem-quote a:hover{color: #FF5722;}
/* 其它 */
#trans-tooltip,
#tip-arrow-bottom,
#tip-arrow-top{display: none !important;}
/* 独立组件 */
.alone{width:730px; margin:200px auto;}
.alone ul{margin-left:1px; font-size:0;}
.alone li{display:inline-block; width:181px; font-size: 16px; text-align:center; line-height:80px; margin:0 1px 1px 0; background-color:#393D49; color:#fff;}
.alone li:hover{opacity:0.8;}
.alone li a{display:block; color:#fff;}
/* 自定义css */
.admin-header-item-mobile{
	position: absolute; right: 0px; height: 70px;line-height: 70px; 
	padding: 0 20px; text-align: center; top:0;
	display: none;
}
.admin-nav-tree .layui-nav-child a {
	padding-left: 30px;
}
.admin-nav-card{
	border: 0;
	margin: 0;
	box-shadow:none;
}
.admin-nav-card .layui-icon{
	position: relative;
}
.admin-nav-card .layui-tab-item iframe{
	width: 100%;
	border: 0;
	height: 100%;
}
.admin-nav-card>.layui-tab-title{
	border-bottom: 1px solid #2CB9EA;
}
.admin-nav-card .layui-tab-title cite{
	font-style: normal;
	padding-left: 5px;
}
.admin-nav-card>.layui-tab-title .layui-this{
	color: white;
    background-color: #2CB9EA;
}
.admin-nav-card>.layui-tab-title .layui-this:after{
	border-bottom: 0;
}
.admin-header-user img{
	width: 40px; height: 40px; border-radius: 100%;    
	/*position: relative;
    top: 15px;*/
}
.admin-header-user .layui-nav-more{
	top:33px;
}
.admin-header-user .layui-nav-mored{
	top: 26px;
}

/*lock*/
.admin-header-lock{
	width: 320px; height: 150px; padding: 20px; position: relative; text-align: center;
}
.admin-header-lock-img{
	width: 60px; height: 60px; margin: 0 auto;
}
.admin-header-lock-img img{
	width: 60px; height: 60px; border-radius: 100%;
}
.admin-header-lock-name{
	color: #009688;margin: 8px 0 15px 0;
}
.admin-header-lock-input{
	width: 150px; color: #FFFFFF; height: 30px; border: 0;background-color: #009688; padding: 0 7px; border-radius: 2px;
}
/*table*/
.site-table tbody tr td {text-align: center;}
.site-table tbody tr td .layui-btn+.layui-btn{margin-left: 0px;}
.admin-table-page {position: fixed;z-index: 19940201;bottom: 0;width: 100%;background-color: #eee;border-bottom: 1px solid #ddd;left: 0px;}
.admin-table-page .page{padding-left:20px;}
.admin-table-page .page .layui-laypage {margin: 6px 0 0 0;}

/**/
.admin-main {margin: 15px;}

.admin-side-toggle{
	position: absolute; cursor: pointer;
    z-index: 19940201;
    left: 155px;
    color: white;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: #2CB9EA;
    line-height: 30px;
    top: 25%;
    border-radius:2px;
}
.admin-side-toggle:hover{
	background-color: #31b0d5;
}
.admin-login-box{
	width: 155px; height: 70px; position: relative;
}

.beg-navbar .layui-nav-child dd a{
	padding-left: 30px;
}
.tcbtn {
    padding: 10px 30px;
}
.btn-info-outline{ background:#fff;border-color: #2CB9EA;color:#2CB9EA}

.main-bg{background-color: #F4F8F9;color: #676a6c;}
.middle-box{z-index:100;margin:40px auto;width: 462px;}
#particles-user {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.Sendmessage{
	background: #fff;
    padding: 10px;
}
@media screen and (max-width: 400px) {
	.middle-box{z-index:100;margin:40px auto;width: 100%;}
	.intro{width: 100%;}
	.Sendmessage{padding: 10px;}
	.Mobile_SendMessage_Button{width:100%;}
}
#particles-user .intro {position: absolute;left: 0;top:0;padding: 0 0px;width: 100%;text-align: center;}
.logo-name {
    margin-bottom: 30px;
}
.middle-box h1 {
}
.middle-box h3{ text-align:center; margin-top:0; font-weight:normal; font-size:22px; position:relative; padding-bottom:22px;color: #676a6c;}
.middle-box h3 span{ font-size:14px; color:#999; display:block; position:absolute; right:0px; top:5px;}

label.error{display:inline-block;margin-left:5px;color:#cc5965}
.form-control.error{border:1px solid #cc5965}
.bl-form em, .bl-form strong{ color:#C00;}
.bl-form span.error{color:#C00; padding:0 6px; text-align:left;}
.register-form span.error{ display:block; padding:10px 0 0 0 !important;}
.register-form .form-group{ margin-bottom:20px;}
.getpwd{ height:300px;}
.getpwd .getpwd-btn{ width:250px; height:54px; line-height:54px; display:inline-block; color:#fff; font-size:16px;border-radius: 3px; position:relative;}
.getpwd .getpwd-tel{ background:#4FD6A3;}
.getpwd .getpwd-tel:hover{ background:#33c48f}
.getpwd .getpwd-btn i.fa-mobile{ position:absolute; display:block; width:26px; top:14px; left:25px; font-size:26px;}
.getpwd .getpwd-mail{ background:#2CB9EA;}
.getpwd .getpwd-mail:hover{ background:#0a9bcc}
.getpwd .getpwd-btn i.fa-envelope{ position:absolute; display:block; width:26px; top:17px; left:25px; font-size:18px;}
.index-nav-l{ float:left; width:170px; height:100%;}
.index-nav-r{ float:left; width:170px; background:#fff; height:100%;}
.index-nav-r .layui-nav-tree .layui-nav-item{border-bottom: 1px solid #eee;}
.index-nav-r .layui-nav .layui-nav-item a{ color:#333}
.index-nav-r .layui-nav-tree .layui-nav-child a{ color:#666}
.index-nav-r .layui-nav-tree .layui-nav-child a:hover{ color:#2CB9EA;}
.index-nav-r .layui-nav-itemed>a{background-color: #fff!important;color: #333!important;}
.index-nav-r .layui-nav-tree .layui-nav-child dd.layui-this, .index-nav-r .layui-nav-tree .layui-this, .index-nav-r .layui-nav-tree .layui-this>a, .index-nav-r .layui-nav-tree .layui-this>a:hover {background-color: #eee;color: #2CB9EA;}
.index-nav-r .layui-nav-child dd.layui-this a{ color:#2CB9EA;}
.index-nav-r .layui-nav .layui-nav-item .layui-nav-child a{ padding-left:35px}
.index-nav-r .layui-nav-tree .layui-nav-item a:hover{background-color:#fff}
.layui-nav-r{ background:#fff;}
.layui-nav-r .index-nav-tittle{border-bottom: 1px solid #eee;line-height: 70px;font-size: 16px;padding-left: 20px;color: #555;}
.mb0{ margin-bottom:0}
.wrapper-content {
    padding: 25px;
}
.ibox {
    clear: both;
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
}
.ibox-title {
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 3pc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #E7EEF0;
    position: relative;
}
.ibox-content {
    -o-border-image: none;
    background-color: #fff;
    color: inherit;
	padding: 15px 20px 20px;
    border-color: #e7eaec;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	clear: both;
}
.ibox-title h5 {
    float: left;
    display: inline-block;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: normal;
}
.mk-height-yzm {
    height: 102px;
}
.text-big {
    font-size: 46px;
	 margin-bottom:10px;
}
.t-center {
    text-align: center;
}
.tabs-hdfb-container .nav-tabs{ padding-left:40px}
.tabs-hdfb-container .nav-tabs > li{ margin-bottom:0 !important; margin-right:15px;}
.tabs-hdfb-container .nav-tabs > li a{ background:#f5f5f5;border-radius:3px; border:0 !important; font-weight:normal; color:#999;}
.tabs-hdfb-container .nav-tabs > li:hover a{ background:#f5f5f5;color:#666;border-radius: 0; border:0 !important;}
.tabs-hdfb-container .nav-tabs > li.active a{ background:#01B7EE !important; color:#fff !important;border:0 !important;}
.tabs-hdfb-container .tab-pane .panel-body{ border:0;}
.tabs-hdfb-container .nav-tabs{ border:0;}
.layui-footer p{ margin:0}
.scenarios ul{ padding-left:0; margin-left:-10px; margin-right:-10px;}
.scenarios ul li{ list-style:none; width:260px; float:left; border:1px solid #eee; margin:20px;}
.scenarios ul li img{ width:100%}
.scenarios ul li div{ padding:15px;}
.scenarios ul li div h4{ font-size:16px; margin:5px 0 12px; font-weight:700;}
.scenarios ul li div p{ font-size:13px;}
.scenarios ul li div a{ margin-top:20px}
.scenarios-td{ padding-left:15px; line-height:28px}
.scenarios-case ul{ padding:0}
.scenarios-case ul li{ list-style:none; margin-bottom:20px;}
.scenarios-case ul li:last-child{ margin-bottom:0}
.scenarios-case .scenarios-case-img{ width:180px; margin-right:20px}
.scenarios-case .scenarios-case-img img{ width:100%}
.scenarios-case .scenarios-case-text{}
.scenarios-case .scenarios-case-text h4{ font-size:16px; font-weight:700; margin-bottom:10px; color:#333;}
.nav-tabs>li>a{padding: 10px 20px;color: #a7b1c2;}
.jp-img{ margin-right:10px; position:relative;vertical-align: middle;}
.jp-img small{ display:none; position:absolute; background:#fff; width:280px; height:134px; top:-35px;left: 93px; padding:2px;border: 1px solid #E2EAEC;-moz-border-radius: 2px 0 2px 2px;-webkit-border-radius: 2px 0 2px 2px;border-radius: 2px 0 2px 2px;}
.jp-img small img{ width:100%;}
.jp-img:hover small{ display:block;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
    border-top: 1px solid #F4F8F9;
    vertical-align: middle;
    line-height: 1.42857;
}
.tablehd>tbody>tr>td, .tablehd>tbody>tr>th, .tablehd>tfoot>tr>td, .tablehd>tfoot>tr>th, .tablehd>thead>tr>td, .tablehd>thead>tr>th {
    padding: 8px !important;
}
.tablehd>tbody>tr>td input.form-control{display: inline-block;height: 30px;padding: 6px;}
.tablehd>tbody>tr>td select.form-control{height: 30px !important;padding: 3px !important;}
.table>tbody>tr {
    background: #fff;
}
.table-new>thead>tr>th {
    background: #fff;
}
.table-new>tbody>tr>td, .table-new>tbody>tr>th, .table-new>tfoot>tr>td, .table-new>tfoot>tr>th, .table-new>thead>tr>td, .table-new>thead>tr>th {
    border-top: 10px solid #F4F8F9;
}
.table-bordered {
    border: 1px solid #ebebeb;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    background-color: #f5f5f6;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #e7e7e7;
}
.table>thead>tr>th {
    border-bottom: 1px solid #eee;
}
.tag-fliter{ padding-bottom:20px;}
.tag-fliter .tag-fliter-list{ padding-bottom:10px;}
.tag-fliter .tag-fliter-list a{ display:inline-block; padding:4px 11px; color:#666;border-radius:2px;}
.tag-fliter .tag-fliter-list a:hover{ background:#eee;}
.tag-fliter .tag-fliter-list a.acitve{ background:#01B7EE;color:#fff;}
.hd-cj{ margin:0; padding:0}
.hd-cj li{ list-style-type:none; margin-bottom:30px}
.hd-cj li p{ line-height:40px; text-align:center; margin-bottom:0}
.hd-cj li .hd-cj-border{border:1px solid #eee;}
.hd-cj li .hd-cj-img{ position:relative; color:#fff;}
.hd-cj li .hd-cj-img .hd-cj-img-hover{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:none; padding:20px;}
.hd-cj li .hd-cj-img:hover .hd-cj-img-hover{ display:block;}
.m-temp-xz{ list-style-type:none; margin:0px;padding: 0;}
.m-temp-xz li{ display:inline-block !important; width:40px;cursor:pointer;vertical-align:top; margin-right:10px; border:1px solid #fff; position:relative;}
.m-temp-xz li{ *display:inline;}
.m-temp-xz li img{ width:100%; height:100%;}
.m-temp-xz li.active{ position:relative; border:1px solid #ff9800;}
.m-temp-xz li.active em{ position:absolute; right:0px; bottom:0px; background:url(../jiangli/images/xz-icon.png) 0px 0px no-repeat; width:30px; height:38px;}
.m-temp-xz li small{ display:none; position:absolute; background:#fff; width:170px;top:-110px;left: 50px; padding:2px;border: 1px solid #E2EAEC; z-index:99;}
.m-temp-xz li:hover small{ display:block;}
.cktittle-list ul{ padding:0;}
.cktittle-list ul li{ list-style-type:none; position:relative; line-height:42px; border-bottom:1px dashed #eee;}
.cktittle-list ul li:hover{ background:#f5f5f5}
.cktittle-list ul li span{ position:absolute; right:0; top:0; display:block;}
.jpfenx{ margin-top:20px;}
.jpfenx-l{ float:left; width:50%}
.ibox-title ul{ padding:0;margin:0;position: relative;left: 0;height: 50px;white-space: nowrap;font-size: 0;transition: all .2s;-webkit-transition: all .2s;}
.ibox-title ul li{ float:left; list-style-type:none; font-size: 16px;transition: all .3s;-webkit-transition: all .3s;position: relative;line-height: 50px;}
.ibox-title ul li a{ display:block; padding:0px 25px;color: #777;}
.ibox-title ul li a.active{ background:#fff;color: #01B7EE;}
.table-height {
    min-height: 500px;
}
.baogao-tittle{ margin-bottom:30px;}
.baogao-tittle .img{ width:120px; float:left; margin-right:20px;}
.baogao-tittle .text{ width:500px; float:left;}
.baogao-tittle .text h1{ font-size:18px; margin:0 0 5px; height:30px; line-height:30px; padding-bottom:10px;}
.help-inline {
    color: #999;
    padding-left: 10px;
}
.buy-jp{line-height:24px}
.buy-jp li{ float:left; margin-right:20px; margin-bottom:20px; width:210px}
.buy-jp-num{ padding-top:15px}
.buy-jp-num .form-control{ height:32px;}
.buy-jp-num .btn{padding: 5px 20px;}
.buy-jp-num .form-control{ width:104px}
.active-detailed-zt{ margin:8px 0;text-align: center;}
.active-detailed-zt li.ui-viewstep-item-active {color: #5cb85c;}
.active-detailed-zt li {color: #999;display: inline-block; vertical-align:top;zoom: 1;text-align:center;line-height: 24px;}
.active-detailed-zt li.ui-viewstep-item-active i {color: #5cb85c;border-color: #5cb85c;}
.active-detailed-zt li i {display: inline-block;zoom: 1;width: 32px;height: 32px;line-height: 32px;border: 2px solid #ccc;border-radius: 21px;text-align: center;color: #999;font-size: 14px;}
.active-detailed-zt li span {padding:10px 6px 6px;display:block;color: #333;}
.active-detailed-zt li span small{ color:#999;}
.active-detailed-zt li.ui-viewstep-last-item:after{display:none}
.active-detailed-zt li em{border-color: #5cb85c;}
.active-detailed-zt li em {border-bottom: 1px solid #ddd;width: 50px;content: "";display: inline-block;zoom: 1;margin-right: 6px;position: relative;top:25px;}
.hexiao-search{ width:300px; text-align:left; display:inline-block; padding-top:10px; margin-bottom:30px}
.moban-tip{padding-left:18px; line-height:28px}
.moban-tip li{ list-style:disc}
.online-send .online-send-l{ max-width:800px}
.lianxiren{min-height:600px}
.lianxiren ul{ margin-bottom:20px;}
.lianxiren ul li{ line-height:38px; margin-bottom:2px; padding-left:20px;border-radius: 3px; position:relative}
.lianxiren ul li a{ color:#666;}
.lianxiren ul li:hover{ background:#eee}
.lianxiren ul li.active{ background:#01B7EE; color:#fff}
.lianxiren ul li.active a{color:#fff}
.lianxiren ul li a:hover{ color:#01B7EE;}
.lianxiren h5{ padding-bottom:15px; font-weight:700;}
.lianxiren ul li span{ position:absolute; right:5px; top:0px;}
.ibox-tools-btn {
    position: absolute;
    right: 0;
    top: 0;
}
.ibox-tools-btn a{margin-top:5px;margin-right:5px}
.safe-list{ padding:20px 0; position:relative;}
.safe-list h4{ padding-bottom:20px;}
.safe-list p{ line-height:26px; color:#999; margin-bottom:0}
.safe-list span.kaiguan{ position:absolute; right:10px; top:50%;margin-top: -14px;}
.yzmtc li{ border:1px solid #eee; padding:10px; width:220px; display:inline-block;border-radius: 3px; margin-right:10px; margin-bottom:10px; cursor:pointer}
.yzmtc li h4{ line-height:38px}
.yzmtc li p{ margin-bottom:0; border-top:1px solid #eee;}
.yzmtc li:hover, .yzmtc li.active{ border-color:#01B7EE; color:#01B7EE}
.index-nav-pos{width: 170px; height:100%;background: #fff;top: 0;left: 170px;position: absolute;}
.mk-height {
    min-height: 130px;
}
.active-new img {
    width: 100%;
}
.fx-code {
    width: 100px;
}
.fx-code img {
    width: 100%;
}
.app-box{border:1px solid #ddd; padding:20px;border-radius: 2px;box-shadow: 0 0 8px rgba(0, 0, 0, .11); margin-bottom:15px}
.app-box:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, .15)}
.app-box h4{ font-size:16px; font-weight:700;margin-bottom: 10px; color:#333}
.ibox-tools {
    position: relative;
    float: right;
    display: inline-block;
    margin-top: 0;
    padding: 0;
}
.onError, label.error{ color:#cc5965;padding-left: 10px;}
input.onError {border: 1px solid #cc5965 !important;}
.notice ul{ padding-left:15px}
.notice ul li{ line-height:26px; list-style:disc}
.notice ul li small{ color:#999}
.notice ul li a{ color:#676a6c}
.notice ul li a:hover{ color:#01B7EE}
.notice-top{width: 340px;padding: 15px;font-size: 12px; line-height:30px;top:70px}
.notice-top small{ padding-right:15px; color:#c2c2c2}
.notice-top dd hr{margin: 10px 0;}
.tabs-container-zf .nav-tabs{ border:0;}
.tabs-container-zf .nav-tabs>li{ margin-right:10px;}
.tabs-container-zf .nav-tabs>li.active>a, .tabs-container-zf .nav-tabs>li.active>a:focus, .tabs-container-zf .nav-tabs>li.active>a:hover{ border:1px solid #01B7EE; color:#01B7EE}
.tabs-container-zf .nav-tabs>li>a{border:1px solid #eee;border-radius: 3px;}
.tabs-container-zf .panel-body{ padding:20px 0 10px;}
.invoice h3{ font-weight:normal; padding-bottom:20px; font-size:16px; padding-top:10px}
.invoice h4{ margin-bottom:20px; font-size:16px}
.invoice ul{padding-left: 20px; line-height:24px; padding-bottom:5px}
.invoice ul li{ line-height:26px; list-style:disc}
.invoice h2{ font-size:24px; padding:30px 0 10px; font-weight:100}
.ul-li-style{ padding-left:40px}
.ul-li-style li{ list-style:disc}
.select-auto{ width:auto; display:inline-block}
.renzheng{border: 1px solid #eee;padding: 30px;border-radius: 2px; margin-bottom:20px}
.renzheng h3{ font-size:16px; font-weight:700; padding:15px 0 20px;}
.renzheng p{ padding-bottom:20px; line-height:24px;}
.safe-pingji{ font-size:18px; margin-top:15px}
.safe-pingji ul{ margin-bottom:0;}
.safe-pingji ul li{ list-style-type:none; margin-right:5px;}
.safe-pingji ul li span.safety{ padding:3px 10px; display:block; background:#eee; font-size:14px;border-radius:2px;}
.safe-pingji ul li span.safety-ruo{ background:#F499A2; color:#fff;}
.safe-pingji ul li span.safety-zhong{ background:#66D4F5; color:#fff;}
.safe-pingji ul li span.safety-qiang{ background:#9DD49D; color:#fff;}
.safe-pingji p{ margin-bottom:0}
.safe-set .safe-list{ padding:0}
.safe-list{ line-height:30px}
.notice-list .checkbox{ margin:0}
.notice-list .checkbox label{ padding-left:0;padding-top: 3px;}
.notice-list table>tbody>tr>td i{display: inline-block;width: 6px;height: 6px;background: #01B7EE;position: relative;border-radius: 42px;top: -3px;left: -12px;visibility: hidden;}
.notice-list table>tbody>tr>td i.active {visibility: visible;}
.notice-list table>tbody>tr>td a{ color:#676a6c;}
.notice-list table>tbody>tr>td a:hover{ color:#333;}
.notice-detailed h1{padding:10px 0; font-size:20px}
.notice-detailed .notice-cont{ padding:20px 0; line-height:28px;min-height:300px}
.notice-detailed a{ color:#666;}
.notice-detailed a:hover{color:#01B7EE}
.tuijian-text{background:#F5FAFE; padding:15px; margin:20px 0;}
.tuijian-fx ul{ margin:0; padding:0}
.tuijian-fx ul li{ list-style:none; float:left; margin-right:40px; text-align:center}
.tuijian-fx ul li i{ background:url(../images/icon2.gif) 0px 0px no-repeat; width:50px; height:50px; display:block; margin:auto;}
.tuijian-fx ul li i.icon2{ background-position:-50px 0px;}
.tuijian-fx ul li i.icon3{ background-position:-100px 0px;}
.tuijian-fx ul li i.icon4{ background-position:-150px 0px;}
.tuijian-fx ul li i.icon5{ background-position:-200px 0px;}
.tuijian-fx ul li i.icon6{ background-position:-250px 0px;}
.tuijian-fx ul li i.icon7{ background-position:-300px 0px;}
.tuijian-fx ul li p{ margin-top:10px;}
.kefu h3{padding-left:100px;color:#01B7EE; margin-bottom:8px}
.kefu p{padding-left:100px;line-height:26px}
.kefu p i{ width:20px; text-align:center;color: #999;}
.kefu .kfweixin{ position:relative; color:#676a6c;}
.kefu .kfweixin span{ display:none; position:absolute; width:100px; left:0; top:20px; background:#fff; padding:5px; z-index:999;border: 1px solid #e7e7e7;} 
.kefu .kfweixin span img{ width:100%}
.kefu .kfweixin:hover span{ display:block}
.index-icon i{ background:url(../images/cp1.png) 0px 0px no-repeat;width: 25px;height: 44px; margin-top:-1px;display: inline-block;vertical-align: middle;}
.index-icon i.icon1{ background-position:0px 0px;}
.index-icon i.icon-sms{ background-position:0px -45px;}
.index-icon i.icon-voice{ background-position:0px -90px}
.index-icon i.icon-vm{ background-position:0px -90px}
.index-icon i.icon-isms{ background-position:0px -135px;}
.index-icon i.icon-yx{ background-position:0px -180px;}
.index-icon i.icon-virtual{ background-position:0px -225px;}
.index-icon i.icon-hd{ background-position:0px -225px;}
.index-icon i.icon-mms{ background-position:0px -270px;}
.index-icon i.icon-email{ background-position:0px -315px;}
.index-icon cite{margin-top:-1px;display: inline-block;vertical-align: middle;}
.index-icon a{ padding:0 10px !important;}
.izl-rmenu{position:fixed;right:10px;top:50%;padding-bottom:14px;z-index:999;color: #fff;}
.izl-rmenu .btn-r{padding: 15px 20px;margin-bottom:1px;cursor:pointer;position:relative;background-color:#2CB9EA;text-align: center;}
.izl-rmenu .btn-qq{background-color:#2CB9EA;text-decoration:none;display:block;}
.izl-rmenu .btn-qq:hover{background-color:#0F83C1;}
.izl-rmenu .btn-wx{background-color:#2CB9EA;}
.izl-rmenu .btn-wx:hover{background-color:#0F83C1;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;border: 1px solid #eee;}
.izl-rmenu .btn-phone{background-color:#2CB9EA;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:220px;left:-220px;top:0px; height:68px; padding:12px 15px;line-height:22px;color:#FFF;font-size:14px;display:none; text-align:left}
.count-info .label {position: absolute;top:12pt;right: 4px;padding: 1px 5px;line-height: 9pt; font-size:12px}
.count-info .layui-nav-more{ display:none}
.flowtcbtn{ padding:6px 13px;margin-bottom: 5px;}
.flowtcbtn.active{color:#2CB9EA;background-color:#fff;box-shadow:none;border-color:#2CB9EA}
.flownum{font-style:normal}
.providers-zone {color: #666;width: 200px;font-size: 13px;background-color: #fff;border-style: solid;border-width: 1px;border-color: #dedede;overflow: hidden;}
.providers-zone .zone-hd {background-position: 0 -102px;float: left;height: 28px;line-height: 28px;padding-left: 10px;width: 100%;}
.providers-zone .zone-hd, .providers-zone .zone-ft {background: #f7f7f7;border-bottom: 1px solid #dedede;}
.providers-zone .zone-bd {background-color: #fff;float: left;margin: 5px 10px;}
.zone-bd ul {padding: 0px;margin: 0px;}
.zone-bd li {list-style: none;line-height: 28px;position: relative;}
.icon-cm {background: url(../jiangli-old/images/icon_oper.png) no-repeat 0px -1px;width: 20px;height: 19px;padding: 3px 10px;margin: 0;margin-right: 10px;}
.icon-cu {background: url(../jiangli-old/images/icon_oper.png) no-repeat -23px -1px;width: 20px;height: 19px;padding: 3px 10px;margin: 0;margin-right: 10px;}
.icon-ct {background: url(../jiangli-old/images/icon_oper.png) no-repeat -46px -1px;width: 20px;height: 19px;padding: 3px 10px;margin: 0;margin-right: 10px;}
.Operators-China_mobile {margin-bottom:15px;}
.Operators-China_unicom {margin-bottom:15px;}
.Operators-China_net {margin-bottom:15px;}
.previewMb{ position:relative;}
.previewMb small{ display:none; position:absolute; width:200px; height:200px; top:-95px;left: 260px;border: 1px solid #E2EAEC;-moz-border-radius: 2px 0 2px 2px;-webkit-border-radius: 2px 0 2px 2px;border-radius: 2px 0 2px 2px;}
.previewMb:hover small{ display:block;}
.preactContMb{ position:relative; cursor:pointer;}
.preactContMb small{display:none; position:absolute; width:130px; height:130px; top:-45px;left: 100px;border: 1px solid #E2EAEC;-moz-border-radius: 2px 0 2px 2px;-webkit-border-radius: 2px 0 2px 2px;border-radius: 2px 0 2px 2px;}
.preactContMb:hover small{ display:block;}
.preactContMb img{ width:100%}
.input-xlarge{ width:300px !important; display:inline-block}
.llffbtn{position: relative;}
.llffcode{width: 100px;display: none;position: absolute; top: -50px;left: 80px;border: 1px solid #EFF4F5;}
.llffcode img{ width:100%}
.llffbtn:hover .llffcode{ display:block}
.active-submit-question ul {margin-left: 0px;list-style-type: none;}
.active-submit-question ul li {margin-bottom: 20px;}
.active-submit-question ul li h6 {font-size: 14px; font-weight:700;}
.active-submit-question ul li p {font-size: 14px !important;color: #666;}

/* 适配多设备 */
@media screen and (max-width: 750px) {
  .layui-main{width: auto; margin: 0 10px;}
  .logo,
  .header-demo .logo{left: 10px;}

  .site-nav-layim{display: none !important;}
  .header .layui-nav .layui-nav-item{margin: 0;}
  .header .layui-nav .layui-nav-item a{padding: 0 15px;}
  .site-banner{height: 300px;}
  .site-banner-bg{background-size: cover;}
  .site-zfj{height: 100px; padding-top: 5px;}
  .site-zfj 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: 1px solid #778097; border-radius: 30px; color: #fff; font-size: 16px;}
  .site-download a cite{left: 20px;}
  .site-banner-other{bottom: 15px;}

  .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;}
  .site-hengfu img{max-width: 100%}

  .layui-layer-dir{display: none;}
  .site-tree{position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff;  transition: all .3s; -webkit-transition: all .3s;}
  .site-content{width: 100%; padding: 0; overflow: auto;}
  .site-content img{max-width: 100%;}
  .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
  .site-home .site-tree-mobile{display: none!important;}
  .site-mobile .site-tree-mobile{display: none !important;}
  .site-mobile .site-tree{left: 0;}
  .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 9999;}
  .site-tree-mobile i{font-size: 20px;}
  .layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

  .layui-layout-admin .layui-side{position: fixed; top: 0; left: -340px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
  .layui-body{position: static; bottom: 0; left: 0;}
  .site-mobile .layui-side{left: 0;}
  body .layui-layout-admin .footer-demo{position: static;}
  .site-demo-area,
  .site-demo-editor,
  .site-demo-result,
  .site-demo-editor textarea,
  .site-demo-result iframe{position: static; width: 100%;}
  .site-demo-editor textarea{height: 350px;}
  .site-demo-zanzhu{display: none;}
  .site-demo-btn{bottom: auto; top: 370px;}
  .site-demo-result iframe{height: 500px;}

  .site-demo-laytpl textarea, .site-demo-laytpl div span{margin: 0;}
  .site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

  .site-demo-title{position: static; left: 0;}
  body .layui-layout-admin .site-demo{}
  .site-demo-code{position: static; height: 350px;}
  
  .admin-side-toggle ,.admin-header-item{display: none;}
  .admin-header-item-mobile{ display: block; }
  .mk-height-yzm{ height:auto}
  .layui-tab-content{-webkit-overflow-scrolling: touch;overflow-y: auto;margin-right: -10px;}
}