#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -moz-calc(50% - 30px); top: -webkit-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; display: block !important; } .baguetteBox-button#previous-button { left: 2%; display: block !important; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: -moz-calc(2% + 6px); right: -webkit-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } article, aside, dialog, footer, header, section, nav, figure, menu, main { display: block; } .zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; } .zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; } .zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; } .zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; } .zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; } .zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; } .zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); } .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; } .zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; } /********************************************************* / When clicking on thumbs jqzoom will add the class / "zoomThumbActive" on the anchor selected /*********************************************************/ .wap-hd-nav { display: none; } .wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; } .wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; } .wap-nav .nav span { font-family: arial, helvetica, sans-serif; } .wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; } .wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; } .wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; } .wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; } .wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; } .wap-nav .addition.active { background-image: url("../images/yizi.png"); } .wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; } .wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; } .wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; } .wap-nav .nav > ul > li .c-show { display: none; width: 100%; } .wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > dl { padding: 20px; } .wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; } .wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #5097d7; } @media screen and (min-width: 992px) { .wap-nav, .menubtn { display: none; } } @media screen and (max-width: 991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #5097d7; } .wap-hd-nav-item { width: 33.33%; } .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; } .wap-hd-nav-item a.active { color: white; background-color: #5097d7; } } .slide .carouse { width: 100%; overflow: hidden; position: relative; cursor: pointer; } .slide .slideItem .banner-img { width: 100%; } .slide .carouse .slideItem { width: 100%; position: absolute; } .slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; } .slide .dotList { text-align: center; margin-top: 20px; } .slide .dotList ul li { display: inline-block; width: 10px; height: 10px; background-position: -12px 0px; margin-left: 10px; cursor: pointer; } .slide .dotList ul li.active { background-position: 0px 0px; } .slide .carousel-control { position: absolute; top: 45%; width: 30px; height: 30px; z-index: 999; } .slide .carousel-control.left { left: 0; background-position: -38px 0px; cursor: pointer; } .slide .carousel-control.right { right: 0; background-position: -85px 0px; cursor: pointer; } .slide .slidedetail { display: none; } .imgtoVideo img { width: 100%; } .imgtoVideo > div { padding: 1px; position: relative; cursor: pointer; width: 49%; display: inline-block; } .imgtoVideo > div:hover .imgtoVideoDetail { display: block; } .imgtoVideo .imgtoVideoDetail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 1px; display: none; } .imgtoVideo .imgtoVideoDetail > div { background: rgba(0, 98, 197, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); width: 100%; height: 100%; text-align: center; } .imgtoVideo .tovideo .imgtoVideoDetail { display: block; } .imgtoVideo .tovideo .imgtoVideoDetail > div { background: #0C2D47; width: 60px; height: 60px; color: #fff; line-height: 60px; vertical-align: middle; margin: 0 auto; margin-top: 17%; } .imgtoVideo .imgtoVideoDetail .fa-search { color: #fff; font-size: 25px; margin-top: 21%; } .contentIV { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: table; background: rgba(20, 43, 73, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); margin: 0 auto; z-index: -999; max-width: 1024px; display: none; } #picturetoVideo .carouse .slideItem { display: table; height: 100%; } #picturetoVideo .carouse .slideItem > div { display: table-cell; vertical-align: middle; text-align: center; } #picturetoVideo .carouse .slideItem .banner-img { max-width: 100%; width: auto; } .closeContentIV { position: absolute; top: 10px; right: 10px; font-size: 25px; color: #fff; font-weight: bold; cursor: pointer; z-index: 999; } * { margin: 0px; padding: 0px; } html { font-size: 62.5%; height: 100%; } body { margin: 0 auto; width: 100%; max-width: 1920px; overflow-x: hidden; font-family: arial, helvetica, sans-serif; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 1.2; } a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } a:hover { color: #5097d7; } ol, ul, li { list-style: none; } img { max-width: 100%; border: 0px solid #ccc; } table, embed, video { max-width: 100%; } input, textarea { border: none; background: none; font-family: inherit; } input[type="submit"], textarea[type="submit"] { cursor: pointer; } input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; } input[type="radio"], textarea[type="radio"] { cursor: pointer; } input:focus, textarea:focus { outline: none; } textarea { resize: none; } button { border: none; background: none; cursor: pointer; } em, i { font-style: normal; } /* .c-xx start */ .c-fl { float: left; } .c-fr { float: right; } .c-cb { clear: both; } .c-clearfix:after { content: ""; display: block; clear: both; } .c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .c-oh { overflow: hidden; } .c-wd { width: 1200px; } .c-tsn { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .c-bbx { -moz-box-sizing: border-box; box-sizing: border-box; } .c-pr { position: relative; } .c-mt-5 { margin-top: 5px; } .c-mt-10 { margin-top: 10px; } .c-mt-15 { margin-top: 15px; } .c-mt-20 { margin-top: 20px; } .c-mt-25 { margin-top: 25px; } .c-mt-30 { margin-top: 30px; } .c-mt-35 { margin-top: 35px; } .c-mt-40 { margin-top: 40px; } .c-mt-45 { margin-top: 45px; } .c-mt-50 { margin-top: 50px; } .c-nomt { margin-top: 0 !important; } .c-nomr { margin-right: 0 !important; } .c-nomb { margin-bottom: 0 !important; } .c-noml { margin-left: 0 !important; } .c-nomg { margin: 0 !important; } .c-nopt { padding-top: 0 !important; } .c-nopr { padding-right: 0 !important; } .c-nopb { padding-bottom: 0 !important; } .c-nopl { padding-left: 0 !important; } .c-nopd { padding: 0 !important; } .c-nofont { line-height: 0; font-size: 0; } .c-nobg { background: none !important; } /* .c-xx end */ /* .f-xx start */ .f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .f-box { margin: 0 auto; max-width: 1200px; overflow: visible; } @media screen and (min-width: 992px) and (max-width: 1219px) { .f-box { width: 970px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .f-box { width: 750px; } } @media screen and (max-width: 767px) { .f-box { padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; box-sizing: border-box; } } /* .f-xx end */ /* @keyframes start */ @-webkit-keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } } @-moz-keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } } @keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } } /* @keyframes end */ /* .an-xx start */ .an-hoverimg-xy { position: relative; overflow: hidden; } .an-hoverimg-xy:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; } .an-hoverimg-xy:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 1; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; } .an-hoverimg-xy img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverimg-xy:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .an-hoverimg-xy:hover:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverimg-xy:hover:after { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverimg-beforex { position: relative; overflow: hidden; } .an-hoverimg-beforex:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; } .an-hoverimg-beforex img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverimg-beforex:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .an-hoverimg-beforex:hover:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverimg-beforey { position: relative; overflow: hidden; } .an-hoverimg-beforey:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; } .an-hoverimg-beforey img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverimg-beforey:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .an-hoverimg-beforey:hover:before { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .an-hoverbtn-beforey { position: relative; } .an-hoverbtn-beforey > * { position: relative; } .an-hoverbtn-beforey:before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); background-color: #5097d7; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverbtn-beforey:hover { color: #fff; } .an-hoverbtn-beforey:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .an-hoverbtn-beforex { position: relative; } .an-hoverbtn-beforex > * { position: relative; } .an-hoverbtn-beforex:before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); background-color: #5097d7; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverbtn-beforex:hover { color: #fff; } .an-hoverbtn-beforex:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverbtn-beforer { position: relative; overflow: hidden; } .an-hoverbtn-beforer > * { position: relative; } .an-hoverbtn-beforer:before { content: ""; position: absolute; right: 100%; top: 0; width: 100%; height: 100%; background-color: #5097d7; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverbtn-beforer:hover { color: #fff; } .an-hoverbtn-beforer:hover:before { right: 0; } .an-boxsd:hover { -webkit-animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); } /* .an-xx end */ /* .m-xx start */ .m-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #666; } .m-desc a { color: #5097d7; } .m-desc a:hover { text-decoration: underline; } .m-desc p, .m-desc span, .m-desc b { font-size: 14px; font-size: 1.4rem; line-height: 24px; } .m-desc img { max-width: 100%; } .m-desc iframe { display: block; max-width: 100%; margin: 0 auto; } .m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .m-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; } .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; } .table table tr td { padding: 3px; height: 30px; border: 1px solid #ccc; } @media screen and (max-width: 991px) { .table { width: 100%; overflow-x: scroll; } .table table { width: 991px !important; max-width: 991px; } } @media screen and (max-width: 991px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; } .m-tt2 { font-size: 20px !important; font-size: 2rem !important; } .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; } .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; } .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; } [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; } [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-modal { display: none; } } /* .m-xx end */ /* .j-xx start */ .j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; } .j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; } .j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } .j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .j-fadein { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; opacity: 0; } .j-fadein.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .j-lazy { min-width: 20%; } /* .j-xx end */ [class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; } [class*="-item"] .item-pic img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } [class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } [class*="-item"] .item-title { overflow: hidden; } [class*="-item"] .item-title a:hover { color: #5097d7; } [class*="-item"] .item-desc { overflow: hidden; } [class*="-item"] .item-desc a { display: block; } [class*="-item"] .item-desc a:hover { color: #5097d7; } #preloader { background-color: #333; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 99; } #loading-center { width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; text-align: center; } .object { width: 20px; height: 20px; background-color: #FFF; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 20px; margin-top: 65px; border-radius: 50% 50% 50% 50%; } #object_one { -webkit-animation: object_one 1.5s infinite; -moz-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; } #object_two { -webkit-animation: object_two 1.5s infinite; -moz-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; } #object_three { margin-right: 0; -webkit-animation: object_three 1.5s infinite; -moz-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes object_one { 75% { -moz-transform: scale(0); transform: scale(0); } } @keyframes object_one { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes object_two { 75% { -moz-transform: scale(0); transform: scale(0); } } @keyframes object_two { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes object_three { 75% { -moz-transform: scale(0); transform: scale(0); } } @keyframes object_three { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } .site-welcome { visibility: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99; opacity: 0; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-crm { margin-bottom: 22px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; } .m-crm a { color: #666; } .m-crm a:hover { color: #5097d7; } .m-crm a.active { color: #5097d7; } .m-oths { margin-top: 30px; overflow: hidden; border: 1px solid #ececec; } .m-oths .oths-item { position: relative; width: 50%; padding-left: 6.66667%; padding-right: 6.66667%; padding-top: 24px; padding-bottom: 24px; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 20px; font-size: 14px; font-size: 1.4rem; } .m-oths .item-name { color: #5097d7; } .m-oths .item-name i { font-size: 12px; font-size: 1.2rem; } .m-oths .item-title { height: 20px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m-oths .item-title a { color: #666; } .m-oths .item-title a:hover { color: #5097d7; } .m-oths .oths-item-1 { float: left; text-align: right; } .m-oths .oths-item-1:before { content: ""; position: absolute; right: 0; top: 50%; margin-top: -33px; width: 1px; height: 66px; background-color: #ececec; } .m-oths .oths-item-2 { float: left; } @media screen and (max-width: 480px) { .m-oths .oths-item { float: none; padding: 15px 10px; width: 100%; } .m-oths .oths-item-1 { text-align: left; } .m-oths .oths-item-1:before { left: 0; top: auto; bottom: 0; margin-top: 0; width: 100%; height: 1px; } } .m-page { margin-top: 35px; letter-spacing: 0; font-size: 0; text-align: right; } .m-page span { margin-left: 10px; margin-right: 10px; margin-bottom: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 30px; font-size: 12px; font-size: 1.2rem; color: #666; } .m-page input { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 50px; height: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #333; text-align: center; background-color: #ffffff; border-radius: 2px; border: solid 1px #d9d9d9; } .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; display: inline-block; *display: inline; *zoom: 1; min-width: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #c4c4c4; text-align: center; border: 1px solid #d9d9d9; border-radius: 2px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-page a:hover { color: white; border-color: #e94a55; background-color: #e94a55; } .m-page a.active { color: white; border-color: #e94a55; background-color: #e94a55; } .m-page2 { position: relative; } @media screen and (max-width: 991px) { .m-page { margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } } .returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 100px; width: 48px; height: 48px; background: url("../images/gotop.png") no-repeat center; background-color: #5097d7; border-radius: 50%; line-height: 0; font-size: 0; display: none; } @media screen and (max-width: 991px) { .returntop { bottom: 65px; width: 36px; height: 36px; } } .g-hd { position: relative; z-index: 9999; } .m-hdfix1 { background-color: #19242e; } .m-hduser { float: right; padding: 5px; line-height: 34px; font-size: 16px; font-size: 1.6rem; color: #fff; } .m-hduser a { color: #fff; } .m-hduser a:hover { color: #fff; text-decoration: underline; } .m-hduser .user-link, .m-hduser .user-line { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .m-hduser .user-line { margin: 0 10px; } .m-hdlogo { float: left; padding-top: 30px; line-height: 0; font-size: 0; } .m-hdlogo a { display: inline-block; *display: inline; *zoom: 1; } .m-hdsch { float: right; position: relative; padding-top: 38px; } .m-hdsch .box-btn { display: none; width: 36px; line-height: 36px; font-size: 16px; font-size: 1.6rem; color: #5097d7; text-align: center; border-radius: 50%; background-color: #fff; } .m-hdsch .box-form { position: relative; width: 460px; padding-right: 48px; background-color: #f2f2f2; -moz-box-sizing: border-box; box-sizing: border-box; } .m-hdsch .box-form .form-btn, .m-hdsch .box-form .iconfont { position: absolute; right: 0; top: 0; width: 38px; height: 50px; } .m-hdsch .box-form .iconfont { line-height: 50px; font-size: 16px; font-size: 1.6rem; color: #333; } .m-hdsch .form-text { width: 100%; height: 50px; line-height: 50px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #333; -moz-box-sizing: border-box; box-sizing: border-box; } .m-hdsch .form-text::-webkit-input-placeholder { color: #aaa; opacity: 1; } .m-hdsch .form-text:-moz-placeholder { color: #aaa; opacity: 1; } .m-hdsch .form-text::-moz-placeholder { color: #aaa; opacity: 1; } .m-hdsch .form-text:-ms-input-placeholder { color: #aaa; opacity: 1; } .m-hdfix3 { padding-bottom: 30px; } .m-hdnav { position: relative; font-size: 0; letter-spacing: 0; text-align: center; } .m-hdnav .nav-item { position: relative; margin-right: 50px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .m-hdnav .nav-item > a { position: relative; display: block; padding-left: 30px; padding-right: 30px; padding-top: 41px; padding-bottom: 18px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #120702; } .m-hdnav .nav-item > a:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background-color: transparent; } .m-hdnav .nav-item > a:hover, .m-hdnav .nav-item > a.active, .m-hdnav .nav-item > a.current { color: #5097d7; } .m-hdnav .nav-item > a:hover:before, .m-hdnav .nav-item > a.active:before, .m-hdnav .nav-item > a.current:before { background-color: #5097d7; } .m-hdnav:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 4px; background-color: #18242f; } @media screen and (max-width: 1219px) { .m-hdnav .nav-item { margin-right: 10px; } .m-hdsch .box-form { width: 300px; } } @media screen and (max-width: 991px) { .m-hdfix3 { display: none; } .m-hdsch { display: none; } .m-hdlogo { float: none; width: auto; text-align: center; padding: 30px 0; } .m-hduser { float: none; text-align: left; padding-right: 30px; } } .wap-hd-nav { display: none; } .wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; } .wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; } .wap-nav .nav span { font-family: arial, helvetica, sans-serif; } .wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; } .wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; } .wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; } .wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; } .wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; } .wap-nav .addition.active { background-image: url("../images/yizi.png"); } .wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; } .wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; } .wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; } .wap-nav .nav > ul > li .c-show { display: none; width: 100%; } .wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > dl { padding: 20px; } .wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; } .wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #5097d7; } @media screen and (min-width: 992px) { .wap-nav, .menubtn { display: none; } } @media screen and (max-width: 991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #5097d7; } .wap-hd-nav-item { width: 33.33%; } .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; } .wap-hd-nav-item a.active { color: white; background-color: #5097d7; } } .banner { position: relative; padding-top: 30px; padding-bottom: 30px; background-color: #18242d; } .banner .box-wp { position: relative; line-height: 0; font-size: 0; overflow: hidden; } .banner .box-wp:before { content: ""; position: absolute; z-index: 9; bottom: 0; left: 0; right: 0; height: 6px; background: url("../images/bdline.png") no-repeat center; } @media screen and (max-width: 991px) { .banner .box-wp { padding: 0 !important; } .banner .box-wp:before { display: none; } } .banner .dotList { position: absolute; left: 0; bottom: 10px; width: 100%; font-size: 0; letter-spacing: 0; text-align: center; display: none; } .banner .dotList ul li { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 10px; height: 10px; background-color: #fff; } .banner .dotList ul li.active { background-color: #5097d7; } .banner .carousel-control { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 24px; font-size: 2.4rem; color: #fff; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.3); } .banner .carousel-control:hover { background-color: #5097d7; } @media screen and (max-width: 991px) { .banner { padding: 0; } .banner .dotList { display: block; } .banner .carousel-control { display: none; } } .g-wp1 { padding-top: 30px; padding-bottom: 60px; } @media screen and (max-width: 991px) { .g-wp1 { padding-top: 40px; padding-bottom: 40px; } } .g-mn1 { float: left; width: 100%; padding-right: 340px; -moz-box-sizing: border-box; box-sizing: border-box; } .g-mn1.language-list {padding-right: 10px;} @media screen and (max-width: 991px) { .g-mn1 { padding-right: 0; } } .g-mn2 { float: left; width: 100%; padding-left: 340px; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 991px) { .g-mn2 { padding-left: 0; } } .g-sd1 { float: left; width: 300px; margin-left: -300px; } @media screen and (max-width: 991px) { .g-sd1 { margin-left: 0; margin-top: 30px; width: 100%; } } .g-sd2 { float: left; width: 300px; margin-left: -100%; } @media screen and (max-width: 991px) { .g-sd2 { margin-left: 0; margin-top: 30px; width: 100%; } } .m-articles > .list-item, .m-articles > .list-itemwp .list-item { position: relative; margin-top: 24px; padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 0; background-color: #fff; border: 1px solid #7e7e7e; border-bottom: 4px solid #000; -moz-box-sizing: border-box; box-sizing: border-box; } .m-articles > .list-item:first-child, .m-articles > .list-itemwp .list-item:first-child { margin-top: 0; } .m-articles .item-wp { padding-bottom: 20px; } .m-articles .item-pic { float: left; margin-right: 20px; width: 200px; } .m-articles .item-text { overflow: hidden; } .m-articles .item-title { height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; } .m-articles .item-desc { margin-top: 17px; } .m-articles .item-desc a { display: block; max-height: 88px; line-height: 22px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; } .m-articles .item-desc a:hover { color: #5097d7; } .m-articles .item-fix { line-height: 34px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-articles .item-fix1 { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #c5c6ca; } .m-articles .item-icon { margin-right: 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #666; } .m-articles .item-icon .iconfont { font-size: 20px; font-size: 2rem; vertical-align: middle; } .m-articles .item-icon a { color: #666; } .m-articles .item-icon a.active, .m-articles .item-icon a:hover { color: #e94a55; } .m-articles .item-author { max-width: 220px; } .m-articles .item-author a { display: inline-block; *display: inline; *zoom: 1; } .m-articles .item-author img { margin-right: 5px; width: 34px; vertical-align: middle; border-radius: 50%; } .m-articles .item-author span { vertical-align: middle; } .m-articles .item-author { margin-right: 20px; } @media screen and (max-width: 991px) { .m-articles > .list-item, .m-articles > .list-itemwp .list-item { padding-left: 25px; padding-right: 25px; } .m-articles .item-fix2 { padding-right: 25px; } .m-articles .item-title { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 640px) { .m-articles > .list-item, .m-articles > .list-itemwp .list-item { padding-left: 10px; padding-right: 10px; padding-top: 20px; } .m-articles > .list-item.list-edit, .m-articles > .list-itemwp .list-item.list-edit { padding-top: 45px; } .m-articles .item-icon { margin-right: 12px; } .m-articles .item-info1 { float: right; } .m-articles .item-info2 { position: absolute; top: 5px; left: 10px; } } @media screen and (max-width: 480px) { .m-articles .item-pic { float: none; width: 100%; margin-right: 0; } .m-articles .item-title { margin-top: 20px; } .m-articles .item-desc { margin-top: 10px; } .m-articles .item-author { float: none; max-width: 100%; } .m-articles .item-info1 { float: none; } } .m-blankimg { margin-top: 20px; position: relative; } .m-blankimg .box-list { width: 1000%; overflow: hidden; } .m-blankimg .list-wp { float: left; width: 10%; } .m-blankimg .box-page { position: absolute; left: 0; right: 0; bottom: 20px; font-size: 0; letter-spacing: 0; text-align: center; } .m-blankimg .page-item { margin: 0 6px; display: inline-block; *display: inline; *zoom: 1; width: 10px; height: 10px; background-color: #b8b8b8; border-radius: 50%; } .m-blankimg .page-item.active { background-color: #e94a55; } .m-sdtt { position: relative; padding-left: 24px; padding-right: 24px; padding-top: 8px; padding-bottom: 8px; line-height: 24px; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-transform: uppercase; background-color: #f1f1f1; } .m-sdtt a { color: #333; } .m-sdtt a:hover { color: #e94a55; } .m-sdtt:before { content: ""; position: absolute; left: 0; bottom: 0; width: 6px; height: 100%; background-color: #5097d7; } .m-sdcls .list-item { padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; border-bottom: 1px dashed #c5c6ca; } .m-sdcls .list-item2 { display: none; } .m-sdcls .list-item a { color: #666; } .m-sdcls .list-item a:hover { color: #5097d7; } .m-sdcls .box-link { margin-top: 11px; line-height: 24px; font-size: 14px; font-size: 1.4rem; overflow: hidden; } .m-sdcls .box-link a { margin-left: 5px; float: right; } .c-sdmt60 { margin-top: 60px; } .c-sdmt60:first-child { margin-top: 0; } @media screen and (max-width: 991px) { .c-sdmt60 { margin-top: 30px; } } .m-sdhtpost .item-title { position: relative; padding-left: 26px; padding-right: 20px; padding-top: 10px; padding-bottom: 12px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666; border-bottom: 1px dashed #c5c6ca; } .m-sdhtpost .item-title .iconfont { position: absolute; left: 0; top: 10px; font-size: 18px; font-size: 1.8rem; } .m-sdhtpost .item-title a { color: #666; } .m-sdhtpost .item-title a:hover { color: #5097d7; } .m-sdform .box-info { margin-top: 25px; line-height: 22px; font-size: 14px; font-size: 1.4rem; } .m-sdform .box-form { margin-top: 20px; } .m-sdform .form-item { float: left; margin-top: 15px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .m-sdform .form-item:first-child { margin-top: 0; } .m-sdform .form-label { margin-bottom: 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #222; } .m-sdform .form-text { width: 100%; height: 36px; padding-left: 10px; padding-right: 10px; line-height: 34px; font-size: 14px; font-size: 1.4rem; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e6e6; } .m-sdform .form-item2 { margin-left: 2px; width: 56.33333%; } .m-sdform .form-item3 { width: 40%; max-width: 121px; } .m-sdform .form-item4 { float: left; width: 100%; } .m-sdform .form-text2 { height: 160px; } .m-sdform .form-code { height: 36px; line-height: 34px; border: solid 1px #e6e6e6; border-radius: 4px; background-color: #fff; text-align: center; overflow: hidden; } .m-sdform .form-code a { display: block; } .m-sdform .form-code img { height: 34px; vertical-align: middle; } .m-sdform .form-btn { width: 100%; height: 36px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #e94a55; } .m-sdform .form-status { float: left; width: 100%; margin-top: 29px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-sdform .form-status img { vertical-align: middle; } @media screen and (max-width: 991px) { .m-sdform .form-item2 { margin-left: 10px; width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px); width: calc(100% - 130px); } .m-sdform .form-item3 { width: 120px; } } .g-ft { background-color: #19232d; } .m-ftfix1 { padding-top: 29px; padding-bottom: 28px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; } .m-ftfix1 a { color: #fff; } .m-ftfix1 a:hover { color: #5097d7; } .m-ftnav .item-line { margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; } .m-ftext { margin-top: 16px; } .m-nosch { text-align: center; } .m-nosch .box-text { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #666; } .m-nosch .box-link { margin-top: 35px; } .m-nosch .box-link a { display: inline-block; *display: inline; *zoom: 1; min-width: 140px; line-height: 26px; padding: 5px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #e94a55; } .m-nosch .box-link a:hover { background-color: #5097d7; } .m-article .box-title { line-height: 32px; font-size: 22px; font-size: 2.2rem; text-align: center; } .m-article .box-info { margin-top: 20px; text-align: center; line-height: 34px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-article .info-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 15px; } .m-article .info-item .iconfont { font-size: 20px; font-size: 2rem; } .m-article .info-item img { vertical-align: middle; } .m-article .share-title, .m-article .share-img { display: inline-block; *display: inline; *zoom: 1; height: 26px; line-height: 26px; vertical-align: top; } .m-article .share-title { margin-right: 5px; font-size: 14px; font-size: 1.4rem; color: #067ab4; } .m-article .box-user img { width: 34px; border-radius: 50%; } .m-article .box-desc { margin-top: 30px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-article .box-desc p, .m-article .box-desc span, .m-article .box-desc b { line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-article .box-ft { margin-top: 30px; text-align: right; } .m-article .box-share { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .m-article .box-share .share-title, .m-article .box-share .share-bd { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 26px; } .m-article .box-share .share-title { margin-right: 10px; font-size: 14px; font-size: 1.4rem; color: #666; } @media screen and (max-width: 991px) { .m-article .info-item { margin: 5px 10px; } } .m-comments { margin-top: 53px; } .m-comments .box-hd { padding-bottom: 14px; line-height: 30px; overflow: hidden; border-bottom: 1px solid #ececec; } .m-comments .box-fix1 { font-size: 0; letter-spacing: 0; } .m-comments .box-fix1 p { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .m-comments .box-fix1 a { color: #067ce0; } .m-comments .box-fix1 a:hover { color: #5097d7; } .m-comments .box-title { margin-right: 20px; position: relative; font-size: 22px; font-size: 2.2rem; font-weight: bold; color: #333; } .m-comments .box-info { font-size: 14px; font-size: 1.4rem; } .m-comments .box-num .iconfont { font-size: 20px; font-size: 2rem; } .m-comments .box-bd { margin-top: 25px; } .m-comments .box-textarea { padding: 15px 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; height: 200px; padding-bottom: 35px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; box-sizing: border-box; } .m-comments .box-ft { position: relative; z-index: 2; padding-top: 20px; text-align: right; } .m-comments .box-btn { display: inline-block; *display: inline; *zoom: 1; } .m-comments .box-btn input { width: 120px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #e94a55; } .m-comments .box-btn input:hover { background-color: #333; } .m-comments .box-msg { position: absolute; right: 30px; bottom: 100%; margin-bottom: 6px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; } @media screen and (max-width: 480px) { .m-comments { margin-top: 30px; } .m-comments .box-hd { line-height: 30px; padding-top: 5px; padding-bottom: 5px; } .m-comments .box-fix1 { float: none; } .m-comments .box-num { float: none; } } .m-cmmentslst .list-item { margin-top: 20px; padding: 21px; border: 1px solid #ececec; overflow: hidden; } .m-cmmentslst .item-wp { overflow: hidden; } .m-cmmentslst .item-pic { float: left; width: 50px; margin-right: 14px; border-radius: 50%; } .m-cmmentslst .item-text { overflow: hidden; } .m-cmmentslst .item-title { padding: 12px 0; line-height: 26px; font-size: 16px; font-size: 1.6rem; font-weight: bold; } .m-cmmentslst .item-desc { margin-top: 9px; } .m-cmmentslst .item-desc a { display: inline; } .m-cmmentslst .item-time { margin-top: 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; } @media screen and (max-width: 991px) { .m-cmmentslst .item-pic { float: none; margin-right: 0; margin-bottom: 20px; } .m-cmmentslst .item-title { padding: 0; } .m-cmmentslst .item-desc, .m-cmmentslst .item-time { padding-left: 0; } } .m-sduser { padding: 55px 20px; border: 2px solid #000000; text-align: center; } .m-sduser .box-img a { display: inline-block; *display: inline; *zoom: 1; } .m-sduser .box-img img { border-radius: 50%; } .m-sduser .box-name { margin-top: 0; line-height: 32px; font-size: 22px; font-size: 2.2rem; color: #000; } .m-sduser .box-name a { color: #000; } .m-sduser .box-name a:hover { color: #5097d7; } @media screen and (max-width: 991px) { .m-sduser { padding: 30px 15px; } .m-sduser .box-name { line-height: 1.2; font-size: 18px; font-size: 1.8rem; } } .m-sducnav .nav-item { margin-top: 10px; } .m-sducnav .nav-item a { display: block; padding: 10px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #000000; } .m-sducnav .nav-item a:hover, .m-sducnav .nav-item a.active { color: #5097d7; border-color: #5097d7; } .m-sducnav .nav-name { margin-top: 34px; line-height: 24px; font-size: 14px; font-size: 1.4rem; text-align: center; } .m-form .form-fix { position: relative; } .m-form .form-text { width: 100%; height: 40px; line-height: 38px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #333; border: 1px solid #ececec; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; } .m-form .form-text::-webkit-input-placeholder { color: #333; opacity: 1; } .m-form .form-text:-moz-placeholder { color: #333; opacity: 1; } .m-form .form-text::-moz-placeholder { color: #333; opacity: 1; } .m-form .form-text:-ms-input-placeholder { color: #333; opacity: 1; } .m-form .form-textarea { width: 100%; height: 120px; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 24px; padding: 12px; font-size: 14px; font-size: 1.4rem; color: #333; border: 1px solid #ececec; background-color: #fff; box-sizing: border-box; box-sizing: border-box; } .m-form .form-textarea::-webkit-input-placeholder { color: #333; opacity: 1; } .m-form .form-textarea:-moz-placeholder { color: #333; opacity: 1; } .m-form .form-textarea::-moz-placeholder { color: #333; opacity: 1; } .m-form .form-textarea:-ms-input-placeholder { color: #333; opacity: 1; } .m-form .form-title { margin-bottom: 11px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-form .form-title span { color: #e94a55; } .m-form .form-select { position: relative; width: 100%; } .m-form .select-title { position: relative; display: block; line-height: 38px; padding: 0 12px; font-size: 14px; font-size: 1.4rem; border: 1px solid #ececec; } .m-form .select-title:before { content: ""; position: absolute; right: 5px; top: 50%; margin-top: -4px; width: 0; height: 0; border-top: 9px solid #666; border-left: 8px solid transparent; border-right: 8px solid transparent; } .m-form .select-list { position: absolute; display: none; z-index: 9; left: 0; top: 100%; width: 100%; border: 1px solid #999; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; } .m-form .select-item { display: block; padding: 5px 15px; line-height: 28px; font-size: 14px; font-size: 1.4rem; } .m-form .select-item:hover { color: #fff; background-color: #5097d7; } .m-form .form-msg { font-size: 14px; font-size: 1.4rem; min-height: 36px; line-height: 36px; } .m-form .form-btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 80px; height: 30px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #dcdcdc; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-form .form-btn:hover { color: #fff; border-color: #e94a55; background-color: #e94a55; } @media screen and (max-width: 991px) { .m-form .form-title { position: relative; width: 100%; text-align: left; line-height: 30px; margin-bottom: 5px; } .m-form .form-fix { padding-left: 0; } } .m-postedit .form-fix { margin-top: 24px; } .m-postedit .form-fix:first-child { margin-top: 0; } .m-postedit .titlelen { float: left; margin-left: 10px; line-height: 40px; } .m-postedit .file-img { margin-right: 19px; display: inline-block; *display: inline; *zoom: 1; max-width: 200px; line-height: 0; font-size: 0; } .m-postedit .file-input { display: none; } .m-postedit .file-btn { margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; width: 80px; height: 30px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #dcdcdc; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-postedit .file-btn:hover { color: #fff; border-color: #e94a55; background-color: #e94a55; } .m-postedit .form-info { margin-top: 13px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; } .m-postedit .form-textarea2 { height: 680px; } .m-postedit .form-summary { position: relative; padding-bottom: 34px; border: solid 1px #dcdcdc; } .m-postedit .form-summary textarea { border: none; } .m-postedit .form-summary .textarea-info { position: absolute; right: 11px; bottom: 6px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; } .m-postedit .form-bt { text-align: left; font-size: 14px; font-size: 1.4rem; color: #666; } .m-postedit .form-bt span { margin-right: 10px; } @media screen and (max-width: 991px) { .m-postedit .form-title { position: relative; width: 100%; text-align: left; line-height: 30px; } .m-postedit .form-fix { padding-left: 0; } .m-postedit .file-img { margin-bottom: 15px; display: block; width: 100%; } .m-postedit .file-img img { max-width: 133px; } } .m-usertt { margin-bottom: 30px; } .m-usertt p { position: relative; padding-bottom: 2px; display: inline-block; *display: inline; *zoom: 1; line-height: 32px; font-size: 22px; font-size: 2.2rem; font-weight: bold; } .m-usertt p span { position: relative; } .m-usertt p:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #5097d7; } .m-userntf .list-item { position: relative; padding-right: 32px; padding-top: 10px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #ebebeb; } .m-userntf .list-item:hover .item-delete { display: block; } .m-userntf .item-title { height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; } .m-userntf .item-title .iconfont { margin-right: 5px; font-size: 18px; font-size: 1.8rem; } .m-userntf .item-delete { position: absolute; right: 0; top: 10px; line-height: 30px; font-size: 20px; font-size: 2rem; display: none; } .m-userarticles .box-hd { margin-bottom: 20px; } .m-userarticles .checkbox-input, .m-userarticles .checkbox-title, .m-userarticles .delete { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .m-userarticles .checkbox-input { margin-right: 5px; } .m-userarticles .checkbox-title { margin-right: 10px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-userarticles .delete { width: 80px; height: 36px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #e94a55; } .m-userarticles .list-itemwp { position: relative; margin-top: 20px; padding-left: 40px; } .m-userarticles .list-itemwp input { position: absolute; z-index: 5; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; } .m-userarticles .list-itemwp:first-child { margin-top: 0; } @media screen and (max-width: 640px) { .m-userarticles .list-itemwp { padding-left: 0; } .m-userarticles .list-itemwp input { left: auto; right: 5px; top: 5px; margin-top: 0; } } .m-usergroup .list-item { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #ebebeb; overflow: hidden; } .m-usergroup .item-wp { position: relative; } .m-usergroup .item-num, .m-usergroup .item-pic, .m-usergroup .item-link { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .m-usergroup .item-num { margin-right: 5.61798%; min-width: 30px; font-size: 20px; font-size: 2rem; color: #333; } .m-usergroup .item-pic { margin-right: 6.74157%; line-height: 0; font-size: 0; max-width: 160px; } .m-usergroup .item-link { font-size: 14px; font-size: 1.4rem; color: #333; } .m-usergroup .item-link a { color: #333; } .m-usergroup .item-link a:hover { color: #5097d7; } @media screen and (max-width: 991px) { .m-usergroup .list-item { padding: 20px 15px; } .m-usergroup .item-pic, .m-usergroup .item-num { margin-right: 20px; } } .m-setlst .list-item { position: relative; padding-left: 0; padding-right: 0; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #ebebeb; } .m-setlst .item-title { height: 36px; line-height: 36px; font-size: 18px; font-size: 1.8rem; font-weight: bold; } .m-setlst .item-link { position: absolute; right: 0; top: 18px; width: 80px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: #e94a55; } .m-setlst .item-link:hover { background-color: #333; } @media screen and (max-width: 991px) { .m-setlst .list-item { padding-left: 10px; padding-right: 10px; } .m-setlst .item-link { right: 10px; } } .m-userform .form-item { position: relative; float: left; margin-top: 25px; width: 100%; } .m-userform .form-item:first-child { margin-top: 0; } .m-userform .form-title { margin-bottom: 9px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; } .m-userform .form-control { position: relative; } .m-userform .form-control.success input { padding-right: 30px; } .m-userform .form-control.success:before { content: ""; position: absolute; right: 5px; top: 10px; width: 20px; height: 20px; background: url("../images/bingo1.png") no-repeat center; background-size: 100% 100%; } .m-userform .form-text { width: 100%; height: 40px; line-height: 38px; padding-left: 10px; padding-right: 10px; font-size: 14px; font-size: 1.4rem; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ececec; } .m-userform .form-ft { padding-top: 35px; } .m-userform .form-btn { width: 100%; height: 40px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #e94a55; } .m-userform .url-fix1 { float: right; margin-left: 30px; width: 160px; } .m-userform .url-link { padding: 5px 0; line-height: 26px; font-size: 14px; font-size: 1.4rem; } .m-userform .name-fix1 { float: right; margin-left: 30px; } .m-userform .name-link { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #067ce0; } .m-userform .name-link a { color: #067ce0; } .m-userform .name-link a:hover { color: #5097d7; } .m-userform .name-email { line-height: 26px; font-size: 14px; font-size: 1.4rem; } .m-setpw { margin-left: auto; margin-right: auto; max-width: 430px; } .m-setpw .form-link { clear: both; padding-top: 14px; text-align: right; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #5097d7; } .m-setpw .form-link a { color: #5097d7; } .m-setpw .form-link a:hover { color: #e94a55; } .m-setaccount { margin-left: auto; margin-right: auto; max-width: 460px; } .m-setaccount .form-file { text-align: left; } .m-setaccount .file-fix { padding-left: 45px; } .m-setaccount .file-img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 80px; height: 80px; background: url("../images/xj.png") no-repeat center; background-color: #dcdcdc; border-radius: 50%; } .m-setaccount .file-btn { margin-top: 25px; margin-left: auto; margin-right: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 112px; height: 30px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: solid 1px #dcdcdc; -moz-box-sizing: border-box; box-sizing: border-box; } .m-setaccount .file-btn:hover { color: #fff; background-color: #5097d7; } .m-setaccount .file-input { display: none; } .m-setaccount .url-fix { float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .m-setaccount .name-fix1, .m-setaccount .name-fix2 { float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } @media screen and (max-width: 640px) { .m-setaccount .form-url { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .m-setaccount .url-fix1 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 0; } .m-setaccount .url-fix2 { margin-right: 10px; } } .m-changemail { margin-left: auto; margin-right: auto; max-width: 460px; } .m-changemail .form-code { overflow: hidden; } .m-changemail .code-fix1 { float: left; margin-right: 20px; margin-bottom: 5px; width: 228px; } .m-changemail .code-btn { float: left; width: 80px; height: 40px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; line-height: 38px; border: 1px solid #000000; -moz-box-sizing: border-box; box-sizing: border-box; } .m-changemail .code-btn:hover { color: #fff; background-color: #5097d7; } @font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot?t=1582597962654"); /* IE9 */ src: url("../fonts/iconfont.eot?t=1582597962654#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../fonts/iconfont.woff?t=1582597962654") format("woff"), url("../fonts/iconfont.ttf?t=1582597962654") format("truetype"), url("../fonts/iconfont.svg?t=1582597962654#iconfont") format("svg"); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-shangchuan:before { content: "\e600"; } .icon-shengyin:before { content: "\e62b"; } .icon-eye:before { content: "\e73b"; } .icon-book:before { content: "\e61b"; } .icon-book2:before { content: "\e603"; } .icon-edit:before { content: "\e8c7"; } .icon-lingdang2:before { content: "\e605"; } .icon-user:before { content: "\e645"; } .icon-edit1:before { content: "\e6ea"; } .icon-update:before { content: "\e66e"; } .icon-mzicon-setting:before { content: "\e606"; } .icon-msg:before { content: "\e601"; } .icon-book1:before { content: "\e615"; } .icon-eye1:before { content: "\e612"; } .icon-up10:before { content: "\e72e"; } .icon-bottom10:before { content: "\e72f"; } .icon-left10:before { content: "\e730"; } .icon-right10:before { content: "\e731"; } .icon-up13:before { content: "\e73a"; } .icon-bottom13:before { content: "\e73c"; } .icon-left13:before { content: "\e73d"; } .icon-right13:before { content: "\e742"; } .icon-up14:before { content: "\e73e"; } .icon-bottom14:before { content: "\e73f"; } .icon-left14:before { content: "\e740"; } .icon-right14:before { content: "\e741"; } .icon-download8:before { content: "\e7a7"; } .icon-collection:before { content: "\e7aa"; } .icon-collection4:before { content: "\e7ae"; } .icon-search4:before { content: "\e7b2"; } .icon-whatsapp:before { content: "\e7c1"; } .icon-address:before { content: "\e7c2"; } .icon-contact:before { content: "\e7c3"; } .icon-email1:before { content: "\e7c5"; } .icon-skype:before { content: "\e7c9"; } .icon-fax1:before { content: "\e7ca"; } .icon-tel:before { content: "\e7cc"; } .icon-phone:before { content: "\e7cf"; } .icon-mobile:before { content: "\e7d0"; } .icon-delete1:before { content: "\e7d4"; } .icon-delete2:before { content: "\e7d6"; } .icon-calendar3:before { content: "\e7e1"; } .icon-calendar5:before { content: "\e7e3"; } .icon-tag:before { content: "\e61a"; } .icon-insertlink:before { content: "\e621"; } .icon-shouye:before { content: "\e602"; } .m-modal { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.2) !important; display: none; } .m-modal .box-wp { position: absolute; left: 0; right: 0; top: 50%; margin-top: -193px; margin-left: auto; margin-right: auto; width: 96%; max-width: 364px; background-color: #fff; border-radius: 5px; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } .m-modal .box-hd { position: relative; padding-left: 29px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; text-align: right; border-bottom: 1px solid #dcdcdc; } .m-modal .box-close { line-height: 24px; font-size: 18px; font-size: 1.8rem; color: red; } .m-modal .box-title { padding-top: 19px; padding-bottom: 6px; line-height: 26px; font-size: 16px; font-size: 1.6rem; font-weight: bold; } .m-modal .box-bd { padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 28px; } .m-modal .box-info { padding-left: 23px; padding-right: 23px; padding-top: 5px; padding-bottom: 5px; line-height: 28px; font-size: 14px; font-size: 1.4rem; background-color: #fbf3c9; } .m-modal .box-form { overflow: hidden; } .m-modal .form-item { float: left; width: 100%; margin-top: 12px; overflow: hidden; } .m-modal .form-label { float: left; vertical-align: top; margin-right: 15px; width: 78px; text-align: right; line-height: 34px; font-size: 14px; font-size: 1.4rem; } .m-modal .form-label span { margin-right: 10px; color: #ff0000; } .m-modal .form-control { overflow: hidden; } .m-modal .form-text { width: 100%; max-width: 246px; height: 34px; line-height: 32px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #333; border: 1px solid #d4d4d4; -moz-box-sizing: border-box; box-sizing: border-box; } .m-modal .form-item2 { margin-right: 3.28947%; width: 57.23684%; } .m-modal .form-item3 { width: 39.47368%; } .m-modal .form-code { height: 34px; line-height: 32px; border: solid 1px #e6e6e6; background-color: #fff; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; } .m-modal .form-code a { display: block; } .m-modal .form-code img { max-height: 34px; vertical-align: middle; } .m-modal .box-ft { padding: 12px 23px; background-color: #e7e7e7; } .m-modal .form-btngroup { font-size: 0; letter-spacing: 0; text-align: right; } .m-modal .form-btn { margin-left: 8px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 70px; height: 26px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #222; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f7fb), to(#f5f7fb)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background-image: -webkit-linear-gradient(#f5f7fb, #f5f7fb), -webkit-linear-gradient(#ffffff, #ffffff); background-image: -moz-linear-gradient(#f5f7fb, #f5f7fb), -moz-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(#f5f7fb, #f5f7fb), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; border-radius: 5px; border: solid 1px #9b9b9b; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-modal .form-btn:hover { color: #fff; background: red; border-color: red; } .m-modal.show { display: block; } @media screen and (max-width: 991px) { .m-modal .form-item2 { margin-right: 10px; width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); } .m-modal .form-item3 { width: 120px; } } .m-modal1 .box-wp { margin-top: -187px; } @media screen and (max-width: 991px) { .m-modal .box-wp { margin-top: 0 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .m-modal .box-bd { padding: 25px 15px; } .m-modal .box-hd, .m-modal .box-ft { padding-left: 15px; padding-right: 15px; } .m-modal .box-info { padding: 5px 10px; } } .m-comments .form-item { position: relative; margin-bottom: 26px; line-height: 0; font-size: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .m-comments .form-item-1 { width: 100%; } .m-comments .form-item-2 { width: 48%; } .m-comments .form-item-3 { margin-right: 1.91667%; width: 20.16667%; } .m-comments .form-item-4 { width: 18%; height: 66px; padding-left: 0; line-height: 64px; text-align: center; background-color: transparent; border-radius: 0; background-color: #fff; overflow: hidden; border: 1px solid #d2d2d2; -moz-box-sizing: border-box; box-sizing: border-box; } .m-comments .form-item-4 img { max-height: 64px; vertical-align: middle; width:77%} .m-comments .form-item-5 { float: right; border: none; width: 25.33333%; padding-left: 0; } .m-comments .item-btn1 { width: 100%; height: 66px; padding-left: 0; line-height: 66px; color: #ffffff; font-size: 18px; font-size: 1.8rem; background-color: #5097d7; } .m-comments .item-text { width: 100%; height: 66px; line-height: 64px; padding-left: 16px; padding-right: 16px; font-size: 14px; font-size: 1.4rem; color: #a6a6a6; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; background-color: #fff; } .m-comments .item-text::-webkit-input-placeholder { color: #a6a6a6; opacity: 1; } .m-comments .item-text:-moz-placeholder { color: #a6a6a6; opacity: 1; } .m-comments .item-text::-moz-placeholder { color: #a6a6a6; opacity: 1; } .m-comments .item-text:-ms-input-placeholder { color: #a6a6a6; opacity: 1; } .m-comments .item-text2 { width: 100%; height: 227px; line-height: 30px; padding-top: 18px; -moz-box-sizing: border-box; box-sizing: border-box; } .m-comments .form-msg { position: absolute; right: 10px; bottom: 10%; line-height: 24px; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 991px) { .m-comments .form-item { margin-bottom: 15px; width: 100%; } .m-comments .form-item-3 { width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); margin-right: 0; } .m-comments .form-item-4 { float: right; width: 120px; height: 36px; line-height: 34px; padding-left: 0; } .m-comments .form-item-4 img { max-height: 34px; } .m-comments .item-text { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } .m-comments .item-text2 { padding-top: 0; height: 144px; } .m-comments .item-btn1 { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } .m-comments .form-item-5 { padding-left: 0; } } input.error{border: 1px solid #ff0000!important;} textarea.error{border: 1px solid #ff0000!important;} label.error{color: #ff0000;display: block;} .m-comment .self-error, .m-comments .self-error { line-height: 24px; font-size: 14px; font-size: 1.4rem; color: red; } /*-------------pro-share start-------------------------------------------------------------*/ .pro-share { font-size: 0; letter-spacing: 0; } .pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; } .pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; } .at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;} .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;} .at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;} .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;} .at-share-btn-elements a{margin: 0px!important;} /*-------------pro-share end---------------------------------------------------------------*/ .box-title a:hover {color: #333333 !important;} .box-title a {color: #333333 !important;} .item-wp .item-title a:hover{ color: #333333 !important; } /*分类简介 start*/ .category-description {margin: -13px auto 20px auto} /*分类简介 end*/ .m-hdmnav { position: relative; float: right; padding-top: 40px; padding-bottom: 18px; z-index: 999; } .j-nextshow-list { display: block; line-height: 24px; font-size: 2rem; } .box-list-new li:hover{ background: #5097d7; } .box-list-new li:hover a{ color: #fff; } .m-modal.login-dialog .form-label { width: 83px; }