@charset "utf-8"; 

/*新闻动态*/
.news-banner { background: #014493 url("/skin/images/img20170803132616.jpg") no-repeat 0px 0px; }
.menu-clienty { width: 180px; float: left; padding: 30px 0; min-height: 400px; }
.menu-clienty a { border-bottom: #e1e1e1 solid 1px; display: block; line-height: 40px; font-size: 15px; margin: 0 -1px 10px 0; text-align: center; }
.menu-clienty .action { border-top: #fff solid 1px; color: #236DEF; font-weight: 700; }
.mod-clienty { margin: 10px 0 0 250px; }
.box-client { font-size: 20px; }
.box-client .faq-nav li { height: 100px; width: 910px; border-bottom: 1px solid #e1e1e1; margin-top: 25px; }
.box-client .faq-nav li .box-left { height: 90px; width: 100px; float: left; }
.box-client .faq-nav li .box-left .number { font-size: 55px; text-align: left; color: #b4b4b4; margin-top: -8px; }
.box-client .faq-nav li .box-left .num-data { font-size: 15px; margin-left: 8px; color: #dadada; }
.box-client .faq-nav li .box-right { height: 100px; width: 810px; float: left; }
.box-client .faq-nav li .box-right .title { color: #333333; height: 30px; font-size: 18px; }
.box-client .faq-nav li .box-right .main { font-size: 13px; height: 25px; line-height: 25px; color: #838383; }

.hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.fr-view span[style~="color: "] a { color: inherit; }
.fr-view strong { font-weight: 700; }
.fr-view table { border: 0; border-collapse: collapse; empty-cells: show; max-width: 100%; }
.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th { border-style: dashed; }
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: #f5f5f5; }
.fr-view table td,.fr-view table th { border: 1px solid #ddd; }
.fr-view table td:empty,.fr-view table th:empty { height: 20px; }
.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted { border: 1px double #236DEF; }
.fr-view table td.fr-thick,.fr-view table th.fr-thick { border-width: 2px; }
.fr-view table th { background: #e6e6e6; }
.fr-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; page-break-after: always; }
.fr-view .fr-file { position: relative; }
.fr-view .fr-file::after { position: relative; content: "\1F4CE"; font-weight: normal; }
.fr-view pre { white-space: pre-wrap; word-wrap: break-word; }
.fr-view[dir="rtl"] blockquote { border-left: none; border-right: solid 2px #5e35b1; margin-right: 0; padding-right: 5px; padding-left: 0; }
.fr-view[dir="rtl"] blockquote blockquote { border-color: #00bcd4; }
.fr-view[dir="rtl"] blockquote blockquote blockquote { border-color: #43a047; }
.fr-view blockquote { border-left: solid 2px #5e35b1; margin-left: 0; padding-left: 5px; color: #5e35b1; }
.fr-view blockquote blockquote { border-color: #00bcd4; color: #00bcd4; }
.fr-view blockquote blockquote blockquote { border-color: #43a047; color: #43a047; }
.fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"; display: inline; line-height: 0; }
.fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat!important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em .1em .1em; line-height: 1; vertical-align: middle; }
.fr-view .fr-text-gray { color: #AAA!important; }
.fr-view .fr-text-borde#236DEF { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0 ; }
.fr-view .fr-text-spaced { letter-spacing: 2px ; }
.fr-view .fr-text-uppercase { text-transform: uppercase; }
.fr-view img { position: relative; max-width: 100%; }
.fr-view img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; }
.fr-view img.fr-dib.fr-fil { margin-left: 0; }
.fr-view img.fr-dib.fr-fir { margin-right: 0; }
.fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% -(2 * 5px)) ; }
.fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px) ; }
.fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px) ; }
.fr-view img.fr-rounded { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.fr-view img.fr-borde#236DEF { border: solid 10px #CCC; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.fr-view .fr-video { text-align: center; position: relative; }
.fr-view .fr-video>* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: 0; }
.fr-view .fr-video.fr-dvb { display: block; clear: both; }
.fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; }
.fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; }
.fr-view .fr-video.fr-dvi { display: inline-block; }
.fr-view .fr-video.fr-dvi.fr-fvl { float: left; }
.fr-view .fr-video.fr-dvi.fr-fvr { float: right; }
.fr-view a.fr-strong { font-weight: 700; }
.fr-view a.fr-green { color: green; }
.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large { font-size: 24px; }
a.fr-view.fr-strong { font-weight: 700; }
a.fr-view.fr-green { color: green; }
img.fr-view { position: relative; max-width: 100% ; }
img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; }
img.fr-view.fr-dib.fr-fil { margin-left: 0; }
img.fr-view.fr-dib.fr-fir { margin-right: 0; }
img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% -(2 * 5px)); }
img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); }
img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); }
img.fr-view.fr-rounded { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
img.fr-view.fr-borde#236DEF { border: solid 10px #CCC; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.fr-view { margin: 20px 0; }
.fr-view p,.fr-view a,.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view pre,.fr-view sub,.fr-view sup,.fr-view ol,.fr-view ul { font-size: 14px; }
.fr-view p { line-height: 1.6; margin: 0 0 10px; }
.fr-view a { color: #337ab7; }
.fr-view a:hover { color: #23527c; }
.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4 { margin: 10px 0; }
.fr-view h1 { line-height: 43px; font-size: 36px; }
.fr-view h2 { line-height: 35px; font-size: 30px; }
.fr-view h3 { line-height: 30px; font-size: 24px; }
.fr-view h4 { line-height: 22px; font-size: 18px; }
.fr-view pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; border-radius: 4px; background-color: #f4f8fb; border: 1px solid #d4d8da; }
.fr-view sub,.fr-view sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
.fr-view sub { bottom: -.25em; }
.fr-view sup { top: -.5em; }
.fr-view ol,.fr-view ul { margin-top: 0; margin-bottom: 10px; float: none; text-indent: 1em; line-height: 1.42857143; }
.fr-view ol li { list-style-type: decimal; }
.fr-view ul li { list-style-type: disc; }
.fr-view blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: solid 2px #5e35b1; margin-left: 0; padding-left: 5px; color: #5e35b1; }
.fr-view blockquote p { font-size: 17.5px; margin: 0; }
.fr-view .fr-video { padding: 20px 0; }



/*开通邮箱*/
#apply .title-max { font-size: 22px; text-align: left; color: #000; }
#apply .button-gray-big { background: #fff; border: 1px solid #DDDDDD; color: #868686; }
#apply .button-gray-big:hover { color: #236DEF; border-color: #236DEF; }
#apply .btn-borderBlue { height: 44px; width: 180px; line-height: 44px; color: #236DEF; font-size: 18px; text-align: center; border-radius: 3px; display: inline-block; background: #fff; border: 2px solid #236DEF; }
#apply .btn-borderBlue:hover { color: #fff; background: #236DEF; }
#apply .panel-function ul { margin: 0px 20px; }
#apply .panel-function li>div { margin: 0 10px 40px; }

/*购买详情*/
.apply-buy,.buy-slider { background: #fff; overflow: hidden; }
.apply-buy { padding: 20px; }
.left-img,.right-item,.right-aside { float: left; }
.left-img { margin-right: 20px; }
.left-img .header-img img { border: 1px solid #F1F1F1; }
.left-img .item-img { margin-top: 10px; }
.left-img .item-img b { display: inline-block; width: 60px; height: 60px; background: url("/skin/images/product-title.png") no-repeat -483px -20px; margin: 0 2px; border: 2px solid transparent; }
.left-img .item-img b.on { border-color: #3874CA; }
.right-item { margin-right: 20px; }
.right-item h6 { color: #236DEF; padding: 10px 0; }
.right-item .price-item { background: #FBF8F3; padding: 10px 15px; }
.price-item .deploy-info li,.deploy-item .deploy-info li { line-height: 7px; padding: 7px 0; }
.price-item .deploy-info li p { display: inline-block; width: 40px; }
.deploy-item .deploy-info li p { display: inline-block; width: 65px; }
.price-item .deploy-info li>div,.deploy-item .deploy-info li>div { display: inline-block; position: relative; }
.price-item .total span { font-size: 24px; color: #236DEF; }
.price-item .total s { color: #898884; margin: 0 10px; }
.price-item .total i,.sales-div i { display: inline-block; background: #236DEF; color: #fff; padding: 8px; margin-right: 5px; border-radius: 2px; }
.right-aside { border-left: 1px dotted #B7B7B7; padding-left: 10px; }
.sales-div div { color: #236DEF; }
#apply .right-aside p { color: #236DEF; }
.deploy-item { padding-left: 15px; }
.deploy-item .deploy-info .version div,.deploy-item .deploy-info .year .year_box { position: relative; display: inline-block; width: 80px; height: 30px; line-height: 30px; margin-right: 6px; text-align: center; color: #666; border: 1px solid #D4D4D4; padding: 1px; overflow: hidden; vertical-align: middle; cursor: pointer; }
.deploy-item .deploy-info .version div:hover,.deploy-item .deploy-info .year div:hover { border-color: #236DEF; color: #236DEF; }
.deploy-item .deploy-info .version div.active,.deploy-item .deploy-info .year div.active { border-color: #236DEF; color: #236DEF; }
.deploy-item .deploy-info .version div.active,.deploy-item .deploy-info .year .year_list.active .year_box { border-color: #236DEF; color: #236DEF; }

.deploy-info .year span { position: absolute; text-align: center; background: #236DEF; width: 55px; height: 20px; line-height: 20px; border-radius: 14px; color: #fff;top: -28px; }
.deploy-info .yearSpan3  { 
    /* top: -28px;  */
    /* left: 200px;  */
}
.deploy-info .yearSpan5  { 
    /* top: -28px;  */
    /* left: 293px; */
 }
.deploy-info .yearSpan10  {
     /* top: -28px;  */
    /* left: 386px;  */
}
.deploy-info .year span::before { position: absolute; top: 20px; left: 17px; display: block; width: 0; height: 0; content: ''; border-width: 0; border-style: solid; border-color: transparent; border-right-width: 4.5px; border-top-width: 6px; border-top-color: #236DEF; border-left-width: 4.5px; }
.deploy-info .qiyeName input { width: 286px; height: 30px; padding-left: 10px; margin-right: 10px; font-size: 12px; border: 1px solid #D4D4D4; }
.deploy-info .qiyeName span,.deploy-info .com span { display: none; color: #236DEF; }
.deploy-info .com p { position: relative; top: -28px; }
.deploy-info .com div div:last-child { margin: 10px 0; }
.deploy-info .com input { margin-right: 10px; }
.deploy-info .hasCom { height: 30px; width: 189px; padding-left: 10px; font-size: 12px; border: 1px solid #D4D4D4; }
#apply .youba-radio + label:before,
#apply .youba-checkbox + label:before  { top: -2px; left: 0; width: 16px; height: 16px; }
#apply .youba-radio + label:after  { top: 2px; left: 4px; width: 10px; height: 10px; }
#apply .youba-radio + label,
#apply .youba-checkbox + label  { padding-left: 24px; }
.buy-item-btn { padding: 0px 0 0 84px; }
/*用户数*/
.counter { height: 30px; width: 125px; border: #D4D4D4 solid 1px; border-radius: 2px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;box-sizing: border-box; }
.counter .c-plus,.counter .c-minus { position: relative; width: 20%; height: 30px; display: block; cursor: pointer; }
.counter .c-plus { border-left: #D4D4D4 solid 1px; float: right; }
.counter .c-minus { border-right: #D4D4D4 solid 1px; float: left; }
/* .counter .c-input { float: left; width: 50%; height: 30px; line-height: 24px; padding: 0 5px; text-align: center; font-size: 16px; font-weight: bold; border: none 0; } */
.counter .line-x,.counter .line-y { position: absolute; background: #6F6F6F; }
.counter .line-x { width: 8px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -4px; }
.counter .line-y { width: 2px; height: 8px; top: 50%; left: 50%; margin: -4px 0 0 -1px; }
.limit-tip { opacity: 0; color: #236DEF; transition: all 0.3s linear; }
.buy-slider { margin-top: 15px; }
.buy-slider p { float: left; width: 20px; background: #236DEF; color: #fff; padding: 17px 5px; text-align: center; position: relative; }
.buy-slider p b { position: absolute; display: block; width: 0; height: 0; border-bottom: 8px solid transparent; border-left: 10px solid #236DEF; border-top: 8px solid transparent; left: 20px; top: 42px; }
.buy-slider .slides>li { padding: 20px 0; }
.buy-slider .slides>li>ul>li { float: left; width: 32%; }
.buy-slider .buy-avatar { display: inline-block; width: 64px; height: 64px; border-radius: 50%; }
.buy-slider li div { display: inline-block; line-height: 20px; margin-left: 10px; vertical-align: super; }
.buy-slider li div span { color: #236DEF; }
/*商品详情导航*/
.product-nav { border-bottom: 1px solid #236DEF; margin: 15px 0; background: #fff; width: 100%; overflow: hidden; }
.product-nav li { float: left; width: 13%; height: 50px; line-height: 50px; font-size: 14px; color: #656565; text-align: center; cursor: pointer; }
.product-nav li.active { background: #236DEF; color: #fff; }
/*商品详情内容*/
.product-content { background: #fff; padding: 20px; }
.product-title { display: block; width: 400px; height: 40px; margin: 20px; background: url("/skin/images/product-title.png") no-repeat 0 0; }
.product-title-good { background-position: -10px -8px; }
.product-title-function { background-position: -10px -68px; }
.product-title-evaluate { background-position: -10px -120px; }
.product-title-flow { background-position: -10px -175px; }
/*企业邮箱依赖之选*/
#apply .panel-chooseShow { border-top: 1px solid #F8F8F8; }
#apply .panel-chooseShow li { float: left; width: 33%; border-bottom: 1px solid #F8F8F8; border-right: 1px solid #F8F8F8; }
#apply .panel-chooseShow .item { padding: 15px; }
#apply .panel-chooseShow .item-picShow { float: left; }
#apply .panel-chooseShow .icon { width: 80px; height: 80px; }
#apply .panel-chooseShow .item-contentShow { padding-left: 100px; }
#apply .panel-chooseShow .item-titleShow { margin-top: 10px; font-size: 16px; line-height: 1; color: #333333; }
#apply .panel-chooseShow .item-txtShow { margin-top: 11px; font-size: 12px; line-height: 20px; color: #666666; }
#apply .panel-chooseShow .icon-com { background: url("/skin/images/apply-choose.png") no-repeat -5px -7px; }
#apply .panel-chooseShow .icon-vivid { background: url("/skin/images/apply-choose.png") no-repeat -105px -7px; }
#apply .panel-chooseShow .icon-nolost { background: url("/skin/images/apply-choose.png") no-repeat -205px -7px; }
/*功能详情*/
.function-btn { text-align: center; }
/*客户评价*/
.product-evaluate li { overflow: hidden; padding: 10px 0; border-bottom: 1px dashed #E3E3E3; }
.product-evaluate li img { display: inline-block; }
.product-evaluate li>div { display: inline-block; width: 81%; padding: 12px 0; margin-left: 20px; }
.product-evaluate li>div p { font-weight: bold; font-size: 14px; padding-bottom: 10px; }
.product-evaluate li>div span { line-height: 24px; font-size: 14px; color: #666; }
/*开通流程*/
.product-flow { margin-bottom: 30px; }
.product-flow ul { margin-left: 40px; overflow: hidden; }
.product-flow li { text-align: center; float: left; }
.product-flow li b { display: block; width: 167px; height: 144px; background: url("/skin/images/apply-choose.png") no-repeat 0px -177px; }
.product-flow li p { padding-top: 20px; font-size: 14px; }
.product-flow li i { display: block; width: 28px; height: 22px; margin: 64px 10px 0; background: url("/skin/images/apply-choose.png") no-repeat -63px -137px; }

/*购买网易企业邮箱*/
.panel-deploy { background: #fff; padding: 30px; overflow: hidden; zoom: 1; }
.panel-deploy .title-max { font-size: 22px; text-align: left; color: #000; margin: 0 0 10px; }
.deploy-left { float: left; padding: 0 0 0 15px; }
.deploy-right { float: left; border-left: #f2f2f2 solid 1px; padding: 0 0 0 15px; }
.deploy-info { font-size: 14px; }
.deploy-info li { line-height: 18px; padding: 10px 0; }
.deploy-info li p { display: inline-block; width: 100px; margin-right: 10px; }
.deploy-info li>div { display: inline-block; }
.deploy-info li:first-child p ,.deploy-info li:last-child p { position: relative; top: -12px; }
/*版本选择*/
/* .deploy-info .version div,.year div,.pay-type .pay-type-title>div { position: relative; display: inline-block; width: 90px; height: 30px; line-height: 30px; margin-right: 15px; text-align: center; color: #009CFF; border: 1px solid #009CFF; padding: 1px; overflow: hidden; cursor: pointer; } */
.add_year{
    display: flex!important;
    width: calc(100% - 80px);
    align-items: flex-start;
}
.add_year_content{
    display: flex;
    align-items: center;
}
/*选中动画*/
.selectedDiv { background: #F0F9FF; padding: 0px !important; border-width: 2px !important; }
.icon-i { position: absolute; bottom: -20px; right: 0; width: 20px; height: 20px; background: url("/skin/images/pay.png") no-repeat -9px -9px; }
.icon-selected { animation: iconScale .1s linear; transform-origin: 100% 100%; bottom: 0; right: 0; }
@keyframes iconScale { 0% { transform: scale(0); }
    100% { transform: scale(1); }
}
/*用户数*/
.counter { height: 30px; width: 125px; border: #6F6F6F solid 1px; border-radius: 2px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; display: flex;
    align-items: center;}
.counter .c-plus,.counter .c-minus { position: relative; width: 20%; height: 30px; display: block; cursor: pointer; }
.counter .c-plus { border-left: #6F6F6F solid 1px; float: right; }
.counter .c-minus { border-right: #6F6F6F solid 1px; float: left; }
.counter .c-input {     
    float: left;
    width: 60%;
    padding: 0 5px;
    text-align: center;
    font-size: 16px;
    border: none 0;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1; 
}
.counter .line-x,.counter .line-y { position: absolute; background: #6F6F6F; }
.counter .line-x { width: 8px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -4px; }
.counter .line-y { width: 2px; height: 8px; top: 50%; left: 50%; margin: -4px 0 0 -1px; }
.limit-tip { opacity: 0; color: #236DEF; transition: all 0.3s linear; }
/*企业名称*/
.deploy-info .qiyeName input { width: 286px; height: 30px; padding-left: 10px; margin-right: 10px; font-size: 14px; border: 1px solid #A9A9A9; }
.deploy-info .qiyeName span,.deploy-info .com span { display: none; color: #236DEF; }
/*邮箱域名*/
.deploy-info .com p { position: relative; top: -45px; }
.deploy-info .com div div:last-child { margin: 20px 0; }
.deploy-info .com input { margin-right: 10px; }
.deploy-info .hasCom { height: 25px; width: 189px; padding-left: 10px; font-size: 14px; border: 1px solid #A9A9A9; }
/*购买年限*/
.deploy-info .year { position: relative; }
.year_list{
    position: relative;
}
.deploy-info .year span { position: absolute; text-align: center; background: #236DEF; width: 55px; height: 20px; line-height: 20px; border-radius: 14px; color: #fff;
    left: 50%;
 }
.deploy-info .year span::before { position: absolute; top: 20px; left: 17px; display: block; width: 0; height: 0; content: ''; border-width: 0; border-style: solid; border-color: transparent; border-right-width: 4.5px; border-top-width: 6px; border-top-color: #236DEF; border-left-width: 4.5px; }
.deploy-info .yearSpan2 { top: -28px; left: 126px; }
/* .deploy-info .yearSpan3 { top: -28px; left: 239px; }
.deploy-info .yearSpan5 { top: -28px; left: 353px; }
.deploy-info .yearSpan10 { top: -28px; left: 464px; } */
.deploy-info dd { line-height: 18px; padding: 6px 0; }
.deploy-info .total { padding: 20px 0 10px; }
.deploy-info .f-#236DEF { color: #fd0004; }
.deploy-info .f-24 { font-size: 24px; }
.deploy-info .f-30 { font-size: 30px; }
.deploy-info .f-42 { font-size: 42px; }


/*付款步骤*/
.shop-step { padding: 0px 0 40px 90px; 
    height: auto; overflow: hidden;
}
.shop-step .item { float: left; width: 25%; position: relative; }
.shop-step .item-no { width: 100px; text-align: center; position: relative; z-index: 9; }
.shop-step .item-no span { width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; background: #e3e3e3; display: inline-block; border-radius: 50%; }
.shop-step .item-title { width: 100px; text-align: center; line-height: 20px; margin: 10px 0 0; font-size: 14px; color: #666; }
.shop-step .item-line { height: 5px; background: #e3e3e3; position: absolute; left: 37px; top: 10px; right: -37px; }
.shop-step .on .item-no span,.shop-step .on .item-line { background: #0777d5; }
.shop-step .on .item-title { color: #000; }
/*购物车*/
.panel-cart { background: #fff; padding: 20px 30px; overflow: hidden; }
.cart-header { padding-bottom: 10px; }
.cart-header .title-max,.pay-header .title-max { text-align: left; font-size: 22px; color: #000; line-height: 44px; }
.cart-header .count { float: right; }
.cart-header .count b { font-size: 16px; color: #f00; }
.cart-header .count em { font-style: normal; font-size: 22px; color: #f00; }
.cart-header .count span { font-size: 14px; margin: 0 20px 0 0; }
.table-cart thead th { text-align: center; }
.table-cart tbody tr td:not(:nth-child(2)) { text-align: center; }
.panel-cart .table-cart tbody tr td:nth-child(2) { padding-left: 15px; }
.panel-cart .table-cart tbody tr td:nth-child(3),.panel-cart .table-cart tbody tr td:nth-child(4) { padding-top: 55px; }
.table-cart .counter { width: 100px; margin-left: 16px; }
.table-cart .counter input { width: 47px; }
.table-cart { width: 100%; }
.table-cart th { background: #d4e2ee; font-size: 14px; line-height: 36px; padding: 0 15px; }
.table-cart td { padding: 30px 0px; border-bottom: #ddd dashed 1px; line-height: 1.72; font-size: 14px;vertical-align: middle; }
.table-cart .price { font-size: 16px; font-weight: 700; }
.table-cart .f-#236DEF { color: #f00; }
.table-cart .limit-tip { display: block; }
.cart-footer .youba-checkbox + label:after { top: 0px; }
.cart-footer { padding: 20px 0 0; text-align: right; font-size: 14px; }
.price { margin: 0 0 15px; font-size: 14px; }
.price b { color: #f00; margin: 0 5px; }
.price span { color: #f00; font-size: 28px; }
label[for="chk-agree"] a { color: #0777D5; text-decoration: underline; }
.cart-footer .agree { margin-bottom: 15px; position: relative; }
.cart-footer .agree span { display: none; position: absolute; top: -48px; right: 70px; padding: 10px; font-size: 14px; color: #009CFF; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
.cart-footer .agree .haigui-checkbox{
    margin-right: 6px;
}
/*pay购买网易企业邮箱*/
.pay-info .price {     
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; 
}
.pay-info .price b { display: inline-block; width: 10px; height: 8px; background: url(/skin/images/pay.png) no-repeat -53px -11px; }
.pay-info .price-info { cursor: pointer; }
.pay-info .price-info:hover { color: #009CFF; }
.pay-info .price-info:hover b { background-position-x: -65px; }
.product-info { display: none; font-size: 14px; padding: 20px 0; }
.product-info p { margin: 10px 0; }
.pay-footer { padding-top: 20px; }
.pay-type { padding-top: 30px; margin-bottom: 30px; border-top: #ddd dashed 1px; }
.pay-type .pay-type-title>div { width: 120px; }
.pay-type-title { margin-bottom: 20px; }
.pay-type-title span { display: inline-block; width: 23px; height: 23px; margin-right: 10px; background: url(/skin/images/pay.png) no-repeat -9px -32px; vertical-align: middle; }
.pay-wechat span { background-position: -42px -32px; }
.pay-carry span { background-position: -72px -32px; }
.lf-code { display: none; margin-top: 10px; width: 200px; }
.lf-code img { width: 100%; }
.lf-code p { height: 30px; line-height: 30px; background-color: #00c800; font-size: 12px; color: #fff; text-align: center; margin-top: 20px; }
.rg-phone { display: none; margin-left: 20px; }
.pay-type-list { overflow: hidden; }
.alipay-list .button-gray { height: 44px; line-height: 44px; color: #fff; font-size: 18px; padding: 0 30px; border-radius: 3px; display: inline-block; background: #b1b1b1; cursor: not-allowed; }
/*转账汇款*/
.carry-list { position: relative; font-size: 14px; color: #707070; }
.base-tip,.paryer-input,.transfer-tips { width: 550px; padding: 20px 0; border-bottom: #ddd dashed 1px; }
.icon-question { display: block; position: absolute; top: 28px; left: 305px; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #FF903F; color: #fff; border-radius: 50%; cursor: pointer; }
.question-tip { display: none; position: absolute; left: 335px; top: -24px; width: 310px; padding: 15px 20px; box-sizing: border-box; border: 1px solid #ff9243; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(201,201,201,.35); font-size: 12px; line-height: 1.58333333; background-color: #fff; color: #8b8b8b; }
.question-tip:after { position: absolute; content: ''; left: -9px; top: 50px; width: 9px; height: 14px; background: url(/skin/images/pay.png) no-repeat  -79px -12px; }
.paryer-input input { box-sizing: border-box; outline: 0; height: 30px; line-height: 30px; border: 1px solid #cdcdcd; border-radius: 2px; font-size: 14px; transition: border-color .3s,color .3s; padding-left: 10px; min-width: 100px; width: 300px; }
.paryer-input input:focus { box-shadow: 0 5px 5px 0 rgba(201,201,201,.35); }
.paryer-input span { display: none; color: #236DEF; margin-top: 10px; margin-left: 87px; }
.paryer-input i { display: none; margin-left: 10px; width: 16px; height: 12px; background: url(/skin/images/pay.png) no-repeat -45px -60px; }
.payer-tooltip { line-height: 1.5; position: absolute; top: 97px; left: 0; width: 280px; margin-top: 14px; padding: 15px; text-align: left; color: #fff; border-radius: 3px; background-color: #3d3d3d; box-shadow: 0 5px 5px 0 rgba(0,0,0,.35); z-index: 5000; }
.payer-tooltip:before { position: absolute; top: -6px; left: 17px; display: block; width: 0; height: 0; content: ''; border: 0px solid transparent; border-right-width: 4.5px; border-bottom-width: 6px; border-bottom-color: #3d3d3d; border-left-width: 4.5px; }
.payer-tooltip span { float: right; padding: 0 10px; line-height: 30px; border: 1px solid #676767; border-radius: 4px; cursor: pointer; }
.payer-tooltip span:hover { color: #3d3d3d; background: #fff; }
.transfer-tips { border: none; }
.payee-info { position: relative; background: #F6F6F6; padding: 20px 30px; margin-bottom: 20px; width: 550px; box-sizing: border-box; box-shadow: 6px 8px 5px 0 rgba(201,201,201,.35); }
.payee-info li { padding: 10px 0; }
.payee-info span { display: inline-block; width: 80px; }
.payee-info b { color: #000; font-weight: bold; }
.account-tip { color: #f7a04c; }
.account-tip i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 5px; background: url("/skin/images/pay.png") no-repeat  -13px -59px; }
.pay-type-carry { overflow: hidden; padding: 20px; }
.pay-type-carry .pay-type-carry-icon { display: inline-block; float: left; margin-right: 10px; width: 36px; height: 36px; background: url("/skin/images/pay.png") no-repeat -3px -122px; }
.pay-carry-info { float: left; }
.pay-carry-info .carry-title { line-height: 1.7; font-size: 16px; }
.pay-carry-info .carry-gray { line-height: 1.2; margin-top: 15px; font-size: 14px; color: #898989; }
.pay-carry-info button { display: inline-block; height: 38px; width: 138px; border: 1px solid #BBBBBC; background: #FAFAFC; color: #000; line-height: 38px; font-size: 16px; text-align: center; border-radius: 2px; cursor: pointer; }
.pay-carry-info button:hover { background: #f1f1f1; }
.pay-carry-qrcode .carry-qrcode-lf,.pay-carry-qrcode .carry-qrcode-rt { padding: 20px 0; float: left; font-size: 14px; }
.pay-carry-qrcode .carry-qrcode-lf img { border: 1px solid #ccc; margin-bottom: 5px; }
.pay-carry-qrcode .carry-qrcode-rt img { width: 86%; }
/*支付提示弹窗*/
.modal-mask { display: none; opacity: 0.5; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 1000; position: fixed; }
.modal-box { display: none; position: fixed; width: 400px; top: 40%; left: 40%; z-index: 2000; background: #fff; -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
.modal-box .modal-title { padding: 15px 0 15px 15px; border-bottom: 1px solid #E9E9E9; }
.modal-box .modal-title p { font-size: 20px; color: #004B96; }
.modal-box .modal-title span { position: absolute; top: 6px; right: 14px; font-size: 32px; cursor: pointer; }
.modal-content { padding: 25px 20px; }
.modal-content .modal-text { line-height: 25px; }
.modal-content .modal-btn { padding: 20px 0; }
.modal-content .modal-btn a { display: inline-block; text-align: center; margin-right: 30px; width: 112px; background: #0777D5; padding: 10px 0px; border-radius: 5px; color: #fff; }
/*支付成功*/
.pay-state { 
    padding: 50px 35px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; 
} 
.pay-state-ico { width: 80px; height: 80px; float: left; background-position: -230px -70px; } 
.pay-state-font {     
    margin-top: 20px 
} 
.pay-state-hint { padding-top: 9px; padding-bottom: 18px; line-height: 1; font-size: 24px; color: #333333; } 
.pay-state-code { line-height: 1; font-size: 14px; color: #666666; } 
.pay-state-sum { float: right; line-height: 80px; font-size: 14px; color: #666666; } 
.pay-state-sum span { font-size: 20px; color: #236DEF; }
.pay-icon { background-image: url(/skin/images/ico.png) !important; background-repeat: no-repeat; }
/*注册弹窗*/
.modal-login { position: fixed; width: 413px; top: 50%; left: 50%; transition: all 0.3s linear; margin-left: -206.5px; margin-top: -220px; }
.modal-login .modal-login-nav { overflow: hidden; }
.modal-login .modal-login-nav li { float: left; width: 160px; height: 30px; line-height: 30px; padding: 10px; font-size: 16px; text-align: center; color: #727272; border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; cursor: pointer; }
.modal-login .modal-login-nav .modal-login-close { width: 30px; font-size: 30px; }
.modal-login .modal-login-phone.on,.modal-login .modal-login-has.on { border-bottom: none; color: #333; }
.modal-login-form { display: none; }
.modal-login .form-group { padding: 0 0 40px 0; }
.modal-login .form-group input { margin-bottom: 0; }
.modal-login .form-group #code-phone,.modal-login .form-group #number,.modal-login .form-group #password_login { width: 100%; box-sizing: border-box; }
.modal-login .verification { width: 206px; }
.modal-login .form-verification .button { cursor: pointer; width: 130px; height: 40px; background-color: #F6F6F6; color: #474747; font-size: 14px; border: 1px solid #E4E4E4; }
.modal-login .form-group .verification+div+p { margin-left: 10px; }
.modal-login .pass-button { cursor: pointer; width: 100%; background-color: #236DEF; color: #fff; font-size: 15px; border: 1px solid #236DEF; }
.modal-login .pass-button:hover { background: #236DEF; }
#chk-register + label:after { top: 0px; }
.modal-phone-form .form-verification+.success { position: relative; left: -232px; }
.agree-register { font-size: 14px; margin-bottom: 30px; }
.agree-register a { color: #0777D5; text-decoration: underline; }
.modal-login .speed-login { position: relative; text-align: center; margin-bottom: 10px; }
.modal-login .speed-login .speed-line { position: absolute; width: 100%; border-bottom: 1px solid #D9D9D9; top: 5px; }
.modal-login .speed-login span { width: 100px; color: #333; background: #fff; position: relative; z-index: 10; display: inline-block; }
.modal-login .fa-wechat { display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 26px; color: #fff; background: #38BA2F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; cursor: pointer; }
.modal-login .auto-login { padding-bottom: 10px; height: 14px; }
.modal-login .auto-login input { width: 13px; }
.modal-login .auto-login a { float: right; color: #236DEF; }
.modal-login .auto-login a:hover { text-decoration: underline; }
/*协议弹窗*/
.my-modal .modal-agree { width: 760px; height: 600px; top: 14%; left: 26%; }
.my-modal .modal-agree .section-agree { height: 425px; font-size: 14px; line-height: 20px; padding: 0 15px; overflow-y: auto; }
.my-modal .modal-agree .section-agree h3 { line-height: 40px; font-weight: bold; }
.my-modal .modal-agree .section-agree p { line-height: 25px; margin-top: 10px; text-indent: 2em; }
.my-modal .modal-agree .modal-agree-btn { display: block; float: right; width: 110px; height: 40px; padding: 12px; margin: 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; background-color: #236DEF; color: #fff; font-size: 15px; border: 1px solid #236DEF; }
.login-error { display: none; background: #F05050; padding: 20px; position: fixed; top: 100px; left: 45%; z-index: 2000; color: #fff; font-size: 18px; border-radius: 8px; -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
/*pay页面支付成功弹窗*/
#pay-success { width: 440px; left: 60%; min-height: 394px; top: 52%; }
#pay-success .sa-icon.sa-success::before, #pay-success .sa-icon.sa-success::after { background: #fff; }
#pay-success .sa-icon.sa-success .sa-fix { background: #fff; }
#pay-success .youba-modal-content p { text-align: center; font-size: 18px; }
#pay-success .youba-modal-content p span { color: #0D64C4; }
/*pay_finish开通服务*/
.panel-finish { background: #fff url("/skin/images/cart-icon.png") no-repeat 885px 150px; padding: 30px; overflow: hidden; }
.panel-finish .finish-left { float: left; padding: 0 30px; border-right: 2px solid #F2F2F2 ; }
.panel-finish .finish-right { float: left; padding: 0 30px; }
.panel-finish .finish-left .title-max { color: #D21C1C; padding: 10px 0 20px 0; }
.panel-finish .finish-left img { width: 100%; }
.panel-finish .finish-left p { line-height: 30px; font-size: 14px; }
.finish-right .title-max { text-align: left; color: #333; padding: 10px 0 20px 0; }
.finish-right p { font-size: 14px; line-height: 25px; }
.finish-right p span { color: #2B87D9; }
.finish-right .enterCenter { display: block; padding: 12px; width: 110px; margin: 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 15px; cursor: pointer; background-color: #236DEF; color: #fff; }
.finish-right .enterCenter:hover { background: #236DEF; }
.finish-right .enterCenter i { display: inline-block; width: 15px; height: 15px; vertical-align: bottom; margin-right: 5px; background: url("/skin/images/pay.png") no-repeat -73px -61px; }
.kefu-info { padding: 10px; border: 1px solid #E3E3E3 ; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.kefu-info>div { float: left; }
.kefu-info-middle { margin: 0 10px; }
.kefu-info-middle .info-middle-top { overflow: hidden; }
.kefu-info-middle .info-middle-top div { float: left; padding: 0 10px; border-right: 1px solid #E3E3E3 ; }
.info-middle-top i { display: block; width: 32px; height: 32px; margin: 5px auto; background: url("/skin/images/pay.png") no-repeat; }
.info-middle-top a { 
color: #2B87D9; }
.info-middle-top .kefu-qq i { background-position: -4px -79px; }
.info-middle-top .kefu-tel i { background-position: -44px -79px; }
.info-middle-bottom { padding: 20px 10px 10px; }
.info-middle-bottom i { display: inline-block; width: 24px; height: 24px; background: url("/skin/images/pay.png") no-repeat -86px -90px; vertical-align: top; margin-right: 10px; }
.info-middle-bottom p { font-size: 22px; color: #DD584E; }
.info-middle-bottom p span { color: #DD584E; font-size: 16px; margin: 0 5px; }
.kefu-info-right { text-align: center; padding-left: 14px; }
.kefu-info-right img { display: block; width: 100px; margin-bottom: 5px; }
/*my_order我的订单*/
.order-cart { background: #fff; padding: 20px 30px; overflow: hidden; }
.order-cart .title-max { text-align: left; font-size: 22px; padding-bottom: 10px; margin-bottom: 20px; color: #000; line-height: 44px; border-bottom: #ddd dashed 1px; }
.order-cart .table-cart { text-align: center; }
.order-cart .table-cart a { color: #3E6D9E; display: block; }
.order-cart .table-cart a:hover { text-decoration: underline; }
.order-handle span { color: #999; }
.order-handle i { font-size: 16px; margin-right: 5px; }
.order-cart .order-handle .order-pay { display: block; height: 30px; line-height: 30px; width: 70px; margin: 6px auto; font-size: 14px; color: #fff; background: #e12d2c; border-radius: 3px; }
.order-cart .order-handle .order-pay:hover { text-decoration: none; background: #EA3E3E; }
.order-cart .order-info { font-size: 14px; }
.order-cart .order-info dl { float: left; margin-left: 20px; line-height: 2.5; }
.order-cart .order-info dt { display: inline-block; width: 66px; text-align: right; float: left; color: #AAAAAA; }
.order-cart .order-info dd { margin-left: 6px; width: 400px; float: left; color: #191919; }
.order-empty { display: block; text-align: center; font-size: 14px; padding: 10px 0; }
.order-empty a { color: #236DEF; }
.order-empty a:hover { color: #155DF5; text-decoration: underline; }
#cancel-box { min-height: 470px; top: 45%; }
.cancel-chk div { display: inline-block; width: 45%; padding: 15px 0; }
.cancel-content { display: inline-block; width: 420px; height: 150px; padding-top: 8px; padding-left: 9px; border: 1px solid #ddd; vertical-align: top; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.cancel-btn { text-align: center; margin-top: 20px; }
.confirm-cancel,.stop-cancel { display: inline-block; width: 160px; padding: 12px; margin: 6px 10px; border: none; cursor: pointer; font-size: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #236DEF; color: #fff; }
.confirm-cancel { background: #236DEF; }


/*客户案例*/
.panel-client { min-height: 434px; zoom: 1; padding: 40px 0; }
.menu-client { border-right: #e1e1e1 solid 1px; width: 107px; float: left; padding: 20px 0; min-height: 400px; }
.menu-client a { display: block; line-height: 44px; border: #fff solid 1px; border-right: #e1e1e1 solid 1px; font-size: 14px; margin: 0 -1px 10px 0; text-align: center; }
.menu-client .on { border: #e1e1e1 solid 1px; border-right: #fff solid 1px; color: #236DEF; font-weight: 700; }
.mod-client { margin: 0 0 0 128px; }
.logo-client { overflow: hidden; zoom: 1; }
.logo-client a { display: block; border: #efefef solid 1px; text-align: center; margin: 0 10px 30px; }
.logo-client a:hover,.logo-client .on a { border-color: #236DEF; }
.logo-client li { float: left; width: 20%; }
.logo-client img { vertical-align: top; }
.text-client dl { padding: 20px 10px; }
.text-client dt { font-size: 18px; margin-bottom: 20px; font-weight: 700; }
.text-client dd { font-size: 16px; line-height: 30px; }
.shell { width: 99999px; height: 100%; }
.shell li { float: left; width: 1010px; height: 100%; list-style: none; }
.text-client { width: 1010px; height: 190px; overflow: hidden;  margin: 10px auto; text-align: left; }


/*常见问题*/
.faq-header { width: 100%; height: 55px; background: #93171c; }
.faq-header .faq-search { max-width: 1160px; padding: 10px 0; margin: 0 auto; }
.faq-header .faq-search input { width: 40%; height: 33px; padding-left: 20px; font-size: 14px; border: 1px solid #ccc; }
.faq-header .faq-search button { display: inline-block; width: 80px; height: 35px; line-height: 35px; margin-left: -4px; background: #E6EBF1; vertical-align: top; text-align: center; font-size: 14px; font-weight: bold; border: none; cursor: pointer; }
.faq-container { width: 1160px; margin: 0 auto; min-height: 400px; padding: 30px 0; }
.faq-container .faq-list { display: table-cell; width: 230px; }
.faq-container .faq-list ul { width: 200px; background: #F6FAFC; }
.faq-container .faq-list ul li { font-size: 14px; line-height: 25px; border-bottom: 1px solid #dfdee2; cursor: pointer; }
.faq-container .faq-list li.on { background: #E1EBF5; }
.faq-container .faq-list li a { display: block; padding: 10px 0 10px 20px; }
.faq-container .faq-list li.on a { color: #236DEF; }
.faq-container .faq-list li:hover a { color: #236DEF; }
.faq-container .faq-list ul li:hover { background: #E1EBF5; }
.faq-container .faq-ans { display: table-cell; width: 79%; margin-left: 30px; vertical-align: top; font-size: 14px; color: #676767; }
.faq-ans .faq-ans-title { margin: 0 0 10px 10px; }
.faq-ans .faq-ans-list>div { height: auto; line-height: 50px; border-bottom: 1px solid #F1F1F1; overflow: hidden; }
.faq-ans .faq-ans-list>div>i { display: inline-block; float: left; width: 10px; height: 10px; margin: 20px 10px; border-radius: 50%; background: #47C08B; }
.faq-ans .faq-ans-list a { color: #676767; display: block; height: 50px; line-height: 50px; overflow: hidden;}
.faq-ans .faq-ans-list .faq-search-ans { clear: both; margin-left: 30px; }
.faq-ans-item { margin-left: 10px; }
.faq-ans-content .faq-ans-header { padding: 18px 0; font-size: 26px; color: #333; }
.faq-ans-content .faq-ans-header i,.faq-ans-section i { display: inline-block; width: 34px; height: 32px; margin-right: 10px; background: url("/skin/images/faq-icon.png") no-repeat; background-position: 0 -25px; }
.faq-ans-content .faq-ans-header p { display: inline-block; vertical-align: top; }
.faq-ans-section { overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #EBEBEB; }
.faq-ans-section i { float: left; background-position: -1px -62px; }
.faq-ans-section div { width: 800px; float: left; margin-left: 8px; }
.faq-ans-section span { line-height: 24px; }
.faq-ans-section img { margin: 10px 0; max-width:800px;}
.faq-ans-score { margin-bottom: 30px; }
.faq-ans-score .score-btn p { padding: 20px 0; }
.faq-ans-score button { display: inline-block; margin-right: 15px; width: 80px; height: 35px; color: #fff; border: none; border-radius: 5px; cursor: pointer; }
.faq-ans-score .true-btn,.confirm-btn { background: #236DEF; }
.faq-ans-score .true-btn:hover,.confirm-btn:hover { background: #93171c; }
.faq-ans-score .false-btn,.score-false .cancel-btn { background: #fff; color: #666; border: 1px solid #DBDBDB; }
.faq-ans-score .false-btn:hover,.score-false .cancel-btn:hover { background: #F7F7F0; }
.score-true,.score-false,.score-trues { margin-top: 20px; color: #333333; }
.score-true i,.score-false i,.score-trues i { display: inline-block; width: 21px; height: 21px; margin-right: 5px; vertical-align: bottom; background: url("/skin/images/faq-icon.png") no-repeat; }
.score-true i { background-position: 0px 0px; }
.score-false i { background-position: -23px 0px; }
.score-false .score-form { margin: 20px 24px; }
.score-false .score-form .score-chk div { display: inline-block; width: 45%; padding: 15px 0; }
.score-false #badText { display: block; padding: 20px; margin-bottom: 20px; height: 88px; width: 586px; border: 1px solid #d1d2d3; text-align: left; line-height: normal; border-radius: 3px; outline: 0; background-color: #fff; font-size: inherit; color: inherit; -webkit-appearance: none; }

/*登陆注册*/
.login-header { overflow: hidden; width: 100%; }
.member-section { margin: 100px auto; max-width: 1200px; }
.member-center { background-color: #fff; }
.member-center .container-left { width: 720px; float: left; }
.member-center .container-left .form-horizontal { width: 720px; margin-left: 10px; }
.member-center .container-left .form-horizontal  #tab { height: 100px; width: 350px; margin: 0 auto; border-bottom: 2px solid #efefef; }
.member-center .container-left .form-horizontal  #content { margin-top: 20px; }
.member-center .container-left .form-horizontal  #content ul { line-height: 25px; display: none; margin: 0 164px; padding: 10px 0; }
.member-center .container-left .form-horizontal  #content ul .code-left { display: inline-block; width: 170px; height: 290px; }
.member-center .container-left .form-horizontal  #content ul .code-right { display: inline-block; width: 197px; height: 222px; }
.member-center .container-left .form-horizontal  #content ul .code-left h3 { font-size: 15px; margin-bottom: 20px; text-align: center; }
.member-center .container-left .form-horizontal  #content ul .code-left .code-img { width: 155px; height: 155px; background-color: blue; margin: 0 auto; }
.member-center .container-left .form-horizontal  #content ul .code-left .code-img img { display: block; width: 100%; height: 100%; }
.member-center .container-left .form-horizontal  #content ul .code-left .code-title { width: 170px; text-align: center; line-height: 20px; margin-top: 15px; }
.member-center .container-left .form-horizontal  #content ul .code-left p { width: 170px; text-align: center; margin-top: 15px; font-size: 16px; }
.member-center .container-left .form-horizontal  #content ul .code-left p a { color: #7cb9ff; }
.member-center .container-left .form-horizontal  #content ul .code-left p a:hover { text-decoration: underline; color: #155DF5; }
.form-horizontal  #tab li { float: left; color: #000; height: 100px; cursor: pointer; line-height: 100px; padding: 0 60px; font-size: 18px; }
.form-horizontal  #tab li.current  { color: #000; height: 100px; font-weight: bold; border-bottom: 2px solid #236DEF; }
.form-horizontal .form-group { width: 100%; height: 40px; padding: 0 0 25px 0; }
.form-horizontal .form-group .login { color: #000; display: inline-block; }
.form-horizontal .form-group .forget-href { float: right; color: #236DEF; }
.member-center .container-left .form-horizontal .form-group .forget-href:hover { color: #236DEF; text-decoration: underline; }
.member-center .container-left .form-horizontal .form-title { width: 400px; height: 100px; line-height: 100px; text-align: center; font-size: 18px; }
.member-center .container-left .form-horizontal .form-title h1 { font-size: 40px; color: #155df5; }
.member-center .container-left .form-horizontal .verification { width: 120px; padding: 12px; border: 1px solid #ddd; border-radius: 3px; }
.member-center .container-left .form-horizontal .verification+div+p { margin-left: 20px; }
.member-center .container-left .form-horizontal .form-verification { width: 100px; height: 40px; float: left; margin-left: 10px; }
.member-center .container-left .form-horizontal .form-verification img { display: block; width: 110%; height: 100%; }
.member-center .container-left .form-horizontal .form-verification .button { cursor: pointer; width: 110px; height: 40px; background-color: #236DEF; color: #fff; font-size: 15px; border: 1px solid #236DEF; }
.member-center .container-left .form-horizontal .form-verification .button:disabled { cursor: not-allowed; background: #c9e2f9; border-color: #c9e2f9; color: #8c8787; }
.member-center .container-left .form-horizontal .form-verification .button:disabled:hover { background: #c9e2f9; }
.member-center .container-left .form-horizontal .form-verification .button:hover { background: #236DEF; }
.member-center .container-left .form-horizontal .action { border: 1px solid #236DEF; }
.member-center .container-left .form-horizontal .success { background: url("/skin/images/pay.png") no-repeat -102px 8px; }
.member-center .container-left .form-horizontal .error { background: url("/skin/images/pay.png") no-repeat -102px -50px; }
.member-center .container-left .form-horizontal .pass-button { cursor: pointer; width: 263px; background-color: #236DEF; color: #fff; font-size: 15px; border: 1px solid #236DEF; }
.member-center .container-left .form-horizontal .pass-button:hover { background: #236DEF; }
.member-center .container-mid { float: left; height: 500px; border: 1px solid #efefef; margin-top: 100px; }
.member-center .container-mid-login { float: left; height: 350px; border: 1px solid #efefef; margin-top: 100px; }
.member-center .container-right { width: 400px; float: right; }
.member-center .container-right .right-mid { padding: 80px 0px 0 30px; }
.member-center .container-right .right-mid .login { font-size: 15px; margin-bottom: 25px; }
.member-center .container-right .right-mid .first-login { font-size: 16px; margin-bottom: 60px; }
.member-center .container-right .right-mid .sec-login { font-size: 15px; margin-bottom: 20px; }
.member-center .container-right .right-mid ul li { float: left; width: 50px; height: 50px; margin-right: 14px; border: 1px solid #236DEF; border-radius: 50%; transition: all .2s linear; }
.member-center .container-right .right-mid .login-weibo { border-color: #FE969B; }
.member-center .container-right .right-mid .login-weibo:hover { border-color: #EA5A5D; }
.member-center .container-right .right-mid .login-weixin { border-color: #73CE82; }
.member-center .container-right .right-mid .login-weixin:hover { border-color: #21C450; }
.member-center .container-right .right-mid .login-qq { border-color: #84DDFA; }
.member-center .container-right .right-mid .login-qq:hover { border-color: #46C1EA; }
.member-center .container-right .right-mid .first-login a { color: #236DEF; }
.member-center .container-right .right-mid .first-login a:hover { text-decoration: underline; color: #155DF5; }
.member-center .container-left form table tr input:focus { border: 1px solid #4d9cf5; }



.footer-fixed-contact { position: fixed; left: 0; bottom: 0; z-index: 50; width: 100%; height: 100px; background-color: #ffffff; -moz-box-shadow: 0px 0px 20px -10px #333333; -webkit-box-shadow: 0px 0px 20px -10px #333333; box-shadow: 0px 0px 20px -10px #333333; -moz-transition: transform .6s ease; -webkit-transition: transform .6s ease; transition: transform .6s ease; }
.footer-fixed-contact-wrap { position: relative; margin: 0 auto; max-width: 1200px; }
.footer-fixed-contact-heard { float: left; margin-top: -48px; margin-right: 24px; width: 140px; height: 148px; }
.footer-fixed-contact-wrap-l { float: left; padding: 25px 0; width: 290px; }
.footer-fixed-contact-wrap-l-h2 { margin-bottom: 12px; line-height: 1; font-size: 26px; color: #236DEF; }
.footer-fixed-contact-wrap-l-txt { line-height: 1; font-size: 12px; color: #236DEF; }
.footer-fixed-contact-wrap-l-txt span { color: #333333; }
.footer-fixed-contact-wrap-m { position: relative; float: left; padding: 25px 0; }
#wrongcall1 { display: none;  position: absolute;  top: -48px; left: 50%; margin-left: -75px; padding: 10px; font-size: 14px; color: #009CFF; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s;  }
.footer-fixed-contact-wrap-m input { float: left; display: block; padding: 0 20px; width: 138px; height: 46px; border: 2px solid #236DEF; font-size: 14px; }
.footer-fixed-contact-wrap-m-btn { float: left; padding: 0 15px; vertical-align: bottom; cursor: pointer; height: 50px; background-color: #236DEF; line-height: 50px; font-size: 14px; color: #ffffff; }
.footer-fixed-contact-wrap-m-btn i { margin-right: 5px; display: inline-block; width: 18px; height: 18px; background: url(/skin/images/index-icon.png) no-repeat -165px -45px; vertical-align: middle; }
.footer-fixed-contact-wrap-qq { float: left; padding: 0 20px; margin: 25px 24px; vertical-align: bottom; display: block; height: 46px; border: 2px solid #236DEF; line-height: 46px; font-size: 16px; text-align: center; color: #236DEF;  cursor: pointer;  }
.footer-fixed-contact-wrap-tel { float: left; margin: 34px 0; font-size: 24px; color: #236DEF; line-height: 32px; }
.footer-fixed-contact-wrap-tel i { display: inline-block; width: 32px; height: 32px; background: url(/skin/images/index-icon.png) no-repeat -123px -37px; vertical-align: middle; }
.footer-fixed-contact-wrap-colse { float: right; margin: 30px 0; width: 36px; height: 40px; cursor: pointer; font-size: 36px; }
.footer-fixed-contact-wrap-open { position: absolute; right: 0; top: 0; width: 40px; height: 100px; background-color: #236DEF; display: none; font-size: 0; cursor: pointer; }
.footer-isClose { -moz-transform: translateX(calc(-100% + 40px)); -webkit-transform: translateX(calc(-100% + 40px)); transform: translateX(calc(-100% + 40px)); }
.footer-isClose .footer-fixed-contact-wrap-open { display: block; }
.swiper_wrap { position: relative; width: 290px; height: 12px; overflow: hidden; }
.swiper_wrap ul { position: relative; top: 0; left: 0; width: 290px; float: left; }


/*左侧在线客服（二维码）*/
@media only screen and (min-width: 1201px) {
    .b-open{
        width: 60px;
        position: fixed;
        top: 40%;
        left: 20px;
        font-size: 12px;
        color: #fff;
        z-index: 9999;
        cursor: pointer;
        transform: translateY(-50%);
    }
    .b-open-content{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 2px;
        padding: 15px 0;
        box-shadow: 0px 2px 10px 0px rgba(0, 37, 117, 0.14);
    }
    .b-open-text{
        writing-mode: tb-rl;
        font-size: 16px;
        color: #236DEF;
        margin-top: 9px;
        letter-spacing: 4px;
    }
    .b-open-img{
        position: absolute;
        left: 80px;
        top: 50%;
        width: 200px;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
        transform: translateY(-50%);
    }
    .b-open-img.b_none{
        display: none;
    }
    .b-open:hover .b-open-img.b_none{
        display: block;
    }
}