| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- .clearfix:before, .clearfix:after {
- content: '';
- width: 100%;
- height: 0;
- display: table;
- clear: both;
- }
- .checkImgBox {
- border: 1px solid #e5e5e5;
- padding: 5px;
- }
- .checkImgBox .imgbox {
- width: 100px;
- height: 100px;
- margin: 5px;
- float: left;
- position: relative;
- }
- .checkImgBox .imgbox img {
- width: 100%;
- height: 100%;
- }
- .checkImgBox .imgbox .ifcheck {
- display: block;
- position: absolute;
- top: 5px;
- right: 5px;
- width: 32px;
- height: 32px;
- /*background: rgba(0,0,0,0.5);*/
- border-radius: 3px;
- }
- .checkImgBox .imgbox.true .ifcheck:before {
- content: '';
- display: block;
- width: 10px;
- height: 16px;
- /*border-bottom: 2px solid #fff;
- border-right: 2px solid #fff;*/
- border-bottom: 5px solid #27c24c;
- border-right: 5px solid #27c24c;
- transform: rotate(45deg);
- -webkit-transform: rotate(45deg);
- margin-left: 15px;
- margin-top: 1px;
- border-radius: 5px;
- }
|