/*banner*/
.site-header  .banner{  
    width: 100%;
	height: 418px;  
	margin:8px 0 1px 0;
}
.site-header .header-top  .wrap{    
    /*height:80px;*/
    display: flex;
    align-items: center ; 
}    
.site-header .header-top .wrap img{  
    margin:0 10px;
} 
.site-header .header-top  .wrap .tel{  
    font-weight:bold;
    color:#3b77e2; 
    font-size:20px;
    height: 25px;
    line-height: 25px;
} 
.site-header .header-top  .wrap .login{  
    margin:0 10px;
} 
.site-header .header-top  .wrap .login a{   
    color:red;   
    padding:2px; 
}  
.site-header .header-top .wrap .wechat{  
   position: relative; 
}
.site-header .header-top .wrap .weixin-code{  
   position: absolute;
    top: 30px; 
    left: 0;
    z-index: 999;
}
.site-header  .banner img { 
	float: left;
	height: 418px;
	width:100%;  
}  
.page-index .sec1 .banner .banner-text {
	position: absolute;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	width: 100%;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,.8)
}
   
   
.page-index .sec .title{
    background:unset;
    color:#333;    
}
.page-index .sec .title span{
    padding:0 15px;
}
.page-index .sec .title a{
    color:#111;
    text-decoration: none;
}
.page-index .sec .title a:hover{
    color:#ff3300;
    text-decoration: none;
}   
.page-index .sec .wrap {  
    margin:0 0 10px 0;
    padding-bottom:1px;
    border-bottom:1px solid #ccc;
}
.page-index .sec .left-title{ 
    top:0 !important;
    border-bottom:1px solid #f4f4f4;
}
.page-index .sec .left-title .title{
    font-weight: bold;
    font-size: 18px;
    height:40px;
    line-height: 40px;
    float: left;
    width:150px; 
    text-align: left;
    color:#1162ce;
} 
.page-index .sec .left-title .list{ 
    height:40px;
    line-height: 40px;
    float: left; 
    width: 950px; 
    overflow: hidden;
    position: absolute;
    left: 150px;
}   

.page-index .sec .left-title .list span{ 
    height:40px;
    line-height: 40px;  
    display: block;
    float: left;
    text-align: center;
} 
.page-index .sec .left-title .list .active{  
    border-bottom:3px solid #1162ce;
}  
.page-index .sec .left-title2{
    left:0 !important;   
}
.page-index .sec .left-title2 .title{
    padding:0 !important; 
    width:295px; 
}

.page-index .sec .content{
    display: flex;
    width:100%;
    justify-content: space-between;
}
.page-index .sec .content .left{
    width:25%;
    height:613px;
    /*margin-top:6px;*/
}
.page-index .sec .content .left img{ 
    width:98.5% !important;
    height:100% !important;
    margin:0;
    padding:0;
}
.page-index .sec .content .right{
    width:74%; 
    /*margin:0 0.5%;*/
    /*float: left;*/
    display: flex; 
    /*justify-content: space-around;*/
    justify-content: space-between;
    flex-wrap: wrap; 
} 
.page-index .sec .content .travels{
    margin:0;  
}
.page-index .sec-area2 .content .right{ 
    margin:0;
    justify-content: space-around;
}
.page-index .sec .content .right2{
    width:100%;  
}
.page-index .sec .content .cert{
    justify-content:center;
    margin:20px 0;
}
.page-index .sec .content .cert img{
    width:200px;   
    height:130px;
}
.page-index .sec .content .right .item{ 
    width:285px;
    height:300px;
    margin-bottom: 12px;
    background: #fff;
    text-align: center; 
    box-shadow: 2px 2px 8px 1px #ded7d7;  
} 
.page-index .sec-area .content .right a:last-child:nth-child(3n + 2) {
    margin-right: calc((100% - 380px) / 2);   
}
.page-index .sec .content .travels a:last-child:nth-child(3n + 2) {
    margin-right: calc((100% - 285px) / 2);    
}    
.page-index .sec .content .four a:last-child:nth-child(3n + 2) {
    margin-right: unset;     
}     
.page-index .sec .content .four a:last-child:nth-child(3n + 3) {
    margin-right:unset;      
}   
.page-index .sec .content .four a:last-child:nth-child(4n + 2) {
    margin-right: calc(100% - 590px);     
}    
.page-index .sec .content .four a:last-child:nth-child(4n + 3) {
    margin-right: 305px;      
}     

