@charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} ul,li{list-style:none;} img{border:none;} .fl{ float:left; } .fr{ float:right; } .clear{ clear:both; } .por{ position: relative; } .poa{ position: absolute; } /* 字体大小、颜色、行距等样式,需要根据《开发测试表》要求自行定义 */ body{overflow-y:scroll; font-family:'微软雅黑'; font-size:14px; color:#000000; line-height:25px; background:#30343a;} /* outline:none;取消链接点击后产生的虚线框; transition设置鼠标经过时的缓动；*/ body a{text-decoration:none; outline:none; } body a:hover{text-decoration:none; outline:none; } /* 取消苹果设备的默认按钮样式 */ input[type="button"],input[type="submit"],input[type="reset"]{appearance:none;-moz-appearance:none; -webkit-appearance: none; font-family:"微软雅黑"; border:none; outline:none;} input[type="text"],input[type="radio"],input[type="password"],textarea{appearance:none;-moz-appearance:none; -webkit-appearance: none; font-family:"微软雅黑"; border:none; outline:none; } /******************/ .ani{ opacity:0; } .firstani,.firsttbani,.rightleftani,.leftrightani { transition-property: opacity,transform,-webkit-transform; transition-duration: 1s; transition-delay: 0; } .firstani,.firsttbani { transition-timing-function: cubic-bezier(.55,.085,.68,.53); } .rightleftani,.leftrightani{ transition-timing-function: cubic-bezier(.47,0,.745,.715) } .first.firstani{ transform:translateY(100px); opacity: 0; } .first.firsttbani{ transform:translateY(-100px); opacity: 0; } .first.rightleftani{ transform:translateX(100px); opacity: 0; } .first.leftrightani{ transform:translateX(-100px); opacity: 0; } /************ header ***************/ .header{ position:fixed; top:0; left:0; right:0; z-index:1000; min-width:1200px; height:100px; border-bottom:1px solid #d9d9d9; background:#fff; transition:background 0.5s ease 0s; } .header_{ width:1183px; margin:0 auto; height:100px; position:relative; } .header_logo{ float:left; width:200px;margin-top: 15px; } .header_logo a{ display:block; height:70px; background:url(../images/ydgz/logo_l.png) no-repeat 0px 0px;background-size: auto 100%; } .header_logo_ws{ position:absolute; top:0; left:0; height:66px; padding-top:14px; text-align:left; } .header_logo_ws.logo_ws01{ display:none; } .header_logo_ws.logo_ws02{ display:block; } .header_nav{ float:right; margin-right: 85px; } .header_li{ float:left; } .header_li a{ display:block; padding:0 28px; font-size:20px; line-height:40px; } .header_li a span{ display:block; box-sizing: border-box; height:80px; line-height: 95px; border-bottom:0 solid #3f6c9e; color:#757575; transition:all .11s linear 0s; } .header_li:hover a span,.header_li.active a span{ color:#c6443f; } .register_login_box{ float:right; padding: 30px 0 15px; font-size:16px; line-height:40px; position:relative; } .register_login_box a{ color:#414D5A; } .login_box{ float:left;width: 80px;height: 40px;border: 1px solid #9AA0A6; border-right: none; transition:all .11s linear 0s; } .login_box a{ display:block;text-indent: 36px; background:url(../images/ydgz/icon_login_b.png) no-repeat left center;background-size: 12px 12px;background-position-x: 16px; } .register_box{ float:left;width: 80px;height: 40px;border: 1px solid #9AA0A6;border-left:none; transition:all .11s linear 0s;} .register_box a{ display:block;text-indent: 36px; background:url(../images/ydgz/icon_reg_b.png) no-repeat left center;background-size: 12px 12px;background-position-x: 16px; } .register_login_box span{ width:2px; height:15px; background:#757575; margin-top:13px; } .lore_box_i{ display:block; float:left; width:1px;height: 42px;background-color:#9AA0A6; } .login_box:hover{ border: 1px solid #c6443f; border-right: none;background-color:#c6443f; } .register_box:hover{ border: 1px solid #c6443f;border-left:none;background-color:#c6443f;} .login_box:hover .login_box_a{ background:url(../images/ydgz/icon_login.png) no-repeat left center;background-size: 12px 12px;background-position-x: 16px;color: #fff; } .register_box:hover .register_box_a{ background:url(../images/ydgz/icon_reg.png) no-repeat left center;background-size: 12px 12px;background-position-x: 16px;color: #fff; } .userbox{ overflow:hidden; cursor:pointer; } .userimg{ float:left; width:40px; height:40px; border-radius:50%; overflow:hidden; } .username{ float:left; font-size:16px; line-height:40px; color:#394146; margin-left:7px; } .userbox_list{ position:absolute; top:80px; right:0; width:118px; height:78px; border:1px solid #dedede; border-top:none; background:rgba(255,255,255,0.87); display:none; } .userbox_li{ font-size:14px; line-height:39px; color:#394146; } .userbox_li a{ display:block; padding-left:45px; transition:all 0.5s ease 0s; } .userbox_li a:hover{ color:#C6443F; } .userbox_li a.uesrcenter_link{ background:url(../images/user_icon.png) no-repeat 17px center; } .userbox_li a.loginout{ background:url(../images/loginout_icon.png) no-repeat 17px center; } .userbox_list_arrow{ position:absolute; right:11px; top:-10px; width:18px; height:10px; background:url(../images/userbox_list_arrow.png) no-repeat center; } /************ footer ***************/ .footer{ min-width:1200px; } .footer_bottom{ min-width:1200px; height:50px; background:#131F2D; font-size:12px; line-height:50px; text-align:center; color:#90959b; } .footer_bottom span{ margin-right:5px; display:inline-block; } .footer_bottom .certification{ margin-left:10px; } .footer_bottom span a{ display:block; } .footer_bottom span a img{ vertical-align:middle; } .footer_top{ padding-top:30px; background:#051322; } .footer_top_{ width:1200px; height:120px; margin:0 auto; } .footer_service{ width:350px; padding-top:9px; } .footer_service_btn{ width:100px; height:40px; margin: 16px 0 0 20px; border-radius:5px; font-size:14px; line-height:40px; color:#152545; background:#58c2d0; text-align:center; cursor:pointer; transition:all 0.5s ease 0s; } .footer_service_btn:hover{ background:#C6443F;} .footer_contact{ padding-top:20px; margin-left:100px; font-size:14px; line-height:30px; color:#c4c5c6;float:right; } .footer_ewm_li{ float:right; width:90px; margin-left:30px; } .footer_ewm_title{ margin-top:5px; font-size:12px; line-height:25px; color:#c4c5c6; text-align:center; } .footer_ewm_img { width: 90px; height: 90px; padding-bottom: 7px; margin:0 auto; } .floatingbox{ position:fixed; top:50%; right:0; margin-top:-50px; transition:all 0.5s ease 0s;z-index:99; } .floatinglogo{ position:relative; width:136px; height:170px; margin-bottom:15px; background:url(../images/aisle.png) no-repeat center; cursor:pointer; } .floatinglogo_{ width:100%; height:100%; } .floatinglogo_close{ position:absolute; top:-23px; right:5px; width:18px; height:18px; background:url(../images/floatinglogo_close.png) no-repeat center; } .floatingtop{ position: relative;left: 0px;width:70px; height:70px; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#32456B; cursor:pointer; transition:all 0.5s ease 0s; } .floatingtop div{ width: 100%; height:100%; background:url(../images/ydgz/gzzxly.png) no-repeat;background-position: 23px 13px;text-align: center; font-size:12px; line-height:100px; color:#ffffff; } .floatingbottom{ position: relative;left: 0px;margin: 5px 0; width:70px; height:70px; border-bottom-left-radius:5px; border-top-left-radius:5px; background:#32456B; cursor:pointer; transition:all 0.5s ease 0s; } .floatingbottom a{ display:block; width: 100%; height:100%; background:url(../images/ydgz/gzqqlx.png) no-repeat;;background-position: 25px 16px;text-align: center; font-size:12px; line-height:100px; color:#ffffff; } .floatingtop:hover{ background:#C9544F; } .floatingbottom:hover{ background:#C9544F; } .floatingbottom_{ position: relative; } .floatingbottom__{ position: absolute;left: 0px; width:320px; height:70px; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#32456B; cursor:pointer; transition:all 0.5s ease 0s; } .floatingbottom__ div{ width: 70px; height:70px; background:url(../images/ydgz/gzdh.png) no-repeat;background-position: 22px 11px;text-indent: 13px; font-size:12px; line-height:100px; color:#ffffff;float: left; } .floatingbottom__ span{ font-size: 25px;color: #EFEFEF;line-height: 70px;margin-left:10px; } .floatingbottom_:hover .floatingbottom__{ background:#C9544F;left: -230px; } .msgpops{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.35); display:none; } .msgpops_{ position:absolute; top:50%; left:50%; width:440px; height:496px; margin:-250px 0 0 -230px; padding:4px 10px 0; background:#1E335E; } .msgpops_close{ position:absolute; right:10px; top:13px; width:31px; height:31px; background:url(../images/msgclose.png) no-repeat center; cursor:pointer; } .msgpops_head{ padding-left:45px; background:url(../images/msgicon.png) no-repeat 10px center; font-size:20px; line-height:50px; color:#ffffff; } .msgpops_form{ padding:25px 0; background:#ffffff; } .msgpops_formbox{ margin-bottom:14px; overflow:hidden; } .msgpops_formitem{ float:left; width:80px; margin-right:20px; font-size:14px; line-height:45px; text-align:right; color:#767676; } .msgpops_formitem .star{ font-size:18px; color:#ed450b; vertical-align:top; } .msgpops_forminput{ float:left; width:310px; } .msgpops_forminput .msginput{ width:288px; height:43px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; font-size:14px; } .msgpops_forminput textarea{ width:288px; height:90px; padding:10px; border:1px solid #d9d9d9; border-radius:4px; font-size:14px; line-height:20px; resize:none; } .msgpops_formbtn{ padding-left:100px; overflow:hidden; } .msgpops_formcancel{ float:left; width:120px; height:50px; border:1px solid #d9d9d9; background:#ffffff; border-radius:5px; margin-right:9px; font-size:14px; line-height:50px; text-align:center; color:#767676; cursor:pointer; } .msgpops_formsub{ float:left; width:120px; height:50px; background:#C6443F; border-radius:4px; margin:1px 0 0; font-size:14px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; } .msgpops_formsub.disclick{ background:#aaaaaa; cursor:not-allowed; } .msgpops_tip{ padding:6px 0; font-size:12px; line-height:25px; text-align:center; color:#ffffff; } /************ 首页 ***************/ .index_banner{ min-width:1200px; height:860px; overflow:hidden; } .index_banner_img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:650px; } .index_bannercont{ position:absolute; top:0; left:50%; margin-left:-600px; width:1200px; height:100%; } .index_bannercont_{ width: 100%; position:absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);} .index_bannercont_01{ width: 126px; margin:0 auto ; } .index_bannercont_02{ margin-top:20px; text-align:center; font-size: 60px;line-height: 79px;font-weight: bold;color: #ffffff; } .index_bannercont_03{ margin-top:30px; text-align:center; font-size: 65px;line-height: 86px;color: #ffffff; } .index_bannercont_04{ width: 440px; margin:13px auto 20px; text-align:center; font-size: 28px;letter-spacing: 8px; line-height: 37px;color: #ffffff; } .index_bannercont_05{ width: 37px; margin:90px auto 0; } .index_bannercont_04i{ display: block; width: 40px;height: 1px;background-color: #8D94A2; margin-top: 19px; } .index_bannercont_04i1{ float: left; } .index_bannercont_04i2{ float: right;} .index_bannercont_06{ text-align: center; } .index_bannercont_06 span{ display:inline-block;width: 160px;height:35px;border: solid 1px #646F82; line-height:35px;font-size:16px;color:#ffffff; } .index_bannercont_06 span:nth-child(2){ margin: 0 20px; } /************ 移动固证 ***************/ .ydgz_banner{ min-width:1200px; height:860px; overflow:hidden; } .ydgz_banner_img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:860px; } .ydgz_bannercont{ position:absolute; top:0; left:50%; margin-left:-550px; width:1200px; height:100%; } .ydgz_bannercont_{ width: 100%; position:absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);} .ydgz_bannercont_01{ font-size: 60px;font-weight: bold;line-height: 79px;color: #ffffff;} .ydgz_bannercont_02{ margin-top:10px; text-align:left; font-size: 55px;line-height: 79px;color: #ffffff; } .ydgz_bannercont_03{ margin-top:20px; text-align:center; font-size: 22px;line-height: 50px;letter-spacing: 15px;color: #152545;width: 440px;height: 50px;background-color: rgba(255,255,255,0.75);font-weight:bold; } .ydgz_bannercont_04{ margin-top:20px; text-align:left; font-size: 16px;line-height: 35px;color: #ffffff; } .ydgz_bannercont_04 span{ font-weight: bold; } .ydgz_bannercont_05{ margin-top:100px;width: 200px;height: 60px;background-color: #c6443f;border-radius: 10px;text-align: center;line-height: 60px;color: #ffffff;font-size: 24px;transition: all 0.6s ease 0s; } .tomemberworks{ display:block; width: 200px;height: 60px; } .platform_box{ min-width:1200px; background:#f2f2f2; position:relative; } .platform_box_{ position:relative; top:0; left:50%; width:1200px; margin-left:-600px;padding-bottom: 60px; } .platform_main{ width:1120px; margin:0 auto; padding-top:115px; } .platform_head{ margin:0 auto; } .platform_head_{ height:55px; font-size: 40px; line-height:55px; text-align:center; color:#152545; font-weight:bold; } .platform_list{ margin-top:60px; } .platform_li{ overflow:hidden; margin-bottom:60px; } .platform_text{ width:560px; height:340px;background-color: #ffffff; } .platform_text_{ text-align: center;margin-top: 96px; } .platform_text_1{ font-size:35px; line-height:45px; color:#1e335e;font-weight:bold; } .platform_text_2{ width: 100px;height: 4px;background-color: #c6443f;margin: 20px auto 30px; } .platform_text_3{ font-size:20px; line-height:25px; color:#000000; } .platform_text_4{ font-size: 12px;line-height: 14px;color: #9aa0a6;margin-top: 5px; } .platform_img{ width:560px;height:340px; } .platform_img_{ border-radius:0px; } .platform_img.fr .platform_img_{ float:right; } .platform_img.fl .platform_img_{ float:left; } .platform_img_ img{ vertical-align: top; } .index_choose{ min-width:1200px; height:670px; background:url(../images/index_choose_bg.jpg) no-repeat center; } .index_choose_{ width:1200px; margin:0 auto; padding-top:105px; } .choose_head{ position:relative; width:900px; margin:0 auto; } .choose_line{ float:left; border-top:1px solid rgba(255,255,255,0.25); width:280px; } .choose_head_{ float:left; width:340px; height: 1px; position:relative; } .choose_head_cont{ position:absolute; top:-23px; left:0; width:100%; text-align:center; } .choose_head_cont h3{ font-size:30px; line-height:46px; color:#ffffff; font-weight:normal; } .choose_head_cont h4{ font-size:16px; line-height:32px; color:#edc956; letter-spacing:3px; } .choose_list{ min-width:1200px; margin-top:105px; } .choose_slideBox{ width:100%; position:relative; } .choose_slideBox .bd{ width:1000px; margin:0 auto; } .choose_li{ padding:0 50px; } .choose_img{ width:200px; height:120px; margin:0 auto; text-align:center; overflow:hidden; } .choose_title{ font-size:20px; line-height:30px; color:#edc956; text-align:center; margin-top:20px; } .choose_desc{ font-size:14px; line-height:25px; color:#ffffff; text-align:center; margin-top:46px; } .choose_slideBox .prev { position: absolute; background: url(../images/choose_prev.png)no-repeat 20px center ; top:0; left: 0; width: 100px; height: 285px; z-index: 1; cursor: pointer; opacity:0.4; transition:all 0.5s ease 0s;} .choose_slideBox .next { position: absolute; background: url(../images/choose_next.png) no-repeat 55px center; top:0; right: 0; width: 100px; height: 285px; z-index: 1; cursor: pointer; opacity:0.4; transition:all 0.5s ease 0s;} .choose_slideBox .prev:hover,.choose_slideBox .next:hover{ opacity:1; } .choose_slideBox .hd{ margin-top:65px; text-align:center; } .choose_slideBox .hd li{ display:inline-block; width:6px; height:6px; border-radius:3px; background:#fff; margin:0 7px; opacity:0.3; cursor:pointer; transition:all 0.5s ease 0s;} .choose_slideBox .hd li.on{ width:30px; opacity:1; } .choose_slideBox .hd li:hover{ opacity:1; } .index_brand{ min-width:1200px; height:600px; background:#fff; } .index_brand_{ width:1200px; margin:0 auto; padding-top:130px; } .brand_head{ position:relative; width:500px; margin:0 auto; border-top:1px solid rgba(0,0,0,0.25); } .brand_head_{ position:absolute; left:50%; top:-43px; margin-left:-150px; width:300px; background:#fff; font-size:25px; line-height:80px; color:#20212a; text-align:center; } .brand_list{ margin-top:65px; } .brand_slideBox{ height:280px; text-align:left; position:relative;} .brand_slideBox .bd{ position: relative; overflow: hidden; width:1100px; height:280px; margin:0 auto; } .brand_slideBox .bd li{ width:200px; height:120px; float:left; margin:10px; } .brand_slideBox .bd li .brand_li{ width:100%; height:100%; overflow:hidden; } .brand_slideBox .bd li .brand_li a{ display:block; width:100%; height:100%; } .brand_slideBox .bd li .brand_li img{ transition:all 0.5s ease 0s; } .brand_slideBox .bd li .brand_li:hover img{ transform:translateY(-10px); } .brand_slideBox .prev { position: absolute; background: url(../images/brand_prev.png)no-repeat center ; top:50%; left: 0; margin-top:-25px; width: 25px; height: 50px; z-index: 1; cursor: pointer; opacity:1; transition:all 0.5s ease 0s; } .brand_slideBox .next { position: absolute; background: url(../images/brand_next.png) no-repeat center; top:50%; right: 0; margin-top:-25px; width: 25px; height: 50px; z-index: 1; cursor: pointer; opacity:1; transition:all 0.5s ease 0s; } .brand_slideBox .prev:hover{ background: url(../images/brand_prev_cur.png)no-repeat center ; } .brand_slideBox .next:hover{ background: url(../images/brand_next_cur.png)no-repeat center ; } .index_weekly{ min-width:1200px; height:645px; background:#f2f2f2; } .index_weekly_{ width:1200px; margin:0 auto; padding-top:70px; } .weekly_head{ font-size:30px; line-height:80px; color:#000000; text-align:center; } .weekly_list{ margin-top:25px; } .weekly_slideBox{ width:1200px; } .weekly_slideBox .bd li{ float:left; width:360px; height:310px; margin-right:60px; } .weekly_slideBox .bd li:last-child{ margin-right:0; } .weekly_li{ display:block; } .weekly_img{ width:360px; height:186px; overflow:hidden; } .weekly_img img{ transition:all 0.5s ease 0s; } .weekly_title{ height:50px; font-size:20px; line-height:50px; color:#000000; margin-top:23px; overflow:hidden; } .weekly_desc{ height:50px; font-size:14px; line-height:25px; color:#000000; overflow:hidden; } .weekly_li:hover .weekly_img img{ transform:scale(1.1); } .weekly_slideBox .hd{ height:20px; margin-top:70px; text-align:center; } .weekly_slideBox .hd ul{ display:inline-block; height:20px; padding:0 20px; top:-7px; position:relative; } .weekly_slideBox .hd li{ display:inline-block; width:6px; height:6px; border-radius:3px; background:#b1bcc5; margin:0 7px; opacity:1; cursor:pointer; transition:all 0.5s ease 0s;} .weekly_slideBox .hd li.on{ width:30px; background:#3f6c9e; } .weekly_slideBox .hd li:hover{ opacity:1; } .weekly_slideBox .hd .prev { display:inline-block; background: url(../images/weekly_prev.png)no-repeat center ; top:50%; left: 0; width: 12px; height: 20px; z-index: 1; cursor: pointer; opacity:1; transition:all 0.5s ease 0s; } .weekly_slideBox .hd .next { display:inline-block; background: url(../images/weekly_next.png) no-repeat center; top:50%; right: 0; width: 12px; height: 20px; z-index: 1; cursor: pointer; opacity:1; transition:all 0.5s ease 0s; } .weekly_slideBox .hd .prev:hover{ background: url(../images/weekly_prev_cur.png)no-repeat center ; } .weekly_slideBox .hd .next:hover{ background: url(../images/weekly_next_cur.png)no-repeat center ; } .indexfooter{ width:100%; min-width:1200px;/* height:540px;*/height: 270px; padding:85px 0 0; background:url(../images/ydgz/indexfooter.jpg) no-repeat center; background-attachment:fixed;background-size: auto 100%; } .indexfooter_box{ padding:60px 0 0; } .indexfooter_item{ font-size:28px; line-height:45px; text-align:center; color:#c6443f; font-weight:bold; } .indexfooter_desc{ font-size:22px; line-height:40px; text-align:center; color:#000000; } /************ 真品溯源周刊 详情 ***************/ .container{ width:100%; min-width:1200px; margin-top:80px; background:#f2f2f2; } .container_{ width:1200px; margin:0 auto; } .news_picarr{ width:100%; height:450px; } .picarr_slideBox{ width:100%; height:100%; position:relative; } .picarr_slideBox .bd{ width:100%; height:100%; margin:0 auto; } .picarr_slideBox .bd img{ vertical-align:bottom; } .picarr_slideBox .hd{ position:absolute; bottom:15px; left:0; width:100%; height:30px; text-align:center; } .picarr_slideBox .hd ul{ display:inline-block; height:6px; padding:12px 18px; position:relative; border-radius:15px; background:rgba(0,0,0,0.3); } .picarr_slideBox .hd li{ float:left; width:6px; height:6px; border-radius:3px; background:#fff; margin:0 7px; opacity:0.5; cursor:pointer; transition:all 0.5s ease 0s;} .picarr_slideBox .hd li.on{ width:30px; opacity:1; } .picarr_slideBox .hd li:hover{ opacity:1; } .news_detail{ padding:55px 50px 72px; background:#fff; } .news_title{ font-size:30px; line-height:40px; color:#393e42; text-align:center; } .news_cont{ font-size:16px; line-height:25px; color:#393e42; text-align:justify; margin-top:30px; } .news_cont img{ max-width:100%; } .news_btn{ text-align:center; margin-top:100px; } .news_btn div{ display:inline-block; width:180px; height:50px; margin:0 20px; border-radius:4px; background:#3f6c9e; transition:all 0.5s ease 0s; } .news_btn div a{ display:block; width:100%; height:100%; font-size:14px; line-height:50px; color:#ffffff; } .news_btn div:hover{ background:#1f9dd7; } .news_btn div.nopage:hover{ background:#3f6c9e; } .news_btn div.nopage:hover a{ cursor:not-allowed; } .news_more{ margin-top:10px; padding-bottom:34px; background:#fff; } .news_more_head{ width:1100px; margin:0 auto; padding:33px 0 22px; border-bottom:1px solid #cdcfd0; overflow:hidden; } .news_more_head_{ font-size:25px; color:#393e42; } .news_more_tip{ font-size:14px; line-height:25px; color:#999999; } .news_more_list{ margin-top:30px; padding:0 37px 0 38px; overflow:hidden; } .news_more_li{ float:left; width:350px; margin:0 13px 20px 12px; } .news_more_li .news_more_img{ width:350px; height:180px; overflow:hidden; } .news_more_li img{ transition:all 0.5s ease 0s; } .news_more_title{ font-size:14px; line-height:50px; color:#000000; text-align:center; } .news_more_li:hover img{ transform:scale(1.1); } /************ 区块链固证 ***************/ .work_list_{ width: 1000px; padding: 173px 100px 150px; margin: 0 auto; } .work_li01{ margin-bottom: 90px; } .work_li02{ margin-bottom: 47px; } .work_li03{ margin-bottom: 80px; } .work_process_{ width: 1200px; margin: 0 auto; padding: 105px 0 120px; } .work_process_ .process_head{ width:620px; } .work_process_ .process_head_{ margin-left: -175px; } .work_process_ .tab-box .tab_tit li{ width: 300px; } .work_process_ .process_img01{ background:#4e535d url(../images/work_process_icon.png) no-repeat 37px 43px; transition: all 0.5s ease 0s; } .work_process_ .process_img02{ background:#4e535d url(../images/work_process_icon.png) no-repeat -266px 43px; transition: all 0.5s ease 0s; } .work_process_ .process_img03{ background:#4e535d url(../images/work_process_icon.png) no-repeat -570px 43px; transition: all 0.5s ease 0s; } .work_process_ .process_img04{ background:#4e535d url(../images/work_process_icon.png) no-repeat -873px 43px; transition: all 0.5s ease 0s; } .work_process_ .tab-a.on .process_img01{ background:#3f6c9e url(../images/work_process_icon.png) no-repeat 37px 43px; transition: all 0.5s ease 0s; } .work_process_ .tab-a.on .process_img02{ background:#3f6c9e url(../images/work_process_icon.png) no-repeat -266px 43px; transition: all 0.5s ease 0s; } .work_process_ .tab-a.on .process_img03{ background:#3f6c9e url(../images/work_process_icon.png) no-repeat -570px 43px; transition: all 0.5s ease 0s; } .work_process_ .tab-a.on .process_img04{ background:#3f6c9e url(../images/work_process_icon.png) no-repeat -873px 43px; transition: all 0.5s ease 0s; } .ipregister_box{ width: 1200px; margin: 0 auto; padding: 80px 0 100px; } .ipregister_list{ padding-top:35px; overflow:hidden; } .ipregister_li{ width:276px; background:#fff; border:2px solid #ccd8e8; margin-right:20px; margin-bottom:30px; transition: all 0.5s ease 0s; } .ipregister_title{ display:table; width:276px; height:68px; background:#8dadce; font-size:16px; font-weight:bold; color:#ffffff; text-align:center; transition: all 0.5s ease 0s; } .ipregister_title span{ display:table-cell; vertical-align:middle; width:100%; } .ipregister_title span i{ font-style:normal; } .ipregister_title b{ display: block; margin-top:5px; font-size:12px; line-height:18px; color:#ffffff; text-align:center; font-weight:normal; } .ipregister_tip{ height:0; overflow:hidden; } .ipregister_price{ width:276px; height:109px; border-bottom:1px solid #e5e5e5; } .ipregister_price_top{ padding:10px 23px 0; overflow:hidden; } .ipregister_price_top .fl{ font-size:14px; line-height:35px; color:#1e394e; } .ipregister_price_top .fr{ font-size:14px; line-height:35px; color:#999999; } .ipregister_price_{ font-size:20px; color:#f89341; text-align:center; line-height:55px; } .ipregister_price_ span{ font-size:30px; } .ipregister_desc{ width:230px; height:90px; padding:15px 23px 14px; } .ipregister_desc div{ font-size:14px; line-height:30px; color:#1e394e; } .ipregister_desc div span{ text-decoration:line-through; } .ipregister_num{ width:230px; height:70px; padding:0 23px; background:#e9f1fa; } .ipregister_num_item{ float:left; width:90px; font-size:14px; line-height:70px; color:#1e394e; } .ipregister_num_input{ float:left; width:120px; padding:20px 0; } .ipregister_num_input .less{ float:left; width:20px; height:20px; margin-top:5px; background:url(../images/less.png) no-repeat center; } .ipregister_num_input .plus{ float:left; width:20px; height:20px; margin-top:5px; background:url(../images/plus.png) no-repeat center; } .ipregister_num_input .less:hover{ background:url(../images/less_cur.png) no-repeat center; } .ipregister_num_input .plus:hover{ background:url(../images/plus_cur.png) no-repeat center; } .ipregister_num_input .less.no{ background:url(../images/less_no.png) no-repeat center; cursor:not-allowed; } .ipregister_num_input input{ float:left; width:68px; height:28px; border:1px solid #ccd8e8; margin:0 5px; font-size:14px; text-align:center; color:#4d5256; } .ipregister_btn{ width:230px; height:40px; padding:20px 23px 29px; } .ipregister_btn .fl{ width:110px; height:40px; background:#5db0da; font-size:14px; line-height:40px; text-align:center; color:#ffffff; border-radius:4px; transition:all 0.5s ease 0s; } .ipregister_btn .fr{ width:110px; height:40px; background:#fa9b49; font-size:14px; line-height:40px; text-align:center; color:#ffffff; border-radius:4px; transition:all 0.5s ease 0s; } .ipregister_btn .fl:hover{ background:#2697d0; } .ipregister_btn .fr:hover{ background:#ff7600; } .ipregister_btn .btn01{ float:right; width:110px; height:40px; background:#fa9b49; font-size:14px; line-height:40px; text-align:center; color:#ffffff; border-radius:4px; transition:all 0.5s ease 0s; } .ipregister_btn .btn01:hover{ background:#ff7600; } .ipregister_li:hover{ border:2px solid #2697d0; } .ipregister_li:hover .ipregister_title{ background:#2697d0; } .ipregister_more{ margin-top:20px; } .ipregister_more a{ display:block; width:150px; height:50px; margin:0 auto; border-radius:4px; background:#3f6c9e; font-size:16px; text-align:center; line-height:50px; color:#ffffff; transition:all 0.5s ease 0s; } .ipregister_more a:hover{ background:#1f9dd7; } /************ 区块链固证登记 ***************/ .copyright_add .copyright_detail_main{ margin-top:30px; } .copyright_add td{ padding:13px 0 10px; } .copyright_add td .tr_item{ padding-top: 9px; padding-right:23px; } .copyright_add .input{ width:280px; height:43px; border:1px solid #d9d9d9; padding:0 14px; border-radius:4px; transition:border 0.5s ease 0s; } .copyright_add .input.wrong{ border:1px solid #ff6600; } .copyright_add .input:disabled{ background:#edf2f6; } .copyright_add .longinput{ width:790px; } .copyright_add select::-ms-expand { display: none; } .copyright_add select{ width:310px; height:45px; border:1px solid #d9d9d9; padding:0 14px; border-radius:4px; transition:border 0.5s ease 0s; appearance:none;-moz-appearance:none; -webkit-appearance: none; background:url(../images/select.png) no-repeat 286px center; } .copyright_add textarea{ width:770px; height:75px; border:1px solid #d9d9d9; padding:9px 34px 9px 14px; border-radius:4px; resize:none; font-size:14px; line-height:25px; transition:border 0.5s ease 0s; } .copyright_add textarea.wrong{ border:1px solid #ff6600; } .copyright_add input[type="checkbox"]{ width:15px; height:15px; background:url(../images/checkbox.png) no-repeat center; appearance:none;-moz-appearance:none; -webkit-appearance: none; } .copyright_add input[type="checkbox"]:checked{ background:url(../images/checkbox_cur.png) no-repeat center; } .copyright_add .pickup_opt{ padding:7px 0; } .copyright_add .pickup_opt label input{ margin-right:3px; margin-bottom: -1px; } .copyright_add .detail_table td span{ padding-right:0; } .copyright_add .detail_table td{ background:none; padding:12px 0; } .copyright_add_btn{ margin:45px 0 0; text-align: center; } .copyright_add .copy_add,.copyright_add .copy_prev{ display:inline-block; margin:0 3px; width:180px; height:50px; border-radius:4px; background:#3f6c9e; font-size:14px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .copyright_add .copy_add:hover,.copyright_add .copy_prev:hover{ background:#C6443F; } .copyright_add_tip{ margin-top:43px; padding:30px 50px; border:2px dashed #EF9693; background:#fff3eb; font-size:14px; line-height:25px; text-align:center; font-weight:bold; color:#C6443F; } .copyright_add .add_tip{ position: absolute; top: 45px; left: 375px; font-size: 12px; line-height: 23px; /*color: #999999;*/color: #666666; font-weight:bold;} .copyright_add .tishi{ float:left; margin-left:14px; font-size:12px; color:#999999; line-height:45px; } .addSuccess{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.35); display:none; } .addSuccess_{ position:absolute; left:50%; top:50%; width:470px; height:260px; transform: translate(-50%,-50%); background:#ffffff; border-radius:5px; } .addSuccess_title{ padding:10px 0; font-size:30px; line-height:60px; color:#394146; text-align:center; border-bottom:1px solid #d9d9d9; } .addSuccess_btn{ padding:60px 62px 70px 58px; overflow:hidden; } .continue_add{ float:left; width:160px; height:50px; border-radius:4px; background:#5db0da; font-size:16px; line-height:50px; color:#ffffff; text-align:center; cursor:pointer; transition:all 0.5s ease 0s; } .examine_btn{ float:right; width:160px; height:50px; border-radius:4px; background:#3e6c9e; font-size:16px; line-height:50px; color:#ffffff; text-align:center; cursor:pointer; transition:all 0.5s ease 0s; } .continue_add:hover{ background:#7ebad9; } .examine_btn:hover{ background:#55799e; } /************ IP注册 ***************/ .ipregister_main{ width: 1200px; margin: 0 auto; padding: 25px 0 30px;} /************ IP授权 ***************/ .slidebannerBox{ position:relative; width:100%; height:430px; } .slidebannerBox img{ vertical-align:top; } .slidebannerBox .hd{ position:absolute; bottom:19px; left:0; width:100%; height:12px; text-align:center; } .slidebannerBox .hd ul{ height:12px; } .slidebannerBox .hd li{ display:inline-block; width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.5); margin:0 9px; transition:all 0.5s ease 0s; } .slidebannerBox .hd li.on{ background:#3f6c9e; } .ipmain{ width:100%; min-width:1200px; background:#f2f2f2; } .ipmain_{ width:1200px; margin:0 auto; padding:20px 0 0; } .ipsearch{ height:50px; padding:20px 30px; background:#ffffff; } .ipsearchbox{ position:relative; float:left; width:970px; height:50px; } .ipsearch_input{ width:100%; height:100%; } .ipsearch_input input{ width:100%; height:100%; padding:0 159px 0 19px; border:1px solid #eaeaea; border-radius:5px; box-sizing:border-box; font-family:"微软雅黑"; font-size:14px; } .ipsearchbtn{ position:absolute; top:0; right:0; width:80px; height:50px; border-radius:5px; padding:0 0 0 60px; background:#3f6c9e url(../images/ip/ipsearch.png) no-repeat 26px center; font-size:16px; line-height:50px; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .cooperationbtn{ float:right; width:140px; height:50px; border-radius:5px; background:#3f6c9e; font-size:16px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .ipsearchbtn:hover{ background:#1f9dd7 url(../images/ip/ipsearch.png) no-repeat 26px center; } .cooperationbtn:hover{ background:#1f9dd7; } .iptypebox{ height:130px; margin:20px 0 0; padding:0 30px; background:#ffffff; } .iptypelist{ padding:17px 5px; overflow:hidden; } .iptypelist:first-child{ border-bottom:1px solid #ececec; } .iptypeitem{ float:left; height:30px; font-size:14px; line-height:29px; color:#4c5359; } .iptypeul{ float:left; } .iptypeli{ float:left; } .iptypeli a{ display:block; height:30px; padding:0 20px; border-radius:5px; font-size:14px; line-height:29px; color:#4c5359; transition:all 0.5s ease 0s; } .iptypeli a.active{ background:#3f6c9e; color:#ffffff; } .iptypeli:hover a{ color:#3f6c9e; } .iptypeli:hover a.active{ color:#ffffff; } .iplistsort{ width:100%; height:55px; background:#ffffff; margin:4px 0 0; } .sortitem{ float:left; width:120px; height:55px; } .sortitem a{ display:block; width:100%; height:53px; border-bottom:2px solid #ffffff; font-size:14px; line-height:53px; text-align:center; color:#4c5359; transition:all 0.5s ease 0s; } .sortitem a.active{ border-bottom:2px solid #3f6c9e; color:#3f6c9e; } .sortitem a:hover{ color:#3f6c9e;} .iplistsort .line{ float:left; width:1px; height:14px; background:#d9d9d9; margin:21px 0 0; } .iplistbox{ min-height:85px; margin-top:20px; } .noresult{ height:85px; font-size:16px; line-height:210px; text-align:center; color:#383b41; } .ipli{ float:left; width:285px; height:370px; margin:0 20px 20px 0; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15); } .ipli:nth-child(4n){ margin-right:0; } .ipli a{ width:100%; height:100%; } .ipli_img{ width:285px; height:285px; overflow:hidden; } .ipli_img div{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 1s ease 0s; } .ipli_info{ height:75px; padding:10px 25px 0 20px; background:#ffffff; } .ipli_title{ font-size:18px; line-height:30px; color:#333333; transition:all 0.5s ease 0s; } .ipli_num{ font-size:14px; color:#999999; line-height:30px; } .ipli_num div{ float:left; width:100px; } .ipli_num div span{ float:left; } .ipli_num i{ float:left; font-size:19px; margin-right:6px; line-height:32px; } .ipli_num .likebox i{ font-size:16px; } .ipli:hover .ipli_title{ color:#3f6c9e; } .ipli:hover .ipli_img div{ transform:scale(1.05); } .ipmain .detail_page a.nomore_p,.ipmain .detail_page a.nomore_p:hover { background: #ffffff url(../images/prev_no.png) no-repeat center; cursor: not-allowed; border: 1px solid #d9d9d9; } .ipmain .detail_page a.nomore_n, .ipmain .detail_page a.nomore_n:hover { background: #ffffff url(../images/next_no.png) no-repeat center; cursor: not-allowed; border: 1px solid #d9d9d9; } .iptitle{ height:80px; padding:0 30px; background:#ffffff; font-size:24px; line-height:80px; color:#000000; } .ipdetail_main{ margin-top:20px; overflow:hidden; } .ipdetail_left{ width:800px; padding:0 30px; background:#ffffff; } .ipdetail_item{ padding-top:12px; border-bottom:1px solid #d9d9d9; font-size:20px; line-height:64px; color:#777777; } .ipdetail_item.item2{ border-bottom:1px dashed #d9d9d9; } .ipdetail_cont{ padding:30px 0; font-size:16px; line-height:28px; text-align:justify; color:#4c5359; } .ipdetail_cont img,.ipdetail_cont video,.ipdetail_cont iframe{ max-width:100%; } .ipdetail_cont table{ margin-bottom: 10px; border-collapse: collapse; } .ipdetail_cont td,.ipdetail_cont th{ padding: 5px 10px; border: 1px solid #DDD; } .ipdetail_imgarr{ padding:30px 0 50px; } .ipdetail_imgarr_slideBox{ overflow:hidden; } .ipdetail_imgarr_slideBox .bd{ height:250px; } .ipdetail_imgarr_slideBox .bd li{float: left;width: 250px;height: 250px;margin-right: 28px; } .ipdetail_img{ width: 250px; height: 250px; overflow: hidden; } .ipdetail_img div{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; } .ipdetail_imgarr_slideBox .hd{ width:164px; height:39px; margin:33px auto 0; } .ipdetail_imgarr_slideBox .hd .prev{ float:left; width:72px; height:39px; border-radius:5px; background:#e6e6e6 url(../images/ip/ipimg_prev.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .ipdetail_imgarr_slideBox .hd .next{ float:right; width:72px; height:39px; border-radius:5px; background:#e6e6e6 url(../images/ip/ipimg_next.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .ipdetail_imgarr_slideBox .hd .prev:hover{ background:#3f6c9e url(../images/ip/ipimg_prev_cur.png) no-repeat center; } .ipdetail_imgarr_slideBox .hd .next:hover{ background:#3f6c9e url(../images/ip/ipimg_next_cur.png) no-repeat center; } .ipdetail_right{ float:right; width:320px; } .ipdetail_rt{ padding:0 30px 30px; background:#ffffff; } .ipdetail_rt_head{ padding-top:7px; border-bottom:1px solid #d9d9d9; font-size:20px; line-height:74px; text-align:center; color:#ff7600; font-weight:bold; } .ipdetail_rt_m{ padding:15px 0 27px; font-size:16px; line-height:35px; color:#797979; } .ipdetail_to_r{ width:260px; height:50px; margin-bottom:20px; } .ipdetail_to_r a{ display:block; width:100%; height:100%; border-radius:4px; background:#3f6c9e; font-size:16px; line-height:50px; color:#ffffff; text-align:center; transition:all 0.5s ease 0s; } .ipdetail_to_r a:hover{ background:#1f9dd7; } .ipdetail_rt_b{ overflow:hidden; } .ipdetail_linkbtn{ float:left; width:100px; height:50px; border-radius:5px; background:#fa9b49; font-size:16px; line-height:49px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } /*.ipdetail_linkbtn.isclick{ background:#d9d9d9; cursor:not-allowed; }*/ .ipdetail_findip{ float:right; width:140px; height:50px; border-radius:5px; background:#5db0da; font-size:16px; line-height:49px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .ipdetail_findip:hover{ background:#2697d0; } .ipdetail_linkbtn:hover{ background:#ff7600; } .ipdetail_rb{ margin-top:20px; padding:0 30px 20px; background:#ffffff; } .ipdetail_rb_head{ padding-top:9px; border-bottom:1px solid #d9d9d9; font-size:20px; line-height:64px; color:#777777; } .ipdetail_rb_li{ margin-top:30px; } .ipdetail_rb_li a{ display:block; border-bottom:1px dashed #d9d9d9; } .ipdetail_rb_li_img{ width:260px; height:260px; overflow:hidden; } .ipdetail_rb_li_img div{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 1s ease 0s; } .ipdetail_rb_li_title{ font-size:18px; line-height:64px; color:#333333; transition:all 1s ease 0s; } .ipdetail_rb_li:hover .ipdetail_rb_li_title{ color:#3f6c9e; } .ipdetail_rb_li:hover .ipdetail_rb_li_img div{ transform:scale(1.05); } .ippopups{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1500; background: rgba(0,0,0,0.45); overflow-y: scroll; display: none; } .ippopups_{ position:absolute; top: 80px; left:50%; transform:translateX(-50%); width:736px; border-radius:5px; padding-bottom:80px; overflow:hidden; } .ippopups_main{ background:#ffffff; border-radius:5px; } .ippopups_head{ position:relative; height:83px; border-bottom:1px solid #d9d9d9; font-size:30px; line-height:83px; text-align:center; color:#000000; } .ippopups_close{ position:absolute; top:15px; right:15px; width:50px; height:50px; background:url(../images/closebtn02.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .ippopups_close:hover{ transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } .ippopups_form{ padding:54px 0 77px; } .ipforminputbox{ margin-bottom:15px; overflow:hidden; } .ipforminputbox.ipformtextarea{ height:150px; } .ipforminputbox .ipformitem{ float:left; width:145px; padding-right:22px; font-size:16px; line-height:45px; text-align:right; color:#394146; } .ipforminputbox .ipformitem .star{ color:#ea450b; margin-right:5px; } .ipforminputbox .ipforminput{ float:left; position:relative; } .ipforminputbox .ipforminput .input{ width:288px; height:43px; border:1px solid #d9d9d9; padding:0 10px; border-radius:4px; transition:all 0.5s ease 0s; } .ipforminputbox .ipforminput.ipyz .input{ width:398px; } .ipforminputbox .ipforminput .form_datetime{ background: url(../images/rili.png) no-repeat 275px center; background-size: 22px 24px; } .ipforminputbox .ipforminput select::-ms-expand { display: none; } .ipforminputbox .ipforminput select{ width:158px; height:43px; border:1px solid #d9d9d9; border-radius:4px; padding-left:9px; } .ipforminputbox .ipforminput textarea{ width:468px; height:173px; border:1px solid #d9d9d9; padding:10px; border-radius:4px; resize:none; font-size:14px; } .ipforminputbox .ipformtip{ float:left; padding-left:12px; font-size:14px; line-height:45px; color:#999999; } .ipforminputbox .ipformtip2{ font-size:14px; color:#999999; } .ipforminput .add_tip{ font-size:12px; line-height:23px; color:#999999; } .ipforminputbox .ipforminput .vercodebtn{ position:absolute; top:1px; right:1px; width:110px; height:43px; border-top-right-radius:4px; border-bottom-right-radius:4px; background:#3f6c9e; font-size:14px; line-height:43px; text-align:center; color:#fffefe; cursor:pointer; transition:all 0.5s ease 0s; } .ipforminputbox .ipforminput .vercodebtn:hover{ background:#1f9dd7; } .ipforminputbox .ipforminput .vercodebtn.unclick{ background:#858585; cursor:not-allowed; } .ipforminputbox .ipforminput .vercodebtn.unclick:hover{ background:#858585; } .ipforminputbox .ipforminput .input.wrong,.ipforminputbox .ipforminput textarea.wrong{ border:1px solid #f00; } .ipforminputbox.on .ipforminput .input,.ipforminputbox .ipforminput .input:hover{ border:1px solid #3f6c9e; } .ipforminputbox #vercode{ border-radius:4px; } .ipformbtn{ width:180px; height:50px; background:#3f6c9e; border-radius:5px; margin:43px auto 0; font-size:20px; line-height:50px; text-align:center; color:#fffefe; cursor:pointer; transition:all 0.5s ease 0s; } .ipformbtn:hover{ background:#1f9dd7; } .ipformbtn.unclick,.ipformbtn.unclick:hover{ background:#858585; cursor:not-allowed } .iptype_ul{} .iptype_ul_item{ padding-left:34px; border-bottom:1px solid #e5e6e6; font-size:14px; line-height:40px; color:#209fda; } .iptype_ul_item.item01{ background:url(../images/ip/iptype01.png) no-repeat 3px center; } .iptype_ul_item.item02{ background:url(../images/ip/iptype02.png) no-repeat 2px center; } .iptype_ul_item.item03{ background:url(../images/ip/iptype03.png) no-repeat 2px center; } .iptype_ul_item.item04{ background:url(../images/ip/iptype04.png) no-repeat 1px center; } .iptype_ul_item.item05{ background:url(../images/ip/iptype05.png) no-repeat 3px center; } .iptype_ul_list{ margin-top:7px; margin-bottom:9px; overflow:hidden; } .iptype_ul_li{ float:left; width:85px; } .iptype_ul_li label{ font-size:14px; line-height:28px; color:#000000; } .iptype_ul_li label input{ width:13px; height:13px; margin-right:7px; margin-bottom:-1px; background:url(../images/ip/check.png) no-repeat center; border:none; outline:none; appearance:none;-moz-appearance:none; -webkit-appearance: none; } .iptype_ul_li label input:checked{ background:url(../images/ip/check_cur.png) no-repeat center; } /************ 防伪溯源 ***************/ .security_mid{ width:100%; min-width:1200px; background:#fff; } .security_mid_{ width:1200px; padding:155px 0; margin:0 auto; overflow:hidden; } .security_mid01,.security_mid02{ width:600px; height:40px; padding-top:285px; font-size:30px; line-height:40px; color:#236bbc; font-weight:bold; text-align:center; } .security_mid01{ background:url(../images/security_mid01.png) no-repeat center top; } .security_mid02{ background:url(../images/security_mid02.png) no-repeat center top; } .security_bottom{ width:100%; min-width:1200px; background:#f2f2f2; } .security_bottom_{ width:1200px; margin:0 auto; padding-bottom:130px; overflow:hidden; } .security_bottom_head{ width:620px; margin:0 auto; padding-top:107px; border-bottom:1px solid #b5b5b5; position:relative; } .security_bottom_head div{ font-size:30px; line-height:80px; color:#000000; padding: 0 40px; position:absolute; bottom:-40px; left:50%; margin-left:-160px; background:#f2f2f2; } .security_bottom_list{ padding-top:115px; overflow:hidden; } .security_bottom_li{ float:left; width:238px; height:58px; margin:0 44px 0 16px; padding:180px 0 0; border:1px solid #dcdcdc; position:relative; } .step_title{ font-size:18px; line-height:35px; color:#1b384f; text-align:center; } .security_bottom_li .step{ position:absolute; width:72px; height:72px; top:-14px; left:-16px; } .security_bottom_li.li01 .step{ background:url(../images/step01.png) no-repeat center; } .security_bottom_li.li02 .step{ background:url(../images/step02.png) no-repeat center; } .security_bottom_li.li03 .step{ background:url(../images/step03.png) no-repeat center; } .security_bottom_li.li04 .step{ background:url(../images/step04.png) no-repeat center; } .security_bottom_li.li01{ background:#ffffff url(../images/stepbg01.png) no-repeat center 45px; } .security_bottom_li.li02{ background:#ffffff url(../images/stepbg02.png) no-repeat center 45px; } .security_bottom_li.li03{ background:#ffffff url(../images/stepbg03.png) no-repeat center 40px; } .security_bottom_li.li04{ background:#ffffff url(../images/stepbg04.png) no-repeat center 42px; } .security_bottom_btn{ width:150px; height:50px; margin:105px auto 0; border-radius:4px; background:#3f6c9e; font-size:16px; line-height:50px; text-align:center; transition:all 0.5s ease 0s; } .security_bottom_btn a{ display:block; width:100%; height:100%; color:#ffffff; } .security_bottom_btn:hover{ background:#1f9dd7; } /************ 维权咨询 ***************/ .inside_banner{ position:relative; min-width:1200px; height:430px; margin-top:80px; overflow:hidden; } .inside_banner_img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:430px; } .inside_bannercont{ position:absolute; top:0; left:50%; margin-left:-600px; width:1200px; height:430px; } .inside_bannercont_{ position:absolute; bottom:88px; left:50px; width:150px; height:50px; background:#3f6c9e; border-radius:4px; font-size:16px; line-height:50px; text-align:center; transition:all 0.5s ease 0s; } .inside_bannercont_ a{ display:block; width:100%; height:100%; color:#ffffff; } .inside_bannercont_:hover{ background:#1f9dd7; } .advice_list{ min-width:1200px; background:#ECECEC; } .advice_list_{ width:1080px; padding:120px 0; margin:0 auto; } .advice_li{ width: 500px;height: 400px;position: relative;background-color: #ffffff; } .advice_li:nth-child(1) , .advice_li:nth-child(2){ margin-bottom: 80px; } .advice_li_{ width: 100%;text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); } .advice_img_{ text-align: center; } .advice_text1{ font-size:30px; line-height:40px;color:#1e335e;margin-top: 55px; font-weight:bold; } .advice_text2{ font-size:20px; line-height:25px;color:#000000;margin-top: 10px; } .advice_process{ min-width:1200px;height: 1030px; background-color:#ffffff; background-image: url("../images/ydgz/ydgzfooter.jpg");background-repeat: no-repeat;background-position: center; } .advice_process_{ width:1200px; margin:0 auto; padding:105px 0 120px; } .process_head{ margin: 0 auto;font-size:24px; line-height:30px; color:#000000; text-align:center; } .process_headsm{ font-size: 40px; line-height:50px; color:#1e335e; text-align:center; font-weight: bold; margin-top: 15px; } .process_list{ height: 530px;min-width: 1200px;margin: 40px auto 0;position: relative; } .process_listbg{ position: absolute; top: 0;left: 50%; transform: translateX(-50%); } .process_listli{ font-size: 24px;line-height: 31px;color: #1e335e;font-weight: bold; } .process_listli1{ position: absolute; top: 80px;left: 52.5%; } .process_listli2{ position: absolute; top: 172px;right: 52.5%; } .process_listli3{ position: absolute; top: 263px;left: 52.5%; } .process_listli4{ position: absolute; top: 357px;right: 52.5%; } .process_ksgzbtn{ width: 200px;height: 60px;background-color: #c6443f;border-radius: 10px;text-align: center;line-height: 60px;font-size: 24px;color: #ffffff;margin: 60px auto 0;transition: all 0.6s ease 0s; } .tab-box .tab_tit{ height:255px; position:relative; } .tab-box .tab_tit ul{ height:255px; position:relative; } .tab-box .tab_tit li{ float:left; width:220px; height:255px; } .tab_cont .tab-b{ display:none; } .tab_cont .tab-b{ box-shadow: 5px 3px 5px 0px rgba( 0, 0, 0 ,0.1); } .process_ksgzbtn:hover{ background-color: #F5443F; } .ydgz_bannercont_05:hover{ background-color: #F5443F; } .process_li{ position:relative; width:100%; height:100%; } .process_img{ width:160px; height:160px; border-radius:50%; margin:0 auto; } .process_img01{ background:#4e535d url(../images/process_img01.png) no-repeat 46px 47px; transition:all 0.5s ease 0s; } .process_img02{ background:#4e535d url(../images/process_img02.png) no-repeat 52px 46px; transition:all 0.5s ease 0s; } .process_img03{ background:#4e535d url(../images/process_img03.png) no-repeat 40px 41px; transition:all 0.5s ease 0s; } .process_img04{ background:#4e535d url(../images/process_img04.png) no-repeat 43px 43px; transition:all 0.5s ease 0s; } .process_img05{ background:#4e535d url(../images/process_img05.png) no-repeat 37px 37px; transition:all 0.5s ease 0s; } .process_title{ font-size:18px; line-height:35px; text-align:center; color:#1b384f; font-weight:bold; margin-top:19px; transition:all 0.5s ease 0s; } .process_arrow{ width:15px; height:25px; background:url(../images/process_arrow.png) no-repeat center; position:absolute; right:-8px; top:68px; } .tab-a.on .process_li{ background:url(../images/process_active.png) no-repeat bottom center; } .tab-a.on .process_img01{ background:#3f6c9e url(../images/process_img01.png) no-repeat 46px 47px; } .tab-a.on .process_img02{ background:#3f6c9e url(../images/process_img02.png) no-repeat 52px 46px; } .tab-a.on .process_img03{ background:#3f6c9e url(../images/process_img03.png) no-repeat 40px 41px; } .tab-a.on .process_img04{ background:#3f6c9e url(../images/process_img04.png) no-repeat 43px 43px; } .tab-a.on .process_img05{ background:#3f6c9e url(../images/process_img05.png) no-repeat 37px 37px; } .tab-a.on .process_title{ color:#3f6c9e; } .tab-a.on .process_li.nobg{ background:none; } .process_cont{ padding:24px 30px; background:#fff; font-size:16px; line-height:25px; color:#000000; } /************ 维权登记表 ***************/ .advice_form{ min-width:1200px; background:#fff;} .advice_form_{ width:1300px; margin:0 auto; padding:80px 0 150px;} .advice_form_head{ font-size:30px; line-height:80px; text-align:center; color:#000000; } /**-----form-----*/ .adviceform{ width:1200px; margin:35px auto 0; border:1px solid #fff; margin-left: 200px;} .formbox{ height:75px; border:0px solid #fff;} /**.formitem{ float:left; width:180px;height: 75px; padding-right:20px; font-size:16px; line-height:75px; color:#394146; border:0px solid #fff; text-align: right;}-*/ .formitem{ float:left; width:180px; padding-right:20px; font-size:16px; line-height:75px; color:#394146; border:0px solid #fff; text-align: right;} .formbox .formitem .star{ color:#d75015; } .formbox .formitem_ .star{ color:#d75015; } .forminput{ float:left; width:400px; height:20px; border:0px solid #fff;} .forminput label{ display:inline-block; border:0px solid #fff;} .forminput label #patent_report{ margin-right:0; border:0px solid #fff;} .forminput label input{ width:13px; height:13px; background:url(../images/radio.png) no-repeat left center;margin-right:8px; } .forminput label input:checked{ background:url(../images/radio_check.png) no-repeat left center; } .forminput .forminput{ float:left; width:400px; height:43px; border:1px solid #d9d9d9; padding:0 10px; border-radius:4px; margin:15px 0;} .forminput input::-webkit-input-placeholder {color: #a9a9a9;} .forminput input[type="checkbox"]{ width:15px; height:15px; margin-bottom:-2px; background:url(../images/checkbox.png) no-repeat center; appearance:none;-moz-appearance:none; -webkit-appearance: none; } .forminput input[type="checkbox"]:checked{ background:url(../images/checkbox_cur.png) no-repeat center; } #discovertime{ background: url(../images/date.png) no-repeat 99% center; background-size: 28px 30px; } .forminput input[type="date"]{background:url(../images/date.png) no-repeat 380px;font-size: 13px;} .formitem_{ float:left; width:300px; padding-right:20px; font-size:16px; line-height:75px; color:#394146; border:0px solid #fff; text-align: right;} .forminput select{ float:left; width:310px; height:45px; border:1px solid #d9d9d9; padding:0 10px; border-radius:4px; margin:15px 0; appearance:none;-moz-appearance:none; -webkit-appearance: none; background:url(../images/select.png) no-repeat 286px center; } #area {width:700px; height: 43px; margin-top: 0px; } #area select{ width:100px; height: 43px; border-radius: 4px;color: #a9a9a9; background-position:146px center; margin-right:100px; } /**-----btn----*/ .formbox .forminput:focus{ border:1px solid #1f7ed7; } .formbtnbox{margin: 40px 400px; } .formbtnbox .subbtn{ width:150px; height:50px; background:#3f6c9e; border-radius:5px; font-size:16px;line-height:40px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .formbtnbox .subbtn:hover{ background:#1f9dd7; } .formbtnbox .subbtn.disclick{ background:#3f6c9e; cursor:not-allowed; } .formbtnbox .subbtn.disclick:hover{ background:#1f9dd7; } /************ 分账变现 ***************/ .cash_list_{ width:1000px; padding:96px 100px 70px; margin:0 auto; } .cash_li01{ margin-bottom:33px; } .cash_li02{ margin-bottom:25px; } .cash_li03{ margin-bottom:90px; } .advice_img.fl .cash_text{ left:500px; } .advice_img.fr .cash_text{ right:500px; } .advice_img.fl .cash_text_{ padding-left:30px; } .advice_img.fr .cash_text_{ padding-left:11px; } .cash_text{ width:500px; font-size:30px; line-height:50px; position:absolute; top:50%; margin-top:-66px; } .cash_text_ b{ color:#236bbc; margin-right:11px; } .advice_img.fl .cash_desc{ padding-left:30px; margin-top:2px; } .advice_img.fl .cash_desc div{ font-size:24px; line-height:40px; color:#4c5359; } .advice_img.fl .cash_desc div span{ color:#ed6e11; } .cash_bottom_{ width:1200px; margin:0 auto; padding-bottom:105px; overflow:hidden; } .cash_bottom_head{ width:560px; margin:0 auto; padding-top:107px; border-bottom:1px solid #b5b5b5; position:relative; } .cash_bottom_head div{ font-size:30px; line-height:80px; color:#000000; padding: 0 40px; position:absolute; bottom:-40px; left:50%; margin-left:-130px; background:#f2f2f2; } .cash_bottom_list{ padding-top:85px; } .cash_bottom_li{ float:left; width:238px; height:58px; margin:0 44px 0 16px; padding:180px 0 0; border:1px solid #dcdcdc; box-shadow: 0px 0px 10px 0px rgba( 223, 225, 226 ); position:relative; } .step_title{ font-size:18px; line-height:35px; color:#1b384f; text-align:center; } .cash_bottom_li .step{ position:absolute; width:72px; height:72px; top:-14px; left:-16px; } .cash_bottom_li.li01 .step{ background:url(../images/step01.png) no-repeat center; } .cash_bottom_li.li02 .step{ background:url(../images/step02.png) no-repeat center; } .cash_bottom_li.li03 .step{ background:url(../images/step03.png) no-repeat center; } .cash_bottom_li.li04 .step{ background:url(../images/step04.png) no-repeat center; } .cash_bottom_li.li01{ background:#ffffff url(../images/cash_step01.png) no-repeat center 60px; } .cash_bottom_li.li02{ background:#ffffff url(../images/cash_step02.png) no-repeat center 50px; } .cash_bottom_li.li03{ background:#ffffff url(../images/cash_step03.png) no-repeat center 49px; } .cash_bottom_li.li04{ background:#ffffff url(../images/cash_step04.png) no-repeat center 45px; } .contract{ width:100%; height:550px; min-width:1200px; background:url(../images/contract.jpg) no-repeat center; } .contract_{ width:1200px; margin:0 auto; } .contract_title{ font-size:36px; line-height:80px; text-align:center; color:#000000; font-weight:bold; padding-top:75px; } .contract_btn{ width:180px; height:60px; margin:42px auto 0; border-radius:4px; background:#3f6c9e; font-size:20px; line-height:60px; text-align:center; transition:all 0.5s ease 0s; } .contract_btn a{ display:block; width:100%; height:100%; color:#ffffff; } .contract_btn:hover{ background:#1f9dd7; } .contract_logo{ text-align:center; margin-top:62px; } .contract_logo img{ vertical-align:bottom; mix-blend-mode: multiply; } .contract_desc{ font-size:20px; line-height:36px; text-align:center; color:#5c646a; margin-top:20px; } /************* 登录 ***************/ .login_container{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } .login_form{ position:absolute; top:50%; left:50%; width:520px; height:320px; margin:-185px 0 0 -260px; padding-top:50px; background:#fff; border-radius:4px; } .login_head{ width:250px; margin:0 auto; border-top:1px solid #d9d9d9; position:relative; } .login_head div{ position:absolute; bottom:-23px; left:50%; margin-left:-75px; padding:0 15px; font-size:30px; line-height:50px; color:#394146; background:#fff; } .loginform{ width:310px; margin:55px auto 0; } .loginform_box{ width:308px; height:43px; border:1px solid #d9d9d9; border-radius:4px; margin-bottom:15px; transition:all 0.5s ease 0s; } .loginform_box.wrong{ border:1px solid #f00; } .loginform_box.on,.loginform_box:hover{ border:1px solid #3f6c9e; } .loginform_item{ float:left; width:39px; height:100%; } .loginform_item.user{ background:url(../images/usericon.png) no-repeat center; } .loginform_item.psd{ background:url(../images/lock.png) no-repeat center; } .loginform_item.yanzhengma{ background:url(../images/yanzhengma.png) no-repeat center; } .loginform_item span{ display:block; height:14px; border-right:1px solid #d9d9d9; margin-top:15px; } .loginform_input{ float:left; width:248px; height:100%; padding:0 10px; font-size:14px; } .loginform_btn{ margin-top:20px; } .loginform_btn input{ width:310px; height:50px; background:#1E335E; border-radius:4px; font-size:20px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .loginform_btn input:hover{ background:#C6443F; } .loginform_btn .registerp_sub.disclick,.loginform_btn .registerc_sub.disclick{ background:#858585; cursor:not-allowed; } .loginform_btn .registerp_sub.disclick:hover,.loginform_btn .registerc_sub.disclick:hover{ background:#858585; } .loginform_bottom{ width:310px; margin:0 auto; } .forget_link{ float:left; font-size:14px; line-height:50px; color:#666666; } .forget_link:hover{ text-decoration: underline; } .register_link{ float:right; font-size:14px; line-height:50px; color:#666666; } .register_link a{ color:#C6443F; transition:all 0.5s ease 0s; } .register_link a:hover{ text-decoration:underline; } .login_close{ position:absolute; top:0; right:0; width:60px; height:60px; background:url(../images/closebtn02.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .login_close:hover{ transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } /************* 原创侠登录 ***************/ .login_original_container{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } .login_original_form{ position:absolute; top:50%; left:50%; width:540px; height:320px; margin:-185px 0 0 -270px; padding-top:50px; background:#fff; border-radius:4px; } .login_originalbg{ position:absolute; left:-170px; top:-47px; width:275px; height:429px; background:url(../images/originallogobg.png) no-repeat center; } .loginform_original{ width:310px; margin:55px auto 0; } .loginform_original_btn{ margin-top:20px; } .loginform_original_btn input{ width:310px; height:50px; background:#3e3e3e; border-radius:4px; font-size:20px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .loginform_original_btn input:hover{ background:#000000; } .forget_original_link{ float:left; font-size:14px; line-height:50px; color:#666666; } .forget_original_link:hover{ color:#3f6c9e; } /*********** 注册 *******************/ .register_container{ width:100%; min-width:1200px; margin-top:80px; padding:40px 0 25px; background:#f2f2f2; } .register_container_{ width:1200px; margin:0 auto; padding:55px 0 140px; background:#ffffff; } .register_head{ font-size:30px; line-height:40px; color:#394146; text-align:center; } .register_original_head{ position:relative; width:900px; border-bottom:1px solid #d9d9d9; margin:0 auto; padding-bottom:28px; font-size:30px; line-height:40px; color:#394146; text-align:center; } .register_original_head span{ position:absolute; bottom:-11px; left:692px; width:92px; height:100px; background:url(../images/original_logo.png) no-repeat center; } .register_type{ width:900px; height:70px; background:#edf2f6; margin:28px auto 0; border-radius:4px; position:relative; } .register_type div{ position:absolute; left:50%; top:24px; width:1px; height:20px; background:#c8cbce; } .register_type01,.register_type02{ float:left; width:450px; height:70px; text-align:center; } .register_type01 span{ display:inline-block; height:70px; padding-left:55px; font-size:16px; color:#394146; line-height:70px; background:url(../images/register_personal.png) no-repeat left center; } .register_type02 span{ display:inline-block; height:70px; padding-left:55px; font-size:16px; color:#394146; line-height:70px; background:url(../images/register_company.png) no-repeat left center; } .register_type01.active span{ color:#C6443F; background:url(../images/register_personal_cur.png) no-repeat left center; } .register_type02.active span{ color:#C6443F; background:url(../images/register_company_cur.png) no-repeat left center; } .register_form{ margin:35px 0 0; } .register_formbox{ overflow:hidden; } .register_item{ position:relative; float:left; width:290px; padding-right:20px; font-size:16px; line-height:75px; color:#394146; text-align:right; } .register_item .star{ color:#ea450b; margin-right:5px; } .register_item .dark{ position:absolute; right:20px; top:20px; font-size:12px; color:#999999; } .register_input{ overflow:hidden; } .register_input .reginput{ float:left; width:288px; height:43px; border:1px solid #d9d9d9; padding:0 10px; border-radius:4px; margin:15px 0; } .register_input select{ float:left; width:310px; height:45px; border:1px solid #d9d9d9; padding:0 10px; border-radius:4px; margin:15px 0; appearance:none;-moz-appearance:none; -webkit-appearance: none; background:url(../images/select.png) no-repeat 286px center; } #area select{ width:170px; background-position:146px center; margin-right:10px; } .register_input input[type="checkbox"]{ width:15px; height:15px; margin-bottom:-2px; background:url(../images/checkbox.png) no-repeat center; appearance:none;-moz-appearance:none; -webkit-appearance: none; } .register_input input[type="checkbox"]:checked{ background:url(../images/checkbox_cur.png) no-repeat center; } .register_input .register_tip{ display:inline-block; font-size:12px; line-height:75px; color:#999999; margin-left:15px; } .register_input .vercodebtn{ float:left; width:110px; height:45px; margin:15px 0; border-top-right-radius:4px; border-bottom-right-radius:4px; background:#414D5A; font-size:12px; line-height:45px; text-align:center; color:#f2f2f2; cursor:pointer; transition:all 0.5s ease 0s; } .register_input .vercodebtn:hover{ background:#C6443F; } .register_input .vercodebtn.disclick{ background:#858585; cursor:not-allowed; } .register_input .vercodebtn.disclick:hover{ background:#858585; } .register_input a:hover{ text-decoration:underline; } #vercode{ border-top-right-radius:0; border-bottom-right-radius:0; } .register_btn{ text-align:center; margin:45px 0 0; } .registerbtn{ width:310px; height:50px; margin:0 auto; border-radius:4px; background:#1E335E; font-size:20px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .registerbtn.disclick{ background:#858585; cursor:not-allowed; } .registerbtn:hover{ background:#C6443F; } .registerbtn.disclick:hover{ background:#858585; } .cardf_img,.cardb_img{ margin:15px 20px 0 0; } .register_img_tip{ clear:both; font-size:12px; line-height:23px; color:#999999; margin-bottom:15px; } .register_input label{ display:inline-block; width:155px; margin-right:0; } .register_input label input{ width:13px; height:13px; background:url(../images/radio.png) no-repeat left center; margin-right:8px; } .register_input label input:checked{ background:url(../images/radio_check.png) no-repeat left center; } .forgetpwd_box{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } .forgetpwdform{ width: 310px; margin: 55px auto 0; } .forgetpwdform .reginput{ float:left; width:143px; height: 100%; padding: 0 10px; font-size: 14px;} .forgetpwdform .vercodebtn{ float:left; width:102px; height:37px; border-radius:4px; background:#414D5A; margin-top:3px; font-size:12px; text-align:center; line-height:37px; color:#f2f2f2; transition:all 0.5s ease 0s;} .forgetpwdform .vercodebtn:hover{ background:#C6443F; } .forgetpwdform .vercodebtn.disclick{ background:#858585; cursor:not-allowed; } .forgetpwdform .vercodebtn.disclick:hover{ background:#858585;} .setpwd_box{position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } .setpwdform_step2{width: 310px; margin: 55px auto 0; } .success_tip{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } .agreement_cont{ padding:20px 100px; } /******** 设置密码 *********/ .setpwd_container{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } .setpwd_form{ position:absolute; top:50%; left:50%; width:520px; height:300px; margin:-175px 0 0 -260px; padding-top:50px; background:#fff; border-radius:4px;} .setpwdform{ width:310px; margin:55px auto 0; } /************ 会员中心 ***************/ .actcentermain{ min-width:1200px; margin-top:100px; padding-top:20px; background:#f2f2f2; } .actcentermain_{ width:1200px; margin:0 auto; overflow:hidden; } /*** 左侧导航 ***/ .actleft{ width:235px;margin-bottom: 20px; } .actleft_nav{ width:100%; background:#fff; } .actleft_li_{ width:100%; height:49px; border-bottom:1px solid #e2e9f1; position:relative; } .actleft_li_.active{ background:url(../images/actleft_li_bg.png) no-repeat center; } .actleft_li_ .actleft_item{ display:block; padding-left:50px; font-size:18px; line-height:50px; color:#234371; background:url(../images/actleft_icon.png) no-repeat; cursor:pointer; transition:color 0.5s ease 0s; } .actleft_li_ .actleft_item:hover{ color:#1f9dd7; } .actleft_li_.active .actleft_item{ color:#fff; background:url(../images/actleft_icon_cur.png) no-repeat; } .actleft_li_ .item01{ background-position:15px 16px; } .actleft_li_ .item02{ background-position:17px -34px; } .actleft_li_ .item03{ background-position:17px -262px; } .actleft_li_.active .item01{ background-position:15px 16px; } .actleft_li_.active .item02{ background-position:17px -34px; } .actleft_li_.active .item03{ background-position:17px -262px; } .actleft_li_ b{ position:absolute; right:20px; top:21px; width:16px; height:9px; background:url(../images/actleft_li_arrow.png) no-repeat center; } .actleft_li_.active b{background:url(../images/actleft_li_arrow_cur.png) no-repeat center; } .actleft_li_nav{ padding:10px 0; } .actleft_li_nav.nav01{ border-bottom:1px solid #e2e9f1; } .actleft_li_nav .actleft_li_li a{ display:block; padding-left:50px; font-size:14px; line-height:40px; color:#394146; background:url(../images/actleft_icon.png) no-repeat; cursor:pointer;transition:all 0.5s ease 0s; } .actleft_li_nav .actleft_li_li a:hover{ color:#C6443F; } .actleft_li_nav .actleft_li_li a.li01{ background-position:19px -91px; } .actleft_li_nav .actleft_li_li a.li02{ background-position:17px -133px; } .actleft_li_nav .actleft_li_li a.li03{ background-position:19px -171px; } .actleft_li_nav .actleft_li_li a.li04{ background-position:19px -215px; } .actleft_li_nav .actleft_li_li a.li05{ background-position:19px -322px; } .actleft_li_nav .actleft_li_li a.li06{ background-position:18px -363px; } .actleft_li_nav .actleft_li_li a.active{ color:#C6443F; text-decoration:underline; background:url(../images/actleft_icon_cur.png) no-repeat; } .actleft_li_nav .actleft_li_li a.li01.active{ background-position:19px -91px; } .actleft_li_nav .actleft_li_li a.li02.active{ background-position:17px -133px; } .actleft_li_nav .actleft_li_li a.li03.active{ background-position:19px -171px; } .actleft_li_nav .actleft_li_li a.li04.active{ background-position:19px -215px; } .actleft_li_nav .actleft_li_li a.li05.active{ background-position:19px -322px; } .actleft_li_nav .actleft_li_li a.li06.active{ background-position:18px -363px; } .actright{ width:950px; min-height:431px; padding-bottom:20px; position:relative; z-index: 11; } .actleft_li_nav .actleft_li_li a.li07{ background:url(../images/actleft_icon01.png) no-repeat 18px center; } .actleft_li_nav .actleft_li_li a.li08{ background:url(../images/actleft_icon02.png) no-repeat 20px center; } .actleft_li_nav .actleft_li_li a.li09{ background:url(../images/actleft_icon03.png) no-repeat 20px center; } .actleft_li_nav .actleft_li_li a.li09.active{ background:url(../images/actleft_icon03_cur.png) no-repeat 20px center; } .actleft_li_nav .actleft_li_li a.li07.active{ background:url(../images/actleft_icon01_cur.png) no-repeat 18px center; } .actleft_li_nav .actleft_li_li a.li08.active{ background:url(../images/actleft_icon02_cur.png) no-repeat 20px center; } /** 账户总览 **/ .userinfo{ margin-bottom:5px; padding:0 50px; background:#fff; } .userinfo_top{ position:relative; padding:30px 0 20px; border-bottom:1px solid #e5e5e5; overflow:hidden; } .userinfo_img{ width:95px; height:95px; border-radius:50%; margin-right:28px; overflow:hidden; position:relative; } .userinfo_img_mark{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,56,130,0.5); font-size:14px; color:#ffffff; text-align:center; line-height:95px; display:none; } .userinfo_box{ padding:6px 0 0; } .userinfo_name{ font-size:16px; line-height:40px; color:#394146; } .userinfo_desc{ padding:4px 0 0; } .userinfo_check{ display:inline-block; width:44px; height:26px; padding-left:26px; border-radius:5px; font-size:12px; line-height:26px; color:#ffffff; margin:0 3px; } .userinfo_check.yes{ background:url(../images/usercheck_yes.png) no-repeat center; } .userinfo_check.no{ background:url(../images/usercheck_no.png) no-repeat center; } .userinfo_type{ display:inline-block; width:42px; height:26px; padding-left:28px; border-radius:5px; font-size:12px; line-height:26px; color:#ffffff; margin:0 3px; } .userinfo_type.personal{ background:url(../images/usertype_personal.png) no-repeat center; } .userinfo_type.company{ background:url(../images/usertype_company.png) no-repeat center; } .userinfo_regtime{ font-size:14px; line-height:14px; color:#394146; padding-left:19px; margin-left:7px ; border-left:1px solid #e8e8e8; } .originalmark{ display:inline-block; width:25px; height:25px; margin:0 4px; background:url(../images/original_icon.png) no-repeat center; background-size:25px 25px; vertical-align:top; } .upgrade{ position:absolute; bottom:15px; right:46px; width:111px; height:87px; padding:0 30px 0 20px; background:url(../images/upgradebg.jpg) no-repeat center; font-size:18px; font-weight:bold; color:#000000; text-align:center; line-height:87px; } .upgrade span{ position:absolute; right:-42px; top:-15px; width:91px; height:104px; background:url(../images/upgradelogo.png) no-repeat center; } .upgrade.check span{ position:absolute; right:-31px; top:-2px; width:58px; height:97px; background:url(../images/upgradelogo_cur.png) no-repeat center; } .userinfo_bottom{ padding:24px 0 20px; overflow:hidden; } .nocheck_box{ padding:73px 0 60px;} .nocheck_box_img{ text-align:center; } .nocheck_box_cont{ font-size:20px; line-height:40px; font-weight:bold; color:#394146c; text-align:center; margin-top:30px; } .userinfo_total{ width:235px; overflow:hidden; } .userinfo_total_item{ font-size:18px; line-height:40px; color:#394146; } .userinfo_total_num{ font-size:12px; line-height:40px; color:#000000; } .userinfo_total_num span{ font-family:Arial; font-size:30px; line-height:40px; color:#ff6600; margin-right:10px; } .userinfo_total_num span a{ color:#C6443F; transition:all 0.5s ease 0s; } .userinfo_total_num span a:hover{ text-decoration:underline; } .userinfo_bottom .line{ width:1px; height:20px; background:#dfdfdf; margin:11px 35px 0; } .blockchain_box{ margin-top:10px; padding:28px 50px 55px; background:#fff; } .acthead{ height:44px; border-bottom:1px solid #e5e5e5; overflow:hidden; } .acthead_item{ font-size:18px; line-height:44px; color:#394146; font-weight:bold; padding-left:15px; background:url(../images/acthead_item.jpg) no-repeat left 13px; } .acthead_more{ font-size:12px; line-height:44px; } .acthead_more a{ color:#394146; transition:all 0.5s ease 0s; } .acthead_more a:hover{ color:#C6443F; } .table_li{ display:block; overflow:hidden; border-bottom:1px solid #e5e5e5; background:#fff; transition:all 0.5s ease 0s; } .table_li div{ font-size:14px; line-height:50px; color:#394146; } .blockchain_title{ width:370px; } .blockchain_name{ width:215px; } .blockchain_date{ width:195px; } .blockchain_status{ width:70px; text-align:center; } .blockchain_title span{ display:block; padding-left:35px; background:url(../images/blockchain_listicon.png) no-repeat 7px center; transition:all 0.5s ease 0s; } .blockchain_date span{ color:#858585; } .blockchain_name span{ display:block; text-align:center; padding-right:35px; } .table_li:hover{ background:#fafafa; } .table_li:hover .blockchain_title span{ color:#C6443F; background:url(../images/blockchain_listicon_cur.png) no-repeat 7px center; } .blockchain_btn{ width:178px; height:48px; border:1px solid #dee7ec; border-radius:5px; margin:30px auto 0; transition:all 0.5s ease 0s; } .blockchain_btn a{ display:block; padding-left:33px; background:url(../images/addicon.png) no-repeat 7px 15px; font-size:14px; line-height:50px; color:#1f9dd7; transition:all 0.5s ease 0s; } .blockchain_btn:hover{ background:#1f9dd7; } .blockchain_btn:hover a{ background:url(../images/addicon_cur.png) no-repeat 7px 15px; color:#ffffff; } .table_li div.blockchain_status span{ cursor:pointer; transition:all 0.5s ease 0s; } .table_li div.blockchain_status span:hover{ color:#C6443F; } .rightsrecord_box{ margin-top:10px; padding:28px 50px 55px; background:#fff; } .rightsrecord_title{ width:235px; } .rightsrecord_desc{ width:355px; } .rightsrecord_date{ width:210px; } .rightsrecord_status{ width:50px; } .rightsrecord_title span{ display:block; padding-left:35px; background:url(../images/rightsrecord_listicon.png) no-repeat 6px 18px; transition:all 0.5s ease 0s; } .table_li:hover .rightsrecord_title span{ color:#1f9dd7; } .rightsrecord_date span{ color:#858585; } .rightsrecord_btn{ width:180px; height:50px; border-radius:5px; margin:30px auto 0; background:#3f6c9e; transition:all 0.5s ease 0s; } .rightsrecord_btn a{ display:block; padding-left:80px; background:url(../images/rightsrecord_btnicon.png) no-repeat 44px center; font-size:14px; line-height:50px; color:#ffffff; } .rightsrecord_btn:hover{ background:#1f9dd7; } /**** 出证记录 / 维权记录 ****/ .certificate_main{ min-height:403px; padding:28px 50px 0; background:#ffffff; } .actmain_head{ height:42px; overflow:hidden; } .actmain_item{ font-size:20px; line-height:40px; color:#394146; font-weight:bold; padding-left:15px; background:url(../images/acthead_item.jpg) no-repeat left 13px; } .actmain_item_nav{ margin-left:10px; } .actmain_item_nav a{ float:left; padding:0 10px; font-size:14px; line-height:42px; color:#394146; } .actmain_item_nav a:hover,.actmain_item_nav a.active{ color:#C6443F; } .actmain_item_nav span{ float:left; width:1px; height:14px; background:#bbbbbb; margin-top:14px; } .certificate_type{ float:left; margin-left:13px; } .certificate_type a{ font-size:14px; line-height:40px; color:#000000; } .certificate_type a.active{ color:#1f9dd7; } .certificate_type span{ color:#bbbbbb; } .certificate_list{ margin-top:13px; } .list_table thead tr{ background:#f2f2f2; } .list_table thead span{ display:block; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:14px; line-height:49px; font-weight:bold; color:#394146; } .list_table thead .firstcel{ border-left:1px solid #d9d9d9; padding-left:14px; } .list_table thead .lastcel{ border-right:1px solid #d9d9d9; padding-right:15px; } .list_table tbody td{ border-bottom:1px solid #d9d9d9; } .list_table tbody span{ font-size:14px; color:#394146; line-height:20px; transition:all 0.5s ease 0s; } .list_table tbody .notclick span{ color:#bbbbbb; cursor:default;} .list_table tbody .notclick:hover span{ color:#bbbbbb;} .list_table tbody .firstcel{ padding:0 15px; display:block; } .list_table tbody .lastcel{ padding-right:15px; } .list_table tbody a:hover{ color:#C6443F; } .list_table tbody a:hover span{ color:#C6443F; } .list_table tbody .line{ width:2px; height:14px; background:url(../images/line.png) no-repeat center; margin:6px; } .list_table .datecolor{ color:#999999; } .list_table .printing{ color:#ff6600; } .list_table .complete{ color:#1f9dd7; } .list_table .delivery{ color:#999999; } .list_table .desc{ padding-right:35px; } .list_table .notaccepted{ color:#ff6600; } .list_table .accepted{ color:#999999; } .list_table .centercolor{ color:#ff6600; } .list_table .checkid{ appearance:none;-moz-appearance:none; -webkit-appearance: none; width:18px; height:18px; margin-top:5px; background:url(../images/checkicon.jpg) no-repeat center; } .list_table .checkid:checked{ background:url(../images/checkicon_cur.jpg) no-repeat center; } .checkid{ appearance:none;-moz-appearance:none; -webkit-appearance: none; width:18px; height:18px; background:url(../images/checkicon.jpg) no-repeat center; } .checkid:checked{ background:url(../images/checkbox_cur.png) no-repeat center ;background-size: cover; } .checktotal{ width:850px; height:50px; background:#f2f2f2; } .checktotal_check{ float:left; height:50px; padding:0 15px; } .checktotal_check label{ display:block; font-size:14px; line-height:50px; color:#394146; } .checktotal_check input{ appearance:none;-moz-appearance:none; -webkit-appearance: none; width:18px; height:18px; margin-bottom: -4px; margin-right:12px; background:url(../images/checkicon.jpg) no-repeat center; } .checktotal_check input:checked{ background:url(../images/checkicon_cur.jpg) no-repeat center; } .checktotal_count{ float:left; font-size:14px; line-height:50px; color:#999999; } .checktotal_count span{ color:#C6443F; } .checktotal_btn{ float:right; padding-right:4px; } .checktotal_btn span{ float:left; padding:0 10px; font-size:14px; line-height:50px; color:#000000; cursor:pointer; transition:all 0.5s ease 0s; } .checktotal_btn span:hover{ color:#C6443F; } .checktotal_btn .notclick { color:#bbbbbb; cursor:default;} .checktotal_btn .notclick:hover { color:#bbbbbb;} .checktotal_btn i{ float:left; width:1px; height:14px; background:#d2d2d2; margin-top:18px; } .detail_page{ padding:50px 0 60px; height:35px; text-align:center; } .detail_page strong{ display:inline-block; width:33px; height:33px; border:1px solid #C6443F; border-radius:2px; text-align:center; line-height:33px; font-weight: normal; font-family:Arial; font-size:14px; background:#C6443F; color:#ffffff; margin:0 3px; } .detail_page a{ display:inline-block; width:33px; height:33px; border:1px solid #dbd9d9; border-radius:2px; text-align:center; line-height:33px; font-family:Arial; font-size:14px; background:#ffffff; color:#454545; margin:0 3px; transition:all 0.5s ease 0s;} .detail_page a:hover{ border:1px solid #C6443F; color:#C6443F; } .detail_page a[rel='prev']{ background:#ffffff url(../images/prev.png) no-repeat center;vertical-align: middle;margin-top: -2px;} .detail_page a[rel='next']{ background:#ffffff url(../images/next.png) no-repeat center;vertical-align: middle;margin-top: -2px;} .detail_page a.nomore_p,.detail_page a.nomore_p:hover{ background:#f2f2f2 url(../images/prev_no.png) no-repeat center; cursor:not-allowed; border:1px solid #f2f2f2;} .detail_page a.nomore_n,.detail_page a.nomore_n:hover{ background:#f2f2f2 url(../images/next_no.png) no-repeat center; cursor:not-allowed; border:1px solid #f2f2f2;} /**** 我的版权 ****/ .addcopyright{ width:175px; height:38px; border:1px solid #dee7ec; border-radius:4px; margin-left:5px; transition:all 0.5s ease 0s; } .addcopyright a{ display:block; padding-left:30px; background:url(../images/addicon.png) no-repeat 6px center; font-size:14px; line-height:38px; color:#1f9dd7; transition:all 0.5s ease 0s; } .addcopyright:hover{ background:#1f9dd7; } .addcopyright:hover a{ background:url(../images/addicon_cur.png) no-repeat 6px center; color:#ffffff; } .reception{ width:128px; height:38px; border:1px solid #dee7ec; border-radius:4px; cursor:pointer; transition:all 0.5s ease 0s; } .reception span{ display:block; padding-left:52px; background:url(../images/reception.png) no-repeat 20px center; font-size:14px; line-height:38px; color:#1f9dd7; transition:all 0.5s ease 0s; } .reception:hover{ background:#1f9dd7; } .reception:hover span{ background:url(../images/reception_cur.png) no-repeat 20px center; color:#ffffff; } .workstitle .workstitle_icon{ position:relative; top:3px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/icon01.png) no-repeat center; } .workstitle .workstitle_icon div{ position:absolute; bottom:19px; left:50%; transform:translateX(-50%); width:189px; height:67px; padding:4px 4px 0 5px; background:url(../images/workstitle_iconbg.png) no-repeat center; font-size:14px; line-height:53px; text-align:center; color:#f45d09; display:none; } .xianxiatip{ position:absolute; bottom:19px; left:50%; transform:translateX(-50%); width: 141px; height: 72px; padding: 13px 27px 0 27px;background:url(../images/xianxiaicon.png) no-repeat center; font-size:14px; line-height:22px; text-align:center; color:#f45d09; display:none; } .searchform{ width:220px; height:40px; border:1px solid #dee7ec; background:#ffffff; } .searchform input{ float:left; width:155px; height:40px; padding:0 10px; font-size:13px; color:#000000; } .search_btn{ float:left; width:45px; height:40px; background:url(../images/search.png) no-repeat center; } .bareddian{color: #C6443F;display: inline-table;font-size: 35px;margin-top: -10px;} /**** 我的版权 弹窗操作 ***/ .popups_container{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } /** 版权接收 弹窗 **/ .pop_reception{ position:absolute; top:50%; left:50%; margin:-170px 0 0 -250px; width:500px; height:340px; border-radius:4px; background:#1f9dd7; } .close_btn{ position:absolute; right:0; top:0; width:66px; height:60px; background:url(../images/closebtn.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .close_btn:hover{ transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } .pop_receptio_title{ font-size:30px; line-height:70px; text-align:center; color:#ffffff; padding:30px 0; } .pop_receptio_form{ text-align:center; } .receptio_form_input{ width:350px; height:50px; margin:0 auto; position:relative; } .receptio_form_input .formtip{ position:absolute; left:0; width:100%; font-size:12px; color:#e52000; text-align:center; } .reception_form #extracted{ width:328px; height:48px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; text-align:center; } .receptiosubmit{ width:108px; height:48px; background:transparent; border:1px solid #ffffff; border-radius:4px; margin-top:53px; font-size:14px; line-height:45px; color:#ffffff; text-align:center; cursor:pointer; transition:all 0.5s ease 0s; } .receptiosubmit:hover{ background:#75d4ff; border:1px solid #75d4ff; } /** 转让成功 弹窗 **/ .transfer_succ{ position:absolute; top:50%; left:50%; margin:-240px 0 0 -300px;width:480px; height:240px; /*width:600px; height:480px;*/ border-radius:4px; background:#ffffff; } .transfer_succ_title{ font-size:30px; line-height:70px; text-align:center; color:#000000; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .transfer_succ_cont{ text-align:center; padding:70px 0 0; } .transfer_succ_tip{ font-size:20px; line-height:70px; color:#394146; font-weight:bold; } .transfer_succ_tip span{ color:#1f9dd7; } .transfer_succ_btn{ width:110px; height:45px; border-radius:4px; background:#3f6c9e; margin:40px auto 0; font-size:14px; color:#ffffff; text-align:center; line-height:45px; cursor:pointer; transition:all 0.5s ease 0s; } .transfer_succ_btn:hover{ background:#1f9dd7; } /** 支付流程选择 **/ .workstip{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.45); overflow-y: scroll; display:none; } .workstip_{ position:absolute; left:50%; top:50%; width:470px; height:190px; transform: translate(-50%,-50%); background:#ffffff; border-radius:5px; } .workstip_head{ padding:10px 0; font-size:30px; line-height:60px; color:#000000; text-align:center; border-bottom:1px solid #d9d9d9; } .workstip_type1{ width:250px; height:50px; border-radius:4px; background:#1E335E; margin:30px auto 0; font-size:16px; line-height:48px; text-align:center; color:#ffffff; cursor:pointer; transition: all 0.5s ease 0s; } .workstip_type1:hover{ background: #C6443F; } .workstip_type2{ width:250px; height:50px; border-radius:4px; border:1px solid #c9c9c9; box-sizing:border-box; margin:30px auto 0; font-size:16px; line-height:48px; text-align:center; color:#394146; cursor:pointer; transition: all 0.5s ease 0s; } .workstip_type2:hover{ border:1px solid #1f9dd7; background: #1f9dd7; color: #ffffff; } /** 支付方式选择 **/ .pay_btnbox{ padding:28px 0 21px; overflow: hidden; } .pay_btn{ display:block; width:200px; height:72px; margin:0 auto 18px; padding-left:110px; border-radius:5px; font-size:20px; line-height:72px; color:#ffffff; cursor:pointer; } .pay_btn.weixinpay{ background:#02c204 url(../images/weixin_icon02.png) no-repeat 59px center; } .pay_btn.alipay{ background:#26b8ff url(../images/zfb_icon02.png) no-repeat 57px center; } .pay_btn.bankpay{ background:#3e6c9f url(../images/bank_icon.png) no-repeat 60px center; } .pay_btnbox p{ font-size:14px; line-height:28px; text-align:center; color:#666666; } /** 微信支付二维码 弹窗 **/ .wxpay{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:430px; height:325px; border-radius:4px; overflow:hidden; display:none; } .wxpay_head{ height:80px; background:#ffffff; font-size:20px; line-height:80px; text-align:center; color:#394146; } .wxpay_head span{ font-size:30px; color:#ff6600; } .wxpay_body{ height:245px; background:#02c204; } .wxpay_img{ width:130px; height:130px; margin:0 auto; padding-top:32px; } .wxpay_img img{ border:1px solid #d9d9d9; } .wxpay_title{ width:84px; margin:0 auto; padding-left:54px; background:url(../images/weixin_icon02.png) no-repeat left center; font-size:20px; line-height:60px; color:#ffffff; } /** 备案成功 弹窗 **/ .dengji_tip{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.35); overflow-y: scroll; display:none; } .dengji_succ{ position:absolute; top:50%; left:50%; margin:-220px 0 0 -260px; width:520px; height:440px; border-radius:4px; background:#ffffff; } .dengji_succ_title{ font-size:30px; line-height:70px; text-align:center; color:#000000; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .dengji_succ_cont{ text-align:center; padding:55px 0 0; } .dengji_succ_tip{ margin-top:25px; font-size:24px; line-height:35px; color:#394146; font-weight:bold; } .dengji_succ_tip_s{ font-size:16px; line-height:35px; text-align:center; color:#394146; } .dengji_succ_tip span{ color:#1f9dd7; } .dengji_succ_btn{ width:110px; height:45px; border-radius:4px; background:#1f9dd7; margin:22px auto 0; font-size:14px; color:#ffffff; text-align:center; line-height:45px; cursor:pointer; transition:all 0.5s ease 0s; } .dengji_succ_btn:hover{ background:#1f9dd7; } /** 是否开具发票 弹窗 **/ .invoice_box{ position:absolute; top:50%; left:50%; margin:-190px 0 0 -260px; width:520px; height:380px; border-radius:4px; background:#ffffff; display:none; } .invoice_box_head{ font-size:30px; line-height:70px; text-align:center; color:#394146; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .invoice_btnbox{ padding-top:28px; } .invoice_btn{ width:310px; height:72px; margin:0 auto 18px; border-radius:5px; font-size:20px; line-height:72px; text-align:center; color:#ffffff; cursor:pointer; } .invoice_btn.invoice_btn01{ background:#26b8ff; } .invoice_btn.invoice_btn02{ background:#3e6c9f; } .invoice_btnbox p{ font-size:14px; line-height:25px; text-align:center; color:#666666; } /** 发票类型 弹窗 **/ .invoicetype_box{ position:absolute; top:50%; left:50%; margin:-270px 0 0 -310px; width:620px; height:540px; border-radius:4px; background:#ffffff; display:none; } .invoicetype_box_head{ font-size:30px; line-height:70px; text-align:center; color:#394146; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .invoicetype_btnbox{ padding-top:25px; } .invoicetype_{ text-align:center; margin-bottom:18px; } .invoicetype_ div{ display:inline-block; width:157px; height:45px; border-radius:4px; margin:0 9px; font-size:14px; line-height:45px; text-align:center; color:#000000; cursor:pointer; } .invoicetype_ div.active{ background:#8dadce; color:#ffffff; } .invoicetype_form .forminputbox{ height:60px; } .invoicetype_form .forminputbox .formitem{ width:115px; padding-right:10px; font-size:14px; line-height:60px; } .invoicetype_form .forminputbox .forminput{ margin:7px 0 8px; } .invoicetype_form .forminputbox .forminput .input{ width:428px; font-size:14px; } .invoicetype_form .stepbtn{ width:310px; height:50px; border-radius:4px; margin:32px auto 0; background:#C6443F; font-size:20px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer;transition: all 0.5s ease 0s; } .invoicetype_form .forminputbox.disabled .formitem{ color:#999999; } .invoicetype_form .forminputbox.disabled .formitem .star{ color:#999999; } .invoicetype_form .forminputbox.disabled .forminput .input{ background:#f6f6f6; } .invoicetype_form .forminputbox.disabled .forminput .input:hover{ border:1px solid #d9d9d9; } .invoicetype_form .stepbtn:hover{ background:#F5443F; } /** 发票类型 弹窗 **/ .publicinfo{ position:absolute; top:50%; left:50%; margin:-310px 0 0 -310px; width:620px; height:620px; border-radius:4px; background:#ffffff; display:none; } .publicinfo_head{ font-size:30px; line-height:70px; text-align:center; color:#394146; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .publicinfo_body{ padding-top:30px; } .publicinfo_one{ padding:0 50px 0 55px; } .publicinfo_one div{ font-size:20px; line-height:40px; color:#000000; } .publicinfo_one div span{ color:#ff6600; } .publicinfo_one div span.publicinfo_price{ font-size:30px; } .publicinfo_two{ margin:22px 0 16px; padding:0 50px 0 55px; font-size:16px; line-height:30px; color:#000000; } .publicinfo_three{ overflow:hidden; } .publicinfo_btn{width:310px;height: 50px;border-radius: 4px;margin:20px auto;background: #3f6c9e;font-size:20px;line-height: 50px;text-align: center;color: #ffffff;cursor: pointer;transition: all 0.5s ease 0s;} .publicinfo_btn:hover{ background: #1f9dd7; } .publicinfo_body .forminputbox .formitem{ font-size:14px; padding-right:10px; } .publicinfo_body .forminputbox .forminput .input{ width:428px; } /** 对公提交提示 弹窗 **/ .public_tip{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.35); overflow-y: scroll; display:none; } .public_succ{ position:absolute; top:50%; left:50%; margin:-220px 0 0 -260px; width:520px; height:440px; border-radius:4px; background:#ffffff; } .public_succ_title{ font-size:30px; line-height:70px; text-align:center; color:#000000; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .public_succ_cont{ text-align:center; padding:39px 0 0; } .public_succ_img{ vertical-align:top; } .public_succ_tip{ margin-top:25px; font-size:24px; line-height:35px; color:#394146; font-weight:bold; } .public_succ_tip_s{ margin:15px 0; font-size:16px; line-height:25px; text-align:center; color:#394146; } .public_succ_btn{ width:110px; height:45px; border-radius:4px; background:#1f9dd7; margin:22px auto 0; font-size:14px; color:#ffffff; text-align:center; line-height:45px; cursor:pointer; transition:all 0.5s ease 0s; } .public_succ_btn:hover{ background:#1f9dd7; } /** 打印证书 弹窗 **/ .print_certificate{ position:absolute; top:160px; left:50%; margin-left:-400px; padding-bottom:185px; width:800px; border-radius:4px; display:none; } .print_certificate_{ background:#ffffff; padding-bottom:35px; border-radius:4px; overflow:hidden; } .print_desc{ height:242px; padding:22px 62px 46px 62px; background:#8dadce; overflow:hidden; } .print_desc_img{ float:left; position:relative; width:171px; height:242px; cursor:pointer; box-shadow: 5.142px 6.128px 0px 0px rgba( 13, 4, 8, 0.2); background:url(../images/worksimg.jpg) no-repeat center; } .print_desc_img.collectimg{ background:url(../images/collectimg.png) no-repeat center; } .print_desc_img a{ position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; } .print_desc_img_mark{ position:absolute; top:0; left:0; bottom:0; right:0; } .print_desc_img_mark div{ position:absolute; bottom:0; left:0; width:100%; height:45px; background:rgba(0,0,0,0.6) url(../images/print_icon.png) no-repeat center; opacity:0; transition:all 0.5s ease 0s; } .print_desc_img:hover .print_desc_img_mark div{ opacity:1; } .print_desc_main{ overflow:hidden; margin-left:215px; margin-top:15px; } .print_desc_title{ height:60px; font-size:20px; line-height:30px; font-weight:bold; color:#ffffff; } .print_desc_cont{ font-size:14px; line-height:30px; color:#ffffff; margin-top:7px; } .print_desc_li{ overflow:hidden; } .print_desc_li .item{ float:left; } .print_desc_li .cont{ overflow:hidden; } .print_form{ width:740px; margin:0 auto; padding-top:10px; overflow:hidden; } .pickup_box{ margin-bottom:22px; } .pick_item{ overflow:hidden; } .pick_item_{ font-weight:bold; font-size:20px; line-height:65px; color:#394146; margin-right:19px; } .pickup_opt{ padding:22px 0; } .pickup_opt label{ margin-right:28px; } .pickup_opt label input{ width:13px; height:13px; background:url(../images/radio.png) no-repeat left center; margin-right:8px; } .pickup_opt label input:checked{ background:url(../images/radio_check.png) no-repeat left center; } .pickup_tip{ width:738px; height:49px; border:1px solid #d9d9d9; background:#f2f2f2; } .pickup_tip div{ padding:0 15px; font-size:14px; line-height:49px; color:#394146; } .pickup_tip div span{ color:#999999; font-weight:bold; } .pickup_tip .zt_tip{ font-weight:bold; display:none; } .print_form_{ } .forminputbox{ height:73px; } .forminputbox.formtextarea{ height:150px; } .forminputbox .formitem{ float:left; width:120px; padding-right:20px; font-size:16px; line-height:73px; text-align:right; color:#394146; } .forminputbox .formitem .star{ color:#ea450b; margin-right:5px; } .forminputbox .forminput{ float:left; margin:14px 0; position:relative; } .forminputbox .forminput .input{ width:438px; height:43px; border:1px solid #d9d9d9; padding:0 10px; border-radius:4px; transition:all 0.5s ease 0s; } .forminputbox .forminput select{ width:158px; height:43px; border:1px solid #d9d9d9; border-radius:4px; padding-left:9px; } .forminputbox .forminput textarea{ width:528px; height:98px; border:1px solid #d9d9d9; padding:10px; border-radius:4px; resize:none; font-size:14px; } .forminputbox .forminput .formtip{ position:absolute; left:0; font-size:12px; color:#e52000; } .forminputbox.wrong .forminput .input{ border:1px solid #f00; } .forminputbox.on .forminput .input,.forminputbox .forminput .input:hover{ border:1px solid #3f6c9e; } .nextstep{margin:20px auto;width:310px;height: 50px;border-radius: 4px;background: #C6443F;font-size:20px;line-height: 50px;text-align: center;color: #ffffff;cursor: pointer;transition: all 0.5s ease 0s;} .nextstep:hover{ background: #F5443F; } .nextstep.unclick{ background: #858585; cursor:not-allowed; } .nextstep.unclick:hover{ background: #858585; } .print_pay{ width:740px; margin:0 auto; padding-bottom:22px; background:url(../images/xuxian.png) repeat-x center top; display:none; } .print_pay_title{ padding:14px 0 18px; } .print_pay_title_{ font-weight:bold; font-size:20px; line-height:75px; color:#394146; margin-right:15px; } .print_pay_amount{ font-size:14px; line-height:60px; color:#394146; } .print_pay_amount span{ font-size:20px; color:#ff6600; } .pay_box{ width:600px; margin:0 auto; overflow:hidden; } .weixin_pay{ float:left; width:258px; height:128px; border:1px solid #02c204; } .weixin_pay_item{ width:130px; height:66px; padding-top:62px; background:#02c204 url(../images/weixin_icon.png) no-repeat center 32px; text-align:center; } .weixin_pay_item span{ font-size:14px; line-height:60px; color:#ffffff; } .zhifubao_pay{ float:right; width:258px; height:128px; border:1px solid #26b8ff; } .zhifubao_pay_item{ width:130px; height:66px; padding-top:62px; background:#26b8ff url(../images/zfb_icon.png) no-repeat center 30px; text-align:center; } .zhifubao_pay_item span{ font-size:14px; line-height:60px; color:#ffffff; } /** 打印成功 弹窗 **/ .print_tip{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.35); overflow-y: scroll; display:none; } .print_succ{ position:absolute; top:50%; left:50%; margin:-240px 0 0 -300px; width:600px; height:480px; border-radius:4px; background:#ffffff; } .print_succ_title{ font-size:30px; line-height:70px; text-align:center; color:#000000; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .print_succ_cont{ text-align:center; padding:55px 0 0; } .print_succ_tip{ font-size:20px; line-height:70px; color:#394146; font-weight:bold; } .print_succ_tip span{ color:#1f9dd7; } .print_succ_btn{ width:110px; height:45px; border-radius:4px; background:#3f6c9e; margin:40px auto 0; font-size:14px; color:#ffffff; text-align:center; line-height:45px; cursor:pointer; transition:all 0.5s ease 0s; } .print_succ_btn:hover{ background:#1f9dd7; } /** 续费 弹窗 **/ .renewfee{ position:absolute; top:50%; left:50%; margin:-301px 0 0 -315px; width:630px; height:602px; border-radius:4px; background:#ffffff; overflow:hidden; } .renewfee_closebtn{ position:absolute; top:15px; right:15px; width:50px; height:50px; background:url(../images/closebtn02.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .renewfee_closebtn:hover{ transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } .renewfee_title{ padding:10px 0; font-size:20px; line-height:56px; color:#394146; text-align:center; } .renewfee_title span{ font-size:30px; color:#ff6600; } .renewfee_desc{ font-size:14px; line-height:25px;font-weight:bold; color:#ff6600; background:#f8f6f6; padding:20px 28px; } .renewfee_desc span{ font-weight:normal; color:#000000; } .workpay_tip{ font-size:16px; line-height:20px; color:#777777; text-align:center; padding-bottom:18px; } .renewfee_cont{ overflow:hidden; } .renewfee_weixin{ float:left; width:50%; height:345px; background:#02c204; } .renewfee_weixin_ewm{ width:128px; height:128px; border:1px solid #d9d9d9; margin:53px auto 0; } .renewfee_weixin_title{ margin-top:40px; padding-top:40px; background:url(../images/weixin_icon.png) no-repeat center top; font-size:16px; line-height:48px; color:#ffffff; text-align:center; } .renewfee_zfb{ float:left; width:50%; height:345px; background:#26b8ff; } .renewfee_zfb_ewm{ width:128px; height:128px; border:1px solid #d9d9d9; margin:0 auto; } .renewfee_zfb_title{ display:block; margin-top:40px; padding-top:40px; background:url(../images/zfb_icon.png) no-repeat center top; font-size:16px; line-height:48px; color:#ffffff; text-align:center; } .renewfee_logo{ width:100%; height:87px; background:#fff url(../images/pay_logo.png) no-repeat center; } /** 提示 弹窗 **/ .update_tip{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:1500; background:rgba(0,0,0,0.35); overflow-y: scroll; display:none; } .renewfee_succ{ position:absolute; top:50%; left:50%; margin:-240px 0 0 -300px; width:600px; height:480px; border-radius:4px; background:#ffffff; } .renewfee_succ_closebtn{ position:absolute; top:15px; right:0; width:50px; height:50px; background:url(../images/closebtn02.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .renewfee_succ_closebtn:hover{ transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } .renewfee_succ_title{ font-size:30px; line-height:70px; text-align:center; color:#000000; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .renewfee_succ_cont{ text-align:center; padding:70px 0 0; } .renewfee_succ_tip{ font-size:20px; line-height:70px; color:#394146; font-weight:bold; } .renewfee_succ_tip span{ color:#1f9dd7; } .renewfee_succ_btn{ width:110px; height:45px; border-radius:4px; background:#3f6c9e; margin:40px auto 0; font-size:14px; color:#ffffff; text-align:center; line-height:45px; cursor:pointer; transition:all 0.5s ease 0s; } .renewfee_succ_btn:hover{ background:#1f9dd7; } /********** 登记详情 *********************/ .copyright_detail{ width:1100px; margin:0 auto; padding:0 50px 120px; background:#ffffff; } .copyright_detail_title{ padding:24px 0 17px; font-size:30px; line-height:40px; color:#394146; text-align:center; } .copyright_detail_next{height: 40px;font-size: 16px;border-bottom:1px solid #d9d9d9;margin-top: 15px;} .copyright_detail_next_{ width: 660px; margin: 0 auto; overflow: hidden; } .copyright_detail_next_li{ float: left; width: 200px; height: 40px; margin: 0 10px; line-height: 40px; text-align: center; color: #333333; } .copyright_detail_next_li div{ display: inline-block; margin: 8px 8px 0 0; width: 23px; height: 23px;background: #999999; line-height: 23px;color: #ffffff;border-radius: 50px; } .copyright_detail_next_li.active{ border-bottom: 1px solid #3F6C9E; } .copyright_detail_next_li.active div{ background: #3F6C9E; } .copyright_detail_nextone{display: inline-block; margin-left: 290px;color: #3f6c9e;width: 165px; height: 32px; border-bottom: 1px solid #3F6C9E;padding-left: 35px;padding-top: 8px; } .copyright_detail_nexttwo{display: inline-block;margin-left: 100px;width: 200px; height: 32px;padding-left: 50px;} #copyrightnextone{float: left;margin-right: 10px; width: 23px; height: 23px;background: #3F6C9E;color: #ffffff;border-radius: 50px;text-align: center;} #copyrightnexttwo{float: left;margin-right: 10px;width: 23px; height: 23px;background: #999999;color: #ffffff;border-radius: 50px;text-align: center;} .copyright_detail_nextonenext{display: inline-block; margin-left: 290px;width: 165px; height: 32px;padding-left: 35px;padding-top: 8px; } .copyright_detail_nexttwonext{display: inline-block;margin-left: 100px;color: #3f6c9e;width: 150px;height: 32px; border-bottom: 1px solid #3F6C9E; padding-left: 50px;} #copyrightnextonenext{float: left;margin-right: 10px; width: 23px; height: 23px;background: #999999;color: #ffffff;border-radius: 50px;text-align: center;} #copyrightnexttwonext{float: left;margin-right: 10px;width: 23px; height: 23px;background: #3F6C9E;color: #ffffff;border-radius: 50px;text-align: center;} .detail_table .tr_item{ position:relative; font-size:16px; color:#394146; } .detail_table .tr_item .star{ color:#ff6600; margin-right:5px; font-weight:normal; } .detail_table .tr_item .smalltip{ position:absolute; top:20px; left:12px; font-size:12px; } .detail_table td{ background:url(../images/xuxian.png) repeat-x left bottom; padding:22px 0; } .detail_table td span{ display:block; color:#394146; padding:1px 40px 1px 0; position: relative; word-wrap: break-word;word-break: break-all;} .detail_table td span img{ margin-right:5px; } .detail_table td span .getcode{ position:absolute; right:0; top:-13px; width:130px; height:50px; background:#ff8042; border-radius:5px; font-size:14px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .detail_table td span .getcode:hover{ background:#1f9dd7; } .detail_table td span .getcode.disclick,.detail_table td span .getcode.disclick:hover{ background:#8dadce; cursor:not-allowed; } .supplementli a{ display:inline-block; padding-left:28px; background:url(../images/supplement_icon.png) no-repeat left center; font-size:14px; line-height:25px; color:#394146; transition:all 0.5s ease 0s; } .supplementli a:hover{ color:#1f9dd7; } .copyright_detail_btn{ width:380px; height:50px; margin:50px auto 0; text-align:center; } .copyright_detail_btn div{ display:inline-block; width:178px; height:48px; border:1px solid #d9d9d9; border-radius:4px; font-size:14px; line-height:48px; text-align:left; color:#1f9dd7; transition:all 0.5s ease 0s; } .copyright_detail_btn div a{ display:block; color:#1f9dd7; transition:all 0.5s ease 0s; } .update_btn{ display:inline-block; margin-right: 10px;width:178px; height:48px; border:1px solid #d9d9d9; border-radius:4px; font-size:14px; line-height:48px; text-align:left; color:#1f9dd7; transition:all 0.5s ease 0s; } .update_btn span{ display:block; padding-left:90px; background:url(../images/update_icon.png) no-repeat 47px center; cursor:pointer; } .update_btn:hover{background:#3f6c9e; border:1px solid #3f6c9e;} .update_btn:hover span{ color:#ffffff; background:url(../images/update_icon_cur.png) no-repeat 47px center; } .back_btn{ margin:0 auto; } .back_btn a{ padding-left:85px; background:url(../images/back_icon.png) no-repeat 57px center; } .transfer_btn a{ padding-left:72px; background:url(../images/transfer_icon.png) no-repeat 41px center; } .copyright_detail_btn div:hover{ background:#1E335E; border:1px solid #3f6c9e; } .copyright_detail_btn div:hover a{ color:#fff; } .update_btn:hover a{ background:url(../images/update_icon_cur.png) no-repeat 47px center; } .back_btn:hover a{ background:url(../images/back_icon_cur.png) no-repeat 57px center; } .transfer_btn:hover a{ background:url(../images/transfer_icon_cur.png) no-repeat 41px center; } /****** 版权转让 *******/ .transfer_box{ position:absolute; top:50%; left:50%; margin:-300px 0 0 -400px; width:800px; height:600px; border-radius:4px; background:#ffffff; } .transfer_box_closebtn{ position:absolute; top:15px; right:15px; width:50px; height:50px; background:url(../images/closebtn02.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; } .transfer_box_closebtn:hover{ transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } .transfer_box_title{ font-size:30px; line-height:70px; text-align:center; color:#000000; border-bottom:1px solid #d9d9d9; padding:5px 0 4px; } .transfer_box_form{ padding:27px 110px 45px; } .transferform_title{ overflow:hidden; } .transferformitem{ float:left; width:120px; padding-right:20px; font-size:16px; line-height:53px; text-align:right; color:#394146; } .transferformitem .star{ color:#ea450b; margin-right:5px; } .transferforminput{ float:left; width: 440px; margin:14px 0; position:relative; } .transferforminput span{ display:block; padding-left:10px; font-size:14px; line-height:24px; color:#000000; } .forminputbox .forminput .btn{ width:110px; height:45px; border-radius:4px; font-size:14px; line-height:45px; text-align:center; color:#ffffff; background:#8996a3; cursor:pointer; transition:all 0.5s ease 0s; } .forminputbox .forminput .btn:hover{ background:#1f9dd7; } .transferformbtn{ text-align:center; margin-top:26px; } .transferformbtn .subbtn{ width:180px; height:50px; background:#1E335E; border-radius:5px; font-size:14px; line-height:50px; text-align:center; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .transferformbtn .subbtn:hover{ background:#C6443F; } .transferformbtn .subbtn.disclick{ background:#858585; cursor:not-allowed; } .transferformbtn .subbtn.disclick:hover{ background:#858585; } .transfer_box_bottom{ padding:25px 0; background:#1f9dd7; } .transfer_box_bottom div{ font-size:14px; line-height:25px; text-align:center; color:#ffffff; font-weight:bold; } .transfer_info_box{ position:absolute; top:50%; left:50%; margin:-300px 0 0 -400px; width:800px; height:600px; border-radius:4px; background:#ffffff; } /********* 修改登记详情 ***********/ .copyright_update td{ padding:13px 0 10px; } .copyright_update td .tr_item{ padding-top: 9px;} .copyright_update .input{ width:280px; height:43px; border:1px solid #d9d9d9; padding:0 14px; border-radius:4px; } .copyright_update .longinput{ width:790px; } .copyright_update textarea{ width:770px; height:75px; border:1px solid #d9d9d9; padding:9px 34px 9px 14px; border-radius:4px; resize:none; font-size:14px; line-height:25px; } .copyright_update .pickup_opt{ padding:13px 0; } .copyright_update .pickup_opt label input{ margin-right:3px; margin-bottom: -1px; } .copyright_update .detail_table td span{ padding-right:0; } .update_btn .copy_update{ display:block; width:180px; height:100%; padding-left:90px; background:url(../images/update_icon.png) no-repeat 47px center; cursor:pointer; font-size:14px; color:#1f9dd7; text-align:left; transition:all 0.5s ease 0s; } .update_btn:hover .copy_update{ background:url(../images/update_icon_cur.png) no-repeat 47px center; color:#fff; } .detail_table td span .upload_tip{ position:absolute; top:0; left:420px; font-size:12px; line-height:45px; color:#999999; } /********** 修改密码 ***************/ .userinfo_main{ background:#fff; padding:27px 50px 0; } .userinfo_head{ height:44px; border-bottom:1px solid #e5e5e5; overflow:hidden; } .userinfo_head_item{ font-size:20px; line-height:44px; color:#394146; font-weight:bold; padding-left:15px; background:url(../images/acthead_item.jpg) no-repeat left 13px; } .pwdupdate_form_box{ padding:66px 115px 115px; } /********** 账户信息 ***************/ .userinfo_list{ padding:70px 0 0; } .userinfo_list .tr_item{ padding-right:20px; } .userinfo_list td span img{ border:1px solid #d9d9d9; } .userinfo_main .update_link{ width:180px; height:50px; border-radius:4px; background:#3f6c9e; font-size:14px; line-height:50px; text-align:center; margin:45px auto 37px; transition:all 0.5s ease 0s; } .userinfo_main .update_link a{ display:block; color:#ffffff; } .userinfo_main .update_link:hover{ background:#1f9dd7; } .userinfo_main .update_link.unclick{ background:#c5cbd7; } .userinfo_main .update_link.unclick a{ color:#000000; } .userinfo_main .update_link.unclick:hover{ background:#c5cbd7; } .userinfo_main .update_link.unclick:hover a{ cursor:not-allowed; } .userinfo_main .userinfotip{ padding-bottom:84px; font-size:16px; line-height:23px; color:#666666; text-align:center; } .userinfo_main .userinfotip span{ font-size:20px; color:#C6443F; } /********** 修改 账户信息 ***************/ .userupdate td{ padding:13px 0 10px; } .userupdate td .tr_item{ padding-top: 9px;} .userupdate .input{ width:280px; height:43px; border:1px solid #d9d9d9; padding:0 14px; border-radius:4px; } .userupdate .input:disabled{ background:#edf2f7; } .userupdate .form_tip{ position:absolute; top:0; left:320px; font-size:12px; line-height:45px; color:#e52000; } .userupdate .update_link .updatebtn{ display:block; width:180px; height:50px; border-radius:4px; background:#3f6c9e; font-size:14px; color:#ffffff; cursor:pointer; transition:all 0.5s ease 0s; } .userinfo_main .update_link:hover .updatebtn{ background:#1f9dd7; } .userupdate .infoupload_tip{ font-size:12px; line-height:23px; color:#999999; } .userupdate .infoupload_tip.poa{position:absolute; left:265px; top:85px; width:330px;} .userupdate .infoupload_tip div span{ display:inline; font-weight:bold; color:#e95142; } .userupdate label{ display:inline-block; width:155px; margin-right:0; } .userupdate label input{ width:13px; height:13px; background:url(../images/radio.png) no-repeat left center; margin-right:8px; } .userupdate label input:checked{ background:url(../images/radio_check.png) no-repeat left center; } /********** 开票资料 ***************/ .billing_form_box{ padding:66px 90px 65px; } .billing_form_box .forminputbox .formitem{ width:105px; } .billing_form_box .forminputbox .forminput .input{ width:438px; } /***** 加入原创侠 ****/ .original_container{ background:#ffffff; } .original_banner{ position:relative; min-width:1200px; height:595px; margin-top:80px; overflow:hidden; } .original_banner_img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:595px; } .original_desc{ margin-top:50px; font-size:60px; line-height:80px; text-align:center; color:#000000; } .original_desc span{ margin:0 20px; } .originalbtn{ width:250px; height:80px; margin:60px auto 0; } .originalbtn a{ display:block; border:3px solid #040000; background:#ffe400; font-size:26px; line-height:74px; text-align:center; color:#000000; transition:all 0.5s ease 0s; } .originalbtn a:hover{ background:#000000; color:#ffe400; } .originalarrow{ width:48px; height:25px; background:url(../images/arrow.png) no-repeat center; margin:39px auto 0; } .original_list{ min-width:1200px; background:#fff; } .original_list_{ width:1200px; padding:96px 0 165px; margin:0 auto; } .original_li{ padding:0 100px; overflow:hidden; } .original_li01{ margin-bottom:33px; } .original_li02{ margin-bottom:77px; } .original_li03{ margin-bottom:90px; } .original_img{ width:50%; position:relative; } .original_img.fl .original_img_ img{ float:right; } .original_img.fl .original_text{ left:500px;} .original_img.fr .original_text{ right:500px; } .original_img.fl .original_text_{ text-align:right; } .original_img.fr .original_text_{ padding-left:30px; } .original_text{ width:510px; position:absolute; top:50%; margin-top:-122px; } .original_text_ b{ display:block; color:#236bbc; margin-right:36px; font-size:50px; line-height:70px; } .original_text_ span{ display:block; color:#4c5359; font-size:40px; line-height:70px; } .original_btn{ margin:45px 0 0; } .original_img.fl .original_btn{ text-align:right; padding-right:36px; } .original_img.fr .original_btn{ text-align:left; padding-left:30px; } .original_btn01{ display:inline-block; width:180px; height:60px; border-radius:7px; background:#236bbc; margin-right:6px; font-size:20px; line-height:60px; text-align:center; color:#ffffff; vertical-align:middle; transition:all 0.5s ease 0s; } .original_btn01:hover{ background:#1f9dd7; } .original_btn02{ display:inline-block; width:180px; height:60px; border-radius:7px; border:3px solid #236bbc; background:#ffffff; font-size:20px; line-height:54px; text-align:center; color:#236bbc; box-sizing:border-box; vertical-align:middle; transition:all 0.5s ease 0s; } .original_btn02:hover{ border:3px solid #1f9dd7; background:#1f9dd7; color:#ffffff; } /***** 收藏证书 ****/ .collect_container .swiper-container-h{ width:100%; height:100%; } .collect_container .swiper-pagination{ position:absolute; left:20px; top:50%; width:10px; transform:translateY(-50%); } .collect_container .swiper-pagination-bullet{ width:6px; height:6px; margin:8px 0; background:#666666; opacity:1; transition:all 0.5s ease 0s; } .collect_container .swiper-pagination-bullet:nth-child(5),.collect_container .swiper-pagination-bullet:nth-child(6){ display:none; } .collect_container .swiper-pagination-bullet-active{ width:10px; height:10px; background:#f8ce01; } .collectpart01{ position:relative; width:100%; height:100%; background:url(../images/collect_banner.jpg) no-repeat center; background-size:cover; } .collectpart01_{ display:table; width:1200px; height:100%; margin:0 auto; } .collectpart01_mian{ display:table-cell; vertical-align:middle; } .collectpart01_head{ margin-bottom:49px; padding:10px; font-size:60px; line-height:60px; color:#f8ce01; font-weight:bold; } .collectpart01_cont{ margin-bottom:39px; padding-left:40px; } .collectpart01_cont_item{ padding-left:32px; font-size:16px; line-height:40px; color:#f8ce01; font-weight:bold; } .collectpart01_cont_item.item01{ background:url(../images/item01.png) no-repeat left center; background-size:18px 22px; } .collectpart01_cont_item.item02{ background:url(../images/item02.png) no-repeat 2px center; background-size:17px 20px; } .collectpart01_cont_item.item03{ background:url(../images/item03.png) no-repeat 2px center; background-size:18px 15px; } .collectpart01_cont_{ font-size:18px; line-height:40px; color:#ffffff;} .collectpart01_btn{ display:block; width:146px; height:46px; margin:87px 0 0 40px; border:2px solid #f8ce01; border-radius:7px; background:#f8ce01; font-size:20px; line-height:46px; text-align:center; color:#333333; transition:all 0.5s ease 0s; } .collectpart01_btn:hover{ background:transparent; color:#f8ce01; } .collectpart01 .arrow{ position:absolute; bottom:50px; left:50%; width:26px; height:15px; background:url(../images/arrow02.png) no-repeat center; animation-name: section-arrow; animation-duration: 2s; animation-timing-function: ease-in-out; animation-direction: alternate; animation-play-state: running; animation-iteration-count: infinite; } @keyframes section-arrow { from{bottom:50px;} 50%{bottom:35px;} to{bottom:50px;} } @keyframes section-arrow02 { from{bottom:50px;} 50%{bottom:35px;} to{bottom:50px;} } .collectpart02{ width:100%; height:100%; background:#ffffff url(../images/collectbg02.jpg) no-repeat center; background-size:cover; } .collectpart02_{ display:table; width:1200px; height:100%; margin:0 auto; } .collectpart02_main{ display:table-cell; vertical-align:middle; padding-top:40px; } .collectpart02_li{ float:left; width:33.33%; margin-top:70px; } .collectpart02_li_img{ width:240px; height:240px; border-radius:50%; margin:0 auto 21px; overflow:hidden; } .collectpart02_li_img div{ width:100%; height:100%; border-radius:50%; } .collectpart02_li_img div.type01{ background:url(../images/type01.png) no-repeat center; background-size:cover; } .collectpart02_li_img div.type02{ background:url(../images/type02.png) no-repeat center; background-size:cover; } .collectpart02_li_img div.type03{ background:url(../images/type03.png) no-repeat center; background-size:cover; } .collectpart02_li_img div.type04{ background:url(../images/type04.png) no-repeat center; background-size:cover; } .collectpart02_li_img div.type05{ background:url(../images/type05.png) no-repeat center; background-size:cover; } .collectpart02_li_img div.type06{ background:url(../images/type06.png) no-repeat center; background-size:cover; } .collectpart02_li_title{ font-size:20px; line-height:50px; text-align:center; color:#000000; } .collectpart03{ width:100%; height:100%; background:url(../images/collectpart03_bg.jpg) no-repeat center; background-size:cover; } .collectpart03_{ display:table; width:1200px; height:100%; margin:0 auto; } .collectpart03_main{ display:table-cell; vertical-align:middle; padding-top:160px; } .collectpart03_head{ position:relative; } .collectpart03_head span{ width:418px; height:1px; background:rgba(255,255,255,0.2); } .collectpart03_head_{ position:absolute; top:-25px; left:50%; margin-left:-184px; width:368px; height:50px; font-size:34px; line-height:50px; text-align:center; color:#ffffff; } .collectpart03_certificate{ position:relative; height:605px; margin-top:84px; } .collectpart03_certificate .swiper-container-v{ width:830px; height:605px; } .collectpart03_certificate .ceprev{ position:absolute; left:29px; top:50%; width:156px; height:156px; margin:-78px 0 0; background:url(../images/ceprev.png) no-repeat center; } .collectpart03_certificate .cenext{ position:absolute; right:29px; top:50%; width:156px; height:156px; margin:-78px 0 0; background:url(../images/cenext.png) no-repeat center; } .collectpart03_certificate .swiper-button-disabled{ cursor:not-allowed; pointer-events: auto; } .certificateimg{ width:100%; height:100%; text-align:center; } .collectpart04{ width:100%; height:100%; min-width:1200px; background:#ffffff; } .collectpart04_{ display:table; width:1200px; height:100%; margin:0 auto; } .collectpart04_main{ display:table-cell; vertical-align:middle; } .collectpart04_head{ position:relative; padding:160px 0 0; } .collectpart04_head_{ border-top:1px solid #e4e4e4; text-align:center; } .collectpart04_head_ span{ position:relative; top:-25px; display:inline-block; padding:0 28px; background:#ffffff; font-size:34px; line-height:50px; text-align:center; color:#3e3e3e; } .collectpart05{ width:100%; height:570px; min-width:1200px; background:#f5f5f5; } .collectpart05_{ width:1200px; margin:0 auto; } .collectpart05_head{ position:relative; padding:129px 0 0; } .collectpart05_head_{ border-top:1px solid #e4e4e4; text-align:center; } .collectpart05_head_ span{ position:relative; top:-27px; display:inline-block; padding:0 50px; background:#f5f5f5; font-size:34px; line-height:55px; text-align:center; color:#3e3e3e; } .collectpart05_head_desc{ position:absolute; bottom:-15px; left:50%; margin-left:-81px; font-size:18px; line-height:50px; text-align:center; color:#777777; } .collectpart05_body{ margin-top:90px; padding:0 32px; overflow:hidden; } .collectpart05_body div{ float:left; width:33.33%; text-align:center; } .collectpart06{ width:100%; min-width:1200px; height:160px; background:url(../images/collectpart06_bg.jpg) repeat-x center; } .collectpart06_{ width:1200px; margin:0 auto; padding:52px 0 58px; text-align:center; } .collectpart06_ span{ display:inline-block; font-size:26px; line-height:50px; color:#ffffff; vertical-align:middle; } .collectpart06_ a{ display:inline-block; width:160px; height:50px; margin-left:30px; border:2px solid #ffffff; border-radius:7px; box-sizing:border-box; font-size:20px; line-height:46px; text-align:center; color:#ffffff; vertical-align:middle; transition:all 0.5s ease 0s; } .collectpart06_ a:hover{ background:#ffffff; color:#3f6c9e; } @media screen and (max-width: 1640px){ .collectpart02_main{ padding-top:40px; } .collectpart02_li{ margin-top:40px; } .collectpart03_main{ padding-top:115px; } .collectpart03_certificate{ height:550px; } .collectpart03_certificate .swiper-container-v{ height:550px; } .collectpart04_body{ width:75%; margin:0 auto; } } @media screen and (max-width: 1440px){ .collectpart01_head{ margin-bottom:20px; } .collectpart01_cont{ margin-bottom:20px; } .collectpart01_btn{ margin:30px 0 0 40px; } .collectpart02_li{ margin-top:20px; } .collectpart02_li_img{ width:200px; height:200px; margin:0 auto; } .collectpart03_certificate{ height:500px; margin-top:50px; } .collectpart03_certificate .swiper-container-v{ height:500px; } .collectpart04_body{ width:60%; } } .picurlinput[type="text"]{ border-radius: 4px; width: 400px; height: 37px; line-height: 37px; color: #97A1A8; background: #fff; border: 1px solid #d9d9d9; } .erweima {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 2000;background: rgba(0,0,0,0.45);} .erweima_{position: absolute;bottom: 18px;right: 275px; /*background-color: #FFFFFF;*/ padding: 5px;} .erweima_ img{ width: 66px; height: 66px; } .erweimasb{ width: 780px; height: 495px; position: relative; top: 50%;left: 50%; transform: translate(-50%,-50%); } .cloerweima{ width: 25px;height: 25px;border: none;opacity: 0;position: absolute;top: 18px;right: 18px;cursor: pointer; } .erweimat {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 2000;background: rgba(0,0,0,0.45);} .erweimat_{position: absolute;bottom: 18px;right: 275px;background-color: #FFFFFF;padding: 5px;} .erweimat_ img{ width: 66px; height: 66px; } .erweimasbt{ width: 780px; height: 495px; position: relative; top: 50%;left: 50%; transform: translate(-50%,-50%); } .cloerweimat{ width: 25px;height: 25px;border: none;opacity: 0;position: absolute;top: 18px;right: 18px;cursor: pointer; }