.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.ml10{margin-left:10px}

em {
    font-style:normal
}
i {
    font-style:italic
}
del {
    text-decoration:line-through
}
.t4Con .d ._people {
  font-size: 12px;
  color: #999;
}
.rows {
    width:100%;
    padding-bottom:10px;
}
.rows [class|="col"] {
    float:left;
    margin-left:20px
}
.rows [class|="col"]:first-child {
    margin-left:0
}
.rows .col-1 {
    width:65px
}
.rows .col-2 {
    width:150px
}
.rows .col-3 {
    width:235px
}
.rows .col-4 {
    width:320px
}
.rows .col-5 {
    width:405px
}
.rows .col-6 {
    width:490px
}
.rows .col-7 {
    width:575px
}
.rows .col-8 {
    width:660px
}
.rows .col-9 {
    width:745px
}
.rows .col-10 {
    width:830px
}
.rows .col-11 {
    width:915px
}
.rows .col-12 {
    width:1000px;
    margin-left:0
}
.rows .col-offset-1 {
    margin-left:85px !important
}
.rows .col-offset-2 {
    margin-left:170px !important
}
.rows .col-offset-3 {
    margin-left:255px !important
}
.rows .col-offset-4 {
    margin-left:340px !important
}
.rows .col-offset-5 {
    margin-left:425px !important
}
.rows .col-offset-6 {
    margin-left:510px !important
}
.rows .col-offset-7 {
    margin-left:595px !important
}
.rows .col-offset-8 {
    margin-left:680px !important
}
.rows .col-offset-9 {
    margin-left:765px !important
}
.rows .col-offset-10 {
    margin-left:850px !important
}
.rows .col-offset-11 {
    margin-left:935px !important
}

