@charset "utf-8";

/* 默认值 */
@font-face {
    font-family: 'alibaba puhuiti';
    src: url(OpenSans-Regular.ttf) format("truetype")
}

.header *,
.footer *,
.floating * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-all;
    font-family: 'alibaba puhuiti'
}

html {
    background: #fff;
    color: #333;
    font-size: 12px
}

html,
body,
div,
span,
p,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
img,
small,
strong,
ul,
li,
ol,
dd,
dl,
dt,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: inherit
}

ul,
ol,
li,
dl,
dt,
dd {
    list-style-type: none
}

img {
    vertical-align: middle;
    max-width: 100%
}

pre {
    white-space: pre-wrap
}

/*字体粗细*/
.fwb {
    font-weight: bold
}

.fwn {
    font-weight: normal
}

/*文字居左居中居右默认*/
.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.tai {
    text-align: initial
}

/*文字超出部分显示省略号*/
.wot {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 按钮默认指针 */
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

html input[disabled] {
    cursor: default
}

/*图片居中等比例缩放*/
.dvt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.dvt img {
    max-height: 100%;
    max-width: 100%
}

/*图片hover放大动画效果*/
.animate-img img {
    transition: all ease-out .3s .1s
}

.animate-img:hover img {
    transform: scale(1.1, 1.1)
}

/* a标签点击 */
a {
    text-decoration: none;
    color: inherit
}

/* 浮动 */
.l {
    float: left
}

.r {
    float: right
}

/*清除浮动*/
.clear:after {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden
}

/* 圆角 */
.radius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

/* display */
.db {
    display: block
}

.dn {
    display: none
}

.dib {
    display: inline-block
}

.di {
    display: initial
}

/* 指针 */
.poi {
    cursor: pointer
}

.def {
    cursor: default
}

.wai {
    cursor: wait
}

/* 无框文本框文本域 */
.bo-none {
    border: 0;
    outline: none
}

/*textarea禁用拖动*/
.re-none {
    resize: none
}

/* position */
.rel {
    position: relative
}

.abs {
    position: absolute
}

.fix {
    position: fixed
}

/* overflow */
.ovh {
    overflow: hidden
}

/* 块状元素水平居中 */
.auto {
    margin: 0 auto
}

/*高亮*/
em {
    font-style: normal;
    color: #222
}

.minw {
    min-width: 1200px
}

/*页面最小宽度*/
.layw {
    width: 1200px
}

/*页面布局宽度*/
/*警告*/
.notice {
    background: #fe9f4d;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
    color: #fff
}

.notice .close {
    width: 12px;
    height: 12px;
    background: url(../images/notice-close.png) no-repeat;
    margin-top: 11px
}

/*头部开始*/
.header {
    border-bottom: 1px solid #e0e0e0
}

.head {
    height: 66px;
    border-bottom: 1px solid #e0e0e0
}

.head-a {
    font-size: 15px;
    color: #000;
    margin-top: 21px
}

.head-a2 {
    padding-left: 23px;
    background: url(../images/register.png) no-repeat left center
}

.head-tel {
    font-size: 15px;
    color: #f9cb1a;
    height: 65px;
    line-height: 65px;
    margin-right: 36px
}

.head-span {
    width: 2px;
    height: 15px;
    background: #b8b8b8;
    margin: 24px 15px 0
}

.head-user {
    margin-top: 21px
}

.head-name {
    line-height: 18px;
    height: 18px;
    font-size: 14px;
    color: #000;
    padding-right: 22px;
    background: url(./images/jiao.png) no-repeat right center
}

.head-user:hover .head-name {
    background: url(./images/jiao-on.png) no-repeat right center
}

.head-user:hover .head-name>p {
    border-bottom: 1px solid #f9cb1a;
    color: #f9cb1a
}

.head-user .ul {
    background: #fff;
    width: 208px;
    right: 0;
    top: 19px;
    z-index: 9;
    padding-top: 20px;
    font-size: 14px;
}

.head-user ul {
    border: 1px solid #e0e0e0;
    padding: 10px 15px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .15);
}

