@charset "utf-8";
/* 公用样式-by:zhwang王智洪 */
body{margin:0px;padding:0px;font-size:100%;font-family:"微软雅黑"; font-family:Arial;color:#333;background:#fff;font-size:14px;-webkit-overflow-scrolling: touch;transition: all .2s;}
html{-webkit-text-size-adjust:none;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,p{margin:0px;padding:0px;list-style:none;border:none;}
a{text-decoration:none;color:#333;display:block;font-family:"微软雅黑";transition: all .2s;}
.video embed, .video object, .video iframe {width:100%;height: auto; } 
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.bodybox{ display:block; overflow:hidden; background-color:#fff}

/*PC-端布局*/
.slate5-shadow {
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s;
	cursor:pointer
}
.slate5-shadow:hover {
	box-shadow: 0 6px 15px rgba(0, 0, 0, .2) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.slate1-shadow {
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s;
	cursor:pointer
}
.slate1-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.headbar{ height:100px; width:100%; display:block; overflow:hidden; background-color:#009be8}
.headbox{width:1160px; height:100px; display:block; margin:0 auto}
.sellogo{width:292px; height:100px; display:block; overflow:hidden; float:left; background:url(../images/sellogo.png) no-repeat 0 0}
.sellnavbar{width:540px;height:100%;float:right;line-height:100px;}
.sellnavbar ul li{float:right;font-size:18px;font-weight:normal; color:#fff;padding:0 19px;}
.sellnavbar ul li a{color:#fff; cursor:pointer}
.sellnavbar ul li a:hover{ color:#ff0}
/*分销banner*/
.sellbanner{width:100%;height:640px;margin:0 auto;background:url(../images/sellbanner.jpg) repeat-x center;}
.sellbanner_center{width:1160px;height:640px;margin:0 auto;position:relative;}
.sellbanner_text{position:absolute;margin-top:280px;right:200px;}
.sellbanner_text p{color:#fff; font-size:20px; line-height:39px;font-weight:normal;}
.sellbanner_btn{margin-top:426px;right:180px;width:302px;font-size:26px;text-align:center; }
.sellbanner_btn a{display:block; color:#fff;width:300px;height:56px; cursor:pointer; line-height:56px;border-radius:8px;border:2px solid #fff;}
.sellbanner_btn a:hover{display:block; color:#fff;background:#F90; border:2px solid #f90}
/*savor*/
.savor{width:1160px;margin:0 auto 30px; overflow:hidden}
.savor_title{width:514px;height:96px;background:url(../images/savor_title.jpg) no-repeat center; margin:30px auto 5px}
.savor p,.todo p{ display:block; text-align:center; line-height:32px; font-size:18px; color:#666}
.savor p span,.todo p span{ color:#ff6600}
.savour{width:1074px; height:232px; margin:0 auto; display:block; background:url(../images/savour.png) no-repeat 0 0;  overflow:hidden;position:relative}
.savlist{ display:block; overflow:hidden; margin:70px 0 0 70px}
.savlist li{width:250px; height:32px; line-height:32px; float:left; margin:0 0 20px}
.savlist li i{width:32px;height:32px; line-height:32px; text-align:center; font-size:18px; color:#fff; font-style:normal; border-radius:32px; background-color:#0099ff; display:block; float:left}
.savlist li a{ float:left; padding-left:8px; font-size:18px; color:#666}
.savour h3{width:169px; height:47px; line-height:47px; text-align:center; font-size:20px; color:#FFFFFF; position:absolute; left:15px; top:0; display:block; font-weight:normal}
.savour h4{ display:block; overflow:hidden; font-size:24px; color:#000; line-height:48px; font-weight:normal; text-align:center}
/*todo*/
.todo{width:1160px;margin:0 auto 30px; overflow:hidden}
.todo_title{width:514px;height:65px;background:url(../images/todo_title.png) no-repeat center; margin:0px auto}
/*trust*/
.trust{width:100%; display:block; overflow:hidden; background:url(../images/trustbg.png) repeat 0 0;}
.trust_cent{width:1160px;margin:0 auto; overflow:hidden; height:950px}
/*power*/
.power{width:1160px;margin:0 auto 20px; overflow:hidden}
.power_title{width:514px;height:96px;background:url(../images/power_title.png) no-repeat center; margin:30px auto 10px}
.power_center{width:530px;height:160px; margin-bottom:80px;}
.power_center div.power_icon{float:left;widht:154px;height:153px;margin-right:20px;}
.power_center h1{font-size:26px;color:#333;font-weight:normal;}
.power_center p{line-height:30px;width:460px;color:#484848;font-size:18px;margin-top:20px;}
.power_left{float:left;}
.power_right{float:right;}
.power_center_width{width:485px;}
/*profit*/
.profit{width:100%; display:block; overflow:hidden; background:url(../images/profitbg.png) repeat 0 0; height:360px}
.profit_center{width:1160px;margin:0 auto 20px; overflow:hidden; text-align:center}
/*nexus*/
.nexus{width:1160px;margin:30px auto 10px; overflow:hidden}
.nexus_title{width:514px;height:96px;background:url(../images/nexus_title.png) no-repeat center; margin:30px auto 10px}
.nexus_center{}
.nexus_center{width:290px;height:324px; float:left; text-align:center}
.nexus_center h1{font-size:26px;color:#484848;font-weight:normal;margin-top:20px;}
.nexus_center p{width:260px;line-height:30px;color:#484848;font-size:17px;margin:20px auto 0;}
.nexus_center_4{width:280px;}
.nexus_center_4 p{width:210px;}


/*移动端布局*/
.mobile_side{ display:block; overflow:hidden}
.mob_topbar{ background-color:#009be8; display:block; overflow:hidden; position:relative}
.mob_toplogo{ display:block; overflow:hidden; float:left; margin-left:10px}
.mob_toplogo img{ width:60%}
.mob_dl{width:88px; height:28px; display:block; line-height:28px; font-size:16px; border-radius:6px; background-color:#00d8ff; position:absolute; top:18px; right:10px; color:#fff; text-align:center}
.monavbar{ height:42px; line-height:42px; display:block; overflow:hidden; background-color:#0085da}
.monavbar li{width:25%; display:block; overflow:hidden; text-align:center; line-height:42px; float:left}
.monavbar li a{ width:100%; line-height:42px; text-align:center; font-size:15px; color:#fff}
.monavbar li a.on{ background-color:#f60}
.imgcent{width:100%; vertical-align:top}
.imgcent a{ display:block; overflow:hidden}
.imgcent img{ width:100%; vertical-align:top}

/*底部栏*/
.bottombar{ display:block; overflow:hidden; background:url(../images/footbj.jpg) no-repeat top center}
.bottombox{width:1024px; display:block; overflow:hidden; position:relative; margin:0 auto}
.bottombar .tlink{ color:#FFFFFF; margin-top:48px; height:30px; font-size:12px}
.bottombar .tlink a{ display:inline-block; font-size:12px; color:#FFFFFF; height:30px; line-height:30px; margin-right:12px; cursor:pointer}
.bottombar .margintop{ margin:0}
.copyright{ display:block; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; filter: Alpha(opacity=50); /* IE */   -moz-opacity:0.5;    /* FF 主要是为了兼容老版本的FF */opacity:0.5;  /* FF */ margin:20px 0}
.bottombar .tlink a:hover{ color:#ff0}
.codebar{width:145px; height:97px; display:block; position:absolute; top:45px; right:24px}
.codebar img{ width:145px; height:97px}
.bottombar2{ margin-top:16px}
.ewmcoad {width:288px; height:130px; display:block; overflow:hidden; position:absolute; right:0px; top:28px}

/* 登录弹出框 */
.black{ background:url(../images/black.png) repeat 0 0; width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; z-index:99999}
.userbent{width:900px;height:502px; display:block; overflow:hidden}
.userpagebox{width:900px; position:absolute; left:50%; top:50%; margin-left:-450px; background-color:#FFFFFF; height:502px; display:block; z-index:9999999999; margin-top:-250px}
.userp_leftbox{width:550px; height:100%; float:left; position:relative}
.userp_rightbox{width:350px; height:100%; background-color:#4daaf9; float:left;background: -webkit-linear-gradient(0deg, #2688fe, #4daaf9);
    background: -moz-linear-gradient(0deg, #2688fe, #4daaf9);
    background: -o-linear-gradient(0deg, #2688fe, #4daaf9);
    background: -ms-linear-gradient(0deg, #2688fe, #4daaf9);
    background: linear-gradient(0deg, #2688fe, #4daaf9); position:relative}
.userpagelogo{width:243px; height:143px; display:block; overflow:hidden; position:absolute; left:50%; top:50%; margin-left:-121px; margin-top:-140px}
.uqwbtn{ display: block; width: 200px;height: 50px; margin: 0 auto;
font-size: 16px; background: #2982e0;border: solid 1px #2982e0;color: #fff;line-height: 50px;transition: all .2s; cursor:pointer; border-radius:6px; text-align:center; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:50px;background: -webkit-linear-gradient(90deg, #0c72dd, #2982e0);
    background: -moz-linear-gradient(90deg, #0c72dd, #2982e0);
    background: -o-linear-gradient(90deg, #0c72dd, #2982e0);
    background: -ms-linear-gradient(90deg, #0c72dd, #2982e0);
    background: linear-gradient(90deg, #0c72dd, #2982e0);}
.uqwbtn:hover{background:#f60;border: solid 1px #f60;background: -webkit-linear-gradient(90deg, #ff8400, #ff6600);
    background: -moz-linear-gradient(90deg, #ff8400, #ff6600);
    background: -o-linear-gradient(90deg, #ff8400, #ff6600);
    background: -ms-linear-gradient(90deg, #ff8400, #ff6600);
    background: linear-gradient(90deg, #ff8400, #ff6600);}
.userbend{width:490px; display:block; margin:24px auto 0}
.userbtl{ height:50px; display:block; overflow:hidden; line-height:50px; background:url(../images/linebg.png) repeat-x 0 bottom}
.userbtl li{ float:left; display:block; overflow:hidden; margin-right:4px}
.userbtl li a{ padding:0 28px; font-size:20px; color:#999; cursor:pointer; height:50px; line-height:50px}
.userbtl li a:hover,.userbtl li a.on{ color:#f60; border-bottom:3px solid #f60}
.ulstwo{ display:block; margin:50px auto 0; height:42px; width:236px}
.ulstwo li{width:108px; text-align:center; height:42px; line-height:42px;margin:0 5px; float:left}
.ulstwo li a{width:108px; text-align:center; height:42px; line-height:42px; text-align:center; font-size:14px; color:#666; cursor:pointer; border:1px solid #ccc; border-radius:6px}
.ulstwo li a:hover,.ulstwo li a.on{ border:1px solid #34a7ff; color:#34a7ff}
.ucent{ display:block;}
.uentbox{ display:block; padding:22px 0 0}
.uentbox li{ margin-bottom:30px; position:relative; display:block;}
.uentbox li input{width: 100%;line-height: 50px;height: 50px;padding-left: 50px;padding-right: 80px;font-weight: normal;box-sizing:border-box;border:1px solid #f5f5f5; transition: all .2s; outline:none; }
.uentbox li span{ font-size:12px; color:#f00; display:none; overflow:hidden; position:absolute; left:20px; top:50px; height:20px; line-height:20px}
.uentbox li:hover span{ display:block}
.uentbox li input:hover{ border:1px solid #4daaf9; color:#000;border-radius:50px}
.i_u{background:url(../images/i_u.png) no-repeat 16px center #f5f5f5}
.i_mima{background:url(../images/i_mima.png) no-repeat 16px center #f5f5f5}
.uentbox li .yabox{width:100%; height:50px; line-height:50px; border-radius:50px;}
.uentbox li .yabox input{ width:340px;line-height: 50px;height: 50px;padding-left: 50px;box-shadow: none;padding-right: 80px;font-weight: normal;box-sizing:border-box;border:1px solid #f5f5f5; float:left}
.uentbox li .yabox input.i_yzm{background:url(../images/i_yzm.png) no-repeat 16px center #f5f5f5; padding-right:50px}
.uentbox li .yabox:hover input.i_yzm,.uentbox li .yabox input.i_yzm:hover{border-radius:50px 0 0 50px; border:1px solid #4daaf9; }
.uma{width:150px;line-height: 50px;height: 50px; text-align:center; float:left;border:1px solid #f5f5f5; background-color:#f5f5f5; color:#5E5E5E}
.uentbox li .yabox:hover a.uma{border-radius:0 50px 50px 0; border:1px solid #4daaf9; border-left:none}
.uentbox li .yabox a.uma:hover{ background-color:#4daaf9; color:#fff}
.terms{ display:block; overflow:hidden; font-size:12px; height:30px; line-height:30px; color:#999}
.terms a{ color:#4daaf9; display:inline-block}
.terms a:hover{ color:#0084ff}
.terms input{margin:9px 4px 0; float:left}
.terbtnbox{ display:block; position:relative; height:50px; margin:32px auto 0}
.debtn{ height:50px; line-height:50px; width:150px; float:left; display:block; overflow:hidden; text-align:center; font-size:16px; color:#fff;background: -webkit-linear-gradient(90deg, #0c72dd, #3daeff);
    background: -moz-linear-gradient(90deg, #0c72dd, #3daeff);
    background: -o-linear-gradient(90deg, #0c72dd, #3daeff);
    background: -ms-linear-gradient(90deg, #0c72dd, #3daeff);
    background: linear-gradient(90deg, #0c72dd, #3daeff); border:none; border-radius:4px; cursor:pointer}
.debtn:hover{background: -webkit-linear-gradient(90deg, #ff8244, #ffa92d);
    background: -moz-linear-gradient(90deg, #ff8244, #ffa92d);
    background: -o-linear-gradient(90deg, #ff8244, #ffa92d);
    background: -ms-linear-gradient(90deg, #ff8244, #ffa92d);
    background: linear-gradient(90deg, #ff8244, #ffa92d);}

.terbtnbox a.qq{float: right;margin-left: 10px;background: #f5f5f5;width: 50px;height: 50px;line-height: 50px;display: block;color: #cfd3d9;text-align: center; overflow:hidden}
.terbtnbox a.qq {transition: width 0.2s;-moz-transition: width 0.2s; /* Firefox 4 */-webkit-transition: width 0.2s; /* Safari 和 Chrome */-o-transition: width 0.2s; /* Opera */}
.terbtnbox a.qq i {font-size: 20px; float:left; margin-left:9px;height:50px; width:32px; display:inline-block; }
.terbtnbox a.qq:hover { background-color: #2e8cff; color: #fff; width: 120px;background: -webkit-linear-gradient(90deg, #0c72dd, #3daeff);
    background: -moz-linear-gradient(90deg, #0c72dd, #3daeff);
    background: -o-linear-gradient(90deg, #0c72dd, #3daeff);
    background: -ms-linear-gradient(90deg, #0c72dd, #3daeff);
    background: linear-gradient(90deg, #0c72dd, #3daeff);}
.terbtnbox a.qq span {display: none; margin-right:6px}
.terbtnbox a.login_qq i.iconfont{background:url(../images/i_qq.png) no-repeat 0 0}
.terbtnbox a.login_wechat i.iconfont{ background:url(../images/i_wx.png) no-repeat 0 0}
.terbtnbox a.qq:hover span {display:inline-block;}
.terbtnbox a.login_qq:hover i.iconfont{ background:url(../images/i_qq_hv.png) no-repeat 0 0}
.terbtnbox a.login_wechat:hover i.iconfont{ background:url(../images/i_wx_hv.png) no-repeat 0 0}
.terbtnbox a.qq:hover{ border-radius:4px}
.pageclose{width:40px; height:40px; display:block; position:absolute; top:1px; right:1px; overflow:hidden; cursor:pointer;filter: Alpha(opacity=50); /* IE */-moz-opacity:0.5;/* FF 主要是为了兼容老版本的FF */opacity:0.5;z-index:99999; background-color:#2891ff;}
.pageclose:hover{filter: Alpha(opacity=100); /* IE */-moz-opacity:1;    /* FF 主要是为了兼容老版本的FF */opacity:1;}
.pageclose:hover img{transition: all .2s;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.logincode{width:36px; height:36px; display:block;  position:absolute; top:10px; right:10px; z-index:9999}
.logincode a{width:36px; height:36px; display:block; cursor:pointer}
.logincode a.ewmbit{ background:url(../images/ewmbit.png) no-repeat 0 0}
.logincode a.dlbit{ background:url(../images/dlbit.png) no-repeat 0 0}
.quemima{ position:absolute; right:20px; top:17px; color:#999; cursor:pointer; font-size:12px}
.quemima:hover{ color:#f60}
.delbdet{ padding-top:38px}
.delbdet li{ margin-bottom:30px}
.delbdet .terbtnbox{ margin-top:40px}
.qrcodebox{width:200px; display:block; overflow:hidden; margin:100px auto 0}
.codeb{width:200px; height:200px; display:block; overflow:hidden; clear:both}
.codeb img{width:200px; height:200px; display:block;}
.qrcodebox p{ height:32px; line-height:32px; text-align:center; color:#020202}
.qrcodebox p.p2{ color:#508bff; padding-left:32px; background:url(../images/sys.png) no-repeat 50px center }
.usertlb{ height:52px; line-height:52px; display:block; overflow:hidden; position:relative}
.usertlb h3{ display:block; font-size:20px; color:#000; text-align:center; font-weight:normal}
.usertlb .i_close{width:40px; height:40px; display:block; overflow:hidden; background:url(../images/i_close.png) no-repeat 0 0; position:absolute; right:10px; top:11px; cursor:pointer;filter: Alpha(opacity=50); /* IE */-moz-opacity:0.5;/* FF 主要是为了兼容老版本的FF */opacity:0.5;z-index:99999;}
.usertlb .i_close:hover{transition: all .2s;-webkit-transform: rotate(180deg);transform: rotate(180deg);filter: Alpha(opacity=100); /* IE */-moz-opacity:1;/* FF 主要是为了兼容老版本的FF */opacity:1;}
.return{width:100px; text-align:center; height:38px; line-height:35px; border-radius:38px; display:block; overflow:hidden; font-size:16px; color:#666; border:1px solid #BDBDBD; position:absolute; top:12px; left:20px; cursor:pointer; cursor:pointer}
.return span{ font-size:18px;}
.return:hover{ background-color:#3293ff; border:1px solid #3293ff; color:#fff}
.userbox{ width:100%; height:450px; display:block; overflow:hidden;}

/*iphone6-7-8\安卓中等密度*/
@media only screen and (max-width: 400px) {
	}
/*iphone5\5s\安卓低等密度*/
@media only screen and (max-width: 360px) {
	}
@media only screen and (max-width: 320px) {
	}
/*iphoneX*/
@media only screen and (min-height: 812px) {
}