html, body, div, span, button,
h1, h2, h3, h4, h5, h6, p,
img, ol, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

a, a:hover {
    text-decoration: none;
}

body {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0px;
    overflow: hidden;
    /*min-width: 1200px;*/
}

#main {
    width: 100%;
    height: 100%;
    position: relative;

}

.opacity {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

a-scene {
    width: 100%;
    height: 100%;
}

.container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6) !important;
    z-index: 10000000000;
}

.xh-close {
    position: absolute;
    left:calc(50% + 277px);
    top:calc(50% - 323px);
    width: 123px;
    height: 23px;
    background-image: url(../pic/close2.png);
    background-size: 100%;
    cursor: pointer;
    z-index: 10000000000;
}
.xh-model-close{
    position: absolute;
    right: 8px;
    top: 8px;
    width: 72px;
    height: 72px;
    background-image: url("../pic/message-close.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10000000000;
}
@media screen and (max-width: 800px){
    .xh-model-close{
        
        right: 4px;
        top: 4px;
        width: 36px;
        height: 36px;
        
    }
    .text-box{
        position: absolute;
        width:90%;
        height:70%;
        top:15%;
        left: 5%;
        font-size: 16px;
        overflow: auto;
        line-height: 22px;
        text-indent: 2em;
    }
    
}
.model-container{
    position:absolute;
    width:70%;
    height:100%;
    padding-top:0;
    left:0;

}
.video-container{
    position:absolute;
    width:100%;
    height:100%;
    left:65%;
    padding-top:15%;
}
#modelFlash{
    background-color: transparent !important;
}
.introduction {
    position: absolute;
    right: 0px;
    top: 50px;
    width: 290px;
    height: calc(100% - 174px);
    height: -moz-calc(100% - 174px);
    background-image: url(../pic/left-column-bg.png);
    background-size: 100% 100%;
    /*opacity: 0.4;*/
    mix-blend-mode: multiply;
}
li{
    cursor: pointer;
}
.introduction-text {
    width: 230px;
    position: absolute;
    font-size: 18px;
    line-height: 30px;
    right: 5px;
    top: 100px;
    mix-blend-mode: color-dodge;
}

.small-close {
    position: absolute;
    width: 28px;
    height: 28px;
    top: -12px;
    left: -12px;
    background-image: url(../pic/sprite.png);
    background-position: 0 -200px;
}
.nav-info{
    width: 100px;
    height: 30px;
    border: 1px solid red;
}
#room-list {
    position: absolute;
    top: 432px;
    left: 0;
    text-indent: 1em;
    width: 440px;
    background-image: url("../pic/list-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding:0px 5px;
    z-index: 10000000000;
    padding-bottom: 3px;
}

#room-list ul li {
    width: 100%;
    height: 29px;
    line-height: 30px;
    color: #ffffff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid rgba(140,180,179,0.5);
}

#room-list ul li.active{
    color: #ffd334;
}
#room-list ul li:hover{
    color: #ffd334;
}

#bottom {
    width: 100%;
    /*height: 135px;*/
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../pic/bottom-column-bg.png);
    background-size: 100% 100%;
    z-index: 9999999999;
}

#bottom .scene-list {
    height: 80px;
    width: 95%;
    font-size: 0;
    text-align: center;
    margin:0 auto;
    margin-bottom: 5px;
    overflow: hidden;
}
#bottom .scene-list .unit-list {
    width: 146px;
    height: calc(100% - 10px);
    margin-right: 6px;
    margin-top: 10px;
    margin-bottom: 4px;
    position: relative;
    list-style: none;
    vertical-align: middle;
    display: inline-block;
}
#bottom ul li img {
    width: 100%;
    height: 100%;
}
#bottom .scene-list .unit-list .model-title{
    position: absolute;
    width:100%;
    height: 100%;
    bottom: 0;
    left: 0;
    display: none;
    opacity: 1;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.6);
    padding-top: 30px;
    padding-left: 3px;
    padding-right: 3px;
}
#bottom ul li img:last-child {

    /*mix-blend-mode: multiply;*/
}

#nav-map {
    position: absolute;
    top: 47px;
    left: 0;
    background: url(../pic/map.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 450px;
    height: 380px;
    cursor: pointer;
    z-index: 10000000000;
}
.num-list{
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
}


