/*html { filter: progidXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);filter: grayscale(1);}*/
.n1_header s, .v1_foot s, .noLogin .off s{ background: url(../../images/common/icon.png) no-repeat;}

/* 公共头部 */
.blankHead{width: 100%; height: 68px; min-width: 1000px;}
.n1_header{width: 100%; height: 68px; min-width: 1000px; background: #fff;/*  position:fixed; top:0; z-index: 100; */ box-shadow: 0px 1px 2px rgba(0,0,0,0.3);}
.n1_header_wrap{width: 1000px; height: 68px; line-height: 68px; margin: 0 auto; padding: 0 2px;  }
.n1_header_wrap h1{float: left; height: 68px;}
.n1_header_wrap h1 img{ margin-top: 16px; width: 160px; height: 32px;}
.n1_headerR{float: right; height: 68px}
.n1_headerR .n1_nav{overflow: hidden; float: left;}
.n1_headerR .n1_nav li{height: 50px; float: left; margin-left: 28px; position: relative;}
.n1_headerR .n1_nav .current{border-bottom: 2px solid #f26552;}
.n1_headerR .n1_nav .current a{color: #f26552;}
.n1_headerR .n1_nav li a{ display: block; font-size: 14px; color: #9e9e9e;}
.n1_headerR .n1_nav li a:hover{color:#f26552;}
.n1_headerR .n1_nav li img{position: absolute; top: 15px; right: -15px; width: 23px; height: 12px;}
.n1_search{float: left; position: relative;}
.n1_search s{width: 15px; height: 15px; cursor: pointer; position: absolute; right:36px;  top: 27px;}
.n1_search input{width: 160px; height: 28px; line-height: 28px; border: 1px solid #d2d2d2; border-radius: 50px; margin:0 22px 0 20px; color: #9e9e9e; padding: 0 36px 0 12px; font-size: 12px; }
.n1_search input:hover{border: 1px solid #9e9e9e;}
.n1_search .big_search{width: 319px; position: absolute; right: 0; top: 20px; display: none;}
.n1_search .list{position: absolute; right: 20px; top: 49px; overflow: hidden; background: #fff; border: 1px solid #f0f0f0; display: none; z-index: 1;}
.n1_search .list li{width: 180px; height: 30px; line-height:30px; font-size: 14px; color: #9e9e9e; padding: 0 15px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.n1_search .list li.hover{background: #f0f0f0;}
.n1_search .list li b{font-weight: normal;}

/* 登陆之前 */
.n1_login{float: left; padding-top: 20px;}
.n1_login .n1_login_beffor{/* display: none; */} 
.n1_login span{width: 58px; height: 26px; line-height: 26px;  background: #FFF; text-align: center; font-size: 12px; color: #9e9e9e; border-radius: 5px; cursor: pointer; border: 1px solid #d2d2d2; display: block;}

/* 登陆之后 */
.n1_login_affer{width: 108px; background: #FFF; font-size: 12px; color: #9e9e9e; border-radius: 5px; cursor: pointer; border: 1px solid #d2d2d2; overflow: hidden; text-align: center; display: none; position: relative; z-index: 1;}
.n1_login_affer a{display: block; width: 88px; height: 26px; line-height: 26px; padding: 0 10px; color: #9e9e9e;}
.n1_login_affer a:hover{color: #9e9e9e;}
.n1_login_affer a i{float: left; font-style: normal; max-width: 78px;  height: 20px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.n1_login_affer a s{float: right; width: 9px; height: 6px; background-position: -43px -140px; margin-top: 10px;}
.n1_login_affer ul{display: none;}
.n1_login_affer ul li a{display: block; height: 26px; background: #FFF; font-size: 12px; color: #9e9e9e; cursor: pointer; box-shadow: -1px 2px 4px rgba(0,0,0,0.3);}
.n1_login_affer ul li a:hover{background: #8c8c8c; color: #fff;}
.n1_login_affer ul li s{float: left; width: 15px; height: 15px;  margin: 6px 6px 0 0;}
.n1_login_affer ul li .myBook{background-position: -59px -118px;}
.n1_login_affer ul li .n1_recharge{background-position: -20px -118px;}
.n1_login_affer ul li .quit{background-position: -21px -135px;}

/* hover图标改变 */
.n1_login_affer ul .hover .myBook{background-position: -39px -118px;}
.n1_login_affer ul .hover .n1_recharge{background-position: -1px -118px;}
.n1_login_affer ul .hover .quit{background-position: 0px -135px;}

/* 换页 */

.changepage{height: 36px; padding-top: 22px; text-align: center;}
.changepage a{float: left; width: 33px; height: 33px; line-height: 34px; text-align: center; background: #fff; border-radius: 3px; margin: 0 8px; cursor: pointer; border: 1px solid #fff;}
.changepage a:hover{border: 1px solid #d2d2d2;}
.changepage .cur{background: #e0e0e0; border: 1px solid #e0e0e0; color: #fff;}
.changepage .cur:hover{border: 1px solid #e0e0e0; color: #fff;}
.changepage a s{float: left; width: 7px; height: 11px; background-position: 0 -38px; margin: 12px 8px 0 14px;}
.changepage .up,.changepage .down{width: 80px; height: 34px; text-align: left;}
.changepage .noBg{background: none; line-height: 30px; border: none;}
.changepage .noBg:hover{border: none;}
.changepage .down s{background-position: 0 -50px; margin-left: 8px;}
.changepage .down i{margin-left: 14px; float: left;}

/* 上一页下一页不可点击状态 */
.changepage .noClick{color: #e5e5e5;}
.changepage .noClick:hover{color: #e5e5e5; border: 1px solid #fff; cursor: not-allowed;}
.changepage .noClick s{background-position: -9px -9px;}
.changepage .noClick .noClickDown{background-position: -9px -22px;}

/* 公共底部开始 */
.v1_foot{ color: #9e9e9e; padding-bottom: 12px; overflow: hidden;}
.v1_foot a{color: #9e9e9e;}
.v1_foot .link a:hover{color: #f26552;}
.v1_foot s{float: none;}
.download{width: 348px; height: 138px; background: #e6e6e6; border-radius: 10px; margin: 40px auto 30px; padding: 0 46px;}
.download a{display: block; overflow: hidden;}
.download h3{font-size: 18px; text-align: center; color: #212121; padding: 22px 0 24px 0;}
.download .loadLeft,.download .loadRight{float: left; width: 160px; height: 40px; border-radius: 5px; background: #212121;}
.download .loadLeft:hover{opacity: 0.7;}
.download .loadRight:hover{opacity: 0.7;}
.download .icon{float: left; width: 40px; height: 40px; border-right: 1px solid #f7f7f7; }
.download .loadLeft s{display: block; width: 21px; height: 23px; background-position: -2px -92px; margin: 8px auto 0;}
.download .explain{float: left; width: 118px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px;}
.download .explain .store{font-size: 14px;}
.download .loadRight{float: right; background: #4caf50;}
.download .loadRight s{display: block; width: 21px; height: 26px; background-position: -24px -92px; margin: 8px auto 0;}
.aboutcompany{text-align: center; font-size: 12px; color: #9e9e9e;}
.aboutcompany .link{margin-bottom: 20px}
.aboutcompany a{font-size: 12px; margin: 0 8px;}
.aboutcompany .link a{font-size: 14px;}
.aboutcompany a:hover{color: #9e9e9e;}


/* 返回顶部 */
.goTop{position: fixed; width: 63px; height: 63px; right: 10px; bottom: 10px; cursor: pointer; display: none;}

/* 未登录弹层 */
.noLogin{width: 318px; height: 150px; background: #fff; text-align: center; display: none;}
.noLogin .off{width: 303px; height: 25px; padding: 15px 15px 0 0;}
.noLogin .off s{background-position: -84px -135px; width: 15px; height: 15px; float: right; cursor: pointer;}
.noLogin p{font-size: 16px; margin-bottom: 26px;}
.noLogin .loginBtn{width: 80px; height: 32px; color: #fff; font-size: 14px; text-align: center; line-height: 32px; background: #f26552; border-radius: 50px; margin: 0 auto; cursor: pointer;}