// @path : "http://www.yiibai.com/less";
// @import "@{path}/external1.less";

@import '/public/mdv/config.php?outmode=less&timesamp=3asbbsaa4';

.clear-fix:after
{
     content:".";     display:block;     height:0;     clear:both;     visibility:hidden;
}

@BODY_WIDTH : @webWidth ;

@BANNER_HEIGHT : 580px;

.IndexBanner {

    width : @BODY_WIDTH ; margin : 0 auto ; margin-top : 18px ;
}

.IndexBannerBox {
        
        img { width : 1200px ; height : @BANNER_HEIGHT ; } 
}

.HotIslands {

    width : @BODY_WIDTH ;
    margin : 0 auto ;
    margin-top : 12px ;
    
    .HotIslandsBox {
        
        .titleLine {

            img {
                width : 1200px ;
            }
        }

        .contLine {

            li {
                background: url(http://oss.aliyuncs.com/sealineholiday/madai/images/long_bg.gif) 0 0 no-repeat;
                width: 290px;
                height: 420px;
                margin: 12px 0 6px 6px;
                _margin: 12px 0 6px 16px;
                float: left;
                zoom: 1;
            }

            a {
                display: block;
                width: 290px;
                height: 420px;
                overflow: hidden;
                position: relative;
                text-decoration: none;
            }

            img {
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 0;
                width: 290px;
                height: 420px;
            }

            span {
                background: url(http://oss.aliyuncs.com/sealineholiday/madai/images/bg_deco.png);
                display: block;
                height: 36px;
                width: 290px;
                position: absolute;
                z-index: 1;
                bottom: -36px;
                color: #FFF;
                font-size: 14px;
                text-align: center;
                line-height: 36px;
                font-weight: bold;
            }

        }
    }

}

.NewOffer {

    width : @BODY_WIDTH ;
    margin : 0 auto ;
    margin-top : 12px ;
    
    .NewOfferBox {
        
        .titleLine {

            img {
                width : 980px ;
            }
        }

        .contLine {
            margin-top: 20px ;

            li {
              width : 50% ;
              height : 210px ;
              float : left ;
              margin-bottom: 15px ;

              dt {
                  height : 170px ;
                  float : left ;
                  overflow: hidden ;
              }

              dd {
                  width : 265px ;
                  float : left ;
                  margin-left : 20px ;
                  
              }

              dd:nth-of-type(3) {
                font-size: 12px;
                height: 80px;
                color: #666;
                line-height: 20px ;
                overflow: hidden ;
              }

              dd:nth-of-type(2) {
                font-size: 12px;
                height: 40px;
                margin-top : 15px ;
                color: #666;
              }

              dd:first-of-type{
                font-size: 20px;
                height: 24px ;
              }

              img {
                height : 170px ;
                width : 200px ;
              }
            }
        }
    }
}

.Baike {

    width : @BODY_WIDTH ;
    margin : 0 auto ;
    margin-top : 12px ;

    a:link { 
        font-style : normal ;
        color: rgb(87, 60, 115);
        font-family: tahoma, arial, sans-serif;
    }

    a:hover {
        text-decoration: underline;
    }
    
    .BaikeBox {
        
        .titleLine {
            height: 44px ;
            background: #ecebe6 ;
            font-weight: normal ;
            line-height: 35px ;
            padding-top : 30px ;

            div {
                float : left ;
                font-size : 16px ;
            }

            div:nth-of-type(1){
                font-size: 22px ;
                margin-left : 10px ;
                margin-right : 48px ;
            } 

            div:nth-of-type(2){
                font-size : 14px ;
            } 

            div:nth-of-type(3){
                margin-left : 45px ;
                font-size : 14px ;
            } 

        }

        .BaikeList .DataSummary {
            letter-spacing:2px;
        }

        .contLine {

            margin-top: 10px ;

            li {
                width : 50% ;
                min-height :100px ;
                float : left ;
                padding-top : 20px ;
                padding-bottom:  20px ;
               /* box-shadow: 0px 0px 6px 2px #0accc1 ;*/
                box-shadow: 0px 0px 6px 2px #ded293; 

                div {
                    width : 95% ;
                    padding-top : 4px ;
                    padding-bottom:  4px ;
                    font-size: 12px ;
                    line-height: 20px;
                }

                .DataTitle {
                    font-size: 16px ;

                    a {
                        border-left: solid 5px #4be4c1;
                        padding-left: 10px;
                    }
                    
                }

                .DataSummary {
                    text-indent: 16px;
                    line-height: 26px;
                    font-size: 12px;
                    color: #5a5956;
                   
                }

                
            }

            li:nth-of-type(odd) {
                margin-left :5px;
                width :49% ;
                margin-bottom:20px;
                margin-right:16px;
                background-color: #fbf7e1;
            }

            li:nth-of-type(even) {
                width :49% ;
                margin-bottom:20px;
                background-color: #f7edd2;
            }
        }
    }
}

.Weibo {

    width : @BODY_WIDTH ;
    margin : 0 auto ;
    margin-top : 12px ;

    a:link { 
        font-style : normal ;
        color: rgb(87, 60, 115);
        font-family: tahoma, arial, sans-serif;
    }

    a:hover {
        text-decoration: underline;
    }
    
    .WeiboBox {
        
        .titleLine {
            height: 44px ;
            background: #ecebe6 ;
            font-weight: normal ;
            line-height: 35px ;
            padding-top : 30px ;

            div {
                float : left ;
                font-size : 16px ;
            }

            div:nth-of-type(1){
                font-size: 22px ;
                margin-left : 10px ;
                margin-right : 48px ;
            } 

            div:nth-of-type(2){
                margin-left : 715px ;
                font-size : 14px ;
            } 

        }

        .contLine {
            ul {
                display: flex;
                flex-direction: row;
                -webkit-flex-direction: row;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
            }

            li {
                width : 25% ;
                float : left ;
                padding-top : 20px ;
                padding-bottom:  20px ;

                div {
                    width : 95% ;
                    padding-top : 4px ;
                    padding-bottom:  4px ;
                    font-size: 12px ;
                    line-height: 20px;
                }

                img {
                    width : 220px ;
                    height : 313px ;
                }
            }
        }
    }
}