.footer-wrap .cnnic{display:none}
/* ========================================== css reset ========================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ”; }
abbr, acronym { border: 0; }
/*------- my set -------*/
.pto { display: block; overflow: hidden; text-indent: -9999em } /* 标题图片替代样式 */
.layout { width: 990px; margin: 0 auto; }
.layout:after { content: '\20'; display: block; height: 0; clear: both; }
.layout { zoom: 1 }
.d-ib { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top }
.clearfix:after, .sidebar:after, .clear:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix, .sidebar, .clear { *zoom: 1;
}
.mco { color: #f86625 }
.sco { color: #999 }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: #F0F0F0 url(http://zx.350.net/assets/images/noise-f1.gif) repeat -70% 0; }
a { color: #555; text-decoration: none }
a:hover { color: #f90; text-decoration: none }
a:focus { background: none; }
input:focus, textarea:focus, select:focus { outline: none }
/* ========================================== header ========================================== */

.mainnav-search .search-box .search-btn, .mainnav-link a, .channel li i, .channel li a.on, .cats h2, .v-free i, .cats li a.on, .box .item .num em, .box .item .share input, .box .float-item .f-btn, .box .item .i-vip, .box .item .i-agt, .box .item .i-you, .box .item .i-hot, .box .item .b-area li, .box-warp .no-result i, .u-items .no-result i, .dialog-ui-simple .close-btn, .hd-mtp-tab i.check-box { background: url(http://zx.350.net/assets/images/icos.gif?16) no-repeat; }
#hd, #bd { min-width: 994px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<994?"994px":"");
}
.Jwidth { margin: 0 auto; width: 98% }
.topnav { height: 30px; line-height: 30px; background: #2c2c2c; color: #b5b5b5; }
.topnav .userinfo { float: left; }
.topnav .linkwrap { float: right; text-align: right; width: 500px; }
.topnav .linkwrap li { border-right: 1px solid #272727; border-left: 1px solid #3a3a3a; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top }
.topnav .linkwrap li a { color: #b5b5b5; display: inline-block; vertical-align: top; padding: 0 15px; }
.topnav .linkwrap li a:hover { background: #3a3a3a; }
.topnav .linkwrap .msg-num { font-weight: 700; background: #f96625; font-style: normal; color: #FFF; padding: 0 5px; margin-left: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.mainnav { height: 80px; background: #FFF; border-bottom: 1px solid #CCC; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); }
.mainnav-wrap { position: relative; height: 80px; }
.logo { float: left }
.logo h1 { margin: 19px 0 0 0; }
.logo h2 { margin: 19px 0 0 1px; }
.logo h1 a { display: block; width: 110px; height: 42px; background: transparent url(http://zx.350.net/assets/images/logo_new.gif) no-repeat center 0; text-indent: -999em; overflow: hidden }
.logo h2 a { display: block; width: 72px; height: 43px; background: transparent url(http://zx.350.net/assets/images/sub_logo.gif) no-repeat center 0; text-indent: -999em; overflow: hidden }
.mainnav-link { float: right; position: relative; margin-right: 10px }
.mainnav-link li { float: left; }
.mainnav-link a { font-family: "Microsoft Yahei"; height: 80px; width: 64px; overflow: hidden; line-height: 0; display: block; border: none; float: left; margin-left: 40px; _display: inline }
.mainnav-link li.allTpl a { background-position: 0 -404px; margin-left: 0 }
.mainnav-link li.iTpl a { background-position: -103px -404px; }
.mainnav-link li.iPlan a { background-position: -207px -404px; }
.mainnav-link li.zxmTpl a { background-position: -311px -404px; }
.mainnav-link li.hbTpl a { background-position: -415px -404px; }
.mainnav-link li.xqTpl a { background-position: -311px -507px; }
.mainnav-link em { display: block; width: 100%; height: 80px; background: transparent url(http://zx.350.net/assets/images/nav-tm.png) repeat-x; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/images/nav-tm.png");
overflow: hidden }
.mainnav-link .nav_move { width: 84px; height: 5px; background: #F86625; position: absolute; bottom: -1px; left: -10px; overflow: hidden }
.mainnav-search { float: right; _display: inline; margin: 20px 0 0 0 }
.mainnav-search .search-box { height: 36px; background: #dedede; width: 226px; position: relative }
.mainnav-search .search-box .search-text { font-family: "Microsoft Yahei"; height: 18px; line-height: 18px; font-size: 14px; padding: 9px; position: absolute; left: 0; top: 0; border: none; width: 172px; background: none }
.mainnav-search .search-box .search-text:focus { border: 2px solid #F90; padding: 7px; background: #fff; width: 174px; border-right: none }
.mainnav-search .search-box .search-btn { height: 36px; width: 36px; border: none; position: absolute; right: 0; top: 0; cursor: pointer; text-indent: 999em; overflow: hidden; background-color: #F90; background-position: 0 0; }
/* ========================================== main ========================================== */
.channel{ margin: 15px auto; font-family: "Microsoft Yahei";}

.channel-search {position:relative;width:226px;height:30px; float:left}
.channel-search .search-text{padding:0 10px;width: 180px;font-family: "Microsoft Yahei"; font-size:14px; background:#FFF;height:30px;border:1px solid #ccc;border-radius:3px 0 0 3px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.07);}
.channel-search .search-text:focus{border:2px solid #F90; height:28px;padding:0 9px}
.channel-search .search-btn{ height:32px;width:32px;border:1px solid #D58000;position:absolute;right:0;top:0;cursor:pointer;text-indent: 999em;overflow:hidden;background-color: #F90;background: url(http://zx.350.net/assets/images/icos.gif?16) no-repeat -4px -4px;border-radius:0 3px 3px 0;}


.channel-warp { padding: 0 20px; margin:0 0 0 246px; background: #FFF; height: 30px; _overflow: hidden; border: 1px solid #DDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); position: relative }
.channel li { float: left; height: 30px; line-height: 30px; }
.channel li.first { width: 202px; font-size: 14px; }
.channel li.first b { font-family: Arial; margin: 0 3px }
.channel li a { display: block; height: 30px; border: 1px solid #ddd; float: left; *line-height:32px;
overflow: hidden; margin-top: -1px; margin-left: -1px; padding: 0 10px; position: relative; }
.channel li a:hover {
*zoom:1; z-index: 2; border-color: #999 }
.channel li a.o-time, .channel li a.o-use, .channel li a.o-hot { padding-right: 22px; }
.channel li a.o-vip { padding: 0 25px 0 33px; }
.channel li a.o-agent { padding-right: 25px; }
.channel li i { position: absolute; width: 9px; height: 11px; right: 10px; top: 9px; }
.channel li i.up { background-position: 0 -61px; }
.channel li a.on i.up { background-position: -10px -61px; }
.channel li i.down { background-position: -20px -61px; }
.channel li a.on i.down { background-position: -30px -61px; }
.channel li a.on, .channel li a.checked { border-color: #454545; z-index: 3; color: #454545; background-position: right -42px; }
.channel li a.checked { background-image: none }
.channel li i.vip { width: 20px; height: 9px; background-position: 0 -82px; left: 10px; top: 10px; }
.channel li i.check-box { width: 12px; height: 12px; background-position: 0 -42px; right: 10px; top: 9px; }
.channel li a.checked i.check-box { background-position: -13px -42px; }
.channel li.last { float: right; border-right: none; padding: 0; }
.channel li.last a { padding: 0; border: 0; margin: 0 }
.channel li.on a { background-color: #777; color: #FFF }
.channel li.on a.up { background-position: right -99px; }
.channel li.on a.down { background-position: right -126px; }



/* --------------通用瀑布流-------------- */
.bd-warp { margin: 0 15px; }
.box-warp { position: relative; margin: 0 auto; /* background:url(http://zx.350.net/assets/images/loading.gif) no-repeat center 50px; height:300px; */ }
.box-warp .preloader, .box-warp .no-result, .u-items .preloader, .u-items .no-result { width: 224px; height: 78px; left: 50%; top: 100px; position: absolute; margin-left: -113px; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #ddd; z-index: 5; text-align: center; display: none }
.box-warp .preloader i, .u-items .preloader i { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; height: 7px; width: 140px; background: url(http://zx.350.net/assets/images/data-loading.gif) no-repeat; margin: 26px 0 8px 0; }
.box-warp .preloader p, .box-warp .no-result p, .u-items .preloader p, .u-items .no-result p { font: 14px/1 "Microsoft Yahei"; color: #AAA }
.box-warp .no-result i, .u-items .no-result i { position: absolute; left: 30px; top: 27px; width: 23px; height: 26px; background-position: -477px -187px; }
.box-warp .no-result p, .u-items .no-result p { margin-top: 30px; }
.box { width: 224px; background-color: #FFF; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #E6E4E4; }
.box.hover, .box:hover { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border: 1px solid #ccc; }
.box .item { width: 200px; margin: 12px auto; }
.box .item dt a { font-size: 0; display: block; width: 200px; height: 310px; position: relative; overflow: hidden }
.box .item dt a i { display: block; width: 48px; height: 48px; position: absolute; left: 76px; top: 0; background: url(http://zx.350.net/assets/images/view_be.png) no-repeat; _background: none; filter: alpha(opacity=0); opacity: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://zx.350.net/assets/images/view_be.png", sizingMethod="crop");
}
.box .item .b-area { padding: 4px 0 4px 0; background-color: #fff; position: absolute; right: -166px; bottom: 0 }
.box .item .b-area li { float: left; width: 79px; _display: inline; height: 24px; margin-left: 4px; }
.box .item .b-area li:hover { filter: alpha(opacity=70); opacity: 0.7; }
.box .item .b-area li.choose { background-position: -80px -101px; }
.box .item .b-area li.buy { background-position: 0 -101px; }
.box .item .b-area li.try { background-position: 0 -127px; }
.box .item .b-area li.apply { background-position: 0 -153px; }
.box .item .intro { height: 30px; line-height: 30px; margin-top: 3px; overflow: hidden }
.box .item .title { line-height: 16px; font-family: "Microsoft Yahei"; height: 32px; overflow: hidden }
.box .item .num { float: left }
.box .item .num em { padding-left: 18px; color: #aaa }
.box .item .num em.view-num { background-position: 0 -183px; margin-right: 8px; }
.box .item .num em.use-num { background-position: 0 -200px; padding-left: 16px; }
.box .item .share { float: right; margin-top: 7px }
.box .item .share input { float: right; width: 16px; height: 16px; text-indent: -999em; padding-left: 20px; font-size: 0px; overflow: hidden; border: none; display: block }
.box .item .share .qq { background-position: 2px -220px; }
.box .item .share .sina { background-position: 2px -239px; margin-right: 7px }
.box .item .i-vip { width: 57px; height: 57px; position: absolute; top: -3px; left: -3px; background-position: 0 -277px; }
.box .item .i-agt { width: 57px; height: 57px; position: absolute; top: -3px; left: -3px; background-position: 0 -337px; }
.box .item .i-you { width: 49px; height: 15px; position: absolute; top: 24px; right: -1px; background-position: right -100px; }
.box .item .i-hot { width: 29px; height: 15px; position: absolute; top: 24px; right: -1px; background-position: right -117px; }
.imageshow-viewer { border: 1px solid #ccc; padding: 9px; position: absolute; background-color: #fff; font-size: 0; border-radius: 3px; z-index: 100 }
.imageshow-viewer img { overflow: hidden }
.imageshow-shadow-right { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }
.imageshow-shadow-left { box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.1); }
/* --------------分类列表-------------- */

.cats { padding: 10px 0; height: 800px; zoom: 1; display: inline-block }
.cats h2 { height: 30px; line-height: 30px; padding: 0 10px 7px 10px; margin: 10px 10px 5px 10px; text-indent: -999em; overflow: hidden; border-bottom: 1px dotted #ccc; }
.cats ul { padding: 0 0 0 12px; }
.cats li { float: left; margin: 5px; _display: inline }
.cats li a { display: block; background-color: #f1f1f1; font-family: "Microsoft Yahei"; text-align: center; height: 27px; line-height: 27px; width: 90px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
.cats li a:hover { border: 1px solid #555; width: 88px; color: #555; height: 25px; line-height: 25px; background-color: #fff; zoom: 1 }
.cats li a.on { background-color: #fff; width: 88px; height: 25px; line-height: 25px; border: 1px dotted #555; color: #555; font-weight: 700; background-position: right -47px; }
.cats li a.on:hover { border: 1px dotted #555; }
.cats-industry, .cats-color, .cats-style, .cats-wangpu { padding-bottom: 8px; *padding-bottom:13px;
}
.cats-industry h2 { background-position: 9px -552px; *margin-top:20px;
}
.cats-color h2 { background-position: 9px -600px; }
.cats-style h2 { background-position: 9px -648px; }
.cats-wangpu h2 { background-position: 9px -698px; }
.cats .all-color { clear: both; float: none; zoom: 1; margin-top: 10px; *margin-top:5px;
}
.cats .cat-color { overflow: hidden }
.cats .cat-color a { width: 30px; text-indent: -999em!important; overflow: hidden; border: 0px solid #EEE }
.cats .cat-color { -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
.cats .red { background-color: #e80909 }
.cats .green { background-color: #7bbf05 }
.cats .yellow { background-color: #ffa500 }
.cats .blue { background-color: #15aae2 }
.cats .pink { background-color: #ff54ba }
.cats .zi { background-color: #c12eea }
.cats .cai { background-color: transparent }
.cats .bw { background-color: transparent }
.cats .black { background-color: #000 }
.cats .cat-color a { background-color: transparent }
.cats .cat-color a:hover { width: 28px; border-color: #000; background-color: transparent; }
.cats .cat-color a.on { border-color: #000; background-color: transparent; width: 28px; }
.v-free { position: relative }
.v-free i { position: absolute; top: -4px; right: -5px; width: 19px; height: 13px; background-position: -27px -82px; }
.cats li a.v-free:hover i { top: -5px; right: -6px; }
/* 翻页 */

.pagination { text-align: center; margin: 40px 0; }
.pagination a, .pagination span { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; padding: 0 15px; border: 1px solid #DDD; border-bottom-width: 2px; background: #FFF; height: 36px; line-height: 36px; border-radius: 3px; }
.pagination .pg-item { width: auto; margin: 0 3px; text-align: center; text-decoration: none }
.pagination .pg-prev, .pagination .pg-next { margin-right: 5px; width: 9px; position: relative; }
.pagination .pg-prev b, .pagination .pg-next b { width: 0; height: 0; border: 6px solid #FFF; font-size: 0; line-height: 0; border-right-color: #666; position: absolute; left: 9px; top: 12px; }
.pagination .pg-next b { border-color: #FFF #FFF #FFF #666; left: 17px; }
.pagination .pg-next { margin: 0 0 0 5px; }
.pagination .pg-prev-disabled b { border-right-color: #aaa; }
.pagination .pg-next-disabled b { border-left-color: #aaa; }
.pagination em { font-size: 16px; font-family: Arial; font-weight: 700; color: #666 }
.pagination .pg-current { background: #FFBA00; border-color: #eca128 }
.pagination .pg-current em { color: #FFF; }
.pagination a:hover { border-color: #666 }
.pg-num { float: left; margin-top: 10px; }
/* ========================================== detail ========================================== */

.detail-up { background: #FFF url(http://zx.350.net/assets/images/detail-up.jpg); overflow: hidden; padding: 20px 0; font-family: "Microsoft Yahei"; }
.template-info { width: 990px; margin: 0 auto; -webkit-box-shadow: 4px 4px 4px #AAA }
.template-pic { width: 426px; overflow: hidden; float: left; height: 638px; background: #FFF; border-right: 1px solid #DDD }
.template-pic ul { position: relative; overflow: hidden; margin: 20px auto; width: 386px; height: 598px; }
.template-pic ul li { width: 386px; height: 598px; overflow: hidden; position: absolute; display: none }
.template-detail { width: 563px; float: right; background: #f9f9f9; height: 638px; position: relative }
.parameter { padding: 40px 40px 0 40px; overflow: hidden; zoom: 1 }
.parameter h1 { font-size: 30px; font-weight: normal }
.parameter dt { margin-bottom: 20px; }

.parameter dd {  height: 24px;font:16px/24px "Microsoft Yahei";margin-bottom: 12px; }
.parameter dd span,.parameter dd em{display: inline-block; *display:inline;
*zoom:1;
vertical-align: top;}
.parameter dd span{ margin-right:8px;}
.parameter .num{ color: #fe8b55; font:700 20px/24px Arial; }
.parameter .bid{ font-weight:700; font-family:Arial}
.parameter .arrow { border: 6px solid #f9f9f9; border-top-color: #666; font-size: 0; line-height: 0; margin: 9px 0 0 0;}
.parameter .Joption a.option, .step-payment .Joption a.option { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; width: 72px; height: 22px; line-height: 22px; border: 2px solid #DDD; text-align: center; font-size: 14px; margin-right: 8px; }
.parameter .Joption a.option:hover, .step-payment .Joption a.option:hover { border-color: #F90 }
.parameter .Joption a.option-on, .step-payment .Joption a.option-on { border-color: #F90; color: #F90; background: url(http://zx.350.net/assets/images/btns.gif) no-repeat right 10px; }
.skin-nav { margin: 0 0 0 40px; overflow: hidden; zoom: 1; clear: both }
.skin-nav li { float: left; background: #FFF; padding: 3px; margin: 0 15px 15px 0; border: 1px solid #E5E5E5; }
.skin-nav li a { display: block; width: 76px; height: 80px; overflow: hidden; }
.skin-nav li.on { border-color: #F90; padding: 2px; border-width: 2px }
.btn-list { margin: 30px 0 0 40px; _margin: 40px 0 0 40px; overflow: hidden; zoom: 1 }
.btn-list a { display: block; float: left; width: 143px; height: 56px; text-indent: -999em; overflow: hidden; background: url(http://zx.350.net/assets/images/btns.gif) no-repeat }
.btn-list .btn-use { background-position: 0 -266px; margin-right: 10px; }
.btn-list .btn-use:hover { background-position: 0 -324px }
.btn-list .btn-buy { background-position: 0 -33px; margin-right: 10px; }
.btn-list .btn-buy:hover { background-position: 0 -91px }
.btn-list .btn-prev { background-position: 0 -149px; }
.btn-list .btn-prev:hover { background-position: 0 -207px; }
.detail-down { margin: 20px 0; }
.tab-content { background: #FFF; border: 1px solid #DDD }
.tab-content .defined { width: 950px; margin: 20px auto; overflow: hidden }
.service-center { height: 49px; width: 563px; position: absolute; bottom: 0; left: 0; border-top: 1px solid #DDD; }
.service-center .kf { margin: 15px 0 0 40px }
.service-center span, .service-center a { float: left; height: 19px; line-height: 19px; font-size: 14px; }
/**********dialog************/
* iframe.ifr { position: absolute; top: 0; left: 0; z-index: -1; width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}
.dialog-mask { background-color: #999 }
.dialog-loading, .record-loading { display: block; padding: 100px 0; font-size: 14px; overflow: hidden; position: relative; text-align: center }
.dialog-loading i, .login-form-posting .posting-box i, .record-loading i { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; height: 7px; width: 140px; background: url(http://zx.350.net/assets/images/data-loading.gif) no-repeat; margin-bottom: 14px; }
.dialog-loading span, .login-form-posting .posting-box span, .record-loading span { display: block; color: #999; line-height: 1.0; }
.dialog-ui { position: absolute; width: 500px; left: 30%; top: 17%; color: #2c2c2c; margin: 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.10); }
.dialog-ui .dialog-hd { height: 38px; background-color: #FE9800; border: 1px solid #F76524; cursor: move; -moz-user-select: none; -webkit-user-select: none; }
.dialog-ui .dialog-hd span { float: left; height: 38px; line-height: 38px; _line-height: 41px; overflow: hidden; font-weight: 700; font-size: 14px; margin-left: 16px; color: #FFF; }
.dialog-ui .dialog-hd a.dialog-close { display: block; display: inline; color: #FE9800; width: 19px; height: 19px; float: right; margin: 10px 15px 0 0; font-size: 0; line-height: 0; background: url(http://zx.350.net/assets/images/icos.gif?16) no-repeat right -134px; }
.dialog-ui .dialog-hd a.dialog-close:hover {
*zoom:1; background-position: -462px -134px; color: #FFF }
.dialog-ui .dialog-bd { background-color: #fff; border: 1px solid #C4C4C4; border-width: 0 1px 1px 1px; position: relative; z-index: 2; }
.dialog-ui a { text-decoration: none }
.dialog-ui .formPanel .control-group { margin-bottom: 18px; }
.dialog-ui .formPanel { padding: 40px 0 }
/*********dialog-ui-simple**************/

.dialog-ui-simple { position: absolute; border: 1px solid #ddd; background-color: #fff;border-radius:5px; box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); }
.dialog-ui-simple .close-btn { position: absolute; top: 10px; border-radius: 12px; right: 10px; border: 1px solid #ddd; width: 23px; height: 23px; background-color: #fff; background-position: -476px -251px }
.dialog-ui-simple .close-btn:hover { background-color: #eee }
.hd-simple { margin: 40px 42px 22px 42px; border-bottom: 1px dotted #ccc; height: 46px; position: relative }
.hd-simple .hd-title { height: 18px; font: 16px/18px "Microsoft Yahei"; color: #333 }
.hd-simple .hd-title i { border: 6px solid #FFF; border-top-color: #333; font-size: 0; line-height: 0; position: absolute; left: 138px; top: 6px; }
.hd-simple .hd-title2 { height: 25px; line-height: 25px }
.bd-simple { position: relative; margin: 0 42px; }
.tpl-Items li { float: left; border: 1px solid #ccc; padding: 4px; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-radius: 3px; }
.tpl-Items li a.pic { width: 160px; height: 160px; overflow: hidden; display: block; position: relative; z-index: 5; cursor: pointer; zoom: 1; }
.tpl-Items li { margin: 0 28px 28px 0 }
.tpl-Items li.item4, .tpl-Items li.item8 { margin-right: 0 }
.tpl-Items li.item5, .tpl-Items li.item6, .tpl-Items li.item7, .tpl-Items li.item8 { margin-bottom: 0 }
.tpl-Items li a.pic span.enter { visibility: hidden; height: 26px; font: 12px/26px arial; width: 90px; text-align: center; position: absolute; left: 35px; top: 67px; color: #fff; background-color: #333; border-radius: 13px; }
.tpl-Items li a.pic:hover { zoom: 1 }
.tpl-Items li a.pic:hover .enter { visibility: visible }
.tpl-Items li .tpl-tid, .tpl-Items li .isd { height: 23px; font: 700 12px/23px arial; color: #fff; background-color: #89C357; position: absolute; left: -1px; padding: 0 10px; bottom: 4px; border-radius: 0 10px 10px 0; z-index: 6 }
.tpl-Items li a.view { height: 23px; font: 12px/23px arial; color: #666; background-color: #fff; padding: 0 10px; position: absolute; right: 4px; bottom: 4px; z-index: 6 }
.tpl-Items li a.view:hover { color: #fff; background-color: #333; }
.dialog-ui-simple .preloader, .dialog-ui-simple .no-result { width: 224px; height: 78px; left: 50%; top: 70px; position: absolute; margin-left: -113px; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #ddd; z-index: 5; text-align: center; display: none }
.dialog-ui-simple .preloader i { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; height: 7px; width: 140px; background: url(http://zx.350.net/assets/images/data-loading.gif) no-repeat; margin: 26px 0 8px 0; }
.dialog-ui-simple .no-result i { position: absolute; left: 30px; top: 27px; width: 23px; height: 26px; background-position: -477px -686px; }
.dialog-ui-simple .preloader p, .dialog-ui-simple .no-result p { font: 14px/1 "Microsoft Yahei"; color: #AAA }
.dialog-ui-simple .no-result p { margin-top: 30px; }
.bd-simple .u-pagination { text-align: center; margin: 27px 25px 27px 0; }
/*********我购买的模板**************/
.hd-mtp-tab { width: 151px; height: 30px; position: absolute; right: 0; bottom: 12px; }
.hd-mtp-tab a { display: block; height: 28px; font: 14px/28px arial; color: #666; width: 74px; border: 1px solid #ddd; float: left; overflow: hidden; text-indent: 9px; margin-left: -1px; position: relative; }
.hd-mtp-tab a:hover {
*zoom:1; z-index: 2; border-color: #999; color: #454545; }
.hd-mtp-tab i.check-box { position: absolute; right: 9px; top: 8px; width: 12px; height: 12px; background-position: 0 -42px; }
.hd-mtp-tab a.checked { color: #454545; border-color: #454545; z-index: 3 }
.hd-mtp-tab a.checked i.check-box { background-position: -13px -42px; }
.mtp-Item dl { position: absolute; width: 168px; z-index: 1; top: -1px; left: -1px; height: 168px; background-color: #fff; border: 1px solid #ccc; border-width: 1px 1px 1px 0; border-radius: 0 3px 3px 0; }
.mtp-Item li a.pic { padding: 0 4px; background-color: #FFF; margin: 0 -4px; }
.mtp-Item li.item4 dl, .mtp-Item li.item8 dl { border-radius: 3px 0 0 3px; border-width: 1px 0 1px 1px; }
.mtp-Item dl dt { color: #666; height: 54px; overflow: hidden; margin-bottom: 6px; font: 14px/18px "Microsoft Yahei"; width: 160px; overflow: hidden; position: absolute; top: 16px; left: 4px; }
.mtp-Item dl.mPlan dt { height: 18px; }
.mtp-Item dl dt a { color: #555 }
.mtp-Item dl dd.verexp { color: #999; line-height: 20px; position: absolute; top: 78px; left: 4px; }
.mtp-Item dl.mPlan dd.ptimes { color: #999; line-height: 20px; position: absolute; top: 40px; left: 4px; }
.mtp-Item dl.mPlan dd.pmark { color: #999; line-height: 16px; position: absolute; top: 82px; left: 4px; height: 32px; width: 170px; overflow: hidden }
.mtp-Item dl a.apply { display: block; width: 76px; height: 28px; font: 14px/28px arial; position: absolute; right: 100px; bottom: 14px; color: #fff; background-color: #F86524; text-align: center }
.mtp-Item dl a.del { display: block; width: 48px; height: 28px; font: 14px/28px arial; position: absolute; right: 0px; color: #454545; background-color: #eee; bottom: 14px; text-align: center }
.mtp-Item li.item4 dl a.apply, .mtp-Item li.item8 dl a.apply { right: 16px; }
.mtp-Item li.item4 dl a.del, .mtp-Item li.item8 dl a.del { right: 110px; }
.mtp-Item li.mtp-hover-r { z-index: 10; box-shadow: 3px 3px 5px #EEE; }
.mtp-Item li.mtp-hover-r dl { box-shadow: 3px 3px 5px #EEE; }
.mtp-Item li.mtp-hover-l { z-index: 10; box-shadow: -3px 3px 5px #EEE; }
.mtp-Item li.mtp-hover-l dl { box-shadow: -3px 3px 5px #EEE; }
.mtp-Item li .isd { font-weight: normal }
/*******************************u-items********************************************/
.u-pagination { text-align: center; margin: 15px 25px 0 0; }
.u-pagination a, .u-pagination span { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; padding: 0 9px; border: 1px solid #DDD; background: #FFF; height: 25px; line-height: 25px; border-radius: 3px; }
.u-pagination .pg-item { width: auto; margin: 0 3px; text-align: center; text-decoration: none }
.u-pagination .pg-prev, .u-pagination .pg-next { margin-right: 5px; width: 9px; position: relative; }
.u-pagination .pg-prev b, .u-pagination .pg-next b { width: 0; height: 0; border: 5px solid #FFF; font-size: 0; line-height: 0; border-right-color: #666; position: absolute; left: 5px; top: 8px; _top: 7px; }
.u-pagination .pg-next b { border-color: #FFF #FFF #FFF #666; left: 12px; }
.u-pagination .pg-next { margin: 0 0 0 5px; }
.u-pagination .pg-prev-disabled b { border-right-color: #aaa; }
.u-pagination .pg-next-disabled b { border-left-color: #aaa; }
.u-pagination em { font-size: 14px; font-family: Arial; color: #666 }
.u-pagination .pg-current { background: #FFBA00; border-color: #eca128 }
.u-pagination .pg-current em { color: #FFF; }
.u-pagination a:hover { border-color: #666 }

/**************************************/
.tips .icon_errorS, .tips .icon_warnS, .tips .icon_delS, .tips .icon_askS, .tips .icon_succS, .tips .icon_rederrorS { vertical-align: top; }
.tips .error { color: #e64141; }
.tips .notice { color: #808080 }
.tips .succ { color: #8cd232 }
.tips .error, .tips .notice { padding: 0 0 0 20px; text-indent: -20px; line-height: 16px; }
.icon_error, .icon_del, .icon_succ, .icon_warn, .icon_ask, .icon_rederror, .icon_errorS, .icon_delS, .icon_succS, .icon_warnS, .icon_askS, .icon_rederrorS, .icon_errorM, .icon_delM, .icon_succM, .icon_warnM, .icon_questionM, .icon_rederrorM, .icon_errorB, .icon_delB, .icon_succB, .icon_warnB, .icon_questionB, .icon_rederrorB, .icon_promptS, .icon_noticeS { width: 16px; height: 16px; background: url("http://zx.350.net/assets/images/ico_warn.gif"); margin: 0 3px 0 0; overflow: hidden; display: inline-block; *display:inline;
*zoom:1;
}
.icon_errorM, .icon_delM, .icon_succM, .icon_warnM, .icon_questionM, .icon_rederrorM { width: 32px; height: 32px; }
.icon_errorB, .icon_delB, .icon_succB, .icon_warnB, .icon_questionB, .icon_rederrorB { width: 50px; height: 50px; }
.icon_error, .icon_errorS { background-position: 0 -100px }
.icon_del, .icon_delS { background-position: 0 -50px }
.icon_succ, .icon_succS { background-position: 0 0 }
.icon_warn, .icon_warnS { background-position: 0 -200px }
.icon_ask, .icon_askS { background-position: 0 -150px }
.icon_rederror, .icon_rederrorS { background-position: 0 -250px }
.icon_errorM { background-position: -50px -100px }
.icon_delM { background-position: -50px -50px }
.icon_succM { background-position: -50px 0 }
.icon_warnM { background-position: -50px -200px }
.icon_questionM { background-position: -50px -150px }
.icon_rederrorM { background-position: -50px -250px }
.icon_errorB { background-position: -100px -100px }
.icon_delB { background-position: -100px -50px }
.icon_succB { background-position: -100px 0 }
.icon_warnB { background-position: -100px -200px }
.icon_questionB { background-position: -100px -150px }
.icon_rederrorB { background-position: -100px -250px }
.icon_promptS { background-position: 0 -300px }
.icon_noticeS { background-position: 0 -350px }

/* ========================================== ALERTBOX ========================================== */
.alert-msg { padding: 26px 0 14px; text-align: center }
.alert-msg p { text-align: left }
.alert-msg .msgB { font-size: 14px; font-weight: 700; padding-top: 5px; line-height: 19px; font-family: "Microsoft Yahei" }
.alert-msg .msgS { color: #999; font-family: "Microsoft Yahei" }
.msg-warp { margin-left: -7px; }
.alert-btn { padding-bottom: 30px; text-align: center }
.alert-btn a { text-align: center; padding: 0 23px; border-radius: 3px; overflow: visible; margin: 0 8px; height: 35px; line-height: 35px; background: #FF944D; border: 0; color: #fff; font-family: "Microsoft Yahei"; font-size: 14px; }
.alert-btn a:hover { padding: 0 21px; border: 2px solid #FF944D; background-color: #fff; color: #FF944D; height: 31px; line-height: 31px }

/* ========================================== ALERTBOXV2 ========================================== */
.msgboxV2 i{background: url("http://zx.350.net/assets/images/ico_warn.gif");height:32px; width:32px;}
.msgboxV2 .msgbox-warp{ padding:60px 0; text-align:center;}
.msgboxV2 p {text-align:left; margin:0; display:block}
.msgboxV2 .msgB{ font:700 14px/16px "Microsoft Yahei"}
.msgboxV2 .msgS{ color: #999; line-height:12px;*line-height:14px; padding-top:4px; font-family: Arial}
.msgboxV2 .msgbox-text{ margin-left:12px;}
.msgboxV2 .msgbox-btn{ padding:22px 22px 22px 0; text-align:right;border-top: 1px dotted #ddd;background-color:#F5F5F5;border-radius:0 0 5px 5px;}
.msgboxV2 .msgbox-btn a{ height:32px; font:14px/32px "Microsoft Yahei";border-radius: 5px; color:#FFF; padding:0 18px;margin-left:20px; text-shadow: 0 1px 2px rgba(0,0,0,0.1);}

.msgboxV2-succ i{background-position: -103px -7px}
.msgboxV2-succ .msgB{ color:#8BD131}
.msgboxV2-succ .msgbox-btn a { background-color:#8CD232; border:1px solid #7BC229;}
.msgboxV2-succ .msgbox-btn a:hover { background-color:#7EC42B; border:1px solid #71B625;}
.msgboxV2-warn i{background-position: -103px -107px}
.msgboxV2-warn .msgB{ color:#F9AD51}
.msgboxV2-warn .msgbox-btn a { background-color:#FFB941; border:1px solid #F9AD51;}
.msgboxV2-warn .msgbox-btn a:hover { background-color:#F89C2C; border:1px solid #F18807;}
.msgboxV2-ask i{background-position: -103px -157px}
.msgboxV2-ask .msgB{ color:#54ADDB}
.msgboxV2-ask .msgbox-btn a { background-color:#55AFDC; border:1px solid #50A4CD;}
.msgboxV2-ask .msgbox-btn a:hover { background-color:#2B9DD5; border:1px solid #3896C2;}
.msgboxV2-err i{background-position: -103px -57px}
.msgboxV2-err .msgB{ color:#FF8723}
.msgboxV2-err .msgbox-btn a { background-color:#FF8723; border:1px solid #F87B30;}
.msgboxV2-err .msgbox-btn a:hover { background-color:#FF7504; border:1px solid #EE5F09;}
/* ========================================= ONLINEKF =========================================== */

i.wang-b,i.wang-s,.channel li i.wang-s{ background:url(http://gtms01.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif) no-repeat; display: inline-block; _display: inline; *zoom:1; vertical-align:middle;overflow:hidden }
.channel li i.wang-s{ margin-left:5px;}
i.wang-online{ width:68px; height:18px;background-position:0px -3px;}
i.wang-offline{ width:68px; height:18px;background-position:0px -23px;}
i.wang-mobile{ width:68px; height:18px;background-position:0px -43px;}
.ww-s i.wang-online,.channel li i.wang-online{ width:18px; height:18px;background-position:-82px -3px;}
.ww-s i.wang-offline,.channel li i.wang-offline{ width:18px; height:18px;background-position:-82px -23px;}
.ww-s i.wang-mobile,.channel li i.wang-mobile{ width:18px; height:18px;background-position:-82px -43px;}

.online-kf{ position:fixed; _position: absolute; z-index: 99999; right:0; bottom:0; *zoom:1;}
.online-kf a.kf-btn{ display:block; width:120px; height:34px; background:url(http://zx.350.net/assets/images/kf.gif) no-repeat; position:relative; z-index:99;}
.online-kf a.kf-btn:hover{ background-position:0 -34px;}
.kf-box { position:absolute; top:0; left:0; width:120px;border-radius:3px 3px 0 0; background:rgba(255,38,38,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50FF2626,endcolorstr=#50FF2626);z-index:1;}
.kf-box a.kf-box-head{ display:block; height:32px; background:url(http://zx.350.net/assets/images/kf.gif) no-repeat 8px -72px;}
.kf-box dl{ background:#fff; border-radius:3px; margin:0 2px 2px 2px; text-align:center;}
.kf-box dl dt{ height:26px; line-height:26px; border-bottom:1px dotted #ddd;}
.kf-box dl dd{ padding:8px 0;}
.kf-box dl dd a{ display:block; height:26px;}
.kf-box dl dd i.wang-b{ margin-top:4px;}
.kf-box dl dd span{ display:block; height:16px; font:14px/16px Impact; color:#000}
.kf-box .kf-warn{padding:0 8px;}

/* ========================================== OTHER ========================================== */

.list-bd table { border-bottom: 1px solid #c2cfdd }
.list-bd table th { padding: 10px 15px; background: #e5e9f3 }
.list-bd table td { padding: 10px 15px }
.table_list tr.bg-line { background: #f1f5fa }
.table_list tr.hover { background: #f1faf2 }
.msgbox-warp { padding: 25px }
.msgbox-warp i.readed, .msgbox-warp i.unread, .msgbox-warp i.top, .msgbox-detail .backtoList { position: relative; top: 2px; width: 26px; height: 13px; display: inline-block; *display:inline;
*zoom:1;
background: url("http://zx.350.net/assets/images/msg-ico.gif") no-repeat; }
.msgbox-warp i.top { margin-left: 3px; }
.msgbox-warp i.readed { background-position: 0 -14px; }
.msgbox-warp i.unread { background-position: 0 -28px; }
.msgbox-detail { padding: 10px 25px 40px 25px }
.msgbox-detail .md-title { height: 40px; font: 18px/40px "Microsoft YaHei"; margin-bottom: 20px; border-bottom: 1px dotted #ccc; position: relative }
.msgbox-detail .md-content { padding: 0 20px; }
.msgbox-detail .backtoList { display: block; background-position: 0 -42px; width: 73px; height: 23px; position: absolute; right: 0; top: 8px; }
.tongji a { display: none }
#ft { background: url(http://u.350.net/assets/images/footer_bg.png) no-repeat 50% 20px; border-top: 1px solid #E1E2E2; background-color:#fff}
#ft .footer-wrap { height: 76px; overflow: hidden; width: 980px; margin: 0 auto; padding: 10px 0; position: relative }
#ft .footer-wrap .footer-link { color: #b2b2b2; margin-top: 16px; text-align: center }
#ft .footer-wrap .footer-copyright { color: #b2b2b2; margin-top: 8px; text-align: center }
#ft.outerft .footer-wrap .footer-link { text-align: left }
#ft.outerft .footer-wrap .footer-copyright { text-align: left }
#ft.outerft .footer-wrap .cnnic { position: absolute; right: 0; top: 26px; }
#ft .footer-wrap .footer-copyright a.sg-logo { background: transparent url(http://u.350.net/assets/images/icons.gif?3) no-repeat -432px -264px; height: 16px; width: 68px; margin: 0 3px; overflow: hidden; text-indent: -999em; display: inline-block; *zoom:1;
*display:inline;
vertical-align: top; line-height: 16px; }
#ft .footer-wrap .footer-copyright a.sg-logo:hover {background: transparent url(http://u.350.net/assets/images/icons.gif?3) no-repeat -432px -294px; }