* {
    outline: none
}

html,
body,
div,
h1,
h2,
h3,
strong,
span,
img,
a,
p,
label,
ul,
li,
dl,
dt,
dd,
ol,
table,
tr,
td,
input,
nav,
section,
header,
footer,
i {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

ul li {
    list-style-type: none;
}

html,
button,
input,
select,
textarea {
    font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
}

html,
body {
    height: 100%;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

body {
    background-color: #f5f5f5;
}

a {
    text-decoration: none;
}

img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

input[type="file"] {
    width: 0;
    height: 0;
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.filter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.pop-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 7.5rem;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    overflow: hidden;
    z-index: 100;
}

.pop-item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6.2rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: .2rem;
    overflow: hidden;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9999;
}

.pop-close {
    position: absolute;
    top: 50%;
    margin-top: 3.4rem;
    left: 3.46rem;
    width: 0.6rem;
    height: 0.6rem;
    background: url(../images/popClose_1.png?2) no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
}

.pop-close-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop-back {
    position: absolute;
    top: .2rem;
    left: .2rem;
    width: .86rem;
    height: .33rem;
    border-radius: .17rem;
    background-image: -moz-linear-gradient( 0deg, rgb(239, 217, 148) 0%, rgb(247, 204, 70) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(239, 217, 148) 0%, rgb(247, 204, 70) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(239, 217, 148) 0%, rgb(247, 204, 70) 100%);
    text-align: center;
    font-size: .18rem;
    font-weight: bold;
    color: #aa5b00;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.pop-title {
    line-height: .5rem;
    text-align: center;
    font-size: .36rem;
    color: #333;
}

.pop-text.text01 {
    width: 100%;
    line-height: .64rem;
    text-align: center;
    font-size: .36rem;
    color: #333;
}

.pop-text.text02 {
    width: 100%;
    line-height: .3rem;
    text-align: center;
    font-size: .24rem;
    color: #333;
}

.pop-text.text03 {
    width: 100%;
    line-height: .3rem;
    text-align: center;
    font-size: .18rem;
    color: #333;
}

.pop-text.text04 {
    width: 100%;
    line-height: .5rem;
    text-align: center;
    font-size: .28rem;
    color: #333;
}

.pop-text.text05 {
    width: 100%;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #999;
}

.pop-text.text06 {
    width: 5.4rem;
    height: .38rem;
    line-height: .38rem;
    background-color: #f7f7f7;
    text-align: center;
    font-size: .22rem;
    color: #666;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: .19rem;
}

.pop-btn.btn01 {
    display: block;
    width: 100%;
    height: .78rem;
    margin: 0 auto;
    line-height: .78rem;
    border-radius: .39rem;
    text-align: center;
    font-size: .32rem;
    font-weight: bold;
    color: #d09e02;
    border: .02rem solid #d09e02;
}

.pop-btn.btn02 {
    display: block;
    width: 100%;
    height: .78rem;
    margin: 0 auto;
    line-height: .78rem;
    background-image: -moz-linear-gradient( 0deg, rgb(239, 217, 148) 0%, rgb(247, 204, 70) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(239, 217, 148) 0%, rgb(247, 204, 70) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(239, 217, 148) 0%, rgb(247, 204, 70) 100%);
    border-radius: .39rem;
    text-align: center;
    font-size: .32rem;
    font-weight: bold;
    color: #aa5b00;
}

.pop-btn-item {
    width: 5.3rem;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-box-pack: justify;
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}

.pop-btn-item .pop-btn {
    width: 2.4rem;
}

.pop-select-item {
    width: 4.8rem;
    margin: 0 auto;
}

.pop-login-item {
    width: 5.4rem;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-box-pack: justify;
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}

.pop-login-item .pop-input {
    display: block;
    width: 100%;
    height: .7rem;
    border-radius: .35rem;
    background-color: #f2f2f2;
    box-sizing: border-box;
    padding: 0 .4rem;
    font-size: .24rem;
    color: #333;
    border: none;
}

.pop-login-item .btn-verify {
    display: block;
    width: 1.75rem;
    height: .7rem;
    box-sizing: border-box;
    border: .02rem solid #d09e02;
    border-radius: .35rem;
    line-height: .7rem;
    text-align: center;
    font-size: .25rem;
    font-weight: bold;
    color: #d09e02;
}

.pop-login-item .btn-verify[data-stop] {
    border-color: #b2b2b2;
    color: #b2b2b2;
}

.pop-appointment-item {
    width: 5.4rem;
    margin: 0 auto;
    margin-top: .2rem;
}

.pop-appointment-item .list {
    width: 100%;
    margin-bottom: .2rem;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
}

.pop-appointment-item .list:last-child {
    margin-bottom: 0;
}

.pop-appointment-item .list p,
.pop-appointment-item .list input {
    display: block;
    width: 4.53rem;
    height: .7rem;
    background-color: #f2f2f2;
    border: none;
    border-radius: .35rem;
    box-sizing: border-box;
    padding: 0 .45rem;
    line-height: .7rem;
    font-size: .28rem;
    color: #999;
}

.pop-appointment-item .list .btn-delete {
    display: block;
    width: .6rem;
    height: .6rem;
    background: url('../images/pop_btn_del.png') no-repeat;
    background-size: 100% 100%;
}

.pop-appointment-input {
    width: 5.4rem;
    margin: 0 auto;
}

.pop-appointment-input .list {
    width: 100%;
    margin-top: .2rem;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
}

.pop-appointment-input .list input {
    display: block;
    width: 4.53rem;
    height: .7rem;
    background-color: #f2f2f2;
    border: none;
    border-radius: .35rem;
    box-sizing: border-box;
    padding: 0 .45rem;
    line-height: .7rem;
    font-size: .28rem;
    color: #999;
}

.pop-appointment-input .list .btn-add {
    display: block;
    width: .6rem;
    height: .6rem;
    background: url('../images/pop_btn_add.png') no-repeat;
    background-size: 100% 100%;
}

.pop-appointment-item .list input.notice,
.pop-appointment-input .list input.notice {
    border: .02rem solid #ff0000;
}

.pop-prompt {
    width: 100%;
    height: .6rem;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.pop-prompt i {
    display: block;
    width: .27rem;
    height: .27rem;
    margin-right: .15rem;
    border: .02rem solid #cda56d;
    border-radius: 50%;
    box-sizing: border-box;
}

.pop-prompt i.active {
    border: none;
    background: url('../images/pop_icon_prompt.png') no-repeat;
    background-size: 100% 100%;
}

.pop-prompt p {
    line-height: .3rem;
    font-size: .2rem;
    color: #666;
}

.pop-prompt p a {
    color: #db4244;
}

.pop-agreement-item {
    width: 5.5rem;
    height: 4.6rem;
    margin: 0 auto;
    margin-top: .4rem;
    overflow: auto;
}

.pop-agreement-item p {
    min-height: .44rem;
    line-height: .44rem;
    font-size: .26rem;
    color: #666;
}

.pop-prompt-item {
    width: 5.3rem;
    height: 3.5rem;
    margin: 0 auto;
    margin-top: .2rem;
    overflow: auto;
}

.pop-prompt-item p {
    line-height: .46rem;
    font-size: .28rem;
    color: #999;
}

.pop-prompt-item p a {
    color: #256dcb;
}

.pop-wallpaper-item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4.8rem;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.pop-wallpaper-item .prompt {
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%;
    line-height: .5rem;
    text-align: center;
    font-size: .32rem;
    font-style: italic;
    color: #fff;
}

.load_phone {
	text-align:center;
	margin-top:0.3rem;
	font-size:0.32rem;
	color:#333333;
    line-height: .4rem;
    border: none;
}
.wraphref{
	width: 5.08rem;
	height: .7rem;
	margin:0.2rem 0.36rem 0.24rem 0.76rem;
  }
.wraphref_wrap {
	width: 5.08rem;
	height: .7rem;
	position: relative;
}
.wraphref_wrap .gou {
	width: .27rem;
	height: .27rem;
	background: url('../images/gou2.png?3') no-repeat center top;
	-webkit-background-size: 100%;
	background-size: 100%;
	position: absolute;
	left: -0.42rem;
	top: 0.06rem;
}
.wraphref_wrap .bg-none {
    background: url('../images/gou1.png?3') no-repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.wraphref_wrap input {
	width: .27rem;
	height: .27rem;
	position: absolute;
	left: -0.42rem;
	top: 0.06rem;
	filter: alpha(opacity=0); 
	opacity: 1;
}
.wraphref_wrap .goutxt{
	color: #333;
	font-size: .24rem;
	line-height: .36rem;
}
.wraphref_wrap a{
	  color: #e3a631;
}
.loadingicon {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background: url('../zqimages/loading.gif') no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: .1rem;
    left: 0rem;
    /* display: none; */
}