html,body {
	background: #fff;
    overflow: initial;
}

*{
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    font-size: 12px;
}

textarea{
    resize:none;
    font-size: 12px!important;
}

.body{
	margin-left: 200px;
    min-height: 900px;
    position: initial;
    overflow: initial;
    font-weight: normal;
}

/*header*/
.header-user-mobile,.header-navDiv-mobile-button{
    display: none;
}

.header-navDiv li#nowNav {
    border-bottom: 1px solid #feb729;
}

span.header-subNav-back {
    margin: 0px 6px;
}

.pb-header{
    height: 140px;
    background: #00275e;
    margin-bottom: 0px;
    display: table;
    width: 100%;
}

.top-header{
    height:30px;
}

.heade-nav-top{
    background: #fff;
    height: 30px;
    margin-bottom: 16px;
}

.header-nav{
    height:58px;
}

.header-singleNav {
    float: right;
    margin: 0px;
    height: 35px;
}

.header-singleNav a{
    float:left;
    line-height: 35px;
    height: 35px;
    margin-right: 15px;
    font-size: 12px;
    color:#000;
}

.header-singleNav a i {
    margin: 0px 5px;
}

.header-subnav{
    height:35px;
    background: #feb729;
}

.subbody{
    width: 1170px;
    margin: auto;
}

.m-body{
    margin-top:20px;
    display: table;
}

.top-subheader {
    line-height: 30px;
    float: right;
    font-size: 13px;
}

.top-subheader a {
    color: #000;
    margin-left: 5px;
    border-left: 1px solid;
    padding-left: 10px;
}

.top-subheader a:first-child {
    border: 0px;
}

.header-logo {
    width: 200px;
    margin-top: -18px;
    float:left;
}

.header-logo img{
    width:100%;
}

.header-navDiv{
    float:left;
}

.header-navDiv li a{
    color:#feb729;
    font-size: 16px;
}

.header-navDiv li {
    float: left;
    font-size: 16px;
    width: auto;
    text-align: center;
    height: 45px;
    line-height: 50px;
    padding: 0px 15px;
    position: relative;
    margin-left: 26px;
}


.header-navDiv li:hover{
    border-bottom:1px solid #feb729;
}

.subcate{
    position: absolute;
    display: none;
    background: #00275e;
    margin: 0;
    width: 180px;
    z-index:999999;
    left: -44px;
}
.ssub{ position: absolute;
    background: #00275e;
    margin: 0;
    width: 180px;
    z-index:999999;
    left: 180px;
    top: 0;
    display: none;
}
.header-navDiv .subcate li{
    display: block; float: none;margin-left: 0;
}
.header-navDiv .subcate li:hover{
    border-bottom:none;
}
.m-login{
    height:385px;
}

p.reg_send {
    display: initial;
    width: 43px;
    float: right;
}

.reg-password-show,.reg-password1-show {
    position: absolute;
    top: 0;
    height: 37px;
    line-height: 37px;
    right: 32px;
    color: #888;
    cursor: pointer;
}

.tpl-portlet-components{
    /*overflow: initial;*/
}

p.reg_error {
    padding: 3px 16px;
    background: #F0DEDE;
    border: 1px solid #C96B6B;
    color: #C96B6B;
    text-align: center;
    height: 30px;
    line-height: 22px;
}

.reg_noteDiv {
    overflow: hidden;
    height: 0px;
}

.header-subnav .subbody {
    height: 100%;
}

.header-subnav .subbody > a {
    float: left;
    height: 35px;
    line-height: 35px;
    color: #000;
    font-size: 12px;
}

/*login*/
.m-login.am-login {
    width: 39%;
    min-width: 650px;
    min-height: 330px;
    background: #FFFFFF;
    margin: 43px auto;
    height: auto;
    position: relative;
    box-shadow: #E2E2E2 0px 0px 7px;
}

.loginForm {
    display: table;
    width: 100%;
}

.login-show{
    background: url("image/shadow.png") no-repeat center;
    position: absolute;
    height: 100%;
    width: 8px;
    top: 0;
}

.login-r {
    right: 0px;
    transform: scaleX(-1);
}

.login-title {
    line-height: 40px;
    margin: 20px auto;
    width: 90%;
    color: #666;
    letter-spacing: 1px;
}

.login-body {
    width: 74%;
    margin: auto;
    font-size: 12px;
    margin-left: 38px;
}

.login-body label{
    font-weight: 100;
}

.login-body button,.login-body .button {
    width: 35%;
    height: 40px;
    line-height: 40px;
    background: #feb729;
    border: 0px;
    color: #fff;
    border-radius: 3px;
    float: right;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    text-align: center;
}

.login-body .reg-button{
    background: #66696D;
}

.login-other a {
    color: #feb729;
    font-size: 12px;
    margin-right: 10px;
    position: relative;
}

.login-other {
    width: 80%;
    margin: 25px auto;
}

.login-other span {
    margin-right: 4px;
}

span#login_container {
    position: fixed;
    background: #fff;
    top: 0;
    bottom: 0;
    height: 0px;
    margin: auto;
    left: 0;
    right: 0;
    width: 295px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: #ccc 0px 0px 33px;
    z-index: 999;
}

span#login_container img {
    width: 100%;
}

span#login_container p#title {
    display: table;
    margin: auto;
    font-size: 14px;
    color: #333;
}

span#login_container p#note {
    position: absolute;
    top: 135px;
    right: 0;
    left: 0;
    margin: auto;
    width: 112px;
    z-index: -1;
    font-size: 14px;
}

a.login-forget {
    float: right;
    font-size: 12px;
    color: #6D98AB;
    text-decoration: underline;
}

.login-other > * {
    float: left;
    color: #666;
    font-size: 12px;
}

.login-other p{
    margin-right: 10px;
}

.IN-widget {
    position: absolute;
    left: 0px;
    width: 37px;
    opacity: 0;
    overflow: hidden;
}

.home-info img {
    max-width: 1124px;
}

div#home-act-title {
    border: 0px;
    font-weight: bold;
    color: #615f6c;
}

div#home-act-title .subtitle {
    font-size: 17px;
}

/*.home-single-content td,.home-single-content th{
    border: 1px solid #666;
}*/
/*reg*/
form.regForm {
    width: 74%;
    margin: auto;
    font-size: 12px;
    margin-left: 38px;
}

form.regForm .reg_btn {
    background: #feb729;
    width: 79%;
    border: 0px;
    line-height: 40px;
    height: 40px;
    color: #fff;
    border-radius: 3px;
    float: right;
    text-align: center;
    cursor: pointer;
}

.reg_noteDiv {
    overflow: hidden;
    height: 0px;
    background: #f3bcbc;
    line-height: 40px;
    border-radius: 3px;
    text-align: center;
    /*border: 1px solid #b94747;*/
    color: #fff;
    width: 79%;
    float: right;
}

