@charset "utf-8";
body * { max-height: 999999px; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust:100% !important;}
html,body{width:100%;height:100%;cursor:default;-webkit-text-size-adjust: 100% !important;}
html,body,div,ul,li,p,span,em,i,th,td,dl,dd,form,input,textarea,select,h1,h2,h3,h4,h5,h6,img{margin:0;padding:0;list-style:none;font-style:normal; font-weight:normal;}
button,input,textarea,select{font-family:Verdana,Arial,\5FAE\8F6F\96C5\9ED1,\5FAE\x8F6F\6B63\9ED1\4F53,\5b8b\4f53;}
img{border:0;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
button,input[type='submit'],input[type='button']{cursor:pointer;outline:none}
a{cursor:pointer;text-decoration:none;color:#333;outline:none;blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#c9302c;}
a:focus,input:focus,textarea:focus,select:focus{outline:none}
.cf{*zoom:1}
.cf:after{display:block;visibility:hidden;clear:both;height:0;content:' '}
.hid,h1{position:absolute;z-index:-1;top:-10000px;left:-10000px;display:block;width:10px;height:10px; font-family:Verdana, Arial, sans-serif;}
body{background:#cdecfe url(../images/pagebgx.jpg) center top;font-family:Verdana,Arial,\5FAE\8F6F\96C5\9ED1,\5FAE\x8F6F\6B63\9ED1\4F53,\5b8b\4f53;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53\0;font-size:12px;line-height:1;color:#333;}
input{font-family:Verdana,Arial,\5FAE\8F6F\96C5\9ED1,\5FAE\x8F6F\6B63\9ED1\4F53,\5b8b\4f53;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53\0;}
.hr{ width:100%;min-width:1200px; height:20px; display:block; margin:0 auto; overflow:hidden; }

.pagebgs{ background:#fff; width:1200px; display:block;margin:0 auto;}


.footer{ width:100%; height:auto; display:block; margin:0 auto; background:#4c8e80; padding-top:35px;}
.footer p{ width:1000px; height:30px; display:block; margin:0 auto; text-align:center; color:#fff; font-size:14px;}
.footer a{ color:#fff;}


.header{ width:100%; min-width:1200px; height:175px; display:block; margin:0 auto; background:#d5effe url(../images/topbg.jpg) no-repeat center top;}
.head{width:1200px; height:175px;display:block; margin:0 auto; position:relative; overflow:hidden;}
.logo{ margin-top:30px;}
.topgif{ position:absolute; z-index:999; right:0; bottom:-2px;}

.navWra{width:100%; min-width:1200px; height:56px; display:block; margin:0 auto; position:relative; background:#4c8e80;}
.navBox{ width:1200px; height:56px; display:block; margin:0 auto; position:relative;}
.nav{ width:1200px; height:56px; display:block; float:left;}
.nav li{ width:100px; height:56px; display:block; float:left;text-align:center; position:relative; margin:0 12px;}
.nav li a{ display:block; line-height:56px; color:#fff; font-size:16px;}
.nav li:hover a{ background:#2f8774; color:#ffe680;}
.nav li span{ display:none; width:100px;background:#2f8774; position:absolute; z-index:99999; left:0; top:56px; padding-bottom:5px;}
.nav li span a{ line-height:36px;color:#fff;background:#4c8e80; font-size:14px;}
.nav li:hover span a{ color:#fff;}
.nav li span a:hover{ background:#4c8e80;}
.nav li:hover span a:hover{color:#ffe680;}



.fullSlide{ position:relative; background:#000; margin:0 auto; min-width:1200px;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
   background:#000; filter:alpha(opacity=60);opacity:0.6 
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(/css/images/tg_flash_p.png) -18px 0; overflow:hidden;font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:absolute; left:10px; top:150px;font-size:50px; color:#4c8e80;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}
.fullSlide .next{ left:auto; right:10px;}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8; color:#fff; }
.focus{display:none;}

.slider{ width:100%;  min-width:1200px;  height:450px;  position:relative; overflow:hidden; background:#e5e5e5; text-align:center;   }
.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-600px  }
.slider .bd li{ width:1200px;  overflow:hidden; }
.slider .bd li img{ display:block; width:1200px; height:450px;    }
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:1200px !important; /*寮哄埗浣嶇疆*/  }
.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(/css/images/slider-btn.png) 0 -10px no-repeat; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:450px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-600px;  }
.slider .next{ left:50%;  margin-left:600px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:450px; background:#fff; filter:alpha(opacity=60);opacity:0.6;   }
.slider .pnBtn .arrow{ display:block;   position:absolute; top:0; z-index:1; width:60px; height:450px;filter:alpha(opacity=20);opacity:0.2;  }
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=80);opacity:0.8; }
.slider .prev .arrow{ right:0; background:url(/images/slider-arrow2.png) -120px 40px no-repeat;   }
.slider .next .arrow{ left:0; background:url(/images/slider-arrow2.png) 0 40px no-repeat;  }


.topNews{ width:1200px; height:100px; display:block; margin:0 auto; background:#4c8e80; position:relative;}
.tips{ width:190px; height:100px; display:block; float:left; text-align:center; position:relative; border-right:1px solid #fff;}
.tips b{ width:190px; height:100px; display:block; float:left; line-height:100px; color:#fff; font-size:32px; font-weight:normal;}
.tips b a{ color:#fff;}
.tips span{width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;_border-top: 7px solid #fff;_border-bottom: 7px solid #fff;border-left: 7px solid #fff;overflow:hidden; position:absolute; z-index:11; top:45px; right:-7px;}
.tips i{width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;_border-top: 5px solid #fff;_border-bottom: 5px solid #fff;border-left: 5px solid #fff;overflow:hidden; position:absolute; z-index:11; top:45px; right:-6px;}
.sign{ width:200px; height:100px; display:block; position:absolute; z-index:10; top:0; right:200px; background:#e6441e;}
.sign a{width:200px; height:100px; display:block; color:#fff;line-height:100px; font-size:32px; display:block; float:left; font-weight:normal; text-align:center;}
.sign a:hover{ background:#ff2b4a; color:#fff000;}

.sign2{ width:200px; height:100px; display:block; position:absolute; z-index:10; top:0; right:0px; background:#69c73d; line-height:22px; font-size:14px; color:#fff; text-align:center;}
.sign2 a{width:200px; height:100px; display:block; color:#fff;line-height:100px; font-size:32px; display:block; float:left; font-weight:normal; text-align:center;}
.sign2 a:hover{ background:#ff2b4a; color:#fff000;}
.tipsShow{ width:580px; height:90px; display:block; float:left; padding:5px 0 0 20px; font-size:14px; color:#fff; line-height:30px; overflow:hidden;}
.tipsShow a{ color:#fff;}
.tipsShow a:hover{color:#fff000;}


.picNews{ width:1200px; height:290px; display:block; margin:0 auto;}
.picNews li{ width:350px; height:290px; display:block; float:left; overflow:hidden; position:relative; margin-left:10px; background:#000; text-align:center;}
.picNews li:first-child{ width:480px; margin:0;}
.picNews li a{ display:block; text-align:center; position:relative;}
.picNews li a i{ display:table-cell; width:100%; height:290px; text-align:center; vertical-align:middle;}
.picNews li a i img{ min-height:290px; width:140%;vertical-align:middle; margin-left:-20%;}
.picNews li:first-child a i{ width:435px;}
.picNews li:first-child a img{ width:auto;height:auto;max-height:290px; min-width:435px;margin-left:0;}
.picNews li span{ background:#000; width:100%; height:38px; line-height:38px; text-indent:10px; text-align:left; font-size:16px; color:#fff; display:block; position:absolute; z-index:5; top:252px; left:0;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}
.picNews li a:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}

.h1title{ width:1200px; height:40px; line-height:40px; display:block; margin:0 auto;}
.h1title b{ font-size:26px; font-weight:normal; color:#ff0000; padding-left:10px}
.h1title i{ font-size:22px; font-weight:normal; color:#70c947; padding-left:10px;}


.inNews{ width:1200px;display:block; margin:0 auto; padding:20px 0; overflow:hidden;}

.slideTxtBox{ width:579px; border-right:1px solid #eee; text-align:left; padding-right:20px; display:block; float:left;  }
.slideTxtBox .hd{ height:35px; line-height:35px; position:relative; background:#4c8e80; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:5px; top:0px; height:35px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 25px; cursor:pointer; color:#fff; font-size:16px; position:relative; }
.slideTxtBox .hd ul li a{ color:#fff;}
.slideTxtBox .hd ul li i{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;_border-left: 8px solid #3e7b6d;_border-right: 8px solid #3e7b6d;border-top: 8px solid #3e7b6d;overflow:hidden; position:absolute; z-index:112; top:34px; left:48px; display:none;}
.slideTxtBox .hd ul li.on{ height:35px; color:#fff; background:#3e7b6d;}
.slideTxtBox .hd ul li.on i{ display:block;}
.slideTxtBox .bd ul{ padding:15px 5px;  zoom:1;  }
.slideTxtBox .bd li{ height:30px; line-height:30px; font-size:16px; width:569px; display:block; float:left; position:relative; }
.slideTxtBox .bd li a{height:30px;width:560px; display:block; float:left;overflow:hidden; }
.slideTxtBox .bd li .date{ position:absolute; z-index:113; top:0; right:0; font-size:14px; color:#999;  }

.slideTxtBox2{ width:580px; text-align:left; padding-left:20px; display:block; float:right;  }
.slideTxtBox2 .hd{ height:35px; line-height:35px; position:relative; background:#4c8e80; }
.slideTxtBox2 .hd ul{ float:left;  position:absolute; left:5px; top:0px; height:35px;   }
.slideTxtBox2 .hd ul li{ float:left; padding:0 25px; cursor:pointer; color:#fff; font-size:16px; position:relative; }
.slideTxtBox2 .hd ul li a{ color:#fff;}
.slideTxtBox2 .hd ul li i{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;_border-left: 8px solid #3e7b6d;_border-right: 8px solid #3e7b6d;border-top: 8px solid #3e7b6d;overflow:hidden; position:absolute; z-index:112; top:34px; left:48px; display:none;}
.slideTxtBox2 .hd ul li.on{ height:35px; color:#fff; background:#3e7b6d;}
.slideTxtBox2 .hd ul li.on i{ display:block;}
.slideTxtBox2 .bd ul{ padding:15px 5px;  zoom:1;  }
.slideTxtBox2 .bd li{ height:30px; line-height:30px; font-size:16px; width:569px; display:block; float:left; position:relative; }
.slideTxtBox2 .bd li a{height:30px;width:560px; display:block; float:left;overflow:hidden; }
.slideTxtBox2 .bd li .date{ position:absolute; z-index:113; top:0; right:0; font-size:14px; color:#999;  }

.banns{ width:1200px; height:100px; display:block; margin:0 auto;}

.picScroll{display:none;}
.picScroll-left{  position:relative; width:1200px; height:240px; display:block; margin:0 auto; padding:20px 0;}
.picScroll-left .hd{ overflow:hidden;  height:30px;padding:0 10px; position:absolute; z-index:1; top:-30px; right:0px;  }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:11px; height:11px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#4c8e80;}
.picScroll-left .hd ul li.on{ background-position:0 0; background:#e819b0; }
.picScroll-left .bd{ position:relative; width:1200px; display:block; margin:0 auto; overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; width:390px; height:240px; background:#000;  }
.picScroll-left .bd ul li img{ width:390px; min-height:240px; }
.picScroll-left .bd ul li a:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}




.pageMap{ width:1000px; height:30px; display:block; margin:0 auto; text-align:right; font-size:12px; color:#999; line-height:40px; overflow:hidden;}
.pageMap a{ color:#999; padding:0 10px;}
.pageSubx{width:1000px; display:block; margin:0 auto; padding-top:20px; }
 
.pageTitlex{ width:160px; height:50px; display:block; float:left; line-height:50px; font-size:32px; text-indent:10px; color:#A6043D;}
.pageMenu{ width:780px; display:block; float:left; padding-top:15px;}
.pageMenu a{ padding:5px 10px; margin:0px 5px 5px 5px; font-size:18px; display:inline-block;*display:inline;*zoom:1;}
.pageMenu a:hover{ background:#A6043D; color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.pageMenu a.on{ background:#005dac; color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}




.pagePic{ width:100%; height:220px; display:block; margin:0 auto; background:#f5f5f5 center center;}
.pageSub{width:100%; height:42px;  display:block; margin:0 auto; padding:20px 0; }
.pageSub span{ width:980px; height:28px; display:block; margin:0 auto; background:#f8f8f8;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; padding:7px 10px; border-top:2px solid #c9302c;}
.pageSub span a{ padding:0 25px; line-height:28px; display:inline-block;*display:inline;*zoom:1; font-size:14px; margin:0 5px; color:#c9302c;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.pageSub span a.on{ background:#c9302c; color:#fff;}
.pageSub span a:hover{background:#c9302c; color:#fff;}
.pageTitle{ width:1000px;  display:block; margin:0 auto; text-align:center; line-height:60px; padding:20px 0; color:#0e8ae0; font-size:36px; border-bottom:2px solid #0e8ae0; position:relative;}
.pageTips{width:1000px;  display:block; margin:0 auto; text-align:center; line-height:30px; padding:10px 0; color:#666; font-size:14px; border-bottom:1px solid #f5f5f5;}
.pageConten{ width:960px;display:block; margin:0 auto; padding:20px 20px 40px 20px; font-size:16px; line-height:1.6;}
.pageConten p{ padding:7px 0;}
.pageConten img{ max-width:960px;}
.tgr{ width:1000px; height:50px; display:block; float:left; position:relative; line-height:50px; font-size:32px; color:#c9302c; text-align:center;}

.listbox{width:1000px;  display:block; margin:0 auto;}
.piclist{width:990px; display:block; margin:0 auto; float:left; padding:30px 5px 0px 5px;}
.piclist li{ width:300px; height:230px; display:block; float:left; padding:0px 0px 0px 0px; overflow:hidden; position:relative; margin:0 15px;}
.piclist li i{ width:300px; height:180px; display:block; float:left; background:#f5f5f5;overflow:hidden;}
.piclist li i img{ width:300px; min-height:180px;}
.piclist li b{ background:#000; position:absolute; bottom:50px; left:0; z-index:17; text-align:center; color:#fff; width:100%; height:34px; line-height:34px; font-size:14px; font-weight:normal; overflow:hidden;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7; }
.piclist li a:hover i{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}

.newslist{ width:960px; display:block; margin:0 auto; float:left; padding:20px 30px;}
.newslist li{ width:940px; height:120px; display:block; float:left; padding:20px 10px; border-bottom:1px solid #f0f0f0;}
.newslist li i{ width:180px; height:120px; display:block; float:left; overflow:hidden;}
.newslist li i img{ width:100%; min-height:120px;}
.newslist li b{ display:block; line-height:40px; font-size:18px; width:720px; float:left; padding-left:15px; overflow:hidden; padding-top:10px;}
.newslist li p{ width:720px; display:block; float:left; max-height:41px; font-size:14px; line-height:1.4; padding-left:15px; overflow:hidden;}
.newslist li span{ width:720px; display:block; float:left; font-size:12px; line-height:1.8; padding-left:15px; overflow:hidden; color:#888;}

.contenBox{ width:1000px; display:block; margin:0 auto; padding-top:30px;}



.TableBox{ width:600px; display:block; margin:0 auto; position:relative; padding:20px 0;}
.TableBox p{ width:100%; height:32px; display:block; float:left; padding:8px 0;}
.TableBox p label{ width:160px; height:32px; display:block; float:left; padding-right:5px; text-align:right; font-size:16px; line-height:32px; color:#777;}
.TableBox p span{ width:430px; height:32px; display:block; float:left; position:relative;}
.TableBox p .txt{ width:410px; padding:0 10px; height:30px; display:block; float:left; border:1px solid #ccc; font-size:16px;font-family:Verdana,Arial,\5FAE\8F6F\96C5\9ED1,\5FAE\x8F6F\6B63\9ED1\4F53,\5b8b\4f53;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53\0;}
.TableBox p .sel{width:433px; padding:0 0px; height:32px; display:block; float:left; border:1px solid #ccc; font-size:16px;font-family:Verdana,Arial,\5FAE\8F6F\96C5\9ED1,\5FAE\x8F6F\6B63\9ED1\4F53,\5b8b\4f53;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53\0;}
.TableBox p .sel:focus{outline:none}
.TableBox p.textP,.TableBox p.textP span{ height:auto;}
.TableBox p .textar{width:410px; padding:10px 10px; height:60px; display:block; float:left; border:1px solid #ccc; font-size:16px; line-height:1.4;font-family:Verdana,Arial,\5FAE\8F6F\96C5\9ED1,\5FAE\x8F6F\6B63\9ED1\4F53,\5b8b\4f53;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53\0;}
.TableBox p span i img{ width:90px; height:32px;}
.tabBtn{ width:1000px; display:block; margin:0 auto; text-align:center; padding:20px 0 30px 0;}
.btnOk{font-size:16px; padding:12px 35px; border:1px solid #e6212a; background:#e6212a; color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; font-family:Verdana,Arial,\5FAE\8F6F\96C5\9ED1,\5FAE\x8F6F\6B63\9ED1\4F53,\5b8b\4f53;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53\0;}
.tabTxt{ width:600px; display:block; margin:0 auto; padding:40px 200px 60px 200px; font-size:14px; line-height:1.6; border-top:1px solid #f5f5f5;}

.aw{ color:#fff;}
.aw:hover{ color:#FF0;}
.ab{color:#0e8ae0;}
.ab:hover{ color:#c9320c;}



/* 翻页器 */
.m-page{margin:30px 0 40px 0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;word-wrap:normal;white-space:nowrap;color:#999; width:100%; display:block; float:left;}
.m-page a,.m-page i{display:inline-block;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;text-shadow:0 1px #fff;background:#fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a,.m-page a:hover{text-decoration:none;color:#0e8ae0;}
.m-page a:first-child{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.m-page a:last-child{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.m-page a.pageprv:before,.m-page a.pagenxt:after{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;}
.m-page a.pageprv:before{margin-right:3px;content:'\3C';}
.m-page a.pagenxt:after{margin-left:3px;content:'\3E';}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 通用自定义按钮-默认蓝色 */
.u-btn{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;border-radius:5px;font-size:12px;letter-spacing:1px;text-align:center;vertical-align:middle;cursor:pointer;word-wrap:normal;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);text-shadow:0 -1px rgba(0,0,0,0.2);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6dbde4),to(#399dd8));background:-webkit-linear-gradient(#6dbde4,#399dd8);background:-moz-linear-gradient(#6dbde4,#399dd8);background:-ms-linear-gradient(#6dbde4,#399dd8);background:linear-gradient(#6dbde4,#399dd8);}
.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
.u-btn:hover,.u-btn:focus{background:#399dd8;}
.u-btn:active{box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btnsel{display:inline-block;vertical-align:middle;border-style:solid;border-width:4px 4px 0;border-color:rgba(255,255,255,0.8) transparent transparent;}
.u-btn:hover .btnsel,.u-btn:focus .btnsel{border-top-color:rgba(255,255,255,1);}
/* 较大 */
.u-btn-lg{padding:0 15px;height:36px;line-height:36px;font-size:18px;}
.u-btn-lg .btnsel{border-width:5px 5px 0;}
/* 较小 */
.u-btn-sm{padding:0 10px;height:22px;line-height:22px;}
/* 红色 */
.u-btn-c1{border-color:#9f161b;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ee232a),to(#cc1c23));background:-webkit-linear-gradient(#ee232a,#cc1c23);background:-moz-linear-gradient(#ee232a,#cc1c23);background:-ms-linear-gradient(#ee232a,#cc1c23);background:linear-gradient(#ee232a,#cc1c23);}
.u-btn-c1:hover,.u-btn-c1:focus{background:#cc1c23;}
/* 黄色 */
.u-btn-c2{border-color:#e1962d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fbb149),to(#f8960a));background:-webkit-linear-gradient(#fbb149,#f8960a);background:-moz-linear-gradient(#fbb149,#f8960a);background:-ms-linear-gradient(#fbb149,#f8960a);background:linear-gradient(#fbb149,#f8960a);}
.u-btn-c2:hover,.u-btn-c2:focus{background:#f8960a;}
/* 绿色 */
.u-btn-c3{border-color:#52a552;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#68c668),to(#50b150));background:-webkit-linear-gradient(#68c668,#50b150);background:-moz-linear-gradient(#68c668,#50b150);background:-ms-linear-gradient(#68c668,#50b150);background:linear-gradient(#68c668,#50b150);}
.u-btn-c3:hover,.u-btn-c3:focus{background:#50b150;}
/* 灰色 */
.u-btn-c4{border-color:#d0d0d0;text-shadow:0 1px rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#e7e7e7));background:-webkit-linear-gradient(#fefefe,#e7e7e7);background:-moz-linear-gradient(#fefefe,#e7e7e7);background:-ms-linear-gradient(#fefefe,#e7e7e7);background:linear-gradient(#fefefe,#e7e7e7);}
.u-btn-c4,.u-btn-c4:hover{color:#333;}
.u-btn-c4:hover,.u-btn-c4:focus{background:#e7e7e7;}
.u-btn-c4 .btnsel{border-top-color:rgba(0,0,0,0.6);}
.u-btn-c4:hover .btnsel,.u-btn-c4:focus .btnsel{border-top-color:rgba(0,0,0,1);}
/* 通用自定义按钮组合 */
.u-btns{display:inline-block;position:relative;}
.u-btns .u-btn{float:left;margin-left:-1px;border-radius:0;}
.u-btns .u-btn:first-child{margin-left:0;border-radius:5px 0 0 5px;}
.u-btns .u-btn:nth-last-of-type(1){border-radius:0 5px 5px 0;}
.u-btns .u-btn:only-of-type{border-radius:5px;}



.Phi{display:none;}