table{border-collapse:collapse;border-spacing:0}
.mod-panel{width:100%;max-width:960px;margin:0 auto 30px}
.mod-panel .hd{padding-top:15px;margin-bottom:10px;line-height:30px;text-align:center}
.mod-panel .hd h1{font-weight:400;font-size:24px;color:#212121}
.mod-panel .hd p{margin-bottom:15px;font-size:16px;color:#bdbdbd;text-align:center}
.mod-panel .bd{width:100%;max-width:526px;margin:0 auto}
.mod-panel .ft .list{padding:10px 0;border-top:1px solid #ccc;background:#fff}
.mod-panel .ft .list h4{line-height:24px;font-size:16px}
.mod-panel .ft .list h4 a{color:#1c5f82}
.mod-panel .ft .list p{margin-bottom:8px;line-height:24px;font-size:14px;color:#333}
.mod-panel h2{margin:10px 0;line-height:24px;font-size:22px;text-align:center}
.mod-panel h3{margin:20px 0 5px 0;line-height:24px;font-size:16px;text-align:left}
.gupiao{width:100%}
.gupiao li{list-style:none}
.gupiao button{outline:none}
.gupiao .switch{height:30px;width:312px;margin:10px auto;color:#555;font-size:16px;background:none}
.gupiao .switch input{border:none;width:155px;text-align:center;height:25px;line-height:28px;cursor:pointer;background:none;font-size:12px}
.gupiao .switch .selected{color:#FFF;font-weight:bold;cursor:default}
.gupiao .switch .switch1{background:url(yl1.png) no-repeat;width:312px}
.gupiao .switch .switch2{background:url(yl2.png) no-repeat;width:312px}
.control{margin-top:10px;margin-bottom:20px}
.control button{border:none;height:32px;width:82px;cursor:pointer;margin-right:10px}
.sum{background:url(button-cal.png) no-repeat}
.reset{background:url(button-reset.png) no-repeat}
.box{width:526px;margin-top:5px}
.box .top{background:url(box-top.png) top no-repeat;height:32px;color:#00A61D;font-weight:bold;line-height:32px;padding-left:15px;position:relative}
.box .top-white{background:url(box-top-white.png) top no-repeat;height:4px;overflow:hidden}
.box .mid{background:#FFF url(box-mid.gif) repeat-y;padding:10px 20px 10px 20px}
.box .bottom{background:url(box-bottom.png) no-repeat;height:4px;overflow:hidden}
.list input{margin-right:5px;width:97px;padding:0 0 0 3px}
.list input[type='text']{font-family:Arial}
ul.list{}
ul.list li input{margin-top:2px}
ul.cal li{text-align:left;background:none;list-style:none;margin:10px 0}
ul.cal-yl2 li{padding-right:0px;text-align:left;background:none;height:auto}
ul.cal-yl2 span,ul.cal span{text-align:left;margin:5px}
ul.cal-yl2 strong,ul.cal strong,.yl2-plan strong{color:#00A61D;margin:5px;font-size:14px;font-family:Arial}
.yl2-plan{line-height:20px}
.yl2-plan strong{margin-left:5px}
table.table-list{width:486px;border-collapse:collapse;margin:0;padding:0}
table.table-list td{height:30px;line-height:30px}
table.list td.first{text-align:right;padding-right:5px}
table.table-list td.hint{color:#999}
table.table-list td.error{color:#C00;padding-left:8px}
table.table-list td input.error{border:1px solid #C00}
table.list span{margin-left:3px}
table.table-list input{margin:0 5px 0 0;padding:0;line-height:normal}
#yl2{display:none}
#yl1 td.first{width:200px}
@media screen and (max-width:1023px){.mod-panel .hd{padding-top:0;line-height:22px}
.mod-panel .hd h1{font-size:16px;color:#333}
}@media screen and (max-width:640px){.mod-panel .hd{text-align:left}
.mod-panel .hd p{font-size:14px}
.mod-panel .bd a{float:none}
.mod-panel .ft{padding-top:15px}
.mod-panel .ft p{margin-bottom:10px;line-height:22px;text-align:left}
}