html, body {width: 100%; height: 100%; margin:0; } html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, iframe, textarea, input, button, p, strong, b, i, a, span, del, pre, table, tr, th, td, form, fieldset, figure {margin: 0; padding: 0; word-wrap: break-word; font-family: verdana, Microsoft YaHei, Tahoma, sans-serif; *font-family: Microsoft YaHei, verdana, Tahoma, sans-serif; } body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc, em, del {font-style: normal; font-size: 100%; } ul, ol, dl {list-style: none; } a {text-decoration: none; color: #000; } i {font-style: normal; } img {border: 0; margin: 0; padding: 0; display: block; } .clear:after {clear: both; content: ''; display: block; width: 0; height: 0; visibility: hidden; }
.container{padding-top: 100px;}
a { text-decoration: none;color:#000;}

.topinfo{ font-family:PingFang SC-Thin, PingFang SC;padding: 8rem 30.797px 30.797px 30.797px;}
.list{ font-family:PingFang SC-Thin, PingFang SC;padding: 2rem 30.797px 30.797px 30.797px;}
.text-title{ margin:3rem 0 2rem;color:#fff; text-align:center;}
.text-title .title{   font-size:22px; font-weight:600;margin:0 0 1.8rem }
.text-title .info{font-size:20px; color:#E9ECFF;margin:0 0 .6rem }
.date-section{ text-align:center; background:#FFFFFF; border-radius:50px;}
.place-holder{font-size: 15px; color: #ACB0C9; text-align: center; }
.submit{ width: 9rem; height:3rem; line-height:3rem; margin:1rem auto .5rem;background: linear-gradient(180deg, #A4D7F9 0%, #1781FB 100%); border-radius: 50px;color: #fff;text-align: center;letter-spacing: 4px;}
.fanhuibg{ text-align:center; color:#fff; border-radius:50px; width:3rem; height:3rem; margin:0 auto; background:#fff; opacity:.5; position:relative;} .fanhuistr{ width:3rem; height:3rem; margin:0 auto; font-size:13px; text-align:center; top:-2.1rem; position:relative; color:#fff;}
.list{ display:flex;flex-wrap: wrap;justify-content:space-between;}
.list a{ width: 25%;margin:0 auto 1.5rem;}
.list a img{ width: 3rem;height: 3rem;border-radius: 50px;margin: 0 auto .5rem;display:block;}
.list a div{ color: #fff;width: 100%;text-align:center; font-size:14px;}
input{    height: 36px;
    width: 90%;font-size: 14px;
    text-align: center;
    border: 0;background: #fff;
    line-height: 36px;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:0px; -webkit-appearance:none; 
    -webkit-appearance: none;
        background-color: transparent;
    }
.diyun{ position:fixed; bottom:0; width:100%;height: auto;}

.subjieguo{ padding: 31.703px 30.797px 150px 30.797px; text-align:center;}
.subjieguo .a{height: 28px; font-size: 18px; font-weight: 600; color: #6B75FC; line-height: 38px; }
.subjieguo .b{height: 38px; font-size: 16px; color: #333333; line-height: 33px; }
.subjieguo .c{background: #C5D6FF; border-radius: 50px; width:200px; height: 33px; color: #333333; line-height: 33px;margin:.5rem auto .7rem; }
.subjieguo-diyun{ width: 100%;height: auto;display:block;}
.imgbg{ background: #6E83FE; }

.div-pages{ background: #6E83FE;    height: 100%;}
.tong{ min-height: calc(100vh); }
.display{ display: none; }