html{ width: 100%; height: 100%; max-height: 100%;}
body{ width: 100%; height: 100%; font-family: "微软雅黑", arial; font-size: 1vw; line-height: 150%; margin: 0; padding: 0; background: #ffffff;}
img{ border: 0;}
a{ color: #000000; text-decoration: none;}
a:hover{ color: #000000; text-decoration: underline;}
form{ margin: 0; padding: 0;}
ul,li{ margin: 0; padding: 0; list-style-type: none;}
input,select,textarea{ margin: 0; padding: 0.4vw 0.5vw; font-family: "微软雅黑"; font-size: 1vw; vertical-align: middle;}

.input_error{ border: 1px solid #ff0000 !important; background: #fff7f7 !important; color: #ff0000;}
.msg{ color: #ff0000;}
.remark{ color: #999999;}
.clear{ clear: both;}

/*****Public*****/
.template{ display: none;}
.wrap{ width: 100%; min-width: 100%; height: auto; min-height: 100%; clear: both; position: relative; background: #ffffff;}

/*****Main*****/
.banner{ width: 100%; height: auto; margin: 0 auto; clear: both; font-size: 0; line-height: 0;}
.banner img{ width: 100%; height: auto;}

.content{ width: 100%; height: auto; clear: both; position: absolute; top: 34vw; left: 0; background: #ffffff;}

.search{ width: 87vw; height: auto; margin: 0 auto; padding: 4.8vw 0 9vw 0; clear: both;}
.search .input{ width: 100%; height: 10vw; clear: both; background: #ffffff; border: 1px solid #2e1fc6; border-radius: 2vw; position: relative;}
.search .input input{ width: 54vw; height: 10vw; line-height: 10vw; padding: 0 3vw; border: 0; border-style: none; background: none; font-size: 3.8vw; box-shadow: none; outline-color: transparent; outline-style: none; outline-width: 0; text-shadow: none; appearance: none; user-select: text;}
.search .input .but{ width: 28vw; height: 10vw; line-height: 10vw; clear: both; position: absolute; top: 0; right: 0; z-index: 1; background: #755aec; background-image: -webkit-linear-gradient(-30deg,#765aec,#33b5f7); border-radius: 2vw; text-align: center; font-size: 4vw; color: #ffffff; font-weight: bold;}
.search .input .fuzzy{ width: 54vw; height: auto; padding: 1.5vw 3vw 2vw 3vw; clear: both; position: absolute; top: 10.3vw; left: 0; z-index: 100; background: #f3f3f3; border: 1px solid #dddddd; border-radius: 2vw; display: none;}
.search .input .fuzzy .li{ width: 100%; height: auto; line-height: 8vw; clear: both; font-size: 3.8vw; color: #000000; border-top: 1px solid #dddddd;}
.search .input .fuzzy .li:first-child{ border-top: 0;}
.search .result{ width: 100%; height: auto; padding-top: 5vw; clear: both; font-size: 4vw; color: #000000; font-weight: bold;}
.search .result span{ color: #ff0000;}

.meeting{ width: 88vw; height: auto; margin: 0 auto; padding: 0 0 8vw 0; clear: both; position: relative;}
.meeting .pic{ width: 100%; height: auto; clear: both; font-size: 0; line-height: 0;}
.meeting .pic img{ width: 100%; height: auto;}
.meeting .sofa{ width: auto; height: auto; clear: both; position: absolute; top: 35vw; left: 3.9vw;}
.meeting .sofa .li{ width: 6.7vw; height: 5.9vw; clear: both; position: absolute; top: 0; left: 0; z-index: 1; background: url(../image/sofa.png) center no-repeat; background-size:100% 100%;}
.meeting .sofa .li-on{ background: url(../image/sofa_on.png) center no-repeat; background-size:100% 100%;}
.meeting .sofa .li-row1{ top: 0vw;}
.meeting .sofa .li-row2{ top: 10vw;}
.meeting .sofa .li-number1{ left: 0vw;}
.meeting .sofa .li-number2{ left: 9.3vw;}
.meeting .sofa .li-number3{ left: 18.5vw;}
.meeting .sofa .li-number4{ left: 27.7vw;}
.meeting .sofa .li-number5{ left: 36.8vw;}
.meeting .sofa .li-number6{ left: 45.9vw;}
.meeting .sofa .li-number7{ left: 55.2vw;}
.meeting .sofa .li-number8{ left: 64.3vw;}
.meeting .sofa .li-number9{ left: 73.5vw;}
.meeting .desk{ width: auto; height: auto; clear: both; position: absolute; top: 56.2vw; left: 6vw;}
.meeting .desk .li{ width: 2.6vw; height: 3vw; clear: both; position: absolute; top: 0; left: 0; z-index: 1; background: url(../image/desk.png) center no-repeat; background-size:100% 100%;}
.meeting .desk .li-on{ background: url(../image/desk_on.png) center no-repeat; background-size:100% 100%;}
.meeting .desk .li-row1{ top: 0vw;}
.meeting .desk .li-row2{ top: 8.1vw;}
.meeting .desk .li-row3{ top: 16.3vw;}
.meeting .desk .li-row4{ top: 24.4vw;}
.meeting .desk .li-row5{ top: 32.5vw;}
.meeting .desk .li-row6{ top: 40.9vw;}
.meeting .desk .li-row7{ top: 49vw;}
.meeting .desk .li-row8{ top: 57.2vw;}
.meeting .desk .li-row9{ top: 65.3vw;}
.meeting .desk .li-row10{ top: 73.4vw;}
.meeting .desk .li-number1{ left: 0vw;}
.meeting .desk .li-number2{ left: 3.5vw;}
.meeting .desk .li-number3{ left: 7vw;}
.meeting .desk .li-number4{ left: 10.3vw;}
.meeting .desk .li-number5{ left: 13.6vw;}
.meeting .desk .li-number6{ left: 17.1vw;}
.meeting .desk .li-number7{ left: 20.6vw;}
.meeting .desk .li-number8{ left: 24vw;}
.meeting .desk .li-number9{ left: 27.3vw;}
.meeting .desk .li-number10{ left: 30.7vw;}
.meeting .desk .li-number11{ left: 42.5vw;}
.meeting .desk .li-number12{ left: 46vw;}
.meeting .desk .li-number13{ left: 49.3vw;}
.meeting .desk .li-number14{ left: 52.8vw;}
.meeting .desk .li-number15{ left: 56.1vw;}
.meeting .desk .li-number16{ left: 59.5vw;}
.meeting .desk .li-number17{ left: 63.1vw;}
.meeting .desk .li-number18{ left: 66.4vw;}
.meeting .desk .li-number19{ left: 69.8vw;}
.meeting .desk .li-number20{ left: 73.2vw;}

/*Message*/
.message{ width: auto; height: auto; clear: both; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff;}
.message .icon{ width: 15vw; height: 15vw; margin: 0 auto; padding-top: 50vw; clear: both; font-size: 0;}
.message .icon img{ width: 100%; height: auto;}
.message .text{ width: auto; height: auto; padding-top: 5vw; clear: both; text-align: center; font-size: 4vw;}
.message .text span{ display: block; padding-top: 3vw; font-size: 2.8vw; color: #999999; line-height: 125%;}
.message .text span a{ color: #999999;}