* {margin: 0;padding: 0;}
body {font-size: 14px;line-height: 1;background-color: #fff;font-family: "Microsoft YaHei", Helvetica, STHeiti, Verdana, Arial, Tahoma, sans-serif;-webkit-font-smoothing: antialiased;overflow-x: hidden;width: 100%;min-height: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;font: .24rem/1.8 "Microsoft Yahei", Arial;color: #333;background: #fff;}
img {border: none;vertical-align: top;}
ul {list-style: none;}
a {color: inherit;text-decoration: none;-webkit-tap-highlight-color: rgba(255,255,255,0);}
em{font-style: normal;}
html{font-size: 40px;}
.header_mobile {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-ms-justify-content: space-between;-o-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;padding: 6px 12px;background-color: #701e32;background-color: rgba(0, 0, 0, 0.7);box-sizing: border-box;}
.header_mobile .logo {display: block;width: 105px;}
.header_mobile .logo > img {display: block;width: 100%;}
.header_mobile .menu {position: relative;}
.header_mobile .menu > img {display: block;width: 20px;padding: 5px 0 5px 5px;}
.header_mobile .menu > .drop_down {position: absolute;top: 36px;right: -12px;-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transition: transform 0.4s;transition: transform 0.4s;}
.header_mobile .menu > img.active + .drop_down {-webkit-transform: scale(1) !important;transform: scale(1) !important;}
.header_mobile .menu > .drop_down a {position: relative;display: block;width: 130px;padding: 10px 0;font-size: 13px;text-align: center;color: #fff; background-color: rgba(0,0,0,0.5);box-sizing: border-box;}
.header_mobile .menu > .drop_down a:active { background-color: rgba(0,0,0,0.8);}
.header_mobile .menu > .drop_down a:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px; background-color: rgba(255,255,255,0.3);-webkit-transform: scaleY(0.5);transform: scaleY(0.5);box-sizing: border-box;}

.footer_mobile {display: block;padding: 30px 10px 0;background-color: #f3f3f3;text-align: center;clear:both;}
.footer_mobile.white_bg {background-color: #fff;}
.footer_mobile .nav {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;color: #666;text-align: center;font-size: 14px;padding-bottom: 20px;}
.footer_mobile .nav a {padding: 0 6px;line-height: 14px;}
@media screen and (max-width: 321px){
.footer_mobile .nav a {padding: 0 4px;}
}
.footer_mobile .nav a + a {border-left: 1px solid #999;}
.footer_mobile .section_connect {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 20px;}
.footer_mobile .section_connect .text {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: left;}
.footer_mobile .section_connect .text > h4{font-weight: 500;font-size: 16px;color: #333;margin-bottom: 10px;}
.footer_mobile .section_connect .text .tel {position: relative;display: block;font-weight: 500;font-size: 18px;color: #fe992d;margin-bottom: 10px;padding-left: 25px;}
.footer_mobile .section_connect .text .tel:before {content: "";position: absolute;top: -2px;left: 0;width: 20px;height: 20px;background-image: url(http://m.yunmof.com/images/product/icon_phone1.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
.footer_mobile .section_connect .text .info {font-weight: 500;font-size: 12px;color: #999;}
.footer_mobile .section_connect .qrcode {width: 35%;}
.footer_mobile .section_connect .qrcode > img {display: block;width: 100%;margin-bottom: 10px;}
.footer_mobile .section_connect .qrcode > p {display: block;text-align: center;font-size: 14px;color: #666;}
.footer_mobile .copyright_setion {text-align: center;font-size: 12px;color: #aaa;line-height: 18px;padding-bottom: 15px;}




/*PC样式隐藏*/
.header_top,.header,.connect,.footer,.case-des,.kf_online,.case-list li span{display: none;}

.fl{float: left;}
.fr{float: right;}
.customer-case,.cube-college{margin-top: 42px;}
.case-tab,.cube-college .cube-tab{width:100%;height:54px;border-bottom:1px solid #e5e5e5;padding-top:18px;margin-bottom:20px;}
.case-tab .container,.cube-college .cube-tab .container{height:100%;padding: 0 .25rem;}
/*.case-tab h3,.cube-college .cube-tab h3{padding-top: 0.34rem;}*/
.customer-case .case-tab h3{font-size: 0.6rem;font-style: normal;line-height: 1rem;}
.case-tab h3 a,.cube-college .cube-tab h3 a{/*font-size:17px;color:#000;width:100px;*/}
.case-tab h3 a:hover,.cube-college .cube-tab h3 a:hover{color:#fe763a;}
.case-tab ul{width:10rem;overflow: hidden;height:1rem;line-height: 1rem;}
.case-tab ul li,.cube-college .cube-tab ul li{float:left;}
.cube-college .cube-tab ul li{float:right;}
.cube-college .cube-tab ul li:nth-child(4),.cube-college .cube-tab ul li:nth-child(5){display: none;}
.case-tab ul li a,.customer-case .case-tab .case-more a,.cube-college .cube-tab ul li a{display: inline-block;line-height: 1.2rem;font-size: 11px;color: #676767;padding-right: 0.14rem;/*display: inline-block;height:35px;line-height: 35px;font-size:11px;color:#676767;padding-right: 5px;border-radius:35px;*/}
.case-tab ul li{/*margin-bottom: 20px;*/}
.case-tab .case-more a{/*color:#fff;background-color:#313131;*/}
.case-tab .case-more a em{font-size: 14px;}
.case-tab ul li a:hover,.cube-college .cube-tab ul li a:hover{color:#fff;background-color: #fe763a;}
.case-tab ul.more{overflow: visible}
.case-tab.more{height:110px;}
.cube-college .case-tab .container ul li a{line-height: 1rem;}


.case-list{padding: 0 0.5rem;}
.case-list ul li{text-align: center;margin-bottom: 0.7rem;}
.case-list img{width: 100%;height: 8.35rem;}
.case-title {width:100%;height: 1.35rem;line-height:1.35rem;text-align:left;margin: -1.35rem auto 0;background: rgb(17, 17, 17);color: #fff;opacity: 0.7;}
.case-title a{margin-left: 1rem;font-size: 0.5rem;}

.pagination{padding:0 0.5rem;}
.pagination ul li{float: left;width:auto;text-align: center;margin-right: 0.22rem;}
.pagination ul li:last-child{width:auto;}

.college-right,.hot-topics,.wx-tools,.hishop{display: none;}
.college-left{width: 96%;padding: 0 2%;}


a[title="站长统计"]{display: none;}
.artical_con img{width: 90% !important;height:50% !important;}
.npar {margin-top:20px;}
.npar .fl{float: none!important;}
.npar .fr{float: none!important;}

.college-left h1{text-align: center;}
.college-left .info{text-align: center;}
.college-left .info span{margin-right: 0.6rem;}

/*魔方学院移动端*/
.cube-search,.article-detail span{display: none;}
.article-img img{height: 1.8rem;width: 1.8rem;}
.article-detail {height: 1.8rem;width:6.4rem;padding-left: 0.3rem; overflow:hidden;}
.college-left ul li{height: 1.8rem; margin-bottom: 0.4rem;}
.college-left ul li p{height: 1rem; text-overflow : ellipsis; overflow : hidden;font-size: 0.3rem; }
.college-left ul li .article-detail h3{font-size: 0.32rem !important;text-overflow : ellipsis; white-space : nowrap; overflow : hidden; }
.college-left ul li .article-detail p{color: #999;margin-top: 0.22rem;}
.artical_con p span{font-size: 0.3rem !important;}
.customer-case .pagination{font-size: 0.5rem;}