#scene-bottom {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 90px;
    left: 0;

}
.scene-bottom {
    bottom: 5px !important;
}
#scene-bottom li {
    width: 23px;
    height: 23px;
    position: relative;
    margin: 2px 5px;
    float: left;
    background-image: url(../pic/sprite.png);
    background-repeat: no-repeat;
}

#scene-bottom li:first-child {
    width: 27px;
    height: 27px;
    margin: 0 10px;
}

.scene-bottom-icon1 {
    background-position: -42px -1px;
}
.scene-bottom-icon1:hover {
    background-position: -2px -1px;
}
.scene-bottom-icon2 {
    background-position: -45px  -35px;
}
.scene-bottom-icon2:hover {
    background-position: -4px  -35px;
}
.scene-bottom-icon2.change  {
    background-position: -46px -146px;
}
.scene-bottom-icon2.change:hover {
    background-position: -7px -146px;
}
/*.scene-bottom-icon3 {*/
    /*background-position: -44px -61px;*/
/*}*/

/*.scene-bottom-icon4 {*/
    /*background-position: 0 -326px;*/
/*}*/

.scene-bottom-icon5 {
    background-position: -44px -61px;
}
.scene-bottom-icon5.rotated {
    background-position: -44px -172px;
}

.scene-bottom-icon5:hover {
    background-position: -4px -61px;
}
.scene-bottom-icon5.rotated:hover {
    background-position: -5px -171px;
}
.scene-bottom-icon6 {
    background-position: -45px -90px;
}
.scene-bottom-icon6:hover {
    background-position: -4px -89px;
}
/*.scene-bottom-icon7 {*/
    /*background-position: -44px -116px;*/
/*}*/
.scene-bottom-icon7:hover {
    background-position: -4px -115px;
}
/*.scene-bottom-icon8 {*/
    /*background-position: 0 -725px;*/
/*}*/

/*.scene-bottom-icon9 {*/
    /*background-image: url(../pic/scan.png) !important;*/
    /*background-size: 72%;*/
    /*background-position: center;*/
/*}*/

#bottom-nav {
    margin: 42px 10px 0 10px;
}

#bottom-nav div {
    background-image: url(../pic/sprite.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 40px;
    position: absolute;
    mix-blend-mode: multiply;
    cursor: pointer;
    top:calc(50% - 8px);
}

#bottom-nav div:first-child {
    left: 20px;
    background-size: 100% 100%;
    background-image: url("../pic/c11.png");

}

#bottom-nav div:last-child {
    right: 20px;
    background-size: 100% 100%;
    background-image: url("../pic/c12.png");
}
#bottom-nav div:first-child:hover {
    background-image: url("../pic/c21.png");
}

#bottom-nav div:last-child:hover {
    background-image: url("../pic/c22.png");
}
#scene-bottom-control {
    width: 50px;
    height: 22px;
    position: absolute;
    top: 40%;
    margin-top: -11px;
    left: 50%;
    margin-left: -25px;
    cursor: pointer;
}

#scene-bottom div div {
    width: 20px;
    height: 22px;
    position: relative;
    /*background-image: url(../pic/sprite.png);*/
    background-repeat: no-repeat;
}

#scene-bottom div div:first-child {
    float: left;
    background-position: 0 -578px;
}

#scene-bottom div div:last-child {
    float: right;
    background-position: 0 -604px;
}

