.w_100{width: 100%;}
.w1170{min-width: 1170px;}
.bg-white{background-color: white;}
.disinbl{display: inline-block;}
.indexicon{background-image: url(../images/index/icon.png);}
.container{padding-right:0 ;padding-left: 0;}
.mar5{margin-top: 5px;}
.mar10{margin-top: 10px;}
.mar20{margin-top: 20px;}
.mar30{margin-top: 30px;}
.mar-25{margin-top: -25px;}
.marright5{margin-right: 5px;}
.marright10{margin-right: 10px;}
.marright15{margin-right: 15px;}
.marright20{margin-right: 20px;}
.marright30{margin-right: 30px;}
.marleft35{margin-left: 35px;}
.marleft5{margin-left: 5px;}
.marleft30{margin-left: 30px;}
.marleft200{margin-left: 200px;}
.marleft425{margin-left: 425px;}
.marbottom10{margin-bottom: 10px;}
.marbottom20{margin-bottom: 20px;}
.marbottom50{margin-bottom: 50px;}
.minh-500{min-height: 500px;}
.padding70 {padding-top: 70px}
/*头部导航条*/
.header{height: 120px;background-color: white;}
.header .header-title{font-size: 26px;border-left: 1px solid #E1E0E4;position: relative;top: 5px;left: 15px;padding-left: 15px;color: #0f3760;font-weight: 700;}
.header .search{display: none;}
.header .sub{width: 25px;height: 25px;background-position: -149px -31px;border: none;background-color: white;}
.header .sub:hover{background-position: -149px -64px;}
.header .res{width: 25px;height: 25px;background-position: -230px -5px;border: none;background-color: white; vertical-align: middle;margin-right: 3px;}
.header .res:hover{background-position: -182px -5px;}
.header input.text{border: none;width: 220px;outline:none;}
.header .search .searchform{border: 1px solid #E1E0E4; padding: 5px 15px;border-radius: 10px;position: relative;margin-top: -5px;}
.header .search .searchform .sub{border-left: 1px solid #E1E0E4; padding: 5px 15px;position: absolute; top: 0px;right: 7px;height: 29px;background-position: 158px -29px;width: 30px;outline: none;cursor: pointer;}
.header .btn{border: 1px solid #E1E0E4;padding: 4px 16px;}
.header .btn:hover{box-shadow: 2px 1px 6px #efeded;}
.header .indexicon1{width: 30px;height: 30px;display: inline-block;vertical-align:middle;margin-left: 10px;}
.header .indexiconwx{background-position: -185px -60px;}
.header .indexiconwx:hover{background-position: -185px -29px;}
.header .indexiconwb{background-position: -224px -60px;}
.header .indexiconwb:hover{background-position: -224px -29px;}
.header .indexiconsj{background-position: -263px -60px;}
.header .indexiconsj:hover{background-position: -263px -29px;}
/*侧边css*/

.onbtn{margin:28vh -308px 0 0;width:52px;height:170px;overflow:hidden;background:url(../images/index/img1-1_1.png) no-repeat;float:left;display:inline;}
#sidekf{width:308px;height: 100%;position:fixed; _position:absolute; left:-308px;top:0px;_top:expression(documentElement.scrollTop+0);
z-index:20;background-color: #0F3760;-webkit-transition: all .5s;}
.onlinebox{width:308px;float:left;background-color: #0f3760;height: 100%;}
.onlinebox-t{width: 266px;height: 500px;margin: 90px 16px;}
.online-indexicon1{width: 43px;height: 35px;background-position: -116px -289px;position: absolute;top: 36px;left: 42px;}
.online-indexicon2{width: 38px;height: 40px;background-position: -184px -286px;position: absolute;top: 36px;left: 45px;}
.online-indexicon3{width: 40px;height: 40px;background-position: -186px -338px;position: absolute;top: 36px;left: 48px;}
.online-indexicon4{width: 45px;height: 45px;background-position: -184px -390px;position: absolute;top: 30px;left: 42px;}
.online-indexicon5{width: 41px;height: 48px;background-position: -182px -442px;position: absolute;top: 25px;left: 42px;}
.online-indexicon6{width: 33px;height: 36px;background-position: -121px -342px;position: absolute;top: 36px;left: 48px;}
.online-indexicon7{width: 49px;height: 38px;background-position: -114px -397px;position: absolute;top: 36px;left: 42px;}
.online-indexicon8{width: 42px;height: 42px;background-position: -121px -450px;position: absolute;top: 36px;left: 42px;}
.online-indexicon9{width: 36px;height: 38px;background-position: -238px -452px;position: absolute;top: 15px;left: 70px;}
.online-box{width: 266px;height: 130px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.online-01{width: 129px;height: 129px;}
.online-02{width: 266px;height: 70px;}
.coloer1{background-color: #66b7fa;}
.coloer2{background-color: #fed86a;}
.coloer3{background-color: #fc8a6f;}
.coloer4{background-color: #caa9f7;}
.coloer5{background-color: #afda77;}
.coloer6{background-color: #467dc8;}
.coloer7{background-color: #60daba;}
.coloer8{background-color: #69e2f3;}
.coloer9{background-color: #175997;}
.coloer1 .online-span{color: #3C76BB;}
.coloer2 .online-span{color: #BD902C;}
.coloer3 .online-span{color: #BA4C3A;}
.coloer4 .online-span{color: #8869CB;}
.coloer5 .online-span{color: #71A144;}
.coloer6 .online-span{color: #143785;}
.coloer7 .online-span{color: #3B987F;}
.coloer8 .online-span{color: #3599B1;}
.coloer9 .online-span{color: #63ABEE;}
.online-span{top: 80px;position: relative;}
.online-span1{top: 22px;position: relative;left: 20px;}

.coloer1:hover .online-indexicon1{background-position: -18px -14px;}
.coloer2:hover .online-indexicon2{background-position: -89px -15px;}
.coloer3:hover .online-indexicon3{background-position: -15px -73px;}
.coloer4:hover .online-indexicon4{background-position: -85px -69px;}
.coloer5:hover .online-indexicon5{background-position: -14px -128px;}
.coloer6:hover .online-indexicon6{background-position: -91px -139px;}
.coloer7:hover .online-indexicon7{background-position: -14px -192px;}
.coloer8:hover .online-indexicon8{background-position: -87px -192px;}
.coloer9:hover .online-indexicon9{background-position: -20px -244px;}
.coloer1:hover .online-span{color: #FFFFFF;}
.coloer2:hover .online-span{color: #FFFFFF;}
.coloer3:hover .online-span{color: #FFFFFF;}
.coloer4:hover .online-span{color: #FFFFFF;}
.coloer5:hover .online-span{color: #FFFFFF;}
.coloer6:hover .online-span{color: #FFFFFF;}
.coloer7:hover .online-span{color: #FFFFFF;}
.coloer8:hover .online-span{color: #FFFFFF;}
.coloer9:hover .online-span1{color: #FFFFFF;}


 @media (max-height: 600px){
.onlinebox-t{width: 246px;height: 500px;margin: 20px 22px;}

 .online-indexicon1{top: 25px;left: 35px;}
 .online-indexicon2{top: 20px;left: 38px;}
 .online-indexicon3{top: 25px;left: 35px;}
 .online-indexicon4{top: 18px;left: 35px;}
 .online-indexicon5{top: 11px;left: 35px;}
 .online-indexicon6{top: 24px;left: 40px;}
 .online-indexicon7{top: 25px;left: 35px;}
 .online-indexicon8{top: 25px;left: 35px;}
 .online-indexicon9{top: 10px;left: 60px;}


.online-box{width: 246px;height: 110px;}
.online-01{width: 110px;height: 110px;}
.online-02{width: 246px;height: 60px;}
.online-span{top: 70px;}
.online-span1{top: 20px;}
   }


[data-ripple="ripple"] {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-webkit-user-select:none;
    -ms-user-select:none;
}

[data-ripple="ripple"] .ripple {
    display: block;
    width: 100%;
    height: 100%;
    border-radius:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
    background: rgba(255, 255, 255, .5);
    transform: scale(0);
    animation: ripple .6s 0s linear;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.toTop{cursor:pointer;position:fixed;right:30px;bottom:200px;}

/*模态框一*/
.Modalreminder{margin-top: 30vh;}
.Modalreminder .modal-title{font-size: 16px;}
.Modalreminder button{width: 130px;height: 38px;background-color: #169BD5;font-size: 16px;}
.Modalreminder button:hover,.Modalreminder button:focus{background-color:#169BD5;box-shadow: inset 0 0 4px 0px #0b2d50;}
.Modalreminder .reminderinfo{line-height: 40px;padding: 0 20px;font-size: 16px;margin-bottom: 20px;}
@media (min-width: 768px){
	.modal-dialog {
	    width: 490px;
	    margin: 30px auto;
	}
}
/*模态框二*/
.Modalconfirm{margin-top: 30vh;}
.Modalconfirm .modal-title{font-size: 16px;}
.Modalconfirm button{width: 100px;height: 38px;font-size: 16px;}
.Modalconfirm button:hover,.Modalconfirm button:focus{box-shadow: inset 0 0 4px 0px #0b2d50;}
.Modalconfirm .reminderinfo{line-height: 40px;padding: 0 20px;font-size: 16px;margin-bottom: 20px;}
@media (min-width: 768px){
	.modal-dialog {
	    width: 490px;
	    margin: 30px auto;
	}
}

/*模态框三*/
.appearvanish{text-align: center;position:fixed;width: 100vw;top: 50vh;display: none;z-index: 555555;}
.appearvanish span{padding: 20px 40px;background-color: rgba(0,0,0,0.3);color: white;border-radius: 15px;}
.login {display: inline-block;line-height: 40px;height: 54px}
.face {
    width: 40px;
    height: 40px;
}
.face img {
    border-radius: 20px;
    border: 1px solid #E1E0E4;
}
.username_gr{
    font-size: 15px;
    font-family: "Arial","Hiragino Sans GB", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99px;
}

.login a{color: #303035;}
.login a:hover span{color: #1a3c61;}
.u-navusermenu {
    position: absolute;
    top: 65px;
    opacity: 0;
    display: none;
}

.arrr {
    width: 14px;
    height: 9px;
    background-position: -187px 0;
    position: absolute;
    top: -8px;
    left: 125px;
}
.f-pa{background-image:url(../images/personage/ui_new_yktnav_sprite.png)}
.u-navusermenu ul.menu {
    padding: 8px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ddd;
}

.u-navusermenu ul.menu li{width: 132px;height: 25px;}
.u-navusermenu ul.menu li a{color: #303035;padding: 2px 10px 2px 10px;display: block;}
.u-navusermenu ul.menu li:hover{background-color: #f3f4f6;}
.nammenu:hover .u-navusermenu {opacity: 1;display: block}

.filediv{width: 305px;display:none}
.parent{width:407px; height:10px; border:1px solid #FFC100;border-radius: 5px;display: none;}
.son {width:0; height:100%;background-image:url(../images/plan_progress_bar.png);text-align:center; line-height:10px; font-size:15px; font-weight:bold;}

/*富文本图片宽度限制*/
.tab-pane.fade p img{max-width: 100%}

.header a{color: #337ab7}

/*返回顶部新样式*/
.rightfix{
    position: fixed;
    right: 25px;
    top: calc( 50vh - 100px);
    z-index:25;
}
.rightfiximg{
    display: block;
    background-image: url(../images/index/rightfix.png);
}
.rightfix1{
    width: 50px;
    height: 46px;
    background-position: -12px -31px;
}
.rightfix .rightfixli{
    width: 40px;
    height: 40px;
    border: 2px solid #D8BD91;
    position: relative;
    left: 5px;
    margin-bottom: 2px;
    background-color: #D8BD91;
    border-radius: 3px;
}
.rightfix2-1{
    width: 39px;
    height: 39px;
    background-position: -67px -8px;
}
.rightfix3{
    position: absolute;
    width: 200px;
    height: 126px;
    right: 50px;
    border: 1px solid #E3E3E3;
    background-color: white;
    top: -45px;
    border-radius: 6px;
    box-shadow: 0px 0px 8px 0px rgba(119, 119, 119, 0.17);
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.rightfix3 img{
    width: 94px;
    height: 94px;
    /*margin-top: 15px;*/
    /*margin-left: 15px;*/
}
.into-arrow{
    position: absolute;
    right: -6px;
    top: 56px;
    height: 0;
    border-style: solid;
    background-image: none;
    font-size: 0;
    line-height: 0;
    border-width: 6px;
    border-right-width: 5px;
    border-color: white;
    border-top-color: rgb(102, 102, 102);
    border-bottom-color: rgb(102, 102, 102);
    border-right-width: 0;
    border-style: dashed;
    border-left-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.into-arrow2{
    position: absolute;
    right: -8px;
    top: 55px;
    height: 0;
    border-style: solid;
    background-image: none;
    font-size: 0;
    line-height: 0;
    border-width: 8px;
    border-color: #E3E3E3;
    border-right-width: 0;
    border-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.rightfix3-1{
    position: absolute;
    top: 45px;
    left: 125px;
    font-size: 14px;
}
.rightfix3-2{
    position: absolute;
    top: 65px;
    left: 125px;
    color: #999999;
    font-size: 14px;
}
.rightfix2-2{
    width: 39px;
    height: 39px;
    background-position: -106px -8px;
}
.rightfix2-3{
    width: 39px;
    height: 39px;
    background-position: -145px -8px;
}
.rightfix2-4{
    width: 39px;
    height: 39px;
    background-position: -190px -13px;
}
.rightfix3-3{
    margin-top: 20px;
    margin-left: 20px;
    /*margin-bottom: 5px;*/
    font-size: 16px;
}
.rightfix3-4{
    margin-left: 20px;
    font-size: 24px;
    color: #D8BD91;
    font-weight: 700;
    margin-bottom: 5px;
    /*margin-top: 10px;*/
}
.rightfix3-5{
    margin-left: 20px;
    color: #999999;
}
.rightfixli:hover{
    background-color: white;
}
.rightfixli:hover .rightfix2-1{
    background-position: -67px -57px;
}
.rightfixli:hover .rightfix2-2{
    background-position: -106px -57px;
}
.rightfixli:hover .rightfix2-3{
    background-position: -145px -57px;
}
.rightfixli:hover .rightfix2-4{
    background-position: -190px -62px;
}
.rightfixli:hover .rightfix3{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.bsBox{
    width: 232px !important;
    height: 262px !important;
}
.bshare-custom .bshare-weixin {
    background: url(../images/index/w-2.png) no-repeat !important;
    width: 32px;
    height: 32px;
}
.bshare-custom .bshare-qzone {
    background: url(../images/index/q-2.png) no-repeat !important;
    width: 34px;
    height: 34px;
}
.bshare-custom .bshare-sinaminiblog {
    background: url(../images/index/b-2.png) no-repeat !important;
    width: 32px;
    height: 32px;
}

/*11月8号修改顶部样式css*/
.postoin-abs{position: relative;}
.header-index-search{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 160px;
    margin-top: 16px;
}
.mod-search {
    box-sizing: content-box;
    width: 348px;
    border: 1px solid #ccc;
    height: 34px;
    border-radius: 0px;
    position: relative;
    background-color: #f5f5f5;
}
.dl2 .dl4 {
    border: none;
    height: 34px;
    background-color:#f5f5f5;
    outline: none;
    cursor: inherit;
    width: 80px;
    padding: 0px 5px;
    color: #757575;
    cursor: pointer;
    margin-right: 10px;
}
.dl2 .dl2ul {
    position: absolute;
    background-color:#f5f5f5;
    z-index: 3;
    width:92px;
    top: 34px;
    left: -1px;
    display: none;
    border: 1px solid #ccc;
    border-top: 1px solid #f5f5f5;
    padding: 0px 5px;
    cursor: pointer;
}
.dl3{
	background: url(../images/i-v-bottom-small.png) no-repeat;
	width: 14px;
	height: 8px;
	position: absolute;
	top: 14px;
	margin-left: 68px;
}

.dl2ul ul li {
	padding: 5px 0px;
	color: #757575;
}
.mod-search_input {
	border: none;
    box-sizing: content-box;
    width: 219px;
    height: 26px;
    outline: none;
    line-height: 26px;
    background-color:#f5f5f5;
    position: absolute;
    text-indent: 12px;
    vertical-align: top;
    margin-top: 4px;
    border-left: 1px solid #ccc;
}
.mod-search_btn-search {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 34px;
    line-height: 34px;
    background-color: #f5f5f5;
    text-align: center;
    color: #fff;
}
.mod-header_wrap-user{
	position: absolute;
	top: 0px;
	right: 0px;
}
.mod-header_link-login {
    display: inline-block;
    line-height: 68px;
    padding: 0 10px;
    font-size: 16px;
    color: #194D89;
    font-weight: bold; 
}
.color-login-op{
	color: #333;
}
.dropdown-wrap {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 150px;
    height: 68px;
}
.dropdown-tt {
    text-align: center;
}
.mod-header_user-operation {
    display: block;
    font-size: 16px;
    line-height: 68px;
    color: #666;
}
.mod-header_user-img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-top: -7px;
	border: 1px solid #ccc;
}
.mod-header_user-operation span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    text-align: center;
    margin-right: 18px;
}
.i-v-bottom-small{
	background: url(../images/i-v-bottom-small.png) no-repeat;
	width: 14px;
	height: 8px;
	position: absolute;
	top: 32px;
	margin-left: -16px;
	transform: rotate(0deg);
	transition: transform .3s;
}
.mod-header_user-operations{
	background-color: #fff;
	border: 1px solid #E0E0E0;
	position: absolute;
    z-index: 5;
    top: 68px;
    left: -1px;
}
.dropdown-list {
    display: none;
    padding: 15px 0px;
    width: 150px;
}
.dropdown-list a {
    display: block;
    text-align: center;
    padding: 0px 10px;
    line-height: 35px;
    height: 35px;
    background: #fff;
    color: #333;
    font-size: 15px;
}
.dropdown-wrap:hover {
    background-color: #fff;
    box-shadow: 0 1px 10px 3px rgba(0,0,0,.1);
}
.dropdown-wrap:hover .dropdown-list {
    display: block;
}
.dropdown-list a:hover {
    color: #1C4D88;
    font-weight: bold;
}
.dropdown-wrap:hover .i-v-bottom-small{
    transform: rotate(180deg);
}

/*新添加图标*/
.circle.circle516{
    display:inline-block;
    width: 35px;
    height: 35px;
    margin-right:7px;
    background-image: url(../images/icom516.png);
}
.circle.icon7.circle516{
    background-position: -14px -62px;
}
.circle.icon8.circle516{
    background-position: -81px -62px;
}
.circle.icon9.circle516{
    background-position: -147px -62px;
}
.circle.icon10.circle516{
    background-position: -214px -62px;
}
.circle.icon7.circle516:hover,.circle.icon7.circle516.active,
.circle.icon8.circle516:hover,.circle.icon8.circle516.active,
.circle.icon9.circle516:hover,.circle.icon9.circle516.active,
.circle.icon10.circle516:hover,.circle.icon10.circle516.active
{
    background-position-y:-115px;
}