@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 14px;
    line-height: 1;
    background-color: #fff;
    padding-top: 129px;
    font-family: "Microsoft YaHei", Helvetica, STHeiti, Verdana, Arial, Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
img {
    border: none;
    vertical-align: top;
}
ul {
    list-style: none;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.fl {
    float: left;
}

.fr {
    float: right;
}

.btn {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    background-color: #fe763a;
    padding: 0 42px;
    border-radius: 20px;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.btn:hover {
    background-color: #fd5308;
}
.btn_min,
.btn_plain_default,
.btn_default,
.btn_warning,
.btn_plain_warning {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: #f08518;
    padding: 5px 14px;
    border: 1px solid #f08518;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.btn_default,
.btn_warning {
    color: #fff;
    background-color: #f08518;
}

.btn_min + .btn_min {
    margin-left: 8px;
}

.btn_min.disabled {
    cursor: not-allowed;
}

.btn_min.btn_min_primary {
    color: #fff;
    background-color: #f08518;
}

.btn_min.btn_min_primary:hover {
    background-color: #ef7800;
}

.btn_min.btn_min_plain {
    background-color: #fff;
}

.btn_min.btn_min_plain:hover {
    background-color: #f2f2f2;
}

.text_warning {
    color: #f04f00;
}

.w1010 {
    width: 1010px;
    margin: 0 auto;
}

.container {
    width: 1185px;
    margin: 0 auto;
}

.header_top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e0e0e0;
}

.header_top .container,
.header .container,
.connect .container {
    overflow: hidden;
}

.header_top .container > p {
    color: #848383;
    padding: 12px 0;
}

.header_top .container > div {
    color: #aaa;
    padding: 10px 0 8px;
}

.header_top .superVip {
    display: inline-block;
    color: #f04f00;
    margin-right: 20px;
    padding: 3px 0;
}

.header_top .user_state {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
}

.header_top .superVip:hover,
.header_top .log:hover {
    text-decoration: underline;
}

.header_top .log {
    color: #5f5d5d;
    margin-right: 20px;
}

.header_top .register {
    color: #f04f00;
    line-height: 20px;
    padding: 0 8px;
    border: 1px solid #f04f00;
    border-radius: 4px;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.header_top .register:hover {
    background-color: #eee;
}

.header_top .sing_in_out,
.header_top .success_sign {
    display: inline-block;
}

.header_top .success_sign {
    padding: 3px 0;
}

.header_top .success_sign .nick {
    margin-right: 10px;
}

.header_top .success_sign .signOut {
    color: #f04f00;
}

.header_top .success_sign .signOut:hover {
    text-decoration: underline;
}

.header {
    position: fixed;
    top: 39px;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}

.header.active {
    border-bottom: 1px solid #e0e0e0;
}

.header h1 {
    float: left;
    padding: 20px 0 0;
}

.header .logo > img {
    width: 200px;
    vertical-align: top;
}

.header ul {
    float: right;
}

.header ul li {
    float: left;
    margin-left: 20px;
}

.header ul li a {
    display: block;
    color: #000;
    font-size: 16px;
    padding: 37px 0 33px;
    margin: 0 15px;
    border-bottom: 4px solid #fff;
}

.header ul li a:hover {
    color: #fe763a;
}

.header ul li:last-child a {
    margin-right: 0;
}

.header ul li.active a {
    color: #fe763a;
    border-bottom-color: #fe763a;
}

/* 轮播图  */
.banner .swiper-slide {
   background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.swiper-slide {
    position: relative;
    display: block;
}

.swiper-slide > img {
    width: 100%;
}

.swiper-slide .container {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper-slide .box {
    position: absolute;
    top: 175px;
    left: 55px;
}

.swiper-slide .box > h2 {
    font-size: 45px;
    font-weight: 500;
    color: #4f4f4f;
    margin-bottom: 25px;
}

.swiper-slide .box > .btn {
    background-color: #f08200;
    border-radius: 4px;
}

.swiper-slide .box > .btn:hover {
    background-color: #cc6e00;
}

.notice {
    background-color: #575757;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    color: #fff;
}

.notice .container {
    position: relative;
    height: 36px;
    padding-left: 28px;
    overflow: hidden;
}

.notice .container:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/main/icon_horn.png);
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.notice a {
    display: block;
}

.brand {
    text-align: center;
}

.brand .container > h2 {
    font-weight: 500;
    font-size: 32px;
    color: #454545;
    margin-bottom: 14px;
}

.brand .container > p {
    font-size: 16px;
    color: #787878;
}

.broadcast {
    font-size: 16px;
    padding: 74px 0 0;
    background-color: #fff;
}

.broadcast .box {
    font-size: 0;
    margin-top: 76px;
}

.broadcast .box .item {
    width: 170px;
    display: inline-block;
    font-size: 16px;
    padding-top: 148px;
    background-repeat: no-repeat;
    background-image: url(../images/main/update.png);
}

.broadcast .box .item + .item {
    margin-left: 30px;
}

.broadcast .box .item:nth-of-type(1) {
    background-position: 30px top;
}

.broadcast .box .item:nth-of-type(2) {
    background-position: -170px top;
}

.broadcast .box .item:nth-of-type(3) {
    background-position: -370px top;
}

.broadcast .box .item:nth-of-type(4) {
    background-position: -570px top;
}

.broadcast .box .item:nth-of-type(5) {
    background-position: -770px top;
}

.broadcast .box .item:nth-of-type(6) {
    background-position: -970px top;
}

.broadcast .box .item a {
    line-height: 30px;
    font-size: 17px;
    color: #333;
}

.broadcast .box .item .icon {
    display: block;
    height: 38px;
    background: url(../images/main/update_2.png) no-repeat center bottom;
}

.broadcast .box .item.active .icon {
    background-image: url(../images/main/update_1.png);
}

.product {
    padding-top: 135px;
    padding-bottom: 50px;
    background-color: #f7f7f7;
    border-top: 1px solid #454545;
    margin-top: -7px;
}

.product .box {
    margin-top: 50px;
    overflow: hidden;
}

.product .box .aside {
    width: 360px;
}

.product .aside > img {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.product .aside > p {
    line-height: 30px;
    color: #555;
    text-indent: 2em;
    padding: 0 18px 0 20px;
    text-align: left;
}

.product .aside .btn {
    margin-top: 24px;
}

.product .mside {
    width: 824px;
    overflow: hidden;
}

.product .mside .item {
    float: left;
    display: block;
    width: 240px;
    padding: 36px 19px 32px 19px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    margin-left: 26px;
    margin-bottom: 26px;
    border-radius: 4px;
    box-sizing: border-box;
}

.product .mside .item:hover {
    border-color: #f08200;
}

.product .item > img {
    display: block;
    width: 125px;
    border-radius: 8px;
    margin: 0 auto 26px;
}

.product .item > h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 23px;
}

.product .item > p {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #8d8d8d;
    overflow: hidden;
}

.product_plus {
    padding: 70px 0 90px;
}

.product_plus .info {
    position: relative;
    padding: 22px 66px 22px 60px;
    margin-top: 50px;
    margin-bottom: 85px;
    background: url(../images/main/gongju.png) repeat-x center;
}

.product_plus .info > p {
    width: 782px;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    text-align: left;
    text-indent: 2em;
    padding-left: 72px;
    background: url(../images/main/colon.png) no-repeat left center;
}

.product_plus .info > .btn {
    position: absolute;
    top: 50%;
    right: 66px;
    margin-top: -20px;
}

.product_plus .inline_pro {
    overflow: hidden;
}

.product_plus .inline_pro > a {
    float: left;
    width: 188px;
    text-align: center;
}

.product_plus .inline_pro > a:hover img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

}

.product_plus .inline_pro > a + a {
    margin-left: 60px;
}

.product_plus .inline_pro > a > img {
    display: block;
    width: 140px;
    margin: 0 auto;
    margin-bottom: 14px;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.product_plus .inline_pro > a > h4 {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    margin-bottom: 14px;
}

.product_plus .inline_pro > a > p {
    font-size: 14px;
    color: #8d8d8d;
}

.focus {
    position: relative;
    background-color: #f7f7f7;
    padding: 95px 0 98px;
}

.focus:before {
    content: "";
    position: absolute;
    top: 112px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dedede;
}

.focus h2 {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    background-color: #f7f7f7;
}

.focus .box {
    text-align: left;
    margin-top: 52px;
    overflow: hidden;
}

.focus .box h4 {
    font-weight: 500;
    color: #000;
    font-size: 20px;
    text-align: left;
}

.focus .box .magic_side h4 {
    padding-left: 8px;
}

.focus .box .magic_side .more {
    padding-left: 22px;
}

.focus .case_side {
    width: 450px;
    padding-left: 5px;
    box-sizing: border-box;
}

.focus .case_side > h4 {
    margin-bottom: 22px;
}

.focus .case_side > img {
    display: block;
    width: 100%;
    margin-left: -8px;
}

.focus .case_side > .link {
    margin-top: 16px;
    margin-bottom: 5px;
}

.focus .box .link {
    display: block;
    font-size: 16px;
    color: #333;
    padding: 4px 0;
    line-height: 1;
    overflow: hidden;
}

.focus .box .link .time {
    padding-right: 15px;
    /* border-right: 1px solid #b0b0b0; */
}

.focus .box .link .title {
    display: inline-block;
    width: 325px;
    color: #454545;
    padding-left: 15px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.focus .box .link .title:hover {
    text-decoration: underline;
}

.focus .box .link .line {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #b0b0b0;
    vertical-align: middle;
}

.focus .case_side > .des {
    font-size: 12px;
    line-height: 22px;
    color: #888;
    margin-bottom: 20px;
    overflow: hidden;

}

.focus .case_side .link_more {
    padding: 18px 0;
    border-top: 1px dashed #d2d2d2;
}

.focus .case_side .link_more .link + .link {
    margin-top: 12px;
}

.focus .box .more {
    color: #2478db;
}

.focus .box .more:hover {
    text-decoration: underline;
}

.focus .magic_side {
    width: 535px;
}

.focus .magic_side .link_more {
    padding-top: 26px;
    padding-bottom: 26px;
}

.focus .magic_side .link + .link {
    margin-top: 18px;
}

.focus .magic_side .link {
    position: relative;
    padding-left: 20px;
    font-size: 13px;
    line-height: 14px;
    color: #6a6a6a;
}

.focus .magic_side .link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -2px;
    background-color: #acacac;
}
.friend_link {
    display: block;
    padding: 40px 0 70px;
}
.friend_link ul {
    font-size: 0;
    /*text-align: center;*/
    margin-top: 60px
}
.friend_link li {
    display: inline-block;
    width: 140px;
    font-size: 16px;
    line-height: 30px;
    color: #444;
}
.friend_link li a:hover {
    text-decoration: underline;
}
.connect {
    background-color: #313131;
}

.connect .logo,
.connect .phone,
.connect .qrcode {
   /* position: relative; */
    float: left;
    width: 33.33333%;
    padding: 88px 0 65px;
    box-sizing: border-box;
}

.connect .logo {
    padding-top: 130px;
}

.connect .logo > a {
    display: block;
    width: 235px;
}

.connect .logo > a img {
    display: block;
    width: 100%;
}

.connect .phone:before,
.connect .qrcode:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 115px;
    background-color: #464646;
    margin-top: -58px;
}

.connect .phone {
    padding-left: 112px;
}

.connect .phone > p {
    position: relative;
    padding-left: 45px;
}

.connect .phone > p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 31px;
    background-image: url(../images/main/icon.png);
    background-repeat: no-repeat;
}

.connect .phone > .call:before {
    background-position: -40px center;
}

.connect .phone > .qq:before {
    background-position: -80px center;
}

.connect .phone > .email:before {
    background-position: 0 center;
}

.connect .phone > .call {
    font-size: 14px;
    color: #8e8e8e;
}

.connect .phone > .call > span {
    font-size: 20px;
    color: #f08200;
    line-height: 24px;
}

.connect .phone > .qq,
.connect .phone > .email {
    font-size: 18px;
    color: #bfbfbf;
    line-height: 31px;
    margin-top: 18px;
}

.connect .qrcode {
    padding-left: 105px;
}

.connect .qrcode > div {
    display: inline-block;
}

.connect .qrcode > div + div {
    margin-left: 20px;
}

.connect .qrcode > div img {
    display: block;
    width: 115px;
    padding: 5px;
    border: 1px solid #5a5a5a;
    margin-bottom: 7px;
    box-sizing: border-box;
}

.connect .qrcode > div p {
    font-size: 14px;
    color: #adadad;
    text-align: center;
}

.footer {
    background-color: #272727;
    border-top: 1px solid #3d3d3d;
    text-align: center;
    padding: 34px 0 40px;
}

.footer ul {
    display: inline-block;
    color: #fff;
    margin-bottom: 25px;
}

.footer ul li {
    display: inline-block;
    margin: 0 25px;
}

.footer ul li a {
    color: #fff;
    font-size: 15px;
}

.footer ul li a:hover {
    text-decoration: underline;
}

.footer .container > p {
    font-size: 14px;
    color: #525252;
}

/* 轮播图 */
.swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    border-radius: 3px;
    /* -webkit-transition: width 0.4s;
    transition: width 0.4s; */
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 34px;
    background-color: #f08200;
}

/* 产品页 */
/* .banner {
    position: relative;
} */

.banner > .bg {
    display: block;
    width: 100%;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    padding: 10px 5px;
    background-color: rgba(255, 255, 255, 0.4);
    background-size: 22px 35px;
}

.banner .swiper-button-prev {
    left: -webkit-calc((100% - 1185px) / 2);
    left: calc((100% - 1185px) / 2);
}

.banner .swiper-button-next {
    right: -webkit-calc((100% - 1185px) / 2);
    right: calc((100% - 1185px) / 2);
}

.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next {
    opacity: 0.6;
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
    opacity: 1;
}

.banner > h1 {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 65px;
    font-weight: 500;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tab {
    text-align: center;
    padding-top: 36px;
}

.tab .container {
    overflow: hidden;
}

.tab .crumbs {
    float: left;
    padding: 22px 0;
}

.tab .item {
    display: inline-block;
    color: #000;
    font-size: 20px;
    padding: 17px 0;
    border-bottom: 4px solid transparent;
}

.tab .item.active {
    border-bottom-color: #fe763a;
}

.tab .item + .item {
    margin-left: 105px;
}

.main_pro {
    border-top: 1px solid #ccc;
    margin-top: -2px;
    padding-top: 42px;
}

.main_pro .pannel {
    overflow: hidden;
    padding: 40px 45px 40px 50px;
    background-color: #f1f1f1;
}

.main_pro .pannel .logo {
    float: left;
    width: 180px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 32px;
    margin-top: 6px;
}

.main_pro .pannel .logo > img {
    display: block;
    width: 100%;
}

.main_pro .pannel .bd {
    float: left;
    margin-top: 4px;
}

.main_pro .pannel .bd > h2 {
    display: inline-block;
    color: #000;
    font-size: 22px;
    font-weight: 500;
}

.main_pro .pannel .bd > .info {
    display: inline-block;
    color: #f04f00;
    font-size: 18px;
    margin-left: 20px;
}

.main_pro .pannel .bd > .info big {
    font-size: 30px;
    font-weight: 700;
}

.main_pro .pannel .bd > .des {
    font-size: 14px;
    color: #525252;
    margin-top: 20px;
    margin-bottom: 22px;
}

.main_pro .pannel .ft {
    float: right;
    width: 100px;
}

.main_pro .pannel .ft > img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.main_pro .pannel .ft > p {
    font-size: 12px;
    color: #525252;
    text-align: center;
}

.QAQ_box {
    min-height: 200px;
}

.link_product .product_box {
    position: relative;
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
    padding-bottom: 90px;
}

.link_product .product_box:after {
    content: "";
    display: table;
    width: 100%;
    height: 0;
    clear: both;
}

.link_product .product_box > h4 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    font-weight: 500;
    padding-right: 20px;
    background-color: #fff;
    line-height: 22px;
    margin-top: -11px;
}

.link_product .product_box > .item {
    float: left;
    width: 180px;
    margin-right: 46px;
    margin-bottom: 25px;
}

.link_product .product_box > .item > img {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 15px;
}

.link_product .product_box > .item > p {
    text-align: center;
}

.tab.unusual_tab {
    padding-top: 0;
    text-align: left;
}

.tab.unusual_tab .item + .item {
    margin-left: 55px;
}

.tab.unusual_tab .des {
    display: inline-block;
    color: #666;
    margin-left: 50px;
}

.tab.unusual_tab .text_fr {
    margin-top: 22px;
}

.tab.unusual_tab .link_vip {
    margin-left: 26px;
    color: #f48766;
}

.tab.unusual_tab .link_vip:hover {
    text-decoration: underline;
}

.tool_box {
    padding-top: 52px;
    margin-top: -2px;
    background-color: #f3f3f3;
}

.tool_box .inner {
    margin-right: -35px;
}

.tool_box .inner:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.tool_box .item {
    float: left;
    width: 270px;
    height: 338px;
    padding: 23px 15px 32px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ececec;
    margin-right: 35px;
    margin-bottom: 39px;
    box-sizing: border-box;
}

.tool_box .item:hover {
    box-shadow: 0 0 20px #ddd;
}

.tool_box .item > img {
    display: block;
    width: 60%;
    margin: 0 auto;
    border-radius: 6px;
    margin-bottom: 20px;
}

.tool_box .item > img.img_icon {
    width: 60%;
    margin: 0 auto 20px;
}

.tool_box .item > h4 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 16px;
}