#home {
    width: 100%;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10000000000;
}
.back-home{
    display: inline-block;
    width: 251px;
    height: 44px;
    line-height: 44px;
    background-image: url("../pic/back.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    box-sizing: border-box;
    padding-right: 20px;
}
.current-location{
    display: inline-block;
    color: #ffd334;
    width: 160px;
    height: 44px;
    line-height: 44px;
    background-image: url("../pic/location.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 215px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;

}
.scene-name {
    position: absolute;
    display: none;
    width:100%;
    height: 44px;
    left: 375px;
    font-size: 18px;
    line-height: 44px;
    color: #e7e7e7;
    background-image: url("../pic/text-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scene-name:first-of-type{
    display: inline-block;
}
#location {
    width: 30px;
    height: 30px;
    position: relative;
    background-image: url(../pic/star-location.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-animation: myfirst 1s infinite alternate;
    animation: myfirst 1s infinite alternate;
    top:75%;
    left: 42%;
}

@-webkit-keyframes myfirst {
    0% {
        opacity: 0.1;
    }
    25% {
        opacity: 0.33;
    }
    50% {
        opacity: 0.66;
    }
    100% {
        opacity: 1;
    }
}

@keyframes myfirst {
    0% {
        opacity: 0.1;
    }
    25% {
        opacity: 0.33;
    }
    50% {
        opacity: 0.66;
    }
    100% {
        opacity: 1;
    }
}
.icon-control{
    position: absolute;
    width: 46px;
    height: 314px;
    top: 47px;
    left: 460px;
    z-index: 10000000000;
}
#scene-top-control {
    width: 100%;

}
#scene-top-control  li{
    position: relative;
    width: 100%;
    height: 46px;
    margin-top: 15px;
}
#scene-top-control .list-border{
    top: -6px;
    left: -4px;
    width: 46px;
    height: 46px;
    background-position: 0px -355px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    /*z-index: -10;*/
}
#scene-top-control  span{
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url("../pic/sprite.png");
    background-repeat: no-repeat;
    margin: 5px 0 0 5px;
}
#scene-top-control .list-border:hover{
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
#scene-top-control .scene-top-control1 {
    background-position: 0px -237px;
}

#scene-top-control .scene-top-control2 {
    background-position: 0px -313px;
}
#scene-top-control .scene-top-control3 {
    background-position: 0px -275px;
}

/*#scene-top-control .scene-top-control4 {*/
    /*background-position: 0px -198px;*/
/*}*/
#scene-top-control .scene-top-control4 {
    background-position: -37px -110px;
}

#down-arrow {
    width: 20px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 3px;
    cursor: pointer;
}

.tip-bottom {
    position: absolute;
    width: 71px;
    height: 27px;
    left: 10px;
    top: -28px;
    background-image: url(../pic/sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -409px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    color: #000;
}

.tip-scan {
    position: absolute;
    width: 165px;
    height: 182px;
    left: 50px;
    top: -150px;
    background-image: url(../pic/t2.png);
    background-size: 100%;
}

.tip-map {
    position: absolute;
    width: 67px;
    height: 27px;
    right: -70px;
    top: -3px;
    background-image: url(../pic/sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -440px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    color: #ededed;
}
.tip-text{
    width: 200px;
    height: 20px;
    font-size: 20px;
    position: absolute;
    text-align: center;
    bottom: 100px;
    left:calc(50% - 100px);
    color: #FFFFFF;
    z-index: 10000000000;
}
#help-cover div {
    position: absolute;
    width: 717px;
    height: 471px;
    left: 50%;
    top: 50%;
    margin-left: -358px;
    margin-top: -235px;

}

#share-cover div {
    position: absolute;
    width: 717px;
    height: 471px;
    left: 50%;
    top: 50%;
    margin-left: -358px;
    margin-top: -235px;

}

.help-cover-360 {
    background-image: url(../pic/text1.png);
}

.help-cover-model {
    background-image: url(../pic/text2.png);
}

.share-cover-model {
    background-image: url(../pic/share.png);
}

.pop-close {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
}

#help-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(100,100,100,.5);*/
}

.play-video {
    position: absolute;
    width: 116px;
    height: 48px;
    left: 30px;
    bottom: 160px;
    background-image: url(../pic/dh.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.video-window {
    width: 1400px;
    height: 788px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -394px;
    margin-left: -700px;
}
.preloading {
    animation: opacityChange 2s 1;
}

@keyframes opacityChange {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.75;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.25;
    }
    100% {
        opacity: 0;
    }
}

#img-pop-container {
    position: absolute;
    width: 1200px;
    height: 600px;
    z-index: 10000;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -300px;
    display: none;
}

/*#myFlash {*/
    /*background-color: transparent !important;*/
/*}*/

#krpanoSWFObject {
    z-index: 9999 !important;
}

#myFlash {
    position: absolute !important;
}

