常用CSS汇总

html{font-size: 625%;margin: 0 auto;}body{color: #333;/*background-color: #f9f9f9;*/font-size: 0.14rem;}*{margin: 0;padding: 0;font-family: 微软雅黑;box-sizing: border-box;}a:hover{cursor: pointer;text-decoration: none;}li{list-style: none;}body.memorial {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}.fleft{float: left;}.fright{float: right;}.clb{clear: both;}.clearfloat:after{display:block;clear:both;content:\"\";visibility:hidden;height:0;}.clearfloat{zoom:1}.kubox{display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */display: flexbox;//display: box; /* OLD - Android 4.4- *//* display: -webkit-box; */ /* OLD - iOS 6-, Safari 3.1-6 */display: -ms-flexbox; /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */}.yifen{width: 20%; /* For old syntax, otherwise collapses. */-webkit-flex: 1; /* Chrome */-ms-flex: 1; /* IE 10 */box-flex:1.0;flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */-moz-box-flex: 1; /* OLD - Firefox 19- */}.twofen{-webkit-flex: 2;-ms-flex: 2;box-flex:2.0;flex: 2;-webkit-box-flex: 2;-moz-box-flex: 2;}.sanfen{-webkit-flex: 3;-ms-flex: 3;box-flex:3.0;flex: 3;-webkit-box-flex: 3;-moz-box-flex: 3;}.sifen{-webkit-flex: 4;-ms-flex: 4;box-flex:4.0;flex: 4;-webkit-box-flex: 4;-moz-box-flex: 4;}.liufen{-webkit-flex: 6;-ms-flex: 6;box-flex:6.0;flex: 6;-webkit-box-flex: 6;-moz-box-flex: 6;}.cenflex{-webkit-align-items: center; /* Safari 7.0+ */-moz-align-items: center;-ms-align-items: center;align-items: center;}.flexcen{-webkit-justify-content: center; /* Safari 6.1+ */-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}.flexright{-webkit-justify-content: flex-end; /* Safari 6.1+ */-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;}.yflex{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.box_stretch{-webkit-align-items: stretch; /* Safari 7.0+ */-moz-align-items: stretch;-ms-align-items: stretch;align-items:stretch;}.wrapflex{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}.fensanflex{-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;}.dangeyou{-webkit-align-self: flex-end;-moz-align-self: flex-end;-ms-align-self: flex-end;align-self: flex-end;}.ccsl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ccsl2{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient:vertical;display: -o-box;-o-line-clamp: 2;-o-box-orient:vertical;display: -ms-box;-ms-line-clamp: 2;-ms-box-orient:vertical;}.ccsl3{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient:vertical;display: -o-box;-o-line-clamp: 3;-o-box-orient:vertical;display: -ms-box;-ms-line-clamp: 3;-ms-box-orient:vertical;}.center_1200{width: 12rem;margin: 0 auto;}.juzhong{width: 100%;position: fixed;left: 50%;top: 50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin-top: -13px;}.xcenter{-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.ycenter{-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.xycenter{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}.border_box{box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;}.text_align{text-align: justify;text-justify:inter-ideograph;/*IE*/}.zfxing{width: 100%;padding-bottom: 100%;height: 0;}.zhengfx {width: 100%;overflow: hidden;}.zhengfx:after {content: \'\';display: block;margin-top: 100%; /* margin 百分比相对父元素宽度计算 */}.suoxiao7{transform: scale(0.7);-o-transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform-origin-x: 0;-o-transform-origin-x: 0;-webkit-transform-origin-x: 0;-moz-transform-origin-x: 0;-ms-transform-origin-x: 0;}.he{background-color: #fff;height: 50px;line-height: 50px;width: 100%;position: fixed;top: 0;z-index: 1000;border-bottom: 2px solid #b8b8b8;}.youdian{font-size: 24px !important;position: fixed;right: 16px;}.spxq{max-width: 61%;font-size: 18px;color: #333;position: fixed;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}.mui-btn.mui-btn-link.zfanhui{margin: 0;padding: 0;margin-left: 10px;color: #333;font-size: 24px;line-height:50px;}.mar_top50{margin-top: 50px;}.mar_top60{margin-top: 60px;}.left_10{margin-left: 10px;}.gao50{height: 50px;}.gao35{height: 35px;}.height_120{height: 1.2rem;}.height_50{height: 0.5rem;}.height_80{height: 0.8rem;}.gao44{height: 0.44rem;}.font_12{font-size: 12px;}.font_16{font-size: 16px;}.con_kuan{width: 14.4rem;margin: 0 auto;}