/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/6704(这个说明仅在演示里会看到,下载的源码里没有)*//* ====================== *//*         Header         *//* ====================== */.offer{    padding: 10px 0;    background:linear-gradient(45deg,#fda300,#d84343);  }.contact-info p{  display: inline-block;  margin:0 15px 0 0;}.offer i{  padding-right: 5px;}#inner-navigation .navbar {    padding: 21px 0 21px;    position: inherit;    background: transparent;}#inner-navigation .navbar.navbar-sticky-in .logo img{width:inherit;}.navbar.navbar-sticky-in.navbar-default ul.nav.navbar-nav{margin-top: 22px;}/* ============================= *//*          Banner         *//* ============================= */#mt_banner {    position: relative;    padding: 0;    height: 530px!important;    margin-top: 0px;} #mt_banner .half-slide, #mt_banner .pre-half-slide,  #mt_banner .quarter-slide{  width: 50%;  top: 0;  left: 0%;  overflow: hidden;   border-left:2px solid #fff;  border-right:2px solid #fff;  border-radius: 0 0px 26px 26px;}#mt_banner .half-slide, #mt_banner .quarter-slide{  left: 50%;  width:25%; }#mt_banner .quarter-slide{  left: 75%;}@media(max-width: 991px){  #mt_banner .half-slide, #mt_banner .pre-half-slide{left: 0; width: 50%; border: none; border-radius: 0;}  #mt_banner .pre-half-slide{left: 50%;}}@media(max-width: 767px){  #mt_banner .half-slide{width: 100%;}  #mt_banner .pre-half-slide{display: none;}  #mt_banner .half-slide .banner_caption_text{width: 80%;}}/* ============================= *//*          blog post        *//* ============================= */#mt_blog .fullwidth .blog-post_wrapper{    display: flex;    position: relative;    background: #fff;    overflow: hidden;    height: inherit;    box-shadow: 0 0 15px #cccccc30;    border: 5px solid #fff;}#mt_blog .fullwidth .blog-post_wrapper h2{max-height: 3em;}#mt_blog .fullwidth .blog-post_wrapper .blog-post-image{    width: 45%;    position: relative;    overflow: hidden;}#mt_blog .fullwidth .blog-post_wrapper .post-content {    width: 55%;    padding:30px 30px 22px;}#mt_blog .fullwidth .blog-post_wrapper .post-content.post-blank{  width: 100%;}#mt_blog .fullwidth .blog-post_wrapper .post-date p a{color: #333a65;}section#mt_blog.top-stories{background: #fbfbfb;}.post-content-list{    padding: 15px 15px 5px;    background: #fbfbfb;    border-radius: 0 26px;    overflow: hidden;    margin-top: 20px;    border: 1px solid #f1f1f1;}.post-content-list ul li {    margin-bottom: 10px;    display: inline-block;    width: 100%;}.post-content-list ul li:last-child{margin: 0;}.post-content-list ul li a {    border-bottom: 1px dashed #ccc;    padding-bottom: 10px;    position: relative;    background-image:linear-gradient(to right, #333a65, #333a65);    padding-bottom: 8px;    display: block;}.post-content-list ul li:last-child a{border:none; margin-bottom: 0;} .post-content-list ul li a:before {    content: '\f0c8';    padding-right: 10px;    font-family: 'fontawesome';    font-size: 10px;}/*widget category*/.widget-category ul li{  padding: 13px 15px;   border-bottom: 1px dashed #f1f1f1;   width: 100%;   margin:0;  position: relative;}.widget-category ul li:last-child{border: none; padding-bottom: 0;}.widget-category ul li:before{  content: '\f101';  font-family: 'fontawesome';  padding-right: 8px;}@media(max-width: 1100px) and (min-width: 991px){   #mt_blog .fullwidth .blog-post_wrapper .blog-post-image{width: 60%;}}@media(max-width: 1100px){  section#mt_blog.category-list{padding-bottom: 42px;} }@media(max-width: 991px){  section#mt_blog.category-list{padding-bottom: 20px;}  .post-content-list{margin-bottom: 22px;}  section#mt_blog.hot-tech, section#mt_blog.travel-list{padding-bottom: 20px;}}@media(max-width: 767px){  .hot-tech .blogmargin{margin-top: 30px;}}@media(max-width: 735px){  #mt_blog .fullwidth .blog-post_wrapper{display: block;}  #mt_blog .fullwidth .blog-post_wrapper .blog-post-image,  #mt_blog .fullwidth .blog-post_wrapper .post-content{width: 100%;}}@media(max-width: 639px){  .hot-tech .post-list-main{margin-bottom: 0;}  .hot-tech .blogmargin{margin:0;}  .post-list-main .entry-thumb, .post-list-main .content-entry-wrap{width: 100%!important;}  .post-list-main .content-entry-wrap{padding: 20px 0 0px; margin-bottom: 30px;}  .post-list-main .entry-thumb img{width: 100%;}}/* ============================= *//*          Stay Connected        *//* ============================= */.stay-connected {    display: -ms-flexbox;    display: -webkit-box;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    padding: 0;    margin: 0 0 20px;    list-style-type: none;    text-align: center;    background: #f5f6fa;    border-radius: 0 26px;}.stay-connected li {    width: 24%;    margin: 0;}.stay-connected li a {    padding: 15px;    border-left: 1px solid #eeeeee;    color: #232323;    display: inline-table;}.stay-connected li a:hover{background-size: inherit; background-image:none; opacity: 0.8; } .stay-connected li:first-child a {    border-left: 0;}.stay-connected li a i {    width: 50px;    height: 50px;    line-height: 50px;    background-color: #d72924;    color: #ffffff;    border-radius: 50%;    font-size: 19px;    display: inline-block;}.stay-connected li a i.fa-facebook {    background-color: #3b5998;}.stay-connected li a i.fa-twitter {    background-color: #0091ea;}.stay-connected li a i.fa-linkedin {    background-color: #1976d2;}.stay-connected li a i.fa-rss {    background-color: #ef6c00;}.stay-connected li a b {    display: block;    margin-top: 12px;    font-size: 18px;}.stay-connected li a span {    display: block;    color: #8a8a8a;}ul.twitter-widget-inner {    background: #fbfbfb;    padding: 15px;    border-radius: 0 26px;    border: 1px solid #f1f1f1;}ul.twitter-widget-inner li{  border-bottom: 1px dashed #f1f1f1;  padding-bottom: 10px;  margin-bottom: 10px;}ul.twitter-widget-inner li:last-child{border: none; padding-bottom: 0; margin-bottom: 0;}@media(max-width: 1100px) and (min-height: 991px){  .stay-connected li a {    padding: 15px 10px;  }  .stay-connected li a i {    width: 35px;    height: 35px;    line-height: 40px;  }  .stay-connected li a span{font-size: 12px;}}@media(max-width: 567px){    .stay-connected li a{padding: 10px 5px;}    .stay-connected li a i {        width: 35px;        height: 35px;        line-height: 38px;    }    .stay-connected li a span{font-size: 12px;}}/* ============================= *//*          Instagram        *//* ============================= */.mt_instagram .col-sm-2{padding: 0;}.mt_instagram img{border-radius: 0;}/* ============================= *//*          Footer        *//* ============================= */#mt_footer {    position: relative;    padding: 50px 0 0;    background: url(../images/tech/sliders/bg7.jpg) no-repeat;    background-size: cover;    background-position: top center;    background-attachment: fixed;}#mt_footer .container{position: relative; z-index: 1;}#mt_footer:before {    content: '';    background: #0b0e1ca8;    position: absolute;    top: 0;    left: 0;    right: 0;    width: 100%;    height: 100%;}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/6704(这个说明仅在演示里会看到,下载的源码里没有)*/