@font-face {

    font-family: iconfont;

    src: url("iconfont.eot?t=1598932326552");

    src: url("iconfont.eot?t=1598932326552#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAswAAsAAAAAFLAAAArhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFZgqXMJMIATYCJANsCzgABCAFhG0Hgi0bhRGjooZyUrRkf33AjaGQg/qFwEQSKr29gzSWOB5zj2uCwllZ+QSApaLgy9qPJXGhiZR4+O/w876Z+aVU2tJwz2rpuLSALYUglGAoQAGPSID78LTNf3cPFO44atwZHQt0lei4Y4pfsVgjM4rF3dawNWnhKpq1sf3o4thacWbpQyGks3jpzZJ2FgaYfWAWOwvzAggYDk4aUN1+aTDKYtbOE3IAAP7/5jLLDlMAlBWmwta5mSzOn78wu6VsygoIVF/V6ip8vq9CAWWLSQmOwFXoO2FImjPOH0TYZsxSk6AS5LjU7GXXE2jaSobcPH/+sKlCQTDiAxrBpgWv0iKFurOqObWIL4Cvnj6hHszn6OfHf/sQkFQypfn4/KTY7a9byHpZFUEQMJtTMDmLjBNAIb5p1a9gwk4i3tTtzPMB01SXJFOTS33r9ZLFVpu2M+JNh3flP/GSrKioqqlraGpp6+jq6ZORG0GBRPHjL0AgEFVqeBviwe5aAr+gByIkCAlkCBnkgDYUCBVQAfqhBoAGAFqEBugAQ9ADwAAAIwBMADADwAIAKwBsALADwAEAJwBcAHADwAMALwB8MPjQ81TOAJdY/shY+Q5UxE/QXiRVuzMJOeO1onnCQytjdSjuZlFPUJwobkVLxVIiwsSyLuHxg4NUyOMJcYJncRhImAjv539kIv9MsF9Mgb8o0GLRkAxfRgZSKQIE7QWD/qZB6IGo68Vw449Ngp2DpM2KHRjIt1oB1oYTFgeC2PdRjN3u5xiOQhxDJsxuR/hiHmtVjPvvHp5E3CWiaKyVOPsiBO15ng1oG6uIt5opBlMHnzLRzvlpkHMvQ6H7VT3C2THMbFUAmw3HLQ6dhUywkTjnl+TAEYypcSIdOhECEdUeGNcc5IcuZ9RqWq2hGY1pz4dq8OajuL2faJGhV8HYucMWktY4LAdZRZ3VbCrDAA48gSMmZQxpsTnlHWKzHfHlHLjEYgNVtqbuPWigiEeYjA+kDt32swySmsMK5pF+3ZdjqjXDKFz97f06SGC1YsOCkAc2iO4YCXcPTyDuE4H2D9Tsv85dM19hr2oxgNfaoM4xS83t64i9vQr2gEK0b8gkRnA+wcMhjuKg9biovVibjauqrZ6MimH9ETnU0m+JGJFokFNn+Ngf6C+DYiIGL7io0V37HRdDAm2VAPF8ESTObsdDCOQO4zjAUAKe9UDLQZDYA5V3QkFZ6yVtslPwjgB+l36hyQeHdgs9WD9oHSgdUrF4H6DtTO/FXhRmtYLE2kjCcW/cbQMYwVLOIYTTHHZ37aPMuoFhyxWH/qba4eWGzGEZBKz6QI9rL2mx+mtG2yx+c+v9Y5QOjtKPsZsVo+qsrCn21OkLrVaWrO+Qp5zr4BqocKpN1rPRw/jCDlBXkA3JwsYMe6CJHcjuGVBjzgvYuafczbNcDMBfNSh2H4U4upNOkj76++/tJYH1DHbPSPdw3kmrZwdND2/TlYHxF0LpHxh1qdiCzjRHyz1DVu/7/CLp/5Vnngf3vsg5/yqs7+Wvyi/HI1otMv69855P4p2+cM0NE0on7FJ9WfplibMNCB9RdJX3zz+8q5b451/x8f79N3tF//5z9dFU30hDXGBk0tjweVqkSZfWer6XFy78RnRI9K4wTJgq7SoHSdn1kUXywLgoA8hTyfN1TsGWiVsETl2ecb2gRjBtGvcth90/MeCUNBaqZPxCH5kqqqSEltKHPBIzz7yYhL40QTrBUJRK5lPIl1WZUoQeLBm7IkgRXInGe0QLfLIOZfE3Bf3G8XkfJjfU0WYu9GiXbccVnikEf9Ue+Pw59O09Y4oXPsuIaFaeH2UYbVjqx2glS5tyGnMsodGe7jfLrFWuoVT3KIHyfq266BYpvkeqitasyJ1n7AnXhFyeof76/8shmvAjvMDDocA3K+f7Tf39P6p+dHvZbtUP7h/c/e7yPW4+GesZC7JPjDSjkagejUDNqAzV8xZPnqK+6Tsz/jUgBpDXmIuGbL82Y/+bDcXRXFh1Xd5z4B5fSoyLKkWyy8t3lk2NLorgvRlI57gBzCNMEz7BBjDRkYZ5wGFXmW5yJHwbTo6qLqv25URPZAfTPy5vfF52Xta6lUePHEUOH7EVJRNcZHm69zEv2XB7plwse27Yy58Kcm4Ef6hUbr6xOaLtRluRMnyWrlI3ygse4+/ekWsD7IwV552A/x9nj18v0f2uu/4b+zvr/i3RVD658dYNcASbzyvb1aJDV7sk3J5XNn9qJ4M0LUBmIaqRl0Eyu2pK0AYjflGuKQaa2ZKv2Q8KPvhaknxPwIfPlj77448/7/2pyCCfkSDzBMaQV8jN1GXSXluX9HNSba2NfExtJj29SbSMLi0pxN/DM7H3sMLH4t3L6HcZKX3yXMDpc7SUAdiriNGttYrFnHJ+5ndJ+95+++dpv48pvhu0HYCIk/Cbb3knHRI0nYSnsqvk9twRdPm+LXAZY4wHBeGCg0Zx9J4PgQ1JTcvAesBUVC2fOWdR9oTZeHBa25Izuz3ubQmfLmtctkFTVsXOmAMWZk6g60M6Hn19WxKwvDG0r1JrtJ1T6XmZxbPwoJTGRbu3X9qyLe5Z+yiZ1pqmSOnFJSHNlz6+LQE8/66+jWqDQlS4jlxHt5NtVAidTKCC20mQF5k5b0GFUNhhk/p2sp0Kbtlhe359O9VG+BI+ozH6dqo9PEDfFtj1Y0ILWPEBraF/YtAeyLRSrcEUk7Bg4+8SFBRvSsuYtDx7QndJXOGB/8NZw+QGNvz/A4V3ErWC7cjKNyD/YPTM5RUzEYcExNbXmyl/c3o8sWTKzCBJ5qTNcQ171i9AhIj+uIbNmZNAoZH4Xi/X9/W+MsZ96IIeD3RBoL4p0xLHGUf39unlt/Y2oU4nitTodEmoy6Xd5HICr//EdDl5BW6/fXsHdEjwYHS74maamCz6yfvDvO/13muF1/thwHuDExZF7puEFWPsC2shAQAAF6F/A95rGmCWlfPAVpjbeZcK5rRJ/ejlzu+kwsii2oN+LXEc9FHHQ8R0qC7nH6vQX9t/UwkV5HyqCcbEvmdvGQAggx6Oq0TXVjKhujT0FvrNXj+jXwHg/YwNSo5VPQZJGipg4I/Nfnbd/v1slWTUbwL8C2jFO02f66XVe63YAs7T9IshL1jMTT8t5p6LytqqqlZl+e97pj3nrRhN1MRPjh8/Pk1D7x+fY9Lb/CvnmGQFSc2mIKvbCS7hJwUVLacFVXXnBU3HJp3dMtJoIEoDR9ZYBaHveEHS9YNlXfgTVgh/r6Bi6jt7lciABU1PcaOzZS/mzx8SiAKKNxeOkoJ2a8o8HvkFpjqRxDo67A9SRgp8l5q+7XmBAMlEgHw0+1I014k8f7Y0wDniXaIWZFlburvDJk0/C7iW5NnctQQIJSipcDUu5eeTSKCXL+aVH/8FGJUjpJYFV+X/gCTDrXMZUqX3CH7hodeCxzK+yZGx1yyKxr3pCfG4iaIA53QSzqjfqwWkYm3egPbOQZospe/L1/t3+NdjAzSpk1eBRo4SlahGLerReOduaUcnPl9fWfTLyo+oSKb69R8wcNBgoteKF3SAZwxmWqieUQQzt5WkhasVoZ9l36pB8s04W6otTlwmdVVm3E7zoqr+9ikW3Y4JQrZ12qCgOJ48bASWqYZgFMYr+g8t2WJbnDa5YLCCdpFnv6qRj8CT7dhaqEExS7xWsl84bvgPuo4z1VxpotCsb88AAAA=") format("woff2"), url("iconfont.woff?t=1598932326552") format("woff"), url("iconfont.ttf?t=1598932326552") format("truetype"), url("iconfont.svg?t=1598932326552#iconfont") format("svg")

}



.iconfont {

    font-family: iconfont !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-huiyileixing:before {

    content: "\E601"

}



.icon-touxiang:before {

    content: "\E604"

}



.icon-huochezhan:before {

    content: "\E606"

}



.icon-sc:before {

    content: "\E607"

}



.icon-hd:before {

    content: "\E608"

}



.icon-rmb:before {

    content: "\E60A"

}



.icon-shouji:before {

    content: "\E60B"

}



.icon-jichang:before {

    content: "\E60C"

}



.icon-huoche:before {

    content: "\E60D"

}



.icon-jiudian:before {

    content: "\E60E"

}



.icon-huichang:before {

    content: "\E60F"

}



.icon-renshu:before {

    content: "\E610"

}



.icon-biaoqian:before {

    content: "\E611"

}



.icon-bait:before {

    content: "\E612"

}



.icon-fenxiang:before {

    content: "\E613"

}



.icon-biaoji:before {

    content: "\E614"

}



.icon-shijian:before {

    content: "\E615"

}



.icon-yinhao1:before {

    content: "\E616"

}



.icon-yinhao2:before {

    content: "\E617"

}



.icon-jiantouxshang:before {

    content: "\E618"

}



.icon-jiantouxia:before {

    content: "\E619"

}



.icon-jiantouzuo:before {

    content: "\E61A"

}



.icon-jiantouyou:before {

    content: "\E61B"

}



.icon-kefu:before {

    content: "\E61C"

}



.icon-sousuo:before {

    content: "\E61D"

}



.icon-dibiao2:before {

    content: "\E61E"

}







.amounts-resources {

    height: 128px;

    min-width: 1160px;

    background: #292929

}



.amounts-resources .amounts-resources-cen {

    width: 1136px;

    height: 100%;

    margin: 0 auto;

    color: #fff

}



.amounts-resources .amounts-resources-cen div {

    width: 25%;

    height: 128px;

    float: left;

    padding-top: 37px

}



.amounts-resources .amounts-resources-cen div li {

    list-style: none

}



.amounts-resources .amounts-resources-cen .amounts-size {

    font-size: 18px;

    margin-top: 3px;

    font-weight: 700

}



.amounts-resources .amounts-resources-cen .amounts-sizeone {

    font-size: 13px;

    margin-top: 13px

}



.amounts-resources .amounts-resources-cen .amounts-resources-imgfour,

.amounts-resources .amounts-resources-cen .amounts-resources-imgone,

.amounts-resources .amounts-resources-cen .amounts-resources-imgthree,

.amounts-resources .amounts-resources-cen .amounts-resources-imgtwo {

    width: 48px;

    height: 48px;

    display: block;

    font-size: 12px;

    background-size: 100% 100%;

    float: left;

    margin-right: 20px

}



.amounts-resources .amounts-resources-cen .amounts-resources-imgone {

    background-image: url("../images/index/tuijian.png");

    background-image: -webkit-image-set(url("../images/index/tuijian.png") 1x, url("../images/index/tuijian@2x.png") 2x)

}



.amounts-resources .amounts-resources-cen .amounts-resources-imgtwo {

    background-image: url("../images/index/fuwu.png");

    background-image: -webkit-image-set(url("../images/index/fuwu.png") 1x, url("../images/index/fuwu@2x.png") 2x)

}



.amounts-resources .amounts-resources-cen .amounts-resources-imgthree {

    background-image: url("../images/index/duijie.png");

    background-image: -webkit-image-set(url("../images/index/duijie.png") 1x, url("../images/index/duijie@2x.png") 2x)

}



.amounts-resources .amounts-resources-cen .amounts-resources-imgfour {

    background-image: url("../images/index/shengqian.png");

    background-image: -webkit-image-set(url("../images/index/shengqian.png") 1x, url("../images/index/shengqian@2x.png") 2x)

}



.footer-wrap {

    width: 100%;

    background-color: #fff;

    color: #0b1429 !important

}



.footer-wrap .footer-cont {

    width: 1136px;

    margin: 0 auto;

    padding-top: 60px

}



.footer-wrap .footer-cont .footer-cont-nav {

    width: 1136px;

    height: 200px;

    margin: 0 auto

}



.footer-wrap .footer-cont .footer-cont-nav div {

    float: left;

    width: 227px

}



.footer-wrap .footer-cont .footer-cont-nav div h3 {

    font-size: 14px;

    color: #000;

    font-weight: 600

}



.footer-wrap .footer-cont .footer-cont-nav div .attentiontous {

    text-indent: 5px

}



.footer-wrap .footer-cont .footer-cont-nav div li {

    list-style: none;

    margin-top: 12px

}



.footer-wrap .footer-cont .footer-cont-nav div li a {

    font-size: 12px;

    color: #0b1429

}



.footer-wrap .footer-cont .footer-cont-nav div .attention {

    width: 90px;

    height: 90px;

    margin: 17px 5px 13px;

    background-image: url("../images/2x/footer/erweima@2x.png");

    background-size: 100%

}



.footer-wrap .footer-cont .footer-cont-nav div .sweepdowm {

    width: 90px;

    height: 90px;

    background-image: url("../images/index/consociation/downapp-new@2x.png");

    background-repeat: no-repeat;

    background-size: 100%;

    margin: 17px 5px 13px

}



.footer-wrap .footer-cont .footer-cont-nav div p {

    font-size: 12px;

    color: #000;

    margin-top: 12px;

    text-indent: 5px

}



.footer-wrap .footer-cont .foot-nav {

    font-size: 0;

    text-indent: -9px

}



.footer-wrap .footer-cont .foot-nav li {

    display: inline-block;

    padding: 0 20px;

    height: 36px;

    line-height: 36px;

    color: #000;

    font-size: 13px;

    cursor: pointer

}



.footer-wrap .footer-cont .foot-nav li:last-child {

    margin-right: 0

}



.footer-wrap .footer-cont .foot-nav li.active {

    font-weight: 600;

    background-color: hsla(0, 0%, 100%, .1)

}



.footer-wrap .footer-cont .nav-wrap {

    line-height: 24px;

    color: #666e80;

    border-bottom: 1px solid #e3e4e6;

    padding: 0 2px 8px

}



.footer-wrap .footer-cont .nav-wrap .nav-cont {

    font-size: 0

}



.footer-wrap .footer-cont .nav-wrap .nav-cont.hide {

    display: none

}



.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li {

    font-size: 12px;

    margin-right: 15px;

    display: inline-block

}



.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li b,

.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li h3,

.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li strong {

    font-weight: 500

}



.footer-wrap .footer-cont .nav-wrap .nav-cont .nav-li a {

    color: #666e80

}



.footer-wrap .footer-cont .intr {

    padding-top: 20px;

    padding-right: 230px;

    position: relative

}



.footer-wrap .footer-cont .intr .introduce {

    width: 870px;

    line-height: 24px;

    font-size: 12px;

    color: #666e80

}



.footer-wrap .footer-cont .intr .contact {

    position: absolute;

    width: 220px;

    height: 70px;

    right: 0;

    top: 0;

    padding-top: 20px;

    font-size: 0

}



.footer-wrap .footer-cont .intr .contact .cont-left {

    display: inline-block;

    width: 70px;

    height: 100%;

    text-align: center;

    border-right: 1px solid #ccc

}



.footer-wrap .footer-cont .intr .contact .cont-left .contact-icon {

    width: 24px;

    height: 22px;

    display: inline-block;

    margin-bottom: 8px;

    background-image: url("../images/index/zixun.png"), url("../images/index/zixun@2x.png");

    background-size: 100% 100%

}



.footer-wrap .footer-cont .intr .contact .cont-left span {

    display: block;

    text-align: center;

    width: 100%;

    font-size: 12px;

    color: #363c4d

}



.footer-wrap .footer-cont .intr .contact .cont-right {

    display: inline-block;

    vertical-align: top;

    height: 100%;

    width: 150px

}



.footer-wrap .footer-cont .intr .contact .cont-right .contact-tel {

    color: #000;

    font-size: 20px;

    line-height: 24px;

    text-align: right;

    display: inline-block;

    width: 100%;

    height: 24px;

    margin-bottom: 5px

}



.footer-wrap .footer-cont .intr .contact .cont-right span {

    display: block;

    text-align: right;

    width: 100%;

    height: 14px;

    line-height: 14px;

    font-size: 12px;

    color: #363c4d

}



.footer-wrap .footer-cont .other-site {

    width: 100%;

    height: 38px;

    color: #000;

    padding: 16px 0 5px;

    font-size: 0

}



.footer-wrap .footer-cont .other-site .other-desc {

    font-size: 12px;

    vertical-align: top;

    display: inline-block

}



.footer-wrap .footer-cont .other-site .other-sites {

    display: inline-block;

    font-size: 0

}



.footer-wrap .footer-cont .other-site .other-sites .other-li {

    font-size: 12px;

    vertical-align: top;

    display: inline-block;

    padding: 0 15px;

    border-right: 1px solid hsla(0, 0%, 100%, .2)

}



.footer-wrap .footer-cont .other-site .other-sites .other-li a {

    color: #000

}



.footer-wrap .footer-cont .other-site .other-sites .other-li:last-child {

    border-right: none

}



.footer-wrap .footer-cont .abort-cont {

    padding-top: 5px;

    width: 100%;

    position: relative

}



.footer-wrap .footer-cont .abort-cont .abrot-list {

    width: 100%;

    height: 14px;

    line-height: 14px

}



.footer-wrap .footer-cont .abort-cont .abrot-list li {

    display: inline-block;

    margin-right: 20px;

    font-size: 12px

}



.footer-wrap .footer-cont .abort-cont .abrot-list li a {

    color: #000

}



.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott,

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-top {

    height: 20px

}



.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott span,

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-top span {

    display: inline-block;

    font-size: 12px;

    color: #666e80;

    vertical-align: top;

    margin-right: 16px

}



.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott span i,

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-top span i {

    margin: 0 5px 0 0

}



.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott .for-reference,

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-top .for-reference {

    display: inline-block;

    font-size: 12px;

    color: #666e80;

    vertical-align: top;

    margin-right: 16px;

    padding-left: 20px;

    position: relative

}



.footer-wrap .footer-cont .abort-cont .abort-desc .abort-bott .for-reference i,

.footer-wrap .footer-cont .abort-cont .abort-desc .abort-top .for-reference i {

    position: absolute;

    left: 0;

    top: -1px;

    width: 14px;

    height: 14px;

    background-image: url("../images/for-refer.png");

    background-size: 100% 100%

}



.footer-wrap .footer-cont .abort-cont .abort-aptitude {

    padding-top: 22px;

    font-size: 0

}



.footer-wrap .footer-cont .abort-cont .abort-aptitude .baidu-aptitude,

.footer-wrap .footer-cont .abort-cont .abort-aptitude .qiye-aptitude {

    display: inline-block;

    vertical-align: top;

    width: 80px;

    height: 30px;

    margin-right: 10px;

    margin-bottom: 56px

}



.footer-wrap .footer-cont .abort-cont .abort-aptitude .baidu-aptitude {

    background-image: url("../images/index/baidu.png"), url("../images/index/baidu@2x.png")

}



.footer-wrap .footer-cont .abort-cont .abort-aptitude .qiye-aptitude {

    background-image: url("../images/index/qiye.png"), url("../images/index/qiye@2x.png")

}



.footer-wrap .footer-cont .abort-cont .qcode-cont {

    position: absolute;

    width: 100px;

    height: 130px;

    right: 0;

    bottom: 60px

}



.footer-wrap .footer-cont .abort-cont .qcode-cont .qcode {

    margin-bottom: 8px;

    background-image: url(../images/footer_icon.png?t=01510fa7eda6a94e6412371f201be80d);

    background-image: -webkit-image-set(url(../images/footer_icon.png?t=01510fa7eda6a94e6412371f201be80d) 1x, url(../images/footer_icon@2x.png?t=a286feb5f5007eaed64f8f1d76e70a67) 2x);

    background-position: 0 -86px;

    width: 100px;

    height: 100px

}



.footer-wrap .footer-cont .abort-cont .qcode-cont .qcode-desc {

    width: 100px;

    text-align: center;

    font-size: 12px;

    height: 14px;

    line-height: 14px;

    color: #000

}



.img-table {

    padding-top: 30px;

    width: 824px

}



.img-table .img-view {

    height: 462px;

    position: relative;

    background-color: #b3b3b3;

    overflow: hidden

}



.img-table .img-view .view-btn-prev {

    position: absolute;

    left: 0;

    top: 0;

    width: 77px;

    height: 400px;

    cursor: pointer

}



.img-table .img-view .view-btn-prev .btn {

    position: absolute;

    width: 35px;

    height: 35px;

    border: 6px solid #fff;

    opacity: .8;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%)

}