form.regForm .hash {
    width: 40%;
    float: left;
}
.regForm .reg-send {
    line-height: 37px;
    height: 37px;
    background: #6D98AB;
    /* width: 40%; */
    float: left;
    display: table;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    margin: 0px;
    margin-left: 1rem;
    cursor: pointer;
    padding: 0px 12px;
}

/*page*/
.home-page{
    margin-top:0px;
}

/*single*/
.single-cover img {
    width: 100%;
}

p.single-text-center {
    width: 100%;
    display: table;
}

.single-text-center span{
    float:left;
    text-align:center;
}

.home-info {
    /* border: 1px solid #ccc; */
    border-radius: 3px;
    padding: 23px;
    margin-top: 20px;
    background: #fff;
}

.home-info .title {
    text-align: center;
    font-size: 23px;
}

/*myspace*/
#myspace-nav-mobile{
    display:none;
}

.mobile-header-nav-scroll #public-share{
    display:none;
}

.tpl-left-nav-item .nav-link span, .tpl-left-nav-sub-menu a span{
    color: #00275E;
}

.tpl-left-nav-list {
    /*border-right: 1px solid #6D98AB;*/
}

.myspace-nav {
    width: 235px;
    float: left;
}

.myspace-body {
    width: 76%;
    min-height: 400px;
    float: left;
    margin-left:2%;
    margin-top:10px;
}

.tpl-left-nav-item .nav-link i, .tpl-left-nav-sub-menu a i{
    color: #6D98AB;
}

.myres-table {
    font-size: 12px;
    margin-bottom: 40px;
}

.myres-table .am-icon-angle-double-up {
    width: 20px;
    height: 20px;
    color: #fff;
    background: #f77;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    display: none;
}

.myres-table .title{
    margin-bottom: 5px!important;
}

.myres-table tbody tr td {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
    font-size: 12px;
}

a#upload-hid {
    position: relative;
}

a#upload-hid form {
    position: absolute;
    top: 0;
    width: 87%;
    height: 100%;
}

a#upload-hid form input {
    width: 100%;
    height: 100%;
    opacity: 0;
}

p.myres-note {
    text-align: center;
    border-radius: 3px;
    background: #f9f4ea;
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    color: #6d98ab;
    overflow: hidden;
    display: none;
}

p.myres-cospace {
    font-size: 17px;
    color: #00275e;
}

p.myres-note a {
    margin-left: 10px;
    color: #fe5229;
    text-decoration: underline;
}

.tpl-left-nav-sub-menu a:hover, .tpl-left-nav-sub-menu a.active {
    color: #feb729;
    background: #f9f4ea!important;
}

.tpl-left-nav-item .nav-link:hover span,
.tpl-left-nav-sub-menu a:hover span {
    color: #feb729;
}

.tpl-left-nav-item .nav-link:hover i,
.tpl-left-nav-sub-menu a:hover i {
    color:#feb729;
}

.tpl-left-nav-item .nav-link:hover {
    background: #f9f4ea;
    border-left: 3px solid #feb729!important;
}

.myspace-body a.link {
    color: #00275e;
    text-decoration: underline;
    font-weight: 400;
}

.myspace-body .title {
    color: #6D98AB;
    font-size: 16px;
    border-bottom: 1px solid #6D98AB;
    margin-bottom: 45px;
}

.myres-table table thead th {
    color: #6d98ab;
    font-weight: 400;
}

.myspace-nav #now{
    color: #feb729;
    background: #f9f4ea!important;
}

.myspace-nav #now span, .myspace-nav #now i{
    color: #feb729;
    font-weight: bold;
}

.myat-body {
    width: 67%;
    min-height: 400px;
    float:left;
}

.myat-cate {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    padding: 0px 10px;
}

.myat-cate .subtitle {
    border-right: 1px solid #ccc;
    height: 100%;
    float: left;
    padding-right: 12px;
}

.myat-subcate {
    float: left;
}

.myat-subcate a {
    padding: 0px 10px;
    border-right: 1px solid #ccc;
    /* float: left; */
    height: 30px;
    line-height: 30px;
    display: initial;
}

.myat-subcate a span {
    height: 10px;
    width: 10px;
    background: #ccc;
    display: inline-table;
    margin-right: 5px;
}

.myat-list-post {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 3px;
    padding: 10px;
    background: #f9f9f9;
    transition: background 0.5s;
    position: initial;
}

.myat-post{
    width: 100%
}

.myat-list-post:hover{
    background: #f9f4ea;
} 

.myat-list-post .time span {
    margin-left: 5px;
    color: #cc3535;
    font-weight: bold;
}

.myat-list-post .cover {
    height: 137px;
    border-radius: 3px;
    width: auto;
    display: table;
    max-width: 352px;
}

.myat-list-post .cover img {
    width: 100%;
}

.myat-list-post .subtitle {
    color: #666;
    font-size: 18px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    line-height: 18px;
    margin-bottom: 15px!important;
}

.myat-list-post .info p {
    margin: 0px;
    line-height: 26px;
    word-wrap: break-word;
    word-break: normal;
    max-width: 573px;
}

.myat-list-post .cate {
    width: 100%;
    height: 30px;
    background: #ffffff;
    font-size: 12px;
    line-height: 30px;
    border-left: 15px solid #cc3535;
    padding-left: 10px;
    box-shadow: #f7f4f4 0px 0px 1px;
}

.myat-list-post .cate a {
    color: #666;
}

.myat-list-post .info {
    line-height: 17px;
    margin-top: 20px;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #FFF;
    margin-bottom: 20px;
    border-radius: 3px;
    padding: 15px;
    color:#666;
}

.myat-right {
    float: right;
    width: 32%;
}

.myat-right .title {
    margin-bottom: 16px;
}

.myat-right-allpost {
    margin-top: 35px;
}

.myat-right-sublist {
    margin-bottom: 20px;
    display: table;
    width: 100%;
    padding: 10px;
    position: relative;
    height: 190px;
    border-bottom: 1px dashed #ccc;
}

.myat-right-sublist a{
    display: table;
    width: 100%;
    position: relative;
}

.myat-right-sublist > div {
    float: left;
}

.myat-right-sublist .time {
    border: 1px solid #CC3535;
    border-radius: 3px;
    width: 44px;
    font-size: 12px;
    height: 70px;
    overflow: hidden;
    float:left;
}

.myat-right-sublist .time p {
    line-height: 35px;
    margin: 0px;
    text-align: center;
    color: #CC3535;
}

.myat-right-sublist .time p:last-child {
    color: #fff;
    background: #CC3535;
}

.myat-right-sublist .info {
    position: absolute;
    left: 70px;
}

