/* ==================== 公共样式 ==================== */ body{background:#3c3c3c; color:#333; font-size:14px; font-family:"微软雅黑",Arial; line-height:1.6em; margin:0; padding:0; } div{margin:0 auto; padding:0;} h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;} .block{ width:90%; background:#fff; position:relative; overflow:hidden; min-width:1100px; max-width:1186px;} .blockin{ width:94%; margin:0 auto; position:relative; overflow:hidden;} .fl{float:left; width:auto;} .fr{float:right; width:auto;} .fc{ margin:0px auto;} .tl{ text-align:left;} .tc{ text-align:center;} .tr{ text-align:right;} .dis{display:block;} .inline{display:inline;} .none,.hide{display:none;} .por{ position:relative; overflow:hidden;} .p100{ width:100%;} .p95{ width:95%;} .p90{ width:90%;} .p85{ width:85%;} .p80{ width:80%;} .p50{ width:50%;} a,a:link {color: #000;text-decoration: none;} a:visited {text-decoration: none;color: #000;} a:hover {text-decoration: none;color: #069;} a:active {text-decoration: none;color: #069;} input,select,textarea{font-family:"微软雅黑",Arial; } /*英文强制换行*/ .word{word-break:break-all;} /*边框*/ .bt_line{ border-bottom:1px #eeeeee solid;} .border{ border:1px #ddd solid;} .border_top{ border-top:1px #dddddd solid; padding-top:10px;} .border_right{ border-right:1px #dddddd solid; padding-right:20px;} .border_bt{ border-bottom:1px #dcdcdc solid; padding-top:10px; padding-bottom:10px;} .line_dashed{ height:10px; margin-bottom:10px; border-bottom:1px #dddddd dotted; } .line_solid{ height:10px; margin-bottom:10px; border-bottom:1px #dddddd solid; } .border_black{ border:1px #333333 solid; } .border_gray{ border:1px #dedede dotted; } .border_gray:hover{ border:1px #99c905 dotted; } .slider_top{ background:#31180d url("/themes/default/images/st.png") no-repeat center top; height:37px;} .slider_bottom{ background:url("/themes/default/images/sb.png") no-repeat center top; background-size:100% auto; height:20px; } .slider_bottomx{ background:url("/themes/default/images/sbx.png") no-repeat center top; background-size:620px auto; height:20px; } /*图片处理*/ .img_grey{ border:1px #c7c7c7 solid; margin-left:5px; margin-top:5px;} .img_black{ border:1px #000000 solid; margin-left:12px; margin-top:12px;} .img_self{ border:1px #cccccc solid; margin-bottom:5px; margin-top:5px;} /*字体颜色*/ .t_white, a.t_white{color:#ffffff;} .t_dblue, a.t_dblue{color:#1e4674;} .t_blue, a.t_blue{color:#008cc3;} .t_lblue, a.t_lblue{color:#81bacb;} .t_greenblue, a.t_greenblue{color:#03cdcd;} .t_gray, a.t_gray{color:#989495;} .t_lgray, a.t_lgray{color:#ccc;} .t_green, a.t_green{color:#6dac22;} .t_red, a.t_red{ color:#e7541b;} .t_yellow, a.t_yellow{ color:#ffcc00;} .t_orange, a.t_orange{ color:#fe8900;} .t_black, a.t_black{ color:#000000;} .f10{ font-size:10px;} .f12{ font-size:12px;} .f14{ font-size:14px;} .f16{ font-size:16px;} .f18{ font-size:18px;} .f20{ font-size:20px;} .f22{ font-size:22px; line-height:35px;} .f26{ font-size:26px; line-height:35px;} .f30{ font-size:30px; line-height:50px;} .f35{ font-size:35px; line-height:60px;} .f50{ font-size:50px; line-height:60px;} .bold{ font-weight:bold;} .italic{ font-style:italic;} .center{ text-align:center;} /*按钮部分*/ .button_xl{ padding:0px 20px; height:35px; line-height:35px; font-size:16px;} .button{ padding:0px 10px; height:25px; line-height:25px; font-size:14px;} .button_sm{ padding:0px 5px; height:20px; line-height:20px; font-size:12px;} .empty_bt, a.empty_bt{ text-align:center; background:none; border:1px #FFFFFF solid; color:#666666; cursor:pointer; display:inline-block;} .empty_bt:hover, a.empty_bt:hover{ color:#333333; border:1px #FFFFFF solid;} .orange_bt, a.orange_bt{ text-align:center; background:#ec710e; border:1px #dc710a solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .orange_bt:hover, a.orange_bt:hover{ background:#ec9b0e; border:1px #dca30a solid;} .orange_blank_bt, a.orange_blank_bt{ text-align:center; background:#fff; border:1px #ec710e solid; color:#ec710e; cursor:pointer; display:inline-block;} .orange_blank_bt:hover, a.orange_blank_bt:hover{ border:1px #e8aa48 solid; color:#e8aa48;} .green_bt, a.green_bt{ text-align:center; background:#a7cf25; border:1px #a7cf25 solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .green_bt:hover, a.green_bt:hover{ background:#a7cf25; border:1px #99c905 solid;} .red_bt, a.red_bt{ text-align:center; background:#b61912; border:1px #b61912 solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .red_bt:hover, a.red_bt:hover{ background:#d12525; border:1px #d12525 solid;} .blue_bt, a.blue_bt{ text-align:center; background:#0a5a9f; border:1px #0a5a9f solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .blue_bt:hover, a.blue_bt:hover{ background:#008cc3; border:1px #008cc3 solid;} .lblue_bt, a.lblue_bt{ text-align:center; background:#69a7cb; border:1px #69a7cb solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .lblue_bt:hover, a.lblue_bt:hover{ background:#4f97c1; border:1px #4f97c1 solid;} .greenblue_bt, a.greenblue_bt{ text-align:center; background:#03cdcd; border:1px #03cdcd solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .greenblue_bt:hover, a.greenblue_bt:hover{ background:#00b0b0; border:1px #00b0b0 solid;} .black_bt, a.black_bt{ text-align:center; background:#000000; border:1px #000000 solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .black_bt:hover, a.black_bt:hover{ background:#333333; border:1px #333333 solid;} .gray_bt, a.gray_bt{ text-align:center; background:#cccccc; border:1px #cccccc solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .gray_bt:hover, a.gray_bt:hover{ background:#ffffff; border:1px #ffffff solid; color:#333333;} .gray_empty_bt, a.gray_empty_bt{ text-align:center; background:#f7f7f7; border:1px #ccc solid; color:#999999; cursor:pointer; display:inline-block;} .gray_empty_bt:hover, a.gray_empty_bt:hover{ background:#f3f3f3; border:1px #d1d1d1 solid;} .white_bt, a.white_bt{ text-align:center; background:#ffffff; border:1px #ffffff solid; color:#999999; cursor:pointer; display:inline-block;} .white_bt:hover, a.white_bt:hover{ background:#cccccc; border:1px #cccccc solid; color:#FFFFFF;} .white_empty_bt, a.white_empty_bt{ text-align:center; background:none; border:1px #ffffff solid; color:#FFFFFF; cursor:pointer; display:inline-block;} .white_empty_bt:hover, a.white_empty_bt:hover{ background:#ffffff; border:1px #ffffff solid; color:#333333;} /*模块容器*/ .error{ width:100%; height:100px; line-height:100px; display:block; text-align:center; color:#999999; font-size:14px;} .gray_box{ line-height:23px; border:1px #e1e1e1 solid; background:#ffffff; text-align:center; width:70px; height:23px; } .pink_box{ background:#fefff1; border:1px solid #dfcca4;} .blue_box{ background:#f4fafa; border:1px solid #aed5dc;} .black_box{ background:#f5f5f5; border:1px solid #6f7a7e; padding:2px 10px; margin-top:5px;} .bg_white{ background:#ffffff;} .bg_lgray{ background:#f8f8f8;} .bg_llgray{ background:#fefefe;} .bg_gray{ background:#efefef;} .bg_dgray{ background:#a7a7a7;} .bg_blue{ background:#00779c; color:#ffffff;} .bg_lblue{ background:#81bacb; color:#ffffff;} .bg_red{ background:#e7541b; color:#ffffff;} .bg_orange{ background:#fe8900; color:#ffffff;} .bg_yellow{ background:#FFC;} .shadow_down{ background:url("/themes/default/images/i_10.png") no-repeat top center; height:39px; width:100%;} .radius5{ border-radius:5px;} .radius10{ border-radius:10px;} .radius15{ border-radius:15px;} .radius50{ border-radius:50% 50%;} .hide{ display:none;} /*页码*/ #pager{ margin:30px 0; font-size:16px; text-align:center; clear:both; position:relative; overflow:hidden;} #pager a{ width:35px; height:35px; line-height:35px; background:none; color:#666; display:inline-block;} #pager a:hover{ width:35px; height:35px; line-height:35px; color:#999; display:inline-block;} #pager a.pageon{ width:35px; height:35px; line-height:35px; color:#09F; display:inline-block;} /*模块标题*/ .ttt{ font-size:22px; font-weight:bold; color:#eb6100; line-height:50px;} .ttt.black{ color:#0b0b0b;} .ttt span{ font-size:18px; line-height:30px; padding-top:20px; color:#666; font-weight:normal; margin-left:10px;} .ttt span.lg{ font-size:20px; line-height:30px; padding-top:20px;} .ttt span font{ font-size:1.2em; color:#eb6100; font-style:italic; font-weight:bold; margin:0 3px;} .tttt{ font-size:22px; color:#777; line-height:30px;} .ttttt{ font-size:18px; font-weight:bold; color:#666; line-height:40px;} /*页面留白*/ .blank40{height:40px; line-height:40px; clear:both; visibility:hidden;} .blank20{height:20px; line-height:20px; clear:both; visibility:hidden;} .blank{height:10px; line-height:10px; clear:both; visibility:hidden;} .blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;} .blank1{height:1px; line-height:1px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;} /*布局*/ .t24{ text-indent:24px; } .t28{ text-indent:28px; } .pt5{ padding-top:5px; } .pt10{ padding-top:10px; } .pt20{ padding-top:20px; } .pt30{ padding-top:30px; } .pt50{ padding-top:50px; } .p5{ padding:5px; } .p10{ padding:10px; } .p15{ padding:15px; } .p20{ padding:20px; } .p40{ padding:40px; } .pt150{ padding-top:150px; } .ptb20{ padding-top:20px; padding-bottom:20px; } .ptb40{ padding-top:40px; padding-bottom:40px; } .pb10{ padding-bottom:10px; } .pb20{ padding-bottom:20px; } .pr10{ padding-right:10px; } .pr15{ padding-right:15px; } .pr25{ padding-right:25px; } .pl15{ padding-left:15px; } .pl30{ padding-left:30px; } .pl40{ padding-left:40px; } .prb5{ padding-bottom:5px; padding-right:5px; } .plf10{ padding-left:10px; padding-right:10px; } .plf20{ padding-left:20px; padding-right:20px; } .mtb5{ margin-top:5px; margin-bottom:5px; } .mtb10{ margin-top:10px; margin-bottom:10px; } .mtb15{ margin-top:15px; margin-bottom:15px; } .mtb20{ margin-top:20px; margin-bottom:20px; } .mtb40{ margin-top:40px; margin-bottom:40px; } .mt5{ margin-top:5px; } .mt10{ margin-top:10px; } .mt15{ margin-top:15px; } .mt23{ margin-top:23px; } .mt25{ margin-top:25px; } .mt40{ margin-top:40px; } .mt60{ margin-top:60px; } .mt80{ margin-top:80px; } .mb5{ margin-bottom:5px; } .mb8{ margin-bottom:8px; } .mb15{ margin-bottom:15px; } .mb20{ margin-bottom:20px; } .m3{ margin:3px; } .m5{ margin:5px; } .m10{ margin:10px; } .m15{ margin:15px; } .m20{ margin:20px; } .m25{ margin:25px; } .ml10{ margin-left:10px; } .ml20{ margin-left:20px; } .ml50{ margin-left:50px; } .mr3{ margin-right:3px;} .mr5{ margin-right:5px; } .mr10{ margin-right:10px; } .mr15{ margin-right:15px; } .mr20{ margin-right:20px; } .mr30{ margin-right:30px; } .mrb15{ margin-right:15px; margin-bottom:15px; } .mlr20{ margin-left:20px; margin-right:20px; } .mr0{ margin-right:0px; border-right:none;} .pbtn{ padding:3px 20px;} .pbtn.sm{ padding:1px 10px;} .pbtn.lg{ padding:5px 25px;} /*自适应*/ .autorow{ width:100%; overflow:hidden;} .autorow .row-1{ width:8.33%; margin:0; float:left;} .autorow .row-2{ width:16.665%; margin:0; float:left;} .autorow .row-3{ width:25%; margin:0; float:left;} .autorow .row-4{ width:33.33%; margin:0; float:left;} .autorow .row-5{ width:41.665%; margin:0; float:left;} .autorow .row-6{ width:50%; margin:0; float:left;} .autorow .row-7{ width:58.33%; margin:0; float:left;} .autorow .row-8{ width:66.665%; margin:0; float:left;} .autorow .row-9{ width:75%; margin:0; float:left;} .autorow .row-10{ width:83.33%; margin:0; float:left;} .autorow .row-11{ width:91.665%; margin:0; float:left;} .t1{ font-size:28px; color:#ff7100; line-height:60px;} .t1 a{ margin-left:25px; font-size:16px; color:#999;} .t1 a.active{ color:#ff7100; text-decoration:underline;} .t1 span, .t1 span a{ float:right; font-size:16px; color:#999;} .t2{ font-size:20px; color:#999; line-height:50px;} /*header*/ .header{ height:103px; position:relative;} .header .logo{ background:url("/themes/default/images/logo.png") no-repeat left center; background-size:auto 92px; height:92px; width:137px; float:left;} .menu{ display:inline; width:100%;} .menubar{ display:none;} .header .search{ float:right; margin-top:43px; margin-left:17px; width:auto;} .header .search input[type="button"]{ background:url("/themes/default/images/s_05.png"); border:none; width:38px; height:35px; float:right;} .header .search input[type="text"]{ background:#fff; border:none; min-width:170px; max-width:300px; height:32px; line-height:32px; text-indent:10px; color:#999999; float:left; margin:2px; margin-left:0; display:none;} .header .nav{ float:right; width:auto; height:92px; line-height:92px; font-size:16px; text-align:center; position:relative; margin:0;} .header .nav span{ display:inline-block; margin:0 17px; width:auto; border-top:7px #fff solid; padding:0; height:60px; line-height:60px; padding-top:25px; position:relative;} .header .nav span.active, .header .nav span:hover{ border-top:7px #4f5963 solid;} .header .nav span > a{ display:block; color:#151515; height:60px; line-height:60px;} .header .nav a.menutop{ display:none;} .header .nav .navchild{ background:#fff; border:1px #ccc solid; position:absolute; left:0; top:70px; width:auto; padding:10px 0; z-index:9999999999; display:none;} .header .nav .navchild.r{ left:auto; right:-72px;} .header .nav .navchild a{ display:block; margin:0; padding:0 20px; border:none; width:auto; height:30px; line-height:30px; font-size:14px; white-space:nowrap;} .header .nav .navchild a.mode{ background:#eee;} .header .nav .navchild a:hover{ background:#069; color:#fff;} .header .nav span:hover .navchild{ display:block;} /*foot*/ .footer{ width:90%; padding:50px 0; background:#2f2f2f; color:#a6a6a6; font-size:12px; position:relative; overflow:hidden; min-width:1060px; max-width:1186px;} .footerin{ width:94%; margin:0 auto; position:relative; overflow:hidden;} .footer .tit{ font-size:16px; color:#d9d9d9;} .footer a{ color:#d8d8d8;} .footer input[type="text"]{ width:80%; height:30px; line-height:30px; background:#d9d9d9; border:none; padding:0 10px; margin-bottom:10px;} .footer input[type="text"]:hover{ background:#fff;} .footer input[type="button"]{ width:30%; height:30px; line-height:30px; background:#000; border:none; color:#fff; font-size:14px;} .footer input[type="button"]:hover{ background:#222;} .footbottom{ width:90%; padding:15px 0; background:#222222; font-size:14px; color:#a3a3a3; line-height:37px; position:relative; overflow:hidden; min-width:1060px; max-width:1186px;} .footbottomin{ width:94%; margin:0 auto; position:relative; overflow:hidden;} .footbottom .fr img{ opacity:0.7; margin-left:5px;} .footbottom .fr img:hover{ opacity:1;} /*tips*/ .tipsbg {position: fixed;z-index: 999;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.5;filter: alpha(opacity=90); background:#000000;display: none; cursor:pointer; } .tips,.tipsHere{ position:absolute; width:600px; min-height:30px; overflow-y:auto; overflow-x:hidden; padding:50px; line-height:30px; left:50%; margin-left:-350px; top:80px; background:#ffffff; border:1px #eeeeee solid; display:none; z-index:1000; font-size:14px; box-shadow:0 0 5px #cccccc; text-align:center;} /*urhere*/ .urhere{ line-height:27px; height:27px; color:#fff; text-align:left; font-size:14px; background:#76c7ee url("/themes/default/images/ss_05.png") no-repeat 15px center; padding-left:50px;} .urhere a{ color:#fff; margin:0px 5px;} .urhere a:hover{} /*slider*/ .slider{width:100%; min-width:300px; height:456px; position:relative; overflow:hidden; background:#ddd;} .slider .window{width:100%; min-width:300px; height:456px; overflow: hidden; position: relative; margin:0 auto;} .slider .image_reel{position: absolute;top: 0; left: 0; z-index:10;} .slider .image_reel a{ float:left; height:456px; display:inline-block;} .slider .image_reel img{float: left; height:456px;} .slider .paging{position: absolute; text-align:center; left:0; bottom:25px; width:100%; z-index: 100; } .slider .paging a{width:16px; height:16px; display: inline-block; overflow:hidden; margin:0 4px; background:#FFF; border-radius:50% 50%;} .slider .paging a.active{background:#a75300; border-radius:50% 50%;} /*tab*/ .tabnav{ font-size:18px; width:100%; min-height:50px; padding:20px 0; position:relative; overflow:hidden;} .tabnav li{ display:inline-block; color:#999; float:left; width:auto; margin-left:15px; margin-right:85px; line-height:40px;} .tabnav li.active, .tabnav li:hover{ border-bottom:3px #ff7100 solid; color:#000;} .tabnav a{ display:inline-block; color:#ff7100; line-height:40px;} .tabcontent{ line-height:1.5em;} .tabcontent img{ max-width:100%; height:auto;} /*page*/ .global_page{position:relative; overflow:hidden; margin:15px 0px;} .global_page a{ display:inline-block; padding:0px 8px; margin:3px 1px; color:#bbbbbb; border:1px #eeeeee solid;} .global_page a.visited, .global_page a:hover{ background:#CC3333; color:#FFFFFF;} input.k{ border:1px #d8d8d8 solid; border-radius:5px; background:url("/themes/default/images/loog_07.png") repeat-x; width:300px; height:49px; line-height:49px; padding:0 10px; font-size:18px;} input.k:hover{ background:#fff; border:1px #ccc solid;} input.k.sm{ width:100px;} input.k.xsm{ width:50px;} input.s{ border:1px #d8d8d8 solid; border-radius:5px; background:url("/themes/default/images/loog_11.png") repeat-x; min-width:80px; height:49px; line-height:49px; padding:0 20px; text-align:center; font-size:18px; color:#888888; cursor:pointer;} input.s.sm{ padding:0 10px; min-width:30px; height:30px; line-height:30px;} input.s:hover{ background:#eb6100; border:1px #eb8800 solid; color:#fff;} textarea.k{ width:80%; height:100px; border:1px #d8d8d8 solid; border-radius:5px; background:#f4f4f4 url("/themes/default/images/loog_07.png") repeat-x; padding:10px; font-size:14px;} textarea.k:hover{ background:#fff; border:1px #ccc solid;} select.k{ border:1px #d8d8d8 solid; border-radius:5px; background:url("/themes/default/images/loog_07.png") repeat-x; width:auto; height:49px; line-height:49px; padding:0 10px; font-size:18px;} .msgtip { color:#eb8800; font-size:14px;} #floatleftqq{position:fixed; left:10px; top:40%; z-index:999999;} #floatright{position:fixed; right:10px; bottom:15px; z-index:999999; width:41px; background:#eee; padding:1px;} #floatright a{ display:block; width:41px; height:41px;} #floatright a img{ display:none;} #floatright a:hover img{ display:block;} #floatright a.nk{ background:url("/themes/default/images/k.png") no-repeat center center;} #floatright a.nk1{ background:url("/themes/default/images/k1.png") no-repeat center center;} #floatright a.nk2{ background:url("/themes/default/images/k2.png") no-repeat center center;} #floatright a.nk3{ background:url("/themes/default/images/k3.png") no-repeat center center;} .contractleft{ border:1px #ccc solid; background:#fff; padding:20px;} .lawcontract{ line-height:2em; font-size:12px; color:#666;} .lawcontract .tit{ font-size:16px; color:#000;} .lawcontract img{ width:100px; height:100px; border-radius:50% 50%; margin:10px auto;} .lawcontract a.read{ display:inline-block; width:60%; height:28px; line-height:28px; background:#ff7100; color:#fff; margin:10px auto;} .lawcontract a.readeds{ display:inline-block; width:60%; height:28px; line-height:28px; background:#090; color:#fff; margin:0 auto 10px;} .lawcontract a.readed{ display:inline-block; width:60%; height:28px; line-height:28px; background:#069; color:#fff; margin:0 auto 10px;} .lawcontract .ingetit{ background:#eee;} .lawcontract .getit{ border:1px #22a7f0 solid; background:url("/themes/default/images/getit.png") no-repeat right top;} .lawcontract textarea{ width:98%; height:50px; line-height:25px;} .lawcontract input[type='button']{ display:inline-block; width:150px; height:28px; line-height:28px; background:#ff7100; border:none; color:#fff; margin:5px auto;} .formbox{ line-height:32px;} .formbox span{ float:left; width:20%; display:inline-block; line-height:30px; font-size:16px; color:#333;} .formbox input[type="text"],.formbox input[type="password"]{ width:77%; height:28px; line-height:28px; border:1px #cfdde8 solid; border-radius:3px;} .formbox input[type="text"]:hover,.formbox input[type="password"]:hover{ border:1px #4a87b6 solid;} .formbox input[type="text"].inside{ width:28%; float:left;} .formbox input[type="file"]{ width:77%; height:32px; line-height:32px; border:1px #cfdde8 solid; border-radius:3px;} .formbox input[type="file"]:hover{ border:1px #4a87b6 solid;} .formbox input[type="file"].inside{ width:28%; float:left;} .formbox select{ width:77%; height:32px; line-height:32px; border:1px #cfdde8 solid; border-radius:3px;} .formbox select.inside{ width:28%; float:left;} .formbox select:hover{ border:1px #4a87b6 solid;} .formbox span.inside{ text-align:center;} .formbox textarea{ width:77%; height:150px; line-height:25px; border:1px #cfdde8 solid; border-radius:3px;} .formbox textarea:hover{ border:1px #4a87b6 solid;} .formbox a.submit{ display:inline-block; width:50%; height:39px; max-width:200px; font-size:16px; line-height:39px; background:#ff7100; border:none; color:#fff; border-radius:3px;} .formbox a.submit:hover{ background:#ff3300;} .formbox input[type="submit"]{ width:50%; height:38px; max-width:200px; font-size:16px; line-height:38px; background:#ff7100; border:none; color:#fff; border-radius:3px;} .formbox input[type="submit"]:hover{ background:#ff3300;} .formbox input[type="button"]{ width:50%; height:38px; max-width:200px; font-size:16px; line-height:38px; background:#090; border:none; color:#fff; margin-right:10px; border-radius:3px;} .formbox input[type="button"]:hover{ background:#091;} .formbox input[type="button"].ok{ width:50%; height:38px; max-width:200px; font-size:16px; line-height:38px; background:#069; border:none; color:#fff; margin-right:10px; border-radius:3px;} .formbox input[type="button"].ok:hover{ background:#068;} .formbox input[type="button"].btn{ width:50%; height:38px; max-width:200px; font-size:16px; line-height:38px; background:#ff7100; border:none; color:#fff; margin-right:10px; border-radius:3px;} .formbox input[type="button"].btn:hover{ background:#ff3300;} .formbox .dd{ width:77%; float:left; position:relative;} .formbox dd{ display:inline-block; padding:0 15px; margin-right:15px; background:#eee; color:#666; height:28px; line-height:28px; float:left; cursor:pointer; margin-bottom:10px;} .formbox dd:hover{ background:#999; color:#fff;} .formbox dd.active{ background:#ff7100; color:#fff;} /********************************************************************/ /* @media (max-width:991px){ .autorow .row-3{ width:96%; margin-bottom:10px;} .autorow .row-4{ width:96%; margin-bottom:10px;} .autorow .row-5{ width:96%; margin-bottom:10px;} .autorow .row-7{ width:96%; margin-bottom:10px;} .autorow .row-8{ width:96%; margin-bottom:10px;} .autorow .row-9{ width:96%; margin-bottom:10px;} .autorow .row-10{ width:96%; margin-bottom:10px;} .show1{ display:inline-block;} .show2{ display:none;} .show3{ display:none;} .show4{ display:none;} .hide1{ display:none;} .block1{ display:block; margin-top:10px; margin-bottom:10px;} .block{ width:90%; position:relative; overflow:hidden; } } @media (max-width:767px){ .autorow .row-1{ width:14%;} .autorow .row-2{ width:14%;} .autorow .row-6{ width:96%; margin-bottom:10px;} .show2{ display:inline-block;} .show3{ display:none;} .show4{ display:none;} .hide2{ display:none;} .block2{ display:block; margin-top:10px; margin-bottom:10px;} .block{ width:92%; position:relative; overflow:hidden; } .header .logo{ width:50%;} } @media (max-width:600px){ .autorow .row-1{ width:22%;} .autorow .row-2{ width:22%;} .show3{ display:inline-block;} .show4{ display:none;} .hide3{ display:none;} .block3{ display:block; margin-top:10px; margin-bottom:10px;} .block{ width:100%; max-width:auto; min-width:auto;} .foot{ width:100%; max-width:auto; min-width:auto;} .footbottom{ width:100%; max-width:auto; min-width:auto;} .tips,.tipsHere{ position:fixed; width:350px; min-height:30px; max-height:300px; overflow-y:auto; overflow-x:hidden; padding:25px; line-height:30px; left:50%; margin-left:-200px; top:30px; } .tipsbg {position: fixed;} .p20,.p40{ padding:20px 3px;} .header{ height:auto;} .banner,.slider,.slider .window,.slider .image_reel a,.slider .image_reel img{ height:350px;} .menubar{ display:inline-block; float:right; width:26px; height:21px; padding:3px 2px; margin:25px; border-radius:3px;} .menubar span{ display:block; width:20px; height:3px; line-height:3px; margin:3px; background:#000;} .menubar.active{ background:#000;} .menubar.active span{ background:#fff;} .header .nav,.header .search.fr{ float:none; display:block; margin:0; padding:0; width:100%; height:auto; line-height:30px; text-align:left; position:relative; border-bottom:none;} .header .menu{ display:block; width:70%; height:100%; margin:0; height:auto; line-height:30px; left:-70%; top:0; position:fixed; z-index:200000000; color:#aaa; background:#000; opacity:0.8;} .header .menu a,.header .nav a{ display:block; float:none; margin:0; padding:0; height:30px; line-height:30px; text-align:left; text-indent:35px; background:#000; color:#aaa; font-size:14px;} .header .menu a.active,.header .nav a.active{ color:#fff; background:#000;} .header .menu a.menutop{ display:block; border-bottom:1px #fff solid;} .header .log.fr span{ display:none;} .header .log .down{ background:none; padding:0; float:none; margin:0; height:auto;} .header .log .list{ background:none; padding:0; float:none; margin:0; height:auto;} .header .log .block{ width:100%;} .header .logo{ display:inline-block; margin-top:10px; left:0; margin-left:10px; width:70%; height:70px; float:left; position:relative;} .header .logo img, .header .logo .search{ display:none;} .header_user{ height:auto;} .header_user .logo img{ margin:10px; height:40px;} .header_user .menubar{ margin:17px;} .header_user .nav{ float:none; display:block; margin:0; padding:0; width:100%; height:auto; line-height:30px; text-align:left; position:relative;} .header_user .menu{ display:block; width:70%; height:100%; margin:0; height:auto; line-height:30px; left:-70%; top:0; position:fixed; z-index:200000000; color:#aaa; background:#000; opacity:0.8;} .header_user .menu a,.header_user .nav a{ display:block; float:none; margin:0; padding:0; height:30px; line-height:30px; text-align:left; text-indent:35px; background:#000; color:#aaa; font-size:14px;} .tips,.tipsHere{ position:fixed; width:80%; padding:5%; left:50%; margin-left:-45%;} .tips .closed,.tipsHere .closed{ line-height:22px;} textarea.k{ width:90%;} .ttt span{ padding-top:0; margin-left:0; display:block; width:100%;} .ttt span.fr.lg{ text-align:center; margin-bottom:40px;} .pl15, .pl40, .pl30{ padding-left:0;} .pr15{ padding-right:0;} .pr25{ padding-right:0;} .pt150{ padding-top:30px;} .border_right{ background:none; padding-right:0; border:none;} table{ min-width:100%;} table th, table td{ white-space:nowrap; padding:3px;} table th.bk, table td.bk{ white-space:normal; padding:3px;} .blockin,.footerin,.footbottomin{ width:100%;} } @media (max-width:479px){ .autorow .row-1{ width:96%; margin-bottom:10px;} .autorow .row-2{ width:96%; margin-bottom:10px;} .show4{ display:inline-block;} .hide4{ display:none;} .block4{ display:block;} .block{ width:96%; position:relative; overflow:hidden; } } */