.page-index .sec .content .right .item:hover{
    /*opacity: 0.8;*/
    border:2px solid #fff;
    width:281px;
    height:296px;
}
.page-index .sec .content .right .item img{ 
    width:100%;
    height:200px;
    margin:0;
    padding:0; 
    display: block;
}
.page-index .sec .content .right .item div{ 
    padding-top:10px;   
    padding:10px 10px 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden; 
    text-align: justify; 
	/*letter-spacing: 0.25rem;*/
}
.page-index .sec .content .right .item .sub{ 
    font-weight: bold;
    font-size: 16px;  
    text-align: center;
} 
.page-index .sec .content .server .item{
    height:240px;
}
.page-index .sec .content .server .item img{
    height:160px;
}
.page-index .sec .content .server .item:hover{
    height:236px; 
} 

.page-index .sec .content .travels .item{
    position: relative;
    text-align: left; 
    /*padding-bottom:20px;*/
} 
.page-index .sec .content .travels2 .item{ 
    padding-bottom:20px;
}    
.page-index .sec .content .travels .item div{
    padding:10px 10px 0 10px;
}
.page-index .sec .content .travels .item .head{
    position: absolute;
    width: 50px;
    height: 50px;
    top: 175px;
    border-radius: 50%;
    left: 10px;
    border: 4px solid #fff;
    background: #fff;
}
.page-index .sec .content .travels .item .username{ 
    padding:0 0 0 70px; 
}
.page-index .sec .content .travels .item .sub{ 
    /*font-size: 14px; */
    overflow: hidden;
    text-overflow: ellipsis; 
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical;
    overflow: hidden; 
    text-align: justify;
}

/*底部导航*/
.page-index .sec .footer-nav{ 
    flex-direction: column;
    background: #fff;
    padding:10px 20px;
    width:unset;
}
.page-index .sec .footer-nav .item:last-child{ 
    border-bottom:0px solid red;
}
.page-index .sec .footer-nav .item{
    border-bottom:1px solid #ccc;
    padding:6px;    
    display: flex;
    flex-direction: row; 
} 
.page-index .sec .footer-nav2 .item{ 
    flex-direction: column; 
}  
.page-index .sec .footer-nav .item .title{
    width:150px;
    /*padding:0px 10px;*/
    /*width:unset !important;*/
    text-align: left;
    font-weight: bold;
    line-height: 30px;
}
.page-index .sec .footer-nav .item .title2{ 
    font-size: 24px;
    font-weight: 500;
}
.page-index .sec .footer-nav .item .list{
    width:1100px;  
}
.page-index .sec .footer-nav .item .list span{ 
    /*color:#7b7b73;*/
    color:#333;
    line-height: 30px; 
    /*width:90px;*/
    display: block;
    float: left; 
    margin-right:25px;
}   
.page-index .sec .footer-nav .item .list span:hover,.page-index .sec .footer-nav .item .title:hover{ 
    color:#ff5722; 
}
/*攻略底部*/  
.page-index .sec .footer-nav2 .item-nav{ 
    flex-direction: row; 
} 
.page-index .sec .footer-nav2 .item{
    border-bottom:0;
} 
.page-index .sec .footer-nav2 .item-title{ 
    line-height: 40px;
    font-size: 24px;
    /*font-weight: bold;*/
    text-align: center;
    border-bottom:2px solid #ccc;
    margin-bottom:10px;
} 
.page-index .sec .footer-nav2 .item-nav .title{  
    background: #8d8d8d;  
    text-align: center;
    margin-right:30px;
    color:#fff;
    border-radius: 3px;
    font-weight: 500;
} 
.page-index .sec .footer-nav2 .item-nav .title:hover{  
    background: #e8272c;   
    color:#fff;
}
 
/*筛选条件*/
.page-index .sec .footer-nav-search{ 
    padding:0;
    border:1px solid #ccc;
} 
.page-index .sec .footer-nav-search .item-title{ 
    display: flex; 
    height:28px;
    line-height: 28px;
    background: #f4f4f4;
} 
.page-index .sec .footer-nav-search .item-title div{ 
    background: #e8272c;  
    text-align: center;
    margin-right:30px; 
    color:#fff;
    border-radius: 1px;
    font-weight: 500;  
    padding:0 10px;
    height:28px;
    line-height: 28px;
} 


/*中间横幅banner*/
.sec4 .banner{
    /*height:50px; */
    width:100% !important;
    height:unset !important;
    padding:0 !important; 
} 