#myFlash embed {
    position: absolute !important;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
}
#myFlash-ie {
    position: absolute !important;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
}
.picleft,
.picright{
    position: absolute;
    width: 80px;
    height: 40px;
    top: calc(50% - 25px);
    background-image: url(../pic/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 1000;
}
.picleft{
    left: 20px;
    transform: rotate(90deg);
}
.picright{
    right: 20px;
    transform: rotate(-90deg);
}
/*.toptip{*/
    /*position: absolute;*/
    /*width: 150px;*/
    /*height: 100px;*/
    /*border: 1px solid red;*/
    /*-webkit-transition: all 0.5s;*/
    /*-moz-transition: all 0.5s;*/
    /*-ms-transition: all 0.5s;*/
    /*-o-transition: all 0.5s;*/
    /*transition: all 0.5s;*/
/*}*/
@media screen and (min-width: 1200px) and (max-width:1679px){

    .xh-close{
        left:calc(50% + 177px);
        top:calc(50% - 249px);
    }
    #myFlash embed {
        margin-top: -225px;
        margin-left: -300px;
    }
    .video-container{
        left:68%;
        padding-top:15%;
    }

}
@media screen and (min-height: 760px) and (max-height:900px){

    #home{
        height: 34px;
    }
    .back-home{
        height: 34px;
        line-height: 34px;
        width: 194px;
    }
     .current-location{
         width: 124px;
         height: 34px;
         line-height: 34px;
         left: 170px;
     }
    .scene-name{
        height: 34px;
        font-size: 16px;
        line-height: 34px;
        left: 294px;
    }
    .icon-control{
        left: 420px;
        top: 30px;
    }
    #nav-map{
        width: 410px;
        height: 319px;
        top: 38px;
    }
    #room-list{
        top: 362px;
        width: 400px;
    }
    #room-list ul li{
        height: 18px;
        line-height: 18px;
        font-size: 14px;
        margin-top: 5px;
    }
    #bottom{
        /*height: 75px;*/
    }
    #bottom .scene-list{
        /*height: 56px;*/
        bottom: 3px;
    }
    #bottom-nav{
        margin-top: 22px;
    }
    #scene-bottom{
        bottom: 50px;
    }
    .unit-list ul li{
        width: 116px;
    }

}

@media screen and (max-height: 760px){
    #scene-top-control  li{ margin-top: 0}
    #home{
        height: 34px;
    }
    .back-home{
        height: 34px;
        line-height: 34px;
        width: 194px;
    }
    .current-location{
        width: 124px;
        height: 34px;
        line-height: 34px;
        left: 170px;
    }
    .scene-name{
        height: 34px;
        font-size: 16px;
        line-height: 34px;
        left: 294px;
    }
    .icon-control{
        left: 350px;
        top: 38px;
    }
    #nav-map{
        width: 340px;
        height: 180px;
        top: 38px;
    }
    .num-list{
        width: 16px;
        height: 16px;
    }
    #location{
        width: 20px;
        height: 20px;
    }
    #room-list{
        top: 222px;
        width: 330px;
    }
    #room-list ul li{
        height: 18px;
        line-height: 18px;
        font-size: 14px;
        margin-top: 5px;
    }

    #bottom{
        max-height: 75px;
    }
    #bottom .scene-list{
        max-height: 56px;
        bottom: 3px;
    }
    #bottom .scene-list .unit-list{
        width: 120px;
        margin-top: 5px;
    }
    #bottom-nav{
        margin-top: 22px;
    }
    #scene-bottom{
        bottom: 50px;
    }
    .unit-list ul li{
        width: 116px;
    }

}

.right-arrow,
.left-arrow{
    width: 59px;
    height: 95px;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    cursor: pointer;
    background-image: url(../pic/arrows.png);
    background-repeat: no-repeat;

}
.right-arrow {
    background-position:-73px 0px;
}
.right-arrow:hover {
    background-position:-73px -103px;
}
.left-arrow {
    background-position:0px 0;
}
.left-arrow:hover {
    background-position:0px -103px;
}
#pull-push{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#closePopImg{
    position:fixed;
    right:5%;
    top: 2%;
    background-image:url('../pic/close.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:32px;
    height:32px;
    cursor: pointer;
}
.text-box{
    position: absolute;
    width:50%;
    height:30%;
    top:35%;
    left: 25%;
    font-size: 18px;
    text-align: center;
}
@media screen and (max-width: 800px){
    
    .text-box{
        position: absolute;
        width:90%;
        height:70%;
        top:15%;
        left: 5%;
        font-size: 16px;
        overflow: auto;
        line-height: 22px;
        text-indent: 2em;
        text-align: left;
    }
    
}

