html{font-size:10px; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-all;}
@media only screen and (min-width:320px){html{font-size:10px !important;}}
@media only screen and (min-width:360px){html{font-size:11.25px !important;}}
@media only screen and (min-width:375px){html{font-size:11.72px !important;}}
@media only screen and (min-width:386px){html{font-size:12.06px !important;}}
@media only screen and (min-width:414px){html{font-size:12.93px !important;}}
@media only screen and (min-width:640px){html{font-size:20px !important;}}
@media only screen and (min-width:750px){html{font-size:23.44px !important;}}
body{width: 100%;font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background: #eee;color: #333;font-size: 1.2rem;}
a{color: #333;text-decoration:none}
*{margin: 0;padding: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
li{list-style: none;text-align: center;}
img{max-width: 100%;}
.frenchgrey{
	background: #ececec;
}
.gray{
	background: #9c9c9c;
	color: #fff;
}
.yellow{
	background: #f8d448;
}
    .yellow a {
        color: #fff;
    }

.red{
	background: #d12c28;
	color: #fff;
}
    .red a {
        color: #fff;
    }


    html, body {
        height: 100%;
    }
.btn-two{
	display: flex;
	text-align: center;
}
.btn-two .btn{
	flex: 1;
}

.mail{
	padding: 0.8rem;
	width: 100%;
	height: auto;
	max-width: 750px;
	margin: auto;
	float: left;
}
.content{
	width: 100%;
	height: auto;
	float: left;
}
.nav-flex{
	display: flex;flex-wrap: wrap;
}
.nav-flex li{
	flex: 0 0 50%;
	flex-grow:1;
	height: 7rem;
	line-height: 7rem;
	border: 2px solid #eee;
	background: #fff;
	position: relative;
}
.nav-flex li a{
	display: block;
    width: 100%;
    height: 100%;
}
.nav-ad{
	width: 100%;
	height: auto;
	float: left;
}
.nav-ad li{
	width: 100%;
	max-height: 11rem;
	float: left;
	text-align: center;
	background: #fff;
	border: 2px solid #eee;
}
.nav-ad li img{
	width: 100%;
	height: 100%;
}
.foot{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 2rem;
	font-size: 1rem;
	padding: 0.5rem 0;
	padding-top: 1rem;
    font-weight:bold;
}

.p-list{
	width: 100%;
	height: auto;
	float: left;
}
.p-list li{
	background: #fff;
	width: 100%;
	height: auto;
	float: left;
	padding: 0.75rem 0.5rem;
	margin-bottom: 5px;
}
.p-list img{
	line-height: 5rem;
    max-width: 5rem;
    height: 5rem;
    margin-right: 10px;
    float: left;
}
.list-body{
	overflow: hidden;
	text-align: left;
}
.list-body p{
	margin-bottom: 0;
	overflow: hidden;
    /*white-space: nowrap;
    text-overflow: ellipsis;*/
    color: #666;
}

.ad-top {
    width: 100%;
   
    background: #fff;
    
    float: left;
    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
}

.kuang1 {
    width: 90%;
    margin-left: 5%;
    background: #fff;
    float: left;
    font-size: 1.2rem;
    -moz-box-shadow: 2px 2px 2px 2px #ccc; /* 老的 Firefox */
    box-shadow: 2px 2px 2px 2px #ccc;
    border: 0.2rem solid #F9D448;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 19rem;
    font-weight: bold;
    position: relative;
    background-color: #ffffff;
}
.kuang0 {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
}

.form-inline-input {
    margin-left:21%;
    margin-right:21%;
    width:58%;
    float:left;
    margin-bottom:1rem;
    margin-top:0.5rem;
}
.code-box {
    position: relative;
}
.code-box {
    padding: 0 10px;
    height: 40px;
    color: #000000;
    
    background: #FDEFC4;
    border: 0;
    outline: none;
    text-align:right;
}

    .code-box p,
    .code-box span {
        display: block;
        position: absolute;
        left: 0;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 5px;
    }

    .code-box span {
        width: 40px;
        background-color: #F9D448;
        font-family: "宋体";
        font-size: 16px;
        cursor: pointer;
        height:50px;
        top:-5px;
    }

    .code-box p {
        width: 0;
        background-color: #FFFF99;
        overflow: hidden;
        text-indent: -20px;
        transition: background 1s ease-in;
    }

    .code-box .code-input 
    {
       line-height:40px;
        position:relative;
        font-size:1rem;
    }

.logo-top {
    width: 100%;
    height: 4rem;
    line-height: 3rem;
    background: #fff;
    padding: 0.5rem;
    float: left;
    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
    text-align: center;
    color: #D22D26;
}

.wrapper{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  height:100%;
  max-width: 750px;
  margin: auto;
}
header,footer{
  height:4rem;
  line-height: 4rem;
  background-color:#D8D8D8;
  text-align:center;
}
section{
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  width:100%;
  overflow:auto;/* winphone8和android4+ */
  -webkit-overflow-scrolling: touch; /* ios5+ */
}
header{
	display: flex;
	text-align: center;
}
.top-titie-l,.top-titie-r{
	width: 4rem;
	display: flex;
	justify-content:center;
	align-items: center;
}
.top-titie-l img{
	width: 3rem;
	height: 3rem;
	margin-top:1rem;
}
.top-titie-c{
	flex: 7;
}


.content-w{
	width: 100%;
	height: auto;
	float: left;
	padding: 0.5rem;
	line-height: 1.5;
	background: #fff;
}

.logo-top img{
	width: 3rem;
	height: 3rem;
	float: left;
	margin-right: 0.5rem;
}
.logo-top span{
    display: inline-block;
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 1rem;
    font-size: 2rem;
    text-align: center;
}
.result{
	display: flex;
	width: 100%;
	height: auto;
	padding: 0.5rem;
	background: #dadada;
}
.result .result-l{
	flex: 1;
}
.result .result-r{
	width: 8.5rem;
}
.result-r img {
    width:6rem;
    height:6rem;
    margin-top:1rem;
}

.result h3 {
    line-height: 3rem;
    font-size: 1.5rem;
    color: #FF0000;
}
.top-2{
	margin-top:2rem;
}

.cx-info{
	width: 100%;
	height: auto;
	float: left;
	padding: 0.5rem;
}
.cx-info span{
	width: 6rem;
	display: inline-block;
	text-align: justify;
}
.btn-warp{
	width: 100%;
	height: 5rem;
	padding: 0.5rem;
	display: flex;
	justify-content:space-between;
}
.btn-warp .btn{
	width: 5rem;
	text-align: center;
	line-height: 4rem;
	color: #fff;
}


.cx-input{
	width: 100%;
	height: 4rem;
	display: flex;
	justify-content: center;
    align-items: center;
	padding: 0 0.5rem;
}
.cx-input .cx-input-l{
	width: 4rem;
	display: flex;
    justify-content: center;
    align-items: center;
}
.cx-input .cx-input-l img{
	width: 2rem;
	height: 2rem;
}
.cx-input .cx-input-c{
	flex: 1;
	height: 4rem;
	display: flex;
    justify-content: center;
    align-items: center;
    margin-left:20%;
    margin-right:20%;
}
.cx-input .cx-input-c input{
	width: 100%;
	height: 3rem;
	text-indent: 5px;
}

.kuang1 .cx-input-r{
	width: 5rem;
	display: flex;
    justify-content: center;
    align-items: center;
    
}


.kuang1 .btn {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background: #D22D26;
    color: #fff;
}
.popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	justify-content: center;
    align-items: center;
}
.popup .popup-bj{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.popup .popup-c {
	position: absolute;
	width: 90%;
	height: auto;
}
.popup-body{
	width: 100%;
	height: auto;
	background: #fff;
	padding-bottom:0.5rem ;
}
.img-1{
	height: 100%;
	float: right;
}
.img-2{
	width: 100%;
	height: 100%;
}
.nav-t{
	font-size:1.4rem;
	position: absolute;
	left: 1rem;
	line-height: 7rem;
}
.btn-help{
	height: 3rem;
	line-height: 3rem;
	margin-top: 2rem;
}
.btn-close{
	height: 4rem;
	line-height: 4rem;
	margin-top: 2rem;
	font-size: 1.4rem;
	font-weight: bold;
}

.divone{
	width: 100%;
	height: auto;
	padding: 0.8rem;
	float: left;
}
h3{
	font-size: 1.2rem;
	line-height: 2;
}
.feedback li{
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	margin-bottom: 1rem;
	display: flex;
}
.feedback label{
	width: 6rem;
	text-align: left;
	font-weight: bold;
}
.feedback .feedback-r{
	flex: 1;
	text-indent: 10px;
	text-align: left;
}
.feedback-text label{
	width: 6rem;
	text-align: left;
	font-weight: bold;
}
.feedback-text textarea{
	display: block;
	width: 100%;
	height: 9rem;
	padding: 0.8rem;
	margin-top: 0.5rem;
	font-size: 1.2rem;
	resize:none;
}
.subbtn{
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	padding: 0 0.8rem;
	float: left;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 2rem;
	margin-bottom: 3rem;
}
.border{
	border: 1px solid #999;
	
}
.inputnone{
	border: none;
	
}