body{background: #ffffff;color: #313233; font: 10px/150% siyuan;}
body,html{width: 100%;height: 100%}
.main{width: 1200px;margin: 0 auto;}
.main_center{max-width: 1920px;margin: 0 auto;width: 100%}
ul{list-style: none;}
a{text-decoration: none;color: inherit;border: 0;}
a:hover{color: inherit;}
.clear{clear: both;}
*{padding: 0;margin: 0;box-sizing: border-box;}
i{font-style: normal;}
img{border: 0;display: block}
::-webkit-scrollbar {width: 0;height: 0;}
iframe{width: 100%;height: 100%;}
p{margin: 0}
h1{margin: 0}
h2{margin: 0}
video:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
input,select,textarea{border: none;outline: none;background: none}
textarea{resize: none;}
.index{display: flex;flex-direction: column;height: 100%}
.header{background-image: linear-gradient( #E9963A, #C52D18);font-size: 42px;color: #ffffff;height: 120px}
.header .main{display: flex;justify-content: space-between;height: 100%;align-items: center}
.header .logo{width: 655px;}
.header .phone{display: flex;align-items: center}
.header .phone img{width: 39px;margin-right: 10px}
.foot{height: 80px;width: 100%;text-align: center;color: #D1AB32;background: #F6E6D5;font-size: 16px;line-height: 30px;padding: 10px 0}
.middle{flex: 1;background: url('../images/icon2.png') no-repeat;background-size: 100% 100%;position: relative;align-items: center;justify-content: center;display: flex}
.from .logo{height: 202px; margin: 0 auto 40px;}
.from .logo img{height: 100%;margin: 0 auto;display: block}
.from .logo1{height: 180px;display: block;margin: 0 auto 15px;}
.from .input{width: 1000px;height: 56px;border-radius: 28px;border: 1px solid #D1AB32;display: flex;justify-content: space-between;overflow: hidden;color: #D8AA51}
.from .input input{flex: 1;padding-left: 20px;font-size: 20px}
.from .input input::-webkit-input-placeholder{color: #D8AA51}
.from .input input::-moz-placeholder{color: #D8AA51}
.from .input input:-ms-input-placeholder{color: #D8AA51}
.from .input .btns{cursor: pointer;width: 160px;display: flex;align-items: center;height: 100%;justify-content: center;background-image: linear-gradient(to right, #B78348, #D8AA51,#CE9D48,#8E4D24);font-size: 24px;color: #ffffff;}
.from .input .btns img{width: 29px;margin-right: 10px}
.from .input .btns p{line-height: 24px}
.certificate{display: none;width: 445px;height: 600px;margin: 40px auto 0;background: url("../images/icon5.png") no-repeat;background-size: 100% 100%;}
.certificate .info{padding: 45px 45px 0 45px;margin-bottom: 20px}
.certificate p{font-size: 20px;line-height: 32px}
.certificate h1{font-size: 25px;text-align: center;line-height: 40px}
.certificate h2{font-size: 27px;font-weight: bold;color: #D8282B;text-align: center;line-height: 30px;margin-top: 10px}
.p{font-size: 13px;text-align: center}
.msg{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 150px;line-height: 40px;background-color: rgba(0,0,0,0.5);text-align: center;color: #ffffff;border-radius: 5px;display: none}
#achievement{margin-top: 80px}
#sex{display: flex}
.tile{display: flex;width: 100px;justify-content: space-between}
@media (max-width: 768px){
    .main,.main_center{width: 100%}
    .header{height: initial;padding: 0.8rem 0}
    .header .main{justify-content: center}
    .header .logo{width: 85%;}
    .foot{height: 5rem;font-size: 1rem;line-height: 2rem;padding: 0.5rem 0}
    .middle{background: url('../images/icon2_m.png') no-repeat;background-size: 100% 100%}
    .from .input{width: 90%}
    .from{width: 100%;padding-bottom: 15rem}
    .from .logo{height: 10rem;margin: 0 auto 40px;}
    .from .input{margin: 0 auto;height: 4rem;margin-top: 5rem;}
    .from .input input{padding-left: 1rem;font-size: 1.2rem}
    .from .input .btns{width: 10rem;font-size: 1.5rem;color: #ffffff;}
    .from .input .btns img{width: 2rem;margin-right: 0.5rem}
    .from .input .btns p{line-height: 24px}
    .certificate{width: 25rem;height: 35rem}
    .certificate .info{padding: 3rem 2rem 0 3rem;margin-bottom: 1rem}
    .from .logo1{height: 8rem; margin: 0 auto 1rem;}
    .certificate p{font-size: 1rem;line-height: 2rem}
    .certificate h1{font-size: 1.2rem;line-height: 2.5rem}
    .certificate h2{font-size: 1.5rem;line-height: 2.5rem;margin-top: 1rem}
    .p{font-size: 0.6rem;text-align: center}
    #achievement{margin-top: 5rem}
    .tile{width: 5rem;}
}