body,html{color:#373737;background:#fff;}
a{color:inherit;text-decoration:none}
a:-webkit-any-link{color:inherit;text-decoration:none}
.center-content{margin:0 auto}
.page-header{z-index:400;position:fixed;top:0;left:0;right:0;background:#fff}
.page-header.active{border-bottom:1px solid #f3f3f3;box-shadow:0 0 3px 0 #666;-webkit-box-shadow:0 0 3px 0 #666;-moz-box-shadow:0 0 3px 0 #666}
.page-header .links{text-align:right;overflow:auto;clear:both;padding:8px 0}
.page-header .links li{width:4.5em;text-align:center;float:right;border-right:1px solid #373737}
.page-header .links li:first-child{border:none}
.page-header .links li:hover{color:#ff6744}
.page-header .menu-bar{position:relative;margin-bottom:10px}
.page-header .logo{height:65px;margin-right:10px}
.page-header .location{color:#ff6744;display:inline-block;margin-right:5px;vertical-align:bottom;position:relative;cursor:pointer;height:2em;min-width:2em;padding:0 5px}
.page-header .location>span{font-size:16px}
.page-header .location>.tip{position:absolute;padding:5px 8px;color:#00695f;border:1px solid #a0a0a0;bottom:100%;left:-1px;margin-bottom:10px;white-space:nowrap;opacity:.9}
.page-header .location>.tip .tri{position:absolute;left:10px;top:100%}
.page-header .location .icon-down{margin-left:5px;transition:transform .3s ease;-moz-transition:transform .3s ease;-webkit-transition:transform .3s ease}
.page-header .location .icon-down.active{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.page-header .menus{font-size:1.2em;font-weight:700;overflow:auto;zoom:1;display:inline-block;vertical-align:bottom;width:40em}
.page-header .menus li{width:5em;float:left;text-align:center;margin:0 8px;position:relative;padding:.3em 0;border-bottom:2px solid #fff;cursor:pointer}
.page-header .menus li:after{content:"";position:absolute;width:1px;background:#373737;right:-4px;top:.6em;height:1em}
.page-header .menus li.active,.page-header .menus li:hover{color:#ff6744;border-bottom:2px solid #ff6744}
.page-header .menus li.n-b:after,.page-header .menus li:last-child:after{content:none}
.page-header .tel{position:absolute;right:0;bottom:0;font-size:2.6em;color:#ff6744}
.page-header .tel img{height:1em;margin-right:.25em;vertical-align:middle}
.city-select{position:absolute;top:100%;left:-10px;background:#fff;border:1px solid #676767;padding:10px 15px;white-space:nowrap;font-size:14px}
.city-select .left>li,.city-select .right>li{line-height:2em;padding:.4em 0}
.city-select .left>li>em,.city-select .right>li>em{color:#006951;font-style:normal;float:left;font-weight:700}
.city-select .left>li>.opts,.city-select .right>li>.opts{margin:0 0 0 1.8em;overflow:auto}
.city-select .left>li>.opts li,.city-select .right>li>.opts li{color:#5d5d5d;display:inline-block;margin-right:5px;padding:0 8px;cursor:pointer;font-weight:700;float:left}
.city-select .left>li>.opts li.active,.city-select .right>li>.opts li.active{color:#ff6744}
.city-select .left>li>.opts li:hover,.city-select .right>li>.opts li:hover{background:#ff6744;background:#03baa5;color:#fff}
.city-select .left{display:inline-block;width:310px}
.city-select .right{display:inline-block;width:320px}

.page-content .content-title{color:#ff6744;text-align:center;font-size:21px;margin-bottom:30px;font-weight:bolder;line-height:1.2em}
.page-content .content-title .pre{content:"";display:inline-block;width:1em;height:1em;background:#373737;margin-right:12px;margin-top:-3px;vertical-align:middle}
.page-content .content-title .end{content:"";display:inline-block;width:2px;height:1em;background:#373737;margin-left:12px;margin-top:-3px;vertical-align:middle}
.page-content .content-title .more{font-size:13px;color:#222;font-weight:400;margin-top:-1.2em}
.page-footer{background:#2d6d79;margin:0 atuo;}
.page-footer .ct{padding:35px;color:#fff;}
.page-footer .ct .st{position:relative;height:45px;text-align: center;}
.page-footer .ct .st h5{color:#ccc;font-size:1.3em;line-height:1.1em;margin-bottom:10px;letter-spacing:1px}

.page-footer .ct .st-1{top:-25px;font-size:13px;color: #fff;}
.page-footer .ct .st-1 span a{color:#ff6744}
.page-footer .ct .st-1 span a:hover{color:#fff;}
.page-footer .ct .st-2{width:50%;}
.page-footer .ct .st-2 img,.page-footer .ct .st-3 img{width:90px;height:90px}
.page-footer .ct .st-3{margin:-90px 0 0 935px}


.page-footer .ct .d-b{position:absolute;left:0;right:0;bottom:0}
.page-footer .copyright{color:#b6b4b4;font-size:.9em;line-height:2em;padding-bottom:30px;margin-top: 50px;}
.slider-1{position:relative;}
.slider-1 .test-btn{position:absolute;bottom:13%;left:50%;margin-left:-300px;width:12em;font-weight:700;font-size:14px;cursor:pointer;z-index:9999}
.slider-1 img{width:100%}
.slider-1 .swiper-pagination-1{text-align:center;position:absolute;bottom:10px;width:100%;left:0;z-index:9999}
.slider-1 .swiper-pagination-1 .swiper-pagination-bullet{width:70px;height:6px;border-radius:3px;background:#f3f3f3;cursor:pointer;opacity:.7}
.slider-1 .swiper-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#222}
.search-box{width:670px;margin-bottom:30px}
.search-box .input{border:1px solid #bfbfbf;display:inline-block;margin-bottom:10px}
.search-box .input input{width:415px;border:none;outline:0!important;line-height:30px;height:30px;padding:0 5px}
.search-box .btn{float:right;width:200px;font-size:1.2em;line-height:30px;font-weight:700}
.search-box .links{color:#929292;overflow:auto;margin-left:-1em}
.search-box .links li{padding:0 1em;border-right:1px solid #929292;margin-bottom:10px;float:left}
.search-box .links li:last-child{border:none}
.search-box .links li:hover{color:#ff6744}
.slider-2{margin:30px 0 50px 0}
.slider-2 .swiper-slide{transform:scale(.85);-webkit-transform:scale(.85);-moz-transform:scale(.85);cursor:pointer;position:relative}
.slider-2 .swiper-slide .ct{height:142px;overflow:hidden;position:relative;border:2px solid #f0f0f0;border-bottom:none}
.slider-2 .swiper-slide .ct .bg{width:100%;display:none;-webkit-filter:blur(2px);-moz-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false)}
.slider-2 .swiper-slide .ct .cover{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:1.3em;color:#ffa902}
.slider-2 .swiper-slide .ct .cover img{width:3.5em}
.slider-2 .swiper-slide .ct .cover p{line-height:1.4em;font-size:1.3em;font-weight:700}
.slider-2 .swiper-slide .ct .cover p.sm{font-size:1em;font-weight:400;line-height:2em;margin-bottom:8px}
.slider-2 .swiper-slide .ft{padding:10px;background:#f0f0f0;color:#555;line-height:1.8em;font-size:1.2em}
.slider-2 .swiper-slide.swiper-slide-active{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.slider-2 .swiper-slide.swiper-slide-active .ft{background:#ffa902;color:#fff}
.slider-2 .swiper-slide.swiper-slide-next{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);transform-origin:85% 50%}
.slider-2 .swiper-slide.swiper-slide-prev{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform-origin:15% 50%}
.slider-2 .swiper-slide:hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:.2;z-index:200}
.cls-box{padding-top:20px;margin-bottom:30px;background:url(../images/bg-cls-box.jpg) no-repeat;background-size:100% 100%}
.cls-box .cls-tb{overflow:auto;margin-bottom:20px}
.cls-box .cls-tb>.right{margin:0;position:relative;overflow:auto;padding-bottom:20px}
.cls-box .cls-tb>.right .rt{width:50%;float:left}
.cls-box .cls-tb>.right .rt.active{display:block}
.cls-box .cls-tb>.right .desc{line-height:55px;overflow:hidden;height:90px;padding:5px 0}
.cls-box .cls-tb>.right .desc .fl,.cls-box .cls-tb>.right .desc .fr{display:none;width:75px;color:#9c2409;font-size:50px;letter-spacing:0}
.cls-box .cls-tb>.right .desc .mid{margin:0;line-height:1.8em;font-size:1.1em;position:relative}
.cls-box .cls-tb>.right .desc .mid em{font-size:1.1em;color:#ff6744;font-weight:700;margin-right:3px}
.cls-box .cls-tb>.right .rt .desc{position:relative;line-height:75px}
.cls-box .cls-tb>.right .rt .desc.b-r{border-right:1px dashed #c1c1c1}
.cls-box .cls-tb>.right .rt .desc.b-b{border-bottom:1px dashed #c1c1c1}
.cls-box .cls-tb>.right .rt .desc .d-left{position:absolute;left:0;top:0;bottom:0;width:172px;text-align:center;line-height:83px;height:83px}
.cls-box .cls-tb>.right .rt .desc .d-left img{height:43px;vertical-align:middle}
.cls-box .cls-tb>.right .rt .desc .d-left .b-r{position:absolute;right:0;top:50%;margin-top:-18px;height:36px;width:1px;background:#373737}
.cls-box .cls-tb>.right .rt .desc .d-right{margin:0 10px 0 190px;line-height:83px}
.cls-box .cls-tb>.right .rt .desc .d-right p{line-height:1.5em;vertical-align:middle;padding-top:20px;font-size:13px}
.cls-box .cls-tb>.right .rt .desc .d-right p.up{padding-top:10px}
.cls-box .cls-tb>.right table{table-layout:fixed;border-collapse:collapse;position:absolute;bottom:0;left:0;right:0;width:100%;color:#666;font-size:1.2em}
.cls-box .cls-tb>.right table td,.cls-box .cls-tb>.right table th{border:solid #fff;border-width:0 1px;box-sizing:border-box}
.cls-box .cls-tb>.right table thead{font-weight:700;background:#f0f0f0}
.cls-box .cls-tb>.right table thead tr{text-align:center;line-height:36px}
.cls-box .cls-tb>.right table tbody tr{text-align:center;line-height:36px}
.cls-box .cls-tb>.right table tbody tr:hover{background:#fdfdfd}
.cls-box .cls-tb>.right table tbody tr:nth-child(2n){background:#f0f0f0}
.cls-box .cls-tb>.right table tbody tr:nth-child(2n):hover{background:#d6d6d6}
.cls-box .cls-tb>.right .btn{border-radius:4px;width:120px}
.cls-box .btns{padding:10px 0;margin-bottom:20px}
.cls-box .btns .btn{margin:0 8px;font-size:16px;width:235px}
.cls-box .ops .btn{margin:20px 10px;width:14em;font-size:1.3em;font-weight:700}
/*.teachers-box{position:relative;margin-bottom:30px;padding-top:20px;padding-bottom:10px;overflow:hidden}
.teachers-box>.bg{position:absolute;width:10000px;top:0;bottom:0;left:50%;margin-left:-5000px;z-index:0;text-align:center}
.teachers-box>.bg img{height:100%}
.teachers-box .center-content{position:relative;z-index:10}
.teachers-box .center-content>.ct{position:relative;overflow:auto}
.teachers-box .im-list{overflow:auto;width:260px}
.teachers-box .im-list li{display:inline-block;width:120px;height:132px;text-align:center;margin-left:6px;margin-right:4px;margin-bottom:8px;position:relative;overflow:hidden;cursor:pointer;float:left;vertical-align:top}
.teachers-box .im-list li img{width:100%;min-height:100%;position:relative;z-index:0}
.teachers-box .im-list li .cover{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;background:#fff;opacity:.5}
.teachers-box .im-list li.active .cover,.teachers-box .im-list li:hover .cover{display:none}
.teachers-box .left{margin-left:-4px}
.teachers-box .right{margin-right:-4px}
.teachers-box .mid{position:absolute;left:265px;right:265px;top:0;bottom:8px}
.teachers-box .mid .im{height:100%;text-align:center;width:196px;overflow:hidden;float:left}
.teachers-box .mid .im img{width:100%;min-height:100%}
.teachers-box .mid .info{margin:0 0 0 208px;height:100%;position:relative}
.teachers-box .mid .info h5{line-height:2em;font-size:16px;color:#373737;padding-bottom:15px;border-bottom:1px dashed #222;margin-bottom:15px}
.teachers-box .mid .info h5 .prefix{display:inline-block;width:12px;height:12px;background:#ff6744;margin-right:10px}
.teachers-box .mid .info h6{line-height:30px;font-size:15px;color:#373737;padding-bottom:15px;border-bottom:1px dashed #222;margin-bottom:15px}
.teachers-box .mid .info h6 .cls-name{font-size:1.2em;color:#f3ac00;margin-left:5px;vertical-align:bottom;letter-spacing:1px;margin-top:15px}
.teachers-box .mid .info h6 .star{height:1.2em;vertical-align:middle;vertical-align:text-bottom;margin-left:5px}
.teachers-box .mid .info p{color:#a2a2a2;line-height:1.8em;font-size:1.2em}
.teachers-box .mid .info .btn{position:absolute;bottom:0;left:0;right:0;line-height:3em;font-size:1.2em;font-weight:700}*/


.teachers-box{position:relative;padding:1rem 8rem 2rem;overflow:hidden;}
.teachers-box .center-content{position:relative;z-index:10}
.teachers-box .center-content>.ct{position:relative;overflow:auto}
.teachers-box .im-list{overflow:auto;width:100%;text-align: center;}
.teachers-box .im-list li{display:inline-block;width:16%;height:100%;text-align:center;margin-left:5px;margin-right:3px;margin-bottom:8px;position:relative;overflow:hidden;cursor:pointer;float:left;vertical-align:top;}
.teachers-box .im-list li .bgcl {margin:0 2.5rem;padding: 1rem 0; background-color: #fff;border-radius: .5rem;}
.teachers-box .im-list li img{width:10rem;min-height:10rem;position:relative;z-index:0;border-radius:5rem;border:2px solid #fff;opacity: .85;}
.teachers-box .im-list li:hover img,.teachers-box .im-list li:active img {border:2px solid #ff6744;opacity: 1;}

.teachers-box .im-list .info{margin:0 auto;height:100%;position:relative;text-align: center;}
.teachers-box .im-list .info h5{display: inline-block; width: 60%;margin-top:1rem; line-height:1.65em;font-weight: 500; font-size:14px;color:#373737;background-color: #ccc;border-radius: 3rem;}
.teachers-box .im-list li:hover h5,.teachers-box .im-list li:active h5 {background-color: #ff6744;color:#fff;}
.teachers-box .im-list li:hover p,.teachers-box .im-list li:active p {color:#333;}

/*.teachers-box .im-list .info h5 .prefix{display:inline-block;width:12px;height:12px;background:#ff6744;margin-right:10px;border-radius: 6px;}*/
/*.teachers-box .im-list .info h6{line-height:30px;font-size:15px;color:#373737;padding-bottom:15px;border-bottom:1px dashed #222;margin-bottom:15px}
.teachers-box .im-list .info h6 .cls-name{font-size:1.2em;color:#f3ac00;margin-left:5px;vertical-align:bottom;letter-spacing:1px;margin-top:15px}
.teachers-box .im-list .info h6 .star{height:1.2em;vertical-align:middle;vertical-align:text-bottom;margin-left:5px}*/
.teachers-box .im-list p{display: inline-block;width: 20rem; color:#a2a2a2;line-height:1.6em;font-size:1.2em;}
/*.teachers-box .im-list .info .btn{position:absolute;bottom:0;left:0;right:0;line-height:3em;font-size:1.2em;font-weight:700}*/

/*.teachers-box .im-list li .cover{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;background:#fff;opacity:.5}
.teachers-box .im-list li.active .cover,.teachers-box .im-list li:hover .cover{display:none}*/
/*.teachers-box .left{margin-left:-4px}
.teachers-box .right{margin-right:-4px}*/
.teachers-box .mid{position:absolute;left:265px;right:265px;top:0;bottom:8px}
.teachers-box .mid .im{height:100%;text-align:center;width:196px;overflow:hidden;float:left}
.teachers-box .mid .im img{width:100%;min-height:100%}


.teachers-box .mid .info{margin:0 0 0 208px;height:100%;position:relative}
.teachers-box .mid .info h5{line-height:2em;font-size:16px;color:#373737;padding-bottom:15px;border-bottom:1px dashed #222;margin-bottom:15px}
.teachers-box .mid .info h5 .prefix{display:inline-block;width:12px;height:12px;background:#ff6744;margin-right:10px}
.teachers-box .mid .info h6{line-height:30px;font-size:15px;color:#373737;padding-bottom:15px;border-bottom:1px dashed #222;margin-bottom:15px}
.teachers-box .mid .info h6 .cls-name{font-size:1.2em;color:#f3ac00;margin-left:5px;vertical-align:bottom;letter-spacing:1px;margin-top:15px}
.teachers-box .mid .info h6 .star{height:1.2em;vertical-align:middle;vertical-align:text-bottom;margin-left:5px}
.teachers-box .mid .info p{color:#a2a2a2;line-height:1.8em;font-size:1.2em}
.teachers-box .mid .info .btn{position:absolute;bottom:0;left:0;right:0;line-height:3em;font-size:1.2em;font-weight:700}


.cls-select-box{margin-bottom:20px}
.cls-select-box .filter-cls{position:relative}
.cls-select-box .filter-cls ul{overflow:auto}
.cls-select-box .filter-cls li{width:9em;text-align:center;line-height:2.4em;font-size:1.2em;color:#fff;font-weight:700;background:#ff6744;margin-right:1px;border-radius:8px 8px 0 0;float:left;cursor:pointer}
.cls-select-box .filter-cls li.active,.cls-select-box .filter-cls li:hover{background:#c23c1d}
.cls-select-box .filter-cls .more{position:absolute;right:0;top:5px;color:#373737}
.cls-select-box .query-section{display:none}
.cls-select-box .query-section .city{margin:0 5px}



.cls-select-box .query-section .filters{position:relative;z-index:300;padding:20px 50px 5px;padding-left:10%;line-height:25px;color:#fff;font-weight:700;}
.cls-select-box .query-section .filters .filter{display:inline;}

.cls-select-box .query-section .filters .filter-city .input{min-width:4em;white-space:nowrap}
.cls-select-box .query-section .filters .filter-course .input,
.cls-select-box .query-section .filters .filter-school .input{max-width:110px;white-space:nowrap}
.cls-select-box .query-section .filters .filter-course .drop-down,
.cls-select-box .query-section .filters .filter-school .drop-down{width:100%;height:4rem;}
.cls-select-box .query-section .filters .filter-course .drop-down .opts,
.cls-select-box .query-section .filters .filter-school .drop-down .opts{overflow:auto;text-align: center;height:4rem;line-height: 4.5rem;}
.cls-select-box .query-section .filters .filter-course .drop-down .op,
.cls-select-box .query-section .filters .filter-school .drop-down .op
{width: 13rem; height: 2.5rem; font-size: 13px;line-height: 2.5rem; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 8px; font-weight: 300; text-align: center; border-radius:3rem; cursor:pointer; }
.op{background-color: #ffa385;}
.op:hover,.op.active{background-color: #864b8d;} 
.wd{width: 2.5rem!important;background-color: #864b8d;cursor: text!important;}
.wd:hover,.wd.active{background-color: #864b8d;}





.cls-select-box .query-section .result-tb{height:29em;position:relative;overflow-y:hidden}
.cls-select-box .query-section .result-tb>table
{table-layout:fixed;width:100%;color:#373737;border-collapse:collapse;font-size:1.1em;position:relative;z-index:100}
.cls-select-box .query-section .result-tb>table tr{line-height:3.6em;text-align:center;/*border-bottom:1px dashed #414141*/}
.cls-select-box .query-section .result-tb > table thead tr {background-color: #49BEC5; color: #fff;} 
.cls-select-box .query-section .result-tb > table thead tr:hover {background-color: #49BEC5;}
.cls-select-box .query-section .result-tb>table tr td{white-space:nowrap;overflow:hidden;padding:0 10px;text-overflow:ellipsis}
.cls-select-box .query-section .result-tb>table tr:last-child{border-bottom:none}
.cls-select-box .query-section .result-tb>table tr:hover{background:#c4eaec}
.cls-select-box .query-section .result-tb>table tr.no-data{line-height:24em}
.cls-select-box .query-section .result-tb>table tr.no-data:hover{background:0 0}
.cls-select-box .query-section .result-tb>table .btn{border-radius:25px;width:7em;font-weight:500}
.cls-select-box .query-section .result-tb>table .btn-yellow{margin-right:10px}
.cls-select-box .query-section .result-tb > table .col-code {width: 5em; }
.cls-select-box .query-section .result-tb > table .col-name {width: 20em; }
.cls-select-box .query-section .result-tb > table .col-time {width: 7em; }
.cls-select-box .query-section .result-tb > table .col-l-time{width: 10em; }
.cls-select-box .query-section .result-tb > table .col-address {width: 12em; }
.cls-select-box .query-section .result-tb > table .col-yuenum {width: 5em; }
.cls-select-box .query-section .result-tb > table .col-price {width: 5em; }
.cls-select-box .query-section .result-tb > table .col-ops {width: 10em; }
.cls-select-box .query-section .result-tb > table tbody tr:nth-child(even) {background-color: #e3f5f8;}
.cls-select-box .query-section .result-tb > table tbody tr:nth-child(even):hover {background-color: #c4eaec;}
.cls-select-box .query-section .result-tb>.loading
{position:absolute;left:0;top:0;right:0;bottom:0;line-height:24em;z-index:200;text-align:center}
.cls-select-box .query-section .result-tb>.loading image{width:100px;height:100px;margin-top:50px}

.cls-select-box .query-section .pagination{line-height:30px;text-align:right;padding:0 10px;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-bottom:2px solid #9c2409}
.cls-select-box .query-section .pagination>span{display:inline-block;zoom:1;width:17px;height:17px;margin-right:5px;cursor:pointer;vertical-align:middle}
.cls-select-box .query-section .pagination>span.prev{width:13px;background:url(../images/im-pg-prev.png) no-repeat}
.cls-select-box .query-section .pagination>span.next{width:13px;background:url(../images/im-pg-next.png) no-repeat}
.cls-select-box .query-section .pagination>span.dot{background:url(../images/im-dot.png) no-repeat}
.cls-select-box .query-section .pagination>span.dot.active{background:url(../images/im-dot-active.png) no-repeat}
.cls-select-box .query-section.active{display:block}
.cls-select-box .city-select{position:absolute;top:100%;left:-10px;background:#fff;border:1px solid #9c2409;padding:8px 12px;white-space:nowrap;font-size:12px}
.cls-select-box .city-select .left>li,.cls-select-box .city-select .right>li{line-height:1.8em;padding:.2em 0}
.cls-select-box .city-select .left>li>em,.cls-select-box .city-select .right>li>em{color:#006951;font-style:normal;float:left;font-weight:400}
.cls-select-box .city-select .left>li>.opts,.cls-select-box .city-select .right>li>.opts{margin:0 0 0 1.8em;overflow:auto}
.cls-select-box .city-select .left>li>.opts li,.cls-select-box .city-select .right>li>.opts li{color:#5d5d5d;display:inline-block;margin-right:5px;padding:0 8px;cursor:pointer;font-weight:400;float:left}
.cls-select-box .city-select .left>li>.opts li.active,.cls-select-box .city-select .right>li>.opts li.active{background:#9c2409;color:#fff}
.cls-select-box .city-select .left>li>.opts li:hover,.cls-select-box .city-select .right>li>.opts li:hover{background:#c23c1d;color:#fff}
.cls-select-box .city-select .left{display:inline-block;width:276px}
.cls-select-box .city-select .right{display:inline-block;width:280px}
#ui-datepicker-div{border:1px solid #9c2409;border-radius:0}
.comp-box{margin-bottom:50px}
.comp-box .swiper-container{position:relative}
.comp-box .swiper-container .nav-btn{position:absolute;top:50%;margin-top:-40px;cursor:pointer;z-index:999}
.comp-box .swiper-container .prev-btn{width:30px;left:0}
.comp-box .swiper-container .next-btn{width:30px;right:0}
.comp-box .swiper-container .swiper-slide{position:relative}
.comp-box .swiper-container .swiper-slide .im{width:465px;text-align:center}
.comp-box .swiper-container .swiper-slide .im img{height:178px;min-width:1px}
.comp-box .swiper-container .swiper-slide .info{position:absolute;left:465px;right:70px;top:30px}
.comp-box .swiper-container .swiper-slide .info h3{line-height:2em;font-size:16px;margin-bottom:10px}
.comp-box .swiper-container .swiper-slide .info p{line-height:1.8em;color:#a2a2a2;margin-bottom:20px}
.comp-box .swiper-container .swiper-slide .info .btn{font-weight:700;font-size:1.2em;line-height:2.2em;width:200px}
.comp-box .swiper-container .swiper-slide .info .btn-yellow-rv{margin-right:10px}
.float-box{position:fixed;width:120px;left:50%;top:20%;margin-left:530px;text-align:center;color:#fff;font-weight:700;font-size:1.2em;z-index:999}
.float-box .dock{font-size:0}
.float-box .dock .top{margin-left:-12px}
.float-box .qr{background:#ff6744;line-height:1.6em;padding:10px 0;margin-bottom:1px}
.float-box .qr img{width:100px;margin-bottom:5px}
.float-box .link{height:35px;line-height:35px;background:#03baa5;margin-bottom:1px;cursor:pointer}
.float-box .link.n-m{margin-bottom:0}
.float-box .link.active,.float-box .link:hover{background:#ffa902}
.float-box .online{font-size:1.2em;background:#9c2408}
#doyoo_panel{display:none!important}
#map{display:inline-block;width:600px;height:252px}





.chco{padding:.5rem .9rem;color: #fff;border-radius:.3rem;}

.black{background-color: #7c8489;}
.green{background-color: #13c07e;}
.blue{background-color: #07a1b1;}
.red{background-color: #ff7073;}





.comp-box{margin-bottom:50px}
.comp-box .swiper-container{position:relative}

.box{list-style-type:none;float:left;margin-bottom:1rem;width:10%;}
.box a{display:block;width:100%;height:auto;border-top:5px solid #666;border-bottom:5px solid #666;}
.box a img{-webkit-back-visibility:hidden;display:block;width:100%;height:auto;vertical-align:bottom;padding:2rem auto;}

.comp-box .swiper-container .nav-btn{position:absolute;top:50%;margin-top:-40px;cursor:pointer;z-index:999}
.comp-box .swiper-container .prev-btn{width:30px;left:0}
.comp-box .swiper-container .next-btn{width:30px;right:0}
.comp-box .swiper-container .swiper-slide{position:relative}
.comp-box .swiper-container .swiper-slide .im{width:465px;text-align:center}
.comp-box .swiper-container .swiper-slide .im img{height:178px;min-width:1px}
.comp-box .swiper-container .swiper-slide .info{position:absolute;left:465px;right:70px;top:30px}
.comp-box .swiper-container .swiper-slide .info h3{line-height:2em;font-size:16px;margin-bottom:10px}
.comp-box .swiper-container .swiper-slide .info p{line-height:1.8em;color:#a2a2a2;margin-bottom:20px}
.comp-box .swiper-container .swiper-slide .info .btn{font-weight:700;font-size:1.2em;line-height:2.2em;width:200px}
.comp-box .swiper-container .swiper-slide .info .btn-yellow-rv{margin-right:10px}