.img-table .img-view .view-btn-prev .btn-prev {

    border-bottom: transparent;

    border-right: transparent;

    top: 224px;

    left: 42px;

    z-index: 100

}



.img-table .img-view .view-btn-next {

    position: absolute;

    right: 0;

    top: 0;

    width: 77px;

    height: 400px;

    cursor: pointer

}



.img-table .img-view .view-btn-next .btn {

    position: absolute;

    width: 35px;

    height: 35px;

    border: 6px solid #fff;

    opacity: .8;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%)

}



.img-table .img-view .view-btn-next .btn-next {

    border-top: transparent;

    border-left: transparent;

    top: 224px;

    right: 24px;

    z-index: 100

}



.img-table .img-view .curr-img {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    width: 100%

}



.img-table .img-view .img-nav {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 42px;

    line-height: 42px;

    z-index: 1000

}



.img-table .img-view .img-nav .img-type {

    display: inline-block;

    font-size: 0;

    padding-left: 20px

}



.img-table .img-view .img-nav .img-type li {

    display: inline-block;

    padding: 0 20px;

    color: #fff;

    font-size: 12px;

    overflow: hidden;

    position: relative;

    cursor: pointer

}



.img-table .img-view .img-nav .img-type li.active:after {

    content: "";

    display: block;

    width: 11px;

    height: 11px;

    background-color: #fff;

    -webkit-transform: rotate(45deg) translateY(50%);

    transform: rotate(45deg) translateY(50%);

    position: absolute;

    bottom: -1px;

    left: 50%

}



.img-table .img-view .img-nav .all-btn {

    color: #fff;

    font-size: 12px;

    padding-right: 12px;

    cursor: pointer

}



.img-table .img-view .img-supernatant {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0

}



.img-table .img-view .img-supernatant:before {

    top: 0

}



.img-table .img-view .img-supernatant:after,

.img-table .img-view .img-supernatant:before {

    content: "";

    position: absolute;

    height: 126px;

    left: 0;

    right: 0;

    background-size: 100% 100%;

    background-image: url("../images/hotelDetail/supernatant@2x.png")

}



.img-table .img-view .img-supernatant:after {

    bottom: 0;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.img-table .img-preview {

 /*   width: 100%;*/

    width: 372px;

    height: 100px;

    margin:0 auto;

    overflow: hidden;

    position: relative;

    margin-top: 2px

}



.img-table .img-preview .img-list {

    height: 100%;

    padding: 0 34px;

    position: absolute;

    top: 0;

    left: 0;

    font-size: 0;

    overflow: hidden;

    white-space: nowrap

}



.img-table .img-preview .img-list.hide {

    display: none

}



.img-table .img-preview .img-list li {

    display: inline-block;

    width: 100px;

    height: 100px;

    margin-right: 2px;

    cursor: pointer;

    vertical-align: top

}



.img-table .img-preview .img-list li.active {

    position: relative

}



.img-table .img-preview .img-list li.active:after {

    display: block;

    content: "";

    position: absolute;

    width: 92px;

    height: 92px;

    top: 0;

    left: 0;

    border: 4px solid #007eed

}



.img-table .img-preview .img-list .select-img {

    width: 100%;

    height: 100%

}



.img-table .img-preview .btn {

    display: block;

    position: absolute;

    width: 34px;

    height: 100%;

    z-index: 9;

    background-color: #0d0d0d;

    top: 0;

    background-position: 50%;

    background-repeat: no-repeat;

    cursor: pointer

}



.img-table .img-preview .btn:hover {

    background-color: #4c4c4c;

    opacity: .7

}



.img-table .img-preview .btn.disabled {

    background-color: #4c4c4c;

    cursor: not-allowed

}



.img-table .img-preview .btn.btn-prev {

    left: 0;

    background-image: url("../images/icon-btn-img-left.png");

}



.img-table .img-preview .btn.btn-next {

    right: 0;

    background-image: url("../images/icon-btn-img-right.png");

}



.info-nav-box {

    min-height: 81px;

    padding-top: 30px;

    width: 824px

}



.info-nav {

    z-index: 99;

    height: 51px;

    border-top: 2px solid #0d0d0d;

    font-size: 0;

    background-color: #f7f7f7;

    position: relative

}



.info-nav>div {

    display: inline-block;

    vertical-align: top;

    color: #4d4d4d;

    font-size: 14px;

    height: 100%;

    line-height: 51px;

    cursor: pointer;

    text-align: center;

    border-right: 1px solid #e3e3e3;

    border-bottom: 1px solid #e3e3e3

}



.info-nav>div:first-child {

    border-left: 1px solid #e3e3e3

}



.info-nav>div.active {

    color: #0d0d0d;

    background-color: #fff;

    font-weight: 500;

    border-bottom: none

}



.info-nav:before {

    content: "";

    position: absolute;

    right: 0;

    width: 190px;

    height: 48px;

    border-bottom: 1px solid #e3e3e3;

    border-right: 1px solid #e3e3e3

}



.info-nav .info-nav-conf {

    width: 140px

}



.info-nav .info-nav-room {

    width: 132px

}



.info-nav .info-nav-loc {

    width: 120px

}



.info-nav .info-nav-desc,

.info-nav .info-nav-fac {

    width: 121px

}



.info-nav.fixed {

    height: 54px;

    width: 1160px

}



.info-nav.fixed .enquiry-btn {

    display: inline-block;

    cursor: pointer

}



.info-nav.fixed:before {

    content: "";

    position: absolute;

    right: 296px;

    width: 230px;

    height: 51px;

    border-bottom: 1px solid #e3e3e3;

    border-right: 1px solid #e3e3e3

}



.info-nav .enquiry-btn {

    margin-top: -2px;

    display: none;

    width: 296px;

    height: 54px;

    float: right;

    background-size: 100% 100%;

    background-image: url("../images/hotelDetail/consult-bg-fang.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/consult-bg-fang.png") 1x, url("../images/hotelDetail/consult-bg-fang@2x.png") 2x);

    color: #fff;

    position: relative;

    vertical-align: top;

    cursor: pointer;

    padding: 0

}



.info-nav .enquiry-btn .title {

    padding: 8px 0 3px 25px;

    font-size: 20px;

    line-height: 20px;

    text-align: left

}



.info-nav .enquiry-btn .desc {

    font-size: 14px;

    padding-left: 25px;

    line-height: 14px;

    text-align: left

}



.info-nav .enquiry-btn .icon-arrow-right {

    border-radius: 50%;

    position: absolute;

    top: 50%;

    margin-top: -20px;

    right: 16px;

    background-image: url(../images/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);

    background-position: 0 0;

    width: 40px;

    height: 40px

}



.img-list-box {

    position: relative;

    height: 113px;

    display: none;

    overflow: hidden

}



.img-list-box .btn {

    position: absolute;

    display: block;

    width: 40px;

    height: 75px;

    top: 50%;

    margin-top: -32px;

    background-color: #000;

    opacity: .7;

    z-index: 9;

    background-position: 50%;

    background-repeat: no-repeat;

    cursor: pointer

}



.img-list-box .list-prev {

    left: 0;

    background-image: url("../images/icon-btn-img-left.png");

}



.img-list-box .list-next {

    right: 0;

    background-image: url("../images/icon-btn-img-right.png");

}



.img-list-box.active {

    display: block

}



.img-list {

    padding-top: 8px;

    white-space: nowrap;

    overflow: hidden;

    height: 100%;

    font-size: 0;

    position: absolute;

    top: 0;

    left: 0

}



.img-list .img-item,

.img-list>div {

    width: 152px;

    height: 100%;

    position: relative;

    display: inline-block;

    margin-right: 16px;

    vertical-align: top

}



.img-list .img-item img,

.img-list>div img {

    width: 100%;

    height: 100%;

    cursor: pointer

}



.img-list .img-item .img-title,

.img-list>div .img-title {

    position: absolute;

    line-height: 28px;

    font-size: 12px;

    color: #fff;

    text-align: center;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: #000;

    opacity: .7

}



.chamber-info {

    width: 824px

}



.chamber-info .title {

    font-size: 18px;

    color: #0d0d0d;

    padding: 20px 0 11px;

    font-weight: bolder

}



.chamber-info .title b,

.chamber-info .title h2,

.chamber-info .title strong {

    display: inline-block;

    width: 60px;

    font-weight: bolder

}



.chamber-info .title span {

    font-size: 14px;

    color: #ff6b22

}



.chamber-info .chamber-li {

    font-size: 0

}



.chamber-info .chamber-li li {

    display: inline-block;

    text-align: center;

    font-size: 12px;

    vertical-align: top;

    color: #0d0d0d

}



.chamber-info .chamber-li .chamber-name {

    width: 150px;

    font-size: 14px;

    text-align: left

}



.chamber-info .chamber-li .chamber-area {

    width: 70px;

    margin-right: 28px

}



.chamber-info .chamber-li .chamber-people {

    width: 70px;

    margin-right: 25px

}



.chamber-info .chamber-li .chamber-layouts {

    width: 272px;

    padding-top: 8px;

    font-size: 0;

    margin-right: 44px

}



