telephone-clients 3.0.104-56 → 3.0.104-57

package/src/components/pos/css/style.less

@@ -1,158 +1,158 @@
-body{margin:0px;padding:0px;background-size: 100%;}
-body,html{ height:100%;}
-
-.mhead {height: 10%;padding: 0px;background: #499edf;}
-.mhead ul {height: 100%;margin:0px; padding:0px;}
-.mhead ul li {height: 100%;margin:0px;padding:0px;}
-.mhead ul li text {color: white;font-size: 24px;display:inline-block;margin-top: 4%;width: 100%;text-align: center}
-.mhead ul li a {width: 40px;display: inline-block; height: 40px;}
-// .mhead ul li a:hover{background: white;}
-.body {  height: 80%;  padding: 0px;  margin: 0px; }
-.body h4{text-align: left;margin-left: 3%;color: red;}
-.foot { width: 100%;  height: 10%;   background: #86c0ec;}
-.foot text {color: white;font-size: 24px;display:inline-block;margin-top: 4%;width: 100%;text-align: center}
-.loadview {text-align: center;height: 80%;padding-top: 50%;}
-.infobody {height: 80%;margin: 0px;padding: 0px;margin-left: 1%;margin-right: 1%;}
-.userinfo {height: 17%;margin-top: 1%;}
-.userinfo table tr td input{border-left: none;border-top: none;border-right: none;border-radius:0px;box-shadow: none;border-bottom:  solid 1px #ccc;width: 100%;}
-.cardview {height: 12%;}
-.cardinfo table tr td input{border-left: none;border-top: none;border-right: none;border-radius:0px;box-shadow: none;border-bottom:  solid 1px #ccc;width: 100%;}
-.tab {height: 61%;margin: 0px;padding: 0px;margin-top: 1%;}
-.lists {height: 63%;margin-top: 10px;}
-.tabview {height: 85%;}
-.mlist{width: 98%;margin-left: 1%;margin-right: 1%;height: 100%;}
-// .grid {border: solid 1px black;height: auto;}
-td.lab {font-size: 14px;}
-.buybtn {height: 5%;margin:0px;padding:0px;text-align:center;}
-
-
-.mhead ul li a.back{margin-left: 5px;background:url(../image/back_btn.png) no-repeat left center;border-right: solid 1px #808080;}
-.mhead ul li a.back:hover{margin-left: 5px;background:url(../image/back_btn_hover.png) no-repeat left center;border-right: solid 1px #808080;}
-.mhead ul li a.back:active{margin-left: 5px;background:url(../image/back_btn_hover.png) no-repeat left center;border-right: solid 1px #808080;}
-.mhead ul li a.tomain {float: right;margin-right: 5px; background:url(../image/close_btn.png) no-repeat left center;border-left: solid 1px #808080;}
-.mhead ul li a.tomain:hover { float: right;margin-right: 5px;background:url(../image/close_btn_hover.png) no-repeat left center;border-left: solid 1px #808080;}
-.mhead ul li a.tomain:active { float: right;margin-right: 5px;background:url(../image/close_btn_hover.png) no-repeat left center;border-left: solid 1px #808080;}
-
-.mune {margin-left: 85%;width:15%;text-align: center;height: 100%;}
-.mbtn {background: #F5F5F5;height: 100%;width: 100%;text-align: center;border-left: solid 1px #ccc;}
-// .mune ul {margin-bottom: 15px;padding: 0px;}
-.mune ul li a {height: 40px;font-size: 14px;line-height: 40px;color: black;}
-.glyphicon {color: black;}
-.butt {margin-left: 20%;  margin-right: 20%;  margin-top: 20%;  height: 30%;  width: 60%;  border-radius: 5%;  text-align: center;align-items:center;}
-.butt div.content {line-height:320%;  height: 100%;  font-size: 48px;  color: white;  text-align:center;}
-.butt span{ width: 100%;  font-size: 48px;  color: white;  text-align: center;}
-
-.searchview { margin-top: 1%;  height: 92%;}
-p.address{  text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;  width:180px;}
-p.name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;  width:60px;}
-
-
-
-
-
-.selectview {height: 40%;text-align:center;}
-.selectview h5 {text-align: left;margin-left: 2%;}
-.selectview h5 span {float: right;color: red;font-size: 10px;margin-top: 2px;margin-right: 2%;}
-ul.selectbuy1{margin-top: 2%;padding:0px;width: 98%;}
-ul.selectbuy1 li{margin-left: 3%;float:left;padding:0px;list-style-type: none; display: inline-block; width:30%;margin-top: 2%;}
-ul.selectbuy1 li a{display: inline-block; width:100%;border:solid 1px #ddd;border-radius: 5px;font-size: 16px;padding:20px 0px;text-align: center;}
-ul.selectbuy1 li a.getfocus{display: inline-block; width:100%;border:solid 1px #6ac637;border-radius: 5px;background:#6ac637;color: white;font-size: 16px;}
-.tabprice {font-size:12px;margin-right:2%;width: 96%;margin-left: 2%;}
-.tabprice tr {height: 30px;}
-.tabprice tr td {width: 12%;}
-.tabprice tr td.lab {width: 20%;font-size:12px;}
-.tabprice tr td input {width: 100%; border-top: none; border-left: none; border-right: none;border-bottom:  solid 1px #ccc; }
-.stairview {height: 40%;margin-bottom: 5%;}
-.billcontent {border: dashed 1px #DCDCDC; border-radius: 3%;margin-left: 2%;margin-right: 2%;height: 40%;}
-.billcontent h4 {text-align: left;margin-left: 2%;color: red;}
-.billcontent table {font-size:14px;margin-right:5%;width: 90%;margin-left: 5%;}
-// .billcontent table tr td {border: solid 1px red;}
-.billcontent table tr td input {width: 95%; border-top: none; border-left: none; border-right: none;border-bottom:  solid 1px #ccc;}
-.payways {height: 40%;margin-top: 20%;}
-
-.ways {border: dashed 1px #DCDCDC;padding: 1%;height: 70%;margin-left: 2%;margin-right: 2%;border-radius: 3%;}
-// .waysview {border: solid 1px black;}
-.wayspanel {}
-.weixin {margin: 0px;padding: 0px;text-align: center;}
-.weixin img {width: 98%;height: 98%;}
-.alipay {margin: 0px;padding: 0px;text-align: center;}
-.alipay img {width: 98%;height: 98%;}
-.unionpay {margin: 0px;padding: 0px;text-align: center;}
-.unionpay img {width: 98%;height: 98%;}
-.timeout {height: 5%;margin-top: 5%;}
-.timeout ul {height: 100%;margin:0px; padding:0px;}
-.timeout ul li {height: 100%;margin:0px;padding:0px;}
-.timeout ul li a {display: inline-block;color: black;font-size: 14px;}
-.timeout ul li a span {color: red;}
-.timeout ul li a.noti {float: left;margin-left: 2%;}
-.timeout ul li a.timecount {float: right;margin-right: 2%;}
-.qrcode {height: 70%;text-align: center;width: 100%;}
-.qrpanel {margin: 15%;height: 70%;text-align: center;}
-.qrpanel img {height: 80%;width: 80%; margin: 10%;}
-.notice {height: 15%;width: 94%;margin-left: 3%;}
-.notice span {color: red;font-size: 14px;}
-.signal {height: 40%;margin-top: 10%;}
-.picsin {height: 30%;}
-  .picview {margin-left: 42%; margin-right: 42%;height: 90%;}
-  .picview img{width: 100%;height: 100%;}
-.textsin {border: dashed 2px #ccc;height: 90%;border-radius: 10px;margin-left: 2%;margin-right: 2%;text-align: center;font-size: 16px;vertical-align: middle;}
-.textsin dl {margin:0px;padding:0px;text-align: center;margin-top: 10%;}
-.textsin dl dt {margin:0px;padding: 0px;font-size: 24px;}
-.btnpanel {height: 40%;}
-.failbtns {margin-top: 20%;text-align: center;}
-.failbtns dd {padding: 0px;width: 90%;margin-left: 10%;}
-.failbtns dd button {margin-right: 10%;}
-.sucbtns {margin-top: 20%;text-align: center;}
-.sucbtns dd {padding: 0px;width: 90%;margin-left: 10%;}
-.sucbtns dd button {margin-right: 10%;}
-
-
-// .payways ul {height: 70%; padding:0px;border: solid 1px blue;border-radius: 3%;margin-left: 2%;margin-right: 2%;}
-// .payways ul li {margin-top: 10%;margin-bottom: 10%;padding:0px;height: 60%;}
-// .payways ul li a {display: inline-block;width:200px;height:200px;}
-// .payways ul li a.weixin {background:url(../image/weixin.png) no-repeat left center;}
-// .payways ul li a.alipay {background:url(../image/alipay.png) no-repeat left center;}
-// .cardsellgas {border: solid 1px red;}
-// .loading {src: url(../image/loading.gif);width: 37px;}
-// .loading {
-// width:100px;
-// height:100px;
-// background:red;
-// animation:myfirst 5s;
-// -moz-animation:myfirst 5s; /* Firefox */
-// -webkit-animation:myfirst 5s; /* Safari and Chrome */
-// -o-animation:myfirst 5s; /* Opera */
-// }
-//
-// @keyframes myfirst
-// {
-// 0%   {background:red;}
-// 25%  {background:yellow;}
-// 50%  {background:blue;}
-// 100% {background:green;}
-// }
-//
-// @-moz-keyframes myfirst /* Firefox */
-// {
-// 0%   {background:red;}
-// 25%  {background:yellow;}
-// 50%  {background:blue;}
-// 100% {background:green;}
-// }
-//
-// @-webkit-keyframes myfirst /* Safari and Chrome */
-// {
-// 0%   {background:red;}
-// 25%  {background:yellow;}
-// 50%  {background:blue;}
-// 100% {background:green;}
-// }
-//
-// @-o-keyframes myfirst /* Opera */
-// {
-// 0%   {background:red;}
-// 25%  {background:yellow;}
-// 50%  {background:blue;}
-// 100% {background:green;}
-// }
-// .tab {height:70%;border:solid 1px black}
+body{margin:0px;padding:0px;background-size: 100%;}
+body,html{ height:100%;}
+
+.mhead {height: 10%;padding: 0px;background: #499edf;}
+.mhead ul {height: 100%;margin:0px; padding:0px;}
+.mhead ul li {height: 100%;margin:0px;padding:0px;}
+.mhead ul li text {color: white;font-size: 24px;display:inline-block;margin-top: 4%;width: 100%;text-align: center}
+.mhead ul li a {width: 40px;display: inline-block; height: 40px;}
+// .mhead ul li a:hover{background: white;}
+.body {  height: 80%;  padding: 0px;  margin: 0px; }
+.body h4{text-align: left;margin-left: 3%;color: red;}
+.foot { width: 100%;  height: 10%;   background: #86c0ec;}
+.foot text {color: white;font-size: 24px;display:inline-block;margin-top: 4%;width: 100%;text-align: center}
+.loadview {text-align: center;height: 80%;padding-top: 50%;}
+.infobody {height: 80%;margin: 0px;padding: 0px;margin-left: 1%;margin-right: 1%;}
+.userinfo {height: 17%;margin-top: 1%;}
+.userinfo table tr td input{border-left: none;border-top: none;border-right: none;border-radius:0px;box-shadow: none;border-bottom:  solid 1px #ccc;width: 100%;}
+.cardview {height: 12%;}
+.cardinfo table tr td input{border-left: none;border-top: none;border-right: none;border-radius:0px;box-shadow: none;border-bottom:  solid 1px #ccc;width: 100%;}
+.tab {height: 61%;margin: 0px;padding: 0px;margin-top: 1%;}
+.lists {height: 63%;margin-top: 10px;}
+.tabview {height: 85%;}
+.mlist{width: 98%;margin-left: 1%;margin-right: 1%;height: 100%;}
+// .grid {border: solid 1px black;height: auto;}
+td.lab {font-size: 14px;}
+.buybtn {height: 5%;margin:0px;padding:0px;text-align:center;}
+
+
+.mhead ul li a.back{margin-left: 5px;background:url(../image/back_btn.png) no-repeat left center;border-right: solid 1px #808080;}
+.mhead ul li a.back:hover{margin-left: 5px;background:url(../image/back_btn_hover.png) no-repeat left center;border-right: solid 1px #808080;}
+.mhead ul li a.back:active{margin-left: 5px;background:url(../image/back_btn_hover.png) no-repeat left center;border-right: solid 1px #808080;}
+.mhead ul li a.tomain {float: right;margin-right: 5px; background:url(../image/close_btn.png) no-repeat left center;border-left: solid 1px #808080;}
+.mhead ul li a.tomain:hover { float: right;margin-right: 5px;background:url(../image/close_btn_hover.png) no-repeat left center;border-left: solid 1px #808080;}
+.mhead ul li a.tomain:active { float: right;margin-right: 5px;background:url(../image/close_btn_hover.png) no-repeat left center;border-left: solid 1px #808080;}
+
+.mune {margin-left: 85%;width:15%;text-align: center;height: 100%;}
+.mbtn {background: #F5F5F5;height: 100%;width: 100%;text-align: center;border-left: solid 1px #ccc;}
+// .mune ul {margin-bottom: 15px;padding: 0px;}
+.mune ul li a {height: 40px;font-size: 14px;line-height: 40px;color: black;}
+.glyphicon {color: black;}
+.butt {margin-left: 20%;  margin-right: 20%;  margin-top: 20%;  height: 30%;  width: 60%;  border-radius: 5%;  text-align: center;align-items:center;}
+.butt div.content {line-height:320%;  height: 100%;  font-size: 48px;  color: white;  text-align:center;}
+.butt span{ width: 100%;  font-size: 48px;  color: white;  text-align: center;}
+
+.searchview { margin-top: 1%;  height: 92%;}
+p.address{  text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;  width:180px;}
+p.name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;  width:60px;}
+
+
+
+
+
+.selectview {height: 40%;text-align:center;}
+.selectview h5 {text-align: left;margin-left: 2%;}
+.selectview h5 span {float: right;color: red;font-size: 10px;margin-top: 2px;margin-right: 2%;}
+ul.selectbuy1{margin-top: 2%;padding:0px;width: 98%;}
+ul.selectbuy1 li{margin-left: 3%;float:left;padding:0px;list-style-type: none; display: inline-block; width:30%;margin-top: 2%;}
+ul.selectbuy1 li a{display: inline-block; width:100%;border:solid 1px #ddd;border-radius: 5px;font-size: 16px;padding:20px 0px;text-align: center;}
+ul.selectbuy1 li a.getfocus{display: inline-block; width:100%;border:solid 1px #6ac637;border-radius: 5px;background:#6ac637;color: white;font-size: 16px;}
+.tabprice {font-size:12px;margin-right:2%;width: 96%;margin-left: 2%;}
+.tabprice tr {height: 30px;}
+.tabprice tr td {width: 12%;}
+.tabprice tr td.lab {width: 20%;font-size:12px;}
+.tabprice tr td input {width: 100%; border-top: none; border-left: none; border-right: none;border-bottom:  solid 1px #ccc; }
+.stairview {height: 40%;margin-bottom: 5%;}
+.billcontent {border: dashed 1px #DCDCDC; border-radius: 3%;margin-left: 2%;margin-right: 2%;height: 40%;}
+.billcontent h4 {text-align: left;margin-left: 2%;color: red;}
+.billcontent table {font-size:14px;margin-right:5%;width: 90%;margin-left: 5%;}
+// .billcontent table tr td {border: solid 1px red;}
+.billcontent table tr td input {width: 95%; border-top: none; border-left: none; border-right: none;border-bottom:  solid 1px #ccc;}
+.payways {height: 40%;margin-top: 20%;}
+
+.ways {border: dashed 1px #DCDCDC;padding: 1%;height: 70%;margin-left: 2%;margin-right: 2%;border-radius: 3%;}
+// .waysview {border: solid 1px black;}
+.wayspanel {}
+.weixin {margin: 0px;padding: 0px;text-align: center;}
+.weixin img {width: 98%;height: 98%;}
+.alipay {margin: 0px;padding: 0px;text-align: center;}
+.alipay img {width: 98%;height: 98%;}
+.unionpay {margin: 0px;padding: 0px;text-align: center;}
+.unionpay img {width: 98%;height: 98%;}
+.timeout {height: 5%;margin-top: 5%;}
+.timeout ul {height: 100%;margin:0px; padding:0px;}
+.timeout ul li {height: 100%;margin:0px;padding:0px;}
+.timeout ul li a {display: inline-block;color: black;font-size: 14px;}
+.timeout ul li a span {color: red;}
+.timeout ul li a.noti {float: left;margin-left: 2%;}
+.timeout ul li a.timecount {float: right;margin-right: 2%;}
+.qrcode {height: 70%;text-align: center;width: 100%;}
+.qrpanel {margin: 15%;height: 70%;text-align: center;}
+.qrpanel img {height: 80%;width: 80%; margin: 10%;}
+.notice {height: 15%;width: 94%;margin-left: 3%;}
+.notice span {color: red;font-size: 14px;}
+.signal {height: 40%;margin-top: 10%;}
+.picsin {height: 30%;}
+  .picview {margin-left: 42%; margin-right: 42%;height: 90%;}
+  .picview img{width: 100%;height: 100%;}
+.textsin {border: dashed 2px #ccc;height: 90%;border-radius: 10px;margin-left: 2%;margin-right: 2%;text-align: center;font-size: 16px;vertical-align: middle;}
+.textsin dl {margin:0px;padding:0px;text-align: center;margin-top: 10%;}
+.textsin dl dt {margin:0px;padding: 0px;font-size: 24px;}
+.btnpanel {height: 40%;}
+.failbtns {margin-top: 20%;text-align: center;}
+.failbtns dd {padding: 0px;width: 90%;margin-left: 10%;}
+.failbtns dd button {margin-right: 10%;}
+.sucbtns {margin-top: 20%;text-align: center;}
+.sucbtns dd {padding: 0px;width: 90%;margin-left: 10%;}
+.sucbtns dd button {margin-right: 10%;}
+
+
+// .payways ul {height: 70%; padding:0px;border: solid 1px blue;border-radius: 3%;margin-left: 2%;margin-right: 2%;}
+// .payways ul li {margin-top: 10%;margin-bottom: 10%;padding:0px;height: 60%;}
+// .payways ul li a {display: inline-block;width:200px;height:200px;}
+// .payways ul li a.weixin {background:url(../image/weixin.png) no-repeat left center;}
+// .payways ul li a.alipay {background:url(../image/alipay.png) no-repeat left center;}
+// .cardsellgas {border: solid 1px red;}
+// .loading {src: url(../image/loading.gif);width: 37px;}
+// .loading {
+// width:100px;
+// height:100px;
+// background:red;
+// animation:myfirst 5s;
+// -moz-animation:myfirst 5s; /* Firefox */
+// -webkit-animation:myfirst 5s; /* Safari and Chrome */
+// -o-animation:myfirst 5s; /* Opera */
+// }
+//
+// @keyframes myfirst
+// {
+// 0%   {background:red;}
+// 25%  {background:yellow;}
+// 50%  {background:blue;}
+// 100% {background:green;}
+// }
+//
+// @-moz-keyframes myfirst /* Firefox */
+// {
+// 0%   {background:red;}
+// 25%  {background:yellow;}
+// 50%  {background:blue;}
+// 100% {background:green;}
+// }
+//
+// @-webkit-keyframes myfirst /* Safari and Chrome */
+// {
+// 0%   {background:red;}
+// 25%  {background:yellow;}
+// 50%  {background:blue;}
+// 100% {background:green;}
+// }
+//
+// @-o-keyframes myfirst /* Opera */
+// {
+// 0%   {background:red;}
+// 25%  {background:yellow;}
+// 50%  {background:blue;}
+// 100% {background:green;}
+// }
+// .tab {height:70%;border:solid 1px black}

package/src/components/pos/css/style.less.bak

@@ -1,85 +1,85 @@
-body{margin:0px;padding:0px;background:#0898ef url(../image/topbgimg.png) no-repeat center top;background-size: 100%;}
-body,html{ height:100%;}
-a:link,a:visited{ color:black; text-decoration:none; font-size:12px;}
-a:hover{ color:red; text-decoration:none; font-size:12px;}
-body,html,a,p,div,dt,dd,h1,h2,h3,h4,h5,span,strong,th,td,table,input,select,li{ font-family:"微软雅黑", "宋体", Arial;}
-img{border:none;}
-*{transition:0.3s;}
-
-div.titlebtn{padding-top:20px;}
-.margin15{margin:10px -30px;}
-div.contentpanel{border-radius:5px; background:white;padding:15px;}
-div.contentpanel h4{margin:0px;padding:0px;}
-div.tableform{padding:0px 15px;font-size: 12px;}
-div.tableform table tr td{padding:5px 0px;}
-div.tableform table tr td input{border-left: none;border-top: none;border-right: none;border-radius:0px;box-shadow: none;border-bottom:  solid 1px #ccc;width: 100%;}
-div.tableform table.table{width:100%;}
-div.tableform table.table tr th{background: #3386e1; color: white;margin:0px;padding:7px 0px;}
-div.tableform table.table tr th span{margin-left: 10px;}
-div.tableform table.table tr td{padding:5px 10px;}
-
-div.titlelogo{height: 541px;position:absolute; 
-top:50%; 
-left:50%; 
-width:1125px; 
-margin-top:-320px; 
-margin-left:-562px; }
-div.titlelogo img.img-responsive{margin:0px auto 50px;}
-div.carbg{ width: 1125px; height: 451px;}
-div.carbg a{display: block;margin:0px auto;}
-div.carbg a{ display: block; width:1125px; height: 451px;}
-
-.bodystyle{background:white;}
-
-/*2017-7-19*/
-div.tableform table.table-in tr th{background: #1ebbed; color: white;margin:0px;padding:10px 0px;border:none;}
-div.tableform table.table-in tr th span{margin-left: 10px;}
-div.tableform table.table-in tr td{padding:10px 10px;}
-
-
-/*topanel*/
-.toppanel{padding:10px 0px;}
-.titlebtn a{display: inline-block;width: 120px; height: 51px;color:white;font-size: 16px;line-height: 51px;text-align: center;padding-left: 50px;}
-.titlebtn a:hover{color:#fce197;}
-.titlebtn a.topmenu1{background:url(../image/buy-top.png) no-repeat left center;}
-.titlebtn a.topmenu1:hover{background:url(../image/buy-top-hover.png) no-repeat left center;}
-.titlebtn a.topmenu2{background:url(../image/print-top.png) no-repeat left center;}
-.titlebtn a.topmenu2:hover{background:url(../image/print-top-hover.png) no-repeat left center;}
-.titlebtn a.topmenu3{background:url(../image/exit-top.png) no-repeat left center;}
-.titlebtn a.topmenu3:hover{background:url(../image/exit-top-hover.png) no-repeat left center;}
-
-.buypanel{padding: 0px 20px;}
-.buypanel h4{margin:0px;padding:0px; height: 50px; line-height: 40px; border-bottom: solid 1px #ccc; font-size: 16px;position: relative;}
-.buypanel h4 p{margin:0px;padding:0px;position: absolute;right:0px;top:0px;color: red;}
-.inputstyle01{border:solid 1px #ddd;border-radius: 5px; height: 40px;padding:0px 15px; line-height: 40px; width:100%;}
-.inputstyle01:read-only{border:solid 1px #ddd;background:#f5f5f5;border-radius: 5px; height: 40px;padding:0px 15px; line-height: 40px;position: relative; width:100%;}
-div.buyform{padding:30px 15px 0px 15px;font-size: 12px;}
-div.buyform table tr td{padding:10px 0px;}
-
-ul.selectbuy{margin:0px;padding:0px;}
-ul.selectbuy li{margin:0px 10px;padding:0px;list-style-type: none; display: inline-block; width:144px; height: 91px;}
-ul.selectbuy li a{display: inline-block; width:144px; height: 91px;border:solid 1px #ddd;border-radius: 5px;background:white url(../image/line.png) no-repeat left top;font-size: 16px;}
-ul.selectbuy li a span{float: left;margin:15px 0px 0px 15px;}
-ul.selectbuy li a strong{float: right;margin:55px 15px 0px 0px;}
-ul.selectbuy li a.getfocus{display: inline-block; width:144px; height: 91px;border:solid 1px #6ac637;border-radius: 5px;background:#6ac637 url(../image/line-w.png) no-repeat left top;color: white;font-size: 16px;}
-
-.qrpanel{padding: 0px 20px;}
-.qrpanel h4{margin:0px;padding:0px; height: 50px; line-height: 40px; border-bottom: solid 1px #ccc; font-size: 18px;position: relative; text-align: center;}
-.qrpanel h4 p{margin:0px;padding:0px;position: absolute;right:0px;top:0px;color: red;}
-.qrpanel div.qrbg{margin:20px auto; width:462px; height: 404px;background: url(../image/ma.png) no-repeat left top; position: relative;}
-.qrpanel div.qrbg img{ position: absolute; left:135px; top:100px;}
-
-.bodystyle{background:#0898ef url(../image/indextopbgimg.png) no-repeat center top;background-size: 100%;}
-.indexpanel{width:1125px; height: 451px;background:url(../image/indexbg.png) no-repeat left top;margin:0px auto;position: absolute;top:50%;left:50%;margin-top:-225px; 
-margin-left:-562px; }
-
-.indexlogo{width:753px; margin:65px auto;}
-.indexpanel ul{padding:0px;width:753px; margin:0px auto; text-align: center;}
-.indexpanel ul li{padding:0px 20px;margin: 0px; list-style-type: none;display: inline-block;}
-.indexpanel ul li a{padding:40px 60px;margin: 0px;display: inline-block;background:#0274c3;color:white;border-radius: 15px;font-size: 32px;}
-.indexpanel ul li a:hover{background:#3198e0;}
-
-.indexpanel dl{margin:80px auto 0px auto;padding:0px; width:700px; height: 0px;}
-.indexpanel dl dt{margin:40px 0px 0px 0px;padding:0px;float: left;}
-.indexpanel dl dd{margin:0px;padding:0px;text-align: center;}
+body{margin:0px;padding:0px;background:#0898ef url(../image/topbgimg.png) no-repeat center top;background-size: 100%;}
+body,html{ height:100%;}
+a:link,a:visited{ color:black; text-decoration:none; font-size:12px;}
+a:hover{ color:red; text-decoration:none; font-size:12px;}
+body,html,a,p,div,dt,dd,h1,h2,h3,h4,h5,span,strong,th,td,table,input,select,li{ font-family:"微软雅黑", "宋体", Arial;}
+img{border:none;}
+*{transition:0.3s;}
+
+div.titlebtn{padding-top:20px;}
+.margin15{margin:10px -30px;}
+div.contentpanel{border-radius:5px; background:white;padding:15px;}
+div.contentpanel h4{margin:0px;padding:0px;}
+div.tableform{padding:0px 15px;font-size: 12px;}
+div.tableform table tr td{padding:5px 0px;}
+div.tableform table tr td input{border-left: none;border-top: none;border-right: none;border-radius:0px;box-shadow: none;border-bottom:  solid 1px #ccc;width: 100%;}
+div.tableform table.table{width:100%;}
+div.tableform table.table tr th{background: #3386e1; color: white;margin:0px;padding:7px 0px;}
+div.tableform table.table tr th span{margin-left: 10px;}
+div.tableform table.table tr td{padding:5px 10px;}
+
+div.titlelogo{height: 541px;position:absolute; 
+top:50%; 
+left:50%; 
+width:1125px; 
+margin-top:-320px; 
+margin-left:-562px; }
+div.titlelogo img.img-responsive{margin:0px auto 50px;}
+div.carbg{ width: 1125px; height: 451px;}
+div.carbg a{display: block;margin:0px auto;}
+div.carbg a{ display: block; width:1125px; height: 451px;}
+
+.bodystyle{background:white;}
+
+/*2017-7-19*/
+div.tableform table.table-in tr th{background: #1ebbed; color: white;margin:0px;padding:10px 0px;border:none;}
+div.tableform table.table-in tr th span{margin-left: 10px;}
+div.tableform table.table-in tr td{padding:10px 10px;}
+
+
+/*topanel*/
+.toppanel{padding:10px 0px;}
+.titlebtn a{display: inline-block;width: 120px; height: 51px;color:white;font-size: 16px;line-height: 51px;text-align: center;padding-left: 50px;}
+.titlebtn a:hover{color:#fce197;}
+.titlebtn a.topmenu1{background:url(../image/buy-top.png) no-repeat left center;}
+.titlebtn a.topmenu1:hover{background:url(../image/buy-top-hover.png) no-repeat left center;}
+.titlebtn a.topmenu2{background:url(../image/print-top.png) no-repeat left center;}
+.titlebtn a.topmenu2:hover{background:url(../image/print-top-hover.png) no-repeat left center;}
+.titlebtn a.topmenu3{background:url(../image/exit-top.png) no-repeat left center;}
+.titlebtn a.topmenu3:hover{background:url(../image/exit-top-hover.png) no-repeat left center;}
+
+.buypanel{padding: 0px 20px;}
+.buypanel h4{margin:0px;padding:0px; height: 50px; line-height: 40px; border-bottom: solid 1px #ccc; font-size: 16px;position: relative;}
+.buypanel h4 p{margin:0px;padding:0px;position: absolute;right:0px;top:0px;color: red;}
+.inputstyle01{border:solid 1px #ddd;border-radius: 5px; height: 40px;padding:0px 15px; line-height: 40px; width:100%;}
+.inputstyle01:read-only{border:solid 1px #ddd;background:#f5f5f5;border-radius: 5px; height: 40px;padding:0px 15px; line-height: 40px;position: relative; width:100%;}
+div.buyform{padding:30px 15px 0px 15px;font-size: 12px;}
+div.buyform table tr td{padding:10px 0px;}
+
+ul.selectbuy{margin:0px;padding:0px;}
+ul.selectbuy li{margin:0px 10px;padding:0px;list-style-type: none; display: inline-block; width:144px; height: 91px;}
+ul.selectbuy li a{display: inline-block; width:144px; height: 91px;border:solid 1px #ddd;border-radius: 5px;background:white url(../image/line.png) no-repeat left top;font-size: 16px;}
+ul.selectbuy li a span{float: left;margin:15px 0px 0px 15px;}
+ul.selectbuy li a strong{float: right;margin:55px 15px 0px 0px;}
+ul.selectbuy li a.getfocus{display: inline-block; width:144px; height: 91px;border:solid 1px #6ac637;border-radius: 5px;background:#6ac637 url(../image/line-w.png) no-repeat left top;color: white;font-size: 16px;}
+
+.qrpanel{padding: 0px 20px;}
+.qrpanel h4{margin:0px;padding:0px; height: 50px; line-height: 40px; border-bottom: solid 1px #ccc; font-size: 18px;position: relative; text-align: center;}
+.qrpanel h4 p{margin:0px;padding:0px;position: absolute;right:0px;top:0px;color: red;}
+.qrpanel div.qrbg{margin:20px auto; width:462px; height: 404px;background: url(../image/ma.png) no-repeat left top; position: relative;}
+.qrpanel div.qrbg img{ position: absolute; left:135px; top:100px;}
+
+.bodystyle{background:#0898ef url(../image/indextopbgimg.png) no-repeat center top;background-size: 100%;}
+.indexpanel{width:1125px; height: 451px;background:url(../image/indexbg.png) no-repeat left top;margin:0px auto;position: absolute;top:50%;left:50%;margin-top:-225px; 
+margin-left:-562px; }
+
+.indexlogo{width:753px; margin:65px auto;}
+.indexpanel ul{padding:0px;width:753px; margin:0px auto; text-align: center;}
+.indexpanel ul li{padding:0px 20px;margin: 0px; list-style-type: none;display: inline-block;}
+.indexpanel ul li a{padding:40px 60px;margin: 0px;display: inline-block;background:#0274c3;color:white;border-radius: 15px;font-size: 32px;}
+.indexpanel ul li a:hover{background:#3198e0;}
+
+.indexpanel dl{margin:80px auto 0px auto;padding:0px; width:700px; height: 0px;}
+.indexpanel dl dt{margin:40px 0px 0px 0px;padding:0px;float: left;}
+.indexpanel dl dd{margin:0px;padding:0px;text-align: center;}
 .indexpanel dl dd h2{color: #0274c3;}