.site-footer .items,.site-footer .copyright{
    background: unset;
    color:#333;
}
.site-footer .items .item h3{
    font-weight: bold;
}
.site-footer .items .item a{
    color:#333;
}
.site-footer .copyright{ 
    /*line-height: 30px;*/
}
.site-footer .copyright .imgs{
    display: flex;
    justify-content: center ;
    align-items: center ;
} 

/*线路-当地热卖*/
.page-routes{ 
    background: #f6f6f6;
}
.route-hots{
    width:1180px!important; 
    background: #b9b9b917;
    padding:0 10px;  
    height:390px;
    margin-bottom:0!important;
}
.route-hots>.title{
    width:1180px!important;
    margin:0 !important;
    height:40px;
    border-bottom:2px solid #f5895a !important;
}
.route-hots .left-title{
    left:0!important;
}
.route-hots .left-title .title{
    color:#382320!important;
    width:80px!important;
}
.route-hots .content{   
    width:1160px !important;
    background: #fff;
    padding:8px 10px; 
    height:320px;
    flex-wrap: wrap;
    position: relative;
} 
.route-hots .content img{ 
    width:574px;
    height:150px;
    padding:0;
    float: left;
} 
.route-hots .content a:first-child img{  
    width:574px; 
    height:315px; 
    padding:0; 
} 
.route-hots .content .hot-2{  
    position: absolute;   
    top: 8px;  
    right: 10px; 
}
.route-hots .content .hot-3{  
    position: absolute;     
    right: 10px;
    bottom: 8px;
}

.route-hots .content>div{  
    display: flex;
    flex-direction: column;
    align-content: space-between ;
}
.route-hots .content>div img{  
    height:155px; 
}

/*分页*/ 
#pagenation li{width:35px;height:30px;float:left;background:#fff;border:1px solid #ccc;margin-right:10px;padding-top:8px;margin-top:-20px;}
#pagenation .active{background:blue !important;color:#fff;border-color:blue !important;}