.chamber-info .chamber-li .chamber-layouts .layouts-title {

    line-height: 12px;

    font-size: 12px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon {

    line-height: 12px;

    padding-top: 5px;

    position: relative;

    cursor: pointer

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon {

    display: inline-block;

    width: 20px;

    height: 20px;

    position: relative;

    margin-right: 22px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon:hover .layout-tip {

    display: block

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon:last-child {

    margin: 0

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-theater {

    background-position: 0 -96px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-desk,

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-theater {

    background-image: url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);

    background-image: -webkit-image-set(url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../images/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);

    width: 20px;

    height: 20px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-desk {

    background-position: 0 -56px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-circle {

    background-position: 0 -36px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-circle,

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-U {

    background-image: url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);

    background-image: -webkit-image-set(url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../images/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);

    width: 20px;

    height: 20px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-U {

    background-position: 0 -116px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-fish {

    background-position: 0 -76px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-board,

.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-fish {

    background-image: url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);

    background-image: -webkit-image-set(url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../images/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);

    width: 20px;

    height: 20px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-board {

    background-position: 0 -16px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .icon.icon-wine {

    background-image: url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);

    background-image: -webkit-image-set(url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../images/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);

    background-position: 0 -136px;

    width: 20px;

    height: 20px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip {

    display: none;

    position: absolute;

    width: 200px;

    background: #fff;

    padding: 10px;

    -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, .2);

    box-shadow: 1px 0 8px rgba(0, 0, 0, .2);

    top: 100%;

    left: 50%;

    margin-left: -100px;

    margin-top: 10px;

    z-index: 99

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip:before {

    content: "";

    display: block;

    width: 10px;

    height: 10px;

    position: absolute;

    top: 0;

    margin-top: -5px;

    left: 50%;

    margin-left: -5px;

    background-color: #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box {

    width: 180px;

    height: 146px;

    margin-bottom: 13px;

    position: relative

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img {

    display: block;

    height: 100%;

    width: 100%;

    background-size: 100% 100%

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.theater {

    background-image: url("../images/hotelDetail/layouts/theater.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/layouts/theater.png") 1x, url("../images/hotelDetail/layouts/theater.png") 2x)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.class {

    background-image: url("../images/hotelDetail/layouts/class.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/layouts/class.png") 1x, url("../images/hotelDetail/layouts/class.png") 2x)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.banquet {

    background-image: url("../images/hotelDetail/layouts/banquet.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/layouts/banquet.png") 1x, url("../images/hotelDetail/layouts/banquet.png") 2x)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.U {

    background-image: url("../images/hotelDetail/layouts/U.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/layouts/U.png") 1x, url("../images/hotelDetail/layouts/U.png") 2x)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.fishbone {

    background-image: url("../images/hotelDetail/layouts/fishbone.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/layouts/fishbone.png") 1x, url("../images/hotelDetail/layouts/fishbone.png") 2x)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.board {

    background-image: url("../images/hotelDetail/layouts/board.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/layouts/board.png") 1x, url("../images/hotelDetail/layouts/board.png") 2x)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .img.party {

    background-image: url("../images/hotelDetail/layouts/party.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/layouts/party.png") 1x, url("../images/hotelDetail/layouts/party.png") 2x)

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .layout-tip .img-box .tip-bottom {

    position: absolute;

    width: 100%;

    height: 28px;

    background-color: #000;

    opacity: .7;

    font-size: 12px;

    color: #fff;

    line-height: 28px;

    bottom: 0;

    left: 0

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .tip-text .mothed {

    padding-bottom: 10px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .tip-text .tip .tip-title {

    font-size: 12px;

    font-weight: 700;

    text-align: left;

    padding-bottom: 8px

}



.chamber-info .chamber-li .chamber-layouts .layouts-icon .tip-text .tip .article {

    font-size: 12px;

    line-height: 16px;

    text-align: left

}



.chamber-info .chamber-li .chamber-price {

    width: 85px;

    text-align: left

}



.chamber-info .chamber-li .chamber {

    width: 70px;

    position: relative

}



.chamber-info .chamber-li .chamber .btn-add {

    position: absolute;

    top: 0;

    right: 11px;

    width: 48px;

    height: 31px;

    line-height: 31px;

    text-align: center;

    color: #007eed;

    border: 1px solid #007eed;

    border-radius: 2px;

    cursor: pointer

}



.chamber-info .chamber-li .chamber .btn-add:hover {

    background-color: #007eed;

    color: #fff

}



.chamber-info .chamber-tr {

    padding: 10px 0 0

}



.chamber-info .chamber-tr li {

    line-height: 32px

}



.chamber-info .chamber-tr.hide {

    display: none

}



.chamber-info .chamber-tr .chamber-name {

    width: 160px;

    font-size: 14px;

    text-align: left;

    font-weight: 600;

    padding-top: 8px;

    line-height: 16px;

    word-break: break-all

}



.chamber-info .chamber-tr .chamber-name p {

    padding-top: 5px;

    color: #ff6b22

}



.chamber-info .chamber-tr .layouts-num {

    width: 272px;

    font-size: 0;

    margin-right: 44px

}



.chamber-info .chamber-tr .layouts-num>span {

    font-size: 12px;

    display: inline-block;

    width: 20px;

    position: relative;

    margin-right: 22px

}



.chamber-info .chamber-tr .layouts-num>span:last-child {

    margin-right: 0

}



.chamber-info .chamber-tr .layouts-num>span .disabled {

    position: relative;

    display: inline-block;

    margin: -3px 0;

    -webkit-box-sizing: 100% 100%;

    box-sizing: 100% 100%;

    background-position: 50%;

    background-image: url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5);

    background-image: -webkit-image-set(url(../images/tables_icon.png?t=88f5018ae420f58fab294208b76ed2a5) 1x, url(../images/tables_icon@2x.png?t=a34402b9a81b3f3a4d4f86e4007a5551) 2x);

    background-position: 0 0;

    width: 16px;

    height: 16px

}



.chamber-info .chamber-tr .layouts-num>span .disabled:hover span {

    display: block

}



.chamber-info .chamber-tr .layouts-num>span .disabled span {

    display: none;

    position: absolute;

    left: 50%;

    margin-left: -80px;

    top: -35px;

    border-radius: 3px;

    background: #1d364b;

    color: #fff;

    width: 160px;

    height: 25px;

    line-height: 25px

}



.chamber-info .chamber-tr .layouts-num>span .disabled span:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -6px;

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid #1d364b;

    margin-left: -6px

}



.chamber-info .chamber-tr .chamber-price {

    color: #c6932f

}



.chamber-info .chamber-header {

    z-index: 99;

    width: 824px;

    height: 50px;

    font-size: 0;

    line-height: 50px;

    padding-left: 10px;

    background-color: #fafafa;

    border-bottom: 1px solid #e3e3e3

}



.chamber-info .chamber-header .chamber-name {

    font-size: 12px

}



.chamber-info .chamber-header.chamber-li li {

    color: #4d4d4d

}



.chamber-info .chamber-header-box {

    min-height: 48px;

    line-height: 180%;

    font-size: 15px;

}

.chamber-info img{max-width: 100%}

.chamber-img {

    padding: 2px 0 14px;

    border-bottom: 1px solid #ebebeb

}



.chamber-img.hide {

    display: none

}



.chamber-img .chamber-tip {

    font-size: 12px

}



.chamber-img .chamber-tip .btn-img {

    color: #007eed;

    cursor: pointer;

    padding-right: 12px;

    position: relative;

    font-weight: 500

}



.chamber-img .chamber-tip .btn-img.disabled {

    color: gray

}



.chamber-img .chamber-tip .btn-img.disabled:after {

    visibility: hidden

}



.chamber-img .chamber-tip .btn-img:after {

    position: absolute;

    content: "";

    right: -8px;

    top: -2px;

    background-image: url(../images/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);

    background-position: -40px 0;

    width: 20px;

    height: 20px

}



.chamber-img .chamber-tip .btn-img.active:after {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.chamber-img .chamber-tip .mes-box {

    padding-left: 20px;

    color: gray;

    font-weight: 400

}



.chamber-img .chamber-tip .mes-box .mes-item {

    padding-right: 15px

}



.more-chamber {

    width: 824px;

    height: 40px;

    text-align: center;

    background-color: #f5f5f5;

    line-height: 40px;

    cursor: pointer

}



.more-chamber.hide {

    display: none

}



.more-chamber .btn-text {

    color: #007eed;

    font-size: 12px;

    display: inline-block;

    width: 100%

}



.more-chamber .btn-text:after {

    content: "";

    display: inline-block;

    width: 7px;

    height: 7px;

    border: 1px solid #007eed;

    border-top: transparent;

    border-right: transparent;

    margin-left: 9px;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%)

}



.more-chamber .btn-text.active:after {

    -webkit-transform: rotate(135deg) translateY(-50%);

    transform: rotate(135deg) translateY(-50%)

}



.conf-hr {

    margin-top: 20px;

    height: 2px;

    background-color: #0d0d0d;

 width: 100%}



.conf-title {

    padding: 20px 0 20px;

    font-size: 18px;

    color: #0d0d0d;

    font-weight: bolder;

    width: 100%

}



.conf-list {

    border: 1px solid #e6e6e6;

 width: 100%}



.conf-list .conf-item {

    position: relative;

    font-size: 0;

    border-bottom: 1px solid #e6e6e6;

    background-color: #fafafa

}



.conf-list .item-title {

    font-size: 12px;

    display: inline-block;

    width: 152px;

    height: 100%;

    padding: 15px 0 0 24px;

    color: gray;

    vertical-align: top

}



.conf-list .item-val {

    font-size: 0;

    display: inline-block;

    padding: 16px 120px 15px 31px;

    border-left: 1px solid #e6e6e6;

    color: #0d0d0d;

    width: 1006px;

    line-height: 26px;

    position: relative;

    background-color: #fff

}



.conf-list .item-val .conf-atom {

    font-size: 12px;

    display: inline-block;

    width: 137px

}



.conf-list .item-val .conf-atom:before {

    display: inline-block;

    content: "";

    vertical-align: middle;

    margin-right: 10px;

    background-image: url(../images/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);

    background-position: -40px -20px;

    width: 20px;

    height: 20px

}



.conf-list .item-val .conf-atom.hide {

    display: none

}



.conf-list .item-val .text {

    vertical-align: middle

}



.conf-list .btn-more {

    color: #007eed;

    cursor: pointer;

    position: absolute;

    font-size: 12px;

    top: 16px;

    right: 16px

}



.conf-list .btn-more:after {

    content: "";

    display: inline-block;

    width: 7px;

    height: 7px;

    border: 1px solid #007eed;

    border-top: transparent;

    border-right: transparent;

    margin-left: 9px;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%)

}



.conf-list .btn-more.active:after {

    -webkit-transform: rotate(135deg) translateY(-50%);

    transform: rotate(135deg) translateY(-50%)

}



.conf-list:last-child {

    border-bottom: none

}



.desc-hr {

    height: 2px;

    background-color: #0d0d0d;

    margin-top: 20px;

    width:824px;

}



.desc-title {

    padding: 40px 0 20px;

    font-size: 18px;

    color: #0d0d0d;

    width:824px;

    font-weight: bolder

}



.desc-items {

    border: 1px solid #e6e6e6;

    width:824px;

}



.desc-items .desc-item {

    font-size: 0;

    min-height: 49px;

    border-bottom: 1px solid #e6e6e6;

    background-color: #fafafa

}



.desc-items .desc-item .item-title {

    font-size: 12px;

    line-height: 12px;

    display: inline-block;

    width: 152px;

    height: 100%;

    padding: 20px 0 20px 24px;

    color: gray;

    vertical-align: top

}



.desc-items .desc-item .item-val {

    font-size: 12px;

    line-height: 12px;

    display: inline-block;

    padding: 20px 39px 20px 24px;

    border-left: 1px solid #e6e6e6;

    color: #0d0d0d;

    background-color: #fff;

    width: 1006px

}



.desc-items .desc-item .item-val.hide {

    display: none

}



.desc-items .desc-item .item-val.desc {

    line-height: 24px

}



.desc-items .desc-item .item-val .btn-more {

    color: #007eed;

    cursor: pointer;

    padding-left: 10px

}



.desc-items .desc-item .item-val .btn-more:after {

    content: "";

    display: inline-block;

    width: 7px;

    height: 7px;

    border: 1px solid #007eed;

    border-top: transparent;

    border-right: transparent;

    margin-left: 9px;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%)

}



.desc-items .desc-item .item-val .btn-more.active:after {

    -webkit-transform: rotate(135deg) translateY(-50%);

    transform: rotate(135deg) translateY(-50%)

}



.desc-items .desc-item:last-child {

    border-bottom: none

}



.hotel-image {

    position: relative;

    width: 824px;

    display: inline-block;

    margin-right: 16px;

    vertical-align: top

}



.hotel-image.mb135 {

    margin-bottom: 135px

}



.hotel-image .conf-hr {

    margin-bottom: 40px;

    height: 2px;

    background-color: #0d0d0d;

    width: 1160px

}



.hotel-image .hotel-name {

    position: relative;

    width: 1160px

}



.hotel-image .hotel-name .hotel-image-title {

    font-size: 18px;

    color: #0d0d0d;

    font-weight: bolder;

    line-height: 30px

}



.hotel-image .hotel-name .look-more-link {

    position: absolute;

    right: 20px;

    top: 9px

}



.hotel-image .hotel-name .look-more {

    width: 48px;

    height: 12px;

    font-size: 12px;

    color: #007eed

}



.hotel-image .hotel-name .look-more:after {

    position: absolute;

    width: 7px;

    height: 7px;

    border: 1px solid #007eed;

    border-top: transparent;

    border-left: transparent;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

    margin-top: 9px;

    margin-left: 3px;

    content: ""

}



.hotel-image .hotel-img {

    width: 1160px;

    font-size: 0

}



.hotel-image .hotel-img div {

    display: inline-block

}



.hotel-image .hotel-img div .hotel-img-link {

    display: block;

    position: relative

}



.hotel-image .hotel-img div .hotel-img-link .hotel-img-image {

    display: inline-block;

    margin-top: 17px;

    margin-right: 14px;

    width: 218px;

    height: 150px;

    font-size: 0

}



.hotel-image .hotel-img div .hotel-img-link .hotel-img-number {

    position: absolute;

    line-height: 24px;

    font-size: 12px;

    color: #fff;

    text-align: right;

    bottom: 0;

    left: 0;

    padding-right: 12px;

    width: 218px;

    height: 24px;

    background: hsla(0, 0%, 5%, .8)

}



.hotel-image .hotel-img div .hotel-img-explain {

    display: block;

    margin-top: 15px;

    left: 0;

    bottom: 0;

    width: 218px;

    height: 14px;

    font-size: 14px;

    color: #0d0d0d

}



.map-hr {

    height: 2px;

    background-color: #0d0d0d;

    margin-top: 20px

}



.map-hr,

.map-info {

   

    width: 824px;

}



.map-info .map-title {

    padding: 20px 0 20px;

    font-size: 18px;

    color: #0d0d0d;

    font-weight: bolder

}



.map-info .map-box {

    width: 824px;

    position: relative

}



.hr {

    height: 2px;

    margin-top: 40px;

    background-color: #0d0d0d

}



.hr,

.room-info {

    width: 824px

}



.room-title {

    padding: 20px 0 19px;

    font-size: 18px;

    color: #0d0d0d;

    font-weight: bolder

}



.room-title .num {

    font-size: 12px;

    color: gray

}



.room-header {

    font-size: 0;

    color: gray;

    line-height: 41px;

    height: 41px;

    background-color: #fafafa;

    border-bottom: 1px solid #ebebeb

}



.room-header li {

    display: inline-block;

    font-size: 12px;

    text-align: center

}



.room-header li.name {

    padding-top: 0;

    line-height: 41px

}



.room-li li {

    vertical-align: top

}



.room-li .name {

    padding-top: 24px;

    line-height: 16px;

    width: 150px;

    text-align: left;

    padding-left: 9px

}



.room-li .area {

    width: 90px

}



.room-li .num {

    width: 110px

}



.room-li .net {

    width: 150px

}



.room-li .window {

    width: 130px

}



.room-li .price {

    width: 124px;

    padding-left: 40px;

    text-align: left

}



.room-tr {

    color: #0d0d0d;

    height: 60px;

    line-height: 60px;

    font-size: 0;

    border-bottom: 1px solid #f0f0f0

}



.room-tr li {

    display: inline-block;

    font-size: 12px;

    text-align: center

}



.room-tr li.price {

    color: #c6932f

}



.room-tr .name {

    font-size: 14px;

    text-align: left

}



.room-tr .btn {

    width: 70px

}



.room-tr .btn-add {

    width: 48px;

    height: 31px;

    display: inline-block;

    line-height: 31px;

    text-align: center;

    color: #007eed;

    border: 1px solid #007eed;

    border-radius: 2px;

    cursor: pointer

}



.room-tr .btn-add:hover {

    background-color: #007eed;

    color: #fff

}



.base-info b strong,

.base-info h1 {

    margin: 0

}



.base-info .hotel-name {

    margin-top: 35px;

    color: #0d0d0d;

    font-size: 28px;

    text-align: center;

    font-weight: 600

}



.base-info .hotel-level {

    text-align: center;

    padding-top: 14px

}



.base-info .hotel-level .level {

    display: inline-block;

    line-height: 23px;

    color: #c6932f;

    border-top: 2px solid #c6932f;

    border-bottom: 2px solid #c6932f

}



.base-info .hid-tags {

    text-align: center;

    padding-top: 15px;

    font-size: 12px

}



.base-info .hid-tags .hid-tag {

    color: #0074e4

}



.base-info .address {

    text-align: center;

    font-size: 12px;

    color: #0d0d0d;

    padding: 14px 0 24px

}



.base-info .btn-box {

    border-top: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;

    font-size: 0;

    text-align: center

}



.base-info .btn-box .btn {

    display: inline-block;

    line-height: 45px;

    font-size: 12px;

    color: #0074e4;

    cursor: pointer;

    width: 50%;

    text-align: center

}



.base-info .btn-box .btn:before {

    display: inline-block;

    content: "";

    width: 20px;

    height: 20px;

    vertical-align: middle;

    margin-right: 6px

}



.base-info .btn-box .btn.btn-icon:before,

.base-info .btn-box .btn.btn-map:before {

    background-position: 0 -40px;

    margin-right: -3px

}



.base-info .btn-box .btn.btn-icon:before,

.base-info .btn-box .btn.btn-map:before,

.base-info .btn-box .btn.btn-vista:before {

    background-image: url(../images/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);

    width: 20px;

    height: 20px

}



.base-info .btn-box .btn.btn-vista:before {

    background-position: -20px -40px;

    margin-right: 2px

}



.base-info .btn-box .btn .text {

    vertical-align: middle;

    line-height: 14px

}



.base-info .btn-box .btn-map {

    border-right: 1px solid #e6e6e6

}



.base-info .icon-group {

    font-size: 0;

    padding-bottom: 17px;

    border-bottom: 1px solid #e6e6e6

}



.base-info .icon-group li {

    display: inline-block;

    width: 33.33%

}



.base-info .icon-group .icon {

    width: 36px;

    height: 36px;

    margin: 23px auto 0

}



.base-info .icon-group .icon.icon-area {

    background-position: 0 0

}



.base-info .icon-group .icon.icon-area,

.base-info .icon-group .icon.icon-people {

    background-image: url(../images/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e);

    background-image: -webkit-image-set(url(../images/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e) 1x, url(../images/baseInfo_icon@2x.png?t=e55af6cec7426d440a2d9458fe2872ce) 2x);

    width: 36px;

    height: 36px

}



.base-info .icon-group .icon.icon-people {

    background-position: 0 -72px

}



.base-info .icon-group .icon.icon-price {

    background-position: 0 -108px

}



.base-info .icon-group .icon.icon-price,

.base-info .icon-group .icon.icon-room {

    background-image: url(../images/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e);

    background-image: -webkit-image-set(url(../images/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e) 1x, url(../images/baseInfo_icon@2x.png?t=e55af6cec7426d440a2d9458fe2872ce) 2x);

    width: 36px;

    height: 36px

}



.base-info .icon-group .icon.icon-room {

    background-position: 0 -144px

}



.base-info .icon-group .icon.icon-stop {

    background-position: 0 -180px

}



.base-info .icon-group .icon.icon-conf,

.base-info .icon-group .icon.icon-stop {

    background-image: url(../images/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e);

    background-image: -webkit-image-set(url(../images/baseInfo_icon.png?t=3f815d9d50dd86a98d89ba930012654e) 1x, url(../images/baseInfo_icon@2x.png?t=e55af6cec7426d440a2d9458fe2872ce) 2x);

    width: 36px;

    height: 36px

}



.base-info .icon-group .icon.icon-conf {

    background-position: 0 -36px

}



.base-info .icon-group .icon-info {

    padding-top: 13px;

    font-size: 14px;

    color: #0d0d0d;

    text-align: center

}



.base-info .icon-group .icon-title {

    padding-top: 8px;

    font-size: 12px;

    color: gray;

    text-align: center

}



.base-info .text-info {

    padding-bottom: 17px;

    font-size: 0;

    border-bottom: 1px solid #e6e6e6

}



.base-info .text-info li {

    display: inline-block;

    font-size: 12px;

    color: #0d0d0d;

    width: 50%;

    padding-top: 16px

}



.base-info .text-info li.room-price {

    width: 164px

}



.base-info .text-info li.rec-dec {

    width: 130px

}



.base-info .feature-info {

    padding: 30px 0 26px;

    border-bottom: 1px solid #e6e6e6

}



.base-info .feature-info .feature-title {

    font-size: 14px;

    color: #0d0d0d;

    font-weight: bolder

}



.base-info .feature-info .feature-tags {

    padding-top: 10px

}



.base-info .feature-info .feature-tags .feature-tag {

    display: inline-block;

    margin-top: 8px;

    margin-right: 8px;

    padding: 8px 12px;

    font-size: 12px;

    line-height: 12px;

    color: #4d4d4d;

    border: 1px solid #4d4d4d

}



.base-info .history-active.no-more {

    padding-bottom: 29px

}



.base-info .history-active .history-title {

    padding: 30px 0 9px;

    color: 14px;

    font-size: 14px;

    color: 0d 0d 0d;

    font-weight: bolder

}



.base-info .history-active .history-item {

    padding: 10px 0 0 5px;

    font-size: 12px;

    color: #4d4d4d;

    line-height: 20px

}



.base-info .history-active .history-item.hide {

    display: none

}



.base-info .history-active .history-item:before {

    content: "\B7   ";

    display: inline-block;

    margin-left: -5px

}



.base-info .history-active .btn-history {

    padding: 17px 0 29px 10px;

    border-bottom: 1px solid #e6e6e6

}



.base-info .history-active .btn-history .more-btn {

    font-size: 12px;

    color: #007eed;

    cursor: pointer

}



.base-info .history-active .btn-history .more-btn:after {

    content: "";

    display: inline-block;

    width: 7px;

    height: 7px;

    border: 1px solid #007eed;

    border-top: transparent;

    border-right: transparent;

    margin-left: 9px;

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%)

}



.base-info .history-active .btn-history .more-btn.active:after {

    -webkit-transform: rotate(135deg) translateY(-50%);

    transform: rotate(135deg) translateY(-50%)

}



.base-info .enquiry-btn {

    width: 296px;

    border-radius: 35px;

    height: 70px;

    background-size: 100% 100%;

    background-image: url("../images/hotelDetail/consult-bg.png");

    background-image: -webkit-image-set(url("../images/hotelDetail/consult-bg.png") 1x, url("../images/hotelDetail/consult-bg@2x.png") 2x);

    color: #fff;

    position: relative;

    margin-top: 20px;

    cursor: pointer

}



.base-info .enquiry-btn .title {

    padding: 14px 0 6px 45px;

    font-size: 20px

}



.base-info .enquiry-btn .desc {

    font-size: 14px;

    padding-left: 45px

}



.base-info .enquiry-btn .icon-arrow-right {

    border-radius: 50%;

    position: absolute;

    top: 50%;

    margin-top: -20px;

    right: 16px;

    background-image: url(../images/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);

    background-position: 0 0;

    width: 40px;

    height: 40px

}



.no-info-tip {

    padding-bottom: 115px;

    width: 824px

}



.no-info-tip .result-mes {

    text-align: center;

    font-size: 18px;

    color: #000;

    padding-top: 105px

}



.no-info-tip .result-tip {

    padding-top: 21px;

    text-align: center;

    color: #4d4d4d;

    font-size: 14px

}



.no-info-tip .help-free-btn {

    display: block;

    margin: 39px auto 0;

    height: 48px;

    border: 1px solid #007eed;

    color: #007eed;

    border-color: #007eed;

    border-radius: 2px;

    line-height: 46px;

    text-align: center;

    font-size: 16px;

    width: 252px

}



.detail-form-banner {

    width: 285px;

    background-color: #fff

}



.detail-form-banner .top-banner {

    padding-left: 16px;

    padding-top: 23px;

    height: 80px;

    width: 100%;

    position: relative;

    background-color: #009dff;

    background-image: -webkit-gradient(linear, left top, right top, from(#009dff), to(#0072ff));

    background-image: linear-gradient(90deg, #009dff, #0072ff)

}



.detail-form-banner .top-banner .mes {

    color: #fff;

    font-size: 18px;

    line-height: 18px;

    margin-bottom: 10px;

    font-weight: 500

}



.detail-form-banner .top-banner .tip {

    font-size: 12px;

    color: #fff;

    font-weight: 300

}



.detail-form-banner .top-banner .tip .point {

    font-weight: 500

}



.detail-form-banner .top-banner .people-img {

    position: absolute;

    width: 74px;

    height: 78px;

    bottom: 0;

    right: 0;

    background-image: url("../images/form-top-img.png");

    background-image: -webkit-image-set(url("../images/form-top-img.png") 1x, url("../images/form-top-img@2x.png") 2x)

}



.detail-form-banner .right-cont {

    width: 100%;

    height: 390px;

    padding-top: 20px;

    padding-left: 12px;

    border: 1px solid #e6e6e6;

    border-top: none

}



.detail-form-banner .right-cont .right-form-cont .select-wrap {

    width: 262px;

    height: 40px;

    padding-top: 11px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap .select-cont .arrow {

    top: 6px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data {

    padding: 0

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont {

    height: 40px;

    padding-top: 12px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont .arrow {

    top: 18px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.has-data .select-time-group .select-cont.select-start-date .value {

    padding-left: 5px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-budget.active .select-pull,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-pull,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-num.active .select-pull,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-pull,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.active .select-pull,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-type.active .select-pull {

    width: 262px;

    top: 40px;

    left: 0

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-budget.active .select-push,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-push,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-num.active .select-push,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-push,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-time.active .select-push,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-type.active .select-push {

    bottom: 40px;

    width: 260px;

    left: 0

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-pull .select-options li,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other.active .select-push .select-options li {

    width: 110px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-pull .select-options li,

.detail-form-banner .right-cont .right-form-cont .select-wrap.select-city.active .select-push .select-options li {

    width: 52px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other .select-cont .value {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 200px

}



.detail-form-banner .right-cont .right-form-cont .select-wrap.select-other .select-options-foot {

    width: 246px

}



.detail-form-banner .right-cont .right-form-submit {

    width: 262px;

    height: 42px;

    text-align: center;

    background-color: #ff9e02;

    font-size: 14px;

    line-height: 42px;

    color: #fff;

    cursor: pointer

}



.empty-item,

.likeness-item {

    width: 176px;

    display: inline-block;

    margin-right: 18px;

    vertical-align: top

}



.empty-item .likeness-img,

.likeness-item .likeness-img {

    width: 176px;

    height: 235px

}



.empty-item .item-name,

.likeness-item .item-name {

    padding: 14px 0 13px;

    font-size: 16px;

    color: #0d0d0d;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.empty-item .item-hids,

.empty-item .item-level,

.empty-item .item-max,

.likeness-item .item-hids,

.likeness-item .item-level,

.likeness-item .item-max {

    font-size: 12px;

    color: gray

}



.empty-item .item-level,

.likeness-item .item-level {

    padding-bottom: 10px;

    color: #c6932f

}



.empty-item .item-hids,

.likeness-item .item-hids {

    padding-bottom: 12px

}



.empty-item .item-hids .hid,

.likeness-item .item-hids .hid {

    padding-right: 10px

}



.empty-item {

    height: 323px

}



.likeness-hotel {

    width: 824px;

    padding-top: 40px;

    display: inline-block;

    overflow: hidden;

    font-size: 0;

    white-space: nowrap

}



.likeness-hotel .likeness-nav {

    height: 32px;

    margin-bottom: 12px;

    position: relative

}



.likeness-hotel .likeness-nav .title {

    line-height: 32px;

    font-size: 18px;

    color: #0d0d0d;

    font-weight: bolder

}



.likeness-hotel .likeness-nav .btn-box {

    font-size: 0;

    cursor: pointer;

    position: absolute;

    right: 0;

    width: 64px;

    height: 32px;

    top: 0

}



.likeness-hotel .likeness-nav .btn-box .btn {

    display: inline-block;

    width: 32px;

    height: 32px;

    border: 1px solid #d9d9d9;

    position: relative

}



.likeness-hotel .likeness-nav .btn-box .btn.left {

    border-right: none

}



.likeness-hotel .likeness-nav .btn-box .btn.left:before {

    background-position: 0 -202px

}



.likeness-hotel .likeness-nav .btn-box .btn.left:before,

.likeness-hotel .likeness-nav .btn-box .btn.right:before {

    content: "";

    position: absolute;

    left: 12px;

    top: 9px;

    background-image: url(../images/hotelList_icon.png?t=1c8171c68bc2a14b3480b20940e493aa);

    background-image: -webkit-image-set(url(../images/hotelList_icon.png?t=1c8171c68bc2a14b3480b20940e493aa) 1x, url(../images/hotelList_icon@2x.png?t=90fc9f28804fa48c2c58b434a48a6f59) 2x);

    width: 8px;

    height: 13px

}



.likeness-hotel .likeness-nav .btn-box .btn.right:before {

    background-position: -8px -202px

}



.likeness-hotel .likeness-nav .btn-box .btn:hover {

    border: 1px solid #b3b3b3

}



.likeness-hotel .likeness-items {

    width: 100%;

    height: 347px;

    position: relative

}



.likeness-hotel .likeness-items .item-box {

    position: absolute;

    top: 0;

    left: 0

}



.h-out-map-wrap {

    position: relative;

    height: 596px;

    padding-bottom: 40px

}



.h-map-wrap {

    margin-top: 20px;

    height: 528px;

    border: 1px solid #c9d7df;

    position: relative;

    background: #fff

}



.h-map-inner-wrap {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    position: absolute

}



.h-label1 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_1.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_1.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_1@2x.png) 2x)

}



.h-label1,

.h-label2 {

    position: relative;

    width: 26px;

    height: 34px;

    background-size: 26px 34px

}



.h-label2 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_2.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_2.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_2@2x.png) 2x)

}



.h-label3 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_3.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_3.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_3@2x.png) 2x)

}



.h-label3,

.h-label4 {

    position: relative;

    width: 26px;

    height: 34px;

    background-size: 26px 34px

}



.h-label4 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_4.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_4.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_4@2x.png) 2x)

}



.h-label5 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_5.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_5.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_5@2x.png) 2x)

}



.h-label5,

.h-label6 {

    position: relative;

    width: 26px;

    height: 34px;

    background-size: 26px 34px

}



.h-label6 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_6.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_6.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_6@2x.png) 2x)

}



.h-label-blue-1 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_1.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_1.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_1@2x.png) 2x)

}



.h-label-blue-1,

.h-label-blue-2 {

    position: relative;

    width: 26px;

    height: 34px;

    background-size: 26px 34px

}



.h-label-blue-2 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_2.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_2.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_2@2x.png) 2x)

}



