@charset "UTF-8";
body {font-family:Microsoft Yahei, STHeiti, Droid Sans Fallback, arial, Sans-serif; font-size:100%; font-weight:normal; color:#333; background:#fff;}
*{margin:0; padding:0; border:0;}
ul,ol,li{ list-style: none;}
a{ text-decoration:none; color:#333;outline:none;}
a:hover{ text-decoration:none; color:#333;}
img{ vertical-align:middle;}
section{ display:block;}
p{word-wrap: break-word;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*头部*/
.topbar{ height:auto; min-height:80px; position:relative; z-index:8;}
.header_wrap{ width:100%; height:auto; position:fixed; left:0; top:0; z-index:9;}
.header{height:30px; line-height:30px; padding:5px 12px 5px 10px; background:#fff; border-bottom:1px solid #e5e5e5; position:relative;}
.header .logo{ width:80px; height:30px; margin-right:10px; text-indent:-9999px; background:url(../images/logo.png) center center no-repeat; background-size:100% auto; float:left; }
.header .tkp{ width:80px; height:30px; margin-right:10px; text-indent:-9999px; background:url(../images/logo_paper.png) center center no-repeat; background-size:100% auto; float:left;}
/*
.header .myset{width:25px; height:25px; border:1px solid #e5e5e5; border-radius:50%; background:url(../images/ico_set.png) center center no-repeat; background-size:55% 55%; margin-top:2px; float:right;}
*/
.header .myset{width:25px; height:25px; background:url(../images/ico_menu.png) center center no-repeat; background-size:100% auto; margin-top:2px; float:right;}
.header .line{ font-family:arial; color:#e5e5e5; margin-right:10px; float:left;}

/*设置*/
.myset_info{width:100%; height:100%; background:#fff; position:fixed; top:0; right:0; z-index:100; display:none;}
.myset_info h3{height:24px; line-height:24px; padding:8px 10px; font-size:1.125em; font-weight:normal; color:#f85229;}
.myset_info .close_myset{width:25px; height:25px; background:url(../images/close_zt.png) no-repeat; background-size:100% 100%; float:right; margin-right:5px; text-indent:-9999px;}
.myset_info ul{overflow-y:auto; border-top:1px solid #e5e5e5;}
.myset_info ul li{ width:33%; height:auto; min-height:65px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; float:left; position:relative; text-align:center;}
.myset_info ul li .pic{width:100%; vertical-align:middle;}
.myset_info ul li .icon{width:16px; height:20px; background:url(../images/ico_new.png) no-repeat; background-size:100% auto; position:absolute; top:0; right:0;}

/*导航*/
.nav{ height:30px; padding:0 10px 10px 10px; background:#fff; box-shadow:0 1px 2px #ccc; overflow:hidden; position:relative;}
.nav.show{height:auto; overflow:visible;}
.nav li{ width:19%; height:24px; padding:8px 0 0 0; float:left;}
.nav li a{ height:22px; line-height:22px; padding:1px 6px; font-size:1.125em; color:#2f3133; border-radius:3px; display:inline-block; float:left;}
.nav li a:hover, .nav li a.cur{ background:#f85129; color:#fff;}
.nav .more{width:17px; height:17px; background:url(../images/ico_arrow.png) center center no-repeat; background-size:auto 100%; position:absolute; right:15px; top:12px; -webkit-transition:all 0.3s; -moz-transition: all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.nav .more.on{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}

/*底部*/
.footer{ padding:10px 0 70px;}
.footer li{ height:26px; line-height:26px; font-size:0.875em; color:#e7e7e7; text-align:center;}
.footer li.wap{height:22px; line-height:22px; font-size:0.75em; color:#999;}
.footer li a{ margin:0 8px; color:#555;}

/*返回顶部*/
.totop{ width:35px; height:35px; background:#000 url(../images/ico_top.png) center center no-repeat; background-size:50% auto; opacity:0.3; /*border-radius:50%;*/ position:fixed; right:20px; bottom:80px; display:none;}

/*遮罩层*/
.black{width:100%; height:100%; background:#000; opacity:0.4; position:fixed; left:0; top:0; z-index:99; display:none;}
.black_index{width:100%; height:100%; background:#fff; position:fixed; left:0; top:0; z-index:99; display:none;}

/*20150615 增加*/
.mydrag_info{width:100%; height:auto; background:#fff; position:fixed; top:0; right:0; z-index:10000;}
.nav_wrap{ height:40px; padding:0 25px; background:#fff; box-shadow:0 1px 2px #ccc; position:relative;}
.nav_wrap .nav_swipe{ height:40px; overflow:hidden; position:relative;}
.nav_wrap .nav_swipe ul{position:absolute;}
.nav_wrap .nav_swipe ul li{ width:auto; height:40px; line-height:40px; padding:0 12px; float:left;}
.nav_wrap .nav_swipe ul li a{ height:40px; line-height:40px; font-size:1.125em; color:#2f3133;}
.nav_wrap .arrow_l{width:17px; height:17px; background:url(../images/ico_arrow_l.png) center center no-repeat; background-size:auto 100%; position:absolute; left:5px; top:11px;}
.nav_wrap .arrow_r{width:17px; height:17px; background:url(../images/ico_arrow.png) center center no-repeat; background-size:auto 100%; position:absolute; right:5px; top:11px;}