* {
  margin: 0;
  padding: 0;
  font-family:'微软雅黑';
}
img {
  border: 0;
}
ol,
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.tx {
  left: 50%;
  transform: translateX(-50%);
}
.ty {
  top: 50%;
  transform: translateY(-50%);
}
.cp-jh-head {
    background-image: url('../images/jiazubangongshi_banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: ;
    height:168px;
    width: 100%;
}
.cp-jh-head div {
    width: 1080px;
    margin: 0 auto;
    padding-top: 14px;
    padding-left: 160px;
}

.cp-jh-head div h1 {
    font-size: 38px;
    color: white;
    margin: 16px 0;
}

.cp-jh-head div p {
    font-size: 16px;
    line-height: 28px;
    color: white;
}
.ljzx-wrap {
  text-align: center;
  margin-top: 30px;
}
button.ljzx {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  width: 220px;
  height: 52px;
  font-size: 24px;
  color: white;
  background-color: #F23644;
  outline: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
/* button.ljzx:hover{
    background-color:#F99C46 !important;
} */
.sess-head {
  text-align: center;
    font-weight: bold;
  font-size: 30px;
  color: #333;
  padding-top: 60px;
  margin-bottom: 60px;
  position: relative;
}
.sess-head span {
  color: #58546b;
}
.sess-head small {
  font-size: 30px;
  color: #333;
}
.sess-head font {
  position: relative;
  z-index: 2;
}
.sess-head:after {
  font-size: 105px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 800;
  color: rgba(20, 90, 231, 0.08);
  line-height: 225px;
  left: 50%;
  transform: translateX(-50%);
  top: -16px;
  position: absolute;
}
.sess-head + p {
  color: #666;
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}
.session-center {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}

/*
.yyzongjian-sess5 .sess-head:after {
  content: 'COURSE';
  font-weight: 800;
  color: #f0f0f0;
  line-height: 225px;
  opacity: 0.5;
}
*/
/* party */
.yyzongjian-sess5 .content-part {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 25px;
}
.yyzongjian-sess5 .content-part .part-item {
  width: 390px;
  height: 110px;
  background: #58546b;
  border-radius: 4px;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.yyzongjian-sess5 .content-part .part-item+.part-item{ margin-left: 100px;}
.yyzongjian-sess5 .content-part .part-item span {
  font-size: 20px;
  color: white;
  height: 58px;
  line-height: 58px;
  padding: 0 19px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: bold;
  margin-right: 10px;
}
.yyzongjian-sess5 .content-part .part-item big {
  font-size: 22px;
  color: white;
    display: inline-block; padding-bottom: 10px;
}
.yyzongjian-sess5 .content-part .part-item small {
  font-size: 14px;
  color: white;
}
.yyzongjian-sess5 .part {
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 50px 30px;
  box-sizing: border-box;
}
.yyzongjian-sess5 .part .part-head {
  font-size: 30px;
  color: #333;
  text-align: center;
}
.yyzongjian-sess5 .part .part-head span {
  color: #58546b;
}
.yyzongjian-sess5 .part .step-head {
  display: flex;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  align-items: center;
  margin-bottom: 50px;
}
.yyzongjian-sess5 .part .step-head span {
  border-left: 4px solid #58546b;
  padding-left: 8px;
  margin-right: 46px;
  line-height: 24px;
}
.yyzongjian-sess5 .part .xue {
  display: flex;
  width: 100%;
}
.yyzongjian-sess5 .part .xue li {
  text-align: center;
  flex-grow: 1;
  border-right: 1px dashed #DEDEDE;
  cursor: pointer;
}
.yyzongjian-sess5 .part .xue li:last-child {
  border-right: none;
}
.yyzongjian-sess5 .part .xue li .xicon {
  width: 60px;
  height: 60px;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 5px;
}
.yyzongjian-sess5 .part .xue li:nth-child(1) .xicon {
  background-image: url('../images/x1.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(1).act .xicon {
  background-image: url('../images/x11.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(1).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part .xue li:nth-child(2) .xicon {
  background-image: url('../images/x2.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(2).act .xicon {
  background-image: url('../images/x22.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(2).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part .xue li:nth-child(3) .xicon {
  background-image: url('../images/x3.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(3).act .xicon {
  background-image: url('../images/x33.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(3).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part .xue li:nth-child(4) .xicon {
  background-image: url('../images/x4.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(4).act .xicon {
  background-image: url('../images/x44.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(4).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part .xue li:nth-child(5) .xicon {
  background-image: url('../images/x5.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(5).act .xicon {
  background-image: url('../images/x55.png');
}
.yyzongjian-sess5 .part .xue li:nth-child(5).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part .xue li strong {
  font-size: 22px;
}
.yyzongjian-sess5 .part .xue li p {
  font-size: 16px;
  color: #999;
  line-height: 24px;
  margin-top: 5px;
}
.yyzongjian-sess5 .part .content {
  background-color: #FAFBFE;
  margin-top: 30px;
  padding: 30px;
  box-sizing: border-box;
height: 620px;
}
.yyzongjian-sess5 .part .content .content-i {
  display: none;
}
.yyzongjian-sess5 .part .content .content-i.act {
  display: block;
}
.yyzongjian-sess5 .part .content strong {
  font-size: 20px;
  color: #333;
  position: relative;
  z-index: 3;
}
.yyzongjian-sess5 .part .content strong:after {
  position: absolute;
  width: 122px;
  height: 8px;
  background: rgba(50, 93, 205, 0.85);
  content: '';
  left: 0;
  bottom: 0px;
  z-index: 1;
}
.yyzongjian-sess5 .part .content .frame-content {
  display: flex;
}
.yyzongjian-sess5 .part .content .frame-content .frame {
  flex-grow: 1;
}
.yyzongjian-sess5 .part .content .frame-content .frame.frame-left {
  padding-right: 44px;
  border-right: 1px dashed #DEDEDE;
  margin-right: 30px;
 padding-left: 24px;
}
.yyzongjian-sess5 .part .content .frame-content .text{ line-height: 28px; font-size: 14px; padding-bottom: 22px;}
.yyzongjian-sess5 .part .content .frame-content .frame .step-i .i-h {
  display: flex;
    font-weight: bold;
  font-size: 18px;
  color: #333;
  align-items: center;
  margin-bottom: 16px;
}
.yyzongjian-sess5 .part .content .frame-content .frame .step-i .i-h span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #F13643;
  font-style: italic;
  border-radius: 50%;
  font-size: 18px;
  color: white;
  text-align: center;
  line-height: 20px;
  margin-right: 8px;
  align-self: flex-start;
  margin-top: 4px;
}
.yyzongjian-sess5 .part .content .frame-content .frame .step-i:nth-child(2n-1) ul {
  margin-bottom: 40px;
}
.yyzongjian-sess5 .part .content .frame-content .frame .step-i ul {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  padding-left: 30px;
}
.yyzongjian-sess5 .part .content .frame-content .frame .step-i ul li {
  position: relative;
  padding-left: 15px;
}
.yyzongjian-sess5 .part .content .frame-content .frame .step-i ul li:after {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #999;
  border-radius: 100%;
  left: 0;
  top: 10px;
}
.yyzongjian-sess5 .part2 .secend-wrap {
/*  display: flex;*/
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-left {
  margin-right: 90px;
}
.yyzongjian-sess5 .part2 .secend-wrap ul {
  width: 480px;
  border: 1px dashed #dedede;
  padding-top: 30px;
  box-sizing: border-box;
  padding-left: 30px;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  height: 60px;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(1) .bicon {
  background-image: url('../images/b1.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(1).act .bicon {
  background-image: url('../images/b11.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(1).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(2) .bicon {
  background-image: url('../images/b2.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(2).act .bicon {
  background-image: url('../images/b22.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(2).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(3) .bicon {
  background-image: url('../images/b3.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(3).act .bicon {
  background-image: url('../images/b33.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(3).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(4) .bicon {
  background-image: url('../images/b4.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(4).act .bicon {
  background-image: url('../images/b44.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(4).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(5) .bicon {
  background-image: url('../images/b5.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(5).act .bicon {
  background-image: url('../images/b55.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(5).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(6) .bicon {
  background-image: url('../images/b6.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(6).act .bicon {
  background-image: url('../images/b66.png');
}
.yyzongjian-sess5 .part2 .secend-wrap ul li:nth-child(6).act strong {
  color: #58546b;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li .bicon {
  margin-right: 20px;
  width: 60px;
  height: 60px;
  background-size: contain;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li strong {
  font-size: 20px;
  color: #666;
  font-weight: normal;
}
.yyzongjian-sess5 .part2 .secend-wrap ul li p {
  font-size: 16px;
  color: #999;
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-right .shiting-wrap {
  width: 448px;
  height: 481px;
  border: 1px dashed #dedede;
  padding-left: 30px;
  padding-top: 58px;
  box-sizing: border-box;
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-right .lef {
  width: 387px;
  height: 280px;
  margin-bottom: 30px;
  border-radius: 4px;
  background-image: url(../images/qidianvip_course_201701_20170103103006_2110.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-right .lef .play-btn {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 4px;
  text-align: center;
  line-height: 280px;
  position: relative;
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-right .lef .play-btn::after {
  content: '';
  width: 50px;
  height: 50px;
  background-color: white;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-right .lef .play-btn i {
  color: #58546b;
  font-size: 60px;
  position: relative;
  z-index: 3;
  top: 16px;
  cursor: pointer;
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-right strong {
  font-size: 22px;
  color: #333;
  font-weight: normal;
}
.yyzongjian-sess5 .part2 .secend-wrap .wrap-right p {
  font-size: 16px;
  color: #999;
  line-height: 30px;
}
.how{ padding-bottom:60px; background: url(../images/how_bg.jpg) center center no-repeat;}
.jzbgs_title{position: relative; z-index: 2; text-align: center; font-size: 36px; line-height: 56px; padding-top: 46px;}
.jzbgs_min_title{ text-align: center;position: relative; z-index: 2; line-height: 40px; text-align: center; color: #666666;}
.how .center{ position: relative;padding:80px 33px 33px 33px; font-size: 15px; color: #333333; }
.how .center p{line-height: 30px; text-indent: 2em;}
.how .center p+p{ margin-top: 8px;}
.how .center .left_top{ position: absolute; left: 0; top: 44px;}
.how .center .right_bottom{ position: absolute; right: 0; bottom: 0;}
.how .ljzx-wrap{ margin-top: 0px;}
.how button.ljzx {-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-ms-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;width: 220px;height: 52px;font-size: 24px;color: white;background-color: #ef8137;outline: none;border: none;border-radius: 4px;cursor: pointer;box-shadow: 0px 3px 6px 0px rgba(239, 129, 55, 0.39);}
.how button.ljzx:hover {  background-color: #F99C46 !important;}
.how .ts{ padding-top: 46px; line-height: 58px; text-align: center; font-size: 22px; color: #666666;}
.can_do{ position: relative;background: url(../images/jiaban_bg_min.jpg) center center; height: 1488px;}
.can_do:before{
        position: absolute;
    content: "";
    top: 0;
    height: 300px;
    left: 0;
    right: 0;
    background-image: url(../images/jiaban_bg1.jpg);
    background-size: cover;
}

.can_do .banner{ z-index: 0; position: absolute; top: 0;}
.can_do .jzbgs_title{ color: #fff;}
.can_do .jzbgs_min_title{ color: #b4b2b6;}
.can_do .center{ position: relative;font-size: 16px; text-indent: 2em; line-height: 32px; color: #666666; margin-top: 48px; border-radius: 10px; box-shadow: #999 0 0 10px 0; padding: 80px 50px; background:#fff url(../images/jiaban_bg2.jpg) center center no-repeat;}
.can_do .center p+p{ margin-top: 8px;}
.can_do .left_top{position:absolute;top:40px; left: 26px;}
.can_do .right_bottom{position:absolute;right:30px; bottom: 40px;}
.jixun-content .text{ padding: 10px 0; font-size: 14px; color: #333; line-height: 26px;}
.jixun-content .text .line{height: 6px;line-height: 6px;}

.session.yyzongjian-sess5 .sess-head{font-size: 36px; margin-bottom: 8px; padding-top: 60px;}
.session.yyzongjian-sess5 .sess-head + p{ font-size: 18px; color: #333;}
.yyzongjian-sess5 .part .part-head{ margin-bottom: 50px;}
/*==移动端适配==*/
@media only screen and (max-width: 750px),
only screen and (max-device-width:750px){
    .part2 .secend-wrap .fl, .part2 .secend-wrap .fr{height: auto; float:none; margin-left: 0; width:calc(100% - 20px);}
    .part2 .center{ height: auto; padding-left: 18px;}
    .yyzongjian-sess5 .part .xue li strong{ font-size: 14px;}
    .yyzongjian-sess5 .part{ padding: 8px;}
    .yyzongjian-sess5 .part .content{ padding: 8px; height: auto;}
    .yyzongjian-sess5 .part .content .frame-content .frame{  padding: 8px; width: 50px; margin-right: 0;}
    .yyzongjian-sess5 .part .content .frame-content .frame.frame-left{ padding: 8px; margin: 0;}
    .yyzongjian-sess5 .part .content .frame-content .text{ font-size: 12px; line-height: 22px;}
    .yyzongjian-sess5 .part .content .frame-content .frame .step-i .i-h{font-size: 14px;    margin-bottom: 10px;}
    .pingpaike-session4 .ppjixun .jixun-nav{ display: none;}
    .pingpaike-session4 .ppjixun,.can_do{ height: auto;}
    .pingpaike-session4 .ppjixun .jixun-content > li{ display: block;}
    .pingpaike-session4 .ppjixun .jixun-content .zhisidian{ display: block;}
    .pingpaike-session4 .ppjixun .jixun-content .zhisidian .zhishidian-left{ padding-right: 0px; border: none; height: auto;}
    .pingpaike-session4 .ppjixun .jixun-content .zhisidian .zhishidian-right{ padding: 0; height: auto; margin-top: -30px;}
    
    .yyzongjian-sess5 .content-part .part-item{ width:calc( 100% - 40px); margin: 0 20px;}

    .yyzongjian-sess5 .content-part .part-item span{ font-size: 16px; padding: 0 12px;margin-right: 24px;}
    .yyzongjian-sess5 .content-part .part-item{ height: 70px;}
    .yyzongjian-sess5 .content-part .part-item> div{ width: 200px;}
    .yyzongjian-sess5 .content-part .part-item+.part-item{  margin: 10px 20px 0 20px;}
    .session.yyzongjian-sess5 .sess-head{ font-size: 22px;}
    .session.yyzongjian-sess5 .sess-head + p{ font-size: 12px;}
    .pingpaike-session4 .kc-zhixun-btn div, .ljzx-wrap p{ font-size: 16px;}
    .pingpaike-session4 .kc-zhixun-btn button, .ljzx-wrap button.ljzx{width: 140px;
    height: 37px;
        font-size: 16px;}
    .pingpaike-session4 .kc-zhixun-btn{padding-bottom: 20px; margin-top: 0;}
  .pingpaike-session4 .ppjixun{ margin-bottom: 20px;}
    .pingpaike-session4 .ppjixun .jixun-content{ padding: 8px 16px;}
    .pingpaike-session4 .ppjixun .jixun-content .zhisidian > div{ width: 100%;}
    .pingpaike-session4 .ppjixun .jixun-content .content-head p{font-size: 27px;
    color: #58546b;
    font-weight: bold;
    margin-bottom: 6px;}
    .pingpaike-session4 .ppjixun .jixun-content .content-head div{    font-size: 12px;
    color: #58546b;  font-weight: normal;}
    
    .sess-head {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    padding-top: 35px;
    margin-bottom: 25px;
    position: relative;
}.can_do .center {
    position: relative;
    font-size: 14px;
    text-indent: 2em;
    line-height: 25px;
    color: #666666;
    margin-top: 22px;
    border-radius: 6px;
    box-shadow: #999 0 0 10px 0;
    padding: 20px 20px;
    margin-left: 8px;
    margin-right: 8px;
    background: #fff url(../images/jiaban_bg2.jpg) center center no-repeat;
}
    .can_do .left_top {
    position: absolute;
         width: 23px;
    top: 10px;
    left: 8px;
}.can_do .right_bottom {
    position: absolute;
    right: 7px;
    bottom: 9px;
    width: 23px;
}
    .jzbgs_title {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    padding-top: 24px;
}
    .jzbgs_min_title {
    position: relative;
    z-index: 2;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    padding: 0 18px;
}
    .how{ height: auto; padding-bottom: 20px;}
    .how .center p{line-height: 22px;}
   .how .center {    position: relative;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    color: #333333;
    margin: 8px;}
    .how .center .left_top{ top: 0;    width: 23px;}
    .how .center .right_bottom{ width: 23px;}
    .cp-jh-head div{ width: auto; padding: 14px 49px; font-size: 14px;}
    .cp-jh-head div h1{    font-size: 26px;
    color: white;
    margin: 8px 0;}
    .cp-jh-head div p {
    font-size: 12px;
    line-height: 21px;
    color: white;
}
   .cp-jh-head {
    background-image: url(../images/jiazubangongshi_banner.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 125%;
    background-color: #4f4c63;
    width: 100%;
       padding-bottom: 20px;
}
    .how .ts{ padding-top: 0;}
    .yyzongjian-sess5 .content-part{ display: block;}
    .yyzongjian-sess5 .part .part-head{font-size: 24px; margin: 20px;}
    .yyzongjian-sess5 .part .step-head{ margin-bottom: 28px;}
    .part2 .secend-wrap .center .min{ font-size: 14px; margin-bottom: 6px;}
    .part2 .secend-wrap .center .text {
    font-size: 12px;
    color: #666666;
    line-height: 24px;
}
    .part2 .secend-wrap .center .title{ background-size: 14px; font-size: 16px; padding-top: 14px; padding-bottom: 14px;}
    .family_new .cent_box .img{ width: 100%;}
    .family_new .cent_box{ width: 100%;}
    .family_new .cent_box .fl, .family_new .cent_box .fr {
    line-height: 28px;
         width:calc( 100% - 80px);
    font-size: 14px;
    padding: 0 38px;
}
    .family_new .cent_box .ljzx-wrap {
    margin: 20px auto;
}
.can_do .banner{ width: 100%;}
    .pingpaike-session4 .ppjixun .jixun-content .zhisidian .dian .dian-name{ color: #ef8136;}
}