.bodyContTitle .fl { font-weight:normal !important; } #laymod_619670 .company_3 { display: none; } @media (min-width:1200px) { .page-index .container, #xyb_nav_10 .container, #xyb_foot_4 .container, #jh_bread_1 .container, .page-procate .container { width:1292px; } } #g_web #xyb_cert_2 .bodyContTitle span.fl { font-size:24px; } /*详情-强劲动力*/ @font-face {font-family: 'webfont1'; src: url('//at.alicdn.com/t/webfont_xtiq4wfw3xv9rudi.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_xtiq4wfw3xv9rudi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_xtiq4wfw3xv9rudi.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_xtiq4wfw3xv9rudi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_xtiq4wfw3xv9rudi.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_34577 .proinfo_title { font-family: 'webfont1'; } /*详情-高温易启动结构*/ @font-face {font-family: 'webfont2'; src: url('//at.alicdn.com/t/webfont_72ow1799mp9zfr.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_72ow1799mp9zfr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_72ow1799mp9zfr.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_72ow1799mp9zfr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_72ow1799mp9zfr.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_34587 .proinfo_title { font-family: 'webfont2'; } /*详情-镁合金易启动的启动系统*/ @font-face {font-family: 'webfont3'; src: url('//at.alicdn.com/t/webfont_6hfor0pej4soflxr.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_6hfor0pej4soflxr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_6hfor0pej4soflxr.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_6hfor0pej4soflxr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_6hfor0pej4soflxr.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_35345 .proinfo_title { font-family: 'webfont3'; } /*详情-减震效果更好*/ @font-face {font-family: 'webfont4'; src: url('//at.alicdn.com/t/webfont_49oy3j0wvk21emi.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_49oy3j0wvk21emi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_49oy3j0wvk21emi.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_49oy3j0wvk21emi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_49oy3j0wvk21emi.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_35118 .proinfo_title { font-family: 'webfont4'; } /*详情-流线型设计 高端大气上档次*/ @font-face {font-family: 'webfont5'; src: url('//at.alicdn.com/t/webfont_5u2i68jo0xcac3di.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_5u2i68jo0xcac3di.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_5u2i68jo0xcac3di.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_5u2i68jo0xcac3di.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_5u2i68jo0xcac3di.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_35185 .proinfo_wrap li:nth-child(1) .text { font-family: 'webfont5'; } /*详情-进口塑料颗粒打造 不俗的质感和视觉冲击*/ @font-face {font-family: 'webfont6'; src: url('//at.alicdn.com/t/webfont_wyh1rewhs7i7ldi.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_wyh1rewhs7i7ldi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_wyh1rewhs7i7ldi.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_wyh1rewhs7i7ldi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_wyh1rewhs7i7ldi.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_35185 .proinfo_wrap li:nth-child(2) .text { font-family: 'webfont6'; } /*详情-镁合金箱体 重量只有吕合金的2/3*/ @font-face {font-family: 'webfont7'; src: url('//at.alicdn.com/t/webfont_ytt9xfd339emte29.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_ytt9xfd339emte29.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_ytt9xfd339emte29.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_ytt9xfd339emte29.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_ytt9xfd339emte29.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_35185 .proinfo_wrap li:nth-child(3) .text { font-family: 'webfont7'; } /*详情-可清洗的长效空滤器 省钱又省力*/ @font-face {font-family: 'webfont8'; src: url('//at.alicdn.com/t/webfont_kp9w413nhym5z5mi.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_kp9w413nhym5z5mi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_kp9w413nhym5z5mi.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_kp9w413nhym5z5mi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_kp9w413nhym5z5mi.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_35185 .proinfo_wrap li:nth-child(4) .text { font-family: 'webfont8'; } /*详情-世林X58汽油链锯*/ @font-face {font-family: 'webfont9'; src: url('//at.alicdn.com/t/webfont_dz771y2ef2bj4i.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_dz771y2ef2bj4i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_dz771y2ef2bj4i.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_dz771y2ef2bj4i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_dz771y2ef2bj4i.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */ } #laymod_35186 .proinfo_title { font-family: 'webfont9'; } /*世林品牌故事*/ .page-silen .ImageText596 #xyb_graphic_78 .graphic_desc p{ text-indent:2em; } /*jh2_cpdetail_2*/ /*直接控制小于768px屏幕时css*/ @media (max-width:768px) { .page-pd #jh2_cpdetail_2 .ql-align-center { text-align:left !important; } } /*联系我们*/ @media (min-width: 993px) { .NavHead800 #xyb_nav_10 .bodyCont_width .nav_menu .nav_logo { width: 41% !important; max-width: 522px !important; } } /*2020.4.17*/ .ImageSwipe45 #xyb_banner_5 .cate_list>.bg { display: none; } /*2020.8.15*/ .ProductDetail28 #jh_proinfo_4 .product-attr-outer, .ProductList123 #xyb_product_12 .pro_price, .ProductDetail67 #jh_proinfo_8 .product-attr-outer, .ProductDetail28 #jh_proinfo_4 .pro_list span.pro_price, .ProductList75 #jh_product_4 .pro_list span.pro_price, .NavHead599 #pur .pro_right { display: none !important; } /*2020.11.20*/ #xyb_company_23 { display: none; } #jh_nybanner_1 .nybanner_1{ height: 26vw !important; } /* 2022.8.2 */ .NewsList126 #xyb_news_10 .news_list .news_img { height: auto; } #xyb_product_11 .pro_list .swiper-slide a{ border: 1px solid rgba(238,238,238,1); } #xyb_news_9 .bodyCont_width { padding-bottom: 60px; } #xyb_video_3 .bodyContContent .video_src li { padding: 1px; } #xyb_product_11 .bodyContTitle .right_more { display: none; } #jh_proinfo_4 .pro_list span.pro_price { display: none; } @media (max-width: 767px) { .AdvertisingBig48 .swiper-pagination { display: none; } .ImageText184 #jh_graphic_12 .swiper-wrapper { display: flex; flex-wrap: wrap; } .ImageText184 #jh_graphic_12 .swiper-slide { margin-bottom: 20px; width: 50% !important; } .ImageText184 #jh_graphic_12 .swiper-slide .news_pic { margin-bottom: 10px; } .ImageText184 #jh_graphic_12 .swiper-slide .news_pic img { width: 100%; } .ImageText184 #jh_graphic_12 .swiper-container3 .prev_next { display: none !important; } .ProductList119 #xyb_product_11 .bodyContTitle .right_more { margin-top: 0; } .NewsList124 #xyb_news_9 .pro_list .pro_pic img { width: 100%; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.eot'); src: url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.woff') format('woff'), url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_77719 #xyb_nav_10 { position:relative; overflow:visible; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1700; } #laymod_77719 #xyb_nav_10.fix_nav { padding:123px 0 0 0; } #laymod_77719 #xyb_nav_10 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_77719 #xyb_nav_10 .bg_img { z-index:2; } #laymod_77719 #xyb_nav_10 .bodyCont_width { position:relative; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; box-shadow:0 4px 5px rgba(0,0,0,0.1); } #laymod_77719 #xyb_nav_10.fix_nav .bodyCont_width { position:fixed; top:0; left:0; width:100%; } /*标题控制*/ #laymod_77719 #xyb_nav_10 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ /*顶部菜单*/ #laymod_77719 #xyb_nav_10 .nav_top { overflow:visible; background:rgba(25,25,25,1); font-size:12px; line-height:43px; color:#fff; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; z-index:2; position:relative; } #laymod_77719 #xyb_nav_10.fix_nav .nav_top { height:0; overflow:hidden; } #laymod_77719 .nav_top .right { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; transform: scaleX(3px); -webkit-transform: scaleX(3px); -moz-transform: scaleX(3px); -ms-transform: scaleX(3px); -o-transform: scaleX(3px); } #laymod_77719 #xyb_nav_10 .nav_top .right span.jh_s_line { color:#fff; opacity: 0.34; -moz-opacity: 0.34; filter:alpha(opacity=34); padding:0 15px 0 10px; } #laymod_77719 #xyb_nav_10 .nav_top .right a { color:#fff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; padding:0 10px; } #laymod_77719 #xyb_nav_10 .nav_top .right a:hover { color:rgba(204,0,0,1); text-decoration:none; } #laymod_77719 #xyb_nav_10 .nav_top .right .nav_link { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_77719 #xyb_nav_10 .nav_top .right .nav_link a { color:#fff; opacity: 0.34; -moz-opacity: 0.34; filter:alpha(opacity=34); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; padding:11.5px 5px; font-size:20px; line-height:1; position:relative; overflow:hidden; float:left; } #laymod_77719 #xyb_nav_10 .nav_link a.nav_link1:before { content:"\e6a8"; } #laymod_77719 #xyb_nav_10 .nav_link a.nav_link1:hover { overflow:visible; } #laymod_77719 #xyb_nav_10 .nav_link a.nav_link1 img { width:120px; height:120px; display:block; position:absolute; top:-200px; right:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: -999; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; box-shadow:0 0 5px rgba(0,0,0,0.2); } #laymod_77719 #xyb_nav_10 .nav_link a.nav_link1:hover img { z-index: 1; top:100%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_77719 #xyb_nav_10 .nav_link a.nav_link2:before { content:"\e6aa"; } #laymod_77719 #xyb_nav_10 .nav_link a.nav_link3:before { content:"\e6d8"; } #laymod_77719 #xyb_nav_10 .nav_top .right .nav_link a.nav_link4 { padding:11.5px 0 11.5px 5px; } #laymod_77719 #xyb_nav_10 .nav_link a.nav_link4:before { content:"\e634"; } #laymod_77719 #xyb_nav_10 .nav_top .right .nav_link a:hover { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_77719 #xyb_nav_10 .nav_t_search { height:27px; line-height:27px; margin:0; width:0; overflow:hidden; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -moz-box-pack:start; -webkit--moz-box-pack:start; box-pack:start; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; font-size:0; position:relative; } #laymod_77719 #xyb_nav_10 .nav_t_search.active_bg { width:175px; margin:0 0 0 15px; _margin:0 0 0 7.5px; } #laymod_77719 #xyb_nav_10 .nav_t_search input { border:0; margin:0; padding:0; background:rgba(255, 0, 0, 1); display:inline-block; *display:inline; *zoom:0; text-indent:5px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:absolute; left:0; top:0; } #laymod_77719 #xyb_nav_10 .nav_t_search input:hover { background:rgba(142, 0, 0, 1); } #laymod_77719 ::-webkit-input-placeholder { color:#ccc; } #laymod_77719 :-moz-placeholder {/* Firefox 18- */ color:#ccc; } #laymod_77719 ::-moz-placeholder{/* Firefox 19+ */ color:#ccc; } #laymod_77719 :-ms-input-placeholder { color:#ccc; } #laymod_77719 #xyb_nav_10 .nav_t_search a { background:rgba(142, 0, 0, 1); display:inline-block; *display:inline; *zoom:0; font-size:12px; margin:0; transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; position:absolute; right:0; top:0; } #laymod_77719 #xyb_nav_10 .nav_top .right .nav_t_search a:hover { background:rgba(255, 0, 0, 1); color:#fff; } /*导航栏-logo*/ #laymod_77719 #xyb_nav_10 .nav_menu { height:80px; overflow:visible; position:relative; z-index: 1; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_logo { height:80px; width:26%; max-width:324px; overflow:hidden; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_logo a { width:100%; height:100%; color:rgba(204,0,0,1); /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:flex-start;/*交叉轴对齐*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_logo a img { max-width:100%; max-height:90%; } /*导航栏-栏目*/ #laymod_77719 #xyb_nav_10 .nav_menu .nav_list { width:auto; max-width:74%; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul { margin:0; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:row; -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap; -webkit-box-lines:single; -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐*/ -moz-box-pack:end; -webkit--moz-box-pack:end; box-pack:end; /*align-items*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:flex-end; -moz-box-align:flex-end; -webkit-box-align:flex-end; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li { margin:0; width:auto; position:relative; overflow:hidden; float:left; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li.move_bg { overflow:visible; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a { margin:19px 0; padding:0 0 0 2.187vw; display:block; font-size:14px; color:rgba(0, 0, 0, 0.9); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; line-height:42px; text-align:center; position:relative; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li.active_bg>a, #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li.move_bg>a, #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a:hover { color:rgba(204,0,0,1); } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a>span { display:block; width:0; height:2px; background:rgba(204,0,0,1); position:absolute; left:2.187vw; bottom:0; z-index:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li.active_bg>a>span, #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li.move_bg>a>span, #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a:hover>span { width:30%; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul { background:#fff; display:none; position:absolute; top:100%; left:-20px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:0 2px 2px rgba(0,0,0,0.3); overflow:visible; border-top:1px solid #eee; min-width:162px; max-width:230px; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li { width:100%; margin:0; border-bottom:0 none; position:relative; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li a { padding:0 17px; line-height:48px; margin:0; min-width:142px; overflow:hidden; text-overflow:ellipsis; position:relative; text-align:left; max-height:48px; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li a dd { line-height:48px; width:90%; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li.last_li a { border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li a:hover { background:rgba(204,0,0,1); color:rgba(255,255,255,1); } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li a>i { display:inline; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:absolute; right:10px; top:0; margin:0; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li a>i:before { content:"\e627"; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li a:hover>i { color:rgba(255,255,255,1); } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li { overflow:hidden; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li.move_bg { overflow:visible; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li>ul { left:150%; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; display:block; overflow:hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li.move_bg>ul { left:100%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:visible; } /*登录和注册*/ #laymod_77719 .login_style { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 2000; } #laymod_77719 .login_style.login_show { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_77719 .login_style .login_bg { position:absolute; top:0; left:0; background:#000; width:100%; height:100%; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); z-index: 1; } #laymod_77719 .login_style .login_account { width:300px; height:auto; position:relative; margin:0; background:#fff; border:1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding:30px 15px 15px 15px; z-index: 2; } #laymod_77719 .login_style .login_close { position:absolute; right:2%; top:2%; color:#000; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; font-size:16px; line-height:1; } #laymod_77719 .login_style .login_close:before { content:"\e635"; } #laymod_77719 .login_style .login_close:hover { color:rgba(204,0,0,1); transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_77719 .login_style label { display:block; width:100%; position:relative; margin:0 0 1rem 0; overflow:hidden; } #laymod_77719 .login_style label i { display:block; position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; color:#000; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); background:#eee; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -khtml-border-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_77719 .login_style label.login_1 i:before { content:"\e6c6"; } #laymod_77719 .login_style label.login_2 i:before { content:"\e6da"; } #laymod_77719 .login_style label.login_3 i:before { content:"\e6c8"; } #laymod_77719 .login_style.win_reg label.login_3 i:before { content:"\e6da"; } #laymod_77719 .login_style label.login_4 i:before { content:"\e6bb"; } #laymod_77719 .login_style label.move_bg i { background:rgba(204,0,0,1); color:#fff; } #laymod_77719 .login_style input { display:block; border:1px solid #eee; height:40px; line-height:40px; text-indent:4.5rem; color:#000; font-size:14px; width:100%; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -khtml-border-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_77719 .login_style .move_bg input { border-color:rgba(204,0,0,1); } #laymod_77719 .login_style input.input-randCode { width:70%; float:left; } #laymod_77719 .login_style #verifyPic { float:right; margin:4% 0 0 0; } #laymod_77719 .login_style input.submit { text-indent:0; background:#eee; } #laymod_77719 .login_style .move_bg input.submit { background:rgba(204,0,0,1); color:#fff; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_77719 #xyb_nav_10.fix_nav { padding:50px 0 0 0; } #laymod_77719 #xyb_nav_10 .nav_top { line-height:2; } #laymod_77719 #xyb_nav_10 .nav_menu, #laymod_77719 #xyb_nav_10 .nav_menu .nav_logo { height:50px; } #laymod_77719 #xyb_nav_10, #laymod_77719 #xyb_nav_10 .nav_menu { overflow:visible; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_logo { width:60%; margin:0 0 0 15px; } /*导航-按钮*/ #laymod_77719 #xyb_nav_10 .nav_botton { position:absolute; right:5px; top:50%; margin:-17px 0 0 0; width:44px; height:34px; } #laymod_77719 #xyb_nav_10 .nav_botton a { display:block; padding:0; border-radius:4px; display:block; width:44px; height:34px; } #laymod_77719 #xyb_nav_10 .nav_botton span { display:block; width:26px; height:2px; background:rgba(204,0,0,1); position:absolute; left:10px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } #laymod_77719 #xyb_nav_10 .nav_botton span:before { content:""; display:block; width:4px; height:4px; background:rgba(204,0,0,1); border-radius:2px; position:absolute; left:-10px; top:50%; margin:-2px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_77719 #xyb_nav_10 .nav_botton a.active_bg span:before { left:-15px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_77719 #xyb_nav_10 .nav_botton span.botton-line_1 { top:8px; } #laymod_77719 #xyb_nav_10 .nav_botton a.active_bg>span.botton-line_1 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); top:50%; } #laymod_77719 #xyb_nav_10 .nav_botton span.botton-line_2 { top:50%; margin:-1px 0 0 0; width:19px; } #laymod_77719 #xyb_nav_10 .nav_botton a.active_bg>span.botton-line_2 { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_77719 #xyb_nav_10 .nav_botton span.botton-line_3 { bottom:8px; } #laymod_77719 #xyb_nav_10 .nav_botton a.active_bg>span.botton-line_3 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:50%; } /*导航栏*/ #laymod_77719 #xyb_nav_10 .nav_menu .nav_list { background:rgba(206,206,206,1); position:absolute; width:100%; top:100%; left:0; padding:0 0 45px 0; box-shadow:0 2px 2px rgba(0,0,0,0.3); display:none; max-height:400px; max-width:100%; overflow-y:auto; overflow-x:hidden; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul { /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li { width:100%; margin:0; _margin:0; border-bottom:1px solid rgba(255, 255, 255, 0.2); } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a { padding:0; margin:0; text-align:left; text-indent:15px; line-height:45px; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li.active_bg>a>span, #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a:hover>span { width:8%; left:15px; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a>i { position:absolute; right:15px; top:50%; margin:-22px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-indent:0; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a>i:before { content:"\e627"; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li a:hover>i { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul { background:rgba(206,206,206,1); position:relative; width:100%; box-shadow:0 0 0 rgba(0,0,0,0); border-top:0 none; left:auto; top:auto; max-width:inherit; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li>ul li a { line-height:45px; padding:0; max-height:45px; border-radius:0; text-align:left; text-indent:35%; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li>ul { left:auto; top:auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:hidden; border-radius: 0; position:relative; display:none; } #laymod_77719 #xyb_nav_10 .nav_list li>i.xybicon { position:absolute; height:45px; display:block; width:30px; right:6px; z-index: 2; top:0; } #laymod_77719 #xyb_nav_10 .nav_list li li>i.xybicon { height:45px; } #laymod_77719 #xyb_nav_10 .nav_list li>i.xybicon:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#999; } #laymod_77719 #xyb_nav_10 .nav_list li>i.xybicon:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#999; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_77719 #xyb_nav_10 .nav_list li:hover>i.xybicon:after { height:0; margin:0; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li.move_bg>ul { left:auto; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li li li a { padding-left:45px; } #laymod_77719 #xyb_nav_10 .nav_menu .nav_list li li li li a { padding-left:60px; } /*手机站-搜索*/ #laymod_77719 #xyb_nav_10 .nav_m_search { padding:10px 15px; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_77719 #xyb_nav_10 .nav_m_search input { width:80%; background:rgba(255,255,255,0.6); height:3rem; line-height:3rem; color:rgba(0,0,0,1); text-indent:5%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_77719 #xyb_nav_10 .nav_m_search a { display:block; width:20%; background:#fff; font-size:14px; line-height:3rem; height:3rem; text-align:center; color:rgba(0,0,0,1); } #laymod_77719 ::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.6); } #laymod_77719 :-moz-placeholder {/* Firefox 18- */ color:rgba(0, 0, 0, 0.6); } #laymod_77719 ::-moz-placeholder{/* Firefox 19+ */ color:rgba(0, 0, 0, 0.6); } #laymod_77719 :-ms-input-placeholder { color:rgba(0, 0, 0, 0.6); } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.eot'); src: url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.woff') format('woff'), url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_7slpvbnf0o9io1or.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_619774 #xyb_nav_10 { position:relative; overflow:visible; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1700; } #laymod_619774 #xyb_nav_10.fix_nav { padding:123px 0 0 0; } #laymod_619774 #xyb_nav_10 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_619774 #xyb_nav_10 .bg_img { z-index:2; } #laymod_619774 #xyb_nav_10 .bodyCont_width { position:relative; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; box-shadow:0 4px 5px rgba(0,0,0,0.1); } #laymod_619774 #xyb_nav_10.fix_nav .bodyCont_width { position:fixed; top:0; left:0; width:100%; } /*标题控制*/ #laymod_619774 #xyb_nav_10 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ /*顶部菜单*/ #laymod_619774 #xyb_nav_10 .nav_top { overflow:visible; background:rgba(25,25,25,1); font-size:12px; line-height:43px; color:#fff; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; z-index:2; position:relative; } #laymod_619774 #xyb_nav_10.fix_nav .nav_top { height:0; overflow:hidden; } #laymod_619774 .nav_top .right { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; transform: scaleX(3px); -webkit-transform: scaleX(3px); -moz-transform: scaleX(3px); -ms-transform: scaleX(3px); -o-transform: scaleX(3px); } #laymod_619774 #xyb_nav_10 .nav_top .right span.jh_s_line { color:#fff; opacity: 0.34; -moz-opacity: 0.34; filter:alpha(opacity=34); padding:0 15px 0 10px; } #laymod_619774 #xyb_nav_10 .nav_top .right a { color:#fff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; padding:0 10px; } #laymod_619774 #xyb_nav_10 .nav_top .right a:hover { color:rgba(204,0,0,1); text-decoration:none; } #laymod_619774 #xyb_nav_10 .nav_top .right .nav_link { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_619774 #xyb_nav_10 .nav_top .right .nav_link a { color:#fff; opacity: 0.34; -moz-opacity: 0.34; filter:alpha(opacity=34); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; padding:11.5px 5px; font-size:20px; line-height:1; position:relative; overflow:hidden; float:left; } #laymod_619774 #xyb_nav_10 .nav_link a.nav_link1:before { content:"\e6a8"; } #laymod_619774 #xyb_nav_10 .nav_link a.nav_link1:hover { overflow:visible; } #laymod_619774 #xyb_nav_10 .nav_link a.nav_link1 img { width:120px; height:120px; display:block; position:absolute; top:-200px; right:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: -999; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; box-shadow:0 0 5px rgba(0,0,0,0.2); } #laymod_619774 #xyb_nav_10 .nav_link a.nav_link1:hover img { z-index: 1; top:100%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_619774 #xyb_nav_10 .nav_link a.nav_link2:before { content:"\e6aa"; } #laymod_619774 #xyb_nav_10 .nav_link a.nav_link3:before { content:"\e6d8"; } #laymod_619774 #xyb_nav_10 .nav_top .right .nav_link a.nav_link4 { padding:11.5px 0 11.5px 5px; } #laymod_619774 #xyb_nav_10 .nav_link a.nav_link4:before { content:"\e634"; } #laymod_619774 #xyb_nav_10 .nav_top .right .nav_link a:hover { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_619774 #xyb_nav_10 .nav_t_search { height:27px; line-height:27px; margin:0; width:0; overflow:hidden; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -moz-box-pack:start; -webkit--moz-box-pack:start; box-pack:start; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; font-size:0; position:relative; } #laymod_619774 #xyb_nav_10 .nav_t_search.active_bg { width:175px; margin:0 0 0 15px; _margin:0 0 0 7.5px; } #laymod_619774 #xyb_nav_10 .nav_t_search input { border:0; margin:0; padding:0; background:rgba(255, 0, 0, 1); display:inline-block; *display:inline; *zoom:0; text-indent:5px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:absolute; left:0; top:0; } #laymod_619774 #xyb_nav_10 .nav_t_search input:hover { background:rgba(142, 0, 0, 1); } #laymod_619774 ::-webkit-input-placeholder { color:#ccc; } #laymod_619774 :-moz-placeholder {/* Firefox 18- */ color:#ccc; } #laymod_619774 ::-moz-placeholder{/* Firefox 19+ */ color:#ccc; } #laymod_619774 :-ms-input-placeholder { color:#ccc; } #laymod_619774 #xyb_nav_10 .nav_t_search a { background:rgba(142, 0, 0, 1); display:inline-block; *display:inline; *zoom:0; font-size:12px; margin:0; transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; position:absolute; right:0; top:0; } #laymod_619774 #xyb_nav_10 .nav_top .right .nav_t_search a:hover { background:rgba(255, 0, 0, 1); color:#fff; } /*导航栏-logo*/ #laymod_619774 #xyb_nav_10 .nav_menu { height:80px; overflow:visible; position:relative; z-index: 1; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_logo { height:80px; width:26%; max-width:324px; overflow:hidden; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_logo a { width:100%; height:100%; color:rgba(204,0,0,1); /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:flex-start;/*交叉轴对齐*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_logo a img { max-width:100%; max-height:90%; } /*导航栏-栏目*/ #laymod_619774 #xyb_nav_10 .nav_menu .nav_list { width:auto; max-width:74%; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul { margin:0; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:row; -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap; -webkit-box-lines:single; -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐*/ -moz-box-pack:end; -webkit--moz-box-pack:end; box-pack:end; /*align-items*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:flex-end; -moz-box-align:flex-end; -webkit-box-align:flex-end; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li { margin:0; width:auto; position:relative; overflow:hidden; float:left; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li.move_bg { overflow:visible; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a { margin:19px 0; padding:0 0 0 2.187vw; display:block; font-size:14px; color:rgba(0, 0, 0, 0.9); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; line-height:42px; text-align:center; position:relative; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li.active_bg>a, #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li.move_bg>a, #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a:hover { color:rgba(204,0,0,1); } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a>span { display:block; width:0; height:2px; background:rgba(204,0,0,1); position:absolute; left:2.187vw; bottom:0; z-index:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li.active_bg>a>span, #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li.move_bg>a>span, #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a:hover>span { width:30%; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul { background:#fff; display:none; position:absolute; top:100%; left:-20px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:0 2px 2px rgba(0,0,0,0.3); overflow:visible; border-top:1px solid #eee; min-width:162px; max-width:230px; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li { width:100%; margin:0; border-bottom:0 none; position:relative; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li a { padding:0 17px; line-height:48px; margin:0; min-width:142px; overflow:hidden; text-overflow:ellipsis; position:relative; text-align:left; max-height:48px; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li a dd { line-height:48px; width:90%; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li.last_li a { border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li a:hover { background:rgba(204,0,0,1); color:rgba(255,255,255,1); } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li a>i { display:inline; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:absolute; right:10px; top:0; margin:0; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li a>i:before { content:"\e627"; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li a:hover>i { color:rgba(255,255,255,1); } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li { overflow:hidden; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li.move_bg { overflow:visible; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li>ul { left:150%; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; display:block; overflow:hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li.move_bg>ul { left:100%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:visible; } /*登录和注册*/ #laymod_619774 .login_style { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 2000; } #laymod_619774 .login_style.login_show { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_619774 .login_style .login_bg { position:absolute; top:0; left:0; background:#000; width:100%; height:100%; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); z-index: 1; } #laymod_619774 .login_style .login_account { width:300px; height:auto; position:relative; margin:0; background:#fff; border:1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding:30px 15px 15px 15px; z-index: 2; } #laymod_619774 .login_style .login_close { position:absolute; right:2%; top:2%; color:#000; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; font-size:16px; line-height:1; } #laymod_619774 .login_style .login_close:before { content:"\e635"; } #laymod_619774 .login_style .login_close:hover { color:rgba(204,0,0,1); transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_619774 .login_style label { display:block; width:100%; position:relative; margin:0 0 1rem 0; overflow:hidden; } #laymod_619774 .login_style label i { display:block; position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; color:#000; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); background:#eee; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -khtml-border-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_619774 .login_style label.login_1 i:before { content:"\e6c6"; } #laymod_619774 .login_style label.login_2 i:before { content:"\e6da"; } #laymod_619774 .login_style label.login_3 i:before { content:"\e6c8"; } #laymod_619774 .login_style.win_reg label.login_3 i:before { content:"\e6da"; } #laymod_619774 .login_style label.login_4 i:before { content:"\e6bb"; } #laymod_619774 .login_style label.move_bg i { background:rgba(204,0,0,1); color:#fff; } #laymod_619774 .login_style input { display:block; border:1px solid #eee; height:40px; line-height:40px; text-indent:4.5rem; color:#000; font-size:14px; width:100%; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -khtml-border-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_619774 .login_style .move_bg input { border-color:rgba(204,0,0,1); } #laymod_619774 .login_style input.input-randCode { width:70%; float:left; } #laymod_619774 .login_style #verifyPic { float:right; margin:4% 0 0 0; } #laymod_619774 .login_style input.submit { text-indent:0; background:#eee; } #laymod_619774 .login_style .move_bg input.submit { background:rgba(204,0,0,1); color:#fff; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_619774 #xyb_nav_10.fix_nav { padding:50px 0 0 0; } #laymod_619774 #xyb_nav_10 .nav_top { line-height:2; } #laymod_619774 #xyb_nav_10 .nav_menu, #laymod_619774 #xyb_nav_10 .nav_menu .nav_logo { height:50px; } #laymod_619774 #xyb_nav_10, #laymod_619774 #xyb_nav_10 .nav_menu { overflow:visible; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_logo { width:60%; margin:0 0 0 15px; } /*导航-按钮*/ #laymod_619774 #xyb_nav_10 .nav_botton { position:absolute; right:5px; top:50%; margin:-17px 0 0 0; width:44px; height:34px; } #laymod_619774 #xyb_nav_10 .nav_botton a { display:block; padding:0; border-radius:4px; display:block; width:44px; height:34px; } #laymod_619774 #xyb_nav_10 .nav_botton span { display:block; width:26px; height:2px; background:rgba(204,0,0,1); position:absolute; left:10px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } #laymod_619774 #xyb_nav_10 .nav_botton span:before { content:""; display:block; width:4px; height:4px; background:rgba(204,0,0,1); border-radius:2px; position:absolute; left:-10px; top:50%; margin:-2px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_619774 #xyb_nav_10 .nav_botton a.active_bg span:before { left:-15px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_619774 #xyb_nav_10 .nav_botton span.botton-line_1 { top:8px; } #laymod_619774 #xyb_nav_10 .nav_botton a.active_bg>span.botton-line_1 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); top:50%; } #laymod_619774 #xyb_nav_10 .nav_botton span.botton-line_2 { top:50%; margin:-1px 0 0 0; width:19px; } #laymod_619774 #xyb_nav_10 .nav_botton a.active_bg>span.botton-line_2 { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_619774 #xyb_nav_10 .nav_botton span.botton-line_3 { bottom:8px; } #laymod_619774 #xyb_nav_10 .nav_botton a.active_bg>span.botton-line_3 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:50%; } /*导航栏*/ #laymod_619774 #xyb_nav_10 .nav_menu .nav_list { background:rgba(206,206,206,1); position:absolute; width:100%; top:100%; left:0; padding:0 0 45px 0; box-shadow:0 2px 2px rgba(0,0,0,0.3); display:none; max-height:400px; max-width:100%; overflow-y:auto; overflow-x:hidden; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul { /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li { width:100%; margin:0; _margin:0; border-bottom:1px solid rgba(255, 255, 255, 0.2); } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a { padding:0; margin:0; text-align:left; text-indent:15px; line-height:45px; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li.active_bg>a>span, #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a:hover>span { width:8%; left:15px; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a>i { position:absolute; right:15px; top:50%; margin:-22px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-indent:0; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a>i:before { content:"\e627"; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li a:hover>i { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul { background:rgba(206,206,206,1); position:relative; width:100%; box-shadow:0 0 0 rgba(0,0,0,0); border-top:0 none; left:auto; top:auto; max-width:inherit; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li>ul li a { line-height:45px; padding:0; max-height:45px; border-radius:0; text-align:left; text-indent:35%; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li>ul { left:auto; top:auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:hidden; border-radius: 0; position:relative; display:none; } #laymod_619774 #xyb_nav_10 .nav_list li>i.xybicon { position:absolute; height:45px; display:block; width:30px; right:6px; z-index: 2; top:0; } #laymod_619774 #xyb_nav_10 .nav_list li li>i.xybicon { height:45px; } #laymod_619774 #xyb_nav_10 .nav_list li>i.xybicon:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#999; } #laymod_619774 #xyb_nav_10 .nav_list li>i.xybicon:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#999; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_619774 #xyb_nav_10 .nav_list li:hover>i.xybicon:after { height:0; margin:0; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list ul.nav_ul_son li.move_bg>ul { left:auto; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li li li a { padding-left:45px; } #laymod_619774 #xyb_nav_10 .nav_menu .nav_list li li li li a { padding-left:60px; } /*手机站-搜索*/ #laymod_619774 #xyb_nav_10 .nav_m_search { padding:10px 15px; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_619774 #xyb_nav_10 .nav_m_search input { width:80%; background:rgba(255,255,255,0.6); height:3rem; line-height:3rem; color:rgba(0,0,0,1); text-indent:5%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_619774 #xyb_nav_10 .nav_m_search a { display:block; width:20%; background:#fff; font-size:14px; line-height:3rem; height:3rem; text-align:center; color:rgba(0,0,0,1); } #laymod_619774 ::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.6); } #laymod_619774 :-moz-placeholder {/* Firefox 18- */ color:rgba(0, 0, 0, 0.6); } #laymod_619774 ::-moz-placeholder{/* Firefox 19+ */ color:rgba(0, 0, 0, 0.6); } #laymod_619774 :-ms-input-placeholder { color:rgba(0, 0, 0, 0.6); } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot'); src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff') format('woff'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } /*模版整体控制*/ #laymod_77720 #jh_bread_1 { position:relative; overflow:hidden; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_77720 #jh_bread_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_77720 #jh_bread_1>.bg_img { z-index:2; } /*顶部线条控制*/ #laymod_77720 .border_top { background:rgba(204,0,0,1); height:0px; position:relative; z-index: 4; } #laymod_77720 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_77720 .bodyContContent { position:relative; z-index: 4; } #laymod_77720 .bodyContContent.container-100 { width:100%; } /*模版主体部分*/ #laymod_77720 .bread_cont { overflow:hidden; position:relative; } #laymod_77720 .bread_cont>ul { margin-bottom:0; float:left; } #laymod_77720 .bodyContContent li { color:#ccc; font-size:14px; line-height:43px; float:left; } #laymod_77720 .bodyContContent li a { color:#ccc; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_77720 .bodyContContent li.bread_last a, #laymod_77720 .bodyContContent li a:hover { color:rgba(204,0,0,1); text-decoration:none; } #laymod_77720 .bodyContContent li em, #laymod_77720 .bodyContContent li .xyb_line { padding:0 0.5rem; font-style:normal; font-size:12px; } #laymod_77720 .bodyContContent li .xyb_line:before { content:"\e627"; } #laymod_77720 .bodyContContent li.bread_last .xyb_line { display:none; } #laymod_77720 .bread_line { height:1px; background:#ededed; } /*搜索*/ #laymod_77720 .nav_m_search { border:1px solid #eee; background:#fff; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; position:absolute; width:220px; height:32px; top:50%; right:0; margin:-16px 0 0 0; -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-border-radius-bottomleft:16px; -moz-border-radius-bottomright:16px; -khtml-border-radius: 16px; -webkit-border-bottom-left-radius:16px; -webkit-border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } #laymod_77720 .nav_m_search form { display:block; width:80%; } #laymod_77720 .nav_m_search input { width:100%; background:none; border:0 none; height:100%; line-height:30px; color:#000; text-indent:10%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_77720 .nav_m_search a { display:block; width:19%; background:none; font-size:14px; line-height:30px; height:100%; text-align:center; color:#000; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_77720 .nav_m_search a:before { content:"\e7bb"; } #laymod_77720 .nav_m_search a:hover { color:rgba(204,0,0,1); } #laymod_77720 ::-webkit-input-placeholder { color:#666; } #laymod_77720 :-moz-placeholder {/* Firefox 18- */ color:rgba(0,0,0,0.6); } #laymod_77720 ::-moz-placeholder{/* Firefox 19+ */ color:rgba(0,0,0,0.6); } #laymod_77720 :-ms-input-placeholder { color:rgba(0,0,0,0.6); } /*表单错误提示语*/ #laymod_77720 #err_tip { display: none; position: fixed; top: 35%; left: 50%; width: 220px; padding: 0; margin: 0 0 0 -110px; z-index: 9999; background: rgba(0,0,0,0.8); color: #fff; font-size: 14px; line-height: 1.5em; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); } #laymod_77720 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } @media(min-width:992px){ #laymod_77720 .bread_cont { padding:0; } } @media (max-width:991px) { /*顶部线条控制*/ #laymod_77720 .border_top { height:0; } #laymod_77720 .bodyContContent ul { padding:10px 0; } #laymod_77720 .bodyContContent li { font-size:1.2rem; line-height:1.6; } #laymod_77720 .bodyContContent li.bread_last { max-width:33%; } #laymod_77720 .bodyContContent li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_77720 .bodyContContent li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_77720 .bodyContContent li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_77720 .bodyContContent li.bread_last a { max-width:100px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot'); src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff') format('woff'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } /*模版整体控制*/ #laymod_619775 #jh_bread_1 { position:relative; overflow:hidden; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_619775 #jh_bread_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_619775 #jh_bread_1>.bg_img { z-index:2; } /*顶部线条控制*/ #laymod_619775 .border_top { background:rgba(204,0,0,1); height:0px; position:relative; z-index: 4; } #laymod_619775 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_619775 .bodyContContent { position:relative; z-index: 4; } #laymod_619775 .bodyContContent.container-100 { width:100%; } /*模版主体部分*/ #laymod_619775 .bread_cont { overflow:hidden; position:relative; } #laymod_619775 .bread_cont>ul { margin-bottom:0; float:left; } #laymod_619775 .bodyContContent li { color:#ccc; font-size:14px; line-height:43px; float:left; } #laymod_619775 .bodyContContent li a { color:#ccc; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_619775 .bodyContContent li.bread_last a, #laymod_619775 .bodyContContent li a:hover { color:rgba(204,0,0,1); text-decoration:none; } #laymod_619775 .bodyContContent li em, #laymod_619775 .bodyContContent li .xyb_line { padding:0 0.5rem; font-style:normal; font-size:12px; } #laymod_619775 .bodyContContent li .xyb_line:before { content:"\e627"; } #laymod_619775 .bodyContContent li.bread_last .xyb_line { display:none; } #laymod_619775 .bread_line { height:1px; background:#ededed; } /*搜索*/ #laymod_619775 .nav_m_search { border:1px solid #eee; background:#fff; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; position:absolute; width:220px; height:32px; top:50%; right:0; margin:-16px 0 0 0; -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-border-radius-bottomleft:16px; -moz-border-radius-bottomright:16px; -khtml-border-radius: 16px; -webkit-border-bottom-left-radius:16px; -webkit-border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } #laymod_619775 .nav_m_search form { display:block; width:80%; } #laymod_619775 .nav_m_search input { width:100%; background:none; border:0 none; height:100%; line-height:30px; color:#000; text-indent:10%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_619775 .nav_m_search a { display:block; width:19%; background:none; font-size:14px; line-height:30px; height:100%; text-align:center; color:#000; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_619775 .nav_m_search a:before { content:"\e7bb"; } #laymod_619775 .nav_m_search a:hover { color:rgba(204,0,0,1); } #laymod_619775 ::-webkit-input-placeholder { color:#666; } #laymod_619775 :-moz-placeholder {/* Firefox 18- */ color:rgba(0,0,0,0.6); } #laymod_619775 ::-moz-placeholder{/* Firefox 19+ */ color:rgba(0,0,0,0.6); } #laymod_619775 :-ms-input-placeholder { color:rgba(0,0,0,0.6); } /*表单错误提示语*/ #laymod_619775 #err_tip { display: none; position: fixed; top: 35%; left: 50%; width: 220px; padding: 0; margin: 0 0 0 -110px; z-index: 9999; background: rgba(0,0,0,0.8); color: #fff; font-size: 14px; line-height: 1.5em; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); } #laymod_619775 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } @media(min-width:992px){ #laymod_619775 .bread_cont { padding:0; } } @media (max-width:991px) { /*顶部线条控制*/ #laymod_619775 .border_top { height:0; } #laymod_619775 .bodyContContent ul { padding:10px 0; } #laymod_619775 .bodyContContent li { font-size:1.2rem; line-height:1.6; } #laymod_619775 .bodyContContent li.bread_last { max-width:33%; } #laymod_619775 .bodyContContent li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_619775 .bodyContContent li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_619775 .bodyContContent li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_619775 .bodyContContent li.bread_last a { max-width:100px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot'); src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff') format('woff'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_341961 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_341961 #jh_proinfo_4>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_341961 #jh_proinfo_4>.bg_img { z-index:2; } #laymod_341961 .bodyCont_width { position:relative; z-index:4; } #laymod_341961 .bodyContContent { position:relative; z-index: 4; } #laymod_341961 .jh_content1 { background:#fff; padding:30px 0; } #laymod_341961 .jh_content2 { background:#f8f8f8; padding:30px 0; } /*模版主体部分*/ /*左侧产品图片*/ #laymod_341961 .pro_img { max-height:576px; overflow:hidden; } #laymod_341961 .pro_img .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } #laymod_341961 .pro_img .swiper-slide { text-align:center; font-size:0; } #laymod_341961 .pro_img .swiper-slide img { display:inline-block; *display:inline; *zoom:1; } #laymod_341961 .pro_img .gallery-top { margin:0 auto 1rem auto; position:relative; overflow:hidden; } #laymod_341961 .pro_img .gallery-top .swiper-slide { width: 100% !important; } #laymod_341961 .pro_img .gallery-top .swiper-slide a { display:block; float:none; margin:0 auto; } #laymod_341961 .pro_img .gallery-top .swiper-slide a img { max-width:100%; max-height:100%; } #laymod_341961 .pro_img .pro_type { margin:30px 0; font-size:14px; text-align:center; color:#626262; line-height:1; } #laymod_341961 .pro_img .gallery-thumbs { box-sizing: border-box; padding: 0; margin:0 auto; overflow:hidden; } #laymod_341961 .pro_img .gallery-thumbs .swiper-slide { width: 60px; opacity: 0.7; border:1px solid #eee; cursor: pointer; } #laymod_341961 .pro_img .gallery-thumbs .swiper-slide img { display:block; width:100%; } #laymod_341961 .pro_img .gallery-thumbs .swiper-slide-active { opacity: 1; border-color:rgba(204,0,0,1); } #laymod_341961 .swiper-btn { width:15%; height:100%; position: absolute; top:0; cursor: pointer; font-size:30px; font-weight:bold; line-height:1; color:#000; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); z-index: 2; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_341961 .swiper-prev { left:0; } #laymod_341961 .swiper-prev:before { content:"\e626"; } #laymod_341961 .swiper-next { right:0; } #laymod_341961 .swiper-next:before { content:"\e627"; } /*右侧产品属性*/ #laymod_341961 .t_font_color1 { color:#76838f; } #laymod_341961 .pro_shop_h1 { font-size:28px; line-height:1; color:#000; margin:0 0 11px 0; } #laymod_341961 .ali_link { margin-top: 20px; } #laymod_341961 .ali_link a { width: auto; padding: 0 20px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(204,0,0,1); display: inline-block; *display: inline; *zoom: 1; } #laymod_341961 .pro_shop_attr { display: none; } #laymod_341961 .control-label { font-size:14px; line-height:2; color:#9e9e9e; } #laymod_341961 .control-label-market { color: #ccc; text-decoration:line-through; } #laymod_341961 .btn-outline.btn-danger { color:rgba(204,0,0,1); border-color:rgba(204,0,0,1); } #laymod_341961 .pro_shop_price { background-color:#fafafa; } #laymod_341961 .purchase-btn .btn-danger { background-color:rgba(204,0,0,1); border-color:rgba(204,0,0,1); } #laymod_341961 .purchase-btn .btn-primary { background-color:#393939; border-color:#393939; } #laymod_341961 .pro_shop_price .control-label { font-size:32px; line-height:1; padding:20px; color:rgba(204,0,0,1); } #laymod_341961 .form-group a { margin-bottom:10px; } /*产品描述-左侧描述*/ #laymod_341961 .pro_detail { background:#fff; padding:30px; } #laymod_341961 .pro_detail_title { border-bottom:1px solid #eee; margin:0 0 30px 0; overflow:hidden; } #laymod_341961 .pro_detail_title ul { margin:0; } #laymod_341961 .pro_detail_title li { float:left; overflow:hidden; } #laymod_341961 .pro_detail_title li a { color:#000; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); font-size:16px; line-height:1; padding:0 25px; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; overflow:hidden; display:block; } #laymod_341961 .pro_detail_title li.active_bg a { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); padding:0 25px 15px 25px; } #laymod_341961 .pro_detail_title li a:before { content:''; display:block; width:0; height:1px; left:50%; bottom:0; position:absolute; background:#595959; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_341961 .pro_detail_title li.active_bg a:before { width:100%; left:0; } #laymod_341961 .pro_detail_cont { clear:both; width:100%; position:relative; min-height:100px; } #laymod_341961 .pro_detail_cont > ul > li { width:100%; position:absolute; left:0; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; font-size:14px; line-height:2; color:#222; } #laymod_341961 .pro_detail_cont li.active_bg { position:relative; left:auto; top:auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; } #laymod_341961 .pro_detail_cont li img { max-width:100%; white-space: normal; } /*产品描述-右侧热销产品*/ #laymod_341961 .pro_hotlist_wrap { background:#fff; margin-left:15px; _margin-left:7px; padding:30px; } #laymod_341961 .hottitle { font-size:16px; color:#000; line-height:1; } #laymod_341961 .pro_list { width:auto; position:relative; } #laymod_341961 .pro_list ul { position:relative; overflow:hidden; padding:10px 0 0 0; margin:0 auto; } #laymod_341961 .pro_list li { padding:0; } #laymod_341961 .pro_list li a { display:block; width:100%; padding:0 0 1rem 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:relative; overflow:hidden; } #laymod_341961 .pro_list .pro_pic { display:block; width:100%; height:auto; position:relative; overflow:hidden; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align:center; z-index: 2; } #laymod_341961 .pro_list .pro_pic img { display:block; width:100%; position:relative; z-index: 1; } #laymod_341961 .pro_list i.pic_border { display:block; width:100%; height:100%; z-index: 1; position:absolute; top:0; left:0; border:1px solid #dfdfdf; } #laymod_341961 .pro_list i.pic_bg2 { display:block; width:100%; height:100%; z-index: 1; position:absolute; top:0; left:0; } #laymod_341961 .pro_list span.pro_name { display:block; width:100%; text-align:left; text-indent:2%; font-size:1.6rem; line-height:2; height:3.2rem; overflow:hidden; color:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); z-index: 3; padding:1rem 3% 0 3%; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_341961 .pro_list span.pro_price { display:block; width:100%; text-align:left; text-indent:2%; font-size:2.4rem; line-height:2.8rem; height:2.8rem; overflow:hidden; color:#f00; z-index: 5; padding:0 3%; position:relative; transition:all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; font-family:"Georgia", "serif"; } #laymod_341961 .pro_list .pro_edit { display:block; width:100%; height:5px; position:absolute; bottom:0; left:0; z-index: 1; } /*数据为空时*/ #laymod_341961 .pro_list .pro_search_noting { padding:1%; font-size:14px; color:rgba(204,0,0,1); line-height:3; display:none; text-indent:25px; } #laymod_341961 .width-150 { width: 200px; } #laymod_341961 .active_false .pro_detail_title li a:hover:before { width:100%; left:0; } #laymod_341961 .active_false .swiper-btn:hover{ color: rgba(204,0,0,1); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_341961 .active_false .btn-outline.btn-danger:active, #laymod_341961 .active_false .btn-outline.btn-danger:focus, #laymod_341961 .active_false .btn-outline.btn-danger:hover, #laymod_341961 .t_font_color2 { color:#fff; background-color:rgba(204,0,0,1); } #laymod_341961 .active_false .pro_detail_title li a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_341961 .active_false .pro_list li a:hover { text-decoration:none; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_341961 .jh_content1 .container, #laymod_341961 .jh_content2 .container { padding:0; } /*产品图片*/ #laymod_341961 .pro_img { margin:0 0 15px 0; } #laymod_341961 .pro_img .gallery-top .swiper-slide a, #laymod_341961 .pro_img .gallery-thumbs { width:100%; } #laymod_341961 .pro_shop_h1, #laymod_341961 .pro_shop_price .control-label { font-size:18px; } /*产品描述*/ #laymod_341961 .pro_detail { padding:15px; } /*热销产品*/ #laymod_341961 .pro_hotlist { padding:0; } #laymod_341961 .pro_hotlist_wrap { margin:30px 0 0 0; _margin:30px 0 0 0; padding:15px; } #laymod_341961 .pro_list ul { margin:0 -15px; } #laymod_341961 .pro_list li { padding:0 15px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot'); src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff') format('woff'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_621023 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_621023 #jh_proinfo_4>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_621023 #jh_proinfo_4>.bg_img { z-index:2; } #laymod_621023 .bodyCont_width { position:relative; z-index:4; } #laymod_621023 .bodyContContent { position:relative; z-index: 4; } #laymod_621023 .jh_content1 { background:#fff; padding:30px 0; } #laymod_621023 .jh_content2 { background:#f8f8f8; padding:30px 0; } /*模版主体部分*/ /*左侧产品图片*/ #laymod_621023 .pro_img { max-height:576px; overflow:hidden; } #laymod_621023 .pro_img .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } #laymod_621023 .pro_img .swiper-slide { text-align:center; font-size:0; } #laymod_621023 .pro_img .swiper-slide img { display:inline-block; *display:inline; *zoom:1; } #laymod_621023 .pro_img .gallery-top { margin:0 auto 1rem auto; position:relative; overflow:hidden; } #laymod_621023 .pro_img .gallery-top .swiper-slide { width: 100% !important; } #laymod_621023 .pro_img .gallery-top .swiper-slide a { display:block; float:none; margin:0 auto; } #laymod_621023 .pro_img .gallery-top .swiper-slide a img { max-width:100%; max-height:100%; } #laymod_621023 .pro_img .pro_type { margin:30px 0; font-size:14px; text-align:center; color:#626262; line-height:1; } #laymod_621023 .pro_img .gallery-thumbs { box-sizing: border-box; padding: 0; margin:0 auto; overflow:hidden; } #laymod_621023 .pro_img .gallery-thumbs .swiper-slide { width: 60px; opacity: 0.7; border:1px solid #eee; cursor: pointer; } #laymod_621023 .pro_img .gallery-thumbs .swiper-slide img { display:block; width:100%; } #laymod_621023 .pro_img .gallery-thumbs .swiper-slide-active { opacity: 1; border-color:rgba(204,0,0,1); } #laymod_621023 .swiper-btn { width:15%; height:100%; position: absolute; top:0; cursor: pointer; font-size:30px; font-weight:bold; line-height:1; color:#000; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); z-index: 2; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_621023 .swiper-prev { left:0; } #laymod_621023 .swiper-prev:before { content:"\e626"; } #laymod_621023 .swiper-next { right:0; } #laymod_621023 .swiper-next:before { content:"\e627"; } /*右侧产品属性*/ #laymod_621023 .t_font_color1 { color:#76838f; } #laymod_621023 .pro_shop_h1 { font-size:28px; line-height:1; color:#000; margin:0 0 11px 0; } #laymod_621023 .ali_link { margin-top: 20px; } #laymod_621023 .ali_link a { width: auto; padding: 0 20px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(204,0,0,1); display: inline-block; *display: inline; *zoom: 1; } #laymod_621023 .pro_shop_attr { display: none; } #laymod_621023 .control-label { font-size:14px; line-height:2; color:#9e9e9e; } #laymod_621023 .control-label-market { color: #ccc; text-decoration:line-through; } #laymod_621023 .btn-outline.btn-danger { color:rgba(204,0,0,1); border-color:rgba(204,0,0,1); } #laymod_621023 .pro_shop_price { background-color:#fafafa; } #laymod_621023 .purchase-btn .btn-danger { background-color:rgba(204,0,0,1); border-color:rgba(204,0,0,1); } #laymod_621023 .purchase-btn .btn-primary { background-color:#393939; border-color:#393939; } #laymod_621023 .pro_shop_price .control-label { font-size:32px; line-height:1; padding:20px; color:rgba(204,0,0,1); } #laymod_621023 .form-group a { margin-bottom:10px; } /*产品描述-左侧描述*/ #laymod_621023 .pro_detail { background:#fff; padding:30px; } #laymod_621023 .pro_detail_title { border-bottom:1px solid #eee; margin:0 0 30px 0; overflow:hidden; } #laymod_621023 .pro_detail_title ul { margin:0; } #laymod_621023 .pro_detail_title li { float:left; overflow:hidden; } #laymod_621023 .pro_detail_title li a { color:#000; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); font-size:16px; line-height:1; padding:0 25px; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; overflow:hidden; display:block; } #laymod_621023 .pro_detail_title li.active_bg a { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); padding:0 25px 15px 25px; } #laymod_621023 .pro_detail_title li a:before { content:''; display:block; width:0; height:1px; left:50%; bottom:0; position:absolute; background:#595959; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_621023 .pro_detail_title li.active_bg a:before { width:100%; left:0; } #laymod_621023 .pro_detail_cont { clear:both; width:100%; position:relative; min-height:100px; } #laymod_621023 .pro_detail_cont > ul > li { width:100%; position:absolute; left:0; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; font-size:14px; line-height:2; color:#222; } #laymod_621023 .pro_detail_cont li.active_bg { position:relative; left:auto; top:auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; } #laymod_621023 .pro_detail_cont li img { max-width:100%; white-space: normal; } /*产品描述-右侧热销产品*/ #laymod_621023 .pro_hotlist_wrap { background:#fff; margin-left:15px; _margin-left:7px; padding:30px; } #laymod_621023 .hottitle { font-size:16px; color:#000; line-height:1; } #laymod_621023 .pro_list { width:auto; position:relative; } #laymod_621023 .pro_list ul { position:relative; overflow:hidden; padding:10px 0 0 0; margin:0 auto; } #laymod_621023 .pro_list li { padding:0; } #laymod_621023 .pro_list li a { display:block; width:100%; padding:0 0 1rem 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:relative; overflow:hidden; } #laymod_621023 .pro_list .pro_pic { display:block; width:100%; height:auto; position:relative; overflow:hidden; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align:center; z-index: 2; } #laymod_621023 .pro_list .pro_pic img { display:block; width:100%; position:relative; z-index: 1; } #laymod_621023 .pro_list i.pic_border { display:block; width:100%; height:100%; z-index: 1; position:absolute; top:0; left:0; border:1px solid #dfdfdf; } #laymod_621023 .pro_list i.pic_bg2 { display:block; width:100%; height:100%; z-index: 1; position:absolute; top:0; left:0; } #laymod_621023 .pro_list span.pro_name { display:block; width:100%; text-align:left; text-indent:2%; font-size:1.6rem; line-height:2; height:3.2rem; overflow:hidden; color:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); z-index: 3; padding:1rem 3% 0 3%; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_621023 .pro_list span.pro_price { display:block; width:100%; text-align:left; text-indent:2%; font-size:2.4rem; line-height:2.8rem; height:2.8rem; overflow:hidden; color:#f00; z-index: 5; padding:0 3%; position:relative; transition:all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; font-family:"Georgia", "serif"; } #laymod_621023 .pro_list .pro_edit { display:block; width:100%; height:5px; position:absolute; bottom:0; left:0; z-index: 1; } /*数据为空时*/ #laymod_621023 .pro_list .pro_search_noting { padding:1%; font-size:14px; color:rgba(204,0,0,1); line-height:3; display:none; text-indent:25px; } #laymod_621023 .width-150 { width: 200px; } #laymod_621023 .active_false .pro_detail_title li a:hover:before { width:100%; left:0; } #laymod_621023 .active_false .swiper-btn:hover{ color: rgba(204,0,0,1); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_621023 .active_false .btn-outline.btn-danger:active, #laymod_621023 .active_false .btn-outline.btn-danger:focus, #laymod_621023 .active_false .btn-outline.btn-danger:hover, #laymod_621023 .t_font_color2 { color:#fff; background-color:rgba(204,0,0,1); } #laymod_621023 .active_false .pro_detail_title li a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_621023 .active_false .pro_list li a:hover { text-decoration:none; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_621023 .jh_content1 .container, #laymod_621023 .jh_content2 .container { padding:0; } /*产品图片*/ #laymod_621023 .pro_img { margin:0 0 15px 0; } #laymod_621023 .pro_img .gallery-top .swiper-slide a, #laymod_621023 .pro_img .gallery-thumbs { width:100%; } #laymod_621023 .pro_shop_h1, #laymod_621023 .pro_shop_price .control-label { font-size:18px; } /*产品描述*/ #laymod_621023 .pro_detail { padding:15px; } /*热销产品*/ #laymod_621023 .pro_hotlist { padding:0; } #laymod_621023 .pro_hotlist_wrap { margin:30px 0 0 0; _margin:30px 0 0 0; padding:15px; } #laymod_621023 .pro_list ul { margin:0 -15px; } #laymod_621023 .pro_list li { padding:0 15px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot'); src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*模版整体控制*/ #laymod_619776 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_619776 #xyb_foot_4>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_619776 #xyb_foot_4>.bg_color { background:#000; } #laymod_619776 #xyb_foot_4>.bg_img { z-index:2; } #laymod_619776 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_619776 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_619776 .foot_1 { padding-bottom:78px; overflow:hidden; } #laymod_619776 .foot_1>ul { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐（横轴）*/ -moz-box-pack:justify; -webkit--moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-start;/*交叉轴对齐（垂直）*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; width:50%; float:left; } #laymod_619776 .foot_1>ul>li { padding:0; } #laymod_619776 .foot_1>ul>li>.text { font-size:12px; text-align:center; line-height:2; color:rgba(255,255,255,1); opacity: 0.58; -moz-opacity: 0.58; filter:alpha(opacity=58); } #laymod_619776 .foot_1>ul>li>a>img { display:block; width:100%; max-width:209px; } #laymod_619776 .foot_1>ul>li>a { font-size:16px; color:rgba(255,255,255,1); margin:0 0 16px 0; display:inline-block; } #laymod_619776 .foot_1>ul>li>a:hover { text-decoration:none; color:rgba(204,0,0,1); } #laymod_619776 .foot_1>ul>li>ul>li { padding-right:0; margin-bottom:15px; color:rgba(255,255,255,1); } #laymod_619776 .foot_1>ul>li>ul>li>a { font-size:12px; color:rgba(255,255,255,1); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; margin:0; display:inline-block; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=4); overflow:hidden; max-width:90%; text-overflow:ellipsis; white-space: nowrap; } #laymod_619776 .foot_1>ul>li>ul>li>a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); text-decoration:none; color:rgba(204,0,0,1); } #laymod_619776 #nav_contacts>ul>li.syadd { line-height:1.5; padding-right:15px; } #laymod_619776 #nav_contacts>ul>li.f_email a { color:rgba(204,0,0,1); text-decoration:underline; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_619776 #nav_contacts>ul>li>em, #laymod_619776 #nav_contacts>ul>li>span { font-style:normal; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=4); } #laymod_619776 #nav_contacts>ul>li.f_hottel { margin:15px 0 0 0; } #laymod_619776 #nav_contacts>ul>li.f_hottel em { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_619776 #nav_contacts>ul>li.f_hottel a { font-weight:bold; font-size:16px; display:block; width:100%; color:rgba(204,0,0,1); font-style:italic; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); line-height:2; } #laymod_619776 .foot_2 { border-top:1px solid rgba(51,51,51,1); overflow:hidden; padding-top:19px; padding-bottom:19px; } #laymod_619776 .foot_2 .container, #laymod_619776 .foot_2 .container a { color:rgba(153,153,153,1); font-size:12px; line-height:1; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #laymod_619776 .foot_2 .container a { color:rgba(153,153,153,1); margin:0 4px; _margin:0 2px; } #laymod_619776 .foot_2 .container a:hover { text-decoration:none; color:rgba(204,0,0,1); } #laymod_619776 .foot_2 .container i { font-style:normal; } #laymod_619776 .foot_2 .left_copy { line-height:2; } #laymod_619776 .foot_2 .company_name em { font-style:normal; color:rgba(204,0,0,1) } #laymod_619776 .foot_2 .right_copy { line-height:2; text-align:right; } #laymod_619776 #nav_follow .nav_ul_son { width: 56%; } /*友情链接*/ #laymod_619776 .f_friendly { font-size:12px; color:#999; line-height:2; } #laymod_619776 .f_friendly a { color:#999; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #laymod_619776 .f_friendly a:hover { color:rgba(204,0,0,1); } /*二维码*/ #laymod_619776 .foot_ewm { width:100%; clear:both; overflow:hidden; } #laymod_619776 .foot_ewm ul { text-align:left; font-size:0; padding:15px 0 0 0; } #laymod_619776 .foot_ewm li { display:inline-block; *display:inline; *zoom:1; min-width:150px; padding:0 15px; } #laymod_619776 .foot_ewm li>img { max-width:100px; } #laymod_619776 .foot_ewm li>.ewm_text { font-size:13px; color:#fff; line-height:2; text-align:center; } #laymod_619776 .foot_ewm li>.ewm_text img { display:none; } @media (max-width:992px) { #laymod_619776 .foot_1 { padding-bottom:39px; } #laymod_619776 .foot_1>ul { margin:0; width:100%; float:none; } #laymod_619776 .foot_1>ul>li.f_nav_list { display:none; } #laymod_619776 .foot_2 { padding-top:14px; padding-bottom:14px; } #laymod_619776 .foot_2 .left_copy, #laymod_619776 .foot_2 .right_copy { text-align:center; } #laymod_619776 .foot_2 .container { padding:0; } #laymod_619776 .foot_2 .col-md-8, #laymod_619776 .foot_2 .col-md-4 { text-align:center; line-height:2; } /*页脚二维码*/ #laymod_619776 .foot_ewm li { width:100%; min-width:inherit; text-align:center; font-size:0; margin-bottom:15px; } #laymod_619776 .foot_ewm li>img { width:70%; display:inline-block; *display:inline; *zoom:1; } #laymod_619776 .foot_ewm li>.ewm_text { width:100%; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot'); src: url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_uvxqfvjeqgk6s9k9.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*模版整体控制*/ #laymod_77742 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_77742 #xyb_foot_4>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_77742 #xyb_foot_4>.bg_color { background:#000; } #laymod_77742 #xyb_foot_4>.bg_img { z-index:2; } #laymod_77742 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_77742 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_77742 .foot_1 { padding-bottom:78px; overflow:hidden; } #laymod_77742 .foot_1>ul { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐（横轴）*/ -moz-box-pack:justify; -webkit--moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-start;/*交叉轴对齐（垂直）*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; width:50%; float:left; } #laymod_77742 .foot_1>ul>li { padding:0; } #laymod_77742 .foot_1>ul>li>.text { font-size:12px; text-align:center; line-height:2; color:rgba(255,255,255,1); opacity: 0.58; -moz-opacity: 0.58; filter:alpha(opacity=58); } #laymod_77742 .foot_1>ul>li>a>img { display:block; width:100%; max-width:209px; } #laymod_77742 .foot_1>ul>li>a { font-size:16px; color:rgba(255,255,255,1); margin:0 0 16px 0; display:inline-block; } #laymod_77742 .foot_1>ul>li>a:hover { text-decoration:none; color:rgba(204,0,0,1); } #laymod_77742 .foot_1>ul>li>ul>li { padding-right:0; margin-bottom:15px; color:rgba(255,255,255,1); } #laymod_77742 .foot_1>ul>li>ul>li>a { font-size:12px; color:rgba(255,255,255,1); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; margin:0; display:inline-block; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=4); overflow:hidden; max-width:90%; text-overflow:ellipsis; white-space: nowrap; } #laymod_77742 .foot_1>ul>li>ul>li>a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); text-decoration:none; color:rgba(204,0,0,1); } #laymod_77742 #nav_contacts>ul>li.syadd { line-height:1.5; padding-right:15px; } #laymod_77742 #nav_contacts>ul>li.f_email a { color:rgba(204,0,0,1); text-decoration:underline; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_77742 #nav_contacts>ul>li>em, #laymod_77742 #nav_contacts>ul>li>span { font-style:normal; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=4); } #laymod_77742 #nav_contacts>ul>li.f_hottel { margin:15px 0 0 0; } #laymod_77742 #nav_contacts>ul>li.f_hottel em { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_77742 #nav_contacts>ul>li.f_hottel a { font-weight:bold; font-size:16px; display:block; width:100%; color:rgba(204,0,0,1); font-style:italic; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); line-height:2; } #laymod_77742 .foot_2 { border-top:1px solid rgba(51,51,51,1); overflow:hidden; padding-top:19px; padding-bottom:19px; } #laymod_77742 .foot_2 .container, #laymod_77742 .foot_2 .container a { color:rgba(153,153,153,1); font-size:12px; line-height:1; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #laymod_77742 .foot_2 .container a { color:rgba(153,153,153,1); margin:0 4px; _margin:0 2px; } #laymod_77742 .foot_2 .container a:hover { text-decoration:none; color:rgba(204,0,0,1); } #laymod_77742 .foot_2 .container i { font-style:normal; } #laymod_77742 .foot_2 .left_copy { line-height:2; } #laymod_77742 .foot_2 .company_name em { font-style:normal; color:rgba(204,0,0,1) } #laymod_77742 .foot_2 .right_copy { line-height:2; text-align:right; } #laymod_77742 #nav_follow .nav_ul_son { width: 56%; } /*友情链接*/ #laymod_77742 .f_friendly { font-size:12px; color:#999; line-height:2; } #laymod_77742 .f_friendly a { color:#999; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #laymod_77742 .f_friendly a:hover { color:rgba(204,0,0,1); } /*二维码*/ #laymod_77742 .foot_ewm { width:100%; clear:both; overflow:hidden; } #laymod_77742 .foot_ewm ul { text-align:left; font-size:0; padding:15px 0 0 0; } #laymod_77742 .foot_ewm li { display:inline-block; *display:inline; *zoom:1; min-width:150px; padding:0 15px; } #laymod_77742 .foot_ewm li>img { max-width:100px; } #laymod_77742 .foot_ewm li>.ewm_text { font-size:13px; color:#fff; line-height:2; text-align:center; } #laymod_77742 .foot_ewm li>.ewm_text img { display:none; } @media (max-width:992px) { #laymod_77742 .foot_1 { padding-bottom:39px; } #laymod_77742 .foot_1>ul { margin:0; width:100%; float:none; } #laymod_77742 .foot_1>ul>li.f_nav_list { display:none; } #laymod_77742 .foot_2 { padding-top:14px; padding-bottom:14px; } #laymod_77742 .foot_2 .left_copy, #laymod_77742 .foot_2 .right_copy { text-align:center; } #laymod_77742 .foot_2 .container { padding:0; } #laymod_77742 .foot_2 .col-md-8, #laymod_77742 .foot_2 .col-md-4 { text-align:center; line-height:2; } /*页脚二维码*/ #laymod_77742 .foot_ewm li { width:100%; min-width:inherit; text-align:center; font-size:0; margin-bottom:15px; } #laymod_77742 .foot_ewm li>img { width:70%; display:inline-block; *display:inline; *zoom:1; } #laymod_77742 .foot_ewm li>.ewm_text { width:100%; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_5bb1icypxme.eot'); src: url('//at.alicdn.com/t/font_249974_5bb1icypxme.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_5bb1icypxme.woff') format('woff'), url('//at.alicdn.com/t/font_249974_5bb1icypxme.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_5bb1icypxme.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_619777 #jh_contact_3 { position:relative; z-index: 1900; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_619777 .mk_hide { display: none; position: relative; z-index: 10; text-align: center; } .design-html #laymod_619777 .mk_hide { display: block; } #laymod_619777 .bodyCont_width { position:relative; z-index:4; } /*模版主体部分*/ #laymod_619777 .side_bar { width:40px; position:fixed; right:0; bottom:40px; z-index: 999; } #laymod_619777 .side_bar>ul>li { height:40px; line-height:40px; text-align:center; margin:0; position:relative; } #laymod_619777 .side_bar>ul>li>a { display:block; width:100%; font-size:20px; color:rgba(255,255,255,1); background:rgba(0,0,0,1); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border:1px solid rgba(255,255,255,0.1); } #laymod_619777 .side_bar>ul>li>a:hover { color:rgba(255,255,255,1); background:rgba(204,0,0,1); border-color:rgba(204,0,0,1); } #laymod_619777 .side_bar>ul>li.side_talk>a:before { content:"\e6c4"; } #laymod_619777 .side_bar>ul>li.side_cart>a:before { content:"\e79c"; } #laymod_619777 .side_bar>ul>li.side_sina>a:before { content:"\e6d8"; } #laymod_619777 .side_bar>ul>li.side_alibaba>a:before { content:"\e779"; } #laymod_619777 .side_bar>ul>li.side_weixin>a:before { content:"\e6a8"; } #laymod_619777 .side_bar>ul>li.side_ewm>a:before { content:"\e62a"; } #laymod_619777 .side_bar>ul>li.side_close>a:before { content:"\e635"; } #laymod_619777 .side_bar>ul>li.back_top>a:before { content:"\e694"; } #laymod_619777 .side_bar>ul>li.side_share>a:before { content:"\e72e"; } #laymod_619777 .side_bar>ul>li.back_top { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #laymod_619777 .side_bar>ul.scroll_back_top>li.back_top { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_619777 .side_cart a { position:relative; } #laymod_619777 .side_cart .cart_num { display:block; width:30px; height:30px; padding:2px; text-align:center; line-height:28px; position:absolute; margin:-15px 0 0 0; top:50%; right:80%; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; -khtml-border-radius: 15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; color:#fff; font-size:12px; background:rgba(204,0,0,1); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei" !important; box-shadow: 0 2px 3px rgba(0,0,0,0.3); } #laymod_619777 .side_cart a:hover .cart_num { right:85%; } #laymod_619777 .share_ewm, #laymod_619777 .share_weixin { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 2001; } #laymod_619777 .share_ewm .share_ewm_bg, #laymod_619777 .share_weixin .share_ewm_bg { position:absolute; top:0; left:0; z-index: 0; background:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); width:100%; height:100%; } #laymod_619777 .share_ewm_img { width:220px; background:#fff; overflow:hidden; padding:10px 10px 0 10px; position:absolute; z-index: 1; left:50%; top:50%; margin:-135px 0 0 -120px; } #laymod_619777 .share_ewm_img img { display:block; width:100%; } #laymod_619777 .share_ewm_img p { text-align:center; font-size:14px; line-height:2.8; color:#000; } #laymod_619777 .side_show>a { transform:translateX(100%); -ms-transform:translateX(100%); /* IE 9 */ -moz-transform:translateX(100%); /* Firefox */ -webkit-transform:translateX(100%); /* Safari ?’? Chrome */ -o-transform:translateX(100%); /* Opera */ } #laymod_619777 .side_window { width:200px; position:absolute; right:-240px; bottom:2px; background:#fff; box-shadow: 0 2px 5px rgba(0,0,0,0.3); transition:all 0.4s ease 0.3s; -moz-transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; -o-transition:all 0.4s ease 0.3s; } #laymod_619777 .side_show .side_window { right:0; } #laymod_619777 .side_window .side_title { padding:20px; font-size:14px; color:rgba(255,255,255,1); line-height:1; background:#333; text-align:left; } #laymod_619777 .side_window .side_title a { float:right; color:rgba(255,255,255,1); transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); font-size:18px; } #laymod_619777 .side_window .side_title a:before { content:'\e635'; } #laymod_619777 .side_window .side_title a:hover { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_619777 .side_window .side_cont { clear:both; padding:0 0 10px 0; } #laymod_619777 .side_window li { padding:9px 20px; font-size:12px; line-height:1; color:rgba(0, 0, 0, 0.45); text-align:center; } #laymod_619777 .side_window li.side_bg1 { background:#f8f8f8; } #laymod_619777 .side_window li.side_bg1 a, #laymod_619777 .side_window li.side_bg2 a { position:relative; display:inline-block; width:100%; } #laymod_619777 .side_window li.side_bg1 a span, #laymod_619777 .side_window li.side_bg2 a span { position:absolute; left:0; top:0; font-size:18px; } #laymod_619777 .side_window li.side_bg1 a span:before { content:"\e6aa"; color:rgba(204,0,0,1); } #laymod_619777 .side_window li.side_bg2 a span:before { content:"\e69c"; color:rgba(204,0,0,1); } #laymod_619777 .side_window li.side_bg1 a i, #laymod_619777 .side_window li.side_bg2 a i { color:rgba(0, 0, 0, 0.45); font-style:normal; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_619777 .side_window li.side_bg1 a:hover i, #laymod_619777 .side_window li.side_bg2 a:hover i { color:rgba(204,0,0,1); } #laymod_619777 .side_window li.side_bg3 { text-align:left; } #laymod_619777 .side_window li.side_bg3 span { padding:0 10px 0 0; } #laymod_619777 .side_window li.side_bg3 a { color:rgba(0, 0, 0, 0.45); } #laymod_619777 .side_window li.side_bg3 a:hover { color:rgba(204,0,0,1); } /*弹窗登入和注册*/ #laymod_619777 #jh_contact_3.active_bg { z-index: 1901; } #laymod_619777 .login_reg_style { position:fixed; z-index: -1; width:0; height:0; top:50%; left:50%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); overflow:hidden; } #laymod_619777 .login_reg_style.active_bg { z-index: 1900; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); width:100%; height:100%; left:0; top:0; } #laymod_619777 .login_reg_style>.login_reg_bg { position:absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_619777 .login_reg_style.active_bg>.login_reg_bg { opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); z-index: 0; } #laymod_619777 .login_reg_style.active_bg.move_bg>.login_reg_bg { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: -1; } #laymod_619777 .login_reg_wrap { background:#fff; max-width:550px; width:100%; max-height:520px; height:100%; border:1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding:2% 95px; position:relative; z-index: 2; perspective: 2000; -webkit-perspective: 2000; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_619777 .active_bg .login_reg_wrap { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_619777 .active_bg.move_bg .login_reg_wrap { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_619777 .login_reg_wrap .win_close { color:#999; font-size:28px; line-height:1; position:absolute; right:10px; top:10px; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; z-index:10; } #laymod_619777 .login_reg_wrap .win_close:before { content:"\e635"; } #laymod_619777 .login_reg_wrap .win_close:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); color:rgba(204,0,0,1); } #laymod_619777 .login_reg_in { position:relative; } #laymod_619777 .win_from { width:100%; transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_619777 .nav_login_win{ position:relative; z-index: 2; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); top:auto; left:auto; } #laymod_619777 .nav_login_win.move_bg { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); z-index: 1; position:absolute; top:0; left:0; } #laymod_619777 .nav_reg_win { position:absolute; z-index: 1; left:0; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } #laymod_619777 .nav_reg_win.move_bg { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); position:relative; top:auto; left:auto; } #laymod_619777 .win_from .win_from_title { font-size:24px; line-height:50px; margin:0 0 20px 0; text-align:center; color:rgba(204,0,0,1); } #laymod_619777 .win_from label { display:block; width:100%; position:relative; margin:0 0 20px 0; overflow:hidden; border:1px solid #ccc; } #laymod_619777 .win_from label i { display:block; position:absolute; top:0; left:0; width:45px; height:45px; line-height:45px; font-size:20px; text-align:center; color:#999; font-weight:normal; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_619777 .win_from label.login_1 i:before { content:"\e759"; } #laymod_619777 .win_from label.login_2 i:before { content:"\e75b"; } #laymod_619777 .win_from label.login_3 i:before { content:"\e76c"; } #laymod_619777 .win_from input { display:block; height:45px; line-height:45px; text-indent:50px; color:#000; font-size:12px; width:100%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; font-weight:normal; } #laymod_619777 .win_from.nav_reg_win input { text-indent:15px; } #laymod_619777 .win_from input.input-randCode { width:70%; float:left; } #laymod_619777 .win_from #verifyPic { float:right; margin: 3% 1% 0 0; height: 28px; } #laymod_619777 .win_from .from_btn1, #laymod_619777 .win_from .from_btn2 { border:0 none; } #laymod_619777 .win_from .from_btn1 input.submit { background:rgba(204,0,0,1); color:#fff; height:40px; line-height:40px; text-indent:0; } #laymod_619777 .win_from .from_btn2 input.submit { text-indent:0; border:1px solid rgba(204,0,0,1); color:rgba(204,0,0,1); height:40px; line-height:40px; background:none; } #laymod_619777 ::-webkit-input-placeholder { color:#999; } #laymod_619777 :-moz-placeholder {/* Firefox 18- */ color:#999; } #laymod_619777 ::-moz-placeholder{/* Firefox 19+ */ color:#999; } #laymod_619777 :-ms-input-placeholder { color:#999; } /*第三方登录*/ #laymod_619777 .quick-login_title { display:inline-block; line-height:30px; color:#999; font-size:13px; vertical-align: top; } #laymod_619777 #wxLoginBtn, #laymod_619777 #qqLoginBtn { font-size:30px; line-height:30px; color:#999; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_619777 #wxLoginBtn:before { content:"\e74a"; } #laymod_619777 #qqLoginBtn:before { content:"\e786"; } #laymod_619777 #wxLoginBtn:hover, #laymod_619777 #qqLoginBtn:hover { color:rgba(204,0,0,1); } /*分享按钮*/ #laymod_619777 .side_out { width: auto; position: absolute; right: -200px; bottom: 2px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.3); transition: all 0.4s ease 0.3s; -moz-transition: all 0.4s ease 0.3s; -webkit-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; height:100%; padding:0 0 0 45px; } #laymod_619777 .side_show .side_out { right:0; } #laymod_619777 .side_out a.arrow { display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; font-size:20px; color:rgba(255,255,255,1); background:rgba(0,0,0,1); transition: all 0.4s ease 0.3s; -moz-transition: all 0.4s ease 0.3s; -webkit-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; position:absolute; top:0; left:0; z-index: 2; } #laymod_619777 .side_out a.arrow:before { content:"\e753"; } #laymod_619777 .side_out a.arrow:hover { background:rgba(204,0,0,1); color:rgba(255,255,255,1); } #laymod_619777 .side_out .side_in { height:100%; position:relative; z-index: 1; } #laymod_619777 .side_out #atstbx4 { height:100%; } #laymod_619777 .side_out .at-share-btn-elements { text-align:right; /*display*/ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐（横轴）*/ -webkit-box-pack:end; -moz-box-pack:end; box-pack:end; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; height:100%; } #laymod_619777 .side_out .at-share-btn-elements>a { margin:0 2px; _margin:0 1px; padding:0; } #laymod_619777 .side_out .at-share-btn-elements>a.at-svc-tencentweibo { display:none; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_619777 .side_bar { bottom:5px; } #laymod_619777 .side_bar>ul>li { position:static; } #laymod_619777 .side_bar>ul>li.side_share { position:relative; } #laymod_619777 .side_window { z-index: 10; } #laymod_619777 .side_bar>ul>li.mobile_effect { transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; } #laymod_619777 .side_bar.active_bg2>ul>li.mobile_effect { transform:translateX(100%); -ms-transform:translateX(100%); /* IE 9 */ -moz-transform:translateX(100%); /* Firefox */ -webkit-transform:translateX(100%); /* Safari ?’? Chrome */ -o-transform:translateX(100%); /* Opera */ } #laymod_619777 .side_bar>ul>li.side_close>a:before { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; display:inline-block; } #laymod_619777 .side_bar.active_bg>ul>li.side_close>a:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); } #laymod_619777 .side_bar.active_bg>ul>li.mobile_effect2 { transform:translateY(1000%); -ms-transform:translateY(1000%); /* IE 9 */ -moz-transform:translateY(1000%); /* Firefox */ -webkit-transform:translateY(1000%); /* Safari ?’? Chrome */ -o-transform:translateY(1000%); } #laymod_619777 .login_reg_wrap { padding:2% 15px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_5bb1icypxme.eot'); src: url('//at.alicdn.com/t/font_249974_5bb1icypxme.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_5bb1icypxme.woff') format('woff'), url('//at.alicdn.com/t/font_249974_5bb1icypxme.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_5bb1icypxme.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_77743 #jh_contact_3 { position:relative; z-index: 1900; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_77743 .mk_hide { display: none; position: relative; z-index: 10; text-align: center; } .design-html #laymod_77743 .mk_hide { display: block; } #laymod_77743 .bodyCont_width { position:relative; z-index:4; } /*模版主体部分*/ #laymod_77743 .side_bar { width:40px; position:fixed; right:0; bottom:40px; z-index: 999; } #laymod_77743 .side_bar>ul>li { height:40px; line-height:40px; text-align:center; margin:0; position:relative; } #laymod_77743 .side_bar>ul>li>a { display:block; width:100%; font-size:20px; color:rgba(255,255,255,1); background:rgba(0,0,0,1); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border:1px solid rgba(255,255,255,0.1); } #laymod_77743 .side_bar>ul>li>a:hover { color:rgba(255,255,255,1); background:rgba(204,0,0,1); border-color:rgba(204,0,0,1); } #laymod_77743 .side_bar>ul>li.side_talk>a:before { content:"\e6c4"; } #laymod_77743 .side_bar>ul>li.side_cart>a:before { content:"\e79c"; } #laymod_77743 .side_bar>ul>li.side_sina>a:before { content:"\e6d8"; } #laymod_77743 .side_bar>ul>li.side_alibaba>a:before { content:"\e779"; } #laymod_77743 .side_bar>ul>li.side_weixin>a:before { content:"\e6a8"; } #laymod_77743 .side_bar>ul>li.side_ewm>a:before { content:"\e62a"; } #laymod_77743 .side_bar>ul>li.side_close>a:before { content:"\e635"; } #laymod_77743 .side_bar>ul>li.back_top>a:before { content:"\e694"; } #laymod_77743 .side_bar>ul>li.side_share>a:before { content:"\e72e"; } #laymod_77743 .side_bar>ul>li.back_top { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #laymod_77743 .side_bar>ul.scroll_back_top>li.back_top { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_77743 .side_cart a { position:relative; } #laymod_77743 .side_cart .cart_num { display:block; width:30px; height:30px; padding:2px; text-align:center; line-height:28px; position:absolute; margin:-15px 0 0 0; top:50%; right:80%; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; -khtml-border-radius: 15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; color:#fff; font-size:12px; background:rgba(204,0,0,1); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei" !important; box-shadow: 0 2px 3px rgba(0,0,0,0.3); } #laymod_77743 .side_cart a:hover .cart_num { right:85%; } #laymod_77743 .share_ewm, #laymod_77743 .share_weixin { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 2001; } #laymod_77743 .share_ewm .share_ewm_bg, #laymod_77743 .share_weixin .share_ewm_bg { position:absolute; top:0; left:0; z-index: 0; background:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); width:100%; height:100%; } #laymod_77743 .share_ewm_img { width:220px; background:#fff; overflow:hidden; padding:10px 10px 0 10px; position:absolute; z-index: 1; left:50%; top:50%; margin:-135px 0 0 -120px; } #laymod_77743 .share_ewm_img img { display:block; width:100%; } #laymod_77743 .share_ewm_img p { text-align:center; font-size:14px; line-height:2.8; color:#000; } #laymod_77743 .side_show>a { transform:translateX(100%); -ms-transform:translateX(100%); /* IE 9 */ -moz-transform:translateX(100%); /* Firefox */ -webkit-transform:translateX(100%); /* Safari ?’? Chrome */ -o-transform:translateX(100%); /* Opera */ } #laymod_77743 .side_window { width:200px; position:absolute; right:-240px; bottom:2px; background:#fff; box-shadow: 0 2px 5px rgba(0,0,0,0.3); transition:all 0.4s ease 0.3s; -moz-transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; -o-transition:all 0.4s ease 0.3s; } #laymod_77743 .side_show .side_window { right:0; } #laymod_77743 .side_window .side_title { padding:20px; font-size:14px; color:rgba(255,255,255,1); line-height:1; background:#333; text-align:left; } #laymod_77743 .side_window .side_title a { float:right; color:rgba(255,255,255,1); transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); font-size:18px; } #laymod_77743 .side_window .side_title a:before { content:'\e635'; } #laymod_77743 .side_window .side_title a:hover { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_77743 .side_window .side_cont { clear:both; padding:0 0 10px 0; } #laymod_77743 .side_window li { padding:9px 20px; font-size:12px; line-height:1; color:rgba(0, 0, 0, 0.45); text-align:center; } #laymod_77743 .side_window li.side_bg1 { background:#f8f8f8; } #laymod_77743 .side_window li.side_bg1 a, #laymod_77743 .side_window li.side_bg2 a { position:relative; display:inline-block; width:100%; } #laymod_77743 .side_window li.side_bg1 a span, #laymod_77743 .side_window li.side_bg2 a span { position:absolute; left:0; top:0; font-size:18px; } #laymod_77743 .side_window li.side_bg1 a span:before { content:"\e6aa"; color:rgba(204,0,0,1); } #laymod_77743 .side_window li.side_bg2 a span:before { content:"\e69c"; color:rgba(204,0,0,1); } #laymod_77743 .side_window li.side_bg1 a i, #laymod_77743 .side_window li.side_bg2 a i { color:rgba(0, 0, 0, 0.45); font-style:normal; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; } #laymod_77743 .side_window li.side_bg1 a:hover i, #laymod_77743 .side_window li.side_bg2 a:hover i { color:rgba(204,0,0,1); } #laymod_77743 .side_window li.side_bg3 { text-align:left; } #laymod_77743 .side_window li.side_bg3 span { padding:0 10px 0 0; } #laymod_77743 .side_window li.side_bg3 a { color:rgba(0, 0, 0, 0.45); } #laymod_77743 .side_window li.side_bg3 a:hover { color:rgba(204,0,0,1); } /*弹窗登入和注册*/ #laymod_77743 #jh_contact_3.active_bg { z-index: 1901; } #laymod_77743 .login_reg_style { position:fixed; z-index: -1; width:0; height:0; top:50%; left:50%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); overflow:hidden; } #laymod_77743 .login_reg_style.active_bg { z-index: 1900; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); width:100%; height:100%; left:0; top:0; } #laymod_77743 .login_reg_style>.login_reg_bg { position:absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_77743 .login_reg_style.active_bg>.login_reg_bg { opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); z-index: 0; } #laymod_77743 .login_reg_style.active_bg.move_bg>.login_reg_bg { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: -1; } #laymod_77743 .login_reg_wrap { background:#fff; max-width:550px; width:100%; max-height:520px; height:100%; border:1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding:2% 95px; position:relative; z-index: 2; perspective: 2000; -webkit-perspective: 2000; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_77743 .active_bg .login_reg_wrap { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_77743 .active_bg.move_bg .login_reg_wrap { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_77743 .login_reg_wrap .win_close { color:#999; font-size:28px; line-height:1; position:absolute; right:10px; top:10px; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; z-index:10; } #laymod_77743 .login_reg_wrap .win_close:before { content:"\e635"; } #laymod_77743 .login_reg_wrap .win_close:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); color:rgba(204,0,0,1); } #laymod_77743 .login_reg_in { position:relative; } #laymod_77743 .win_from { width:100%; transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 2s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_77743 .nav_login_win{ position:relative; z-index: 2; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); top:auto; left:auto; } #laymod_77743 .nav_login_win.move_bg { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); z-index: 1; position:absolute; top:0; left:0; } #laymod_77743 .nav_reg_win { position:absolute; z-index: 1; left:0; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } #laymod_77743 .nav_reg_win.move_bg { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg); position:relative; top:auto; left:auto; } #laymod_77743 .win_from .win_from_title { font-size:24px; line-height:50px; margin:0 0 20px 0; text-align:center; color:rgba(204,0,0,1); } #laymod_77743 .win_from label { display:block; width:100%; position:relative; margin:0 0 20px 0; overflow:hidden; border:1px solid #ccc; } #laymod_77743 .win_from label i { display:block; position:absolute; top:0; left:0; width:45px; height:45px; line-height:45px; font-size:20px; text-align:center; color:#999; font-weight:normal; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_77743 .win_from label.login_1 i:before { content:"\e759"; } #laymod_77743 .win_from label.login_2 i:before { content:"\e75b"; } #laymod_77743 .win_from label.login_3 i:before { content:"\e76c"; } #laymod_77743 .win_from input { display:block; height:45px; line-height:45px; text-indent:50px; color:#000; font-size:12px; width:100%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; font-weight:normal; } #laymod_77743 .win_from.nav_reg_win input { text-indent:15px; } #laymod_77743 .win_from input.input-randCode { width:70%; float:left; } #laymod_77743 .win_from #verifyPic { float:right; margin: 3% 1% 0 0; height: 28px; } #laymod_77743 .win_from .from_btn1, #laymod_77743 .win_from .from_btn2 { border:0 none; } #laymod_77743 .win_from .from_btn1 input.submit { background:rgba(204,0,0,1); color:#fff; height:40px; line-height:40px; text-indent:0; } #laymod_77743 .win_from .from_btn2 input.submit { text-indent:0; border:1px solid rgba(204,0,0,1); color:rgba(204,0,0,1); height:40px; line-height:40px; background:none; } #laymod_77743 ::-webkit-input-placeholder { color:#999; } #laymod_77743 :-moz-placeholder {/* Firefox 18- */ color:#999; } #laymod_77743 ::-moz-placeholder{/* Firefox 19+ */ color:#999; } #laymod_77743 :-ms-input-placeholder { color:#999; } /*第三方登录*/ #laymod_77743 .quick-login_title { display:inline-block; line-height:30px; color:#999; font-size:13px; vertical-align: top; } #laymod_77743 #wxLoginBtn, #laymod_77743 #qqLoginBtn { font-size:30px; line-height:30px; color:#999; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_77743 #wxLoginBtn:before { content:"\e74a"; } #laymod_77743 #qqLoginBtn:before { content:"\e786"; } #laymod_77743 #wxLoginBtn:hover, #laymod_77743 #qqLoginBtn:hover { color:rgba(204,0,0,1); } /*分享按钮*/ #laymod_77743 .side_out { width: auto; position: absolute; right: -200px; bottom: 2px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.3); transition: all 0.4s ease 0.3s; -moz-transition: all 0.4s ease 0.3s; -webkit-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; height:100%; padding:0 0 0 45px; } #laymod_77743 .side_show .side_out { right:0; } #laymod_77743 .side_out a.arrow { display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; font-size:20px; color:rgba(255,255,255,1); background:rgba(0,0,0,1); transition: all 0.4s ease 0.3s; -moz-transition: all 0.4s ease 0.3s; -webkit-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; position:absolute; top:0; left:0; z-index: 2; } #laymod_77743 .side_out a.arrow:before { content:"\e753"; } #laymod_77743 .side_out a.arrow:hover { background:rgba(204,0,0,1); color:rgba(255,255,255,1); } #laymod_77743 .side_out .side_in { height:100%; position:relative; z-index: 1; } #laymod_77743 .side_out #atstbx4 { height:100%; } #laymod_77743 .side_out .at-share-btn-elements { text-align:right; /*display*/ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐（横轴）*/ -webkit-box-pack:end; -moz-box-pack:end; box-pack:end; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; height:100%; } #laymod_77743 .side_out .at-share-btn-elements>a { margin:0 2px; _margin:0 1px; padding:0; } #laymod_77743 .side_out .at-share-btn-elements>a.at-svc-tencentweibo { display:none; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_77743 .side_bar { bottom:5px; } #laymod_77743 .side_bar>ul>li { position:static; } #laymod_77743 .side_bar>ul>li.side_share { position:relative; } #laymod_77743 .side_window { z-index: 10; } #laymod_77743 .side_bar>ul>li.mobile_effect { transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; } #laymod_77743 .side_bar.active_bg2>ul>li.mobile_effect { transform:translateX(100%); -ms-transform:translateX(100%); /* IE 9 */ -moz-transform:translateX(100%); /* Firefox */ -webkit-transform:translateX(100%); /* Safari ?’? Chrome */ -o-transform:translateX(100%); /* Opera */ } #laymod_77743 .side_bar>ul>li.side_close>a:before { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; display:inline-block; } #laymod_77743 .side_bar.active_bg>ul>li.side_close>a:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); } #laymod_77743 .side_bar.active_bg>ul>li.mobile_effect2 { transform:translateY(1000%); -ms-transform:translateY(1000%); /* IE 9 */ -moz-transform:translateY(1000%); /* Firefox */ -webkit-transform:translateY(1000%); /* Safari ?’? Chrome */ -o-transform:translateY(1000%); } #laymod_77743 .login_reg_wrap { padding:2% 15px; } }