/*

	[Destoon B2B System] Copyright (c) 2008-2016 Destoon.COM

	This is NOT a freeware, use is subject to license.txt

*/

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {

    margin: 0px;

    padding: 0px;

    border: 0px none;

    font-family: pingHei,SimHei,Helvetica,Tahoma,Arial,sans-serif;

    vertical-align: baseline;

}

body {

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 100%;

    font-family: SimHei,Helvetica,Tahoma,Arial,sans-serif;

    color: rgb(102, 102, 102);

}

html, body{

    background-color: rgb(237, 237, 237);

}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*+height:1%;}

.main {

	overflow: hidden;

    min-width: 320px;

    max-width: 640px;

    margin-right: auto;

    margin-left: auto;

    background: rgb(232, 232, 232) none repeat scroll 0% 0%;

}

input, textarea {

    border: 0px none;

    padding: 0px;

    margin: 0px;

    background: rgb(244, 244, 244) none repeat scroll 0% 0%;

}

/*头部*/

.sbcx-main {

    height: 2.9rem;

    background-color: rgb(33, 32, 42);

}

.page-banner {

    position: relative;

    width: 100%;

    height: 2.4rem;

    background: transparent url("sbzc/sbzc_ban.png") no-repeat scroll center center / cover;

}

.page-banner.sbcx {

    height: 2.68rem;

}

.a426sbcx {

	position: absolute;

	width: 100%;

	text-align: center;

    bottom: -0.08rem;

    color: rgb(203, 113, 255);

    font-size: 0.25rem;

}

.a426sbcx i {

    position: relative;

    top: -0.04rem;

    width: 0.07rem;

    height: 0.07rem;

    display: inline-block;

    background-color: rgb(203, 113, 255);

    border-radius: 0.07rem;

}

/*头部结束*/

/*表单*/

.page-form {

    padding: 0.3rem 0.22rem;

    background: rgb(255, 255, 255) none repeat scroll 0% 0%;

    font-size: 0.12rem;

}

.page-form .page-block {

    overflow: hidden;

    width: 6rem;

    height: 4.66rem;

    margin-right: auto;

    margin-left: auto;

    box-shadow: 0px 0px 2px rgb(187, 187, 187);

}

.page-form .page-block .page-panel {

    position: relative;

    width: 5.64rem;

    height: 0.8rem;

    margin-right: auto;

    margin-left: auto;

    padding: 0.05rem;

    border-radius: 0.15rem;

    background: rgb(237, 237, 237) none repeat scroll 0% 0%;

    line-height: 0.8rem;

}

.page-form .name-panel {

    margin-top: 0.5rem;

}

.page-form label {

    display: inline-block;

    float: left;

    width: 1.44rem;

    height: 0.8rem;

    text-align: center;

    color: rgb(102, 102, 102);

    border-radius: 0.1rem 0px 0px 0.1rem;

    background: rgb(210, 210, 210) none repeat scroll 0% 0%;

    font-size: 0.24rem;

}

.page-form input {

    display: inline-block;

    float: left;

    width: 4.2rem;

    height: 100%;

    padding: 0.2rem 0.1rem;

    letter-spacing: 0.02rem;

    border: medium none;

    border-top-right-radius: 0.1rem;

    border-bottom-right-radius: 0.1rem;

    background: rgb(255, 255, 255) none repeat scroll 0% 0%;

    font-size: 0.24rem;

}

.box-size {

    box-sizing: border-box;

}

.page-form .phone-panel {

    margin-top: 0.36rem;

}

.page-form label i {

    padding-right: 0.05rem;

    color: rgb(246, 113, 113);

}

.page-btn-block {

    width: 5.64rem;

    height: 0.96rem;

    line-height: 0.96rem;

    margin-top: 0.36rem;

    margin-right: auto;

    margin-left: auto;

    text-align: center;

    border-radius: 0.15rem;

    background: rgb(255, 102, 102) none repeat scroll 0% 0%;

    font-size: 0.36rem;

    color: rgb(255, 255, 255);

}

.form-tip {

    margin-top: 0.3rem;

    text-align: center;

    letter-spacing: 1px;

    color: rgb(102, 102, 102);

    font-size: 0.24rem;

}

.form-tip span {

    color: rgb(255, 89, 89);

}

.news-list {

    height: 0.48rem;

    padding: 0px 0.2rem;

    color: rgb(255, 255, 255);

    background: rgb(116, 134, 143) none repeat scroll 0% 0%;

    font-size: 0.22rem;

	overflow:hidden;

}

