*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
html{width: 100%;height: 100%;}
body{width: 100%;height: 100%;overflow-x: hidden;background: url(../images/phonebg.jpg) no-repeat;background-size:100% 100%;}
img{vertical-align: top;max-width: 100%;}
.logo{text-align: center;padding-top: 1.2rem;padding-bottom: .4rem; height:5.4rem;}
.logo img{width: 6.4rem;}
/* 琛ㄥ崟鍖� */
.content{width: 100%;height: auto;overflow: hidden;padding: 0 0.6rem;}
.content .form{width: 100%;height: auto;overflow: hidden;}
.content .form .item{width: 100%;height: 1.05rem;display: flex;justify-content: center;align-items: flex-end;border-bottom: .01rem solid #ffdeae;padding-bottom: .1rem;box-shadow: 0 .1rem .2rem rgba(0,0,0,.1);}
.content .form .item i{flex-shrink: 0;width: .27rem;height: .85rem;}
.content .form .item i.user{background: url(../images/icon-user.png) center bottom .1rem no-repeat;background-size: .26rem;}
.content .form .item i.lock{background: url(../images/icon-lock.png) center bottom .1rem no-repeat;background-size: .27rem;}
.content .form .item input{height: .5rem;width: 2rem;padding:0 0 0 .25rem;background: none;color: #ffffff;font-size: .28rem;}
.content .form .item input::placeholder{color: #fffefe;}
.content .form .forget{text-align: right;font-size: .16rem;color: #fffefe;padding-top: .08rem;margin-bottom: .5rem;transform: scale(.8);margin-right: -.55rem;}
.content .form .submit{width: 100%;height: auto;overflow: hidden;display: -webkit-flex; /* Safari */
  display: flex;flex-wrap: wrap}
.link{width: 42%;height: .75rem;font-size: .3rem;font-weight: 560;letter-spacing: .03rem;color: #fefae3;margin-bottom: .6rem;display:block;text-align: center;line-height: .75rem;border:2px solid #fefae3;border-radius: .5rem;margin:.25rem 4%;
}


.box {
  width: 300px;
  height: 200px;
  border: 5px solid;
  border-image: linear-gradient(to right, red, blue);
  border-image-slice: 1;
}