.ui-page-login,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px; background-color: #fff;
}
 

.mui-content{height: 100%;}
.mui-bar{ background: #ED4945; height: 3em; background: linear-gradient(45deg, #08CBFF, #32A8FF);}
.mui-bar .mui-title{color: #fff; height: 3em; line-height: 3em;}
.mui-bar .mui-title img{ height: 100%;}
.mui-bar-nav.mui-bar .mui-icon{color: #fff; font-size: 1.6em;}
.mui-bar .mui-icon {
    font-size: 38px;
    position: relative;
    z-index: 20;
    padding-top: 12px;
    padding-bottom: 8px;
}
.mui-slider{ margin-top: 44px;}
.mui-bar-nav{ box-shadow:none;}
.mui-input-group{ background: none;}
.mui-content{ background: #fff;}
.mui-input-group:before{ background: none;}
.mui-input-group:after{ background: none;}
/*
.mui-input-group .mui-input-row{ padding: 10px 0px; height: 80px;}
.mui-icon-clear{ margin-top: 10px;}
.mui-bar-nav~.mui-content{ padding-top: 51px;}
*/


.msg-box{ background: #E9492F; padding-bottom: 50px; display: inline-block}
.msg-box h1{width:100%; font-size: 1.2em; color: #fff; padding: 30px 0; text-align: center; margin:0px auto; letter-spacing: 2.5px; text-shadow: 2px 2px 5px #555;}
.msg-box h1 span{border-bottom: #fff solid 1px; line-height: 200%; display: inline-block; padding: 20px 0;}
.msg-box .m-title{ text-align: center;}
.msg-box .m-title img{ width: 80%;}
.msg-box .mui-input-row{ padding: 5px 0px; height: 60px;}
.msg-box .mui-input-row:after{background: none;}

.msg-box .mui-input-group{ padding: 10px 40px;}
.msg-box .mui-input-group .mui-input-clear{ background-color: #fff; color: #333; border-radius: 5px; border:#ccc solid 1px; height: 50px; }
.msg-box .mui-input-group .mui-input-row .mui-icon-clear{top: 20px;}

.msg-box .mui-input-group .mui-input-row input::-webkit-input-placeholder { 
        color: #333;
    }

.msg-box .mui-input-group .mui-input-row .mui-select{ padding: 0px 15px; height: 50px; border:#ccc solid 1px !important; border-radius: 5px; background:#fff url(../images/select.png) no-repeat center right;} 

.msg-box .mui-input-group .mui-input-row.textarea{min-height: 180px;}
.msg-box .mui-input-group .mui-input-row textarea{ background-color: #fff; border:#ccc solid 1px; border-radius: 5px; min-height: 160px;}


.msg-box .mui-input-group .mui-button-row .submit-btn{ background-color: #FFB307; border:#FFB307 solid 1px; color: #fff; width: 100%; height: 60px; line-height: 40px; font-size: 20px; letter-spacing: 13px; font-weight: bold; border-radius: 8px; margin-bottom: 30px;}


.index-college{ padding: 10px 0;}
.index-college h1{ font-size: 16px; padding-bottom: 12px;}
.index-college h1 b{ width: 4px; height: 16px; display: inline-block; border-radius: 10px; background-image: linear-gradient(#00D2FF, #37A3FF); vertical-align: top; margin-right: 8px;}
.index-college h1 .mui-icon{font-size: 16px; color: #919191; font-weight: bold;}

 
.index-college .college_list{ padding-bottom: 10px;}

.index-college .college-tw{ width:47.2%; margin:0px 1%; margin-bottom: 15px; display: inline-block; padding:0px; background-color: #fff; border-radius: 5px; overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
.index-college .college-tw .p{ width: 100%; height: auto; display: inline-block; vertical-align: top;}
.index-college .college-tw .p img{width: 100%;}
.index-college .college-tw .t{ width: 100%; display: inline-block; vertical-align: top; padding:5px 10px;padding-bottom:10px;}
.index-college .college-tw .t .title{width: 100%;font-size: 16px; line-height: 160%; color:#000; padding-bottom: 5px; height: 26px; overflow: hidden;}
.index-college .college-tw .t .title a{color: #333;}

.index-college .college-tw .t .note{ font-size: 12px; line-height: 160%; padding-bottom:15px; color: #555; height: 35px; overflow: hidden;} 
 
.index-college .college-tw .t .tags{ height: 48px;}
.index-college .college-tw .t .tags li{ display: inline-block;font-size: 12px; color: #FF8000; background-color:#FFF9F2; text-align: center; padding:0 5px; border-radius: 3px; margin-bottom: 2px;}


.index-news{ padding-bottom: 70px;}
.index-news h1{ font-size: 16px; padding-bottom: 12px;}
.index-news h1 b{ width: 4px; height: 16px; display: inline-block; border-radius: 10px; background-image: linear-gradient(#00D2FF, #37A3FF); vertical-align: top; margin-right: 8px;}
.index-news h1 .mui-icon{font-size: 16px; color: #919191; font-weight: bold;}
.index-news .news-list{ padding:10px 20px; background-color: #fff; border-radius: 5px; overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
.index-news .news-list li{list-style:disc; font-size: 14px; color: #36A3FE; line-height: 200%; border-bottom: #F1F1F1 solid 1px; height: 40px; line-height: 40px;}
.index-news .news-list li a{ color: #747474} 




/*列表页*/
.bg-pink{background-color: #FFEBEB;}


.top-seach{ padding: 10px; margin-top: 90px;}
.top-seach input[type=search]{ background-color: #fff;height: 32px !important; border-radius: 100px;color: #999; text-align: left;}
 
.cate-box{ background-color: #f6f6f6; height: 45px; border-bottom: #eee solid 1px; padding: 0px 15px;
display: -webkit-box;
            white-space: nowrap;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            -webkit-perspective: 1000;
            -webkit-overflow-scrolling: touch;
            text-align: justify;
            overflow-x: initial; margin-top: 44px;
}
.cate-box li{display: inline-block; padding: 0px 15px;height: 45px; line-height: 41px; font-size: 16px;}
.cate-box li hr{ background-color: #f6f6f6; height: 3px; border: none; width: 100%; border-radius: 100px; margin: 0px; padding: 0px;}
.cate-box li a{ color: #4C4C4A;}
.cate-box li.active hr{background-color: #918160;}
.cate-box li.active{}

.news-list-box{ background-color: #fff; padding:15px 20px 70px 20px; }
.news-list-box ul{ margin: 0px; padding: 0px;}
.news-list-box ul li{list-style: none; width: 100%; display: inline-block; padding: 12px 0 17px 0; border-bottom: #EEEEEE solid 1px;}
.news-list-box ul li .p{ width: 35%; float: right;}
.news-list-box ul li .p img{ width: 100%; border-radius: 6px;}
.news-list-box ul li .t{ width: 65%; float: left;}

.news-list-box ul li .t .n-title{ line-height: 160%; color: #000}
.news-list-box ul li a{ color: #000;}
.news-list-box ul li .t .n-date{ color: #aaa; font-size:13px; } 
.news-list-box ul li .t .n-date .icon-riqi{ vertical-align: middle;}
.news-list-box ul li .t .n-date .icon-chakan{ font-size: 20px; vertical-align: middle;}
.news-list-box ul li .t .n-date span{vertical-align: middle; margin-right: 10px;}






.colleges-list-box{ background-color: #fff; padding:51px 20px 70px 20px;}
.colleges-list-box ul{ margin: 0px; padding: 0px;}
.colleges-list-box ul li{list-style: none; width: 100%; display: inline-block; padding: 12px 0 17px 0; border-bottom: #EEEEEE solid 1px;}
.colleges-list-box ul li .p{ width: 30%; float: left; padding-right: 2%; text-align: center;}
.colleges-list-box ul li .p img{ width: 80%; padding: 3px; background-color: #fff; border-radius: 6px;}
.colleges-list-box ul li .t{ width: 68%; float: right;}

.colleges-list-box ul li .t .n-title{ line-height: 160%; color: #000;font-weight: bold;}
.colleges-list-box ul li a{ color: #000;}
.colleges-list-box ul li .t .n-belong{ color: #666; font-size:13px; padding-bottom: 5px; } 
.colleges-list-box ul li .t .n-belong .icon-weibiaoti-3{ vertical-align: middle; font-size:13px;} 
.colleges-list-box ul li .t .n-belong span{vertical-align: middle; margin-right: 10px;}
.colleges-list-box ul li .t .tags b{ display: inline-block;font-size: 12px; color: #FF8000; background-color:#FFF9F2; text-align: center; padding:0 5px; border-radius: 3px; margin-bottom: 2px; font-weight: normal;}

.colleges-list-box ul li .t .n-belong .icon-fuwuleixing{ vertical-align: middle; font-size:13px;} 
.colleges-list-box ul li .t .data{font-size: 14px; padding-top: 10px;}
.colleges-list-box ul li .t .data p{ color: #666; line-height: 130%;}
.colleges-list-box ul li .t .data p b{color: #000; font-weight: normal;}

.colleges-list-box ul li .t .xzy{float: right; display: block;font-size: 14px; color: #FF8000; background-color:#FFF9F2; text-align: center; padding:5px 12px; border-radius: 6px; margin-bottom: 2px; font-weight: normal; border:#FF8000 solid 1px;}

/*
.top-seach .mui-search .mui-placeholder {
    font-size: 16px;
    line-height: 34px;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: auto;
    bottom: 0;
    left: 8px;
    display: inline-block;
    height: 34px;
    text-align: center;
    color: #999;
    border: 0;
    border-radius: 6px;
    background: 0 0;
}
.top-seach .mui-icon {
    color: #999 !important;
    font-size: 1.2em !important;
}
.top-seach .mui-search.mui-active:before {
    display: none;
} 
*/

.filter-box{ padding: 30px 20px;}
.filter-box .filter-btn{ width: 20%; display: inline-block; font-weight: bold; color: #000;font-size: 18px; padding: 10px 0 0 0; }



.filter-box .search-box{ float: right; width: 80%; padding: 0px; box-sizing: border-box;}
.filter-box .search-box h1{ font-size: 26px; text-align: center; padding: 30px; color: #fff;}
.filter-box .search-box h1{ font-size: 26px; text-align: center; padding: 30px; color: #fff;}


.filter-box .search-box .mui-search input[type=search]{ background: #fff; margin: 0px; border: #e1e1e1 solid 1px; padding-left: 20px; font-size: 14px; border-radius: 100px; height: 45px; line-height: 45px;}
.filter-box .search-box .mui-search .mui-placeholder{height:45px; line-height: 45px;font-size: 16px; text-align: left; padding:0 0 0 20px;}
.filter-box .search-box .mui-search .mui-placeholder .mui-icon{ width: 63px;height: 45px; font-size: 28px; float: right;color: #D02F37; padding: 8px 0 0 0; font-weight: bold; background-color: #FF3737; border-radius: 60px; text-align: center;}
.filter-box .search-box .mui-icon-search:before{ color: #fff;}


.mui-search.mui-active:before { 
	font-size: 28px;
    left: auto;
    right: 18px;
    display: block;
    margin-right: 0;
    top: 64%; color: #FF3737;font-weight: bold;
}


.mui-input-row.mui-search .mui-icon-clear{ top: 5px; display: none;} 

.list-box{  }
.list-box .mui-table-view{ background: none; padding: 15px;}
.list-box .mui-table-view:before{ display: none;}

.list-box .mui-table-view .mui-table-view-cell{ background-color: #fff; border-radius: 10px; margin-bottom: 20px;}

.list-box .mui-table-view .mui-media-object {
    line-height: 42px;
    max-width: 48%;width: 48%; height: auto; min-height: 130px;
/*    height: 145px;*/
}
.list-box .mui-table-view .mui-media-body{}
.list-box .mui-table-view .mui-media-body h1{font-size: 18px; color: #000;  }
.list-box .mui-table-view .mui-media-body .price{ padding: 10px 0; font-size:16px;}
.list-box .mui-table-view .mui-media-body .price b{ color: #FF3737; font-size: 22px;}
.list-box .mui-table-view .mui-media-body .price span{color: #FF3737; font-size:16px;}
.list-box .mui-table-view .mui-media-body .price i{font-style: normal; color: #000; font-size:14px;}
.list-box .mui-table-view .mui-media-body p{font-size: 12px; color: #949494}
.list-box .mui-table-view .mui-media-body p b{ color: #434343}


.filter-layer{ 
	display: none; 
	position: fixed; top: 0px; z-index: 10; width: 100%; min-height: 1080px; background-color: #fff; padding:30px 20px; box-sizing: border-box;}
.filter-layer h1{ text-align: center; font-size: 20px; color: #000; line-height: 30px;}
.filter-layer h1 i{ float: left; font-size: 28px;}

.filter-nav{ padding: 20px 0px;}
.filter-nav li{ width: 32.3%; padding-left: 10px; box-sizing: border-box; text-align: left; list-style-type: none; display: inline-block;}
.filter-nav li span{ position: relative;vertical-align: bottom;} 
.filter-nav li span b{ position: relative; z-index: 99;}
.filter-nav li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.filter-nav li i{ vertical-align: bottom; font-size: 14px; margin-bottom: -2px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;}

.filter-nav li.active span hr{ position: absolute; left: 0px; top: 13px; width: 100%; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: all .3s;}
.filter-nav li.active i{ transform:rotate(180deg); transition: all .3s;}

 
.none{ display:none;}
.filter-area{ padding:0 8px;}
.filter-area h2{  background-color: #FFECF3; width: 30%; height: 45px; line-height: 45px; text-align: center; font-weight: bold; font-size: 16px; color: #FF3838;}
.filter-area ul{display: inline-block; width: 100%; margin: 0px; padding: 0px; padding-top: 10px;}
.filter-area ul li{ background-color: #FFECF3; width: 30.3%; height: 45px; line-height: 45px; text-align: center; font-weight: bold; font-size: 16px; color: #FF3838; list-style-type: none; display: inline-block; margin-right:2%; margin-bottom: 13px;  }
.filter-area ul li a{ color: #434343;}
.filter-area ul li.active a{color: #FF3838;}

.filter-price{ padding:0 8px;}
.filter-price h2{  background-color: #FFECF3; width: 30%; height: 45px; line-height: 45px; text-align: center; font-weight: bold; font-size: 16px; color: #FF3838;}
.filter-price ul{display: inline-block; width: 100%; margin: 0px; padding: 0px; padding-top: 10px;}
.filter-price ul li{ background-color: #FFECF3; width: 47.2%; height: 45px; line-height: 45px; text-align: center; font-weight: bold; font-size: 16px; color: #FF3838; list-style-type: none; display: inline-block; margin-right:2%; margin-bottom: 13px;}
.filter-price ul li a{ color: #434343;}
.filter-price ul li.active a{color: #FF3838;}

.filter-price ul.custom{padding-top: 0px !important;}
.filter-price ul.custom li{ background-color: #fff; width: 46.6%; height: 45px; line-height: 45px; text-align: center; font-weight: bold; font-size: 16px; color: #FF3838; list-style-type: none; display: inline-block; margin-right:0; margin-bottom: 13px;}
.filter-price ul.custom li .custom-price{ text-align: center; background-color:#EEEEEE; border:#D2D2D2 solid 1px; border-radius: 0px; color: #333;}


.filter-layer .filter-btn{ position: fixed; bottom: 25px; width: 100%; z-index: 99;}
.filter-layer .filter-btn li{ width: 46%; height: 50px; line-height: 50px; padding: 5px; box-sizing: border-box; list-style-type: none; display: inline-block; text-align: center;}
.filter-layer .filter-btn li a{ width:100%; height: 50px; line-height: 50px; display: inline-block; font-weight: bold; border-radius: 100px; font-size: 20px; letter-spacing: 2px;}
.filter-layer .filter-btn li a.reset{ border: #D2D2D2 solid 2px; color: #000;}
.filter-layer .filter-btn li a.confirm{border: #FF3737 solid 2px; background-color: #FF3737; color: #fff}


.details-box{width: 100%;  background-color: #fff; padding:10px 0px; box-sizing: border-box;}
.details-box h1{ text-align: center; font-size: 20px; color: #000; padding:10px; line-height: 30px; border-bottom: #FF3737 solid 5px; margin-bottom: 0px;}
.details-box h1 i{ float: left; font-size: 28px;}

.details-box .mui-slider{margin-top: 0px}
.details-box .mui-slider .count{ position: absolute; width: 43px; height: 22px; line-height: 22px; border-radius: 10px; bottom: 20px; right: 20px; background-color: rgba(0, 0, 0, 0.7); text-align: center;color: #fff; font-size: 14px; }


.details-box .view{ padding: 20px 30px}
.details-box .view li{ list-style-type: none; color: #434343; line-height: 200%; font-weight: bold;}
.details-box .view li span{ width: 50px; display: inline-block; color: #AAAAAA;}
.details-box .view li b{ color: #FF3838}
.details-box .view li b i{font-style: normal;font-size: 22px;}

.details-box .view h3{ width: 100%; border-left: #FF3737  solid 10px; margin: 25px 0; font-size: 18px; text-indent: 6px}
.details-box .view .intro{ color: #434343; line-height: 180%; font-weight: bold;}




.zcb-box{ background: #FF3838 url(../images/wj_bg01.jpg) no-repeat top right; padding-bottom: 50px; box-sizing: border-box;  }
.zcb-box h1{width:100%; font-size: 1.2em; color: #fff; padding: 30px 0; text-align: center; margin:0px auto; letter-spacing: 2.5px; text-shadow: 2px 2px 5px #555;}
.zcb-box h1 span{border-bottom: #fff solid 1px; line-height: 200%; display: inline-block; padding: 20px 0;}
.zcb-box .m-title{ text-align: center;}
.zcb-box .m-title img{ width: 60%;}

.zcb-box .m-photo{ text-align: center;}
.zcb-box .m-photo img{ width:95%;}

.zcb-box .zc-btn{ background-color:#019FFF; color: #fff; width: 80%; height: 60px; display: inline-block; line-height: 60px; font-size: 20px; letter-spacing: 5px; font-weight: bold; border-radius:100px; margin: 30px auto; box-shadow:0px 5px 0px rgba(255, 255, 255, 0.5);}




.topic-box{background-color:#fff; border-radius:10px; width: 92%; margin: 20px auto; padding:30px 20px;box-sizing: border-box;}
.topic-box .topic-item{ padding-bottom: 20px;}
.topic-box .topic-item .t-title{ font-size: 14px; margin-bottom: 15px;font-weight: bold;}
.topic-box .topic-item .t-title b{ color: #FF3737; width: 40px; height: 40px; line-height: 40px; float: left; display: inline-block;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 26px;}

.topic-box .topic-item .question{font-size: 14px;}
.topic-box .topic-item .question .q-title{ color: #000;  padding: 10px 0px; font-weight: bold;}
.topic-box .topic-item .question li{ border:#D2D2D2 solid 1px; border-radius: 5px; margin-bottom: 12px; color: #434343; list-style-type: none; padding:10px 20px;}
.topic-box .topic-item .question li i{ font-style: normal;}
.topic-box .topic-item .question li.active{border:#F14B4B solid 1px; color: #F14B4B;}

.topic-box .submit-btn{ background-color:#F03535; color: #fff; width: 100%; height: 60px; display: inline-block; line-height: 40px; font-size: 20px; letter-spacing: 5px; font-weight: bold; border-radius:10px; margin: 30px auto; box-shadow:0px 4px 3px rgba(255, 220, 220, 0.9);}


.tips-box{}
.tips-box img{ width: 100%;}




.service-list-box{ background-color: #fff; padding:15px 20px 70px 20px; }
.service-list-box ul{ margin: 0px; padding: 0px;}
.service-list-box ul li{list-style: none; vertical-align: top; width: 47%; margin: 0px 1%; display: inline-block; padding: 12px 0 17px 0; border-bottom: #EEEEEE solid 1px;}
.service-list-box ul li .p{ width: 100%; float: right;}
.service-list-box ul li .p img{ width: 100%; border-radius: 6px; box-shadow: 0 2px 5px rgb(0 0 0 / 30%);}
.service-list-box ul li .t{ width: 100%; float: left;}

.service-list-box ul li .t .n-title{ line-height: 180%; color: #000; padding-top: 15px;font-size:18px;}
.service-list-box ul li a{ color: #000;}
.service-list-box ul li .t .n-date{ color: #aaa; font-size:13px; } 
.service-list-box ul li .t .n-date .iconfont{ width: 20px;display: inline-block;}
.service-list-box ul li .t .n-date .icon-riqi{ vertical-align: middle;}
.service-list-box ul li .t .n-date .icon-chakan{ font-size: 20px; vertical-align: middle;}

.service-list-box ul li .t .n-date .icon-kehu1{ font-size: 20px; vertical-align: middle;}
.service-list-box ul li .t .n-date .icon-kehuguanli1{ font-size: 18px; vertical-align: middle;}

.service-list-box ul li .t .n-date span{vertical-align: middle; margin-right: 10px; font-size: 14px;}
.service-list-box ul li .t .n-date span b{ color: #f60; font-size: 18px; }








































 

/*
.filter{}
.filter .op{ float: right;margin-top: 8px;}
.filter .op img{ margin-left: 10px; width: 60px;}
.filter .filter-select{}
.filter .filter-select select{ border:#e1e1e1 solid 1px !important; -webkit-appearance: menulist; width: 90px; height: 26px; font-size: 12px; margin-bottom: 5px;
    padding: 1px 5px; margin-top: 8px; display: inline-block;}

.mui-table-view{ padding: 10px; background-color: #EAEAEC;}    
.mui-table-view:before{ background: #D02F37; height: 2px;} 
.mui-ios .mui-table-view-cell{font-size: 14px; padding: 15px 5px;}
*/
/*.mui-ios .mui-table-view-cell span{ float: right;}*/
.mui-ios .mui-table-view-cell span.normal{ color: #3D9FF9;}
.mui-ios .mui-table-view-cell span.rectification{ color: #FF9704;}
.mui-ios .mui-table-view-cell span.rejected{ color: #F83161;}
.mui-table-view-cell:after{ background: #F3E5E5;}

.mui-ios .mui-table-view-cell.list-style1{ background: url(../images/location.jpg) no-repeat 5px 16px; padding-left: 30px;}
.mui-ios .mui-table-view-cell span.distance{ color: #73AB00;}



.mui-android .mui-table-view-cell{font-size: 14px; border-bottom: #ccc dashed 1px; padding: 15px 5px;}
.mui-android .mui-table-view-cell span{ float: right;}
.mui-android .mui-table-view-cell span.report{ color: #f93162;}
.mui-android .mui-table-view-cell span.reported{ color: #3d9ffa;}
.mui-table-view-cell:after{ background: #fff;}

.mui-android .mui-table-view-cell.list-style1{ background: url(../images/location.jpg) no-repeat 5px 16px; padding-left: 30px;}
.mui-android .mui-table-view-cell span.distance{ color: #23c3a8;}

 

.mui-ios .list-style_th{ background-color: #F3E5E5; padding: 10px 5px; margin-bottom: 10px; font-size: 16px;}
.mui-ios .list-style_td{ background-color: #fff; position: relative; padding:20px 5px; margin-bottom: 10px; font-size: 16px;}


.mui-ios .list-style_th span.building{ width: 25%; display: inline-block; text-align: center; }
.mui-ios .list-style_th span.room{ width: 75%; display: inline-block;  text-align: left; padding-left: 20px;}


.mui-ios .list-style_td span.building{ width: 25%; display: inline-block; text-align: center; }
.mui-ios .list-style_td span.room{ width: 40%; display: inline-block;  text-align: left; padding-left: 20px;}
.mui-ios .list-style_td span.check{ width: 30%; display: inline-block;  text-align: right; padding-left: 20px;}
.mui-ios .list-style_td span.check a{ background-color: #CE2D35; width: 80px; height: 32px; line-height: 32px; border-radius: 5px; display: inline-block; color: #fff; font-size: 16px; text-align: center;}


.mui-ios .list-style_td .num{ position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; background: url(../images/list_bg02.jpg) no-repeat; background-size: cover; padding-left: 5px; color: #fff; font-size: 12px; font-style: normal;}
.mui-ios .list-style_td .num.active{ background: url(../images/list_bg01.png) no-repeat; background-size: cover;}


.mui-radio input[type=radio]:checked:before {color: #CE2D35; background:#CE2D35 url(../images/checked.jpg) no-repeat; background-size: cover;
}

.mui-input-group-cw{background-color: #EAEAEC; padding-top: 10px;} 

.mui-table-view2{background-color: #fff; padding:0; margin: 0px; }    


.mui-ios .list-style_cw{ background-color: #fff; background: url(../images/list_icon_1.jpg) no-repeat 20px 25px;  font-size: 16px; border-bottom: #C9C9C9 solid 1px; padding: 17px 5px 17px 35px;}
.mui-ios .list-style_cw:after{ background: none;}
.mui-ios .list-style_cw_radio{ border-bottom: #C9C9C9 solid 1px; background-color: #fff; position: relative; padding:6px 5px;   font-size: 16px;}
.mui-ios .list-style_cw_radio:after{ background: none;}
.mui-ios .list-style_cw_radio .mui-input-row{ display: inline-block;}


.tips{ padding: 20px; line-height: 180%; background-color: #fff;}
.tips b{ color: #CE2D35;}
.tips span{ color: #333;}

.czbox2{ padding: 15px;  padding-bottom: 50px; }
.czbox2 .send{ background-color: #CE2D35; letter-spacing: 2px; font-size: 18px; width: 100%; border: none; margin-bottom: 15px; font-weight: bold; border-radius: 10px;}
.czbox2 .cancel{background-color: #FF455B; letter-spacing: 2px; font-size: 18px;border: none; width: 100%; font-weight: bold;}


.cw-tab{}
.cw-tab a{ width: 25% !important; height: 45px; line-height: 45px; box-sizing: border-box; float: left;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #CE2D35;
    border-bottom: 2px solid #CE2D35;
    background: 0 0;
}


.cw-banner{ width: 100%; height: 170px; overflow: hidden;}
.cw-banner img{width: 100%;}

.cw-photo{ padding:30px 10px;}
.cw-photo ul{ margin: 0px; padding: 0px;}
.cw-photo li{ width: 45.3%; margin: 10px 2%; display: inline-block;list-style: none;}
.cw-photo li .add{ width: 45px; height: 25px; font-size: 12px; display: inline-block; text-align: center; line-height: 25px; background: #959595; border-radius: 100px; border: #959595 solid 1px; color: #fff}
.cw-photo li .del{ width: 45px; height: 25px; font-size: 12px;  display: inline-block; text-align: center; line-height: 25px; background: #fff; border-radius: 100px; border: #959595 solid 1px; color: #959595; margin-left: 8px;} 

.cw-photo li.active .add{background: #F05A28; border: #F05A28 solid 1px; color: #fff}
.cw-photo li.active .del{ border: #F05A28 solid 1px; color: #F05A28;}

.cw-photo li .upload-box{ width: 100%; height: 130px; position: relative; background:#E5E5E5 url(../images/cw_photo.jpg) no-repeat center; border: #959595 dashed 1px; margin: 10px 0}
.cw-photo li .upload-box i{ position: absolute; top: 10px; right: 10px; background-color: #959595; color: #fff; display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-style: normal; border-radius: 100px;}
.cw-photo li .upload-box .photo{}

.cw-photo li.active .upload-box{background:#FAE0E1 url(../images/cw_photo_active.jpg) no-repeat center; border:#CD2C34 dashed 1px;}

.cw-photo li.active .upload-box i{background: linear-gradient(to top,#F25208,#F3873E);}


.mui-ios .list-style_msg_title{ background-color: #fff; background: url(../images/list_icon_1.jpg) no-repeat 20px 25px;  font-size: 16px; padding: 17px 5px 17px 35px;}
.mui-ios .list-style_msg_title b{ float: right; padding-right: 20px;}
.mui-ios .list-style_msg_title b img{ width: 90px;}
.mui-ios .list-style_msg{ background-color: #fff; font-size: 16px; padding: 0px 15px 10px 35px;}
.mui-ios .list-style_msg textarea{ width: 100%; height: 130px; margin: 0px;}
.mui-ios .list-style_msg .score{ width: 60px; height: 30px; line-height: 30px; padding: 3px 5px; color: #D12B37; text-align: center}

.pb100{ padding-bottom: 130px;}


 
 
.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-left: 32px; padding-right: 0px;}
.mui-radio input[type=radio]:before{font-size: 16px;}

.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio] {
    left: 10px;
}



.index-filter{padding:20px 20px 200px 20px; height: 200px; padding-bottom: 30px; background: url(../images/top_bg.png) no-repeat bottom center; background-size: cover; position:relative;}
.index-filter-box{ padding: 10px 15px; height: 50px; background-color:#fff; margin-bottom: 50px; border:#fff solid 1px; border-radius: 100px; }
.index-filter-box .filter-btn{ width: 13%; height: 18px; display: inline-block; color:#959595;font-size: 14px; border-right:#959595 solid 1px; margin: 5px 0;}
.index-filter-box .filter-btn .mui-icon{ color: #333; font-size: 20px; transition: all .3s;}
.index-filter-box .search-box{ float: right; width: 85%; padding: 0px; box-sizing: border-box;}
.index-filter-box .search-box h1{ font-size: 26px; text-align: center; padding: 30px; color: #fff;}
.index-filter-box .search-box h1{ font-size: 26px; text-align: center; padding: 30px; color: #fff;}





.index-filter-box .search-box .mui-search input[type=search]{ background:none; border:none; margin: 0px; padding-left: 10px; font-size: 14px; border-radius: 100px; height: 30px; line-height: 30px;}
.index-filter-box .search-box .mui-search .mui-placeholder{height:30px; line-height: 30px;font-size: 16px; text-align: left; padding:0 0 0 10px;}
.index-filter-box .search-box .mui-search .mui-placeholder .mui-icon{ width: 30px;height: 30px; font-size: 28px; float: right;color: #ABABAB; padding: 1px 0 0 0; font-weight: bold; text-align: center;}
.index-filter-box .search-box .mui-icon-search:before{ color: #ABABAB;}

.index-filter-box .search-box .mui-search:before {
	margin-top: -14.5px; margin-right: -17px;
}



.layer-show{ background: none; background-color: #fff; position: relative; z-index: 999;}
.layer-show .index-filter-box{ background-color: #F1F1F1; border:#E3E3E1 solid 1px; border-radius: 100px;  }
.index-filter-layer{ position: absolute; width: 100%;background-color: #fff; left: 0px; top: 70px; display: none; padding-left: 20px; box-sizing: border-box;}
.layer-show .filter-btn{ color: #EA4B45; font-weight: bold;}
.layer-show .mui-icon-arrowdown{ transform:rotate(180deg); transition: all .3s; color: #EA4B45 !important; }
 


.bshj-select-box{ padding:10px 20px; width: 100%; display: inline-block;}
.bshj-select-box ul{ padding: 0px; margin: 0px;}
.bshj-select-box ul li{ list-style: none;}
.bshj-select-box ul b{width: 28%; float: left; font-weight: normal;}
.bshj-select-box ul b p{color: #959595; font-size: 17px; padding-top: 9px; display: block; padding-bottom: 20px;}
.bshj-select-box ul b p.active{color: #ED4A45;}
.bshj-select-box ul li ul{ width: 70%; float: right;}
.bshj-select-box ul li ul li{ font-size: 16px; line-height: 200%; padding: 5px 0;}
.bshj-select-box ul li ul li a{ color: #959595}
.bshj-select-box ul li ul li.active a{ color: #ED4A45}


.index-slider{ padding:0 20px; margin-top: -110px; width: 100%; background-color: #f8f8f8;}
.index-slider .swiper{ width: 100%; height: 190px; border-radius: 10px; overflow: hidden; line-height: 160%;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
.index-slider .swiper-slide{position: relative; }
.index-slider .swiper-slide a{width: 100%; height: 190px; display: block;}
.index-slider .swiper-slide b{position: absolute; left: 15px; bottom: 10px; font-size: 14px; color: #fff;}
.index-slider .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);
}
.index-slider .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff;
}

.index-main{ padding:10px 20px; width: 100%;background-color: #f8f8f8;}

.index-entrance01{ padding-bottom: 10px;}
.index-entrance01 a{ width:48%; display: inline-block;}
.index-entrance01 a:first-child{ margin-right: 2.6%;}
.index-entrance01 a img{ width: 100%;}

.index-entrance02{width:48%; margin-right: 2.6%; border-radius: 10px; display: inline-block; padding:3px 10px; background-image: linear-gradient(#FFFEDE, #fff);}
.index-entrance02 li{ list-style: none; width:48%; text-align: center; display: inline-block;}
.index-entrance02 li a{ line-height: 100%;}
.index-entrance02 li p{ color: #333; margin-bottom: 8px; }
.index-entrance02 li img{ width: 50%;}

.index-entrance03{ width:48%; display: inline-block;vertical-align: top}
.index-entrance03 a{ }
.index-entrance03 img{ width: 100%; margin-bottom: 10px;}

.index-guide{ padding:20px 0 10px 0;}
.index-guide li{list-style: none; width:23%; margin-right: 1%; margin-bottom: 10px; text-align: center; display: inline-block;}
.index-guide li a{ color: #333333}
.index-guide li p{ color: #333; margin-bottom: 5px; }
.index-guide li img{ width: 50%;}
.index-guide li:nth-child(4n){ margin-right: 0px;}

.index-notice{ padding: 15px; background-color: #fff; border-radius: 5px;}
.index-notice b{ width: 25px; height: 25px; line-height: 25px; color: #fff; text-align: center; display: inline-block; font-size: 14px; vertical-align: top;}
.index-notice b img{ width: 100%;}
.index-notice ul{ width: 90%; height: 25px; overflow: hidden; display: inline-block; vertical-align: top; margin: 0px; padding-left: 5px;}
.index-notice ul li{height: 25px;line-height: 25px; list-style-type: none; }
.index-notice ul li a{ color:#333;font-size: 14px;}
.index-notice .more{ float: right; font-size: 14px;}
.index-notice .more a{color:#EF4141}
.index-notice .more .mui-icon{font-size: 18px;}

.index-ad-box{ padding:0; width: 100%; display: inline-block;}
.index-ad-box ul{ padding: 0px; margin: 0px;}
.index-ad-box ul li{list-style: none; width: 48%; margin-left: 2%; display: inline-block; float: left;}
.index-ad-box ul li:first-child{ margin-right: 2%; margin-left: 0px;}
.index-ad-box ul li:nth-child(2){ margin-bottom: 10px;}
.index-ad-box ul li img{ width: 100%;}

.vr-house{ padding:20px 0 0 0}
.vr-house .tit{ display: inline-block;}
.vr-house .tit li{ display: inline-block; margin-right: 30px; font-size: 18px;}
.vr-house .tit li hr{width: 25px; height: 4px; background-color: #fff; border:none; margin: 5px auto;}
.vr-house .tit li.active{ color: #EF4141}
.vr-house .tit li.active hr{background-color: #EF4141; border:none;}
.vr-house .h-list{}
.vr-house .h-list li{ width: 30%; margin-left: 3%; display: inline-block;}
.vr-house .h-list li:first-child{ margin-left: 0px;}
.vr-house .h-list li img{ width: 100%;}
.vr-house .h-list li p{ text-align: center; color: #333333; font-weight: normal;}


.hot-house{ padding:0 0 50px 0}
.hot-house .tit{ display: inline-block; width: 100%;}
.hot-house .tit h1{ background: url(../images/hot_h1.png) no-repeat center bottom; background-size: cover; width: 106px; height: 47px; line-height: 47px; text-align:center; color: #fff; font-size: 18px; display: inline-block;vertical-align: top}
.hot-house .tit ul{ float: right; width: 68%; padding: 0px; margin: 0px;vertical-align: top}
.hot-house .tit ul li{ display: inline-block; margin-left: 16px; font-size: 16px;line-height: 47px;}
.hot-house .tit ul li a{ color: #4A4949} 
.hot-house .tit ul li.active{ color:#626262;}
.hot-house .tit ul li.active hr{background-color: #EF4141; border:none;}
.hot-house .h-list{}
.hot-house .h-list li{ width: 47.5%; margin-left: 3%; display: inline-block;}
.hot-house .h-list li:nth-child(odd){ margin-left: 0px;}
.hot-house .h-list li img{ width: 100%;}
.hot-house .h-list li p{ text-align: center; color: #333333; font-weight: normal;}





.list-filter{ width: 100%; padding:10px 15px; box-sizing: border-box; background-color: #fff;  position: fixed; top: 44px;z-index: 90;}
.list-filter-box{ padding-left: 10px; height: 45px; background-color:#fff; border-radius: 5px; margin-bottom: 10px; border:#DEDEDE solid 1px; }
 
.list-filter-box .search-box{ float: right; width: 100%; padding: 0px; box-sizing: border-box;}
.list-filter-box .search-box h1{ font-size: 26px; text-align: center; padding: 30px; color: #fff;}
.list-filter-box .search-box h1{ font-size: 26px; text-align: center; padding: 30px; color: #fff;}
 
.list-filter-box .search-box .mui-search input[type=search]{ background:none; margin: 0px; padding-left: 0px; font-size: 14px; border-radius: 100px; height: 45px; line-height: 45px; }
.list-filter-box .search-box .mui-search .mui-placeholder{height:45px; line-height: 45px;font-size: 16px; text-align: left; padding:0;}
.list-filter-box .search-box .mui-search .mui-placeholder .mui-icon{ width: 60px;height: 43px; font-size: 28px; float: right;color: #fff; padding: 7px 0 0 0; font-weight: bold; text-align: center; background-color: #398BE3; }
.list-filter-box .search-box .mui-icon-search:before{ color: #fff; }

.list-filter-box .search-box .mui-search:before {
	width: 60px; height: 32px; font-size: 28px; float: right;color: #fff; padding: 11px 0 0 0; font-weight: bold; text-align: center; background-color: #398BE3; right: 0px; top: 0px; margin: 0px; 
}

.list-filter-nav{ }
.list-filter-nav li{ width:31.8%; box-sizing: border-box; text-align: center; list-style-type: none; display: inline-block;}
.list-filter-nav li span{ position: relative;vertical-align: bottom;} 
.list-filter-nav li span b{ position: relative; z-index: 8; font-size: 16px; font-weight: normal;}
.list-filter-nav li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.list-filter-nav li i{ vertical-align: bottom; font-size: 14px; margin-top: 5px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;vertical-align: top;}

.list-filter-nav li.active{ color:#FF7F00;}
.list-filter-nav li.active i{ transform:rotate(180deg); transition: all .3s; vertical-align: top;margin-top: 3px;}



.list-filter-nav2{ }
.list-filter-nav2 li{ width:31.8%; box-sizing: border-box; text-align: center; list-style-type: none; display: inline-block;}
.list-filter-nav2 li span{ position: relative;vertical-align: bottom;} 
.list-filter-nav2 li span b{ position: relative; z-index: 8; font-size: 16px; font-weight: normal;}
.list-filter-nav2 li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.list-filter-nav2 li i{ vertical-align: bottom; font-size: 14px; margin-top: 5px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;vertical-align: top;}

.list-filter-nav2 li.active{ color:#FF7F00;}
.list-filter-nav2 li.active i{ transform:rotate(180deg); transition: all .3s; vertical-align: top;margin-top: 3px;}


.list-filter2{ width: 100%; padding:10px 15px; box-sizing: border-box; background-color: #fff; border-bottom:#ccc solid 1px;}

.list-filter-nav22{ }
.list-filter-nav22 li{ width:48.8%; box-sizing: border-box; text-align: center; list-style-type: none; display: inline-block;}
.list-filter-nav22 li span{ position: relative;vertical-align: bottom;} 
.list-filter-nav22 li span b{ position: relative; z-index: 8; font-size: 16px; font-weight: normal;}
.list-filter-nav22 li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.list-filter-nav22 li i{ vertical-align: bottom; font-size: 14px; margin-top: 5px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;vertical-align: top;}

.list-filter-nav22 li.active{ color:#FF7F00;}
.list-filter-nav22 li.active i{ transform:rotate(180deg); transition: all .3s; vertical-align: top;margin-top: 3px;}




.list-filter-nav4{ }
.list-filter-nav4 li{ width:23.8%; box-sizing: border-box; text-align: center; list-style-type: none; display: inline-block;}
.list-filter-nav4 li span{ position: relative;vertical-align: bottom;} 
.list-filter-nav4 li span b{ position: relative; z-index: 8; font-size: 16px; font-weight: normal;}
.list-filter-nav4 li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.list-filter-nav4 li i{ vertical-align: bottom; font-size: 14px; margin-top: 5px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;vertical-align: top;}

.list-filter-nav4 li.active{ color:#FF7F00;}
.list-filter-nav4 li.active i{ transform:rotate(180deg); transition: all .3s; vertical-align: top;margin-top: 3px;}





.list-filter-nav-zsjh{ }
.list-filter-nav-zsjh li{ width:48.8%; box-sizing: border-box; text-align: center; list-style-type: none; display: inline-block;}
.list-filter-nav-zsjh li span{ position: relative;vertical-align: bottom;} 
.list-filter-nav-zsjh li span b{ position: relative; z-index: 8; font-size: 16px; font-weight: normal;}
.list-filter-nav-zsjh li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.list-filter-nav-zsjh li i{ vertical-align: bottom; font-size: 14px; margin-top: 5px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;vertical-align: top;}

.list-filter-nav-zsjh li.active{ color:#FF7F00;}
.list-filter-nav-zsjh li.active i{ transform:rotate(180deg); transition: all .3s; vertical-align: top;margin-top: 3px;}



.list-filter-nav-jy{ }
.list-filter-nav-jy li{ width:30.8%; box-sizing: border-box; text-align: left; list-style-type: none; display: inline-block;padding-left: 18px;
}}
.list-filter-nav-jy li span{ position: relative;vertical-align: bottom;} 
.list-filter-nav-jy li span b{ position: relative; z-index: 8; font-size: 16px; font-weight: normal;}
.list-filter-nav-jy li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.list-filter-nav-jy li i{ vertical-align: bottom; font-size: 14px; margin-top: 5px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;vertical-align: top;}

.list-filter-nav-jy li.active{ color:#FF7F00;}
.list-filter-nav-jy li.active i{ transform:rotate(180deg); transition: all .3s; vertical-align: top;margin-top: 3px;}
.list-filter-nav-jy li a{ color: #333;font-size: 14px;}
.list-filter-nav-jy li.active a{ color: #FF7F00}

#page_loading{ padding: 10px;} 

.tips-box {
  border: 1px solid #fff3cf; 
  background-color: #fffaeb;padding: 8px 48px 8px 16px; font-size: 12px; display: none; margin-top: 20px;
}


.list-box02{ padding-bottom: 60px;  }
.list-box02 .mui-table-view{ background: none; padding:0 20px;}
.list-box02 .mui-table-view:before{ display: none;}

.list-box02 .mui-table-view .mui-table-view-cell{ background-color: #fff; border-radius: 10px; margin-bottom: 0px;}

.list-box02 .mui-table-view .mui-media-object {
    line-height: 42px;
    max-width: 48%;width: 48%; height: auto; min-height: 130px; border-radius: 5px;
/*    height: 145px;*/
}
.list-box02 .mui-table-view .mui-media-body{}
.list-box02 .mui-table-view .mui-media-body h1{font-size: 18px; color: #000;  }
.list-box02 .mui-table-view .mui-media-body .price{ padding: 10px 0; font-size:16px;}
.list-box02 .mui-table-view .mui-media-body .price b{ color: #FF3737; font-size: 22px;}
.list-box02 .mui-table-view .mui-media-body .price em{color: #FF3737; font-size:16px; font-style: normal;}
.list-box02 .mui-table-view .mui-media-body .price i{font-style: normal; color: #000; font-size:14px;}
.list-box02 .mui-table-view .mui-media-body p{font-size: 12px; color: #949494}
.list-box02 .mui-table-view .mui-media-body p b{ color: #434343}

.list-box02 .mui-table-view .mui-table-view-cell{ padding:11px 0px;}
.list-box02 .mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: inherit; padding: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}


.tabBox .bshj-select-box{ padding:10px 0px;}


.dq-select-box{ padding:20px 0px; width: 100%; display: inline-block; padding-left: 20px;}
.dq-select-box ul{ padding: 0px; margin: 0px;}
.dq-select-box ul li{ width: 19.6%; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 16px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 13px; border:#D2D2D2 solid 1px;  }
.dq-select-box ul li a{ color: #959595}
.dq-select-box ul li.active{background-color:#FFF8F6; border:#FFB399 solid 1px;}
.dq-select-box ul li.active a{color: #FFB399;}
.dq-select-box ul li span{ font-size: 12px;} 

.zy-select-box{ padding:15px 0px; width: 100%; display: inline-block;  }
/*
.zy-select-box ul{ padding: 0px; margin: 0px;}
.zy-select-box ul li{ width: 28%; height: 45px; line-height: 45px; text-align: center; font-weight: normal; font-size: 16px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 13px; border:#D2D2D2 solid 1px;  }
.zy-select-box ul li a{ color: #959595}
.zy-select-box ul li.active{background-color:#FFF8F6; border:#FFB399 solid 1px;}
.zy-select-box ul li.active a{color: #FFB399;}
.zy-select-box ul li span{ font-size: 12px;} 
*/


.search-box-zy{ padding:0 20px;}
.search-box-zy input[type=search]{ background-color: #F6F6F6;height: 34px !important; border-radius: 100px;color: #999; text-align: left; font-size: 14px;}

.zy-select-box .h-list{ background-color: #fff;   padding:0 20px; padding-bottom: 10px;}
.zy-select-box .h-list ul{ background-color: #fff; margin-top: 0px; padding:5px;  border: none;height: 450px; overflow-y: scroll;}
.zy-select-box .h-list ul li{ height: 70px; padding:10px 0;  }
.zy-select-box .h-list ul li a{color: #333; margin: 0px; }
.zy-select-box .h-list ul li p{ padding: 0px;margin: 0px;}
.zy-select-box .h-list ul li .m-info{  display: inline-block;}
.zy-select-box .h-list ul li .m-tit{ font-size: 16px; color: #333; font-weight: bold;}
.zy-select-box .h-list ul li .m-cate{font-size: 13px; color: #999999;}
.zy-select-box .h-list .mui-table-view:before{ display: none;}
.zy-select-box .h-list .mui-table-view:after{ display: none;}
.zy-select-box .h-list .mui-table-view .mui-active{ background-color: #fff; color:#FF3737; font-weight: bold;}

.zy-select-box .h-list .mui-navigate-right:after{ right: 0px; color: #333333
}

.zy-select-box .h-list .mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{ font-size:18px;}
.zy-select-box .h-list .mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
    color: #FF3737;
}
.zy-select-box .h-list .mui-checkbox input[type=checkbox], .zy-select-box .h-list .mui-radio input[type=radio]{
	top: 12px; right: 0px;width: 22px;
}
.mui-checkbox input[type=checkbox]:before {
			content: '\e413';
		}		
		.mui-checkbox input[type=checkbox]:checked:before {
			content: '\e443';
		}		
		.mui-checkbox.mui-left input[type=checkbox] {
			left: 0px; 
		} 

.option-box{ background-color: #ebebeb; height: 40px; padding: 7px 20px;             
	display: -webkit-box;
            white-space: nowrap;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            -webkit-perspective: 1000;
            -webkit-overflow-scrolling: touch;
            text-align: justify;
            overflow-x: initial;
}
.option-box li{list-style: none; background-color: #fff; border-radius: 100px; height: 26px; line-height: 26px; display: inline-block; padding: 0px 6px; margin-right: 8px;}
.option-box li span{ padding-right: 3px; color: #666666;font-size: 14px;}
.option-box li i{ color: #BBBBBB}

.op-btn{  bottom:60px; display: inline-block; padding:10px 20px; text-align: center; width: 100%; box-sizing: border-box; background-color: #fff;}
.op-btn .reset{float: left; border:#ccc solid 1px; border-radius: 100px; width: 47%; height: 50px; line-height: 50px; display: inline-block;color: #000; font-size: 20px;}
.op-btn .next{ border:#FF7F00 solid 1px; background-color:#FF7F00; border-radius: 100px; width: 47%; height: 50px; line-height: 50px; display: inline-block; float: right; color: #fff; font-size: 20px;}


.px-select-box{ padding:20px 0px; width: 100%; display: inline-block;}
.px-select-box ul{ padding: 0px; margin: 0px;}
.px-select-box ul li{ list-style: none; text-align: center; line-height: 220%; color: #959595;} 
.px-select-box ul li a{ color: #959595;}
.px-select-box ul li.active{ }
.px-select-box ul li.active a{color: #FF7F00;}


.sx-select-box{ padding:20px 0px 20px 20px; width: 100%; display: inline-block; overflow-y:scroll;}
.sx-select-box h1{ font-size: 16px; line-height: 180%;}
.sx-select-box ul{ padding: 0px; margin: 0px;}
.sx-select-box ul li{ width: 28%; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 12px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 8px; border:#D2D2D2 solid 1px;  }
.sx-select-box ul li a{ color: #959595}
.sx-select-box ul li.active{background-color:#FFF8F6; border:#FFB399 solid 1px;}
.sx-select-box ul li.active a{color: #FFB399;width: 100%;
    height: 100%;
    display: block;}
.sx-select-box ul li span{ font-size: 12px;}
 
.sx-select-box ul li.two{ width: 45%;}


.sx-select-nianfen-box{ padding:20px 0px 20px 20px; width: 100%; display: inline-block; overflow-y:scroll;}
.sx-select-nianfen-box h1{ font-size: 16px; line-height: 180%;}
.sx-select-nianfen-box ul{ padding: 0px; margin: 0px;}
.sx-select-nianfen-box ul li{ width: 28%; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 12px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 8px; border:#D2D2D2 solid 1px;  }
.sx-select-nianfen-box ul li a{ color: #959595}
.sx-select-nianfen-box ul li.active{background-color:#FFF8F6; border:#FFB399 solid 1px;}
.sx-select-nianfen-box ul li.active a{color: #FFB399;width: 100%;
    height: 100%;
    display: block;}
.sx-select-nianfen-box ul li span{ font-size: 12px;}



.dz-select-box{ padding:20px 0px 20px 20px; width: 100%; display: inline-block; overflow-y:scroll;}
.dz-select-box h1{ font-size: 16px; line-height: 180%;}
.dz-select-box ul{ padding: 0px; margin: 0px;}
.dz-select-box ul li{ width: 28%; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 12px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 8px; border:#D2D2D2 solid 1px;  }
.dz-select-box ul li a{ color: #959595}
.dz-select-box ul li.active{background-color:#FFF8F6; border:#FFB399 solid 1px;}
.dz-select-box ul li.active a{color: #FFB399;}
.dz-select-box ul li span{ font-size: 12px;}
 
.dz-select-box ul li.two{ width: 45%;}


.wz-select-box{ padding:10px 0px; width: 100%; display: inline-block;}
.wz-select-box ul{ padding: 0px; margin: 0px;}
.wz-select-box ul li{ list-style: none;}
.wz-select-box ul b{width: 28%; float: left; font-weight: normal;}
.wz-select-box ul b p{color: #959595; font-size: 17px; padding-top: 9px; display: block; padding-bottom: 20px;}
.wz-select-box ul b p.active{color: #ED4A45;}
.wz-select-box ul li ul{ width: 70%; float: right;}
.wz-select-box ul li ul li{ width: 40%; height: 45px; line-height: 45px; text-align: center; font-weight: normal; font-size: 16px; color: #959595; list-style-type: none; display: inline-block; margin-right:8%; margin-bottom: 13px; border:#D2D2D2 solid 1px;  }
.wz-select-box ul li ul li a{ color: #959595}
.wz-select-box ul li ul li.active{background-color:#FFE8EC; border:#FFE8EC solid 1px;}
.wz-select-box ul li ul li.active a{color: #FF3838;}

.mj-select-box{ padding:10px 0px; width: 100%; display: inline-block;}
.mj-select-box ul{ padding: 0px; margin: 0px;}
.mj-select-box ul li{ width: 28%; height: 45px; line-height: 45px; text-align: center; font-weight: normal; font-size: 16px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 13px; border:#D2D2D2 solid 1px;  }
.mj-select-box ul li a{ color: #959595}
.mj-select-box ul li.active{background-color:#FFF8F6; border:#FFB399 solid 1px;}
.mj-select-box ul li.active a{color: #FFB399;}
.mj-select-box ul li span{ font-size: 12px;}
.mui-bar-nav~.mui-content{ padding-top: 50px;}

.news-box{ padding: 10px 20px; width: 100%; display: inline-block;}
.news-box .tit{  width: 100%;display: inline-block;}
.news-box .tit li{ width: 50%; float: left;display: inline-block; border-bottom:#E4E4E4 solid 3px; font-size: 14px; text-align: center; height: 36px; line-height: 36px;}
.news-box .tit li.active{  border-bottom:#EC4945 solid 3px;}

.news-box .data-table{ padding: 10px 0;}
.news-box .data-table table{ width: 100%;}
.news-box .data-table table th{ background-color: #398AE3; color: #fff; font-size: 12px; height: 40px; line-height: 40px;}
.news-box .data-table table td{ text-align: center;font-size: 12px; height: 40px; line-height: 40px; }
.news-box .data-table table tr:nth-child(odd) {
  background-color:#E8F6FA;
}
.news-box .data-table table tr.total{ border-top:#398AE3 solid 3px; border-bottom:#398AE3 solid 3px; color: #398AE3 }



.news-vbox{ padding: 50px 20px 50px 20px;}
.news-vbox h1{ font-size: 22px; line-height: 180%;}
.news-vbox .n-date{font-size: 14px; color: #949494; height: 30px;}
.news-vbox .n-date .icon-date{ font-size: 22px; color: #E0C388; vertical-align: middle;}
.news-vbox .n-date .icon-chakan{font-size: 22px; vertical-align: middle; color: #E0C388; padding-left: 10px; padding-right: 2px;}
.news-vbox .n-date .addfav{ float: right; background-color: #51ADE7; border: none; height: 30px !important; color: #fff;  }

.news-vbox .n-date .icon-kehu1{ font-size: 22px; color: #E0C388; vertical-align: middle;}

.news-vbox .n-date span{vertical-align: middle; margin-right: 10px; font-size: 14px;}
.news-vbox .n-date span b{ color: #f60; font-size: 18px; }


.news-vbox .n-view{ padding: 30px 0;}
.news-vbox .n-view img{ width: 100% !important; height: auto !important; padding-bottom: 10px;}
.news-vbox .n-view p{font-size: 16px;line-height: 180%; padding: 0px; margin: 0px;} 


.colleges-vbox{ padding: 51px 0px 50px 0px;}

.colleges-slider{ padding:0; margin-top: 0px; width: 100%; background-color: #f8f8f8;}
.colleges-slider .swiper{ width: 100%; height: 190px; overflow: hidden; line-height: 160%; }
.colleges-slider .swiper-slide{position: relative; }
.colleges-slider .swiper-slide a{width: 100%; height: 190px; display: block;}
.colleges-slider .swiper-slide b{position: absolute; left: 15px; bottom: 10px; font-size: 14px; color: #fff;}
.colleges-slider .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);
}
.colleges-slider .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff;
}


.colleges-vbox .list-box{ background-color: #fff; padding:20px 20px 10px 20px;}
.colleges-vbox .list-box ul{ margin: 0px; padding: 0px;}
.colleges-vbox .list-box ul li{list-style: none; width: 100%; display: inline-block;  }
.colleges-vbox .list-box ul li .p{ width: 26%; float: left; padding-right: 2%;}
.colleges-vbox .list-box ul li .p img{ width: 100%; padding: 3px;  border-radius: 6px; }
.colleges-vbox .list-box ul li .t{ width: 71%; float: right; padding-top: 5px;}

.colleges-vbox .list-box ul li .t .n-title{ line-height: 160%; color: #000;font-weight: bold; padding-bottom: 5px;}
.colleges-vbox .list-box ul li a{ color: #000;}
.colleges-vbox .list-box ul li .t .n-belong{ color: #666; font-size:13px; padding-bottom: 5px; } 
.colleges-vbox .list-box ul li .t .n-belong .icon-weibiaoti-3{ vertical-align: middle; font-size:13px;} 
.colleges-vbox .list-box ul li .t .n-belong .icon-fuwuleixing{ vertical-align: middle; font-size:13px;} 
.colleges-vbox .list-box ul li .t .n-belong span{vertical-align: middle; margin-right: 10px;}
.colleges-vbox .list-box ul li .t .tags b{ display: inline-block;font-size: 12px; color: #FF8000; background-color:#FFF9F2; text-align: center; padding:0 5px; border-radius: 3px; margin-bottom: 2px; font-weight: normal;}

.colleges-vbox .info-box{ background-color: #fff; padding:10px 20px 10px 20px;}
.colleges-vbox .info-box li{list-style: none; width: 100%; display: inline-block; line-height: 200%;  }

.colleges-vbox .info-box li .iconfont{ color: #949494; font-size: 18px; width: 32px; text-align: center; display: inline-block;}
.colleges-vbox .info-box li .icon-icon-mail{font-size: 14px;}
.colleges-vbox .info-box li b{ color: #333333; font-size: 16px;   padding-right: 10px;}
.colleges-vbox .info-box li span{ color: #868686}

.colleges-vbox .dt-box{ padding: 10px 0;}

.colleges-vbox .dt-box .v-nav{ background-color: #f6f6f6; height: 45px; border-bottom: #eee solid 1px; padding: 0px 15px;}
.colleges-vbox .dt-box .v-nav li{ width: 23.5%; display: inline-block; height: 45px; line-height: 41px; font-size: 16px; text-align: center;}
.colleges-vbox .dt-box .v-nav li span{display: inline-block;}
.colleges-vbox .dt-box .v-nav li hr{ background-color: #f6f6f6; height: 3px; border: none; width: 100%; border-radius: 100px; margin: 0px; padding: 0px;}
.colleges-vbox .dt-box .v-nav li a{ color: #4C4C4A;}
.colleges-vbox .dt-box .v-nav li.active hr{background-color: #FF8000;}
.colleges-vbox .dt-box .v-nav li.active{}

.colleges-vbox .dt-box .v-content{ padding: 0px; min-height: 500px;}
.colleges-vbox .dt-box .v-content .content{ padding: 20px;}
.colleges-vbox .dt-box .v-content .content p{ font-size: 16px; line-height: 180%; color: #333;}

.colleges-vbox .dt-box .v-content .content .content_note{font-size: 16px; font-weight: normal; height: 260px; overflow: hidden;}

.colleges-vbox .dt-box .v-content .content .content_note *{font-size: 16px !important; line-height: 180%; color: #333;}


.colleges-vbox .dt-box .v-content .content .content_all{ display: none;}

.colleges-vbox .dt-box .v-content .major{ padding: 20px; font-size: 16px; line-height: 180%; color: #333;}

.colleges-vbox .dt-box .v-content .major table{}
.colleges-vbox .dt-box .v-content .major table th{color: #999; height: 45px; line-height: 45px; }
.colleges-vbox .dt-box .v-content .major table td{height: 45px; line-height: 45px;}


 
.major-list-box{ background-color: #fff; padding:51px 20px 70px 20px;}
.major-list-box ul{ margin: 0px; padding: 0px;}
.major-list-box ul li{list-style: none; width: 100%; display: inline-block; padding: 12px 0 17px 0; border-bottom: #EEEEEE solid 1px;}
.major-list-box ul li .p{ width: 33%; float: left; padding-right: 2%;}
.major-list-box ul li .p img{ width: 100%; padding: 3px; background-color: #fff; border-radius: 6px;box-shadow: 0 2px 5px rgba(0, 0, 0, .3);}
.major-list-box ul li .t{ width: 100%; }

.major-list-box ul li .t .n-title{font-size: 18px; line-height: 160%; color: #000;font-weight: bold;}
.major-list-box ul li a{ color: #000;}
.major-list-box ul li .t .n-belong{ color: #666; font-size:14px; padding: 5px 0; line-height: 180%; }   
.major-list-box ul li .t .tags{ width: 49%;display: inline-block;}
.major-list-box ul li .t .tags i{color: #868686;} 
.major-list-box ul li .t .tags b{ font-size: 14px; color: #868686; text-align: center; padding:0 5px; font-weight: normal;}
.major-list-box ul li .t .tags span{font-size: 14px; color: #000;}

.cate-select-box{ padding:20px 0px; width: 100%; display: inline-block; padding-left: 20px;}
.cate-select-box ul{ padding: 0px; margin: 0px;}
.cate-select-box ul li{ width: 27.6%; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 16px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 13px; border:#D2D2D2 solid 1px;  }
.cate-select-box ul li a{ color: #959595}
.cate-select-box ul li.active{background-color:#FFF8F6; border:#FFB399 solid 1px;}
.cate-select-box ul li.active a{color: #FFB399;}
.cate-select-box ul li span{ font-size: 12px;} 


.cateson-select-box{ padding:0px; width: 100%; display: inline-block; }
.cateson-select-box ul{ padding: 0px; margin: 0px;}
.cateson-select-box ul li{ width: 27.6%; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 16px; color: #959595; list-style-type: none; display: inline-block; margin-right:4%; margin-bottom: 13px; border:#D2D2D2 solid 1px;  }

.cateson-select-box .erji{  overflow-y: scroll; background-color:#F5F8FA; width: 49.5%; display: inline-block; float: left}
.cateson-select-box .erji li{list-style: none; height: 45px; line-height: 45px; padding-left: 20px; font-size: 15px;}
.cateson-select-box .erji li.active{background-color:#fff; color: #FE7E00}
.cateson-select-box .erji li a{ color: #878787}
.cateson-select-box .sanji{width: 49.5%; display: inline-block;float: left; overflow-y: scroll;}
.cateson-select-box .sanji li{list-style: none; height: 45px; line-height: 45px; padding-left: 20px; font-size: 15px;}
.cateson-select-box .sanji li.active{background-color:#fff; color: #FE7E00}
.cateson-select-box .sanji li a{ color: #878787}



.major-vbox{ }
.colleges-vbox .major-list-box{padding: 20px 20px;}

.colleges-vbox .major-list-box ul li{border: none;}


.analysis-box{ padding: 10px 0; padding-bottom: 50px;}
.analysis-box .area{}
.analysis-box .area li{ width: 18%; padding: 0px 1%;display: inline-block; text-align: center; font-size: 14px; line-height: 180%;}
.analysis-box .area li a{ font-size: 14px; color: #626262;}

.analysis-box .news-list{}
.analysis-box .news-list h1{ font-size: 18px; color: #000; font-weight: bold; padding: 10px 10%; line-height: 160%; text-align: center;}
.analysis-box .news-list li{list-style: none; font-size: 14px; color: #000; line-height: 200%;}
.analysis-box .news-list li i{ font-style: normal; color: #898989}
.analysis-box .news-list li span{ float: right; }
.analysis-box .news-list li span.c1{ color: #FE3E64}
.analysis-box .news-list li span.c2{ color: #398BE3}
.analysis-box .echarts{ padding: 20px 0;}
.analysis-box .echarts img{ width: 100%;}
.analysis-box .echarts cavas{ width: 100%;}



.view-slider{  margin-top: 0px; width: 100%;}
.view-slider .swiper{ width: 100%; height: 245px; border-radius: 0px; overflow: hidden; line-height: 160%  }
.view-slider .swiper-slide{position: relative;}
.view-slider .swiper-slide b{position: absolute; left: 15px; bottom: 10px; font-size: 14px; color: #fff;}
.view-slider .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);
}
.view-slider .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff;
}


.details-box02{width: 100%;  background-color: #fff;  box-sizing: border-box;}
.details-box02 h1{ text-align: left; font-size: 20px; color: #000; padding:10px 0; line-height: 30px;  margin-bottom: 0px;}
.details-box02 h1 span{ font-size: 14px; color: #3072F5;}

.details-box02 .price-box{}
.details-box02 .price-box li{ width: 32%; display: inline-block; list-style: none; text-align: center; vertical-align: top}
.details-box02 .price-box li b{ font-size: 14px; padding-bottom: 5px; display: block;}
.details-box02 .price-box li p{font-size: 20px; color: #FF3737; font-weight: bold; border-right: #D2D2D2 solid 1px;}
.details-box02 .price-box li p em{font-size: 13px; font-weight: bold; font-style: normal;}
.details-box02 .price-box li:last-child p{ color: #EF8900; border: none;}
.details-box02 .price-box li:last-child p em{ color: #EF8900;}

.details-box02 .item-box{}
.details-box02 .item-box li{ width: 32%; display: inline-block; list-style: none; text-align: center}
.details-box02 .item-box li b{  } 
.details-box02 .item-box li b img{ width: 45%;}
.details-box02 .item-box li p{font-size: 12px; color: #000; font-weight: bold;  }

.details-box02 .view{ padding:0 0 100px 0px}
.details-box02 .view li{ list-style-type: none; font-size: 14px; color: #777777; line-height: 200%; }
.details-box02 .view li span{ width: 60px; margin-right: 15px; display: inline-block; color: #000; font-size: 14px; text-align: justify;text-align-last: justify; font-weight: bold;}
.details-box02 .view li b{ color: #FF3838}
.details-box02 .view li b i{font-style: normal;font-size: 22px;}
 
.details-box02 .view h3{ width: 100%; margin: 15px 0; font-size: 20px; }
.details-box02 .view h3 span{}
.details-box02 .view h3 .more{ float: right; font-size: 14px;}
.details-box02 .view h3 .more a{color:#EF4141}
.details-box02 .view h3 .more .mui-icon{font-size: 18px;}



.details-box02 .view .map{  }

.details-box02 .view .intro{ color: #434343; line-height: 180%; font-weight: bold;}
.details-box02 .view .intro .tit{}
.details-box02 .view .intro .tit li{ display: inline-block; width: 18%; text-align: center}
.details-box02 .view .intro .tit li.active{ color: #3072F5}

.details-box02 .view .intro .school{}
.details-box02 .view .intro .school li{ color: #3072F5; list-style:square ;}

.details-box02 .view .h-type{}
.details-box02 .view .h-type li{ width: 30%; margin: 1%; vertical-align: top; display: inline-block; height: 135px; border:#ccc solid 1px;}
.details-box02 .view .h-type li img{ width: 100%;}
.details-box02 .view .h-type li p{ color: #111111; font-size: 12px; text-align: center; line-height: 130%;}

.hd-box{ padding:20px; width: 100%; display: inline-block;}
.hd-box .add-group{ width: 65%; float: right;}
.hd-box .add-group a{ width: 100%; height: 45px; line-height: 45px; text-align: center;background-color: #1B95FD; border-radius: 5px; display: block; color: #fff;}
.hd-box .share{ width: 33%;}
.hd-box .share li{ display: inline-block; list-style-type: none; width: 48%; float: left; text-align: center; font-size: 14px;}
.hd-box .share li i{ width: 28px; height: 28px; display: block; margin: 0px auto}
.hd-box .share .share-btn i{background:url(../images/share-btn.png) no-repeat; background-size: cover;}
.hd-box .share .collect-btn i{background:url(../images/collect01.png) no-repeat; background-size: cover;}
.hd-box .share .collect-btn.active i{background:url(../images/collect02.png) no-repeat; background-size: cover;}


.foot-nav{ background: #fff; height: 3.6em;}
.foot-nav .nav01{background:url(../images/nav01.png) no-repeat; background-size: cover;} 
.foot-nav .mui-active .nav01{background:url(../images/nav01_active.png) no-repeat; background-size: cover;}

.foot-nav .nav02{background:url(../images/nav02.png) no-repeat; background-size: cover;} 
.foot-nav .mui-active .nav02{background:url(../images/nav02_active.png) no-repeat; background-size: cover;}

.foot-nav .nav03{background:url(../images/nav03.png) no-repeat; background-size: cover;} 
.foot-nav .mui-active .nav03{background:url(../images/nav03_active.png) no-repeat; background-size: cover;}

.foot-nav .nav04{background:url(../images/nav04.png) no-repeat; background-size: cover;} 
.foot-nav .mui-active .nav04{background:url(../images/nav04_active.png) no-repeat; background-size: cover;}

.foot-nav .nav05{background:url(../images/nav05.png) no-repeat; background-size: cover;} 
.foot-nav .mui-active .nav05{background:url(../images/nav05_active.png) no-repeat; background-size: cover;}

.foot-nav .nav06{background:url(../images/nav06.png) no-repeat; background-size: cover;} 
.foot-nav .mui-active .nav06{background:url(../images/nav06_active.png) no-repeat; background-size: cover;}

.list-filter-con{ position: absolute; background: #fff; z-index: 7; width: 100%; display: none; left: 0px; top:41px; box-sizing: border-box; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 10%);}
.list-filter-con.filter-show{ display: block;}

.list-filter-con-zsjh{ position: absolute; background: #fff; z-index: 7; width: 100%; display: none; left: 0px; top:41px; box-sizing: border-box; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 10%);}
.list-filter-con-zsjh.filter-show{ display: block;}

.foot-nav.mui-bar-tab .mui-tab-item.mui-active {
    color: #27B0FF;  
}
.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label {
    font-size: 14px; 
}

.foot-nav.mui-bar-tab .mui-tab-item{color:#202020;}


.tdx-list-box{ background-color: #fff; padding:0px; padding-bottom: 80px;   }
.tdx-list-box table{  }
.tdx-list-box table th{font-size: 14px; background-color: #eee; height: 42px;  padding: 3px; padding-right: 4.1px;}
.tdx-list-box table tr{}
.tdx-list-box table tr td{ font-size: 14px; height: 42px; line-height: 160%; padding:6px 3px;}
.tdx-list-box table tr:nth-child(even) { background-color:#F5F5F5; } 
.tdx-list-box table tr td:nth-child(1) {padding-left: 8px; } 


.yuyue-box{ background-color: #fff; border-radius: 15px; margin-top:-50px;position: relative;
    z-index: 9; padding: 20px;box-shadow: 0 2px 5px rgb(0 0 0 / 10%); margin-bottom: 80px;} 
.yuyue-box h1{ font-size: 22px; padding: 0px 20px; text-align: center; margin-bottom: 15px;}
.yuyue-box h2{font-size: 16px; padding: 10px; text-align: center;}
.yuyue-box h2 span{ color: #333; font-size: 12px;}
.yuyue-box h2 i{color: #FF0000;}
.yuyue-box h2 span b{font-size: 14px; color: #F74949;}
.yuyue-box .yuyue-form{}
.yuyue-box .yuyue-form .flist{}
/*.yuyue-box .yuyue-form .text{ border:#E3E3E1 solid 1px !important;}*/
.yuyue-box .yuyue-form .flist b{ position: absolute; left: 10px; top: 10px; font-weight: normal;}
.yuyue-box .yuyue-form .flist b i{ color: #FF0000;}
.yuyue-box .yuyue-form select{ border:#E3E3E1 solid 1px !important; -webkit-appearance:auto;}
.yuyue-box .yuyue-form .flist span{ width: 150px; overflow: hidden; display: inline-block; float: right; text-align: right;} 
.yuyue-box .yuyue-form .flist span i{font-style: normal;}

.yuyue-box .yuyue-form .check-box{  }
.yuyue-box .yuyue-form .check-box li{ list-style: none; display: inline-block; padding:10px 15px;}
.yuyue-box .yuyue-form .submit-btn {
    width: 48%;
    height: 50px; 
    border: none; font-size: 16px; box-shadow: 0 5px 10px rgb(57 138 227 / 50%);
    line-height: 30px; border:#398AE3 solid 1px;
    border-radius: 8px; background-color: #398AE3; color: #fff; margin:30px 0; letter-spacing: 2px; font-weight: bold;
}

.yuyue-box .yuyue-form .zyd-btn {
    width: 48%;
    height: 50px; display: inline-block; float: right;
    border: none; font-size: 16px; box-shadow: 0 5px 10px rgb(57 138 227 / 50%);
    line-height: 50px; text-align: center; border:#398AE3 solid 1px;
    border-radius: 8px; background-color: #fff; color: #398AE3; margin:30px 0; letter-spacing: 2px; font-weight: bold;
}


.yuyue-box .mui-table-view-cell{padding:15px;}
.yuyue-box .mui-table-view-cell .mui-active{ background: none !important;}
.yuyue-box .mui-table-view-cell .flist{ position: absolute; right: 35px; top: 7px;line-height: 280%;}
.yuyue-box .mui-table-view-cell .flist .text{ border:none; width: 100px; padding: 3px; text-align: right; margin: 0px;}

.no-more{ padding: 20px;display: none}

.voluntary_list_box{ padding-bottom: 80px;}
.voluntary_list_box ul{ padding: 0px; margin: 0px;}
.voluntary_list_box ul li{ background-color: #fff; list-style: none; padding: 20px; margin: 10px 0 20px 0; border-radius: 10px;box-shadow: 0 2px 5px rgb(0 0 0 / 10%); font-size: 14px; line-height: 180%;}
.voluntary_list_box ul li .name{border-bottom: #eee solid 1px; padding-bottom: 10px; font-size: 18px;}
.voluntary_list_box ul li .fenshu{ padding-top: 10px;}
.voluntary_list_box ul li .data{border-top: #eee solid 1px; padding-top: 10px; margin-top: 10px; }
.voluntary_list_box ul li .data a{ float: right; width: 80px;
    height: 30px;  display: inline-block;
      font-size: 16px; box-shadow: 0 5px 10px rgb(57 138 227 / 50%);
    line-height: 30px; border:#398AE3 solid 1px; text-align: center;
    border-radius: 8px; background-color: #398AE3; color: #fff; letter-spacing: 2px;}

.voluntary-list-details{ padding: 15px 0; width: 100%; display: inline-block; background-color: #f8f8f8;}
.voluntary-list-details .voluntary-info{
	background: linear-gradient(90deg, #32A8FF, #08CBFF); 
	border-radius: 10px;box-shadow: 0 2px 5px rgb(0 0 0 / 10%); margin: 0px 15px; color: #fff;padding: 20px; font-size: 14px; line-height: 180%;} 
.voluntary-list-details .voluntary-info .name{border-bottom: rgb(255 255 255 / 50%) solid 1px; padding-bottom: 10px; font-size: 18px;}
.voluntary-list-details .voluntary-info .fenshu{ padding-top: 10px;}
.voluntary-list-details .voluntary-info .data{border-top: #eee solid 1px; padding-top: 10px; margin-top: 10px; }

.voluntary-list-details .voluntary-info .caozuo{ margin-top: 10px; padding-top: 10px; border-top: rgb(255 255 255 / 50%) solid 1px }
.voluntary-list-details .voluntary-info .caozuo a{ color: #fff; margin-right: 20px; font-size: 16px;}

.voluntary-list-details .voluntary-tab{ background-color: #fff; height: 45px; border-bottom: #eee solid 1px; margin-top: 15px; padding: 0px 15px;}
.voluntary-list-details .voluntary-tab li{display: inline-block; padding-right:15px;height: 45px; line-height: 41px; font-size: 16px;}
.voluntary-list-details .voluntary-tab li hr{ background-color: #f6f6f6; height: 3px; border: none; width: 100%; border-radius: 100px; margin: 0px; padding: 0px;}
.voluntary-list-details .voluntary-tab li a{ color: #4C4C4A;}
.voluntary-list-details .voluntary-tab li.active hr{background-color: #FF8000;}
.voluntary-list-details .voluntary-tab li.active{}




#danzhao_news_container{ padding: 10px 20px;}
#danzhao_news_container li{list-style:disc; font-size: 14px; color: #36A3FE; line-height: 200%; border-bottom: #F1F1F1 solid 1px; height: 40px; line-height: 40px;}
#danzhao_news_container li a{ color: #747474} 

.zsxx_news_list{ padding-top: 20px;}
.zsxx_news_list h1{ border-left: #f60 solid 3px; text-indent:10px; font-size: 16px;}
#zsxx_news_container{ padding: 10px 20px;}
#zsxx_news_container li{list-style:disc; font-size: 14px; color: #36A3FE; line-height: 200%; border-bottom: #F1F1F1 solid 1px; height: 40px; line-height: 40px;}
#zsxx_news_container li a{ color: #747474} 


.zsjh_list{}
.zsjh_list h1{ border-left: #f60 solid 3px; text-indent:10px; font-size: 16px;}

.form-group{ width: 100%; display: block;}
.form-group label{ line-height: 160%;}
.form-group select{border: 1px solid rgba(0,0,0,.2) !important; height: 40px;}
.form-group .yzm{ width: 60%; display: inline-block; float: left; margin-right: 10px;}

.form-group .textarea{ width: 100%;}
.form-group .btn{ width: 100%; height: 40px;}
.form-group .hand{height: 40px;}
.form-group table{width: 100% !important;}


.leave_message{position: fixed; width: 48px; height: 48px; top: 30%; z-index: 99;
    right: 17px;}

.service-box{position: fixed; width: 60px; bottom: 100px; z-index: 9999;
    right: 10px; border:#ccc solid 1px; padding: 15px 8px 0px 8px; border-radius: 10px;box-shadow: 0 2px 5px rgb(0 0 0 / 10%); background:rgba(255,255,255,.60);}
.service-box li{ list-style-type: none; text-align: center; margin-bottom: 10px;}
.service-box li img{ width: 40px;}
.service-box li b{ font-size: 14px; font-weight: normal;}
.service-box li a{ color: #333}



.zhuanye-select{}
.zhuanye-select-box{ }
 
.volunteer-select{}
.volunteer-select-box{position: fixed; bottom: 0px; left: 0px; width: 100%;
    height: auto;
    transform: translate3d(0px, 100%, 0px);
    z-index: 100;
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
    transition: all 0.25s linear 0s; background-color: #fff;box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }
.mask{background-color: rgba(0, 0, 0, 0.6);
    z-index: 95;
    transition: all 0.25s ease-in-out 0s;
    transform: scale(1, 1);position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0; display: none;}



.volunteer-select-box h1{ padding: 10px 20px !important; font-size: 16px; line-height: 35px;border-bottom: 1px solid #f4f4f4; margin-bottom: 0px;}
.volunteer-select-box h1 span{float: right; color: #666;}
.volunteer-select-box h1 span i{ font-size: 18px;}
.volunteer-select-box .zhuanye-list{padding:10px 20px; width: 100%;  min-height: 500px; display: inline-block; }
.volunteer-select-box .pici-list{padding:10px 20px; min-height: 500px; width: 100%;  display: inline-block; }
.volunteer-select-box .zylb-list{padding:0px 20px; min-height: 500px; width: 100%;  display: inline-block; }
.volunteer-select-box .zylb-list h2{font-size: 16px; line-height: 200%; padding: 0px;}

.volunteer-select-box .dxyx-list{padding:0px; min-height: 500px; width: 100%;  display: inline-block; }
.volunteer-select-box .zyyx-list{padding:0px; min-height: 500px; width: 100%;  display: inline-block; }

.volunteer-select-box h1 b{float: right; color: #666;}
/*
.zhuanye-select-box .zhuanye-list ul{ padding: 0px; margin: 0px;}
.zhuanye-select-box .zhuanye-list ul li{ list-style: none;}
.zhuanye-select-box .zhuanye-list ul b{width: 28%; float: left; font-weight: normal; height: 500px;overflow-y: scroll;}
.zhuanye-select-box .zhuanye-list ul b p{color: #959595; font-size: 17px; padding-top: 9px; display: block; padding-bottom: 20px;}
.zhuanye-select-box .zhuanye-list ul b p.active{color: #ED4A45;}
.zhuanye-select-box .zhuanye-list ul li ul{ width: 70%; float: right;height: 500px;overflow-y: scroll;}
.zhuanye-select-box .zhuanye-list ul li ul li{ font-size: 16px; line-height: 200%; padding: 5px 0;}
.zhuanye-select-box .zhuanye-list ul li ul li a{ color: #959595}
.zhuanye-select-box .zhuanye-list ul li ul li.active a{ color: #ED4A45}
*/

.volunteer-select-show{}
.volunteer-select-show .mask{opacity: 1; display: block;}
.volunteer-select-show .zhuanye-select-box{ transform: translateZ(0)!important;}
.volunteer-select-show .pici-select-box{ transform: translateZ(0)!important;}
.volunteer-select-show .zylb-select-box{ transform: translateZ(0)!important;}
.volunteer-select-show .dxyx-select-box{ transform: translateZ(0)!important;}
.volunteer-select-show .zyyx-select-box{ transform: translateZ(0)!important;}

.dxyx-select-box{display: inline-block;}
.dxyx-select-box ul{ padding: 0px; margin: 0px;}
.dxyx-select-box ul li{ list-style: none; border: none; width: 100%; text-align: left;}
.dxyx-select-box ul b{  font-weight: normal;}
.dxyx-select-box ul b p{color: #959595; font-size: 17px; width: 100%; display: inline-block; padding: 15px 0;}
.dxyx-select-box ul b p.active{color: #007aff; background-color: #fff; padding: 15px 0;}
.dxyx-select-box ul li ul{ width: 100%; }
.dxyx-select-box ul li ul li{ font-size: 16px; width: 100%; line-height: 200%; padding: 5px 0;border: none;}
.dxyx-select-box ul li ul li .chebox{ float: right;}
.dxyx-select-box ul li ul li a{ color: #959595}
.dxyx-select-box ul li ul li.active a{ color: #ED4A45}

.dxyx-select-box .mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size: 20px; }
.dxyx-select-box .mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{ top: 11px;}

.dxyx-select-box .dxyx_type{width: 30%; float: left; display: inline-block;height: 500px; padding-top: 10px; background-color: #F5F8FA; text-align: center}
.dxyx-select-box .dxyx_type_con{width: 68%; display: inline-block;
    float: left;height: 500px; padding-top: 8px; 
    overflow-y: scroll;}

.voluntary-list{}
.voluntary-list li{ list-style-type: none;}


.zyyx-select-box{display: inline-block;}
.zyyx-select-box ul{ padding: 0px; margin: 0px;}
.zyyx-select-box ul li{ list-style: none; border: none; width: 100%; text-align: left;}
.zyyx-select-box ul b{ float: left; font-weight: normal;}
.zyyx-select-box ul b p{color: #959595; font-size: 17px; width: 100%; display: inline-block; padding: 15px; margin: 0px;}
.zyyx-select-box ul b p.active{color: #007aff; background-color: #fff; padding: 15px;}
.zyyx-select-box ul li ul{ width: 100%; }
.zyyx-select-box ul li ul li{ font-size: 16px; width: 100%; line-height: 200%; padding: 5px 0;border: none;}
.zyyx-select-box ul li ul li .chebox{ float: right;}
.zyyx-select-box ul li ul li a{ color: #959595}
.zyyx-select-box ul li ul li.active a{ color: #ED4A45}
.zyyx-select-box .dxyx_type{width: 30%; float: left; display: inline-block;height: 500px; padding-top: 0px; background-color: #F5F8FA; text-align: center;overflow-y: scroll;}
.zyyx-select-box .dxyx_type_con{width: 68%; display: inline-block;
    float: left;height: 500px; padding-top: 8px; 
    overflow-y: scroll;}
.zyyx-select-box .mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size: 20px; }
.zyyx-select-box .mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{ top: 11px;}


.plan-box{}
.plan-box .p-list{ border-radius: 8px 8px 0px 0px; padding:15px; padding-bottom:150px;}
.plan-box .p-list ul{  border: none ;margin: 0px; padding: 0px;}
.plan-box .p-list ul li{background-color: #fff; border-radius: 8px; margin-bottom: 15px; padding: 5px 0px 0; list-style-type: none; position: relative;}
.plan-box .p-list ul li a{color: #333; margin: 0px; }


.plan-box .p-list ul li .mui-icon-closeempty{ position: absolute; top: 10px; right: 10px; font-weight: bold; font-size:28px; color: #666}
.plan-box .p-list ul li h1{border-bottom:#ebebeb solid 1px; font-size: 18px; padding:15px 15px 15px 0px; margin: 0px; position: relative;}
.plan-box .p-list ul li h1 .cwb{ position: absolute; top: 2px; right: 7px; text-align: center; width: 60px; color:#FF8000; border-radius: 6px 6px 0 0;background-color:#FEF5D1; padding-top: 5px; height: 47px;}
.plan-box .p-list ul li h1 .cwb b{line-height: 130%}
.plan-box .p-list ul li h1 .cwb p{ font-size: 13px; color:#FF8000; margin-bottom: 0px; }
.plan-box .p-list ul li .t{ border-left:#FF8000 solid 5px;  padding-left: 10px; font-weight: bold;}

.plan-box .p-list ul li h1 .add_zy{float: right; text-align: center; color:#FF8000; height: 47px; font-size: 14px;}


.plan-box .p-list ul li .n{ padding: 15px; line-height: 180%;}
.plan-box .p-list ul li .n p{ font-size: 16px; color: #333333;font-weight: bold;}
.plan-box .p-list ul li .n p.price{ color: #FF3838}
.plan-box .p-list ul li .n .zyzmc{ font-size: 16px; font-weight: bold;}

.plan-box .p-list ul li .n .college_info{ font-size: 13px;}
.plan-box .p-list ul li .n .college_info span{ padding-right: 10px;}
.plan-box .p-list ul li .n .tiaoji{ }
.plan-box .p-list ul li .n .tiaoji span{ font-size: 13px; padding-right: 20px; }
.plan-box .p-list ul li .n dl{margin: 0px; counter-reset: dd;}
.plan-box .p-list ul li .n dl dd{ margin: 0px; font-size: 14px;}
.plan-box .p-list ul li .n dl dd b{ width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; background-color: #eee; border-radius: 100%; margin-right: 10px; font-weight: normal; color: #666}

.plan-box .p-list ul li .n dl dd:before { content: counter(dd); counter-increment: dd; width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; background-color: #eee; border-radius: 100%; margin-right: 10px; font-weight: normal; color: #666 }


.plan-box .p-list ul li .sort{ padding:10px 15px; border-top:#ebebeb solid 1px;}
.plan-box .p-list ul li .up{ width:26px; height: 26px; display: inline-block; background: url(../images/up.png) no-repeat; background-size: cover;}
.plan-box .p-list ul li .up:hover{background: url(../images/up-active.png) no-repeat;background-size: cover; }
.plan-box .p-list ul li .down{ width: 26px; height: 26px; display: inline-block; background: url(../images/down.png) no-repeat; background-size: cover; margin-left: 5px;}
.plan-box .p-list ul li .down:hover{background: url(../images/down-active.png) no-repeat; background-size: cover;}
.plan-box .p-list ul li .more{ float: right; background-color: #FF8000; width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; border-radius: 100px;}
.plan-box .p-list ul li:first-child .up{ display: none;}
.plan-box .p-list ul li:last-child .down{ display: none;}

.plan-box .p-list ul li .del{ float: right; background-color: #eee; width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333; border-radius: 100px;}

.volunteer-select-box .zhuanye-list-c{padding:10px 0px; width: 100%;  min-height: 500px; display: inline-block; }
.volunteer-select-box .zhuanye-list-c .zyzmc{padding:0px 20px; position: relative;}
.volunteer-select-box .zhuanye-list-c .zyzmc h3{font-size: 18px; line-height: 180%;}
.volunteer-select-box .zhuanye-list-c .zyzmc .fcyj{ position: absolute; bottom: 0px; right: 15px; border:#ccc solid 1px; border-radius: 100px; padding: 5px 15px;}


.zyzy-tab{ background-color: #fff; height: 45px; border-bottom: #eee solid 1px; margin-top: 15px; padding: 0px 20px;}
.zyzy-tab b{display: inline-block; padding-right:15px;height: 45px; line-height: 41px; font-size: 16px; color: #4C4C4A;}
.zyzy-tab b hr{ background-color: #f6f6f6; height: 3px; border: none; width: 100%; border-radius: 100px; margin: 0px; padding: 0px;}
.zyzy-tab b a{ color: #FF8000;}
.zyzy-tab b.active hr{background-color: #FF8000;}
.zyzy-tab b.active{color: #FF8000;}

.zhuanye-list-c .tabBox-c{ overflow-y: scroll;}


.major-c-box{padding:0px 20px;}
.major-c-box .m-list{ border-bottom:#ddd solid 1px; padding:10px 0px; display: inline-block;width: 100%;}
.major-c-box .m-list b{ display: block; font-size: 16px; line-height: 180%;}
.major-c-box .m-list span{ display: inline-block; width: 46%; color: #666; font-size: 14px;}
.major-c-box .m-list .tianbao-btn{float: right; width: 80px;
    height: 30px;  display: inline-block;
      font-size: 16px; box-shadow: 0 5px 10px rgb(204 204 204 / 50%);
    line-height: 30px; border:#ccc solid 1px; text-align: center;
    border-radius: 8px; background-color: #fff; color: #666; letter-spacing: 2px;}


.major-c-box .m-list .tianbao-btn-active{ box-shadow: 0 5px 10px rgb(57 138 227 / 50%); border:#398AE3 solid 1px; background-color: #398AE3; color: #fff;}




.recharge_bg{ background:#E7EBF4 url(../images/recharge_bg.jpg) no-repeat top right; position: relative;}
.recharge_bg .qyjs{ position: absolute;top: 50px; right: 0px;}
.recharge_bg .daojishi{  width: 100%; text-align: center; padding-top: 45px; font-size: 22px; color: #fff; line-height: 32px; letter-spacing: 1px; text-shadow: 2px 2px 5px #888;}
.recharge_bg .daojishi b{ width: 36px; height: 32px; line-height: 32px; margin-right: 5px; display: inline-block; background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; color: #0048A2; font-family: "Times New Roman", "serif";font-size: 26px; text-shadow: 0px 0px 0px #555; }
.recharge_bg h1{ width: 100%; text-align: center; padding: 18px 0; font-size: 28px; color: #fff; margin: 0px; }

.recharge_bg .case{ width:200px; height: 35px; line-height: 35px; background: url(../images/recharge_case_bg.png) no-repeat center; background-size: cover; overflow: hidden; margin-left: 25px; margin-top: 15px;}
.recharge_bg .case ul{ margin: 0px; padding: 0px;}
.recharge_bg .case ul li{ list-style-type: none;height: 35px; line-height: 35px; padding-left: 20px; font-size: 14px; color: #fff;}

.recharge_bg .vip_card{ padding-top:30px; position: relative;}
.recharge_bg .vip_card .zy_info{ position: absolute; top:235px; left: 41px; text-align: left;}
.recharge_bg .vip_card .zy_info h2{line-height: 180%; color: #3361DF;font-size: 16px; margin: 0px;}
.recharge_bg .vip_card .zy_info span{ line-height: 180%; color: #666;font-size: 14px;}
.recharge_bg .vip_card .zy_info b{line-height: 180%; display: block; color: #3361DF;font-size: 16px;}
.recharge_bg .vip_card .vip_price{ color: #3361DF;font-size: 16px; position: absolute;top:263px; right: 45px;text-shadow: 2px 2px 1px #bbb;}
.recharge_bg .vip_card .vip_price b{ font-size: 38px;}
.recharge_bg .vip_card .vip_price span{text-decoration:line-through;font-size: 20px; font-style: italic;}



.buy-faq{ background: #fff; margin:5px 18px; box-shadow: 0 2px 15px rgb(139 189 255 / 20%); border-radius: 20px; padding:25px 0;}
.buy-faq h1{ margin: 0px; padding: 0 10px;}
.buy-faq h1 img{ width: 30%;}
.buy-faq ul{ margin: 0px; padding:0 25px;}
.buy-faq ul li{list-style-type:none; line-height: 180%; border-bottom: #E4E7FF solid 1px; padding-top: 10px;}

.vip-service-content{ padding: 20px 8px; padding-bottom: 80px;}
.vip-service-content img{width: 100%;}
.payment-box{position: fixed; width: 100%; bottom: 0px; height: 80px; box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px; background-color: #fff; padding: 15px; z-index: 999;}
.payment-box .paylist{ width: 50%; display: inline-block; padding-top: 12px;}
.payment-box .sbtn{float: right;}
.payment-box .sbtn .btn{ width: 160px; height: 50px; line-height: 32px; font-size: 24px; border-radius: 100px;}
.payment-box .form-check{ padding: 4px 0}



.employment-box{position: fixed; top: 0px; left: 0px; width: 100%;
    height: auto; 
    z-index: 10055; 
	transform: translate3d(100%, 0px, 0px);
    overflow: hidden;
    transition: all 0.25s linear 0s; background-color: #fff;box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}
.employment-box h1{ padding: 0px 20px; font-size: 18px; margin: 0px; line-height:55px; border-bottom: 1px solid #f4f4f4;}
.employment-box h1 span{float: right; color: #666;}
.employment-box h1 span i{ font-size: 18px;}


.employment_list{ background-color: #fff; padding:0px; padding-bottom: 80px; overflow-y: scroll;   }
.employment_list table{}
.employment_list table th{font-size: 14px; background-color: #eee; height: 45px;  padding: 3px; padding-right: 4.1px;}
.employment_list table tr{}
.employment_list table tr td{ font-size: 14px;  line-height: 180%; padding:10px 3px;}
.employment_list table tr:nth-child(even) { background-color:#F5F5F5; } 
.employment_list table tr td:nth-child(1) {padding-left: 8px; } 

.openlayer-show{transform: translateZ(0)!important;} 

.voluntary-option-box{ width: 100%; display: inline-block;}
.voluntary-option-box .search-box{ padding:15px;}
.voluntary-option-box .search-box input[type=search]{ background-color: #F6F6F6;height: 34px !important; border-radius: 100px;color: #999; text-align: left; font-size: 14px; margin-bottom: 0px;}


.voluntary-filter{ width: 100%; padding:10px 15px; box-sizing: border-box; background-color: #F6F6F6; position: fixed; top: 111px;z-index: 9;}
.voluntary-filter-box{ padding-left: 10px; height: 45px; background-color:#fff; border-radius: 5px; margin-bottom: 10px; border:#DEDEDE solid 1px;}
  
.voluntary-filter-nav{ }
.voluntary-filter-nav li{ width:23.8%; box-sizing: border-box; text-align: center; list-style-type: none; display: inline-block;}
.voluntary-filter-nav li span{ position: relative;vertical-align: bottom;} 
.voluntary-filter-nav li span b{ position: relative; z-index: 8; width: 60px; height: 20px; overflow: hidden; font-size: 16px; font-weight: normal; display: inline-block;}
.voluntary-filter-nav li span hr{position: absolute; left: 0px; top: 13px; width: 0px; height: 5px; padding: 0px; margin: 0px; background-color: #FF3737; border-radius: 10px; display: inline-block; transition: transform 0.3s; border: none;} 
.voluntary-filter-nav li i{ vertical-align: bottom; font-size: 14px; margin-top: 5px; font-weight: bold; margin-left: 4px; transition: transform 0.3s;vertical-align: top;}

.voluntary-filter-nav li.active{ color:#FF7F00;}
.voluntary-filter-nav li.active i{ transform:rotate(180deg); transition: all .3s; vertical-align: top;margin-top: 3px;}

.fixed-top0{top: 51px;}

.volunteer-select-show .zhuanye-select-box .op-btn{ position: fixed; bottom: 0px;}

.index-video-ad-box{ }
.index-video-ad-box li{margin-bottom: 15px;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);list-style-type: none;}
.index-video-ad-box li video{ width: 100%; border-radius: 5px 5px 0 0;}
.index-video-ad-box .v-text{ background-color: #fff;  margin-bottom: 10px; line-height: 30px; border-radius:0 0 5px 5px; margin-top: -5px; text-align: center; padding: 3px 5px; }

#menu-toggle{ font-size: 18px;}


.product-vbox{ padding: 20px 20px 50px 20px;}
.product-vbox h1{ font-size: 22px; line-height: 180%;}
.product-vbox .n-date{font-size: 14px; color: #949494; }
.product-vbox .n-date .icon-date{ font-size: 22px; color: #E0C388; vertical-align: middle;}
.product-vbox .n-date .icon-chakan{font-size: 22px; vertical-align: middle; color: #E0C388; padding-left: 10px; padding-right: 2px;}
.product-vbox .n-date .addfav{ float: right; background-color: #51ADE7; border: none; height: 30px !important; color: #fff;  }

.product-vbox .n-date .icon-kehu1{ font-size: 22px; color: #E0C388; vertical-align: middle;}

.product-vbox .n-date span{vertical-align: middle; margin-right: 10px; font-size: 14px;}
.product-vbox .n-date span b{ color: #f60; font-size: 18px; }

.product-vbox .params-box{ padding: 25px 0; padding-bottom: 0px;}
.product-vbox .params-box h2{ font-size: 18px; color:#333; margin-bottom: 15px;background-color: #f7f7f7;
    height: 40px;
    line-height: 40px;}
.product-vbox .params-box h2 span{ border-left: #8B7C5B solid 4px; padding-left: 10px; font-weight: bold;}
.product-vbox .params-box .params-list{}
.product-vbox .params-box .params-list li{ width: 100%; display: inline-block; padding: 5px 0; }
.product-vbox .params-box .params-list li b{ width: 30%; display: inline-block; font-size: 14px;}
.product-vbox .params-box .params-list li p{ width: 67%; display: inline-block;font-size: 14px;margin-bottom: 0;}
.product-vbox .params-box .params-list hr{ margin: 5px 0;}

.product-vbox .n-view{ padding: 25px 0;}
.product-vbox .n-view h2{ font-size: 18px; color:#333; margin-bottom: 15px;background-color: #f7f7f7;
    height: 40px;
    line-height: 40px;}
.product-vbox .n-view h2 span{ border-left: #8B7C5B solid 4px; padding-left: 10px; font-weight: bold;}
.product-vbox .n-view img{ width: 100% !important; height: auto !important; padding: 0px; margin: 0px;}
.product-vbox .n-view p{font-size: 16px;line-height: 160%; padding: 0px; margin: 0px;} 
.product-vbox .n-view video{ width: 100%;}

.product-slider{  margin-top: 0px; width: 100%;}
.product-slider .swiper{ width: 100%; height: 410px; border-radius: 0px; overflow: hidden; line-height: 160%  }
.product-slider .swiper-slide{position: relative;}
.product-slider .swiper-slide b{position: absolute; left: 15px; bottom: 10px; font-size: 14px; color: #fff;}
.product-slider .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);
}
.product-slider .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff;
}


/*产品列表*/
.productbox{background: #fff;border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee;}
.productTit{padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}
.productTit img{ height:0.8rem; vertical-align:middle}
.productTit span{ line-height:1.8rem; height:1.8rem; padding-left:0.5rem;font-size:0.875rem;overflow:hidden; color:#333}
.productbox ul{ overflow:hidden;}
.productbox ul li{ float:left; width:50%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;}
.productbox ul li:nth-child(2n){ border-right:1px solid #fff}
.productbox ul li a{ display:block; padding:0.5rem}
.productbox ul li img.proimg{ width:100%;}
.productbox ul li p.tit{ height:2.8rem; padding:0px 5px; font-size:0.8rem; padding-top:0.5rem; color:#333; line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.productbox ul li p.price{ color:#ff2150;padding:0px 5px;padding-top:0.5rem; height:1rem; line-height:1rem;font-size:1rem;}
.productbox ul li p.price span{ padding-left:1rem; color:#999; text-decoration:line-through;font-size:0.7rem; height:1rem;line-height:1rem}
.productbox ul li p.price img{ float:right}

.pagebanner{ height: 230px;margin-top: 44px;}

.ab-title{ text-align: center;}
.ab-title b{ font-size: 22px; line-height: 180%; font-weight: bold; color: #000; letter-spacing: 2px;}
.ab-title p{ color:#AAAAAA; font-size: 16px; font-weight: lighter; margin-bottom: 0px;}
.ab-title hr{ width: 40px; height: 3px; background-color: #9C8C6C; margin: 3px auto !important;}

.about-box{ padding:30px;} 
.about-box .ab-txt{font-size: 18px; line-height: 180%; color: #000; padding-top: 20px;}
.about-box .ab-txt p{font-size: 18px; line-height: 180%; color: #000;}

.brand-box{ padding:30px;} 
.brand-box .brand-list{font-size: 18px; line-height: 180%; color: #000; padding-top: 20px;}
.brand-box .brand-list li{ width: 30%; margin: 10px 1% 10px 1%; display: inline-block; height: 50px; overflow: hidden; list-style-type: none;  box-shadow: 0 2px 5px rgba(0, 0, 0, .1)}
.brand-box .brand-list li img{ width: 100%;}

.honor-box{ padding:30px;} 
.honor-box .honor-list{font-size: 18px; line-height: 180%; color: #000; padding-top: 20px;}
.honor-box .honor-list li{ width: 47%; margin: 10px 1% 10px 1%; display: inline-block; height: 50px; overflow: hidden; list-style-type: none;  box-shadow: 0 2px 5px rgba(0, 0, 0, .1)}
.honor-box .honor-list li img{ width: 100%;}

.culture-box{ padding:30px 0;} 
.culture-box .culture-txt img{ width: 100%;}