.h-label-blue-3 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_3.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_3.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_3@2x.png) 2x)

}



.h-label-blue-3,

.h-label-blue-4 {

    position: relative;

    width: 26px;

    height: 34px;

    background-size: 26px 34px

}



.h-label-blue-4 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_4.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_4.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_4@2x.png) 2x)

}



.h-label-blue-5 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_5.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_5.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_5@2x.png) 2x)

}



.h-label-blue-5,

.h-label-blue-6 {

    position: relative;

    width: 26px;

    height: 34px;

    background-size: 26px 34px

}



.h-label-blue-6 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_6.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_6.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/t_map_blue_6@2x.png) 2x)

}



.h-map-label-item {

    position: absolute;

    left: -76px;

    background: #fff;

    border-radius: 3px;

    padding: 10px;

    -webkit-box-shadow: 0 0 6px 0 rgba(13, 4, 9, .2);

    box-shadow: 0 0 6px 0 rgba(13, 4, 9, .2);

    display: none

}



.h-map-label-item i {

    position: absolute;

    width: 10px;

    height: 10px;

    bottom: -4px;

    left: 50%;

    background: #fff;

    margin-left: -5px;

    display: inline-block;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.h-map-hotel-point {

    position: relative;

    margin-left: -20px;

    margin-top: -20px;

    width: 50px;

    height: 50px;

    border: 2px solid #fff;

    border-radius: 50%;

    background-size: 100% 100%

}



.hotel-label {

    margin-top: -60px;

    border-radius: 2px;

    padding: 12px 25px;

    font-size: 16px;

    color: #0d0d0d;

    background-color: #fff;

    -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, .3);

    box-shadow: 2px 0 5px rgba(0, 0, 0, .3);

    font-weight: 900;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.hotel-label,

.hotel-label i {

    position: absolute;

    display: inline-block;

    left: 50%

}



.hotel-label i {

    width: 10px;

    height: 10px;

    bottom: -4px;

    background: #fff;

    margin-left: -5px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.itemContent {

    color: #394043;

    font-size: 14px;

    width: 100%;

    overflow: hidden

}



.itemContent span {

    display: inline-block;

    line-height: 14px;

    vertical-align: top

}



.item-icon {

    width: 14px;

    height: 14px

}



.icon-distance,

.item-icon {

    margin-right: 10px;

    display: inline-block;

    vertical-align: middle

}



.icon-distance {

    width: 16px;

    height: 16px;

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-7.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-7.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-7@2x.png) 2x);

    background-size: 16px

}



.itemTitle {

    margin-right: 30px

}



.itemInfo {

    color: #9c9fa1;

    font-size: 14px;

    padding-top: 8px;

    text-align: justify;

    overflow: hidden;

    word-break: break-all;

    word-wrap: break-word;

    white-space: normal

}



.h-poi-wrap {

    width: 320px;

    height: 478px;

    background: #fff;

    position: absolute;

    right: 10px;

    top: 12px;

    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    overflow: hidden

}



.h-poi-header {

    position: relative;

    color: gray;

    font-size: 14px

}



.h-poi-header span {

    float: left;

    width: 50%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #f1f1f1;

    cursor: pointer;

    -webkit-transition: color .3s;

    transition: color .3s

}



.h-poi-header span:hover {

    color: #108aee

}



.h-poi-header span.active {

    background: #fff;

    color: #108aee

}



.h-poi-indicator {

    position: absolute;

    top: 0;

    background: #108aee;

    width: 50%;

    height: 2px

}



.h-current-poi {

    height: 50px;

    line-height: 50px;

    text-align: center;

    width: 288px;

    border-bottom: 1px solid #eee;

    margin: 0 auto;

    font-size: 12px;

    color: #000;

    position: relative;

    -webkit-transition: color .3s;

    transition: color .3s;

    font-size: 0

}



.h-current-poi .nav-bar {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px

}



.h-current-poi .nav-bar:after {

    display: block;

    width: 25%;

    position: absolute;

    left: 0;

    height: 2px;

    background-color: #108aee;

    content: "";

    -webkit-transition: all .3s;

    transition: all .3s

}



.h-current-poi .nav-bar.type1:after {

    left: 25%

}



.h-current-poi .nav-bar.type2:after {

    left: 50%

}



.h-current-poi .nav-bar.type3:after {

    left: 75%

}



.h-current-poi span:hover {

    color: #108aee

}



.h-current-poi span {

    float: left;

    width: 25%;

    font-size: 12px;

    text-align: center;

    cursor: pointer

}



.h-current-poi .active {

    color: #108aee

}



.h-poi-wrap .data-none-icon {

    margin: 90px auto 30px;

    width: 60px;

    height: 60px;

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/compass.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/compass.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/compass@2x.png) 2x);

    background-size: 60px

}



.h-poi-wrap .data-none p {

    text-align: center;

    font-size: 14px;

    color: #666;

    letter-spacing: 1px

}



.h-poi-list {

    height: 390px;

    overflow-y: auto;

    overflow-x: hidden

}



.h-poi-list li {

    padding: 10px 0;

    cursor: pointer;

    padding-left: 25px;

    position: relative

}



.h-poi-list li:hover {

    background: #f6f6f6

}



.h-poi-list li:after {

    content: "";

    display: block;

    position: absolute;

    height: 1px;

    width: 90%;

    background-color: #000;

    opacity: .3;

    bottom: 0;

    -webkit-transform: scaleY(.5);

    transform: scaleY(.5);

    clear: both

}



.h-poi-list .h-icon {

    width: 14px;

    height: 14px

}



.h-poi-list-item {

    float: left

}



.h-poi-list .h-icon-1,

.itemContent .item-icon-1 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-1.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-1.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-1@2x.png) 2x);

    background-size: 14px

}



.h-poi-list .h-icon-2,

.itemContent .item-icon-2 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-2.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-2.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-2@2x.png) 2x);

    background-size: 14px

}



.h-poi-list .h-icon-3,

.itemContent .item-icon-3 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-3.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-3.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-3@2x.png) 2x);

    background-size: 14px

}



.h-poi-list .h-icon-4,

.itemContent .item-icon-4 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-4.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-4.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-4@2x.png) 2x);

    background-size: 14px

}



.h-poi-list .h-icon-5,

.itemContent .item-icon-5 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-5.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-5.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-5@2x.png) 2x);

    background-size: 14px

}



.h-poi-list .h-icon-6,

