@CHARSET "UTF-8";

body {
  /*padding-top: 50px;*/
}
/*
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc}
::-webkit-scrollbar-thumb{background-color:#ccc}
::-webkit-scrollbar-thumb:hover{background-color:#aaa}
::scrollbar{width:4px}
::scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc}
::scrollbar-thumb{background-color:#ccc}
::scrollbar-thumb:hover{background-color:#aaa}
*/
.handl-style{
  cursor: pointer;
}
.bg-white {
  color: #000;
  background-color: #fff;
}

.centerlayout{
	display: flex; justify-content:center; align-items:Center;
}
.yahei{
	font-family: Microsoft YaHei;
}
.yahei_orange{
	color:#ff8f00 !important;font-family: Microsoft YaHei;font-weight: bold;
}
.yahei_black,.yahei_black_mobile,.yahei_black_mobile_button{
	color:#000 !important;font-family: Microsoft YaHei;font-weight:bold;
}
.yahei_red{
	color:#ff0000 !important;font-family: Microsoft YaHei;font-weight: bold;
}
.yahei_orange, .yahei_black{font-size:37px;}

/*
background-image: linear-gradient(135deg, transparent 95%, rgba(255, 255, 255, 0.23) 20%), 
    				  linear-gradient(135deg, transparent 90%, rgba(255, 255, 255, 0.18) 20%),
    				  linear-gradient(135deg, transparent 85%, rgba(255, 255, 255, 0.1) 20%),
    				  linear-gradient(135deg, transparent 80%, rgba(255, 255, 255, 0.1) 20%),
    				  linear-gradient(to top, #9cd2f1, #49b4ef, #197eb5);
*/
/*
	color:#fff;
    background-image: linear-gradient(90deg, transparent 86%, rgba(255, 255, 255, 0.08) 20%), 
    				  linear-gradient(180deg, transparent 63%, rgba(255, 255, 255, 0.08) 20%),
    				  linear-gradient(135deg, transparent 90%, rgba(255, 255, 255, 0.28) 20%),
    				  linear-gradient(135deg, transparent 80%, rgba(255, 255, 255, 0.18) 20%),
    				  linear-gradient(to top, #197eb9, #49b4ef, #197eb5); */