.myat-right-sublist .info p {
    line-height: 10px;
    font-size: 12px;
    color:#666;
}

.myat-right-sublist .info .subtime span {
    color: #CC3535;
    font-weight: bold;
    margin-left: 5px;
}

.myat-right-sublist .info .cover {
    width: 135px;
    height: 100px;
    background: #f9f9f9;
    border-radius: 3px;
    position: relative;
}

.myat-right-sublist .info .cover img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.myat-right-sublist .info p.subtitle {
    font-size: 14px;
    line-height: 20px;
}

.myspace-body label {
    font-size: 12px;
    color: #000;
    font-weight: inherit;
}

.myspace-chpw .am-form input[type=password] {
    width: 60%;
}

ul.am-list.wait-work-list {
    font-size: 12px;
}

ul.am-list.wait-work-list>li:first-child {
    border: 0px;
}

ul.am-list.wait-work-list>li .time {
    float: right;
    margin:0px;
}

ul.am-list.wait-work-list>li a {
    color: #999;
    cursor: text;
    height: 43px;
}

.waitwork-page > div {
    float: right;
}

.waitwork-page > div * {
    font-size: 14px;
    margin: 0px 4px;
}

.myspace-form .btn{
    background: #6D98AB;
    font-size: 12px;
    color: #fff;
    padding: 12px 15px;
    border-radius: 3px;
    border: 0px;
}

.moreres-userinfo{
    display: table;
}

.moreres-userinfo > div{
    display: table;
    margin-bottom: 25px;
}

.moreres-userinfo > div > * {
    float: left;
    margin:0px;
    font-size: 12px;
    margin-right: 15px;
}

.moreres-update-btn {
    margin-left: 20px;
    color: #fff;
    background: #CC3535;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    margin-right: 10px;
}

.moreres-userinfo .username{
    line-height: 32px;
    font-size: 22px;
}

.moreres-mylv{
    color:#888;
}

.moreres-mylv span{
    color: #6D98AB;
    margin-left: 5px;
}


.moreres-bbsmo a {
    margin-left: 10px;
    text-decoration: underline;
    color: #cc3535;
}

.moreres-level .lv-plan {
    width: 90%;
    height: 12px;
    border-radius: 10px;
    background: #d6d6d6;
    overflow: hidden;
    margin: auto;
}

.moreres-level .lv-plan span{
    float:left;
    height: 100%;
    width: 40%;
    background: #6D9EBD;
}

.lv-plan-text {
    /*display: table;*/
    width: 90%;
    position: relative;
    margin: auto;
    margin-top: -41px;
    height: 74px;
}

.lv-plan-text .sublvtitle {
    float: left;
    height: 100%;
}

.lv-plan-text .sublvtitle .am-icon-lv {
    margin: 5px auto;
    width: 20px;
    background: #fff;
    border-radius: 100%;
    float: initial;
    display: table;
    border: 2px solid #6d9ebd;
}

.lv-plan-text .sublvtitle p {
    /* display: table; */
    height: 20px;
    clear: left;
    width: 100%;
    position: inherit;
}

.lv-plan-text p {
    font-size: 12px;
    width: 16%;
    text-align: center;
    color: #666;
    position: absolute;
    margin: 0px;
}

.lv-plan-text p span{
    display: none;
}

.lv-plan-text p:nth-child(even) {
    top: -48px;
}

.moreres .title{
    border:0px;
    color:#000;
}

.moreres-level {
    border-top: 1px dashed #ccc;
    padding-top: 20px;
}

.moreres-about{
    border-top: 1px dashed #ccc;
    padding-top: 20px;
    margin-top:40px;
}

.moreres-about td {
    font-size: 12px;
}

.moreres-about th{
    font-size: 14px;
    font-weight: initial;
}

.my-profile-userinfo .username {
    font-size: 22px;
    color: #000;
    font-weight: bold;
}

.my-profile-userinfo a.link {
    color: #6d98ab;
    /*text-decoration: inherit;*/
}

.my-profile-userinfo a.link span {
    color: #888;
    margin-left: 10px;
    text-decoration: inherit!important;
    display: none;
}

.my-profile-userinfo a, .my-profile-userinfo p {
    font-size: 12px;
    line-height: 30px;
    margin: 0px;
}

.my-profile-userinfo p{
    color:#888;
}

.my-profile-userinfo .honor {
    font-size: 15px;
    bottom: 10px;
    right: 15px;
    position: absolute;
    color: #00275e;
    text-decoration: underline;
    cursor: pointer;
}

.my-profile-userinfo .honor i {
    margin-right: 6px;
}

/*myspace_notes*/
.myspace_hidewin {
    width: 400px;
    height: 0px;
    position: fixed;
    background: #fff;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 3PX;
    box-shadow: #ccc 0px 0px 21px;
    z-index:1000;
    overflow: hidden;
}

.myspace_hidewin label {
    line-height: 17px;
    width: 87px;
    height: 30px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.myspace_hidewin .close {
    float: right;
    color: #FF6565;
    font-size: 18px;
    cursor: pointer;
}

.myspace_hidewin .am-u-sm-10 {
    width: 78%;
    margin: auto;
    display: table;
    float: inherit;
}

.myspace_hidewin .am-u-sm-10 input {
    height: 30px;
    line-height: 30PX;
    padding: 0px 5px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    width: 70%;
}

.myspace_hidewin .button {
    font-size: 12px;
    width: 100px;
    text-align: center;
    background: #6D98AB;
    height: 30px;
    line-height: 30px;
    margin: auto;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

.myspace_hidewin h5 {
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 100;
    border-bottom: 1px solid #EAEAEA;
    background: #F7F7F7;
    color: #666;
}

#mymail_ticket_hidewin{
    height: 0px;
    width: 36%;
    /*min-height: 400px;*/
    min-width: 500px;
}

#mymail_ticket_hidewin .am-u-sm-10{
    float:left;
}

#mymail_ticket_hidewin .am-u-sm-10 input{
    float:left;
    width: 100%;
}

#mymail_ticket_hidewin .am-form-group {
    width: 92%;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

#mymail_ticket_hidewin .submit .am-u-sm-10{
    /*float:left;*/
    width: 100%;
}

.userspace-info{
    position: relative;
}

.userspace-info #public-share{
    color: #fff;
    background: #CC3535;
    border-radius: 3px;
    font-size: 12px;
    padding: 0px 15px;
    text-decoration: inherit;
    top: 0px;
    height: 30px;
    line-height: 30px;
    transition: background 0.3s;
    width: 101px;
    right: 0;
    position: absolute;
    z-index: 3;
}

.userspace-info #public-share .-mob-share-ui-button {
    background: inherit;
    color: #fff;
    margin: 0px;
    line-height: 30px;
    height: 30px;
    padding: 0px;
    border:0px;
}

