@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#f6f6f6; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:14px; line-height:25px; color:#2a2a2a; font-family:'微软雅黑';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

.topimg { width:100%; overflow:hidden; margin-top:0px;}
.topimg img { width:100%; height:auto;}
.areasel { margin:0 auto; width:92%; overflow:hidden; margin-top:2vw; border-radius:1.5vw; background-color:#fff; box-shadow:0 0 3px rgb(0,0,0,0.1);}
.areasel .sels { margin:0 auto; width:95%; overflow:hidden;}
.areasel .sels ul { width:100%;}
.areasel .sels ul a { display:block; float:left; width:14.28%; text-align:center; position:relative; font-size:3.5vw; line-height:12vw; height:12vw; text-decoration:none;}
.areasel .sels ul a p { display:block; transition:.3s; position:relative; top:-2.8vw; margin:0 auto; width:0%; height:3px; background-color:#fd4f4b; border-radius:1.5vw;}
.areasel .sels ul a.on p { width:30%;}

.datalist { margin:0 auto; width:92%; padding:3vw 0; overflow:hidden; margin-top:3vw; border-radius:1.5vw; background-color:#fff; box-shadow:0 0 3px rgb(0,0,0,0.1);}
.datalist .ltitle { width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #dcdcdc; padding-bottom:2vw; text-indent:6vw; position:relative; font-size:4.3vw; line-height:5vw; color:#2a2a2a;}
.datalist .ltitle p { display:block; position:absolute; left:3vw; top:0; width:3px; height:5vw; background-color:#fd4f4b; border-radius:1.5vw;}
.datalist .lists { margin:0 auto; width:90%; margin-top:5vw; overflow:hidden;}
.datalist .lists .datainfo { width:100%; overflow:hidden; padding-bottom:3vw; margin-bottom:5vw; border-bottom:1px solid #d6d6d6;}
.datalist .lists .datainfo .datatop { width:100%; overflow:hidden; display:flex; justify-content:space-between;}
.datalist .lists .datainfo .datatop .limg { width:45%; text-align:left;}
.datalist .lists .datainfo .datatop .limg img { width:100%; }
.datalist .lists .datainfo .datatop .rinfo { width:52%; text-align:left; overflow:hidden;}
.datalist .lists .datainfo .datatop .rinfo .name { width:100%; text-align:left; margin-top:3vw;}
.datalist .lists .datainfo .datatop .rinfo .name a { font-size:5vw; color:#2a2a2a; line-height:5.5vw; text-decoration:none;}
.datalist .lists .datainfo .datatop .rinfo .school { width:100%; margin-top:1vw; text-align:left; font-size:3.5vw; color:#7a7a7a; line-height:4vw;}
.datalist .lists .datainfo .datatop .rinfo .time { width:100%; margin-top:4vw; text-align:left; font-size:3.2vw; color:#a9a9a9; line-height:4vw;}
.datalist .lists .datainfo .notes { width:100%; overflow:hidden; margin-top:2vw; text-align:justify; font-size:3.5vw; line-height:5vw; color:#424242;}
.datalist .lists .datainfo .status { width:100%; overflow:hidden; margin-top:5vw;}
.datalist .lists .datainfo .status div { display:inline-table; width:auto; float:right; font-size:3vw; line-height:4vw; margin-left:3vw; color:#545454;}
.datalist .lists .datainfo .status div.getok { display:none;}
.datalist .lists .datainfo .status div.notget { display:none;}
.datalist .lists .datainfo .status div.getok p { display:inline-block; width:3vw; height:3vw; margin-bottom:-0.2vw; margin-right:1.5vw; border-radius:50%; background-color:#e70000;}
.datalist .lists .datainfo .status div.notget p { display:inline-block; width:3vw; height:3vw; margin-bottom:-0.2vw; margin-right:1.5vw; border-radius:50%; background-color:#629500;}
.datalist .lists .datainfo .status div.getok.on { display:block;}
.datalist .lists .datainfo .status div.notget.on { display:block;}

.footer { margin:0 auto; width:92%; overflow:hidden; margin-top:5vw; margin-bottom:7vw; text-align:center; font-size:3.5vw; line-height:6vw; color:#9e9e9e;}

.pageview { margin:0 auto; width:92%; padding:5vw 0 10vw 0; overflow:hidden; margin-top:3vw; border-radius:1.5vw; background-color:#fff; box-shadow:0 0 3px rgb(0,0,0,0.1);}
.pageview .pagetitle { width:100%; text-align:center; overflow:hidden; border-bottom:1px solid #dcdcdc; padding-bottom:2vw;}
.pageview .pagetitle .bigtitle { margin:0 auto; width:90%; text-align:center; font-size:4.5vw; color:#000; line-height:6vw;}
.pageview .pagetitle .pubtime { margin:0 auto; width:90%; margin-top:2vw; text-align:right; font-size:3vw; color:#ccc; line-height:4vw;}
.pageview .contentview { margin:0 auto; width:90%; overflow:hidden; margin-top:5vw; font-size:3.5vw; line-height:7vw; color:#424242;}
.pageview .contentview * { font-size:3.5vw; line-height:7vw; color:#424242;}
.pageview .contentview img { max-width:100%; height:auto;}
.pageview .others { margin:0 auto; width:90%; overflow:hidden; text-align:left; margin-top:5vw; overflow:hidden; font-size:3.5vw; line-height:7vw; color:#424242;}
.pageview .btarea { margin:0 auto; width:95%; overflow:hidden; margin-top:10vw;}
.pageview .btarea .bt1 { width:100%; cursor:pointer; background-color:#d10000; color:#fff; font-size:3.8vw; line-height:9vw; border:0px;}
.pageview .btarea .bt2 { width:100%; cursor:pointer; margin-top:3vw; background-color:#d10000; color:#fff; font-size:3.8vw; line-height:9vw; border:0px;}
.pageview .btarea .bt2.getok { background-color:#c5c5c5;}
.pageview .thanks { margin:0 auto; width:calc(95% - 4vw); padding:2vw; overflow:hidden; margin-top:4vw; background:url(../images/boxbg.png) no-repeat center center; background-size:100% 100%;}
.pageview .thanks .showarea { margin:0 auto; width:100%; padding:3vw 0; overflow:hidden; border:1px solid #d4d4d4; border-radius:1.5vw; background-color:#fff; box-shadow:0 0 3px rgb(0,0,0,0.1);}
.pageview .thanks .showarea .tktitle { width:100%; overflow:hidden; padding-bottom:2vw; text-indent:4vw; border-bottom:1px solid #c3c3c3; font-size:4.5vw; color:#ff903e; line-height:7vw;}
.pageview .thanks .showarea .notes { margin:0 auto; width:90%; overflow:hidden; text-align:justify; margin-top:4vw; padding-bottom:5vw; font-size:3.5vw; line-height:7vw; color:#424242;} 

.floatindex { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgb(0,0,0,0.34); z-index:99;}
.floatindex .indexw { width:92%; height:auto; position:relative; position:fixed; z-index:1; margin-left:-46%; left:50%; margin-top:15%;}
.floatindex .indexw img { width:100%; height:auto;}
.floatindex .indexw p { position:absolute; display:block; width:6vw; height:6vw; z-index:2; top:4vw; right:4vw; background:url(../images/close.png); background-size:100% 100%; cursor:pointer;}

.floatpage { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgb(0,0,0,0.34); z-index:99;}
.floatpage .xyinfos { display:block; width:85%; height:120vw; background-color:#fff; border-radius:4vw; position:relative; position:fixed; z-index:1; margin-left:-42.5%; left:50%; margin-top:-60vw; top:50%;}
.floatpage .xyinfos .xytitle { width:100%; overflow:hidden; text-align:center; margin-top:5vw; font-size:5vw; line-height:6vw; color:#6b6b6b;}
.floatpage .xyinfos .xieyi { margin:0 auto; width:calc(85% - 3vw); height:80vw; padding-right:3vw; margin-top:5vw; overflow-x:hidden; overflow-y:auto;}
.floatpage .xyinfos .xieyi { font-size:3.5vw; color:#000; line-height:7vw; text-align:justify;}
.floatpage .xyinfos .xybt { margin:0 auto; width:85%; margin-top:6vw; cursor:pointer; background-color:#d10000; color:#fff; font-size:3.8vw; line-height:10vw; border:0px;}
.floatpage .xyinfos p { position:absolute; display:block; width:7vw; height:7vw; z-index:2; bottom:-15vw; left:46%; background:url(../images/close.png); background-size:100% 100%; cursor:pointer;}

.floatpage .inputw { display:none; width:85%; height:70vw; background-color:#fff; border-radius:4vw; position:relative; position:fixed; z-index:1; margin-left:-42.5%; left:50%; margin-top:-35vw; top:50%;}
.floatpage .inputw .wtitle { width:100%; overflow:hidden; text-align:center; margin-top:5vw; font-size:5vw; line-height:6vw; color:#6b6b6b;}
.floatpage .inputw .inputs { margin:0 auto; width:80%; margin-top:5vw; overflow:hidden;}
.floatpage .inputw .inputs input.input1 { width:calc(98% - 2px); border:1px solid #afafaf; line-height:10vw; text-indent:3vw; font-size:3.8vw; color:#2a2a2a; margin-bottom:5vw;}
.floatpage .inputw .inputs input::placeholder { color:#ccc; font-size:3.8vw; line-height:10vw;}
.floatpage .inputw .inputs button { width:100%; margin-top:4vw; cursor:pointer; background-color:#d10000; color:#fff; font-size:3.8vw; line-height:10vw; border:0px;}
.floatpage .inputw p { position:absolute; display:block; width:7vw; height:7vw; z-index:2; bottom:-15vw; left:46%; background:url(../images/close.png); background-size:100% 100%; cursor:pointer;}

.floatpage .renling { display:none; width:85%; height:100%; position:relative; position:fixed; z-index:1; margin-left:-42.5%; left:50%; margin-top:-30vw; top:10%;}
.floatpage .renling { background:url(../images/renlingnew.png) no-repeat center center; background-size:100% 100%;height: 492px;width: 335px;margin-top: -3%;}
.floatpage .renling .rlinfo { margin:0 auto; width:80%; overflow:hidden; margin-top:50%;}
.floatpage .renling .rlinfo .rlname { width:75%; padding-bottom:30vw; font-size:3.3vw; line-height:5vw; color:#000; padding-left: 14%;}
.floatpage .renling .rlinfo .notes { width:100%; margin-top:2vw; font-size:3vw; line-height:4vw; color:#000;} 
.floatpage .renling p { position:absolute; display:block; width:7vw; height:7vw; z-index:2; bottom:-15vw; left:46%; background:url(../images/close.png); background-size:100% 100%; cursor:pointer;}