.ck-content{ font-size: 14px; line-height: 1.8; font-family: "Microsoft Yahei","Î¢ÈíÑÅºÚ";}

.case_view .moban_buy .icon{width: 32px;height: 32px;background-image: url(/images/newpc/index/meal_icon1.png);background-repeat: no-repeat;float: right;cursor: pointer;}
.case_view .moban_buy .wx_icon{background-position: -96px 0;}
.case_view .moban_buy .xcx_icon{background-position: -128px 0;}
.case_view .moban_buy .bd_icon{background-position: -160px 0;}
.case_view .moban_buy a{border: none !important;margin-right: 10px;}
.case_view .moban_content{width: calc(100% - 140px) !important;}
.case_view .moban_buy{width: 140px !important;padding: 0 !important;margin-top: 45px;}
.case_view .viewMain .preview_phone img.phone_code{width: 100px;height: 100px;}
.case_view .moban_buy .wx_icon:hover .code_mask1{z-index: 5;filter:alpha(opacity=100);opacity:1;}
.case_view .moban_buy .xcx_icon:hover .code_mask2{z-index: 5;filter:alpha(opacity=100);opacity:1;}
.case_view .moban_buy .bd_icon:hover .code_mask3{z-index: 5;filter:alpha(opacity=100);opacity:1;}
.case_view .moban_buy .icon .code_mask{-o-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
/*.case_view .moban_buy .icon:hover{top: -5px;transform: scale(1.1);}*/
.case_view .moban_buy .wx_icon:hover{background-position: -96px -3px;}
.case_view .moban_buy .xcx_icon:hover{background-position: -128px -3px;}
.case_view .moban_buy .bd_icon:hover{background-position: -160px -3px;}
.case_view .code_mask p{color: #ddd !important;}

.case_view {text-align:left;font-size:0;-webkit-size-text-adjust:none;}
.case_view {position:relative;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:30px;display:inline-block;width:330px;background:#fff;}
.case_view .moban_image{position:relative;}
.case_view .moban_image .moban_pc{height:265px;border-bottom:1px solid #eeeeee;overflow:hidden;}
.case_view .moban_pc>img{width:100%;height:auto;}
.case_view .moban_phone{position:absolute;bottom:-20px;right:10px;z-index:2;padding-bottom: 10px;background: url(../images/moban/moban_shadow.png) no-repeat 50% 100%;background-size:100% auto;}
.case_view span{font-size:12px;display:block;line-height: 24px;}
.case_view .case_top span{width:4px;height:4px;border-radius:100%;background:#fff;display: inline-block;vertical-align: middle;margin-right:3px;margin-top: 8px;}
.case_view .case_top{padding-left:12px;background:#e4e4e4;height:20px;line-height:18px;}
.case_view .moban_price{color:#ff0000;font-family:Georgia;float:right;}
.case_view .moban_content span{width:100%;display:block;color:#888888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px;font-family:"Noto Sans CJK SC Light","Source Han Sans CN Light","Microsoft Yahei";}
.case_view .moban_content .moban_name{color:#333333;font-size:16px;}
.case_view .moban_edition{float:right;}
.case_view .moban_sales font{color:#b57c5b;}
.case_view .moban_sales{text-align:center;line-height:35px;width:-moz-calc(100% - 184px);width:-webkit-calc(100% - 184px);width:calc(100% - 184px);float:left;}
.case_view .moban_content{float:left;padding:23px 10px 23px 20px;box-sizing:border-box;width:-moz-calc(100% - 102px);width:-webkit-calc(100% - 102px);width:calc(100% - 102px);}
.case_view .moban_content_mobile{display: none;}
.case_view .moban_use{-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s;line-height:35px;width:184px;border-left: 1px solid #eeeeee;font-size:12px;display:block;box-sizing:border-box;text-align:center;float:left;}
.case_view .moban_use:hover{background:rgba(255, 0, 0, 1);color:#fff;border-color:rgba(255, 0, 0, 1);}
.case_view .moban_buy{width:102px;float:right;padding: 45px 10px 0 0;box-sizing: border-box;text-align: right;}
.case_view .moban_buy a{display:inline-block;width:35px;height:35px;border:1px solid #d5d8e1;-o-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.case_view .moban_buy .case_preview{background:url(../images/case/case_preview.png) no-repeat 50% 50%;}
.case_view .moban_buy .case_code{background:url(../images/case/case_code.png) no-repeat 49% 49%;margin-left:10px;}
.case_view .moban_buy .case_preview:hover{background:#e83632 url(../images/case/case_preview_hover.png) no-repeat 50% 50%;border:1px solid #eeeeee;}
.case_view .moban_buy .case_code:hover{background:#e83632 url(../images/case/case_code_hover.png) no-repeat 49% 49%;border:1px solid #eeeeee;}
.case_view .moban_buy .case_code:hover .code_mask{z-index: 5;filter:alpha(opacity=100);opacity:1;}
.case_view .moban_buy .code_mask{-o-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;filter:alpha(opacity=0);opacity:0;z-index:-1;box-sizing: border-box;padding-top:40px;clear:both;position: absolute;width: 100%;left: 0;top: 0;height:300px;background:rgba(24,24,24,0.6);}
.case_view .moban_buy .code_mask img{width:140px;height:140px;display:inline-block;margin:40px 0 15px;background: #fff;}
.case_view .code_mask div{text-align:center;}
.case_view .code_mask h4,.case_view .code_mask p{font-weight: normal;font-size: 14px;color: #fff;font-family: "Noto Sans CJK SC Light","Source Han Sans CN Light","Microsoft Yahei";}
.case_view .code_mask h4 font{display:none;}
.case_view .moban_pc:hover .preview_pc{filter:alpha(opacity=100);opacity: 1;}
.case_view .viewMain:hover .preview_phone{filter:alpha(opacity=100);opacity: 1;}
.case_view .preview_pc,.case_view .preview_phone{display: block;position: absolute;width:100%;height:100%;z-index:1;top:0;left:0;background: rgba(0,0,0,.6);filter:alpha(opacity=0);opacity: 0;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-o-transition: all ease-in .3s;transition: all ease-in .3s;}
.case_view .preview_pc img{left:50%;top:50%;position:absolute;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.case_view .moban_icon{z-index:3;display:table;position:absolute;top:0;right:0;}
.case_view .moban_icon span{font-family:"Microsoft Yahei";font-size:12px;color:#f5f5fa;line-height:20px;padding:0 10px;display:block;float:left;}
.case_view .discount_icon{background:#ff5722;}
.case_view .wuheyi_icon{background:#2593ff;}
.case_view .industry_icon{background:#00b262;}

.case_view .viewPhone {overflow: hidden;border: 1px solid #bbb;border-radius: 12px;background: #f5f5f5;width: 135px;box-sizing: border-box;}
.case_view .viewTitle {text-align: center;}
.case_view .dian {height: 10px;overflow: hidden;}
.case_view .heng{text-align:center;margin-bottom:7px;}
.case_view .heng span {display:inline-block;height:1px;background:#d4d4d4;width:16px;}
.case_view .viewMain{width:125px;height:200px;border:1px solid #d4d4d4;margin:0 auto;position:relative;overflow:hidden;}
.case_view .viewMain img{width: 100%;height: auto;}
.case_view .quan {width: 14px;height: 14px;border: 1px solid #bbb;margin: 4px auto 5px;border-radius: 100%;}
.case_view .viewMain .preview_phone img{width:auto;left:50%;top:50%;position:absolute;-o-transform:translate(-50%,-50%);  -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.side img{ position: absolute; left: 50%; top: 0; z-index: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
