/********公共样式*********/
@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%;
}
body {
    font-family:'Microsoft YaHei',sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    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);
}
a{
    text-decoration: none;
    color:#333;
}
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:90%;
	height:50%;
	background-size:100% 100%;
}
.header{
	width:100%;
	height:100%;
}
.header img{
	width:100%;
	height:100%;
	-webkit-transform:translateY(-50%);
	left:1rem;
}
.checkTip{
	font-size:0.3rem;
	text-align:center;
	width:90%;
	padding-top:7rem;
	margin-top:4rem;
	background:url(../img/bg5.png) no-repeat center 3rem;
	background-size:100% 80%;
	margin: auto ;
	height:15rem;
	

line-height:1.7em;
}
.checkTip p:nth-of-type(1){
	color:Black;
	margin-bottom:1.8rem;
	font-size:0.78rem;
}
#btn_ok
{
    width:85%;
	height:45px;
	color:#fff;
	padding-top: 0.6rem;
    margin-left: 1.3rem;
    margin-top: -1rem;
	text-align:center;
	font-size:1rem;
   background-image:url(../img/cx1.png)  ;
   background-size:100% 100%;
   background-position:right;
    }
.checkTip p:nth-of-type(3){
	background:#0259ad;
	color:Black;
	width:75%;
	height:2.3rem;
	line-height:2.3rem;
	margin:2.2rem auto 0;
	border-radius:5px;
	font-weight:bold;
	font-size:0.84rem;
}
.bottom{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	background-image:url(../img/down.png);
	color:#fff;
	font-size:0.64rem;
	padding:0.8rem;
	line-height:1.8em;
}



.bottom img{
	position:absolute;
	width: 3rem;
    margin-left: 7.8rem;
    margin-top: 0.1rem;
	z-index:1;
}
.bottom p{
	position:relative;
	z-index:3;
}
.bottom span{
	border:1px solid #fff;
	border-radius:1rem;
	padding:0.1rem 0.5rem;
	font-size:0.54rem;
	left:0.5rem;
	position:relative;
	top:-0.1rem;
}
.resultCnt{
	font-size:0.7rem;
	width:80%;
	background:url(../img/bg6.png) no-repeat center top;
	background-size:100% 100%;
	margin: auto ;
	padding:2rem 0.8rem 1rem;
	height:18rem;
}
.resultCnt img{
	width:5rem;
	margin-top:0.5rem;
}
.resultCnt div{
	position:relative;
}
.resultCnt div>p{
	position:absolute;
	left:5.5rem;
	bottom:0.1rem;
}
.resultCnt>p:nth-of-type(1){
	font-weight:bold;
}
.resultCnt p:nth-of-type(2){
	font-weight:bold;
	padding:0.2rem 0;
}
.resultCnt p:nth-of-type(3){
	text-align:justify;
}
#select_code
{
    color:#ff7200;
    font-weight:bold;
    letter-spacing:2px;
    }
  .result
  {
      margin-top:5px;
      }

#btn_jx
{
    width:85%;
	height:45px;
	color:#fff;
	padding-top: 0.2rem;
    margin-left: 1.4rem;
    margin-top: 1rem;
	text-align:center;
	font-size:1rem;
   background-image:url(../img/cx1.png)  ;
   background-size:100% 100%;
   background-position:right;
    }
 .sm
 {
     width:80%;
    background-size:100% 100%;
	margin:2rem auto 0;
	padding:2rem 0.8rem 1rem;
	height:18rem;
}

#input1
{
    height:10%;
    width:84%;
    margin-top:0.1rem;
    margin-left:-0.5rem;
    box-shadow: 0px 0px 5px 0px #ccc;
    background-size:100% 100%;
    border-radius:3px;
    }
    #cx
{
	height:1.6rem;
	width:2.9rem;
	color:#fff;
	padding-top:0.1rem;
	padding-left:0.3rem;
    margin-left:9.5rem;
    margin-top:-1.5rem;
	font-size:1rem;
   background-image:url(../img/cx3.png)  ;
   background-size:100% 100%;
   background-position:right;
    }
    .cx1
    {
        position: relative;
        top: -1.8rem;
        margin-left:0.2rem;
        background-image:url(../img/bg2.png)  ;
        background-size:100% 100%;
       background-color:White;
        }
/*iphoneX*/
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 3){
	.main{
		height:100%;
	}
}


@media screen and (max-width: 320px) {
   .resultCnt
   {
       
	height:16rem;
       
       }
}