.userspace-info #public-share:hover{
    background: #9A4646;
}

.profile {
    width: 72%;
    float:left;
}

div#my-profile {
    overflow: hidden;
    height:850px;
}

.timeshaft{
    margin-top: -680px;
    height: 660px;
    overflow-y: scroll;
}

.timeshaft-note{
    display: none;
    text-align: center;
    width: 100%;
}

.my-profile-editinfo,.my-profile-approve-editinfo {
    padding: 15px;
    background: #f7f7f7;
    padding-top:7px;
    display: table;
    width: 100%;
}

.my-profile-bind {
    margin-top: 20px;
    padding-top: 12px;
}

.my-profile-bind .title p{
    width: 100px!important;

}

.my-profile-bind .IN-widget {
    position: absolute;
    width: 100%;
    opacity: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
}

.my-profile-bind .am-form-group a {
    float: right;
    position: relative;
}

.my-profile-bind .am-form-group input {
    width: 57%!important;
    float: left!important;
    margin-left: 10px!important;
}

.my-profile-approve-editinfo input{
    float:left!important;
    width:50%!important;
}

.my-profile-approve-editinfo label{
    width:60px;
}

.my-profile-approve-editinfo .am-form-group{
    width: 70%!important;
}

.my-profile-approve-editinfo .am-form-group .link{
    float:right;
}

.my-profile-approve-editinfo .am-form-group .notes{
    margin:0px 5px;
}

.my-profile-userinfo {
    padding-bottom: 20px;
    overflow: hidden;
    z-index: 2;
    position: relative;
    display: table;
    width: 100%;
    background: transparent;
}

.my-profile-userinfo .subdiv{
    box-shadow: #ccc 0px -2px 25px;
    display: table;
    width: 100%;
    padding-bottom:20px;
    background: #fff;
    position: relative;
}

.my-profile-editinfo *, .my-profile-editinfo .title {
    font-size: 12px;
}

.my-profile-edit {
    display: table;
    width: 100%;
}

.profile-edit-base .am-form-group {
    display: table;
    width: 43%;
    position: relative;
    float:left;
    margin-bottom: 5px;
}

.profile-edit-base {
    margin: 0px 3%;
}

.profile-edit-base .am-form-group > * {
    float: left;
    line-height: 30px;
    height: 30px;
    font-size:12px!important;
}

.profile-edit-base .am-form-group label{
    margin-right: 2%;
}

.profile-edit-base .am-form-group input,.profile-edit-base .am-form-group .input {
    width: 80%;
    border: 0px;
    background: #f7f7f7;
    float:right;
    margin:0px;
    color:#888;
}

.profile-edit-base .am-form-group .input{
    cursor: no-drop;
}

.profile-edit-base .am-form-group:nth-child(odd) {
    clear: left;
    margin-right: 10%;
}

.profile-edit-more .am-form-group{
    display: table;
    width: 100%;
    margin:10px 0px;
}

.profile-edit-more input,.profile-edit-more label{
    height: 30px;
    line-height: 30px;
    width: auto!important;
    
}

.profile-edit-more .am-u-sm-9{
    float:right!important;
    padding:0px;
    width: 90%;
}

.profile-edit-more .am-u-sm-9 input{
    width: 100%!important;
    border: 0px;
    background: #f7f7f7;
    float: right;
    margin: 0px;
    color: #888;
    font-size: 12px;
}

.profile-right {
    float: right;
    width: 24%;
}

.profile-right .title{
    margin-bottom: 16px;
}

.profile-myat-subdiv .cover {
    width: 94px;
    height: 66px;
    background: #f7f7f7;
    float: left;
    border-radius: 3px;
    position: relative;
}

.profile-myat-subdiv .cover img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.profile-myat-subdiv {
    display: table;
    width: 100%;
    font-size: 12px;
    position: relative;
    margin-bottom: 20px;
}

.profile-myat-subdiv .info {
    float: right;
    left: 100px;
    position: absolute;
    height: 100%;
}

.profile-myat-subdiv .title {
    border: 0px;
    color: #666;
    width: 100%;
    overflow: hidden;
    position: inherit;
    height: 37px;
    margin: 0px;
    word-wrap: break-word;
    line-height: 18px;
}

.profile-myat-subdiv .view {
    margin: 0px;
    /* bottom: 0; */
    position: relative;
    width: 100%;
    display: table;
    top: 40px;
    color:#888;
}

p.myat-more-myact {
    font-size: 12px;
    text-align: center;
    background: #f7f4f4;
    line-height: 40px;
    height: 40px;
    border-radius: 3px;
    color: #e0aaaa;
    cursor: pointer;
    transition:color 0.5s;
}

p.myat-more-myact:hover{
    color: #cc3535;
}

