html,body{width:100%;height: 100%;min-width:1000px;display: block;font-size:12px;} body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,button,textarea,th,td,p,tbody,thead,tfooter{margin:0;padding:0;font-family:"Microsoft YaHei",SimHei,SimSun,Verdana,Arial;} input[type='text'],input[type='password'],button,select,textarea{outline:none;font-family:"Microsoft YaHei",SimHei,SimSun,Verdana,Arial;border: 1px solid #dbdbdb;padding: 5px;} input[type='text']:focus,input[type='password']:focus,select:focus,textarea:focus{border-color:#18a560;} ul,li{list-style:none} textarea{resize:none} body{overflow-x:hidden;background:#fff;} .fl{float:left;display:inline-block;} .fr{float:right;display:inline-block;} .abs{position:absolute;} .rel{position:relative;z-index: 2;} .table{display:table;width:100%;height:100%;vertical-align:middle;} .tableCell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;} .center{width:1110px;margin: 0 auto;} .white-bg-center.center{background:#fff;} .clear:after{content:" ";display:block;clear:both;height:0px;visibility:hidden;} .clear{zoom:1;} .trans{text-decoration: none;color: #555;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;} a{text-decoration:none;} .btn{background: #5fb7d5;cursor: pointer;color: #fff;font-size: 14px;border-radius: 3px;padding: 4px 16px;display: inline-block;border: none !important; min-width: auto !important;} img{border:none;} h2{font-size:30px;} .main-bg-gray{background:#f5f5f5;padding:45px 0px 55px;} .main-bg-white{background:#fff;width:100%;} /*自定义radio*/ input[type="radio"] {margin: 3px 3px 0px 5px;display: none;} label{padding-left: 20px;cursor: pointer;background:url(../../img/www/radio.png) no-repeat left center;} label.checked {background:url(../../img/www/radio-ck.png) no-repeat left center;} /*数据导入自定义radio*/ .datdtolead-main-radio label{padding-left: 20px;cursor: pointer;background:url(../../img/www/radio1.png) no-repeat left center;} .datdtolead-main-radio label.checked {background:url(../../img/www/radio1-ck.png) no-repeat left center;} /*自定义select*/ .select-box{display:inline-block;height:24px;line-height:24px;width:70px;border:1px solid #e7e7e7;padding:0 10px;font-size:13px;color:#7d7d7d;position:relative;cursor:pointer;} .select-boxs{display:inline-block;height:24px;line-height:24px;width:70px;padding:0 10px;font-size:13px;color:#7d7d7d;position:relative;cursor:pointer;} .select-box.focus{border-color:#18a560;} .select-box i.select-bg{display:block;width:10px;height:5px;background:url(../../img/www/myreport/select-bg.png) no-repeat center;position:absolute;right:10px;top:10px;} .select-box .select-value{display:block;padding:0 5px;} .select-box .select-value::selection{background:#fff;} .select-box .select-value::-moz-selection{background:#fff;} .select-box .select-value::-webkit-selection{background:#fff;} .select-box ul.select-option{width:100%;max-height:200px;overflow-y:auto;background:#fff;border: 1px solid #dbdbdb;border-top:none;position:absolute;top:27px;left:-1px;z-index:9;display:none;} .select-box ul.select-option li{cursor:pointer;height:24px;line-height:24px;text-indent:10px;color:#7d7d7d;} /*通用头部*/ .denglu{width:100%;min-width:1000px;height: 34px;background: #18a560;display:none;} .denglu div{width:1000px;margin:0 auto;color: #fff;font-size: 12px;line-height:34px;} .denglu div p{float: left;} .denglu div a{float: right;color: #fff;padding-left:30px;} .denglu div a.top-cart img{margin-right:6px;margin-bottom:-2px;} .denglu div a span{display:inline-block;background:red;border-radius:8px;height:15px;min-width:10px;line-height:15px;text-align:center;padding:0 3px;margin-left: 5px;} .header{width:100%;height:84px;position:relative;z-index:999;background:#fff;} .logo{padding-top:20px;margin-right: 25px;} .nav li{float:left;} .nav li a{display:block;padding:20px 20px;line-height:44px;color:#3e3e3e;font-size:15px;} .nav li a.link{color:#49b882;} .nav li a.has-select{background:url(../../img/www/nav-select.png) no-repeat 84px center;} .nav li a.has-select.link{background:url(../../img/www/nav-select2.png) no-repeat 84px center;} .login{line-height:44px;font-size:14px;color:#49b882;padding-top:20px;} .login a{display:inline-block;padding:0 20px;height:27px;line-height:27px;border:1px solid #18a560;color:#18a560;font-size:14px;border-radius:15px;} .login a.denglu-btn{margin-left:15px;} .login a.baogao{background:#e8e8e8;border-color:#e8e8e8;color:#a5a4a4;display:none;} .login a.liji:hover, .login a.denglu-btn:hover{background:#18a560;color:#fff;} .login .newreport{position: relative;} .login .newreport img{position: absolute;top:-7px;right: -4px;} .login.user-login{position:relative;cursor:pointer;} .login.user-login span.welcome{display:block;padding-right:16px;max-width:170px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;background:url(../../img/www/select-header-bg.png) no-repeat right center;} .login-secect{position:absolute;width:118px;padding-top:2px;border:1px solid #18a560;border-radius:5px;right:0;top:72px;background:#fff;display:none;} .login.user-login:hover .login-secect{display:block;} .login-secect>a{display:block;line-height:37px;text-align:left;border-bottom:1px solid #e7e7e7;color:#3e3e3e;text-indent:30px;font-size:13px;} .login-secect>a.cart{background:url(../../img/www/cart.png) no-repeat 10px center;position:relative;} .login-secect>a.exit{border-bottom:none;background:url(../../img/www/exit.png) no-repeat 10px center;} .login-secect>a.personal-center{background:url(../../img/www/login-user-hover.png) no-repeat 10px center;} .login-secect>a.my-order{background:url(../../img/www/my-order.png) no-repeat 10px center;} .login-secect>a.cart:hover{background:url(../../img/www/cart-hover.png) no-repeat 10px center;color:#18a560;} .login-secect>a.exit:hover{background:url(../../img/www/exit-hover.png) no-repeat 10px center;color:#18a560;} .login-secect>a.personal-center:hover{background:url(../../img/www/login-user.png) no-repeat 10px center;color:#18a560;} .login-secect>a.my-order:hover{background:url(../../img/www/my-order-hover.png) no-repeat 10px center;color:#18a560;} .login.user-login span.cart-tips{display:block;position:absolute;width:18px;height:18px;border-radius:50%;background:#ff0000;color:#fff;font-size:12px;text-align:center;line-height:18px;top:4px;right:8px;text-indent:0;} .service-subnav{width:100%;padding:32px 0px;background:#fff;border-top:1px solid #e1e1e1;position:absolute;left:0;top:84px;display:none;box-shadow:0 4px 6px rgba(0,0,0,.08);} .service-subnav li{width:198px;float:left;border-right:1px solid #e7e7e7;} .service-subnav li:last-child{border-right:0;} .service-subnav li a{display:block;text-align:center;} .service-subnav li a p{color:#7d7d7d;font-size:13px;} .service-subnav li a:hover p {color:#49b882;} .service-subnav li.no-sale a p{color:#d7d7d7;} .demo-report-subnav{width:100%;padding:32px 0;background:#fff;border-top:1px solid #e1e1e1;position:absolute;left:0;top:84px;box-shadow:0 4px 6px rgba(0,0,0,.08);display:none;} .demo-report-subnav ul.center{width: 900px;} .demo-report-subnav li{ width:160px;float:left;border-right:1px solid #e7e7e7;text-align:center;} .demo-report-subnav li:last-child{border-right:0;} .demo-report-subnav li a{display:block;padding:0 20px;font-size:13px;color:#7d7d7d;} .demo-report-subnav li a:hover {color:#49b882;} .demo-report-subnav li.no-sale a{color:#d7d7d7;} /*登录状态下*/ .login-state-wrap{min-width:1000px;width:100%!important;} .login-state>.denglu{display:block;} .login-state .login{padding-top:20px;} .login-state .login a.liji,.login-state .login a.denglu-btn{display:none;} .login-state .login a.baogao{display:block;} /*通用底部*/ .footer{width:100%;height:314px;background:#fff;border-top:1px solid #e4e4e4;} .footer-top{padding:26px 0 44px;border-bottom:1px solid #e4e4e4;} .footer-item{margin-right:80px;padding-left:4px;} .footer-item li.footer-title{line-height:48px;font-size:22px;color:#3e3e3e;} .footer-item li a{line-height:36px;font-size:14px;color:#7d7d7d;} .footer-contact{margin-top:36px;} .footer-contact li{padding-right:8px;font-size:14px;color:#7d7d7d;text-align:right;} .footer-contact li.num{font-size:36px;color:#3e3e3e;margin-bottom:10px;} .footer-bottom{padding-top:10px;color:#7d7d7d;} .footer-bottom li{line-height:24px;} .watch{font-size:14px;padding-top:6px;} .watch a{display:inline-block;padding:0 10px;color:#7d7d7d;} .watch a img{vertical-align:middle;} .watch a.sina{width:20px;height:16px;padding:0;background:url(../../img/www/sina.png) no-repeat 0 0;} .watch a.sina:hover{background-position:0 -30px;} .watch a.weixin{width:20px;height:16px;padding:0;background:url(../../img/www/weixin.png) no-repeat 0 0;} .watch a.weixin:hover{background-position:0 -30px;} /*右下角浮框*/ .fixed-sidebar{position:fixed;bottom:80px;right:50px;z-index:999;} .fixed-sidebar a{display:block;width:50px;height:50px;box-shadow: 0 0 8px rgba(0,0,0,.08);} .fixed-sidebar a.goTop{background:url(../../img/www/sidebar-bg.png) no-repeat -114px 0px;} .fixed-sidebar a.goTop:hover{background-position:-114px -54px;} .fixed-sidebar .weibo a{background:url(../../img/www/sidebar-bg.png) no-repeat 0px 0px;} .fixed-sidebar .weibo:hover a{background-position:0px -54px;} .fixed-sidebar .weixin a{background:url(../../img/www/sidebar-bg.png) no-repeat -57px 0px;} .fixed-sidebar .weixin:hover a{background-position:-57px -54px;} .fixed-sidebar .weibo, .fixed-sidebar .weixin{position:relative;margin-bottom:8px;} .fixed-sidebar .weibo .img-wrap{padding-right:20px;position:absolute;top:0;right:50px;display:none;} .fixed-sidebar .weixin .img-wrap{padding-right:20px;position:absolute;top:-58px;right:50px;display:none;} .fixed-sidebar .weibo .img-wrap:after,.fixed-sidebar .weixin .img-wrap:after {content:"";display: inline-block;width:10px;height:10px;background:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;transform:rotate(45deg);right:14px;position: absolute;} .fixed-sidebar .weibo .img-wrap:after {top:20px;} .fixed-sidebar .weixin .img-wrap:after {top:80px;} .fixed-sidebar .weibo:hover .img-wrap{display:block;} .fixed-sidebar .weixin:hover .img-wrap{display:block;} /*---------------弹出层样式----------------*/ /*修改隐私弹出层*/ .popup-box-wrap{z-index:9999;display:none;} .popup-box-fixed{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:9998;} .popup-box{background:#fff;border-radius:5px;box-shadow: 0 0 20px rgba(51, 51, 51, 1);z-index:9999;width:660px;/*min-height:230px;*/} .popup-box-tit{height:56px;line-height:56px;padding:0 20px 0 38px;background:#f5f5f5;border-radius:5px 5px 0 0;font-size:16px;color:#333;font-weight:bold;position:relative;} .popup-box-tit .close{display:block;width:16px;height:16px;background:url(../../img/www/closebox.png) no-repeat center;position:absolute;right:20px;top:20px;} .popup-box-cont{padding:20px 20px 20px 38px;min-height:50px;} .popup-box-bot{height:70px;line-height:70px;padding:0 20px 0 38px;background:#f5f5f5;border-top:1px solid #e4e4e4;border-radius:0 0 5px 5px;text-align:right;} .popup-box-bot a{display:inline-block;width:88px;line-height:36px;line-height:36px;color:#fff;text-align:center;background:#c7c7c7;border-radius:3px;margin-left:10px;font-size:14px;} .popup-box-bot a.sure-btn{background:#18a560;} /*修改隐私弹出层中间内容样式*/ .privacy-set-item p{line-height:28px;font-size:14px;} .privacy-set-item p.disburden{color:#18a560;} .privacy-set-item .privacy-set-tips{color:#7d7d7d;margin:5px 0;} /*升级产品弹出层中间内容样式*/ .project-radio-tab{font-size:14px;color:#333;} .project-radio-tab span{margin-right:20px;padding-left:18px;background:url(../../img/www/myreport/radio.png) no-repeat 0 center;cursor:pointer} .project-radio-tab span.checked{background:url(../../img/www/myreport/radio-ck.png) no-repeat 0 center;} .project-radio-tab span a{color:#333;} .upgrade-item .project-detail{height:80px;padding:20px;border:1px solid #c5f1db;background:#f3fff8;margin:15px 0;display:none;} .upgrade-item .project-detail.show{display:block;} .upgrade-item .project-detail .project-img{width:65px;height:80px;margin-right:30px;} .upgrade-item .project-detail .project-name{margin-top:10px;height:30px;line-height:30px;font-size:16px;color:#333;} .upgrade-item .project-detail p{height:28px;line-height:28px;font-size:14px;color:#7d7d7d;} .upgrade-item .project-detail p>span{margin-right:18px;} .upgrade-item .project-detail p .money b{color:#fe0000;font-weight:normal;} .upgrade-item .project-detail p .money.money-old{text-decoration:line-through;color:#b4b1b1;} .upgrade-item .project-detail p .money.money-old b{color:#b4b1b1;} .upgrade-item .project-detail p .number{display:inline-block;padding:0 6px;height:27px;line-height:27px;font-size:18px;color:#7d7d7d;} .upgrade-item .project-detail p .number a{color:#7d7d7d;} .upgrade-item .project-detail p .number .num{display:inline-block;width:54px;text-align:center;} .upgrade-item .project-detail p .test-time{font-size:12px;color:#18a560;} .upgrade-item .project-detail p .test-time b{font-size:16px;font-weight:normal;} .upgrade-item-tips{color:#ff2424;margin-top:10px;} /*是否向好友发送开放权限弹出层中间内容样式*/ .authority-tips{padding:20px 0;font-size:14px;color:#333;} /*添加好友弹出层中间内容样式*/ .addfriends-tips{height:46px;line-height:46px;background:#f2f2f2;border:1px solid #dbdbdb;text-indent:20px;font-size:14px;color:#333;margin-bottom:20px;} .addfriends-cont p{height:30px;line-height:30px;margin-bottom:20px;font-size:14px;color:#333;} .addfriends-cont p input{width:190px;height:24px;line-height:24px;padding:0 10px;} .addfriends-cont p input.user-name{margin-right:30px;} /*优惠券绑定弹出层中间内容样式*/ .bdcoupon-cont p{height:30px;line-height:30px;margin-bottom:20px;font-size:14px;color:#333;} .bdcoupon-cont p span{display:inline-block;width:140px;} .bdcoupon-cont p input{width:190px;height:24px;line-height:24px;padding:0 10px;} .bdcoupon-cont p input.yzm{width:120px;margin-right:20px;} .bdcoupon-cont p img.yzm{width:76px;height:30px;vertical-align:middle;margin-right:20px;} .bdcoupon-cont p a.change{font-size:12px;color:#333;} /*好友留言弹出层中间内容样式*/ .leavemsg-cont p{min-height:30px;line-height:30px;margin-bottom:20px;font-size:14px;color:#333;} .leavemsg-cont p textarea{vertical-align:top;width:510px;height:100px;} /*添加好友确认弹出层中间内容样式*/ .addfrd-cont{padding:20px 0;font-size:14px;color:#333;} /*修改地址弹出层中间内容样式*/ .modify-popupbox .select-box ul.select-option{top:25px;} .modify-cont>div{min-height:30px;line-height:30px;margin-bottom:20px;font-size:13px;color:#333;} .modify-cont>div>span{font-size:14px;display:inline-block;width:80px;text-align:right;margin-right:20px;} .modify-cont>div>span b{font-weight:bold;color:red;} .modify-cont>div .select-box{margin-right:15px;} .modify-cont>div textarea{width:450px;height:75px;background:#f5f5f5;color:#7d7d7d;vertical-align:top;} .modify-cont>div input{height:24px;line-height:24px;padding:0 10px;color:#333;width:180px;} /*购物车删除提示弹窗样式*/ .deletesure-popupbox .delete-tips{padding:20px 0;font-size:16px;color:#333;} .deletesure-popupbox .delete-tips img{margin-right:10px;margin-bottom:-3px;} /*购物车收货地址弹框内容样式*/ .place-popupbox .error-tips{font-size:12px;padding-left:20px;color:#f00;} .place-popupbox .addressee-item{margin-bottom:15px;float:left;} .place-popupbox .addressee-item.addressee-phone{margin-left:25px;} .place-popupbox .addressee-item p{line-height:26px;font-size:14px;color:#3e3e3e;text-align:left;} .place-popupbox .addressee-item input{width:240px;border:1px solid #bebebe;height:27px;line-height:27px;padding:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-indent:15px;color:#7d7d7d;font-size:14px;} .place-popupbox .addressee-item.addressee-address div.province, .place-popupbox .addressee-item.addressee-address div.city{width:126px;margin-right:10px;position:relative;} .place-popupbox .addressee-address .select-box{width:100px;border-color:#bebebe;height:26px;line-height:26px;margin-right:10px;} .place-popupbox .addressee-address .select-box ul.select-option{top:27px;} .place-popupbox input.address-detail{width:315px;} /*购物车订单成功页面弹框样式*/ .success-popupbox .popup-box{width:480px;} .success-popupbox .order-msg-wrap p{line-height:26px;font-size:14px;} .dialog-btn-wrap{text-align:center;margin-top:30px;} .dialog-btn-wrap a{display:inline-block;width:196px;line-height:38px;color:#fff;background:#7d7d7d;padding:0;border:1px solid #e5e5e5;font-size:16px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .dialog-btn-wrap a.completed-btn{background:#18a560;margin-right:15px;} /*是否删除条形码弹框*/ .bindingbarcode-popupbox .bindingbarcode-tips{font-size:14px;color:#333;line-height:28px;} .bindingbarcode-popupbox .bindingbarcode-tips input{height:14px;width:190px;} .bindingbarcode-popupbox .bindingbarcode-tips p{color:#ff2424;margin-top:10px;} /*优惠券使用说明弹框*/ .discount-popupbox .popup-box-cont{padding:20px 25px 20px 33px;min-height:50px;} .discount-popupbox .usage-rules-tit{font-size:16px;color:#7d7d7d;line-height:34px;} .discount-popupbox .discount-cont{max-height:400px;overflow-y:auto;padding:5px;} .discount-popupbox .discount-cont p{color:#7d7d7d;font-size:14px;line-height:26px;text-align:justify;margin-bottom:10px;text-indent:1.5em;} /*标准版 1800位点下载提示弹出框*/ .snpdownload-popupbox .popup-box-cont p{font-size:15px;color:#7d7d7d;padding:20px 0;} /*首页新消息推送*/ .new-message{background: #fff url(../../img/www/news.png) no-repeat center top;width:400px;z-index:9999;position: fixed;top:50%;left: 50%;margin-top: -200px;margin-left: -200px;border-radius:8px;box-shadow: 0 0 20px rgba(102,102,102,.5);} .new-message .close1{position: absolute;right: -5px;top: -5px;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;background: #f7f7f7;text-align: center;line-height: 34px;} .new-message .text{padding: 125px 15px 60px;min-height:150px;} .new-message .text p{font-size:22px;line-height: 30px;margin-bottom: 10px;color: #2d2d2d;} .new-message .text span{font-size:15px;display: block;margin-bottom: 5px;color: #606060;} .new-message .text a.bot{display: block;width: 70px;height: 30px;line-height: 30px;font-size: 14px;border-radius: 3px;background: #ed453a;color: #fff;text-align: center;position: absolute;bottom: 20px;left: 50%;margin-left: -35px;} .page_css{ margin-top: 10px;} .page_css span, .page_css a{ display: inline-block!important; margin: 0 3px; height: 30px; line-height: 30px; padding: 0 10px; text-align: center; font-size: 14px; background-color: #00d049;border-radius: 3px;} .page_css a{ background-color: #fff; color: #333; text-decoration: none;border:1px solid #d8d8d8;transition:all .2s ease;} .page_css a:hover{ border-color: #43a047;} .page_css span{ background-color: #43a047; color: #fff;} .leve1_host{ display:inline-block; width: 36px; height:26px; line-height:26px; font-size: 14px; background: red; color: #ffffff; text-align: center; border-radius: 12px; } .leve2_host{ display:inline-block; width: 36px; height:26px; line-height:26px; font-size: 14px; background: red; color: #ffffff; text-align: center; border-radius: 12px; position: absolute; bottom: 90px; right: 30px; }