@charset "gb2312";
/* CSS Document  For czrzj.com  By Alone */

/*
 * 通用
 */
body { font-family:"Microsoft Yahei","微软雅黑",Tahoma,sans-serif; font-size:12px; line-height:20px; background:url(images/bg_xline.png) transparent; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td
{ margin:0; padding:0; }
ul, ol, li { list-style:none; }
img { border:0; vertical-align:middle; }
a { text-decoration:none; outline:none; color:#222; }
input, select { vertical-align:middle; }
table, td, th { border-collapse:collapse; border-color:#CCC; }
table[cellpadding] td { padding:3px; }
table[cellpadding="1"] td { padding:1px; }
table[cellpadding="5"] td { padding:5px; }
input { padding:.1em .3em; font-size:12px; }
input[type="text"],input[type="password"]
{ height:20px; line-height:20px; border:1px solid #AAA; }
input[type="text"]:hover,
input[type="password"]:hover,
input[type="text"]:hover,
input[type="password"]:focus
{ border-color:#6CF; }
input[type="submit"],input[type="reset"] { font-size:14px; }
select { padding:3px; }

/* 布局 */
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.cf:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }/* 万能clear */
.disn { display:none; }
.dpn { display:none; }
.dpb { display:block; }

.mp0 { margin:0; padding:0; }
.mg5 { margin:5px; }
.mg10 { margin:10px; }
.mgt10 { margin-top:10px; }
.mgl10 { margin-left:10px; }
.mgr10 { margin-right:10px; }
.pd5 { padding:5px; }
.pd10 { padding:10px; }
.pdt5 { padding-top:5px; }
.pdt10 { padding-top:10px; }
.pdr10 { padding-right:10px; }
.pdb2 { padding-bottom:2px; }
.pdlr10 { padding:0 10px; }
.pdtb5 { padding:5px 0; }
.por { position:relative; }
.poa { position:absolute; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.lh30 { line-height:30px; }
.bdt { border-top:1px dashed #CCC; }

.row { width:100%; display:block; clear:both; }
.wp { width:990px; margin:0 auto; }
.mid { margin:0 auto; }
.mbox, .mbox2, .mbox3, .mbox5, .mbox6 { width:100%; margin:0; padding:0; }


/* 效果 */
.ccc { color:#CCC; }
.f00 { color:#F00; }
.bgfc { background:#FCFCFC; }
.otw { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ti05, .ti05:hover { transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; }
.tfr360:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }

.rd3 { border-radius:.3em; -moz-border-radius:.3em; -webkit-border-radius:.3em; }
.rd5 { border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em; }
.rd6 { border-radius:.6em; -moz-border-radius:.6em; -webkit-border-radius:.6em; }
.rd10 { border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; }
.rdt3 { border-radius:.3em .3em 0 0; -moz-border-radius:.3em .3em 0 0; -webkit-border-radius:.3em .3em 0 0; }
.rdt10 { border-radius:1em 1em 0 0; -moz-border-radius:1em 1em 0 0; -webkit-border-radius:1em 1em 0 0; }
.rdb3 { border-radius:0 0 .3em .3em; -moz-border-radius:0 0 .3em .3em; -webkit-border-radius:0 0 .3em .3em; }
.rdl5 { border-radius:.5em 0 0 .5em; -moz-border-radius:.5em 0 0 .5em; -webkit-border-radius:.5em 0 0 .5em; }
.rdr5 { border-radius:0 .5em .5em 0; -moz-border-radius:0 .5em .5em 0; -webkit-border-radius:0 .5em .5em 0; }

.sd3 { box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); }
.sd { box-shadow:0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3); }
.sd20 { box-shadow:0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow:0 0 20px rgba(0, 0, 0, .5); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .5); }
.sdh:hover { box-shadow:0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3); }

.iptsd { box-shadow:1px 1px 2px rgba(0,0,0,.2) inset; }
.iptsd:hover { box-shadow:1px 1px 2px rgba(0,0,0,.35) inset; }
.iptsd:focus { box-shadow:0 0 5px rgba(0,0,0,.5); }

.abtn { background:#EEE;background-image:-webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#CCC));background-image:-webkit-linear-gradient(#F9F9F9,#CCC);background-image:-moz-linear-gradient(#F9F9F9,#CCC);background-image:-ms-linear-gradient(#F9F9F9,#CCC);background-image:-o-linear-gradient(#F9F9F9,#CCC);background-image:linear-gradient(#F9F9F9,#CCC); border:1px solid #BBB; text-shadow:1px 1px 2px #FFF; }
.abtn { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2F9F9F9',endColorstr='#B2CCCCCC'); }
.abtn:hover, .abtn:active { background-color:#DDD;background:-webkit-linear-gradient(#DDD,#EEE);background:linear-gradient(#DDD,#EEE); }
.abtn:hover, .abtn:active { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2DDDDDD',endColorstr='#B2EEEEEE'); }
input.abtn { cursor:pointer; }

/* 顶栏 */
.top { width:100%; height:35px; background:#222; color:#DDD; }
.topfix { width:100%; min-width:360px; padding:0; text-shadow:none; position:fixed; z-index:1111; }
.topfix .wp { position:relative; z-index:1122; }
.topbg { position:fixed; top:0; left:0; width:100%; height:35px; background-color: #191919; background:transparent\9; background-image: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#191919)); background-image: -webkit-linear-gradient(top, #2c2c2c, #191919); background-image: -moz-linear-gradient(top, #2c2c2c, #191919); background-image: -o-linear-gradient(top, #2c2c2c, #191919); background-image: linear-gradient(to bottom, #2c2c2c, #191919); opacity:.7; }
.topbg { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B22c2c2c',endColorstr='#B2191919'); }
.top .top_logo { height:35px; padding-left:32px; background:url(../images/ico-iphone.png) 0 center no-repeat; }
.top .top_nav { height:35px; line-height:35px; font-size:14px; }
.top_nav li { float:left; position:relative; }
.ui-body-c .top .ui-link { color:#DDD; font-weight:normal; }
.top_nav li a.nav_a { display:block; margin-top:3px; padding:0 10px 3px; border-top:1px solid transparent; line-height:28px; text-decoration:none; font-weight:normal; color:#DDD; outline:none; }
.top_nav li:hover a.nav_a { padding:0 9px 3px; border-width:1px 1px 0 1px; border-style:solid; border-color:#666; border-radius:.3em .3em 0 0; background-color:#FFF; color:#000; }
.top_nav li .sub_nav { display:none; width:100px; background:#FFF; border-width:0 1px 1px; border-color:#666; border-style:solid; box-shadow: 2px 3px 3px #888888; position:absolute; }
.top_nav li:hover .sub_nav { display:block; }
.top_nav li .sub_nav a { display:block; margin:1px; text-align:center; line-height:25px; color:#111 !important; }
.top_nav li .sub_nav a:hover { background:#DDD; }

.top_user { float:right; font-size:14px; }
.top_user .ubtn { height:35px; float:left; line-height:35px; position:relative; }
.top_user .ubtn:hover { }
.top_user .ubtn a { display:block; color:#DDD; padding:0px 10px; }
.top_user .ubtn:hover a, .top_user .ubtn:active a, .top_user .ubtn:focus a, .top_user .ubtn .active { background:#EEE; color:#333; }
.top_user .top_sub_log { display:none; width:180px; padding:5px; font-size:12px; color:#111; background:#EEE; box-shadow:3px 4px 4px #888; position:absolute; right:0; }
/*.top_user .ubtn:hover .top_sub_log { display:block; }*/
.top_user .top_log { }
.top_user .top_reg { }
.top_user .top_sub_log label { float:left; width:50px; text-align:right; line-height:20px; margin:.5em 0; }
.top_user .top_sub_log input { float:left; padding:.1em .3em; font-size:12px; border:1px solid #AAA; }
.top_user .top_sub_log input.text { width:120px; height:20px; line-height:20px; margin:.5em 0; }
.top_user .top_sub_log input.text:hover { border-color:#6CF; }
.top_user .top_sub_log .btn_log { width:50px; height:25px; line-height:25px; margin:3px 5px 0 0; background-color:#FFF; }
.top_user .top_sub_log .ui-btn-inner { font-size:12px; line-height:18px; }
.top_user .top_sub_log .check { margin:.8em 5px 0 0; }
.top_user .top_sub_log .ui-btn { width:50px; height:20px; line-height:20px; margin-right:5px; float:left; }
.top_user .top_sub_log .ui-btn .ui-btn-inner { padding:0; }
.top_user .top_nav .sub_nav { right:0; }

.top_ico { float:left; }
.top_ico li { float:left; }
.top_ico .ibtn { display:block; padding-top:2px; position:relative; }
.top_ico .ibtn:hover { background:#EEE; }
.top_ico .ibtn .ico { display:block; width:32px; height:33px; margin:0 5px; background:url(../images/ico-topbar.png) no-repeat; cursor:pointer; }
.top_ico .home .ico { background-position:0 0; }
.top_ico .cp .ico { background-position:-128px 0; }
.top_ico .pay .ico { background-position:-160px 0; }
.top_ico .ibtn .tip { display:block; width:10px; height:10px; position:absolute; top:5px; right:5px; background:url(images/cz-10-tip.png) no-repeat; }

em.s { display:inline-block; width:0; height:0; font-size:0; border-width:4px 4px 0; border-style:solid dashed dashed; border-color:#DDD transparent transparent; margin-left:3px; vertical-align:middle; }
.top li:hover em.s,.top .ubtn:hover em.s { border-top-color:#555; }

.telno { font-family:Georgia; color:#F00; font-size:16px; line-height:35px; }
.telno span { display:inline-block; margin-right:15px; }
.header { }
.header .logo { float:left; }


/* navli导航开始 */
#navli { width: 890px; background: url(../images/bg_nav.png) no-repeat; height: 35px; padding:0 50px; clear:both; position:relative; z-index:9; }
.nav-box { margin: 0px auto; }
.nav-box a { display: block; line-height: 33px; text-align:center; margin-top: 2px; padding:0px 10px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav-box a:link { color:#555; text-decoration:none; }
.nav-box a:visited { color:#555; text-decoration:none; }
.nav-box a:hover { color:#FFFFFF; text-decoration:none; font-weight:bold; }
.nav-box li { float: left; width:100px; margin:0px 10px 0px 0px; font-size: 13px; position:relative; }
.nav-box li:hover, .nav-box .on { background: url(../images/nav_current_left.jpg) no-repeat; color:#FFFFFF; }
.nav-box li:hover a, .nav-box .on a { color:#FFFFFF; background:url(../images/nav_current_right.jpg) no-repeat right; }
.nav-box li ul { display:none; line-height:25px; text-align:left; width: 100px; margin:0px; position: absolute; z-index: 100; }
.nav-box li ul li { float: left; width: 100px; margin:0px; padding:0px; z-index: 100; font-size: 12px; font-weight: normal; background: url(../images/navFloat.jpg) repeat; }
.nav-box li ul a { height:25px; line-height: 25px; font-weight:normal; display: block; width: 76px; text-align:left; margin:0px; padding:0px; padding-left:24px; z-index: 100; }
.nav-box li ul a:link, .nav-box li ul a:visited { color:#fff; text-decoration:none; z-index: 100; background-image:none; }
.nav-box li ul a:hover { height:25px; width: 76px; padding-left:24px; color:#000; text-decoration:none; background:#fff; z-index: 100; }
.nav-box li:hover ul { display:block; }
/* navli导航结束 */



.main { width:989px; margin:0 auto; background:#FCFCFC; /*border:1px solid #CCC; border-width:0 1px;*/ }
.iml { float:left; width:720px; /*margin-right:5px;*/ }
.imr { float:right; width:262px; margin-right:2px; }
.ml { float:left; width:262px; margin-left:3px; }
.mr { float:right; width:712px; margin-right:3px; }

.ilbox { width:715px; margin:0 auto; }

.foot { text-align:center; border:1px solid #CCC; border-width:0 1px; overflow:hidden; }

.content { font-size:14px; line-height:25px; }
.rcon a:hover { text-decoration:underline; }
.rcon .info { font-size:12px; color:#333; }

.picshow_main { position: relative; width: 710px; height: 250px; margin:0 auto; overflow:hidden; }
.picshow_main li { height:100% }
.picshow_main .imgbig {width: 100%; min-height:100%; height:auto; filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 25px; right:5px; z-index:99; }
.picshow_change img {width:20px; height: 15px}
.picshow_change a { width:20px; display: block; float: left; border: 1px solid; margin-right: 5px; background-color:#000; color:#FFF; text-align:center; }
.picshow_active { display:block; }
.picshow_unactive { display:none; }
a.axx { border-color: #555; filter: alpha(opacity=60); opacity:.6; }
a.axx:hover { border-color: #000; filter: alpha(opacity=100); opacity:1; }
a.bxx { border-color: #000; }
a.bxx:hover { border-color: #000; }



/* 选项卡 */
.tab, .box { border:1px solid #CCC; overflow:hidden; }
.tab .tit, .box .tit { height:29px; line-height:29px; background:url(../images/cxhd_tit.gif) repeat-x left -1px; }
.tab .tit a { height:100%; float:left; padding:0 14px; font-size:14px; color:#000; border-right:1px solid #d6d6d6; cursor:pointer; }
.tab .tit .on { background:#fff; font-weight:700; color:#801109; }
.tab .con { background:#FFF; display:none; }
.tab .con.dpb { display:block; }
.tab .tit .more { float:right; border:0; font-size:12px; }
.box .tit strong { height:100%; padding:0 14px; font-size:15px; }
.box .tit .loc { float:right; padding:0 10px; line-height:29px; *margin-top:-29px; }

.bb30 { width:988px; height:29px; line-height:29px; text-align:center; background:url(../images/cxhd_tit.gif) repeat-x left 0; }

.inews { /*width:255px;*/height:248px; }
.inews .con ul { padding-top:5px; }
/*
.inews .con ul li { width:85%; margin:0 auto; height:24px; line-height:24px; padding-left:15px; background:url(../images/icon.gif) no-repeat 3px center; }
*/
.inews .con ul li { /*width:95%;*/ margin:0 auto; height:24px; line-height:24px; padding:0 5px; border-left:2px solid transparent; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.inews .con ul li:hover { background:#F0F0F0; border-left-color:#390; }
.inews .con ul li a { /*float:left;*/ }
.inews .con ul li span { float:right; }
.inews .more { text-align:right; padding:0 13px 5px 0; }

.inews.list { height:100%; }
.inews.list .con ul li { height:30px; line-height:30px; padding:0 10px; border-left-width:4px; }
.inews.l26 .con ul li { height:26px; line-height:26px; }

.iweb .plist li { height:200px; margin:5px 8.5px; }
.bd.plist li { height:210px; margin:8px; }

.ihost {}
.ihost ul { padding:0; }
.ihost li, .plist li { float:left; width:228px; height:270px; margin:5px 3px 10px; border:1px solid #CCC; background:#FCFCFC; position:relative; overflow:hidden; }
.ihost li:hover { border-color:#999; background:#F8F8F8; }
.ihost .hd { height:60px; border-bottom:1px dashed #CCC; overflow:hidden; }
.ihost .hd .pic { float:left; width:60px; }
.ihost .hd .pic img { width:50px; padding:5px; }
.ihost .hd .title { float:left; width:160px; padding:0 4px; }
.ihost .hd .title strong { display:block; height:30px; line-height:30px; font-size:14px; }
.ihost .hd .title em { display:block; line-height:20px; text-align:center; font-family:Georgia, "微软雅黑"; font-size:18px; color:#F00; font-style: normal; }
.ihost .bd { height:140px; padding:0 8px; line-height:20px; overflow:hidden; }
.ihost .line2 { line-height:30px; font-weight:bold; text-align:center; }
.ihost .btn { width:100%; text-align:center; position:absolute; bottom:5px; }
.ihost .btn a,.prod .btn a { display:inline-block; width:80px; height:28px; line-height:28px; text-align:center; margin:0 5px; color:#FFF; font-weight:bold; }
.btn .detail { background:#4AF; }
.btn .detail:hover { background:#28F; }
.btn .order { background:#F90; }
.btn .order:hover { background:#E70; }

.plist li { width:212px; height:240px; margin:10px; padding:3px; }
.plist li:hover { background:#F8F8F8; }
.plist .pic { height:150px; overflow:hidden; }
.plist .tit { font-size:14px; line-height:30px; padding:0 5px; }
.plist li:hover a.l .tit { text-decoration:underline; }

.idomn .ckdm { text-align:center; }
.idomn .ckdm span { display:inline-block; height:25px; line-height:25px; padding:10px 0; vertical-align:middle; }
.idomn .ckdm span input { padding:2px; }
.idomn .ckdm .www { font-size:18px; font-family:Georgia; font-weight:bold; color:#A00; }
.idomn .ckdm .ipt input { width:200px; height:20px; border:1px solid #999; margin:1px; }
.idomn .ckdm .ipt input:hover { /*border:2px solid #6AE; margin:0;*/ }
.idomn .ckdm .btn input { font-weight:bold; background:#E00; border-color:#900; border-width:1px; color:#FFF; margin-top:2px; }
.idomn .dmlist { font:12px/20px Arial,"宋体"; }

.iabt { }
.icase { }

.Move_PIC_info{height:242px;width:260px;}
.Move_PIC_info_left, .Move_PIC_info_right{width:16px;height:242px;float:left;cursor:pointer;}
.Move_PIC_info_main{background:url(../images/Move_PIC_info_bg.gif);height:222px;float:left;width:228px;overflow:hidden;padding:10px 0px;}
.Move_PIC_info_main ul{width:1000px;margin-left:1px;}
.Move_PIC_info_main ul li{float:left;width:174px;height:222px;display:block;margin-right:2px;}
.Move_PIC_info .pic{float:left;width:228px;height:222px;display:block;margin-right:2px;}
.Move_PIC_info .pic img { height:100%; }
.Move_PIC_info .ScrCont{width:10000000px;}
#pic_List1, #pic_List2{float:left;}

.ilnk { }
.ilnk li { padding-left:64px; margin-bottom:5px; border-bottom:1px dashed #CCC; position:relative; }
.ilnk li a { display:block; float:left; height:16px; margin:3px 0; padding:0 8px; border-left:1px solid #DDD; }
.ilnk li a:hover { color:#000; background:#DDD; }
.ilnk li .t { max-width:4em; height:20px; margin:1px 0; color:#FFF; /*background:#0CF;*/ margin-right:10px; position:absolute; left:0; overflow:hidden; text-overflow:ellipsis; }
.bg1 { background-color:#F90; }
.bg2 { background-color:#69C; }
.bg3 { background-color:#090; }
.bg4 { background-color:#F6F; }
.bg5 { background-color:#930; }

.ilink td img { height:45px; margin:0 3px; }
.ilink .text a { display:inline-block; margin-right:10px; line-height:25px; }
.ilink .text a:hover { text-decoration:underline; }

.lnav { width:260px; }
.lnav .con li a { display:block; height:30px; line-height:30px; margin-bottom:1px; padding-left:20px; font-size:14px; border-bottom:1px dotted #CCC; }
.lnav .con li a:hover, .lnav .con li a.on, .lnav .con li.on a { background:#CCC; color:#A00; }

/*分页样式*/
.page_turner { padding:10px; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#666; color:#FFF; }
#total { color:#999; }

.vhost table.con { background:#CCC; }
.vhost td { background:#FFF; padding:5px; }
.vhost td.t { width:125px; padding-right:20px; text-align:right; background:#F6F6F6; }
.vhost td.c { padding-left:20px; text-align:left; background:#FFF; }
.vhost td.bge8 { background-color:#E8E8E8; }

.dn.list { border:1px solid #CCC; border-width:1px 0 0 1px; }
.dn.list td,.dn.list th { border:1px solid #CCC; border-width:0 1px 1px 0; padding:5px; text-align:center; }
.dn.list [t] { width:200px; text-align:left; }
.dn.list th { background:#DDD; }
.dn.list tr:hover { background:#EEE; }

table.b { border:1px solid #CCC; border-width:1px 0 0 1px; }
table.b td,table.b th { border:1px solid #CCC; border-width:0 1px 1px 0; }
table.b td[t] { padding-right:20px; text-align:right; background:#F6F6F6; }
table.b td[c] { }
table.b td[p] { text-align:center; }
table.b th[t] { text-align:left; font-size:14px; background-color:#E8E8E8; }
.pay td,.pay th { padding:5px; }
.pay td[t] { width:120px; }

.uc .input_login { height:39px; }
.uc table.black { width:80%; margin:0 auto; }
.uc .all td { font-size:14px; line-height:30px; }
.uc a:hover { text-decoration:underline; }
.tablelist1,.tablelist2 { font-size:12px; } 
td[scope="row"] input { padding:0; }
select[name="productclass"] { max-width:120px; }

.loginfm { padding:30px 50px; line-height:50px; }
.loginfm label { padding:0 10px; font-size:16px; }
.loginfm input.text { width:240px; height:30px; font-size:14px; }
.loginfm input.text:hover,.loginfm input.text:focus { border-color:#48C; }
.loginfm input.btn { padding:5px 10px; }
.loginfm .blank { display:inline-block; width:3em; height:1em; }

.bd .np li { width:50%; float:left; }
.bd .np .abtn { padding:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd .np .next { border-left-width:0; }

#uyan_frame { margin-top:10px; }
#uyan_cmt_box a[title*="社会化评论"] { display:none; }
#uyan_cmt_box a[href="http://www.uyan.cc"] { display:none; }
#ujian-backtop { bottom:65px !important; }

/* CSS For Google 翻译 By Alone */
#google_translate_element { position:absolute; bottom:10px; right:5px; }
body { top:0px !important; }
.goog-te-banner-frame { display:none !important; height:0px !important; }