#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: #a98248; } @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: #a98248; } .wap-hd-nav-item { width: 25%; } .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: #a98248; } } .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: 14px; font-size: 1.4rem; color: #666; line-height: 1.2; word-break: break-word; } a { color: #666; 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: #a98248; } 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-bgf0 { background-color: #f0f0f0; } .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: 1400px; } .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-mt-55 { margin-top: 55px; } .c-mt-60 { margin-top: 60px; } .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: 1400px; overflow: visible; } @media screen and (min-width: 1220px) and (max-width: 1419px) { .f-box { width: 1200px; } } @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: #a98248; -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: #a98248; -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: #a98248; -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: 20px; } .m-desc a { color: #a98248; } .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: 20px; } .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: #a98248; } [class*="-item"] .item-desc { overflow: hidden; } [class*="-item"] .item-desc a { display: block; } [class*="-item"] .item-desc a:hover { color: #a98248; } #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: 25px; } .m-crm .box-wp { padding-top: 15px; padding-bottom: 15px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #999; border-bottom: 1px dotted #dcdcdc; } .m-crm .box-wp a { color: #333; } .m-crm .box-wp a:hover { color: #a98248; } .m-crm .box-wp a.active { color: #a98248; } @media screen and (max-width: 991px) { .m-crm .box-wp { padding-top: 10px; padding-bottom: 10px; } } .m-oths { padding-top: 33px; padding-bottom: 33px; overflow: hidden; border-bottom: 1px dashed #dcdcdc; } .m-oths .oths-item { max-width: 48%; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; } .m-oths .oths-item a { color: #666; } .m-oths .oths-item a:hover { color: #a98248; } .m-oths .oths-item .iconfont { margin-right: 5px; font-size: 14px; font-size: 1.4rem; color: #a98248; } .m-oths .oths-item-1 { float: left; } .m-oths .oths-item-2 { float: right; } @media screen and (max-width: 991px) { .m-oths { padding: 25px 0; } .m-oths .oths-item { float: none; max-width: 100%; } .m-oths .oths-item-1 { margin-bottom: 5px; } } .m-page { margin-top: 50px; letter-spacing: 0; font-size: 0; text-align: center; } .m-page .page-fix { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; border-left: solid 1px #c8c8c8; border-bottom: none; text-align: left; } .m-page a, .m-page span { display: inline-block; *display: inline; *zoom: 1; min-width: 32px; height: 32px; padding: 0 3px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; text-align: center; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; -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, .m-page a.active { color: #a98248; } .m-page a.big { color: #a98248; } .m-page2 { position: relative; } @media screen and (max-width: 991px) { .m-page { margin-top: 45px; } } .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: #a98248; 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: 9; background-color: #fff; } .m-hdfix1 { padding-top: 36px; padding-bottom: 36px; } @media screen and (max-width: 991px) { .m-hdfix1 { padding-top: 0; padding-bottom: 0; } } .m-hdlogo { float: left; line-height: 0; font-size: 0; } .m-hdlogo a { display: inline-block; *display: inline; *zoom: 1; } .m-hduser { float: right; font-size: 0; letter-spacing: 0; } .m-hduser .user-info, .m-hduser .user-link { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 30px; font-size: 14px; font-size: 1.4rem; font-weight: bold; } .m-hduser .user-info { margin-right: 36px; color: #666; } .m-hduser .user-info a { color: #666; } .m-hduser .user-info a:hover { color: #a98248; } .m-hduser .user-link { min-width: 82px; padding: 0 10px; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: #a98248; } .m-hduser .user-link:hover { background-color: #333; } .m-hdnav { float: left; } .m-hdnav .nav-item { position: relative; float: left; margin-right: 70px; padding-bottom: 17px; } .m-hdnav .nav-item > a { position: relative; display: inline-block; *display: inline; *zoom: 1; padding-bottom: 2px; padding-left: 18px; padding-right: 18px; line-height: 34px; font-size: 16px; font-size: 1.6rem; color: #222; } .m-hdnav .nav-item > a:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 4px; background-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-hdnav .nav-item > a:hover, .m-hdnav .nav-item > a.current, .m-hdnav .nav-item > a.active { color: #a98248; } .m-hdnav .nav-item > a:hover:before, .m-hdnav .nav-item > a.current:before, .m-hdnav .nav-item > a.active:before { background-color: #a98248; } .m-hdsch { float: right; } .m-hdsch .sch-btn { display: block; height: 36px; line-height: 34px; font-size: 20px; font-size: 2rem; color: #a98248; } .m-hdsch .sch-form { position: absolute; z-index: 9; left: 0; top: 100%; right: 0; margin: 0 auto; display: none; } .m-hdsch .sch-form .form-wp { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 16px; background-color: #a98248; } .m-hdsch .sch-form .form-fix { position: relative; height: 52px; padding-left: 30px; padding-right: 30px; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #c3a87f; } .m-hdsch .sch-form .form-text { width: 100%; height: 52px; line-height: 52px; font-size: 14px; font-size: 1.4rem; color: #fff; } .m-hdsch .sch-form .form-text::-webkit-input-placeholder { color: #fff; opacity: 1; } .m-hdsch .sch-form .form-text:-moz-placeholder { color: #fff; opacity: 1; } .m-hdsch .sch-form .form-text::-moz-placeholder { color: #fff; opacity: 1; } .m-hdsch .sch-form .form-text:-ms-input-placeholder { color: #fff; opacity: 1; } .m-hdsch .sch-form .form-btn, .m-hdsch .sch-form .icon-search4 { position: absolute; left: 0; top: 0; height: 52px; width: 20px; line-height: 52px; } .m-hdsch .sch-form .form-btn { z-index: 2; } .m-hdsch .sch-form .icon-search4 { font-size: 20px; font-size: 2rem; color: #fff; } .m-hdsch .sch-form .form-close { position: absolute; right: 0; top: 0; height: 52px; line-height: 52px; font-size: 14px; font-size: 1.4rem; color: #fff; } @media screen and (max-width: 1419px) { .m-hdnav .nav-item { margin-right: 25px; } } @media screen and (max-width: 1219px) { .m-hdnav .nav-item { margin-right: 15px; } } @media screen and (max-width: 991px) { .m-hdfix2 { display: none; } .m-hdlogo { float: none; text-align: center; padding-top: 55px; padding-bottom: 30px; } .m-hduser { position: absolute; left: 10px; top: 5px; } .m-hduser .user-info { margin-right: 10px; font-size: 12px; font-size: 1.2rem; } } .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: #a98248; } @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: #a98248; } .wap-hd-nav-item { width: 25%; } .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: #a98248; } } .banner { position: relative; z-index: 0; line-height: 0; font-size: 0; overflow: hidden; } .banner .dotList { position: absolute; left: 0; right: 0; bottom: 20px; font-size: 0; letter-spacing: 0; text-align: center; } .banner .dotList ul li { margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 12px; height: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; } .banner .dotList ul li.active { background-color: #a98248; } .banner .carousel-control { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; border-radius: 50%; background-color: #000; background-color: rgba(0, 0, 0, 0.3); } .banner .carousel-control:hover { background-color: #a98248; } .banner .carousel-control.left { left: 9.89583%; } .banner .carousel-control.right { right: 9.89583%; } .banner.hide { display: none; } @media screen and (max-width: 991px) { .banner { display: block; } .banner .carousel-control { display: none; } .banner .dotList { bottom: 10px; } .banner .dotList ul li { margin: 0 5px; width: 10px; height: 10px; } .banner.hide { display: block; } .banner.n-banner { display: none; } } .g-wp { padding-top: 60px; padding-bottom: 70px; } @media screen and (max-width: 991px) { .g-wp { padding-top: 40px; padding-bottom: 40px; } } .g-mn { float: left; width: 100%; padding-left: 25.35714%; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 991px) { .g-mn { padding-left: 0; padding-right: 0; } } .g-sd { float: left; margin-left: -100%; width: 22.5%; } @media screen and (max-width: 991px) { .g-sd { margin-left: 0; margin-right: 0; margin-top: 40px; width: 100%; } } .m-sdtt { position: relative; margin-bottom: 16px; padding-bottom: 7px; line-height: 24px; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #a98248; border-bottom: 1px solid #dcdcdc; } .m-sdtt a { color: #a98248; } .m-sdtt a:hover { text-decoration: none; } .m-sdtt:before { content: ""; position: absolute; left: 0; bottom: -3px; width: 45px; height: 5px; background-color: #a98248; } .m-sdcls .list-item { margin-top: 13px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-sdcls .list-item a { color: #666; } .m-sdcls .list-item a:hover { color: #a98248; } .m-sdcls .list-item:first-child { margin-top: 0; } .m-sdcls .list-item2 { display: none; } .m-sdcls .box-link { margin-top: 12px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #a98248; } .m-sdcls .box-link a { color: #a98248; } .m-sdcls .box-link a:hover { text-decoration: underline; } .c-sdmt50 { margin-top: 50px; } .c-sdmt50:first-child { margin-top: 0; } @media screen and (max-width: 991px) { .c-sdmt50 { margin-top: 30px; } } .m-sdhtpost .list-item { position: relative; padding-left: 37px; margin-top: 17px; } .m-sdhtpost .item-tag { position: absolute; left: 0; top: 2px; font-size: 12px; font-size: 1.2rem; color: #fff; line-height: 14px; padding: 0 5px; background-color: #a98248; } .m-sdhtpost .item-title { max-height: 54px; line-height: 18px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; } .m-sdhtpost .item-title a { display: block; color: #666; } .m-sdhtpost .item-title a:hover { color: #a98248; } .m-sdform .box-info { line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-sdform .box-form { margin-top: 22px; } .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; } .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; border-radius: 4px; } .m-sdform .form-item2 { margin-right: 3.49206%; width: 37.46032%; } .m-sdform .form-item3 { width: 26.98413%; } .m-sdform .form-item4 { float: right; width: 28.57143%; } .m-sdform .form-text2 { height: 100px; } .m-sdform .form-code { height: 36px; line-height: 34px; border-radius: 4px; background-color: #fff; } .m-sdform .form-code a { display: block; } .m-sdform .form-code img { max-height: 34px; vertical-align: middle; } .m-sdform .form-btn { width: 100%; height: 36px; font-size: 14px; font-size: 1.4rem; color: #fff; border-radius: 4px; background-color: #a98248; } .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; } .m-postslst { margin-bottom: -22px; font-size: 0; letter-spacing: 0; } .m-postslst .list-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 2.10526%; margin-bottom: 22px; width: 31.86603%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; background-color: #f0f0f0; } .m-postslst .list-item:hover { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); } .m-postslst .item-top { position: relative; } .m-postslst .item-info { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 5px 20px; line-height: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; text-align: justify; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.4); 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; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .m-postslst .item-info .iconfont { font-size: 16px; font-size: 1.6rem; } .m-postslst .item-info a { color: #fff; } .m-postslst .item-info a:hover .iconfont, .m-postslst .item-info a.active .iconfont { color: #a98248; } .m-postslst .item-text { padding: 20px; } .m-postslst .item-user { position: relative; padding-right: 25px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-postslst .item-user img { margin-right: 5px; width: 36px; vertical-align: middle; } .m-postslst .item-user a { color: #666; vertical-align: middle; } .m-postslst .item-user a:hover { color: #a98248; } .m-postslst .item-edit { position: absolute; right: 0; top: 50%; line-height: 24px; margin-top: -12px; font-size: 20px; font-size: 2rem; } .m-postslst .item-title { margin-top: 18px; height: 44px; line-height: 22px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #222; overflow: hidden; } .m-postslst .item-title a { color: #222; } .m-postslst .item-title a:hover { color: #a98248; } .m-postslst .item-desc { margin-top: 14px; height: 80px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; } .m-postslst .item-desc a { display: block; color: #666; } .m-postslst .item-desc a:hover { color: #a98248; } @media screen and (max-width: 991px) { .m-postslst .item-text { padding: 15px 10px; } .m-postslst .item-title { margin-top: 10px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; } .m-postslst .item-desc { margin-top: 10px; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 640px) { .m-postslst .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } @media screen and (max-width: 480px) { .m-postslst .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } } .m-postslst2 .list-item { margin-right: 1.57143%; width: 23.78571%; } @media screen and (max-width: 991px) { .m-postslst2 .list-item { margin-left: 1%; margin-right: 1% !important; width: 31.33%; } } @media screen and (max-width: 640px) { .m-postslst2 .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } @media screen and (max-width: 480px) { .m-postslst2 .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } } .m-blank { position: relative; margin: 22px 0px; line-height: 0; font-size: 0; letter-spacing: 0; overflow: hidden; } .m-blank .box-page { position: absolute; left: 0; bottom: 14px; width: 100%; text-align: center; } .m-blank .page-item { margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .m-blank .page-item.active { background-color: #a98248; } .m-blank .box-list { width: 1000%; overflow: hidden; } .m-blank .list-wp { float: left; width: 10%; } .m-nosearch { margin-top: 40px; text-align: center; } .m-nosearch .box-title { line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; } .m-nosearch .box-title strong { color: #000; } .m-nosearch .box-link { margin-top: 33px; } .m-nosearch .box-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 120px; line-height: 26px; padding: 3px 5px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #a98248; } .m-nosearch .box-link a:hover { background-color: #333; } .m-searchtt { margin-bottom: 25px; line-height: 36px; font-size: 26px; font-size: 2.6rem; color: #000; } @media screen and (max-width: 991px) { .m-searchtt { font-size: 18px; font-size: 1.8rem; line-height: 30px; } } .g-ft { background: #f0f0f0; text-align: center; padding-top: 38px; padding-bottom: 39px; font-size: 14px; font-size: 1.4rem; color: #666; } .g-ft a { color: #666; } .g-ft a:hover { color: #a98248; } .m-ftnav { font-size: 0px; } .m-ftnav a { font-size: 14px; font-size: 1.4rem; line-height: 24px; display: inline-block; vertical-align: middle; } .m-ftnav span { display: inline-block; width: 2px; height: 16px; background: #dcdcdc; vertical-align: middle; margin: 0 24px; } .m-ftba { text-align: center; padding-top: 11px; } .m-ftba li { display: inline-block; } .m-ftba li span { display: inline-block; width: 29px; } .m-ftba li a { display: inline-block; line-height: 18px; width: 140px; text-align: left; margin: 20px; margin-left: 8px; } .m-ftba li img { width: 100%; } .m-ftcp { line-height: 18px; margin-top: 14px; } @media screen and (max-width: 991px) { .g-ft { padding-bottom: 45px; } .m-ftba li span { width: 15px; } .m-ftba li a { font-size: 12px; font-size: 1.2rem; width: auto; margin: 0 10px; } } .m-postscontent .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; text-align: center; } .m-postscontent .box-info { margin-top: 20px; text-align: center; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-postscontent .info-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 15px; } .m-postscontent .info-item .iconfont { font-size: 20px; font-size: 2rem; } .m-postscontent .info-item img { vertical-align: middle; } .m-postscontent .share-title, .m-postscontent .share-img { display: inline-block; *display: inline; *zoom: 1; height: 26px; line-height: 26px; vertical-align: top; } .m-postscontent .share-title { margin-right: 5px; font-size: 14px; font-size: 1.4rem; color: #a98248; } .m-postscontent .box-user img { max-width: 36px; } .m-postscontent .box-desc { margin-top: 30px; } @media screen and (max-width: 991px) { .m-postscontent .info-item { margin: 5px 10px; } } .m-comments { margin-top: 53px; } .m-comments .box-hd { padding-bottom: 9px; line-height: 30px; overflow: hidden; } .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: #a98248; } .m-comments .box-fix1 a:hover { color: #a98248; } .m-comments .box-title { margin-right: 20px; position: relative; padding-left: 23px; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #333; background: url("../images/picon1.png") no-repeat left center; } .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-textarea { padding: 15px 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; height: 178px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .m-comments .box-ft { padding: 10px; text-align: right; background-color: #f0f0f0; } .m-comments .box-btn { display: inline-block; *display: inline; *zoom: 1; } .m-comments .box-btn input { width: 120px; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #a98248; } .m-comments .box-btn input:hover { background-color: #333; } .m-comments .box-msg { margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; line-height: 32px; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 480px) { .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: 55px; overflow: hidden; } .m-cmmentslst .item-wp { overflow: hidden; } .m-cmmentslst .item-pic { float: left; width: 50px; margin-right: 20px; border-radius: 50%; } .m-cmmentslst .item-text { overflow: hidden; } .m-cmmentslst .item-title { line-height: 26px; font-size: 16px; font-size: 1.6rem; font-weight: bold; } .m-cmmentslst .item-desc { margin-top: 6px; } .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 .list-item { margin-top: 30px; } .m-cmmentslst .item-pic { float: none; margin-right: 0; margin-bottom: 20px; } } .m-postauthor { margin: 0 auto; margin-bottom: 52px; max-width: 260px; text-align: center; } .m-postauthor .box-pic { display: block; max-width: 150px; margin: 0 auto; border-radius: 50%; } .m-postauthor .box-title { margin-top: 22px; line-height: 30px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #000; } .m-postauthor .box-title a { color: #000; } .m-postauthor .box-title a:hover { color: #a98248; } @media screen and (max-width: 991px) { .m-postauthor { margin-bottom: 30ox; } .m-postauthor .box-title { margin-top: 15px; line-height: 1.2; font-size: 16px; font-size: 1.6rem; } } .m-sdusernav .nav-name a { display: block; padding: 5px 10px; line-height: 28px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #a98248; border: 1px solid #a98248; } .m-sdusernav .nav-name a:hover { color: #fff; background-color: #a98248; } .m-sdusernav .nav-list { margin-top: 23px; } .m-sdusernav .nav-item { padding: 5px; line-height: 26px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #666; border-bottom: 1px dashed #dcdcdc; } .m-sdusernav .nav-item a { color: #666; } .m-sdusernav .nav-item a:hover, .m-sdusernav .nav-item a.active { color: #a98248; } .m-sdusernav .nav-item a.active { font-weight: bold; } .m-form .form-fix { position: relative; } .m-form .form-text { width: 100%; height: 36px; line-height: 34px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #333; border: 1px solid #dcdcdc; 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: 130px; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; padding: 12px; font-size: 14px; font-size: 1.4rem; color: #333; border: 1px solid #dcdcdc; 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 { position: absolute; left: 0; top: 0; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #666; } .m-form .form-title span { color: red; } .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: 84px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #a98248; border: 1px solid #a98248; -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 { background-color: #333; } @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 { margin: 0 auto; max-width: 1158px; } .m-postedit .form-fix { margin-top: 20px; padding-left: 90px; } .m-postedit .form-title { width: 70px; font-size: 14px; font-size: 1.4rem; text-align: right; } .m-postedit .form-text1 { float: left; max-width: 364px; } .m-postedit .titlelen { float: left; margin-left: 10px; line-height: 40px; } .m-postedit .form-select { position: relative; width: 200px; } .m-postedit .select-title { position: relative; display: block; line-height: 36px; padding: 0 12px; font-size: 14px; font-size: 1.4rem; border: 1px solid #999; } .m-postedit .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-postedit .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-postedit .select-item { display: block; padding: 5px 15px; line-height: 28px; font-size: 14px; font-size: 1.4rem; } .m-postedit .select-item:hover { color: #fff; background-color: #a98248; } .m-postedit .file-img { margin-right: 19px; display: inline-block; *display: inline; *zoom: 1; max-width: 133px; 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: 84px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #a98248; text-align: center; border: 1px solid #a98248; -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; background-color: #a98248; } .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: right; } .m-postedit .form-btn1 { 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: 0px; padding-right: 20px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 16px; font-size: 1.6rem; font-weight: bold; } .m-usertt p span { position: relative; } .m-usertt p:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; background-color: #a98248; } .m-userntf .list-item { position: relative; margin-top: 28px; padding-right: 26px; overflow: hidden; } .m-userntf .item-title { height: 26px; line-height: 26px; 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: 0; line-height: 26px; font-size: 18px; font-size: 1.8rem; } .m-userblog .box-hd { margin-bottom: 20px; } .m-userblog .checkbox-input, .m-userblog .checkbox-title, .m-userblog .delete { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .m-userblog .checkbox-input { margin-right: 5px; } .m-userblog .checkbox-title { margin-right: 10px; font-size: 14px; font-size: 1.4rem; color: #333; } .m-userblog .delete { width: 84px; height: 32px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #a98248; } .m-userblog .box-list { margin-bottom: -20px; } .m-userblog .list-item { float: left; margin-bottom: 20px; width: 100%; background-color: #f0f0f0; } .m-userblog .item-top { float: left; position: relative; width: 333px; } .m-userblog .item-info { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 5px 20px; line-height: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; text-align: justify; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.4); 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; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .m-userblog .item-info .iconfont { font-size: 16px; font-size: 1.6rem; } .m-userblog .item-info a { color: #fff; } .m-userblog .item-info a:hover .iconfont, .m-userblog .item-info a.active .iconfont { color: #a98248; } .m-userblog .item-fix { position: relative; padding-left: 23px; padding-right: 27px; padding-top: 69px; height: 249px; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } .m-userblog .item-title { height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #222; text-overflow: ellipsis; white-space: nowrap; } .m-userblog .item-title a { color: #222; } .m-userblog .item-title a:hover { color: #a98248; } .m-userblog .item-desc { margin-top: 9px; height: 60px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; } .m-userblog .item-desc a { display: block; color: #666; } .m-userblog .item-desc a:hover { color: #a98248; } .m-userblog .item-input { position: absolute; right: 20px; top: 20px; } .m-userblog .item-btn { position: absolute; right: 20px; bottom: 16px; text-align: right; } .m-userblog .item-btn a { margin-left: 25px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 20px; font-size: 16px; font-size: 1.6rem; } .m-userblog .item-btn a:first-child { margin-left: 0; } @media screen and (max-width: 991px) { .m-userblog .list-item { margin-left: 1%; margin-right: 1% !important; width: 31.33%; } .m-userblog .item-top { float: none; width: 100%; display: inline-block; *display: inline; *zoom: 1; } .m-userblog .item-fix { padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 46px; height: auto; } .m-userblog .item-input { top: 10px; right: 15px; } .m-userblog .item-btn { bottom: 10px; right: 15px; } .m-userblog .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; } .m-userblog .item-desc { margin-top: 10px; height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 640px) { .m-userblog .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } @media screen and (max-width: 480px) { .m-userblog .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } } .m-usergroup .list-item { padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; border-bottom: 1px solid #dcdcdc; 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: 16.24365%; min-width: 20px; font-size: 16px; font-size: 1.6rem; color: #022222; } .m-usergroup .item-pic { margin-right: 16.24365%; 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: #a98248; } @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: 32px; padding-right: 116px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #dcdcdc; } .m-setlst .list-item:first-child { border-top: 1px solid #dcdcdc; } .m-setlst .item-title { height: 32px; line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #222; } .m-setlst .item-link { position: absolute; right: 32px; top: 18px; width: 84px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; background-color: #a98248; } .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: 7px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; } .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: 8px; width: 20px; height: 20px; background: url("../images/success1.png") no-repeat center; background-size: 100% 100%; } .m-userform .form-text { width: 100%; height: 36px; line-height: 34px; 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 #dcdcdc; } .m-userform .form-ft { padding-top: 35px; } .m-userform .form-btn { width: 100%; height: 32px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #a98248; } .m-setpw { margin-left: auto; margin-right: auto; max-width: 500px; } .m-setpw .form-link { clear: both; padding-top: 14px; text-align: right; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #067ce0; } .m-setpw .form-link a { color: #067ce0; } .m-setpw .form-link a:hover { color: #a98248; } .m-setaccount { margin-left: auto; margin-right: auto; max-width: 500px; } .m-setaccount .form-file { text-align: center; } .m-setaccount .file-fix { display: inline-block; *display: inline; *zoom: 1; } .m-setaccount .file-img { position: relative; display: block; width: 100px; height: 100px; background: url("../images/xj.png") no-repeat center; background-color: #dcdcdc; border-radius: 50%; overflow: hidden; } .m-setaccount .file-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .m-setaccount .file-btn { margin-top: 16px; margin-left: auto; margin-right: auto; display: block; width: 84px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #a98248; text-align: center; border: solid 1px #a98248; -moz-box-sizing: border-box; box-sizing: border-box; } .m-setaccount .file-btn:hover { color: #fff; background-color: #a98248; } .m-setaccount .file-input { display: none; } .m-setaccount .url-fix1 { float: right; margin-left: 30px; width: 160px; } .m-setaccount .url-link { padding: 5px 0; line-height: 26px; font-size: 14px; font-size: 1.4rem; } .m-setaccount .email-fix1 { float: right; margin-left: 30px; } .m-setaccount .email-link { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #067ce0; } .m-setaccount .email-link a { color: #067ce0; } .m-setaccount .email-link a:hover { color: #a98248; } .m-setaccount .email-email { line-height: 26px; font-size: 14px; font-size: 1.4rem; } @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: 500px; } .m-changemail .form-code { overflow: hidden; } .m-changemail .code-fix1 { float: left; margin-right: 10px; width: 160px; } .m-changemail .code-btn { float: left; width: 80px; height: 36px; font-size: 14px; font-size: 1.4rem; color: #000; text-align: center; line-height: 36px; background-color: #c8c8c8; } .m-changemail .code-btn:hover { color: #fff; background-color: #a98248; } @font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot?t=1579507257728"); /* IE9 */ src: url("../fonts/iconfont.eot?t=1579507257728#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=1579507257728") format("woff"), url("../fonts/iconfont.ttf?t=1579507257728") format("truetype"), url("../fonts/iconfont.svg?t=1579507257728#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-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-msg:before { content: "\e601"; } .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"; } .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); 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: #a98248; } .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: 45px; 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: #a98248; border-color: #a98248; } .m-modal.show { display: block; } @media screen and (max-width: 991px) { .m-modal .form-item2 { margin-right: 10px; width: -moz-calc(100% - 130px); width: -webkit-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 .box-form { border-bottom: 2px solid #f1f1f1; } .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.64286%; width: 17.28571%; } .m-comments .form-item-4 { width: 15.42857%; 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; } .m-comments .form-item-5 { float: right; border: none; width: 21.71429%; 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: #a98248; } .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: 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 991px) { .m-comments .form-item { margin-bottom: 20px; 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; } } label.error{color: #ff0000;display: block;} .textarea-num { float: right; position: relative!important; top: -20px; right: 5px; } .mrul .hide{ display: none; } .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---------------------------------------------------------------*/ /*分类简介 start*/ .category-description { margin: -8px auto 20px auto; max-width: 1400px; } @media screen and (min-width: 1220px) and (max-width: 1419px) { .category-description { width: 1200px; } } @media screen and (min-width: 992px) and (max-width: 1219px) { .category-description { width: 970px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .category-description { width: 750px; } } @media screen and (max-width: 767px) { .category-description { padding-left: 17px; padding-right: 17px;} } /*分类简介 end*/ .m-hdmnav { position: relative; float: right; /* padding-top: 40px; */ padding-bottom: 25px; z-index: 999; } .j-nextshow-list { display: block; line-height: 24px; font-size: 2rem; } .box-list-new li:hover{ background: #a98248; } .box-list-new li:hover a{ color: #fff; } .m-modal.login-dialog { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.2); display: none; } .m-modal.login-dialog .form-label { width: 83px !important; }