*{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,address,cite,dfn,em,var,a,table,select{margin:0;padding:0;outline:none;list-style:none;font-style:normal;text-decoration:none;border-collapse:collapse;border-spacing:0;outline:none;}
hr{border:none;height:1px;}
img{vertical-align:top;border:none;}
table{border-collapse:collapse;}
a:hover,a:active,a:visited,a:link,a:focus{text-decoration:none;}
html,body{background:#fff;min-width:320px;max-width:640px;position:relative;}
html {-webkit-text-size-adjust:none;}
html * {-webkit-text-size-adjust:none;}
body{width:100%;background:url(../icon/bg-02.png) top center no-repeat;background-size:100%;}
.container{max-width:640px;margin:0 auto;}


/*头部*/
header{position:relative;}
header .headerbg{}
header h1{left:12px;top:7px;position:absolute;}
header h1 a img{width:30px;margin-top:4px;}
.headermbx{font-size:14px;color:#fff;line-height:50px;left:70px;position:absolute;top:0;}
.headermbx a{color:#fff;}
header ul{display:flex;padding:0 10px;margin-bottom:5px;}
header ul li{flex:1;font-size:12px;text-align:center;border-right:1px dotted rgba(225,225,225,0.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;}
header ul li:last-child{border:none;}
header ul li a{color:#fff;}
header ul li img{width:100%;display:table;margin:0 auto;margin-bottom:5px;}
header .headergy{color:#fff;font-size:12px;padding:0 10px;text-align:center;}
header .headergy img{width:100%;}


/*立邦百色搭*/
.NipponBaise{width:calc(100% - 20px);margin-left:10px;margin-bottom:50px;margin-top:10px;background:#fff;border-radius:10px;display:inline-block;position:relative;box-shadow:9px 9px 20px rgba(0,0,0,0.4);}
.NipponBaisetitle{font-size:24px;text-align:center;color:#3f9c95;position:relative;margin-top:25px;padding-bottom:7px;margin-bottom:10px;}
.NipponBaisetitle img{position:absolute;bottom:0;left:calc(50% - 80px);width:160px;}
.NipponBaiseul{text-align:center;font-size:12px;color:#fff;margin:0 auto;display:table;height:40px;position:relative;width:calc(100% - 20px);}
.NipponBaiseul:before,.NipponBaiseul:after{content:'';position:absolute;width:100%;height:1px;box-shadow:0 -3px 12px rgba(0,0,0,1);left:0;bottom:0;z-index:5;}
.NipponBaiseul li{width:15.6%;height:30px;float:left;margin:0 0.5%;line-height:30px;border-radius:5px 5px 0 0;position:relative;margin-top:15px;cursor:pointer;margin-bottom:0px;z-index:5;}
.NipponBaiseul li img{height:10px;padding-top:10px;}
.NipponBaiseulOn img{padding-top:15px!important;}
/*.NipponBaiseul li:hover{transition:all 0.3s linear;height:91px;line-height:91px;margin-top:4px;}*/
.NipponBaiseulOn{height:40px !important;line-height:40px !important;margin-left:0.5%!important;margin-right:0.5%!important;margin-top:4px !important;}
.NipponBaiseul li:before,.NipponBaiseul li:after{content:'';position:absolute;width:24px;height:calc(100% - 3px);}
.NipponBaiseul li:before{border-left:1px solid rgba(255,255,255,0.6);left:3px;top:3px;border-radius:5px 0 0 0;}
.NipponBaiseul li:after{border-right:1px solid rgba(255,255,255,0.6);right:3px;top:3px;border-radius:0 5px 0 0;}
.NipponBaiseul li:nth-child(1){background:#cdbba4;}
.NipponBaiseul li:nth-child(2){background:#a1c4de;}
.NipponBaiseul li:nth-child(3){background:#f8c8c9;}
.NipponBaiseul li:nth-child(4){background:#a6a6a4;}
.NipponBaiseul li:nth-child(5){background:#becabb;}
.NipponBaiseul li:nth-child(6){background:#3a485e;}
.NipponBaiselists{background:#fff;padding:0 4% 20px 4%;position:relative;z-index:6;margin:-1px;width:calc(100% - 2px);margin-left:1px;box-sizing:border-box;border-radius:0 0 20px 20px;}
.NipponBaiseimg1{position:absolute;left:-184px;top:76px;}
.NipponBaiseimg2{position:absolute;right:0;top:113px;z-index:2;}
.NipponBaiseimg2 img{width:500px;}
.NipponBaiselist{display:table;width:100%;}
.NipponBaiselisttxt{font-size:12px;padding:5px 0;box-sizing:border-box;text-align:center;color:#717071;line-height:16px;}
/*ba9e86*/
.NipponBaiselisttxt{position:relative;}
/*.NipponBaiselisttxt:before,.NipponBaiselisttxt:after{content:'';position:absolute;width:15%;height:100%;}*/
.NipponBaiseLe{position:relative;width:100%;height:394px;float:left;}
.NipponBaiseLeul{position:absolute;bottom:0;z-index:5;width:100%;display:flex;background:url(../icon/d-2.png) no-repeat;background-size:100% 100%;overflow:hidden;font-size:12px;}
.NipponBaiseLeul li{flex:1;text-align:center;color:#717071;line-height:30px;cursor:pointer;position:relative;}
.NipponBaiseLeul li:before{content:'';position:absolute;height:12px;width:1px;background:#acabab;right:0;top:10px;}
.NipponBaiseLeul li:last-child:before{display:none;}
.NipponBaiseLeul li:hover,.NipponBaiseLeulOn:after{content:'';background:url(../icon/d-1.png) bottom center no-repeat;background-size:10px;}
.NipponBaiseLeulOn:after{position:absolute;bottom:0;height:100%;left:0;top:0;width:100%;}
.NipponBaiseimgs{width:100%;overflow:hidden;border-radius:10px;}/*height:365px;*/
.NipponBaiseimg{padding-bottom:100%;position:relative;}
.NipponBaiseimg img{object-fit:cover;width:100%;height:365px;}
.NipponBaiseRi{float:right;width:100%;margin-top:20px;}
.NipponBaiseRititles{text-align:center;}
.NipponBaiseRititle{color:#595757;font-size:15px;width:110px;background:#fff;margin:0 auto;}
.NipponBaiseRitxt{font-size:14px;color:#796a56;}
.NipponBaiseRitxtpoa,.NipponBaiseRitxtpoa2{color:#595757;position:absolute;bottom:-9px;width:100%;text-align:center;font-size:12px;}
.NipponBaiseRitjlists{}
.NipponBaiseRilist{display:inline-block;width:100%;padding:10px;box-sizing:border-box;}
.NipponBaiseRilistOn{background:url(../icon/d-4.png) 0px 9px no-repeat;background-size:100%;}
.NipponBaiseRilist:nth-child(2){background:url(../icon/d-3.png) no-repeat;background-size:100% 100%;border-top:1px dashed #dad9d9;}
.NipponBaiseRilist:nth-child(3){background:url(../icon/d-4.png) no-repeat;background-size:100% 100%;height:68px;}
.NipponBaiseRicolors{float:left;display:inline-block;position:relative;}
.NipponBaiseRicolor{float:left;width:calc(25% - 12px);margin:2.5px;margin-top:0;cursor:pointer;}
.NipponBaiseRicolor:nth-child(4n+1){margin-left:0;margin-right:8px;}
.NipponBaiseRicolor:nth-child(4n+4){margin-right:0;margin-left:8px;}
.NipponBaiseRicolor.On{width:calc(33.3% - 3.3px);position:relative;}
.NipponBaiseRicolor.On .NipponBaiseRitxt{width:100%;}
.NipponBaiseRicolor.On:nth-child(3n+1){margin-left:0;margin-right:2.5px;margin-top:0;}
.NipponBaiseRicolor.On:nth-child(3n+3){margin-right:0;margin-left:2.5px;}
.NipponBaiseRicolorstitle{font-size:12px;position:relative;color:#595757;padding:0;float:left;width:65px;line-height:35px;}
.NipponBaiseRicolorstitle img{padding-top:19px;}
.NipponBaiseRitxt{font-size:12px;color:#595757;margin-top:5px;height:15px;text-align:center;position:absolute;}
.NipponBaiseRiimg{height:30px;width:100%;border-radius:8px;overflow:hidden;}
.NipponBaiseRiimg img{width:100%;height:100%;}

.NipponBaiseRitjlists .swiper-button-next,.NipponBaiseRitjlists .swiper-button-prev{top:25px;}


/*.swiperOn{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}*/


/*更多色彩*/
.MoreColors{margin:0 10px;margin-bottom:50px;}
/*头图式样换背景，老背景保留，等过了这段促销时间，需要再换回 
.MoreColorstitles{display:inline-block;height:95px;background:#3e3a39 url(../icon/c-2.png);border-radius:10px;}
*/
.MoreColorstitles{display:inline-block;height:95px;background:#3e3a39 url(../icon/m-color-bg.png) no-repeat; background-size:cover;border-radius:10px;}
.color-tips {text-align:left;padding-left: 22px;margin-top:-30px;padding-bottom: 20px;font-family:'HYQiHei-CES'; font-size:12px; position:relative;}
.color-tips-index {text-align:left;font-family:'HYQiHei-CES'; font-size:12px; position:relative; margin-top:-20px; margin-left:3px; padding-bottom:20px;}


.MoreColorstitle{font-size:18px;color:#ffffff;text-align:center;line-height:28px;width:110px;float:left;margin-top:15px;}
.MoreColorsinput{width:calc(100% - 120px);float:right;margin-right:10px;background:#fff;height:28px;line-height:28px;border-radius:40px;position:relative;margin-top:15px;}
#MoreColorsinput{margin-top:15px;}
.MoreColorsinput input{width:calc(100% - 33px);height:28px;line-height:28px;border:none;background:none;float:left;padding:0 0 0 10px;box-sizing:border-box;font-size:12px;color:#9e9e9f;text-align:center;}

.MoreColorstitles.On{height:135px;}
.MoreColorstitle.On{width:100%;}
.MoreColorsinput.On{width:calc(100% - 20px);margin-top:10px;}

.moreulli{display:none;position:absolute;top:30px;width:100%;max-height:250px;overflow-y:auto;background:#fff;z-index:10;line-height:40px;color:#999;border:1px solid #999;font-size:12px;}
.moreulli li{padding:0 20px;box-sizing:border-box;border-bottom:1px solid #f2f2f2;}
.moreulli li:hover{background:#3f9c95;color:#fff;}

.MoreColorsss{width:20px;height:20px;margin:4px 4px 0 0;text-align:center;background:#5a99a0;border-radius:100%;float:right;cursor:pointer;}
.MoreColorsss img{margin-top:4px;width:12px;}
.MoreColorstxt{font-size:12px;color:rgba(255,255,255,0.6);text-align:center;line-height:35px;}
.MoreColorsbolist{margin-bottom:20px;display:inline-block;width:100%;}
.MoreColorsbo{background:#fff;width:96%;margin-left:2%;margin-top:-15px;display:inline-block;padding:20px 10px 30px 10px;box-sizing:border-box;position:relative;}
.MoreColorsbo:before{content:'';position:absolute;width:100%;height:11px;border-radius:40px;left:0;top:-6px; background:rgba(69,12,16,0.85);/*background:rgba(0,0,0,0.8);*/}
.MoreColorsboul{display:flex;width:100%;margin-bottom:15px;}
.MoreColorsboul li{flex:1;text-align:center;position:relative;cursor:pointer;margin-right:5px;}
.MoreColorsboul li:last-child{margin-right:0;}
.MoreColorsboul li img{width:100%;position:relative;z-index:2;}
.MoreColorsboul li:last-child span{display:none;}
.MoreColorsboul li:hover,.MoreColorsboulOn{font-size:13px;color:#717071;font-weight:bold;}
.MoreColorsboulOn{position:relative;}
.MoreColorsboulOn:before{content:'';position:absolute;left:10%;bottom:0;width:80%;height:70%;box-shadow:0 0 10px rgba(0,0,0,0.8);z-index:0;border-radius:10px;}
.bgColor{width:calc(20% - 5px);height:30px;text-align:center;color:#fff;font-size:14px;float:left;margin-right:5px;margin-bottom:5px;cursor:pointer;}
.bg{width:100%;height:100%;border-radius:10px;overflow:hidden;}
.bg img{width:100%;}
.bgColor span{display:none;position:absolute;}
.bgColor:hover .bg{width:calc(100% - 20px);height:100px;position:absolute;z-index:5;font-size:20px;border-radius:40px;line-height:100px;margin-top:-35px;left:9px;box-shadow:0 0 10px rgba(0,0,0,0.8);}
.bgColor:nth-child(5n+5){margin-right:0;}
.bgColor:hover span,.bgColor .bg:hover span{display:block;top:0;line-height:100px;width:100%;text-align:center;}
.Morebut,.sqbut{font-size:12px;color:#595757;border:1px solid #595757;width:calc(20% - 5px);height:30px;border-radius:10px;position:relative;line-height:30px;padding-top:4px;box-sizing:border-box;}
.Morebut img,.sqbut img{height:6px;position:absolute;top:19%;left:41%;}
.sqbut img{transform:rotate(180deg);}
.sqbut{position:absolute;right:0px;bottom:0px;}
.MoreColorejulli{display:flex;text-align:center;line-height:30px;margin-bottom:5px;}
.MoreColorejulli li{flex:1;font-size:13px;color:#585757;cursor:pointer;}
.MoreColorejulli li span{font-size:15px;}
.MoreColorejulliOn{font-weight:bold;}
.MoreColorejulli li:hover{font-weight:bold;}
.ysquldiv{border-bottom:1px solid #b7b6b5;display:inline-block;width:100%;}
.ysqul{width:calc(100% - 40px);height:30px;line-height:30px;overflow:hidden;float:left;text-align:center;}
.ysqul li{float:left;width:16.6%;font-size:15px;color:#585757;cursor:pointer;}
.ysqulbut{float:left;width:40px;padding-top:12px;}
.ysqulbut img{width:15px;}
.sjul{display:inline-block;width:100%;line-height:30px;}
.sjul li{float:left;width:20%;text-align:center;font-size:15px;color:#585757;cursor:pointer;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}

.Morecolorefh{width:70px;background:#075f58;color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);font-size:14px;text-align:center;line-height:40px;border-radius:5px;margin-left:10px;margin-bottom:10px;}




.more5 .bgColor{width:calc(25% - 4px);margin-right:5px!important;margin-bottom:5px!important;}
.more5 .bgColor:nth-child(5n+5){margin-right:5px!important;}
.more5 .bgColor:nth-child(4n+4){margin-right:0!important;}

.more5 .bgColor.cc1{width: 14.7%;margin-left:2.5px!important;margin-right:2.5px!important;}

.gcscc1{width: calc(25% - 5px) !important;}
.gcscc1:nth-child(4n+4){margin-right: 0;}
.gcscc1:nth-child(5n+5){margin-right:5px;}
.gcscc2{width: calc(25% - 10px) !important; right:10px;}

.bgColor.gcs{width:18.8%;}
.bgColor.gcs:nth-child(5n+5){margin-right:0!important;}
.bgColor.gcs:nth-child(6n+6){margin-right:1.8%;}


.bgColor.whs{width:18.8%;}
.bgColor.whs:nth-child(5n+5){margin-right:0!important;}
.bgColor.whs:nth-child(6n+6){margin-right:1.8%;}

.bgColor.ljq{width:12.6%;}
.bgColor.ljq:nth-child(7n+7){margin-right:0;}
.bgColor.ljq:nth-child(6n+6){margin-right:1.8%;}

.bgColor.ljq2{width:15.3%;}

.bgColor.Color2{width:11%;}
.bgColor.Color2:nth-child(8n+8){margin-right:0!important;}
.bgColor.Color2:nth-child(6n+6){margin-right:1.8%;}

.morecolorstevenadd {
	text-align:right;
}
.morecolorstevenadd img {
	max-width:35%;
}

/*弹窗*/
.containertc{position:fixed;width:100%;height:100%;top:0;background:rgba(0,0,0,0.3);z-index:90;display:none;}
.contcbg{background:#fff;width:80%;margin:0 auto;padding:20px;box-sizing:border-box;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5);margin-top:15%;position:absolute;top:0;left:10%;}
.contctitle{font-size:26px;text-align:center;}
.contcbgcolor{width:100%;height:100%;}
.contccolor{margin-top:10px;}
.contcbgimgs{width:90%;height:85px;border-radius:10px;margin:0 auto;overflow:hidden;}
.contcbgimgs img{width:100%;}
.contcbgtxt{margin-top:10px;text-align:center;font-size:14px;}

/*灵感家居图 + 3D效果图*/
.Ztitle{color:#40210f;text-align:center;font-size:24px;}

.InspirationHomeMap-D3Renderingcons{background:rgba(255,255,255,0.6);border-radius:10px;margin:10px;box-shadow:3px 3px 10px rgba(0,0,0,0.3);padding:10px;box-sizing:border-box;margin-bottom:50px;}

.InspirationHomeMap{border-bottom:1px solid #6e6c6c;margin-bottom:10px;display:inline-block;}
.InspirationHomeMapimgs{display:table;width:100%;}
.InspirationHomeMapLeimgs{float:left;width:calc(50% - 5px);height:240px;position:relative;}
.InspirationHomeMapLeimg{border-radius:10px;overflow:hidden;}
.InspirationHomeMapLeimg img{width:100%;height:110px;}
.InspirationHomeMapLeimg:last-child{position:absolute;bottom:0;}
.InspirationHomeMapRiimg{float:right;width:calc(50% - 5px);}
.InspirationHomeMapRiimg img{width:100%;height:240px;border-radius:10px;overflow:hidden;}
.InspirationHomeMapahref{margin:10px 0;}
.D3Renderingahref{margin-top:10px;}
.InspirationHomeMapahref,.D3Renderingahref{width:100%;display:inline-block;}
/*.InspirationHomeMapahref a,.D3Renderingahref a{float:right;color:#565251;border:1px solid #565251;border-radius:30px;padding:0 20px;line-height:30px;font-size:15px;}*/
.InspirationHomeMapahref a,.D3Renderingahref a{float:right;height:22px;}
.InspirationHomeMapahref a img,.D3Renderingahref a img{height:100%;position:relative;right:5px;}


.D3Rendering{display:inline-block;}
.D3Renderingimg{width:calc(50% - 5px);position:relative;}
.D3Renderingimg:nth-child(1){float:left;}
.D3Renderingimg:nth-child(2){float:right;}
.D3Renderingimg img{width:100%;border-radius:10px;overflow:hidden;}
.D3Renderingtxt{position:absolute;height:20px;top:calc(50% - 8px);left:calc(50% - 41px);}
.D3Renderingtxt img{height:100%;width:auto;}


/*色彩视屏*/
.ColorVideo{margin-bottom:30px;}
.ColorVideotitle{color:#40210f;text-align:center;font-size:24px;}
.ColorVideotxt{color:#595757;font-size:12px;text-align:center;padding:0 10px;margin-top:5px;}

.ColorVideolists{margin-top:10px;}

.gallery-top{width:calc(100% - 20px)!important;margin-bottom:15px;border-radius:10px;box-shadow:3px 3px 10px rgba(0,0,0,0.3);padding:0 !important;background:#ededee;}
#ColorVideovideo .swiper-slide{background:#ededee;padding:10px;box-sizing:border-box;}
#ColorVideovideo .ColorVideoTovideo video{width:calc(100% - 6px);border:3px solid #fff;object-fit:fill;}
.ColorVideoTovideotitle{font-size:18px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:30px;height:30px;color:#3e3a39;}
.ColorVideoTovideodate{font-size:14px;height:20px;line-height:20px;color:#595757;}



.gallery-thumbs2{width:80%!important;margin:0 auto;position:relative;}
#ColorVideotitle .swiper-slide{font-size:12px;background:#ededee;padding:5px;box-sizing:border-box;border-radius:5px;line-height:20px;box-shadow:3px 3px 0 #d8d6d7;color:#3e3a39;}
.gallery-thumbs2 .swiper-button-next.swiper-button-white,.gallery-thumbs2 .swiper-button-prev.swiper-button-white{position:absolute;}
.gallery-thumbs2 .swiper-button-next.swiper-button-white{right:-10%;}
.gallery-thumbs2 .swiper-button-prev.swiper-button-white{left:-10%;}

.swipertxt{height:40px;transform:scale(0.8);width:120%;margin-left:-10%;text-align:center;}

.swiper-button-next2 ,.swiper-button-prev2,.swiper-button-next3 ,.swiper-button-prev3{--swiper-navigation-size:16px!important;}
.swiper-button-next2,.swiper-button-next3{right:0px!important;}
.swiper-button-prev2,.swiper-button-prev3{left:0px!important;}


.gallery-thumbs2 .swiper-container{padding-bottom:5px!important;}
.swiper-container {width:100%;height:300px;margin-left:auto;margin-right:auto;}
.swiper-slide {background-size:cover;background-position:center;}
.gallery-top {height:80%;width:100%;}
.gallery-thumbs {height:20%;box-sizing:border-box;padding:10px 0;}
.gallery-thumbs .swiper-slide {height:100%;opacity:0.5;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color:#231815 !important;--swiper-navigation-size:26px;}


.swiper5{text-align:center;color:#585757;}
.swiper-button-next5{right:0px!important;}
.swiper-button-prev5{left:0px!important;}
.swiper-button-next5.swiper-button-white, .swiper-button-prev5.swiper-button-white{--swiper-navigation-size:15px;}


/*脚部*/
footer{}

.fotterborder{display:table;width:100%;position:absolute;bottom:0;left:0;}
.fotterborder div{height:4px;position:relative;float:left;width:50%;}
.fotterborder div:before,.fotterborder div:after{content:'';position:absolute;height:100%;width:50%;float:left;}
.fotterborder div:nth-child(1):before{background:#f3ead7;left:0;}
.fotterborder div:nth-child(1):after{background:#bd5c5c;right:0;}
.fotterborder div:nth-child(2):before{background:#abc5c5;left:0;}
.fotterborder div:nth-child(2):after{background:#637064;right:0;}




/*灵感家居弹窗*/
.conlgjjtc{position:fixed;width:100%;height:100%;top:0;background:rgba(0,0,0,0.3);z-index:90;display:none;}
.conlgjjbg{background:#fff;width:90%;height:90%;margin:0 auto;padding:5px;box-sizing:border-box;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5);position:absolute;top:5%;left:5%;}
.iframex{height:100%;position:relative;}
.iframex img{position:absolute;top:-22px;right:-18px;background:#3f9c95;border-radius:100%;box-shadow:2px 2px 0 #000;}
.conlgjjbg iframe{border:1px solid #fff;}
.conlgjjbgcolor{width:100%;height:100%;}




.MoreColorsboulli li{float:left;width:33.3%;margin-bottom:10px;box-sizing:border-box;}
.MoreColorsboulli li img{width:100%;}
.MoreColorsboulli li:nth-child(3n+1){padding-right:5px;}
.MoreColorsboulli li:nth-child(3n+2){padding:0 2.5px;}
.MoreColorsboulli li:nth-child(3n+3){padding-left:5px;}




/*3D*/

.title3D{text-align:center;color:#231815;font-size:18px;line-height:50px;}
.ul3D{display:flex;margin:5px 10px;margin-bottom:10px;padding-bottom:10px;border-bottom:3px solid #3e3a39;}
.ul3D li{flex:1;padding:0 2.5px;}
.ul3D li:first-child{padding-left:0;}
.ul3D li:last-child{padding-right:0;}
.ul3D li img{width:100%;border-radius:11px;}


.ul3Ddata{margin:0 auto;margin-left:5px;width:calc(100% - 10px);display:inline-block;overflow:hidden;}
.ul3Ddata li{width:calc(50% - 10px);margin:5px;float:left;}
.img3D{width:80%;float:left;}
.imgdatas{width: calc(20% - 2px);float: left;border-left: 2px solid #fff;}

.divcon1{overflow: hidden;position:relative;width:100%;height:25%;writing-mode:vertical-lr;padding:5px 11px;box-sizing:border-box;border-bottom: 2px solid #fff;}
.divcon1:last-child{border: none;}
.divcon1 div{height:100%;font-size:12px;float:left;color:#fff;text-shadow:#000 0 0 2px;}




.bg3D{position:relative;display:inline-block;width:100%;}
.bg3D .img3D{width:100%;}
.img3Ddw{position:absolute;top:calc(50% - 15px);left:calc(50% - 65.14px);}
.img3Ddw img{height:30px;}


.dpfa3Dbor{margin:10px;padding:1px;border:1px transparent solid;position:relative;margin-bottom:30px;margin-top:20px;}
.dpfa3Dbor:before,.dpfa3Dbor:after{content:'';position:absolute;z-index:-1;height:30px;width:100%;}
.dpfa3Dbor:before{border-radius:10px 10px 0 0;top:0px;left:0px;background:linear-gradient(180deg,#6e6c6c, #fff);}
.dpfa3Dbor:after{border-radius:0 0 10px 10px;bottom:0px; right:0px;background:linear-gradient(180deg,#fff, #6e6c6c);}
.dpfa3Dbor.on:after{display:none;}
.dpfa3D{background:#fff;border-radius:10px;}

.dpfa3Dtitle{text-align:center;line-height:29px;}
.dpfa3Dtitle span{background:#fff;top:-15px;position:relative;padding:0 15px;}

.dpfa3Dul{display:inline-block;width:100%;padding:5px;box-sizing:border-box;margin-top:-15px;}
.dpfa3Dul li{color:#fff;text-shadow:#000 0 0 2px;font-size:12px;float:left;width:calc(25% - 10px);margin:5px;text-align:center;height:53px;border-radius:5px;padding-top:3px;box-sizing:border-box;}




.dpfa3Dbor2{margin:10px;padding:1px;border:1px transparent solid;position:relative;}
.dpfa3Dbor2:before{content:'';position:absolute;z-index:-1;height:30px;width:100%;}
.dpfa3Dbor2:before{border-radius:10px 10px 0 0;top:0px;left:0px;background:linear-gradient(180deg,#6e6c6c, #fff);}
.dpfa3D2{background:#fff;border-radius:10px;}

.dpfa3Dtitle2{text-align:center;line-height:29px;}
.dpfa3Dtitle2 span{background:#fff;top:-15px;position:relative;padding:0 15px;}


.dpfa3Dul2{display:inline-block;width:100%;padding:5px;box-sizing:border-box;margin-top:-15px;}
.dpfa3Dul2 li{transition:all 1s; width:calc(50% - 10px);float:left;margin:5px;}
.dpfa3Dul2 li img{width:100%; height:100%;border-radius:10px;overflow:hidden;}






.imgtc{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10;display: table-cell;     /* IE8+及标准浏览器识别，让div以表格元素的方式呈现，目的在于配合vertical-align*/vertical-align: middle;}
.imgtcclose{width:35px;position:absolute;top:20px;left:20px;z-index:15;}
.imgtc img{width:100%;position:relative;z-index:10;vertical-align: middle;}





.h5mq1{width:calc(33.3% - 5px);}
.h5mq1:nth-child(3n+1){margin-left:0;margin-right: 2.5px;}
.h5mq1:nth-child(3n+2){margin:0 2.5px;}
.h5mq1:nth-child(3n+3){margin-right:0;margin-left: 2.5px;}

.Color3{width: calc(25% - 5px);}
.Color3:nth-child(4n+1){margin-left:0;margin-right: 2.5px;}
.Color3:nth-child(4n+2),.Color3:nth-child(4n+3){margin:0 2.5px;}
.Color3:nth-child(4n+4){margin-right:0;margin-left: 2.5px;}