body,div,dl,dt,dd,ul,ol,li,h1,h2,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a,a:focus,a:hover{ outline: none; text-decoration: none;}
.hidden{ display: none;}
body{
  font-family: 'Microsoft Yahei','\5b8b\4f53',sans-serif;
  min-width: 321px;
}
.header_wrap{
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  height: 100px;
  margin: 0 auto;
  width: 100%;
  min-width: 321px;
}
.qmtt-navbar{
  background: transparent;
  border: medium none;
  margin: 0 auto;
  padding: 0;
  max-width:1140px;
  
}
.qmtt-navbar .container-fluid{
  min-width: 330px;
}
.qmtt-navbar .navbar-header{
  border: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border: none;
}
.collapsing {
  background: #fff;
  margin-top: 25px;
}
.qmtt-navbar .in{
  background: #fff;
  margin-top: 25px;
  border-top: 1px solid  #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.footer{

  width: auto;
  height: 148px;
  text-align: center;
}
.footer-white{
  text-align: center;
  padding-top: 20px;
}
.footer-white .links li{
  color: #747474;
}
.footer-white .links li a{
  color: #15aaff;
}
.footer-white .copy{
  padding: 5px 0 20px;
}
.qmtt-navbar .navbar-brand{
  padding: 0;
  height: auto;
  line-height: auto;
}
.qmtt-navbar .navbar-toggle{
  margin-top: 33px;
}

