.banner-mobile{width: 100%;height: 200px;min-width: 1200px;margin: 70px auto 0;background: url(/skin/sucms/images/banner-case.jpg) no-repeat center}
.mobile-box{width: 100%;float: left;overflow: hidden;margin: 0 auto 35px}
.mobile-box .mobile-list li{margin: 0 13px 30px}
/*详情页面*/
.mobile-view{width: 100%;float: left;margin: 0 auto 35px}
.pageViewHead{padding-bottom: 20px;border-bottom:1px solid #eee;position:relative;display: flex;justify-content: space-between}
.pageViewHead-text{width: 100%}
.pageViewHead-text h1{font-size: 18px;color: #333;font-weight: normal;line-height: 30px;padding-bottom: 10px}
.pageViewHead-text span{color: #666;line-height: 24px;font-size: 12px}
.pageViewHead-text span small{margin: 0 5px}
.caseHeadBtn{width: 160px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #308ccf;border-radius: 4px;cursor: pointer;position: relative}
.caseHeadBtn i{margin-right: 5px}
.caseHeadBtn:hover{background: #54b1f4}
.caseHeadBtn:hover .wechat-qrcode {display: block}
.wechat-qrcode{display: none;border: 1px solid #eee;position: absolute;z-index: 9;top: 45px;left: -5px;width: 150px;height: 154px;color: #666;font-size: 12px;text-align: center;background-color: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);transition: all 200ms;-webkit-tansition: all 350ms}
.wechat-qrcode h4 {font-weight: normal;height: 26px;line-height: 26px;font-size: 12px;background-color: #f3f3f3;margin: 0;padding: 0;color: #777}
.wechat-qrcode .qrcode {width: 120px;margin: 2px auto}
.wechat-qrcode .qrcode img{width: 120px;height: 120px}
.pageViewLayout{width:100%;float: left;overflow:hidden;margin-top:20px}
.pageViewLayout-Head{width:100%;height:40px;background:#F5F5F5;line-height:40px;overflow: hidden;position:relative}
.pageViewLayout-Head span{display:inline-block;line-height:38px;padding:0 20px;float:left;color:#333;font-size:16px;background:#fff;margin-left:10px;border-bottom:2px solid #308ccf}
.pageViewBox{width: 100%;padding: 35px 10px 0;overflow: hidden}
.pageViewBox-left{width: 700px;float: left}
.pageViewBox-text{width: 100%;float: left;min-height: 300px}
.pageViewBox-text p{font-size: 16px;line-height: 26px;color: #333}
.pageViewBox-qrcode{width: 200px;float: left;margin-top: 55px}
.qr-code{width: 200px;float: left}
.qr-code img{width: 200px;height: 200px}
.qr-code span{width: 100%;float: left;color: #666;font-size: 14px;line-height: 24px;text-align: center}
.like-btn{width: 200px;float: left;margin-top: 10px;text-align: center;position: relative}
.zan{position: absolute;top: 36px;left: 7px;bottom: 0;right: 0;color: #FF5722}
.pageViewBox-right{width: 400px;margin: 0 40px;float: left}
.mobilePlatform{width: 396px;float: left;height: 675px;background: url(/skin/sucms/images/mb_bg_big.png) no-repeat;padding: 56px 54px 105px}
.mobilePlatform img{width: 288px;height: 513px}
@media screen and (min-width: 1024px){html,body {-webkit-user-select: initial;-moz-user-select: initial;-ms-user-select: initial;user-select: initial}}
@media screen and (max-width: 768px){.banner-mobile{min-width: 100%}
.caseHeadBtn,.qr-code{display: none}
.pageViewBox-left,.pageViewBox-qrcode,.like-btn{width: 100%}
.pageViewBox-text{min-height: inherit}
.pageViewBox-qrcode{margin-top: 0}
.pageViewBox-right{width: 100%;margin: 25px auto 0}
.mobilePlatform{width: 100%;background-position: center;padding: 56px 38px 105px}}
/* iPhone6 */
@media screen and (max-width: 375px){}
/* iPhone5、4 */
@media screen and (max-width: 320px){}