ComplianceServer/oldcode/Core.Web/css/main.css

369 lines
20 KiB
CSS

/*css reset*/
body{width:100%;line-height:1.4;color:#333;font-family:"Microsoft YaHei";}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{margin:0;}
h4,h5,h6{font-size:1em;}
ul,ol{padding-left:0;list-style-type:none;}
a img{border:0;}
a{text-decoration:none}
a:hover, a:visited, a:link, a:active {
color:#333;
}
img{border:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/*首页测评开始*/
.mask{position:fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0;margin:auto;background:rgba(0,0,0,0.5);font-size:14px;}
.mask .mask_main{width:594px;height:483px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:#353535;}
.mask .mask_main .top{height:30px;line-height:30px;color:#fff;padding-left: 5px;}
/*股票大师*/
/*头部类名 stock——top*/
.mask .mask_main .stock_top{padding-left:15px;height:50px;line-height:50px;background:#f5f5f5;color:#333;}
.mask .mask_main .stock_top .top_l span{color:#333;font-size:20px}
.mask .mask_main .stock_top .top_l .icon_logo{display:none}
.mask .mask_main .stock_top .exit{height:50px;padding-right:10px;display:inline-block}
/*内容区类名*/
.mask .mask_main .stock_content{height:433px;margin:0}
/*结果页*/
.mask .mask_main .stock_result{height:448px;margin:0}
.mask .mask_main .stock_authentication{height:433px;margin:0;}
/*股票大师 END*/
/*身份认证页*/
.authentication{height:448px;background:#fff;font-size:16px;margin:0 5px 5px 5px;}
.mask .mask_main .authentication .title{padding:16px 20px 0 20px }
.mask .authentication .title>p:nth-of-type(2){text-indent:25px;}
.mask .authentication form{margin-top:30px;text-align:center;}
.mask .authentication form>.info{width:294px;margin:0 auto;font-size:14px;padding-bottom:15px}
.mask .authentication form>.info input{padding-left:8px;width:210px;height:26px;line-height:26px;outline:none;margin-left:16px;border:1px solid #cccccc}
.mask .authentication form .info_error input{color:#ccc;}
.mask .authentication form .error{display:none;color:#ff0000;font-size:14px;margin:5px 0 0 72px;text-align:left}
.mask .authentication form .error>i{display:inline-block;width:16px;height:16px;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/error.png")no-repeat center;background-size:cover;margin-right:5px;vertical-align:middle}
.mask .authentication form>a{width:148px;height:34px;color:#fff;background:#EF7F21;line-height:34px;text-align:center;display:inline-block;border-radius:2px;margin-left:-12px;}
.mask .authentication form>a:hover{background:#ff9914;cursor:pointer}
.mask .authentication .authentication_info{position:relative;height:69%;}
.mask .authentication .company{position:absolute;left:0;bottom:15px;padding-left:20px}
.mask .authentication .company>p{font-size:14px;}
.mask .authentication .company .tel{display:inline-block;float:left;margin-right:20px}
/*出错类名*/
.mask .authentication form>.info_error{border-color:#ff0000}
.mask .authentication form>.info_error .error{display:block}
.mask .mask_main .top_l{display:inline-block}
.mask .mask_main .top_l .icon_logo{display:inline-block;width:20px;height:20px;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/logo_icon.png")no-repeat center;background-size:cover;vertical-align:middle;margin-right:4px;}
.mask .mask_main .top_l span{color:#fff;}
.mask .mask_main .exit{float:right;width:27px;height:30px;text-align:center;vertical-align:top;font-size:20px;cursor:pointer}
/*介绍*/
.mask .content{position:relative;height:433px;background:#fff;margin:0 5px 5px 5px;padding:14px 20px 0 20px}
.mask .content .title{font-size:16px;margin-bottom:30px;line-height:22px;padding-left:0}
.mask .content .title p{font-size:14px}
.mask .content .title>p:nth-of-type(2){text-indent:38px;}
.mask .content .progress{position:relative;width:352px;margin:0 auto;height:1px;background:#e8e8e8;}
.mask .content .progress ul{font-size:0;position:absolute;left:0;top:0;margin:-10px 0 0 -28px}
.mask .content .progress ul li{display:inline-block;width:20px;height:20px;line-height:20px;color:#fff;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/bg_dot_grey.png") no-repeat center;text-align:center;font-size:12px;margin-left:18px;}
.mask .content .progress ul li:last-child{margin-right:0}
/*选中样式*/
.mask .content .progress ul li.selected{background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/bg_dot.png") no-repeat center;cursor: pointer}
/*题目*/
.mask .content .question{margin-top:27px;}
.mask .content .question .q_title{line-height:24px;margin-bottom:7px;}
.mask .content .question .q_lists{margin-left:20px;}
.mask .content .question .q_lists .list{display:inline-block;width:100%;margin-bottom:5px;line-height:26px;}
.q_lists .list > input { /*position:absolute;left:-9999px;*/
}
.mask .content .question .q_lists .list label{cursor:pointer}
.mask .content .submit{position:absolute;left:0;right:0;bottom:34px;margin:auto;width:148px;height:34px;background:#c2c2c1;
text-align:center;color:#fff;font-size:14px;line-height:34px;font-weight:bold;border-radius:4px;cursor:pointer}
.mask .content .submit.active {background:#EF7F21;cursor:pointer;}
/*结果页*/
.result{padding:0 20px;background:#fff;height:448px;margin:0 5px 5px 5px;}
.result .result_top{height:120px;border-bottom:1px solid #ccc}
.result .result_top .again{position:relative;width:100%;height:35px;}
.result .result_top .again>a{position:absolute;right:0;bottom:0;color:#ff9f3e;text-decoration:underline;cursor: pointer;}
.result .result_top .type{font-size:16px;margin-top:10px}
.result .result_top .type>span{font-size:32px;color:#ff9f3e;font-weight:bold}
.result .result_top .type>span>i{display:inline-block;width:26px;height:18px;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/icon_quotes.png")no-repeat center;background-size:cover;vertical-align:top;margin-left:12px}
.result .result_content{padding-top:15px;}
.result .result_content .content_left{float:left;width:256px;line-height:22px;text-justify:inter-word;letter-spacing:1px;}
.result_content .content_right{float:right;width:246px;}
.result_content .content_right .advice{font-weight:bold;color:#666;line-height:22px;}
.result_content .content_right .percentage{display:inline-block;width:120px;height:120px;margin-top:12px;}
.result_content .content_right .percentage+ul{display:inline-block;margin:12px 0 0 22px;vertical-align:top}
.result_content .content_right .percentage+ul li{line-height:22px;margin-bottom:15px;}
.result_content .content_right .percentage+ul li>i{display:inline-block;width:6px;height:6px;vertical-align:middle;margin-right:12px;}
/*风险比例颜色*/
.result_content .c69{;background:#69cada;}
.result_content .cde{;background:#de6942;}
.result_content .cfc{;background:#fce22a;}
.result .result_content .content_right .percentage+ul li>i+span{margin-right:10px;}
.result .result_ensure{position:absolute;left:0;right:0;bottom:34px;margin:auto;width:148px;height:34px;line-height:34px;background:#EF7F21;text-align:center;color:#fff;border-radius:2px;cursor: pointer}
/*-----------------------PC风险测评开始---------------------------*/
.personal_risk{/*position:absolute;*/left:268px;right:0;margin:auto;width:692px;height:608px;background:#f8f9fa;border:1px solid #c8c9ce;border-radius:5px;font-size:14px;}
.personal_risk .risk_top{height:44px;margin:2px 2px 0 2px;border-bottom:1px solid #e4e4e4;background:#efefef;line-height:44px;font-size:16px;padding-left:36px;font-weight:600;color:#555;}
.personal_risk .r_content .r_title{background:#f8f9fa;padding: 14px 38px}
.personal_risk .r_content .r_title p:nth-of-type(2){text-indent: 30px}
.personal_risk .r_content .r_start{position:relative;width:326px;height:314px;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/risk_start.gif")no-repeat center;background-size: cover;margin:0 auto;margin-top:50px;}
.personal_risk .r_content .r_start .start_btn{position:absolute;left:0;right:0;bottom:10px;margin:auto;width:226px;height:48px;}
/*-----------------------个人中心评测结果---------------------------*/
.personal_result{padding: 0 38px;display:block;margin:0;height:560px;}
.personal_result .result_top{height:200px;}
.personal_result .result_top .again{height:48px;margin-bottom:34px;}
.personal_result .result_content .content_left{width:299px;}
.personal_result .result_content .content_right{width:280px;padding-left:36px;}
.personal_result .result_content{padding-top: 35px;}
.personal_result .result_content .content_right .advice{margin-bottom:20px;}
.personal_result .result_content .content_right .percentage+ul{margin-left:40px;}
/*-----------------------个人中心我的合同---------------------------*/
.contract{width:652px;height:426px;overflow:hidden;padding:20px 20px 0 20px}
.contract table{width:100%;border-collapse: collapse;font-size:14px}
.contract table thead{height:34px;line-height:34px;background:#efefef;text-align:center;}
.contract table tr td:nth-of-type(1){text-align:left;padding-left:18px;}
.contract table tr td:nth-of-type(3){text-align:right;padding-right:18px;}
.contract table tbody{}
.contract table tbody tr{height:48px;line-height:48px;border-bottom:1px solid #e9eaec;text-align:center}
/*.contract table tbody tr:hover{background:#f1f1f1}*/
/*.contract table tbody tr:hover a{color: #f88b17}*/
.contract_paging{width:534px;margin:0 auto;padding-top:26px;font-size:0}
.contract_paging li{display:inline-block;height:24px;line-height:24px;padding:0 8px;margin-right:6px;border:1px solid #dfdfdf;font-size:14px;color:#9d9d9d;border-bottom:none;cursor:pointer}
/*选中第一页的时候及选中状态*/
.contract_paging li.selected{background:#ff6600;color:#fff;border-color:transparent}
/*首页和上一页灰显*/
.contract_paging li.gray{color:#dfdfdf;}
.contract_paging li.ellipsis{border:none;width:9px;margin:0 3px 0 -3px;padding: 0;cursor: inherit}
/*-----------------------个人中心我的合同无产品页---------------------------*/
.no_product{text-align:center;font-size:16px;}
.no_product .cart{display:inline-block;width:239px;height:140px;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/bg_shoppingCart.png") no-repeat center;background-size:cover;margin-top:120px}
.no_product>p{height:75px;line-height:75px;}
.no_product .go_mall{display:inline-block;width:158px;height:40px;background:#fca242;line-height:40px;text-align:center;color:#fff;border-radius:5px;}
/*我的测评2题目页*/
.new_risk{overflow: hidden}
.new_risk_title{text-align:center;height:70px;line-height:70px;font-size:16px;}
.risk_wrap{padding:0 26px;height:608px;overflow: auto}
.new_risk_content{font-size:14px;}
.risk_wrap .identity_wrap .new_top>p{margin:20px 0 30px;background:#ffffcc;line-height:24px;padding:10px}
.new_risk_content .new_top>p{margin:10px 0 22px}
.new_content .question_list .q_title{line-height:42px;}
.new_content .question_list .q_lists{padding-left:21px}
.new_content .question_list .q_lists .list{display:inline-block;margin-right:20px;line-height:26px;margin-bottom:10px;}
.new_content .question_list .list>label{cursor: pointer}
.risk_wrap .footer{position:relative;left:0;right:0;width:100%;background:#f8f9fa;}
.risk_wrap .footer>a{display:block;width:148px;height:34px;text-align:center;line-height:34px;margin:20px auto 24px;background:#EF7F21;color:#fff;font-size:14px;font-weight:bold;border-radius:5px;}
.risk_wrap .footer>a:hover{background:#ff9914}
/*滚动条样式*/
::-webkit-scrollbar{position:absolute;width:10px;background: transparent;}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-thumb{border-radius: 10px;background: #d3d3d3;}
/*我的评测结果2*/
.new_risk_result .content_right{float: none;margin:0 auto;width:300px;}
.new_risk_result .content_right .percentage{width:148px;height:146px;}
.new_risk_result .content_right .percentage+ul{margin:40px 0 0 40px;}
.new_risk_result .new_result_top{height:105px;padding:36px 0 0 36px;border-bottom:1px solid #e1e1e1}
.new_risk_result .new_result_top>div{height:40px;line-height:40px;margin-top:5px;}
.new_risk_result .new_result_top>div>h3{display:inline-block;margin:0 20px 0 10px;}
.new_risk_result .new_result_top>div>a{display:inline-block;text-decoration:underline;color:#fca242;}
.new_risk_content{height:1350px;}
.new_risk_result .content_top>ul{width:300px;margin:0 auto;}
.new_risk_result .content_top>ul li{list-style: outside;color:#EF7F21;line-height:26px;margin-bottom:18px;}
.new_risk_result .content_top>ul li:nth-of-type(1){margin-top:57px;}
.new_risk_result .content_top>ul li:last-child{margin-bottom:30px;}
.new_risk_result .content_top>ul li>p{color:#333;}
.new_risk_result .content_top>ul li>p>span{font-size:1.17em;font-weight:bold}
/*个人中心身份认证*/
.c4e{color:#4ea1ee;}
.identity{margin:25px 0 35px 0}
.identity p{padding-left:30px;margin-bottom:20px}
.identity p>input{margin-left:20px;height:26px;line-height:26px;width:208px;outline:none;border:1px solid #ccc;padding-left:10px}
.identity p:nth-of-type(2) input{margin-left:23px;}
.identity p span{margin-left:10px;display: none}
.identity p.identity_error span i{display:inline-block;width:16px;height:16px;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/pc/error.png")no-repeat center;background-size:cover;margin-right:5px;vertical-align:middle}
.identity p.identity_error input{border-color:#ff0000;color:#ccc;}
.identity p.identity_error span{color:#ff0000;display: inline-block;}
.risk_wrap .footer p{line-height:24px;}
.identity a{width:148px;height:34px;color:#fff;background:#EF7F21;line-height:34px;text-align:center;display:inline-block;border-radius:2px;margin:20px 0 0 112px}
.identity a:hover{background: #ff9914;cursor: pointer}
.identity_wrap{position:relative}
.identity_footer{/*margin-top:136px;*/position:absolute;left:0;right:0;bottom:-160px;margin:auto}
.identity_error_two{margin-left:72px;margin-top:20px}
.icheckbox_minimal,
.iradio_minimal {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
border: none;
cursor: pointer;
}
.icheckbox_minimal {
background-position: 0 0;
}
.icheckbox_minimal.hover {
background-position: -20px 0;
}
.icheckbox_minimal.checked {
background-position: -40px 0;
}
.icheckbox_minimal.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_minimal.checked.disabled {
background-position: -80px 0;
}
.iradio_minimal {
background-position: -100px 0;
}
.iradio_minimal.hover {
background-position: -120px 0;
}
.iradio_minimal.checked {
background-position: -140px 0;
}
.iradio_minimal.disabled {
background-position: -160px 0;
cursor: default;
}
.iradio_minimal.checked.disabled {
background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_minimal,
.iradio_minimal {
-webkit-background-size: 200px 20px;
background-size: 200px 20px;
}
}
/* orange */
.icheckbox_minimal-orange,
.iradio_minimal-orange {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
background: url(//cdn.upchinaproduct.com/upriskeval/test/images/orange.png) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_minimal-orange {
background-position: 0 0;
}
/*.icheckbox_minimal-orange.hover {
background-position: -20px 0;
}*/
.icheckbox_minimal-orange.checked {
background-position: -40px 0;
}
.icheckbox_minimal-orange.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_minimal-orange.checked.disabled {
background-position: -40px 0;
}
.iradio_minimal-orange {
background-position: -100px 0;
}
/*.iradio_minimal-orange.hover {
background-position: -120px 0;
}*/
.iradio_minimal-orange.checked {
background-position: -140px 0;
}
.iradio_minimal-orange.disabled {
background-position: -160px 0;
cursor: default;
}
.iradio_minimal-orange.checked.disabled {
background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_minimal-orange,
.iradio_minimal-orange {
-webkit-background-size: 200px 20px;
background-size: 200px 20px;
}
}
/*我的合同迭代2*/
.mask .service_agreement{height: 513px;}
.service{height:459px;background:#fff;padding-top:20px;font-size:16px;}
.service .f14{font-size:14px;}
.service .fb18{font-size:18px;font-weight:bold;color:#ff5e00;}
.service .mb15{margin-bottom:12px;}
.service .mb30{margin-bottom:16px;}
.service_top{padding:0 20px;}
.service .service_top .result_type{height:24px;padding:30px 20px;}
.service .service_top .result_type ul{width:500px;height:24px;
background: -webkit-linear-gradient(to right, #ffa839 ,#ff7e2f,#ff5d28,#ff331f,#ff281c);
background: linear-gradient(to right, #ffa839 ,#ff7e2f,#ff5d28,#ff331f,#ff281c);
border-radius:6px;
}
.service_top .scale_selected{transform: scale(1.3);font-size:13px;}
.service_top .scale_selected.conservative{background:#ffa839}
.service_top .scale_selected.cautious{background:#ff7e2f}
.service_top .scale_selected.steady{background:#ff5d28}
.service_top .scale_selected.aggressive{background:#ff331f}
.service_top .scale_selected.radical{background:#ff281c}
.service .service_top .result_type ul li{float:left;width:100px;line-height:24px;text-align:center;color:#fff;cursor:pointer}
.mask .mask_main .protocol .signature{height:210px;border:5px solid #edebeb;position:relative;color:#999;}
.protocol .signature .p_wrap{width:200px;height:50px;margin:auto;align-items: center;text-align:center;position: absolute;left:0;right:0;top:0;bottom:0;}
.protocol .cff{font-size: 14px;color:#ff0000;}
.protocol .error{display: inline-block;width: 16px;height: 16px;background: url(//cdn.upchinaproduct.com/upriskeval/test/images/error.png) no-repeat center; background-size: cover;margin-right: 5px;vertical-align: middle;}
.protocol .signature_btn{position:absolute;right:0;left:0;margin:auto;bottom:14px;width:148px;height:34px;background:#ff5e00;text-align:center;line-height:34px;color:#fff;border-radius:4px;}
.signature_end{height:266px;border-top:1px solid #ebebeb;padding:0 20px;position:relative}
.signature_end .end_wrap{height:94px;}
.signature_end .letter{display:inline-block;margin-right:60px;}
.signature_end .c4b{color:#4ba5f8}
.signature_end .end_wrap{position: absolute;top:0;bottom:0;margin:auto}
.signature_end img{width:50px;height:50px;}
.contract_two table tbody tr{height:96px;}
.contract_two table tbody td:nth-of-type(2){text-align:left;padding-left:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
/*二次迭代合同页面*/
.contract_two table tbody td:nth-of-type(2)>a{display:block}
.contract_two table tbody td:nth-of-type(2)>a:hover{color:#f88b17;}
.contract_two table tbody tr:hover{background:#f8f9fa}
.contract_two table thead tr td:nth-of-type(2){text-align:left;padding-left: 122px;}
.contract_two table tbody tr{line-height:28px;}
.contract_two table thead{background:#dcdcdc}
.contract_two .product_name{display:block;float:left;max-width:168px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
/*个人中心风险评测结果页*/
.new_risk_result .service{height:500px;background:#f8f9fa;font-size:16px;}
.new_risk_result .service{padding-top:60px;}
.new_risk_result .service .service_top .result_type{height:60px}
.new_risk_result .service .service_top{padding: 0 35px;}
.new_risk_result .signature_end{padding: 0 35px;}
.signature{height:206px;position: relative;color:#999;}
.signature_ready{height:206px;border:5px solid #edebeb}
.signature .reappear{display:inline-block;color:#999;position: absolute;right:46px;top:30px;}
.signature .reappear>i{display:inline-block;width:14px;height:15px;background:url("//cdn.upchinaproduct.com/upriskeval/test/images/reappear.png") no-repeat center;background-size:cover; vertical-align: middle;margin-right:6px;}
.customer_signature{position: relative;}
.customer_signature img{width:200px;height:80px;position: absolute;right:-200px;top:-30px;}
/*2017-06-29*/
.signature_ready .customer_service{position:absolute;width:144px;right:90px;bottom:12px;font-size:14px;color:#4ba5f8;}