@font-face {
  font-family: "iconfont"; /* Project id 3625653 */
  src: url('//at.alicdn.com/t/c/font_3625653_919jz7oqs3k.woff2?t=1662091321030') format('woff2'),
       url('//at.alicdn.com/t/c/font_3625653_919jz7oqs3k.woff?t=1662091321030') format('woff'),
       url('//at.alicdn.com/t/c/font_3625653_919jz7oqs3k.ttf?t=1662091321030') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dingdanyichenggong:before {
  content: "\e899";
}

.icon-weizhi:before {
  content: "\e63a";
}







  html, body{ margin: 0; padding: 0; background-color: #333; }
  li{ float: left; list-style: none; }
  .cont{ width: 1420px; padding: 20px;  height: 100%; margin:10px auto 0; background-color: #f8f8f8; } 

  .cont .left{ width: 1060px; float: left; }
  .cont .left canvas{ border: solid 1px #000; margin: auto; position: absolute;  float: left;  }
  .cont .txt{ width: 96%; padding: 0 2%; float: left; line-height: 35px; }
  .cont .tab{ width: 100%; margin: 30px 0; height: 50px; float: left; border-bottom: solid 2px #e1e1e1; }
  .cont .tab li{ width: 150px; font-weight: bold; text-align: center;line-height: 50px; cursor: pointer; }
  .cont .tab .cur{ background-color: #1c73e8; color: #fff; }
  .cont .info{ width:300px; padding:0px 20px; height:550px; margin-left: 20px; float: right; line-height: 50px; font-size: 16px;  background-color: #ffffff;   }
 
  .cont .info .tit{ width: 100%; text-align: center; font-size:18px;  }
  .cont .info .title{ width: 90px; float: left }
  .cont .info .input{ text-align: center;  height: 30px; border: solid 1px #ccc; border-radius: 5px;  line-height: 30px; padding: 0; float: left; margin-top:10px; width: 200px; }
   .cont .info .radio{  float: left; margin-top: 18px; }
   .cont .info .check{  float: left; margin-top: 10px; }
  .but{ width: 90px; height: 36px; background-color: #ff5500; font-size: 14px; color: #fff; text-align: center;  float: right; border-radius: 3px; line-height: 36px; margin: 0 ;  cursor: pointer; }
  .but2{ width: 150px; height: 40px; background-color: #ff5500; color: #fff; text-align: center;  border-radius: 5px; line-height: 40px; margin:auto ;  cursor: pointer; }
  .obut{width: 80px; height: 30px; background-color: #ff5500; color: #fff; text-align: center;  float: right; border-radius: 5px; line-height: 30px; margin-top: 10px;   cursor: pointer; }
  .cont .info label input{ float: left; margin-top: 15px; }
  .cont .info label{ float: left; }
  .cont .info li{ list-style: none; line-height: 34px; width: 100%;font-size: 14px; }
  .cont .info li input{ float: left; margin: 20px 10px 0 0;   }
  .cont .info li span{ font-weight: bold; color: #ff0000; font-size: 14px; }
  .cont .info li .price{ float: right; font-size: 14px }
  .cont .info .buy{ width: 80%; margin: auto; line-height: 60px; background-color: #ff5500; text-align: center; color: #fff; cursor: pointer; border-radius: 10px; }
  .clear{ clear: both; }
  .paycode{ width:500px; display: none; padding: 10px; height: 500px; background-color: #fff; border: solid 1px #ccc; position: absolute; top:100px; z-index: 100; left:50%; margin-left:-250px; box-shadow: 0px 0px 10px 10px #ccc;  }
  .paycode .title{ width:97%; cursor: pointer; padding-right: 3%; border-bottom: solid 1px #ccc; line-height: 40px; text-align:center;  }
  .paycode .title span{ float: right; font-size: 14px; }
  .paycode img{ width: 400px; height: 400px; margin:20px 50px; }
  .paytxt{ display: none; text-align: center; }
  .paytxt img{ width: 150px; height: auto; }
  .paytxt li{ width: 100%; line-height: 50px; border-bottom: dotted 1px #ccc; height: 50px; float: left; }
  .paytxt li .invoitit{ width: 120px; text-align: right; padding-right: 20px; float: left; }
  .paytxt li input{ float: left; height: 30px; margin-top: 10px; border: solid 1px #ccc; border-radius: 4px; padding: 0 5px; width: 280px; }
  .paytxt li label{ width:60px; float: left; }
  .paytxt li .radio{ width:auto;  }
  #buyinfo{ margin-top: 20px; }
  #buyinfo li{ list-style: decimal; border-bottom: dotted 1px #ccc; line-height: 28px; width: 100%; text-align: left;  }
  #buyinfo li span{ color: #ff0000; }
  .payokinfo{ width: 100%; text-align: center; line-height: 28px; color: #ff0000; }
  .pointlist{ width: 92%;  padding: 0px 20px; margin-bottom: 10px; border-radius: 5px;  background-color: #f5f5f5; }
  .clear{ clear: both;  } 
  .acont{ width: 100%; z-index: 100; height: 100%; background-color: rgba(0, 0, 0, 0.5); position:absolute; }
  .acont .agreement{width:700px;  padding: 10px; height: 600px; background-color: #fff; border: solid 1px #ccc; position: absolute; top:100px; z-index: 100;  box-shadow: 0px 0px 10px 10px #ccc; left:50%; margin-left:-350px; }
  .acont .agreement .title{ width:97%; cursor: pointer; padding-right: 3%; border-bottom: solid 1px #ccc; line-height: 40px; text-align:center;  }
  .acont .agreement .title span{ float: right; font-size: 14px; }
  .acont .agreement .agreetxt{ width: 96%; margin:10px auto; line-height: 30px; }

  .newslist li{ width: 100%; cursor: pointer; float: left; list-style: disc; border-bottom: dotted 1px #ccc; line-height: 40px; }
  .newslist li span{ float: right; color: #999; }
  a{ text-decoration:none; }
  .pricetotal{ width: 40%; float: left; }
  .pricetotal span{ font-weight: bold; color: #ff5500; }
  .litit{ width: 160px; float: left; }

  .abut{ color: #333; float: left; font-size: 14px }