.itemContent .item-icon-6 {

    background-image: url(https://uimg.huixiaoer.net/hotelTopic/h-icon-6.png);

    background-image: -webkit-image-set(url(https://uimg.huixiaoer.net/hotelTopic/h-icon-6.png) 1x, url(https://uimg.huixiaoer.net/hotelTopic/h-icon-6@2x.png) 2x);

    background-size: 14px

}



.h-traffic-name {

    margin-left: 10px;

    width: 150px

}



.h-traffic-distance,

.h-traffic-name {

    font-size: 12px;

    font-weight: 500;

    color: #000

}



.h-traffic-distance {

    float: right

}



.h-traffic-distance span {

    float: left;

    vertical-align: top;

    margin-left: 8px

}



.h-distance-icon {

    width: 16px;

    height: 16px;

    margin-right: 10px;

    margin-top: -2px;

    float: left

}



.h-traffic-addr {

    font-size: 12px;

    color: #999;

    margin-top: 9px;

    margin-left: 25px;

    line-height: 20px

}



.alert-mask {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-color: #000;

    opacity: .333;

    z-index: 9999

}



.alert-mask.hide {

    display: none

}



.alert-mobile-box {

    z-index: 99999;

    width: 420px;

    padding: 52px 30px 37px;

    background-color: #fff;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .2);

    box-shadow: 0 0 16px rgba(0, 0, 0, .2);

    position: fixed;

    top: 50%;

    left: 50%;

    margin-left: -241px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.alert-mobile-box.no-auth-code .form-item.ver-code .clear {

    right: 17px

}



.alert-mobile-box.hide {

    display: none

}



.alert-mobile-box .title {

    font-size: 20px;

    color: #0d0d0d;

    padding-bottom: 14px

}



.alert-mobile-box .desc {

    font-size: 16px;

    color: gray;

    line-height: 23px;

    padding-bottom: 18px

}



.alert-mobile-box .protocal {

    font-size: 12px;

    padding-top: 20px;

    text-align: center

}



.alert-mobile-box .protocal a {

    color: #007af5

}



.alert-mobile-box .form-item {

    border: none;

    height: 60px;

    width: 100%;

    position: relative

}



.alert-mobile-box .form-item .clear {

    content: "";

    position: absolute;

    cursor: pointer;

    display: none;

    top: 50%;

    right: 17px;

    margin-top: -8px;

    background-image: url(../images/form_icon.png);

    background-position: 0 -174px;

    width: 16px;

    height: 16px

}



.alert-mobile-box .form-item.ver-code .clear {

    right: 127px

}



.alert-mobile-box .form-item.code input {

    border-top: none

}



.alert-mobile-box .form-item input {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border: 1px solid #d9d9d9;

    outline: none;

    font-size: 16px;

    line-height: 60px;

    padding: 0;

    padding-left: 21px

}



.alert-mobile-box .form-item input:focus {

    border: 1px solid #007eed

}



.alert-mobile-box .form-item .ver-btn {

    width: 110px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    color: #007eed;

    font-size: 14px;

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer

}



.alert-mobile-box .form-item .ver-btn.disabled {

    color: gray

}



.alert-mobile-box .form-item .ver-btn:after {

    display: block;

    content: "";

    width: 1px;

    height: 24px;

    background-color: #e6e6e6;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -12px

}



.alert-mobile-box .error-tip {

    display: none;

    padding-top: 6px;

    height: 20px;

    font-size: 14px;

    color: #f65454;

    line-height: 20px;

    width: 100%

}



.alert-mobile-box .error-tip.active {

    display: block

}



.alert-mobile-box .error-tip .text {

    vertical-align: middle;

    padding-left: 10px

}



.alert-mobile-box .btn-submit {

    display: inline-block;

    margin-top: 20px;

    height: 56px;

    width: 100%;

    line-height: 56px;

    color: #fff;

    font-size: 18px;

    text-align: center;

    background-color: #08bf45;

    cursor: pointer

}



.alert-mobile-box .btn-submit.disabled {

    color: gray;

    background-color: #f5f5f5

}



.alert-mobile-box .close {

    position: absolute;

    top: 16px;

    right: 16px;

    cursor: pointer;

    background-image: url(../images/form_icon.png);

    background-position: 0 -40px;

    width: 12px;

    height: 12px

}



.alert-mobile-box .register-tip {

    font-size: 12px;

    color: gray;

    padding-top: 15px

}



.alert-mobile-box .ajax-error {

    display: inline-block;

    position: absolute;

    padding: 18px;

    background-color: rgba(0, 0, 0, .7);

    border-radius: 2px;

    font-size: 12px;

    color: #fff;

    z-index: 99

}



.alert-mobile-box .ajax-error.hide {

    display: none;

    top: 179px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



@-webkit-keyframes bounceIn {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@-webkit-keyframes noReadMes {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: .8;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    3% {

        opacity: 1;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    6% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    9% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    12% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    15% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    18% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    21% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    24% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    27% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    30% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    33% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    36% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@keyframes noReadMes {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: .8;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    3% {

        opacity: 1;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    6% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    9% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    12% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    15% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    18% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    21% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    24% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    27% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    30% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    33% {

        opacity: .8;

        -webkit-transform: scale3d(.5, .5, .5);

        transform: scale3d(.5, .5, .5)

    }



    36% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



.noMesAni {

    -webkit-animation: noReadMes 4.5s infinite;

    animation: noReadMes 4.5s infinite

}



@keyframes bounceIn {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



.bounceIn {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



@-webkit-keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



@keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig

}



.fixed-right {

    position: fixed;

    width: 40px;

    top: 0;

    bottom: 0;

    right: 0;

    z-index: 2000;

    background-color: #fff;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);

    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);

    font-size: 0

}



.fixed-right.active #J_fixedRightComp {

    display: none !important

}



.fixed-right .fixed-cont {

    height: 260px;

    width: 100%;

    position: absolute;

    top: 52%;

    margin-top: -130px;

    left: 0

}



.fixed-right .fixed-cont.has-consult {

    height: 324px;

    margin-top: -162px

}



.fixed-right .fixed-cont .fixed-compare,

.fixed-right .fixed-cont .fixed-consult {

    width: 100%;

    height: 52px;

    padding-top: 34px;

    position: relative;

    font-size: 0;

    cursor: pointer;

    margin-bottom: 12px

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-num,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-num {

    position: absolute;

    width: 16px;

    height: 16px;

    right: 2px;

    top: -8px;

    background-color: #ff4646;

    border-radius: 50%;

    line-height: 16px;

    text-align: center;

    font-size: 10px;

    color: #fff

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-num.hide,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-num.hide {

    display: none

}



.fixed-right .fixed-cont .fixed-compare .icon,

.fixed-right .fixed-cont .fixed-consult .icon {

    position: absolute;

    left: 7px;

    top: 5px;

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    background-position: 0 -70px;

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-compare span,

.fixed-right .fixed-cont .fixed-consult span {

    display: inline-block;

    width: 100%;

    font-size: 12px;

    text-align: center;

    color: #0d0d0d

}



.fixed-right .fixed-cont .fixed-compare:hover,

.fixed-right .fixed-cont .fixed-consult:hover {

    background-color: #007eed

}



.fixed-right .fixed-cont .fixed-compare:hover .icon,

.fixed-right .fixed-cont .fixed-consult:hover .icon {

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    background-position: 0 -46px;

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-compare:hover span,

.fixed-right .fixed-cont .fixed-consult:hover span {

    color: #fff

}



.fixed-right .fixed-cont .fixed-compare:hover .fixed-compare-cont,

.fixed-right .fixed-cont .fixed-consult:hover .fixed-compare-cont {

    display: block

}



.fixed-right .fixed-cont .fixed-compare:hover:before,

.fixed-right .fixed-cont .fixed-consult:hover:before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -3px;

    border: 5px dashed #fff;

    border-right-width: 0;

    border-left-style: solid;

    border-top-color: transparent;

    border-bottom-color: transparent

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont {

    display: none;

    position: absolute;

    top: 0;

    left: -367px;

    background-color: #fff;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    -webkit-transform: translateY(-35%);

    transform: translateY(-35%)

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont.nodata,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont.nodata {

    left: -322px

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-nodata,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-nodata {

    height: 218px;

    width: 322px;

    padding-top: 80px;

    text-align: center;

    font-size: 18px;

    color: gray

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-nodata.hide,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-nodata.hide {

    display: none

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-nodata .select-hotel-btn,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-nodata .select-hotel-btn {

    width: 104px;

    height: 34px;

    line-height: 34px;

    color: #007eed;

    text-align: center;

    border: 1px solid #007eed;

    font-size: 14px;

    left: 105px;

    bottom: 47px;

    position: absolute

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list {

    padding: 0 20px;

    width: 367px

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list.hide,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list.hide {

    display: none

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title {

    height: 45px;

    line-height: 45px;

    width: 100%;

    font-size: 0;

    position: relative;

    border-bottom: 1px solid #e6e6e6

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-tl,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-tl {

    vertical-align: top;

    width: 85px;

    height: 45px;

    line-height: 45px;

    display: inline-block;

    font-size: 16px;

    color: #0d0d0d

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub {

    vertical-align: top;

    width: 175px;

    height: 45px;

    line-height: 45px;

    display: inline-block;

    font-size: 12px;

    color: #b3b3b3

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color,

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color span,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-list-sub .fixed-color span {

    display: inline;

    color: #4d4d4d

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-clear-btn,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-title .fixed-compare-clear-btn {

    height: 45px;

    width: 30px;

    line-height: 45px;

    position: absolute;

    right: 0;

    top: 0;

    font-size: 12px;

    color: gray

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont {

    padding-top: 16px;

    width: 100%

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li {

    height: 100px;

    margin-bottom: 20px;

    width: 100%;

    padding-left: 91px;

    position: relative

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img {

    width: 75px;

    height: 100px;

    position: absolute;

    left: 0;

    top: 0

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img img,

.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-img img,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info {

    width: 100%;

    height: 100%

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name {

    height: 28px;

    line-height: 14px;

    padding-bottom: 14px;

    font-size: 14px;

    font-weight: 500;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name a,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-name a {

    color: #0d0d0d

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-conf,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-conf {

    font-size: 12px;

    color: gray;

    height: 22px;

    line-height: 12px;

    padding-bottom: 10px

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-num,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-num {

    font-size: 12px;

    color: gray;

    height: 25px;

    line-height: 12px;

    padding-bottom: 15px

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize {

    color: #ff4d00;

    font-size: 12px;

    height: 14px;

    line-height: 14px

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize i,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li .fixed-compare-hotel-info .fixed-compare-hotel-prize i {

    font-size: 16px

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li:hover .fixed-compare-delete-btn,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-list-cont .fixed-compare-li:hover .fixed-compare-delete-btn {

    position: absolute;

    top: 42px;

    right: 10px;

    width: 40px;

    height: 24px;

    line-height: 24px;

    text-align: center;

    border: 1px solid #ff4646;

    font-size: 12px;

    border-radius: 2px;

    color: #ff4646

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-btn,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-btn {

    width: 320px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    background-color: #007eed;

    border-radius: 2px;

    margin-bottom: 20px;

    color: hsla(0, 0%, 100%, .2);

    font-size: 16px;

    cursor: not-allowed

}



.fixed-right .fixed-cont .fixed-compare .fixed-compare-cont .fixed-compare-list .fixed-compare-btn.active,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-btn.active {

    color: #fff;

    cursor: pointer

}



.fixed-right .fixed-cont .fixed-consult .icon {

    background-position: 0 -142px

}



.fixed-right .fixed-cont .fixed-consult .icon,

.fixed-right .fixed-cont .fixed-consult:hover .icon {

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-consult:hover .icon {

    background-position: 0 -118px

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-compare-list .fixed-compare-btn {

    background-color: #08bf45

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont.nodata {

    left: -360px

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata {

    height: 280px;

    width: 360px;

    text-align: center;

    font-size: 18px;

    color: gray

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata.hide {

    display: none

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title {

    height: 45px;

    line-height: 45px;

    width: 320px;

    margin: 0 auto;

    font-size: 0;

    position: relative;

    border-bottom: 1px solid #e6e6e6;

    text-align: left

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-tl {

    vertical-align: top;

    width: 85px;

    height: 45px;

    line-height: 45px;

    display: inline-block;

    font-size: 16px;

    color: #0d0d0d

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-sub {

    vertical-align: top;

    width: 175px;

    height: 45px;

    line-height: 45px;

    display: inline-block;

    font-size: 12px;

    color: #b3b3b3

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-sub .fixed-color,

.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-list-title .fixed-consult-list-sub .fixed-color span {

    display: inline;

    color: #4d4d4d

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont {

    height: 234px;

    width: 100%;

    padding-top: 45px

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-tip {

    height: 18px;

    line-height: 18px;

    width: 100%;

    margin-bottom: 15px;

    font-size: 18px;

    color: gray;

    text-align: center

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-subtip {

    height: 12px;

    line-height: 12px;

    width: 100%;

    margin-bottom: 8px;

    font-size: 12px;

    color: gray;

    text-align: center

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-subtip.last-subtip {

    margin-bottom: 30px

}



.fixed-right .fixed-cont .fixed-consult .fixed-compare-cont .fixed-consult-nodata .fixed-consult-nodata-cont .fixed-consult-nodata-btn {

    width: 200px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    background-color: #08bf45;

    color: #fff;

    font-size: 16px;

    margin: 0 auto;

    border-radius: 2px

}



.fixed-right .fixed-cont .fixed-consult-online,

.fixed-right .fixed-cont .fixed-consult-tel,

.fixed-right .fixed-cont .fixed-qcode,

.fixed-right .fixed-cont .fixed-top {

    height: 40px;

    width: 40px;

    position: relative;

    cursor: pointer;

    margin-bottom: 12px

}



.fixed-right .fixed-cont .fixed-consult-online .icon,

.fixed-right .fixed-cont .fixed-consult-tel .icon,

.fixed-right .fixed-cont .fixed-qcode .icon,

.fixed-right .fixed-cont .fixed-top .icon {

    position: absolute;

    left: 8px;

    top: 8px;

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-consult-online.active,

.fixed-right .fixed-cont .fixed-consult-online:hover,

.fixed-right .fixed-cont .fixed-consult-tel.active,

.fixed-right .fixed-cont .fixed-consult-tel:hover,

.fixed-right .fixed-cont .fixed-qcode.active,

.fixed-right .fixed-cont .fixed-qcode:hover,

.fixed-right .fixed-cont .fixed-top.active,

.fixed-right .fixed-cont .fixed-top:hover {

    background-color: #007eed

}



.fixed-right .fixed-cont .fixed-qcode .icon {

    background-position: 0 -214px

}



.fixed-right .fixed-cont .fixed-qcode .icon,

.fixed-right .fixed-cont .fixed-qcode:hover .icon {

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-qcode:hover .icon {

    background-position: 0 -190px

}



.fixed-right .fixed-cont .fixed-qcode:hover .fixed-qcode-cont {

    display: inline-block

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont {

    position: absolute;

    width: 270px;

    height: 138px;

    left: -270px;

    top: -49px;

    background-color: #fff;

    padding-top: 112px;

    font-size: 12px;

    color: #0d0d0d;

    text-align: center;

    display: none;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone,

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo {

    width: 113px;

    height: 138px;

    position: absolute;

    top: 0

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone .fixed-qcode-icon,

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo .fixed-qcode-icon {

    width: 90px;

    height: 90px;

    position: absolute;

    left: 6px;

    top: 6px

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone p,

.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo p {

    width: 113px;

    position: absolute;

    bottom: 12px;

    left: 3px

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone {

    left: 0

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-contone .fixed-qcode-icon {

    background-image: url("../images/index/consociation/downapp-new.png");

    background-image: -webkit-image-set(url("../images/index/consociation/downapp-new.png") 1x, url("../images/index/consociation/downapp-new@2x.png") 2x);

    width: 90px;

    height: 90px;

    background-size: 100%;

    background-repeat: no-repeat;

    margin: 6px 0 0 6px

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo {

    right: 0

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo .fixed-qcode-icon {

    margin: 6px 0 0;

    background-size: 100%;

    background-image: url("../images/1x/footer/erweima.png");

    background-image: -webkit-image-set(url("../images/1x/footer/erweima.png") 1x, url("../images/2x/footer/erweima@2x.png") 2x)

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont .fixed-qcode-conttwo p {

    left: -4px

}



.fixed-right .fixed-cont .fixed-qcode .fixed-qcode-cont:before {

    content: "";

    position: absolute;

    right: -5px;

    top: 64px;

    border: 5px dashed #fff;

    border-right-width: 0;

    border-left-style: solid;

    border-top-color: transparent;

    border-bottom-color: transparent

}



.fixed-right .fixed-cont .fixed-consult-online .icon {

    background-position: 0 -166px

}



.fixed-right .fixed-cont .fixed-consult-online.active .icon,

.fixed-right .fixed-cont .fixed-consult-online .icon,

.fixed-right .fixed-cont .fixed-consult-online:hover .icon {

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-consult-online.active .icon,

.fixed-right .fixed-cont .fixed-consult-online:hover .icon {

    background-position: 0 -94px

}



.fixed-right .fixed-cont .fixed-consult-online.active .fixed-consult-online-cont,

.fixed-right .fixed-cont .fixed-consult-online:hover .fixed-consult-online-cont {

    display: inline-block

}



.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont {

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    display: none;

    width: 135px;

    height: 48px;

    padding-left: 50px;

    line-height: 48px;

    font-size: 14px;

    color: #fff;

    position: absolute;

    left: -140px;

    top: -4px;

    background-color: #007eed;

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px

}



.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont .icon {

    position: absolute;

    left: 8px;

    top: -12px;

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    background-position: 0 -366px;

    width: 40px;

    height: 58px

}



.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont .number {

    position: absolute;

    width: 16px;

    height: 16px;

    line-height: 16px;

    background-color: #ff4646;

    right: 18px;

    top: 6px;

    border-radius: 50%;

    text-align: center;

    font-size: 12px;

    font-weight: 500

}



.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont:before {

    content: "";

    position: absolute;

    right: -5px;

    top: 19px;

    background-position: 0 -13px;

    width: 7px;

    height: 13px

}



.fixed-right .fixed-cont .fixed-consult-online .fixed-consult-online-cont:before,

.fixed-right .fixed-cont .fixed-consult-tel .icon {

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x)

}



.fixed-right .fixed-cont .fixed-consult-tel .icon {

    background-position: 0 -262px;

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-consult-tel:hover .icon {

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    background-position: 0 -238px;

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-consult-tel:hover .fixed-consult-tel-cont {

    display: block

}



.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont {

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    width: 270px;

    height: 68px;

    position: absolute;

    left: -270px;

    top: -14px;

    background-color: #fff;

    padding: 15px 0 10px 80px;

    display: none

}



.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont:before {

    content: "";

    position: absolute;

    right: -5px;

    top: 29px;

    border: 5px dashed #fff;

    border-right-width: 0;

    border-left-style: solid;

    border-top-color: transparent;

    border-bottom-color: transparent

}



.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-left {

    width: 80px;

    height: 100%;

    padding-top: 42px;

    position: relative;

    font-size: 12px;

    color: #0d0d0d;

    text-indent: 19px;

    position: absolute;

    left: 0;

    top: 0

}



.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-left .icon {

    position: absolute;

    top: 9px;

    left: 28px;

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    background-position: 0 -334px;

    width: 32px;

    height: 32px

}



.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-right {

    width: 100%;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, .1);

    padding-left: 16px

}



.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-right .fixed-tel-num {

    height: 30px;

    line-height: 20px;

    width: 100%;

    font-size: 20px;

    color: #0d0d0d;

    padding-bottom: 10px

}



.fixed-right .fixed-cont .fixed-consult-tel .fixed-consult-tel-cont .fixed-tel-right .fixed-tel-day {

    color: gray;

    height: 12px;

    line-height: 12px;

    width: 100%;

    font-size: 12px

}



.fixed-right .fixed-cont .fixed-top {

    display: none

}



.fixed-right .fixed-cont .fixed-top .icon {

    background-position: 0 -310px

}



.fixed-right .fixed-cont .fixed-top .icon,

.fixed-right .fixed-cont .fixed-top:hover .icon {

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    width: 24px;

    height: 24px

}



.fixed-right .fixed-cont .fixed-top:hover .icon {

    background-position: 0 -286px

}



.fixed-right .fixed-cont .fixed-top:hover .fixed-top-cont {

    display: block

}



.fixed-right .fixed-cont .fixed-top .fixed-top-cont {

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    display: none;

    position: absolute;

    left: -75px;

    top: 4px;

    width: 75px;

    height: 32px;

    background-color: #fff;

    text-align: center;

    line-height: 32px;

    font-size: 12px;

    color: #0d0d0d

}



.fixed-right .fixed-cont .fixed-top .fixed-top-cont:before {

    content: "";

    position: absolute;

    right: -5px;

    top: 9px;

    border: 5px dashed #fff;

    border-right-width: 0;

    border-left-style: solid;

    border-top-color: transparent;

    border-bottom-color: transparent

}



.fixed-right .fixed-cont .bottom-consult-online {

    display: none;

    width: 116px;

    height: 220px;

    position: absolute;

    top: 50%;

    right: 120%;

    background-size: 1005 100%;

    cursor: pointer;

    background-image: url("../images/fixedRight/bottom-consult-online.png");

    background-image: -webkit-image-set(url("../images/fixedRight/bottom-consult-online.png") 1x, url("../images/fixedRight/bottom-consult-online@2x.png") 2x)

}



.fixed-right .fixed-cont .bottom-consult-online .close {

    content: "";

    position: absolute;

    bottom: 100%;

    right: 0;

    cursor: pointer;

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    background-position: 0 0;

    width: 13px;

    height: 13px

}



.fixed-right .fixed-cont .bottom-consult-online .btn-mes {

    position: absolute;

    width: 94px;

    height: 30px;

    bottom: 11px;

    left: 50%;

    margin-left: -47px;

    background-color: #fff;

    cursor: pointer;

    font-size: 12px;

    color: #007eed;

    line-height: 30px;

    text-align: center

}



.fixed-right .fixed-cont .bottom-consult-online .btn-mes.no-read .cicle {

    content: "";

    position: absolute;

    bottom: 100%;

    right: 0;

    margin-right: -9px;

    margin-bottom: -9px;

    background-image: url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f);

    background-image: -webkit-image-set(url(../images/fixedRight_icon.png?t=4a53105666051f87f33c68373d73286f) 1x, url(../images/fixedRight_icon@2x.png?t=a93c9b570898653098fe4abf0fa00c08) 2x);

    background-position: 0 -27px;

    width: 20px;

    height: 20px

}



.fixed-right .fixed-consult {

    z-index: 6

}



.fixed-right .fixed-compare {

    z-index: 5

}



.fixed-right .fixed-qcode {

    z-index: 4

}



.fixed-right .fixed-consult-online {

    z-index: 3

}



.fixed-right .fixed-consult-tel {

    z-index: 2

}



.fixed-right .fixed-top {

    z-index: 1

}



.input-box {

    width: 100%;

    height: 42px;

    border: 2px solid #08f;

    font-size: 0;

    position: relative

}



.input-box:before {

    display: block;

    content: "";

    width: 16px;

    height: 16px;

    position: absolute;

    left: 12px;

    top: 50%;

    margin-top: -8px;

    background-repeat: no-repeat;

    background-position: 50%;

    background-image: url("../images/searchicon.png?v=20181129");

    background-image: -webkit-image-set(url("../images/searchicon.png?v=20181129") 1x, url("../images/searchicon@2x.png?v=20181129") 2x)

}



.input-box .input-search {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: none;

    font-size: 14px;

    outline: #08f;

    padding-left: 40px;

    width: 100%;

    height: 100%

}



.input-box .search-btn {

    position: absolute;

    top: -2px;

    right: 0;

    display: inline-block;

    width: 89px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    cursor: pointer;

    background-color: #007af5;

    color: #fff;

    font-size: 16px

}



.input-box.active {

    border: 2px solid #007eed

}



.input-box.active .drop-down-list {

    display: block

}



.input-box .drop-down-list {

    display: none;

    width: 100%;

    position: absolute;

    left: 0;

    top: 40px;

    z-index: 200;

    background-color: #fff;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)

}



.input-box .drop-down-list .hotel-recommend-wrap,

.input-box .drop-down-list .search-result-wrap {

    width: 100%

}



.input-box .drop-down-list .hotel-recommend-wrap .recommend-hint,

.input-box .drop-down-list .hotel-recommend-wrap .result-hotel-hint,

.input-box .drop-down-list .hotel-recommend-wrap .result-loc-hint,

.input-box .drop-down-list .search-result-wrap .recommend-hint,

.input-box .drop-down-list .search-result-wrap .result-hotel-hint,

.input-box .drop-down-list .search-result-wrap .result-loc-hint {

    height: 32px;

    line-height: 32px;

    width: 100%;

    font-size: 12px;

    color: gray;

    text-indent: 10px;

    display: inline-block

}



.input-box .drop-down-list .hotel-recommend-wrap .recommend-hint.result-hotel-hover,

.input-box .drop-down-list .hotel-recommend-wrap .result-hotel-hint.result-hotel-hover,

.input-box .drop-down-list .hotel-recommend-wrap .result-loc-hint.result-hotel-hover,

.input-box .drop-down-list .search-result-wrap .recommend-hint.result-hotel-hover,

.input-box .drop-down-list .search-result-wrap .result-hotel-hint.result-hotel-hover,

.input-box .drop-down-list .search-result-wrap .result-loc-hint.result-hotel-hover {

    background-color: #f5f5f5

}



.input-box .drop-down-list .hotel-recommend-wrap .result-loc-hint,

.input-box .drop-down-list .search-result-wrap .result-loc-hint {

    color: #737980

}



.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel,

.input-box .drop-down-list .search-result-wrap .recomend-hotel {

    height: 40px;

    width: 100%;

    line-height: 40px;

    padding-right: 120px;

    position: relative;

    cursor: pointer;

    background-color: #fff;

    display: block

}



.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel.result-hotel-hover,

.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel:hover,

.input-box .drop-down-list .search-result-wrap .recomend-hotel.result-hotel-hover,

.input-box .drop-down-list .search-result-wrap .recomend-hotel:hover {

    background-color: #f5f5f5

}



.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-name,

.input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-name {

    width: 100%;

    height: 100%;

    text-align: left;

    text-indent: 20px;

    color: #4d4d4d;

    font-size: 12px;

    font-weight: 600

}



.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-name span,

.input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-name span {

    font-weight: 400;

    color: #4d4d4d

}



.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-name b,

.input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-name b {

    font-weight: 400

}



.input-box .drop-down-list .hotel-recommend-wrap .recomend-hotel .rec-hotel-conf-num,

.input-box .drop-down-list .search-result-wrap .recomend-hotel .rec-hotel-conf-num {

    width: 120px;

    height: 30px;

    position: absolute;

    right: 0;

    top: 0;

    padding-right: 12px;

    line-height: 30px;

    text-align: right;

    color: #0d0d0d;

    font-size: 12px

}



.input-box .drop-down-list .hotel-recommend-wrap .result-loc,

.input-box .drop-down-list .search-result-wrap .result-loc {

    width: 100%;

    height: 40px;

    line-height: 40px;

    background-color: #fff;

    cursor: pointer;

    text-align: left;

    text-indent: 20px;

    color: #4d4d4d;

    font-size: 12px;

    display: block;

    font-weight: 600

}



.input-box .drop-down-list .hotel-recommend-wrap .result-loc.result-hotel-hover,

.input-box .drop-down-list .search-result-wrap .result-loc.result-hotel-hover {

    background-color: #f5f5f5

}



.input-box .drop-down-list .hotel-recommend-wrap .result-loc span,

.input-box .drop-down-list .search-result-wrap .result-loc span {

    font-weight: 400;

    color: #4d4d4d

}



.input-box .drop-down-list .hotel-recommend-wrap .result-loc b,

.input-box .drop-down-list .search-result-wrap .result-loc b {

    font-weight: 400

}



.input-box .drop-down-list .hotel-recommend-wrap .result-loc:hover,

.input-box .drop-down-list .search-result-wrap .result-loc:hover {

    background-color: #f5f5f5

}



.top-search {

    padding: 12px 0 16px;

    width: 1160px;

    margin: 0 auto

}



.top-search .icon-huixiaoer {

    display: inline-block;

    width: 74px;

    height: 40px;

    background-size: contain;

    background-position: 50%;

    background-repeat: no-repeat;

    vertical-align: middle;

    background-image: url("../images/logo92_44.png");

    background-image: -webkit-image-set(url("../images/logo92_44.png") 1x, url("../images/logo92_44@2x.png") 2x)

}



.top-search .search-input-box {

    vertical-align: middle;

    display: inline-block;

    width: 570px;

    height: 36px;

    margin-left: 145px

}



.top-search .right-info {

    float: right

}



.top-search .right-info .left {

    display: inline-block;

    text-align: center;

    position: relative;

    padding-right: 12px;

    cursor: pointer

}



.top-search .right-info .left .icon-micro {

    display: inline-block;

    width: 28px;

    height: 28px;

    background-size: contain;

    background-position: 50%;

    background-image: url("../images/service-icon.png");

    background-image: -webkit-image-set(url("../images/service-icon.png") 1x, url("../images/service-icon@2x.png") 2x)

}



.top-search .right-info .left .text {

    font-size: 12px;

    color: gray;

    padding-top: 2px

}



.top-search .right-info .left:after {

    display: inline-block;

    content: "";

    width: 1px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background-color: #e6e6e6;

    -webkit-transform: scaleX(.5);

    transform: scaleX(.5)

}



.top-search .right-info .right {

    display: inline-block;

    padding-left: 12px

}



.top-search .right-info .right .phone-num {

    color: #0d0d0d;

    font-size: 21px

}



.top-search .right-info .right .service-time {

    color: gray;

    font-size: 12px;

    padding-top: 9px

}



.input-box {

    height: 38px

}



.input-box .search-btn {

    height: 38px;

    line-height: 38px

}



.kui_d_pane {

    position: absolute;

    left: 0;

    top: 0;

    width: 620px;

    z-index: 1000;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.kui_d_pane .kui_data_content_pane {

    width: 620px;

    overflow: hidden;

    font-size: 12px;

    position: absolute;

    left: 0;

    top: 0;

    background: #fff;

    z-index: 100;

    font-size: 0;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

    box-shadow: 0 0 20px rgba(0, 0, 0, .2)

}



.kui_date_reset {

    border-top: 1px solid #ebebeb;

    height: 50px;

    width: 100%;

    position: relative

}



.kui_date_reset .kui_today_btn {

    width: 70px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 14px;

    color: #007eed;

    cursor: pointer;

    position: absolute;

    right: 0;

    bottom: 0

}



.kui_date_reset .kui_unknown {

    width: 200px;

    height: 50px;

    padding-left: 45px;

    cursor: pointer;

    display: block

}



.kui_date_reset .kui_unknown .kui_unknown_desc {

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

    color: #0d0d0d;

    display: block

}



.kui_date_reset .kui_unknown i {

    width: 16px;

    height: 16px;

    position: absolute;

    left: 18px;

    top: 17px;

    background-size: 100% 100%;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABWElEQVQ4T62TPW/CMBCG75yM5ENVwwYTycqHQAyd2PgHVAL+XKtW7S8oW6YOkAjImsICG6kQwckW21UQqWgrtVDwdNLre3znuxfh4Ni2Lauq2gGArhCiAQBXe3mNiA5j7DGO46dWq5VkaZgFw+HQkiTpWVGUSj6fh1wuB5Ik7WTGGERRBKvVCiilU8ZYp9ls+qm2A0wmE5Nz/looFAzDMA6L+hEHQQDL5TIghNxUq9U3TMtWFMUpFouVv5IzWgpZLBZTSmkDR6NRT9O0e8uyfn35u+j7PoRh2EfHcV5KpVJb1/WTAJvNBmaz2QBd1w3K5fK1LMsnAZIkAc/z3lMAq9VqBPFzIEeBhBAwHo/5RQDntZB+ommabU3Tjio9uxSGIczn80E6hb6qqnf/GWMURf1zFsmjlNbPX+WLmCmD7O18yznvImIdEXd2FkKshRAuIeRhu91+sfMHXenYpsZ9do0AAAAASUVORK5CYII=")

}



.kui_date_reset .kui_unknown.active i {

    background: #0085fa;

    border-radius: 50%

}



.kui_date_reset .kui_unknown.active i:before {

    content: "";

    position: absolute;

    left: 5px;

    top: 5px;

    background: #fff;

    width: 6px;

    height: 6px;

    border-radius: 50%

}



.kui_prev_next_month {

    height: 60px;

    line-height: 23px;

    font-weight: 900;

    padding-top: 30px;

    position: relative

}



.kui_prev_next_month .kui_prev_m {

    position: absolute;

    top: 30px;

    left: 25px;

    background-position: 0 -206px

}



.kui_prev_next_month .kui_prev_m,

.kui_prev_next_month .kui_prev_m:hover {

    background-image: url(../images/form_icon.png);

    width: 16px;

    height: 16px

}



.kui_prev_next_month .kui_prev_m:hover {

    background-position: 0 -190px

}



.kui_prev_next_month .kui_today {

    height: 16px;

    font-size: 14px;

    width: 250px;

    text-align: center;

    line-height: 16px;

    color: #0d0d0d;

    position: absolute;

    left: 41px;

    top: 30px;

    font-weight: 500

}



.kui_prev_next_month .kui_next_m {

    position: absolute;

    top: 30px;

    right: 25px;

    background-position: 0 -238px

}



.kui_prev_next_month .kui_next_m,

.kui_prev_next_month .kui_next_m:hover {

    background-image: url(../images/form_icon.png);

    width: 16px;

    height: 16px

}



.kui_prev_next_month .kui_next_m:hover {

    background-position: 0 -222px

}



.kui_prev_next_month .kui_tomorrow {

    height: 16px;

    font-size: 14px;

    width: 250px;

    text-align: center;

    line-height: 16px;

    color: #0d0d0d;

    position: absolute;

    right: 41px;

    top: 30px;

    font-weight: 500

}



.kui_clean_btn {

    float: left;

    padding-left: 6px

}



.kui_close_btn {

    float: right;

    padding-right: 6px

}



.kui_txt_hide {

    display: none

}



#left_table,

#right_table {

    display: inline-block;

    vertical-align: top;

    width: 310px;

    padding: 15px;

    overflow: hidden

}



#left_table .kui_data_tab,

#left_table .kui_date_info,

#right_table .kui_data_tab,

#right_table .kui_date_info {

    width: 100%;

    margin: 0 auto;

    font-size: 0

}



#left_table .kui_data_tab dt,

#left_table .kui_date_info dt,

#right_table .kui_data_tab dt,

#right_table .kui_date_info dt {

    display: inline-block;

    vertical-align: top;

    height: 38px;

    line-height: 34px;

    width: 38px;

    background: #fff;

    border-radius: 50%;

    color: #0d0d0d;

    font-weight: 500;

    text-align: center;

    font-size: 12px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: 2px solid #fff

}



#left_table .kui_data_tab dt.kui_td_hui,

#left_table .kui_date_info dt.kui_td_hui,

#right_table .kui_data_tab dt.kui_td_hui,

#right_table .kui_date_info dt.kui_td_hui {

    background: #fff;

    color: gray

}



#left_table .kui_data_tab dt.kui_not_kong,

#left_table .kui_date_info dt.kui_not_kong,

#right_table .kui_data_tab dt.kui_not_kong,

#right_table .kui_date_info dt.kui_not_kong {

    cursor: pointer

}



#left_table .kui_data_tab dt.kui_not_kong:hover,

#left_table .kui_date_info dt.kui_not_kong:hover,

#right_table .kui_data_tab dt.kui_not_kong:hover,

#right_table .kui_date_info dt.kui_not_kong:hover {

    border: 2px solid #0085fa

}



#left_table .kui_data_tab dt.td_select,

#left_table .kui_date_info dt.td_select,

#right_table .kui_data_tab dt.td_select,

#right_table .kui_date_info dt.td_select {

    border: 2px solid #0085fa;

    background: #0085fa;

    color: #fff

}



.crumbs-nav {

    width: 1208px;

    margin: 0 auto

}



.crumbs-nav .item {

    font-size: 12px;

    color: gray;

    line-height: 12px

}



.crumbs-nav .item .text {

    vertical-align: middle

}



.crumbs-nav .item .text.no-hover:hover {

    color: gray;

    cursor: default

}



.crumbs-nav .item .text:hover {

    color: #007eed

}



.crumbs-nav .item.right-arrow:after {

    display: inline-block;

    content: "";

    width: 12px;

    height: 12px;

    vertical-align: middle;

    background-repeat: no-repeat;

    background-position: 50%;

    background-image: url("../images/icon-arrow-right.png");

    background-image: -webkit-image-set(url("../images/icon-arrow-right.png") 1x, url("../images/icon-arrow-right@2x.png") 2x);

    padding-left: 8px

}



.alert-tip-mask {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-color: #000;

    opacity: .333;

    z-index: 9999

}



.alert-tip-mask.hide {

    display: none

}



.alert-tip-box {

    position: fixed;

    width: 480px;

    height: 180px;

    top: 50%;

    left: 50%;

    margin-top: -90px;

    margin-left: -240px;

    padding: 31px 0 12px 37px;

    background-color: #fff;

    z-index: 99999;

    border-radius: 2px

}



.alert-tip-box .close {

    width: 14px;

    height: 14px;

    position: absolute;

    top: 16px;

    right: 16px;

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    cursor: pointer;

    background-image: url("../images/icon_close.png");

    background-image: -webkit-image-set(url("../images/icon_close.png") 1x, url("../images/icon_close@2x.png") 2x)

}



.alert-tip-box .alert-tip-title {

    font-size: 18px;

    color: #0d0d0d;

    line-height: 18px

}



.alert-tip-box .alert-tip-text {

    font-size: 14px;

    line-height: 14px;

    color: gray;

    padding-top: 13px

}



.alert-tip-box .alert-btn-box {

    padding: 61px 12px 0 0

}



.alert-tip-box .alert-btn-box:after {

    content: "";

    display: block;

    clear: both

}



.alert-tip-box .alert-btn-box .btn {

    padding: 9px 12px;

    float: right;

    font-size: 14px;

    background-color: #007eed;

    border-radius: 3px;

    color: #fff;

    margin-left: 10px;

    cursor: pointer;

    min-width: 80px;

    text-align: center

}



.alert-tip-box .alert-btn-box .btn:hover {

    opacity: .9

}



@-webkit-keyframes gifRotate {

    0% {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }



    to {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

}



@keyframes gifRotate {

    0% {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }



    to {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

}



@-webkit-keyframes gifRotateZ {

    0% {

        -webkit-transform: rotateY(1turn);

        transform: rotateY(1turn)

    }



    to {

        -webkit-transform: rotateY(0deg);

        transform: rotateY(0deg)

    }

}



@keyframes gifRotateZ {

    0% {

        -webkit-transform: rotateY(1turn);

        transform: rotateY(1turn)

    }



    to {

        -webkit-transform: rotateY(0deg);

        transform: rotateY(0deg)

    }

}



.img-view-mask {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .8);

    z-index: 9999

}



.img-view-mask .close-table {

    cursor: pointer;

    width: 33px;

    height: 33px;

    position: absolute;

    top: 10px;

    right: 10px;

    background-size: cover;

    background-image: url("/static/images/close-table.png");

    background-image: -webkit-image-set(url("/static/images/close-table.png") 1x, url("/static/images/close-table@2x.png") 2x)

}



.img-view-mask.hide {

    display: none

}



.img-view-table {

    z-index: 99999;

    width: 1024px;

    height: 620px;

    background: #1a1a1a;

    position: fixed;

    top: 50%;

    left: 50%;

    margin-top: -310px;

    margin-left: -512px

}



.img-view-table .nav-box {

    height: 64px;

    background-color: #0d0d0d;

    color: gray

}



.img-view-table .nav-box:after {

    display: block;

    content: "";

    clear: both

}



.img-view-table .nav-box .view-title {

    font-size: 20px;

    line-height: 64px;

    padding-left: 21px;

    color: #fff;

    width: 350px;

    float: left;

    height: 65px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.img-view-table .nav-box .view-nav {

    font-size: 0;

    float: right;

    margin-right: 23px;

    height: 100%;

    position: relative

}



.img-view-table .nav-box .view-nav .nav-bottom-light {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 3px;

    width: 100%

}



.img-view-table .nav-box .view-nav .nav-bottom-light:after {

    display: block;

    content: "";

    width: 32px;

    height: 3px;

    background-color: #007eed;

    position: absolute;

    margin-left: -16px;

    left: 45px;

    top: 0;

    -webkit-transition: all .3s cubic-bezier(.15, .36, .48, 1);

    transition: all .3s cubic-bezier(.15, .36, .48, 1)

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step1:after {

    left: 135px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step2:after {

    left: 225px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step3:after {

    left: 315px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step4:after {

    left: 405px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step5:after {

    left: 495px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step6:after {

    left: 585px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step7:after {

    left: 675px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step8:after {

    left: 765px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step9:after {

    left: 855px

}



.img-view-table .nav-box .view-nav .nav-bottom-light.step10:after {

    left: 945px

}



.img-view-table .nav-box .view-nav .nav-item {

    display: inline-block;

    width: 90px;

    height: 100%;

    text-align: center;

    font-size: 16px;

    padding-top: 16px;

    cursor: pointer

}



.img-view-table .nav-box .view-nav .nav-item.active {

    color: #fff

}



.img-view-table .nav-box .view-nav .nav-item:hover {

    color: #fff;

    background-color: #1a1a1a

}



.img-view-table .nav-box .view-nav .nav-item .num {

    padding-top: 4px;

    font-size: 12px

}



.img-view-table .img-box {

    font-size: 0

}



.img-view-table .img-box .view-left {

    display: inline-block;

    width: 775px

}



.img-view-table .img-box .view-left .img-view {

    width: 100%;

    height: 448px;

    vertical-align: top;

    position: relative

}



.img-view-table .img-box .view-left .img-view:hover .btn:before {

    display: block

}



.img-view-table .img-box .view-left .img-view img {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    max-width: 100%;

    max-height: 100%;

    z-index: 99

}



.img-view-table .img-box .view-left .img-view .btn {

    position: absolute;

    width: 120px;

    height: 100%;

    cursor: pointer;

    z-index: 999

}



.img-view-table .img-box .view-left .img-view .btn.disabled:before {

    opacity: .5

}



.img-view-table .img-box .view-left .img-view .btn:before {

    display: none;

    background-position: 50%;

    background-repeat: no-repeat;

    content: "";

    width: 64px;

    height: 64px;

    margin: 244px auto 0;

    z-index: 999

}



.img-view-table .img-box .view-left .img-view .btn.btn-prev {

    top: 0;

    left: 0

}



.img-view-table .img-box .view-left .img-view .btn.btn-prev:before {

    background-image: url("../images/imgViewTable/arrow-L.png");

    background-image: -webkit-image-set(url("../images/imgViewTable/arrow-L.png") 1x, url("../images/imgViewTable/arrow-L@2x.png") 2x)

}



.img-view-table .img-box .view-left .img-view .btn.btn-next {

    top: 0;

    right: 0

}



.img-view-table .img-box .view-left .img-view .btn.btn-next:before {

    background-image: url("../images/imgViewTable/arrow-R.png");

    background-image: -webkit-image-set(url("../images/imgViewTable/arrow-R.png") 1x, url("../images/imgViewTable/arrow-R@2x.png") 2x)

}



.img-view-table .img-box .view-left .img-view .img-nav-info {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 77px;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, hsla(0, 0%, 100%, 0)), color-stop(90%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8)));

    background-image: linear-gradient(hsla(0, 0%, 100%, 0) 30%, rgba(0, 0, 0, .6) 90%, rgba(0, 0, 0, .8));

    z-index: 99

}



.img-view-table .img-box .view-left .img-view .img-nav-info .img-title {

    position: absolute;

    font-size: 13px;

    color: #fff;

    left: 20px;

    bottom: 14px

}



.img-view-table .img-box .view-left .img-view .img-nav-info .num-tip {

    position: absolute;

    line-height: 26px;

    font-size: 12px;

    color: #fff;

    right: 10px;

    bottom: 13px;

    padding: 0 12px;

    background-color: #000;

    border-radius: 13px

}



.img-view-table .img-box .view-left .img-view .img-nav-info .num-tip .curr {

    color: #0095ff

}



.img-view-table .img-box .view-left .img-view .loading {

    position: absolute;

    top: 50%;

    width: 100%;

    margin-top: -40px;

    min-height: 80px

}



.img-view-table .img-box .view-left .img-view .loading .icon-box {

    display: block;

    width: 48px;

    height: 48px;

    margin: 0 auto;

    position: relative

}



.img-view-table .img-box .view-left .img-view .loading .icon-box .loading-border,

.img-view-table .img-box .view-left .img-view .loading .icon-box .loading-txt {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: 100% 100%

}



.img-view-table .img-box .view-left .img-view .loading .icon-box .loading-border {

    -webkit-animation: gifRotate .8s infinite linear;

    animation: gifRotate .8s infinite linear;

    background-image: url("../images/loading/loading_border.png");

    background-image: -webkit-image-set(url("../images/loading/loading_border.png") 1x, url("../images/loading/loading_border@2x.png") 2x)

}



.img-view-table .img-box .view-left .img-view .loading .icon-box .loading-txt {

    -webkit-animation: gifRotateZ 1.2s infinite linear;

    animation: gifRotateZ 1.2s infinite linear;

    background-size: 23px 21px;

    background-image: url("../images/loading/loading_txt.png");

    background-image: -webkit-image-set(url("../images/loading/loading_txt.png") 1x, url("../images/loading/loading_txt@2x.png") 2x)

}



.img-view-table .img-box .view-left .img-view .loading .tip {

    text-align: center;

    font-size: 12px;

    color: #fff;

    padding-top: 18px

}



.img-view-table .img-box .view-left .img-nav {

    width: 100%;

    height: 106px;

    font-size: 0;

    padding-top: 2px

}



.img-view-table .img-box .view-left .img-nav .img-preview {

    width: 100%;

    height: 104px;

    overflow: hidden;

    position: relative

}



.img-view-table .img-box .view-left .img-nav .img-preview .img-list {

    height: 100%;

    padding: 0 34px;

    position: absolute;

    top: 0;

    left: 0;

    font-size: 0;

    overflow: hidden;

    white-space: nowrap

}



.img-view-table .img-box .view-left .img-nav .img-preview .img-list.hide {

    display: none

}



.img-view-table .img-box .view-left .img-nav .img-preview .img-list li {

    display: inline-block;

    width: 104px;

    height: 104px;

    margin-right: 2px;

    cursor: pointer;

    vertical-align: top

}



.img-view-table .img-box .view-left .img-nav .img-preview .img-list li.active {

    position: relative

}



.img-view-table .img-box .view-left .img-nav .img-preview .img-list li.active:after {

    display: block;

    content: "";

    position: absolute;

    width: 96px;

    height: 96px;

    top: 0;

    left: 0;

    border: 4px solid #007eed

}



.img-view-table .img-box .view-left .img-nav .img-preview .img-list .select-img {

    width: 100%;

    height: 100%

}



.img-view-table .img-box .view-left .img-nav .img-preview .btn {

    display: block;

    position: absolute;

    width: 34px;

    height: 100%;

    z-index: 9;

    background-color: #0d0d0d;

    top: 0;

    background-position: 50%;

    background-repeat: no-repeat;

    cursor: pointer

}



.img-view-table .img-box .view-left .img-nav .img-preview .btn:hover {

    background-color: #4c4c4c;

    opacity: .7

}



.img-view-table .img-box .view-left .img-nav .img-preview .btn.disabled {

    cursor: not-allowed

}



.img-view-table .img-box .view-left .img-nav .img-preview .btn.btn-prev {

    left: 0;

    background-image: url("../images/icon-btn-img-left.png");

}



.img-view-table .img-box .view-left .img-nav .img-preview .btn.btn-next {

    right: 0;

    background-image: url("../images/icon-btn-img-right.png");

}



.img-view-table .img-box .view-right {

    width: 248px;

    display: inline-block;

    vertical-align: top;

    height: 555px;

    overflow: auto

}



.img-view-table .img-box .view-right .img-type-item {

    padding: 0 20px;

    height: 32px;

    line-height: 32px;

    margin: 6px 0;

    cursor: pointer;

    font-size: 0

}



.img-view-table .img-box .view-right .img-type-item .item-title,

.img-view-table .img-box .view-right .img-type-item .item-val {

    font-size: 13px;

    color: gray;

    height: 100%;

    display: inline-block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.img-view-table .img-box .view-right .img-type-item .item-title {

    width: 130px

}



.img-view-table .img-box .view-right .img-type-item .item-val {

    float: right

}



.img-view-table .img-box .view-right .img-type-item:hover {

    background: #313131

}



.img-view-table .img-box .view-right .img-type-item:hover .item-title,

.img-view-table .img-box .view-right .img-type-item:hover .item-val {

    color: #fff

}



.img-view-table .img-box .view-right .img-type-item.active {

    background-color: #007eed

}



.img-view-table .img-box .view-right .img-type-item.active .item-title,

.img-view-table .img-box .view-right .img-type-item.active .item-val {

    color: #fff

}



.img-view-table .img-box .view-right .img-type-item:after {

    content: "";

    clear: both;

    display: block

}



.img-view-table .img-box.no-right .view-left {

    display: block;

    margin: 0 auto

}



.hide,

.img-view-table .img-box.no-right .view-right {

    display: none

}



.select-wrap {

    width: 344px;

    height: 48px;

    border: 1px solid #b3b3b3;

    padding-top: 15px;

    padding-left: 13px;

    font-size: 0;

    cursor: pointer;

    display: inline-block;

    margin-bottom: 12px;

    vertical-align: top;

    position: relative

}



.select-wrap.active {

    border: 1px solid #007eed

}



.select-wrap.active .select-cont .arrow {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.select-wrap .select-cont {

    position: relative

}



.select-wrap .select-cont .icon {

    margin-top: 2px;

    display: inline-block;

    background-image: url(../images/form_icon.png);

    background-position: 0 -103px;

    width: 13px;

    height: 13px

}



.select-wrap .select-cont .value {

    vertical-align: top;

    display: inline-block;

    font-size: 14px;

    color: gray;

    padding-left: 10px

}



.select-wrap .select-cont .value span {

    color: #b3b3b3

}



.select-wrap .select-cont .arrow {

    position: absolute;

    right: 16px;

    top: 7px;

    background-image: url(../images/form_icon.png);

    background-position: 0 0;

    width: 7px;

    height: 4px

}



.select-wrap.has-val .select-cont .value {

    color: #0d0d0d

}



.select-city.select-wrap .select-cont .icon {

    background-image: url(../images/form_icon.png);

    background-position: 0 -103px;

    width: 13px;

    height: 13px

}



.select-city.select-wrap.active .select-pull,

.select-city.select-wrap.active .select-push {

    position: absolute;

    left: -1px;

    background-color: #fff;

    z-index: 10;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)

}



.select-city.select-wrap.active .select-pull .select-options,

.select-city.select-wrap.active .select-push .select-options {

    padding: 12px 0;

    font-size: 0

}



.select-city.select-wrap.active .select-pull .select-options li,

.select-city.select-wrap.active .select-push .select-options li {

    width: 56px;

    height: 32px;

    display: inline-block;

    font-size: 14px;

    color: #0d0d0d;

    line-height: 32px;

    text-align: center;

    margin-left: 10px;

    margin-bottom: 12px

}



.select-city.select-wrap.active .select-pull .select-options li.active,

.select-city.select-wrap.active .select-pull .select-options li:hover,

.select-city.select-wrap.active .select-push .select-options li.active,

.select-city.select-wrap.active .select-push .select-options li:hover {

    background-color: #0085fa;

    color: #fff

}



.select-city.select-wrap.active .select-pull {

    top: 48px

}



.select-city.select-wrap.active .select-push {

    bottom: 48px

}



.select-city.select-wrap.active.error .select-error {

    height: 36px;

    line-height: 36px;

    background-color: #f65454;

    padding-left: 37px;

    font-size: 12px;

    color: #fff;

    position: relative

}



.select-city.select-wrap.active.error .select-error:before {

    content: "";

    position: absolute;

    left: 12px;

    top: 10px;

    background-image: url(../images/form_icon.png);

    background-position: 0 -254px;

    width: 16px;

    height: 16px

}



.select-city.select-wrap.error {

    border: 1px solid #f65454

}



.select-budget.select-wrap.active .select-pull,

.select-budget.select-wrap.active .select-push,

.select-long.select-wrap.active .select-pull,

.select-long.select-wrap.active .select-push,

.select-num.select-wrap.active .select-pull,

.select-num.select-wrap.active .select-push,

.select-time.select-wrap.active .select-pull,

.select-time.select-wrap.active .select-push,

.select-type.select-wrap.active .select-pull,

.select-type.select-wrap.active .select-push {

    position: absolute;

    left: -1px;

    background-color: #fff;

    z-index: 10;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)

}



.select-budget.select-wrap.active .select-pull .select-options,

.select-budget.select-wrap.active .select-push .select-options,

.select-long.select-wrap.active .select-pull .select-options,

.select-long.select-wrap.active .select-push .select-options,

.select-num.select-wrap.active .select-pull .select-options,

.select-num.select-wrap.active .select-push .select-options,

.select-time.select-wrap.active .select-pull .select-options,

.select-time.select-wrap.active .select-push .select-options,

.select-type.select-wrap.active .select-pull .select-options,

.select-type.select-wrap.active .select-push .select-options {

    padding: 0;

    font-size: 0

}



.select-budget.select-wrap.active .select-pull .select-options li,

.select-budget.select-wrap.active .select-push .select-options li,

.select-long.select-wrap.active .select-pull .select-options li,

.select-long.select-wrap.active .select-push .select-options li,

.select-num.select-wrap.active .select-pull .select-options li,

.select-num.select-wrap.active .select-push .select-options li,

.select-time.select-wrap.active .select-pull .select-options li,

.select-time.select-wrap.active .select-push .select-options li,

.select-type.select-wrap.active .select-pull .select-options li,

.select-type.select-wrap.active .select-push .select-options li {

    width: 100%;

    height: 36px;

    display: inline-block;

    font-size: 14px;

    color: #0d0d0d;

    line-height: 36px;

    text-indent: 36px;

    position: relative

}



.select-budget.select-wrap.active .select-pull .select-options li:hover,

.select-budget.select-wrap.active .select-push .select-options li:hover,

.select-long.select-wrap.active .select-pull .select-options li:hover,

.select-long.select-wrap.active .select-push .select-options li:hover,

.select-num.select-wrap.active .select-pull .select-options li:hover,

.select-num.select-wrap.active .select-push .select-options li:hover,

.select-time.select-wrap.active .select-pull .select-options li:hover,

.select-time.select-wrap.active .select-push .select-options li:hover,

.select-type.select-wrap.active .select-pull .select-options li:hover,

.select-type.select-wrap.active .select-push .select-options li:hover {

    background-color: #0085fa;

    color: #fff

}



.select-budget.select-wrap.active .select-pull .select-options li.active:before,

.select-budget.select-wrap.active .select-push .select-options li.active:before,

.select-long.select-wrap.active .select-pull .select-options li.active:before,

.select-long.select-wrap.active .select-push .select-options li.active:before,

.select-num.select-wrap.active .select-pull .select-options li.active:before,

.select-num.select-wrap.active .select-push .select-options li.active:before,

.select-time.select-wrap.active .select-pull .select-options li.active:before,

.select-time.select-wrap.active .select-push .select-options li.active:before,

.select-type.select-wrap.active .select-pull .select-options li.active:before,

.select-type.select-wrap.active .select-push .select-options li.active:before {

    content: "";

    position: absolute;

    left: 14px;

    top: 14px;

    background-image: url(../images/form_icon.png);

    background-position: 0 -16px;

    width: 12px;

    height: 12px

}



.select-budget.select-wrap.active .select-pull,

.select-long.select-wrap.active .select-pull,

.select-num.select-wrap.active .select-pull,

.select-time.select-wrap.active .select-pull,

.select-type.select-wrap.active .select-pull {

    top: 48px

}



.select-budget.select-wrap.active .select-push,

.select-long.select-wrap.active .select-push,

.select-num.select-wrap.active .select-push,

.select-time.select-wrap.active .select-push,

.select-type.select-wrap.active .select-push {

    bottom: 48px

}



.select-budget.select-wrap.active.error .select-error,

.select-long.select-wrap.active.error .select-error,

.select-num.select-wrap.active.error .select-error,

.select-time.select-wrap.active.error .select-error,

.select-type.select-wrap.active.error .select-error {

    height: 36px;

    line-height: 36px;

    background-color: #f65454;

    padding-left: 37px;

    font-size: 12px;

    color: #fff;

    position: relative

}



.select-budget.select-wrap.active.error .select-error:before,

.select-long.select-wrap.active.error .select-error:before,

.select-num.select-wrap.active.error .select-error:before,

.select-time.select-wrap.active.error .select-error:before,

.select-type.select-wrap.active.error .select-error:before {

    content: "";

    position: absolute;

    left: 12px;

    top: 10px;

    background-image: url(../images/form_icon.png);

    background-position: 0 -254px;

    width: 16px;

    height: 16px

}



.select-budget.select-wrap.error,

.select-long.select-wrap.error,

.select-num.select-wrap.error,

.select-time.select-wrap.error,

.select-type.select-wrap.error {

    border: 1px solid #f65454

}



.select-type.select-wrap .select-cont .icon {

    background-image: url(../images/form_icon.png);

    background-position: 0 -116px;

    width: 13px;

    height: 13px

}



.select-type.select-wrap.error {

    border: 1px solid #f65454

}



.select-num.select-wrap .select-cont .icon {

    background-image: url(../images/form_icon.png);

    background-position: 0 -64px;

    width: 13px;

    height: 13px

}



.select-num.select-wrap.error {

    border: 1px solid #f65454

}



.select-long.select-wrap .select-cont .icon {

    background-image: url(../images/form_icon.png);

    background-position: 0 -52px;

    width: 13px;

    height: 12px

}



.select-date.select-wrap .select-cont .icon {

    background-position: 0 -129px

}



.select-budget.select-wrap .select-cont .icon,

.select-date.select-wrap .select-cont .icon {

    background-image: url(../images/form_icon.png);

    width: 13px;

    height: 13px

}



.select-budget.select-wrap .select-cont .icon {

    background-position: 0 -77px

}



.select-budget.select-wrap.error {

    border: 1px solid #f65454

}



.select-time.select-wrap.has-data {

    border: none;

    padding: 0

}



.select-time.select-wrap.has-data .select-time-group {

    font-size: 0

}



.select-time.select-wrap.has-data .select-time-group .select-cont {

    vertical-align: top;

    display: inline-block;

    width: 50%;

    height: 46px;

    padding: 15px 0 0 13px;

    border: 1px solid #b3b3b3

}



.select-time.select-wrap.has-data .select-time-group .select-cont .arrow {

    top: 20px

}



.select-time.select-wrap.has-data .select-time-group .select-start-date {

    display: inline-block;

    border-left: none;

    position: relative

}



.select-time.select-wrap.has-data.active .select-time-group .select-start-date,

.select-time.select-wrap.has-data.active .select-time-group .select-time-cont {

    border: 1px solid #007eed

}



.select-time.select-wrap.has-data.active .select-time-group .select-start-date .arrow {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.select-time.select-wrap .select-cont.select-start-date {

    display: none

}



.select-time.select-wrap .select-cont.select-start-date .icon {

    background-position: 0 -129px;

    height: 13px

}



.select-time.select-wrap .select-cont .icon,

.select-time.select-wrap .select-cont.select-start-date .icon {

    background-image: url(../images/form_icon.png);

    width: 13px

}



.select-time.select-wrap .select-cont .icon {

    background-position: 0 -52px;

    height: 12px

}



.select-other.select-wrap .select-cont .icon {

    background-image: url(../images/form_icon.png);

    background-position: 0 -90px;

    width: 13px;

    height: 13px

}



.select-other.select-wrap.active .select-pull,

.select-other.select-wrap.active .select-push {

    position: absolute;

    left: -1px;

    background-color: #fff;

    z-index: 10;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)

}



.select-other.select-wrap.active .select-pull .select-options,

.select-other.select-wrap.active .select-push .select-options {

    padding: 16px 4px 8px 4px;

    font-size: 0;

    width: 262px;box-sizing: border-box;

    display: flex;flex-wrap: wrap;justify-content: space-around;

}



.select-other.select-wrap.active .select-pull .select-options li,

.select-other.select-wrap.active .select-push .select-options li {

    width: 150px;

    height: 40px;

    display: inline-block;

    font-size: 14px;

    color: #0d0d0d;

    line-height: 40px;

    border: 1px solid #ebebeb;

    margin-bottom: 12px;

    padding-left: 40px;

    position: relative;

}



.select-other.select-wrap.active .select-pull .select-options li i,

.select-other.select-wrap.active .select-push .select-options li i {

    position: absolute;

    width: 16px;

    height: 16px;

    top: 12px;

    left: 12px;

    border: 1px solid #ccc

}



.select-other.select-wrap.active .select-pull .select-options li.active i,

.select-other.select-wrap.active .select-push .select-options li.active i {

    width: 16px;

    height: 16px;

    top: 12px;

    left: 12px;

    border: none;

    background-color: #007eed

}



.select-other.select-wrap.active .select-pull .select-options li.active i:before,

.select-other.select-wrap.active .select-push .select-options li.active i:before {

    content: "";

    position: absolute;

    top: 2px;

    left: 2px;

    background-image: url(../images/form_icon.png);

    background-position: 0 -4px;

    width: 12px;

    height: 12px

}



.select-other.select-wrap.active .select-pull .select-options li:hover,

.select-other.select-wrap.active .select-push .select-options li:hover {

    border: 1px solid #0085fa

}



.select-other.select-wrap.active .select-pull .select-options-foot,

.select-other.select-wrap.active .select-push .select-options-foot {

    height: 40px;

    width: 312px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    background-color: #0085fa;

    margin: 0 auto;

    margin-bottom: 15px;

    border-radius: 2px

}



.select-other.select-wrap.active .select-pull {

    top: 48px

}



.select-other.select-wrap.active .select-push {

    bottom: 48px

}



.select-other.select-wrap.active.error .select-error {

    height: 36px;

    line-height: 36px;

    background-color: #f65454;

    padding-left: 37px;

    font-size: 12px;

    color: #fff;

    position: relative

}



.select-other.select-wrap.active.error .select-error:before {

    content: "";

    position: absolute;

    left: 12px;

    top: 10px;

    background-image: url(../images/form_icon.png);

    background-position: 0 -254px;

    width: 16px;

    height: 16px

}



.select-other.select-wrap.error {

    border: 1px solid #f65454

}



.select-other-two {

    border: none;

    width: 580px;

    height: 40px;

    padding: 0

}



.select-other-two.active .select-pull,

.select-other-two.active .select-push {

    position: relative;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    width: 100%;

    top: 0;

    left: 0

}



.select-other-two .select-cont {

    width: 0;

    overflow: hidden;

    height: 0

}



.select-other-two.select-other.active.error .select-error {

    display: none

}



.select-other-two .select-pull,

.select-other-two .select-push {

    width: 100%

}



.select-other-two .select-pull .select-options-two,

.select-other-two .select-push .select-options-two {

    font-size: 0

}



.select-other-two .select-pull .select-options-two li,

.select-other-two .select-push .select-options-two li {

    width: 55px;

    height: 40px;

    display: inline-block;

    font-size: 14px;

    color: #4d4d4d;

    line-height: 40px;

    margin-right: 15px;

    position: relative;

    padding-left: 24px;

    cursor: pointer

}



.select-other-two .select-pull .select-options-two li i,

.select-other-two .select-push .select-options-two li i {

    position: absolute;

    width: 16px;

    height: 16px;

    top: 12px;

    left: 0;

    border: 1px solid #ccc

}



.select-other-two .select-pull .select-options-two li.active i,

.select-other-two .select-push .select-options-two li.active i {

    width: 16px;

    height: 16px;

    top: 12px;

    left: 0;

    border: none;

    background-color: #007eed

}



.select-other-two .select-pull .select-options-two li.active i:before,

.select-other-two .select-push .select-options-two li.active i:before {

    content: "";

    position: absolute;

    top: 2px;

    left: 2px;

    background-image: url(../images/form_icon.png);

    background-position: 0 -4px;

    width: 12px;

    height: 12px

}



.select-duration.select-wrap.select-time .select-time-group .select-cont {

    width: 100%

}



.select-time-select.select-wrap.select-time {

    vertical-align: top

}



.select-time-select.select-wrap.select-time .select-time-group .select-start-date {

    width: 100%;

    border-left: 1px solid #d9d9d9

}



.submit-agreement {

    width: 420px;

    height: 34px;

    background: #fff;

    border-radius: 2px;

    font-size: 12px;

    text-align: center;

    line-height: 34px;

    color: #0b1429;

    margin: 0 auto;

    position: absolute;

    top: 321px;

    left: 87px;

    z-index: 10

}



.submit-agreement a {

    color: #007af5;

    text-decoration: underline

}



.select-wrap.input-phoneNumber i {

    margin-right: 10px

}



.consult-dialog-wrap {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 4000;

    background-color: rgba(0, 0, 0, .6);

    display: none

}



.consult-dialog-wrap .dialog-container {

    width: 860px;

    height: 640px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -430px;

    margin-top: -320px;

    background-color: #fff

}



.consult-dialog-wrap .dialog-container .dialog-header {

    width: 100%;

    height: 124px;

    position: relative;

    background-color: #0e85e0;

    background-image: -webkit-gradient(linear, left top, right top, from(#009dff), to(#0072ff));

    background-image: linear-gradient(90deg, #009dff, #0072ff);

    padding-left: 134px;

    padding-top: 45px

}



.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-img {

    width: 94px;

    height: 134px;

    position: absolute;

    left: 20px;

    top: -10px;

    background-size: 100% 100%;

    background-image: url("../images/contrast/renwu.png");

    background-image: -webkit-image-set(url(../images/contrast/renwu.png) 1x, url(../images/contrast/renwu@2x.png) 2x)

}



.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-title {

    display: block;

    height: 26px;

    line-height: 26px;

    font-size: 26px;

    font-weight: 500;

    color: #fff;

    margin-bottom: 12px

}



.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-subtitle {

    display: block;

    height: 14px;

    line-height: 14px;

    font-weight: 500;

    color: #fff;

    font-size: 14px

}



.consult-dialog-wrap .dialog-container .dialog-header .dialog-header-subtitle span {

    display: inline;

    color: #ffe400

}



.consult-dialog-wrap .dialog-container .dialog-header i {

    cursor: pointer;

    position: absolute;

    width: 12px;

    height: 12px;

    right: 20px;

    top: 20px;

    background-size: 100% 100%;

    background-image: url("../images/icon_close_w.png");

    background-image: -webkit-image-set(url(../images/icon_close_w.png) 1x, url(../images/icon_close_w@2x.png) 2x)

}



.consult-dialog-wrap .dialog-container .dialog-cont {

    width: 100%;

    height: 516px;

    font-size: 0

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form {

    vertical-align: top;

    display: inline-block;

    width: 500px;

    height: 100%;

    padding-left: 60px;

    padding-top: 36px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap {

    margin-bottom: 16px;

    width: 384px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-pull,

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-push {

    width: 384px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-pull.two-row,

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-push.two-row {

    width: 600px;

    font-size: 0

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-pull.two-row .select-options .select-option,

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap .select-push.two-row .select-options .select-option {

    display: inline-block;

    width: 50%

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap.select-other.active .select-pull .select-options,

.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .select-wrap.select-other.active .select-push .select-options {

    padding: 16px 0 8px 24px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-form .dialog-form-btn {

    width: 384px;

    height: 53px;

    background-color: #00c42b;

    text-align: center;

    line-height: 53px;

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    cursor: pointer

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header {

    height: 50px;

    width: 100%;

    border-bottom: 1px solid #e6e6e6;

    padding-top: 8px;

    font-size: 0

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-title {

    display: inline-block;

    width: 86px;

    height: 42px;

    line-height: 42px;

    font-size: 16px;

    color: #0d0d0d

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-subtitle {

    display: inline-block;

    vertical-align: top;

    height: 42px;

    line-height: 42px;

    color: #4d4d4d;

    font-size: 12px;

    width: 180px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-subtitle span {

    display: inline

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-header .dialog-subtitle span.assist {

    color: #b3b3b3

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont {

    padding-top: 10px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li {

    height: 40px;

    line-height: 40px;

    width: 100%;

    padding-right: 100px;

    position: relative

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li .dialog-hotel-del {

    position: absolute;

    width: 40px;

    height: 24px;

    border-radius: 2px;

    border: 1px solid #b3b3b3;

    right: 0;

    top: 8px;

    line-height: 24px;

    text-align: center;

    font-size: 12px;

    color: #b3b3b3;

    cursor: pointer

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li .dialog-hotel-name {

    display: inline-block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-cont li .dialog-hotel-name a {

    color: gray

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-nodata-cont {

    padding-top: 148px;

    color: gray;

    display: none

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-nodata-cont .nodata-cont {

    width: 100%;

    height: 18px;

    line-height: 18px;

    text-align: center;

    font-size: 18px;

    margin-bottom: 15px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .dialog-right-nodata-cont .nodata-subcont {

    width: 100%;

    height: 12px;

    line-height: 12px;

    text-align: center;

    font-size: 12px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right {

    display: inline-block;

    width: 360px;

    height: 100%;

    border-left: 1px solid #e6e6e6;

    padding: 0 20px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .title {

    font-size: 16px;

    color: #0d0d0d;

    padding: 29px 0 13px;

    width: 100%;

    border-bottom: 1px solid #e6e6e6

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item {

    font-size: 0;

    width: 100%;

    padding-top: 20px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .main-img {

    display: inline-block;

    width: 75px;

    height: 100px;

    vertical-align: top

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info {

    display: inline-block;

    padding-left: 14px;

    width: 240px;

    overflow: hidden

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .hotel-name {

    font-size: 14px;

    color: #0d0d0d;

    padding-bottom: 14px;

    font-weight: 700;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .data {

    font-size: 12px;

    color: gray;

    padding-bottom: 14px

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .data .val {

    color: #0d0d0d

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .price {

    font-size: 14px;

    color: #ff4d00

}



.consult-dialog-wrap .dialog-container .dialog-cont .dialog-cont-right .hotel-item .info .price:first-letter {

    font-size: 12px

}



.consult-dialog-wrap .dialog-container .dialog-cont.center .dialog-cont-form {

    width: 100%;

    padding-left: 220px

}



.consult-dialog-wrap .dialog-container .dialog-cont.center .dialog-cont-right {

    display: none

}







.training-details{

    width: 100%;

    height: auto;

    overflow: hidden;

    border: 1px solid #d2d2d2;

    background: #fbfbfb;

    padding-bottom: 20px;

    margin: 30px auto

}



.training-details .quick{

    width: 100%;

    height: auto;

    overflow: hidden;

    border-bottom: 1px solid #d2d2d2;margin-bottom: 20px

}



.training-details .quick ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.training-details .quick ul  li{

    border-right: 1px solid #d2d2d2;

    text-align: center;

    width: 100%;

    line-height: 58px;

    height: 58px;

}

.training-details .quick ul  li:last-child{

    border-right: none;

}



.training-details .quick ul  li a{

    color:#999999;

    font-size: 18px;

}











.training-details .tit{

    width: 100%;

    border-left: 5px solid #0095da;

    height: 20px;

}

.training-details .tit p{

    color:#0095da;

    font-size: 18px;

    line-height: 17px;

    margin-left: 10px;

    font-weight: bold;



}



.training-details .introduct {

    border-bottom: none;

    padding: 20px;

    box-sizing: border-box;

    line-height: 180%

}

.training-details img{

    display: block;

    max-width: 100%;

}



.training-details .price{

    width: 855px;

    margin: 0 auto;

}



.training-details .info{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 15px;

}

.training-details .info p{

    color:#555555;

    font-size: 14px;

    line-height: 32px;

}



.training-details .booking{

    width: 855px;

    margin:0 auto;

    margin-top: 20px;

}



 

.training-details .how{

    width: 855px;

    margin: 0 auto;

    margin-top: 30px;

}



.training-details .matters{

    width: 855px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    margin-top: 20px;

}





.top-hr {

    width: 1160px;

    margin: 0 auto;

    height: 2px;

    background-color: #0d0d0d;

    position: relative

}



.top-hr .add-consult {

    cursor: pointer;

    right: 0;

    top: -24px;

    position: absolute;

    width: 82px;

    height: 14px;

    padding-left: 19px;

    font-size: 12px;

    line-height: 14px;

    color: #0d0d0d

}



.top-hr .add-consult i {

    position: absolute;

    left: 0;

    top: 0;

    background-image: url(../images/detailIcon_icon.png?t=04cdb67fe887dea0be3e1e1011c65792);

    background-position: -60px 0;

    width: 14px;

    height: 14px

}



.top-hr .add-consult.active {

    color: gray

}



.detail-content {

    width: 1160px;

    margin: 0 auto

}



.detail-left {

    width: 824px

}



.detail-right {

    width: 296px

}



.crumbs-nav {

    width: 1160px;

    padding-bottom: 14px

}



.likeness-hotel {

    width: 1160px;

    margin-bottom: 135px

}



.hotel-anima-icon {

    width: 40px;

    height: 40px;

    position: fixed;

    border-radius: 50%;

    z-index: 9999;

    overflow: hidden

}



.hotel-anima-icon img {

    width: 100%;

    height: 100%

}



.allmap{    width: 824px;

    height: 332px;

    border: 3px solid #d2d2d2;

    overflow: hidden;

    margin: 0 auto;margin-bottom: 30px}









.chamber{

    width: 824px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

 

}



.chamber .tit{

    width: 100%;

    border-left: 5px solid #0095da;

    height: 20px;

}

.chamber .tit p{

    color:#0095da;

    font-size: 18px;

    line-height: 17px;

    margin-left: 10px;

    font-weight: bold;



}





.chamber  table{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #d2d2d2;

    margin-top: 10px;

}





.chamber  tr{

    background: #fff;

    text-align: center;

    height: 35px;

    font-size: 14px;

}



.chamber  tr a{

    color:#ff820c;

}





.pro-focus{

    width: 1200px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    margin-top: 20px;

    position: relative;

}





.pro-focus .bd{

    width: 100%;

    height: auto;

    overflow: hidden;

}

.pro-focus .bd ul li img{

    display: block;

    width: 1200px;

    height: 460px;

}

.pro-focus .hd {

    width: 100%;

    margin-top: 20px;

}

.pro-focus .hd ul{

    display:table;

    margin: 0 auto;

}

.pro-focus .hd ul li{

    float: left;

    width: 60px;

    line-height: 30px;

    overflow: hidden;

    height: 5px;

    background: #d2d2d2;

    margin: 0 7px;

}



.pro-focus .hd ul  .on{

    background: #0095da;

}





.pro-focus  .focus-intro{

    width: 360px;

    height: 440px;

    background: rgba(255,255,255,0.9);

    position: absolute;

    right: 30px;

    border-radius: 0 0 0 5px;

    top: 0;

}



.pro-focus  .focus-intro .tit{

    width: 100%;

    height: 55px;

    border-bottom: 1px solid #d2d2d2;

}



.pro-focus  .focus-intro .tit h4{

    font-size: 20px;

    color:#333333;

    line-height: 55px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.pro-focus  .focus-intro .info{

    width: 320px;

    height: 280px;

    margin-left: 25px;

    margin-top:15px;

 

}



.pro-focus  .focus-intro .info p{

    color:#555555;

    font-size: 14px;

    line-height: 36px;

}



.pro-focus  .focus-intro .info b{

    color:#ff820c;

}



.pro-focus  .focus-intro  a{

    display: block;

    width: 135px;

    height: 40px;

    position: absolute;

    right: 0;

    bottom: 15px;

    background: #0095da;

    text-align: center;

    line-height: 40px;

    color:#fff;

    font-size: 18px;

    border-radius: 5px 0 0 5px;

}







.pro-intro{

    width: 890px;

    height: auto;

    overflow: hidden;

    min-height: 1000px;

    padding-bottom: 30px;

    border: 1px solid #d2d2d2;

}



.pro-intro .quick{

    width: 100%;

    height:auto;

    overflow: hidden;

    border-bottom: 1px solid #d2d2d2;

}



.pro-intro .quick ul li{

    float: left;

    width: 20%;

    text-align: center;

    line-height: 58px;

    box-sizing: border-box;

    border-right: 1px solid #d2d2d2;

}

.pro-intro .quick ul li:last-child{

    border-right: none;

}



.pro-intro .quick ul li a{

    color:#999999;

    font-size: 18px;

}

.tz-focus .tit h4{

    text-indent: 0;

    text-align: center;

}



.tz-focus .data{

    width: 100%;

    height: 48px;

    border-bottom: 1px solid #d2d2d2;



}



.tz-focus .data p{

    width: 119px;

    text-align: center;

    height: 48px;

    float: left;

    line-height: 48px;

    font-size: 14px;

    border-right: 1px solid #d2d2d2;

}



.tz-focus .data p:last-child{

    border-right: none;

}



.tz-focus .ad{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 10px;

    border-bottom: 1px solid #d2d2d2;

    background: none

}



.tz-focus .ad p{

    color:#555555;

    font-size: 14px;

    line-height: 24px;

    width: 310px;

    height:75px;

    margin: 0 auto;

    display: -webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    margin-top: 15px;

}



.tz-focus   .intro{

    width: 310px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    margin-top: 15px;

}



.tz-focus   .intro p{

    color:#555555;

    font-size: 14px;

    line-height: 30px;

}



.tz-focus i{

    font-size: 24px;

    font-style: normal;

    color:#ff820c;

    font-weight: bold;

    display: block;

    margin-top: 20px;

    float: left;

    margin-left: 30px;

    font-size: 24px;



}