/********公共样式*********/
@font-face {
    font-family: 'tj';
    src:
        url('../font/TrajanPro-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.tj{font-family:tj}

@font-face {
    font-family: 'zh';
    src:
        url('../font/msjh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.zh{font-family:zh}

html {
    height: 100%;
    width:100%
}
body {
    font-family:'Microsoft YaHei',sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}
@media screen and (orientation: landscape) {
    body{
        overflow-y: auto;
    }
}
ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,div,input,button,a,form,textarea,th,tr,td,table,span{
    margin:0;
    padding:0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul,ol{
    list-style:none;
}
input,button {
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    outline: none;
}
.parent {
    width: 100%;
    height: 100%;
    display: table;
}
.child {
    display: table-cell;
    vertical-align: middle;
}
.clearfix:before {
    content: '';
    display: table;
}
.clearfix:after {
    content: '';
    display: table;
    clear: both;
}
.mask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background: rgba(0,0,0,0.6);
    z-index: 99;
}
.none{
    display: none;
}
/********公共样式结束*********/

 .bg{
    width:100%;
    height:100%; 
    background:#ffffff url(../images/bg1.png) no-repeat center top;
    background-size:100% 100%;
    }
     .bg1{
    width:100%;
    height:100%; 
    background:#ffffff url(../images/bg1.png) no-repeat center top;
    background-size:100% 100%;
    }
input
{
    border: 1px #ddd solid;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius:6px;
    box-shadow: inset 0 0 3px #CCC;
    line-height: 1.5;
    }
  .content
  {
      }
 .header{
	width:100%;
	height:4.7rem;
	background:#ffffff;
	box-shadow:0px 0px 16px 1px #cdd8db;
	margin-bottom:1rem;
}
.div_row
{
    clear: both;
    margin: 12px auto;
    width: 250px;}
h3
{
  font-size: 20px;
    margin-top: 0.8rem;
    font-weight: bold;
    }

.bottom{
	width:100%;
	left:0;
	bottom:0;
	background:#e9e9e9;
	font-size:0.64rem;
	padding:0.1rem;
	line-height:0.8rem;
}
.down p:nth-child(4) 
{
    text-indent:-3.2rem;margin-left:3.2rem;
    
    }
/*.cd
{
    float:left;
    text-align:center;
    font-size:16px;
    width: 100%;
        background: #333;
    }
    .cd ul { display:inline-block; width:100% ; height:26px ; background:#333;} 
    .cd li  
    {
    float:left;  
    width:33.3%;  
    height:31px;  
    background: #333;
    border-color: #1f1f1f;
    color: #fff;
    padding-top: 5px;
    text-shadow: 0 1px 0 #111;
     border: 1px black solid;
     border-top-width: 0;
    border-bottom-width: 0;
        border-left-width: 0;
    } 
    .cd li + li {  } 
.cd a
{
    color:#ffffff;
    text-decoration: none;
    }*/
.center a
{
    color: Black;
    text-decoration: none;
    border: 1px #ddd solid;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius:6px;
    box-shadow: inset 0 0 3px #CCC;
    padding: 0em 4em;
    }
#times
{
    padding-top: .7rem;
    padding-left: 2rem;
    font-size: 13px;
    font-weight: bold;
    color: #474342;
    }
.sctime
{
    font-size: 13px;
    text-align: center;
    color: #433c30;
    }
 @-webkit-keyframes anLoca {
from {
	-webkit-transform: scale3d(1, 1, 1);
}
to {
	-webkit-transform: scale3d(0.6, 0.6, 0.6);
}
 }
.indexLeft
{
   text-align:center; 
    }
.indexLeft img {
-webkit-animation: anLoca 0.3s;
-webkit-animation-iteration-count: 10000;
-webkit-animation-direction: alternate;

 }
 #result
 {
     padding-left: 2rem;
    color: #433c30;
    font-size: 15px;
    font-weight: 600;
        width: 93%;
     }
.cd
{
    background-image: url(../images/cd.png);
    background-size: 100% 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    height: 2.6rem;
    line-height: 2.6rem;
    font-size: 14px;
    color:#766428;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    }
 li:first-child a
 {
     color:#007236;
     }
 .cd a
 {
    color:#766428;
     }
 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
li {
    display: inline;
    float: left;
    text-align: center;
    width: 33.33%;
}
li>a {
    display: block;
    text-decoration: none;
}
/*iphoneX*/
@media only screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
	.down p:nth-child(4) 
{
    text-indent:-3.2rem;margin-left:3.2rem;
    
    }
    
}
@media only screen and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2){
.bg
{
    }
 .bg1
{
    height:90%
    }   
}
@media only screen and (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2){
.bg
{
    }
 .bg1
{
    height:90%
    }   
}
@media only screen and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3){
.bg
{
    }
 .bg1
{
    height:80%
    }   
}
@media only screen and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3){
.bg
{
    }
  .bg1
{
    height:75%
    }  
}
@media only screen and (device-width: 320px)and (-webkit-device-pixel-ratio: 2) {  
         .down p:nth-child(4) 
{
    text-indent:-3.5rem;margin-left:3.5rem;
    
    }
   .bg
{
    }
 .bg1
{
    height:90%
    } 
}  
@media only screen and (device-width: 414px)and (-webkit-device-pixel-ratio: 3) {  
         .down p:nth-child(4) 
{
    text-indent:-2.7rem;margin-left:2.7rem;
    
    }
}