@import 'https://at.alicdn.com/t/font_1838361_41hs5gwxkvs.css';

html {

       

}

html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

    font-family:Verdana,微软雅黑; *font-family:微软雅黑,Verdana; 

}



h1,

h2,

h3,

h4,

h5,

h6,

em,

i {

    font-weight: 100;

    font-style: normal

}



ul,

ol,

li {

    list-style-type: none

}



a {

    color: #666;

    text-decoration: none;

    outline: 0

}
.footer-es a{
    color: #ffffff;
    font-size: 14px;
}



a:hover {

    text-decoration: none

}

/* html{
    width: 100vw;
    overflow-x: hidden;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter:none;
}
 */

@media screen and (max-width: 1420px) {

    body .spring-box-viewer {

        width: 100%;

        height: 100%;

        position: relative;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    body .spring-box-viewer-content img {

        width: 60%;

        height: unset;

        position: absolute;

        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;

    }



    body .spring-box-viewer-button {

        position: absolute;

        border: none;

        background: none;

        left: 0;

        width: 3rem;

        height: 3rem;

    }



    body .spring-box-viewer-content {

        height: unset;

        margin: auto;

        position: relative;
    }

    body .spring-box-viewer-button span {

        color: #fff;

        font-size: 2rem;

    }

    body .spring-box-viewer-button:last-child{

        right: 0;

        left: unset;

    }

    body .spring-box-viewer-content .title{

        font-size: 1.2rem;
        margin-top: 24rem;

    }

    body .spring-box {

        top: 4.5rem;

    }

}



.spring-box {

    position: fixed;

    width: 100vw;

    height: 100vh;

    background-color: rgba(0, 0, 0, .5);

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    display: none;

    /* animation: unfoldIn .2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; */

}



.spring-box-viewer {

    width: 1374px;

    height: 546px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.spring-box-viewer-button {

    width: 64px;

    height: 64px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    border: solid 1px #ffffff;

    cursor: pointer;

}



.spring-box-viewer-select {

    background-image: linear-gradient(0deg,

            #0084ce 0%,

            #37a8e0 100%);

    border: none;

}



.spring-box-viewer-button:last-child span {

    transform: rotate(180deg);

}





.spring-box-viewer-button span {

    color: #fff;

    font-size: 24px;

}



.spring-box-viewer-content {

    height: 122%;

}



.spring-box-viewer-content img {

    height: 100%;

    border-radius: 8px;

}



.spring-box-viewer-content .title {

    text-align: center;

    margin-top: 24px;

    color: #ffffff;

    font-size: 16px;

    cursor: pointer;

    text-decoration: underline;

}

body .weui-btn_primary {

    background-color: #0084ce;

}

body .weui-btn_primary:not(.weui-btn_disabled):active {

    background-color: #0084ce;

}
/* html body .header{
    position: unset;
}
@media screen and (max-width: 1420px) {

} */
.page{
    display: flex;
    justify-content: center;
}
body .page .prev-page{
    width: 70px;
	height: 34px;
    background-color: #6c7586;
    text-align: center;
    line-height: 34px;
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
body .page .prev-page a{
    color: #fff;
}
body .page .page-disabled{
    width: 70px;
	height: 34px;
    background-color: #6c7586;
    text-align: center;
    line-height: 34px;
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
}
body .page .page-disabled a{
    color: #fff;
}
body .page .nexts-page{
    width: 70px;
	height: 34px;
    background-color: #6c7586;
    text-align: center;
    line-height: 34px;
    color: #fff ;
    font-size: 12px;
    margin-left: 5px;
}
body .page .nexts-page a{
    color: #fff;
}
.page .page-item{
    width: 34px;
	height: 34px;
	background-color: #ffffff;
    border: solid 1px #c6e0ec;
    margin: 0 5px;
    font-size: 12px;
    color: #666666;
    text-align: center;
    line-height: 34px;
}
.page .page-actives{
    width: 34px;
	height: 34px;
	background-color: #0084ce;
	border: solid 1px #c6e0ec;
    margin: 0 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 34px;
}

/* .up{
    position: fixed;
    width: 50px;
    bottom: 50px;
    right: 50px;
    z-index: 10;
    cursor: pointer;
    display: none;
}
.up img{
    width: 100%;
}

@media screen and (max-width: 1420px) {
    .up{
        position: fixed;
        width: 4rem;
        bottom: 15rem;
        right: 2rem;
        z-index: 10;
        cursor: pointer;
        display: none;
    }
} */
@media screen and (max-width: 1360px) {
    .page-sidebar{
        display: none;
    }
}
.page-sidebar{
    position: fixed;
    width: 50px;
    height: 210px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    z-index: 12;
}

.page-module{
    width: 100%;
    height: 50px;
    margin-bottom: 2px;
    background-color: #373a3d;
    position: relative;
    cursor: pointer;
    
}
.page-module:hover{
    background-color: #0084cd;
}
.page-popup{
    position: absolute;
    width: 0;
    height: 50px;
    right: 50px;
    top: 0;
    background-color: #0f96e1;
    color: #ffffff;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    transition: all .3s;
    opacity: 0;
    white-space:nowrap
}
.page-module:hover .page-popup{
    width: 160px;
    opacity: 1;
}
.erweima .codes{
    width: 102px;
	height: 102px;
	background-color: #ffffff;
    border: solid 1px #cccccc;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    right: 55px;
    top: 0;
    opacity: 0;
    display: none;
    transition: all .3s;
}
.erweima .codes img{
    width: 100%;
}
.erweima:hover .codes{
    display: block;
    opacity: .9;
}
.page-module span{
    font-size: 24px;
    color: #ffffff;
    display: block;
    line-height: 50px;
    text-align: center;
}

.up{
    display: none;
}