*{ margin:0; padding:0; } .csdn-adb{ height:50px; width:100%; background:#dce3e8; line-height:50px; text-align:center; position:relative; } .csdn-adb img{ width:40px; height:40px; vertical-align: bottom; } .csdn-adb img,.csdn-adb span{ display:inline-block; } .csdn-adb span{ font-size:14px; color:#4d4d4d; vertical-align: middle; margin-left:10px; } .csdn-adb .check_a{ color:#2b81a9; } .csdn-adb .check_close{ display:inline-block; height:50px; position: absolute; top:16px; right:5%; cursor:pointer; line-height:16px; } .csdn-adb .check_close svg{ font-size:14px; color:#333333; width:16px; height:16px; } .csdn-adb-bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index:99998; } .csdn-adb-bg .tip-box{ width: 350px; height: 132px; position: absolute; left: 50%; top:50%; margin-left: -175px; margin-top: -66px; background: #FFFFFF; border: 1px solid #E3E3E3; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10); font-size: 14px; color: #4D4D4D; letter-spacing: 0; line-height: 22px; padding: 16px; box-sizing: border-box; z-index: 9999; } .csdn-adb-bg .tip-box a.close{ position: absolute; top:10px; right: 12px; color: #E0E0E0; font-weight: 300; font-size: 26px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */ text-decoration: none; } .csdn-adb-bg .tip-box a.login{ position: absolute; bottom:25px; right:16px; width: 33px; font-size: 14px; color: #CA0C16; letter-spacing: 0; text-decoration: none; font-weight: 500; }