JSFiddle - React, Tailwind, and code Playground
by BU XIAO
CSS
<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>【ocr文字识别软件】汉王OCR图片文字识别 免费中文版-ZOL软件下载</title><meta name="keywords" content="ocr文字识别软件,汉王OCR图片文字识别,汉王OCR图片文字识别下载,汉王OCR图片文字识别免费下载,汉王OCR图片文字识别免费中文版高速下载"/><meta name="description" content="汉王ocr文字识别软件V8.1(免费下载)对软件进行全面升级,提供图片文字识别服务,是一个带有PDF文件处理功能的OCR软件。"/>
<base target="_blank" />
<link href="http://icon.zol-img.com.cn/xiazai/css/web_head_top.css" type="text/css" rel="stylesheet" />
<link href="http://icon.zol-img.com.cn/xiazai/css/detail2.css" type="text/css" rel="stylesheet" />
<script language="JavaScript" src="http://p.zol.com.cn/download/detail.js?1"></script>
<script language="JavaScript" src="http://icon.zol-img.com.cn/getcook.js" type="text/javascript"></script>
<script type="text/javascript" src="http://icon.zol-img.com.cn/xiazai/js/jquery-1.7.2.js"></script>
<style>
#zhead2 {margin: 10px auto 10px;}
.share{height:22px;line-height: 22px;}
.complaint{ float: left; height: 28px; line-height: 28px; }
.share span.bds_more{padding-top: 3px;}
/*广告样式*/
.soft-introbox{ width:100%; border-collapse:collapse;}
.soft-introbox td{ padding:0;}
.soft-introbox .soft_intro{ float:none; width:auto; vertical-align:top;}
.soft-introbox .banner1{ float:none; padding:0 0 0 10px;}
.soft-introbox .banner1 img{ vertical-align:middle;}
.soft-introbox .block_tit2{width:517px}
/*下载详情页样式*/
/*down_now*/
.down_now .down_btn i{width: 135px; height: 25px; background: url(http://icon.zol-img.com.cn/xiazai/images/bg3.png) no-repeat 0 -160px;}
.down_now .down_btn em{width: 135px;}
/*soft_info*/
.soft_info .soft_size .size{float: left; width: 100px;}
/*down_about*/
.down_about .download{padding-top: 5px; border: 2px solid #f60;}
.down_about .download h2{padding: 0 0 0 10px;}
/*member-area*/
.member-icon,
.gray-member-icon{background: url(http://icon.zol.com.cn/xiazai/images/member-bg.png) no-repeat;}
.member-icon{position: absolute; top: -1px; right: -1px; width: 57px; height:...