/*公共样式*/ *{margin:0;padding:0;} body{font-size:12px;font-family:\5FAE\8F6F\96C5\9ED1;} ul,li{ list-style-type: none;} input,select,button,textarea{font-size:12px;outline:none;font-family:\5FAE\8F6F\96C5\9ED1;} button{cursor: pointer;} .cur,a{cursor: pointer;} img{border:none;} table{ margin:auto;} a,a:link {color:#727272;text-decoration:none;} a:visited { } a:active,a:hover{text-decoration:underline;cursor: pointer; color:#FF6600;} a:focus {outline:none;} a:hover{ color:#FF6600;} .tRight{ text-align:right !important;} .tcenter{ text-align:center !important;} .tLeft{ text-align:left !important;} .right{ float:right !important;} .left{ float:left;} .b{ font-weight:bold;} .n{ font-weight:normal;} .yh{font-family:\5FAE\8F6F\96C5\9ED1;} .tRed{ color:red;} .tGreen{ color:green;} .tBlue{ color:#04AEDA;} .none{ display:none;} .c{ color:#CC3333 !important;} /*系统共用*/ body{color:#333; width:100%;} .conwidth{ width:1200px; margin:0 auto;} .mb15{ margin-bottom:15px !important;} .mb30{ margin-bottom:30px !important;} .mb50{ margin-bottom:50px !important;} .mb80{ margin-bottom:80px !important;} .mb70{ margin-bottom:70px !important;} .mb0{ margin-bottom:0px !important;} .mt0{ margin-top:0px !important;} .label a{ -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .clabel a{ -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .xlabel a{ -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .bdtj{ padding:0 10px; overflow:hidden;} .bdtj img{ margin-top:10px;} /******S 首页******/ /*百度商桥样式覆盖*/ #qiao-icon-wrap .qiao-icon-gradient{ background:none !important;} #qiao-icon-wrap .qiao-icon-user-group{ margin-left:28px !important;} #qiao-icon-wrap .qiao-icon-user{ margin-left:13px !important;} #qiao-icon-wrap .qiao-icon-body{ padding-bottom:15px !important;} #qiao-icon-wrap .qiao-icon-close{ background:url(../images/xf-close.png) no-repeat !important;} #qiao-icon-wrap .qiao-icon-close{ height:75px !important;} #qiao-icon-wrap .qiao-icon-min{ background:url(../images/xf-tc.png) no-repeat !important; width:34px !important; height:110px !important;} /*S 头部*/ /*顶部信息*/ .top{ height:34px; width:100%; background:#F5F5F5; border-bottom:1px solid #E7E7E7;} .top-info{ font-size:14px; line-height:34px; color:#666; position:relative;} .top-info .left{ font-size:12px;} .top-info .left div{ float:left;} .top-info .left .phnumber{ color:#CC3333; padding-left:20px;} .top-info .left .favorites{ padding-left:20px;} .top-info .left .favorites a{ padding-left:15px; background:url(../images/favorites-icon.png) no-repeat left center; color:#E6B540;} .top-info .right{ height:34px;} .top-info .right .help-center{ float:left;} .top-info .top-gg{ position:absolute; font-size:12px; width:154px; height:60px; background:url(../images/top-gg-bg.png) no-repeat; right:24px; top:25px; z-index:12; display:none;} .top-info .top-gg p{ padding:0 12px; line-height:20px; padding-top:15px;} .top-info .top-gg p span{ font-size:14px; font-weight:bold; padding:0 4px; color:#CC3333;} /*用户信息*/ .userinfo{ font-size:12px; position:relative; z-index:8; float:left;} .userinfo a{ display:block; width:78px; height:34px; line-height:34px; text-align:center; border-left:1px solid #EDEDED; border-right:1px solid #EDEDED; background:#EDEDED; transition:background .1s .2s ease-out; overflow:hidden;} .userinfo a span{ _float:left; _margin-left:8px;} .userinfo a img{ padding-left:5px; padding-bottom:3px;vertical-align:middle; _padding-bottom:0; _margin-top:14px; _margin-right:5px;} .userhover a{ background:#fff; border-color:#E7E7E7;} .userinfo ul{ display:none; position:absolute; background:#fff; border:1px solid #E7E7E7; border-top:none; width:100%; text-align:center; width:78px; left:0; padding-bottom:5px;} .userinfo ul a{ border:none;} /*请登录*/ .nologin{ float:left;} .nologin a{ color:#CC3333; font-size:12px;} /*弹窗登录*/ .tc-login{ position:fixed; z-index:13; width:100%; height:100%; display:none;} .tc-login .login{ right:0; left:50%; top:50%; margin-left:-210px; margin-top:-210px; width:420px; z-index:2;} .tc-login .login .login-title{ width:420px; background:#fff;} .tc-login .login .login-main{ width:350px; background:#fff; padding:0 35px;} .tc-login .login .login-main dl{ width:350px;} .tc-login .login .login-main dl dd{ width:350px;} .tc-login .login .login-main dl dd input{ width:328px;} .tc-login .login .login-bottom{ width:420px; background:#fff;} .tc-login .login .login-main dl dd .yzm-input{ width:130px;} .tc-login .login .login-close{ position:absolute; right:15px; top:15px; cursor:pointer;} .tc-login .login .login-close a{ display:block; width:15px; height:15px; background:url(../images/smalliconbat.png) no-repeat 0px -295px;} .tc-login .login .btn-login a{ background:url(../images/login-btn-big.png) no-repeat; width:350px;} .tc-login .login .btn-login a:hover{ background:url(../images/login-btn-hover-big.png) no-repeat;} .tc-login .bg{ position:absolute; z-index:1; width:100%; height:100%; background:url(../images/zz-d.png);} /*右侧悬浮 - 快速入口*/ .quick-entry{ height:220px; overflow:hidden; position:fixed; right:0px; top:50%; margin-top:-140px; z-index:11; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));} .quick-entry li{ width:50px; height:55px; position:relative; overflow:hidden;} .quick-entry li a span{ display:block; width:50px; height:54px; border-bottom:1px solid #FF5E47; background:#fff; color:#333; position:absolute; right:0; z-index:2;} .quick-entry li .entry-05 span{ background:url(../images/modericonbat.png) no-repeat -572px -128px #CC3333; border:none;} .quick-entry li .entry-02 span{ background:url(../images/modericonbat.png) no-repeat -394px -128px #CC3333;} .quick-entry li .entry-03 span{ background:url(../images/modericonbat.png) no-repeat -454px -128px #CC3333;} .quick-entry li .entry-04 span{ background:url(../images/modericonbat.png) no-repeat -514px -128px #CC3333;} .quick-entry li .entry-05:hover span{ background:url(../images/modericonbat.png) no-repeat -572px -128px #D53B26; border:none;} .quick-entry li .entry-02:hover span{ background:url(../images/modericonbat.png) no-repeat -394px -128px #D53B26;} .quick-entry li .entry-03:hover span{ background:url(../images/modericonbat.png) no-repeat -454px -128px #D53B26;} .quick-entry li .entry-04:hover span{ background:url(../images/modericonbat.png) no-repeat -514px -128px #D53B26;} .quick-entry li a p{ display:block; width:75px; height:54px; line-height:54px; color:#fff; text-align:right; background:#CC3333; font-size:14px; position:absolute; left:75px; z-index:1;} .quick-entry li a:hover p{ background:#D53B26; text-decoration:none;} .quick-entry2{ height:55px; overflow:hidden; position:fixed; right:0px; bottom:10px; z-index:11; _position:absolute;_top:expression(eval(document.documentElement.clientHeight-10));} .quick-entry2 li{ width:50px; height:55px; position:relative;} .quick-entry2 li a span{ display:block; width:50px; height:54px; border-bottom:1px solid #FF5E47; background:#fff; color:#333;position:absolute; right:0; z-index:2;} .quick-entry2 li .entry-06 span{ background:url(../images/modericonbat.png) no-repeat -632px -128px #CC3333; border:none;} .quick-entry2 li .entry-06:hover span{ background:url(../images/modericonbat.png) no-repeat -632px -128px #D53B26;} .quick-entry2 li a p{ display:block; width:75px; height:54px; line-height:54px; color:#fff; text-align:right; background:#CC3333; font-size:14px; position:absolute; left:75px; z-index:1;} .quick-entry2 li a:hover p{ background:#D53B26; text-decoration:none;} /*帮助信息*/ .help-center a{ height:15px; line-height:15px; float:left; border-right:1px solid #CCCCCC; font-size:12px; margin-top:9px; padding:0 10px;} /*头部主体*/ .header{ width:100%; height:120px; overflow:hidden;} .header-content{ position:relative;} .logo{ position:absolute; top:26px; left:0;} .search{ width:495px; height:40px; position:absolute; left:380px; top:30px;} .search .input-text{ font-size:14px; padding:8px 17px; border:2px solid #CC3333;font-family:\5FAE\8F6F\96C5\9ED1;outline:none; width:388px; color:#333; border-right:none; float:left; height:20px; line-height:20px;} .search a{ display:block; width:70px; height:40px; background:#CC3333; border-radius:0px 2px 2px 0px; float:left; color:#fff; text-align:center; line-height:40px; font-size:14px;} .search a:hover{ text-decoration:none; color:#fff; background:#990000;} .searchalt{ position:absolute; width:495px; height:30px; line-height:30px; left:380px; top:70px;} .searchalt a{ color:#666; margin-right:20px;} .searchalt a:hover{ color:#CC3333;} .searchalt .hot{ color:#CC3333;} input::-webkit-input-placeholder {color:#C0C0C0;} input:-moz-placeholder {color:#C0C0C0;} .code{ position:absolute; right:0px; width:145px; text-align:center; top:10px;} .code img{ width:80px;} .code p{ padding-top:6px;} /*E 头部*/ /*菜单*/ .menu{ width:100%; height:40px; background:#CC3333;} .zw-menu{ display:none; height:40px; width:100%;} #nav{ height:40px; line-height:40px; float:left;} #nav li {float:left; position:relative;display:inline;font-size:14px;} #nav li a{ padding:0px 30px; display:block;color:#fff;text-decoration:none; float:left;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} #nav .hot a{ background:url(../images/hot-icon.gif) no-repeat 88px 10px;} #nav .hot a:hover{ background:url(../images/hot-icon.gif) no-repeat 88px 10px #990000;} #nav li a:hover{ color:#fff; background:#990000;} #nav li ul { display:none;position:absolute;left:0px;top:32px; width:130px; z-index:7;} #nav li ul li{float:left;display:inline; border-top:1px solid #7D9D4A; width:156px; height:34px;background:#223601; padding-right:0px;} #nav li ul a{float:left;display:block;text-align:left;text-decoration:none;width:130px; font-weight:normal; padding:2px 13px;line-height:30px; font-size:14px; background:none; color:#fff !important;} #nav li ul a:hover {color:#fff !important; background:#4B6F0F;} #nav li:hover ul {display:block;} #nav li.sfhover ul {left:0px;display:block;} .menufix{ position:fixed; top:0; _position:absolute; z-index:11;} .menufixie{ _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));} /*菜单 - 小屏幕*/ .smallwidth #nav li a{ padding:0 23px;} .smallwidth #nav .hot a{ background:url(../images/hot-icon.gif) no-repeat 80px 10px;} .smallwidth #nav .hot a:hover{ background:url(../images/hot-icon.gif) no-repeat 80px 10px #FC624E;} /*购物车*/ .shopcart{ width:145px; height:40px; float:right; position:relative; z-index:8;} .shopbtn{ width:100px; height:40px; line-height:40px; font-size:12px; color:#fff; padding-left:45px; cursor:pointer; position:absolute; right:0; overflow:hidden; background:url(../images/shopcar-icon.jpg) no-repeat left top;} .shopbtn-hover{background:url(../images/shopcar-icon.jpg) no-repeat left bottom;} .shopbtn span{ color:#FFAEA3; font-weight:bold; padding:0 3px;} .shoplist{ width:268px; background:#FFFFFF; position:absolute; right:0; top:40px; display:none; border:1px solid #D6D6D6; border-top:none;} .info-shop{ height:30px; background:#ECECEC; line-height:30px; text-align:right; padding-right:15px;} .btn-shop{ height:35px; background:#ECECEC; line-height:35px; text-align:right; padding-right:15px;} .btn-shop a{ display:block; width:70px; height:25px; float:right; background:#990000; border-radius:3px; text-align:center; line-height:25px; color:#fff; margin-left:10px;} .btn-shop a:hover{ text-decoration:none; background:#AD2E1C; color:#fff;} .info-shop div{ text-align:right; overflow:hidden; float:right; padding-left:15px;} .info-shop span{ color:#C53B25; font-weight:bold; padding:0 3px;} .shoplist dl{ padding:15px; height:52px; border-bottom:1px solid #ECECEC; float:left; width:240px;} .shoplist dl dt{ width:62px; height:52px; float:left;} .shoplist dl dt img{ width:58px; height:48px; background:#fff; padding:1px; border:1px solid #DFDFDF;} .shoplist dl dd{ height:52px; width:168px; float:right; line-height:2em;} .shoplist dl dd p{ float:left; width:100%;} .shoplist dl dd p .number{ color:#333; padding-left:5px; font-weight:bold;} .shoplist dl dd p .btn-del{ float:right;} .shoplist dl dd p .btn-del a{ color:#0C77D2;} .shoplist dl dd p .price{ font-weight:bold; color:#C53B25;} .shoplist .alt{ height:40px; margin:0 20px; padding:30px 0; overflow:hidden; background:url(../images/modericonbat.png) no-repeat -743px -51px;} .shoplist .alt p{ font-size:14px; color:#bbb; font-size:16px; line-height:24px; padding-left:80px;} .joincarts-container{ position:fixed; width:100%; height:100%; display:none; z-index:13;} .joincarts-bg{ position:fixed; width:100%; height:100%; background:url(../images/zz-d.png);} .joincarts{ width:600px; height:390px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-195px; z-index:13; background:url(../images/join-car-ts-bg.jpg) no-repeat;} .joincarts .joincarts-inner{ overflow:hidden; width:600px; height:390px; position:relative;} .joincarts .joincarts-inner .close-car{ position:absolute; right:20px; top:20px; cursor:pointer;} .joincarts .joincarts-inner .close-car a{ display:block; width:20px; height:20px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -139px;} .joincarts .joincarts-btn{ display:block; width:334px; height:45px; overflow:hidden; margin:0 auto; margin-top:300px;} .joincarts .joincarts-btn a{ display:block; width:158px; height:43px; text-align:center; line-height:43px; float:left; font-size:14px; border-radius:5px; font-weight:bold;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .joincarts .joincarts-btn .btn-jc-go{ float:left; color:#f4523b; background:#F4F4F4; border:1px solid #DFDFDF;} .joincarts .joincarts-btn .btn-jc-js{ float:right; background:#f4523b; color:#fff; border:1px solid #E74830;} .joincarts .joincarts-btn .btn-jc-go:hover{ background:#EDEDED;} .joincarts .joincarts-btn .btn-jc-js:hover{ background:#E54331;} .joincarts .joincarts-btn a:hover{ text-decoration:none;} .shoplist-cont{ overflow:hidden;} .shoplist-maxcont{ overflow-y:auto !important; height:331px;} .shoplist-maxcont .btn-del{ display:inline; margin-right:5px;} /*banner*/ .banner-container{ width:100%; overflow:hidden; background:#E85400; transition:background .3s 0s ease;} .banner{ position:relative; overflow:hidden;} .banner-img{position:relative; height:400px;} .banner-img li{ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;} .banner-img li a{ overflow:hidden; display:block; width:100%;} .banner-circle{position:absolute;left:50%;bottom:15px;height:10px;text-align:center;} .banner-circle li{margin:3px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1; float:left; } .banner-circle li a{display:block;width:40px;height:5px;background:#fff; overflow:hidden;} .banner-circle .selected a{ background:#C63B26;} .banner-img{ width:100%;} .banner-img li img{ width:100%; height:auto;} /*主页区域1*/ .index-1{ width: 100%; height: 600px; background: url(../images/index1bg.png) no-repeat center bottom #2579B9;} .index-1 .index1alt{ font-size: 18px; color: #fff; text-align: center; padding-top: 60px; padding-bottom: 10px;} .index-1 .index1title{ font-size: 36px; color: #fff; line-height: 50px; text-align: center; font-weight: bold; } .index-1 .index1link{ overflow: hidden; padding-top: 35px; } .index-1 .index1link a{ display: block; width: 180px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center; font-size: 18px; color: #fff; border-radius: 5px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; border:2px solid #fff;} .index-1 .index1link a:hover{ background: #fff; text-decoration: none; color: #990000;} .index-1 .videolink{width:314px;height:185px;margin:77px auto 0;overflow: hidden;} .index-1 .videolink a{ display: block; width:310px;height:185px;background:url(../images/index-v.png) no-repeat;-moz-transition:all .4s .1s ease; -ms-transition:all .4s .1s ease; -o-transition:all .4s .1s ease; -webkit-transition:all .4s .1s ease; transition:all .4s .1s ease;} .index-1 .videolink a:hover{background:url(../images/index-v-h.png) no-repeat;} .index-1 .index1btn{ width: 254px; height:54px; overflow:hidden; margin: 0 auto; margin-top: 30px;} .index-1 .index1btn a{ display: block; width: 250px; height: 50px; border-radius: 5px; border:2px solid #FFFFFF; text-align: center; line-height: 50px; font-size: 24px; color: #fff;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .index-1 .index1btn a:hover{ background: #fff; color: #2579B9; text-decoration: none; } /*视频显示*/ .vs{display:none;position:fixed;z-index:20;top:0;} .div-zz{width:100%;height:100%;background:rgba(0,0,0,0.8);position:absolute;z-index:16;} .vs video{display:block;width:50%;height:50%;position:absolute;z-index:17;border:1px solid red;} .p-cls{width:58px;height:58px;display:block;position:absolute;z-index:18;top:40px;right:40px;background:url(../images/v.png) no-repeat;} .p-cls:hover{background:url(../images/v.png) no-repeat;background-position:0px -68px;cursor:pointer;} /*主页区域通用*/ .index-c .conwidth{ position:relative; height: 580px;} .indextext-cont{ position: absolute; } .indextext-cont .title{ font-size: 36px; color: #374051; padding-bottom: 30px; } .indextext-cont .alt{ font-size: 18px; color: #a1aab6; line-height: 36px; } .indextext-cont .alt span{ color: #333; } .indextext-cont .btn { padding-top: 40px; } .indextext-cont .btn a{ display: block; width: 110px; height:40px; text-align: center; line-height: 40px; background: #CC3333; font-size: 14px; color: #fff; border-radius: 3px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .indextext-cont .btn a:hover{ text-decoration: none; color: #fff; background: #990000;} /*主页区域2*/ .index-2{ width: 100%; height: 580px; background: #fff;} .index-2-img{ position: absolute; left: 0; top: 50%; margin-top: -170px; } .index-2-text{ right: 0; width: 500px; padding-right: 50px; top:140px;} .smallwidth .index-2-text{ width: 350px; padding-right: 0; } /*主页区域3*/ .index-3{ width: 100%; height: 580px; background: #F6F6F6;} .index-3-text{ left: 0; width: 540px; top:140px;} .index-3-show{width: 547px; height: 468px; position: absolute; bottom: 73px; right: 0px; background: url(../images/index3-img2.png) no-repeat; } .index-3-show-inner{width: 547px; height: 468px; position: relative;} .i3showleft{z-index:2;position: absolute; left: 47px; top: 131px;width: 116px; height: 264px; overflow: hidden; background: #ccc;} .i3showleft li{ width: 116px; height: 264px; float: left;} .i3showleft img{ width: 100%;} .i3leftinner{ width: 100%; height: 100%; position: relative; } .i3leftinner ul{ position: absolute; left: 0; } .smallwidth .index-3-text{width:420px;} .i3showleft2{ z-index:1;position: absolute; left: 5px; top: 67px;width: 158px; height: 255px; overflow: hidden; background: #ccc;} .i3showleft2 li{ width: 158px; height: 255px; float: left;} .i3showleft2 img{ width: 100%;} .i3showleft2 .i3leftinner2{ width: 100%; height: 100%; position: relative; } .i3showleft2 .i3leftinner2 ul{ position: absolute; left: 0; } .i3leftinner2-zz{position:absolute;left:0;background:url(../images/i3showleft2-zz.png) no-repeat;width:100%;height:100%;z-index:2;} .i3showright{ z-index:2;position: absolute; right: 49px; top: 131px;width: 116px; height: 264px; overflow: hidden; background: #ccc;} .i3showright img{ width: 100%;} .i3showright li{ width: 116px; height: 264px; float: left; } .i3rightinner{ width: 100%; height: 100%; position: relative; } .i3rightinner ul{ position: absolute; left: 0; } .i3showright2{ z-index:1;position: absolute; right: 8px; top: 67px;width: 158px; height: 255px; overflow: hidden; background: #ccc;} .i3showright2 img{ width: 100%; } .i3showright2 li{ width: 158px; height: 255px; float: left; } .i3showright2 .i3rightinner2{ width: 100%; height: 100%; position: relative; } .i3showright2 .i3rightinner2 ul{ position: absolute; left: 0; } .i3rightinner2-zz{position:absolute;left:0;background:url(../images/i3rightinner2-zz.png) no-repeat;width:100%;height:100%;z-index:2;} .i3showmaincon{ z-index: 2;position: absolute; width: 547px; height: 468px;background:url(../images/index3-img.png) no-repeat;} .i3showmain{ position: absolute; width: 196px; height: 347px; left: 175px; top: 61px; overflow: hidden; background: #ccc; } .i3showmain li{ width: 196px; height: 347px; float: left; } .i3showmain img{ width: 100%; } .i3showmaininner{ width: 100%; height: 100%; position: relative; } .i3showmaininner ul{ position: absolute; left: 0; } .i3showmaininner li .i3ii{ position: relative;height:100%; } .i3showmaininner li .ewmcon{ width: 115px; height: 135px; position: absolute; left: 45px;overflow:hidden; bottom: 10px;background:#fff;} .i3showmaininner li .ewmcon img{ width: 100px; height: 100px; border: 8px solid #fff; border-bottom:0;} .i3showmaininner li .ewmcon p{ width: 115px;font-size: 14px; color: #333; font-weight: bold; text-align: center; line-height: 30px;} /*主页区域4*/ .index-4{ width: 100%; height: 580px; background: #FFF;} .index-4-img{ position: absolute; left: 0; top: 50%; margin-top: -220px; } .index-4-text{ right: 0; width: 500px; padding-right: 50px; top:140px;} .smallwidth .index-4-text{ width: 320px; padding-right: 0; } /*主页区域5*/ .index-5{ padding:75px 0; background:#F6F6F6; overflow:hidden;} .index5-t{ font-size: 33px; color: #000; text-align: center; padding-bottom: 30px;} .index5-title{ font-size:24px; color:#CC3333; text-align:center; margin-bottom:70px;} .teacher-slide{ height:180px; width:100%; margin-bottom:25px;} .index5-alt{ font-size:24px; color:#cc3333; text-align:center;} .index5-link{width:190px; height:55px; margin:0 auto;} .index5-link a{ display:block; width:190px; height:55px; margin:0 auto; text-align:center; line-height:55px; font-size:18px; font-weight: bold; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; color:#fff; background: #CC3333;} .index5-link a:hover{ text-decoration:none; background: #990000;} .logoshow{ height:100px; overflow:hidden; margin-bottom:60px; position:relative;} .logoshow img{ float:left; width:100%;} .logoshow li{ width:100%; float:left;} .logoshow .tmd70{ position:absolute; width:100%; height:50%; background:url(../images/index3-options.png); z-index:6; bottom:0;} /*主页区域3 小屏幕*/ .smallwidth .index-slide-inner ul{ margin-left:-20px;} .smallwidth .index-slide-inner li{ margin-left:20px; width:478px;} .smallwidth .index-slide-inner li dl{ margin:35px 10px; overflow:hidden;} .smallwidth .index-slide-inner li dl dt{ width:100px; height:100px; border:100px; border:5px solid #E8E8E8; margin-right:15px;} .smallwidth .index-slide-inner li dl dt img{ width:100px; height:100px;} .smallwidth .index-slide-inner li dl dd .title{ padding:0;} .smallwidth .logoshow{ height:80px;} /*底部*/ .content-5{ width:100%; overflow:hidden; background:#fff; padding-bottom:50px;border-top:1px solid #E8E8E8;} .foot-menu{ margin-top:50px;} .foot-menu ul{ width:150px; float:left; margin-right:55px; padding-right:25px; border-right:1px solid #E9E9E9;} .foot-menu ul p{ font-size:16px; margin-bottom:15px;} .foot-menu ul li{ font-size:12px; line-height:30px; float:left; margin-right:25px;} .foot-menu .wb-icon{ background:none; padding-left:0;} .foot-menu .wb-icon img{ margin-right:10px; float:left; margin-top:5px;} .ContactUs{ float:left;} .ContactUs .title{ font-size:16px; margin-bottom:15px;} .ContactUs .phnumber{ font-size:24px; color:#333333; line-height:40px;} .ContactUs .address{color:#737373;} .ContactUs a{ display:block; width:80px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:14px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:10px; padding-left:20px; background:#CC3333 url(../images/lxwm-icon.png) no-repeat 8px center; float:left;} .ContactUs a:hover{ background:#990000 url(../images/lxwm-icon.png) no-repeat 8px center; color:#fff; text-decoration:none;} .gslogo{ float:right;} .gslogo a{ text-decoration:none; color:#999;} /*通知区域*/ .index-news{ height:40px; background:#fff; width:100%; border-bottom:1px solid #F3F3F3;} .index-news .regnews{ float:left; width:50%; display:inline; background:url(../images/index-news-icon.jpg) no-repeat left; height:40px; padding-left:30px;} .index-news .regnews li{ line-height:40px;} .index-news .regnews li .bl{ color:#146de3; padding:0 3px;} .index-news .regnews li .br{ color:#CC3333; padding:0 3px;} .index-news .ournews{ float:right; line-height:40px; color:#F45441;} .index-news .ournews span{ color:#333;} .index-news .ournews a{ color:#F45441;} /*底部*/ .footer{ width:100%; height:40px; background:#343434; color:#BFBFBF;} .foot{ line-height:40px;} .foot a{ color:#BFBFBF;} .foot a:hover{ color:#BFBFBF;} .foot .bqsy{ padding-left:30px;} /*悬浮区域 - 新*/ .xf-contntr{ width:38px; height:180px; position:fixed; right:10px; top:50%; margin-top:-90px; background:url(../images/xfr-icon.png) no-repeat; z-index:14;} .xf-info{ width:38px; height:138px; cursor:pointer; float:left; margin-bottom:3px;} .xf-info a{ display:block; width:38px; height:100px; background:#CC3333; float:left; margin-top:39px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; text-decoration:none;} .xf-info a:hover{ background:#990000; text-decoration:none; color:#fff;} .xf-info span{ display:block; width:14px; color:#fff; font-size:14px; line-height:15px; margin:0 auto; margin-top:10px;} .xf-gotop{ width:38px; height:38px; float:left; display:none;} .xf-gotop a{ display:block; width:38px; height:38px; background:#E5E5E5;overflow:hidden;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .xf-gotop a img{ margin-top:8px;} .xf-gotop a i{ display:block; width:16px; height:23px; background:url(../images/xfr-i.png) no-repeat; margin:0 auto; margin-top:8px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .xf-gotop a:hover{ background:#CC3333;} .xf-gotop a:hover i{ background:url(../images/xfr-i-b.png) no-repeat;} .xf-tc{ position:fixed; width:500px; height:450px; border:3px solid #FF6767; background:#fff; z-index:13; right:70px; top:50%; margin-top:-365px; overflow:hidden; display:none;} .xf-tc .title{ font-size:14px; font-weight:bold; padding-top:5px;} .xf-tc-inner{ width:500px; height:450px; position:relative; overflow:hidden;} .xf-tc-close{ position:absolute; right:10px; top:10px; width:19px; height:19px; background:url(../images/close-icon.jpg) no-repeat; cursor:pointer;} .xf-tc-gg{ margin:8px 20px; overflow:hidden; border-bottom:1px dotted #C9C9C9;} .xf-tc-gglist{ padding:10px 0;} .xf-tc-gglist p{ color:#ff0000; padding-bottom:10px;} .xf-tc-gglist li{ background:url(../images/xx-i.jpg) no-repeat left center; line-height:20px; height:20px; padding-left:10px;} .xf-tc-gglist li a{ color:#0B77D2;} .xf-tc-news{ margin:0 20px;} .xf-tc-news li{ height:24px; line-height:24px;} .xf-tc-news li a{ color:#333;} .xf-tc-news li a:hover{ color:#ff6600;} .xf-tc-input{ margin:0 20px;} .xf-tc-input .inputcont{ height:30px; margin-top:10px;} .xf-tc-input .inputcont input{ width:350px; height:28px; line-height:28px\0; padding:0 10px; border:1px solid #ccc; border-radius:3px; float:left;} .xf-tc-input .inputcont a{ display:block; width:75px; height:28px; line-height:28px; border:1px solid #ccc; border-radius:3px; background:#F4F4F4; text-align:center; float:right; color:#333; text-decoration:none;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .xf-tc-input .inputcont a:hover{ background:#FEFEFE; color:#333; text-decoration:none;} .xf-tc-btn{ margin:0 20px; margin-top:10px;} .xf-tc-btn a{ display:block; width:95px; height:25px; height:28px; line-height:28px; border:1px solid #ccc; border-radius:3px; background:#F4F4F4; margin-top:10px; color:#333; text-decoration:none;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .xf-tc-btn a i{ display:block; width:20px; height:20px; float:left; margin-top:4px; margin-left:10px; margin-right:4px; background:url(../images/cc-icon.png) no-repeat 0 -1630px;} .xf-tc-btn a:hover{ background:#FEFEFE; color:#333; text-decoration:none;} .xf-tc-foot{height:40px; position:absolute; bottom:0; padding-left:20px; border-top:1px solid #ccc; width:480px; line-height:40px;} .xf-tc-foot span{ margin-right:20px;} .xf-tc-foot span a{ color:#0B77D2;} /******E 首页******/ /******S 内页******/ /*通用*/ .container{ background:#F4F4F4; overflow:hidden;} .crumb-clip{ color:#666; font-size:14px; line-height:45px; border-bottom:1px solid #E5E5E5; margin-bottom:25px; padding-top:15px;} .bz-title{ width:100%; height:35px; border-bottom:1px solid #E5E5E5; margin-bottom:20px;} .bz-title span{ font-size:18px; font-weight:bold; border-bottom:4px solid #CC3333; height:31px; line-height:31px; display:block; float:left;} /*分页*/ .page-all{ width:100%; float:left;} .page{ height:30px; overflow:hidden; position:relative; margin-top:40px;} .page-cont{ height:30px; position:absolute; left:50%;} .page-cont a{ display:block; width:28px; height:28px; text-align:center; line-height:28px; float:left; background:#fff; border:1px solid #DDDDDD; margin-right:5px; border-radius:3px;} .page-cont a:hover{ background:#CC3333; color:#fff; text-decoration:none; border-color:#EB472E;} .page-cont .pageclick{ background:#CC3333; color:#fff; text-decoration:none; border-color:#EB472E;} .page-cont .page-pre{ background:url(../images/smalliconbat.png) no-repeat -5px -316px;} .page-cont .page-pre:hover{ background:url(../images/smalliconbat.png) no-repeat -5px -316px; border:1px solid #DDDDDD;} .page-cont .page-next{ background:url(../images/smalliconbat.png) no-repeat -37px -316px;} .page-cont .page-next:hover{ background:url(../images/smalliconbat.png) no-repeat -37px -316px; border:1px solid #DDDDDD;} .morepage{ display:block; width:30px; height:30px; text-align:center; line-height:28px; float:left; background:#fff; margin-right:5px; border-radius:3px;} /*分享*/ .stencil-info-js-content .share{ float:left;} .share{ height:30px; line-height:30px;} .share .stitle{ float:left; line-height:32px;} .share a{ display:block; height:16px; height:16px; margin-top:7px; float:left; margin-right:5px;} /*模版列表*/ .stencil-list-top{ background:#F4F4F4; overflow:hidden;} .filter-cont{ padding-bottom:22px; overflow:hidden; width:100%;} .filter-title{ font-size:14px; color:#333; float:left; height:20px; line-height:20px; overflow:hidden;} .filter-color{ width:1156px; float:right; overflow:hidden;} .filter-color li{ float:left; width:96px; height:22px; position:relative;} .filter-color li a{ display:block; width:100%; height:100%; position:absolute; z-index:2;} .filter-color li span{ display:block; width:100%; height:14px; position:absolute; top:3px; z-index:1; overflow:hidden;} .filter-color li a:hover{ background:url(../images/smalliconbat.png) no-repeat 40px -223px;} .filter-color .filter-color-click{ background:#fff;} .filter-color .filter-color-click a{border:1px solid #D3D3D3; width:94px; height:20px; border-radius:3px; background:url(../images/smalliconbat.png) no-repeat 40px -223px;} .filter-color .filter-color-click span{ border:1px solid #BBBBBB; width:88px; left:3px; height:14px; overflow:hidden;} .smallwidth .filter-color li a:hover{ background:url(../images/smalliconbat.png) no-repeat 30px -223px;} .smallwidth .filter-color .filter-color-click a{border:1px solid #D3D3D3; width:94px; height:20px; border-radius:3px; background:url(../images/smalliconbat.png) no-repeat 30px -223px;} .filter-color .color1{ background:url(../images/filter-color-1.png) no-repeat;} .filter-color .color2{ background:#CD0400;} .filter-color .color3{ background:#F38F00;} .filter-color .color4{ background:#F1E000;} .filter-color .color5{ background:#5DC800;} .filter-color .color6{ background:#4A98EB;} .filter-color .color7{ background:#6E3ADB;} .filter-color .color8{ background:#D22DD0;} .filter-color .color9{ background:#8B541B;} .filter-color .color10{ background:#000000;} .filter-color .color11{ background:#989898;} .filter-color .color12{ background:#FFFFFF;} .filter-color .filter-color-click .color1{ border-color:#d3d3d3 !important;} .filter-color .filter-color-click .color2{ border-color:#AD0300 !important;} .filter-color .filter-color-click .color3{ border-color:#CD7900 !important;} .filter-color .filter-color-click .color4{ border-color:#CCBD00 !important;} .filter-color .filter-color-click .color5{ border-color:#4EA900 !important;} .filter-color .filter-color-click .color6{ border-color:#3D80C7 !important;} .filter-color .filter-color-click .color7{ border-color:#5D2EB9 !important;} .filter-color .filter-color-click .color8{ border-color:#B224B0 !important;} .filter-color .filter-color-click .color9{ border-color:#754616 !important;} .filter-color .filter-color-click .color10{ border-color:#000000 !important;} .filter-color .filter-color-click .color11{ border-color:#808080 !important;} .filter-color .filter-color-click .color12{ border-color:#D8D8D8 !important;} .filter-inner{ float:left; overflow:hidden;} .filter-inner li{ float:left; line-height:20px; margin-right:20px; margin-left:10px; display:inline;} .filter-inner li a{ font-size:14px; color:#888;} .filter-inner li a:hover{ text-decoration:none; color:#f4523b;} /*更多模版*/ .more-stencil{ width:100%; height:35px; background:#F1F1F1; overflow:hidden; border-bottom:1px solid #E5E5E5;} .more-stencil a span{ display:block; width:50px; height:35px; margin:0 auto; padding-right:10px; background:url(../images/smalliconbat-jpg.png) no-repeat 50px -353px; line-height:35px;} .more-stencil a:hover{ text-decoration:none; color:#222;} .more-stencil-click a span{ background:url(../images/smalliconbat-jpg.png) no-repeat 50px -378px;} .other{ display:none;} /*模版列表*/ .stencil-list-container{ padding:45px 0; background:#F4F4F4; overflow:hidden; padding-top:20px;} .stencil-list{ width:1200px; float:left;} .stencil-list ul{ float:left; margin-left:-40px; margin-top:-40px;} .stencil-list li{ width:270px; height:330px; float:left; display:inline; margin-left:40px; margin-top:40px; background:#FFFFFF; position:relative;} .stencil-img{ width:270px; height:210px; position:relative;} .stencil-img img{ position:absolute; z-index:1;} .stencil-vip{ position:absolute; width:83px; height:83px; position:absolute; z-index:3; right:0; bottom:0; background:url(../images/modericonbat.png) no-repeat -79px 0;} .stencil-list li .stencil-pc-img-new{ background:url(../images/stencil-list-pc-imgbg-new.png) no-repeat;} .stencil-list li .stencil-pc-img-new img{ width:205px; height:125px; margin-left:32px; margin-top:34px;} .stencil-list li .stencil-pc-img{ background:url(../images/stencil-list-pc-imgbg.png) no-repeat;} .stencil-list li .stencil-pc-img img{ width:205px; height:125px; margin-left:32px; margin-top:34px;} .stencil-list li .stencil-ph-img{ background:url(../images/stencil-list-ph-imgbg.png) no-repeat;} .stencil-list li .stencil-ph-img img{ width:170px; height:155px; margin-left:49px; margin-top:55px;} .stencil-list-info .name{ text-align:center; padding-top:20px; padding-bottom:10px;} .stencil-list-info .name a{ font-size:14px; color:#333; text-align:center;} .stencil-list-info .name a:hover{ color:#CC3333; text-decoration:none;} .stencil-list-info .clabel{ text-align:center; height:20px; overflow:hidden; width:220px; margin:0 auto; margin-bottom:12px; white-space:nowrap; line-height:20px;} .stencil-list-info .clabel a{ background:#2BC27C; color:#fff; padding:0px 5px; margin:0 5px; white-space:nowrap; margin-bottom:10px; float:left;} .stencil-list-info .clabel a:hover{ text-decoration:none;} .stencil-list-info .label{ text-align:center; height:20px; overflow:hidden; width:220px; margin:0 auto; margin-bottom:12px; white-space:nowrap; line-height:20px;} .stencil-list-info .label a{ background:#2BC27C; color:#fff; padding:0px 5px; margin:0 5px; white-space:nowrap; margin-bottom:10px; float:left;} .stencil-list-info .label a:hover{ text-decoration:none;} .stencil-list-info .clabel .label1{ background:#29C27C;} .stencil-list-info .clabel .label2{ background:#57ADD9;} .stencil-list-info .clabel .label3{ background:#EE8A8A;} .stencil-list-info .clabel .label1:hover{ background:#21B471;} .stencil-list-info .clabel .label2:hover{ background:#489DC9;} .stencil-list-info .clabel .label3:hover{ background:#D87474;} .stencil-list-info .info{ width:240px; margin:0 auto;} .stencil-list-info .info .price{ float:left; font-size:14px;} .stencil-list-info .info .price .p{ color:#FF0000; font-weight:bold;} .stencil-list-info .info .price .f{ padding-left:10px; color:#FF0000; font-weight:bold;} .stencil-list-info .info .price .s{ color:#333; text-decoration:line-through;} .stencil-list-info .info .number{ float:right; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -485px; padding-left:20px; color:#71CD9C;} .stencil-list li .stencilc-01{ background-color:#F99090;} .stencil-list li .stencilc-02{ background-color:#83B6EA;} .stencil-list li .stencilc-03{ background-color:#53CC6C;} .stencil-list li .stencilc-04{ background-color:#E97753;} .stencil-list li .stencilc-05{ background-color:#53CC6C;} .stencil-list li .stencilc-06{ background-color:#E97753;} .stencil-list li .stencilc-07{ background-color:#F99090;} .stencil-list li .stencilc-08{ background-color:#83B6EA;} .stencil-list li .stencilc-09{ background-color:#F99090;} .stencil-list li .stencilc-10{ background-color:#83B6EA;} .stencil-list li .stencilc-11{ background-color:#53CC6C;} .stencil-list li .stencilc-12{ background-color:#E97753;} .stencil-list li .yy{ width:285px; height:345px; background:url(../images/stencil-hover.png) no-repeat; position:absolute; left:-7px; top:-7px; z-index:1; display:none;} .stencil-list li .con{ position:absolute; z-index:2;} /*模版列表推荐按钮*/ .options{ margin-top:80px; float:left;} .options img{ margin-top:20px; width:100%;} .stencil-options{ overflow:hidden; margin-bottom:50px; float:left;} .stencil-options img{ margin-bottom:20px; width:100%;} /*模版详情页*/ .stencil-info-top{ padding-top:5px; position:relative; height: 105px;} .stencil-info-top .share{ position:absolute; top:0; right:0;} .stencil-info-top-left{ float:left;} .stencil-info-top-right{ position:absolute; bottom:0; right:0;} .stencil-info-top-right a{ display:block; width:135px; height:40px; float:left; color:#fff;} .stencil-info-top-right a:hover{ color:#fff; text-decoration:none;} .stencil-info-top-right .btn-lookdemo{ background:#3EB7FD; margin-right:10px;} .stencil-info-top-right .btn-joinshop{ background:#CC3333;} .stencil-info-top-right a .icon{ display:block; width:40px; height:40px; float:left;} .stencil-info-top-right a .text{ display:block; width:95px; height:40px; float:left; text-align:center; line-height:40px; font-size:14px;} .stencil-info-top-right .btn-lookdemo .icon{ background:url(../images/modericonbat.png) no-repeat -433px 0px #249DE2; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .stencil-info-top-right .btn-joinshop .icon{ background:url(../images/modericonbat.png) no-repeat -654px 0px #E04129; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .stencil-info-top-right .btn-lookdemo:hover .icon{ background:url(../images/modericonbat.png) no-repeat -433px -40px #249DE2;background-color:#0F81C1;} .stencil-info-top-right .btn-joinshop:hover .icon{ background:url(../images/modericonbat.png) no-repeat -654px -40px #E04129; background-color:#CB2E1A;} .stencil-info-top-left{ width:920px; overflow:hidden;} .stencil-info-top-left .xlabel{ font-size:14px; color:#999; height:20px; margin-top:15px;} .stencil-info-top-left .xlabel span{ float:left; line-height:20px;} .stencil-info-top-left .xlabel a{ font-size:12px; color:#fff;} .stencil-info-top-left .xlabel a{ background:#2BC27C; color:#fff; padding:0px 5px; margin-right:5px; white-space:nowrap; height:20px; line-height:20px; display:block; float:left;} .stencil-info-top-left .xlabel a:hover{ text-decoration:none;} .stencil-info-top-left .title{ height:25px; width:920px; overflow:hidden; padding-bottom:5px;} .stencil-info-top-left .title .name{ font-size:24px; float:left; margin-bottom:15px; line-height:24px; margin-right:30px;} .stencil-info-top-left .title .alt{ padding-left:30px; float:left; height:25px; line-height:25px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -526px;} .stencil-info-top-left .title .alt a{ color:#0D75D2;} .stencil-info-top-left .price{ font-size:14px; color:#999999; padding-top:15px;} .stencil-info-top-left .price span{ font-size:18px; font-weight:bold; color:#f4523b;} .fw-info{ width:100%; overflow:hidden;} .fw-info .name{ float:left; font-size:14px; color:#999999; padding-top:15px; display:block;} .fw-info ul{ float:left; margin-left:-15px;} .fw-info li{ font-size:12px; color:#FF7F02; float:left; height:15px; line-height:15px; display:inline; margin-left:15px;padding-top:17px;} .fw-info li img{ float:left; margin-right:3px;} .stencil-info-main{ width:100%; height:600px; overflow:hidden; position:relative; margin-top:60px; padding-bottom:20px;} .stencil-info-imgshow{ width:796px; height:600px; overflow:hidden; background:url(../images/stencil-info-showbg.png) no-repeat; left:50%; margin-left:-398px; position:absolute;} .cutover-btn .prevBtn{ display:block; width:31px; height:57px; overflow:hidden; position:absolute; cursor:pointer; left:0; top:40%; margin-top:-28px; background:url(../images/modericonbat.png) no-repeat -71px -262px;} .cutover-btn .nextBtn{ display:block; width:31px; height:57px; overflow:hidden; position:absolute; cursor:pointer; background:url(../images/modericonbat.png) no-repeat -104px -262px; right:0; top:40%; margin-top:-28px;} .curtover{ width:750px; height:450px; overflow:hidden; position:relative; margin-top:22px; margin-left:24px;} .stencil-x-img{ width:750px; height:450px; overflow:hidden; position:absolute; left:0;} .stencil-x-img li{ width:750px; height:450px; overflow-y:auto; overflow-x:hidden; float:left;} .stencil-x-img li img{ width:750px; height:auto;} .stencil-info-imgshow-ph{ overflow: hidden;} .stencil-info-imgshow-ph .inner{ width: 455px; height: 540px; margin: 0 auto;} .stencil-info-imgshow-ph .inner .phone-img{ float: left; width: 265px; height: 540px; background:url(../images/phone-bg.png) no-repeat;} .stencil-info-imgshow-ph .inner .phone-img .inner{ width: 225px; height: 385px; overflow: hidden; margin-top: 85px;} .stencil-info-imgshow-ph .inner .phone-img img{ width: 225px;} .stencil-info-imgshow-ph .inner .ewm{ float: right; margin-top: 60px; } .stencil-info-imgshow-ph .inner .ewm img{ width:150px; height: 150px; border:7px solid #E8E8E8; } .stencil-info-imgshow-ph .inner .ewm p{ font-size: 14px; text-align: center; line-height: 2; } /*模版详情页 - 推荐*/ .stencil-package{ margin-bottom:20px;} .stencil-package-cont{ width:100%; height:210px; overflow:hidden;} .stencil-package-now{ width:160px; height:210px; overflow:hidden; float:left;} .stencil-package-now .imgshow{ width:160px; height:125px; background:url(../images/stencil-info-tj-imgbg.png) no-repeat #E97753;} .stencil-package-now .imgshow img{ width:122px; height:75px; margin-top:20px; margin-left:19px;} .stencil-package-now .imgshow-phone{ background:url(../images/stencil-info-tj-phone01.png) no-repeat #E97753; } .stencil-package-now .imgshow-phone img{ width: 101px; height: 92px; margin-left: 29px; margin-top: 33px;} .stencil-package-now .name{ width:160px; height:30px; text-align:center; line-height:30px;} .stencil-package-now .name a{ font-size:14px; color:#333;} .stencil-package-now .name a:hover{ text-decoration:none; color:#CC3333;} .stencil-package-fh{ width:50px; height:125px; background:url(../images/modericonbat.png) no-repeat -950px -195px; float:left;} .stencil-package-tj{ width:790px; height:210px; float:left; overflow-y:hidden; overflow-x:auto; position:relative;} .stencil-package-tj ul{ position:absolute; left:0;} .stencil-package-tj li{ width:160px; height:210px; float:left; padding-right:50px; background:url(../images/stencil-info-tj-fh.png) no-repeat right top;} .stencil-package-tj li .stencil-package-tj-show{ width:160px; height:125px;} .stencil-package-tj li .stencil-package-tj-show img{ margin-top:24px; margin-left:21px; width:119px; height:74px;} .stencil-package-tj li .tjcj{ background:url(../images/stencil-tj-showbg-cj.png) no-repeat;} .stencil-package-tj li .tjcj-phone{ background:url(../images/stencil-info-tj-phone.png) no-repeat #CBBF8E;} .stencil-package-tj li .tjcj-phone img{ width: 81px; height: 83px; margin-left: 38px; margin-top: 42px; } .stencil-package-tj li .tjmb{ background:url(../images/stencil-tj-showbg-mb.png) no-repeat;} .stencil-package-tj li .tjmb-phone{ background:url(../images/stencil-info-tj-phone02.png) no-repeat #83B6EA;} .stencil-package-tj li .tjmb-phone img{ width: 101px; height: 92px; margin-left: 29px; margin-top: 33px; } .stencil-package-tj li .name{ width:160px; height:30px; text-align:center; line-height:30px;} .stencil-package-tj li .name a{ font-size:14px; color:#333;} .stencil-package-tj li .name a:hover{ text-decoration:none; color:#CC3333;} .stencil-package-tj li .price{ width:160px; height:15px; overflow:hidden;} .stencil-package-tj li .price input{ float:left; margin-right:10px; *margin-top:-3px;} .stencil-package-tj li .price .p{ float:left; font-size:14px; font-weight:bold; color:#FF0000; line-height:15px; margin-right:10px;} .stencil-package-tj li .price .s{ text-decoration:line-through; color:#333;} .stencil-package-tj li .price .f{ font-size:14px; font-weight:bold; color:#FF0000; line-height:15px;} .stencil-tj-zjfh{ width:70px; height:125px; float:left; background:url(../images/modericonbat.png) no-repeat -880px -195px;} .stencil-tj-price{ width:120px; float:right;} .stencil-tj-price .cj-number{ font-size:12px; color:#666666; line-height:2em; margin-top:10px;} .stencil-tj-price .mb-number{ font-size:12px; color:#666666; line-height:2em;} .stencil-tj-price .price{ font-size:12px; color:#666666; line-height:2em;} .stencil-tj-price .price span{ font-weight:bold; color:#FF0000;} .stencil-tj-price .btn-allshop{ display:block; width:100px; height:35px; background:#CC3333; font-size:14px; color:#fff; text-align:center; line-height:35px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:20px;} .stencil-tj-price .btn-allshop:hover{ color:#fff; text-decoration:none; background:#E3402E;} /*相关案例*/ .aboutcase{ overflow:hidden; background:#F4F4F4; padding-bottom:70px;} /*插件列表*/ .plug-title{ width:100%; height:35px; line-height:35px; margin-bottom:25px;} .plug-title .right{ font-size:12px; color:#f4523b; padding-left:20px; height:16px; line-height:16px; margin-top:12px;} .plug-title .right a{ color:#0C77D2; margin-left:10px;} .plug-title .left a{ display:block; width:110px; height:35px; float:left; margin-right:10px;} .plug-title .left span a{ display:inline; line-height:35px; width:auto; font-size:14px; color:#0C77D2; margin-left:10px; } .plug-title .left .plug-gift-btn{ background:url(../images/plug-gift-btn.png) no-repeat;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .plug-title .left .plug-paid-btn{ background:url(../images/plug-paid-btn.png) no-repeat;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .plug-title .left .plug-gift-btn-click{ background:url(../images/plug-gift-btn-click.png) no-repeat !important;} .plug-title .left .plug-paid-btn-click{ background:url(../images/plug-paid-btn-click.png) no-repeat !important;} .plug-title .left .plug-gift-btn:hover{ background:url(../images/plug-gift-btn-hover.png) no-repeat;} .plug-title .left .plug-paid-btn:hover{ background:url(../images/plug-paid-btn-hover.png) no-repeat;} .plug-title .x2{ display:inline; margin-left:20px;} .plug-title .x2 a{ color:#0C77D2;} .plug-gift-list { width:100%; overflow:hidden; margin-bottom:40px;} .plug-gift-list .gift-plug{ height:210px; overflow:hidden; padding:10px; background:#fff; margin-bottom:30px;} .gift-plug .gift-plug-show{ width:270px; height:210px; float:left; background:url(../images/plug-list-showbig.png) no-repeat #CBBF8E; margin-right:30px;} .gift-plug .gift-plug-show img{ width:192px; height:121px; margin-left:41px; margin-top:42px;} .gift-plug .gift-plug-info{ padding-right:10px;} .gift-plug .gift-plug-info .name{ font-size:24px; line-height:48px; height:48px; overflow:hidden; padding-bottom:10px;} .gift-plug .gift-plug-info .alt{ color:#666666; font-size:12px; line-height:24px; height:100px;} .gift-plug .gift-plug-info .price{ height:26px; line-height:26px;} .gift-plug .gift-plug-info .price .p{ font-size:14px; font-weight:bold; color:#FF0000; padding-right:15px;} .gift-plug .gift-plug-info .price .s{ color:#333; text-decoration:line-through;} .gift-plug .gift-plug-info .price .f{ font-size:24px; color:#FF0000; font-weight:bold;} /*插件列表 - 付费插件*/ .plug-paid-list{ width:1200px; float:left; margin-bottom:70px;} .plug-paid-list ul{ float:left; margin-left:-40px; margin-top:-40px;} .plug-paid-list li{ width:270px; height:350px; float:left; display:inline; margin-left:40px; margin-top:40px; background:#FFFFFF; position:relative;} .plug-paid-show{ width:270px; height:210px; float:left; background:url(../images/plug-list-showbig.png) no-repeat #CBBF8E; margin-right:30px;} .plug-paid-show-new{ background:url(../images/plug-list-showbig-new.png) no-repeat #CBBF8E;} .plug-paid-show img{ width:192px; height:121px; margin-left:41px; margin-top:42px;} .plug-paid-show-phone{ background:url(../images/plug-list-phone.png) no-repeat #CBBF8E; } .plug-paid-show-phone img{ width: 134px; height: 138px; margin-left: 66px; margin-top: 72px; } .plug-paid-show-phone-new{ background:url(../images/plug-list-phone-new.png) no-repeat #CBBF8E; } .plug-paid-show-phone-new img{ width: 134px; height: 138px; margin-left: 66px; margin-top: 72px; } .plug-list-info .name{ text-align:center; line-height:55px; width:100%; font-size:14px; color:#333;} .plug-list-info .name a{ font-size:14px; color:#333; text-align:center;} .plug-list-info .name a:hover{ color:#CC3333; text-decoration:none;} .plug-list-info .alt{ width:240px; margin:0 auto; color:#ac919e; line-height:20px; height:40px; margin-top:-5px; overflow:hidden; font-size:12px; margin-bottom:20px;} .plug-list-info .info{ width:240px; margin:0 auto; overflow:hidden;} .plug-list-info .info .price{ float:left; font-size:14px;} .plug-list-info .info .price .p{ color:#FF0000; font-weight:bold;} .plug-list-info .info .price .f{ padding-left:10px; color:#FF0000; font-weight:bold;} .plug-list-info .info .price .s{ color:#333; text-decoration:line-through;} .plug-list-info .info .number{ float:right; padding-left:20px; color:#71CD9C; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -485px;} .plug-list-info .info .building{ font-size:12px; color:#ff5151;} .plug-list-info .lxkf{ margin-bottom:41px; margin-top:-4px;} .plug-list-info .info .building a{ color:#0078ff; margin-left:5px;} .plug-paid-list .yy{ width:285px; height:365px; background:url(../images/plug-hover.png) no-repeat; position:absolute; left:-7px; top:-7px; z-index:1; display:none;} .plug-paid-list .con{ position:absolute; z-index:2; width:270px;} /*插件详情*/ .plug-topinfo{ height:340px; overflow:hidden; margin-bottom:30px;} .plug-topinfo .imgshow{ width:400px; height:310px; overflow:hidden; background:url(../images/plug-info-imgshow.png) center no-repeat #fff; padding:14px; border:1px solid #E8E8E8; float:left; margin-right:45px;} .plug-topinfo .imgshow img{ width:285px; height:180px; margin-top:65px; margin-left:60px;} .plug-topinfo .xlabel{ font-size:14px; color:#999; height:20px;} .plug-topinfo .xlabel a{ font-size:12px; color:#fff;} .plug-topinfo .xlabel a{ background:#2BC27C; color:#fff; padding:0px 5px; margin-right:5px; white-space:nowrap; height:20px; line-height:20px; display:block; height:20px; line-height:20px; float:left;} .plug-topinfo .xlabel a:hover{ text-decoration:none;} .plug-topinfo .btn a{ display:block; width:135px; height:40px; float:left; color:#fff;} .plug-topinfo .btn a:hover{ color:#fff; text-decoration:none;} .plug-topinfo .btn .btn-lookdemo{ background:#3EB7FD; margin-right:10px;} .plug-topinfo .btn .btn-joinshop{ background:#CC3333;} .plug-topinfo .btn a .icon{ display:block; width:40px; height:40px; float:left;} .plug-topinfo .btn a .text{ display:block; width:95px; height:40px; float:left; text-align:center; line-height:40px; font-size:14px;} .plug-topinfo .btn .btn-lookdemo .icon{ background:url(../images/modericonbat.png) no-repeat -433px 0px #249DE2; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .plug-topinfo .btn .btn-joinshop .icon{ background:url(../images/modericonbat.png) no-repeat -654px 0px #E04129; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .plug-topinfo .btn .btn-lookdemo:hover .icon{ background:url(../images/modericonbat.png) no-repeat -433px -40px #249DE2;background-color:#0F81C1;} .plug-topinfo .btn .btn-joinshop:hover .icon{ background:url(../images/modericonbat.png) no-repeat -654px -40px #E04129; background-color:#CB2E1A;} /*插件详情-手机*/ .plug-topinfo .imgshow-phone{ background:url(../images/plug-info-phone.png) no-repeat center #fff;} .plug-topinfo .imgshow-phone img{ width: 205px; height: 205px; margin-left: 98px; margin-top: 106px;} .btn-lookdemo { position: relative; } .btn-lookdemo .tcwem{ position: absolute; top: -170px; left: -1px; width: 140px; height:170px; background:url(../images/tcwembg.png) no-repeat; display: none;} .btn-lookdemo .tcwem img{ width: 110px; height: 110px; margin-left: 13px; margin-top: 15px;} .btn-lookdemo .tcwem p{text-align: center; line-height: 3; color: #333;} /*插件列表选择器*/ .plug-content{ padding-top:20px;} .plug-filter{ position:relative;} .plug-filter-yw{ position:absolute; right:0; width:171px; height:81px; background:url(../images/plug-ywicon.png) no-repeat; top:0;} .plug-filter-yw span { float:right; display:inline; margin-right:15px; margin-top:17px;} .plug-filter-yw span a{ color:#1672da; font-size:14px;} /*插件详情-新*/ .plug-info-ctitle{ color:#555555; font-size:40px; font-weight:bold; text-align:center; padding-top:50px;} .plug-info-etitle{ background:url(../images/plug-yname-bg.jpg) repeat-x center; margin-top:10px; margin-bottom:50px;} .plug-info-etitle p{ font-family:Arial, Helvetica, sans-serif; color:#999999; text-transform:uppercase; font-size:20px; text-align:center;display:block; letter-spacing:3px; overflow:hidden; background:#F4F4F4; margin:0 auto; width:380px;} .plug-info-alt{ width:980px; margin:0 auto; color:#666666; font-size:16px; line-height:30px; text-align:center; margin-bottom:50px;} .plug-info-img img{ width:100%; height:auto;} .plug-info-ccont{ width:1200px; padding-bottom:40px; overflow:hidden;} .plug-info-ccont li{ width:398px; border-right:1px dashed #DBDBDB; height:420px; float:left; border-bottom:1px dashed #DBDBDB;} .plug-info-ccont .c4{ border-bottom:0px;} .plug-info-ccont .c5{ border-bottom:0px;} .plug-info-ccont .c6{ border-bottom:0px;} .plug-info-ccont .c3{ border-right:0px;} .plug-info-ccont .c6{ border-right:0px;} .plug-cin-i{ width:191px; height:199px; margin:0 auto; margin-top:48px;} .plug-questionnaire-i-1{ background:url(../images/questionnaire-icon.png) no-repeat 0px 0px;} .plug-questionnaire-i-2{ background:url(../images/questionnaire-icon.png) no-repeat 0px -199px;} .plug-questionnaire-i-3{ background:url(../images/questionnaire-icon.png) no-repeat 0px -398px;} .plug-questionnaire-i-4{ background:url(../images/questionnaire-icon.png) no-repeat 0px -597px;} .plug-questionnaire-i-5{ background:url(../images/questionnaire-icon.png) no-repeat 0px -796px;} .plug-databackup-i-1{ background:url(../images/databackup-icon.png) no-repeat 0px 0px;} .plug-databackup-i-2{ background:url(../images/databackup-icon.png) no-repeat 0px -199px;} .plug-databackup-i-3{ background:url(../images/databackup-icon.png) no-repeat 0px -398px;} .plug-jobsubmission-i-1{ background:url(../images/jobsubmission-icon.png) no-repeat 0px 0px;} .plug-jobsubmission-i-2{ background:url(../images/jobsubmission-icon.png) no-repeat 0px -199px;} .plug-jobsubmission-i-3{ background:url(../images/jobsubmission-icon.png) no-repeat 0px -398px;} .plug-jobsubmission-i-4{ background:url(../images/jobsubmission-icon.png) no-repeat 0px -597px;} .plug-jobsubmission-i-5{ background:url(../images/jobsubmission-icon.png) no-repeat 0px -796px;} .plug-jobsubmission-i-6{ background:url(../images/jobsubmission-icon.png) no-repeat 0px -995px;} .plug-QandA-i-1{ background:url(../images/QandA-icon.png) no-repeat 0px 0px;} .plug-QandA-i-2{ background:url(../images/QandA-icon.png) no-repeat 0px -199px;} .plug-QandA-i-3{ background:url(../images/QandA-icon.png) no-repeat 0px -398px;} .plug-QandA-i-4{ background:url(../images/QandA-icon.png) no-repeat 0px -597px;} .plug-QandA-i-5{ background:url(../images/QandA-icon.png) no-repeat 0px -796px;} .plug-voting-i-1{ background:url(../images/voting-icon.png) no-repeat 0px 0px;} .plug-voting-i-2{ background:url(../images/voting-icon.png) no-repeat 0px -199px;} .plug-voting-i-3{ background:url(../images/voting-icon.png) no-repeat 0px -398px;} .plug-voting-i-4{ background:url(../images/voting-icon.png) no-repeat 0px -597px;} .plug-voting-i-5{ background:url(../images/voting-icon.png) no-repeat 0px -796px;} .plug-voting-i-6{ background:url(../images/voting-icon.png) no-repeat 0px -995px;} .plug-topics-i-1{ background:url(../images/topics-icon.png) no-repeat 0px 0px;} .plug-topics-i-2{ background:url(../images/topics-icon.png) no-repeat 0px -199px;} .plug-topics-i-3{ background:url(../images/topics-icon.png) no-repeat 0px -398px;} .plug-topics-i-4{ background:url(../images/topics-icon.png) no-repeat 0px -597px;} .plug-topics-i-5{ background:url(../images/topics-icon.png) no-repeat 0px -796px;} .plug-topics-i-6{ background:url(../images/topics-icon.png) no-repeat 0px -995px;} .plug-selftest-i-1{ background:url(../images/selftest-icon.png) no-repeat 0px 0px;} .plug-selftest-i-2{ background:url(../images/selftest-icon.png) no-repeat 0px -199px;} .plug-selftest-i-3{ background:url(../images/selftest-icon.png) no-repeat 0px -398px;} .plug-selftest-i-4{ background:url(../images/selftest-icon.png) no-repeat 0px -597px;} .plug-selftest-i-5{ background:url(../images/selftest-icon.png) no-repeat 0px -796px;} .plug-selftest-i-6{ background:url(../images/selftest-icon.png) no-repeat 0px -995px;} .plug-selftest-i-7{ background:url(../images/selftest-icon.png) no-repeat 0px -1194px;} .plug-selftest-i-8{ background:url(../images/selftest-icon.png) no-repeat 0px -1393px;} .plug-selftest-i-9{ background:url(../images/selftest-icon.png) no-repeat 0px -1592px;} .plug-miniature-i-1{ background:url(../images/miniature-icon.png) no-repeat 0px 0px;} .plug-miniature-i-2{ background:url(../images/miniature-icon.png) no-repeat 0px -199px;} .plug-miniature-i-3{ background:url(../images/miniature-icon.png) no-repeat 0px -398px;} .plug-miniature-i-4{ background:url(../images/miniature-icon.png) no-repeat 0px -597px;} .plug-miniature-i-5{ background:url(../images/miniature-icon.png) no-repeat 0px -796px;} .plug-reservations-i-1{ background:url(../images/reservations-icon.png) no-repeat 0px 0px;} .plug-reservations-i-2{ background:url(../images/reservations-icon.png) no-repeat 0px -199px;} .plug-reservations-i-3{ background:url(../images/reservations-icon.png) no-repeat 0px -398px;} .plug-reservations-i-4{ background:url(../images/reservations-icon.png) no-repeat 0px -597px;} .plug-reservations-i-5{ background:url(../images/reservations-icon.png) no-repeat 0px -796px;} .plug-phonezice-i-1{ background:url(../images/phonezice-icon.png) no-repeat 0px 0px;} .plug-phonezice-i-2{ background:url(../images/phonezice-icon.png) no-repeat 0px -199px;} .plug-phonezice-i-3{ background:url(../images/phonezice-icon.png) no-repeat 0px -398px;} .plug-phonezice-i-4{ background:url(../images/phonezice-icon.png) no-repeat 0px -597px;} .plug-phonezice-i-5{ background:url(../images/phonezice-icon.png) no-repeat 0px -796px;} .plug-phonezice-i-6{ background:url(../images/phonezice-icon.png) no-repeat 0px -995px;} .plug-phonedayi-i-1{ background:url(../images/phonedayi-icon.png) no-repeat 0px 0px;} .plug-phonedayi-i-2{ background:url(../images/phonedayi-icon.png) no-repeat 0px -199px;} .plug-phonedayi-i-3{ background:url(../images/phonedayi-icon.png) no-repeat 0px -398px;} .plug-phonedayi-i-4{ background:url(../images/phonedayi-icon.png) no-repeat 0px -597px;} .plug-phonedayi-i-5{ background:url(../images/phonedayi-icon.png) no-repeat 0px -796px;} .plug-phonetoup-i-1{ background:url(../images/phonetoup-icon.png) no-repeat 0px 0px;} .plug-phonetoup-i-2{ background:url(../images/phonetoup-icon.png) no-repeat 0px -199px;} .plug-phonetoup-i-3{ background:url(../images/phonetoup-icon.png) no-repeat 0px -398px;} .plug-phonetoup-i-4{ background:url(../images/phonetoup-icon.png) no-repeat 0px -597px;} .plug-info-ccont li .plug-i-t{ text-align:center; font-size:20px; font-weight:bold; color:#555555; padding-top:20px; padding-bottom:10px;} .plug-info-ccont li .plug-i-alt{ font-size:14px; line-height:2em; color:#666666; padding:0 40px;} .plug-system table{ width:100%;border-collapse:collapse; border-spacing:0;} .plug-system table tr td{ border:2px solid #F6F6F6; background:#fff; height:70px; line-height:70px; padding-left:50px; font-size:14px; color:#666666;} .plug-system table tr .plug-system-t{ font-size:20px; font-weight:bold; color:#e2604e; width:210px;} /*插件详情-新-小屏幕*/ .smallwidth .plug-info-ccont{ width:980px;} .smallwidth .plug-info-ccont li{ width:325px;} .smallwidth .plug-info-ccont li .plug-i-alt{ font-size:14px; line-height:2em; color:#666666; padding:0 20px;} .smallwidth .plug-info-ccont li .plug-i-t{ font-size:17px;} .plug-main{ float:left; width:725px; position:relative;} .plug-main .topinfo{ height:234px; margin-bottom:40px;} .plug-main .title{ font-size:24px; color:#333; line-height:40px; padding-bottom:5px;} .plug-main .info{ font-size:12px; line-height:24px; color:#666666; padding-top:15px;} .plug-main .price{ color:#f4523b; font-size:24px; padding-top:20px;} .plug-main .share{ position:absolute; right:0; bottom:0;} .plug-main .share .title{ font-size:14px; float:left; margin:0; line-height:30px;} .plug-js{ overflow:hidden; margin-bottom:70px;} .plug-js .plug-js-title{ height:55px; overflow:hidden; margin-top:35px;} .plug-js .plug-js-title span{ height:55px; line-height:55px; font-size:24px; font-weight:bold; color:#fff; background:url(../images/cjjs-title.jpg) no-repeat right #CC3333; display:block; float:left; padding:0 50px; padding-left:30px; _padding-left:15px;} .plug-js-info{ padding-top:30px;} .plug-js-info p{ font-size:16px; color:#333333; text-indent:2em; line-height:2;} .plug-js-info ul{ float:left; margin-left:-100px; margin-top:-15px;} .plug-js-info li{ width:550px; height:390px; float:left; display:inline; margin-left:100px; overflow:hidden; margin-top:15px;} .plug-js-info li img{ width:540px; height:280px; background:#E7E7E7; padding:4px; border:1px solid #DADADA;} .plug-js-info li p{ text-indent:0; font-size:18px; color:#333333; font-weight:bold; padding-top:20px;} /*插件详情 - 小屏幕*/ .smallwidth .plug-main{ width:505px;} .smallwidth .plug-js-info ul{ margin-left:-50px;} .smallwidth .plug-js-info li{ width:465px; height:345px; margin-left:50px;} .smallwidth .plug-js-info li img{ width:455px; height:235px;} /*案例列表*/ .case-content{ padding-top:20px;} .case-list{ width:100%; overflow:hidden;} .case-list ul{ float:left; margin-left:-40px; margin-top:-40px;} .case-list li{ width:270px; height:270px; overflow:hidden; float:left; margin-left:40px; margin-top:40px; background:#fff; position:relative;} .case-list li .imgshow{ width:270px; height:270px; overflow:hidden; position:absolute;} .case-list li .imgshow a{ display:block; width:270px; height:200px; position:relative;} .case-list li .imgshow .case-slt{ width:270px; height:270px; position:absolute; z-index:1;} .case-list li .imgshow .case-slt img{ width:270px; height:270px;} .case-list li .infoshow{ padding:0 20px; position:absolute; top:270px; width:230px; height:80px; background:#fff;} .case-list li .infoshow .title{ height:50px; line-height:50px;} .case-list li .infoshow .title a{ font-size:14px; color:#333333;height: 40px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 230px;} .case-list li .infoshow .title a:hover{ color:#CC3333; text-decoration:none;} .case-list li .infoshow .info{ height:12px; line-height:12px;} .case-list li .infoshow .info .dj{ float:left; color:#CC3333; font-size:12px;} .case-list li .infoshow .info .number{ float:right; color:#d2d2d2;} .case-list li .infoshow .info .number i{ width:17px; height:12px; float:left; background:url(../images/number-icon.jpg) no-repeat; margin-right:5px;} /*案例列表 - 小屏幕*/ .smallwidth .case-list ul{ width:980px; margin:0 auto;} /*案例详情*/ .case-inner{ overflow:hidden; background:#fff; padding:20px 30px 70px 30px; margin-bottom:40px;} .case-topinfo{ position:relative; width:100%; overflow:hidden; border-bottom:1px solid #F4F4F4; padding-bottom:30px;} .case-topinfo .share{ position:absolute; right:0; top:0;} .case-topinfo .xlabel{ font-size:14px; color:#999; height:20px;} .case-topinfo .xlabel a{ font-size:12px; color:#fff;} .case-topinfo .xlabel a{ background:#2BC27C; color:#fff; padding:0px 5px; margin-right:5px; white-space:nowrap; height:20px; line-height:20px; display:block; float:left;} .case-topinfo .xlabel a:hover{ text-decoration:none;} .case-topinfo .btn-lookdemo:hover{ color:#fff; text-decoration:none;} .case-topinfo .btn-lookdemo{ background:#3EB7FD;display:block; width:135px; height:40px; color:#fff; position:absolute; right:0; bottom:30px;} .case-topinfo .btn-lookdemo .icon{ display:block; width:40px; height:40px; float:left;} .case-topinfo .btn-lookdemo .text{ display:block; width:95px; height:40px; float:left; text-align:center; line-height:40px; font-size:14px;} .case-topinfo .btn-lookdemo .icon{background:url(../images/modericonbat.png) no-repeat -433px 0px #249DE2; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .case-topinfo .btn-lookdemo:hover .icon{ background:url(../images/modericonbat.png) no-repeat -433px -40px #249DE2;background-color:#0F81C1;} .case-topinfo .title{ font-size:24px; padding-bottom:10px;} .case-topinfo .honor{ line-height:23px; font-size:14px; font-weight:bold; color:#F4533E; padding-left:20px; background:url(../images/smalliconbat.png) no-repeat 0px -150px; margin-top:10px;} .case-topinfo .honor a{ color:#0B77D2; font-size:12px; font-weight:normal; margin-left:15px;} .case-js{ padding:15px 0;} .case-js p{ font-size:14px; line-height:28px; color:#666;} .case-imgshow{ width:1035px; overflow:hidden; padding-top:30px; margin:0 auto;} .case-imgshow img{ width:100%; height:auto;} /*无案例对应模版*/ .case-noinfo{ overflow:hidden; padding-top:25px;} .case-noinfo .title{ font-size:24px; font-weight:bold; color:#f4523b; text-align:center; padding-bottom:30px;} .case-noinfo .btn-cont{ width:370px; height:45px; margin:0 auto;} .case-noinfo .btn-cont span{ float:left; line-height:45px; padding:0 10px; font-size:14px; font-weight:bold; color:#999999;} .case-noinfo .btn-cont a{ display:block; width:158px; height:43px; background:#F4533E; border:1px solid #E74830; border-radius:5px; float:left; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:43px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .case-noinfo .btn-cont a:hover{ text-decoration:none; color:#fff; background:#E3402E;} /*小屏幕*/ .smallwidth .case-imgshow{ width:940px;} /*专题列表*/ .special-listx{ margin-bottom:70px; width:100%; float:left;} .special-listx ul{ margin-top:-40px;} .special-listx li{ width:1200px; height:260px; float:left; position:relative; margin-top:40px;} .special-listx li .inner{ position:absolute; z-index:2; width:1200px; height:260px; overflow:hidden;} .special-listx li .yy{ position:absolute; z-index:1; width:1210px; height:270px; background:url(../images/zt-list-bg.png) no-repeat; left:-5px; top:-5px;} .special-listx li .imgshow{ float:left; display:inline; width:300px; height:210px; padding:25px 30px; padding-left:40px; display:inline;} .special-listx li .infocon{ float:left; width:570px; height:260px; overflow:hidden;} .special-listx li .btncon{ float:left; width:250px;} .special-listx .infocon .title{ font-size:24px; line-height:50px; padding-top:20px;} .special-listx .infocon .title a{ color:#F4523B;} .special-listx .infocon .title a:hover{ text-decoration:none; color:#ff2000;} .special-listx .infocon .info{ font-size:14px; line-height:24px; padding:5px 0; color:#333333; overflow:hidden;} .special-listx .infocon .info span{ float:right; width:495px; color:#888;} .special-listx li .btncon a{ display:block; width:138px; height:43px; background:#F55842; border:1px solid #E74830; border-radius:3px; font-size:14px; color:#fff; line-height:43px; text-align:center; margin:0 auto; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:110px;} .special-listx li .btncon a:hover{ color:#fff; background:#E54331; text-decoration:none;} .special-listx .infocon .zt02-alt{ font-size:14px; line-height:24px; color:#333333; padding-bottom:15px;} .special-listx .infocon .zt02-info{ font-size:14px; color:#666666; line-height:30px;} .special-listx .infocon .zt03-alt{ font-size:14px; line-height:24px; color:#333333; padding-bottom:20px; padding-top:10px;} .special-listx .infocon .zt03-info{ font-size:14px; color:#666666; line-height:30px;} /*专题列表 - 小屏幕*/ .smallwidth .special-listx li{ width:980px; height:310px;} .smallwidth .special-listx li .inner{ width:980px; height:310px;} .smallwidth .special-listx li .yy{ background:url(../images/zt-list-bg-small.png) no-repeat; width:990px; height:320px;} .smallwidth .special-listx li .imgshow{ width:250px; padding-top:50px; padding-left:20px;} .smallwidth .special-listx li .imgshow img{ width:250px; height:auto;} .smallwidth .special-listx li .infocon{ width:430px; height:310px} .smallwidth .special-listx li .btncon{ width:230px;} .smallwidth .special-listx li .btncon a{ margin-top:135px;} .smallwidth .infocon .info span{ width:350px;} /*专题列表 新*/ /*.special-list{ width:100%;margin-bottom:70px; overflow:hidden;} .special-alt{ font-size:16px; line-height:36px; padding-top:20px; padding-bottom:60px;} .special-listx li{ width:299px; float:left; height:198px; border:1px solid #E4E4E4; border-right:0; background:#fff;} .special-listx li div{ overflow:hidden; height:198px;-moz-transition:all .2s 0s ease; -ms-transition:all .2s 0s ease; -o-transition:all .2s 0s ease; -webkit-transition:all .2s 0s ease; transition:all .2s 0s ease;} .special-listx li .title{ font-size:18px; text-align:center; padding-top:20px; padding-bottom:10px;-moz-transition:all .2s 0s ease; -ms-transition:all .2s 0s ease; -o-transition:all .2s 0s ease; -webkit-transition:all .2s 0s ease; transition:all .2s 0s ease;} .special-listx li .alt{ width:70%; margin:0 auto; text-align:center; font-size:14px; text-align:center; line-height:24px; color:#888888; height:80px;-moz-transition:all .2s 0s ease; -ms-transition:all .2s 0s ease; -o-transition:all .2s 0s ease; -webkit-transition:all .2s 0s ease; transition:all .2s 0s ease;} .special-listx li a{ display:block; width:150px; height:40px; margin:0 auto; text-align:center; line-height:40px; font-size:14px;-moz-transition:all .2s 0s ease; -ms-transition:all .2s 0s ease; -o-transition:all .2s 0s ease; -webkit-transition:all .2s 0s ease; transition:all .2s 0s ease;} .special-listx li a:hover{ text-decoration:none;} .special-listx .special-5,.special-list .special-6{ border-top:0;} .special-listx .special-4{ width:298px; border-right:1px solid #E4E4E4;} .special-listx .special-6{ border-right:1px solid #E4E4E4;} .special-listx .special-1 a{ border:1px solid #009fe1; border-radius:5px; color:#009fe1;} .special-listx .special-2 a{ border:1px solid #B2AD34; border-radius:5px; color:#B2AD34;} .special-listx .special-3 a{ border:1px solid #E278EF; border-radius:5px; color:#E278EF;} .special-listx .special-4 a{ border:1px solid #4FB05D; border-radius:5px; color:#4FB05D;} .special-listx .special-5 a{ border:1px solid #FA953F; border-radius:5px; color:#FA953F;} .special-listx .special-6 a{ border:1px solid #E66657; border-radius:5px; color:#E66657;} .special-listx li .hover .title{ color:#fff;} .special-listx li .hover .alt{ color:#fff;} .special-listx li .hover a{ border:1px solid #fff; color:#fff;} .special-listx .special-1 .hover{ background:#009fe1;} .special-listx .special-1 .hover a:hover{ background:#fff; color:#009fe1;} .special-listx .special-2 .hover{ background:#B2AD34;} .special-listx .special-2 .hover a:hover{ background:#fff; color:#B2AD34;} .special-listx .special-3 .hover{ background:#E278EF;} .special-listx .special-3 .hover a:hover{ background:#fff; color:#E278EF;} .special-listx .special-4 .hover{ background:#4FB05D;} .special-listx .special-4 .hover a:hover{ background:#fff; color:#4FB05D;} .special-listx .special-5 .hover{ background:#FA953F;} .special-listx .special-5 .hover a:hover{ background:#fff; color:#FA953F;} .special-listx .special-6 .hover{ background:#E66657;} .special-listx .special-6 .hover a:hover{ background:#fff; color:#E66657;} .smallwidth .special-listx li{ width:244px;} .smallwidth .special-listx li .alt{ font-size:12px;}*/ /*专题列表 第三版 2015年6月3日*/ .special-list{ overflow:hidden; padding-bottom:20px;} .special-list ul{ margin-left:-60px;} .special-list li{ width:530px; height:360px; overflow:hidden; float:left; display:inline; border-right:2px solid #E6E6E6; border-bottom:2px solid #E6E6E6; margin-left:60px; margin-bottom:60px; padding-bottom:35px; padding-right:30px;} .special-list li .title{ font-size:24px; color:#333333; height:24px; line-height:24px;} .special-list li .title a{ color:#333333;} .special-list li .title a:hover{ color:#CC3333; text-decoration:none;} .special-list li .time{ color:#999999; font-size:16px; line-height:40px;} .special-list li .pic{ width:100%; overflow:hidden;} .special-list li .pic img{ width:530px; height:300px;} .smallwidth .special-list li .pic img{ width:440px; height:260px;} .smallwidth .special-list ul{ margin-left:-30px;} .smallwidth .special-list li{ width:440px; margin-left:30px; margin-bottom:35px; height:320px;} /*经验博文 - 列表*/ .article-list .article-list-c-img{ width:270px; height:180px;} .article-list .article-list-c-img img{ width:270px; height:180px;} .article-list .article-list-info{ width:230px; height:170px;padding:0 20px;} .article-list .article-list-info .title{ padding-top:12px; padding-bottom:3px;} .article-list .article-list-info .title a{ font-size:16px; color:#333; line-height:30px;} .article-list .article-list-info .title a:hover{ color:#ff6600;} .article-list .article-list-info .info{ color:#999999; line-height:26px; height:90px; overflow:hidden; padding-top:5px;} .cz{ padding-top:15px;} .cz span{ color:#999; display:block; float:left; overflow:hidden;} .cz .time{ line-height:14px;} .cz .time i{ display:block; width:20px; height:14px; background:url(../images/smalliconbat.png) no-repeat -70px -3px; float:left;} .cz .number{ float:right; line-height:14px;} .cz .number i{ display:block; width:20px; height:14px; background:url(../images/smalliconbat.png) no-repeat -43px -3px; float:left;} .article-list{ width:1200px; float:left;} .article-list ul{ float:left; margin-left:-40px; margin-top:-40px;} .article-list li{ width:270px; height:370px; float:left; display:inline; margin-left:40px; margin-top:40px; background:#FFFFFF; position:relative;} .article-list li .yy{ width:285px; height:385px; background:url(../images/article-hover.png) no-repeat; position:absolute; left:-7px; top:-7px; z-index:1; display:none;} .article-list li .con{ position:absolute; z-index:2;} /*博文列表小屏幕*/ .smallwidth .article-list{ width:980px;} .smallwidth .article-list ul{ margin-left:-25px;} .smallwidth .article-list li{ margin-left:55px;} /*经验博文 - 详情*/ .article-info{ overflow:hidden;} .article-info-left{ width:780px; background:#fff; padding:30px 40px; float:left; margin-bottom:70px;} .article-info-title{ padding-bottom:30px; border-bottom:1px solid #F4F4F4; position:relative; height:60px;} .article-info-title .name{ font-size:18px; font-weight:bold; padding-bottom:10px;} .article-info-title .alt{ color:#f4523b;} .article-info-title .number{ position:absolute; right:0; bottom:30px; font-size:14px; color:#666666;} .article-info-title .number span{ font-size:36px; padding-left:5px;} .article-info-cont{ padding-top:40px; font-size:14px; line-height:2;word-wrap:break-word;} .article-info-cont img{ width:100%; height:auto;} .article-like-btn{ display:block; width:80px; height:80px; margin:0 auto; overflow:hidden; margin-bottom:20px; background:url(../images/modericonbat.png) no-repeat -134px -130px;} .article-like-btn span{ color:#fff; font-size:14px; text-align:center; display:block; width:30px; margin:0 auto; margin-top:50px;} .article-like-btn:hover{ background:url(../images/modericonbat.png) no-repeat -53px -130px; text-decoration:none; color:#fff;} .article-info .share{ margin:0 auto; width:160px;} .article-info-right{ width:300px; float:right; overflow:hidden; margin-bottom:70px;} .article-author{ height:60px; padding:20px; background:#fff; overflow:hidden;} .article-author img{ width:60px; height:60px; float:left; margin-right:20px;} .article-author .name{ color:#333333; font-size:14px;} .article-author .info{ font-size:12px; color:#666666; padding-bottom:4px; padding-top:4px} .article-author .time{ font-size:12px; color:#999999;} .aboutinfo{ padding:15px; overflow:hidden; background:#fff; margin-top:10px;} .aboutinfo .title{ height:40px; overflow:hidden; border-bottom:1px solid #E5E5E5;} .aboutinfo .title .name{ font-size:18px; border-bottom:4px solid #CC3333; float:left; line-height:36px;} .aboutinfo .title .more{ float:right; font-size:14px; line-height:40px;} .aboutinfo .title .more a{ color:#999;} .aboutinfo .title .more a:hover{ color:#CC3333; text-decoration:none;} .aboutinfo .list ul{ padding:10px 0;} .aboutinfo .list li{ height:40px; line-height:40px; border-bottom:1px dotted #D6D6D6; font-size:14px; padding-left:20px; background:url(../images/smalliconbat-jpg.png) no-repeat 5px 20px;} .aboutinfo .list li a{ color:#333;} .aboutinfo .list li a:hover{ color:#CC3333;} .article-gg{ width:300px; overflow:hidden; margin-top:10px;} .article-gg img{ width:300px; height:auto;} .aboutcj{ padding:15px; overflow:hidden; background:#fff; margin-top:10px; padding-bottom:0;} .aboutcj .title{ height:40px; overflow:hidden; border-bottom:1px solid #E5E5E5;} .aboutcj .title .name{ font-size:18px; border-bottom:4px solid #CC3333; float:left; line-height:36px;} .aboutcj .title .more{ float:right; font-size:14px; line-height:40px;} .aboutcj .title .more a{ color:#999;} .aboutcj .title .more a:hover{ color:#CC3333; text-decoration:none;} /*博文 - 推荐切换*/ .articleimg-container{ overflow:hidden; margin:0 auto; margin-top:20px; background:#fff;} .articleimg{ position:relative; overflow:hidden; width:300px; height:330px;} .articleimg-btn{ width:100%; position:relative; z-index:5;} .articleimg-btn a{ display:block; width:30px; height:50px; overflow:hidden; position:absolute; top:130px;} .articleimg-btn .prevBtn{ left:0; background:url(../images/modericonbat.png) no-repeat -327px -130px;} .articleimg-btn .nextBtn{ right:0; background:url(../images/modericonbat.png) no-repeat 0px 0px;} .articleimg-btn .prevBtn:hover{ background:url(../images/modericonbat.png) no-repeat -296px -130px;} .articleimg-btn .nextBtn:hover{ background:url(../images/modericonbat.png) no-repeat -358px -130px;} .articleimg-content{position:absolute;} .articleimg-content li{ width:270px; height:330px; background:#fff; float:left; overflow:hidden;} .articleimg-img{ width:270px; height:210px;} .articleimg-pc-img{ background:url(../images/act-pc-imgbg.png) no-repeat #83B6EA; position:relative;} .articleimg-ph-img{ background:url(../images/act-ph-imgbg.png) no-repeat #83B6EA; position:relative;} .articleimg-pc-img img{ width:205px; height:125px; margin-left:32px; margin-top:34px; position:absolute; z-index:1;} .articleimg-ph-img img{ width:170px; height:155px; margin-left:49px; margin-top:55px; position:absolute; z-index:1;} .articleimg-pc-img .mb-icon{ position:absolute; bottom:0; right:0; z-index:2; width:60px; height:60px; background:url(../images/modericonbat.png) no-repeat -372px 0;} .articleimg-ph-img .mb-icon{ position:absolute; bottom:0; right:0; z-index:2; width:60px; height:60px; background:url(../images/modericonbat.png) no-repeat -372px 0;} .articleimg-cj-img{ background:url(../images/plug-list-showbig.png) no-repeat #CBBF8E;} .articleimg-cj-img img{ width:192px; height:121px; margin-top:42px; margin-left:41px;} .articleimg-info .name{ text-align:center; padding-top:20px; padding-bottom:10px;} .articleimg-info .name a{ font-size:14px; color:#333; text-align:center;} .articleimg-info .name a:hover{ color:#CC3333; text-decoration:none;} .articleimg-info .clabel{ text-align:center; height:20px; overflow:hidden; width:220px; margin:0 auto; margin-bottom:12px; white-space:nowrap; line-height:20px;} .articleimg-info .clabel a{ background:#2BC27C; color:#fff; padding:0px 5px; margin:0 5px; white-space:nowrap; margin-bottom:10px; float:left;} .articleimg-info .clabel a:hover{ text-decoration:none;} .articleimg-info .label{ text-align:center; height:20px; overflow:hidden; width:220px; margin:0 auto; margin-bottom:12px; white-space:nowrap; line-height:20px;} .articleimg-info .label a{ background:#2BC27C; color:#fff; padding:0px 5px; margin:0 5px; white-space:nowrap; margin-bottom:10px; float:left;} .articleimg-info .label a:hover{ text-decoration:none;} .articleimg-info .clabel .label1{ background:#29C27C;} .articleimg-info .clabel .label2{ background:#57ADD9;} .articleimg-info .clabel .label3{ background:#EE8A8A;} .articleimg-info .clabel .label1:hover{ background:#21B471;} .articleimg-info .clabel .label2:hover{ background:#489DC9;} .articleimg-info .clabel .label3:hover{ background:#D87474;} .articleimg-info .info{ width:240px; margin:0 auto;} .articleimg-info .info .price{ float:left; font-size:14px;} .articleimg-info .info .price .p{ color:#FF0000; font-weight:bold;} .articleimg-info .info .price .f{ padding-left:10px; color:#FF0000; font-weight:bold;} .articleimg-info .info .price .s{ color:#333; text-decoration:line-through;} .articleimg-info .info .number{ float:right; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -485px; padding-left:20px; color:#71CD9C;} .articleimg-info .alt{ width:240px; margin:0 auto; height:20px; line-height:20px; margin-bottom:12px; font-size:12px; color:#ac919e;} /*博文 - 小屏幕*/ .smallwidth .article-info-left{ width:630px; padding:30px 20px;} /*关于我们*/ .aboutus-cont{ overflow:hidden;} .aboutus-cont .aboutus-menu{ width:300px; float:right; overflow:hidden; margin-bottom:70px; background:#EAEBEC; padding-bottom:80px;} .aboutus-cont .aboutus-menu li{ width:300px; height:50px; overflow:hidden;} .aboutus-cont .aboutus-menu li a{ display:block; width:210px; height:50px; overflow:hidden; padding:0 45px; line-height:50px; background:url(../images/aboutus-menu-bg.jpg) repeat-x bottom #EAEBEC; font-size:14px; color:#333; font-weight:bold;} .aboutus-cont .aboutus-menu li a:hover{ text-decoration:none; color:#fff; background:#CC3333;} .aboutus-cont .aboutus-menu .click a{ text-decoration:none; color:#fff; background:#CC3333;} .aboutus-cont .aboutus-info{ width:850px; float:left; overflow:hidden; margin-bottom:70px;} .aboutus-title{ font-size:18px; font-weight:bold; color:#f4523b;} .aboutus-1-cont{ padding-top:10px; padding-bottom:20px; float:left; overflow:hidden; width:100%;} .aboutus-1-cont p{ line-height:36px; font-size:14px; color:#333; text-indent:2em;} .aboutus-2-cont .aboutus-2-orange{ font-size:18px; font-weight:bold;color:#F4523B;margin-bottom:15px;} .aboutus-2-cont .aboutus-2-black{ font-size:16px; font-weight:bold;color:#333333;margin-bottom:30px;} .aboutus-2-cont img{ width:100%; height:auto;} .aboutus-3-cont { padding-top:10px;} .aboutus-3-cont .aboutus-3-info{ float:left; font-size:14px; color:#333; padding-right:50px; line-height:40px} .aboutus-3-cont .aboutus-3-info span{ font-weight:bold;} .map{ width:100%; height:400px; margin-top:30px; float:left;} /*关于我们 - 小屏幕*/ .smallwidth .aboutus-info{ width:680px;} .smallwidth .aboutus-cont .aboutus-menu{ width:250px;} /*说明文字*/ .content-6{ padding-bottom:40px;} .content-6 p{ color:#999999; line-height:24px; text-align:center;} /******E 内页******/ /******S 个人中心后台******/ /*个人中心*/ .user-content{ overflow:hidden; padding-bottom:20px;} .user-menu{ background:#FAFAFA; border-top:4px solid #CC3333; width:250px; overflow:hidden; min-height:350px; _height:350px;} .user-menu-title{ height:50px; line-height:50px; margin:0 30px; border-bottom:1px solid #E7E7E7; font-size:18px; color:#000000;} .user-menu-cont{ padding-top:20px; padding-bottom:10px;} .user-menu-cont li{ overflow:hidden; padding-bottom:5px;} .user-menu-cont a{ display:block; width:217px; border-left:3px solid #FAFAFA; height:35px; line-height:35px; padding-left:30px; font-size:14px; color:#666;} .user-menu-cont a:hover{ color:#333; text-decoration:none;} .user-menu-cont li .click{ border-color:#CC3333; color:#000;} .user-right{ width:920px; overflow:hidden;} .user-info{ border:1px solid #e2e2e2; height:75px; padding:19px 19px; margin-bottom:20px; background:#fff; position:relative; overflow:hidden;} .user-info-photo{ float:left;width:70px; height:70px;margin-right:20px;} .user-info-photo img{ width:70px; height:70px; } .user-info-con{ float:left;} .user-info-con .user-name{ font-size:18px;color:#999999;} .user-info-con .user-name span{ color:#333333; float:left; margin-right:20px;} .user-info-con .user-name a{ font-size:12px; line-height:14px;} .user-info-con .user-name .xrecharge{ color:#0C77D2;} .user-hz{ position:absolute; top:18px; right:20px; text-align:center;} .user-hz .user-hz-icon{ width:36px; height:56px; background:url(../images/modericonbat.jpg) no-repeat -35px -62px; display:block; margin:0 auto;} .user-hz .user-hz-icon-no{ width:36px; height:56px; background:url(../images/modericonbat.jpg) no-repeat -0px -62px; display:block; margin:0 auto;} .user-hz p{ font-weight:bold; color:#68A822; line-height:2;} .user-hz a:hover{ text-decoration:none;} .user-hz .colorh{ color:#666;} .user-alt{ overflow:hidden; padding-top:10px;} .user-info-con .user-name .b-option{ color:#999; padding-right:10px; border-right:1px solid #bbb; margin-right:8px;} .user-info-con .user-name .last{ border:none;} .user-info-con .user-alt-rmb{float:left; color:#666666; margin-right: 15px;} .user-info-con .user-alt-rmb span{ color:#F4523B; font-size:18px; font-weight:bold;} .user-info-con .user-alt-rmb a{ font-weight:normal; color:#0C77D2; margin-left:10px;} .user-info-con .user-alt-rmb .money{ font-size:14px; padding:0 3px; font-weight:bold;} .user-info-con .user-alt-rmb .time{ font-size:12px; padding:0 3px; font-weight:bold;} .user-info-con .user-alt-rmb p{ display:inline; padding-left:3px; font-weight:normal;} .user-info-con .user-alt-rmbx{ float:left; display:inline; padding-left:5px; padding-top:4px;} .user-info-con .user-alt-rmbx p{ display:block;} .user-info-con .user-alt-rmbx .sm{ font-size:12px; color:#999; padding-top:5px;} .user-info-con .user-links{ float: left; height: 25px; line-height: 25px;} .user-info-con .user-links a{ float: left; margin-right: 15px; color: #0C77D2; } .b-option{ padding-left:15px; color:#999; background:url(../images/smalliconbat.png) no-repeat 0px -62px;} .bind{ background:url(../images/smalliconbat.png) no-repeat 0px -78px;} .order-list{ width:920px; overflow:hidden;} .order-list table{ width:100%;border-collapse:collapse; border-spacing:0;} .order-list table thead tr{ background:#EDEDED; height:40px; line-height:40px; border:1px solid #D7D7D7;} .order-list table thead tr td{ text-align:center; font-size:14px; color:#333333; font-weight:bold;} .order-list table thead tr .title{ text-align:left; padding-left:20px;} .order-list table thead tr .title select{ width:120px;} .order-list table thead .sep-row{ height:20px;} .order-list table tbody .sep-row{ height:10px;} .order-list table tbody tr{ padding-top:20px; background:#fff;} .order-list table tbody tr td{ text-align:center;border:1px solid #e2e2e2; color:#333; line-height:2;} .order-list table tbody tr td dl{ height:60px; overflow:hidden; margin:20px; margin-right:0;} .order-list table tbody tr dl{ width:260px; margin:0 auto; height:60px; overflow:hidden;} .order-list table tbody tr dl dt{ width:60px; height:60px; float:left; margin-right:20px;} .order-list table tbody tr dl dt img{ width:60px; height:60px;} .order-list table tbody tr dl dd{ float:left; height:60px; width:180px; text-align:left; display:inline;} .order-list table tbody tr dl dd .mname{ font-size:14px; line-height:20px; padding-bottom:15px;} .order-list table tbody tr dl dd .cname{ line-height:60px; font-size:14px; padding:0;} .order-list table tbody tr dl dd .label{ height:20px; overflow:hidden; white-space:nowrap; width:180px !important; line-height:20px;} .order-list table tbody tr dl dd .label a{ color:#fff; padding:0px 5px; margin-right:5px; float:left; margin-bottom:10px; white-space:nowrap;} .order-list table tbody tr dl dd .label a:hover{ text-decoration:none; color:#fff;} .order-list table tbody tr td .time{ color:#777;} .order-list table tbody tr .order-status{ color:#68a822;} .order-list table tbody tr td a{ color:#f4523b;} .order-list table tbody .orderlist-title{ height:33px; background:#F2F4F7; line-height:35px;} .order-list table tbody .orderlist-title .number{ text-align:left; border-right:none; padding-left:20px; color:#333333;} .order-list table tbody .orderlist-title .time{ text-align:right; padding-right:20px; border-left:none; color:#666666;} /*推荐广告*/ .stencil-hot{ width:100%; float:left;} .stencil-hot-cont{ width:1200px; float:left; padding-bottom:5px; margin-bottom:65px;} .stencil-hot-cont ul{ float:left; margin-left:-40px; margin-top:-40px;} .stencil-hot-cont li{ width:270px; height:330px; float:left; display:inline; margin-left:40px; margin-top:40px; background:#FFFFFF; position:relative;} .stencil-hot-cont li .stencil-pc-img{ background:url(../images/stencil-list-pc-imgbg.png) no-repeat;} .stencil-hot-cont li .stencil-pc-img img{ width:205px; height:125px; margin-left:32px; margin-top:34px;} .stencil-hot-cont li .stencil-ph-img{ background:url(../images/stencil-list-ph-imgbg.png) no-repeat;} .stencil-hot-cont li .stencil-ph-img img{ width:170px; height:155px; margin-left:49px; margin-top:55px;} .stencil-hot-cont li .stencilc-01{ background-color:#F99090;} .stencil-hot-cont li .stencilc-02{ background-color:#83B6EA;} .stencil-hot-cont li .stencilc-03{ background-color:#53CC6C;} .stencil-hot-cont li .stencilc-04{ background-color:#E97753;} .stencil-hot-cont li .yy{ width:285px; height:345px; background:url(../images/stencil-hover.png) no-repeat; position:absolute; left:-7px; top:-7px; z-index:1; display:none;} .stencil-hot-cont li .con{ position:absolute; z-index:2;} /*消息通知*/ .mesg-list table{ width:100%;border-collapse:collapse; border-spacing:0;} .mesg-list table thead tr{ background:#EDEDED; height:40px; line-height:40px; border:1px solid #e2e2e2;} .mesg-list table thead tr td{ text-align:center; font-size:14px; color:#333333; } .mesg-list table thead tr .title{ text-align:left; padding-left:20px; font-weight:bold;} .mesg-list table thead tr td a{ display:block; width:54px; height:23px; border:1px solid #E8E8E8; text-align:center; line-height:23px; color:#F4523B; background:#fff; margin:0 auto;} .mesg-list table tbody tr{ border:1px solid #e2e2e2; border-bottom-color:#f1f1f1; background:#fff;} .mesg-list table tbody tr td{ height:47px; text-align:center;} .mesg-list table tbody tr .mesg-title{ text-align:left; padding-left:40px; background:url(../images/smalliconbat.png) no-repeat 20px -245px;} .mesg-list table tbody tr .mesg-title a{ color:#f4523b; font-weight:bold;} .mesg-list table tbody tr .mesg-del a{ color:#f4523b;} .mesg-list table tbody tr .mesg-time{ color:#999999;} .mesg-list table tbody tr .read a{ color:#999; font-weight:normal;} .page-inner{ border:1px solid #e2e2e2; margin-top:0px; padding:20px 0; border-top:none; background:#fff;} .msg-number{ background:url(../images/smalliconbat-jpg.png) no-repeat 0px -420px; font-size:12px; color:#fff; padding-left:6px;padding-right:5px; padding-bottom:2px; margin-left:10px;} /*消息详情*/ .mesg-info-title{ height:40px; line-height:40px; padding:0 20px; padding-left:40px;background:url(../images/smalliconbat.png) no-repeat 20px -248px; border:1px solid #E2E2E2; font-size:14px; font-weight:bold; color:#333333;} .mesg-user-info{ height:75px; overflow:hidden; padding:0 20px; border:1px solid #E2E2E2; border-top:none; background:#fff;} .mesg-user-info .left{ line-height:28px; padding-top:10px;} .mesg-user-info .left .name span{ color:#FF1010;} .mesg-user-info .left .time span{ color:#999999;} .mesg-user-info .right a{ padding-left:20px; background:url(../images/smalliconbat.png) no-repeat 0px -111px;line-height:75px;} .mesg-user-info .right a:hover{ text-decoration:none; background:url(../images/smalliconbat.png) no-repeat 0px -132px; color:#F4523B;} .mesg-info-content{ padding:10px 20px;border:1px solid #E2E2E2; line-height:30px; color:#333333; text-indent:2em; border-top:none; min-height:350px; _height:350px; background:#fff;} .mesg-info-title .golist{ float:right; margin-top:8px;} .mesg-info-title .golist a{ display:block; width:68px; height:23px; border:1px solid #E8E8E8; color:#CC3333; font-size:12px; font-weight:normal; background:#fff; text-align:center; line-height:23px;} /*资源管理列表*/ .resources-list table{ width:100%;border-collapse:collapse; border-spacing:0;} .resources-list table thead tr{ background:#EDEDED; height:40px; line-height:40px; border:1px solid #e2e2e2;} .resources-list table thead tr td{ text-align:center; font-size:14px; color:#333333; font-weight:bold;} .resources-list table thead tr .title{ text-align:left; padding-left:20px; font-weight:bold;} .resources-list table thead tr td a{ display:block; width:54px; height:23px; border:1px solid #E8E8E8; text-align:center; line-height:23px; color:#F4523B; background:#fff; margin:0 auto;} .resources-list table tbody tr{ border:1px solid #e2e2e2; border-bottom-color:#f1f1f1; background:#fff;} .resources-list table tbody tr td{ height:47px; text-align:center;} .resources-list table tbody tr .resources-title{ text-align:left; padding-left:20px; font-size: 14px;} .resources-list table tbody tr .resources-time{ color: #999; } .resources-list table tbody tr .resource-state.state-r{ color: #C33; } .resources-list table tbody tr .resource-state.state-g{ color: #539D61; } .resources-list table tbody tr .resource-state.state-a{ color: #787D82; } .resources-list table tbody tr .resource-links .links-r{ color: #C33; } .resources-list table tbody tr .resource-links .links-g{ color: #539D61; } .resources-btn{ width: 100%; height: 35px; margin-bottom: 25px;} .resources-btn a{ display: block; width: 165px; height: 35px; line-height: 35px; color: #fff; background: #539D61; border-radius: 5px; font-size: 14px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .resources-btn a:hover{ background: #40894D; text-decoration:none; } .resources-btn a i{ display: block; width: 20px; height: 20px; background: url(../images/add-resources-icon.png) no-repeat; float: left; margin-top: 8px; margin-left: 25px; margin-right: 10px;} /*新增资源*/ .add-resources dl{ width: 100%; overflow: hidden; margin-bottom: 20px;} .add-resources dl dt{ width: 85px; float: left; height:42px; line-height: 42px; font-size: 14px; font-weight: bold;} .add-resources dl dd{ width: 835px; float: right; } .add-resources input{height:40px; line-height:40px\0; padding:0 10px; border:1px solid #E2E2E2; border-radius:3px; width: 898px; font-size: 14px;} .add-resources textarea{ width: 898px; padding:10px; border:1px solid #E2E2E2; border-radius:3px; resize: none; font-size: 14px; height: 400px; margin-bottom: 20px;} .add-resources .successbtn a{ display: block; width: 140px; height: 40px; font-size: 14px; color: #fff; text-align: center; line-height: 40px; background: #539D61; margin: 0 auto; border-radius: 5px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .add-resources .successbtn a:hover{ background: #40894D; text-decoration:none; } .add-resources .addimg-cont{ width: 210px; height: 100px; } .add-resources .addimg-cont .add-icon{ width: 118px; height: 98px; background:url(../images/addimg-icon.jpg) no-repeat; border:1px solid #E2E2E2; float: left; margin-right: 10px;} .add-resources .addimg-cont a{ display: block; width: 65px; height: 25px; float: left; text-align: center; line-height: 25px; color: #fff; font-size: 14px; background: #539D61; border-radius: 5px; margin-top: 75px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .add-resources .addimg-cont a:hover{ text-decoration: none; background: #40894D; } .add-resources dl .addCover{ line-height: 120px; } .smallwidth .add-resources input{ width: 698px; } .smallwidth .add-resources textarea{ width: 698px; } /*新增反馈页*/ .adding-resources{ background: #fff; border:1px solid #E2E2E2; padding: 50px 0;} /*订单详情*/ .order-statu-content{ height:50px; overflow:hidden; width:100%; float:left; margin-left:-4px; padding-bottom:20px;} .order-statu{ width:226px; float:left; margin-left:4px; display:inline;} .order-statu .statu-title{ width:100%; height:20px; background:#BBBBBB; color:#fff; text-align:center; line-height:20px;} .click .statu-title{ background:#85C146;} .order-statu .statu-time{ width:100%; height:30px; line-height:30px; text-align:center; color:#999999;} .order-statu .statu-time span{ padding:0 10px;} .order-details{ overflow:hidden;} .order-info{ overflow:hidden; width:100%; margin-bottom:20px;} .order-info-title{ height:40px; background:#F8F8F8; border:1px solid #E2E2E2; font-size:14px; font-weight:bold; line-height:40px; padding-left:20px;} .order-info-cont{ padding:10px 20px; border:1px solid #E2E2E2; border-top:none;} .order-info-cont p{ line-height:24px;} .order-info-cont .order-info-cont-title{ font-size:12px; font-weight:bold; line-height:30px;} .order-xq-info{ width:100%; overflow:hidden; margin-bottom:20px;} .order-xq-title{ height:40px; background:#EDEDED; border:1px solid #E2E2E2; font-size:14px; font-weight:bold; line-height:40px; padding-left:20px;} .order-xq-cont{ padding:25px 20px; border:1px solid #E2E2E2; background:#fff; border-top:none;} .order-xq-cont p{ line-height:36px;} .order-xq-cont .ct{ padding-bottom:20px;} .order-xq-cont p span{ color:#666666;} .order-xq-cont p .green{ color:#6AA529;} /*个人资料*/ .userinfo-manage-title{ height:55px; width:100%; overflow:hidden; background:#fff;} .userinfo-manage-title .tab-title{ padding-left:80px; height:45px; padding-top:10px;} .userinfo-manage-title .tab-title span{ display:block; width:75px; float:left; margin-right:20px; cursor:pointer; height:41px; line-height:41px; font-size:16px; font-weight:bold; border-bottom:4px solid #fff; text-align:center; color:#888;} .userinfo-manage-title .tab-title .click{border-bottom:4px solid #F45541; color:#333;} .userinfo-manage-cont{ overflow:hidden; padding-top:40px; padding-bottom:80px; background:#fff;} .userinfo-manage-cont dl{ height:40px; margin-bottom:20px; overflow: hidden;} .userinfo-manage-cont dl dt{ float:left; height:40px; line-height:40px; font-size:14px; margin-right:10px; width:70px; text-align:right;} .userinfo-manage-cont dl dd{ float:left; height:40px;} .userinfo-manage-cont dl dd input{ height:14px; line-height:14px; width:378px; padding:12px 10px; border:1px solid #D5D5D5; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; color:#666666;} .user-photo{ height:100px; overflow:hidden; width:100%;} .user-photo .user-photo-title{ display:block; width:70px; float:left; text-align:right; margin-right:10px; font-size:14px; line-height:100px; height:100px;} .user-photo img{ width:100px; height:100px; float:left; margin-right:30px;} .user-photo a{ display:block; width:130px; height:36px; background:#F8F8F8; float:left; margin-top:35px; text-align:center; margin-right:10px; background:url(../images/select-image.png) no-repeat; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .user-photo a:hover{ background:url(../images/select-image-hover.png) no-repeat;} .user-photo p{ line-height:100px; color:#999999;} .btn-save{ display:block; width:80px; height:35px; background:url(../images/btn-save-bg.png) no-repeat; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:25px; margin-left:80px;} .btn-save:hover{ background:url(../images/btn-save-hover.png) no-repeat;} .userinfo-manage-cont .jcbd{ color:#0C77D2; margin-left:10px; text-decoration:underline;} .userinfo-manage-cont .userpwd dl dt{ width:90px;} .userinfo-manage-cont .userpwd .btn-save{ margin-left:100px;} /*绑定手机成功*/ .failure{ width:375px; height:220px; margin:0 auto; padding-left:200px; background:url(../images/failure-icon.png) no-repeat left center; margin-top:80px; margin-bottom:120px;} .failure .title{ font-size:36px; color:#68A823; padding-top:45px; padding-bottom:45px;} .failure .alt{ font-size:16px; color:#666666; line-height:34px;} .failure .alt a{ color:#CC3333; padding:0 5px;} /*绑定手机*/ .bound-title{ background:#F9F9F9; border:1px solid #E2E2E2; height:40px; line-height:40px; padding-left:20px; font-weight:bold; font-size:14px;} .bound-content{ height:450px;} .bound-content .alt{ font-size:14px; margin-bottom:10px; margin-top:18px;} .bound-content .alt span{ color:#CC3333;} .bound-content .bound-input{ height:40px;} .bound-content .bound-input input{height: 14px;line-height: 14px;width: 378px;padding: 12px 10px;border: 1px solid #D5D5D5;font-family: \5FAE\8F6F\96C5\9ED1;font-size: 14px;color: #666666; float:left;} .bound-content .bound-input a{ width:100px; height:38px; background:#F45640; border-radius:5px; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:38px; border:1px solid #E74830; display:block; float:left; margin-left:10px; _margin-left:5px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .bound-content .no-bound-input a{ background:#E8E8E8; border:1px solid #D5D5D5; color:#aaa;} .bound-content .bound-input a:hover{ text-decoration:none; background:#EA4331;} .bound-content .no-bound-input a:hover{ background:#E8E8E8; border:1px solid #D5D5D5; color:#aaa;} .btn-okbound{ display:block; width:80px; height:35px; overflow:hidden; background:url(../images/btn-bound.png) no-repeat; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:80px;} .btn-okbound:hover{ background:url(../images/btn-bound-hover.png) no-repeat;} /*我的优惠券*/ .user-coupons{ overflow:hidden; background:#fff; padding-bottom:70px;} .user-coupons .title{ font-size:18px; padding:0 40px; height:55px; line-height:55px; border-bottom:1px solid #E7E7E7;} .coupons-con{ padding:0 40px; overflow:hidden; padding-top:30px;} .coupons-title{ height:24px; overflow:hidden; margin-bottom:20px;} .coupons-title a{ display:block; height:24px; line-height:24px; float:left; background:#F5F5F5; margin-right:10px; padding:0 20px; font-size:14px; color:#666666;} .coupons-title a:hover{ text-decoration:none;} .coupons-title .click{ color:#fff; background:#CC3333;} .coupons-info table{ width:100%; border-collapse:collapse; border-spacing:0;} .coupons-info table thead tr{ height:45px; line-height:45px; background:#F0F3F4;} .coupons-info table td{ padding-left:30px;} .coupons-info table tbody tr{ border:1px solid #EEEEEE; height:50px; line-height:50px;} /*申请认证*/ .user-attest{ overflow:hidden; width:100%; background:#fff;} .user-attest-top{ padding:0 65px; height:140px; border-bottom:4px solid #EEEEEE; overflow:hidden;} .user-attest-top .user-attest-load{ width:765px; height:40px; margin:0 auto; margin-top:40px;} .user-attest-top .user-attest-info{ font-size:16px; color:#999; padding-top:10px; height:16px; width:100%; line-height:16px;} .user-attest-top .user-attest-info .click{ color:#17A075;} .user-attest-top .user-attest-info .xaa2{ padding:0 295px; padding-right:302px;} .user-attest-top .sqbz1{ background:url(../images/sqbz-01.jpg) no-repeat;} .user-attest-top .sqbz2{ background:url(../images/sqbz-02.jpg) no-repeat;} .user-attest-top .sqbz3{ background:url(../images/sqbz-03.jpg) no-repeat;} .user-attest-subinfo{ padding-top:35px; padding-bottom:70px;} .user-attest-subinfo .title{ border-left:10px solid #CC3333; height:30px; line-height:30px; font-size:24px; padding-left:70px; margin-bottom:40px;} .user-attest-subinfo dl{ height:40px; margin-bottom:20px;} .user-attest-subinfo dl dt{ width:160px; margin-right:10px; text-align:right; height:40px; line-height:40px; float:left; font-size:16px;} .user-attest-subinfo dl dd{ float:left; height:40px;} .user-attest-subinfo dl dd input{ width:348px; height:38px; border:1px solid #CCCCCC; padding:0 10px; line-height:38px\9; font-size:14px; color:#333;} .user-attest-subinfo .btn-subinfo{ width:108px; height:38px; line-height:38px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; background:#F55741; border:1px solid #E74830; color:#fff; font-size:14px; text-align:center;border-radius:5px; margin-left:170px; font-weight:bold;} .user-attest-subinfo .btn-subinfo:hover{ background:#E14029; color:#fff; text-decoration:none;} /*申请认证提示*/ .user-attest-sualt{ border-top:2px solid #F4F4F4; padding-left:80px; padding-bottom:70px; overflow:hidden;} .user-attest-sualt .name{ color:#f4523b; font-size:18px; font-weight:bold; padding-top:30px; padding-bottom:20px;} .user-attest-sualt .xb{ float:left; width:40%;} .user-attest-sualt .m { height:20px; line-height:20px; padding-left:30px; margin-bottom:20px; font-size:14px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -44px;} .user-attest-sualt .t { height:20px; line-height:20px; padding-left:30px; margin-bottom:20px; font-size:14px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -84px;} .user-attest-sualt .x { height:20px; line-height:20px; padding-left:30px; margin-bottom:20px; font-size:14px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -64px;} .user-attest-sualt .f { height:20px; line-height:20px; padding-left:30px; margin-bottom:20px; font-size:14px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -104px;} .user-attest-sualt .g { height:20px; line-height:20px; padding-left:30px; margin-bottom:20px; font-size:14px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -24px;} /*申请认证 - 步骤2*/ .user-attest-shinfo{ padding-top:120px; padding-bottom:60px;} .user-attest-shinfo .info{ margin-left:250px; padding-left:70px; background:url(../images/modericonbat.jpg) no-repeat 0px -134px;} .user-attest-shinfo .info .title{ height:50px; line-height:50px; font-size:24px; color:#18a075;} .user-attest-shinfo .info .alt{ color:#666666; font-size:16px; line-height:2; padding-bottom:10px;} .user-attest-shinfo .info .links{ padding-bottom:60px;} .user-attest-shinfo .info .links a{ color:#CC3333; font-size:14px;} /*申请认证成功*/ .user-attest-success{ background:#fff; overflow:hidden; width:100%; padding:70px 0;} .user-attest-success .title{ width:230px; height:50px; padding-left:70px; margin:0 auto; font-size:24px; color:#18a075; line-height:50px; margin-bottom:50px; background:url(../images/modericonbat.jpg) no-repeat 0px -150px} .user-attest-success .zkq{ width:313px; height:136px; background:url(../images/attest-zkq.jpg) no-repeat; margin:0 auto;} .user-attest-success .zkq .m{ font-size:60px; color:#fff; line-height:136px; text-align:center;} .user-attest-success .zkq .t{ font-size:12px; line-height:40px; text-align:center; color:#fff;} .user-attest-success .alt{ font-size:20px; line-height:95px; text-align:center; color:#f4523b;} .user-attest-success .btn-jxm{ width:158px; height:43px; line-height:43px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; background:#F55741; border:1px solid #E74830; color:#fff; font-size:16px; text-align:center;border-radius:5px; font-weight:bold; margin:0 auto;} .user-attest-success .btn-jxm:hover{ background:#E14029; color:#fff; text-decoration:none;} /*充值*/ .recharge{ background:#fff; overflow:hidden; width:100%; padding-bottom:40px; margin-bottom:70px;} .userinfo-title{border-left: 10px solid #CC3333;height: 30px;line-height: 30px;font-size: 24px; margin:30px 0; padding-left: 70px; margin-bottom:40px;} .userinfo-title-x{border-left: 10px solid #fff;height: 30px;line-height: 30px;font-size: 24px; margin:30px 0; padding-left: 70px; margin-bottom:20px;} .userinfo-cz-x{ height:30px; padding-left:80px; padding-bottom:70px;} .userinfo-cz-x span{ line-height:30px; float:left; font-size:14px;} .userinfo-cz-x input{ width:168px; height:33px; line-height:33px\9; border:1px solid #CACACA; padding:0 10px; float:left; margin-right:15px;} .userinfo-cz-x a{ display:block; width:58px; height:33px; color:#fff; background:#CC3333; border:1px solid #E74830; text-align:center; line-height:33px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; float:left; border-radius:3px;} .userinfo-cz-x a:hover{ background:#E3402E; text-decoration:none; color:#fff;} .userinfo-title a{ font-size:12px; font-weight:normal; color:#2277D7; margin-left:20px;} .recharge-content{ padding:0 80px;} .recharge-c{ padding:40px 0;} .recharge-c .title{ font-size:16px; font-weight:bold; color:#f4523b; padding-bottom:10px;} .recharge-c .title a{ font-size:12px; font-weight:normal; color:#2277d7; padding-left:20px;} .recharge-c .alt{ line-height:24px;} .recharge-c .alt span{ color:#999;} .recharge-c .btn-wycz{ display:block; width:110px; height:40px; background:#F5F5F5; border:1px solid #DBDBDB; border-radius:5px; text-align:center; line-height:40px; font-size:14px; font-weight:normal; color:#f4523b; font-weight:bold;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:15px;} .recharge-c .btn-wycz:hover{ text-decoration:none; background:#EDEDED;} .recharge-c dl{ height:40px; margin-bottom:15px;} .recharge-c dl dt{ float:left; font-size:16px; line-height:40px;} .recharge-c dl dd{ float:left;} .recharge-c dl dd input{ padding:0 10px; height:38px; line-height:38px\9; border:1px solid #CCCCCC; width:300px;} .recharge-c02 .title{ padding-bottom:20px;} .recharge-c .btn-cztj{ display:block; width:110px; height:40px; background:#CC3333; border:1px solid #E74830; border-radius:5px; text-align:center; line-height:40px; font-size:14px; font-weight:normal; color:#fff; font-weight:bold;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:15px; margin-left:80px;} .recharge-c .btn-cztj:hover{ text-decoration:none; background:#E3402E;} .recharge-c02{ overflow:hidden; background:url(../images/tiexin-bg.png) no-repeat 90% center;} .smallwidth .recharge-c02{ background:none;} .recharge-c03{ border-top:1px solid #E7E7E7; margin-top:10px;} .recharge-c .info{ font-size:16px; line-height:30px; padding-bottom:20px;} .recharge-c .info span{ color:#f4523b; font-weight:bold; font-size:20px; padding:0 5px;} .recharge-c .linkcon{ height:40px; line-height:40px; width:100%; overflow:hidden; padding-bottom:20px;} .recharge-c .linkcon input{ height:38px; line-height:38px\9; border:1px solid #CCCCCC; background:#fff; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; width:400px; padding:0 10px; color:#999; float:left; margin-right:10px;} .recharge-c .btn-fzlj{ display:block; width:110px; height:38px; background:#CC3333; border:1px solid #E74830; border-radius:5px; text-align:center; line-height:38px; font-size:14px; font-weight:normal; color:#fff; font-weight:bold;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; float:left;} .recharge-c .btn-fzlj:hover{ text-decoration:none; background:#E3402E;} .recharge-c .gorz{ padding-bottom:10px;} .recharge-c .gorz a{ color:#2277D7;} .recharge-c .altcon{ padding-bottom:30px; color:#666;} .recharge-c .ewm{ float:left; width:140px; padding-top:0px;} .recharge-c .ewm img{ width:140px; height:140px; margin-bottom:10px;} .recharge-c .ewm p{ font-size:14px; font-weight:bold; color:#f4543c; line-height:24px; text-align:center;} /*我的贴心卡*/ .mycard-tab a{ display:block; float:left; padding:0px 15px; background:#F5F5F5; font-size:14px; color:#666; margin-right:10px; height:25px; line-height:25px;} .mycard-c{ background:#fff;} .mycard-tab a:hover{ text-decoration:none; color:#fff; background:#CC3333;} .mycard-tab .click{ text-decoration:none; color:#fff; background:#CC3333;} .mycard-content{ padding:0 80px; height:25px; background:#fff; margin-bottom:20px;} .mycard-cont{ background:#fff; overflow:hidden; padding:0 80px;} .mycard-cont table{ width:100%;border-collapse:collapse; border-spacing:0; background:#fff; border-left:1px solid #F0F3F4; border-right:1px solid #F0F3F4;} .mycard-cont table thead{ height:45px; line-height:45px; background:#F0F3F4;} .mycard-cont table tbody tr{ height:49px; line-height:49px; border-bottom:1px solid #EEEEEE;} .mycard-cont table tbody td{ color:#666;} .mycard-cont table tbody td a{ display:block; width:63px; height:23px; border:1px solid #E74830; background:#CC3333; text-align:center; line-height:11px; color:#fff; line-height:23px; margin:0 auto; border-radius:3px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .mycard-cont table tbody td a:hover{ text-decoration:none; color:#fff; background:#E3402E;} .mycard-cont table tbody td .sy{ background:#ccc; border:1px solid #C9C9C9;} .mycard-cont table tbody td .sy:hover{ background:#ccc; border:1px solid #C9C9C9;} .stk { padding-bottom:70px;} .stk .btn-gocz{ display:block; width:108px; height:38px; border:1px solid #E74830; background:#CC3333; text-align:center; line-height:11px; color:#fff; line-height:38px; border-radius:3px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; font-size:14px; font-weight:bold;} .stk .btn-gocz:hover{ text-decoration:none; color:#fff; background:#E3402E;} /*邀请注册*/ .yq{margin-bottom:0;} /*发票管理*/ .fp-alt{ font-size:14px; line-height:36px;} .fp-bz{ font-size:14px; line-height:36px; color:#CC3333; padding-left:22px;} .recharge-content .btn-sqfp{ display:block; width:110px; height:38px; background:#CC3333; border:1px solid #E74830; border-radius:5px; text-align:center; line-height:38px; font-size:14px; font-weight:normal; color:#fff; font-weight:bold;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; float:left; margin-top:40px; margin-bottom:100px;} .recharge-content .btn-sqfp:hover{ text-decoration:none; background:#E3402E;} .recharge-content .btn-sqfp-ing{background: #F9F9F9; border: 1px solid #E8E8E8; color:#999;} .recharge-content .btn-sqfp-ing:hover{background: #F9F9F9; border: 1px solid #E8E8E8; color:#999;} /******E 个人中心后台******/ /******S 其余系统页面******/ /*问题反馈*/ .feedback-title{ font-size:18px; color:#333333; padding-bottom:12px; font-weight:bold;} .feedback-alt{ color:#318edd; padding-bottom:45px;} .feedback-inner dl{ width:100%; margin-bottom:23px;} .feedback-inner dl dt{ float:left; line-height:40px; font-size:14px; color:#333; margin-right:5px;} .feedback-inner dl dd input{ height:38px; padding:0 10px; border:1px solid #E2E2E2; width:760px; line-height:38px\9;} .feedback-inner dl dd textarea{ padding:10px; border:1px solid #E2E2E2; width:760px; height:180px; resize:none;} .feedback-btn{ display:block; width:80px; height:35px; background:url(../images/feedback-btn.png) no-repeat; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-left:47px; margin-top:-7px;} .feedback-btn:hover{ background:url(../images/feedback-btn-hover.png) no-repeat;} /*帮助中心*/ .txdxlinks a{ color:#0C77D2; margin-left:20px;} .help-header{ width:100%; height:235px; overflow:hidden; background:url(../images/help-topbg.jpg) no-repeat center top;} .help-logo{ width:100%; text-align:center; margin-top:45px; margin-bottom:28px;} .help-search{ width:635px; height:45px; overflow:hidden; margin:0 auto;} .help-search input{ width:508px; height:43px; border-radius:3px 0 0 3px; border:1px solid #CCCCCC; float:left; padding:0 20px; line-height:45px\9;} .help-search a{ display:block; width:85px; height:45px; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:45px; border-radius:0 3px 3px 0; background:#CC3333; float:left;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .help-search a:hover{ text-decoration:none; background:#990000;} .help-container{ width:100%; overflow:hidden; padding-bottom:70px;} .help-c{ padding-top:40px; width:100%; overflow:hidden;} .help-title{ font-size:14px; font-weight:bold; color:#CC3333; padding-bottom:25px;} .help-zifw ul{ float:left; margin-left:-40px;} .help-zifw li{ width:148px; height:148px; border:1px solid #E7EAEF; float:left; margin-left:40px; overflow:hidden;} .help-zifw li a{ display:block; width:148px; height:148px; text-decoration:none; float:left;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .help-zifw li a:hover{ background:#CC3333; color:#fff;} .help-zifw li a .icon{ width:60px; height:60px; margin:0 auto; margin-top:27px; margin-bottom:15px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .help-zifw li a .info{ font-size:14px; color:#333333; text-align:center;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .help-zifw li .icon01 .icon{ background:url(../images/help-icon-01.png) no-repeat; background-position:0 0;} .help-zifw li .icon02 .icon{ background:url(../images/help-icon-01.png) no-repeat; background-position:0 -60px;} .help-zifw li .icon03 .icon{ background:url(../images/help-icon-01.png) no-repeat; background-position:0 -120px;} .help-zifw li .icon04 .icon{ background:url(../images/help-icon-01.png) no-repeat; background-position:0 -180px;} .help-zifw li .icon05 .icon{ background:url(../images/help-icon-01.png) no-repeat; background-position:0 -240px;} .help-zifw li .icon01:hover .icon{ background:url(../images/help-icon-01-hover.png) no-repeat; background-position:0 0;} .help-zifw li .icon02:hover .icon{ background:url(../images/help-icon-01-hover.png) no-repeat; background-position:0 -60px;} .help-zifw li .icon03:hover .icon{ background:url(../images/help-icon-01-hover.png) no-repeat; background-position:0 -120px;} .help-zifw li .icon04:hover .icon{ background:url(../images/help-icon-01-hover.png) no-repeat; background-position:0 -180px;} .help-zifw li .icon05:hover .icon{ background:url(../images/help-icon-01-hover.png) no-repeat; background-position:0 -240px;} .help-zifw li a:hover .info{ color:#fff;} .help-cjwt dl{ overflow:hidden; border-bottom:1px solid #F1F3F5; padding:35px 0;} .help-cjwt dl dt{ float:left; width:115px; height:69px; overflow:hidden;} .help-cjwt dl dt .icon{ width:55px; height:50px; overflow:hidden; display:block;} .help-cjwt dl dt .title{ font-size:14px; color:#333333; display:block;} .help-cjwt dl dt .icon01{ background:url(../images/help-icon-02.png) no-repeat; background-position:0 0px;} .help-cjwt dl dt .icon02{ background:url(../images/help-icon-02.png) no-repeat; background-position:0 -50px;} .help-cjwt dl dt .icon03{ background:url(../images/help-icon-02.png) no-repeat; background-position:0 -100px;} .help-cjwt dl dt .icon04{ background:url(../images/help-icon-02.png) no-repeat; background-position:0 -150px;} .help-cjwt dl dd{ float:left; width:1085px;} .help-cjwt dl dd ul{ float:left;} .help-cjwt dl dd ul li{ background:url(../images/smalliconbat-jpg.png) no-repeat; background-position:0px -188px; height:24px; line-height:24px; padding-left:10px; width:260px; float:left;} .help-cjwt dl dd ul li a{ color:#1686c3;} .help-search-alt{ height:70px; line-height:70px; font-size:16px; color:#999999;} .help-search-alt span{ color:#333;} .help-search-list{ overflow:hidden; padding-bottom:300px;} .help-search-list li{ background:url(../images/smalliconbat-jpg.png) no-repeat; background-position:0px -188px; height:24px; line-height:24px; padding-left:10px; width:260px; float:left;} .help-search-list li a{ color:#1686c3;} .help-menu{ width:300px; overflow:hidden; float:right; margin-top:45px;} .help-menu .title{ border:1px solid #EAEAEA; height:48px; overflow:hidden; line-height:48px; font-size:14px; font-weight:bold; color:#333; padding:0 20px;} .help-menu .list{ border:1px solid #EAEAEA; padding:10px 20px; overflow:hidden; border-top:0;} .help-menu .list li{ line-height:30px; line-height:30px; background:url(../images/smalliconbat-jpg.png) no-repeat; background-position:0px -188px; padding-left:10px;} .help-menu .list li a{ color:#1686c3;} .help-info{ width:835px; float:left; margin-top:45px;} .help-info .title{ font-size:18px; font-weight:bold; color:#333;} .help-info .info{ padding-top:10px;} .help-info .info p{ font-size:14px; line-height:36px; color:#666666; text-indent:2em;} /*帮助中心 - 小屏幕*/ .smallwidth .help-cjwt dl dd{ width:865px;} .smallwidth .help-cjwt dl dd li{ width:270px;} .smallwidth .help-search-list li{ width:315px;} /*登录页*/ .login{ width:375px; overflow:hidden; position:absolute; right:0; top:100px;} .login-title{ width:375px; background:url(../images/login-title.png) no-repeat; overflow:hidden; padding-bottom:8px;} .login-title span{ padding-left:35px; padding-top:25px; font-size:18px; font-weight:bold; float:left; display:inline;} .login-main{ width:300px; overflow:hidden; background:url(../images/login-content.png) repeat-y; padding-left:35px; padding-right:40px;} .login-bottom{ width:375px; height:20px; background:url(../images/login-bottom.png) no-repeat; overflow:hidden;} .login-main dl{ width:300px; overflow:hidden; margin-top:10px;} .login-main dl dt{ width:300px; font-size:14px; color:#666666; margin-bottom:5px;} .login-main dl dd{ width:300px; height:40px;} .login-main dl dd input{ width:278px; height:38px; line-height:38px\9; border:1px solid #E2E5E9; padding:0 10px;} .login-main .login-register{ color:#2b7fdd !important; margin-left:15px;} .login-main .reg{ width:100%; height:45px; overflow:hidden; line-height:45px; padding-bottom:10px; color:#999;} .login-main .reg a{ color:#999;} .login-main .reg .left input{ float:left; margin-top:16px; margin-right:5px;} .login-main .alt{ color:#F04B34; padding-top:10px;} .btn-login a{ display:block; width:300px; height:50px; background:url(../images/login-btn.png) no-repeat;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-bottom:15px;} .btn-login a:hover{ background:url(../images/login-btn-hover.png) no-repeat;} .index-banner-container{ width:100%; overflow:hidden; background:#47B3FF; transition:background .3s 0s ease; position:relative; z-index:1; top:0;} .index-banner{ position:relative; overflow:hidden;} .index-banner-img{position:relative; height:615px;} .index-banner-img li{ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;} .index-banner-img li a{ overflow:hidden; display:block; width:100%;} .index-banner-circle{position:absolute;left:50%;bottom:15px;height:10px;text-align:center;} .index-banner-circle li{margin:2px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1; float:left; } .index-banner-circle li a{display:block;width:40px;height:5px;background:#fff; overflow:hidden;} .index-banner-circle .selected a{ background:#C63B26;} .index-banner-img{ width:100%;} .index-banner-img li img{ width:100%; height:auto;} .yzm-img{ float:left; width:125px; height:40px;} .yzm-img img{ width:125px; height:40px;} .login-main dl dd .yzm-input{ width:103px; height:14px; line-height:14px; padding:12px 15px; border:1px solid #E2E5E9; font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1; color:#999999; float:left; margin-right:10px;} /*注册页*/ .register-content{ background:#fff; border:1px solid #EAEAEA; padding:60px 100px; margin:50px 0; overflow:hidden;} .register-inner{ background:url(../images/reg-con-bg.jpg) repeat-y 625px; overflow:hidden; *height:540px;} .register-form{ width:480px; float:left; overflow:hidden;} .register-form .name{ font-size:30px; color:#333333; margin-bottom:40px; height:30px; line-height:30px;} .register-form dl{ height:70px; overflow:hidden; width:100%; margin-bottom:10px;} .register-form dl dt{ float:left; width:110px; height:40px; line-height:40px; text-align:right; font-size:16px; margin-right:10px;} .register-form dl dt span{ color:#f4523b;} .register-form dl dd{ height:70px; width:360px; float:left;} .register-form dl dd input{ height:38px; width:338px; line-height:38px\9; border:1px solid #CCCCCC; padding:0 10px; font-size:14px;} .register-form dl dd p{ height:30px; line-height:30px; color:#999999;} .register-form dl dd .yzm{ width:90px; float:left; margin-right:20px;} .register-form dl dd a{ display:block; float:left; width:158px; height:38px; line-height:38px; background:#F9F9F9; border:1px solid #E8E8E8; color:#999; font-size:14px; text-align:center; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .register-form dl dd a:hover{ text-decoration:none; background:#efefef; color:#999;} .register-form .yzmcon{ height:40px;} .register-form .alt{ margin-left:120px; height:30px; line-height:30px; color:#999; margin-bottom:20px;} .register-form .alt input{ margin-right:5px;} .register-form .alt a{ color:#CC3333; padding:0 3px;} .register-form .btn-register{ width:358px; height:43px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; background:#F55741; border:1px solid #E74830; color:#fff; font-size:16px; text-align:center; line-height:43px; border-radius:5px; margin-left:120px;} .register-form .btn-register:hover{ background:#E14029; color:#fff; text-decoration:none;} .register-form .btn-register-no{ width:358px; height:43px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; background:#E5E5E5; border:1px solid #ccc; color:#999; font-size:16px; text-align:center; line-height:43px; border-radius:5px; margin-left:120px;} .register-form .btn-register-no:hover{ text-decoration:none;} .register-alt{ width:270px; float:right; overflow:hidden;} .register-alt .alt{ font-size:24px; color:#333333; margin-bottom:35px;} .register-alt .btn-reg-login{ width:268px; height:43px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; background:#49C0ED; border:1px solid #3BB4DE; color:#fff; font-size:16px; text-align:center; line-height:43px; border-radius:5px;} .register-alt .btn-reg-login:hover{ background:#39B4E0; color:#fff; text-decoration:none;} .register-alt .gg{ margin-top:50px;} .smallwidth .register-content{ padding:60px 50px;} .smallwidth .register-inner{ background-position:550px;} /*注册成功*/ .register-su{ background:#fff; border:1px solid #EAEAEA; padding:120px 0; margin:70px 0;} .register-su .jfsm{ font-size:12px; text-align:center; color:#999; padding-bottom:30px;} .register-su .zkq{ width:313px; height:136px; background:url(../images/register-zkq.jpg) no-repeat; margin:0 auto;} .register-su .zkq .m{ font-size:60px; color:#fff; line-height:136px; text-align:center;} .register-su .zkq .t{ font-size:12px; line-height:40px; text-align:center; color:#fff;} .register-su .title{ background:url(../images/attest-shicon.jpg) no-repeat left center; font-size:30px; padding-left:70px; line-height:50px; line-height:50px; color:#17A075; margin:0 auto; width:488px; margin-bottom:35px;} .register-su .alt{ font-size:20px; color:#f4523b; text-align:center; line-height:60px; padding-top:20px;} .register-su .ts{ font-size:16px; text-align:center; padding-bottom:40px;} .register-su .ts a{ color:#2370D9;} .register-su .btn-con{ display:block; width:160px; margin:0 auto; height:45px; line-height:45px; font-size:18px; color:#f4523b;} .register-su .btn-con a{ display:block;width:158px; height:43px; background:#CC3333; font-size:16px; color:#fff; text-align:center; line-height:43px; border:1px solid #E54331; font-weight:bold; border-radius:5px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; } .register-su .btn-con a:hover{ background:#990000; text-decoration:none; border:1px solid #990000;} /*个性化下单*/ .individuation-single{ width:100%; height:840px; background:url(../images/individuation-bg.jpg) no-repeat center top; overflow:hidden;} .individuation-inner{ width:707px; height:683px; overflow:hidden; background:url(../images/individuation-inner.png) no-repeat; margin:0 auto; margin-top:75px;} .individuation-inner .title{ margin-top:155px; text-align:center; font-size:24px; font-weight:bold; color:#f4523b; padding-bottom:1em;} .individuation-inner .alt{ font-size:12px; color:#f4523b; text-align:center; line-height:2;} .individuation-cont{ padding-bottom:20px; overflow:hidden; padding-top:20px;} .individuation-cont dl{ width:475px; margin:0 auto; height:40px; margin-bottom:20px;} .individuation-cont dl dt{ float:left; height:40px; line-height:40px; width:70px; font-size:14px; color:#333333;} .individuation-cont dl dd{ float:left; height:40px;} .individuation-cont dl dd input{ height:14px; line-height:14px; padding:12px 10px; width:378px; border:1px solid #D5D5D5; font-size:14px;} .btn-submit{ display:block; width:160px; height:45px; margin:0 auto; background:url(../images/submit-btn.png) no-repeat; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .btn-submit:hover{ background:url(../images/submit-btn-hover.png) no-repeat;} /*引导*/ .guide{width:100%; position:absolute; z-index:10; display:none;} .guide-zz{ background:url(../images/zz-d.png);position:fixed; z-index:10; width:100%; height:100%;} .guide-content{ width:740px; height:270px; position:fixed; top:50%; left:50%; margin-left:-370px; margin-top:-135px; z-index:11; overflow:hidden;} .close{ position:absolute; width:40px; height:40px; cursor:pointer; right:0;} .guide-index{ width:740px; height:270px; background:url(../images/guide-bg1.png) no-repeat; overflow:hidden;} .guide-index a{ display:block; color:#b73f2d; width:160px; height:45px; text-align:center; line-height:45px; font-size:16px; background:url(../images/btn-guide-bg.png) no-repeat; margin-left:375px; margin-top:200px; font-weight:bold; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .guide-index a:hover{ background:url(../images/btn-guide-hover.png) no-repeat; text-decoration:none; color:#b73f2d;} .guide-info{ display:none; background:url(../images/guide-bg2.png) no-repeat; width:740px; height:270px; overflow:hidden;} .guide-info .zw{ width:255px; float:left; height:100%;} .guide-info .guide-info-content{ float:left; width:485px; height:100%; overflow:hidden;} .guide-title{ height:45px; margin-top:30px; overflow:hidden; margin-bottom:20px;} .guide-title span{ display:block; float:left;} .guide-title .g-left{ width:32px; height:45px; background:url(../images/g-left.jpg) no-repeat;} .guide-title .g-right{ width:14px; height:45px; background:url(../images/g-right.jpg) no-repeat;} .guide-title .g-main{ height:45px; line-height:45px; font-size:16px; color:#ffffff; font-weight:bold; background:#F4543E;} .guide-options{ margin-left:17px; overflow:hidden; height:120px;} .guide-options p{ display:block; height:14px; line-height:14px; font-size:14px; color:#666666; padding-bottom:10px; padding-top:5px;} .guide-options p input{ margin-right:5px;} .guide-btn-info{ height:30px; float:right; width:210px; display:inline; margin-right:20px;} .guide-btn-info span{ display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#f4523b; text-align:right; float:left; width:120px;} .guide-btn-info a{ display:block; width:80px; height:30px; text-align:center; line-height:30px; background:url(../images/guide-btn.png) no-repeat; float:right; color:#fff; font-size:14px; font-weight:bold; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .guide-btn-info a:hover{ background:url(../images/guide-btn-hover.png) no-repeat; text-decoration:none;} /*搜索结果*/ .results-title{ font-size:16px; color:#999999;} .results-title span{ color:#F55E4A; font-weight:bold;} .results-content{ padding-top:30px; overflow:hidden; padding-bottom:70px;} .results-t{ height:48px; background:#fff; border-bottom:2px solid #E5E5E5;} .results-t span{ border-top:2px solid #fff; line-height:44px; display:block; float:left; font-size:14px; color:#666666; padding:0 25px; border-right:1px solid #EDEDED; cursor:pointer;} .results-t .tab-click{ border-top:2px solid #CC3333; color:#CC3333;} .results-c{ padding-top:30px;} /*我的购物车*/ .sorder-bz{ width:100%; height:45px; background:url(../images/order-bz-1.jpg) no-repeat; overflow:hidden; margin-bottom:20px;} .sorder-bz span{ display:block; width:600px; height:45px; line-height:45px; text-align:center; float:left; font-size:16px;} .sorder-bz .click{ color:#fff;} .bz2{ background:url(../images/order-bz-2.jpg) no-repeat;} .sorder-list table{ width:100%;border-collapse:collapse; border-spacing:0; background:#fff;} .sorder-list table thead tr{height:40px; background:#EDEDED; border:1px solid #E2E2E2;} .sorder-list table thead td{ line-height:40px; text-align:center;} .sorder-list table tbody tr{ border:1px solid #E2E2E2; background:#fff;} .sorder-list table tbody td{ height:60px; padding:20px 0; text-align:center;} .sorder-list table tbody .mbc{ color:#2DC07C;} .sorder-list table tbody .cjc{ color:#0187CD;} .sorder-list table tbody .del{ padding-left:15px; color:#CC3333;} .sorder-list .sorder-cznumber{ margin:0 auto; width:82px;} .sorder-list .sorder-cznumber .less{ display:block; width:15px; height:15px; ; background:url(../images/smalliconbat.png) no-repeat -15px 0; float:left; margin-top:10px; margin-right:10px; cursor:pointer;} .sorder-list .sorder-cznumber input{ width:30px; height:20px; line-height:20px; text-align:center; border:1px solid #C2C2C2; color:#666; float:left; margin-top:5px; margin-right:10px;} .sorder-list .sorder-cznumber .add{ display:block; width:15px; height:15px; background:url(../images/smalliconbat.png) no-repeat; float:left;margin-top:10px; cursor:pointer;} .sorder-list dl{ width:290px; margin:0 auto; height:60px; overflow:hidden; float:left;} .sorder-list dl dt{ width:60px; height:60px; float:left; margin-right:20px;} .sorder-list dl dt img{ width:60px; height:60px;} .sorder-list dl dd{ float:left; height:60px; width:210px; text-align:left; display:inline;} .sorder-list dl dd .mname{ font-size:14px; line-height:20px; padding-bottom:15px;} .sorder-list dl dd .cname{ line-height:60px; font-size:14px; padding:0;} .sorder-list dl dd .label{ height:20px; overflow:hidden; white-space:nowrap; width:210px !important; line-height:20px;} .sorder-list dl dd .label a{ color:#fff; padding:0px 5px; margin-right:5px; float:left; margin-bottom:10px; white-space:nowrap;} .sorder-list dl dd .label a:hover{ text-decoration:none; color:#fff;} .order-btn-cont{ padding-top:20px;} .order-btn-cont .btn-sorder{ width:158px; height:43px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; margin-bottom:70px; float:right; background:#F55741; border:1px solid #E74830; color:#fff; font-size:16px; text-align:center; line-height:43px; border-radius:5px;} .order-btn-cont .btn-sorder:hover{ background:#E14029; color:#fff; text-decoration:none;} .order-btn-cont .btn-sorder-no{ width:158px; height:43px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; margin-bottom:70px; float:right; background:#E5E5E5; border:1px solid #ccc; color:#999; font-size:16px; text-align:center; line-height:43px; border-radius:5px;} .order-btn-cont .btn-sorder-no:hover{ text-decoration:none;background:#E5E5E5; border:1px solid #ccc; color:#999; } .success{ width:400px; height:220px; margin:0 auto; padding-left:200px; background:url(../images/order-suc.png) no-repeat left center; margin-top:80px; margin-bottom:120px;} .success .title{ font-size:36px; color:#68A823; padding-top:45px; padding-bottom:25px;} .success .alt{ font-size:16px; color:#666666; line-height:34px;} .success .alt a{ color:#CC3333; padding:0 5px;} .error-ty{ width:400px; height:220px; margin:0 auto; padding-left:200px; background:url(../images/failure-icon.png) no-repeat left center; margin-top:80px; margin-bottom:120px;} .error-ty .title{ font-size:36px; color:#CC3333; padding-top:45px; padding-bottom:25px;} .error-ty .alt{ font-size:16px; color:#666666; line-height:34px;} .error-ty .alt a{ color:#CC3333; padding:0 5px;} .order-btn-cont{ width:295px; float:right;} .order-btn-cont .back{ float:left; line-height:15px; display:inline; padding-left:15px; background:url(../images/smalliconbat.png) no-repeat 0px -21px; color:#0187CD; margin-top:18px;} .buyalt{ font-size:12px; height:15px; line-height:15px; margin-bottom:20px; color:#68A822;} .buyalt a{ color:#0187CD; margin-left:20px; text-decoration:underline;} .qx input{ margin-right:5px; float:left; margin-top:13px; display:inline; margin-left:51px;} .smallwidth .qx input{ margin-right:5px; float:left; margin-top:13px; display:inline; margin-left:40px;} .all-del{ padding-top:15px; height:20px; overflow:hidden; width:100%;} .all-del span{ display:block; height:20px; float:left; margin-right:25px;} .all-del span input{ float:left; margin-top:3px; display:inline; margin-left:51px; margin-right:5px;} .all-del a{ color:#0187CD;} .order-usermoney{ padding-top:20px; width:100%; overflow:hidden;} .order-usermoney p{ float:right; display:inline;} .order-usermoney .order-xxd{ color:#999999; padding-right:10px;} .order-usermoney .order-xxd a{ color:#0187CD;} .order-usermoney .order-noenough{ color:#999;} .order-usermoney .order-noenough span{ color:#CC3333;} .order-usermoney .order-enough{ color:#999;} .order-usermoney .order-enough span{ color:#68A822;} .order-totalprice{ font-size:14px; text-align:right; padding-top:20px;} .order-totalprice span{ font-size:18px;color:#CC3333; padding-left:10px;} .order-invoiceinfo{ font-size:12px; color:#999; padding-top:20px; text-align:right;} .order-invoiceinfo span{ color:#333;} /*优惠券*/ .coupon{ width:100%; overflow:hidden; margin-top:20px;} .coubtn{ color:#005ea7; display:block; height:15px; padding-left:20px; background:url(../images/cou-open.png) no-repeat; line-height:15px;} .coupon-list div{ display:inline;} .coupon-content{ background:#F5FCFF; border:1px solid #CDE6FF; padding:20px; margin-top:10px;} .cou-title{ font-weight:bold; color:#000; margin-bottom:15px;} .cou-title a{ color:#005ea7; margin-left:5px; font-weight:normal;} .coupon-list{ padding-bottom:5px;} .coupon-list li{ height:15px; line-height:15px; padding-bottom:15px; color:#777777;} .coupon-list li input{ float:left; margin-top:2px; margin-right:3px;} .coupon-list li div{ font-weight:bold; padding:0 3px;} .coupon-list li div span{ color:#e97753;} .coupon-input{ height:30px;display:none;} .coupon-input span{ line-height:30px; float:left;} .coupon-input input{ width:168px; height:28px; line-height:28px\9; border:1px solid #CACACA; padding:0 10px; float:left; margin-right:15px;} .coupon-input a{ display:block; width:58px; height:28px; color:#fff; background:#CC3333; border:1px solid #E74830; text-align:center; line-height:28px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; float:left; border-radius:3px;} .coupon-input a:hover{ background:#E3402E; text-decoration:none; color:#fff;} .cou-alt{ font-size:12px; color:#777777; padding-top:15px; border-top:1px dashed #E2E1E1; margin-top:20px;} .cou-alt span{ color:#F45441; padding:0 3px; font-weight:bold;} .coucar-input{ height:30px; display:none;} .coucar-input span{ line-height:30px; float:left;} .coucar-input input{ width:168px; height:28px; line-height:28px\9; border:1px solid #CACACA; padding:0 10px; float:left; margin-right:15px;} .coucar-input a{ display:block; width:58px; height:28px; color:#fff; background:#CC3333; border:1px solid #E74830; text-align:center; line-height:28px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; float:left; border-radius:3px;} .coucar-input a:hover{ background:#E3402E; text-decoration:none; color:#fff;} .cou-no{ color:#777; padding-bottom:15px; border-bottom:1px dashed #E2E1E1; margin-bottom:20px;} .cou-no a{ color:#005ea7;} /*贴心卡*/ .coucar{ margin-top:20px;} .coucar-content table{ width:100%; margin-bottom:20px;} .coucar-content{ background:#F5FCFF; border:1px solid #CDE6FF; padding:20px; margin-top:10px;} .coucar-content table{ width:100%;border-collapse:collapse; border-spacing:0;} .coucar-content table thead tr td{ height:45px; background:#F0F3F4;} .coucar-content table tbody tr td{ height:50px; border-bottom:1px solid #EEEEEE;} .coucar-content table tbody tr td input{ float:left; margin-top:2px; margin-right:3px; display:inline; margin-left:15px;} .coucar-content table thead tr .coucar-number{ text-align:left; text-indent:3em;} /*我的购物车部分小屏幕*/ .smallwidth .all-del span input{ margin-left:40px;} /*免费插件详情*/ .plug-main .mf span{ font-size:14px; text-decoration:line-through; color:#333; margin-right:10px;} .plug-main .btn-joinshop-no{ background:#A5A5A5;} .plug-main a .icon{ display:block; width:40px; height:40px; float:left;} .plug-main a .text{ display:block; width:95px; height:40px; float:left; text-align:center; line-height:40px; font-size:14px;} .plug-main .btn-joinshop-no .icon{ background:url(../images/modericonbat.png) no-repeat -654px 0px #909090; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .mftop{ padding-top:40px;} .mf-alt{ float:left; line-height:40px; color:#f4523b; font-size:14px; display:inline; margin-left:10px;} .plug-topinfo .btn .mf-alt a{ display:inline; float:none; color:#0695DE;} .plug-topinfo .btn .mf-alt a:hover{ text-decoration:underline;} .plug-main { height:340px;} .smallwidth .mf-alt{ margin-left:5px; font-size:12px; float:none;} /*新闻动态*/ .news-list{ overflow:hidden; padding-bottom:30px;} .news-list li{ height:40px; line-height:40px; padding-left:15px; font-size:14px; border-bottom:1px dotted #E9E9E9; background:url(../images/smalliconbat-jpg.png) no-repeat 5px -180px;} .news-list li a{ color:#333; float:left;} .news-list li span{ float:right; color:#ccc; font-size:12px;} .news-list li a:hover{ color:#CC3333;} .news-info-title{ background:#F5F5F5; height:100px; border-radius:5px;} .news-info-title .title{ font-size:18px; font-weight:bold; color:#333333; line-height:2.5; padding-top:0px;} .news-info-title .alt{ color:#999;} .news-info-title .alt span{ padding-right:30px;} .news-info-content{ font-size:14px; line-height:2em; min-height:300px; _height:300px;} .news-yd{ padding-bottom:80px; color:#333; padding-top:10px; border-top:1px solid #e9e9e9;} .news-yd p{ font-size:14px; line-height:2;} .news-yd p span{ color:#CC3333;} .news-yd p a{ color:#333;} .news-yd p a:hover{ color:#CC3333;} /*找回密码*/ .forgotpwd-content{ background:#fff; overflow:hidden; border:1px solid #EAEAEA; margin:50px 0; padding-bottom:150px;} .forgotpwd-title{ width:800px; overflow:hidden; border-bottom:1px solid #E6E6E6; margin:0 auto; height:70px; overflow:hidden; padding-top:40px;} .forgotpwd-title .name{ float:left; font-size:30px; color:#333333; line-height:70px;} .forgotpwd-title a{ float:right; font-size:14px; font-weight:bold; color:#f4523b; line-height:90px;} .forgotpwd-alt{ width:800px; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#999999;} .forgotpwd-alt a{ color:#0e75d2; padding-left:10px;} .forgotpwd-cont{ width:800px; margin:0 auto; margin-top:40px;} .forgotpwd-cont dl{ height:40px; margin-bottom:20px;} .forgotpwd-cont dl dt{ float:left; text-align:right; width:260px; height:40px; line-height:40px; font-size:16px; margin-right:10px;} .forgotpwd-cont dl dt span{ color:#f4523b;} .forgotpwd-cont dl dd{ float:left; width:530px; height:40px;} .forgotpwd-cont dl dd input{ width:340px; height:38px; line-height:38px\9; padding:0 10px; border:1px solid #CCCCCC; font-size:14px;} .forgotpwd-cont dl dd .yzm{ width:90px; margin-right:20px; float:left;} .forgotpwd-cont dl dd a{ display:block; float:left; width:158px; height:38px; line-height:38px; background:#F9F9F9; border:1px solid #E8E8E8; color:#999; font-size:14px; text-align:center; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .forgotpwd-cont dl dd a:hover{ text-decoration:none; background:#efefef; color:#999;} .forgotpwd-cont .btn-forgotpwd{ width:358px; height:43px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; display:block; background:#F55741; border:1px solid #E74830; color:#fff; font-size:16px; text-align:center; line-height:43px; border-radius:5px; margin-left:270px;} .forgotpwd-cont .btn-forgotpwd:hover{ background:#E14029; color:#fff; text-decoration:none;} /*建设指导*/ .build-content{ padding:70px; overflow:hidden;} .m-link{ display:block; width:100%; position:absolute; height:175px; overflow:hidden; top:200px; z-index:9;} .m-link a{ display:block; width:120px; height:175px; position:absolute; z-index:11;} .m-link .ml1{ left:63px;} .m-link .ml2{ left:380px;} .m-link .ml3{ left:695px;} .m-link .ml4{ left:1015px;} #m01{ position:absolute; bottom:0;} /*锚链接 - 小屏幕*/ .smallwidth .m-link{ top:190px;} .smallwidth .m-link a{ width:100px;} .smallwidth .m-link .ml1{ left:50px;} .smallwidth .m-link .ml2{ left:310px;} .smallwidth .m-link .ml3{ left:570px;} .smallwidth .m-link .ml4{ left:830px;} /*首屏*/ .build-sp{ width:100%; background:url(../images/build-guide-sp-title.jpg) no-repeat center 20% #616FAD; padding-bottom:60px;} .build-sp .conwidth{ position:relative; overflow:hidden;} .zt-dh{ position:absolute; top:15px; left:0; font-size:14px; color:#fff;} .zt-dh a{ color:#fff;} .build-sp-lc{ width:100%; height:auto; margin-top:17%; float:left; position:relative; z-index:4;} .build-sp-lc img{ width:100%; height:auto;} .build-sp-alt{ width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; position:relative; float:left; z-index:4;} .build-sp-alt .l01{ position:absolute; left:85px;} .build-sp-alt .l02{ position:absolute; left:405px;} .build-sp-alt .l03{ position:absolute; left:725px;} .build-sp-alt .l04{ position:absolute; left:1045px;} /*首屏 - 小屏幕*/ .smallwidth .build-sp-alt .l01{ position:absolute; left:65px;} .smallwidth .build-sp-alt .l02{ position:absolute; left:325px;} .smallwidth .build-sp-alt .l03{ position:absolute; left:585px;} .smallwidth .build-sp-alt .l04{ position:absolute; left:845px;} .smallwidth .build-sp-lc{ margin-top:20%;} /*第二屏*/ .build-2{ background:#fff;} .build-title{ height:40px; margin:0 auto; text-align:center; color:#f4523b; font-size:30px; line-height:40px;} .build-title span{ padding-left:15px; background:url(../images/smalliconbat.png) no-repeat -92px -82px;} .build-alt{ text-align:center; line-height:36px; font-size:16px; color:#666666; margin-top:15px;} .build-2-cont{ height:310px; width:100%; overflow:hidden; margin-top:60px;} .build-2-cont .inner{ float:left; margin-left:-180px;} .build-2-info{ width:280px; height:310px; float:left; display:inline; margin-left:180px;} .build-2-info .img-show{ width:140px; margin:0 auto; height:140px;} .build-2-info .img-show01{ background:url(../images/bigiconbat.png) no-repeat -580px -135px;} .build-2-info .img-show02{ background:url(../images/bigiconbat.png) no-repeat -860px -135px;} .build-2-info .img-show03{ background:url(../images/bigiconbat.png) no-repeat -720px -135px;} .build-2-info .title{ font-size:18px; color:#333333; text-align:center; line-height:40px; padding-top:10px;} .build-2-info .alt{ height:75px; overflow:hidden;} .build-2-info .alt p{ font-size:12px; color:#888888; line-height:24px; text-align:center;} .build-content .build-btn{ display:block; width:135px; height:35px; background:#DDA352; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:35px; border-radius:5px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin:0 auto;} .build-content .build-btn:hover{ text-decoration:none; background:#C18331; color:#fff;} .build-2-info .btn-content .build-btn{ float:left; margin-left:10px; display:inline;} .btn-content .btn-inner{ float:left; margin-left:-10px;} .build-2-conalt{ width:640px; margin:0 auto; height:35px; margin-top:60px; font-size:18px; line-height:35px;} .build-2-conalt a{ display:block; width:115px; height:35px; background:#CC3333; border-radius:5px; float:right; text-align:center; line-height:35px; color:#fff; font-size:14px; font-weight:bold;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .build-2-conalt a:hover{ text-decoration:none; background:#E3402E; color:#fff;} /*第二屏 - 小屏幕*/ .smallwidth .build-2-info{ margin-left:70px;} .smallwidth .build-2-cont .inner{ margin-left:-70px;} /*第三屏*/ .build-3{ background:#F4F4F4;} .build-3-cont{ width:100%; height:330px; overflow:hidden; margin-top:60px;} .build-3-cont .inner{ float:left; margin-left:-75px;} .build-3-info{ width:240px; height:330px; float:left; margin-left:75px; display:inline; background:url(../images/build-03-info-bg.png) no-repeat;} .build-3-info .imgshow{ width:120px; margin:20px auto; height:80px;} .build-3-info .imgshow01{ background:url(../images/bigiconbat.png) no-repeat 0px -978px;} .build-3-info .imgshow02{ background:url(../images/bigiconbat.png) no-repeat -148px -978px;} .build-3-info .imgshow03{ background:url(../images/bigiconbat.png) no-repeat -296px -978px;} .build-3-info .imgshow04{ background:url(../images/bigiconbat.png) no-repeat -432px -978px;} .build-3-info .alt01{ height:80px !important;} .build-3-info .alt{ height:110px; text-align:center; line-height:30px; font-size:14px;} .build-3-info .btn-cont01 a{ margin-bottom:10px;} /*第三屏 - 小屏幕*/ .smallwidth .build-3-info{ margin-left:33px; width:220px; background:url(../images/build-03-info-bg-sm.png) no-repeat;} .smallwidth .build-3-cont .inner{ margin-left:-33px;} /*第四屏*/ .build-4{ background:#fff;} .build-4-cont{ width:100%; height:240px; overflow:hidden; margin-top:60px;} .build-4-info{ width:25%; float:left; height:240px;} .build-4-info .imgshow{ width:120px; margin:0 auto; margin-bottom:20px; height:155px;} .build-4-info .imgshow01{ background:url(../images/bigiconbat.png) no-repeat -880px -690px;} .build-4-info .imgshow02{ background:url(../images/bigiconbat.png) no-repeat -761px -690px;} .build-4-info .imgshow03{ background:url(../images/bigiconbat.png) no-repeat -642px -690px;} .build-4-info .imgshow04{ background:url(../images/bigiconbat.png) no-repeat -523px -690px;} .build-4-info .alt{ font-size:14px; line-height:30px; padding:0 50px; text-align:center;} /*第四屏 - 小屏幕*/ .smallwidth .build-4-info .alt{ padding:0 20px;} /*第五屏*/ .build-5{ background:#F4F4F4;} .build-5 .build-ok{ display:block; width:203px; height:48px; border:1px solid #E74830; background:#CC3333; text-align:center; line-height:48px; color:#fff; font-size:18px; font-weight:bold; border-radius:5px; margin:0 auto; margin-top:70px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .build-5 .build-ok:hover{ background:#E3402E; color:#fff; text-decoration:none;} /*客户服务*/ .service-client{ overflow:hidden; background:#F4F4F4;} .service-client-title{ font-size:30px; text-align:center; color:#333333; padding-top:20px;} .service-client-talt{ color:#999999; font-size:18px; text-align:center; padding-top:10px; padding-bottom:40px;} .service-client-xinfo{ width:100%; overflow:hidden; padding-bottom:20px;} .service-client-xinfo .left{ line-height:30px; font-size:14px; color:#333;} .service-client-xinfo .left span{ font-weight:bold; color:#CC3333;} .service-client-xinfo .right a{ display:block; width:108px; height:33px; background:#CC3333; border:1px solid #E74830; border-radius:5px; text-align:center; line-height:33px; font-weight:bold; color:#fff;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-top:20px;} .service-client-xinfo .right a:hover{ text-decoration:none; color:#fff; background:#E3402E;} .service-client-tab{ width:100%;border-collapse:collapse; border-spacing:0; margin-bottom:50px;} .service-client-tab thead tr{ height:55px; line-height:55px; background:#CC3333; color:#fff; font-size:18px; font-weight:bold; text-align:center;} .service-client-tab thead tr td{ text-align:center;} .service-client-tab tbody tr td{ border:1px solid #E5E5E5; background:#fff; border-top:0; border-left:0; text-align:center; font-size:14px;} .service-client-tab tbody tr .title{ border-left:0; font-size:16px; font-weight:bold; color:#CC3333; background:#fff !important;} .service-client-tab tbody tr .info{ padding:10px 20px; text-align:left; line-height:2;} .service-client-tab tbody tr .it{ font-weight:bold;} .service-client-tab tbody tr .price{ font-size:18px; font-weight:bold; color:#f4523b; border-right:0px;} .service-client .buy-service{ display:block; width:203px; height:48px; text-align:center; line-height:48px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; background:#CC3333; color:#fff; font-weight:bold; font-size:18px; border:1px solid #E74830; border-radius:5px; text-align:center; margin:0 auto;} .service-client .buy-service:hover{ color:#fff; text-decoration:none; background:#E3402E;} .servicealt{ font-size:14px; text-align:center; padding:20px 0; padding-bottom:70px;} .servicealt a{ color:#0C77D2; margin-left:10px;} .service-client-tab tbody tr .bgc{ background:#FFF6F7;} .service-client-tab tbody tr .bgf{ background:#fff;} /*指引结果页*/ .ss-title{ width:100%; height:100px; overflow:hidden;} .ss-title img{ float:left; margin-right:20px;} .ss-title p{ font-size:16px; color:#999999; line-height:30px;} .ss-title .alt{ padding-top:20px; float:left;} .ss-tab { margin-bottom:50px;} .ss-tab .title{ font-size:14px; color:#999999; padding-bottom:10px;} .ss-tab .xlabel{ font-size:14px; color:#999;} .ss-tab .xlabel a{ font-size:12px; color:#fff;} .ss-tab .xlabel a{ background:#2BC27C; color:#fff; padding:0px 5px; margin-right:5px; white-space:nowrap; height:20px; line-height:20px;} .ss-tab .xlabel a:hover{ text-decoration:none;} .ss-gg{ width:100%; margin-bottom:70px;} .ss-gg img{ width:100%;} /*案例*/ .index-case-list{ width:100%; float:left; margin-top:40px;} .index-case-list li{ width:570px; height:270px; float:left; position:relative; display:inline; margin-top:5px; margin-right:35px; margin-left:5px;} .index-case-list li .inner{ position:absolute; z-index:1; width:580px; height:270px;} .index-case-list li .yy{ position:absolute; z-index:0; width:590px; height:280px; left:-5px; top:-5px; background:url(../images/al-list-bg.png) no-repeat;} .index-case-list li .imgshow{ width:270px; height:270px; float:left; overflow:hidden; margin-right:30px;} .index-case-list li .imgshow img{ width:270px; height:270px;} .index-case-list li .case-list-info{ width:310px; height:270px; float:left; width:250px; overflow:hidden;} .index-case-list li .title { line-height:25px; padding-top:5px;} .index-case-list li .title a{ font-size:18px; color:#333;} .index-case-list li .title a:hover{ color:#CC3333;} .index-case-list li .xlabel{ font-size:14px; color:#999;} .index-case-list li .xlabel a{ font-size:12px; color:#fff;} .index-case-list li .xlabel a{ background:#2BC27C; color:#fff; padding:0px 5px; margin-right:5px; white-space:nowrap; height:20px; line-height:20px;} .index-case-list li .xlabel a:hover{ text-decoration:none;} .index-case-list li .info{ height:120px; padding-top:10px;} .index-case-list li .seeshop{ height:80px;} .index-case-list li .honor{ line-height:23px; font-size:14px; font-weight:bold; color:#CC3333; padding-left:20px; background:url(../images/smalliconbat.png) no-repeat 0px -150px; margin-top:10px;} .index-case-list li .alt{ font-size:14px; font-weight:bold; padding-bottom:5px;} .index-case-list li .cont{ color:#333; line-height:20px;} .index-case-list li .cont a{ color:#0C77D2;} .index-case-list li .btn{ height:35px; overflow:hidden;} .index-case-list li .btn a{ display:block; width:95px; height:35px; float:left; margin-right:25px; color:#fff; font-size:14px; text-align:center; line-height:35px;border-radius:5px; transition:all .2s .1s ease;} .index-case-list li .btn a:hover{ text-decoration:none;} .index-case-list li .btn .case-btn{ background:#CC3333;} .index-case-list li .btn .see-btn{ background:#3EB7FD;} .index-case-list li .btn .see-btn-no{ background:#ccc;} .index-case-list li .btn .see-btn-no:hover{ background:#ccc !important;} .index-case-list li .btn .case-btn:hover{ background:#E54331;} .index-case-list li .btn .see-btn:hover{ background:#24A0E8;} .index-case-list{ position:relative;} #LeftButton{ width:30px; height:50px; position:absolute; left:5px; top:50%; margin-top:-25px; background:url(../images/act-pre.png) no-repeat; z-index:11; cursor:pointer; display:none;} #RightButton{ width:30px; height:50px; position:absolute; right:5px; top:50%; margin-top:-25px; background:url(../images/act-next.png) no-repeat; z-index:11; cursor:pointer; display:none;} #LeftButton:hover{ background:url(../images/act-pre-hover.png) no-repeat;} #RightButton:hover{ background:url(../images/act-next-hover.png) no-repeat;} .index-case-list li .seeshop .tsalt{ font-size:14px; font-weight:bold; padding-bottom:10px;} .index-case-list li .seeshop .tscont a{ color:#0C77D2; margin-left:10px;} #box{ position:relative; overflow:hidden;height:280px;} #picbox{height:280px; overflow:hidden; position:absolute; left:0px; top:0px;} /*案例 - 小屏幕*/ .smallwidth .index-case-list li{ width:470px; height:230px; margin-right:25px;} .smallwidth .index-case-list li .inner{ position:absolute; z-index:1; width:470px; height:230px;} .smallwidth .index-case-list li .yy{ position:absolute; z-index:0; width:480px; height:240px; left:-5px; top:-5px; background:url(../images/al-list-bg-sm.png) no-repeat;} .smallwidth .index-case-list li .imgshow{ width:230px; height:230px; float:left; overflow:hidden; margin-right:20px;} .smallwidth .index-case-list li .imgshow img{ width:230px; height:230px;} .smallwidth .index-case-list li .case-list-info{ width:210px; height:230px; float:left; overflow:hidden;} .smallwidth .index-case-list li .info{ height:90px;} .smallwidth .index-case-list li .btn a{ margin-right:0px;} .smallwidth .index-case-list li .btn .case-btn{ margin-right:15px;} .smallwidth #LeftButton{ margin-top:-50px;} .smallwidth #RightButton{ margin-top:-50px;} /*服务中心*/ .sc-title{ width:100%; height:60px; overflow:hidden;} .sc-logo{ float:left;} .sc-logo img{ margin-top:8px;} .sc-title-links{ float:right;} .sc-title-links a{ display:block; float:left; height:42px; line-height:42px; border-bottom:3px solid #fff; margin-top:15px; margin-left:20px; font-size:14px; padding:0 5px;} .sc-title-links a:hover{ text-decoration:none;} .sc-title-links .click{ color:#f4523b; border-color:#f4523b;} .sc-banner{ width:100%; overflow:hidden; background:#E3EDEF;} .sc-banner img{ width:100%;} .zw-sc-links{ display:none; height:70px; width:100%;} .sc-links{ width:100%; height:70px; overflow:hidden; background:#fff;} .sc-links a{ display:block; float:left; width:238px; height:68px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-top:1px solid #E1E1E1;} .sc-links .click{ height:67px; border-top:2px solid #CC3333; color:#CC3333;} .sc-links .click dl dt{ color:#CC3333;} .sc-links .click dl dd p{ color:#CC3333;} .sc-links .bl{ border-left:1px solid #E1E1E1;} .sc-links a:hover{ color:#CC3333; text-decoration:none;} .sc-links a:hover dl dt{ color:#CC3333;} .sc-links a:hover dl dd p{ color:#CC3333;} .sc-links a dl{ padding-left:55px;} .sc-links a dl dt{ height:68px; line-height:68px; float:left; font-size:40px; color:#666666; margin-right:10px;} .sc-links a dl dd{ padding-top:15px;} .sc-links a dl dd p{ line-height:18px; font-size:14px; color:#666666;} .sc-links .alink{ font-size:18px; text-align:center; line-height:68px; color:#0066cc;} .linksfix{ position:fixed; top:0; _position:absolute; z-index:10;} .linksfixie{ _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));} .sc-links-title{ font-size:36px; text-align:center; line-height:55px; padding-top:70px; color:#000;} .sc-links-title span{ color:#f4523b;} .sc-links-alt{ text-align:center; font-size:18px; line-height:36px; color:#333333; padding-top:20px;} /*服务中心免费第一屏*/ .sc-01-img{ width:660px; height:410px; margin:0 auto; margin-top:40px; position:relative;} .sc-01-img img{ position:absolute;} .sc-01-img span{ position:absolute;} .sc-01-img .sc-01-01{ display:block; width:40px; height:45px; font-size:18px; color:#fff; font-weight:bold; left:106px; top:23px;} .sc-01-img .sc-01-02{ display:block; width:40px; height:40px; font-size:17px; color:#fff; font-weight:bold; left:102px; top:117px;} .sc-01-img .sc-01-03{ display:block; width:40px; height:40px; font-size:17px; color:#fff; font-weight:bold; left:212px; top:80px;} .sc-01-img .sc-01-04{ display:block; width:40px; height:40px; font-size:17px; color:#fff; font-weight:bold; left:78px; top:204px;} .sc-01-img .sc-01-05{ display:block; width:40px; height:40px; font-size:17px; color:#fff; font-weight:bold; left:188px; top:178px;} .sc-01-img .sc-01-06{ display:block; width:40px; height:40px; font-size:16px; color:#fff; font-weight:bold; left:294px; top:140px;} /*服务中心免费第二屏*/ .sc-02-img{ width:835px; height:290px; margin:0 auto; margin-top:40px; position:relative;} .sc-02-img img{ position:absolute;} .sc-02-img div{ position:absolute;} .sc-02-img .sc-02-alt{ font-size:20px; line-height:30px; color:#fff; width:170px; position:absolute; left:60px; top:110px;} .sc-02-img .sc-02-t{ position:absolute; width:230px; text-align:center; right:35px; line-height:30px; top:60px;} .sc-02-img .sc-02-i{ position:absolute; width:230px; text-align:center; right:35px; line-height:30px; top:150px;} .sc-02-img .sc-02-i p span{ color:#b69b19; font-weight:bold;} /*服务中心免费第三屏*/ .sc-03-img{ width:835px; height:290px; margin:0 auto; margin-top:40px; position:relative;} .sc-03-img img{ position:absolute;} .sc-03-img div{ position:absolute;} .sc-03-img .sc-03-alt{ width:230px; text-align:center; font-size:20px; line-height:30px; color:#fff; position:absolute; left:30px; top:87px;} .sc-03-img .sc-03-t{ position:absolute; width:230px; text-align:center; right:35px; line-height:30px; top:55px;} .sc-03-img .sc-03-i{ position:absolute; width:230px; text-align:center; right:35px; line-height:30px; top:180px;} .sc-03-img .sc-03-i p span{ color:#b69b19; font-weight:bold;} /*服务中心免费第四屏*/ .sc-04-img{ width:590px; height:250px; margin:0 auto; margin-top:40px; position:relative;} /*服务中心免费第五屏*/ .sc-05-alt{ font-size:14px; padding-top:30px; padding-bottom:20px;} .sc-05-tab table{ width:100%;border-collapse:collapse; border-spacing:0; margin-bottom:40px;} .sc-05-tab table thead tr td{ height:65px; background:#CC3333; color:#fff; font-size:18px; font-weight:bold;} .sc-05-tab table thead tr .br{ border-right:1px solid #DF4128;} .sc-05-tab table tbody tr td{ height:105px; border:1px solid #E0E0E0; padding:0 20px; font-size:16px; line-height:30px;} .sc-05-tab table tbody tr td span{ font-weight:bold; color:#2aa300;} .sc-05-tab table tbody tr .bold{ font-weight:bold; text-align:center; font-size:18px;} .sc-05-tab p{ font-size:24px; text-align:center; padding-bottom:80px;} .sc-05-tab p a{ color:#2aa300;} /*服务中心免费小屏幕*/ .sc-links .smallwidth a{ width:194px;} .sc-links .smallwidth a dl{ padding-left:30px;} /*服务中心增值banner*/ .sczz-banner{ width:100%; overflow:hidden; background:#008CD6;} .sczz-banner img{ width:100%;} /*服务中心增值链接*/ .zw-sczz-links{ display:none; width:150px; height:300px; float:left;} .sczz-links{ width:150px; height:300px; overflow:hidden; float:left;} .sczz-links a{ display:block; width:113px; height:38px; border:1px solid #EBEBEB; border-bottom:0px; line-height:38px; padding-left:35px;} .sczz-links .click{ background:url(../images/sczz-a-links.jpg) no-repeat; color:#fff; border-color:#F4543E;} .sczz-links a:hover{ text-decoration:none;} .sczz-links .bb a{ border-bottom:1px solid #EBEBEB;} .sczlinksfix{ position:fixed; top:0; _position:absolute; z-index:11;} .sczlinksfixie{ _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));} /*服务中心增值主体*/ .sczz-container{ padding-top:50px; overflow:hidden; padding-bottom:80px;} .sczz-cont{ width:1000px; float:right;} .sczz-cont .pd0{ padding:0;} .sczz-continner{ overflow:hidden; padding-top:60px;} .sczz-continner .title{ height:30px; line-height:30px; padding-left:15px; border-left:4px solid #CC3333; color:#CC3333; overflow:hidden; font-size:24px; font-weight:bold;} .sczz-continner .alt{ font-size:14px; padding-top:10px; padding-bottom:20px; line-height:26px;} .sczz-continner table{ width:100%;border-collapse:collapse; border-spacing:0; border:2px solid #E0E0E0;} .sczz-continner table tr td{ border:1px solid #E0E0E0; font-size:12px; padding:20px 30px;} .sczz-continner table tr td p{ line-height:26px;} .sczz-continner table tr td p span{ color:#8ca615;} .sczz-continner table tr .xtitle{ text-align:center; font-size:14px; font-weight:bold; background:#F4F4F4;} .sczz-continner table tr .cg{ color:#8ca615;} .sczz-continner table tr td .price{ color:#8ca615; float:left; display:block; line-height:45px; margin-right:20px;} .sczz-continner table tr td .price span{ font-size:18px; font-weight:bold; } .sczz-continner table tr td a{ display:block; background:#CC3333; border:1px solid #E74830; width:130px; height:40px; float:left; line-height:40px; font-size:14px; color:#fff; border-radius:5px;} .sczz-continner table tr td a:hover{ background:#E3402E; text-decoration:none;} .sczz-continner table tr td a i{ display:block; width:20px; height:20px; background:url(../images/cc-icon.png) no-repeat 0px -1598px; float:left; margin-top:10px; margin-left:15px; margin-right:5px;} .smallwidth .sczz-cont{ width:800px; float:right;} /******E 其余系统页面******/ /******S 系统反馈页面******/ /*404*/ .nopagecont{ width:423px; height:287px; margin:0 auto; margin-top:80px; margin-bottom:70px;} .nopagebtn{ width:400px; height:45px; margin:0 auto;} .btn-goindex{ display:block; width:160px; height:45px; background:url(../images/btn-goindex.png) no-repeat; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-bottom:90px; float:left;} .btn-goindex:hover{ background:url(../images/btn-goindex-hover.png) no-repeat;} .btn-goback{ display:block; width:160px; height:45px; background:url(../images/btn-goback.png) no-repeat; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin-bottom:90px; float:right;} .btn-goback:hover{ background:url(../images/btn-goback-hover.png) no-repeat;} /*暂无数据*/ .noinfo{ width:310px; margin:0 auto; height:160px; background:url(../images/noinfo-icon.png) no-repeat left center; overflow:hidden; margin-top:80px; margin-bottom:140px;} .noinfo p{ font-size:36px; color:#cecece; padding-top:70px; padding-left:160px;} .stencil-info-noinfo { text-align:center; padding-top:100px; background:url(../images/mbnoinfo-icon.png) no-repeat center top; margin-top:80px;} .stencil-info-noinfo img{ width:80%; height:auto;} .stencil-info-noinfo p{ padding-top:10px; font-size:26px; color:#BFBFBF;} .order-list-noinfo{ width:375px; height:220px; margin:0 auto; padding-left:200px; background:url(../images/failure-icon.png) no-repeat left center; margin-top:80px; margin-bottom:100px;} .order-noinfo-con{ background:#fff; overflow:hidden; border:1px solid #D7D7D7;} .order-list-noinfo .title{ font-size:36px; color:#68A823; padding-top:45px; padding-bottom:35px;} .order-list-noinfo .alt{ font-size:16px; color:#666666; line-height:34px;} .order-list-noinfo .alt a{ color:#CC3333; padding:0 5px;} /*报错*/ .error-cont{ width:450px; height:160px; background:url(../images/noinfo-icon.png) no-repeat left center; overflow:hidden; margin:0 auto; margin-top:80px; margin-bottom:80px;} .error-cont p{ padding-left:160px;} .error-cont .title{ font-size:36px; color:#CECECE; padding-top:50px; padding-bottom:20px;} .error-cont .alt{ font-size:14px; color:#666;} /*课程中心*/ .cc-title{ width:480px; height:65px; background:url(../images/cc-title.png) no-repeat; text-align:center; line-height:49px; font-size:30px; font-weight:bold; color:#fff; margin:0 auto; margin-top:80px; margin-bottom:35px;} /*首屏*/ .course-center-sp{ width:100%; height:390px; overflow:hidden; background:url(../images/ccsp.png) no-repeat center top;} .course-center-sp .conwidth{ position:relative;} .course-center-sp .zt-dh{ position:absolute; z-index:4; color:#fff;} .course-sp-title{ font-size:60px; color:#89e432; text-align:center; padding-top:100px; padding-bottom:30px;} .course-sp-alt{ color:#fff; font-size:16px; line-height:38px; width:780px; margin:0 auto; text-align:center;} /*第一屏*/ .course-cente-1{ background:#F4F4F4; overflow:hidden; padding-bottom:80px;} .cc01-cont{ overflow:hidden;} .cc01-info{ width:820px; float:left;} .cc01-info p{ color:#555555; font-size:16px; line-height:38px; padding-top:40px;} .cc01-img{ float:right;} .cc01-links{ overflow:hidden; height:250px; padding-top:50px;} .cc01-links dl{ width:266px; overflow:hidden; height:180px;} .cc01-links dl dt{ width:266px;} .cc01-links dl dt p{ font-size:20px; font-weight:bold; color:#6fb62b; padding-top:10px; float:left; width:160px;} .cc01-links dl dd{ float:left; padding-top:15px;} .cc01-links dl dd ul{ float:left; margin-left:-10px;} .cc01-links dl dd li{ width:128px; height:34px; float:left; display:inline; margin-left:10px; margin-bottom:10px;} .cc01-links dl dd li a{ color:#333; display:block; width:126px; height:32px; overflow:hidden; background:#F4F4F4; border:1px solid #6FB62D; float:left; text-align:center; line-height:32px; font-size:14px; border-radius:3px;} .cc01-links dl dd li a:hover{ color:#fff; background-color:#6FB62D; text-decoration:none;} .cc01-links01,.cc01-links02,.cc01-links03{ float:left;} .cc01-links01{ width:375px; margin-right:90px; background:url(../images/cc-li-bg.jpg) no-repeat right center;} .cc01-links02{ width:375px; margin-right:90px; background:url(../images/cc-li-bg.jpg) no-repeat right center;} .cc01-links03{ width:270px;} .cc01-xinfo{ width:1200px; height:346px; overflow:hidden; background:url(../images/hlwbig.jpg) no-repeat;} .cc01-xinfo p{ font-size:16px; line-height:40px; color:#555555; padding-left:360px; text-indent:2em; padding-top:20px; padding-right:30px;} .smallwidth .cc01-info{ width:650px;} .smallwidth .cc01-links01{ width:320px; margin-right:32px;} .smallwidth .cc01-links02{ width:320px; margin-right:32px;} .smallwidth .cc01-links03{ width:260px;} .smallwidth .cc01-xinfo{ width:980px; height:280px; overflow:hidden; background:url(../images/hlwsmall.jpg) no-repeat;} .smallwidth .cc01-xinfo p{ font-size:14px; padding-left:300px; line-height:28px; padding-top:15px;} /*第二屏*/ .course-cente-2{ background:#FFF; overflow:hidden; padding-bottom:80px;} .cc02-info{ overflow:hidden; padding-top:50px;} .cc02-left{ float:left; width:560px;} .cc02-img{ float:right;} .cc02-img img{ width:100%;} .cc02-left .cc02-title{ font-size:28px; font-weight:bold; color:#6fb62b; padding-bottom:20px;} .cc02-left .cc02-alt{ color:#555555; font-size:16px; line-height:38px;} .smallwidth .cc02-left{ width:430px;} .smallwidth .cc02-img{ width:500px;} .cc02-tab{ overflow:hidden; padding-top:20px;} .cc02-t{ font-size:28px; font-weight:bold; color:#6fb62b; padding-bottom:50px;} .cc02-tabtitle{ height:120px; overflow:hidden; background:url(../images/cctab-title.png) no-repeat bottom; position:relative;} .cc02-tabtitle span{ display:block; width:75px; height:100px; position:absolute; cursor:pointer;} .cc02-tabtitle .cc02-title-01{ left:135px;} .cc02-tabtitle .cc02-title-02{ left:562px;} .cc02-tabtitle .cc02-title-03{ left:985px;} .cc02-tabtitle .number{ width:65px; height:65px; margin:0 auto; text-align:center; line-height:65px; font-size:36px; color:#ffffff; margin-bottom:5px;} .cc02-tabtitle .number01{ background:url(../images/cc02-title.png) no-repeat 0px -195px;} .cc02-tabtitle .number02{ background:url(../images/cc02-title.png) no-repeat 0px -195px;} .cc02-tabtitle .number03{ background:url(../images/cc02-title.png) no-repeat 0px -195px;} .cc02-tabtitle .cc02-title-01-click .number01{ background:url(../images/cc02-title.png) no-repeat 0px 0px;} .cc02-tabtitle .cc02-title-02-click .number02{ background:url(../images/cc02-title.png) no-repeat 0px -65px;} .cc02-tabtitle .cc02-title-03-click .number03{ background:url(../images/cc02-title.png) no-repeat 0px -130px;} .cc02-tabtitle .cc02-title-01 .title{ font-size:18px; font-weight:bold; color:#999999; text-align:center;} .cc02-tabtitle .cc02-title-02 .title{ font-size:18px; font-weight:bold; color:#999999; text-align:center;} .cc02-tabtitle .cc02-title-03 .title{ font-size:18px; font-weight:bold; color:#999999; text-align:center;} .cc02-tabtitle .cc02-title-01-click .title{ font-size:18px; font-weight:bold; color:#538BDF; text-align:center;} .cc02-tabtitle .cc02-title-02-click .title{ font-size:18px; font-weight:bold; color:#88B16D; text-align:center;} .cc02-tabtitle .cc02-title-03-click .title{ font-size:18px; font-weight:bold; color:#FF6A6A; text-align:center;} .cc02-tabcont{ padding-top:45px; height:333px; overflow:hidden;} .cc02-tabcont li{ width:399px; height:166px; border-right:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; float:left;} .cc02-tabcont .nor{ border-right:0px;} .cc02-tabcont .nob{ border-bottom:0px;} .cc02-tabcont .icon{ width:100px; height:80px; margin:0 auto; margin-top:20px; margin-bottom:10px;} .cc02-tabcont .icon01{ background:url(../images/cc-icon.png) no-repeat;} .cc02-tabcont .icon02{ background:url(../images/cc-icon.png) no-repeat 0px -80px;} .cc02-tabcont .icon03{ background:url(../images/cc-icon.png) no-repeat 0px -160px;} .cc02-tabcont .icon04{ background:url(../images/cc-icon.png) no-repeat 0px -240px;} .cc02-tabcont .icon05{ background:url(../images/cc-icon.png) no-repeat 0px -320px;} .cc02-tabcont .icon06{ background:url(../images/cc-icon.png) no-repeat 0px -400px;} .cc02-tabcont .icon07{ background:url(../images/cc-icon.png) no-repeat 0px -480px;} .cc02-tabcont .icon08{ background:url(../images/cc-icon.png) no-repeat 0px -560px;} .cc02-tabcont .icon09{ background:url(../images/cc-icon.png) no-repeat 0px -640px;} .cc02-tabcont .icon010{ background:url(../images/cc-icon.png) no-repeat 0px -720px;} .cc02-tabcont .icon011{ background:url(../images/cc-icon.png) no-repeat 0px -800px;} .cc02-tabcont .icon012{ background:url(../images/cc-icon.png) no-repeat 0px -880px;} .cc02-tabcont .icon013{ background:url(../images/cc-icon.png) no-repeat 0px -960px;} .cc02-tabcont .icon014{ background:url(../images/cc-icon.png) no-repeat 0px -1520px;} .cc02-tabcont .icon015{ background:url(../images/cc-icon.png) no-repeat 0px -1440px;} .cc02-tabcont .icon016{ background:url(../images/cc-icon.png) no-repeat 0px -1360px;} .cc02-tabcont .icon017{ background:url(../images/cc-icon.png) no-repeat 0px -1280px;} .cc02-tabcont .icon018{ background:url(../images/cc-icon.png) no-repeat 0px -1040px;} .cc02-tabcont .icon019{ background:url(../images/cc-icon.png) no-repeat 0px -1120px;} .cc02-tabcont .tabcont-title{ font-size:18px; color:#666666; text-align:center;} .cc02-tabcont div{ overflow:hidden;} .cc02-tabcont .cc02-tabcont01 li{ width:299px;} .smallwidth .cc02-tabtitle{ background:url(../images/cctab-title-sm.png) no-repeat bottom;} .smallwidth .cc02-tabtitle .cc02-title-01{ left:135px;} .smallwidth .cc02-tabtitle .cc02-title-02{ left:450px;} .smallwidth .cc02-tabtitle .cc02-title-03{ left:767px;} .smallwidth .cc02-tabcont li{ width:325px;} .smallwidth .cc02-tabcont .cc02-tabcont01 li{ width:244px;} .smallwidth .cc02-tabcont li .tabcont-title{ font-size:14px;} /*第三屏*/ .course-cente-3{ background:#F4F4F4; overflow:hidden; padding-bottom:80px;} /*.cc03-list{ width:1070px; margin:0 auto;} .cc03-list ul{ float:left; margin-left:-40px;} .cc03-list li{ float:left; width:330px; height:485px; background:url(../images/cc03-list.png) no-repeat; margin-left:40px;} .cc03-list li .photo{ width:170px; height:170px; margin:0 auto; margin-top:20px;} .cc03-list li .name{ color:#333333; font-size:18px; font-weight:bold; text-align:center; padding-top:10px;} .cc03-list li .offoce{ color:#333333; font-size:16px; text-align:center; padding-top:5px; padding-bottom:15px;} .cc03-list li .alt{ margin:0 35px; line-height:28px; color:#666666; height:135px; overflow:hidden; margin-bottom:15px;} .cc03-list li .alt p{ padding-left:10px; background:url(../images/cc-li-icon.png) no-repeat left 12px;} .cc03-list li .btn{ display:block; width:180px; height:45px; overflow:hidden; margin:0 auto; text-align:center; line-height:45px; color:#fff; font-size:16px; font-weight:bold; background:#6FB62D; border-radius:5px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .cc03-list li .btn:hover{ text-decoration:none; background:#589B1A;} .smallwidth .cc03-list{ width:980px;} .smallwidth .cc03-list ul{ margin-left:-30px;} .smallwidth .cc03-list li .alt{ margin:0 25px; margin-bottom:15px;} .smallwidth .cc03-list li{ margin-left:30px; width:300px; background:url(../images/cc03-list-sm.png) no-repeat;}*/ .course-cente-3 .txtalt{ padding-top: 80px; } .course-cente-3 .txtalt p{ font-size: 26px; text-align: center; line-height: 2; } .course-cente-3 .abtn{ width:180px; height:45px; margin: 0 auto; padding-top: 40px;} .course-cente-3 .abtn a{ display:block; width:180px; height:45px; text-align: center; line-height: 45px; color : #fff; background: #6FB62A; font-size: 16px; font-weight: bold; border-radius: 3px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .course-cente-3 .abtn a:hover{ text-decoration: none; background: #589D17; } /*弹窗*/ .zxzx-tc{ position:fixed; z-index:13; width:100%; height:100%; display:none;} .zxzx-tc .zxzx-tc-inner{ right:0; left:50%; top:50%; margin-left:-250px; margin-top:-140px; width:500px; height:280px; z-index:2; background:#fff; position:absolute;} .zxzx-tc-close{ float:right; display:inline; right:10px; top:10px; position:absolute;} .zxzx-tc-close a{ display:block; width:15px; height:15px; background:url(../images/smalliconbat.png) no-repeat 0px -295px;} .zxzx-tc .zxzx-tc-bg{ position:absolute; z-index:1; width:100%; height:100%; background:url(../images/zz-d.png);} .zxzx-input{ width:425px; height:75px; overflow:hidden; margin:0 auto; margin-top:45px;} .zxzx-input input{ width:245px; height:43px; padding:0 10px; line-height:45px\0; border:1px solid #E3E3E3; float:left;} .zxzx-input a{ display:block; width:138px; height:43px; text-align:center; line-height:43px; background:#F2F2F2; font-size:14px; font-weight:bold; color:#b73f2d; float:right; border:1px solid #E3E3E3; border-radius:5px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .zxzx-input a:hover{ text-decoration:none; background:#FDFDFD;} .zxzx-input p{ font-size:12px; color:#6fb62b; padding-bottom:10px;} .zxzx-links{ width:425px; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:40px;} .zxzx-links p{ font-size:14px; font-weight:bold; color:#666666; padding-bottom:15px;} .zxzx-links a{ display:block; width:130px; height:40px; background:url(../images/zxzx-btn.png) no-repeat;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .zxzx-links a:hover{ background:url(../images/zxzx-btn-hover.png) no-repeat;} .zxzx-alt{ width:100%; height:50px; background:#FFC766; text-align:center; line-height:50px; font-size:18px; color:#fff;} /******E 系统反馈页面******/ /*小屏幕*/ .smallwidth{ width:980px;} .smallwidth .search{ left:300px;} .smallwidth .achievement{ width:800px;} .smallwidth .achievement div{ font-size:16px;} .smallwidth .banner-img{ height:310px;} .smallwidth li .pre-icon{ right:18px;} .smallwidth .al-list ul{ margin-left:-19px;} .smallwidth .al-list li{ margin-left:19px;} .smallwidth .zt-list ul{ margin-left:-33px;} .smallwidth .zt-list li{ margin-left:33px;} .smallwidth .filter-color{ width:936px;} .smallwidth .filter-color li{ width:78px;} .smallwidth .filter-color .filter-color-click a{ width:76px; height:20px; border-radius:3px;} .smallwidth .filter-color .filter-color-click span{ border:1px solid #BBBBBB; width:70px; left:3px; height:14px; overflow:hidden;} .smallwidth .user-menu{ width:230px;} .smallwidth .user-right{ width:720px;} .smallwidth .order-list{ width:720px;} .smallwidth .article-list-inner{ margin-left:-33px;} .smallwidth .article-list-c{ margin-left:33px;} .smallwidth .order-list .title{ width:28%;} .smallwidth .userinfo-manage-title .bg{ width:718px;} .smallwidth .service-list-inner{ float:left; margin-left:-40px;} .smallwidth .service-option{ margin-left:40px; width:300px;background:url(../images/service-option-small.png) no-repeat;} .smallwidth .school-list li{ width:185px; height:69px;} .smallwidth .school-list li img{ width:185px; height:69px;} .smallwidth .like-case-cont ul{ margin-left:-20px;} .smallwidth .like-case-cont li{ margin-left:20px;} .smallwidth .feedback-inner dl dd input{ width:580px;} .smallwidth .feedback-inner dl dd textarea{ width:580px; height:140px;} .smallwidth .results-left{ margin-right:30px;} .smallwidth .results-cont{ width:730px; } .smallwidth .results-cont .cj .plugs{ width:730px;} .smallwidth .spe-3-content{ width:950px;} .smallwidth .spe-3-content ul{ float:left; margin-left:-10px;} .smallwidth .spe-3-content li{ margin-left:10px;} .smallwidth .spe-4-content{ width:950px;} .smallwidth .spe-4-content .bigimg{ float:left; width:450px; height:500px; padding:11px;} .smallwidth .spe-4-content .bigimg img{ width:450px; height:460px;} .smallwidth .spe-4-content .alhover{ background:url(../images/spe-4-bigimg-bg-sm.jpg) no-repeat;} .smallwidth .spe-4-li .alhover{ background:url(../images/stencil-li-hover-sm.jpg) no-repeat;} .smallwidth .spe-4-content .spe-4-li{ float:right; width:465px;} .smallwidth .spe-4-li ul{ float:left; margin-left:-15px;} .smallwidth .spe-4-li li{ width:219px; height:258px; float:left; margin-left:15px; background:#FFFFFF;} .smallwidth .spe-4-li li a{ display:block; width:207px; height:207px; overflow:hidden; margin-left:6px; margin-top:6px; position:relative;} .smallwidth .spe-4-li li a img{ width:207px; height:207px; position:absolute; transition:all .8s .1s ease-out;} .smallwidth .spe-5-content{ width:940px; margin:0 auto;} .smallwidth .spe-5-content .spe-5-content-inner{ margin-left:-20px;} .smallwidth .spe-5-content .article-list-c{ margin-left:20px;} .smallwidth .sorder-bz span{ width:490px;} .smallwidth .sorder-bz{ background:url(../images/order-bz-1-sm.jpg) no-repeat;} .smallwidth .bz2{ background:url(../images/order-bz-2-sm.jpg) no-repeat;} .smallwidth .order-statu{ width:176px;} .smallwidth .stencil-info-noinfo{ margin-top:40px;} .smallwidth .stencil-list ul{ margin-left:-25px;} .smallwidth .stencil-list li{ margin-left:55px;} .smallwidth .stencil-info-top-left{ width:700px;} .smallwidth .stencil-package-tj{ width:590px;} .smallwidth .stencil-tj-zjfh{ width:50px;} .smallwidth .stencil-hot-cont{ width:980px; height:340px; overflow-y:hidden; *position:relative;} .smallwidth .stencil-hot-cont li{ margin-left:55px;} .smallwidth .stencil-hot-cont ul{ margin-left:-25px;} .smallwidth .plug-paid-list ul{ margin-left:-25px;} .smallwidth .plug-paid-list li{ margin-left:55px;} .smallwidth .stencil-list{ width:980px;} .smallwidth .plug-paid-list{ width:980px;} .smallwidth .user-attest-shinfo .info{ margin-left:100px;} .smallwidth .user-attest-top .user-attest-load{ width:545px;} .smallwidth .user-attest-top .sqbz1{ background:url(../images/sqbz-01-sm.jpg) no-repeat;} .smallwidth .user-attest-top .sqbz2{ background:url(../images/sqbz-02-sm.jpg) no-repeat;} .smallwidth .user-attest-top .sqbz3{ background:url(../images/sqbz-03-sm.jpg) no-repeat;} .smallwidth .user-attest-top .user-attest-info .xaa2{ padding:0 190px; padding-right:180px;} .smallwidth .user-attest-top .user-attest-info span{ padding-left:10px;} .smallwidth .sorder-list dl{ width:250px;} .smallwidth .sorder-list dl dd{ width:160px;} .smallwidth .sorder-list dl dd .label{ width:160px !important;} .smallwidth .order-list table tbody tr td dl{ width:220px;} .smallwidth .order-list table tbody tr td dl dd{ width:140px;} .smallwidth .order-list .title{ width:10%;} .smallwidth .order-list table tbody tr dl dd .label{ width:140px !important;} /*2015-15-11 爱心传递 广告*/ .advertisement{display:none;width:100%;height:450px;background:url(../images/advertisement-bg.jpg) no-repeat top center;} .ad{position:relative;margin:0 auto;} .ad-close{cursor:pointer;position:absolute;right:0;top:20px;width:45px;height:18px;background:url(../images/ad-close.png) no-repeat;} .ad-ul{text-align:center;width:450px;padding-top:376px;margin-left: 361px;} .ad-ul li{width:178px;height:46px;float:left;line-height:44px;} .ad-ul li a{display:block;width:100%;height:100%;text-decoration:none;font-size:20px;font-weight:bold;color:#fff;} .ad-ul li a:hover{text-decoration:none;} .ad-zhuce{margin-right: 94px;} .ad-zhuce a{background:url(../images/ad-zhuce.png) no-repeat;} .ad-zhuce a:hover{background:url(../images/ad-zhuce-h.png) no-repeat;line-height:46px;} .ad-info a{background:url(../images/ad-info.png) no-repeat;color:#362c51 !important; } .ad-info a:hover{background:url(../images/ad-info-h.png) no-repeat;line-height:46px;} /*撕页*/ .top{position:relative;} #pageflip { right: 0px; float: right; position: absolute; top: 0px; } #pageflip img { z-index: 99; right: 0px; width: 50px; position: absolute; top: 0px; height: 52px; ms-interpolation-mode: bicubic; } #pageflip .msg_block { right: 0px; background: url(../images/subscribe.jpg) no-repeat right top; background-size:100px 100px; overflow: hidden; width: 50px; position: absolute; top: 0px; height: 50px; } /*分页-响应式*/ .xys{padding-left:30px;color:#CC3333;background:url(../images/xys.png) no-repeat left center;margin-left:10px;font-size:12px;} .kp{padding-left:30px;color:#CC3333;background:url(../images/kp.png) no-repeat left center;margin-left:10px;font-size:12px;} /*2016-02-18 下载列表页*/ .download-list{overflow:hidden;margin-bottom:35px;margin-top:35px;} .download-list ul{margin-left:-28px;} .download-list ul li{float:left;margin-left:25px;margin-bottom:28px;width:222px;height:307px;background:url(../images/download-bg.png) no-repeat;padding:30px 30px 0;} .download-list .icon{width:115px;height:115px;border-radius:50%;margin:0 auto 10px;overflow:hidden;border:0;} .download-list .icon img{width:115px;height:115px;} .download-list .info{overflow:hidden;} .download-list .info a{font-size:14px;color:#333333;line-height:40px;white-space:nowrap;} .download-list .info a:hover{color:#FF6600} .download-list .info p{color:#808080;line-height:24px;} .download-list .btn{width:100px;height:32px;display:block;margin:10px auto;border-radius:5px;background:#539D61;color:#fff;line-height:32px;text-align:center;} .download-list .btn:hover{background:#488B58;text-decoration:none;color:#fff;} .download-list .total{text-align:center;color:#B5B9BC;} .smallwidth .download-list ul{margin-left:-70px;} .smallwidth .download-list ul li{margin-left:67px;} .smallwidth .download-list{margin-bottom:70px;} /*下载详情页*/ .download-info .info-area1{margin-bottom:18px;margin-left:-5px;width:1112px;height:152px;padding-right:100px;padding-top:35px;padding-left:35px;background:url(../images/download-info-area1.png) no-repeat;} .download-info .info-area1 .icon{float:left;width:115px;height:115px;border-radius:50%;margin:0 auto 10px;overflow:hidden;border:0;} .download-info .info-area1 .info1{float:left;margin-left:30px;width:770px;} .download-info .info-area1 .info1 a{font-size:22px;color:#333333;font-weight:bold;line-height:50px;} .download-info .info-area1 .info1 a:hover{text-decoration:none;color:#FF6600;} .download-info .info-area1 .info1 p{color:#808080;} .download-info .info-area1 .info1 .aqrz{margin-top:10px;background:url(../images/aqrz.png) no-repeat left center;height:32px;line-height:32px;background-size:25px 25px;} .download-info .info-area1 .info1 .aqrz p{padding-left:27px;font-size:16px;color:#539D61;font-weight:bold;} .download-info .info-area1 .now{width:165px;height:48px;float:right;margin-top:35px;} .download-info .info-area1 .now a{display:block;width:165px;height:48px;border-radius:5px;background:#539D61;text-align:center;line-height:48px;color:#fff;font-size:18px;font-weight:bold;} .download-info .info-area1 .now a:hover{text-decoration:none;background:#4B8E5A;} .download-info .info-area2{float:left;margin-bottom:70px;margin-top: 3px;} .download-info .info-area2-t{margin-left:-3px;width:800px;height:30px;padding:0 30px;background:url(../images/download-info-area2t.png) no-repeat;} .download-info .info-area2-m{margin-left:-3px;width:800px;padding:0 30px;background:url(../images/download-info-area2m.png) repeat-y;} .download-info .info-area2-b{margin-left:-1px;width:800px;height:30px;padding:0 30px;background:url(../images/download-info-area2b.png) no-repeat left bottom;} .download-info .info-area2 .title{font-size:16px;color:#333333;font-weight:bold;margin-bottom:10px;} .download-info .info-area2 ul{overflow:hidden;padding-bottom:20px;border-bottom: 1px solid #F0F0F0;margin-bottom:20px;} .download-info .info-area2 ul li{float:left;width:80%;height:30px;line-height:30px;color:#333333;font-size:14px;} .download-info .info-area2 ul li.d{width:20%;} .download-info .info-area2 ul li span{color:#999999;} .download-info .info-area2 .info2{font-size:14px;color:#333;line-height:30px;} .download-info .info-area3{margin-bottom: 70px;float:right;padding:30px;width:270px;height:320px;background:url(../images/download-info-area3-s.png) no-repeat;margin-right:-7px;} .download-info .info-area3 .title{font-size:16px;margin-bottom:15px;} .download-info .info-area3 ul li{width:100%;overflow:hidden;border-top:1px solid #F0F0F0;padding:15px 0;} .download-info .info-area3 ul li a{font-size:14px;color:#333;line-height:25px;} .download-info .info-area3 ul li a:hover{color:#FF6600;} .download-info .info-area3 .timeAndtotal{color:#C0C0C0;} .download-info .info-area3 .timeAndtotal .time{float:left;} .download-info .info-area3 .timeAndtotal .total{float:right;} .smallwidth .download-info .info-area1{padding:30px;width:930px;height:125px;background:url(../images/download-info-area1-s.png) no-repeat;} .smallwidth .download-info .info-area1 .info1{width:600px;} .smallwidth .download-info .info-area2{margin-top:1px;} .smallwidth .download-info .info-area2-t{margin-left:-3px;width:580px;height:30px;padding:0 30px;background:url(../images/download-info-area2t-s.png) no-repeat;} .smallwidth .download-info .info-area2-m{margin-left:-3px;width:580px;padding:0 30px;background:url(../images/download-info-area2m-s.png) repeat-y;} .smallwidth .download-info .info-area2-b{margin-left:-4px;width:580px;height:30px;padding:0 30px;background:url(../images/download-info-area2b-s.png) no-repeat bottom center;} .smallwidth .download-info .info-area3{width:270px;height:320px;background:url(../images/download-info-area3-s.png) no-repeat;} /*资源详情页*/ .resource-info .resource-left{float:left;margin-bottom:70px;} .resource-info .resource-left-t{margin-left:-5px;padding:0 30px;width:800px;height:30px;background:url(../images/resource-leftbgt.png) no-repeat;} .resource-info .resource-left-m{margin-left:-5px;padding:0 30px;width:800px;background:url(../images/resource-leftbgm.png) repeat-y;} .resource-info .resource-left-b{margin-left:-5px;padding:0 30px;width:800px;height:30px;background:url(../images/resource-leftbgb.png) no-repeat bottom left;} .resource-info .resource-left .title{font-size:18px;font-weight:bold;color:#333;margin-bottom:15px;} .resource-info .resource-left .title a{color:#333;} .resource-info .resource-left .title a:hover{color:#FF6600;} .resource-info .resource-left .timeAndvisitors{color:#808080;overflow:hidden;margin-bottom:15px;} .resource-info .resource-left .timeAndvisitors span{color:#4095CE;} .resource-info .resource-left .timeAndvisitors .time{float:left;margin-right:25px;} .resource-info .resource-left .timeAndvisitors .visitors{float:left;} .resource-info .resource-left .l-t{border-bottom:1px solid #DFDFDF;margin-bottom:15px;} .resource-info .resource-left .l-t p{color:#F4523B;margin-bottom:15px;line-height: 20px;} .resource-info .resource-left .l-b{font-size:14px;line-height:30px;overflow:hidden;} .resource-info .resource-left .l-b p{margin-bottom:20px;} .resource-info .resource-left .share .dianzan{float:none;display:block;width:80px;height:80px;text-align:center;line-height:125px;color:#fff;margin:50px auto 30px;background:url(../images/dianzan.png) no-repeat;} .resource-info .resource-left .share .dianzan:hover{text-decoration:none;} .resource-info .resource-left .share .shareto{height:25px;font-size:12px;width:145px;margin:0 auto;} .resource-info .resource-left .share .shareto span{line-height:25px;float:left;} .resource-info .resource-left .share .shareto a{margin:0 0 0 5px;float:left;display:block;} .resource-info .resource-right{float:right;overflow:hidden;margin-right:-5px;} .resource-info .resource-right .resource-right-top{margin-bottom:20px;padding:30px;width:270px;height:80px;background:url(../images/resource-righttop-s.png) no-repeat;} .resource-info .resource-right .resource-right-top .touxiang{margin-right:20px;margin-top:5px;float:left;width:70px;height:70px;border-radius:50%;border:0;overflow:hidden;} .resource-info .resource-right .resource-right-top .touxiang img{width:70px;height:70px;} .resource-info .resource-right .resource-right-top a{font-size:14px;color:#333333;line-height:25px;} .resource-info .resource-right .resource-right-top a:hover{color:#FF6600;} .resource-info .resource-right .resource-right-top p{font-size:14px;color:#C9C9C9;line-height:25px;} .resource-info .resource-right-bot{float:right;padding:30px;width:270px;height:320px;background:url(../images/resource-rightbot-s.png) no-repeat;} .resource-info .resource-right-bot .title{font-size:16px;margin-bottom:15px;} .resource-info .resource-right-bot ul li{width:100%;overflow:hidden;border-top:1px solid #F0F0F0;padding:15px 0;} .resource-info .resource-right-bot ul li a{font-size:14px;color:#333;line-height:25px;} .resource-info .resource-right-bot ul li a:hover{color:#FF6600;} .resource-info .resource-right-bot .timeAndtotal{color:#C0C0C0;} .resource-info .resource-right-bot .timeAndtotal .time{float:left;} .resource-info .resource-right-bot .timeAndtotal .total{float:right;} .smallwidth .resource-info .resource-left-t{margin-left:-5px;padding:0 30px;width:580px;height:30px;background:url(../images/resource-leftbgt-s.png) no-repeat;} .smallwidth .resource-info .resource-left-m{margin-left:-5px;padding:0 30px;width:580px;background:url(../images/resource-leftbgm-s.png) repeat-y;} .smallwidth .resource-info .resource-left-b{margin-left:-5px;padding:0 30px;width:580px;height:30px;background:url(../images/resource-leftbgb-s.png) no-repeat bottom left;} .smallwidth .resource-info .resource-right .resource-right-top{width:270px;background:url(../images/resource-righttop-s.png) no-repeat;} .smallwidth .resource-info .resource-right-bot{width:270px;background:url(../images/resource-rightbot-s.png) no-repeat;} /*资源分享页*/ .resource-share .resource-share-l{float:left;margin-left: -5px;} .resource-share .resource-share-l ul li{overflow:hidden;width:787px;height:120px;padding:35px;margin-bottom:20px;background:url(../images/resource-share-libg.png) no-repeat;} .resource-share .resource-share-l ul li .re-l-l{width:200px;height:120px;float:left;margin-right:20px;} .resource-share .resource-share-l ul li .re-l-l a img{width:100%;height:100%;} .resource-share .resource-share-l ul li .re-l-r .re-title{font-size:16px;font-weight:bold;color:#333;} .resource-share .resource-share-l ul li .re-l-r .re-title:hover{color:#FF6600;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-info{overflow:hidden;height:50px;font-size:14px;color:#83888C;margin-top:10px;line-height:25px;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot{overflow:hidden;margin-top: 8px;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot .teacher{height:30px;line-height:30px;float:left;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot .teacher .icon{float:left;margin-right:10px;width:28px;height:28px;border-radius:50%;border:0;overflow:hidden;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot .teacher .icon img{width:28px;height:28px;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot .teacher a{color:#333;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot .teacher a:hover{color:#FF6600;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot span{margin-left:20px;display:block;height:30px;line-height:30px;float:left;color:#B5B9BC;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot .dianzan{padding-left:20px;background:url(../images/resource-share-dz.png) no-repeat 0 7px;cursor:pointer;float:right;height:30px;line-height:30px;color:#B5B9BC;} .resource-share .resource-share-l ul li .re-l-r .re-l-r-bot .red{color:red;background:url(../images/resource-share-ydz.png) no-repeat 0 7px;} .resource-share .resource-share-l .resource-fenye{margin:10px auto 30px;} .resource-share .resource-share-r{float:right;} .resource-share .resource-share-r .re-r-t{width:320px;height:44px;margin:5px auto 25px;} .resource-share .resource-share-r .re-r-t a{text-align:center;display:block;width:100%;height:100%;line-height:44px;font-size:16px;border-radius:5px;background:#539D61;color:#fff;} .resource-share .resource-share-r .re-r-t a span{padding-left:25px;background:url(../images/resource-share-fabu.png) no-repeat left center;} .resource-share .resource-share-r .re-r-t a:hover{text-decoration:none;background:#4B8B58;} .resource-share .resource-share-r .re-r-m{margin:0 auto;padding:35px;width:260px;height:465px;background:url(../images/resource-share-righttop-s.png) no-repeat;} .resource-share .resource-share-r .re-r-m .re-r-m-title{font-size:16px;color:#333;float:left;} .resource-share .resource-share-r .re-r-m .re-r-m-more{float:right;} .resource-share .resource-share-r .re-r-m .re-r-m-more a{font-size:16px;color:#C0C0C0;float:right;} .resource-share .resource-share-r .re-r-m .re-r-m-more a:hover{color:#ff6600;} .resource-share .resource-share-r .re-r-m .re-r-m-top{height:40px;} .resource-share .resource-share-r .re-r-m ul li{width:100%;overflow:hidden;border-top:1px solid #F0F0F0;padding:15px 0;} .resource-share .resource-share-r .re-r-m ul li a{font-size:14px;color:#333;line-height:25px;} .resource-share .resource-share-r .re-r-m ul li a:hover{color:#FF6600;} .resource-share .resource-share-r .re-r-m .timeAndtotal{color:#C0C0C0;} .resource-share .resource-share-r .re-r-m .timeAndtotal .time{float:left;} .resource-share .resource-share-r .re-r-m .timeAndtotal .total{float:right;} .resource-share .resource-share-r .re-r-b{margin:0 auto;width:260px;height:540px;margin-top:20px;padding:35px;background:url(../images/resource-share-rightbot-s.png) no-repeat;} .resource-share .resource-share-r .re-r-b .re-r-b-title{font-size:16px;color:#333;margin-bottom:15px;} .resource-share .resource-share-r .re-r-b ul li{height:70px;overflow:hidden;padding:15px 0;border-top:1px solid #F0F0F0;} .resource-share .resource-share-r .re-r-b ul li .tch-icon{float:left;width:70px;height:70px;margin-right:20px;border-radius:50%;border:0;overflow:hidden;} .resource-share .resource-share-r .re-r-b ul li .tch-icon img{width:70px;height:70px;} .resource-share .resource-share-r .re-r-b ul li .tch-m{float:left;line-height:30px;width:105px;margin-top:5px;width: 120px;overflow:hidden;} .resource-share .resource-share-r .re-r-b ul li .tch-m a{font-size:14px;color:#333;white-space:nowrap} .resource-share .resource-share-r .re-r-b ul li .tch-m a:hover{color:#ff6600;} .resource-share .resource-share-r .re-r-b ul li .tch-m p{color:#C0C0C0;} .resource-share .resource-share-r .re-r-b ul li .tch-share{float:right;color:#6CC77E;line-height:70px;} .smallwidth .resource-share .resource-share-l ul li{width:570px;height:135px;background:url(../images/resource-share-libg-s.png) no-repeat;} .smallwidth .resource-share .resource-share-l ul li .re-l-l{width:167px;height:102px;} .smallwidth .resource-share .resource-share-l ul li .re-l-r .re-l-r-info{height:75px;} /*用户中心页面*/ .user-core{margin:30px 0;overflow:hidden;margin-right: -4px;} .user-core .user-core-l{float:left;margin-left:-1px;} .user-core .user-core-l .user-core-l-t{width:800px;height:30px;padding:0 30px;background:url(../images/user-core-l-t.png) no-repeat;} .user-core .user-core-l .user-core-l-m{width:800px;padding:0 30px;background:url(../images/user-core-l-m.png) repeat-y;} .user-core .user-core-l .user-core-l-m .tch-info{font-size:18px;font-weight:bold;color:#CC3333;} .user-core .user-core-l .user-core-l-m p,pre{line-height:30px;font-size:14px;color:#666666;margin-bottom:30px;font-family: \5FAE\8F6F\96C5\9ED1;} .user-core .user-core-l .user-core-l-m pre{margin:0;} .user-core .user-core-l .user-core-l-m .title{font-size:16px;font-weight:bold;color:#333;padding-top:15px;margin:15px 0 10px;border-top:1px solid #DFDFDF;} .user-core .user-core-l .user-core-l-b{width:800px;height:30px;padding:0 30px;background:url(../images/user-core-l-b.png) no-repeat left bottom;} .user-core .user-core-r{float:right;} .user-core .user-core-r .user-core-r-t{margin-bottom:20px;padding:4px;width:320px;height:222px;background:url(../images/user-core-r-t.png) no-repeat;} .user-core .user-core-r .user-core-r-t .user-core-pt{position:relative;width:320px;height:200px;padding-top:22px;background:url(../images/user-core-pt-bg.png) no-repeat;} .user-core .user-core-r .user-core-r-t .user-core-pt img{width:100px;height:100px;margin:0 auto 10px;border-radius:50%;overflow:hidden;display:block;} .user-core .user-core-r .user-core-r-t .user-core-pt p{color:#fff;text-align:center;line-height:25px;} .user-core .user-core-r .user-core-r-t .user-core-pt .user-core-name{font-size:14px;font-weight:bold;} .user-core .user-core-r .user-core-r-b{padding:30px;width:266px;height:485px;background:url(../images/user-core-r-b.png) no-repeat;} .user-core .user-core-r .user-core-r-b .user-core-r-b-title{font-size:16px;color:#333;padding-bottom:20px;border-bottom:1px solid #DFDFDF} .user-core .user-core-r .user-core-r-b ul li{height:60px;padding:20px 0;overflow:hidden;border-bottom:1px solid #E5E5E5;} .user-core .user-core-r .user-core-r-b ul li .user-core-ll{width:100px;height:60px;float:left;margin-right:10px;} .user-core .user-core-r .user-core-r-b ul li .user-core-ll a img{width:100%;height:100%;} .user-core .user-core-r .user-core-r-b ul li .user-core-lr a{font-size:14px;color:#333;} .user-core .user-core-r .user-core-r-b ul li .user-core-lr a:hover{color:#ff6600;} .user-core .user-core-r .user-core-r-b ul li .user-core-lr .seeAndDianzan{margin-top:5px;color:#B5B9BC;} .user-core .user-core-r .user-core-r-b ul li .user-core-lr .seeAndDianzan .see{float:left;} .user-core .user-core-r .user-core-r-b ul li .user-core-lr .seeAndDianzan .dianzan{float:right;} .user-core .user-core-r .user-core-r-b .user-core-r-fenye{float:right;line-height:22px;margin-top:25px;} .user-core .user-core-r .user-core-r-b .user-core-r-fenye .fenye-info{color:#333;float:left;} .user-core .user-core-r .user-core-r-b .user-core-r-fenye a{width:22px;height:22px;display:block;float:left;margin-left:10px;} .user-core .user-core-r .user-core-r-b .user-core-r-fenye .fenye-l{background:url(../images/user-fenye-l.png) no-repeat;} .user-core .user-core-r .user-core-r-b .user-core-r-fenye .fenye-r{background:url(../images/user-fenye-r.png) no-repeat;} .smallwidth .user-core .user-core-l .user-core-l-t{width:580px;background:url(../images/user-core-l-ts.png) no-repeat;} .smallwidth .user-core .user-core-l .user-core-l-m{width:580px;background:url(../images/user-core-l-ms.png) repeat-y;} .smallwidth .user-core .user-core-l .user-core-l-b{width:580px;background:url(../images/user-core-l-bs.png) no-repeat left bottom;} /*新增话题插件*/ /*公共样式*/ .topic-body{min-width: 1200px;} .topic-body .conwidth{width: 1200px!important;} .topic-body .plug-info-ccont{width: 1200px!important;} .topic-body .smallwidth .stencil-package-tj{width: 790px;} /*头部*/ .top .top-info .left .topic-welcome{color: #666666;font-size: 12px;} .top .top-info .left .topic-phnumber{color: #ff0000;font-size: 12px;} .top .top-info .left .topic-wechat{color: #666666;font-size: 12px;padding-left: 46px;} .top .top-info .right a{text-decoration: none;font-size: 12px;display: block;float: left;} .top .top-info .right a:hover{color: #ff0000;} .top .top-info .right .topic-login{} .top .top-info .right .topic-register{margin-left: 8px;position: relative;} .top .top-info .right .topic-register:after{position: absolute;content: "";width: 1px; height: 12px; background: #cccccc;top: 50%; margin-top:-6px;right: -12px;} .top .top-info .right .topic-help{margin-left: 24px;} .topic-header .topic-logo{top: 29px;} .topic-header .search{width:505px; height:45px; position:absolute; left:380px; top:37px;} .topic-header .search .input-text{ font-size:14px; padding:10.5px 16px; border:2px solid #F4523B;font-family:\5FAE\8F6F\96C5\9ED1;outline:none; width:400px; color:#333; border-right:none; float:left; height:20px; line-height:20px;} .topic-header .search a{ display:block; width:70px; height:45px; background:#F4523B; border-radius:0px 2px 2px 0px; float:left; color:#fff; text-align:center; line-height:45px; font-size:14px;} .topic-header .search a:hover{ text-decoration:none; color:#fff; background:#CC3333;} /*头部*/ /*菜单*/ .topic-header .zw-menu{height: 50px;} .topic-menu{height: 50px;background: #252525;} .topic-menu #nav{height: 50px;line-height:50px;} .topic-menu #nav li a{font-size: 16px;padding: 0 37px;} .topic-menu #nav li a:hover{background: #C53824;} .topic-menu #nav .hot a{background: none;} .topic-menu #nav .hot a:hover{background: #C53824;} .topic-menu .topic-shopcart{width: 160px;height: 50px;} .topic-menu .topic-shopcart a{text-decoration: none;display: block;width: 160px;height: 50px;background: #C53824;color: #ffffff;line-height: 50px;text-align: center;font-size: 14px;} .topic-menu .topic-shopcart a span{color: #ffaea3;font-weight: bold;padding: 0 5px;} /*菜单*/ /*内容*/ .topic-clip{margin-bottom: 40px;} .topic-template{color: #333333;} .topic-info .plug-topinfo .btn .btn-lookdemo:hover .icon{background:url(../images/modericonbat.png) no-repeat -433px -40px #3EB7FD;} .topic-info .plug-topinfo .btn .btn-joinshop{background: #F4533E;} .topic-info .plug-topinfo .btn .btn-joinshop .icon{background: url(../images/modericonbat.png) no-repeat -654px 0px #E04129;} .topic-info .plug-topinfo .btn .btn-joinshop:hover .icon{background: url(../images/modericonbat.png) no-repeat -654px -40px #F4533E;} .plug-main .topic-share{bottom: 26px;} .topic-share{height: 24px;line-height: 24px;} .topic-share .stitle{line-height: 24px;} .topic-share a{margin-top: 0;} .topic-info .bz-title span{font-weight: normal;color: #333333;border-bottom:4px solid #F4523B;} .topic-info .stencil-tj-price .btn-allshop{background:#F4523B;} .topic-info .stencil-tj-price .btn-allshop:hover{background:#E04129;} .topic-info .plug-info-etitle p{width: 310px;} .topic-info .plug-info-alt{width: 820px;} .topic-info .plug-info-ccont li{border:none;width: 400px;height: 420px;} .topic-info .plug-cin-i{width: 195px;} .topic-info .plug-video-i-1{background:url(../images/service-flow1.png) no-repeat center center;} .topic-info .plug-video-i-2{background:url(../images/service-flow2.png) no-repeat center center;} .topic-info .plug-video-i-3{background:url(../images/service-flow3.png) no-repeat center center;} .topic-info .plug-video-i-4{background:url(../images/service-flow4.png) no-repeat center center;} .topic-info .plug-video-i-5{background:url(../images/service-flow5.png) no-repeat center center;} .topic-info .plug-info-ccont li .plug-i-t{padding-top: 30px;} .topic-info .plug-info-ccont li .plug-i-alt{padding: 0 50px;} .topic-info .system-parameter{padding-top: 78px;} .topic-info .system-parameter-bottom{margin-bottom: 65px;} .topic-info .plug-system table tr td{border:none;border-bottom:2px solid #F6F6F6;border-left:2px solid #F6F6F6; } .topic-info .plug-system table .last td{border-bottom: none;} .topic-info .plug-system table tr .plug-system-t{border-left: none;} .topic-info .plug-system table{border: 1px solid #ECECEC;} .topic-info .plug-js{margin-bottom: 57px;} /*内容*/ /*底部*/ .clearfix:after{content:""; display:block; height:0; visibility:hidden;clear:both;} .clearfix {*zoom:1;} .topic-foot1{width: 100%; height: 128px;border-top:1px solid #EBEBEB;} .topic-foot1 ul{list-style-type: none;width: 1200px;margin: 0 auto;height: 128px;border-bottom: 1px solid #E8E8E8;} .topic-foot1 ul li{float: left;height: 128px; position: relative;} .topic-foot1 ul li div{position: absolute;top: 43px;width: 100%;} .topic-foot1 ul li div img{float: left;padding-right: 10px;} .topic-foot1 ul li div span{font-size: 18px;color: #333333;} .topic-foot1 ul li div p{font-size: 12px;color: #888888;margin-top: 2px;} .topic-foot1 ul .li-template{width: 355px;} .topic-foot1 ul .li-handle{width: 298px;} .topic-foot1 ul .li-order{width: 347px;} .topic-foot1 ul .li-probation{width: 200px;} .topic-foot2{width: 100%; height: 215px;} .topic-foot2 .foot2-ul{list-style-type: none;width: 1200px;margin: 0 auto;height: 215px;} .topic-foot2 .foot2-ul>li{float: left;margin-top:27px;} .topic-foot2 .foot2-ul>li span{font-size: 14px;font-weight: bold;color: #333333;display: inline-block;padding-bottom: 6px;} .topic-foot2 .foot2-ul .public-li ul li{margin-top: 13px;} .topic-foot2 .foot2-ul .public-li ul li a{/*color: #888888;*/font-size: 12px;background: url(../images/topic-foot2-icon.png) no-repeat left center;padding-left: 10px;} .topic-foot2 .foot2-ul .li-formwork{margin-left: 213px;} .topic-foot2 .foot2-ul .li-member{margin-left: 189px;} .topic-foot2 .foot2-ul .li-notice{margin-left: 196px;} .topic-foot2 .foot2-ul .li-notice ul li{margin-top: 13px;line-height: 17px;} .topic-foot2 .foot2-ul .li-notice ul li a{/*color: #888888;*/font-size: 12px;background: url(../images/foot2-xlwb.png) no-repeat left center;padding-left: 30px;} .topic-foot2 .foot2-ul .li-contact{width: 180px;float: right;right: 0;} .topic-foot2 .foot2-ul .li-contact ul li{margin-top: 15px;position: relative;height: 40px;} .topic-foot2 .foot2-ul .li-contact ul li img{float: left;padding-right: 12px;} .topic-foot2 .foot2-ul .li-contact ul li span{font-size: 18px;color: #f4523b;position: absolute;top: -10px;} .topic-foot2 .foot2-ul .li-contact ul li p{font-size: 12px;color: #333333;position: relative;top: 22px;} .topic-foot2 .foot2-ul .li-contact ul .contact-li2{margin-top: 21px;} .topic-foot2 .foot2-ul .li-contact ul .contact-li2 span{top: -6px;} .topic-foot2 .foot2-ul .li-contact ul .contact-li2 p{top: 24px;} /*底部*/ /*公共样式*/ /*新增话题插件2*/ .topic2-info .plug-info-etitle .p1{width: 440px;letter-spacing: 2px;} .topic2-info .plug-info-etitle .p2{width: 320px;} .topic2-info .plug-info-alt{width: 988px;} .topic2-info .plug-feature1-i-1{background:url(../images/plug-feature1.png) no-repeat center center;} .topic2-info .plug-feature1-i-2{background:url(../images/plug-feature2.png) no-repeat center center;} .topic2-info .plug-feature1-i-3{background:url(../images/plug-feature3.png) no-repeat center center;} .topic2-info .plug-feature1-i-4{background:url(../images/plug-feature4.png) no-repeat center center;} .topic2-info .plug-feature1-i-5{background:url(../images/plug-feature5.png) no-repeat center center;} .topic2-info .plug-feature1-i-6{background:url(../images/plug-feature6.png) no-repeat center center;} .topic2-info .plug-info-ccont li .plug-i-alt{text-align: center;} /*新增话题插件2*/ /*新增话题插件3*/ .topic3-info .plug-info-etitle .p1{width: 440px;} .topic3-info .plug-info-alt{width: 981px;} .topic3-info .plug-info-etitle .p2{width: 320px;} .topic3-info .plug-feature2-i-1{background:url(../images/plug-feature7.png) no-repeat center center;} .topic3-info .plug-feature2-i-2{background:url(../images/plug-feature8.png) no-repeat center center;} .topic3-info .plug-feature2-i-3{background:url(../images/plug-feature9.png) no-repeat center center;} .topic3-info .plug-feature2-i-4{background:url(../images/plug-feature10.png) no-repeat center center;} .topic3-info .plug-feature2-i-5{background:url(../images/plug-feature11.png) no-repeat center center;} .topic3-info .plug-feature2-i-6{background:url(../images/plug-feature12.png) no-repeat center center;} .topic3-info .plug-info-ccont li .plug-i-alt{text-align: center;} /*新增话题插件3*/ /*新增话题插件4*/ .topic4-info .plug-info-etitle .p1{width: 380px;} .topic4-info .plug-info-alt{width: 978px;} .topic4-info .plug-feature3-i-1{background:url(../images/plug-feature13.png) no-repeat center center;} .topic4-info .plug-feature3-i-2{background:url(../images/plug-feature14.png) no-repeat center center;} .topic4-info .plug-feature3-i-3{background:url(../images/plug-feature15.png) no-repeat center center;} .topic4-info .plug-feature3-i-4{background:url(../images/plug-feature16.png) no-repeat center center;} .topic4-info .plug-feature3-i-5{background:url(../images/plug-feature17.png) no-repeat center center;} .topic4-info .plug-feature3-i-6{background:url(../images/plug-feature18.png) no-repeat center center;} .topic4-info .plug-info-ccont li .plug-i-alt{text-align: center;padding: 0 46px;} /*新增话题插件4*/ /*新增话题插件*/ /* 调整部分，请勿覆盖 */ /*模板详情页无推荐样式@yxh*/ .stencil-info-top-left .title .alt-no {padding-left: 30px;float: left;height: 25px;line-height: 25px;} /*问题反馈@CJJ*/ .feedback-inner dl dd input{ width:600px;} .feedback-inner dl dd textarea{ width:600px;} /*个性化下单@CJJ*/ .individuation-cont dl dd input{ width:278px;} /*.special-list li .imgshow img{ width:280px; height:210px;}*/ .nozt{ text-align:center; width:100%; padding:50px 0;} /*邮箱绑定成功@CJJ*/ .bind-email-succedinfo{width:310px; margin:0 auto; height:260px; background:url(../images/order-suc.png) no-repeat left center; overflow:hidden; margin-top:80px; margin-bottom:140px;} .bind-email-succedinfo p{ font-size:36px; color:#cecece; padding-top:90px; padding-left:170px;} /* 头部调整 */ .nologin a,.nologin span{height: 15px;line-height: 15px;font-size: 12px;margin-top: 9px;float:left;} /* 注册提示调整 */ .top-info .top-gg{right:35px;} .readonly{ background:#F4F4F4 !important;} .apply-content dl dt{width: 80px;margin-right: 5px; text-align: right;} .apply-content dl dd{ width: 250px;} .apply-content dl dd input{ width: 220px; float: left;} /*分页*/ .page-cont .pre a { background: url(../images/page-pre.png) no-repeat center center !important; border-color: #DDDDDD !important; border: border: 1px solid #DDDDDD !important; } .page-cont .pre a:hover { background: url(../images/page-pre.png) no-repeat center center; border: border: 1px solid #DDDDDD; } .page-cont .next { position: static; } .page-cont .next a:hover { background: url(../images/page-next.png) no-repeat center center; background-color: #fff; border: border: 1px solid #DDDDDD; } .page-cont .next a { background: url(../images/page-next.png) no-repeat center center !important; background-color: #fff; border-color: #DDDDDD !important; border: border: 1px solid #DDDDDD !important; } .page-cont span.act a { background: #CC3333; color: #fff; text-decoration: none; border-color: #EB472E; } .coubtn-close{ color:#005ea7; display:block; height:15px; padding-left:20px; background:url(../images/cou-close.png) no-repeat; line-height:15px;} .zxzx-links2{ width:425px; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:40px;} .zxzx-links2 p{ font-size:14px; font-weight:bold; color:#666666; padding-bottom:15px;} .zxzx-links2 a{ display:block; width:130px; height:40px; background:url(../images/zxzx-btn2.png) no-repeat;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .zxzx-links2 a:hover{ background:url(../images/zxzx-btn-hover2.png) no-repeat;} /*案例信息的弹窗*/ .zlinfo-tc{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999999; display:none;} .zlinfo-alt{ padding:0 35px; line-height:35px; text-indent:2em; font-size:14px; color:#555555;} .zlinfo-altz{ font-size:14px; font-weight:bold; color:#F45441; padding:0 35px; padding-top:20px;padding-bottom:60px;} .zlinfo-info{ text-align:center;font-weight:bold;padding-top:10px;} .zlinfo-info a{ font-weight:normal; color:#3F8DC1;} .zlinfo-info span{ font-weight:normal; color:#999999; padding:0 10px;} .zlinfo-tc-bg{ width:100%; height:100%; position:absolute; background:url(../images/zz-d.png);} .zlinfo-tc-inner{ position:absolute;width:800px;height:525px; background:#fff; left:50%; margin-left:-400px; top:50%; margin-top:-262px; border-radius:5px;} .zlinfo-tc-close{ width:15px; height:13px; cursor:pointer; position:absolute; right:10px; top:10px;} .zlinfo-tc-close a{ display:block; width:15px; height:13px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -139px;} .zlinfo-tc-inner .title{ font-size:28px; color:#F4533E; text-align:center; padding-top:50px; padding-bottom:10px;} .zlinfo-tc-inner .alt{ font-size:14px; color:#999; text-align:center; padding-bottom:30px;} .zlinfo-tc-inner .zlinfo-alt span{ color:#F45441;} .zlinfo-tc-inner .zlinfo-incon{ padding:0 30px; overflow:hidden; padding-top:25px;} .zlinfo-tc-inner dl{ margin-bottom:20px; float:left; width:370px; overflow:hidden;} .zlinfo-tc-inner dl dt{ float:left; width:80px; text-align:right; height:40px; line-height:35px; font-size:14px; font-weight:bold; margin-right:10px;} .zlinfo-tc-inner dl dd{ float:left;} .zlinfo-tc-inner dl dd input{ width:238px; height:38px; border:1px solid #ccc; padding:0 10px; line-height:38px\9;} .zlinfo-tc-inner dl dd a{ display:block; height:28px; width:80px; background:#EAEAEA; border:1px solid #CDCDCD; text-align:center; line-height:28px; margin-top:5px; color:#666;} .zlinfo-tc-inner dl dd a:hover{ color:#666; text-decoration:none;} .zlinfo-tc-inner .zlinfo-btn{ display:block; width:140px; height:40px; background:#F4533E; font-size:16px; color:#fff; text-align:center; line-height:40px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin:0 auto; margin-top:30px; font-weight:bold; border-radius:5px; border:1px solid #E74830;} .zlinfo-tc-inner .zlinfo-btn:hover{ color:#fff; text-decoration:none; background:#E3402E;} /*提交的弹窗*/ .submitinfo-tc{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999999; display:none;} .submitinfo-tc-bg{ width:100%; height:100%; position:absolute; background:url(../images/zz-d.png);} .submitinfo-tc-inner{ position:absolute; width:500px; height:500px; background:#fff; left:50%; margin-left:-250px; top:50%; margin-top:-250px; border-radius:5px;} .submitinfo-tc-close{ width:15px; height:13px; cursor:pointer; position:absolute; right:10px; top:10px;} .submitinfo-tc-close a{ display:block; width:15px; height:13px; background:url(../images/smalliconbat-jpg.png) no-repeat 0px -139px;} .submitinfo-tc-inner .title{ font-size:28px; color:#F4533E; text-align:center; padding-top:50px; padding-bottom:10px;} .submitinfo-tc-inner .alt{ font-size:14px; color:#999; text-align:center; padding-bottom:30px;} .submitinfo-tc-inner dl{ padding:0 30px; height:40px; margin-bottom:20px;} .submitinfo-tc-inner dl dt{ float:left; width:80px; text-align:right; height:40px; line-height:35px; font-size:14px; font-weight:bold;} .submitinfo-tc-inner dl dd{ float:right; width:350px;} .submitinfo-tc-inner dl dd input{ width:328px; height:38px; border:1px solid #ccc; padding:0 10px; line-height:38px\9;} .submitinfo-tc-inner dl dd a{ display:block; height:28px; width:80px; background:#EAEAEA; border:1px solid #CDCDCD; text-align:center; line-height:28px; margin-top:5px; color:#666;} .submitinfo-tc-inner dl dd a:hover{ color:#666; text-decoration:none;} .submitinfo-tc-inner .submitinfo-btn{ display:block; width:110px; height:40px; background:#F4533E; font-size:16px; color:#fff; text-align:center; line-height:40px; -moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease; margin:0 auto; margin-top:30px; font-weight:bold; border-radius:5px; border:1px solid #E74830;} .submitinfo-tc-inner .submitinfo-btn:hover{ color:#fff; text-decoration:none; background:#E3402E;} /*视频显示*/ .vs{display:none;position:fixed;z-index:20;top:0;} .div-zz{width:100%;height:100%;background:rgba(0,0,0,0.8);position:absolute;z-index:16;} .vs .video{display:block;width:800px;height:600px;position:relative;z-index:17;margin:80px auto;} .p-cls{width:58px;height:58px;display:block;position:absolute;z-index:18;top:40px;right:40px;background:url(../images/v.png) no-repeat;} .p-cls:hover{background:url(../images/v.png) no-repeat;background-position:0px -68px;cursor:pointer;} /*分页-响应式*/ .xys{padding-left:30px;color:#CC3333;background:url(../images/xys.png) no-repeat left center;margin-left:10px;font-size:12px;} .kp{padding-left:30px;color:#CC3333;background:url(../images/kp.png) no-repeat left center;margin-left:10px;font-size:12px;} /*个人中心 by 程序员*/ .user-right .MyArticle input { width: 348px; height: 38px; border: 1px solid #CCCCCC; padding: 0 10px; line-height: 38px\9; font-size: 14px; color: #333; width: 898px; margin-bottom: 20px; } .user-right .MyArticle .submit{width:130px;height:35px;margin:20px auto 0px;} .user-right .MyArticle .submit a{text-align:center;display:block;width:100%;height:100%;line-height:35px;font-size:16px;border-radius:5px;background:#539D61;color:#fff;} .user-right .MyArticle .submit a:hover{text-decoration:none;background:#4B8B58;} /*资源管理列表*/ .resources-list table{ width:100%;border-collapse:collapse; border-spacing:0;} .resources-list table thead tr{ background:#EDEDED; height:40px; line-height:40px; border:1px solid #e2e2e2;} .resources-list table thead tr td{ text-align:center; font-size:14px; color:#333333; font-weight:bold;} .resources-list table thead tr .title{ text-align:left; padding-left:20px; font-weight:bold;} .resources-list table thead tr td a{ display:block; width:54px; height:23px; border:1px solid #E8E8E8; text-align:center; line-height:23px; color:#F4523B; background:#fff; margin:0 auto;} .resources-list table tbody tr{ border:1px solid #e2e2e2; border-bottom-color:#f1f1f1; background:#fff;} .resources-list table tbody tr td{ height:47px; text-align:center;} .resources-list table tbody tr .resources-title{ text-align:left; padding-left:20px; font-size: 14px;} .resources-list table tbody tr .resources-time{ color: #999; } .resources-list table tbody tr .resource-state.state-r{ color: #C33; } .resources-list table tbody tr .resource-state.state-g{ color: #539D61; } .resources-list table tbody tr .resource-state.state-a{ color: #787D82; } .resources-list table tbody tr .resource-links .links-r{ color: #C33; } .resources-list table tbody tr .resource-links .links-g{ color: #539D61; } .resources-btn{ width: 100%; height: 35px; margin-bottom: 25px;} .resources-btn a{ display: block; width: 165px; height: 35px; line-height: 35px; color: #fff; background: #539D61; border-radius: 5px; font-size: 14px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .resources-btn a:hover{ background: #40894D; text-decoration:none; } .resources-btn a i{ display: block; width: 20px; height: 20px; background: url(../images/add-resources-icon.png) no-repeat; float: left; margin-top: 8px; margin-left: 25px; margin-right: 10px;} /*新增资源*/ .add-resources dl{ width: 100%; overflow: hidden; margin-bottom: 20px;} .add-resources dl dt{ width: 85px; float: left; height:42px; line-height: 42px; font-size: 14px; font-weight: bold;} .add-resources dl dd{ width: 835px; float: right; } .add-resources input{height:40px; line-height:40px\0; padding:0 10px; border:1px solid #E2E2E2; border-radius:3px; width: 898px; font-size: 14px;} .add-resources textarea{ width: 898px; padding:10px; border:1px solid #E2E2E2; border-radius:3px; resize: none; font-size: 14px; height: 400px; margin-bottom: 20px;} .add-resources .successbtn a{ display: block; width: 140px; height: 40px; font-size: 14px; color: #fff; text-align: center; line-height: 40px; background: #539D61; margin: 0 auto; border-radius: 5px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} .add-resources .successbtn a:hover{ background: #40894D; text-decoration:none; } .add-resources .addimg-cont{ width: 210px; height: 100px; } .add-resources .addimg-cont .add-icon{ width: 118px; height: 98px; background:url(../images/addimg-icon.jpg) no-repeat; border:1px solid #E2E2E2; float: left; margin-right: 10px;} .add-resources .addimg-cont .uploadify{ display: block; width: 65px; height: 25px; float: left; text-align: center; line-height: 25px; color: #fff; font-size: 14px; /*background: #539D61;*/background: RGB(244,83,62); /*border-radius: 5px;*/ margin-top: 75px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;} /*.add-resources .addimg-cont .uploadify:hover{ text-decoration: none; background: #40894D; }*/ .add-resources dl .addCover{ line-height: 120px; } .smallwidth .add-resources input{ width: 698px; } .smallwidth .add-resources textarea{ width: 698px; } /*新增反馈页*/ .adding-resources{ background: #fff; border:1px solid #E2E2E2; padding: 50px 0;} /*用户中心新增链接*/ .user-info-con .user-links{ float: left; height: 25px; line-height: 25px;} .user-info-con .user-links a{ float: left; margin-right: 15px; color: #0C77D2; }