Team:Tianjin/Experiment/css/style.css

• { margin:0; padding:0; box-sizing:border-box;}

html{ font-size:62.5%;} li{ list-style:none;} img{ border:none 0; } a{ text-decoration:none; display:inline-block; /*color:#333;*/ } .clear { clear:both;} .clearfix:after{ content:" "; height:0; display:block; visibility:hidden; clear:both; } .auto{ margin:0 auto;} label,input,img{ vertical-align:middle;} .left{ float:left;}.right{ float:right;}

body{ font-family:"微软雅黑","黑体"; font-size:1.4rem; color:#333; /*background:rgba(0,153,255,.4);*/ }

1. YLimgwrap{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.6); z-index:3000; display:none; }
2. YLimgcon{ display:inline-block; padding:10px; position:absolute; background:#fff; }
3. YLimgcon:hover{ cursor:move; }
4. YLimgcon h4{ box-sizing:border-box; height:25px; line-height:20px; padding:0 0 5px; font-size:16px; font-weight:normal; /*background:#6CF*/}
5. YLimgcon h4 a{ float:right; display:inline-block; width:20px; height:20px; text-align:center; margin-left:6px; overflow:hidden; cursor:pointer; background-image:url(../img/imgzoom_tb.gif); background-repeat:no-repeat; border-radius:3px; }
6. YLimgcon h4 .YLt_close{ background-position:right top; }
7. YLimgcon h4 .YLt_close:hover{ background-position:right bottom; }
8. YLimgcon h4 .YLt_size{ background-position:-38px top;}
9. YLimgcon h4 .YLt_size:hover{ background-position:-38px bottom; }
10. YLimgcon .prev,#YLimgcon .next{ display:inline-block; width:40px; height:40px; position:absolute; top:50%; overflow:hidden; margin-top:-20px; display:none; }
11. YLimgcon .prev{ left:0; background:url(../img/ico_direction.png) left no-repeat; }
12. YLimgcon .next{ right:0; background:url(../img/ico_direction.png) right no-repeat; }