.page{200px;height:60px;background:#fff;padding-left:300px;}
.pageli{   
    color: #999; 
    padding: 2px 13px;
    line-height: 30px;
    text-align: center;
    height: 30px; 
    margin: 10px;
    border: 1px solid #999;
    float: left;  
}
.pageli.active{
    /*border:1px solid #f5801d;*/
    background: #2196f3;
    color:#fff;
}

/*目的地*/  
.sec-area .area-title{
    width:100%;  
    line-height: 40px;
    font-size: 24px; 
    text-align: center;  
    padding:20px 0 10px 0; 
}
  
.sec-area{
    background: #fff;
}
.sec-area .right .item{
    width:380px!important;
    height:unset !important;
    box-shadow:unset !important;
} 
.sec-area .right  .item img{
    width:380px!important; 
    height:266.66px!important; 
    box-shadow:unset !important;
}
.sec-area .right .item:hover{
    opacity: 0.8;  
    width:380px!important; 
    border:0!important;
}
.sec-area .right .item .sub{
    font-size:20px!important; 
    text-align: center!important;
} 
 
.sec-area2 .right .item .sub{ 
    font-size:20px!important; 
    text-align: center!important;
} 

/*目的地-2级*/  
.sec-area2 .area-title{
    width:100%;  
    line-height: 40px;
    font-size: 24px; 
    text-align: left;   
    padding:20px 0 10px 0;
    display: flex;
    justify-content: space-between; 
}
.sec-area2 .area-title span{
    font-size: 18px;
}
.sec-area2 .right{  
    justify-content: space-between !important;
}
.sec-area2  .right  .item,.sec-area2  .right  .item:hover{
    width:585px!important;
    height:520px!important;
    border:0!important;
    margin-bottom:30px!important;
} 

.sec-area2 .right  .item img{
    width:580px!important; 
    height:417.54px!important;  
}
.sec-area2 .right .item:hover{
    opacity: 0.8;   
}

.sec-area-cat{ 
    width:100%; 
    height:417.54px;
    background: #fff;
}
.sec-area-cat .info,.sec-area-cat img{
    width:50%; 
    padding:0!important; 
    float:left;
    height:299px;
}
.sec-area-cat .info{
    width:45%;   
    float:left; 
    padding:10px 2.5% !important;
    line-height: 25px;
    font-size:16px;
    text-align: justify;
}
.sec-area-cat .info .title{
    font-weight: bold;
    font-size:24px;
    line-height: 50px;
}

/*游记*/
.sec-notes{
    display: flex; 
    background: #fff;
}
.sec-notes .tips{
    display: flex; 
    flex-direction: column;
    width:280px;
    padding:10px 15px; 
    border:1px solid #f3f3f3; 
}
.sec-notes .tips img{ 
    width:280px; 
    height:100px; 
}
.sec-notes .tips .tips-title{   
    line-height: 40px;
    font-size: 20px;  
    text-align:center;
    color:#ff9e79;
    border-top:1px solid #f3f3f3;
} 
.sec-notes .tips .item{   
    padding:8px 4px;
    /*padding-left:50px;*/
    /*font-size: 16px;*/
    width: 100%;
    border-bottom: 1px dashed #ccc;
}  
.sec-notes .tips .item .nav-title{     
     display: -webkit-box;
   -webkit-line-clamp: 1;   
   -webkit-box-orient: vertical;
   overflow: hidden; 
   text-align: justify; 
}  
.sec-notes .tips .item span{     
     display: -webkit-box;
   -webkit-line-clamp: 1;     
   -webkit-box-orient: vertical;
   overflow: hidden; 
   text-align: justify; 
}  
.sec-notes .tips .item:hover{    
    padding:8px 4px;
    color:#ff9800;
    /*padding-left:50px;*/
    /*font-size: 16px;*/
}  
.sec-notes .tips .item span{    
    color:#959a96;
    font-size: 12px;
} 
.sec-notes .tips .item:hover span{    
    color:#ff9800;
} 
.sec-notes .list{
    display: flex; 
    flex-direction: column; 
    width:900px; 
}
.sec-notes .list .item-title{
    font-weight: bold;
    padding:10px; 
    color:#fe7330; 
    font-size: 18px;
}
.sec-notes .list .item-title span{
    font-weight: 500;
    padding:10px; 
    color:#959a96; 
    font-size: 12px; 
} 
.sec-notes .list .item{ 
    display: flex;    
    line-height: 23px;
    border-top:1px solid #f3f3f3;
}
.sec-notes .list .item:hover{
    color:#ff9800; 
}
.sec-notes .list .item img{ 
    height:100px;
    width:150px;
    opacity:1;
}
.sec-notes .list .item img:hover{  
    opacity: 0.75;
}
.sec-notes .list .item .right span{  
    
}
.sec-notes .list .item .right{ 
    padding:2px 15px;
    display: flex;   
    flex-direction: column;
    justify-content: space-between; 
    width:690px;
    text-align: justify;
}
.sec-notes .list .item .sub{ 
    color:#ff9800;
    line-height: 30px;
    font-size: 16px;
}  
.sec-notes .list .item .right .footer{  
    display: flex;    
    justify-content: space-between; 
    font-size: 12px;
    color:#959a96;
    width: 75%;
}

/*景点*/
.page-secnic .spots .spot .inf{ 
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden; 
    text-align: justify;
}

/*分页*/  
.pagination{list-style:none;display:flex;justify-content:center;padding:20px;margin:0;}
.pagination li{padding:5px 9px 5px 9px;border:1px solid #f5801d;float:left;color:#000;background:#fff;    margin:5px;
    padding:6px 10px;} 
.pagination .active {background:#f5801d !important;color:#fff  !important;} 

/*攻略*/ 
.page-strategy .sec3 .strategy .li1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:32px; 
}
.page-strategy .sec3 .strategy .li3{
    margin:15px 0;
}
.page-strategy .sec3 .strategy .li4{
    height:60px;
    padding:0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; 
    text-align: justify;
}
.page-strategy .sec3 .strategy .li2{
    display: flex;
    justify-content: space-between; 
    color:#666; 
    padding:15px 0;
    width:75%;
}
.sec-tips .area-title{
    padding-left:25px !important;
} 
.sec-tips .item .title{
    padding-left:20px !important;
    width:120px!important;
} 
/*租车*/  
.sec-bus  img{
    width:100%!important;
    height:490px!important; 
    display: block; 
}
.sec-bus .left-title .title{
    width:140px !important;
}
 
/*线路详情*/
.page-routes-detail .top-inf{
    border:0;
} 
.sightslist{ 
    padding:0 10px;  
    font-size: 20px;  
    margin-bottom:20px;
    color:#f7681d;
    /*border:1px solid #ccc;*/
}
.page-routes-detail .top-inf-right .inf .li1{
    font-size:20px;
    font-weight: bold;
    margin:0;
}

/*评论留言*/ 
.detail-content{
    position: relative;
}
.detail-right{
    padding:20px 0;
    background: #1e496e;
    color:#fff; 
    position: absolute;
    top: 180px;
    right: 20px;
    z-index: 9999; 
} 
.detail-right span{
    width:85%; 
    padding:0 7.5%; 
    padding:10px 0;
    line-height: 30px;
}
.layui-tab-title{width:1200px;hieght:45px;float:left;border-bottom:1px solid #ccc;}
.layui-this{border-bottom:0;border-left:1px solid #ccc !important;border-right:1px solid #ccc !important;width:120px;height:44px;float:left;background:#fff;border-top: 2px solid #3b77e2;}
.span1{font-size:17px;font-weight:600;float:left;margin-top:4px;padding-left:25px;}
.span2{font-size:17px;float:left;padding-left:25px;margin-top:10px;}
.layui-this-no{
    float:left;background:#fff;border-left:0px;border:1px solid #ccc !important;display: inline-block;
    padding: 8px 20px;
    background-color: #41bff9; 
    border-top-right-radius: 30px; 
    color:#fff;
}  
.layui-btn2.sub{border:0;padding:8px 15px 5px 15px;color:#fff;font-size:17px;margin-right:20px;border-radius:4px;}
.head{margin:10px;} 
.textarea {padding:0 0 !important;} 


 
/*flex布局*/
.flex-row{  
    display: flex;  
    align-content: center ;
}
.flex-column{  
    display: flex;  
    flex-direction: column; 
}
.flex-row-between{  
    display: flex;
    justify-content: space-between; 
    align-items: center ;
}
.flex-row-between2{ 
    display: flex;
    justify-content: space-between; 
}
.flex-wrap{  
    flex-wrap: wrap; 
} 
.flex-row-around{ 
    display: flex;
    justify-content: space-around; 
    align-items: center ;
} 
.flex-column-start{ 
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start ;
}
.flex-column-between{ 
    flex-direction: column;
    display: flex;
    justify-content: space-between; 
    align-items: center ;
}
.flex-column-around{ 
    display: flex;
    flex-direction: column;
    justify-content: space-around; 
    align-items: center ;
}
.section-title{   
    width:1140px;
    padding:0 30px;
    height:45px;
    line-height: 45px;
    background: #3b77e2;
    color:#fff;
}
.section-title2{   
    width:1138px; 
}
.bottom-line{
    border-bottom:1px solid #ccc;
}
.padding-10{ 
    padding:10px;
    line-height: 28px;
}  
.none-result{ 
    background: #fff;
    /*border-top:1px solid #ccc;*/
    text-align: center;
    /*font-size: 24px; */
    line-height: 300px; 
    height:300px;
}
.h30{
    height:30px;
    line-height: 30px;
}
.no-edit{ 
     -webkit-line-clamp:unset !important;
     overflow:unset !important;
}

.route-tips-content{
    
}
.route-tips-content  .right .item{
    height:260px!important;
}
.route-tips-content  .left{
    height:532px!important;
    margin-bottom:12px;
}

/*游记*/
.page-strategy-detail{
    background: #fff;
}
.notes{
    border:0!important;
    margin-top:-40px;
    border-radius:8px;
}
.notes .header{
    background: #fff;
    border:2px solid #9e9e9e42;
    border-radius:8px;
    padding:20px;
}
.notes .header-left{
    width:25%;  
} 
.notes .header .title{
    width:75%;  
} 
.notes .header-left img{
    margin:20px 30px 10px 30px;
    width:100px;
}
.notes .detail-content {
    border:2px solid #9e9e9e42;
    border-radius:8px; 
    margin-top:20px;
}
.notes .detail-right{
    top:0;
    color:#111;
    background: #fff;
}
.notes .detail-box{
    border:3px solid #ccc; 
    padding:20px;
}
.notes .detail-box .box1{
    border:1px dashed #ccc; 
    padding:20px; 
    flex-wrap: wrap;
}
.notes .detail-box .box1 .item{  
    width:250px !important;  
    align-items: center;
    margin:8px 0;
}  
.notes .detail-box .box1 .item img{
    width:30px;
    margin:0 15px;
}

.notes .detail-box .box2{
    border:4px solid  #00bcd4; 
    padding:20px; 
    margin-top:10px;
    font-size: 18px; 
    flex-wrap: wrap;
}  
.notes .detail-box .box2 .item{  
    width:350px; 
    align-items: center;
    margin:8px 0;
}  
.notes .detail-box .box2 .item img{
    width:40px;
    margin:0 15px;
}
.notes .right-menu a{ 
    border-bottom:1px dashed gray; 
    width:100%;  
}
.right-menu h2{ 
    font-weight:500; 
    padding:0 0 5px 0;
    margin:10px 0 0 0;
    font-size: 14px;
    color:#333;
    line-height: 20px; 
    display: -webkit-box;
    /*-webkit-line-clamp: 1;*/ 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify; 
}
.tips .right-menu h2{  
    color:#fff; 
    border-bottom:1px dashed #fff; 
}
.page-routes .choose-route .table{
    border-width: 1px 1px 0 1px;
}
  
/*flex布局*/
.section{ 
    position: absolute;
    top:25px;
    right:80px;
    width:200px; 
    padding:20px;
    background: #fff;
    color:#333;
    z-index: 9998;
    overflow: hidden;
    max-height: 80vh;
    overflow-y: scroll;
}  
.text-l{
    text-align: left;
    float: left;
}
.text-c{
    text-align: center !important;
} 
.text-r{
    text-align: right;
} 
.font-size-14{
    font-size: 14px!important;
} 
.font-size-16{
    font-size: 16px!important;
} 
.font-size-18{
    font-size: 18px!important;
} 

.flex-row{  
    display: flex;  
    align-content: center ;
}
.flex-column{  
    display: flex;  
    flex-direction: column; 
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-nowrap{
    flex-wrap: nowrap;
}
.flex-row-between{   
    display: flex;
    justify-content: space-between; 
    align-items: center ;
}
.flex-row-between2{ 
    display: flex;
    justify-content: space-between;  
}
.flex-row-around{ 
    display: flex;
    justify-content: space-around; 
    align-items: center ;
} 
.flex-column-between{ 
    flex-direction: column;
    display: flex;
    justify-content: space-between; 
    align-items: center ;
}
.flex-column-around{ 
    display: flex;
    flex-direction: column;
    justify-content: space-around; 
    align-items: center ;
}
.section-title{   
    width:1140px;
    padding:0 30px;
    height:45px;
    line-height: 45px;
    background: #3b77e2;
    color:#fff;
}
.section-title2{   
    width:1138px; 
}
.bottom-line{
    border-bottom:1px solid #ccc;
}
.let-space-20{  
	letter-spacing: 0.2rem;
}
.let-space-25{  
	letter-spacing: 0.25rem;
}
.wid-40{
    width:40%;
} 
.wid-50{
    width:50%;
}
.wid-75{
    width:75%;
}  
.wid-80{
    width:80%;
}  
.wid-85{
    width:85%;
}   
.wid-90{
    width:90%;
}  
.wid-95{
    width:95%;
}  
.wid-100{
    width:100%;
} 
.hei-5{ 
    height:5px; 
}  
.hei-10{ 
    height:10px; 
}  
.hei-20{ 
    height:20px; 
}  
.hei-40{ 
    height:40px; 
}  
.hei-80{ 
    height:80px; 
}  
.mrg-5{ 
    margin:5px; 
}  
.mrg-10{ 
    margin:10px; 
}  
.mrg-20{ 
    margin:20px; 
}  
.mrg-40{ 
    margin:40px; 
}   
.pad-5{ 
    padding:5px; 
}  
.pad-10{ 
    padding:10px; 
}  
.pad-20{ 
    padding:20px; 
}  
.pad-40{ 
    padding:40px; 
}  
.bor-rad-2{
    border-radius:2px;
}
.bor-rad-4{
    border-radius:4px;
}
.bor-rad-6{
    border-radius:6px;
}
.bor-rad-8{
    border-radius:7px;
}
.bor-rad-10{
    border-radius:10px;
}

.none-result{ 
    background: #fff;
    /*border-top:1px solid #ccc;*/
    text-align: center;
    /*font-size: 24px; */
    line-height: 300px; 
    height:300px;
}
.h30{
    height:30px;
    line-height: 30px;
}
.no-edit{ 
     -webkit-line-clamp:unset !important;
     overflow:unset !important;
}

.green{
    color:green;
}
.white{
    color:#fff;
}
.red{
    color:red;
}
.yellow{
    color:yellow;
}
.blue{
    color:blue;
}
.gray{
    color:gray;
}
.color1{
    color:rgb(150, 210, 240);
}

.bg-green{
    background:green;
}
.bg-white{
    background:#fff;
}
.bg-red{
    background:red;
}
.bg-yellow{
    background:yellow;
}  
.bg-color1{
    background:rgb(150, 210, 240);
}