#voice-control {
    width: 30px;
    height:30px;
    position:absolute;
    top:32px;
    left: 10px;
    background-image: url('../pic/voice.png');
    z-index:10000;
    background-size: 100% 100%;
    
}
.current-location-p {
    width: 100%;
    height:22px;
    position:absolute;
    top:0;
    left: 0;
    background-color:rgba(52,52,52,0.65);
    z-index:10000;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    padding: 0;
    
}
#room-name {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width: 100%;
}

/*������*/
.popMessage{ width:100%;height:100%;position:fixed;margin-left: -505px;left:50%;top:0; z-index: 10000000000}
.popMessage-top{ width:1010px;height:353px;background:url("../img/book-bg.png");position:relative;margin-left: 10px;}
.popMessage-bottom{ width:1010px;height:555px;position:relative}
.message-title{ width:100%;height:40px;border-top-left-radius:8px;border-top-right-radius: 8px;background:#b22706;border-bottom: 1px #e47734 solid; }
.leave-message{ width:100%;height:465px;background:#fef1cc; }
.flower{ width:400px;height:100%;margin-left: 30px;float:left; }
.flower a{ width:82px;height:22px;background:#fde8a5;border-radius:4px;cursor: pointer;display:inline-block;float:left;line-height: 22px;margin-top: 6px; }
.flower p { display:inline-block;float:right;line-height: 22px;size: 14px;margin-top: 8px;color:#ffe2a2 }
.flower1{ width:178px;float:left;margin-left: 20px;margin-top: 20px;text-align: center;line-height: 20px;}
.flower1 a{color:#b22706;}
.person-message,.pop-message-title,.pop-message-input{ float:left;}
/*.pop-message-finish{ float:right; }*/
.person-message{margin-left: 150px;position:relative}
.pop-message-title{font-size: 14px;  color: #fff0ab;padding-top: 50px;}
.pop-message-input{ width:300px;margin-left: 20px;margin-top: 30px }
.input1{ width:280px;height:40px;border-radius: 4px;background:#fee9a6;padding-left: 10px;;color:#b22706}
.input2{ width:280px;height:150px;border-radius: 4px;background:#fee9a6;padding-left: 10px;margin-top: 20px;padding-top: 20px;;color:#b22706; }
.pop-message-finish{ width:300px;height:70px;margin-left:80px;padding-top: 20px; position:absolute;top:264px;}
.pop-message-finish a{ width:100px;height:30px;display:inline-block;text-align:center;line-height:30px;color:#b22706;background:#fde8a5;border-radius: 4px;margin-left: 30px; }
.message-title p{line-height: 40px;margin-left: 20px;}
.message-title p:nth-child(1){ font-weight: 400;font-size: 16px; color:white;float:left }
.message-title p:nth-child(2){ font-size: 14px; color:white;float:right;margin-right: 20px; }
.leave-message li{ border-bottom: 1px solid #feb28e;display:inline-block;width:970px;margin-left: 20px; }
.leave-message p{  float: left;}
.leave-message p:nth-child(1){font-size: 16px;font-weight: 600;color:#101010;}
.leave-message p:nth-child(2){font-size: 14px;color:#101010;margin-left: 40px;width:800px;}
.page-select{background:#fef1cc; width:810px;height:60px;padding-left: 200px}
.page-select li{ color:red;float:left;border:1px solid #cbc1a3;font-size: 16px;
    height:30px;line-height: 30px;padding-left: 10px;padding-right: 10px;margin-left: 10px;}

/*留言彈框樣式*/
.popMessage{ width:100%;height:100%;position:fixed;margin-left: -505px;left:50%;margin-top: 20px;}
.popMessage-top{ width:1010px;height:353px;background:url("../pic/img/book-bg.png");position:relative;}
.popMessage-bottom{ width:1010px;height:555px;position:relative}
.message-title{ width:100%;height:40px;border-top-left-radius:8px;border-top-right-radius: 8px;background:#b22706;border-bottom: 1px #e47734 solid; }
.leave-message{ width:100%;height:465px;background:#fef1cc;}
.flower{ width:400px;height:100%;margin-left: 30px;float:left; }
.flower a{ width:82px;height:22px;background:#fde8a5;border-radius:4px;cursor: pointer;display:inline-block;float:left;line-height: 22px;margin-top: 6px; }
.flower p { display:inline-block;float:right;line-height: 22px;size: 14px;margin-top: 8px;color:#ffe2a2 }
.flower1{ width:178px;float:left;margin-left: 20px;margin-top: 20px;text-align: center;line-height: 20px;}
.flower1 a{color:#b22706;}
.person-message,.pop-message-title,.pop-message-input{ float:left;}
.scrollY{overflow-y:scroll;overflow-x:hidden; }
/*.pop-message-finish{ float:right; }*/
.person-message{margin-left: 150px;position:relative}
.pop-message-title{font-size: 14px;  color: #fff0ab;padding-top: 50px;}
.pop-message-input{ width:300px;margin-left: 20px;margin-top: 30px }
.input1{ width:280px;height:40px;border-radius: 4px;background:#fee9a6;padding-left: 10px;;color:#b22706}
.input2{ width:280px;height:150px;border-radius: 4px;background:#fee9a6;padding-left: 10px;margin-top: 20px;padding-top: 20px;;color:#b22706; }
.pop-message-finish{ width:300px;height:70px;margin-left:80px;padding-top: 20px; position:absolute;top:264px;}
.pop-message-finish button{ width:100px;height:30px;display:inline-block;text-align:center;line-height:30px;color:#b22706;background:#fde8a5;border-radius: 4px;margin-left: 30px; }
/*.pop-message-finish a{ width:100px;height:30px;display:inline-block;text-align:center;line-height:30px;color:#b22706;background:#fde8a5;border-radius: 4px;margin-left: 30px; }*/
.message-title p{line-height: 40px;margin-left: 20px;}
.message-title p:nth-child(1){ font-weight: 400;font-size: 16px; color:white;float:left }
.message-title p:nth-child(2){ font-size: 14px; color:white;float:right;margin-right: 20px; }
.leave-message li{ border-bottom: 1px solid #feb28e;display:inline-block;width:970px;margin-left: 20px; }
.leave-message p{  float: left;line-height: 50px;margin-top: 25px;margin-bottom: 25px;}
.leave-message p:nth-child(1){font-size: 16px;font-weight: 600;color:#101010;}
.leave-message p:nth-child(2){font-size: 14px;color:#101010;margin-left: 40px;}
.page-sel{ background:#fef1cc; width:100%;height:50px;position: relative;padding-top: 10px}
.page-select-left { cursor:pointer;width:60px;height:30px;border: solid 1px darkgray;position:absolute; left:31%;font-size: 14px;line-height: 30px; text-align: center;color:black; }
.page-select-right { cursor:pointer;width:60px;height:30px;border: solid 1px darkgray;position:absolute; right:31%;font-size: 14px;line-height: 30px; text-align: center;color:black; }
.page-select-n1 { cursor:pointer;width:60px;height:30px;border: solid 1px darkgray;position:absolute; left:24%;font-size: 14px;line-height: 30px; text-align: center;color:black; }
.page-select-n2 { cursor:pointer;width:60px;height:30px;border: solid 1px darkgray;position:absolute; right:24%;font-size: 14px;line-height: 30px; text-align: center;color:black; }
.page-select2 { height:60px;position:absolute;left:50%;margin-left: -110px;}
.btnChange{color:#fef1cc;background:#85090a;}
.page-select2 li{ color:#85090a;float:left;border:1px solid #cbc1a3;font-size: 16px;
    height:30px;line-height: 30px;padding-left: 10px;padding-right: 10px;margin-left: 10px;cursor: pointer}
.page-select2 li:hover { color:#fef1cc;background:#85090a; }
.message-close{width:72px;height:72px;position:fixed;right:0px;top: 0px;background:url("../pic/message-close.png") no-repeat;background-size: 100%}