*{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
    outline: none;
    -moz-outline-style: none;
    -ms-outline-style: none;
    -webkit-outline-style: none;
    -o-outline-style: none; 
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}

.head{
    height: 72px;
    background-color: rgba(254,218,137,0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 33px;
}
.head p{
    color: #535353;
}
.content{
    width: 100%;
    height: 887px;
    background-color: #FEDA89;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap{
    width: 1000px;
    height: 650px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.info{
    width: 260px;
    height: 370px;
}
.info h3{
    color: #8E3F00;
    font-size: 28px;
}
.intro{
    color: #964C0E;
    font-size: 20px;
}
.code-box{
    width: 227px;
    height: 204px;
    background-color: #fff;
    margin-top: 15px;
}
.code{
    width: 140px;
    height: 160px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}
.btnbox{
    width: 227px;
    height: 93px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn{
    background-color: #EB3238;
    width: 186px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius:25px;
    cursor: pointer;
}

.tabhead{
    width: 100%;
    height: 170px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.optbox{
    width: 200px;
    height: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.item{
    width: 70px;
    height: 100px;
    text-align: center;
}
.tabcon{
    width: 100%;
    height: 300px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container{
    width: 460px;
    height: 250px;
    display: flex;
    justify-content: space-between;
}
.left{
    width: 219px;
    height: 250px;
}
.left p{
    color: #999;
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}
.left-top{
    width: 219px;
    height: 219px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.right{
    width: 200px;
}
.right p{
    color: #666666;
    font-size: 17px;
}
.downbtn{
    width: 194px;
    height: 56px;
    border-radius: 4px;
    background-color: #EB3238;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    cursor: pointer;
}