*:focus { outline: none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin:0 auto; padding: 0; }
html,body { height: 100%;}
img { border: 0 none; }
ul, li { list-style-type: none; }
h2, h5 { font-weight:100;}
h2, h4, h6{ font-size:12px;}
h1, h3, h5{ font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; color: #666; background: #f6f6f6; font-family: "Microsoft Yahei", simhei, verdana; margin:0;}
section{ margin:0 auto; width:100%;  display:table;}
a{ text-decoration:none; color: #484848;}
a:hover { text-decoration:none; color: #484848;}
i { font-style: normal;}
.main { width: 1200px; margin: 0 auto;}
.left { float: left;}
.right { float: right;}
.padding-15 { padding: 0 15px;}
.textCutout { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/*头部*/
.header { border-bottom: 2px solid #7db825; background: #fff; height: 85px;}
.header h1 { float: left; padding-top: 23px;}
.header .right { margin-top: 30px; background: url("../images/flow-steps-3.png") no-repeat left -26px; width: 341px; height: 24px;}

/*内容区*/
.box { background: #fff; margin: 30px auto;}
.plate { padding: 30px; padding-bottom: 0;}
.plate h3 { font-size: 14px; color: #333; padding-bottom: 20px;}

.plate-01 .content { overflow: hidden; zoom: 1; height: 45px; padding-left: 30px;}
.plate-01 .content li { float: left; overflow: hidden; padding-right: 30px;}
.plate-01 .content li input { vertical-align: middle; float: left; margin-top: 14px; margin-right: 6px;}
.plate-01 .content li span { float: left; display: block; border: 1px solid #ccc; width: 168px; height: 40px; text-align: center;}
.plate-01 .content li span:hover { border: 1px solid #7db825;}
.plate-01 .content li span img { width: 90px; display: inline; padding-top: 6px;}
.plate-01 .content li i { line-height: 42px; display: inline-block; padding-left: 10px; color: #7db825;}

.plate-02 { padding-bottom: 10px;}
.plate-02 h3 span { float: right; font-weight: normal;}
.plate-02 h3 span a { color: #39c;}
.plate-02 .table-title { border-bottom: 2px solid #ccc; overflow: hidden; zoom: 1; height: 40px; line-height: 40px; color: #333; text-align: center;}
.plate-02 .table-title span { display: inline-block; width: 14%; float: left;}
.plate-02 .table-title span:first-of-type { width: 44%;}
.plate-02 .table-01 { width: 100%; margin-top: 15px; border-collapse: collapse; border: 1px solid #e2e2e2;}
.plate-02 .table-01 th { background: #eee; border-bottom: 1px solid #e2e2e2; color: #999; text-align: left; font-weight: normal; padding-left: 20px; height: 30px; line-height: 30px;}
.plate-02 .table-01 td { text-align: center; color: #333; font-size: 14px;}
.plate-02 .table-01 tbody tr:first-of-type td:first-of-type { text-align: left; padding-left: 20px; line-height: 40px;}
.plate-02 .table-01 td img { width: 40px; vertical-align: middle; padding-right: 10px;}
.plate-02 .table-01 tbody tr:first-of-type td { padding-top: 20px; padding-bottom: 5px;}
.plate-02 .table-01 tbody tr:nth-of-type(2) td { padding: 10px 0; padding-left: 20px;}
.plate-02 .table-01 tbody tr:nth-of-type(2) td .left input { width: 420px; height: 28px; border: 1px solid #ccc; background: none; padding: 0 5px;}
.plate-02 .table-01 tbody tr:nth-of-type(2) td .right { width: 200px; text-align: left;}
.plate-02 .table-01 tbody tr:nth-of-type(2) td .right span { color: #7db825;}
.plate-02 .table-bottom { overflow: hidden; zoom: 1; margin-top: 20px; position: relative;}
.plate-02 .table-bottom i.ico { display: block; position: absolute; left: 853px;}
.plate-02 .table-bottom i.ico:nth-of-type(1) { top: 30px;}
.plate-02 .table-bottom i.ico:nth-of-type(2) { bottom: 30px;}
.plate-02 .table-bottom .left { font-size: 14px; color: #333; width: 818px; padding: 15px 20px; height: 130px; border: 1px solid #e2e2e2;}
.plate-02 .table-bottom .right { width: 268px; height: 130px; border: 1px solid #e2e2e2; padding: 15px 0;}
.plate-02 .table-bottom .right .top { color: #333; line-height: 20px; border-bottom: 1px solid #e2e2e2; height: 84px; padding: 10px 50px; padding-top: 0;}
.plate-02 .table-bottom .right .top span { padding-right: 10px; float: left; width: 84px; text-align: right;}
.plate-02 .table-bottom .right .bottom { color: #333; padding-top: 3px; text-align: center; font-size: 14px; font-weight: bold;}
.plate-02 .table-bottom .right .bottom span { color: #7db825; font-weight: normal;}
.plate-02 .table-bottom .right .bottom span i { font-size: 30px;}

.box-bottom { background: #eee; height: 70px; position: relative;}
.box-bottom i.bg-ico { position: absolute; height: 80px; width: 11px; display: block; top: -10px;}
.box-bottom i.bg-ico:nth-of-type(1) { left: -11px; background: url("../images/pay-bg.gif") no-repeat left center;}
.box-bottom i.bg-ico:nth-of-type(2) { right: -11px; background: url("../images/pay-bg.gif") no-repeat right center;}
.box-bottom .left { line-height: 70px; color: #666; padding-left: 30px;}
.box-bottom .right { padding-top: 10px; width: 800px; padding-right: 10px;}
.box-bottom .right button { cursor: pointer; width: 180px; height: 50px; background: #7db825; font-size: 20px; color: #fff; border: none; display: block; float: right;}
.box-bottom .right p { text-align: right; padding-right: 230px; line-height: 50px; font-size: 14px; color: #666;}
.box-bottom .right p span { color: #7db825; font-size: 20px; padding: 0 5px;}

/*弹窗*/
.popup-box { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3); left: 0; top: 0;}
.popup { width: 300px; height: 80px; text-align: center; line-height: 80px; font-size: 16px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -40px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.popup .close { display: block; width: 15px; height: 15px; position: absolute; right: 10px; top: 10px; cursor: pointer;}