/*预设基础字体适配*/
@media only screen and (max-width: 320px){html{font-size: 100px;} }
@media only screen and (min-width: 320px) and (max-width: 352px){html{font-size: 100px;} }
@media only screen and (min-width: 352px) and (max-width: 384px){html{font-size: 117px;} }
@media only screen and (min-width: 384px) and (max-width: 416px){html{font-size: 130px;} }
@media only screen and (min-width: 416px) and (max-width: 448px){html{font-size: 140px;} }
@media only screen and (min-width: 448px) and (max-width: 480px){html{font-size: 150px;} }
@media only screen and (min-width: 480px) and (max-width: 512px){html{font-size: 160px;} }
@media only screen and (min-width: 512px) and (max-width: 544px){html{font-size: 170px;} }
@media only screen and (min-width: 544px) and (max-width: 576px){html{font-size: 180px;} }
@media only screen and (min-width: 576px) and (max-width: 608px){html{font-size: 190px;} }
@media only screen and (min-width: 608px) and (max-width: 640px){html{font-size: 200px;} }
@media only screen and (min-width: 640px){html{font-size: 20px;} }

a,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,label,li,ol,p,pre,td,th,ul{margin:0;padding:0;border:0;outline:0}
body{line-height:1;font-size:12px}
/*h1,h2,h3,h4,h5,h6{font-size:100%;padding:.6em 0;margin:0 15px}*/
ol,ul{list-style:none}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
body{height:100%;overflow-x: hidden}
html{font-size:100px}
body{position: relative;max-width:640px;margin:0 auto;font-family:"microsoft yahei",Verdana,Arial,Helvetica,sans-serif;background-color:#fff}
.form-row, .clearfix{zoom:1}
.form-row:after, .clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.form-label, .form-input {
    float: left;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
button,html,input,select,textarea{font-family:'Helvetica Neue',Helvetica,'microsoft yahei',Arial,sans-serif}
img {
    display: block;
}

html,body {
    width: 100%;
    height: 100%;
}
body {
    background: #11161e url("images/bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.header {
    height: 0.22rem;
    background: #e8e7e7;
    position: relative;
    z-index: 1;
}
.logo {
    clip-path: polygon(0 0, 0.78rem 0, 0.78rem 0.56rem, 0.39rem 0.68rem, 0 0.56rem);
    -webkit-clip-path: polygon(0 0, 0.78rem 0, 0.78rem 0.56rem, 0.39rem 0.68rem, 0 0.56rem);
    width: 0.78rem;
    height: .68rem;
    background: #fff url("images/logo.png") center no-repeat;
    background-size: 0.58rem 0.3rem;
    position: absolute;
    left: 1.24rem;
    top:0;
    box-shadow: 0 0.02rem 0.03rem #333;
}
.tongzhi{ font-size:0.12rem; text-align:left; margin: 0.8rem auto 0}

/*输入*/
.content {
    width: 2.6rem;
    margin: 0.6rem auto 0;
}
.content .form-row {
    margin-bottom: 0.2rem;
}
.content .form-label {
    width: 0.7rem;
    height: 0.28rem;
    line-height: 0.28rem;
    color: #fff;
    font-size: 0.12rem;
}
.content .form-input {
    width: 1.6rem;
    height: 0.28rem;
    line-height: 0.28rem;
    padding: 0 0.1rem;
    border: 1px solid #9a9ea5;
    background: rgba(0,0,0,0.4);
}
.content .form-input input {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #fff;
}
.content .btn-group {
    margin-top: 0.5rem;
    text-align: center;
}
.content .btn-group input {
    display: inline-block;
    width: 1.2rem;
    height: 0.37rem;
    background: #fff;
    border-radius: 0.03rem;
    margin:0 0.04rem;
    font-size: 0.16rem;
    line-height: 0.37rem;
    color: #030303;
}
.content .notice {
    margin-top: 0.5rem;
    text-align: center;
    color: #e7e6e7;
    line-height: 2;
}

/*确认收货地址*/
.addr-box {
    width: 2.8rem;
    margin:.65rem auto 0;
    padding: 0.1rem;
    background: #fff;
}
.addr-box h3 {
    font-size: 0.16rem;
    text-align: center;
    line-height: 1.5;
    color: #f04f00;
    margin-bottom: 0.45rem;
}
.addr-box .form-row {
    margin-bottom: 0.15rem;
}
.addr-box .form-label {
    width: 0.6rem;
    color: #333;
    height: 0.24rem;
    line-height: 0.24rem;
    font-size: 0.12rem;
}
.addr-box .form-input input {
    width: 2.04rem;
    height: 0.24rem;
    line-height: 0.24rem;
    border: 1px solid #e6e6e6;
    padding: 0 0.05rem;
}
.addr-box .form-input input:focus {
    border-color: #a7c5f5;
}
.addr-box .form-input #receiver {
    margin-right: 0.05rem;
    width: 0.7rem;
}

.addr-box .form-input #addr_input2 {
    width: 0.6rem;
}

.addr-box .form-input #addr_input1 {
    width: 0.6rem;
}

.addr-box .form-input #addr_input {
    margin-top:0.1rem;
    margin-left: 0.6rem;
}


.addr-box .form-input #rtel {
    width: 1.17rem;
}
.addr-sub {
    padding: 0.3rem 0 0.5rem;
}
.addr-sub input {
    display: block;
    width: 1.6rem;
    height: 0.32rem;
    text-align: center;
    background: #fd5503;
    border:none;
    border-radius: 0.03rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #fff;
    margin: 0 auto;
}

/*查看订单*/
.order-box {
    width: 2.8rem;
    margin:.65rem auto 0;
    padding: 0.1rem;
    background: #fff;
}
.order-box h3 {
    font-size: 0.16rem;
    text-align: center;
    line-height: 1.5;
    color: #f04f00;
    letter-spacing: 2px;
}
.order-info {
    border-bottom: 1px solid #ddd;
    font-size: 0.1rem;
    padding-bottom: 0.1rem;
}
.order-info .clearfix {
    margin-top:0.15rem;
}
.order-info b {
    font-weight: normal;
    font-size: 0.11rem;
    color: #000;
}
.order-info span {
    color: #777879;
    /*font-weight: bold;*/
}
.order-info .order-g span {
    font-size: 0.11rem;
    color: #f85403;
}
.logistics-info {
    padding: 0.15rem 0 0.4rem;
}
.logistics-info>div {
    margin-bottom: 0.1rem;
}
.logistics-info .user-info {
    font-size: 0.11rem;
}
.logistics-info .user-info span {
    margin-right: 0.1rem;
}
.logistics-info .user-info span:first-child b {
    color: #f85403;
}
.logistics-info .user-addr {
    color: #78797a;
}
.logistics-info .logistics-detail {
    padding: 0.1rem;
    border-radius: 0.03rem;
    background: #f3f3f3;
    line-height: 1.8;
    margin-top: 0.15rem;
}