.homeListTitle {
  margin-top:50px;
  border-bottom: 1px solid #e0e0e0;
  height: 40px;
}
.homeListTitle h5 {
  font-size: 23px;
  color: #333;
  line-height: 24px;
  padding-top: 6px;
  font-weight: bold;
  float: left;
  margin-right: 60px;
}
.homeListTitle ul {
  float: left;
  max-width: 600px;
  height: 40px;
  overflow: hidden;
  position: relative;
  bottom: -1px;
}
.homeListTitle li {
  float: left;
  border-bottom: 2px solid transparent;
  padding: 0 2px;
  margin-right: 30px;
  height: 38px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.homeListTitle li a {
  font-size: 14px;
  color: #666;
  line-height: 40px;
}
.homeListTitle li:hover,
.homeListTitle li.active {
  border-bottom: 2px solid #00b7ee;
}
.homeListTitle li:hover a,
.homeListTitle li.active a {
  color: #07bbee;
}
.homeMoreBtn {
  float: right;
  font-size: 14px;
  line-height: 40px;
  color: #999;
}
.homeMoreBtn span {
  margin-right: 6px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.homeMoreBtn:hover {
  color: #07bbee;
}
.homeMoreBtn:active,
.homeMoreBtn:focus {
  color: #333;
}
.T4List li {
  float: left;
  margin-right: 2.333%;
  width: 23.25%;
  margin-top: 30px;
  font-size: 0;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  position: relative;
  cursor: pointer;
}
.T4List li:hover img {
    transform: scale(1.2);
}
.hotList .T4List li:hover img {
  transform: scale(1);
}
.T4List .last,
.homet4-5 .T4List .last,
.hotList .T4List .last {
  margin-right: 0;
}
.T4List li img {
  width: 100%;
  height: 152px;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.T4List .t4Con {
  width: 100%;
  border: 1px solid #e4ecf3;
  border-top: 1px solid #e4ecf3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 14px;
}
.T4List .t4Con h4 {
	
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin-bottom: 9px;
  height: 40px;
  word-break: break-all;
  overflow: hidden;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.T4List .t4Con h4:hover {
  transform: scale(1.05);
  color: #00B7EE;
}
.t4Con .d {
  margin-top: 0;
}
.t4Con .d.clear .free {
  line-height: 16px;
}
.t4Con .d span._people {
  margin-top: -4px;
  height: 12px;
}
.t4Con .fl del {
  font-size: 12px;
}
.homet4-5 .T4List li {
  margin-right: 1.875%;
  width: 18.5%;
}
.homet4-5 li img {
  height: 120px;
}
.homet4-5 .fl em {
  font-size: 14px;
}
.t4Con .fl em {
  font-size: 16px;
  margin-right: 8px;
}
.homet4-5 .t4Con h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

i.star {
  font-size: 12px;
  line-height: 12px;
  color: #fb9f1b;
  position: relative;
  top: -2px;
  margin: 0 1px;
}

hr.divide {
  margin: 0;
  width: 130px;
  border-top: 1px solid #00b7ee;
  display: inline-block;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

strong.vipImg {
  width: 64px;
  height: 64px;
  position: absolute;
  left: -1px;
  top: -1px;
  background: url("../../images/VIP_03.png") no-repeat center center;
}
._item .pic {
  overflow: hidden;
}
.borderCon {
  overflow: hidden;
  width: 100%;
}
.fmimg {
  overflow: hidden;
  width: 102%;
}
strong.fillImg {
  width: 53px;
  height: 30px;
  position: absolute;
  right: -7px;
  bottom: -1px;
  background: url("../../images/fill.png") no-repeat center center;
}

.w {
  width: 100%;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}
.clear:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.top-con{
    position: relative;
}
.top-conL {
    width: 368px;
    height: 207px;
    padding: 4px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.top-conC {
    margin-left: 36px;
    max-width: 660px;
}
.topconL-n {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #f6f6f6;
    background: url("../../images/zhifu.png") no-repeat center;
    background-size: cover;
    border-radius: 3px;
}

.coursename span {
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    word-break: break-all;
}

.coursename .codezhi {
    font-weight: bold;
    color: #333;
	margin-bottom:20px;
}

.coursename i {
    font-size: 20px;
    position: relative;
    top: -5px;
    margin-left: 14px;
    color: #666;
}

.coursename i:hover {
    cursor: pointer;
}

.detmod {
    position: relative;
    padding-top: 16px;
}

.detmod .detmodP {
    /*display: inline-block;*/
    line-height: 1;
    color: #999;
    margin-right: 34px;
}
.detmod .detmodP em{
    color: #dd0000;
}
.detmod .detmodnew{
    margin-bottom: 10px;
}
/*.detmodP span {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #999;
    margin-right: 11px;
}*/

.detpri {
	margin-top:30px;
	position: relative;
    padding-top: 24px;
}

.detmodP .monred {
    display: inline-block;
    line-height: 1;
    color: #09f;
    font-size: 24px;
    margin-right: 11px;
    font-weight: bold;
}

.detmodP .monlast {
    display: inline-block;
    line-height: 1;
    color: #666666;
    font-size: 16px;
    margin-right: 11px;
	text-decoration:line-through;
	opacity: .8;
}
	
}

.detmodP .baba {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #999;
}
.stuProgress {
    padding-top: 10px;
}

.stuProgress .joinstudy {
    margin-right: 25px;
}

.stuProgress .joinstudy .btn {
    display: block;
    width: 148px;
    height: 48px;
    padding: 0px;
    line-height: 48px;
    text-align: center;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    background: #07bbee;
    font-size: 18px;
    margin-top: 20px;
}

.stuProgress .joinstudy .btn:hover {
    background-color: #01aadd;
}


/*V6.7 添加不可以点击购买的按钮   */
.stuProgress .joinstudy .disableBtn{
    background-color: #f3f3f3!important;
    color: #999;
    cursor: default!important;
}
.stuProgress .joinstudy .disableBtn:hover {
    background-color: #f3f3f3;
}

.stuProgress .joinstudy-full .btn {
    background-color: #b5b9bc;
    cursor: default;
}

.stuProgress .joinstudy-full .btn:hover {
    background-color: #b5b9bc;
}

.stuProgress .progress {
    width: 350px;
    position: relative;
    top: 2px;
}

.stuProgress .exp-txt .exp-per {
    font-size: 18px;
    color: #ee1207;
    font-weight: normal;
}

.stuProgress .exp-time {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.stuProgress .progress-inner {
    background-color: #07bbee;
    border-radius: 5px;
}

/*mainstart*/
.maindiv {
  width: 100%;
  margin-top: 44px;
}
.maindiv > .left {
  width: 100%;
  float: left;
  overflow: hidden;
}

/*leftstart*/
.left .progress {
  height: 50px;
  margin-bottom: 50px;
}
.left .progress .exp-txt {
  margin-bottom: 6px;
}
.left .progress .exp-txt .exp-per {
  font-size: 24px;
  color: #f76565;
  margin-right: 12px;
}
.left .progress .exp-txt .exp-time {
  font-size: 14px;
  color: #949494;
}
.left .progress .exp-bar {
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  background: #f2f1f1;
}
.left .tab-menu {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #E0E0E0;
}
.left .tab-menu li {
  float: left;
  height: 100%;
  padding: 0px 30px;
  font-size: 16px;
  color: #474747;
  cursor: pointer;
}
.left .tab-menu li.active {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border--bottom-color: #00B7EE;
  color: #00B7EE;
  transition: border-bottom-width;
}
.left .content1 .background-img {
  padding: 100px 0px 50px 0px;
  text-align: center;
}
.left .content1 .background-img p.pro-no {
  color: #949494;
  font-size: 14px;
  line-height: 50px;
  margin-top: 0px;
}
.left .content1 .no-buy {
  padding-top: 60px;
  color: #949494;
  font-size: 14px;
  text-align: center;
}
.left .content1 .no-buy a {
  color: #ff0000;
  font-size: 14px;
  margin-left: 6px;
}

.left .content1.introduce {
  color: #888888;
  font-size: 12px;
  line-height: 24px;
  /*display: none;*/
}
.left .content1.introduce .img {
  margin: 10px 0px;
}
.left .content1.introduce p {
  color: #888888;
  font-size: 12px;
  line-height: 24px;
  margin-top: 20px;
  word-break: break-word;
}
.left .content1 .big-title {
  height: 26px;
  line-height: 26px;
  border-left: 2px solid #00B7EE;
  font-size: 16px;
  color: #616161;
  padding-left: 10px;
  margin: 20px 0px;
}
.left .content1 .chapter a.chapter-btitle {
  display: block;
  height: 46px;
  line-height: 46px;
  width: 100%;
  background: #f5f7fa;
  color: #333;
  font-size: 16px;
  margin: 8px 0px;
}
.left .content1 .chapter a.chapter-btitle span.word {
  float: left;
}
.left .content1 .chapter a.chapter-btitle span.word i {
  display: inline-block;
  float: left;
}
.left .content1 .chapter a.chapter-btitle .chapter-bicon {
  display: inline-block;
  width: 18px;
  height: 46px;
  margin: 0px 10px 0px 17px;
  background: url("../images/coursedetail/zj_03.png") center no-repeat;
}
.left .content1 .chapter a.chapter-btitle .sub-icon {
  float: right;
  font-size: 18px;
  color: #949494;
  margin-right: 20px;
}
.left .content1.video .chapter .chapter-stitle {
  height: 0;
  overflow: hidden;
}
.left .content1 .chapter .chapter-stitle li {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #949494;
}
.left .content1 .chapter .chapter-stitle li a {
  display: block;
  color: #939ca5;
  height: 40px;
}
.left .content1 .chapter .chapter-stitle li:last-child {
  margin-bottom: 10px;
}
.left .content1 .chapter .chapter-stitle li:hover {
  background: #f8fafc;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.left .content1 .chapter .chapter-stitle .right {
  float: right;
}
span.right i{
  margin-left:10px;
}
.left .content1 .chapter .chapter-stitle .right i {
  float: left;
  color: #ADADAD;
  font-size: 12px;
  /* width:48px; */
  height:40px;

}

.left .content1 .chapter .chapter-stitle .right .ellip{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.left .content1 .chapter .chapter-stitle .right i.work {
  line-height: 1;
    width: auto;
    height: auto;
    color: #fff;
    padding: 4px 13px;
    background-color: #07bbee;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 10px;
}
.left .content1 .chapter .chapter-stitle .right i.time {
  margin-left: 10px;
}
.left .face {
  display: none;
}
.left .face .chapter .chapter-stitle li a {
  padding: 0px 20px 0px 12px;
  font-size: 14px;
}
.left .face .chapter .chapter-stitle li i.address {
  color: #4BC1E5;
  margin-left: 20px;
  position: relative;
  font-size: 12px;
}
.left .face .chapter .chapter-stitle li i.address .address-info {
  position: absolute;
  height: 34px;
  line-height: 34px;
  z-index: 4;
  right: -16px;
  top: -30px;
  width: 600px;
  color: #949494;
  font-size: 12px;
  display: none;
}
.left .face .chapter .chapter-stitle li i.address .address-info span {
  display: inline-block;
  padding: 0px 14px;
  float: right;
  height: 32px;
  line-height: 32px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
}
.left .face .chapter .chapter-stitle li i.address .address-info span .iconfont {
  font-size: 16px;
  color: #ff0000;
  margin-right: 8px;
}
.left .face .chapter .chapter-stitle li i.address img {
  position: absolute;
  bottom: -4px;
  right: 36px;
}
.left .live {
   display: none;
 }
.left .meet {
  display: none;
}
.left .content1.live .chapter .chapter-stitle .right {
  float: right;
  position: absolute;
  right: 14px;
}
.left .live .chapter .chapter-stitle li a {
  padding: 0px 20px 0px 12px;
  font-size: 14px;
  cursor: default;
  position: relative;
}
.left .live .chapter .chapter-stitle li.point a {
  padding: 0px 20px 0px 12px;
  font-size: 14px;
  cursor: pointer;
}
.left .live .chapter .chapter-stitle li .state i {
  margin-left: 12px;
  font-size: 14px;
}
.left .live .chapter .chapter-stitle li .state i.icon {
  padding: 0px 8px;
}
.left .live .chapter .chapter-stitle li .now i.icon {
  background: url("../images/coursedetail/state_03.png") center no-repeat;
}
.left .live .chapter .chapter-stitle li .begin i.icon {
  background: url("../images/coursedetail/state_06.png") center no-repeat;
}
.left .live .chapter .chapter-stitle li .soon i.icon {
  background: url("../images/coursedetail/state_06.png") center no-repeat;
}
.left .live .chapter .chapter-stitle li .begin i.icon {
  background: url("../images/coursedetail/state_09.png") center no-repeat;
}
.left .live .chapter .chapter-stitle li .end i.icon {
  background: url("../images/coursedetail/state_13.png") center no-repeat;
}
.left .live .chapter .chapter-stitle li .state.now i {
  color: #00b7ee;
}
.left .live .chapter .chapter-stitle li .state.soon i {
  color: #ff4e00;
}
.left .live .chapter .chapter-stitle li .state.begin i {
  color: #39cd9c;
}
.left .live .chapter .chapter-stitle li .state.end i {
  color: #949494;
}
.left .live .chapter .chapter-stitle li i.btn {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 78px;
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  border-radius: 3px;
  padding: 0px;
  margin: 7px 0px 7px 18px;
}
.left .live .chapter .chapter-stitle li i.btn.blue {
  background: #00b7ee;
}
.left .live .chapter .chapter-stitle li i.btn.grey {
  background: #c4c2c2;
}
.left .comment {
  display: none;
}
.left .comment .comment-frame {
  display: none;
}
.left .textarea-wrap {
  position: relative;
}
.left .textarea-wrap .num {
  position: absolute;
  right: 28px;
  bottom: 4px;
  color: #bbbbbb;
}
.left .comment textarea {
  font-size: 12px;
  color: #bbbbbb;
  width: 100%;
  height: 100px;
  line-height: 20px;
  padding: 0px;
  margin-top: 20px;
  padding: 6px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  resize: none;
}
.left .block-bottom {
  margin: 14px 0px 20px;
}
.left .score {
  float: left;
  font-size: 14px;
  line-height: 34px;
  cursor: pointer;
}
.left .score img:first-child {
  margin-left: 4px;
}
.left .score img {
  vertical-align: middle;
  margin: -2px 4px 0px 0px;
}
button.publish,
button.delete {
  font-size: 14px;
  width: 70px;
  height: 34px;
  line-height: 30px;
  float: right;
  padding: 0px;
  border: 0px;
  border-radius: 4px;
}
button.publish {
  color: #FFFFFF;
  background: #00b7ee;
  border: 1px solid #00b7ee;
}
button.delete {
  color: #949494;
  background: #f3f3f3;
  border: 1px solid #dcdcdc;
  margin-right: 14px;
}
.left .comment .allcomment {
  margin: 30px 0px;
  clear: both;
}
.left .comment .row .head {
  width: 50px;
  height: 50px;
  background: #F2F1F1;
  border-radius: 30px;
  overflow: hidden;
  float: left;
}
.left .comment .row .cnt {
  width: 790px;
  margin-left: 14px;
  float: left;
  padding: 8px 0px;
  color: #949494;
  line-height: 20px;
  font-size: 12px;
}
.left .comment .row .cnt span {
  font-size: 14px;
  color: #616161;
}
.left .comment .row .cnt .foot {
  margin: 12px 0px;
}
.left .comment .row .cnt .foot span {
  font-size: 12px;
  color: #bbb;
  margin-right: 20px;
}
.left .comment .row .cnt .foot span.star img {
  vertical-align: middle;
  padding-bottom: 2px;
  margin-right: 4px;
}
.left .comment .row .cnt .foot span .iconfont {
  font-size: 14px;
}
.left .comment .row .cnt .foot span .iconfont.yel {
  font-size: 13px;
  color: #ffc600;
}
.left .page {
  text-align: center;
  margin: 70px 0px 30px;
}
.left .page span {
  padding: 2px 6px;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  margin-right: 20px;
  color: #999;
}
.left .page a {
  padding: 2px 8px;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  text-decoration: none;
  margin: 0px 4px;
  color: #999;
}
.page a.active {
  color: #fff;
  background: #32b0eb;
  border: 1px solid #32b0eb;
}
.left .page .uppage,
.left .page .nextpage {
  padding: 2px 14px;
}


button.button-btn {
  float: right;
  width: 100px;
  margin: 20px 0px;
  height: 34px;
  line-height: 34px;
  background: #00b7ee;
  border-radius: 3px;
  padding: 0px;
  font-size: 16px;
  color: #fff;
  border: none;
}

/*leftend*/
/*rightstart*/
.right .btn-wrap {
  height: 50px;
  width: 100%;
  margin-bottom: 50px;
}
.right .btn-wrap .btn {
  display: block;
  height: 50px;
  padding: 0px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  border: 0px;
  border-radius: 3px;
  color: #FFFFFF;
  background: #00B7EE;
  font-size: 18px;
}
.right .title-wrap {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #E0E0E0;
}
.right .title {
  font-size: 16px;
  float: left;
  color: #474747;
}
.right .teacher {
  margin-bottom: 40px;
}
.right .teacher .page {
  padding-right: 50px;
  position: relative;
  float: right;
  color: #ADADAD;
}
.right .teacher .page .now {
  color: #00b7ee;
}
.right .teacher .page .split-line {
  margin: 0px 2px;
}
.right .teacher .page img {
  position: absolute;
}
.right .teacher .page img.prev {
  right: 24px;
  top: 16px;
  cursor: pointer;
}
.right .teacher .page img.next {
  right: 0px;
  top: 16px;
  cursor: pointer;
}

/*************/
.right .teacher .mingper-box {
  width: auto;
}
.right .teacher .mingper-box .teacher-introduce-wrap {
  width: 246px;
  max-height: 500px;
  overflow: hidden;
  float: left;
}
.right .teacher .teacher-introduce {
  margin: 34px 0px;
  min-height: 160px;
}
.right .teacher-introduce .name span {
  display: inline-block;
  font-size: 14px;
  color: #616161;
  line-height: 66px;
  float: left;
  cursor: pointer;
}
.right .teacher-introduce .name .headpic {
  height: 66px;
  width: 66px;
  border-radius: 33px;
  overflow: hidden;
  margin-right: 20px;
  background: #f1f2f2;
}
.right .teacher-introduce .content1 {
  width: 100%;
  margin-top: 20px;
  min-height: 100px;
  font-size: 12px;
  color: #949494;
  line-height: 20px;
}
.right .classmate {
  overflow: hidden;
  margin-bottom: 40px;
  min-height: 150px;
  width: 100%;
}
.right .classmate .title-wrap i {
  font-size: 12px;
  color: #ADADAD;
  margin-left: 18px;
}
.right .classmate ul {
  width: 270px;
}
.right .classmate ul li {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  float: left;
  margin-top: 20px;
  margin-right: 27px;
  background: #f1f2f2;
}
/*rightend*/
/*mainend*/


.huiyuan{
	width: 100%;
	height:100px;
	xbox-shadow: -1px 1px 4px #656060;
	box-shadow: 1px 1px 6px #c3c3c3;
	text-align:center;
	font-size:16px;
	box-sizing: border-box;
    border: 1px solid #f6f6f6;
    background-size: cover;
    border-radius: 3px;	
}