@CHARSET "UTF-8";
.head_top{
	position:relative;
	height:auto;
	background:#fff;
/*     background: -webkit-linear-gradient(left, #0f61f3 , #48c5ff); Safari 5.1 - 6.0 */
/*     background: -o-linear-gradient(right, #0f61f3, #48c5ff); Opera 11.1 - 12.0 */
/*     background: -moz-linear-gradient(right, #0f61f3, #48c5ff); Firefox 3.6 - 15 */
/*     background: linear-gradient(to right, #0f61f3 , #48c5ff); 标准的语法（必须放在最后）*/
}
/**
span button
*/
.sbtn{background-color:#1262F3;color:white;cursor:pointer;display:inline-block;border-radius:14px;padding:6px 26px;margin-top:12px;}

.head_top_nav{z-index:100;width:100%;position:absolute;height:64px;}
.head_top_nav.ot{box-shadow: 0 1px 3px 0 rgba(0,0,0,.04), 0 1px 0 0 rgba(0,0,0,.03);position:relative; z-index: 99;}
.head_top_div{height:30px;line-height: 30px;margin:17px auto; max-width: 1160px;}
.head_top_div.ot{padding-top:17px;margin:0 auto;}
.head_top_div .head_login_btn{float:right;margin-right:10px;}

.head_top_div .head_login_btn span{cursor:pointer;padding:5px 18px;border:1px solid #ffffff;border-radius:14px;color:#ffffff;}
.head_top_div .head_login_btn span.ot{border:1px solid #1262F3;color:#1262F3;}
.head_top_l {float:left; padding-left: 10px;}
.head_top_l a{display:inline-block; font-size: 14px;}
.head_top_l a>img{ display: inline-block; width: 96px; }
.head_top_c{float:left; margin-left: 40px;}
.head_top_c a{display:inline-block;text-align:center; color:#ffffff; padding: 0 10px; font-size: 14px; position: relative;}
.head_top_c a>span{ position: absolute; left: 7px; top: -14px; display: inline-block; width: 60px; height: 18px; background:url(/resources/image/songjifen.gif) no-repeat; }
.head_top_c label{color:#ffffff;float:left;}
.head_top_c a.ot{color:#1262F3;}
.head_top_c a.ot.bt{color:#ffffff;background-color:#1262F3; padding: 0 16px; line-height: 26px; border-radius: 14px;}
.head_top_c label.ot{color:#1262F3;}
.head_top_div .head_top_per{margin-left:10px;margin-right:10px;float:right;width:25px;position:relative;}
.head_top_div .head_top_per img.img1{cursor:pointer;width:28px;height:28px;border-radius:15px;}
.head_top_div .head_top_per img.img2{position:absolute;top:24px;left:5px;}
.head_top_div .head_top_per ul li a{color:#333;padding:3px 20px;margin-left:0px;}
#drop_ul{display:none;}

.head_center{width:100%;position: absolute;top:174px;text-align: center;}
.head_center .p1{font-size: 44px;color:white;}
.head_center .p2{font-size: 22px;color:white;margin-top:40px;}
.head_center .p3{margin-top:40px;}
.head_center .p4{font-size:12px;color:white;margin-top:5px;}
.head_center .head_bg{background:url(/resources/image/top_bottom.png) no-repeat left bottom/100%;height:122px;margin-top:15px;}
.head_center img{cursor:pointer;}

.center1{text-align: center;background-color:#ffffff;}
._p1{font-size:30px;color:#1262F3;font-weight: 100;margin-bottom:14px;}
._p2{font-size:18px;margin-top:8px;color:#1262F3;font-weight: 100;}
.addH{height: 40px;}
.center1 .center1_box{width:960px;height:300px;margin:28px auto 0;}
.center1 .center1_box ._box{float:left;width:180px;height:300px;}
.center1 .center1_box ._cen{margin:0 80px;}
.center1 .center1_box ._cen_r{margin-right:80px;}
.center1 .center1_box ._box .p3{margin:16px 10px;font-size:20px;color:#1262F3;}
.center1 .center1_box ._box .p4{margin:16px 10px;line-height: 20px;font-size:14px;}

.center2{text-align:center;background-color:#FAFAFC;height:auto;}
.center2 .center2_box{font-weight:100;font-size:16px;color:#1262F3;text-align:left;background:url(/resources/image/solution.jpg) no-repeat 0% 0%/contain;width:754px;height:426px;margin:0 auto;position: relative;}
.center2 .center2_box .text1{position: absolute;top:273px;left:20px;}
.center2 .center2_box .text2{position: absolute;top:273px;right:-10px;}

.center3{text-align:center;background-color:#ffffff;}
.center3 .center3_box{width:860px;height:150px;margin:28px auto 0;}
.center3 .center3_box ._box{float:left;width:220px;height:150px;}
.center3 .center3_box ._cen{margin:0 100px;}
.center3 .center3_box ._box .p4{margin:16px 10px;line-height: 18px;color:#1262F3;}

.footer{height:90px;background-color: #28292D;}
.footer .footer_box{width:860px;margin:0 auto;padding-top:20px;position: relative;}
.footer .footer_box a{position:absolute;bottom:0;}
.footer .footer_box a.a1{margin-left:20px;}
.footer .footer_box a.a2{margin-left:90px;}
.footer .footer_box a.a3{margin-left:138px;}
.footer .footer_box p{position:absolute;margin-top:12px;color:#666;}

/* 底部样式 */
.new_footer{ min-width:1280px;width:100%;background-color:#28292d;overflow:auto; color:#999999;text-align:left;font-size:12px;height:140px;}
.new_footer .new_footer_box{ position: relative; max-width:1140px;margin:0 auto 20px;overflow:auto;}
.new_footer .new_footer_box .logo_box{margin:20px auto;}
.new_footer .new_footer_box .logo_box>img{ display: inline-block; width: 78px; height: 25px; }
.new_left_div{float:left;line-height:22px;}
.new_right_div{float:right;line-height:22px;}
.new_right_div a{color:#999999;}

/* .login_wraper{overflow:auto;} */
.login_wraper p.p1{text-align:center;font-size:26px;color:#1262F3;}
.login_wraper p.p2{vertical-align:middle;height:41px;line-height:41px;float:left;width:130px;text-align:center;}
.login_wraper p.p3{text-align:center;}
.login_wraper p.p4{text-align:center;color:red;}
.login_wraper p.p4.pp4{margin-bottom:10px;}
.login_wraper .p3 a{color:#1262F3;}
.login_wraper input{outline:none;border:none;margin-left:12px;height:24px;width:224px;line-height:24px;}
.login_wraper .login_wraper_box{width:260px;margin:0 auto;}
.login_wraper .login_wraper_box hr{margin:0;border-top:1.5px solid #eee;margin-top:5px;margin-bottom:22px;}
.login_wraper .login_wraper_box .btn_div{width:100%;margin:0 auto;}
.login_wraper .btn_div.bbt{width:260px;margin:0 auto;}
.login_wraper .login_wraper_box .btn_div button{padding:6px 114px;background-color:#1262F3;color:white;}
.login_wraper .btn_div button.long{padding:6px 102px;background-color:#1262F3;color:white;}
.login_wraper .login_wraper_box a{color:#1262F3;}
.login_wraper .login_wraper_box a.a2{float:right;}
.login_wraper .login_wraper_box .code_span{cursor:pointer;margin-left:6px;height:24px;line-height:24px;background-color:#1262F3;border-radius:14px;padding:3px 20px;color:white;}
.login_wraper .login_wraper_box span{line-height:16px;}
.login_wraper .hr1{width:100px;float:left;}
.login_wraper .hr2{width:100px;float:right;}
.login_wraper .thirdLg{width:260px;margin:0 auto;}
.login_wraper .thirdLg img{cursor:pointer;}
.login_wraper .thirdLg .weixin{margin:0 46px;}
.login_wraper .line_sp{height:41px;}
.login_wraper input.input_code{width:150px;}
.login_wraper .rhr{margin-top:12px;}

/* 登录注册框 */
.login-box{ min-height: 470px; overflow: hidden; }
.login-box .login-box-right .input-box{ width: 300px; position: relative; }
.login-box .login-box-right .input-box>img{ position: absolute; right: 14px; top: 10px; }
.login-box .login-box-right .input-box button.size2{ position: absolute; right: 0px; top: 0px; height: 42px; width: 90px; }
.login-box .login-box-left{ width: 390px; float: left; min-height: 470px; position: relative; }
.login-box .login-box-left:after{ content: ''; height: 420px; width: 1px; background-color: #DAE3F2; position: absolute; right: 0; top: 28px; }
.login-box .login-box-left h3{ font-size: 32px; color: #1063F3; text-align: center; margin-top: 20px; }
.login-box .login-box-left h4{ font-size: 24px; color: #1063F3; text-align: center; margin-top: 18px; }
.login-box .login-box-left .img-box{ margin-top: 30px; margin-left: 60px; }
.login-box .login-box-left .img-box .img-item{ position: relative; margin-bottom: 40px; }
.login-box .login-box-left .img-box img{ width: 70px; display: inline-block; }
.login-box .login-box-left .img-box .img-item p.title{ position: absolute; left: 130px; top: 4px; font-size: 18px; color: #333333; }
.login-box .login-box-left .img-box .img-item p.detail{ position: absolute; font-size: 14px; left: 130px; top: 34px; line-height: 20px; color: #7C7C7E; width: 160px; }

.login-box .login-box-right{ width: 380px; float: left; }
.login-box .login-box-right label{ position: absolute; left: 0px; bottom:-5px; font-size: 12px; color: #FD5251; font-weight: normal; height: 24px; line-height: 24px; }
.login-box .login-box-right .login{ display: block; width: 300px; margin: 0 auto; margin-left: 46px; padding-top: 38px;}
.login-box .login-box-right>h3{ font-size: 20px; text-align: center; color: #1063F3; margin-top: 10px; margin-bottom: 8px; }
.login-box .login-box-right ul{ overflow: hidden; padding-left: 80px; padding-top: 24px; }
.login-box .login-box-right ul li{ float: left; cursor: pointer; display: block; font-size: 20px; width: 110px; padding-bottom: 10px; color: #333; text-align: center; position: relative; }
.login-box .login-box-right ul li>span.tip{ position: absolute; top: -20px; right:-34px; border-radius: 2px; width: 68px; height: 20px; line-height: 20px; background-image: linear-gradient(54deg, #FE985D, #FF6954); color: #fff; font-size: 12px; }
.login-box .login-box-right ul li>span.tip:before{ content: ''; border:6px solid; border-color: transparent transparent transparent #FE975D; position: absolute; left: 0; bottom: -6px; }
.login-box .login-box-right ul li.active{ color: #1063F3; }
.login-box .login-box-right ul li.active:after{ content: ''; width: 70px; height: 2px; background: #1063F3; position: absolute; bottom: 0px; left: 18px; }
.login-box .login-box-right input{ width: 300px; height: 42px; padding-left: 37px; border: 1px solid #E8E8E8; outline: none; border-radius: 2px; }
.login-box .login-box-right input.space{ margin-bottom: 30px; }
.login-box .login-box-right input.space2{ margin-bottom: 24px; }
.login-box .login-box-right input.active{ border: 1px solid #1063F3; box-shadow: 0 5px 16px 0 #EBF1FF; }
.login-box .login-box-right input.error{ border: 1px solid #FD5251; }

.login-box .login-box-right input[type="tel"]{ background: url(/resources/image/login_tel_h.png) no-repeat; background-position: 13px 12px; background-size: 12px 16px; }
.login-box .login-box-right input[type="password"]{ background: url(/resources/image/login_lock_h.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }
.login-box .login-box-right input.confirm{ background: url(/resources/image/login_save_h.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }

.login-box .login-box-right input[type="tel"].active{ background: url(/resources/image/login_tel.png) no-repeat; background-position: 13px 12px; background-size: 12px 16px; }
.login-box .login-box-right input[type="password"].active{ background: url(/resources/image/login_lock.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }
.login-box .login-box-right input.confirm.active{ background: url(/resources/image/login_save.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }

.login-box .login-box-right button.size{ width: 300px; height: 42px; box-shadow: 0 5px 12px 0 #BECDFF; }
.login-box .login-box-right button.top{ margin-top: 8px; }
.login-box .login-box-right p.forget{ text-align: right; margin-top: 12px; }
.login-box .login-box-right p.forget a{ font-size: 12px; color: #1063F3; }
.login-box .login-box-right p.thrid{ height: 30px; line-height: 30px; position: relative; color: #333; margin-top: 25px; margin-bottom: 30px; }
.login-box .login-box-right p.thrid b{ position: absolute; font-size: 12px; color: #333; font-weight: normal; position: absolute; left: 0; }
.login-box .login-box-right p.thrid span{ width: 30px; height: 30px; display: inline-block; cursor: pointer; margin-left: 20px; background: url(/resources/image/thrid.png) no-repeat; background-size: 68px auto; background-position: 0 0; }
.login-box .login-box-right p.thrid span.login-qq{ margin-left: 115px; }
.login-box .login-box-right p.thrid span.login-weixin{ background-position: 0px -38px; }
.login-box .login-box-right p.thrid span.login-weibo{ background-position: 0 -76px; }
.login-box .login-box-right p.thrid span.login-qq:hover{ background-position: -38px 0; }
.login-box .login-box-right p.thrid span.login-weixin:hover{ background-position: -38px -38px; }
.login-box .login-box-right p.thrid span.login-weibo:hover{ background-position: -38px -76px; }
.login-box .login-box-right div.toggle{ font-size: 14px; color: #333; cursor: pointer; line-height: 20px; position: relative; }
.login-box .login-box-right div.toggle:after{ position: absolute; right: 0; top:10px; font-size: 20px; content: '\e258'; display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

.login-box .login-box-right .regedit{ display: none; width: 300px; margin: 0 auto; margin-left: 46px; padding-top: 20px; }
.login-box .login-box-right .regedit p.agree{ font-size: 12px; color: #BBBBBB; line-height:12px; margin:10px 0; }
.login-box .login-box-right .regedit p.agree a{ color: #1063F3; }

/* 不包含左部的弹窗 */
.login-box2{ overflow: hidden; text-align: center; }
.login-box2 .login-box2-container .input-box{ width: 300px; position: relative; margin: 0 auto; }
.login-box2 .login-box2-container .input-box>img{ position: absolute; right: 14px; top: 10px; }
.login-box2 .login-box2-container .input-box button.size2{ position: absolute; right: 0px; top: 0px; height: 42px; width: 90px; }
.login-box2 .login-box2-container label{ position: absolute; left: 0px; bottom:-5px; font-size: 12px; color: #FD5251; font-weight: normal; height: 24px; line-height: 24px; }
.login-box2 .login-box2-container>h3{ font-size: 20px; text-align: center; color: #1063F3; margin-top: 10px; margin-bottom: 18px; }
.login-box2 .login-box2-container input{ width: 300px; height: 42px; padding-left: 37px; border: 1px solid #E8E8E8; outline: none; border-radius: 2px; }
.login-box2 .login-box2-container input.space{ margin-bottom: 30px; }
.login-box2 .login-box2-container input.space2{ margin-bottom: 24px; }
.login-box2 .login-box2-container input.active{ border: 1px solid #1063F3; box-shadow: 0 5px 16px 0 #EBF1FF; }
.login-box2 .login-box2-container input.error{ border: 1px solid #FD5251; }
.login-box2 .login-box2-container input[type="tel"]{ background: url(/resources/image/login_tel_h.png) no-repeat; background-position: 13px 12px; background-size: 12px 16px; }
.login-box2 .login-box2-container input[type="password"]{ background: url(/resources/image/login_lock_h.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }
.login-box2 .login-box2-container input.confirm{ background: url(/resources/image/login_save_h.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }

.login-box2 .login-box2-container input[type="tel"].active{ background: url(/resources/image/login_tel.png) no-repeat; background-position: 13px 12px; background-size: 12px 16px; }
.login-box2 .login-box2-container input[type="password"].active{ background: url(/resources/image/login_lock.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }
.login-box2 .login-box2-container input.confirm.active{ background: url(/resources/image/login_save.png) no-repeat; background-position: 13px 12px; background-size: 13px 15px; }
.login-box2 .login-box2-container button.size{ width: 300px; height: 42px; box-shadow: 0 5px 12px 0 #BECDFF; }
.login-box2 .login-box2-container button.top{ margin-top: 8px; }

/**包裹层**/
.wrap{min-height: calc(100vh - 254px);margin:20px auto;}
.wrap.sc{min-height: calc(100vh - 218px);margin:10px auto;}
/**用户协议**/
.wrap .agree{font-size:16px;width:900px;margin:0 auto;text-indent:36px;line-height:28px;letter-spacing:2px;}
.wrap .agree .tit{font-weight:bold;}
.wrap .agree p{margin-left:36px;text-indent:0px;}
.wrap .agree p.tit_down{margin-left:40px;}

/* 2017/11/8新增样式 */
.radius-btn{ background-color:#F5F8FF; cursor:pointer; border-radius:100px;color:#0049EA; padding:6px 30px; font-size:20px; }
.radius-btn-reverse{ background-image: linear-gradient(to top, #4070FF,#428AFF); cursor:pointer; border-radius:100px;color:#fff; padding:6px 30px; font-size:18px; }
/*.btn-position{ padding-top:30px; }*/
.sc_content .sc_content_bo .chongzhi-box2 .corner-mark{ position:absolute; right:-2px; top:0; z-index:101; }

/**邀请分享**/
.in_content{padding-bottom:100px;position:relative;}
.in_content .in_top{ height: 726px;background: url(/resources/image/yaoqing.png) no-repeat center;background-size: 1920px 100%}
.in_content .in_center{text-align:center;width:685px;margin:0 auto;margin-top:-100px;font-size:14px;color:#f0ffff;letter-spacing:2px;}
.in_center .top_title {font-size: 20px; line-height: 25px;position: relative;}
.in_center .top_title:before,.in_center .top_title:after {content: '';position: absolute;top:6px;width:12px;height:12px;background:url(/resources/image/star.png) no-repeat;background-size: cover;}
.in_center .top_title:before {left: 140px;}
.in_center .top_title:after {right: 140px;}
.in_content .in_center .in_d{width:678px;margin:20px auto 40px;}
.in_content .in_center .in_i{border-color:transparent;box-shadow:none;background-color:rgba(58,76,207,0.6); color:#f0ffff;border-radius: 21px !important;height: 42px;line-height: 30px;font-size: 20px;padding:6px 20px;}
.in_content .in_center .in_s{cursor:pointer;background-color:rgba(242, 137, 137, 1);border-color:transparent;border-radius: 21px;color:#fff;height:42px;line-height:26px;font-size: 20px;position: absolute;right: 0;top: 0px;z-index: 100;vertical-align: middle}
.in_content .in_center .in_center_c{padding-top: 32px;margin-top: 65px; width: 100%;height: 311px; background-image: url(/resources/image/invite_bg1.png);background-repeat: no-repeat;background-size: contain; }
.in_content .in_center .in_center_c .cl{float:left;width: 100px;margin: 0 auto;}
.in_content .in_center .in_center_c .cl.c_l{margin-right:168px;margin-left: 168px;}
.in_content .in_center .in_center_c .cl p{margin-top:20px;font-size: 18px;line-height: 28px;}
.in_content .in_center .in_center_c .c_title{font-size: 21px;line-height: 29px;text-align: center;margin-bottom: 100px;}
.in_content .in_center .guize-box{ height: 369px; padding:0 98px;padding-top: 37px; text-align:left; margin-bottom: 30px; font-size: 16px; line-height: 35px; position: relative;background-image: url(/resources/image/invite_bg2.png); }
.in_content .in_center .in_center_c span.guize{ position: absolute; width: 77px; height: 25px; background: #FFE020; left: 50%; top: 0; margin-left: -38px; text-align: center; color: #333; border-radius: 0 0 3px 3px; }
.in_content .in_center p.pp{text-align:left;text-indent:75px;font-size:12px;line-height:20px;}
.in_content .in_center .in_center_c .cl img{cursor:pointer;width: 82px; height: 83px;}
.invite_box{font-size:16px;margin:12px;line-height:28px;}
.invite_wrap{width:100%;overflow:auto;}
.invite_wrap button{background-color:#1262F3;color:white;width:100px;margin:0 auto;display:block;}
.invite_wrap button:hover{background-color:#1262F3;color:white;}
.yellow{ color: #FFE020; }

/* **************** 新增样式开始 **************** */
/* 头部轮播图样式 */
.head_top .text-main{ font-size:38px; padding-bottom:50px; text-shadow:0 0 0; font-weight:400; letter-spacing: 4px; }
.head_top .jieshao-text1{ font-size:22px; padding-bottom:20px; text-shadow:0 0 0; font-weight:200; }
.head_top .jieshao-text2{ font-size:12px; padding-top:16px; text-shadow:0 0 0; font-weight:200; }
.head_top .fanyi-btn{ width: 200px; height: 44px; border-radius: 5px; font-size: 22px; box-shadow: 0 4px 6px 0px rgba(0,113,255,1); background-color: #fff; color: #0773F9; line-height: 44px; text-align: center; }
.head_top .carousel-caption{top:30%;}
.head_top .banner-hotplace{ position:absolute; left:50%; bottom:8.7%; display:inline-block; width:30%; height:20%; margin-left:-15%; }
.head_top .carousel-indicators li{ margin:0 5px;}
/* 下载app */
.head_top_c a.download-app{ position: relative; }
.head_top_c a.download-app .erwei{ position: absolute; box-shadow: 0 3px 6px rgba(0,0,0,0.3); display: none; text-align: center; background-color: #fff; width: 140px; height: 160px; top: 30px; left: -30px; border-radius: 5px; }
.head_top_c a.download-app .erwei>img{ width: 120px; height: 120px; display: inline-block; margin:10px 10px 0px 10px; }
.head_top_c a.download-app .erwei p{ color: #333; font-size: 14px; }
.head_top_c a.download-app:hover .erwei{ display: block; }
.head_top_c a.download-app span.tip{ position: absolute; top: -14px; left:6px; width: 68px; height: 18px; line-height: 18px; overflow: hidden; background-color: #ff9900; color: #fff; font-size: 12px; }

/* 首页内容新样式 */
.to-translate{ width: 24%;height: 70px;position: absolute;left: 50%;bottom: 6%;background: #fff; margin-left: -12%;cursor: pointer;opacity: 0; }
.advantage{ padding-top: 40px; background-color: #fff; width: 1000px; margin:0 auto; text-align: center; }
.advantage h2{ font-size: 28px;color: #333;font-weight: 400;margin-bottom: 30px; position: relative; }
.advantage h2:after{ content: ''; height: 3px; width: 36px; background-color: #1262F3; position: absolute; bottom: -13px; left: 50%; margin-left: -18px; }
.advantage>p{ color: #333; font-weight: 400; font-size: 18px; }
.advantage .advantage-box{ padding: 50px 0px; }
.advantage-item{ float: left; width: 20%; }
.advantage-item>img{ width: 58px; height: 66px; }
.advantage-item p.p3{ font-size: 20px; color: #333; margin: 50px 0px 10px 0px; }
.advantage-item p.p4{ font-size: 14px; color: #666; line-height: 20px; }

.contact{ padding-top: 40px; background-color: #fff; width: 1000px; margin:0 auto; text-align: center; }
.contact h2{ font-size: 28px;color: #333;font-weight: 400;margin-bottom: 30px; position: relative; }
.contact h2:after{ content: ''; height: 3px; width: 36px; background-color: #1262F3; position: absolute; bottom: -13px; left: 50%; margin-left: -18px; }
.contact>p{ color: #333; font-weight: 400; font-size: 18px; }
.contact .contact-box{ padding: 60px 0px; }
.contact-item{ float: left; width: 33.33%; }
.contact-item>img{ width: 48px; height: 48px; margin-bottom: 16px; }
.contact-item p.p4{ font-size: 14px; color: #333; line-height: 20px; }

/* 新增的合作伙伴板块 */
.company{ padding-top: 40px; background-color: #fff; width: 1000px; margin:0 auto; text-align: center;}
.company h2{ font-size: 28px;color: #333;font-weight: 400;margin-bottom: 30px; position: relative; }
.company h2:after{ content: ''; height: 3px; width: 36px; background-color: #1262F3; position: absolute; bottom: -13px; left: 50%; margin-left: -18px; }
.company>p{ color: #333; font-weight: 400; font-size: 18px; }
.company ul{ overflow: hidden; width: 1000px; margin:50px auto 20px; }
.company ul li{ display: block; float: left; }
.company ul li a{ cursor:default; }
.company ul li img{ display: inline-block; margin-bottom: 10px; margin-right: 10px; width: 190px; height: 66px; }

.wrap-box{ width: 100%; background-color: #EFF3F9; }
.solution{ padding-top: 40px; width: 1000px; margin:0 auto; text-align: center; }
.solution h2{ font-size: 28px;color: #333;font-weight: 400;margin-bottom: 30px; position: relative; }
.solution h2:after{ content: ''; height: 3px; width: 36px; background-color: #1262F3; position: absolute; bottom: -13px; left: 50%; margin-left: -18px; }
.solution>p{ color: #333; font-weight: 400; font-size: 18px; }
.solution .solution-box{ padding: 40px 0px; background: url(/resources/image/solution2.png) no-repeat 0% 0%; background-size:854px 390px; width: 100%;height: 390px; margin:42px auto 0; background-position: 82px; }
.solution p.miaoshu{ font-size: 18px; color: #333; padding-bottom: 42px; letter-spacing: 2.76px; padding-top: 10px; }

/* 首页新闻模块 */
.index-news-box{ padding-top: 40px; background-color: #fff; width: 1000px; margin:0 auto; text-align: center; }
.index-news-box h2{ font-size: 28px;color: #333;font-weight: 400;margin-bottom: 30px; position: relative; }
.index-news-box h2:after{ content: ''; height: 3px; width: 36px; background-color: #1262F3; position: absolute; bottom: -13px; left: 50%; margin-left: -18px; }
.index-news-box>p{ color: #333; font-weight: 400; font-size: 18px; }
.index-news-box .card-box{ margin-top: 54px; margin-bottom: 30px; overflow: hidden; text-align: left; padding-bottom: 10px; height: 470px; }
.index-news-box .card-box .card{ width: 490px; height: 100%; padding: 20px; border: 1px solid #E1E1E1;box-shadow: 0 3px 7px 0 rgba(220,223,234,0.50);border-radius: 6px; }
.index-news-box .card-box .card h3{ font-size: 20px; color: #1063F3; width: 100%; text-align: left; line-height: 28px; }
.index-news-box .card-box .card h4 a{ font-size: 18px; color: #333333; margin-top: 18px; line-height: 25px; display: block; }
.index-news-box .card-box .card h3 a{ font-size: 14px; color: #666666; margin-left: 320px; font-weight: 400; }
.index-news-box .card-box .card h3 a>span{ font-size: 12px; }
.index-news-box .card-box .card img{ width: 100%; height: 150px; margin-top: 20px; }
.index-news-box .card-box .card p.date{ font-size: 14px;color: #999999; margin-top: 12px; line-height: 20px; }
.index-news-box .card-box .card .detail p{ font-size: 14px;color: #666666;line-height: 26px; margin-top: 16px; }

.index-news-box .card-box .card ul li{ width: 100%; border-bottom: 1px solid #F2F2F5; padding-top: 20px; }
.index-news-box .card-box .card ul li a{ font-size: 16px; color: #333; margin-bottom: 16px; line-height: 22px; }
.index-news-box .card-box .card ul li p{ font-size: 14px; color: #999; margin-top: 16px; margin-bottom: 16px; line-height: 20px; }
.index-news-box .card-box .card ul li:last-child{ border-bottom: 0; }

/* 弹窗样式开始 */
.head_top_div .change-langulage{ margin: 0 10px; }
.head_top_div .change-langulage span{ border-radius: 50%; border: 1px solid #ffffff; color: #ffffff; width: 28px; height: 28px;display: inline-block;text-align: center;line-height: 28px; }
.head_top_div .head_fanyi_btn span{cursor:pointer;padding:0px 16px; line-height: 26px; display: inline-block; font-size: 12px; border-radius:50px;color:#fff; background-color: #1262F3; margin-right: 10px;}
.head_top_div .head_fanyi_btn span:hover{ background-color: #2D74F1; }
.head_top_div .tip>span{ display: inline-block; position: relative; width: 20px; height: 24px; background: url(/resources/image/tip.png) no-repeat; cursor: pointer; background-size: 20px 24px; margin-right: 15px; margin-top: 3px; }
.head_top_div .tip i{ position: absolute; right: -10px; top:-8px; font-style: normal; line-height: 10px; background-color: #EB2E2F; border-radius: 10px; font-size: 12px; color: #fff; display: inline-block; padding: 4px 6px; }
.head_top_div .tip-sub>span{ display: inline-block; position: relative; width: 20px; height: 24px; background: url(/resources/image/tip2.png) no-repeat; cursor: pointer; background-size: 20px 24px; margin-right: 20px; margin-top: 3px; }
.head_top_div .tip-sub i{ position: absolute; right: -10px; top:-8px; font-style: normal; line-height: 10px; background-color: #EB2E2F; border-radius: 10px; font-size: 12px; color: #fff; display: inline-block; padding: 4px 6px; }
.en-head-top-div .en_head_login_btn{ margin-right: 10px; font-size: 14px; }
.en-head-top-div .change-langulage{ margin-right: 11%; font-size: 14px; }
.en-head-top-div .change-langulage span{ border-radius: 50%; padding: 4px 5px; }
.en-head-top-div .en-head-top-c a{ font-size: 16px; width: 98px; }
.en-head-top-div .head_top_l{ margin-left: 11%; }
.head_top_l .en-logo{ font-size: 32px; color:#fff; }

.tangchuang-box h3{ color: #1262F3; font-size: 24px; font-weight: normal; text-align: center; padding-top: 12px; margin-bottom: 28px; }
.tangchuang-box .form-inline{ margin-left: 34px; margin-bottom: 20px; position: relative; }
.tangchuang-box .form-inline label{ font-size: 18px; color: #666; font-weight: normal; }
.tangchuang-box .form-inline button.hangye{ width: 240px; text-align: left; }
.tangchuang-box .form-inline button.hangye span.caret{ float: right; margin-top: 6px; }
.tangchuang-box .form-inline button.double-btn{ width: 96px; }
.tangchuang-box .tangchuang-btn{ text-align: center; padding-top: 30px; padding-bottom: 24px; }
.tangchuang-box .tangchuang-btn button{ width: 180px; height: 42px; border:1px solid #1262F3; box-shadow: 0 5px 12px rgba(190,205,255,1); background-color:#1262F3; font-size: 14px; color: #fff; }
.tangchuang-box .tangchuang-btn button:hover{ color: #fff; background-color: #0D57D7; }
.tangchuang-box .tangchuang-btn button:focus{ color: #fff; background-color: #0D57D7; }
.tangchuang-box .tangchuang-btn button:active{ background-color: #0D57D7; color: #fff; }
.tangchuang-box .tangchuang-btn button.btn-hui{ background: #D0D0D0; margin-left: 20px; border:none; width: 150px; }
.tangchuang-box span.tangchuang-arrow{ position: absolute; left: 196px; width: 30px; height: 38px; display: inline-block; background:url(/resources/image/arrow1.png) no-repeat; background-position: 0px 10px;  }
.tangchuang-box .text-box{ text-align: center; font-size: 18px; color: #707070; line-height: 33px; padding: 0 20px; }
.tangchuang-box .textaera-box{ text-align: center; padding: 0 20px; }
.tangchuang-box .textaera-box textarea{ margin-bottom: 20px; border-radius: 6px; background-color: #FAFAFA; }
.tangchuang-box .textaera-box .checkbox{ line-height: 20px; margin-left: 20px; }

/* 下载页弹窗 */
.down-box{ text-align: center; }
.down-box h3{ font-size: 18px; color: #031B4D; width: 100%; text-align: center; line-height: 37px; padding: 0px 0 32px 0; }
.down-box .choose-box{ overflow: hidden; margin-bottom: 40px; }
.down-box .choose-type{ float: left; width: 50%; text-align: center; position: relative; cursor: pointer; }
.down-box .choose-type.line:after{ content: ''; position: absolute; width: 1px; height: 80px; background: rgba(16,98,243,0.1); right: -1px; top: 25px; }
.down-box .choose-type .img-type{ width: 70px; }
.down-box .choose-type .discount-tip{ position: absolute; right: 8px; bottom: 2px; background: url(/resources/image/tran/seven_discount.png) no-repeat; width: 67px; height: 24px; background-size: contain; }
.down-box .choose-type .choose-icons{ display: inline-block; width: 20px; height: 20px; position: absolute; right: 50px; top: 6px; background: url(/resources/image/tran/pop_normal@2x.png) no-repeat; background-size: contain; }
.down-box .choose-type.active .choose-icons{ display: inline-block; width: 20px; height: 20px; background: url(/resources/image/tran/pop_selected@2x.png) no-repeat; background-size: contain; }
.down-box .choose-type .p1>img{ width: 20px; height: 20px; }
.down-box .choose-type .p1 span{ line-height: 22px; margin-left: 12px; cursor: pointer; font-size: 16px; color: #333; font-weight: normal; vertical-align: middle;}
.down-box .choose-type p.water{ font-size: 14px; color: #999; margin: 16px auto 30px; }
.down-box .choose-type p.choosed{ color: #FD5251; }
.down-box p.tip{ font-size: 18px; color: #031B4D; line-height: 28px; width: 100%; margin-bottom: 10px; }
.down-box p.tip span{ color: #1062F3; margin: 0 3px; }
.down-box p.tip del{ font-size: 12px; color: #ACB8CA; margin-left: 6px; }
.down-box p.iscompany{ font-size: 14px; color: #999; width: 100%; margin-bottom: 12px; line-height: 20px; padding: 0 20px; }
.down-box p.btn-box button{ width: 296px; height: 42px; }
.down-box p.shuoming{ font-size: 12px; color: #999; margin-top: 13px; padding-bottom: 1px; }

/* 上下浮动小图标开始 */
.fu-dong-img{ width: 139px; height: 159px; position: fixed; right: 4%; top: 88px; z-index: 98; -webkit-animation: jump-up-dpwn 3s ease-in-out infinite; animation: jump-up-dpwn 3s ease-in-out infinite; }
.fu-dong-img img{ width: 139px; height: 159px; display: inline-block; }
@-webkit-keyframes jump-up-dpwn{
	0%{
		-webkit-transform:translate(0,30px);
		transform:translate(0,30px)
		}
	50%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0)
		}
	100%{
		-webkit-transform:translate(0,30px);
		transform:translate(0,30px)
	}
}
@keyframes jump-up-dpwn{
	0%{
		-webkit-transform:translate(0,30px);
		transform:translate(0,30px)
		}
	50%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0)
		}
	100%{
		-webkit-transform:translate(0,30px);
		transform:translate(0,30px)
		}
	}
.activity-banner{ position: fixed; bottom: 10px; width: 1000px; height: 100px; left: 50%; margin-left: -500px; z-index: 100; }
.activity-banner img.banner{ width: 100%; display: block; }
.activity-banner>span{ display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; cursor: pointer; z-index: 101; }
.activity-banner .erweima>img{ width: 68px; height: 68px; position: absolute; right: 162px; top: 16px; display: inline-block; padding: 4px; background-color: #fff; }
.activity-banner .erweima:before{ content: ''; position: absolute; border: 8px solid; border-color: transparent #fff transparent transparent; right: 230px; top: 42px; }
#qrcode>canvas{ display:none;}

/* 反馈页面开始 */
.fankui-box{ width: 1000px; background: #fff; margin:20px auto; height: 100%;  min-height: calc(100vh - 230px); padding: 24px; font-size: 14px; box-shadow: 0 8px 10px 0 rgba(225,231,246,1); }
.fankui-head{ width: 100%; overflow: hidden; position: relative; }
.fankui-head:after{ content: ''; height: 1px; width: 828px; left: 172px; position: absolute; bottom: 0px; background-color: #E0E0E0; }
.fankui-head ul li{ float: left; }
.fankui-head ul li a{ display: inline-block; width: 86px; height: 33px; background: #F5F6FA; line-height: 33px; text-align: center; color: #666; font-size: 14px; border-bottom: 1px solid #E0E0E0; text-decoration: none; }
.fankui-head ul li a.active{ border-top: 2px solid #1063F3; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; border-bottom: 0px; background: #fff; color:#1063F3; }
.fankui-box .dian{ display: inline-block; width: 8px; height: 8px; background: #F23333; border-radius:50%; }

.fankui-content{ overflow: hidden; }
.fankui-content ul.list li{ width: 100%; display: block; height: 60px; border-bottom: 1px solid #E0E0E0; line-height: 60px; }
.fankui-content ul.list li a{ color: #333; font-size: 14px; margin-left: 20px; }
.fankui-content ul.list li a:visited{ color: #999; }
.fankui-content ul.list li span{ color: #999; font-size: 14px; }

.fankui-content ul.xitong-detail li{ padding-left: 10px; padding-bottom: 20px; }
.fankui-content ul.xitong-detail p.head{ font-size: 14px; overflow: hidden; margin-top:20px; margin-bottom: 10px; }
.fankui-content ul.xitong-detail p.head span.pull-right{ color: #999; }
.fankui-content ul.xitong-detail .detail{ font-size: 14px; color: #333; line-height: 24px; }

.fankui-content ul.fankui-detail li{ padding-left: 10px; padding-bottom: 20px; }
.fankui-content ul.fankui-detail li:last-child{ border-bottom: 1px solid #E0E0E0; }
.fankui-content ul.fankui-detail p.head{ font-size: 14px; overflow: hidden; margin-top:20px; margin-bottom: 10px; }
.fankui-content ul.fankui-detail p.head span.pull-right{ color: #999; }
.fankui-content ul.fankui-detail .detail{ color: #333; line-height: 24px; word-wrap: break-word; width: 84%; }

.fankui-content img.fankui-img{ display: block; width: 100px; height: 94px; cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.fankui-content img.fankui-img-top{ width: 80px; height: 80px; position: absolute; right: 20px; top: 0px; cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }

.fankui-content .fankui-detail li.list{ padding: 30px 10px; position: relative; }
.fankui-content .time{ line-height: 36px; color: #999; width: 100%; text-align: center; clear: both; }
.fankui-content .my-box,.your-box{ width: 850px; overflow: hidden; }
.fankui-content .my-box .face-name{ width:60px; text-align: center; line-height: 36px; }
.fankui-content .my-box .face-name>img{ width: 36px; height: 36px; border-radius: 50%; }
.fankui-content .fankui-text{ margin-right:20px; border-radius: 10px; padding: 10px; word-wrap: break-word; max-width: 80%; background-color: #1262F3; color: #fff; position: relative; line-height: 24px; }
.fankui-content .fankui-text>img{ display: block; width: 100px; height: 100px; margin-top: 10px; cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.fankui-content .hui-bg{ background-color: #EEF0F2; color: #333; }

.fankui-content .your-box .face-name{ width:60px; text-align: center; line-height: 36px; }
.fankui-content .your-box .face-name>img{ width: 36px; height: 36px; border-radius: 50%; cursor: pointer; }

/* 我的优惠券开始 */
.new-hui-btn{ background: #D0D0D0; border-radius: 100px; font-size: 12px; color: #fff; padding:7px 14px; margin-top: 16px; font-weight: 300;  }
.new-yellow-btn{ background-image: linear-gradient(-90deg, #E1B658 0%, #D09E3C 100%);border-radius: 100px; font-size: 12px; color: #fff; padding:7px 14px; margin-top: 16px; font-weight: 300; }
.yellow-btn{ background-image: linear-gradient(-90deg, #E1B658 0%, #D09E3C 100%);border-radius: 100px; font-size: 14px; color: #fff; padding:5px 16px; margin-top: 16px; font-weight: 300; }
.main-box{ width: 1180px; margin: 20px auto 0; height: 100%; min-height: calc(100vh - 110px); }
.main-box .nav-left{ background-color: #fff; width: 210px; float: left; padding-bottom: 30px; }
.main-box .nav-left .head-div{ position: relative; }
.main-box .nav-left .left-head{ width: 72px; height: 72px; border-radius: 50%;  }
.main-box .left-head-box{ width: 100%; text-align: center; padding: 30px 0 34px; border-bottom: 1px solid #DCDCE4; }
.main-box .left-head-box .nickname{ margin-top: 16px; font-size: 16px; color: #333; line-height: 22px; }

.main-box .nav-left ul li{ height: 24px; line-height: 24px; margin-top: 24px; position: relative; cursor: pointer; }
.main-box .nav-left ul li.active a{ color: #1063F3; }
.main-box .nav-left ul li.active:before{ position: absolute; left: 0; content: ''; width: 3px; height: 24px; background:#1063F3; }
.main-box .nav-left ul li .icon{ position: absolute; left: 54px; top: 4px; width: 20px; height: 20px; overflow: hidden; display: inline-block; background: url(/resources/image/nav_hebing.png) no-repeat; background-size: 46px auto; }
.main-box .nav-left ul li>a{ display: inline-block; line-height: 24px; font-size: 14px; color: #666; padding-left: 82px; }
.main-box .nav-left ul li.vip span{ background-position: 0 0; }
.main-box .nav-left ul li.earn span{ background-position: 0 -45px; }
.main-box .nav-left ul li.activity span{ background-position: 0 -88px; }
.main-box .nav-left ul li.score span{ background-position: 0 -132px; }
.main-box .nav-left ul li.coupons span{ background-position: 0 -176px; }
.main-box .nav-left ul li.account span{ background-position: 0 -308px; }
.main-box .nav-left ul li.invoice span{ background-position: 0 -176px; }
.main-box .nav-left ul li.myCompany span{ background-position: 0 -264px; }
.main-box .nav-left ul li.resetp span{ background-position: 0 -351px; }
.main-box .nav-left ul li.bindphone span{ background-position: 0 -396px; }
.main-box .nav-left ul li.active span{ background-position-x: -28px;  }
.main-box .nav-left2{ padding-top: 10px; }
.main-box .nav-left2 ul li>a{ padding-left: 64px; }

.main-box .nav-right{ background-color: #fff; width: 940px; min-height: 504px; float: right; height: auto; margin-bottom: 30px; }
.main-box .nav-right .coupons-box{ margin: 30px; }
.main-box .nav-right .coupons-box>h3{ font-size: 20px; color: #333; margin-top: 40px; margin-bottom: 20px; }
.main-box .nav-right .duihuan-box{ width: 232px; height: 36px; position: relative; }
.main-box .nav-right .duihuan-box>input{ width: 168px; height: 34px; padding-left: 10px; border:1px solid #ccc; border-right: none; }
.main-box .nav-right .duihuan-box>input:focus{ border-color: #1063F3; outline: none; }
.main-box .nav-right .duihuan-box>input[type=text]::-webkit-input-placeholder { color: #ccc; font-size: 14px;}
.main-box .nav-right .duihuan-box>input[type=text]:-moz-placeholder { color: #ccc; font-size: 14px;}
.main-box .nav-right .duihuan-box>input[type=text]::-moz-placeholder { color: #ccc; font-size: 14px;}
.main-box .nav-right .duihuan-box>input[type=text]:-ms-input-placeholder { color: #ccc; font-size: 14px;}
.main-box .nav-right .duihuan-btn{ background-color: #1063F3; color: #fff; font-size: 14px; display: inline-block; height: 34px; line-height: 34px; text-align: center; width: 64px; position: absolute; right: 0; }
.main-box .nav-right .detail-box{ margin-top: 20px; width: 100%; min-height: 480px; border:1px solid #ccc; }
.main-box .nav-right .detail-box .detail-head ul{ position: relative; overflow: hidden; }
.main-box .nav-right .detail-box .detail-head ul:after{ content: ''; height: 1px; width: 319px; background-color: #ccc; position: absolute; top: 41px; right: 0; }
.main-box .nav-right .detail-box .detail-head ul li{ float: left; width: 140px; height: 42px; line-height: 42px; text-align: center; border:1px solid #ccc; border-top:none; border-left: none; cursor: pointer; }
.main-box .nav-right .detail-box .detail-head ul li.active{ border-top: 3px solid #1063F3; border-bottom: none; margin-top: -1px; }
.main-box .nav-right .detail-box .detail-content ul{ margin-top: 30px; }
.main-box .nav-right .detail-box .detail-content ul li{ float: left; width: 278px; height: 106px;  margin-left: 20px; margin-bottom: 20px; position: relative; }
.main-box .nav-right .detail-box .detail-content ul.not li{background: url(/resources/image/coupons1.png);background-size: 278px; }
.main-box .nav-right .detail-box .detail-content ul.already li{background: url(/resources/image/coupons3.png);background-size: 278px;}
.main-box .nav-right .detail-box .detail-content ul.timeout li{background: url(/resources/image/coupons2.png);background-size: 278px;}
.main-box .nav-right .detail-box .detail-content ul li h3.tip{ font-weight: 400; position: absolute; left: 28px; top: 30px; font-size: 22px; color: #fff; }
.main-box .nav-right .detail-box .detail-content ul li p{ position: absolute; left: 30px; top: 66px; font-size: 12px; color: #fff; }
.main-box .nav-right .detail-box .detail-content ul li h3.money{ position: absolute; right: 28px; font-size: 38px; color: #fff;top: 20px; }
.main-box .nav-right .detail-box .detail-content ul li h3.money span{ font-size: 20px;  }
.main-box .nav-right .detail-box .detail-content ul li i{ position: absolute; display: inline-block; width: 60px; height: 54px; background: url(/resources/image/jiaobiao.png) no-repeat; background-size: 60px 52px; left: 0; top: 0; }
.main-box .nav-right .detail-box .detail-content ul li button{ position: absolute; right: 20px; padding: 5px 9px; border:1px solid #fff; font-size: 12px; top:72px; display: inline-block; color: #fff; border-radius: 3px; }
.main-box .nav-right .detail-box .detail-content ul li button:focus{ outline: none; }

/* 下载页面样式 */
.down-banner{ width: 100%; background-image: linear-gradient(180deg, #5A67FF 0%, #34BAFF 100%); }
.down-banner .container{ width: 1140px; height: 720px; margin: 0 auto; position: relative; }
.down-banner .container .left{  position: absolute; top: 220px; left: 20px; }
.down-banner .container .left h3{ font-size: 54px; line-height: 75px; color: #FFFFFF; font-weight: 400; }
.down-banner .container .left>p{ font-size: 28px; color: #fff; line-height: 40px; margin-top: 20px; }
.down-banner .container .left ul li a{ border-radius: 2px; display: inline-block; width: 250px; height: 60px; text-align: center; font-size: 20px; color: #fff; line-height: 60px; cursor: default; }
.down-banner .container .left ul li:nth-child(1) a{ background-color: #00DA81; margin: 70px 30px 30px 0px; background-image: url(/resources/image/down_an.png); background-repeat: no-repeat; background-size: 28px; background-position: 30px 14px; padding-left: 30px; }
.down-banner .container .left ul li:nth-child(2) a{ background-color: #00CEFF; background-image: url(/resources/image/down_ios.png); background-repeat: no-repeat; background-size: 28px; background-position: 30px 14px; padding-left: 30px; }
.down-banner .container .left .erwei-box{ width: 160px; height: 160px; background: #fff; padding: 4px; float: left; margin-top: 68px; border-radius: 3px; }
.down-banner .container .left .erwei-box>img{ width: 100%; margin: 0 auto; }
.down-banner .container .left p.detail{ font-size: 20px; color: #fff; text-align: left; line-height: 28px; float: left; margin-left: 14px; margin-top: 115px; }
.down-banner .container .right img{ width: 640px; position: absolute; bottom: 64px; right: 20px; }

.down-container1{ width: 100%; background: #EEF9FF; height: 800px; }
.down-container1 .container{ width: 1000px; margin: 0 auto; padding-top: 110px; padding-bottom: 100px; }
.down-container1 .container .left{ float: left; width: 390px; }
.down-container1 .container .left>img{ width: 100%; margin-left: -50px; }
.down-container1 .container .right{ float: left; margin-left: 100px; }
.down-container1 .container .right h3{ margin-top: 160px; font-size: 42px; font-weight: normal; color: #101F44;letter-spacing: 2px; }
.down-container1 .container .right p{ font-size: 22px; margin-top: 10px; color: #5C698B; }
.down-container1 .container .right ul{ overflow: hidden; margin-top: 55px; }
.down-container1 .container .right ul li{ float: left; }
.down-container1 .container .right ul li img{ width: 97px; height: 97px; border-radius: 50%; margin-right: 70px; }
.down-container1 .container .right ul li:nth-child(3) img{ margin-right: 0px; }
.down-container1 .container .right ul li p{ margin-top: 12px; padding-left: 16px; font-size: 16px; color: #101F44; }

.down-container2{ width: 100%; background: #fff; height: 780px; }
.down-container2 .container{ width: 1000px; margin: 0 auto; padding-top: 110px; padding-bottom: 100px; }
.down-container2 .container .left{ float: left; width: 400px; }
.down-container2 .container .left>img{ width: 100%; }
.down-container2 .container .right{ float: left; margin-right: 60px; }
.down-container2 .container .right h3{ margin-top: 160px; font-size: 42px; font-weight: normal; color: #101F44;letter-spacing: 2px; }
.down-container2 .container .right p{ font-size: 22px; margin-top: 10px; color: #5C698B; }
.down-container2 .container .right ul{ overflow: hidden; margin-top: 55px; }
.down-container2 .container .right ul li{ float: left; }
.down-container2 .container .right ul li img{ width: 97px; height: 97px; border-radius: 50%; margin-right: 70px; }
.down-container2 .container .right ul li p{ margin-top: 12px; padding-left: 16px; font-size: 16px; color: #101F44; }

.down-container3{ width: 100%; background:url(/resources/image/down_bg.jpg) no-repeat; background-size: 100% 100%; height: 680px; }
.down-container3 .container{ text-align: center; }
.down-container3 .container>img{ width: 76px; margin-top: 124px; }
.down-container3 .container h3{ font-size: 42px; color: #fff; font-weight: normal; line-height: 60px; margin-top: 24px; }
.down-container3 .container>p{ font-size: 22px; color: #FFFFFF; margin-top: 20px; }

.down-container3 .container .down-box{ position: relative; width: 300px; margin: 0 auto; margin-top: 24px; }
.down-container3 .container .down-box .erwei-box{ width: 160px; height: 160px; background: #fff; padding: 4px; margin: 0 auto; border-radius: 3px; }
.down-container3 .container .down-box .erwei-box>img{ width: 100%; margin: 0 auto; }
.down-container3 .container .down-box p{ font-size: 20px; color: #fff; text-align: center; line-height: 28px; margin-top: 20px; }


/* vip页面 */
.nav-right .head-title{ font-size: 20px; color: #333; line-height: 28px; background: #eff3f9; padding: 4px 0 16px; }
.nav-right .head-title2{ font-size: 20px; color: #333; line-height: 28px; background: #eff3f9; padding: 30px 0 16px; }
.nav-right .head{ overflow: hidden; position: relative; height: 160px; }
.nav-right .head>img{ display: block; float: left; width: 114px; margin-top: 24px; margin-left: 18px; }
.nav-right .head .contain{ float: left; margin-left: 10px; position: relative; }
.nav-right .head .contain h4{ margin-top: 26px; font-size: 18px; color: #D09E3C; margin-bottom: 8px; position: relative; }
.nav-right .head .contain h4 .vip-rule{ font-size: 14px; color: #9B9B9B; position: absolute; right: -40px; font-weight: normal; }
.nav-right .head .contain h4 .vip-rule span{ width: 16px; height: 16px; display: inline-block; text-align: center; line-height: 16px; margin-left: 10px; font-weight: 300; color: #fff; background: #C9C9C9; border-radius: 100%; }
.nav-right .head .contain p{ font-size: 14px; color: #666; line-height: 20px; }
.nav-right .head .contain:after{ content: ''; position: absolute; right: -70px; top: 10px; width: 1px; height: 140px; background: #eee;  }
.progress-bars{ position: relative; width: 420px; height: 12px; background: rgba(234,234,234,1);border-radius: 100px; margin-top: 44px; }
.progress-bars .tip{ min-width: 38px; cursor: pointer; text-align: center; position: absolute; left: 0%; top: -30px; margin-left: -20px; padding: 3px 5px; font-size: 12px; color: #333; background: rgba(224,181,87,0.10);border: 1px solid #E0B557;border-radius: 100px; }
.progress-bars .tip:before{ content: ''; border:5px solid; position: absolute; bottom: -10px; left: 13px; border-color:#E0B557 transparent transparent transparent; }
.progress-bars .tip:after{ content: ''; border:5px solid; position: absolute; bottom: -8px; left: 13px; border-color:#fcf7ef transparent transparent transparent; }

.progress-bars .progress-value{ width: 0%; height: 12px; background-image: linear-gradient(-90deg, #E1B658 0%, #D09E3C 100%);border-radius: 100px; }
.nav-right .head .contain .progress-points{ position: absolute; right: -42px; bottom: 0px; font-size: 12px; color: #333; }
.nav-right .head .youhui{ float: right; overflow: hidden; text-align: center; }
.nav-right .head .youhui ul li{ float: left; }
.nav-right .head .youhui ul li img{ width: 68px; display: block; margin: 36px auto 12px; }
.nav-right .head .youhui ul li:last-child{ margin-right: 47px; margin-left: 30px; }
.nav-right .head .youhui ul li p span{ font-size: 12px; color: #FD5251; }
.nav-right .vip-icon{ width: 710px; padding-bottom: 40px; overflow: hidden; }
.nav-right .vip-icon ul li{ float: left; text-align: center; width: 140px; padding-top: 46px; }
.nav-right .vip-icon ul li img{ width: 46px; }
.nav-right .vip-icon ul li p{ margin-top: 14px; font-size: 14px; color: #333; }
.nav-right .step{ padding: 20px 30px; }
.nav-right .step p{ font-size: 12px; line-height: 24px; color: #666; }

/* 赚经验值页面 */
.nav-right .earn-container{ padding: 40px; }
.nav-right .earn-container .card1{ overflow: hidden; }
.nav-right .earn-container .card1 img{ display: block; float: left; width: 52px; }
.nav-right .earn-container .card1 .text{ margin-left: 16px; float: left; }
.nav-right .earn-container .card1 .text h5{ font-size: 16px; color: #333; line-height: 22px; font-weight: normal; margin: 3px 0; }
.nav-right .earn-container .card1 .text p{ font-size: 12px; color: #D09E3C; line-height: 17px; }
.card1-ajust{ padding: 50px 0 30px; border-bottom: 1px solid #eee; }
.nav-right .earn-container .card2{ margin-top: 30px; }
.nav-right .earn-container .card2 .text{ margin-left: 6px; }

/* 我的折扣券 */
.discount-container{ padding: 10px 46px; min-height: 356px; overflow: hidden; }
.discount-container .coupons{ width: 277px; height: 110px; background-image: linear-gradient(135deg, #EBBD5A 0%, #C09033 100%); border-radius: 6px; float: left; margin-bottom: 20px; margin-right: 20px; cursor: pointer; }
.discount-container .quan{ height: 47px; line-height: 47px; padding-left: 13px; border-bottom: 1px dashed #f1df99; font-size: 18px; color: #FCF8E9; }
.discount-container .num{ width: 100%; line-height: 62px; padding-right: 20px; text-align: right; font-size: 16px; color: #FCF8E9; }
.discount-container .num span{ font-size: 28px; color: #FCF8E9; }

/* 规则页 */
.nav-right .rule-box{ padding: 26px 30px; }
.nav-right .rule-box .rule-title{ font-size: 14px;color: #333333;line-height: 24px; }
.nav-right .rule-box .rule-content{ font-size: 12px;color: #666666;line-height: 24px; margin-bottom: 19px; }
.nav-right .rule-box .my-table{ font-size: 12px; border: 1px solid #E0E0E0; margin-bottom: 20px; }
.nav-right .rule-box .my-table tr{ height: 38px; line-height: 38px; text-align: center; border-bottom: 1px solid #E0E0E0; }
.nav-right .rule-box .my-table tr th{ text-align: center; background: #eee; }
.nav-right .rule-box .my-table tr th+th{ border-left: 1px solid #E0E0E0; }
.nav-right .rule-box .my-table tr td+td{ border-left: 1px solid #E0E0E0; }
.nav-right .rule-box .my-table tr td{ color: #9B9B9B; }

.nav-right .rule-box .step-tip{ font-size: 14px;color: #333333;line-height: 24px; margin-bottom: 20px; }
.nav-right .rule-box .table2 th{ color: #C9AB6D; }
.nav-right .rule-box .table3 th{ color: #C9AB6D; }

/* 交流小三角 */
.fankui-content .i-talk-cor{ border-color: transparent transparent transparent #1261f3; width: 0; height: 0;font-size: 0;border-width: 6px; border-style: solid;overflow: hidden;position: absolute;top: 11px; right: -12px; }
.fankui-content .y-talk-cor{ border-color: transparent #EEF0F2 transparent transparent; width: 0; height: 0;font-size: 0;border-width: 6px; border-style: solid;overflow: hidden;position: absolute;top: 11px; left: -12px; }
/* 回复框 */
.fankui-content .huifu{ position: relative; width: 100%; margin-top: 20px;}
/*.huifu:before{ content: ''; height: 1px; width: 938px; background:#E0E0E0; position: absolute; left: 0px; top:-18px; }*/
.fankui-content .huifu form{ overflow: hidden; }
.fankui-content .tijiao-box{ display: none; }
.fankui-content .huifu-box{ width: 831px; }
.fankui-content .huifu-box textarea{ width: 100%; background-color: #fff; font-size: 14px; outline: none; padding: 10px; border: 1px solid #D0D0D0;box-shadow: inset 0 0 4px 0 rgba(140,140,140,0.50);border-radius: 3px; line-height: 20px; }
.fankui-content .huifu-box textarea:placeholder{ color: #999; }
.fankui-content .add-image{ width: 60px; height: 60px; position: relative; margin-right: 30px; margin-top: 80px; border: 1px solid #D0D0D0; border-radius: 1px; }
.fankui-content .add-image>img{ width: 60px; height: 60px; position: absolute; left: 0px; top: 0px; z-index: 2; cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.fankui-content .add-image>p{ width: 28px; font-size: 14px; color: #666; position: absolute; top:12px; line-height: 18px; left: 16px; }
.fankui-content .add-image span.del-img{ position: absolute; right: -7px; top: -10px; padding: 3px 5px 5px 5px; line-height: 12px; display: inline-block; background: #eee; border-radius: 50%; cursor: pointer; display: none; z-index: 4; }
.fankui-content .add-image input[type="file"]{ width: 60px; height: 60px; opacity: 0; cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; }
.fankui-content .btn-box{ margin-top: 30px; width: 831px; overflow: hidden; }

/* 图片放大 */
.shadow{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 1000; left: 0; top: 0; display: none; }
.shadow>img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width: 500px; z-index: 1001; cursor: -webkit-zoom-out; cursor: zoom-out; }
/* 反馈页面结束 */

/* 半透明背景 */
.main-shadow{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; left: 0; top: 0; display: block; }
.main-shadow .img-box{  position: absolute; left: 50%; top: 46%; margin-left: -350px; margin-top: -232px; width: 490px; }
.main-shadow .img-box>img{ width: 100%; }
.main-shadow .img-box>p{ position: absolute; top: 60%; font-size: 78px; color: #DC2A23; text-align: center; width: 200px; font-weight: bolder; left: 50%; margin-left: -100px; }
.main-shadow .img-box p>span{ font-size: 24px; color: #DC2A23; }
.main-shadow span.lingqu{ display: inline-block; width: 152px; height: 48px; position: absolute; bottom: 35px; left: 50%; margin-left: -78px; cursor: pointer; }
.main-shadow span.close-box{ display: inline-block; position: absolute; right: 66px; top: 142px; width: 46px; height: 46px; cursor: pointer; }

.main-shadow .pay-box{ width: 700px; }
.main-shadow .pay-box img.fukuangma{ width: 200px; height: 200px; border:1px solid #ccc; padding:10px; position: absolute; z-index: 2; left: 74px; top:170px; }
.main-shadow .pay-box img.fukuangma-bg{ width: 32px; height: 32px;position: absolute; left: 148px; top:200px; }
.main-shadow .pay-box h3.p1{ font-size: 22px; color: #1063F3; font-weight: normal; position: absolute; top: 64px; left:86px; }
.main-shadow .pay-box h3.p2{ font-size: 22px; color: #1063F3; font-weight: normal; position: absolute; top: 100px; left:100px; }
.main-shadow .close-box-icon{ display: inline-block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; text-align: center;font-size: 30px;line-height: 30px;cursor: pointer;color: #999; }

/* 客服悬浮框 */
.right-kefu{ position: fixed; display: none; right: 0px; top: 50%; width: 60px; height: 270px; z-index: 998; }
.right-kefu>ul li{ width: 60px; height: 60px; position: relative; text-align: center; background-color: #0587FF; margin-bottom: 10px; cursor: pointer; }
.right-kefu>ul li:hover{ background-color: #0066C3; }
.right-kefu>ul li img{ display: inline-block; width: 50%; margin-top: 13px; }
.right-kefu>ul li.tel:hover div.tel{ display: block; }
.right-kefu>ul li div.tel{ position: absolute; display: none; background-color: #fff; top: 0; text-align: center; right: 76px; border:1px solid #ccc; width: 210px; height: 80px; border-radius: 4px; }
.right-kefu>ul li div.tel:before{ content: ''; border: solid 10px; border-color: transparent transparent transparent #D0D0D0; width: 0px; height: 0px; position: absolute; right: -20px; top: 18px; }
.right-kefu>ul li div.tel:after{ content: ''; border: solid 10px;border-color: #fff; width: 0px; height: 0px; position: absolute; right: -4px; top: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.right-kefu>ul li div.tel p:nth-child(1){ font-size: 22px; color: #666; margin-top: 15px; }
.right-kefu>ul li div.tel p:nth-child(2){ font-size: 12px; color: #666; margin-top: 10px; }

/* 反馈弹窗 */
.zhezhao{ width: 100%; display: none; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; overflow: hidden; z-index: 10000; }
.to-fankui>img{ width: 20px; height: 20px; }
.alert-box{ display: none; width: 440px; height: 536px; margin-left: -220px; margin-top: -268px; position: relative; background: #fff; border-radius: 8px; position: absolute;left: 50%; top:50%; z-index: 10001; padding: 24px 24px 20px 14px; }
.alert-box h2{ color:#1063F3; font-size: 24px; text-align: center; margin-bottom: 40px; }
.alert-box .form-group label{ font-size: 16px; color: #545454; font-weight: 400; }
.alert-box .form-group .add-image{ width: 80px; height: 80px; position: relative; background:url(/resources/image/add_image.png) no-repeat; background-size: 80px 80px; }
.alert-box .form-group .add-image input[type="file"]{ width: 100px; height: 80px; cursor: pointer; opacity: 0; }
.alert-box .form-group .add-image img{ position: absolute; left: 0; display: none; width: 80px; height: 80px; border:1px solid #eee; }
.alert-box .form-group .xuanzhe{ font-size: 14px; color: #999; line-height: 28px; }
.alert-box .form-group input[type="checkbox"]{ margin:0 10px 4px 0; }
.alert-box .cha{ position: absolute; right: 14px; top:16px; background:url(/resources/image/cha.png) no-repeat; background-size: 20px 20px; z-index: 10001; width: 20px; height: 20px; cursor: pointer; }

.alert-box2{ padding-bottom: 1px; }
.alert-box2 h2{ color:#1063F3; font-size: 24px; text-align: center; margin-bottom: 40px; padding-top: 10px; }
.alert-box2 form{ margin-left: -10px; padding-left: 6px; padding-right: 20px; }
.alert-box2 .form-group label{ font-size: 16px; color: #545454; font-weight: 400; }
.alert-box2 .form-group .add-image{ width: 80px; height: 80px; position: relative; background:url(/resources/image/add_image.png) no-repeat; background-size: 80px 80px; }
.alert-box2 .form-group .add-image input[type="file"]{ width: 82px; height: 80px; cursor: pointer; opacity: 0; }
.alert-box2 .form-group .add-image img{ position: absolute; left: 0; display: none; width: 80px !important; height: 80px !important; border:1px solid #eee; }
.alert-box2 .form-group .xuanzhe{ font-size: 14px; color: #999; line-height: 28px; }
.alert-box2 .form-group input[type="checkbox"]{ margin:0 10px 4px 0; }
.fankui-btn{ width: 210px; height: 41px; text-align: center; font-size: 18px; margin: 30px auto; display: block; }

/* 首页问题通知弹窗 */
.nbox{position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,0.6);display: none;z-index:1000;}
.nbox1{width: 453px;position: fixed;left: 50%; top: 50%;margin-left: -226.5px;margin-top:-234px;z-index:99999;}
.nnt{overflow:auto;width:100%;background-color:#fff;line-height:30px;border-radius:0 0 10px 10px;}
.nt{width:380px;margin:0 auto;font-size:16px;}
.nspan{cursor:pointer;font-size:20px;background-color:#e94239;display:block;margin:20px auto;text-align:center;color:#fff;width:200px;padding:3px 10px;border-radius:6px;}
.nt span{font-size:20px;color:#e94239;}

/* 右下角优惠信息 */
.bottom-small-banner{ width: 332px; position: fixed; z-index: 999; top: 60%; left: 0; }
.bottom-small-banner img{ width: 100%; cursor: pointer; }

/* vip弹窗 */
.vip-box{ width: 660px; height: 660px; background:url(/resources/image/vip_bg.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 40%; margin-left: -330px; margin-top: -330px; }
.vip-box .cards{ width: 360px; height: 500px; background: #fff; border-radius: 12px; overflow: hidden; position: absolute; left: 50%; top: 67%; margin-left: -180px; margin-top: -250px; }
.vip-box .cards .vip-head{ width: 420px; height: 128px; background: #353331; text-align: center; margin-left: -30px; border-radius: 0 0 50% 50%; }
.vip-box .cards .vip-head h3{ font-size: 18px; font-weight: normal; color: #E4B868;line-height: 28px; padding-top: 20px; margin: 0; }
.vip-box .cards .vip-head img.icon{ display: inline-block; width: 110px; }
.vip-box .cards .vip-head .cha{ display: block; width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; cursor: pointer; }
.vip-box .cards .vip-content .tip{ font-size: 14px; color: rgba(150,110,38,0.45); width: 100%; text-align: center; padding-top: 60px; }
.vip-box .cards .vip-content ul{ padding: 10px 10px 0px 10px; overflow: hidden; }
.vip-box .cards .vip-content ul li{ display: block; width: 25%; text-align: center; float: left; }
.vip-box .cards .vip-content ul li img{ display: inline-block; width: 40px; }
.vip-box .cards .vip-content ul li p{ margin-top: 6px; margin-bottom: 12px; font-size: 12px; color: #333; }
.vip-box .cards .vip-content .vip-btn{ display: block; width: 260px; height: 42px; font-size: 16px; color: #745318; background-image: linear-gradient(90deg, #F1D79D 0%, #E8C271 100%); border-radius: 100px; position: absolute; bottom: 26px;left: 50%; margin-left: -130px; }

.vip-box .cards .vip-content ul li:nth-child(1) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon5.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(2) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon8.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(3) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon4.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(4) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon7.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(5) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon3.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(6) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon6.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(7) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon5.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(8) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon1.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(9) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon10.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(10) i{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon9.png) no-repeat; background-size: 30px 30px; }

.vip-box .cards .vip-content ul li:nth-child(1) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon5_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(2) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon8_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(3) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon4_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(4) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon7_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(5) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon3_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(6) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon6_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(7) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon5_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(8) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon1_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(9) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon10_sel.png) no-repeat; background-size: 30px 30px; }
.vip-box .cards .vip-content ul li:nth-child(10) i.active{ display: inline-block; width: 30px; height: 30px; background:url(/resources/image/vip_icon9_sel.png) no-repeat; background-size: 30px 30px; }

.vip-alert-box{ width: 580px; height: 336px; margin-left: -280px; margin-top: -168px; position: absolute; left: 50%; top: 50%; }
.vip-alert-box img{ width: 100%; height: 100%; display: block; }
.vip-alert-box .cha{ width: 36px; height: 36px; cursor: pointer; right: 0; top: 0; position: absolute; }
.vip-alert-box .chakan{ width: 210px; height: 42px; cursor: pointer; position: absolute; left: 50%; bottom: 28px; margin-left: -105px; }