@import url(../css/cckm-box.css);

/** 功能背景 **/
.help > .bg-container {
    background-size: cover; background-position: top center; background-repeat: no-repeat; opacity: 0.2; z-index: -1;
	position: absolute; height: 300px; width: 100%; border-bottom-left-radius: 50% 30%; border-bottom-right-radius: 50% 30%;
} 
@media (max-width:991px) { .help > .bg-container { background-position: 60% 80%; } }
@media (max-width:767px) { .help > .bg-container { background-position: center } }

.help .help-items { padding: 0 0.5em 3em; }
.help .help-items .help-item-inner { height: 224px }
@media (max-width:767px) { .help .help-items .help-item-inner { height: auto} }
.help .help-items .help-item-inner > h3 { margin-top: 40px; margin-bottom:20px; }
.help .help-items .help-item-inner .thumbnail { padding: 0; overflow: hidden; }
.help .help-items .help-item-inner .thumbnail > .bg-container { 
    background-position: center; background-repeat: no-repeat; background-size: cover;
	position: absolute; top: 10px; right: 25px; height: 100px; width: 100px; opacity: 0.1; 
}
.help .help-items .help-item-inner .thumbnail .caption { padding: 0 15px; }
.help .help-items .help-item-inner .thumbnail .caption h3 { margin-top: 20px; margin-bottom: 20px; }
.help .help-items .help-item-inner .thumbnail .caption h3 small { color:#ccc; font-size:13px; }
.help .help-items .help-item-inner .thumbnail .caption .context { -webkit-line-clamp: 2; font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; min-height: 3em; height: 3em; color: #aaa; }
.help .help-items .help-item-inner .thumbnail .caption .btn .small-circle { padding: 7px; border-radius: 100%; background: #f6f6f655; margin-right: 10px; }

.help .help-item-content { padding-bottom: 30px; }
.help .help-item-content .panel-item { border: none; background: #FFFFFF99; }
.help .help-item-content .panel-item .panel-heading { padding: 0; margin-bottom: 10px; background: #eeeeee88; }
.help .help-item-content .panel-item:hover .panel-heading { background: #dddddd88; }
.help .help-item-content .panel-item .panel-heading a {  color: #888 !important; }
.help .help-item-content .panel-item .panel-heading .heading-text {  font-size: 18px; width: 100%; padding: 20px 15px; border: 1px solid #ccc; border-radius: 4px;  }
.help .help-item-content .panel-item .panel-body { padding: 20px; font-size: 92%; letter-spacing: 3px; line-height: 26px; font-weight: normal;}

.help .help-item-content .panel-item .panel-body .img-500 { width: 500px; height: 100%; }
@media (max-width:767px) { 
	.help .help-item-content .panel-item .panel-body .img-500 { width: 100%; }
}