.tool_box .item > p {
    height: 96px;
    line-height: 24px;
    color: #8d8d8d;
    padding: 0 25px;
    overflow: hidden;
}

.banner_bg,
.agent_bg,
.about_bg,
.vip_bg,
.product_bg,
.mfsc_banner {
    display: block;
    height: 300px;
    background-image: url(../images/main/banner_market.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.mfsc_banner {
    height: 260px;
    background-image: url(../images/main/mfsc_bg.jpg);
}

.banner_bg {
    background-image: url(../images/main/case_bg.jpg);
}

.agent_bg {
    background-image: url(../images/main/banner_agent.jpg);
}

.about_bg {
    background-image: url(../images/main/about.jpg);
}

.vip_bg {
    background-image: url(../images/main/vip_banner.jpg);
}
.system_bg {
    background-image: url(../images/main/system_bg.jpg);
}
.agent_why_bg {
    position: relative;
    padding-top: 90px;
    padding-bottom: 130px;
    background-color: #fff;
}

.agent_why_bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 106px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.agent_why_bg .container {
    width: 1100px;
    height: 618px;
    background-image: url(../images/main/agent_why_bg.png);
    background-repeat: no-repeat;
    background-position: center;
}

.tab .search_box {
    float: right;
    font-size: 14px;
    color: #7c7c7c;
    padding-top: 8px;
    box-sizing: border-box;
}

.tab .search_box .text_tips {
    display: inline-block;
    line-height: 41px;
    vertical-align: top;
    margin-right: 10px;
    color: #8c8c8c;
}

.tab .search_box .text_tips > a {
    padding: 0 4px;
}

.tab .search_box .search_group {
    position: relative;
    display: inline-block;
    height: 41px;
    width: 240px;
    border: 1px solid #959595;
    border-radius: 22px;
    overflow: hidden;
    box-sizing: border-box;
}

.tab .search_group input[type="text"] {
    height: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 13px;
    color: #333;
    border: none;
    outline: none;
}

.tab .search_group .go {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background-image: url(../images/main/icon_search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    outline: none;
    background-color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
}

.artical_box {
    padding-top: 52px;
    padding-bottom: 80px;
    border-top: 1px solid #ccc;
    margin-top: -2px;
    background-color: #fff;
}

.artical_box .inner {
    overflow: hidden;
    margin-right: -50px;
}

.artical_box .item {
    float: left;
    width: 360px;
    padding-bottom: 60px;
    height: 400px;
    margin-right: 50px;
}

.artical_box .item > img {
    display: block;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 22px;
}

.artical_box .item > .link {
    display: block;
    height: 30px;
    color: #333;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.artical_box .item > .link:hover {
    color: #fe763a;
}

.artical_box .item > .img_link {
    display: block;
    margin-bottom: 22px;
}

.artical_box .item > .img_link > img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.artical_box .item > .des {
    font-size: 14px;
    color: #585858;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    margin-bottom: 18px;
}

.artical_box .item > .time {
    font-size: 14px;
    color: #b8b8b8;
}

.btn_page {
    display: inline-block;
    font-size: 14px;
    line-height: 34px;
    padding: 0 12px;
    color: #a3a3a3;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    margin-left: 3px;
    cursor: pointer;
}

.btn_page.active {
    color: #fff;
    background-color: #fe763a;
    border-color: #fe763a;
}

.pagination {
    text-align: right;
}

.pagination li {
    display: inline-block;
    min-width: 35px;
    text-align: center;
    box-sizing: border-box;
}

.pagination li {
    color: #999;
}

.pagination li:last-child {
    margin-left: 10px;
}

.pagination li:last-child strong {
    font-weight: 500;
}

.pagination li a {
    display: inline-block;
    font-size: 14px;
    line-height: 34px;
    padding: 0 12px;
    color: #a3a3a3;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    margin-left: 3px;
    cursor: pointer;
}

.pagination li:hover a {
    color: #fe763a;
}

.pagination li.thisclass {
    color: #fff;
    background-color: #fe763a;
    display: inline-block;
    font-size: 14px;
    line-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #fe763a;
    margin-left: 3px;
    cursor: pointer;
}

.artical_con {
    min-height: 200px;
    background-color: #eaeaea;
    padding: 50px;
    font-size: 16px;
    line-height: 32px;
}

.artical_con h4 {
    color: rgb(54, 54, 54);
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    padding-left: 15px;
    border-left: 5px solid #3366cc;
    margin-bottom: 35px;
}

.artical_con > img {
    display: block;
    max-width: 100%;
}

.artical_con * {
    margin-bottom: 24px;
}

.artical_con.case_detail {
    background-color: #fff;
    padding: 0;
    margin-top: 30px;
}
.content {
    position: relative;
    padding-bottom: 60px;
    border-top: 1px solid #e0e0e0;
}

.content .container:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}
.main {
    float: left;
    width: 870px;
}

.content .aside {
    float: right;
    width: 270px;
    padding-top: 40px;
}

.crumbs {
    font-size: 14px;
    color: #585858;
    margin-top: 20px;
}

.crumbs .item {
    margin: 0 6px;
}

.crumbs .item:first-child {
    margin-left: 0;
}

.main > h1 {
    color: #3c3c3c;
    font-weight: 500;
    font-size: 28px;
    margin-top: 42px;
    margin-bottom: 25px;
}

.content .main > .info {
    font-size: 14px;
    color: #8d8d8d;
}

.content .main > .info .item {
    margin-right: 28px;
}

.content .aside .title {
    position: relative;
    font-weight: 700;
    font-size: 17px;
    padding: 18px 0;
    margin-bottom: 22px;
}

.content .aside .title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.4em;
    height: 1px;
    background-color: #fe763a;
}

.content .aside .item {
    display: block;
}

.content .aside .item + .item {
    margin-top: 20px;
}

.content .aside .item > .img_link {
    display: block;
    margin-bottom: 10px;
}

.content .aside .item > .img_link > img {
    display: block;
    width: 100%;
}

.content .aside .item > .link {
    display: block;
    font-size: 16px;
    color: #3d3d3d;
    padding: 0 8px;
    line-height: 27px;
}

.content .aside .art_box {
    margin-bottom: 65px;
}

.content .aside .item > a:hover {
    text-decoration: underline;
    color: #fe763a;
}

.content .aside .art_box_plus {
    padding: 28px 39px;
    border: 1px solid #e5e5e5;
}

.content .aside .art_box_plus .item > img {
    border-radius: 4px;
}

.content .aside .art_box_plus .item > p {
    display: block;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.agent_bottom {
    display: block;
    height: 510px;
    background-image: url(../images/main/agent_bottom.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size:;
    background-size: cover;
}

.agent_bottom .container .des {
    font-size: 32px;
    color: #222;
    font-weight: 500;
    padding-top: 116px;
}

.agent_bottom .container .title {
    color: #2c2c2c;
    font-size: 90px;
    font-weight: 500;
    margin-top: 40px;
}

.agent_bottom .container .title:before,
.agent_bottom .container .title:after {
    content: "";
    display: inline-block;
    width: 157px;
    height: 1px;
    background-color: #000;
    vertical-align: middle;
}

.agent_bottom .container .title:before {
    margin-right: 30px;
}

.agent_bottom .container .title:after {
    margin-left: 30px;
}

.agent_bottom .container .tel {
    font-size: 24px;
    color: #000;
    margin-top: 46px;
}

.agent_bottom .container .btn {
    width: 220px;
    height: 54px;
    line-height: 50px;
    text-align: center;
    margin-top: 24px;
    border: 2px solid #fe763a;
    border-radius: 27px;
    box-sizing: border-box;
}

.agent_bottom .container .btn:hover {
    background-color: #fff;
    color: #fe763a;
}

.agent_process {
    padding-bottom: 154px;
}

.agent_process .container > h2 {
    position: relative;
    color: #000;
    font-weight: 500;
    padding-top: 110px;
    margin-bottom: 106px;
}

.agent_process .container > h2:before,
.brand.swiper_inner .container > h2:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -23px;
    width: 5em;
    height: 1px;
    background-color: #fe763a;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.agent_process .container > h2:after,
.brand.swiper_inner .container > h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -28px;
    width: 12px;
    height: 12px;
    background-color: #fe763a;
    transform: translateX(-50%) rotate(45deg);
}

.brand.swiper_inner .swiper-box {
    position: relative;
}

.agent_process .inner_box {
    font-size: 0;
    overflow: hidden;
}

.agent_process .inner_box .item {
    position: relative;
    display: inline-block;
}

.agent_process .inner_box .item + .item {
    margin-left: 138px;
}

.agent_process .inner_box .item + .item:before {
    content: "";
    display: block;
    width: 16px;
    height: 30px;
    position: absolute;
    top: 40px;
    left: -73px;
    background-image: url(../images/main/icon_agent.png);
    background-repeat: no-repeat;
    background-position: -281px -152px;
}

.agent_process .inner_box .item .icon_bg {
    width: 100px;
    height: 100px;
    border: 1px solid #fe763a;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer;
    box-sizing: border-box;
}

.agent_process .inner_box .item .icon_bg .small_bg {
    display: block;
    width: 60px;
    height: 55px;
    background-image: url(../images/main/icon_agent.png);
    background-repeat: no-repeat;
    margin: 22px auto 0;
}

.agent_process .inner_box .item:first-of-type .small_bg {
    background-position: -4px -210px;
}

.agent_process .inner_box .item:nth-of-type(2) .small_bg {
    background-position: -90px -204px;
}

.agent_process .inner_box .item:nth-of-type(3) .small_bg {
    background-position: -180px -204px;
}

.agent_process .inner_box .item:nth-of-type(4) .small_bg {
    background-position: -261px -206px;
}

.agent_process .inner_box .item:last-of-type .small_bg {
    background-position: -339px -205px;
}

.agent_process .inner_box .item .icon_bg:hover {
    background-color: #fe763a;
}

.agent_process .inner_box .item:first-of-type .icon_bg:hover .small_bg {
    background-position: -4px -278px;
}

.agent_process .inner_box .item:nth-of-type(2) .icon_bg:hover .small_bg {
    background-position: -90px -272px;
}

.agent_process .inner_box .item:nth-of-type(3) .icon_bg:hover .small_bg {
    background-position: -180px -272px;
}

.agent_process .inner_box .item:nth-of-type(4) .icon_bg:hover .small_bg {
    background-position: -261px -275px;
}

.agent_process .inner_box .item:last-of-type .icon_bg:hover .small_bg {
    background-position: -339px -275px;
}

.agent_process .inner_box .item > h4 {
    color: #585858;
    font-size: 17px;
    font-weight: 500;
    margin-top: 22px;
}

.agent_why_bg > h2 {
    position: relative;
    z-index: 2;
    display: inline-block;
    color: #222;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 98px;
    background-color: #fff;
    padding: 0 24px;
}

.swiper_inner {
    padding-top: 118px;
    padding-bottom: 120px;
    background-color: #f4f4f4;
}

.brand.swiper_inner .container > h2 {
    position: relative;
    color: #000;
    margin-bottom: 100px;
}

.brand.swiper_inner .swiper-slide {
    width: 200px;
    height: 286px;
    border: 1px solid #fe763a;
    padding: 46px 22px 0;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
}

.brand.swiper_inner .swiper-slide .icon {
    width: 60px;
    height: 50px;
    margin: 0 auto 22px;
    background-image: url(../images/main/icon_agent.png);
    background-repeat: no-repeat;
}

.brand.swiper_inner .swiper-slide:first-of-type .icon {
    background-position: 0 -12px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(2) .icon {
    background-position: -71px -12px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(3) .icon {
    background-position: -161px -12px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(4) .icon {
    background-position: -245px -12px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(5) .icon {
    background-position: -326px -12px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(6) .icon {
    background-position: -326px -12px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(7) .icon {
    background-position: -326px -12px;
}

.brand.swiper_inner .swiper-slide .title {
    font-size: 22px;
    font-weight: 500;
    color: #fe763a;
    margin-bottom: 20px;
}

.brand.swiper_inner .swiper-slide .des {
    font-size: 14px;
    color: #444;
    text-align: left;
    line-height: 25px;
}

.brand.swiper_inner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.brand.swiper_inner .swiper-container {
    height: 400px;
    padding-top: 30px;
    margin-top: 0;
    margin-bottom: 0;
}

.brand.swiper_inner .swiper-slide:hover {
    background-color: #fe763a;
    transform: scale(1.1);
}

.brand.swiper_inner .swiper-slide:hover .title,
.brand.swiper_inner .swiper-slide:hover .des {
    color: #fff;
}

.brand.swiper_inner .swiper-slide:first-of-type:hover .icon {
    background-position: 0 -68px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(2):hover .icon {
    background-position: -71px -68px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(3):hover .icon {
    background-position: -161px -68px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(4):hover .icon {
    background-position: -245px -68px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(5):hover .icon {
    background-position: -326px -68px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(6):hover .icon {
    background-position: -326px -68px;
}

.brand.swiper_inner .swiper-slide:nth-of-type(7):hover .icon {
    background-position: -326px -68px;
}

.brand.swiper_inner .swiper-button-next,
.brand.swiper_inner .swiper-button-prev,
.brand.vip_share .swiper-button-next,
.brand.vip_share .swiper-button-prev {
    width: 54px;
    height: 54px;
    background-image: url(../images/main/icon_agent.png);
    background-repeat: no-repeat;
    background-size: auto;
}

.brand.swiper_inner .swiper-button-prev,
.brand.swiper_inner .swiper-button-next {
    margin-top: -55px;
}

.brand.swiper_inner .swiper-button-prev,
.brand.vip_share .swiper-button-prev {
    background-position: -143px -141px;
}

.brand.swiper_inner .swiper-button-next,
.brand.vip_share .swiper-button-next {
    background-position: -210px -141px;
}

.brand.swiper_inner .swiper-button-next {
    right: -100px;
}

.brand.swiper_inner .swiper-button-prev {
    left: -100px;
}

@media screen and (max-width: 1200px) {
    .brand.swiper_inner .swiper-button-next {
        right: 30px;
    }

    .brand.swiper_inner .swiper-button-prev {
        left: 30px;
    }
}

.brand.swiper_inner .swiper-pagination {
    width: 100%;
}

.brand.swiper_inner .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
}

.about_content {
    background-color: #fff;
}

.about_content .crumbs {
    padding: 26px 0 22px;
}

.about_content .share_bottom {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 78px;
    overflow: hidden;
}

.about_content .share_bottom .l_side {
    width: 666px;
}

.about_content .share_bottom .l_side .text_box {
    display: block;
    height: 300px;
    background: url(../images/main/about1.jpg) no-repeat center;
    background-size: cover;
}

.about_content .share_bottom .r_side .text_box {
    display: block;
    height: 300px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    padding: 62px 42px 0;
    background-color: #4a4a4a;
    box-sizing: border-box;
}

.about_content .share_bottom .r_side .text_box .text_btn {
    display: block;
    width: 127px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    margin: 38px auto 0;
}

.about_content .share_bottom .r_side {
    width: 480px;
}

.about_content .share_bottom h4 {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    margin-bottom: 12px;
}

.about_content .share_bottom .des_en {
    display: inline-block;
    font-size: 12px;
    color: #b2b2b2;
    margin-bottom: 25px;
}

.about_content .share_bottom .des_en:before,
.about_content .share_bottom .des_en:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 1px;
    background-color: #b2b2b2;
    vertical-align: middle;
}

.about_content .share_bottom .des_en:before {
    margin-right: 8px;
}

.about_content .share_bottom .des_en:after {
    margin-left: 8px;
}

.vip_product {
    padding: 110px 0 115px;
}

.vip_product .container > h2,
.vip_share .container > h2 {
    font-size: 42px;
    color: #fe763b;
    font-weight: 700;
    margin-bottom: 14px;
}

.vip_product .container .slogan,
.vip_share .container .slogan {
    position: relative;
    display: inline-block;
    color: #343434;
    font-size: 26px;
}

.vip_product .container .slogan:before,
.vip_share .container .slogan:before,
.vip_show .container > h2:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -32px;
    width: 223px;
    height: 1px;
    background-color: #fdc000;
    transform: translateX(-50%);
}

.vip_product .container .slogan:after,
.vip_share .container .slogan:after,
.vip_show .container > h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -37px;
    width: 12px;
    height: 12px;
    background-color: #fdc000;
    transform: translateX(-50%) rotate(45deg);
}

.vip_product .inner_box {
    margin-top: 70px;
    overflow: hidden;
}

.vip_product .text_aside,
.vip_train .text_aside {
    width: 500px;
    text-align: left;
    padding-top: 85px;
    padding-left: 70px;
}

.vip_product .text_aside > h4,
.vip_cycle .text_aside > h4,
.vip_salon .text_aside > h4,
.vip_train .text_aside > h4 {
    color: #fe773a;
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 26px;
}

.vip_product .text_aside .t_des,
.vip_cycle .text_aside .t_des,
.vip_salon .text_aside .t_des,
.vip_train .text_aside .t_des {
    color: #000;
    font-size: 24px;
    margin-bottom: 40px;
}

.vip_product .text_aside .des,
.vip_cycle .text_aside .des,
.vip_salon .text_aside .des,
.vip_train .text_aside .des {
    line-height: 30px;
    color: #666;
    font-size: 16px;
}

.vip_product .img_aside > img {
    display: block;
    width: 390px;
    margin-right: 130px;
}

.vip_cycle .container,
.vip_salon .container,
.vip_train .container {
    overflow: hidden;
}

.vip_cycle {
    padding-top: 10px;
    background-color: #fdc000;
}

.vip_cycle .text_aside {
    width: 450px;
    padding-top: 180px;
    text-align: left;
}

.vip_cycle .text_aside > h4 {
    color: #fff;
}

.vip_cycle .text_aside > .des {
    color: #584201;
}

.vip_train {
    padding: 20px 0;
}

.vip_train .text_aside {
    width: 470px;
}

.vip_train .img_aside > img {
    display: block;
    width: 600px;
}

.vip_salon {
    background-color: #ffe5b0;
    padding: 68px 0 42px;
}

.vip_salon .img_aside {
    padding-left: 50px;
}

.vip_salon .text_aside {
    text-align: left;
    width: 450px;
    padding-top: 100px;
    padding-right: 100px;
}

.vip_share {
    padding: 130px 0 0;
    background-color: #efefef;
}

.vip_share .inner_box {
    margin-top: 100px;
}

.vip_share .text_aside {
    width: 350px;
    margin-left: 145px;
    text-align: left;
    margin-top: 76px;
}

.vip_share .text_aside .seller {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 18px;
}

.vip_share .text_aside .t_des {
    position: relative;
    font-size: 22px;
    color: #525252;
    padding-bottom: 13px;
}

.vip_share .text_aside .t_des:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2.8em;
    height: 1px;
    background-color: #fe763a;
}

.vip_share .text_aside .des {
    color: #535353;
    font-size: 14px;
    line-height: 30px;
    margin-top: 28px;
}

.vip_share .text_aside .a_seller {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin-top: 55px;
}

.vip_share .text_aside .item {
    display: inline-block;
    width: 85px;
    height: 85px;
    line-height: 24px;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-right: 20px;
    padding-top: 17px;
    background-color: #fff;
    border: 1px dashed #fdc000;
    border-radius: 50%;
    box-sizing: border-box;
}

.vip_share .text_aside .a_product {
    padding: 22px 0 39px;
}

.vip_share .text_aside .btn {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border-radius: 25px;
}

.vip_show {
    padding: 140px 0 72px;
    background-color: #fff;
}

.vip_show .container > h2 {
    display: inline-block;
    position: relative;
    color: #353535;
}

.vip_show .inner_box {
    margin-top: 106px;
    overflow: hidden;
}

.vip_show .inner_box .item {
    float: left;
    width: 295px;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.vip_show .inner_box .item + .item {
    margin-left: 1px;
}

.vip_show .inner_box .item .hd {
    position: relative;
    overflow: hidden;
}

.vip_show .inner_box .item .hd > img {
    display: block;
    width: 100%
}

.vip_show .inner_box .item .hd > .des {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    color: #352500;
    text-align: left;
    line-height: 28px;
    padding: 48px 25px 0;
    background-color: #fdc000;
    box-sizing: border-box;
    -webkit-transition: transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.vip_show .inner_box .item .hd:hover .des {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.vip_show .inner_box .item .bd {
    padding: 20px 0 16px;
    text-align: center;
    border-top: 1px solid #eee;
}

.vip_show .inner_box .item .bd > h4 {
    font-size: 18px;
    color: #343434;
    margin-bottom: 10px;
}

.vip_show .inner_box .item .bd > p {
    font-size: 13px;
    color: #8d8d8d;
}

.vip_show .btn {
    font-size: 22px;
    height: 65px;
    line-height: 60px;
    margin-top: 64px;
    border: 2px solid #fe773a;
    border-radius: 33px;
    box-sizing: border-box;
}

.vip_show .btn:hover {
    background-color: #fff;
    color: #fe773a;
}

.help_box {
    padding-top: 30px;
}

.help_box .w1010 {
    overflow: hidden;
}

.help_box .side_tab {
    width: 240px;
    line-height: 40px;
    background-color: #f9f9f9;
}

.help_box .side_tab a {
    position: relative;
    display: block;
    font-size: 15px;
    color: #666;
    padding-left: 20px;
    padding-right: 15px;
}

.help_box .side_tab a:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    width: 8px;
    height: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #f9f9f9 #f9f9f9 transparent transparent;
    transform: rotate(45deg);
}

.help_box .side_tab li a.active {
    background-color: #f08518;
    color: #fff;
}

.help_box .side_main {
    width: 760px;
    min-height: 600px;
}

.artical_case_box .inner {

}

.artical_case_box .inner .item {
    width: 316px;
    margin-right: 30px;
}

.artical_case_box .container {
    width: 1010px;
}

.artical_case_box .artical_box {
    border-top: none;
}

.dialog_mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.dialog_form {
    position: fixed;
    top: 18%;
    left: 50%;
    z-index: 9999;
    width: 660px;
    margin-left: -330px;
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    -webkit-transition: transform 0.6s;
    transition: transform 0.6s;
}

.dialog_form.active {
    display: block;
}

.dialog_form.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.dialog_form .form_inner {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 66px 80px 25px;

}

.dialog_form .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.dialog_form .form_inner .logo {
    position: absolute;
    top: -56px;
    left: 50%;
    width: 112px;
    margin-left: -56px;
}

.dialog_form .form_inner .logo > img {
    display: block;
    width: 100%;
}

.dialog_form .form_inner .title {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    margin-bottom: 32px;
}

.form_group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eaeaea;
    margin-bottom: 14px;
}

.form_group .form_control {
    height: 44px;
    padding: 0 10px;
    font-size: 14px;
    border: none;
    outline: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form_group .img_code {
    height: 44px;
    cursor: pointer;
}

.form_group .msg_code {
    width: 150px;
    height: 44px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background-color: #828282;
    cursor: pointer;
    border: none;
}

.dialog_form .form_inner .btn,
.form_box .btn {
    display: block;
    width: 100%;
    line-height: 58px;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
}

.dialog_form .form_inner .telphone {
    font-size: 22px;
    color: #222;
    text-align: center;
    margin-top: 25px;
}

/*  登录注册  */
.header_form {
    height: 100px;
    background-color: #fff;
    margin-top: -129px;
    padding-left: 110px;
    padding-top: 24px;
    box-sizing: border-box;
}

.header_form a {
    display: block;
    width: 200px;
}

.header_form a > img {
    display: block;
    width: 100%;
}

.banner_form {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_form.longin_form {
    background-image: url(../images/main/banner_form1.gif);
    background-size: cover;
}

.banner_form.reg_form {
    background-image: url(../images/main/banner_form2.gif);
    background-size: cover;
}

.banner_form .text_hd {
    position: relative;
    display: inline-block;
    font-size: 48px;
    line-height: 65px;
    color: #eb8300;
    padding: 0 45px;
    margin-bottom: 45px;
}

.banner_form .text_hd:before,
.banner_form .text_hd:after {
    content: "";
    width: 19px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_form .text_hd:before {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/main/colon_form1.gif);
}

.banner_form .text_hd:after {
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../images/main/colon_form2.gif);
}

.banner_form .text_bd {
    font-size: 20px;
    color: #4a5049;
    line-height: 30px;
    padding-left: 45px;
}

.banner_form .container {
    position: relative;
    height: 100%;
}

.banner_form .text_aside {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.footer_form {
    text-align: center;
    font-size: 12px;
    color: #a4a4a4;
    padding: 40px 0;
}

.form_box {
    position: absolute;
    top: 50%;
    right: 0;
    width: 400px;
    padding: 88px 40px 50px;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
    transform: translateY(-50%);
}

.check_group {
    color: #4f4f4f;
    overflow: hidden;
    margin-bottom: 30px;
}

.check_group .checkbox {
    float: left;
    padding-left: 10px;
    cursor: pointer;
}

.check_group .checkbox input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 2px;
}

.check_group .link {
    float: right;
    padding-right: 10px;
}

.check_group .link:hover {
    text-decoration: underline;
}

.form_box > h2 {
    font-size: 30px;
    color: #222;
    font-weight: 500;
    text-align: center;
    margin-bottom: 45px;
}

.form_box .btn {
    background-color: #f08200;
}

.form_box .bottom_tips {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin-top: 32px;
}

.form_box .bottom_tips a {
    color: #fdc000;
}

.form_box .bottom_tips a:hover {
    text-decoration: underline;
}

.banner_form.reg_form .container {
    width: 1000px;
}

.reg_form .panel_left {
    width: 410px;
    margin-left: 100px;
    padding-top: 100px;
}

.reg_form .panel_left .icon {
    display: block;
    width: 80px;
    margin: 0 auto 24px;
}

.reg_form .panel_left .title {
    font-size: 55px;
    font-weight: 700;
    color: #222;
    text-align: center;
    margin-bottom: 33px;
}

.reg_form .panel_left .des {
    font-size: 22px;
    color: #222;
    text-align: center;
    margin-bottom: 32px;
}

.reg_form .panel_left .des b {
    font-weight: 500;
    color: #eb8000;
}

.reg_form .panel_left .qrcode {
    width: 152px;
    margin: 0 auto;
}

.reg_form .panel_left .qrcode > img {
    display: block;
    width: 100%;
}
.reg_form .panel_left .qrcode > p {
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    color: #333;
}
.reg_form .form_box {
    padding: 40px 40px 30px;
}

.reg_form .form_box > h2 {
    margin-bottom: 25px;
}

.reg_form .form_group .form_control {
    height: 40px;
}

.reg_form .form_box .btn {
    height: 50px;
    line-height: 50px;
}

.reg_form .form_box .agreet {
    color: #666;
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
}

.reg_form .form_box .agreet a {
    color: #256dff;
    margin-left: 4px;
}

.reg_form .form_box .agreet a:hover {
    text-decoration: underline;
}

.reg_form .form_box .agreet input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 4px;
}

.reg_form .form_box .tolog {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
}

.reg_form .form_box .tolog > a {
    color: #fdc000;
    margin-left: 4px;
}

.reg_form .form_group .msg_code {
    font-size: 13px;
    background-image: url(../images/main/msgcode.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}

.form_text_waning {
    font-size: 12px;
    color: #f08200;
    display: none;
    padding-left: 10px;
}

#global_error {
    text-align: center;
    padding-left: 0;
    font-size: 14px;
}

.user_tool {
    padding: 52px 0 0;
    background-color: #f3f3f3;
}

.user_tool h2 {
    position: relative;
    font-size: 20px;
    color: #545454;
    font-weight: 600;
}

.user_tool h2:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 17px;
    background-color: #fdc000;
    vertical-align: -1px;
    margin-right: 10px;
}

.user_tool_box {
    border-top: none;
}

.user_tool_box .inner .item {
    position: relative;
    height: 385px;
}

.user_tool_box .inner .item .time {
    position: absolute;
    top: 5px;
    left: 0;
    width: 94px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-right: 8px;
    background-image: url(../images/main/restimebg.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
}

.user_tool_box .inner .item .btn_group {
    text-align: center;
    margin-top: 18px;
}

.user_tool_noexist {
    background-color: #f3f3f3;
    text-align: center;
    padding: 90px 0 150px;
}

.user_tool_noexist .cart {
    display: block;
    width: 200px;
    margin: 0 auto 26px;
}

.user_tool_noexist .title {
    font-size: 30px;
    font-weight: 500;
    color: #111;
    margin-bottom: 40px;
}

.user_tool_noexist .des {
    font-size: 18px;
    color: #111;
    margin-bottom: 86px;
}

.user_tool_noexist .link {
    font-size: 14px;
    color: #f08200;
    text-decoration: underline;
}

.artical_detail {
    background-color: #fff;
    padding: 50px;
    font-size: 16px;
    line-height: 32px;

}

.artical_detail strong {
    display: block;
    color: rgb(54, 54, 54);
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    padding-left: 15px;
    border-left: 5px solid #3366cc;
    margin-top: 48px;
}

.artical_detail img {
    max-width: 100%;
    vertical-align: top;
}

.artical_detail > * {
    margin-bottom: 24px;
}

.artical_detail *:last-child {
    margin-bottom: 0;
}

.h_main .title {
    line-height: 1;
    font-size: 22px;
    color: #444;
    padding-bottom: 23px;
    border-bottom: 1px solid #d9d9d9;
}

.h_main {
    width: 670px;
}

/* 购买弹出层 start */
.pay_box {
    text-align: center;
    line-height: 1;
}

.pay_box #imgCode {
    display: block;
    width: 135px;
    margin: 0 auto 15px;
}

.pay_box #imgCode canvas {
    width: 100% !important;
}

.pay_box #imgCode > img {
    display: block;
    width: 100%;
}

.pay_box .price {
    font-size: 16px;
    color: #ff2c2c;
    margin-bottom: 8px;
}

.pay_box .info {
    font-size: 12px;
    color: #a2a2a2;
}

.ui-dialog .pay_success {
    padding: 30px 0;
    text-align: center;
}

.ui-dialog .pay_success > h4 {
    font-size: 22px;
    font-weight: 500;
    color: #65db73;
    line-height: 1;
    margin-bottom: 10px;
}

.ui-dialog .pay_success > p {
    line-height: 1;
    font-size: 12px;
    color: #b5b5b5;
}

/* 购买弹出层 end */
/* seller 产品介绍、案例、帮助 start */
.product_box {
    position: relative;
}

.product_box .banner_box {
    position: relative;
    height: 212px;
    overflow: hidden;
}

.product_box .banner_box + .article_list {
    margin-top: 40px;
}

.product_box .banner_box img {
    display: block;
    width: 100%;
    margin-top: -215px;
}

.product_box .banner_box .info {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.product_box .banner_box.banner_tool {
    height: 180px;
    background-image: url(http://seller.yunmof.com/Areas/Seller/Images/banner_pro.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.product_box .banner_box.banner_tool .info {
    left: 0;
    top: 52px;
    width: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.product_box .banner_box.banner_tool .info h1 {
    font-size: 20px;
    margin-bottom: 8px;
}

.product_box .banner_box .info h1 {
    font-weight: 500;
    font-size: 30px;
}

.product_box .banner_box .btn_group {
    position: absolute;
    top: 125px;
    left: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
}

.product_box .banner_box .btn_group a {
    display: inline-block;
    width: 70px;
    height: 25px;
    color: #222;
    font-size: 12px;
    border-radius: 13px;
    text-align: center;
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.7);
}

.product_box .banner_box .btn_group a + a {
    margin-left: 10px;
}

.product_box .banner_box .btn_group a.active {
    background-color: rgba(255, 255, 255, 1);
}

.product_box .banner_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3)
}

.content .h_aside {
    float: left;
    width: 225px;
    padding: 30px 22px;
    background-color: #fff;
}

.content .h_aside li + li {
    margin-top: 10px;
}

.content .h_aside li a {
    display: block;
    color: #5588ed;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content .h_aside li a:hover {
    text-decoration: underline;
}

.content .h_aside li a:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #5588ed;
    margin-right: 6px;
    vertical-align: 1px;
}

.content .h_main {
    min-height: 500px;
    padding: 70px 50px;
    margin-left: 246px;
    background-color: #fff;
}

.content .h_main .title {
    line-height: 1;
    font-size: 22px;
    color: #444;
    padding-bottom: 23px;
    border-bottom: 1px solid #d9d9d9;
}

.content .h_main .artical_detail {
    padding: 0;
    padding-top: 15px;
}
.system_content {
    padding-top: 80px;
    background-color: #fff;
}
.system_content .title {
    color: #000;
    font-weight: 500;
    font-size: 40px;
    text-align: center;
}
.system_content .nav_tabs {
    position: relative;
    display: block;
    font-size: 0;
    text-align: center;
    margin-top: 60px;
}
.system_content .nav_tabs:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.system_content .nav_tabs a {
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: 20px;
    padding: 18px 50px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    background-color: #fff;
}
.system_content .nav_tabs a.active {
    background-color: #fe773a;
    color: #fff;
}
.system_content .nav_tabs a + a {
    border-left: 1px solid #bfbfbf;
}
.system_content .nav_tabs a:first-child {
    border-left: 1px solid #bfbfbf;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.system_content .nav_tabs a:last-child {
    border-right: 1px solid #bfbfbf;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.tabcon_wraper {
    margin-top: 90px;
}
.nav_tabs_content {
    padding-bottom: 65px;
    display: none;
}
.nav_tabs_content.active {
    display: block;
}
.nav_tabs_content .logo_line {
    font-size: 0;
    text-align: center;
    padding-bottom: 10px;
    background-image: url(../images/main/line_logo.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.nav_tabs_content .logo_line > img {
    vertical-align: top;
}
.nav_tabs_content .logo_info {
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}
.nav_tabs_content > .des {
    width: 1000px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin:38px auto 50px;
}
.nav_tabs_content .con_img {
    display: block;
    width: 983px;
    margin: 50px auto ;
}
.nav_tabs_content .pro_package {
    background-color: #e5f8f7;
    padding: 70px 0;
}
.nav_tabs_content .pro_package .inner {
    width: 1100px;
    margin: 0 auto;
}
.nav_tabs_content .pro_package .hd {
    position: relative;
}
.nav_tabs_content .pro_package .hd > h4 {
    font-weight: 500;
    font-size: 32px;
    color: #111;
    text-align: center;
    margin-bottom: 54px;
    background-image: url(../images/main/line_title.png);
    background-repeat: no-repeat;
    background-position: 50px center;
}
.nav_tabs_content .pro_package .hd > a {
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 14px;
    color: #ee3f00;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav_tabs_content .pro_package .panel {
    font-size: 0;
    text-align: center;
}
.nav_tabs_content .pro_package .item {
    display: inline-block;
    width: 316px;
    background-color: #fff;
    padding-bottom: 55px;
    vertical-align: top;
}
.nav_tabs_content .pro_package .item + .item {
    margin-left: 76px;
}
.nav_tabs_content .pro_package .item > .img_box {
    height: 130px;
    background-color: #3f9fff;
    padding: 45px 0 42px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.nav_tabs_content .pro_package .item > .img_box > img {
    display: block;
    margin: 0 auto;
}
.nav_tabs_content .pro_package .item > h4 {
    font-size: 22px;
    color: #ee3f00;
    font-weight: 500;
    text-align: center;
    margin-bottom: 18px;
}
.nav_tabs_content .pro_package .item > .info {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}
.nav_tabs_content .pro_package .item > .des {
    font-size: 14px;
    color: #666;
    height: 120px;
    line-height: 30px;
    padding: 0 35px;
    overflow: hidden;
    text-align: left;
}
.nav_tabs_content .pro_package .item > .img_box.green_bg {
    background-color: #00c0b6;
}
.nav_tabs_content .pro_package .item > .img_box.orange_bg {
    background-color: #f39b16;
    padding-top: 39px;
}
.nav_tabs_content .pro_package .item > .img_box.red_bg {
    background-color: #e62229;
    padding-top: 39px;
}
.nav_tabs_content .pro_package .himall .item {
    width: 405px;
}
.nav_tabs_content .pro_package .himall .item + .item {
    margin-left: 185px;
}
.nav_tabs_content > .icon_area {
    position: relative;
    height: 500px;
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}
.nav_tabs_content > .icon_area .center_icon {
    width: 355px;
    height: 355px;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    line-height: 355px;
    margin: 0 auto;
    background-image: url(../images/main/icon_circle.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nav_tabs_content > .icon_area .item {
    position: absolute;
    width: 160px;
}
.nav_tabs_content > .icon_area .item .icon_box {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    margin: 0 auto 10px;
    background-color: #fff;
    box-sizing: border-box;
}
.nav_tabs_content > .icon_area .item .icon_box:before {
    content:"";
    display: block;
    width: 60px;
    height: 60px;
    margin: 33px auto 0;
    background-image: url(../images/main/icon_pakage.png);
    background-repeat: no-repeat;
    background-position: -5px 0;
}
.nav_tabs_content > .icon_area .item > p {
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    color: #444;
    line-height: 30px;
}
.nav_tabs_content > .icon_area .item.top_1 {
    top: 10px;
    left: 50px;
}
.nav_tabs_content > .icon_area .item.top_2 {
    top: 10px;
    right: 50px;
}
.nav_tabs_content > .icon_area .item.bottom_1 {
    top: 245px;
    left: 130px;
}
.nav_tabs_content > .icon_area .item.bottom_2 {
    top: 284px;
    right: 285px;
}
.nav_tabs_content > .icon_area .item.bottom_3 {
    top: 200px;
    right: 10px;
}
.nav_tabs_content > .icon_area.ysc .center_icon {
    color: #3e9fff;
}
/*移动云商城图标*/
.nav_tabs_content > .icon_area.ysc .item.top_1 .icon_box:before{
    background-position: -5px 0;
}
.nav_tabs_content > .icon_area.ysc .item.top_2 .icon_box:before{
    background-position: -232px 0;
}
.nav_tabs_content > .icon_area.ysc .item.bottom_1 .icon_box:before{
    background-position: -81px 0;
}
.nav_tabs_content > .icon_area.ysc .item.bottom_2 .icon_box:before{
    background-position: -154px 0;
}
.nav_tabs_content > .icon_area.ysc .item.bottom_3 .icon_box:before{
    background-position: -308px 0;
}
/*移动云商城图标位置*/
.nav_tabs_content > .icon_area.ysc .item.top_1 {
    top: 26px;
    left: 26px;
}
.nav_tabs_content > .icon_area.ysc .item.top_2 {
    top: 6px;
    right: 110px;
}
.nav_tabs_content > .icon_area.ysc .item.bottom_1 {
    top: 198px;
    left: 160px;
}
.nav_tabs_content > .icon_area.ysc .item.bottom_2 {
    top: 240px;
    right: 285px;
}
.nav_tabs_content > .icon_area.ysc .item.bottom_3 {
    top: 152px;
    right: 0px;
}
.nav_tabs_content > .icon_area.xkd .center_icon {
    color: #00a499;
}
.nav_tabs_content > .pro_package.xkd {
    background-color: #e5f8f7;
}
/*销客多图标*/
.nav_tabs_content > .icon_area.xkd .item.top_1 .icon_box:before{
    background-position: -81px -76px;
}
.nav_tabs_content > .icon_area.xkd .item.top_2 .icon_box:before{
    background-position: -308px -76px;
}
.nav_tabs_content > .icon_area.xkd .item.bottom_1 .icon_box:before{
    background-position: -2px -76px;
}
.nav_tabs_content > .icon_area.xkd .item.bottom_2 .icon_box:before{
    background-position: -154px -76px;
}
.nav_tabs_content > .icon_area.xkd .item.bottom_3 .icon_box:before{
    background-position: -233px -73px;
}
/*销客多图标位置*/
.nav_tabs_content > .icon_area.xkd .item.top_1 {
    top: 20px;
    left: 155px;
}
.nav_tabs_content > .icon_area.xkd .item.top_2 {
    top: 70px;
    right: 0;
}
.nav_tabs_content > .icon_area.xkd .item.bottom_1 {
    top: 186px;
    left: 0;
}
.nav_tabs_content > .icon_area.xkd .item.bottom_2 {
    top: 240px;
    left: 300px;
}
.nav_tabs_content > .icon_area.xkd .item.bottom_3 {
    top: 200px;
    right: 200px;
}
.nav_tabs_content > .icon_area.yfx .center_icon {
    color: #f49b18;
}
.nav_tabs_content > .pro_package.yfx {
    background-color: #fef5e7;
}
/*移动云分销图标*/
.nav_tabs_content > .icon_area.yfx .item.top_1 .icon_box:before{
    background-position: -379px -153px;
}
.nav_tabs_content > .icon_area.yfx .item.top_2 .icon_box:before{
    background-position: -230px -146px;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_1 .icon_box:before{
    background-position: -5px -146px;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_2 .icon_box:before{
    background-position: -81px -146px;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_3 .icon_box:before{
    background-position: -158px -146px;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_4 .icon_box:before{
    background-position: -306px -146px;
}
/*移动云分销图标位置*/
.nav_tabs_content > .icon_area.yfx .item.top_1 {
    top: 5px;
    left: 130px;
}
.nav_tabs_content > .icon_area.yfx .item.top_2 {
    top: 5px;
    right: 130px;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_1 {
    top: 170px;
    left: 0;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_2 {
    top: 212px;
    left: 250px;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_3 {
    top: 210px;
    right: 230px;
}
.nav_tabs_content > .icon_area.yfx .item.bottom_4 {
    top: 170px;
    right: 0;
}
.nav_tabs_content > .icon_area.himall .center_icon {
    color: #e62327;
}
.nav_tabs_content > .pro_package.himall {
    background-color: #f0f0f0;
}
/*Himall图标*/
.nav_tabs_content > .icon_area.himall .item.top_1 .icon_box:before{
    background-position: 4px -228px;;
}
.nav_tabs_content > .icon_area.himall .item.top_2 .icon_box:before{
    background-position: -304px -225px;
}
.nav_tabs_content > .icon_area.himall .item.bottom_1 .icon_box:before{
    background-position: -228px -225px;
}
.nav_tabs_content > .icon_area.himall .item.bottom_2 .icon_box:before{
    background-position: -76px -228px;
}
.nav_tabs_content > .icon_area.himall .item.bottom_3 .icon_box:before{
    background-position: -152px -228px;
}
/*Himall图标位置*/
.nav_tabs_content > .icon_area.himall .item.top_1 {
    top: 20px;
    left: 160px;
}
.nav_tabs_content > .icon_area.himall .item.top_2 {
    top: 72px;
    right: 0px;
}
.nav_tabs_content > .icon_area.himall .item.bottom_1 {
    top: 190px;
    left: 0;
}
.nav_tabs_content > .icon_area.himall .item.bottom_2 {
    top: 240px;
    left: 310px;
}
.nav_tabs_content > .icon_area.himall .item.bottom_3 {
    top: 195px;
    right: 205px;
}


/*  404 页面 */
.error_page .error_404 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.error_page .error_404 > span {
    font-size: 250px;
    line-height: 178px;
    color: #e2e2e2;
    font-weight: 600;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.error_page .error_404 > div {
    margin-top: -95px;
}

.error_page .error_404 > p {
    font-size: 30px;
    color: #4e5b64;
}

.error_page .error_404 > a {
    display: inline-block;
    width: 132px;
    line-height: 40px;
    background-color: #3368cd;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    margin-top: 40px;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.error_page .error_404 > a:hover {
    background-color: #0047d0;
}

.article_list {
    margin-right: -20px;
    overflow: hidden;
}

.article_list .item {
    position: relative;
    float: left;
    width: 281px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.article_list .item:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    line-height: 1;
    font-size: 14px;
    padding: 6px 16px;
}

.article_list .item.reprinted:before {
    content: "转载";
    color: #222;
    background-color: rgba(255, 255, 255, 0.8);
}

.article_list .item.original:before {
    content: "原创";
    color: #fff;
    background-color: rgba(56, 214, 117, 0.8);
}

.article_list .item.cases:before {
    content: "案例";
    color: #fff;
    background-color: rgba(204, 129, 69, 0.8);
}

.article_list .item .img_box {
    display: block;
    width: 100%;
    overflow: hidden;
}

.article_list .item .img_box > img {
    display: block;
    width: 100%;
    -webkit-transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}

.article_list .item .img_box:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.article_list .item > h4 {
    height: 36px;
    line-height: 18px;
    font-weight: 400;
    padding: 0 10px;
    margin-top: 8px;
    overflow: hidden;
}

.article_list .item > p {
    line-height: 1;
    font-size: 12px;
    color: #999;
    padding: 10px 10px 15px;
    overflow: hidden;
}

.article_list .item > p .fl {
    float: left;
}

.article_list .item > p .fr {
    float: right;
}

.artical_detail.artical_pos {
    width: 715px;
    min-height: 280px;
    margin-top: 20px;
}

.aside_good {
    position: absolute;
    top: 200px;
    right: 0;
    width: 225px;
    padding: 24px 22px;
    background-color: #fff;
    box-sizing: border-box;
}

.aside_good > a {
    display: block;
    margin-bottom: 12px;
}

.aside_good > a img {
    display: block;
    width: 100%;
}

.aside_good h4 {
    font-weight: 500;
    font-size: 16px;
    color: #666;
}

.aside_good p {
    height: 40px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin: 12px 0;
    overflow: hidden;
}
.share_box {
    text-align: center;
}
.share_box .info {
    margin-bottom: 10px;
}
/* seller 产品介绍、案例、帮助 end */
.registeragreement {
    width: 930px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #cccccc;
}

.RegisterAgreement_tit {
    background: #f5f5f5;
    border-bottom: 1px solid #e4e4e4;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.registeragreement_c {
    width: 890px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    color: #666;
    line-height: 30px;
    font-size: 12px;
    font-family: 宋体;
}

#registerAgreement_div_Common_Register_Clause {
    width: 700px;
    margin: 0 auto;
}

.color_f30, .color_f30 a {
    color: #f30;
}

/* 右侧悬浮联系栏 */
#left_kf {
    left: 0px;
    bottom: 160px;
    position: fixed;
    z-index: 5;
    font-size: 14px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
}

#left_kf.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#left_kf #advisoryTB {
    /*background: #2c2c30;*/
    width: 115px;
    overflow: hidden;
}
#left_kf #advisoryTB .kf_top {
	background: #2c2c30;
    height: 65px;
}

#left_kf .myphone {
	line-height: 24px;
    color: #fff;
    text-align: center;
    clear: both;
}
#left_kf .kf_list{	
	background: #2c2c30;
}
#left_kf .kf_list a.xnkf{
    display: block;
    width: 90px;
    height: 76px;
    background: url(../images/main/consult.png) center top no-repeat;
    margin: 0 auto;
    cursor: pointer;
    padding-bottom: 13px;
}
#left_kf .kf_list ul{
	height: auto;
	overflow: hidden;
	background: #FFF;
}
#left_kf .kf_list ul li {
    margin-left: 10px;
    line-height: 34px;
}

#left_kf .kf_list ul li a {
    color: #5b5b5b;
}

#left_kf .kf_list ul li img {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

/*#left_kf .kf_btn {
    height: 42px;
    background: #0050b4;
    color: #fff;
    text-align: center;
    line-height: 42px;
    width: 115px;
}

#left_kf .kf_btn a {
    color: #FFF;
}

#left_kf .kf_wx {
    background: #fff;
    width: 115px;
}

#left_kf .kf_wx p {
    line-height: 1.8;
    padding-left: 10px;
    padding-top: 10px;
    color: #5b5b5b;
    padding-bottom: 20px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}*/
#left_kf .kf_qrcode{
	background: #FFF;
}
#left_kf .kf_qrcode img {
    display: block;
    width: 100%;
}

#left_kf .kf_qrcode .info {
    display: block;
    font-size: 14px;
    color: #2c2c30;
    text-align: center;
    line-height: 35px;
    background-color: #eeac0c;
}
#left_kf .kf_list .agent_show {
    display: none;
}

a[title="站长统计"] {
    display: none;
}
.header_mobile,
.footer_mobile,
.menu_bar_mobile,
.btn_area_mobile,
.brand .container > h2.mobile,
.tool_box .container > h4,
.tool_box .container > p,
.brand.swiper_inner .swiper_box_mobile {
    display: none;
}
.tool_box.mobile {
    display: none;
}
.vip_show .inner_box .item .bd > .des {
    display: none;
}
.swiper_pagination_mobile,
.agent_process .inner_box_mobile {
    display: none;
}







/*2016 11 产品页面改版*/
    /*全民经纪人*/
.product_banner {
    display: block;
    height: 500px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
}
.product_banner:before,
.product_banner:after,
.panel_scene:before,
.panel_scene:after,
.panel_example:before,
.panel_example:after {
    content:"";
    display: table;
}
.product_banner > h1 {
    text-indent: -9999em;
    font-size: 0;
}
.product_banner .des {
    font-size: 17px;
    color: #333;
    margin-top: 310px;
    line-height: 30px;
}
.product_banner .btn {
    line-height: 38px;
    color: #333;
    font-size: 17px;
    background-color: #fddd2b;
    padding: 0 25px;
    margin-top: 42px;
}
.product_banner .btn:hover {
    background-color: #ffd801;
}
.product_banner.qmjjr_banner {
    background-image: url(../images/products/quanminjingjiren/banner.jpg);
}
.panel_intro {
    position: relative;
    height: 462px;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
}
.panel_intro .container {
    position: relative;
    padding-top: 142px;
}
.panel_intro h2 {
    font-weight: 400;
    font-size: 35px;
    color: #222;
}
.panel_intro p {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    margin-top: 42px;
}
.panel_intro img {
    position: absolute;
    top: 0;
    right: 0;
}
.panel_scene {
    height: 560px;
    text-align: center;
    background-image: url(../images/products/quanminjingjiren/scene_bg.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.panel_scene.qmjjr_scene h2,
.panel_example.qmjjr_example h2 {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-size: 28px;
    color: #000;
    padding: 12px 32px;
    margin-top: 55px;
    margin-bottom: 12px;
    border: 1px solid #c4c0ba;
    background-color: #fff;
}
.panel_scene.qmjjr_scene h2:before,
.panel_example.qmjjr_example h2:before{
    content:"";
    position: absolute;
    top: 50%;
    left: -110px;
    width: 120px;
    height: 1px;
    background-color: #c4c0ba;
}
.panel_scene.qmjjr_scene h2:after,
.panel_example.qmjjr_example h2:after{
    content:"";
    position: absolute;
    top: 50%;
    right: -110px;
    width: 120px;
    height: 1px;
    background-color: #c4c0ba;
}
.panel_scene.qmjjr_scene .scene_step {
    position: relative;
    height: 194px;
    line-height: 22px;
    font-size: 14px;
    color: #333;
    background-repeat: no-repeat;
    background-position: center;
}
.panel_scene.qmjjr_scene .scene_step:first-of-type {
    background-image: url(../images/products/quanminjingjiren/scene1.gif);
}
.panel_scene.qmjjr_scene .scene_step:last-of-type {
    background-image: url(../images/products/quanminjingjiren/scene2.gif);
}
.panel_scene.qmjjr_scene .scene_step p {
    position: absolute;
    top: 165px;
    width: 145px;
    text-align: center;
}
.panel_scene.qmjjr_scene .scene_step .step2 {
    left: 405px;
}
.panel_scene.qmjjr_scene .scene_step .step3 {
    left: 684px;
}
.panel_scene.qmjjr_scene .scene_step .step4{
    left: 965px;
}
.panel_example {
    text-align: center;
    background-color: #e2e3e0;
    padding-bottom: 108px;
}
.panel_example .example_box {
    font-size: 0;
    margin-top: 50px;
}
.panel_example .example_box  .item {
    display: inline-block;
    width: 250px;
}
.panel_example .example_box  .item + .item {
    margin-left: 58px;
}
.panel_example  .item .img_box {
    padding: 18px 10px;
    background-color: #fff;
    border-radius: 20px;
}
.panel_example  .item .img_box > img {
    display: block;
    width: 100%;
    border-radius: 20px;
}
.panel_example  .item p {
    font-size: 18px;
    color: #666;
    margin-top: 35px;
}
.mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
.qrcode_box {
    position: fixed;
    top: 200px;
    left: 50%;
    z-index: 9999;
    width: 340px;
    padding: 45px 0 30px;
    border-radius: 10px;
    margin-left: -170px;
    background-color: #fff;
    box-sizing: border-box;
    display: none;
}
.qrcode_box .img_box {
    width: 212px;
    padding: 12px 18px;
    box-sizing: border-box;
    margin: 0 auto 24px;
    background-image: url(../images/products/quanminjingjiren/code_border.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.qrcode_box .img_box > img {
    display: block;
    width: 100%;
}
.qrcode_box .des {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #000;
}
.qrcode_box .close {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 30px;
    color: #999;
    padding: 2px;
    cursor: pointer;
}
    /* 全民卖货 */
.product_banner.qmmh_banner {
    height: 520px;
    background-image: url(../images/products/quanminmaihuo/banner.gif);
}
.product_banner.qmmh_banner .des {
    margin-top: 350px;
}
.product_banner.qmmh_banner .btn {
    margin-top: 20px;
}
.panel_intro.qmmh_intro img {
    top: 26px;
}
.panel_scene.qmmk_scene {
    height: 630px;
    background-image: url(../images/products/quanminmaihuo/scene_bg.gif);
}
.panel_scene.qmmk_scene h2,
.panel_example.qmmk_example h2 {
    position: relative;
    width: 328px;
    font-weight: 400;
    text-align: center;
    font-size: 30px;
    color: #000;
    padding: 18px 0;
    margin: 38px auto 35px;
    border-bottom: 1px solid #aab2b0;
}
.panel_scene.qmmk_scene h2:before,
.panel_example.qmmk_example h2:before {
    content:"";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 85px;
    height: 6px;
    margin-left: -43px;
    background-color: #00fcfe;
}
.panel_scene.qmmk_scene .scene_step {
    text-align: center;
    font-size: 0;
    margin-bottom: 50px;
}
.panel_scene.qmmk_scene .item {
    width: 192px;
    display: inline-block;
}
.panel_scene.qmmk_scene .item + .item {
    margin-left: 120px;
}
.panel_scene.qmmk_scene .item .img_box {
    width: 158px;
    height: 158px;
    margin: 0 auto 10px;
    background-image: url(../images/products/quanminmaihuo/feature.gif);
    box-sizing: border-box;
    -webkit-transition: transform 0.8s;
             transition: transform 0.8s;
}
.panel_scene.qmmk_scene .item .img_box:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.panel_scene.qmmk_scene .item p {
    font-size: 14px;
    color: #333;
}
.panel_scene.qmmk_scene .scene_step:first-of-type .item:first-child .img_box {
     background-position: -157px -1px;;
 }
.panel_scene.qmmk_scene .scene_step:first-of-type .item:nth-child(2) .img_box {
    background-position: -463px -1px;
}
.panel_scene.qmmk_scene .scene_step:first-of-type .item:nth-child(3) .img_box {
    background-position: -777px -1px;;
}
.panel_scene.qmmk_scene .scene_step:last-of-type .item:first-child .img_box {
    background-position: -5px -235px;
}
.panel_scene.qmmk_scene .scene_step:last-of-type .item:nth-child(2) .img_box {
    background-position: -305px -235px;
}
.panel_scene.qmmk_scene .scene_step:last-of-type .item:nth-child(3) .img_box {
    background-position: -596px -235px;
}
.panel_scene.qmmk_scene .scene_step:last-of-type .item:nth-child(4) .img_box {
    background-position: -883px -235px;
}
.panel_example.qmmk_example {
    background-color: #f2f2f2;
}
.panel_example.qmmk_example .example_box {

}
.panel_example.qmmk_example .example_box .item {
    width: 205px;
}
.panel_example.qmmk_example .example_box .item .img_box {
    -webkit-transition: transform 0.6s;
    transition: transform 0.6s;
}
.panel_example.qmmk_example .example_box .item .img_box:hover {
    transform: scale(1.02);
}
.panel_example.qmmk_example .item p {
    margin-top: 14px;
}
.panel_example.qmmk_example .example_box  .item + .item {
    margin-left: 105px;
}
.panel_example.qmmk_example .example_box .avatar {
    display: inline-block;
    width: 140px;
    margin-right: 104px;
    vertical-align: 120px;
}
.panel_example.qmmk_example .example_box .avatar .img_box {
    width: 140px;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}
.panel_example.qmmk_example .example_box .avatar p {
    margin-top: 14px;
    text-align: center;
    font-size: 18px;
    color: #666;
}
.panel_example.qmmk_example .example_box + .example_box {
    margin-top: 38px;
}
  /*全民送礼*/
.product_banner.qmsl_banner {
    background-image: url(../images/products/quanminsongli/banner_pc.jpg);
}
.product_banner.qmsl_banner .des {
    color: #fff;
}
.product_banner.qmsl_banner .btn {
    background-color: #fefaba;
    color: #ed5e63;
}
.panel_intro.qmsl_intro img {
    top: 50px;
}
.panel_scene.qmsl_scene h2,
.panel_example.qmsl_example h2 {
    position: relative;
    width: 328px;
    font-weight: 400;
    text-align: center;
    font-size: 30px;
    color: #000;
    padding: 25px 0;
    margin: 38px auto 35px;
    background-image: url(../images/products/quanminsongli/bottom_line.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom: none;
}
.panel_scene.qmmk_scene h2:before {
    display: none;
}
.panel_scene.qmsl_scene .scene_step {
    margin-top: 55px;
}
.panel_scene.qmsl_scene {
    background-image: url(../images/products/quanminsongli/scene_bg.jpg);
}
.panel_scene.qmsl_scene .item .img_box {
    background-image: url(../images/products/quanminsongli/feature_pc.png);
    /*background-color: red;*/
}
.panel_scene.qmsl_scene .scene_step:first-of-type .item:first-child .img_box {
    background-position: -126px 1px;
}
.panel_scene.qmsl_scene .scene_step:first-of-type .item:nth-child(2) .img_box {
    background-position: -437px 1px;
}
.panel_scene.qmsl_scene .scene_step:first-of-type .item:nth-child(3) .img_box {
    background-position: -736px 1px;
}
.panel_scene.qmsl_scene .scene_step:last-of-type .item:first-child .img_box {
    background-position: -2px -267px;
}
.panel_scene.qmsl_scene .scene_step:last-of-type .item:nth-child(2) .img_box {
    background-position: -291px -267px;
 }
.panel_scene.qmsl_scene .scene_step:last-of-type .item:nth-child(3) .img_box {
    background-position: -580px -267px;
}
.panel_scene.qmsl_scene .scene_step:last-of-type .item:nth-child(4) .img_box {
    background-position: -876px -266px;
}
.panel_example.qmsl_example {
    background-color: #f5f8fa;
}
.panel_example.qmsl_example .example_box  .item {
    width: 208px;
    vertical-align: top;
}
.panel_example.qmsl_example .example_box  .item + .item {
    margin-left: 35px;
}
.panel_example.qmsl_example  .item p {
    color: #111;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
}
.panel_example  .item .img_box {
    transition: transform 0.4s;
}
.panel_example  .item .img_box:hover {
    transform: scale(1.02)
}
/* 全民买单 */
   /*loading 效果*/
.loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
}
.loading .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.loading .spinner {
    position: relative;
    width: 120px;
    height: 120px;
}
.loading p {
    font-size: 16px;
    color: #fecf49;
    text-align: center;
    margin-top: 12px;
    padding-left: 12px;
}
.loading .double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fecf49;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}
.loading .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}
.section {
    position: relative;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
}
.sidebar_fix_btn {
    position: fixed;
    top: 50%;
    left: 20px;
    z-index: 9990;
    margin-top: -95px;
}
.sidebar_fix_btn a {
    display: block;
    width: 150px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #f2f2f2;
    webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    box-sizing: border-box;
}
.sidebar_fix_btn a:last-child {
    background-color: #343434;
    color: #fff;
    border-color: #343434;
    font-weight: 700;
}
.sidebar_fix_btn a + a {
    margin-top: 10px;
}
#fp-nav ul li a.active span {

}
.first_screen {
    position: relative;
    background-color: #fecf49;
    z-index: 99;
}
.first_screen h1 {
    text-indent: -9999em;
}
.first_screen .title {
    position: absolute;
    top: 32%;
    left: 21%;
    width: 25%;
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}
.first_screen.doAnimation .title {
    webkit-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.first_screen .slogan {
    position: absolute;
    top: 47%;
    left: 21%;
    font-size: 2.5vw;
    color: #fff;
    font-weight: 700;
    line-height: 68px;
    background-color: #a042d1;
    padding: 0 8px;
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}
.first_screen.doAnimation .slogan {
    webkit-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.first_screen .des {
    position: absolute;
    top: 58%;
    left: 21%;
    font-size: 1.25vw;
    color: #333;
    opacity: 0;
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}
.first_screen.doAnimation .des {
    webkit-transition: all .8s ease-in-out 0.8s;
    transition: all .8s ease-in-out 0.8s;
    opacity: 1;
}
.first_screen .colorful_line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 31.3%;
}
.first_screen .panel_top {
    position: absolute;
    top: 15%;
    right: 10%;
    width: 45%;
    z-index: 2;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}
.first_screen.doAnimation .panel_top {
    webkit-transition: all .8s ease-in-out 0.6s;
    transition: all .8s ease-in-out 0.6s;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.first_screen .panel_bottom {
    position: absolute;
    top: 15%;
    right: 14.8%;
    width: 26%;
    z-index: 1;
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}
.first_screen.doAnimation .panel_bottom {
    webkit-transition: all .8s ease-in-out 0.6s;
    transition: all .8s ease-in-out 0.6s;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.first_screen .ball {
    position: absolute;
    background-image: url(../images/products/quanminmaidan/ball.png);
    z-index: 99;
    opacity: 0;
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}
.first_screen .ball1 {
    top: 6%;
    right: 42%;
    width: 44px;
    height: 47px;
    background-position: -157px -5px;
}
.first_screen .ball2 {
    top: 12%;
    right: 37%;
    width: 150px;
    height: 145px;
    background-position: -145px -55px;
}
.first_screen .ball3 {
    top: 30%;
    right: 45%;
    width: 102px;
    height: 126px;
    background-position: -33px -237px;
}
.first_screen .ball4 {
    top: 47%;
    right: 37%;
    width: 121px;
    height: 140px;
    background-position: -110px -435px;
}
.first_screen .ball5 {
    top: 52%;
    right: 15%;
    width: 68px;
    height: 76px;
    background-position: -666px -481px;
}
.first_screen .ball6 {
    top: 60%;
    right: 30%;
    width: 138px;
    height: 188px;
    background-position: -267px -560px;
}
.first_screen.doAnimation .ball1 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}
.first_screen.doAnimation .ball2 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.first_screen.doAnimation .ball3 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}
.first_screen.doAnimation .ball4 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 3.0s;
    animation-delay: 3.0s;
}
.first_screen.doAnimation .ball5 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.first_screen.doAnimation .ball6 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.second_screen {
    background-image: url(../images/products/quanminmaidan/second_screen_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.second_screen h2 {
    position: absolute;
    top: 26%;
    left: 20%;
    font-size: 3.1vw;
    font-weight: 700;
    color: #333;
    opacity: 0;
}
.second_screen h2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5.5vw;
    width: 5.2vw;
    height: 2.14vw;
    background-image: url(../images/products/quanminmaidan/title_line.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: -1.07vw;
    opacity: 0;
}
.second_screen.doAnimation h2 {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.second_screen p {
    position: absolute;
    top: 35%;
    left: 20%;
    width: 31em;
    line-height: 30px;
    font-size: 1.0vw;
    color: #444;
    opacity: 0;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}
.second_screen.doAnimation p {
    webkit-transition: all .8s ease-in-out 0.4s;
    transition: all .8s ease-in-out 0.4s;
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.second_screen .case1 {
    position: absolute;
    top: 30%;
    right: 16.6%;
    opacity: 0;
}
.second_screen.doAnimation .case1 {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
.second_screen .case2 {
    position: absolute;
    top: 50%;
    right: 12%;
    opacity: 0;
}
.second_screen.doAnimation .case2 {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.third_screen {
    background-color: #f1f1f1;
}
.third_screen .bg {
    width: 100%;
    height: 100%;
    background-image: url(../images/products/quanminmaidan/dotted_line.png);
    background-repeat: no-repeat;
    background-position: 50% 42%;
    background-size: contain;
}
.third_screen h2 {
    position: absolute;
    top: 13%;
    left: 0;
    width: 100%;
    font-size: 3.1vw;
    color: #333;
    text-align: center;
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}
.third_screen.doAnimation h2 {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.third_screen h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 70px;
    height: 4px;
    background-color: #000;
    margin-left: -35px;
}
.third_screen .item {
    position: absolute;
    top: 40%;
    left: 16.4%;
}
.third_screen .item .img_box {
    width: 7.5vw;
    margin: 0 auto 16px;
    opacity: 0;
}
.third_screen .item .img_box img {
    display: block;
    width: 100%;
}
.third_screen .txt_box {
    margin-bottom: 12px;
}
.third_screen .txt_box h4 {
    font-size: 25px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-bottom: 12px;
}
.third_screen .txt_box p {
    line-height: 25px;
    font-size: 16px;
    color: #000;
}
.third_screen .item:nth-of-type(3) {
    top: 32%;
    left: 31.5%;
}
.third_screen .item:nth-of-type(4) {
    top: 58%;
    left: 43.5%;
}
.third_screen .item:nth-of-type(5) {
    top: 34%;
    left: 56%;
}
.third_screen .item:nth-of-type(6) {
    top: 40%;
    left: 71%;
}
.third_screen.doAnimation .item:nth-of-type(2) .img_box,
.third_screen.doAnimation .item:nth-of-type(6) .img_box {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.third_screen.doAnimation .item:nth-of-type(3) .img_box,
.third_screen.doAnimation .item:nth-of-type(5) .img_box {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
.third_screen.doAnimation .item:nth-of-type(4) .img_box {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.third_screen .item:nth-of-type(2) .txt_box,
.third_screen .item:nth-of-type(6) .txt_box {
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.third_screen.doAnimation .item:nth-of-type(2) .txt_box,
.third_screen.doAnimation .item:nth-of-type(6) .txt_box {
    webkit-transition: all .4s ease-out 0.4s;
    transition: all .4s ease-out 0.4s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.third_screen .item:nth-of-type(3) .txt_box,
.third_screen .item:nth-of-type(5) .txt_box {
    webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
.third_screen.doAnimation .item:nth-of-type(3) .txt_box,
.third_screen.doAnimation .item:nth-of-type(5) .txt_box {
    webkit-transition: all .6s ease-out 1.0s;
    transition: all .6s ease-out 1.0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.third_screen .item:nth-of-type(4) .txt_box {
    webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.third_screen.doAnimation .item:nth-of-type(4) .txt_box {
    webkit-transition: all .6s ease-out 1.6s;
    transition: all .6s ease-out 1.6s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.fourth_screen {
    background-color: #fff;
}
.fourth_screen h2 {
    position: absolute;
    top: 7%;
    left: 0;
    width: 100%;
    font-size: 3.1vw;
    font-weight: 400;
    text-align: center;
    color: #333;
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    webkit-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}
.fourth_screen h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 70px;
    height: 4px;
    background-color: #000;
    margin-left: -35px;
}
.fourth_screen.doAnimation h2,
.fourth_screen.doAnimation .des {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.fourth_screen p.des {
    position: absolute;
    top: 18%;
    left: 50%;
    width: 60%;
    width: 60%;
    margin-left: -30%;
    margin-left: -30%;
    font-size: 16px;
    color: #333;
    line-height: 25px;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    webkit-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}
.fourth_screen .inner {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
}
@media  screen and (max-width: 1530px) {
    .fourth_screen .inner {
        top: 35%;
    }
}
.fourth_screen .inner .item {
    display: inline-block;
    width: 14%;
}
.fourth_screen .inner .item img {
    display: block;
    width: 100%;
}
.fourth_screen .inner .item + .item {
    margin-left: 45px;
}
.fourth_screen .inner .item p {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}
.fourth_screen .inner .item:nth-of-type(1),
.fourth_screen .inner .item:nth-of-type(3){
    opacity: 0;
    transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
}
.fourth_screen .inner .item:nth-of-type(2),
.fourth_screen .inner .item:nth-of-type(4){
    opacity: 0;
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
}
.fourth_screen.doAnimation .inner .item:nth-of-type(1),
.fourth_screen.doAnimation .inner .item:nth-of-type(2),
.fourth_screen.doAnimation .inner .item:nth-of-type(3),
.fourth_screen.doAnimation .inner .item:nth-of-type(4) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    webkit-transition: all .6s ease-in-out 0.7s;
    transition: all .6s ease-in-out 0.7s;
}

@media screen and (max-height: 750px) {
    .fourth_screen .inner .item {
        width: 13%;
    }
}
.fifth_screen {
    background-image: url(../images/products/quanminmaidan/screen5_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3e3e3e;
    background-size: 80%;
    overflow: hidden;
}
.fifth_screen .qrcode_area {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85vh;
    height: 85vh;
    border-radius: 50%;
    background-color: #fdc645;
    margin: -42.5vh 0 0 -42.5vh;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.fifth_screen .qrcode_area:before {
    content: "";
    position: absolute;
    top: -10vh;
    left: -10vh;
    width: 105vh;
    height: 105vh;
    border: 2px solid #fdc645;
    border-radius: 50%;
}
.fifth_screen .qrcode_area:after {
    content: "";
    position: absolute;
    top: -20vh;
    left: -20vh;
    width: 125vh;
    height: 125vh;
    border: 1px solid #4d4f41;
    border-radius: 50%;
}
.fifth_screen .qrcode_area .title {
    font-size: 50px;
    color: #000;
    font-weight: 400;
    margin-bottom: 35px;
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.fifth_screen.doAnimation .qrcode_area .title,
.fifth_screen.doAnimation .qrcode_area p {
    webkit-transition: all .4s ease-in-out 1.3s;
    transition: all .4s ease-in-out 1.3s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.fifth_screen .qrcode_area .img_box {
    display: block;
    width: 200px;
    margin: 0 auto 30px;
    transform: translate(400px, -600px);
    -webkit-transform: translate(400px, -600px);
}
.fifth_screen.doAnimation .qrcode_area .img_box {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    webkit-transition: all 1.2s ease-out 0s;
    transition: all 1.2s ease-out 0s;
}
.fifth_screen .qrcode_area img {
    display: block;
    width: 100%;
}
.fifth_screen .qrcode_area p {
    font-size: 16px;
    color: #000;
    line-height: 30px;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.fifth_screen .hand {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-100px,-100px);
    transform: translate(-8.5%, -100%);
}
.fifth_screen .hand img {
    transform: translate(400px, -600px);
    -webkit-transform: translate(400px, -600px);
}
@keyframes qrcodeIn {
    from {
        transform: translate(400px, -600px);
        -webkit-transform: translate(400px, -600px);
    }
    50% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    to {
        transform: translate(400px, -600px);
        -webkit-transform: translate(400px, -600px);
    }
}
.fifth_screen.doAnimation .hand img {
    -webkit-animation-name: qrcodeIn;
    animation-name: qrcodeIn;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
/* 全民拼团 */
em{font-style:normal;}
.w1000{width:1000px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.qmpt_title{font-size:36px;color: #343434;text-align: center;}

.floor_1{height: 430px;overflow: hidden; background: url(../images/products/quanminpintuan/top_bg.png) center top no-repeat;}
.floor_1 .w1200{padding-left: 60px;width: 1140px;}
.floor_1 p{font-size:66px;color: #ff7f1a;font-weight: bold;margin-top: 105px;}
.floor_1 span{font-size: 18px;line-height: 32px;margin-top: 12px; display: block;}
.floor_1 em{display: block;margin-top: 35px;}
.floor_1 em a{display:inline-block;width: 146px;height: 44px;line-height: 44px;text-align: center;background: #494949;color: #fff;border-radius: 10px;font-size: 18px;}
.floor_1 em a:first-child{margin-right: 26px;}
.floor_1 em a:hover{background: #ff7f1a;}
.floor_2 {overflow: hidden;}
.floor_2 .qmpt_title{margin-top: 110px;}
.floor_2 .text{padding:0 60px;margin-top: 34px;}
.floor_2 .text span{display: block;font-size:16px;color:#585858;line-height: 32px;}
.floor_2 ul{margin:72px 0 138px 0; overflow: hidden;}
.floor_2 ul li{float: left;width: 292px;height:73px;padding-top: 177px;text-align: center;}
.floor_2 ul li p{font-size: 30px;color:#000;}
.floor_2 ul li span{font-size: 16px;color: #585858;display: block;margin-top:15px;}
.floor_2 ul .img_1{background: url(../images/products/quanminpintuan/01_1.png) center top no-repeat;margin-left: 27px;}
.floor_2 ul .img_2{background: url(../images/products/quanminpintuan/01_2.png) center top no-repeat;margin:0 100px 0 137px;}
.floor_2 ul .img_3{background: url(../images/products/quanminpintuan/01_3.png) center top no-repeat;}

.floor_3{height: 950px;overflow: hidden;background:url(../images/products/quanminpintuan/03_bg.jpg) repeat;}
.floor_3 .qmpt_title{margin-top: 60px;}
.floor_3 .text{margin: 56px 0 48px 95px; padding-left: 60px; background: url(../images/products/quanminpintuan02_1.png) left top no-repeat;}
.floor_3 .text span{display: block;font-size:16px;color:#515151;}
.floor_3 .text span b{font-size: 22px;line-height: 32px;}
.floor_3 .images img{display: block; margin:0 auto ; }

.floor_4 .qmpt_title{margin-top: 124px;}
.floor_4 ul{overflow: hidden;margin:96px 0 90px 36px;}
.floor_4 ul li{text-align: center;float: left;margin:0 27px 55px 0; width: 205px;height: 231px;}
.floor_4 ul .lin{margin-left: 148px;}
.floor_4 ul li p{font-size: 30px;color:#000;margin-top: 84px;}
.floor_4 ul li span{font-size:16px;color: #585858;display: block;margin-top: 14px;}
.floor_4 ul .i_1{background: url(../images/products/quanminpintuan/03_1.png) center top no-repeat;}
.floor_4 ul .i_2{background: url(../images/products/quanminpintuan/03_2.png) center top no-repeat;}
.floor_4 ul .i_3{background: url(../images/products/quanminpintuan/03_3.png) center top no-repeat;}
.floor_4 ul .i_4{background: url(../images/products/quanminpintuan/03_4.png) center top no-repeat;}
.floor_4 ul .i_5{background: url(../images/products/quanminpintuan/03_5.png) center top no-repeat;}
.floor_4 ul .i_6{background: url(../images/products/quanminpintuan/03_6.png) center top no-repeat;}
.floor_4 ul .i_7{background: url(../images/products/quanminpintuan/03_7.png) center top no-repeat;}
.floor_4 ul .i_8{background: url(../images/products/quanminpintuan/03_8.png) center top no-repeat;}
.floor_4 ul .i_9{background: url(../images/products/quanminpintuan/03_9.png) center top no-repeat;}


.floor_5{overflow: hidden;background: #f6f6f6;}
.floor_5 .qmpt_title{margin-top: 72px;}
.floor_5 ul{overflow: hidden;margin:68px 0 110px 0;}
.floor_5 ul li{float:left;width:277px;height: 267px;margin:0 20px 17px 0;}
.floor_5 ul li .box_1{background:#f1f1f1;width:277px;height: 267px;}
.floor_5 ul li .box_1 img{display: block;}
.floor_5 ul li .box_1 p{font-size: 20px;text-align: center;margin:11px;}
.floor_5 ul li .box_2{display: none;background:#ff7f1a;width:227px;height: 192px;padding: 75px 25px 0;color: #fff;}
.floor_5 ul li:hover .box_1{display: none;}
.floor_5 ul li:hover .box_2 {display: block;}


.einform{width: 1200px;margin: 0 auto;clear:both;margin-bottom:60px;padding-top:60px;}
.einform .tit{line-height:36px;font-size:22px;height:36px;}
.einform .tit p{width:330px;float: right;}
.einform .tit p a{display:block;float:right;color:#797979;font-size:16px;}
.einform_l{width: 790px;height: 544px; float: left;}
.einform_l p{font-size:20px;margin-top:36px;line-height:22px;}
.einform_l p img{margin-right:20px;vertical-align: middle;}
.einform_l span{line-height:22px;margin-top:20px;display:block;font-size: 14px;color:#b7988d;width: 720px;height:66px;}
.einform_l span a{color: #5b5b5b;}
.einform_l .btn{background-color:#ffa800;width:136px;height:34px;line-height:34px;text-align: center;display:inline-block;margin-left:300px;border-radius:8px;margin-top:20px;color:#fff;}
.einform_r{float:right;width:330px;background-color:#efefef;height:544px; margin-bottom:40px;}
.einform_r li{line-height:34px;width:330px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.einform_r li a{color:#797979;font-size:16px;}
.einform_r li em{width:40px;display: inline-block;text-align:center;}

/* 全民砍价 */
.product_banner.qmkj_banner {
    background-image: url(../images/products/quanminkanjia/banner_pc.jpg);
}
.product_banner.qmkj_banner .des {
    position: relative;
    font-size: 30px;
    color: #000;
    display: inline-block;
    margin-top: 280px;
}
.product_banner.qmkj_banner .des:before,
.product_banner.qmkj_banner .des:after {
    content: '';
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    top: 12px;
}
.product_banner.qmkj_banner .des:before {
    left: -25px;
}
.product_banner.qmkj_banner .des:after {
    right: -25px;
}
.product_banner.qmkj_banner .intro {
    font-size: 18px;
    color: #000;
    margin-top: 17px;
}
.product_banner.qmkj_banner .btn {
    background-color: #323232;
    color: #fff;
    padding: 0 52px;
}
.panel_intro.qmkj_intro {
    height: 520px;
}
.panel_intro.qmkj_intro h2{
    font-weight: 700;
}
.panel_scene.qmkj_scene {
    background-image: none;
    background-color: #f6f6f6;
    padding: 70px 0 100px;
    height: auto;
}
.panel_scene.qmkj_scene h2 {
    position: relative;
    font-size: 36px;
    color: #000;
    font-weight: 400;
    padding-bottom: 34px;
    border-bottom: 1px solid #dcdcdc;
}
.panel_scene.qmkj_scene h2:after {
    content:"";
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 2em;
    height: 4px;
    background-color: #dcdcdc;
    margin-left: -1em;
}
.panel_scene.qmkj_scene .inner {
    text-align: center;
    font-size: 0;
    margin-top: 78px;
}
.panel_scene.qmkj_scene .inner .item {
    display: inline-block;
    width: 185px;
}
.panel_scene.qmkj_scene .inner .item + .item {
    margin-left: 85px;
}
.panel_scene.qmkj_scene .item .img_box {
    position: relative;
    width: 124px;
    height: 124px;
    margin: 0 auto 46px;
    background-image: url(../images/products/quanminkanjia/icon_pc.png);
    background-position: -1px 2px;
}
.panel_scene.qmkj_scene .item .img_box:after {
    content: '';
    border-width: 5px;
    border-style: solid;
    border-color: #fe614e transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -5px;
}
.panel_scene.qmkj_scene .item:nth-of-type(2) .img_box {
    background-position: -254px 2px;
}
.panel_scene.qmkj_scene .item:nth-of-type(3) .img_box {
    background-position: -505px 2px;
}
.panel_scene.qmkj_scene .item:nth-of-type(4) .img_box {
    background-position: -758px 2px;
}
.panel_scene.qmkj_scene .item:nth-of-type(5) .img_box {
    background-position: -1003px 2px;
}
.panel_scene.qmkj_scene .item h4 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    margin-bottom: 24px;
}
.panel_scene.qmkj_scene .item p {
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 22px;
}
.panel_example.qmkj_example  {
    background-color: #fff;
    padding: 85px 0 130px;
}
.panel_example.qmkj_example h2{
    position: relative;
    font-size: 35px;
    color: #000;
    text-align: center;
    font-weight: 400;
    margin-bottom: 60px;
}
.panel_example.qmkj_example h2:after {
    content:'';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 2em;
    height: 2px;
    background-color: #fe7e76;
    margin-left: -1em;
}
.panel_example.qmkj_example .des {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    width: 1100px;
    margin: 0 auto 50px;
}
/* 口令红包 */
.product_banner.klhb_banner {
    height: 490px;
    background-image: url(../images/products/koulinghongbao/banner.png);
}
.product_banner.klhb_banner .des,
.product_banner.ljtg_banner .des {
    display: inline-block;
    font-size: 35px;
    color: #fcf603;
    line-height: 50px;
    padding: 0 25px;
    background-color: rgba(0,0,0,0.2);
    margin-top: 250px;
}
.product_banner.klhb_banner .intro,
.product_banner.ljtg_banner .intro {
    font-size: 26px;
    color: #fff;
    margin-top: 20px;
}
.product_banner.klhb_banner .btn,
.product_banner.ljtg_banner .btn {
    background-color: #f8f801;
    color: #ff161a;
    line-height: 50px;
    border-radius: 25px;
    padding: 0 40px;
    font-size: 20px;
    margin-top: 30px;
}
.panel_intro.klhb_intro h2 {
    font-weight: 700;
}
.panel_scene.klhb_scene {
    padding: 100px 0 115px;
    background-image: none;
    background-color: #f6f6f6;
    height: auto;
}
.panel_scene.klhb_scene h2 {
    position: relative;
    display: inline-block;
    padding: 0 35px;
    font-weight: 400;
    font-size: 40px;
    background-color: #f6f6f6;
    z-index: 1;
}
.panel_scene.klhb_scene .inner {
    border-top: 1px solid #c5c5c5;
    margin-top: -2px;
    padding-top: 106px;
    font-size: 0;
}
.panel_scene.klhb_scene .inner .item {
    display: inline-block;
    width: 200px;
}
.panel_scene.klhb_scene .inner .item + .item {
    margin-left: 50px;
}
.panel_scene.klhb_scene .item img {
    margin-bottom: 45px;
}
.panel_scene.klhb_scene .item h4 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    margin-bottom: 22px;
}
.panel_scene.klhb_scene .item p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.panel_example.klhb_example {
    padding: 110px 0 125px;
    background-color: #fff;
}
.panel_example.klhb_example h2 {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 25px;
    font-size: 40px;
    color: #000;
    font-weight: 400;
    z-index: 1;
}
.panel_example.klhb_example .inner {
    border-top: 1px solid #ccc;
    font-size: 0;
    padding-top: 105px;
    margin-top: -2px;
}
.panel_example.klhb_example .inner .item {
    display: inline-block;
}
.panel_example.klhb_example .inner .item + .item {
    margin-left: 60px;
}
.panel_example.klhb_example .inner .item img {
    vertical-align: middle;
}
.panel_example.klhb_example .inner .item .arrow {
    vertical-align: middle;
    margin: 0 10px;
}
.panel_example.klhb_example .inner .item .bd {
    font-size: 20px;
    text-align: center;
    color: #444;
    margin-top: 40px;
}
.klhb_bottom,
.ljtg_bottom {
    height: 750px;
    background-image: url(../images/products/koulinghongbao/bottom.jpg);
    background-position: center;
    background-size: cover;
    text-align: center;
    padding-top: 90px;
    box-sizing: border-box;
}
.klhb_bottom h2,
.ljtg_bottom h2{
    display: inline-block;
    position: relative;
    font-size: 40px;
    color: #000;
    font-weight: 400;
    z-index: 1;
    padding: 0 25px;
    background-color: #bdbcbc;
}
.klhb_bottom .inner {
    margin-top: -2px;
    border-top: 1px solid #aba9a5;
    padding-top: 180px;
}
.klhb_bottom .inner .txt,
.ljtg_bottom .inner .txt {
    position: relative;
    width: 20em;
    font-size: 18px;
    color: #000;
    line-height: 35px;
    text-align: left;
    margin-left: 58%;
    margin-bottom: 95px;
}
.klhb_bottom .inner .txt:before,
.ljtg_bottom .inner .txt:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #888;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: -25px;
    border: 2px solid #aaa;
}
/*链接推广*/
.product_banner.ljtg_banner {
    background-image: url(../images/products/lianjietuiguang/banner.jpg);
}
.product_banner.ljtg_banner .des {
    color: #fff;
    font-size: 32px;
}
.panel_intro.ljtg_intro {

}
.panel_intro.ljtg_intro .container {
    width: 1040px;
}
.panel_intro.ljtg_intro img {
    top: 90px;
}
.panel_intro.ljtg_intro h2 {
    font-weight: 700;
}
.panel_intro.ljtg_intro p {
    color: #222;
    font-size: 16px;
}
.ljtg_bottom {
    background-image: url(../images/products/lianjietuiguang/bottom.png);
}
.ljtg_bottom h2 {
    background-color: #dae2e0;
}
.ljtg_bottom .inner {
    border-top: 1px solid #afb7b4;
    margin-top: -2px;
    padding-top: 78px;
    font-size: 0;
    text-align: center;
}
.ljtg_bottom .inner .txt {
    display: inline-block;
    margin-left: 100px;
    margin-top: 140px;
}
/*集卡抽奖*/
.product_banner.jkcj_banner {
    background-image: url(../images/products/jikachoujiang/banner_pc.jpg);
}
.product_banner.jkcj_banner .des {
    font-size: 33px;
    color: #fff;
    margin-top: 260px;
}
.product_banner.jkcj_banner .intro {
    width: 380px;
    font-size: 18px;
    padding: 0 68px;
    line-height: 44px;
    border: 1px solid #ffff00;
    color: #ffff00;
    margin: 30px auto 0;
}
.product_banner.jkcj_banner .btn {
    line-height: 45px;
    padding: 0 52px;
    border-radius: 23px;
    background-color: #323232;
    color: #fff;
}
.panel_intro.jkcj_intro {
    height: 550px;
}
.panel_intro.jkcj_intro img {
    top: 60px;
}
.panel_intro.jkcj_intro h2 {
    font-weight: 700;
}
.panel_intro.jkcj_intro p {
    font-size: 16px;
    color: #333;
}
.panel_scene.jkcj_scene {
    background-color: #f6f6f6;
    background-image: none;
    padding: 75px 0 100px;
    height: auto;
}
.panel_scene.jkcj_scene h2 {
    position: relative;
    font-size: 40px;
    font-weight: 400;
    padding-bottom: 30px;
    border-bottom: 1px solid #d6d6d6;
}
.panel_scene.jkcj_scene h2:after {
    content:'';
    width: 2em;
    height: 4px;
    background-color: #ccc;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -1em;
}
.panel_scene.jkcj_scene .inner {
    text-align: center;
    font-size: 0;
    padding-top: 60px;
}
.panel_scene.jkcj_scene .item {
    display: inline-block;
    width: 195px;
    height: 315px;
    padding: 0 20px;
    background-color: #fff;
    vertical-align: top;
    box-sizing: border-box;
}
.panel_scene.jkcj_scene .item + .item {
    margin-left: 8px;
}
.panel_scene.jkcj_scene .item .img_box {
    display: table-cell;
    vertical-align: middle;
    height: 135px;
    width: 195px;
    text-align: center;
}
.panel_scene.jkcj_scene .item h4 {
    font-size: 20px;
    font-weight: 400;
    color: #111;
    margin-bottom: 18px;
}
.panel_scene.jkcj_scene .item p {
    font-size: 14px;
    line-height: 28px;
    color: #333;
    text-align: left;
}
.jkcj_process {
    background-color: #fff;
    padding: 90px 0 115px;
    text-align: center;
}
.jkcj_process h2 {
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 30px;
}
.jkcj_process .title_info {
    position: relative;
    display: inline-block;
    line-height: 35px;
    font-size: 22px;
    color: #f50808;
    padding: 0 45px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    z-index: 1;
}
.jkcj_process .inner {
    border-top: 1px solid #dcdcdc;
    padding-top: 66px;
    margin-top: -18px;
    font-size: 0;
    margin-bottom: 100px;
}
.jkcj_process .inner p {
    display: inline-block;
    width: 250px;
    line-height: 30px;
    font-size: 18px;
    color: #000;
    vertical-align: top;
    text-align: center;
}
.jkcj_process .inner p + p {
    position: relative;
    margin-left: 20px;
}
.jkcj_process .inner p + p:before {
    content:'';
    position: absolute;
    top: 6px;
    left: -32px;
    width: 47px;
    height: 17px;
    background-image: url(../images/products/jikachoujiang/icon_arrow.png);
}
.jkcj_use {
    height: 650px;
    background-image: url(../images/products/jikachoujiang/bottom_bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 80px;
    box-sizing: border-box;
}
.jkcj_use h2 {
    position: relative;
    font-size: 40px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 26px;
}
.jkcj_use h2:before {
    content:'';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 2em;
    height: 1px;
    background-color: #016de6;
    margin-left: -1em;
}
.jkcj_use .inner {
    width: 460px;
    padding-left: 55%;
}
.jkcj_use .title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}
.jkcj_use .title:before {
    content:'';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: -30px;
    background-image: url(../images/products/jikachoujiang/icon_circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.jkcj_use .txt {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    padding: 15px 20px;
    background-color: #138cfc;
    border-radius: 8px;
    margin-bottom: 46px;
}
.jkcj_use .txt:nth-child(4) {
    background-color: #00b9fe;
}
/*全民聚粉*/
.content .title{text-align: center;font-size: 40px;color:#323232;}
.content .title b{color: #000;}

/*banner*/
.content .banner{background:url(../images/products/quanminjufen/banner_bj.jpg) center no-repeat;height: 430px;}

/*floor1*/
.content .floor1{margin-top: 24px;text-align: right;border-bottom: 1px solid #e6e5e5;padding-bottom: 2px;}
.content .floor1 a{font-size: 14px;color:#585858;display: inline-block;margin-left: 35px;}
.content .floor1 a:hover{color:#ef0a45;}

/*floor2*/
.content .floor2{margin-top: 64px;}
.content .floor2 .w1000 .title span{width: 168px;height: 48px;background:#333333;color: #FFF;margin-left:4px;padding-left: 10px;}
.content .floor2 .w1000 p{text-indent:40px;font-size: 18px;line-height: 32px;color:#585858;padding-top: 42px;}
.content .floor2 .w1000 .img{background: url(../images/products/quanminjufen/floor2_1.jpg) center top no-repeat;width: 641px;height: 350px;margin:45px auto 0;}

/*floor3*/
.content .floor3{background: url(../images/products/quanminjufen/floor3_1.jpg) center 46px no-repeat;height: 700px;}
.content .floor3 .w1000{padding-top: 126px;}
.content .floor3 .w1000 ul{margin-top: 100px;height:290px;}
.content .floor3 .w1000 ul li{background: url(../images/products/quanminjufen/floor3_4.png) left top no-repeat;width: 149px;height: 171px;text-align: center;padding-top: 48px;font-size: 16px;color: #838385;line-height: 24px;float: left;padding-right: 63px;}
.content .floor3 .w1000 ul li:last-child{padding-right: 0px;}
.content .floor3 .w1000 ul li span{font-size: 26px;color:#303031;display: block;padding-top: 86px;padding-bottom: 16px;}
.content .floor3 .w1000 ul li:hover{background: url(../images/products/quanminjufen/floor3_2.png) left top no-repeat;cursor:pointer;}

/*floor4*/

.content .floor4{padding-top: 90px;text-align: center;}
.content .floor4 .w1000{margin-top: 80px;position: relative;}
.content .floor4 .small_list{text-align: center;padding-left: 4px;padding-bottom: 26px;}
.content .floor4 .w1000 ul li{display:inline-block;margin-right:4px;width: 180px;height: 70px;font-size: 28px;color: #FFF;line-height: 50px;text-align: center;}
.content .floor4 .small_list p{background: #333;cursor: pointer;}
.content .floor4 .small_list p:hover,.content .floor4 .small_list .swiper-pagination-bullet-active p{background: #ef0a45;}
.floor4 .small_list .swiper-pagination-bullet{background: none;opacity:1;}
.content .floor4 .small_list li:first-child p{border-radius: 25px 0 0 25px;}
.content .floor4 .small_list li:last-child p{border-radius: 0 25px 25px 0;}
.content .floor4 .small_list .swiper-pagination-bullet-active,.content .floor4 .small_list li:hover{background: url(../images/floor4_1.jpg) center 55px no-repeat;}
.content .floor4 .case_list em{font-size: 24px;color: #ef0a45;display: block;text-align: center;margin-bottom: 35px;}
.content .floor4 .case{height: 650px;overflow: hidden;}
.content .floor4 .w1000 a{display: block;width: 46px;height: 46px;position: absolute;top: 370px;}
.content .floor4 .w1000 .prev{background: url(../images/left.jpg) center top no-repeat;left: -69px;}
.content .floor4 .w1000 .next{background: url(../images/right.jpg) center top no-repeat;right: -69px;}
.content .floor4 .w1000 .prev:hover{background: url(../images/left_on.jpg) center top no-repeat;}
.content .floor4 .w1000 .next:hover{background: url(../images/right_on.jpg) center top no-repeat;}
.content .floor4 .case_list{float: left;}


/*floor5*/
.content .floor5{background: url(../images/floor5_1.jpg) center top no-repeat;height: 460px;margin-top: 30px;padding-top:50px;}
.content .floor5 .w1000{margin-top: 100px;height:215px;}
.content .floor5 .w1000 ul li{font-size: 22px;color: #ef0a45;line-height: 48px;}
.content .floor5 .w1000 ul li em{font-size: 24px;color: #6b6b6b;display:inline-block;width: 47px;height: 47px;border:1px solid #afacac;margin-right: 21px;text-align:center;}
.content .floor5 .w1000 .text{font-size: 16px;color: #505050;line-height: 32px;width: 455px;padding-top: 37px;}

/*产品详情页底部*/
.width{width: 1200px;margin: 0 auto;}
.p_case{padding-top: 60px;}
.p_case .title,.p_tool .title{border-bottom: 1px solid #DCDCDC;}
.p_case .title p,.p_tool .title p{font-size: 36px;line-height: 40px;padding-bottom: 16px;}
.p_case .title p a,.p_tool .title p a{display: block;float: right;font-size: 16px;margin-top: 10px;}
.p_case .title p a:hover,.p_tool .title p a:hover{color: #ff7917;text-decoration: underline;}
.p_case ul{height: auto;overflow: hidden;padding-top: 40px;}
.p_case ul li{width: 360px;margin-right: 60px;float: left;text-align: center;line-height: 30px;background: #F6F6F6;padding-bottom: 25px;position: relative;}
.p_case ul li a{font-size: 20px;display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.p_case ul li img{width: 360px;height: 201px;display: block;margin-bottom: 20px;}
.p_case ul li:last-child{margin-right: 0;}
.p_case ul li a.search{position: absolute;top: 0;left: 0;display: block;width: 360px;height: 201px;filter: alpha(opacity=0);background-color: rgb(255, 127, 26);background-color: rgba(255, 127, 26, 0);transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.p_case ul li:hover a.search{background: #FF7F1A;filter: alpha(opacity=90);background-color: rgb(255, 127, 26);background-color: rgba(255, 127, 26, 0.9);}
.p_case ul li a.search em{background: url(../images/product/search.png) center center no-repeat;width: 74px;height: 74px;position: relative;left: 143px;top: 65px;display: none;}
.p_case ul li:hover a em{display: block;}
.p_case ul li:hover a{color: #FF7F1A;}
.p_case ul li a:hover{text-decoration: underline;}
.p_tool{background: #F6F6F6;margin-top: 85px;padding: 60px 0;}
.p_tool ul{height: auto;overflow: hidden;margin-top: 45px;}
.p_tool ul li{width: 283px;margin-right: 20px;border: 1px solid #E5E5E5;float: left;background: #FFFFFF;text-align: center;padding: 0 0 30px;line-height: 24px;}
.p_tool ul li a{display: block;font-size: 22px;margin: 5px 0 14px;background-size: cover;}
.p_tool ul li .img{margin: 45px auto 28px;width: 132px;height: 132px;}
/*.p_tool ul li:hover .img{background-position: center 39px;}*/
.p_tool ul li:hover{border: 1px solid #ff7917;color: #FF7917;}
.p_tool ul li:hover a{color: #FF7917;}
.p_tool ul li:last-child{margin-right: 0;}
.p_tool ul li:nth-child(1) .img{background-image: url(../images/product/pr_qmpt.png);}
.p_tool ul li:nth-child(2) .img{background-image: url(../images/product/pr_qmmh.png);}
.p_tool ul li:nth-child(3) .img{background-image: url(../images/product/pr_qmsl.png);}
.p_tool ul li:nth-child(4) .img{background-image: url(../images/product/pr_qmkj.png);}
/*.p_tool ul li:first-child:hover .img{background-image: url(../images/product/icons_01_1.jpg);}
.p_tool ul li:nth-child(2):hover .img{background-image: url(../images/product/icons_02_1.jpg);}
.p_tool ul li:nth-child(3):hover .img{background-image: url(../images/product/icons_03_1.jpg);}
.p_tool ul li:last-child:hover .img{background-image: url(../images/product/icons_04_1.jpg);}*/
/*.p_tool ul li a{display: block;font-size: 22px;margin: 45px 0 24px;}*/
.p_tool ul li p{font-size: 16px;}
.npar{height: auto;padding: 25px 0 0;overflow: hidden;font-size: 16px;}
.npar a{font-size: 16px;}
.npar a:hover{color: #f08519;text-decoration: underline;}