.my-profile-userinfo .avatar {
    width: 150px;
    height: 150px;
    background:#f7f7f7;
    float: left;
    margin-right: 20px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.my-profile-editinfo .submit {
    font-size: 12px;
    padding: 8px 40px;
    border-radius: 3px;
    background: #6d98ab;
    border: 0px;
    float: right;
}

.my-profile-userinfo .avatar img {
    max-width: 100%;
    display: table;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.my-profile-userinfo .avatar a input {
    position: absolute;
    top: 0;
    left: -76px;
    width: 170%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.my-profile-userinfo .avatar a {
    cursor: pointer;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 30px;
    color: #fff;
    font-size: 15px;
    text-shadow: #000 0px 0px 3px;
    overflow: hidden;
}

.my-profile-userinfo .avatar a i {
    margin-right: 14px;
}

.my-profile-editinfo div.title,.my-profile-approve-editinfo div.title {
    font-size: 12px;
    border: 0px;
    height: 30px;
    line-height: 30px;
    display: table;
    width: 100%;
    position: relative;
    margin-bottom:15px;
}

.my-profile-editinfo div.title p,.my-profile-approve-editinfo div.title p {
    width: 65px;
    position: absolute;
    z-index: 1;
    background: #f7f7f7;
    color: #cccccc;
    font-size: 14px;
}

.my-profile-editinfo div.title .border,.my-profile-approve-editinfo div.title .border {
    left: 0px;
    border-bottom: 1px solid #e4e4e4;
    height: 3px;
    width: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    box-shadow: #fff 0px 2px 0px;
}


.faq-search p i {
    margin-right: 9px;
}

a.faq-chat {
    text-align: center;
    width: 100%;
    display: table;
    margin-top: 20px;
    text-decoration: underline;
}

/*actsingle*/
.actsingle-info{
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    min-height: 200px;
}

.actsingle-info .part-people span {
    margin-left: 5px;
    color: #cc3535;
    font-size: 15px;
}

.actsingle-info h4 {
    font-size: 26px;
    color:#333;
    line-height: 30px;
}

.actsingle-info .cover {
    width: 300px;
    height: 200px;
    background: #FBFBFB;
    border-radius: 3px;
    position: relative;
    float:left;
}

.actsingle-info .info {
    float: left;
    position: absolute;
    left: 326px;
    max-width: 440px;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    line-height: 20px;
    color:#888;
}

.actsingle-info .info p {
    margin: 7px 0px;
}

.actsingle-info .partin-btn {
    bottom: 0;
    position: absolute;
    left: 326px;
    background: #CC3535;
    padding: 10px 23px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    transition: background 0.5s;
}

.actsingle-info .partin-btn:hover{
    background: #AB1E1E;
}

.actsingle-info .cover img{
    position: absolute;
    top:0;
    bottom:0;
    margin: auto;
    width: 100%;
}

.actsingle-body {
    margin-top: 20px;
    width: 100%;
}

.actsingle-info .link {
    font-size: 15px;
    text-decoration: underline;
    float: right;
    font-weight: 400;
    color: #CC3535;
}

.myat-clause {
    position: fixed;
    width: 600px;
    height: 0;
    background: #FFF;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: #8E8E8E 0px 0px 17px;
    z-index: 10;
    overflow: hidden;
}

.myat-clause .title {
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 1px solid #CC3535;
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
    color: #CC3535;
}

.myat-clause textarea {
    width: 90%;
    margin: auto;
    display: inherit;
    height: 64%;
    border: 0px;
    outline:none;
}

.myat-agreed-div {
    /* display: inherit; */
    margin: auto;
    display: table;
    font-size: 12px;
}

.myat-agreed-div .close {
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}
/*mymail*/
.mymail-btn{
    width: 100%;
    display: table;
    margin-bottom: 15px;
}
.mymail-btn a {
    float: left;
    font-size: 12px;
    padding: 5px 10px;
    background: #7a9eb0;
    color: #fff;
    margin-right: 15px;
    border-radius: 3px;
}

#mymail .note,.myspace-nav #now .note,#waitwork .note{
    display: none;
}

.mymail_new .note,.waitwork_new .note{
    background: #FEB729;
    width: 10px;
    height: 10px;
    padding: 0px;
    border-radius: 100%;
    display: table;
    position: absolute;
    left: 110px;
    top: -2px;
    bottom: 0;
    margin: auto;
    display: initial!important;
    border-left:initial;
}

input#myat-agreed {
    margin-top: 2px;
    margin-right: 10px;
    float: left;
}
/*faq*/
.faq {
    /*background: #F3F3F3;*/
    padding: 24px;
    margin-top: 20px;
    border-radius: 3px;
    width: 80%;
}

td.faq-q p {
    line-height: 28px!important;
    text-align: left;
    margin: 0px!important;
}
td.faq-q p {
    line-height: 28px!important;
    text-align: left;
    margin: 0px!important;
}
.faq-table .am-table>tbody>tr>td {
    color: #666;
    background: inherit;
}

.faq-table .am-table>tbody>tr>td:hover{
    background: #666;
}

.faq-table .am-table>tbody>tr>td:hover {
    background: #fbf3e3;
    color: #888;
}

.faq-table .am-table>thead>tr>th {
    font-size: 16px;
    color: #999;
    font-weight: 500;
}

.faq .title{
    font-size:22px;
    font-weight: bold;
    text-align: center;
    font-weight: 400;

}

.faq-search input {
    width: 76%;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    padding:2%;
}

.faq-search p {
    float: right;
    margin: 0px;
    width: 22%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background: #FEB729;
    border-radius: 3px;
    cursor: pointer;
}

.faq-table {
    background: #fffaf1;
    border-radius: 7px;
    padding: 10px;
    margin-top: 20px;
    font-size: 12px;
    border: 1px solid #f7e1b6;
}

.faq-leave {
    width:256px;
    position: fixed;
    background: #fffaf1;
    top: 0;
    bottom: 0;
    right: -260px;
    margin: auto;
    display: inherit;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: #ccc -3px 4px 8px;
}

.faq-leave .title {
    width: 100%;
    padding-left: 4%;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #d6981b;
    background: #f7e1b6;
}

.faq-leave .title i {
    float: right;
    margin-right: 20px;
    cursor: pointer;
}

.faq-leave .title i:hover{
    color:#fff;
}


.faq-leave p.websbite,.faq-leave .tel {
    font-size: 14px;
    color: #888;
    margin: 0px 4%;
}

.faq-leave p.websbite{
    color:#666;
}


.faq-leave .faq-form {
    margin: 4%;
}

.faq-leave .faq-form textarea {
    height: 105px;
    resize: none;
}

.faq-leave .faq-form .am-btn {
    width: 100%;
    border-color: #e4a62a;
    background: #feb729;
}

/*foreget*/
.forgetForm {
    padding-bottom: 30px;
}

a.forget-type {
    font-size: 12px;
    margin-left: 13px;
}

.forgetForm button {
    width: 66.5%;
}

.forget-title{
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-right: -45px;
    width:100%;
}

.forget-body{
    width:85%;
}
/*footer*/
.m-footer{
    display: table;
    width: 100%;
}

.m-footer .subbody {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #E0E0E0;
    font-size: 12px;
    line-height: 9px;
}

.footer-about {
    float: right;
    margin-right: 25px;
    text-align: right;
}

.footer-follow a {
    margin-left: 12px;
    font-size: 12px;
    line-height: 20px;
}

.footer-follow a span {
    margin-left: 6px;
}

.footer-follow a img {
    height: 20px;
}

.footer-follow-code {
    position: fixed;
    background: #fff;
    top: 0;
    bottom: 0;
    height: 0px;
    margin: auto;
    left: 0;
    right: 0;
    width: 295px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: #ccc 0px 0px 33px;
    z-index: 999;
}

.footer-follow-code img {
    width: 100%;
}

.footer-follow-code .am-icon-close {
    float: right;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    background: #FF5050;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.footer-follow-code .am-icon-close:hover{
    background: #CA3D3D;
}

.tab_header,.tab_body{
    display: table;
}

.tab_header > p {
    float: left;
}

.tab_header > p {
    float: left;
    margin: 0px;
    padding: 5px 24px;
    background: #ededed;
    border: 1px solid #ccc;
    margin-right: 5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    cursor: pointer;
}

.tab_body {
    width: 100%;
    padding: 2%;
    background: #fff;
    border: 1px solid #ccc;
}

.tab_header {
    margin-bottom: -0.8px;
}

.tab_header > p#now{
    background: #fff;
    border-bottom-color: #fff;
}
.leftcon{ width: 80%; float: left;}
.rightcon{ width: 78%; float: right;}
.content .tit{ font-size: 28px; text-align: center;}
.content .time{ font-size: 14px; text-align: center;}
.content .info{ font-size: 14px; line-height: 24px;}
.leftlist{
    width: 20%;
    float: left;
}
.rightlist{
    width: 20%;
    float: right;
}
.rightlist a{ display: block;  font-size: 14px; color: #000; border-bottom: 1px dotted #f4f4f4; border-left: 2px solid #0a628f; margin-bottom: 14px; padding-left: 10px;}

@media only screen and (max-width: 640px) {
    .myspace-nav{
        display: none;
    }

    .subbody{
        width: 92%;
    }

    .header-navDiv {
        position: fixed;
        width: 210px;
        height: 100%;
        background: #f9f9f9;
        top: 0;
        z-index: 998;
        left:-220px;
        box-shadow: #868686 0px 3px 22px;
    }

    @keyframes navDisplay
    {
        from {left:-220px;}
        to {left:0px;}
    }

    @keyframes navHidden
    {
        from {left:0px;}
        to {left:-220px;}
    }

    .header-navDiv-hidden{
        animation:navHidden 0.5s;
        animation-fill-mode:forwards;
    }
    .header-navDiv-display{
        animation:navDisplay 0.5s;
        animation-fill-mode:forwards;
    }

    .header-navDiv li {
        font-size: 14px;
        float: inherit;
        text-align: left;
        padding: 0px 40px;
    }

    .header-navDiv li:hover {
        border:0px!important;
    }

    .header-navDiv li a {
        color: #333!important;
    }

    .tpl-left-nav-item .nav-link span, .tpl-left-nav-sub-menu a span {
        color: #333;
    }

    .header-navDiv li:hover a{
        color: #feb729!important;
    }

    
    .tpl-left-nav-item > a span{
        color:#333!important;
        cursor: default!important;
    }

    .header-subnav{
        background: #feb729;
        height: auto;
        display: table;
        width: 100%;
    }

    .header-singleNav{
        width: 100%；
    }

    .header-subnav .subbody > a{
        display: none;
    }

    .header-user-mobile{
        display: block;
        width: 100%;
        background:url('https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1362990473,3670267060&fm=23&gp=0.jpg');
        height: 180px;
        position: relative;
    }

    .header-user-mobile .avatar {
        overflow: hidden;
        border-radius: 100%;
        height: 100px;
        width: 100px;
        display: block;
        position: absolute;
        top: -42px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: #fff 0px 0px 6px;
    }

    .header-user-mobile .avatar img {
        width: 100%;
    }

    .header-user-mobile .user-cate-bars {
        position: absolute;
        bottom: 4px;
        width: 78%;
        padding: 0px;
        height: 38px;
        margin: auto;
        left: 0;
        right: 0;
        line-height: 38px;
        font-size: 14px;
        color:#fff;
        cursor: pointer;
    }

    .header-user-mobile .user-cate-bars i {
        float: right;
    }

    .header-navDiv li#nowNav {
        border-bottom: 1px solid #feb729;
        background: #feb729;
        color: #fff;
        line-height: 45px;
    }

    .header-navDiv li#nowNav a {
        color: #fff!important;
    }

    .header-navDiv-mobile-button {
        display: block;
        float: right;
        margin-right: 31px;
        margin-top: -18px;
        color: #FFF;
        cursor: pointer;
    }

    .myspace-body{
        width: 100%;
        margin: 0px;
    }

    .m-login.am-login{
        min-width: initial;
        width: 100%;
    }

    .footer-about{
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .m-body{
        display: block;
    }

    .profile-right{
        display: none;
    }

    .profile{
        width: 100%;
    }

    .home-info img{
        width: 100%;
    }

    #myspace-nav-mobile {
        height: auto;
        float: left;
        width: 100%;
    }

    .mobile-header-nav-scroll #public-share{
        display: inherit;
        line-height: 30px;
        height:30px;
    }

    #myspace-nav-mobile i{
        display: none;
    }

    .mobile-header-nav-scroll {
        overflow-y: auto;
        height: calc(100% - 180px);
        -moz-height: calc(100% - 180px);
    }

    ul#myspace-nav-mobile li.tpl-left-nav-item {
        width: 100%;
        padding:0px 20px;
    }

    ul#myspace-nav-mobile li {
        width: auto;
        height: auto;
        padding: 0px 20px;
        background: #f9f9f9;
    }

    ul#myspace-nav-mobile li:hover{
        border:0px!important;
    }

    ul#myspace-nav-mobile li a {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    ul#myspace-nav-mobile li a:hover {
        border: 0px!important;
        background: inherit!important;
    }

    .profile-edit-base .am-form-group{
        width: 100%;
        float:left;
        clear:inherit!important;
    }

    .profile-password{
        display: none!important;
    }

    .profile-edit-more .am-u-sm-9 {
        width: 55%;
    }

    .moreres-level{
        display: none;
    }

    .myat-right{
        display: none;
    }

    .myat-body{
        width: 100%;
    }

    .-mob-share-ui.-mob-share-ui-theme-slide-right ul.-mob-share-list li{
        height: 70px!important;
    }

    .userspace-info #public-share{
        top: 114px;
        left: 169px;
    }

    #mymail_ticket_hidewin{
        width: 100%;
        height: 100%;
    }

    .footer-follow > * {
        margin-bottom: 10px;
        text-align: center;
        display: table;
        margin: 10px auto!important;
        width: 155px;
    }

    .footer-follow a * {
        float: left;
    }

    .footer-follow > span {
        margin-bottom: 16px!important;
    }
}


