/*古典皮肤*/
.skinClassical.horizontal .login {
    background-image: -webkit-linear-gradient(90deg, #A10008 40%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(90deg, #A10008 40%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(90deg, #A10008 40%, #FFFFFF 0px);
    background-image: -o-linear-gradient(90deg, #A10008 40%, #FFFFFF 0px);
    background-image: linear-gradient(90deg, #A10008 40%, #FFFFFF 0px);
}
.skinClassical.vertical .login {
    background-image: -webkit-linear-gradient(180deg, #A10008 25%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(180deg, #A10008 25%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(180deg, #A10008 25%, #FFFFFF 0px);
    background-image: -o-linear-gradient(180deg, #A10008 25%, #FFFFFF 0px);
    background-image: linear-gradient(180deg, #A10008 25%, #FFFFFF 0px);
}
.skinClassical .loginbtn{
    background-color: rgba(214, 41, 52, 0.8) !important;
    border-color: rgba(214, 41, 52, 0.8) !important;
}
.skinClassical .loginbtn:hover {
    background-color: rgba(214, 41, 52, 0.7) !important;
    border-color: rgba(214, 41, 52, 0.7) !important;
}
.skinClassical .loginbtn:active {
    background-color: rgba(214, 41, 52, 0.9) !important;
    border-color: rgba(214, 41, 52, 0.9) !important;
}
.skinClassical .zzc.item1 {
    display: block;
    background-image: url('backImages/Banner-1.jpg');
}
.skinClassical .zzc.item2 {
    background-image: url('backImages/Banner-2.jpg');
}
.skinClassical .zzc.item3 {
    background-image: url('backImages/Banner-3.jpg');
}
/*时尚皮肤*/
.skinDefault.horizontal .login {
    background-image: -webkit-linear-gradient(90deg, #0b79c6 40%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(90deg, #0b79c6 40%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(90deg, #0b79c6 40%, #FFFFFF 0px);
    background-image: -o-linear-gradient(90deg, #0b79c6 40%, #FFFFFF 0px);
    background-image: linear-gradient(90deg, #0b79c6 40%, #FFFFFF 0px);
}
.skinDefault.vertical .login {
    background-image: -webkit-linear-gradient(180deg, #0b79c6 25%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(180deg, #0b79c6 25%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(180deg, #0b79c6 25%, #FFFFFF 0px);
    background-image: -o-linear-gradient(180deg, #0b79c6 25%, #FFFFFF 0px);
    background-image: linear-gradient(180deg, #0b79c6 25%, #FFFFFF 0px);
}
.skinDefault .loginbtn{
    background-color: rgba(11,121,198, 0.8) !important;
    border-color: rgba(11,121,198, 0.8) !important;
}
.skinDefault .loginbtn:hover {
    background-color: rgba(11,121,198, 0.7) !important;
    border-color: rgba(11,121,198, 0.7) !important;
}
.skinDefault .loginbtn:active {
    background-color: rgba(11,121,198, 0.9) !important;
    border-color: rgba(11,121,198, 0.9) !important;
}
.skinDefault .zzc.item1 {
    display: block;
    background-image: url('backImages/Banner-4.jpg');
}
.skinDefault .zzc.item2 {
    background-image: url('backImages/Banner-5.jpg');
}
.skinDefault .zzc.item3 {
    background-image: url('backImages/Banner-6.jpg');
}
/*高雅皮肤*/
.skinElegance.horizontal .login {
    background-image: -webkit-linear-gradient(90deg, #805a19 40%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(90deg, #805a19 40%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(90deg, #805a19 40%, #FFFFFF 0px);
    background-image: -o-linear-gradient(90deg, #805a19 40%, #FFFFFF 0px);
    background-image: linear-gradient(90deg, #805a19 40%, #FFFFFF 0px);
}
.skinElegance.vertical .login {
    background-image: -webkit-linear-gradient(180deg, #805a19 25%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(180deg, #805a19 25%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(180deg, #805a19 25%, #FFFFFF 0px);
    background-image: -o-linear-gradient(180deg, #805a19 25%, #FFFFFF 0px);
    background-image: linear-gradient(180deg, #805a19 25%, #FFFFFF 0px);
}
.skinElegance .loginbtn{
    background-color: rgba(128,90,25, 0.8) !important;
    border-color: rgba(128,90,25, 0.8) !important;
}
.skinElegance .loginbtn:hover {
    background-color: rgba(128,90,25, 0.7) !important;
    border-color: rgba(128,90,25, 0.7) !important;
}
.skinElegance .loginbtn:active {
    background-color: rgba(128,90,25, 0.9) !important;
    border-color: rgba(128,90,25, 0.9) !important;
}
.skinElegance .zzc.item1 {
    display: block;
    background-image: url('backImages/Banner-7.jpg');
}
.skinElegance .zzc.item2 {
    background-image: url('backImages/Banner-8.jpg');
}
.skinElegance .zzc.item3 {
    background-image: url('backImages/Banner-9.jpg');
}
/*活力皮肤*/
.skinEnergy.horizontal .login {
    background-image: -webkit-linear-gradient(90deg, #e06c00 40%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(90deg, #e06c00 40%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(90deg, #e06c00 40%, #FFFFFF 0px);
    background-image: -o-linear-gradient(90deg, #e06c00 40%, #FFFFFF 0px);
    background-image: linear-gradient(90deg, #e06c00 40%, #FFFFFF 0px);
}
.skinEnergy.vertical .login {
    background-image: -webkit-linear-gradient(180deg, #e06c00 25%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(180deg, #e06c00 25%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(180deg, #e06c00 25%, #FFFFFF 0px);
    background-image: -o-linear-gradient(180deg, #e06c00 25%, #FFFFFF 0px);
    background-image: linear-gradient(180deg, #e06c00 25%, #FFFFFF 0px);
}
.skinEnergy .loginbtn{
    background-color: rgba(224,108,0, 0.8) !important;
    border-color: rgba(224,108,0, 0.8) !important;
}
.skinEnergy .loginbtn:hover {
    background-color: rgba(224,108,0, 0.7) !important;
    border-color: rgba(224,108,0, 0.7) !important;
}
.skinEnergy .loginbtn:active {
    background-color: rgba(224,108,0, 0.9) !important;
    border-color: rgba(224,108,0, 0.9) !important;
}
.skinEnergy .zzc.item1 {
    display: block;
    background-image: url('backImages/Banner-10.jpg');
}
.skinEnergy .zzc.item2 {
    background-image: url('backImages/Banner-11.jpg');
}
.skinEnergy .zzc.item3 {
    background-image: url('backImages/Banner-12.jpg');
}
/*自然皮肤*/
.skinNatrue.horizontal .login {
    background-image: -webkit-linear-gradient(90deg, #005825 40%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(90deg, #005825 40%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(90deg, #005825 40%, #FFFFFF 0px);
    background-image: -o-linear-gradient(90deg, #005825 40%, #FFFFFF 0px);
    background-image: linear-gradient(90deg, #005825 40%, #FFFFFF 0px);
}
.skinNatrue.vertical .login {
    background-image: -webkit-linear-gradient(180deg, #005825 25%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(180deg, #005825 25%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(180deg, #005825 25%, #FFFFFF 0px);
    background-image: -o-linear-gradient(180deg, #005825 25%, #FFFFFF 0px);
    background-image: linear-gradient(180deg, #005825 25%, #FFFFFF 0px);
}
.skinNatrue .loginbtn{
    background-color: rgba(0,88,37, 0.8) !important;
    border-color: rgba(0,88,37, 0.8) !important;
}
.skinNatrue .loginbtn:hover {
    background-color: rgba(0,88,37, 0.7) !important;
    border-color: rgba(0,88,37, 0.7) !important;
}
.skinNatrue .loginbtn:active {
    background-color: rgba(0,88,37, 0.9) !important;
    border-color: rgba(0,88,37, 0.9) !important;
}
.skinNatrue .zzc.item1 {
    display: block;
    background-image: url('backImages/Banner-13.jpg');
}
.skinNatrue .zzc.item2 {
    background-image: url('backImages/Banner-14.jpg');
}
.skinNatrue .zzc.item3 {
    background-image: url('backImages/Banner-15.jpg');
}
/*传统皮肤*/
.skinNormal.horizontal .login {
    background-image: -webkit-linear-gradient(90deg, #5a79ba 40%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(90deg, #5a79ba 40%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(90deg, #5a79ba 40%, #FFFFFF 0px);
    background-image: -o-linear-gradient(90deg, #5a79ba 40%, #FFFFFF 0px);
    background-image: linear-gradient(90deg, #5a79ba 40%, #FFFFFF 0px);
}
.skinNormal.vertical .login {
    background-image: -webkit-linear-gradient(180deg, #5a79ba 25%, #FFFFFF 0px);
    background-image: -moz-linear-gradient(180deg, #5a79ba 25%, #FFFFFF 0px);
    background-image: -ms-linear-gradient(180deg, #5a79ba 25%, #FFFFFF 0px);
    background-image: -o-linear-gradient(180deg, #5a79ba 25%, #FFFFFF 0px);
    background-image: linear-gradient(180deg, #5a79ba 25%, #FFFFFF 0px);
}
.skinNormal .loginbtn{
    background-color: rgba(90,121,186,0.8) !important;
    border-color: rgba(90,121,186,0.8) !important;
}
.skinNormal .loginbtn:hover {
    background-color: rgba(90,121,186,0.7) !important;
    border-color: rgba(90,121,186,0.7) !important;
}
.skinNormal .loginbtn:active {
    background-color: rgba(90,121,186,0.9) !important;
    border-color: rgba(90,121,186,0.9) !important;
}
.skinNormal .zzc.item1 {
    display: block;
    background-image: url('backImages/Banner-16.jpg');
}
.skinNormal .zzc.item2 {
    background-image: url('backImages/Banner-17.jpg');
}
.skinNormal .zzc.item3 {
    background-image: url('backImages/Banner-18.jpg');
}
.zzc.item5{
    display: block;
    background-image: url('backImages/bg5.jpg');
    background-size: cover;
}
.zzc.item6{
    display: block;
    background-image: url('backImages/bg6.jpg');
    background-size: cover;
}
.zzc.item7{
    display: block;
    background-image: url('backImages/bg7.jpg');
    background-size: cover;
}
.zzc.item8{
    display: block;
    background-image: url('backImages/bg8.jpg');
    background-size: cover;
}
.zzc.item9{
    display: block;
    background-image: url('backImages/bg9.jpg');
    background-size: cover;
}