Warning: mkdir(): No space left on device in /home/www/wwwroot/Z1024.COM/func.php on line 127

Warning: file_put_contents(./cachefile_yuan/zeyuanhuimu.com/img/18/25256/a8b0b.css): failed to open stream: No such file or directory in /home/www/wwwroot/Z1024.COM/func.php on line 115
/*========================================================== Css : jg.css Web : www.zeyuanhuimu.com Author : Zengdefei,83678107@qq.com, Edit Time : 2017.09.01 Last Modify : 2017.09.12 ==========================================================*/ @charset "utf-8"; /*=1-网站的默认样式重置&开始=*/ body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,th,td,form,fieldset,input,textarea,pre{margin:0;padding:0;} ul,ol{list-style:none;} img,fieldset{border:0;} body{overflow-x:hidden;} body{background:#fff;color:#6c6c6c;font:12px/1.5 Microsoft YaHei,Hiragino Sans GB,arial;} a{color:#3c3c3c;text-decoration:none;}a:hover{color:#ff4400;} /*=1-网站的默认样式重置&结束=*/ /*=2-网站的通用样式库&开始=*/ /*=显示=*/ .db{display:block;} .di{display:inline;} .dn{display:none;} /*=浮动=*/ .fll{float:left;display:inline;} .flr{float:right;display:inline;} /*=清除浮动=*/ .clear:after{visibility:hidden;display:block;height:0;line-height:0;clear:both;content:".";}.clear{zoom:1;} .cll{clear:left;} .clr{clear:right;} .clb{clear:both;} /*=定位=*/ .posr{position:relative;} .posa{position:absolute;} /*=字体的大小=*/ .fs12{font-size:12px;} .fs14{font-size:14px;} .fs16{font-size:16px;} .fs18{font-size:18px;} .fs20{font-size:20px;} .fs22{font-size:22px;} .fs24{font-size:24px;} /*=溢出隐藏省略号=*/ .ov{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /*2=-网站的通用样式库-结束=*/ /*3-网站的当前样式库-开始*/ /*=外边距=*/ .mt20{margin-top:20px;} /*=内边距=*/ /*=宽度=*/ /*=字体的颜色=*/ /*=边框的颜色=*/ .bd{}/* 如详情页的边框 */ /*=背景的颜色=*/ /*=3-网站的当前样式库&结束=*/ /*=4-网站的公共模块&开始=*/ /*=p-header如首页的头部=*/ .p-header{} .p-header .nav{height:137px;background:url(../images/img1-1.png) 50% 0 no-repeat;} .p-header .banner{height:700px;background:url(../images/img1-2-1.png) 50% 0 no-repeat;} /*=p-footer如首页的底部=*/ .p-footer{} .p-footer p{height:51px;background:url(../images/img1-3.png) 50% 0 no-repeat;} /*=p-layout如首页的布局=*/ .p-layout{margin:auto;width:980px;} /*=p-main如首页的主体=*/ .p-main{/*margin-top:146px;屏蔽顶部导航动画*/} /*=p-line如首页的直线=*/ .p-line{width:70px;height:3px;background-color:#ffad2b;} /*=p-box如装修的装修报价=*/ .p-box{width:158px;height:158px;border:1px solid #ffad2c;border-radius:50%;text-align:center;} .p-box p{padding-top:20px;font-size:30px;} .p-box span{display:block;width:30px;height:3px;background-color:#626262;position:absolute;left:65px;top:125px;} /*=p-phone如培训的联系人=*/ .p-phone{width:248px;height:165px;background:url(../images/icon1-1.png) 240px 26px no-repeat;color:#000;background-color:#f3f3f3;} .p-phone{padding:17px 33px;border:1px solid #aaaaaa;} .p-phone h2{font-size:28px;} .p-phone .p-line{margin-top:10px;} .p-phone p{margin-top:18px;color:#666666;font-size:30px;font-weight:bold;} /*=p-time如关于精功的时间内容=*/ .p-time{text-align:right;} .p-time.tal{text-align:left;} .p-time h2{color:#ffad2b;font-size:35px;} .p-time p{color:#fff;font-size:16px;font-weight:100;} /*=4-网站的公共模块&结束=*/ /*=公共样式=*/ html,body,td,input,textarea,select,button,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,a {box-sizing:content-box;} body {background:#ffffff;color:#666;margin:0 auto;width:auto;min-width:1210px;min-height:400px;} html,body {margin:0;padding:0;} body,td,input,textarea,select,button {color:#666;font-size:12px;font-family:"Century Gothic","Microsoft Yahei","Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;} label {font-weight:normal;} body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset {margin:0;padding:0;} ul,ol,li {list-style-image:none;list-style-type:none;} a {color:#666;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;} a:active {star:expression_r(this.onFocus=this.blur());} a:hover {text-decoration:none;cursor:pointer} a:focus,input[type=button],input[type=submit] {outline:none;} input,button,select,textarea {outline:none} a img {border:none;border-radius: 2px;} i,em {font-style:normal;} i.fa {font-size:14px;vertical-align:middle;margin:0px 5px;} .w1210 {width:1210px;margin:0px auto;} .w990 {width:990px;margin:0px auto;} .w400 {width:400px !important;} .fl {float:left;} .fr {float:right;} .pos-r {position:relative!important;} .hide {display:none;} .color-light {color:#999;} /*.clear {clear:both;height:0;overflow:hidden;}*/ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .none {display:none !important;} .blank {height:10px;line-height:10px;clear:both;visibility:hidden;} .blank15 {height:15px;line-height:15px;clear:both;visibility:hidden;} /*=顶部=*/ .g-yixin {/*position: fixed;屏蔽顶部导航动画*/top: 0;width: 100%;z-index: 99999;background-color: rgba(0,0,0,1);transition: all 0.6s ease-out;} .g-yixin.moveUp {top: -40px;transition: all 0.5s ease-out;} .site-nav { width: 100%; min-width: 1210px; background: #2e2e2e;} .site-nav .site-nav-bd { width: 1210px; height: 40px; margin: 0 auto; zoom: 1;-webkit-backface-visibility: hidden;} .site-nav-bd a { color: #3c3c3c;} .site-nav-bd a:hover { color: #f38f1d;} .site-nav-bd .menu { float: left;} .site-nav-bd .menu .menu-hd { position: relative; z-index: 99999; height: 40px; padding: 0 6px; line-height: 40px; overflow: hidden;} .site-nav-bd .menu .menu-hd .home i { float:left; margin: 2px 4px 0 0;} .site-nav-bd .menu .menu-hd a, .site-nav-bd .menu .menu-hd p, .site-nav-bd .menu .menu-hd font { float: left; margin-right: 7px; color: #ccc;} .site-nav-bd .menu .menu-hd a:hover { color: #ccc;} .site-nav-bd .menu .menu-hd .nav-line { float: left; width: 1px; height: 12px; margin: 15px 12px 0 7px; font-size: 0; overflow: hidden; background: #ccc;} .site-nav-bd .menu .menu-bd { position: relative; z-index: 99999; display: none; margin-top: -1px;} .site-nav-bd .menu:hover .menu-bd { display: block;} .site-nav-bd .site-nav-bd-r .menu .menu-hd i { position: relative; float: left; width: 6px; height: 5px; margin-top: 18px; -moz-transition: -moz-transform .2s ease-in; -webkit-transition: -webkit-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);} .site-nav-bd .site-nav-bd-r .menu .menu-hd:hover i { top: 0\9; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -o-transform: rotate(180deg); -o-transform-origin: 50% 50%; transform: rotate(180deg); transform-origin: 50% 50%; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .site-nav-bd .menu .menu-hd i em { position: absolute; top: 1px; left: 0; width: 0; height: 0; border-right: transparent 3px solid; border-top: transparent 3px solid; overflow: hidden; border-left: transparent 3px solid; border-bottom: transparent 0 solid; border-top-color: #fff; zoom: 1;} .site-nav-bd .menu .menu-hd i span { position: absolute; top: 0; left: 0; width: 0; height: 0; border-right: transparent 3px solid; border-top: transparent 3px solid; overflow: hidden; border-left: transparent 3px solid; border-bottom: transparent 0 solid; border-top-color: #000; zoom: 1;} .site-nav-bd .menu .menu-bd .menu-bd-panel-p { position: absolute; z-index: 99999; top: 0; left: 0; width: 166px; padding: 8px 0; line-height: normal; background: #1e1f1f; border: 1px solid #1e1f1f; border-top: none;} .site-nav-bd .menu .menu-list .menu-bd-panel-p p { padding: 0 5px; line-height: 28px; color: #ababab; white-space: nowrap; cursor: pointer;} .site-nav-bd .menu .menu-list .menu-bd-panel-p p:hover { color: #fff;} /*=导航=*/ .header {position: relative;/*position: fixed;屏蔽顶部导航动画*/ z-index:9999; width: 100%; min-width: 1210px; height: auto; padding: 0; background: #fff; border-bottom: 1px solid #eee;} .header.moveDown{/*top:40px;屏蔽顶部导航动画*/transition:all 0.45s ease-in-out;} .header.solid {z-index: 1; top: 0px;background-color: #fff;background-color: #fff\9;border-bottom: 1px solid #f0f1f2;transition: all 0.5s ease-in-out;} .header .logo { float: left; padding: 8px 0; margin-right: 25px; font-size: 0;} .header .logo .logo-small { display: none;} .header .logo-info { height: 90px; line-height: 70px;} .header .logo-right { width: 180px; height: 92px; overflow: hidden;} .header .logo-right ul { height: 78px; overflow: hidden;} .header .logo-right .num { text-align: center;} .header .logo-right .num span { display: inline-block; width: 6px; height: 6px; margin: 0 3px; cursor: pointer; background: #ccc; border-radius: 50%;} .header .logo-right .num span.on { background: #e31939;} .header .logo-desc { width: 200px; padding: 32px 0 0 0; font-size: 14px; font-weight: 300;} .header .logo-desc dt { text-align: justify;} .header .logo-desc dd { font-size: 17px; text-align: justify;} .header .header-nav { float: right;} .header .header-nav .header-nav-item { float: left;} .header .header-nav .header-nav-item .header-nav-item-link { position: relative; display: block; height: 96px; padding: 0 44px 0 25px; font-size: 19px; font-weight: 300; line-height: 96px; color: #333;} .header .header-nav .header-nav-item:hover .header-nav-item-link { color: #e73737; font-weight: 400;} .header .header-nav .header-nav-item .header-nav-item-link i { position: absolute; margin-left: 5px; font-size: 14px; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);} .header .header-nav .header-nav-item:hover .header-nav-item-link i { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease;} .header .header-nav .header-nav-item .icon-arrow-down{width: 0; height: 0; border-style: solid; border-color: #000 transparent transparent transparent; border-width: 4px;top: 48px;transition: 0.6s;position: absolute;} .header-nav li .underlinenav { display: block; position: relative; padding: 0; width: 60%; height: 2px; overflow: hidden; bottom: 25%; top: -25px; left: 22px; background: #EA3737; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 1; margin: auto 0; text-align: center; } .header-nav li:hover .underlinenav {-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1;} .show-nav .nav-show-div { position: absolute; top: 96px; left: 0; z-index: 9999; display: none; width: 100%; height: 0; padding: 25px 0 0; background: #fff; border-top: 1px solid #eee; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-color: rgba(255,255,255,1);} .show-nav .nav-show-div li { float: left; width: 168px;} .show-nav .nav-show-div li img { width: 131px;} .show-nav .space .nav-show-div li { width: 240px;} .show-nav .space .nav-show-div li img { width: 156px; height: 102px;} .show-nav .nav-show-div li:first-child { margin-left: 0;} .show-nav .nav-show-div li p { padding-top: 0; padding-bottom: 20px; font-size: 13px; font-weight: 300; color: #333; text-align: center;} .show-nav .nav-show-div li div { width: 100%; height: 97px; margin-bottom: 20px; text-align: center; border-left: 1px solid #e5e5e5;} .show-nav .nav-show-div li div.nav-1 {background: url("../images/nav-1.png") no-repeat center;} .show-nav .nav-show-div li div.nav-1:hover {background: url("../images/nav-1.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.nav-2 {background: url("../images/nav-2.png") no-repeat center;} .show-nav .nav-show-div li div.nav-2:hover {background: url("../images/nav-2.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.nav-3 {background: url("../images/nav-3.png") no-repeat center;} .show-nav .nav-show-div li div.nav-3:hover {background: url("../images/nav-3.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.nav-4 {background: url("../images/nav-4.png") no-repeat center;} .show-nav .nav-show-div li div.nav-4:hover {background: url("../images/nav-4.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.nav-5 {background: url("../images/nav-5.png") no-repeat center;} .show-nav .nav-show-div li div.nav-5:hover {background: url("../images/nav-5.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.nav-6 {background: url("../images/nav-6.png") no-repeat center;} .show-nav .nav-show-div li div.nav-6:hover {background: url("../images/nav-6.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.nav-7 {background: url("../images/nav-7.png") no-repeat center;} .show-nav .nav-show-div li div.nav-7:hover {background: url("../images/nav-7.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.space-1 {background: url("../images/space-1.png") no-repeat center;} .show-nav .nav-show-div li div.space-1:hover {background: url("../images/space-1.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.space-2 {background: url("../images/space-2.png") no-repeat center;} .show-nav .nav-show-div li div.space-2:hover {background: url("../images/space-2.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.space-3 {background: url("../images/space-3.png") no-repeat center;} .show-nav .nav-show-div li div.space-3:hover {background: url("../images/space-3.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.space-4 {background: url("../images/space-4.png") no-repeat center;} .show-nav .nav-show-div li div.space-4:hover {background: url("../images/space-4.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li div.space-5 {background: url("../images/space-5.png") no-repeat center;} .show-nav .nav-show-div li div.space-5:hover {background: url("../images/space-5.png") #f7f7f7 no-repeat center;} .show-nav .nav-show-div li.first div { border: none;} .show-nav .nav-show-div li div a { display: block; width: 250px; padding: 2px 0 2px; font-size: 16px; color: #ccc;} .show-nav .nav-show-div .nav-contact { width: 1200px; padding: 10px 0; margin: 0 auto; font-size: 13px; line-height: 45px; color: #666; text-align: center; border-top: 1px solid #e5e5e5;} .show-nav .nav-show-div .dividing-line { padding: 0 20px;} .middle { display: block; width: 1200px; max-width: 1200px; padding: 0; margin: 0 auto;} .header .search .search-form { top: 20px;} /*=导航悬浮=*/ .header-fixed.header { position: fixed; top: 0; z-index: 9999; background: rgba(255,255,255,.95); box-shadow: 1px 1px 1px rgba(0,0,0,.15);} .header-fixed.header .logo { padding: 4px;} .header-fixed.header .logo img { display: none;} .header-fixed.header .logo .logo-small { display: block; height: 42px;} .header-fixed.header .logo-desc { padding-top: 20px;} .header-fixed.header .logo-right { display: none;} .header-fixed.header .logo-right ul, .header-fixed.header .logo-right img { height: 65px;} .header-fixed.header .logo-right .num { width: 136px;} .header-fixed .header-nav .header-nav-item .header-nav-item-link { height: 50px; font-size: 17px; line-height: 50px;} .header-fixed .show-nav .nav-show-div { top: 50px; background: rgba(255,255,255,.95);} /*=banner=*/ .handle-banner {margin:0 auto;height:700px;position:relative;background:#040519;/*margin-top:136px;屏蔽顶部导航动画*/} .handle-banner ul {display:block;font-size:0;height:100%;} .handle-banner ul li {width:100%;height:100%;} .handle-banner ul li a {margin:0 auto;max-width:1920px;display:block;width:100%;height:100%;position:relative;overflow:hidden;} .handle-banner ul li a img {position:absolute;display:block;margin-left:-960px;top:0;left:50%;} .handle-banner ol {width:100%;display:block;position:absolute;bottom:15px;text-align:center;z-index:10;font-size:0;} .handle-banner ol li {margin:0 3px;display:inline-block;width:26px;height:5px;background:rgba(255,255,255,0.3);transition:0.4s;cursor:pointer;} .handle-banner ol li.on {background:#fff;} .handle-banner ol li:hover {background:#fff;} .handle-banner .tempWrap {height:100%;} /*=左右按钮=*/ .handle-banner .prev img,.handle-banner .next img {display:block;width:100%;height:100%;} .handle-banner .prev,.handle-banner .next {cursor:pointer;position:absolute;bottom:0;z-index:2;width:50px;height:79px;opacity:0;transition:0.4s;} .handle-banner .prev {left:60px;} .handle-banner .next {right:60px;} .handle-banner:hover .prev,.handle-banner:hover .next {opacity:1;bottom:255px;} /*=5-网站的独立模块&开始=*/ /*=listBox如首页的支付=*/ .listBox{height:705px;color:#000;} .listBox .title p{margin-top:80px;text-align:center;font-size:45px;} .listBox .p-line{margin:auto;margin-top:40px;} .listBox .content{margin-left:130px;margin-top:40px;height:394px;background:url(../images/img2-1.png) no-repeat;} .listBox .content .left1{position:absolute;left:187px;top:190px;} .listBox .content .left2{position:absolute;left:110px;top:290px;} .listBox .content .left3{position:absolute;left:230px;top:430px;} .listBox .content .right1{position:absolute;left:730px;top:183px;} .listBox .content .right2{position:absolute;left:790px;top:390px;} /*=listBox2如首页的连锁=*/ .listBox2{height:699px;background:url(../images/img3-1.png) 50% 0 no-repeat;color:#000;font-size:50px;} .listBox2 .left .p1{position:absolute;left:-10px;top:67px;color:#ffad2b;font-size:40px;} .listBox2 .left .p2{width:300px;position:absolute;left:-10px;top:200px;color:#fff;} .listBox2 .p-line{position:absolute;top:146px;} .listBox2 .right{position:absolute;right:-150px;top:15px;} /*=listBox3如首页的装修=*/ .listBox3{height:880px;color:#000;} .listBox3 .title{margin-top:90px;font-size:50px;} .listBox3 .title h2{text-align:center;color:#ffad2b;font-size:40px;} .listBox3 .title p{margin:14px auto 0;width:430px;} .listBox3 .p-line{margin:auto;margin-top:25px;} .listBox3 .img .top1{position:absolute;left:0px;top:310px;} .listBox3 .img .top2{position:absolute;left:245px;top:310px;} .listBox3 .img .top3{position:absolute;left:490px;top:310px;} .listBox3 .img .top4{position:absolute;left:735px;top:310px;} .listBox3 .img .bottom1{position:absolute;left:120px;top:525px;} .listBox3 .img .bottom2{position:absolute;left:365px;top:525px;} .listBox3 .img .bottom3{position:absolute;left:612px;top:525px;} /*=listBox4如首页的培训学校=*/ .listBox4{height:671px;background:url(../images/img5-1.png) 50% 0 no-repeat;color:#000;} .listBox4 .left{position:absolute;left:70px;top:138px;} .listBox4 .left h2{color:#ffad2b;font-size:40px;} .listBox4 .left p{margin-top:45px;color:#fff;font-size:46px;} .listBox4 .p-line{margin-top:35px;} .listBox4 .right{position:absolute;left:547px;top:140px;} .listBox4 .right .left1{position:absolute;left:0px;top:0px;} .listBox4 .right .left2{position:absolute;left:0px;top:186px;} .listBox4 .right .center1{position:absolute;left:199px;top:0px;} .listBox4 .right .center2{position:absolute;left:199px;top:186px;} .listBox4 .right .right1{position:absolute;left:398px;top:0px;} .listBox4 .right .right2{position:absolute;left:398px;top:186px;} /*=listBox5如首页的模特大赛=*/ .listBox5{height:820px;} .listBox5 .title{height:352px;background:url(../images/img6-1.png) 0 80px no-repeat;position:relative;color:#000;} .listBox5 .title h2{position:absolute;left:280px;top:180px;font-size:45px;} .listBox5 .title p{position:absolute;left:385px;top:245px;font-size:35px;} .listBox5 .p-line{position:absolute;left:600px;top:315px;} .listBox5 .content div{margin-right:15px;float:left;} .listBox5 .model{position:absolute;left:650px;top:84px;} /*=list2Box如招商连锁的行业前景=*/ .list2Box{height:743px;/*margin-top:136px;屏蔽顶部导航动画*/} .list2Box .title p{position:absolute;left:0px;top:63px;} .list2Box .content .left{position:absolute;left:0px;top:207px;} .list2Box .content .center{position:absolute;left:335px;top:207px;} .list2Box .content .right{position:absolute;left:668px;top:207px;} /*=list2Box2如招商连锁的连锁优势=*/ .list2Box2{height:618px;background:url(../images/2img3-1.png) 50% 0 no-repeat;} .list2Box2 .title{position:absolute;left:0px;top:60px;} .list2Box2 .content .top1{position:absolute;left:246px;top:56px;} .list2Box2 .content .top2{position:absolute;left:494px;top:56px;} .list2Box2 .content .top3{position:absolute;left:742px;top:56px;} .list2Box2 .content .bottom1{position:absolute;left:246px;top:296px;} .list2Box2 .content .bottom2{position:absolute;left:494px;top:296px;} .list2Box2 .content .bottom3{position:absolute;left:742px;top:296px;} /*=list2Box3如招商连锁的服务支持=*/ .list2Box3{height:712px;} .list2Box3 .model{position:absolute;left:-83px;top:75px;} .list2Box3 .title{position:absolute;left:223px;top:125px;} .list2Box3 .img .top1{position:absolute;left:421px;top:120px;} .list2Box3 .img .top2{position:absolute;left:615px;top:120px;} .list2Box3 .img .top3{position:absolute;left:807px;top:120px;} .list2Box3 .img .bottom1{position:absolute;left:225px;top:388px;} .list2Box3 .img .bottom2{position:absolute;left:421px;top:388px;} .list2Box3 .img .bottom3{position:absolute;left:615px;top:388px;} .list2Box3 .img .bottom4{position:absolute;left:807px;top:388px;} /*=list2Box4如招商连锁的连锁分类=*/ .list2Box4{height:646px;background-color:#eeeeee;} .list2Box4 .title{padding-top:56px;text-align:center;} .list2Box4 .content{margin-top:50px;margin-right:-10px;} .list2Box4 .content p{margin-right:12px;float:left;} /*=list2Box5如招商连锁的连锁费=*/ .list2Box5{height:336px;} .list2Box5 .title{position:absolute;left:0px;top:68px;} .list2Box5 .content .left{position:absolute;left:326px;top:90px;} .list2Box5 .content .center{position:absolute;left:548px;top:90px;} .list2Box5 .content .right{position:absolute;left:762px;top:90px;} /*=list2Box6如招商连锁的连锁流程=*/ .list2Box6{height:569px;background:url(../images/2img7-1.png) 50% 0 no-repeat;} .list2Box6 .title{position:absolute;left:0px;top:60px;} .list2Box6 .content{position:absolute;left:227px;top:127px;} /*=list2Box7如招商连锁的联系拓展部=*/ .list2Box7{height:386px;} .list2Box7 .title{position:absolute;left:0px;top:80px;} .list2Box7 .content .left{position:absolute;left:360px;top:87px;} .list2Box7 .content .right{position:absolute;left:688px;top:87px;} /*=list2Box8如招商连锁的品牌优势=*/ .list2Box8{height:601px;background:url(../images/2img9-1.png) 50% 0 no-repeat;} .list2Box8 .title .p1{position:absolute;left:0px;top:94px;} .list2Box8 .title .p2{position:absolute;left:394px;top:94px;} .list2Box8 .content .p1{position:absolute;left:0px;top:344px;} .list2Box8 .content .p2{position:absolute;left:268px;top:344px;} .list2Box8 .content .p3{position:absolute;left:527px;top:344px;} .list2Box8 .content .p4{position:absolute;left:790px;top:344px;} /*=list3Box如培训的学校简介=*/ .list3Box{height:595px;background:url(../images/3img1-1.png) 50% 0 no-repeat;color:#fff;/*margin-top:136px;屏蔽顶部导航动画*/} .list3Box .p-line{position:absolute;left:172px;top:220px;} .list3Box .title h2{position:absolute;left:172px;top:255px;font-size:40px;} .list3Box .title p{position:absolute;left:172px;top:306px;font-size:48px;font-weight:bold;} .list3Box .content{width:428px;background:rgba(255,255,255,0.6);position:absolute;left:554px;top:0px;color:#000;font-size:15px;} .list3Box .content p{text-indent:2em; line-height:25px;max-height:480px;overflow:hidden;padding:30px 20px; text-align:justify;} .list3Box .content p:first-child{padding-bottom:5px;} .list3Box .content p:nth-child(2){padding-bottom:80px;} /*=list3Box2如培训的师资力量=*/ .list3Box2{} .list3Box2 .title{height:182px;text-align:center;color:#000;font-size:24px;} .list3Box2 .title h2{padding-top:30px;} .list3Box2 .title p{font-weight:bold;} .list3Box2 .title .p-line{margin:auto;margin-top:16px;} .list3Box2 .img{height:678px;} .list3Box2 .img .left-top{position:absolute;left:0px;top:182px;} .list3Box2 .img .left-bottom1{position:absolute;left:0px;top:555px;} .list3Box2 .img .left-bottom2{position:absolute;left:319px;top:555px;} .list3Box2 .img .right-top{position:absolute;left:535px;top:182px;} .list3Box2 .img .right-center1{position:absolute;left:535px;top:474px;} .list3Box2 .img .right-center2{position:absolute;left:756px;top:474px;} .list3Box2 .img .right-bottom1{position:absolute;left:535px;top:636px;} .list3Box2 .img .right-bottom2{position:absolute;left:756px;top:636px;} .list3Box2 .list{color:#000;} .list3Box2 .list h1{font-size:30px;} .list3Box2 .list .p-line{margin-top:18px;} .list3Box2 .list ul{margin-top:50px;margin-right:-20px;} .list3Box2 .list li{overflow:hidden;margin-right:10px;width:190px;height:540px;float:left;} .list3Box2 .list h2{padding-top:13px;font-size:20px;} .list3Box2 .list p{padding-top:13px;font-size:15px;text-align:justify;} /*=list3Box3如培训的培训内容=*/ .list3Box3{height:656px;background:url(../images/3img5-1.png) 50% 0 no-repeat;} .list3Box3 .top1{position:absolute;left:-95px;top:0px;} .list3Box3 .bottom1{position:absolute;left:-95px;top:314px;} .list3Box3 .top2{position:absolute;left:401px;top:0px;} .list3Box3 .bottom2{position:absolute;left:401px;top:355px;} /*=list3Box4如培训的课程=*/ .list3Box4{text-align:center;} .list3Box4 h2{padding-top:70px;color:#000;font-size:30px;} .list3Box4 .p-line{margin:auto;margin-top:25px;margin-bottom:42px;} .list3Box4 p{margin:auto;width:1114px;height:443px;} /*=培训申请=*/ .train_apply { clear:both; height: 850px; margin-top:50px;} .train{width:1200px;height:74px;float:left;margin-left:-600px;left:50%;position:relative;background:url("../images/order_bg.png") no-repeat;text-align:center;font-size:30px;line-height:74px;color:#fff;} .train_form_wrap {width:100%; height:auto;float:left;} .train_form {width:1198px;height:760px;margin:0 auto;padding:20px 0;border:1px solid #d4d4d4;} .train_form .join{width:466px;height:auto;padding:20px 70px;overflow:hidden;float:left;} .train_form .join .title {width:100%;height:auto;padding-top:10px;float:left;} .train_form .join .title ol {width:10px;height:24px;margin-left:22px;background-color:#D4D4D4;float:left; margin-left:0;} .train_form .join .title span {font-size: 18px;color: #9BA3B2;margin: 0 5px;line-height: 24px;float:left;} .train_form .join .title p {color:#9BA3B2;font-size:12px;line-height:30px;float:left;} .train_form .join .list{width:486px;height:auto;padding: 5px 0;float:left;border-top: 1px solid #bebebe;} .train_form .join .list ul{overflow:hidden; zoom:1; font-size:14px;} .train_form .join .list li{float:left;height:80px; padding:10px 0;border-bottom: 1px dashed #cccccc;zoom:1; } .train_form .join .list li .img{float:left;margin:0 15px;width:60px;height:auto;} .train_form .join .list li .img img{width:60px;height:60px;} .train_form .join .list li .img span{font-size:12px;width:60px;float:left;text-align:center;line-height:30px;} .train_form .join .list li .txt{float:left;width:345px;height:auto;text-align:left;font-size:12px;line-height: 21px;} .train_form .join .list li .txt .time { padding:10px 1px;} .train_form .spaceline {width:1px;height:760px;background-color:#bebebe;margin-top:20px;float:left;} .train_form .apply {width:480px;height:690px;padding:28px 0 0 70px;overflow:hidden;float:left;} .train_form .apply p {height:33px;border-bottom:1px solid #bebebe;} .train_form .apply p.title {font-size:18px;float:left;width:100%;} .train_form .apply p.title span {font-size:18px;} .train_form .apply p.title span.red {font-size:12px;color:#ff0000;margin-left:0;} .train_form .apply p.title .required {font-size:12px;float:right;line-height:30px;} .train_form .apply .form{margin-top:10px;width:480px; float:left; overflow:hidden; margin-left:0px;} .train_form .apply .form ul li.item{height:36px; line-height:36px; margin:10px 0;clear: both;} .train_form .apply .form ul li.item .msgli{width:80px; height:36px;font-size:14px; line-height:36px; text-align:right; float:left; color:#262626;} .train_form .apply .form ul li.item .msgli .red{float:left; color:#f00;} .train_form .apply .form ul li.item .msginp {float:left; } .train_form .apply .form ul li.item .msginp .intxt{border:1px solid #bebebe;padding-left:1px; height:32px; line-height:32px; border-radius:2px; width:98%;} .train_form .apply .form ul li.item .msginp select{border:1px solid #bebebe;padding-left:10px; height:32px; line-height:32px; border-radius:2px;} .train_form .apply .form ul li.item_1{width:400px; height:82px; line-height:100px;} .train_form .apply .form ul li.item_1 .msgli{width:60px; height:82px;font-size:14px; line-height:36px; text-align:right; margin:0 auto; float:left; color:#262626;} .train_form .apply .form ul li.item_1 .msgli .red{float:left; color:#f00;} .train_form .apply .form ul li.item_1 .msginp select{float:left;height:32px;border:1px solid #bebebe;border-radius:2px;} .train_form .apply .form .msgbtn{width:200px; height:37px; overflow:hidden;} .train_form .apply .form .msgbtn .btn1{width:80px; height:35px; float:left;} .train_form .apply .form .msgbtn .btn2{width:80px; height:35px; float:right;} .train_form .apply .form .msgbtn .btn1 .submit{width:70px;height:30px;line-height:30px;font-size:14px;border-radius:2px;color:#fff;background-color: #5cb85c;border-color: #4cae4c;} .train_form .apply .form .msgbtn .btn2 .reset{width:70px;height:30px;line-height:30px;font-size:14px;border-radius:2px;color:#fff;background-color: #d9534f;border-color: #d43f3a;} /*=list3Box5如培训的联系我们=*/ .list3Box5{margin-top:76px;height:260px;background-color:#f3f3f3;} .list3Box5 .title{color:#000;font-size:30px;} .list3Box5 .title h2{padding-top:34px;font-size:30px;font-weight:normal;} .list3Box5 .title p{font-weight:bold;} .list3Box5 .title .p-line{margin-top:20px;} .list3Box5 .p-phone{position:absolute;left:290px;top:21px;} /*=list4Box如装修的公司简介=*/ .list4Box{height:656px;background:url(../images/4img1.png) 50% 0 no-repeat;/*margin-top:136px;屏蔽顶部导航动画*/} .list4Box .title{padding:116px 0 0 184px;color:#fff;} .list4Box .title h2{font-size:40px;font-weight:normal;} .list4Box .title p{font-size:50px;font-weight:bold;} .list4Box .title .p-line{margin-top:45px;} .list4Box .content{width:442px;height:344px;background:rgba(255,255,255,0.8);position:absolute;left:470px;top:100px;} .list4Box .content p{padding:72px 52px;line-height:40px;color:#333;font-size:16px;font-weight:100; text-indent:2em; text-align:justify;} /*=list4Box2如装修的设计理念=*/ .list4Box2{height:650px;} .list4Box2 .title{text-align:center;color:#000;} .list4Box2 .title h2{margin-top:48px;font-size:30px;} .list4Box2 .title p{font-size:35px;font-weight:bold;} .list4Box2 .title .p-line{margin:auto;margin-top:14px;} .list4Box2 .content{margin-top:58px;margin-right:-20px;color:#333333;} .list4Box2 .content li{margin-right:12px;width:237px;float:left;} .list4Box2 .content .p1{} .list4Box2 .content .p2{margin-top:23px;padding-left:37px;width:180px;position:relative;font-size:15px;} .list4Box2 .content .p2 span{display:block;width:22px;border-radius:50%;background-color:#ffad2b;position:absolute;left:5px;top:2px;text-align:center;color:#fff;} /*=list4Box3如装修的装修理念=*/ .list4Box3{height:637px;background:url(../images/4img3-1.png) 50% 0 no-repeat;} .list4Box3 .title{text-align:center;color:#fff;font-size:30px;} .list4Box3 .title h2{padding-top:30px;font-size:30px;} .list4Box3 .title p{padding-top:13px;font-weight:bold;} .list4Box3 .title .p-line{margin:auto;margin-top:19px;} .list4Box3 .content{padding-left:110px;margin-top:50px;} .list4Box3 .content li{margin-right:30px;width:240px;float:left;} .list4Box3 .content2{margin-top:30px;color:#fff;font-size:18px;text-align:center;} .list4Box3 .content2 p{} /*=list4Box4如装修的装修案例=*/ .list4Box4{} .list4Box4 .title{height:220px;color:#000;text-align:center;} .list4Box4 .title h2{padding-top:70px;font-size:30px;} .list4Box4 .title p{padding-top:0px;font-size:30px;font-weight:bold;} .list4Box4 .title .p-line{margin:auto;margin-top:10px;} .list4Box4 .content{height:540px;background-color:#f6f6f6;} .list4Box4 .content .left-top{position:absolute;left:px;top:58px;} .list4Box4 .content .left-bottom{position:absolute;left:0px;top:265px;} .list4Box4 .content .center-top{position:absolute;left:314px;top:58px;} .list4Box4 .content .center-bottom{position:absolute;left:314px;top:313px;} .list4Box4 .content .right-top{position:absolute;left:624px;top:58px;} .list4Box4 .content .right-bottom{position:absolute;left:624px;top:271px;} /*=list4Box5如装修的装修报价=*/ .list4Box5{height:295px;color:#000;} .list4Box5 .title{padding:50px 0 0 104px;} .list4Box5 .title h2{font-size:30px;} .list4Box5 .title p{padding-top:0px;line-height:36px;font-size:30px;font-weight:bold;} .list4Box5 .title .p-line{margin-top:26px;} .list4Box5 .content .div1{position:absolute;left:368px;top:50px;} .list4Box5 .content .div2{position:absolute;left:614px;top:50px;} /*=list4Box6如装修的装修流程=*/ .list4Box6{height:562px;background:url(../images/4img5-1.png) 50% 0 no-repeat;} .list4Box6 .title{padding-top:40px;text-align:center;color:#fff;} .list4Box6 .title h2{font-size:35px;} .list4Box6 .title p{padding-top:0px;font-size:30px;font-weight:bold;} .list4Box6 .title .p-line{margin:auto;margin-top:13px;} .list4Box6 .content .top1{position:absolute;left:182px;top:210px;} .list4Box6 .content .top2{position:absolute;left:339px;top:210px;} .list4Box6 .content .top3{position:absolute;left:496px;top:210px;} .list4Box6 .content .top4{position:absolute;left:652px;top:210px;} .list4Box6 .content .bottom1{position:absolute;left:262px;top:345px;} .list4Box6 .content .bottom2{position:absolute;left:417px;top:345px;} .list4Box6 .content .bottom3{position:absolute;left:574px;top:345px;} /*=list4Box7如装修的联系装修部=*/ .list4Box7{height:262px;} .list4Box7 .title{padding-top:30px;color:#000;} .list4Box7 .title h2{font-size:30px;font-weight:normal;} .list4Box7 .title p{font-size:30px;font-weight:bold;} .list4Box7 .title .p-line{margin-top:20px;} .list4Box7 .p-phone{height:140px;position:absolute;left:310px;top:32px;} /*=list5Box如关于精功的公司简介=*/ .list5Box{/*margin-top:136px;屏蔽顶部导航动画*/} .list5Box .banner{height:688px;background:url(../images/5img1-1.png)50% 0 no-repeat;} .list5Box .title{height:780px;color:#000;font-size:30px;} .list5Box .title h2{padding-top:90px;font-size:30px;} .list5Box .title p{font-weight:bold;} .list5Box .title .p-line{margin-top:10px;} .list5Box .title img{position:absolute;left:-54px;top:212px;} .list5Box .content{position:absolute;right:0px;top:90px;} .list5Box .content p{width:610px;line-height:30px;color:#333;font-size:16px;text-align:justify; text-indent:2em;} /*=list5Box2如关于精功的发展历程=*/ .list5Box2{height:1291px;background:url(../images/5img2-1.png) 50% 0 no-repeat;} .list5Box2 .title{padding-top:64px;color:#fff;text-align:center;} .list5Box2 .title h2{font-size:30px;} .list5Box2 .title p{padding-top:0px;font-size:25px;} .list5Box2 .title .p-line{margin:auto;margin-top:22px;} .list5Box2 .content{margin:auto;margin-top:70px;width:22px;height:1117px;background:url(../images/5img2-2.png) no-repeat;} .list5Box2 .content .left1{position:absolute;left:172px;top:228px;} .list5Box2 .content .left2{position:absolute;left:38px;top:406px;} .list5Box2 .content .left3{position:absolute;left:120px;top:596px;} .list5Box2 .content .left4{position:absolute;left:235px;top:820px;} .list5Box2 .content .left5{position:absolute;left:-85px;top:1080px;} .list5Box2 .content .right1{position:absolute;right:30px;top:315px;} .list5Box2 .content .right2{position:absolute;right:290px;top:505px;} .list5Box2 .content .right3{position:absolute;right:66px;top:728px;} .list5Box2 .content .right4{position:absolute;right:16px;top:902px;} /*=list5Box3如关于精功的公司文化=*/ .list5Box3{height:700px;} .list5Box3 .title{height:225px;padding-left:12px;color:#000;} .list5Box3 .title h2{padding-top:70px;font-size:30px;} .list5Box3 .title p{font-size:25px;font-weight:bold;} .list5Box3 .title .p-line{margin-top:15px;} .list5Box3 .txt{position:absolute;left:350px;top:74px;color:#333333;font-size:16px;} .list5Box3 .img{margin-right:-10px;} .list5Box3 .img li{margin:0 6px 3px 0;width:324px;float:left;} /*=list5Box4如关于精功的经营理念=*/ .list5Box4{height:775px;background-color:#efefef;color:#000;} .list5Box4 .title{height:200px;text-align:center;} .list5Box4 .title h2{padding-top:50px;font-size:30px;} .list5Box4 .title p{font-size:25px;font-weight:bold;} .list5Box4 .title .p-line{margin:auto;margin-top:12px;} .list5Box4 .list{margin:auto;width:1084px;} .list5Box4 .list ul{margin-right:-10px;} .list5Box4 .list li{margin-right:9px;width:264px;float:left;} .list5Box4 .list .img{} .list5Box4 .list .txt{margin-top:36px;} .list5Box4 .list .txt h2{font-size:26px;font-weight:normal;} .list5Box4 .list .txt .p-line{margin-top:14px;} .list5Box4 .list .txt p{margin-top:17px;color:#333333;font-size:15px;} /*=list5Box5如关于精功的组织架构=*/ .list5Box5{height:675px;} .list5Box5 .title{padding-top:68px;color:#000;} .list5Box5 .title h2{font-size:30px;} .list5Box5 .title p{font-size:25px;font-weight:bold;} .list5Box5 .title .p-line{margin-top:30px;} .list5Box5 .content{position:absolute;left:0px;top:80px;} /*=list5Box6如关于精功的联系我们=*/ .list5Box6{height:172px;background-color:#f7f7f7;color:#000;font-size:16px;} .list5Box6 .title{padding-top:40px;} .list5Box6 .title h2{font-size:28px;} .list5Box6 .title p{font-size:25px;font-weight:bold;} .list5Box6 .title .p-line{margin-top:10px;} .list5Box6 .content1{line-height:28px;position:absolute;left:172px;top:45px;} .list5Box6 .content2{width:450px;line-height:28px;position:absolute;left:582px;top:66px;} /*= =*/ /*=5-网站的独立模块&结束=*/ /*=首页新闻=*/ .floor-div-6 { background: #fafafa;} .news-box { padding: 0 0 70px; overflow: hidden;} .news-scroll { position: relative;} .news-scroll ul { width: 380px; height: 220px; overflow: hidden;} .news-scroll ul li img { height: 220px;} .news-scroll ul li p { position:absolute; top:230px; left:0px; width:380px; height:50px; line-height:50px; color:#FFF; font-size:14px; background: rgba(36,36,36,.5); text-align:center;} .news-scroll .news-control { position: absolute; bottom: 0px; left: 50%; margin-left: -10px;} .news-scroll .news-control span { display: inline-block; width: 10px; height: 10px; margin: 0 3px; cursor: pointer; overflow: hidden; border-radius: 10px; background: #000; opacity: .99; filter: alpha(opacity=25);} .news-scroll .news-control span.active { background: #fff; opacity: 1; filter: alpha(opacity=100);} .news-scroll .news-scroll-btn { position: absolute; top: 50%; width: 25px; height: 25px; margin-top: 25px; line-height: 25px; color: #fff; text-align: center; background: #000; opacity: 0; filter: alpha(opacity = 0); transition: all .5s;} .news-scroll .news-scroll-btn.btn-left { left: 0; background:url('../images/icon-aleft.png') no-repeat;background-size:100% 100%;} .news-scroll .news-scroll-btn.btn-right { right: 0; background:url('../images/icon-aright.png') no-repeat;background-size:100% 100%;} .news-scroll:hover .news-scroll-btn { opacity: 1; filter: alpha(opacity = 100);} .news-scroll:hover .news-scroll-btn:hover { opacity: 1; filter: alpha(opacity = 100);} .news-box .news-list { width: 380px; margin-left: 30px;} .news-box h3 { height: 36px; padding-top: 15px; margin: 0 0 10px; font-size: 21px; font-weight: 300; line-height: 28px; color: #666; text-align: left;} .news-box h3 .iconfont { margin-right: 5px; font-size: 30px; vertical-align: middle;} .news-box h3 img {left: 0; width:22px; margin-right:5px;display: inline-block;vertical-align: middle;} .news-box h3 .news-more { float: right; margin-top: 4px; font-size: 12px;} .news-box h3 .news-more i { font-family: simsun;} .news-box .news-scroll h3 .iconfont { color: #f96a81; font-size: 28px;} .news-box .news-list1 h3 .iconfont { color: #f89252;} .news-box .news-list2 h3 .iconfont { color: #72e3af;} .news-box .news-list1 ul { background: #feefe6;} .news-box .news-list2 ul { background: #C1FFFF;} .news-box .news-list ul { padding: 20px 20px 20px 35px; text-align: left;} .news-box .news-list ul li { height: 30px; font-size: 12px; line-height: 30px; list-style-type: disc; list-style-position: outside;} .news-box .news-list ul li a { float: right; width: 70%; margin-right: 5%; font-size: 13px; color: #161616; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .news-box .news-list ul li:hover a { color: #ff7300;} .news-box .news-list ul li span { float: right; width: 25%; font-size: 12px; color: #888; text-align: right;} /*=连锁申请=*/ .order_apply { clear:both; height: 600px;} .order{width:1200px;height:74px;float:left;margin-left:-600px;left:50%;position:relative;background:url("../images/order_bg.png") no-repeat;text-align:center;font-size:30px;line-height:74px;color:#fff;} .apply_form_wrap {width:100%; height:auto;float:left;} .apply_form {width:1198px;margin:0 auto;padding:20px 0;border:1px solid #d4d4d4;height:470px;} .apply_form .join{width:436px;height:auto;padding:20px 70px;overflow:hidden;float:left;} .apply_form .join .title {width:100%;height:auto;padding-top:10px;float:left;} .apply_form .join .title ol {width:10px;height:24px;margin-left:22px;background-color:#D4D4D4;float:left; margin-left:0;} .apply_form .join .title span {font-size: 18px;color: #9BA3B2;margin: 0 5px;line-height: 24px;float:left;} .apply_form .join .title p {color:#9BA3B2;font-size:12px;line-height:30px;float:left;} .apply_form .join .list{width:436px;height:auto;padding: 5px 0;float:left;border-top: 1px solid #bebebe;} .apply_form .join .list ul{overflow:hidden; zoom:1;} .apply_form .join .list li{float:left;height:80px; padding:10px 0;border-bottom: 1px dashed #cccccc;zoom:1; } .apply_form .join .list li .img{float:left;margin:0 15px;width:60px;height:auto;} .apply_form .join .list li .img img{width:60px;height:60px;} .apply_form .join .list li .img span{font-size:12px;width:60px;float:left;text-align:center;line-height:30px;} .apply_form .join .list li .txt{float:left;width:345px;height:auto;text-align:left;font-size:12px;line-height: 21px;} .apply_form .join .list li .txt .time { padding:10px 1px;} .apply_form .spaceline {width:1px;height:440px;background-color:#bebebe;margin-top:20px;float:left;} .apply_form .apply {width:480px;height:490px;padding:28px 0 0 70px;overflow:hidden;float:left;} .apply_form .apply p {height:33px;border-bottom:1px solid #bebebe;} .apply_form .apply p.title {font-size:18px;float:left;width:100%;} .apply_form .apply p.title span {font-size:18px;} .apply_form .apply p.title span.red {font-size:12px;color:#ff0000;margin-left:0;} .apply_form .apply p.title .required {font-size:12px;float:right;line-height:30px;} .apply_form .apply .form{margin-top:10px;width:480px; height:370px; float:left; overflow:hidden; margin-left:0px;} .apply_form .apply .form ul li.item{width:480px; height:36px; line-height:36px; margin:10px 0} .apply_form .apply .form ul li.item .msgli{width:60px; height:36px;font-size:14px; line-height:36px; text-align:right; float:left; color:#262626;} .apply_form .apply .form ul li.item .msgli .red{float:left; color:#f00;} .apply_form .apply .form ul li.item .msginp {float:left; overflow:hidden} .apply_form .apply .form ul li.item .msginp .intxt{border:1px solid #bebebe;padding-left:10px; height:32px; line-height:32px; border-radius:2px; width:190px;} .apply_form .apply .form ul li.item .msginp select{border:1px solid #bebebe;padding-left:10px; height:32px; line-height:32px; border-radius:2px;} .apply_form .apply .form ul li.item_1{width:480px; height:82px; line-height:100px;} .apply_form .apply .form ul li.item_1 .msgli{width:60px; height:82px;font-size:14px; line-height:36px; text-align:right; margin:0 auto; float:left; color:#262626;} .apply_form .apply .form ul li.item_1 .msgli .red{float:left; color:#f00;} .apply_form .apply .form ul li.item_1 .msginp select{float:left;height:32px;border:1px solid #bebebe;border-radius:2px;} .apply_form .apply .form .msgbtn{width:200px; height:37px; overflow:hidden;} .apply_form .apply .form .msgbtn .btn1{width:80px; height:35px; float:left;} .apply_form .apply .form .msgbtn .btn2{width:80px; height:35px; float:right;} .apply_form .apply .form .msgbtn .btn1 .submit{width:70px;height:30px;line-height:30px;font-size:14px;border-radius:2px;color:#fff;background-color: #5cb85c;border-color: #4cae4c;} .apply_form .apply .form .msgbtn .btn2 .reset{width:70px;height:30px;line-height:30px;font-size:14px;border-radius:2px;color:#fff;background-color: #d9534f;border-color: #d43f3a;} /*===========list6Box如加入精功的地图===========*/ .list6Box{height:618px;background:url(../images/6img1-1.png) 50% no-repeat;} .list6Box .left{position:absolute;left:0px;top:36px;z-index:2;} .list6Box .right{position:absolute;left:280px;top:90px;} /*===========list6Box2如加入精功的人才理念===========*/ .list6Box2{} .list6Box2 .title{padding-top:20px;color:#000;text-align:center;} .list6Box2 .title h2{font-size:32px;} .list6Box2 .title p{margin-bottom:10px;font-size:30px;} .list6Box2 .title .p-line{margin:auto;} .list6Box2 .txtlist{height:280px;} .list6Box2 .txtlist .left{position:absolute;left:0px;top:170px;} .list6Box2 .txtlist .right{} .list6Box2 .txtlist .right .li1{position:absolute;left:158px;top:180px;} .list6Box2 .txtlist .right .li2{position:absolute;left:158px;top:258px;} .list6Box2 .txtlist .right .li3{position:absolute;left:158px;top:332px;} .list6Box2 .txtlist .right .sort{width:21px;height:21px;line-height:21px;background-color:#ffad2b;border-radius:50%;color:#fff;font-size:15px;text-align:center;} .list6Box2 .txtlist .right .content{width:800px;position:absolute;left:40px;top:-5px;} .list6Box2 .txtlist .right .content h2{color:#000;font-size:20px;} .list6Box2 .txtlist .right .content p{color:#333;font-size:16px;} .list6Box2 .imglist{height:370px;} .list6Box2 .imglist .left{position:absolute;left:0px;top:0px;} .list6Box2 .imglist .right{padding-top:80px;-moz-user-select:none;} .list6Box2 .imglist .right .box{margin-left:76px;overflow:hidden;width:823px;_position:relative;} .list6Box2 .imglist .right .box .ul{overflow:hidden;width:9999px;} .list6Box2 .imglist .right .box .ul li{width:207px;float:left;} .list6Box2 .imglist .right .box div{width:202px;height:38px;line-height:38px;background-color:#eaeaea;position:relative;top:-6px;color:#333;font-size:16px;text-align:center;} .list6Box2 .imglist .right .next{display:block;width:40px;height:50px;background:url(../images/6img2-2-5.png) no-repeat;position:absolute;left:10px;top:180px;} .list6Box2 .imglist .right .prev{display:block;width:40px;height:50px;background:url(../images/6img2-2-6.png) no-repeat;position:absolute;right:10px;top:180px;} .list6Box2 .list{height:350px;} .list6Box2 .list .p-title{position:absolute;left:0px;top:0px;} .list6Box2 .list .left{position:absolute;left:0px;top:70px;} .list6Box2 .list .right{position:absolute;left:430px;top:65px;color:#333;font-size:17px;} .list6Box2 .list .right .p1{position:absolute;left:26px;top:4px;color:#000;font-size:20px;} .list6Box2 .list .right .p2{position:absolute;left:2px;top:180px;} .list6Box2 .list .right .p3{position:absolute;left:2px;top:220px;} /*===========list6Box3如加入精功的招聘===========*/ .list6Box3{} .list6Box3 .box1{height:577px;background:url(../Images/6img3-1.png) 50% no-repeat;} .list6Box3 .box2{padding-top:27px;/*height:700px;*/background-color:#f2f2f2; padding-bottom: 30px;} .list6Box3 .box2 .wrap{margin:auto;width:1164px;/*height:668px;*/background-color:#fff; padding-bottom: 30px;} .list6Box3 .box2 .p-title{padding-top:28px;} .list6Box3 .box2 .table{padding-top:20px;color:#333;font-size:18px;} .list6Box3 .box2 .table .title{margin-right:-10px;padding-left:42px;height:36px;line-height:41px;background-color:#d6f0ff;} .list6Box3 .box2 .table div{float:left;} .list6Box3 .box2 .table .title .p1{width:248px;} .list6Box3 .box2 .table .title .p2{width:244px;} .list6Box3 .box2 .table .title .p3{width:243px;} .list6Box3 .box2 .table .title .p4{width:206px;} .list6Box3 .box2 .table .content{margin-right:-10px;padding-left:42px;height:60px;line-height:60px;/*border-bottom:1px solid #d1d1d1;*/} .list6Box3 .box2 .table .content .item {float:left;line-height:60px;cursor: pointer;/*background-color:#ECECEC;*/} .list6Box3 .box2 .table .content .item:hover{border-radius: 3px;border-bottom: solid 1px #e5e9ef;border-bottom: solid 0px #e5e9ef;box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);color: #00a1d6;} .list6Box3 .box2 .table .content .item .p1{width:248px;} .list6Box3 .box2 .table .content .item .p2{width:244px;} .list6Box3 .box2 .table .content .item .p3{width:243px;} .list6Box3 .box2 .table .content .item .p4{width:206px;} .list6Box3 .box2 .table .content .show{ width:910px; padding:50px 10px 50px 20px;display:none;background-color:#F2F2F2;} .list6Box3 .box2 .table .content .show p{color: #999;font-size: 16px; line-height: 30px;} .list6Box3 .box3{height:325px;color:#333;font-size:17px;} .list6Box3 .box3 .top{} .list6Box3 .box3 .top .left{position:absolute;left:0px;top:62px;} .list6Box3 .box3 .top .right{width:640px;position:absolute;left:138px;top:64px;} .list6Box3 .box3 .center{} .list6Box3 .box3 .center .left{position:absolute;left:0px;top:154px;} .list6Box3 .box3 .center .right{position:absolute;left:138px;top:162px;} .list6Box3 .box3 .bottom{} .list6Box3 .box3 .bottom .left{position:absolute;left:0px;top:237px;} .list6Box3 .box3 .bottom .right{position:absolute;left:138px;top:242px;} .p-title { color: #000;} .p-title h2 {margin-bottom: 10px;font-size: 26px;} .p-title p {width: 36px;height: 3px;background-color: #ffad2b;} /*=========================================5-网站的独立模块。结束================================================= /*=网站底部=*/ .site-footer {width:100%;min-width:1210px;font-size:14px;line-height:1.5em;margin-top:15px;background:#373d41;position:relative;} .footer-related {width:100%;min-width:1210px;padding:30px 0 0px;background:#fff;} .site-footer .footer-related {padding:0;background:transparent;} .site-footer .footer-article {min-height:155px;height:auto;padding-bottom:15px;overflow:hidden;} .site-footer .footer-article {min-height:auto;padding:30px 0 20px;border-bottom:1px solid #4b5054;} .site-footer dl.col-article {float:left;width:160px;text-indent:50px;overflow:hidden;} .site-footer dl.col-article dt {margin-bottom:10px;font-size:16px;} .site-footer dl.col-article dd {width:160px;margin:0 0 6px;font-size:12px;text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden;} .site-footer dl.col-article dd a {color:#999;} .site-footer dl.col-article {width:233px;margin-right:40px;text-indent:0;} .site-footer dl.col-article dt {margin-bottom:15px;font-size:16px;font-weight:400;color:#d7d8d9;border-bottom: 1px solid #4B5054;height: 27px;} .site-footer dl.col-article dd {width:232px;margin:0;overflow:hidden;border-right:1px solid #4b5054;} .site-footer dl.col-article dd a {float:left;width:116px;margin:0 0 6px;font-size:12px;color:#9b9ea0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .site-footer dl.col-article-first {margin-left:0;} .site-footer dl.col-article.col-article-spe {width:260px;text-indent:0px;} .site-footer dl.col-article.col-article-spe dt.phone {width:auto;padding:0px 5px;font-family:arial;font-size:30px;font-weight:700;line-height:1.5em;margin:-8px 0px 5px;display:inline-block;border-bottom-width:1px;border-bottom-style:solid;} .site-footer dl.col-article.col-article-spe dd {width:260px;padding:0px 5px;} .site-footer dl.col-article.col-article-spe dd.email {height:30px;line-height:30px;font-size:18px;font-family:Arial;} .site-footer dl.col-article.col-article-spe dd.customer {height:34px;} .site-footer dl.col-article.col-article-spe dd.customer span {font-size:14px;vertical-align:middle;display:inline-block;} .site-footer dl.col-article.col-article-spe dd.customer a {display:inline-block;vertical-align:middle;margin-left:5px;} .site-footer dl.col-article.col-article-spe dd.customer a em {width:34px;height:34px;display:inline-block;} .site-footer dl.col-article.col-article-spe dd.customer a em.icon-yw {background-position:-34px -186px;} .site-footer dl.col-article.col-article-spe dd.customer a em.icon-ww {background-position:-72px -186px;} .site-footer dl.col-article.col-article-spe dd.customer a em.icon-qq {background-position:-110px -186px;} .site-footer dl.col-article.col-article-spe {width:195px;} .site-footer dl.col-article.col-article-spe dd {width:auto;border:0;} .site-footer dl.col-article.col-article-spe dd p {height: 36px; line-height: 36px;padding-top: 4px;margin-left: -6px;font: 20px/36px Arial;color: #9b9ea0;} .site-footer dl.col-article.col-article-spe dd p img {width:22px;margin-right:5px;display: inline-block;vertical-align: middle;} .site-footer dl.col-article.col-article-spe dd i {float:left;margin-right:10px;font-size:32px;} .site-footer dl.col-article.col-article-spe dd .icon-tel {color:#ff7300;} .site-footer dl.col-article.col-article-spe dd .icon-qq {color:#4dafea;margin-right: 5px; width: 20px;display: inline-block;vertical-align: middle; background:url('../images/qq.png') no-repeat;background-size:100% 100%;} .site-footer .col-code {float:left;width:120px;text-align:center;color:#9b9ea0;} .site-footer .col-code .code{position:relative;} .site-footer .col-code img {width:120px;height:120px;margin-bottom:5px;border-radius:2px;} .site-footer .col-code .code .footer-line {width:100%;height:0;border-bottom:2px solid #268cf4;position:absolute;top:0;left:0;background:rgba(38,140,244,0.2);-webkit-animation:move 5s linear infinite;-moz-animation:move 5s linear infinite;-ms-animation:move 5s linear infinite;-o-animation:move 5s linear infinite;animation:move 5s linear infinite;} .QR-code {width:122px;height:auto;margin-right:10px;} .QR-code img {width:auto;height:auto;max-width:122px;max-height:150px;} .QR-code .tabs {height:28px;margin-left:-1px;} .QR-code .tabs li {float:left;width:60px;height:25px;line-height:25px;font-size:14px;border:1px solid #eee;margin:0 -1px 0 0;text-align:center;background:#eee;cursor:pointer;} .QR-code .tabs li.current {background:#F7F7F7;border-bottom-color:#F7F7F7;} .QR-code .code-content {float:left;width:122px;height:122px;margin-top:5px;} .QR-code .code-content .code {width:100px;height:100px;padding:10px;border:1px #eee solid;} .QR-code .code-content .code img {width:100px;height:100px;} .site-footer .footer-info {padding:0;background:transparent;} .footer-info {width:100%;min-width:1210px;height:auto;padding:25px 0 15px;font-size:12px;background:#34495e;color:#cccccc;display:inline-block;position:relative;/*z-index:101;*/line-height:24px;} .footer-info .info-text {width:1210px;margin:0 auto;text-align:center;padding-bottom:10px;} .footer-info .info-text .nav-bottom {padding:20px 0 5px;font-size:12px;color:#ccc;text-align:center;} .footer-info .info-text .nav-bottom a {padding:0px 8px;color:#ccc;font-size:14px;color:#9b9ea0;} .footer-info .info-text p {margin:0;line-height:25px;} .footer-info .info-text p a {color:#ccc;} .footer-info .info-text p.company-info {margin-top:20px;} .footer-info .info-text p.company-info a {margin:0px 5px;} .footer-info .copyright {width:1210px;margin:0 auto;text-align:center;} .footer-info .copyright a {color:#999;} .footer-info .copyright a.copyright-logo {width:auto;height:22px;line-height:28px;display:inline-block;} .footer-info .copyright a.copyright-logo img {max-width:100%;max-height:100%;vertical-align:top;margin-right:10px;} .footer-info .info-text p,.footer-info .info-text p a {color:#9b9ea0;} .footer-info .info-text p em {padding:0 8px;color: #4B5054;} .footer-info .info-text .copyright {width:100%;padding-top:5px;} .footer-info,.footer-info a,.footer-info .info-text p a,.footer-info .info-text .nav-bottom a {color:#9b9ea0;} .footer-info a:hover,.footer-info .info-text p a:hover,.footer-info .info-text .nav-bottom a:hover {color:#ff7300 !important;} .footer-links {padding:10px 0;font-size:12px;line-height:24px;border-bottom:1px solid #4b5054;} .footer-links a {padding:0 5px;margin:0 10px;color:#73777a;} .site-footer .footer-related dl.col-article dd a:hover,.footer-links a:hover {color:#ff7300 !important;} .links-box .links-title span {border-bottom-color:/*main_color_start*/#E31939/*main_color_end*/;color:/*main_color_start*/#E31939/*main_color_end*/;} .links-box .links-content a:hover {color:/*main_color_start*/#E31939/*main_color_end*/;} .site-footer dl.col-article dd a:hover {color:/*main_color_start*/#E31939/*main_color_end*/;} .site-footer dl.col-article.col-article-spe dt.phone {border-bottom-color:/*main_color_start*/#E31939/*main_color_end*/;} .footer-info .info-text .nav-bottom a:hover {color:/*main_color_start*/#E31939/*main_color_end*/;} .footer-info .info-text p a:hover {color:/*main_color_start*/#E31939/*main_color_end*/;} /*=底部通栏=*/ .footer-banner {width:100%;height:100px;background:#323232;position:fixed;z-index:48;left:0;bottom:0;} .footer-banner-box {margin:0 auto;padding-top:15px;width:1100px;height:100%;box-sizing:border-box;text-align:center;font-size:0;position:relative;} .footer-banner-box p {margin-right:50px;display:inline-block;vertical-align:middle;font-size:18px;line-height:34px;color:#fff;text-align:left;} .footer-banner-box p span {margin:0 3px;font-size:24px;vertical-align:bottom;color:#ffcc01;} .footer-banner-box a {width:150px;height:48px;background:#ffea01;border-radius:25px;display:inline-block;vertical-align:middle;text-align:center;font-size:18px;line-height:48px;color:#a55d00;font-weight:bold;} .footer-banner-close {width:20px;height:20px;cursor:pointer;position:absolute;top:16px;right:60px;} .footer-banner-close img {display:block;width:100%;} /*=右侧悬浮=*/ .awords {width:40px;height:100%;background:#222;position:fixed;top:0;right:0;z-index:99999;padding-top:120px;box-sizing:border-box;text-align:center;transition:0.4s;} .awords.off {right:-40px;} .awords ul li {width:40px;height:40px;line-height:36px;position:relative;transition:0.2s;} .awords ul li a {height:100%;display:block;} .awords ul li a img {vertical-align:middle;} .awords ul li:hover {background:#268cf4;} .awords ul li.imqq {height:auto;} .awords ul li.imqq {margin-bottom:20px;padding:10px 0;line-height:1;} .awords ul li.imqq em {display:block;font-size:14px;line-height:18px;color:#fff;} .awords ul li.imqq img {line-height:1;margin-bottom:5px;} .awords ul li.download {margin-top:10px;height:auto;} .awords ul li.download span {padding:6px 0;display:block;font-size:12px;line-height:14px;color:#fff;background:#268cf4;letter-spacing:1px;} .awords ul li.redbag {margin-top:10px;padding:10px 0;height:auto;line-height:1;cursor:pointer;} .awords ul li.redbag img {width:25px;} .awords ul li.redbag:hover {background:none;} .awords ul li.redbag:hover img {-webkit-animation:redBag 1.3s linear 1;-moz-animation:redBag 1.3s linear 1;-ms-animation:redBag 1.3s linear 1;-o-animation:redBag 1.3s linear 1;animation:redBag 1.3s linear 1;} @-webkit-keyframes redBag {0% {width:25px;} 20% {width:35px;} 30% {width:25px;} 45% {width:32px;} 60% {width:25px;} 80% {width:30px;} 100% {width:25px;} } @-moz-keyframes redBag {0% {width:25px;} 20% {width:35px;} 30% {width:25px;} 45% {width:32px;} 60% {width:25px;} 80% {width:30px;} 100% {width:25px;} } @-ms-keyframes redBag {0% {width:25px;} 20% {width:35px;} 30% {width:25px;} 45% {width:32px;} 60% {width:25px;} 80% {width:30px;} 100% {width:25px;} } @-o-keyframes redBag {0% {width:25px;} 20% {width:35px;} 30% {width:25px;} 45% {width:32px;} 60% {width:25px;} 80% {width:30px;} 100% {width:25px;} } @keyframes redBag {0% {width:25px;} 20% {width:35px;} 30% {width:25px;} 45% {width:32px;} 60% {width:25px;} 80% {width:30px;} 100% {width:25px;} } .awords ul li:hover .awords-tip {opacity:1;right:55px;} .awords-tip {padding:12px 20px;background:#222;position:absolute;top:2px;right:-212px;transition:0.4s;z-index:-1;} .awords-tip:after {content:"";display:block;width:0;height:0;border-left:10px solid #222;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:12px;right:-10px;} .awords-tip p {font-size:14px;line-height:1;color:#fff;} .awords .phone .awords-tip {width:172px;} .awords-phone {display:inline-block;width:16px;height:18px;vertical-align:middle;background:url('../images/awords-phone1.png') no-repeat;background-size:100% 100%;-webkit-animation:switchImg 1s linear infinite;animation:switchImg 1s linear infinite;} @-webkit-keyframes switchImg {0% {background:url('../images/awords-phone1.png') no-repeat;background-size:100% 100%;} 25% {background:url('../images/awords-phone2.png') no-repeat;background-size:100% 100%;} 50% {background:url('../images/awords-phone3.png') no-repeat;background-size:100% 100%;} 75% {background:url('../images/awords-phone4.png') no-repeat;background-size:100% 100%;} 100% {background:url('../images/awords-phone1.png') no-repeat;background-size:100% 100%;} } @keyframes switchImg {0% {background:url('../images/awords-phone1.png') no-repeat;background-size:100% 100%;} 25% {background:url('../images/awords-phone2.png') no-repeat;background-size:100% 100%;} 50% {background:url('../images/awords-phone3.png') no-repeat;background-size:100% 100%;} 75% {background:url('../images/awords-phone4.png') no-repeat;background-size:100% 100%;} 100% {background:url('../images/awords-phone1.png') no-repeat;background-size:100% 100%;} } .awords .qrcode .awords-tip {top:-60px;width:122px;padding:12px;} .awords .qrcode .awords-tip:after {top:75px;} .awords .qrcode .awords-tip p {margin-top:8px;} .awords .service .awords-tip {width:95px;} .awords .developer .awords-tip {width:70px;} .awords .backtop .awords-tip {width:56px;} .awords .backtop {position:absolute;left:0;bottom:40px;} .awords-move {width:122px;height:122px;position:relative;} .awords-move img {display:block;width:100%;height:100%;} .awords-move .footer-line {width:100%;height:0;border-bottom:2px solid #268cf4;position:absolute;top:0;left:0;background:rgba(38,140,244,0.2);-webkit-animation:move 5s linear infinite;-moz-animation:move 5s linear infinite;-ms-animation:move 5s linear infinite;-o-animation:move 5s linear infinite;animation:move 5s linear infinite;} .awords-shrink {display:block;width:16px;height:115px;background:#222;position:absolute;top:120px;right:40px;cursor:pointer;border-top-left-radius:5px;border-bottom-left-radius:5px;line-height:115px;vertical-align:middle;text-align:center;} .awords-shrink img {display:inline-block;width:16px;height:16px;vertical-align:middle;} .awords.off .awords-shrink{background:#268CF4;} .awords.off .awords-shrink img {transform:rotate(180deg);} /*特效运动*/ @-webkit-keyframes move{ from {height: 0;} to {height: 108px;}} @-moz-keyframes move{ from {height: 0;} to {height: 108px;}} @-ms-keyframes move{ from {height: 0;} to {height: 108px;}} @-o-keyframes move{ from {height: 0;} to {height: 108px;}} @keyframes move{ from {height: 0;} to {height: 108px;}} .move-effect{ display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; transition: 0.4s !important; z-index: -1;} /***资讯频道***/ /*=资讯头部=*/ .article-header { border-bottom: 1px solid #ccc; margin-bottom: 20px;} .article-header .header { margin: 0; padding: 0; height: 96px; position: static!important;} .article-header .logo-info { width: 260px; height: 96px; } .article-header .header .logo-info a.logo { padding: 6px;} .article-header .article-nav { width: 625px; margin-top: 30px; } .article-header .article-nav li { float: left; height: 40px; line-height: 40px;} .article-header .article-nav li a { padding: 0 15px; font-size: 18px; color: #333;} .article-header .article-nav li a:hover, .article-header .article-nav li a.current { color: #e31939;} .article-header .article-search-box { padding-top: 25px; } .article-header .article-search { border: 1px solid #ccc; height: 38px; } .article-header .article-search .keywords { float: left; width: 270px; height: 38px; line-height: 38px; border: none; text-indent: 12px; color: #333; overflow: hidden; padding: 0;} .article-header .article-search .keywords:focus,.article-header .article-search .keywords:hover { box-shadow: none;} .article-header .article-search .search-btn { width: 38px; height: 38px; line-height: 36px; text-align: center; border: none; border-left: 1px solid #ccc; background: #fff; color: #ccc; cursor: pointer; padding: 0; background: url("../images/common-icon.png") no-repeat -358px -173px;} /*=电商页面样式=*/ .main-left { width: 860px; } .main-right { width: 330px; } /*=标题样式=*/ h2.article-title { height: 50px; line-height: 50px; font-size: 18px; padding-right: 10px; overflow: hidden; position: relative; font-weight: normal;} h2.article-title .title { color: #333; font-size: 18px;} h2 i.title-icon { display: inline-block; width: 5px; height: 23px; background: #ff5256; vertical-align: middle;} .article-title span { vertical-align: middle; padding-left: 15px; } /*=行业聚焦、品牌电商、电商营销、干货分享内容样式=*/ .industry { overflow: hidden; margin-bottom: 20px; position: relative; border: 1px solid #ddd;} .industry h2 { border-bottom: 1px solid #ddd; } .industry .industry-content { margin: 20px; } .industry .industry-content .industry-hot { overflow: hidden; margin-bottom: 20px; position: relative; } .industry .industry-content .industry-hot li { overflow: hidden; float: left; margin-left: 23px; width: 275px; height: 165px; position: relative;} .industry .industry-content .industry-hot li.first { margin: 0;} .industry .industry-content .industry-hot li a, .industry .industry-content .industry-hot li img { display: block; width: 100%; height: 100%;} .industry .industry-content .industry-hot li a, .industry .industry-content .industry-hot li img:hover{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);} .industry .industry-content .industry-hot p { width: 245px; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 16px; padding: 14px 15px 10px; background: -webkit-linear-gradient(bottom,rgba(45,45,45,.9),rgba(45,45,45,0)); background: linear-gradient(to top,rgba(45,45,45,.9),rgba(45,45,45,0)); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000'); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .industry .industry-content .industry-text { width: 275px; float: left; margin-left: 23px; overflow: hidden; } .industry .industry-content .industry-text.first { margin: 0;} .industry .industry-content .industry-text h3 { font-size: 18px; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 12px; position: relative; font-weight: normal;} .industry .industry-content .industry-text h3 .title { color: #333; overflow: hidden; height: 40px; line-height: 40px; display: block; } .industry .industry-content .industry-text ul { position: relative; height: 120px; } .industry .industry-content .industry-text li { height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .industry .industry-content .industry-text li a { font-size: 14px; color: #5e5e74; } .industry .industry-content .industry-text li a:hover { color: #6fc3f5; } .industry .industry-content .industry-text li .square-icon { display: inline-block; width: 3px; height: 3px; background: #379be9; margin-right: 13px; vertical-align: middle; } .industry .industry-content .industry-text .more { margin: 10px 0 0 15px; } .industry .industry-content .industry-text .more a { color: #a5a5a5; font-size: 14px; float: right; } .industry .industry-content .industry-text .more a:hover { color: #6fc3f5; } /*=行业聚焦、品牌电商、电商营销、干货分享内容样式 窄=*/ .industry .industry-content-small .industry-hot li { width: 260px; margin-left: 19px; } .industry .industry-content-small .industry-text { width: 260px; margin-left: 19px; } .industry .industry-content-small .industry-hot p { width: 230px; } /*=轮播图=*/ .scroll-box { float: left; position: relative; } .scroll-box .scroll-pic { width: 570px; height: 345px; position: relative; overflow: hidden;} .scroll-box .scroll-pic ul { position: relative; } .scroll-box .scroll-pic ul li { display: none; position: absolute; left: 0; top: 0;} .scroll-box .scroll-pic ul li a { display: block; width: 570px; height: 345px;} .scroll-box .scroll-pic ul li img { width: 570px; height: 345px;} .scroll-box .scroll-pic ul li .scroll-txt { position: absolute; /*bottom: 36px;*/ bottom: 1px; height: 50px;line-height: 50px; color: #FFF; font-size: 14px; background: rgba(36,36,36,.5); text-align: center; width: 570px;} .scroll-box .scroll-num { position: absolute; /*left: 50%; margin-left: -70px; bottom: 16px; */ right: 10px; bottom: 6px;} .scroll-box .scroll-num span { float: left; width: 14px; height: 14px; margin-right: 10px; background: #565960; border-radius: 100%; cursor: pointer; } .scroll-box .scroll-num .on { background: #fff; } .scroll-box .scroll-btn span { width: 24px; height: 62px; line-height: 62px; text-align: center; color: #fff; font-size: 18px; background: #000; background: rgba(0,0,0,0.4); position: absolute; top: 50%; margin-top: -31px; cursor: pointer; z-index: 3;} .scroll-box .scroll-btn span:hover { background: rgba(0,0,0,0.8); } .scroll-box .scroll-btn .btn-left { left: 0; } .scroll-box .scroll-btn .btn-right { right: 0; } /*=轮播图右侧广告图=*/ .pic-group { float: right; position: relative;} .pic-group .pic { width: 275px; height: 165px;} .pic-group .first { margin-bottom: 15px;} .pic-group .pic a, .pic-group .pic img { display: block; width: 275px; height: 165px; } /*=创业故事=*/ .industry-story { position: relative;} .story-top .story-pic { width: 200px; height: 120px; } .story-top .story-pic a{ display:block; width:200px; height:120px;} .story-top img { width: 200px; height: 120px; } .story-detail { width: 600px;} .story-top p { line-height: 25px; color: #999; } .story-top p.detail { height: 50px; overflow: hidden; font-size: 14px; } .story-top p.detail a { color: #999; } .story-top .story-detail h3 { font-size: 18px; font-weight: normal; margin-bottom: 20px; overflow: hidden; } .story-top .story-detail h3 a { display: block; width: 470px; overflow: hidden; height: 22px; line-height: 22px; color: #333; } .story-top .story-time { margin-top: 14px; line-height: 14px; overflow: hidden;} .story-top .story-time .address { color: #333; } .story-top .story-time .address a { color: #6fc3f5; } .story-list { margin-top: 20px; padding-top: 14px; border-top: 1px solid #ddd; overflow: hidden; position: relative;} .story-list ul { overflow: hidden; width: 100%; height: 224px; } .story-list ul li { float: left; width: 45%; margin-left: 100px; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .story-list ul li.left { margin: 0; margin-right: 5%;} .story-list ul li .icon { display: inline-block; width: 3px; height: 3px; margin-right: 7px; margin-bottom: 4px; background: #379be9; } .story-list ul li a { color: #666; font-size: 14px; } /*=推荐文章=*/ .main-right .industry.article { height: 345px;} .main-right .article-list { padding: 20px 0 10px 25px; margin: 0; position: relative;} .main-right .article-list li { height: 35px; position: relative; border-left: 1px solid #edf1f8; padding: 0 0 0 20px; *float: left; *width: 265px;} .main-right .article-list li .circle-icon { display: inline-block; width: 8px; height: 8px; position: absolute; background: #aebedd; border-radius: 5px; left: -4px; top: 0;} .main-right .article-list li a { font-size: 14px; color: #333; width: 265px; position: absolute; top: -7px; display: block; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .main-right .article-list li:last-child { border: none;} /*=人物专访=*/ .people { height: 472px; } .people .article-list { margin: 20px 0 0 10px; padding: 0; height: 385px;} .people .article-img { width: 75px; height: 75px; border-radius: 50%; overflow: hidden;} .people .article-img img { max-height: 75px; /*margin-left: -20px;*/} .people .article-list dl { height: 75px; margin-bottom: 25px; } .people .article-list .article-title { margin-right: 10px; font-weight: normal; overflow: hidden; } .people .article-list .article-title .grade-icon { display: inline-block; width: 20px; height: 22px; background-position: -123px -328px; } .people .article-list .article-title p { width: 220px; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .people .article-list .article-title .title a { font-size: 16px; color: #333; } .people .article-list .article-title .ip a { font-size: 14px; color: #999; } .people .article-list .article-title .detail a { font-size: 14px; color: #666; } /*=文章内容下的广告图=*/ .right-pic { position: relative;} .right-pic .pic { margin-top: 20px;} .right-pic .pic.first { margin-top: 0; } .right-pic .pic a, .right-pic .pic img { display: block; width: 330px; height: 230px; } /*=最新活动=*/ .activity-list { width: 590px;} .activity-list li { width: 275px; height: 165px; float: left; margin: 0 0 20px 20px; position: relative;} .activity-list li.bottom { margin-bottom: 0;} .activity-list li a, .activity-list li img { display: block; width: 275px; height: 165px;} .activity-list li p { width: 245px; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 16px; padding: 14px 15px 10px; background: -webkit-linear-gradient(bottom,rgba(45,45,45,.9),rgba(45,45,45,0)); background: linear-gradient(to top,rgba(45,45,45,.9),rgba(45,45,45,0)); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000'); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*=最新活动左侧大图=*/ .activity-list-large { width: 580px;} .activity-list-large li { margin: 0; } .activity-list-large li, .activity-list-large li a, .activity-list-large li img { width: 580px; height: 350px;} /*========== 频道页面样式 ===========*/ /*=特辑=*/ .industry { position: relative; } .industry .industry-tab { position: absolute; right: 6px; top: 0; } .industry .industry-tab li { float: left; padding: 16px 9px; } .industry .industry-tab li a { font-size: 16px; } img.catgory-ad1 { width: 311px; height: 276px; margin-top: 28px; } img.catgory-ad2 { width: 311px; height: 152px; margin-top: 35px; } /*=热门标签=*/ .catgroy-tab { width: 311px; height: 111px; background: #55adff; margin-top: 20px; padding-top: 8px; } .catgroy-tab h3 { margin: 10px 0 9px 25px; font-size: 14px; font-weight: bold; color: #fff; } .catgroy-tab ul { margin-left: 23px; } .catgroy-tab ul li { float: left; width: 77px; height: 24px; line-height: 24px; text-align: center; background: #a6edff; border-radius: 4px; margin-right: 13px; margin-bottom: 9px; } .catgroy-tab ul li a { color: #227bce; } /*=卖家服务=*/ .sale { width: 312px; height: 253px; margin-top: 32px; } .sale h2 { width: 290px; padding-left: 20px; border: 1px solid #ddd; border-bottom: none; } .sale .sale-content { float: left; width: 102px; height: 100px; text-align: center; border: 1px solid #eff2f9; } .sale .sale-icon { width: 43px; height: 45px; margin: 20px auto 10px; } .sale .sale-icon1 { background-position: -16px -5px; } .sale .sale-icon2 { background-position: -122px -9px; } .sale .sale-icon3 { background-position: -222px -5px; } .sale .sale-icon4 { background-position: -16px -78px; } .sale .sale-icon5 { background-position: -122px -85px; } .sale .sale-icon6 { background-position: -222px -75px; } /*=手册=*/ .manual { width: 312px; height: 288px; margin-top: 30px; } .manual-icon1 { display: inline-block; margin: 0 auto; float: left; width: 83px; height: 80px; background-position: -15px -160px!important; } .manual-icon2 { display: inline-block; margin: 0 auto; float: left; width: 83px; height: 80px; background-position: -15px -260px!important; } .manual-icon3 { display: inline-block; margin: 0 auto; float: left; width: 83px; height: 80px; background-position: -15px -360px!important; } .manual .manual-list { width: 313px; height: 88px; border: 1px solid #ddd; margin-top: 10px; } .manual .manual-list .manual-text { float: left; margin-top: 20px; } .manual .manual-list h3 { font-size: 16px; color: #333; font-weight: bold; } .manual .manual-list p { font-size: 14px; color: #999; } /***资讯列表***/ /*=文章分类=*/ .article-cat-box { width: 1210px; overflow: hidden; margin: 20px auto; border: #ddd 1px solid; } .article-cat-list li { width: 402px; float: left; border-right: 1px solid #ddd; border-top: 1px solid #ddd; margin-top: -1px;} .article-cat-list li.item-specil { width: 404px; border-right: none; } .article-cat-list li .content { height: 90px; padding-top: 20px; padding-left: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .article-cat-list li:hover .content { padding-left: 35px; } .article-cat-list .name { font-size: 18px; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .article-cat-list .name img{ width: 30px; height: 30px; vertical-align: middle; margin-top: -5px; display: inline-block;} .article-cat-list .name a { font-size: 18px; width: 198px; color: #333; display: inline-block;} .article-cat-list .name a:hover { color: #e31939; } .article-cat-list .extra a { color: #999; font-size: 14px; display: inline-block; margin-right: 5px; } .article-cat-list .extra a:hover { color: #e31939;} /*=页面当前位置=*/ .breadcrumb{ width: 100%; margin: 10px auto;} .breadcrumb .home{float: left; padding-top:4px;} .breadcrumb a{ color: #666; font-size: 14px;} .breadcrumb .index, .crumbs-nav,.crumbs-arrow, .breadcrumb .last{ float: left; line-height: 24px;} .crumbs-arrow{ font-family: simsun; font-style: normal; padding: 0 6px;} /*=文章列表=*/ .news-list { width: 860px; height: auto; background: #fcfcfc;} .news-list .news-item { overflow: hidden; border-bottom: 1px solid #eee; padding: 15px;} .news-list .news-item .news-pic { width: 260px; height: 150px; margin-right: 20px} .news-list .news-item .news-pic a{ width: 260px; height: 150px; display: inline-block; text-align: center;} .news-list .news-item .news-pic a.no-cat-image{ background: #eee url("../images/lazyload_image.png") no-repeat center center;} .news-list .news-item .news-pic img { display: block; max-width: 100%;} .news-list .news-item .news-info { width: 830px; } .news-list .news-item .news-info-pic{ width: 550px; } .news-list .news-item .news-info .news-title { margin-bottom: 15px; font-weight: normal;} .news-list .news-item .news-info .news-title a { display: block; width: 550px; height: 30px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-list .news-item .news-info .news-tip { margin-bottom: 15px;} .news-list .news-item .news-info .news-tip span { display: inline-block; padding-right: 35px; color: #999;} .news-list .news-item .news-info .news-tip i { display:inline-block; width: 14px; height: 14px; vertical-align:middle; background: url(../images/common-icon.png) no-repeat; margin-right: 5px;} .news-list .news-item .news-info .news-tip .time { background-position: -158px -203px; } .news-list .news-item .news-info .news-tip .num { background-position: -185px -203px; } .news-list .news-item .news-info .news-detail { height: 3.6em; line-height: 1.8em; color: #999; font-size: 14px; overflow: hidden; text-indent: 28px;} /*翻页*/ .page { padding: 20px 0; overflow: hidden;} .page-num .num {margin: 0 2px; position: relative; float: left; margin-left: -1px; width: 35px; border: solid 1px #eee; height: 35px; color: #666; text-align: center; line-height: 35px; cursor: pointer; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; font-size: 14px; border-radius: 3px; padding: 0 10px;} .page-num .prev, .page-num .next { width: 40px; font-size: 12px; border-radius: 3px; padding: 0 10px;} .page-num .prev i, .page-num .next i { display: inline-block;} .page-num .prev .icon, .page-num .next .icon { background: url(../images/common-icon.png) no-repeat; display: inline-block; width: 6px; height: 9px;} .page-num .prev .icon { background-position: -26px 0;} .page-num .next .icon { background-position: -74px 0;} .page-num .num a:hover { z-index: 1; color: #fff; background-color:#268CF4; border-width: 1px; border-style: solid; color:#268CF4; border-radius: 3px; padding: 0 10px;} .page-num .curr { z-index: 1; color: #fff; background-color:#268CF4; border-width: 1px; border-style: solid; cursor: default; border-radius: 3px; padding: 0 10px;} .page-num .curr a,.page-num .curr a:hover{ color: #fff; border-radius: 3px; padding: 0 10px;} .page-num .prev { margin: 0 2px; margin-left: 0; border-radius: 3px; padding: 0 10px;} .page-num .next { margin: 0 2px; border-radius: 3px; padding: 0 10px;} .page-num .disabled { color: #ccc;} .page-num a.prev:hover .icon { background-position: -42px 0;} .page-num a.next:hover .icon { background-position: -90px 0;} .page-num .prev.disabled .icon { background-position: -58px 0;} .page-num .next.disabled .icon { background-position: -106px 0;} .page-wrap .total { float: left; line-height: 37px; margin-left: 10px; color: #999;} .page-wrap .form .text { float: left; line-height: 37px; margin-left: 5px; color: #999;} .page-wrap .form .input { width: 35px; border: solid 1px #ededed; height: 21px; text-align: center; margin: 7px 0 0 5px;} /*=推荐文章=*/ .article-recommend .content { padding-top: 20px; margin-bottom: 20px; border-top: 1px solid #ddd;} .article-recommend .content.first { padding: 0; border: none;} .article-recommend .content .pic { display: block; margin-bottom: 15px; height: 175px; overflow: hidden; background-color: #eee; text-align: center;} .article-recommend .content .pic img { width: 100%;} .article-recommend .content h3 { margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;} .article-recommend .content h3 a { font-size: 16px; color: #333;} .article-recommend .content p { height: 40px; line-height:20px; overflow: hidden; font-size: 12px; text-indent: 24px;} .article-recommend .content p a { color: #999;} /*=联系我们=*/ .contact { margin-top: 18px; background: #fafafa; border: 1px solid #ddd; } .contact .contact-content { background: #fafafa; padding: 20px; } .contact .contact-code { margin-left: 28px;} .contact .contact-code.first { margin-left: 0;} .contact .contact-code .pic { width: 130px; height: 130px; background: #fff; } .contact .contact-code .pic img { margin: 0 auto; padding-top: 6px; } .contact .contact-code h3 { text-align: center; font-size: 14px; color: #333; margin-top: 10px; font-weight: normal;} .contact .contact-code p { width: 126px; overflow: hidden; white-space: nowrap; text-align: center; font-size: 14px; color: #999; margin-top: 4px; } /*=咨询=*/ .contact .contact-type { padding-top: 15px; overflow: hidden;} .contact .contact-type .icon { float:left; width: 36px; height: 36px; background:url(../images/article-icon.png) no-repeat;} .contact .contact-type.phone .icon { background-position: 0 0;} .contact .contact-type.email .icon { background-position: -36px 0;} .contact .contact-type p { padding-left: 45px; padding-top: 8px; font-size: 14px;} .contact .contact-type a { color: #333; } .contact .contact-type a:hover { text-decoration: underline; } /*=文章详情=*/ .article-content{ width: 100%; height: auto; overflow: hidden; border: 1px solid #ddd;} .article-content .article-right{ width: 820px; padding: 15px 20px;} .article-content .article-right .article-tit { text-align: center; padding: 10px 0px; line-height: 150%; border-bottom: 1px dotted #ddd;} .article-content .article-right .article-tit h3{ color: #333;line-height: 150%;font-family: PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-size: 24px;font-weight: 100;margin: 0 0 20px 0;} .article-content .article-right .article-tit p{ font-size: 12px; margin-top: 10px; color: #999; line-height: 150%;} .article-content .article-right .article-tit p span { padding-left: 15px;font-family: "Helvetica","Hiragino Sans GB","Microsoft Yahei",sans-serif; font-size: 14px;} .article-content .article-right .article-tit p span i.time { display: inline-block; width: 14px; height: 14px; margin-right: 5px; background: url("../images/common-icon.png") no-repeat -158px -203px; position: relative; top: 3px;} .article-content .article-right .article-tit p span i.num { display: inline-block; width: 14px; height: 14px; margin-right: 5px; background: url("../images/common-icon.png") no-repeat -185px -203px; position: relative; top: 3px;} .article-content .article-right .article-detail { width: 820px; padding: 15px 0px; line-height: 2em; color: #666; font-size: 16px;} .article-content .article-right .article-detail p{ text-indent: 2em; margin-bottom: 1.2em; word-wrap: break-word; word-break: normal; margin: 20px 0; font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;} .article-content .article-right .article-detail p img{max-width: 100%; height: auto;text-indent:0; text-align:center; border-radius:3px;} .article-content .article-right .article-bottom { border-top: 1px solid #eee; padding: 10px 0; line-height: 20px; color: #999; font-size: 14px;} .article-content .article-right .article-bottom div{ width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .article-content .article-right .article-bottom .article-bottom-left{ float: left;} .article-content .article-right .article-bottom .article-bottom-right{ float: right;} .article-content .article-right .article-bottom a{ margin: 0px 5px; color: #666;} .article-content .article-right .article-bottom a:hover{ color: #e31939;} /*=隐藏=*/ .main-left #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w { display: none !important;} #SOHUCS #SOHU_MAIN .module-cmt-float-bar { display: none !important;} /*=全站搜索=*/ .search-wrapper {position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);/*top:50%;屏蔽顶部导航动画*/top:15px;left:42%;} .search-wrapper.active {} .search-wrapper .input-holder {overflow:hidden;height:40px;background:rgba(255,255,255,0);border-radius:5px;position:relative;width:40px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .search-wrapper.active .input-holder {border-radius:5px;width:240px;/*background:rgba(0,0,0,0.5);*/-webkit-transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);} .search-wrapper .input-holder .search-input {/*width:100%;*/padding:0px 30px 0 20px;opacity:0;position:absolute;top:0px;left:0px;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;font-family:"Open Sans",Arial,Verdana;font-size:12px;font-weight:100;line-height:20px;color:#FFF;-webkit-transform:translate(0,60px);-moz-transform:translate(0,60px);transform:translate(0,60px);-webkit-transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);transition-delay:0s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;border: 1px solid #fff;border-radius: 5px;height: 30px;line-height: 30px;margin-bottom: 5px;} .search-wrapper.active .input-holder .search-input {opacity:1;-webkit-transform:translate(0,10px);-moz-transform:translate(0,10px);transform:translate(0,10px);} .search-wrapper .input-holder .search-icon {width:30px;height:30px;border:none;border-radius:5px;padding:2px;outline:none;position:relative;z-index:2;float:right;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:6px;margin-right: 6px;} .search-wrapper.active .input-holder .search-icon {width:30px;height:30px;border-radius:5px;} .search-wrapper .input-holder .search-icon span {width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);-moz-transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);} .search-wrapper.active .input-holder .search-icon span {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);} .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {position:absolute;content:'';} .search-wrapper .input-holder .search-icon span::before {width:3px;height:11px;left:9px;top:18px;border-radius:2px;background:#268CF4;} .search-wrapper .input-holder .search-icon span::after {width:14px;height:14px;left:0px;top:0px;border-radius:16px;border:3px solid #268CF4;} .search-wrapper .close {position:absolute;z-index:1;top:9px;right:20px;width:25px;height:25px;cursor:pointer;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);-moz-transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);transition-delay:0s;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s;} .search-wrapper.active .close {right:-30px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .6s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .6s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .6s cubic-bezier(0.000,0.105,0.035,1.570);-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;transition-delay:0.5s;} .search-wrapper .close::before,.search-wrapper .close::after {position:absolute;content:'';background:#FFF;border-radius:2px;margin-top: 8px;} .search-wrapper .close::before {width:5px;height:25px;left:5px;top:0px;} .search-wrapper .close::after {width:25px;height:5px;left:-5px;top:10px;} .search-wrapper .result-container {width:100%;position:absolute;top:80px;left:0px;text-align:center;font-family:"Open Sans",Arial,Verdana;font-size:14px;display:none;color:#B7B7B7;} /*Plugin CSS-liMarquee*/ .str_wrap { overflow:hidden; width:100%; font-size:12px; line-height:16px; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap;} .str_wrap.str_active {background:#f1f1f1; } .str_move { white-space:nowrap;position:absolute; top:0; left:0;cursor:move; } .str_move_clone {display:inline-block;vertical-align:top; position:absolute; left:100%;top:0; } .str_vertical .str_move_clone { left:0; top:100%;} .str_down .str_move_clone { left:0; bottom:100%;} .str_vertical .str_move,.str_down .str_move { white-space:normal; width:100%; } .str_static .str_move,.no_drag .str_move,.noStop .str_move{ cursor:inherit; } .str_wrap img { max-width:none !important; }