/* ============================================================
   样式重置
   ============================================================ */

body,div,p,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,blockquote,address,pre{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button{font-size:100%;vertical-align:middle;}
ul,dl,ol{list-style:none;}
img,fieldset{border:none;}
img{display:inline-block;overflow:hidden;vertical-align:top;}
em,address{font-style:normal;}
sup,sub{vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
q:before{content:"";}
q:after{content:"";}
button{cursor:pointer;}
textarea{word-wrap:break-word;resize:none;}  /* word-wrap for opera, resize for webkit */
/* HTML5 [[ */
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
menu{margin:0;padding:0;}
mark{background-color:transparent;}
iframe{border: 0;background: transparent;}
/* HTML5 ]] */


/* ============================================================
   字体样式
   ============================================================ */

body{background-color:#fff;color:#555;font:16px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial;} 
legend, button, select, textarea, input{color:#333;font-family:Tahoma, Arial, "Microsoft YaHei";}
button{min-width:68px;min-width:52px\9;*min-width:auto;height:24px;padding:0 5px 1px;*padding:0 10px 1px;}
a,a:hover{color:#017bff;text-decoration:none;}
a:focus{outline:none;}
.font-12{font-size:12px;}                                   /* 12像素字 */
.font-14{font-size:14px;}                                   /* 14像素字 */
.highlight{color:#f63;}                                     /* 高亮显示(橙色) */
.money{color:#f63;font-weight:700;}                         /* 金额高亮显示 */
.gray-links a{color:#999999;}                               /* 灰色链接列表 */
.gray-links a:hover{color:#0078B6;}
.dark-gray-links a{color:#666666;}                          /* 深灰色链接列表 */
.dark-gray-links a:hover{color:#0078B6;}
.f-gray{color:#999!important;}                                          /* 灰色字或单个链接 */
a.gray:hover{color:#0078B6;}
.dark-gray{color:#666;}                                     /* 深灰色 */
a.dark-gray:hover{color:#0078B6;}
.light-gray{color:#ccc;}                                    /* 浅灰色 */
.black{color:#333;}                                         /* 黑色 */
.f-red{color:#ff5d5b;}                                      /* 红色 */
.f-green{color: #22ac38}                                    /* 绿色 */                                       
.bold{font-weight:700;}                                     /* 粗体 */
.italic{font-style:italic;}                                 /* 斜体 */
.line-through{text-decoration:line-through;}                /* 贯穿线 */

html{overflow-y:auto;}
html.overflow-auto{overflow:hidden;}  /*  iframe弹出层页面在opera下会有竖滚动条, 目前是用弹出层js组件给iframe页面设置此class去除竖滚动条的  */

/* ============================================================
   常用功能
   ============================================================ */

/* 清除浮动 */
.clearfix:after,.wrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix,.wrap{zoom:1;}

/* 指针手形 */
.pointer{cursor:pointer;}

/* 隐藏/显示 */
html .hide{display:none!important;}
html .show{display:block;}
html .hidden{position:absolute;top:-9999px;left:-9999px;}
html .visible{position:static;}
html .v-hidden{visibility:hidden;}
html .v-visible{visibility:visible;}

.i-hide{display:none!important;}
.i-hidden{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;}


/* 浮动 */
html .float-l{float:left;width:auto;}
html .float-r{float:right;width:auto;}

/* 文本对齐 */
html .align-l{text-align:left;}
html .align-c{text-align:center;}
html .align-r{text-align:right;}
html .align-t{vertical-align:top;}
html .align-m{vertical-align:middle;}
html .align-b{vertical-align:bottom;}

/* 定位 */
html .relative{position:relative;}
html .absolute{position:absolute;}

/* 溢出处理 */
html .overflow-hidden{overflow:hidden;}

/*
    功能： 提高层叠级别
    用法： 弹出层、浮层等需要提高层叠级别的地方给主容器加以下class, 默认用high-layer, 不要用highest-layer, 如遇多个层层叠时, 再使用higher-layer和highest-layer提高层叠级别
 */
html .high-layer{z-index:997;}    /* 层叠级别 ： 高 */
html .higher-layer{z-index:998;}  /* 层叠级别 ： 更高 */
html .highest-layer{z-index:999;} /* 层叠级别 ： 最高 */



/**
  * @name      : box
  * @explain   : 弹出层
  * @type      : 基类
  * @dependent : 无
  * @author    : jojo
  * @version   : 1.0
  */
.box-mask{position: fixed;top:0;left:0;right:0;bottom:0;z-index: 98;background:#333;opacity: 0.4;filter:alpha(opacity=40); _position: absolute;_height: 9999px;}

.box{position:absolute;z-index:999;height:auto;border:1px solid #90bef1;font-size:16px;line-height:1.5;}
.box .btn-close{position:absolute;z-index:2;right:17px;top:10px;width:26px;height:26px;background:url(/web/v2/img/box/btn_close.png) no-repeat;overflow:hidden;text-decoration:none;text-indent: -99em;cursor: pointer}
.box-title{position:relative;background-color:#e3f1ff;}
.box-title h2{height:42px;line-height:42px;font-size:20px;text-indent:12px;font-weight:400;border-top:1px solid #FFFFFF;border-bottom:1px solid #D6E1EE;color:#626262}
.box-title h2 img{vertical-align: middle;margin-right:10px }
.box-main{position:relative;background-color:#fff;zoom:1;}
.code-iframe {margin: 0 auto;padding: 20px 0;width: 330px;}
.alert-div-top {position: relative;padding: 35px 50px 15px 112px;}
.alert-div-top i.alert-ico {position: absolute;top: 31px;left: 62px;}
.i-warn {background: url(/web/v2/img/i_warn.png?v=1) no-repeat;}
.i-ep, .i-ok, .i-error, .i-warn, .i-loading {display: inline-block;width: 40px;height: 40px;}
.alert-div-top .m-txt {font-size: 22px;}
.alert-div .btn-wrap {padding: 15px 0 25px 0;}
.btn-wrap {text-align: center;font-size: 0;padding: 15px 0;}
.btn-wrap .btn-blue {background: #228bff;color: #fff;width: 198px;}

/******************
     动画
*******************/
.box{
    -webkit-animation:box-fade-up .2s ease-out;
    -moz-animation:box-fade-up .2s ease-out;
    -o-animation:box-fade-up .2s ease-out;
    animation:box-fade-up .2s ease-out;
}
@-webkit-keyframes box-fade-up{
    0%{-webkit-transform:translateY(20px);opacity:0.4;}
    100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes box-fade-up{
    0%{-moz-transform:translateY(20px);opacity:0.4;}
    100%{-moz-transform:translateY(0);opacity:1;}
}
@-o-keyframes box-fade-up{
    0%{-o-transform:translateY(20px);opacity:0.4;}
    100%{-o-transform:translateY(0);opacity:1;}
}
@keyframes box-fade-up{
    0%{transform:translateY(40px);opacity:0.4;}
    100%{transform:translateY(0px);opacity:1;}
}


/******************
     全局
*******************/
.page-div{background:url(/web/action/profitdouble150824/img/page_bg.png) no-repeat top center #af0f0f; padding-bottom: 50px;}
.wrap{width: 1106px;margin-left: auto;margin-right: auto;}
.vm{vertical-align: middle;display: inline-block;}
.pt_5{padding-top: 5px;}
.pl-10{padding-left: 10px;}
.pl_15{padding-left: 15px;}
.mb-20{margin-bottom: 20px;}
.f-yellow{color: #ffea3a;}

/******************
     按钮
*******************/

.b-button{width: 322px;height:85px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position:-10px -10px; color: #EA211C;font-size: 32px;font-weight: bold;}  
.b-button.disabled{background:url(/web/action/profitdouble150824/img/b-button-disabled.png) no-repeat;color: #FFF;font-weight: normal; }
.s-button{width: 199px;line-height: 48px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -325px -131px;color:#b92700;font-size: 23px;color: #b92700;font-weight: bold;display:inline-block;cursor:pointer;}
.s-button:hover{color:#b92700;}
.btn{outline: none;border: none;}
.btn-blue {border: 1px solid #268eff;color: #268eff;}
.btn-blue, .btn-yellow-m, .btn-m {display: inline-block;vertical-align: middle;height: 38px;line-height: 38px;font-size: 16px;width: 116px;border-radius: 4px;overflow: hidden;text-align: center;font-weight: normal;}

/******************
     头部
*******************/

/* logo */

.logo{width:340px;height: 36px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -10px -211px;}
.logo a{display: block;width:340px;height: 36px;}

/*头部*/

.header{width:1106px;height: 762px;padding-top:18px;background: url(/web/action/profitdouble150824/img/header_bg.png) center top no-repeat;margin:0 auto;}

/*参与按钮*/

.take-part{width:1104px;margin: 432px auto 0 auto;position:relative;}
.take-part-cont{width:1106px;padding:28px 0 58px 0;position:absolute;z-index:2;background: url(/web/action/profitdouble150824/img/take_part_front.png) no-repeat center bottom;left:0;top: 0;}
.take-part-bg{position: absolute;background: #A90403;width: 1006px;height: 301px;left: 50px;top: 0;z-index: 1;}
.take-part .slogan{width:616px;height:92px;border-radius:2px;margin:0 auto;background: #450704;}
.take-part .b-button{margin-top: 38px;}
.success-wrap{width: 600px;margin:36px auto 0 auto;}
.success-tips{height: 50px;line-height:50px;font-size: 40px;color: #ffea3a;font-weight: 900;}
.success-tips .success-icon{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -370px -199px;width: 49px;height: 49px;margin-right: 15px;}
.result-detail{font-size: 18px;margin:20px 0;}
.result-detail{color: #FFF;}
.result-detail .check{color: #FFF;margin-left: 110px;}
.result-detail .check_icon{display:inline-block;margin-left:10px;width: 28px;height: 15px;*+height:20px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -352px -10px;}
/******************
     活动主内容
*******************/

.main-div{width:1106px;background: url(/web/action/profitdouble150824/img/cont_head_bg.png) no-repeat center top #E24B1F;margin:-17px auto 0 auto;position: relative;z-index: 3;padding-top: 22px;}
.main-div .cnt .top{font-size: 20px;color: #FFF;padding-left: 155px;}
.add-note{font-size: 20px;color: #FFF;margin-bottom: 16px;padding-left: 155px;}

/*共用样式*/

.item{padding:0 72px;}
.item-title{width: 960px;height: 50px;text-align: center;background: url(/web/action/profitdouble150824/img/item_title_bg.png);}
.title-txt{display: inline-block;line-height: 50px;background: #e2491f;font-size: 36px;color: #fff712;font-weight:800;padding:0 15px;-webkit-text-shadow:#d43307 4px 0 0,#d43307 0 4px 0,#d43307 -4px 0 0,#d43307 0 -4px 0;  
-moz-text-shadow:#d43307 4px 0 0,#d43307 0 4px 0,#d43307 -4px 0 0,#d43307 0 -4px 0;  
text-shadow:#d43307 4px 0 0,#d43307 0 4px 0,#d43307 -4px 0 0,#d43307 0 -4px 0;   
*filter: Glow(Color=#d43307, Strength=4);  }

/*精选基金推荐*/

.recommend-list-title{width: 143px;height: 40px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -400px -10px;}
.mod{width:433px;height:275px;padding:10px 16px 16px 16px;background: #B22700;position: relative;}
.mod_left_top_bg{width: 154px;height: 104px;position: absolute;left:0;top:0;background: url(/web/action/profitdouble150824/img/spritesheet.png);background-position: -10px -267px;z-index: 1;}
.mod-title{text-align: center;color: #891d00;font-size: 30px;margin-bottom: 30px;}
.mod-cont{background: #f6eed9;padding: 15px 0 20px 0;position: relative;z-index: 2;}
.recommend-list{margin-right: -30px;}
.recommend-list li{float: left;margin:0 30px 26px 0;}
.recommend-list li .s-button{margin:8px auto;}
.mod-cont .change{float: left;padding-left: 40px;}
.mod-cont .profit{float: right;width: 163px;}
.mod-cont .kinds{font-size: 16px;color: #b22600;font-weight: 800;}
.mod-cont .data{font-size: 30px;color: #ff494c;font-weight: 900;}
.mod-cont .control{font-size:16px;color: #b70b07;}


/*进度条*/

.progress{width: 855px;margin: 0 auto;*+margin:20px auto 0 auto;}
.progress li{width:300px;height: 76px;line-height: 60px;background-position: left center;font-size: 30px;color: #f6eed9;margin-right: 12px;position: relative;float: left;}
.progress li+li+li{width: 210px;}
.progress li .arrow{position: absolute;top: 15px;right:0;width: 54px;height: 37px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -251px -115px;}
.progress .icon{float:left;margin-right: 12px;}
.progress .progress-receive{width: 74px;height: 72px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -184px -267px;}
.progress .progress-product{width: 80px;
    height: 76px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -10px -115px;}
.progress .progress-profit{width: 78px;
    height: 76px;background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -153px -115px;}

/*活动规则*/

.rule-wrap{background: url(/web/action/profitdouble150824/img/cont_bottom_bg.png) center bottom no-repeat;}
.rule-wrap .item-title{margin:10px 0;}
.rule-list{color: #FFF;padding-bottom: 18px;}
.rule-list li{padding-left: 33px;margin-bottom: 20px;font-size: 14px;}
.rule-list li em{color: #ffea3a;}
.rule-list li .order-icon{width: 23px;height: 23px;margin-right: 18px;}
.rule-list li .one{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -110px -131px;}
.rule-list li .two{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -439px -199px;}
.rule-list li .three{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -481px -70px;}
.rule-list li .four{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -352px -88px;}
.rule-list li .five{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -352px -45px;}
.rule-list li .six{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -438px -70px;}
.rule-list li .seven{background: url(/web/action/profitdouble150824/img/spritesheet.png) no-repeat;background-position: -395px -70px;}

/******************
     底部
*******************/

.footer{width:1106px;background:url(/web/action/profitdouble150824/img/footer_bg.png) no-repeat center top #FA6D18;padding:32px 0 20px 0;margin:0 auto;color: #FFF;}
.footer .footer-nav{margin-bottom: 12px;}
.footer .footer-nav a{color:#FFF;margin-right:15px;}

/* 登录框 */
.code-iframe{margin:0 auto;padding:20px 0;width: 330px}
.qr-tips{font-size: 14px;color: #999;text-align: center;padding-bottom: 20px;}
.qq-qr-tips{font-size: 14px;color: #999;text-align:left;padding:0 0 20px 40px;margin-top: -15px;}
.login-box{width: 680px; margin: 0 auto;border: 1px solid #b5d8fe;}
.login-tab li{float: left;*display: inline;width: 340px;text-align: center;height: 65px;line-height: 65px;padding-bottom: 3px;cursor: pointer;
background:rgba(255, 255, 255, 0.6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99ffffff', EndColorStr='#99ffffff');*zoom:1;
}
:root .login-tab li{filter:none\9;}/*for IE9*/
.login-tab li.cur{border-bottom: 3px solid #228bff;padding-bottom: 0;background: #d3dfec;}
.login-tab li.cur span{color: #228bff;}
.login-tab li i,.login-tab li span{display:inline-block;vertical-align: middle;}
.login-tab li span{color: #999;font-size: 26px;padding-left: 15px;}
.login-bd{background: #fefefe;}
.pop-login{position:absolute;left:50%;top:50%;margin:-213px 0 0 -311px;z-index:999;}
.pop-login .cls{position:absolute;z-index:2;right:17px;top:20px;width:26px;height:26px;background:url(/web/v2/img/box/btn_close.png) no-repeat;overflow:hidden;text-decoration:none;text-indent: -99em;cursor: pointer}
.pop-login li{background: #e3f1ff;filter:none;}

.i-wx{width: 45px;height: 40px;background: url(/web/v2/img/logo_wx.png) no-repeat;}
.i-qq{width: 34px;height: 40px;background: url(/web/v2/img/logo_qq.png) no-repeat;}