.site-home-section {
    background-size: cover;
    /* margin-bottom: 0px!important; */
    background: url(../assets/img/home/home_background.jpg) ;
}
.site-pd-section {
	min-height: 104px;
	color:#fff;
    background-image: linear-gradient(135deg, transparent 95%, rgba(255, 255, 255, 0.23) 20%), 
    				  linear-gradient(135deg, transparent 90%, rgba(255, 255, 255, 0.18) 20%),
    				  linear-gradient(135deg, transparent 85%, rgba(255, 255, 255, 0.1) 20%),
    				  linear-gradient(135deg, transparent 80%, rgba(255, 255, 255, 0.1) 20%),
    				  linear-gradient(to top, #9cd2f1, #49b4ef, #197eb5);
    background-size: cover;
    margin-bottom: 0px!important;
}
.site-my-section {
	min-height: 50px;
	color:#fff;
    background-color:#197eb5;
    background-size: cover;
    margin-bottom: 0px!important;
}
/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.navbar-default{
    border-color: rgba(0, 0, 0, 0);
}
.navbar-fixed-top {
  border: 0;
}

.navbar-container{
	/*margin-left:0px;margin-right:0px;需要测试清楚*/
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}

.menu-column-left {
    min-height: 30px;
    padding-left: 60px;
    padding-right: 10px;
    width: 60%;
}

.menu-column-right {
    min-height: 30px;
    padding-right: 0px;
    width: 40%;
}

.main_large_img img{
	max-width: 100%;
    height: auto;
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*后台管理样式 */
.main {  padding: 10px;}
.main .page-header {  margin-top: 0;}
.c-row{
	margin-right: 0px;
    margin-left: 0px;
}

.placeholders {
  margin: 20px 0px 30px;
  text-align: center;
  /*padding:10px;*/
}
.placeholders h4 {  margin-bottom: 0;}
.placeholder-add{margin-bottom: 0px;padding:3px;}
.placeholder-add .well{margin:1px 0px;}
.placeholder-add img {
  display: inline-block;
  border-radius: 3%;
}
.placeholder-add p{
	margin:0px 0px;
	padding-top:10px;
	font-size:16px;text-align:right;
}

.placeholder {  margin-bottom: 0px;padding:3px;cursor: pointer;}
.placeholder .well{margin:1px 0px;border:0px;padding:4px;}
.placeholder .actived{
	margin:1px 0px;
	border:0px;
	background-color:#ccc;
	/*margin-bottom: 0px;*/
	border-radius: 3px;
}
.placeholder:hover{
	background-color:#ccc;
	margin-bottom: 0px;
	border-radius: 3px;
}

.placeholder img {
  display: inline-block;
  border-radius: 0%;
  width:160px;height:160px;overflow:hidden;
}
.placeholder p{
	margin:5px 0px 0px 0px;
	border-top: 1px solid #989797;
	padding-top:10px;padding-right:10px;
	font-size:16px;text-align:right;
}
.placeholder span{padding:0px 10px;}


/**<hr>分隔线样式 */
.featurette-divider {
    margin: 20px 0;
    border-top: 1px solid #989797;
}

.courses-divider {
    margin: 20px 0;
    border-top: 0px solid #989797;
}

.samples-divider {
    margin: 5px 0;
    border-top: 1px solid #989797;
}

/******色块分隔样式*******/ 
.color-divider-1{
	background-color: #FFF;
	margin-bottom: 0px;
}

.color-divider-2{
	background-color: #E9EAEC;
	margin-bottom: 0px;
}

.color-divider-3{
	background-color: #f1f4f5;
	margin-bottom: 0px;
}

.color-divider-4{
	background-color: #f2f5f6;
	margin-bottom: 0px;
}

/*登录样式*/
.login{float:right;display:block;text-decoration:none;color:#777;outline:0;color:#fff !important;cursor:pointer;}
.login:hover,
.login:focus{
	text-decoration:none;color:#777 ;outline:0;
}
.login-modal-body{height:350px;}
.form-horizontal{
	margin-right:0;margin-left:0;
	padding-top:20px;font-size:14px;
}
.login-warring{
	margin-left:0px;
	background-color: #ff0000;
	color:#fff;
	line-height:1;
}
.qr-code{
	text-align:center;
}
.qr-code img{
	border: 1px solid #ccc;padding:10px 10px;width:224px;height:224px;
}
.qr-tips{
	margin-top:15px;color:#535353;text-align:center;font-size:12px;
}
.remember {
    padding-top: 0;
    font-weight: 400;
    font-size:1.4rem
}
.remember-text{margin-left:8px}
.form-horizontal .checkbox{
    min-height: 27px;
}
.login-other-action{margin-top:15px}
.login-item-title {
    font-size: 14px;
    color: #535353;
    line-height:1;
}
.login-item-title div{float:right;}
.login-item-title-pwd {
    margin-top: 15px;
}
.input-margin {
    margin-top: 10px;
}
.register-box{
	text-align:center;margin-top:30px;
	color:#25a7fb;vertical-align:top;text-decoration:none;font-size:16px;
}
.register-h5, .resetPW-h5{color:#25a7fb !important;;vertical-align:bottom;text-decoration:none !important;font-size:14px}
.resetPW-h5{margin-left:10px;}
.move-box-margin-left{
	margin-left:130px;
}
.my-center-menu{
	min-width:97px;
}
.my-center-menu > li > a{
	padding-left: 10px;
}
.swap-login-method{
	position:absolute;
	right:5px;top:5px;
	z-index:891;
}
.swap-login-method img{cursor: pointer;}
.swap-login-method img:hover{
	border: 0px solid rgba(255, 255, 255, 0);;
}
.normal-reg-div, .reset-reg-div{
	position:absolute;
	left:10%;top:15%;
	display:block;
	width:500px;
	height:281px;
}
.goback-login-form{
	position:fixed;right:50px;bottom:40px;z-index:891;
	display:none;
}

/***************作品 Begin***************/
.site-courses-md-12{
	padding:0px 0px;
}
.courses-box, .courses-box-none{
	margin:0px 0px;padding:20px 20px;cursor: pointer;
}
.courses-box:hover .courses-inner-box-show-tip{
	display:block;
}
.courses-box:hover .courses-inner-box{
	/* background-color:#abb0bb; */
}
.courses-box:hover .courses-inner-box p{
	/* display:block; */
}
.courses-box-none:hover .courses-inner-box div
, .courses-box:hover .courses-inner-box div
,.courses-box:hover .courses-inner-box
,.courses-box:hover .courses-inner-box span{
	background-color:#f98f3b;
	border-radius: 1px;
	color:#fff;
	font-weight: 700;
/*	display:block !important;*/
}

.courses-box:hover h4{
	color:#fff;
}

.courses-inner-box{
	padding:0px 0px;
	border: 0px solid #555;
	background-color:#fff;
	border-radius: 4px;
}
.courses-inner-box:hover{
	border: 0px solid #e6da5b;
	border-radius: 4px;
}
.courses-inner-box div{
	text-align:left;padding:0px 0px 10px 0px;
	height:40px;
}

.courses-inner-box hr{
	margin-top: 5px;
	margin-bottom:0px;
    border-bottom: 1px solid #989797;
    border-top: 0px solid #fffefe;
}
.courses-inner-box .course-title{
	margin-left:10px;
	margin-top:5px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1; 
	color: inherit;
	font-size:18px;
	position: absolute;
	bottom: 10px;
}
.courses-inner-box p{
	float: right;
    position: absolute;
    right: 10px;
    bottom: -12px;
     display:none;
}
.courses-inner-box p span{padding:0px 3px;}
.courses-inner-box a,.courses-inner-box span{color:#595959;}

.courses-inner-box-show-tip{
	width: 300px;
    opacity: 1;
    position: absolute;
    top: 169px;
    left: 43px;
    display:none;
}
.course-player-html-portrait{
	padding:0px 0px;width:320px;height:588px;z-index:9999;background-color:#eae8e8;
}
.course-right-layout-portrait{
	padding:5px 5px;width:330px;height:568px;background-color:#fff;
}
.course-player-html-landscape{
	padding:0px 0px;height:320px;width:568px;z-index:9999;background-color:#eae8e8;
}
.course-right-layout-landscape{
	padding:5px 5px;background-color:#fff;width: 225px;
	/* height:250px;width:568px; */
}

.samples-desc{
	padding: 0px 5px;
	text-indent:25px;
	line-height: 25px;
    font-size: 16px;
}
.course-right-layout-landscape .samples-desc{
	min-height:155px;
	max-height:165px;
	
	display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp:6;
	overflow: hidden;
}
.samples-p{
    position: absolute;
    bottom: -44px;
    left: 40px;
}

.samples-p-landscape{
	/* position: absolute;
    top: 25px;
    right: 0px; */
}
.samples-show-footer{
    position: absolute;
    bottom: 30px;
    right: 85px;
}
.samples-show-footer a{
	padding:0px 5px;
	text-decoration:none !important;
}
.samples-show-footer button{
	padding: 5px 23px;
    font-size: 14px;
   
}
/***************作品 End***************/


/***************h5学院 Begin***************/
.gn-box{
	margin:10px 15px;padding:5px 5px;
	border: 0px solid #555;cursor: pointer;
}
.gn-box:hover{
	border: 1px solid #e6da5b;
	border-radius: 4px;
}
.gn-box hr{
	margin: 5px 0;
    border-bottom: 1px solid #989797;
}
.gn-box span{
	font-size:18px;font-weight:bold;
}
.site-col-md-12{
	padding:0px 0px;
}
.site-col-md-12 p{
	margin:0px 0px;
}
.site-thumbnail{
	background-color: null;
	border: 0px solid #ddd;
	margin-bottom: 0px;
}
.site-thumbnail a, .site-thumbnail span{color:#595959;}
.site-thumbnail .caption {
  padding: 0px;
}
.site-thumbnail p {
  margin-bottom: 0px;
}


.sc-box{
	margin:0px 0px;padding:5px 5px;cursor: pointer;
}
.sc-box:hover .sc-inner-box-show-tip{
	display:block;
}

.sc-inner-box{
	padding:5px 5px;
	border: 0px solid #555;
	background-color:#fff;
	border-radius: 4px;
}
.sc-inner-box:hover{
	border: 0px solid #e6da5b;
	border-radius: 4px;
}

.sc-inner-box hr{
	margin: 5px 0;
    border-bottom: 1px solid #989797;
}
.sc-inner-box a,.sc-inner-box span{color:#595959;}

.sc-inner-box-show-tip{
	width: 240px;
    opacity: 1;
    position: absolute;
    top: 116px;
    left: 43px;
    display:none;
}
/***************h5学院 End***************/

/***********案例****************/
.site-jumbotron{
	padding:0px 0px;
	margin-bottom:0px;
}
.site-row-samples{
	padding:5px 0px;
	background-color:#f5f5f5;
}
.site-row-samples .row{
	margin-left:0px;margin-right:0px;
}
.kool-samples{
	display:inline-block;
	padding:5px 0px;
}
/* .kool-samples img{
	width:100%;height:380px;
} */
.site-thumbnail-sample{
	border: 0px solid #ddd;
	background-color:#f5f5f5;
}
.site-thumbnail-sample p{
	margin:0px 0px;
}

.site-badge-sample{
	text-decoration:none;
	border-radius:3px;
	color:#777;background-color:#ccc;
}
.qrcode-samples{font-size:50px;}



/*********页脚样式*************/
.footer {
  width: 100%;
  height: 45px;padding:10px 0px;
  border-top: 1px solid #555;
  background-color: #555;
  
}
.footer p{color:#fff;}

@media (min-width: 992px){
  /*.cover-container {
    width: 700px;
  }*/
}

/***新的个人中心样式	Begin****/
.kp-home-layout-left{
	width: 180px;
    height: 100%;
    float: left;
    position: absolute;
    left: 0px;
    padding-top: 0px;
    text-align: center;
    background-color: rgb(85, 85, 85);
}

.kp-home-layout-center{
	height: 100%;
    float: none;
    margin-left: 180px;
    position: absolute;
    min-width: initial;
    width: auto;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin-right: 290px;
    padding-right: 0px;
    background-color: rgba(240,240,240,1);
}

.kp-home-layout-right{
	height: 100%;
    width: 290px;
    float: none;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 90px;
    overflow: hidden;
    background-color: transparent;/*;*/
}

.kp-logo{
	min-height: 44px;
    height: 45px;
    width: auto;
    padding-left: 0px;
    text-align: center;
    padding-top: 10px;
    border-bottom-width: 1px;
    border-bottom-style: none;
    background-color: rgb(183, 180, 170);
}
.user-logo{
	/* border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(41, 127, 202); */
    padding-bottom: 0px;
    padding-left: 0px;
    min-height: 30px;
    margin-bottom: 10px;
    padding-top: 15px;
    background-color: rgb(85, 85, 85);
}

.user-logo p{color:#fff;}

.user-logo>.icon-user{
	font-size:50px;
}
.user-icon-banner{
	padding: 10px 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b7abab;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b7abab;
}

.user-column-icon{
	min-height: 10px;
    padding: 0px;
    height: 100%;
}
.user-column-icon a{color:#fff;}
.user-inlineblock-icon{
	min-width: 20px;
    min-height: 20px;
    position: relative;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    display: inline-block;
    text-decoration:none !important;
}

.leftpanel-menu {
    list-style-type: none;
    margin: 0px;
    padding: 10px 0px;
    border-bottom-width: 1px;
    border-bottom-color: rgb(183, 171, 171);
    border-bottom-style: solid;
    min-height: 20px;
    border-type: border-bottom;
}
.leftpanel-menu a{color:#fff;}

.menu-item {
    min-height: 32px;
    margin-top: 0px;
    position: relative;
}
.linkblock_SxpaEL{
	min-width: 0px;
    display: block;
    min-height: 0px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 16px;
    height: 30px;
    float: left;
    width: 100%;
    text-decoration:none !important;
}


.div-inline-layout-center{
    height: 100%;
    position: relative;
}
.div-top-title{
	padding:0px 0px;margin:0px 0px;
}
.div-top-title i{
	padding-right:10px;
}

.ui-layout-center-hd {
    width: 100%;
    position: relative;
    top: 0px;
    margin-right: 250px;
    padding-top: 12px;
    padding-left: 25px;
    min-height: 0px;
    height: 45px;
    z-index: 20;
    padding-right: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(222,222,222);
    box-shadow: rgb(0,0,0) 0px 0px 0px 0px;
    background-color: rgb(183, 180, 170);
}
.ui-layout-center-tr{
	background-color:transparent;
}

.div-R1609up {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
}

.cen-mod{
	height: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    float: left;
    width: 100%;
    margin-top: 0px;
    padding-left: 50px;
    overflow-y: scroll;
    /*padding-bottom: 22px;*/
    border-width: 1px;
    margin-left: 0px;
    padding-top: 50px;
    overflow-x: visible;
    background-color: transparent;
}

.prj-perWidth{
	width:174px;min-width:174px;max-width:174px;
	min-height:242px;margin-left:18px;margin-top:15px;
}

.right_mod{
	height: 100%;
    position: absolute;bottom: 0px;right: 0px;top: 0px;left: 0px;
    width: 100%;
    margin-top: 0px;
    overflow-y: scroll;
    /*padding-bottom: 22px;*/
    border-width: 1px;
    margin-left: 0px;
    padding-top: 50px;
    overflow-x: visible;
    background-color: transparent;
}
.right_mod>.default-box-info{
	/*height: 30px;
	margin: 0 10px;
    padding: 5px 5px;
    background-color: #ccc;
    text-align: left;
    font-size: 12px;*/
}
.right_mod .home-right-project-title{
	line-height:40px;background-color:#e9e9e9;margin: 3px 0px;
}

.userinfo-nav-div{padding-left:0px;padding-right:0px;}
.userinfo-person-style{
	border:1px solid #ccc;border-top-width:0px;display:none;
	min-Height:420px;
}

/***新的个人中心样式	End****/

/********作品管理》类型样式**********/
.prj-type-catalog{
	width: 180px;
    height: 100%;
    float: left;
    /* position: absolute; */
    left: 0px;
    padding-top: 0px;padding-left:10px;padding-right:10px;
    text-align: left;
}

.prj-table-list{
	height: 100%;
    float: none;
    margin-left: 120px;
    min-width: initial;
    width: auto;
    bottom: 0px;
    right: 0px;
    padding-right: 0px;
}


.catalog-li-titles{
	border-radius: 2px;
	background-color:#b7b4aa;
	list-style-type: none;
    margin: 0px;
    padding:3px 0px 3px 10px;
    min-height: 20px;
    border-type: border-bottom;
    position: relative;
    cursor: pointer;
}
.catalog-li-main{padding: 0px 15px;}
.catalog-li-style{
	list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 20px;
}
.catalog-li-style > li > a{border-radius: 2px;}
.catalog-li-style > li + li{margin-left: 2px;}
.catalog_hover{background-color: #eee;}

.catalog-li-style > li.active > a,
.catalog-li-style > li.active > a:hover,
.catalog-li-style > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

#overlay{
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    display:none;
}
/**************/

/************课程页面下大图***************/
li.list-group-item:hover{
	background-color: #fdfafa;
}

/*认识酷拼H5*/
.small-course03-bgimg{
	background: url(../assets/img/course/hello_kph520170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px;
}


/*创世纪*/
.small-course-sbsp-genesis-bgimg{
	background: url(../assets/img/course/sbsp_genesis20170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px;
}
/*发现外星人*/
.small-course04-bgimg{
	background: url(../assets/img/course/discoveryaliens20170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px; 	
}
/*捕捉外星人*/
.small-course02-bgimg{
	background: url(../assets/img/course/ettouch20170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px;
}
/*遭遇黑洞*/
.small-c-fms01-bgimg{
	background: url(../assets/img/course/befall_blackhole20170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px;
}
/*导弹护航*/
.small-coursems-bgimg{
	background: url(../assets/img/course/missileescort20170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px;
}
/*紧急着陆*/
.small-course-EmergencyLanding-bgimg{
	background: url(../assets/img/course/emergencylanding20170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px;	
}
/*外星棒球手*/
.small-course-AlienBaseballer-bgimg{
	background: url(../assets/img/course/alienbaseballer20170330.jpg) ;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  	
    width: 213px;
    height: 380px;  	
}
/***************************/

/*****************首页横幅样式 Begin**********************/
/* .h5-0330{
	background: url(../assets/img/home/home_background.jpg);
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%; 
    height:653px; 
} */
.phone-bk-img{
	background: url(../assets/img/home/home_phone.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	/* width:335px;height:651px;  */ 
	margin-top:18px;
	
}
.desc-bk-img{
	margin:0px 0px;
	/* background: url(../assets/img/home/home_char.png) no-repeat; */
	/* -moz-background-size:100% 100%; 
	background-size:100% 100%; */
	width:580px;height:390px;  
	/* margin-left:50px; */
}
.desc-bk-img h3{
	padding:10px 0px;
}
.desc-bk-img h4{
	padding:10px 0px;
}
.block-bk-img{
	/* background: url(../assets/img/home/home_block.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:457px;height:477px;  */
}
.main_large_img p{
	text-indent:2em;
	line-height:31px;
}
.main_large_img h3{
	padding-left:2em;
	line-height:31px;
}

.home-banner-two-title{
	width:500px;background-color:#d6dada !important;
	margin:20px 0px 10px 40px;
	padding:5px 9px;
}
.home-banner-two-title span{
	padding:3px 3px;
	line-height: 31px;
    
    font-family: inherit;
    font-weight: 500;
    color: inherit;
    font-size: 24px;
    
}

.home-banner-two-contents{
	margin-top:15px;margin-bottom:15px;
	text-indent:0px;
	padding:5px 3em;
	border-radius: 0px;
	background-color:#fff;
}

.home-banner-three-style h4{
	text-align:left;
	padding-left:75px;
	padding-top:20px;
	font-weight:bold;
	font-size:16px;
}

.home-banner-three-box01{
	background: url(../assets/img/home/box1.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:540px;height:430px;
	/* margin-left:30px;margin-bottom:30px; */
}
.home-banner-three-box02{
	background: url(../assets/img/home/box2.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:540px;height:430px;
	float:left;
	/* margin-left:100px;margin-bottom:30px; */
}
.home-banner-three-box03{
	background: url(../assets/img/home/box3.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:540px;height:430px;
	/* margin-left:30px;margin-bottom:30px; */
}
.home-banner-three-box04{
	background: url(../assets/img/home/box4.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:540px;height:430px;
	/* margin-left:100px;margin-bottom:30px; */
}
.home-banner-three-box04, .home-banner-three-box03,
.home-banner-three-box02, .home-banner-three-box01{
padding-left: 63px;padding-right: 10px
}

.home-banner-three-box01 h4, .home-banner-three-box02 h4,
.home-banner-three-box03 h4, .home-banner-three-box04 h4{
	text-align:center;
	line-height: 24px;    
    font-family: inherit;
    font-weight: bold;
    color: inherit;
}
.home-banner-three-box01 p, .home-banner-three-box02 p,
.home-banner-three-box03 p, .home-banner-three-box04 p{
	padding:10px 15px;
	text-align:left;
}

/* .home-banner-two{
	background: url(../assets/img/home/banner-two.jpg) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
}
.home-banner-three{
	background: url(../assets/img/home/banner-three.jpg) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
} */

/*****************首页横幅样式 End**********************/

/*****************后台【作品管理】 图标 Begin**********************/
.prj-title-logo{
	padding-right:25px !important;;
	position: relative;
    top: 3px;
	display: inline-block;
	background: url(../assets/img/myhome/project-title-logo.png) no-repeat;
	width:18px;height:15px;
}
.prj-title-left-logo{
	padding-right:25px !important;;
	position: relative;
    top: 3px;
	display: inline-block;
	background: url(../assets/img/myhome/project-title-left-logo.png) no-repeat;
	width:18px;height:15px;
}
.prj-kp-qrcode{
	display: inline-block;
	background: url(../assets/img/myhome/pjrcode.png) no-repeat;
	width:18px;height:18px;
}

.prj-kp-edit{
	display: inline-block;
	background: url(../assets/img/myhome/pjedit.png) no-repeat;
	width:22px;height:17px;
}

.prj-kp-cogs{
	display: inline-block;
	background: url(../assets/img/myhome/pjcogs.png) no-repeat;
	width:22px;height:19px;
}

.prj-kp-view{
	display: inline-block;
	background: url(../assets/img/myhome/preview.png) no-repeat;
	width:22px;height:19px;
}
/*****************后台【作品管理】 图标 End**********************/

/**********************************************************/
#breadcrumb {
  list-style: none;
  display: inline-block;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #3498db; /*#2980b9 导航同一背景色*/ 
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #3498db; /*#2980b9*/
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #3498db; /*#2980b9*/
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 15px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}
#breadcrumb li a:hover {
  background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #1abc9c;
}
#breadcrumb li a:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #16a085;
}


#next_lesson_style{
	width:200px;float:right;padding-right:50px;
}
#next_lesson_style a{
	
}

#next_lesson_style .btn {
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent
}

#next_lesson_style .nextbutton{
	background-color: #00C883;
	border-color: #03A56D;
	color:#fff;
}

#next_lesson_style .nextbutton:hover,#next_lesson_style .nextbutton:active,#next_lesson_style .nextbutton.hover{
	background-color: #03A56D;
	
}
/**********************************************************/

.pd_item_01 h2, .pd_item_02 h2, .pd_item_03 h2, .pd_item_04 h2{
	margin-left:100px;
	padding-top:34px;
	font-size:20px;font-weight:bold;
}
.pd_item_01{
	background: url(../image/product/item1.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:307px;height:73px;
}
.pd_item_02{
	background: url(../image/product/item2.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:307px;height:73px;
}
.pd_item_03{
	background: url(../image/product/item3.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:307px;height:73px;
}
.pd_item_04{
	background: url(../image/product/item4.png) no-repeat;
	-moz-background-size:100% 100%; 
	background-size:100% 100%;
	width:307px;height:73px;
}

.list-group-item span{font-size:13px;}

.text-right a{font-size:13px !important;text-decoration:none;}
.table tr{
	font-size:15px;font-family: Microsoft YaHei;
}
.table span{
	font-size:13px;font-family: Microsoft YaHei;
}


/****************************发布管理 Begin***********************************/
.portrait_div{min-height:830px;}
.landscape_div{}

.template-head{width:100%;min-height:90px;}
.template-head .template-line{folat:left;height:40px;}
.template-head p{
	margin:4px 5px;width:60px;height:80px;overflow:hidden;float:left;
	border-width:0px;cursor:pointer;
}
.template-head img{width:50px;height:60px;padding-top:4px;}

.portrait-html{
	padding:0px;width:326px;height:574px;border:1px solid #ccc;padding:2px;
}
.landscape-html{
	padding:0px;height:326px;width:574px;border:1px solid #ccc;padding:2px;
}


.sel-template:hover{border:1px solid #ccc;background-color:#d6d6d0;border-radius:3px;}
.template-head .actived{background-color:#d6d6d0;border-radius:3px;}


.setting-design-font{
	float:left;width:90%;margin-left:10px;
}

.template-name-01{
	float:left;width:80px !important;
}

.limit-desc-0410 span, .limit-desc-0410 input{float:left;}
.limit-desc-0410 span{margin-top:8px;}

.prograessBar_0512 button, .desction_0512 button{
margin-right: 4px;padding: 2px 14px !important;font-size: 13px !important;font-family: Microsoft YaHei;}
.color_0512 button
{font-size: 13px !important;font-family: Microsoft YaHei;}

.cp-app{z-index:890;}

/****************************发布管理 End  ***********************************/


/* 
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0em;border:0;width:auto;margin-bottom:0px;}
 */
 /*修改fieldset样式*/
.site-fieldset{padding:.35em .625em .75em;margin:10px 2px;border:1px solid silver}
.site-legend{padding:0em;border:0;width:auto;margin-bottom:0px;font-size: 16px;font-weight: bold;font-family: Microsoft YaHei;}
legend span{
	font-size:14px;font-weight: bold;font-family: Microsoft YaHei;
	position: relative;
    top: -6px;
}
.equal { display: flex; display: -webkit-flex; flex-wrap: wrap; }


.progress-bar-black {
  background-color: #000;
}
/* .progress-striped .progress-bar-black {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
} */


/****************************核销管理	Begin******************************/
.site-vaic-caption{background-color:#ccc;padding:8px 10px;margin-bottom:15px;height:50px;}
.vical-title{font-size: 20px;padding-left: 20px;top: 5px;font-weight: 500;}
.site-vaic-caption div.form-group{margin-bottom:0px;}

.site-vaic-caption div.form-group label{
	margin-top: 8px;
    width: 90px;
    font-size: 15px;
}

.fixed-table-pagination .pagination,.fixed-table-pagination .pagination-detail{
	margin-left:20px;	
}
table .vica-table-list{min-height:600px;height:610px;}

div #vica-0512-html{
	margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;padding:20px 10px;min-height:352px;
}

.vical-0512-table th{
	text-align:center;
	text-align:-webkit-center;
	font-family: Microsoft YaHei;font-size:18px;font-weight:bold;
}
.vical-0512-table td{
	text-align:center;
	text-align:-webkit-center;
	vertical-align: middle !important;
	min-height:68px;height:68px !important;
	font-family: Microsoft YaHei;font-size:16px;font-weight:bold;color: #525bda;
}
img.vical-0512-img{
	width:50px !important;height:50px !important;
}
/****************************核销管理	End********************************/

/****************************移动设备--个人中心  begin *****************************/

.yahei_black_mobile{font-size:20px;}
.yahei_black_mobile_button{font-weight:500;font-size:18px;}

.mobile-user-title{
	width:100%;height:100%;
	display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    text-align: center;
}
/****************************移动设备--个人中心	End *******************************/


@media (min-width: 1300px){
	.container,.navbar-container, .banner-container {width: 1230px;}
	.phone-bk{display:block;}
	.menu-column-left {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.desc-bk{padding-left: 30px;}
	.home-banner-three-box01 p{
		margin-bottom: 0px;padding-top:0px !important;;padding-bottom:0px !important;;
	}
	/* .desc-bk{width:30%;}
	.block-bk{width:30%;} */
}

@media (min-width: 1366px){
	.container,.navbar-container, .banner-container {width: 1230px;}
	.phone-bk{display: block;}
	.menu-column-left {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.desc-bk{padding-left: 30px;}
	.home-banner-three-box01 p{
		margin-bottom: 0px;padding-top:0px !important;;padding-bottom:0px !important;
	}
	/* .desc-bk{width:30%;}
	.block-bk{width:30%;} */
}

@media (min-width: 1400px){
	.container,.navbar-container, .banner-container {width: 1330px;}
	.phone-bk{display: block;}
	.menu-column-left {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.desc-bk{padding-left: 20px;}
	.home-banner-three-box01 p{
		margin-bottom: 0px;padding-top:0px !important;padding-bottom:0px !important;
	}
	/* .desc-bk{width:30%;}
	.block-bk{width:30%;} */
}

@media (min-width: 1600px){
	.navbar-container, .banner-container {width: 1530px;}
	/* .container {width: 1570px;} */
	.phone-bk{display: block;}
	.home-banner-three-box01 p{
		margin-bottom: 0px;padding-top:10px !important;padding-bottom:10px !important;
	}
	/* .desc-bk{width:50%;}
	.block-bk{width:50%;} */
	
}

@media (min-width: 1900px){
	.container,.navbar-container, .banner-container  {width: 1630px;}
	/* .container {width: 1870px;} */
	.phone-bk{display: block;}
	.home-banner-three-box01 p{
		margin-bottom: 0px;padding-top:10px !important;padding-bottom:10px !important;
	}
	/* .desc-bk{width:50%;}
	.block-bk{width:50%;} */
}


@media (max-width: 991px){
	.menu-column-left { padding-left: 30px;
		padding-right: 0px;
		width: 65%;
	}
	
	.menu-column-right {width: 35%;	}
	
}

@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
  
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #197eb5;
    border-right: 1px solid #eee;
  }
  .site-modal-dialog {
  	width:600px;
    margin: 100px auto !important;
  }
  .site-modal-content {
  	border-radius: 0px;
  }
  .site-modal-header {
    padding-top:5px;padding-bottom:5px;
    color: #fff;
    border-color: #285e8e;
    background-color:#428bca;
  }
  .site-login-container{width:550px;margin-top:30px;}
  .site-setting-container{width:500px;padding-left:0px;padding-right:0px;}
}

@media (max-width: 767px){
	.menu-column-left {
		padding-left: 0px;
		padding-right: 0px; 
		width: 100%;
	}
	
	.site-modal-dialog {
	  width:310px;
      margin: 100px auto !important;
  	}
    .site-modal-content {border-radius: 0px;}
    .site-modal-header {
	  padding-top:5px;
	  padding-bottom:5px;
	  color: #fff;
	  border-color: #285e8e;
	  background-color:#428bca;
    }
    .site-login-container{width:550px;margin-top:30px;}
    .site-setting-container{width:500px;padding-left:0px;padding-right:0px;}
}