/* -----------------------------------------------------------
【初始化】 20161018-1223
 -----------------------------------------------------------*/
body,ul,li,h1,h2,h3,h4,h5,h6,table,input,em,i,p,dd,dl,dt,img{margin:0;padding:0;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6,strong{font-size:13px;}
body{font-size:13px;font-family:"Microsoft YaHei","SimSun",Helvetica,"SimHei",Arial,Tahoma; color:#666;}
ul,li,a{list-style-type:none;text-decoration:none;color:#666;}
img{border:0;}
em{font-style:normal;}
a:hover{ text-decoration:none;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0}
.clearfix{*zoom:1;}
.free-btn{ display:inline-block; background: #5091E1; color: #fff; border-radius:3px; line-height: 28px; padding: 0 7px; float: right;}

/* -----------------------------------------------------------
【引导注册-新增条条】
 -----------------------------------------------------------*/
.top-t-bar{ width:100%;  background: #F76574;}
.top-t-wrap{ width:990px; margin:0 auto;height: 35px; line-height: 35px; text-align: center; color: #fff; position: relative;}
.top-t-wrap a.reg-alink{color: #fff; text-decoration:underline;}
.top-t-wrap a.reg-alink:hover{ text-decoration:none; color:#ffdce3;}
.top-t-wrap a.close-ax{ width: 20px; height: 20px; display:block; position:absolute; right:0; top: 5px; overflow: hidden;}

/* -----------------------------------------------------------
【user info】
 -----------------------------------------------------------*/
.user-img {height: 50px; width: 50px;}
.right-con .user-info .mine a{float:left;width:50%;text-align:center;font-weight:bold;background:#f9f9f9;padding:10px 0; display: inline-block; height: 40px; border:1px solid}
.right-con .user-info .mine em{position:relative;bottom:3px;}

.msgBoxDIV{ z-index:998; width: 980px; padding-top: 2px; height: 24px; top: 53px; text-align: center; margin: 20px 0; }
.msgBoxDIV .msg,.errmeg { margin:0 auto;white-space: nowrap;padding: 3px 24px 3px;color: #fff;height: 20px;line-height: 18px;border-radius: 3px;color: #FFFFFF;background:#f86961;
    -webkit-border-radius: 4px;    -moz-box-shadow: 0px 2px 5px #666;    -webkit-box-shadow: 0px 2px 5px #666;    box-shadow: 0px 2px 5px #666;}

.player_btn{ position:absolute; width:100%; height:470px; background: url(../Images/black_45.png) repeat; z-index:1; text-align:center;}
.player_btn a{ cursor:pointer; width:170px; text-align:left; font-size:18px; color:#222; line-height:71px; font-weight:bold; padding-left:80px; height:73px; margin-top:220px; display:inline-block; background:url(../Images/playerbtn.png) no-repeat; color:#333;}
.player_btn a:hover{ background-position:0 -73px;}

/* -----------------------------------------------------------
【公共头部】



 -----------------------------------------------------------*/
.c_system{ margin-top:20px;margin-bottom:20px;}
.max1200{ width:990px;}
.header_bar{ width:100%;box-shadow: 0px 1px 1px #d6d6d6; background:#fff;}
.header_bar_fixed {position:fixed; z-index: 10; top: 0px;}

.img280 {width:280px;height: 180px;}
.error {color: red; line-height: 26px;}
.header {max-width:1180px;height:75px;margin:0 auto; padding:0px 10px;position: relative;}
.header .logo{ float:left; margin-top:10px;}
.header .language_site{ float:left; margin:25px 0 0 40px; position:relative;}
.header .language_site .pt_flag{ width:22px; height:22px; display:block; background:url(../Images/country_logo.png) no-repeat;}
.header .language_site .on a{ display:inline-block; background:url(../Images/arrow_ico.png) no-repeat right -182px; padding:0 25px 0 0;}
.header .language_site .on a:hover{ color:#e81a41;}
.header .language_site a { display:inline-block; clear:both;-webkit-transition: 0.25s;transition: 0.25s;}
.header .language_site a span{ margin-right:5px; float:left; color:#333; display:inline-block; height:22px; padding-left:25px; background:url(../Images/country_logo.png) no-repeat;}
.header .language_site .list { position:absolute; top:35px; left:-15px; z-index:999; border:1px solid #ddd;width:130px; background:#fff; border-radius:3px;border:1px solid #ddd;box-shadow: 0px 4px 5px #000;}
.header .language_site .list li a{ border-bottom:1px solid #efefef; width: 110px; padding:10px;}
.header .language_site a .lineno{ border-bottom: none;}
.header .language_site .list a:hover{ background:#f5f5f5;}
.header .language_site a span.pflag{ background-position:0 0; margin-top: 0;}
.header .language_site a span.dflag{ background-position:0 -22px;}
.header .language_site a span.fflag{ background-position:0 -44px;}
.header .language_site a span.eflag{ background-position:0 -66px;}
.header .language_site a span.xflag{ background-position:0 -88px;}
.header .language_site a span.yflag{ background-position:0 -110px;}
.top_arrow{ position:absolute; top:-10px; left:47%; width:18px; height:10px; background:url(../Images/arrow_ico.png) no-repeat 0 -205px;}
.header .navbox{float:left;margin: 25px 0 0 10%; font-size:15px;}
.header .navbox li{ float:left; position:relative; }
.header .navbox li a{ float:left; display:block; margin:0 20px;-webkit-transition: 0.25s;transition: 0.25s;}
.header .navbox li a:hover{color:#dd1036;}
.header .navbox li.li_on a{ color:#dd1036; font-weight:bold;}
.header .navbox li a.lmore{background:url(../Images/arrow_ico.png) no-repeat right 7px; padding-right:20px;}
.header .navbox li a:hover.lmore{ background:url(../Images/arrow_ico.png) no-repeat right -11px; padding-right:20px;}
.header .subnav{ position:absolute; z-index:999; left:-15%; top:30px; width:150px; background:#fff; border-radius:3px;border:1px solid #ddd;box-shadow: 0px 4px 5px #000;}
.header .subnav li{ font-size:14px;}
.header .subnav li a{ color:#666 !important;display:block; border-bottom:1px solid #efefef; text-align:center; margin:0; display:block; width:150px; height:45px; line-height:45px;-webkit-transition: 0.25s;transition: 0.25s;}
.header .subnav li a:hover{ background:#f5f5f5; color:#dd1036 !important;}
.header .reg_login{ float: right;background:#ee4d4d; float:right; padding:6px 4px;}
.header .reg_login a{ color:#fff; padding:0 10px; color:#fff;}
.header .reg_login .register{ border-right:1px solid #ed7e92;}
.header .reg_login a:hover{ text-decoration:underline;}
.header .login-ok{position: absolute;right:0px;top:25px; z-index: 900}
.header .login-ok li:hover{background:#EEEEEE;}
.header .login-ok .name {width:182px;height:30px}
.header .login-ok .name .name-img {width: 30px; height: 30px;display:inline-block;vertical-align: middle}
.header .login-ok  .nav i {margin-left: 20px;}
.header .login-ok  .nav em {margin-left: 20px;}
.header .login-ok ul{border:1px solid #EEEEEE;}
.header .login-ok li{width:180px;padding:5px 0;background:#fff;border-top:1px solid #EEEEEE;cursor:pointer;}

/*
老版右方固定悬浮
*/
.contact_float{ position: fixed; width:205px; overflow:hidden; height:175px; right:0; top:450px; z-index: 999;}
.contact_float .c_f_box{ position:relative;}
.contact_float .cbiaoti{ width:45px; height:175px; background:url(../Images/contact_pic.png) no-repeat right -105px; position:absolute; right:0; z-index:99;}
.contact_float .cbiaoti h2{ display:none;}
.contact_float .tel:hover{right:40px;}
.contact_float .tel{ width:160px; height:45px; background:url(../Images/contact_pic.png) no-repeat -160px 0;webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s; cursor:pointer;display:block; position:absolute; right:-72px; z-index:1; top:30px;}
.contact_float .tel:hover{ background-position:-160px 0;}
.contact_float .tel b{ display:none;}
.contact_float .con_qq{ width:160px; height:45px;  position:absolute; right:-72px; z-index:1; top:90px;webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;}
.contact_float .con_qq a{ width:160px; height:45px; display:block;background:url(../Images/contact_pic.png) no-repeat -160px -52px;}
.contact_float .con_qq a:hover{ background-position:-160px -52px;}
.contact_float .con_qq b{ display:none;}
.contact_float .con_qq:hover{right:40px;}



/* -----------------------------------------------------------
【头部】
 -----------------------------------------------------------*/
.head_inner{ background:#fff;box-shadow: 0px 1px 1px #d6d6d6; min-width: 990px;}
.head_inner_fixed{ background:#fff;box-shadow: 0px 1px 1px #d6d6d6; position: fixed; top:0; width:100%; z-index: 99;}

.min900{ width:990px;}
.max1200{ width:1200px;}

@media screen and (max-width: 1220px){
     .max1200{ width:990px;}
}

.sub_n_bar{ background:#f4f4f4; height:35px;}
.subn_inner{ margin:0 auto;}
.sub-bd-r .tel404{ line-height:35px;}
.sub-bd-r .tel404 b{ color:#df556f;}
.error-description {line-height: 90px; font-size: 16px;}

.sub-bd-l .language_site{ float:left; padding: 8px 15px 0 15px; height:27px; position:relative; width:110px; font-size: 12px;}
.sub-bd-l .language_site:hover{ background:#fff;box-shadow: 0px 2px 3px #696969;}
.sub-bd-l .language_site .pt_flag{ width:22px; height:22px; display:block; background:url(../Images/country_logo_r.png) no-repeat;}
.sub-bd-l .language_site .on a{ display:inline-block; background: url(../Images/arrow_ico.png) no-repeat right 7px; padding:0 25px 0 0; line-height:20px; font-size: 12px;}
.sub-bd-l .language_site .on a:hover{ color:#e81a41;}
.sub-bd-l .language_site a { display:inline-block; clear:both;-webkit-transition: 0.25s;transition: 0.25s;}
.sub-bd-l .language_site a span{ margin-right:5px; float:left; color:#333; display:inline-block; height: 18px; padding-left:25px; background:url(../Images/country_logo_r.png) no-repeat;}
.sub-bd-l .language_site .list { display:none; position:absolute; top:35px; left:0px; z-index:999;width:140px; background:#fff;box-shadow: 0px 2px 3px #696969}
.sub-bd-l .language_site:hover .list {display: block;}
.sub-bd-l .language_site .list li a{ border-bottom:1px solid #efefef; width: 110px; padding:14px 15px;}
.sub-bd-l .language_site a .lineno{ border-bottom: none;}
.sub-bd-l .language_site .list a:hover{ background:#f5f5f5;}
.sub-bd-l .language_site a span.pflag{ background-position:0 0; margin-top: 0;}
.sub-bd-l .language_site a span.dflag{ background-position:0 -18px;}
.sub-bd-l .language_site a span.fflag{ background-position:0 -36px;}
.sub-bd-l .language_site a span.eflag{ background-position:0 -54px;}
.sub-bd-l .language_site a span.xflag{ background-position:0 -72px;}


.sub-bd-l .z_home{ float:left; margin-right:30px;}
.sub-bd-l .z_home a{ height:35px; line-height:35px; display:inline-block;}
.sub-bd-l .z_home a:hover{ color:#333;}
.sub-bd-l .z_home i{ width:16px; height:13px; display:inline-block; background:url(../Images/home_ico.png) no-repeat; margin-right:5px;}


.sub-bd-r{ float:right; height:35px; position: relative;}
.sub-bd-r li{ float: left;}
.sub-bd-r .menu-hd a{ height:35px; line-height:35px; display:inline-block; padding:0 10px; color:#666; text-decoration: none;}
.sub-bd-r .menu-hd a:hover{ text-decoration:underline;}
.sub-bd-r .site-nav-pipe{display: inline;float: left;height:35px;line-height:35px;padding: 0 5px;font-style: normal;color: #DDD;}

.sub-bd-r li.l_hover:hover .user_con{ display:block;}


/* --------登陆后-----------------*/
.user_unfold {position: relative; }
.user_unfold:hover .p_down_box {display: block;}
.login_later .photo {float:left; padding-right:10px; padding-top:6px; cursor:pointer;}
.login_later .photo span{display:block;width:22px;height:22px;margin-bottom:10px; float:left;}
.login_later .photo span img{ max-width:100%;}
.login_later .photo  em{ float:left; line-height:22px; margin-left:8px;}


/* ---展开更多---【用户中心】--【联系我们】------------*/
.sub-bd-r li.m_unfold{ position:relative;}
.sub-bd-r li.m_unfold:hover .m_u_com{ display:block;}
.sub-bd-r li.m_unfold:hover .menu-hd a{ background:#fff; color:#333; }
.sub-bd-r li.m_unfold:hover { background:#fff;box-shadow: 0px 0px 1px #999; color:#333; }
.sub-bd-r li.m_unfold:hover .photo em{  color:#333;}
.sub-bd-r li.m_unfold .m_ico{ width:12px; height:8px; display:inline-block; background:url(../Images/arrow_ico.png) no-repeat 0 0px; margin-left:5px; padding-right:5px; overflow: hidden;}

.sub-bd-r .m_u_com { position:absolute; top:35px;background:#fff; z-index:999;box-shadow: 0px 2px 5px #888; display:none;}
.sub-bd-r .p_right{ right:0;}
.sub-bd-r .p_left{left:0;}

.sub-bd-r li.m_unfold .icom{ width:15px; height:15px; display:inline-block; margin-right:5px;overflow: hidden; margin-top:10px;}
.sub-bd-r li.m_unfold .t_notice .ico{ float:left;background: url(../Images/topbar_ico.png) no-repeat 0 0;}
.sub-bd-r li.m_unfold .todolist .ico{ float:left;background: url(../Images/topbar_ico.png) no-repeat -30px 0;}

.user_set li.m_unfold .t_notice .ico{ background: url("../Images/notic_ico.png") no-repeat scroll 15px 17px rgba(0, 0, 0, 0);}
.user_set li.m_unfold .todolist .ico{ background: url("../Images/user_c_ico.png") no-repeat scroll 15px -378px rgba(0, 0, 0, 0);}

.m_unfold{ position:relative;}
.m_unfold:hover .m_u_com{ display:block;}
.m_unfold:hover .menu-hd a{ background:#fff; color:#333; }
.m_unfold:hover { background:#fff;box-shadow: 0px 0px 1px #999; color:#333; }
.m_unfold:hover .photo em{  color:#333;}
.m_unfold .m_ico{ width:12px; height:8px; display:inline-block; background:url(../Images/arrow_ico.png) no-repeat 0 0px; margin-left:5px; padding-right:5px; overflow: hidden;}

.m_u_com { position:absolute; top:48px;background:#fff; z-index:999;box-shadow: 0px 2px 5px #888; display:none;}
.p_right{ right:0;}
.p_left{left:0;}


.t_notice .skin{ float:left;}
.t_notice .nmb{ width:19px; height:19px; display:block;color:#fff; background:#f34965; float:left; border-radius:2px; margin-top:8px; margin-left:6px; line-height:18px; text-align:center;}

.ninfo_up{ width:430px; background:#f4f4f4;}
.ninfo_up h1{ line-height:40px; line-height:40px; padding:0 15px;color:#333;}
.ninfo_up h1 span{ font-weight:normal; color:#999;}
.ninfo_up li{ border-bottom:1px solid #ececec;}
.ninfo_up li a{ display:inline-block; background:#fff;width:400px;padding:10px 15px; font-size:12px; line-height:20px;}
.ninfo_up li a span{ width:26px; height:26px; display:inline-block; background: url(../Images/topbar_ico.png) no-repeat 0 -15px; float:left; margin-right:10px;}
.ninfo_up li a:hover{ background:#6caaf7; color:#fff;}
.ninfo_up li a:hover span{ background:url(../Images/topbar_ico.png) no-repeat -26px -15px;}
.ninfo_up .vall a{ text-align:center; color:#999; background:#f4f4f4; height:35px; width:100%; display:inline-block; line-height:35px;}
.ninfo_up .vall a:hover{ background:#ebebeb; color:#333;}

.todolist .skin{ float:left;}
.todolist .nmb{height:19px; padding:0 6px; display:block;color:#fff; background:#f34965; float:left; border-radius:2px; margin-top:8px; margin-left:6px; line-height:18px; text-align:center;}
.tl_up{ width:410px;background:#f4f4f4; }
.tl_up h1{ background:#f4f4f4; line-height:30px;height:30px; color:#333;padding:0 15px;}
.tl_up h1 span{ font-weight:normal; color:#999;}
.tl_up li{ margin-top:8px;}
.tl_up li{box-shadow: 0px 1px 1px #d6d6d6; width:410px; float:left; background:#fff;}
.tl_up li .iccom { float:left; padding:10px; background:#f7f7f7;}
.tl_up li .iccom span{ width:30px; height:30px; display:block; background:url(../Images/topbar_ico.png) no-repeat;}
.tl_up li .iccom span.ico1{ background-position:0 -45px;}
.tl_up li .iccom span.ico2{ background-position:-30px -45px;}
.tl_up li .iccom span.ico3{ background-position:-60px -45px;}
.tl_up li .infotext{ float:left; padding:6px 10px; width:340px;}
.tl_up li .infotext em{ font-size:12px; float:left; width:260px; line-height:18px;}
.tl_up li .infotext span{ float:right; border:1px solid #dedede; height:24px; line-height:24px; padding:0 8px; border-radius:3px; color:#999;}
.tl_up li:hover{ background:#f7f7f7;}
.tl_up li a:hover .infotext span{ border:1px solid #5197ee; color:#fff; background:#5197ee;}
.tl_up .vall a{ text-align:center; color:#999; background:#f4f4f4; height:35px; width:100%; display:inline-block; line-height:35px;}
.tl_up .vall a:hover{ background:#ebebeb; color:#333;}


.user_con{ left:0;}
.user_con li { border-bottom:1px solid #ddd;}
.user_con li a{width:100px;line-height:38px; line-height:38px;  padding-left:15px; display:inline-block;}
.user_con li a:hover{ background:#f5f5f5;}


/*-------------新增----------*/
.th_inner{ margin:0 auto; height:60px; position:relative;}
.ola_logo{ float:left; margin-top:22px;}
.ola_logo a{ float:left;}
.ola_logo img{ margin-left:5px;}

.myc_wrap{ float:right; position:absolute; right:0; top:20px;}
.m_body{position: relative; float:left; margin-left:3px;}
.m_body:hover .m_hd{ display:block;}
.m_body:hover .m_td{ display:block;background: #fff;z-index: 999;box-shadow: 0px 2px 5px #888; border-radius:3px;}
.m_hd{ position: absolute;top: 52px;background: #fff;z-index: 999;box-shadow: 0px 2px 5px #888;display: none;}
.p_l{ left:0;}
.p_r{ right:0;}
.mrbg{ display:block;background: #fff;z-index: 999;box-shadow: 0px 1px 3px #999; border-radius:3px;height: 54px;}
.m_td { float:left;}
.m_td  a{ line-height:22px; padding:5px 15px; display:block; float:left; height:44px;}
.m_td .icom{ width:22px; height:22px; display:inline-block; margin-right:5px;overflow: hidden; }
.m_td .t_notice .ico{ float:left;background: url(../Images/topbar_ico.png) no-repeat 0 0;}
.m_td .my_todolist{ height:45px; padding-top:10px;}
.m_td .my_notice { height:45px; padding-top:10px;}
.m_td .my_todolist .ico{ float:left;background: url(../Images/topbar_ico.png) no-repeat -0px -85px;}
.m_td .my_notice .ico{ float:left;background: url(../Images/topbar_ico.png) no-repeat -29px -85px;}
.m_td .my_todolist{ float: left;}
.m_td .my_notice{ float: left;}

.listcon{ width:410px;background:#f4f4f4; }
.listcon h5{ padding:10px;}
.listcon h1{ background:#f4f4f4; line-height:30px;height:30px; color:#333;padding:0 15px;}
.listcon h1 span{ font-weight:normal; color:#999;}
.listcon li{ margin-top:8px;}
.listcon li{box-shadow: 0px 1px 1px #d6d6d6; width:410px; float:left; background:#fff;}
.listcon li .iccom { float:left; padding:10px; background:#f7f7f7;}
.listcon li .iccom span{ width:30px; height:30px; display:block; background:url(../Images/topbar_ico.png) no-repeat;}
.listcon li .iccom span.ico1{ background-position:0 -45px;}
.listcon li .iccom span.ico2{ background-position:-30px -45px;}
.listcon li .iccom span.ico3{ background-position:-60px -45px;}
.listcon li .infotext{ float:left; padding:6px 10px; width:340px;}
.listcon li .infotext em{ font-size:12px; float:left; width:260px; line-height:18px;}
.listcon li .infotext span{ float:right; border:1px solid #dedede; height:24px; line-height:24px; padding:0 8px; border-radius:3px; color:#999;}
.listcon li:hover{ background:#f7f7f7;}
.listcon li a:hover .infotext span{ border:1px solid #5197ee; color:#fff; background:#5197ee;}
.listcon .vall a{ text-align:center; color:#999; background:#f4f4f4; height:35px; width:100%; display:inline-block; line-height:35px;}
.listcon .vall a:hover{ background:#ebebeb; color:#333;}

.viewlist{}
.viewlist li {border-bottom:1px solid #e7e7e7;clear:both;}
.viewlist li a{ line-height:20px; color:#888; font-size:12px; display:inline-block;  padding:7px 10px; width:220px;}
.viewlist li a:hover{ background:#f9f9f9; color:#666;}
.viewlist li h2{ font-weight:normal; color:#db4c5b; font-size:13px;}

.uphoto{ width:43px; height:43px; float:left; position:relative;}
.uphoto img{ max-width:100%;}
.uphoto i{width:43px; height:43px; display:block; background:url(../Images/topbar_ico.png) no-repeat -69px 0 #fb8a96;}
.uphoto .bg_circle{ width:43px; height:43px; display:block; background:url(../Images/photo_black.png) no-repeat; position:absolute; top:0; left:0; z-index:99;}

.utit{ float:left; margin-left:10px;}
.utit em{ color:#777; width:75px; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.utit span{ display:block; color:#333;}
.utit span i{ width:12px; height:6px; display:inline-block; background:url(../Images/topbar_ico.png) no-repeat -61px -88px;}

.log_before a{ display:block; text-align:center; line-height:55px;}
.log_before a:hover{ background:#f9f9f9;}
.log_later { background:#f9f9f9;text-align:center;}
.log_later a{ display:inline-block; vertical-align: top; line-height: 55px; padding: 0x 0; color:#999;}
.log_later a:hover{ color:#333;}
.log_later i{ width:20px; height:20px; display:inline-block; background:url(../Images/topbar_ico.png) no-repeat; margin-right:5px;float: left;margin-top: 17px;}
.log_later .tcdl { margin-left:20px;}
.log_later .tcdl i{ background-position:-28px -119px;}
.log_later .grxx i{ background-position:0 -119px;}


.nav_inner {margin:0 auto; height:35px;}
.nav_inner .navlist{ font-size:14px;}
.nav_inner .navlist li{ float:left; position:relative; }
.nav_inner .navlist li a{ float:left; display:block; margin:0 15px;-webkit-transition: 0.25s;transition: 0.25s; height:35px; line-height:35px;}
.nav_inner .navlist li a:hover{color:#dd1036;}
.nav_inner .navlist li.li_on a{ color:#dd1036; font-weight:bold;}
.nav_inner .navlist li a.lmore span{ width:12px; height:11px;background:url(../Images/arrow_ico.png) no-repeat 0 3px; display:inline-block; margin-top:4px;transition: 0.25s;
    padding-left: 10px;}
.nav_inner .navlist li .top_arrow{ position:absolute; top:-10px; left:47%; width:18px; height:10px; background:url(../Images/arrow_ico.png) no-repeat 0 -205px;}
.nav_inner .subnav{ display:none; position:absolute; z-index:999; left:-15%; top:35px; width:150px; background:#fff; border-radius:3px;border:1px solid #ddd;box-shadow: 0px 4px 5px #000;}
.nav_inner .subnav li{ font-size:14px;}
.nav_inner .subnav li a{ color:#666 !important;display:block; border-bottom:1px solid #efefef; text-align:center; margin:0; display:block; width:150px; height:45px; line-height:45px;-webkit-transition: 0.25s;transition: 0.25s;}
.nav_inner .subnav li a:hover{ background:#f5f5f5; color:#dd1036 !important;}
.nav_inner .navlist li .bwrap{ float:left; position:relative; height:35px; }
.nav_inner .navlist li .bwrap:hover .subnav{ display:block;}
.nav_inner .navlist li .bwrap:hover .lmore span{background:url(../Images/arrow_ico.png) no-repeat 0 -16px;}

/* -----------------------------------------------------------
【用户头像】
-----------------------------------------------------------*/
/*--弹出层公共样式--*/
.todo_item .p_down_box {display: none;}
.todo_item:hover .p_down_box {display: block;}
.notice_item .p_down_box {display: none;}
.notice_item:hover .p_down_box {display: block;}
.person_item .p_down_box {display: none;}
.person_item:hover .p_down_box {display:block;}
.p_down_box {display:none;z-index:100;position:absolute; top:30px;right:0;background:#fff;border: 1px solid #ccc;border-radius: 3px;-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);box-shadow: 0 3px 5px rgba(0,0,0,0.2);background-clip: padding-box;}
.p_down_box .arrow, .p_down_box .arrow2{ width:11px; height:6px; display:block; position:absolute; top:-6px; right:10px; background:url(../Images/menu_arrow.png) no-repeat;}
.p_down_box .arrow2{ background-position:0 -6px;}
.todo_item .p_down_box {right:20px;}
.notice_item .p_down_box { right:20px;}
.person_item .p_down_box { right:0px;}

.user_set .p_down_box .vall a {background: none repeat scroll 0 0 #f4f4f4;color: #999;display: inline-block;height: 35px;line-height: 35px;text-align: center;width: 100%;}
.user_set .p_down_box .vall a:hover { background: none repeat scroll 0 0 #ebebeb; color: #333;}

/*--个人信息和设置--*/
.person_item{ float:left; position:relative; margin:0 15px; width:auto;}
.person_item .photo{ margin:5px 0;width:32px;height: 32px;border-radius: 50%;border: 2px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff; cursor:pointer;overflow: hidden;}
.person_item .photo img{ width:100%; height:100%;}
.person_info { width:300px; padding:20px; line-height:24px; font-size:13px;}
.person_info .big_photo{ position:relative; float:left; margin:5px 20px 5px auto;width: 70px;height: 70px;overflow: hidden;border: 2px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff; cursor:pointer;}
.person_info .big_photo img{width:100%;}
.person_info .big_photo .editphoto { line-height:20px; font-size:12px; color:#fff; width:100%;  position: absolute; top:45px; background:#008af4;  text-align:center; height:80px; display:none;opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";*/}
.person_info .big_photo:hover .editphoto { display:block;}
.person_info .setuplink{ margin-top:10px;}
.person_info .setuplink a{ color:#008af4; margin-right:15px;}
.person_info .name{ font-weight:bold; color:#333;}
.personal_tcon{ float:left;width: 200px;}

.signout{ background:#f4f4f4; padding:8px 10px; text-align:right;}
.signout a{background:#fff; font-size:12px; padding:3px 10px; border-radius:3px; border:1px solid #cbcbcb;}

/*--消息通知--*/
.user_set{ float:right; }
.notice_item{ float:left;position:relative; }
.notice_item .notic_ico a{ display:block; width:60px; height:43px; padding-top:5px;background:url(../Picture/user_c_ico.png) no-repeat 15px 17px;}
.notice_item .notic_ico a:hover{background: url(../Images/notic_ico.png) no-repeat 15px -28px;}
.notice_item .notic_ico a span{ margin:0px 0 0 30px; font-size:12px; display:block; text-align:center; width:19px; height:19px; border-radius:100%; background:#f7493f; color:#fff;}

.notic_con{ background:#f4f4f4; padding:10px; font-size:12px;border-radius: 3px;}
.notic_con h2{ text-align:center; margin-bottom:15px;}
.notic_con li{ float:left; line-height:22px; width:450px; margin-bottom:3px; background:#fff; border:1px solid #eaeaea; padding:12px 10px;}
.notic_con a{background:#fff; font-size:12px; width:60px; display:inline-block; text-align:center; border-radius:3px; border:1px solid #cbcbcb; margin-left:5px;}
.notic_con a.redbtn{ border:1px solid #f7493f; color:#f7493f;}
.notic_con a.bluebtn{ border:1px solid #008af4; color:#008af4;}
.notic_con a.graybtn{ border:1px solid #cfcfcf; color:#666;}
.notic_con a:hover.redbtn{ border:1px solid #f7493f; color:#f7493f; background:#fff2f2;}
.notic_con a:hover.bluebtn{ border:1px solid #008af4; color:#008af4; background:#e7f5ff;}
.notic_con a:hover.graybtn{ border:1px solid #cfcfcf; color:#666; background:#f5f5f5;}
.notic_con .ico{ float:left; width:22px; height:22px; display:inline-block; background:url(../Images/user_c_ico.png) no-repeat;}
.notic_con .warn{ background-position:0 -210px;}
.notic_con .pinlun{ background-position:0 -247px;}
.notic_con .news{ background-position:0 -285px;}
.notic_con .text{ float:left; margin-left:10px; max-width:350px; }
.notic_con .blink{ float: right; border:none;}

/*--消息中心--*/
.todo_item{ float:left;position:relative; }
.todo_item .tico a{ display:block; width:60px; height:43px; padding-top:5px;background:url(../Images/user_c_ico.png) no-repeat 15px  -378px;}
.todo_item .tico a:hover{background:url(../Images/user_c_ico.png) no-repeat 15px  -419px;}
.todo_item .tico a span{ margin:0px 0 0 30px; font-size:12px; display:block; text-align:center; width:19px; height:19px; border-radius:100%; background:#f7493f; color:#fff;}

.n_t_center{ background:#fff;box-shadow: 0px 1px 1px #999; padding-bottom:40px;}
.n_t_center h1{ font-weight:normal; padding:20px 20px; border-bottom:2px solid #f4f4f4;}
.n_t_center h1 span{ border-left:4px solid #3fa9f5; padding-left:15px; font-size:18px; color:#333;}
.n_t_center .nlist{ padding:15px; font-size:13px;}
.n_t_center .nlist li { padding:15px 15px 15px 25px; border-bottom:1px solid #e6e6e6; float:left; width:910px;}
.n_t_center .nlist li:hover { background:#f7f7f7;}
.n_t_center .nlist li:hover a .ntext{ text-decoration:underline; color:#333;}
.n_t_center .nlist li a{ float:left;}
.n_t_center .nlist li a .ico{ width:17px; height:17px; background:url(../Images/notic_ico.png) no-repeat 0 -105px; display:inline-block; float:left; margin-right:10px;}
.n_t_center .nlist li a .ntext{ float:left; width:755px; line-height:20px;}
.n_t_center .nlist .t_date{ float:right; color:#999; font-size:12px;}
.n_t_center .nlist li.weidu { position:relative;}
.n_t_center .nlist li.weidu a{ color:#333; font-weight:bold;}
.n_t_center .nlist li.weidu .r_dot{ width:8px; height:8px; border-radius:8px; display:block; background:#f7493f; position:absolute; left:7px; top:20px;}
.n_t_center .nlist li.weidu  a .ico{ background:url(../Images/notic_ico.png) no-repeat 0 -138px; }


.regstep_box span.success{ width:18px; height:15px; display:inline-block; background:url(../Images/regico.png) no-repeat 0 -56px; line-height: 16px;}
.regstep_box span.success i{ display:none;}
.regstep_box span.fail{ display:inline-block;background:url(../Images/regico.png) no-repeat 0 -35px; padding-left:20px; font-size:12px; color:#ff412d;  line-height: 16px;}


/* -----------------------------------------------------------
【公共尾部】
 -----------------------------------------------------------*/
.footer{ margin-top:100px; padding-top:30px; background-color: #f4f4f4;}

.footer .footer-bg{ max-width:1180px; padding:0 10px; min-width:980px; margin:0 auto;}
.footer .footer-bg .client li{ float:left; margin-top:30px;padding:0 10px 0 3%; border-right:1px solid #DDD;}
.footer .footer-bg .client .comp{width:35%; }
.footer .footer-bg .client .safe{ padding:0 5%;width:30%; }

.footer .footer-tit {margin-bottom:20px;}
.footer .footer-tit h4{font-weight:normal; float:left; font-size:16px;}
.footer .footer-tit span{ float:left; color:#B1B1B1;margin:2px 0 0 20px;}
.footer .footer-tit img{ margin-top:120px;}
.footer .company_logo{ height:38px; background:url(../Images/company_logo.png) no-repeat;}
.footer .safe_logo{ height:38px; background:url(../Images/company_logo.png) no-repeat 0 -38px;}

.footer .ad{ text-align: center;}
.footer .ad h4{font-weight:normal; font-size:16px;}
.footer .ad .ad-con{margin:20px 0;}

.footer .contact{ height:150px; margin-top:30px;border-radius:5px;background:#E7E7E7;}
.footer .contact .contact-info{ float:left;}
.footer .contact .l-list{ width:63%;border-right:1px solid #fff;}
.footer .contact .l-list .explain-con{ position:relative;height:100px;}
.footer .contact .l-list .explain-con li{ float:left; margin-left:10%; margin-top:30px;}
.footer .contact .l-list .explain-con em{ font-size:40px; width:42px; height:42px; background:url(../Images/copyright_ico.png) no-repeat; display:inline-block;float: left;}

.footer .contact .l-list .explain-con em.ico_1{ background-position:0 0;}
.footer .contact .l-list .explain-con em.ico_2{ background-position:-48px 0;}
.footer .contact .l-list .explain-con em.ico_3{ background-position:-96px 0;}
.footer .contact .l-list .explain-con em.ico_4{ background-position:-145px 0;}

.footer .contact .l-list .explain-con em b{ display:none;}
.footer .contact .l-list .explain-con .con-div{display:inline-block; margin:5px 0 0 5px; float: left;}
.footer .contact .l-list .c-con{height:50px;border-top:1px solid #fff;}
.footer .contact .l-list .counflg-list{ position:relative; left:15px;}
.footer .contact .l-list .counflg-list li{ float:left;margin-left:15px; margin-top:15px;}
.footer .contact .l-list .counflg-list li a{ color:#333; display:inline-block; height:22px; padding-left:25px; background:url(../Images/country_logo.png) no-repeat;opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; }
.footer .contact .l-list .counflg-list li a:hover{opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";}
.footer .contact .l-list .counflg-list li a.pflag{ background-position:0 0;}
.footer .contact .l-list .counflg-list li a.dflag{ background-position:0 -22px;}
.footer .contact .l-list .counflg-list li a.fflag{ background-position:0 -44px;}
.footer .contact .l-list .counflg-list li a.eflag{ background-position:0 -66px;}
.footer .contact .l-list .counflg-list li a.xflag{ background-position:0 -88px;}
.footer .contact .l-list .counflg-list li a.yflag{ background-position:0 -110px;}
.footer .contact .l-list .flow-attention{ float:right; margin:15px 20px 0 0;}
.footer .contact .l-list .flow-attention li{ float:left; margin-left:20px;}
.footer .contact .l-list .flow-attention li span{ display:inline-block; float:left; width:22px; height:20px;background: url(../Images/copyright_ico.png) no-repeat; margin:0 5px;}
.footer .contact .l-list .flow-attention li span.sinawb{ background-position:0 -52px;}
.footer .contact .l-list .flow-attention li span.weixingz{ background-position:0 -75px;}
.footer .contact .l-list .flow-attention li a:hover{ color:#e81a41;}
.footer .contact .l-list .flow-attention li a:hover span.sinawb{ background-position:-29px -52px;}
.footer .contact .l-list .flow-attention li a:hover span.weixingz{ background-position:-29px -75px;}


.footer .contact .r-contact{ width:24%; text-align: center; float:right;}
.footer .contact .r-contact .contact-list li{ margin-top:15px;}
.footer .contact .r-contact .phone-icon{ display:inline-block; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; height:37px; background:url(../Images/copyright_ico.png) no-repeat -195px  0; padding-left:44px; font-size:28px;}
.footer .contact .r-contact .consult{display:inline-block; padding:2px 60px 5px 60px; font-weight:bold;font-size:16px; color:#fff;border-radius:5px;background:#e81a41;-webkit-transition: 0.25s;transition: 0.25s;}
.footer .contact .r-contact a:hover.consult{ background:#f6264d;}
.footer .contact .r-contact .qq-icon{display:inline-block;width:23px;height:25px;background: url(../Images/copyright_ico.png) -75px -55px no-repeat;}
.wx_qrcord{ width:100px;height:110px; text-align:center; float:left; padding:20px 25px; border-right:1px solid #fff;font-size: 12px;}

@media screen and (max-width: 1220px){
    .footer .contact .l-list .explain-con li{ float:left; margin-left:6%;}
    .footer .contact .l-list{ width: 62%;}
    .wx_qrcord{padding:20px 15px; }
    .footer .contact .l-list .counflg-list{ position:relative; left:0px;}
    .footer .contact .l-list .counflg-list li{margin-left:12px;}
    .footer .contact .l-list .flow-attention {float: right; margin: 15px 10px 0 0; }
}

.foot_cflg{position:relative; left:15px; top:11px;}
.foot_cflg li{ float:left;}
.foot_cflg li a { display:block;  float:left; line-height:22px; margin-right:15px; color:#999;}
.foot_cflg li a:hover { color:#444;}
.foot_cflg li a.lion span.pflag{ background-position:-22px 0;}
.foot_cflg li a.lion span.dflag{ background-position:-22px -22px;}
.foot_cflg li a.lion span.fflag{ background-position:-22px -44px;}
.foot_cflg li a.lion span.eflag{ background-position:-22px -66px;}
.foot_cflg li a.lion span.xflag{ background-position:-22px -88px;}
.foot_cflg li a.lion span.yflag{ background-position:-22px -110px;}
.foot_cflg li a span{ display:inline-block; height:22px; width:22px; float:left; margin-right:5px;  background:url(../Images/country_logo.png) no-repeat;}
.foot_cflg li a span.pflag{ background-position:0 0;}
.foot_cflg li a span.dflag{ background-position:0 -22px;}
.foot_cflg li a span.fflag{ background-position:0 -44px;}
.foot_cflg li a span.eflag{ background-position:0 -66px;}
.foot_cflg li a span.xflag{ background-position:0 -88px;}
.foot_cflg li a span.yflag{ background-position:0 -110px;}
.foot_cflg li a:hover span.pflag{ background-position:-22px 0;}
.foot_cflg li a:hover span.dflag{ background-position:-22px -22px;}
.foot_cflg li a:hover span.fflag{ background-position:-22px -44px;}
.foot_cflg li a:hover span.eflag{ background-position:-22px -66px;}
.foot_cflg li a:hover span.xflag{ background-position:-22px -88px;}
.foot_cflg li a:hover span.yflag{ background-position:-22px -110px;}
/* -----------------------------------------------------------
【版权】
 -----------------------------------------------------------*/
.copyright{font-size:12px; line-height:30px;text-align:center;}


/*尾部注册提示*/
.fix_bm_bar {position: fixed;width: 100%;left: 0; bottom:0;height:54px;background: rgba(0,0,0,.75);z-index:1000;}
.bd_inner { width:1045px; margin:0 auto; padding-top:9px; height:45px; padding-left:45px;}
.bd_inner .ltext{ color:#fff; font-size:16px; color:#ccc; float:left; padding-top:2px;}
.bd_inner .ltext span{ font-size:18px; color:#fff;}
.bd_inner .ltext em{ font-size:24px; color:#ffe25d;}
.bd_inner .lr_btn { padding-left:100px; background:url(../Images/g_rimg.png) no-repeat; float:left; margin-left:30px;}
.bd_inner .lr_btn a{ display:inline-block; height:32px; line-height:30px; border-radius:4px; padding:0 20px; font-size:16px; margin:0 5px;-webkit-transition: 0.25s;
    transition: 0.25s;}
.bd_inner .loginbtn{ border:1px solid #fff; color:#fff;}
.bd_inner .loginbtn:hover{ background:#333; border:1px solid #ddd; color:#ddd;}
.bd_inner .regbtn{background:#0cc49f; color:#fff; border:1px solid #0ab592;}
.bd_inner .regbtn:hover{ background:#0ab592;}
.close_bar{ width:30px; height:28px; background:url(../Images/close_fbar.png) no-repeat -31px 0; cursor:pointer; position:absolute; right:30px; top:15px; text-indent:-999px; overflow: hidden;}
.close_bar:hover{ background:url(../Images/close_fbar.png) no-repeat 0 0;}

.cmake_wrap{ padding:80px 0;background: #fff;
    box-shadow: 0px 1px 1px #a6a6a6;height: 100%;width: 100%;float: left;margin-top: 20px;position: relative;}

.lpic_wrap{ float:left; width:560px; height:370px; border:15px solid #fff;box-shadow: 0px 0px 3px #ddd; background:#ddd; margin-left:80px; position:relative;}
.lpic_wrap .t_text{ position:absolute; bottom:80px; left:0; background:#000; padding:10px 20px; width:360px; line-height:24px; background:url(../Images/black4.png) repeat;}
.lpic_wrap .t_text h2{ font-size:20px; color:#fff; margin-bottom:10px;}
.lpic_wrap .t_text p{ color:#fff;}

.rinfo_wrap{ float:left; margin:30px 0 0 80px; text-align:center; font-size:14px;}
.rinfo_wrap h2{ font-size:30px; font-weight:normal; color:#333;}
.rinfo_wrap .tx2{ font-size:18px; color:#333; margin:15px 0 25px 0;}
.rinfo_wrap .tx3{ color:#999;}
.rinfo_wrap .tx3 strong{ font-size:18px; color:#e81a41;}
.rinfo_wrap .tx4{ margin:50px 0 40px 0;}
.rinfo_wrap .tx4 a{ font-size:20px; height:45px; line-height:45px; display:inline-block; color:#fff; border-radius:4px;margin:0 5px; padding:0 50px 0 20px; background:url(../Images/prompts_pic.png) no-repeat 110px -170px #f04666;transition: 0.25s;}
.rinfo_wrap .tx4 a:hover{ background:url(../Images/prompts_pic.png) no-repeat 116px -170px #e7395a;}
.rinfo_wrap .tx5 a{ height:26px; line-height:26px; border-radius:3px; border:1px solid #ddd; display:inline-block; padding:0 10px 0 25px; margin:0 8px; background:url(../Images/prompts_pic.png) no-repeat 5px -146px;}
.rinfo_wrap .tx5 a:hover{ background:url(../Images/prompts_pic.png) no-repeat 5px -146px #f4f4f4;}


.pup_wrap{ float:left; border-radius:10px; overflow:hidden;box-shadow: 0px 2px 8px #333; background:#fff; }
.pupcon { border-top:3px solid #f35969; padding:60px 45px; line-height:26px; position:relative;}
.pupcon .tx01{}
.pupcon .tx01 span{ width:58px; height:58px; display:block; float:left; background:url(../Images/prompts_pic.png) no-repeat 0 -44px; margin-right:22px;}
.pupcon .tx01 h2{ font-size:16px; color:#333; font-weight:normal; margin-top:5px;}
.pupcon .tx02{ margin:20px 0 20px 80px; font-size:14px;}
.pupcon .c_consultant { text-align:center;}
.pupcon .c_consultant a{ width:161px; height:38px; display: inline-block; background: url(../Images/prompts_pic.png) no-repeat;}
#cboxClose{position:absolute; top:20px; right:10px; display:block; background: url(../Images/prompts_pic.png) no-repeat -71px -43px; width:36px; height:36px; text-indent:-9999px; border:none; cursor:pointer;}

.yuycon h2 { text-align:center; margin-bottom:20px;}
.yuycon h2 span{ display:inline-block; background:url(../Images/prompts_pic.png) no-repeat -122px -47px; height:38px; line-height:38px; padding-left:55px; font-size:24px; color:#333; font-weight:normal;}
.yuycon .text01{ font-size:16px; color:#333; margin-bottom:30px;}
.yuycon .text02{ font-size:14px; color:#666; margin-bottom:20px;}
.text03 { text-align:center;}
.text03 a{ text-align:center; height:35px; line-height:35px; border-radius:4px; display:inline-block; border:1px solid #e0e0e0; color:#333; padding:0 10px; margin:0 8px; font-size:14px; }
.text03 a.qqbtn{ border:1px solid #f35969; padding-left:30px; background:url(../Images/prompts_pic.png) no-repeat 5px -110px;}
.text03 a.qqbtn:hover{ background:url(../Images/prompts_pic.png) no-repeat 5px -110px #ffe5e9;}
.text03 a:hover{ background:#ffe5e9;}

.pupwcon { border-top:3px solid #f35969; padding:60px 45px; width:350px; line-height:26px; position:relative;}
.pupwcon .textc01{ font-size:16px; color:#333;}
.pupwcon .textc01 span{ width:58px; height:58px; display:block; float:left; background:url(../Images/pupwcon_pic.png) no-repeat 0 -41px; margin-right:22px;}
.pupwcon .textc01 h2{ font-size:16px; color:#333; font-weight:normal; margin-top:5px;}
.pupwcon .textc02{ margin-top:35px; text-align:center;}

.pupwcon .textc02 a{ text-align:center; height:35px; line-height:35px; border-radius:4px; display:inline-block; border:1px solid #e0e0e0; color:#333; padding:0 10px; margin:0 8px; font-size:14px;}
.pupwcon .textc02 a:hover{ border:1px solid #f35969;}
.pupwcon .textc02 a.qqbtn { border:1px solid #f35969;}

.pupwcon .c_consultant { text-align:center;}
.pupwcon .c_consultant a{ width:161px; height:38px; display: inline-block; background: url(../Images/pupwcon_pic.png) no-repeat;}
#cboxClose{position:absolute; top:20px; right:10px; display:block; background: url(../Images/pupwcon_pic.png) no-repeat -71px -43px; width:36px; height:36px; text-indent:-9999px; border:none; cursor:pointer;}

/*面包屑*/
.Breadnav{ margin-bottom:15px;}
.Breadnav span{ margin:0 10px;}
.Breadnav a:hover{ text-decoration:underline;}

/* -----------------------------------------------------------
【bootstrap related】
 -----------------------------------------------------------*/
.hide { display: none !important; }

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.collapse.in {
    height: auto;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.media,
.media-body {
    overflow: hidden;
    *overflow: visible;
    zoom: 1;
}

.media,
.media .media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 5px;
}

.media > .pull-left {
    margin-right: 10px;
}

.media > .pull-right {
    margin-left: 10px;
}

.media-list {
    margin-left: 0;
    list-style: none;
}

ul.inline,
ol.inline {
    margin-left: 0;
    list-style: none;
}

ul.inline > li,
ol.inline > li {
    display: inline-block;
    *display: inline;
    padding-right: 5px;
    padding-left: 5px;
    *zoom: 1;
}

.img-circle{
    border-radius: 50%;
}

.btn {padding:4px 6px;border:1px solid #C3C3C3;
    border-radius: 5px; display: inline-block;padding: 3px 15px; text-align: center;}
.btn-primary {background: none repeat scroll 0 0 #4587E7; border: 1px solid #518BCB; color: #FFFFFF;border-radius: 5px;
    display: inline-block; padding: 3px 15px; text-align: center;}

.message a {text-decoration: underline; color: #1C9CF3;}


.label,
.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.label:empty,
.badge:empty {
    display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important,
.badge-important {
    color: #ffffff !important;
    background-color: #b94a48;
}


.label-info,
.badge-info {
    color: #ffffff !important;
    background-color: #1C9CF3;
}

/*   course page nav 2    */
.c-banner { height:45px;min-width:1024px;color:#666; background:#FF6666;}
.c-banner .tit-list{ line-height: 45px;}
.c-banner .c-tit{ width:980px;margin:0 auto;}
.c-banner .c-tit .tit-list li{ position:relative; float:left; margin-right:40px;}
.c-banner .c-tit .tit-list li a{ color:#FFFFFF;}
.c-banner .c-tit .current i{ display:block; position:absolute; bottom:-4px; left:50%;width:10px;height:10px;background:url(../Images/ts.png) no-repeat;}
.c-ad {min-height: 300px; background-color: #F1F1F1}
.c-ad .ad-list img{ width:100%; min-width: 1024px; min-height: 320px; vertical-align: middle;}
.c-banner .c-tit .banner-tit{ position:absolute; top:120px;width:980px;margin:10px auto 0;}
.banner-tit .list-con{ height:300px;float:left;width:640px;background-image: url("../Images/bgc.png");border-radius: 10px;}
.banner-tit .list-con table{ width:550px; color:#fff;}
.banner-tit .list-con th{ width:80px; vertical-align: top;}
.banner-tit .list-con th h2{ font-size:18px;}
.banner-tit .list-con .tab-content #course-page-1 .tit {font-size: 24px;color: #FFFFFF; font-weight: bold; margin: 10px 0 20px 20px}
.banner-tit .list-con .tab-content #course-page-1 .con {margin: 0 0 20px 20px}
.banner-tit .list-con .tab-content #course-page-1 p {font-size: 18px; color: #FFFFFF}
.banner-tit .list-con .tab-content #course-page-1 ul li {list-style-type:disc; display: list-item; margin: 5px 0 5px 30px;font-size: 16px;color: #FFFFFF}

.banner-tit .tit-con .course-paging {position: absolute; left:-180px; top: 0px;display: inline-block; width: 200px}
/*.banner-tit .tit-con .course-paging ul {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;position:absolute; left:-10px; top:0px;}*/
/*.banner-tit .tit-con .course-paging ul li {display: inline;}*/
.banner-tit .tit-con .course-paging ul li a {color: #ffffff; background-color: #000000; border: 2px solid #f5f5f5; border-radius: 6px; }
.banner-tit .tit-con .course-paging ul li.active a {color: #000000; background-color: #ffffff; border: 2px solid #f5f5f5; border-radius: 6px; }
.course-paging ul {margin:0; padding:0; list-style-type:none;}
.course-paging li {display: inline;}

.banner-tit .tit-con{ float:right; width:300px;padding: 0 10px;background:#fff; position: relative; height: 300px}
.banner-tit .tit-con h3{ margin:15px 0;}
.banner-tit .tit-con li{ margin-top:5px;}
.banner-tit .tit-con .num{ display:inline-block;margin-right:5px;font-style:normal;text-align:center;width:20px;height:20px;border-radius:100%;line-height:20px;color:#fff;font-weight: bold;background:#4286F1;}
.banner-tit .tit-con .paging-container {float: right; position: absolute; right: 10px; bottom: 0px;}
.banner-tit .tit-con .paging-container .paging {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.banner-tit .tit-con .paging-container .paging > li {display: inline; }
.banner-tit .tit-con .paging-container .paging .indicator {display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #DCDCDC;border-radius: 10px;}
.banner-tit .tit-con .paging-container .paging  .active .indicator {background-color: #A7A7A7;}
.banner-tit .tit-con .course-paging {margin:20px 0 20px 20px}
.banner-tit .tit-con .lesson-list {margin:20px 0 0 20px}

/* 新注册框*/
.cregist{ position:absolute;display:block;width:405px; z-index:9999;background:#fff; margin:0px;}
.cregist .cregist-tit{padding:12px; background:#e8425a; color:#fff; text-align:center;}
.cregist h3 {font-size:18px; font-weight:normal; line-height:30px;}
.cregist h3 p{ font-size:14px;}
.cregist .close{ float:right;position:relative;top:10px;}
.cregist .reg-con { padding:10px 25px 35px 25px;}
.cregist .reg-con .w-in{ margin:25px 0;}
.cregist .reg-con .w-in .hint a { font-size: 12px; color:#999; text-decoration: underline; cursor: pointer;}
.cregist .reg-con .log-inp{font-size: 16px; width:100%; height:40px; line-height:40px; margin-top:5px; border:1px solid #D8D8D8;border-radius:5px;}
.cregist .reg-con .sel{ position:relative;bottom:10px; margin-bottom:10px;}
.cregist .reg-con .submit .lo-icon{ display:inline-block;padding:10px 60px; font-size:20px; color:#fff;text-align: center; border:1px solid #D1665E; background:#FF5442;}
.cregist .reg-con .submit .re-icon{ display:inline-block;padding:5px 35px; font-size:20px; color:#fff;text-align: center; background:#f83551; border-radius:4px; border:none; cursor:pointer;-webkit-transition: 0.25s;transition: 0.25s;margin:20px;}
.cregist .reg-con .submit .re-icon:hover{ background:#ec2743;}
.cregist .reg-con .submit span{ margin-left:50px;}
.cregist .reg-con .agaree-a{color:#808080;text-decoration:underline;margin:0 3px;}
.cregist .login{ text-align:center; padding:10px 0; border-top:2px solid #e3e3e3; background:#f7f7f7;}
.cregist .login a{color:#74A5C3; border:1px solid #f93c5f; display:inline-block; padding:3px 10px; border-radius:3px; color:#f93c5f;}
.cregist .login a:hover{ background:#f7e9eb;}

/*老注册框*/
.login-regin{ position:absolute;display:block;width:405px; z-index:9999;background:#F7F7F7;}
.login-regin .login-regin-tit{ border-bottom:2px solid #E4E4E4; padding:25px; background:#fff;}
.login-regin h3 {float:left; font-size:25px; font-weight:normal;color:#333;}
.login-regin h3 span{ font-size:14px; color:#A1A1A1;}
.login-regin .close{ float:right;position:relative;top:10px;}
.login-regin .login-regin-con { padding:0 25px 45px 25px;}
.login-regin .login-regin-con .w-in{ margin:25px 0;}
.login-regin .login-regin-con .log-inp{ width:100%; height:40px; line-height:40px; margin-top:5px; border:1px solid #D8D8D8;border-radius:5px;}
.login-regin .login-regin-con .sel{ position:relative;bottom:10px;}
.login-regin .login-regin-con .submit .lo-icon{ display:inline-block;padding:10px 60px; font-size:20px; color:#fff;text-align: center; border:1px solid #D1665E; background:#FF5442;}
.login-regin .login-regin-con .submit .re-icon{ display:inline-block;padding:10px 60px; font-size:20px; color:#fff;text-align: center; background:#1C9CF3;border:1px solid #408FC8;}
.login-regin .login-regin-con .submit span{ margin-left:50px;}
.login-regin .login-regin-con .agaree-a{color:#808080;text-decoration:underline;margin:0 3px;}

.ready{ position:absolute; display:block;width:530px;  z-index:9999;background:#fff; height:255px;}
.ready .ready-tit{ position:relative; top:5px; text-align:center; }
.ready .close{ position:absolute; top:15px;}
.ready .wce{ background:#1C9CF3; text-align: center;height:160px;}
.ready .wce p{ color:#fff;font-size:18px; text-align: center;}
.ready .wce .text-button {display:inline-block;border:1px solid #ffffff;padding:4px;font-size: 1em;margin:15px 30px 0px 30px}
.ready .wce a {color:#ffffff}
.ready .wce .message {color:white; font-size:18px;margin-top:20px}

.min_header{width:990px}
.min_header .navbox {float: left;margin: 25px 0 0 1%;}
.min_header .navbox li a {margin: 0 15px;}
.min_header .subnav li a{ margin:0;}

/* -----------------------------------------------------------
 User Profile 弹窗
 -----------------------------------------------------------*/
.user_pop { background:url(../Images/photobg.jpg) no-repeat 0 -15px; width:225px; padding-top:35px; text-align:center; border-radius:6px; overflow:hidden;}
.user_pop .ppic span{ width:65px; height:65px; overflow:hidden;border-radius: 50%; display:inline-block;}
.user_pop .ppic span img{ width:100%;}
.user_pop .uname {margin:10px 0 15px 0;}
.user_pop .uname a{ font-size:18px;color:#333; font-weight:bold;-webkit-transition: 0.25s;transition: 0.25s;}
.user_pop .uname a:hover{ color:#e81a41; text-decoration:underline;}
.user_pop .sf em{ color:#e81a41; font-weight:bold;}
.user_pop .sf span{ border:1px solid #ddd; display:inline-block; height:28px; line-height:28px; padding:0 10px; border-radius:3px;}
.user_pop .ks { text-align:center; margin:15px 0;}
.user_pop .cz{ height:40px; background:#f6f6f6; text-align:center; line-height:40px; margin-top:20px;}
.user_pop .cz a{ color:#444;}
.user_pop .cz a:hover{ text-decoration:underline;}


/*-------
bootstrap icon
---------*/


[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../Images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../Images/glyphicons-halflings-white.png");
}

.icon-ok { background-position: -288px 0;}
.icon-remove { background-position: -312px 0;}
.icon-envelope {background-position: -72px 0;}
.player {display:block;height:30px;}

/* 上传文件 */
.upfiles { margin:10px 5px;}
.upfiles li{ width:100%; float:left; margin: 10px 0 10px 0;}
.upfiles img{ float:left; margin-right:5px;}
.upfiles .xztext{ max-width:90%; line-height: 24px; float:left; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.upfiles .wenjian{ max-width:90%;float:left;}
.upfiles .loaderbox{ float:left; margin-left:20px;}
.mybook{ padding-left:25px;}
.upfiles .delete{ margin: 6px 0 0 10px; width:14px; height:14px; display:inline-block; background:url(../Images/closeic.png) no-repeat;}
.loaderbox .delete{ margin: 6px 0 0 10px; width:14px; height:14px; display:inline-block; background:url(../Images/closeic.png) no-repeat;}
.file-icon{ float:left;}
.xztext{ margin-left:10px;line-height: 24px;}


/*导航*/
.top_wrap{}
.top_wrap{ width:100%; min-width:990px; height:92px;background:#fff; border-bottom:3px solid #f87015;}
.top_main{margin:0 auto; position:relative}
.child_logo{ position:absolute; left:0; top:0; padding:4px 0;}
.topnav { float:right; margin-left:300px;}
.topnav li{ float: left;}
.topnav li a{ display:inline-block; color:#333; font-size:16px; line-height:40px; margin:0 50px;}
.topnav li a:hover{ color:#f27421;}

.top_menu { float:right; margin-top:8px; height:30px;}
.top_menu .call{ float:left;}
.top_menu .call span{ background:url(../Images/top_mico.png) no-repeat; padding-left:32px; height:28px; display:inline-block;}
.top_menu .call strong{ font-size:16px; color:#ff6600;}
.top_menu .rl_befor{ float:left; color:#ddd; margin-left:20px;}
.top_menu .rl_befor a{ margin:0 6px; line-height:22px;}
.top_menu .rl_befor a:hover{ color:#333;}
.top_menu .rl_last{ float:left; color:#ddd; margin-left:20px;}
.top_menu .rl_last .uinfo { float:left;}
.top_menu .rl_last .uinfo span{display:block;width:22px;height:22px;float:left;}
.top_menu .rl_last .uinfo span img{ max-width:100%;}
.top_menu .rl_last .uinfo em{ float:left; font-size:16px; color:#333;margin-left:8px;}
.top_menu .rl_last a.l_out{ margin-left:20px; font-size:14px; color:#999;}
.top_menu .rl_last a:hover.l_out{ text-decoration:underline; color:#666;}


.top_nav{ float:right; margin-top:10px;}
.top_nav li{ float:left;}
.top_nav li a{ display:inline-block; border-radius:5px; border:2px solid #fff; height:26px; line-height:26px; padding:0 16px; font-size:15px; color:#555; margin:0 7px; vertical-align:top;}
.top_nav li a:hover{ color: #ff6600;}
.top_nav li.li_on a{ border:2px solid #ff6600;}
.top_nav .hotico{ width:28px; height:25px; display:inline-block; background: url(../Images/top_mico.png)  no-repeat 0 -45px; margin-left:6px;}
.top_nav li a em {float: left;line-height: 28px;}

.fanhui{ position:absolute; bottom:-50px; left:20px;}
.fanhui a{ display:inline-block; padding-left:20px; background:url(../Images/404ico.png) no-repeat 0 -93px;}
.fanhui a:hover{ text-decoration:underline;}


#cboxClose{position:absolute; top:20px; right:10px; display:block; background: url(../Images/prompts_pic.png) no-repeat -71px -43px; width:36px; height:36px; text-indent:-9999px; border:none; cursor:pointer;}

.pup_cwrap{ float:left; border-radius:10px; overflow:hidden;box-shadow: 0px 2px 8px #333; background:#fff; }
.pupmain { border-top:3px solid #f35969; padding:40px 35px; width:380px; line-height:26px; position:relative;}
.pupmain .tx01 span{ width:58px; height:58px; display:block; float:left; background:url(../Images/prompts_pic.png) no-repeat 0 -44px; margin-right:22px;}
.pupmain .tx01 h2{ font-size:16px; color:#333; font-weight:normal; margin-top:5px;}
.pupmain .tx02{ margin:20px 0 20px 80px; font-size:14px;}
.pupmain .c_consultant { text-align:center;}
.pupmain .c_consultant a{ width:161px; height:38px; display: inline-block; background: url(../Images/prompts_pic.png) no-repeat;}
.pupmain .h2title h2{ color:#333; font-size:18px; border-left:3px solid #e64d6a; padding-left:10px;}
.pupmain .h2title p{ font-size:14px; color:#dc3c5b;}
.pupmain .csinfo{ background:#f5f5f5; padding:12px; margin:10px 0 10px 0; line-height:22px;}
.pupmain .csinfo li{ margin-bottom:7px; float:left;}
.pupmain .csinfo .l1{ float:left; width:70px;}
.pupmain .csinfo .l2{ float:left; font-size:14px; color:#333;}
.pupmain .csinfo .l2 strong{ color:#dc3c5b;}
.pupmain .csinfo .puyu{ color:#999;}
.pupmain .csinfo .online{ display:inline-block; background:url(../Images/computeico.png) no-repeat 5px; padding-left:25px;}

.form-mwarp { margin:0px auto 20px auto;}
.form-mwarp .reg_cn { overflow:hidden; margin-top:20px;}
.form-mwarp .reg_cn h2{ color:#333; font-size:14px;}
.form-mwarp .reg_cn label{margin-top:15px; width:100%;float: left;}
.form-mwarp .reg_cn label em{ float:left; width:80px; color:#333; font-size:16px;}
.form-mwarp .reg_cn label input{ float:left; padding-left:5px; border:1px solid #e2e2e2; height:32px; line-height:32px; color:#666; border-radius:4px; width:280px;}
.form-mwarp .reg_cn .r_subbtn{ display:block;border-radius:4px; background:#e64d6a; color:#fff; font-size:18px; text-align:center; height:40px; line-height:40px; border:none; cursor:pointer; width:280px; margin-left:80px;}
.form-mwarp .reg_cn .r_subbtn:hover{ background:#dc3c5b;}
.form-mwarp .login_cn{ text-align:center; width:170px; text-align:center; padding-top:50px;}
.form-mwarp .login_cn a{ display:inline-block; border:1px solid #d6d6d6; border-radius:4px; line-height:30px; line-height:30px; padding:0 20px; margin-top:15px;}
.form-mwarp .login_cn a:hover{ background:#f5f5f5;}

.infor-mcon { margin:0 30px;}
.infor-mcon h2 { text-align:center; margin-bottom:20px;}
.infor-mcon h2 span{ display:inline-block; background:url(../Images/prompts_pic.png) no-repeat -122px -47px; height:38px; line-height:38px; padding-left:55px; font-size:24px; color:#333; font-weight:normal;}
.infor-mcon .text01{ font-size:16px; color:#333; margin-bottom:20px;}
.infor-mcon .text02 strong{ font-size:16px;}
.text02{ font-size:14px; color:#555; margin-bottom:20px;}
.text02 a{ text-decoration:underline; color:#e64d6a;}
.text03 { text-align:center;}
.text03 a{ text-align:center; height:35px; line-height:35px; border-radius:4px; display:inline-block; border:1px solid #e0e0e0; color:#333; padding:0 10px; margin:0 8px; font-size:14px; }
.text03 a.qqbtn{ border:1px solid #f35969; padding-left:30px; background:url(../Images/prompts_pic.png) no-repeat 5px -110px;}
.text03 a.qqbtn:hover{ background:url(../Images/prompts_pic.png) no-repeat 5px -110px #ffe5e9;}
.text03 a:hover{ background:#ffe5e9;}

.in-item { margin-top:30px;}
.in-item li{ width:100%; clear:both; line-height:35px; margin-bottom:15px; overflow:hidden;}
.in-item .incn {float:left;border-radius:3px;}
.in-item .incn .biaoti{ float:left; font-size:16px; color:#333; width:60px; line-height:33px;}
.in-item .incn .book-inp{ font-size:13px;line-height:33px; color:#444; font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; padding-left:5px; float:left; border:none; background:none; float:left; border:1px solid #ccc; }
.in-item .btncom{border-radius:5px; display:inline-block;color:#fff; cursor:pointer; font-family:"微软雅黑"; border:none;-webkit-transition: 0.25s;transition: 0.25s  }

.jh-btn{width:180px; float:left;  height:42px; line-height:42px; background:#F5617B; cursor:pointer; color:#fff; font-size:16px; border-radius:3px;font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; margin-left:60px; border:none;}
.jh-btn:hover{ background:#ed5772;}
.jh-btn[disabled]{color:#999; background:#ddd;pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}

.in-item .send{height:34px; border:none;background:#F5617B;  padding:0 8px; margin-left:5px;}
.in-item .send:hover,.send_big:hover{ background:#f14b68;}
.in-item .send_big{ font-size:16px;padding:0 25px; height:38px; line-height:38px;background:#F5617B; }
.in-item .ts_text{ margin-left:5px; font-size:12px; color:#999; margin-bottom:15px; margin-top:15px;}
.in-item .width_max { width:210px;}
.in-item .width_min { width:100px;}
.in-item .countdown{border-radius:5px; display:inline-block;color:#fff; cursor:pointer; font-family:"微软雅黑"; border:none;height:34px; border:none;background:#F5617B; margin-left:5px; padding:0 2px;background:#eee; color:#999;}


.out {
	width: 800px;
	height: 450px;
	background: #34AFFF;
	position: fixed;
	left: 50%;
	margin-left: -400px;
	top: 50%;
	margin-top: -225px;
	opacity:0;
	z-index:-1;
}
.out.on{ opacity:1; z-index:10000000;}
.out .close {
	width: 30px;
	height: 30px;
	background: #f06000;
	color: #fff;
	text-align: center;
	line-height: 30px;
	position: absolute;
	font-size:24px;
	top: 0;
	right: -30px;
	cursor: pointer
}
.block {
	height: 2000px;
}

.bg{ width:100%; opacity:0; height:100%; background:rgba(0,0,0,0.5);  position:fixed; top:0; left:0;  z-index:-1}
.bg.on{ opacity:1; z-index:9999999}