html,body{ margin:0; padding:0; color:#333; }

ul,li{ list-style:none; padding:0; margin:0; }
a{ text-decoration:none; }
i{ font-style:normal; }
*{ tap-highlight-color:transparent; }
input[type="text"]{ -webkit-appearance:none; }  

.win{ height:calc(100vh - 28vw); overflow:hidden; overflow-y:scroll;  }

.footer{ display:none; }

.searchBar{ width:100vw; height:12vw; margin-top:0vw; margin-bottom:2vw;  }
.searchBar span{ float:left; width:15vw; font-size:5vw; height:12vw; line-height:12vw; padding-left:5vw; margin-top:0.5vw;  }
.searchBar span{ background:url(img/iconArrow.png) right center no-repeat; background-size:3.5vw; }
.searchBar .searchInput{ float:left; height:9vw; width:72vw; border-radius:1vw; margin:2vw 0 0 4vw; }
.searchBar .searchInput{ background:url(img/iconSearch.png) #F4F4F4 3vw center no-repeat; background-size:4vw;  }
.searchBar .searchInput input{ float:left; width:58vw; border:0; background:#F4F4F4; font-size:4vw; line-height:4vw; height:4vw; margin:2.2vw 0 0 8vw; }


.wheel{ display:table; }
.wheel{ display:table;  }
.wheel ul{ display:table; }
.wheel li{ width:94vw; height:47vw; padding:0 4vw 3vw 4vw; }

.wheel li .cover{ width:92vw; height:46vw; border-radius:3vw; overflow:hidden; }
.wheel li .cover{ background-size:cover; background-position:center center; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
.wheel li span{ display:block; width:88vw; font-size:5vw; color:#fff; margin:35vw 0 0 0; }
.wheel li span{ height:7vw; border-radius:0 0 3vw 3vw; padding:2vw; background:#00000054; }
.wheel li span i{ display:block; font-size:4vw; }

.list ul{ display:table; }
.list li{ float:left; margin-left:4vw; box-shadow:0px 0px 5px rgba(0,0,0,0.2); border-radius:2vw; margin-bottom:5vw; }
.list li .text{ display:block; color:#333; margin-bottom:2.5vw; text-align:center; font-size:3.5vw; }
.list li .cover{ display:block; width:44vw; height:34vw; background-size:cover; background-position:center center; border-radius:2vw 2vw 0 0; margin-bottom:2.5vw; }

.list li .lock{ position:absolute; width:44vw; height:34vw; border-radius:2vw 2vw 0 0; opacity:0.8; }
.list li .lock{ background:rgba(0,0,0,0.4) url(img/lock.png?r=4) no-repeat; background-size:44vw 34vw; }

.list li .icon720{ position:absolute; width:44vw; height:34vw; border-radius:2vw 2vw 0 0; opacity:0.8; }
.list li .icon720{ background:rgba(0,0,0,0.4) url(img/icon720.png?r=3) no-repeat; background-size:44vw 34vw; }

.noteWinBody{ padding:4vw; margin:2vw 0 8vw 0;  }
.noteWinBody{ font-size:4.5vw; line-height:1.8; text-align:justify; }
.noteWinBody h1{ padding:0; margin:0; font-size:6.5vw; font-weight:bold; }
.noteWinBody h2{ padding:0; margin:0; font-size:5.5vw; margin-top:2vw; font-weight:bold; }
.noteWinBody p{ padding:0; margin:0; margin-bottom:1vw; }
.noteWinBody img{ width:100%; border-radius:2vw; margin-top:3vw;  }

.contactWin h1{ padding:0; margin:4vw 4vw 4vw 4vw; font-size:5.5vw; }
.contactWin .photo{ margin:4vw; box-shadow:0px 0px 8px rgba(0,0,0,0.5); border-radius:3vw 3vw; }
.contactWin .photo img{ width:92vw; border-radius:3vw 3vw 0 0; }
.contactWin .photo .name{ height:20vw; padding:4vw; font-size:6vw; }
.contactWin .photo .name{ background:url(img/logo.png?r=2) right center no-repeat; background-size:30vw; }
.contactWin .photo .name span{ font-size:4vw; }
.contactWin .photo .name i{ display:block; color:#555; font-size:6vw; margin-top:1vw; font-weight:bold;  }

.contactWin .block{ margin:6vw 0 6vw 4vw; }
.contactWin .block ul{ display:table; }
.contactWin .block li{ float:left; border:1px solid #999; width:28.2vw; height:20vw; border-radius:2vw; margin-left:3vw; box-shadow:0px 0px 8px rgba(0,0,0,0.3);  }
.contactWin .block li:first-child{ margin-left:0;  }
.contactWin .block li i{ float:left; width:7vw; height:7vw; background:url(img/iconContact.png) no-repeat; background-size:21vw 7vw; margin:2vw 1vw 2vw 2vw; }
.contactWin .block li strong{ float:left; font-size:3.5vw; margin-top:3vw; color:#333; }
.contactWin .block li span{ float:left; width:28vw; font-size:3.5vw; text-align:center; color:#999999; }

.contactWin .block li:nth-child(2) i{ background-position-x:-7vw; }
.contactWin .block li:nth-child(3) i{ background-position-x:-14vw; }

.contactWin .phone{ font-size:6vw; text-align:center; padding:2vw 0 5vw 0; border-top:1px solid #eee; background:#fafafa; }
.contactWin .phone img{ display:block; width:64vw; margin:5vw auto 5vw auto; }
.contactWin .phone span{ display:block; margin-bottom:5vw; font-size:5vw; }


.footLine{ width:92vw; margin:4vw; height:4vw; border-top:1px solid #ddd; }
.footLine span{ position:absolute; background:#fff; margin-top:-2.6vw; font-size:3.5vw; margin-left:32vw; padding:0 3vw; color:#aaa; }

.bottomMenu{ position:fixed; bottom:0; buttom:0; z-index:999; width:100vw; height:13vw; background:#F6F5F5; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
.bottomMenu li{ float:left; height:13vw;  width:32.5vw; font-size:4vw; line-height:13vw; border-right:1px solid #ddd; border-left:1px solid #fff; }
.bottomMenu li:last-child{ border-right:0;  }
.bottomMenu li:first-child{ border-left:0; }
.bottomMenu li i{ float:left; width:5vw; height:5vw; background:url(img/iconBottom.png?r=2) no-repeat; background-size:15vw 10vw; margin:3.7vw 2vw 0 4vw ; }
.bottomMenu li.note i{ background-position-x:-5vw; }
.bottomMenu li.contact i{ background-position-x:-10vw; }
.bottomMenu li.cur i{ background-position-y:-5vw; color:#ff7315; }
.bottomMenu li span{ float:left; }
.bottomMenu li.cur{ background:#f9f4de; color:#ff6700; }