.mytab{}
.mytab ul{}
.mytab ul li{ display: inline-block; margin-right: 10px; font-size: 16px; color: #000; border-bottom: 2px solid #fff;}
.mytab ul li a{font-size: 16px; color: #000;}
.mytab ul li.cur{ color:#0a628f; border-bottom: 2px solid #000;}
.videolist{ padding-top: 20px;}
.videolist .vitem{ float: left; width: 210px; margin: 10px 5px;
    height: 196px;}
.videolist .vitem a{ text-align: center; font-size: 14px;}
.videolist .vitem a img{ width: 210px; height: 120px;}
.more{ text-align: right; padding-top: 20px; font-size: 18px;}
.more a{  font-size: 18px;}
.down h2{ font-size: 26px; border-left: 4px solid #30a3f4; padding-left: 20px; color: #323232;}
.help h2{ font-size: 26px; border-left: 4px solid #30a3f4; padding-left: 20px; color: #323232; margin-top: 30px;}
.downlist{}
.downlist a{ background: url("image/down_ico.jpg") no-repeat left center; font-size: 16px; color: #333; padding-left: 30px; display: block; float: left; width: 48%; margin: 5px 1%; border-bottom: 1px solid #d5d5d5; line-height: 32px;}


.helplist{}
.helplist dl{ background: #fff; border: 1px solid #f0f0f0; width: 48%; margin: 10px 1%; float: left;}
.helplist dl dt{ font-size: 16px; line-height: 34px; padding-left: 10px;}
.helplist dl dt span{ display: inline-block; font-size: 18px; float: right; width: 16px; height: 16px; background: #00b8ee;border-radius: 50%; text-align: center; line-height: 16px; color: #fff; margin: 8px 8px 0 0;}
.helplist dl dd{ font-size: 14px; line-height: 24px; padding:0 10px; display: none;}

.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }

.flex {

    display: -webkit-flex;
    /* æ–°ç‰ˆæœ¬è¯­æ³•: Chrome 21+ */
    /* æ–°ç‰ˆæœ¬è¯­æ³•: Opera 12.1, Firefox 22+ */
    display: -webkit-box;
    /* è€ç‰ˆæœ¬è¯­æ³•: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* è€ç‰ˆæœ¬è¯­æ³•: Firefox (buggy) */
    display: -ms-flexbox;
    display: flex;

    /* æ··åˆç‰ˆæœ¬è¯­æ³•: IE 10 */
}

.flex1 {
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1 /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1 /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-align-bottom {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-news { padding-top: 30px;}
.home-news .tit{ text-indent: 45px; font-size: 18px; color: #4c4c4c; height: 40px; line-height: 40px; background: url("image/icon_jishu.png") no-repeat 12px center #f7f7f7;}
.home-news .tit .tabs{ display: inline-block; padding-left: 78px;}
.home-news .tit .tabs a{ font-size: 16px; margin-right: 30px; color: #4c4c4c; font-weight: normal;}
.home-news .tit .tabs a:hover,.home-news .tit .tabs a.cur{border-bottom:2px solid #feb729;}
.home-news .tit a.more{ color: #feb729; font-size: 12px; float: right; padding-right: 10px; padding-top: 0; }
.home-news .flex{ padding-top: 22px; width: 100%;}
.home-news .lista{ width: 420px; }
.home-news .lista a{ display: block; border-bottom: 1px dotted #e4e7e3; font-size: 14px; color: #4c4c4c; line-height: 36px;}
.home-news .lista a:hover{ color: #feb729;}
.home-news .lista a:hover span{ color: #feb729;}
.home-news .lista a img{ vertical-align: middle; margin-left: 4px;}
.home-news .lista a span{ float: right; font-size: 14px; color: #969696;  font-family:"PingFang SC";}


.jishulist{ border: 1px solid #e8e8e8; width: 862px; margin: 0 auto; margin-top: 20px; }
.jishulist .tit{ border-bottom: 2px solid #feb729; height: 48px; line-height: 48px; padding: 0 42px; font-size: 18px;color: #232323; font-size: 18px;}
.jishulist .tit span{font-size: 18px;}
.jishulist .lista{ padding: 10px 0; min-height: 200px;}
.jishulist .lista a{ border-top: 1px solid #fff;border-bottom: 1px solid #fff; display: block; height: 38px; line-height: 38px; font-size: 14px; color: #4c4c4c; padding-right: 42px; padding-left: 24px;}
.jishulist .lista a:hover{background: #f8f8f8; color: #feb729; border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.jishulist .lista a span{ float: right;}
.jishulist .lista a i{ color: #79d16b; font-size: 12px; margin-right: 10px;
    transform:scale(0.5,0.5);
    -ms-transform:scale(0.5,0.5);	/* IE 9 */
    -moz-transform:scale(0.5,0.5);/* Firefox */
    -webkit-transform:scale(0.5,0.5); /* Safari å’Œ Chrome */
    -o-transform:scale(0.5,0.5);
}
.tit2{ font-size: 28px; text-align: center;}
.pull-right{ float: right;}
.ltit1 {
    display: flex;
    text-indent: 16px;
    padding-right: 20px;
    justify-content: space-between;
    border-left: 8px solid #feb729;
    font-size: 20px;
    color: #232323;
    line-height: 24px;
    height: 24px;
}.mt32{ margin-top: 32px;}
.mt22{ margin-top: 22px;}

.home-video{ padding-top: 50px;}
.home-video .rightinfo{ width: 880px;}
.home-video .rightinfo .tabs{ text-align: left;}
.home-video .rightinfo .tabs a{ display: inline-block; font-size: 16px; color: #747474; margin-right: 30px; line-height: 30px;}
.home-video .rightinfo .tabs a.cur,.home-video .rightinfo .tabs a:hover{ color: #feb729; border-bottom: 2px solid #feb729;}
.home-video .rightinfo .tabs a.more{ float: right; font-size: 12px; color: #feb729; margin-right: 0; padding-top: 0;}
.home-video .rightinfo .tabs a.more:hover{ border-bottom: 0;}

.home-video .rightinfo dl{ width: 222px; height:176px; margin-top: 14px; flex: 0 0 224px; padding: 0 5px;}
.home-video .rightinfo dl dt{ position: relative; height: 128px; overflow: hidden;}
.home-video .rightinfo dl dt img{ width: 100%;}
.home-video .rightinfo dl dt i{ position: absolute; color: #fff; border: 2px solid #fff; border-radius: 50%;
    top: 48px; left: 94px; width: 30px; height: 30px; padding-top: 7px; padding-left: 11px;}
.home-video .rightinfo dl dt span{ position: absolute; top: 0; left: 0; background: #0ebfa0; color: #fff; width: 42px; height: 20px; line-height: 20px; text-align: center; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.home-video .rightinfo dl dt span.need{  background: #f09c31;}
.home-video .rightinfo dl dd a{ display: block; font-size: 14px;line-height: 20px; color: #4c4c4c;}
.home-video .rightinfo dl dd span{font-size: 13px; color: #969696; font-family:"PingFang SC";}


.rightinfo .tab{ width: 896px;}
.fctabinfo{ height: 190px;}
.fctabinfo .am-slides{ height: 190px;}
.fctabinfo li{ }
.fctabinfo li dl{ width: 210px; }
.fctabinfo li dl dd{ text-align: center;}



.yearselect{ padding-bottom: 20px; padding-left: 14px; }
.yearselect .am-selected-status,.yearselect .am-selected-icon{ color: #fff; font-size: 14px;}
.leftlist{ background: #494041;border-top-left-radius: 5px; border-top-right-radius: 5px; padding-bottom: 30px; border-radius: 5px;}
.leftlist a{ color: #fff; font-size: 14px; padding-left: 14px; line-height: 30px; display: block;}
.leftlist a:hover{ color: #494041; background: #fff;}
.leftlist .title{ height: 44px; line-height: 44px; color: #fff; background: #00275e;border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 16px; border-bottom: 2px solid #e2644b;}


.sfzx_list ul li{
    width: 450px;
    height: 160px;
    border-radius: 4px;
    background: #f0f0f0;
    float: left;
    margin: 0 108px 33px 0;
    box-shadow: 4px 4px 5px #e0e0e0,-4px -2px 5px #e0e0e0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=’#e0e0e0, Direction=135, Strength=5)
}
.sfzx_list ul li a{
    display: block; font-size: 16px;
}
.sfzx_list_l{
    float: left;
    width: 84px;
    height: 84px;
    border: 2px solid #a3a3a3;
    border-radius: 50%;
    margin: 20px 0 0 10px;
    position: relative;
}
.sfzx_list_l img{
    display: block;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    margin: 2px 0 0 2px;
}
.sfzx_list_l h4{
    font-size: 26px;
    color: #fff;
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    text-align: center;
}

.sfzx_list_m{
    float: left;
    width: 310px;
    text-align: center;
    margin: 14px 0 0 19px;
}
.sfzx_list_m h4{
    font-size:14px;
    color: #0771d4;
    border-bottom: 2px solid #a1a1a1;
    margin: 0;
    line-height: 26px;
}
.sfzx_list_m h5{
    font-size: 14px;
    color: #666;
    margin: 10px 0 0 0;
    background: url(../../../default/static/images/wz.png) no-repeat left;
    min-height:19px;
    text-align: left;
    padding-left: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.sfzx_list_m h6{
    font-size: 14px;
    text-align: left; padding-left: 15px;
    color: #666;
    margin: 10px 0 0 0;
    background: url(../../../default/static/images/mail.png) no-repeat left;
    height: 23px;
}
.sfzx_list_m h6 strong{ font-size: 15px;}
.sfzx_list_m b{
    font-size: 14px;
    color: #666;
    background: url(../../../default/static/images/l_img15.png) no-repeat 30px;
    margin: 10px 0 0 0;
    display: block;
    font-weight: normal;
    line-height: 15px;
}
.sfzx_list_r{
    width: 168px;
    float: right;
    margin: 26px 24px 0 0;
}
.sfzx_list_r p{
    font-size: 14px;
    color: #1f1f1f;
    line-height: 24px;
}


.prolist{}
.prolist .tit{ font-size: 28px;}
.prolist dl{ float: left; width: 260px; margin: 10px 10px; background: #fff; height: 340px;}
.prolist dl dt img{ width: 100%;}
.prolist dl dd{ background: #f5f5f5; margin: 0; padding: 5px 10px; height: 88px;}
.prolist dl dd h2{ margin: 0; font-size: 18px; }
.prolist dl dd h2 a{ margin: 0; font-size: 18px; }
.prolist dl dd p{ margin: 0; color: red; font-size: 14px;}


.imgslider{ width: 420px;}
.titmain{ width: 660px;}
.titmain h2{ font-size: 24px;}
.titmain h3{ font-size: 20px; margin-top: 16px;}
.progg{ font-size: 16px; padding: 15px 0;}
.progg a{ border: 1px solid #4c4c4c; font-size: 16px; padding: 10px 18px; margin-right: -1px; color: #000;}
.progg a.cur{ border: 1px solid #08a3fd; font-weight: bold; background: #d7e6f9;}
.price{ font-size: 16px; padding: 10px 0;}
.buynum{ font-size: 16px; padding: 10px 0;}
.price span{ color: red; font-size: 20px; padding-left: 10px;}
.tipbtn{ margin-left: 10px;}

#t-keybord {
    position: absolute;
    top: 200px;
    left: 600px;
    z-index: 100px;
    background-color: #fff;
    width: 360px;
    border: 10px solid rgba(0, 150, 136, .5);
    box-shadow: 0 0 50px 2px #ccc;
}
#t-value {
    width: 190px;
    height: 42px;
    outline: none;
    border: 1px solid #ccc;
    font-size: 18px;
    border-radius: 2px;
    text-indent: 10px;
}
table#t-keyvalue {
    margin: 0 10px;
    border-collapse: collapse;
    border-style: hidden;
    width: 340px;
    table-layout: fixed;
    word-break: break-all;
}
table#t-keyvalue tr td {
    height: 70px;
    text-align: center;
    cursor: pointer;
}
table#t-keyvalue tr:last-child,  table#t-keyvalue tr:first-child {
    height: 15px;
}
#t-keyvalue tr td button {
    width: 80px;
    height: 50px;
    outline: none;
    font-size: 18px;
    border-radius: 2px;
}
#t-keyvalue tr td button.control {
    border: 1px solid #009688;
    background-color: #009688;
    color: #fff;
    box-sizing: border-box;
}
#t-keyvalue tr td button.clicker {
    color: #555;
    border: 1px solid #C9C9C9;
    background-color: #fff;
}
#t-keyvalue tr td button.control:hover {
    border: 1px solid rgba(0, 150, 136, .5);
    background: rgba(0, 150, 136, 0.8);
}
#t-keyvalue tr td button.clicker:hover {
    border: 1px solid rgba(0, 150, 136, .5);
}
.hidden {
    display: none;
}
.t-keybord {
    text-indent: 10px;
    height: 38px;
    line-height: 38px;
    width: 120px;
    border: 1px solid #ccc;
}

.info{ font-size: 14px;}
.info p{ font-size: 14px;}
.info .tit{ border-bottom: 1px solid #4c4c4c;}
.info .tit span{border: 1px solid #4c4c4c; font-size: 16px; margin-bottom: -1px; background: #fff;  border-bottom: none; width: 120px; text-align: center;padding: 10px 20px; display: inline-block;}

.shadow {
    -moz-box-shadow: 2px 2px 16px #333;
    -webkit-box-shadow: 2px 2px 16px #333;
    box-shadow: 2px 2px 16px #333;
}
.cardlist {}
.cardlist .item{ float: left; width: 270px; text-align: center; background: #fff; margin: 10px 10px; padding: 10px 0;
    height: 215px;}
.cardlist .item h2{ font-size: 14px;}
.cardlist .item dl { margin: 5px 0;}
.cardlist .item dl dt{ width: 100px; text-align: center; padding-left: 10px;}
.cardlist .item dl dt img{ width: 90%; }
.cardlist .item dl dd{ font-size: 16px; width: 150px; margin: 0;}
.cardlist .item dl dd p{ font-size: 15px; margin: 0; text-align: left;}
.cardlist .item a{ margin: 0 auto;}
.red{ color: red !important;}

.page{ text-align: center; padding: 20px 0;}
.page a,.page span{ display: inline-block; font-size: 14px; margin: 0 4px; border:1px solid #23527c; padding: 0 7px;}
.page a:hover{ background: #23527c;color: #fff;}
.page span{ display: inline-block; border:1px solid #000;}