/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family:  Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, Heiti, sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


body {font-size: 14px;}
.w950 {width: 950px !important; min-width: 950px !important;}
a {text-decoration:none;}
a:active,
a:focus  {outline: none;}

.left {float: left;}
.right {float: right;}
.clear {clear: both; padding: 0; margin: 0; width: 0; height: 0; zoom:1;}
.hide {display: none;}

.viewblock {width: 1200px; margin: 0 auto;}
.link {transition: background .5s,color .5s;}

.one-viewblock { height: 100%; background: #fff; min-width: 1092px;}
.block-w1 {  width: 1150px; margin: 0 auto;}
.page-gobtns .block-w1 {width: 60%; min-width: 950px;}
.block-title1 { height: 40px; line-height: 40px; overflow: hidden; position: relative;}
.block-title1 .title {font-size: 22px; font-weight: normal;}
.block-title1 .more {position: absolute; right: 0; bottom: 0; color: #7c7c7c; font-size: 14px;}


/* header */
.page-top {padding: 5px 0; background: #fff; font-size: 12px;}
.page-top .top-ul {}
.page-top .top-ul .li {float: left;}
.page-top .top-ul .li .link {color: #8a8a8a; padding: 0 10px; border-right: 1px solid #bbb;}
.page-top .top-ul .li .link:hover {color:#f60;}
.page-top .top-ul .li-last .link {border-right: none;}
.page-top .top-ul .li-center {position: relative;}
.page-top .top-ul .li-center .link {/*padding-right: 20px;*/}
.page-top .top-ul .li-center .ico-arrow {display:none;position: absolute; height: 0; width: 0; overflow: hidden; border:4px solid #fff; border-top-color:#8a8a8a; top: 7px; right:8px; }
.page-top .top-ul .li-ship {margin-right:10px;}
.page-top .top-ul .li-ship .link { border-right: 0; color: #0089dd;}
.page-top .top-ul .li-ship .link:hover {color:#f60;}
.page-top .top-ul .li-login .link { color: #0089dd;}
.page-top .top-ul .li-login .link:hover {color:#f60;}

.page-header {padding:0 0 5px; width: 100%; background: #fff;}
.page-header .nav-list {}
.page-header .nav-list .li {float: left; padding-left: 30px;}
.page-header .nav-list .li .link {display:inline-block; height: 54px; line-height: 54px; padding:0 10px 0 20px; color: #555; font-size: 16px; position: relative;}
.page-header .nav-list .li .link .ico-arrow {width:14px; height: 14px; position: absolute; left: 0; top: 50%; margin-top: -7px; background: url(../images/new_images/my_imgs.png) 0 0 no-repeat; overflow: hidden;}
.page-header .nav-list .li.li_bg a,
.page-header .nav-list .li a:hover {color:#246399; }
.page-header .nav-list .li.li_bg a .ico-arrow,
.page-header .nav-list .li a:hover .ico-arrow {background: url(../images/new_images/my_imgs.png) -14px 0 no-repeat;}
.page-header .nav-list .li-first { padding-left: 0;}


/* footer */
.footer-info { background: #323232; padding-top: 25px; color: #a6a6a6; position: relative;}
.footer-info .dl-list { width: 24%;}
.footer-info .dl-list dt {font-size: 18px; padding-bottom: 5px;}
.footer-info .dl-list dd { padding-bottom: 5px;}
.footer-info .dl-list dd a {font-size: 14px; color: #a6a6a6;}
.footer-info .dl-list dd a:hover { color: #89ADEB; }
.footer-info .copy-right {text-align: right; padding:0 20px 10px 0; color: #75797b; font-family: simsun;}
#cnzz_stat_icon_1254886089 {display: none;}
.footer-call .row { height: 40px; line-height: 40px; padding-left: 60px; position: relative;}
.footer-call .row .ico {position: absolute; top: 0; left: 0; width: 50px; height: 40px; background: url(../images/new_images/my_imgs.png) 0 -240px no-repeat; }
.footer-call .row .ico-call {background-position: 0 -280px;}
.footer-call .kefu { margin-bottom: 10px;}
.footer-call .kefu .kefu-btn { display: block; background: #3897ad; border-radius: 5px; color: #fff; text-align: center; padding: 0 35px; font-size: 22px; letter-spacing: 5px;}
.footer-call .kefu a:hover {background: #157188;}
.footer-call .call .number {font-size: 26px;}

.footer-friends {padding-bottom: 20px;  word-wrap: break-word; word-break: break-all;}
.footer-friends .friends-name {padding-left: 35px; position: relative; line-height: 29px; font-size: 20px;}
.footer-friends .friends-name .ico-friends {position: absolute; left: 0; top: 0; background: url(../images/new_images/ico_friends.png) 0 0 no-repeat; width: 29px; height: 29px;}
.footer-friends .f-link {display: inline-block; line-height: 29px; float: left; margin-left: 20px; color: #b8b5b5; font-size: 16px;text-decoration: underline;}
.footer-friends .f-link:hover {color: #89ADEB;}

/* page-top2 */
.page-top2 {height: 39px; line-height: 39px; background: #454545;}
.page-top2 .link {float: left; height: 39px; line-height: 39px;}
.page-top2 .turn {padding-right: 30px;}
.page-top2 .turn .link {color: #ffab26; padding-right: 30px; padding-left: 35px; position: relative;}
.page-top2 .turn .link .icon {position: absolute; width: 25px; height: 25px; top: 7px; left: 5px;  background: url(../images/new_images/icons_layout.png) 0 0 no-repeat;}
.page-top2 .turn .ship-link .icon {background-position: 0 0;}
.page-top2 .turn .mobile-link .icon {background-position: -25px 0;}
.page-top2 .oper  {padding-right: 40px;}
.page-top2 .oper .link {color: #fff; padding-left: 12px;}

/* page-header2 */
.page-header2 {height: 86px; background: #fff;}
.page-header2 .nav-div .nav-link {float: left; height: 86px; line-height: 86px; font-size: 18px; color:#2d2d2d; padding: 0 25px;}


.page-header2 .nav-div .header-user {float: left;}
.page-header2 .avatar-btn {display: block; height: 86px; line-height: 86px; position: relative; overflow: hidden; padding: 0 33px 0 17px; border: 0; border:1px solid transparent;}
.page-header2 .header-user:hover .avatar-btn {border:1px solid #ccc; border-bottom: 0;}

.page-header2 .avatar-btn .user-avatar {display: inline-block; width: 25px;}
.page-header2 .avatar-btn .user-avatar img {width: 25px; height: 25px; border-radius: 13px; position: absolute; top: 30px; left: 17px;}
.page-header2 .avatar-btn .icon-arrow {position: absolute; right: 15px; top: 40px; width:10px; height: 7px; background: url(../images/new_images/icons_layout.png) -175px 0 no-repeat; transition: transform .6s;}

.page-header2 .header-user {position: relative;}
.page-header2 .header-user .hover-line {position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #7eaeff; display: none;}
.page-header2 .header-user .hover-whiteline {position: absolute; top: 75px; left: 1px; right: 1px; height: 1px; background: #fff; display: none;}
.page-header2 .header-user .list {position: absolute; right: 0; top: 75px; padding: 20px; background: #fff; width: 125px;
    /*    box-shadow: 0 3px 3px #666;*/
    border: 1px solid #ccc;
}
.page-header2 .header-user .list .login-btn {display: block; height: 33px; line-height: 33px; background: #6ba2fe; color: #fff; text-align: center; transition: background .6s;}
.page-header2 .header-user .list .login-btn:hover {background: #5f96f2;}
.page-header2 .header-user .list .member-username { word-break: break-all; word-wrap: break-word; line-height: 18px; color: #6ba2fe;}
.page-header2 .header-user .list .row {padding-top: 15px;}
.page-header2 .header-user .list .row,
.page-header2 .header-user .list .row .link {color: #7e7e7e; font-size: 13px;}
.page-header2 .header-user .list .row .link-blue {color: #6ba2fe;}
.page-header2 .header-user .list .row .link:hover { color:#ffab26;}
.page-header2 .header-user:hover .avatar-btn { background: #fff; position: relative; }
.page-header2 .header-user:hover .avatar-btn .icon-arrow { background-position: -175px -7px; transform: rotate(180deg);}
.page-header2 .header-user:hover .hover-line {display: inline-block;}
.page-header2 .header-user:hover .hover-whiteline {display: inline-block; z-index: 2;}
.page-header2 .header-user:hover .list {display: inline-block;}
.page-header2 .link-btn {width: 80px; margin:27px 0 0 15px;}
.page-header2 .link-btn { float: left; position: relative; height: 32px; line-height: 32px; padding: 0 20px;}
.page-header2 .link-btn .btn-bg,
.page-header2 .link-btn .btn-text {position: absolute; top:0; left: 0; right: 0; bottom: 0; border-radius: 16px;}
.page-header2 .link-btn .btn-bg {z-index: 0; background: #fff; opacity: .1; filter:Alpha(opacity=10); transition: opacity .6s;}
.page-header2 .link-btn .btn-text {z-index: 1; text-align: center; color: #fff;}
.page-header2 .link-btn:hover .btn-bg {z-index: 0; background: #fff; opacity: .8; filter:Alpha(opacity=80);}
.page-header2 .link-btn:hover .btn-text {color: #6ba2fe;}


.page-header2 .logo {margin-top: 13px;}
/* fixdiv */
.page-fixdiv {position: fixed; _position: absolute; right: 0; top: 30%; z-index: 11;}
.page-fixdiv .item-li {position: relative; width: 60px; height: 60px; margin-bottom: 4px; font-size: 12px;}
.page-fixdiv .item-link { position: absolute; width: 60px; height: 60px; top: 0; left: 0; z-index: 2; text-align: center; color:#d6d6d6;}
.page-fixdiv .item-link .icon { height: 30px; width: 30px; display: block; margin: 5px auto; background: url(../images/new_images/icons_layout.png) 0 0 no-repeat;}
.page-fixdiv .app-link .icon {background-position: -50px 0;}
.page-fixdiv .service-link .icon {background-position: -80px 0;}
.page-fixdiv .item-bg { position: absolute; width: 60px; height: 60px; top: 0; left: 0; z-index: 1; background: #2e2e2e; filter:Alpha(opacity=80); opacity: .8; transition: opacity 1s;}
.page-fixdiv .item-li:hover .item-bg { filter:Alpha(opacity=100); opacity: 1; }

.page-fixdiv .app-codediv {position: absolute; left: 200px; background: #fff; text-align: center; padding-bottom: 15px;  box-shadow: 1px 1px 3px #666;}
.page-fixdiv .app-codediv .code-img { padding: 15px; height: 94px; }
.page-fixdiv .app-codediv .codeimg {width: 94px; height: 94px;}
.page-fixdiv .app-codediv .code-text {font-size: 14px;}
.page-fixdiv .app-codediv .icon-arrow {position: absolute; width: 10px; height: 15px; overflow: hidden;
    right: -9px;
    top: 25px; background: url(../images/new_images/icons_layout.png) -140px 0 no-repeat;}
.page-fixdiv .li-app:hover .app-codediv{ left: -140px;}


/* page-footer2 */
.page-footer2 {background: #131b4a;}
.page-footer2 .dl {padding: 0 130px 0 20px;}
.page-footer2 .dl .dt {font-size: 16px; line-height: 30px; color:#fff; padding-bottom: 15px;}
.page-footer2 .dl .dd a {color:#6570b5; display: block; line-height: 25px; font-size: 13px;}
.page-footer2 .dl .dd a:hover { color:#e7eafa; }
.page-footer2 .code-div {margin-left: 70px; padding: 11px; background: #fff; height: 131px;}
.page-footer2 .code-div .text-info {color:#fff; text-align: center; font-size: 16px; padding-top: 20px;}
.page-footer2 .service-div .text-row1 {display: block; font-size: 16px; color: #fff; text-align: center; padding-top: 20px;}
.page-footer2 .service-div .text-row2 {display: block; text-align: center; color:#ffbd67; font-size: 24px; padding: 25px 0;}
.page-footer2 .service-div .service-link {display: block; width: 160px; height: 36px; line-height: 36px; color: #fff; text-align: center; font-size: 20px; background: #1f83ea; border-radius: 3px;}
.page-footer2 .service-div .service-link:hover {background: #409dfe;}
.page-footer2 .viewblock {position: relative; padding:30px 0 50px;}
.page-footer2 .viewblock .footer-xin,
.page-footer2 .viewblock .copy-right {position: absolute;}
.page-footer2 .viewblock .footer-cheng {position: absolute; left: 0; bottom: 30px;}
.page-footer2 .viewblock .footer-xin {left: 160px; bottom: 30px;}
.page-footer2 .viewblock .copy-right {height: 25px; line-height: 25px; padding-bottom: 0; left: 0; bottom: 10px; color: #6570b5; font-size: 12px;}
/* btn */
.ui-m-btn1 { display: inline-block; height: 47px; line-height: 47px; border: 1px solid #fff; color: #fff; padding: 0 30px; font-size: 20px; border-radius: 25px;}
.ui-m-btn1 .btn-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0; filter:Alpha(opacity=0); transition: opacity .6s; border-radius: 25px;}
.ui-m-btn1:hover .btn-bg {opacity:.1; filter:Alpha(opacity=10);}
.btn-r-icon {padding-right: 60px; position: relative;}
.btn-r-icon .icon {width: 25px; height: 25px; background: url(../images/new_images/icons_layout.png) -110px 0 no-repeat; position: absolute; top: 11px; right: 15px;}


.full-block {height: 100%;}

.page-header2 {background: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}
.page-header2 .nav-div .nav-link {color: #fff; font-size: 16px;}
.page-header2 .nav-div .nav-link:hover,
.page-header2 .nav-div .active {background: none; color:#ffab26;}

.header-blue { }
.header-blue .nav-div .nav-link {color: #6ba2fe;}
.header-blue .nav-div .nav-link:hover,
.header-blue .nav-div .active {background: none; color:#ffab26;}
.header-blue .avatar-btn .icon-arrow {background-position: -175px -7px;}
.header-blue .link-btn .btn-text { color:#6ba2fe;}
.header-blue .link-btn:hover .btn-text { color:#fff;}
.header-blue .link-btn .btn-bg,
.header-blue .link-btn:hover .btn-bg {background:#6ba2fe;}
.header-blue .header-user:hover .avatar-btn {
    /* box-shadow: 0 -8px 3px #666;*/
}
.header-blue .header-user:hover .avatar-btn  {*background: #f5f5f5; background: #f5f5f5 \9;}
.header-blue .header-user:hover .avatar-btn {background: #fff;}
.header-blue .header-user .list {*background: #f5f5f5; background: #f5f5f5 \9;}
.header-blue .header-user .list {background: #fff;}

.header-hasbg {background: #fff;/*  box-shadow: 0 1px 3px #ddd; */}
.header-maskblock {height: 86px; overflow: hidden;}
.bg-gary {background: #f3f3f3; min-height: 600px;}

.block15 { height: 15px; }

.top-tip { background: #ff1935; color: #fff; position: absolute; width: 100%; left: 10000px; }
.top-tip .tip-text {line-height: 20px; color: #fff; font-family: simsun; font-weight: bold; font-size: 16px; padding: 15px 0;}
.top-tip .tip-text .text-span {position: relative; word-break: break-all; padding-left: 35px; padding-right: 35px; position: relative; display: block;}
.top-tip .tip-text .text-span .icon-tip {position: absolute; width:30px; height: 30px; top: -6px; left: 0; background: url(../images/new_images/top_tip_icons.png) 0 0 no-repeat;}
.top-tip .tip-text .text-span .icon-close  {position: absolute; width:30px; height: 30px; top: -6px; right:0; background: url(../images/new_images/top_tip_icons.png) 0 -30px no-repeat; cursor: pointer;}
.top-tip .tip-text .text-span .icon-close:hover {opacity: .6;}

.page-header2 #logo1 {display: inline-block;}
.page-header2 #logo2 {display: none;}

.header-blue #logo1 {display: none;}
.header-blue #logo2 {display: inline-block;}

.back-fixdiv {position: fixed; _position: absolute; right: 0; bottom: 10%; z-index: 11; width: 40px; height: 40px; transition: width .4s;}
.back-fixdiv .bg { position: absolute; width:40px; height: 40px; top: 0; left: 0; z-index: 1; background: #2e2e2e; filter: Alpha(opacity=80); opacity: .8; transition: opacity 1s; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: width,background .4s;}
.back-fixdiv .icon-backtop {width: 40px; height: 40px; display: inline-block; background: url(../images/new_images/icons_layout.png) 0 -30px no-repeat; position: absolute; top:0; right: 0; z-index: 2;}
.back-fixdiv .text {display: none;}
.on-back {cursor: pointer;}
.on-back,
.on-back .bg {width: 130px;}
.on-back .bg {background: #fc6d1f;}
.on-back .text {color: #fff; display: inline-block; position: absolute; left: 0; line-height: 40px; z-index: 2; font-size: 16px; letter-spacing: 2px; width: 130px; padding-left: 20px;}

.wechat-servie-box {position: relative;}
.wechat-servie-box .wechat-servie-div {position: absolute; padding: 0; background: #fff; top: -45px; right:-165px; display: none;}
.wechat-servie-box .wechat-servie-div .icon-arrow {position: absolute; width: 10px; height: 15px; overflow: hidden; left:-7px; top: 50px; background: url(../images/new_images/icons_layout.png) -140px -15px no-repeat;}
.wechat-servie-div .img {width: 153px;}
.wechat-servie-box:hover .wechat-servie-div {display: inline-block;}

.page-header2 .bg { display: none;}
.page-header2 .header-user .list .bg { display: none;}
.header-black {}
.header-black .bg { display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; opacity: 0.90; filter:alpha(opacity=90); z-index: 1;}
.header-black .viewblock {position: relative; z-index:2;}
.header-black .link-btn .btn-bg {opacity: 0.06; filter:alpha(opacity=6);}
.header-black .avatar-btn {background: none; border: none;}
.header-black .header-user:hover .avatar-btn {background: none; border: none;}
.header-black .header-user .list {background: none;border: 0; top: 80px;}
.header-black .header-user .list .list-cont-div {position: relative; z-index: 2;}
.header-black .header-user:hover .hover-whiteline {display: none;}
.header-black  .header-user .hover-line { top: 80px; left: 50%; width:10px; height: 7px; margin-left: -5px;  background: url(../images/new_images/icons_layout.png) -190px 0 no-repeat;}
.header-black .header-user .list .bg {display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; opacity: 0.5; filter:alpha(opacity=50); z-index: 1;}
.header-black .header-user .list .login-btn {background: #2e3942; background: rgba(51,51,51,.8);}
.header-black .header-user .list .row, .header-black .header-user .list .row .link {color: #fff;}
.header-black .header-user .list .row .link-blue {color: #3c75ed;}
.header-black .nav-div .nav-link:hover, .header-black .nav-div .active { color: #3b71e4 !important;}
.header-black .nav-div .nav-link {position: relative}
.header-black .nav-div .nav-link .hover-line {position: absolute; left: 50%; right: 50%;  bottom: 20px; height: 2px; background: #edda3c; transition: left .4s,right .4s;}
.header-black .nav-div .nav-link:hover .hover-line,
.header-black .nav-div .active .hover-line {left: 0; right: 0; }
.header-black .link-btn:hover .btn-bg {z-index: 0; background: #004b85; opacity: 1; filter:Alpha(opacity=100);}
.header-black .link-btn:hover .btn-text {color: #7e9cb3;}
.header-black .view-block-box {position: relative;}
.header-black .header-user .list .row .link-blue {color: #ffab26;}
.header-black .header-user .list .row .link-blue:hover {color:#edda3c;}

#style1 .div_cursor .S_list { height: 435px !important;}
#style1 .div_cursor .S_list .li-card-top-space {display: block; height: 15px;}
#style1 .div_cursor .S_list .li-card-top-bg {position: absolute; top:-9px; left:0; width:245px; height: 30px; background: url(../images/new_images/li_card_top_bg.png) 0 0 no-repeat;}