/* 移动版CSS */
/* 公用CSS 0e6ab3*/
a:link { color: #0e6ab3; text-decoration: none;font-size:14px;}
a:visited { color: #0e6ab3; text-decoration: none;font-size:14px;}  
a:active { color: #FF0000; text-decoration: none;font-size:14px;}  
a:hover { color: #FF0000; text-decoration: none;font-size:14px;} 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}

/* 以下是页脚自动居下的CSS */
html,body
{width:100%;
 height:100%;}

.wrapper /*内容部分的DIV*/  
{    
    min-height:100%;    
   _height:100%;    
   margin-bottom:-85px;   /*假定页脚的高度为48px*/   
}  
 
.bottom {height:100px;}    /*假定页脚的高度为48px*/  
.footer_placeholder{border-top:1px solid #ddd; margin-left:5px; margin-top:24px; color:#333;line-height:150%;font-size:14px; }  /*7b7b7b*/
.bottom {border:0px solid red;} 
 /* 以上是页脚自动居下的CSS */    
  

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{margin:0;padding:0}/* 默认无外边框内边框 */
ol,ul{list-style:none}/* ol,ul没有前面的点号 */
:focus{outline:0}
a img{border:0}
a {text-decoration:none}
input,img{vertical-align:middle}

.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}/* 插入垂直居中的span使得后面的可以vertical-align:middle */
table{empty-cells:show}



body
{
  /* background:url(../images/bookbg.jpg) repeat-x; background-color:#dbedf9; */
  background: background-color:#fff;
 }
 
body /* background: #f5f5f5;color:#130f30;带蓝色*/
 {   
    line-height: 1;
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
   
     color:#130f30;
} 
/* background: #f5f5f5; */

/* 内容宽度在320px和768px之间 适应屏幕大小居中 */
.w
{
     background-color:#fff;
    width:100%;
    min-width:320px;
    max-width:768px;
    margin:0 auto;
    overflow: hidden;
    padding:0px;
    }
.w980
{
    width:980px;
    margin:0 auto;
    overflow: hidden;
   padding:0px;
   
   }    
    .w500
    {  
    width:500px;
    margin:0 auto;
    overflow: auto; 
    text-align:center;}
    .w650
{
    width:800px;
    margin:0 auto;
    overflow: hidden;
   padding:0px;
 
   }   
    
.label13
{font-size:13px;}
    
    
    
/* 顶部的logo */
.booklogo
{ height:104px;
   background-color:White;background:url(../images/booklogo.jpg) }

/* 移动版顶部的logo */
#logo{width:100%;
margin:0;
text-align:center;
}
#logo .logoimg
{min-width:320px;
 max-width:768px;
 overflow:hidden;
 margin:0 auto;
 width:100%;
 border:0px solid red;
    }
#logo .logoimg img
{
 overflow:hidden;
 margin:0 auto;
 width:100%;
 background-color:#fff; /*8dc6f6*/
    }    
#logo a {width:100%;overflow:hidden;
         }
#logo .b{width:60%;height:20%;             
background:url(../images/tushulogo.png) no-repeat;
margin:0 auto;
}

/* 顶部菜单 */
.menuul
{width: 100%;
    float:left;
   background-color:#6bc5f2;
    height:32px;
    line-height:30px;
    }
 .menuulli
 {  float:left;
    width: 25%;
    text-align:center;
     height:32px;
     }   
 .menuulli a
 {color:#ffffff;
     }
     
.clearit {
    clear: both;
}     
/* 导航栏开始*/
.l {
	float:left;}
.navBox {
	width:990px;
	height:34px;
	border-top:solid 1px #A0CFED;
	margin:0 auto;
	margin-bottom:5px;
}
.navL {
	width:1px;
	height:34px;
	background:url(../images/navl.jpg) no-repeat left top;
	overflow:hidden;
}
.navC {
	width:988px;
	height:34px;
	background:url(../images/navc.jpg) repeat-x right top;
}
.navR {
	width:1px;
	height:34px;
	background:url(../images/navr.jpg) no-repeat right top;
	overflow:hidden;
}
.menu {
	width:100%;
}
.menu li 
{width:20%;
	float:left;
	height:34px;
	position:relative;
	z-index:2;
	background:url(../images/menu_cut.jpg) no-repeat right center;
	text-align:center;
}
.menu li a   /*  padding:7px 82px 7px 84px ;*/
{      
	display:inline-block;
	font-size:15px;
	line-height:34px;
	color:#fff;
	font-family:"Microsoft YaHei";
	width:199px;
	
	
}
.menu li a:hover 
{
    display:inline-block;
	width:199px;
	color:red;
	background:url(../images/navc2.jpg);
	
}
.menu li a.nobg {
	background:none;
}
/* 导航栏结束*/

/* 顶部图标菜单 */    
.fz12 {
    font-size: 1em;
    display: inline-block;
}
.quick-entry-nav {
    margin-top: 11px;
    padding: 0 3.125%;
}
.quick-entry-link 
{
   
    width: 20%;
    float: left;
    font-size: 0.75em;
    text-decoration: none;
    color: #666;
    text-align: center;
    display: block;
    padding-bottom: 3px;
}

.quick-entry-nav a:link { color: #666; text-decoration: none;}
.quick-entry-nav a:visited { color: #666; text-decoration: none;}  
.quick-entry-nav a:active { color: #FF0000; text-decoration: none;}  
.quick-entry-nav a:hover { color: #FF0000; text-decoration: none;} 

.quick-entry-nav span
{height:16px;
 line-height:16px;
 display:block;
 font-size: 1em;
  width: 100%;}

.quick-entry-nav:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
}
.quick-entry-link:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
}

/* footer 页脚 */
.footer{text-align:center;font-size:0.75em;}
#footer-2013 .links a,#footer-2013 .links span{margin:0 0.625px}
#footer-2013 .links span a{margin:0}
#footer-2013 .copyright{margin:6px 0}
#footer-2013 .authentication a{margin:0 5px}
.footmark .m{padding:0 9px;border:1px solid #ddd;border-top:2px solid #999}
.footmark .mt{height:30px;line-height:30px}.footmark .title{width:50%;float:left;font-weight:400}

/*主体*/
.contentmain
{width:750px; margin:20px auto;background-color:#FAFAFA;padding:15px 0;
 border-radius:6px 6px 6px 6px;
 padding-left:5px;
 border:2px solid #ffffff;
 }
.contentmain-m
{width:314px; margin:10px auto;background-color:#FAFAFA;padding:16px 0;
 border-radius:6px 6px 6px 6px;
 
 border:0px solid #ffffff;
 }

 /*booklist搜索条*/
 .searchmenu
 {
  
  
  
     }
 .searchresult
 {
font-size:14px;
  
 color:#f2321e;
     }
   .searchbar
   {

width:320px;
margin:0 auto;

font-size:13px;
color:#333333;}       
 .searchtextbox
 {margin-left:3px;
     
  height:20px;
  width:210px;
  border-radius:4px 4px 4px 4px;
     }
select.searchDList
 {margin-right:20px;
  height:20px;
   width:110px; 
     }
.button{
margin:7px auto; 

width:88px;  /*图片宽带*/
background:url(../images/search_btn.png) no-repeat left top;  /*图片路径*/
border:none;  /*去掉边框*/

height:28px; /*图片高度*/
 
	font-family:'\5fae\8f6f\96c5\9ed1';/*图片按钮文字*/
	font-size:15px;
	color:#FFFFFF;
}

.btn_mouseover 
{margin:7px auto; 
width:88px;  /*图片宽带*/
background:url(images/search_btn2.png) no-repeat left top;  /*图片路径*/
border:none;  /*去掉边框*/

height:28px; /*图片高度*/
 
	font-family:'\5fae\8f6f\96c5\9ed1';/*图片按钮文字*/
	font-size:15px;
	color:#FFFFFF;


} 

.pager
{margin:10px 0;
 text-align:center;
 padding:5px;}
 
 .PagerNormal
      {
        font: 11pt Verdana;
        color: #0066CF;
        border: solid 1px #778899;
        padding: 2px 3px;
        text-decoration:none;
        margin:1px 1px;
      }
      .PagerCurrent
      {color:#F50;
      	font:11pt Verdana;
      	border: solid 1px #F50;
        padding: 2px 2px;
        background-color: #ffeee5;
      }
.pager a:hover {border:solid 1px #F50;color:#f60;text-decoration:none;}      
      
 
/* 书籍列表listview */
.booklist
{
    font-size:0.75em;
 margin:5px auto;
}

.booklist .listviewtable
{width:100%;
 background-color:#ffffff;
 border-collapse: collapse;
 border-color: #ffffff;
 border-style:solid;
 border-width:2px;
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
    }
    
    
.booklist .listviewtable a:link { color: #0e6ab3; text-decoration: none;font-weight:bold;}
.booklist .listviewtable a:visited { color: #0e6ab3; text-decoration: none;font-weight:bold;}  
.booklist .listviewtable a:active { color: #FF0000; text-decoration: none;font-weight:bold; }  
.booklist .listviewtable a:hover { color: #FF0000; text-decoration: none;font-weight:bold; }       
 
.booklist tr
{

}
.booklist .listviewtable td
{
vertical-align:middle;
border-bottom:solid 1px #A9C6C9; /*表行底线颜色 */
border-top:solid 1px #A9C6C9; /*表行顶线颜色 */
  
border-right:solid 2px #ffffff;  
padding:5px 5px; }

.booklist .listviewtable th
{background-color:#b2d7e9;
    vertical-align:middle;
border-bottom:solid 1px #A9C6C9; /*表行底线颜色 */
border-top:solid 1px #A9C6C9; /*表行顶线颜色 */
  
border-right:solid 2px #ffffff;  
padding:10px 5px;
color:#1b70b3;
font-size:14px; 
    }    
    
.cssDataPager
{font-size:26px; 
    }    
    
/* search页面 每本书详细信息 */
/* 书籍详细信息 */
.alldetail
{border:1px solid #A9C6C9;
    }
.contentmain2 /*两端对齐*/
{text-align:justify; 
font-size:1em;
font-family:'\5fae\8f6f\96c5\9ed1';

margin:5px 2px 5px 2px;
border:1px solid #A9C6C9;
}
.contentmainauto
{font-size:0.875em;
 width:92%;
  border-radius:8px 8px 8px 8px;
 margin:5px auto;
 background-color:#ffffff;
padding:10px;

    }


   
 /*信息行*/ 
.contentline
{
font-size:0.9em;
font-family:'\5fae\8f6f\96c5\9ed1';
width:100%;
padding:3px 0;
margin-bottom:3px;
margin-top:3px;
/*这些是span两端对齐的css多浏览器兼容*/ 
-webkit-text-align-last:justify;/*chrome 20+*/ 
text-align:justify; 
text-justify:distribute-all-lines;/*ie6-8*/ 
text-align-last:justify;/* ie9*/ 
-moz-text-align-last:justify;/*ff*/ 
}
.contentline:after
{ display:inline-block;overflow:hidden; width:100%; height:0; content:''; vertical-align:top;}

.contentline .spanwidth103
 {width:80px;/* 两端对齐行宽103px*/
  word-spacing:-1em;

  }
 .contentline span
{float:left;
 display: inline-block;  /*两端对齐的css多浏览器兼容*/ 
 margin-right:5px;margin-left:5px;
 color:#38749C;
 }
.contentline span:after{display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;} 
     
 .lablewidth
 {text-align:left; 
     width:100%;
     font-size:0.9em;
     float:left;
     line-height:1.3;
     
 
table-layout: fixed; 
word-wrap: break-word;
word-break: break-all;
white-space:normal; 

padding-left:3px;
max-width:650px;


}

#divISBNISSN
{
  } 
  
  
.leftdetail
{float:left;
 width:755px;
   }
.rightpic
{margin-left: 755px;

}      
  
     
#Book_picture
  { 
    overflow:hidden;
    width:100%;
    margin:5px auto;
    padding:2px;
    text-align:center;
  }
  #Book_pictureweb
  { 
    overflow:hidden;
    width:100%;
    margin:5px auto;
    padding:2px;
    text-align:center;
  }
  #Book_pictureweb img
{border:1px solid red;
    margin:0px auto;
    min-width:95%;
    max-width:100%;
    mywidth:expression(onload=function(){
this.style.width=(this.offsetWidth >document.getElementById("pic").scrollWidth*9.5/10)? "95%": "auto" });
	
	}  
#Book_picture img
{
    margin:0px auto;
    min-width:50%;
    max-width:80%;
    mywidth:expression(onload=function(){
this.style.width=(this.offsetWidth >document.getElementById("pic").scrollWidth*8/10)? "80%": "auto" });
	
	}  

#divlogin {
background:url(../images/divbg2.png) no-repeat;
display:none;

z-index:1002; 
width:366px;
height:390px;
left:50%;/*FF IE7*/
top: 50%;/*FF IE7*/

margin-left:-183px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-195px!important;/*FF IE7 该值为本身高的一半*/

margin-top:0px;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
  
  /* .login-wrap 登录背景 自适应浏览器宽度 */
.login-wrap{position:relative;height:430px;margin:10px 0 20px;z-index:5;
    top: 0px;
    left: 0px;
}
.login-wrap .login-banner{position:absolute;left:0;top:0;width:100%;height:430px;background:#38b3ff}
.login-wrap .i-inner{position:relative;z-index:3;height:430px;background:url(../images/bg4.jpg) no-repeat;background-position:center;
}
.login-wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}


.login-wrap2{position:relative;height:400px;margin:10px 0 20px;z-index:5;
    top: 0px;
    left: 0px;
}
.login-wrap2:after{content:".";display:block;height:0;clear:both;visibility:hidden}



/* .login-form 登录框的框架 包括登录弹出层也是用的这个*/
#divlogin .login-form{margin:0px auto;z-index:7;}
#divlogin .login-form{position:relative;width:306px;background:#f8f8f8;padding:20px 20px;overflow:visible;
    
}
#divlogin .login-form:after{content:".";display:block;height:0;clear:both;visibility:hidden}
   

    
#divlogin .login-form .login-box{display:inline-block;display:block;width:306px;overflow:visible}




/* 登录时的提示信息栏*/
#divlogin .login-form .msg-wrap{font-size:12px;min-height:31px;height:auto!important;height:31px;margin:2px 0 5px 0}
#divlogin .login-form .msg-error{position:relative;background:#ffebeb;color:#e4393c;border:1px solid #e4393c;padding:3px 10px 3px 40px;line-height:18px;min-height:18px;_height:18px}
#divlogin .login-form .msg-error b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:16px;overflow:hidden;background:url(../images/pwd-icons-new.png) -104px -49px no-repeat}
#divlogin .login-form .msg-warn{position:relative;background:#fff6d2;color:#666;border:1px solid #ffe57d;padding:3px 10px 3px 40px;line-height:18px;height:18px}
#divlogin .login-form .msg-warn b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:17px;overflow:hidden;background:url(../images/pwd-icons-new.png) -104px -22px no-repeat}

/* .login-form 登录框注册跳转链接*/
#divlogin .login-form .login-box .mt{display:inline-block;display:block;width:306px;overflow:visible;height:27px}
#divlogin .login-form .login-box .mt:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .login-form .login-box .mt{height:1%}
*+html .login-form .login-box .mt{min-height:1%}
#divlogin .login-form .login-box .mt h1{position:relative;height:27px;line-height:27px;top:-5px;float:left;color:#666;font-family:'\5fae\8f6f\96c5\9ed1';font-size:20px}
#divlogin .login-form .login-box .mt .extra-r{float:right}
#divlogin .login-form .login-box .mt .regist-link{color:blue;font-size:14px;height:27px;line-height:27px;}
#divlogin .login-form .login-box .mt .regist-link a{color:blue}
#divlogin .login-form .login-box .mt .regist-link b{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;overflow:hidden;background:url(../images/pwd-icons-new.png) -104px -22px no-repeat;vertical-align:middle;margin-right:5px}
#divlogin .login-form .login-box .mc{overflow:visible}

/* 信息输入栏 form fore1登录账号行 fore2 密码行 label图片 itxt是textbox的样式*/
.form .item{position:relative;margin-bottom:18px;z-index:1}
.form .item-fore1{z-index:6}
.form .item-fore1,.form .item-fore2{border:1px solid #bdbdbd;height:38px;width:304px}
.form .item-fore3,.form .item-fore4{height:15px;width:304px;margin-bottom:30px;}
.form .item-fore1{z-index:6}.form .item-fore2{height:38px}.form .item-fore3{z-index:5;margin-bottom:15px}


.form .item .login-label{position:absolute;z-index:3;top:0;left:0;width:38px;height:38px;border-right:1px solid #bdbdbd;background:url(../images/pwd-icons-new.png) no-repeat}
.form .item .name-label{background-position:0 0}
.form .item .pwd-label{background-position:-48px 0}
.form .item-fore1 .clear-btn,.form .item-fore2 .clear-btn{position:absolute;z-index:20;right:6px;top:12px;width:14px;height:14px;background:url(../images/pwd-icons-new.png) -25px -143px no-repeat;cursor:pointer;_display:none}
.form .itxt{line-height:18px;height:18px;border:0;padding:10px 0 10px 50px;width:254px;float:none;overflow:hidden;font-size:14px;font-family:'\5b8b\4f53';*margin:-1px 0 0}


.form label,.form input,.form select,.form textarea,.form button,.form .label{float:left;font-size:12px}
.form a {font-size:12px}
.block{display:block;overflow:hidden}
.hide{display:none}
.invisible{visibility:hidden}





/* 记住用户名 忘记密码*/
.login-form .login-box .safe{position:relative;color:#666;width:304px}
.login-form .login-box .safe span{margin-right:15px}
.login-form .login-box .safe a{display:inline}
.login-form .login-box item-fore3 .extra-r{float:right}
.login-form .login-box item-fore3 .regist-link{color:#38749C;font-size:14px}
.login-form .login-box item-fore3 .regist-link a{color:#38749C}
.login-form .login-box item-fore3 .regist-link b{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;overflow:hidden;background:url(../images/pwd-icons-new.png) -104px -75px no-repeat;vertical-align:middle;margin-right:5px}


.login-form .login-box .safe .forget-pw-safe{position:absolute;right:0;top:0;margin:0}
.login-form .login-box .reg-free{height:18px;*margin-bottom:5px}

.form .mycheckbox,.form .myradio{float:none;vertical-align:middle;_vertical-align:-1px;margin:0 3px 0 0;padding:0}




/* 验证码*/
.form .item-vcode .placeholder{left:25px}
.form .itxt02{padding:10px 5px;width:78px;text-align:center}

.form #o-authcode.item{border:0}
.form #o-authcode.item .itxt{border:1px solid #bdbdbd;font-size:14px;padding:7px 5px;vertical-align:middle}
.form #o-authcode.item-error{border:0}.form #o-authcode.item-error .itxt{border-color:#e4393c}
.form #o-authcode.item-focus{border:0}.form #o-authcode.item-focus .itxt{border-color:#3aa2e4}
.form input::-webkit-input-placeholder{color:#999;font-size:14px}
.form input:-moz-placeholder{color:#999;font-size:14px}.form label{float:none}



/* 登录 按钮*/
.login-form .login-box .login-btn{border:1px solid #cb2a2d;margin:0 auto;height:33px;position:relative}
.login-form .login-box .login-btn .btn-img{border:1px solid #84bee3;display:block;width:302px;background:#e4393c;height:31px;line-height:31px;color:#fff;font-size:20px;font-family:'\5fae\8f6f\96c5\9ed1'}
.login-form .login-box .login-btn .btn-img:hover{text-decoration:none}
.login-form .btn-2login,.login-form .btn-2qrcode{display:block;width:60px;height:60px;line-height:99em;position:absolute;right:0;bottom:0;overflow:hidden;background:url(//miscssl.360buyimg.com/user/passport-2015/widget/login-form/i/login-qricon-01.png) no-repeat;-webkit-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);-moz-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);transition:background-position .2s cubic-bezier(0.25,.5,.5,.9)}
.login-form .btn-2qrcode{background-position:-60px 0}
.login-form .btn-2login{background-position:0 -60px}




.login-form .login-box .login-btn{border:1px solid #84bee3;margin:0 auto;height:33px;position:relative}
.login-form .login-box .login-btn .btn-img{border:1px solid #84bee3;display:block;width:302px;background:#38749C;height:31px;line-height:31px;color:#fff;font-size:20px;font-family:'\5fae\8f6f\96c5\9ed1';text-align:center;text-decoration:none}
.login-form .login-box .login-btn .btn-img:hover{text-decoration:none}
.login-form .btn-2login,.login-form .btn-2qrcode{display:block;width:60px;height:60px;line-height:99em;position:absolute;right:0;bottom:0;overflow:hidden;background:url(//miscssl.360buyimg.com/user/passport-2015/widget/login-form/i/login-qricon-01.png) no-repeat;-webkit-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);-moz-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);transition:background-position .2s cubic-bezier(0.25,.5,.5,.9)}.login-form .btn-2qrcode{background-position:-60px 0}.login-form .btn-2login{background-position:0 -60px}.login-form .qrcode-login{display:none;text-align:center}.login-form .qrcode-login .qrcode-desc{margin-top:53px}.login-form .qrcode-login .qrcode-desc h2{font-size:16px;color:#999;font-family:'\5fae\8f6f\96c5\9ed1';font-weight:400}.login-form .qrcode-login .qrcode-img{border:1px solid #f4f4f4;padding:10px;width:155px;margin:20px auto 15px}.login-form .qrcode-login .qrcode-img .qrcode-error02{padding:30px 0}.login-form .qrcode-login .qrcode-img .qrcode-error02 .error-icon{display:inline-block;margin-bottom:25px;width:50px;height:50px;background:url(//miscssl.360buyimg.com/user/passport-2015/css/i/qr-error-icon.png) no-repeat}.login-form .qrcode-login .qrcode-img img{width:147px;height:147px}.login-form .qrcode-login .qrcode-error{display:none;position:relative;background:#ffebeb;color:#e4393c;border:1px solid #e4393c;padding:3px 10px 3px 100px;text-align:left}.login-form .qrcode-login .qrcode-error b{position:absolute;top:50%;left:70px;display:block;margin-top:-8px;width:16px;height:16px;overflow:hidden;background:url(//miscssl.360buyimg.com/user/passport-2015/widget/login-form/i/pwd-icons-new.png) -104px -49px no-repeat}.login-form .qrcode-login .qrcode-succ{width:306px;margin:80px auto 130px;height:100px;overflow:hidden}.login-form .qrcode-login .qrcode-succ h3{color:#999;font-weight:400}.login-form .qrcode-login .qrcode-succ .tip-box{width:306px}.login-form .qrcode-login .qrcode-succ .tip-box .item-fore{margin:0 0 0 110px;padding-top:30px}.login-form .qrcode-login .qrcode-succ .succ-icon{width:110px;height:100px;background:url(//miscssl.360buyimg.com/user/passport-2015/css/i/qrcode-succ-icon.png) no-repeat}.login-form .qrcode-login .qrcode-succ .qrcode-back{margin-top:5px}.login-form .qrcode-login .qrcode-succ .qrcode-back a{text-decoration:underline}.login-form .qrcode-login .qrcode-panel{width:150px;margin:0 auto 50px;text-align:center}.login-form .qrcode-login .qrcode-panel ul{display:inline-block;display:block}.login-form .qrcode-login .qrcode-panel ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .login-form .qrcode-login .qrcode-panel ul{height:1%}*+html .login-form .qrcode-login .qrcode-panel ul{min-height:1%}.login-form .qrcode-login .qrcode-panel li{float:left;padding:0 0 0 10px;margin:0 10px 0 0;border-left:1px solid #ccc}.login-form .qrcode-login .qrcode-panel li.fore1{border:0}.login-form .qrcode-login .qrcode-panel a{color:#999}.login-form .qrcode-login .qrcode-panel a:hover{color:#e4393c}.login-form .qrcode-login .qrcode-panel .qrcode-tips{position:relative;background:#F6DCDF;color:#999;margin-top:10px}.login-form .qrcode-login .qrcode-panel .qrcode-tips .triangle-border{position:absolute;right:30px;overflow:hidden;width:0;height:0;border-width:5px;border-style:dashed dashed solid}.login-form .qrcode-login .qrcode-panel .qrcode-tips .tb-border{top:-10px;border-color:transparent transparent #F6DCDF}.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info{height:20px;line-height:20px;overflow:hidden}.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1{transition:margin-top .5s;-moz-transition:margin-top .5s;-webkit-transition:margin-top .5s;-o-transition:margin-top .5s}.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1:hover{margin-top:-20px}.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips2{color:#763A42}.login-form .qlogin-main .qlogin-tit{text-align:center;font-size:14px;margin-top:20px}.login-form .qlogin-main .qlogin-tit span{font-family:arial}.login-form .qlogin-main .qlogin-tit .qq-icon{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;overflow:hidden;vertical-align:middle;background:url(//miscssl.360buyimg.com/user/passport-2015/widget/login-form/i/pwd-icons-new.png) -104px -157px;margin-right:10px}.login-form .qlogin-main .u-pic{position:relative;width:104px;height:104px;margin:10px auto}.login-form .qlogin-main .u-pic .mask{position:absolute;width:104px;height:104px;left:0;top:0;z-index:2;background:url(//miscssl.360buyimg.com/user/passport-2015/widget/login-form/i/upic-bg.png) no-repeat}.login-form .qlogin-main .u-name{font-size:18px;font-family:'\5fae\8f6f\96c5\9ed1';font-weight:700;text-align:center;margin-bottom:20px}.login-form .qlogin-main .coagent{margin-top:20px}div.safetips{border:1px solid #E3E3E3;background:#fff;padding:5px 10px;margin:-10px 0 0 40px;-webkit-box-shadow:0 0 10px rgba(221,221,221,.7);-moz-box-shadow:0 0 10px rgba(221,221,221,.7);box-shadow:0 0 10px rgba(221,221,221,.7)}



.closex
{width:100%;
 overflow:hidden;zoom:1;
    }
.closex a
{float:right;
 margin-top:10px;
 margin-right:15px;}  

  
.black_overlay{ 
            display:none;
            position: fixed; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
            background-color: black; 
            z-index:1001; 
            -moz-opacity: 0.3; 
            opacity:.30; 
            filter: alpha(opacity=30); 
        }  
      
/* notice页*/
.notice
{font-size:12px;
 margin:8px auto;
 font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
    }
    
.notice .listviewtable
{width:100%;
 background-color:#ffffff;
 border-collapse: collapse;
 border-color: #ffffff;
 border-style:solid;
 border-width:2px;
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
    }
    
    
.notice .listviewtable a:link { color: #0e6ab3; text-decoration: none;font-weight:bold;}
.notice .listviewtable a:visited { color: #0e6ab3; text-decoration: none;font-weight:bold;}  
.notice .listviewtable a:active { color: #FF0000; text-decoration: none;font-weight:bold; }  
.notice .listviewtable a:hover { color: #FF0000; text-decoration: none;font-weight:bold; }       
 
.notice tr
{

}
.notice .listviewtable td
{
vertical-align:middle;
border-bottom:solid 1px #A9C6C9; /*表行底线颜色 */
border-top:solid 1px #A9C6C9; /*表行顶线颜色 */
border-right:solid 2px #ffffff;  
padding:3px 5px; }

.notice .listviewtable th
{background-color:#a6a6a6;
    vertical-align:middle;
border-bottom:solid 1px #A9C6C9; /*表行底线颜色 */
border-top:solid 1px #A9C6C9; /*表行顶线颜色 */
  
border-right:solid 2px #ffffff;  
padding:10px 5px;
color:#fafafa;
font-size:16px; 
    }    
    
.cssDataPager
{font-size:26px; 
    }        
    
    
.booktop10
{margin:10px auto;
 font-size:13px;
 width:100%;
 font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;

 }   
 
 .booktop10 .book10table
  {
      width:100%;
      font-size:13px;
 background-color:#dbedf9;
 border-collapse: collapse;
 border-color: red;
 border-style:solid;
 border-width:0px;
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
     }
  .booktop10 .book10table td
 {
vertical-align:middle; 
padding:7px 18px;}   

  .booktop10 .book10table th
{background-color:#a6a6a6;
    vertical-align:middle;
border-bottom:solid 1px #A9C6C9; /*表行底线颜色 */
border-top:solid 1px #A9C6C9; /*表行顶线颜色 */
  
border-right:solid 2px #ffffff;  
padding:10px 5px;
color:#fafafa;
font-size:16px; 
    }    
     
 
 .booktop10 .reader10table
 {width:100%;
 background-color:#ffffff;
 border-collapse: collapse;
 border-color: red;
 border-style:solid;
 border-width:0px;
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
     }

 .booktop10 .reader10table td
{
vertical-align:middle; 
padding:6px 15px;}     
      
 /* notice页结束*/
 
 
 /* readerlinfo页*/   
.headtitle2
{margin:1px 0;
 height:23px;
 line-height:23px;

 font-size:1em;
 
 font-family:'\5fae\8f6f\96c5\9ed1';text-align:left;text-decoration:none;vertical-align:middle;
 color:#666666;}  
 .headimg2
{margin:auto 4px;vertical-align:middle;display: inline-block;background-position:0 0;width:19px;height:23px;background:url(../images/noticepic.png) no-repeat} 

/* getpass页*/  
 .nextstep1
{margin:0 auto;vertical-align:middle;display: inline-block;background-position:0 0;width:314px;height:40px;background:url(../images/nextstep2.png) no-repeat} 

.nextstep2
{margin:0 auto;vertical-align:middle;display: inline-block;background-position:0 0;width:314px;height:40px;background:url(../images/nextstep3.png) no-repeat} 

.nextstep3
{margin:0 auto;vertical-align:middle;display: inline-block;background-position:0 0;width:314px;height:40px;background:url(../images/nextstep4.png) no-repeat} 

.contentmaingetpass
{width:314px; margin:5px auto;background-color:#FAFAFA;padding:0 0 16px 0;
 border-radius:6px 6px 6px 6px;
 height:190px;

 } 
 .contentmaingetpass .header
 {text-align:center;
  height:40px;
   line-height:40px;
  margin-bottom:25px;
  border-radius:6px 6px 0px 0px;
  background-color:#5cc41c;
  text-align:center;
     }
     .contentmaingetpass .header span
     {color:#ffffff;
      
         }
 .margin50
 {margin:0 130px;
  }
  
  /* changepswm页*/
  /* 表单textbox的提示信息样式 show-msg 提示信息  error-msg错误信息 ok-msg OK信息*/
 
.contentbox .show-msg{text-align:left;width:216px;height:32px;line-height:32px;vertical-align:middle;border:1px solid #D3D3D3;font-size:12px;margin-left:83px;padding:0;background-color:#F3F3F3;}
.contentbox .show-msg b{
display:inline-block;*display:inline;*zoom:1;width:15px;height:15px;margin-left:5px;margin-right:5px;overflow:hidden;vertical-align:middle;background:url(../images/reg_ico.png) 0px 0px no-repeat}
    
.contentbox .show-msg label
{overflow:auto;
    }
.contentbox .error-msg
{text-align:left;width:216px;height:32px;line-height:32px;vertical-align:middle;border:1px solid #e4393c;font-size:12px;margin-left:83px;padding:0;background-color:#f8e0e4;}
.contentbox .error-msg b{
display:inline-block;*display:inline;*zoom:1;width:15px;height:15px;margin-left:5px;margin-right:5px;overflow:hidden;vertical-align:middle;background:url(../images/reg_ico.png) -60px 0px no-repeat}
.contentbox .error-msg label
{ color:red;

    }
.contentbox .ok-msg{text-align:left;width:216px;height:32px;line-height:32px;vertical-align:middle;border:1px solid #D3D3D3;margin-left:83px;font-size:12px;padding:0;background-color:#F3F3F3;}
.contentbox .ok-msg b{
display:inline-block;*display:inline;*zoom:1;width:15px;height:15px;margin-left:5px;margin-right:5px;overflow:hidden;vertical-align:middle;background:url(../images/reg_ico.png) -30px 0px no-repeat}
    
.contentbox .ok-msg label
{color:gray;
    }
  
.contentbox{width:306px;background-color:#FAFAFA;margin:0 auto;}
.contentbox .point{display:inline-block;color:red;}
.contentbox .box{margin:0 0 5px 0;}
.contentbox .box:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.contentbox .box span{text-align:right;height:32px;line-height:32px;font-size:14px;color:#999;}/*float:right 自动将span 转化为block* height:32px;line-height:32px;实现文字垂直居中*/
.contentbox .box .label{display:inline-block;width:78px;height:32px;line-height:32px;padding:0px;
font-size:14px;color:#999;

}
.contentbox .box .textbox{width:216px;height:32px;border:1px solid #3366FF;line-height:32px;margin:0;padding:0;text-align:left;font-size:12px;color:#333333;border-radius:3px 3px 3px 3px;}
.contentbox .box .textnochange{width:216px;height:32px;line-height:32px;margin:0;padding:0;text-align:left;font-size:12px;color:#333333;}
.contentbox .box .textbox:focus{border:1px solid #009933;margin:0;padding:0} 

.contentbox .box .textboxsmall{width:170px;height:32px;border:1px solid #3366FF;line-height:32px;margin:0;padding:0;text-align:left;font-size:12px;color:#333333;border-radius:3px 3px 3px 3px;}
.contentbox .box .textboxsmall:focus{border:1px solid #009933;margin:0;padding:0} 


.contentbox .box2{margin:0 0 5px 0}
.contentbox .box2:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.contentbox .box2 span{float:left;text-align:right;height:32px;line-height:32px;}/*float:right 自动将span 转化为block* height:32px;line-height:32px;实现文字垂直居中*/
.contentbox .box2 .label{display:inline-block;width:78px;height:32px;line-height:32px;
font-size:14px;color:#999;padding-right:6px;
}
#information .box2 .textbox{width:216px;height:40px;border:1px solid #3366FF;line-height:1;margin:0;padding:0;text-align:left;font-size:12px;color:#333333;border-radius:3px 3px 3px 3px;}


 /* notice切换标签页*/

#tabs 
{
    
	overflow: hidden;
	width:96%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#tabs li {
	float: left;
	margin: 0 .5em 0 0;
}
#tabs a {
	position: relative;
	background: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(to bottom, #fff, #ddd);
	padding: .7em .5em;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}
 #tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after {
 background: #fff;
}
#tabs a:focus {
	outline: 0;
}
 #tabs a::after {
 content:'';
 position:absolute;
 z-index: 1;
 top: 0;
 right: -.5em;
 bottom: 0;
 width: 1em;
 background: #ddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
 background-image: -webkit-linear-gradient(top, #fff, #ddd);
 background-image: -moz-linear-gradient(top, #fff, #ddd);
 background-image: -ms-linear-gradient(top, #fff, #ddd);
 background-image: -o-linear-gradient(top, #fff, #ddd);
 background-image: linear-gradient(to bottom, #fff, #ddd);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
 -webkit-transform: skew(10deg);
 -moz-transform: skew(10deg);
 -ms-transform: skew(10deg);
 -o-transform: skew(10deg);
 transform: skew(10deg);
 -webkit-border-radius: 0 5px 0 0;
 -moz-border-radius: 0 5px 0 0;
 border-radius: 0 5px 0 0;
}
 #tabs #current a, #tabs #current a::after {
 background: #fff;
 z-index: 3;
}
/* ------------------------------------------------- */

#content 
{font-size:0.8em;
    margin:0 auto;
    
    width:96%;
	background: #fff;
	padding:10px 0;
	height: 100%;
	position: relative;
	z-index: 2;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	-moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
#tab1
{padding-left:8px;}
#content h2, #content h3, #content p {
	margin: 0 0 15px 0;
}
/* ------------------------------------------------- */

#about {
	color: #999;
}
#about a {
	color: #eee;
}
 /* notice切换标签页*/
  /* notice行*/
#SearchBox /* background:url(../images/searchbg2.png) no-repeat top center;*/
{width:100%;
  border-radius:8px 8px 8px 8px;
 margin:5px auto;
 background-color:#ffffff;
 padding:5px 0 20px 0;

    }
 #SearchBox .searchtitle
 {font-size:1.125em;
  color:#f58400;
  font-weight:600;
  margin:5px 0px 3px 20px;
   text-align:center;
 }   
 
#SearchBox .searchcontent
    {
     height:100%;
     margin:0 15px;
    border-radius:8px 8px 8px 8px;
     border:2px solid #f58400;
 }
#SearchBox .searchlines 
{width:300px;
 margin:0 auto;}       
#SearchBox .searchline
{width:300px;
  margin:0 0 6px 0;
 
  height:32px;
  line-height:32px;
}    
  #SearchBox .searchline .searchlinebox
  {display:inline-block;
      font-size:0.875em;
      height:15px;
   line-height:15px;
   width:170px;
   margin:0;
   color:#0d0d0d;
   
   } 
    
#SearchBox .searchline span
  { display:inline-block;
    font-size:0.875em;
    width:96px;
    text-align:right;
   height:22px;
   line-height:22px;}
   
   
 .searchbtnline 
 {
  width:100%;
  text-align:center;
   font-size:14px;
  }  
   
  
.searchline .button
   {margin:10px auto;}
   
 
   
 .readerinfom
 {background-color:#f0f2f5;
  padding-top:10px;
  padding-bottom:1px;
     }  
 .readerinfom .item
 { border:0px solid blue;margin-bottom:10px;padding:3px;background-color:#ffffff;}    
.readerinfom b
 {color:#8c8c8c;
     }  
.readerinfom .item .line
 {
  margin:4px 3px;
  border:0px solid green;}    
.bottomline
    {height:26px;
     line-height:26px;
     margin:4px 3px;
        }  
  .bottomline a
 {border:1px solid #f15353;
  color:#f15353;
  padding:3px;
  border-radius:3px 3px 3px 3px;}
     }
 .readerinfom a:link { color:#0e6ab3; text-decoration: none;font-weight:bold;}
.readerinfom a:visited { color:#0e6ab3; text-decoration: none;font-weight:bold;}  
.readerinfom a:active { color:#FF0000; text-decoration: none;font-weight:bold; }  
.readerinfom a:hover { color:#FF0000; text-decoration: none;font-weight:bold; }  


/* footer2*/ 
.footerwap
{margin:0 auto;}
.f_icomputer {padding:12px 12px 7px 12px;font-size:0.8125em;}
.f_icomputer a.f_pc {margin:0 8px; color:#596A95;}
a.f_ichuping {color:#C9C9C9;}
.f_ifooter {padding:0px 12px; color:#7b7b7b;font-size:0.8125em;}
.footerwap a {text-decoration:none;}

.f_ifooter a:link { color:#7b7b7b; text-decoration: none;}
.f_ifooter a:visited { color:#7b7b7b; text-decoration: none;}  
.f_ifooter a:active { color:#7b7b7b; text-decoration: none;}  
.f_ifooter a:hover { color:#7b7b7b; text-decoration: none;} 
.f_icomputer a.f_ichuping {color:#C9C9C9;}
.footerwap .f_address{font-size:0.8125em;color: #404040; }