.head-user ul a {
    height: 35px;
    line-height: 35px;
    color: #000;
    padding: 0 7px
}

.head-user ul li:hover a {
    color: #f9cb1a
}

.head-user ul li.exit {
    border-top: 1px solid #eaeaea;
    padding-top: 8px
}

.head-user ul li.exit a {
    padding: 0;
    color: #666;
    margin-right: 10px;
    line-height: 1.5
}

.head-user ul li.exit a:hover {
    color: #f9cb1a
}

.head-user .num {
    background: #e61c62;
    font-size: 12px;
    color: #fff;
    padding: 0 4px;
    height: 15px;
    line-height: 15px;
    border-radius: 5px;
    margin-top: 10px
}

.head-user .dj_agent_money {
    border-top: 1px solid #eaeaea;
    line-height: 1.8;
    padding: 12px 7px;
    margin-top: 10px
}

.head-user .dj_agent_money a {
    line-height: 1.8;
    height: initial;
    color: #f9cb1a !important;
    padding-right: 0
}

.head-user .dj_agent_money a:hover {
    color: #f9cb1a !important
}

.head-user .dj_agent_money .jg {
    font-size: 20px;
    color: #f60;
    line-height: 1.3
}

.head-user .dj_agent_money .jg span {
    font-size: 16px
}

/*.head-user:hover .ul{display:block}*/

/*网站标志*/
.logo {
    margin-top: 21px
}

/*股票代码*/
.stock {
    padding-left: 14px;
    border-left: 1px solid #a9a9a9;
    line-height: 1.4;
    margin: 25px 0 0 16px
}

/*周年*/
.anniversary {
    margin: 19px 0 0 30px
}

/*顶部公共浮动*/
.top-banner {
    width: 100%;
    height: 60px
}

.top-banner a {
    height: 100%
}

.top-close {
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    background: rgba(0, 0, 0, .7)
}

/*头部导航*/
.head-nav {
    height: 41px
}

.nav-li {
    width: 85px;
    height: 41px;
    line-height: 41px;
    font-size: 15px;
    color: #000;
    margin: 0 10px
}

.nav-li a {
    height: 100%
}

.nav-li.activity {
    /*background:url(../images/11.png) no-repeat center;*/
    width: 100px;
}

.head-nav .a {
    width: 120px;
    height: 100%;
    background: url(../images/recruit.png) no-repeat center
}

.head-app {
    font-size: 13px;
    color: #f9cb1a;
    line-height: 41px;
    padding-right: 32px;
    background: url(../images/app.png) no-repeat right center;
    margin-left: 65px
}

.head-app .img {
    width: 120px;
    height: 120px;
    max-width: 120px;
    right: 0;
    top: 40px;
    z-index: 50
}

/*.head-app:hover .img{display:block}*/

/*主导航*/
.mainnav {
    width: 200px;
    height: 43px;
    padding-left: 17px;
    margin-top: -1px;
    transition: all .5s
}

.navbtn {
    z-index: 1;
    line-height: 43px;
    font-size: 15px;
    color: #f9cb1a;
    padding-left: 41px;
    background: url(../images/nav-on.png) no-repeat left center;
    transition: all .5s
}

.mainnav:after {
    content: '';
    width: 21%;
    height: 100%;
    background: #f9cb1a;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s
}

.menu {
    width: 200px;
    background: #fff;
    z-index: 9999;
    left: 0;
    top: 43px;
    padding: 7px 0;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .15)
}

.menu>li {
    font-size: 14px;
    color: #000;
    height: 45.4px;
    line-height: 45.4px;
    padding-left: 26px;
    transition: all .5s
}

.menu>li>span {
    font-family: 'alibaba puhuiti';
    margin-right: 26px;
    color: #999
}

