/*1、通用 CSS ：大部分元素具备的样式*/
body{
    font:12px "microsoft yahei",Arial,Helvetica,sans-serif;
    color:#666;
    margin:0;
    background-color: #ffffff;
    min-width: 1250px;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{
    margin:0;
    padding:0;
    list-style:none;
}
img{
    vertical-align:bottom;
}
a{
    color:#666;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
.lf{float:left;}
.rt{float:right;}
.clear:after{
    content: ' ';
    display: table;
    clear: both;
}
.clear{
    clear: both;
}
/*================================================*/
.img{
    background-image: url("../images/img1.png");
    background-size: 100% 100%;
}
.content{
    width: 1200px;
    margin: 0 auto;
}
.header{
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding-top: 60px;
}
.header>div.headerLeftDiv{
    width: 320px;
    height: 30px;
    border-bottom:1px solid #fff;
}
.header>span{
    font-size: 40px;
    color: #fff;
}
.header>div.headerRightDiv{
    width: 320px;
    height: 30px;
    border-bottom:1px solid #fff ;
}
/*订单、会员、景区...*/
.section{
    width: 100%;
    height: 434px;
    padding-top: 120px;
    padding-bottom: 400px;
}
.sectionLeft{
    width: 606px;
    height: 434px;
    overflow: hidden;
}
.sectionLeft>ul{
    width: 180px;
    height: 200px;
    margin-left: 30px;
    background: url("../images/img2.png") no-repeat;
    border: 1px solid #ffffff;
    border-radius: 5px ;
}
.sectionLeft>ul.orderContainer{
    margin-left: 0;
}
.sectionLeft>ul.wxContainer{
    margin-left: 0;
}
.sectionLeft>ul.top{
    margin-top: 30px;
}
.sectionLeft>ul>li>a{
    display: block;
    width: 180px;
    height: 200px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.sectionLeft>ul>li>a>dl>dt{
    display: inline-block;
    text-align: center;
    margin-top: 30px;
}
.sectionLeft>ul>li>a>dl>dd{
    margin-top: 10px;
}
.sectionLeft>ul.orderContainer>li>a>dl>dt{
    width: 85px;
    height: 97px;
    background: url("../images/img.png") -41px -19px no-repeat;
}
.sectionLeft>ul.memberContainer>li>a>dl>dt{
    width: 109px;
    height: 98px;
    background: url("../images/img.png") -176px -18px no-repeat;
}
.sectionLeft>ul.scenicContainer>li>a>dl>dt{
    width: 106px;
    height: 102px;
    background: url("../images/img.png") -326px -12px no-repeat;
}
.sectionLeft>ul.wxContainer>li>a>dl>dt{
    width: 106px;
    height: 84px;
    background: url("../images/img.png") -30px -177px no-repeat;
}
.sectionLeft>ul.newsContainer>li>a>dl>dt{
    width: 96px;
    height: 88px;
    background: url("../images/img.png") -183px -176px no-repeat;
}
.sectionLeft>ul.accountContainer>li>a>dl>dt{
    width: 95px;
    height: 84px;
    background: url("../images/img.png") -336px -180px no-repeat;
}
/*登录*/
.registerContainer{
    width: 500px;
    height: 434px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-image: url("../images/img3.png");
    background-repeat:no-repeat ;
    background-size: 500px 434px;
    overflow: hidden;
}
/*头像*/
.registerContainer>div.headPortraitContainer{
    width: 100%;
    height: 110px;
    line-height: 110px;
    text-align: center;
    margin-top: 60px;
}
.registerContainer>div.headPortraitContainer>a{
    display: inline-block;
    width: 107px;
    height: 106px;
    background: url("../images/img.png") -322px -310px no-repeat;
}
/*输入框*/
.input{
    text-align: center;
}
.userImg,
.passwordImg{
    float: left;
    display: block;
    width:33px;
    height:35px;
    line-height: 50px;
    margin: 7.5px 0 7.5px 20px;
}
.userContainer,
.passwordContainer{
    width: 400px;
    height: 50px;
    margin: 20px auto 0 auto;
    border: 1px solid #A09295;
    border-radius: 10px;
    background-color: transparent;
}
.input>form>div>input{
    width: 310px;
    height: 46px;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-right: 10px;
    margin-top: 2px;
    float: right;
    font-size: 20px;
    color: #fff;
    outline: none;
}

/*输入框中的文字样式*/
input::-webkit-input-placeholder {/* WebKit browsers */
    color:#fff;
    font-size: 15px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    font-size: 15px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    font-size: 15px;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
    font-size: 15px;
}
.input>a{
    display: block;
    width: 400px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    margin: 30px auto 0 auto;
    background-color: #0DA9F0;
}
@media screen and (min-width: 1530px) and (max-width:1899px){
    .content{
        width: 1500px;
    }
    .header>div.headerLeftDiv{
        width: 400px;
    }
    .header>div.headerRightDiv{
        width: 400px;
    }
    /*订单、会员、景区...*/
    .section{
        height: 434px;
        padding-top: 120px;
        padding-bottom: 400px;
    }
    .section>div.sectionLeft{
        width: 800px;
        height: 434px;
    }
    .section>div.sectionLeft>ul{
        width: 220px;
        height: 200px;
        margin-left: 67px;
    }
    .section>div.sectionLeft>ul.orderContainer{
        margin-left: 0;
    }
    .section>div.sectionLeft>ul.wxContainer{
        margin-left: 0;
    }
    .section>div.sectionLeft>ul.top{
        margin-top: 30px;
    }
    .section>div.sectionLeft>ul>li>a{
        display: block;
        width: 220px;
        height: 200px;
        text-align: center;
        font-size: 20px;
        color: #fff;
    }
    .section>div.sectionLeft>ul>li>a>dl>dt{
        margin-top: 30px;
    }
    .section>div.sectionLeft>ul>li>a>dl>dd{
        margin-top: 10px;
    }
}
@media screen and (min-width:1900px){
    .content{
        width: 1700px;
    }
    .header{
        height: 90px;
        line-height: 90px;
        padding-top: 120px;

    }
    .header>div.headerLeftDiv{
        width: 420px;
        height: 45px;
    }
    .header>span{
        font-size: 65px;
    }
    .header>div.headerRightDiv{
        width: 420px;
        height: 45px;
    }
    /*订单、会员、景区...*/
    .section{
        height: 500px;
        padding-top: 120px;
        padding-bottom: 400px;
    }
    .section>div.sectionLeft{
        width: 1000px;
        height: 434px;
    }
    .section>div.sectionLeft>ul{
        width: 300px;
        height: 225px;
        margin-left: 30px;
        border-radius: 5px ;
        background-size: 302px 227px;
    }
    .section>div.sectionLeft>ul.top{
        margin-top: 30px;
    }
    .section>div.sectionLeft>ul>li>a{
        width: 300px;
        height: 225px;
        font-size: 25px;
    }
    .section>div.sectionLeft>ul>li>a>dl>dt{
        margin-top: 30px;
    }
    .section>div.sectionLeft>ul>li>a>dl>dd{
        margin-top: 20px;
    }
    /*登录*/
    .section>div.registerContainer{
        width: 500px;
        height: 434px;
        border: 1px solid #ffffff;
        border-radius: 5px;
        background-image: url("../images/img3.png");
        background-repeat:no-repeat ;
        background-size: 502px 436px;
    }
    /*头像*/
    .section>div.registerContainer>div.headPortraitContainer{
        width: 100%;
        height: 110px;
        line-height: 110px;
        margin-top: 60px;
    }
    .section>div.registerContainer>div.headPortraitContainer>a{
        display: inline-block;
        width: 107px;
        height: 106px;
        background: url("../images/img.png") -322px -310px no-repeat;
    }
}