/* Space out content a bit */
body {
	padding-top: 0px;
	padding-bottom: 20px;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header, .marketing, .footer {
	padding-right: 15px;
	padding-left: 15px;
}
/* Custom page header */
.header {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 40px;
}
/* Custom page footer */
.footer {
	padding-top: 19px;
	color: #777;
	border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
.container {
	max-width: 730px;
}
}
.container-narrow > hr {
	margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
	padding: 14px 24px;
	font-size: 21px;
}
/* Supporting marketing content */
.marketing {
	margin: 40px 0;
}
.marketing p + h4 {
	margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
/* Remove the padding we set earlier */
.header,  .marketing,  .footer {
	padding-right: 0;
	padding-left: 0;
}
/* Space out the masthead */
.header {
	margin-bottom: 30px;
}
/* Remove the bottom border on the jumbotron for visual effect */
.jumbotron {
	border-bottom: 0;
}
}

.blue {
	color: #06F;
}
.gdd {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f1f2f3;
}
.top_nav {
	font-weight: bold;
	color: #0066ff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0066ff;
	font-size: 16px;
}
.top_nav2 {
	font-weight: bold;
	color: #777;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
	font-size: 16px;
}
.top_nav2 a {
	color: #777;
}
.zhangjie {
	margin: 0px;
	padding: 0px;
}
.zhangjie li {
	background-color: #f8fbff;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-indent: 10px;
	color: #555;
}
.zhangjie a, .zhangjie a:hover {
	text-decoration: none;
}
.media-heading a {
	color: #555;
}
.white {
	color: #FFF;
}
.black {
	color: #555;
}
.my {
	margin: 0px;
	padding: 0px;
}
.my li {
	display: block;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
	font-size: 16px;
	color: #333;
}
.my li a {
	display: block;
	color: #333;
}
.f15 {
	font-size: 15px;
}
.f18 {
	font-size: 18px;
}
.sl {
	color: #888;
	}
.f12 {
	font-size: 13px;
}
.much {
	padding-bottom: 30px;
	line-height: 20px;
	margin-bottom: 10px;
}
.hui {
	color: #999;
}
.vC_input_div {
    box-sizing: border-box;
    border-bottom: 1px solid #F2F2F2;
}
.vC_input_div {
    box-sizing: border-box;
    border-bottom: 1px solid #F2F2F2;
}
.vC_flex_d {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sy {
	position: relative;
}
#id_test_video h2 {
	background-image: url(logo_sy.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 160px;
	padding-right: 20px;
	position: absolute;
	z-index: 999;
	top: 5px;
	right: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.badge2 {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #D9534F;
    border-radius: 10px;
}
.head {
	font-size: 16px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}
.hui {
	color: #888;
}
.buy_l {
	float: left;
	width: 20%;
	text-align: center;
	line-height: 45px;
}
.buy_r {
	float: left;
	width: 80%;
	text-align: center;
	/*background-color: #51cd91;*/
	background-color: #0066FF;
	line-height: 45px;
	color: #FFF;
}
.buy_je {
	float: left;
	width: 60%;
	line-height: 45px;
	text-indent: 20px;
	font-size: 20px;
}
.buy_zf {
	float: left;
	width: 40%;
	text-align: center;
	line-height: 45px;
	color: #FFF;
	font-size: 18px;
}
.down_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	padding-top: 5px;
	padding-bottom: 10px;
}
.red {
	color: #F00;
}
.zffs {
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.pay {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.av {
	height: 22px;
	width: 22px;
}
.bc {
	margin: 0px;
	padding: 0px;
}
.bc li {
	float: left;
	border: 1px solid #0066FF;
	list-style-type: none;
	margin-right: 8px;
	margin-bottom: 10px;
	width: 100%;
	padding: 5px;
	border-ius: 3px;
	text-indent: 10px;
}
.bc li:hover {
	border: 1px solid #0066FF;
	color: #FFF;
	background-color: #0066FF;
}
.bc li.active {
	border:1px solid #0066FF;
	color: #FFF;
	background-color: #0066FF;
}
.pay_line {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
.activ {
	height: 20px;
	width: 20px;
}
.lmqh {
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding-left:4px;
}
.lmqh li {
	background-color: #f9f9fa;
	float: left;
	border: 1px solid #eee;
	list-style-type: none;
	padding: 12px;
	margin: 5px;
	text-align: center;
	border-radius: 6px;
	width: 30%;
}
.lmqh li:hover {
	border: 1px solid #CCC;
}
.modal-vertical-centered {
         display: flex;
         align-items: center;
     }
	 
/* 登录 */
	.login_bg {
	background-image: url(login_bg.jpg);
	background-repeat: no-repeat;
	height: 580px;
	background-position: center;
	background-color: #0258c3;
}
.login_bk {
	border: 1px solid #dedede;
	line-height: 38px;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	outline: none;
	text-indent: 8px;
}
.login_bk_a {
	border: 1px solid #FF6C6C;
	line-height: 38px;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	outline: none;
	text-indent: 8px;
}

.yzm {
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	height: 42px;
	margin-left: 5px;
	border-radius: 5px;
	outline: none;
	border: 1px solid #dedede;
	width: 90px;
}
.yzm:hover {
	background-color: #FCF8E3;
}
.dl {
	font-size: 16px;
	color: #FFF;
	background-color: #0259C3;
	height: 46px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-radius: 5px;
	outline: none;
	display: block;
	width: 100%;
}
.dl:hover {
	background-color: #2090f1;
}

.dl_bg {
	background-image: url(../images/login_bg2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 450px;
	padding-bottom: 15px;
}
.thumbnail .caption2 {
    padding: 15px;
    color: #333;
}
.jddw {
	position: relative;
	height: 10px;
	width: 100%;
}
.jddw span {
	top: -17px;
	position: absolute;
	height: 47px;
	width: 100%;
	text-align: center;
}
.jxjyt{
	font-size: 16px;
	color: #46a8fd;
	padding-left: 15px;
	font-weight: bold;
	height: 20px;
	width: 100%;
	position: relative;
}
.jxjyt i {
	height: 59px;
	width: 120px;
	position: absolute;
	right: -19px;
	bottom: -30px;
	background-image: url(wx.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.rz {
    margin: 0px;
    padding: 0px;
}
.rz li {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    list-style-type: none;
    color: #ccc;
    line-height: 35px;
    height: 35px;
}
.aq {
	background-image: url(anquanlm.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
}
.wa {
    background-image: url(GonganBeian.png);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 10px;
}
.webcat_dl {
	padding-right: 50px;
	padding-left: 50px;
}
.webcat_ewm {
	border: 1px solid #e5e5e5;
	padding: 15px;
}
.r_line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}

.nav-tabs2 {
	border-bottom: 0px solid #ddd;
	padding-left: 90px;
	padding-top: 10px;
	font-size: 18px;
}
.nav-tabs2>li {
	float: left;
	margin-bottom: -1px;
	margin-right: 1px;
	margin-left: 1px;
}
.nav-tabs2>li>a { margin-right:2px; line-height:1.42857143; border:0px solid transparent; border-radius:4px 4px 0 0 }
.nav-tabs2>li>a:hover { border-color:#eee #eee #ddd }
.nav-tabs2>li.active>a,
.nav-tabs2>li.active>a:focus,
.nav-tabs2>li.active>a:hover {
	color: #147EFB;
	cursor: default;
	background-color: #fff;
	border: 0px solid #ddd;
	border-bottom-color: transparent;
	font-weight: bolder;
	border-radius: 5px;
}

/* 幻灯切换方式 */
.carousel-fade .carousel-inner .item{  
    opacity:0;  
    -webkit-transition-property:opacity ;  
    -moz-transition-property:opacity ;  
    -ms-transition-property:opacity ;  
    -o-transition-property:opacity ;  
    transition-property:opacity ;
}
.carousel-fade .carousel-inner .active{  
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{  
    left: 0;  
    opacity: 0;
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}



/*  详情页 */
.bc_con_title {
	background-image: url(../images/bc_bg.png);
	background-repeat: no-repeat;
	height: 380px;
}
.bc_con_title2 {
	background-image: url(../images/bc_bg2.png);
	background-repeat: no-repeat;
	height: 340px;
}
.bc_con_title3 {
	background-image: url(../images/bc_bg2.png);
	background-repeat: no-repeat;
	height: 300px;
}
.bc_con_con {
	background-color: #fff;
}
.yy3 {
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 15px;
}
.bc_cj {
	color: #FFF;
	background-color: #579ee6;
	width: 55px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border-radius: 0px 0px 5px 0px;
}
.bc_cj2 {
	color: #FFF;
	background-color: #0ea6ae;
	width: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border-radius: 0px 0px 10px 0px;
}
.bc_bc {
	font-size: 35px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 3px 3px 1px #43cca0;
	padding-top: 10px;
}
.cjsw {
	color: #fd7400;
	font-size: 16px;
}
.daoxue {
	padding-top: 18px;
	list-style-type: none;
}
.daoxue li {
	line-height: 30px;
	font-size: 16px;
}
.bc_con_con {
	background-color: #fff;
}
.rumen {
	background-color: #fef4e8;
	color: #fd7400;
	padding-top: 7px;
	padding-bottom: 7px;
	text-indent: 15px;
	font-size: 16px;
}
.z {
	color: #FFF;
	background-color: #fd7400;
	border-radius: 50%;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.kcgm {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	text-align: center;
}
.zxkf {
	border: 1px solid #d2d2d2;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-radius: 25px;
}
.goumai {
	color: #FFF;
	background-color: #FF5743;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	border-radius: 25px;
}
.goumai a {
	color: #FFF;
}
a.goumai:hover {
	color: #FF0;
}
.kefu {
	color: #FFF;
	background-color: #0EA6AE;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	border-radius: 25px;
}
.kefu a {
	color: #FFF;
}
a.kefu:hover {
	color: #FF0;
}

.xuanke_c {
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 10px 12px #eaeaea;
	/* *border: 1px solid #eee;*/
	position: relative;
	margin-top: 15px;
	padding: 10px;
}
.hover {transition: all .5s;display: block;}
.hover:hover { transform: translateY(-5px); box-shadow: 0px 5px 10px rgba(233,66,25,.3); }

.huibc {
	color: #777;
	font-size: 16px;
}
.time {
	color: #999;
}
.blue {
	color: #0066FF;
}
/* 折扣  */
.zhekou {
	line-height: 24px;
	color: #FFF;
	background-color: #ff255e;
	height: 24px;
	width: 100px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 0px 5px 0px 15px;
	text-align: center;
}
/* 试听 */
.zhekou2 {
	line-height: 24px;
	color: #FFF;
	background-color: #0066FF;
	height: 24px;
	width: 100px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 0px 5px 0px 15px;
	text-align: center;
}
.sy {
	line-height: 24px;
	position: absolute;
	top: 75px;
	right: 18px;
	text-align: center;
	z-index: 999;
}
.rad {
	font-size: 16px;
	font-weight: bold;
	border-radius:30px;
}
.title {
	font-size: 18px;
}
.bz {
	background-image: url(../images/bz.png);
	background-repeat: no-repeat;
	height: 158px;
	text-align: center;
	width: 100%;
	background-position: center center;
}
.rrl {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cbcbcb;
}
.line2 { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #f5f5f5; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; }

/*  渐变 */
.slideShine{
     background:#000 -webkit-linear-gradient(left,#ff0,#febaf7 50%,#ff0000 90%,#561214) no-repeat 0 0;
     background-size:30% 100%; 
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 24px;
     text-align: center;
     font-weight: bold;
     text-decoration: underline;
}
.slideShine {-webkit-animation: slideShine 2s linear infinite;animation: slideShine 2s linear infinite;}
@-webkit-keyframes slideShine {
     0% {
          background-position: 0 0;
        }
     100% {
          background-position: 100% 100%;
      }
 }
 @keyframes slideShine {
      0% {background-position: 0 0; }
     100% {background-position: 100% 100%; }
 }
 
 
 .jy {cursor: not-allowed;
background-color: #ddd;
border: 1px solid #ccc;
color: #999;}
 
 .llogin {
    background-color: #0CF;
    color: #FFF;
    padding-top: 3px;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-left: 8px;
    font-size: 16px;
    border-radius: 20px;
    font-weight: bold;
}