/* CSS Document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;} body{color:#666666; background:#FAFAFB;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",Arial,Verdana;} input,textarea{ font-family:"Microsoft YaHei","微软雅黑",Arial,Verdana;border: 0px;} button, input, select, textarea{ outline:none;} img{border:none;} h1,h2,h3{ font-weight:normal;} a{transition:all .2s;text-decoration:none;color:#6a6a6a;} a:hover{color:#0079e0;} li{list-style-type:none;} .clear{clear:both;*zoom:1} .clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0} .fl{float:left} .fr{float:right} .tran{transition:all .2s;} .w1200{ width: 1200px;margin:0 auto;} .w1190{ width: 1190px;margin:10px auto;border:1px #e9e9e9 solid; padding:10px 0 } /*头部*/ .header-wrapper{width:100%;height:72px;border-bottom:1px #f8f8f8 solid; background: #fff;} .header-wrapper .header{width:1200px;height:72px;margin:0 auto;position: relative;background: #fff;} .header-wrapper h1{float:left;margin-top:3px; } .header-wrapper .top-menu{float:left;height:73px;margin:0 0 0 0;margin-left:46px;} .header-wrapper .top-menu li{float:left;position:relative;} .header-wrapper .top-menu li:hover{background:#6cb0f4; color:#fff} .header-wrapper .top-menu li:hover .more{border-left: 1px #eee solid;border-right: 1px #eee solid;padding:0 17px; z-index:5008; background: #f8f8f8;color:#6cb0f4;} .header-wrapper .top-menu li a{position:relative;height:73px;padding:0 18px;line-height:72px;font-size:16px;color:#6a6a6a; display: block; transition:all 0s;} .header-wrapper .top-menu li a.current{color: #D14546; border-bottom:#D14546 3px solid} .header-wrapper .top-menu li .top-sub-menu{position:absolute;width: auto;z-index:4008;top:72px;left:0px;background:#f8f8f8;display:none;border:1px #eee solid; padding:10px;box-shadow: 3px 3px 5px #888;-moz-box-shadow: 3px 3px 5px #88; } .header-wrapper .top-menu li .top-sub-menu a{height:35px;line-height:35px;display:block;font-size:14px;padding:0 10px;text-align:center; float:left} .header-wrapper .top-menu li .top-sub-menu a:hover{ background:#6cb0f4; color:#FFF;border-radius: 22px; font-weight:bold } .header-wrapper .top-menu li:hover .nav-mune{ display:block;} .nav-mune{width:516px;height:173px;padding:3px 0 0 3px;background:#fff;position:absolute;left:-218px;top:73px;z-index:3;display:none;} .header-wrapper .top-menu .nav-mune a{width:125px;height:83px;font-size:16px;display:inline-block;text-align:center;line-height:82px;background:#f1f1f1;margin:0 4px 3px 0;padding:0;} .header-wrapper .top-menu .nav-mune a:hover{ background:#4d9fef;color:#fff;} .header-wrapper .top-menu .more i{width:7px;height:4px;background:url(../images/jt.png) no-repeat;display:inline-block;margin:0 0 4px 6px;transition:all .2s; } .header-wrapper .top-menu .more:hover i,.header-wrapper ul.top-menu li:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg);} .sitem{font-family:"宋体";} .header-wrapper .buttons{float:right;} .header-wrapper .buttons a.button{width:102px; height:43px;display: block;line-height:12px;text-indent:0; padding:30px 15px 0 25px;text-align:center;cursor:pointer;-webkit-transition:background 0.2s ease-in ; font-size:18px; color:#fff; } .header-wrapper .buttons a.button-signin1{background: url(../images/icon-signup.png) no-repeat center 3px;color:#4caf50;} .header-wrapper .buttons a.button-sign{background:url(../images/talk.png) #499DF2 no-repeat -25px 22px; font-weight:bold } .header-wrapper .buttons a.button-sign:hover{ color:#fff;background:url(../images/talk.png) #F00 no-repeat 5px 22px; } .header-wrapper .buttons a.button-signup{background:url("../images/lr.png") no-repeat center 3px;color:#4caf50;} /***************快捷*********************/ .top-menu-k{float:right;height:22px;margin:10px 0 0 0;} .top-menu-k li{position:relative;z-index:5008; float:left; margin-left:10px;} .top-menu-k li:hover .more {padding:7px 10px 0 10px; z-index:5008; background: #fff; color:#666; border:1px #ededed solid; border-bottom:none;} .top-menu-k li a{position:relative;height:53px;padding:7px 10px 0 10px;font-size:14px;display: block; transition:all 0s; font-size:18px;} .top-menu-k li a.current, .top-menu-k li a:hover{color:#fff;} .top-menu-k li .top-sub-menu{position:absolute;width: auto;z-index:4008;top:60px;right:0px;background:#fff;display:none; border:1px #ededed solid; padding:10px; } .top-menu-k li .top-sub-menu a{height:35px;line-height:35px;display:block;font-size:14px;padding:0 10px;text-align:center; float:left; color:#666} .top-menu-k li .top-sub-menu a:hover{ background:#E62700; color:#FFF;border-radius: 22px; font-weight:bold } ..top-menu-k li:hover .nav-mune{ display:block;} .nav-mune{width:516px;height:173px;padding:3px 0 0 3px;background:#fff;position:absolute;left:-218px;top:73px;z-index:3;display:none;} .top-menu-k .nav-mune a{width:125px;height:83px;font-size:16px;display:inline-block;text-align:center;line-height:82px;background:#f1f1f1;margin:0 4px 3px 0;padding:0;} .top-menu-k .nav-mune a:hover{ background:#4d9fef;color:#fff;} .top-menu-k .more i{width:10px;height:5px;background:url(../images/nav01a.png) no-repeat;display:inline-block;margin:0 0 4px 6px;transition:all .2s; } .top-menu-k .more:hover i,.top-menu-k li:hover i{background:url(../images/nav02a.png) no-repeat;} /***************快捷*********************/ /* banner */ .banner{width:1200px; background:url(/image/head2016/bannerpic.jpg) no-repeat center top; width:100%; height:250px; margin-bottom:0px;} .banner img{width:1200px; } /* /* .searchcon */ .searchcon { margin-left: -310px; width: 621px; left: 50%; margin-top: 100px; height: 57px; position: absolute; border: solid 5px hsla(0,0%,0%,.1); z-index:2; } .searchcon input { background-color:#fff; border: 0; font-size: 20px; color: #616161; font-family: "Microsoft Yahei", Simsun, Arial, sans-serif; padding: 15px; padding-right: 10px; width: 530px; float: left; height: 27px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; outline:none; } .searchbt{ float:left;} .searchbt img{ margin-top:11px} .searchbt a{ background-color:#f29600; width:66px; height:57px; text-align:center; display:block} .searchbt a:hover{ background-color:#ffa511} .recor_ctx{margin-left: -305px;width: 621px;left: 50%;margin-top: 170px;height: 57px;position: absolute; z-index:2;font-size: 14px;color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,.6);text-align: left;} .recor_ctx span{ padding-right:30px; color:#fff} .recor_ctx span b{ font-size:18px; font-weight:normal; color: #F00; padding:0 3px} .s_form {position: relative;width: 200px;margin: 0 auto;} .s_d {float: left; width:160px; margin-top:13px; } .s_d:after {content:""; clear:both; display:table} .s_d form {width: auto;float: right;margin-right: 15px;} .s_d input {width: 180px;height: 35px;padding-left: 15px;border-radius: 42px;background: #333; border: none;outline: none;position: relative; transition: .3s linear; color:#fff} .s_d input:focus {width: 300px; font-size:14px;} .s_d button { width: 35px;height: 35px;background: url(../images/ss.png) no-repeat center;border: none;position: absolute;top: 0px; right: 0; outline: none; cursor:pointer} .s_d button:before{color: #324b4e;} /*****导航******/ .nav-wrap-head{width: 100%;height: 0px;} .nav-wrap { width:100%;height: 80px;background: ; margin:0 auto;background-color: rgba(0, 0, 0, 0.6);} .nav-wrap.navFix{position: fixed;top: 0;left: 0;background:; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} .nav-height{width:1200px;height: 80px; margin:0 auto;} .nav-wrap .logo{ width: 150px; height:80px; display: block; float: left;margin: 0px 40px 0 0; } .nav-wrap .logo a{ width: 150px; height: 80px; background: url(../images/zhongyi.custom.png) 0 0; display: block; } .nav-wrap .nav{ float:left; } .nav-wrap .nav li{ display:inline-block; margin: 0 0 0 10px; float:left; } .nav-wrap .nav li:nth-of-type(1){ background: url(../images/nav_icon.png) no-repeat -22px 46px; } .nav-wrap .nav li:nth-of-type(2){ background: url(../images/nav_icon.png) no-repeat -15px -60px; } .nav-wrap .nav li:nth-of-type(3){ background: url(../images/nav_icon.png) no-repeat -22px -160px;} .nav-wrap .nav li:nth-of-type(4){ background: url(../images/nav_icon.png) no-repeat -15px -265px;} .nav-wrap .nav li:nth-of-type(5){ background: url(../images/nav_icon.png) no-repeat -20px -365px;} .nav-wrap .nav li:nth-of-type(6){ background: url(../images/nav_icon.png) no-repeat -20px -480px;} .nav-wrap .nav li a{ font-size:16px; color:#fff; text-decoration:none; padding:24px 30px 34px 30px; display: block; } .nav-wrap .nav li a.first{ background:rgba(182,0,5,0.7); color: #fff; } /* Sweep To Bottom */ .nav-wrap .nav li { display: inline-block; /* vertical-align: middle;*/ -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .nav-wrap .nav li:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:rgba(182,0,5,0.7); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .nav-wrap .nav li:hover, .nav-wrap .nav li:focus, .nav-wrap .nav li:active { color: white; } .nav-wrap .nav li:hover:before, .nav-wrap .nav li:focus:before, .nav-wrap .nav li:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .nav-wrap .nav li a i{ font-size: 1em; color: #fff; display: block; text-align: center; margin: 0.5em 0 0; } .nav-wrap .header-search { width: 400px; display: block;float: right; margin-top: 10px;} .nav-wrap .header-search .buttons{float:right;} .nav-wrap .header-search .buttons a.button{width:120px; height:37px;display: block;line-height:12px;text-indent:0; padding:22px 0px 0 20px;text-align:center;cursor:pointer;/*-webkit-transition:background 0.2s ease-in ;*/ font-size:18px; color:#fff; } .nav-wrap .header-search .buttons a.button-sign{background:url(../images/talk.png) no-repeat 0px 20px; } /***********foot********/ .footer{width:1190px;margin:auto;height:29px;line-height:29px;padding:10px 0 16px} .footer a{font-size:12px;color:#666;height:29px;line-height:29px;display:inline-block;*display:inline;*zoom:1;font-family:Simsun,Tahoma,"microsoft yahei",Geneva,"Heiti SC";} .footer .FR a:hover,.footer a:hover{color:red} .footer em{background:#999;display:inline-block;*display:inlie;*zoom:1;height:12px;margin:0 10px;overflow:hidden;position:static;vertical-align:middle;width:1px} .footer .FR span,.footer .FR span a{font-size:12px;color:#999;font-family:Simsun,Tahoma,"microsoft yahei",Geneva,"Heiti SC";} .footer .FR span a{margin-left:5px} .FR{float:right} .footer .FR img{width:80px;height:29px;display:block;float:right;margin:-6px 0 0 15px;} footer{background: #222222; } /* -------- 搜索-- */ #search{padding-bottom: 28px; background: #FFF; margin-bottom:20px;} #search h3{ font-size: 32px; text-align: center;padding-top:8px; line-height: 68px; padding:20px 0} #search .search-m{ width: 96%;max-width: 767px; height: 32px; line-height: 32px;padding:.6% 1.2%;border-radius:30px;border:2px #e3e3e3 solid; margin:0 auto; position: relative;} #search .search-m .txt{height:32px; font-size: 20px; width: 94%;border:none; outline: none; display: block;} #search .search-m .but{position: absolute;border:none; width: 50px;height:100%; background: url(../images/sea-btn.png) no-repeat center; cursor: pointer;right: 10px;top: 0} #search .search-m .but:hover{background: url(../images/sea-btn-hover.png) no-repeat center} .seaed-num{ line-height: 46px; height: 50px;color: #a8a8a8; font-size: 16px;border-top:1px #eee solid;margin:0 4px;} .seaed-num span{padding:5px;} /* -------- 标题搜索-- */ .TopListCent-Head{ padding:0px 30px; background-color:#fcfcfc; border-bottom:1px solid #eeeeee;width:1140px; margin:0 auto} .TopListCent-Head .Headtitle{ height:38px; line-height:38px; font-size:14px; color:#333333;} .TopListCent-Head .HeadFilter{ padding-bottom:13px;} .TopListCent-Head .HeadFilter a{ display:inline-block; border-radius:15px; height:22px; font-size:14px; background-color:#fff; border:1px solid #dddddd; line-height:20px; margin-bottom:10px; padding:0px 12px; float:left; margin-right:11px; color:#999999;} .TopListCent-Head .HeadFilter a:hover,.TopListCent-Head .HeadFilter a.HFcurt{ text-decoration:none; background-color:#4e9def; border:1px solid #4e9def; color:#fff;} .TopListCent-listWrap{ padding:0px; width:960px; margin:0 auto} .TopListCent-listWrap .lsitHead{ height:40px;padding:15px 00px 0px 0px;} .lsitHead .lHead-left{ display:inline-block; float:left;} .lsitHead .lHead-left .titword{font-size:18px; color:#333; padding:10px 5px;} .lsitHead .lHead-right{ display:inline-block; float:right; height:20px; padding-top:7px; } .lsitHead .lHead-right a,.lsitHead .lHead-right i{ display:inline-block; float:left; color:#999999;} .lsitHead .lHead-right i{ padding:0px 5px;} .lsitHead .lHead-right a.tagCurt{ color:#f60404;} .lsitHead .lHead-right a.downMenu{ background:url(../images/ico-corner.png) 75px 8px no-repeat; border:1px solid #fff;padding:0px 12px 0px 8px;width:65px;} .lsitHead .lHead-right a.downMenu:hover{color:#f60404; text-decoration:none; padding:0px 12px 0px 8px;background-color:#000;width:65px;} .downMenuShow{ width:78px; text-align:center; line-height:24px; position:absolute; right:166px;*right:165px; top:26px; background-color:#fff; border:1px solid #eeeeee;} .downMenuShow span{ color:#999; display:block; width:78px; cursor:pointer;} .downMenuShow span:hover{ text-decoration:none; background-color:#eeeeee;} ._pr{ position:relative;} .TopListCent-listWrap .listCentent{ background-color:#fff; border-top:1px solid #eeeeee; } .listCentent li{ padding:20px 40px; border-bottom:1px solid #eeeeee; *margin-top:-4px;} .listCentent li:hover{ background-color:#fbfafa; border-left: 2px solid #69C} .listCentent li .leftImg{display:inline-block;float:left; padding-right:20px;} .listCentent li .leftImg a{ display:block;} .listCentent li .leftImg a img{ width:138px; height:110px;} .listCentent li .CentTxt{ width:580px; float:left;font-size:14px;} .listCentent li .CentTxt .rightTxtHead{ height:25px; line-height:25px; } .listCentent li .CentTxt .RtCPart{ width:580px;} .listCentent li .CentTxt .RtCInfo{ width:580px;} .listCentent li .CentTxt .RtCPart p.RtCData{ height:30px; line-height:30px; display:inline-block; float:left; padding-right:15px; padding-bottom:3px; color:#336699;} .listCentent li .CentTxt .RtCPart p.RtCData a{ color:#336699;} .listCentent li .CentTxt .RtCPart p.RtCData span{ color:#999999;} .listCentent li .CentTxt .RtCPart p.RtCData a img{ height:15px;display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align:auto;*zoom:1;*display:inline;} .listCentent li .CentTxt .RtCInfo{ line-height:24px; color:#999999;} .listCentent li .SeaCentTxt{ width:580px; float:left;font-size:14px;position:relative; } .listCentent li .SeaCentTxt .rightTxtHead{ height:25px; line-height:25px; }.listCentent li .SeaCentTxt .RtCPart{ width:580px;} .listCentent li .SeaCentTxt .RtCInfo{ width:550px;} .listCentent li .SeaCentTxt .RtCPart p.RtCData{ height:30px; line-height:30px; display:inline-block; float:left; padding-right:15px; padding-bottom:3px; color:#999999;} .listCentent li .SeaCentTxt .RtCPart p.RtCData a{ color:#336699;} .listCentent li .SeaCentTxt .RtCPart p.RtCData a img{ height:15px;display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align:auto;*zoom:1;*display:inline;} .listCentent li .SeaCentTxt .RtCInfo{ line-height:24px; color:#999999;} .listCentent li .RtCRateWrap{ float:right; margin-top:25px;} .listCentent li .RtCRateWrap .RtCRateCent{ width:88px; height:72px; border:1px solid #eeeeee; border-radius:5px; background-color:#FFF;} .listCentent li .RtCRateWrap .RtCRateCent span,.listCentent li .RtCRateWrap .RtCRateCent strong{ text-align:center; width:88px; display:inline-block; line-height:25px; overflow:hidden;} .listCentent li .RtCRateWrap .RtCRateCent span{ color:#999999;} .listCentent li .RtCRateWrap .RtCRateCent strong{ color:#999999; margin-top:10px; font-size:18px; font-weight:500;} .listCentent li .RtCRateWrap .RtCRateCent strong.col-red02{ color:#f60404;} /**page*/ .ListPageWrap{ padding:25px 0px; text-align:center;font-family: "Microsoft YaHei"; background:#FFF} .ListPageWrap a{ display:inline-block; min-width:30px; height:30px; border-radius:3px; margin-right:10px; background-color:#f2f2f2; line-height:30px; font-size:16px; color:#999999;} .ListPageWrap a:hover{ background-color:#9bbee5; text-decoration:none; color:#fff;} .ListPageWrap a.Pagecurt{ background-color:#4b87cb; color:#fff;} /*page*/ .page-large{ padding:25px 0px; text-align:center; background-color:#fff;} .page-large a{border-radius:3px; background-color:#f2f2f2;width:30px; height:30px; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:34px; text-align:center; float:left; text-indent:0; color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 3px;} .page-large a.on{background:#4b87cb; color:#fff;} .page-large a.none{border:none;} .page-large .Num:hover{ color:#fff; background:#4b87cb;} .page-large .on:hover{ color:#fff; background:#4b87cb; } .page-large .prev-page{background:url(../images/small-prev-page.png) center center no-repeat #f2f2f2;} .page-large .next-page{background:url(../images/small-next-page.png) center center no-repeat #f2f2f2;} .page-large .prev-page:hover{ background:url(../images/small-prev-page-on.png) center center no-repeat #4b87cb;} .page-large .next-page:hover{background:url(../images/small-next-page-on.png) center center no-repeat #4b87cb;} /**********内容************/ .TPageCent-warp{ width:1160px; margin:15px auto 30px auto; background:#FFF; padding:40px 20px} .TPageCent-header{ height:40px;} .TPageCent-heade p,.TPageCent-heade h2{display:inline-block; height:40px; line-height:40px;} .TPageCent-header .h2Title{ font-size:28px;color:#333333;} .TPageCent-header .plink,.TPageCent-header .plink a{ color:#999999; font-size:18px;height:40px; line-height:40px; padding-left:5px} .TPageCent-header .plink a:hover{ color:#ff0000;} .TPageCent-header .pstar,.TPageCent-TMain03 .rightpush-left .PushTxt .Pushstar{height:15px; line-height:15px; width:95px;margin-top:14px; margin-left:10px; vertical-align:middle;} .TPageCent-header .pstar span,.TPageCent-TMain03 .rightpush-left .PushTxt .Pushstar span{ height:15px; display:inline-block;background:url(../images/top-icon.png) 0px -138px no-repeat; } .dateup{ float:right; height:40px; line-height:40px; color:#999; font-size:12px;} .TopMainTag-show{ padding:10px 0; border-bottom:1px solid #e7e7eb; margin-bottom:20px; position:relative } .TopMainTag-show p{ padding:5px 0;} .TopMainTag-show .btn-link{position:absolute; right:-20px; bottom:20px} .link_button{display:inline-block;background-color:#0595d5;width:98px;height:42px;overflow:hidden;padding:0 22px 0 20px;text-align:right;color:#fff;border-radius:3px;cursor:pointer;font:400 18px/42px "microsoft yahei";position:relative} .link_button.btn-demo{margin-right:15px;background-image:-webkit-linear-gradient(top, #0595d5 0%, #2673f1 100%);background-image:linear-gradient(top, #0595d5 0%, #2673f1 100%);border:1px solid #418ada;} .link_button.btn-demo:hover{background-color:#0595d5;background-image:-webkit-linear-gradient(top, #2673f1 0%, #0595d5 100%);color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.2)} .link_button.btn-demo:active{box-shadow:inset 0px 2px 4px rgba(0,0,0,0.15)} .icon-white{width:14px;height:14px;line-height:14px;display:inline-block;background:no-repeat;background:url(../images/icon.png);margin:5px 6px 0 0} .icon-demo{background-position:-48px 0px;position:absolute;left:22px;top:9px} .link_button.btn-demo i{transition:all 0.2s ease-in-out} .icon-demo-transiton{background-position:-48px 0px;position:absolute;left:22px;top:9px;opacity:0;-webkit-transform:scale(3.2);-moz-transform:scale(3.2);-ms-transform:scale(3.2);transform:scale(3.2)} .btn-demo:hover .icon-demo-transiton{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1} .icon-down-transiton{background-position:-96px -24px;position:absolute;left:22px;top:-9px;opacity:0} .TMainhead{ height:32px;} .TMainhead h3{ display:inline-block; float:left; font-size:16px; background-color:#4f9cee; padding:0px 11px; line-height:32px; height:32px; color:#fff;} .TMainhead .TMainhead-more{ display:inline-block; height:24px; width:84px; border:1px solid #dddddd; border-radius:15px; text-align:center; line-height:24px; color:#999999;} /*TPageCent-TMain01-begin*/ .TPageCent-TMain01{ width:958px; border:1px solid #dddddd;} .TPageCent-TMain01 .TMain01-head,.TPageCent-TMain05 .TMain05-head{ height:31px; border-bottom:1px solid #dddddd; background-color:#f9f9f9; padding-top:7px; padding-left:60px;} .TMain01-head a,.TMain05-head a{ display:inline-block; float:left; height:30px; line-height:30px; color:#999999; margin-right:5px; padding:0px 15px; font-size:14px; text-align:center; border-radius:4px 4px 0px 0px; background:#f9f9f9; border:1px solid #dddddd;} .TMain01-head a.TMA01-HeadCurt,.TMain01-head a:hover,.TMain05-head a.TMain05-HeadCurt,.TMain05-head a:hover{ color:#ff0000; border-radius:4px 4px 0px 0px; background:#fff; border:1px solid #dddddd;border-bottom:1px solid #fff;} .TMain01-Cent01{padding:20px;} .TMain01-Cent02{ padding:20px;} .TMain01-Cent03{ padding:20px;} .TMain01-Cent04{ padding:20px;} .TMain01-Cent{ padding:15px 0px 20px 0px;} .TMain01-Cent .Centleft img { border: 1px solid #ddd; height: 110px; width: 138px; } .TMain01-Cent .Centright { color: #333333; font-size: 14px; padding-left: 0; width: 980px; } .content-txt img {max-width:960px; height:auto} .TMain01-Cent .Centright div.webIntro{ height: auto;} .TMain01-Cent .Centright div.webIntro p{margin-bottom:5px;} .TMain01-Cent .Centright .webUrl{ width:60px; height:23px; background:url('../images/zd1.png') no-repeat center center; margin-right:10px; float:left;} .TMain01-Cent .Centright .webUrl:hover{ width:60px; height:23px; background:url('../images/zd2.png') no-repeat center center;} .TMain01-Cent .Centright ul{ display:block; margin-top:5px; position:relative;} .TMain01-Cent .Centright p{ line-height:24px; margin-bottom:5px;} .TMain01-Cent .Centright .pLabel{ height:15px; font-size:12px; line-height:15px; float:right;} .TMain01-Cent .Centright .pLabel span,.TMain01-Cent .Centright .pLabel a,.TMain01-Cent .Centright .pLabel i{ display:inline-block; float:left; color:#999999; margin-right:10px;} .ico-label{ background:url(../images/top-icon.png) -25px 0px no-repeat; width:15px; height:15px;} .TMain01-Cent .Centright .pLabel a:hover{color:#ff0000;} /*TPageCent-TMain01-end*/ /*评论*/ .tPagecent{ width:100%; } .tPagecent h4.head { height: 40px; padding-left: 20px; background-color: #f9f9f9; line-height: 40px; font-size: 14px; font-weight: bold;} .TMain08-Cent{padding: 20px;} .post-wrap-w {display: block;position: relative;zoom: 1;z-index: 2;} .post-wrap-main {margin: 0 8px;height: 96px;border: 1px solid #4398ed;background-image: url(https://changyan.itc.cn/mdevp/extensions/cmt-box/054/images/cy-logo.png);background-repeat: no-repeat;background-position: center;-moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; border-radius:10px; } .textarea-fw {width: 100%;height: 70px;background: 0 0;overflow-x: hidden; overflow-y: auto;border: 0;font-size: 14px;color: #000;resize: none;line-height: normal;text-align: left; margin:10px;} textarea{ outline:none} .wrap-action-w {position: relative;z-index: 12; height:40px} .action-function-w {margin: 15px 0 0 10px; position: relative;float: left;} .action-function-w ul li { width: 20px; height: 20px; float: left; margin-right: 21px; cursor: pointer; } .action-function-w ul li.function-face-w { background: url(../images/face.png); background-repeat: no-repeat; background-position: center; } .action-function-w ul li.effect-w{ display: block; width: 20px; height: 20px; } .function-uploading-w a.effect-w{ background: url(../images/image.png); background-repeat: no-repeat; background-position: center; } .action-issue-w { float: right; height: 30px; margin-top: 10px; }.action-issue-w a { text-decoration: none!important; display: block; width: 102px; height: 30px; } .action-issue-w .btn-fw { width: 102px; height: 30px; overflow: hidden; border: 0; padding: 0; margin: 0; cursor: pointer; background-image: url(../images/post-btn.png); background-repeat: no-repeat; background-color: transparent; } .action-issue-w .btn-fw:hover { background-image: url(../images/post-btn-hover.png); background-repeat: no-repeat; background-color: transparent;} button{ outline:none} .block-cont-gw {padding: 13px 0 11px; margin:20px;border-bottom: 1px dashed #e5e5e5} .block-cont-gw .cont-head-gw {float: left;position: relative;width: 42px;z-index: 1} .block-cont-gw .cont-head-gw .head-img-gw {padding: 7px 0 0;width: 42px;height: 42px;overflow: hidden} .block-cont-gw .cont-head-gw .head-img-gw .img-corner {background: url(https://changyan.itc.cn/mdevp/extensions/cmt-list/055/images/img-corner.png) no-repeat;position: absolute;width: 42px;height: 42px;top: 7px;left: 0;display: none} .block-cont-gw .cont-head-gw .head-img-gw img {width: 42px;height: 42px;border-radius: 42px} .msg-wrap-gw {padding: 0 0 0 62px} .wrap-user-gw {height: 24px;line-height: 16px;padding: 1px 0 0} .wrap-user-gw .user-name-gw { display: inline-block; padding: 5px 7px 0 0; cursor: default } .wrap-user-gw .user-name-gw a {color: #4398ed} .wrap-user-gw .user-address-gw {color: #dbdbdb} .wrap-user-gw .user-time-gw {float: right;padding: 5px 0 0; font-size:12px;font-family: Arial;color: silver;} .wrap-user-gw .user-name-gw {display: inline-block; padding: 5px 7px 0 0;cursor: default;} .wrap-user-gw .user-address-gw{display: inline-block;padding: 5px 7px 0 0;cursor: default;} .wrap-issue-gw { padding: 12px 0 12px 0; } .wrap-issue-gw .issue-wrap-gw { line-height: 22px; font-size: 14px; } .action-click-gw { position: relative;text-align: right;} .action-click-gw .gap-gw { width: 1px; height: 11px; display: inline-block; overflow: hidden; margin: 0 9px -1px 9px; } .action-click-gw .click-report-gw { font-size:12px } .action-click-gw span a { color: #999;cursor: pointer} .action-click-gw span a .icon-flag { background-image: url(../images/flag.png); background-position: 0 0; margin-right: 4px; } .action-click-gw .icon-gw {display: inline-block; width: 16px;height: 15px;overflow: hidden;vertical-align: -4px;} .action-click-gw a i.icon-ding-bg { background-image: url(../images/ding.png); background-position: 0 0; } .action-click-gw a .icon-cai-bg { background-image: url(../images/cai.png); background-position: 0 0; } .action-click-gw em{ font-style:normal; padding: 0 0 0 4px; font-family: Arial; } /*药材*****************************/ .clear {clear: both;font-size: 0;height: 0;line-height: 0;} .srp {width: 1200px;margin: 0 auto;line-height: 1.5;font-family: "Microsoft Yahei";margin-top: 10px; } .main-srp {width: 1200px; height: auto;float: right;display: inline-block;overflow: hidden;background:#FFF; } .gt_advacnce_search_wrap { width:1035px; position:relative;padding: 15px 15px 15px 150px;background-color: #ffffff;box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.08);border-radius: 5px;margin:0 auto 20px auto;} .gt_advacnce_search_wrap H3{ position:absolute; left:15px;top:12px;} .gt_advacnce_search_wrap a:hover{ background:#56AE95; color:#FFF; font-weight:bold } .gt_advacnce_search_wrap a{ padding:5px 12px;} .board {width:100px;height: 418px;border: 1px solid #ddd;margin: 10px 0px 10px 10px;} .board ul { margin-bottom:-1px} .board li {height: 28px; line-height:28px; } .board h4 {color: #666;font-size: 14px;padding: 10px 7px; border-bottom: 1px solid #ddd;background-color: #fafafa;font-weight: bold;} .main-srp .proListSearch {height: auto;margin: 0 auto 70px; overflow:hidden;} .proListSearch li { width: 238px;height: 390px;float: left;border:1px solid #fff; margin-bottom:20px;} .proListSearch li:hover{ border-color:#e5e5e5;} .proListSearch li .content {width: 238px;height: 390px;margin: 0 auto;background: #fff;overflow: hidden;position: relative;z-index: 10;} .content .img {display: block;width: 220px;height: 220px;margin: 10px auto;overflow: hidden;position: relative;top: 0;left: 0;background:#F7F7F7; text-align:center; line-height:220px} .content .img img {width: 220px;height: 220px;transition: all 0.6s;} .content .img:hover img{ -webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -transform:scale(1.2,1.2);} .content .proName {display: block;width: 220px;height: 30px; margin: 0 auto 5px; color: #333; overflow: hidden; } .content .exname{width: 220px; height: 30px; margin: 0 auto 2px;color:#999; overflow: hidden; font-size:12px} .content .proName span {color: #cf010e;vertical-align: baseline;} .content .priceArea {width: 220px;margin: 0 auto 7px;} .priceArea .price {font-size: 16px;font-weight: bold;color: #cf010e; margin-right: 5px;} .content .judge { display: block;width: 220px;margin: 0 auto 7px;font-size:12px} .judge a{ padding:0px 5px; color: #6593cf;} .content .buyArea {width: 220px;margin: 0 auto;margin-top: 7px;} /******************药材内容页*********************/ .place {margin: 20px auto;color: #333; width:1200px;color:#999;} .place a{margin:0 5px;color:#999;} .place a:hover{color: #36C;} .g9{color:#999999;} .l{float:left;} .y-cn{ padding:10px; font-size:16px} .y-cn p{ padding-bottom:15px;} .y-cn img{ max-width:930px; height:auto; text-align:center; margin-bottom:20px;} .y-cn strong{ color:#333} .main-srp h1 {font-size: 30px; font-family: '微软雅黑';text-align: center;color: #333; margin-bottom: 0px;} .attr{height:30px;line-height:30px;margin-bottom:15px; text-align:center} .attr span{margin-right:10px;color:#999;} /*--- 草药手风琴start ---*/ .accordionOut{padding-top:80px;padding-bottom:37px;background:url(../images/ycbg.gif) no-repeat;background-size:100% auto;} .picon{position:relative;width:1200px;height:445px;margin:80px auto 20px auto;overflow:hidden; background:#FFF} .picon li{float:left;height:445px;width:155px;position:relative;overflow:hidden;} .picon ul {position:relative;overflow:hidden;height:446px;width:3300px;} .picon li.box {width:914px;overflow:hidden; display:block} .picon .left {width:236px;height:445px;float:left;cursor:pointer} .picon .left img {width:100%;height:100%;} .picon .right {padding:28px;width:612px;height:445px;float:left;background:#fff;} .picon .right .title{width:100%;height:135px; position:relative } .picon .right .title h1{ font-size:30px; font-weight: normal} .picon .right .title p{width:100%; line-height:28px; padding-top:10px} .picon .right .title a{ background:#FF683A; padding:5px 15px; position:absolute; right:0px; color:#FFF; top:5px} .picon .right p {margin-right:27px;} .picon .right .cont {width:612px;overflow:hidden;} .picon .right .cont p {width:175px;text-align:center;float:left;} .picon .right .cont img {display:block;width:186px;height:186px;} .picon .goBuy{display:inline-block;width:147px;height:37px;line-height:37px;text-align:center;border:1px solid #ffb392;color:#ff6c2b;font-size:16px;} .picon .goBuy:hover {text-decoration:none; background:#ff6c2b; color:#FFF} .picon .price {display:block;width:100%;font-size:12px;color:#ff6c2b;margin-top:6px;margin-bottom:6px;} .picon .price em {font-size:18px;} .picon .prod {display:block;width:100%;font-size:14px;color:#999;margin-top:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;} .picon .accordionOut{padding-top:202px;padding-bottom:37px;background:url(../images/ycbg.gif) no-repeat;background-size:100% auto;} /*--- end ---*/ /******************药材翻页*********************/ .fanye { height: 28px; float: right; display: inline-block; margin: 30px; } .number { width: 34px; height: 26px; border: 1px solid #e1e1e1; color: #333; text-align: center; line-height: 26px; margin-right: 6px; float: left; display: inline-block; } .page-form{ display:inline-block; } .page-num { width: 34px; height: 23px; border: 1px solid #e1e1e1; color: #333; text-align: center; line-height: 23px; margin:0 6px; display: inline-block; padding:0px; } .page-sub{ background:#fff; border:1px solid #e4e4e4; padding:5px; cursor: pointer; } .fanye .number.on { color: #fff; background-color: #36C; border: 1px solid #36C; } .fanye .sheng { margin-right: 6px; float: left; display: inline-block; color:#339933; } .fanye .prevpage, .fanye .nextpage { width: 62px; } .pages{text-align:center;padding:40px 0 40px 40px; line-height:50px;} .pages .norPageClass{height:30px;margin-right:5px;border:0;line-height:30px;border:1px solid #ddd;padding:3px 12px} .pages a.norPageClass:hover{color:#fff;background:#429a43;border:1px solid #429a43;} .pages a.currPageClass{color:#fff;height:30px;margin-right:5px;border:0;line-height:30px;border:1px solid #429a43;padding:3px 12px;background:#429a43;} .pages a.currPageClass:hover{color:#fff;background:#429a43;border:1px solid #429a43;} .pages #pageNo{ outline:none; padding:1px 12px; border:1px solid #ddd; margin-left:50px; cursor: text;} .pages input{ padding:2px 12px; line-height:25px; margin-right:5px;cursor: pointer;} /*************s首页药材****************/ .yc-in{height:232px;width:1190px;border:1px solid #e9e9e9;margin:20px auto ;background:#fff;clear:both; overflow: hidden} .yc-in .title{position: relative; line-height:40px; height:40px;border-bottom:1px solid #e9e9e9;} .yc-in .title h1{position:absolute;left:0px; line-height:40px; font-size:16px; font-weight: bold; background: url(../images/yc.png) left 12px no-repeat; padding-left:28px; margin-left:15px;} .yc-in .title h2{position:absolute;left:150px; font-size:12px; font-weight:normal; color:#aaa} .yc-in .more{position:absolute;right:15px; font-size:12px} .yc-in .title li{ float:left; margin-right:10px; font-family:"宋体"; font-size:12px; color:#999; } .yc-in .title ul{ margin-left:230px;} .yc-in .title li a{color:#999; text-align:center;background: #fff; font-family: Arial, Helvetica, sans-serif; padding:3px 7px;font-size: 12px; display: inline;} .yc-in .title li a:hover{color:#fff;font-size: 12px; height:20px; width:20px;text-align: center; background:#F00} .yc-in-box{width:1200px; overflow:hidden; margin:15px;} .yc-in-box img{width:180px;height:150px;} .yc-in-box ul li{width:180px;height:150px;float:left;margin:0 15px 15px 0;position:relative;overflow:hidden;cursor:pointer;} .yc-in-box .txt{width:180px;height:35px; background:url(../images/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";} .yc-in-box .txt h3{font-size:14px;font-weight:100;height:35px;text-align:center;line-height:35px;} .yc-in-box .txt p{font-size:12px;text-align:center;} /*right-fixed*/ .right-fixed{position:fixed; right:0px; bottom:150px; z-index: 99999;} .right-fixed li{width:50px; height:50px; background-color:#cacaca; margin-bottom:1px; cursor:pointer; position:relative;} .right-fixed .app, .right-fixed .weixin, .right-fixed .wap, .app-logo, .weixin-logo{background-image:url(../images/tubiao.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;} .right-fixed .app:hove, .right-fixed .weixin:hover, .right-fixed .wap:hover{background-image:url(../images/tubiao.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;} .right-fixed .back-top{background-image:url(../images/tubiao.png); background-repeat:no-repeat;} .right-fixed .back-top:hover{background-image:url(../images/tubiao.png); background-repeat:no-repeat;} .right-fixed .app{background-position:-10px -170px;} .right-fixed .weixin{background-position:-65px -170px;} .right-fixed .wap{background-position:-120px -170px;} .right-fixed .back-top{display:none; background-position:-175px -170px;} .right-fixed .app:hover{background-position:-10px -114px;} .right-fixed .weixin:hover{background-position:-65px -114px;} .right-fixed .wap:hover{background-position:-120px -114px;} .right-fixed .back-top:hover{background-position:-175px -114px;} .app-logo, .weixin-logo{width:162px; display:none; position:absolute; bottom:0; left:-162px; border:1px solid #ccc; box-sizing:border-box;} .app-logo{height:180px; background-position:-180px -229px;} .weixin-logo{height:200px; background-position:-10px -229px;} .right-fixed .app:hover .app-logo{display:block;} .right-fixed .weixin:hover .weixin-logo{display:block;} .right-fixed .wap:hover .wap-logo{display:block;} .right-fixed .wap a {display:block;width:50px; height:50px; } /***********分享**************/ .content-action{float:right;margin-right:30px;margin-top:8px} .content-action .content-comment, .content-action .content-share{color:#999; padding-left:20px; position:relative; cursor:pointer;} .content-action .content-share{padding-bottom:10px; } .content-action .content-comment:before, .content-action .content-share:before{content:""; position:absolute;} .content-action .content-comment:before{width:14px; height:14px; background:url(../images/content_tubiao.png) -13px -72px no-repeat; left:0; bottom:0;} .content-action .content-share:before{width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -103px no-repeat; left:2px; bottom:10px;} .content-action .content-collect{text-align:left;} .content-action .content-collect span{color:#666666; padding-left:20px; position:relative; cursor:pointer;} .content-action .content-collect span:before{content:""; position:absolute; width:13px; height:11px; background:url(../images/content_tubiao.png) -13px -45px no-repeat; left:0; bottom:0;} .content-action a:hover, .content-action span:hover{color:#ef3838;} .content-action .content-comment:hover:before{background:url(../images/content_tubiao.png) -37px -72px no-repeat;} .content-action .content-share:hover:before{background:url(../images/content_tubiao.png) -37px -103px no-repeat;} .content-action .content-collect span:hover:before{background:url(../images/content_tubiao.png) -37px -45px no-repeat;} .content-action .content-collect #cancelSpan{color:#ef3838;} .content-action .content-collect #cancelSpan:before{background:url(../images/content_tubiao.png) -37px -45px no-repeat;} #content-share-list{display:none; position:absolute; width:180px; height:300px; background-color:#fff; border:1px solid #e4e4e4; box-sizing:border-box; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; left:-100%; bottom:-300px; z-index:999;} .content-action .content-share:hover > #content-share-list{display:block;} #content-share-list:before{content:""; position:absolute; height:5px; background:url(../images/content-share-list.png) center center no-repeat; top:-5px; z-index:2; width:10px; left:80px;} #content-share-list li{padding-left:9px; margin-top:10px; line-height:25px;float:left;width:80px;text-align: left} #content-share-list li a{color:#1f1f1f; line-height:17px; display:inline-block; position:relative; padding-left:22px;} #content-share-list li a:before{content:""; position:absolute; left:0; bottom:0; width:17px; height:17px;} #content-share-list .content_qq:before{ background:url(../images/content_tubiao.png) -13px -134px no-repeat;} #content-share-list .content_qqzone:before{ background:url(../images/content_tubiao.png) -13px -164px no-repeat;} #content-share-list .content_weixin:before{ background:url(../images/content_tubiao.png) -13px -194px no-repeat;} #content-share-list .content_sina:before{ background:url(../images/content_tubiao.png) -13px -224px no-repeat;} #content-share-list .content_tqq:before{ background:url(../images/content_tubiao1.png) -13px -257px no-repeat;} #content-share-list .content_renren:before{ background:url(../images/content_tubiao1.png) -13px -288px no-repeat;} #content-share-list .content_douba:before{ background:url(../images/content_tubiao1.png) -13px -319px no-repeat;} #content-share-list .content_twi:before{ background:url(../images/content_tubiao1.png) -13px -350px no-repeat;} #content-share-list .content_fbook:before{ background:url(../images/content_tubiao1.png) -13px -381px no-repeat;} #content-share-list .content_linkedin:before{ background:url(../images/content_tubiao1.png) -13px -412px no-repeat;} #content-share-list .content_youdao:before{ background:url(../images/content_tubiao1.png) -13px -443px no-repeat;} #content-share-list .content_evernotecn:before{ background:url(../images/content_tubiao1.png) -13px -474px no-repeat;} #content-share-list .content_mail:before{ background:url(../images/content_tubiao1.png) -13px -505px no-repeat;} #content-share-list .content_copy:before{ background:url(../images/content_tubiao1.png) -13px -534px no-repeat;} #content-share-list .content_print:before{ background:url(../images/content_tubiao1.png) -13px -564px no-repeat;} #content-share-list li a{background:none; height:auto; margin:0; float:none;} /************文章评论*******************/ .comments{padding:20px;} .comments h1{color:#1f1f1f; font-size:24px; font-weight:normal; position:relative; } .comments h1 span{color:#1f1f1f; font-size:14px; display:inline-block; position:absolute; right:0; bottom:0;} .comments h1 span .count{color:#ef3838;} .comments .comments-text{margin-top:20px; border:1px solid #cbcbcb; width:100%; height:130px; box-sizing:border-box; -moz-border-radius:10px;-webkit-border-radius:10px; padding:10px;border-radius:10px;} .down{height:32px; line-height:32px; float:right;} .down .userImg{width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; margin-right:17px; float:left;} .down span{color:#666666; font-size:15px;} .down span a{color:#00a2ff;} .down .submit-on{float:right; width:80px; height:32px; background-image: url(../images/post-btn.png); background-repeat: no-repeat; cursor: pointer; background-color: transparent; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;} .down .submit-out{ background-image: url(../images/post-btn.png); background-repeat: no-repeat; cursor: pointer; background-color: transparent; float:right; width:80px; height:32px; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;} .plfr1{margin-top:10px;} .plcode{border:1px solid #cbcbcb; width:150px; height:32px; box-sizing:border-box; padding:10px; -webkit-border-radius:10px;border-radius:10px;} .plfr1 img{height:40px; margin-left:10px;} .plfr1 label{color:#f00; font-size:12px; margin-left:4px;} .comments-list{padding:20px} .comments-list h1{color:#1f1f1f; font-size:16px; font-weight:normal; border-bottom:2px solid #f0f0f0; line-height:25px; height:25px; margin-bottom:10px;} .comments-list h1 span{display:inline-block; line-height:25px; border-bottom:2px solid #ef3838;} .comments-item{padding-top:10px; border-bottom:1px dotted #c7c7c7;} .comments-item .tx{float:left; height:100%; margin-right:10px;} .comments-item .tx img{width:50px; height:50px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;} .comments-item .rig{padding-left:60px;} .comments-item .rig .rig-top{padding-top:10px;} .rig .rig-top a{color:#00a2ff; font-size:12px; margin-right:10px;} .rig .rig-top em{color:#ccc; font-size:12px;} .rig .rig-txt{color:#1f1f1f; font-size:14px; line-height:18px; margin-top:10px;} .rig .rig-bottom{margin:10px 0; color:#ccc; font-size:12px;} .rig .rig-bottom a{color:#ccc; font-size:12px; margin-right:20px; padding-left:18px; position:relative; cursor:pointer; line-height:12px; display:inline-block;} .rig .rig-bottom .comments-zan:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -274px no-repeat;} .rig .rig-bottom .comments-hf:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -254px no-repeat;} .rig .rig-bottom .reply-on{color:#00a2ff;} .rig .rig-bottom a:hover{color:#00a2ff;} .rig .reply{display:none; height:auto; padding:5px; margin-top:10px; border:1px solid #cbcbcb; overflow:hidden; margin-bottom:10px;} .rig .reply .reply-text{ height:100px; width:100%; font-size:12px; outline:none; resize:none; border-bottom:1px solid #f0f0f0; margin-bottom:5px;} .rig .reply-text{ padding:5px;height:100px; width:98%; font-size:12px; outline:none; resize:none; border:1px solid #f0f0f0; margin-bottom:5px;} .rig .reply-btn{float:right; padding:3px 16px; background-color:#00a2ff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; color:#fff; font-size:14px; margin-right:5px; outline:none;} .rig .reply-btn:hover{background-color:#21aeff;} .pagebar{ text-align:center; padding:10px 0} .pagebar a{padding:0 5px} .rig #commentInputDiv_20{height:auto;margin-top:10px;overflow:hidden; margin-bottom:10px;} .rig .reply .reply-btn{float:right; padding:3px 16px; background-color:#00a2ff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; color:#fff; font-size:14px; margin-right:5px; outline:none;} .rig .reply .reply-btn:hover{background-color:#21aeff;} .open-more{margin-top:40px; text-align:center;} .open-more a{padding:5px 20px; border:1px solid #c7c7c7; font-size:12px; color:#333; display:inline-block;} .open-more a:hover{border:1px solid #ef3838; color:#333;} .comments-child{border-top:1px dotted #c7c7c7; border-bottom:none;} .content_w850{width:850px; float:left;background:#FFF} .content_w850 h1{color:#1f1f1f; font-size:24px; font-weight:normal; padding:15px 15px 5px 15px} .content-inf{margin-top:5px; color:#9a9a9a; font-size:12px; font-family:"宋体"; padding-left:15px } .container{width: 1200px;margin:15px auto 0px auto } /*tag*/ .w310{width:310px; float:right;background:#FFF;padding:15px} .tag .tag-nav{width:100%; border-bottom:2px solid #e7e7e7; padding-bottom:10px; position:relative;} .tag .tag-nav h1{color:#1a1a1a; font-weight:normal; position:relative; display:inline-block;} .tag .tag-nav h1:after{content:""; height:2px; width:100%; position:absolute; left:0; bottom:-12px; background-color:#ef3838;} .tag .tag-nav .change{right:0; bottom:7px; position:absolute; color:#999999; font-size:12px; line-height:14px;} .tag .tag-nav .change:hover i{-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);} .tag .tag-nav .change i{width:14px; height:14px; display:block; background:url(../images/change.png) no-repeat;-webkit-transition: -webkit-transform .5s ease-out; -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; -ms-transition: -ms-transform .5s ease-out; float:left; margin-right:5px;} .tag .tagList{margin-top:15px;} .tag .tagList a{color:#1a1a1a; font-size:16px; padding:12px 19px; display:inline-block; float:left; margin:0 1px 1px 0; background:#e7e7e7; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;} .tag .tagList a:hover{background:#f7f7f7; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;} /*issue*/ .issue{margin-top:24px;} .issue .item{padding:18px 0 12px; border-top:1px dashed #e0e0e0;} .issue .item:hover{background-color:rgba(240,240,240,0.4);} .issue .item .img{float:left; width:100px; height:69px; margin-right:18px;} .issue .item .img img{width:100%; height:100%;} .issue .item h2{height:48px;font-size:14px; } .issue .item h2 a{line-height:24px; font-weight:normal;} .issue .item .issue-comment{color:#c7c7c7; font-size:12px; margin-top:8px;} .vcon .img{position:relative;} .vcon .img:before{content:""; width:22px; height:22px; display:inline-block; background:url(../images/video-btn.png) no-repeat; left:39px; top:23px; position:absolute;}