.menu>li:hover {
    background: #f0f2f6;
    color: #f9cb1a;
    padding-left: 34px
}

.menu>li:hover>span {
    color: #f9cb1a
}

.menubox {
    width: 680px;
    height: 363px;
    border: 1px solid #e1e5e9;
    top: 0;
    left: 200px;
    background: #fff;
    padding: 20px 30px 0
}

.menubox .ul {
    width: 300px
}

.menubox h1 {
    font-size: 14px;
    color: #000
}

.menubox p {
    font-size: 12px;
    color: #666b85
}

.menubox ul {
    line-height: 1.6
}

.menubox li {
    margin-bottom: 20px
}

.menubox li:hover h1 {
    color: #f9cb1a
}

.menu>li:hover .menubox {
    display: block
}

.mainnav:hover {
    padding-left: 27px
}

.mainnav:hover:after {
    width: 100%
}

.mainnav:hover .navbtn {
    color: #fff;
    background: url(../images/nav-on.png) no-repeat left center;
    padding-left: 27px
}

/*内页导航样式*/
/*.menu{background:#fff;border:1px solid #f9cb1a;border-top:0}
.menu > li{color:#000;height:45.25px;line-height:45.25px}
.menu > li > span{color:#999}
.menu > li:hover{background:#f9cb1a;color:#fff}
.menu > li:hover > span{color:#fff}
.menubox{left:239px}*/

/*头部结束*/

/*底部开始*/
.footer {
    background: #f0f2f6
}

.foot {
    font-size: 13px;
    color: #666b85
}

.foot-top {
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #e1e5e9
}

.foot-top .item {
    width: 446px
}

.foot-top .tt {
    color: #39446b;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px
}

.foot-top .p {
    line-height: 1.8
}

.foot-top .item .tt {
    padding-left: 48px;
    background: url(../images/consult.png) no-repeat;
    background-position: 2px center
}

.foot-top .item .p {
    padding-left: 48px
}

.foot-top .item2 {
    width: 215px
}

.foot-top .item3 {
    width: 215px
}

.foot-top .item4 {
    width: 188px
}

.foot-top .item5 {
    width: 118px
}

.foot-top .ewm {
    width: 118px
}

.foot-top .ewm .hd {
    width: 27px
}

.foot-top .ewm .hd li {
    height: 23px;
    margin-top: 5px
}

.foot-top .ewm .li {
    background: url(../images/ewm-ico1.png) no-repeat center right
}

.foot-top .ewm .li.on {
    background: url(../images/ewm-ico1-on.png) no-repeat center
}

.foot-top .ewm .li2 {
    background: url(../images/ewm-ico2.png) no-repeat center right
}

.foot-top .ewm .li2.on {
    background: url(../images/ewm-ico2-on.png) no-repeat center
}

.foot-top .ewm .li3 {
    background: url(../images/ewm-ico3.png) no-repeat center right
}

.foot-top .ewm .li3.on {
    background: url(../images/ewm-ico3-on.png) no-repeat center
}

.foot-bottom {
    line-height: 2.5;
    padding: 30px 0
}

.foot-bottom .fg {
    margin: 0 10px;
    top: -1px
}

/*底部结束*/

/*浮动栏*/
.floating {
    width: 60px;
    height: 144px;
    right: 6px;
    bottom: 8%;
    background: url(../images/service.png) no-repeat top center;
    z-index: 9999
}

.floating .box {
    width: 193px;
    font-size: 14px;
    color: #000;
    border: 1px solid #ccc;
    background: #fff;
    right: 60px;
    bottom: 12px;
    z-index: 9999;
    padding: 20px 22px 20px 16px
}

