/*reset css start*/input:focus,select:focus {outline:none;}
input {border:none;}
input[type=range].RangeInput { width: 260px; height: 6px; color: rgb(196, 196, 196);cursor: pointer;  padding: 0; margin: 0 10px; background: #dedede; border-radius:20px ; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
/* input[type=range].RangeInput::-webkit-slider-runnable-track {height: 6px;cursor: pointer;background: #dedede;border-radius: 2px} */
input[type=range].RangeInput::-webkit-slider-thumb {width: 16px;height: 16px;margin-top: -2px; cursor: pointer; background: #d3d3d3; border-radius: 50%; -webkit-appearance: none; appearance: none}
textarea:focus {outline:none;}
body,html {height:100%;width:100%;min-width:1200px}
body,h1,h2,h3,h4,h5,h6,ul,li,p {margin:0;padding:0;}
body {font-family: "Microsoft YaHei"; min-width:1200px;max-width:1920px;margin:0 auto;}
a {text-decoration:none;display:block; cursor: pointer;}
i,em{font-style:normal}
li {list-style:none}
img {border:0 none;}
/*common css*/.clearfix {*zoom:1;}
.clearfix:after {content:"";display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}
.txt-cut1{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txt-cut2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.txt-cut3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.txt-cut6 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; }
.txt-cut {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;  }
.flexBox{display: box; display: -moz-box;  display: -webkit-flex; display: flex; }
.imgBox{ overflow: hidden;}
.imgBox>img{ width: 100%; height: 100%; -webkit-transition: 0.6s;transition: 0.6s;}
a:hover >.imgBox>img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.w1200 {width:1200px;margin:0 auto;}
.btn_an {position: relative; overflow: hidden;}
.btn_an:after {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;transform: scale(0, 0);opacity: 0;transition: transform .3s, opacity .5s;}
.btn_an:hover:after { background-image: radial-gradient(circle, #000 10%, transparent 10.01%);background-repeat: no-repeat;background-position: 50%;transform: scale(10, 10);opacity: 0.3; transition: 0s;}
.waves-effect {position: relative;cursor: pointer;display: inline-block;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;-webkit-tap-highlight-color: transparent;vertical-align: middle; z-index: 1; -webkit-transition: .3s ease-out; transition: .3s ease-out}
.waves-effect::before,.waves-effect::after { content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.waves-effect::before{ background-image: linear-gradient(120deg, #59595731 0%, #2f2f2f31 35%,#11111131 100%);}
.waves-effect::after{ background-image: linear-gradient(120deg, #595957 0%, #2f2f2f 35%,#111111 100%);}
.waves-effect:hover::before,.waves-effect:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.waves-effect:hover::after{-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}
/* ripple */
.ripple{overflow: hidden;width: 100%;height: 100%;}
.ripple:after {content: "";display: block; position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none; background-image: radial-gradient(circle, #666 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .3s, opacity .5s;}
.ripple:active:after {transform: scale(0, 0);opacity: .3;transition: 0s;}
.ripple {overflow: hidden; position: relative; cursor: pointer;}
/* Ma */
.btn_ma{vertical-align: middle;position: relative;-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s;}
.btn_ma::before {content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;border-radius: 50px;z-index: -1;opacity: 0.4;-webkit-transform: scale3d(0.73, 0.42, 1);transform: scale3d(0.73, 0.42, 1);}
.btn_ma:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}
.btn_ma:hover::before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}
@-webkit-keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@-webkit-keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

/* Nk */
.btn_nk_bg {  -webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.btn_nk.button--inverted {background: #fff;color: #7986cb;}
.btn_nk > span { display: inline-block;}
.btn_nk_bg:hover {background-color: #007db4;}
.btn_nk:hover > span:nth-child(odd) {-webkit-animation: anim-nanuk-1 0.5s forwards; animation: anim-nanuk-1 0.5s forwards;}
.btn_nk:hover > span:nth-child(even) { -webkit-animation: anim-nanuk-2 0.5s forwards; animation: anim-nanuk-2 0.5s forwards;}
.btn_nk:hover > span:nth-child(odd), .btn_nk:hover > span:nth-child(even) { -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);}
@-webkit-keyframes anim-nanuk-1 { 0%, 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 49% {opacity: 1;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}50% { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);color: inherit;}51% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);color: #fff;}100% { color: #fff;}}
@keyframes anim-nanuk-1 { 0%, 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 49% {opacity: 1;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}50% { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);color: inherit;}51% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);color: #fff;}100% { color: #fff;}}
@-webkit-keyframes anim-nanuk-2 {0%, 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}49% {opacity: 1;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}50% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); color: inherit;}51% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);color: #ffff} 100% {color: #fff}}
@keyframes anim-nanuk-2 {0%, 100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}49% {opacity: 1;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}50% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); color: inherit;}51% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);color: #fff;} 100% {color: #fff;}}
.btn_nk:hover > span:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.btn_nk:hover > span:nth-child(2) {-webkit-animation-delay: 0.05s;animation-delay: 0.05s;}
.btn_nk:hover > span:nth-child(3) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.btn_nk:hover > span:nth-child(4) {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.btn_nk:hover > span:nth-child(5) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.btn_nk:hover > span:nth-child(6) { -webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.btn_nk:hover > span:nth-child(7) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.btn_nk:hover > span:nth-child(8) {-webkit-animation-delay: 0.35s;animation-delay: 0.35s;}
.btn_nk:hover > span:nth-child(9) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.btn_nk:hover > span:nth-child(10) {-webkit-animation-delay: 0.45s;animation-delay: 0.45s;}
.btn_nk:hover > span:nth-child(11) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}

.bounce.top {  }
.bounce.top .letter {letter-spacing: 2px; animation: bounceTop 0.95s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate; display: inline-block;  transform: translate3d(0, 0, 0);  margin-top: 5px;  text-shadow: rgba(255, 255, 255, 0.4) 0 0 1px; }
.bounce.top .letter:nth-child(1) {animation-delay: 0s;}
.bounce.top .letter:nth-child(2) {animation-delay: 0.0833333333s;}
.bounce.top  .letter:nth-child(3) {animation-delay: 0.1666666667s;}
.bounce.top .letter:nth-child(4) { animation-delay: 0.25s;}
.bounce.top .letter:nth-child(5) { animation-delay: 0.3333333333s;}
.bounce.top .letter:nth-child(6) { animation-delay: 0.4166666667s;}
.bounce.top .letter:nth-child(7) { animation-delay: 0.5166666667s;}
.bounce.top .letter:nth-child(8) { animation-delay: 0.5866666667s;}
.bounce.top .letter:nth-child(9) { animation-delay: 0.6166666667s;}
.bounce.top .letter:nth-child(10) { animation-delay: 0.6666666667s;}
.bounce.top .letter:nth-child(11) { animation-delay: 0.7166666667s;}
.bounce.top .letter:nth-child(12) { animation-delay: 0.78166666667s;}
.bounce.top .letter:nth-child(13) { animation-delay: 0.88166666667s;}
.bounce.top .letter:nth-child(14) { animation-delay: 0.92166666667s;}
.bounce.top .letter:nth-child(15) { animation-delay: 0.98166666667s;}
.bounce.top .letter:nth-child(16) { animation-delay: 1.18166666667s;}
.bounce.top .letter:nth-child(17) { animation-delay: 1.21166666667s;}
.bounce.top .letter:nth-child(18) { animation-delay: 1.28166666667s;}
.bounce.top .letter:nth-child(19) { animation-delay: 1.32166666667s;}
.bounce.top .letter:nth-child(20) { animation-delay: 1.38166666667s;}
  @keyframes bounceTop {0% {transform: translate3d(0, 0, 0);text-shadow: rgba(33, 80, 133, 0.2) 0 0 1px;}100% {transform: translate3d(0, -5px, 0);text-shadow: rgba(33, 80, 133, 0.2) 0 20px 5px; }}

/* Tamaya */
.btn_ta {overflow: hidden;}
.btn_ta::before,.btn_ta::after {content: attr(data-text);position: absolute;width: 100%;height: 50%;left: 0; background: #007db4;color: #ffffff;overflow: hidden;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.btn_ta::before {top: 0;}
.btn_ta::after {bottom: 0;line-height: 0;}
.btn_ta > span {display: block;-webkit-transform: scale3d(0.2, 0.2, 1);transform: scale3d(0.2, 0.2, 1);opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;	transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.btn_ta:hover::before {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.btn_ta:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.btn_ta:hover > span {opacity: 1; font-size: 16px; font-weight: bold; -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
/* Wayra */
.btn_wa {position: relative;z-index: 1; overflow: hidden;-webkit-transition: border-color 0.3s, color 0.3s;transition: border-color 0.3s, color 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.4, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.4, 1);}
.btn_wa::before {content: '';position: absolute;top: 0;left: 0;width: 130%;height: 100%;background-image: #37474f;z-index: -1;-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-image 0.4s;transition: transform 0.4s, opacity 0.4s, background-image 0.4s;}
.btn_wa:hover::before {opacity: 1;background-image: linear-gradient(to bottom, #ff9e01 0%, #f96c3d 100%);-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
#inputCopy {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
/* 顶部 */
header{ background: url("../img/headerBg.png") no-repeat bottom; max-width: 1920px; min-width: 1200px; width: 100%; position: relative;height: 200px;}
header>.line{ background: #e5e5e5; width: 100%; height: 1px; position: absolute; bottom: 47px;}
header>.w1200{position: relative;}
header >.headerTop{max-width: 1920px; min-width: 1200px; width: 100%; position: relative; height: 40px; background: #1c4373;}
header >.headerTop p{font-size: 14px; color: rgb(162, 188, 220);line-height: 40px; height: 40px; display: inline-block; width: 360px;}
header>.headerTop >.w1200 > .fr > .search_box {position:relative;min-width:26px;min-height:26px;margin-top:8px; z-index:9; width: 204px;}
header>.headerTop >.w1200 > .fr > .search_box > .search {width:160px;height:24px;background-color: rgb(114, 144, 181);border-radius:30px; font-size: 14px; padding-top:2px;color: #333;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:15px;margin-right:0px;}
header>.headerTop >.w1200 > .fr > .search_box > .search::placeholder{color: #224f86; }
header>.headerTop> .w1200 > .fr > .search_box > i {position:absolute;right:2px;width:26px;height:26px;display:inline-block;}
header>.headerTop > .w1200 > .fr > .search_box > .btn_search {position:absolute;cursor: pointer; width:30px;height:25px;right:10px;top:0px;background:url("../img/search.png") no-repeat center;cursor:pointer;}
header>.headerTop > .w1200 > .fr .link{display: block;float: right; padding-top: 10px;}
header>.headerTop > .w1200 > .fr .link a{ display: inline;font-size: 14px;  color: rgb(162, 188, 220);}
header #Logo {margin-top: 25px;}

#navArea {display: flex; width: 1200px; justify-items: center; align-items: center; min-height: 44px; padding-top: 22px ;}
#navArea >li{ flex: 1; position: relative;}
#navArea >li>a { font-size: 18px;color: rgb(255, 255, 255);text-align: center; line-height: 44px; letter-spacing: 2px;}
#navArea >li>.nav_list{max-height: 0;overflow: hidden;-webkit-transition: max-height 0.3s;transition: max-height 0.3s;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;width: 100%;top: 50px; background: rgba(0, 0, 0, 0.31);z-index: 39; display: inline-block;}
#navArea >li:hover>a, #navArea >li.on>a{color: #224f86; background: #fff;}
#navArea >li:hover>.nav_list{ max-height: 500px;}
#navArea >li>.nav_list> a{font-size: 16px; line-height: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255);}
#navArea >li:hover>.nav_list> a:hover{background: rgba(0,0,0,0.2);}
  
/* 弹出框 */
.tipsClass{position:fixed;letter-spacing: 2px; border-radius: 10px;text-align: center; left:50%;top:10%;transform:translateX(-50%);border:1px solid #EBEEF5;min-width:350px;transition:top .3s ease-out;padding:15px 15px 15px 20px;display:flex;align-items:center;z-index:999999;}
.tipsClass.ok{background:#F0F9EB;color:#67C23A; font-weight:bold ;}
.tipsClass>i{position: relative;margin-right:30px;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;font-size:14px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;}
.tipsClass.ok>i:before{content:"✔";color:#fff; display: block}
.tipsClass.ok>i:after{display:block;position:absolute;content:"";width:20px;height:20px;line-height:20px;background:#67C23A;left:-5px;top:-3px;border-radius:50%;text-align:center;z-index:-1;}
.tipsClass.err{border-color:#fde2e2;background-color:#fef0f0;font-weight:bold;color:#F56C6C;}
.tipsClass.err>i:before{content:"×";color:#fff;display: block}
.tipsClass.err>i:after{display:block;position:absolute;content:"";width:20px;height:20px;line-height:20px;background:#F56C6C;left:-5px;top:-3px;border-radius:50%;text-align:center;z-index:-1;}
.tipsClass.warn{border-color:#faecd8;background-color:#fdf6ec;color:#E6A23C; }
.tipsClass.warn>i:before{content:"!";color:#fff;font-weight:bold;display: block}
.tipsClass.warn>i:after{display:block;position:absolute;content:"";width:20px;height:20px;line-height:20px;background:#E6A23C;left:-8px;top:-3px;border-radius:50%;text-align:center;z-index:-1;}
article{min-height: 900px;}
footer{ background: url("../img/footerBg.png") no-repeat top; padding-top:30px; height: 170px; position: relative;}
footer>.w1200 .leftBox p,footer>.w1200 .leftBox p a{  font-size: 14px;color: rgb(255, 255, 255); line-height: 2;}
footer>.w1200 .leftBox p a{display: inline;}
footer>.w1200 .leftBox{padding-top: 10px ; width: 445px; display: inline-block;vertical-align: top;}
footer>.w1200 .midBox{ display: inline-block;width: 370px;vertical-align: top;}
footer>.w1200 .rightBox{display: inline-block;width: 374px;vertical-align: top;}
footer>.w1200 .rightBox ul{padding-top: 0px; position：relative; z-index:99}
footer>.w1200 .rightBox ul li{ display: inline-block;width: 70px; padding-top: 20px; position: relative; text-align: right;}
footer>.w1200 .rightBox ul li p{font-size: 14px; color: rgb(255, 255, 255); text-align: center;position: relative; z-index: 8;padding-top: 8px ; padding-left: 10px ;}
footer>.w1200 .rightBox ul li span{position: relative;z-index: 8; display: block;width: 66px;
height: 66px;}
footer>.w1200 .rightBox ul li span img{
    width: 100%;
    height: 100%;
}
footer>.w1200 .rightBox ul li .QRCode{position: absolute;display: none;z-index:9; width: 90px; height: 90px; padding: 5px; background: #fff; top:-85px;left: -15px;}
footer>.w1200 .rightBox ul li .QRCode img{width: 90px;height: 90px;}
footer>.w1200 .rightBox ul li .QRCode::after{content: ""; display: block; position: relative;width: 0; border: 5px solid transparent ; border-top: 8px solid  #fff; bottom: 0; left: 42px;}
footer>.w1200 .rightBox ul li:hover .QRCode{display: block;}



#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 9999;
}
#pictureViewer > .content{
    /* background-color: #fff; */
    position: absolute;
    width: 88%;
    max-width: 1400px;
    height: 80%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width: 1920px) {#pictureViewer > .content{max-width: 1200px;}}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    /* background-color: #ff2e67; */

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
   pointer-events: none;
}


#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/close_icon.png);
    background-size: 30px;
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 80px;
    height: 80px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url("../img/left_btn.png");
}
#pictureViewer .handel-next{
    background-image: url("../img/right_btn.png");
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    /* background-color: #ff2e67; */
    background-size: 80px;
}
#pictureViewer .picture-content{
    display: inline-block;
    width: calc(100% - 160px);
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    /* max-height: 100%; */
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #fafafa;
    font-size: 13px;
}
    #pictureViewer .hide{
        display: none;
    }
    #pictureViewer .left{
        float: left;
    }
    #pictureViewer .right{
        float: right;
    }
    #pictureViewer .clear-flex{
        clear: both;
    }
    #pictureViewer img{
        max-width: 100%;
        /* max-height: 100%; */
    }

.fangwen{
    height: 40px;
    position: relative;
}
.fangwen>p{
    display: block !important;
    font-size: 14px;
    color: rgb(162, 188, 220);
    line-height: 1;
    padding-left: 15px;
    padding-top: 2px;
    cursor: pointer;
    width: auto !important;
}
#fangwen{
	width: 180px;
	display: none;
	background-color: #ffffff;
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translate(-50%,0);
	padding: 10px 0;
    z-index: 9999;
}
#fangwen li a{
	color: #333333;
	font-size: 16px;
    line-height: 1.2;
    padding: 6px 10px;
	text-align: center;
}
#fangwen li:hover{
	background-color: rgba(0, 0, 0, 0.3);
}