.news-list .news-title {

    display: inline-block;

    float: left;

    width: 1rem;

    height: 0.48rem;

    text-align: center;

    line-height: 0.48rem;

}

.news-list .list-ul {

    display: inline-block;

    float: left;

    overflow: hidden;

    width: 4.5rem;

    height: 0.48rem;

    line-height: 0.48rem;

}

.news-list .list-ul li {

    height: 0.48rem;

    transition: all 1s ease 0s;

    color: rgb(174, 183, 188);

}

.news-list .list-ul .notice-active { margin-top: -0.48rem; }

.text-overflow {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.wrapper {

    width: 6rem;

    margin: 0.2rem auto 0px;

    background-color: rgb(255, 255, 255);

}

.jjld-rectangle {

    display: block;

    width: 2.1rem;

    height: 0.119rem;

    margin: 0px auto;

    border-radius: 3px;

    background: rgb(20, 123, 59) none repeat scroll 0% 0%;

}

.jjld-h2 {

    margin-top: 0.34rem;

    text-align: center;

    color: rgb(0, 0, 0);

    font-size: 0.28rem;

}

.result-ul {

    position: relative;

    width: 5.6rem;

    height: 2.36rem;

    margin: 0.54rem auto 0px;

    padding-bottom: 0.7rem;

    background: transparent url("sbzc/compare.png") no-repeat scroll center top / 5.6rem 2.36rem;

    font-size: 0.24rem;

}

.result-ul li {

    position: absolute;

}

.result-ul li.result_li_left{

    left: 0.46rem;

    color: rgb(68, 68, 68);

}

.result-ul li.result_li_right{

    left: 3.36rem;

    color: rgb(153, 153, 153);

}

.result-ul li.result_li1, .result-ul li.result_li2 {

    top: 0.89rem;

}

.result-ul li.result_li3, .result-ul li.result_li4 {

    top: 1.32rem;

}

.result-ul li.result_li5, .result-ul li.result_li6 {

    top: 1.75rem;

}

.result-ul li span i {

    display: inline-block;

    width: 0.23rem;

    height: 0.23rem;

    margin-left: 0.08rem;

    background: transparent url("sbzc/info.png") no-repeat scroll center center / 0.23rem 0.23rem;

}



.flow2{

    position: relative;

    width: 5.6rem;

    height: 3.51rem;

    margin: 0.4rem auto 0px;

    padding-bottom: 1.2rem;

    color: rgb(255, 255, 255);

    background: transparent url("sbzc/flow.png") no-repeat scroll center top / 5.6rem 3.51rem;

}

.flow2 li {

    position: absolute;

    padding: 0.06rem 0.1rem;

    border-radius: 0.1rem;

}

.flow2 li a {

    color: rgb(255, 255, 255);

}

.flow2 li.flow2_li1{

    top: 0.6rem;

    left: 0.45rem;

}

.flow2 li.flow2_li2{

    top: 1.5rem;

    left: 2.6rem;

}

.flow2 li.flow2_li3{

    top: 2.9rem;

    left: 0px;

}

.flow2 li.flow2_li4{

    top: 3.65rem;

    right: 0.4rem;

}

.flow2 li.flow2_li1,.flow2 li.flow2_li4{ 

background-color: rgb(255, 174, 174);

font-size: 0.25rem;

}

.flow2 li.flow2_li2, .flow2 li.flow2_li3{

    background-color: rgb(178, 178, 178);

    font-size: 0.24rem;

}

.type {

    position: relative;

    width: 5.6rem;

    height: 2.18rem;

    margin: 0.4rem auto 0px;

    padding-bottom: 0.7rem;

    background: transparent url("sbzc/pk.png") no-repeat scroll center top / 5.6rem 2.18rem;

    font-size: 0.24rem;

}

.type li {

    position: absolute;

}

.type li.type_li_ji{

    color: rgb(153, 153, 153);

}

.type li.type_li_ou{

    color: rgb(10, 115, 110);

}

.type li.type_li1{

    top: 0.13rem;

	left: 0.3rem;

	color: rgb(80, 207, 201);

	font-size: 0.25rem;

}

.type li.type_li2{

    top: 0.13rem;

	right: 0.34rem;

	color: rgb(255, 255, 255);

	font-size: 0.25rem;

}

.type li.type_li3{

    top: 0.8rem;

	left: 0.66rem;

}

.type li.type_li4{

	top: 0.8rem;

	right: 0.55rem;

}

.type li.type_li5{

    top: 1.23rem;

    left: 0.85rem;

}

.type li.type_li6{

    top: 1.23rem;

    right: 0.65rem;

}

.type li.type_li7{

    top: 1.64rem;

    left: 1rem;

}

.type li.type_li8{

    top: 1.63rem;

    right: 1.1rem;

}

.advantage {

    padding: 0.3rem 0.2rem 0.6rem;

}

.advantage li {

    position: relative;

    float: left;

    width: 2.76rem;

    padding-bottom: 0.2rem;

    text-align: center;

}

.advantage li > i {

    display: block;

    width: 1.15rem;

    height: 1.15rem;

    margin: 0.22rem auto;

    background: transparent url("sbzc/advantage.png") no-repeat scroll center center / 1.15rem 4.6rem;

}

.advantage li h3 {

    margin-bottom: 0.1rem;

    color: rgb(68, 68, 68);

    font-size: 0.28rem;

}

.advantage li p {

    color: rgb(102, 102, 102);

    font-size: 0.24rem;

}

.advantage li h3 i {

    display: inline-block;

    width: 0.23rem;

    height: 0.23rem;

    margin-left: 0.08rem;

    background: transparent url("sbzc/info.png") no-repeat scroll center center / 0.23rem 0.23rem;

}

.advantage li.advan_li1 i {

    background-position: 0px 0px;

}

.advantage li.advan_li2 i {

    background-position: 0px -1.15rem;

}

.advantage li.advan_li3 i {

    background-position: 0px -2.3rem;

}

.advantage li.advan_li4 i {

    background-position: 0px -3.45rem;

}

.interest {

    padding: 0.4rem 0.2rem 0.6rem;

    font-size: 0.24rem;

}

.interest a {

    display: block;

    float: left;

    width: 1.79rem;

    margin-right: 0.05rem;

    padding: 0.2rem 0px 0.24rem;

    text-align: center;

    border: 1px solid rgb(241, 241, 241);

}

.interest a.hot {

    position: relative;

    overflow: hidden;

}

.interest a.hot::before {

    position: absolute;

    top: -0.1rem;

    left: -0.5rem;

    width: 1.4rem;

    height: 0.56rem;

    content: "HOT";

    transform: rotate(-45deg);

    color: rgb(255, 255, 255);

    background-color: rgb(255, 89, 89);

    line-height: 0.76rem;

}

.interest i {

    display: block;

    width: 0.69rem;

    height: 0.69rem;

    margin: 0px auto 0.16rem;

    background: transparent url("sbzc/interest.png") no-repeat scroll center center / 0.69rem 2.76rem;

}

.interest i.warrant {

    background-position: 0px -2.07rem;

}

.interest i.noworry {

    background-position: 0px -0.69rem;

}

.interest i.normal {

    background-position: 0px -1.38rem;

}

.interest a span {

    display: block;

    padding-top: 0.1rem;

    color: rgb(255, 89, 89);

}

.interest a span.oldPrice {

    padding-top: 0px;

    color: rgb(204, 204, 204);

}

.interest a:last-child {

    margin-right: 0;

}

.question {

    margin-top: 0.3rem;

    padding-top: 0.3rem;

    padding-bottom: 0.3rem;

    border-top: 1px dashed rgb(248, 248, 248);

}

.question p {

    position: relative;

    margin: 0px 0.25rem 0px 0.73rem;

    text-align: justify;

}

.question p.quest_p_ji{

    margin-bottom: 0.12rem;

    color: rgb(102, 102, 102);

    font-size: 0.26rem;

}

.question p.quest_p_ou{

    margin-bottom: 0.26rem;

    color: rgb(153, 153, 153);

    font-size: 0.24rem;

}

.question p::before {

    position: absolute;

    left: -0.4rem;

    top: -0.01rem;

    display: block;

    width: 0.31rem;

    height: 0.31rem;

    text-align: center;

    color: rgb(255, 255, 255);

    border-radius: 0.08rem;

}

.question p.quest_p_ji::before {

    content: "Q";

    background: rgb(255, 162, 0) none repeat scroll 0% 0%;

}

.question p.quest_p_ou::before {

    content: "A";

	background: rgb(203, 203, 205) none repeat scroll 0% 0%;

}