*{word-break:break-all;word-wrap:break-word;}
html {height: 100%;  overflow: hidden;}
body {margin:0;padding:0; font:12px "Microsoft YaHei","SimSun",Arial; background:#fff;  height: 100%; overflow: hidden;}

table{font-size:14px;}
form{margin:0px;padding:0px;}
ul,li{}

.text_css{font:12px "Microsoft YaHei","SimSun",Arial; padding:3px 2px; color:#333; font-size:12px;
	border:1px solid;border-color:#999 #ccc #ccc #999;background:#FFF;
  overflow: hidden;
  outline: none;
 }
 .readonly_css{font:12px "Microsoft YaHei","SimSun",Arial; padding:4px 2px;background:#FFF url('images/bg_readonly.png') repeat-x; color:#333;font-size:12px;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  outline: none;
 }

input{font-family:"Microsoft YaHei","SimSun",Arial; }

.button_css{font:14px Arial, Verdana; padding:2px 4px;margin:0px; }
.radio_css{}
.checkbox_css{}
select{padding:2px; font:14px "Microsoft YaHei","SimSun",Arial; border:1px solid;border-color:#999 #ccc #ccc #999;background:#FFF; }
textarea{font:14px Arial, Verdana; padding:4px 2px; margin: 0px; border:1px solid;border-color:#999 #ccc #ccc #999;background:#FFF; }
.required{color:red;font-weight:bold;margin:0px 2px;}
.warning{font-weight:bold;}
.time{font-size:14px; color:#c30;}
.ip{font-size:14px; color:#f90; }
.time a:link,.time a:hover,.time a:visited,.time a:active{color:#c30;}
.ip a:link,.ip a:hover,.ip a:visited,.ip a:active{color:#f90;}
a:link, a:active, a:visited{text-decoration:none;color:#000;}
a:hover{text-decoration:underline; color:#039;}
a img{border:none;}
img{border:none;}

.nstyle{color:#f30; padding:2px 0px 2px 2px; line-height: 150%;}
.ystyle{color:#006633; padding:2px 0px 2px 2px; line-height: 150%;}
.askstyle{color:#666; padding:2px 0px 2px 2px; line-height: 150%;}
.wstyle{color:#E88500; background:url('warn_small.gif') center left no-repeat; padding:2px 0px 2px 20px; line-height: 150%;}

.clear{clear:both; overflow:hidden; height:0px;}
.hidden{display:none;}
a.del span{font-weight: bold; color: #c30;}
a.del{display: inline-block; width: 12px; height: 12px;}


/*abtn*/

.abtn{margin:0px 2px; white-space: nowrap;}
.abtn, .abtn span, .abtn:hover, .abtn:hover span{display:inline-block; height:24px; line-height:24px; text-indent: 0px; text-align:center; cursor:pointer; text-decoration:none; border-radius: 3px; white-space: nowrap;}
.abtn, .abtn:hover{}
.abtn span, .abtn:hover span{padding: 0px 8px;}

.greenbtn{background:#7ACF00; border:1px solid #4EC000;}
.greenbtn span{color:#fff; }
.greenbtn:hover{background:#95DB26;}
.greenbtn:hover span{color:#fff;}

.orangebtn{background: #fa0; border:1px solid #DD951D;}
.orangebtn span{color:#fff;}
.orangebtn:hover{background: #f90;}
.orangebtn:hover span{color:#fff;}

.graybtn{background: #f2f2f2; border:1px solid #C7C7C7;}
.graybtn span{color:#333; }
.graybtn:hover{background: #eaeaea;}
.graybtn:hover span{color:#000; }

.bluebtn{background: #048FC3; border: 1px solid #048FC3;}
.bluebtn span{color:#fff; }
.bluebtn:hover{background: #47B2D3;}
.bluebtn:hover span{color:#fff; }

.gray2btn{background: #f2f2f2; border:1px solid #C7C7C7;}
.gray2btn span{color:#333; }
.gray2btn:hover{background: #eaeaea;}
.gray2btn:hover span{color:#000; }

.redbtn{background: #E74139; border:1px solid #C12A22;}
.redbtn span{color:#fff; }
.redbtn:hover{background: #EE5448;}
.redbtn:hover span{color:#fff; }

.bbtn{display:inline-block; height:24px; line-height:24px; text-indent: 0px; text-align:center; cursor:pointer; color: #fff;}
.msgdiv{text-align: center; padding: 50px;}
.msgdiv .y{background: url('images/sign/yes_big.png') no-repeat center top; padding-top: 140px; padding-bottom: 10px; font-weight: bold; font-size: 20px;}
.msgdiv .n{background: url('images/sign/warn_big.png') no-repeat center top; padding-top: 140px; padding-bottom: 10px; font-weight: bold; font-size: 20px;}
.msgdiv a:link,.msgdiv a:hover,.msgdiv a:visited,.msgdiv a:active{color:#06c; text-decoration: underline;}

/**/
.bbtn{margin:0px 3px;}
.bbtn{display:inline-block; height:28px; line-height:28px; padding: 0px 18px; border-radius: 4px; background:#fa0; text-align:center; cursor:pointer; text-decoration:none; border:1px solid #DD951D;}
.bbtn:hover{text-decoration: none; background:#f90;}
.bbtn span, .bbtn:hover span{color: #fff; text-decoration: none;}
.bbtn.gray2btn{background: #f2f2f2; color:#333; border:1px solid #C7C7C7;}

/*提示框*/
#wintips{ font-size:14px; border:2px solid #f90;  border-radius: 2px; box-shadow: 0 0 8px #999; padding:10px; position: absolute; z-index: 19999; background: #fff; text-align: center; display: none; wdith:0px; height: 0px;}
#wintips_frame{position: absolute; z-index: 19998;  padding:12px; width:0px; height: 0px; overflow: hidden; display: none;}


.pager{padding-top: 10px;}



#tbout{width: 100%; height: 100%; }

.boxdiv{border-radius: 6px; border: 1px solid #eee; background: #fff; min-width: 1400px;}
.boxtips{border-radius: 6px; border: 1px solid #F2BF91; background: #FDF9E8; padding: 10px; color: #f00; font-size: 14px; font-weight: bold; margin-bottom: 10px;}

.boxtitle{height: 40px; line-height: 40px; font-weight: bold; text-indent: 10px; color: #333; border-bottom: 1px solid #eee; font-size: 16px;}
.boxtitle a.abtn{margin-left: 10px; font-weight: normal;}
.boxcontent{padding: 0px;}

.expc{color: #39c;}
.expd{color: #f30;}

#ancnews {height: 30px; overflow: hidden; font-size: 14px; }
#ancnews ul{list-style: none; display: block; margin: 0px; padding: 0px;}
#ancnews ul li{height: 30px; line-height: 30px; overflow: hidden; background: url('images/bg_anc.gif') no-repeat 0px 5px; text-indent:22px;}
#ancnews ul li .time{font-size: 12px; padding-left: 10px;}
.newstl{font-size: 14px; font-weight: bold; padding-top: 20px; height: 25px;}
.newsul{list-style: none; margin: 0px; padding: 0px;}
.newsul li{height: 26px; line-height: 26px; overflow: hidden; font-size: 14px; border-bottom: 1px solid #eee;}
.newsul li .title{padding-left:6px;}

.topn{height: 70px;}
#toptimer{height: 26px; line-height: 26px; position: absolute; left: 0px; width: 400px;}
#toptimer .dt1{padding-right: 5px;}
#toptimer .dt3{padding-right: 10px;}
#toptimer .dt2{color: #666; }

.logdiv{height: 26px; line-height: 26px; position: absolute; right: 0px; color: #999; display: none;}
#topcs{height: 26px; line-height: 26px; position: absolute; right: 0px; top: 0px;}
#topcs img{margin-right: 5px;}
#toptel{height: 26px; line-height: 26px; position: absolute; right: 0px; top: 33px; background: url('images/ico_tel.gif') no-repeat center left; padding-left: 24px;}
#toptel b, #toptel i{color: #c33; margin-right: 5px; font-size: 14px; font-style: italic;}

.membertable{border-collapse: collapse; width: 100%;}
.membertable td{padding: 6px 4px;}
.borderc{border-spacing: 0px; border: 2px solid #fff;}
.borderc td{border: 1px solid #eee;}
.borderlist td{border: 1px solid #eee; border-left:0px;}
.member_b1{text-align: right; width: 150px;}

.searchdiv{height: 35px; line-height: 35px;}
.searchtl{text-align: right; border: 0px; font-weight: bold;  background: none; width: 70px; float: left;}
.searchf{float: left; padding-left: 6px;}
.ordertl{text-align: right; border: 0px; font-weight: bold;  background: none; width: 100px; float: left;}
.orderf{float: left; padding-left: 6px;}
.sortdiv a b{background: url('images/bg_sort.gif') no-repeat 0px 4px; margin-left: 3px; display: inline-block; width: 10px; height: 22px; vertical-align: middle; }
.sortdiv a.asc b{background: url('images/bg_sort.gif') no-repeat 0px -46px; }
.sortdiv a.desc b{background: url('images/bg_sort.gif') no-repeat 0px -96px; }
.sortdiv a.cur{background:#f90;}
.sortdiv a.cur:link,.sortdiv a.cur:active, .sortdiv a.cur:visited, .sortdiv a.cur:hover{color: #fff;}
.cansort{padding:3px 6px; background:#eee; border-radius: 4px;}

.sorta em{background: url('images/bg_sort2.gif') no-repeat 0px 4px; margin-left: 3px; display: inline-block; width: 10px; height: 22px; vertical-align: middle;}
.colorpicker{cursor:pointer;}

.norecord{padding: 10px; text-align: center;}
.noimeipro{padding: 10px 5px; color: #999;}

.listtable{border-collapse: collapse; width: 100%; border-bottom: 1px solid #e0e0e0;}
.listtable tr td:first-child{padding-left: 8px;}
.listtable tr td:last-child{padding-right: 8px;}
.listtablebd{border:1px solid #e0e0e0;}
.listtable .tdr{text-align: right;}
.listtable .tdc{text-align: center;}
.listtable tbody.odd td{background: #fafafa;}
.listtable td{padding:4px 3px; border-top: 1px solid #eee;}
.listtable .text_css{width: 30px; height: 16px; padding: 2px;}
.listtable thead td{background: #f5f5f5 url('images/bg_boxtitle_white.png') repeat-x; font-weight: bold; padding: 6px 3px;}
.listtable .ordertitle td{background:#f5f5f5; padding: 6px;}
.listtable .tdb{border-bottom: 0px;}
.listtable .pitem{clear:both;}
.listtable .pitem div{display: inline-block; height: 20px; line-height: 20px; overflow: hidden;}
.listtable .pitem .pimei{width: 150px;}
.listtable .pitem .pmodel{width: 270px;}
.listtable .pitem .pnum{width: 20px;}
.listtable .pitem .pprice{width: 80px;}

.listtable .state3{color: #390; font-weight: bold;}
.listtable tbody.bg1 td{background:#f5f5f5;}
.listtable .adminname{font-size: 12px; color: #666;}
.listtable .isread0{font-weight: bold;}
.listtable .zj{background: #FFF5EA;}

.intable{width: 100%;}
.intable{border-collapse: collapse; margin:8px 0px;}
.intable td{border:0px; border-bottom: 1px solid #eee; padding: 2px;}
.intable tr:last-child td{border-bottom: 0px;}
.showsup{display: block; height: 16px; width: 100%; background: #FFFBF7; text-align: center; line-height: 16px; margin-top: -8px; margin-bottom: 8px;}
.showsup em span{font-style: normal; font-size: 11px; font-weight: bold;}
.showsup.uu em{background: url('images/bg_moreup.gif') no-repeat 0px -48px; display: inline-block; width: 30px; height: 16px; margin-right: 30px;}
.showsup.uu em span{display: none;}
.rfqvtr{border-bottom: 2px solid #eee;}

.zico{font-style: normal; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 2px; background: url('images/ico_zi.png') no-repeat;}
.zico.zi{background-position: 0px -30px;}
.zico.you{background-position: 0px -60px;}
.zico.que{background-position: 0px 0px;}

.supline{background: #eee; height: 1px; overflow: hidden; display: none;}
.isshort{font-weight: bold; color: #f30;}

.conbtn a{background: #efefef url('images/bg_conbtn.png') repeat-x; border:1px solid #c4c4c4; padding: 1px 4px; font-size: 12px; color: #666;}
.conbtn a:hover{background: #f5f5f5;  color: #000; text-decoration: none;}

.cateicols label{margin-right: 10px;}
.popedomls label{margin-bottom:3px; display: block;}
.pagerdiv{float: right; padding-top: 4px;}
.pagertb{width: 100%;}
.recstr{padding-bottom: 5px;}
.msgdiv{padding: 30px; text-align: center; font-size: 14px;}

.newsct{padding: 15px;}
.newstitle{font-size: 16px; font-weight: bold; padding: 5px 0px;}
.newstime{color: #c30; padding: 5px 0px;}
.newsbody{font-size: 14px; line-height: 160%; padding-top: 10px; padding-bottom: 30px;}
.newsbody p{display: block; margin: 0px; padding: 0px;}

.searchbar{padding: 8px;}
.searchbar .text_css{padding: 3px 2px; font-size: 14px;}

.totaldiv{padding: 6px;}
.totaldiv .price{font-size: 14px; color: #c30; }

.font12{font-size: 12px;}
.font14{font-size: 14px;}

.nonecdiv{color:#c0c0c0; text-align: center; padding:10px;}
.nonec{color:#c0c0c0;}
.puk{color:#00f; font-size: 48px;}
.cateremark{background: #FFF8F1; border:1px solid #FFC77F; padding: 10px; line-height:150%; font-size: 14px; font-weight: bold; margin: 8px; color: #f30;}


/*login*/
.ntopewm{float: left; width: 90px; text-align: center;}
.ntopewm img{width: 90px;}
.loginbig{background: #253247; padding: 60px 40px;}
.nlogdiv{text-align: center;}

.login_div{width:980px; margin:auto;}
.login_title{font-size:22px;color:#156ADD;}
.login_a2{padding:3px;color:#666666;}
.login_a2 a:link,.login_a2 a:active,.login_a2 a:visited,.login_a2 a:hover{color:#666;}
#logintips{padding:5px;}

.login_form{width:350px; background: #fff; padding: 25px; margin: auto;}
.login_form .text_css{width:310px; height:28px; line-height: 28px; margin:4px 0px; padding: 5px 8px;}
.login_form .button_css{width:70px;}

.loginbtn{display: block; width: 330px; height:48px; line-height: 48px; background:#156ADD; border-radius: 3px; text-align: center; color: #fff; font-size: 14px; font-weight: bold;}
.loginbtn span{color: #fff;}
.loginbtn:hover{text-decoration: none; background:#327FEB;}


.copyright {text-align:center;color:#9F9F9F;padding:20px 0 0 0;clear:both; line-height: 200%;}
.copyright a:link,.copyright a:active,.copyright a:visited{color:#9F9F9F;}
.copyright a:hover{color:#f60; text-decoration: underline;}
.copyright a img{margin-right: 3px;}

/*顶部菜单*/
.mcptopin{height: 50px; position: relative; width: 100%; background: #fff; border-bottom: 1px solid #E2E4E3; box-shadow: 0px 0px 4px 0px #ccc;}

.mcpout{height: 100%;}
.member_menu{width: 180px; height: 100%; background: #1E2A36; float: left; position: absolute; left: 0px; top: 0px; z-index: 1000;}
.member_mul{display: block; list-style: none; margin: 0px; padding: 0px; }
.gmenubig{display: block; height: 32px; line-height: 32px; color: #fff; font-weight: bold; background: #22282E url('images/bg_mcpico.png') no-repeat 16px 14px; text-indent: 30px; }
.gmenu{display: block; float: left; width: 88px; height: 28px; line-height: 28px; text-align: center; border-bottom: 1px solid #37424F; border-right: 1px solid #37424F; overflow: hidden;}
.gmenulink{display: block; height: 33px;}
.gmenulink:link,.gmenulink:active,.gmenulink:visited,.gmenulink:hover{text-decoration: none; color: #A9B2C3;}
.gmenulink:hover{background: #37424F;}
.gmenu.cur{background: #1E88E5;}
.gmenu.cur .gmenulink:hover{background: #1E88E5;}
.gmenu.cur .gmenulink:link,.gmenu.cur .gmenulink:active,.gmenu.cur .gmenulink:visited,.gmenu.cur .gmenulink:hover{text-decoration: none; color: #fff; }
.gmenu.gmenufull{width: 100%; border-left: 0px; border-right: 0px; height: 35px; line-height: 35px; float: none;}
.gmenu.gmenufull .gmenulink{height: 35px;}

.admin_menu .gmenu.cur{background: #156ADD;}
.admin_menu .gmenu.cur .gmenulink:hover{background: #156ADD;}

.memberrs{position: absolute; left: 0px; top: 0px; overflow-y:scroll; height: 100%; width: 100%; z-index: 999; background: #F5F7F6;}
.membercp_out{position: relative; padding: 10px 0px 80px 195px; margin-right: 15px;}

.mcptopm{height: 50px; line-height: 50px; color: #666; font-size: 14px; float: left; color: #111; padding-left:200px; }
.mcptopm a:link,.mcptopm a:active,.mcptopm a:visited,.mcptopm a:hover{color: #111;}
.mcptopm a{padding: 0px 6px;}
.mcptopr{height: 24px; line-height: 24px; padding: 13px 15px 0px 0px; float: right;}

.aico{display:block; height: 24px; line-height: 24px; padding: 0px 15px 0px 26px; background: url('images/bg_mcpico.png') no-repeat; float: left; font-size: 14px; overflow: hidden;}
.aico1{background-position: 0px -50px;}
.aico2{background-position: 0px -100px;}
.aico3{background-position: 0px -150px;}
.aico4{ background: url('images/ico_exit.png') no-repeat; }
.aico span{color: #111; display: block;}
.aico:hover{text-decoration: none;}
.aico:hover span{display: block;}

.mcptopr .mname{float: left; padding-right: 15px;}
.mcptopr .mname:link,.mcptopr .mname:active,.mcptopr .mname:visited,.mcptopr .mname:hover{color: #111; font-size: 14px; font-weight: bold;}

.changetips{padding: 8px 0px; font-size: 14px; color: #f60; font-weight: bold;}
.identitytips{padding: 8px 0px; font-size: 14px; color: #f60;}

#pkglist{display: block; margin: 0px; padding: 0px;}
#pkglist a{display: block; height: 30px; line-height: 30px; text-align: center; border:1px solid #dedede; float: left;  padding: 1px 7px; margin: 5px 8px 5px 0px; white-space: nowrap;}
#pkglist a:hover{text-decoration: none;}
#pkglist a:hover span{color: #f60;}
#pkglist a.cur{border:2px solid #f60; padding: 0px 6px; background: url('images/bg_sel.gif') no-repeat bottom right; font-weight: bold;}
#pkglist a.cur span{color: #f60;}

.pkgtb{border-collapse: collapse; width: 100%; font-size: 12px;}
.pkgtb td{padding: 3px;}


.ywitem{width: 18%; margin: 1%; float: left; text-align: center;}
.ywitem i{display: block; width: 128px; height: 128px; background-image:url('images/bg_bi.png?1210'); background-repeat: no-repeat;  margin: auto; border-radius: 50%;}
.ywitem .i1{background-position: 0px -200px; background-color: #ff9900;}
.ywitem .i2{background-position: 0px -200px; background-color: #3A75A5;}
.ywitem .i3{background-position: -160px -800px; background-color: #0075CC;}
.ywitem .i4{background-position: 0px -200px; background-color: #01A977;}
.ywitem .i5{background-position: 0px -600px; background-color: #f90;}

.adminyw .ywitem{width: 16%;}
.ywitem a{display: block; text-align: center; font-size: 18px;}
.ywitem a:hover{text-decoration: none;}
.ywitem a span{color: #333; display: block; padding-top: 10px;}
.ywitem .ordernn{font-size: 14px; display:inline-block; margin-top: 15px; border:1px solid #eee; padding: 2px 12px; background: #f5f5f5;}



.membermenu{background: url('images/drop2.gif') no-repeat center left; padding-left:11px; line-height: 150%; position: relative; z-index: 9;}
.membermenu .sub{display: none; border:2px solid #f90; background: #fff; padding: 2px; position: absolute; left: 0px; top: 18px; color:#c0c0c0; width: 140px; z-index: 1000;}
.membermenu .sub a{}

.sstips{color: #666; padding: 6px 0px; font-size: 14px;}
.attips{background: #F9FBF4;border: 2px solid #97B553;color: #360; padding: 8px;margin: 0px 0px;font-size: 14px;}

.readnoie{color:#f30; padding:10px 0px; font-size:16px; font-weight:bold; display: block;}

.blc0{color: #f30; font-weight: bold;}
.blc1{color: #390; font-weight: bold;}

.memblc{font-size: 14px; padding-bottom: 5px;}
.topnm{position: relative; display: block; float: left; background: url('images/ico_down2.gif') no-repeat center left; padding-left: 12px; padding-right: 12px; font-size: 14px;}
.topnm>a{display: block;}
.topnm .sub{display: none; border:1px solid #e0e0e0; background: #fff; box-shadow: 0px 0px 1px #999; position: absolute; left: 0px; top: 25px; color:#c0c0c0; width: 120px; z-index: 1000;}
.topnm .sub a{display: block; text-indent: 15px; background: #fff; height: 32px; line-height: 30px; border-bottom: 1px solid #eee;}
.topnm .sub a:hover{background: #1E88E5; color: #fff; text-decoration: none;}

#player{height: 0px; overflow: hidden;}
#ispeaker a, #itask a{background:url('images/ico_pro2.gif') no-repeat center left; padding-left: 22px; font-weight: bold;  margin-right: 10px;}
#imsger a{background:url('images/ico_msg2.gif') no-repeat center left; padding-left: 22px; font-weight: bold; margin-right: 10px;}


.adminico10{background: url('images/ico_admin.gif') no-repeat center right; padding-right: 16px;}
.mcpqq{}
.mcpqq a img{margin-right: 3px;}

.icoeyes{background-image: url('images/ico_eyes.png'); background-repeat: no-repeat; padding-right: 20px;}
.icoeyes.yshow{background-position: right 3px;}
.icoeyes.yhide{background-position: right -27px;}

.anctable{width: 100%;}
.ancblc{width: 140px; text-align: right;}

.kdtips{color: #f00; font-weight: bold;}

.viewimglist{width:420px; margin: auto; padding: 5px; text-align: center;}
.viewimglist img{margin-right: 8px; width: 60px; height: 80px; border:1px solid #dedede; text-align: center;}
.viewimgbtn{text-align: center; padding-bottom:10px;}
#viewimgin{text-align: center;}
.viewnum{position: fixed; bottom: 35px; left: 50%; padding-bottom: 0px; width: 300px; margin-left: -150px; z-index: 9999; font-size: 28px; background: #fff; text-align: center;}

.vbtn{display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #f90; color: #fff;}
.vbtn:hover, .vbtn span{color: #fff;}
.vbtn:link span, .vbtn:hover span{color: #fff; font-size: 14px;}
.viewimgbtnft{position: fixed; bottom: 0px; left: 50%; padding-bottom: 0px; width: 440px; margin-left: -220px; z-index: 9999;}

.cmuitem{width: 465px; height: 30px; float: left;  border:1px solid #dedede;  padding:5px 3px; margin:3px 8px; background:#fafafa;}
.cmuitem strong{display:inline-block; font-size:20px; color:#999; padding-right:5px; font-weight: normal;}

.niceprice{color: #c30; font-weight: bold;}

.adlink{padding: 5px; font-size: 14px;} 


.manstyle{color:#390; font-weight: bold;}
.grstyle{color: #390;}
.redstyle{color: #f30;}
.hidestyle{display: none;}


.nologin, .nologin:link, .nologin:active, .nologin:visited, .nologin:hover{color: #999;}
.ylogin, .ylogin:link, .ylogin:active, .ylogin:visited, .ylogin:hover{color: #390;}

@media screen and (max-width: 640px) {
	/*login*/
	.loginbig{padding: 20px 10px; height: 100%;}
	.nlogdiv img{width: 80%;}

	.login_div{width:auto;}
	.login_title{font-size:1.5rem;}

	.login_form{width:auto; padding: 25px;}
	.login_form table{width:100%;}
	.login_form .text_css{width: 96%; padding: 5px 2%; margin:4px 0px; font-size: 1rem;}

	.loginbtn{display: block; width: 100%; font-size: 1.2rem;}
	.loginbtn span{color: #fff;}
	.loginbtn:hover{text-decoration: none; background:#327FEB;}
}