/*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;}