.qmtt-navbar-right{
  padding-top: 32px;
}
.qmtt-navbar .qmtt-navbar-right > li > a,
.qmtt-navbar .qmtt-navbar-right > .active > a{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 18px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 32px;
  padding: 0 30px 2px;
  text-align: center;
  border: 1px solid transparent;
}
.qmtt-navbar .qmtt-navbar-right > li > a:hover,
.qmtt-navbar .qmtt-navbar-right > li > a:focus{
  color: #ff325a;
}
.qmtt-navbar .qmtt-navbar-right > .active > a, 
.qmtt-navbar .qmtt-navbar-right > .active > a:focus,
.qmtt-navbar .qmtt-navbar-right > .active > a:hover{
  background: none;
  color: #ff325a;
  border: 1px solid #ff325a;
}
.pwrap{
  max-width: 1140px;
  margin:0 auto;
}
.sprite{
  background: url(https://img.7mtt.cn/assets/imgs/sprite.png) no-repeat;
  margin: 0 auto;
}
.icon-baby{
  display: block;
  background-position: -87px -130px;
  width: 82px;
  height: 78px;
}
.icon-mather{
  display: block;
  background-position: -169px -140px;
  width: 88px;
  height: 78px;
}
.icon-friend{
  display: block;
  background-position: 0 -141px;
  width: 87px;
  height: 78px;
}
.icon-android{
  display: block;
  background-position: -45px 0;
  width: 130px;
  height: 130px;
}
.icon-iphone{
  display: block;
  background-position: -175px 0;
  width: 130px;
  height: 130px;
}
.icon-scan{
  display: block;
  background-position: -305px 0;
  width: 130px;
  height: 130px;
}
.icon-map{
  display: inline-block;
  background-position: -383px -143px;
  width: 25px;
  height: 33px;
  float: left;
  margin-right: 16px;
}
.icon-tel{
  display: inline-block;
  background-position: -261px -181px;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 16px;
  margin-top: 4px;
}
.icon-email{
  display: inline-block;
  background-position: -291px -184px;
  width: 29px;
  height: 22px;
  float: left;
  margin-right: 16px;
  margin-top: 5.5px;
}
.icon-wb{
  display: inline-block;
  background-position: -299px -140px;
  width: 41px;
  height: 41px;
  margin-right: 25px;
  text-indent: -999em;
}
.icon-qq{
  display: inline-block;
  background-position: -258px -140px;
  width: 41px;
  height: 41px;
  margin-right: 25px;
  text-indent: -999em;
}
.icon-wx{
  display: inline-block;
  background-position: -340px -139px;
  width: 41px;
  height: 41px;
  text-indent: -999em;
  position: relative;
}
.qmtt-wx{
  width: 0;
  height: 100px;
  position: absolute;
  left: 45px;
  top: -30px;
  display: block;
  text-indent: 0;
}

.share-btn{
  margin-top: 22px;
}
.speaking{
  padding-bottom: 50px;
}
.h2{
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  font-size: 34px;
  font-weight: normal;
  text-align: center;
  margin: 48px auto 27px;
  padding-bottom: 24px;
}
.p1{
  font-size: 14px;
  color: #6f6f6f;
  margin-bottom: 20px;
}
.box{
  padding: 50px 0;
}
.grey{
  background: #fafafa;
}
.box .h2{
  border: none;
  text-align: left;
  margin: 0px auto 37px;
  padding: 0;
  line-height: 1.4;
}
.p2{
  font-size: 16px;
  color:#555555;
  line-height: 2.5;
}
.line{
  width: 60px;
  height: 2px;
  background: #24C689;
  margin-bottom: 40px;
}
.bd{
  border-bottom: 1px solid #e8e8e8;
}
.center{
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.p3{
  font-size: 14px;
  color: #898989;
}
.p4{
  font-size: 20px;
  color: #303132;
  line-height: 150%;
}
.p5{
  color: #ff6b6b;
  margin-bottom: 15px;
}
.p6{
  color: #4ecdc4;
  margin-top: 22px;
}
.p7{
  color: #222222;
  font-size: 16px;
  line-height: 33px;
  height: 33px;
}
.p8{
  color: #747474;
  font-size: 14px;
  margin-left: 41px;
  margin-top: 7px;
}
.links{
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
  max-width: 283px;
}
.links li{
  float: left;
  margin-right: 9px;
}
.links li:last-child{
  margin-right: 0;
}
.links li a, .cname{
  color: #fff;
}
.cname{
  padding-top: 80px;
}
.copy{
  text-align: center;
  color: #747474;
  font-size: 14px;
  padding: 25px;
  background: #fff;
}
/***slider***/
.slider{
  margin: 0 auto;
  max-width: 540px;
}
.qmtt-arousel-control, .qmtt-arousel-control.right{
  opacity: 1;
  text-shadow: none;
  background: none;
}
.qmtt-arousel-control .slide-arrow-left, .qmtt-arousel-control .slide-arrow-right{
  width: 45px;
  height: 45px;
  margin: -22.5px auto 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
}
.qmtt-arousel-control .slide-arrow-left{
  background-position: 0 0;
  left: 0;
}
.qmtt-arousel-control .slide-arrow-right{
  background-position: 0 -45px;
  right: 0;
}
.thumb-imgs{
  overflow: hidden;
  margin-top: 15px;
  height: 115px;
}
.thumb-imgs li{
  float: left;
  width: 170px;
  margin-right: 15px;
  cursor: pointer;
}
.thumb-imgs li:last-child{
  margin-right: 0;
}
.thumb-imgs li .icon-line{
  border-bottom: 2px solid transparent;
  display: inline-block;
  width:0;
}
.thumb-imgs li.on .icon-line{
  border-bottom: 2px solid #ff6b6b;
  display: inline-block;
  width:100%;
  transition: width 0.5s;
}
.app-down{
  display: block;
  position: relative;
  text-align: center;
}
.app-qrcode{
  opacity:0;
  left: 50%;
  margin-left: -75px;
  position: absolute;
  top: -10px;
  height:0;
  padding: 10px;
  background-color: #fc6e6d;
}
.img_wrap{
  max-width: 1920px;
  display: block;
  margin: 0 auto;
}
.npl{
  padding-left:0;
}
.npr{
  padding-right:0;
}
.center{
  text-align: center;
}
.feedback_box .fd-title{
  color: #ff6b6b;
  font-size: 24px;
  margin: 0 auto 0;
  border: none;
}
.textarea-control{
  border: 1px solid #ddd;
  width: 100%;
  height: 134px;
  margin: 20px auto auto;
  padding-left: 12px;
  padding-top: 5px;
}
.input-control{
  width: 100%;
  padding-left: 12px;
  line-height: 30px;
  border: 1px solid #ddd;
}
.mt50{
  margin-top: 50px;
}
.mt20{
  margin-top: 20px;
}
.mt5{
  margin-top: 20px;
}
.mt100{
  margin-top: 100px;
}
.mt10{
  margin-top: 10px;
}
.feedback_box{
  border-top: 1px solid #e8e8e8;
}
.ml20{
  margin-left: 20px;
}
.ml45{
  margin-left: 45px;
}
.col_1{
  width: 250px;
  margin: 0 auto 0;
}
.submit{
  font-size: 16px;
  background: #ff6b6b;
  color: #fff;
  width: 120px;
  height: 50px;
  line-height: 50px;
  border: none;
  margin-top: 20px;
}
.content{
  padding: 20px;
}
@media screen and (max-width: 780px){
  .qmtt-navbar .qmtt-navbar-right > li > a, .qmtt-navbar .qmtt-navbar-right > .active > a{
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px){
  .qmtt-navbar .qmtt-navbar-right > li > a, .qmtt-navbar .qmtt-navbar-right > .active > a{
    padding: 0 15px;
  }
  .qmtt-navbar-right{
    padding-top: 0;
  }
}
@media screen and (max-width: 991px){
  .p5{
    margin-top: 15px;
    text-align: center;
  }
  .npr{
    padding-right: 15px;
  }
}
@media screen and (max-width: 640px){
  .h2{
    font-size: 25px;
  }
}
@media screen and (max-width: 1000px){
  .construct{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://img.7mtt.cn/assets/imgs/construct.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    height: 900px;
    min-height: 900px;
    width: 100%;
  }
  .construct img{
    opacity: 0;
  }
}
@media screen and (max-width: 640px){
  .construct{
    height: 300px;
    min-height: 300px;
  }
}
.fb-img{
  max-width: 460px;
  margin: 0 auto;
  display: block;
}
.sh2{
  width: 95%;
}
.sp1{
  width: 80%;
  margin: 0 auto;
}
.construct{
  background-color: #7accc4;
}
.build{
  display: block;
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
}
.pr{
  position:relative;
}
.pa{
  position:absolute;
}
.phone{
  padding-top: 54px;
  padding-left: 92px;
}
.baby_space_wrap{
  background:url('sr.png') no-repeat center top; 
  background-size: 100% 100%;
}
.baby_space{
  padding-left: 65px;
  padding-top: 210px;
}
@media screen and (max-width: 992px){
  .baby_space_wrap{
    padding-bottom: 0;
  }
  .phone{
    padding-top: 54px;
  } 
  .baby_space{
    padding-left:15px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 500px){
  .baby_space_wrap{
    background:none;
  }
  .phone{
    padding: 0;
    margin: 0 auto;
  }
  .phone-col{
    background: #dfd5d4 none repeat scroll 0 0;
  }
}
@media screen and (max-width: 400px){

  .speaking .col-md-4{
    margin-top: 15px;
  }
  .box{
    padding: 30px 0;
  }
  .col_1{
    margin-bottom: 10px;
  }
}
.modal-title{
  text-align: center;
}
.login-modal .modal-dialog{
  width: 430px;
  height: 330px;
  margin: 15% auto 0;
}
.login-modal .modal-content{
  border-radius: 0;
}
.btn-save-login{
  width:  360px;
  height: 50px;
  line-height: 50px;
  background: #ff6b6b;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  display: block;
}
.btn-save-login:hover, .btn-save-login:focus, .btn-save-login:blur, .btn-save-login:visited{
  color: #fff;
}
.login-modal .modal-header{
  width: 430px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #ff6b6b;
  font-size: 16px;
  padding: 0;
  color: #fff;
}
.login-modal a:focus,
.login-modal a:link,
.login-modal a:visited{
  color: #ffffff;
}
.login-modal .close{
  background: url("/assets/imgs/close.png") no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
  text-indent: -999rem;
  opacity: 1;
}
.cool-input{
  width: 360px;
  height: 50px;
  line-height: 50px;
  background: #f7f7f7;
  color: #747474;
  font-size: 14px;
  border: none;
  padding-left: 20px;
}
.form-input{
  margin-top:30px;
}
.login-modal .modal-body{
  padding: 0 33px 30px 33px;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.login-modal .modal-footer{
  border-top: none;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 30px 0;
  margin: 0;
}
.tip{
  color: #ff6b6b;
  margin-bottom: 20px;
  display: none;
}
.btn-login, .btn-logout{
  font-size: 18px;
  color: #3c4154;
  line-height: 32px;
}
.hl{
  color: #ff6b6b;
  font-style: normal;
}
.hl i{
   font-style: normal; 
}
.nickname{
  font-style: normal;
}
.img_wrap2{
  margin-top: 100px;
}
.logout{
  color: #3c4154;
}
.user-nav{
  width: 1140px;
  height: 50px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 30px;
}
.user-nav > li {
  width: 120px;
  height: 50px;
  line-height: 20px;
  background: #dddddd;
  color: #ffffff;
}
.user-nav > li.active{  
  background: #ff6b6b;
}
.user-nav > li  a{
  color: #ffffff;
  text-align: center;
}
.common tr th{
  height: 70px;
  background: #f2f2f5;
  text-align: center;
  color: #222222;
  padding: 0!important;
  vertical-align: middle !important;
}
.common tr td{
  text-align: center;
  padding: 0!important;
  vertical-align: middle !important;
  color: #747474;
  font-size: 16px;
}
.user-nav > li a:hover{
  background: #ff6b6b;
}
.song_img{
  margin: 15px;
  width: 60px;
  height: 60px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{
  background: #ffffff;
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
  background: #f2f2f5;
}
.common tr td.status_0{
  color: #ff9c00;
}
.common tr td.status_2{
  color: #ff0000;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
  background: #ff6b6b;
  width: 36px;
  height: 36px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
  border: none;
}
.pagination > li > a, .pagination > li > span{
  width: 36px;
  height: 36px;
  border-radius: 1px;
  margin-left: 20px;
  border: none;
  background: #f2f2f5;
  color: #747474;
}
.pagination{
  float: right;
}
.pagination > li > a, .pagination > li > span{
  text-align: center;
  line-height: 36px;
  padding: 0;
}
.user_footer{
  background: #f7f7f7;
  height: 90px;
}
.user_footer .links{
  padding-top: 30px;
  color: #747474;
}
.user_footer .links a{
  color: #15aaff;
  margin-right: 15px;
}
.user_footer .links li{
  width: 100%;
  margin-right: 0;
}
.qmtt-row{
  border-bottom: 1px dotted #dddddd;
  width: 1140px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}
.col-left{ 
  width: 100px;
  float: left;
  color: #222222;
}
.col-right{ 
  width: 1040px;
  float: left;
  color: #747474;
}
.u_p1{
  color: #222222;
  line-height: 200%;
  font-size: 16px;
}
.u_p2{
  color: #747474;
  font-size: 14px;
}
.t{
  color: #222222;
  font-size: 16px;
}
.mt6{
  margin-top: 6px;
}
.required{
  color: #ff0000;
}
.input-large{
  background: #f2f2f5;
  border: none;
  width: 460px;
  height: 40px;
  padding-left: 10px;
}
.common_textarea{
  width: 820px;
  height: 220px;
  background: #f2f2f5;
  border: none;
  padding: 10px;
  margin-bottom: 10px;
}
.btn-common{
  width: 140px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  background: #ff6b6b;
  padding: 0;
  border: none;
  color: #ffffff;
  margin-top: 20px;
}
.btn-select:hover, .btn-select:focus, .btn-select:link{
  color: #ffffff;
  background: #5ab8ee;
  border: none;
}
.btn-common:hover, .btn-common:link, .btn-common:focus{
  background: #ff6b6b;
  color: #ffffff;
  border: none;
}
.btn-select{
  width: 120px;
  height: 42px;
  line-height: 42px;
  background: #5ab8ee;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  padding: 0;
  border-radius: 0;
}
.clear{
  clear:both;
}
.count{
  font-style: normal;
}
.table-upload{
  margin: 20px auto 0;
}
.help-block{
  color: #ff6b6b;
}
.progressName{
  width: 150px;
}
.table-upload > tbody > tr > td
{
  border: none;
}
.info{
  width: 400px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
  border-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
  border-radius: 0; 
}
.wxtx{
  width: 100%;
  height: 150px;
  background: #fafafa;
}
.wxtx img{
  width: 120px;
  height: 135px;
  margin: 0 auto;
  display: block;
  padding-top: 15px;
}