blockquote,body,caption,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,label,legend,li,object,ol,p,pre,span,strong,table,tbody,td,tfoot,th,thead,tr,ul{border:0 none;margin:0;outline:0 none;padding:0;}
body,html{font:12px/1.25 'Microsoft YaHei',Helvetica,Tahoma,StSun,SimSun,sans-serif; background-color:#e5bb6c;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
:focus{outline:0;}
button::-moz-focus-inner{padding:0;border:0;}
a{outline:0;text-decoration:none;}
a:hover{text-decoration:none;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
a:link{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.clear{clear:both;display:block;margin:0;padding:0;}
.clear-after:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
* .clear-after{zoom:1;}
i,em { font-style:normal}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;clear:both;height:0;visibility:hidden;content:".";}
.clearfix{display:block;*display:inline-block;}
* html .clearfix{height:1%;}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.margin_auto {margin-right:auto;margin-left:auto;}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
.hide { display:none}

.wrapout {background: url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgWrap.jpg) no-repeat center top; background-size:100% auto;}
.wrapIndex .wrapout {background: url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgWrapIndex.jpg) no-repeat center top;  background-size:cover; position:relative}
.wrapShare {background: url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgWrapShare.jpg) no-repeat center top;background-size:100% auto;}
.wrapShare .content::after{ display:none}
.wrapinner { width:1002px; min-height:1200px; position:relative; margin:0 auto}
.btnBig,.btnBig a,.btnBigHdgzS,.btnBigHdgzS a,.playerFun a,.btnTj a,.alertBox,.close{ background:url(https://static.web.sdo.com/mir2/pic/mir2_act/SalesMan20240628/images/png.png) no-repeat}

.slogan,.ybGuide,.title h2{ background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/png.png) no-repeat}

.header { height:1200px; position:relative;}
.header h1,.logo {width:200px; height:100px;position:absolute; top:10px; left:50%; margin-left:-610px; z-index:100; background:url(https://static.web.sdo.com/mir2/pic/mir2/logo/logoXBQ.png) no-repeat; background-size:contain}
.header h1 a,.logo a {height:90px; display:block;text-indent:-9999px; outline:none;}
.menu { width:180px; line-height:30px; font-size:14px; text-align:center;padding:7px 0; position:absolute; top:90px; left:0; color:#f9d499; display:none}
.menu a { color:#f9d499; padding:0 5px;}
.menu a:hover { color:#F63}
.slogan { width:770px; height:505px; background-position:0 0; position:absolute; top:140px; left:50%; margin-left:-590px; z-index:3}
.yb { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0}
.ybLeft { background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bg02.png) no-repeat left bottom;}
.ybRight {background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bg01.png) no-repeat right top;  z-index:1}
.ybGuide { width:775px; height:277px; background-position:0 -515px; top:770px; left:360px; z-index:2}
.btnFun { width:82%; height:150px;position:absolute;top:650px; left:0; text-align:center;z-index:3}
.btnFun>div { display:inline-block; margin:0 10px;overflow:hidden;}
.btnBig { width:338px; height:100px; background-position:0 -444px; }
.btnBigHdgzS {width:338px; height:100px; background-position:0 -444px; }
.btnBig:hover,.btnBigHdgzS:hover { background-position:-341px -444px}
.btnBig a,.btnBigHdgzS a { height:100px; display:block; text-indent:-9999px; outline:none;transition:none}
.btnBig a.btnBigLogin { background-position:0 -548px} /*立即登录*/
.btnBig a.btnBigYq { background-position:-341px -548px}/*马上去邀请*/
.btnBig a.btnBigSjcx { background-position:-1217px -1410px}/*数据查询*/
.btnBig a.btnBigCwtgy { background-position:0 -652px}/*我要成为推广员*/
.btnBig a.btnBigLfl { background-position:-341px -652px}/*登录领福利*/
.btnBig a.btnBigZty { background-position:-715px -1298px}/*去看看专题页*/
.btnBigHdgzS a.btnBigHdgz {background-position:-1118px -1298px}/*活动规则*/

.btnHdjt {width:277px; height:60px; display:block; line-height:60px; transform:scale(1.2); margin:30px auto; text-align:center; font-size:30px; color:#FC3; background:#600; border-radius:20px}
.btnHdjt:hover{ background:#900}

.rule em { color:#F00}


.content { width:992px; padding-top:105px; margin:0 auto;display:none;position:relative;}
.content::after { height:150px;background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgConB.png) no-repeat left top; content:" "; display:block;}
.contentInner::before {background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgConT.png) no-repeat; width:100%; height:50px; content:" "; display:block; position:absolute; top:-50px; left:0}
.contentInner {font-size:16px; color:#7c3414; line-height:30px; position:relative; padding:1px 40px; min-height:500px;
	background-image: url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgConT.png), url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgConR.png);
	background-position: left -50px, left top;
	background-repeat: no-repeat, repeat-y;
}
.contentInner i { color:#d44214}
.contentInner table {border-collapse:collapse;border:none; }
.contentInner table td { height:30px;border:1px solid #c48467; background:#eff1f5; color:#7c3414; padding:5px; text-align:center; font-size:14px;}
.contentInner table thead td { color:#fff; font-size:15px; font-weight:bold; background:#d98942}
.sTit { font-size:22px; color:#d44214; padding:20px 0 5px}
.icoTit { font-size:20px; color:#a58952; font-weight:bold; height:50px; line-height:50px; background:url(https://static.web.sdo.com/mir2/pic/mir2_act/SalesMan20241230/images/ico3.png) no-repeat left center; padding-left:30px;}
.title{height:280px;}
.title h2 { width:800px;height:230px; text-indent:-9999px; margin:0 auto}
.title .titRule { background-position:0 -840px}
.title .titTgyxy { background-position:0 -1852px}
.title .titTgyInfo { width:1029px; background-position:0 -1597px}
.title .titTgySjcx { background-position:0 -1345px}
.title .titDySjcx { background-position:-0 -1345px}
.tips { font-size:22px; line-height:36px; padding-top:40px}
.btnTj { width:275px; height:81px; margin:20px auto}
.btnTj a { height:81px; display:block; text-indent:-9999px; outline:none; background-position:-263px -1018px}
.btnXg a { background-position:-263px -1101px}


/*推广员专属*/
.tgyOnly{ width:1011px; height:auto; min-height:1120px; background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgTgy.png?1) no-repeat; margin:0 auto; padding:0;transform:translateY(0); position:relative}
.tgyOnly::after { display:none}
.ewmCode { width:340px; height:340px; top:564px; left:596px;border:10px solid #fff;background:#CCC; position:absolute;}
.playerFun { width:486px; position:absolute; top:1005px; left:526px; text-align:center;font-size:30px; line-height:40px; color:#f00; font-weight:bold;transform:scale(.8)}
.playerFun a{ width:227px; height:67px; display:inline-block; outline:none; text-indent:-9999px;}
.playerFun a.btnCopy { background-position:-263px -1189px}
.playerFun a.btnShare { background-position:-263px -1259px}
.btnBqInfo { width:409px; height:501px; position:absolute; top:550px; left:63px;}
.btnBqInfo a { width:216px; height:47px; display:block; text-indent:-9999px; outline:none; background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/btnCk.png) no-repeat; position:relative; bottom:60px; left:50%; margin-left:-108px;}
.btnBqInfo a:hover { background-position:0 -51px}


/*分享页面*/
.getShare { width:825px; height:auto; min-height:1036px; background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/getShare.png?1) no-repeat; margin:0 auto; padding:0;transform:translateX(80px); position:relative}
.getShare .btnBig { position:absolute;top:auto;bottom:-100px; left:50%;transform:translateX(-50%); margin:0}
.getShare .btnBig p {display:block;color:#fff;font-size:20px;margin-top:5px;white-space:nowrap;width:600px;text-align:center;left:50%;bottom:-30px;position:absolute;transform:translateX(-50%); text-shadow:1px 1px 3px #000}
.getShareTips { width:100%; position:absolute;bottom:-80px; color:#fff2d9; font-size:24px;}

.usermsgBox { padding-left:30px}
.usermsgBox .formbox .item{ padding-bottom:10px;}
.usermsgBox .formbox label{text-align:right;color:#d44214;font-size:18px;vertical-align:middle; font-weight:bold}
.usermsgBox .formbox textarea{ vertical-align:middle;height:350px;width:395px;padding:2px 5px;border:1px solid #684a1d; resize:none;}
.usermsgBox .formbox select{width:405px;height:30px; line-height:30px;border:1px solid #684a1d; background:#d6af76; font-size:15px;vertical-align:middle;}
.usermsgBox .formbox select.input{ width:180px}
.usermsgBox .formbox input{height:35px;width:300px;padding:2px 5px 2px;vertical-align:middle; border:none; border-bottom:1px solid #bea75f; background:transparent; color:#000; font-size:16px}
.usermsgBox .formbox a.btnTj{ width:258px; height:56px; background:url(images/btnTj.png) no-repeat; display:block; text-indent:-9999px; outline:none; margin:0 auto}
.usermsgBox .formbox a.btnTj:hover { background-position:0 -57px}
.usermsgBox .formbox .wordCount { padding-left:80px; font-size:12px;}
.usermsgBox .formbox label.fl{padding-top:12px;}
.iframeBox {width:60%;height:24px;}
.iframeBox {width:478px;height:24px; border:1px solid #583e2e; padding:5px 0 10px;display:inline-block;border:none; border-bottom:1px solid #bea75f; background:transparent;position:relative;margin-bottom:3px;vertical-align:middle;}
.iframeBox img{position:absolute;right:0;top:0;height:48px;}


/*推广员数据查询*/
.tgySjcxBox {min-height:247px; margin-bottom:30px; font-size:16px; color:#171717; line-height:30px;}
.tgySjcxBoxInner { padding:2px 10px 20px}
.tgySjcxBoxLeftBox { width:910px; background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgSubConT.png?3) no-repeat left top; padding-top:55px; margin-left:-10px}
.tgySjcxBoxLeftBoxBot { height:48px;background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgSubConB.png?1) no-repeat left bottom}
.tgySjcxBoxLeft {background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgSubConR.png?2) repeat-y; padding:0 45px}
.tgySjcxBoxLeft dd { height:55px; line-height:55px; width:47%; float:left;  border:1px solid #c19654;background:#fff0c8; padding:0 10px; margin:-1px 0 0 -1px}
.tgySjcxBoxLeft em { background:#c19654; width:30px; height:30px; line-height:30px; font-size:14px; text-align:center; color:#fff; display:inline-block; border-radius:50%; margin-right:10px}
.tgySjcxBoxRight i,.tgySjcxBoxRight i{color:#d32a1e; font-size:24px; padding:0 3px;}
.tgySjcxBoxLeft span,.tgySjcxBoxRight span { font-size:20px}
.amounttotal,.rechargetotal{ color:#8e311a; font-size:24px; padding:0 2px; font-weight:bold}
.tgySjcxBoxRight h3 { font-weight:normal; padding-bottom:10px; margin-top:60px}
.bangdShow { margin-bottom:30px}

.dySjcx i b { font-size:24px;}
.dySjcx i span { font-size:16px;}
.dySjcx .tgySjcxBoxLeft { padding:0}


/*侧边栏*/
.sideNav { width:215px; height:665px; background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/bgFloat.png) no-repeat; position:absolute; top:290px; right:50%; margin-right:-720px; left:auto; z-index:400;}
.sideNav dt { width:204px; height:142px}
.sideNav dd { padding:0 10px 0 30px; margin-bottom:3px}
.sideNav dd a { height:39px; line-height:39px; text-align:center; display:block; font-size:18px; color:#8f3c17; font-weight:bold; position:relative}
.sideNav dd a:hover,.sideNav dd a.current { background:url(https://static.web.sdo.com/mir2/pic/mir2_act/salesMan20250628/images/ico1.png) no-repeat; color:#fae6c0;}
.sideNav dd a::before { width:10px; height:10px; border-radius:50%; background:#953712; content:" "; position:absolute; left:15px; top:15px;}
.sideNav dd a::after { width:1px; height:50px; border-left:1px dashed #953712; content:" "; position:absolute; left:19px; top:-4px;}
.sideNav dd a:hover::before,.sideNav dd a.current::before,.sideNav dd a:hover::after,.sideNav dd a.current::after { display:none}


.sideNav dd.n8 a {height:112px; line-height:25px; padding:5px 0 0 50px; text-align:left;}
.sideNav dd.n8 img { border-radius:5px}
.sideNav dd.n8 a:hover,.sideNav dd.n8 a.current { background:none; color:#8f3c17}
.sideNav dd.n8 a:hover::before,.sideNav dd.n8 a.current::before,.sideNav dd.n8 a:hover::after,.sideNav dd.n8 a.current::after { display:block}
.sideNav dd.n8 a::after  { height:110px}
.sideNav dd.n8 i{ font-size:17px; font-weight:normal; padding-left:20px}
.sideNav dd.n8 em { font-size:20px; }

.sideNav dd.nologin,.sideNav dd.saleman{display:none;}


/*----弹层-----*/
.alertBox {width:602px; height:320px; background-position:-717px -2px;position:fixed;z-index:1000;display:none;top:50%; left:50%;transform:translate(-50%,-50%)}
.ajaxConIn {color:#df8e58;font-size:20px; padding:30px 40px;line-height:35px;}
.ajaxConIn i { color:#fecf42;}
.ajaxConIn i.blue { color:#00F;}
#dialog-overlay {opacity: 0.5;background:#000;top:0; left:0;z-index:500;display:none;position: fixed;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;}
.close { width:36px; height:36px; background-position:-1329px -1px;position:absolute; top:0; right:-40px; cursor:pointer;transform:rotate(0deg);transition:all .5s ease;}
.close:hover {transform:rotate(360deg)}
.alertMainCon { height: 280px; overflow-x: hidden; overflow-y: auto;}
.alertMainCon a { color:#FC6; text-decoration:underline}
.alertMainCon a:hover{ color:#FF9}
.alertMainCon i { color: #edb535;}
.alertMainCon img { margin:15px}
.alertMainCon h2 { color:#FC3; font-size:40px; line-height:80px;}

.run { position:fixed; top:0;}

@keyframes ZoomIn{
0%{opacity:0; transform: scale(3);}
70%{opacity:1; transform: scale(1);}
80%{opacity:0.4; transform: scale(1.2);}
100%{opacity:1; transform: scale(1);}
}
/*底部进入动画*/
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
0%{opacity:0;
-moz-transform:translateY(2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
/*左边进入动画*/
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

/*右边边进入动画*/
@-webkit-keyframes fadeInRightBig{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
0%{opacity:0;
-moz-transform:translateX(2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

/*淡入效果*/
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}



