@charset "UTF-8";
html {
  font-family: "Î¢ÈíÑÅºÚ", "Helvetica Neue", Helvetica, Arial, sans-serif; }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; 
}

body {
  background-color: #efefef;
  color: #666;
  overflow-x: hidden;
  line-height: 1.5;
  padding-bottom: 72px; 
}



ul, ol {list-style: none; }

.indent-section ul, .indent-section ol {text-indent: 2em; }

input,
textarea,
select,
button,
video,
image,
audio,
a {outline: none; }

select:focus,
select:focus,
input:focus,
input:focus,
textarea:focus,
textarea:hover,
button:focus,
button:hover,
a:focus,
a:hover {outline: none; text-decoration: none;}

 a,a:hover, a:active , a:focus {
    color: #555;
	text-decoration: none;
 }
 
 h1,h2{margin:10px}

img {max-width: 100%; }

.text-dark {color: #333; }


@media (min-width: 768px) {
.container {margin-right: auto; margin-left: auto;padding-left: 15px;padding-right: 15px;}
 }
@media (max-width: 768px) { 
.container {padding: 8px 0; width: 100%;} 
 }

.navbar-header {
    float: left;
}




.navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    -webkit-overflow-scrolling: touch;
}


.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.navbar-nav {
    float: left;
    margin: 0;
}
.navbar-nav > li {
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}



.navbar-default .navbar-nav > li > a {
    color: #777;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav > li.active {
      background-color: #e7e7e7;
}

 .nav > li >a:hover, a:active , a:focus {
    color: #555;
    background-color: #e7e7e7;
	text-decoration: none;
 }


.navbar-right{
	float: right;
}

.header {
  width:100%; 
  text-align: center;
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  height: 56px;
  line-height: 36px;
  color: #999; }



.text-overflow {
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.navbar-default {
  border-radius: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0; }

.navbar-brand {
  padding: 5px 15px; }
  .navbar-brand img {
    width: 40px;
    height: 40px; }

.index-container {text-align: center; }
  .index-container h1 { color: #333; }
  .index-container .contract {  align-items: center;justify-content: center; }
  .index-container .download {display: flex;align-items: center;justify-content: center; }
    .index-container .download .btn {align-items: center;justify-content: center;}
	
	
	
	
	
.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px;
}

.btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: #0d8aee;
}	

 /* °´Å¥½ûÓÃ×´Ì¬ÑùÊ½ */
 .btn_primary_disabled {
	        border-color: #222222;
            background-color: #aaaaaa;
			color: #fff;
            cursor: not-allowed;
 }	
	
	
@media (min-width: 768px) {
 .index-container {margin: 5% 5%; width: 90%; }
 }
@media (max-width: 768px) { 
  .index-container {margin: 8px auto 0; width: 100%; }
 }
  
    .index-container img {width: 140px;height: 140px; }
  
    .index-container .download {margin: 5px; }
      .index-container .download .btn { margin: 15px;}
    .index-container .description {margin: 15px;font-size: 16px; }
    .index-container .contract {height:40px;}
    .index-container .contract a{line-height:40px;color:#2196f3;font-size: 16px;}    
	  
    .index-container .tips {margin: 10px;font-size: 15px; }

 
 
	
	
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: #202020;
  height: 36px;
  line-height: 36px;
  color: #999; 
}
  .footer a,.footer a:hover,.footer a:focus { color: #ffffff; }





