/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body { font: 12px/160% "#4C4C4C",Arial,"SiMSUN"; min-width:1200px;}


img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "../../images/login/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}


/*公共按钮样式*/
.btn{
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    box-sizing: content-box;
    height: 34px;
}
.btn-width150{
    width: 150px;
}
.btn-orange{
    background: #F70;
    background-image: linear-gradient(to bottom, #F70, #F60);
    border-color: #FF6600;
    color: #FFF;
    font-weight: 700;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active{
    background: #F60;
    background-image: linear-gradient(to bottom, #F60, #F50);
    border-color: #FF6600;
    color: #FFF;
}
.btn-silver {
    background: #EEEFEE;
    background-image: linear-gradient(to bottom, #FDFDFD, #EEEFEE);
    border-color: #C9C9C9;
    color: #666666;
}
.btn-silver:hover, .btn-silver:focus, .btn-silver:active {
    background: #F8F8F8;
    background-image: linear-gradient(to bottom, #FDFDFD, #F8F8F8);
    border-color: #E4E4E4;
    color: #979696;
}

.btn-gray {
    background: #E4E4E4;
    background-image: linear-gradient(to bottom, #FFFFFF , #E4E4E4);
    border-color: #C9C9C9;
    color: #666666;
}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active {
    background: #F0EFEF;
    background-image: linear-gradient(to bottom, #FFFFFF , #F0EFEF);
    border-color: #C9C9C9;
    color: #666666;
}
.btn-gray-disabled {
    background: #F0EFEF;
    background-image: linear-gradient(to bottom, #FFFFFF , #F0EFEF);
    border-color: #E4E4E4;
    color: #969696;
}
.btn-green {
    background: #52A501;
    background-image: linear-gradient(to bottom, #52A501, #4A9501);
    border-color: #52A501;
    color: #FFF;
    font-weight:bold;
}
.btn-green:hover,.btn-green:focus,.btn-green:active {
    background: #59B201;
    background-image: linear-gradient(to bottom, #59B201, #55AA01);
    border-color: #59B201;
    color: #FFF;
}
.btn-blue {
    background: #0588cf;
    background-image: linear-gradient(to bottom, #0588cf, #007abc);
    border-color: #0588cf;
    color: #FFF;
    font-weight: 700;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    background: #027fc3;
    background-image: linear-gradient(to bottom, #027fc3, #026da7);
    border-color: #027fc3;
    color: #FFF;
}
/*公共输入框样式*/
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding:0 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: content-box;
}
.form-control:focus{
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-control::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}


/*common*/
.wrap{ width:1000px;  margin:0 auto;}
.login_bg{ background-color:#FFF; border:1px solid #ebebeb; width:1000px; overflow: visible; margin-top: -20px;position: relative;}
.m_center{margin: -20px auto 0 auto;}

.vso-triangle { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ff6600;}


.login_alert.ui-corner-all{ background: #FFF;padding: 0;}
.login_alert.ui-draggable .ui-dialog-titlebar{ background: url("../../images/login/ui-title.png") repeat-x; border: none; color: #444444; font-size: 12px;}

.ui-dialog.login_alert .ui-dialog-titlebar-close{border: none;    background: none;margin-top: -11px;}
.login_alert .ui-icon-closethick
{
    position: absolute;
    left: 0;
    right: 0;
    width: 18px;
    font-size: 17px;
    height: 18px;
    color: #999;
    font-family: "iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
    font-weight: 100;
    background-image: none;
}

.login_alert .ui-icon-closethick:before{content: "\e600";}

.vso-wrap-top { height:180px; background:url("../../images/login/vso-blue-bg.png") repeat-x bottom center #50a8d8;}
.vso-top-bg { height:180px; background:url("../../images/login/vso-white-bg.png") repeat-x bottom center;position: relative;}


.vso-wrap{margin-bottom: 20px;}


.vso-title { width:1000px; margin:0 auto; height:148px; line-height:50px; font-size:20px;position: absolute;left: 50%;margin-left: -500px;top: 0;}
.vso-title a { float:left; width:190px; height:53px; margin-top:34px; margin-right:20px; background:url(../../images/login/vso-logo.png?t=20150505) no-repeat bottom; text-indent:-9999em;
/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/login/vso-logo.png');
_background-image: none;*/}
.vso-title span { float:left; margin-top:48px; font-size:22px; font-family:'Microsoft Yahei'; font-weight:normal; color:#FFF;}

.ui-widget-content{ background: #FFF;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    background: #FFF; border-width:0 1px 0 1px; border-color: #DEDEDE;
}
/*common*/

.bb_dot{ border-bottom: 1px dotted #D3DBEC;}
.header_tip{ display: inline-block; width: 16px;  background-color:#FF3300; border-radius: 50%; position: absolute; height: 16px;line-height: 16px;
    text-align: center; color: #FFF; top: 4px; font-family:'simsun';}
.btn-orange.tuiBtn {display: block;margin-top: 10px; font-size: 12px; font-weight: 100; width: 42px;padding: 0 0 2px;padding:2px 0\0; height: auto;}

.login_style{position: absolute; width: 125px; border:1px solid #D3DBEC;border-top: 1px solid #FFF; }

.login_style li a{  background-repeat: no-repeat ;background-position: 0 8px; padding: 4px 0 4px 25px ; display: block;  margin-left: 10px; }

.login_style li a.vso_login_style{background-image: url("../../images/login/vso-login-style.jpg"); font-weight: 700; padding: 6px 0 6px 25px;background-position: 0 10px; }
.login_style li a.qq_login_style{background-image: url("../../images/login/qq-login-style.jpg"); }
.login_style li a.xinlang_login_style{background-image: url("../../images/login/xinlang-login-style.jpg");}
.login_style li a.douban_login_style{background-image: url("../../images/login/douban-login-style.jpg");}
.login_style li a.taobao_login_style{background-image: url("../../images/login/taobao-login-style.jpg");}
.login_style li a.renren_login_style{background-image: url("../../images/login/renren-login-style.jpg"); }

.v_popBox .action input.btns{margin-right:10px;}

/*footer*/
/*
.footer {margin-top: 20px;background: #545454;padding-bottom: 30px;}
.footer a{color:#b2b2b2;}
.footerBox{text-align:center;}
.footer .site_copyright {border-top: 1px solid #eee;}
.footer .container_24 {background: none;overflow: hidden; text-align: center;width:1000px;margin:0 auto;}
.friend_link {color: #9b9b9b;font-weight: bold;font-size: 12px;}
.friend_a {color: #b2b2b2;display: inline-block;margin: 10px 5px;font-size: 12px;}
.footer_line {width: 100%;height: 1px;background: #434343;}
.footer_p {margin-top: 10px;}
.footer_a {color: #b2b2b2;display: inline-block;margin: 5px 10px;font-size: 14px;}
.footer_a_line {color: #b2b2b2;line-height: 1.5;margin-top: 8px;font-family: arial,'Microsoft Yahei';}
*/
.absConf{float:left;width:218px;}
.goTopBtn {bottom: 20px;cursor: pointer;position: fixed;right: 100px;z-index:88}
/*zff 20140516*/
.footer_friendlinks { text-align:left;}
.footer_friendlinks .footer_span { color:#B2B2B2; font-size:14px;}
.footer_p .footer_a,.footer_friendlinks .footer_a:hover,.footer_a_line a,.footer_a_line .footer_a_line { color:#B2B2B2;}
.wenhuajingying img{vertical-align: middle;}
/*弹出框*/
.k-window div.k-window-content{overflow:hidden;height:100%;padding:0px;}
.k-window .k-window-titlebar .k-window-actions{top:3px;}
/*内容样式*/
.v_popBox{line-height:140%;height:100%;}
.v_popBox .tips {margin-left:40px; margin-top:10px; font: 14px/28px 'Microsoft YaHei';padding-bottom:15px;}
.v_popBox .tips span {color: #955353;}
.v_popBox .rowElem label {font: 14px/28px 'Microsoft YaHei';}
.v_popBox .rowElem textarea{resize:none;border:1px #ccc solid;}
.v_popBox .action {
    border-top: 1px dotted #E1E1E1;
    background:#F6F6F6;
    margin-top: 0px;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    width:100%;
}
#treeview .k-treeview-lines { padding-top:10px;}
/*reset.css*/
/*common.css*/
.m-warp {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: auto;
}
.backtomain{
    position: absolute;
    top: 0;
    left: -100px;
    padding: 0 5px;
    margin: 0 8px;
    line-height: 38px;
    text-align: center;
}
.m-header-top .backtomain a{
    color: #FFF;
}
.row{
    margin:0 -19px;
}
.m-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.m-icon-24 {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.m-icon-xg{
    background: url("../../images/index/icon-xg.png") no-repeat center center;
}
.m-icon-suzhou{
    background: url("../../images/index/icon-suzhou.png") no-repeat center center;
}
.m-icon-sh{
    background: url("../../images/index/icon-sh.png") no-repeat center center;
}
.m-icon-jszj{
    background: url("../../images/index/icon-jszj.png") no-repeat center center;
}

.m-icon-home {
    background: url("../../images/index/spriter.png") no-repeat 1px -195px;
    margin-right: 5px;
}
.backtomain.cur .m-icon-back{
    background: url("../../images/index/back-hover.png") no-repeat left center;
}
.m-icon-back{
    background: url("../../images/index/back.png") no-repeat left center;
    margin-right: 5px;
}
.m-icon-mobile {
    background: url("../../images/index/spriter.png") no-repeat 3px -216px;
    margin-right: 5px;
}
.m-icon-search {
    background: url("../../images/index/spriter.png") no-repeat -30px -165px;

    cursor: pointer;
}
.m-icon-arrow-right {
    background: url("../../images/index/spriter.png") no-repeat 2px -48px;

}
.m-icon-arrow-down {
    background: url("../../images/index/spriter.png") no-repeat 6px -30px;
}
.m-hall-class-close {
    background: url("../../images/index/spriter.png") no-repeat 1px -84px;
}
.m-icon-close {
    background: url("../../images/index/spriter.png") no-repeat 4px -111px;
}
.m-icon-location{
    background: url("../../images/index/icon-location.png") no-repeat center center;
    margin-right: 5px;
}
.m-iconfont {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.m-arrow-up {
    background: url("../../images/index/spriter.png") no-repeat 3px 5px;
}
.m-icon-l {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #a5aaa2;
    margin-right: 8px;
}
.m-icon-task-s {
    background: url("../../images/index/spriter.png") no-repeat -25px -131px;
}
.m-icon-good-s {
    background: url("../../images/index/spriter.png") no-repeat 6px -131px;
}
/*header-top*/
.m-header-top a,.m-header-top a:link, .m-header-top a:visited {
    color:#DBDBDB ;
    text-decoration: none;
}
.m-header-top a.applink{
     display: inline-block;
     margin-top: 15px;
     margin-bottom: 10px;
     line-height: 1;
}
.m-header-top .down-user-name a:hover{
    color: #ff6500;
}
.m-header-top a:hover {
    color:#FF6500;
}
.m-header-top .btn-small,.m-header-top .btn-small:hover{
    color: #FFF;
}
.m-header-top {
    width: 100%;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1000px;
    color: #DBDBDB;
    z-index:99;
}

a.m-header-top .m-header-top-bg:hover {
    background-color: #000000;
}
.m-header-top .m-header-top-l {
    float: left;
}
.m-header-top .m-header-top-r {
    float: right;
}
.m-header-top .m-header-top-l > li,
.m-header-top .m-header-top-r > li {
    float: left;
    line-height: 38px;
    padding: 0 5px;
    position: relative;
    margin: 0 8px;
    min-height:38px;
    overflow:hidden;
}
.m-header-top .m-header-top-l > li .m-header-top-down,
.m-header-top .m-header-top-r > li .m-header-top-down,.m-header-fixed .m-header-top-down {
    display: none;
    position: relative;
    text-align: center;
    line-height: 30px;
    padding-bottom: 15px;
}
.m-header-top .nav-down{
    min-width: 50px;
    text-align: center;
    font-family: Arial,"SiMSUN";
}
.m-header-top .m-header-top-l > li.nav-down > a,
.m-header-top .m-header-top-r > li.nav-down > a,.m-header-fixed .nav-down > a{
    min-width: 50px;
    text-align: center;
    color:#FFF;
}
.nav-down .m-header-top-down-bg{
    background-color: #22222e;
    opacity: 85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -webkit-opacity: 0.85;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top:38px;
}
.login-after .m-header-top-down-bg{
    top:48px;
}
.nav-down.cur .m-header-top-down-bg{

    top:0;
}
.m-header-top .m-header-top-l > li.cur .m-header-top-down-bg:hover,
.m-header-top .m-header-top-r > li.cur .m-header-top-down-bg:hover,.m-header-fixed .login-after.cur .m-header-top-down-bg:hover {
    background-color: #0c0c11;
}
.m-header-top .m-header-top-l > li.cur > a,
.m-header-top .m-header-top-r > li.cur > a,.m-header-fixed .login-after.cur > a {
    color: #FF6500;
}
.m-header-top .m-header-top-l > li.cur .m-header-top-down,
.m-header-top .m-header-top-r > li.cur .m-header-top-down,.m-header-fixed .login-after.cur .m-header-top-down  {
    display: block;
}
.m-header-top .m-header-top-l > li.cur .m-icon-mobile,
.m-header-top .m-header-top-r > li:hover .m-icon-mobile {
    background: url("../../images/index/spriter.png") no-repeat -37px -216px;
}
.m-header-top .m-header-top-l > li.cur .m-arrow-up,
.m-header-top .m-header-top-r > li:hover .m-arrow-up,.m-header-fixed .login-after.cur .m-arrow-up {
    background: url("../../images/index/spriter.png") no-repeat -35px 5px;
}
.m-header-top .m-header-top-l > li.cur .m-icon-home,
.m-header-top .m-header-top-r > li:hover .m-icon-home {
    background: url("../../images/index/spriter.png") no-repeat -35px -195px;
}
.m-header-top .m-header-top-l > li.cur .m-icon-location,
.m-header-top .m-header-top-r > li:hover .m-icon-location {
    background: url("../../images/index/icon-location-on.png") no-repeat center center;
}
.tusername{
    position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 0;
    max-width: 84px;
    line-height: 1;
    line-height: 1.1\9;
    line-height: 1.1\0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-header-line {
    margin: 0 10px;
    font-weight: 100;
    color: #FFF;
}
.login-before {display:none;}
.login-after {display:block;}
.headinfo{
    display: inline-block;
    position: relative;
}
.num-red {
    position: relative;
    background: #ff4343;
    border-radius: 50%;
    line-height: 18px;
    top: -7px;
    width: 16px;
    height: 16px;
    left: -12px;
    display: inline-block;
    color:#fff;
    line-height:16px;
    text-align: center;
}
.msg-center {
    position: relative;
}
.num-red2 {
    left: auto;
    right:9px;
    top: 7px;
    position: absolute;


}
.num-red.num-red-new{
    position: absolute;
    padding: 0 5px;
    background: #ff4343;
    border-radius: 8px;
    top: 0;
    min-width: 6px;
    height: auto;
    left: 20px;
    display: inline-block;
    color:#fff;
    line-height:16px;
    text-align: center;
    width: auto;
}
.num-red2.num-red-new2{
    left: auto;
    right:10px;
    top: 11px;
    position: absolute;
}
.m-search {
    width: 194px;
    height: 25px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.m-search-box{ width: 194px;position: relative;}
.m-header-top .m-search
{
    margin-bottom:0;
    background:none;
    width: 194px;
    height: 25px;
    left: 0;
    position: absolute;
    top: 7px;
}
.m-search .m-search-bg {
    background-color: #000000;
    opacity: 40;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    border-radius: 4px;
}
a.m-search .m-search-bg:hover {
    background-color: #000000;
}
.m-search input ,.m-search input[type="text"]{
    background-color: transparent;
    border: none;
    width: 158px;
    height: 25px;
    padding: 0;
    margin: 0;
    float: right;
    color: #FFF;
    line-height: normal;
    line-height: 25px\0;
    padding: 0;
    background-color: transparent;
}
.m-search input[placeholder],.m-search input::-webkit-input-placeholder{
   color:#EEE;
    font-family:"microsoft yahei";
    font-size:12px;
}
.m-search input::-moz-placeholder{
   color:#FFF;
    font-family:"microsoft yahei";
    font-size:12px;
}
.m-search input::-ms-input-placeholder{
   color:#EEE;
    font-family:"microsoft yahei";
    font-size:12px;
}
a.m-search input:hover {
    background-color: rgba(0, 0, 0, 0);
}
.m-search input:focus, .m-search input[type="text"]:focus{
    outline: none;
    background-color: transparent;
}
.m-search input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    background-color: transparent;
}
.m-search .m-icon-search {
    width: 34px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
}
/*===========新版头部====================*/
/*===========修改新版头部======================*/
.m-header-top .m-header-top-bg
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color:#4b4b4b;
    opacity: 90;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
}
.m-header-top .down-user-name a{
    padding: 5px 0;
    color: #dbdbdb;
}
body{}
.m-header-top .m-header-top-l > li, .m-header-top .m-header-top-r > li{
    overflow: visible;
}
.m-header-top .m-header-top-l > li .m-header-top-down, .m-header-top .m-header-top-r > li .m-header-top-down, .m-header-fixed .m-header-top-down{
    position: absolute;
    width: 100%;
/*    top: 38px;*/
    left: 0;
}
.m-header-top .m-header-top-l > li .m-header-top-down.w-116, .m-header-top .m-header-top-r > li .m-header-top-down.w-116, .m-header-fixed .m-header-top-down.w-116{
    width: 116px;
}
.nav-down .m-header-top-down-bg{
    height: 0;
}
.nav-down.cur .m-header-top-down-bg{
    height: 100%
}
.m-header-top-down-c-bg{
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    background: #22222e;
    opacity: 85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -webkit-opacity: 0.85;
    opacity: 0.85;
    width: 100%;
    z-index: -1;
}
.user-down-bg{
    background: #22222e;
}
.m-location-ul{
    padding-top: 10px;
}
.m-location-ul li{
    font-size: 14px;
    font-family: "Microsoft Yahei";
    padding: 5px 0;
}
.m-location-ul .m-icon-24{
    margin-right:8px;
    margin-left: -3px;
}
.m-location-ul li a:hover .m-icon-xg{
     background: url("../../images/index/icon-xg-on.png") no-repeat center center;
}
.m-location-ul li a:hover .m-icon-suzhou{
    background: url("../../images/index/icon-suzhou-on.png") no-repeat center center;
}
.m-location-ul li a:hover .m-icon-sh{
    background: url("../../images/index/icon-sh-on.png") no-repeat center center;
}

.m-header-top{position: relative;min-width:1200px;}
.signBtn-box{ position: relative;   width: 52px;}
.btn-orange.signBtn {   vertical-align: middle; font-size: 12px; font-weight: 100; width:52px;height:22px; border-radius: 3px;color:#FFF; line-height: 22px;   text-align: center; position: absolute;  display: inline;color:#FFF; top: 8px;}
.btn-orange.signBtn:link{color:#FFF;}
.btn-orange.signBtn:hover,
.btn-orange.signBtn:focus,
.btn-orange.signBtn:active{color:#FFF; background-color: #cc5100; border-color: #c24d00;}
.pic_{  display: inline-block;vertical-align: middle;box-sizing: content-box;-moz-box-sizing: content-box;-ms-box-sizing: content-box; width: 31px; height: 31px;border-radius:15px 15px;}
.down-user-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 78px;
}
.pic{
    display: inline-block;
    vertical-align: middle;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    width: 31px;
    height: 31px;
    border-radius: 15px 15px;
}
.footer-length{width: 420px; display: inline-block; margin-right: 40px; text-align: right;}
.m-header-top a.m-orange-bg, .m-header-top a.m-orange-bg:link, .m-header-top a.m-orange-bg:visited {
    display:inline-block;
    background: #ff6600;
    padding: 0 17px;
    margin:1px 0 0 15px;
    color:#FFF;
    height:36px;
    line-height:36px;
}
.m-header-top a.m-orange-bg:hover{
    background: #ed4800;
}
/*==首页导航修改==*/
.downlist{
    margin: 0 20px;
    padding: 8px 0 8px 35px;
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: left;
    line-height: 1;
}
.downlist.msg-center{
    padding: 12px 0 12px 35px;
    background-image: url(https://www.vsochina.com/resource/images/index/msgcenter.png);
    border-bottom: 1px solid #313243;
}
.downlist.down-user-name{
    padding-top: 12px;
    background-image: url(https://www.vsochina.com/resource/images/index/mymain.png);
    background-position: 5px 11px;
}
.downlist.myworkspace{
    background-image: url(https://www.vsochina.com/resource/images/index/myworkspace.png);
}
.downlist.mydiscount{
    background-image: url(https://www.vsochina.com/resource/images/index/mydiscount.png);
}
.downlist.myrender{
    background-image: url(https://www.vsochina.com/resource/images/index/myrender.png);
}
.downlist.myfinance{
    padding-bottom: 12px;
    background-image: url(https://www.vsochina.com/resource/images/index/myfinance.png);
    background-position: 5px 7px;
}
.downlist.exit{
    padding: 12px 0 0 35px;
    background-image: url(https://www.vsochina.com/resource/images/index/exit.png);
    background-position: 5px bottom;
    border-top: 1px solid #313243;
}
.signBtn-box .signBtn.gray{
    color: #ccc;
}
.m-header-top-down .app-ul{
    line-height: 1;
}
.onlyandroid{
    margin-top: 5px;
}
.m-warp .nav-down{
    text-align: center;
}
/*==/首页导航修改==*/
.m-x-header
{
    position: relative;
    z-index: 3;
    top: 0;
    left: 0;

    width: 100%;
    min-width: 1000px;
    height: 115px;
}
.m-x-header .m-x-header-bg
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 111px;

            opacity: 20;
            opacity: .2;
    background-color: #fff;

    filter: alpha(opacity=2000);
    filter: alpha(opacity=20);
       -moz-opacity: .2;
    -webkit-opacity: .2;
}
a.m-x-header .m-x-header-bg:hover
{
    background-color: #e6e6e6;
}
.m-x-header .m-white-line
{
    position: absolute;
    z-index: -1;
    top: 113px;
    left: 0;

    width: 100%;
    height: 2px;

            opacity: 20;
            opacity: .2;
    background-color: #fff;

    filter: alpha(opacity=2000);
    filter: alpha(opacity=20);
       -moz-opacity: .2;
    -webkit-opacity: .2;
}
a.m-x-header .m-white-line:hover
{
    background-color: #e6e6e6;
}
.m-x-header .m-x-header-r
{
    float: right;

    margin-right: -8px;
}
.m-x-header .m-x-header-r li
{
    float: left;

    margin: 0 9px;
}
.m-x-header .m-x-header-r a
{
    font-family: 'Microsoft YaHei';
    font-size: 18px;

    display: block;

    padding: 38px 0;

    color: #fff;
    border-top: 3px solid transparent;
}
.m-x-header .m-x-header-r span.nav-txt
{
    line-height: 25px;

    position: relative;

    display: block;

    height: 25px;
    padding: 0 12px;
}
.m-x-header .m-x-header-r a:hover
{
    border-top-color: #f60;
    background: transparent;
}
.m-x-header .m-x-header-r li.hover a,
.m-x-header .m-x-header-r a:active
{
    border-top-color: transparent;
}
.m-x-header .m-x-header-r a:active span
{
    background: #f60;
}
.m-x-header .m-x-header-r li.hover a span
{
    background: #f60;
}
.m-x-header .m-logo
{
    margin-top: 34px;
}
b.new
{
    font-family: arial;
    font-size: 12px;
    font-weight: 100;
    line-height: 1;

    position: absolute;
    top: -9px;
    right: -17px;

    height: 12px;
    padding: 0 3px;

    border-radius: 2px;
    background: #ff6500;
}
/*==============================20150831 footer==============================*/
.vso-copyright-wrap{
    width: 100%;
    padding-bottom:10px;
    border-top:1px solid #323242;
    background-color: #22222e;
    font-family: "Microsoft YaHei";
    min-width:1000px;
    clear: both;
}
.vso-copy-con{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.copy-con-detail{
    margin-top: 25px;
    color: #dbdbdb;
    font-size: 14px;
}
.vso-copyright{
    margin-top: 20px;
    color: #474753;
    font-size: 12px;
}
.ch-logo {
    margin:0 7px;
}
.con-line{
    color: #2f2f3e;
}
.vso-copyright-wrap a{color:#474753;}
.vso-copyright-wrap a:hover{color:#F60;}
.vso-copyright a:hover{color:#999;}
.vso-copyright-wrap .footer-navi {
    color:#DBDBDB;
     padding: 0 8px;
}
.vso-copy-con div {
    margin-top: 15px;
}
.busin-coor {
    padding-left: 10px;
    padding-right: 10px;
}
.footer-coor-name {
    padding-left: 4px;
    padding-right: 4px;
}
.su-list {
    padding-left: 5px;
    padding-right: 8px;
}
/*==============================/20150831 footer==============================*/
/*分享*/
/*
.bd_weixin_popup{
    width: 280px;
    height: 360px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left:-140px;
    margin-top: -180px;
    display: none;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    background-color: #FFF;
    z-index: 3;
}
.bd_weixin_popup .bd_weixin_popup_head {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    position: relative;
    text-align: left;
    width: 256px;
    margin: 15px auto;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    color: #999;
    font-size: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 16px;
}
.output{
    width: 256px;
    height: 256px;
    margin:  0 auto;
}
.bd_weixin_popup_foot{
     width: 256px;
    margin: 10px auto;
}
*/
.vsoShare{
    position: absolute;
    top: 50px;
    left: 500px;
    /*display: none;*/
    width: 211px;
    height: 55px;
    padding: 10px;

    border: 1px solid #c5c5c5;
    border-top-color: #e2e2e2;
    border-left-color: #ccc;
    border-radius: 5px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    box-shadow: 1px 1px 2px #c5c5c5;
    z-index: 1000;
}
.vsoShare .triangle-up-1{
    width: 0;
    height: 0;
    border-left: 8px dashed transparent;
    border-right: 8px dashed transparent;
    border-bottom: 10px solid #c5c5c5;
    position: absolute;
    top: -10px;
    left: 20px;
}
.vsoShare .triangle-up-2{
    width: 0;
    height: 0;
    border-left: 8px dashed transparent;
    border-right: 8px dashed transparent;
    border-bottom: 10px solid #FFF;
    position: absolute;
    top: -9px;
    left: 20px;
}
.vsoShare.right .triangle-up-1,.vsoShare.right .triangle-up-2{
    right: 20px;
    left:auto;
}
.vsoShare a{
    display: block;
    width: 40px;
    height: 35px;
    margin-right: 7px;
    float: left;
    cursor: pointer;
    color: #ccc;
    overflow: hidden;
    text-indent: -10em;
}
.vsoShare .bds_qq{
    background: url(../../images/vsoShare/t-qqshare.jpg) no-repeat center center;
}
.vsoShare .bds_qq:hover{
    background: url(../../images/vsoShare/t-qqshare-hover.jpg) no-repeat center center;
}
.vsoShare .bds_qzone{
    background: url(../../images/vsoShare/t-qzoneshare.jpg) no-repeat center center;
}
.vsoShare .bds_qzone:hover{
    background: url(../../images/vsoShare/t-qzoneshare-hover.jpg) no-repeat center center;
}
.vsoShare .bds_tsina{
    background: url(../../images/vsoShare/t-sinashare.jpg) no-repeat center center;
}
.vsoShare .bds_tsina:hover{
    background: url(../../images/vsoShare/t-sinashare-hover.jpg) no-repeat center center;
}
.vsoShare .bds_weixin{
    background: url(../../images/vsoShare/t-weixinshare.jpg) no-repeat center center;
}
.vsoShare .bds_weixin:hover{
    background: url(../../images/vsoShare/t-weixinshare-hover.jpg) no-repeat center center;
}
/*/分享*/

/*==遮罩层样式缩放优化==*/
#fwin_dialog_cover
{
    min-width: 1200px;
}
/*==/遮罩层样式缩放优化==*/
/*==========logon_winodw============*/
#passport-login-pop{
    display: none;
}
.login-pop-dialog a{
    color: #8bb9f0;
}
.login-pop-dialog{
    width: 380px;
    height: 460px;
    box-shadow: 0 0 3px #ccc;
    position: fixed;
    left:50% ;
    top: 50%;
    margin-left: -190px;
    margin-top: -230px;
    z-index: 1000;
    background: #FFF;
    border: 1px solid #cccccc;

}
.pop-login .pop-mask{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1000;
}
.login-pop-dialog .login-titleText{
    font-size: 18px;
    color: #333333;
    line-height: 1;
    padding: 36px 0 0 0;
}
.login-pop-dialog .pop-close{
    position: absolute;
    right: 15px;
    top: 15px;
}
.login-pop-dialog .icon-16-close{
    background: url("../../images/login/icon-16-close.png") no-repeat;
}
.login-pop-dialog .icon-20-uername{
    background: url("../../images/login/icon-20-username.png") no-repeat;
}
.login-pop-dialog .icon-20-password{
    background: url("../../images/login/icon-20-password.png") no-repeat;
}
.login-pop-dialog .pass-text-input{
    line-height: 36px;
    height: 36px;
    font-size: 12px;
    width: 100%;
    border: none;
}
.login-pop-dialog .pass-text-inputp{
    border: 1px solid #cccccc;
    width: 280px;
    padding: 0 0 0 40px;
    display: inline-block;
    background: #FFF;
    margin-top: 25px;
    border-radius: 2px;
    position: relative;
}
.login-pop-dialog .pass-text-inputp .icon-20{
    float: left;
    margin-left: -30px;
    margin-top:8px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.login-pop-dialog .pass-login-pop-form{
    text-align: center;
}
.login-pop-dialog .pass-text-buttonp{
    width: 280px;
    display: inline-block;
    margin-bottom: 9px;
}
.login-pop-dialog .pass-text-button{
    line-height: 36px;
    border-radius: 2px;
    font-size: 14px;
    width: 100%;
    border: none;
    background-color: #ff9f00;
    color: #FFF;
    text-align: center;
}
.login-pop-dialog .login-link-btn{
    display: block;
    line-height: 36px;
    border-radius: 2px;
    font-size: 12px;
    width: 100%;
    border: none;
    background-color: #fff;
    color: #666666;
    text-align: center;
    border: 1px solid #cccccc;
}
.login-pop-dialog .pass-line{
    display: inline-block;
    border-top: 1px solid #ccc;
    width: 280px;
    position: relative;
    height: 1px;
    margin:20px 0 10px 0;
}
.login-pop-dialog .pass-line span{
    position: absolute;
    width: 60px;
    color: #999999;
    text-align: center;
    background-color: #FFF;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.login-pop-dialog .pass-text-checkboxp{
    padding: 24px 0 26px 0;
    line-height: 1;
    width: 280px;
    display: inline-block;
}
.login-pop-dialog .pass-text-checkboxp label{
    color: #666666;
    margin-bottom: 0;
    font-weight: normal;
}
.login-pop-dialog .pass-text-checkbox{
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    margin-right: 10px;
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
}
.login-pop-dialog .pass-text-checkbox.checked{
    background: url("../../images/login/icon-16-greenRight.png") no-repeat;
}
.login-pop-dialog .pass-text-checkbox input{
    position: absolute;
    display:none;
}
.login-pop-dialog .pass-text-error{
    color: #ff6767;
    left: 0;
    position: absolute;
    top: 39px;
}
.login-pop-dialog .pass-text-pro{
    position: relative;
}
/*==========/logon_winodw============*/
/*vip*/
.vso-vip-20{
    background: url("../../images/login/vip-24.png") no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    color: transparent;
    background-position:0 48px;
    display:none;
}
.vso-vip-20.vso-vip-1{
    height:0;
    width:0;
    dispaly:none;
}
.vso-vip-20.vso-vip-2{
    height:0;
    width:0;
    dispaly:none;
}
.vso-vip-20.vso-vip-3{
    height:0;
    width:0;
    dispaly:none;
}
.vso-vip-20.vso-vip-4{
    height:0;
    width:0;
    dispaly:none;
}
.vso-vip-20.vso-vip-5{
    background-position:0 0;
}
.vso-vip-20.vso-vip-6{
    background-position: 0 -30px ;
}
.vso-vip-20.vso-vip-7{
    background-position: 0 -60px ;
}
.vso-vip-20.vso-vip-8{
    background-position: 0 -90px ;
}
.vso-vip-20.vso-vip-9{
    background-position: 0 -120px ;
}
/*主页logo动画*/
.m-header .m-logo-bg {
    position: absolute;
    top: 0;
    left: 0;
    width:300px;
    height:100px;
    background-image: url("https://account.vsochina.com/static/vsologo/logo_may_day.png?1");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.m-header .m-logo-bg.m-logo-animate{
    animation-name: vsologo;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-name: vsologo;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
}
@keyframes vsologo
{
    0% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-1.png"); }
    20% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-2.png"); }
    40% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-3.png"); }
    60% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-4.png"); }
    80% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-5.png"); }
}
 
@-webkit-keyframes vsologo
{
    0% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-1.png"); }
    20% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-2.png"); }
    40% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-3.png"); }
    60% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-4.png"); }
    80% { background-image: url("https://account.vsochina.com/static/vsologo/christmas-5.png"); }
}