@charset "utf-8";
html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
ul,li {list-style-type:none; }
.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
body{ line-height:1.5; color:#4db4b6; font-size:14px;  font-family: "Arial", "微软雅黑", MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; background:#effdff;}
a{text-decoration:none; outline: none; color:#4db4b6;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s}
a:hover{text-decoration:none; outline: none; color:#1eb5d0; }
*,:after,:before {box-sizing:border-box}
*{ padding:0px; margin:0 auto; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
input,select,textarea{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; font-family: "Arial", "微软雅黑", MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s}
input{
    background:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -khtml-border-radius:0;
    border-radius:0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
select{
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}		
table{margin:0px;}	
input::-webkit-input-safebox-button{display: none;} 	
input[type="button"], input[type="submit"], input[type="reset"]{-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; -webkit-appearance: none;}
input:focus, textarea:focus ,select:focus{outline: none;}
textarea {-webkit-appearance: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;  }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #ccc;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #ccc;}
.container{width:100%; padding:0px 20px; max-width:1200px;}

.top{display:block; background:#FFF; text-align:center; padding:20px 0px;}

.lineup_width{padding:100px 0px; text-align:center; color:#1eb5d0;  line-height:1.5;}
.lineup_img{display:block; padding:0px 30px;}
.lineup_title{font-size:48px; font-weight:bold; padding-top:30px; display:block; line-height:1.2; padding-bottom:8px;}
.lineup_txt{ font-size:18px; color:#4db4b6; display:block;}
.lineup_but{display:block; padding-top:40px;}
.but_bg{display:inline-block; padding:8px 30px; color:#fff!important; background:#1eb5d0; font-size:18px; border-radius:8px; min-width:220px;}

.NotSales_foot{display:block; background:#116e7f; text-align:center; padding:15px 10px; margin-top:20px; color:#fff}
.NotSales_foot_txt{display:inline-block; overflow:hidden; font-size:12px; -webkit-transform: scale(0.8); line-height:28px}
.NotSales_foot_txt img{height:24px; float:right; margin-left:10px;}
.NotSales_foot_ct{display:block; padding-top:3px;}

.lineup_active{padding:10px 0px;}
.lineup_active .lineup_img{padding-top:40px;}
.lineup_top{ display:block;}
.lineup_ct{display:block; overflow:hidden; padding:50px 0px; }
.lineup_txt_li{width:33.3333333333%; border-right:1px #c5eff6 solid; padding:0px 10px; text-align:center; float:left; font-size:18px;}
.lineup_txt_li span{ padding-top:15px; color:#4db4b6; display:block;}
.lineup_txt_li b{display:block; font-size:32px; color:#1eb5d0; line-height:1.2}
.lineup_txt_id{display:block;color:#4db4b6;text-align:center; font-size:16px; }
.lineup_txt_id b{color:#bd3130; padding-left:5px; font-weight:normal;}

.barbox{height:20px; line-height:20px;  position:relative; overflow:hidden; max-width:800px; margin:0 auto; margin-top:40px; }
.barbox_bg{position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius:90px; overflow:hidden;}
.barbox dt a{color:#0048CC;}
.barbox dd{float:left;}
.barbox dd.last{color:#999;}
.barbox dd.barline{width:100%;height:20px;  display:block;  padding:3px; overflow:hidden; max-width:800px;}
.barbox dd.barline div.charts{height:14px; float:left; border-radius:90px; position:relative; background:#fff;  opacity: .9; overflow:inherit!important}
.barbox_bg {
  background: #1eb5d0;
  border:none;
  border-radius: 90px;
  box-shadow: 1vw 3vh 10vh rgba(109, 168, 7, 0.8);
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #74cae3 0.9em, #74cae3 2.1em, transparent 2.1em, transparent 2.9em, #74cae3 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}
@-webkit-keyframes warning-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 3em 0;
  }
}
@-moz-keyframes warning-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 3em 0;
  }
}
@keyframes warning-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 3em 0;
  }
}
.barbox_bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-radius:90px;
  background-image: linear-gradient(to bottom, #1eb5d0, rgba(30, 181, 208, 0.2) 30%, transparent 60%, #1eb5d0);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––Mobile style's–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width:768px) {
.but_bg:hover{background:#116e7f;}
.lineup_txt_li:nth-last-child(1){border:none;}
}
@media (max-width:768px) {
.top{ padding:10px 0px;}	
.top img{ height:55px;}	
.lineup_title{font-size:36px;}
.lineup_txt{font-size:16px;}
.but_bg{font-size:16px;}
.lineup_ct{padding:20px 0px;}
.lineup_txt_li{width:100%; border:none; padding:20px; border-bottom: 1px #c5eff6 solid;}
.lineup_txt_li span{font-size:16px; padding-top:10px;}

	}
@media (max-width:500px) {
.top{ padding:10px 0px;}	
.top img{ height:50px;}	
.lineup_img{padding:0px 10px;}
.lineup_title{font-size:26px; padding-top:20px;}
.lineup_txt{font-size:16px;}
.lineup_but{padding-top:30px;}
.but_bg{font-size:16px;}
.lineup_txt_li b{ font-size:26px;}
.lineup_txt_li span{padding-top:5px;}
.lineup_ct{padding:5px 0px;}
.barbox{margin-top:20px;}
.lineup_active .lineup_img{padding-top:20px;}
.lineup_txt_id{padding-top:10px;}
.lineup_txt_id span{display:block;}
.lineup_txt_li{padding:15px;}
.barbox{ height:18px;}
.barbox dd.barline div.charts{height:12px;}
	}	