@charset "utf-8";

/*css reset code */

/****  文字大小初始化,使1em=10px *****/
html { height: 100%; }
body { min-height: 100%; font-size: 62.5%; margin: 0; padding: 0; position: relative;background-color: #F2F2F3; }
/* for IE/Win */
html > body {font-family: 'Microsoft YaHei';color: #333;/* padding-bottom: 330px; */}
/* for everything else */

/*字体边框等初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu { padding: 0; margin: 0; font-family: 'Microsoft YaHei'; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
img { display: block; }
address, caption, cite, code, dfn, 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-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { text-decoration: none; color: #333; }
a:hover { color: #0091f4; }
*:focus { outline: none; }
input::-webkit-input-placeholder, input::-moz-input-placeholder /*Mozilla Firefox*/, input::-ms-input-placeholder /*Internet Explorer*/ { color: #b7b7b7; }
.clear { clear: both; }
.w11 { width: 1100px; margin: 0 auto; overflow: hidden; }
.fl { float: left !important; }
.fr { float: right !important; }
.mgl { margin-left: 0 !important; }
.mgr { margin-right: 0 !important; }
.mgt { margin-top: 0 !important; }
.mgb { margin-bottom: 0 !important; }
.mg0 { margin: 0 auto !important; display: block; }
.pdb{padding-bottom:0!important;}
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.hidden { overflow: hidden; }
.none { display: none; }
.red { color: red; }
.blue { color: blue; }
.yellow { color: #ff9901; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font24 { font-size: 24px; }
.bold { font-weight:bold; }
.position_r { position: relative; }
.position_a { position: absolute; }
.cfff { color: #fff; }
.c000 { color: #000; }
.c111 { color: #111; }
.c333 { color: #333; }
.c666 { color: #666; }
.c999 { color: #999; }
.clan { color: #00a2ff; }
time { color: #999; font-size: 12px; }
.w750 { width: 750px; }
.w312, .newslist_gg { width: 312px; }
.border_b { border-bottom: none !important; }
.border_r { border-right: none !important; }
.border_l { border-left: none !important; }
.hover_none:hover { color: #fff; }
.hover_none1:hover { color: #00a2ff; }
.text-ellipsis { white-space: nowrap; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; display: block; }
.bg-white { background-color: #fff; }
.w_all { width: 100%; overflow: hidden; }
.bg_all { background-image: url("../images/all.png"); background-repeat: no-repeat; }
.lh30 { line-height: 30px; }
/*头部样式*/
.index_header{width: 100%; height: 50px; line-height: 50px; background-color: #333;}
.index_header .phone img{width:  26px;margin: 12px 0;position: relative;z-index: 999;}
.index_header  .phone:hover .erweima{display:block;z-index: 999;width: 153px;height: auto;}
.index_header .user a{color:#fff;padding:0 8px;}
.index_header .user span{color:#fff;}
.index_menu {width: 100%;height: 80px;line-height: 80px;background-color: #fff;box-shadow: 0px 1px 0px 0px rgba(80, 131, 207, 0.07);border-bottom: solid 1px #dfdfdf;}
.index_menu ul li {float: left;margin-right: 38px;}
.index_menu .logo {padding-top: 20px;margin-right: 35px;width: 74px;}
.index_menu .user a { color: #666; }
.index_menu ul li.hover a { color: #00a2ff; }
/*搜索*/
.search_box {width: 500px;height: 34px;border-radius: 20px;border: 2px solid #00a2ff;float:  right;margin: 21px 0;}
.search_box input[type=text] {width: 354px;border: none;background-color: #fff;height: 34px;line-height: 34px;padding-left: 12px;color: #999;font-size: 14px;}
.search_box input[type=submit] {width: 36px;height: 34px;border: none;background-color: #00a2ff;cursor: pointer;width: 100px;border-radius: 0 14px 16px 0;float:  right;}
.search_box img{width:  16px;height:  16px;float:  left;margin: 10px 0 10px 18px;}
/*尾部样式*/
.main_footer {width: 100%;background-color: #363636;/* margin-top: 40px; */border-bottom: 40px solid #282828;overflow: hidden;padding-bottom: 20px;/* position: absolute; *//* bottom: 0; */}
.main_footer a { color: #fff; }
.footer_top,.footer_bottom{width: 760px;}
.footer_top li{float:left;color:#119eff;height:62px;line-height:62px;width: 152px;}
.footer_bottom>li{float:left;width: 152px;}
.footer_bottom>li ul li{margin-bottom:5px;}
.footer_right{margin-top:24px;}
.footer_right li{width: 168px;float:left;}
.footer_right li img{margin:0 auto;padding-bottom:18px;}
.footer_right li p{color:#fff;text-align:center}
/*右侧栏目*/
.righrbar { width: 24px; height: 100%; background-color: #000; position: fixed; right: 0; top: 0; z-index: 999; padding: 0 8px; }
.righrbar ul { height: 329px; top: 50%; margin-top: -164.5px; position: relative; }
.righrbar li { border-top: 2px solid #fff; padding: 12px 0; cursor: pointer; }
.righrbar li.zixun a { background-position: -319px -60px; display: block; padding-top: 33px; }
.righrbar li.gouwuche a { background-position: -251px -59px; display: block; padding-top: 34px; }
.righrbar li.phone .bg_all { background-position: -114px -60px; display: block; padding-top: 24px; }
.righrbar li.phone { padding-top: 20px !important; position: relative; }
.righrbar .phone_num { width: 130px; height: 30px; line-height: 30px; background-color: #fff; position: absolute; right: 32px; top: 18px; display: none; }
.righrbar li.phone:hover .phone_num,.righrbar li.weixin:hover .erweima { display: block; }
.righrbar li.weixin { border-top: none;position:relative; }
.righrbar .erweima {background-image: url(../images/book/xiaohei.jpg);background-repeat: no-repeat;width: 153px;position:absolute;height: 162px;right: 32px;top: -33px;display:  none;background-size:  cover;}
.righrbar li.weixin .bg_all { background-position: -386px -59px; display: block; padding-top: 24px; }
.righrbar li a { color: #fff; }
/*分页*/
.pagination { text-align: center; margin: 0px auto; padding-top: 80px; clear: both; height: 86px; padding-bottom: 60px; overflow: hidden; }
.pagination-wrap { display: inline-block; }
.pagination-wrap .pageList { overflow: hidden; float: left; }
.pagination .pageUp, .pagination .pageDown, .pagination div ul li { font-size: 12px; color: #666; float: left; margin-right: 20px; text-align: center;  border-radius: 5px; background-color: #fff; cursor: pointer; }
.pagination .pageUp, .pagination .pageDown, .pagination div ul li a { display:block; padding: 5px 10px;}
.pagination .pageUp.disabled, .pagination .pageDown.disabled { color: #b2b2b2; cursor: default; }
.pagination .pageDown { margin-right: 0; }
.pagination div ul li.on { color: #fff; background-color: #0091f4; }
.pagination div ul li.on a { color: #ffffff;}
/*会员中心侧边栏公共部分*/
.user-center-wrapper { margin-top: 30px; margin-bottom: 100px; overflow: hidden; }
.user-center-wrapper .left-menu { width: 210px; background-color: #fff; border: 1px solid #dfdfdf; }
.user-center-wrapper .left-menu .photo-thumb { position: relative; width: 166px; height: 166px; margin: 22px; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.user-center-wrapper .left-menu .photo-thumb .file { position: absolute; cursor: pointer; bottom: 0; z-index: 5; height: 30px; outline: none; border: none; opacity: 0; width: 166px; }
.user-center-wrapper .left-menu .photo-thumb .upload { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background-color: rgba(255,255,255,.6); text-align: center; cursor: pointer; }
.user-center-wrapper .menu-list h2 { width: 100%; height: 50px; background-color: #fafafa; font-size: 16px; line-height: 50px; text-align: center; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }
.user-center-wrapper .menu-list li { height: 40px; line-height: 40px; text-align: center; }
.user-center-wrapper .menu-list li a { color: #666; display:block;}
.user-center-wrapper .menu-list li.hover,.user-center-wrapper .menu-list li:hover {width:  208px;border-left: 2px solid #0091f4;background-color: #f1f3f7;}
.user-center-wrapper .menu-list li.hover a,.user-center-wrapper .menu-list li:hover a{color:#0091f4;}

.verification { width: 420px; height: 270px; background-color: #ffffff; box-shadow: 0px 0px 46px 0px rgba(80, 131, 207, 0.13); border-radius: 5px; position: fixed; top: 50%; left: 50%; margin-top: -135px; margin-left: -210px; z-index: 999;display:none; }
.verification h3 { text-align: center; font-size: 16px; margin-top: 47px; margin-bottom: 38px; }
.verification .verification_frame { width: 294px; height: 40px; margin: 0 auto; }
.verification .verification_frame input {width: 160px;border: none;background-color: #f2f2f5;float: left;outline: none;height: 40px;line-height: 40px;padding-left: 10px;}
.verification .verification_img { width: 119px; background-color: #f2f2f5; float: right; height: 40px; }
.verification input[type=submit] {width: 294px;height: 40px;background-image: linear-gradient(0deg, #00c3f5 0%, #5ec2dd 0%, #bcc1c5 0%, #5ea9dd 0%, #0091f4 0%, #00c9fd 100%), linear-gradient( #5480da, #5480da);background-blend-mode: normal, normal;border-radius: 4px;border: none;color: #fff;font-size:  16px;letter-spacing: 40px;padding-left: 40px;margin: 30px auto;display:  block;outline:none;cursor:pointer;}
.verification .close{width:18px;height:  18px;border: solid 1px #666;border-radius:  100%;display: inline-block;position: absolute;top: 10px;right: 10px;}
.verification .close:before{content:"x";text-align:  center;font-size: 14px;display: inherit;margin-top: -2px;}