/* CSS Document */ @charset "gb2312"; body{font: 14px "Arial","Microsoft YaHei",\5fae\8f6f\96c5\9ed1,"Helvetica","sans-serif" } body,ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,img,iframe{margin:0;padding:0;border:0} @media (min-width: 768px) and (max-width: 1000px) {.topinfor,.banner01,.index_joinNew,.index_newsGrid,.banner02,.bg_white,.footer,.bg_dark{width:1150px; margin:0 auto;}} input{margin:0;padding:0; font-family:Microsoft YaHei} ul,li,dl,dt,dd{list-style:none;} iframe,img{border:none;} .area a{color:#333; text-decoration:none;} .area a:hover{color:#2a8ae7;text-decoration:underline;} .area h2{font-size:14px;} .area h3{font-size:12px;} address,caption,cite,code,dfn,th,var,em{ font-style:normal;font-weight:normal;} q:before,q:after{content:'';} table{ border-collapse:collapse;border-spacing:0;} table.spt{ border-spacing:3px; border-collapse:separate;} section, header{display: block;} input, select {vertical-align:middle;} input:focus, textarea:focus {outline: 0 transparent;} .clear{clear:both;} .clr{display:block;height:0;clear:both;overflow:hidden;_line-height:0; _font-size:0;} .clr1{display:block;height:1px; background:#DBDBDB;clear:both;overflow:hidden;_line-height:0; _font-size:0; margin:10px 0;} .clrm5{display:block;height:5px;clear:both;overflow:hidden;} .clrm10{display:block;height:10px;clear:both;overflow:hidden;} .clearfix{*zoom:1;} .clearfix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;} .fl{float:left;} .fr{float:right;} .ftn{font-weight: normal} .ft12{font-size:12px;} .ft14{font-size:14px;} .ftb{font-weight: bold} .lht22{line-height:22px;} .lht25{line-height:25px;} .posit_r{position:relative} .pd5{padding:5px;} .pd10{padding:10px;} .pd20{padding:20px;} .pd_lf15{ padding-left:15px;} .t-c{text-align:center;} .t-l{text-align:left;} .t-r{text-align:right;} .tid2{text-indent:2em;} .zoom{ overflow:hidden;zoom:1} .vtc_m{ vertical-align:middle} .text_underline{ text-decoration:underline} .imgbd2{ border:#CCC solid 1px; padding:2px;} .mgt5{ margin-top:5px;} .mgt10{ margin-top:10px;} .mgt20{ margin-top:20px;} .mgt30{ margin-top:30px;} .mgt40{ margin-top:40px;} .mgt50{ margin-top:50px;} .mgb5{ margin-bottom:5px;} .mgb10{ margin-bottom:10px;} .mgb20{ margin-bottom:20px;} .mgb30{ margin-bottom:30px;} .mgb40{ margin-bottom:40px;} .mgb50{ margin-bottom:50px;} .mgl10{ margin-left:10px;} .mgr10{ margin-right:10px;} .mgt-5{ margin-top:-5px;} .mgt-10{ margin-top:-10px;} .mgt-15{ margin-top:-15px;} .mgt-20{ margin-top:-20px;} .w_break{word-wrap:break-word;overflow:hidden;} .ind{display:inline-block; *display:inline; zoom:1; vertical-align:top;} .text_of{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .bdrds6px{border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .img_max img{ max-width:100%;width: 100%\9} .img-circle { border-radius: 50%;} .aptext {overflow:hidden;} .aptext .pic{ float:left; margin-right:15px; display:inline-block;} .aptext .left{ float:left; margin-right:15px; display:inline-block;} .aptext .text{ overflow:hidden;} .aplist{margin-right:auto;font-size:0;} .aplist>li{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:auto; margin-right:auto;} .aplist img.imgbg{padding:1px;border: #ccc solid 1px;} .aplist span.name{ display: block; line-height:20px; padding:4px 0; text-align:center;} i{display: inline; float: left;overflow:hidden;} i{/* width:17px; height:12px; background:url(images/icon-djl.png) no-repeat;margin: 4px 5px 0 0; */ } .justify{ text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/ } .picText{position:relative; display:block;} .picText img{display: block;} .picText .text{ display:block; position:absolute; left:0; bottom:0; width:100%; padding:2px 0; font-size:14px; color:#FFF; background:url(images/text_bg.png);text-align:center} .picText .text em{ padding:0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display:block;} .picText .text:hover{ color:#FFF} .picText .text2{ display:block; text-align:center; font-size:14px; padding:5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .picText.p2 .text{ font-size:12px; color:#000; background:rgba(205,205,205,0.8); background:#ccc\9; filter: alpha(opacity=80); text-align:left; z-index:10;} .picText.p2 .text:hover{ color:#333} .picText2{position:relative;} .picText2 .text{ display:block; position:absolute; left:0; bottom:0; width:100%; padding:5px 0; font-size:16px; color:#FFF;background:rgba(0,0,0,0.4); background:#000\9; filter: alpha(opacity=80); text-align:left;} .picText2 .text em{ padding:0 10px} .picText2 .text:hover{ color:#FFF} .picText2 a.mask{ position: absolute; cursor:pointer; width: 100%; left:0; top:0; height: 100%; z-index:20;background:#f96238; display:none; text-decoration:none} .picText2:hover a.mask{ display:block;} .picText2 .link{ padding:20px; color:#FFF; font-size:13px;} .picText2 .link .text_box{ padding:10px 5px 0; border-bottom:#639AB5 solid 1px; overflow:hidden; height:160px} .picText2 .link .text_box h2{ height:30px;margin-bottom:5px; font-size:16px; text-align:center; font-weight:normal; color:#FFF} .picText2 .link .text_box .ct{ line-height:1.8; color:#D1EAFD} .picText2 .link .zoom{ padding-top:10px;color:#FFF} .bd6px{border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .ellips{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .clip{ white-space:nowrap; text-overflow:clip; overflow:hidden;} .c_blue,.c_blue a,a.c_blue{ color:#398bfb} .c_white,.c_white a,a.c_white{ color:#fff} .c_red,.c_red a,a.c_red{ color:#FF0000 } .c_darkblue,.c_darkblue a,a.c_darkblue{ color:#5f7287 } .c_yellow,.c_yellow a,a.c_yellow{ color: #FF7F00} .c_green,.c_green a,a.c_green{ color:#7ABD54} b[class^="ds-icon-"], b[class*="ds-icon-"] { background-image:url(images/ds-icon.png); width:20px; height:20px;background-repeat:no-repeat; display:inline-block; *display:inline; zoom:1; vertical-align: middle;*margin-top: 0} b.ds-icon-paixu{ background-position:0 0;margin-left: 8px;margin-top: -2px} b.ds-icon-user{background-position:0 -20px;} b.ds-icon-pas{background-position:0 -40px;} input[type="radio"], input[type="checkbox"] { margin-top: 1px \9; line-height: normal; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; line-height: 21px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin: 4px 0 0; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; line-height: 21px; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 20px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .area{ width:1050px; margin:0 auto} /*----------------------------------------------------------------------------------a-a-a-a-------------*/ /*----------------------------------------------------------------------------------b-b-b-b-------------*/ .banner01{ position:relative; z-index:1;background-image:url(images/banner01.jpg); background-position:top center; background-repeat:no-repeat;height:420px;/*background-size: cover*/} .banner02{ position:relative; z-index:1;background-image: url(images/banner02.jpg); background-position:top center; background-repeat:no-repeat; height:420px; /*background-size: cover*/} .banner03{ position:relative; z-index:1;background-image: url(images/user_banner.jpg); background-position:top center; background-repeat:no-repeat; height:199px;/*background-size: cover*/} .row_box{padding: 35px 0;} .row_content{min-height: 500px} .bg_white{background: #fff; } .bg_grey{background: #efefef;} .bg_dark{background: #2f3e48; } .bt_grey{ border: 0; cursor: pointer; text-decoration:none; font-family:Microsoft YaHei; background:#f8f8f8; font-size: 17px; color: #000!important;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding:10px 40px; display:inline-block; *display:inline; zoom:1; border: #ccc solid 1px; line-height: normal;} .bt_grey.smh{padding: 5px 20px;} .bt_grey.small{padding: 5px 20px;font-size: 14px;} .bt_grey.mini{padding: 5px 10px;font-size: 14px;line-height: 15px; } .bt_grey:hover{background: #ddd;text-decoration: none!important } .bt_blue{ border: 0; cursor: pointer; text-decoration:none; font-family:Microsoft YaHei; background:#006DB9; font-size: 17px; color: #fff!important;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding:10px 40px; display:inline-block; *display:inline; zoom:1; } .bt_blue.smh{padding: 5px 20px;} .bt_blue.small{padding: 5px 20px;font-size: 14px;} .bt_blue:hover{background: #36C;text-decoration: none!important } .bt_blue.vt{font-size: 16px;padding: 3px 15px;} .bt_blue.grey{background: #ddd;color: #333!important;} .bt_mode{ border: 0; cursor: pointer; text-decoration:none; font-family:Microsoft YaHei; background:#f8f8f8; font-size: 15px; color: #000!important;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding:3px 10px; display:inline-block; *display:inline; zoom:1; border: #ccc solid 1px;} .cs-mode .active .bt_mode,.cs-item .active .bt_mode{background:#006DB9;color: #fff!important; border-color:#006DB9 } .bt_mode:hover{text-decoration: none!important;background: #ddd} .cs-mode {margin-left: -30px;} .cs-mode li{margin-left: 30px;} .cs-item {margin-left: -50px;} .cs-item li{margin-left: 50px;font-size: 14px;} .cs-item .bt_mode{min-width: 120px; text-align: center;} .cs-profession {margin-left: -30px;} .cs-profession li{margin-left: 30px;} .banner04{position: relative;} .banner04 img{} .banner04 .sprite{position: absolute;right: 50px; top: 50px;width: 145px;text-align: center;} .banner04 .sprite .bt{background: #fff;border-radius: 20px;color: #5291FF;padding: 5px 0;display: block;text-align: center;font-size: 16px;} .banner04 .sprite .link{padding: 10px 0; text-align: center;font-size: 14px;color: #fff;display: block;text-decoration: underline} .ziyuan-cate .hd ul li{ font-size:17px;} .ziyuan-cate .hd ul li{ background-position:0 0;text-decoration:none; } .ziyuan-cate .hd ul li span{background-position:right 0; padding:0 15px 0 0; margin:0 0 0 15px; float:left; line-height:34px; font-size:17px;} .ziyuan-cate .hd ul li.on,.ziyuan-cate .hd ul li.on span{ background-image:url(images/bt_bluebg.png); background-repeat:no-repeat;height:42px;color: #fff;} .ziyuan-cate.z2 .hd ul li.on,.ziyuan-cate.z2 .hd ul li.on span{ background-image:url(images/bt_bluebg2.png); background-repeat:no-repeat;height:42px;color: #fff;} .baoming_setting{} .baoming_setting .wel{font-size: 18px;font-weight: 500;} .baoming_setting .wel .exit{font-size: 15px;} .baoming_setting .setting{margin: 20px 0;} .baoming_setting .setting a+a{margin-left: 50px;} .baoming-list .menu{ display:block; height:30px; margin-bottom:20px; } .baoming-list .more{ float:right; padding-top:8px;font-size:14px;color: #818C96;} .baoming-list .menu li{display:inline-block; *display:inline; zoom:1; vertical-align: bottom; cursor: pointer; margin-right:10px;} .baoming-list .menu li a{ display:block; border:solid 1px #cccccc; height:28px; background:#FFF; min-width:98px; line-height:27px; text-align:center; color:#576b85; font-size:16px;} .baoming-list .menu li.active a{color:#fff; border:#006DB9 solid 1px; background:#006DB9;} .baoming-list .menu li a:hover{ text-decoration:none} .none{ display:none} .baoming-list.n2 .menu{ position:relative; border-bottom:#ccc solid 1px;height: 40px} .baoming-list.n2 .menu li{position: relative;bottom:-1px;} .baoming-list.n2 .menu li a{padding: 5px 10px} /*----------------------------------------------------------------------------------c-c-c-c-------------*/ .course_panel{ margin-left:-20px} .course_panel>li{ margin-left:20px; margin-bottom:20px;} .course_panel .grid{ border:#cbcbcb solid 1px; padding:1px;width: 194px; position: relative;} .course_panel .grid .pic img{width: 194px;height: 147px;} .course_panel .grid .text{padding: 8px;} .course_panel .grid .text h2{font-size: 16px;font-weight: 400; } .course_panel .grid .text .source{color: #5f7287;font-size: 14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;padding-top: 7px;} .course_panel .grid .text .source .icn2{margin-top: -1px;} .course_panel .grid .num{border-top-right-radius: 5px; border-bottom-right-radius: 5px;background: #686d73; padding: 3px 10px;color: #fff;position: absolute; top: 10px; left: 1px;font-size: 14px;} .course_panel .grid .vote{ margin-top: 6px; text-align: center; } .course_panel.n2 .grid{ border: 0; padding: 0;width: 217px;} .course_panel.n2 .grid .pic img{width: 217px;height: 162px;} .course_panel.n2 .grid .text{padding: 8px;background: #efefef;} .course_panel.n3 .grid{ background: #fff;} .course_panel.n4{margin-left:-16px} .course_panel.n4>li{margin-left:16px;margin-bottom:16px;} .course_panel.n4 .grid{border:0;padding: 0;background: #F2F2F2;width: 208px;} .course_panel.n4 .grid .pic img{width: 208px;height: 156px;} .courseList01{ } .courseList01.n2{ margin-left:-30px; } .courseList01>li{ margin-left:20px; margin-bottom:20px; } .courseList01.n2>li{ margin-left:30px; margin-bottom:20px; } .courseList01 .picText{ position:relative; background:#FFF;width:225px;font-size: 14px;} .courseList01.n2 .picText{ padding: 0;} .courseList01 .picText img{ width: 225px; height: 164px;} .courseList01 .picText .text2{font-size: 16px;text-align: left;padding: 10px 0 10px 5px;} /*----------------------------------------------------------------------------------d-d-d-d-------------*/ .ds_menu01 li{border-top: #fff solid 2px;background: #F1FCFF;} .ds_menu01 li:first-child{border-top: 0;} .ds_menu01 a .name{color: #225272;font-size: 20px;letter-spacing: 2px;padding-left: 12px;} .ds_menu01 a:hover table{background: #02bbff;} .ds_menu01 a:hover{color: #fff;text-decoration: none;} .ds_menu01 a:hover .name{color: #fff;text-decoration: none;} /*----------------------------------------------------------------------------------e-e-e-e-------------*/ /*----------------------------------------------------------------------------------f-f-f-f-------------*/ .friend_link{margin-bottom:10px;} .friend_link .aptext .pic{ margin-right:30px;} .friend_link .aplist{ margin-right:-30px; text-align:left} .friend_link .aplist>li{ font-size:14px; margin-right:30px; margin-bottom:15px; line-height:15px; *line-height:18px;} .footer{background:#023b64; height: 100px;font-size: 12px;display: flex;align-items: center} .footer .ct{ line-height:1.8; text-align:center} .bg_white+.footer{ margin-top:30px;} .f-up{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;} .f-up:hover {transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);box-shadow: 0 0 10px #ccc} .fullSlide2{height: 380px; background-color: #000;background-position: top center;background-repeat: no-repeat;} /*----------------------------------------------------------------------------------g-g-g-g-------------*/ /*----------------------------------------------------------------------------------h-h-h-h-------------*/ .headline01{margin-bottom:20px; position:relative;} .headline01 h2{display:inline-block; *display:inline; zoom:1; font-size:20px; font-weight: normal; letter-spacing: 2px;} .headline01 h2 i{background: #1a98f3; width: 4px; height: 19px;margin-right: 10px;margin-top: 5px;} .headline01 a.more{float: right;padding-top: 8px;} .headline{margin-bottom:20px; position:relative;background: #f9f9f9;padding: 7px 15px 5px;} .headline h2{display:inline-block; *display:inline; zoom:1; font-size:20px; font-weight: normal; letter-spacing: 2px;} .headline h2 i{background: #1a98f3; width: 4px; height: 19px;margin-right: 10px;margin-top: 5px;} .headline a.more{float: right;padding-top: 8px;} .headline2 {display:block; border-bottom:1px solid #D1D1D1; margin-bottom:20px;} .headline2 h3{color:#000; margin:0 0 -1px 0; font-size:18px; font-weight:400; display:inline-block; *display:inline; zoom:1; border-bottom:3px solid #1a98f3; padding-bottom:5px; } .headline2 span.more{ float:right; padding-top:5px;} .headline2>q{ font-size:12px; font-weight:normal; margin-left:10px; } /*----------------------------------------------------------------------------------i-i-i-i-------------*/ .icn2{ background: url(images/icngrp.png) no-repeat; width:20px; height:20px; display:inline-block; *display:inline; zoom:1; vertical-align: middle; margin-right:8px; margin-top:-4px;*margin-top:0} .icn2.i1{ background-position:0 0; } .icn2.i2{ background-position:0 -20px;} .icn2.i3{ background-position:0 -40px;} .icn2.i4{ background-position:0 -60px;} .icn2.i5{ background-position:0 -80px;} .icn2.i6{ background-position:0 -100px;} .icn2.i7{ background-position:0 -120px;} .icn2.i8{ background-position:0 -140px;} .icn2.i9{ background-position:0 -160px;} .icn2.i10{ background-position:0 -180px;} .icn2.i11{ background-position:0 -200px;} .icn2.i12{ background-position:0 -220px;} .icn2.i13{ background-position:0 -240px;} .icn2.i14{ background-position:0 -260px;} .icn2.i15{ background-position:0 -280px;} .icn2.dl-user{width: 33px;height: 34px;background-position:-47px -92px;} .icn2.dl-psw{width: 33px;height: 34px;background-position:-47px -126px;} .icn2.dl-yan{width: 33px;height: 34px;background-position:-47px -160px;} .icn2.hdpic{width: 33px;height: 27px;background-position:-35px -360px;margin-top: -7px;} .icn2.del{width: 27px;height: 27px;background-position:-39px -319px;margin: 0;} .icn2.bm{width: 27px;height: 27px;background-position:-40px -409px;margin: -3px 0 0 10px;} /*----------------------------------------------------------------------------------j-j-j-j-------------*/ /*----------------------------------------------------------------------------------k-k-k-k-------------*/ /*----------------------------------------------------------------------------------L-L-L-L-------------*/ .localcurrent{ padding:8px; font-size:14px;background: #FBFBFB; border-bottom:#E3E3E3 solid 1px} .localcurrent .area{ position:relative} .localcurrent .daohang{ font-size:14px;} .login_wrap{background: url(images/exchange_bg.jpg) bottom center no-repeat;height: calc(100vh - 170px); background-size: 100% 100%} .login_wrap.n2{background-image:url(images/exchange_bg2.jpg);} .login_row{display: flex;justify-content: space-between;align-items: center;} .login_panel{width: 320px; padding-top: 10%} .login_wrap.n2 .login_panel{margin: 0 auto;width: 360px;} .login_panel .bigname{ text-align: center; padding: 50px 0;} .login_panel .panel{background: #fff;border-radius: 10px; padding: 30px 10px 20px} .login_panel .panel_avt{text-align: center;margin-bottom: 20px;font-size: 30px;} .login_panel .tips{line-height: 1.6;color: #FF0000; font-size: 16px; text-align: center; padding-top: 5px;} .login_grid .grid{} .login_grid .content{ padding:0 10px 0;} .login_grid .register{ display:block; text-align:right; font-size:12px; color: #5f7287;} .login_grid .register a{ text-decoration:underline; } .login_grid .list>li{ margin-bottom: 15px; } .login_grid .aptext{background:#f2f8fb;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .login_grid .aptext .pic{ width: 50px; height: 50px; background:#e7f0f4; margin-right: 0; } .login_grid .aptext .pic .icn2{ margin:0; margin:8px 0 0 8px;} .login_grid .aptext .text{ padding-top: 5px;} .login_grid .aptext .text .ipt{ border:0;width: 210px; padding: 5px 0 5px 10px; background:none; line-height: 30px;height: 30px; font-size:16px;color: #5f7287; } .login_grid .yzm_box{ overflow:hidden} .login_grid .yzm_box .yzm_ipt{ border:#dbdbdb solid 1px;width:130px; padding: 2px 0 2px 5px; line-height: 24px;height: 23px; font-size:14px;color: #6F7B85; margin-right:10px; } .login_grid .yzm_box:hover .yzm_ipt{ border-color: #34A7F7 } .login_grid .yzm_box .yzm{ float:left;} .login_grid .aptext .icn2{ margin: 5px 0 0 8px; } .login_grid .dl_box{ overflow:hidden; margin-top:15px;} .login_grid .dl_box .bt{ border: 0; cursor: pointer; font-family:Microsoft YaHei; background:#4793fb; padding:8px 0; font-size: 22px; color: #fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin:0 0 20px; display: block; width: 100%;} .login_grid .dl_box .bt:hover{background: #36C;} .login_grid .forget{ text-align:right} .login_grid .dl_text{ } .login_grid .dl_text .n{border-bottom:#ccc solid 1px;text-align:center; padding-bottom:8px; font-size:14px; margin-bottom:8px;} .login_grid .dl_text .c{ line-height:1.6; text-align:center; width:70%; margin:0 auto} .login_grid .dl_text .c p{ margin-top:17px;} .login_grid .dl_text .t{padding: 8px 0 0;} .login_grid .dl_text .bt_black{ margin-top:8px; display:block} .login_grid2 .grid{ float: right; } .login_grid2 .content{ padding:0 10px 0;} .login_grid2 .register{ display:block; text-align:right; font-size:12px; color: #5f7287;} .login_grid2 .register a{ text-decoration:underline; } .login_grid2 .list>li{ float: left;margin-right: 6px; } .login_grid2 .aptext{border-radius: 1px; border: solid 1px #d0d0d0; height: 29px;} .login_grid2 .aptext .pic{margin: 5px 10px 0 5px} .login_grid2 .aptext .text{ padding-top: 2px;} .login_grid2 .aptext .text .ipt{ border:0;width: 105px; background:none; line-height: 25px;height: 25px; font-size:14px; color: #737781; } .login_grid2 .yzm_box{ overflow:hidden} .login_grid2 .yzm_box .yzm_ipt{ border:#dbdbdb solid 1px;width:130px; padding: 2px 0 2px 5px; line-height: 24px;height: 23px; font-size:14px;color: #6F7B85; margin-right:10px; } .login_grid2 .yzm_box:hover .yzm_ipt{ border-color: #34A7F7 } .login_grid2 .yzm_box .yzm{ float:left;} .login_grid2 .dl_box{ overflow:hidden;} .login_grid2 .dl_box .bt{ border: 0; cursor: pointer; font-family:Microsoft YaHei; background:#02bbff; padding:0 8px;height: 31px;line-height: 27px; font-size: 14px; color: #fff;} .login_grid2 .dl_box .bt:hover{background: #36C;} .login_grid2 .forget{ text-align:right} .login_grid2 .dl_text{ } .login_grid2 .dl_text .n{border-bottom:#ccc solid 1px;text-align:center; padding-bottom:8px; font-size:14px; margin-bottom:8px;} .login_grid2 .dl_text .c{ line-height:1.6; text-align:center; width:70%; margin:0 auto} .login_grid2 .dl_text .c p{ margin-top:17px;} .login_grid2 .dl_text .t{padding: 8px 0 0;} .login_grid2 .dl_text .bt_black{ margin-top:8px; display:block} .leftrec01list li { background: url(../images/dot.gif) no-repeat 0 1px; padding:3px 0 4px 15px; line-height:20px; text-align:left; border-bottom:#CCCCCC dashed 1px; } .ds_shipin .menu{ display:block; text-align: center;margin-bottom: 30px; font-size:0; } .ds_shipin .menu li{ display:inline-block; *display:inline; zoom:1; min-width:58px; text-align:center; vertical-align: middle;cursor: pointer; font-size:16px; padding:5px 20px;background: #F3F6FB; border:#ccc solid 1px; margin-left:-1px;} .ds_shipin .menu .active{color:#fff;background:#02bbff; border-color:#02bbff} .ds_shipin .none{ display:none;} .ds_shipin .shipin{ padding:10px;margin:0 auto; width:651px;} .ds_shipin .shipin object{border: #CCC solid 2px; padding:2px;background:#FFFFFF;} .leftrec01 h4 a{color:#F16512;} .ds_shipin .piclist{ clear:both; overflow:hidden; padding:20px 0 0;font-size: 0 } .ds_shipin .piclist li {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:225px; margin-left:19px;margin-bottom: 20px;} .ds_shipin .piclist li img {width: 225px;height: 164px;} .ds_shipin .piclist li span.name2 { display:block; line-height:22px; font-size: 15px;padding: 10px 0 ;} .awardPanel {background-color: #ffffff;border: solid 1px #e2e2e2;margin-bottom: 30px;} .awardPanel.n2{border: 0;background: none} .awardPanel.n2 .awardTitle{background: none;padding:0 0 20px;cursor: auto} .awardPanel.n2 .awardTitle:hover{color: #333} .awardPanel .piclist{padding: 20px 0;} .awardPanel .awardTitle{ position: relative; background: #f9f9f9; padding: 8px 15px;cursor: pointer;font-size: 20px;letter-spacing: 2px;font-weight: 100} .awardPanel .awardTitle:hover{color: #2a8ae7; } .awardPanel .awardTitle span.icn{background: #1a98f3;width: 4px;height: 19px;margin-right: 10px;margin-top: 5px;display: inline;float: left;overflow: hidden;} /*.awardPanel .awardTitle.active span.icn{background-position: 0 0;}*/ .ds_shipin .piclist li {transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;} .ds_shipin .piclist li:hover {transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);box-shadow: 0 0 10px #ccc;} .ds_shipin .piclist li a:hover{text-decoration: none} .ui-tab-tabs { height: 40px; line-height: 40px; border-bottom: 2px solid #d0d0d5; position: relative;} .ui-tab-tabs.subMenu{border: 0; text-align: center;height: auto;} .ui-tab-tab { float: left; margin-right: 50px; font-size: 16px; text-align: center; color: #4c5161; text-decoration: none; overflow: hidden; cursor: pointer;} .ui-tab-tabs.subMenu .ui-tab-tab{float: none;display:inline-block; *display:inline; zoom:1; min-width:58px; text-align:center; vertical-align: middle;cursor: pointer; font-size:16px; padding:5px 20px;background: #F3F6FB; border:#ccc solid 1px; margin-left:-1px;line-height: 25px;margin-right: 0} .ui-tab-tab a { display: block; color: #4c5161;} .ui-tab-tabs a:hover{text-decoration: none} .ui-tab-tab:hover,.ui-tab-tab:hover a { color: #2a80eb;} .ui-tab-tabs .active,.ui-tab-tabs .active a,.ui-tab-tabs .active:hover { line-height: 36px; padding-top: 2px; margin-bottom: -1px; border-bottom: 3px solid; color: #2a80eb; cursor: default;} .ui-tab-tabs.subMenu .active,.ui-tab-tabs.subMenu .active a,.ui-tab-tabs.subMenu .active:hover{color:#fff;background:#02bbff;line-height: 25px;padding-top: 0; border: 0; padding:5px 20px;border:#02bbff solid 1px;} .ui-tab-line { display: none; position: absolute; bottom: -1px; left: 0; width: 0; border-bottom: 3px solid #2a80eb; transition: all .35s;} .ui-tab-tabs > .ui-tab-line ~ .ui-tab-tab { line-height: 40px; padding-top: 0; margin-bottom: 0; border-bottom: 0;} /* contents */ .ui-tab-contents { margin-top: 20px;} /* 有role属性表示JS已经介入了初始化，锚点hash显示功能去除 */ .ui-tab-content{display: none} .ui-tab-content.active{display: block} /* .ui-tab-content[role]:not(.active), .ui-tab-content:not([role]):not(:target) { display: none; } */ .ui-tab-contents:target-within .ui-tab-content:not(:target) { display: none; } .ds_videoBox{min-height: 500px;} .ds_videoBox .hd{float: right;width:200px;border-radius: 3px;overflow-y: hidden;margin-top: 40px;} .ds_videoBox .hd li{background: #02bbff;} .ds_videoBox .hd li.on{background: #2a80eb;} .ds_videoBox .hd li:hover{background: rgba(42,128,235,.8);} .ds_videoBox .hd li a{font-size: 15px;display: block; color: #fff; border-bottom: #fff solid 1px;padding: 10px 15px;} .ds_videoBox .hd li a:hover{text-decoration: none;cursor: pointer;} .ds_videoBox .bd{width: calc(100% - 230px);} .ds_videoBox .bd img{max-width: 100%} .ds_videoBox .video_content{} .ds_videoBox .video_content>h2{height: 40px;font-size: 18px;text-align: center;font-weight: normal;} /*----------------------------------------------------------------------------------m-m-m-m-------------*/ .more_news{ float:right;font-size: 17px; margin-top:7px;} .member_column{background: #F2F2F2;padding:30px;} .member_grid{margin-bottom: 40px;} .member_grid h2{font-weight: normal;font-size: 16px;color: #5f7287;margin-bottom: 10px;} .member_grid .aplist{margin-left: -10px;margin-bottom: -10px;} .member_grid .aplist>li{background: #fff;padding: 20px 35px;text-align: center;margin-left: 10px;margin-bottom: 10px;} .member_grid .aplist>li img{width: 140px;height: 50px;} .menu0220{clear: both;overflow: hidden;border-bottom: #000 solid 1px;margin-bottom: 30px;padding-bottom: 10px;} .menu0220>li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;cursor: pointer;font-weight:normal; margin-right:20px; font-size:18px;vertical-align: baseline;} .menu0220>li.active{color: #2a8ae7; font-weight:bold; } .menu0220>li.normal{color: #333;font-size: 15px; } .menu0220>li:hover{color: #2a8ae7;} /*----------------------------------------------------------------------------------n-n-n-n-------------*/ .newslist{ margin-top:-5px;} .newslist li {padding:4px 0 4px 20px; line-height:1.6; text-align:left;font-size: 16px; background-image:url(images/dot.png); background-position:left 12px; background-repeat:no-repeat; *background-position:left 10px;} .newslist li .t{font-size: 14px; float: right; line-height: 1.6;color: #999} .newslist li .t02{color: #5f7287; font-size: 14px; padding-top:2px;} .newslist.n2 li {padding:5px 0 5px 0;background-image:none;} .news01Box{} .news01Box .newslist{padding: 0 10px 15px 20px} .news01Box .newslist a{width:330px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block} .news01Box2{} .news01Box2 .newslist{padding: 0 10px 15px 20px} .news01Box2 .newslist a{width:300px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block} .newslist_box {} .newslist_box li{ margin-bottom:25px; padding-bottom: 25px; border-bottom:#EAEAEA solid 1px;} .newslist_box .date{width: 80px; border:#cbcbcb solid 1px; text-align:center; margin-right:30px;} .newslist_box .date .day{ display:block; padding:25px 0;color: #fff;background: #6a7585;} .newslist_box .date .day em{font-size: 26px;} .newslist_box .date .mh{color: #878686;font-size: 16px; padding:4px 0;} .newslist_box .text h2{ font-size: 16px; font-weight:400; margin-bottom:10px;} .newslist_box .text h2 em{ margin-right:10px;color:#006DB9;} .newslist_box .text .ct{color: #666666;font-size: 15px; line-height:1.7} .newslist_box .text img{ float:right;width: 224px;height: 160px; margin:0 0 0 10px;} .newslist_box .text .source{color: #888888; font-size:14px; margin-top:15px;} .newslist_box li:hover .date .day{background: #02bbff;} .newslist_box li:hover .text h2,.newslist_box li:hover .text h2 a{ color:#006DB9;} .newslist_box li:hover .text h2 em{color: #333;} .newsNumList li {font-size:17px; margin-bottom:15px;} .newsNumList li i{ width:29px; height:29px; margin: -1px 5px 0 0; text-align:center;font-size:17px; font-family:Arial, Helvetica, sans-serif; font-style:normal; line-height:28px;color: #5f7287; display: inline; float: left;overflow:hidden;} .newsNumList li:first-child i{ background:#006DB9; color:#fff;margin: 2px 10px 0 0;} .newsNumList li .num{ float:right; padding-top:4px;font-family:Arial, Helvetica, sans-serif; font-size:15px;} .newsNumList li a{display:inline-block; *display:inline; zoom:1;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width: 180px;} .newsNumList li:first-child a{font-size: 24px;} .newspaper{ background:#FFFFFF; } .newspaper h1.biaoti{ padding:10px 0 20px; text-align: center;font-size: 24px;font-weight: 400; color:#1b2656; } .newspaper .time { padding-bottom:10px; color: #666; text-align:center; border-bottom:#D1D1D1 solid 1px; } .newspaper .img { max-width:100%; } .newspaper .ct { padding:30px 10px; font-size: 16px; line-height: 2;word-wrap:break-word;overflow:hidden;} .newspaper p+p { padding:10px 0 10px; } .newstab02 .menu{ display:block; margin-bottom:35px; border-bottom:#006DB9 solid 2px;} .newstab02 .menu li{display:inline-block; *display:inline; zoom:1; text-align:center; width:33%;} .newstab02 .menu li a{ display:block; background:url(images/ly_tab_bg01.png) no-repeat; width:92px; height:108px; font-size:17px; line-height:90px; margin:0 auto;color:#fff} .newstab02 .menu li a:hover{ text-decoration:none} .newstab02 .menu .normal a{ background-position:-107px 0; } .newstab02 .menu .active a{ background-position:0 0; color:#fff} .newstab{ position:relative} .newstab .menu{ display:block; margin-bottom:20px; font-size:0; } .newstab .menu li{ display:inline-block; *display:inline; zoom:1; min-width:58px; text-align:center; vertical-align: middle;cursor: pointer; font-size:16px; padding:5px 20px;background: #F3F6FB; border:#ccc solid 1px; margin-left:-1px;} .newstab .menu .active,.newstab .menu .checked{color:#fff;background:#02bbff; border-color:#02bbff} .newstab.n2 .menu{position: absolute; right: -1px; top: -60px;} .newstab.n2 .newspaper{padding:0 20px 20px;} .newstab.n3 .menu{ text-align: center;margin-bottom: 30px;} .ui-tab-content{display: none;} .ui-tab-content.checked{display:block;} .nav_line{height: 3px;background: #006DB9;border-bottom: #ccc solid 1px;} .news_px{ margin-top:-5px;} .news_px li {padding:4px 0 4px 20px; line-height:1.6; text-align:left;font-size: 16px; background-image:url(images/dot.png); background-position:left 12px; background-repeat:no-repeat; *background-position:left 10px;} .news_px li .sm{ font-size:13px; color:#6f7c85; padding-top:5px;} .news_px li span.t { float:right; color:#6f7c85; font-size:13px; } .news_px.n2 li{ background:none; padding:5px 0;} .hotNews_panel .news_px li{ margin-bottom:2px;} .hotNews_panel .news_px li a{ width:170px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block} .News_panel .news_px li{ margin-bottom:2px;} .News_panel .news_px li a{ width:800px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block} /*----------------------------------------------------------------------------------o-o-o-o-------------*/ /*----------------------------------------------------------------------------------p-p-p-p-------------*/ .pagination{margin:30px 0;} .pagination div.digg {padding: 3px; margin: 3px; text-align: right; font-size:16px;} .pagination div.digg a { padding:5px 10px; margin: 2px; color:#5f7287; text-decoration: none;} .pagination div.digg a:hover { color: #fff;background-color:#006DB9; text-decoration:none;} .pagination div.digg a:active { color: #fff;background-color:#006DB9} .pagination div.digg span.current { padding:5px 10px; margin: 2px 5px; color: #fff;background-color:#006DB9;} .pagination div.digg span.disabled { padding:5px 10px; margin: 2px 5px; color: #ddd;} .py_menu{ font-size:0;top:-55px; right:0;position:absolute; z-index: 20;} .py_menu li{ display:inline-block; *display:inline; zoom:1; cursor: pointer; font-size:20px; line-height:17px; font-weight:400; color: #5f7287; background:url(images/line02.png) -3px center no-repeat; padding:0 20px; } .py_menu li:first-child{ margin-left:0; background-image:none} .py_menu .active{color:#006DB9;} .none{ display:none} .pdfpage{background: #000} .pdfpage .head{padding: 30px 0; border-bottom: #ccc solid 5px; color: #fff;} .pdfpage .head>h2{font-size: 21px;text-align: center;} .pdfpage .pdf_content{width: 100%} /*----------------------------------------------------------------------------------q-q-q-q-------------*/ /*----------------------------------------------------------------------------------r-r-r-r-------------*/ .register_tips01{width: 85%; margin: 0 auto;padding: 30px;border: #ccc solid 1px;} .register_tips01 .ct{padding-left: 35px;} .register_tips01 .ct .t{ line-height: 1.6;font-size: 15px;margin-bottom: 20px;} .row_grey{padding: 25px 0;background: #F0F1F6;} /*----------------------------------------------------------------------------------s-s-s-s-------------*/ .search_box{ float:right; background: url(images/searchbg.png) no-repeat ;width: 221px;height: 37px; margin-top:42px;} .search_box .aplist{ *float:left; *overflow:hidden} .search_box .aplist>li{ } .search_box .ipt_box{ width:170px; height:30px; margin:3px 0 0 0; padding-left:10px;} .search_box .ipt_box .ipt{ border:0; background:none; width:160px; height:30px; text-align:center; line-height:28px; color:#717F8C; font-size:16px;FONT-FAMILY:"Microsoft YaHei"} .search_box .search{ display:block; width:35px; height:35px; border:0; cursor:pointer; background:none} #search-category { z-index: 888; POSITION: relative; WIDTH:70px; min-height:37px; font-size:14px; color:#5b5f62;} #search-category .left .hand{ cursor:pointer; } #span_goto{ background:url(images/icon-down.png) right center no-repeat; height:37px; line-height:37px;*line-height:37px; font-size:16px; padding-left:16px; color: #5f7287;} #search-category .left .goto { POSITION: relative;z-index:900; } #search-category .left .goto UL { WIDTH:75px;border:#959FA9 solid 1px; background:#fff; DISPLAY: none; POSITION: absolute; TOP:36px; *TOP:35px; LEFT:-1px; z-index:100; } #search-category .left .goto UL A { DISPLAY: block; padding:3px 0 3px 17px; font-size:14px; } #search-category .left .goto UL A:hover{background: #F2F2F2;} .starbox01{font-size:12px; text-align:center; font-weight:normal;display:inline-block; *display:inline; zoom:1;} .star01,.star02,.star03{ width:15px; height:14px;display:inline-block; *display:inline; zoom:1; margin-right:3px; margin-top:2px;} .star01{background:url(images/star01.gif) no-repeat;} .star02{background:url(images/star02.gif) no-repeat;} .star03{background:url(images/star03.gif) no-repeat;} .search_box2{ background:#F2F2F2;height:53px; padding-top:17px;} .search_box2 .content{ } .search_box2 .aplist{ text-align: center} .search_box2 .aplist>li{ } .search_box2 .ipt_box{} .search_box2 .ipt_box .ipt{ border:0; width:456px; height:36px; line-height: 36px; background:#FFF; padding:0 10px; color:#5f7287; font-size:16px; FONT-FAMILY: Microsoft YaHei;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .search_box2 .search{ display:block; font-size:16px; FONT-FAMILY: Microsoft YaHei; color:#FFF!important; font-weight:400; letter-spacing:2px; height:36px; line-height: 36px; padding:0 40px; border:0; cursor:pointer; background: #006DB9;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .search_box2 .search:hover{ text-decoration:none} a.scrollup { width: 15px; padding: 10px; position: fixed; bottom: 100px; right: 15px; display: none; text-align: center; color: #fff; font-size: 15px; background: #333; z-index: 9999;text-decoration: none; } a.scrollup:hover,a.scrollup:focus { text-decoration: none; opacity: 0.8; color: #fff; outline: none; } /*----------------------------------------------------------------------------------t-t-t-t-------------*/ .topinfor{ background:#fff; margin-bottom:1px;} .topinfor .nav_box{ margin-right: 230px} .topinfor .nav_box .aplist{ text-align:center; margin-left:-5px;} .topinfor .nav_box .aplist li{ font-size:14px; margin-left:5px; font-size:18px; letter-spacing:3px;} .topinfor .nav_box a{ display:block; padding:45px 35px;color: #333333; font-weight: 400;} .topinfor .nav_box a.active,.topinfor .nav_box a:hover{background: #006DB9;color: #fff; text-decoration:none} .topinfor .name-wk{font-size: 21px;} .topinfor.n2 .nav_box a{ padding: 12px 35px;} .topinfor.n2 .search_box{ margin-top:7px;} /*.topinfor.n2 .search_box .ipt_box{ padding-left: 0; width: 100px;} .topinfor.n2 .search_box .ipt_box .ipt{width: 100px;}*/ .tab-zc td{ border: #dad7d7 solid 1px; font-size: 16px; height: 50px; padding: 10px; line-height:1.8 } .tab01{background: #fff; border:0} .tab01 th{background: #9da9b8;color: #fff;font-size: 16px;padding: 10px 2px;border:#DBD9D9 solid 1px;} .tab01 th a{color: #fff; text-decoration: none;} .tab01 td{padding: 10px 3px;border:#DBD9D9 solid 1px;line-height: 1.8} .tab01 tr:hover{background: #f8f8f8;} .fengshu td{ border:none; padding:3px 0;} .fengshu td input[type="checkbox"]{margin:0 5px;vertical-align: -1px;} /*----------------------------------------------------------------------------------u-u-u-u-------------*/ .user_panel>li{margin-bottom: 10px;} .user_panel .item{padding: 10px 0 10px 60px; position: relative; display: block;font-size: 17px;color: #fff} .user_panel .item .icn2{ position: absolute; left: 15px; top: 17px; display: none; } .user_panel .active .item .icn2{ display: block; } .user_panel a.item:hover{color: #FFFFBF; text-decoration: none} .user_panel_list{background: #c9eaed; padding: 10px 0 10px 15px; } .user_panel_list .subitem{padding: 10px 0 10px 45px; position: relative; display: block;font-size: 16px;color: #01929e} .user_panel_list .subitem .icn2{position: absolute; left: 20px; top: 15px;display: none;} .user_panel_list .subitem.current .icn2{ display: block; } /*----------------------------------------------------------------------------------v-v-v-v-------------*/ .nav_box{ background:#02bbff; height: 34px; } .nav_box .item{ margin-left:-30px;} .nav_box .item>li{margin-left:30px;} .nav_box .item a{color:#fff; display:block; position:relative; letter-spacing: 1px; border-bottom: transparent solid 3px;font-size:17px;height: 28px; line-height: 28px; text-align:center; padding:2px 5px 0;} .nav_box .item .active a,.nav_box .item a:hover,.nav_box .item a.active{ color:#fff;;text-decoration:none; border-bottom-color: #fff } .vote_t01{ background-color: #ffffff; border-radius: 3px; border: solid 1px #cfcece;padding: 20px 15px;font-size: 17px; line-height: 1.6} .video_box{ padding:40px; width:800px; margin:0 auto} .video_box .title{ font-size:24px; text-align:center; margin-bottom:25px;font-weight: normal;color: #1b2656;} .video_wrap{} .video_wrap .v_list{float: right;width: 200px;background: url(images/v_list_bg.png) left center no-repeat;height: 500px;margin-left: 30px;padding-top: 60px;} .video_wrap .v_list a{display: block;border-bottom: 1px solid #ccc;border-top: 1px solid #FFF;padding: 15px 0 15px 20px;font-size: 16px;line-height: 1.8;position: relative;border-radius: 5px;} .video_wrap .v_list a:hover{background: #F1F1F1;text-decoration: none} .video_wrap .v_list a.active{background: #02bbff; color: #fff;} .video_wrap .v_list a.active:before{content: ''; position: absolute; width: 14px; height:14px; background: #02bbff; transform: rotate(-45deg); left: -7px; top: 50%;margin-top: -7px; z-index: 2;} .video_wrap .v_left{overflow: hidden;} /*----------------------------------------------------------------------------------w-w-w-w-------------*/ .w270{width: 270px;} .w270_right{width:860px ; margin-left:40px;} .w270_left{width:860px ; margin-right:40px;} .w270_left.n2{width:880px; margin-right:20px;} .w360{ width:320px;} .w360_right{margin-left:350px;} .w360_left{margin-right:350px;} .widget01{ background-color: #ffffff;border: solid 1px #e2e2e2;} .wrap01{ padding:40px 0;} .wrap01.n2{ padding:40px 0;background: #F0F1F6;} .wrap01 .head{margin-bottom: 20px;text-align: center;font-size: 24px;font-weight: 500;color: #225272;} /*----------------------------------------------------------------------------------x-x-x-x-------------*/ /*----------------------------------------------------------------------------------y-y-y-y-------------*/ .year_dasai{border-bottom: #000 solid 1px;padding: 20px 0;text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 30px;letter-spacing: 2px;} .year_dasai .sel{font-size: 20px;margin-right: 5px;} /*----------------------------------------------------------------------------------z-z-z-z-------------*/ .zhuce_step{ background: url(images/zhuce_line01.jpg) bottom center no-repeat;margin-bottom: 30px; padding-bottom: 30px; text-align: center;} .zhuce_step .aplist>li{ margin-left: 30px;font-size: 16px; } .zhuce_step .aplist .num{border: #313538 solid 1px; line-height: 26px; color: #313538;width:26px;height: 26px;border-radius: 50%;display: block;float: left; margin: -2px 15px 0 0;} .zhuce_step .active{color: #3aa3e0} .zhuce_step .active .num{background: #3aa3e0;color: #fff; border-color:#3aa3e0 } .zhuce_grid{width: 700px;margin:0 auto; position: relative;} .zhuce_grid .nav{font-size: 14px;background: #f1f1f1;padding: 5px 10px;margin-bottom: 20px;} .zhuce_grid>h1{font-size: 21px;font-weight: normal;color: #000;margin-bottom: 30px;text-align: center;} .zhuce_grid>h1 em{font-size: 13px;color: #999;margin-left: 10px;} .zhuce_grid .widget{ margin-bottom: 20px; } .zhuce_grid h2{font-size: 17px;color: #000000;font-weight: normal;margin-bottom: 20px;} .zhuce_grid .ip{border:#ccc solid 1px;width: 350px;border-radius: 5px; padding: 5px; line-height: 1.6} .zhuce_grid .tt{border:#ccc solid 1px;width: 510px;height: 110px;border-radius: 5px; padding: 5px; line-height: 1.6} .zhuce_grid .aptext{margin-bottom: 15px;} .zhuce_grid .aptext .left{width: 135px; line-height: 1.8; text-align: right;font-size: 16px;} .zhuce_grid .aptext .text{line-height: 1.8;font-size: 16px;} .zhuce_grid.n2{ width:auto;} .zhuce_grid.n2 h2{margin-bottom: 20px; } .zhuce_grid.n2 .ct{ padding-left:30px;font-size: 16px;} .zhuce_grid.n2 .ct td{ padding:10px 0;} .zhuce_grid.n3{width:auto;} .zhuce_grid.n3 .aptext .left{width: 220px;} /*.zhuce_grid.n3 select[class="ip"]{width:180px;margin-right: 10px; }*/ .zhuce_grid .tips{color: #5f7287; font-size: 13px;} .zhuce_grid .pic_area{ width: 300px;position: relative; border: #ccc solid 1px; margin-bottom: 10px;} .zhuce_grid .pic_area img{width: 300px;height:200px;} .zhuce_grid .pic_area .del{ position: absolute; right: 0;top: 0;margin: 0;} .zhuce_grid.n1 .aptext{ border-bottom: #ddd solid 1px; padding-bottom: 20px;margin-bottom: 20px;} .zhuce_grid .photo_box{ position: absolute;top: 130px;right: 0;width: 150px; line-height: 1.8; } .zhuce_grid .photo_box .nm{font-size: 16px;text-align: center;margin-bottom: 10px;color:#3aa3e0;} .zhuce_grid .photo_box .avt img{width: 150px;height: 160px;} .zhuce_grid .caption{border:#ccc dashed 2px;padding:10px 20px;line-height: 2;margin-bottom: 30px;} .zhuce_grid .data_box{margin-bottom: 30px;border:#ccc dashed 2px;padding:30px 0;} .zhuce_grid .data_box h2{text-align: center;color:#3aa3e0;} .zhuce_grid .data_box h2 em{font-size: 13px;margin-left: 5px;color: #999} .zhuce_grid .data_box .ct{ padding:0 40px; } .zhuce_grid .noTeam{margin: 30px 0;text-align: center;font-size: 16px;color: #999} .zhuce_grid .teamGroupEdit{border:#ccc dashed 2px;padding:10px 20px;margin: 30px 0;} .zhuce_grid .teamGroupEdit h3{font-size: 18px;font-weight: normal;margin-bottom: 20px;} .zhuce_grid .teamGroupEdit .item{border-bottom: #ddd dashed 1px;padding-bottom: 5px;margin-bottom: 5px;position: relative;} .zhuce_grid .teamGroupEdit .item [class^="ion-android-arrow"]{position: absolute;right: 0;top: 10px;cursor: pointer;font-size: 20px;} .zhuce_grid .teamGroupEdit .member{ float: left; width:80%;font-size: 16px;border-radius: 8px;background: #d9edf7;padding: 10px;box-sizing: border-box } .zhuce_grid .teamGroupEdit .member .master{ float: left;width: 120px; } .zhuce_grid .teamGroupEdit .edit{ float: right;width: 20%;text-align: center;margin-top: 8px; } .zhuce_grid .teamGroupEdit .edit a{margin: 0 10px;border:#ccc solid 1px;padding: 2px 8px;font-size: 14px;border-radius: 5px;} .zhuce_grid .teamGroupEdit .edit a:hover{background: #d9edf7;text-decoration: none;} .zhuce_grid .teamGroupEdit .member .master i[class^="ion-"]{font-size: 22px;margin-right: 10px;margin-top: 0; cursor: pointer;} .zhuce_grid .teamGroupEdit .item.top .member .master .ion-ios-star-outline:before { content: "\f4b3";color: #FF9326 } .team_sortable{position: relative} .sf-menu,.sf-menu * {margin:0;padding:0;list-style:none;} .sf-menu{ float:right} .sf-menu li {position:relative;z-index:998; display:block;} .sf-menu .name{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 90px; text-align: right;display:block; padding:5px 20px;background:url(images/icon-down.png) right center no-repeat} .sf-menu .name:hover{text-decoration:none} .sf-menu ul {position:absolute; border-top:2px solid #006DB9; display:none; top:100%; *top:30px; right:0; z-index:999} .sf-menu ul li a{font-weight:400;font-size:14px;background:#f1f1f1; border-bottom:1px solid #ccc; white-space:nowrap; line-height:17px;padding:10px 20px; text-align:center;display:block} .sf-menu ul li a:hover{ background:#006DB9; text-decoration:none;color: #fff;} .sf-menu li:hover>ul{display:block;} /* input, label positioning */ .custom-radio{position: relative} .custom-radio input{position:absolute;left:2px;top:2px;margin:0;} .custom-radio label{display:block;position:relative;cursor:pointer;} /* ---- radio-toggle button examples ---- */ #cansai-mode{} #cansai-mode .custom-checkbox,#cansai-mode .custom-radio{display:inline-block; *display:inline; zoom:1;} .radio-toggle label{border-collapse:collapse;} .radio-toggle .custom-checkbox label,.radio-toggle .custom-radio label{border: 0; cursor: pointer; text-decoration:none; font-family:Microsoft YaHei; background:#f8f8f8; font-size: 15px; color: #000!important;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding:3px 10px; border: #ccc solid 1px;} .radio-toggle .custom-checkbox label.hover,.radio-toggle .custom-checkbox label.focus,.radio-toggle .custom-radio label.hover,.radio-toggle .custom-radio label.focus{background:#999 ; color: #fff!important; border-color:#999} .radio-toggle .custom-checkbox label.checked,.radio-toggle .custom-radio label.checked,.radio-toggle .custom-checkbox label.checkedHover,.radio-toggle .custom-checkbox label.checkedFocus{background:#006DB9;color: #fff!important; border-color:#006DB9} #login_member .select_box { } #login_member .tag_select,#login_member .tag_select_hover,#login_member .tag_select_open { display:block; color:#5f7287; width:260px;padding:10px 10px;background:#f2f8fb ; border-radius:3px; position: relative; font-size: 16px;} #login_member .tag_select_hover{background: #CDE4EF; } #login_member .tag_select:before,#login_member .tag_select_hover:before,#login_member .tag_select_open:before{ position: absolute; right: 0; display: block; content: ''; z-index: 99 } #login_member .tag_select:before,#login_member .tag_select_hover:before,#login_member .tag_select_open:before { top: 50%; margin: -3px 8px 0 0; border: solid transparent; border-width: 7px 7px 0; border-top-color: #4793fb } #login_member .tag_select_hover { border-color:#F00 } #login_member .tag_select_open { border-color:#F00 } #login_member ul.tag_options { position:absolute; padding:0; margin:0; list-style:none; background: #CDE4EF; width:280px; margin:0;padding-bottom: 5px; font-size: 16px;;border-radius:3px;} #login_member ul.tag_options li { display:block; padding:10px;text-decoration:none; margin-top: 5px; } #login_member ul.tag_options li.open_hover { background: #99C8FF; } #login_member ul.tag_options li.open_selected { background:#99C8FF; } .diy_select {display:block; color:#5f7287; position: relative; } .diy_select_txt {padding:10px 20px;} .diy_select_list {border:1px solid #DFDFDF;} .diy_select .select-text {width:280px;background:#f2f8fb ; border-radius:3px;font-size: 16px; cursor:pointer;} .diy_select_btn {display:block; width:1px; height:1px; border:solid 8px; border-color:#999 #f2f8fb #f2f8fb #f2f8fb; position:absolute; top:17px; right:20px; overflow:hidden; z-index:10;} .diy_select .select-option {width:100%;} .diy_select_list { position:absolute; padding:0; margin:0; list-style:none; background: #CDE4EF; width:280px; margin:0;padding-bottom: 5px; font-size: 16px;;border-radius:3px;display: none} .diy_select_list li {display:block; padding:10px;text-decoration:none; margin-top: 5px;} .diy_select_list li.focus { background:#99C8FF;} #inform_index{z-index: 2000;background: url(images/tz20190920.png) no-repeat;width: 225px;height: 315px;} #inform_index .text{width: 80%; text-indent: 2em;line-height: 1.8;text-align: justify;font-size: 16px;margin: 0 auto;padding-top: 50px;} #inform_index .text b{color: #DC3D43;} #inform_index .closeFloat{position: absolute;bottom: 0;right: 0;display: inline-block;cursor: pointer;width: 70px;height: 30px;font-size: 0;} .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.container-fixed:before,.container-fixed:after,.container-fixed-md:before,.container-fixed-md:after,.container-fixed-sm:before,.container-fixed-sm:after,.container-fixed-xs:before,.container-fixed-xs:after,.row:before,.row:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.panel-body:before,.panel-body:after,.pager-justify:before,.pager-justify:after,.pager-loose:before,.pager-loose:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after,.cards:before,.cards:after,.btn-group-vertical > .btn-group-vertical:before,.btn-group-vertical > .btn-group-vertical:after {/* 1 */ display:table;content:" ";/* 2 */} .clearfix:after,.container:after,.container-fluid:after,.container-fixed:after,.container-fixed-md:after,.container-fixed-sm:after,.container-fixed-xs:after,.row:after,.dl-horizontal dd:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.form-horizontal .form-group:after,.panel-body:after,.pager-justify:after,.pager-loose:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.modal-header:after,.modal-footer:after,.cards:after,.btn-group-vertical > .btn-group-vertical:after {clear:both;} .center-block {display:block;margin-right:auto;margin-left:auto;} .bzr-banner img{display: block;max-width: 100%} .bzr-container {padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto; width: 1200px;} .bzr-container *{box-sizing:border-box ; } .row {margin-right:-10px;margin-left:-10px;} .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;} .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float:left;} .col-md-1 {width:8.33333333%;} .col-md-2 {width:16.66666667%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33333333%;} .col-md-5 {width:41.66666667%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33333333%;} .col-md-8 {width:66.66666667%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33333333%;} .col-md-11 {width:91.66666667%;} .col-md-12 {width:100%;} .bzr-head h2{font-size: 24px;text-align: center;margin: 20px 0;letter-spacing: 2px;} .bzr_vote_tips{border:#02bbff solid 2px;border-radius: 10px;padding:20px;background: #fff;line-height: 2 } .bzr_search{} .bzr_search .aplist{width: 40%;margin: 20px 0; } .bzr_search .aplist .one{width: 70%;} .bzr_search .aplist .two{width: 30%} .bzr_search .ipt{height: 40px;width: 100%;border: 0;padding: 0 10px;border:#02bbff solid 2px; border-top-left-radius: 10px;border-bottom-left-radius: 10px;background: #fff;} .bzr_search .search{width: 100%;background: #02bbff; color:#fff;font-size: 16px;text-align: center;line-height: 40px; border-top-right-radius: 10px;border-bottom-right-radius: 10px;height: 40px;display: block;} .bzr_list{border:#ccc solid 2px;border-radius: 10px;overflow-y: hidden;background: #fff;margin-bottom: 20px;} .bzr_list .avt{width: 100%;/*height: 210px;*/} .bzr_list h4{font-size: 16px;margin: 15px 0;text-align: center;} .bzr_list .bottom{display: flex;justify-content: space-between;align-items: center;padding: 10px 10%;} .bzr_list .bottom .vote{border-radius: 5px;background: #276FBC;padding: 8px 10%;color: #fff;font-size: 16px;text-decoration: none; } .bzr_list .bottom .vote:hover{opacity: .8} .bzr_list .bottom .num{color:#666;} .bzr_competitor{border:#02bbff solid 2px;border-radius: 10px;padding:20px;background: #fff;line-height: 2 ;margin-bottom: 20px} .bzr_competitor .avt{width: 100%;/*height: 270px;*/} .bzr_competitor .text{font-size: 15px;} .bzr_fengcai{border:#ccc solid 2px;border-radius: 10px;overflow-y: hidden;background: #fff;margin-bottom: 20px;} .bzr_fengcai .item{width: 80%;margin: 20px auto;display: flex;flex-direction: column;align-items: center;} .bzr_fengcai .item img{max-width: 100%} .bzr_fengcai .item h4{font-weight: normal;font-size: 16px;padding: 20px 0;text-align: center;} .bzr_bottom_vote{display: flex;justify-content: space-around;align-items: center; background: #F0F1F6; padding: 10px 10%;position: fixed;bottom: 0;width: calc(100vw - 20%);} .bzr_bottom_vote .vote{border-radius: 5px;background: #276FBC;padding: 8px 10%;color: #fff;font-size: 16px;text-decoration: none; } .bzr_bottom_vote .vote:hover{opacity: .8} .bzr_bottom_vote .num{color:#666;} @media (min-width: 1000px){ .bzr_competitor .row{display: flex;align-items: center} } @media (max-width: 767px) { .bzr-container{width: 100%;padding-right: 0; padding-left:0; margin-right: auto; margin-left: auto;} .bzr-container .row{margin: 0;} .bzr_group .col-md-3{width: 50%} /*.bzr_list .avt{height: 100px;}*/ .bzr_list .bottom{padding: 10px 3px;} .bzr_list .bottom .vote{padding: 5px 5px;} .bzr_search .aplist{width: 100%} .bzr_competitor{padding: 10px 0;margin: 10px;} .bzr_competitor [class^="col-"]{width: 100%} .bzr_competitor .text{padding: 10px;} .bzr_bottom_vote{width: 100%;padding: 10px 0} } @media (max-height: 767px) { .login_panel{padding-top: 3%} }