/*.floating:hover .box{display:block}*/
.floating .abtn {
    width: 153px;
    height: 45px;
    color: #333;
    line-height: 44px;
    border: 1px solid #f9cb1a;
    margin-top: 20px;
    background-image: url(../images/tel.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: #e4efff;
    text-indent: 52px
}

.floating .abtn:hover {
    background-image: url(../images/tel-on.png);
    background-color: #f9cb1a;
    color: #fff
}

.floating p {
    margin-top: 5px
}

.floating .write {
    height: 17px;
    font-size: 12px;
    color: #f9cb1a;
    background: url(../images/write.png) no-repeat left center;
    padding-left: 26px
}

.floating .write:hover {
    color: #f9cb1a
}

/*意见反馈*/
/*弹窗*/
.popup-layer {
    background: rgba(0, 0, 0, .75);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)
}

.write-popup {
    width: 733px;
    background: #fff;
    border: 1px solid #f9cb1a;
    left: 50%;
    top: 50%;
    margin: -298px 0 0 -366.5px
}

.write-popup-title {
    height: 58px;
    border-bottom: 1px solid #bfbfbf;
    line-height: 57px;
    font-size: 18px;
    color: #000;
    padding: 0 25px 0 33px
}

.write-popup-close {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-style: normal;
    font-size: 20px;
    color: #bfbfbf;
    margin-top: 22px
}

.write-popup-close:hover {
    color: #0485dc
}

.write-form {
    padding: 19.5px 36px 38px
}

.write-form label {
    color: #c00;
    font-size: 12px
}

.write-form .item {
    padding: 7.5px 0
}

.write-form .tit {
    width: 70px;
    font-size: 14px;
    color: #000;
    padding: 10px 14px 0 0
}

.write-form .cont {
    width: 586px
}

.write-form .tex {
    width: 582px;
    height: 87px;
    border: 1px solid #ccc;
    line-height: 1.6;
    padding: 7px 13px;
    font-size: 14px
}

.write-form .imgup-list li {
    width: 110px;
    height: 82px;
    border: 1px solid #bfbfbf;
    margin-left: 8px
}

.write-form .imgup-list li:first-child {
    margin: 0
}

.write-form .imgup-list li img {
    width: 100%;
    height: 100%
}

.write-form .imgup-list li.add {
    background: url(../images/add.png) no-repeat center #f3f3f3
}

.write-form .imgup-list .cancel {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: url(../images/cancel.png) no-repeat center rgba(0, 0, 0, .5);
    right: 5px;
    top: 4px;
    z-index: 1
}

.write-form .imgup-list li.img:hover .cancel {
    display: block
}

.write-form .uptip {
    font-size: 13px;
    color: #666;
    margin-top: 8px
}

.write-form .txt {
    width: 308px;
    height: 43px;
    line-height: 42px;
    border: 1px solid #ddd;
    padding: 0 13px;
    font-size: 14px
}

.write-form .txt2 {
    width: 206px
}

.write-form .code {
    width: 97px;
    height: 43px;
    border: 1px solid #ddd;
    margin-left: 5px
}

.write-form .code img {
    width: 100%;
    height: 100%
}

.write-form .sub {
    width: 158px;
    height: 47px;
    line-height: 47px;
    background: #f9cb1a;
    font-size: 16px;
    color: #fff
}

.write-form .sub:hover {
    background: #f9cb1a
}

.write-form .sub[disabled] {
    background: #999;
    color: #fff
}

.write-popup .prompt {
    height: 38px;
    line-height: 37px;
    background: #fcf8e3;
    border: 1px solid #fbeed5;
    color: #c60;
    font-size: 13px;
    margin-top: 19.5px
}

.write-popup .prompt a {
    color: #f9cb1a
}

.write-popup .prompt a:hover {
    color: #f9cb1a
}

.write-success {
    font-size: 16px;
    color: #000;
    padding: 70px 0 65px;
    margin-top: 38px;
    background: url(../images/success.png) no-repeat top center
}

.header a:hover,
.footer a:hover,
.floating a:hover {
    color: #f9cb1a
}