@charset "utf-8"; /* CSS Document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,em{margin:0;padding:0; font-family: "Microsoft YaHei" ;} body{text-align:left;margin:0px auto; font-size:12px;color:#818181;line-height:20px;background: #fff;} table{text-align:center;margin:0px auto;border-collapse:collapse;border-spacing:0;} fieldset,img{border: 0;} li{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font:100% Tahoma,Helvetica,Arial,sans-serif; font-family: "Microsoft YaHei" ;} input{padding-left:0px;} blockquote, q {quotes: "" "";} a img {border: none;outline: none;} a,img,input,button{outline: none;} a{ color: #222222; text-decoration:none;} a:hover{ color: #e2021d; text-decoration:none;} .clear{clear:both;height:0px;overflow:hidden;} /*公用*/ .c{ width: 1200px;margin: auto ;} .f{ float: left ;} .r{ float: right ;} .mt_5{margin-top: 5px;} .mt_10{margin-top: 10px;} .mt_20{margin-top: 20px;} .mt_30{margin-top: 30px;} .mt_40{margin-top: 40px;} .mt_50{margin-top: 50px;} .mt_80{margin-top: 80px;} .m_auto{margin: auto;} .pl_10{ padding-left: 10px;} .pl_20{ padding-left: 20px;} .pl_40{ padding-left: 40px;} .p_0_10{ padding:0 10px;} .p_0_5{ padding:0 5px;} .pr_10{ padding-right: 10px;} .ta_l{ text-align: left ;} .ta_c{ text-align: center ;} .ta_r{ text-align:right;} h1{ font-size: 36px; line-height: 36px;} h2{ font-size: 24px; line-height: 24px;} h3{ font-size: 18px; line-height: 24px;} h4{ font-size: 16px; line-height: 24px;} h5{ font-size: 14px; line-height: 24px;} .fz_36{ font-size: 36px;} .fz_30{ font-size: 30px;} .fz_24{ font-size: 24px;} .fz_18{ font-size: 18px;} .fz_16{ font-size: 16px;} .fz_14{ font-size: 14px;} .fz_11{ font-size: 11px;} .fz_9{ font-size: 9px;} .ti_10{ text-indent: 10px;} .c_black{ color: #222222;} .c_white{ color: #fff;} .c_blue{ color: #5486a2;} .c_red{ color: #e2021d;} .c_orange{ color: #f50;} .c_green{ color: #2cbe21;} .c_gray{ color: #999;} .red{ color: #e2021d;} .red:hover{ color: #5486a2;} .blue{ color: #5486a2;} .blue:hover{ color: #222222;} .gray{ color: #999;} .gray:hover{ color: #5486a2;} .black{ color: #000;} .black:hover{ color: #5486a2;} .white{ color: #fff;} .white:hover{ color: #00b8ee;} .green{ color: #4e9a76;} .green:hover{ color: #222222;} /* 黑色背景 */ .popup_bg{ width: 100%;height: 100%;background: #000;opacity:.6;position: fixed ;top: 0; left: 0; z-index:1999; display: none ;} /* 二级页顶部导航 */ .sub_head{width: 100%;height: 40px; position: relative;} .sub_head .box{width: 100%;height: 40px;line-height: 40px; background: #1F1916;box-shadow:0 0 8px rgba(0, 0, 0, .80); position: absolute;top: 0;left: 0;} .sub_head .logo{font-size: 18px;color: #fff;} .sub_head .login{font-size: 12px;} .sub_head .login a{color: #9FA0A0;} .sub_head .login a:hover{color: #00B9EF;} .sub_head .nav{font-size: 15px; margin-left: 10px;} .sub_head .nav a{float: left;color: #9FA0A0; margin-left: 50px;} .sub_head .nav .index:hover{color: #fff;} .sub_head .nav .index .active{color: #fff;} .sub_head .nav .mpr:hover{color: #5585a2;} .sub_head .nav .mpr .active{color: #5585a2;} .sub_head .nav .science:hover{color: #00b9ef;} .sub_head .nav .science .active{color: #00b9ef;} .sub_head .nav .safety:hover{color: #87c250;} .sub_head .nav .safety .active{color: #87c250;} .sub_head .nav .periodical:hover{color: #111cee;} .sub_head .nav .periodical .active{color: #111cee;} .sub_head .nav .bbs:hover{color: #3eb370;} .sub_head .nav .bbs .active{color: #3eb370;} .sub_head .nav .activity:hover{color: #e8465a;} .sub_head .nav .activity .active{color: #e8465a;} .sub_head .nav .store:hover{color: #fff;} .sub_head .nav .store .active{color: #fff;} .sub_head .nav .class_resource:hover{color: #0fdc5c;} .sub_head .nav .class_resource .active{color: #0fdc5c;} .sub_head .user{ height: 30px;line-height: 30px;font-size: 14px; padding: 5px 10px; position: relative;} .sub_head .user:hover{background: #555;} .sub_head .user .pic{ width: 28px;height: 28px;font-size: 0; border: 1px #666 solid;border-radius: 50%;} .sub_head .user .pic img{ width: 28px;height: 28px; border-radius: 50%;} .sub_head .user .share{position: absolute;top:40px;right: 0px;width: 130px; display: none; z-index: 20; font-size: 12px; } .sub_head .user:hover .share{display: block; } .sub_head .user .share .case{width: 130px; height:auto; background: #555; overflow: hidden;} .sub_head .user .share .case a{ width: 110px;height:35px; line-height: 35px;display: block; color: #fff; padding: 0 10px; border-bottom: 1px #999 solid;} .sub_head .user .share .case a i{ padding-right: 8px; vertical-align: middle;} .sub_head .user .share .case a:hover{color: #fff; background: #999;} .mpr_head{width: 100%;height: 50px; line-height: 40px; background: url(../i/mpr_head.jpg) repeat-x;} .mpr_framework_left{width: 852px;float:left; margin-top: 40px;} .mpr_framework_right{width: 264px;float:right; margin-top: 40px;} .mpr_title{width:100%;height: 40px;line-height: 40px;font-size: 15px; border-bottom: 1px #2d6285 solid; overflow: hidden; position: relative; text-indent: 20px;} .mpr_title .search{ width:166px;height: 21px;position: absolute;top: 10px;right: 20px; background: url(../i/mpr_search_bg.png);} .mpr_title .search .text{ width: 92px;height: 20px;background:transparent;border: 0;outline: none;padding: 0px 33px 0px 10px;float: left; color: #888; font-size: 9px; line-height: 20px;} .mpr_title .search .file{ width: 31px;height: 21px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .mpr_title2{width:100%;height: 40px;line-height: 40px;font-size: 18px; border-bottom: 1px #2d6285 solid; overflow: hidden;text-indent: 10px;} .mpr_nav{ width: 264px;} .mpr_nav a{ width: 264px; height: 40px; display: block; line-height: 40px; font-size: 15px;text-align: center; background: #dcdddd;border-bottom: 1px #9fa0a0 solid; color: #383635;} .mpr_nav a:hover{ background: #74bbd6;border-bottom: 1px #74bbd6 solid; color: #fff;} .mpr_nav .active{ background: #5486a2;border-bottom: 1px #5486a2 solid; color: #fff;} .mpr_nav .active:hover{ background: #5486a2;border-bottom: 1px #5486a2 solid; color: #fff;} .mpr_search{ width:264px;height: 21px; background: url(../i/mpr_search_2.png);} .mpr_search .text{ width: 190px;height: 21px;background:transparent;border: 0;outline: none;padding: 0px 33px 0 10px;float: left; color: #000; font-size: 9px; line-height: 20px;} .mpr_search .file{ width: 31px;height: 21px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .mpr_download{width: 100px; margin: auto;display: block;margin-top: 50px;} .mpr_download .pic{width: 100px; text-align: center; display: block; font-size: 0;} .mpr_download .txt{width: 100px;text-align: center;display: block; font-size:18px; padding-top: 5px;} .mpr_related_list{width: 244px; padding: 0 10px;} .mpr_related_list li{width: 224px;height: 120px; margin: 20px 0px 0 0px;} .mpr_related_list li .pic{width: 90px;height: 120px;font-size: 0; float: left;line-height: 120px;text-align: center; } .mpr_related_list li .pic img{max-width: 90px;max-height: 120px;vertical-align: middle; box-shadow:0 0 20px rgba(0, 0, 0, .25);} .mpr_related_list li .box{width: 118px;float: right; color: #727171;} .mpr_related_list li .name{width: 100%;max-height: 60px;font-size:16px; overflow: hidden; margin: 5px 0 5px 0;} .mpr_related_list li .txt{width: 100%;height: 20px;font-size:14px;overflow: hidden;} .mpr_list{width: 852px; padding-bottom: 10px;} .mpr_list:after { display: block ;content: "";clear: both ;} .mpr_list li{width: 244px;height: 160px; float: left;margin: 35px 20px 0 20px;} .mpr_list li .pic{width: 120px;height: 160px;font-size: 0; float: left; line-height: 160px;text-align: center;} .mpr_list li .pic img{max-width: 120px;max-height: 160px; vertical-align: middle;box-shadow:0 0 20px rgba(0, 0, 0, .25); } .mpr_list li .box{width: 108px;height: 160px; float: right; line-height: 21px;} .mpr_list li .name{width: 108px;max-height: 105px;font-size:15px; overflow: hidden; } .mpr_list li .txt{width: 100%;max-height: 42px;font-size:15px;overflow: hidden;} /*分页*/ .PageShow { text-align:center; margin-top:30px;} .PageShow a { padding:4px 6px; border: 1px #544C48 solid ; margin-left: 5px; display: inline-block ; background: #fff; color: #41423E;text-decoration: underline;} .PageShow a:link,.PageShow a:visited {color:#41423E;} .PageShow a:hover,.PageShow a:active {color:#41423E;border: 1px #544C48 solid ; } .PageShow span { padding:4px 6px; margin-left: 5px;border: 1px #544C48 solid ;color: #41423E; display: inline-block ; text-decoration: none;} /*底部*/ .i_foot{width: 100%; height: 98px; margin-top: 60px;} .i_foot .box1{width: 100%;padding:25px 0;background: #5a5657; } .i_foot .box2{width: 100%;padding:25px 0;background: #5a5657; position: fixed;bottom: 0;left: 0;} .i_foot .left{width: 800px;float: left;} .i_foot .right{width: 400px;float: right;} .i_foot .txt{width: 100%;height: 24px; line-height: 24px; overflow: hidden;font-size: 14px;color: #FFFFFF;} .mpr_article{margin-top:10px;color: #222222;font-size: 13px;line-height: 23px; padding: 0 20px;} .mpr_article p{padding-top: 6px;} .mpr_article img{max-width: 100%;} .mpr_data{width: 100%; margin-top: 40px;} .mpr_data .left{ width: 180px;float: left; padding-left: 20px;} .mpr_data .right{ width: 580px;float: right;} .mpr_data .pic{width: 180px;height: 260px; font-size: 0;position: relative; text-align: center;line-height: 259px;} .mpr_data .pic img{max-width: 180px;max-height: 260px; vertical-align: middle; box-shadow:0 0 25px rgba(0, 0, 0, .25);} .mpr_data .pic .big{ width: 570px;height: 460px; position: absolute;left: 260px;top: 0; text-align: center;background: #e6e6e8;line-height: 460px;text-align: center;} .mpr_data .pic .big img{ max-width: 570px;max-height: 460px;vertical-align: middle;} .mpr_data .compellation{width:100%;line-height:36px;margin-top:16px;color: #222222; font-size:21px; text-indent: 6px;} .mpr_data .data{width:100%;line-height:30px;margin-top:10px;color: #222222; font-size:15px;} .mpr_data .data li{width:100%;height:30px;overflow: hidden; text-indent: 6px;} .mpr_data .operation{width:100%;padding-top:10px;} .mpr_data .operation a{display: block;margin-top: 10px;height: 30px;border-radius: 15px;background: #74bbd6;line-height: 30px; text-align: center; color: #fff;} .mpr_data .operation a:hover{background: #5486a2;} .mpr_data .operation a i{ width: 18px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 2px;} .mpr_data .operation .voice{ width: 87px;float: left;} .mpr_data .operation .voice i{ background: url(../i/news_ico_3.png);} .mpr_data .operation .video{ width: 87px;float: right;} .mpr_data .operation .video i{ background: url(../i/news_ico_2.png);} .mpr_data .operation .pdf{ width: 200px;} .mpr_data .operation .pdf i{ background: url(../i/news_ico_1.png);} .mpr_data .operation .disabled{background: #999;cursor: default;} .mpr_data .operation .disabled:hover{background: #999;} .mpr_data .operation .down{ width: 200px;} .mpr_data .operation .down i{width: 21px; background: url(../i/ico_download_4.png);} .periodical_head{width: 100%; height: 150px; background: url(../i/periodical_banner.jpg) repeat-x;} .periodical_head .txt{ float: right; text-align: left;font-size: 15px;color: #000000; line-height: 24px; padding-top: 27px;} .periodical_nav{width: 100%; height:30px; background:#27B1D3;} .periodical_nav .nav{width: 1200px; height:30px;margin: auto;} .periodical_nav a{width:149px; height:30px; line-height: 30px;font-size: 15px;color: #fff; float: left; border-right: 1px #fff solid; text-align: center;} .periodical_nav a:hover{ background: #49cbeb;} .periodical_nav .active{background: #49cbeb;} .periodical_left{width: 910px; float: left;} .periodical_left .right{width: 675px; float: right; margin-top: 35px;} .periodical_right{width: 250px; float: right; margin-top: 50px;} .periodical_article{width: 852px; float: left; margin-top: 50px;} .periodical_data{width: 190px; float: left; margin-top: 50px;} .periodical_data .pic{width: 185px;height: 260px;font-size: 0; margin: auto; text-align: center;line-height: 260px;} .periodical_data .pic img{max-width: 185px;max-height: 260px; vertical-align: middle; box-shadow:0 0 25px rgba(0, 0, 0, .25);} .periodical_data .title{width: 100%; margin-top: 24px;font-size: 20px;line-height: 28px;max-height: 56px; overflow: hidden; color: #000; margin-bottom: 2px; } .periodical_data .txt{width: 100%;font-size: 14px;line-height: 24px; color: #222222;} .periodical_data .link{width: 100%;margin-top: 10px;height: 20px; padding: 8px 0; border-bottom: 1px #231815 solid;border-top: 1px #231815 solid;} .periodical_data .link a{width:92px;height:20px; line-height: 20px; overflow: hidden; float: left;text-align: center; font-size: 14px;} .periodical_data .link span{width:1px;height:20px; float: left; background: #231815;} .periodical_data .qrcode{width: 100%;margin-top: 20px;} .periodical_data .qrcode .img{width: 100px;margin: auto; font-size: 0;} .periodical_data .qrcode .img img{width: 100px;} .periodical_data .qrcode .text{width: 100%;height: 20px; overflow: hidden;text-align: center; font-size: 14px; color: #222222; } .periodical_data .search{width: 100%;margin-top: 34px;} .periodical_data .search .text{width: 100%;height: 20px; overflow: hidden; font-size: 18px; color: #222; text-indent: 8px;} .periodical_data .search .box{ width: 174px; height: 25px; padding: 8px;line-height: 25px; margin-top: 10px;background: #dcdddd; border-radius: 5px; font-size: 14px;} .periodical_data .search .box .year{ width: 62px; padding: 0;height: 25px;line-height: 25px;border:0;background: #FFFFFF;outline: none; color: #999; float: left; font-size: 12px;} .periodical_data .search .box .month{ width: 47px; padding: 0;height: 25px;line-height: 25px;border:0;background: #FFFFFF;outline: none; color: #999; float: left; font-size: 12px; margin-left: 7px;} .periodical_data .search .box .bo{height: 25px;float: right;} .periodical_data .search .box .bo i{ width: 16px;height: 25px; display: inline-block; vertical-align: middle; padding-right: 5px;} .periodical_title{width:100%;height: 50px;line-height: 50px; border-bottom: 1px #231815 solid; overflow: hidden; text-indent: 10px;} .periodical_recommend{width:100%;padding-top:17px;} .periodical_recommend .line{width:655px;height: 20px; margin-top: 8px; font-size: 14px;overflow: hidden; padding: 0 10px;color: #222222;} .periodical_recommend .line .txt{width:500px;height: 20px; float: left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .periodical_recommend .line .name{width:155px;height: 20px; float: right; text-align: right; overflow: hidden;} .periodical_recommend .line .name span{padding-left: 10px;} .periodical_catalog{width:655px;padding:0px 10px 0 10px;} .periodical_catalog .title{width:100%;height: 30px;line-height: 30px; font-size: 16px; padding: 25px 0 5px 0;} .periodical_catalog .title span{display: inline-block;background: #dcdddd;color: #222222;padding: 0 15px;} .periodical_catalog .line{width:615px;height: 20px; margin-top: 8px; padding-left: 40px; overflow: hidden; font-size: 14px;color: #222222; } .periodical_catalog .line .txt{width:460px;height: 20px; float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .periodical_catalog .line .name{width:155px;height: 20px; float: right; text-align: right; overflow: hidden;} .periodical_catalog .line .name span{padding-left: 10px;} .periodical_entrance{width: 100%;} .periodical_entrance a{width: 100%;height: 24px;line-height: 24px;font-size: 15px;color: #fff;display: block;margin-bottom: 6px; text-align: center;} .periodical_entrance .fir{background: #41b8d8;} .periodical_entrance .sec{background: #53b6ca;} .periodical_entrance .thi{background: #70c7d1;} .periodical_datum{width: 100%;margin-top: 46px; color: #222222;} .periodical_datum .title{width: 100%;height: 20px;overflow:hidden;font-size: 18px; text-indent: 10px;} .periodical_datum .box{width: 230px; border: 1px #bfbfbf solid; padding:9px; margin-top: 10px;} .periodical_datum .box .head{width: 230px; padding-top: 5px;} .periodical_datum .box .head p{line-height: 16px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center; } .periodical_datum .list{width: 230px;margin-top: 15px;} .periodical_datum .list li{width: 230px;line-height: 21px;} .periodical_datum .list .name{width:48px;float: left; color: #000000; font-size: 11px;} .periodical_datum .list .txt{width:175px;float: right; font-size: 11px;} .periodical_recommend_writer{width: 100%;margin-top:10px;} .periodical_recommend_writer li{width: 100%;padding: 5px 0; font-size: 14px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-indent: 10px;} /*文章架构*/ .article_box{width: 100%;} .article_box .return{width: 100%; height: 26px; line-height: 26px;} .article_box .return i{ font-size: 24px; font-weight: bold;} .article_box .content{width: 100%; padding-top: 25px;} .article_box .content .uesr{width: 100px; float: left; padding-right: 17px;} .article_box .content .uesr .pic{width: 70px;height: 70px;font-size: 0;} .article_box .content .uesr .pic img{width: 70px;height: 70px;} .article_box .content .uesr .name{width:70%;height: 20px; overflow: hidden; color: #222; padding-top: 5px; text-align: center;} .article_box .content .uesr .data{width:100%; font-size: 11px; color: #66544F; padding-top: 2px;} .article_box .content .b_uesr{width: 100%; margin-top: 18px; margin-bottom: 5px;} .article_box .content .b_uesr .pic{width: 40px;height: 40px;font-size: 0; float: left;} .article_box .content .b_uesr .pic img{width: 40px;height: 40px;} .article_box .content .b_uesr .case{ overflow: hidden; padding-left: 12px;} .article_box .content .b_uesr .case .name{ line-height: 18px; padding-top: 2px; float: left;} .article_box .content .b_uesr .case .name .nickname{ height: 18px;overflow: hidden; color: #41423E;} .article_box .content .b_uesr .case .name .data{ height: 18px;overflow: hidden;font-size: 11px; color: #595757;} .article_box .content .b_uesr .case .gaine{ overflow: hidden; padding-left: 10px; text-align: right;} .article_box .content .b_uesr .case .gaine .b_tag{height: 18px;overflow: hidden;font-size: 11px;} .article_box .content .b_uesr .case .gaine .b_tag a{margin-left: 5px;} .article_box .content .b_uesr .case .gaine .b_date{height: 18px;overflow: hidden;font-size: 11px; color: #3E3A39;} .article_box .content .box{overflow: hidden;} .article_box .content .box .title{ width: 100%; font-size: 18px;line-height: 24px; color: #222;} .article_box .content .box .b_title{font-size: 18px;line-height: 24px; color: #E8373D; padding-right: 15px;} .article_box .content .box .date{ width: 100%; font-size: 11px;color: #66544F; padding-top: 4px;} .article_box .content .box .tag{ width: 100%; font-size: 11px;color: #66544F;} .article_box .content .box .tag a{ margin-right: 10px;color: #66544F;} .article_box .content .box .article{ width: 100%; font-size: 13px;color: #222; line-height: 22px ; padding-top: 10px;} .article_box .content .box .article p{padding-top: 8px;} .article_box .content .box .article img{max-width: 100%;} .article_box .content .box .b_article{ font-size: 13px;color: #222; line-height: 22px ; padding: 10px 15px 0 50px;} .article_box .content .box .b_article p{padding-top: 8px;} .article_box .content .box .b_article img{max-width: 100%;} .article_box .content .box .praise{ width: 100%;padding-top: 50px;} .article_box .content .box .praise a{ display: block; width: 110px;margin: auto;} .article_box .content .box .praise a i{ display: block; width: 41px;height: 41px;font-size: 0; margin: auto; background: url(../i/praise_1.png);} .article_box .content .box .praise a span{ display: block; width: 100%;height:20px;font-size:14px; text-align: center; color: #E8373D;padding-top: 6px;} .article_box .content .box .share{ width: 100%; margin-top: 46px;padding-top: 10px;border-top: 1px #231815 solid; line-height:36px; color: #595757;font-size: 14px;} .article_box .content .box .share .txt{ float: left;} .article_box .content .box .share .bds_tsina{ background-position: 0; background-image: url(../i/fx_1.png);} .article_box .content .box .share .bds_douban{ background-position: 0; background-image: url(../i/fx_2.png);} .article_box .content .box .share .bds_qzone{ background-position: 0; background-image: url(../i/fx_3.png);} .article_box .content .box .share .bds_tqq{ background-position: 0; background-image: url(../i/fx_4.png);} .article_box .content .box .share .bds_weixin{ background-position: 0; background-image: url(../i/fx_5.png);} .periodical_list{width: 852px;} .periodical_list li{width: 153px; float: left;margin: 30px 30px 0 30px; text-align: center;} .periodical_list li .pic{width: 153px;height: 220px;font-size: 0; text-align: center;line-height: 220px;} .periodical_list li .pic img{max-width: 153px;max-height: 220px; vertical-align: middle;box-shadow:0 0 20px rgba(0, 0, 0, .25);} .periodical_list li .name{width: 100%;height: 40px;font-size:16px; overflow: hidden; margin: 10px 0 5px 0;} /* 意见反馈 */ .periodical_opinion{ width:625px; padding:40px 0px 10px 0px; position: relative ; } .periodical_opinion .single{ width: 625px; padding-top: 15px;padding-bottom: 15px; text-align: left ;} .periodical_opinion .single .name{ width: 100px;height: 35px;line-height: 35px;float: left ; color: #222222; text-align: right ;font-size: 13px;background: #f2f2f2; padding-right: 10px; } .periodical_opinion .single .input{ width: 240px;height: 35px; float: left ; padding-left:15px;} .periodical_opinion .single .input .text{ width:228px; height: 22px; line-height: 22px;font-family:Microsoft Yahei;border: 1px #a6a6a6 solid ; border-right: 1px #dbd9d9 solid ; border-bottom: 1px #dbd9d9 solid ; padding: 4px 0 4px 10px; color: #222222; float: left ; margin-top: 2px;} .periodical_opinion .single .l_input{ width:300px;height: 35px; float: left ; padding-left:15px;} .periodical_opinion .single .l_input .text{ width:288px; height: 22px; line-height: 22px;font-family:Microsoft Yahei;border: 1px #a6a6a6 solid ; border-right: 1px #dbd9d9 solid ; border-bottom: 1px #dbd9d9 solid ; padding: 4px 0 4px 10px; color: #222222; float: left ; margin-top: 2px;} .periodical_opinion .single .s_input{ width: 180px;height: 35px; float: left ; padding-left:15px;} .periodical_opinion .single .s_input .text{ width:168px; height: 22px; line-height: 22px;font-family:Microsoft Yahei;border: 1px #a6a6a6 solid ; border-right: 1px #dbd9d9 solid ; border-bottom: 1px #dbd9d9 solid ; padding: 4px 0 4px 10px; color: #222222; float: left ; margin-top: 2px;} .periodical_opinion .single .name2{ width: 100px;height: 35px;line-height: 35px;float: left ; color: #222222; text-align: right ;font-size: 13px; padding-right: 10px; } .periodical_opinion .single .botton{width: 200px;height: 40px; margin: auto ; float: left ; padding-left: 15px; margin-top: 20px;} .periodical_opinion .single .botton a{height: 40px;line-height: 40px; padding: 0 40px; float: left ;display: block ;border-radius:3px;color:#fff;background: #21b1d2; font-size: 16px;} .periodical_opinion .single .botton input{height: 40px;line-height: 40px; padding: 0 40px; float: left ;display: block ;border-radius:3px;color:#fff;background: #21b1d2; font-size: 16px; border: 0; cursor: pointer;} .periodical_opinion .single .botton input:hover{background: #139ab9;} .periodical_opinion .single .textarea{ width:500px;height:110px; float: left ; padding-left:15px;} .periodical_opinion .single .textarea textarea{ width:478px;height:88px; padding: 10px;border: 1px #ddd solid ; line-height: 22px;font-family:Microsoft Yahei;} .periodical_opinion .single .radio{ float: left ; padding-left: 15px; padding-right: 15px; color: #222222;line-height: 35px;} .periodical_opinion .single .radio label{cursor: pointer ; padding-left: 5px;} .periodical_opinion .single .promptbox{ width: 180px;padding-left:15px;height: 35px;line-height: 35px;overflow: hidden ; display: none; color: #E78170; float: left ;} .periodical_opinion .single .promptbox i{padding-right: 5px;} .periodical_opinion .single .select{width: 300px; height: 35px; float: left ; padding-left:15px;} .periodical_opinion .single .select select{ width:300px;height: 35px;border: 1px #a6a6a6 solid ; border-right: 1px #dbd9d9 solid ; border-bottom: 1px #dbd9d9 solid ; padding-left: 5px; line-height: 35px;color: #222222; float: left ;} .activity_nav{width: 100%;height: 40px; line-height: 40px;background:#ea535d; box-shadow:0 0 20px rgba(0, 0, 0, .35);} .activity_nav .logo{height:40px;margin: auto; float: left; font-size: 20px; font-weight: bold;} .activity_nav .logo a{color: #fff;} .activity_nav .logo a:hover{color: #fff000;} .activity_nav .nav{height:40px;margin: auto; float: left; margin-left: 30px;} .activity_nav .nav a{width:120px; height:40px;font-size: 15px;color: #fff; float: left; text-align: center;} .activity_nav .nav a:hover{ background: #ed7971;} .activity_nav .active{ background: #ed7971;} .active_sub_banner{width:100%;background:#ea5b60 url(../i/activity_banner_bg.jpg) repeat-x center bottom ; padding: 50px 0 10px 0;} .activity_banner_box{width:100%; height:370px; position:relative; padding-top:20px;} .activity_banner_box .bg{ width:389px;height:257px; z-index:1; position:absolute;left:50%; margin-left:-194px; top:42px;} .activity_banner_box .sly{width:100%;height:370px; position:relative;z-index:2;} .activity_banner_box .sly ul{} .activity_banner_box .sly ul li{float:left;width:389px;height:370px; color:#fff; text-align:center;margin:0 20px 0 -80px;} .activity_banner_box .sly ul li a{color:#fff;} .activity_banner_box .sly ul li .box{ width:290px;height:256px;margin:auto;} .activity_banner_box .sly ul li .box .pic{ width:290px;height:181px; font-size:0; margin-top:62px;} .activity_banner_box .sly ul li .box .pic img{ width:290px;height:181px;} .activity_banner_box .sly ul li .box .date{ width:290px;height:20px; font-size:16px; overflow:hidden; padding-top:12px;} .activity_banner_box .sly ul li .box .txt{ width:290px;height:40px; font-size:16px; overflow:hidden; padding-top:3px;} .activity_banner_box .sly ul li .case{ width:350px;height:358px;margin:auto; display:none;} .activity_banner_box .sly ul li .case .date{ width:350px;height:20px; font-size:16px; overflow:hidden;} .activity_banner_box .sly ul li .case .pic{ width:350px;height:219px; font-size:0; margin-top:21px;} .activity_banner_box .sly ul li .case .pic img{ width:350px;height:219px;} .activity_banner_box .sly ul li .case .txt{ width:350px;height:40px; font-size:16px; overflow:hidden; padding-top:58px;} .activity_banner_box .sly ul .active{margin:0 70px 0 -30px;} .activity_banner_box .sly ul .active .box{ display:none;} .activity_banner_box .sly ul .active .case{ display:block;} .activity_banner_box .controls{ width:70px;height:23px; position:absolute;left:50%; margin-left:-35px; top:297px; z-index:3;} .activity_banner_box .controls .prev{width:20px;height:23px; float:left;border:0;outline:none;background:transparent; cursor:pointer;} .activity_banner_box .controls .next{width:20px;height:23px; float:right;border:0;outline:none;background:transparent; cursor:pointer;} .activity_title{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px #ea545d solid; font-size: 18px; text-align: center;} .activity_present{width: 1065px; margin: auto;} .activity_present .line{width:315px;float: left;padding: 0 20px; margin-top: 43px;} .activity_present .line .box{width:100%;height: 130px; position: relative;} .activity_present .line .box .pic{ width: 208px;height: 130px;position: absolute; top: 0;left: -39px; font-size: 0;} .activity_present .line .box .pic img{ width: 208px;height: 130px;} .activity_present .line .box .pic span{ width: 208px;height: 130px; background: url(../i/activity_ground.png);position: absolute;top: 0;left: 0;z-index: 1;} .activity_present .line .box .pic a{ width: 130px;height: 130px; display: block; position: absolute;top: 0;left:39px;z-index: 2;} .activity_present .line .box .case{ width: 184px;height: 130px;position: absolute; top: 0;right:0px; z-index: 3;} .activity_present .line .box .case .title{ width: 170px;height:48px; line-height: 24px; font-size: 18px; margin-bottom: 2px; padding-top: 10px;overflow: hidden; text-indent: -14px; padding-left: 14px;} .activity_present .line .box .case .txt1{ width: 184px;height:20px; line-height: 20px;overflow: hidden; color: #222222;white-space: nowrap;text-overflow: ellipsis; text-indent: 14px;} .activity_present .line .box .case .txt2{ width: 184px;height:20px; line-height: 20px;overflow: hidden; color: #222222;white-space: nowrap;text-overflow: ellipsis; text-indent: 7px;} .activity_present .line .box .case .txt3{ width: 184px;height:20px; line-height: 20px;overflow: hidden; color: #222222;white-space: nowrap;text-overflow: ellipsis;} .activity_present .line .text{ width: 275px; padding-left: 40px;margin-top: 8px;} .activity_present .line .text .title{ width: 275px;height: 20px;overflow: hidden;font-size: 14px;color: #222;} .activity_present .line .text .txt{ width: 275px;height: 133px; line-height: 19px; overflow: hidden;color: #4c4948; margin-top: 3px; font-size: 12px;} .activity_present .line .link{ width: 275px; padding-left: 40px;margin-top: 17px;} .activity_present .line .link .single{ width: 60px;display: block;float: left;margin-right: 30px;} .activity_present .line .link .single i{ width: 41px;height: 41px;display: block; margin: auto;font-size:0px;} .activity_present .line .link .single span{ width: 60px;height:20px;display: block;text-align: center;color: #e8374a;font-size: 14px; padding-top: 5px;} .activity_i_content{width:1015px;margin: auto; margin-top: 50px;} .activity_i_right{width:300px; float: right;} .activity_i_left{width: 655px; float: left;} .activity_production{ width: 100%;} .activity_production .single{ width: 100%; margin-top:50px;} .activity_production .single .box{width:100%;height: 160px; position: relative;} .activity_production .single .box .pic{ width: 256px;height: 160px;position: absolute; top: 0;left: -48px; font-size: 0;} .activity_production .single .box .pic img{ width: 256px;height: 160px;} .activity_production .single .box .pic span{ width: 256px;height: 160px; background: url(../i/activity_ground_2.png);position: absolute;top: 0;left: 0;z-index: 1;} .activity_production .single .box .pic a{ width: 160px;height: 160px; display: block; position: absolute;top: 0;left:48px;z-index: 2;} .activity_production .single .box .case{ width: 470px;height: 155px;position: absolute; top: 0;right:0px; z-index: 3; padding-top: 20px;} .activity_production .single .box .case .title{width: 100%;max-height:48px; line-height: 24px; font-size: 18px;overflow: hidden; margin-bottom: 12px;} .activity_production .single .box .case .txt{ width: 100%;height:76px; line-height: 19px;overflow: hidden; color: #4c4948; font-size: 12px;} .activity_production .single .text{ width:100%;margin-top: 15px;} .activity_production .single .text .txt{ width: 100%;height:20px; line-height: 20px;overflow: hidden; color: #222222;white-space: nowrap;text-overflow: ellipsis; text-indent: 12px;} .activity_production .single .text .ico{ width: 100%;height:18px;overflow: hidden;text-indent: 12px; margin-top: 5px;} .activity_production .single .text .ico img{ margin-right: 12px;} /* 活动首页滚动 */ .scrollbar{background:#fff;border:1px solid #ea545d;border-top-color:#ea545d;line-height:0;} .scrollbar .handle{background:#ea545d;cursor:pointer;line-height:0; -webkit-box-shadow:0 1px 0 #ea545d; -moz-box-shadow:0 1px 0 #ea545d; -o-box-shadow:0 1px 0 #ea545d; box-shadow:0 1px 0 #ea545d; } .slyWrap{margin:20px 0 0 0;} .scrollbar{margin:15px 0 0 0;height:8px;} .scrollbar .handle{width:100px;height:100%;} .example1 .sly{height:300px;} .example1 .sly ul{height:300px;} .example1 .sly ul li{float:left;height:300px;text-align: center; line-height: 300px; background: #f2f2f2; margin:0 8px 0 0;} .example1 .sly ul li img{max-height:298px;border:0;} .activity_wishing{width: 100%;} .activity_wishing .txt{width: 100%; height: 30px;overflow: hidden;text-align: center; margin-top: 40px; line-height: 15px;} .activity_wishing .box{width: 300px; height: 221px; margin-top:120px; position: relative; background: url(../i/activity-7.png);} .activity_wishing .box .ico{width: 130px;height: 130px;position: absolute;top:-100px;left: 50%;margin-left: -65px ;} .activity_wishing .box .text{width:250px;height:128px; position: absolute;top:65px;left: 25px; background:transparent;border: 0;outline: none; font-size: 13px;line-height: 32px; color: #fff; overflow: hidden; padding: 0; } .activity_wishing .submit{ width: 72px;height: 41px;margin: auto;margin-top: 10px;} .activity_wishing .submit input{ width: 72px;height: 41px;display: block;border: 0;background: url(../i/activity-6.png); cursor: pointer;} .activity_i_notice{width: 100%; margin-top: 120px;} .activity_i_notice .head{width: 100%;border-bottom: 1px #ea545d solid; padding-bottom: 25px;} .activity_i_notice .head .txt{width: 100%; height: 20px; font-size: 18px; text-align: center;} .activity_i_notice .head .ico{width: 130px; height: 130px; margin: auto;margin-top: 15px;} .activity_i_notice .list{width:280px; padding: 10px 10px 0 10px;} .activity_i_notice .list li{width: 100%; padding: 7px 0;border-bottom: 1px #f58fa5 dashed;} .activity_i_notice .list li .title{width: 100%;height: 20px;font-size: 13px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .activity_i_notice .list li .title a:hover{color: #e2021d;} .activity_i_notice .list li .title span{padding-right: 8px; font-size: 11px;} .activity_i_notice .list li .txt{width: 265px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #4c4948; padding: 0px 0 5px 15px;} .activity_i_notice .list li .data{width: 265px; padding-left: 15px; height: 20px;overflow: hidden;color: #595757; font-size: 11px;} .activity_sub_right{width:264px; float: right;} .activity_sub_left{width: 852px; float: left;} .activity_sub_title{width: 100%;height: 20px;line-height: 20px; padding-bottom: 10px; border-bottom: 1px #f5b4b8 solid; font-size: 15px; text-indent: 10px; color: #e8374a;} .active_list{width: 100%;} .active_list li{width: 100%;height: 130px; padding: 25px 0;border-bottom: 1px #f58fa5 dashed;position: relative;} .active_list li .pic{ width: 208px;height: 130px;position: absolute; top: 25px;left: -39px; font-size: 0;} .active_list li .pic img{ width: 208px;height: 130px;} .active_list li .pic span{ width: 208px;height: 130px; background: url(../i/activity_ground.png);position: absolute;top: 0;left: 0;z-index: 1;} .active_list li .pic a{ width: 130px;height: 130px; display: block; position: absolute;top: 0;left:39px;z-index: 2;} .active_list li .box{width:700px;position: absolute; top: 35px;right: 0px; z-index: 2;} .active_list li .box .title{width:628px; padding-right:72px; height: 30px;line-height: 30px;font-size: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .active_list li .box .data{width:100%;height: 36px;line-height: 36px; font-size: 15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #222222;} .active_list li .box .data span{padding-right: 15px;} .active_list li .box .data span i{ display: inline-block;vertical-align: middle; padding-right:6px;} .active_list li .box .txt{width:100%;height:40px;overflow: hidden; color: #727171;} .active_list li .link{width:72px;height:24px;line-height: 22px; text-align: center; position: absolute;top: 40px;right: 0; font-size: 14px; z-index: 3;} .active_list li .link .underway{width:70px;height:22px; display: block;border-radius: 12px; border: 1px #ea535d solid;background: #EA535D;color: #FFFFFF;} .active_list li .link .underway:hover{border: 1px #ed7971 solid;background: #ed7971;} .active_list li .link .finish{width:70px;height:22px; display: block;border-radius: 12px; border: 1px #ea535d solid;background: #FFFFFF;color: #EA535D;} .active_else{width: 100%; padding-top: 10px;} .active_else li{width: 240px; padding: 10px 0px 0 0px; margin: auto; position: relative;} .active_else li .pic{width: 240px; height: 150px;font-size: 0;} .active_else li .pic img{width: 240px; height: 150px;} .active_else li .bg{width: 240px; height:30px;position: absolute;bottom: 0;left: 0;z-index: 1; background:url(../i/news_ico_7.png);} .active_else li .txt{width: 220px; height:30px; line-height: 30px; padding: 0 10px; position: absolute;bottom: 0;left: 0;z-index:2; overflow: hidden;} .active_else li .txt a{color: #fff;} .activity_details{width: 100%; margin-top: 50px; position: relative;} .activity_details .pic{ width: 288px;height: 180px;position: absolute; top: 0;left: -54px; font-size: 0;} .activity_details .pic img{ width: 288px;height: 180px;} .activity_details .pic span{ width: 288px;height: 180px; background: url(../i/activity_ground_3.png);position: absolute;top: 0;left: 0;z-index: 1;} .activity_details .box{width:632px; padding-left: 220px; position: relative;z-index: 2;} .activity_details .box .title{width:100%; max-height:60px;line-height: 30px;font-size:24px;overflow: hidden; padding-top: 8px;color: #ea535d;} .activity_details .box .data{width:100%;line-height: 26px; color: #222222; font-size: 15px; padding-top: 10px;} .activity_details .box .data p{width:100%;height: 26px;overflow: hidden;} .activity_details .box .data span{width:50%;height: 26px;overflow: hidden; float: left;} .activity_details .link{width:100%;height:30px;line-height: 28px; text-align: center; font-size: 15px; margin-top: 10px;} .activity_details .link .underway{width:100px;height:28px; display: block;border-radius: 15px; border: 1px #ea535d solid;background: #EA535D;color: #FFFFFF; float: left;} .activity_details .link .underway:hover{border: 1px #ed7971 solid;background: #ed7971;} .activity_details .link .finish{width:100px;height:28px; display: block;border-radius: 15px; border: 1px #ea535d solid;background: #FFFFFF;color: #EA535D; float: left;} .activity_article{ padding: 0 10px; margin-top:20px;color: #222222;font-size: 15px;line-height: 26px;} .activity_article p{padding-top: 3px;} .activity_article img{max-width: 100%;} .activity_login{width: 100%;} .activity_login .line{width: 100%; height: 26px;line-height: 26px; font-size: 15px;} .activity_login .line .reg{width:131px; height: 26px; float: left;background: #ea545d;color: #FFF;text-align: center;} .activity_login .line .login{width:131px; height: 26px; float: right;background: #ed7971;color: #FFF;text-align: center;} .activity_login .single{width: 100%; height: 26px;line-height: 26px; font-size: 9px;} .activity_login .single .pas{width:131px; height: 26px;text-align: center; float: left;} .activity_user{width: 100%; height: 36px; line-height: 36px;font-size: 13px; overflow: hidden;} .activity_user img{width:36px; height: 36px; vertical-align: middle; margin-right: 7px; border-radius: 50%;} /*画廊*/ #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} .activity_gallery{ width: 100%;} .activity_gallery a{ width: 125px;height: 125px;float: left;overflow: hidden;margin: 20px 20px 0 0; font-size: 0; background: #555; text-align: center; line-height: 125px;} .activity_gallery a img{ max-height: 125px; vertical-align: middle;} .activity_notice{width: 100%; padding-top:10px;} .activity_notice li{width: 100%; padding: 20px 0;border-bottom: 1px #f58fa5 dashed;} .activity_notice li .title{width: 100%;height: 20px;font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #e2021d;} .activity_notice li .title span{padding-right: 8px; font-size: 12px;} .activity_notice li .txt{width:837px;color: #666; padding: 10px 0 5px 15px; font-size: 14px;line-height: 24px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .activity_notice li .data{width: 837px; padding-left: 15px; height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #999;} /* banner-box */ .banner-box{width:100%;height:550px;position:relative;overflow:hidden;} .banner-box .bd{ width:100% !important;} .banner-box .bd li{width:100% !important;height:550px; background-color: #e6e6e8;background-position: top center; background-repeat: no-repeat; position: relative;} .banner-box .bd li a{ width:100%;height:100%; display:block;} .banner-box .bd li span{ width:120px;height:40px; display:block; position: absolute;background: #383635; bottom: 0;left: 0;color: #fff;text-align: center;line-height: 40px; font-size: 20px;font-weight:lighter;} .banner-btn{width:100%;position:absolute;top:260px;left:0;} .banner-btn a{display:block;width:41px;height:40px;position:absolute;top:0;} .banner-btn a.prev{left:20px;background:url(../i/index_banner_left.png);} .banner-btn a.next{right:20px;background:url(../i/index_banner_right.png);} .banner-box .hd {position:absolute;top:280px;left:50%; margin-left: -70px;} .banner-box .hd ul li{width:1px;height:1px;border-radius :50%;text-indent:-9999px;margin-right:20px;float:left;cursor:pointer;} .banner-box .hd ul li.on{} .i_nav{width: 1085px; height: 61px; margin: auto;margin-top:0px ;} .i_nav .logo{} .i_nav .box{ padding-left: 10px;margin-top: 15px;height: 31px;} .i_nav .box a{float: left;display: block;padding: 0 8px;height: 31px;line-height: 31px;font-size: 17px;color: #222222;margin-left: 13px;} .i_nav .box a:hover{color: #fff; background: #e73527;} .i_nav .login{margin-top: 15px;height: 31px;line-height: 31px;font-size: 14px;} .i_nav .user{ height: 40px;line-height: 40px;font-size: 14px; padding: 10px 10px; position: relative;} .i_nav .user:hover{background: #e6e6e8;} .i_nav .user .pic{ width: 40px;height: 40px;font-size: 0;} .i_nav .user .pic img{ width: 40px;height: 40px; border-radius: 50%;} .i_mpr{width: 1085px; margin: auto;margin-top: 60px;} .i_mpr .head{width: 1085px;height: 30px; line-height: 30px;} .i_mpr .head .title{ font-size: 24px; color: #3E3A39;font-weight:lighter;} .i_mpr .head .link{ font-size: 14px; padding-left: 65px; color: #222222;} .i_mpr .box{width: 1085px; position: relative;} .i_mpr .box .list{width: 950px; padding-top: 30px; float: left;} .i_mpr .box .list li{ width: 120px; margin-right: 70px;float: left;} .i_mpr .box .list li .pic{ width: 120px; height: 160px; font-size: 0; text-align: center; line-height: 160px;} .i_mpr .box .list li .pic img{ max-width: 120px; max-height: 160px;box-shadow:0 0 35px rgba(0, 0, 0, .20); vertical-align: middle;} .i_mpr .box .list li .name{ width: 120px; height:48px; font-size: 14px;line-height: 24px;padding-top: 10px;overflow: hidden;text-align: center;} .i_mpr .box .download{ width: 93px; padding-top:45px; padding-left: 41px; position: absolute; top: -15px;right: 0; border-left: 1px #231815 solid;} .i_mpr .box .download .pic{ width: 93px; height: 160px; font-size: 0;} .i_mpr .box .download .pic img{ width: 93px; height: 160px;} .i_mpr .box .download .text{ width:93px; height:39px; font-size: 18px;line-height: 24px;overflow: hidden;text-align: center; padding-top: 5px;} .activity_i_banner{width: 100%; background: #ea545d; padding: 45px 0 10px 0;} .activity_i_banner .head{width: 1185px;height: 30px; line-height: 30px; margin: auto;} .activity_i_banner .head .title{ font-size: 24px; color: #fff;font-weight:lighter;} .activity_i_banner .head .link{ font-size: 14px; padding-left: 65px; color: #fff;} .i_science{width: 1200px; margin: auto;margin-top: 80px;} .i_science .head{width: 1200px;height: 30px; line-height: 30px;} .i_science .head .title{ font-size: 24px; color: #222222;font-weight:lighter;} .i_science .head .link{ font-size: 14px; height: 22px;line-height: 22px; padding-top: 4px; padding-left:45px; color: #b2b2b2;} .i_science .head .link a{padding-right: 20px;} .i_science .head .link i{padding-right: 3px; width: 18px;height: 22px;display: inline-block; background: url(../i/index_icon_energy.png); vertical-align: middle; -webkit-transition: 0.3s; transition: 0.3s;} .i_science .head .link a:hover i{ background-position-y: -22px;} .i_science .head .link .sci_1:hover{ color: #006dac;} .i_science .head .link .sci_2:hover{ color: #dc372e;} .i_science .head .link .sci_3:hover{ color: #008689;} .i_science .head .link .sci_4:hover{ color: #552d40;} .i_science .head .link .sci_5:hover{ color: #dc372e;} .i_science .head .link .sci_6:hover{ color: #008468;} .i_science .head .link .sci_7:hover{ color: #182827;} .i_science .head .link .sci_8:hover{ color: #ea5420;} .i_science .head .link .sci_1 i{ background-position-x: 0px;} .i_science .head .link .sci_2 i{ background-position-x: -109px;} .i_science .head .link .sci_3 i{ background-position-x: -221px;} .i_science .head .link .sci_4 i{ background-position-x: -328px;} .i_science .head .link .sci_5 i{ background-position-x: -442px;} .i_science .head .link .sci_6 i{ background-position-x: -558px;} .i_science .head .link .sci_7 i{ background-position-x: -672px;} .i_science .head .link .sci_8 i{ background-position-x: -797px;} .i_science .box{width: 1200px;height: 450px;position: relative; margin-top: 35px; color: #fff;} .i_science .box{width: 1200px;height: 450px;position: relative; margin-top: 35px; color: #fff;} .i_science .box a{ display: block; color: #fff;} .i_science .box a .pic{ -webkit-transition: 0.3s; transition: 0.3s;} .i_science .box a:hover .pic{background-position-y: bottom;} .i_science .box .sun{width: 150px;height: 300px; float: left;background: #dc372e; overflow: hidden;} .i_science .box .sun .pic{width: 150px;height: 150px; font-size: 0; background:url(../i/science_i_6.jpg);} .i_science .box .sun .text{width: 130px; padding: 10px 10px 0 10px;} .i_science .box .sun .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .sun .text .txt{width: 100%;} .i_science .box .new{width: 450px;height: 300px; float: left;position: relative; overflow: hidden;background: #ea5420;} .i_science .box .new .pic{width: 450px;height: 300px; font-size: 0; background:url(../i/science_i_5.jpg);} .i_science .box .new .text{width: 430px; padding: 10px 10px 0 10px;position: absolute;bottom: 10px;left: 0;} .i_science .box .new .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .new .text .txt{width: 100%;} .i_science .box .hot{width: 150px;height: 300px; float: left;position: relative; overflow: hidden; background: #182827;} .i_science .box .hot .pic{width: 150px;height: 150px; font-size: 0; background:url(../i/science_i_7.jpg);} .i_science .box .hot .text{width: 130px; padding: 10px 10px 0 10px;} .i_science .box .hot .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .hot .text .txt{width: 100%;} .i_science .box .nucleus{width: 450px;height: 150px;position: absolute;right: 0;top: 0; overflow: hidden; background: #db372e;} .i_science .box .nucleus .pic{width: 300px;height: 150px; font-size: 0; float: left; background:url(../i/science_i_1.jpg);} .i_science .box .nucleus .text{width: 130px; padding: 70px 10px 0 10px; float: right;} .i_science .box .nucleus .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .nucleus .text .txt{width: 100%;} .i_science .box .wind{width: 300px;height: 150px;position: absolute;left: 0;bottom: 0; overflow: hidden; background: #006dac;} .i_science .box .wind .pic{width: 150px;height: 150px; font-size: 0; float: left; background:url(../i/science_i_8.jpg);} .i_science .box .wind .text{width: 130px; padding: 70px 10px 0 10px; float: right;} .i_science .box .wind .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .wind .text .txt{width: 100%;} .i_science .box .water{width: 450px;height: 150px;position: absolute;left:300px;bottom: 0; overflow: hidden; background: #008689;} .i_science .box .water .pic{width: 300px;height: 150px; font-size: 0; float: left; background:url(../i/science_i_4.jpg);} .i_science .box .water .text{width: 130px; padding: 70px 10px 0 10px; float: right;} .i_science .box .water .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .water .text .txt{width: 100%;} .i_science .box .hydrogen{width: 150px;height: 300px;position: absolute;right:300px;bottom: 0; overflow: hidden; background: #552d40;} .i_science .box .hydrogen .pic{width: 150px;height: 300px; font-size: 0; float: left; background:url(../i/science_i_3.jpg);} .i_science .box .hydrogen .text{width: 130px; padding: 10px 10px 0 10px;position: absolute;left:0px;top: 0;} .i_science .box .hydrogen .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .hydrogen .text .txt{width: 100%;} .i_science .box .biology{width: 300px;height: 300px;position: absolute;right:0px;bottom: 0; overflow: hidden; background: #008468;} .i_science .box .biology .pic{width: 300px;height: 300px; font-size: 0; float: left; background:url(../i/science_i_2.jpg);} .i_science .box .biology .text{width:160px; padding: 10px 10px 0 10px;position: absolute;bottom:10px;left: 0;} .i_science .box .biology .text .title{width: 100%; height: 30px;line-height: 30px; font-size: 18px;font-weight:lighter;} .i_science .box .biology .text .txt{width: 100%;} .i_safety{width: 100%; height: 551px;background:#D4E7EC url(../i/i_safety_ground.jpg) no-repeat center; margin-top: 100px;} .i_safety .head{width: 1200px;height: 30px; line-height: 30px; margin: auto; padding-top: 45px; overflow: hidden;} .i_safety .head .title{ font-size: 24px; color: #516572;font-weight:lighter;} .i_safety .head .link{ font-size: 14px; padding-left:40px;} .i_safety .head .link a{padding-right: 20px; color: #516572; line-height: 37px;} .i_safety .head .link a:hover{color: #e2021d;} .i_periodical{width: 1200px;margin: auto;margin-top: 115px;} .i_periodical .head{width: 1200px;height: 30px; line-height: 30px; overflow: hidden;} .i_periodical .head .title{ font-size: 24px; color: #222222;font-weight:lighter;} .i_periodical .head .link{ font-size: 14px; padding-left: 50px; color: #222222; line-height: 37px;} .i_periodical .box{width: 1200px; margin-top: 35px;} .i_periodical .box .case{ width:565px;padding-right: 34px;float: left;border-right: 1px #231815 solid;} .i_periodical .box .case .pic{ width: 185px; height: 260px; float: left;font-size: 0;box-shadow:0 0 35px rgba(0, 0, 0, .20);} .i_periodical .box .case .pic img{ width: 185px; height: 260px; } .i_periodical .box .case .data{ width: 345px; float: left;margin-left: 35px;} .i_periodical .box .case .data .title{ width: 100%; height: 30px;line-height: 30px;font-size: 21px; padding-top: 5px;overflow: hidden;} .i_periodical .box .case .data .num{ width: 100%; height:24px;line-height: 24px;font-size: 14px; overflow: hidden; color: #222222;} .i_periodical .box .case .data .name{ width: 100%; height:24px;line-height: 24px;font-size: 14px; overflow: hidden; color: #222222; padding-bottom:13px;border-bottom:1px #231815 solid;} .i_periodical .box .case .data .link{ width: 100%; height:18px;line-height: 18px;font-size: 14px; overflow: hidden; color: #231815; padding-top:13px;} .i_periodical .box .case .data .qrcode{ width: 100%;padding-top:25px;} .i_periodical .box .case .data .qrcode .line{ width: 80px;float: left; margin-right: 60px;} .i_periodical .box .case .data .qrcode .line .img{ width: 70px;height: 70px; font-size: 0;margin: auto;} .i_periodical .box .case .data .qrcode .line .img img{ width: 70px;height: 70px;} .i_periodical .box .case .data .qrcode .line .txt{ width: 80px;height: 20px;font-size: 14px;text-align: center;margin-top: 6px; color: #222222;} .i_periodical .box .recommend{ width: 566px;height: 260px;padding:0 0 0 34px;float: left;} .i_periodical .box .recommend .title{ width: 566px; height:41px ;} .i_periodical .box .recommend .title span{width: 160px;float: left; height: 40px;line-height: 40px;font-size: 18px; padding-bottom: 13px;border-bottom: 1px #231815 solid; color: #222222; padding-left: 5px;} .i_periodical .box .recommend .list{ width: 566px; padding-top: 30px;} .i_periodical .box .recommend .list .line{width:566px;height: 20px; padding-top: 10px;overflow: hidden;} .i_periodical .box .recommend .list .line .txt{width:424px;height: 20px; float: left; font-size: 14px;color: #222222; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .i_periodical .box .recommend .list .line .name{width:142px;height: 20px; float: right; text-align: right;font-size: 14px;color: #222222; overflow: hidden;} .i_periodical .box .recommend .list .line .name span{padding-left: 6px;} .i_bbs{width: 1200px;margin: auto;margin-top: 100px;} .i_bbs .head{width: 1200px;height: 30px; line-height: 30px;overflow: hidden;} .i_bbs .head .title{ font-size: 24px; color: #222222;font-weight:lighter;} .i_bbs .head .link{ font-size: 14px; padding-left: 50px; color: #222222;line-height: 37px;} .i_bbs .box{width: 1200px; margin-top: 40px;} .i_bbs .box .album{width: 600px; height: 300px; float: left;} .i_bbs .box .album .fir{width:300px; height: 300px; float: left; position: relative;} .i_bbs .box .album .fir .pic{width:300px; height: 300px;font-size: 0;} .i_bbs .box .album .fir .pic img{width:300px; height: 300px;} .i_bbs .box .album .fir .bg{width:300px; height:46px; background: url(../i/index_bg_1.png) repeat-x; position: absolute;bottom: 0;left: 0;} .i_bbs .box .album .fir .txt{width:280px; height:46px; line-height: 46px;font-size: 18px; padding: 0 10px; position: absolute;bottom: 0;left: 0;font-weight:lighter;} .i_bbs .box .album .fir .txt a{color: #fff;} .i_bbs .box .album .case{width: 300px; height: 300px; float: left;} .i_bbs .box .album .case .sec{width:300px; height:184px; position: relative;} .i_bbs .box .album .case .sec .pic{width:300px; height: 184px;font-size: 0;} .i_bbs .box .album .case .sec .pic img{width:300px; height: 184px;} .i_bbs .box .album .case .sec .bg{width:300px; height:46px; background: url(../i/index_bg_1.png) repeat-x; position: absolute;bottom: 0;left: 0;} .i_bbs .box .album .case .sec .txt{width:280px; height:46px; line-height: 46px;font-size: 18px; padding: 0 10px; position: absolute;bottom: 0;left: 0;font-weight:lighter;} .i_bbs .box .album .case .sec .txt a{color: #fff;} .i_bbs .box .album .case .thi{width:300px; height: 116px;position: relative;} .i_bbs .box .album .case .thi .pic{width:300px; height: 116px;font-size: 0;} .i_bbs .box .album .case .thi .pic img{width:300px; height: 116px;} .i_bbs .box .album .case .thi .bg{width:300px; height:46px; background: url(../i/index_bg_1.png) repeat-x; position: absolute;bottom: 0;left: 0;} .i_bbs .box .album .case .thi .txt{width:280px; height:46px; line-height: 46px;font-size: 18px; padding: 0 10px; position: absolute;bottom: 0;left: 0;font-weight:lighter;} .i_bbs .box .album .case .thi .txt a{color: #fff;} .i_bbs .box .new{width: 260px;float: left; padding-left: 35px;} .i_bbs .box .new .title{width: 255px;font-size: 14px;height: 20px; padding-top: 2px; color: #222222; padding-left: 5px;} .i_bbs .box .new .listing{width: 260px; padding-top: 15px;margin-top: 18px;border-top: 1px #222222 solid;} .i_bbs .box .new .listing li{width: 255px;height: 24px;overflow: hidden; line-height: 24px;white-space: nowrap;text-overflow: ellipsis; font-size: 14px; padding-left: 5px;} .i_bbs .box .new .listing li a{padding-right:7px;} .i_bbs .box .new .list{ width: 260px; padding-top: 13px;} .i_bbs .box .new .list .line{ width:71px;float: left; padding: 0px 15px 0 0;} .i_bbs .box .new .list .line .pic{ width:40px; height: 40px;margin: auto;font-size: 0;} .i_bbs .box .new .list .line .pic img{ width: 40px; height: 40px;border-radius: 50%;} .i_bbs .box .new .list .line .name{ width:71px; margin: auto;height: 20px; padding-top: 3px; text-align: center;overflow: hidden; font-size: 11px;-webkit-transform: scale(0.9166666666666667);} .i_bbs .box .hot{width: 180px;float: left; padding-left: 75px;} .i_bbs .box .hot .title{width: 165px;font-size: 14px;height: 20px; padding-top: 2px; color: #222222; padding-left: 5px;} .i_bbs .box .hot .list{ width: 180px;padding-top: 25px;margin-top: 18px;border-top: 1px #222222 solid;} .i_bbs .box .hot .list .line{ width:90px;float: left; padding: 0 0px 28px 0;} .i_bbs .box .hot .list .line .pic{ width:71px; height: 71px;margin: auto;font-size: 0;} .i_bbs .box .hot .list .line .pic img{ width: 71px; height: 71px;border-radius: 50%;} .i_bbs .box .hot .list .line .name{ width:84px; margin: auto;padding-top:3px;height: 20px; font-size: 14px; text-align: center;overflow: hidden;} .i_link{width: 1200px;margin: auto;margin-top: 120px; padding-bottom: 20px;} .i_link .list{width: 1200px;line-height: 22px;font-size: 14px;} .i_link .list a{height: 22px;padding: 0 10px;margin-right: 10px;float: left;display: block;background: #e9342b;color: #fff; margin-top: 10px;} .i_link .line{width: 1200px;line-height: 22px;font-size: 14px; padding-top: 20px;} .i_link .line .title{width: 100px;height: 22px;padding-top:10px;float: left;} .i_link .line .txt{width: 1100px;float: left;} .i_link .line .txt a{height: 16px; line-height: 16px; padding: 0px 10px; margin-top: 14px; float: left; border-right:1px #222222 solid;} .bg_login{background: #eff2f5;} .login_nav{width: 100%; height: 65px; padding: 30px 0; border-bottom: 2px #e4e9ee solid;} .login_nav .logo{ padding-top: 2px;} .login_nav .box{ padding-left: 40px;padding-top: 17px;height: 31px;} .login_nav .box a{float: left;display: block;padding: 0 10px;height: 31px;line-height: 31px;font-size: 18px;color: #222222;margin-left: 40px;} .login_nav .box a:hover{color: #fff; background: #e73527;} .login_foot{width: 100%;padding:25px 0;} .login_foot .left{width: 800px;float: left;} .login_foot .right{width: 400px;float: right;} .login_foot .txt{width: 100%;height: 24px; line-height: 24px; overflow: hidden;font-size: 14px;color: #a7b3bc;} .i_login{ width: 100%;padding: 90px 0; background: #fff;} .i_login .box{width: 380px; margin: auto;} .i_login .box .head{width: 380px; height: 51px; line-height: 50px; padding-bottom: 20px;} .i_login .box .head a{width: 190px; height: 50px;float: left;border-bottom: 1px #d7d7d7 solid; font-size: 16px; color: #a1a1a1;text-align: center;} .i_login .box .head a:hover{border-bottom: 1px #41b8d8 solid; color: #41b8d8;} .i_login .box .head .active{border-bottom: 1px #41b8d8 solid; color: #41b8d8;} .i_login .box .line{width: 100%;height: 47px;border-bottom: 1px #d7d7d7 solid; line-height: 47px; padding-top: 15px;position: relative;} .i_login .box .line .name{width: 36px;height: 47px;padding-left: 10px; overflow: hidden;float: left;} .i_login .box .line .name i{font-size: 24px;color: #d7d7d7;} .i_login .box .line .text{width: 334px;height: 21px;line-height: 21px;padding: 13px 0; overflow: hidden;float: left;font-size: 14px;color: #999; border:0;outline: none;} .i_login .box .line .forget{height: 47px;position: absolute;top: 15px;right: 0; color: #b2b2b2;} .i_login .box .line .forget:hover{color: #4fc3f7;} .i_login .box .line .code{height: 48px;position: absolute;top: 15px;right: 0;} .i_login .box .line .code img{height: 48px;} .i_login .box .warning{width: 100%;height: 30px; line-height: 30px; padding-top: 15px; text-align: center;font-size: 14px;color: #e2021d;} .i_login .box .warning i{padding-right: 5px;font-size: 18px;} .i_login .box .botton{width: 100%;height: 48px; line-height: 48px; margin-top:30px; text-align: center;font-size: 16px;} .i_login .box .botton a{width: 100%;height: 48px;color: #fff; background: #41b8d8; border-radius: 3px; display: block;} .i_login .box .botton a:hover{background: #5486a2; } .i_login .box .hint{width: 100%;height:20px; line-height: 20px; padding-top: 20px; text-align: center;font-size: 14px;color: #b2b2b2;} .i_login .box .hint a{color: #41b8d8; padding-left: 5px;} .i_login .box .hint a:hover{color: #5486a2;} .i_login .box .way{width: 100%;padding-top: 30px; text-align: center;font-size: 14px;color: #b2b2b2; margin-top: 30px;border-top: 1px #e9e9e9 solid;} .i_login .box .way .txt{width: 100%;height: 20px;} .i_login .box .way .case{width: 100%;height: 44px; line-height: 44px; margin-top: 15px;} .i_login .box .way .case a{width: 44px;height: 44px;display: inline-block;margin: 0 6px;background: #f0f0f0; color: #999;text-align: center; border-radius: 50%;} .i_login .box .way .case a i{ font-size: 28px;} .i_login .box .way .case .wx i{ font-size: 32px;} .i_login .box .way .case .wb i{ font-size: 26px;} .i_login .box .way .case .qq:hover{background: #41b8d8; color: #fff;} .i_login .box .way .case .wx:hover{background: #49be38; color: #fff;} .i_login .box .way .case .wb:hover{background: #E78170; color: #fff;} .i_login .box .win{width: 100%;height:20px; line-height: 20px; padding-top: 0px; text-align: center;font-size: 24px;color: #E78170;} /* 用户中心框架 */ .user_content{width: 1200px; margin: auto;margin-top: 50px;margin-bottom:100px;} .user_content .navlist{ width: 210px;float: left;} .user_content .navlist a{ width: 200px;padding-left: 10px;height:40px;line-height: 40px;font-size: 14px;overflow: hidden;display: block;background: #efefef; color: #666; margin-bottom: 2px;} .user_content .navlist a i{padding-right: 10px;font-size: 18px;color: #bebebe;} .user_content .navlist a:hover{background: #ea525e; color: #fff; } .user_content .navlist a:hover i{color: #fff;} .user_content .navlist .active{background: #ea525e; color: #fff; } .user_content .navlist .active i{color: #fff;} .user_content .navlist span{ width: 210px; height: 1px; display: block;background: #e2e2e2; margin: 7px 0 7px 0;} .user_content .navlist .show{display: block;} .user_content .navlist .show a{ width: 170px;padding-left: 40px;} .user_content .navlist p{ width: 210px;height:30px;line-height: 30px;font-size: 14px;overflow: hidden;display: block;color: #222222; margin-bottom: 2px; font-weight: bold;} .user_content .navlist p i{padding-right: 8px;font-size: 18px;color: #999; vertical-align: middle; font-weight: normal;} .user_content .contentbox{ width: 940px;float: right;} .user_content .contentbox .head{ width: 940px; height: 30px;line-height: 30px;border-bottom:3px #666 solid; padding-top: 10px;} .user_content .contentbox .head a{ float: left;padding: 0 15px; color: #666666; font-weight: bold; font-size: 14px; margin-right: 10px;} .user_content .contentbox .head a:hover{background: #f2f2f2;} .user_content .contentbox .head .active{color: #fff;background: #ea525e;} .user_content .contentbox .head .active:hover{color: #fff;background: #ea525e;} /* 个人空间首页资料 */ .personal_data{ width: 640px; float: left;} .personal_data .pic{ width:60px;height: 60px;float: left ; } .personal_data .pic img{ width: 60px;height: 60px;border-radius:50%; } .personal_data .pic img:hover{border-radius:0; } .personal_data .box{ width: 560px; line-height: 30px; float: right ;} .personal_data .box i{ font-size: 24px;} .personal_data .box .link a{ float: left ;height: 30px; line-height: 30px; margin-right: 10px;display: inline ;padding: 0 10px;display: block ;border-radius:3px;color:#fff;background: #ea525e;} .personal_data .box .link a:hover{background: #ca3842;} .personal_data .pay{ width: 540px; line-height: 30px;} .personal_data .pay a{ float: right ;height: 38px; line-height: 38px; margin-right: 10px;padding: 0 20px;display: block ;border-radius:3px;color:#222222;background: #fff; border: 1px #c2c2c2 solid; font-size: 14px;} .personal_data .pay a:hover{color:#fff;background: #ea525e; border: 1px #ea525e solid;} /* 签到 */ .m_sign{ width:285px; float: right;} .m_sign .img{float:right;width:114px;height:51px;overflow:hidden;cursor:pointer;background:url('../i/sing_week.gif') right 2px no-repeat; text-align: left ;} .m_sign .img:hover{background:url('../i/sing_week.gif') right -53px no-repeat;} .m_sign .img span{display:block;margin:10px 0 0 14px;font-size:16px;font-family:'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;font-weight:700;color:#165379;} .m_sign .pic{float:right;width:114px;height:51px;overflow:hidden;cursor:pointer;background:url('../i/sing_sing.gif') right 2px no-repeat; text-align: left ;} .m_sign .pic span{display:block;margin:10px 0 0 14px;font-size:16px;font-family:'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;font-weight:700;color:#165379;} .m_sign .tip{ width: 255px;height: 30px;line-height: 30px;background: #f2f2f2; padding: 0 15px; text-align: right ; margin-top: 10px; color: #222222;} .m_sign .tip span{ color: #f50; font-style: italic; font-weight: bold ; padding:0 7px 0 5px; font-size: 16px;} .m_sign .tip i{ color: #393; font-weight: bold ; padding:0 7px 0 5px; font-size: 16px;} .user_amount{ width: 559px; height: 194px; border: 1px #d9d9d9 solid ; border-top:0; float:left;margin-left: 80px; margin-top:20px; text-align: center; } .user_amount .single{ width:279px;height: 96px;float: left ;border-top: 1px #d9d9d9 solid ; } .user_amount .single .box{ width:279px; height: 65px; line-height: 65px; font-size: 18px; overflow: hidden ;} .user_amount .single .box span{ font-size: 28px;} .user_amount .single .txt{ width:279px;height: 30px; line-height: 30px;overflow: hidden ; border-top: 1px #d9d9d9 solid ; background: #f2f2f2; color: #666; } .user_amount .divide{ width:1px;height: 97px;float: left ; background: #d9d9d9; } .user_index{ width: 560px; height: 96px; border: 1px #d9d9d9 solid ;float:left;margin-left: 80px; margin-top:20px; text-align: center; } .user_index .single{ width:279px;height: 96px;float: left ; } .user_index .single .box{ width:279px; height: 65px; line-height: 65px; font-size: 18px; overflow: hidden ;} .user_index .single .box span{ font-size: 28px;} .user_index .single .txt{ width:279px;height: 30px; line-height: 30px;overflow: hidden ; border-top: 1px #d9d9d9 solid ; background: #f2f2f2; color: #666; } .user_index .divide{ width:1px;height: 96px;float: left ; background: #d9d9d9; } /* 输入框架 */ .amend_data{ width: 880px; padding:30px 30px 0 30px; position: relative ; } .amend_data .single{ width: 880px; padding-top: 7px;padding-bottom: 8px; text-align: left ;} .amend_data .single .name{ width: 100px;height: 35px;line-height: 35px;float: left ; color: #222222; text-align: right ;font-size: 13px;background: #f2f2f2; padding-right: 10px; } .amend_data .single .input{ width: 240px;height: 35px; float: left ; padding-left:15px;} .amend_data .single .input .text{ width:228px; height: 22px; line-height: 22px;font-family:Microsoft Yahei;border: 1px #a6a6a6 solid ; border-right: 1px #dbd9d9 solid ; border-bottom: 1px #dbd9d9 solid ; padding: 4px 0 4px 10px; color: #222222; float: left ; margin-top: 2px;} .amend_data .single .choose{ width: 100px;height: 32px;float: left ; margin-left:15px;margin-top: 2px;line-height: 32px;background: #4db6c9; text-align: center; color: #fff; cursor: pointer;} .amend_data .single .short{ width: 145px;height: 35px; float: left ; padding-left:15px;} .amend_data .single .short .text{ width:133px; height: 22px; line-height: 22px;font-family:Microsoft Yahei;border: 1px #a6a6a6 solid ; border-right: 1px #dbd9d9 solid ; border-bottom: 1px #dbd9d9 solid ; padding: 4px 0 4px 10px; color: #222222; float: left ; margin-top: 2px;} .amend_data .single .verify{width: 85px;height: 32px; margin-top: 2px; float: left ; padding-left: 10px;} .amend_data .single .verify a{width: 85px;height: 32px;line-height: 32px;float: left ;display: block ;border-radius:3px;color:#fff;background: #ea525e; text-align: center;} .amend_data .single .verify span{width: 85px;height: 32px;line-height: 32px;float: left ;display: block ;border-radius:3px;color:#777;background: #f2f2f2; text-align: center;} .amend_data .single .content{ width: 755px;padding-left:15px;height: 35px;line-height: 35px;overflow: hidden ; text-align: left ;} .amend_data .single .hint{ width: 240px;padding-left:15px;height: 35px;line-height: 35px;overflow: hidden ; color: #999; float: left ;} .amend_data .single .promptbox{ width: 240px;padding-left:15px;height: 35px;line-height: 35px;overflow: hidden ; color: #E78170; float: left ;display: none ;} .amend_data .single .promptbox i{padding-right: 5px;} .amend_data .single .radio{ float: left ; padding-left: 15px; padding-right: 15px; color: #222222;line-height: 35px;} .amend_data .single .radio label{cursor: pointer ; padding-left: 5px;} .amend_data .single .name2{ width: 100px;height: 35px;line-height: 35px;float: left ; color: #222222; text-align: right ;font-size: 13px; padding-right: 10px; } .amend_data .single .botton{width: 200px;height: 40px; margin: auto ; float: left ; padding-left: 15px; margin-top: 20px;} .amend_data .single .botton a{height: 40px;line-height: 40px; padding: 0 40px; float: left ;display: block ;border-radius:3px;color:#fff;background: #ea525e; font-size: 16px;} .amend_data .single .portrait{ width:100px;height: 100px;float: left ;margin-left: 15px; position: relative;} .amend_data .single .portrait img{width:100px;height: 100px;} .amend_data .single .portrait .bg{width:100px;height: 100px; position: absolute;top: 0;left: 0;background:#ea525e;filter:Alpha(Opacity=70);opacity:.7; z-index: 1;display: none;} .amend_data .single .portrait .txt{width:100px;height: 100px;line-height: 100px; position: absolute;top: 0;left: 0; color: #FFFFFF; z-index: 2; overflow: hidden;text-align: center;display: none;} .amend_data .single .portrait .file{width:100px;height: 100px; position: absolute;top: 0;left: 0; z-index: 3;overflow: hidden;filter:Alpha(Opacity=0);opacity:0; cursor: pointer;} .amend_data .single .portrait:hover .bg{display: block;} .amend_data .single .portrait:hover .txt{display: block;} .amend_data .single .textarea{ width:500px;height:110px; float: left ; padding-left:15px;} .amend_data .single .textarea textarea{ width:478px;height:88px; padding: 10px;border: 1px #ddd solid ; line-height: 22px;font-family:Microsoft Yahei;} /* 账户绑定 */ .user_binding{width: 940px;} .user_binding .line{width: 938px;height:90px;border: 1px #e2e2e2 solid;margin-top: 30px;line-height: 90px;font-size: 14px; color: #222222;} .user_binding .line .pic{width: 90px;height:90px;border-right: 1px #e2e2e2 solid;float: left; font-size: 0; } .user_binding .line .title{width: 90px;height:90px;border-right: 1px #e2e2e2 solid;float: left; text-align: center;} .user_binding .line .txt{width: 650px;height:90px;border-right: 1px #e2e2e2 solid;float: left; padding-left: 15px;overflow: hidden;} .user_binding .line .link{width: 90px;height:90px;float: left;} .user_binding .line .link .cancel{ width: 70px;height: 30px;line-height: 30px;margin: auto;margin-top: 30px;display: block; text-align: center;font-size: 12px; background: #ea525e;color: #FFFFFF;} .user_binding .line .link .binding{ width: 70px;height: 30px;line-height: 30px;margin: auto;margin-top: 30px;display: block; text-align: center;font-size: 12px; background: #b2b2b2;color: #FFFFFF;} /* 帐户安全 */ .user_information{ width: 938px; background: #fff; border: 1px #dbdada solid ; border-bottom: 0; margin-top: 15px; text-align: left ;} .user_information .single{ width: 868px;border-bottom: 1px #dbdada solid ; height: 105px; padding: 0 40px; overflow: hidden ;} .user_information .single .hint{ line-height: 105px;float: left ; color: #222222;} .user_information .single .grade{ padding-left: 20px; height: 10px;width: 390px;overflow: hidden ;margin-top:47px;float: left ; } .user_information .single .grade div{height: 10px;width: 130px;overflow: hidden ; float: left ;} .user_information .single .grade .low{ background: #e6212a;} .user_information .single .grade .middle{ background: #ff5500;} .user_information .single .grade .high{ background: #2cbe21;} .user_information .single .title{ font-size: 14px;color: #000;margin-top:31px; } .user_information .single .txt{} .user_information .single .handle{ margin-top:42px; display: block ; } .user_mana{ width: 940px;margin-top:30px; text-align: center; } .user_mana .single{ width:300px; height: 100px;background: #f3f3f3;overflow: hidden;border-radius: 6px;} .user_mana .single .case{width:100px;height: 100px; float: left;color: #fff;} .user_mana .single .case .icon{ width:100px;height: 55px;line-height: 55px; padding-top: 10px;} .user_mana .single .case .icon i{font-size: 50px;} .user_mana .single .case .txt{ width:100px;height: 30px;line-height: 30px; font-size: 14px; } .user_mana .single .box{ width:200px;height: 100px; float: left;} .user_mana .single .box .num{ width:200px;height: 40px; line-height: 40px; padding-top: 20px;font-size: 32px; overflow: hidden;} .user_mana .single .box .txt{ width:200px;height: 20px; padding-top: 10px; overflow: hidden; color: #999;} .user_mana .fir{float: left;} .user_mana .fir .case{ background: #99c262;} .user_mana .fir .box .num{ color: #99c262;} .user_mana .fir .box .txt a{ color: #99c262;} .user_mana .fir .box .txt a:hover{ color: #99c262; text-decoration: underline;} .user_mana .sec{float: left; margin-left: 20px;} .user_mana .sec .case{ background: #74bbd6;} .user_mana .sec .box .num{ color: #74bbd6;} .user_mana .sec .box .txt a{ color: #74bbd6;} .user_mana .sec .box .txt a:hover{ color: #74bbd6; text-decoration: underline;} .user_mana .thi{float: right;} .user_mana .thi .case{ background: #6ccac9;} .user_mana .thi .box .num{ color: #39b7ac;} .user_mana .thi .box .num i{font-size: 36px;} .user_mana .thi .box .txt a{ color: #39b7ac;} .user_mana .thi .box .txt a:hover{ color: #39b7ac; text-decoration: underline;} .user_mana .fou{float: left;} .user_mana .fou .case{ background: #ca3842;} .user_mana .fou .box .num{ color: #ca3842;} .user_mana .fou .box .num i{font-size: 36px;} .user_mana .fou .box .txt a{ color: #ca3842;} .user_mana .fou .box .txt a:hover{ color: #ca3842; text-decoration: underline;} .user_mana .fif{float: left; margin-left: 20px;} .user_mana .fif .case{ background: #f0844b;} .user_mana .fif .box .num{ color: #f0844b;} .user_mana .fif .box .num i{font-size: 36px;} .user_mana .fif .box .txt a{ color: #f0844b;} .user_mana .fif .box .txt a:hover{ color: #f0844b; text-decoration: underline;} .user_mana .six{float: right;} .user_mana .six .case{ background: #76459a;} .user_mana .six .box .num{ color: #76459a;} .user_mana .six .box .num i{font-size: 36px;} .user_mana .six .box .txt a{ color: #76459a;} .user_mana .six .box .txt a:hover{ color: #76459a; text-decoration: underline;} /* 个人空间表格 */ .top_contacts{ width:940px;} .top_contacts i{padding-right: 5px;} .top_contacts .title{ width:940px; height: 40px;background: #e7e7e7; color: #222222; font-weight: bold ; text-align: center ; line-height: 40px;} .top_contacts .w_70{ width: 69px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_100{ width: 99px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_120{ width: 119px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_130{ width: 129px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_150{ width: 149px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_180{ width: 179px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_200{ width: 199px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_240{ width: 239px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_300{ width: 299px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_350{ width: 349px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_390{ width: 389px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .w_540{ width: 539px;height: 40px; border-right:1px #fff solid ; overflow: hidden ;white-space: nowrap;text-overflow: ellipsis;} .top_contacts .single_1{ width:940px; height: 40px;color: #666; text-align: center ; line-height: 40px;} .top_contacts .single_1:hover{ background: #ffedea;} .top_contacts .single_2{ width:940px; height: 40px;color: #666; text-align: center ; line-height: 40px;background: #f2f2f2; } .top_contacts .single_2:hover{ background: #ffedea;} .user_ask{width: 100%;margin-top: 20px;} .user_ask .line{width: 100%; padding:15px 0;border-bottom: 1px #b2b2b2 dashed;} .user_ask .ask{width: 100%; font-size: 16px;color: #f50; line-height: 26px;} .user_ask .ask i{ padding-right: 10px; font-size: 22px; vertical-align: middle;} .user_ask .answer{width: 100%; font-size: 16px;color: #222222; line-height: 26px;} .user_ask .answer i{ padding-right: 10px; font-size: 22px; vertical-align: middle;} .user_ask .table{width: 100%; margin-top:20px; font-size: 14px;} .user_ask .table th{ height: 40px;line-height: 40px; border: 1px #d9d9d9 solid; background: #f2f2f2; color: #007BBB;} .user_ask .table td{ height: 40px;line-height: 40px; border: 1px #d9d9d9 solid; color: #222222;} .user_ask .table td i{ vertical-align: middle;} .user_pay{width: 100%;} .user_pay .title{width: 100%; height: 50px;line-height: 50px; font-size: 14px;border-bottom: 1px #e2e2e2 solid; margin-top: 30px;} .user_pay .title span{ font-size: 18px;color: #222222 ; padding-right: 15px;} .user_pay .list{width: 100%;} .user_pay .list li{ width: 150px;height: 40px;line-height: 40px;font-size: 16px; cursor: pointer; color: #666; border: 1px #d7d7d7 solid;float: left;margin: 15px 15px 0 0; text-align: center; position: relative;} .user_pay .list li span{ font-weight: bold;color: #ea525e; padding: 0 10px;} .user_pay .list li i{display: none;position: absolute;right: 0;top: 0;width: 28px;height: 28px;} .user_pay .list .active{ border: 1px #ff9656 solid; background: #fff7f2;} .user_pay .list .active i{display:block;} .user_pay .pay{width: 100%;} .user_pay .pay li{ width: 128px;height: 44px; cursor: pointer; border: 1px #d7d7d7 solid;float: left;margin: 15px 15px 0 0; position: relative;} .user_pay .pay li p{ width: 128px;height: 44px; background-image: url(../i/bg_bank1.png);} .user_pay .pay li .fir{background-position-x: 0;} .user_pay .pay li .sec{background-position-x: 129px;} .user_pay .pay li .thi{background-position-x: 258px;} .user_pay .pay li .fou{background-position-x: 387px;} .user_pay .pay li i{display: none;position: absolute;right: 0;top: 0;width: 28px;height: 28px;} .user_pay .pay .active{ border: 1px #ff9656 solid; background: #fff7f2;} .user_pay .pay .active i{display:block;} .user_pay .pay .active .fir{background-position-x: 515px;} .user_pay .pay .active .sec{background-position-x: 645px;} .user_pay .pay .active .thi{background-position-x: 774px;} .user_pay .pay .active .fou{background-position-x: 903px;} .user_pay .sub{width: 100%; margin-top: 40px;} .user_pay .sub a{float: left;padding: 0 30px;height: 42px;line-height: 42px;font-size: 16px;color: #FFFFFF; background: #ea525e;} .user_pay .sub a:hover{background: #ca3842;} /* 弹出确认订单 */ .confirm_order{ width: 460px;height:260px; overflow: hidden ; position:fixed ; left:50%; top: 50%;margin-top: -130px; margin-left: -230px; z-index: 2000;background: #fff; display: none ;} .confirm_order .title{ width: 100%;height:40px;line-height: 40px;text-align: center; color: #fff; background: #ea525e; font-size: 16px; } .confirm_order .box{ width: 100%;overflow: hidden; padding-top: 20px;} .confirm_order .box .line{ width:400px; padding:15px 30px 0 30px;font-size: 14px; color: #222222;} .confirm_order .box .line span{ padding: 0 10px;font-weight: bold;color: #ea525e;} .confirm_order .box .line strong{ padding: 0 10px;color: #2cbe21;} .confirm_order .box .hint{ width:380px; margin: auto; background: #f2f2f2; padding:5px 10px; color: #666; margin-top: 10px;} .confirm_order .box .hint span{ padding: 0 5px;font-weight: bold;color: #f50;} .confirm_order .submit{ width: 100%;height: 35px; padding: 10px 0;background: #eaeaea; margin-top: 35px;text-align: center;} .confirm_order .submit a{width: 120px;height: 33px;line-height: 33px;font-size: 14px; display: inline-block;border-radius: 3px; margin: 0 10px; } .confirm_order .submit .botton1{color: #fff; background: #ea525e; border: 1px #ea525e solid;} .confirm_order .submit .botton2{color: #999; background: #fff; border: 1px #d2d2d2 solid;} /* 跳转支付 */ .confirm_pay{ width: 460px;height:200px; overflow: hidden ; position:fixed ; left:50%; top: 50%;margin-top: -100px; margin-left: -230px; z-index: 2000;background: #fff; display: none ;} .confirm_pay .box{width: 325px; margin: auto ; padding-top: 50px;} .confirm_pay .icon{width: 50px;height: 55px; display: block ;float: left ; color: #99c262; font-size: 50px; line-height: 50px; text-align: center;} .confirm_pay .content{width: 260px;height: 55px; display: block ;float: left ; padding-left: 15px;} .confirm_pay .content h3{ width: 260px;height: 30px;line-height: 30px; overflow: hidden ;} .confirm_pay .content h5{ width: 260px;height: 25px;line-height: 25px; overflow: hidden ;} .confirm_pay .link{width: 260px;height: 30px; line-height: 30px;padding-top: 20px;margin: auto ;} .confirm_pay .link a{height: 30px; padding: 0 20px;font-size: 14px;} .confirm_pay .link .botton1{border-radius:3px;color:#fff;background: #ea525e;} .confirm_pay .link .botton2{border-radius:3px;color:#222222;background: #e7e7e7;} /* 论坛新能源背景颜色 */ .bg_bbs_energy{background: #4db6c9;} .energy_head_pic{width: 1200px; margin: auto;margin-top: 30px;} .bbs_energy_box{width: 1160px; background: #fff; margin: auto;margin-top: 30px; padding: 0px 40px 40px 0;} .energy_i_box_right{ width: 860px; float: right;} .energy_i_news{width: 760px; margin: auto; padding: 30px 0 0 0;} .energy_i_news .list{ width: 100%;} .energy_i_news .list .line{ width: 100%;height: 26px;line-height: 26px;font-size: 12px;} .energy_i_news .list .line .date{width: 105px;height: 26px;float: left;overflow: hidden; color: #444241;} .energy_i_news .list .line .txt{width: 655px;height: 26px;float: left;overflow: hidden; font-size: 14px;} .energy_i_news .list .line .txt a{ color: #444241;} .energy_i_news .list .line .txt a:hover{ color: #000;} .energy_i_activity2{width: 896px; margin: auto;} .energy_i_activity2 .line{width: 896px;padding: 40px 0;border-bottom: 1px #544C48 solid;} .energy_i_activity2 .line .box{width:340px;position: relative; float: left;} .energy_i_activity2 .line .box .pic{ width: 208px;height: 130px;position: absolute; top: 0;left: -39px; font-size: 0;} .energy_i_activity2 .line .box .pic img{ width: 208px;height: 130px;} .energy_i_activity2 .line .box .pic span{ width: 208px;height: 130px; background: url(../i/activity_ground.png);position: absolute;top: 0;left: 0;z-index: 1;} .energy_i_activity2 .line .box .pic a{ width: 130px;height: 130px; display: block; position: absolute;top: 0;left:39px;z-index: 2;} .energy_i_activity2 .line .box .case{ width: 200px;height: 130px;position: absolute; top: 0;right:0px; z-index: 3;} .energy_i_activity2 .line .box .case .title{ width: 186px;height:48px; line-height: 24px; font-size: 18px; margin-bottom: 2px; padding-top: 10px;overflow: hidden; text-indent: -14px; padding-left: 14px;} .energy_i_activity2 .line .box .case .title a{ color: #00a4bd;} .energy_i_activity2 .line .box .case .title a:hover{ color: #79c38d;} .energy_i_activity2 .line .box .case .txt1{ width: 200px;height:20px; line-height: 20px;overflow: hidden; color: #554945;white-space: nowrap;text-overflow: ellipsis; text-indent: 14px;} .energy_i_activity2 .line .box .case .txt2{ width: 200px;height:20px; line-height: 20px;overflow: hidden; color: #554945;white-space: nowrap;text-overflow: ellipsis; text-indent: 7px;} .energy_i_activity2 .line .box .case .txt3{ width: 200px;height:20px; line-height: 20px;overflow: hidden; color: #554945;white-space: nowrap;text-overflow: ellipsis;} .energy_i_activity2 .line .link{ width: 320px; margin-top:150px; padding-left: 20px;} .energy_i_activity2 .line .link .single{ width: 65px;display: block;float: left;margin-right:40px;} .energy_i_activity2 .line .link .single i{ width: 41px;height: 41px;display: block; margin: auto;} .energy_i_activity2 .line .link .single span{ width: 65px;height:20px;display: block;text-align: center;color: #444241;font-size: 14px; padding-top: 5px;} .energy_i_activity2 .line .link .single:hover span{color: #00a4bd;} .energy_i_activity2 .line .text{ width: 480px; padding-left: 35px;margin-left: 35px;border-left: 1px #544c48 solid; float: left; padding-top: 15px;} .energy_i_activity2 .line .text .title{ width: 480px;height: 20px;overflow: hidden;font-size: 14px;color: #444241;} .energy_i_activity2 .line .text .txt{ width: 480px;height: 72px; line-height:18px; overflow: hidden;color: #554945; margin-top:10px; font-size: 12px;} .energy_i_activity_gallery2{ width: 100%;height: 95px; padding-bottom: 10px;} .energy_i_activity_gallery2 a{ width: 70px;float: left;overflow: hidden;margin: 25px 15px 0 0; font-size: 0; background: #e2e2e2; text-align: center; line-height: 70px;} .energy_i_activity_gallery2 a img{ max-height: 70px; vertical-align: middle;} .energy_i_none{ padding: 240px 0 200px 0; font-size: 14px;text-align: center;} .energy_i_study{width: 100%;} .energy_i_study .list{width: 100%;float: right; padding-top: 40px;} .energy_i_study .list li{ width: 185px;float: left;margin: 0 30px 30px 0px;} .energy_i_study .list li .pic{ width: 185px;height: 115px;font-size: 0;} .energy_i_study .list li .pic img{ width: 185px;height: 115px;} .energy_i_study .list li .txt{ width: 185px;height:35px; line-height: 35px;font-size: 14px; overflow: hidden;} .energy_i_study .list li .ico{ width: 185px;height:27px; font-size: 0;} .energy_i_study .list li .ico i{ width: 28px;height:27px; font-size: 0; float: left;margin-right: 15px;} .energy_i_study .list li .more{ width: 185px;height: 115px; line-height: 115px;font-size: 16px;text-align: center;} .bbs_energy_article{width: 1140px; padding: 10px 30px 40px 30px; background: #FFFFFF;margin: auto;margin-top: 30px;} .bbs_energy_article .bbs_energy_article_left{ width: 852px;float: left;} .bbs_energy_article .bbs_energy_article_right{ width: 248px;float: right;} .energy_i_nav{width: 1200px; height: 25px; margin: auto; line-height: 25px; color: #fff; margin-bottom: -10px;} .energy_i_nav .logo{height: 25px; float: left; padding:0 20px 0 45px; font-size: 24px;font-weight: lighter;} .energy_i_nav .nav{height: 25px; float: left;font-size: 18px;} .energy_i_nav .nav a{ float: left;margin-left: 50px;position: relative; cursor: pointer; line-height: 30px; display: block; color: #fff; } .energy_i_nav .nav a i{ position: absolute;font-size: 12px; bottom: -30px; left: 50%;margin-left: -6px; display: none;} .energy_i_nav .nav a:hover i{ display: block;} .energy_i_nav .nav .active i{ display: block;} .energy_titlebox{ width: 100%;text-indent: 10px; padding-top: 30px; padding-bottom: 10px;height: 20px;font-size: 16px ; color: #41423E; border-bottom: 1px #231815 solid; position: relative;} .energy_titlebox .link{position: absolute;top: 30px; right: 10px;font-size: 11px;color: #727171;} .energy_titlebox .link:hover{color: #222;} .energy_article_list{width: 248px;} .energy_article_list .line{width:104px; float: left;padding: 20px 10px 0 10px;} .energy_article_list .line .pic{width:104px;height:65px;font-size: 0;} .energy_article_list .line .pic img{width:104px;height:65px;} .energy_article_list .line .txt{width:104px;height: 20px;overflow: hidden; padding-top: 2px;} .energy_article_bbs{width: 248px;} .energy_article_bbs .line{width:223px; padding: 10px 10px 10px 15px; border-bottom: 1px #231815 dashed; background: url(../i/news_ico_19.png) no-repeat 0 16px;} .energy_article_bbs .line .title{width:223px; height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .energy_article_bbs .line .txt{width:223px; height: 30px;overflow: hidden; line-height: 15px; font-size: 10px; color: #666; padding-top: 2px;} .energy_article_bbs .line .box{width:223px; height:15px; line-height: 15px; font-size: 10px; color: #999; padding-top: 5px;} .energy_article_bbs .line .box .date{width:105px; float: left;overflow: hidden;} .energy_article_bbs .line .box .name{width:118px; float: right;overflow: hidden; text-align: right;} .bbs_article_hot{width: 264px;} .bbs_article_hot .line{width:239px; padding: 10px 10px 10px 15px; border-bottom: 1px #231815 dashed; background: url(../i/news_ico_19.png) no-repeat 0 16px;} .bbs_article_hot .line .title{width:239px; height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_article_hot .line .txt{width:239px;max-height: 30px;overflow: hidden; line-height: 15px; font-size: 10px; color: #666; padding-top: 2px;} .bbs_article_hot .line .box{width:239px; height:15px; line-height: 15px; font-size: 10px; color: #999; padding-top: 5px;} .bbs_article_hot .line .box .date{width:110px; float: left;overflow: hidden;} .bbs_article_hot .line .box .name{width:129px; float: right;overflow: hidden; text-align: right;} .bbs_group_hot{width: 264px;} .bbs_group_hot .line{width:70px; padding: 13px 9px 10px 9px; float: left;} .bbs_group_hot .pic{width:70px;height: 70px;font-size: 0; border-radius: 50%; overflow: hidden;} .bbs_group_hot .pic img{width:70px;height: 70px;} .bbs_group_hot .name{width:70px;height:16px; line-height: 16px; padding-top: 5px; overflow: hidden;text-align: center;} .bbs_group_hot .num{width:70px;height:16px; line-height: 16px; color: #595757; font-size: 9px; text-align: center;overflow: hidden;} .bbs_group_hot .text{width:70px;height:24px; line-height: 12px; color: #595757; font-size:10px; text-align: center;overflow: hidden;} .energy_article_ad{width:100%; font-size: 0;} .energy_article_ad img{width:100%;} .energy_article_writer{width: 100%;} .energy_article_writer li{width: 100%;padding: 12px 0; color: #4db6c9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px #e1e1e1 solid;} .energy_article_writer li a{ padding-left: 8px; font-size: 14px;} .am_article_list{width: 100%;} .am_article_list li{width: 100%; padding: 15px 0;border-bottom: 1px #e1e1e1 solid; } .am_article_list li .title{ width:100%;overflow: hidden; height: 20px;font-size: 16px;} .am_article_list li .txt{ width:100%;overflow: hidden; height: 40px; padding-top: 5px;} .am_article_list li .data{ width:100%;overflow: hidden; height: 20px; padding-top: 5px; color: #999999;} .energy_study_list{width: 100%;} .energy_study_list .list{width: 100%; padding-top:30px;} .energy_study_list .list li{ width: 244px;float: left;margin: 0 20px 30px 20px;} .energy_study_list .list li .pic{ width: 100%;height: 153px;font-size: 0;} .energy_study_list .list li .pic img{ width: 100%;height: 153px;} .energy_study_list .list li .txt{ width: 100%;height:35px; line-height: 35px;font-size: 14px; overflow: hidden;} .energy_study_list .list li .ico{ width: 100%;height:30px; line-height: 30px;} .energy_study_list .list li .ico i{ width: 30px;font-size: 20px;color: #fff; float: left;margin-right: 15px; text-align: center; vertical-align: middle; border-radius: 50%;} .energy_study_list .list li .ico .game{background: #4db6c9;} .energy_study_list .list li .ico .video{background: #65bbb1;} .energy_study_list .list li .ico .text{background: #79c48d;} .bbs_nav{width: 100%;height:210px; line-height: 40px;background:#0e1e0d url(../i/bbs_banner_bg.png); position: relative;} .bbs_nav .case{width: 100%;height:40px; background:url(../i/news_ico_8.png) repeat; position: absolute;left: 0;bottom: 0;} .bbs_nav .case .logo{ font-size: 24px;float: left; color: #fff;} .bbs_nav .case .nav{ float: left;margin-left: 50px;} .bbs_nav .case .nav a{ float: left; font-size: 18px;color: #fff;height: 40px;} .bbs_nav .case .nav a span{ height: 40px; display: block;padding: 0 30px;} .bbs_nav .case .nav a:hover .kepu{ background: #80385E;} .bbs_nav .case .nav a:hover .renwen{ background: #D95A42;} .bbs_nav .case .nav a:hover .shenghuo{ background: #227FAB;} .bbs_nav .case .nav a:hover .yule{ background: #E8382F;} .bbs_nav .case .nav a:hover .wenda{ background: #428D65;} .bbs_nav .case .nav a:hover .qita{ background: #176043;} .bbs_nav .case .nav a:hover .quanzi{ background: #f39801;} .bbs_nav .case .nav a:hover .luntan{ background: #3eb370;} .bbs_nav .case .nav .active .kepu{ background: #80385E;} .bbs_nav .case .nav .active .renwen{ background: #D95A42;} .bbs_nav .case .nav .active .shenghuo{ background: #227FAB;} .bbs_nav .case .nav .active .yule{ background: #E8382F;} .bbs_nav .case .nav .active .wenda{ background: #428D65;} .bbs_nav .case .nav .active .qita{ background: #176043;} .bbs_nav .case .nav .active .quanzi{ background: #f39801;} .bbs_nav .case .nav .active .luntan{ background: #3eb370;} .bbs_nav .case .search{ width:218px;height: 23px; margin-top: 8px;float: right; background: url(../i/bbs_search_bg.png);} .bbs_nav .case .search .text{ width: 92px;height: 21px;background:transparent;border: 0;outline: none;padding: 1px 93px 1px 10px;float: left; color: #222; font-size: 9px; line-height: 21px;} .bbs_nav .case .search .file{ width: 33px;height: 23px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .bbs_i_box{ width: 1072px;margin: auto; margin-top: 40px;} .bbs_i_box_left{ width: 732px;float: left;} .bbs_i_box_right{ width: 264px;float: right;} .bbs_sub_box{ width: 1200px;margin: auto; margin-top: 30px;} .bbs_sub_box_left{ width: 852px;float: left;} .bbs_sub_box_right{ width: 264px;float: right;} .bbs_i_list{width: 732px;} .bbs_i_list .single{width: 366px; float: left;} .bbs_i_list .line{width: 350px;margin: 0 8px 15px 8px; background: #fff;box-shadow:0 0 35px rgba(0, 0, 0, .10);} .bbs_i_list .line .science{ background: #6b374e url(../i/bbs_title_1.jpg);} .bbs_i_list .line .cultural{ background: #d85a43 url(../i/bbs_title_2.jpg);} .bbs_i_list .line .life{ background: #247fab url(../i/bbs_title_3.jpg);} .bbs_i_list .line .recreation{ background: #ea332f url(../i/bbs_title_4.jpg);} .bbs_i_list .line .synthesize{ background: #1e5e43 url(../i/bbs_title_5.jpg);} .bbs_i_list .line .answers{ background: #418b66 url(../i/bbs_title_6.jpg);} .bbs_i_list .line .title{width: 312px;height: 31px; line-height: 31px;font-size: 16px; padding-left: 38px; } .bbs_i_list .line .title a{color: #fff;} .bbs_i_list .line .title a:hover{color: #fff000;} .bbs_i_list .line .box{width: 310px; padding: 20px;overflow: hidden;} .bbs_i_list .line .box .pic{width: 310px;height: 194px;position: relative; font-size: 0; color: #fff;} .bbs_i_list .line .box .pic img{width: 310px;height: 194px;} .bbs_i_list .line .box .pic .bg{width: 310px;height: 36px; display: block; background: #000; position: absolute;bottom: 0;left: 0;filter:Alpha(Opacity=60);opacity:.6;} .bbs_i_list .line .box .pic .txt{width: 290px;height: 36px; display: block; line-height: 36px;font-size: 14px; position: absolute;bottom: 0;left: 0; padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .bbs_i_list .line .box .list{width: 310px;} .bbs_i_list .line .box .list li{width: 310px;height: 28px;line-height: 28px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_i_list .line .box .list li a{ padding-left:8px;font-size: 14px;} .bbs_i_list .line .box .more{width: 310px; padding-top:8px;height: 28px;line-height: 28px;font-size: 14px; text-align: center;} .bbs_sub_nav{ width: 100%;height:40px; line-height: 40px; font-size: 15px; border-bottom: 1px #231815 solid; position: relative;text-indent: 10px;} .bbs_titlebox{ width: 100%;height:40px; line-height: 40px; font-size: 24px; border-bottom: 1px #007254 solid; position: relative; color: #509A75; text-indent: 10px;} .bbs_titlebox a{position: absolute;right: 10px;top: 0; font-size: 12px;} .bbs_sub_list{width: 852px;float: left;} .bbs_sub_list .navlist{width: 852px;height: 30px;line-height: 30px;border-bottom:1px #d5ccc7 solid;} .bbs_sub_list .navlist a{ float: left;padding: 0 15px; color: #999; font-size: 14px; margin-right: 10px;} .bbs_sub_list .navlist a:hover{background: #f2f2f2;} .bbs_sub_list .navlist .active{color: #fff;background: #4e9a76;} .bbs_sub_list .navlist .active:hover{color: #fff;background: #4e9a76;} .bbs_sub_list .list{width: 852px;} .bbs_sub_list .list li{width: 852px; height: 60px; padding: 15px 0;border-bottom: 1px #d5ccc7 solid;} .bbs_sub_list .list li .portrait{width: 40px; height: 40px; float: left;font-size: 0; padding-top: 10px;} .bbs_sub_list .list li .portrait img{width: 40px; height: 40px; border-radius: 20px;} .bbs_sub_list .list li .box {width: 792px; height: 60px; float: right;} .bbs_sub_list .list li .box .title{width: 742px; height: 30px;line-height: 30px; font-size: 16px; position: relative; overflow: hidden; padding-right: 50px;} .bbs_sub_list .list li .box .title i{height: 30px;font-size: 28px; position: absolute; right: 0;top: 0px;} .bbs_sub_list .list li .box .peak a{ color: #EA525E; font-weight: bold;} .bbs_sub_list .list li .box .peak a:hover{ color: #912029; font-weight: bold;} .bbs_sub_list .list li .box .peak i{ color: #EA525E;} .bbs_sub_list .list li .box .quintessence a{ color: #4e9a76; font-weight: bold;} .bbs_sub_list .list li .box .quintessence a:hover{ color: #238293; font-weight: bold;} .bbs_sub_list .list li .box .quintessence i{ color: #4e9a76;} .bbs_sub_list .list li .box .text{width: 792px; height: 30px;line-height: 30px; font-size: 14px; overflow: hidden;} .bbs_sub_list .list li .box .text i{ padding-right: 5px; color: #b2b2b2;} .bbs_title{width:100%;height: 50px;line-height: 50px;font-size: 14px; border-bottom: 1px #4e9a76 solid; overflow: hidden;} .bbs_more{ width: 100%; height: 40px;line-height: 40px;font-size: 14px;text-align: center;background: #F2F2F2;margin-top: 30px;} .energy_nav{width: 100%;height: 40px; line-height: 40px;background:#198497; box-shadow:0 0 20px rgba(0, 0, 0, .35);} .energy_nav .logo{height:40px;margin: auto; float: left; font-size: 20px; font-weight: bold;} .energy_nav .logo a{color: #fff;} .energy_nav .logo a:hover{color: #fff000;} .energy_nav .nav{height:40px;margin: auto; float: left; margin-left: 30px;} .energy_nav .nav a{ padding: 0 20px; height:40px;font-size: 13px;color: #fff; float: left; text-align: center;} .energy_nav .nav a:hover{ background: #389eb1;} .energy_nav .active{ background: #389eb1;} /* 论坛新能源背景颜色 */ .bg_bbs_safety{background: #87c250;} .energy_i_focus{width: 1200px; height: 330px;font-size: 0; margin: auto;} .comment_box{ width: 100%; padding-top: 45px;} .comment_box .comment-form{ width: 100%; } .comment_box .comment-form h5{ width: 100%; height: 24px;line-height: 24px; font-size: 13px; color: #666; } .comment_box .comment-form h5 strong{ font-size: 20px;color: #333;float: left;} .comment_box .comment-form h5 span{ float: right;} .comment_box .comment-form h5 font{font-size: 24px;margin: 0 0 0 15px;font-family: Arial;font-style: italic;color: #e31436;} .comment_box .comment-form .posn{ display: none;} .comment_box .comment-form .texta{margin-top: 15px;height: 107px; padding: 10px; border: solid 1px #d3d3d3;border-radius: 4px;} .comment_box .comment-form .texta textarea{width:100%;height: 107px;color: #333;font-size: 13px;overflow-x: hidden;overflow-y: auto;resize: none;outline: 0;-webkit-appearance: none; border: 0;} .comment_box .comment-form .single{ width: 100%;height:40px; margin-top: 10px;} .comment_box .comment-form .btn{ float: right; height:40px; line-height: 40px;} .comment_box .comment-form .btn input{height:40px; padding: 0 20px;font-size: 13px;color: #fff;border: 0;background: #e31436; cursor: pointer; } .comment_box .comment-form .login{ float: left; height:40px; line-height: 40px; font-size: 13px;} .comment_box .comment-form .login a{color: #e31436;} .comment_box .comment_button{ width: 100%;border-bottom: solid 1px #d3d3d3;zoom: 1; margin-top: 27px; height: 33px;} .comment_box .comment_button a{ display: inline-block;text-align: center;cursor: pointer;height: 32px;line-height: 33px; padding: 0 25px;font-size: 14px;color: #666;} .comment_box .comment_button .on{font-weight: bold; border-top-left-radius: 4px;border-top-right-radius: 4px;border: solid 1px #d3d3d3;border-bottom: 0;position: relative;top: 1px;z-index: 9; background-color: #fff;color: #e31436;} .comment_box .comment .single-tie{position: relative;padding: 20px 8px 10px 10px;border-bottom: solid 1px #d3d3d3;} .comment_box .comment .single-tie .photo{width: 42px;height: 42px;border-radius: 50%;z-index: 1; overflow: hidden; position: absolute;top: 20px;left: 10px;} .comment_box .comment .single-tie .photo img{width: 42px;height: 42px;} .comment_box .comment .single-tie .tie-bdy{ padding-left: 54px;} .comment_box .comment .single-tie .tie-bdy .tie-author{ width: 100%; height: 20px; position: relative;} .comment_box .comment .single-tie .tie-bdy .tie-author .tie-time{ width: 124px;text-align: right;color: #c9c9c9;position: absolute;right: 0;top: 0;} .comment_box .comment .single-tie .tie-bdy .tie-author .tie-time{ width: 124px;text-align: right;color: #c9c9c9;position: absolute;right: 0;top: 0;} .comment_box .comment .single-tie .tie-bdy .tie-author .tie-box{ padding-right: 140px;height: 20px;overflow: hidden;} .comment_box .comment .single-tie .tie-bdy .tie-author .tie-box .name{ float: left; padding-right: 10px;color: #3f96ec;} .comment_box .comment .single-tie .tie-bdy .tie-author .tie-box .name-desp{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #999;} .comment_box .comment .single-tie .tie-bdy .tie-cnt{font-size: 13px;word-wrap: break-word;line-height: 20px;padding: 9px 0 28px 0;color: #222;} .comment_box .comment .single-tie .tie-bdy .tool-bar{ width:100%; height: 20px; padding-bottom: 10px; text-align: right; color:#999;} .comment_box .comment .single-tie .tie-bdy .tool-bar a{color: #999;} .comment_box .comment .single-tie .tie-bdy .tool-bar a:hover{color: #e31436;} .comment_box .comment-more{ width: 100%;height: 30px;background: #F2F2F2;line-height: 30px;font-size: 13px;text-align: center;margin-top: 20px;} .comment_box .comment-more a{ color: #999;} .comment_box .comment-more a i{ font-size: 12px; padding-right: 5px;} .comment_box .comment-more a:hover{ color: #000;} .comment_box .comment-none{ width: 100%;height:120px;background: #F2F2F2;line-height: 120px;font-size: 16px;text-align: center;margin-top: 20px; color: #a2a2a2;} /*活动点赞分享*/ .activity_praise{ width: 100%;padding-top: 50px;} .activity_praise a{ display: block; width: 110px;margin: auto;} .activity_praise a i{ display: block; width: 41px;height: 41px;font-size: 0; margin: auto; background: url(../i/praise_1.png);} .activity_praise a span{ display: block; width: 100%;height:20px;font-size:18px; text-align: center; color: #E8373D;padding-top: 6px;} .activity_share{ width: 100%; margin-top: 46px;padding-top: 10px;border-top: 1px #231815 solid; line-height:36px; color: #595757;font-size: 14px;} .activity_share .txt{ float: left;} #activity_share .bds_tsina{ background-position: 0; background-image: url(../i/fx_1.png);} #activity_share .bds_douban{ background-position: 0; background-image: url(../i/fx_2.png);} #activity_share .bds_qzone{ background-position: 0; background-image: url(../i/fx_3.png);} #activity_share .bds_tqq{ background-position: 0; background-image: url(../i/fx_4.png);} #activity_share .bds_weixin{ background-position: 0; background-image: url(../i/fx_5.png);} .active_color_red .comment_box .comment-form h5 font{color: #e31436;} .active_color_red .comment_box .comment-form .btn input{background: #e31436; } .active_color_red .comment_box .comment-form .login a{color: #e31436;} .active_color_red .comment_box .comment_button .on{color: #e31436;} .active_color_red .comment_box .comment .single-tie .tie-bdy .tool-bar a:hover{color: #e31436;} .active_color_blue .activity_nav{background:#51b6ca;} .active_color_blue .activity_nav .logo a:hover{color: #fff000;} .active_color_blue .activity_nav .nav a:hover{ background: #71c7d1;} .active_color_blue .activity_nav .active{ background: #71c7d1;} .active_color_blue .activity_sub_title{border-bottom: 1px #51b6ca solid;color: #51b6ca;} .active_color_blue .activity_sub_title .active{color: #51b6ca;} .active_color_blue .activity_details .box .title{color: #51b6ca;} .active_color_blue .activity_details .link .underway{border: 1px #51b6ca solid;background: #51b6ca;} .active_color_blue .activity_details .link .underway:hover{border: 1px #71c7d1 solid;background: #71c7d1;} .active_color_blue .activity_details .link .finish{border: 1px #51b6ca solid;color: #51b6ca;} .active_color_blue .activity_praise a i{ background: url(../i/praise_2.png);} .active_color_blue .activity_praise a span{color: #51b6ca;} .active_color_blue .comment_box .comment-form h5 font{color: #51b6ca;} .active_color_blue .comment_box .comment-form .btn input{background: #51b6ca; } .active_color_blue .comment_box .comment-form .login a{color: #51b6ca;} .active_color_blue .comment_box .comment_button .on{color: #51b6ca;} .active_color_blue .comment_box .comment .single-tie .tie-bdy .tool-bar a:hover{color: #51b6ca;} .active_color_blue .activity_login .line .reg{background: #51b6ca;} .active_color_blue .activity_login .line .login{background: #71c7d1;} .active_color_green .activity_nav{background:#509a75;} .active_color_green .activity_nav .logo a:hover{color: #fff000;} .active_color_green .activity_nav .nav a:hover{ background: #60b967;} .active_color_green .activity_nav .active{ background: #60b967;} .active_color_green .activity_sub_title{border-bottom: 1px #509a75 solid;color: #509a75;} .active_color_green .activity_sub_title .active{color: #509a75;} .active_color_green .activity_details .box .title{color: #509a75;} .active_color_green .activity_details .link .underway{border: 1px #509a75 solid;background: #509a75;} .active_color_green .activity_details .link .underway:hover{border: 1px #60b967 solid;background: #60b967;} .active_color_green .activity_details .link .finish{border: 1px #509a75 solid;color: #509a75;} .active_color_green .activity_praise a i{ background: url(../i/praise_3.png);} .active_color_green .activity_praise a span{color: #509a75;} .active_color_green .comment_box .comment-form h5 font{color: #509a75;} .active_color_green .comment_box .comment-form .btn input{background: #509a75; } .active_color_green .comment_box .comment-form .login a{color: #509a75;} .active_color_green .comment_box .comment_button .on{color: #509a75;} .active_color_green .comment_box .comment .single-tie .tie-bdy .tool-bar a:hover{color: #509a75;} .active_color_green .activity_login .line .reg{background: #509a75;} .active_color_green .activity_login .line .login{background: #60b967;} .active_color_violet .activity_nav{background:#645272;} .active_color_violet .activity_nav .logo a:hover{color: #fff000;} .active_color_violet .activity_nav .nav a:hover{ background: #837293;} .active_color_violet .activity_nav .active{ background: #837293;} .active_color_violet .activity_sub_title{border-bottom: 1px #645272 solid;color: #645272;} .active_color_violet .activity_sub_title .active{color: #645272;} .active_color_violet .activity_details .box .title{color: #645272;} .active_color_violet .activity_details .link .underway{border: 1px #645272 solid;background: #645272;} .active_color_violet .activity_details .link .underway:hover{border: 1px #837293 solid;background: #837293;} .active_color_violet .activity_details .link .finish{border: 1px #645272 solid;color: #645272;} .active_color_violet .activity_praise a i{ background: url(../i/praise_3.png);} .active_color_violet .activity_praise a span{color: #645272;} .active_color_violet .comment_box .comment-form h5 font{color: #645272;} .active_color_violet .comment_box .comment-form .btn input{background: #645272; } .active_color_violet .comment_box .comment-form .login a{color: #645272;} .active_color_violet .comment_box .comment_button .on{color: #645272;} .active_color_violet .comment_box .comment .single-tie .tie-bdy .tool-bar a:hover{color: #645272;} .active_color_violet .activity_login .line .reg{background: #645272;} .active_color_violet .activity_login .line .login{background: #837293;} /* 树状结构 */ .st_tree{ width: 260px;float: left; padding-left: 5px; padding-top: 20px;} .st_tree ul{ padding:0 0 0 18px; margin:0; } .st_tree .first{padding: 0;} .st_tree .first li{height: 40px; line-height:40px;cursor: pointer;padding:0 0 0px 25px;} .st_tree .first li a{height: 40px; width:100%; display: block; height: 40px; color: #333; font-size: 18px; cursor: pointer;;} .st_tree .first li a:hover{ color: #00A4BD; } .st_tree .first .folder{ background: url(../i/news_ico_9.gif) no-repeat left 12px;padding:0 0 0 25px; } .st_tree .first .open{ background: url(../i/news_ico_10.gif) no-repeat left 12px;padding:0 0 0 25px;} .st_tree .second{ padding:0 0 0 20px;} .st_tree .second li{height: 32px; line-height:32px; border-left: 0;padding:0 0 0px 26px; cursor: inherit;} .st_tree .second li a{width:100%; display: block;height: 32px; font-size: 14px; cursor: pointer;;} .st_tree .second .folder{ background:#fff; padding:0 0 0 25px; font-weight: normal; } .st_tree .second .open{background:#fff url(../i/news_ico_18.png) no-repeat 10px 13px; padding:0 0 0 25px; font-weight: bold;} .st_tree .second .open a{ color: #00A4BD;} .st_tree .third{ padding:0 0 0 20px;} .st_tree .third li{height: 26px; line-height:26px;padding:0 0 0px 20px;} .st_tree .third li a{ display: inline; font-size: 12px;} .st_tree .third li a:hover{ color: #00A4BD; } .energy_i_bbs_left{width: 800px; float: left;padding: 20px 0 0 50px;} .energy_i_bbs_right{width: 155px; float: right;padding: 20px 50px 0 0px;} .bbs_list_box{width:100%;} .bbs_list_box .line{padding: 17px 10px 17px 0; border-bottom: 1px #231815 dashed; position: relative;} .bbs_list_box .line .num{ width: 30px; position: absolute;left: 0; top: 50%;margin-top: -20px;} .bbs_list_box .line .num .comment{ width: 30px; height: 20px; font-size: 14px; text-align: right;overflow: hidden; color: #41423E;border-bottom: 1px #231815 solid;} .bbs_list_box .line .num .reading{ width: 30px; height: 20px; font-size: 11px; text-align: right;overflow: hidden; color: #74645F;} .bbs_list_box .line .case{padding-left: 45px; position: relative;} .bbs_list_box .line .name{ width: 150px;height: 40px; position: absolute;right: 0; top: 50%;margin-top: -20px;} .bbs_list_box .line .name .pic{ width: 40px;height: 40px; float: left; font-size: 0;} .bbs_list_box .line .name .pic img{ width: 40px;height: 40px;} .bbs_list_box .line .name .boxes{ width: 100px; float: right;} .bbs_list_box .line .name .boxes .txt{ width: 100px; height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_list_box .line .name .boxes .data{ width: 100px; height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 11px; color: #74645F;} .bbs_list_box .line .name .boxes .tag{display: none;} .bbs_list_box .line .box{ padding-right:170px;} .bbs_list_box .line .box .title{ width: 100%; height: 20px; font-size: 14px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_list_box .line .box .txt{ width: 100%; max-height: 20px; font-size: 11px; color: #74645F; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_list_box .line .box .text{display: none;} .bbs_list_box .bbs_pic_box{width:65%;height:60px; overflow: hidden; margin-top: 6px;} .bbs_list_box .bbs_pic_box .list{height:60px; position:relative;} .bbs_list_box .bbs_pic_box .list .pages{ display:none;} .bbs_list_box .bbs_pic_box .list .sly{height:60px;} .bbs_list_box .bbs_pic_box .list .sly ul{height:100%;} .bbs_list_box .bbs_pic_box .list .sly ul li{float:left;height:60px;margin:0 5px 0 0;} .bbs_list_box .bbs_pic_box .list .sly ul li img{height:60px; width:auto;} .bbs_list_box .bbs_pic_box .list .controls .prevPage{ position:absolute;width:16px;height:60px; left:0px;top:0px; border:0;background:rgba(0,0,0,0.3) url('../i/icon_jt2_l.png') no-repeat 3px 20px;background:#D4CCC6 url('../i/icon_jt2_l.png') no-repeat 3px 20px\9;background:rgba(0,0,0,0.3) url('../i/icon_jt2_l.png') no-repeat 3px 20px\9\0; cursor:pointer; display:none;} .bbs_list_box .bbs_pic_box .list .controls .nextPage{ position:absolute;width:16px;height:60px; right:0px;top:0px; border:0;background:rgba(0,0,0,0.3) url('../i/icon_jt2_r.png') no-repeat 3px 20px;background:#D4CCC6 url('../i/icon_jt2_r.png') no-repeat 3px 20px\9;background:rgba(0,0,0,0.3) url('../i/icon_jt2_r.png') no-repeat 3px 20px\9\0; cursor:pointer; display:none;} .bbs_list_box .bbs_pic_box .list .controls .btn-disabled{ display:block;} .bbs_list_box .line .box .tag{width: 100%; font-size: 11px;} .bbs_list_box .line .box .tag:after { display: block ;content: "";clear: both ;} .bbs_list_box .line .box .tag .type{float: left; padding-top: 5px;} .bbs_list_box .line .box .tag .li{overflow: hidden;} .bbs_list_box .line .box .tag .li a{display: block;float: left;margin: 5px 5px 0 0; padding: 0 5px; border: 1px #ccc solid;} .bbs_list_box .roof .num{ width: 30px; float: left; margin: 0;position: relative;} .bbs_list_box .roof .case{padding-left: 45px;} .bbs_list_box .roof .name{ width: 60px;height: 82px; float: right; position: relative;margin-top: 0px;} .bbs_list_box .roof .name .pic{ width: 60px;height: 60px;font-size: 0;} .bbs_list_box .roof .name .pic img{ width: 60px;height: 60px;} .bbs_list_box .roof .name .boxes{ width: 60px; padding-top: 2px;} .bbs_list_box .roof .name .boxes .txt{ width: 60px; height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: left; font-size: 11px;} .bbs_list_box .roof .name .boxes .data{display: none;} .bbs_list_box .roof .name .boxes .tag{display: none;} .bbs_list_box .roof .box{ padding-right:90px; position: relative;} .bbs_list_box .roof .box .title a{color: #E0252F;} .bbs_list_box .roof .box .title a:hover{color: #41423E;} .bbs_list_box .roof .box .txt{ width: 100%; font-size: 11px; padding-top: 3px; min-height: 18px;max-height: 36px; line-height: 18px; white-space:pre-line;text-overflow:clip;} .bbs_list_box .roof .box .text{ display: block; width: 100%; font-size: 10px; padding-top: 195px; height: 20px; overflow: hidden; color: #74645F;} .bbs_list_box .roof .box .text a{ color: #41423E;} .bbs_list_box .roof .box .text a:hover{ color: #E0252F;} .bbs_list_box .roof .bbs_pic_box{width: 100%;height:180px;overflow: hidden; position: absolute;bottom:25px ; left: 0; margin-top: 0px;} .bbs_list_box .roof .bbs_pic_box .list{height:180px; position:relative;} .bbs_list_box .roof .bbs_pic_box .list .pages{ display:none;} .bbs_list_box .roof .bbs_pic_box .list .sly{height:180px;} .bbs_list_box .roof .bbs_pic_box .list .sly ul{height:100%;} .bbs_list_box .roof .bbs_pic_box .list .sly ul li{float:left;height:180px;margin:0 5px 0 0;} .bbs_list_box .roof .bbs_pic_box .list .sly ul li img{height:180px; width:auto;} .bbs_list_box .roof .bbs_pic_box .list .controls .prevPage{ position:absolute;width:30px;height:180px; left:0px;top:0px; border:0;background:rgba(0,0,0,0.3) url('../i/icon_jt_l.png') no-repeat 4px 73px;background:#D4CCC6 url('../i/icon_jt_l.png') no-repeat 4px 73px\9;background:rgba(0,0,0,0.3) url('../i/icon_jt_l.png') no-repeat 4px 73px\9\0; cursor:pointer; display:none;} .bbs_list_box .roof .bbs_pic_box .list .controls .nextPage{ position:absolute;width:30px;height:180px; right:0px;top:0px; border:0;background:rgba(0,0,0,0.3) url('../i/icon_jt_r.png') no-repeat 4px 73px;background:#D4CCC6 url('../i/icon_jt_r.png') no-repeat 5px 73px\9;background:rgba(0,0,0,0.3) url('../i/icon_jt_r.png') no-repeat 4px 73px\9\0; cursor:pointer; display:none;} .bbs_list_box .roof .bbs_pic_box .list .controls .btn-disabled{ display:block;} .energy_i_ranking{width:155px; padding-top: 10px; padding-bottom: 25px;border-bottom: 1px #787467 solid;} .energy_i_ranking .title{ width: 155px; height: 30px; line-height: 30px; font-size: 16px; text-align: center;color: #41423E;} .energy_i_ranking .line{ width: 155px; height: 30px; line-height: 30px; padding-top: 10px;} .energy_i_ranking .line .num{ width:18px; height: 30px; font-size: 14px;font-family: arial; font-weight: bold; float: left;} .energy_i_ranking .line .tx{ width:30px; height: 30px; font-size: 0px; overflow: hidden;border-radius: 50%; float: left;} .energy_i_ranking .line .tx img{ width:30px; height: 30px; } .energy_i_ranking .line .name{ width:97px; height: 30px; float: left; padding-left: 10px;overflow: hidden;} .energy_i_ranking .single{ width: 155px; line-height: 30px;} .energy_i_ranking .single .num{ width:155px; height: 30px; font-size: 14px;font-family: arial; font-weight: bold;text-align: center; color: #E9473F;} .energy_i_ranking .single .tx{ width:70px; height: 70px; font-size: 0px; overflow: hidden;border-radius:35px; margin: auto;} .energy_i_ranking .single .tx img{ width:70px; height: 70px; } .energy_i_ranking .single .name{ width:155px; height: 30px; font-size: 12px;text-align: center;overflow: hidden;} .energy_i_hot{width:100px; padding-top: 17px; padding-right: 55px;} .energy_i_hot .title{ width: 100px; height: 30px; line-height: 30px; font-size: 16px; text-align: center;color: #41423E;} .energy_i_hot .line{ width: 100px; padding-top: 8px; line-height: 12px;font-size: 10px; position: relative;} .energy_i_hot .line .ico{ width: 6px;height: 6px; position: absolute;top: 50%;margin-top: -3px;left: 0; } .energy_i_hot .line .txt{ padding-left: 15px; width:85px;max-height: 24px; overflow: hidden;} .energy_i_ad{width:155px; margin-top: 30px; font-size: 0;} .energy_i_ad img{width:155px;} .body_bbs_i{background: #EFEFEF;} .bbs_group_ad{width: 852px;height: 420px;line-height: 0;} .bbs_group_ad img{width: 852px;height: 420px;} .bbs_group_choiceness{width: 852px;margin-top: 65px;} .bbs_group_choiceness .title{width:100%;height: 23px;line-height: 23px;padding-bottom: 10px;border-bottom: 1px #eb827f solid;} .bbs_group_choiceness .title .text{float: left;font-size: 16px;color: #e93349;} .bbs_group_choiceness .title .text img{float: left;margin-top: 5px;margin-right: 5px;} .bbs_group_choiceness .title .text span{float: left;} .bbs_group_choiceness .title .search{width:222px;height: 23px;background: url(../i/bbs_search.png);float: right;} .bbs_group_choiceness .title .search .text{width:179px;height: 19px;float: left;line-height: 19px;padding: 2px 10px;border:0;outline: none;background: transparent;} .bbs_group_choiceness .title .search .bo{width:23px;height: 23px;float: left;display: block;background: transparent;border: 0;outline: none;} .bbs_group_choiceness .box{width:852px;} .bbs_group_choiceness .box .line{width:249px;float: left;margin: 35px 35px 0 0;} .bbs_group_choiceness .box .line .pic{width:125px;height: 125px;float: left;line-height: 0;padding-right: 10px;} .bbs_group_choiceness .box .line .pic img{width:125px;height: 125px;border-radius: 30px;} .bbs_group_choiceness .box .line .case{overflow: hidden;padding-top: 24px;} .bbs_group_choiceness .box .line .case .name{width:100%; height: 24px;line-height: 24px;font-size: 16px; overflow: hidden;} .bbs_group_choiceness .box .line .case .num{width:100%; height: 20px;font-size: 11px; overflow: hidden;} .bbs_group_choiceness .box .line .case .txt{width:100%; height: 32px; line-height: 16px; font-size: 12px; overflow: hidden;color: #666;} .bbs_group_topic{width: 852px;margin-top: 65px;} .bbs_group_topic .title{width:100%;height: 23px;line-height: 23px;padding-bottom: 10px;} .bbs_group_topic .title .text{float: left;font-size: 16px;color: #e93349;} .bbs_group_topic .title .text img{float: left;margin-top: 5px;margin-right: 5px;} .bbs_group_topic .title .text span{float: left;} .bbs_group_topic .title .new{float: left;height: 20px;padding: 0 20px; line-height: 20px; border-radius: 10px; background: #a6d4ad;color: #fff;margin-top: 2px; margin-left: 20px;} .bbs_group_topic .title .new:hover{background: #e95440;} .bbs_group_topic .title .search{width:222px;height: 23px;background: url(../i/bbs_search.png);float: right;} .bbs_group_topic .title .search .text{width:179px;height: 19px;float: left;line-height: 19px;padding: 2px 10px;border:0;outline: none;background: transparent;} .bbs_group_topic .title .search .bo{width:23px;height: 23px;float: left;display: block;background: transparent;border: 0;outline: none;} .bbs_group_topic .head{width:822px;height: 32px;line-height: 32px;border-radius: 10px;background: #f5b2a2;font-size: 14px;color: #fff;padding: 0 10px 0 20px;} .bbs_group_topic .head .hot{width:70px;float: left;padding-right: 10px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_topic .head .topic{width:402px;float: left;padding-right: 10px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_topic .head .group{width:180px;float: left;padding-right: 10px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_topic .head .reply{width:130px;float: left;padding-right: 10px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_topic .case{width:100%;} .bbs_group_topic .case .line{width:822px;height: 95px;line-height: 95px;padding: 0 10px 0 20px;border-bottom: 1px #939393 dashed;} .bbs_group_topic .case .line .hot{width:70px;float: left;padding-right: 10px; color: #ec5027; height: 95px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_topic .case .line .topic{width:402px;float: left;padding-right: 10px;height: 95px; font-size: 14px;color: #000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_topic .case .line .group{width:180px;float: left;padding-right: 10px;height: 95px; font-size: 14px;color: #000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_topic .case .line .reply{width:130px;float: left;padding-right: 10px;height: 95px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .bbs_group_hotgroup{width: 264px;} .bbs_group_hotgroup .title{width:100%;height: 23px;line-height: 23px;padding-bottom: 10px;border-bottom: 1px #eb827f solid;} .bbs_group_hotgroup .title .text{float: left;font-size: 16px;color: #e93349;} .bbs_group_hotgroup .title .text img{float: left;margin-top: 5px;margin-right: 5px;} .bbs_group_hotgroup .title .text span{float: left;} .bbs_group_hotgroup .box{width:264px;} .bbs_group_hotgroup .box .line{width:264px;float: left;margin: 25px 0px 0 0;} .bbs_group_hotgroup .box .line .pic{width:75px;height: 75px;float: left;line-height: 0;padding-right: 10px;} .bbs_group_hotgroup .box .line .pic img{width:75px;height: 75px;border-radius: 50%;} .bbs_group_hotgroup .box .line .case{overflow: hidden; padding-top: 6px;} .bbs_group_hotgroup .box .line .case .name{width:100%; height: 15px;line-height: 15px; overflow: hidden;} .bbs_group_hotgroup .box .line .case .num{width:100%; height: 18px;line-height: 18px;font-size: 11px; overflow: hidden;} .bbs_group_hotgroup .box .line .case .txt{width:100%; height: 30px; line-height: 15px; font-size: 11px; overflow: hidden;color: #666;} .bbs_group_intro{width: 852px;margin-top: 65px;} .bbs_group_intro .title{width:100%;height: 23px;line-height: 23px;padding-bottom: 10px;border-bottom: 1px #eb827f solid;} .bbs_group_intro .title .text{float: left;font-size: 16px;color: #e93349;} .bbs_group_intro .title .text img{float: left;margin-top: 5px;margin-right: 5px;} .bbs_group_intro .title .text span{float: left;} .bbs_group_intro .box{width:808; margin-top: 15px;padding: 0 22px;font-size: 14px;color: #333;} .bbs_group_intro .box p{padding-top: 8px;} .bbs_group_intro .box img{max-width: 100%;} .bbs_group_data{width: 852px;} .bbs_group_data .title{width:100%;height: 23px;line-height: 23px;padding-bottom: 10px;border-bottom: 1px #eb827f solid;} .bbs_group_data .title .text{float: left;font-size: 12px;} .bbs_group_data .title .text span{margin: 0 6px;} .bbs_group_data .box{width:100%; margin-top: 30px;min-height: 205px;} .bbs_group_data .box .pic{width: 205px;height: 205px;float: left;padding-right: 40px;line-height: 0;} .bbs_group_data .box .pic img{width: 205px;height: 205px;border-radius: 50px;} .bbs_group_data .box .case{overflow: hidden;} .bbs_group_data .box .case .name{width: 100%;line-height: 30px;padding: 15px 0 10px 0;font-size: 24px;color: #000;} .bbs_group_data .box .case .num{width: 100%;line-height: 20px;padding: 2px 0 2px 0;font-size: 14px;color: #000;} .bbs_group_data .box .case .line{width: 100%;height: 36px;line-height: 36px;font-size: 14px;color: #000;margin-top: 25px;} .bbs_group_data .box .case .line .share{float: left;} .bbs_group_data .box .case .line .share .txt{ float: left;margin-right: 15px;} .bbs_group_data .box .case .line .jiaru{ float: right;} .bbs_group_data .box .case .line .jiaru .shenqin{display:block;height: 20px;padding: 0 20px; line-height: 20px; border-radius: 10px; background: #a6d4ad;color: #fff;margin-top: 8px;font-size: 12px; } .bbs_group_data .box .case .line .jiaru .shenqin:hover{background: #e95440;} .bbs_group_data .box .case .line .jiaru .yijiaru{display:block;height: 20px;padding: 0 20px; line-height: 20px; border-radius: 10px; background: #d2d2d2;color: #000;margin-top: 8px;font-size: 12px; } .resource_nav{width: 100%; height: 60px; background: #fff; padding: 10px 0;border-bottom: 1px #e2e2e2 solid;} .resource_nav .case{width: 940px; height: 60px;margin: auto;} .resource_nav .logo{} .resource_nav .box{ padding-left:10px;margin-top: 15px;height: 30px;} .resource_nav .box a{float: left;display: block;padding: 0 10px;height: 30px;line-height: 30px;font-size: 18px;color: #222222;margin-left: 40px;} .resource_nav .box a:hover{color: #fff; background: #e73527;} .resource_nav .login{margin-top: 15px;height: 30px;line-height: 30px;font-size: 14px;} .resource_nav .user{ height: 40px;line-height: 40px;font-size: 14px; padding: 10px 10px; position: relative;} .resource_nav .user:hover{background: #e6e6e8;} .resource_nav .user .pic{ width: 40px;height: 40px;font-size: 0;} .resource_nav .user .pic img{ width: 40px;height: 40px; border-radius: 50%;} .mpr_resource{width: 100%; padding: 10px 0 40px;background: #f2f2f2;} .mpr_resource .frame{ width: 938px;border: 1px #d9d9d9 solid;background: #FFFFFF;margin: auto;} .mpr_resource .head{ width: 938px;padding: 25px 0 20px;border-bottom: 1px #d9d9d9 solid;} .mpr_resource .head .title{border-left: 5px #74bbd6 solid;padding: 0 30px;width: 873px;font-size: 24px;color: #000;line-height: 30px;} .mpr_resource .head .title span{width: 87px;float: left;display: block; margin-left: 10px;height: 22px;border-radius: 11px;background: #74bbd6;line-height: 22px;text-align: center;color: #fff;font-size: 12px; margin-top: 4px;} .mpr_resource .head .title span i{width: 18px;height: 22px;display: inline-block;vertical-align: middle;margin-right: 2px;} .mpr_resource .head .title span .voice{ background: url(../i/news_ico_3.png);} .mpr_resource .head .title span .video{ background: url(../i/news_ico_2.png);} .mpr_resource .head .title span .pdf{ background: url(../i/news_ico_1.png);} .mpr_resource .head .title font{float: left;} .mpr_resource .head .txt{padding: 8px 30px 0 35px;width: 873px;} .mpr_resource .head .txt span{padding: 0 10px 0 10px;color: #a2a2a2;} .mpr_resource .box .music{ width: 880px;padding: 30px 0; margin: auto;} .mpr_resource .box .music .pic{line-height: 0;font-size: 0;} .mpr_resource .box .music .case{width: 880px;height: 60px;background: #f5f5f5;position: relative;} .mpr_resource .box .video{ width: 880px;padding: 30px 0; margin: auto;position: relative;} .mpr_resource .box .pdf{ width: 880px;padding: 30px 0; margin: auto;position: relative;} .mpr_link{width: 940px;height: 40px;line-height: 40px; margin: auto;overflow: hidden;} .resource_foot{width: 100%; height: 78px;} .resource_foot .box{ width: 940px;margin: auto; padding:15px 0;} .resource_foot .left{width: 640px;float: left;} .resource_foot .right{width: 300px;float: right;} .resource_foot .txt{width: 100%;height: 24px; line-height: 24px; overflow: hidden;color: #999;} .product_list{ width: 1200px; margin: auto;padding-top: 20px;} .product_list .list{ width:1180px;padding-right: 20px;} .product_list .list li{ float:left; width:194px; border:1px solid #cfcfcf; padding:10px;margin: 25px 0px 0 20px;} .product_list .list li:hover{border:1px solid #dc0000; } .product_list .list li .pic{ width:194px;overflow: hidden ;line-height: 0;} .product_list .list li .pic img{ width:194px;} .product_list .list li .name{ line-height:22px; height: 22px; width:194px;overflow:hidden;padding-top: 10px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;} .product_list .list li .price{ line-height:34px; height: 34px; width:194px;overflow:hidden;padding-top: 5px;} .product_list .list li .price span{font-weight: bold;font-size: 26px;color: #ff5500;padding-right: 5px;} .store_nav{width: 100%;height: 40px; line-height: 40px;background:#ff5500; box-shadow:0 0 20px rgba(0, 0, 0, .35);} .store_nav .logo{height:40px;margin: auto; float: left; font-size: 20px; font-weight: bold;color: #fff;} .user_shortcut{width: 558px;margin-left: 80px; margin-top: 30px; float: left;border: #d9d9d9 solid 1px ;padding-bottom: 30px;} .user_shortcut .top{width: 558px;height: 54px;border-bottom: #d9d9d9 solid 1px;} .user_shortcut .top a{float: left;margin-left: 40px;height: 48px;border-bottom: 6px #fff solid; line-height: 54px;color: #666;} .user_shortcut .top a:hover{color: #de505b;} .user_shortcut .top a span{padding-left: 5px;} .user_shortcut .top a.active{border-bottom: 6px #de505b solid;color: #000;} .user_shortcut .box{} .user_shortcut .collect{padding: 20px 40px 0 40px;} .user_shortcut .collect li{ width: 100%; height: 69px;line-height: 69px;border-bottom: 1px #d9d9d9 dashed;} .user_shortcut .collect li span{ width:110px;height: 69px;float: right;overflow: hidden;text-align: right;} .user_shortcut .collect li p{ width:368px;height: 69px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;} .user_shortcut .share{padding: 20px 40px 0 40px;} .user_shortcut .share li{ width: 100%; height: 69px;line-height: 69px;border-bottom: 1px #d9d9d9 dashed;} .user_shortcut .share li span{ width:110px;height: 69px;float: right;overflow: hidden;text-align: right;} .user_shortcut .share li p{ width:368px;height: 69px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;margin-top: -5px;} .user_shortcut .share li p i{vertical-align: middle;padding-right: 8px; padding-top: 10px;display: inline-block;} .user_shortcut .interest{ padding: 20px 0 0 0;} .user_shortcut .interest .list{width: 558px;float: left; text-align: center;} .user_shortcut .interest .list a{width:62px;float: left;margin-left: 40px;display: block; margin-top: 20px;} .user_shortcut .interest .list a i{ width:50px;height: 50px;line-height: 0;display: block;margin: auto;border-radius: 50%;overflow: hidden;} .user_shortcut .interest .list a i img{ width:50px;height: 50px;} .user_shortcut .interest .list a span{ width:62px;height: 30px;line-height: 30px;display: block;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;} /*选择领域*/ .choose_territory{ width: 460px; overflow: hidden ; position:fixed ; left:50%; top: 130px; margin-left: -230px; z-index: 2000;background: #fff; display: none ;} .choose_territory .title{ width: 100%;height:40px;line-height: 40px;text-align: center; color: #fff; background: #ea525e; font-size: 16px; } .choose_territory .submit{ width: 100%;height: 35px; padding: 10px 0;background: #eaeaea;text-align: center;} .choose_territory .submit a{width: 120px;height: 33px;line-height: 33px;font-size: 14px; display: inline-block;border-radius: 3px; margin: 0 10px; } .choose_territory .submit .botton1{color: #fff; background: #ea525e; border: 1px #ea525e solid;} .choose_territory .submit .botton2{color: #999; background: #fff; border: 1px #d2d2d2 solid;} .choose_territory .box{max-height: 300px; width: 100%;overflow: hidden;overflow-y: auto;padding-bottom: 20px;} /* 首页搜索条 */ .i_search{ width:1085px;height: 21px;margin: auto;padding: 20px 0 0 0;} .i_search .box{ width:166px;height: 21px;float: right; background: url(../i/mpr_search_bg.png);} .i_search .box .text{ width: 92px;height: 20px;background:transparent;border: 0;outline: none;padding: 0px 33px 0px 10px;float: left; color: #888; font-size: 9px; line-height: 20px;} .i_search .box .file{ width: 31px;height: 21px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .i_search .link{ height: 21px;float: right;margin-right: 15px;} .i_search .link a{display: block;height: 21px;padding: 0 16px;border-radius: 11px;background: #8da3d6;color: #fff;} .i_search .link a:hover{background: #e46c72;} /* 搜索框 */ .search_select{ width: 600px; margin: auto; margin-bottom: 20px; background: #f2f2f2; padding: 20px 260px 30px 260px; margin-top:20px;} .search_select .box{ width:100% ; height: 45px;} .search_select .box .text{ width: 478px; height:25px; line-height: 25px; border: 1px #C2C2C2 solid;padding: 9px 10px; float: left; font-size: 14px; color: #333;} .search_select .box .file{ width: 100px; height:45px;float: right; line-height: 45px;display: block;text-align: center;font-size: 14px;color: #FFFFFF;background: #27B1D3;} /* 搜索结果 */ .search_result{width: 1120px; margin: auto; margin-top: 20px; } .search_result .headed{width: 100%; height: 40px; font-size: 16px;border-bottom: 1px #c2c2c2 solid;} .search_result .headed a{float: left;height: 28px;padding: 0 20px; color: #999;line-height: 28px; padding-bottom: 10px;} .search_result .headed a:hover{border-bottom: 2px #1191e8 solid;color: #1191e8;} .search_result .headed .active{border-bottom: 2px #1191e8 solid;color: #1191e8;} .search_result .box{width: 850px; float: right;} .search_result .box .list{width: 100%; margin-top: 20px;} .search_result .box .list li{ width: 100%;border-bottom: 1px #e2e2e2 solid; margin-bottom: 20px; padding-bottom: 20px;} .search_result .box .list li .title{ width: 100%; height: 20px; font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .search_result .box .list li .title a{color: #1191e8;} .search_result .box .list li .title a:hover{color: #e2021d;} .search_result .box .list li .txt{ width: 100%; max-height:60px; overflow: hidden; margin-top: 6px;} .search_result .box .list li .data{width: 100%; margin-top:10px;color: #999;} /* 搜索左栏 */ .am_nav{ width: 210px;padding-right: 29px;border-right: 1px #d2d2d2 solid; float: left; padding-bottom: 20px;} .am_nav .head{ width: 100%;height: 20px;overflow: hidden;font-size: 16px;font-weight: bold;color: #000;} .am_nav .nav{ width:210px;font-size: 14px; margin-top: 10px;} .am_nav .nav div{width:210px; } .am_nav .nav div p{width:210px; text-indent: 10px; height: 40px;line-height: 40px; color: #000;border-bottom: 1px #d2d2d2 solid; cursor: pointer;} .am_nav .nav div p a{width:210px;height: 40px; color: #000; display: block;} .am_nav .nav div p .active{background: #27B1D3; color: #fff;} .am_nav .nav div:hover p{ background: #e9e9e9;} .amend_data .single .s_input{ width: 100px;height: 35px; float: left ; padding-left:15px;} .amend_data .single .s_input .text{ width:88px; height: 22px; line-height: 22px;font-family:Microsoft Yahei; color: #666; border: 1px #a6a6a6 solid ; border-right: 1px #dbd9d9 solid ; border-bottom: 1px #dbd9d9 solid ; padding: 4px 0 4px 10px; color: #222222; float: left ; margin-top: 2px;} /* 资源下载和教育资源课件包 */ .sub_head .nav .download:hover{color: #86afd0;} .sub_head .nav .download .active{color: #86afd0;} .download_banner{width: 100%;height: 180px;background:#0e1c33 url(../i/download_baner.jpg) no-repeat center top;} .cr_banner{width: 100%;height: 50px;line-height: 50px;background: url(../i/cr_download.jpg) repeat-x;} .download_box_ad{width: 1200px;margin: 10px auto auto;} .download_box{width: 1200px;margin: 10px auto auto;} .download_box:after{ display: block ;content: "";clear: both ;} .download_left{width:330px;float: left;} .download_right{width:830px;float: right;} .download_classify{ width: 100%;margin-bottom: 20px;background: #fff;box-shadow: 2px 2px 2px #d2d2d2;} .download_classify:after{ display: block ;content: "";clear: both ;} .download_classify .head{ width: 100%;height: 50px; line-height: 50px; background: #1C7AEB; font-size: 19px;text-indent: 20px;color: #fff;position: relative;} .download_classify .head .search{ width:167px;height: 23px; background: url(../i/bbs_search_bg_2.png);position: absolute;top: 13px;right: 12px;} .download_classify .head .search .text{ width: 92px;height: 21px;background:transparent;border: 0;outline: none;padding: 1px 29px 1px 10px;float: left; color: #222; font-size: 9px; line-height: 21px;} .download_classify .head .search .file{ width: 33px;height: 23px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .download_classify .box{padding: 20px;} .download_new{ width: 100%;margin-bottom: 20px;background: #fff;box-shadow: 2px 2px 2px #d2d2d2;} .download_new:after{ display: block ;content: "";clear: both ;} .download_new .head{ width: 100%;height: 50px; line-height: 50px; background: #1C7AEB; font-size: 19px;text-indent: 20px;color: #fff;} .download_new .list{padding:2px 20px 20px 20px;} .download_new .list li{padding: 18px 0;border-bottom: 1px #e2e2e2 solid;} .download_new .list li .ico{width: 50px;height: 50px;font-size: 0;float: left;padding-right: 20px;} .download_new .list li .ico img{width: 50px;height: 50px;} .download_new .list li .case{overflow: hidden;padding: 3px 0;} .download_new .list li .case .tit{width: 100%;height: 22px; line-height: 22px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 15px;} .download_new .list li .case .date{width: 100%;height: 22px; line-height: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;} .download_list{ width: 100%;background: #fff;padding-bottom: 30px;box-shadow: 2px 2px 2px #d2d2d2;} .download_list:after{ display: block ;content: "";clear: both ;} .download_list .head{ width: 100%;height: 50px; line-height: 50px; background: #1C7AEB; font-size: 19px;} .download_list .head .tit{ float: left; color: #333333;padding: 0 40px ;background: #fff;} .download_list .head .search{ width:218px;height: 23px; margin-top: 13px;float: right; background: url(../i/bbs_search_bg.png);margin-right: 20px;} .download_list .head .search .text{ width: 92px;height: 21px;background:transparent;border: 0;outline: none;padding: 1px 83px 1px 10px;float: left; color: #222; font-size: 9px; line-height: 21px;} .download_list .head .search .file{ width: 33px;height: 23px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .download_list .list{padding:2px 20px 0px 20px;} .download_list .list li{padding: 18px 30px 18px 0;border-bottom: 1px #e2e2e2 solid;position: relative;} .download_list .list li .ico{width: 50px;height: 50px;font-size: 0;float: left;padding-right: 20px;} .download_list .list li .ico img{width: 50px;height: 50px;} .download_list .list li .case{overflow: hidden;padding: 3px 0;} .download_list .list li .case .tit{width: 100%;height: 22px; line-height: 22px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 15px;} .download_list .list li .case .date{width: 100%;height: 22px; line-height: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;} .download_list .list li .icon{width: 26px;height: 26px;font-size: 0;position: absolute;right: 0px; top: 30px;} .download_list .list li .icon img{width: 26px;height: 26px;} .cr_classify{ width: 100%;margin-bottom: 20px;background: #fff;box-shadow: 2px 2px 2px #d2d2d2;} .cr_classify:after{ display: block ;content: "";clear: both ;} .cr_classify .head{ width: 100%;height: 50px; line-height: 50px; background: #89c456; font-size: 19px;text-indent: 20px;color: #fff;position: relative;} .cr_classify .head .search{ width:167px;height: 23px; background: url(../i/bbs_search_bg_2.png);position: absolute;top: 13px;right: 12px;} .cr_classify .head .search .text{ width: 92px;height: 21px;background:transparent;border: 0;outline: none;padding: 1px 29px 1px 10px;float: left; color: #222; font-size: 9px; line-height: 21px;} .cr_classify .head .search .file{ width: 33px;height: 23px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .cr_classify .box{padding: 20px;} .cr_new{ width: 100%;margin-bottom: 20px;background: #fff;box-shadow: 2px 2px 2px #d2d2d2;} .cr_new:after{ display: block ;content: "";clear: both ;} .cr_new .head{ width: 100%;height: 50px; line-height: 50px; background: #89c456; font-size: 19px;text-indent: 20px;color: #fff;} .cr_new .list{padding:2px 20px 20px 20px;} .cr_new .list li{padding: 18px 0;border-bottom: 1px #e2e2e2 solid;} .cr_new .list li .ico{width: 50px;font-size: 0;float: left;padding-right: 20px;} .cr_new .list li .ico img{width: 50px;} .cr_new .list li .case{overflow: hidden;padding: 3px 0;} .cr_new .list li .case .tit{width: 100%;height: 22px; line-height: 22px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 15px;} .cr_new .list li .case .date{width: 100%;height: 22px; line-height: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;} .cr_list{ width: 100%;background: #fff;padding-bottom: 30px;box-shadow: 2px 2px 2px #d2d2d2;} .cr_list:after{ display: block ;content: "";clear: both ;} .cr_list .head{ width: 100%;height: 50px; line-height: 50px; background: #89c456; font-size: 19px;} .cr_list .head .tit{ float: left; color: #333333;padding: 0 40px ;background: #fff;} .cr_list .head .search{ width:218px;height: 23px; margin-top: 13px;float: right; background: url(../i/bbs_search_bg.png);margin-right: 20px;} .cr_list .head .search .text{ width: 92px;height: 21px;background:transparent;border: 0;outline: none;padding: 1px 83px 1px 10px;float: left; color: #222; font-size: 9px; line-height: 21px;} .cr_list .head .search .file{ width: 33px;height: 23px;background:transparent;border: 0;outline: none;line-height: 21px; text-align: center; float: left; color: #c2c2c2;} .cr_list .list{padding:2px 20px 0px 20px;} .cr_list .list li{padding: 18px 30px 18px 0;border-bottom: 1px #e2e2e2 solid;position: relative;} .cr_list .list li .ico{width: 50px;font-size: 0;float: left;padding-right: 20px;} .cr_list .list li .ico img{width: 50px;} .cr_list .list li .case{overflow: hidden;padding: 3px 0;} .cr_list .list li .case .tit{width: 100%;height: 22px; line-height: 22px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 15px;} .cr_list .list li .case .date{width: 100%;height: 22px; line-height: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;} .cr_list .list li .icon{width: 26px;height: 26px;font-size: 0;position: absolute;right: 0px; top: 30px;} .cr_list .list li .icon img{width: 26px;height: 26px;} .download_content{ width: 94%;background: #fff;padding:25px;box-shadow: 2px 2px 2px #d2d2d2;} .download_content:after{ display: block ;content: "";clear: both ;} .download_content .nav{ width: 100%;height: 20px;border-bottom: 1px #d9d9d9 solid;padding-bottom: 10px;color: #999;} .download_content .nav span{padding: 0 6px;} .download_content .box{ width: 100%;margin-top: 30px;} .download_content .box:after{ display: block ;content: "";clear: both ;} .download_content .box .ico{width: 128px;height: 128px;font-size: 0;float: left;padding-right: 25px;} .download_content .box .ico img{width: 128px;height: 128px;font-size: 0;} .download_content .box .case{overflow: hidden;} .download_content .box .case .title{font-size: 25px;color: #000000;line-height: 35px;} .download_content .box .case .data{padding-top: 8px;} .download_content .box .case .data:after{ display: block ;content: "";clear: both ;} .download_content .box .case .data li{width: 50%;height: 20px; padding-top: 8px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;float: left;} .download_content .box .case .data li.active{width: 100%;} .download_content .box .case .data li span{color: #333;} .download_content .box .case .bo{ width: 100%; padding-top:15px;} .download_content .box .case .bo .btn{float: left;padding: 0 20px; border: 0; line-height: 42px;height: 42px;background: #1C7AEB;display: block;font-size: 17px;color: #fff;} .download_content .box .case .bo .btn img{height: 22px; vertical-align: middle; margin-right: 10px;} .download_content .box .case .bo .btn:hover{background: #ea545d;} .download_content .box .case .brief{ width: 100%;margin-top: 30px;padding-top: 30px;border-top: 1px #d9d9d9 solid;} .download_content .box .case .brief .name{ width: 100%;height: 20px;font-size: 17px;color: #1C7AEB;} .download_content .box .case .brief .text{ width: 100%;font-size: 14px;line-height: 24px;color: #333;margin-top: 10px;} .download_content .box .case .brief .text p{padding-top: 14px;} .download_content .box .case .brief .text p img{max-width: 100%;} .download_content .box .case .list{ width: 100%;margin-top: 20px;} .download_content .box .case .list li{padding: 12px 65px 12px 0;border-top: 1px #d9d9d9 solid;position: relative;} .download_content .box .case .list li .ico{width: 25px;height: 25px;font-size: 0;float: left;padding-right: 15px;} .download_content .box .case .list li .ico img{width: 25px;height: 25px;} .download_content .box .case .list li .case{overflow: hidden;} .download_content .box .case .list li .case .tit{width: 100%;height: 25px; line-height: 25px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 15px;} .download_content .box .case .list li .icon{height: 25px;font-size: 0;position: absolute;right: 0px; top: 12px;} .download_content .box .case .list li .icon img{width: 25px;height: 25px;margin-left: 20px;} .download_content .box .case .list li.checkli{border-top: 0;height: 25px;} .download_content .box .case .list li .checkbox{height: 25px;float: left;padding-right: 10px ;} .download_content .box .case .list li .checkbox input{vertical-align: middle;} .download_content .box .case .list li .checkbox label{cursor: pointer;} .i_login .box .head span{width: 380px; height: 50px;float: left;border-bottom: 1px #41b8d8 solid; font-size: 16px; color: #41b8d8;text-align: center;} .download_content .box .case .list li .video{width: 25px;height: 25px;font-size: 0;position: absolute;right: 35px; top: 12px;} .download_content .box .case .list li .video img{width: 25px;height: 25px;} .user_shortcut .reply{padding: 20px 40px 0 40px;} .user_shortcut .reply li{ width: 100%; height: 41px;line-height: 20px;border-bottom: 1px #d9d9d9 dashed;position: relative;padding:10px 0 10px 35px;} .user_shortcut .reply li span{ width:75px; padding-left: 65px; height: 40px;line-height: 40px;float: right;overflow: hidden;text-align: right;} .user_shortcut .reply li p{ width:325px;height: 20px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;} .user_shortcut .reply li i{position: absolute;left: 0px;top: 19px;display: block;} .user_shortcut .reply li font{position: absolute;right: 80px;top: 20px;display: block;} .user_shortcut .reply li div{ width:325px;height: 20px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;} .user_shortcut .reply li div a{ color: #999;} .mpr_data .data li.classify{width:auto; overflow: auto;height: auto; text-indent: 0px;padding-left: 6px;line-height: 22px;margin: 3px 0;} .sms_botton{height: 40px;line-height: 40px; padding: 0 25px; float: left ;display: block ;border-radius:3px;color:#fff;background: #21b1d2; font-size: 14px;} .sms_botton:hover{background: #5486a2; color:#fff;}