@charset "utf-8";
html {
    font-size: 14px;
}
body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
    margin: 0;
    padding: 0;
}
body {
    
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    font-size: 14px;
}
ul,ol,li{
    list-style: outside none none;
}

a,a:visited{color:#666;text-decoration: none; border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none；}
img {
    display: block;
    max-width: 100%;
}

.contain{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: linear-gradient(90deg, #FC5537 0%,#EF2831 100%);
}
.try-logo{
    width: 215px;

position: absolute;
    top: 3%;
    left: 2%;
    z-index: 1;
    cursor: pointer;


}
.try-contain{
    width: 1150px;
    min-height: 468px;
    float: left;
    background: url(../images/index/banner/index-pic1.png) left bottom no-repeat;

}
.try-con{
    width: 320px;
    float: right;
    padding:50px 70px;
    background: #fff;
    border-radius: 20px;
}
.try-con li{
    width: 320px;
    float: left;
}
.try-con li h1,h2{
    font-weight: normal;
    text-align: center;
}
.try-con li h1{
    font-size: 28px;
    color: #222;
    margin-bottom: 15px;
}
.try-con li h2{
    font-size: 14px;
    color: #999;
    margin:5px 0px 15px 0px;
}
.try-con li h2 em{
    color: #ec5144;
    font-style: normal;
}
.try-con li input{
    width: 258px;
    height: 28px;
    line-height: 28px;
    padding: 6px 10px 6px 50px;
    margin-top: 20px;
    font-size: 16px;
    outline:none;
    border-radius: 30px;
    border:0;
    background-size: 18px 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}
.try-con li .user{
    background: url(../images/user.png) no-repeat 15px #f7f5fb;
    background-size: 18px 18px;
}
.try-con li .iphone{
    background: url(../images/iphone.png) no-repeat 15px #f7f5fb;
    background-size: 18px 18px;
}
.try-con li .code{
    background: url(../images/code.png) no-repeat 15px #f7f5fb;
    background-size: 18px 18px;
}
.try-con li .company{
    background: url(../images/company.png) no-repeat 15px #f7f5fb;
    background-size: 18px 18px;
}
.try-con li.select-bg{
    width: 258px;
    height: 28px;
    line-height: 28px;
    padding: 6px 10px 6px 50px;
    margin-top: 20px;
    border-radius: 30px;
    background: url(../images/trade.png) no-repeat 15px #f7f5fb;
    background-size: 18px 18px;
 }
 .try-con li.select-bg select{
    width: 250px;
    height: 28px;
    font-size: 16px;
    color: #757575;
    outline:none;
    border:0;
    background: #f7f5fb;
 }

.try-con li .sub{
    width: 320px;
    height: 48px;
    background: linear-gradient(90deg, #FC5537 0%, #EF2831 100%);
    line-height: 48px;
    padding:0px;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;
    border:0px;
    margin-top:30px;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}

.hy-foot {
    line-height: 20px;
    text-align: center;
    position: absolute;
    bottom: 3.6%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
    min-width: 600px;
}

.hy-foot .hy-records {
    margin: 15px 0 0;
    font-size: 12px;
    color: #fff;
}