/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-11-6, 16:30:41
    Author     : luopc
*/

.area-1{
    /*background-color:#F05638;*/
    background-color:#FFE600;
}
.area-2{
    background-color:#63B6B8;
    padding-top:72px;
    text-align: center;
}
.area-3{
    background-color:#2C2C2C;
    background-image: url(/resources/images/competition/4.png);
    background-position-x:center; 
    background-position-y:100%;
    background-repeat:no-repeat;
    padding-bottom:120px;
    margin-bottom: -6px;
}
.area-4{
    background-color:#FFC80A;
    padding-top:72px;
    text-align: center;
}
.area-5{
    background-color:#FFFFFF;
}
.area-6{
    background-color:#0E6DAD;
    padding-top:72px;
    text-align: center;
}
.area-7{
    background-color:#0F303F;
    padding-top:140px;
    text-align: center;
}
.area-8{
    background-color:#FB8414;
    padding-top:72px;
    text-align: center;
}
.btn-my{
    margin-top:10px;
    margin-bottom:10px;
    height:61px;
    width:220px;
    background-image: url(/resources/images/competition/5.png);
    background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center;
    background-size:100% auto;
}
.first-screen-0{
    height:460px;
    padding-top:60px;
    background-image: url(/resources/images/competition/2018.png);
    background-position-x:center;
    background-position-y:90%;
    background-repeat:no-repeat;
    background-size:50% auto;
}
.head-text{
    /*color:#FFFFFF;*/
    color: #000;
    opacity:100%; 
    font-size:15px;
}
.color-yellow{
    color:yellow;
    color:red;
}
.title{
    /*color:#FFFFFF;*/
    color: #000;
    opcaicty: 100%;
    font-size:33px
}
#requirement-txt{
    text-align: left;
}
HR{
    width:100%;
}
#zhangcheng{
    margin-bottom:15px;
}
#introduction-txt{
    text-indent:2em; 
    color:#FFFFFF;
    font-size:16px;
}
.reward{
    height:180px;
    background-image: url(/resources/images/competition/3.png);
    background-position-x:center;
    background-position-y:0%;
    background-repeat:no-repeat;
    background-size:auto 100%;
}
#start-time{
    color:#FFC80A;
    font-size:35px;
}
#bmd{
    display:none;
}
#lion{
    display:none;
}
.menu{
    width: 100%;
    float: left;
}
.zuzidanwei{
    text-align: center;
}
@media (min-width: 767px) {
    .menu{
        width: 14.28%;
        float: left;
    }
    .reward{
        height:260px;
        background-image: url(/resources/images/competition/3.png);
        background-position-x:center;
        background-position-y:0%;
        background-repeat:no-repeat;
        background-size:auto 100%;
    }
    #start-time{
        color:#FFC80A;
        font-size:60px;
    }
}
@media (min-width: 992px) {
    .zuzidanwei{
        text-align: left;
    }
    .area-1{
        /*background-color:#F05638;*/
        background-color:#FFE600;
        height:720px;
    }
    .area-2{
        background-color:#63B6B8;
        height:600px;
        text-align: right;
    }
    .area-3{
        background-color:#2C2C2C;
        height:720px;
    }
    .area-4{
        background-color:#FFC80A;
        height:600px;
        text-align: left;
    }
    .area-5{
        background-color:#FFFFFF;
        height:600px;
    }
    .area-6{
        background-color:#0E6DAD;
        height:600px;
        text-align: right;
    }
    .area-7{
        background-color:#0F303F;
        height:600px;
        text-align: left;
    }
    .area-8{
        background-color:#FB8414;
        height:850px;
        background-image: url(/resources/images/competition/15.png);
        background-position-x:left; 
        background-position-y:100%;
        background-repeat:no-repeat;
        background-size:auto 70%;
        padding-bottom:120px;
    }
    .first-screen-0{
        height:660px;
        padding-top:110px;
        background-image: url(/resources/images/competition/2018.png);
        background-position-x:center;
        background-position-y:80%;
        background-repeat:no-repeat;
        background-size:70% auto;
    }
    .first-screen-1{
        height:720px;
        /*background-image: url(/resources/images/competition/0.png);*/
        background-position-x:48%;
        background-position-y:bottom;
        background-repeat:no-repeat;
    }
    #requirement-area{
        background-image: url(/resources/images/competition/16.png);
        background-position-x:80%; 
        background-position-y:100%;
        background-repeat:no-repeat;
    }
    .title{
        /*color:#FFFFFF;*/
        color:#000;
        opcaicty: 100%;
        font-size:72px
    }
    HR{
        width:50%;
    }
    #contact-pic{
        height:400px;
        background-image: url(/resources/images/competition/17.jpg);
        background-position-x:center;
        background-position-y:center;
        background-repeat:no-repeat;
    }
    #introduction-txt{
        margin-top:50px;
        text-indent:2em; 
        color:#FFFFFF;
        font-size:16px;
    }
    #zhangcheng{
        text-align:left;
    }
    #dasailine{
        width:100%;
    }
    .reward{
        height:280px;
        background-image: url(/resources/images/competition/3.png);
        background-position-x:0%;
        background-position-y:0%;
        background-repeat:no-repeat;
        background-size:100% auto;
    }
    #start-time{
        color:#FFC80A;
        font-size:90px;
    }
    .btn-my{
        margin-top:10px;
        margin-bottom:10px;
        height:61px;
        width:235px;
        background-image: url(/resources/images/competition/5.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:center;
        background-size:100% auto;
    }
    #bmd{
        display: block;
    }
    #lion{
        display: block;
    }
    /*
      zhaojr competitionProduct
    */
    .crop-text {
        -webkit-line-clamp: 5;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}